ol, ul{list-style:none;}
#sequence{position:relative;min-height:600px;max-width:1400px;min-width:1280px;margin:0 auto;overflow:hidden;background:url(/images/arwa-home-page.png) no-repeat;background-size:cover;color:white;font-family:'Play', sans-serif;}
#sequence > .sequence-canvas{height:100%;width:94%;}
#sequence > .sequence-canvas > li{position:absolute;width:94%;height:100%;z-index:1;}
#sequence > .sequence-canvas li > *{position:absolute;-webkit-transition-timing-function:10s;-moz-transition-timing-function:10s;-ms-transition-timing-function:10s;-o-transition-timing-function:10s;transition-timing-function:10s;}
#sequence .sequence-next,
#sequence .sequence-prev{color:white;cursor:pointer;display:none;font-size:80px;font-weight:bold;position:absolute;opacity:0.4;top:71px;height:41px;width:39px;z-index:20;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;}
#sequence .sequence-prev{left:115px;}
#sequence .sequence-next{right:115px;}
#sequence .sequence-next:hover,
#sequence .sequence-prev:hover{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-webkit-transition-duration:0.1s;-moz-transition-duration:0.1s;-ms-transition-duration:0.1s;-o-transition-duration:0.1s;transition-duration:0.1s;}
#sequence .info{right:150%;line-height:20px;top:130px;width:500px;z-index:10;vertical-align:middle;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;-webkit-transition-property:right;-moz-transition-property:right;-ms-transition-property:right;-o-transition-property:right;transition-property:right;line-height:5px;}
#sequence .animate-in .info{right:10%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .animate-out .info{right:-150%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .info2{right:150%;line-height:0px;top:125px;width:500px;z-index:10;vertical-align:middle;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;-webkit-transition-property:right;-moz-transition-property:right;-ms-transition-property:right;-o-transition-property:right;transition-property:right;}
#sequence .animate-in .info2{right:16%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .animate-out .info2{right:-150%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .info3{left:110%;line-height:20px;top:100px;width:500px;z-index:10;vertical-align:middle;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;-webkit-transition-property:left;-moz-transition-property:left;-ms-transition-property:left;-o-transition-property:left;transition-property:left;line-height:20px;}
#sequence .animate-in .info3{left:57%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .animate-out .info3{left:-150%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .info4{left:150%;line-height:20px;top:75px;width:500px;z-index:10;vertical-align:middle;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;-webkit-transition-property:left;-moz-transition-property:left;-ms-transition-property:left;-o-transition-property:left;transition-property:left;line-height:20px;}
#sequence .animate-in .info4{left:29%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .animate-out .info4{left:-150%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .info5{left:150%;line-height:20px;top:310px;width:500px;z-index:10;vertical-align:middle;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;-webkit-transition-property:left;-moz-transition-property:left;-ms-transition-property:left;-o-transition-property:left;transition-property:left;line-height:20px;}
#sequence .animate-in .info5{left:50%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .animate-out .info5{left:150%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .info6{left:150%;line-height:20px;top:470px;width:500px;z-index:10;vertical-align:middle;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;-webkit-transition-property:left;-moz-transition-property:left;-ms-transition-property:left;-o-transition-property:left;transition-property:left;line-height:20px;}
#sequence .animate-in .info6{left:6%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .animate-out .info6{right:-150%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .info7{right:150%;line-height:20px;top:320px;width:500px;z-index:10;vertical-align:middle;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;-webkit-transition-property:right;-moz-transition-property:right;-ms-transition-property:right;-o-transition-property:right;transition-property:right;line-height:20px;}
#sequence .animate-in .info7{right:11%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .animate-out .info7{right:-150%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .info8{left:150%;line-height:20px;top:280px;width:500px;z-index:10;vertical-align:middle;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;-webkit-transition-property:left;-moz-transition-property:left;-ms-transition-property:left;-o-transition-property:left;transition-property:left;line-height:20px;}
#sequence .animate-in .info8{left:1%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .animate-out .info8{left:150%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .info9{left:150%;line-height:20px;top:330px;width:500px;z-index:10;vertical-align:middle;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;-webkit-transition-property:left;-moz-transition-property:left;-ms-transition-property:left;-o-transition-property:left;transition-property:left;line-height:20px;}
#sequence .animate-in .info9{left:1%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .animate-out .info9{right:-150%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .peoplea{left:150%;top:360px;width:640px;z-index:6;-webkit-transition-property:left top;-moz-transition-property:left top;-ms-transition-property:left top;-o-transition-property:left top;transition-property:left top;}
#sequence .animate-in .peoplea{left:50%;top:360px;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;z-index:4;}
#sequence .animate-out .peoplea{bottom:-100%;z-index:2;-webkit-transition-duration:4s;-moz-transition-duration:4s;-ms-transition-duration:4s;-o-transition-duration:4s;transition-duration:4s;}
#sequence .peopleb{left:150%;top:360px;width:640px;z-index:6;-webkit-transition-property:left top;-moz-transition-property:left top;-ms-transition-property:left top;-o-transition-property:left top;transition-property:left top;}
#sequence .animate-in .peopleb{left:62%;top:360px;-webkit-transition-duration:2s;-moz-transition-duration:2s;-ms-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;z-index:4;}
#sequence .animate-out .peopleb{bottom:-100%;z-index:2;-webkit-transition-duration:3s;-moz-transition-duration:3s;-ms-transition-duration:3s;-o-transition-duration:3s;transition-duration:3s;}
#sequence .peoplec{left:150%;top:360px;width:640px;z-index:6;-webkit-transition-property:left top;-moz-transition-property:left top;-ms-transition-property:left top;-o-transition-property:left top;transition-property:left top;}
#sequence .animate-in .peoplec{left:74%;top:360px;-webkit-transition-duration:3s;-moz-transition-duration:3s;-ms-transition-duration:3s;-o-transition-duration:3s;transition-duration:3s;z-index:4;}
#sequence .animate-out .peoplec{bottom:-100%;z-index:2;-webkit-transition-duration:2s;-moz-transition-duration:2s;-ms-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;}
#sequence .peopled{left:150%;top:360px;width:640px;z-index:6;-webkit-transition-property:left top;-moz-transition-property:left top;-ms-transition-property:left top;-o-transition-property:left top;transition-property:left top;}
#sequence .animate-in .peopled{left:86%;top:360px;-webkit-transition-duration:4s;-moz-transition-duration:4s;-ms-transition-duration:4s;-o-transition-duration:4s;transition-duration:4s;z-index:4;}
#sequence .animate-out .peopled{bottom:-100%;z-index:2;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
#sequence .line2{right:43%;top:-100%;width:740px;height:365px;z-index:6;-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top;}
#sequence .animate-in .line2{right:43%;top:120px;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;z-index:4;}
#sequence .animate-out .line2{bottom:-100%;z-index:2;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .line3{right:28%;top:-100%;width:740px;height:365px;z-index:6;-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top;}
#sequence .animate-in .line3{right:28%;top:100px;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;z-index:4;}
#sequence .animate-out .line3{bottom:-100%;z-index:2;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .pc{left:16%;bottom:35%;top:100%;width:230px;height:230px;z-index:6;-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top;}
#sequence .animate-in .pc{left:16%;top:30%;-webkit-transition-duration:3s;-moz-transition-duration:3s;-ms-transition-duration:3s;-o-transition-duration:3s;transition-duration:3s;z-index:4;}
#sequence .animate-out .pc{bottom:-100%;z-index:2;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .pc2{left:18%;bottom:35%;top:100%;width:230px;height:230px;z-index:6;-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top;}
#sequence .animate-in .pc2{left:18%;top:25%;-webkit-transition-duration:3s;-moz-transition-duration:3s;-ms-transition-duration:3s;-o-transition-duration:3s;transition-duration:3s;z-index:4;}
#sequence .animate-out .pc2{bottom:-100%;z-index:2;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .col1{left:50%;top:100%;width:230px;height:230px;z-index:6;-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top;}
#sequence .animate-in .col1{left:50%;top:55%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;z-index:4;}
#sequence .animate-out .col1{bottom:-100%;z-index:2;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .col2{left:50%;top:-100%;width:230px;height:230px;z-index:6;-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top;}
#sequence .animate-in .col2{top:20%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;z-index:4;}
#sequence .animate-out .col2{bottom:-100%;z-index:2;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .col3{left:15%;top:100%;width:230px;height:230px;z-index:6;-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top;}
#sequence .animate-in .col3{left:15%;top:65%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;z-index:4;}
#sequence .animate-out .col3{bottom:-100%;z-index:2;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
#sequence .col4{left:14%;top:-100%;width:230px;height:230px;z-index:6;-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top;}
#sequence .animate-in .col4{top:17%;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;z-index:4;}
#sequence .animate-out .col4{bottom:-100%;z-index:2;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s;}
.typing{color:#4D4D4D;font-family:"Courier";font-size:20px;margin:10px 0 0 10px;white-space:nowrap;overflow:hidden;width:30em;animation:type 2s steps(60,end);}
.typing:nth-child(2){animation:type2 2s steps(50, end);}
.typing a{color:#4D4D4D;text-decoration:none;}
.span{animation:blink 1s infinite;}
@keyframes type{from{width:0}
}
@keyframes type2{0%{width:0;}
50%{width:0;}
100%{width:0;}
}
@keyframes blink{to{opacity:.0;}
}
::selection{background:black;}
.typing2{color:#4D4D4D;font-family:"Courier";font-size:20px;margin:10px 0 0 10px;white-space:nowrap;overflow:hidden;width:30em;animation:type 3s steps(80,end);}
.typing2:nth-child(2){animation:type2 3s steps(80, end);}
.typing2 a{color:#4D4D4D;text-decoration:none;}
.span{animation:blink 1s infinite;}
@keyframes type{from{width:0}
}
@keyframes type2{0%{width:0;}
50%{width:0;}
100%{width:100;}
}
@keyframes blink{to{opacity:.0;}
}
::selection{background:black;}
.motiony{width:100px;height:100px;position:absolute;animation:myfirst 5s infinite;animation-direction:alternate;}
@keyframes myfirst{0%{background:;left:50px;top:0px;}
50%{background:;left:200px;top:0px;}
50%{background:;left:200px;top:200px;}
75%{background:;left:0px;top:200px;}
100%{background:;left:0px;top:0px;}
}