.hidden{
    display: none;
}
body{
	position: relative;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* general */
.th-link {
    font-size: 20px;
    line-height: normal;
    margin-top: 10px;
    max-width: 100%;
    overflow: hidden;
}
/*.ytb-link{
    position: absolute;
    width: 100%;
    height: 100%;
}*/
.new-schedule.navi{
    margin-right: 13px;
}
.future-tour img{
    max-width: 100%;
}
.box-tour-desc p{
    margin-bottom: 0;
}
section.news img{
    max-width: 100%;
    height: auto;
}
.news h1{
    color: #000000;
    font-size: 45px;
    margin-top: 40px;
}
section.news span{
    font-size: 20px !important;
}
div#news-content img {
    max-width: 100%;
}
#scrollup img{
    max-width: 50px;
}
.btn-main{
    background: linear-gradient(180deg, #F28521 0%, #F26E21 100%);
    border-radius: 16px;
    color: #FFFFFF;
    text-align: center;
    padding: 21px 47px;
    font-size: 24px;
    line-height: 150%;
}
.btn-wrapper .btn-main:nth-child(n+2){
    margin-left: 32px;
}
.heading{
    font-size: 48px;
    margin-bottom: 24px;
}
.navbar-nav li:nth-child(1) {
        border: 1px solid #fff;
    padding: 0 10px;
    position: relative;
    white-space: nowrap;
    background-color: #5a2d8e;
}

.navbar-nav li:nth-child(1) a{
    color: #fff!important;
    font-size: 1.5em!important;
}

.navbar-nav li:nth-child(3) {
    padding: 0 10px;
    position: relative;
}
.navbar-nav.mr-auto{
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    max-width: 350px;
    width: 100%;
}


.stm .navbar-nav li:nth-child(1), 
.sticky .navbar-nav li:nth-child(1){
	padding: 5px 10px;
	border: 1px solid #000;
}
.navbar-expand-md .navbar-nav{
	align-items: center;
}

.navbar-nav li.nav-item:nth-child(3):before {
    content: '';
    width: 33px;
    height: 33px;
    position: absolute;
    right: -17px;
    color: #fff;
    font-size: 15px;
    top: -19px;
    transform: rotate(57deg);
    background: url(/components/com_articles/img/new.png);
    text-align: center;
    z-index: 2;
    background-size: contain;
}
/*.navbar-expand-md > .container{
    max-width: 1580px;
}*/
@media only screen and (min-width: 1480px) {
body .stm .container {
	max-width: 1400px;
}
}
@media only screen and (max-width: 1280px) {
.navbar-nav li.nav-item:nth-child(3):before {
    content: '';
    width: 37px;
    height: 37px;
    position: absolute;
    right: -22px;
    top: -24px;
}
}
@media only screen and (max-width: 1023px) {
.navbar-nav li.nav-item:nth-child(3):before {
        content: '';
    width: 31px;
    height: 31px;
    right: 38px;
    top: -2px;

}
.navbar-nav li.nav-item:nth-child(3):before{
	right: -32px;
	top: -4px;
}
.navbar-expand-md .navbar-nav{
	align-items: baseline;
}
.navbar-nav li:nth-child(1){
    padding-left: 0;
}
.navbar-nav li:nth-child(3){
    padding-left: 0;
}
}
/*.edbox:nth-child(n+5){
    margin-top: 80px;
}*/
.space-top{
    margin-top: 80px;
}
.text-subtitle{
    font-weight: normal;
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 48px;
}
.mt-space{
    margin-bottom: 80px;
}
p{
    color: #000000;
}
.navbar.nottofix{
    margin-bottom: 0;
}
.ct-bigheading.th-title{
    margin-top: 30px;
        font-size: 40px;
        margin-bottom: 20px;
}
.page6 .figures-block .ee a{
    color: #000;
    text-decoration: underline;
}
.show-btn.rotate {
    transform: rotate(180deg);
}
.testimonials-wrapper .show-btn {
    box-shadow: 0 2px 5px rgb(0 0 0 / 60%);
    background-color: #5a2d8e;
    border: none;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    height: 35px;
    left: 50%;
    transition: background-color .25s ease;
    width: 35px;
    font-size: 20px;
        margin: 12px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


.testimonials-wrapper .box-text img{
    max-width: 27px;
}
@media screen and (max-width: 1680px) {
/* .navbar .container {
    max-width: 1000px;
    padding: 0;
  }*/
/*  body .nav-item {
    margin-right: 13px;
}
.navbar-nav li:nth-child(1) {
    padding: 0 4px;
}*/

.navr{
	flex-direction: column;
	align-items: end;
}
}
@media only screen and (max-width: 1679px) {
.heading{
        font-size: 40px;
    }

}
@media only screen and (max-width: 1279px) {
    .heading{
        font-size: 32px;
    }
    .btn-main{
        font-size: 20px;
        padding: 19px 39px;
    }
    /*.edbox:nth-child(n+5){
        margin-top: 32px;
    }*/
    .space-top{
        margin-top: 32px;
    }
    .form-year{
        padding-top: 32px;
    }
    .mt-space{
        margin-bottom: 32px;
    }
    .text-subtitle{
        font-size: 16px
    }
}
@media only screen and (max-width: 1023px) {
    .btn-main {
        font-size: 16px;
        padding: 15px 31px;
    }
    .text-subtitle{
        margin-bottom: 32px;
    }
    .heading{
        margin-bottom: 16px;
    }
    a.primary{
        padding: 14px 10px;
    }
    .mt-space{
        margin-bottom: 0
    }
    .ct-bigheading.th-title{
        font-size: 22px;
    }
    .ct-bigheading.th-title br{
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .heading {
        font-size: 24px;
    }
    .text-subtitle {
        margin-bottom: 24px;
    }
    .th-link {
        font-size: 16px;
    }
}
@media only screen and (max-width: 600px) {
    .news h1{
        margin-top: 20px;
        font-size: 22px;
    }
    .text-subtitle {
        font-size: 14px;
    }
    h4{
        font-size: 1rem;
    }
    .contact-row:nth-child(n+2) {
        margin-top: 16px;
    }
    /*.edbox:nth-child(n+5) {
        padding: 0 27px;
    }*/

    .space-top{
        margin-top: 32px;
    }
   /* .form{
        margin-left: -27px;
        margin-right: -27px;
    }*/
    section.news{
        padding: 0;
    }
    
}

/* ======= */
.navbar-nav li:first-child:before {
    content: '';
    width: 37px;
    height: 33px;
    position: absolute;
    right: -9px;
    color: #fff;
    font-size: 15px;
    top: -31px;
    /* transform: rotate(57deg); */
    background: url(/images/studying.png);
    text-align: center;
    z-index: 2;
    background-size: contain;
}
body .navbar.navbar-expand-md.sticky .navbar-nav li:first-child:before{
    top: -21px;
}
.custom-header > nav, .custom-header > div{
    position: relative;
    z-index: 2;
}
.custom-header{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: url(/img/main/image-5.jpg);
   /* background: url(/img/pages/main-img.png);*/
    /*background: url(/img/pages/run-m.jpg?123);*/
        background-position: bottom 69% right 0;
    height: 692px;
    background-size: cover;
}
.page6 .custom-header .btn-main{
	width: 455px;
	max-width: 100%;
}
.page46 .custom-header{
    background: url(/img/pages/main-img-co.png);
	/*background: url(/img/pages/friday_1920_620.png);*/
    /*background: url(/img/pages/hello_1920_620_f.png);*/
    /*background: url(/img/pages/year-bg.png);*/
    background-size: cover;
    background-position: top center;
    background-position-x: 70%;
}
.page46 .custom-header a{
    margin-top: 50px;
    width: 570px;
    max-width: 100%;
}
.page46 .tabs .container{
    padding: 0 15px;
}
.main-block{
        width: 100%;
    padding: 0;
    height: 100%;
}
.custom-header:after{
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .4);
    z-index: 0;
    top: 0;
    left: 0;
}
.custom-header .navbar{
	background-color: inherit;
}
h1{
    font-family: Open Sans;
    font-style: normal;
    font-weight: 800;
    /*font-size: 72px;*/
    font-size: 61px;
    line-height: 125%;
    color: #FFFFFF;
}
.subtitle{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 150%;
    color: #FFFFFF;
    margin: 28px 0 35px;
}
a.primary{
        background: linear-gradient(180deg, #F28521 0%, #F26E21 100%);
    border-radius: 16px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    padding: 22px 10px;
    font-size: 24px;
    line-height: 150%;
}

.main-block{
    position: relative;
    padding: 0;
    display: flex;
    align-items: center;

}
.main-block > .container{
    position: relative;
    z-index: 11;
}
.main-block:before{
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    height: 200px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.2;
    transform: rotate(-180deg);
    z-index: 0;
}
.dropdown-menu{
    padding-bottom: 0;
}
.sticky .navbar-brand, .stm .navbar-brand{
    position: relative;
    padding-left: 185px;
}
.navbar-brand{
    position: relative;
}
.spdist{
    margin-top: 90px;
    padding-bottom: 30px;
}
.spdist .main-block{
    padding-top: 65px;
}
.spdist.stm{
    padding-bottom: 0;
}
.menu-m{
    margin-bottom: 40px;
}
a.navbar-brand:before{
        content: '';
    width: 182px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 0;
    background: url(https://zno.ua/img/assets21/logo_zno.png);
    background-repeat: no-repeat;
    transform: translateY(-50%);
    background-size: contain;
}
.stm a.navbar-brand:before, .sticky a.navbar-brand:before {
    content: '';
    background-repeat: no-repeat;
    background: url(https://zno.ua/img/assets21/logo_zno_stm.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.page6 .subtitle {
    margin: 40px 0 50px;
}
@media only screen and (max-width: 1679px) {
    h1{
        font-size: 60px
    }
}




@media only screen and (max-width: 1023px) {
	.page6 .custom-header .btn-main{
		width: 350px;
	}
    h1{
        font-size: 56px
    }
    .subtitle br{
        display: none
    }
    .main-block {
        padding: 0;
    }
    .course-box-desc{
        font-size: 16px
    }
    .subtitle {
        margin: 20px 0 28px;
        max-width: 70%;
    }
    .sticky .navbar-brand, .stm .navbar-brand{
        padding-left: 150px;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px){
    body .collapse:not(.show){
        display: none !important;
    }
    body .navbar-expand-md .navbar-toggler{
        display: block;
    }
}
@media only screen and (max-width: 1023px) {
	.page6 .subtitle {
	    margin: 30px 0 34px;
	}
    h1 {
        font-size: 40px;
    }
    .subtitle{
        font-size: 16px;
    }
    .custom-header{
        height: 452px;
    }
    .main-block {
        padding: 0;
         height: calc(100% - 0px);
    }
    .subtitle {
        margin: 20px 0 24px;
    }
    .sticky .navbar-brand, .stm .navbar-brand {
        padding-left: 163px;
    }
}
@media only screen and (max-width: 767px) {
    h1 {
        font-size: 32px;
    }
    .main-block{
        padding: 90px 0 80px;
        min-height: 412px;
    }
    .custom-header .navbar{
        padding: 4px 30px;
    }
    .navbar-brand img{
        height: 36px;
    }
    .sticky .navbar-brand, .stm .navbar-brand{
            padding-left: 120px;
            height: 100%;
    }
    .custom-header {
        height: auto;
    }
    .btn-main {
        padding: 11px 24px;
    }
}
@media only screen and (max-width: 600px) {
	.page6 .subtitle {
	    margin: 19px 0 24px;
	}
	.page6 .custom-header .btn-main {
	    width: 300px;
	    font-size: 15px;
	}
    .custom-header > nav, .custom-header > div{
        padding-top: 10px;
    }
    .main-block {
        min-height: 310px;
    }
    .page46 .custom-header a{
        margin-top: 30px;
        font-size: 18px;
    }
    .page46 .nav-tabs .nav-link{
        font-size: 18px;
    }
}
/* Statistic block */
@media only screen and (max-width: 1023px) {
  .ct72, .ct-bigheading{
        font-size: 32px;
    }  
}
@media only screen and (max-width: 767px) {
    .figures-block > .row > .col-md-3{
        width: 50%
    }
    .figures-block > .row > .col-md-3:nth-child(n+3){
        margin-top: 16px;
    }
    .figures-block{
        padding: 24px;
    }
    .figures-block > .row > .col-md-3 span{
        font-size: 12px;
    }
    .figures-block > div > div > p{
        margin: 0;
        padding: 0;
    }
}
@media only screen and (max-width: 600px) {
    a.primary {
        padding: 12px 10px;
        font-size: 16px;
    }
}

/* courses-box */
.courses-box{
    position: relative;
}
.bage-v{
    position: absolute;
    right: 40px;
}
a.course-box {
    margin-top: 25px;
}
.btn-wrapper{
    margin-top: 50px;
}
.courses-b{
    padding: 0 15px;
}
@media screen and (max-width: 1679px) and (min-width: 1200px) {
    .col-lg-3{
        flex: 0 0 33%;
        max-width: 33%;
    }
}

@media only screen and (max-width: 1279px) {
    .courses-box .col-md-3{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .courses-box{
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1023px) {
    .courses-box h3.heading{
        padding-right: 220px;
        margin-bottom: 16px
    }
    .courses-box .bage-v img {
        margin-top: -60px;
        width: 160px;
    }
    .course-box-desc{
        padding-right: 220px
    }
    .course-box h4{
        font-size: 20px
    }
    .course-box p{
        font-size: 12px;
        margin-bottom: 0;
    }
    .courses-box a img{
        margin-top: -4px;
        max-width: 64px;
        max-height: 64px;
    }
}
@media only screen and (max-width: 767px) {
    .courses-box .bage-v img{
        width: 72px;
        margin-top: -34px;
    }
    .bage-v {
        right: 8px;
    }
    .courses-box h3.heading {
        padding-right: 90px;
    }
    .courses-box{
        padding: 24px;
    }
    .course-box-desc {
        padding-right: 0;
    }
    .course-box-desc{
        margin-bottom: 15px;
    }
    .courses-box a img.bage-o{
        width: 40px;
        margin-left: -96px;
        margin-top: -8px;
    }
    .courses-box a img {
        margin-top: 8px;
        max-width: 51px;
        margin-left: -81px;
    }
    .courses-box a.course-box{
        padding-left: 80px;
    }
    .courses-box .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media only screen and (max-width: 600px) {
    .btn-wrapper{
        flex-direction: column;
        align-items: center;
        display: flex;
    }
    .btn-wrapper .btn-main:nth-child(n+2) {
        margin:  1rem 0 0 0;
    }
    .btn-wrapper .btn-main{
        width: 100%;
        max-width: 272px;
    }
    .courses-box {
        padding: 24px 24px 32px 24px;
    }
}
/* Book place */
.book-place {
    overflow: hidden;
    position: relative;
    background: #5A2D8E;
    padding: 45px 40px 60px;
}
.book-place .container, .book-place .row, .book-place .ex-course{
    height: 100%;
}
.book-place .subtitle{
    margin: 12px 0 20px;  
}
.book-place.orange-book{
    background: #F68A41;
}
.book-place.orange-book .book-img{
    right: 0;
    left: auto;
}
.book-img{
    position: absolute;
    right: 0;
    top: 0;
    left: calc(100% - 800px);
}
.book-place h2{
    color: #FFFFFF;
    margin: 0;
    font-size: 42px;
}
.second-btn{
    color: #5A2D8E;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFE5D6 100%);
}
.book-place .ex-course{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.book-place button{
    max-width: 473px;
    font-size: 23px;
}
.box-firm.slick-slide{
      padding: 0 15px;
}
@media only screen and (max-width: 1679px) {
.book-place{
        height: 512px;
    padding: 0;
}

.book-place.orange-book .ex-course{
    background: #F68A41;
}

.book-place .ex-course{
    background: #5a2d8e;
    z-index: 2;
}
.book-img{
    height: 100%
}
.subtitle{
    margin: 20px 0 28px;
}
.box-firm span{
    max-width: 100%;
    background-size: contain;
}
}
@media only screen and (max-width: 1436px) {
    .book-img{
        left: 43%;
    }
}
@media only screen and (max-width: 1279px) {
    .book-place {
        height: 424px;
        padding: 0;
    }
    .book-place h2{
        font-size: 30px;
    }
    .book-place .subtitle{
        font-size: 16px;
    }
    .testimonials{
        overflow: hidden
    }
    .testimonials-wrapper{
        overflow: visible;
    }
    .box-firms-a .box-firm:nth-child(n+4) {
        display: none;
    }
    .col-xs-6.col-sm-3.box-firm.box-firm {
        flex: 0 0 33%;
        max-width: 33%;
    }
    .box-firm span {
        display: block;
        width: 375px;
        /*min-height: 369px;*/
    }
}
@media only screen and (max-width: 1023px) {
    .book-place{
        height: auto
    }
    .book-img{
        position: static;
        width: 100%;
    }
    .book-place h2 br{
        display: none;
    }
    .subtitle{
        max-width: inherit;
    }
   /* .box-firm span{
        min-height: 300px;
    }*/
    .book-place .ex-course {
        padding: 32px 27px 32px 27px;
    }
    .book-place button{
        width: 326px;
        max-width: 100%;
    }
}
@media only screen and (max-width: 600px) {
    .book-place .ex-course{
        padding: 32px 27px 32px 27px;
    }
    .subtitle{
        margin: 1rem 0;
    }
    .sliderv{
        display: none;
    }
    /*.book-place{
        margin-left: -27px;
        margin-right: -27px;
    }*/
    .book-place button{
        font-size: 16px;
    }
    
}
/* Carousel */
/* delete */
#mainbody{
  overflow: hidden;
}
#WebBottom{
  display: none;
}
#WebBottomFotter{
  display: none;
}
/*=========*/
.box-firm span{
    /*display: block;*/
    width: 100%;
        transition: all 0s;
    /*min-height: 420px;*/
    background-repeat: no-repeat;
}
.box-text{
    position: relative;
}
.box-text:before {
    content: '';
    height: 98px;
    position: absolute;
    bottom: 62px;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
    transition: height .25s ease;
}
.box-text.show:before{
    display: none;
}
[data-slick-index="5"] .box-text:before, [data-slick-index="11"] .box-text:before{
    display: none;
}
/*.slick-list.draggable{
    margin-right: -255px;
    margin-left: -15px;
}*/

/* delete */
/*.box-firm span{
    background-image: url(/img/pages/testimonial-2.jpg) !important;
}*/
/*====*/

.box-firms-a .box-firm:nth-child(n+5) {
    display: none;
}
.testimonials-wrapper{
    overflow: hidden;
    position: relative;
    background: #F2F2F2;
    padding: 40px;
    max-width: 100%;
}
.box-text{
    background: #fff;
    padding: 20px;
    font-size: 16px;
}
.testimonials-wrapper iframe{
    max-width: 320px;
    min-height: 420px;
}
.testimonials-wrapper h3{
    margin-bottom: 24px;
}
.testimonials-wrapper .slick-slide{
    margin-right: 40px;
}
.testimonials-wrapper .box-firm{
    overflow: hidden;
}
.testimonials-wrapper .box-firm .adaptive-version{
    position: relative;
}
.sl-arrow{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.testimonial-slider .slick-arrow{
    top: -162px;
}
.testimonial-slider .slick-list{
    margin-left: 0;
    margin-right: -120px;
}

.testimonial-person{
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-top: 20px;
    min-height: 90px;
}
.testimonial-person img{
    max-width: 62px;
}
.fb-img{
    position: absolute;
    left: 45px;
    top: -6px;
}
.testimonial-profile{
    margin-left: 16px;
}
.testimonial-profile .testimonial-name{
    font-weight: 600;
    font-size: 22px;
    line-height: 125%;
    color: #000000;
}
.testimonials-subject{
    font-size: 16px;
    line-height: 150%;
    color: #000000;
}
.testimonial-profile p{
    margin-bottom: 5px;
}
.teacher-wrapper .sliderv{
    position: absolute;
    top: 45px;
    right: 40px;
}
.testimonials-wrapper .sliderv{
    position: absolute;
    top: 45px;
    right: 40px;
}
.sliderv{
    position: absolute;
    top: 45px;
    right: 40px;  
}
.slick-arrow{
        position: absolute;
    top: 46px;
    z-index: 99;
    border: none;
    background: none;
    padding: 0;
}

.pull-left{
    right: 100px;
}
.pull-right{
  right: 20px;
}
@media only screen and (max-width: 1679px) {
/*  .box-firm span {
        min-height: 358px;
    }*/
    .testimonial-slider .slick-list {
        margin-left: 0;
        margin-right: -320px;
    }
    
}
@media only screen and (max-width: 1279px) {
    .testimonial-slider .slick-arrow {
        top: -136px;
    }
    .slick-arrow img {
        width: 32px;
        height: 40px;
    }
    .testimonial-slider .pull-left {
        right: 84px;
    }
    .testimonial-slider .box-firm span {
        /*display: block;*/
        /*min-height: 358px;*/
    }
    .testimonials{
        overflow: hidden
    }
    .testimonials-wrapper{
        overflow: visible;
    }
    .box-firms-a .box-firm:nth-child(n+4) {
        display: none;
    }
    .col-xs-6.col-sm-3.box-firm.box-firm {
        flex: 0 0 33%;
        max-width: 33%;
    }
    .box-firm span {
        display: block;
        min-height: 369px;
    }
}
@media only screen and (max-width: 1280px) {
.testimonial-slider {
     overflow: visible; 
}
}

@media only screen and (max-width: 1023px) {
    .testimonial-slider .box-firm span {
        width: 100%;
        /*min-height: 312px;*/
    }
    .testimonials-wrapper .slick-slide {
        margin-right: 16px;
    }
    .testimonial-slider .slick-arrow {
        top: -129px;
    }
    .testimonial-slider .pull-left {
        right: 63px;
    }
    .col-xs-6.col-sm-3.box-firm.box-firm {
        padding: 8px;
    }
    .box-firm span {
        min-height: 278px;
    }
    .testimonial-profile .testimonial-name{
        font-size: 16px
    }
    .testimonials-subject{
        font-size: 14px;
    }
   /* .slick-list.draggable{
        margin-right: -410px;
    }*/
  /*  .box-firm span {
        min-height: 335px;
    }*/
    .sliderv .arleft, .sliderv .arright{
        width: 30px;
        height: 24px;
        background-size: contain;
    }
    .testimonials-wrapper h3{
        margin-bottom: 16px;
    }
    .slick-arrow{
        top: 64px;
    }
    .slick-arrow img{
        width: 24px;
        height: 30px;
    }
    .pull-left {
        right: 76px;
    }
}
@media only screen and (max-width: 767px) {
    .testimonial-slider .slick-arrow {
    top: -92px;
}
}
@media only screen and (max-width: 684px) {
    .testimonial-slider .slick-arrow {
        top: -112px;
    }
}
@media only screen and (max-width: 600px) {
    .col-xs-6.col-sm-3.box-firm.box-firm {
        flex: 0 0 43%;
        max-width: 43%;
    }
   /* .box-firm span{
        min-height: 327px;
    }*/
    .box-firms-a .box-firm:nth-child(n+3) {
        display: none;
    }
    .testimonials-wrapper{
        background: none;
        padding: 0 0 0 15px;
    }
    .testimonial-slider .slick-list {
        margin-left: 0;
        margin-right: -60px;
    }
    .testimonials-wrapper .slick-slide {
    margin-right: 8px;
}
.box-text{
    font-size: 14px;
    padding-top: 10px;
}
.testimonials-wrapper .text-subtitle {
    margin-bottom: 10px;
}
.testimonial-person{
    padding-left: 15px;
    min-height: 73px;
    display: block;
}
.testimonial-profile{
    margin: 10px 0 0 0;
}
.box-text{
    padding: 20px 10px;
}
.testimonials-wrapper .show-btn{
        margin: 5px auto 0;
    }
    .box-text:before{
        height: 94px;
        bottom: 57px;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 115%);;
    }
}
@media only screen and (max-width: 480px) {
    .testimonial-slider .slick-list {
        margin-left: 0;
        margin-right: -290px;
    }
    section.testimonials{
        margin-bottom: -45px;
    }
    /*.testimonial-slider .box-firm span {
        min-height: 327px;
    }*/
}
/* Teacher slider */


.teacher-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 0;
    max-width: 688px;
}
.shadow-block{
    position: relative;
}
.shadow-block:after{
    content: '';
    width: calc(100% + 80px);
    height: auto;
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    z-index: 0;
    opacity: 0.7;
    top: -90px;
    left: -40px;
    bottom: -40px;
}
.teacher-wrapper > h2{
    position: relative;
    top: 40px;
    z-index: 3;
}
.teacher-wrapper h2{
    font-weight: 800;
    line-height: 125%;
    color: #FFFFFF;
    margin-bottom: -60px;
    padding-left: 38px;
}
.teacher-wrapper .box-bigfeed-view{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
}
.teach-desc{
    width: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.sliderv .arleftw {
    position: absolute;
    top: 0;
    right: 80px;
    background-image: url(/img/pages/w-right-arrow.png);
    
}
.sliderv .arrightw {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    background-image: url(/img/pages/w-left-arrow.png);
}
.teacher-name{
    font-weight: 800;
    font-size: 32px;
    line-height: 125%;
    color: #FFFFFF;
}
.teacher-subject{
    font-weight: bold;
    font-size: 24px;
    line-height: 125%;
    color: #FFFFFF;
}
.t-img{
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    height: 100%;
    transform: translateX(-50%);
}
.teach-info{
    z-index: 2;
}
.teacher-experience{
    font-size: 24px;
    line-height: 125%;
    color: #FFFFFF;
}
.teacher-text{
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    margin-bottom: 0;
    z-index: 2;
}
.circle-wrapper{
    display: flex;
    align-items: center;
    padding: 0;
    z-index: 2;
}
.circle{
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    padding: 20px;
    width: 138px;
    height: 138px;
    background: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    justify-content: center;
}
.circle-bg{
        z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 132px;
    height: 140px;
    left: 50%;
    transform: translateX(-49%);
}
.circle strong, .circle-2 strong{
    display: block;
    font-size: 40px;
    line-height: 40px;
}
.circle-2{
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    margin-left: -11px;
    text-align: center;
    width: 138px;
    height: 138px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.row-feed-wide{
    overflow: hidden;
    position: relative;
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    padding: 40px;
    min-height: 800px;
    max-width: 688px;
}
.choose-wrapper{
    position: relative;
    padding: 36px;
    max-width: 688px;
    background: #F68A41;
}
.choose-wrapper h2{
    font-weight: 800;
    color: #FFFFFF;
    margin-bottom: 24px;
}

.choose-wrapper h3{
    font-weight: 800;
    font-size: 32px;
    line-height: 125%;
    color: #FFFFFF;
}
.choose-wrapper  p{
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
}
.ua-book{
    position: absolute;
    right: 56px;
    bottom: 0;
}
.star-block{
    margin-top: 70px;
    margin-left: 10px;
    padding: 20px;
    position: relative;
    width: 277px;
    height: 277px;
    background-image: url(/img/pages/why-star.png);
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.choose-wrapper .star-title{
    font-weight: 800;
    font-size: 32px;
    line-height: 125%;
    text-align: center;
}
.choose-wrapper .star-text{
    text-align: center;
    font-weight: 400;
}
.teacher-slider .t-img{
    left: 25%;
}
@media only screen and (max-width: 1679px) {
    .teacher-wrapper, .row-feed-wide, .choose-wrapper{
        max-width: 560px;
        min-height: 763px;
    }
    .circle, .circle-2{
        width: 122px;
        height: 122px;
        padding: 17px;
        font-size: 12px;
        line-height: normal;
    }
    .circle strong, .circle-2 strong{
        font-size: 32px;
    }
    .teacher-name{
        font-size: 24px;
    }
    .teacher-subject{
        font-size: 16px;
    }
    .circle-2{
        margin-left: -4px;
    }
    .circle-bg {
        top: -3px;
        width: 122px;
        height: 130px;
        transform: translateX(-51%);
    }
    .star-block{
        width: 240px;
        height: 240px;
        background-size: contain;
        margin-bottom: 19px;
        margin-left: -20px;
    }
    .choose-wrapper .star-title{
        font-size: 24px;
        margin-bottom: 8px;
    }
    .choose-wrapper .star-text{
        font-size: 14px;
    }
    .choose-wrapper h3{
        font-size: 24px
    }
    .contact-row{
        margin-left: 38px
    }
}
@media only screen and (max-width: 1279px) {
    .teacher-wrapper{
        flex: 0 0 100%;
        max-width: inherit;
        min-height: inherit;
    }
    .teacher-slider .t-img {
        height: 100%;
        width: auto;
        left: 50%
    }
    .shadow-block:after{
        bottom: -100px;
    }
    .row-feed-wide{
        min-height: 640px;
        max-width: inherit;
        padding-bottom: 48px;
    }
    .t-img {
        width: 100%;
        height: auto;
    }
    .circle, .circle-2 {
        width: 138px;
        height: 138px;
        padding: 17px;
    }
    .circle-2 {
        margin-left: -11px;
    }
    .circle-bg {
        top: 0;
        width: 128px;
        height: 138px;
        transform: translateX(-51%);
    }
    .teacher-name{
        width: 100%
    }
    .teacher-name br{
        display: none
    }
    .teach-info{
            display: flex;
        flex-wrap: wrap;
        max-width: 50%;
        align-items: center;
        flex-basis: 100%;
    }
    .teach-info p {
        margin-bottom: 8px;
    }
    .circle-wrapper{
        position: absolute;
        bottom: 0;
        right: 50px;
    }
    .teacher-text{
        width: 60%
    }
    .teacher-experience {
        font-size: 16px;
        margin-left: 24px;
    }
    .choose-wrapper{
        margin-top: 32px;
        flex: 0 0 100%;
        max-width: inherit;
        padding-right: 52%;
        min-height: 418px;
    }
    .star-block{
            position: absolute;
            top: 0;
            left: 52%;
            margin-top: 47px;
        }
    .ua-book{
        right: 40px
    }
}
@media only screen and (max-width: 1023px) {
    .teacher-wrapper .box-bigfeed-view {
        top: 4px
    }
    .sliderv .arleftw{
        right: 70px;
    }
    .t-img {
        width: 100%;
        height: auto;
    }
    .teacher-text {
        width: 100%;
    }
    .circle, .circle-2 {
        width: 122px;
        height: 122px;
        padding: 17px;
    }
    .circle-bg {
        top: -2px;
        width: 122px;
        height: 126px;
        transform: translateX(-46%);
    }
    .circle-wrapper {
        bottom: 56px;
        right: 40px;
    }
    .teacher-experience{
        margin-left: 0
    }
    .choose-wrapper {
        padding: 40px 40px 375px;
    }
    .choose-wrapper h2{
        margin-bottom: 16px;
    }
    .choose-wrapper h3 {
        font-size: 20px;
    }
    .choose-wrapper p{
        font-size: 14px;
    }
    .ua-book{
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
    .star-block{
        top: auto;
        left: 10%;
        bottom: 75px;
    }
    .sliderv {
        position: absolute;
        top: 49px;
        right: 40px;
    }
    .teacher-slider .t-img{
        left: 23%;
    }
}
@media only screen and (max-width: 768px) {
    .why-us{
        padding: 0 15px;
    }
}
@media only screen and (max-width: 600px) {
    .teacher-slider .slick-track{
        display: flex;
    }
    .teacher-slider .slick-track .slick-slide{
        /*min-width: 292px;*/
        margin-right: 16px;
    }
    .teacher-slider .slick-list{
        margin-right: -71px
    }
    .teacher-slider .circle-wrapper {
        bottom: 22px;
        right: -9px;
    }
    .teacher-slider .t-img {
        left: 0%;
    }
    .teacher-slider .teach-desc {
        padding-right: 65px;
    }
    .teacher-wrapper h2{
        padding-left: 0;
        margin: 0;
        color: #000000;
        position: static;
        margin-bottom: 16px;
    }
    .t-img {
        width: auto;
        height: 100%;
    }
    .box-bigfeeds{
        display: flex;
        margin-right: -209px;
    }
    .row-feed-wide{
        margin-right: 8px;
        overflow: hidden;
        max-width: 292px;
        min-height: 440px;
        padding: 25px;
    }
    .box-bigfeed:nth-child(-n+2){
        display: flex;
    }
    .why-us {
        overflow: hidden;
        /*margin-left: -27px;
        margin-right: -27px;*/
    }
    .teacher-wrapper{
        overflow: visible;
        padding: 0 27px 0 0;
    }
    .choose-wrapper {
        margin: 24px 0px 0;
            width: auto;
        max-width: fit-content;
    }
    .teach-info p {
        font-size: 16px;
        font-weight: 400;
    }

    .teach-info{
        max-width: 100%;
    }
    .circle, .circle-2 {
        width: 72px;
        height: 72px;
        padding: 10px;
        font-size: 8px;
        line-height: normal;
    }
    .teach-info .teacher-name{
        font-size: 16px;
        font-weight: 800;
    }
    .teach-info p{
        font-size: 12px;
    }
    .teacher-text {
        font-size: 10px;
    }
    .teach-desc{
        padding-right: 80px;
    }
    .circle-wrapper {
        display: flex;
        flex-direction: column;
        right: 0;
        top: auto;
        bottom: 0;
    }
    .circle strong, .circle-2 strong{
        font-size: 20px;
        line-height: normal;
    }
    .circle-bg{
        bottom: auto;
        transform: rotate(90deg);
        right: -5px;
        left: auto;
        top: -6px;
        width: 72px;
        height: 76px;
    }
    .circle-2{
        padding-top: 0;
        padding-left: 16px;
        padding-right: 5px;
    }
    .choose-wrapper .star-title {
        font-size: 12px;
        margin-bottom: 3px;
    }
    .choose-wrapper .star-text {
        font-size: 7px;
        margin-bottom: 0;
    }
    .star-block{
        width: 120px;
        height: 120px;
        left: 50%;
        transform: translateX(-94%);
    }
    .choose-wrapper h3 {
        font-size: 16px;
    }
    .choose-wrapper {
        padding: 24px 24px 250px;
    }
    .choose-wrapper p {
        font-size: 12px;
    }
    .ua-book{
        width: 240px;
    }
    .box-firm.slick-slide {
    padding: 0 7px;
}

}
@media only screen and (max-width: 480px) {
  .slick-list.draggable {
      margin-right: -15px;
  }
  .slick-list.draggable {
    margin-right: -265px;
}
.slick-list.draggable{
  margin-left: 0;
}
.teacher-slider .teach-info p{
    margin-bottom: 4px
}
}
/* FROM BLOCK */
.form{
    background: #F2F2F2;
    padding: 40px;
}
.form-year{
    margin-top: 0;
    padding-top: 80px;
}
.form-row{
    width: 100%;
}
.form input, .form select{
    border: 1px solid #B3B3B3;
    box-sizing: border-box;
    border-radius: 16px;
    height: 80px;
    margin-top: 16px;
    font-size: 24px;
    color: #888888;
}
.input-div:first-child input{
    margin-top: 0;
}
.sendb, .validate-button{
    margin-top: 16px;
}
.messengers{
    margin-top: 34px;
}
.mes-text{
    margin-bottom: 0;
    margin-right: 23px;
}
.messengers img{
    margin-left: 16px;
}
.c-text{
    margin-left: 22px;
}
.c-text p{
    margin: 6px 0 0;
}
.c-text h4{
    margin: 0;
    font-weight: 800;
}
.contact-row{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: 48px;
}
.contact-row:nth-child(n+2){
    margin-top: 24px;
}
@media only screen and (max-width: 1279px) {
    .contact-row{
        flex-wrap: nowrap;
        margin-left: 15px
    }
    .form input, .form select{
        height: 72px
    }
}
@media only screen and (max-width: 1023px) {
    .form-row{
        flex-direction: column-reverse;
    }
    .contact-row{
        margin-left: 0;
    }
    .contact-row img{
        max-width: 64px;
    }
    .form-row form{
        margin-top: 40px;
    }
    .form input, .form select {
        height: 64px;
    }
}
@media only screen and (max-width: 600px) {
    .form{
        padding: 24px;
    }
    .form .container{
        padding: 0;
    }
    .form-row form {
        margin-top: 32px;
    }
    .form input, .form select {
        height: 48px;
        font-size: 16px;
        margin-top: 8px;
    }
    a.primary{
        margin-top: 8px;
    }
    .messengers {
        margin-top: 32px;
        flex-wrap: wrap;
    }
    .mes-text{
        width: 100%;
        text-align: center;
        margin-right: 0;
        margin-bottom: 16px;
    }
    .mes-text br{
        display: none;
    }
}
/* ============= */
/* Cool block */

.box-testim{
    position: relative;
    min-height: 710px;
    padding: 40px;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
}
.box-testim:nth-child(n+2){
    display: none;
}
.box-testims-t{
    position: relative;
    overflow: hidden;
}
.mt-space .box-testims-t h2 {
    position: absolute;
    color: #fff;
    top: 40px;
    left: 0;
    z-index: 2;
    padding-left: 40px;
    width: 100%;
}
.box-testim p{
    position: relative;
    z-index: 1;
    color: #ffffff;
}

.cool-text p{
    line-height: 125%;
    color: #FFFFFF;
    margin-bottom: 0;
}
.cool-text .cool-bold{
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 16px;
}
/*.sid-block{
    display: flex;
    justify-content: flex-end;
}*/

.half-block{
    position: relative;
    width: 100%;
    max-width: 432px;
    background: #5A2D8E;
    text-align: center;
    padding: 72px 40px;
}
.ytb-link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.half-block h2{
    margin-top: 55px;
    color: #fff;
    text-align: left;
    max-width: inherit;
}
.sliderv{
    z-index: 3;
}
@media only screen and (max-width: 1679px) {
    .box-testim{
        min-height: 585px;
    }
    .half-block{
        max-width: 352px;
    }
    .half-block .y-img{
        max-width: 170px;
    }
    .half-block h2{
        margin-bottom: 0
    }
    .cool-text .cool-bold{
        font-size: 32px;
    }
    .cool-text p{
        font-size: 24px
    }
    .sliderv .arrightw{
        right: 20px
    }
}
@media only screen and (max-width: 1279px) {
    .half-block{
        max-width: 288px;
        padding: 72px 40px 56px;
    }
    .box-testim {
        min-height: 464px;
    }
    .half-block .y-img {
        max-width: 113px;
    }
    .cool-text .cool-bold {
        font-size: 24px;
        margin-bottom: 16px;
    }
    .cool-text p {
        font-size: 16px;
    }
    .sliderv .arleftw, .sliderv .arrightw{
        height: 32px;
        background-size: contain;
    }
}
@media only screen and (max-width: 1023px) {
    .half-block{
        max-width: 304px;
    }
    .cool-slider-fw .slick-arrow {
        top: 46px;
    }
}
/* Community block */
.or-cool{
    background: #F68A41;
}
.grey-cool{
    padding: 40px;
    background: #F2F2F2;
    max-width: 944px;
}
.days-block{
    display: flex;
    flex-wrap: wrap;
}
.days-block .days{
    display: flex;
    font-weight: 800;
    font-size: 88px;
    line-height: 100%;
    color: #F68A41;
    margin-bottom: 0;
}
.days-block img{
    margin-right: 32px;
}
.marks-block{
    display: flex;
    flex-wrap: wrap;
}
.marks-block .marks{
    display: flex;
    font-weight: 800;
    font-size: 88px;
    line-height: 100%;
    color: #5A2D8E;
    margin-bottom: 0;
}
.marks-block img{
    margin-right: 32px;
}
.statistic-row .subtitle-text{
    margin-top: 24px;
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 0;
}
.st-btn{
    margin-top: 64px;
}
@media only screen and (max-width: 600px) {
    .box-testims-t h2{
       position: static;
       color: #000000;
       margin-bottom: 16px;
    }
    .cool-slider-fw .slick-list.draggable{
        margin-right: 0;
    }
    .cool-slider-fw .shadow-block:after{
        display: none;
    }
    /*.box-testims{
        display: flex;
        margin-right: -242px;
    }*/
    
/*    .box-testim{
        padding: 24px;
        min-height: 243px;
        max-width: 292px;
        margin-right: 16px;
    }*/
    /* === */
    .box-testims{
        display: flex;
        margin-right: 0;
    }
    .box-testim{
        padding: 24px;
        min-height: 243px;
        max-width: 100%;
        margin-right: 0;
    }
    /* ==== */
    .box-testim:nth-child(-n+2) {
        display: flex;
    }
    
    .grey-cool h2{
        font-size: 32px;
    }
    .st-btn{
        text-align: center;
    }
    .st-btn button{
        width: 100%;
        max-width: 272px;
        margin: 0 auto;
    }
    .grey-cool {
        padding: 24px 24px 32px;
    }
    .s-cool .col-md-12.mt-space{
        width: 100%;
    }
}

@media only screen and (max-width: 1679px) {
    .st-btn {
        margin-top: 48px;
    }
    .days-block .days, .marks-block .marks{
        font-size: 72px;
    }
    .days-block img, .marks-block img{
        height: 144px
    }
}
@media only screen and (max-width: 1279px) {
    .half-block .community-img{
        max-width: 143px;
    }
    .days-block img, .marks-block img {
        height: 96px;
    }
    .days-block .days, .marks-block .marks {
        font-size: 48px;
    }
    .statistic-row{
        align-items: baseline;
    }
    .statistic-row .subtitle-text{
        font-size: 16px
    }
}
@media only screen and (max-width: 1023px) {
    .grey-cool{
        margin-top: 30px;
    }
    .or-cool, .sid-block{
        width: 49%;
    }
    .box-testims-t{
        padding: 0;
        margin-bottom: 32px;
    }
    .half-block {
        padding: 72px 40px 48px;
    }
    .days-block img, .marks-block img{
        width: 48px;
    }
    .st-btn {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .days-block{
        width: 50%;
    }
    .marks-block{
        width: 50%;
    }
    .st-btn {
        margin-top: 30px;
    }
}
/* Control block */
.control{
    padding: 40px 40px 0;
    background: #5A2D8E;
    color: #fff;
} 
.control h2{
    color: #ffffff;
}
.control h4{
    font-weight: 800;
    margin-bottom: 16px;
}
.control-row{
    margin-top: 48px;
}
.control-img{
    position: relative;
    text-align: center;
    margin-top: 70px;
}
.control-star{
    position: absolute;
    right: 125px;
    top: -40px;
}
.control-row p{
    color: #fff;
}
@media only screen and (max-width: 600px) {
    .days-block {
        width: 100%;
    }
    .marks-block{
        margin-top: 24px;
        width: 100%;
    }
    .statistic-row .subtitle-text {
        font-size: 14px;
        margin-top: 16px;
    }
    /*.control{
        margin-left: -27px;
        margin-right: -27px;
    }*/
    /*.shadow-block:after{
        display: none;
    }*/
    .shadow-block:before{
        display: none;
    }
    .cool-text .cool-bold{
        font-weight: 800;
        font-size: 16px;
        line-height: 125%;
        color: #000000;
        margin: 16px 0 5px;
    }
    .cool-text p{
        font-size: 14px;
        line-height: 125%;
        color: #000000;
    }
}


@media only screen and (max-width: 1679px) {
    .control-star {
        right: 50px;
        width: 200px;
    }
    .c-img{
        height: 327px;
        max-width: 100%;
    }
}
@media only screen and (max-width: 1279px) {
    .control-row {
        margin-top: 40px;
    }
    .control h4{
        font-size: 20px;
    }
    .c-img{
        height: 245px
    }
}
@media only screen and (max-width: 1023px) {
    .control-row {
        margin-top: 24px;
    }
    .control h4 {
        margin-bottom: 8px;
        margin-top: 16px
    }
    .c-img {
        height: 179px;
    }
    .control-star {
        right: 0;
        width: 160px;
    }
}
@media only screen and (max-width: 600px) {
    .control {
        padding: 24px 24px 0;
        overflow: hidden;
    }
    .control .container{
        padding: 0;
    }
    .control h4 {
        font-size: 16px;
    }
    .control p{
        font-size: 12px;
        margin-bottom: 0;
    }
    .control-star{
        left: 10px;
        width: 120px;
    }
    .c-img {
        max-width: initial;
        margin-left: 12px;
    }
}
/* FAQ */
.f2-text .heading{
    margin-bottom: 48px;
}
.f2-faq-item:nth-of-type(1){
    border-top: 1px solid #CCCCCC;
}
.f2-faq-item{
    border-bottom: 1px solid #CCCCCC;
}
.f2-faq-item .ee {
    cursor: pointer;
    font-weight: bold;
    font-size: 32px;
    line-height: 150%;
    color: #000000;
    padding: 15px 0;
}
.f2-faq-item {
    position: relative;
    border-bottom: 1px solid #E5E5E5;
    cursor: pointer;
    background-repeat: no-repeat;
    transition: all .3s;
}
.f2-faq-item:after {
    content: '';
    width: 30px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 30px;
    background: url(/img/pages/arrow-down.png);
    transition: all .3s;
}
.f2-faq-item-open:after{
    content: '';
    transform: rotate(180deg);
    transition: all .3s;
}
.f2-faq-text.eep p {
    font-size: 18px;
}
@media only screen and (max-width: 1679px) {
    .f2-faq-item .ee{
        font-size: 24px
    }
    .f2-faq-item:after{
        content: '';
        width: 20px;
        height: 16px;
        background-size: contain;
    }
}
@media only screen and (max-width: 1279px) {
    .f2-text .heading {
        margin-bottom: 24px;
    }
}
@media only screen and (max-width: 1023px) {
    .f2-faq-item .ee {
        font-size: 20px;
        padding-right: 30px;
    }
    .f2-faq-item:after{
        top: 22px;
    }
    .f2-faq-text.eep p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 600px) {
    .f2-text .heading {
        margin-bottom: 16px;
    }
    .f2-faq-item .ee {
        font-size: 16px;
    }
    .f2-faq-text.eep p {
        font-size: 14px;
    }
}


/* Second page */
.grey-section{
    background: #F2F2F2;
    padding: 40px;
    position: relative;
}
.grey-section h4 {
    font-weight: 800;
    font-size: 24px;
    line-height: 125%;
    margin-top: 25px;
    color: #000000;
    text-decoration: none;
    display: block;
}
.grey-section img {
    position: absolute;
    margin-left: -100px;
    top: 10px;
}
.grey-section .grey-box{
    padding-left: 100px;
}
.bage-v{
    position: absolute;
    right: 40px;
}
.grey-box .ee {
    color: #000000;
    text-decoration: none;
    display: block;
}
.grey-sh .grey-box .ee{
    font-size: 20px;
}
.grey-section .course-box-desc{
    margin-bottom: 40px;
    padding-right: 0;
}
@media only screen and (max-width: 1279px) {
    .grey-section .col-md-3{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .grey-section{
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1023px) {
    .grey-section h3.heading{
        margin-bottom: 16px
    }
    .grey-section .bage-v img {
        margin-top: -60px;
        width: 160px;
    }
    .grey-section h4{
        font-size: 20px
    }
    .grey-section .grey-box p{
        font-size: 12px;
        margin-bottom: 0;
    }
    .grey-sectionx .grey-box img{
        margin-top: -4px;
        max-width: 64px;
        max-height: 64px;
    }
    .grey-section .course-box-desc {
        margin-bottom: 25px;
    }
}
@media only screen and (max-width: 767px) {
    .grey-section h4{
        margin-top: 0;
    }
    .grey-section .grey-box{
        padding: 24px;
    }
    .grey-box-desc {
        padding-right: 0;
    }
    .course-box-desc{
        margin-bottom: 15px;
    }

    .grey-section img {
        margin-top: 2px;
        max-width: 51px;
        margin-left: -66px;
    }
    .grey-section .grey-box{
        padding-left: 80px;
        padding-bottom: 0;
    }
    .grey-section .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .grey-section .course-box-desc {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 600px) {
    .grey-section {
        padding: 24px 24px 32px 24px;
    }
    .courses-b{
        padding: 0;
    }
    .grey-section .grey-box {
        padding-left: 66px;
        padding-bottom: 0;
    }
    .grey-section h4{
        font-size: 16px;
    }
    .grey-section .grey-sh .grey-box h4 {
        font-size: 16px;
    }
}

/* TABS */
.nav-tabs {
    flex-wrap: nowrap;
    border-bottom: none;
}
.page412 .nav-tabs .nav-item .nav-link,
.page50 .nav-tabs .nav-item .nav-link{
    width: 100%;
     background: none;
    color: #000;
    border: 0;
    font-weight: 800;
    font-size: 55px;
}
.page412 .nav-tabs .nav-item,
.page50 .nav-tabs .nav-item {
    width: 100%;
}

.page412 .nav-tabs .nav-item .nav-link{
    width: 100%;
     background: none;
    color: #000;
    border: 0;
    font-weight: 800;
    font-size: 55px;
}
.page412 .nav-tabs .nav-item {
    width: 100%;
}
.nav-tabs .nav-link{
    height: 100%;
    color: #5A2D8E;
    border: 2px solid #D6D6D6;
    border-bottom: none;
    box-sizing: border-box;
    font-weight: 600;
    border-radius: 16px 16px 0 0;
    text-align: center;
    font-size: 32px;
    line-height: normal;
    padding: 24px 0;
}
/*.page46 .nav-tabs .nav-link {
    border: none !important;
    border-radius: 16px;
    color: #fff;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}*/
/*.page46 .nav-tabs .nav-item{
    width: 100% !important;
    margin-bottom: 30px;
}*/
.nav-tabs .nav-link.active {
      background: #5A2D8E;
    color: #FFFFFF;
    border: 2px solid #5A2D8E;
}
.nav-tabs .nav-item{
    width: 50%;
}
.nav-tabs .nav-item:nth-child(n+2){
    margin-left: 20px;
}

.tab-content{
    background: #5A2D8E;
}
.tab-content .messengers{
    margin-top: 0;
}
.tab-pane{
    padding: 52px 65px 60px 144px;
}
.tab-pane .heading{
    position: relative;
    color: #fff;
    margin-top: 40px;
}
.tab-pane .heading .curtown{
    color: #F68A41;
}
.tab-pane .heading:before{
    content: '';
    position: absolute;
    left: -100px;
    top: 0;
    width: 80px;
    height: 80px;
    background: url(/img/pages/course-logo.png);
}
.custom-filter{
    margin-bottom: 55px;
}
.custom-filter .btn-filt, .custom-filter .btn-filt-p{
    color: #FFFFFF;
    background: linear-gradient(180deg, rgba(123,87,165,1) 0%, rgba(116,79,160,1) 50%, rgba(110,71,156,1) 100%);
    font-size: 24px;
    font-weight: 600;
}
.btn-filt, .btn-filt-p{
    display: inline-block;
    margin: 16px 16px 0 0px;
}
.custom-filter .btn-filt-p span{
    display: block;
    font-size: 16px;
    line-height: 150%;
}
.custom-filter .btn-filt, .custom-filter .btn-filt-p{
    padding: 25px 61px;
}
.custom-filter:last-child{
    margin-bottom: 0;
}
.custom-filter .btn-filt.actf, .custom-filter .btn-filt-p.actf{
    color: #5A2D8E;
    background: #fff;
}
.fcourse{
    display: flex;
    margin-bottom: 48px;
}
.fl-row{
    display: flex;
    align-items: center;
}
.icourse{
    text-align: center;
    width: 32%;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 56px 40px;
    margin-right: 24px;
}
.icourse:nth-child(3n){
    margin-right: 0;
}
.icourse h3{
    font-weight: 800;
    font-size: 32px;
    line-height: 125%;
    text-align: center;
    color: #000000;
}
.icourse p{
    margin: 24px 0 0;
}
.tab-content button{
    /*margin-top: 50px;*/
    font-size: 32px;
}
.tab-content .proposal-box button{
    max-width: 254px;
    padding: 9px 0;
    font-size: 24px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.courses-s{
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #000000;
}
.coursep{
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    font-weight: 600;
}
.tab-content .mes-text{
    color: #fff;
    font-size: 1.5rem;
    line-height: 125%;
}
.c-pass span{
    font-size: 24px;
    line-height: 125%;
    color: #FFFFFF;
}
.cm{
    font-size: 24px;
    line-height: 125%;
    color: #FFFFFF;
    font-weight: 700;
    margin-top: 5px;
}
.cm-sub{
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
}
.t-sp{
    margin-top: 50px;
}
@media only screen and (max-width: 1679px) {
    .tabs .container{
        padding: 0;
    }
   /* .fl-row{
        display: block;
    }*/
    .tab-content button{
        font-size: 26px;
    }
}
@media only screen and (max-width: 1279px) {
    .nav-tabs .nav-link{
        font-size: 24px;
    }
    .page412 .nav-tabs .nav-item .nav-link,
    .page50 .nav-tabs .nav-item .nav-link{
        font-size: 45px;
    }
    .page412 .nav-tabs .nav-item .nav-link{
        font-size: 45px;
    }
    
    .tab-content .fl-row{
        flex-direction: column;
    }
    .tab-content .messengers {
        margin-top: 18px;
    }
    .custom-filter .btn-filt, .custom-filter .btn-filt-p{
        font-size: 20px;
        padding: 19px 43px;
    }
    .custom-filter {
        margin-bottom: 42px;
    }
    .tab-pane {
        padding: 52px 40px 60px 144px;
    }
    .tab-pane .subtitle{
        max-width: 100%;
        font-size: 16px;
    }
    .icourse {
        padding: 32px 24px;
    }
    .icourse img{
        max-width: 80px;
    }
    .icourse h3{
        font-size: 24px;
    }
    .icourse p {
        font-size: 14px;
    }
    .tab-content button{
        margin-top: 32px;
    }
    .tab-content .proposal-box button{
        font-size: 18px;
    }
}
@media only screen and (max-width: 1023px) {
    .tab-pane .heading:before {
        left: -90px;
        width: 64px;
        height: 64px;
        background-size: contain;
    }
    .tab-pane {
        padding: 32px 40px 60px 130px;
    }
    .page412 .nav-tabs .nav-item .nav-link,
    .page50 .nav-tabs .nav-item .nav-link{
        font-size: 40px;
    }
    .page412 .nav-tabs .nav-item .nav-link{
        font-size: 40px;
    }
    .nav-tabs .nav-link {
        font-size: 16px;
    }
    .tab-content .heading{
        font-size: 24px;
    }
    .custom-filter .btn-filt, .custom-filter .btn-filt-p {
        font-size: 16px;
        padding: 14px 33px;
    }
    .fcourse{
        flex-wrap: wrap;
    }
    .icourse{
        width: 47%;
    }
    .icourse:nth-child(n+3){
        margin-top: 40px;
    }
    .icourse:nth-child(3n){
        margin-right: 24;
    }
    .icourse:nth-child(2n){
        margin-right: 0;
    }
    .icourse img {
        max-width: 64px;
    }
    .icourse h3 {
        font-size: 20px;
    }
    .tab-content button {
        margin-top: 24px;
        font-size: 24px;
    }
}
@media only screen and (max-width: 767px) {
    .tab-content .heading {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .tab-pane .heading:before {
        width: 40px;
        height: 40px;
        left: -48px;
    }
    .tab-pane {
        padding: 32px 40px 60px 76px;
    }
    .tab-pane .heading:before{
        top: -9px;
    }
    .page412 .nav-tabs .nav-item .nav-link, .page50 .nav-tabs .nav-item .nav-link{
        font-size: 32px;
    }

}
@media only screen and (max-width: 600px) {
    .tab-pane .heading{
        margin-top: 20px;
    }
    .nav-tabs .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 13px 0;
        font-size: 14px;
    }
    .page412 .nav-tabs .nav-item .nav-link, .page50 .nav-tabs .nav-item .nav-link{
        font-size: 22px;
    }
    .nav-tabs .nav-item{
        height: 65px;
    }
    .tab-pane {
        padding: 32px 25px 40px 50px;
    }
    .proposal-box{
        padding: 15px;
        font-size: 18px;
    }
    .proposal-box .p-image {
        margin-bottom: 15px;
    }
    .tab-content .proposal-box button{
        font-size: 18px;
    }
    .custom-filter .btn-filt, .custom-filter .btn-filt-p {
        font-size: 14px;
        padding: 8px 24px;
        margin-right: 6px;
    }
    .custom-filter {
        margin-bottom: 28px;
    }
    .tab-pane .heading:before {
        top: -3px;
    }
    .nav-tabs .nav-item:nth-child(n+2) {
        margin-left: 8px;
    }
   /* .tab-content {
        margin-left: -27px;
        margin-right: -27px;
    }*/
    .icourse {
        width: 100%;
    }
    .icourse, .icourse:nth-child(3n){
        margin-right: 0;
    }
    .tab-content button {
        margin-top: 16px;
        font-size: 16px;
    }
    .tab-content .messengers {
        margin-top: 24px;
    }
    .tab-content .mes-text{
        font-size: 14px;
    }
    .messengers img{
        max-width: 64px;
    }
    .icourse h3 {
        font-size: 16px;
        margin-top: 8px;
    }
    .icourse p {
        margin: 8px 0 0;
    }
    .icourse:nth-child(n+2){
        margin-top: 20px;
    }
}
/* Way section */
.way-section .text-subtitle{
    margin-bottom: 0;
}
.way-section .way-wrapper{
    margin-top: 48px;
}
.way-section .container{
    background: #F2F2F2;
    padding: 40px 40px 64px;
}
.way-section .toggle-way-btn{
    position: relative;
    cursor: pointer;
}
.way-section .toggle-way-btn:after {
    content: 'Приховати блок';
    width: 150px;
    border-radius: 8px;
    height: 50px;
    position: absolute;
    right: 0;
    background-size: contain;
    transition: all .3s;
    transform: rotate(0deg);
    background: #f68a41;
    font-size: 15px;
    line-height: normal;
    text-align: center;
    padding: 14px 0;
    color: #fff;
    font-weight: 500;
}
.way-section .toggle-way-btn.rotate:after{
    content: 'Показати блок'
}
.way-wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.way-item{
    margin-right: 40px;
    padding: 40px;
    background: #FFFFFF;
    width: 30%;
    flex-grow: 1;
}
.way-item a{
    white-space: nowrap;
    color: #000000;
}
.way-item.p0{
    position: relative;
    padding: 0;
}
.wi-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.way-item.p0 img{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.way-item:nth-child(3n){
    margin-right: 0;
}
.way-item:nth-child(n+4){
    margin-top: 40px;
}
.w-number{
    font-weight: 800;
    font-size: 120px;
    line-height: 125%;
    color: #5A2D8E;
    margin-bottom: 20px;
}
.way-item h3{
    font-weight: 800;
    font-size: 32px;
    line-height: 125%;
    color: #000000;
    margin-bottom: 20px;
}
.way-item .o-abs{
    position: absolute;
    display: flex;
    align-items: center;
    width: 175px;
    height: 175px;
    top: -20px;
    right: 10px;
    background: url(/img/pages/orange-star.png);
    background-size: contain;
    text-align: center;
    padding: 20px;
}
.way-item .p-abs{
   position: absolute;
    display: flex;
    align-items: center;
    width: 175px;
    height: 175px;
    top: -20px;
    right: 10px;
    background: url(/img/pages/purple-star.png);
    background-size: contain;
    text-align: center;
    padding: 20px; 
}
.way-item .p-abs p, .way-item .o-abs p{
    font-weight: 800;
    font-size: 20px;
    line-height: 125%;
    margin-bottom: 0;
}
.o-abs p, .p-abs p{
    color: #fff;
}
@media only screen and (max-width: 1679px) {
    .way-item p{
       font-size: 14px; 
    }
    .way-item h3{
        font-size: 24px;
        margin-bottom: 16px;
    }
    .w-number{
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 1279px) {
    .way-item{
        width: 45%;
    }
    .way-item:last-child{
        display: none;
    }
    .way-item:nth-child(3n){
        margin-right: 40px;
    }
    .way-item:nth-child(2n){
        margin-right: 0;
    }
    .way-item:nth-child(n+3) {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 1023px) {
    .way-item{
        padding: 24px 24px 40px;
        margin-right: 24px;
    }
    .w-number{
        font-size: 80px;
    }
    .way-item h3 {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .way-item p {
        font-size: 12px;
    }
    .way-item .p-abs, .way-item .o-abs{
        padding: 10px;
        width: 140px;
        height: 140px;
        background-size: contain;
    }
    .way-item .p-abs p, .way-item .o-abs p{
        font-size: 16px;
    }
    .way-item.p0:nth-child(2){
        transform: translateX(-30%);
    }
    .way-item:nth-child(n+3) {
        margin-top: 24px;
    }
    .way-section .toggle-way-btn:after {
        right: -20px;
        top: 15px;
    }
    .way-section .toggle-way-btn{
        padding-right: 120px;
    }
}
@media only screen and (max-width: 767px) {
    .way-section .toggle-way-btn:after {
        top: 0px;
    }
    .way-section .toggle-way-btn {
        padding-right: 140px;
    }
}
@media only screen and (max-width: 700px) {
    .way-item {
        width: 100%;
        max-width: 432px;
    }
    .way-section .container {
        background: #F2F2F2;
        padding: 40px 24px 32px;
    }
    .way-item:nth-child(3n) {
        margin: 24px auto 0;
    }
    .wi-wrapper{
        min-height: 344px;
    }
    .way-item .p-abs, .way-item .o-abs{
        padding: 20px;
        right: 0;
    }
    .way-item{
        margin: 0 auto;
    }
    .way-item:nth-child(2n) {
        margin: 24px auto 0;
    }
    .way-item.p0{
        max-height: 344px;
    }
    .way-item.p0 img{
        position: static;
        width: 100%;
        transform: translateX(0);
    }
}
@media only screen and (max-width: 600px) {
    .way-section .toggle-way-btn:after {
        top: 12px;
    }
    .way-section .toggle-way-btn:after {
        width: 126px;
        height: 37px;
        font-size: 12px;
        padding: 9px 0;
    }
    .way-section .toggle-way-btn {
        padding-right: 110px;
    }
}

/* Teacher slider full size */
.teacher-wrapper.full-size{
    max-width: inherit;
    width: 100%;
}
.teacher-wrapper.full-size .row-feed-wide{
    max-width: inherit;
}
.teacher-wrapper.full-size .t-img{
    width: auto;
    height: auto;
    top: 0;

    /*transform: translate(-50%, -37%);*/
}
.full-size .teacher-name{
    width: 100%;
    font-size: 40px;
}
.full-size .teach-info{
    display: flex;
    flex-wrap: wrap;
}
.full-size .teacher-experience{
    margin-left: 32px;
}
.full-size .teacher-text{
    font-size: 24px;
    width: 100%;
    padding-right: 450px;
}
.full-size .circle-wrapper{
    margin-bottom: -100px;
}
@media only screen and (max-width: 1679px) {
    .teacher-wrapper.full-size{
        max-width: inherit;
        min-height: 763px;
    }
    .full-size .teacher-text, .full-size .teacher-experience, .full-size .teacher-subject {
        font-size: 20px;
    }
    .full-size .teacher-name {
        font-size: 32px;
    }
}
@media only screen and (max-width: 1279px) {
    .teacher-wrapper.full-size {
        min-height: 640px;
    }
    .full-size .teacher-name {
        font-size: 24px;
    }
    .full-size .teacher-text, .full-size .teacher-experience, .full-size .teacher-subject {
        font-size: 16px;
    }
    .full-size .circle-wrapper {
        margin-bottom: 0px;
    }
    .full-size .teacher-text{
        padding-right: 330px;
    }
}
@media only screen and (max-width: 1023px) {
    .teacher-wrapper.full-size {
        min-height: 531px;
    }
    .teacher-wrapper.full-size .t-img {
        width: auto;
        height: 100%;
        top: 0;
        transform: translate(-50%, 0);
    }
    .full-size .row-feed-wide {
        min-height: 530px;
    }
    .full-size .teacher-experience{
        margin-left: 0;
    }
    .full-size .teacher-text {
        padding-right: 0;
    }
    .teacher-wrapper.full-size .slick-arrow {
        top: 43px;
    }
}
@media only screen and (max-width: 767px) {
    .teacher-wrapper.full-size{
        padding: 0 27px;
    }
    .teacher-wrapper.full-size .sliderv {
        top: 34px;
        right: 60px;
    }
    .teacher-wrapper.full-size .row-feed-wide{
        overflow: hidden;
    }
    .circle-wrapper {
        bottom: 72px;
        right: 0px;
    }
}
@media only screen and (max-width: 600px) {
    .teacher-wrapper.full-size, .full-size .row-feed-wide {
        min-height: 440px;
    }
    .full-size.teacher-wrapper{
        display: block;
    }
    .full-size .slick-list {
        display: flex;
        margin-right: -279px;
    }
    .teacher-wrapper.full-size, .teacher-name {
        font-size: 16px;
    }
    .full-size .teacher-text, .full-size .teacher-experience, .full-size .teacher-subject {
        font-size: 12px;
    }
    .circle-wrapper {
        bottom: 22px;
        right: 0px;
    }
    .full-size .row-feed-wide{
        padding: 25px 25px 32px;
    }
    .teacher-slider-fw .slick-track .slick-slide {
        /*min-width: 292px;*/
        min-width: auto;
        margin-right: 16px;
    }
    .teacher-wrapper.full-size .t-img{
        left: 80px;
    }
    .teacher-slider-fw .slick-track{
        display: flex
    }
    /* Delete in the future */
    .full-size.teacher-wrapper{
        padding: 0;
    }
    .teacher-slider-fw .slick-track{
        margin-left: 0;
    }
}
@media only screen and (max-width: 480px) {
    .teacher-wrapper.full-size .teach-desc {
        padding-right: 54px;
    }
    .teacher-wrapper.full-size .circle-wrapper{
        right: -23px;
    }
    .teacher-wrapper.full-size .t-img {
        left: 13px;
    }
}


/* Cool slider */
.cool-slider .box-bigfeed:nth-child(n+2) {
    display: none;
}

.cool-slider{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 0;
    max-width: 688px;
}
.shadow-block:before{
    content: '';
    width: calc(100% + 80px);
    height: auto;
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    z-index: 0;
    opacity: 0.7;
    top: -90px;
    left: -40px;
    bottom: -40px;
}
.cool-slider > h2{
    position: relative;
    top: 40px;
    z-index: 3;
}
.cool-slider h2{
    position: relative;
    font-weight: 800;
    line-height: 125%;
    color: #FFFFFF;
    margin-bottom: -60px;
    padding-left: 38px;
}
h2.shadow-title:before{
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.2;
    position: absolute;
    width: 100%;
    height: calc(100% + 116px);
    top: -40px;
    left: 0;
    z-index: -1;
    transform: rotate(-180deg);
}
.cool-slider .box-bigfeed-view{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
}
.cool-slider .teach-desc{
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cool-slider .sliderv .arleftw {
    position: absolute;
    top: 0;
    right: 80px;
    background-image: url(/img/pages/w-right-arrow.png);
    
}
.cool-slider .sliderv .arrightw {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    background-image: url(/img/pages/w-left-arrow.png);
}
.cool-slider .teacher-name{
    font-weight: 800;
    font-size: 32px;
    line-height: 125%;
    color: #FFFFFF;
}
.cool-slider .teacher-subject{
    font-weight: bold;
    font-size: 24px;
    line-height: 125%;
    color: #FFFFFF;
}
.cool-slider .t-img{
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    height: 100%;
    transform: translateX(-50%);
}
.cool-slider .teach-info{
    z-index: 2;
}
.cool-slider .teacher-experience{
    font-size: 24px;
    line-height: 125%;
    color: #FFFFFF;
}
.cool-slider .teacher-text{
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    margin-bottom: 0;
    z-index: 2;
}
.cool-slider .row-feed-wide{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    padding: 40px;
    min-height: 800px;
    max-width: 688px;
}
.cool-row{
    display: flex;
    justify-content: space-between;
}
.cool-row .col-md-8.mt-space{
    padding: 0;
}
.cl-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}
.tc-wrap{
    overflow: hidden;
    position: relative;
    padding: 40px;
    max-width: 688px;
    background: #5A2D8E;
}
.tc-wrap h2{
    font-weight: 800;
    color: #FFFFFF;
    margin-bottom: 24px;
}

.tc-wrap  ul{
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    max-width: 299px;
}
.tc-img{
    position: absolute;
    left: 80px;
    bottom: 0;
    height: 426px;
}
.tc-star{
    position: absolute;
    bottom: 55px;
    padding: 20px;
    width: 237px;
    height: 237px;
    background-image: url(/img/pages/orange-star-b.png);
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.tc-star .star-title{
    color: #fff;
    font-weight: 800;
    font-size: 24px;
    line-height: 125%;
    text-align: center;
    margin-bottom: 0;
}

@media only screen and (max-width: 1679px) {
    .cool-slider, .cool-slider .row-feed-wide{
        max-width: 560px;
        min-height: 763px;
    }
    .cool-slider .teacher-name{
        font-size: 24px;
    }
    .cool-slider .teacher-subject{
        font-size: 16px;
    }
    .cool-slider h2:before{
        width: calc(100% + 40px);
        left: -40px;
    }
    .cool-slider .box-bigfeed-view{
        right: -20px;
    }
    .cool-slider .sliderv .arleftw{
        right: 60px;
    }
    .star-block{
        width: 240px;
        height: 240px;
        background-size: contain;
        margin-bottom: 19px;
        margin-left: -20px;
    }
/*    .cl-img{
        width: auto;
        height: 100%;
    }*/
    .box-testim{
        overflow: hidden;
    }
}
@media only screen and (max-width: 1279px) {
    .cool-slider{
        flex: 0 0 100%;
        max-width: inherit;
        min-height: inherit;
    }
    .cool-slider .row-feed-wide{
        min-height: 640px;
        max-width: inherit;
        padding-bottom: 48px;
    }
    .shadow-block:before{
        bottom: -48px;
    }
    .cool-slider .t-img {
        width: 100%;
        height: auto;
    }
   
    .cool-slider .teacher-name{
        width: 100%
    }
    .cool-slider .teach-info{
            display: flex;
        flex-wrap: wrap;
        max-width: 50%;
        align-items: center;
    }
    .cool-slider .teach-info p {
        margin-bottom: 8px;
    }
    .cool-slider .teacher-text{
        width: 60%
    }
    .cool-slider .teacher-experience {
        font-size: 16px;
        margin-left: 24px;
    }
    .cool-slider, .tc-wrap{
        max-width: 448px;
    }
    .cool-slider .sliderv .arleftw{
        right: 40px;
    }
    .cool-slider .sliderv {
        right: 68px;
    }
    .cool-slider h2{
        padding-right: 115px;
    }
    .cool-slider .teacher-text, .cool-slider .teach-info{
        max-width: 100%;
        width: 100%;
    }
    .tc-wrap ul{
        padding-left: 20px;
        max-width: 100%;
    }
    .tc-img {
        bottom: 0;
        height: 265px;
    }
    .tc-star{
        width: 160px;
        height: 160px;
        background-size: contain;
    }
    .cool-slider .t-img{
        height: 100%;
        width: auto;
    }
    .tc-star .star-title{
        font-size: 16px;
    }
    .cool-slider .row-feed-wide{
        min-height: 520px;
    }
}
@media only screen and (max-width: 1023px) {
   .cool-slider .box-bigfeed-view {
        top: 4px
    }
    .cool-slider .sliderv .arleftw{
        right: 80px;
    }
    .cool-slider .sliderv .arrightw{
        right: 33px;
    }
    .cool-slider .t-img {
        width: 100%;
        height: auto;
    }
    .cool-slider .teacher-text {
        width: 100%;
    }
    
    .cool-slider .teacher-experience{
        margin-left: 0
    }
    .choose-wrapper {
        padding: 40px 40px 375px;
    }
    .choose-wrapper h2{
        margin-bottom: 16px;
    }
    .choose-wrapper h3 {
        font-size: 20px;
    }
    .choose-wrapper p{
        font-size: 14px;
    }
    .ua-book{
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
    .star-block{
        top: auto;
        left: 10%;
        bottom: 75px;
    }
    .cool-slider .sliderv {
        position: absolute;
        top: 49px;
        right: 40px;
    }
    .cool-slider .row-feed-wide{
        min-height: 487px;
    }
    .cool-slider, .tc-wrap{
        margin-top: 32px;
        max-width: inherit;
        min-height: 487px;
    }
    .tc-img{
        width: auto;
    }
}
@media only screen and (max-width: 767px) {

    .cool-slider h2{
        padding-left: 0;
        position: static;
        color: #000000;
        margin: 0 0 20px;
    }
    .cool-slider h2:before{
        display: none;
    }
    .cool-slider{
        margin-top: 0;
    }
    .cool-slider .sliderv{
        top: 75px;
    }
    .cool-slider .sliderv .arrightw{
        right: 25px;
    }
    .tc-us{
        padding: 0 27px;
    }
    .cl-img {
        width: 100%;
        height: auto;
    }
    .cool-row{
        margin: 0 auto;
        justify-content: space-between;
    }
     .cool-row .sid-block{
        margin-right: 32px;
    }
}
@media only screen and (max-width: 600px) {
    .box-testims-t{
        overflow: visible;
    }
    .cool-slider-fw .slick-slide{
        margin-right: 16px;
    }
    h2.shadow-title:before{
        display: none;
    }
    .cl-img{
        position: static;
    }
    .box-testim{
        padding: 0;
    }
    .s-cool{
        overflow: visible;
    }
    .s-cool > .container{
        padding: 0;
    }
    .s-cool .col-md-8.mt-space {
        padding: 0;
        /*margin-right: -27px;*/
        margin-left: 0;
        overflow: hidden;
        width: auto;
    }
    .s-cool .half-block{
        margin-right: 0;
    }
    .cool-slider .teach-desc.shadow-block:after{
        display: none;
    }
    .cool-slider h2{
        margin: 0;
        color: #000000;
        position: static;
        margin-bottom: 16px;
    }
    .cool-slider .t-img {
        position: static;
        transform: translateX(0);
        height: 243px;
    }
    .cool-slider .box-bigfeeds{
        display: flex;
        margin-right: -279px;
    }
    .cool-slider .row-feed-wide{
        margin-right: 8px;
        overflow: hidden;
        max-width: 292px;
        min-height: 340px;
        padding: 0;
    }
    .cool-slider, .tc-wrap {
        min-height: 409px;
    }
    .shadow-block:before {
        bottom: auto;
        top: -95px;
        height: 100%;
    }
    .tc-wrap{
        padding: 24px;
    }
    .cool-slider .box-bigfeed:nth-child(-n+2){
        display: flex;
    }
    .s-cool .col-md-8.mt-space{
        padding: 0;
    }
    .mt-space .box-testims-t h2{
        position: static;
        color: #000000;
        padding-left: 0;
    }
    .s-cool .half-block{
        padding: 64px 24px 40px;
        width: 100%;
        max-width: inherit;
    }
    .half-block h2{
        margin-top: 48px;
    }
    .s-cool .or-cool{
        margin-top: 24px;
    }
    .s-cool .continer{
        padding: 0;
    }
    .tc-us {
        overflow: hidden;
        margin-left: -27px;
        margin-right: -27px;
    }
    .tc-star {
        padding: 15px;
        width: 120px;
        height: 120px;
        background-size: contain;
    }
    .tc-star .star-title {
        font-size: 12px;
    }
    .tc-img {
        width: auto;
        height: 179px;
    }
    .tc-star{
        bottom: 80px;
    }
    .tc-wrap ul{
        font-size: 14px;
    }
    .cool-slider{
        min-height: inherit;
    }
    .cool-slider .teach-info p {
        font-size: 16px;
        font-weight: 400;
    }

    .cool-slider .teach-info{
        max-width: 100%;
    }

    .cool-slider .teach-info .teacher-name{
        font-size: 16px;
        font-weight: 800;
    }
    .cool-slider .teach-info p{
        font-size: 12px;
    }
    .cool-slider .teacher-text {
        font-size: 10px;
    }
    .cool-slider .teach-desc {
        padding-right: 0;
            margin-top: 20px;
    }
    .cool-slider .teacher-name, .cool-slider .teacher-text{
        color: #000;
    }
    .choose-wrapper .star-title {
        font-size: 12px;
        margin-bottom: 3px;
    }
    .choose-wrapper .star-text {
        font-size: 7px;
        margin-bottom: 0;
    }
    .cool-slider h2{
        padding-right: 0;
        margin-bottom: 20px;
    }
    .star-block{
        width: 120px;
        height: 120px;
        left: 50%;
        transform: translateX(-94%);
    }
    .choose-wrapper h3 {
        font-size: 16px;
    }
    .choose-wrapper {
        padding: 24px 24px 250px;
    }
    .choose-wrapper p {
        font-size: 12px;
    }
    .ua-book{
        width: 240px;
    }
    .tc-us {
        padding: 0 27px;
    }
}
/* cool-slider-sm */
@media only screen and (max-width: 1679px) {
    .cool-slider-sm .slick-arrow img {
        width: 32px;
        height: 40px;
    }
    .cool-slider-sm .pull-left {
        right: 94px;
    }
    .col-md-6.cool-slider > h2 {
        padding-right: 128px;
        margin-bottom: -80px;
            top: 22px;
    }
}
@media only screen and (max-width: 1023px) {
    .col-md-6.cool-slider > h2 {
        top: 30px;
    }
    .cool-slider-sm .slick-arrow {
        top: 30px;
    }
    .shadow-block:after{
        bottom: -48px;
    }
}
@media only screen and (max-width: 767px) {
    .cool-slider-sm .row-feed-wide {
        min-height: 418px;
    }
    .col-md-6.cool-slider > h2{
        position: static;
        margin: 0 0 20px;
    }
    .col-md-6.cool-slider, .tc-wrap {
        min-height: inherit;
    }
}
@media only screen and (max-width: 600px) {
    .cool-slider-sm .row-feed-wide {
        min-height: 341px;
    }
    .cool-slider-sm .slick-slide{
        margin-right: 16px;
    }
    .cool-slider-sm .slick-list{
        margin-right: -100px;
    }
    .col-md-6.cool-slider{
        overflow: visible;
    }
    .col-md-6.cool-slider > h2 {
        padding-right: 0;
    }
}
@media only screen and (max-width: 450px) {
     .cool-slider-sm .slick-list {
        margin-right: -280px;
    }   
}

/* Modal blocks */
.bg-for-forms{
    background: black;
    padding: 30px 0;
    min-height: 1200px;
}
.modal-content label.cb-reg, .modal-content br {
    display: none;
}
#order-modal{
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    padding: 0;
    max-width: 90%;
    z-index: 99999;
}
.modal-title-s{
    margin-top: 40px;
}  
.modal-header{
    padding: 0;
}
.modal-content{
    border: none;
    border-radius: 0;
}
.modal-header{
    border-bottom: none;
}
.modal-title{
    font-size: 32px;
    font-weight: 600;
    line-height: 125%;
}
.modal-header button{
    font-size: 45px;
    opacity: 1;
}
.modal-content input {
    margin-top: 16px;
    display: block;
    height: 64px;
    font-size: 24px;
    line-height: 150%;
    width: 100%;
    border: 1px solid #B3B3B3;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 8px 20px;
}
.modal-body {
    padding: 0;
    margin-top: 24px;
}
.modal-body a.primary{
    padding: 18px 10px;
    margin-top: 15px;
}
form{
    margin-bottom: 40px;
}
.form-filter{
    margin-top: 16px;
}
.modal-body .btn-filt-p{
    padding: 18px 26px;
}
.modal-body .btn-filt-p.actf{
    color: #fff;
    padding: 18px 26px;
    background: #5A2D8E;
}
.modal-dialog{
    width: 669px;
    max-width: 100%;
}
.modal-content{
    padding: 40px 40px 64px;
}

@media only screen and (max-width: 1279px) {
    .modal-dialog {
        width: 608px;
        max-width: 100%;
    }
    .modal-title-s{
        font-size: 24px;
    }
    .modal-dialog{
        margin: 0 auto;
    }
}

@media only screen and (max-width: 600px) {
    .modal-title {
        font-size: 20px;
    }
    .modal-body {
        margin-top: 5px;
    }
    .modal-header .close {
        padding: 0 10px;
    }
    .modal-content input {
        margin-top: 8px;
    }
    .modal-dialog{
        margin-left: auto;
        margin-right:  auto;
    }
    .modal-content input{
        height: 48px;
        font-size: 20px;
    }
    form {
        margin-bottom: 24px;
    }
    .modal-body .btn-filt-p{
        font-size: 14px;
        padding: 8px 10px;
    } 
    .modal-content {
        padding: 20px 14px 30px;
    }
    .modal-title-s {
        font-size: 16px;
    }
    .modal-body .btn-filt-p {
        margin-right: 5px;
        margin-bottom: 8px;
    }
    .order-modal{
        margin-left: -27px;
        margin-right: -27px; 
    }
    .modal-body a.primary {
        padding: 16px 10px;
    }
    .modal-title-s{
        margin-top: 22px;
    }
    .modal-body .btn-filt-p{
       margin: 5px 16px 0 0;
    }  
}

/* Footer */
footer{
    padding: 60px 0 80px;
    background: #222222;
}
footer p{
    margin: 0;
}
.nav-b{
    display: flex;
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.nav-b li{
    margin-right: 32px;
}
.nav-b li:last-child{
    margin-right: 0;
}
.nav-b li a{
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
}
.footer-c{
    position: relative;
}
.pay-wrapper{
    position: absolute;
    right: 0;
}
.znobt{
    margin-top: 45px;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
}
.f-contactwr{
    display: flex;
    flex-wrap: wrap;
    margin-top: 45px;

}
.f-contact{
    display: flex;
    align-items: center;
    margin-right: 32px;
    margin-bottom: 10px;
}
.f-contact img{
    margin-right: 16px;
}
.f-contact a{
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    color: #FFFFFF;
}
.copyrt{
    margin-top: 45px;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
}
@media only screen and (max-width: 1679px) {
    .f-contact a{
        font-size: 16px;
    }
    .nav-b li a{
        font-size: 14px
    }
}
@media only screen and (max-width: 1279px) {
    .f-contact{
        margin-bottom: 20px;
    }
    .copyrt{
        margin-top: 25px;
    }
    .pay-wrapper{
        top: 60px;
    }
}
@media only screen and (max-width: 1023px) {
    .fmenu{
        width: 100%;
    }
    .nav-b{
        flex-wrap: wrap;
    }
    .nav-b li {
        margin-right: 20px;
        margin-bottom: 16px;
    }
    .fmenu{
        padding: 0;
    }
    .znobt{
        padding-right: 230px;
    }
    .pay-wrapper {
        top: 115px;
    }
}
@media only screen and (max-width: 767px) {
    .fmenu {
        padding: 0 15px;
    }
    .pay-wrapper{
        right: 15px;
    }
}
@media only screen and (max-width: 600px) {
    footer {
        padding: 55px 13px 56px;
    }
    .znobt {
        padding-right: 150px;
    }
}
@media only screen and (max-width: 480px) {
    .nav-b{
        flex-direction: column;
    }
    .pay-wrapper {
        top: 0;
    }
    .nav-b li:last-child{
        margin-bottom: 0;
    }
    .znobt{
        padding-right: 0;
        margin-top: 40px;
    }
    .f-contactwr {
        margin-top: 40px;
        flex-direction: column;
    }
    .copyrt{
        margin-top: 15px;
    }
}

/* Main menu*/
.navbar-expand-md .navbar-nav .nav-link, .navr a{
    color: #ffffff;
    padding: 0;
    font-size: 18px;
}
..navbar-expand-md .navbar-nav .nav-link{
	font-size: 18px;
}
.navbar-expand-md.sticky .navbar-nav .nav-link, .sticky .navr a,
.navbar-expand-md.stm .navbar-nav .nav-link, .navbar-expand-md.stm .navr a{
    color: #000000;
}
.nav-item .dropdown-item:first-child{
    background-color: #fff568;
}
.nav-item .dropdown-item:nth-child(2){
    background-color: #ffdc37;
}
.nav-item .dropdown-item:nth-child(3){
    background-color: #d2ff58;
}
.nav-item .dropdown-item:nth-child(4){
    background-color: #8cf264;
}
.nav-item .dropdown-item:nth-child(5){
    background-color: #77eaff;
}
.nav-item .dropdown-item:nth-child(6){
    background-color: #60d4ff;
}
.nav-item .dropdown-item:nth-child(7) {
    background: rgb(99 168 255);
}
.nav-item .dropdown-item:nth-child(8){
    background: rgb(189 143 251);
}
.nav-item .dropdown-item:nth-child(9){
    background: rgb(226 135 255);
}
.nav-item .dropdown-item:nth-child(10){
    background: rgb(247 122 122);
}

.navbar.navbar-expand-md{
    top: 0;
    padding-top: 20px;
    background: none;
    position: absolute;
    z-index: 9;
    width: 100%;

}
.navbar.navbar-expand-md.stm{
    position: relative;
    background: #fff;
    z-index: 9;
}
.navr{
    display: flex;
}
.navr a, .navr .new-schedule.navi, .navbar-white .new-schedule.navism{
    color: #ffffff;
}
.navbar-white.sticky .new-schedule.navi, 
.navbar-white.sticky .new-schedule.navism,
.navbar.navbar-expand-md.stm  .new-schedule.navi,
.navbar.navbar-expand-md.stm  .new-schedule.navism{
    color: #000;
}
.sm-navr{
    display: none;
}
.navi{
    margin-right: 32px;
    display: flex;
    align-items: center;

}
a#town:before {
    content: '';
    background: url(/img/pages/location_icon.svg);
    position: absolute;
    left: -28px;
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}
.navbar-expand-md .navbar-nav .nav-link, .navr a{
    display: block;
    position: relative;
}
.navi:last-child{
    margin-right: 0;
}
.navi:last-child a{
    white-space: nowrap;
}
.navi img{
    margin-right: 11px;
    filter: brightness(0) invert(1);
}
/*.sticky .nav-item.dropdown{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}
.nav-item.dropdown{
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
}*/
.dropdown-menu.show{
    margin-left: -2px;
}
.stm .navi img, .sticky .navi img, .stm a#town:before, .sticky a#town:before{
    filter: inherit;
}
.navbar-brand{
    padding-left: 185px;
    margin-right: 32px;
}
.navbar.navbar-expand-md{
    height: 90px;
}
.navbar-brand img{
    display: none;
}
.nav-item{
    margin-right: 25px;
}
.nav-item:last-child{
    margin-right: 0;
}

.ch-city{
    display: none;
    font-size: 14px;
    line-height: 150%;
    color: #F68A41;
}
.navbar .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #ffffff;
    transition: all 300ms linear;
}
.navbar.stm .navbar-toggler-icon,
.navbar.sticky .navbar-toggler-icon{
    border-bottom: 1px solid #000000;
}
.navbar.stm .navbar-toggler-icon:after, .navbar.stm .navbar-toggler-icon:before, 
.navbar.sticky .navbar-toggler-icon:after, .navbar.sticky .navbar-toggler-icon:before{
    background: #000;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}
.navbar .navbar-toggler-icon:after, .navbar .navbar-toggler-icon:before {
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #fff;
    top: 0;
    left: 0;
    content: '';
    z-index: 2;
    transition: all 150ms linear;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}
.navbar .navbar-toggler-icon:after {
    top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}
.desc-s{
    padding: 100px 0;
    position: relative;
}
body .navbar.navbar-expand-md.sticky{
  position: fixed;
  height: 70px;
  padding-bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding-top: 0;
  background-color: #ffffff;
  transition: all .3s ease;
  animation: down 0.5s ease;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}
body .navbar.navbar-expand-md.sticky.spdist{
	margin-top: 80px;	
}

@media only screen and (max-width: 1679px) {
    .navbar-expand-md .navbar-nav .nav-link, .navr a, .new-schedule{
        font-size: 13px
    }
    .new-schedule.navi{
    	margin-right: 0;
    }
}
@media only screen and (max-width: 1279px) {
    .navbar-brand {
        margin-right: 14px;
        padding-left: 145px;
    }
    .navbar-brand img{
       max-width: 150px;
    }
    a.navbar-brand:before{
        width: 150px;
        height: 52px;
        left: 0;
    }
    /*.nav-item {
        margin-right: 16px;
    }*/
    .navbar-expand-md .navbar-nav .nav-link, .navr a {
        font-size: 11px;
    }
    .navi {
        margin-right: 12px;
    }
    .navi img {
        margin-right: 5px;
        max-width: 15px;
    }
}
@media only screen and (max-width: 1023px) {
    .navbar-expand-md .navbar-toggler{
        display: block;
        position: absolute;
        right: 0;
        top: 20px;
    }
    .navbar-expand-md .navbar-toggler {
    top: 50%;
    transform: translateY(-50%);
}
    .navbar-collapse{
        display: flex;
        height: 100vh;
        justify-content: flex-end;
        flex-direction: column-reverse;
        align-items: flex-start;
        background: #ffffff;
        padding: 10px 27px 24px;
        margin-top: 0;
        width: 100%;
        margin-left: 0;
        margin-right: auto;
        left: 0;
        position: absolute;
        top: 44px;
        z-index: 9;
    }
    .navbar-expand-md .navbar-collapse .navbar-nav  .nav-link{
        font-size: 16px;
    }
    .navbar-collapse .dropdown-item {
        font-size: 16px;
        white-space: normal;
    }
    .navbar-collapse .navbar-nav {
        margin-top: 7px;
    }
    .navbar-collapse .navi{
        margin-top: 10px;
    }
    .navbar-collapse .navi a#town{
        padding-left: 20px;
    }
    .navbar-collapse .navi a#town:before {
        content: '';
        background: url(/img/pages/location_icon.svg);
        position: absolute;
        left: -28px;
        width: 15px;
        height: 15px;
        background-size: contain;
        left: 0;
        filter:  inherit;
    }
    .navbar-nav .dropdown-menu{
        display: block;
    }
    .nav-item{
        margin-right: 0;
    }
    .navi{
        margin-right: 0;
        margin-top: 16px;
        display: flex;
        align-items: center;
    }
    .nav-item.dropdown{
        border: none;
    }
    .navi:last-child{
        margin-top: 0;
    }
    .navbar.navbar-expand-md > .container {
        position: relative;
    }
    .navr{
        display: flex;
        flex-direction: column-reverse;
    }
    .navbar-expand-md .navbar-nav .nav-link{
        color: #000000;
        font-weight: 800;
        font-size: 24px;
        line-height: 150%;
    }
    .dropdown-item{
        font-size: 24px;
        line-height: 150%;
        padding-left: 0;
    }
    .navr a{
        color: #000000;
    }
    .dropdown-menu{
        border: none;
    }
    .navi img{
        filter: initial;
    }
    .ch-city{
        display: inline;
        margin-left: 16px;
    }
    .navbar-nav{
        margin-top: 24px;
    }
    .navbar.navbar-expand-md{
        padding-top: 12px;
    }
    .dropdown-toggle::after{
        display: none;
    }
    .sm-navr{
        display: flex;
        flex-direction: row;
        align-items: center;
            padding-right: 37px;
    }
    .navism img {
        margin-right: 11px;
        filter: brightness(0) invert(1);
        max-width: 17px;

    }

    .navism a{
        font-size: 14px;
        padding: 0;
        color: #fff;
    }
    .stm .navism a, .sticky .navism a{
        color: #000000;
    }
    .stm .navism img, .sticky .navism img{
        filter: inherit;
    }
    .navism {
        display: flex;
        align-items: baseline;
        margin-right: 18px;
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px) {
    .navbar.navbar-expand-md > .container{
        padding: 0 15px;
    }
    .navbar-collapse{
            top: 45px;
    }
    a.navbar-brand:before{
        width: 102px;
        height: 36px;
        left: 0;
    }
    .navbar.navbar-expand-md{
    height: 50px;
}
.navr .new-schedule.navi{
    color: #000;
}
}
@media only screen and (max-width: 600px) {
    .sm-navr{
        display: none;
    }
    .navbar.navbar-expand-md{
        padding: 0
    }
    /*.navbar-brand{
        padding-left: 27px
    }*/

    .navbar-expand-md .navbar-toggler {
        right: 27px;
    }
    .navbar-collapse{
        top: 29px;
    }
      .navbar.navbar-expand-md{
        position: static
     }
    a.navbar-brand:before {
        content: '';
        background: url(https://zno.ua/img/assets21/logo_zno_stm.png);
        background-size: contain;
    }
    .navbar .navbar-toggler-icon {
        border-bottom: 1px solid #000000;
    }
   .navbar .navbar-toggler-icon:after, .navbar .navbar-toggler-icon:before{
        background: #000;
    }
}
@media only screen and (max-width: 480px) {
    .navbar-collapse {
        top: 29px;
    }
    body .navbar.navbar-expand-md.sticky{
        height: 50px;
    }
   
    .custom-header > nav, .custom-header > div {
        padding: 35px 0;
    }
}
/* Pay form */
.pay-count{
        padding-top: 120px;
    }
.pay-s{
    padding: 100px 0;
    background: #f2f2f2;
    margin-top: 40px;
}
.pay-s h2{
    font-size: 44px;
}
.choose-s{
    display: flex;
    align-items: center;
    font-size: 30.5px;
    font-weight: 700;
    color: #000000;
}
.choose-s span{
    background-image: linear-gradient(90.0deg, #f26e21 -23%, #f28521 125%);
    width: 71px;
    height: 71px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 30.5px;
    line-height: 55px;
    font-weight: 400;
    color: #ffffff;
    margin-right: 30px;
}
.ps-checkbox {
    position: relative;
    margin-right: 31px;
    width: 42px;
    height: 42px;
    border: 1px solid #b2b2b2;
    border-radius: 5px;
    background: #fff;
}
.ps-checkbox.checked:before {
    content: '';
    position: absolute;
    width: 41px;
    height: 30px;
    background: url(/img/pages/check-b.png) no-repeat;
    left: 8px;
    top: -4px;
}
.banner_pseudoform{
    margin-top: 55px;
    margin-bottom: 95px;
}
.banner_pseudoform-row{
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-right: 100px;
    margin-top: 25px;
}
.ps-label{
    font-size: 30.5px;
    font-weight: 400;
    color: #000000;
    line-height: normal;
}
.block-n{
    position: absolute;
    right: 0;
    opacity: 0.63;
    font-size: 30.5px;
    font-weight: 400;
    color: #000000;
    line-height: normal;
}
.pay-form{
    margin-top: 20px;
}
.pay-form input {
    width: 100%;
    border: 1px solid #b2b2b2;
    border-radius: 20px;
    height: 82px;
    padding: 20px;
    font-size: 25px;
}
.pay-form input:nth-child(n+2){
    margin-top: 25px;
}
.formwb{
    text-align: center;
    background: #fff;
    padding: 84px 50px;
    margin-left: 65px;
    margin-bottom: 40px;
}
.coursen{
    font-size: 23px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0;
}
.total{
    margin: 35px 0 17px;
    font-size: 74px;
    line-height: 150%;
    font-weight: 700;
    color: #f27521;
}
.atten{
    font-size: 23px;
    line-height: 150%;
    font-weight: 400;
    color: #000000;
}
.payment-form{
    margin-top: 53px;
}
#apply-free{
    margin-top: 0px;
    margin-bottom: 20px;
    background: linear-gradient(180deg, #F28521 0%, #F26E21 100%);
    border-radius: 16px;
    color: #FFFFFF;
    text-align: center;
    padding: 22px 10px;
    font-size: 24px;
    line-height: 150%;
    display: block;
    width: 100%;
    border: none;
}
.button-wrapper {
    /*margin-left: 65px;*/
    margin-left: 0 !important;
    margin-top: 20px;
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.payprice{
    font-size: 32.8px;
    font-weight: 700;
    color: #000000;
    line-height: 150%;
}
.paybtn{
    margin-left: 49px;
    flex-grow: 1;
        background: linear-gradient(180deg, #F28521 0%, #F26E21 100%);
    border-radius: 16px;
    color: #FFFFFF;
    text-align: center;
    padding: 22px 10px;
    font-size: 24px;
    line-height: 150%;
    border: none;
}
@media only screen and (max-width: 1679px) {
    .pay-s h2 {
        font-size: 36px;
    }
    .ps-label {
        font-size: 25px;
    }
    .block-n{
        font-size: 25px;
    }
    .formwb {
        padding: 60px 30px;
    }
}
@media only screen and (max-width: 1279px) {
    .choose-s span {
        width: 40px;
        height: 40px;
        font-size: 26px;
    }
    .formwb {
        margin-left: 20px;
    }
    .ps-label {
        font-size: 18px;
    }
    .ps-checkbox{
        width: 33px;
        height: 33px;
    }
    .ps-checkbox.checked:before {
        width: 31px;
        height: 20px;
        background: url(/img/pages/check-b.png) no-repeat;
        background-size: contain;
        left: 8px;
        top: 3px;
    }
    .block-n {
        font-size: 18px;
    }
    .banner_pseudoform-row{
        padding-right: 68px;
    }
    .banner_pseudoform{
        margin-bottom: 40px;
    }
    .total {
        margin: 22px 0 8px;
        font-size: 50px;
    }
    .atten {
        font-size: 16px;
    }
    .formwb {
        padding: 30px 25px;
        margin-top: 105px;
    }
    .button-wrapper{
        margin-left: 20px;
    }
    .paybtn{
        font-size: 20px;
        max-width: 270px;
        margin-left: 5px;
    }
    .choose-s span{
        margin-right: 15px;
    }
    .pay-form {
        margin-top: 35px;
    }
    .pay-form input {
        height: 60px;
        padding: 10px;
        font-size: 19px;
    }
    .payment-form{
        margin-bottom: 0;
    }
    .pay-s {
        padding: 60px 0;
    }
    #apply-free, .paybtn{
        padding: 15px 10px;
    }
}

@media only screen and (max-width: 1023px) {
    .button-wrapper {;
        width: 100%;
    }
    .pay-count{
        padding-top: 0;
    }
    .payment-form .form-row{
        flex-direction: column;
    }
    
        .pay-s h2 {
        font-size: 32px;
    }
    .payment-form {
        margin-top: 45px;
    }
    .banner_pseudoform {
        margin-top: 35px;
    }
    .formwb{
        margin-top: 35px;
        margin-left: 0;
    }
    .button-wrapper{
        margin-left: 0;
        margin-top: 0;
    }
    .paybtn {
        max-width: inherit;
        margin-left: 25px;
    }
}
@media only screen and (max-width: 767px) {
    .pay-s{
        padding: 25px;
    }
    .pay-s h2 {
        font-size: 24px;
    }
    .choose-s{
        font-size: 22px;
    }
    .choose-s span {
        width: 35px;
        height: 35px;
        font-size: 20px;
    }
    .banner_pseudoform {
        margin-top: 25px;
    }
}
@media only screen and (max-width: 600px) {
    .formwb{
        margin-bottom: 20px;
    }
    .pay-s{
        padding: 25px 5px;
       /* margin-left: -27px;
        margin-right: -27px;*/
    }
    .pay-s h2 {
        font-size: 22px;
        text-align: center;
    }
    .payment-form {
        margin-top: 35px;
    }
    .choose-s {
        font-size: 20px;
    }
    .ps-checkbox {
        margin-right: 15px;
    }
    .ps-checkbox {
        min-width: 33px;
        width: 33px;
        height: 33px;
    }
    .ps-label {
        font-size: 16px;
    }
    .block-n {
        font-size: 15px;
    }
    .banner_pseudoform-row {
        padding-right: 55px;
    }
    .choose-s span {
        margin-right: 7px;
    }
    .banner_pseudoform {
        margin-bottom: 30px;
    }
    .pay-form {
        margin-top: 25px;
    }
    .pay-form input:nth-child(n+2) {
        margin-top: 8px;
    }
    .pay-form input {
        height: 48px;
        padding: 10px;
        font-size: 16px;
    }
    .formwb {
        margin-top: 25px;
    }
    .coursen {
        font-size: 16px;
    }
    .atten {
        font-size: 16px;
    }
    .formwb {
        padding: 20px 10px;
    }
    .total {
        margin: 12px 0 8px;
        font-size: 35px;
    }
    #apply-free {
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .payprice{
        display: block;
        text-align: center;
        width: 100%;
        font-size: 25px;
    }
    .paybtn{
        margin-left: 0;
    }
    #apply-free{
        padding: 12px 10px;
        font-size: 16px;
    }
    #apply-pay{
        padding: 12px 10px;
        font-size: 16px;
    }
}


.main-stm{
    margin-top: 80px;
}
.btn-filt{
    background: #EFEAF4;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: #5A2D8E;
    font-weight: 600;
}
.btn-filt .actf{
    background: #5A2D8E;
    color: #fff;
}
.courses-all .ctbold{
    margin-bottom: 16px;
}

.courses-all .box-blue{
    margin-top: 0;
}
.courses-all .box-blue .mb48{
    margin-bottom: 48px;
}
.courses-all .box-blue .row:nth-child(n+2){
    margin-top: 0;
}
.page412 .courses-all,
.page50 .courses-all{
    background-color: #5A2D8E;
    color: #fff;
    padding: 50px 50px 0;
}
@media only screen and (max-width: 1279px) {
      .main-stm {
        margin-top: 40px;
    }  
}
@media only screen and (max-width: 600px) {
      .main-stm {
        margin-top: 20px;
    }
    .page412 .courses-all,  
    .page50 .courses-all {
    background-color: #5A2D8E;
    color: #fff;
    padding: 9px 16px 0;
}
}

/* Online page */
.proposal-box img{
    width: auto;
}
.proposal-box{
    padding: 40px 15px;
}
.proposal-box .btn-small{
    margin-bottom: 0;
    margin-top: 20px;
}
@media only screen and (max-width: 600px) {
     .proposal-box {
        padding: 17px 15px;
    }   
}

/* Container menu */

/* .courses-box */
.courses-box span.bage-o{
    position: absolute;
    width: 56px;
    height: 56px;
    left: -13px;
    font-weight: 600;
    text-align: center;
    top: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f68a41;
    line-height: 100%;
    font-size: 14px;
    color: #fff;
    z-index: 1;
}
.courses-box .bage-v{
    background: url(/img/pages/starp-b.png);
    width: 236px;
    height: 236px;
    font-weight: 800;
    font-size: 20px;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 34px;
    top: -50px;
    right: 40px;
}
.bage-v p{
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}
.bage-v p strong{
    font-weight: 800;
    display: block;
    font-size: 32px;
}
@media only screen and (max-width: 1679px) {
.courses-box .bage-v{
    width: 200px;
    height: 200px;
    background-size: contain;
    padding: 20px;
    font-size: 18px;
}

.bage-v p{
    line-height: 125%;
}
.bage-v p strong{
    font-size: 28px;
    margin-bottom: 5px;
}
}
@media only screen and (max-width: 1279px) {
    .courses-box .bage-v{
        top: -25px;
    }
}
@media only screen and (max-width: 1023px) {
    .courses-box .bage-v {
        width: 160px;
        height: 160px;
        font-size: 16px;
        padding: 12px;
    }
    .courses-box .bage-v strong{
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .courses-box span.bage-o {
        width: 40px;
        height: 40px;
        font-size: 10px;
        left: 15px;
        top: 19px;
    }
    .courses-box .bage-v {
        width: 120px;
        height: 120px;
        font-size: 11px;
        padding: 12px;
    }
    .courses-box .bage-v strong {
        font-size: 16px;
    }
    .courses-section{
        padding: 0 27px;
    }
    
    .courses-box h3.heading {
        padding-right: 135px;
    }
    .courses-box > .row{
        margin: 0;
    }
    .course-box h4 {
        font-size: 16px;
    }
    .courses-box a.course-box{
        padding-left: 66px;
    }
    .courses-box a img {
        margin-left: -66px;
    }
    .courses-box span.bage-o{
        left: -5px;
    }
    .courses-box .btn-main {
        padding: 11px 13px;
    }
}
@media only screen and (max-width: 600px) {
    .courses-section{
        padding: 0
    }
}
@media only screen and (max-width: 480px) {
    .courses-box .bage-v {
        width: 72px;
        height: 72px;
        font-size: 7px;
        padding: 6px;
        top: -9px;
        right: 10px;
    }
   .courses-box {
        padding: 24px 10px 32px 24px;
    }
    .courses-box h3.heading {
        padding-right: 70px;
    }
    .courses-box .bage-v strong {
        font-size: 10px;
        margin-bottom: 2px;
    }
    .bage-v p {
        line-height: 140%;
    }
}








/*
.navbar-expand-md .navbar-nav{
    margin-left: 0;
}
.navbar.navbar-expand-md.stm{
    padding-top: 12px;
    position: relative;
    z-index: 999;
}
body .navbar .container {
    width: inherit;
}
.navbar-expand-md .navbar-collapse{
    height: auto;
    min-height: 30px;
}
.navbar-collapse.in{
    display: block;
}
.navbar-collapse .dropdown-menu{
    box-shadow: none;
    border: none;
}



@media only screen and (max-width: 600px) {
.navbar.navbar-expand-md > .container{
        display: flex;
    justify-content: flex-start;
    height: 100%;
}
.navbar.navbar-expand-md.nottofix{
    padding: 0;
}
}


*/
.header-center{
    text-align: center;
    background: url(/img/pages/main-center.png);
    background-size: cover;
}
.main-subtitle{
    font-family: 'Open Sans';
    font-size: 33.1px;
    line-height: 150%;
    font-weight: 600;
    color: #f2f2f2;
    margin-top: 43px;
    margin-bottom: 0;
}
.check-o {
    margin: 0 18px;
    background: #622693;
    position: relative;
    width: 100px;
    height: 50px;
    border: solid 1px #e5e5e5;
    border-radius: 40px;
    cursor: pointer;
    transition: .2s all;
}

.check-o:focus {
    outline: 0;
}

.check-o:disabled {
    cursor: default;
    border-color: #f0eeee;
}

.check-o::before {
    content: '';
    position: absolute;
    background-image: linear-gradient(0.0deg, #ff6901 0%, #ff7c01 100%);
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    left: 5px;
    right: inherit;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
}



.checkactive::before {
    content: '';
    position: absolute;
    background-color: #FFF;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    left: inherit;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
}
.variants{
    padding: 50px 0 80px;
    background: #f2f2f2;
}
/*.varwr{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
}
.varwr span{
    font-family: 'Open Sans';
    font-size: 24.1px;
    line-height: 71px;
    font-weight: 700;
    color: #000000;
}*/
/*.plan-toggle-wrap span{
    font-family: 'Open Sans';
    font-size: 24.1px;
    line-height: 71px;
    font-weight: 700;
    color: #000000;
}*/
.page142 .edbox:nth-child(n+5){
    margin-top: 0;
    padding: 0;
}
.toggle-inner input {
    position: absolute;
    background: #622693;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 25px;
    right: 0;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}
.package-b {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    margin-top: 30px;
}
.custom-toggle {
    position: absolute;
    height: 32px;
    width: 32px;
    background-color: #ff7101;
    top: 7px;
    left: 5px;
    border-radius: 50%;
    transition: 300ms all;
}
.toggle-inner .t-month, .toggle-inner .t-year {
  position: absolute;
  left: -70px;
  top: 5px;
    font-size: 24.1px;
    line-height: normal;
    font-weight: 700;
    color: #000000;
  transition: 300ms all;
}
.toggle-inner .t-year {
  left: unset;
  right: -112px;
  opacity: 0.5;
}
.monthly{
    display: none;
}
.active > .toggle-inner .t-month {
  opacity: 0.5;
}
.active > .toggle-inner .t-year {
  opacity: 1;
}
.toggle-inner input:checked + span {
  left: 69px;
}
.toggle-inner {
    background: #622693;
    width: 106px;
    margin: 0 auto;
    height: 47px;
    border: 1px solid #ffffff;
    border-radius: 25px;
    position: relative;
}
.varwr .tab-content{
    background: none;
}
.choiceswr{
    display: flex;
    justify-content: space-between;
    margin-top: 115px;
    max-width: 1350px;
    margin: 115px auto 0;
}
.choiceprpl{
    margin-top: -66px;
}
.choiceit{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 32%;
    padding: 40px 22px 60px;
    background: #fff;
    border-radius: 20px;
}
.choiceit.choiceprpl{
    position: relative;
    background-color: #622693;
    padding: 86px 22px 60px;
}
.choiceprpl .choicet{
    margin-top: 20px;
}
.choiceprpl .choicet, .choiceprpl .choice-list li, .choiceprpl .choicepr{
    color: #fff;
}
.best-blk{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 30px;
    background: #fff;
    border-radius: 21.5px;
    text-transform: uppercase;
    font-weight: 700;
    width: 258px;
    padding: 10px 0;
    padding-left: 55px;
    margin: 0 auto;
}
.best-blk img{
    position: absolute;
    left: -23px;
    top: 50%;
    transform: translateY(-40%);
}
.choicet{
    padding-bottom: 22px;
    text-align: center;
    border-bottom: 2px dashed #d4d4d4;
    font-family: 'Open Sans';
    font-size: 35.6px;
    line-height: 150%;
    font-weight: 800;
    color: #622693;
    margin: 0;
}
.choice-list{
   margin: 0;
    padding: 0;
    list-style-type: none;
    min-height: 665px;
}
.choice-list li:first-child {
    margin-top: 0;
}
.choice-list span{
    font-family: 'Open Sans';
    font-size: 22.9px;
    line-height: 125%;
    color: #000000;
}
.choice-list li{
    margin-top: 21px;
    position: relative;
    font-family: 'Open Sans';
    font-size: 22.9px;
    line-height: 150%;
    font-weight: 400;
    color: #000000;
    padding-left: 52px;
}
.choictr:before{
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 38px;
    height: 38px;
    background: url(/img/pages/green.png);
}
.choicefs:before{
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 38px;
    height: 38px;
    background: url(/img/pages/red.png);
}
.choicepr{
    margin-top: 42px;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 30.5px;
    line-height: 150%;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
}
.choiceit .primary{
    margin-top: 25px;
    background: #fff;
    border: 1px solid #ff6f01;
    border-radius: 20px;
    font-family: 'Open Sans';
    font-size: 22px;
    line-height: 48px;
    font-weight: 700;
    color: #ff7101;
    padding: 16px 0;
}
.anyq{
    margin-top: 65px;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 25.4px;
    line-height: 35px;
    font-weight: 700;
    color: #000000;
}

.variants > .primary{
    max-width: 342px;
    margin: 50px auto 0;
}
@media only screen and (max-width: 1679px) {
.choiceit.choiceprpl{
        padding: 86px 16px 60px;
}
}
@media only screen and (max-width: 1279px) {
    .choiceswr{
        flex-wrap: wrap;
    }
    .choiceit{
        width: 48%;
    }
    .choiceit:last-child{
        margin: 40px auto 0;
    }
    .main-subtitle {
        font-size: 24px;
    }
}
@media only screen and (max-width: 1023px) {
    .main-subtitle {
        font-size: 18px;
        margin-top: 25px;
    }
    .custom-header > nav, .custom-header > div{
        padding-top: 40px;
    }
    .choice-list li{
        padding-left: 39px;
        font-size: 18px;
        line-height: 125%;
    }
    .choice-list{
        min-height: inherit;
    }
    .choiceit {
        padding: 22px 13px 25px;
    }
    .best-blk{
        width: 210px;
    }
    .choiceit.choiceprpl {
        padding: 78px 16px 25px;
    }
    .best-blk img{
        max-width: 50px;
    }
    .choiceit .primary{
        margin-top: 10px;
        line-height: normal;
    }
    .choicepr {
        margin-top: 25px;
        font-size: 26px;
    }
    .choice-list span {
        font-size: 18px;
        margin-top: 0;
        display: block;
    }
    .choicefs:before {
        content: '';
        position: absolute;
        left: 0;
        top: 4px;
        width: 28px;
        height: 28px;
        background: url(/img/pages/red.png);
        background-size: contain;
    }
    .choictr:before {
        content: '';
        position: absolute;
        left: 0;
        top: -2px;
        width: 28px;
        height: 28px;
        background: url(/img/pages/green.png);
        background-size: contain;
    }
    .choiceit:first-child .choice-list{
        margin-top: -14px;
    }
    .choicet {
        padding-bottom: 12px;
        font-size: 29px;
        margin-top: 9px;
    }
    .choice-list {
        margin: 6px 0 0;
    }
    .choiceswr {
        margin: 85px auto 0;
    }
    .anyq {
        margin-top: 30px;
        font-size: 20px;
        line-height: normal;
    }
    .variants > .primary {
        margin: 28px auto 0;
    }
}
@media only screen and (max-width: 767px) {
    .best-blk{
        padding-left: 39px;
    }
    .custom-header > nav, .custom-header > div {
        padding-top: 90px;
    }
}
@media only screen and (max-width: 600px) {
    .custom-header > nav, .custom-header > div {
        padding-top: 10px;
    }
    .choiceit {
        max-width: 350px;
        margin: 20px auto 0;
    }
    .choiceswr {
        margin: 10px auto 0;
    }
    .check-o {
        width: 80px;
        height: 35px;
    }
    .check-o::before{
        width: 25px;
        height: 25px;
    }
    .varwr span{
        line-height: normal;
    }
    .choiceit {
        width: 100%;
        padding-bottom: 10px;
        margin-top: 0;
    }
    .choiceit:first-child .choice-list {
        margin-top: 0;
    }
    .choiceit:first-child .choice-list li:first-child {
        margin-top: 0;
    }
    .choiceit:nth-child(n+2) {
        margin: 30px auto 0;
    }
    .choicefs:before{
        top: -1px;
    }
    .varwr{
        margin-bottom: 20px;
    }
    .variants {
        padding: 40px 0;
    }
}
@media only screen and (max-width: 480px) {
    .main-subtitle {
        font-size: 16px;
        margin-top: 18px;
    }
    .check-o {
        margin: 0 5px;
    }
    .varwr span{
        font-size: 20px;
    }
    .choicet {
        margin-top: 0;
        padding: 0px 10px 5px;
        font-size: 24px;
    }
    .choiceit {
        padding: 16px 12px 20px;
    }
    .choiceit.choiceprpl {
        padding: 45px 8px 25px;
    }
    .choictr:before {
        content: '';
        top: 1px;
        width: 20px;
        height: 20px;
    }

    .choicefs:before{
        content: '';
        width: 20px;
        height: 20px; 
    }
    .choice-list li {
        padding-left: 29px;
        font-size: 15px;
        margin-top: 14px;
    }
    .choicepr {
        margin-top: 17px;
        font-size: 20px;
    }
    .choiceit .primary{
        font-size: 18px;
        padding: 10px 0;
    }
    .choiceit:first-child .choice-list {
        margin-top: 0;
    }
    .package-b{
        margin-top: 20px;
    }
    .best-blk{
        top: 16px;
        padding: 5px 0;
        width: 170px;
        padding-left: 32px;
        font-size: 12px;
    }
    .best-blk img {
        position: absolute;
        max-width: 37px;
        left: -11px;
        transform: translateY(-43%);
    }
    .choiceit.choiceprpl {
        padding: 45px 16px 25px;
    }
    .choiceit:nth-child(n+2) {
        margin: 20px auto 0;
    }
    .choice-list span {
        font-size: 15px;
        margin-top: 0;
    }
    .anyq {
        margin-top: 15px;
        font-size: 15px;
        padding: 0 15px;
    }
    .variants > .primary {
        margin: 20px auto 0;
        max-width: 236px;
    }
    .page142 .tab-content{
        margin: 0;
    }
    .toggle-inner .t-month, .toggle-inner .t-year{
        font-size: 18px;
    }
    .toggle-inner .t-month{
        left: -53px;
    }
    .toggle-inner .t-month, .toggle-inner .t-year{
        top: 3px;
    }
    .custom-toggle{
        top: 5px;
    }
    .toggle-inner input:checked + span {
        left: 49px;
    }
    .toggle-inner .t-year{
        right: -82px;
    }
    .toggle-inner {
        width: 76px;
        height: 33px;
    }
    .custom-toggle{
        width: 22px;
        height: 22px;
    }
}
.pdfd{
    padding: 60px 15px;
}
.pdfd .btn-dld{
    margin-top: 40px;
}

@media only screen and (max-width: 480px) {
.pdfd{
    padding: 30px 15px;
}
.pdfd .btn-dld{
    margin-top: 20px;
}
.ct-bigheading{
    margin-bottom: 20px;
}
}


.trust{
    padding: 80px 0;
    background-color: #582f88;
}
.trust h2{
    font-family: Open Sans;
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
}
.trust h3{
        position: relative;
    font-size: 26px;
    text-align: center;
}
body .trust h3{
    font-family: Open Sans;
    font-size: 37.5px;
    font-weight: 600;
    color: #f46b32;
}
.trust-wrapper{

    display: flex;
    flex-wrap: wrap;
    margin: 20px auto 0;
}
.trust-item {
    display: flex;
    align-items: center;
        width: 48%;
}

.trust-item p{
    width: 50%;
    color: #1d1d1b;
font-size: 24px;
font-weight: 400;
font-family: Open Sans;
margin-left: 15px;

color: #ffffff;
line-height: normal;
margin-bottom: 0;

}
.trust-item p span{
    text-transform: uppercase;
    display: block;
}
.trust-item img{
    width: 40%;
}
.trust-item p span{
    font-weight: 600;
}
.trust-item{
    display: flex;
}
.trust a.primary.main{
    margin: 0 auto;
    border-radius: 55px;
    max-width: 440px;
    font-family: Open Sans;
    font-size: 32px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 75px;
    padding: 18px 6px;
    position: relative;
}
/* Quiz page */
.test-page{
    background-color: #efedef;
    padding: 40px 0;
}
.test-page img{
    max-width: 100%;
    border-radius: 8px;
}
.redbird{
    color: #d93025;
}
.test-page > .container{
    margin: auto;
    max-width: 100vw;
    width: 640px;
}
.page262 .test-page .w-block{
    border-top: 10px solid rgb(103, 58, 183);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.test-page .w-block{
    margin-top: 12px;
    background-color: #fff;
    border: 1px solid #dadce0;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 24px;
    padding-top: 22px;
    position: relative;
}

.test-page h1{
    font-size: 32px;
    font-weight: 400;
    color: #202124;
    line-height: 135%;
    max-width: 100%;
    min-width: 0%;
}
.freebirdtitle{
    background-color: #fff;
    border: 1px solid #dadce0;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 24px;
    page-break-inside: avoid;
    word-wrap: break-word;
}
.freebirdtitle input, .freebirdtitle-check input{
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    padding-left: 0;
}
.freebirdtitle span{
    color: #d93025;
}
.freebirdtitle .input-div{
    margin-top: 20px;
}
.freebirdtitle select {
    word-wrap: normal;
    width: 100%;
    border: 1px solid #ced4da;
    padding: 10px 0;
}
.test-page a.primary{
    max-width: 300px;
    padding: 12px 0;
    margin: 0 auto;
}
.freebirdtitle-check .banner_pseudoform{
    margin: 0;
}
.freebirdtitle .ps-label{ 
    font-size: 16px;
}
.freebirdtitle .ps-checkbox{
    width: 25px;
    height: 25px;
    margin-right: 12px;
}
.freebirdtitle .ps-checkbox.checked:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 19px;
    background: url(/img/pages/check-b.png) no-repeat;
    left: 4px;
    top: 2px;
    background-size: contain;
}
.freebirdtitle .banner_pseudoform {
    margin-top: 27px;
    margin-bottom: 10px;
}
/* radio buttons */

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #F28521;
    position: absolute;
    top: 4px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
@media only screen and (max-width: 600px) {
    .test-page h1 {
        font-size: 25px;
    }
    .test-page{
        padding: 15px 0;
    }
}
/* =========== */

/* Checkboxes */
.freebird{
    font-size: 14px;
}
.page296 .form-btn{
    position: relative;
}
.page296 .form-btn.disabled:after {
    content: '';
    background: white;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    opacity: 0.5;
    max-width: 300px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 15px;
}
.freebirdtitle .form-group input, .freebirdtitle-check .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.freebirdtitle .form-group label, .freebirdtitle-check .form-group label {
  position: relative;
  cursor: pointer;
}

.freebirdtitle .form-group label:before, .freebirdtitle-check .form-group label:before {
  content:'';
  background-color: transparent;
  border: 2px solid #f27e20;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 5px;
  margin-top: -2px;
}

.freebirdtitle .form-group input:checked + label:after, .freebirdtitle-check .form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

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


.mn-social-bottom{
    margin-top: 30px;
    position: relative;
    top: 0;

}
.mn-social-bottom-c h4{
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}
.mn-social-bottom:hover{
    text-decoration: none;
    top:-3px;
}
.mn-social-bottom.fb:hover svg path:nth-child(2){
    fill: #ffffff;

}
.mn-social-bottom.fb:hover svg path:first-child{
    fill: #ff822d;
    transition: all .3s;
}

.mn-social-bottom.tg:hover svg > path:first-child{
    fill: #ff822d;
    transition: all .3s;
}
.mn-social-bottom.tg:hover svg path:nth-child(n+3){
    fill: #ffffff;
}
.mn-social-bottom.tg:hover svg path:nth-child(n+2){
    stroke: #ffffff;
}
.mn-social-bottom.vb:hover svg > path{
    fill: #ff822d;
    transition: all .3s;
}
.mn-social-bottom.vb:hover svg g, .mn-social-bottom.vb:hover svg g path{
    fill: #ffffff;
}
@media only screen and (max-width: 600px) {
    .mn-social-bottom-c h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
}


/* Styles for banner */
.geo-prop{
    position: relative;
    margin: -40px auto;
    padding: 0 15px;
    padding-right: 50px;
    background: url(/img/pages/prop-bg.png);
}
.geo-prop a{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.geo-prop-wrap{
    position: relative;
    padding: 34px 0 48px;
    max-width: 870px;
    margin: 0 auto;
}
.geo-prop .boy-geo{
    position: absolute;
    right: 0;
    bottom: 0;
}
.geo-prop p{
    margin: 0;
}
.geo-prop .prop-date{
    background-color: #ed6f0f;
    display: inline-block;
    font-size: 26.8px;
    line-height: normal;
    font-weight: 700;
    color: #ffffff;
    padding: 5px 8px;
}
.geo-prop .prop-buy{
    font-size: 35.3px;
    line-height: normal;
    font-weight: 700;
    color: #2d1d31;
    margin-top: 20px;
}
.geo-prop .prop-buy span{
 display: block;
    color: #782eb6;
    max-width: 315px;
}
.geo-prop .prop-buy span.prop-for-brdr{
    margin-top: 5px;
    text-align: center;
    border: 5px solid #782eb6;
    border-radius: 12px;
    padding: 0 0 8px;
    line-height: 36px;
}
.geo-prop .prop-buy span.sp-present{
    display: flex;
    align-items: center;
}
.geo-prop .sp-present img{
    margin-right: 6px;
}
@media only screen and (max-width: 1279px) {
    .geo-prop-wrap {
        max-width: 800px;
    }
    .geo-prop{
            margin: -10px auto;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1023px) {
    
    .geo-prop-wrap {
        max-width: 510px;
    }
    .geo-prop .boy-geo {
        right: -122px;
        max-width: 400px;
    }
    .geo-prop .prop-buy {
        font-size: 27px;
    }
    .geo-prop .prop-date{
        font-size: 20px;
    }
    .geo-prop .prop-buy span.prop-for-brdr{
        padding-bottom: 4px;
        line-height: normal;
        max-width: 248px;
    }
    .geo-prop .geo-prop .prop-buy{
        margin-top: 15px;
    }
    .geo-prop .prop-date{
        padding: 3px 8px;
    }
}
@media only screen and (max-width: 600px) {
    .geo-prop .boy-geo {
        right: -122px;
        max-width: 335px;
    }
    .geo-prop .prop-buy{
        position: relative;
        z-index: 1;
    }
    .geo-prop .prop-buy {
        font-size: 22px;
    }
    .geo-prop .prop-buy span.prop-for-brdr{
        max-width: 205px;
    }
    .prop-date {
        font-size: 17px;
    }
    .geo-prop .prop-buy {
        margin-top: 9px;
    }
}

@media only screen and (max-width: 480px) {
    .geo-prop .boy-geo {
        position: static;
        right: -122px;
        max-width: 215px;
    }
    .geo-prop .prop-buy {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .geo-prop .prop-buy span.prop-for-brdr {
        max-width: 182px;
        margin: 0 auto;
    }
    .geo-prop-wrap{
        text-align: center;
        padding: 13px 0 0;
    }
    .geo-prop{
        padding: 0 10px;
    }
    .geo-prop .prop-buy span.sp-present{
        justify-content: center;
        max-width: inherit;
    }
    .geo-prop .prop-date {
        font-size: 15px;
    }
    .geo-prop .sp-present img{
        max-width: 20px;
    }
    .geo-prop .prop-buy span.prop-for-brdr {
        border: 3px solid #782eb6;
    }
    .geo-prop .prop-buy br{
        display: none;
    }
}

/* Second header banner */
.disc-geo{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px 120px;
    background-image: linear-gradient(90deg, rgb(115, 34, 133), rgb(74, 35, 84));
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    box-shadow: rgb(0 0 0 / 25%) 1px 3px 5px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-width: 0px;
    top: 0;
    z-index: 99999;
    height: 80px;
}
.disc-geo > a{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.disc-geo span a{
    color: #fff;
    text-decoration: underline;
}
.disc-geo span{
    font-size: 22px;
}
.disc-geo > div{
    background-color: rgb(245, 166, 35);
    padding: 5px 10px;
}
.disc-geo span{
    padding: 5px 10px;
    margin: 0;
    font-weight: 600;
    color: rgb(255, 255, 255);
        font-size: 32px;
    display: block;
}
.disc-geo img{
    cursor: pointer;
    max-width: 18px;
    position: absolute;
    right: 10%;
    top: 40% !important;
    transform: translateX(-50%);
    line-height: 0;
    filter: brightness(0%) saturate(0%) contrast(49%) invert(100%);
    z-index: 5;
}
/*.menu-m{
    padding-bottom: 30px;
}*/
@media only screen and (max-width: 1279px) {
.disc-geo span{
    font-size: 26px;
    padding: 1px;
    text-align: center;
    display: block;
    line-height: 26px;
}
}
@media only screen and (max-width: 600px) {
    .disc-geo{
        padding: 17px 45px 17px 10px;
        line-height: normal;
    }
    .disc-geo p{
        text-align: center;
        font-size: 12px;
    }
    .disc-geo img{
        right: 2%;
    }
    .menu-m {
    padding-bottom: 0;
    margin-bottom: 0;
}
.disc-geo span{
    font-size: 18px;
    padding: 1px;
    text-align: center;
    display: block;
    line-height: normal;
}
    
}

/* Styles for banner mathematics */
.ma-prop{
    position: relative;
    margin: -40px auto;
    padding: 0 15px;
    background: url(/img/pages/fon-ma.png);
}
.ma-prop a{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.ma-prop-wrap{
    position: relative;
    padding: 60px 0 65px;
    max-width: 1270px;
    margin: 0 0 0 auto;
}
.ma-prop .girl-ma{
    position: absolute;
    right: 0;
    bottom: 0;
}
.ma-prop p{
    margin: 0;
}
.ma-prop .prop-buy{
    font-size: 50px;
    line-height: normal;
    font-weight: 700;
    letter-spacing: 0.005em;
    color: #ffffff;
}
.ma-prop span{
    color: #ed6f0f;
}
.ma-prop-wrap .prop-date{
    background-color: #ed6f0f;
    display: inline-block;
    font-size: 26.8px;
    line-height: normal;
    font-weight: 700;
    margin-bottom: 22px;
    color: #ffffff;
    padding: 4px 25px;
    border-radius: 40px;
}
.ma-prop-wrap .under-title {
    font-size: 25px;
    line-height: normal;
    font-weight: 600;
    color: #ffffff;
}
.ma-prop-wrap .just-p{
    margin-top: 40px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.005em;
    color: #ffffff;
}
@media only screen and (max-width: 1679px) { 
    .ma-prop {
        padding: 0 43px;
    }
    .ma-prop .girl-ma{
        right: -55px;
    }
}
@media only screen and (max-width: 1279px) {
    .ma-prop-wrap {
        max-width: 870px;
        padding-right: 317px;
    }
    .ma-prop{
            margin: 15px auto 10px;
        overflow: hidden;
        padding: 0 15px;
    }
    .ma-prop .girl-ma{
        max-width: 380px;
    }
    .ma-prop .prop-buy {
        font-size: 38px;
    }
    .ma-prop-wrap .under-title {
        font-size: 20px;
    }
    .ma-prop-wrap .just-p {
        margin-top: 23px;
    }
    .ma-prop-wrap .prop-date {
        font-size: 20px;
        padding: 4px 15px;
    }
}
@media only screen and (max-width: 1023px) {
    .ma-prop-wrap {
        padding-bottom: 40px;
    }
    .ma-prop .prop-buy {
        font-size: 31px;
    }
    .ma-prop-wrap .under-title {
        font-size: 16px;
    }
    .ma-prop-wrap{
        padding-right: 153px;
        padding-bottom: 40px;
        padding-top: 30px;
    }
    .ma-prop-wrap .just-p{
        margin-top: 12px;
        font-size: 16px;
    }
    .ma-prop .girl-ma {
        text-align: center;
        margin: 0 auto;
        left: 67%;
        max-width: 280px;
    }
}
@media only screen and (max-width: 767px) {
    .ma-prop-wrap {
        padding-right: 0;
    }
    .ma-prop-wrap .under-title{
        padding-right: 182px;
    }
    .ma-prop-wrap .just-p{
        padding-right: 190px;
    }
    .ma-prop-wrap .just-p {
        padding-right: 228px;
    }
}
@media only screen and (max-width: 600px) {
    .ma-prop .girl-ma{
        position: static;
    }
    .ma-prop-wrap .under-title {
        padding-right: 0;
    }
    .ma-prop-wrap .just-p{
        padding-right: 0;
    }
    .ma-prop-wrap{
        text-align: center;
        padding-bottom: 0;
    }
    .ma-prop-wrap .prop-date{
        margin-bottom: 15px;
    }
    .ma-prop .girl-ma {
        max-width: 240px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .ma-prop .prop-buy {
        font-size: 24px;
    }
    .ma-prop{
        padding: 0 10px;
    }
    .ma-prop-wrap .prop-date {
        font-size: 18px;
    }
    .ma-prop .girl-ma {
        max-width: 205px;
        margin-top: 10px;
    }
    .ma-prop-wrap .just-p {
        margin-top: 5px;
        font-size: 15px;
    }
    .ma-prop .prop-buy {
        font-size: 20px;
    }
    .ma-prop-wrap .under-title {
        font-size: 14px;
        margin-top: 5px;
    }
    .ma-prop-wrap .under-title br{
        display: none;
    }
}
/*=====*/
.flex-row-blog {
    display: flex;
    align-items: flex-start;
    margin: 30px 0;
}
section.news .blog-h5{
    margin-top: 30px;
}
.flex-row-blog img{
    margin-right: 30px;
    width: 250px;
}
@media screen and (max-width: 600px) {
    .flex-row-blog {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .flex-row-blog img{
        margin: 0 0 20px 0;
    }
}

.page359 .subj-wrap{
    display: flex;
    flex-wrap: wrap;
}

.page359 .subj-item {
    margin-right: 35px;
    font-size: 30px;
    line-height: normal;
    color: #000;
    width: 30%;
    margin: 20px 0;
}
.page359 .subj-item a{
    color: #000;
}
.page359  .ct-descr{
    font-size: 22px;
    line-height: 150%;
}
.page359 .subj-item a {
    background: linear-gradient(180deg, #F28521 0%, #F26E21 100%);
    border-radius: 16px;
    color: #FFFFFF;
    text-align: center;
    font-size: 24px;
    line-height: 150%;
    max-width: 300px;
    padding: 12px 0;
    margin: 0 auto;
    display: block;
}
.page359 .ee-space{
    margin-top: 20px;
}
@media screen and (max-width: 1270px) {
    .page359 .subj-item {
        margin-right: 10px;
        width: 45%;
    }
}
@media screen and (max-width: 480px) {
    .page359 .subj-item {
        margin-right: 0;
        width: 100%;
        margin: 10px 0;
    }
}


#page_summer_courses_reg .wrapper{
    display: flex;
    align-items: flex-start;
}
#page_summer_courses_reg #order_form{
    padding-bottom: 50px;
}
#page_summer_courses_reg .rd {
    color: #f26e21;
    font-size: 10px;
    position: relative;
    top: -8px;
}
#page_summer_courses_reg .span3 {
    margin-right: 25px;
    margin-left: auto;
    min-width: 190px;
    width: 190px;
}
#page_summer_courses_reg label {
    font-size: 24px;
    line-height: normal;
    height: auto;
    padding-top: 5px;
}
#page_summer_courses_reg input.big, #page_summer_courses_reg textarea.big{
    padding: 15px 7px;
    border-radius: 2px !important;
    margin-bottom: 45px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    transition: border linear .2s, box-shadow linear .2s;
    width: 100%;
}
#page_summer_courses_reg .inp-wrap{
    width: 50%;
}
#page_summer_courses_reg .courses-select-form .slabel {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    max-width: 400px;
    margin: 0 auto;
    height: auto;
    margin-bottom: 36px;
    line-height: normal;
    margin-top: 27px;
}
#page_summer_courses_reg .courses-select-form .sel-title {
    margin-top: 20px;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
}
#page_summer_courses_reg #banner_pseudoform {
    margin-top: 12px;
    margin: 12px auto 12px;
    position: relative;
    width: 380px;
    padding: 20px 15px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 5%);
    margin-bottom: 5%;
    overflow: auto;
    background: #fff;
    border: 1px solid #b9b9b9;
}
#page_summer_courses_reg .personal-btn{
    background: none;
    color: orange;
    border: none;
    box-shadow: none;
    padding-left: 1px;
    outline: none;
}
#page_summer_courses_reg #banner p.personal-data {
    font-size: 17px;
    width: 490px;
    margin: 20px auto;
}
#page_summer_courses_reg .btn-row{
    text-align: center;
}
#page_summer_courses_reg .row-form{
    justify-content: center;
    margin-top: 60px;
}
#page_summer_courses_reg input[type="text"]{
    display: inline-block;
    line-height: 20px;
    color: #555555;
    width: 100%;
}
#page_summer_courses_reg .inp-item{
    flex: 1;
}
#page_summer_courses_reg .ps-label {
    float: left;
    cursor: pointer;
    height: auto;
    font-size: 16px;
    color: #202020;
    line-height: 20px;
}
#page_summer_courses_reg .courses-select-form{
    margin-left: 57px;
}
#page_summer_courses_reg .banner_pseudoform-row{
    margin: 0;
}
#page_summer_courses_reg .ps-checkbox.checked:before {
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(/img/pages/check-b.png) no-repeat;
    left: 4px;
    top: 6px;
    background-size: contain;
}
#page_summer_courses_reg .banner_pseudoform-row{
    padding-right: 20px;
}
#page_summer_courses_reg .ps-checkbox {
    position: relative;
    margin-right: 18px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    border: 1px solid #b2b2b2;
    border-radius: 5px;
    background: #fff;
}
#page_summer_courses_reg button#apply {
    background: #8267c8;
    display: block;
    font-size: 30px;
    line-height: 49px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 30px;
    max-width: 440px;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    margin: 0 auto 15px;
}
#page_summer_courses_reg button#apply:hover{
    transform: scale(1.04);
    background: #8d72d3;
}
#page_summer_courses_reg select.big{
    width: 100%;
}
@media only screen and (max-width: 1279px) {
    #page_summer_courses_reg .span3 {
        margin-right: 10px;
        margin-left: auto;
    }
    #page_summer_courses_reg .courses-select-form{
        margin-left: 15px;
    }
    #page_summer_courses_reg .slabel{
        font-size: 19px;
    }
    #page_summer_courses_reg label{
        font-size: 22px;
    }
    #page_summer_courses_reg .span3{
        width: 150px;
        min-width: 150px;
    }
}
@media only screen and (max-width: 1023px) {
    #page_summer_courses_reg .row-form{
        margin-top: 30px;
        flex-direction: column;
        align-items: center;
    }
    #page_summer_courses_reg .inp-wrap {
        width: 94%;
    }
    #page_summer_courses_reg .slabel{
        text-align: center;
    }
    #page_summer_courses_reg .courses-select-form{
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0;
        width: 100%;
    }
    #page_summer_courses_reg .personal-data{
        font-size: 18px;
        margin-top: 20px;
        max-width: 432px;
    }
    #page_summer_courses_reg .slabel{
            margin-top: 25px;
        font-size: 18px;
     margin-bottom: 0;
    }
}
@media only screen and (max-width: 768px) {
    #page_summer_courses_reg label {
    font-size: 18px;
}
    #page_summer_courses_reg .slabel{
            margin-top: 15px;
        font-size: 18px;
     margin-bottom: 20px;
    }
    html[data-option=com_order] #page_summer_courses_reg .span3.text-right {
        min-width: 200px;
        width: 199px;
    }
    html[data-option=com_order] #page_summer_courses_reg .span4{
        width: 100%;
    }
    html[data-option=com_order] #page_summer_courses_reg input.big{
        width: 100%;
    }
    #page_summer_courses_reg #banner_pseudoform{
        width: auto;
    }
    #page_summer_courses_reg .courses-select-form .slabel{
        margin-bottom: 0;
        margin-top: 30px;
    }
}
@media only screen and (max-width: 480px) {
    #page_summer_courses_reg input.big, #page_summer_courses_reg textarea.big{
        margin-bottom: 20px;
    }
    #page_summer_courses_reg .ps-checkbox{
        margin-left: 0;
        margin-right: 10px;
    }
    html[data-option=com_order] #page_summer_courses_reg .courses-select-form{
        padding-left: 0;
    }
    #page_summer_courses_reg .ps-label{
        white-space: nowrap;
    }
    #page_summer_courses_reg .wrapper {
        flex-direction: column;
        align-items: center;
    }
    html[data-option=com_order] #page_summer_courses_reg .span3.text-right{
        margin: 0 auto;
        text-align: center;
    }
    #page_summer_courses_reg .span3{
        text-align: center;
        margin-right: auto;
    }
    #page_summer_courses_reg .inp-item{
        width: 100%;
        max-width: 330px;
        margin: 0 auto;
    }
    #page_summer_courses_reg button#apply {
        padding: 1px 0;
        display: block;
        font-size: 20px;
        line-height: 49px;
        max-width: 255px;
        width: 100%;
        margin: 0 auto;
    }
    html[data-option=com_order] #page_summer_courses_reg .courses-select-form{
        margin-left: 0;
    }
    #page_summer_courses_reg .personal-data {
        font-size: 16px;
        margin-top: 20px;
        max-width: 353px;
        margin: 20px auto 0;
    }
    #page_summer_courses_reg #order_form {
    padding-bottom: 20px;
}
#page_summer_courses_reg .slabel{
    line-height: normal;
}
}


