/* Start:/local/templates/.default/components/bitrix/catalog.section/courses_list_razdel/exam-preparation.css?176374124227528*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

.feed-item h3,
.feed-item h4,
.feed-item p {
    margin-top: 0;
}

.feed-item h3,
.feed-item h4,
.icon-top-text,
.feed-description-item p,
.order-btn-link,
.feed-price-col {
    letter-spacing: -0.5px;
}

.feed-item h3 {
    font-size: 20px;
    font-weight: 500;
}

.feed-price-col {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
}

.feed-item p {
    margin-bottom: 12px;
}

.feed-item p:last-child {
    margin-bottom: 0;
}

.feed-item,
.feed-description-list,
.feed-icons-wrap,
.exam-stat-list,
.feed-price-format-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.feed-item {
    border: 1px solid #DADFE3;
    margin-bottom: 40px;
    position: relative;
}

.feed-item:hover {
    cursor: default;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

.feed-price-icon {
    text-align: center;
    margin-bottom: 20px;
}

.feed-price-icon-wrap {
    width: 100%;
    text-align: center;
}

.feed-price-note,
.feed-price-price,
.feed-price-format-item {
    color: #000;
    font-weight: 400;
    line-height: 1.3;
}

.feed-price-note {
    text-transform: uppercase;
}

.feed-price-price {
    font-size: 30px;
    line-height: 1.1;
}

.feed-price-old {
    font: 400 24px/1.2 "Fira Sans", sans-serif;
    text-decoration: line-through;
    color: #a3a2a2;
}

.feed-price-discount {
    border-radius: 0 45px 45px 0;
    padding: 10px 15px;
    background: #D66C52;
    position: absolute;
    left: 0;
    top: 0;
    font: 700 30px/1 "Fira Sans", sans-serif;
    color: #fff;
}

.feed-description {
    margin-bottom: 25px;
}

.feed-description-foot {
    margin-top: auto;
    padding-bottom: 15px;
}

.feed-description-list {
    margin: 0 -15px;
}

.feed-description-item {
    width: 50%;
    max-width: 200px;
    padding: 0 15px;
}

.feed-description-item h4,
.feed-description-item p {
    line-height: 1.3;
}

.feed-description-item h4 {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.feed-description-item p {
    font-weight: 400;
}

.feed-title {
    color: #D66C52;
}

.feed-icons-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.feed-price-format-line {
    margin-top: 16px;
}

.feed-price-format-wrap,
.feed-price {
    white-space: nowrap;
}

.feed-price-format-wrap {
    width: 65px;
    flex-shrink: 0;
    font-size: 17px;
    padding-right: 6px;
}

.feed-price-format-item {
    line-height: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px;
}

.feed-price-format {
    background: #ECEBE8;
    padding: 4px 6px 2px;
    line-height: .9;
}

.feed-price-format span {
    color: #D66C52;
}

.feed-price {
    font-size: 24px;
}

.icon-top-wrap {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 16px;
    padding: 0 10px;
}

.icon-top-text {
    font-weight: 400;
    color: #000;
    margin-bottom: 2px;
}

.icon-top-note {
    font-size: 10px;
    color: #555;
}

.order-btn-wrap {
    margin-top: auto;
}

.order-btn-link {
    display: inline-block;
    white-space: nowrap;
    padding: 12px 18px;
    color: #000;
    background: #FFF003;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    border-radius: 6px;
    text-align: center;
    outline: none;
}

.order-btn-link:hover {
    text-decoration: none;
    background-color: #ffde03;
}

.video-column-wrap {
    margin-top: 50px;
    margin-bottom: 30px;
}

.video-column-text h3 {
    font-size: 26px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -1px;
}

.faq-item {
    border: 1px solid #DADFE3;
    border-radius: 6px;
    margin-bottom: 12px;
    -webkit-transition: linear .5s;
    -o-transition: linear .5s;
    transition: linear .5s;
}

.faq-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #000;
    padding-top: 12px;
    padding-bottom: 12px;
    background: url('/images/icons/exams-prep/question.svg') no-repeat 24px center;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
}

.faq-title,
.faq-content-inner {
    padding-left: 80px;
    padding-right: 50px;
}

.faq-title::before,
.faq-title::after {
    content: "";
    display: block;
    background: #000;
    position: absolute;
    top: 50%;
    -webkit-transition: linear opacity .1s;
    -o-transition: linear opacity .1s;
    transition: linear opacity .1s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.faq-title::before {
    width: 2px;
    height: 12px;
    right: 27px;
}

.faq-title::after {
    width: 12px;
    height: 2px;
    right: 22px;
}

.faq-content {
    display: none;
}

.faq-content-inner {
    padding-top: 20px;
    padding-bottom: 30px;
}

.faq-item.active {
    border-color: #D8765E;
}

.active .faq-title::before {
    opacity: 0;
}

.exam-stat-list {
    margin: 0 -15px 30px;
}

.exam-stat-item {
    text-align: center;
    padding: 0 15px;
}

.exam-stat {
    font-size: 36px;
    line-height: 1.1;
    font-weight: 600;
    color: #D66C52;
}

.exam-stat-about {
    line-height: 1.2;
}

.virid .feed-title {
    color: #00A5A1;
}

.virid rect,
.virid line,
.virid path {
    stroke: #00A5A1;
}

.virid .feed-price-discount {
    background: #00A5A1;
}

.dark-blue .feed-title {
    color: #0058A4;
}

.dark-blue rect,
.dark-blue line,
.dark-blue path {
    stroke: #0058A4;
}

.dark-blue .feed-price-discount {
    background: #0058A4;
}

.dark-blue .faq-title {
    background-image: url('/images/icons/exams-prep/question-dark-blue.svg');
}

.dark-blue .faq-item.active {
    border-color: #0058A4;
}

.turquoise .feed-title {
    color: #007C92;
}

.turquoise rect,
.turquoise line,
.turquoise path {
    stroke: #007C92;
}

.turquoise .feed-price-discount {
    background: #007C92;
}

.turquoise .faq-title {
    background-image: url('/images/icons/exams-prep/question-dark-blue.svg');
}

.turquoise .faq-item.active {
    border-color: #007C92;
}

.yellow .feed-title {
    color: #F3B702;
}

.yellow rect,
.yellow line,
.yellow path {
    stroke: #F3B702;
}

.yellow .feed-price-discount {
    background: #F3B702;
}

.lilac .feed-title {
    color: #7C3263;
}

.lilac rect,
.lilac line,
.lilac path {
    stroke: #7C3263;
}

.lilac .feed-price-discount {
    background: #7C3263;
}

.light-green .feed-title {
    color: #00BA61;
}

.light-green rect,
.light-green line,
.light-green path {
    stroke: #00BA61;
}

.light-green .order-btn-link {
    background: #00BA61;
    color: #ffffff;
    transition: background .2s ease-in-out;
}

.light-green .order-btn-link:hover {
    background: #04ec7d;
}

.light-green .feed-price-discount {
    background: #00ba61;
}

.light-green2 .feed-title {
    color: #57CC03;
}

.light-green2 rect,
.light-green2 line,
.light-green2 path {
    stroke: #57CC03;
}

.light-green2 .feed-price-discount {
    background: #57CC03;
}

.exam-course-order {
    background: #F5F5F5;
    width: 100%;
    max-width: 870px;
    margin: 50px auto;
}

.exam-course__container {
    display: flex;
    flex-direction: column;
    padding: 50px 54px;
}

.exam-course__content-wrapper {
    display: flex;
    justify-content: space-between;
}

.exam-course__column:first-child {
    margin-right: 15px;
}

.exam-course__column-title-wrapper {
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 26px;
    line-height: 35px;
    color: #DB7F68;
}

.exam-course-order .form-submit {
    margin: 25px 0;
}

.nowrap {
    white-space: nowrap;
}

.exam-course__column-title-wrapper, .exam-course__column-text-wrapper {
    max-width: 330px;
    width: 100%;
}

.exam-course__form-row {
    display: flex;
    width: 380px;
    justify-content: space-between;
    margin-bottom: 17px;
}

.exam-course__form-row:last-child {
    margin-bottom: 0;
}

.exam-course__form-input-width {
    width: 278px;
    flex-shrink: 0;
}

.form-input.exam-course__form-input-width input:hover,
.form-input.exam-course__form-input-width input:focus{
    border: 1px solid #D66C52;
    padding: 8px 19px;
}

.form-input.exam-course__form-input-width {
    -webkit-tap-highlight-color: transparent;
}

.exam-course__form-input-width input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
    border-color: #ffffff;
}

.exam-course-order .form-input.exam-course__form-input-width .select2.select2-container,
.exam-course-order .form-input.exam-course__form-input-width:hover .select2.select2-container.select2-container--open {
    border: 1px solid transparent;
    border-radius: 3px;
}

.exam-course-order .form-input.exam-course__form-input-width:hover .select2.select2-container {
    border: 1px solid #D66C52 !important;
    border-radius: 3px;
}

.exam-course-order .select2-container--default.select2-container--open.select2-container--below ,
.exam-course-order .select2-container--default.select2-container--open.select2-container--above  {
    border: 1px solid #D66C52 !important;
}

.exam-course-order .select2-container--default .select2-selection--single {
    border: none !important;
    outline: none !important;
    border-radius: 3px;
}

.form-label.exam-course__form-label {
    line-height: 46px;
    color: #555555;
    padding: 0 30px 0 0;
}

.form-submit input.exam-course__btn {
    background: #FFF003;
    border-radius: 6px;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    text-transform: uppercase;
    color: #000000;
}

.form-submit input.exam-course__btn:hover {
    background: #e7d601;
}

.exam-course-order .rules_confirm {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rules_confirm__checkbox-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.exam-course-order .check_rules {
    margin-right: 15px;
}

.exam-course-order .text_rules {
    font-size: 16px;
    line-height: 25px;
    color: #555555;
    padding-top: 0;
}

input.check_rules[type="checkbox"] + label,
input.check_rules[type="checkbox"] + label a {
    font-weight: 300;
}

input.check_rules[type="checkbox"]:checked + label a.link_rules {
    color: #2b3138;
}

.exam-course-order .link_rules {
    font-weight: normal;
}

.exam-course-order .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(/local/templates/.default/components/bitrix/catalog.section/courses_list_razdel/images/arrow-orange.svg) no-repeat center center;
}

.exam-course-order .select2-container--default.select2-container--above.select2-container--open .select2-selection--single .select2-selection__arrow b,
.exam-course-order .select2-container--default.select2-container--below.select2-container--open .select2-selection--single .select2-selection__arrow b{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select2-dropdown.exam-select__dropdown.select2-dropdown--below {
    margin-top: -1px;
}

.select2-dropdown.exam-select__dropdown.select2-dropdown--above {
    margin-top: 1px;
}

.select2-dropdown.exam-select__dropdown {
    border: 1px solid #D66C52 !important;
}

.exam-course-order .select2.select2-container--default.select2-container--open.select2-container--below .select2-selection__rendered,
.exam-course-order .select2.select2-container--default.select2-container--open.select2-container--above .select2-selection__rendered{
    left: 0;
    top: 0;
}

.select2-dropdown.exam-select__dropdown,
.select2-container--default.select2-container--open.select2-container--below .select2-dropdown.exam-select__dropdown .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-dropdown.exam-select__dropdown .select2-selection--multiple {
    border: 1px solid #D66C52;
}

.select2-container--default .select2-dropdown.exam-select__dropdown .select2-results__option--highlighted[aria-selected] {
    background-color: #DADFE3;
}

.select2-container--default .select2-dropdown.exam-select__dropdown .select2-results__option[aria-selected="true"],
.select2-container--default .select2-dropdown.exam-select__dropdown .select2-results__option--highlighted[aria-selected].select2-results__option[aria-selected="true"] {
    background-color: #DB7F68;
}

.select2-container--default .select2-dropdown.exam-select__dropdown .select2-results__option[aria-selected="true"],
.select2-container--default .select2-dropdown.exam-select__dropdown .select2-results__option--highlighted[aria-selected].select2-results__option[aria-selected="true"] {
    color: white;
}

.select2-container--default .select2-dropdown.exam-select__dropdown .select2-results__option--highlighted[aria-selected] {
    color: black;
}

.exam-course-order .rules_result {
    margin: 0 auto;
}

.exam-course-order .check_rules:checked,
.exam-course-order .check_rules {
    border: 1px solid #C5C9BA;
}

.exam-course-order .check_rules:checked:after {
    color: #DB7F68;
}

.form-line-wrap {
    background: #F9F9F9;
    padding: 20px 15px 30px;
    margin-bottom: 30px;
    border-radius: 5px;
    border: 1px solid #D2D4C9;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.form-line-wrap.blue {
    background: #ECEFF6;
}

.blue .form-line-title {
    color: #09368B;
}

.blue .form-line input[type="submit"] {
    color: #000;
    background: #F0EA60;
}

.blue .form-line input[type="submit"]:hover {
    background-color: #fff003;
}

.form-line input::-webkit-input-placeholder {
    font-size: 18px;
    color: #000 !important;
}

.form-line input::-moz-placeholder {
    font-size: 18px;
    color: #000 !important;
}

.form-line input:-ms-input-placeholder {
    font-size: 18px;
    color: #000 !important;
}

.form-line input::-ms-input-placeholder {
    font-size: 18px;
    color: #000 !important;
}

.form-line input::placeholder {
    font-size: 18px;
    color: #000 !important;
}

.form-line {
    margin: 0;
}

.form-line-inner {
    max-width: 760px;
    margin: 0 auto;
}

.form-line .form-input {
    margin-bottom: 20px;
}

.form-line .form-input input {
    height: 45px;
    border-radius: 0;
}

.form-line input:-webkit-autofill,
.form-line input:-webkit-autofill:hover,
.form-line input:-webkit-autofill:focus,
.form-line input:-webkit-autofill {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
    background: #fff;
}

.form-line .form-input input:hover,
.form-line .form-input input:focus {
    border-color: #505050;
}

.form-line .form-input input, .form-line .form-input textarea {
    border-color: #000;
}

.form-line .form-input label.error {
    width: 100%;
    top: 20px;
}

.form-line .check_rules:checked:after {
    font-size: 22px;
    color: #505050 !important;
    top: -9px;
}

.form-line input[type="submit"] {
    width: 226px;
    outline: none;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-line input[type="submit"], .btn-link {
    display: inline-block;
    font-size: 20px;
    padding: 11px 42px;
    color: #fff;
    background-color: #F71425;
    border-radius: 5px;
}

.form-line input[type="submit"]:disabled,
.form-line input[type="submit"]:disabled:hover {
    cursor: default;
    background: #b6b6b6;
}

.form-line input[type="submit"]:hover,
.btn-link:hover,
.red .order.online-order .form-submit input:hover {
    background-color: #d91414;
    text-decoration: none;
}

.form-line input.check_rules[type="checkbox"]:checked + label,
.form-line input.check_rules[type="checkbox"]:checked + label a,
.form-line input.check_rules[type="checkbox"]:checked + label a:hover,
.form-line input.check_rules[type="checkbox"] + label,
.form-line input.check_rules[type="checkbox"] + label a {
    color: #000;
}

.form-line .link_rules:hover {
    color: #000 !important;
}

.form-line input.check_rules[type="checkbox"]:checked + label a,
.form-line input.check_rules[type="checkbox"] + label a {
    text-decoration: underline;
}

.form-line input.check_rules[type="checkbox"]:checked + label a:hover,
.form-line input.check_rules[type="checkbox"] + label a:hover {
    text-decoration: none;
}

.form-line .check_rules,
.form-line .check_rules:checked {
    border-color: #555;
}

.form-line .rules_confirm,
.order .rules_confirm {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0;
}

.form-line .text_rules {
    display: block;
    letter-spacing: 0.3px;
}

.form-line .check_rules {
    position: absolute;
    left: 0;
    padding: 7px;
}

.form-line .check_rules {
    top: 2px;
}

.form-line .rules_result {
    font-weight: 600;
    line-height: 1.3;
}

.form-line-title,
.form-line-note {
    text-align: center;
}

.form-line-title {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.1;
    color: #000;
    margin-bottom: 4px;
}

.form-line-note {
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
}

.form-line-note b {
    font-weight: 600;
}

.form-line-radio-row {
    display: flex;
    color: #000;
    margin: 0 -15px;
}

.form-line-radio-row .form-input {
    width: auto;
    padding: 0 15px;
}

.form-line .form-line-radio-row .form-input {
    width: auto;
}

.form-line-radio-title {
    color: #000;
    font-weight: 500;
}

.form-line-radio-row .radio-btn-input + label::before {
    border-color: #000;
}

.form-line-radio-row .radio-btn-input + label::after {
    background: #000;
}

.form-line-info {
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    background-color: #999;
    padding: 25px 40px 20px;
}

.form-line-price-note {
    text-align: center;
}

.form-line-price-wrap {
    display: flex;
    justify-content: center;
    max-width: 790px;
    margin: 0 auto 16px;
}

.form-line-price-item {
    font-size: 27px;
    line-height: 1.1;
    padding: 0 30px;
}

.form-line-price-large {
    font-size: 54px;
    font-weight: 700;
    white-space: nowrap;
}

.red.form-line-info {
    background-color: #F71425;
}

.red .form-line-title {
    color: #F71425;
}

.red .form-line input[type="submit"], .red.btn-link {
    background-color: #F71425;
}

.red .form-line input[type="submit"]:hover,
.red.btn-link:hover {
    background-color: #d91414;
}

.new-sign {
    position: absolute;
    left: 5px;
    top: 5px;
}

.first-col-small.four-col .responsive-col:first-child {
    flex-basis: 200px;
}

.first-col-small.four-col .responsive-col:first-child + .responsive-col {
    flex-basis: 300px;
}

@media (min-width: 768px) {
    .feed-price-col,
    .feed-order-col,
    .feed-description-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .feed-description-col {
        width: 80%;
    }

    .feed-price-col {
        width: 190px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 60px 15px 15px;
    }

    .feed-order-col,
    .feed-description-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .feed-description-col {
        padding-top: 20px;
    }

    .feed-order-col {
        width: 216px;
        padding: 25px 20px 30px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .feed-course-duration {
        margin-left: auto;
        max-width: 95px;
    }

    .feed-course-duration-weeks {
        max-width: 100px;
    }

    .form-line-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .form-line .form-input {
        width: 226px;
    }
}

@media (min-width: 768px) and (max-width: 899px) {
    .feed-item h3 {
        margin-bottom: 15px;
    }

    .feed-order-col {
        width: 200px;
        padding-right: 15px;
    }

    .feed-price-col {
        width: 170px;
        padding-top: 15px;
    }

    .feed-description-list {
        margin-left: -8px;
        margin-right: -8px;
    }

    .feed-description-item {
        padding: 0 8px;
    }

    .feed-price-note,
    .feed-description-item p {
        font-size: 14px;
    }

    .feed-price-price {
        font-size: 24px;
    }

    .feed-course-duration-weeks {
        max-width: 95px;
    }

    .feed-course-duration {
        max-width: 90px;
    }
}

@media (min-width: 901px) {
    .video-column-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .video-column-text {
        width: 300px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .video-column {
        width: calc(100% - 300px);
    }
}

@media (max-width: 991px) {
    .form-line .form-input,
    .form-line input[type="submit"] {
        width: 218px;
    }
}

@media (max-width: 900px) {
    .video-column-text h3 {
        line-height: 1.2;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0;
        margin-bottom: 15px;
    }

    .feed-price {
        font-size: 20px;
    }

    .feed-price-format-item,
    .feed-price-format-line {
        margin-top: 4px;
    }

    .exam-course__content-wrapper {
        flex-direction: column;
    }

    .exam-course__column:first-child {
        margin-right: 0;
    }

    .exam-course__column {
        margin: 0 auto;
    }

    .exam-course__column-title-wrapper, .exam-course__column-text-wrapper {
        max-width: none;
        margin: 0 auto;
    }

    .exam-course__column-title, .exam-course__column-text {
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }

    .rules_confirm__checkbox-wrapper {
        width: 85%;
    }

    .form-line-price-large {
        font-size: 48px;
    }

    .form-line-price-item {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .feed-item {
        padding: 20px;
    }

    .feed-item,
    .exam-stat-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .feed-price-col {
        width: 160px;
    }

    .feed-description-col,
    .feed-order-col {
        width: calc(100% - 160px);
    }

    .feed-order-col {
        margin-left: auto;
    }

    .feed-description-foot,
    .feed-icons-wrap {
        margin-bottom: 10px;
    }

    .feed-price-icon-wrap {
        padding-top: 40px;
        padding-right: 15px;
    }

    .feed-icons-wrap {
        margin-left: -15px;
        margin-right: -15px;
    }

    .feed-price-note {
        font-size: 15px;
    }

    .icon-top-wrap {
        padding: 0 15px;
    }

    .feed-description-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .feed-description-item {
        width: auto;
        max-width: 100%;
        margin-bottom: 25px;
    }

    .feed-description-item:last-child {
        margin-bottom: 0;
    }

    .order-btn-link {
        display: block;
    }

    .exam-stat-list {
        margin-bottom: 0;
    }

    .exam-stat-item {
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 30px;
    }

    .rules_confirm__checkbox-wrapper {
        width: 100%;
    }

    .form-line-wrap {
        padding: 30px;
    }

    .form-line-inner {
        max-width: 600px;
    }

    .form-line .form-input,
    .form-line input[type="submit"],
    .form-line-confirm .text_rules {
        width: 100%;
    }

    .form-line-confirm {
        margin-bottom: 20px;
    }

    .form-line .check_rules {
        top: 6px;
    }
}

@media (max-width: 600px) {
    .feed-item h3 {
        text-align: center;
    }

    .feed-price-col,
    .feed-description-col,
    .feed-order-col,
    .feed-price-icon img {
        width: 100%;
    }

    .feed-price-icon-wrap {
        padding: 0;
        margin-bottom: 20px;
        text-align: center;
    }

    .feed-price-icon {
        width: 100px;
        margin-left: auto;
        margin-right: auto;
    }

    .feed-price-price {
        font-size: 35px;
    }

    .feed-price-note {
        font-size: 16px;
    }

    .faq-title,
    .faq-content-inner {
        padding-left: 50px;
        padding-right: 30px;
    }

    .faq-title {
        background-size: 15px;
        background-position-x: 18px;
    }

    .faq-title::before {
        right: 21px;
    }

    .faq-title::after {
        right: 16px;
    }

    .faq-content-inner {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .feed-icons-wrap,
    .feed-description-list {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .feed-price {
        font-size: 24px;
    }

    .feed-price-format-item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .feed-price-format-line {
        margin-top: 10px;
    }
}

@media (max-width: 575px) {
    .exam-course__form-row {
        flex-direction: column;
    }

    .form-label.exam-course__form-label {
        line-height: 34px;
    }

    .form-input.exam-course__form-input-width,
    .exam-course__column,
    .exam-course__form-row {
        width: 100%;
    }

    .exam-course__column-title-wrapper,
    .exam-course__column-text-wrapper {
        margin: 0 auto 10px;
    }

    .exam-course__container .text_rules {
       text-align: center;
    }

    .exam-course__container .rules_result {
        margin-top: 10px;
        margin-left: 30px;
    }
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.detail/course_det_block/style.css?175930908132530*/
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;
}

