/* Start:/local/templates/main/css/styles.css?175039160022925*/
/*Общие стили*/

h1.course-header-title{
    font-size: 60px;
}
.btn {
    font-size:16px;
}

#main-screen{
    position: relative;
}
.left-sidebar{
    padding-right: 150px;
}
.card-header-dws p {
    font-size: 1em;
    /*font-weight: 600;*/
}
h3{
    text-transform: unset;
}
p.subtitle {
    letter-spacing: 4px;
    color: gray;
    font-weight: 300;
    font-size: 1em;
}
.bottom-subtitle{
    font-weight: 300;
}

.btn-black-outline{
    padding: 15px 35px;
    /*text-transform: uppercase;*/
    font-weight: 300;
}

.left-sidebar p{
    font-weight: 300 !important;
    /*font-size: 14px !important;*/
    width: 300px;
}

.text {
    color: #272727;
    line-height: 18px;
}
.text b{
    color: #282828;
}
.mobile{
    display: none;
}
.mobile-flex{
    display: none;
}
.icon-dws-arrow{
    height: 10px;
    margin-left: 10px;
    margin-top: -3px;
    filter: brightness(2.5);
}
.arrow-black{
    filter: unset;
    height: 12px;
    margin-top: -4px;
}
#edu-center .btn-black-outline{
    padding: 15px 25px;
}
.white-round-text{
    top: 26px;
}

.white-round-text img{
    width: 350px;
}
.black-round-text{
    margin-top: 30px !important;
    margin-left: 60px;
}

.black-round-text img{
    width: 550px;
}

#calendar-main, #courses-index{
    overflow: hidden;
}
.rotating-bg.word-rotator-words{
    margin-left: 5px;
}
.course-card .person-info img{
    margin-right: 5px;
}

/*Конец общих стилей*/

/*Первый экран(не путать с учебнЫЕ центры)*/
#main-screen{
    background: url(/local/templates/main/img/main-page/main-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 720px;
    display: grid;
    place-content: center;
    background-color: #fff;
    margin: 0 !important;
}

.main-screen-box, .edu-center-box{
    max-width: 1440px;
    margin: 0 auto !important;
}
.round-text-item{
    font-size: 18px;
    paint-order: stroke;
    stroke: #000000;
    stroke-width: 1px;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    font-weight: 800;
    fill: #fff0;
}


#main-screen{
    height: 750px;
    display: grid;
    place-content: center;
}
.subtitle{
    margin: 0;
}
.round-text{
    position: absolute;
    right: 240px;
    z-index: 999;
}
#main-screen .text{
    width:50%
}
#main-screen .round-text{
    top: 60px;
    z-index:5;
}
#callback-block .round-text{
    top: -155px;
    right: 0;
    z-index: 1;
}
#main-screen .container{
    position:relative;
    z-index:10;
}
.index-title{
    font-size: 150px;
    line-height: 140px;
    font-family: 'Golos-Bold';
    margin-top: 40px;
}
.rotating-bg{
    background-color: #282828;
    /*padding: 0px 30px;*/
    color: #fff;
    font-weight: 300;
}
.rotating-bg.word-rotator-words {
    text-align:center;
}
.rotating-bg b {
    padding:0px 10px;
}
.full-height img{
    height: 100%;
}
.full-height{
    overflow: hidden;
}
section {
    margin: 60px 0;
}
/*Конец первого экрана*/

/*Учебные центры - начало*/
#edu-center{
    background: #fff;
    position: relative;
}
.edu-photo{
    height: 700px;
    overflow: hidden;
}
#edu-center .right-logo{
    top: 0;
}

#edu-center .places-desktop-slider{
    overflow: hidden;
    margin-right: -70px;
}
#edu-center .places-desktop-slider{
    display: flex;
}
#edu-center .places-desktop-slider .slick-slide{
    opacity: 0;
}
#edu-center .places-desktop-slider.slick-initialized .slick-slide{
    opacity: 1;
}
.places-desktop-arrows{
    display: grid;
    place-content: center;
    margin-right: 20px;
}
.prev-places-desktop-btn {
    transform: rotate(180deg);
    margin-bottom: 10px;
}

.places-desktop-arrows img{
    height: 50px;
    display: grid;
}
.full-height, .part-height{
    position: relative;
}
.full-height .hover-overlay{
    height: 99.7%;
}