/* page 347*/
/*.page347 .math-p{
	display: none;
}*/
/*.page347 .ua-p{
    display: none;
}*/
.page347 .left-side span {
    display: block;
    font-size: 17px;
}
.page347 p{
    line-height: normal;
}
.page347 h1 {
    width: 514px;
    font-size: 73px;
    font-weight: 700;
    color: #ff7418;
    line-height: 80px;
    margin-top: 15px;
}
body.page347 h2{
    text-align: center;
    font-size: 46px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #7564d9;
    text-transform: uppercase;
}
.page347 #top{
    position: relative;
}
.page347 .top-description {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 1170px;
}
.page347 .top-description .date-img{
    position: absolute;
    z-index: -1;
    top: -110px;
    left: -135px;
}
.page347 .right-img{
    position: absolute;
    right: 0;
    top: 0;
}
.page347 .top-bg{
    padding: 135px 0 60px;
}
.page347 .girl{
    margin-left: -105px;
    margin-top: 0px;
}
.page347 .top-description p{
    position: relative;
    font-size: 30px;
    font-weight: 400;
    color: #423c47;
    margin: 30px 0;
}

.page347 a.primary {
    background: rgb(255,198,36);
    background: linear-gradient(90deg, rgba(255,198,36,1) 0%, rgba(221,69,142,1) 50%, rgba(192,31,237,1) 100%);
    font-size: 24px;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    display: block;
    max-width: 350px;
    text-align: center;
    padding: 20px 0;
    border-radius: 20px;
}