.skills {
  margin-bottom: 55px;
}

.b7 .skills {
  margin-bottom: 0;
}

.skills .item {
  height: 40px;
  line-height: 40px;
  background: #ECF0F6;
  border: 1px solid #093589;
  border-radius: 5px;
  margin-bottom: 1px;
  padding: 0 15px;
  cursor: pointer;
  position: relative;
}
.skills .item:hover {
  background: #093589;
  color: #fff;
}
.skills .item:before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 15px;
  right: 10px;
  top: 18px;
  height: 10px;
  background: url(/upload/intensiv-page/arrow.png) no-repeat;
  transition: 0.2s;
}
.skills .item.active {
  background: #093589;
  color: #fff;
}
.skills .item.active:before {
  transform: rotate(180deg);
  top: 14px;
}
.slide .content_block {
  width: 32.5%;
  display: inline-block;
  vertical-align: top;
}
.slide .content_block .title {
  margin: 10px;
}
.slide .content_block hr,
.slide .content_block p {
  margin: 10px 0;
}
.slide .content_block p:last-child {
  padding: 0 10px;
}

.land-button {
  display: block;
  padding: 10px;
  color: black;
  text-align: center;
  text-decoration: none;
  font-family: Fira sans;
  font-display: swap;
  font-size: 20px;
  background: #f0eb65;
  border: 0;
  border-radius: 5px;
  margin: 25px 0;
  cursor: pointer;
  font-weight: 400;
  transition: 0.3s;
}

