@import url("font.css");@media only screen and (min-width:768px max-width:1400px){body #scrollheader.layout-mode-responsive{padding-top:74px;height:80px;width:1400px;margin:0 auto;overflow-x:hidden;}}
@media only screen and (min-width:1400px){.main{margin:0 auto;width:1400px;min-width:1400px;}
}
@media only screen and (min-width:768px){.layout-mode-responsive
#main-header.scrollheader{position:fixed;z-index:1000;right:0;left:0;top:0;box-shadow:0 3px 8px rgba(0,0,0,0.8);height:31px;min-width:768px;}}
#inner-header{color:#2f2f2f;background-color:#aaa;box-shadow:0 1px 3px rgba(0,0,0,0.5);position:fixed;height:30px;}
.overlay-light{background-color:#aaa;height:30px;width:100%;}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
html{overflow-x:hidden;}
body{overflow-x:hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
a, a:visited{text-decoration:none;text-shadow:none;}
a img{border:none;}
@media only screen and (max-width:2800px, min-width:1400px){.footer{width:100%;}
.footer__main__invite{margin-right:0;width:50%;}
.footer__main__init{margin-right:15px;}
}
.main-content{width:100%;margin:0 auto;}
.main-content-inner{width:100%;background:none;border-right:1px solid #00244D;border-left:1px solid #00244D;margin:0 auto 20px;border-bottom:1px solid #00244D;}
#section1{background-image:url(up.jpg);background-repeat:no-repeat;}
#section2{background-image:url(bt_bt.jpg);background-repeat:no-repeat;background-position:bottom center;}
#section3{background:rgba(204,204,204,.2) url(bt.jpg);background-repeat:no-repeat;opacity:1;background-repeat:no-repeat;background-position:top center;}
#section4{background:url(back.jpg);background-repeat:no-repeat;opacity:1;background-repeat:no-repeat;background-position:top center;}
.pr{margin:0 auto;}
.menu{display:block;width:115px;height:216px;margin:5.2% 9%;border:0px solid #ececec;border-radius:5px 5px 5px 5px;background-image:-webkit-gradient(linear, right, color-stop(20%, #fff), color-stop(80%, #8D2E1F));background-image:-webkit-linear-gradient(right, #fff, #8D2E1F);background-image:-moz-linear-gradient(right, #fff, #8D2E1F);background-image:-ms-linear-gradient(right, #fff, #8D2E1F);background-image:-o-linear-gradient(right, #fff, #8D2E1F);background-image:linear-gradient(right, #fff, #8D2E1F);color:#000;top:0px;z-index:2;}
.button{display:block;width:122px;height:28px;color:#8D2E1F;margin:5px;background-color:#acacac;border:1px solid #fff;border-radius:3px 3px 3px 3px;text-align:center;font-size:15px;opacity:.8;z-index:999999;}
.button p{margin:6px;}
.button:hover{display:block;width:132px;height:38px;color:#fff;opacity:1;text-align:center;font-size:19px;border:2px solid #8D2E1F;border-radius:5px 5px 5px 5px;box-shadow:2px;transition:all .4s;}
.menu_header{display:block;width:526px;height:47px;margin:0 auto;border:0px solid #ececec;border-radius:5px 5px 5px 5px;color:#000;top:0px;z-index:2;background-image:url(header.png);background-position:top center;background-repeat:no-repeat;}
.menu_btn{display:inline-block;width:121px;height:20px;color:#fff;margin:5px 0px 0px 39px;border-radius:3px 3px 3px 3px;text-align:center;float:left;font:normal normal 16px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;margin-top:10px;opacity:.8;z-index:9;}
.menu_btn:hover{display:inline-block;width:121px;height:20px;color:#E6BB85;margin:5px 0px 0px 39px;background-color:#acacac;box-shadow:inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;border-radius:3px 3px 3px 3px;text-align:center;float:left;font:normal normal 16px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;margin-top:10px;opacity:1;z-index:999999;}
.board{display:block;width:215px;height:500px;margin:-1% 0%;border:0px solid #ececec;border-radius:5px 5px 5px 5px;color:#000;top:0px;z-index:2;background-image:url(bord.png);background-repeat:no-repeat;}
.board> div{display:block;position:absolute;z-index:3;}
.board> div:nth-child(1){width:119px;height:154px;top:190px;left:30px;background-image:url(bord_in.png);background-repeat:no-repeat;-webkit-animation:board 10s ease-in-out infinite;-moz-animation:board 10s ease-in-out infinite;-o-animation:board 10s ease-in-out infinite;animation:board 10s ease-in-out infinite;}
.board> div:nth-child(2){width:8px;height:25px;top:175px;left:86px;z-index:3;background-image:url(in.png);background-repeat:no-repeat;-webkit-animation:board0 10s ease-in-out infinite;-moz-animation:board0 10s ease-in-out infinite;-o-animation:board0 10s ease-in-out infinite;animation:board0 10s ease-in-out infinite;}
.board> div:nth-child(3){width:30px;height:30px;top:207px;left:126.5px;z-index:4;background-image:url(star3.png);background-repeat:no-repeat;-webkit-animation:board1 10s ease-in-out infinite;-moz-animation:board1 10s ease-in-out infinite;-o-animation:board1 10s ease-in-out infinite;animation:board1 10s ease-in-out infinite;}
@-webkit-keyframes board{0%,100%{-webkit-transform:translate(-1px, 0px) rotate(5deg);}50%{-webkit-transform:translate(1px, 0px) rotate(-5deg);}}
@-moz-keyframes board{0%,100%{-moz-transform:translate(-1px, 0px) rotate(5deg);}50%{-moz-transform:translate(1px, 0px) rotate(-5deg);}}
@-o-keyframes board{0%,100%{-o-transform:translate(-1px, 0px) rotate(5deg);}50%{-o-transform:translate(1px, 0px) rotate(-5deg);}}
@keyframes board{0%,100%{transform:translate(-1px, 0px) rotate(5deg);opacity:1;}50%{transform:translate(1px, 0px) rotate(-5deg);}}
@-webkit-keyframes board0{0%,100%{-webkit-transform:translate(-0px, 0px) rotate(-5deg);}50%{-webkit-transform:translate(0px, 0px) rotate(5deg);}}
@-moz-keyframes board0{0%,100%{-moz-transform:translate(-0px, 0px) rotate(-5deg);}50%{-moz-transform:translate(0px, 0px) rotate(5deg);}}
@-o-keyframes board0{0%,100%{-o-transform:translate(-0px, 0px) rotate(-5deg);}50%{-o-transform:translate(0px, 0px) rotate(5deg);}}
@keyframes board0{0%,100%{transform:translate(0px, 0px) rotate(-5deg);opacity:1;}50%{transform:translate(0px, 0px) rotate(5deg);}}
@-webkit-keyframes board1{0%,45%,54%,100%{opacity:0;}
50%{opacity:1;}}
@-moz-keyframes board1{0%,45%,54%,100%{opacity:0;}
50%{opacity:1;}}
@-o-keyframes board1{0%,45%,54%,100%{opacity:0;}
50%{opacity:1;}}
@keyframes board1{0%,45%,54%,100%{opacity:0;}
50%{opacity:1;}}
.clear0{background-image:-webkit-gradient(linear, top , color-stop (99%, #fff), color-stop(1%, #00244D));background-image:-webkit-linear-gradient(top, #fff, #00244D);background-image:-moz-linear-gradient(top, #fff, #00244D);background-image:-ms-linear-gradient(top, #fff, #00244D);background-image:-o-linear-gradient(top, #fff, #00244D);background-image:linear-gradient(top, #fff, #00244D);opacity:1;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0 auto;padding:0;overflow:hidden;height:150px;}
.clear1{background-position:top center;background-repeat:no-repeat;opacity:1;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0 auto;padding:0;overflow:hidden;height:80px;}
.clear2{background-image:-webkit-gradient(linear, bottom , color-stop (100%, #D5D7DB), color-stop(0%, #00244D));background-image:-webkit-linear-gradient(bottom, #D5D7DB, #00244D);background-image:-moz-linear-gradient(bottom, #D5D7DB, #00244D);background-image:-ms-linear-gradient(bottom, #D5D7DB, #00244D);background-image:-o-linear-gradient(bottom, #D5D7DB, #00244D);background-image:linear-gradient(bottom, #D5D7DB, #00244D);background-position:top center;background-repeat:no-repeat;opacity:1;clear:both;display:block;font-size:0;list-style:none;margin:0px auto;padding:0;overflow:hidden;width:1400px;height:10px;}
.clear3{background-position:top center;background-repeat:no-repeat;opacity:1;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0 auto;padding:0;overflow:visible;width:100%;height:70px;z-index:3;}
.clear3-b{background-position:top center;background-repeat:no-repeat;opacity:1;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0 auto;padding:0;overflow:visible;width:1400px;height:1px;z-index:3;}
.clearx1,.clearx2,.clearx3,.clearx4,.clearx5,.clearx6,.clearx7{background-repeat:no-repeat;border:0;clear:both;display:block;float:none;list-style:none;margin:0 auto;padding:0;overflow:hidden;height:850px;}
.clearx1{background:rgba(0,0,0,.2);}
.clearx2{}
.clearx3{background-image:url(1.png);background-repeat:no-repeat;background-position:bottom center;background-attachment:fixed;z-index:-10;height:884px;}
.clearx4{border:1px solid #cecece;border-radius:5px;height:813px;z-index:4;}
.clearx5{width:1400px;opacity:.9;height:695px;}
.clearx6{background:#fff;opacity:1;background-image:url(bg_x6.png), url(bg_x6_r.png), url(bg_x6_l.png);background-position:bottom 15px center, center right 65px, center left 65px;background-repeat:no-repeat;}
.clearx7{background:rgba(0,0,0,.1);opacity:1;height:790px;}
.clearx2-s{background-repeat:no-repeat;border:0;clear:both;display:block;float:none;list-style:none;margin:0 auto;padding:0;width:1300px;height:560px;}
.clearx2-txt{display:block;width:1200px;height:270px;border:0px solid #000;border-radius:5px;margin:0px auto 0px 0px;background-color:rgba(204,204,204,.1);z-index:1;}
.clear1 h1{font-family:'helveticaneuecyrlight';display:block;background:rgba(0,0,0,.6);color:#cecece;font-size:20px;text-align:center;line-height:1.3em;text-shadow:1px 0 0 #000;}
.x1-txt-content p{font-family:'CenturyGothic';display:block;color:#fff;font-size:20px;text-align:center;line-height:1.2em;z-index:5;margin:10% auto;}
.clearx2-s-txt{display:block;width:1290px;height:220px;border:1px solid #000;border-radius:5px;margin:-200px auto 0px 0px;background-color:rgba(204,204,204,.3);transform:skewY(-19deg);box-shadow:1px 2px 1px rgba(0,0,0,.5);z-index:3;}
.clearx2-s-txt p{font-family:'helveticaneuecyrlight';display:block;background:rgba(0,0,0,.1);color:#fff;font-size:2em;text-align:center;line-height:1.3em;}
.clearx2-s-txt-bt{float:right;display:block;position:relative;width:60%;height:120px;border:1px solid #000;border-radius:5px;margin:10% 0px auto;background-color:rgba(204,204,204,.3);z-index:3;box-shadow:1px 2px 1px rgba(0,0,0,.5);animation:e 10s infinite;-webkit-animation:e 10s infinite;-moz-animation:e 10s infinite;-o-animation:e 10s infinite;}
.clearx2-s-txt-bt p{font-family:'helveticaneuecyrlight';display:block;width:100%;height:120px;background:rgba(0,0,0,.2);color:#fff;font-size:1.4em;text-align:center;line-height:1.1em;animation:e1 10s infinite;-webkit-animation:e 10s infinite;-moz-animation:e 10s infinite;-o-animation:e 10s infinite;}
@keyframes e{40%{transform:rotateX(180deg);}
100%{transform:rotateY(360deg);}}
@-moz-keyframes e{0%{transform:rotateX(180deg);}
50%{transform:rotateY(360deg);}}
@-o-keyframes e{0%{transform:rotateX(180deg);}
50%{transform:rotateY(360deg);}}
@-webkit-keyframes e{0%{transform:rotateX(180deg);}
50%{transform:rotateY(360deg);}}
@keyframes e1{70%{transform:rotateX(180deg);}
100%{transform:rotateY(360deg);}}
.more{width:154px;height:40px;border:1px solid #fff;border-radius:5px;margin:85px 0 0 300px;}
.more p{font-family:'helveticaneuecyrmedium';color:#000;font-size:20px;text-align:center;}
.x1{width:300px;height:500px;margin:1.2% 20.3%;border:0px solid #ececec;border-radius:5px 5px 5px 5px;color:#000;top:0px;z-index:2;}
.x1-inner{margin:0px 0px 13px 0px;width:830px;height:150px;border:0px solid #ececec;border-radius:100px;overflow:visible;background-image:url(ok.png);background-repeat:no-repeat;background-position:0% 50%;}
.x1-inner img{margin:25px;}
.x1-txt{width:1200px;height:500px;margin:10% auto;border:1px solid #ececec;border-radius:5px 5px 5px 5px;color:#000;box-shadow:1px 1px 2px #000;z-index:2;}
.x1-txt-4{width:1200px;height:500px;margin:0% auto;border:1px solid #ececec;border-radius:5px 5px 5px 5px;color:#000;background-color:rgba(204,204,204,.2);box-shadow:3px 3px #000;z-index:2;}
.foto{width:1200px;height:300px;position:relative;}
.foto_img{display:inline-block;position:relative;}
.foto_img img{background-color:rgba(204,204,204,.2);box-shadow:3px 3px #000;z-index:2;opacity:0.2;}
.foto_img img:hover{background-color:rgba(204,204,204,.2);box-shadow:8px 8px rgba(0,0,0,.2);z-index:11110;animation:ft 10s;-webkit-animation:ft 10s;-o-animation:ft 10s;-moz-animation:ft 10s;opacity:1;}
@keyframes ft{0%, 5%{transform:translate(-10px, 10px);}
30%{transform:rotate(45deg);}
100%{transform:scale3d(1.5, 1.5, 1.5) translate(0px, 70px) rotate(0deg);}}
@-o-keyframes ft{0%, 5%{-o-transform:translate(-10px, 10px);}
30%{-o-transform:rotate(45deg);}
100%{-o-transform:scale3d(1.5, 1.5, 1.5) translate(0px, 70px) rotate(0deg);}}
@-webkit-keyframes ft{0%, 5%{-webkit-transform:translate(-10px, 10px);}
30%{-webkit-transform:rotate(45deg);}
100%{-webkit-transform:scale3d(1.5, 1.5, 1.5) translate(0px, 70px) rotate(0deg);}}
@-moz-keyframes ft{0%, 5%{-moz-transform:translate(-10px, 10px);}
30%{-moz-transform:rotate(45deg);}
100%{-moz-transform:scale3d(1.5, 1.5, 1.5) translate(0px, 70px) rotate(0deg);}}
.x1-txt-4-bt{position:relative;width:100%;height:132px;margin:0 auto;border-radius:5px 5px 5px 5px;color:#000;background-color:rgba(204,204,204,.1);z-index:2;}
.x1-txt-4-bt1{position:relative;width:100%;height:86px;margin:0px auto;border-radius:5px 5px 5px 5px;color:#000;background-color:rgba(204,204,204,.1);z-index:2;}
.x1-txt-content{width:1150px;height:230px;margin:0px auto;border:0px solid #ececec;border-radius:5px 5px 5px 5px;color:#000;z-index:2;}
.x1-txt-content h1{font-family:'CenturyGothic';display:block;background:rgba(0,0,0,.1);color:#fff;font-size:1.6em;text-align:center;line-height:1.3em;}
.x2-txt{position:relative;margin:20px 0px 0px 0px;display:inline-block;width:518px;height:518px;border:1px solid #000;border-radius:5px 5px 5px 5px;background:none;}
.x2-txt-in{width:98%;height:250px;border:1px solid #008DD2;margin:5px;position:absolute;background-image:-webkit-gradient(linear, top, color-stop(20%, #fff), color-stop(80%, #008DD2));background-image:-webkit-linear-gradient(top, #fff, #008DD2);background-image:-moz-linear-gradient(top, #fff, #008DD2);background-image:-ms-linear-gradient(top, #fff, #008DD2);background-image:-o-linear-gradient(top, #fff, #008DD2);background-image:linear-gradient(top, #fff, #008DD2);background-position:bottom center;}
.x2-txt-in h1{display:block;border:0px solid #000;margin:0 auto;position:relative;font-size:40px;text-align:center;background-image:-webkit-gradient(linear, bottom, color-stop(20%, #fff), color-stop(80%, #008DD2));background-image:-webkit-linear-gradient(bottom, #fff, #008DD2);background-image:-moz-linear-gradient(bottom, #fff, #008DD2);background-image:-ms-linear-gradient(bottom, #fff, #008DD2);background-image:-o-linear-gradient(bottom, #fff, #008DD2);background-image:linear-gradient(bottom, #fff, #008DD2);background-position:bottom center;}
.x2-txt-in1{width:98%;height:250px;border:1px solid #008DD2;margin:258px 0px 0px 5px;position:absolute;background-image:-webkit-gradient(linear, top, color-stop(20%, #fff), color-stop(80%, #008DD2));background-image:-webkit-linear-gradient(top, #fff, #008DD2);background-image:-moz-linear-gradient(top, #fff, #008DD2);background-image:-ms-linear-gradient(top, #fff, #008DD2);background-image:-o-linear-gradient(top, #fff, #008DD2);background-image:linear-gradient(top, #fff, #008DD2);background-position:bottom center;}
.x2-txt-in1 h1{display:block;border:0px solid #000;margin:0 auto;position:relative;font-size:40px;text-align:center;background-image:-webkit-gradient(linear, bottom, color-stop(20%, #fff), color-stop(80%, #008DD2));background-image:-webkit-linear-gradient(bottom, #fff, #008DD2);background-image:-moz-linear-gradient(bottom, #fff, #008DD2);background-image:-ms-linear-gradient(bottom, #fff, #008DD2);background-image:-o-linear-gradient(bottom, #fff, #008DD2);background-image:linear-gradient(bottom, #fff, #008DD2);background-position:bottom center;}
.x2-txt-img{width:500px;height:160px;border:1px solid #fff;margin:10px 0px 0px 8px;position:absolute;border-radius:75px;}
.x2-txt-img:nth-child(1){background:none;margin:179px 0px 0px 8px;}
.x2-txt-img:nth-child(2){background:none;margin:349px 0px 0px 8px;}
.slider-inner{margin:0 auto;height:900px;min-height:850px;width:1400px;min-width:1200px;border:0px solid #000;}
.x3-img{height:130px;margin:-1% auto;color:#000;background-image:url(border.png);background-repeat:no-repeat;background-size:100% !important;z-index:2;}
.x3-img img{width:100%;margin:0 auto;z-index:2;}
.x3-img-b{width:1399px;height:10px;margin:-1px auto;border:0px solid #ececec;border-radius:5px 5px 5px 5px;color:#000;position:absolute;z-index:2;}
.x3-txt-top{height:269px;margin:0px auto;border:1px solid #ececec;border-radius:5px 5px 5px 5px;color:#000;background:rgba(0,0,0,.1);box-shadow:1px 2px 2px #000;z-index:2;}
.x3-txt{height:495px;margin:0px auto 0px;border:0px solid #ececec;border-radius:5px 5px 5px 5px;color:#000;background:url(shtora.jpg);box-shadow:1px 2px 2px #000;z-index:2;}
.x3-txt-bt{display:block;margin:-243px auto 0px;z-index:2;background-image:url(x3_bt.png);background-repeat:no-repeat;background-position:bottom center;width:100% !important;height:241px !important;-ms-interpolation-mode:bicubic;}
.x3-txt-bt img{z-index:2;width:100% !important;height:auto !important;-ms-interpolation-mode:bicubic;}
.conteiner{height:652px;margin:0px auto 0px;z-index:0;border:0px solid #000;}
.conteiner_txt{display:inline-block;width:33%;height:400px;margin:0px auto 0px 0px;z-index:3;border:0px solid #000;background-image:url(podl.png);background-position:center;background-repeat:no-repeat;}
.conteiner_txt p{color:#cecece;font-size:1.5em;margin:40% auto;}
.conteiner_txt:nth-child(1){z-index:3;border:0px solid #fff;}
.conteiner_txt:nth-child(2){z-index:3;border:0px solid #fff;}
.conteiner_txt:nth-child(3){z-index:3;border:0px solid #fff;}
.star{display:block;width:100%;max-width:950px;margin:0 auto;top:300px;position:relative;}
.star > div{width:10px;height:10px;border-radius:0;margin:0px auto;position:absolute;padding:0px;background-position:50% 50%;background-repeat:no-repeat;-webkit-transform-origin:bottom center;z-index:-1;}
.star > div:nth-child(1){position:absolute;left:424px;top:115px;-webkit-animation:star1 4s ease-in-out infinite;-moz-animation:star1 4s ease-in-out infinite;-o-animation:star1 4s ease-in-out infinite;animation:star1 4s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(1){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(1){display:none;}
}
.star > div:nth-child(1):before{color:white;}
.star > div:nth-child(2){position:absolute;left:911px;top:-167.5px;-webkit-animation:star2 6s ease-in-out infinite;-moz-animation:star2 6s ease-in-out infinite;-o-animation:star2 6s ease-in-out infinite;animation:star2 6s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(2){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(2){display:none;}
}
.star > div:nth-child(2):before{color:white;}
.star > div:nth-child(3){position:absolute;left:534px;top:-31.5px;-webkit-animation:star2 2s ease-in-out infinite;-moz-animation:star2 2s ease-in-out infinite;-o-animation:star2 2s ease-in-out infinite;animation:star2 2s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(3){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(3){display:none;}
}
.star > div:nth-child(3):before{color:white;}
.star > div:nth-child(4){position:absolute;left:1047px;top:-108.5px;-webkit-animation:star2 7s ease-in-out infinite;-moz-animation:star2 7s ease-in-out infinite;-o-animation:star2 7s ease-in-out infinite;animation:star2 7s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(4){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(4){display:none;}
}
.star > div:nth-child(4):before{color:white;}
.star > div:nth-child(5){position:absolute;left:614px;top:-292.5px;-webkit-animation:star2 5s ease-in-out infinite;-moz-animation:star2 5s ease-in-out infinite;-o-animation:star2 5s ease-in-out infinite;animation:star2 5s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(5){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(5){display:none;}
}
.star > div:nth-child(5):before{color:white;}
.star > div:nth-child(6){position:absolute;left:1253px;top:-141.5px;-webkit-animation:star2 4s ease-in-out infinite;-moz-animation:star2 4s ease-in-out infinite;-o-animation:star2 4s ease-in-out infinite;animation:star2 4s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(6){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(6){display:none;}
}
.star > div:nth-child(6):before{color:white;}
.star > div:nth-child(7){position:absolute;left:787px;top:-220.5px;-webkit-animation:star2 8s ease-in-out infinite;-moz-animation:star2 8s ease-in-out infinite;-o-animation:star2 8s ease-in-out infinite;animation:star2 8s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(7){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(7){display:none;}
}
.star > div:nth-child(7):before{color:white;}
.star > div:nth-child(8){position:absolute;left:185px;top:-233.5px;-webkit-animation:star2 12s ease-in-out infinite;-moz-animation:star2 12s ease-in-out infinite;-o-animation:star2 12s ease-in-out infinite;animation:star2 12s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(8){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(8){display:none;}
}
.star > div:nth-child(8):before{color:white;}
.star > div:nth-child(9){position:absolute;left:470.5px;top:-263px;-webkit-animation:star2 15s ease-in-out infinite;-moz-animation:star2 15s ease-in-out infinite;-o-animation:star2 15s ease-in-out infinite;animation:star2 15s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(9){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(9){display:none;}
}
.star > div:nth-child(9):before{color:white;}
.star > div:nth-child(10){position:absolute;left:560.5px;top:-133px;-webkit-animation:star2 15s ease-in-out infinite;-moz-animation:star2 15s ease-in-out infinite;-o-animation:star2 15s ease-in-out infinite;animation:star2 15s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(10){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(10){display:none;}
}
.star > div:nth-child(10):before{color:white;}
.star > div:nth-child(11){position:absolute;right:-255px;top:-62.5px;-webkit-animation:star2 9s ease-in-out infinite;-moz-animation:star2 9s ease-in-out infinite;-o-animation:star2 9s ease-in-out infinite;animation:star2 9s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(11){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(11){display:none;}
}
.star > div:nth-child(11):before{color:white;}
.star > div:nth-child(12){position:absolute;right:-25px;top:-64.5px;-webkit-animation:star2 16s ease-in-out infinite;-moz-animation:star2 16s ease-in-out infinite;-o-animation:star2 16s ease-in-out infinite;animation:star2 16s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(12){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(12){display:none;}
}
.star > div:nth-child(12):before{color:white;}
.star > div:nth-child(13){position:absolute;left:1149px;top:-251.5px;-webkit-animation:star2 11s ease-in-out infinite;-moz-animation:star2 11s ease-in-out infinite;-o-animation:star2 11s ease-in-out infinite;animation:star2 11s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(13){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(13){display:none;}
}
.star > div:nth-child(13):before{color:white;}
.star > div:nth-child(14){position:absolute;left:686px;top:-100.5px;-webkit-animation:star2 11s ease-in-out infinite;-moz-animation:star2 11s ease-in-out infinite;-o-animation:star2 11s ease-in-out infinite;animation:star2 11s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(14){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(14){display:none;}
}
.star > div:nth-child(14):before{color:white;}
.star > div:nth-child(15){position:absolute;left:803px;top:-302.5px;-webkit-animation:star2 20s ease-in-out infinite;-moz-animation:star2 20s ease-in-out infinite;-o-animation:star2 20s ease-in-out infinite;animation:star2 20s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(15){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(15){display:none;}
}
.star > div:nth-child(15):before{color:white;}
.star > div:nth-child(16){position:absolute;left:414px;top:-355.5px;-webkit-animation:mol 5s ease-in-out infinite;-moz-animation:mol 5s ease-in-out infinite;-o-animation:mol 5s ease-in-out infinite;animation:mol 5s ease-in-out infinite;z-index:0;}
@media only screen and (max-width:10px){.star > div:nth-child(16){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(16){display:none;}
}
.star > div:nth-child(16):before{color:white;}
.star > div:nth-child(17){position:absolute;left:895px;top:-14.5px;-webkit-animation:mol 3s ease-in-out infinite;-moz-animation:mol 3s ease-in-out infinite;-o-animation:mol 3s ease-in-out infinite;animation:mol 3s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(17){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(17){display:none;}
}
.star > div:nth-child(17):before{color:white;}
.star > div:nth-child(18){position:absolute;left:208px;top:-27.5px;-webkit-animation:mol 10s ease-in-out infinite;-moz-animation:mol 10s ease-in-out infinite;-o-animation:mol 10s ease-in-out infinite;animation:mol 10s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:10px){.star > div:nth-child(18){left:0%;top:0%;}
}
@media only screen and (max-width:10px){.star > div:nth-child(18){display:none;}
}
.star > div:nth-child(18):before{color:white;}
.star > div > span{font-size:4.8em;color:white;position:relative;top:0px;left:100%;margin-left:-27px;}
@media only screen and (max-width:477px){.star > div > span{left:20%;}
}
@-webkit-keyframes star1{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:.4;}}
@-moz-keyframes star1{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:.4;}}
@-o-keyframes star1{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:.4;}}
@keyframes star1{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:.4;}}
@-webkit-keyframes star2{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:.2;}}
@-moz-keyframes star2{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:.2;}}
@-o-keyframes star2{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:.2;}}
@keyframes star2{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:.2;}}
.cloud{display:block;width:100%;max-width:950px;margin:0 auto;top:300px;position:relative;}
.cloud > div{width:10px;height:10px;border-radius:0;margin:0px auto;position:absolute;padding:0px;background-position:50% 50%;background-repeat:no-repeat;-webkit-transform-origin:bottom center;z-index:-1;}
.cloud > div:nth-child(1){position:absolute;left:336px;top:-61px;-webkit-animation:cloud 18s ease-in-out infinite;-moz-animation:cloud 18s ease-in-out infinite;-o-animation:cloud 18s ease-in-out infinite;animation:cloud 18s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:400px){.cloud > div:nth-child(1){left:0%;top:0%;}
}
@media only screen and (max-width:400px){.cloud > div:nth-child(1){display:none;}
}
.cloud > div:nth-child(1):before{color:white;}
.cloud > div:nth-child(2){position:absolute;left:240px;top:-196px;-webkit-animation:cloud1 5s ease-in-out infinite;-moz-animation:cloud1 5s ease-in-out infinite;-o-animation:cloud1 5s ease-in-out infinite;animation:cloud1 5s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:400px){.cloud > div:nth-child(2){left:0%;top:0%;}
}
@media only screen and (max-width:400px){.cloud > div:nth-child(2){display:none;}
}
.cloud > div:nth-child(2):before{color:white;}
.cloud > div:nth-child(3){position:absolute;left:668px;top:-200px;-webkit-animation:cloud3 15s ease-in-out infinite;-moz-animation:cloud3 15s ease-in-out infinite;-o-animation:cloud3 15s ease-in-out infinite;animation:cloud3 15s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:400px){.cloud > div:nth-child(3){left:0%;top:0%;}
}
@media only screen and (max-width:400px){.cloud > div:nth-child(3){display:none;}
}
.cloud > div:nth-child(3):before{color:white;}
.cloud > div:nth-child(4){position:absolute;left:393px;top:-225px;-webkit-animation:cloud2 15s ease-in-out infinite;-moz-animation:cloud2 15s ease-in-out infinite;-o-animation:cloud2 15s ease-in-out infinite;animation:cloud2 15s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:400px){.cloud > div:nth-child(4){left:0%;top:0%;}
}
@media only screen and (max-width:400px){.cloud > div:nth-child(4){display:none;}
}
.cloud > div:nth-child(4):before{color:white;}
.cloud > div > span{font-size:4.8em;color:white;position:relative;top:0px;left:100%;margin-left:-27px;}
@media only screen and (max-width:477px){.cloud > div > span{left:20%;}
}
.cloud > div:nth-child(5){position:absolute;left:106px;top:-236px;-webkit-animation:cloud4 20s ease-in-out infinite;-moz-animation:cloud4 20s ease-in-out infinite;-o-animation:cloud4 20s ease-in-out infinite;animation:cloud4 20s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:400px){.cloud > div:nth-child(5){left:0%;top:0%;}
}
@media only screen and (max-width:400px){.cloud > div:nth-child(5){display:none;}
}
.cloud > div:nth-child(5):before{color:white;}
.cloud > div:nth-child(6){position:absolute;left:30px;top:-95px;-webkit-animation:cloud5 25s ease-in-out infinite;-moz-animation:cloud5 25s ease-in-out infinite;-o-animation:cloud5 25s ease-in-out infinite;animation:cloud5 25s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:400px){.cloud > div:nth-child(6){left:0%;top:0%;}
}
@media only screen and (max-width:400px){.cloud > div:nth-child(6){display:none;}
}
.cloud > div:nth-child(6):before{color:white;}
.cloud > div > span{font-size:4.8em;color:white;position:relative;top:0px;left:100%;margin-left:-27px;}
@media only screen and (max-width:477px){.cloud > div > span{left:20%;}
}
.cloud > div:nth-child(7){position:absolute;left:-176px;top:-308px;z-index:1;}
@-webkit-keyframes cloud{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:.4;}
}
@-moz-keyframes cloud{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:.4;}
}
@-o-keyframes cloud{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:.4;}
}
@keyframes cloud{0%,
100%{transform:translate(4px, -1px) rotate(1eg);}
50%{transform:translate(4px, 1px) rotate(-1deg);}
}
@-webkit-keyframes cloud1{0%,
100%{-webkit-transform:translate(2px, 0px) rotate(1deg);}
50%{-webkit-transform:translate(-2px, 0px) rotate(1deg);}
}
@-moz-keyframes cloud1{0%,
100%{-moz-transform:translate(2px, 0px) rotate(1deg);}
50%{-moz-transform:translate(-2px, 0px) rotate(1deg);}
}
@-o-keyframes cloud1{0%,
100%{-o-transform:translate(2px, 0px) rotate(1deg);}
50%{-o-transform:translate(-2px, 0px) rotate(1deg);}
}
@keyframes cloud1{0%,
100%{transform:translate(2px, 0px) rotate(1deg);}
50%{transform:translate(-2px, 0px) rotate(1deg);}
}
@-webkit-keyframes cloud2{0%,
100%{-webkit-transform:translate(2px, 0px) rotate(-1deg);}
50%{-webkit-transform:translate(-3px, -1px) rotate(-2deg);}
}
@-moz-keyframes cloud2{0%,
100%{-moz-transform:translate(2px, 0px) rotate(-1deg);}
50%{-moz-transform:translate(-3px, -1px) rotate(-2deg);}
}
@-o-keyframes cloud2{0%,
100%{-o-transform:translate(2px, 0px) rotate(-1deg);}
50%{-o-transform:translate(-3px, -1px) rotate(-2deg);}
}
@keyframes cloud2{0%,
100%{transform:translate(2px, 0px) rotate(-1deg);}
50%{transform:translate(-3px, -1px) rotate(-2deg);}
}
@-webkit-keyframes cloud3{0%,
100%{-webkit-transform:translate(-5px, 0px) rotate(-1deg);}
50%{-webkit-transform:translate(5px, -1px) rotate(0deg);}
}
@-moz-keyframes cloud3{0%,
100%{-moz-transform:translate(-5px, 0px) rotate(-1deg);}
50%{-moz-transform:translate(5px, -1px) rotate(0deg);}
}
@-o-keyframes cloud3{0%,
100%{-o-transform:translate(-5px, 0px) rotate(-1deg);}
50%{-o-transform:translate(5px, -1px) rotate(0deg);}
}
@keyframes cloud3{0%,
100%{transform:translate(-5px, 0px) rotate(-1deg);}
50%{transform:translate(5px, -1px) rotate(0deg);}
}
@-webkit-keyframes cloud4{0%,
100%{-webkit-transform:translate(-4px, 1px) rotate(-1deg);}
50%{-webkit-transform:translate(6px, -1px) rotate(2deg);}
}
@-moz-keyframes cloud4{0%,
100%{-moz-transform:translate(-4px, 1px) rotate(-1deg);}
50%{-moz-transform:translate(6px, -1px) rotate(2deg);}
}
@-o-keyframes cloud4{0%,
100%{-o-transform:translate(-4px, 1px) rotate(-1deg);}
50%{-o-transform:translate(6px, -1px) rotate(2deg);}
}
@keyframes cloud4{0%,
100%{transform:translate(-4px, 1px) rotate(-1deg);}
50%{transform:translate(6px, -1px) rotate(2deg);}
}
@-webkit-keyframes cloud5{0%,
100%{-webkit-transform:translate(3px, 2px) rotate(1deg);}
50%{-webkit-transform:translate(-1px, 0px) rotate(-3deg);}
}
@-moz-keyframes cloud5{0%,
100%{-moz-transform:translate(3px, 2px) rotate(1deg);}
50%{-moz-transform:translate(-1px, 0px) rotate(-3deg);}
}
@-o-keyframes cloud5{0%,
100%{-o-transform:translate(3px, 2px) rotate(1deg);}
50%{-o-transform:translate(-1px, 0px) rotate(-3deg);}
}
@keyframes cloud5{0%,
100%{transform:translate(3px, 2px) rotate(1deg);}
50%{transform:translate(-1px, 0px) rotate(-3deg);}
}
.boll{display:block;width:100%;max-width:950px;margin:0 auto;top:300px;position:relative;}
.boll > div{width:10px;height:10px;border-radius:0;margin:0px auto;position:absolute;padding:0px;background-position:50% 50%;background-repeat:no-repeat;-webkit-transform-origin:bottom center;z-index:-1;}
.boll > div:nth-child(1){position:absolute;left:304px;top:797px;-webkit-animation:boll 50s ease-in-out infinite;-moz-animation:boll 50s ease-in-out infinite;-o-animation:boll 50s ease-in-out infinite;animation:boll 50s ease-in-out infinite;z-index:1;}
@media only screen and (max-width:400px){.boll > div:nth-child(1){left:0%;top:0%;}
}
@media only screen and (max-width:400px){.boll > div:nth-child(1){display:none;}
}
.boll > div:nth-child(1):before{color:white;}
.boll > div > span{font-size:4.8em;color:white;position:relative;top:0px;left:100%;margin-left:-27px;}
@media only screen and (max-width:477px){.boll > div > span{left:20%;}
}
@-webkit-keyframes boll{40%{opacity:1;-webkit-transform:scale3d(1, 1, 1) translate3d(0, 100px, 0);}
100%{opacity:0;-webkit-transform:scale3d(.2, .2, .2) translate3d(350px, -3250px, 0px);-webkit-transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.285, 0.320, 1);}
}
@-moz-keyframes boll{40%{opacity:1;-moz-transform:scale3d(1, 1, 1) translate3d(0, 100px, 0);}
100%{opacity:0;-moz-transform:scale3d(.2, .2, .2) translate3d(350px, -3250px, 0px);-moz-transform-origin:center bottom;-moz-animation-timing-function:cubic-bezier(0.175, 0.285, 0.320, 1);}
}
@-o-keyframes boll{40%{opacity:1;-o-transform:scale3d(1, 1, 1) translate3d(0, 100px, 0);}
100%{opacity:0;-o-transform:scale3d(.2, .2, .2) translate3d(350px, -3250px, 0px);-o-transform-origin:center bottom;-o-animation-timing-function:cubic-bezier(0.175, 0.285, 0.320, 1);}
}
@keyframes boll{10%{opacity:1;transform:scale3d(1, 1, 1) translate3d(0, 40px, 0);}
100%{opacity:0.5;transform:scale3d(.05, .05, .05) translate3d(650px, -4050px, 0px);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.285, 0.320, 1);}
}
.bk{display:inline-block;width:830px;height:80px;max-width:950px;margin:8px 10px 7px 0px;top:0px;position:relative;border:1px solid #cecece;box-shadow:1px 2px 1px #000;background:rgba(0,0,0,.1);}
.bk > div{width:690px;height:66px;border-radius:0;margin:0px auto;position:absolute;left:70px;padding:0px;top:7px;background-position:50% 100%;background-repeat:no-repeat;z-index:1;-webkit-animation:bk 5s ease-in-out infinite;-moz-animation:bk 5s ease-in-out infinite;-o-animation:bk 5s ease-in-out infinite;animation:bk 5s ease-in-out infinite;}
.bk a{display:block;color:#fff;text-shadow:1px 2px 1px #000;width:690px;height:66px;font-size:2em;font-family:'helveticaneuecyrmedium';background:rgba(255,255,255,.1);box-shadow:1px 2px 1px #000;background:rgba(0,0,0,.1);text-align:center;margin:0;}
@keyframes bk{0%{opacity:0.7;background:rgba(0,0,0,.1);}
50%{opacity:1;transform:scale3d(1.2, 1.2, 1.2);background:rgba(83,173,238,.3);}
100%{opacity:.7;}
}
@-webkit-keyframes bk{0%{opacity:0.7;background:rgba(0,0,0,.1);}
50%{opacity:1;-webkit-transform:scale3d(1.2, 1.2, 1.2);background:rgba(83,173,238,.3);}
100%{opacity:.7;}
}
@-moz-keyframes bk{0%{opacity:0.7;background:rgba(0,0,0,.1);}
50%{opacity:1;-moz-transform:scale3d(1.2, 1.2, 1.2);background:rgba(83,173,238,.3);}
100%{opacity:.7;}
}
@-o-keyframes bk{0%{opacity:0.7;background:rgba(0,0,0,.1);}
50%{opacity:1;-o-transform:scale3d(1.2, 1.2, 1.2);background:rgba(83,173,238,.3);}
100%{opacity:.7;}
}
.logon{display:block;width:100%;max-width:1350px;margin:0 auto;height:210px;top:62px;position:relative;}
.logon > div{width:150px;height:150px;border-radius:0;margin:0px auto;position:absolute;padding:0px;background-position:50% 50%;background-repeat:no-repeat;-webkit-transform-origin:bottom center;z-index:1;}
.logon > div:nth-child(1){position:absolute;left:2%;top:157px;-webkit-animation:logon1 10s ease-in-out infinite;-moz-animation:logon1 10s ease-in-out infinite;-o-animation:logon1 10s ease-in-out infinite;animation:logon1 10s ease-in-out infinite;z-index:3;}
@media only screen and (max-width:947px){.logon > div:nth-child(1){left:0%;top:0%;}
}
@media only screen and (max-width:477px){.logon > div:nth-child(1){display:none;}
}
.logon > div:nth-child(1):before{color:white;}
.logon > div:nth-child(2){background:none;left:37%;top:259px;-webkit-animation:logon2 6s ease-in-out infinite;-moz-animation:logon2 6s ease-in-out infinite;-o-animation:logon2 6s ease-in-out infinite;animation:logon2 6s ease-in-out infinite;z-index:3;}
@media only screen and (max-width:947px){.logon > div:nth-child(2){left:60%;top:-40px;}
}
@media only screen and (max-width:752px){.logon > div:nth-child(2){left:55%;top:-40px;}
}
@media only screen and (max-width:524px){.logon > div:nth-child(2){left:50%;top:-40px;}
}
@media only screen and (max-width:477px){.logon > div:nth-child(2){left:15%;top:-95px;}
}
@media only screen and (max-width:321px){.logon > div:nth-child(2){left:2%;top:-90px;}
}
.logon > div:nth-child(2):before{color:white;}
.logon > div:nth-child(3){background:none;left:70%;top:64px;-webkit-animation:logon3 6s ease-in-out infinite;-moz-animation:logon3 6s ease-in-out infinite;-o-animation:logon3 6s ease-in-out infinite;animation:logon3 6s ease-in-out infinite;z-index:3;}
@media only screen and (max-width:947px){.logon > div:nth-child(3){left:72%;top:320px;}
}
@media only screen and (max-width:752px){.logon > div:nth-child(3){left:68%;top:380px;}
}
@media only screen and (max-width:626px){.logon > div:nth-child(3){left:55%;top:400px;}
}
@media only screen and (max-width:477px){.logon > div:nth-child(3){display:none;}
}
.logon > div:nth-child(3):before{color:white;}
.logon > div:nth-child(4){background:none;left:20%;top:-36px;-webkit-animation:logon4 5s ease-in-out infinite;-moz-animation:logon4 5s ease-in-out infinite;-o-animation:logon4 5s ease-in-out infinite;animation:logon4 5s ease-in-out infinite;z-index:3;}
@media only screen and (max-width:947px){.logon > div:nth-child(4){left:39%;top:350px;}
}
@media only screen and (max-width:752px){.logon > div:nth-child(4){left:35%;top:400px;}
}
@media only screen and (max-width:626px){.logon > div:nth-child(4){top:350px;}
}
@media only screen and (max-width:596px){.logon > div:nth-child(4){top:450px;}
}
@media only screen and (max-width:477px){.logon > div:nth-child(4){left:35%;top:300px;}
}
@media only screen and (max-width:327px){.logon > div:nth-child(4){left:2%;top:440px;}
}
@media only screen and (max-width:321px){.logon > div:nth-child(4){left:1%;top:350px;}
}
.logon > div:nth-child(4):before{color:white;}
.logon > div:nth-child(5){position:absolute;left:89%;top:-60px;-webkit-animation:logon5 10s ease-in-out infinite;-moz-animation:logon5 10s ease-in-out infinite;-o-animation:logon5 10s ease-in-out infinite;animation:logon5 10s ease-in-out infinite;z-index:3;}
@media only screen and (max-width:947px){.logon > div:nth-child(5){left:0%;top:0%;}
}
@media only screen and (max-width:477px){.logon > div:nth-child(5){display:none;}
}
.logon > div:nth-child(5):before{color:white;}
.logon > div > span{font-size:4.8em;color:white;position:relative;top:30px;left:50%;margin-left:-27px;}
@media only screen and (max-width:477px){.logon > div > span{left:20%;}
}
.logon > div:nth-child(6){position:absolute;left:51%;top:-48px;-webkit-animation:logon6 10s ease-in-out infinite;-moz-animation:logon6 10s ease-in-out infinite;-o-animation:logon6 10s ease-in-out infinite;animation:logon6 10s ease-in-out infinite;z-index:3;}
@media only screen and (max-width:947px){.logon > div:nth-child(6){left:0%;top:0%;}
}
@media only screen and (max-width:477px){.logon > div:nth-child(6){display:none;}
}
.logon > div:nth-child(6):before{color:white;}
.logon > div > span{font-size:4.8em;color:white;position:relative;top:30px;left:50%;margin-left:-27px;}
@media only screen and (max-width:477px){.logon > div > span{left:20%;}
}
.logon-logo{position:relative;bottom:20px;right:33px;}
.logon-logo-constant{position:relative;bottom:60px;right:25px;}
@-webkit-keyframes logon1{0%,
100%{transform:translateY(15px) rotate(-5deg);}
70%{transform:translateY(5px) rotate(5deg);}
50%{transform:translateX(10px) rotate(3deg);}
50%{transform:translateX(-5px) rotate(-3deg);}
}
@-moz-keyframes logon1{0%,
100%{transform:translateY(15px) rotate(-5deg);}
70%{transform:translateY(5px) rotate(5deg);}
50%{transform:translateX(10px) rotate(3deg);}
50%{transform:translateX(-5px) rotate(-3deg);}
}
@-o-keyframes logon1{0%,
100%{transform:translateY(15px) rotate(-5deg);}
70%{transform:translateY(5px) rotate(5deg);}
50%{transform:translateX(10px) rotate(3deg);}
50%{transform:translateX(-5px) rotate(-3deg);}
}
@keyframes logon1{0%,
100%{transform:translateY(15px) rotate(-5deg);}
70%{transform:translateY(5px) rotate(5deg);}
50%{transform:translateX(10px) rotate(3deg);}
50%{transform:translateX(-5px) rotate(-3deg);}
}
@-webkit-keyframes logon2{0%,
100%{-webkit-transform:translateY(0) rotate(6deg);}
50%{-webkit-transform:translateY(-30px) rotate(-8deg);}
}
@-moz-keyframes logon2{0%,
100%{-moz-transform:translateY(0) rotate(6deg);}
50%{-moz-transform:translateY(-30px) rotate(-8deg);}
}
@-o-keyframes logon2{0%,
100%{-o-transform:translateY(0) rotate(6deg);}
50%{-o-transform:translateY(-30px) rotate(-8deg);}
}
@keyframes logon2{0%,
100%{transform:translateY(0) rotate(6deg);}
50%{transform:translateY(-30px) rotate(-8deg);}
}
@-webkit-keyframes logon3{0%,
100%{-webkit-transform:translate(5px, -2px) rotate(1deg);}
50%{-webkit-transform:translate(-10px, 5px) rotate(-2deg);}
}
@-moz-keyframes logon3{0%,
100%{-moz-transform:translate(0, -10px) rotate(6deg);}
50%{-moz-transform:translate(-10px, 10px) rotate(-8deg);}
}
@-o-keyframes logon3{0%,
100%{-o-transform:translate(0, -10px) rotate(6eg);}
50%{-o-transform:translate(-10px, 10px) rotate(-8deg);}
}
@keyframes logon3{0%,
100%{transform:translate(0, -10px) rotate(6eg);}
50%{transform:translate(-10px, 10px) rotate(-8deg);}
}
@-webkit-keyframes logon4{0%,
100%{-webkit-transform:translate(10px, -10px) rotate(-8eg);}
50%{-webkit-transform:translate(-15px, 10px) rotate(10deg);}
}
@-moz-keyframes logon4{0%,
100%{-moz-transform:translate(10px, -10px) rotate(-8eg);}
50%{-moz-transform:translate(-15px, 10px) rotate(10deg);}
}
@-o-keyframes logon4{0%,
100%{-o-transform:translate(10px, -10px) rotate(-8eg);}
50%{-o-transform:translate(-15px, 10px) rotate(10deg);}
}
@keyframes logon4{0%,
100%{transform:translate(10px, -10px) rotate(-8eg);}
50%{transform:translate(-15px, 10px) rotate(10deg);}
}
@-webkit-keyframes logon5{0%,
100%{-webkit-transform:translate(-10px, 0px) rotate(12deg);}
50%{-webkit-transform:translate(5px, -6px) rotate(-12deg);}
}
@-moz-keyframes logon5{0%,
100%{-moz-transform:translate(-10px, 0px) rotate(12deg);}
50%{-moz-transform:translate(5px, -6px) rotate(-12deg);}
}
@-o-keyframes logon5{0%,
100%{-o-transform:translate(-10px, 0px) rotate(12deg);}
50%{-o-transform:translate(5px, -6px) rotate(-12deg);}
}
@keyframes logon5{0%,
100%{transform:translate(-10px, 0px) rotate(12deg);}
50%{transform:translate(5px, -6px) rotate(-12deg);}
}
@-webkit-keyframes logon6{0%,
100%{-webkit-transform:translate(5px, -16px) rotate(0deg);}
50%{-webkit-transform:translate(15px, 8px) rotate(8deg);}
}
@-moz-keyframes logon6{0%,
100%{-moz-transform:translate(5px, -16px) rotate(0deg);}
50%{-moz-transform:translate(15px, 8px) rotate(8deg);}
}
@-o-keyframes logon6{0%,
100%{-o-transform:translate(5px, -16px) rotate(0deg);}
50%{-o-transform:translate(15px, 8px) rotate(8deg);}
}
@keyframes logon6{0%,
100%{transform:translate(5px, -16px) rotate(0deg);}
50%{transform:translate(15px, 8px) rotate(8deg);}
}
@keyframes mol{0%, 50%, 100%{opacity:0;}
.2%{opacity:1;}}
@-webkit-keyframes mol{0%, 50%, 100%{opacity:0;}
.2%{opacity:1;}}
@-moz-keyframes mol{0%, 50%, 100%{opacity:0;}
.2%{opacity:1;}}
@-o-keyframes mol{0%, 50%, 100%{opacity:0;}
.2%{opacity:1;}}
.test{display:inline-block;width:268px;height:268px;max-width:950px;margin:0px 10px 0px;top:0px;position:relative;border:1px solid #cecece;border-radius:5px;box-shadow:1px 1px 1px #000;opacity:.8;}
.test> div{display:inline-block;width:268px;height:268px;max-width:950px;margin:0px auto;top:0px;position:relative;border:1px solid #cecece;border-radius:5px;box-shadow:1px 1px 1px #000;opacity:.8;transform:perspective(1000px);animation:rotate 5s;-o-animation:rotate 5s;-webkit-animation:rotate 5s;-moz-animation:rotate 5s;}
.test:nth-child(1){display:inline-block;width:268px;height:268px;max-width:950px;margin:0px 10px 0px;top:0px;position:relative;border:1px solid #cecece;border-radius:5px;box-shadow:1px 1px 1px #000;}
.test:nth-child(2){display:inline-block;width:268px;height:268px;max-width:950px;margin:0px 10px 0px;top:0px;position:relative;border:1px solid #cecece;border-radius:5px;box-shadow:1px 1px 1px #000;background-image:url(23.png);}
.test:nth-child(3){display:inline-block;width:268px;height:268px;max-width:950px;margin:0px 10px 0px;top:0px;position:relative;border:1px solid #cecece;border-radius:5px;box-shadow:1px 1px 1px #000;background-image:url(rec.jpg);}
.test p{font-family:'helveticaneuecyrlight';display:block;background:rgba(0,0,0,.1);color:#fff;font-size:2em;text-align:center;line-height:1.3em;opacity:0;top:10px;}
.test:hover{display:inline-block;width:268px;height:268px;max-width:950px;margin:0px 10px 0px;top:0px;position:relative;-webkit-animation:test 1s ease-in-out;-moz-animation:test 1s ease-in-out;-o-animation:test 1s ease-in-out;animation:test 1s ease-in-out;border-radius:5px;opacity:1;}
.test:hover p{font-family:'helveticaneuecyrlight';display:block;background:rgba(0,0,0,.3);color:#fff;margin:0 auto;font-size:2em;text-align:center;line-height:1.3em;opacity:1;-webkit-animation:tx 2s ease-in-out;-moz-animation:tx 2s ease-in-out;-o-animation:tx 2s ease-in-out;animation:tx 2s ease-in-out;}
@keyframes rotate{0%{transform:perspective(1000px) translateZ(-1000px) rotateX(90deg) translate(0px, -500px);opacity:.5;}
100%{transform:perspective(8000px) translate(0px, 0px);opacity:1;}}
@-moz-keyframes rotate{0%{transform:perspective(1000px) translateZ(-1000px) rotateX(90deg) translate(0px, -500px);opacity:.5;}
100%{transform:perspective(8000px) translate(0px, 0px);opacity:1;}}
@-o-keyframes rotate{0%{transform:perspective(1000px) translateZ(-1000px) rotateX(90deg) translate(0px, -500px);opacity:.5;}
100%{transform:perspective(8000px) translate(0px, 0px);opacity:1;}}
@-webkit-keyframes rotate{0%{transform:perspective(1000px) translateZ(-1000px) rotateX(90deg) translate(0px, -500px);opacity:.5;}
100%{transform:perspective(8000px) translate(0px, 0px);opacity:1;}}
@keyframes test{0%{opacity:1;}
50%{opacity:1;transform:rotate3d(1, 0, 0, 270deg);background:rgba(0,0,0,.5);}100%{opacity:1;}}
@-webkit-keyframes test{0%{opacity:1;}
50%{opacity:1;transform:rotate3d(1, 0, 0, 180deg);background:rgba(0,0,0,.5);}100%{opacity:1;}}
@-moz-keyframes test{0%{opacity:1;}
50%{opacity:1;transform:rotate3d(1, 0, 0, 90deg);background:rgba(0,0,0,.5);}100%{opacity:1;}}
@-o-keyframes test{0%{opacity:1;}
50%{opacity:1;transform:rotate3d(1, 0, 0, 180deg);background:rgba(0,0,0,.5);}100%{opacity:1;}}
@keyframes tx{0%{opacity:1;transform:translate(0px, 0px);background:rgba(0,0,0,.3);}50%{opacity:.4;transform:translate(0px, 240px) rotate3d(1, 0, 0, 270deg);}100%{opacity:1;color:#212121;background:rgba(204,204,204,.2);transform:translate(0px, 0px);}}
@-webkit-keyframes tx{0%{opacity:1;transform:translate(0px, 0px);background:rgba(0,0,0,.3);}50%{opacity:.4;transform:translate(0px, 240px) rotate3d(1, 0, 0, 90deg);}100%{opacity:1;color:#212121;background:rgba(204,204,204,.2);transform:translate(0px, 0px);}}
@-o-keyframes tx{0%{opacity:1;transform:translate(0px, 0px);background:rgba(0,0,0,.3);}50%{opacity:.4;transform:translate(0px, 240px) rotate3d(1, 0, 0, 270deg);}100%{opacity:1;color:#212121;background:rgba(204,204,204,.2);transform:translate(0px, 0px);}}
@-moz-keyframes tx{0%{opacity:1;transform:translate(0px, 0px);background:rgba(0,0,0,.3);}50%{opacity:.4;transform:translate(0px, 240px) rotate3d(1, 0, 0, 270deg);}100%{opacity:1;color:#212121;background:rgba(204,204,204,.2);transform:translate(0px, 0px);}}
.footer{background:-webkit-gradient(linear, top, color-stop(20%, rgba(204,204,204,.2)), color-stop(80%, rgba(0,0,0,.9)));background:-webkit-linear-gradient(top, rgba(204,204,204,.2), rgba(0,0,0,.9));background:-moz-linear-gradient(top, rgba(204,204,204,.2), rgba(0,0,0,.9));background:-ms-linear-gradient(top, rgba(204,204,204,.2), rgba(0,0,0,.9));background:-o-linear-gradient(top, rgba(204,204,204,.2), rgba(0,0,0,.9));background:linear-gradient(top, rgba(204,204,204,.2), rgba(0,0,0,.9));opacity:1;clear:both;display:block;list-style:none;margin:0 auto;padding:0;width:100%;}
.footer_inner{background-image:url(bg_x4_r1.png);background-position:top center;background-repeat:no-repeat;opacity:1;clear:both;display:block;list-style:none;margin:-71px auto 0px 0px;padding:0;width:100%;height:120px;}
.captionOrange, .captionBlack{color:#000;font-size:30px;line-height:100px;text-align:center;border-radius:20px;font-family:'CenturyGothic';}
.captionOrange{background-image:url(cap.png);background-repeat:no-repeat;background-position:center;}
.captionOrange p{display:block;border-radius:20px;background-color:rgba(204, 204, 204, 0.1);text-shadow:1px 1px 1px #fff;}
.captionBlack{font-size:30px;border-radius:20px;text-shadow:1px 1px 1px #fff;box-shadow:0px 2px 0px #000;line-height:80px;background-color:rgba(0, 0, 0, 0.2);}
.captionBlack p{animation:star1 2s infinite;-o-animation:star1 2s infinite;-webkit-animation:star1 2s infinite;-moz-animation:star1 2s infinite;}
.captionBlack:hover{color:#eb5100;background-color:#eeeeee;background-color:rgba(238, 238, 238, 0.7);box-shadow:1px 1px 1px #000;}
.bricon{background:url(../img/browser-icons.png);}
.promo8{background-image:url("img0011.png");background-repeat:no-repeat, no-repeat;background-position:43% 139px, center center;background-size:520px auto, auto 100%;}
.promo8{background-size:692px auto, 100% auto;}
.container-theme{margin:0 auto;padding:0px;}
.container-theme{width:750px;}
.container-theme{width:970px;}
.container-theme{width:980px;}
.promo8 h2{text-align:center;font-weight:bold;font-family:'CenturyGothic';color:#cecece;}
.promo8 p{text-align:center;font-family:'CenturyGothic';color:#cecece;}
.promo8 h2{font-size:30px;}
.howWeWork{margin:-65px auto;padding:0;position:relative;}
.howWeWork{position:relative;height:395px;}
.howWeWork{height:495px;}
.howWeWork::after{display:block;content:" ";background:#fff;height:0px;border-radius:5px;width:100%;position:absolute;bottom:0px;}
.howWeWork li{list-style-type:none;margin-bottom:25px;}
.howWeWork li{margin-bottom:0px;position:absolute;width:100px;}
.howWeWork li{width:109px;}
.howWeWork li::before, .howWeWork li::after{content:" ";display:table;}
.howWeWork li::after{clear:both;}
.howWeWork .step1{left:-22px;top:151px;}
.howWeWork .step1{left:-36px;top:187px;}
.howWeWork .step2{left:125px;top:82px;}
.howWeWork .step2{left:179px;top:62px;}
.howWeWork .step3{left:302px;top:174px;}
.howWeWork .step3{left:397px;top:197px;}
.howWeWork .step4{left:477px;top:98px;}
.howWeWork .step4{left:634px;top:81px;}
.howWeWork .step5{left:637px;top:179px;}
.howWeWork .step5{left:835px;top:208px;}
.howWeWork li:last-child{margin-bottom:0px;}
.howWeWork .attr{float:left;margin-right:15px;}
.howWeWork .attr{float:none;margin-right:0px;}
.howWeWork .title{overflow:hidden;font-size:15px;line-height:17px;}
.howWeWork .title{text-align:center;width:130px;margin-left:-20px;margin-top:15px;}
.howWeWork .title{font-size:20px;line-height:23px;width:153px;margin-left:-22px;}
.howWeWork .icon{padding:10px;border-radius:45px;background:none;border:0px solid rgba(204,204,204,.2);display:inline-block;float:left;box-shadow:-5px -5px -5px rgba(0,0,0,.2);background-image:url(icon.png);background-repeat:no-repeat;background-position:top center;}
.howWeWork .red{border-color:#A92118;}
.howWeWork .icon{padding:15px;border-radius:75px;float:none;}
img{vertical-align:middle;}
.howWeWork img{width:26px;}
.howWeWork img{width:45px;}
.howWeWork img{width:64px;}
.howWeWork .step4 .num{top:148px;}
.howWeWork .step4 .num{top:193px;}
.howWeWork .step3 .num{top:-81px;}
.howWeWork .step3 .num{top:-90px;}
.howWeWork .step2 .num{top:205px;}
.howWeWork .step2 .num{top:287px;}
.howWeWork .step1 .num{top:-80px;}
.howWeWork .step1 .num{top:-85px;}
.jb_progress{display:inline-block;height:76px;position:relative;vertical-align:top;width:100%;}
.jb_progress:after{border-width:0 3px 0 0;border-style:solid;border-color:#fff;border-radius:50%;display:block;height:50px;left:50%;margin:-25px 0 0 -25px;position:absolute;top:50%;width:50px;content:"";animation:spin 1s infinite linear;-webkit-animation:spin 1s infinite linear;}
@keyframes spin{from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}
.Loading{position:fixed;display:block;width:99%;height:99%;line-height:46px;border:1px solid #890000;border-radius:10px;color:#fff;margin:0px auto;font-family:'CenturyGothic';font-weight:bold;background-color:rgba(0,0,0,.8);text-shadow:0 2px 1px rgba(0,0,0,1);text-align:center;z-index:999999;}
.spnsr{margin:250px 0px auto;width:99%;height:99%;}