.page347 .what-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
    position: relative;
    max-width: 1000px;
    margin: 45px auto 0;
}
.page347 .what-wrapper img.square{
    position: absolute;
    top: -220px;
    left: -100px;
    z-index: -1;
}
.page347 .what-item{
    text-align: center;
    width: 25%;
}

.page347 .what-itemp{
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #000000;
}
.page347 .what-item img {
    max-height: 83px;
}
.page347 .what-item p{
    margin-top: 15px;
}
.page347 .whom {
    position: relative;
    background: url(/components/com_articles/img/marathon/whom.png);
    background-position: top center;
    background-repeat: no-repeat;
    padding: 100px 0 65px;
}
.page347 .whom-img {
    position: absolute;
    bottom: -235px;
    right: 0;
    z-index: 1;
}
.page347 .whom h2 span{
    display: block;
    margin-top: 12px;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.02em;
color: #766ede;
}
.page347 .whom-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 30px auto 0;
}
.page347 .whom-item {
    position: relative;
    z-index: 2;
    text-align: center;
    width: 24%;
    max-width: 325px;
}
.page347 .whom-item p {
    background: #ffffff;
    padding: 20px 30px 16px;
    border-radius: 20px;
    margin-top: -48px;
    font-size: 18px;
}
.page347 .whom a.primary{
    margin: 40px auto 0;
}

