#slide1, #slide2, #slider3, #slide4{top:0px;position:relative;height:450px;overflow:hidden;}
#slide1 .first, #slide2 .first{font-family:'Droid Sans';font-weight:700;font-size:40px;line-height:36px;color:#fbc247;text-shadow:0px 1px 1px #000000;}
#slide1 .second, #slide2 .second{font-family:'Droid Sans';font-weight:400;font-size:22px;line-height:26px;color:#FFF;text-transform:uppercase;text-shadow:0px 1px 1px #000000;}
.ani-data, .ani-data1{width:50px;height:50px;position:absolute;}
.ani-data{bottom:80px;left:300px;}
.ani-data1{bottom:58px;left:30px;}
@media (max-width:767px){.cloud, .data1, .data2, .data3, .data4, .data5, .data6, .data7, .data8, .data9, .data10, .data11, .data12, .ani-maila, .ani-mailb, .ani-mailc, .header1, .header2, .header3, .header4, .header5, .header6, .header7, .header8, .header9, .header10, .header11, .header12, .bg-o365{display:none;}
}
@media (max-width:991px){.cloud{top:40px !important;}
.ani-data{bottom:80px;}
}
@media (min-width:768px){.cloud{top:40px !important;}
}
@media (min-width:992px){.cloud{top:20px !important;}
}
@media (min-width:1170px){.ani-data{left:300px;}
.ani-data1{left:479px;}
}
@keyframes moveCloudOne{0%{transform:translateX(0px);}
50%{transform:translateX(-50px);}
100%{transform:translateY(0px);}
}
@-moz-keyframes moveCloudOne{0%{-moz-transform:translateX(0px);}
50%{-moz-transform:translateX(-50px);}
100%{-moz-transform:translateX(0px);}
}
@-webkit-keyframes moveCloudOne{0%{-webkit-transform:translateX(0px);}
50%{-webkit-transform:translateX(-50px);}
100%{-webkit-transform:translateX(0px);}
}
@-ms-keyframes moveCloudOne{0%{-ms-transform:translateX(0px);}
50%{-ms-transform:translateX(-50px);}
100%{-ms-transform:translateX(0px);}
}
@keyframes moveCloudTwo{0%{transform:translateX(0px);}
50%{transform:translateX(-20px);}
100%{transform:translateY(0px);}
}
@-moz-keyframes moveCloudTwo{0%{-moz-transform:translateX(0px);}
50%{-moz-transform:translateX(-20px);}
100%{-moz-transform:translateX(0px);}
}
@-webkit-keyframes moveCloudTwo{0%{-webkit-transform:translateX(0px);}
50%{-webkit-transform:translateX(-20px);}
100%{-webkit-transform:translateX(0px);}
}
@-ms-keyframes moveCloudTwo{0%{-ms-transform:translateX(0px);}
50%{-ms-transform:translateX(-20px);}
100%{-ms-transform:translateX(0px);}
}
@keyframes moveCloudThree{0%{transform:translateX(0px);}
50%{transform:translateX(-30px);}
100%{transform:translateY(0px);}
}
@-moz-keyframes moveCloudThree{0%{-moz-transform:translateX(0px);}
50%{-moz-transform:translateX(-30px);}
100%{-moz-transform:translateX(0px);}
}
@-webkit-keyframes moveCloudThree{0%{-webkit-transform:translateX(0px);}
50%{-webkit-transform:translateX(-30px);}
100%{-webkit-transform:translateX(0px);}
}
@-ms-keyframes moveCloudThree{0%{-ms-transform:translateX(0px);}
50%{-ms-transform:translateX(-30px);}
100%{-ms-transform:translateX(0px);}
}
@keyframes moveDataOne{0%, 25%, 100%{transform:translate(0px, 0px) scale(0.4, 0.4) rotate(10deg);opacity:0.4;}
25%{transform:translate(250px, -160px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
50%{transform:translate(400px, -170px) scale(1, 1) rotate(30deg);opacity:1;}
75%{transform:translate(600px, -200px) scale(0.2, 0.2) rotate(0deg);opacity:1;}
100%{transform:translate(600px, -220px) scale(0, 0) rotate(0deg);opacity:0.4;transition:all 5s linear;}
}
@-moz-keyframes moveDataOne{0%, 25%, 100%{transform:translate(0px, 0px) scale(0.4, 0.4) rotate(10deg);opacity:0.4;}
25%{transform:translate(250px, -160px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
50%{transform:translate(400px, -170px) scale(1, 1) rotate(30deg);opacity:1;}
75%{transform:translate(600px, -200px) scale(0.2, 0.2) rotate(0deg);opacity:1;}
100%{transform:translate(600px, -220px) scale(0, 0) rotate(0deg);opacity:0.2;transition:all 5s linear;}
}
@-webkit-keyframes moveDataOne{0%, 25%, 100%{transform:translate(0px, 0px) scale(0.4, 0.4) rotate(10deg);-webkit-transform:translate(0px, 0px) scale(0.4, 0.4) rotate(10deg);opacity:0.4;-webkit-opacity:0.4;}
25%{transform:translate(250px, -160px) scale(0.6, 0.6) rotate(20deg);-webkit-transform:translate(250px, -160px) scale(0.6, 0.6) rotate(20deg);opacity:1;-webkit-opacity:1;}
50%{transform:translate(400px, -170px) scale(1, 1) rotate(30deg);-webkit-transform:translate(400px, -170px) scale(1, 1) rotate(30deg);opacity:1;-webkit-opacity:1;}
75%{transform:translate(600px, -200px) scale(0.2, 0.2) rotate(0deg);-webkit-transform:translate(600px, -200px) scale(0.2, 0.2) rotate(0deg);opacity:1;-webkit-opacity:1;}
100%{transform:translate(600px, -220px) scale(0, 0) rotate(0deg);-webkit-transform:translate(600px, -220px) scale(0, 0) rotate(0deg);opacity:0.2;-webkit-opacity:0.2;}
}
@-ms-keyframes moveDataOne{0%, 25%, 100%{transform:translate(0px, 0px) scale(0.4, 0.4) rotate(10deg);opacity:0.4;}
25%{transform:translate(250px, -160px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
50%{transform:translate(400px, -170px) scale(1, 1) rotate(30deg);opacity:1;}
75%{transform:translate(6000px, -200px) scale(0.2, 0.2) rotate(0deg);opacity:1;}
100%{transform:translate(600px, -220px) scale(0, 0) rotate(0deg);opacity:0.2;transition:all 5s linear;}
}
@keyframes moveDataTwo{0%, 25%, 100%{transform:translate(0px, 0px) scale(0.4, 0.4) rotate(10deg);opacity:0.4;}
25%{transform:translate(200px, -50px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
50%{transform:translate(350px, -80px) scale(1, 1) rotate(-20deg);opacity:1;}
75%{transform:translate(500px, -200px) scale(0.2, 0.2) rotate(0deg);opacity:1;}
100%{transform:translate(500px, -200px) scale(0, 0) rotate(0deg);opacity:0.2;transition:all 5s linear;}
}
@-moz-keyframes moveDataTwo{0%, 25%, 100%{transform:translate(0px, 0px) scale(0.4, 0.4) rotate(10deg);opacity:0.4;}
25%{transform:translate(200px, -50px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
50%{transform:translate(350px, -80px) scale(1, 1) rotate(-20deg);opacity:1;}
75%{transform:translate(500px, -200px) scale(0.2, 0.2) rotate(0deg);opacity:1;}
100%{transform:translate(500px, -200px) scale(0, 0) rotate(0deg);opacity:0.2;transition:all 5s linear;}
}
@-webkit-keyframes moveDataTwo{0%, 25%, 100%{transform:translate(0px, 0px) scale(0.4, 0.4) rotate(10deg);-webkit-transform:translate(0px, 0px) scale(0.4, 0.4) rotate(10deg);opacity:0.4;-webkit-opacity:0.4;}
25%{transform:translate(200px, -50px) scale(0.6, 0.6) rotate(20deg);-webkit-transform:translate(200px, -50px) scale(0.6, 0.6) rotate(20deg);opacity:1;-webkit-opacity:1;}
50%{transform:translate(350px, -80px) scale(1, 1) rotate(-20deg);-webkit-transform:translate(350px, -80px) scale(1, 1) rotate(-20deg);opacity:1;-webkit-opacity:1;}
75%{transform:translate(500px, -200px) scale(0.2, 0.2) rotate(0deg);-webkit-transform:translate(500px, -200px) scale(0.2, 0.2) rotate(0deg);opacity:1;-webkit-opacity:1;}
100%{transform:translate(500px, -200px) scale(0, 0) rotate(0deg);-webkit-transform:translate(500px, -200px) scale(0, 0) rotate(0deg);opacity:0.2;-webkit-opacity:0.2;}
}
@-ms-keyframes moveDataTwo{0%, 25%, 100%{transform:translate(0px, 0px) scale(0.4, 0.4) rotate(10deg);opacity:0.4;}
25%{transform:translate(200px, -50px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
50%{transform:translate(350px, -80px) scale(1, 1) rotate(-20deg);opacity:1;}
75%{transform:translate(500px, -200px) scale(0.2, 0.2) rotate(0deg);opacity:1;}
100%{transform:translate(500px, -200px) scale(0, 0) rotate(0deg);opacity:0.4;transition:all 5s linear;}
}
.bg-exchange{background-color:#006699;background-repeat:repeat;}
.bg-o365{background-image:url(../img/exchange-process.png);background-repeat:no-repeat;background-position:0px 0px;height:440px;width:355px;position:absolute; bottom:15px;}
.bg-office365{background-image:url(../img/exchange-process.png);background-repeat:no-repeat;background-position:0px 0px;height:440px;width:355px;position:absolute; bottom:15px;}
.bg-server{background-image:url(../img/banner456.png);background-repeat:no-repeat;background-position:0px -100px;height:170px;width:190px;position:absolute;bottom:100px;left:50%;margin-left:-80px;}
.bg-ex{background-image:url(../img/banner456.png);background-repeat:no-repeat;background-position:0px -520px;height:70px;width:400px;position:absolute;bottom:50px;left:50%;margin-left:-200px;}
.ex-computer{background-image:url(../img/banner456.png);background-repeat:no-repeat;background-position:0px -100px;height:170px;width:190px;position:absolute;bottom:100px;left:50%;margin-left:-80px;}
.ex-mail{background-image:url(../img/banner456.png);background-repeat:no-repeat;background-position:-162px -470px;height:45px;width:66px;position:absolute;bottom:165px;left:50%;margin-left:-33px;}
.bg-ex-lens{height:120px;width:10px;position:absolute;bottom:140px;left:50%;margin-left:20px;transform-origin:right;animation:moveLens 4s linear infinite;-moz-animation:moveLens 4s linear infinite;-webkit-animation:moveLens 4s linear infinite;}
.bg-ex-lens > .ex-lens{background-image:url(../img/banner456.png);background-repeat:no-repeat;height:80px;width:80px;background-position:0px 0px;animation:inner-circle 4s linear infinite;}
@keyframes moveLens{from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@-moz-keyframes moveLens{from{-moz-transform:rotate(0deg);}
to{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes moveLens{from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}
@-ms-keyframes moveLens{from{-ms-transform:rotate(0deg);}
to{-ms-transform:rotate(360deg);}
}
@-o-keyframes moveLens{from{-o-transform:rotate(0deg);}
to{-o-transform:rotate(360deg);}
}
@keyframes inner-circle{from{transform:rotate(0deg);}
to{transform:rotate(-360deg);}
}
.ani-maila, .ani-mailb, .ani-mailc{width:50px;height:50px;position:absolute;}
.ani-maila{top:160px;left:50px;}
.ani-mailb{top:230px;left:50px;}
.ani-mailc{top:320px;left:50px;}
.maila1, .maila2, .maila3, .maila4, .mailb1, .mailb2, .mailb3, .mailb4, .mailc1, .mailc2, .mailc3, .mailc4{position:absolute;height:55px;width:55px;background-image:url("../img/sprite-ost.png");background-position:0px 0px;background-repeat:no-repeat;opacity:0;background-color:#FFF;}
.maila1{background-position:0px 0px;}
.maila2{background-position:0px -55px;}
.maila3{background-position:0px -110px;}
.maila4{background-position:0px -165px;}
.mailb1{background-position:-55px -0px;}
.mailb2{background-position:-55px -65px;}
.mailb3{background-position:-55px -110px;}
.mailb4{background-position:-55px -165px;}
.mailc1{background-position:0px -55px;}
.mailc2{background-position:-55px -55px;}
.mailc3{background-position:-55px -0px;}
.mailc4{background-position:0px -165px;}
.maila1{animation:moveMailOne 4s linear infinite 4s;-webkit-animation:moveMailOne 4s linear infinite 4s;}
.maila2{animation:moveMailOne 4s linear infinite 3s;-webkit-animation:moveMailOne 4s linear infinite 3s;}
.maila3{animation:moveMailOne 4s linear infinite 2s;-webkit-animation:moveMailOne 4s linear infinite 2s;}
.maila4{animation:moveMailOne 4s linear infinite 1s;-webkit-animation:moveMailOne 4s linear infinite 1s;}
@-keyframes moveMailOne{0%{transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{transform:translate(100px, -20px) scale(1, 1) rotate(20deg);opacity:1;}
40%{transform:translate(220px, -30px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{transform:translate(350px, 20px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{transform:translate(450px, 20px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
@-moz-keyframes moveMailOne{0%{transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{transform:translate(100px, -10px) scale(1, 1) rotate(20deg);opacity:1;}
40%{transform:translate(250px, -20px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{transform:translate(350px, 40px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{transform:translate(450px, 60px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
@-webkit-keyframes moveMailOne{0%{-webkit-transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{-webkit-transform:translate(100px, -10px) scale(1, 1) rotate(20deg);opacity:1;}
40%{-webkit-transform:translate(250px, -20px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{-webkit-transform:translate(350px, 40px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{-webkit-transform:translate(450px, 60px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
@-ms-keyframes moveMailOne{0%{-ms-transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{-ms-transform:translate(100px, -10px) scale(1, 1) rotate(20deg);opacity:1;}
40%{-ms-transform:translate(250px, -20px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{-ms-transform:translate(350px, 40px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{-ms-transform:translate(450px, 60px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
@-o-keyframes moveMailOne{0%{transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{transform:translate(100px, -10px) scale(1, 1) rotate(20deg);opacity:1;}
40%{transform:translate(250px, -20px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{transform:translate(350px, 40px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{transform:translate(450px, 60px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
.mailb1{animation:moveMailTwo 4.5s linear infinite 1.5s;-webkit-animation:moveMailTwo 4.5s linear infinite 1.5s;}
.mailb2{animation:moveMailTwo 4.5s linear infinite 2.5s;-webkit-animation:moveMailTwo 4.5s linear infinite 2.5s;}
.mailb3{animation:moveMailTwo 4.5s linear infinite 3.5s;-webkit-animation:moveMailTwo 4.5s linear infinite 3.5s;}
.mailb4{animation:moveMailTwo 4.5s linear infinite 4.5s;-webkit-animation:moveMailTwo 4.5s linear infinite 4.5s;}
@-keyframes moveMailTwo{0%{transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{transform:translate(100px, 0px) scale(1, 1) rotate(20deg);opacity:1;}
40%{transform:translate(220px, -10px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{transform:translate(350px, -20px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{transform:translate(450px, 10px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
@-moz-keyframes moveMailTwo{0%{transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{transform:translate(100px, 0px) scale(1, 1) rotate(20deg);opacity:1;}
40%{transform:translate(220px, -10px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{transform:translate(350px, -20px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{transform:translate(450px, 10px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
@-webkit-keyframes moveMailTwo{0%{-webkit-transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{-webkit-transform:translate(100px, 0px) scale(1, 1) rotate(20deg);opacity:1;}
40%{-webkit-transform:translate(220px, -10px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{-webkit-transform:translate(350px, -20px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{-webkit-transform:translate(450px, 10px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
@-ms-keyframes moveMailTwo{0%{transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{transform:translate(100px, 0px) scale(1, 1) rotate(20deg);opacity:1;}
40%{transform:translate(220px, -10px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{transform:translate(350px, -20px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{transform:translate(450px, 10px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
@-o-keyframes moveMailTwo{0%{transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{transform:translate(100px, 0px) scale(1, 1) rotate(20deg);opacity:1;}
40%{transform:translate(220px, -10px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{transform:translate(350px, -20px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{transform:translate(450px, 10px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
.mailc1{animation:moveMailThree 4s linear infinite 4s;-webkit-animation:moveMailThree 4s linear infinite 4s;}
.mailc2{animation:moveMailThree 4s linear infinite 3s;-webkit-animation:moveMailThree 4s linear infinite 3s;}
.mailc3{animation:moveMailThree 4s linear infinite 2s;-webkit-animation:moveMailThree 4s linear infinite 2s;}
.mailc4{animation:moveMailThree 4s linear infinite 1s;-webkit-animation:moveMailThree 4s linear infinite 1s;}
@-keyframes moveMailThree{0%{transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{transform:translate(100px, 10px) scale(1, 1) rotate(20deg);opacity:1;}
40%{transform:translate(220px, -30px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{transform:translate(350px, -80px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{transform:translate(450px, -120px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
@-moz-keyframes moveMailThree{0%{transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{transform:translate(100px, 10px) scale(1, 1) rotate(20deg);opacity:1;}
40%{transform:translate(220px, -30px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{transform:translate(350px, -50px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{transform:translate(450px, -70px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
@-webkit-keyframes moveMailThree{0%{-webkit-transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{-webkit-transform:translate(100px, 10px) scale(1, 1) rotate(20deg);opacity:1;}
40%{-webkit-transform:translate(220px, -30px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{-webkit-transform:translate(350px, -50px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{-webkit-transform:translate(450px, -70px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
@-ms-keyframes moveMailThree{0%{transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{transform:translate(100px, 10px) scale(1, 1) rotate(20deg);opacity:1;}
40%{transform:translate(220px, -30px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{transform:translate(350px, -50px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{transform:translate(450px, -70px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
@-o-keyframes moveMailThree{0%{transform:translate(0px, 0px) scale(0.5, 0.5) rotate(10deg);opacity:0;}
20%{transform:translate(100px, 10px) scale(1, 1) rotate(20deg);opacity:1;}
40%{transform:translate(220px, -30px) scale(0.8, 0.8) rotate(30deg);opacity:1;}
60%{transform:translate(350px, -50px) scale(0.6, 0.6) rotate(20deg);opacity:1;}
80%{transform:translate(450px, -70px) scale(0.2, 0.2) rotate(10deg);opacity:0;}
100%{opacity:0;}
}
.header1, .header2, .header3, .header4, .header5, .header6, .header7, .header8, .header9, .header10, .header11, .header12{position:absolute;background-image:url(../img/format-options.png);background-position:0px 0px;background-repeat:no-repeat;}
.header1{height:55px;width:55px;right:460px;top:225px;background-position:0px 0px;animation:moveHeaderOne 6s linear infinite 2s;-moz-animation:moveHeaderOne 6s linear infinite 2s;-webkit-animation:moveHeaderOne 6s linear infinite 2s;}
.header2{height:55px;width:55px;right:460px;top:225px;background-position:0px -55px;animation:moveHeaderOne 6s linear infinite 4s;-moz-animation:moveHeaderOne 6s linear infinite 4s;-webkit-animation:moveHeaderOne 6s linear infinite 4s;}
.header3{background-position:0px -110px;height:55px;width:55px;right:460px;top:225px;animation:moveHeaderOne 6s linear infinite 6s;-moz-animation:moveHeaderOne 6s linear infinite 6s;-webkit-animation:moveHeaderOne 6s linear infinite 6s;}
.header4{background-position:-55px 0px;height:55px;width:55px;right:480px;top:260px;animation:moveHeaderTwo 6s linear infinite 1s;-moz-animation:moveHeaderTwo 6s linear infinite 1s;-webkit-animation:moveHeaderTwo 6s linear infinite 1s;}
.header5{background-position:-55px -55px;height:55px;width:55px;right:480px;top:260px;animation:moveHeaderTwo 6s linear infinite 3s;-moz-animation:moveHeaderTwo 6s linear infinite 3s;-webkit-animation:moveHeaderTwo 6s linear infinite 3s;}
.header6{background-position:-55px -110px;height:55px;width:55px;right:480px;top:260px;animation:moveHeaderTwo 6s linear infinite 5s;-moz-animation:moveHeaderTwo 6s linear infinite 5s;-webkit-animation:moveHeaderTwo 6s linear infinite 5s;}
.header7{background-position:0px -246px;height:55px;width:55px;right:480px;top:260px;animation:moveHeaderThree 6s linear infinite 2s;-moz-animation:moveHeaderThree 6s linear infinite 2s;-webkit-animation:moveHeaderThree 6s linear infinite 2s;}
.header8{background-position:0px -283px;height:55px;width:55px;right:480px;top:260px;animation:moveHeaderThree 6s linear infinite 4s;-moz-animation:moveHeaderThree 6s linear infinite 4s;-webkit-animation:moveHeaderThree 6s linear infinite 4s;}
.header9{background-position:0px -318px;height:55px;width:55px;right:480px;top:260px;animation:moveHeaderThree 6s linear infinite 6s;-moz-animation:moveHeaderThree 6s linear infinite 6s;-webkit-animation:moveHeaderThree 6s linear infinite 6s;}
.header10{background-position:0px -358px;height:55px;width:55px;right:460px;top:290px;animation:moveHeaderFour 6s linear infinite 1s;-moz-animation:moveHeaderFour 6s linear infinite 1s;-webkit-animation:moveHeaderFour 6s linear infinite 1s;}
.header11{background-position:0px -398px;height:55px;width:55px;right:480px;top:290px;animation:moveHeaderFour 6s linear infinite 3s;-moz-animation:moveHeaderFour 6s linear infinite 3s;-webkit-animation:moveHeaderFour 6s linear infinite 3s;}
.header12{background-position:0px -438px;height:55px;width:55px;right:480px;top:290px;animation:moveHeaderFour 6s linear infinite 5s;-moz-animation:moveHeaderFour 6s linear infinite 5s;-webkit-animation:moveHeaderFour 6s linear infinite 5s;}
@-keyframes moveHeaderOne{from{transform:translate(0px, 0px);opacity:0}
25%{transform:translate(100px, -60px);opacity:1}
50%{transform:translate(200px, -80px);opacity:1}
75%{transform:translate(300px, -80px);opacity:1}
to{transform:translate(450px, -80px);opacity:0}
}
@-moz-keyframes moveHeaderOne{from{transform:translate(0px, 0px);opacity:0}
25%{transform:translate(100px, -60px);opacity:1}
50%{transform:translate(200px, -80px);opacity:1}
75%{transform:translate(300px, -80px);opacity:1}
to{transform:translate(450px, -80px);opacity:0}
}
@-webkit-keyframes moveHeaderOne{from{-webkit-transform:translate(0px, 0px);-webkit-opacity:0}
25%{-webkit-transform:translate(100px, -60px);-webkit-opacity:1}
50%{-webkit-transform:translate(200px, -80px);-webkit-opacity:1}
75%{-webkit-transform:translate(300px, -80px);-webkit-opacity:1}
to{-webkit-transform:translate(450px, -80px);-webkit-opacity:0}
}
@-ms-keyframes moveHeaderOne{from{-ms-transform:translate(0px, 0px);opacity:0}
25%{-ms-transform:translate(100px, -60px);opacity:1}
50%{-ms-transform:translate(200px, -80px);opacity:1}
75%{-ms-transform:translate(300px, -80px);opacity:1}
to{-ms-transform:translate(450px, -80px);opacity:0}
}
@-o-keyframes moveHeaderOne{from{transform:translate(0px, 0px);opacity:0}
25%{transform:translate(100px, -60px);opacity:1}
50%{transform:translate(200px, -80px);opacity:1}
75%{transform:translate(300px, -80px);opacity:1}
to{transform:translate(450px, -80px);opacity:0}
}
@-keyframes moveHeaderTwo{from{transform:translate(0px, 0px);opacity:0}
25%{transform:translate(100px, -20px);opacity:1}
50%{transform:translate(200px, -50px);opacity:1}
75%{transform:translate(300px, -50px);opacity:1}
to{transform:translate(450px, -50px);opacity:0}
}
@-moz-keyframes moveHeaderTwo{from{transform:translate(0px, 0px);opacity:0}
25%{transform:translate(100px, -20px);opacity:1}
50%{transform:translate(200px, -50px);opacity:1}
75%{transform:translate(300px, -50px);opacity:1}
to{transform:translate(450px, -50px);opacity:0}
}
@-webkit-keyframes moveHeaderTwo{from{-webkit-transform:translate(0px, 0px);-webkit-opacity:0}
25%{-webkit-transform:translate(100px, -20px);-webkit-opacity:1}
50%{-webkit-transform:translate(200px, -50px);-webkit-opacity:1}
75%{-webkit-transform:translate(300px, -50px);-webkit-opacity:1}
to{-webkit-transform:translate(450px, -50px);-webkit-opacity:0}
}
@-ms-keyframes moveHeaderTwo{from{-ms-transform:translate(0px, 0px);opacity:0}
25%{-ms-transform:translate(100px, -20px);opacity:1}
50%{-ms-transform:translate(200px, -50px);opacity:1}
75%{-ms-transform:translate(300px, -50px);opacity:1}
to{-ms-transform:translate(450px, -50px);opacity:0}
}
@-o-keyframes moveHeaderTwo{from{transform:translate(0px, 0px);opacity:0}
25%{transform:translate(100px, -20px);opacity:1}
50%{transform:translate(200px, -50px);opacity:1}
75%{transform:translate(300px, -50px);opacity:1}
to{transform:translate(450px, -50px);opacity:0}
}
@-keyframes moveHeaderThree{from{transform:translate(0px, 0px);opacity:0}
25%{transform:translate(100px, 0px);opacity:1}
50%{transform:translate(200px, 0px);opacity:1}
75%{transform:translate(300px, 0px);opacity:1}
to{transform:translate(450px, 0px);opacity:0}
}
@-moz-keyframes moveHeaderThree{from{transform:translate(0px, 0px);opacity:0}
25%{transform:translate(100px, 0px);opacity:1}
50%{transform:translate(200px, 0px);opacity:1}
75%{transform:translate(300px, 0px);opacity:1}
to{transform:translate(450px, 0px);opacity:0}
}
@-webkit-keyframes moveHeaderThree{from{-webkit-transform:translate(0px, 0px);-webkit-opacity:0}
25%{-webkit-transform:translate(100px, 0px);-webkit-opacity:1}
50%{-webkit-transform:translate(200px, 0px);-webkit-opacity:1}
75%{-webkit-transform:translate(300px, 0px);-webkit-opacity:1}
to{-webkit-transform:translate(450px, 0px);-webkit-opacity:0}
}
@-ms-keyframes moveHeaderThree{from{-ms-transform:translate(0px, 0px);opacity:0}
25%{-ms-transform:translate(100px, 0px);opacity:1}
50%{-ms-transform:translate(200px, 0px);opacity:1}
75%{-ms-transform:translate(300px, 0px);opacity:1}
to{-ms-transform:translate(450px, 0px);opacity:0}
}
@-o-keyframes moveHeaderThree{from{transform:translate(0px, 0px);opacity:0}
25%{transform:translate(100px, 0px);opacity:1}
50%{transform:translate(200px, 0px);opacity:1}
75%{transform:translate(300px, 0px);opacity:1}
to{transform:translate(450px, 0px);opacity:0}
}
@-keyframes moveHeaderFour{from{transform:translate(0px, 0px);opacity:0}
25%{transform:translate(100px, 20px);opacity:1}
50%{transform:translate(200px, 30px);opacity:1}
75%{transform:translate(300px, 30px);opacity:1}
to{transform:translate(450px, 30px);opacity:0}
}
@-moz-keyframes moveHeaderFour{from{transform:translate(0px, 0px);opacity:0}
25%{transform:translate(100px, 20px);opacity:1}
50%{transform:translate(200px, 30px);opacity:1}
75%{transform:translate(300px, 30px);opacity:1}
to{transform:translate(450px, 30px);opacity:0}
}
@-webkit-keyframes moveHeaderFour{from{-webkit-transform:translate(0px, 0px);-webkit-opacity:0}
25%{-webkit-transform:translate(100px, 20px);-webkit-opacity:1}
50%{-webkit-transform:translate(200px, 30px);-webkit-opacity:1}
75%{-webkit-transform:translate(300px, 30px);-webkit-opacity:1}
to{-webkit-transform:translate(450px, 30px);-webkit-opacity:0}
}
@-ms-keyframes moveHeaderFour{from{-ms-transform:translate(0px, 0px);opacity:0}
25%{-ms-transform:translate(100px, 20px);opacity:1}
50%{-ms-transform:translate(200px, 30px);opacity:1}
75%{-ms-transform:translate(300px, 30px);opacity:1}
to{-ms-transform:translate(450px, 30px);opacity:0}
}
@-o-keyframes moveHeaderFour{from{transform:translate(0px, 0px);opacity:0}
25%{transform:translate(100px, 20px);opacity:1}
50%{transform:translate(200px, 30px);opacity:1}
75%{transform:translate(300px, 30px);opacity:1}
to{transform:translate(450px, 30px);opacity:0}
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#26262c;
  display:none;
}  
#boxes .window {
  position:fixed;
  left:50%;
  top:50%;
  width:440px;
  height:850px;
  display:none;
  z-index:9999;
  padding:10px;
  border-radius: 5px;
  text-align: center;
}
#boxes #dialog {
  width:90%; 
  height:80%;
  padding: 10px;
  background-color:#ffffff;
  font-size: 15pt;
}

.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	color: red;
}