body, html {margin:0;padding:0;text-align:center;background:#f3fff7}
.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}
.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:-239px;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 {top:35px;left:15px;z-index:2;-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 {left:32px;-webkit-animation:logo_3 18s;animation:logo_3 18s;}
#xerox_logo img {position:relative}
#readmore,.logo-reg,.wrapperBtn,.xerox_logo_icon {position:absolute}
#xerox_logo { width:124px}
.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:91px;-webkit-animation:logo_icon 18s;animation:logo_icon 18s}
.logo-reg {opacity:0;left:132px;top:-39px;-webkit-animation:logo_icon 18s;animation:logo_icon 18s}
#tp_7,#tp_hd,.tp_hd_2,#tp_text_3,.tp_text,.tp_text_2 {position:absolute;top:10px;left:134px;opacity:0;z-index:2;font:18px/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:290px}
.tp_text_2 {-webkit-animation:screen_2 18s;animation:screen_2 18s;top:37px;font-weight:bold;width:290px}
#tp_7 {background: url(7.png) no-repeat;-webkit-animation:tp_7 18s;animation:tp_7 18s;top:40px;min-height:34px;width:25px}
#tp_text_3 {-webkit-animation:tp_text_3 18s;animation:tp_text_3 18s;top:35px;left:164px;width:500px}
#readmore {-webkit-animation:readmore 18s;animation:readmore 18s;left:429px;top:52px;z-index:2;opacity:0}
.wrapperBtn {background:0,0,0,0;padding:0;margin:0;width:100%;height:100%;border:1px solid #000;top:0;left:0;cursor:pointer;z-index:10}
@-webkit-keyframes wcwb_text {
0% {opacity:1;top:35px}
6% {opacity:1;left:235px}
8% {opacity:0;left:300px}
100% {opacity:0;left:300px;top:35px}
}
@-moz-keyframes wcwb_text {
0% {opacity:1;top:35px}
6% {opacity:1;left:235px}
8% {opacity:0;left:300px}
100% {opacity:0;left:300px;top:35px}
}
@keyframes wcwb_text {
0% {opacity:1;top:35px}
6% {opacity:1;left:235px}
8% {opacity:0;left:300px}
100% {opacity:0;left:300px;top:35px}
}
@-webkit-keyframes wcwb_text_img {
6% {right:0px}
8% {right:360px}
100% {right:360px}
}
@-moz-keyframes wcwb_text_img {
6% {right:0px}
8% {right:360px}
100% {right:360px}
}
@keyframes wcwb_text_img {
6% {right:0px}
8% {right:360px}
100% {right:360px}
}
@-webkit-keyframes lt_arrow {
0% {opacity:1;left:221px}
6% {left:221px}
8% {left:295px}
10.5% {left:295px}
11% {opacity:1}
11.5% {opacity:0}
100% {opacity:0;left:295px}
}
@-moz-keyframes lt_arrow {
0% {opacity:1;left:221px}
6% {left:221px}
8% {left:295px}
10.5% {left:295px}
11% {opacity:1}
11.5% {opacity:0}
100% {opacity:0;left:295px}
}
@keyframes lt_arrow {
0% {opacity:1;left:221px}
6% {left:221px}
8% {left:295px}
10.5% {left:295px}
11% {opacity:1}
11.5% {opacity:0}
100% {opacity:0;left:295px}
}
@-webkit-keyframes rt_arrow {
0% {opacity:1;right:220px}
6% {right:220px}
8% {right:415px}
9.2% {right:349px}
11% {opacity:1}
11.5% {opacity:0}
100% {opacity:0;right:349px}
}
@-moz-keyframes rt_arrow {
0% {opacity:1;right:220px}
6% {right:220px}
8% {right:415px}
9.2% {right:349px}
11% {opacity:1}
11.5% {opacity:0}
100% {opacity:0;right:349px}
}
@keyframes rt_arrow {
0% {opacity:1;right:220px}
6% {right:220px}
8% {right:415px}
9.2% {right:349px}
11% {opacity:1}
11.5% {opacity:0}
100% {opacity:0;right:349px}
}
@-webkit-keyframes logo_text {
0%,8% {opacity:0}
8.1% {opacity:1;width:0}
100%, 10.5% {opacity:1;width:124px}
}
@-moz-keyframes logo_text {
0%,8% {opacity:0}
8.1% {opacity:1;width:0}
100%, 10.5% {opacity:1;width:124px}
}
@keyframes logo_text {
0%,8% {opacity:0}
8.1% {opacity:1;width:0}
100%, 10.5% {opacity:1;width:124px}
}
@-webkit-keyframes logo_icon {
0%, 9% {opacity:0}
100%, 11% {opacity:1}
}
@-moz-keyframes logo_icon {
0%, 9% {opacity:0}
100%, 11% {opacity:1}
}
@keyframes logo_icon {
0%, 9% {opacity:0}
100%, 11% {opacity:1}
}
@-webkit-keyframes logo {
0% {opacity:0;left:295px;top:35px;}
17% {opacity:1}
20% {left:295px;top:35px;-webkit-transform:scale(1);transform:scale(1);-moz-transform:scale(1)}
23% {left:7px;top:31px;-webkit-transform:scale(.601);transform:scale(.601);-moz-transform:scale(.601)}
52.5% {left:7px}
56.5% {opacity:1;left:-1470px}
100% {opacity:0;left:-1470px;top:31px;-webkit-transform:scale(.601);transform:scale(.601);-moz-transform:scale(.601)}
}
@-moz-keyframes logo {
0% {opacity:0;left:295px;top:35px;}
17% {opacity:1}
20% {left:295px;top:35px;-webkit-transform:scale(1);transform:scale(1);-moz-transform:scale(1)}
23% {left:7px;top:31px;-webkit-transform:scale(.601);transform:scale(.601);-moz-transform:scale(.601)}
52.5% {left:7px}
56.5% {opacity:1;left:-1470px}
100% {opacity:0;left:-1470px;top:31px;-webkit-transform:scale(.601);transform:scale(.601);-moz-transform:scale(.601)}
}
@keyframes logo {
0% {opacity:0;left:295px;top:35px;}
17% {opacity:1}
20% {left:295px;top:35px;-webkit-transform:scale(1);transform:scale(1);-moz-transform:scale(1)}
23% {left:7px;top:31px;-webkit-transform:scale(.601);transform:scale(.601);-moz-transform:scale(.601)}
52.5% {left:7px}
56.5% {opacity:1;left:-1470px}
100% {opacity:0;left:-1470px;top:31px;-webkit-transform:scale(.601);transform:scale(.601);-moz-transform:scale(.601)}
}
@-webkit-keyframes tp_hd {
0% {opacity:0}
22.5% {opacity:0}
25.5% {opacity:1}
52.5% {left:134px}
56.8% {opacity:1;left:-2500px}
57% {opacity:0}
77.5% {opacity:0;left:1470px}
82.5% {opacity:1;left:134px}
100% {opacity:1;left:134px}
}
@-moz-keyframes tp_hd {
0% {opacity:0}
22.5% {opacity:0}
25.5% {opacity:1}
52.5% {left:134px}
56.8% {opacity:1;left:-2500px}
57% {opacity:0}
77.5% {opacity:0;left:1470px}
82.5% {opacity:1;left:134px}
100% {opacity:1;left:134px}
}
@keyframes tp_hd {
0% {opacity:0}
22.5% {opacity:0}
25.5% {opacity:1}
52.5% {left:134px}
56.8% {opacity:1;left:-2500px}
57% {opacity:0}
77.5% {opacity:0;left:1470px}
82.5% {opacity:1;left:134px}
100% {opacity:1;left:134px}
}
@-webkit-keyframes tp_text {
0% {opacity:0}
22.5% {opacity:0}
25.5% {opacity:1}
52.5% {opacity:1;left:134px}
56.5% {left:-1470px}
100% {opacity:1;left:-1470px}
}
@-moz-keyframes tp_text {
0% {opacity:0}
22.5% {opacity:0}
25.5% {opacity:1}
52.5% {opacity:1;left:134px}
56.5% {left:-1470px}
100% {opacity:1;left:-1470px}
}
@keyframes tp_text {
0% {opacity:0}
22.5% {opacity:0}
25.5% {opacity:1}
52.5% {opacity:1;left:134px}
56.5% {left:-1470px}
100% {opacity:1;left:-1470px}
}
@-webkit-keyframes logo_2 {
0% {opacity:0}
52.5% {opacity:0;left:1470px}
57.5% {opacity:1;left:32px}
77.5% {left:32px}
82.5% {left:-1368px}
100% {opacity:1;left:-1470px}
}
@-moz-keyframes logo_2 {
0% {opacity:0}
52.5% {opacity:0;left:1470px}
57.5% {opacity:1;left:32px}
77.5% {left:32px}
82.5% {left:-1368px}
100% {opacity:1;left:-1470px}
}
@keyframes logo_2 {
0% {opacity:0}
52.5% {opacity:0;left:1470px}
57.5% {opacity:1;left:32px}
77.5% {left:32px}
82.5% {left:-1368px}
100% {opacity:1;left:-1470px}
}
@-webkit-keyframes logo_3 {
0% {opacity:0}
67% {opacity:0}
77.5% {opacity:1;left:1368px}
82.5% {left:32px}
100% {opacity:1;left:32px}
}
@-moz-keyframes logo_3 {
0% {opacity:0}
67% {opacity:0}
77.5% {opacity:1;left:1368px}
82.5% {left:32px}
100% {opacity:1;left:32px}
}
@keyframes logo_3 {
0% {opacity:0}
67% {opacity:0}
77.5% {opacity:1;left:1368px}
82.5% {left:32px}
100% {opacity:1;left:32px}
}
@-webkit-keyframes screen_2 {
0% {opacity:0}
52.5% {opacity:0;left:1572px}
57.5% {opacity:1;left:134px}
77.5% {left:134px}
82.5% {left:-1572px}
100% {opacity:1;left:-1572px}
}
@-moz-keyframes screen_2 {
0% {opacity:0}
52.5% {opacity:0;left:1572px}
57.5% {opacity:1;left:134px}
77.5% {left:134px}
82.5% {left:-1572px}
100% {opacity:1;left:-1572px}
}
@keyframes screen_2 {
0% {opacity:0}
52.5% {opacity:0;left:1572px}
57.5% {opacity:1;left:134px}
77.5% {left:134px}
82.5% {left:-1572px}
100% {opacity:1;left:-1572px}
}
@-webkit-keyframes tp_text_3 {
0% {opacity:0}
67% {opacity:0}
77.5% {opacity:1;left:1540px}
82.5% {left:164px}
100% {opacity:1;left:164px}
}
@-moz-keyframes tp_text_3 {
0% {opacity:0}
67% {opacity:0}
77.5% {opacity:1;left:1540px}
82.5% {left:164px}
100% {opacity:1;left:164px}
}
@keyframes tp_text_3 {
0% {opacity:0}
67% {opacity:0}
77.5% {opacity:1;left:1540px}
82.5% {left:164px}
100% {opacity:1;left:164px}
}
@-webkit-keyframes tp_7 {
0% {opacity:0}
67% {opacity:0}
77.5% {opacity:1;left:1470px}
82.5% {left:134px}
100% {opacity:1;left:134px}
}
@-moz-keyframes tp_7 {
0% {opacity:0}
67% {opacity:0}
77.5% {opacity:1;left:1470px}
82.5% {left:134px}
100% {opacity:1;left:134px}
}
@keyframes tp_7 {
0% {opacity:0}
67% {opacity:0}
77.5% {opacity:1;left:1470px}
82.5% {left:134px}
100% {opacity:1;left:134px}
}
@-webkit-keyframes readmore {
0%, 82% {opacity:0}
83.5%, 100% {opacity:1}
}
@-moz-keyframes readmore {
0%, 82% {opacity:0}
83.5%, 100% {opacity:1}
}
@keyframes readmore {
0%, 82% {opacity:0}
83.5%, 100% {opacity:1}
}
@-webkit-keyframes wt_bg {
0%, 20% {left:0}
23%, 52.6% {left:-239px}
57.6%, 77.6% {left:-1467px}
100%, 82.6% {left:-2695px}
}
@-moz-keyframes wt_bg {
0%, 20% {left:0}
23%, 52.6% {left:-239px}
57.6%, 77.6% {left:-1467px}
100%, 82.6% {left:-2695px}
}
@keyframes wt_bg {
0%, 20% {left:0}
23%, 52.6% {left:-239px}
57.6%, 77.6% {left:-1467px}
100%, 82.6% {left:-2695px}
}
#tp_text_3.stopAnimation,#tp_7.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}
#xerox_wt_layer.stopAnimationLast{left:-239px}