.page347 .trust{
    padding: 80px 0;
    background-color: #582f88;
}
.page347 .trust h2{
    text-align: center;
    line-height: normal;
    font-size: 45px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
}
body.page347  .trust h3{
    text-align: center;
    line-height: normal;
    font-size: 33px;
    font-weight: 600;
    color: #f46b32;
}
.page347 .trust-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px auto 0;
    max-width: 1100px;
}
.page347 .trust-item {
    display: flex;
    align-items: center;
        width: 48%;
}

.page347 .trust-item p{
    width: 50%;
    color: #1d1d1b;
font-size: 22px;
font-weight: 400;
margin-left: 15px;

color: #ffffff;
line-height: normal;
margin-bottom: 0;

}
.page347 .trust-item p span{
    text-transform: uppercase;
    display: block;
}
.page347 .trust-item img{
    width: 180px;
}
.page347 .trust-item p span{
    font-weight: 600;
}
.page347 .trust-item{
    display: flex;
}
.page347 .trust a.primary.main{
    border-radius: 55px;
    max-width: 440px;
    font-size: 32px;
    font-weight: 400;
    color: #ffffff;
    margin: 75px auto 0;
    padding: 18px 6px;
    position: relative;
}

.page347 .program{
    padding: 110px 0 100px;
    position: relative;
}
.page347 .program h2{
    color: #000;
}
.page347 .program-wrapper{
    max-width: 1170px;
    margin: 65px auto 0;
}
.page347 .program-item{
    margin-top: 45px;
}
.page347 .program-name {
    display: inline-block;
    font-size: 28px;
    line-height: 48px;
    font-weight: 600;
    text-transform: uppercase;
    color: #f2f8ff;
    max-width: 800px;
    text-align: center;
    margin-bottom: 0;
    position: relative;
    padding-right: 25px;
    padding: 10px 75px 6px 45px;
}
.page347 .accordion-group{
    border: none;
    cursor: pointer;
}
.page347 .program-item li p{
    display: inline;
}
.page347 .program-wrapper .ua-item .program-name{
    background-color: #837af4;
    line-height: normal;
}
.page347 .program-wrapper ul{
margin-left: 40px;
cursor: pointer;
}
.page347 .program-wrapper .ua-item ul{
    border-left: 7px solid #837af4;
        padding: 25px 0 0 23px;
        
}

.page347 .program-wrapper .ua-item ul li span.li-date{
    color: #837af4;
    margin-right: 12px;
}
.page347 .program-wrapper .math-item ul{
    border-left: 7px solid #fe9522;
    list-style-type: none;
}

.page347 .program-wrapper .math-item ul li span.li-date{
    color: #fe9522;
}
.page347 .program-wrapper .math-item .program-name{
    background-color: #fe9522;
    line-height: normal;
}
.page347 .program-wrapper .hist-item ul{
    border-left: 7px solid #ea5981;
    list-style-type: none;
}
.page347 .program-wrapper .hist-item ul li span.li-date{
    color: #ea5981;
}
.page347 .program-wrapper .hist-item .program-name{
    background-color: #ea5981;
}
.page347 .program-wrapper .en-item ul{
    border-left: 7px solid #a81eef;
}
.page347 .program-wrapper .en-item ul.collapse.in{
    border-left: 7px solid #a81eef;
}
.page347 .program-wrapper .en-item ul li span.li-date{
    color: #a81eef;
}
.page347 .program-wrapper .en-item .program-name{
    background-color: #a81eef;
}
.page347 .program-wrapper ul.collapse.in{
    list-style: none;
    padding: 25px 0 0 23px;
}
.page347 .program-wrapper ul{
    list-style-type: none;
}
.page347 .program-wrapper ul{
    padding-top: 20px;
}
.page347 .program-wrapper ul li {
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    line-height: normal;
    margin-top: 0;
}
.page347 .program-wrapper ul li:nth-child(n+2){
    margin-top: 20px;
}
.page347 .program-wrapper ul li span.li-date {
    font-weight: 700;
    display: table;
    min-width: 144px;
    display: inline;
}
.page347 img.arr-down{
    max-width: 20px;
    position: absolute;
    right: 20px;
    top: 37%;
    transform: rotate(180deg); 
    transition: all .3s;
}
.page347 .accordion-toggle.openi.collapsed img {
    transform: rotate(0deg);
    transition: all .3s;
}
.page347 .package{
    position: relative;
    padding: 0 0 100px;
}
.page347 .packages h2{
    text-align: center;
    font-size: 48px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #7564d9;
}

.page347 .circle{
    position: absolute;
    right: 50px;
    top: 20%;
}
.page347 .prog-sq{
    position: absolute;
    right: 0;
    top: 45%;
}
.page347 .program-img{
    position: absolute;
    left: 0;
    top: 45%;
}

.page347 .program-img-2{
    position: absolute;
    right: 0;
    bottom: -5%;
}

.page347 .iphone-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 900px;
    margin: 70px auto 0px;
}

.page347 .iphone-wrapper .iphone-item {
    position: relative;
    background: url(/components/com_articles/img/marathon/phone2.png);
    background-size: cover;
    width: 384px;
    height: 967px;
    padding: 55px 30px 68px 30px;
}
.page347 .iphone-wrapper .iphone-item:nth-child(2) {
    position: relative;
    background: url(/components/com_articles/img/marathon/phone22.png);
    background-size: cover;
    width: 384px;
    height: 1053px;
    padding: 55px 30px 68px 30px;
}

/*.page347 .iphone-wrapper .iphone-item:nth-child(3) {
    position: relative;
    background: url(/components/com_articles/img/marathon/phone-3.png);
    background-size: cover;
    width: 384px;
    height: 1112px;
    padding: 55px 30px 68px 30px;
}*/

.page347 .iphone-wrapper .iphone-item span{
    margin: 7px auto 15px;
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #000000;
}

.page347 .iphone-wrapper .iphone-item ul{
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.page347 .iphone-wrapper .iphone-item ul li {
    position: relative;
    font-size: 19px;
    line-height: 23px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #000000;
    padding-left: 30px;
}

.page347 .iphone-wrapper .iphone-item ul li:before{
    content: url(/components/com_articles/img/marathon/check.png);
    position: absolute;
    left: 0;
    top: 4px;
}

.page347 .iphone-wrapper .iphone-item ul li:nth-child(n+2){
        margin-top: 10px;
}
.page347 .iphone-wrapper .iphone-item:nth-child(2) .price-wrapper{
    margin-top: 40px;
}
.page347 .iphone-wrapper .iphone-item:nth-child(2) p.price{
    margin-top: 35px;
}
.page347 .iphone-wrapper .iphone-item:nth-child(3) p.price{
    margin-top: 46px;
}
.page347 p.price {
    position: relative;
    margin-top: 30px;
    margin-bottom: 6px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    font-size: 24px;
}
.page347 p.price:after {
    content: '';
    position: absolute;
    left: 10%;
    background-color: #ed1c24;
    height: 3px;
    width: 80%;
    top: 54%;
    transform: translateY(-50%);
}
.page347 .price-date{
    background-color: #ed1c24;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    border-radius: 50px;
    padding: 8px 25px;
    display: flex;
    justify-content: center;
    width: auto;
    align-items: center;
    max-width: 316px;
    margin: 0 auto;
}
.page347 .iphone-item:nth-child(1) .price-main{
    margin-top: 39px;
}
.page347 .price-main{
    margin-top: 14px;
    font-size: 30px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-align: center; 
}
.page347 .discount-p{
    margin-top: 70px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    line-height: normal;
}
.page347 .iphone-item a{
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    width: 312px;
    margin-bottom: -37px;
    background: #fe9522;
    padding: 21px 0;
   border-radius: 45px;
   margin-top: 25px;
}
.page347 .package img.package-1{
    position: absolute;
    bottom: 354px;
    left: 0;
}
.page347 .package img.package-2{
    position: absolute;
    bottom: 110px;
    left: 200px;
}

.page347 .consult-testim{
    overflow: hidden;
    padding: 70px 0;
}
.page347 .consult-wrap .slick-dots button{
    font-size: 0;
    background-color: #ebebeb;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: none;
}
.page347 .consult-wrap .slick-dots .slick-active button{
    background-color: #959595;
}

.page347 .consult-title h3{
    position: relative;
    text-align: center;
    font-size: 48px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
}
.page347 .consult-wrap{
    margin-top: 42px;
}
.page347 .slick-slide img{
    margin: 0 auto;
}
.page347 .slick-dots{
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin-top: 45px;
}
.page347 .slick-dots li{
    margin-right: 30px;
}
.page347 .slick-dots li:last-child{
    margin-right: 0;
}
.page347 .total{
    font-size: 50px;
}
.page347 .feed-form{
    background: url(/components/com_articles/img/marathon/form-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70px 0 50px;
}
.page347 .feed-form h2{
font-size: 36px;
line-height: normal;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
color: #d0bff9;
margin-bottom: 25px;
}
.page347 .feed-form .subtitle{
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    margin-bottom: 20px;
}
.page347 .space-right input:first-child{
    margin-top: 0;
}
.page347 .space-right input::placeholder, .space-right select::placeholder {
  color: #582e88;
  opacity: 1; /* Firefox */
}
.page347 .space-right input, .space-right select{
    width: 100%;
    height: 59px;
    max-width: 100%;
    background-color: #d0bff9;
    border: none;
    color: #582e88;
    border-radius: 40px;
    box-sizing: border-box;
font-size: 17px;
font-weight: 400;
line-height: 69px;
margin-top: 12px;
}
.page347 .space-right button{
        color: #fff;
    height: 70px;
    width: 100%;
    max-width: 424px;
        font-size: 22px;
        margin-top: 15px;
        max-height: 50px;
}
.page347 .space-right input.cb_promocode{
    border: 5.1px solid #d0bff9;
    background: none;
    border-radius: 0;
    margin-top: 25px;
}
.page347 .space-right input.cb_promocode::placeholder{
        color: #d0bff9;
}
/*.form-wrapper{
    display: flex;
}*/
.page347 .form-wrapper form{
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 47px;
}
.page347 form label{
    display: block;
        color: #fff;
    padding-left: 12px;
    font-size: 18px;
    margin: 0;
}
.page347 form .left-side .input-div{
    position: relative;
}
.page347 form .var-pack{
    position: relative;
    padding-left: 145px;
    padding-top: 6px;
    margin-top: 40px;
}
.page347 form .var-pack:first-child{
    margin-top: 0;
}
.page347 form .var-pack > label {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-align: left;
    position: absolute;
    top: 3px;
    left: 0;
}
.page347 form .var-pack p label{
    font-size: 28px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #fff;
}
.page347 [type="radio"]:checked + label{
    color: #ff8503;
}
.page347 form .var-pack p{
    text-align: left;
}

.page347 form .price .orange{
    color: #f09600;
    font-size: 35px;
    font-weight: 700;
}
.page347 form .price .orange i, .page347 form .total{
    color: #fff;
    font-style: normal;
}
.page347 .toggler{
    cursor: pointer;
    background: #fff;
    border-radius: 30px;
    margin-bottom: 35px;
    margin-top: 65px;
    font-size: 24px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #6a51b4;
    max-width: 437px;
    padding: 3px 0;
}
.page347 .right-side{
    width: 100%;
    margin-top: 55px;
}
.page347 .right-side h2{
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    text-align: left;
}
.page347 .right-side .subtitle{
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    text-align: left;
    line-height: normal;
    margin-top: 30px;
    margin-top: 0;
    padding-left: 0;
    text-align: center;
}
.page347 form .flex-row .right-side{
        padding: 59px 0;
}

.page347 #apply-pay {
    margin: 0 auto;
    background-image: linear-gradient(0.0deg, #ff9000 0%, #ffba00 100%);
    display: block;
    text-align: center;
    border-radius: 20px;
    width: 100%;
    border: none;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    padding: 24px 43px;
    max-width: 350px;
}
.page347 #apply-pay:hover{
        color: #fff;
}
.page347 .offset-1{
    margin-top: 25px;
}
.page347 #apply-free{
    border-radius: 25px;
    background: linear-gradient(180deg, #ff7a1a 0%, #ff4200 100%);
    color: #ffffff;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    font-weight: 500;
    max-width: 350px;
    margin: 20px auto;
}

.page347 #WebBottom{
    margin-top: 0 !important;
}
.page347 .prom-p{
    margin-top: 12px;
    text-align: center;
}
.page347 .prom-p button{
        max-width: 258px;
    margin: 0 auto;
    font-size: 19px;
border-radius: 25px;
    background: #f46b32;
border: none;
}
.page347 .video-testimonials{
    padding: 50px 0 100px;
}
.page347 .video-testimonials h2{
    text-align: center;
    font-size: 40px;
}
.page347 .test-wrapper{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.page347 .test-wrapper .test-item{
        position: relative;
    height: 197px;
    padding: 0 10px;}

.page347 .test-wrapper .test-item img{
    max-width: 100%;
    width: auto;
    max-height: 256px;
   
}
.page347 .play-btn{
    cursor: pointer;
}
.page347 .modal .modal-content {
    padding: 10px;
}
.page347 .modal .modal-dialog{
    margin-top: 150px;
}
.page347 .modal .modal-body {
    margin-top: 0;
}
.page347 .modal-open .modal {
    z-index: 9999999;
}
.page347 .play-btn-2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
}
.page347 .test-wrapper .test-item img.play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
}
.page347 .prom-p button:hover{
    background: #f78a5d;
    color: #fff;
}
.page347 .form-flex{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1100px;
    margin: 80px auto 0;
}
.page347 .form-wrapper input{
    overflow: visible;
    background-color: #d0bff9;
    border: none;
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 23px auto 0;
    border-radius: 50px;
    height: 57px;
    padding: 0 15px;
    font-size: 22px;
}

.page347 .form-wrapper input.cb_promocode{
    border: 5.1px solid #d0bff9;
    background: none;
    border-radius: 0;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #d0bff9;
    max-width: 454px;
}
.page347 .form-wrapper input.cb_promocode::placeholder {
  color: #d0bff9;
  opacity: 1;
}
.page347 .price-red {
    display: block;
    font-size: 39.3px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ff2626;
    position: relative;
    max-width: 192px;
    margin: 0 auto -7px;
}
.page347 .prom-p button {
    background: #ed6f0f;
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    max-width: 285px;
    display: block;
    width: 100%;
    padding: 8px 12px;
    border-radius: 50px;
}
.page347 .price-red:after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ff2626;
    width: 100%;
    height: 3px;
    left: 0;
}
.page347 .twoToneButton{
    position: relative;
  }
  

 .page347  .twoToneButton.spinning::after {
      content: '';
      display: block;
      width: 1.2em;
      height: 1.2em;
      position: absolute;
      left: calc(50% - 0.75em);
      top: calc(50% - 0.75em);
      border: 0.15em solid transparent;
      border-right-color: white;
      border-radius: 50%;
      animation: button-anim 0.7s linear infinite;
      opacity: 0;
    }
  @keyframes button-anim {
      from {
        transform: rotate(0);
      }
      to {
        transform: rotate(360deg);
      }
    }
    .page347 .twoToneButton.spinning {
        color: transparent !important;
 }

    .page347 .twoToneButton.spinning::after {
      opacity: 1;
    }
  
  @keyframes rotate360 { 
      100% {
          transform: rotate(360deg);
      }
  }
  @keyframes exist { 
      100% {
          width: 15px;
          height: 15px;
          margin: -8px 5px 0 0;
      }
  }
  .page347 .left-side-wrap .left-side:nth-child(n+2) .hide-show{
    display: none;
  }
  .page347 .isError{
    display: none;
    color: red;
    font-weight: 800;
    font-size: 21px;
  }
  .page347 .left-side-wrap{
    width: 100%;
  }
  .page347 .first-block{
    width: 100%;
  }
  .page347 .price-red{
    display: none !important;
  }
