/*conteiner*/

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden; }*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }
.container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
    position: relative;
  padding-left: 15px;
  padding-right: 15px; }
  @media screen and (max-width: 992px) {
    .container {
      max-width: 920px; } }
  @media screen and (max-width: 768px) {
    .container {
      max-width: 720px; } }
  @media screen and (max-width: 480px) {
    .container {
      max-width: 420px; } }
  @media screen and (max-width: 320px) {
    .container {
      max-width: 300px; } }



/*=======================*/
@font-face {
  font-family: 'ProximaNova bold';
  src: url('fonts/ProximaNova-Bold.ttf') format('truetype'),
       url('fonts/ProximaNova-Bold.woff') format('woff'),
       url('fonts/ProximaNova-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova black';
  src: url('fonts/ProximaNova-Black.ttf') format('truetype'),
       url('fonts/ProximaNova-Black.woff') format('woff'),
       url('fonts/ProximaNova-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova thin';
  src: url('fonts/ProximaNovaT-Thin.ttf') format('truetype'),
       url('fonts/ProximaNovaT-Thin.woff') format('woff'),
       url('fonts/ProximaNovaT-Thin.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova semibold';
  src: url('fonts/ProximaNova-Semibold.ttf') format('truetype'),
       url('fonts/ProximaNova-Semibold.woff') format('woff'),
       url('fonts/ProximaNova-Semibold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova regulaf';
  src: url('ProximaNova-Regular.ttf') format('truetype'),
       url('ProximaNova-Regular.woff') format('woff'),
       url('ProximaNova-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova light' ;
  src: url('fonts/ProximaNova-Light.ttf') format('truetype'),
       url('fonts/ProximaNova-Light.woff') format('woff'),
       url('fonts/ProximaNova-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}



body{
    padding: 0;
    color: #282828;
    margin: 0;   
    font-family: 'Proxima Nova', sans-serif;
}
a, li{text-decoration: none;
list-style: unset;}
.white{color: white;}
h1, h2, h3, h4, h5{}

.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f25{font-size: 25px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f40{font-size: 40px;}
.f45{font-size: 45px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f55{font-size: 55px;}
.f50{font-size: 50px;}

.left{float: left;}
.right{float: right;}
.absolut{position: absolute;}
.rel{position: relative;}
.d-b{display: block;}
.under{text-decoration:overline;}
div.d-bi{ background: #4f4f51; -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s; transform: translateY(0);}
.black{color:#282828;}
.stan{color:#373939;}
.yellow{color: #fff609;}
.red{color: #f51919;}
.textleft{text-align: left;}
.textright{text-align: right;}
.textcenter{text-align: center;}
.bold{font-weight: 700;}
.light{font-weight: 200;}
.regul{font-weight: 300;}
.medium{font-weight: 400;}
 .exbold{font-weight: 900;}
.blue{color: #34a7df;}
.gr{background: rgb(38,136,219);
background: -moz-linear-gradient(left,  rgb(38,136,219) 0%, rgb(26,211,238) 100%);
background: -webkit-linear-gradient(left,  rgb(38,136,219) 0%,rgb(26,211,238) 100%);
background: linear-gradient(to right,  rgb(38,136,219) 0%,rgb(26,211,238) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2688db', endColorstr='#1ad3ee',GradientType=1 );
}




.butnain{    top: 46px;
    display: block;
    width: 228px !important;
    position: relative;}


.custom-counter {
 margin-left: 0;
 padding-right: 0;
 list-style-type: none;
}

/* header*/
.bgmenuover{    transform: translateY(-120px);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;position: fixed; 
    width: 100%;
    height: 95px;
    background: #4f4f51;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 22;
    opacity: .8;
    box-shadow: 0 0 7px 2px #2831313b;}
.mine-header{    background: url(../i/bgheaderstrela.jpg) center no-repeat;
    background-size: initial;
    height: 1061px;
    background-attachment: local;}
.cifri{border: 2px solid #258bdc;    padding: 4px;}
.mainmenu{ z-index: 202;     padding: 0;
    float: left; margin: 0;
    display: block;
    position: relative;
    top: 4vh;}

.mainmenu li:first-child{margin-left: 0;}
.mainmenu li{     float: left;display: block;margin: 0 33px;
}
.mainmenu li a{ -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;color: white; 
}
.menumainheaderscrol{ z-index: 23;position: fixed;}
.mine-header h1.maintext{    margin: 0;
    padding-top: 262px;
}
.mainmenu li a:hover{-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s; color: #1beee7;
}

.cb{clear: both;}
.button:hover{background: #17b6e9;
    -webkit-box-shadow: -1px 1px 20px 8px #1beee730, 97px 0em 5em 0em #1beee7 inset;
            box-shadow: -1px 1px 20px 8px #1beee730, 97px 0em 5em 0em #1beee7 inset;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;}
.five{    position: relative;
    bottom: -78px;
    z-index: -1;}


.five h3.textcenter{padding: 43px 0 20px 0;width: 660px;}
.pytevoditel{    width: 1059px;}
.buttonline{background: transparent;
    width: 292px;
    padding: 15px 51px;
    font-size: 16px;
    border-radius: 90px;
    transition: all 1s;
    -webkit-box-shadow: 0 0 29px 0px #20c0e2c7;
    box-shadow: 0 0 29px 0px #20c0e2c7;
    border: 1px solid #1cd1e2;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;}


header .buttonline{ z-index: 202; margin: 0 27px;
    position: relative;
    display: block;
    width: 211px;
    float: right;
    position: relative;
    top: 23px;}


.buttonline:hover{transition: all 1s;
    background: #1cd1e2; -webkit-box-shadow: 0 0 29px 0px #20c0e2c7;
box-shadow: 0 0 29px 0px #20c0e2c7;
    
    
   
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;}
.button{    width: 292px;padding: 20px 61px;font-size: 16px;border-radius: 90px; transition: all 1s;
    
    
    
   
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
   
   
 background: #07f2fa;
   
    -webkit-box-shadow: 0 0 29px 0px #20c0e2c7, 123px 0em 5em 0em #17b6e9 inset;
   
            box-shadow: 0 0 29px 0px #20c0e2c7, 123px 0em 5em 0em #17b6e9 inset;
    
     

     

    
}


.maninspace{animation: rotateone 25s infinite ease-in-out;}

.nout-img {    position: absolute;
    right: 0;
    
    animation: rotatetwo 20s infinite ease-in-out,           fainge 1s cubic-bezier(0.71, -0.01, 0.38, 0.32)}

 
/*end header*/
section.three p {width: 615px; margin-top: 193px;}
section.three{    padding-top: 202px;background: url(../i/bgtree.jpg) center no-repeat;
    background-size: initial;
    height: 957px;
    background-attachment: local;}

section.five{
    background: url(../i/bgfive.jpg) center no-repeat;
    background-size: initial;
    height: 1455px;
    background-attachment: local;
}
.lh32{    line-height: 32px;}
.lh28{    line-height: 28px;}


.textpredstavit{    margin-top: 319px;}
section.six{    z-index: 1;
    background: url(../i/bgsix.jpg) center no-repeat;
    background-size: initial;
    height: 2282px;
    background-attachment: local;
}
section.two{
    background: url(../i/bgtwo.png) center no-repeat;
    background-size: 1679px;
    height: 1166px;
    background-attachment: local;
}

.four img{    position: absolute;
    top: 75px}
.four p {width: 660px;
    margin-top: 127px;
    float: left;}
.four{    height: 535px;}
.oneveb{
    background: url(../i/bgonewebinar.jpg) center no-repeat;
    background-size: initial;
    height: auto;
    background-attachment: fixed;
    background-color: #e4e6e5;
}

.onevebimg{width: 49px;
    margin: 0 19px;}

.twovebimg{    width: 56px;
    margin: 0px 19px;}
.trevebimg{    width: 54px;
    margin: 0 19px;}    


.twoveb{background: url(../i/twovebinar.jpg) center no-repeat;
    background-size: initial;
    height: auto;
    background-attachment: fixed;
    background-color: #e4e6e5;}


.treveb{    background: url(../i/treebinat.jpg) center no-repeat;
    background-size: initial;
    height: auto;
    background-attachment: fixed;
    background-color: #e4e6e5;}



.seven{background: url(../i/bgseven.jpg) center no-repeat;
    background-size: initial;
    height: 1139px;
    background-attachment: local;}


.variants{background: url(../i/bgvarianti.jpg) center no-repeat;
    background-size: initial;
    height: 1088px;
    background-attachment: local;}



.otziv{background: url(../i/bgotzivi.jpg) center no-repeat;
    background-size: initial;
    height: 547px;
    background-attachment: local;}

.bonus{background: url(../i/bgbonus.jpg) center no-repeat;
    background-size: initial;
    height: 1099px;
    background-attachment: local;}

.zakaz{background: url(../i/bgzakazz.jpg) center no-repeat;
    background-size: initial;
    height: 770px;
    background-attachment: local;}



.oblozka{background: url(../i/votchto.jpg) center 90px no-repeat;
    background-size: initial;
    height: 1017px;
    background-attachment: local;}


.timer h1 {    padding: 82px 0 77px 0;
    margin: 0;}
.timer{background: url(../i/taimerbg.jpg) center no-repeat;
    background-size: initial;
    height: 512px;
    background-attachment: local;}

.otvety{background: #f6f7fc;
}
.m0a{margin: 0 auto;}

.podpis h1 {    padding-top: 281px;
    margin: 0;}

.podpis{    margin-top: -80px !important;
    background: url(../i/bgpodpiska.png) center no-repeat;
    background-size: initial;
    height: 1048px;
    background-attachment: local;
    margin-bottom: 412px !important;
    box-shadow: 0px 20px 20px 0px #00000030;}

.podpis h2{width: 675px;}
.two h2{width: 1036px;
display: block;}

.two span{width: 615px;}

/* пакеты заказать стандарт или вип */
.textheaderzakazz{padding: 83px 0;
    margin: 0 auto;}




/* обложка */

.oblozka .textcenter{  border-width: 2px;
    border-color: rgb(28, 198, 235);
    border-style: dashed;
    padding: 4px 21px 9px 21px;
    /* width: auto; */
    /* display: inline-block; */
    line-height: 78px;
    width: 931px;
    position: relative;
    margin: 91px auto;}

 /* обо мне блок */

.textinfrmation{margin-top: 207px;}
.posoiannotext{    padding: 80px 0;}
.six div.left  img.maninb {    position: absolute;
    margin-top: 205px;}
 
.wrpabout li{ margin: 10px 0;font-size: 24px;font-weight: 300;
color: white;text-align: left;}


.six a{color: #34a7df; text-decoration: underline;}


.six .ytocnenie{float: left;
    display: block;
    padding: 16px 10px;
    width: 460px;}
.schoollogo{float: left;
    width: 244px;}

.six .right{width: 685px; }
img.dokiment{position: relative;
    float: right;}

.uppertext{    text-transform: uppercase;}
 /* таблица */

.lineheg21{    line-height: 21px;
    display: block;}
.tablica h1{margin: 55px 0 62px 0px;}
.variants table{
    border: 1px solid rgb(28, 200, 235);
     border-radius: 15px;
    background-color: white; 
    width: 1208px;
  height: 811px;
         
    position: relative;
    margin: 0 auto;
        font-size: 24px;
    font-weight: 300;
}

.variants tr {     padding: 0 40px;   border-bottom: 1px solid #ebebeb;
     }
.variants tr td:nth-child(2){   border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb;
    }
.variants .fa-check{color: #45d2f6;}
.variants td {
    
}
i.fa-heart{color: #d75a4a;}

.secondtd{text-align: center;width: 8%;}
.treetd{text-align: center;width: 8%;}
.firsttd{width: 26%;padding-left: 40px;}

.variants td.borderniz{border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;}

.wrap_bg{width: 1142px;
height: 770px;
/*background: white;
border-radius: 15px;
margin: 0 auto;*/
position: relative;padding: 108px 113px;}
.seven{    padding-top: 174px;}

.seven li{margin: 23px 0;}
.seven h1 {margin-bottom: 92px;}

.seven li, .seven ul{list-style: none; padding: 0;}


.seven .warning svg{position: relative;
    top: 4px;
    margin-right: 7px;}
.seven .warning{    margin-top: 86px;}



/* записи уроков */
.itog-vebinara{    height: auto;
    background: white;}
.itog-vebinara .itog{

    position: relative;
    margin-bottom: 130px;}

.itog-vebinara h1.textcenter{    margin: 0;
    padding: 70px 0 0 0;}

.itog-vebinara .wrap-resolution h2{
    margin: 2px 0 4px 0;}


.itog-vebinara .wrap-resolution svg{  float: left;  position: relative;
    display: block;
    /* top: 36%; */
    /* left: 3%; */
    /* right: 0; */
    /* vertical-align: middle; */
    margin: 26px 20px 26px 0;}
.itog-vebinara .wrap-resolution {border-radius: 12px;
  background: white;    position: relative;    margin: 0 auto;
  box-shadow: 0px 0px 8.46px 0.54px rgba(0, 0, 0, 0.06); width: 1062px;
  height: 135px; padding: 24px 28px;}


 


/* иконки и блоки что вы получите */


 

.wrpicon{       margin: 120px 0 118px 0;    min-height: 175px;
     
    height: 175px; width: 100%;}


.icon-res svg {display: block;
    position: relative;
    margin: 16px auto;}
.icon-res {       width: 25%;
    
    float: left;
    min-height: 175px;
    
    height: 175px;}



 /* Гарантии блок*/

.guarantii{background: url(../i/bggarant.jpg) center no-repeat;
    background-size: initial;
    height: 1093px;
    background-attachment: local;}

p.garantitext{    width: 62%;
    float: right;
    padding-top: 108px;}

.headertextgarant{    margin: 0;
    padding-top: 52px;}


/* Содержание вебинаров */

 
/* отзывы */



div.slick-slide {
    
    margin: 34px 80px;    outline: none;
}

.otzivi{max-width: 800px;}
/* заказать блок */
.slick-list {
    min-height: 200px;
}
.onevar h2, .onetwo h2{    margin: 0 0 75px 0;}
.onevar{background: url(../i/konturone.jpg) center no-repeat;
    background-size: initial;
    height: 313px;
    background-attachment: local;}


.onetwo{background: url(../i/kontyrtwo.jpg) center no-repeat;
    background-size: initial;
    height: 313px;
    background-attachment: local;}
.wrpzakaz{display: block;
    position: relative;
    width: calc(360px + 360px + 24px*4);
    margin: 0 auto;
    height: 305px;}
.onevar, .onetwo{width: 360px;    margin: 0 auto;

    
    
    
    height: 299px;
    border-radius: 12px;
    background-color: rgb(254, 254, 254);
    box-shadow: 0px 0px 8.46px 0.54px rgba(0, 0, 0, 0.06);
    padding: 66px 57px;}

 /* блок с бонусом и описанием его */

.textbonus{       
       width: 671px;
    z-index: 22;
    /* display: block; */
    position: relative;
    margin: 55px 0 0 0;}

.bonusiso {
    height: 614px;}
.bonusiso img{    z-index: -1;
    position: absolute;
    right: -8%;
    top: 63px;}

/* ответы на вопросы блок */

.headertextotvet{        padding: 80px 0 115px 0;
    margin: 0;}


.otvety{       padding-bottom: 230px;
    margin: 0 auto;   min-height: 1165px;
    height: auto; }


.question svg{position: relative;
    top: 6px;
    float: left;
    margin-right: 21px;}

.question h2 {    padding: 3px 0 8px 0;
    margin: 0;    margin: 50px auto 0 auto;}
.question{width: 915px;
    margin: 0 auto;
    height: 85px;}


/*======= footer*/


.page-footer {
    position: relative;
     
    padding-top: 50px;
    padding-bottom: 60px;
}
.page-footer .copyright {
    padding-top: 30px;
    font-size: 16px;
    font-weight: 300;
}.page-footer .copyright span {
    display: block;
    padding-bottom: 10px;
}.page-footer .contacts-us {
    padding-top: 20px;
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 20px;
}
footer .phone{font-size: 30px;
}
 

footer .links ul li{text-decoration: none;
    margin: 27px 39px;
    float: left;list-style: none;
    margin-bottom: 10px;}

 
footer .links ul{  width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0; 
    }
footer .links ul li{text-decoration: none;}
footer .copyright{padding: 29px;
    width: 900px;
    display: block;
    margin: 0 auto;}


footer{  display: none;
    z-index: -1;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
     
    text-align: center;}
.logofooter{}
section {
        
    margin: 0 auto !important;
}
/* анимация*/

@keyframes fainge {

0% {    transform: translateY(-100px);
    opacity: 0;
}
80% {
    transform: translateY(10px);
}
100% {
    opacity: 1;
}
    
}
@keyframes rotateone {

0% {
    transform: translate(0px) rotate(0deg) translateY(0px);
}
40% {
    transform: translate(-1px) rotate(4deg) translateY(0px);
}
80% {
    transform: translate(2px) rotate(-0) translateY(0);
}
}
@keyframes rotatetwo {

0% {
    transform: translate(0px) rotate(0deg) translateY(0px);
}
40% {
    transform: translate(-1px) rotate(4deg) translateY(0px);
}
80% {
    transform: translate(2px) rotate(-0) translateY(0);
}
}
.sevene .oneveb table, .sevenetre .treveb table, .sevenetwo .twoveb table {padding:  94px 0 161px 0;
    border-spacing: 0;width: 90%;
    margin: 0 auto;
}
     

.sevene  .oneveb table .firsttd{background: #07f6e1;}
.sevenetwo  .twoveb table .firsttd{background: #2688db;}
.sevenetre  .treveb table .firsttd{background: #39c5ff;}
.sevene  .oneveb table .firsttd, .sevenetwo  .twoveb table .firsttd, .sevenetre  .treveb table .firsttd {width: 7%;
    max-width: 82px;
     
    padding: 2% 4%;
    text-align: center;
    vertical-align: middle;
    color: white;
    font-size: 25px;}

 
.sevene  .oneveb table .secondtd, .sevenetwo  .twoveb table .secondtd, .sevenetre  .treveb table .secondtd {width: 90%;
    text-align: left;
    padding: 3.2% 5%;
    font-size: 25px;
    font-weight: 400;
    text-transform: none;}
.sevene  .oneveb table .treetd, .sevenetwo  .twoveb table .treetd, .secondtd  .sevenetre table .treetd, .sevene  .oneveb table .secondtd, .sevenetwo  .twoveb table .secondtd, .sevenetre  .treveb table .secondtd {background-color: white;}

/* ==============     мобильная версия ============== */
.slidermen{transform: translateX(0) !important;
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    
    }
@media screen and (min-width: 1200px){.maninspace{right: -5%;
    position: relative;}
.itog-vebinara .wrap-resolution h2 span{    margin-left: 30px;}



}


.sevene .oneveb table, .sevenetre .treveb table, .sevenetwo .twoveb table{    width: 888px;}
 @media screen and (max-width: 1200px) {
     
     .sevene .oneveb table, .sevenetre .treveb table, .sevenetwo .twoveb table{width: 90%;}
     
     .two span {
    width: 50%;
}
     .bonus {
    
    background-size: 133%;
      height: 899px;

}
     
     section.two {
        height: 795px;
    background-size: 1257px; 
    
}
     .textpredstavit {
    margin-top: 148px;
}section.three {

    height: 859px;

}

section.three p {
width: 63%;
    margin-top: 132px;
}

.maninspace {
    animation: none;
    float: right;
    position: absolute;
    top: -21px;
    transform: rotateY(180deg);
}


.four p {
    margin-top: 168px;
    float: left;
}

.four img {

        top: 174px;
    width: 500px;
}
     
     section.five {
     
    height: 1409px;
    
}
     .pytevoditel {
    width: 100%;    top: -16px;
    position: relative;line-height: 52px;
}
     .six div.left img.maninb {
     
    margin-top: 155px;
       left: 2%;
}
     
     .six .right {
   width: 58%;
}.textinfrmation {
    margin-top: 129px;
}
     
     .textcshool{position: relative;
    margin: 0 auto;
    display: block;
    float: none;
    clear: both;
    height: 82px;}
     
     img.dokiment {
     
     
    width: 30%;
    right: 5%;
    margin: 5%;
}
     .wrpabout div.left:nth-child(2){    width: 60%;}
     
     .posoiannotext {
    padding: 45px 0;
}
     
     img.docimens{    width: 90%;
    margin: 0 auto;
    display: block;}
     
     
     .itog-vebinara .wrap-resolution{    width: 100%;}
     
     .seven .wrap_bg{width: 100%;
        padding: 12%;}
     
     .seven h1{      margin: 57px auto 77px auto;text-align: left;  margin: 0 auto;}
     
     .variants table{    width: 100%;}
     .oblozka .textcenter{
          
    padding: 4px 9px 9px 8px;
    
    
    width: 100%;
   
    line-height: 60px;
     }
     .textbonus{    margin: auto;
        width: 60%; 
     }
     .bonusiso img {
    z-index: -1;
    position: absolute;
    right: -9%;
    top: 112px;
    width: 54%;
}
     .zakaz{    height: 646px;}
         
         p.garantitext {
    width: 70%;
    
    padding-top: 135px;
}
        .headertextgarant {
    
    padding-top: 95px;
} 
      .guarantii {
     
    
    height: 1289px;
     
}   .question svg {
     
    margin-right: 21px;
    margin: 20px 21px 20px 0;
}
     .question span.f16{font-size: 20px;
    display: block;} 
         
         
     
     .two h2 {
    width: 100%;
    
}
     
     
     
         
         
       
     .nout-img {    right: -3%;width: 69%;}
     
     
     
     .gambicon{   display: block !important;  }
     
    .mainmenu {
        
        transform: translateX(360px);
   -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
   -webkit-box-shadow: 0 0 14px 8px #00000029;
            box-shadow: 0 0 14px 8px #00000029;
        
        
      background: #2b2b2c;
    height: 100vh;
    width: 345px;
    position: fixed;
    right: 0;
    top: 0;
    padding: 66px 38px;
        font-size: 25px; }
.mainmenu li:first-child {
    margin-left: 36px;
}
.mainmenu li {
     
    margin: 20px 36px;
}
header .buttonline {
    margin: 16px 27px;}
     
     .mine-header{background: url(../i/bgheader.jpg) center no-repeat;}

     
     .otvety .accordeon{width: 95%;
    position: relative;
    margin: 0 auto;}
     
     
     
}
.podpiska{    padding-top: 68px;}

  @media screen and (max-width: 992px) {
      .bgmenuover{display: none;}
      .sevene .oneveb table, .sevenetre .treveb table, .sevenetwo .twoveb table{width: 90%;}
      .six div.left img.maninb {
    margin-top: 31%;
    left: -3%;
    width: 59%;
      }section.six{    height: auto;       background-size: cover;
}
      img.docimens{width: 76%;content: url(../i/720mob.png);
      padding-bottom: 123px;}
      
      .question{    width: 100%;}
      
    .container {
      max-width: 920px; } 

.nout-img{
                 right: -24%;
    width: 74%;
    margin-top: 2%;
      }.textpredstavit {
    margin-top: 104px;
}
      
      .four p {
    width: 62%;
     
}.four img {
    top: 186px;
    width: 42%;
}
.onevar, .onetwo {
    float: none;
    margin: 35px auto;
}
      .wrpzakaz{height: auto;padding-bottom: 54px;width: 100%;}
      
      .zakaz {
    height: auto;
    background-size: cover;
}
      
      p.garantitext {
    width: 90%;
    padding: 97px 0 120px 0;
    margin: 0 auto;
    float: none;
}
    .guarantii  div.wow.fadeInRight.right {
    float: none;
    display: block;
    height: auto;
    width: 100%;
}.guarantii {
     background:#e6e6e6;; 
    
    height: auto;
     
    background-color: #e6e6e6;
}
      
      
      
}

footer a {color: #070b0e;}
footer a:hover {color: #0abac7;}
  @media screen and (max-width: 768px) {
      
      .bgmenuover{display: none;}
      .f50 {
    font-size: 45px;
}
      
       .f45 {
    font-size: 40px;
}
       .f40 {
    font-size: 35px;
}
      
      
      
      h3.wow.fadeInLeft.yellow.f50.bold, h1.wow.fadeInLeft.maintext.f50.exbold.white, h2.wow.fadeInLeft.bold.f45.white{text-align: center;}
      
      a.butnain.wow.fadeInLeft.botton-js.button.white.gr {
    display: block;
    margin: 0 auto;
    width: 80% !important;
    text-align: center;
    padding: 27px;
    font-size: 20px;
}    
      .two h2{    line-height: 40px;
    text-align: center;
    width: 100%;}
      .two span {
    
    width: 90%;
    margin: 94px auto 31px auto;
    float: none;
}
      section.two{    height: 760px;
    padding-top: 53px;background:transparent;}
      section.three p {
    width: 90%;
    margin-top: 132px;
    margin: 0 auto;
    display: block;
    float: none;
    padding: 200px 0;
}
      
      section.three {
    padding-top: 0;
    background: url(../i/bgtree.jpg) center no-repeat;
    background-size: cover;
    height: auto;
  
}
      .four{height: auto;} 
      
      .four p{width: 90%;
    margin: 109px auto 53px auto;
    display: block;
    float: none;}
      
      .four img {
    z-index: -1;
    width: 77%;
    margin: 0 auto;
    float: none;
    display: block;
    top: 0;
    position: relative;
      }.five h3.textcenter{width: 100%;}
      
      .sevene .oneveb table, .sevenetre .treveb table, .sevenetwo .twoveb table{width: 90%;}
      
      
      
      
      
      
      section.five {
 
    background-size: 218%;
    height: 1455px;
     
}
      .six div.left img.wow.fadeInUp.maninb {
    margin: 0 auto;
    width: 180px;
    left: 0;
          display: block;}
      
     six p.lh28.white.f20.regul.textleft{width: 90%;
    margin: 32px auto;}
      .schoollogo{    height: auto;width: 100%;
    text-align: center;}
      
      .six .ytocnenie{float: none;
    display: block;
    margin: 0 auto;}
      
      
      
      .sevene .oneveb table .secondtd, .sevenetwo .twoveb table .secondtd, .sevenetre .treveb table .secondtd, .sevene .oneveb table .firsttd, .sevenetwo .twoveb table .firsttd, .sevenetre .treveb table .firsttd{font-size: 20px;}
      
      
      .sevene .oneveb table, .sevenetre .treveb table, .sevenetwo .twoveb table{padding: 94px 0 94px 0;}
      
      .seven .wrap_bg{    height: auto;
    padding: 5% 8%;}
     .variants .treetd{ 
    font-size: 18px;}
      .podpis h2 {
    width: 100%;
}footer .copyright {
     
    width: 100%;
     
      }footer .links ul li{margin: 27px 3%;}
      footer .links ul{width: 100%;}
      .variants tr .secondtd{font-size: 18px;}
      
      .firsttd{padding-left: 21px;
    font-size: 18px;}
      
      
      .textpredstavit {
    margin-top: 72%;
}
      
      .nout-img {
    right: -20%;
    width: 65%;
    margin-top: 12%;
}
       
      .icon-res {
    width: 100%;
    float: none;
   
}img.dokiment {
    width: 30%;
    right: 3%;
    margin: 19% 5%;
      }section.six{height: auto;}section.six{height: auto;}
      
      img.docimens.wow.fadeInDown{padding-bottom: 160px;}
      
      .six div.left img.maninb {
    margin-top: 33%;
    left: -7%;
    width: 66%;
}
      .itog-vebinara .wrap-resolution{height: auto; }
      
      .wrap-resolution h2.f40.exbold.black.textleft{    width: 100%;
    display: block;}
      
      
      .seven h1{    line-height: 48px;}
      
      .seven {
    background: #efefef;
     height: auto;    padding-top: 70px;
    padding-bottom: 70px;
}
      
      .seven li, .seven ul{    margin-top: 54px;}
      
      .variants table {
    width: 100%;
    font-size: 20px;
}.firsttd {
     
    padding-left: 29px;
}
      
      .otzivi {
    max-width: 90%;
}
      .onevar, .onetwo {
   
     float: none; 
    margin: 35px auto;
   
  
      }
      .zakaz {
         height: auto;
    background-size: cover;
     
}
      .wrpzakaz {padding-bottom: 54px;
   height: auto;
    width: 100%;
   
}
      
      
      .bonus {
    background: url(../i/720bonusmob.jpg) center no-repeat;
    background-size: contain;
    height: 1259px;
    background-attachment: local;
}
      .seven .warning {
    margin-top: 58px;
}
      .bonus {
    background: url(../i/720bonusmob.jpg) center no-repeat;
    background-size: contain;
    height: 1259px;
    
}
      
      
      
      
      
      .wrpicon{margin: 120px 0 92px 0;height: auto;  }
      .maninspace{display: none;}
      
      
      .nout-img {display: none;}
      .two span{float: left;
    width: 90%;
}
      
      
      .six{    }
      .six div.left img.maninb{
          content: url(../i/maninblackmob.png);
    position: relative;
    display: block;
    margin: 0 auto;
    top: 133px;
      
      }
      .six div.left:first-child:not(.textcshool){float: none;
    text-align: center;}
      .six .textinfrmation h1{text-align: center;}
      
      .six .right{    float: none;
    text-align: center;
    margin: 0 auto;
        margin-top: 171px;
    position: relative;
    width: 95%;}
      .six .wrpabout {clear: both;
    position: relative;
    }
      .wrpabout div.left:nth-child(2){width: 90%;
    
    margin-top: 20px;}   
      img.dokiment{ 
    margin:57px auto 25px auto;
    display: block;
    position: relative;    width: 80%;right: 0;
    float: none; content: url(../i/720mobdoc1.png);}
      .schoollogo {
     
    width: auto;
} 
      .six .left, .six .right{float: none; display: block;position: relative;}
      
      
      
      h3.ui-accordion-header{    padding: 44px 76px 44px 73px;}
      .oblozka .textcenter{font-size: 35px;
    width: 100%;
    line-height: 37px;
    display: block;}
      .oblozka {
    background: url(../i/votchto.jpg) 39% 101% no-repeat;
    background-size: 175%;
    height: 566px;
}
    .container {
      max-width: 720px; } }

h3.ui-accordion-header{    padding: 44px 76px 44px 73px;}



  @media screen and (max-width: 480px) {
      
      
      .six .ytocnenie {
    float: none;
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
      }.schoollogo{float: none;}
      
      
      
      img.dokiment{content: url(../i/dokic.png);}
      .textcshool{height: auto;}
      
      
      img.docimens {
    width: 76%;
          content: url(../i/320mob.png);}
      .onevebimg{
    margin: 0 auto;display: block;}
      
      .itog-vebinara .wrap-resolution svg{    display: block;
    position: relative;
    float: none;
    margin: 0 auto;left: 0
      }
      .wrap-resolution .regul, .wrap-resolution h2.f40.exbold.black.textleft, .wrap-resolution h2.f40.exbold.black.textleft span{text-align: center;  display: block;  }
      .firsttd {
    padding-left: 0%;
      }section.two{height: auto;}
      .two span{    float: none;}
      .onevar, .onetwo{ padding: 19% 7%;   width: 90%;}
      .zakaz{background: transparent;}
      .bonus {background-size: cover;background: url(../i/320bonusmob.jpg) center no-repeat;}
      .slick-slide img {
    width: 53%;
    display: block;
    margin: 0 auto;
}
      section.five {
    
    /* background-size: 218%; */
    height: 930px;
    background-image: url(../i/bgfive.jpg);
    background-position-y: bottom;
    overflow: visible;
}
      
      .bonusiso{   
    height: auto;
      }.timer h1, .podpis h1, .seven h1, .itog-vebinara h1, .five h1, .two h2{line-height: 43px;
    font-size: 35px;}
      .headertextgarant {
    padding-top: 53px;
}
      p.garantitext {
    
    padding: 54px 0 91px 0;
    
}.headertextotvet {
    padding: 55px 0 53px 0;
     
      }.podpis h2{font-size: 22px;}
      .mine-header h1.maintext {
     
    padding-top: 149px;
}
      
      .podpis {
    margin-bottom: 637px !important;
}
      footer .links ul li{float: none;    display: block;
    width: 90%;
    margin: 30px auto;
    }
      
      .textbonus {    padding: 0 0 78px 0;
 
    width: 90%;
    margin: 0 auto;
}
      .bonusiso img{display: none;}
      h3.ui-accordion-header {
    padding: 18px 65px 18px 44px;
    font-size: 18px;
      }footer .links ul{display: block;}
    .container {
      max-width: 420px; } 
.ui-accordion-content p {
    font-size: 18px;
     
    padding: 0px 9px 7px 35px;
    
}
.oblozka {
    background: url(../i/votchto.jpg) 39% 101% no-repeat;
    background-size: 175%;
    height: 566px;
}
.oblozka .textcenter{font-size: 35px;
    width: 100%;
    line-height: 37px;
    display: block;}
.bgmenuover{display: none;}
}


  @media screen and (max-width: 320px) {.sevene .oneveb table, .sevenetre .treveb table, .sevenetwo .twoveb table{width: 90%;}.bgmenuover{display: none;}
    .container {
      max-width: 300px; } 
      .oblozka .textcenter{font-size: 35px;
    width: 100%;
    line-height: 37px;
    display: block;}
.oblozka {
    background: url(../i/votchto.jpg) 39% 101% no-repeat;
    background-size: 175%;
    height: 566px;
}
h3.ui-accordion-header{    padding: 44px 76px 44px 73px;}

}



/*============== ============== ============== ============== */





/* гамбургер иконка */

.gambicon{   display: none;   z-index: 22;  width: 50px;
    overflow: hidden;
    height: 50px;
    position: fixed;
    right: 5vw;
    top: 5vw;}





/* GENERAL STYLES */
.visuallyHidden {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
}

 
 

.hamburger {
  margin: 0 auto;
    
    width: 50px;
    height: 40px;
    position: relative;
}

.hamburger .bar {
   padding: 0;
    width: 49px;
    height: 4px;
    background-color: #17b6e9;
    display: block;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    position: absolute;
}

.bar1 {
    top: 0;
}

.bar2,
.bar3 {
       top: 17.5px;
}

.bar3 {
    right: 0;
}

.bar4 {
    bottom: 0;
}
/* HAMBURGER 3 */

.hamburger3 .bar1 {
    transform-origin: 5%;
}

.hamburger3 .bar4 {
    transform-origin: 5%;
}

.checkbox3:checked + label > .hamburger3 > .bar1{
        transform: rotate(45deg);
    height: 3px;
    width: 57px;
}

.checkbox3:checked + label > .hamburger3 > .bar3{
    transform: rotate(45deg);
    height: 3px;
    background-color: transparent;
}

.checkbox3:checked + label > .hamburger3 > .bar2{
    transform: rotate(-45deg);
    height: 3px;
    background-color: transparent;
}

.checkbox3:checked + label > .hamburger3 > .bar4{
    transform: rotate(-45deg);
    height: 3px;
    width: 58px;
}