@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap');

/* Указываем box sizing */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Убираем внутренние отступы */
ul[class],
ol[class] {
    padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
    min-width: 320px;
    font-family: 'Montserrat', sans-serif;
    min-height: 100vh;
    font-size: 18px;
    font-weight: 400;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: normal;
    color: #585858;

    background-image: url('../img/new-design/bg.jpg');
    background-size: cover;
}

@media (max-width: 768px) {
    body {
        font-size: 20px;
    }
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
    text-decoration-skip-ink: auto;
}

a {
    text-decoration: none;
}

/* Упрощаем работу с изображениями */
img {
    max-width: 100%;
    display: block;
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
    margin-top: 1em;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
    font: inherit;
}

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

button {
    border: none;
    background-color: inherit;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    padding: 0;
    margin: 0;
}

input {
    border: none;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

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

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1366px;
    }
}

@media (max-width: 768px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.section-header {
    background-image: url('../img/new-design/header-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;

    position: fixed;
    top: 0;

    z-index: 1100;
}

.header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__menu {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.header__menu-item {
    color: #000;
    margin-right: 15px;
}

.header__btn {
    width: 213px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #085465;
    border-radius: 10px;
    text-transform: uppercase;
    margin-right: 20px;
    margin-left: 20px;
}

.header__tel {
    display: flex;
    align-items: center;
}

.header__tel-icon {
    margin-right: 11px;
}

.header__tel-text {
    font-size: 19px;
    color: #000;
}

.section-banner {
    display: flex;
    align-items: center;
    height: 88vh;
    /*padding-top: 100px;*/
    background: #39c9fe;
    position: relative;
}

.banner__wrapper-video {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 88vh;
    left: 0px;
    top: 0px;
}

.banner__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
}

.banner__wrapper {
    position: relative;
    z-index: 1000;
    width: 340px;
    margin-left: auto;
}


.banner__title-top {
    font-size: 18px;
    line-height: 48px;
    text-transform: uppercase;
    color: #fcffff;
    font-weight: 500;
    background: rgb(195,80,42);
    background: linear-gradient(90deg, rgba(195,80,42,1) 0%, rgba(187,41,74,1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    /*width: 150px;*/
    height: 50px;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: -7px -6px 21px 10px rgba(34, 60, 80, 0.24);
    -moz-box-shadow: -7px -6px 21px 10px rgba(34, 60, 80, 0.24);
    box-shadow: -7px -6px 21px 10px rgba(34, 60, 80, 0.24);
}

.banner__title {
    font-size: 29px;
    letter-spacing: -1px;
    line-height: 29px;
    text-transform: uppercase;
    color: #39c9fe;
    font-weight: 900;
    padding: 10px 20px;
    border-radius: 0 0 10px 10px;

    background-color: #fff;

    margin-bottom: 20px;

    -webkit-box-shadow: 0px 11px 15px -4px rgba(34, 60, 80, 0.24);
    -moz-box-shadow: 0px 11px 15px -4px rgba(34, 60, 80, 0.24);
    box-shadow: 0px 11px 15px -4px rgba(34, 60, 80, 0.24);
}

.banner__subtitle {
    font-size: 20px;
    line-height: 25px;
    color: #fcffff;
    font-family: 'Proxima Nova', sans-sarif;
    padding: 0 10px 0 15px;
    margin-bottom: 20px;
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #cb5f2a;
    border-radius: 10px;

    filter: drop-shadow(0px 4px 5px rgba(5,39,41,0.27));
    background-image: linear-gradient(19deg, #eb2345 0%, #eb2345 3%, #cb5f2a 51%, #eb2345 100%);

    -webkit-box-shadow: 0px 11px 15px 1px rgba(34, 60, 80, 0.24);
    -moz-box-shadow: 0px 11px 15px 1px rgba(34, 60, 80, 0.24);
    box-shadow: 0px 11px 15px 1px rgba(34, 60, 80, 0.24);
}

.banner__btn {
    display: block;
    width: 300px;
    height: 50px;
    font-weight: 600;
    font-size: 18px;
    margin: 0 auto;
}

.title {
    font-size: 53px;
    letter-spacing: -1px;
    line-height: 91px;
    font-weight: 800;
    text-transform: uppercase;

    background: rgb(236,106,49);
    background: linear-gradient(90deg, rgba(236,106,49,1) 0%, rgba(206,111,117,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-align: center;

    margin-bottom: 30px;
}

.title_no-mb {
    margin-bottom: 0;
}

.title__subtitle {
    font-size: 18px;
    line-height: 28px;
    color: #585858;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
}

.section-about {
    padding-top: 45px;
}

.about__wrapper {
    display: flex;
    grid-gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;

    padding-bottom: 50px;
    margin-bottom: 90px;
}

.about__card {
    min-width: 326px;
    min-height: 480px;
    scroll-snap-align: center;
}

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

    width: 100%;
    height: 300px;
}

.about__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px 10px 0 0;
}

.about__card-body {
    font-family: "Proxima Nova", Sans-Serif;
    color: #fff;
    text-align: center;
    border-radius: 0 0 10px 10px;
    background: #6cbfd9;

    padding: 10px 15px;
}

.about__card-title {
    height: 46px;
    font-size: 25px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}

.about__card-text {
    height: 100px;
    font-size: 18px;
    line-height: 19px;
}

.section-cards {
    padding: 80px 0;
    background-image: url('../img/new-design/cards/cards-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.cards__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
}

.cards__card {
    display: flex;
    align-items: center;
}

.cards__card-title {
    font-size: 35px;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;

    padding: 10px 30px;
    border-radius: 31px;
    position: relative;
    top: -35px;

    margin: 0 auto;

    background-color: #cf4b3f;
}

.cards__item {
    font-size: 19px;
    line-height: 29px;
    text-transform: uppercase;
    color: #e6f3ff;
    font-family: "Proxima Nova", sans-serif;
    margin-bottom: 15px;
}

.cards__list {
    width: 100%;
    border: 4px solid #f4b5a4;
    border-radius: 35px;
    background: rgb(22,165,206);
    background: linear-gradient(180deg, rgba(22,165,206,1) 0%, rgba(17,98,127,1) 100%);
    padding: 0 40px 20px 40px;
}

.cards__wrapper div:nth-child(1) .cards__card .cards__card-title {
    background: rgb(207,75,63);
    background: linear-gradient(90deg, rgba(207,75,63,1) 33%, rgba(207,75,63,0) 100%);
}

.cards__wrapper div:nth-child(2) .cards__card .cards__card-title {
    background: rgb(45,45,45);
    background: linear-gradient(90deg, rgba(45,45,45,1) 33%, rgba(45,45,45,0) 100%);
}

.cards__wrapper div:nth-child(3) .cards__card .cards__card-title {
    background: rgb(108,191,217);
    background: linear-gradient(90deg, rgba(108,191,217,1) 33%, rgba(108,191,217,0) 100%);
}
.cards__wrapper div:nth-child(4) .cards__card .cards__card-title {
    background: rgb(108,191,217);
    background: linear-gradient(90deg, rgba(255, 223, 0) 33%, rgba(108,191,217,0) 100%);
}
.cards__wrapper div:nth-child(5) .cards__card .cards__card-title {
    background: rgb(108,191,217);
    background: linear-gradient(90deg, rgba(255, 223, 0) 33%, rgba(108,191,217,0) 100%);
}

.cards__btn {
    display: none;
    width: 218px;
    height: 60px;
    font-weight: 800;
    font-size: 15px;
    line-height: 30px;
    margin: 0 auto;
}

.section-news {
    padding-top: 120px;
    padding-bottom: 80px;
}

.news__wrapper {
    display: flex;
    grid-gap: 27px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 50px;
}

.news__wrapper::-webkit-scrollbar,
.about__wrapper::-webkit-scrollbar {
    height: 14px;
}

.news__wrapper::-webkit-scrollbar-track,
.about__wrapper::-webkit-scrollbar-track {
    background: #81adb1;
    border: 5px solid transparent;
    background-clip: content-box;
}

.news__wrapper::-webkit-scrollbar-thumb,
.about__wrapper::-webkit-scrollbar-thumb {
    background: #03b2c3;
    border: 1px solid #03b2c3;
    border-radius: 5px;
}

.news__card {
    display: flex;
    flex-flow: column;

    scroll-snap-align: center;

    min-width: 321px;
    min-height: 423px;

}

.news__img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 313px;
}

.news__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;

    border-radius: 5px 5px 0 0;
}

.news__card-title {
    font-size: 19px;
    line-height: 19px;
    text-transform: uppercase;
    color: #f6f6f6;
    font-weight: bold;
    font-family: "Proxima Nova", sans-serif;
    text-align: center;
    padding: 15px 13px;
    background-color: #6cbfd9;

    margin-bottom: 17px;
    border-radius: 0 0 5px 5px;
    height: 63px;
    max-height: 63px;
}

.news__card-title span {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
    display: block;
    display: -moz-box;
    display: -webkit-box;
    position: relative;
}

.news__link {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 145px;
    height: 30px;
    color: #6cbfd9;
    border: 1px solid #6cbfd9;
    padding: 10px;
    margin: 0 auto;

    text-transform: uppercase;
    border-radius: 10px;

    font-size: 11px;
    line-height: normal;
}

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

.kids__info-wrapper {
    width: 570px;
    height: 420px;
    border-radius: 7px;
    background-color: #ffffff;
    position: relative;
    left: -100px;
}

.kids__wrapper-img {
    width: 811px;
    height: 524px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kids__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 7px;
}

.kids__info {
    font-size: 18px;
    line-height: 28px;
    color: #585858;
    font-weight: 500;
    text-align: center;
    padding: 50px 80px 0 80px;
}

.kids__info_second {
    padding-top: 25px;
}

.kids__info-group {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.kids__group-title {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    margin-bottom: 15px;
    margin-top: 30px;
}

.kids__room-title {
    font-size: 39px;
    font-weight: 700;
    margin-bottom: 10px;
}

.kids__info-line {
    height: 4px;
    background-color: #cb635b;
    margin-top: 35px;
    margin-bottom: 35px;
}

.kids__info-group_room {
    padding-top: 50px;
}

.kids__title-ellipse {
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
}

.kids__title-ellipse_blue {
    color: #08b1ff;
}

.kids__title-ellipse_pink {
    color: #ff51af;
}

.kids__title-ellipse_brown {
    color: #d8985f;
}

.kids__info-group_teach .kids__ellipse {
    font-size: 16px;
}

.arrow {
    position: absolute;
    top: 35%;
    background-color: transparent;
}

.arrow_left {
    left: -25px;
}

.arrow_right {
    right: -25px;
    transform: rotate(180deg);
}

.kids__btn {
    width: 287px;
    height: 70px;
    margin: auto auto 15px auto;
}

.section-kids {
    padding-bottom: 80px;
}

.section-kids .container {
    position: relative;
}

.kids__arrow {
    z-index: 500;
    top: 55%;
}

.kids__arrow_left {
    right: 48%;
    left: auto;
}

.kids__arrow_right {
    right: 90px;
}

.kids__info-title {
    font-size: 24px;
    letter-spacing: -1px;
    line-height: normal;
    color: #585858;
    font-weight: 700;
    text-align: center;
    margin-bottom: 18px;
}

.kids__info-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.kids__info-item {
    font-size: 18px;
    line-height: normal;
    color: #585858;
    font-weight: 500;
    position: relative;

    display: flex;
    align-items: center;

    padding-left: 15px;
    margin-bottom: 3px;
}

.kids__info-item:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: #6cdbfb;
    left: 0;
}

.kids__info-ellipse {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.kids__info-subtitle {
    margin-bottom: 40px;
}

.kids__ellipse {
    height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 22px;
    line-height: normal;
    text-transform: uppercase;
    color: #585858;
    font-weight: 500;
    border-radius: 57px;
    opacity: 0.671;
}

.kids__ellipse_blue {
    background-color: #6cdbfb;
}

.kids__ellipse_pink {
    background-color: #fb6cc0;
}

.kids__ellipse_brown {
    background-color: #d8985f;
}

.kids__swim {
    margin-top: 50px;
}


.schedule__wrapper {
    background-image: url('../img/new-design/schedule/schedule-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;

    position: relative;

    display: flex;
    height: 470px;
    align-items: center;
    padding-left: 100px;
}

.schedule__img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.schedule__wrapper-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.schedule__arrow-icon_bottom {
    transform: rotate(180deg);
    margin-top: 20px;
}

.schedule__arrow-icon_top {
    margin-bottom: 20px;
}

.schedule__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 290px;
    height: 80px;
    background-color: #fff;

    font-size: 28px;
    letter-spacing: -1px;
    line-height: 27px;
    text-transform: uppercase;
    color: #64260c;
    font-weight: bold;
    font-family: "Proxima Nova", sans-serif;
    text-align: center;

    border-radius: 8px;

    -webkit-box-shadow: 0px 11px 15px 1px rgba(34, 60, 80, 0.24);
    -moz-box-shadow: 0px 11px 15px 1px rgba(34, 60, 80, 0.24);
    box-shadow: 0px 11px 15px 1px rgba(34, 60, 80, 0.24);
}

.section-schedule {
    padding-bottom: 120px;
}

.section-complex {
    padding-bottom: 80px;
}

.complex__wrapper {
    position: relative;
    display: flex;
    margin-top: 70px;
}

.complex__text-wrapper {
    position: absolute;
    width: 75%;
    height: 159px;
    padding: 27px 32px 20px 50px;
    border-radius: 7px;
    background: #dceaf3;

    font-size: 25px;
    line-height: 28px;
    font-family: "Proxima Nova", sans-serif;
    right: 0;
    top: -70px;
}

.complex__list-wrapper {
    display: flex;
    align-items: flex-end;
}

.complex__wrapper-img {
    width: 760px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;

    margin-right: 55px;
}

.complex__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.complex__item {
    display: flex;
    align-items: center;

    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
    font-family: "Proxima Nova", sans-serif;

    position: relative;

    cursor: pointer;
}

.complex__item_active {
    color: #5db8de;
}

.complex__item_active:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;

    border-radius: 50px;
    background: #5db8de;

    position: absolute;
    left: -22px;
}

.complex__btn {
    width: 250px;
    height: 70px;
    font-weight: 800;
    font-size: 14px;

    margin: 10px 0;
}

.section-application {
    background-image: url('../img/new-design/application/application-bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 602px;
}

.application__wrapper {
    width: 640px;
    margin-left: auto;
}

.application__text {
    font-size: 28px;
    letter-spacing: -1px;
    line-height: 34px;
    color: #085465;
    font-weight: bold;
    font-family: "Proxima Nova", sans-serif;
}

.application__item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #679efc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.application__item:nth-last-child(1) {
    border-bottom: none;
}

.application__list {
    width: 90%;
    margin: 0 auto 50px auto;
}

.section-application {
    padding-top: 25px;
    padding-bottom: 44px;
}

.application__icon {
    margin-right: 57px;
}

.application__text-small {
    font-weight: 400;
}

.application__link-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 43px;
    margin-bottom: 44px;
}

.application__link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 58px;
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 7px;
}

.application__link-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.section-contact {
    display: grid;
    grid-template-columns: 428px 1fr;
}

.contact__wrapper-info {
    box-shadow: inset 1px 1.732px 58.5px rgba(22,63,212,0.52);
    background-color: #62c0e2;

    padding: 40px 60px;
}

.contact__title {
    font-size: 31px;
    line-height: 56px;
    color: #085465;
    font-weight: bold;
    font-family: "Proxima Nova", sans-serif;
    margin-bottom: 33px;
    text-transform: uppercase;
    text-align: center;
}

.contact__item {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    color: #085465;
    font-family: "Proxima Nova", sans-serif;
    margin-bottom: 35px;
}

.contact__item:nth-last-child(1) {
    margin-bottom: 0;
}

.contact__icon {
    margin-right: 25px;
}

.contact__text_phone {
    font-size: 31px;
}

.section-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    background: #f78a29;
    padding: 15px 50px;
    column-gap: 10px;
}

.footer__link {
    font-size: 19px;
    line-height: 29px;
    text-decoration: underline;
    color: #000000;
    font-family: "Proxima Nova", Sans-Serif;
    margin-right: 20px;
}

.footer__soc {
    margin-right: 30px;
}

.section-team {
    padding-bottom: 70px;
}

.team__card-body {
    margin: 0 auto;
}

.team__card-body_hidden {
    display: none;
}

.team__img-wrapper {
    width: 212px;
    height: 212px;
    display: flex;
    justify-content: center;
    align-items: center;

    margin:0 auto 40px auto;
}

.team__img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    border-radius: 120px;
}