@media screen and (max-width: 1710px) {
    .page347 .program-img{
            max-width: 158px;
    }
}
    
@media screen and (min-width: 992px) {
    .page347 .wrapper-header .container{
        width: 960px;
    }
}
@media screen and (min-width: 768px) {
    .page347 form .flex-row{
    width: 100%;
}
.page347 form .flex-row .space-right{
        display: flex;
   /* align-items: center;*/
    justify-content: center;
    /*max-width: 800px;*/
    margin: 0 auto;
}
.page347 form .flex-row .left-side{
    width: 100%;
    text-align: center;
    max-width: 420px;
}
.page347 form .flex-row .right-side{
       /*  max-width: 317px;*/
    margin: 50px auto 0;
}

}
@media screen and (max-width: 1679px) {
    .page347 h1 {
        font-size: 65px;
        line-height: 125%;
    }

    /*.page347 .iphone-wrapper .iphone-item:nth-child(2) p.price {
        margin-top: 60px;
    }*/
    .page347 .iphone-wrapper .iphone-item:nth-child(3) p.price {
        margin-top: 67px;
    }
    .page347 .iphone-wrapper .iphone-item:nth-child(3) {
        width: 370px;
        height: 1070px;
        padding: 55px 22px 68px;
    }
    .page347 .girl {
        margin-top: 0px;
        max-width: 775px;
    }
    .page347 .package{
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 1479px) {
    .page347 .top-description .date-img {
        max-width: 305px;
        left: -60px;
        top: -80px;
    }

    .page347 h1{
        font-size: 60px;
        line-height: 105%;
        margin-left: 50px;
    }
    .page347 .girl {
        margin-top: 0px;
        max-width: 720px;
    }
    .page347 .top-bg {
        padding: 102px 0 60px;
    }
    .page347 .whom-img {
        max-width: 200px;
    }
    .page347 .feed-form {
        padding: 60px 0 50px;
    }
    .page347 form .var-pack p label {
        font-size: 26px;
    }
    .page347 .feed-form h2 {
        font-size: 32px;
    }
    .page347 .feed-form .subtitle{
        font-size: 25px;
    }
    .page347 .right-img{
        max-width: 200px;
    }
    .page347 .top-description p{
        font-size: 25px;
    }
    body.page347 h2{
        font-size: 27px;
    }
    .page347 .package img.package-1{
        max-width: 100px;
    }
}
@media screen and (max-width: 1335px) {
.page347 .program-img{
    display: none;
}
}
@media screen and (max-width: 1279px) {
    .page347 .iphone-item:nth-child(1) .price-main {
        font-size: 27px;
        margin-top: 19px;
    }
    .page347 .girl {
        margin-top: 0px;
        max-width: 528px;
        margin-left: -140px;
    }
    .page347 .prog-sq{
        display: none;
    }
    .page347 .program-name {
        font-size: 24px;
        line-height: 38px;
        padding: 10px 59px 6px 30px;
    }
    .page347 .iphone-wrapper{
        max-width: 700px;
    }
    .page347 h1 {
        font-size: 55px;
    }
    .page347 .right-img {
        max-width: 150px;
    }
    .page347 .top-description .date-img {
        max-width: 250px;
        left: -40px;
        top: -64px;
    }
    .page347 h1 {
        font-size: 50px;
    }
    .page347 .subtitle{
        max-width: 100%;
    }
    .page347 .what-wrapper img.square {
        top: -150px;
        left: -100px;
        max-width: 160px;
    }
    body.page347 h2 {
        font-size: 25px;
    }
    .page347 .what-item img {
        max-height: 70px;
        max-width: 70px;
    }
    .page347 .whom {
        padding: 80px 0 55px;
    }
    .page347 .whom-wrapper {
        margin: 5px auto 0;
    }
    .page347 .whom-item img{
        max-width: 170px;
    }
    .page347 .whom-item p {
        padding: 20px 15px 16px;
        margin-top: -48px;
        font-size: 16px;
    }
    .page347 .whom a.primary {
        margin: 30px auto 0;
    }
    .page347 a.primary{
        padding: 18px 0;
        font-size: 21px;
    }
    .page347 .whom-img {
        max-width: 150px;
    }
    .page347 .trust h2{
        font-size: 34px;
    }
    body.page347 .trust h3{
        font-size: 25px;
    }
    .page347 .trust {
        padding: 50px 0;
    }
    .page347 .trust-item img {
        width: 160px;
    }
    .page347 .trust-item p{
        font-size: 19px;
    }
    .page347 .trust a.primary.main {
        max-width: 340px;
        font-size: 22px;
        margin: 52px auto 0;
        padding: 15px 6px;
    }
    .page347 .program-wrapper{
        margin-top: 48px;
    }
    .page347 .program-wrapper ul li{
        font-size: 22px;
        min-width: 130px;
    }
    .page347 .program-wrapper ul li:nth-child(n+2) {
        margin-top: 10px;
    }
    .page347 .program-img-2 {       
        max-width: 150px;
    }
    .page347 .program {
        padding: 65px 0 70px;
    }
    .page347 .iphone-wrapper{
        margin-top: 45px;
    }

    .page347 .iphone-wrapper .iphone-item ul li {
        font-size: 16px;
        line-height: 22px;
    }
    .page347 .iphone-wrapper .iphone-item:nth-child(3) {
        width: 290px;
        height: 839px;
        padding: 55px 22px 68px;
    }
    .page347 .iphone-wrapper .iphone-item:nth-child(2) {
        width: 335px;
        height: 919px;
        padding: 55px 22px 68px;
    }
    .page347 .iphone-wrapper .iphone-item {
        width: 332px;
        height: 839px;
        padding: 55px 22px 68px 22px;
    }
    .page347 .iphone-wrapper .iphone-item span {
        font-size: 22px;
        line-height: 13px;
    }
    .page347 .iphone-wrapper .iphone-item ul li:nth-child(n+2){
        margin-top: 8px;
    }
    .page347 .iphone-wrapper .iphone-item:nth-child(2) .price-wrapper{
        margin-top: 52px;
    }
    .page347 .iphone-item a{
        margin-left: auto;
        margin-right: auto;
    }
    .page347 p.price {
        margin-top: 5px;
        font-size: 20px;
    }
    .page347 .price-date {
        font-size: 20px;
        line-height: 22px;
        padding: 6px 18px;
        max-width: 210px;
    }
    .page347 .price-main {
        margin-top: 6px;
        font-size: 28px;
    }
    .page347 .iphone-item a {
        width: 253px;
        margin-top: 15px;
        padding: 14px 0;
        font-size: 18px;
    }
    .page347 .iphone-wrapper .iphone-item:nth-child(2) p.price {
        margin-top: 7px;
    }
    .page347 .iphone-wrapper .iphone-item:nth-child(3) p.price {
        margin-top: 14px;
    }
    .page347 .consult-testim {
        padding: 30px 0;
    }
    .page347 .consult-title h3{
        font-size: 34px;
    }
    .page347 .slick-slide img {
        max-width: 290px;
    }
    .page347 .consult-wrap .slick-dots button {
        width: 18px;
        height: 18px;
    }
    .page347 .slick-dots li {
        margin-right: 20px;
    }
    .page347 .slick-dots{
        margin-top: 27px;
    }
    .page347 .feed-form h2 {
        font-size: 28px;
    }
    .page347 .feed-form .subtitle {
        font-size: 22px;
    }
    .page347 .feed-form .subtitle br{
        display: block;
    }
    .page347 .feed-form h2{
        margin-bottom: 27px;
    }
    .page347 .form-wrapper form{
        margin-top: 35px;
    }
    .page347 .form-wrapper input{
        max-width: 500px;
    }
    .page347 .form-flex{
        margin: 45px auto 0;
    }
    .page347 form .var-pack p label {
        font-size: 22px;
    }
    .page347 form .var-pack > label {
        font-size: 20px;
        top: 5px;
    }
    .page347 form .var-pack {
        padding-left: 125px;
    }
    .page347 #apply-pay {
        font-size: 22px;
        line-height: 24px;
        padding: 14px 43px;
        max-width: 325px;
    }
    .page347 #apply-free {
        font-size: 22px;
        line-height: 24px;
        max-width: 325px;
        padding: 14px 10px
    }
    .page347 .toggler{
        font-size: 22px;
    }
}
@media screen and (max-width: 1200px) {
.page347 .circle{
    display: none;
}
.page347 .package img.package-1{
    display: none;
}

}
@media screen and (max-width: 1023px) {
    .page347 .girl {
        max-width: 388px;
        margin-top: 20px;
        margin-left: -245px;
    }
    .page347 h1 {
        font-size: 45px;
    }
    .page347 .top-description .date-img {
        max-width: 196px;
        left: -45px;
        top: -53px;
    }
    .page347 .top-bg {
        padding: 60px 0 40px;
    }
    .page347 .top-description p {
        font-size: 19px;
    }
    .page347 .right-img {
        max-width: 100px;
    }
    .page347 .iphone-wrapper{
        flex-wrap: wrap;
    }
    .page347 h1 {
        margin-left: 25px;
    }
    .page347 .top-description p{
        margin: 18px 0;
    }

    .page347 .what-wrapper img.square{
        max-width: 120px;
    }
    .page347 .what-item p{
        font-size: 14px;
    }
    .page347 .whom-item p {
        padding: 20px 10px 16px;
        font-size: 14px;
    }
    .page347 .whom-img {
        max-width: 88px;
        bottom: -100px;
    }
    .page347 .trust h2 {
        font-size: 26px;
    }
    body.page347 .trust h3 {
        font-size: 20px;
    }
    .page347 .trust-item{
        width: 100%;
    }
    .page347 .trust-item img {
        width: 140px;
    }
    .page347 .program-wrapper ul {
        margin-left: 28px;
        padding-left: 20px;
    }
    .page347 .program-name{
        font-size: 20px;
    }
    .page347 .program-wrapper ul li {
        font-size: 18px;
    }
    .page347 .program-wrapper ul li span.li-date {
        min-width: 112px;
    }
    .page347 .program-wrapper ul li:nth-child(n+2) {
        margin-top: 5px;
    }
    .page347 .prog-sq{
        display: none;
    }
    .page347 .program-img-2 {
        max-width: 120px;
    }
    .page347 .program {
        padding: 45px 0 60px;
    }
    .page347 .iphone-wrapper {
        margin-top: 30px;
    }
    .page347 .iphone-wrapper .iphone-item {
        width: 300px;
        height: 756px;
    }
    .page347 .iphone-wrapper .iphone-item:nth-child(2) {
        width: 306px;
        height: 839px;
    }
/*    .page347 .iphone-wrapper .iphone-item:nth-child(3){
        margin-top: 80px;
    }*/
    .page347 .iphone-wrapper .iphone-item ul li {
        font-size: 15px;
        line-height: 18px;
    }
    .page347 .iphone-wrapper .iphone-item:nth-child(2) .price-wrapper {
        margin-top: 33px;
    }

    .page347 .package {
        padding-bottom: 25px;
    }
    .page347 .consult-wrap {
        margin-top: 28px;
    }
    .page347 .feed-form .subtitle {
        font-size: 18px;
    }
    .page347 .feed-form .subtitle br{
        display: none;
    }
    .page347 .form-flex{
        flex-direction: column;
        align-items: center;
    }
    .page347 .form-wrapper .left-side {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: 0;
    }
    .page347 .left-side-wrap{
        width: 100%;
    }
    .page347 .toggler{
        max-width: 390px;
        margin-bottom: 25px;
    margin-top: 38px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    }
    .page347 .right-side {
        width: 100%;
        margin-top: 0;
    }
    .page347 form .var-pack p label {
        font-size: 18px;
    }
    .page347 form .var-pack{
        margin-top: 15px;
        padding-left: 0;
        width: 300px;
        margin: 12px auto 0;
    }

    .page347 .total {
        font-size: 42px;
    }
    .page347 .price-red {
        font-size: 32px;
        max-width: 140px;
    }
    .page347 .offset-1 {
        margin-top: 35px;
        margin-left: 0;
    }
    .page347 form .var-pack > label{
        position: static;
        padding: 0;
        margin-bottom: 20px;
        margin-top: 0;
        font-size: 30px;
    }
    .page347 .offset-1 {
        margin-top: 8px;
    }
}
@media screen and (max-width: 767px) {
	.page347 .math-p span {
    display: block;
    font-size: 14px;
}
    .page347 .girl {
        max-width: 325px;
        margin-left: -295px;
    }
    .page347 h1 {
        font-size: 36px;
    }
    .page347 .top-description .date-img {
        max-width: 163px;
        left: -28px;
        top: -36px;
    }
    .page347 .top-description p {
        font-size: 16px;
    }
    .page347 a.primary {
        padding: 14px 0;
        font-size: 18px;
        max-width: 250px;
    }
    .page347 .slick-slide img {
        max-width: 250px;
    }
    .page347 .feed-form{
        overflow: hidden;
    }
    .page347 .top-bg {
        padding: 60px 0 20px;
    }
    .page347 .what-wrapper img.square{
        display: none;
    }
    body.page347 h2 {
        font-size: 22px;
    }
    .page347 .what-item img {
        max-height: 55px;
        max-width: 55px;
    }
    .page347 .whom {
        padding: 32px 0 40px;
    }
    .page347 .whom{
        background-position-y: center;
    }
    .page347 .whom-item img {
        max-width: 125px;
    }
    .page347 .whom-item p {
        padding: 30px 10px 12px;
    }
    .page347 .whom h2 span{
        font-size: 20px;
    }
    .page347 .trust-item p {
        width: 100%;
    }
    .page347 .trust a.primary.main{
        margin-top: 30px;
    }
    .page347 .program-wrapper {
        margin-top: 30px;
    }
    .page347 .program-name{
        font-size: 20px;
    }
    .page347 .whom-img{
        display: none;
    }
    .page347 .program-name{
        max-width: 100%;
        font-size: 18px;
    }
    .page347 .program-item {
        margin-top: 28px;
    }
    .page347 .program-img-2{
        display: none;
    }
    .page347 .iphone-wrapper .iphone-item:nth-child(n+2){
        margin-top: 90px;
    }
    .page347 .iphone-wrapper{
        max-width: 600px;
    }
    .page347 .iphone-wrapper{
        justify-content: center;
    }
    .page347 .form-wrapper form {
        margin-top: 0px;
    }
    .page347 .form-flex {
        margin: 15px auto 0;
    }
    .page347 .feed-form .subtitle{
        margin-bottom: 0;
    }
    .page347 .consult-testim{
        padding: 80px 0 30px;
    }
}
@media screen and (max-width: 600px) {
.page347 h1 {
    font-size: 40px;
    line-height: normal;
    width: 230px;
}
.page347 .isError{
    font-size: 16px;
}
.page347 .program-wrapper ul li{
    flex-direction: column;
}
.page347 .slick-prev {
    left: 3px;
    width: 35px;
}
.page347 .slick-next {
    right: 5px;
    width: 35px;
}
.page347 .offset-1{
    margin-left: 0;
}
.page347 form .flex-row .right-side {
    padding: 25px 25px;
    margin-top: 15px;
}
.page347 h1 {
    font-size: 30px;
}
.page347 .top-bg{
    overflow: hidden;
}
.page347 .what-wrapper{
    margin-top: 30px;
}
.page347 .what{
    padding-bottom: 30px;
}
.page347 .girl {
    max-width: 310px;
    margin-left: -66px;
}
.page347 .whom-wrapper{
    flex-wrap: wrap;
}
.page347 .whom-item{
    width: 48%;
}
.page347 .program-name{
        font-size: 16px;
    padding: 10px 46px 6px 12px;
}
.page347 .top-description p {
    font-size: 16px;
}
body.page347 h2 {
    font-size: 28px;
}
.page347 .price-main {
    font-size: 24px;
}
.page347 .trust-item p {
    font-size: 17px;
}
body.page347 .trust h3 {
    font-size: 18px;
}
.page347 .feed-form .subtitle{
    font-size: 16px;
    line-height: normal;
}
.page347 .feed-form {
    padding: 38px 0 30px;
}
.page347 .feed-form .subtitle br{
    display: none;
}
}

@media screen and (max-width: 480px) {
    .page347 div#header-material {
    width: 90%!important;
    max-width: inherit;
}
.page347 h1 {
    font-size: 28px;
    line-height: 32px;
}
.page347 .top-description p{
    margin: 15px 0;
}

.page347 .top-description p.subtitle {
    max-width: 157px;
}
.page347 .program-wrapper ul.collapse.in {
    list-style: none;
    padding: 25px 0 0 13px;
}
.page347 .top-description .date-img {
    top: -36px;
    left: 55px;
    width: 207px;
    transform: translateX(-50%);
}
.page347 .top-description .top-title{
    width: 100%;
}
.page347 .top-bg {
    padding: 55px 0 40px 0px;
}
.page347 .right-img{
    display: none;
}
.page347 .girl{
    z-index: -1;
        max-width: 290px;
    margin-left: -79px;
    margin-top: 9px;
        position: absolute;
    left: 220px;
}
.page347 .top-bg {
    padding: 55px 0 18px 0px;
}
body.page347  h2{
    font-size: 20px;
}
.page347 .whom {
    padding: 65px 0 40px;
}
.page347 .trust {
    padding: 30px 0;
}
.page347 .what-wrapper{
        flex-wrap: wrap;
        margin-top: 30px;
}
.page347 .what-item {
    width: 48.5%;
}
.page347 .what-item img {
    max-height: 50px;
}
.page347 .what-item p {
    margin-top: 10px;
    font-size: 15px;
}
.page347 .what-item:nth-child(n+4){
    margin-top: 12px;
}
.page347 .whom{
    margin-top: -40px;
    background-position: top;
    background-size: cover;
}
.page347 .whom-wrapper{
    flex-wrap: wrap;
    margin-top: 10px;
}
.page347 .whom-item {
    text-align: center;
    width: 48%;
}
.page347 .whom-item p {
        padding: 30px 4px 17px;
    font-size: 14px;
}
.page347 .whom-item:nth-child(3){
    margin: 0 auto;
}
.page347 .whom a.primary {
    margin: 20px auto 0;
}
.page347 a.primary{
    text-align: center;
    padding: 15px 0;
        margin: 0 auto;
    max-width: 250px;
}
.page347 .trust h2 {
    font-size: 20px;
}

body.page347  .trust h3 {
    font-size: 15px;
}
body.page347  .trust h3 br{
    display: none;
}
.page347 .trust-wrapper{
    margin: 15px auto 0;
}
.page347 .trust-item img {
    max-width: 90px;
}
.page347 .trust-item p{
    width: 100%;
    font-size: 14px;
}


.page347 .trust a.primary.main {
    font-size: 18px;
    padding: 13px 0;
    margin-top: 36px;
    max-width: 233px;
    margin-bottom: 0;
}
.page347 .program {
    padding: 30px 0;
}
.page347 .program-wrapper {
    margin-top: 0;
}
.page347 .program-item {
    margin-top: 20px;
}
.page347 .program-name{
    font-size: 18px;
    line-height: normal;
}
.page347 .program-wrapper ul{
    margin-left: 0;
    padding: 2px 0 0 20px;
}
.page347 .toggler {
    font-size: 18px;
}
.page347 .program-wrapper ul {
    list-style: none;
    margin-left: 0;
    padding: 25px 0 0 23px;
}
.page347 .program-wrapper ul li {
    font-size: 16px;
}
.page347 .iphone-wrapper .iphone-item {
    width: 300px;
    height: 755px;
    padding: 40px 10px 31px 13px;
}
.page347 .iphone-item:nth-child(1) .price-main {
    font-size: 27px;
    margin-top: 26px;
}
.page347 .iphone-wrapper .iphone-item:nth-child(n+2) {
    margin-top: 20px;
}
.page347 .iphone-wrapper .iphone-item span{
    font-size: 20px;
}
.page347 .iphone-wrapper .iphone-item ul li:nth-child(n+2) {
    margin-top: 11px;
}
.page347 .iphone-wrapper .iphone-item ul li {
    font-size: 15px;
    line-height: 20px;
}

.page347 .iphone-wrapper .iphone-item ul li:before{
    top: 2px;
}
.page347 p.price {
    margin-top: 28px;
    font-size: 21px;
}
/*.page347 .iphone-wrapper .iphone-item:nth-child(2) p.price {
    margin-top: 48px;
}*/
.page347 .price-date {
    font-size: 16px;
    line-height: 22px;
    padding: 4px 18px;
    max-width: 210px;
}
.page347 .iphone-item a.primary{
    max-width: 250px;
    margin: 0 auto;
}
.page347 .iphone-wrapper .iphone-item:nth-child(2) {
    width: 300px;
    height: 823px;
    padding: 54px 10px 68px 13px;
}
.page347 .iphone-wrapper .iphone-item:nth-child(2) .price-wrapper {
    margin-top: 12px;
}
.page347 .package {
    padding-bottom: 10px;
}
.page347 .iphone-wrapper .iphone-item:nth-child(3) p.price {
    margin-top: 58px;
}
.page347 .slick-slide{
    padding: 0 20px;
}
.page347 .slick-dots {
    margin-top: 18px;
}
.page347 .consult-wrap .slick-dots button {
    width: 12px;
    height: 12px;
}
.page347 .test-wrapper{
        flex-direction: column;
        align-items: center;
    }
    .page347 .video-testimonials {
    padding: 24px 0 17px;
}
.page347 .test-wrapper .test-item {
    width: 100%;
    text-align: center;
}
.page347 .video-testimonials h2{
        font-size: 20px;
    }
    .page347 .test-wrapper{
        margin-top: 20px;
    }
    .page347 .test-wrapper .test-item:nth-child(n+2) {
        margin-top: 10px;
    } 
    .page347 .test-wrapper .test-item img{
            height: auto;
        max-width: 300px;
    } 
.page347 .video-testimonials {
    padding: 10px 0 30px;
}
.page347 .test-wrapper {
    margin-top: 10px;
}
.page347 .slick-slide iframe {
    max-width: 100%;
    max-height: 187px;
}
.page347 .slick-prev {
    left: 75px;
    width: 35px;
    bottom: -12px;
    top: auto;
}
.page347 .slick-next {
    right: 75px;
    width: 35px;
    bottom: -12px;
    top: auto;
}
.page347 .slick-slide{
    margin-left: 0;
    margin-right: 0;
}
.page347 .feed-form h2{
    font-size: 28px;
    margin-bottom: 14px;
}
.page347 .right-side .subtitle {
    font-size: 18px;
}
.page347 form .flex-row{
    max-width: 100%;
}
.page347 form .price{
    max-width: 100%;
}

.page347 #apply-free{
    font-size: 17px;
}
.page347 .form-wrapper input {
    height: 50px;
    font-size: 16px;
}
.page347 .form-wrapper .left-side{
    margin-left: 0;
}
.page347 .form-wrapper form {
    margin-top: 25px;
}
.page347 form .var-pack > label {
    font-size: 24px;
}

.page347 form .var-pack p label {
    font-size: 16px;
}
.page347 .right-side {
    width: 101%;
}
.page347 .price-red{
    max-width: 165px;
}
}


/* Courses styles*/
.page347 #banner_pseudoform {
    padding: 20px 0 0;
    position: relative;
    margin-top: 0;
}
.page347 .banner_pseudoform-row {
    height: 30px;
}
.page347 .ps-checkbox {
    margin-right: 11px;
    width: 26px;
    height: 26px;
    background: url(/templates/znoua/img/check-box.png) no-repeat;
}
.page347 .ps-checkbox.checked {
    background: url(/templates/znoua/img/by-check.png) no-repeat;
} 
.page347 .ps-checkbox, .ps-checkbox2 {
    margin-left: 0;
    float: left;
    cursor: pointer;
}
.page347 .ps-checkbox.checked:before{
        content: '';
    position: absolute;
    width: 33px;
    height: 18px;
    background: url(/img/pages/check-b.png) no-repeat;
    left: 4px;
    top: 2px;
    background-size: contain;
}
.page347 .ps-label {
    font-size: 16px;
}
.page347 .ps-label, .ps-label2 {
    height: 20px;
    color: #ffffff;
    line-height: 20px;
    float: left;
    cursor: pointer;
}

.page347 select[data-course] {
    visibility: hidden!important;
}
.page347 .headline {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    margin: 6px 0;
}
.page347 .mbot5 {
    margin-bottom: 5px;
}
body.page347 #course.error{
    font-weight: 600;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.page347 .mvvm{
  display: none;
}



/* Page 372 */

/* page 372*/
/*.page372 .math-p{
    display: none;
}*/
/*.page372 .ua-p{
    display: none;
}*/
.page372 .left-side span {
    display: block;
    font-size: 17px;
}
.page372 p{
    line-height: normal;
}
.page372 h1 {
    width: 514px;
    font-size: 73px;
    font-weight: 700;
    color: #ff7418;
    line-height: 80px;
    margin-top: 15px;
}
body.page372 h2{
    text-align: center;
    font-size: 46px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #7564d9;
    text-transform: uppercase;
}
.page372 #top{
    position: relative;
}
.page372 .top-description {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 1170px;
}
.page372 .top-description .date-img{
    position: absolute;
    z-index: -1;
    top: -110px;
    left: -135px;
}
.page372 .right-img{
    position: absolute;
    right: 0;
    top: 0;
}


.page372 .girl{
    margin-left: -105px;
    margin-top: 0px;
}
.page372 .top-description p{
    position: relative;
    font-size: 30px;
    font-weight: 400;
    color: #423c47;
    margin: 30px 0;
}

.page372 a.primary {
    background: rgb(255,198,36);
    background: linear-gradient(90deg, rgba(255,198,36,1) 0%, rgba(221,69,142,1) 50%, rgba(192,31,237,1) 100%);
    font-size: 24px;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    display: block;
    max-width: 350px;
    text-align: center;
    padding: 20px 0;
    border-radius: 20px;
}

.page372 .what-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
    position: relative;
    max-width: 1000px;
    margin: 45px auto 0;
}
.page372 .what-wrapper img.square{
    position: absolute;
    top: -220px;
    left: -100px;
    z-index: -1;
}
.page372 .what-item{
    text-align: center;
    width: 25%;
}

.page372 .what-itemp{
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #000000;
}
.page372 .what-item img {
    max-height: 83px;
}
.page372 .what-item p{
    margin-top: 15px;
}
.page372 .whom {
    position: relative;
    background: url(/components/com_articles/img/marathon/whom.png);
    background-position: top center;
    background-repeat: no-repeat;
    padding: 100px 0 65px;
}
.page372 .whom-img {
    position: absolute;
    bottom: -235px;
    right: 0;
    z-index: 1;
}
.page372 .whom h2 span{
    display: block;
    margin-top: 12px;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.02em;
color: #766ede;
}
.page372 .whom-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 30px auto 0;
}
.page372 .whom-item {
    position: relative;
    z-index: 2;
    text-align: center;
    width: 24%;
    max-width: 325px;
}
.page372 .whom-item p {
    background: #ffffff;
    padding: 20px 30px 16px;
    border-radius: 20px;
    margin-top: -48px;
    font-size: 18px;
}
.page372 .whom a.primary{
    margin: 40px auto 0;
}

.page372 .trust{
    padding: 80px 0;
    background-color: #582f88;
}
.page372 .trust h2{
    text-align: center;
    line-height: normal;
    font-size: 45px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
}
body.page372  .trust h3{
    text-align: center;
    line-height: normal;
    font-size: 33px;
    font-weight: 600;
    color: #f46b32;
}
.page372 .trust-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px auto 0;
    max-width: 1100px;
}
.page372 .trust-item {
    display: flex;
    align-items: center;
        width: 48%;
}

.page372 .trust-item p{
    width: 50%;
    color: #1d1d1b;
font-size: 22px;
font-weight: 400;
margin-left: 15px;

color: #ffffff;
line-height: normal;
margin-bottom: 0;

}
.page372 .trust-item p span{
    text-transform: uppercase;
    display: block;
}
.page372 .trust-item img{
    width: 180px;
}
.page372 .trust-item p span{
    font-weight: 600;
}
.page372 .trust-item{
    display: flex;
}
.page372 .trust a.primary.main{
    border-radius: 55px;
    max-width: 440px;
    font-size: 32px;
    font-weight: 400;
    color: #ffffff;
    margin: 75px auto 0;
    padding: 18px 6px;
    position: relative;
}

.page372 .program{
    padding: 110px 0 100px;
    position: relative;
}
.page372 .program h2{
    color: #000;
}
.page372 .program-wrapper{
    max-width: 1170px;
    margin: 65px auto 0;
}
.page372 .program-item{
    margin-top: 45px;
}
.page372 .program-name {
    display: inline-block;
    font-size: 28px;
    line-height: 48px;
    font-weight: 600;
    text-transform: uppercase;
    color: #f2f8ff;
    max-width: 800px;
    text-align: center;
    margin-bottom: 0;
    position: relative;
    padding-right: 25px;
    padding: 10px 75px 6px 45px;
}
.page372 .accordion-group{
    border: none;
    cursor: pointer;
}
.page372 .program-item li p{
    display: inline;
}
.page372 .program-wrapper .ua-item .program-name{
    background-color: #837af4;
    line-height: normal;
}
.page372 .program-wrapper ul{
margin-left: 40px;
cursor: pointer;
}
.page372 .program-wrapper .ua-item ul{
    border-left: 7px solid #837af4;
        padding: 25px 0 0 23px;
        
}

.page372 .program-wrapper .ua-item ul li span.li-date{
    color: #837af4;
    margin-right: 12px;
}
.page372 .program-wrapper .math-item ul{
    border-left: 7px solid #fe9522;
    list-style-type: none;
}

.page372 .program-wrapper .math-item ul li span.li-date{
    color: #fe9522;
}
.page372 .program-wrapper .math-item .program-name{
    background-color: #fe9522;
    line-height: normal;
}
.page372 .program-wrapper .hist-item ul{
    border-left: 7px solid #ea5981;
    list-style-type: none;
}
.page372 .program-wrapper .hist-item ul li span.li-date{
    color: #ea5981;
}
.page372 .program-wrapper .hist-item .program-name{
    background-color: #ea5981;
}
.page372 .program-wrapper .en-item ul{
    border-left: 7px solid #a81eef;
}
.page372 .program-wrapper .en-item ul.collapse.in{
    border-left: 7px solid #a81eef;
}
.page372 .program-wrapper .en-item ul li span.li-date{
    color: #a81eef;
}
.page372 .program-wrapper .en-item .program-name{
    background-color: #a81eef;
}
.page372 .program-wrapper ul.collapse.in{
    list-style: none;
    padding: 25px 0 0 23px;
}
.page372 .program-wrapper ul{
    list-style-type: none;
}
.page372 .program-wrapper ul{
    padding-top: 20px;
}
.page372 .program-wrapper ul li {
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    line-height: normal;
    margin-top: 0;
}
.page372 .program-wrapper ul li:nth-child(n+2){
    margin-top: 20px;
}
.page372 .program-wrapper ul li span.li-date {
    font-weight: 700;
    display: table;
    min-width: 144px;
    display: inline;
}
.page372 img.arr-down{
    max-width: 20px;
    position: absolute;
    right: 20px;
    top: 37%;
    transform: rotate(180deg); 
    transition: all .3s;
}
.page372 .accordion-toggle.openi.collapsed img {
    transform: rotate(0deg);
    transition: all .3s;
}
.page372 .package{
    position: relative;
    padding: 0 0 60px;
}
.page372 .packages h2{
    text-align: center;
    font-size: 48px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #7564d9;
}

.page372 .circle{
    position: absolute;
    right: 50px;
    top: 20%;
}
.page372 .prog-sq{
    position: absolute;
    right: 0;
    top: 45%;
}
.page372 .program-img{
    position: absolute;
    left: 0;
    top: 45%;
}

.page372 .program-img-2{
    position: absolute;
    right: 0;
    bottom: -5%;
}

.page372 .iphone-wrapper {
    display: flex;
    justify-content: center;
    max-width: 900px;
    margin: 70px auto 0px;
}

.page372 .iphone-wrapper .iphone-item {
    position: relative;
    background: url(/components/com_articles/img/marathon/phone.png);
    background-size: cover;
    width: 370px;
    height: 730px;
    padding: 55px 30px 68px 30px;
}
.page372 .iphone-wrapper .iphone-item:nth-child(2) {
    position: relative;
    background: url(/components/com_articles/img/marathon/phone22.png);
    background-size: cover;
    width: 384px;
    height: 1053px;
    padding: 55px 30px 68px 30px;
}

/*.page372 .iphone-wrapper .iphone-item:nth-child(3) {
    position: relative;
    background: url(/components/com_articles/img/marathon/phone-3.png);
    background-size: cover;
    width: 384px;
    height: 1112px;
    padding: 55px 30px 68px 30px;
}*/

.page372 .iphone-wrapper .iphone-item span{
    margin: 7px auto 15px;
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #000000;
}

.page372 .iphone-wrapper .iphone-item ul{
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.page372 .iphone-wrapper .iphone-item ul li {
    position: relative;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #000000;
    padding-left: 30px;
}

.page372 .iphone-wrapper .iphone-item ul li:before{
    content: url(/components/com_articles/img/marathon/check.png);
    position: absolute;
    left: 0;
    top: 4px;
}

.page372 .iphone-wrapper .iphone-item ul li:nth-child(n+2){
        margin-top: 10px;
}
.page372 .iphone-wrapper .iphone-item:nth-child(2) .price-wrapper{
    margin-top: 40px;
}
.page372 .iphone-wrapper .iphone-item:nth-child(2) p.price{
    margin-top: 35px;
}
.page372 .iphone-wrapper .iphone-item:nth-child(3) p.price{
    margin-top: 46px;
}
.page372 p.price {
    position: relative;
    margin-top: 30px;
    margin-bottom: 6px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    font-size: 24px;
}
.page372 p.price:after {
    content: '';
    position: absolute;
    left: 10%;
    background-color: #ed1c24;
    height: 3px;
    width: 80%;
    top: 54%;
    transform: translateY(-50%);
}
.page372 .price-date{
    background-color: #ed1c24;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    border-radius: 50px;
    padding: 8px 25px;
    display: flex;
    justify-content: center;
    width: auto;
    align-items: center;
    max-width: 316px;
    margin: 0 auto;
}
.page372 .iphone-item:nth-child(1) .price-main{
    margin-top: 27px;
}
.page372 .price-main{
    margin-top: 14px;
    font-size: 30px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-align: center; 
}
.page372 .discount-p{
    margin-top: 70px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    line-height: normal;
}
.page372 .iphone-item a{
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    width: 312px;
    margin-bottom: -37px;
    background: #fe9522;
    padding: 21px 0;
   border-radius: 45px;
   margin-top: 25px;
}
.page372 .package img.package-1{
    position: absolute;
    bottom: 354px;
    left: 0;
}
.page372 .package img.package-2{
    position: absolute;
    bottom: 110px;
    left: 200px;
}

.page372 .consult-testim{
    overflow: hidden;
    padding: 70px 0;
}
.page372 .consult-wrap .slick-dots button{
    font-size: 0;
    background-color: #ebebeb;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: none;
}
.page372 .slick-track{
	display: flex;
	align-items: center;
}
.page372 .consult-wrap .slick-dots .slick-active button{
    background-color: #959595;
}

.page372 .consult-title h3{
    position: relative;
    text-align: center;
    font-size: 48px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
}
.page372 .consult-wrap{
    margin-top: 42px;
}
.page372 .slick-slide img{
    margin: 0 auto;
}
.page372 .slick-dots{
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin-top: 45px;
}
.page372 .slick-dots li{
    margin-right: 30px;
}
.page372 .slick-dots li:last-child{
    margin-right: 0;
}
.page372 .total{
    font-size: 50px;
}
.page372 .feed-form{
    background: url(/components/com_articles/img/marathon/form-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70px 0 50px;
}
.page372 .feed-form h2{
font-size: 36px;
line-height: normal;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
color: #d0bff9;
margin-bottom: 25px;
}
.page372 .feed-form .subtitle{
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    margin-bottom: 20px;
}
.page372 .space-right input:first-child{
    margin-top: 0;
}
.page372 .space-right input::placeholder, .space-right select::placeholder {
  color: #582e88;
  opacity: 1; /* Firefox */
}
.page372 .space-right input, .space-right select{
    width: 100%;
    height: 59px;
    max-width: 100%;
    background-color: #d0bff9;
    border: none;
    color: #582e88;
    border-radius: 40px;
    box-sizing: border-box;
font-size: 17px;
font-weight: 400;
line-height: 69px;
margin-top: 12px;
}
.page372 .space-right button{
        color: #fff;
    height: 70px;
    width: 100%;
    max-width: 424px;
        font-size: 22px;
        margin-top: 15px;
        max-height: 50px;
}
.page372 .space-right input.cb_promocode{
    border: 5.1px solid #d0bff9;
    background: none;
    border-radius: 0;
    margin-top: 25px;
}
.page372 .space-right input.cb_promocode::placeholder{
        color: #d0bff9;
}
/*.form-wrapper{
    display: flex;
}*/
.page372 .form-wrapper form{
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 47px;
}
.page372 form label{
    display: block;
        color: #fff;
    padding-left: 12px;
    font-size: 18px;
    margin: 0;
}
.page372 form .left-side .input-div{
    position: relative;
}
.page372 form .var-pack{
    position: relative;
    padding-left: 145px;
    padding-top: 6px;
    margin-top: 40px;
}
.page372 form .var-pack:first-child{
    margin-top: 0;
}
.page372 form .var-pack > label {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-align: left;
    position: absolute;
    top: 3px;
    left: 0;
}
.page372 form .var-pack p label{
    font-size: 28px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #fff;
}
.page372 [type="radio"]:checked + label{
    color: #ff8503;
}
.page372 form .var-pack p{
    text-align: left;
}

.page372 form .price .orange{
    color: #f09600;
    font-size: 35px;
    font-weight: 700;
}
.page372 form .price .orange i, .page372 form .total{
    color: #fff;
    font-style: normal;
}
.page372 .toggler{
    cursor: pointer;
    background: #fff;
    border-radius: 30px;
    margin-bottom: 35px;
    margin-top: 65px;
    font-size: 24px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #6a51b4;
    max-width: 437px;
    padding: 3px 0;
}
.page372 .right-side{
    width: 100%;
    margin-top: -15px;
}
.page372 .right-side h2{
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    text-align: left;
}
.page372 .right-side .subtitle{
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    text-align: left;
    line-height: normal;
    margin-top: 30px;
    margin-top: 0;
    padding-left: 0;
    text-align: center;
}
.page372 form .flex-row .right-side{
        padding: 59px 0;
}

.page372 #apply-pay {
    margin: 0 auto;
    background-image: linear-gradient(0.0deg, #ff9000 0%, #ffba00 100%);
    display: block;
    text-align: center;
    border-radius: 20px;
    width: 100%;
    border: none;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    padding: 24px 43px;
    max-width: 350px;
}
.page372 #apply-pay:hover{
        color: #fff;
}
.page372 .offset-1{
    margin-top: 25px;
}
.page372 #apply-free{
    border-radius: 25px;
    background: linear-gradient(180deg, #ff7a1a 0%, #ff4200 100%);
    color: #ffffff;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    font-weight: 500;
    max-width: 350px;
    margin: 20px auto;
}

.page372 #WebBottom{
    margin-top: 0 !important;
}
.page372 .prom-p{
    margin-top: 12px;
    text-align: center;
}
.page372 .prom-p button{
        max-width: 258px;
    margin: 0 auto;
    font-size: 19px;
border-radius: 25px;
    background: #f46b32;
border: none;
}
.page372 .video-testimonials{
    padding: 50px 0 100px;
}
.page372 .video-testimonials h2{
    text-align: center;
    font-size: 40px;
}
.page372 .test-wrapper{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.page372 .test-wrapper .test-item{
        position: relative;
    height: 197px;
    padding: 0 10px;}

.page372 .test-wrapper .test-item img{
    max-width: 100%;
    width: auto;
    max-height: 256px;
   
}
.page372 .play-btn{
    cursor: pointer;
}
.page372 .modal .modal-content {
    padding: 10px;
}
.page372 .modal .modal-dialog{
    margin-top: 150px;
}
.page372 .modal .modal-body {
    margin-top: 0;
}
.page372 .modal-open .modal {
    z-index: 9999999;
}
.page372 .play-btn-2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
}
.page372 .test-wrapper .test-item img.play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
}
.page372 .prom-p button:hover{
    background: #f78a5d;
    color: #fff;
}
.page372 .form-flex{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1100px;
    margin: 80px auto 0;
}
.page372 .form-wrapper input{
    overflow: visible;
    background-color: #d0bff9;
    border: none;
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 23px auto 0;
    border-radius: 50px;
    height: 57px;
    padding: 0 15px;
    font-size: 22px;
}

