body, html {margin:0;padding:0;text-align:center;background:#f3fff7}
body { font-size:14px}
.xerox_wrapper, .xerox_wrapper * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.xerox_wrapper {margin:auto;width:728px;height:90px;overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;background:url(bg.jpg) left top no-repeat #FFF;border:1px solid #000}
.xerox_inner_wrapper {position:relative;width:100%;height:100%;margin:0;padding:0;display:block}
.xerox_inner_wrapper section {display:block;position:absolute}
#xerox_wt_layer {background:url(white-bg.png);height:100%;width:4000px;left:-2636px;z-index:1;-webkit-animation:wt_bg 18s;animation:wt_bg 18s}
.xerox_text_wcwb {top:35px;left:235px;width:260px;height:19px;overflow:hidden;z-index:2;-webkit-animation:wcwb_text 18s;animation: wcwb_text 18s}
.xerox_text_wcwb img {position:absolute;top:0;right:0;-webkit-animation:wcwb_text_img 18s;animation:wcwb_text_img 18s}
.xerox_arrow {top:36px;z-index:2}
.xerox_arrow.lt {left:-20px;-webkit-animation:lt_arrow 18s;animation:lt_arrow 18s}
.xerox_arrow.rt {right:-20px;background-position:right top;-webkit-animation:rt_arrow 18s;animation:rt_arrow 18s}
#xerox_logo,.xerox_logo_2,#xerox_logo_3,#xerox_logo_4 {top:35px;left:32px;z-index:5;-webkit-animation:logo 18s;animation:logo 18s;text-align:left}
.xerox_logo_2,#xerox_logo_3 {top:34px;left:10px;-webkit-animation:logo_2 18s;animation:logo_2 18s;opacity:0}
#xerox_logo_3 {top:34px;left:32px;-webkit-animation:logo_3 18s;animation:logo_3 18s}
#xerox_logo_4 {top:34px;left:32px;-webkit-animation:logo_4 18s;animation:logo_4 18s}
#xerox_logo { width:124px}
#xerox_logo img {position:relative}
#readmore,.logo-reg,.wrapperBtn,.xerox_logo_icon {position:absolute}
.xerox_logo_text {opacity:0;width:84px;overflow:hidden;-webkit-animation:logo_text 18s;animation:logo_text 18s}
.xerox_logo_icon {opacity:0;top:-8px;left:94px;-webkit-animation:logo_icon 18s;animation:logo_icon 18s}
.logo-reg {opacity:0;left:133px;top:-36px;-webkit-animation:logo_icon 18s;animation:logo_icon 18s}
#tp_hd,.tp_hd_2,#tp_text_3,#tp_text,#tp_text_2,#tp_text_4 {position:absolute;top:10px;left:134px;opacity:0;z-index:2;font:1.18em/22px 'Roboto';text-align:left}
#tp_hd, .tp_hd_2 {-webkit-animation:tp_hd 18s;animation:tp_hd 18s;text-transform:uppercase;font-size:14px;border-bottom:1px #000 solid;line-height:22px}
.tp_hd_2 {-webkit-animation:screen_2 18s;animation:screen_2 18s}
#tp_text {-webkit-animation:tp_text 18s;animation:tp_text 18s;top:37px;font-weight:bold;width:320px}
#tp_text_2 {-webkit-animation:screen_2 18s;animation:screen_2 18s;top:37px;font-weight:bold;width:320px}
#tp_text_3,#tp_text_4 {-webkit-animation:screen_3 18s;animation:screen_3 18s;top:35px;left:134px;width:350px}
#tp_text_3 {font-weight:bold}
#tp_text_4 {top:54px;font-size:12px;}
#readmore {-webkit-animation:readmore 18s;animation:readmore 18s;left:488px;top:49px;z-index:2;opacity:0}
.wrapperBtn {background:0,0,0,0;padding:0;margin:0;width:100%;height:100%;border:0;top:0;left:0;cursor:pointer;z-index:10;outline:none}
@-webkit-keyframes wcwb_text {
0%,4% {opacity:1;left:235px}
6%,100% {opacity:0;left:295px}
}
@-moz-keyframes wcwb_text {
0%,4% {opacity:1;left:235px}
6%,100% {opacity:0;left:295px}
}
@keyframes wcwb_text {
0%,4% {opacity:1;left:235px}
6%,100% {opacity:0;left:295px}
}
@-webkit-keyframes wcwb_text_img {
4% {right:0px}
6% {right:360px}
100% {right:360px}
}
@-moz-keyframes wcwb_text_img {
4% {right:0px}
6% {right:360px}
100% {right:360px}
}
@keyframes wcwb_text_img {
4% {right:0px}
6% {right:360px}
100% {right:360px}
}
@-webkit-keyframes lt_arrow {
0% {opacity:1;left:221px}
4% {left:221px}
6.1% {left:295px}
8% {left:295px}
8% {opacity:1}
8.4% {opacity:0}
100% {opacity:0;left:295px}
}
@-moz-keyframes lt_arrow {
0% {opacity:1;left:221px}
4% {left:221px}
6.1% {left:295px}
8% {left:295px}
8% {opacity:1}
8.4% {opacity:0}
100% {opacity:0;left:295px}
}
@keyframes lt_arrow {
0% {opacity:1;left:221px}
4% {left:221px}
6.1% {left:295px}
8% {left:295px}
8% {opacity:1}
8.4% {opacity:0}
100% {opacity:0;left:295px}
}
@-webkit-keyframes rt_arrow {
0% {opacity:1;right:218px}
4% {right:218px}
6% {right:415px}
7.2% {right:346px}
8% {opacity:1}
8.4% {opacity:0}
100% {opacity:0;right:346px}
}
@-moz-keyframes rt_arrow {
0% {opacity:1;right:218px}
4% {right:218px}
6% {right:415px}
7.2% {right:346px}
8% {opacity:1}
8.4% {opacity:0}
100% {opacity:0;right:346px}
}
@keyframes rt_arrow {
0% {opacity:1;right:218px}
4% {right:218px}
6% {right:415px}
7.2% {right:346px}
8% {opacity:1}
8.4% {opacity:0}
100% {opacity:0;right:346px}
}
@-webkit-keyframes logo_text {
0%,5.9% {opacity:0}
6% {opacity:1;width:0}
100%, 8.5% {opacity:1;width:124px}
}
@-moz-keyframes logo_text {
0%,5.9% {opacity:0}
6% {opacity:1;width:0}
100%, 8.5% {opacity:1;width:124px}
}
@keyframes logo_text {
0%,5.9% {opacity:0}
6% {opacity:1;width:0}
100%, 8.5% {opacity:1;width:124px}
}
@-webkit-keyframes logo_icon {
0%, 7% {opacity:0}
100%, 9% {opacity:1}
}
@-moz-keyframes logo_icon {
0%, 7% {opacity:0}
100%, 9% {opacity:1}
}
@keyframes logo_icon {
0%, 7% {opacity:0}
100%, 9% {opacity:1}
}
@-webkit-keyframes logo {
0% {left:295px;top:35px;}
18% {left:295px;top:35px;-webkit-transform:scale(1);transform:scale(1);-moz-transform:scale(1)}
20.9% {opacity:1}
21% {opacity:0;left:7px;top:31px;-webkit-transform:scale(.601);transform:scale(.601);-moz-transform:scale(.601)}
100% {opacity:0}
}
@-moz-keyframes logo {
0% {left:295px;top:35px;}
18% {left:295px;top:35px;-webkit-transform:scale(1);transform:scale(1);-moz-transform:scale(1)}
20.9% {opacity:1}
21% {opacity:0;left:7px;top:31px;-webkit-transform:scale(.601);transform:scale(.601);-moz-transform:scale(.601)}
100% {opacity:0}
}
@keyframes logo {
0% {left:295px;top:35px;}
18% {left:295px;top:35px;-webkit-transform:scale(1);transform:scale(1);-moz-transform:scale(1)}
20.9% {opacity:1}
21% {opacity:0;left:7px;top:31px;-webkit-transform:scale(.601);transform:scale(.601);-moz-transform:scale(.601)}
100% {opacity:0}
}
@-webkit-keyframes logo_4 {
0%,20.9% {opacity:0}
21% {opacity:1;left:32px}
50.5% {left:32px}
54.5% {left:-1470px}
100% {left:-1470px}
}
@-moz-keyframes logo_4 {
0%,20.9% {opacity:0}
21% {opacity:1;left:32px}
50.5% {left:32px}
54.5% {left:-1470px}
100% {left:-1470px}
}
@keyframes logo_4 {
0%,20.9% {opacity:0}
21% {opacity:1;left:32px}
50.5% {left:32px}
54.5% {left:-1470px}
100% {left:-1470px}
}
@-webkit-keyframes tp_hd {
0% {opacity:0}
20.5% {opacity:0}
23.5% {opacity:1}
50.5% {left:134px}
54.8% {opacity:1;left:-2500px}
55% {opacity:0}
75.5% {opacity:0;left:1470px}
80.5% {opacity:1;left:134px}
100% {opacity:1;left:134px}
}
@-moz-keyframes tp_hd {
0% {opacity:0}
20.5% {opacity:0}
23.5% {opacity:1}
50.5% {left:134px}
54.8% {opacity:1;left:-2500px}
55% {opacity:0}
75.5% {opacity:0;left:1470px}
80.5% {opacity:1;left:134px}
100% {opacity:1;left:134px}
}
@keyframes tp_hd {
0% {opacity:0}
20.5% {opacity:0}
23.5% {opacity:1}
50.5% {left:134px}
54.8% {opacity:1;left:-2500px}
55% {opacity:0}
75.5% {opacity:0;left:1470px}
80.5% {opacity:1;left:134px}
100% {opacity:1;left:134px}
}
@-webkit-keyframes tp_text {
0% {opacity:0}
20.5% {opacity:0}
23.5% {opacity:1}
50.5% {opacity:1;left:134px}
54.5% {left:-1470px}
100% {opacity:1;left:-1470px}
}
@-moz-keyframes tp_text {
0% {opacity:0}
20.5% {opacity:0}
23.5% {opacity:1}
50.5% {opacity:1;left:134px}
54.5% {left:-1470px}
100% {opacity:1;left:-1470px}
}
@keyframes tp_text {
0% {opacity:0}
20.5% {opacity:0}
23.5% {opacity:1}
50.5% {opacity:1;left:134px}
54.5% {left:-1470px}
100% {opacity:1;left:-1470px}
}
@-webkit-keyframes logo_2 {
0% {opacity:0}
50.5% {opacity:0;left:1470px}
55.5% {opacity:1;left:32px}
75.5% {left:32px}
80.5% {left:-1368px}
100% {opacity:1;left:-1470px}
}
@-moz-keyframes logo_2 {
0% {opacity:0}
50.5% {opacity:0;left:1470px}
55.5% {opacity:1;left:32px}
75.5% {left:32px}
80.5% {left:-1368px}
100% {opacity:1;left:-1470px}
}
@keyframes logo_2 {
0% {opacity:0}
50.5% {opacity:0;left:1470px}
55.5% {opacity:1;left:32px}
75.5% {left:32px}
80.5% {left:-1368px}
100% {opacity:1;left:-1470px}
}
@-webkit-keyframes logo_3 {
0% {opacity:0}
65% {opacity:0}
75.5% {opacity:1;left:1368px}
80.5% {left:32px}
100% {opacity:1;left:32px}
}
@-moz-keyframes logo_3 {
0% {opacity:0}
65% {opacity:0}
75.5% {opacity:1;left:1368px}
80.5% {left:32px}
100% {opacity:1;left:32px}
}
@keyframes logo_3 {
0% {opacity:0}
65% {opacity:0}
75.5% {opacity:1;left:1368px}
80.5% {left:32px}
100% {opacity:1;left:32px}
}
@-webkit-keyframes screen_2 {
0% {opacity:0}
50.5% {opacity:0;left:1572px}
55.5% {opacity:1;left:134px}
75.5% {left:134px}
80.5% {left:-1572px}
100% {opacity:1;left:-1572px}
}
@-moz-keyframes screen_2 {
0% {opacity:0}
50.5% {opacity:0;left:1572px}
55.5% {opacity:1;left:134px}
75.5% {left:134px}
80.5% {left:-1572px}
100% {opacity:1;left:-1572px}
}
@keyframes screen_2 {
0% {opacity:0}
50.5% {opacity:0;left:1572px}
55.5% {opacity:1;left:134px}
75.5% {left:134px}
80.5% {left:-1572px}
100% {opacity:1;left:-1572px}
}
@-webkit-keyframes screen_3 {
0% {opacity:0}
65% {opacity:0}
75.5% {opacity:1;left:1470px}
80.5% {left:134px}
100% {opacity:1;left:134px}
}
@-moz-keyframes screen_3 {
0% {opacity:0}
65% {opacity:0}
75.5% {opacity:1;left:1470px}
80.5% {left:134px}
100% {opacity:1;left:134px}
}
@keyframes screen_3 {
0% {opacity:0}
65% {opacity:0}
75.5% {opacity:1;left:1470px}
80.5% {left:134px}
100% {opacity:1;left:134px}
}
@-webkit-keyframes readmore {
0%, 80% {opacity:0}
81.5%, 100% {opacity:1}
}
@-moz-keyframes readmore {
0%, 80% {opacity:0}
81.5%, 100% {opacity:1}
}
@keyframes readmore {
0%, 80% {opacity:0}
81.5%, 100% {opacity:1}
}
@-webkit-keyframes wt_bg {
0%, 18% {left:0}
21%, 50.6% {left:-252px}
55.6%, 75.6% {left:-1480px}
100%, 80.6% {left:-2636px}
}
@-moz-keyframes wt_bg {
0%, 18% {left:0}
21%, 50.6% {left:-252px}
55.6%, 75.6% {left:-1480px}
100%, 80.6% {left:-2636px}
}
@keyframes wt_bg {
0%, 18% {left:0}
21%, 50.6% {left:-252px}
55.6%, 75.6% {left:-1480px}
100%, 80.6% {left:-2636px}
}
#tp_text_3.stopAnimation,#tp_text_4.stopAnimation,#tp_hd.stopAnimation,#xerox_wt_layer.stopAnimationLast,#xerox_logo_3.stopAnimationLogo,#readmore.stopAnimation { animation-play-state: paused!important; -webkit-animation-play-state: paused!important; opacity:1!important}
.disable {animation-play-state:paused!important;-webkit-animation-play-state:paused!important;opacity:0!important}
#xerox_wt_layer.stopAnimationLast{left:-2636px}