.hover-overlay{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}
.content-overlay{
    display: none;
    place-content: center;
    height: 100%;
}
.subtitle-overlay{
    position: absolute;
    display: none;
    color: #fff;
    float: right;
    width: 300px;
    line-height: 15px;
    padding-top: 20px;
    right: 30px;
    text-align: right;
}
.part-height .subtitle-overlay{
    top: unset;
    bottom: 0;
}
.full-height:hover .hover-overlay{
    padding-right: 12px;
}
.part-height:hover .hover-overlay{
    padding-bottom: 12px !important;
}
.full-height:hover .hover-overlay, .part-height:hover .hover-overlay{
    background: #000000a6;
}
.full-height:hover .content-overlay, .part-height:hover .content-overlay{
    display: grid;
}
.full-height:hover .subtitle-overlay, .part-height:hover .subtitle-overlay{
    display: block;
}
.margin-bottom-10{
    margin-bottom: 10px;
}
.slick-places-index{
    width: 100vw;
}
.right-logo {
    height: 2530px;
    position: absolute;
    right: 0;
    top: -8%;
}
span.place-city {
    position: absolute;
    padding: 5px 10px;
    background: #282828;
    color: #fff;
    font-size: 14px;
}
.full-height .place-city{
    bottom: 2px;
    right: 0;
}

.part-height:nth-child(1) .place-city{
    top: 0;
    left: 0;
}
.part-height:nth-child(2) .place-city{
    top: 0;
    right: 0;
}
@media(max-width: 767px){
    .edu-photo .row img {
        margin: 10px 0;
    }
}
@media (min-width: 767px){
    #edu-center .col-md-8{
        display: flex;
        margin-left: -70px;
    }
}
/*Учебные центры - конец*/

/*Отзывы от лекторов - начало*/
.testimonial-block .row .col-md-6{
    padding-right: 0;
}
.testimonial-block{
    overflow: hidden;
    height: 500px;
    margin-bottom: 60px;
    padding-top: 150px;

}
.slick-testimonial-index{
    padding-right: 0;
}
div.testimotial-card {
    padding: 40px;
    background: linear-gradient(130deg, transparent 15px, #fff 0);
    margin: 20px 10px;
    position: relative;
}
.person-info{
    display: flex !important;
}
.person-info img{
    margin-left: 5px;
}
.testimotial-card p{
    font-size: 12px;
    line-height: 15px;
    color: gray;
}
.testimotial-card p b, p.apostrafs {
    color: #282828;
}
p.apostrafs {
    position: absolute;
    top: 20px;
    font-size: 176px;
    font-weight: 600;
    letter-spacing: -14px;
    right: 30px;
}
#lectors-testimonial {
    background: #f0edec;
    padding: 60px 0;
    margin-bottom: 0;
    z-index: 999;
    position: relative;
    overflow: hidden;
}
#lectors-testimonial .testimonial-block {
    display: grid;
    place-content: center;
}

.person-info img{
    height: 50px;
}
.person-info span p{
    display: inline-flex;
}
.testimonial-arrows{
    z-index: 1010;
}
.main-reviews-slider .slick-slide a img{
    width:100%;
}
.reviews-arrows{
    place-content: center;
    display: grid;
}
.reviews-arrows img{
    height: 50px;
    display: grid;
}
.main-youtube-reviews .reviews-slider-item{
    margin: 0 10px;
    width: 300px;
}
.main-youtube-reviews{
    display:flex;
    width: 100vw;
}

#lectors-testimonial .left-sidebar p{
    color:#272727;
}
.main-reviews-slider a img {
    height: 533px;
}

#lectors-testimonial .main-reviews-slider{
    display: flex;
    height: 533px;
}
#lectors-testimonial .main-reviews-slider .slick-slide{
    opacity: 0;
}
#lectors-testimonial .main-reviews-slider.slick-initialized .slick-slide{
    opacity: 1;
}
.main-youtube-reviews .reviews-slider-item{
    position: relative;
}

/*Отзывы от лекторов - конец*/

/*Курсы - начало*/


/* замена текста кнопки при наведениии
(добавить смену контента под текст кнопки)
.btn-black-outline:hover::before{
    background: #2c2b2a;
    content: "";
    color: #fff;
    padding-top: 8px;
}*/
#courses-index{
    background: #f0edec;
    padding: 60px 0;
    margin: 0;
    position: relative;
    z-index: 999;
}
.icon-dws{
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
}
.slick-courses-index{
    display: flex;
}
.courses-filter{
    display: -webkit-inline-box;
    margin: 20px 0;
}
.courses-filter .text{
    padding-top: 18px;
    margin-left: 10px;
    font-size: 12px;
}
.slick-courses-index .card-header-dws{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 20px;
}

