/*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; } }



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


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;}.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}.f32{font-size: 32px;}
.f40{font-size: 40px;}.f38{font-size: 38px;}
.f45{font-size: 45px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f55{font-size: 55px;}
.f50{font-size: 50px;}





.main-text{
font-family: Muller;
font-style: normal;
font-weight: 900;
font-size: 67.18px;
line-height: 67px;
text-align: center;

color: #FFFFFF;}



.main-text-hand{font-family: Muller;
font-style: normal;
font-weight: 900;
font-size: 86px;color: #E4D4AF;
}





.left{float: left;}
.right{float: right;}
.absolut{position: absolute;}
.rel{position: relative;}
.d-b{display: block;}
.under{text-decoration:underline;}
div.d-bi{ background: #4f4f51; -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s; transform: translateY(0);}
.black{color:#313d48;}
.stan{color:#373939;}
 
.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;}
 
.gr{ background: -o-linear-gradient(1.73deg, #8D8654 -4.41%, #656568 95.15%);background: linear-gradient(88.27deg, #8D8654 -4.41%, #656568 95.15%);
}



h1.gr, h2.gr, h3.gr, h4.gr, span.gr, p.gr, ul.gr, ul li.gr, b.gr{ -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
/*=====  new styles======*/
.about-me-man-in-black .slick-slider{    margin-bottom:93px !important}

  
/*=====   main-head styles  ======*/
header.mine-header{height: 100vh;width: 100vw;background-size: cover; background: url(../i/bg.jpg) no-repeat;    margin-bottom: 100px;overflow: hidden;
    display: block;
    position: relative;

   
}
span.beg{line-height: 142px;}



header.mine-header:before{
    content: '';position: absolute;    bottom: -64px;
    left: 0;
    right: 0;
    z-index: 0;
   height: inherit;width: 100vw;background-size: cover; background: url(../i/main-img.png) no-repeat;
}

.wrapmenu{ height: 100vh;
    width: 100%;position: relative;}
.wrapmenu > div{top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    z-index: 1;
    margin: 0 auto;}



/*=====   styles two blok ======*/
section.text-left .grids {
    display: grid;
    grid-template-columns: 50% 50%;
}

section.text-left .grids .left-content {
    
     
     
   
    grid-column-start: 1;
    grid-column-end: 1;
}

section.text-left .grids .height {
    grid-column-start: 2;
    grid-column-end: 2;
    position: relative;
    height: 100%;
    grid-row-start: 1;
}

section.text-left .grids .right-text-info {
      height: 100%;
    grid-column-start: 2;
    grid-column-end: 2;
}

section.text-left .grids .height .one-list{list-style-image: url(../i/rect.png);}



section.text-left .grids .height  > div{position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}



/*=====   styles three blok (right img) ======*/
section.text-right{margin-bottom: 100px;}

section.text-right .grids {
    display: grid;
    grid-template-columns: 50% 50%;
}
section.text-right .grids .right-content {
    background: transparent;
    height: 400px;
    width: 96%;
    margin-left: 4%;
    grid-column-start: 2;
    grid-column-end: 2;
}
section.text-right .grids .height {
    grid-column-start: 1;
    grid-column-end: 1;
    position: relative;
    grid-row-start: 1;
    height: 100%;
}


section.text-right .grids .right-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-63%);
    transform: translateY(-63%);
    width: 96%;
    margin-right: 4%;
}









/*=====   styles full-content ======*/

.full-content.mar{margin-bottom: 104px;}
.full-content{width: 100%;
margin: 0 auto;
position: relative;
}

/**/
.full-content-text:before{  transform: translateY(-50%);  left: -40px;}
.full-content-text:after{right: -40px; -webkit-transform: rotate(90deg);transform:rotate(180deg) translateY(50%);}
.full-content-text:before, .full-content-text:after {
    content: '';
    background: url(../i/tu.png) center no-repeat;
    height: 32px;
    position: absolute;
    top: 50%;
 
    width: 38px;
    margin: 0 auto;
   
}
section.full-content.mar.vectorline{position: relative;}
#header-js-bonus{  margin: 0 auto;
    padding: 0 50px;
  width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}

.full-content-text, .vectorline{position: relative;display: block;}
.vectorline:after{ content: ''; background: url(../i/Vector.png) center ;
     height: 157px;position: absolute;
   
        bottom: -166px;
    right: 0;
    left: 123px;  
     width: 157px; margin: 0 auto;}
/*=====   стили от лабораторий ======*/


/*=====   стили от exam-prices ======*/

section.exam-prices.prcmar img{ margin-top: 53px !important;}
section.exam-prices img{   width: 100%;
height: auto; margin: 0 auto;}


/*=====   стили от main-lessons ======*/

section.main-lessons{}

.lineunder{position: relative;display: block;}
.lineunder:after{content: '';
background: url(../i/line.png) left no-repeat;
width: 100%;
display: block;position: absolute;bottom: 0;
left: 0;
right: 0;
height: 8px;
}












section.text-left.mar2{    margin-bottom: 70px;}


section.text-left .BUT{ 
box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.19);
border-radius: 12px; padding: 23px 41px;}











/*=====   styles about-me ======*/
.about-me-man-in-black{    overflow: hidden; background: url(../i/texture-two.jpg) center ;}



.about-me-man-in-black .wrap-maninblack-contain .maninblack{
    grid-column-start: 1;
    grid-column-end: 1;
}

.about-me-man-in-black .wrap-maninblack-contain .thinkcloud{grid-column-start: 2;top: 50%;
    transform: translateY(-50%);
    grid-column-end: 2;}



.about-me-man-in-black .lessons-cont{margin-top: 68px;    margin-bottom: 115px;}


 .about-me-man-in-black .wrap-maninblack-contain{position: relative; display: grid;
    grid-template-columns: 50% 50%;}
 
.about-me-man-in-black .thinkcloud{  background: #FFFFFF;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.21);
border-radius: 15px;
    
        height: -webkit-fit-content;  height: -moz-fit-content;  height: fit-content;
    padding: 22px 48px;    
   
        position: relative;
    
}
.slick-slide{    margin: 0 28px !important;}
.about-me-man-in-black .thinkcloud h1{margin: 0;}

