body{background:#fff;color:#053464;margin:0 auto;padding:0;font-size:12px;font-family:geomanist,sans-serif;-webkit-font-smoothing:antialiased}
form,fieldset{margin:0;padding:0;border-width:0}
input,select,textarea{font-family:arial,sans-serif;font-size:12px;color:black;resize:none}
input:focus,select:focus,textarea:focus,a{outline:none}
input[type=text],input[type=password],input[type=submit],input[type=button],input[type=email],input[type=number],input[type=tel],textarea{-webkit-appearance:none}
input[type=password]{font-family:arial,sans-serif !important}
table{border-spacing:0}
td,th{padding:0}
img{vertical-align:bottom}
a img{border-width:0}
a{color:#000;text-decoration:none}
a:hover{text-decoration:underline}
.none{display:none}
*{margin-top:0;margin-bottom:0;-webkit-text-size-adjust:none;text-size-adjust:none;-moz-text-size-adjust:none;box-sizing:border-box}
.content{max-width:1170px;margin:0 auto;padding:0 15px}
header{padding-bottom:17px}
header h1{padding:22px 0 32px 0;font-size:21px;line-height:24px;color:#053464;font-weight:bold}
header h1 span{color:#45cffc;font-weight:normal}
header ul{margin:0;padding:0;overflow:hidden;margin-left:-30px}
header ul li{margin:0;padding:0;list-style-type:none;float:left;width:25%;padding-left:30px;font-size:14px;line-height:18px;text-align:center;position:relative;display:block;color:#b4c2d0}
header ul li:hover{text-decoration:none}
header ul li p{display:block;position:relative;padding:18px 0 6px 0}
header ul li p::before{content:" ";position:absolute;width:100%;height:4px;top:0;left:0;background-color:#b4c2d0}
header ul li span{padding-left:40px;height:100%;position:relative}
header ul li span::before{content:" ";position:absolute;width:25px;height:23px;top:-3px;left:0;background:url(../images/form-img.png)}
header ul li span.add-text{padding-left:0}
header ul li span.add-text::before{display:none}
header ul li.main{color:#ff7200;font-weight:bold;text-transform:uppercase}
header ul li.main p::before{background-color:#ff7200}
header ul li.main a{color:#ff7200}
header ul li.offer span::before{width:27px;height:27px;top:-5px;background:url(../images/offer-img.png)}
header ul li.account span::before{width:27px;height:25px;top:-5px;background:url(../images/account-img.png)}
header ul li.active{font-weight:bold;color:#053464}
header ul li.active p::before{background-color:#053464}
.main-section{background-color:#053464}
.main-section h2{font-weight:bold;font-size:42px;line-height:42px;color:#fff;padding:36px 0 16px 15px;max-width:975px;margin:0 auto}
.main-section p{font-size:12px;line-height:18px;color:#fff;padding:0 0 0 15px;max-width:975px;margin:0 auto}
.main-section ul{overflow:hidden;max-width:975px;margin:0 auto;padding:35px 0 37px 0}
.main-section ul li{margin:0;padding:0;list-style-type:none;padding:0 8px 0 8px;position:relative;float:left;width:20%;color:#053464}
.main-section ul li .list-content{padding:7px 7px 7px 7px;background-color:#fff;position:relative;display:block;height:270px;border-radius:3px}
.main-section ul li:first-child{margin-left:0}
.main-section ul li h3{padding:13px 0 17px 0;font-size:19px;line-height:24px;font-weight:bold;text-transform:uppercase}
.main-section ul li h3 span{text-transform:none}
.main-section ul li .text{position:relative;height:90px}
.main-section ul li p{padding:0 0 0 0;font-size:12px;line-height:18px;color:#053464}
.main-section ul li p.link{font-weight:bold;position:absolute;bottom:0;left:0}
.main-section ul li p.link a{color:#ff7200}
.main-section ul li p.link a:hover{opacity:.8;text-decoration:none}
.main-section ul li p.button{padding:0 7px 0 8px;width:100%;text-align:center;position:absolute;bottom:48px;left:0}
.main-section ul li p.button a{display:block;background-color:#ff7200;border-radius:3px;font-size:14px;line-height:24px;color:#fff;font-weight:bold;text-transform:uppercase;padding:12px 0 11px 0}
.main-section ul li p.button a:hover{text-decoration:none;opacity:.8}
.main-section ul li p.note {
  width:100%;position:absolute;bottom:6px;left:0;
  padding: 0 7px 0 8px;
}

#main-counter {
  position: fixed;
  right: 0;
  bottom: 0;
  background-color: white;
  padding: 5px 10px;
  font-size: 14px;
  z-index: 10;
  font-weight: bold;
  }
@media all and (max-width:995px){
#main-counter { display: none; }
}

.buttons {padding:30px 7px 30px 8px !important;width:100%;text-align:center;}
#button { font-family: geomanist,sans-serif;cursor: pointer;
border-width: 0;display:inline-block;background-color:#ff7200;border-radius:3px;font-size:14px;line-height:24px;color:#fff;font-weight:bold;text-transform:uppercase;padding:12px 50px}
#button:hover{text-decoration:none;opacity:.8}
.offer-section{padding:31px 0 0 0}
.offer-section ol{margin:0;padding:0;counter-reset:section;padding:0 0 0 15px;max-width:975px;margin:0 auto}
.offer-section ol li{margin:0;padding:0;list-style-type:none;padding:0 0 43px 180px;position:relative}
.offer-section ol li h3{font-size:14px;line-height:16px;color:#2200fa;font-weight:500;position:relative;text-transform:uppercase;padding-bottom:1px;display:inline-block}
.offer-section ol li h3::before{content:" ";position:absolute;width:100%;height:1px;bottom:0;left:0;background:#a9a3fd;border-bottom:1px solid #d7d4fe}
.offer-section ol li p{font-size:11px;line-height:16px;color:#000}
.offer-section ol li p a{font-weight:bold;color:#009332}
.offer-section ol li p.button{position:absolute;top:0;left:0;font-size:18px;line-height:18px;color:#fff;font-weight:bold;text-transform:uppercase;overflow:hidden;border-radius:3px}
.offer-section ol li p.button a{background:#ffa200;background:-moz-linear-gradient(top, #ffa200 0, #ff4300 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa200), color-stop(100%, #ff4300));background:-webkit-linear-gradient(top, #ffa200 0, #ff4300 100%);background:-o-linear-gradient(top, #ffa200 0, #ff4300 100%);background:-ms-linear-gradient(top, #ffa200 0, #ff4300 100%);background:linear-gradient(to bottom, #ffa200 0, #ff4300 100%);border-radius:3px;color:#fff;display:block;width:164px;height:49px;padding:16px 0 0 32px}
.offer-section ol li p.button a:hover{text-decoration:none;opacity:.8}
.offer-section ol li p.button::before{content:" ";position:absolute;top:-15px;left:-22px;width:56px;height:40px;background-color:#0ba5fd;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.offer-section ol li p.note {
  position:absolute;top:54;left:0; width:164px;
}
.offer-section ol li::before{counter-increment:section;content:counters(section, ".") " ";position:absolute;top:4px;left:6px;font-size:18px;line-height:18px;color:#fff;font-weight:bold;z-index:1}
.subpage .main-section{padding-bottom:27px}
.subpage .main-section h2{font-size:36px;line-height:36px}
.subpage footer{padding-top:17px}
.subpage footer .content{border-top:1px solid #cdcdcd;padding-top:21px}
footer{padding:33px 0}
footer .content{max-width:100%;margin:0 auto;padding:0 15px}
footer p{font-size:12px;line-height:18px;color:#8d8d8d;max-width:945px;padding:0;margin:0 auto}
.loader.disactive{display:none}
.loader header{padding:0}
.loader header h1{text-align:center;padding:32px 0 37px;font-size:24px;line-height:24px;color:#30c9fc}
.loader header h1 span{color:#053464}
.loader .main-section{text-align:center;padding:141px 0 243px 0;position:relative}
.loader .main-section h2{font-size:30px;line-height:48px;color:#fff;font-weight:normal;padding:68px 0 0 0;position:relative}
.loader .main-section h2 span{font-weight:bold;display:block}
.loader .main-section h2::before{content:" ";position:absolute;width:26px;height:33px;top:0;left:50%;margin-left:-13px;background:url(../images/loader.png)}
.loader .main-section .progress{text-indent:-99999px;position:absolute;top:342px;left:50%;margin-left:-278px;width:556px;height:10px;border-radius:4px;background-color:#2a527b;overflow:hidden}
.loader .main-section .progress span{content:" ";position:absolute;width:100%;height:100%;top:0;left:-100%;background:#ff7200}
.main2 header h1{color:#161930}
.main2 header h1 span{color:#2dca02}
.main2 header ul li.main{color:#2dca02}
.main2 header ul li.main p::before{background-color:#2dca02}
.main2 header ul li.main a{color:#2dca02}
.main2 header ul li.offer span::before{background:url(../images/offer-img-green.png)}
.main2 header ul li.active{color:#161930}
.main2 header ul li.active p::before{background-color:#161930}
.main2 .main-section{background-color:#161930}
.main2 .main-section ul li p.link a{color:#2dca02}
.main2 .main-section ul li p.button a{background-color:#2dca02}
.main2 .offer-section ol li h3{color:#161930}
.main2 .offer-section ol li p.button::before{background-color:#161930}
.main2 .offer-section ol li p.button a{background:#36f202;background:-moz-linear-gradient(top, #36f202 0, #27af01 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #36f202), color-stop(100%, #27af01));background:-webkit-linear-gradient(top, #36f202 0, #27af01 100%);background:-o-linear-gradient(top, #36f202 0, #27af01 100%);background:-ms-linear-gradient(top, #36f202 0, #27af01 100%);background:linear-gradient(to bottom, #36f202 0, #27af01 100%)}
.main2 #button{background:#36f202;background:-moz-linear-gradient(top, #36f202 0, #27af01 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #36f202), color-stop(100%, #27af01));background:-webkit-linear-gradient(top, #36f202 0, #27af01 100%);background:-o-linear-gradient(top, #36f202 0, #27af01 100%);background:-ms-linear-gradient(top, #36f202 0, #27af01 100%);background:linear-gradient(to bottom, #36f202 0, #27af01 100%)}
.main2 .offer-section ol li p.link a{color:#2dca02}
.main2 .loader .main-section .progress span{background:#2dca02}
.main3 header h1{color:#008cd4}
.main3 header h1 span{color:#2dca02}
.main3 header ul li.main{color:#2dca02}
.main3 header ul li.main p::before{background-color:#2dca02}
.main3 header ul li.main a{color:#2dca02}
.main3 header ul li.offer span::before{background:url(../images/offer-img-green.png)}
.main3 header ul li.active{color:#2dca02}
.main3 header ul li.active p::before{background-color:#2dca02}
.main3 .main-section{background-color:#008cd4}
.main3 .main-section ul li p.link a{color:#2dca02}
.main3 .main-section ul li p.button a{background-color:#2dca02}
.main3 .offer-section ol li h3{color:#008cd4}
.main3 .offer-section ol li p.button::before{background-color:#008cd4}
.main3 .offer-section ol li p.button a{background:#36f202;background:-moz-linear-gradient(top, #36f202 0, #27af01 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #36f202), color-stop(100%, #27af01));background:-webkit-linear-gradient(top, #36f202 0, #27af01 100%);background:-o-linear-gradient(top, #36f202 0, #27af01 100%);background:-ms-linear-gradient(top, #36f202 0, #27af01 100%);background:linear-gradient(to bottom, #36f202 0, #27af01 100%)}
.main3 #button {background:#36f202;background:-moz-linear-gradient(top, #36f202 0, #27af01 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #36f202), color-stop(100%, #27af01));background:-webkit-linear-gradient(top, #36f202 0, #27af01 100%);background:-o-linear-gradient(top, #36f202 0, #27af01 100%);background:-ms-linear-gradient(top, #36f202 0, #27af01 100%);background:linear-gradient(to bottom, #36f202 0, #27af01 100%)}
.main3 .offer-section ol li p.link a{color:#2dca02}
.main3 .loader .main-section .progress span{background:#2dca02}
.main4 header h1{color:#799ea4}
.main4 header h1 span{color:#b002ca}
.main4 header ul li.main{color:#b002ca}
.main4 header ul li.main p::before{background-color:#b002ca}
.main4 header ul li.main a{color:#b002ca}
.main4 header ul li.offer span::before{background:url(../images/offer-img-grey.png)}
.main4 header ul li.active{color:#b002ca}
.main4 header ul li.active p::before{background-color:#b002ca}
.main4 .main-section{background-color:#799ea4}
.main4 .main-section ul li p.link a{color:#b002ca}
.main4 .main-section ul li p.button a{background-color:#b002ca}
.main4 .offer-section ol li h3{color:#799ea4}
.main4 .offer-section ol li p.button::before{background-color:#799ea4}
.main4 .offer-section ol li p.button a{background:#e436ff;background:-moz-linear-gradient(top, #e436ff 0, #9801af 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e436ff), color-stop(100%, #9801af));background:-webkit-linear-gradient(top, #e436ff 0, #9801af 100%);background:-o-linear-gradient(top, #e436ff 0, #9801af 100%);background:-ms-linear-gradient(top, #e436ff 0, #9801af 100%);background:linear-gradient(to bottom, #e436ff 0, #9801af 100%)}
.main4 #button{background:#e436ff;background:-moz-linear-gradient(top, #e436ff 0, #9801af 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e436ff), color-stop(100%, #9801af));background:-webkit-linear-gradient(top, #e436ff 0, #9801af 100%);background:-o-linear-gradient(top, #e436ff 0, #9801af 100%);background:-ms-linear-gradient(top, #e436ff 0, #9801af 100%);background:linear-gradient(to bottom, #e436ff 0, #9801af 100%)}
.main4 .offer-section ol li p.link a{color:#b002ca}
.main4 .loader .main-section .progress span{background:#b002ca}
.page-box{display:none}
.page-box.active{display:block}


#popup-container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
  display: none;
}
#popup {
  background-color: white;
  margin: 0 auto;
  max-width: 650px;
  color: black;
  border-radius: 4px;
  padding: 30px;
  position: relative;
  top: 50%;
  margin-top: -120px;
  z-index: 101;
  text-align: center;
}
#popup h2 {
  font-size:26px;line-height:38px;font-weight:normal;
}
@media all and (max-width:650px){
  #popup h2 { 
    font-size: 20px;
    line-height: 30px;
  }
}
@media all and (max-width:1090px){header ul{margin:0 0 0 -20px}
header ul li{font-size:13px;padding:0 0 0 20px}
}
@media all and (max-width:995px){header ul{margin:0 0 0 -30px}
header ul li{width:33.3%;font-size:14px;padding:0 0 0 30px}
header ul li.main{display:none}
.main-section ul li{padding:0 5px}
}
@media all and (max-width:860px) and (min-width:721px){header ul{margin:0 0 0 -20px}
header ul li{font-size:12px;padding:0 0 0 20px}
header ul li span{padding-left:33px;padding-top:1px}
.main-section h2{font-size:38px}
.main-section ul li{width:33.3%;margin-bottom:16px;padding:0 8px}
}
@media all and (max-width:720px){header ul{margin:0 0 0 -20px}
header ul li{font-size:12px;padding:0 0 0 20px}
header ul li span{padding-left:33px;padding-top:1px}
header ul li span.add-text{display:none}
.main-section h2{font-size:30px;line-height:34px}
.main-section ul li{width:33.3%;margin-bottom:16px;padding:0 8px}
}
@media all and (max-width:650px){.main-section ul li{width:50%;margin-bottom:16px}
}
@media all and (max-width:570px){header h1{padding:22px 0 15px}
header ul{margin:0 0 0 0}
header ul li{width:100%;padding:0;font-size:16px}
header ul li p{padding:20px 0 6px}
header ul li p::before{display:none}
header ul li span{width:100%;display:block;padding:0}
header ul li span.add-text{display:inline}
.main-section h2{font-size:36px;line-height:40px;padding:36px 0 16px 0}
.main-section p{font-size:14px;line-height:20px;padding:0}
.main-section ul li{width:100%;margin-bottom:15px;padding:0}
.main-section ul li .list-content{padding:10px}
.main-section ul li p.button{padding:0 10px 0 10px;bottom:45px}
.main-section ul li h3{font-size:24px}
.main-section ul li p{font-size:14px;line-height:20px}
.main-section ul li p.button a{font-size:20px}
.offer-section ol{padding:0}
.offer-section ol li{padding:0 0 30px}
.offer-section ol li::before{top:auto;bottom:57px;left:5px;z-index:2}
.offer-section ol li h3{font-size:20px;line-height:24px;margin-bottom:8px}
.offer-section ol li p{font-size:14px;line-height:18px}
.offer-section ol li p.link{padding:4px 0 15px 0}
.offer-section ol li p.button{position:relative}
.offer-section ol li p.button a{width:100%;padding:16px 0 0 0;text-align:center}
.loader .main-section .progress{top:372px;margin-left:-150px;width:300px;}
.offer-section ol li p.note {
  position: relative;
}
}
@media all and (max-width:360px){header ul li span.add-text{display:none}
}


/*PUSH*/
 .popupText1 {
   font-size: 32px;
   margin-bottom: 15px;

 }
.popupText2 {
  margin-bottom: 10px;
  line-height: 1.4;
}
.allow {
  max-width: 100%;
}
.allow img {
  max-width: 100%;
}
#popup2 {
  display: none; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 99;
}
#popup2 .overlay{
  display: block; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.7); z-index: 9;
}
#popup2 .popupBody{
  display:none;z-index:1;position:absolute;top:0;right:20px;left:35%;max-width:600px;padding:40px;background:#fff; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.5);box-shadow:0 5px 10px rgba(0,0,0,.5);color:#000;text-align:left;
}
.underOverlay {
  z-index: 10; position: absolute; top: 200px; left: 17%; display: none;
}
.showMe {display: block!important;}

/*template van*/
.jumpingArrow img {
  animation: jump 1s infinite;
  max-width: 100%;
}
.underOverlay.van2  {
  left:unset;
  right:20%
}

@keyframes jump {
  0%{
    transform: translateY(0px);
  }
  50%{
    transform: translateY(20px);
  }
  100%{
    transform: translateY(0px);
  }
}
@media (max-width: 1200px){
  .showMe.van2 {
    display: none!important;
  }
  .fixed {
    display: block!important;
    position: fixed;
    background: #2882d1;
    color:#fff;
    left:0;
    width: 100%;
    height: 30px;
    z-index:10;
  }
  .fixed1{
    top:0;
  }
  .fixed2{
    bottom:0;
  }
}
/*template van*/

/*template robot*/
#popup2 .robot .overlay {
  background: #fff;
}

/*template robot*/

/*template cloud*/
#popup2 .cloud .overlay {
  background: #fff;
}

#popup2 .cloud .underOverlay {
  top:unset;
  left:unset;
  right: 5%;
  bottom: 0;
}

/*template cloud*/


.allowPush {
  padding: 10px;
  background: rgb(4,145,184);
  background: linear-gradient(90deg, rgba(4,121,184,1) 0%, rgba(9,106,121,1) 100%);
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  margin-top: 10px;
  display: block;
  max-width: 200px;
  text-align: center;
}

.blur {
  filter: blur(3px);
}