.card-body-dws .course-lector-invite.popup-youtube{
    font-size: 12px;
}
.card-body-dws p {
    font-size: 11px;
    line-height: 16px;
    height: 83px;
    overflow: hidden;
}

.course-card {
    margin: 0 10px;
    background: #fff;
    padding-top: 20px;
    background: linear-gradient(40deg, transparent 35px, #fff 0);
    width: 300px;
}
.course-lector-invite img{
    margin: 0 auto;
}
.courses-arrows{
    place-content: center;
    display: grid;
}
.courses-arrows img{
    height: 50px;
    display: grid;
}
#courses-index .col-md-8{
    display: flex !important;
}
.slick-courses-index{
    width: 100vw;
}
.course-card .person-info{
    float: right;
    margin-right: 45px;
    display: flex;
}
.course-card .person-info span p{
    font-size: 1em;
    text-align: right;
}

.card-img img{
    width: 100% !important;
}
.card-header-dws span {
    display: flex;
}
.card-body-dws {
    padding: 10px 20px;
    padding-top: 30px;
}
.slick-courses-index{
    margin-left: 20px;
}
.prev-courses-btn{
    transform: rotate(180deg);
    margin-bottom: 10px;
}

.card-body-dws .subtitle{
    font-size: 1em;
    letter-spacing: 3px;
    padding-bottom: 5px;
}



/*Курсы - конец*/



/*Блок с бэкграундом - начало*/
#callback-block{
    height: 360px;
    background: url(/local/templates/main/img/dws-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0;
    display: grid;
    place-content: center;
    position: relative;
}

.container-callback{
    display: grid;
    width: 100vw;
    max-width: 1440px;
    padding: 0;
    z-index: 1002;
}

.container-callback .btn-black-outline {
    padding: 15px 55px;
    height: 55px;
    right: 5px;
    width: 350px;
    margin: 0 auto;
}

.callback-box{
    display: grid;
    place-content: center;
    position: relative;
}
#callback-block .round-text{
    filter: invert(1);
}
.btn-white {
    background: #fff;
    color: #000;
}
.btn-white::before {
    border: 1px solid #ffffff;
}
.callback-logo{
    width: 100%;
    z-index: 2;
}
.callback-box .container{
    padding: 0;
}
.callback-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    background: #04040494;
}

/*Блок с бэкграундом - конец*/

/*Форма обратной связи - начало*/
#callback-form-block{
    background: url(/local/templates/main/img/callback-form-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 220px 0;
    background-position-x: 1px;
    margin: 0;
    padding-bottom: 180px;
    position: relative;
}
#callback-form-block form{
    z-index: 999;
}
.d-background{
    position: absolute;
    right: 250px;
    top: 100px;
}
.padding-top-20{
    padding-top: 20px;
}
.form-footer{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.index-form-input input {
    border: 0;
    border-bottom: 1px solid #0000002e;
    margin-bottom: 20px;
    width: 100%;
    color: #000;
    background: transparent;
}
#callback-form-block .res_ok{
    font-size: 70px;
    color: #000;
    margin-top: 40px;
}
.callback-form .footer-form{
    margin-top: 50px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

input[name='name']{
    padding-left: 50px;
}

input[name='spec']{
    padding-left: 125px;
}

input[name='email']{
    padding-left: 60px;
}
input[name='phone']{
    padding-left: 75px;
}

textarea[name='message']{
    width: 100%;
    background: #fff0;
    border: unset;
}
.index-form-input span {
    position: absolute;
}

#callback-form-block .text{
    color: #282828;
    font-family: 'Golos-Bold';
}
.accept-data-box {
    display: flex;
}
.accept-data-box label{
    margin-left: 10px;
    line-height: 14px;
    font-family: 'Golos-Regular';
}

input:focus-visible, input:focus{
    border: unset;
    border-bottom: 1px solid black;
}
textarea:focus-visible, textarea:focus{
    border: unset;
}
input, textarea {
    outline: none;
}

.index-form-textarea{
    padding-left: 100px;
    width: 100%;
}
span.error {
    color: red;
}


.callback-form .form-textarea-box{
    border: 0;
    border-bottom: 1px solid #0000002e;
    margin-bottom: 20px;
    width: 100%;
    color: #000;
    background: transparent;
}

/*Форма обратной связи - конец*/