.land-button:hover {
  text-decoration: none;
  filter: brightness(0.8);
}

.content {
  overflow: visible !important;
}

div.course-price {
  margin: 0;
}

.b1 {
  width: 100%;
  height: 347px;
  background: url(/upload/intensive-may-2018/b1-bg.jpg);
  background-size: cover;
  position: relative;
}

.b1-right {
  position: absolute;
  right: 0;
  top: 50px;
  width: 40%;
  height: 200px;
  background-color: rgba(0, 0, 0, 0.5);
  border-left: 3px solid white;
  color: white;
  padding-left: 15px;
  padding-right: 15px;
  font-family: var(--default-font-name);
  font-display: swap;
}

.b1-right-title {
  font-size: 30px;
  margin-top: 10px;
  line-height: 1.1;
}

.b1-right-mess {
  font-size: 20px;
  margin-top: 10px;
}

@media (max-width: 950px) {
  .b1-right {
    width: calc(100% - 50px);
    padding-left: 50px;
    padding-right: 0;
    bottom: 0;
    top: auto;
  }
}

.b2 {
  background-color: #eff7f8;
  color: #555555;
  font-family: var(--default-font-name);
  font-display: swap;
  padding-top: 40px;
  padding-bottom: 25px;
  margin-bottom: 50px;
}