.page372 .form-wrapper input.cb_promocode{
    border: 5.1px solid #d0bff9;
    background: none;
    border-radius: 0;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #d0bff9;
    max-width: 454px;
}
.page372 .form-wrapper input.cb_promocode::placeholder {
  color: #d0bff9;
  opacity: 1;
}
.page372 .price-red {
    display: block;
    font-size: 39.3px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ff2626;
    position: relative;
    max-width: 192px;
    margin: 0 auto -7px;
}
.page372 .prom-p button {
    background: #ed6f0f;
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    max-width: 285px;
    display: block;
    width: 100%;
    padding: 8px 12px;
    border-radius: 50px;
}
.page372 .price-red:after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ff2626;
    width: 100%;
    height: 3px;
    left: 0;
}
.page372 .twoToneButton{
    position: relative;
  }
  

 .page372  .twoToneButton.spinning::after {
      content: '';
      display: block;
      width: 1.2em;
      height: 1.2em;
      position: absolute;
      left: calc(50% - 0.75em);
      top: calc(50% - 0.75em);
      border: 0.15em solid transparent;
      border-right-color: white;
      border-radius: 50%;
      animation: button-anim 0.7s linear infinite;
      opacity: 0;
    }
  @keyframes button-anim {
      from {
        transform: rotate(0);
      }
      to {
        transform: rotate(360deg);
      }
    }
    .page372 .twoToneButton.spinning {
        color: transparent !important;
 }

    .page372 .twoToneButton.spinning::after {
      opacity: 1;
    }
  
  @keyframes rotate360 { 
      100% {
          transform: rotate(360deg);
      }
  }
  @keyframes exist { 
      100% {
          width: 15px;
          height: 15px;
          margin: -8px 5px 0 0;
      }
  }
  .page372 .left-side-wrap .left-side:nth-child(n+2) .hide-show{
    display: none;
  }
  .page372 .isError{
    display: none;
    color: red;
    font-weight: 800;
    font-size: 21px;
  }
  .page372 .left-side-wrap{
    width: 100%;
  }
  .page372 .first-block{
    width: 100%;
  }
  .page372 .price-red{
    display: none !important;
  }
@media screen and (max-width: 1710px) {
    .page372 .program-img{
            max-width: 158px;
    }
}
    
@media screen and (min-width: 992px) {
    .page372 .wrapper-header .container{
        width: 960px;
    }
}
@media screen and (min-width: 768px) {
    .page372 form .flex-row{
    width: 100%;
}
.page372 form .flex-row .space-right{
        display: flex;
   /* align-items: center;*/
    justify-content: center;
    /*max-width: 800px;*/
    margin: 0 auto;
}
.page372 form .flex-row .left-side{
    width: 100%;
    text-align: center;
    max-width: 420px;
}
.page372 form .flex-row .right-side{
       /*  max-width: 317px;*/
    margin: 50px auto 0;
}

}
@media screen and (max-width: 1679px) {

    /*.page372 .iphone-wrapper .iphone-item:nth-child(2) p.price {
        margin-top: 60px;
    }*/
    .page372 .iphone-wrapper .iphone-item:nth-child(3) p.price {
        margin-top: 67px;
    }
    .page372 .iphone-wrapper .iphone-item:nth-child(3) {
        width: 370px;
        height: 1070px;
        padding: 55px 22px 68px;
    }
    .page372 .girl {
        margin-top: 0px;
        max-width: 775px;
    }
    .page372 .package{
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 1479px) {
    .page372 .top-description .date-img {
        max-width: 305px;
        left: -60px;
        top: -80px;
    }

    .page372 h1{
        font-size: 60px;
        line-height: 105%;
    }
    .page372 .girl {
        margin-top: 0px;
        max-width: 720px;
    }
    .page372 .whom-img {
        max-width: 200px;
    }
    .page372 .feed-form {
        padding: 60px 0 50px;
    }
    .page372 form .var-pack p label {
        font-size: 26px;
    }
    .page372 .feed-form h2 {
        font-size: 32px;
    }
    .page372 .feed-form .subtitle{
        font-size: 25px;
    }
    .page372 .right-img{
        max-width: 200px;
    }
    .page372 .top-description p{
        font-size: 25px;
    }
    body.page372 h2{
        font-size: 27px;
    }
    .page372 .package img.package-1{
        max-width: 100px;
    }
}
@media screen and (max-width: 1335px) {
.page372 .program-img{
    display: none;
}
}
@media screen and (max-width: 1279px) {
    .page372 .iphone-item:nth-child(1) .price-main {
        font-size: 27px;
        margin-top: 42px;
    }
    .page372 .girl {
        margin-top: 0px;
        max-width: 528px;
        margin-left: -140px;
    }
    .page372 .prog-sq{
        display: none;
    }
    .page372 .program-name {
        font-size: 24px;
        line-height: 38px;
        padding: 10px 59px 6px 30px;
    }
    .page372 .iphone-wrapper{
        max-width: 700px;
    }
    .page372 h1 {
        font-size: 55px;
    }
    .page372 .right-img {
        max-width: 150px;
    }
    .page372 .top-description .date-img {
        max-width: 250px;
        left: -40px;
        top: -64px;
    }
    .page372 h1 {
        font-size: 50px;
    }
    .page372 .subtitle{
        max-width: 100%;
    }
    .page372 .what-wrapper img.square {
        top: -150px;
        left: -100px;
        max-width: 160px;
    }
    body.page372 h2 {
        font-size: 25px;
    }
    .page372 .what-item img {
        max-height: 70px;
        max-width: 70px;
    }
    .page372 .whom {
        padding: 80px 0 55px;
    }
    .page372 .whom-wrapper {
        margin: 5px auto 0;
    }
    .page372 .whom-item img{
        max-width: 170px;
    }
    .page372 .whom-item p {
        padding: 20px 15px 16px;
        margin-top: -48px;
        font-size: 16px;
    }
    .page372 .whom a.primary {
        margin: 30px auto 0;
    }
    .page372 a.primary{
        padding: 18px 0;
        font-size: 21px;
    }
    .page372 .whom-img {
        max-width: 150px;
    }
    .page372 .trust h2{
        font-size: 34px;
    }
    body.page372 .trust h3{
        font-size: 25px;
    }
    .page372 .trust {
        padding: 50px 0;
    }
    .page372 .trust-item img {
        width: 160px;
    }
    .page372 .trust-item p{
        font-size: 19px;
    }
    .page372 .trust a.primary.main {
        max-width: 340px;
        font-size: 22px;
        margin: 52px auto 0;
        padding: 15px 6px;
    }
    .page372 .program-wrapper{
        margin-top: 48px;
    }
    .page372 .program-wrapper ul li{
        font-size: 22px;
        min-width: 130px;
    }
    .page372 .program-wrapper ul li:nth-child(n+2) {
        margin-top: 10px;
    }
    .page372 .program-img-2 {       
        max-width: 150px;
    }
    .page372 .program {
        padding: 65px 0 70px;
    }
    .page372 .iphone-wrapper{
        margin-top: 45px;
    }

    .page372 .iphone-wrapper .iphone-item ul li {
        font-size: 16px;
        line-height: 22px;
    }

    .page372 .iphone-wrapper .iphone-item {
        width: 342px;
    	height: 674px;
        padding: 55px 22px 68px 22px;
    }
    .page372 .iphone-wrapper .iphone-item span {
        font-size: 22px;
        line-height: 13px;
    }
    .page372 .iphone-wrapper .iphone-item ul li:nth-child(n+2){
        margin-top: 8px;
    }
    .page372 .iphone-wrapper .iphone-item:nth-child(2) .price-wrapper{
        margin-top: 52px;
    }
    .page372 .iphone-item a{
        margin-left: auto;
        margin-right: auto;
    }
    .page372 p.price {
        margin-top: 5px;
        font-size: 20px;
    }
    .page372 .price-date {
        font-size: 20px;
        line-height: 22px;
        padding: 6px 18px;
        max-width: 210px;
    }
    .page372 .price-main {
        margin-top: 6px;
        font-size: 28px;
    }
    .page372 .iphone-item a {
        width: 253px;
        margin-top: 15px;
        padding: 14px 0;
        font-size: 18px;
    }
    .page372 .iphone-wrapper .iphone-item:nth-child(2) p.price {
        margin-top: 7px;
    }
    .page372 .iphone-wrapper .iphone-item:nth-child(3) p.price {
        margin-top: 14px;
    }
    .page372 .consult-testim {
        padding: 30px 0;
    }
    .page372 .consult-title h3{
        font-size: 34px;
    }
    .page372 .slick-slide img {
        max-width: 290px;
    }
    .page372 .consult-wrap .slick-dots button {
        width: 18px;
        height: 18px;
    }
    .page372 .slick-dots li {
        margin-right: 20px;
    }
    .page372 .slick-dots{
        margin-top: 27px;
    }
    .page372 .feed-form h2 {
        font-size: 28px;
    }
    .page372 .feed-form .subtitle {
        font-size: 22px;
    }
    .page372 .feed-form .subtitle br{
        display: block;
    }
    .page372 .feed-form h2{
        margin-bottom: 27px;
    }
    .page372 .form-wrapper form{
        margin-top: 35px;
    }
    .page372 .form-wrapper input{
        max-width: 500px;
    }
    .page372 .form-flex{
        margin: 45px auto 0;
    }
    .page372 form .var-pack p label {
        font-size: 22px;
    }
    .page372 form .var-pack > label {
        font-size: 20px;
        top: 5px;
    }
    .page372 form .var-pack {
        padding-left: 125px;
    }
    .page372 #apply-pay {
        font-size: 22px;
        line-height: 24px;
        padding: 14px 43px;
        max-width: 325px;
    }
    .page372 #apply-free {
        font-size: 22px;
        line-height: 24px;
        max-width: 325px;
        padding: 14px 10px
    }
    .page372 .toggler{
        font-size: 22px;
    }
}
@media screen and (max-width: 1200px) {
.page372 .circle{
    display: none;
}
.page372 .package img.package-1{
    display: none;
}

}
@media screen and (max-width: 1023px) {
    .page372 .girl {
        max-width: 388px;
        margin-top: 20px;
        margin-left: -245px;
    }
    .page372 h1 {
        font-size: 45px;
    }
    .page372 .top-description .date-img {
        max-width: 196px;
        left: -45px;
        top: -53px;
    }
    .page372 .top-bg {
        padding: 30px 0 40px;
    }
    .page372 .top-description p {
        font-size: 19px;
    }
    .page372 .right-img {
        max-width: 100px;
    }
    .page372 .iphone-wrapper{
        flex-wrap: wrap;
    }
    .page372 .top-description p{
        margin: 18px 0;
    }

    .page372 .what-wrapper img.square{
        max-width: 120px;
    }
    .page372 .what-item p{
        font-size: 14px;
    }
    .page372 .whom-item p {
        padding: 20px 10px 16px;
        font-size: 14px;
    }
    .page372 .whom-img {
        max-width: 88px;
        bottom: -100px;
    }
    .page372 .trust h2 {
        font-size: 26px;
    }
    body.page372 .trust h3 {
        font-size: 20px;
    }
    .page372 .trust-item{
        width: 100%;
    }
    .page372 .trust-item img {
        width: 140px;
    }
    .page372 .program-wrapper ul {
        margin-left: 28px;
        padding-left: 20px;
    }
    .page372 .program-name{
        font-size: 20px;
    }
    .page372 .program-wrapper ul li {
        font-size: 18px;
    }
    .page372 .program-wrapper ul li span.li-date {
        min-width: 112px;
    }
    .page372 .program-wrapper ul li:nth-child(n+2) {
        margin-top: 5px;
    }
    .page372 .prog-sq{
        display: none;
    }
    .page372 .program-img-2 {
        max-width: 120px;
    }
    .page372 .program {
        padding: 45px 0 60px;
    }
    .page372 .iphone-wrapper {
        margin-top: 30px;
    }
    .page372 .iphone-item:nth-child(1) .price-main {
    margin-top: 50px;
}
    .page372 .iphone-wrapper .iphone-item {
        width: 313px;
    	height: 617px;
}
    .page372 .iphone-wrapper .iphone-item:nth-child(2) {
        width: 306px;
        height: 839px;
    }
/*    .page372 .iphone-wrapper .iphone-item:nth-child(3){
        margin-top: 80px;
    }*/
    .page372 .iphone-wrapper .iphone-item ul li {
        font-size: 15px;
        line-height: 18px;
    }
    .page372 .iphone-wrapper .iphone-item:nth-child(2) .price-wrapper {
        margin-top: 33px;
    }

    .page372 .package {
        padding-bottom: 25px;
    }
    .page372 .consult-wrap {
        margin-top: 28px;
    }
    .page372 .feed-form .subtitle {
        font-size: 18px;
    }
    .page372 .feed-form .subtitle br{
        display: none;
    }
    .page372 .form-flex{
        flex-direction: column;
        align-items: center;
    }
    .page372 .form-wrapper .left-side {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: 0;
    }
    .page372 .left-side-wrap{
        width: 100%;
    }
    .page372 .toggler{
        max-width: 390px;
        margin-bottom: 25px;
    margin-top: 38px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    }
    .page372 .right-side {
        width: 100%;
        margin-top: 0;
    }
    .page372 form .var-pack p label {
        font-size: 18px;
    }
    .page372 form .var-pack{
        margin-top: 15px;
        padding-left: 0;
        width: 300px;
        margin: 12px auto 0;
    }

    .page372 .total {
        font-size: 42px;
    }
    .page372 .price-red {
        font-size: 32px;
        max-width: 140px;
    }
    .page372 .offset-1 {
        margin-top: 35px;
        margin-left: 0;
    }
    .page372 form .var-pack > label{
        position: static;
        padding: 0;
        margin-bottom: 20px;
        margin-top: 0;
        font-size: 30px;
    }
    .page372 .offset-1 {
        margin-top: 8px;
    }
}
@media screen and (max-width: 767px) {
    .page372 .math-p span {
    display: block;
    font-size: 14px;
}
    .page372 .girl {
        max-width: 325px;
        margin-left: -295px;
    }
    .page372 h1 {
        font-size: 36px;
    }
    .page372 .top-description .date-img {
        max-width: 163px;
        left: -28px;
        top: -36px;
    }
    .page372 .top-description p {
        font-size: 16px;
    }
    .page372 a.primary {
        padding: 14px 0;
        font-size: 18px;
        max-width: 250px;
    }
    .page372 .slick-slide img {
        max-width: 250px;
    }
    .page372 .feed-form{
        overflow: hidden;
    }
    .page372 .top-bg {
        padding: 0 0 20px;
    }
    .page372 .what-wrapper img.square{
        display: none;
    }
    body.page372 h2 {
        font-size: 22px;
    }
    .page372 .what-item img {
        max-height: 55px;
        max-width: 55px;
    }
    .page372 .whom {
        padding: 32px 0 40px;
    }
    .page372 .whom{
        background-position-y: center;
    }
    .page372 .whom-item img {
        max-width: 125px;
    }
    .page372 .whom-item p {
        padding: 30px 10px 12px;
    }
    .page372 .whom h2 span{
        font-size: 20px;
    }
    .page372 .trust-item p {
        width: 100%;
    }
    .page372 .trust a.primary.main{
        margin-top: 30px;
    }
    .page372 .program-wrapper {
        margin-top: 30px;
    }
    .page372 .program-name{
        font-size: 20px;
    }
    .page372 .whom-img{
        display: none;
    }
    .page372 .program-name{
        max-width: 100%;
        font-size: 18px;
    }
    .page372 .program-item {
        margin-top: 28px;
    }
    .page372 .program-img-2{
        display: none;
    }
    .page372 .iphone-wrapper .iphone-item:nth-child(n+2){
        margin-top: 90px;
    }
    .page372 .iphone-wrapper{
        max-width: 600px;
    }
    .page372 .iphone-wrapper{
        justify-content: center;
    }
    .page372 .form-wrapper form {
        margin-top: 0px;
    }
    .page372 .form-flex {
        margin: 15px auto 0;
    }
    .page372 .feed-form .subtitle{
        margin-bottom: 0;
    }
    .page372 .consult-testim{
        padding: 80px 0 30px;
    }
}
@media screen and (max-width: 600px) {
.page372 h1 {
    font-size: 40px;
    line-height: normal;
    width: 230px;
}
.page372 .isError{
    font-size: 16px;
}
.page372 .program-wrapper ul li{
    flex-direction: column;
}
.page372 .slick-prev {
    left: 3px;
    width: 35px;
}
.page372 .slick-next {
    right: 5px;
    width: 35px;
}
.page372 .offset-1{
    margin-left: 0;
}
.page372 form .flex-row .right-side {
    padding: 25px 25px;
    margin-top: 15px;
}
.page372 h1 {
    font-size: 30px;
}
.page372 .top-bg{
    overflow: hidden;
}
.page372 .what-wrapper{
    margin-top: 30px;
}
.page372 .what{
    padding-bottom: 30px;
}
.page372 .girl {
    max-width: 310px;
    margin-left: -66px;
}
.page372 .whom-wrapper{
    flex-wrap: wrap;
}
.page372 .whom-item{
    width: 48%;
}
.page372 .program-name{
        font-size: 16px;
    padding: 10px 46px 6px 12px;
}
.page372 .top-description p {
    font-size: 16px;
}
body.page372 h2 {
    font-size: 28px;
}
.page372 .price-main {
    font-size: 24px;
}
.page372 .trust-item p {
    font-size: 17px;
}
body.page372 .trust h3 {
    font-size: 18px;
}
.page372 .feed-form .subtitle{
    font-size: 16px;
    line-height: normal;
}
.page372 .feed-form {
    padding: 38px 0 30px;
}
.page372 .feed-form .subtitle br{
    display: none;
}
}

@media screen and (max-width: 480px) {
    .page372 div#header-material {
    width: 90%!important;
    max-width: inherit;
}
.page372 h1 {
    font-size: 28px;
    line-height: 32px;
}
.page372 .top-description p{
    margin: 15px 0;
}

.page372 .top-description p.subtitle {
    max-width: 157px;
}
.page372 .program-wrapper ul.collapse.in {
    list-style: none;
    padding: 25px 0 0 13px;
}
.page372 .top-description .date-img {
    top: -36px;
    left: 55px;
    width: 207px;
    transform: translateX(-50%);
}
.page372 .top-description .top-title{
    width: 100%;
}

.page372 .right-img{
    display: none;
}
.page372 .girl{
    z-index: -1;
        max-width: 290px;
    margin-left: -79px;
    margin-top: 9px;
        position: absolute;
    left: 220px;
}

body.page372  h2{
    font-size: 20px;
}
.page372 .whom {
    padding: 65px 0 40px;
}
.page372 .trust {
    padding: 30px 0;
}
.page372 .what-wrapper{
        flex-wrap: wrap;
        margin-top: 30px;
}
.page372 .what-item {
    width: 48.5%;
}
.page372 .what-item img {
    max-height: 50px;
}
.page372 .what-item p {
    margin-top: 10px;
    font-size: 15px;
}
.page372 .what-item:nth-child(n+4){
    margin-top: 12px;
}
.page372 .whom{
    margin-top: -40px;
    background-position: top;
    background-size: cover;
}
.page372 .whom-wrapper{
    flex-wrap: wrap;
    margin-top: 10px;
}
.page372 .whom-item {
    text-align: center;
    width: 48%;
}
.page372 .whom-item p {
        padding: 30px 4px 17px;
    font-size: 14px;
}
.page372 .whom-item:nth-child(3){
    margin: 0 auto;
}
.page372 .whom a.primary {
    margin: 20px auto 0;
}
.page372 a.primary{
    text-align: center;
    padding: 15px 0;
        margin: 0 auto;
    max-width: 250px;
}
.page372 .trust h2 {
    font-size: 20px;
}

body.page372  .trust h3 {
    font-size: 15px;
}
body.page372  .trust h3 br{
    display: none;
}
.page372 .trust-wrapper{
    margin: 15px auto 0;
}
.page372 .trust-item img {
    max-width: 90px;
}
.page372 .trust-item p{
    width: 100%;
    font-size: 14px;
}


.page372 .trust a.primary.main {
    font-size: 18px;
    padding: 13px 0;
    margin-top: 36px;
    max-width: 233px;
    margin-bottom: 0;
}
.page372 .program {
    padding: 30px 0;
}
.page372 .program-wrapper {
    margin-top: 0;
}
.page372 .program-item {
    margin-top: 20px;
}
.page372 .program-name{
    font-size: 18px;
    line-height: normal;
}
.page372 .program-wrapper ul{
    margin-left: 0;
    padding: 2px 0 0 20px;
}
.page372 .toggler {
    font-size: 18px;
}
.page372 .program-wrapper ul {
    list-style: none;
    margin-left: 0;
    padding: 25px 0 0 23px;
}
.page372 .program-wrapper ul li {
    font-size: 16px;
}
.page372 .iphone-wrapper .iphone-item {
    width: 311px;
    height: 616px;
    padding: 40px 10px 31px 13px;
}
.page372 .iphone-item:nth-child(1) .price-main {
    font-size: 27px;
    margin-top: 26px;
}
.page372 .iphone-wrapper .iphone-item:nth-child(n+2) {
    margin-top: 20px;
}
.page372 .iphone-wrapper .iphone-item span{
    font-size: 20px;
}
.page372 .iphone-wrapper .iphone-item ul li:nth-child(n+2) {
    margin-top: 11px;
}
.page372 .iphone-wrapper .iphone-item ul li {
    font-size: 15px;
    line-height: 20px;
}

.page372 .iphone-wrapper .iphone-item ul li:before{
    top: 2px;
}
.page372 p.price {
    margin-top: 28px;
    font-size: 21px;
}
/*.page372 .iphone-wrapper .iphone-item:nth-child(2) p.price {
    margin-top: 48px;
}*/
.page372 .price-date {
    font-size: 16px;
    line-height: 22px;
    padding: 4px 18px;
    max-width: 210px;
}
.page372 .iphone-item a.primary{
    max-width: 250px;
    margin: 0 auto;
}
.page372 .iphone-wrapper .iphone-item:nth-child(2) {
    width: 300px;
    height: 823px;
    padding: 54px 10px 68px 13px;
}
.page372 .iphone-wrapper .iphone-item:nth-child(2) .price-wrapper {
    margin-top: 12px;
}
.page372 .package {
    padding-bottom: 10px;
}
.page372 .iphone-wrapper .iphone-item:nth-child(3) p.price {
    margin-top: 58px;
}
.page372 .slick-slide{
    padding: 0 20px;
}
.page372 .slick-dots {
    margin-top: 18px;
}
.page372 .consult-wrap .slick-dots button {
    width: 12px;
    height: 12px;
}
.page372 .test-wrapper{
        flex-direction: column;
        align-items: center;
    }
    .page372 .video-testimonials {
    padding: 24px 0 17px;
}
.page372 .test-wrapper .test-item {
    width: 100%;
    text-align: center;
}
.page372 .video-testimonials h2{
        font-size: 20px;
    }
    .page372 .test-wrapper{
        margin-top: 20px;
    }
    .page372 .test-wrapper .test-item:nth-child(n+2) {
        margin-top: 10px;
    } 
    .page372 .test-wrapper .test-item img{
            height: auto;
        max-width: 300px;
    } 
.page372 .video-testimonials {
    padding: 10px 0 30px;
}
.page372 .test-wrapper {
    margin-top: 10px;
}
.page372 .slick-slide iframe {
    max-width: 100%;
    max-height: 187px;
}
.page372 .slick-prev {
    left: 75px;
    width: 35px;
    bottom: -12px;
    top: auto;
}
.page372 .slick-next {
    right: 75px;
    width: 35px;
    bottom: -12px;
    top: auto;
}
.page372 .slick-slide{
    margin-left: 0;
    margin-right: 0;
}
.page372 .feed-form h2{
    font-size: 28px;
    margin-bottom: 14px;
}
.page372 .right-side .subtitle {
    font-size: 18px;
}
.page372 form .flex-row{
    max-width: 100%;
}
.page372 form .price{
    max-width: 100%;
}

.page372 #apply-free{
    font-size: 17px;
}
.page372 .form-wrapper input {
    height: 50px;
    font-size: 16px;
}
.page372 .form-wrapper .left-side{
    margin-left: 0;
}
.page372 .form-wrapper form {
    margin-top: 25px;
}
.page372 form .var-pack > label {
    font-size: 24px;
}

.page372 form .var-pack p label {
    font-size: 16px;
}
.page372 .right-side {
    width: 101%;
}
.page372 .price-red{
    max-width: 165px;
}
.page372 .consult-testim {
    padding: 30px 0 30px;
}
}


/* Courses styles*/
.page372 #banner_pseudoform {
    padding: 20px 0 0;
    position: relative;
    margin-top: 0;
}
.page372 .banner_pseudoform-row {
    height: 30px;
}
.page372 .ps-checkbox {
    margin-right: 11px;
    width: 26px;
    height: 26px;
    background: url(/templates/znoua/img/check-box.png) no-repeat;
}
.page372 .ps-checkbox.checked {
    background: url(/templates/znoua/img/by-check.png) no-repeat;
} 
.page372 .ps-checkbox, .ps-checkbox2 {
    margin-left: 0;
    float: left;
    cursor: pointer;
}
.page372 .ps-checkbox.checked:before{
        content: '';
    position: absolute;
    width: 33px;
    height: 18px;
    background: url(/img/pages/check-b.png) no-repeat;
    left: 4px;
    top: 2px;
    background-size: contain;
}
.page372 .ps-label {
    font-size: 16px;
}
.page372 .ps-label, .ps-label2 {
    height: 20px;
    color: #ffffff;
    line-height: 20px;
    float: left;
    cursor: pointer;
}

.page372 select[data-course] {
    visibility: hidden!important;
}
.page372 .headline {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    margin: 6px 0;
}
.page372 .mbot5 {
    margin-bottom: 5px;
}
body.page372 #course.error{
    font-weight: 600;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.page372 .mvvm{
  display: none;
}

@media screen and (max-width: 350px) {
    .page372 .package .container{
        padding: 0 10px;
    }
}

.page46 .grey-section .red-brdr .grey-box,
.page412 .grey-section .red-brdr .grey-box,
.page50 .grey-section .red-brdr .grey-box {
    border: 2px solid #f43f78;
    padding: 0 40px 20px 100px;
    color: #f43f78;
    display: flex;
    align-items: center;
    min-height: 100%;
}
.page46 .grey-section .red-brdr .grey-box img,
.page412 .grey-section .red-brdr .grey-box img,
.page50 .grey-section .red-brdr .grey-box img {
    top: 40%;
    transform: translateY(-50%);
}
.page46 .grey-section .red-brdr .grey-box .ee,
.page412 .grey-section .red-brdr .grey-box .ee,
.page50 .grey-section .red-brdr .grey-box .ee{
	color: #f43f78;
}
.page46 .grey-section .red-brdr .grey-box:after,
.page412 .grey-section .red-brdr .grey-box:after,
.page50 .grey-section .red-brdr .grey-box:after {
    content: '*';
    position: absolute;
    right: 80px;
    top: 42%;
    transform: translateY(-50%);
    font-size: 26px;
}
.page46 .premium-txt,
.page412 .premium-txt,
.page50 .premium-txt {
    max-width: 300px;
    margin-right: 300px;
    margin-left: auto;
    margin-top: 29px;
}
.page46 .premium-div,
.page412 .premium-div,
.page50 .premium-div{
	display: flex;
	justify-content: center;
}
.page46 .premium-div .banner_pseudoform-row,
.page412 .premium-div .banner_pseudoform-row,
.page50 .premium-div .banner_pseudoform-row{
padding-right: 0;
}
.page46 .premium-div .banner_pseudoform-row .ps-checkbox,
.page412 .premium-div .banner_pseudoform-row .ps-checkbox,
.page50 .premium-div .banner_pseudoform-row .ps-checkbox{
margin-right: 21px;
}
.page46 .paybtn,
.page412 .paybtn,
.page50 .paybtn {
    margin-left: 0;
    width: 100%;
    max-width: inherit;
}
@media screen and (max-width: 1679px) {
.page46 .grey-section .red-brdr .grey-box:after{
	right: 40px;
}
.page46 .premium-txt {
    margin-right: 200px;
}
}
@media screen and (max-width: 1279px) {
	.page46 .premium-txt{
		margin-top: 20px;
	    margin-bottom: 0;
	    max-width: inherit;
	    text-align: center;
        margin-right: auto;
	}
}
@media screen and (max-width: 1023px) {
	.page46 .grey-box img {
	    max-width: 60px;
	    margin-left: 0;
	    top: 10px;
	    left: 20px;
	}
	.page46 .grey-section .red-brdr .grey-box {
	    border: 2px solid #f43f78;
	    padding: 0 31px 20px 70px;
	}
	.page46 .grey-section .red-brdr .grey-box:after {
	    right: 25px;
	}
	.grey-section {
	    padding: 40px 15px;
	}
	.grey-section h4 {
	    font-size: 19px;
	}
	.grey-section .grey-box {
	    padding-left: 70px;
	}
	.page46 .grey-section .red-brdr{
		margin-top: 20px;
	}
}
@media screen and (max-width: 767px) {

	.grey-section .grey-box,
    .page46 .grey-section .red-brdr .grey-box {
	    min-height: 70px;
	}
	.page46 .grey-section .red-brdr .grey-box {
	    display: flex;
	    align-items: center;
	    padding: 0 31px 0 70px;
	}
	.page46 .red-brdr .grey-box img{
		top: 1px;
	}
	.page46 .grey-section .red-brdr:nth-child(5) .grey-box:after {
	    right: auto;
	    left: 448px;
	    top: 33px;
	}
	.page46 .grey-section .red-brdr:last-child .grey-box:after {
	    right: auto;
	    left: 368px;
	    top: 33px;
	}
}

@media screen and (max-width: 480px) {
	.page46 .grey-section .red-brdr:nth-child(5) .grey-box:after {
	    right: 35px;
	    left: auto;
	}
	.page46 .grey-section .red-brdr:last-child .grey-box:after {
    	right: 35px;
	    left: auto;
	}
}

.page46 .premium-list li,
.page412 .premium-list li,
.page50 .premium-list li{
	text-align: left;
	margin-top: 15px;
}

.students-200{
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 6px;
    margin: 20px auto;
    width: calc(100% - 2.75rem);
    text-align: center;
    padding: 3px;
    max-width: 800px;
    line-height: normal;
}
.students-200:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);
    background-size: 50% 100%;
}
.students-200 span {
    position: relative;
    z-index: 2;
    padding: 0.875rem 0;
    font-size: 23px;
    align-items: center;
    background: #5A2D8E;
    border-radius: 3px;
    display: block;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
    color: #ffffff;
    padding: 10px;
}

.courses-md .tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  position: absolute;
  z-index: 1;
}

.courses-md .tooltip:hover .tooltiptext {
  visibility: visible;
    top: -56px;
    left: 50%;
    transform: translateX(-50%);
}
.page46 .banner_pseudoform-row,
.page412 .banner_pseudoform-row,
.page50 .banner_pseudoform-row{
    padding-right: 0;
}
.page46 .courses-md .tooltip:hover .tooltiptext,
.page412 .courses-md .tooltip:hover .tooltiptext,
.page50 .courses-md .tooltip:hover .tooltiptext{
    font-size: 12px;
    width: 220px
}
.page46 .block-n,
.page412 .block-n,
.page50 .block-n{
    position: relative;
    margin-left: auto;
    margin-right: 0;
    opacity: 1;
    color: #5a5a5a;
    z-index: 1;
}
.page46 .show-text,
.page412 .show-text,
.page50 .show-text {
     display: none; 
    position: absolute;
    top: -33px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 6px;
    max-width: inherit;
    font-size: 18px;
    width: 392px;
    text-align: center;
    max-width: 100%;
    z-index: 9;
}
.page46 .chrestik,
.page412 .chrestik,
.page50 .chrestik{
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 0px;
}
.page46 .modal-header button,
.page412 .modal-header button,
.page50 .modal-header button{
    font-size: 28px;
}
.page46 .modal-body .premium-list,
.page412 .modal-body .premium-list,
.page50 .modal-body .premium-list {
    padding-left: 20px;
}

.page46 .modal-body .pay-s,
.page412 .modal-body .pay-s,
.page50 .modal-body .pay-s{
    margin-top: 27px; 
    padding: 0;
    background: #fff;
}

.page46 .modal-body .banner_pseudoform-row,
.page412 .modal-body .banner_pseudoform-row,
.page50 .modal-body .banner_pseudoform-row{
    margin-top: 0;
}
.page46 .pay-s,
.page412 .pay-s,
.page50 .pay-s{
    overflow: hidden;
}
.page46 .error-3,
.page412 .error-3,
.page50 .error-3,
.page46 .isError,
.page412 .isError,
.page50 .isError,
.page46 .error-20,
.page412 .error-20,
.page50 .error-20{
    color: red;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}
.page46 .modal-body,
.page412 .modal-body,
.page50 .modal-body{
    margin-top: 0;
}
@media screen and (max-width: 480px) {
    .page46 .show-text{
        top: -66px;
    }
    .courses-md .tooltip:hover .tooltiptext{
        left: -40px;
    }
    .page46 .show-text{
        font-size: 16px;
    }
}

/* Page 377 */

/* page 377*/
/*.page377 .math-p{
    display: none;
}*/
/*.page377 .ua-p{
    display: none;
}*/
.page377 .left-side span {
    display: block;
    font-size: 17px;
}
.page377 p{
    line-height: normal;
}
.page377 h1 {
    width: 622px;
    font-size: 55px;
    font-weight: 700;
    color: #ff7418;
    line-height: normal;
    margin-top: 15px;
}
body.page377 h2{
    text-align: center;
    font-size: 46px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #7564d9;
    text-transform: uppercase;
}
.page377 #top{
    position: relative;
}
.page377 .top-description {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 1350px;
}
.page377 .top-description .date-img{
    position: absolute;
    z-index: -1;
    top: -110px;
    left: -135px;
}
.page377 .right-img{
    position: absolute;
    right: 0;
    top: 0;
}


.page377 .girl{
    margin-left: -155px;
    margin-top: 0px;
}
.page377 .top-title{
    padding-top: 50px;
}
.page377 .top-description p{
    position: relative;
    font-size: 30px;
    font-weight: 400;
    color: #423c47;
    margin: 30px 0;
}

.page377 a.primary {
    background: rgb(255,198,36);
    background: linear-gradient(90deg, rgba(255,198,36,1) 0%, rgba(221,69,142,1) 50%, rgba(192,31,237,1) 100%);
    font-size: 24px;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    display: block;
    max-width: 350px;
    text-align: center;
    padding: 20px 0;
    border-radius: 20px;
}

.page377 .what-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
    position: relative;
    max-width: 1000px;
    margin: 45px auto 0;
}
.page377 .what-wrapper img.square{
    position: absolute;
    top: -220px;
    left: -100px;
    z-index: -1;
}
.page377 .what-item{
    text-align: center;
    width: 25%;
}

.page377 .what-itemp{
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #000000;
}
.page377 .what-item img {
    max-height: 83px;
}
.page377 .what-item p{
    margin-top: 15px;
}
.page377 .whom {
    position: relative;
    background: url(/components/com_articles/img/marathon/whom.png);
    background-position: top center;
    background-repeat: no-repeat;
    padding: 100px 0 65px;
}
.page377 .whom-img {
    position: absolute;
    bottom: -235px;
    right: 0;
    z-index: 1;
}
.page377 .whom h2 span{
    display: block;
    margin-top: 12px;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.02em;
color: #766ede;
}
.page377 .whom-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 30px auto 0;
}
.page377 .whom-item {
    position: relative;
    z-index: 2;
    text-align: center;
    width: 24%;
    max-width: 325px;
}
.page377 .whom-item p {
    background: #ffffff;
    padding: 20px 30px 16px;
    border-radius: 20px;
    margin-top: -48px;
    font-size: 18px;
}
.page377 .whom a.primary{
    margin: 40px auto 0;
}

.page377 .trust{
    padding: 80px 0;
    background-color: #582f88;
}
.page377 .trust h2{
    text-align: center;
    line-height: normal;
    font-size: 45px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
}
body.page377  .trust h3{
    text-align: center;
    line-height: normal;
    font-size: 33px;
    font-weight: 600;
    color: #f46b32;
}
.page377 .trust-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px auto 0;
    max-width: 1100px;
}
.page377 .trust-item {
    display: flex;
    align-items: center;
        width: 48%;
}

.page377 .trust-item p{
    width: 50%;
    color: #1d1d1b;
font-size: 22px;
font-weight: 400;
margin-left: 15px;

color: #ffffff;
line-height: normal;
margin-bottom: 0;

}
.page377 .trust-item p span{
    text-transform: uppercase;
    display: block;
}
.page377 .trust-item img{
    width: 180px;
}
.page377 .trust-item p span{
    font-weight: 600;
}
.page377 .trust-item{
    display: flex;
}
.page377 .trust a.primary.main{
    border-radius: 55px;
    max-width: 440px;
    font-size: 32px;
    font-weight: 400;
    color: #ffffff;
    margin: 75px auto 0;
    padding: 18px 6px;
    position: relative;
}