/*Модальное окно календарь - начало */
.calendar-modal {
    background: #f0edec;
    margin: 0 auto;
    width:160px;
    position:fixed;
    z-index:41;
    top: 0;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
    box-shadow:0 0 10px rgba(0,0,0,0.4);
    min-width: 100vw;
    min-height: 100vh;
    height: 100vh;
    overflow-y: auto;
}
.calendar-modal .courses{
    padding-top: 0;
}

.calendar-modal-box {
    width: 100%;
    height: 100%;
    position: absolute;
    display:none;
    background-color: rgba(22,22,22,0.5);
}

.calendar-modal-header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    padding: 30px;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 999;

}
.calendar-modal-header .date {
    font-family: 'Golos-Black';
    font-size: 24px;
}
.calendar-modal-body{
    margin-top: 90px;
    padding: 0;
    padding-top: 15px;
}
.calendar-modal-close{
    font-family: 'Golos-Black';
}

.no-course{
    color: gray !important;
}

/*Модальное окно календарь - конец */

/*Страница площадок - начало*/

.margin-front-10 {
    overflow: hidden;
    display: grid;
    place-content: center;
}
/*Страница площадок - конец*/

/*Адаптивы телефон - начало*/
@media (max-width: 767px){
    #main-screen{
        height: 100%;
        text-align: center;
        padding: 60px 0;
    }
    .subtitle-main{
        order: 2;
        /*display: grid;*/
    }
    .bg-text{
        padding: 5px 0;
        width: 100px;
        margin: 0 auto;
        margin-top: 10px;
    }
    .index-title{
        font-size: 60px;
        line-height: 50px;
    }
    .desktop{
        display: none !important;
    }
    #callback-block .round-text {
        top: -480%;
        right: -30%;
        z-index: 1000;
        max-width: 350px;
    }
    #main-screen .round-text{
        right: -70%;
        top: 40%;
    }
    .mobile{
        display: block;
    }
    .mobile-flex{
        display: flex;
    }
    .edu-mob-text{
        width: 270px;
        margin-bottom: 60px;
        font-size: 1em;
    }
    .left-sidebar p{
        color: #272727;
        margin-bottom: 0;
    }
    #edu-center .slick-places-index img, .testimotial-card {
        margin: 0px;
    }
    #edu-center{
        margin:35px 0px;
    }
    #edu-center .left-sidebar p{
        margin-bottom: 10px;
        width:initial;
    }
    #edu-center .slick-places-index {
        margin: 25px 0 0;
    }
    .edu-photo{
        height: 200px !important;
    }
    .left-sidebar{
        padding: 0;
    }
    .right-logo {
        height: 630px;
        top: 30%;
        z-index: 999;
    }

    .left-sidebar h1, .courses-info h1, .course-header-title{
        text-align: left !important;
        font-size: 36px !important;
    }
    .places-slider-btns, .testimonial-slider-btns, .courses-slider-btns{
        position: relative;
        display: flex;
        justify-content: space-between;
        margin-top: 40px;
        padding: 0 10px 0 5px;
        z-index: 999;

    }
    .places-arrows img, .testimonial-arrows img {
        height: 50px;
        margin: 0 2.5px;
    }
    .prev-places-btn, .prev-testim-btn, .prev-calendar-btn {
        transform: rotate(180deg);
    }
    .slick-places-index img, .testimotial-card {
        margin: 0 5px;
    }
    #lectors-testimonial{
        padding: 35px 0 35px;
    }
    .testimotial-card{
        margin-top: 40px !important;
        margin: 0;
    }
    .courses-slider-btns {
        padding-right: 5px !important;
    }
    .testimonial-slider-btns{
        padding: 0 15px 0 25px;
    }
    #callback-block{
        height: 100%;
        padding: 80px 0;
    }
    .slick-courses-index{
        margin-left: 0px;
    }
    #courses-index .col-md-8{
        display: block !important;
    }
    .card-body-dws h3 {
        font-size: 1em;
    }
    .card-body-dws .course-lector-invite.popup-youtube{
        font-size: 12px;
    }
    .form-footer{
        display: block;
        margin: 0 auto;
    }
    .form-footer .btn{
        width: 300px;
        margin-top: 20px;
    }
    .accept-data-box{
        display: flex;
    }
    .accept-data-box label{
        font-size: 13px;
        line-height: 15px;
        padding-bottom: 40px;
    }
    .footer-form .btn{
        margin-left: 5px;
    }
    div.testimotial-card{
        width: 300px;
    }
    .container-callback .btn-black-outline{
        position: relative;
        margin: 0 auto;
        bottom: 0;
        z-index: 1001;
    }

    .white-round-text{
        margin-top: 70px !important;
        margin-left: 80px;
    }
    .black-round-text{
        max-width: 350px !important;
    }
    .black-round-text img {
        width: 350px;
    }
    div.info {
        justify-content: center !important;
        margin-top: 20px;
        margin-left: -10px;
        margin-right: 10px !important;
    }
    #callback-form-block{
        padding: 120px 0;
    }
    #calendar-main div.row{
        height: unset;
    }
    img.right-logo{
        width: unset;
        right: 0;
        top: 240px;
    }
    .places-wrapper img.right-logo, #place-content img.right-logo{
        display: none !important;
    }
    .callback-form .footer-form{
        display: grid;
    }
    #lectors-testimonial .left-sidebar p{
        width:100%;
    }
    #lectors-testimonial .left-sidebar {
        margin-bottom:20px;
    }
    #callback-form-block input[name='phone']{
        padding-left: 78px;
    }
    #callback-form-block input[name='name'] {
        padding-left: 48px;
    }
}

