/* Start:/local/templates/.default/components/bitrix/news.detail/school/style.css?176699718721001*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}
      /*.wrapper-about_school {max-width: 870px;}*/
      .large-block {width: 437px;height: 434px; float: left;}
      .large-block img {width: 100%;}
      .medium-block {width: 431px;height: 217px;float: right;}
      .medium-block img {width: 100%;}
      .medium-block2 {width: 433px;height: 214px;float: right;}
      .medium-block2 img {width: 100%;}
      .small-block {position: relative;overflow: hidden;z-index: 0;margin: 0.5px;width: 216px; height: 216px; background: rgb(0, 188, 198); float: left;line-height: 217px;text-align: center;font-size: 25px; text-transform: uppercase;color: #fff;}
      .small-block2 {position: relative;overflow: hidden;z-index: 0;margin: 0.5px;width: 220px; height: 214px; background: rgb(0, 188, 198); float: left;line-height: 1.2;text-align: center;font-size: 24px; text-transform: uppercase;color: #fff;}
       .small-block2 div {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);margin: 0;}
      .medium-block_vertical {width: 214px; height: 431px; float: right;}
      .medium-block_vertical img {width: 100%;}
      .video-block {width: 100%;height: 490px;background: gray;}
.video-block iframe {left:50%;}
      .text_under_title { color: rgb(117, 133, 146); }
      .info {width: 100%;background: rgb(20, 182, 196);padding-top: 30px;}
      .info div {display: inline-block; width: 49%;vertical-align: top;position: relative;}
      .info div:nth-child(2n) {width: 44%;margin-left: 40px;}


      .info div:nth-child(2) p:before {content: ""; display:inline-block;position: absolute; left: 27px; width: 36px; height: 50px; background: url("/upload/shools/icons/BKC_schools_medal.png") no-repeat;}
      .info div:nth-child(3) p:before {content: ""; display:inline-block;position: absolute; left: 26px; width: 38px; height: 50px; background: url("/upload/shools/icons/BKC_schools_bookandglobe.png") no-repeat;}
      .info div:nth-child(4) p:before {content: ""; display:inline-block;position: absolute; left: 20px; width: 44px; height: 50px; background: url("/upload/shools/icons/BKC_schools_house.png") no-repeat;}
      .info div:nth-child(5) p:before {content: ""; display:inline-block;position: absolute; left: 22px; width: 43px; height: 50px; background: url("/upload/shools/icons/BKC_schools_openedbook.png") no-repeat;}
      .info div:nth-child(6) p:before {content: ""; display:inline-block;position: absolute; left: 17px; width: 49px; height: 50px; background: url("/upload/shools/icons/BKC_schools_people.png") no-repeat;}
      .info div:nth-child(7) p:before {content: ""; display:inline-block;position: absolute; left: 17px; width: 51px; height: 50px; background: url("/upload/shools/icons/BKC_schools_hat.png") no-repeat;}

      .wrapper-about_school {margin-top: 30px;}

      .info h3 {text-align: center; color: #fff;margin:0 0 25px 0; font-size: 25px;}
      .info p {color: rgb(8, 71, 76);margin-left: 20px; text-align: left;font-size: 20px; padding: 0 40px 0 60px; line-height: 1;}
      .info p span {color: #fff;}
      .ADOS {text-align: right;background: #e5f8f9;margin: 60px 0 20px 0;width: 85%;position: relative;padding: 10px 0;}
      .speech {text-align: left;padding: 25px; font-size: 20px;}
      .speech p {font-size: 15px;line-height: 20px;padding: 0 0 0 20px;margin: 0;width: 74%;}
      .speech p:last-child {color: rgb(0, 188, 198);padding: 0 0 0 20px;}
      .photo {right: -18%;width: 300px;height: 300px;position: absolute;top: -45px;z-index: 1;}
      .photo:before {content: "";display: block;position: absolute;width: 318px;left: -20px;height: 310px;border-radius: 50%;background: #e5f8f9;z-index: -1;}
      .photo img {vertical-align: middle;width: 100%;}

      .item {position: relative;overflow: hidden;z-index:0;margin: 0.5px;transition: transform 0.35s;transform: perspective(1000px) translate3d(0,0,0);}
      .item:hover {z-index: 2;transform: perspective(1000px) translate3d(0px,0px,22px);image-rendering: -webkit-optimize-contrast;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);}

      .small-block:hover, .small-block2:hover {translate3d(0px,0px,0px)}

      .progress-wrapper {background: #e5f8f9;height: 110%;margin-top: 30px;}
      .progress {padding: 6% 0;height: 404px;}
      .progress .left {display: inline-block;width: 59%;position: relative;}
      .progress .progress__video {width: 100.6%;height: 300px;overflow: hidden;}
      .progress .progress__video img {width: 100%;}
      .progress .text {background: rgb(20, 182, 196);width: 100.5%;height: 102px;margin: 0.5px;}
      .progress .text div {display: none; color: #fff;}
      .progress .text div h3 {margin: 0;padding: 10px;color: #fff;font-size: 20px;}
      .progress .text div p {color: #fff;padding: 0 10px;margin: 0;}
      .progress .right {display: inline-block; width: 40.5%;vertical-align: top;}
      .progress .right .block {width: 350px;height: 200px;overflow: hidden;cursor: pointer;}
      .progress .right .block img {width: 100%;cursor: pointer;}


      .slick_arrow_next {position:absolute; left: 47%;top: 102%;cursor:pointer;    background: rgb(20, 182, 196);padding: 8px 8px 7px 8px;border-radius: 50%;width: 5%;}
      .slick_arrow_prev {position:absolute; left: 47%;top: -10%;cursor:pointer;    background: rgb(20, 182, 196);padding: 8px;border-radius: 50%;width: 5%;}
      .slick-prev:before, .slick-next:before {font-size: 70px;color: #00569C;background: white;position: absolute;}
      .slick-prev:before { content: ""; width: 20px;height: 20px;background-size: 100%; }
      .slick-next:before { content: ""; width: 20px;height: 20px;background-size: 100%; }
      .progress .right .slick-list {overflow: hidden;}


       .wrapper-about_school .title {margin: 30px 0 30px 0;}

    .lins-school-schedule{display: none;}

      @media (max-width: 1216px) {
        .small-block,
        .small-block2,
        .medium-block_vertical {display: none;}
        .large-block,
        .medium-block,
        .medium-block2{width: 100%;}
        .large-block img {width: 100%;position: relative;top: -120px;}
        .medium-block img {width:100%;position: relative;top: -49px;}
        .medium-block2 img {position: relative;top: -80px;}
        .speech {padding: 15px;font-size: 18px;}
        .speech p {width: 65%;}

        .lins-school-schedule{
            display: block;
            border: 1px solid #69d1d8;
            position: relative;
            padding: 0 0 0 30px;
            height: 50px;
            font-size: 14px;
            font-weight: 500;
            line-height: 50px;
            color: #58595b;
            background: #f5f5f5;
            text-transform: uppercase;
            margin-top: 20px;
        }

      }

      @media (max-width: 824px) {
        .progress {height: 535px; padding:0; background:#fff;}
        .progress .right, .progress .left, .progress .progress__video, .progress .text {width: 100%;}
        .progress .text {margin: 1px 0;}
        .progress .right .block {height: auto;}
        .slick_arrow_next {left: 95.5%;top: 40%;transform: rotate(270deg);z-index: 2;}
        .slick_arrow_prev {left: 0.5%;top: 40%;transform: rotate(270deg);z-index: 2;}
        .progress .right .block img {width: 99%;}
      }

      @media (max-width: 720px) {
        .speech {font-size: 14px;}
        .info p {padding: 0 0px 0 55px;}
        .info div:nth-child(2n) {margin-left: 15px;}
        .large-block img {width: 120%;position: relative;top: 10px;}
        .ADOS {width: 100%;margin: 10px auto;}
        .photo {position: static;margin: 0 auto;}
        .photo:before {display: none;}
        .speech {text-align: center;}
        .speech p {width: 90%;}
.medium-block2 img {top: -30px;}
      }
      @media (max-width: 568px) {
        .large-block img {width: 150%;position: relative;top: 20px;}
        .medium-block2 img {top: 0px;}
.medium-block img {top: 0px; width: 100%;}
        .wrapper-about_school h2 {font-size: 20px;}
        .title img {display: none;}
        .info div {width: 100%;}
        .info div:nth-child(2n) {width: 100%;margin-left: 0;}
        .info h3 {font-size: 20px;}
        .info p {font-size: 18px;}
        .slick_arrow_next {left: 90.5%;}
        .progress-wrapper {margin-top:25px; height: 100%;}
        .progress {padding:0;}
      }

      @media (max-width: 480px) {
        .large-block {height: 300px;}
        .large-block img {width: 100%;top: 0;}
        .medium-block {height: 180px;}
        .medium-block img {width: 120%;}
        .medium-block2 {height: 180px;}
        .medium-block2 img {top: 0;}
.medium-block img {top: 0;}
        .speech {padding: 20px;}
        .photo {vertical-align: top; margin: 15px auto;/*transform: translateY(-50%);top: 50%;position: relative;*/}
        .photo img {width: 100%;}
        .ADOS {margin: 35px auto;}
        .progress .right .block img {padding:0 1px;}
      }
      /*@media (max-width: 400px) {
        .slick_arrow_prev {left: 93.5%;top: 35%;}
        .slick_arrow_next {left: 2.5%;top: 35%;}
      }*/


      /*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 08.02.2018, 14:44:08
    Author     : senotov
*/

.content{overflow: hidden;}
.timetable-list table.dataTable.dtr-column.collapsed > tbody > tr.parent,
.timetable-list table.dataTable.dtr-column.collapsed > tbody > tr.parent+.child{background: #f5fbfb;}
    span.select2-selection.select2-selection--multiple {
        height: 40px;
        border-radius: 3px;
        line-height: 38px;
        border-color: #27dbe4;
    }
    .type_groupe.hidden{
        display: none;
    }
    .type_groupe .sub-block {
        position: relative;
        width: 100%;
        overflow: hidden;
        text-transform: uppercase;
        font-weight: normal;
        white-space: nowrap;
        font-size: 0;
        line-height: 0;
        letter-spacing: -1px;
        /*height: 80px;*/
    }
    .type_groupe .sub-block--width {
        width: 75% !important;
    }
    .type_groupe .sub-block ul {
        position: relative;
        margin:0;
        display: inline-block;
        vertical-align: top;
    }
    .type_groupe .sub-block ul li {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        padding: 0;
        width: 100px;
        position: relative;
        overflow: hidden;
        float: left;
    }
    .type_groupe .sub-block ul li:before {
        width: 1px;
        height: 40px;
        left: 0;
        top: 20px;
        background: #fff;
        border-radius: 0;
        opacity: .2;
    }
    .type_groupe .sub-block  ul li.active,
    .type_groupe .sub-block  ul li:hover{
            background: #f5fbfb;
    }
    .type_groupe .sub-block ul li a {
        display: block;
        width: 99px;
        margin: 0 0 0 1px;
        padding: 20px 0 16px 0;
        color: rgba(255, 255, 255, .7);
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0;
        text-align: center;
        position: relative;
    }
    .type_groupe .sub-block ul li a:before {
        content: "";
        display: block;
        margin: 0 auto 8px auto;
        width: 32px;
        height: 21px;
        background: url(/local/layout/css/../images/flags.png);
    }
    .type_groupe .sub-tabs{position: relative;}
    .type_groupe .sub-tab.active,
    .input-wrapper.lang.active{
        position: relative;
        left: auto;
        top: auto;
    }
    .type_groupe .sub-tab,
    .input-wrapper.lang{
        position: absolute;
        left: -9999px;
        top: -9999px;
        width: 100%;
    }
    .input-wrapper,
    .input-wrapper.lang.active{
        width: 31%;
        margin: 1%;
        float: left;
    }
    .input-wrapper.disb span{
        border-radius: 3px;
        line-height: 38px;
        background-color: #fff;
        border: 1px solid #27dbe4;
        height: 40px;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        user-select: none;
        -webkit-user-select: none;
        opacity: 0.5;
    }
    #searchclear:hover span{
        opacity: 0.7;
        background: #27dbe4;
        color: white;
    }
    .type_groupe .sub-block ul li.active a {
        color: black;
        font-weight: 500;
    }
    .type_groupe .sub-block ul li a {
        color: black;
        font-weight: 500;
    }

    .type_groupe .sub-block ul li a.f_lang_119:before {background-position:left top}
    .type_groupe .sub-block ul li a.f_lang_120:before {background-position:-32px top}
    .type_groupe .sub-block ul li a.f_lang_121:before {background-position:-64px top}
    .type_groupe .sub-block ul li a.f_lang_123:before {background-position:left -42px}
    .type_groupe .sub-block ul li a.f_lang_122:before {background-position:-96px top}
    .type_groupe .sub-block ul li a.f_lang_128:before {background-position:-63px -42px}
    .type_groupe .sub-block ul li a.f_lang_127:before {background-position:left -21px}
    .type_groupe .sub-block ul li a.f_lang_125:before {background-position:-96px -21px}
    .type_groupe .sub-block ul li a.f_lang_129:before {background-position:-64px -21px}
    .type_groupe .sub-block ul li a.f_lang_126:before {background-position:-32px -42px}
    .type_groupe .sub-block ul li a.f_lang_124:before {background-position:-32px -21px}
    .type_groupe .sub-block ul li a.f_lang_130:before {background-position:-96px -42px}
    .none {
        position: absolute;
        top: 60px;
        z-index: -1;
        text-align: center;
        width: 100%;
    }

    .type_groupe {
            overflow: hidden;
        position: relative;
        padding-bottom: 30px;
    }
    .type_groupe-wrap {
        display: flex;
        align-items: center;
    }
    .type_groupe > .title{
        margin: 10px 0 10px 0;
        background: url(/upload/gallery/english-on-vacation/title_img4.png) top right no-repeat;
    }
    .type_groupe > .title h2{
        margin: 0;
        float: left;
        padding: 12px 0 0 0;
    }
    /*.type_groupe > .title hr{*/
    /*    border: none;*/
    /*    border-bottom: 2px solid #00bcc6;*/
    /*    clear: both;*/
    /*    margin-bottom: 10px;*/
    /*}*/
    .type_groupe .timetable-list-school{
        margin: 0;
    }

    .sub-block-list ul {
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .sub-block-list ul li {
        flex: 0 0 auto;
        display: flex !important;
    }

    .sub-block-list ul::-webkit-scrollbar {
        height: 5px;
    }

    .sub-block-list ul::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    .sub-block-list ul::-webkit-scrollbar-thumb {
        background-color: darkblue;
    }

    .school-title {
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 10px !important;
        padding: 10px 5px !important;
        border: 1px solid gray;
    }

.school-title::before {
    content: '^';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 10px;
    height: 5px;
    transform: rotate(180deg);
}

.check .school-title::before {
    content: '^';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 10px;
    height: 5px;
    transform: rotate(90deg);
}

.display-hide {
        display: none;
    }

.course-banner {
    margin-top: 30px;
}

.main-discount {
    padding: 17px 33px;
    border-radius: 19.818px;
    background: linear-gradient(313deg, #4FF2A7 11.46%, #213F8C 55.86%, #2134B2 99.93%);
    display: flex;
    align-items: center;
    gap: 30px;
    color: #FFFFFF;
}

.discount-num {
    font: 700 31px/1.1 'Fira Sans', sans-serif;
    transform: rotate(-90deg);
    margin: 0 -25px;
}

.discount-line {
    display: flex;
    align-items: center;
}

.discount-title {
    font: 400 28px/1.1 'Fira Sans', sans-serif;
    max-width: 416px;
}

.discount-btn {
    margin-left: auto;
    border-radius: 6px;
    background: #2137A7;
    color: #FFFFFF;
    font: 400 20px/1 'Fira Sans', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 16px 46px;
    border: 2px solid #2137A7;
    transition: all .3s ease;
}

.discount-btn:hover {
    background: #FFF;
    color: #2137A7;
    text-decoration: none;
}

.feedback {
    padding: 20px 0 0;
}

.feedback__title {
    margin-top: 15px;
}

.feedback__wrap {
    overflow: hidden;
    padding: 30px 45px 15px;
    display: flex;
    gap: 0 77px;
    background: #DDE8FE;
    border-radius: 16px;
}

.feedback__photo-img {
    width: 228px;
    height: 228px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto 12px;
}

.feedback__photo-img img {
    width: 100%;
}

.feedback__photo-text {
    color: #093589;
    text-align: center;
}

.feedback__photo-name {
    font: 500 30px/1.25 "Roboto", Sans-Serif;
}

.feedback__about {
    max-width: 420px;
}

.feedback__photo-about {
    font: 18px/1.25 "Roboto", sans-serif;
}

.feedback__about-top {
    font: 500 34px/1.25 "Roboto", sans-serif;
    color: #093589;
    margin-bottom: 30px;
}

.feedback__about-row {
    margin-bottom: 18px;
}

.feedback__about-row a {
    display: flex;
    align-items: center;
    gap: 18px;
}

.feedback__about-row,
.feedback__about-row a {
    font: 30px / 1 "Roboto", sans-serif;
    color: #093589;
}

.feedback__about-row a span {
    position: relative;
}

.feedback__about-row a span::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    height: 1px;
    background: #093589;
}

.feedback__about-row a:hover {
    text-decoration: none;
}

.feedback__about-row a:hover span::after {
    display: none;
}

.feedback__about-row img {
    width: 36px;
}

.alternative-school {
    padding: 15px;
    background: #dee9ff;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.alternative-school__title {
    font: 700 25px / 1.4 var(--default-font-name), sans-serif;
    max-width: 260px;
    color: #333;
}

.alternative-school__title:hover {
    text-decoration: none;
}

.alternative-school__title span {
    color: #093589;
}

.alternative-school__img {
    flex-shrink: 0;
}

.alternative-school__img img {
    max-width: 100%;
}

.alternative-school__address,
.alternative-school-contacts__text{
    font: 400 20px / 1.4 var(--default-font-name), sans-serif;
}

.alternative-school__address {
    margin-bottom: 20px;
}

.text-nowrap {
    white-space: nowrap;
}

.alternative-school-contacts__link {
    font: 700 20px / 1.4 var(--default-font-name), sans-serif;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #333;
}

.alternative-school__info {
    max-width: 300px;
}

@media (min-width: 1200px) {
    .alternative-school__img {
        max-width: 190px;
    }
}

@media (max-width: 991px) {
    .alternative-school__img {
        max-width: 180px;
    }

    .feedback__wrap {
        gap: 50px;
    }
}

@media (max-width: 876px) {
    .discount-title {
        font-size: 20px;
    }

    .alternative-school {
        flex-direction: column;
    }

    .alternative-school__title,
    .alternative-school__info {
        max-width: 100%;
        text-align: center;
    }

    .feedback__wrap {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .feedback__about-top {
        font-size: 22px;
    }

    .feedback__about-row,
    .feedback__about-row a {
        font-size: 22px
    }
}

@media (max-width: 760px) {
    .discount-btn {
        padding: 20px
    }
}

@media (max-width: 700px) {
    .main-discount {
        padding: 20px;
        gap: 20px;
    }

    .discount-num {
        font-size: 32px;
    }
}

@media (max-width: 575px) {
    .main-discount {
        gap: 10px;
    }

    .alternative-school__title {
        font-size: 20px;
    }

    .alternative-school__address,
    .alternative-school-contacts__text,
    .alternative-school-contacts__link {
        font-size: 18px;
    }

    .feedback__wrap {
        padding: 30px 30px 15px;
    }
}
/* End */


/* Start:/schools/style.css?16468126537239*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 08.02.2018, 14:44:08
    Author     : senotov
*/

.content{overflow: hidden;}
.timetable-list table.dataTable.dtr-column.collapsed > tbody > tr.parent,
.timetable-list table.dataTable.dtr-column.collapsed > tbody > tr.parent+.child{background: #f5fbfb;}
    span.select2-selection.select2-selection--multiple {
        height: 40px;
        border-radius: 3px;
        line-height: 38px;
        border-color: #27dbe4;
    }
    .type_groupe.hidden{
        display: none;
    }
    .type_groupe .sub-block {
        position: relative;
        width: 100%;
        overflow: hidden;
        text-transform: uppercase;
        font-weight: normal;
        white-space: nowrap;
        font-size: 0;
        line-height: 0;
        letter-spacing: -1px;
        /*height: 80px;*/
    }
    .type_groupe .sub-block ul {
        position: relative;
        margin:0;
        display: inline-block;
        vertical-align: top;
    }
    .type_groupe .sub-block ul li {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        padding: 0;
        width: 100px;
        position: relative;
        overflow: hidden;
        float: left;
    }
    .type_groupe .sub-block ul li:before {
        width: 1px;
        height: 40px;
        left: 0;
        top: 20px;
        background: #fff;
        border-radius: 0;
        opacity: .2;
    }
    .type_groupe .sub-block  ul li.active,
    .type_groupe .sub-block  ul li:hover{
            background: #f5fbfb;
    }
    .type_groupe .sub-block ul li a {
        display: block;
        width: 99px;
        margin: 0 0 0 1px;
        padding: 20px 0 16px 0;
        color: rgba(255, 255, 255, .7);
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0;
        text-align: center;
        position: relative;
    }
    .type_groupe .sub-block ul li a:before {
        content: "";
        display: block;
        margin: 0 auto 8px auto;
        width: 32px;
        height: 21px;
        background: url(/local/layout/css/../images/flags.png);
    }
    .type_groupe .sub-tabs{position: relative;}
    .type_groupe .sub-tab.active,
    .input-wrapper.lang.active{
        position: relative;
        left: auto;
        top: auto;
    }
    .type_groupe .sub-tab,
    .input-wrapper.lang{
        position: absolute;
        left: -9999px;
        top: -9999px;
        width: 100%;
    }
    .input-wrapper,
    .input-wrapper.lang.active{
        width: 31%;
        margin: 1%;
        float: left;
    }
    .input-wrapper.disb span{
        border-radius: 3px;
        line-height: 38px;
        background-color: #fff;
        border: 1px solid #27dbe4;
        height: 40px;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        user-select: none;
        -webkit-user-select: none;
        opacity: 0.5;
    }
    #searchclear:hover span{
        opacity: 0.7;
        background: #27dbe4;
        color: white;
    }
    .type_groupe .sub-block ul li.active a {
        color: black;
        font-weight: 500;
    }
    .type_groupe .sub-block ul li a {
        color: black;
        font-weight: 500;
    }
    
    .type_groupe .sub-block ul li a.f_lang_119:before {background-position:left top}
    .type_groupe .sub-block ul li a.f_lang_120:before {background-position:-32px top}
    .type_groupe .sub-block ul li a.f_lang_121:before {background-position:-64px top}
    .type_groupe .sub-block ul li a.f_lang_123:before {background-position:left -42px}
    .type_groupe .sub-block ul li a.f_lang_122:before {background-position:-96px top}
    .type_groupe .sub-block ul li a.f_lang_128:before {background-position:-63px -42px}
    .type_groupe .sub-block ul li a.f_lang_127:before {background-position:left -21px}
    .type_groupe .sub-block ul li a.f_lang_125:before {background-position:-96px -21px}
    .type_groupe .sub-block ul li a.f_lang_129:before {background-position:-64px -21px}
    .type_groupe .sub-block ul li a.f_lang_126:before {background-position:-32px -42px}
    .type_groupe .sub-block ul li a.f_lang_124:before {background-position:-32px -21px}
    .type_groupe .sub-block ul li a.f_lang_130:before {background-position:-96px -42px}
    .none {
        position: absolute;
        top: 60px;
        z-index: -1;
        text-align: center;
        width: 100%;
    }
    .school {
        background: white;
    }
    .type_groupe {
            overflow: hidden;
        position: relative;
        padding-bottom: 30px;
    }
    .type_groupe > .title{
        margin: 10px 0 10px 0;
        background: url(/upload/gallery/english-on-vacation/title_img4.png) top right no-repeat;
    }
    .type_groupe > .title h2{
        margin: 0; 
        float: left;
        padding: 12px 0 0 0;
    }
    .type_groupe > .title hr{
        border: none;
        border-bottom: 2px solid #00bcc6;
        clear: both;
        margin-bottom: 10px;
    }
    .type_groupe .timetable-list-school{
        margin: 0;
    }
    .sub-block, .sub-tabs {
        background: white;
    }
    
.curs.curs_spec {
    /*border: 2px solid #3dbdc6;*/
    padding: 10px;
    
}
.curs.curs_spec, .curs.curs_spec .sub-block, .curs.curs_spec .sub-tabs, .curs.curs_spec .school{
    background: #f5fafc;
}
.curs.curs_spec>.title>h2{
        margin: 0;
            COLOR: #3dbdc6;
}
.type_groupe .sub-block--width {
    width: 75% !important;
}
.type_groupe-wrap {
    display: flex;
    align-items: center;
}
.sub-block-list ul {
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.sub-block-list ul li {
    flex: 0 0 auto;
    display: flex !important;
}

.sub-block-list ul::-webkit-scrollbar {
    height: 5px;
}

.sub-block-list ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.sub-block-list ul::-webkit-scrollbar-thumb {
    background-color: darkblue;
}

.school-title {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 10px !important;
    padding: 10px 5px 10px 50px !important;
    border: 1px solid #c7cace;
	color: #555555;
}

.school-title::before {
    content: '';
    position: absolute;
    right: 15px;
    top: 44%;
    width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 8px solid #093589;
	border-bottom: 5px solid transparent;
    transform: rotate(90deg);
}

.check .school-title::before {
    content: '';
    position: absolute;
    right: 15px;
    top: 44%;
    width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 8px solid #c7cace;
	border-bottom: 5px solid transparent;
    transform: rotate(0deg);
}

.display-hide,
.schedule-tabs__item {
    display: none;
}

.schedule-tabs__menu {
    display: flex;
}

.schedule-tabs__link {
    font: 400 20px/1 "Fira Sans", Sans-Serif;
    padding: 13px 10px;
    text-transform: uppercase;
    cursor: pointer;
    color: #94BD07;
}

.schedule-tabs__link_active {
    color: #093589;
    background: #f5fafc;
    cursor: default;
}

.schedule-tabs__item_active {
    display: block;
}



/* End */
/* /local/templates/.default/components/bitrix/news.detail/school/style.css?176699718721001 */
/* /schools/style.css?16468126537239 */