.b2-title {
  font-size: 22px;
  margin-left: 20px;
  border-left: 3px solid #ff8401;
  font-weight: 400;
  padding-left: 10px;
  margin-bottom: 20px;
}

.b2-mess {
  background: url(/upload/intensive-may-2018/b2-mess-bg.png) no-repeat;
  background-size: auto;
  background-position: -89px;
  padding: 10px 70px 10px 120px;
  font-weight: 400;
  font-size: 16px;
  text-align: justify;
}

@media (max-width: 700px) {
  .b2-mess {
    padding: 10px 30px;
  }
}

.b3 {
  display: flex;
  font-family: var(--default-font-name);
  font-display: swap;
  align-items: center;
}

.b3-left {
  width: 30%;
  padding: 0px 70px;
  color: #4ebfc2;
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
}

.content .b3-left {
   box-sizing: content-box;
}

.b3-left::before {
  left: 0;
  bottom: -30%;
}

.b3-left::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 10px;
  top: -30%;
  opacity: 0.2;
}

.b3-left::before,
.b3-left::after {
  content: '';
  width: 63px;
  height: 172px;
  position: absolute;
  background-size: 100%;
  background: url(/images/icons/courses/b3-dots.png);
}

.b3-right {
  background: linear-gradient(90.16deg, #427AE4 -18.05%, #09368B 33.95%);
  color: #fff;
  width: 70%;
}

.b3-right-title {
  font-size: 25px;
  padding: 40px 0;
  line-height: 30px;
  text-align: center;
  font-weight: 400;
}

.b3-items {
  padding-bottom: 10%;
}

.b3-item {
  padding: 1% 15%;
  display: flex;
}

.b3-item-left {
  padding-right: 35px;
  font-size: 16px;
}

.b3-item-left > img {
  width: 50px;
}

@media (max-width: 850px) {
  .b3 {
    flex-wrap: wrap;
  }

  .b3-left {
    padding: 100px 70px;
    width: 100%;
    text-align: justify;
  }

  .b3-left:before {
    bottom: 5%;
  }

  .b3-left:after {
    top: 5%;
  }

  .b3-right {
    width: 100%;
  }
}

.b4 {
  padding-bottom: 0;
}

.b4-mess {
  padding: 0 5% 25px 35%;
  font-size: 16px;
  font-weight: 400;
  background: url(/upload/intensive-may-2018/b4-bg.png) no-repeat;
  background-size: auto;
  background-position: 4% bottom;
  position: relative;
}

.b4-mess:before {
  content: 'Программа стандартного курса осваивается в 2 раза быстрее';
  width: 239px;
  height: 196px;
  position: absolute;
  bottom: 220px;
  left: -80px;
  background: url(/upload/intensive-may-2018/b4-mess.png) no-repeat;
  background-size: cover;
  font-family: var(--default-font-name);
  font-display: swap;
  font-size: 21px;
  padding-left: 50px;
  padding-top: 40px;
}

@media (max-width: 1199px) {
  .b4-mess {
    background-position: 15% bottom;
  }

  .b4-mess:before {
    left: 20px;
  }
}

@media (max-width: 1024px) {
  .b4-mess {
    padding-left: 45%;
  }
}

@media (max-width: 800px) {
  .b4-mess {
    padding: 0px 30px 30px 10px;
    background: transparent;
  }

  .b4-mess:before {
    display: none;
  }
}

.b5 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.b5-b {
  display: flex;
  margin: 20px 0;
  align-items: center;
  background: #4ebfc2;
  position: relative;
}

.b5-b > img {
  width: 50%;
  height: 50%;
}

.b5-b-message {
  width: 50%;
  color: white;
  padding: 20px;
  font-size: 18px;
  font-weight: 400;
}

.b5-b-message > p {
  font-size: 24px;
  margin: 0 0 15px 0;
}

.b5-b:after {
  content: '';
  position: absolute;
  right: -160px;
  bottom: 0;
  width: 160px;
  height: 160px;
  background: url(/upload/intensive-may-2018/b5-b-bg.png) no-repeat;
}

@media (max-width: 1500px) {
  .b5-b:after {
    display: none;
  }
}

@media (max-width: 800px) {
  .b5-b {
    flex-wrap: wrap;
  }

  .b5-b img {
    width: 100%;
  }

  .b5-b-message {
    width: 100%;
  }
}

.b6 {
  display: flex;
  align-items: center;
  background-color: #eff7f8;
  padding-top: 35px;
  padding-right: 35px;
}

.b6 img {
  padding-bottom: 30px;
}

.b6-b {
  width: 100%;
  font-size: 16px;
  padding-bottom: 15px;
  background: url(/upload/intensive-may-2018/b6-b-bg.png) no-repeat;
  background-size: auto;
  background-position: left bottom;
}

.b6-b-title {
  padding-left: 125px;
  font-weight: 400;
  padding-top: 20px;
}

.b6-b-items {
  padding-left: 125px;
  margin-top: 10px;
}

.b6-b-items-colored {
  color: #58c1c5;
  font-weight: bold;
}

@media (max-width: 900px) {
  .b6-b-title {
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 10px;
  }

  .b6-b-items {
    padding-left: 25px;
    padding-right: 15px;
  }
}

@media (max-width: 750px) {
  .b6 {
    flex-wrap: wrap;
    justify-content: center;
  }

  .b6-b {
    background: transparent;
  }

  .b6 img {
    width: 50%;
  }
}

.b7-after-video {
  background-color: #e5f8f9;
  padding: 5% 15%;
  border-top: 3px solid #4ebfc2;
  padding-top: 10%;
  transform: translateY(-70px);
  margin-bottom: -70px;
}

.b-ados {
  display: flex;
  align-items: flex-start;
  padding-bottom: 40px;
  padding-top: 10px;
}

.b-ados > img {
  width: 40%;
  margin-right: 5%;
}

.b-ados-right {
  width: 60%;
}

.b-ados_title {
  color: #10bcc6;
  margin-bottom: 40px;
  font-weight: 400;
}

.b-ados_message {
  position: relative;
  font-weight: 400;
}

.b-ados_ih {
  background: url(/upload/intensive-may-2018/ados-ih.png) no-repeat center;
  background-size: cover;
  width: 250px;
  height: 250px;
  position: absolute;
  left: -125px;
  top: 10px;
  z-index: -1;
}

@media (max-width: 650px) {
  .b-ados {
    flex-wrap: wrap;
    justify-content: center;
  }

  .b-ados_title {
    margin-top: 20px;
    text-align: center;
  }
}

.b9-gallery {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  position: absolute;
  left: 50%;
  top: 60px;
  max-width: 640px;
  transform: translateX(-50%);
  width: 100%;
  overflow: hidden;
  justify-content: space-around;
}

.b9-gallery > div {
  width: 25%;
  margin-right: 1px;
}

.gallery-item {
  padding: 0;
}

.b9-after-video {
  position: relative;
  padding-top: 180px;
}

@media (max-width: 600px) {
  .b9-after-video {
    padding-top: 145px;
  }
}

.b {
  margin-top: 60px;
}

.b.b8 {
  margin-top: 0;
}

.b-title {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
  color: #231f20;
}

.b8-info {
  display: flex;
}

.b8-info-item {
  width: 25%;
  background-color: rgb(239, 247, 248);
  margin: 0 1px;
  padding: 0 20px;
  min-height: 330px;
}

.b8-info-item > div {
  padding-left: 15px;
  margin-top: 35px;
  font-weight: 400;
  font-size: 14px;
  color: black;
  border-left: 3px solid #51d0d7;
}

.b8-info-title {
  text-transform: uppercase;
  font-weight: 500;
  color: #51d0d7;
}

.b8-info-item > div > p {
  margin: 0;
}

@media screen and (max-width: 900px) {
  .b8-info {
    flex-wrap: wrap;
  }

  .b8-info-item {
    width: calc(50% - 45px);
    margin-bottom: 2px;
    height: auto;
    padding-bottom: 30px;
  }

  .b8-info-item:nth-child(4) {
    order: 1;
  }

  .b8-info-item:nth-child(2) {
    order: 2;
  }

  .b8-info-item:nth-child(3) {
    order: 3;
  }
}

.b-advantages {
  display: flex;
  width: 100%;
  align-items: stretch;
}

.b-advantages_item {
  width: 33%;
  border-bottom: 8px solid transparent;
  margin-right: 1px;
  margin-bottom: 10px;
}

.b-advantages_item > top-title {
  display: flex;
  height: 85px;
  align-items: center;
  color: #fff;
}
.b-advantages_item > top-title > img {
  padding: 0 22px;
}
.b-advantages_item > top-title > span {
  font-size: 16px;
  line-height: 24px;
  max-width: 160px;
  font-weight: 400;
}

.b-advantages_item > item-content {
  display: block;
  padding: 45px 25px 70px 25px;
  text-align: left;
  color: #555555;
  font-size: 16px;
  font-weight: 400;
}

@media screen and (max-width: 800px) {
  .b-advantages {
    flex-direction: column;
  }

  .b-advantages_item {
    width: 100%;
  }
}

.text-left {
  text-align: left;
}

.skill-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.skill-item {
  width: 16.666%;
  padding: 0 10px;
  text-align: center;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.skill-title {
  text-transform: uppercase;
  color: #09368B;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
}

.skill-icon {
  height: 40px;
  margin-bottom: 14px;
}

.text-small {
  font-size: 14px;
}

.skills-wrap,
.activities-list, .activities,
.activities-info, .tutorials-wrap,
.teacher-single-wrap .b3-left,
.logo-list, .chronology-item,
.courses-list, .courses-item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.light-green .skills-wrap .title {
  border-bottom-color: #93BC06;
}

.green .skills-wrap .title {
  border-bottom-color: #027A54;
}

.dark-blue .skills-wrap .title {
  border-bottom-color: #09368B;
}

.skills-wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.skills-wrap .content_block {
  width: 46%;
}

.skills-wrap .content_block:first-child {
  margin-right: 15px;
}

.skills-wrap ul {
  margin-top: 0;
}

.skills-wrap ul li:before {
  background: #C4C4C4;
}

.skills-wrap .title {
  padding-left: 20px;
  border-bottom: 2px solid #FF7B01;
  padding-bottom: 4px;
}

.content-message {
  padding-left: 100px;
  padding-right: 100px;
}

.activities-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 40px -12px 30px;
}

.activities-item {
  width: 33.333%;
  padding: 0 12px;
  margin-bottom: 30px;
  box-sizing: border-box;
}

.activities {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #ECEFF6;
  border-radius: 24px;
  height: 100%;
}

.activities-num {
  font-size: 120px;
  font-weight: 700;
  line-height: .7;
  color: #fff;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.activities-picture {
  position: relative;
}

.activities-picture img {
  display: block;
  width: 100%;
}

.activities-info {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  text-align: center;
  padding: 5px 15px 15px;
  height: 100%;
  min-height: 70px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.b3.full-size {
  margin-bottom: 50px;
  min-height: 180px;
  text-align: center;
}

.full-size .b3-left {
  width: 100%;
}

.swiper-slider-section {
  margin-bottom: 50px;
}

.dark-blue.main-swiper-slider {
  border-bottom: 6px solid #C4C4C4;
}

.dark-blue.main-swiper-slider.swiper-object {
  margin-top: 30px;
}

.dark-blue.main-swiper-slider .swiper-container {
  background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0%, #ECEFF6 100%);
  margin-bottom: 0;
  height: 280px;
}

.dark-blue.main-swiper-slider .swiper-button-next,
.dark-blue.main-swiper-slider .swiper-button-prev,
.dark-blue.main-swiper-slider .swiper-pagination-bullet-active {
  background: #21409A;
}

.dark-blue.main-swiper-slider .swiper-button-next,
.dark-blue.main-swiper-slider .swiper-button-prev {
  outline: none;
  z-index: 10;
  bottom: -39px;
}

.dark-blue.main-swiper-slider .swiper-button-prev {
  right: 60px;
}

.dark-blue.main-swiper-slider .swiper-button-next.swiper-button-disabled,
.dark-blue.main-swiper-slider .swiper-button-prev.swiper-button-disabled {
  opacity: .8;
}

.dark-blue.main-swiper-slider .swiper-slide {
  border-top: 0;
  padding-bottom: 10px;
}

.dark-blue.main-swiper-slider .swiper-slide::before,
.dark-blue.main-swiper-slider .swiper-slide::after {
  content: '';
  display: block;
  width: 218px;
  height: 218px;
  position: absolute;
  left: 0;
  top: 0;
}

.dark-blue.main-swiper-slider .swiper-slide::before {
  background: linear-gradient(90.16deg, #427AE4 -18.05%, #09368B 33.95%);
}
/*
.dark-blue.main-swiper-slider .swiper-slide::after {
  background: url(/images/courses/logo.png) no-repeat 0 40%;
}*/

.dark-blue.main-swiper-slider .swiper-text,
.dark-blue.main-swiper-slider .swiper-name {
  color: #fff;
  font-weight: 400;
}

.dark-blue.main-swiper-slider .swiper-name {
  font-size: 18px;
}

.dark-blue.main-swiper-slider .swiper-text {
  line-height: 1.4;
  max-width: 150px;
}

.dark-blue.main-swiper-slider .swiper-img {
  right: 0;
}

.tutorials-wrap {
  width: 100%;
  font-weight: 400;
  max-width: 800px;
  margin: 30px auto 0;
}

.tutorials {
  width: 260px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tutorials img {
  width: 100%;
  display: block;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.tutorials-info {
  width: calc(100% - 260px);
  padding: 0 100px;
  background: url(/images/courses/tutorials.svg) no-repeat 0 center;
}

.tutorials-section {
  margin-bottom: 30px;
}

.teacher-single-wrap {
  margin-top: 20px;
}

.teacher-single-wrap .b3-right {
  background: radial-gradient(50% 50% at 50% 50%, #427AE4 0%, #09368B 55.43%);
  position: relative;
  height: 340px;
}

.teacher-single-photo,
.teacher-single-name-wrap {
  position: absolute;
}

.teacher-single-photo {
  left: -60px;
  bottom: 0;
}

.teacher-single-name-wrap {
  width: 160px;
  font-weight: 400;
  right: 20px;
  bottom: 30px;
}

.teacher-single-name {
  font-size: 21px;
}

.teacher-single-name-eng {
  font-size: 14px;
}

.teacher-single-position {
  font-size: 12px;
  line-height: 1.2;
  color: #98B1EB;
}

.teacher-single-wrap .b3-left {
  min-height: 180px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.b2.our-school-wrap {
  background-image: url(/images/courses/ribbon.png);
  background-position: -110px bottom;
  background-repeat: no-repeat;
}

.our-school-wrap .b2-mess {
  background-image: none;
}

.logo-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 15px 30px 105px;
}

.logo-list img {
  max-width: 100%;
}

.logo-item {
  padding: 0 15px;
}

.chronology-wrap {
  text-align: center;
  padding: 50px 0;
}

.chronology-wrap img {
  width: 100%;
  max-width: 100%;
}

.chronology-title {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  max-width: 500px;
  color: #21409A;
  margin: 0 auto -60px;
}

.chronology-list {
  font-weight: 400;
  text-align: left;
}

.chronology-year {
  color: #c4c4c4;
  font-weight: 600;
  margin-right: 20px;
}

.text-bright-blue {
  color: #446DD3;
}

.chronology-item {
  margin-bottom: 20px;
}

.chronology-list {
  max-width: 500px;
  margin: 0 auto;
}

.courses-list {
  margin: 30px -15px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.courses-item {
  width: 33.333%;
  box-sizing: border-box;
  padding: 0 15px;
  margin-bottom: 30px;
}

.courses-item-link {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: #ECEFF6;
  padding: 15px 70px 15px 18px;
  -webkit-box-shadow: 0 5px 4px rgba(9, 54, 139, 0.25);
  box-shadow: 0 5px 4px rgba(9, 54, 139, 0.25);
  position: relative;
}

.courses-item-link,
.courses-item-link:hover {
  text-decoration: none;
}

.courses-item-icon {
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.courses-item-icon img {
  display: block;
}

.courses-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #21409A;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  text-transform: uppercase;
  padding: 4px 0 4px 10px;
  border-left: 4px solid #fff;
}

a .courses-item-inner span {
  text-decoration: underline;
}

a.courses-item-link:hover .courses-item-inner span {
  text-decoration: none;
}

.b5.quality-section {
  padding-bottom: 0;
  margin-bottom: 50px;
}

.quality-wrap {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
}

.quality-img {
  display: block;
}

.quality-text {
  font-size: 18px;
  color: #fff;
  background: rgba(9,54,139,0.9);
  padding: 40px 20px 40px 56px;
  position: absolute;
  box-sizing: border-box;
}

.quality-text::before {
  content: '';
  display: block;
  background: #fff;
  position: absolute;
}

.quality-text p {
  margin-top: 0;
}

.quality-text p:last-child {
  margin-bottom: 0;
}

.quality-text-top {
  width: 340px;
  left: 20px;
  top: 40px;
}

.quality-text-top::before {
  width: 3px;
  height: 60px;
  left: 40px;
  top: 0;
}

.quality-text-bottom {
  width: 366px;
  padding-left: 78px;
  right: 0;
  bottom: 42px;
}

.quality-text-bottom::before {
  width: 60px;
  height: 3px;
  left: 0;
  top: 40px;
}

.one-day-video {
  margin: 50px 0;
}

/* .course-banner {
  margin: 15px 0;
} */

.course-banner img {
  max-width: 100%;
}

.learn-english {
  padding: 20px 0 50px;
}

.learn-english__title {
  position: relative;
  padding-left: 45px;
  margin: 20px 0;
  max-width: 650px;
  font: 700 36px/1.1 var(--default-font-name), sans-serif;
  color: #09368B;
}

.learn-english__title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 34px;
  background: no-repeat center/cover url(/images/icons/courses/persent-blue.png);
}

.learn-english__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.learn-english__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 18px 32px;
  border-radius: 4px;
  min-height: 400px;
  max-width: 260px;
  width: 100%;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 25px 0px rgba(9, 54, 139, 0.25);
          box-shadow: 0px 4px 25px 0px rgba(9, 54, 139, 0.25);
  text-align: center;
  color: #555;
}

.learn-english__item__title {
  font: 700 18px/1 "Fira Sans", sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #929292;
}

.learn-english__item__title span {
  color: #09368b;
}

.learn-english__item__about {
  margin-bottom: auto;
}

.learn-english__item__about-month {
  font: 500 26px/1 var(--default-font-name), sans-serif;
}

.learn-english__item__about-month span {
  font-size: 42px;
}

.learn-english__item__about-text {
  font: 400 18px/1.3 var(--default-font-name), sans-serif;
}

.learn-english__item__price {
  margin-bottom: auto;
}

.learn-english__item__price-old {
  font: 400 32px/1.1 var(--default-font-name), sans-serif;
  color: #91AFE9;
}

.learn-english__item__price-old span {
  text-decoration: line-through;
}

.learn-english__item__price-new {
  font: 700 41px/1 var(--default-font-name), sans-serif;
  color: #21409A;
}

.learn-english__item__price-new span {
  display: none;
  font: 700 18px/1.1 var(--default-font-name), sans-serif;
  color: #555;
}

.learn-english__item__price-block,
.learn-english__item__price-block-mob {
  font: 400 18px/1.1 var(--default-font-name), sans-serif;
  color: #000;
}

.learn-english__item__benefit-text {
  font: 400 24px/1.1 var(--default-font-name), sans-serif;
}

.learn-english__item__benefit-price {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  font: 400 24px/1 var(--default-font-name), sans-serif;
  color: #21409A;
}

.learn-english__item__benefit-price::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: no-repeat center/cover url(/images/icons/courses/persent-blue.png);
}

.learn-english__item__btn-wrap {
  margin-top: 17px;
}

.learn-english__item__btn {
  font: 400 14px/1 '', sans-serif;
  color: #FFFFFF;
  text-transform: uppercase;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, color-stop(-18.05%, #427AE4), color-stop(33.95%, #09368B));
  background: -o-linear-gradient(left, #427AE4 -18.05%, #09368B 33.95%);
  background: linear-gradient(90deg, #427AE4 -18.05%, #09368B 33.95%);
  border: 1px solid #09368B;
  display: block;
  padding: 14px 33px;
}

.learn-english__item__btn:hover {
  text-decoration: none;
  background: transparent;
  color: #09368B;
}

.learn-english__item__price:not(:has(~.learn-english__item__benefit)) {
  margin-top: -15px;
}

.learn-english__item-discont {
  position: absolute;
  top: 12px;
  right: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #EB4236;
  font: 400 9px/1.1 var(--default-font-name), sans-serif;
  color: #FFF;
  text-transform: uppercase;
}

.learn-english__item-discont--big {
  font-size: 13px;
  width: 61px;
  height: 61px;
}

.learn-english__item-discont span {
  font-size: 19px;
}

.dod-info {
  background: #ef5350;
  border-radius: 22px;
  overflow: hidden;
  padding: 12px 30px;
  margin-top: 20px;
  display: flex;
  gap: 10px 20px;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  flex-wrap: wrap;
}

.dod-info--mb {
  margin-bottom: 20px;
}

.dod-info:hover {
  text-decoration: none;
}

.dod-info__img-wrap {
  flex-shrink: 0;
}

.dod-info__title {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  text-align: right;
  text-transform: uppercase;
}

.dod-info__title span {
  font-size: 33px;
}

.dod-info__num {
  font-size: 78px;
  line-height: 1;
  font-weight: 700;
}


@media (min-width: 768px) {
  .chronology-list {
    display: none;
  }
}

@media (min-width: 801px) {
  .b4-mess {
    min-height: 430px;
  }
}

@media (max-width: 991px) {
  .activities-list {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .activities-item {
    width: 40%;
    padding: 0 15px;
  }

  .tutorials-info {
    padding: 0 50px;
  }

  .b3.full-size {
    margin-bottom: 30px;
  }

  .learn-english__wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
  }
}

@media (max-width: 900px) {
  .dod-info__title {
    text-align: center;
  }
}

@media (max-width: 850px) {
  .teacher-single-wrap {
    margin-top: -50px;
  }

  .teacher-single-wrap .b3-left {
    min-height: 0;
  }

  .teacher-single-photo {
    left: 30px;
  }

  .courses-item-inner {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .skill-item {
    width: 25%;
    margin-bottom: 22px;
  }

  .another-program br {
    display: none;
  }

  .content-message {
    padding-left: 30px;
    padding-right: 30px;
  }

  .activities-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .activities-item {
    width: 100%;
    max-width: 400px;
  }

  .activities-num {
    bottom: 30px;
  }

  .tutorials-info {
    padding: 0 30px;
    width: calc(100% - 180px);
  }

  .tutorials {
    width: 180px;
  }

  .teacher-single-photo {
    width: 400px;
    left: 0;
  }

  .teacher-single-name-wrap {
    bottom: 15px;
  }

  .teacher-single-wrap .b3-right {
    height: 240px;
  }

  .chronology {
    display: none;
  }

  .chronology-title {
    margin-bottom: 30px;
  }

  .courses-list {
    margin-left: -8px;
    margin-right: -8px;
  }

  .courses-item {
    padding-left: 8px;
    padding-right: 8px;
  }

  .courses-item-link {
    padding-left: 12px;
    padding-right: 55px;
  }

  .courses-item-icon {
    right: 8px;
  }

  .courses-item-inner {
    font-size: 12px;
  }

  .learn-english {
    padding: 0 0 20px;
  }

  .dod-info__title {
    font-size: 22px;
  }

  .dod-info__title span {
    font-size: 26px;
  }

  .dod-info__num {
    font-size: 60px;
  }
}

@media (max-width: 700px) {
  .logo-list {
    margin-left: 15px;
  }

  .courses-item {
    width: 100%;
    min-height: 90px;
    margin-bottom: 20px;
  }

  .courses-item-link {
    padding-left: 18px;
    padding-right: 65px;
  }

  .courses-item-inner {
    font-size: 16px;
    padding-left: 15px;
  }

  .courses-item-icon {
    right: 15px;
  }
}

@media (max-width: 575px) {
   .tutorials-wrap,
  .logo-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tutorials-info {
    width: auto;
    background-position: center;
    margin-bottom: 30px;
  }

  .tutorials {
    width: 260px;
    margin: 0 auto;
  }

  .logo-list {
    margin-bottom: 0;
  }

  .logo-item {
    margin-bottom: 30px;
  }

  .quality-img {
    -webkit-transform: translateX(-15%);
    -ms-transform: translateX(-15%);
    transform: translateX(-15%);
  }

  .learn-english__title {
    font-size: 34px;
  }

  .learn-english__item {
    max-width: 375px;
    min-height: 350px;
  }

  .learn-english__item__price-block {
    display: none;
  }
  
  .learn-english__item__price-new span {
    display: inline-block;
  }

  .learn-english__item-discont {
    width: 73px;
    height: 73px;
    font-size: 12px;
  }

  .learn-english__item-discont span {
    font-size: 24px;
  }
}

@media (max-width: 549px) {
  .dark-blue.main-swiper-slider .swiper-slide::before {
    width: 380px;
  }
}

@media (max-width: 500px) {
  .b3-item {
    padding-inline: 7%;
  }

  .b3-item-left {
    padding-right: 20px;
  }

  .content-message,
  .tutorials-info {
    padding-inline: 0;
  }

  .b1-right {
    padding: 10px;
    height: auto;
  }

  .b1-right-title {
    font-size: 20px;
    margin-top: 10px;
    line-height: 1.2;
  }

  .b4-mess,
  .b2-mess {
    padding-inline: 10px;
  }

  .slide .content_block {
    width: 100% !important;
  }

  .b8-info-item {
    width: 100%;
    min-height: auto;
  }

  .block3,
  .block3-result {
    height: auto !important;
  }

  .block3 {
    padding-bottom: 20px !important;
  }

  .block3-result {
    margin-top: 40px !important;
  }

  .lesson-item > img {
    margin: 0 15px !important;
    width: 50px !important;
  }

  .what-do-item {
    width: 50% !important;
  }

  .what-do-item {
    padding-inline: 5px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  .block7-mess {
    padding-inline: 0 !important;
  }

  .block8-info-item {
    width: 100% !important;
  }

  .skills .slide .line {
    display: contents;
  }

  /*.skills .slide {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    gap: 10px;
    grid-template-areas:
    "header11 header21"
    "content11 content21"
    "header12 header22"
    "content12 content22";
  }

  .skills .line-title .line__item:nth-child(1) {
    grid-area: header11;
  }
  .skills .line-title .line__item:nth-child(2) {
    grid-area: header21;
  }
  .skills .line-title .line__item:nth-child(3) {
    grid-area: header12;
  }
  .skills .line__item:nth-child(1) {
    grid-area: content11;
  }
  .skills .line__item:nth-child(2) {
    grid-area: content21;
  }
  .skills .line__item:nth-child(3) {
    grid-area: content12;
  }*/

  .learn-english__item__price:not(:has(~.learn-english__item__benefit)) {
    margin-top: 0;
  }

  .b1 {
    height: auto;
    min-height: 250px;
  }

  .b-ados-right {
    width: 90%;
  }

  .page-course tr {
    display: flex;
  }

  .page-course td {
    width: 100%;
    padding: 10px 0;
  }

  .b6 {
    padding-right: 0;
  }

  .b6 img {
    display: block;
    margin: 0 auto;
    padding-top: 20px;
  }
}
/* End */
/* /local/templates/.default/components/bitrix/catalog.section/courses_list_razdel/exam-preparation.css?176374124227528 */
/* /local/templates/.default/components/bitrix/news.detail/course_det_block/style.css?175930908132530 */