.page377 .program{
    padding: 110px 0 100px;
    position: relative;
}
.page377 .program h2{
    color: #000;
}
.page377 .program-wrapper{
    max-width: 1170px;
    margin: 65px auto 0;
}
.page377 .program-item{
    margin-top: 45px;
}
.page377 .program-name {
    display: inline-block;
    font-size: 28px;
    line-height: 48px;
    font-weight: 600;
    text-transform: uppercase;
    color: #f2f8ff;
    max-width: 800px;
    text-align: center;
    margin-bottom: 0;
    position: relative;
    padding-right: 25px;
    padding: 10px 75px 6px 45px;
}
.page377 .accordion-group{
    border: none;
    cursor: pointer;
}
.page377 .program-item li p{
    display: inline;
}
.page377 .program-wrapper .ua-item .program-name{
    background-color: #837af4;
    line-height: normal;
}
.page377 .program-wrapper ul{
margin-left: 40px;
cursor: pointer;
}
.page377 .program-wrapper .ua-item ul{
    border-left: 7px solid #837af4;
        padding: 25px 0 0 23px;
        
}

.page377 .program-wrapper .ua-item ul li span.li-date{
    color: #837af4;
    margin-right: 12px;
}
.page377 .program-wrapper .math-item ul{
    border-left: 7px solid #fe9522;
    list-style-type: none;
}

.page377 .program-wrapper .math-item ul li span.li-date{
    color: #fe9522;
}
.page377 .program-wrapper .math-item .program-name{
    background-color: #fe9522;
    line-height: normal;
}
.page377 .program-wrapper .hist-item ul{
    border-left: 7px solid #ea5981;
    list-style-type: none;
}
.page377 .program-wrapper .hist-item ul li span.li-date{
    color: #ea5981;
}
.page377 .program-wrapper .hist-item .program-name{
    background-color: #ea5981;
}
.page377 .program-wrapper .en-item ul{
    border-left: 7px solid #a81eef;
}
.page377 .program-wrapper .en-item ul.collapse.in{
    border-left: 7px solid #a81eef;
}
.page377 .program-wrapper .en-item ul li span.li-date{
    color: #a81eef;
}
.page377 .program-wrapper .en-item .program-name{
    background-color: #a81eef;
}
.page377 .program-wrapper ul.collapse.in{
    list-style: none;
    padding: 25px 0 0 23px;
}
.page377 .program-wrapper ul{
    list-style-type: none;
}
.page377 .program-wrapper ul{
    padding-top: 20px;
}
.page377 .program-wrapper ul li {
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    line-height: normal;
    margin-top: 0;
}
.page377 .program-wrapper ul li:nth-child(n+2){
    margin-top: 20px;
}
.page377 .program-wrapper ul li span.li-date {
    font-weight: 700;
    display: table;
    min-width: 144px;
    display: inline;
}
.page377 img.arr-down{
    max-width: 20px;
    position: absolute;
    right: 20px;
    top: 37%;
    transform: rotate(180deg); 
    transition: all .3s;
}
.page377 .accordion-toggle.openi.collapsed img {
    transform: rotate(0deg);
    transition: all .3s;
}
.page377 .package{
    position: relative;
    padding: 0 0 60px;
}
.page377 .packages h2{
    text-align: center;
    font-size: 48px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #7564d9;
}

.page377 .circle{
    position: absolute;
    right: 50px;
    top: 20%;
}
.page377 .prog-sq{
    position: absolute;
    right: 0;
    top: 45%;
}
.page377 .program-img{
    position: absolute;
    left: 0;
    top: 45%;
}

.page377 .program-img-2{
    position: absolute;
    right: 0;
    bottom: -5%;
}

.page377 .iphone-wrapper {
    display: flex;
    justify-content: center;
    max-width: 900px;
    margin: 70px auto 0px;
}

.page377 .iphone-wrapper .iphone-item {
    position: relative;
    background: url(/components/com_articles/img/marathon/phone.png);
    background-size: cover;
    width: 389px;
    height: 764px;
    padding: 55px 30px 68px 30px;
}
.page377 .iphone-wrapper .iphone-item:nth-child(2) {
    position: relative;
    background: url(/components/com_articles/img/marathon/phone22.png);
    background-size: cover;
    width: 384px;
    height: 1053px;
    padding: 55px 30px 68px 30px;
}

/*.page377 .iphone-wrapper .iphone-item:nth-child(3) {
    position: relative;
    background: url(/components/com_articles/img/marathon/phone-3.png);
    background-size: cover;
    width: 384px;
    height: 1112px;
    padding: 55px 30px 68px 30px;
}*/

.page377 .iphone-wrapper .iphone-item span{
    margin: 7px auto 15px;
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #000000;
}

.page377 .iphone-wrapper .iphone-item ul{
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.page377 .iphone-wrapper .iphone-item ul li {
    position: relative;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #000000;
    padding-left: 30px;
}

.page377 .iphone-wrapper .iphone-item ul li:before{
    content: url(/components/com_articles/img/marathon/check.png);
    position: absolute;
    left: 0;
    top: 4px;
}

.page377 .iphone-wrapper .iphone-item ul li:nth-child(n+2){
        margin-top: 10px;
}
.page377 .iphone-wrapper .iphone-item:nth-child(2) .price-wrapper{
    margin-top: 40px;
}
.page377 .iphone-wrapper .iphone-item:nth-child(2) p.price{
    margin-top: 35px;
}
.page377 .iphone-wrapper .iphone-item:nth-child(3) p.price{
    margin-top: 46px;
}
.page377 p.price {
    position: relative;
    margin-top: 30px;
    margin-bottom: 6px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    font-size: 24px;
}
.page377 p.price:after {
    content: '';
    position: absolute;
    left: 10%;
    background-color: #ed1c24;
    height: 3px;
    width: 80%;
    top: 54%;
    transform: translateY(-50%);
}
.page377 .price-date{
    background-color: #ed1c24;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    border-radius: 50px;
    padding: 8px 25px;
    display: flex;
    justify-content: center;
    width: auto;
    align-items: center;
    max-width: 316px;
    margin: 0 auto;
}
.page377 .iphone-item:nth-child(1) .price-main{
    margin-top: 43px;
}
.page377 .price-main{
    margin-top: 14px;
    font-size: 30px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-align: center; 
}
.page377 .discount-p{
    margin-top: 70px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    line-height: normal;
}
.page377 .iphone-item a{
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    width: 312px;
    margin-bottom: -37px;
    background: #fe9522;
    padding: 21px 0;
   border-radius: 45px;
   margin-top: 25px;
}
.page377 .package img.package-1{
    position: absolute;
    bottom: 354px;
    left: 0;
}
.page377 .package img.package-2{
    position: absolute;
    bottom: 110px;
    left: 200px;
}

.page377 .consult-testim{
    overflow: hidden;
    padding: 70px 0;
}
.page377 .consult-wrap .slick-dots button{
    font-size: 0;
    background-color: #ebebeb;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: none;
}
.page377 .consult-wrap .slick-dots .slick-active button{
    background-color: #959595;
}

.page377 .consult-title h3{
    position: relative;
    text-align: center;
    font-size: 48px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
}
.page377 .consult-wrap{
    margin-top: 42px;
}
.page377 .slick-slide img{
    margin: 0 auto;
    max-width: 100%;
}
.page377 .slick-slide .consult-item{
	padding: 0 15px;
}
.page377 .slick-track{
   display: flex;
   align-items: center;
}
.page377 .slick-dots{
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin-top: 45px;
}
.page377 .slick-dots li{
    margin-right: 30px;
}
.page377 .slick-dots li:last-child{
    margin-right: 0;
}
.page377 .total{
    font-size: 50px;
}
.page377 .feed-form{
    background: url(/components/com_articles/img/marathon/form-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70px 0 50px;
}
.page377 .feed-form h2{
font-size: 36px;
line-height: normal;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
color: #d0bff9;
margin-bottom: 25px;
}
.page377 .feed-form .subtitle{
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    margin-bottom: 20px;
}
.page377 .space-right input:first-child{
    margin-top: 0;
}
.page377 .space-right input::placeholder, .space-right select::placeholder {
  color: #582e88;
  opacity: 1; /* Firefox */
}
.page377 .space-right input, .space-right select{
    width: 100%;
    height: 59px;
    max-width: 100%;
    background-color: #d0bff9;
    border: none;
    color: #582e88;
    border-radius: 40px;
    box-sizing: border-box;
font-size: 17px;
font-weight: 400;
line-height: 69px;
margin-top: 12px;
}
.page377 .space-right button{
        color: #fff;
    height: 70px;
    width: 100%;
    max-width: 424px;
        font-size: 22px;
        margin-top: 15px;
        max-height: 50px;
}
.page377 .space-right input.cb_promocode{
    border: 5.1px solid #d0bff9;
    background: none;
    border-radius: 0;
    margin-top: 25px;
}
.page377 .space-right input.cb_promocode::placeholder{
        color: #d0bff9;
}
/*.form-wrapper{
    display: flex;
}*/
.page377 .form-wrapper form{
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 47px;
}
.page377 form label{
    display: block;
        color: #fff;
    padding-left: 12px;
    font-size: 18px;
    margin: 0;
}
.page377 form .left-side .input-div{
    position: relative;
}
.page377 form .var-pack{
    position: relative;
    padding-left: 145px;
    padding-top: 6px;
    margin-top: 40px;
}
.page377 form .var-pack:first-child{
    margin-top: 0;
}
.page377 form .var-pack > label {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-align: left;
    position: absolute;
    top: 3px;
    left: 0;
    padding: 0;
}
.page377 form .var-pack p label{
    font-size: 28px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #fff;
}
.page377 [type="radio"]:checked + label{
    color: #ff8503;
}
.page377 form .var-pack p{
    text-align: left;
}

.page377 form .price .orange{
    color: #f09600;
    font-size: 35px;
    font-weight: 700;
}
.page377 form .price .orange i, .page377 form .total{
    color: #fff;
    font-style: normal;
}
.page377 .toggler{
    cursor: pointer;
    background: #fff;
    border-radius: 30px;
    margin-bottom: 35px;
    margin-top: 0;
    font-size: 24px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #6a51b4;
    max-width: 437px;
    padding: 3px 0;
}
.page377 .right-side{
    width: 100%;
    margin-top: 35px;
}
.page377 .right-side h2{
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    text-align: left;
}
.page377 .right-side .subtitle{
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    text-align: left;
    line-height: normal;
    margin-top: 30px;
    margin-top: 0;
    padding-left: 0;
    text-align: center;
}
.page377 form .flex-row .right-side{
        padding: 59px 0;
}

.page377 #apply-pay {
    margin: 0 auto;
    background-image: linear-gradient(0.0deg, #ff9000 0%, #ffba00 100%);
    display: block;
    text-align: center;
    border-radius: 20px;
    width: 100%;
    border: none;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    padding: 24px 43px;
    max-width: 350px;
}
.page377 #apply-pay:hover{
        color: #fff;
}
.page377 .offset-1{
    margin-top: 25px;
}
.page377 #apply-free{
    border-radius: 25px;
    background: linear-gradient(180deg, #ff7a1a 0%, #ff4200 100%);
    color: #ffffff;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    font-weight: 500;
    max-width: 350px;
    margin: 20px auto;
}

.page377 #WebBottom{
    margin-top: 0 !important;
}
.page377 .prom-p{
    margin-top: 12px;
    text-align: center;
}
.page377 .prom-p button{
        max-width: 258px;
    margin: 0 auto;
    font-size: 19px;
border-radius: 25px;
    background: #f46b32;
border: none;
}
.page377 .video-testimonials{
    padding: 50px 0 100px;
}
.page377 .video-testimonials h2{
    text-align: center;
    font-size: 40px;
}
.page377 .test-wrapper{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.page377 .test-wrapper .test-item{
        position: relative;
    height: 197px;
    padding: 0 10px;}

.page377 .test-wrapper .test-item img{
    max-width: 100%;
    width: auto;
    max-height: 256px;
   
}
.page377 .play-btn{
    cursor: pointer;
}
.page377 .modal .modal-content {
    padding: 10px;
}
.page377 .modal .modal-dialog{
    margin-top: 150px;
}
.page377 .modal .modal-body {
    margin-top: 0;
}
.page377 .modal-open .modal {
    z-index: 9999999;
}
.page377 .play-btn-2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
}
.page377 .test-wrapper .test-item img.play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
}
.page377 .prom-p button:hover{
    background: #f78a5d;
    color: #fff;
}
.page377 .form-flex{
    /*display: flex;*/
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1100px;
    margin: 40px auto 0;
}
.page377 .form-wrapper input{
    overflow: visible;
    background-color: #d0bff9;
    border: none;
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 23px auto 0;
    border-radius: 50px;
    height: 57px;
    padding: 0 15px;
    font-size: 22px;
}

.page377 .form-wrapper input.cb_promocode{
    border: 5.1px solid #d0bff9;
    background: none;
    border-radius: 0;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #d0bff9;
    max-width: 454px;
}
.page377 .form-wrapper input.cb_promocode::placeholder {
  color: #d0bff9;
  opacity: 1;
}
.page377 .price-red {
    display: block;
    font-size: 39.3px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ff2626;
    position: relative;
    max-width: 192px;
    margin: 0 auto -7px;
}
.page377 .prom-p button {
    background: #ed6f0f;
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    max-width: 285px;
    display: block;
    width: 100%;
    padding: 8px 12px;
    border-radius: 50px;
}
.page377 .price-red:after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ff2626;
    width: 100%;
    height: 3px;
    left: 0;
}
.page377 .twoToneButton{
    position: relative;
  }
  

 .page377  .twoToneButton.spinning::after {
      content: '';
      display: block;
      width: 1.2em;
      height: 1.2em;
      position: absolute;
      left: calc(50% - 0.75em);
      top: calc(50% - 0.75em);
      border: 0.15em solid transparent;
      border-right-color: white;
      border-radius: 50%;
      animation: button-anim 0.7s linear infinite;
      opacity: 0;
    }
  @keyframes button-anim {
      from {
        transform: rotate(0);
      }
      to {
        transform: rotate(360deg);
      }
    }
    .page377 .twoToneButton.spinning {
        color: transparent !important;
 }

    .page377 .twoToneButton.spinning::after {
      opacity: 1;
    }
  
  @keyframes rotate360 { 
      100% {
          transform: rotate(360deg);
      }
  }
  @keyframes exist { 
      100% {
          width: 15px;
          height: 15px;
          margin: -8px 5px 0 0;
      }
  }
  .page377 .left-side-wrap .left-side:nth-child(n+2) .hide-show{
    display: none;
  }
  .page377 .isError{
    display: none;
    color: red;
    font-weight: 800;
    font-size: 21px;
  }
  .page377 .left-side-wrap{
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .page377 .first-block{
    width: 100%;
  }
  .page377 .price-red{
    display: none !important;
  }
  .page377 .teachers{
    position: relative;
    color: #fff;
    padding: 80px 0px;
  }
  .page377 .teacher-start {
        font-weight: 800;
        font-size: 32px;
        line-height: 125%;
        color: #fff;
        text-align: center;
        margin-bottom: 50px;
    }
    .page377 .teachers:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: url(/components/com_articles/img/marathon/whom.png);
        transform: rotate(180deg);
    }
  .page377 .teacher-wrapper{
    display: flex;
    justify-content: space-between;
    max-width: inherit;
    flex-direction: row;
    min-height: inherit;
  }
  .page377 .teacher-item{
    width: 31%;
  }
  .page377 .teacher-name p {
        font-size: 24px;
    }

@media screen and (max-width: 1710px) {
    .page377 .program-img{
            max-width: 158px;
    }
}
    
@media screen and (min-width: 992px) {
    .page377 .wrapper-header .container{
        width: 960px;
    }
}
@media screen and (min-width: 768px) {
    .page377 form .flex-row{
    width: 100%;
}
.page377 form .flex-row .space-right{
        display: flex;
   /* align-items: center;*/
    justify-content: center;
    /*max-width: 800px;*/
    margin: 0 auto;
}
.page377 form .flex-row .left-side{
    width: 100%;
    text-align: center;
    max-width: 420px;
}
.page377 form .flex-row .right-side{
       /*  max-width: 317px;*/
    margin: 50px auto 0;
}

}
@media screen and (max-width: 1679px) {

    /*.page377 .iphone-wrapper .iphone-item:nth-child(2) p.price {
        margin-top: 60px;
    }*/
    .page377 .iphone-wrapper .iphone-item:nth-child(3) p.price {
        margin-top: 67px;
    }
    .page377 .iphone-wrapper .iphone-item:nth-child(3) {
        width: 370px;
        height: 1070px;
        padding: 55px 22px 68px;
    }
    .page377 .girl {
        margin-top: 0px;
        max-width: 775px;
    }
    .page377 .package{
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 1479px) {
    .page377 .top-title {
        padding-top: 27px;
    }
    .page377 .top-description .date-img {
        max-width: 305px;
        left: -60px;
        top: -80px;
    }

    .page377 h1{
        font-size: 55px;
        line-height: 105%;
    }
    .page377 .girl {
        margin-top: 0px;
        max-width: 720px;
    }
    .page377 .whom-img {
        max-width: 200px;
    }
    .page377 .feed-form {
        padding: 60px 0 50px;
    }
    .page377 form .var-pack p label {
        font-size: 26px;
    }
    .page377 .feed-form h2 {
        font-size: 32px;
    }
    .page377 .feed-form .subtitle{
        font-size: 25px;
    }
    .page377 .right-img{
        max-width: 200px;
    }
    .page377 .top-description p{
        font-size: 25px;
    }
    body.page377 h2{
        font-size: 27px;
    }
    .page377 .package img.package-1{
        max-width: 100px;
    }
    .page377 .teacher-name p {
        font-size: 20px;
    }   
}
@media screen and (max-width: 1335px) {
.page377 .program-img{
    display: none;
}
}
@media screen and (max-width: 1279px) {
	.page377 .slick-slide .consult-item{
	padding: 0 5px;
}
    .page377 .iphone-item:nth-child(1) .price-main {
        font-size: 27px;
        margin-top: 28px;
    }
    .page377 .girl {
        margin-top: 0px;
        max-width: 528px;
        margin-left: -191px;
    }
    .page377 .prog-sq{
        display: none;
    }
    .page377 .program-name {
        font-size: 24px;
        line-height: 38px;
        padding: 10px 59px 6px 30px;
    }
    .page377 .iphone-wrapper{
        max-width: 700px;
    }
    .page377 h1 {
        font-size: 55px;
    }
    .page377 .right-img {
        max-width: 150px;
    }
    .page377 .top-description .date-img {
        max-width: 250px;
        left: -40px;
        top: -64px;
    }
    .page377 h1 {
        font-size: 50px;
    }
    .page377 .subtitle{
        max-width: 100%;
    }
    .page377 .what-wrapper img.square {
        top: -150px;
        left: -100px;
        max-width: 160px;
    }
    body.page377 h2 {
        font-size: 25px;
    }
    .page377 .what-item img {
        max-height: 70px;
        max-width: 70px;
    }
    .page377 .whom {
        padding: 80px 0 55px;
    }
    .page377 .whom-wrapper {
        margin: 5px auto 0;
    }
    .page377 .whom-item img{
        max-width: 170px;
    }
    .page377 .whom-item p {
        padding: 20px 15px 16px;
        margin-top: -48px;
        font-size: 16px;
    }
    .page377 .whom a.primary {
        margin: 30px auto 0;
    }
    .page377 a.primary{
        padding: 18px 0;
        font-size: 21px;
    }
    .page377 .whom-img {
        max-width: 150px;
    }
    .page377 .trust h2{
        font-size: 34px;
    }
    body.page377 .trust h3{
        font-size: 25px;
    }
    .page377 .trust {
        padding: 50px 0;
    }
    .page377 .trust-item img {
        width: 160px;
    }
    .page377 .trust-item p{
        font-size: 19px;
    }
    .page377 .trust a.primary.main {
        max-width: 340px;
        font-size: 22px;
        margin: 52px auto 0;
        padding: 15px 6px;
    }
    .page377 .program-wrapper{
        margin-top: 48px;
    }
    .page377 .program-wrapper ul li{
        font-size: 22px;
        min-width: 130px;
    }
    .page377 .program-wrapper ul li:nth-child(n+2) {
        margin-top: 10px;
    }
    .page377 .program-img-2 {       
        max-width: 150px;
    }
    .page377 .program {
        padding: 65px 0 70px;
    }
    .page377 .iphone-wrapper{
        margin-top: 45px;
    }

    .page377 .iphone-wrapper .iphone-item ul li {
        font-size: 16px;
        line-height: 22px;
    }

    .page377 .iphone-wrapper .iphone-item {
        width: 360px;
        height: 713px;
        padding: 55px 22px 68px 22px;
    }
    .page377 .iphone-wrapper .iphone-item span {
        font-size: 22px;
        line-height: 13px;
    }
    .page377 .iphone-wrapper .iphone-item ul li:nth-child(n+2){
        margin-top: 8px;
    }
    .page377 .iphone-wrapper .iphone-item:nth-child(2) .price-wrapper{
        margin-top: 52px;
    }
    .page377 .iphone-item a{
        margin-left: auto;
        margin-right: auto;
    }
    .page377 p.price {
        margin-top: 5px;
        font-size: 20px;
    }
    .page377 .price-date {
        font-size: 20px;
        line-height: 22px;
        padding: 6px 18px;
        max-width: 210px;
    }
    .page377 .price-main {
        margin-top: 6px;
        font-size: 28px;
    }
    .page377 .iphone-item a {
        width: 253px;
        margin-top: 15px;
        padding: 14px 0;
        font-size: 18px;
    }
    .page377 .iphone-wrapper .iphone-item:nth-child(2) p.price {
        margin-top: 7px;
    }
    .page377 .iphone-wrapper .iphone-item:nth-child(3) p.price {
        margin-top: 14px;
    }
    .page377 .consult-testim {
        padding: 30px 0;
    }
    .page377 .consult-title h3{
        font-size: 34px;
    }
    .page377 .slick-slide img {
        max-width: 290px;
    }
    .page377 .consult-wrap .slick-dots button {
        width: 18px;
        height: 18px;
    }
    .page377 .slick-dots li {
        margin-right: 20px;
    }
    .page377 .slick-dots{
        margin-top: 27px;
    }
    .page377 .feed-form h2 {
        font-size: 28px;
    }
    .page377 .feed-form .subtitle {
        font-size: 22px;
    }
    .page377 .feed-form .subtitle br{
        display: block;
    }
    .page377 .feed-form h2{
        margin-bottom: 27px;
    }
    .page377 .form-wrapper form{
        margin-top: 35px;
    }
    .page377 .form-wrapper input{
        max-width: 500px;
    }
    .page377 .form-flex{
        margin: 45px auto 0;
    }
    .page377 form .var-pack p label {
        font-size: 22px;
    }
    .page377 form .var-pack > label {
        font-size: 20px;
        top: 5px;
    }
    .page377 form .var-pack {
        padding-left: 125px;
    }
    .page377 #apply-pay {
        font-size: 22px;
        line-height: 24px;
        padding: 14px 43px;
        max-width: 325px;
    }
    .page377 #apply-free {
        font-size: 22px;
        line-height: 24px;
        max-width: 325px;
        padding: 14px 10px
    }
    .page377 .toggler{
        font-size: 22px;
    }
    .page377 .teachers {
        padding: 45px 0px;
    }
}
@media screen and (max-width: 1200px) {
.page377 .circle{
    display: none;
}
.page377 .package img.package-1{
    display: none;
}

}
@media screen and (max-width: 1023px) {
    .page377 .top-title {
        padding-top: 0;
    }
    .page377 .girl {
        max-width: 388px;
        margin-top: 20px;
        margin-left: -323px;
    }
    .page377 h1 {
        font-size: 36px;
        position: relative;
        z-index: 1;
        padding-top: 10px;
    }
    .page377 .top-description .date-img {
        max-width: 196px;
        left: -45px;
        top: -53px;
    }
    .page377 .top-bg {
        padding: 0 0 40px;
    }
    .page377 .top-description p {
        font-size: 19px;
    }
    .page377 .right-img {
        max-width: 100px;
    }
    .page377 .iphone-wrapper{
        flex-wrap: wrap;
    }
    .page377 .top-description p{
        margin: 18px 0;
    }

    .page377 .what-wrapper img.square{
        max-width: 120px;
    }
    .page377 .what-item p{
        font-size: 14px;
    }
    .page377 .whom-item p {
        padding: 20px 10px 16px;
        font-size: 14px;
    }
    .page377 .whom-img {
        max-width: 88px;
        bottom: -100px;
    }
    .page377 .trust h2 {
        font-size: 26px;
    }
    .page377 .price-wrapper{
        margin-top: 68px;
    }
    body.page377 .trust h3 {
        font-size: 20px;
    }
    .page377 .trust-item{
        width: 100%;
    }
    .page377 .trust-item img {
        width: 140px;
    }
    .page377 .program-wrapper ul {
        margin-left: 28px;
        padding-left: 20px;
    }
    .page377 .program-name{
        font-size: 20px;
    }
    .page377 .program-wrapper ul li {
        font-size: 18px;
    }
    .page377 .program-wrapper ul li span.li-date {
        min-width: 112px;
    }
    .page377 .program-wrapper ul li:nth-child(n+2) {
        margin-top: 5px;
    }
    .page377 .prog-sq{
        display: none;
    }
    .page377 .program-img-2 {
        max-width: 120px;
    }
    .page377 .program {
        padding: 45px 0 60px;
    }
    .page377 .iphone-wrapper {
        margin-top: 30px;
    }
    .page377 .iphone-wrapper .iphone-item {
    width: 340px;
    height: 673px;
}
    .page377 .iphone-wrapper .iphone-item:nth-child(2) {
        width: 306px;
        height: 839px;
    }
/*    .page377 .iphone-wrapper .iphone-item:nth-child(3){
        margin-top: 80px;
    }*/
    .page377 .iphone-wrapper .iphone-item ul li {
        font-size: 15px;
        line-height: 18px;
    }
    .page377 .iphone-wrapper .iphone-item:nth-child(2) .price-wrapper {
        margin-top: 33px;
    }

    .page377 .package {
        padding-bottom: 25px;
    }
    .page377 .consult-wrap {
        margin-top: 28px;
    }
    .page377 .feed-form .subtitle {
        font-size: 18px;
    }
    .page377 .feed-form .subtitle br{
        display: none;
    }
    .page377 .form-flex{
        flex-direction: column;
        align-items: center;
    }
    .page377 .form-wrapper .left-side {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: 0;
    }
    .page377 .left-side-wrap{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .page377 .toggler{
        max-width: 390px;
        margin-bottom: 25px;
    margin-top: 18px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    }
    .page377 .right-side {
        width: 100%;
        margin-top: 0;
    }
    .page377 form .var-pack p label {
        font-size: 18px;
    }
    .page377 form .var-pack{
        margin-top: 15px;
        padding-left: 0;
        width: 300px;
        margin: 12px auto 0;
    }

    .page377 .total {
        font-size: 42px;
    }
    .page377 .price-red {
        font-size: 32px;
        max-width: 140px;
    }
    .page377 .offset-1 {
        margin-top: 35px;
        margin-left: 0;
    }
    .page377 form .var-pack > label{
        position: static;
        padding: 0;
        margin-bottom: 20px;
        margin-top: 0;
        font-size: 30px;
    }
    .page377 .offset-1 {
        margin-top: 8px;
    }
    .page377 .teacher-start{
        font-size: 26px;
    }
    .page377 .teacher-wrapper {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .page377 .teacher-item {
        width: 48%;
    }
    .page377 .teachers:after {
        content: "";
        top: -61px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .page377 .teachers {
        padding: 45px 0px 85px;
    }
    .page377 .teacher-name p {
	    font-size: 16px;
	}
}
@media screen and (max-width: 767px) {
    .page377 .math-p span {
    display: block;
    font-size: 14px;
}
    .page377 .girl {
        max-width: 325px;
        margin-left: -322px;
    }
    .page377 h1 {
        font-size: 36px;
        width: 580px;
    }
    .page377 .top-description{
        justify-content: space-between;
    }
    .page377 .top-description .date-img {
        max-width: 163px;
        left: -28px;
        top: -36px;
    }
    .page377 .top-description p {
        font-size: 16px;
    }
    .page377 a.primary {
        padding: 14px 0;
        font-size: 18px;
        max-width: 250px;
    }
    .page377 .slick-slide img {
        max-width: 250px;
    }
    .page377 .feed-form{
        overflow: hidden;
    }
    .page377 .top-bg {
        padding: 0 0 20px;
    }
    .page377 .what-wrapper img.square{
        display: none;
    }
    body.page377 h2 {
        font-size: 22px;
    }
    .page377 .what-item img {
        max-height: 55px;
        max-width: 55px;
    }
    .page377 .whom {
        padding: 32px 0 40px;
    }
    .page377 .whom{
        background-position-y: center;
    }
    .page377 .whom-item img {
        max-width: 125px;
    }
    .page377 .whom-item p {
        padding: 30px 10px 12px;
    }
    .page377 .whom h2 span{
        font-size: 20px;
    }
    .page377 .trust-item p {
        width: 100%;
    }
    .page377 .trust a.primary.main{
        margin-top: 30px;
    }
    .page377 .program-wrapper {
        margin-top: 30px;
    }
    .page377 .program-name{
        font-size: 20px;
    }
    .page377 .whom-img{
        display: none;
    }
    .page377 .program-name{
        max-width: 100%;
        font-size: 18px;
    }
    .page377 .program-item {
        margin-top: 28px;
    }
    .page377 .program-img-2{
        display: none;
    }
    .page377 .iphone-wrapper .iphone-item:nth-child(n+2){
        margin-top: 90px;
    }
    .page377 .iphone-wrapper{
        max-width: 600px;
    }
    .page377 .iphone-wrapper{
        justify-content: center;
    }
    .page377 .form-wrapper form {
        margin-top: 0px;
    }
    .page377 .form-flex {
        margin: 15px auto 0;
    }
    .page377 .feed-form .subtitle{
        margin-bottom: 0;
    }
    .page377 .consult-testim{
        padding: 80px 0 30px;
    }
}
@media screen and (max-width: 600px) {
.page377 h1 {
    font-size: 40px;
    line-height: normal;
    width: 230px;
}
.page377 .isError{
    font-size: 16px;
}
.page377 .program-wrapper ul li{
    flex-direction: column;
}
.page377 .slick-prev {
    left: 3px;
    width: 35px;
}
.page377 .slick-next {
    right: 5px;
    width: 35px;
}
.page377 .offset-1{
    margin-left: 0;
}
.page377 form .flex-row .right-side {
    padding: 25px 25px;
    margin-top: 15px;
}
.page377 h1 {
    font-size: 30px;
}
.page377 .top-bg{
    overflow: hidden;
}
.page377 .what-wrapper{
    margin-top: 30px;
}
.page377 .what{
    padding-bottom: 30px;
}
.page377 .girl {
    max-width: 310px;
    margin-left: -66px;
}
.page377 .whom-wrapper{
    flex-wrap: wrap;
}
.page377 .whom-item{
    width: 48%;
}
.page377 .program-name{
        font-size: 16px;
    padding: 10px 46px 6px 12px;
}
.page377 .top-description p {
    font-size: 16px;
}
body.page377 h2 {
    font-size: 28px;
}
.page377 .price-main {
    font-size: 24px;
}
.page377 .trust-item p {
    font-size: 17px;
}
body.page377 .trust h3 {
    font-size: 18px;
}
.page377 .feed-form .subtitle{
    font-size: 16px;
    line-height: normal;
}
.page377 .feed-form {
    padding: 38px 0 30px;
}
.page377 .feed-form .subtitle br{
    display: none;
}
.page377 .teacher-item {
    width: 100%;
    max-width: 265px;
    margin-right: 20px;
    margin-right: 10px;
    margin-left: 10px;
}
.page377 .teacher-item:last-child{
    margin-right: 0;
}
.page377 .teacher-wrapper{
    padding: 0;
}
}

@media screen and (max-width: 480px) {
.page377 div#header-material {
    width: 90%!important;
    max-width: inherit;
}
.page377 h1 br {
    display: none;
}
.page377 .price-wrapper {
    margin-top: 15px;
}
.page377 h1 {
    font-size: 24px;
    line-height: 30px;
}
.page377 .top-description p{
    margin: 15px 0;
}

.page377 .top-description p.subtitle {
    max-width: 157px;
}
.page377 .program-wrapper ul.collapse.in {
    list-style: none;
    padding: 25px 0 0 13px;
}
.page377 .top-description .date-img {
    top: -36px;
    left: 55px;
    width: 207px;
    transform: translateX(-50%);
}
.page377 .top-description .top-title{
    width: 100%;
}

.page377 .right-img{
    display: none;
}
.page377 .girl{
    z-index: -1;
        max-width: 290px;
    margin-left: -79px;
    margin-top: 9px;
        position: absolute;
    left: 220px;
}

body.page377  h2{
    font-size: 20px;
}
.page377 .whom {
    padding: 65px 0 40px;
}
.page377 .trust {
    padding: 30px 0;
}
.page377 .what-wrapper{
        flex-wrap: wrap;
        margin-top: 30px;
}
.page377 .what-item {
    width: 48.5%;
}
.page377 .what-item img {
    max-height: 50px;
}
.page377 .what-item p {
    margin-top: 10px;
    font-size: 15px;
}
.page377 .what-item:nth-child(n+4){
    margin-top: 12px;
}
.page377 .whom{
    margin-top: -40px;
    background-position: top;
    background-size: cover;
}
.page377 .whom-wrapper{
    flex-wrap: wrap;
    margin-top: 10px;
}
.page377 .whom-item {
    text-align: center;
    width: 48%;
}
.page377 .whom-item p {
        padding: 30px 4px 17px;
    font-size: 14px;
}
.page377 .whom-item:nth-child(3){
    margin: 0 auto;
}
.page377 .whom a.primary {
    margin: 20px auto 0;
}
.page377 a.primary{
    text-align: center;
    padding: 15px 0;
        margin: 0 auto;
    max-width: 250px;
}
.page377 .trust h2 {
    font-size: 20px;
}

body.page377  .trust h3 {
    font-size: 15px;
}
body.page377  .trust h3 br{
    display: none;
}
.page377 .trust-wrapper{
    margin: 15px auto 0;
}
.page377 .trust-item img {
    max-width: 90px;
}
.page377 .trust-item p{
    width: 100%;
    font-size: 14px;
}


.page377 .trust a.primary.main {
    font-size: 18px;
    padding: 13px 0;
    margin-top: 36px;
    max-width: 233px;
    margin-bottom: 0;
}
.page377 .program {
    padding: 30px 0;
}
.page377 .program-wrapper {
    margin-top: 0;
}
.page377 .program-item {
    margin-top: 20px;
}
.page377 .program-name{
    font-size: 18px;
    line-height: normal;
}
.page377 .program-wrapper ul{
    margin-left: 0;
    padding: 2px 0 0 20px;
}
.page377 .toggler {
    font-size: 18px;
}
.page377 .program-wrapper ul {
    list-style: none;
    margin-left: 0;
    padding: 25px 0 0 23px;
}
.page377 .program-wrapper ul li {
    font-size: 16px;
}
.page377 .iphone-wrapper .iphone-item {
    width: 326px;
    height: 643px;
    padding: 40px 10px 31px 13px;
}
.page377 .iphone-item:nth-child(1) .price-main {
    font-size: 27px;
    margin-top: 26px;
}
.page377 .iphone-wrapper .iphone-item:nth-child(n+2) {
    margin-top: 20px;
}
.page377 .iphone-wrapper .iphone-item span{
    font-size: 20px;
}
.page377 .iphone-wrapper .iphone-item ul li:nth-child(n+2) {
    margin-top: 7px;
}
.page377 .iphone-wrapper .iphone-item ul li {
    font-size: 15px;
    line-height: 20px;
}

.page377 .iphone-wrapper .iphone-item ul li:before{
    top: 2px;
}
.page377 p.price {
    margin-top: 28px;
    font-size: 21px;
}
/*.page377 .iphone-wrapper .iphone-item:nth-child(2) p.price {
    margin-top: 48px;
}*/
.page377 .price-date {
    font-size: 16px;
    line-height: 22px;
    padding: 4px 18px;
    max-width: 210px;
}
.page377 .iphone-item a.primary{
    max-width: 250px;
    margin: 0 auto;
}
.page377 .iphone-wrapper .iphone-item:nth-child(2) {
    width: 300px;
    height: 823px;
    padding: 54px 10px 68px 13px;
}
.page377 .iphone-wrapper .iphone-item:nth-child(2) .price-wrapper {
    margin-top: 12px;
}
.page377 .package {
    padding-bottom: 10px;
}
.page377 .iphone-wrapper .iphone-item:nth-child(3) p.price {
    margin-top: 58px;
}
.page377 .slick-slide{
    padding: 0 20px;
}
.page377 .slick-dots {
    margin-top: 18px;
}
.page377 .consult-wrap .slick-dots button {
    width: 12px;
    height: 12px;
}
.page377 .test-wrapper{
        flex-direction: column;
        align-items: center;
    }
    .page377 .video-testimonials {
    padding: 24px 0 17px;
}
.page377 .test-wrapper .test-item {
    width: 100%;
    text-align: center;
}
.page377 .video-testimonials h2{
        font-size: 20px;
    }
    .page377 .test-wrapper{
        margin-top: 20px;
    }
    .page377 .test-wrapper .test-item:nth-child(n+2) {
        margin-top: 10px;
    } 
    .page377 .test-wrapper .test-item img{
            height: auto;
        max-width: 300px;
    } 
.page377 .video-testimonials {
    padding: 10px 0 30px;
}
.page377 .test-wrapper {
    margin-top: 10px;
}
.page377 .slick-slide iframe {
    max-width: 100%;
    max-height: 187px;
}
.page377 .slick-prev {
    left: 75px;
    width: 35px;
    bottom: -12px;
    top: auto;
}
.page377 .slick-next {
    right: 75px;
    width: 35px;
    bottom: -12px;
    top: auto;
}
.page377 .slick-slide{
    margin-left: 0;
    margin-right: 0;
}
.page377 .feed-form h2{
    font-size: 28px;
    margin-bottom: 14px;
}
.page377 .right-side .subtitle {
    font-size: 18px;
}
.page377 form .flex-row{
    max-width: 100%;
}
.page377 form .price{
    max-width: 100%;
}

.page377 #apply-free{
    font-size: 17px;
}
.page377 .form-wrapper input {
    height: 50px;
    font-size: 16px;
}
.page377 .form-wrapper .left-side{
    margin-left: 0;
}
.page377 .form-wrapper form {
    margin-top: 25px;
}
.page377 form .var-pack > label {
    font-size: 24px;
}

.page377 form .var-pack p label {
    font-size: 16px;
}
.page377 .right-side {
    width: 101%;
}
.page377 .price-red{
    max-width: 165px;
}
.page377 .consult-testim {
    padding: 30px 0 30px;
}
}


/* Courses styles*/
.page377 #banner_pseudoform {
    padding: 20px 0 0;
    position: relative;
    margin-top: 0;
}
.page377 .banner_pseudoform-row {
    height: 30px;
}
.page377 .ps-checkbox {
    margin-right: 11px;
    width: 26px;
    height: 26px;
    background: url(/templates/znoua/img/check-box.png) no-repeat;
}
.page377 .ps-checkbox.checked {
    background: url(/templates/znoua/img/by-check.png) no-repeat;
} 
.page377 .ps-checkbox, .ps-checkbox2 {
    margin-left: 0;
    float: left;
    cursor: pointer;
}
.page377 .ps-checkbox.checked:before{
        content: '';
    position: absolute;
    width: 33px;
    height: 18px;
    background: url(/img/pages/check-b.png) no-repeat;
    left: 4px;
    top: 2px;
    background-size: contain;
}
.page377 .ps-label {
    font-size: 16px;
}
.page377 .ps-label, .ps-label2 {
    height: 20px;
    color: #ffffff;
    line-height: 20px;
    float: left;
    cursor: pointer;
}