.about-me-man-in-black .img-arrow{margin: -31px auto 54px auto;}   
/*=====   styles lessons ======*/
 
a#button-js-rev:hover{  transform: scale(1.1);transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;}

a#button-js-rev { transform: scale(1);
    width: auto;transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    text-align: center;
    max-width: 380px;    margin-top: 100px;
}.otzivi {
    -webkit-transition: all 1s;
    transition: all 1s;
    width: 80%;
    overflow: hidden;
    margin: 132px auto;
}.otzivi div {
    margin: 132px auto;
}.otzivi div img {
    width: 100%;
    margin: 0 auto;
}













/*=====   styles reviews ======*/



.lessons-wrap-block{background: url(../i/pattern.jpg) center repeat;
    background-size: initial;
    height: auto;   
    background-attachment: local;}




/*=====   styles reviews ======*/

.opisanie-bonusa{     padding: 39px 0;background-color: #f9fafc;}
.opisanie-bonusa h3{width: 60%;}
.opisanie-bonusa h1{  width: 80%;   margin: 8px auto 58px auto;   line-height: 34px;}

.list-opisanie{font-size: 22px;
    font-weight: 400;}

.opisanie-bonusa img{position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 27%;
    left: 11%;
    z-index: 0;
     }

.wrap-text-opis{    width: 54%;
    margin-left: 46%;
    z-index: 9;}
/*=====   styles reviews ======*/



/*=====   styles tech-data ======*/

section.tech-data{min-height: 1625px; background: url(../i/bg-tech.png) center no-repeat;
    background-size: cover;
     
 }
section.tech-data .container{    height: 1625px;}


section.tech-data{ height: 100%;}

section.tech-data .content-table{position: absolute; background: url(../i/techdata.png) center no-repeat;min-height: 988px;margin: 0 auto; top: 50%; transform: translateY(-50%);
    background-size: contain;    width: 91%;}


li.rect{list-style-image: url(../i/rect.png);     margin: 11px -19px;}


section.tech-data .content-table table{position: relative;
    margin: 0 auto;
    width: 77%;
     }


.td15{    padding: 18px 0;}






/*===== end  styles tech-data ======*/


/*===== end  styles price-block ======*/
section.price-block{min-height: 1109px; background: url(../i/bg-price.jpg) center no-repeat; padding: 69px 0 119px 0;
    background-size: cover;    position: relative;}

section.price-block .content-table{width: 100%;
    height: 48vw;
    min-height: 790px; background: url(../i/paper-price.png) center no-repeat;background-position: 42% 50%;    padding: 1% 20.7%;
    background-size: 65%;}

section.price-block .content-table table{font-size: 22px;border-spacing: 0px;}

section.price-block .content-table thead{padding: 20px 0;
    background: #A8A270;
    
    position: static;
    width: 100%;}
section.price-block .content-table thead td{ 
    padding: 20px;font-weight: 500;
    font-size: 18px;
 }

.grey-price{color: #868686;}
section.price-block .content-table tbody td{padding: 20px;}


.z1{z-index: 1;}
.z-1{z-index: -1;}
.minmar{margin-top: -199px !important;
    z-index: -1;}
/*===== end  styles price-block ======*/
.reviewsblock{ background: url(../i/texture-four.png) center ;
    background-size: contain;
   background-attachment: local;
    padding: 41px 0 163px 0;}

.reviewsblock h1{    width: 867px;
    margin: 99px auto 60px auto;
    display: block;}


/*=====   styles bonus ======*/
.block-bonus-cover{background: url(../i/footer.jpg) center no-repeat;
    background-size: initial;
    height: 1328px;
    background-attachment: local;}

.block-bonus-cover h1{    margin-top: 31px;}


.block-bonus-cover{    padding-top: 1px;}



/*=====   styles characteristick ======*/


/*=====   styles section.forma-download ======*/
section.forma-download{background: url(../i/footer.jpg) center no-repeat;
    background-size: initial;
    height: 1004px;}
section.forma-download .container{height: inherit;}

section.forma-download .cont-form h3{max-width: 1000px;
    margin: 0 auto;}

section.forma-download .cont-form{position: absolute;
    top: 50%;    margin: 0 auto;
    left: 0;
    right: 0;
    transform: translateY(-50%);}







/*=====   end styles section.forma-download ======*/
 
/*=====   styles zakaz-delivery ======*/


.zakaz-delivery .wrap-tales{    width: 90%;
    margin: 0 auto;}



.zakaz-delivery .taleone img, .zakaz-delivery .taletwo img{margin: 0 auto;
    display: block;height: 235px; }

.zakaz-delivery .taleryn:hover{
    
    border: 1px solid #727061;

}
.zakaz-delivery .taleryn:hover a.button-main{position: absolute;
    bottom: 60px;
    
    padding: 22px 60px;
    left: 0;
    right: 0;
    width: 66%;opacity: .86;}
.zakaz-delivery .taleone, .zakaz-delivery .taletwo {
        min-height: 584px;
    position: relative;
            background: white;    height: 620px;
    border: 1px solid transparent;
    border-radius: 13px;
    float: left;
    padding: 5% 5%;
    width: 45%;
    margin: 2.5% 2.5% 115px 2.5%;}

.zakaz-delivery{
    
       
    padding: 154px 0 180px 0; background: url(../i/texture-two.jpg) center no-repeat;
    background-size: cover;
    height: auto;
    background-attachment: local;}
.zakaz-delivery h1{    margin-bottom: 40px;}



.zakaz-delivery a.button-main{  position: absolute;
    bottom: 60px;
    padding: 22px 60px;
    left: 0;
    right: 0;
    width: 66%;
    opacity: .7;
    
     margin: 33px auto -1px auto;  
    text-align: center;
    }


.zakaz-delivery p.f20.regul.d-b.textcenter{margin: 33px auto 33px auto;    display: block;
}
a.button-main{    padding: 22px 88px;
    border-radius: 120px;
    color: white;
    font-size: 20px;
     opacity: .8  ;
   background: linear-gradient(85.7deg, #8D8654 -4.41%, #656568 95.15%);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 47px;
    -webkit-transition: all .5s;transition: all .5s;}


a.button-main:hover{     
     transition: all .5s;
     opacity: 1 !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -webkit-transition: all .5s;}






.platewrp{display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    background: white;
    /* height: 107px; */
    box-shadow: 0 0 20px 0px #0000001c;
    border-radius: 14px;
    padding: 30px 45px;
    clear: both;}

.platewrp span{ 
    position: relative;
    width: 100%;
    display: block;}

.platewrp:after{    content: '';
background: url(../i/quote.png) center no-repeat;
width: 60px;
height: 46px;
position: absolute;
    left: 46px;
    top: -23px;
display: block;}


.warning-info{background: url(../i/texture-five.png) center no-repeat;
background-color: white;
height: 273px;
width: 100%;}

.warning-info > .container a{color: #2B2B2B;}


.warning-info > .container h3{    margin-top: 0;}

.warning-info > .container{display: grid;
    grid-template-columns: 20% 80%;}
.warning-info > .container .left-cont{grid-column-start: 2;
    grid-column-end: 2;
    position: relative;
    }.warning-info > .container img{grid-column-start: 1;
    grid-column-end: 1;
    position: relative;position: absolute;
    top: 50%;
    transform: translateY(-48%);

    }

/*==============  стили для бонусов  ============== */
.bonusi-scroll-blok{background: url(../i/texture-six.png) center no-repeat;     background-size: contain;
min-height: 1794px;}


.bonusi-scroll-blok .cont-bonus .bonus-tale{    grid-column-gap: 39px;display: grid;
    grid-template-columns: 40% 60%;    margin: 170px auto 150px auto;}


.bonusi-scroll-blok .cont-bonus .bonus-tale > img{width: 94%;margin: 0 auto;
    display: block; position: relative;grid-column-start: 1;
    grid-column-end: 1;}


.bonusi-scroll-blok .cont-bonus .bonus-tale > div{grid-column-start: 2;
    grid-column-end: 2;}
.bonusi-scroll-blok .cont-bonus .bonus-tale > div h2{background-color: white;display: block;padding: 19px 25px; 
border-left: 3px solid #888256;box-shadow: 0 0 10px 6px #0000001a;    max-width: 227px;}

.bonusi-scroll-blok .cont-bonus .bonus-tale > div table{    border-spacing: 11px 14px;}

.bonusi-scroll-blok .cont-bonus .bonus-tale > div tbody{    font-size: 22px;
        line-height: 45px;}



.schunks-lessons .ba-slider{    width: 600px;
    margin: 0 auto;}





/*============== конец стили для бонусов ============== */


/*============== стили для частей курса ============== */

section.schunks-lessons{      padding: 90px 0 130px 0;
    background: url(../i/texture-seven.png) center repeat;
    background-size: contain;
    min-height: 1797px;}

section.schunks-lessons .container .header-les h5.number{    background-color: white;
    display: block;
    padding: 19px 25px;
    border-left: 3px solid #888256;
    box-shadow: 0 0 10px 6px #0000001a;
    max-width: 249px;
    margin: 0 auto;}


section.schunks-lessons .container .header-les h4.opis{    font-weight: 500;
    opacity: .7;}

section.schunks-lessons .container .table-content{display: grid;
    grid-template-columns: 50% 50%;     grid-gap: 20px;}
section.schunks-lessons .container .beforeafterblock {    margin: 100px 0;}


section.schunks-lessons .container .header-les h4.dopolnenie:after{}

section.schunks-lessons .container .header-les h4.dopolnenie{max-width: 830px; 
    margin: 0 auto;}
section.schunks-lessons .container .table-content .left-chunk{grid-column-start: 1;
    grid-column-end: 1;}

section.schunks-lessons .container .table-content.full{display: block !important;}


section.schunks-lessons .container .table-content.full .last-chunk{max-width: 970px;
    width: 100%;
    margin: 0 auto;}


section.schunks-lessons .container .table-content.full .full-chunk{width: 100%;}



section.schunks-lessons .container .table-content.full   table{ line-height: 26px;line-height: 26px;
    border-collapse: collapse; background-color: white;
    border-radius: 17px;
    box-shadow: 0 0 20px 7px #00000012;}

 section.schunks-lessons .container .table-content.full  table td{ font-size: 20px !important;   padding: 20px 19px;}

section.schunks-lessons .container .table-content.full  table tr td:first-child{border:1px solid #e2e2e2;    padding: 20px 16px 20px 32px;      } 

section.schunks-lessons .container .table-content.full  table.width3 tr td:first-child {    width: 30%;} 


section.schunks-lessons .container .table-content.full  table tr td:nth-child(n+2){border:1px solid #e2e2e2;}




section.schunks-lessons .container .table-content.full  .full-chunk  table tr td  {
    border: 1px solid white;
       padding: 9px 9px 7px 3px;
}


section.schunks-lessons .container .table-content .right-chunk{grid-column-start: 2;
    grid-column-end: 2;}

section.schunks-lessons .container .table-content .right-chunk h3, section.schunks-lessons .container .table-content .left-chunk  h3{    margin-top: 0;}
section.schunks-lessons .container .table-content.full  .table-full  table tr{-webkit-transition: background .4s;transition: background .4s;}

 


section.schunks-lessons .container .table-content.full .table-full   table tr:hover{background: #e4d4af94; -webkit-transition: background .4s;transition: background .4s;}



section.schunks-lessons .container .table-content.full .full-chunk  table{width: 100%;
    max-width: 625px;
    margin: 0 auto;
    display: block;}

section.schunks-lessons .container .table-content table td{    font-size: 20px;
    font-size: 22px;
     
    letter-spacing: 0.01em;}

section.schunks-lessons .container .table-content table  {border-spacing: 10px 16px;}


section.schunks-lessons .container .table-content table{line-height: normal;}

section.schunks-lessons .container .table-content .left-chunk{    height: -webkit-max-content; height: -moz-max-content; height: max-content;}
section.schunks-lessons .container .table-content .right-chunk, section.schunks-lessons .container .table-content .left-chunk, section.schunks-lessons .container .table-content.full .full-chunk  table:not(.notttt), section.schunks-lessons .container .table-content.full .full-chunk:not(.notttt)   {background: #FFFFFF; width: 100%;
display: block; position: relative; padding: 40px;border-radius: 16px;box-shadow: 0 0 12px 5px #0000001c;}


section.schunks-lessons .container .table-content .list-chunk  {    padding: 0 0 0 20px;}

section.schunks-lessons .container .table-content .list-chunk li, section.schunks-lessons .container .table-content.full .full-chunk ul li{list-style-image: url(../i/rect.png); font-size: 22px;font-weight: normal;
font-size: 22px;
    line-height: normal;
    letter-spacing: 0.01em;
    margin: 25px 0;letter-spacing: 0.01em;}


section.schunks-lessons .container .table-content.full .full-chunk table.notttt{ box-shadow: unset !important;}


section.schunks-lessons .container .table-content.full .full-chunk.notttt {background: #FFFFFF; width: 100%;max-width: 760px;
    margin: 51px auto;
    padding: 23px 0 38px 0;   
display: block; position: relative;  border-radius: 16px;box-shadow: 0 0 12px 5px #0000001c;}

/*============== конец стили для частей курса ============== */

/* 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;}
  
.mainmenu{ z-index: 202;     padding: 0;
    float: left; margin: 0;
    display: block;
    position: relative;
    top: 2vh;}

.mainmenu li:first-child{margin-left: 0;}
.mainmenu li{  padding: 15px 27px;   float: left;display: block;margin: 0 17px;
}
.mainmenu li:last-child{padding: 15px 27px !important;  }
.mainmenu li a:not(.buttonline){ -webkit-transition: background .1s;
    -moz-transition: background .1s;
    -o-transition: background .1s;color: white; 
}
.menumainheaderscrol{ z-index: 23;position: fixed;}

.mainmenu li:hover a:not(.buttonline){color: #383B3E !important;padding: 15px 27px; 
    -webkit-transition: background .1s;
    -moz-transition: background .1s;
    -o-transition: background .1s; color: white;
    background:#E4D4AF;border-radius: 47px; display: block;}
 
.mainmenu li:hover{padding: 0 0 ; }


.cb{clear: both;}
 

.button:hover:not(.buttonline){ 
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
 
border-radius: 47px;
     transition: background .1s;
    -webkit-transition: background .1s;
    -moz-transition: background .1s;
    -o-transition: background .1s;}
   
.buttonline{background: transparent;
     
    padding: 15px 51px;-webkit-transition: all .6s;transition: all .6s;
    font-size: 16px;
    border-radius: 90px;color: #383B3E !important;
    transition: all .5s;
   -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background:#c9b993;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;}


header .buttonline{   z-index: 202;  
    position: relative;
     }
.rap-meni {
    position: fixed;
    
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 100%;
    z-index: 999;}

.buttonline:hover{transition: all 1s;
 color: white; -webkit-transition: all .6s;transition: all .6s;
    background: #958c76; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    
    
   
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;}
.button{ margin: 0 auto;display: block;color: white;  
    
    width: 292px;padding: 20px 61px;font-size: 18px;border-radius: 90px; transition: all .6s;
    
    
    
   
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
   
   
 background: linear-gradient(85.7deg, #8D8654 -4.41%, #656568 95.15%);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
 
   
     
    
     

     

    
}
 .heightauto {
    -webkit-transition: all 1s;
    transition: all 1s;
    overflow: visible !important;
    height: auto !important;
}
 


 
.m0a{margin: 0 auto;}
 
   
.tech-header{    position: relative;
    bottom: 144px;}
     

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

.otzivi{max-width: 800px;
overflow: hidden;}
/* заказать блок */
.slick-list {
    min-height: 200px;
}
 
/*======= 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{   
    z-index: -1;
        padding-top: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
     
    text-align: center;}
 
 section.price-block:before {
    content: '';
    background: url(../i/scratch.png)center no-repeat;
    top: -13px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 86px;
    z-index: 2;
    display: block;
}
section#jsscroll{ background: url(../i/texture-six.png); background-size: contain;}
.timer-bl {
    position: relative;
    margin: 110px auto 140px auto;
    width: 100%;
    text-align: center;
}section#jsscroll{padding: 50px 0 40px 0;}



.about-me-man-in-black{background-size: cover;padding: 100px 0 0 0;}
.slidermen {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
    -webkit-transition: all 1s !important;
    transition: all 1s !important;
}
/* анимация*/


 @media screen and (max-width: 1400px) {
     .otzivi div {
    margin: 82px auto;
}
     .minmar {
         margin-top: -169px !important;}
     
     
     
     
     
     
     
     
     
     
     
     
}
  
@media screen and (max-width: 1200px) {section.main-lessons.z1 h2{
    right: -60px;
    position: relative;
}

header.mine-header:before {
    
    bottom: 0;
    
    background-size: contain;
    background: url(../i/main-img.png) center no-repeat;
}
.wrapmenu > div {
     
    transform: translateY(-56%);}
    header.mine-header{margin-bottom: 70px;}
.f24 {
    font-size: 22px;
}
    .vectorline:after{    left: 303px;}

    section.text-left .grids .left-content img{width: 100%;}
    .vectorline:after{background: url(../i/Vector.png) center no-repeat;    height: 115px;    bottom: -130px;left: 158px;width: 107px;    background-size: contain;}
.f30 {
    font-size: 28px;
    }section.text-left .grids .height .one-list{    margin: 30px 0;}

    section.text-left .grids{ grid-gap: 10px;}
    section.full-content.exam-prices.prcmar{margin-bottom: 70px;}
    section.exam-prices.f1080 img{margin-top: -80px;}
.bonusi-scroll-blok .cont-bonus .bonus-tale > div tbody {
    font-size: 20px;
    line-height: 25px;
}.f35 {
    font-size: 33px;
}.bonusi-scroll-blok .cont-bonus .bonus-tale > div h2 {
     
    padding: 15px 26px;
     
    max-width: 217px;
}
    .bonusi-scroll-blok{    min-height: 1404px;}
    
    section.tech-data svg {    width: 27px !important;}
    
    section.tech-data .f22 {
    font-size: 18px;
}
    
    section.tech-data .f24 {
    font-size: 20px;
}section.tech-data .content-table table {
     
    width: 85%;
    top: -67px;
    left: 2%;
}
    section.tech-data .content-table{width: 100%;
    margin: 0 auto;
    left: 0;min-height: unset;padding: unset;background-size: contain;}
    section.tech-data .container {
    height: 100%;
}
section.tech-data {
    height: 1250px;
    min-height: 1000px;
}.tech-header {
    position: relative;
    bottom: 124px;
}
    section.price-block  h3.f45.exbold.gr.textcenter{    margin-top: 65px;}
    section.price-block .content-table{background: white;
    border-radius: 20px;padding: unset;height: 42vw;
    min-height: 500px;top: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px 7px #00000014;}
    section.price-block .content-table thead td:last-child{    text-align: center;}
    section.price-block .content-table tbody tr td:last-child{width: 26%;}
    
    
    
    

}



 @media screen and (max-width: 1200px) {
     
    
     
     
     .gambicon{   display: block !important;  }
     
    .mainmenu {
        
        transform: translateX(395px);
   -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: 395px;
    position: fixed;
    right: 0;
    top: 0;
    padding: 15px 8px;
    font-size: 23px; }
.mainmenu li:first-child {
    margin-left: 36px;
}
.mainmenu li {
     
       margin: 13px 36px;
}
header .buttonline {
    margin: 16px 27px;}
     
      

     
     .otvety .accordeon{width: 95%;
    position: relative;
    margin: 0 auto;}
     
     
     
}
 

  @media screen and (max-width: 992px) {
      .tech-header {
    position: relative;
    bottom: 0;
    margin-bottom: 90px;
}section.tech-data {
    height: 1050px;
    min-height: 1000px;
    padding: 100px 0;
}
      section.tech-data .content-table{top: 0;
    transform: translateY(0);}
      section.tech-data .content-table table {
    width: 85%;
    top: 0;
    left: 0;
}
      li.rect{list-style-image: none;}
      section.tech-data ul li {color: white;}
      section.tech-data .content-table{background: none;}
      section.tech-data .f24{    color: white;}
      section.tech-data svg * {fill:white;}
      .main-text{font-size: 55px;    line-height: 70px;}
      span.beg {
    line-height: 102px;
}section.text-right .grids, section.text-left .grids {
    display: block;
    grid-template-columns: unset;
}section.text-right .grids .right-content {
    position: relative;
    top: 0;    height: auto;
   -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 96%;
    margin-right: 0;
    margin-left: 0;
    margin: 0 auto;
      }section.text-right .grids .right-content  img{margin:0 auto 60px auto;
    display: block;}
      section.text-left .grids .left-content img {
    width: 60%;
    max-width: 550px;
    display: block;
    margin: 0 auto 70px auto;
}
      section.text-left .grids .height {
    grid-column-start: unset;
    grid-column-end: unset;
    position: relative;
    height: 100%;
    grid-row-start: unset;
}section.text-left .grids .height > div {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
      
      section.text-left .BUT{display: block;
    text-align: center;    margin: 70px 20px 20px 20px;}
      
      .about-me-man-in-black .wrap-maninblack-contain .maninblack > img{display: none;}
      .f38 {
    font-size: 36px;
      }
      section.schunks-lessons .container .table-content.full table td, section.schunks-lessons .container .table-content .list-chunk li, section.schunks-lessons .container .table-content.full .full-chunk ul li, section.schunks-lessons .container .table-content table td {
          font-size: 18px !important;}
      
      section.schunks-lessons .container .table-content .list-chunk li, section.schunks-lessons .container .table-content.full .full-chunk ul li{margin: 18px 0;}
      
      
      
      
      
     section.schunks-lessons .container .table-content .f26 {
    font-size: 22px;
}section.main-lessons.z1 h2 {
    right: -77px; font-size: 35px;
    position: relative;
}
      
      .minmar {
    margin-top: -119px !important;
}
      .f50 {
    font-size: 40px;
}.f45 {
    font-size: 42px;
}
      .f35 {
    font-size: 28px;
      }.zakaz-delivery p.f20.regul.d-b.textcenter{    font-size: 18px;}
      
      
      
      
      
      
      
      
      .about-me-man-in-black .slick-slider{    width: 100%;
    max-width: 790px;
    display: block;
    margin: 0 auto;}section.schunks-lessons {
        padding: 50px 0 130px 0;}
      .about-me-man-in-black .wrap-maninblack-contain {
    height: auto;
    grid-template-columns: unset;
    display: block;
}.about-me-man-in-black .wrap-maninblack-contain .thinkcloud {
    grid-column-start: 2;
    top: 0;
    transform: translateY(0);
    grid-column-end: 2;
}
      
      
      .bgmenuover{display: none;}
       
    .container {
      max-width: 920px; } 
}
 
  @media screen and (max-width: 768px) {
      
      .bgmenuover{display: none;}
        
      .main-text {
    font-size: 40px;
    line-height: 56px;
}span.beg {
    line-height: 82px;
    font-size: 70px;
}section.schunks-lessons .container .table-content {
    display: block;
    grid-template-columns: unset;
    grid-gap: unset;
      }section.schunks-lessons .container .table-content .left-chunk{    margin-bottom: 50px;}
      
      .f40 {
    font-size: 35px;
}.otzivi div {
    margin: 29px auto;
}.bonusi-scroll-blok .cont-bonus .bonus-tale {
    grid-column-gap: 39px;
    display: block;
    grid-template-columns: unset;
    margin: 170px auto 150px auto;
}.bonusi-scroll-blok .cont-bonus .bonus-tale > img {
    width: 100%;
    margin: 0 auto 90px auto;
    max-width: 370px;
}
      
      .bonusi-scroll-blok .cont-bonus .bonus-tale > div {
    grid-column-start: unset;
    grid-column-end: unset;
    margin: 0 auto;
    position: relative;
    display: block;
    float: none;
    width: 100%;
}
      .bonusi-scroll-blok .cont-bonus .bonus-tale > div h3{text-align: center;}
      
      .bonusi-scroll-blok .cont-bonus .bonus-tale > div h2, .bonusi-scroll-blok .cont-bonus .bonus-tale > div table{margin: 0 auto;}
      
      .bonusi-scroll-blok .cont-bonus .bonus-tale{margin: 160px auto  ;}
      .tech-header {
     
    margin-bottom: 60px;
      }.zakaz-delivery .taleone, .zakaz-delivery .taletwo{    height: auto;   width: 100%;
    margin:0 auto 33px auto;
    max-width: 460px;    float: none;}
      .zakaz-delivery a.button-main {
    position: relative;
    bottom: 0;    display: block;
      
    
    margin: 53px auto 0 auto;
     
}
      .zakaz-delivery .taleryn:hover a.button-main {
    position: relative;
    bottom: 0;
          display: block;}
      
      .platewrp{    margin-top: 90px;}
      
      
      .warning-info > .container{grid-gap: 30px;}
      .otzivi{width: 90%;}
      
      
      
      
      
       
      
      
      
      
        
    .container {
      max-width: 720px; } 
}

 

  @media screen and (max-width: 480px) {
      
      
      
      .slick-slide img {
    width: 53%;
    display: block;
    margin: 0 auto;
}
       

      footer .links ul li{float: none;    display: block;
    width: 90%;
    margin: 30px auto;
    }
      
      footer .links ul{display: block;}
    .container {
      max-width: 420px; } 
.ui-accordion-content p {
    font-size: 18px;
     
    padding: 0px 9px 7px 35px;
    
}
 
.bgmenuover{display: none;}
}


  @media screen and (max-width: 320px) { 
      
      .bgmenuover{display: none;}
    .container {
      max-width: 300px; } 
       
h3.ui-accordion-header{    padding: 44px 76px 44px 73px;}

}



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





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

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





/* 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:#ad9e31;
    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;
}





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


 

.ba-slider {
    position: relative;
    overflow: hidden;
}
 
.ba-slider img {
    width: 100%;
    display:block;
}
 
.resize {
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}


.handle { /* Thin line seperator */
  position:absolute; 
  left:50%;
  top:0;
  bottom:0;
  width:4px;
  margin-left:-2px;
 
  background: rgba(0,0,0,.5);
  cursor: ew-resize;
}
 
.handle:after { position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    content: '\21d4';
    color: white;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    line-height: 64px;
    background: #10d5ff;
    border: 1px solid #6b869e;
    border-radius: 50%;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,.3), inset 0 2px 0 rgba(255,255,255,.5), inset 0 60px 50px -30px #00a2ff;
}

.draggeable:after {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    line-height:48px;
    font-size:30px;
}    

.ba-slider img{    height: auto;}

.imgdoki{background: url(../i/1200dip.png) center no-repeat;
    background-size: initial;
    height: 320px;
    background-attachment: local;}

/*==============       media queries   ================*/

.slidermen{transform: translateX(0) !important;
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    
    }
@media screen and (max-width: 585px) {
span.beg {
    line-height: normal;
    font-size: 56px;
}.main-text {
    font-size: 37px;
    line-height: 55px;
}section.text-left .BUT {
     
    margin: 46px 16px -14px 16px;
}
    section.full-content.exam-prices.prcmar {
    margin-bottom: 30px;
}.f24 {
    font-size: 20px;
}.f38 {
    font-size: 30px;
}
  section.full-content.main-lessons  h2.textcenter.gr.f38.exbold {
    font-size: 23px;
}
    
    
    section.exam-prices.f1080 img {
    margin-top: -20px;
}
    .lineunder:after{    width: 52%;}
    
    section.schunks-lessons .container .header-les h5.number span.exbold.gr.f45.textcenter.d-b
    {    font-size: 26px;}
    section.schunks-lessons .container .header-les h5.number{    max-width: 199px;padding: 17px 25px;}
    
    section.schunks-lessons .container .beforeafterblock{max-width: 350px;
    width: 100%;
    margin: 0 auto;
    display: block;}
    .schunks-lessons .ba-slider {
        width: inherit;}
    section.schunks-lessons .container .beforeafterblock{margin: 70px auto 80px auto;}
    
    header .buttonline {
    width: 76%;
  
    left: 22px;
}
    .mainmenu{width: 323px;}
    section.schunks-lessons .container .table-content.full table td, section.schunks-lessons .container .table-content .list-chunk li, section.schunks-lessons .container .table-content.full .full-chunk ul li, section.schunks-lessons .container .table-content table td{line-height: normal !important;}
    
    section.schunks-lessons .container .table-content.full table.width3 tr td:first-child {
    width: 35%;padding: 19px 2px 20px 21px;
}
    section.schunks-lessons .container .table-content.full .full-chunk table{padding: 0 75px;}
    
    .bonusi-scroll-blok .cont-bonus .bonus-tale > div h2{    max-width: 194px;}
    section.main-lessons.z1 h2 {
    right: 0;
        font-size: 30px;}
    .minmar {
    margin-top: 0 !important;
}
    .tech-header{    font-size: 30px;}
    section.tech-data .content-table table{border-spacing: 14px 0;width: 93%;}
    section.price-block .content-table{height: auto;
    min-height: auto;}
    .zakaz-delivery h1.f50 {
    font-size: 32px;
}.f40 {
    font-size: 30px;
}
    
    .warning-info{    height: 359px;
    width: 100%;
    padding: 40px 0 30px 0;}
    section.forma-download .cont-form h3 {
        max-width: 500px;}
    
    
    
    
    
}
@media screen and (max-width: 1200px) {
    .zakaz-delivery .taleone, .zakaz-delivery .taletwo{    box-shadow: 0 0 9px 7px #00000017;}.zakaz-delivery .wrap-tales {
        width: 100%;}
    .zakaz-delivery .taleone img, .zakaz-delivery .taletwo img{height: 150px;}
    .container {
      max-width: 920px; } 
    header .buttonline{width: 92%;
    padding: 23px;
    margin: 12px;
    display: block;
    text-align: center;
    clear: both;}
    .bgmenuover {display: none;}
    
    .lesson-onetype{    margin: 45px 0;}
.lesson-onetype h1 {
    font-size: 155%;
}
    .about-me-man-in-black .thinkcloud{background: white;
    border-radius: 13px;    padding: 40px;float: none;position: relative;margin: 48px auto;}
     
    .opisanie-bonusa h1, .lessons-wrap-block h1.firlet{text-align: center;}
    .about-me-man-in-black .aboutwrapcont{height: auto;
    background-attachment: local;
    padding: 93px 0;
    background-size: cover;}
    .about-me-man-in-black .wrap-maninblack-contain{    height: auto;}
    .about-me-man-in-black  .imgdoki{
    width: 100%;background-size: contain;}   

    .video-kurs-product-blok .resurect-block{    width: 89%;}
    .block-bg-product h1.textcenter.f45.exbold.wow.fadeInDown{    line-height: 48px;}
    
    .zakaz-delivery a.button-main{    padding: 20px;}
    
    .woman-two-blok .woman-two-bg{background: url(../i/960bgtwo.jpg) center no-repeat;}
    
    .woman-one-test, .woman-two-test, .woman-tree-test{margin: 32px 0 35px 30px;}
    .woman-two-blok .rwmna{margin: 136px 0;}
    .wrap-tab-har h1.wow.fadeIn.f45.black.exbold.textleft.d-b.firlet{    text-align: center;}
    .block-characteristick .wrap-tab-har{top: 165px;
    left: 0;}
    
    .zakaz-delivery{  height: auto;
    padding: 149px 0;
    background-size: cover;
     }
    
    .opisanie-bonusa h3 {
    width: 80%;
}
    .opisanie-bonusa h1 {
        width: 100%;}
    
    
    
    
}

@media screen and (max-width: 1097px)  {
    .about-me-man-in-black .wrap-maninblack-contain .thinkcloud{top: unset;
    transform: translateY(unset);}
    .rapcontentwoman .price-count{display: block;
    position: relative;
    margin: 0 auto;
    width: 225px;}
    .rapcontentwoman h2.wow.fadeInLeft.medium.f30.textleft{    text-align: center;}
    .rapcontentwoman {width: 100%;}
    h1.wow.fadeInLeft.black.f35.textleft.exbold.firlet{text-align: center;}
    .woman-block-price{background: #fbfbfb;}
    
}
@media screen and (min-width: 1097px) and (max-width: 1200px)  {
    .rapcontentwoman {
        width: 87%;
}
    
    
}


@media screen and (max-width: 992px) {
    .container {
      max-width: 920px; } 

 .about-me-man-in-black div.maninblack{background-size: initial;
    height: 250px;
    background-attachment: local;    background: url(../i/maninblackmob.png) center no-repeat;
         }
    
     
    .woman-two-blok .headnado{width: 100%;
    padding: 28px 6px;    background: white;}

    .video-kurs-product-blok .block-bg-product{     background-size: 170%;height: 920px;
     
      padding-top: 32px;
    background-color: #e4e3e1;}

    .video-kurs-product-blok .resurect-block{padding: 2px 27px;}

    .block-bg-product h1.textcenter.f45.exbold.wow.fadeInDown{width: 80%;
    margin: 0 auto;}

    .lessons-wrap-block div.right div.header:after{    content: none !important;}
    
    .lessons-wrap-block .lesson-onetype img{margin: 0 auto;display: block;width: 86%;}
    
    .lessons-wrap-block div.right, .lessons-wrap-block div.left, .lessons-wrap-block .lesson-onetype:nth-child(2n+1) div.right{    float: none;
    margin: 30px auto;
    display: block;
    width: 80%;
    position: relative;}
    .lessons-wrap-block div.right h1, .lessons-wrap-block div.left h1, .lessons-wrap-block div.right h3, .lessons-wrap-block div.left h3{text-align: center;}   
    
    
    .reviewsblock h1{width: 80%;
    line-height: 39px;}
    
    
    
   
    .opisanie-bonusa h1 {
    width: 80%;
}
    .opisanie-bonusa img {
    margin: 0 auto;
    float: none;
    display: block;
    width: 43%;left: 0; 
    position: relative;
}.wrap-text-opis {
    width: 90%;
    margin: 0 auto;
    z-index: 9;
}
    .opisanie-bonusa h3.wow.fadeInDown.d-b.m0a.exbold.black.textcenter.f25{        width: 90%;font-size: 30px}
    
    .block-characteristick{      height: 962px;  background: white;}
    .block-characteristick .wrap-tab-har{    left: 0;
    top: 0;
    margin: 0 auto;
    display: block;}
    
    .timerblock h1.wow.bounceIn.textcenter.m0a.firlet.f50.exbold.black{    line-height: 38px;
    width: 90%;}
    
    .opisanie-bonusa li.wow.fadeInLeft.firlet{    margin: 15px auto;}
    
    

    footer .copyright{    width: 90%;}
    
    
    .rap-meni{    width: 100%;}
    
    .zakaz-delivery .taleone img, .zakaz-delivery .taletwo img{    margin: 0 auto;
    width: 70%;
    height: auto;}
    
    .block-bg-product h1.textcenter.f45.exbold.wow.fadeInDown{    line-height: 39px;    font-size: 32px;}
    
    
    

}

  @media screen and (max-width: 768px) {
    .container {
      max-width: 720px; } 

    .taletwo   h2.f35.exbold.black.textcenter.center{font-size: 28px;}
.block-bonus-cover{background-size: 178%;
    height: 944px;}

       div.imgdoki {
    height: 661px;
    
    background-size: contain;
     
    background: url(../i/960dip.png) center no-repeat;
          position: relative;}
.f45 {
    font-size: 35px;
}
    .f25 {
    font-size: 20px;
}
    .f30 {
    font-size: 25px;
}
    .f50{font-size: 40px;}

 .block-bonus-cover h1{font-size: 34px;    margin-top: 35px;}











}

  @media screen and (max-width: 480px) {
      
      .main-text {
    font-size: 33px;
    line-height: 36px;
}
      span.beg {
    line-height: 60px;
    font-size: 42px;
      }section.text-right .grids .right-content img{    width: 100%;}
      
      
      .lineunder:after{display: none;}
      
      .about-me-man-in-black .aboutwrapcont{padding: 93px 0 3px 0;}
      section.schunks-lessons .container .header-les h4.opis{font-size: 20px;margin: -23px auto 25px auto;}     
      
      .table-content.full table td, section.schunks-lessons .container .table-content .list-chunk li, section.schunks-lessons .container .table-content.full .full-chunk ul li, section.schunks-lessons .container .table-content table td {
    font-size: 16px !important;
}
      section.tech-data {
          height: 1150px;}
      
      section.price-block .content-table table {
          font-size: 18px;}
      
      section.price-block {
          min-height: 999px;}
      .zakaz-delivery .taleone, .zakaz-delivery .taletwo {    float: none !important;
          min-height: 524px;}
      .zakaz-delivery a.button-main{margin: 53px auto 33px auto;}
      
      .platewrp span {
    left: 0;
    width: 100%;
}.zakaz-delivery {
    height: auto;
 
}
      
      
      
      
      
      
      
      
      
      
      
    .container {
      max-width: 420px; }

     
   

.woman-two-blok h1 {
    line-height: 38px;
    width: 100%;}
      
.woman-two-blok .woman-five-test, .woman-two-blok .rwmna, .woman-one-test, .woman-two-test, .woman-tree-test {
    margin: 0 auto; float: none;
clear: both;    margin: 40px auto;
    left: 35px;
}

      .woman-two-blok .rwmna{position: relative;}
.woman-two-blok .img-arrow {
    margin-bottom: 52px;
}
      
      .block-bg-product h1.textcenter.f45.exbold.wow.fadeInDown{line-height: 39px;    width: 100%;}
      
      
      .video-kurs-product-blok .block-bg-product{background-size: 170%;    height: 694px;
    height: 673px;      background-position: bottom;   background-size: 187%;}
      
      .about-me-man-in-black .thinkcloud{ 
   
    padding: 18px 30px;
     
     
    width: 100%;    margin: 48px auto 76px auto;
    height: auto;
}
      
      span.textcenter.f25.regul.gray{    line-height: 24px;
    display: block;
    font-size: 25px;}
      
      

      .lessons-wrap-block .right h3.textleft.blue.f25.regul{    font-size: 22px;}

      .lessons-wrap-block .lesson-onetype img{width: 100%;}
.lesson-onetype h1 {
        font-size: 129%;
    line-height: 26px;
}
.lessons-wrap-block div.right, .lessons-wrap-block div.left, .lessons-wrap-block .lesson-onetype:nth-child(2n+1) div.right{width: 100%;}
      .lessons-wrap-block div.right, .lessons-wrap-block div.left{padding: 0;}
      .beforeafterblock{line-height: 44px;}
.reviewsblock h1 {
    width: 100%;}
      .block-bonus-cover{    background-size: 198%;
    height: 713px;}
.opisanie-bonusa h1 {
    width: 100%;
      }.opisanie-bonusa img{    width: 63%;}
      
      .wrap-text-opis {
    width: 100%;
    
}
      
      .opisanie-bonusa h3.wow.fadeInDown.d-b.m0a.exbold.black.textcenter.f25{width: 100%;
   
    line-height: 35px;
    margin: 51px auto 17px auto;}
      
      .block-characteristick, .woman-block-price{height: auto;}
      .timerblock {padding: 81px 0;}
      .timerblock h1.wow.bounceIn.textcenter.m0a.firlet.f50.exbold.black{    line-height: 38px;
    width: 100%;}
      
      .zakaz-delivery .taleone, .zakaz-delivery .taletwo{float: left;
    width: 100%;}
      .platewrp{    padding: 22px 16px;        width: 100%;}
           
      .wrapbefore-after{    width: 100%;}
      h2.wow.fadeInLeft.black.f35.textleft.exbold.firlet{text-align: center;}
      .zakaz-delivery{height: auto; }
      footer .links ul{margin: 28px auto;}
.warning-info {
    height: auto;}
      .warning-info > .container {
    grid-gap: unset;
    display: block;
      }.warning-info > .container img{display: none;}
      #header-js-bonus{width: 100%;line-height: normal;}
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
}

  @media screen and (max-width: 320px) {
    .container {
      max-width: 300px; } 

      
 
.woman-two-bg div p {
    font-size: 18px;
    width: 86%;
}
      .woman-two-blok .headnado{    padding: 18px 5px;}
      .woman-two-blok .headnado h2{    font-size: 30px;}

.lesson-onetype h1 {
    font-size: 22px;
    line-height: 22px;
}div.beforeafterblock h1 {
    margin: 54px auto;
    line-height: 38px;
      }.reviewsblock h1{line-height: 34px;font-size: 30px;}
      .block-bonus-cover{background: url(../i/bgbonus.jpg) bottom no-repeat;    background-size: 198%;
    height: 441px;}
.block-bonus-cover h1 {
    font-size: 30px;
    margin-top: -35px;
    line-height: 38px;
}

      .wrap-tab-har h1.wow.fadeIn.f45.black.exbold.textleft.d-b.firlet, div.beforeafterblock h1, h1.wow.fadeInLeft.black.f35.textleft.exbold.firlet, .timerblock h1.wow.bounceIn.textcenter.m0a.firlet.f50.exbold.black, .zakaz-delivery h1, h2.f35.exbold.black.textcenter.center, .opisanie-bonusa h1, .lessons-wrap-block h1.firlet, .about-me-man-in-black .thinkcloud h1{text-align: center;
    font-size: 30px;
    line-height: 36px;}
      .block-characteristick td{    font-size: 20px;}
      .block-characteristick td img{    width: 87%;}
.zakaz-delivery {
    margin-bottom: 760px !important;
}
      .zakaz-delivery a.button-main{    width: 100%;}
      .zakaz-delivery a.button-main{    padding: 13px 26px;}
      .video-kurs-product-blok .resurect-block p {
    width: 100%;
    position: relative;
    display: block;
    left: 0;
}
      
      .video-kurs-product-blok .resurect-block img{display: none;}
}



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


.ba-slider {
  position: relative;
  overflow: hidden;
}
.ba-slider img {
  width: 100%;
  display: block;
}
.resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}
.handle {
  /* Thin line seperator */
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  margin-left: -2px;
  background: rgba(0, 0, 0, 0.5);
  cursor: ew-resize;
}
.handle:after {
  /* Big orange knob  */
  position: absolute;
  top: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  content: "\21d4";
  color: white;
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  line-height: 64px;
  background: #ffb800;
  /* @orange */
  border: 1px solid #e6a600;
  /* darken(@orange, 5%) */
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 2px 0 rgba(255, 255, 255, 0.5), inset 0 60px 50px -30px #ffd466;
  /* lighten(@orange, 20%)*/
}
.draggable:after {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  line-height: 48px;
  font-size: 30px;
}