@media (max-width: 1400px){
    .info{
        margin-right: 0 !important;
    }
    .calendar-footer .info span{
        font-size: 8px;
        margin-right: 0 !important;
    }
    .slick-places-index {
        margin: 110px 0 0;
    }
    .slick-places-index.mobile-flex{
        display: flex;
    }
    .desktop{
        display: none;
    }
    .mob-place-img-small, .mob-place-img{
        position: relative;
        margin-right: 10px;
    }
    .mob-place-img-small img{
        width: 201px;
    }
    .mob-place-img img{
        width: 392px;
    }
    .mob-place-img-small .place-city{
        bottom: 1px;
        right: 5px;
    }
    .mob-place-img .place-city{
        top: 1px;
        left: 5px;
    }
    #edu-center .places-desktop-slider{
        display: none;
    }
    .places-slider-btns.mobile{
        display: flex;
    }
    #edu-center .right-logo{
        width: 70px;
        height: auto;
    }
    .places-arrows img, .testimonial-arrows img {
        height: 50px;
        margin: 0 2.5px;
    }
    .prev-places-btn, .prev-testim-btn, .prev-calendar-btn {
        transform: rotate(180deg);
    }
    .container-callback .btn-black-outline{
        position: inherit;
    }
    .container-callback{
        display: grid;
        place-content: center;
    }
    #callback-block{
        height: 200px;
    }
    #courses-index .courses-arrows{
        display: grid;
    }
    .btn-white-outline{
        padding: 10px 40px;
    }
    .d-background{
        right: 0;
        top: 200px;
        height: 400px;
    }
    .calendar-box{
        padding: 13px;
        margin-left: 0;
    }
    #calendar-main .row{
        height: unset;
    }
    .calendar-modal-box{
        z-index: 2000;
    }
    #main-screen .text{
        width: 100%;
    }
}
/*Адаптивы телефон - конец*/

/*Адаптивы планшет - начало*/
@media (min-width: 767px) and (max-width: 1439px){
    #main-screen .round-text{
        right: 0;
    }
    h1.course-header-title {
        font-size: 40px;
    }
    .left-sidebar{
        padding-right: 0;
    }
    #edu-center .col-md-8{
        margin-left: 0;
    }
    .index-content h1.course-header-title.mobile-header-smaller{
        text-align: left;
        font-size: 30px;
    }
    #callback-block .round-text{
        display: none;
    }
    #edu-center .left-sidebar p, #lectors-testimonial .left-sidebar p{
        width: 200px;
    }
    .index-content .btn-black-outline{
        width: 280px;
    }
    .index-content .index-title{
        font-size: 120px;
        line-height: 100px;
    }
    #courses-index .courses-arrows {
        display: flex;
        position: absolute;
        bottom: 2.5px;
    }
    #courses-index .courses-arrows img{
        margin-right: 5px;
    }
    .slick-courses-index {
        margin-left: 0;
    }
    .modal-box .col-md-6{
        place-content: center;
        display: grid;
        padding-left: 40px;
    }
    .modal-form-box-info{
        padding: 120px 10px;
    }
    .modal-box .course-header-title{
        text-align: left;
        font-size: 46px !important;
    }
    .modal-box .round-text{
        display: none;
    }
    #courses-index{
        padding-bottom: 75px;
    }
    .courses {
        padding-top: 50px;
    }
    .calendar-full-height{
        height: 100% !important;
    }
}


/*Адаптивы планшет - конец*/



/* End */
/* /local/templates/main/css/styles.css?175039160022925 */