.page377 select[data-course] {
    visibility: hidden!important;
}
.page377 .headline {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    margin: 6px 0;
}
.page377 .mbot5 {
    margin-bottom: 5px;
}
body.page377 #course.error{
    font-weight: 600;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.page377 .mvvm{
  display: none;
}

@media screen and (max-width: 350px) {
    .page377 .package .container{
        padding: 0 10px;
    }
}

.copyrt.vinnytsia{
    display: none;
}

.page337 .copyrt.vinnytsia{
    display: block;
    font-size: 20px;
}
.page337 .filter-locations{
    display: none;
}
.show-vin{
    display: none;
}
.page337 .show-vin,
#page_pershi_kroky_kiev .show-vin{
    display: block;
}
@media screen and (max-width: 600px) {
    .page337 .copyrt.vinnytsia{
        font-size: 16px;
    }
}


.page353 .main-bg{
    max-height: 100%;
}
.page387 .main-bg{
    max-height: 100%;
}

.page387 .school-div{
	min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.page387 .school-div img{
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.page387 .school-div p{
	text-align: center;
    margin-bottom: 0;
    color: #fff;
    background: #f16e21;
    border-radius: 50%;
    padding: 0px 15px;
    font-size: 40px;
    color: #ffffff;
    font-weight: 800;
    line-height: 53px;
}

.page387 .grey-bl {
    background: #F2F2F2;
    padding: 50px 40px 55px;
    position: relative;
}
.page387 .grey-bl h2 {
	text-align: left;
	margin-bottom: 80px;
}
.page387 .grey-wrapper{
	display: flex;
    flex-wrap: wrap;
}
.page387 .grey-item {
    width: calc(100% /3);
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #282828;
    display: flex;
    align-items: center;
    line-height: normal;
}
.page387 .grey-item p{
	margin-bottom: 0;
}
.page387 .grey-item:nth-child(n+4){
	margin-top: 35px;
}
.page387 .grey-item img{
	margin-right: 16px;
}

@media screen and (max-width: 1279px) {
    .page387 .grey-bl h2 {
	    text-align: left;
	    margin-bottom: 35px;
	}
	.page387 .grey-item {
	    width: calc(100% /2);
	}
	.page387 .grey-item:nth-child(n+3) {
	    margin-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	.page387 .grey-item {
	    width: 48%;
	    padding: 0 5px;
	}
	.page387 .grey-bl {
	    padding: 30px 15px 45px;
	}
	.page387 .grey-wrapper {
	    justify-content: space-between;
	}
}

@media screen and (max-width: 600px) {
	.page387 .grey-item {
	    width: 100%;
	    padding: 0 5px;
	}
	.page387 .grey-item:nth-child(n+2) {
	    margin-top: 30px;
	}
	.page387 .grey-bl{
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 480px) {
	.page387 .grey-item img {
	    margin-right: 16px;
	    max-width: 50px;
	}
	.page387 .grey-item p {
	    margin-bottom: 0;
	    font-size: 16px;
	}
}

.navbar-nav li.nav-item:nth-child(3):after {
    content: '';
    width: 20px;
    height: 12px;
    position: absolute;
    left: -23px;
    color: #fff;
    font-size: 15px;
    top: 7px;
    background: url(/components/com_articles/img/flag.png);
    text-align: center;
    z-index: 2;
    background-size: cover;
}

.page388 .top-wrapper{
	display: flex;
    align-items: center;
    padding: 50px 0;
}
.page388 .error-3 {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    color: red;
    font-weight: 600;
}
.page388 .top-wrapper img {
	max-width: 500px;
    margin-right: 40px;
}

.page388 .top-title h1 {
	color: #000;
}

.page388 .banner_pseudoform .banner_pseudoform-row:first-child, .page388 .banner_pseudoform {
    margin-top: 0;
}
.page388 .paybtn{
    margin-left: 0;
}
.page388 .block-n{
    z-index: 0;
}
@media screen and (max-width: 1279px) {
    .page388 .top-wrapper img{
        max-width: 350px;
        margin-right: 26px;
    }
    .page388 .top-title h1 {
        font-size: 42px;
    }
    .page388 .top-text{
        font-size: 16px;
        line-height: normal;
    }
    .page388 .top-wrapper {
        padding: 20px 0;
    }
    .page388 .paybtn{
        max-width: inherit;
    }
}

@media screen and (max-width: 1023px) {
    .page388 .top-wrapper{
        flex-direction: column;
        align-items: center;
    }
    .page388 .top-wrapper img{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .page388 .pay-s{
        margin-top: 0;
    }
}
@media screen and (max-width: 600px) {
    .page388 .top-title h1 {
        font-size: 30px;
    }
}


@media screen and (min-width: 1279px) {
    .page400 h2:first-child{
    margin-top: 0;
}
}


.page400 .book-place .subtitle {
    margin: 12px 0 20px;
    font-size: 22px;
}
.page400 .book-place{
    height: auto;
}

.page400 h2 {
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 40px;
}
 .page400 .book-place img{
        margin-right: 15px;
        width: 450px;
        max-width: 100%;
        margin-bottom: 10px;
    }
 .page400 .btn-main.second-btn {
    margin: 49px auto 0;
    display: block;
    width: 430px;
    max-width: 80%;
}
@media screen and (max-width: 1679px) {
    .page400 .btn-main.second-btn {
        margin: 30px auto 40px;
    }
}
@media screen and (max-width: 1024px) {
     .page400 .book-place img{
        max-width: 260px;
    }
}
@media screen and (max-width: 767px) {
     .page400 .book-place img{
        max-width: 80%;
    }
}
@media screen and (max-width: 767px) {
    .page400 .book-place p.subtitle{
        font-size: 18px;
        text-align: center;
    }
    .page400 .book-place img{
        display: block;
        margin-right: auto !important;
        margin-left: auto !important;
        float: none !important;
    }
    .page400 h2 {
    margin-top: 20px;
}
}

.pay-form > .usepromo {
    margin: 17px auto;
    background: #5A2D8E;
    border-radius: 16px;
    color: #FFFFFF;
    text-align: center;
    padding: 15px 10px;
    font-size: 20px;
    line-height: 150%;
    display: block;
    width: 340px;
    max-width: 80%;
    border: none;
    cursor: pointer;
}


@media screen and (max-width: 600px) {
.pay-form > .usepromo{
    font-size: 15px;
    padding: 10px;
}
}




.page401 h1{
    color: #FFF;
    text-align: center;
    font-size: 84px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.84px;
    border-radius: 41px;
    background: #ED6F0F;
    box-shadow: 0px 4px 0px 0px #000;
}

.page401 .top-title{
    padding-top: 80px;
}

.page401 .subtitle{
    color: #000;
    text-align: center;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.38px;
    margin: 20px 0 0;
}

.page401 .top-description{
    text-align: center;
}
.page401 #top{
    position: relative;
}
.page401 .wave-line img{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 0;
    bottom: 7%;
}

.page401 .btn-p{
    position: absolute;
    bottom: 38px;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    max-width: 100%;
}

.page401 .top-bg{
    background: url(/components/com_articles/img/high-math/grid.png);
    background-position: center;
    background-size: cover;
}

.page401 .top-description img.girl{
    position: relative;
    z-index: 1;
}

.page401 .list-wrapper{
    padding: 20px 20px 50px;
    border-radius: 20px;
    background: #A86BED;
    box-shadow: 0px 4px 0px 0px #000;
}

.page401 .list-wrapper h2{
    color: #FFF;
    text-align: center;
    text-shadow: #000 0px 4px 0px;
    font-size: 75px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.75px;
    margin-bottom: 30px;
}

.page401 .what, .page401 .whom, .page401 .program, .page401 .start, .page401 .program, .page401 .faq{
    background: url(/components/com_articles/img/high-math/grid.png);
    background-position: center;
    background-size: cover;
}

.page401 .list-item {
    max-width: 1311px;
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 19px;
    background: #FFF;
    margin: 20px auto;
    position: relative;
    padding: 16px 16px 16px 60px;
}

.page401 .list-item span{
    position: absolute;
    left: 19px;
}
.page401 .whom {
    padding: 85px 0 100px;
    margin-top: 3px;
}
.page401 .whom h2{
    color: #FFF;
    text-align: center;
    text-shadow: #000 0px 4px 0px;
    font-size: 84px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.84px;
    background: #ED6F0F;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 17px 0 23px;
}
.page401 .get-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 55px;
}

.page401 .get-item{
    border-radius: 20px;
    background: #ED6F0F;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    width: 48%;
    display: flex;
    align-items: center;
    padding: 31px 45px;
}

.page401 .get-item img{
     max-width: 120px;
     margin-right: 35px;
}
.page401 .get-item:nth-child(n+3){
    margin-top: 50px;
}
.page401 .get-item span{
    display: block;
    font-size: 34px;
    font-weight: 800;
        line-height: 34px;

}

.page401 .get-item p{
    font-size: 24px;
    color: #fff;
    color: #FFF;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.34px;
    margin-bottom: 0;
}

.page401 a.primary{
    margin: 60px auto 0;
    max-width: 500px;
}


.page401 .course-program {
	background: url(/components/com_articles/img/high-math/pogram-bg.png);
	background-position: 0 10px;
    background-size: cover;
}

.page401 .course-program h2{
    text-align: center;
    color: #000;
    font-size: 60px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.6px;
}

.page401 .program-table{
    background: #FFF;
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.59);
}

.page401 .program-number{
    width: 10%;
    padding:  30px;
    border: 5px solid black;
}
.page401 .program-text, .page401 .program-title{
    width: 90%;
    padding: 20px;
    border: 5px solid black;
}

.page401 .program-item{
    display: flex;
}

.page401 .program-wrapper{
    background: #fff;
    padding: 48px 72px;
	box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.59);

}

.page401 .program-text{
	display: flex;
	align-items: center;
	color: #000;
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.25px;
}
.page401 .program-text p{
	margin-bottom: 0;
}
.page401 .program-number {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 50px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.5px;
}
.page401 .program-item:nth-child(n+2) .program-number,
.page401 .program-item:nth-child(n+2) .program-text{
	border-top: 0;
}
.page401 .program-item .program-text, .page401 .program-item .program-title{
	border-left: 0;
	padding-right: 5px;
}
.page401 .program-title p{
	margin-bottom: 0;
	color: #000;
	text-align: center;
	font-size: 50px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.5px;
}

.page401 .start{
	position: relative;
}

.page401 .start .girl-img{
	position: absolute;
    right: 0;
    bottom: 0;
}

.page401 .start .orange-block{
	border-radius: 25px;
    background: #ED6F0F;
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.59);
    text-align: center;
    max-width: 811px;
    padding: 20px 0;
}
.page401 .start .orange-block p{
	margin-bottom: 0;
}
.page401 .start .orange-block:nth-child(2){
	margin-top: 76px;
}

.page401 .start .orange-block h3{
	color: #FFF;
	text-align: center;
	font-size: 50px;
	font-style: normal;
	font-weight: 800;
	line-height: 143.9%;
	letter-spacing: 0.5px;
}

.page401 .start .orange-block p{
	color: #FFF;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 143.9%;
    letter-spacing: 0.5px;
    border-radius: 11px;
    background: #000;
    display: inline-block;
    padding: 5px 66px;																																												
}

.page401 form{
	position: relative;
	max-width: 890px;
	border-radius: 40px;
    background: #ED6F0F;
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.59);
    margin-top: 76px;
    padding: 30px 73px 60px;
}

.page401 form h4{
	color: #FFF;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: 143.9%;
	letter-spacing: 0.35px;
}

 .page401 .start{
 	padding: 114px 0 80px;
 }

 .page401 form input{
 	border-radius: 29px;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	height: 103px;
	font-size: 35px;
	color: #000;
 }

 .page401 form .input-div:nth-child(n+2){
 	margin-top: 15px;
 }


 .page401 form a.primary{
 	background: #000;
 	border-radius: 29px;
 	max-width: inherit;
 }

 .page401 .faq{
 	padding-bottom: 90px;
 }
 .page401 .faq h2{
 	text-align: center;
 	color: #FFF;
	text-shadow: #000 0px 4px 0px;
	font-size: 53px;
	font-style: normal;
	font-weight: 900;
	line-height: 143.9%;
	letter-spacing: 0.53px;
	background: #A86BED;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	margin-bottom: 0;
	padding: 22px 0;
 }

 .page401 .faq .faq-wrapper{
 	margin-top: 60px;
 }

 .page401 .faq .faq-item{
 	border-radius: 17px;
    background: #D9D9D9;
    padding: 24px 69px;
 }
  .page401 .faq .faq-item p{
  	margin-bottom: 0;
  }
  .page401 .faq .faq-item:nth-child(n+2){
  	margin-top: 16px;
  }  
 .page401 .faq .faq-item strong{
 	display: block;
 }  
.page401 .btn-p{
	z-index: 2;	
	}
 @media screen and (max-width: 1679px) {
 	.page401 h1{
 		font-size: 70px;
 	}
 	.page401 .subtitle{
 		font-size: 33px;
 	}
 	.page401 .list-wrapper h2, .page401 .whom h2{
 		font-size: 67px;
 	}
 	.page401 .get-item span{
 		font-size: 30px;
 	}
 	.page401 .get-item{
 		padding: 31px 21px;
 	}
	.page401 .start {
	    padding: 97px 0 40px;
	}
	.page401 .start .girl-img{
		max-width: 580px;
	}
 }
  @media screen and (max-width: 1479px) {
  	.page401 .top-description img.girl{
  		max-width: 600px;
  	}
	.page401 .start .orange-block:nth-child(2) {
	    margin-top: 50px;
	}
 }
@media screen and (max-width: 1279px) {
	.page401 h1 {
	    font-size: 54px;
	}
	.page401 .subtitle {
	    font-size: 28px;
	}
	.page401 .top-description img.girl {
	    max-width: 400px;
	}
	.page401 .list-wrapper h2, .page401 .whom h2 {
	    font-size: 52px;
	}
	.page401 .get-item {
	    flex-direction: column;
	    align-items: center;
	    text-align: center;
	}
	.page401 .get-item img{
		margin-right: 0;
	}
	.page401 .get-item span {
	    font-size: 26px;
	}
	.page401 .get-item p{
		font-size: 22px;
	}
	.page401 .start .girl-img{
		display: none;
	}
 }

 @media screen and (max-width: 1023px) {
	.page401 .top-title {
	    padding-top: 40px;
	}
	.page401 .course-program h2{
		font-size: 40px;
	}
	.page401 .program-item:nth-child(n+2) {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	.page401 .program-item:first-child .program-number{
		display: none;
	}
	.page401 .program-item:nth-child(n+2) .program-number{
		width: 100%;
	}
	.page401 .program-item:nth-child(n+2) .program-text, .page401 .program-item .program-title{
		width: 100%;
    	border-left: 5px solid #000;
    	padding: 20px 10px;
    	text-align: center;
	}
	.page401 .start {
	    padding: 75px 0 24px;
	}
	.page401 .start .orange-block h3, .page401 .start .orange-block p{
		font-size: 38px;
	}
	.page401 form h4{
		font-size: 28px;
	}
	.page401 form {
		margin-top: 50px;
	    padding: 30px 30px 40px;
	}
	.page401 a.primary {
	    margin: 33px auto 0;
	}
	.page401 form input{
		height: 85px;
		font-size: 28px;
	}
	.page401 .faq h2{
		font-size: 42px;
	}
	.page401 .faq .faq-wrapper {
	    margin-top: 45px;
	}
	.page401 .faq .faq-item {
	    border-radius: 17px;
	    background: #D9D9D9;
	    padding: 17px 25px;
	    font-size: 16px;
	    line-height: normal;
	}
	.page401 .faq {
	    padding-bottom: 52px;
	}
 }

  @media screen and (max-width: 767px) {
	.page401 h1 {
	    font-size: 44px;
	}
	.page401 .subtitle {
	    font-size: 21px;
	}
	.page401 .top-description img.girl {
	    max-width: 350px;
	}
	.page401 .btn-p{
		bottom: 7px;
	}
	.page401 .list-wrapper h2, .page401 .whom h2 {
	    font-size: 36px;
	}
	.page401 .get-item img {
	    max-width: 95px;
	    max-height: 100px;
	}
	.page401 .get-item {
	    padding: 20px 12px;
	}
  }

  @media screen and (max-width: 600px) {
	.page401 h1 {
	    font-size: 30px;
	}
	.page401 .subtitle {
	    font-size: 18px;
	}
	.page401 .top-description img.girl {
	    max-width: 195px;
	}
	.page401 a.primary{
		max-width: 288px;
	}
	.page401 .list-wrapper h2{
		margin-bottom: 17px;
	}
	.page401 .list-wrapper h2, .page401 .whom h2 {
	    font-size: 31px;
	}
	.page401 .list-wrapper {
	    padding: 15px 7px 1px;
	}
	.page401 .list-wrapper .list-item p{
		font-size: 18px;
	}
	.page401 .list-item {
	    padding: 9px 9px 9px 48px;
	    margin: 8px auto;
	}
	.page401 .whom {
	    padding: 34px 0 36px;
	}
	.page401 .get-wrapper{
		margin-top: 29px;
	}
	.page401 .get-item {
	    padding: 10px 6px;
	    width: 100%;
	}
	.page401 .get-item:nth-child(n+2) {
	    margin-top: 20px;
	}
	.page401 .get-item span {
	    font-size: 20px;
	    line-height: normal;
	}
	.page401 .get-item p {
	    font-size: 18px;
	}
	.page401 .get-item img {
	    max-width: 72px;
	    max-height: 60px;
	}
	.page401 .program-wrapper {
	    padding: 20px 10px;
	}
	.page401 .course-program h2 {
	    font-size: 28px;
	    margin-bottom: 10px;
	}
	.page401 .program-item:nth-child(n+2) .program-text, .page401 .program-item .program-title {
	    padding: 7px 5px;
	}
	.page401 .program-title p{
		font-size: 30px;
	}
	.page401 .program-number{
		font-size: 30px;
	}
	.page401 .program-number{
		padding: 10px;
	}
	.page401 .program-text p{
		font-size: 18px;
	}
	.page401 .start {
	    padding: 45px 0 20px;
	}
	.page401 .start .orange-block h3, .page401 .start .orange-block p {
	    font-size: 26px;
	}
	.page401 .start .orange-block p {
	    padding: 5px 12px;
	}
	.page401 .start .orange-block:nth-child(2) {
	    margin-top: 25px;
	}
	.page401 form {
	    margin-top: 30px;
	}
	.page401 form {
	    margin-top: 30px;
	    padding: 15px 8px 24px;
	}
	.page401 form h4 {
	    font-size: 20px;
	}
	.page401 form input {
	    height: 58px;
	    font-size: 20px;
	}
	.page401 form a.primary {
	    margin: 24px auto 0;
	}
	.page401 .faq h2 {
	    font-size: 23px;
	}
	.page401 .faq .faq-wrapper {
	    margin-top: 20px;
	}
  }


  .page405 h1{
    color: #FFF;
    text-align: center;
    font-size: 42px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.84px;
    border-radius: 41px;
    background: #ED6F0F;
    box-shadow: 0px 4px 0px 0px #000;
    max-width: 905px;
    margin: 0 auto;
    padding: 7px 0px;
}
.page405 .purple-section{
	background: #A86BED;
    max-width: 1426px;
    margin: 0 auto;
    padding: 40px 40px;
    border-radius: 40px;
    margin-bottom: 80px;
    text-align: center;
    line-height: normal;
}
.page405 .purple-section p {
	color: #fff;
	font-size: 22px;
	margin-bottom: 0;
}
.page405 .top-title{
    padding-top: 80px;
}

.page405 .subtitle{
    color: #000;
    text-align: center;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.38px;
    margin: 20px 0 0;
}

.page405 .top-description{
    text-align: center;
}
.page405 #top{
    position: relative;
}
.page405 .wave-line img{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 0;
    bottom: 7%;
}

.page405 .btn-p{
    position: absolute;
    bottom: 38px;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    max-width: 100%;
}

.page405 .top-bg{
    background: url(/components/com_articles/img/high-math/grid.png);
    background-position: center;
    background-size: cover;
}

.page405 .top-description img.girl{
    position: relative;
    z-index: 1;
}

.page405 .list-wrapper{
    padding: 20px 20px 50px;
    border-radius: 20px;
    background: #A86BED;
    box-shadow: 0px 4px 0px 0px #000;
}

.page405 .list-wrapper h2{
    color: #FFF;
    text-align: center;
    text-shadow: #000 0px 4px 0px;
    font-size: 75px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.75px;
    margin-bottom: 30px;
}

.page405 .what, .page405 .whom, .page405 .program, .page405 .start, .page405 .program, .page405 .faq{
    background: url(/components/com_articles/img/high-math/grid.png);
    background-position: center;
    background-size: cover;
}

.page405 .list-item {
    max-width: 1311px;
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 19px;
    background: #FFF;
    margin: 20px auto;
    position: relative;
    padding: 16px 16px 16px 60px;
}

.page405 .list-item span{
    position: absolute;
    left: 19px;
}
.page405 .whom {
    padding: 85px 0 100px;
    margin-top: 3px;
}
.page405 .whom h2{
    color: #FFF;
    text-align: center;
    text-shadow: #000 0px 4px 0px;
    font-size: 84px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.84px;
    background: #ED6F0F;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 17px 0 23px;
}
.page405 .get-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 55px;
}

.page405 .get-item{
    border-radius: 20px;
    background: #ED6F0F;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    width: 48%;
    display: flex;
    align-items: center;
    padding: 31px 45px;
}

.page405 .get-item img{
     max-width: 120px;
     margin-right: 35px;
}
.page405 .get-item:nth-child(n+3){
    margin-top: 50px;
}
.page405 .get-item span{
    display: block;
    font-size: 30px;
    font-weight: 800;
        line-height: 34px;

}

.page405 .get-item p{
    font-size: 24px;
    color: #fff;
    color: #FFF;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.34px;
    margin-bottom: 0;
}
.page405 .get-bonus {
	border-radius: 20px;
    background: #ED6F0F;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    width: 100%;
    display: block;
    padding: 31px 45px;
    margin-top: 60px;
}
.page405 .get-bonus p {
	color: #fff;
    font-size: 28px;
    font-weight: 800;
    margin: 15px 0;
    line-height: normal;
}
.page405 a.primary{
    margin: 60px auto 0;
    max-width: 500px;
}


.page405 .programs{
	padding: 80px 0;
	background-color: #7d41ff;
	position: relative;
}
.page405 .programs .square-3 {
    position: absolute;
    left: 5%;
    top: -76px;
}
.page405 .programs h2{
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	color: #ffffff;
	margin-bottom: 30px;
}
.page405 .owl{
	position: absolute;
    right: 0;
    top: 30%;
}

.page405 .programs-item {
    display: flex;
    max-width: 980px;
}

.page405 .programs-data{
	background: #44a7ff;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	color: #ffffff;
	line-height: normal;
    padding: 23px 30px  0;
    width: 70px;
}
.page405 .programs-info ul{
	margin: 0;
}
.page405 .programs-title{
	cursor: pointer;
	font-size: 23px;
	line-height: 33px;
	font-weight: 700;
	letter-spacing: 0.025em;
	color: #ffffff;
	padding-bottom: 20px;
	
}
.page405 .programs-info{
	position: relative;
	padding: 20px 40px 0;
    border: 10px solid #44a7ff;
	flex-grow: 1;
}
.page405 .programs-title.openi:after {
	top: 29px;
    position: absolute;
    right: 45px;
    content: '';
    position: absolute;
    display: block !important;
    width: 24px;
    height: 24px;
    background: url(/images/arrow-down.png);
    transform: rotate(
0deg
);
    transition: all .3s;
}
.page405 .programs-title.intro:after {
    transform: rotate(
180deg
);
    transition: all .3s;
}
.page405 .programs-info ul{
	list-style: none;
}
.page405 .accordion-body{
	margin: 0;
	display: none;
}
.page405 .program-subtitle{
	color: #fff;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 25px;
    line-height: normal;
}
.page405 .programs-item:first-child .accordion-body{
	display: block;
}
.page405 .programs-info ul.in{
	height: auto;
    padding-left: 20px;
    margin-left: 0px;
    margin-top: 0;
}
.page405 .programs-info ul li{
	position: relative;
    font-size: 23px;
    line-height: normal;
    font-weight: 500;
    letter-spacing: 0.025em;
    color: #ffffff;
    padding-left: 45px;
	margin-top: 12px;
	padding-bottom: 10px;
}
.page405 .programs-info ul li:before{
	content: '';
    position: absolute;
    display: block !important;
    width: 17px;
    height: 17px;
    left: 13px;
    top: 11px;
    background: url(/images/teachon-online/tringle.png);
}


.page405 .programs-info ul li.new-icon:before{
	content: '';
    position: absolute;
    display: block !important;
    width: 39px;
    height: 39px;
	left: 0px;
    top: -4px;
    background: url(/images/teachon-online/new/new-icon.png);
}
.page405 .programs-info.orange{
	background: #ff961f;
}
.page405 .programs-info.orange ul li:before{
	content: '';
    background: url(/images/teachon-online/new/check-p.png);
}
.page405 .program-wrapper{
	max-width: 980px;
	margin: 0 auto;
}
.page405 .program-wrapper .primary-orange{
	display: block;
	width: 412px;
	margin-left: 0;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #ffffff;
	background: #ff6447;
	text-align: center;
    line-height: normal;
    padding: 21px 0;
    border-radius: 10px;
	margin-top: 40px;
}

.page405 .start{
	position: relative;
}

.page405 .start .girl-img{
	position: absolute;
    right: 0;
    bottom: 0;
    max-width: 604px;
}

.page405 .start .orange-block{
	border-radius: 25px;
    background: #ED6F0F;
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.59);
    text-align: center;
    max-width: 811px;
    padding: 20px 0;
}
.page405 .start .orange-block p{
	margin-bottom: 0;
}
.page405 .start .orange-block:nth-child(2){
	margin-top: 76px;
}

.page405 .start .orange-block h3{
	color: #FFF;
	text-align: center;
	font-size: 50px;
	font-style: normal;
	font-weight: 800;
	line-height: 143.9%;
	letter-spacing: 0.5px;
}

.page405 .start .orange-block p{
	color: #FFF;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 143.9%;
    letter-spacing: 0.5px;
    border-radius: 11px;
    background: #000;
    display: inline-block;
    padding: 5px 66px;																																												
}

.page405 form{
	position: relative;
	left: 10%;
	max-width: 890px;
	border-radius: 40px;
    background: #ED6F0F;
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.59);
    margin-top: 76px;
    padding: 30px 73px 60px;
}

.page405 form h4{
	color: #FFF;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: 143.9%;
	letter-spacing: 0.35px;
}

 .page405 .start{
 	padding: 114px 0 80px;
 }

 .page405 form input{
 	border-radius: 29px;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	height: 103px;
	font-size: 35px;
	color: #000;
 }

 .page405 form .input-div:nth-child(n+2){
 	margin-top: 15px;
 }


 .page405 form a.primary{
 	background: #000;
 	border-radius: 29px;
 	max-width: inherit;
 }

 .page405 .faq{
 	padding-bottom: 90px;
 }
 .page405 .faq h2{
 	text-align: center;
 	color: #FFF;
	text-shadow: #000 0px 4px 0px;
	font-size: 53px;
	font-style: normal;
	font-weight: 900;
	line-height: 143.9%;
	letter-spacing: 0.53px;
	background: #A86BED;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	margin-bottom: 0;
	padding: 22px 0;
 }

 .page405 .faq .faq-wrapper{
 	margin-top: 60px;
 }

 .page405 .faq .faq-item{
 	border-radius: 17px;
    background: #D9D9D9;
    padding: 24px 69px;
 }
  .page405 .faq .faq-item p{
  	margin-bottom: 0;
  }
  .page405 .faq .faq-item:nth-child(n+2){
  	margin-top: 16px;
  }  
 .page405 .faq .faq-item strong{
 	display: block;
 }  
.page405 .btn-p{
	z-index: 2;	
	}
 @media screen and (max-width: 1679px) {
 	.page405 h1{
 		font-size: 40px;
 	}
 	.page405 .subtitle {
	    font-size: 30px;
	}
 	.page405 .list-wrapper h2, .page405 .whom h2{
 		font-size: 67px;
 	}
 	.page405 .get-item span{
 		font-size: 30px;
 	}
 	.page405 .get-item{
 		padding: 31px 21px;
 	}
	.page405 .start {
	    padding: 97px 0 40px;
	}
	.page405 .start .girl-img{
		max-width: 580px;
	}
	.page405 form{left: 0px;}
 }
  @media screen and (max-width: 1479px) {
  	.page405 .top-description img.girl{
  		max-width: 600px;
  	}
	.page405 .start .orange-block:nth-child(2) {
	    margin-top: 50px;
	}
 }
@media screen and (max-width: 1279px) {
	.page405 h1 {
	    font-size: 40px;
	}
	.page405 .subtitle {
	    font-size: 28px;
	}
	.page405 .top-description img.girl {
	    max-width: 400px;
	}
	.page405 .list-wrapper h2, .page405 .whom h2 {
	    font-size: 52px;
	}
	.page405 .get-item {
	    flex-direction: column;
	    align-items: center;
	    text-align: center;
	}
	.page405 .get-item img{
		margin-right: 0;
	}
	.page405 .get-item span {
	    font-size: 26px;
	}
	.page405 .get-item p{
		font-size: 22px;
	}
	.page405 .start .girl-img{
		display: none;
	}
	.page405 form{
		margin-top: 0;
	}
 }

 @media screen and (max-width: 1023px) {
	.page405 .top-title {
	    padding-top: 40px;
	}
	.page405 .course-program h2{
		font-size: 40px;
	}
	.page405 .program-item:nth-child(n+2) {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	.page405 .program-item:first-child .program-number{
		display: none;
	}
	.page405 .program-item:nth-child(n+2) .program-number{
		width: 100%;
	}
	.page405 .program-item:nth-child(n+2) .program-text, .page405 .program-item .program-title{
		width: 100%;
    	border-left: 5px solid #000;
    	padding: 20px 10px;
    	text-align: center;
	}
	.page405 .programs-title.openi:after{
		right: 10px;
	}
	.page405 .start {
	    padding: 75px 0 24px;
	}
	.page405 .start .orange-block h3, .page405 .start .orange-block p{
		font-size: 38px;
	}
	.page405 form h4{
		font-size: 28px;
	}
	.page405 form {
		margin-top: 50px;
	    padding: 30px 30px 40px;
	}
	.page405 a.primary {
	    margin: 33px auto 0;
	}
	.page405 form input{
		height: 85px;
		font-size: 28px;
	}
	.page405 .faq h2{
		font-size: 42px;
	}
	.page405 .faq .faq-wrapper {
	    margin-top: 45px;
	}
	.page405 .faq .faq-item {
	    border-radius: 17px;
	    background: #D9D9D9;
	    padding: 17px 25px;
	    font-size: 16px;
	    line-height: normal;
	}
	.page405 .faq {
	    padding-bottom: 52px;
	}
	.page405 .programs .square-3{
		display: none;
	}
 }

  @media screen and (max-width: 767px) {
	.page405 .subtitle {
	    font-size: 21px;
	}
	.page405 .top-description img.girl {
	    max-width: 350px;
	}
	.page405 .btn-p{
		bottom: 7px;
	}
	.page405 .list-wrapper h2, .page405 .whom h2 {
	    font-size: 36px;
	}
	.page405 .get-item img {
	    max-width: 95px;
	    max-height: 100px;
	}
	.page405 .get-item {
	    padding: 20px 12px;
	}
	.page405 .programs-info {
	    width: 100%;
	    padding: 10px 40px 10px 13px;
	}
	.page405 .owl{
		display: none;
	}
	.page405 .get-bonus {
	    padding: 14px 15px;
	    margin-top: 30px;
	    font-size: 20px;
	}
  }

  @media screen and (max-width: 600px) {
	.page405 h1 {
	    font-size: 21px;
	    padding: 14px 10px 10px;
	}
	.page405 .subtitle {
	    font-size: 18px;
	}
	.page405 .top-description img.girl {
	    max-width: 195px;
	}
	.page405 a.primary{
		max-width: 288px;
	}
	.page405 .list-wrapper h2{
		margin-bottom: 17px;
	}
	.page405 .list-wrapper h2, .page405 .whom h2 {
	    font-size: 31px;
	}
	.page405 .list-wrapper {
	    padding: 15px 7px 1px;
	}
	.page405 .list-wrapper .list-item p{
		font-size: 18px;
	}
	.page405 .list-item {
	    padding: 9px 9px 9px 48px;
	    margin: 8px auto;
	}
	.page405 .whom {
	    padding: 34px 0 36px;
	}
	.page405 .get-wrapper{
		margin-top: 29px;
	}
	.page405 .get-item {
	    padding: 10px 6px;
	    width: 100%;
	}
	.page405 .get-item:nth-child(n+2) {
	    margin-top: 20px;
	}
	.page405 .get-item span {
	    font-size: 20px;
	    line-height: normal;
	}
	.page405 .get-item p {
	    font-size: 18px;
	}
	.page405 .get-item img {
	    max-width: 72px;
	    max-height: 60px;
	}
	.page405 .program-wrapper {
	    padding: 20px 10px;
	}
	.page405 .course-program h2 {
	    font-size: 28px;
	    margin-bottom: 10px;
	}
	.page405 .program-item:nth-child(n+2) .program-text, .page405 .program-item .program-title {
	    padding: 7px 5px;
	}
	.page405 .program-title p{
		font-size: 30px;
	}
	.page405 .program-number{
		font-size: 30px;
	}
	.page405 .program-number{
		padding: 10px;
	}
	.page405 .program-text p{
		font-size: 18px;
	}
	.page405 .programs-info ul{
		padding-left: 0;
	}
	.page405 .start {
	    padding: 45px 0 20px;
	}
	.page405 .start .orange-block h3, .page405 .start .orange-block p {
	    font-size: 26px;
	}
	.page405 .start .orange-block p {
	    padding: 5px 12px;
	}
	.page405 .start .orange-block:nth-child(2) {
	    margin-top: 25px;
	}
	.page405 form {
	    margin-top: 30px;
	}
	.page405 form {
	    margin-top: 30px;
	    padding: 15px 8px 24px;
	}
	.page405 form h4 {
	    font-size: 20px;
	}
	.page405 form input {
	    height: 58px;
	    font-size: 20px;
	}
	.page405 form a.primary {
	    margin: 24px auto 0;
	}
	.page405 .faq h2 {
	    font-size: 23px;
	}
	.page405 .faq .faq-wrapper {
	    margin-top: 20px;
	}
	.page405 .programs-title {
		font-size: 23px;
		line-height: normal;
	}
	.page405 .programs-info ul{
		margin-left: 0;
	}
	.page405 .programs-data {
		font-size: 30px;
		color: #ffffff;
		padding: 20px 10px 0;
		margin-right: -1px;
	}
	.page405 .programs-info ul li {
		font-size: 23px;
	}
	.page405 .programs-info ul li:before{
		top: 10px;
	}
	.page405 .purple-section{
		padding: 28px 25px;
	}
	.page405 .purple-section p{
		font-size: 18px;
	}
  }

	@media screen and (max-width: 480px) {
	.page405 .purple-section {
	    padding: 10px 10px;
	}
	.page405 .purple-section p {
	    font-size: 16px;
	}
	.page405 .programs {
		padding: 35px 0;
	}
	.page405 .programs h2 {
		font-size: 29px;
		line-height: normal;
	}
	.page405 .programs-item:nth-child(2) {
		margin: 18px auto 0;
	}
	.page405 .programs-info {
		padding: 10px 6px 10px;
	}
	.page405 .programs-item{
		flex-direction: column;
	}
	.page405 .programs-data{
		width: 100%;
		text-align: center;
    	padding: 10px;
		margin-bottom: -1px;
	}
	.page405 .programs-info ul li {
		font-size: 20px;
		padding-left: 28px;
	}
	.page405 .programs-title {
		font-size: 20px;
		line-height: normal;
	}
	.page405 .programs-info ul li:before {
		top: 7px;
	}
	.page405 .program-wrapper .primary-orange {
		width: 290px;
		font-size: 19px;
		margin-top: 28px;
	}
	.page405 .programs-info ul li:before{
		left: 2px;
	}
	.page405 .programs-title.openi:after{
		width: 20px;
		height: 20px;
		right: 5px;
		background-size: contain;
	}
	.page405 .programs-title{
		padding-right: 20px;
	}
	.page405 .get-bonus {
	    padding: 4px 15px 10px;
	    margin-top: 30px;
	}
	.page405 .get-bonus p{
		margin: 10px 0;
		font-size: 16px;
	}
	.page405 .programs h2 {
	    font-size: 23px;
	    margin-bottom: 10px;
	}
	.page405 .programs {
	    padding: 10px 0;
	}
}



.referal-fixed-block{
	    position: fixed;
    top: auto;
    color: #fff;
    background: #fff;
    border-radius: 20px;
    padding: 10px 5px;
    right: 0;
    bottom: 54px;
    z-index: 999;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 600;
}

.referal-fixed-block .referal-fixed-block-title{
	font-size: 19px;
    max-width: 100%;
    width: 360px;
    text-align: center;
    line-height: normal;
    margin: 0px auto 14px;
}
.referal-fixed-block .btn{
    width: 400px;
    text-align: center;
    line-height: normal;
    margin: 0 auto;
    padding: 9px 10px;
    max-width: 300px;
    font-size: 20px;
}

@media screen and (max-width: 600px) {
	.referal-fixed-block .btn {
	    width: 209px;
	    padding: 9px 10px;
	    max-width: 300px;
	    font-size: 14px;
	}
	.referal-fixed-block .referal-fixed-block-title {
	    font-size: 12px;
	    max-width: 100%;
	    width: 200px;
	    margin: 0px auto 8px;
	}
	.referal-fixed-block{
		bottom: 88px;
	}
}

.form-error{
	display: none;
    color: #d10c0c;
    text-align: center;
    margin-bottom: -10px;
    margin-top: 20px;
    font-weight: 600;
}

.name-error{
	margin-bottom: 0;
}

.form-row iframe{
	min-height: 617px;
	margin-top: -30px;
	margin-left: -15px;
	margin-right: -15px;
    margin-bottom: -30px;
}
.hl_wrapper--inner{
	padding-top: 0;
}
.form-builder--wrap{
	background-color: #fff !important;
}
@media screen and (max-width: 1579px) {
	.form-row iframe {
	    min-height: 521px;
	}
}
@media screen and (max-width: 1023px) {
	.form-row iframe {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
	}
}