.team__name {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 26px;
    text-transform: uppercase;
    color: #424343;
    font-weight: 800;
    text-align: center;
    background: rgb(70,210,235);
    background: radial-gradient(circle, rgba(70,210,235,1) 0%, rgba(108,191,217,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    margin-bottom: 28px;
    word-spacing: 9999999px;
}

.team__btn {
    display: block;
    width: 88px;
    height: 22px;
    border: 1px solid rgb(70,210,235);
    border-radius: 7px;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0 auto;
}

.team__wrapper {
    position: relative;
}

.team__left {
    left: -100px;
}

.team__right {
    right: -100px;
}

.team__card-desc {
    display: none;
    height: 500px;
    background: rgb(66,197,221);
    background: radial-gradient(circle, rgba(66,197,221,1) 0%, rgba(32,180,219,1) 100%);
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 11px 15px 1px rgba(34, 60, 80, 0.24);
    -moz-box-shadow: 0px 11px 15px 1px rgba(34, 60, 80, 0.24);
    box-shadow: 0px 11px 15px 1px rgba(34, 60, 80, 0.24);
    border-radius: 7px;

    padding: 35px 30px 15px 30px;
    overflow-y: scroll;
}

.team__card-desc::-webkit-scrollbar {
    background: #3dcbf9;
}

.team__card-desc::-webkit-scrollbar-thumb {
    background: #3b9baf;
    border-radius: 20px;
    border: 3px solid #3dcbf9;
}

.team__card-desc_show {
    display: block;
}

.team__desc-name {
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 30px;
    text-transform: uppercase;
    color: #395e76;
    font-weight: 800;
    text-align: center;

    margin-bottom: 12px;
}

.team__desc-post {
    font-size: 11px;
    line-height: 11px;
    color: #385e76;
    font-weight: 700;
    text-align: center;

    margin-bottom: 20px;
}

.team__desc-text {
    font-size: 12px;
    line-height: 13px;
    color: #4e626f;
    font-weight: 500;

    margin-bottom: 18px;
}

.team__desc-speciality {
    font-size: 21px;
    line-height: 21px;
    text-transform: uppercase;
    color: #385e76;
    font-weight: 700;

    margin-bottom: 15px;
}

.team__desc-item {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #385e76;
    font-weight: 500;
    margin-bottom: 15px;
}

.team__desc-icon {
    margin-right: 10px;
}

.team__btn-back {
    width: 120px;
    height: 40px;
    border: 1px solid #fff;
    font-weight: 800;
    margin: 0 auto;
}

.reviews__card {
    background: rgb(22,166,207);
    background: linear-gradient(0deg, rgba(22,166,207,1) 38%, rgba(22,166,207,1) 100%);
    border: 3px solid #fff;
    border-radius: 10px;

    filter: drop-shadow(0px 4px 5px rgba(5,39,41,0.27));

    -webkit-box-shadow: 0px 11px 15px 1px rgba(34, 60, 80, 0.24);
    -moz-box-shadow: 0px 11px 15px 1px rgba(34, 60, 80, 0.24);
    box-shadow: 0px 11px 15px 1px rgba(34, 60, 80, 0.24);

    padding: 60px 30px 20px 30px;

    color: #f6f6f6;

    position: relative;

    margin: 40px 10px 40px 10px;
}

.reviews__name {
    font-size: 27px;
    letter-spacing: -1px;
    line-height: 54px;
    font-weight: 800;
    margin-bottom: 13px;
}

.reviews__desc {
    font-size: 13px;
    line-height: 13px;
    max-height: 117px;
    overflow: hidden;
    margin-bottom: 15px;
    font-family: "Proxima Nova", sans-serif;
    position: relative;
}

.reviews__desc_show {
    height: auto;
}
.reviews__desc_show:after {
    display: none;
}

.reviews__desc:after {
    content: '';
    background: rgb(22,166,207);
    background: linear-gradient(0deg, rgba(22,166,207,0.8687850140056023) 0%, rgba(22,166,207,0) 100%);
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.reviews__more {
    font-size: 11px;
    line-height: 7px;
    color: #89fff5;
    margin-bottom: 32px;
    text-transform: uppercase;
    cursor: pointer;
}

.reviews__map-item {
    display: flex;
    align-items: flex-start;
}

.reviews__map-icon {
    margin-right: 3px;
}

.reviews__map-address {
    font-size: 13px;
    line-height: 13px;
    text-decoration: underline;
    font-family: "Proxima Nova", Sans-Serif;
    margin-bottom: 44px;
}
.reviews__score {
    font-size: 24px;
    line-height: 16px;
    background: rgb(236,106,49);
    background: linear-gradient(90deg, rgba(236,106,49,1) 0%, rgba(206,111,117,1) 100%);
    font-weight: 900;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.reviews__symbol {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 75px;
    height: 75px;

    background-color: #fff;

    position: absolute;
    left: 10px;
    top: -35px;

    border-radius: 50px;
}

.reviews__symbol span {
    background: rgb(236,106,49);
    background: linear-gradient(90deg, rgba(236,106,49,1) 0%, rgba(206,111,117,1) 100%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-weight: 800;
    font-size: 50px;
    line-height: normal;
}

.reviews__wrapper {
    position: relative;
}

.reviews__left {
    left: -70px;
}

.reviews__right {
    right: -70px;
}

.section-reviews {
    padding-bottom: 100px;
}

.header__menu-mob {
    display: none;
}

.header__tel_mob {
    display: none;
}
.header__burger_mob {
    display: none;
}
.cards__arrow {
    display: none;
}
.modal__wrapper {
    background-image: url('../img/new-design/modal/modal-bg.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding: 100px 0;
    border-radius: 15px;
    position: relative;
}
.modal {
    max-width: 40%;
}
.modal__form-wrapper {
    width: 50%;
    margin: 0 auto;
}
.modal__logo {
    margin: 0 auto 65px auto;
}
.modal__input-group {
    display: flex;
    flex-flow: column;
    margin-bottom: 20px;
    align-items: flex-start;
}
.modal__input {
    width: 100%;
    background-color: #ceebee;
    height: 65px;
    border-radius: 30px;
    padding-left: 20px;
}
.modal__label {
    text-transform: uppercase;
    color: #ceebee;
    font-weight: 600;
    font-size: 18px;
    padding-left: 20px;
}

.agreement {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.agreement__label {
    font-size: 14px;
    line-height: 12px;
    color: #fff;
}
.agreement__checkbox {
    width: 12px;
    height: 12px;
    background-color: inherit;
    margin-right: 5px;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #fff;
}
.agreement__checkbox:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    background-color: inherit;
}
.agreement__link {
    color: #fff;
    text-decoration: underline;
    opacity: 0.6;
}
.honeyspot {
    position: absolute;
    left: 0;
    top: 0;
    width: 0.3px;
    height: 0.3px;
    opacity: 0;
}
.text-error {
    color: red;
    display: none;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}
.modal__btn {
    width: 250px;
    height: 50px;
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto;
}
.modal__close {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: -10px;
    border-radius: 50px;
    background-color: #e1fbfe;
    width: 45px;
    height: 45px;
    font-weight: 600;
}

@media (max-width: 1600px) {
    .team__left {
        left: -25px;
    }
    .team__right {
        right: -25px;
    }
    .reviews__left {
        z-index: 500;
        left: -25px;
    }
    .reviews__right {
        right: -25px;
    }
    .modal {
        max-width: 60%;
    }
}

@media (max-width: 1200px) {
    body {
        font-size: 16px;
    }
    .section-header {
        font-size: 14px;
    }
    .header__menu-item {
        margin-right: 5px;
    }
    .complex__wrapper {
        flex-flow: column;
    }
    .complex__text-wrapper {
        position: static;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .complex__list-wrapper {
        flex-flow: column;
        align-items: center;
    }
    .complex__wrapper-img {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .complex__img {
        border-radius: 7px;
    }
    .complex__wrapper {
        margin-top: 0px;
    }
    .application__wrapper {
        width: 530px;
    }
    .section-application {
        height: auto;
    }
    .footer__link {
        font-size: 16px;
    }
    .header__btn {
        width: 170px;
        margin-right: 7px;
        margin-left: 7px;
    }
    .kids__wrapper {
        flex-flow: column;
    }
    .kids__img-wrapper {
        width: 100%;
    }
    .kids__info-wrapper {
        width: 80%;
        height: auto;
        left: auto;
        top: -90px;
    }
    .kids__info {
        padding: 66px 50px;
    }
    .kids__arrow_left {
        right: auto;
        left: 10%;
    }
    .kids__arrow {
        top: 72%;
    }
    .section-kids {
        padding-bottom: 0;
    }
    .schedule__img {
        width: 50%;
    }
}

@media (max-width: 992px) {
    .header__menu {
        display: none;
    }
    .header__burger {
        cursor: pointer;
    }
    .header__burger span {
        display: block;
        width: 50px;
        height: 5px;
        border-radius: 3px;
        background-color: #fcffff;
        margin-bottom: 10px;
    }
    .header__burger span:nth-last-child(1) {
        width: 30px;
    }
    .header__tel_mob {
        display: flex;
    }
    .header__burger_mob {
        display: block;
    }
    .cards__wrapper {
        display: block;
        padding-top: 40px;
    }
    .cards__arrow {
        display: block;
        top: 45%;
    }
    .section-cards {
        position: relative;
    }
    .arrow_left {
        left: 15px;
    }
    .arrow_right {
        right: 15px;
    }
    .modal {
        max-width: 95%;
    }
    .modal__form-wrapper {
        width: 65%;
    }
    .modal__logo {
        margin: 0 auto 50px auto;
    }
    .modal__logo {
        width: 75%;
    }
    .modal__wrapper {
        padding: 40px 0;
    }
    .header__menu-mob_active {
        display: flex;
    }
    .header__menu-mob {
        justify-content: center;
        align-items: center;
        flex-flow: column;

        padding: 15px;

        position: absolute;
        width: 100%;
        left: 0;
        background-image: url('../img/new-design/header-bg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .header__menu-item {
        color: #fff;
        margin-bottom: 10px;
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .header__logo-wrapper {
        width: 30%;
    }
    .banner__wrapper {
        width: 100%;
    }
    .banner__title {
        font-size: 36px;
        line-height: 40px;
    }
    .banner__subtitle {
        font-size: 23px;
        margin-bottom: 70px;
    }
    .banner__btn {
        width: 100%;
        height: 65px;
        font-size: 21px;
    }
    .section-about {
        padding-top: 20px;
    }
    .title {
        font-size: 46px;
        line-height: 60px;
    }
    .about__wrapper {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    /*.section-about {*/
    /*    background-image: url('../img/new-design/cards/cards-bg-mob.jpg');*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: cover;*/
    /*    background-position: left;*/
    /*}*/
    .arrow {
        z-index: 100;
    }
    .section-cards {
        background-image: url('../img/new-design/cards/cards-bg-mob.jpg');
        padding: 30px 0;
    }
    .cards__list {
        border: none;
    }
    .section-news {
        /*background-image: url('../img/new-design/cards/cards-bg-mob.jpg');*/
        padding: 30px 0;
    }
    .section-kids {
        background-image: url('../img/new-design/cards/cards-bg-mob.jpg');
        padding-top: 40px;
    }
    .kids__info-wrapper {
        top: -50px;
        padding: 0;
    }
    .kids__info {
        font-size: 16px;
        line-height: 25px;
        padding: 0;
    }
    .kids__info-group {
        padding: 20px;
    }
    .kids__ellipse {
        min-height: 100%;
    }
    .kids__btn {
        width: 100%;
    }
    .section-schedule {
        padding:  30px 0;
    }
    .schedule__img {
        position: relative;
        width: 80%;
        margin-left: auto;
    }
    .schedule__wrapper {
        padding-top: 30px;
        height: auto;
        flex-flow: column;
        padding-left: 0;
        grid-gap: 30px;
    }
    .team__btn {
        width: 110px;
        height: 40px;
        font-size: 13px;
    }
    .team__name {
        font-size: 31px;
        line-height: 31px;
    }
    .section-team {
        padding-top: 30px;
    }
    .team__card-body {
        width: 100%;
    }
    .team__card-desc {
        width: 85%;
        height: auto;
        margin: 0 auto;
        padding: 15px;
    }
    .team__img-wrapper {
        width: 50%;
        height: auto;
        margin: 0 auto 15px auto;
    }
    .arrow_left {
        left: 0;
    }
    .arrow_right {
        right: 0;
    }
    .team__desc-text {
        font-size: 16px;
        line-height: normal;
    }
    .team__desc-post {
        font-size: 16px;
        line-height: normal;
    }
    .team__desc-speciality {
        font-size: 24px;
        line-height: 21px;
    }
    .complex__text-wrapper {
        padding: 20px;
        font-size: 22px;
        line-height: 25px;
    }
    .complex__btn {
        width: 100%;
    }
    .complex__list {
        width: 100%;
        text-align: center;
    }
    .section-complex {
        padding-bottom: 40px;
    }
    .reviews__left {
        left: -15px;
    }
    .reviews__right {
        right: -15px;
    }
    .reviews__name {
        font-size: 35px;
        line-height: normal;
    }
    .reviews__desc {
        font-size: 18px;
        line-height: normal;
        margin-bottom: 20px;
    }
    .reviews__map-address {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 25px;
    }
    .section-reviews {
        padding-bottom: 60px;
    }
    .reviews__more {
        display: none;
    }
    .reviews__desc:after {
        display: none;
    }
    .section-application {
        background-image: url('../img/new-design/application/application-bg-mobile.jpg');
        position: relative;
    }
    .application__link-group {
        grid-template-columns: 1fr;
    }
    .application__link {
        width: 70%;
        margin: 0 auto;
    }
    .section-contact {
        grid-template-columns: 1fr;
    }
    .contact__wrapper-map {
        height: 500px;
    }
    .contact__wrapper-info {
        padding: 30px;
    }
    .contact__item {
        font-size: 20px;
    }
    .section-footer {
        flex-flow: column;
        grid-gap: 15px;
    }
    .footer__link {
        font-size: 18px;
    }
    .application__wrapper {
        width: 100%;
    }
    .application__icon {
        margin-right: 15px;
    }
    .application__text {
        font-size: 23px;
        line-height: normal;
    }
}
@media (max-width: 576px) {
    .title {
        font-size: 36px;
        line-height: 40px;
    }
    .header__tel-text {
        font-size: 14px;
    }
    .header__burger span {
        width: 45px;
        height: 4px;
    }
    .section-header {
        height: 75px;
    }
    .section-banner {
        padding: 100px 0;
        min-height: 100vh;
        height: auto;
    }
    .kids__info-wrapper {
        padding: 10px;
    }
    .kids__info {
        font-size: 14px;
        line-height: normal;
    }
    .schedule__link {
        font-size: 22px;
        line-height: normal;
    }
    .team__desc-text {
        font-size: 14px;
    }
    .complex__text-wrapper {
        padding: 15px;
        font-size: 16px;
        line-height: normal;
    }
    .complex__item_active:before {
        left: -18px;
    }
    .complex__item {
        font-size: 21px;
        line-height: 30px;
    }
    .reviews__symbol {
        left: 35%;
    }
    .reviews__desc {
        font-size: 14px;
    }
    .reviews__name {
        font-size: 24px;
    }
    .contact__wrapper-info {
        padding: 15px;
    }
    .contact__text_phone {
        font-size: 22px;
    }
    .contact__icon {
        margin-right: 15px;
    }
    .contact__item {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .footer__link {
        font-size: 16px;
        line-height: normal;
    }
    .footer__soc {
        margin-right: 0;
    }
    .application__text {
        font-size: 16px;
    }
    .complex__list {
        padding-left: 15px;
    }
    .modal__form-wrapper {
        width: 90%;
    }
    .modal__input {
        height: 45px;
    }

    .kids__info-group {
        background-color: #fff;
        border-radius: 7px;
    }
    .kids__info-wrapper {
        background: transparent;
    }
    .kids__info-title {
        font-size: 18px;
    }
    .kids__info-item {
        font-size: 14px;
    }
    .kids__btn {
        margin-top: 20px;
    }
    .kids__info-subtitle {
        margin-bottom: 25px;
    }
    .kids__ellipse {
        height: 100px;
        font-size: 18px;
    }
    .reviews__right {
        right: 0;
    }
    .reviews__left {
        left: 0;
    }
    .kids__info-wrapper {
        width: 98%;
    }
    .kids__arrow {
        top: 65%;
    }
    .kids__info-group_teach .kids__ellipse {
        font-size: 12px;
    }
    .kids__title-ellipse {
        font-size: 12px;
    }
    .kids__room-title {
        font-size: 28px;
    }
}

/* Новости старые */
/* Детальная страница Новости */
.section-news-single {
    padding: 90px 0;
}

.news-single__date {
    font-size: 23.8px;
    line-height: 23px;
    font-weight: 300;
    text-transform: uppercase;
    color: #e23301;
    margin-bottom: 25px;
}

.news-single__title {
    font-size: 50px;
    line-height: 40px;
    color: #3c3c3c;
    margin-bottom: 25px;
}

.news-single__wrapper-img {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 60%;
    margin-bottom: 40px;
}

.news-single__img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.news-single__content {
    font-size: 24px;
    font-weight: 700;
    color: #3c3c3c;
}

.news__pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 15px;
    margin-top: 40px;
}

.news__pagination-item {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    text-decoration: none;

}

.news__pagination-item_active,
.news__pagination-item:hover {
    border: 2px solid #009de0;
    border-radius: 5px 15px;
}

@media only screen and (max-width: 992px) {
    .news__wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .news__title {
        font-size: 45px;
        line-height: 45px;
        margin-bottom: 50px;
    }

    .section-news-single {
        padding: 40px 0;
    }

    .news-single__title {
        font-size: 28px;
    }

    .news-single__content {
        font-size: 20px;
    }

    .news-single__date {
        font-size: 18px;
    }
}

@media only screen and (max-width: 768px) {
    .news__card-body {
        padding: 20px;
    }

    .news__wrapper {
        grid-gap: 15px;
    }

    .news__card {
        height: auto;
    }

    .news__card-title {
        font-size: 20px;
    }

    .section-news-list_main .news__wrapper {
        grid-template-columns: repeat(3, 300px);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .section-news-list_main .news__card {
        scroll-snap-align: start;
    }

}

@media only screen and (max-width: 576px) {
    .news__wrapper {
        grid-template-columns: 1fr;
        padding-left: 10px;
        padding-right: 10px;
    }

    .news-single__title {
        line-height: 30px;
    }

    .news-single__content {
        font-size: 18px;
    }

    .news-single__wrapper-img {
        width: 100%;
    }
}

/* Second news template */
.section-news-second {
    padding: 120px 0;
}

.news-second__img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 447px;
    margin-bottom: 10px;
}

.news-second__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.news-second__card {
    background-color: #00dbe1;
    background-image: linear-gradient(183.0deg, #212121 -18%, #303030 65%, #4b4b4b 118%);
    border: 2px solid rgba(124,124,124,0.51);
    box-shadow: 0px 4px 16px 0px rgba(1,0,0,0.34);
    border-radius: 20px;
    padding: 20px 40px 60px 40px;
    position: relative;
    margin-bottom: 80px;
}

.news-second__title {
    font-size: 35px;
    line-height: 19px;
    font-weight: 900;
    letter-spacing: 0.02em;
    color: #00ecfb;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}

.news-second__subtitle {
    font-size: 18.8px;
    line-height: 28px;
    font-weight: 700;
    color: #f9f9f9;
    text-align: center;
    margin-bottom: 35px;
}

.news-second__form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 20px;
}

.news-second__input {
    border: 3px solid #f8c80e;
    border-radius: 20px;
    height: 64px;
    background: transparent;
    font-size: 20.5px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #ffffff;
    padding-left: 15px;
}

.news-second__btn {
    width: 421px;
    height: 72px;

    background-image: linear-gradient(-89.0deg, #d47731 -14%, #d47731 88%, #d47731 114%);
    box-shadow: 0px 8px 10px 0px rgba(23,117,144,0.89);
    border-radius: 36px;
    border: none;

    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    text-transform: uppercase;
    color: #f6f6f6;

    position: absolute;
    bottom: -35px;
    left: 30%;

    cursor: pointer;
    transition: all 0.2s ease-out;
}

.news-second__success {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
    background-color: #ffff;
    border-radius: 25px;
}

.news-second__btn:hover {
    color: #000;
    background-image: none;
    background-color: #3196b8;
    border: 1px solid #3196b8;
}

.news-second__second-title {
    font-size: 31px;
    line-height: 39px;
    font-weight: 700;
    text-transform: uppercase;
    color: #274343;
    text-align: center;
    margin-bottom: 40px;
}

.news-second__scheme {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.news-second__notation {
    font-size: 13.4px;
    line-height: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    opacity: 0.8;
    margin-top: 80px;
    text-align: center;
}

.news-second__message {
    display: none;
    color: #fff;
}

.news-second__message_show {
    display: block;
}

@media (max-width: 992px) {
    .news-second__title {
        font-size: 30px;
    }

    .news-second__btn {
        left: 20%;
    }
}

@media (max-width: 768px) {
    .section-news-second {
        padding-top: 0;
    }

    .news-second__img-wrapper {
        height: 301px;
        margin-bottom: 0;
    }

    .news-second__card {
        border-radius: 0px 0px 20px 20px;
        padding: 20px 20px 60px 20px;
        margin-bottom: 60px;
    }

    .news-second__title {
        font-size: 21px;
        margin: 0;
    }

    .news-second__subtitle {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 20px;
    }

    .news-second__form {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .news-second__input {
        width: 70%;
        height: 55px;
        margin: 0 auto;
        font-size: 16px;
    }

    .news-second__btn {
        width: 60%;
        height: 55px;
        font-size: 17px;
        line-height: 20px;
    }

    .news-second__agreement {
        justify-content: center;
    }

    .news-second__second-title {
        font-size: 22px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .news-second__notation {
        margin-top: 30px;
    }

    .news-second__img-wrapper {
        height: auto;
    }

    .news-second__img {
        object-fit: contain;
        object-position: bottom;
    }
}
.spot {
    width: 1px;
    height: 1px;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    background: inherit;
}
#panel {
    position: relative;
    z-index: 10000;
}

/* Акции */
.stock__wrapper {
    width: 500px;
    position: relative;
    margin: 15px auto 0 auto;
}

.stock__wrapper-img {
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.stock__img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stock__body {
    display: flex;
    flex-flow: column;
    justify-content: center;
    background-image: linear-gradient(124deg, #71c6ff 0%, #0082fc 100%);
    border-radius: 0 0 100px 0;
    padding: 10px 30px 30px 30px;
}

.stock__arrow-bg {
    position: absolute;
    width: 70px;
    top: 0;
    right: -40px;
}

.wct-tmp__feedback-form__result {
    text-align: center;
    margin-top: 15px;
    color: #fff;
}

#drp_countdown {
    display: flex;
    justify-content: center;
    align-content: center;
    grid-gap: 30px;
    position: relative;
    top: -45px;
    z-index: 10000;

    height: 50px;
}

#drp_countdown > div {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    border: 10px solid rgba(86, 139, 230, .7);
    background-color: #e2d9f7;

    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    text-align: center;
    color: #2815b5;
}

#drp_countdown > div > span {
    font-size: 14px;
    line-height: 14px;
    display: block;
}

.stock__title {
    color: #f5fb01;
    font-weight: 900;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 27px;
    line-height: normal;
}

.stock__desc * {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

.stock__desc {
    margin-bottom: 20px;
}

.stock__form-text {
    text-align: start;
    font-size: 16px;
    line-height: 16px;
    color: #24263f;
}

.stock__form-title {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ff3737;
    text-align: start;
}

/*.stock__form-wrapper {*/
/*    display: grid;*/
/*    grid-template-columns: 1.5fr 1fr;*/
/*    grid-gap: 15px;*/
/*    margin-top: 15px;*/
/*}*/

.stock__form-wrapper {
    position: relative;
    margin-bottom: 0;
}

.stock__input-group {
    display: grid;
    grid-template-columns: 0.6fr;
    grid-row-gap: 20px;
    padding-top: 30px;
    position: relative;
}

.stock__input {
    height: 50px;
    border-radius: 11px;
    background-color: #edf8ff;
    border: 3px solid #2e00c8;
    padding: 10px;
    color: #2e2589;
}

.stock__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-radius: 10px;
    border: none;
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
}

.stock__btn_submit {
    position: absolute;
    color: #f6ff00;
    background-image: url('../img/svg/submit-bg.svg');
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    grid-row: 1 / 3;
    grid-column: 2;

    width: 100%;
    height: 140%;

    top: -30px;
    padding: 15px;
    right: -5px;

    font-weight: 700;
    font-size: 16px;

    text-transform: uppercase;
}

.stock__btn_cancel {
    border-radius: 11px;
    background-color: transparent;
    border: 1px solid #9ccff3;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #9ccff3;
    font-weight: 500;

    width: 180px;
    height: 40px;

    margin: 40px auto 0 auto;
}

.stock__close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    position: absolute;
    right: -20px;
    top: -15px;
    cursor: pointer;
    background-image: url('../img/svg/close.svg');
    -webkit-background-size: contain;
    background-size: contain;
}

@media only screen and (max-width: 768px) {
    .stock__wrapper {
        width: 80vw;
        margin: 0 auto;
    }

    .stock__card-time {
        width: 50px;
        height: 50px;
        font-size: 28px;
    }

    .stock__form-wrapper {
        grid-template-columns: 1fr;
    }

    .stock__body {
        padding: 15px;
    }

    .stock__wrapper-img {
        height: auto;
        align-items: flex-end;
    }

    .stock__img {
        -o-object-fit: contain;
        object-fit: contain;
        height: auto;
    }

    .stock__close {
        right: 0;
        top: 0;
    }
}

@media only screen and (max-width: 576px) {
    .stock__wrapper {
        width: 100%;
    }

    .stock__btn_submit {
        position: static;
        height: 50px;
        -ms-grid-row: 3;
        grid-row: 3;
        -ms-grid-column: 1;
        grid-column: 1;
        background-color: #d9451d;
        background-image: none;
    }

    .stock__btn_submit br {
        display: none;
    }

    .stock__btn_cancel {
        margin: 20px auto 0 auto;
    }

    #drp_countdown > div {
        font-size: 20px;
        line-height: 20px;

        width: 70px;
        height: 70px;
    }

    #drp_countdown {
        grid-gap: 10px;
    }

    .stock__input-group {
        grid-template-columns: 1fr;
    }

    .stock__arrow-bg {
        display: none;
    }

    .stock__desc {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .stock__time-title {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 16px;
    }

    .stock__card-time {
        width: 45px;
        height: 45px;
        font-size: 24px;
        border-radius: 10px;
    }

    .stock__time-separator span {
        width: 5px;
        height: 5px;
    }

    .stock__time-separator {
        height: 20px;
    }
}
.breadcrumbs {
    display: block;
    font-size: 16px;
    line-height: 27px;
    text-transform: uppercase;
    color: #515151;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 46px;
}
.section-schedule-single {
    padding: 100px 0;
    background-image: url('../img/new-design/schedule/schedule-single-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.title-page {
    color: #f78a29;
    text-transform: uppercase;
    font-size: 36px;
    line-height: normal;
    margin-bottom: 40px;
}
.schedule-single__frame {
    width: 100%;
    height: 500px;
}

.politic-modal {
    background-color: #f78a29;
    padding: 40px;
    color: #fff;
    text-align: justify;
}

.politic-modal h2 {
    margin-bottom: 30px;
}