/* Start:/local/templates/atribeautekids/template_styles.css?1748330985294746*/
@import "/local/templates/atribeautekids/css/fonts.css";
@import "/local/templates/atribeautekids/libs/swiper/swiper-bundle.min.css";
@import "/local/templates/atribeautekids/libs/fancybox/fancybox.css";
@import "/local/templates/atribeautekids/libs/flatpickr/flatpickr.min.css";
@import "/local/templates/atribeautekids/css/new.css";
@import "/local/templates/atribeautekids/css/widget-doctors.css";

:root {
    --white: #fff;
    --white40: rgba(255, 255, 255, 0.4);
    --black: #1e1e1e;
    --gray: #515151;
    --gray1: #F2F4F5;
    --gray2: #E2E2E2;
    --gray3: #8F8F8F;
    --gray4: #BFBFBF;
    --orange1: #FFF5E7;
    --orange2: #FCC5A6;
    --orange3: #E66637;
    --orange4: #C54A1C;
    --yellow1: #FFF4D3;
    --yellow2: #EDB828;
    --yellow3: #D0BA7A;
    --yellow4: #9D8232;
    --blue1: #E1F5FC;
    --blue2: #19647E;
    --pink1: #FADDEE;
    --pink2: #C5659E;
    --green1: #E3F4D4;
    --green2: #598A64;
    --bdrs60: 60px;
    --bdrs20: 20px;
    --bdrs14: 14px;
    --paddingSize: 20px;
    --paddingSizeMob: 16px;
    --fontsize: 16px;
    --lineheight: 1.5;
    --userfont: 'Manrope', sans-serif;
    --accentfont: 'Bad Script', cursive;
    --systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --anim150: .15s ease-out;
    --anim300: .3s ease-out;
    --anim400: .4s ease-out;
    --duration: 4s;
    --durationSecond: 3s;
    --f-button-bg: transparent;
}

span {
    color: var(--color);
    display: contents;
}

.video-item img, .video-single-item__pict img, .works-item-pict img, .video-online__img img, .order-pict img, .media-item img, .media-main img, .main__pict img, .feedback-item-inner__pict img, .faq__pict img, .sert-slider__pict img, .content-img img, .content-video img, .consult-pict img, .about__pict img, .sale-item__pict img, .gallery-body a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

::-webkit-input-placeholder {
    color: var(--gray3);
}

::-moz-placeholder {
    color: var(--gray3);
}

:-ms-input-placeholder {
    color: var(--gray3);
}

::-ms-input-placeholder {
    color: var(--gray3);
}

::placeholder {
    color: var(--gray3);
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=checkbox],
input[type=radio] {
    width: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

input:focus {
    outline: none;
}

:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus {
    color: var(--gray);
    -webkit-box-shadow: inset 0 0 0 40px var(--yellow1);
    box-shadow: inset 0 0 0 40px var(--yellow1);
}

html {
    height: 100%;
}

body {
    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;
    min-width: 320px;
    min-height: 100%;
    font-family: var(--userfont);
    font-size: var(--fontsize);
    line-height: var(--lineheight);
    color: var(--black);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    background: #fff;
}

ol {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ul-answer {
    padding-left: 15px;
    list-style-type: disc;
}

a {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    -webkit-transition: color var(--anim150), background-color var(--anim150);
    -o-transition: color var(--anim150), background-color var(--anim150);
    transition: color var(--anim150), background-color var(--anim150);
    text-decoration: none;
}

a:focus {
    outline: none;
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.content-table {
    border: 1px solid #000000;
    border-collapse:collapse;
    overflow-x: auto;
    margin-bottom: 20px;
}

.content-table td{
    border: 1px solid #000000;
    padding: 15px;
}

figure {
    margin: 0;
    padding: 0;
}

button {
    -webkit-transition: color var(--anim150), background var(--anim150);
    -o-transition: color var(--anim150), background var(--anim150);
    transition: color var(--anim150), background var(--anim150);
}

svg path {
    -webkit-transition: fill var(--anim150), stroke var(--anim150);
    -o-transition: fill var(--anim150), stroke var(--anim150);
    transition: fill var(--anim150), stroke var(--anim150);
}

@font-face {
    font-family: "montserrat-brk";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/local/templates/atribeautekids/fonts/MontserratRegular/MontserratRegular.woff2) format("woff2");
    src: url(/local/templates/atribeautekids/fonts/MontserratRegular/MontserratRegular.woff) format("woff");
    src: url(/local/templates/atribeautekids/fonts/MontserratRegular/MontserratRegular.ttf) format("truetype");
}

@font-face {
    font-family: "montserrat-brk";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/local/templates/atribeautekids/fonts/MontserratBold/MontserratBold.woff2) format("woff2");
    src: url(/local/templates/atribeautekids/fonts/MontserratBold/MontserratBold.woff) format("woff");
    src: url(/local/templates/atribeautekids/fonts/MontserratBold/MontserratBold.ttf) format("truetype");
}

@font-face {
    font-family: "montserrat-brk";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/local/templates/atribeautekids/fonts/MontserratSemiBold/MontserratSemiBold.woff2) format("woff2");
    src: url(/local/templates/atribeautekids/fonts/MontserratSemiBold/MontserratSemiBold.woff) format("woff");
    src: url(/local/templates/atribeautekids/fonts/MontserratSemiBold/MontserratSemiBold.ttf) format("truetype");
}

@font-face {
    font-family: "playfairdisplay-brk";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/local/templates/atribeautekids/fonts/PlayfairDisplayItalic/PlayfairDisplayItalic.woff2) format("woff2");
    src: url(/local/templates/atribeautekids/fonts/PlayfairDisplayItalic/PlayfairDisplayItalic.woff) format("woff");
    src: url(/local/templates/atribeautekids/fonts/PlayfairDisplayItalic/PlayfairDisplayItalic.ttf) format("truetype");
}

body.overflow {
    overflow: hidden;
}

select.js-select {
    position: absolute !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

ul li {
    position: relative;
}

ul li:before {
    content: "";
    position: absolute;
    left: 0;
    border-radius: 50%;
    background: var(--blue2);
}

.hidden {
    display: none;
}

.container {
    width: 100%;
    max-width: 1560px;
    margin: 0 auto;
    padding: 0 var(--paddingSize);
}

@media only screen and (max-width: 1580px) {
    .container {
        max-width: 1400px;
    }
}

@media only screen and (max-width: 1420px) {
    .container {
        max-width: 1170px;
    }
}

@media only screen and (max-width: 1200px) {
    .container {
        max-width: 960px;
    }
}

@media only screen and (max-width: 1023px) {
    .container {
        max-width: 768px;
    }
}

@media only screen and (max-width: 767px) {
    .container {
        padding: 0 var(--paddingSizeMob);
    }
}

@media only screen and (min-width: 1200px) {
    .container_small {
        max-width: calc(1004px + var(--paddingSize) * 2);
    }
}

.overlay-wrapper {
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 100;
    -webkit-transition: opacity var(--anim400), visibility var(--anim400);
    -o-transition: opacity var(--anim400), visibility var(--anim400);
    transition: opacity var(--anim400), visibility var(--anim400);
    background-color: rgba(0, 0, 0, 0.5);
}

.overlay-wrapper.show {
    visibility: visible;
    opacity: 1;
}

.header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-top: 180px;
}

@media only screen and (max-width: 1200px) {
    .wrapper {
        padding-top: 86px;
    }
}

@media only screen and (max-width: 1023px) {
    .wrapper {
        padding-top: 75px;
    }
}

@media only screen and (max-width: 575px) {
    .wrapper {
        padding-top: 50px;
    }
}

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.info a,
.about a,
.order a,
.feedback-item__desc a,
.important a,
.vacancy-item a,
.content-main a,
.price-datailed__desc a,
.faq-item__text a,
.banner-inner__desc a {
    color: var(--orange3);
    transition: all 0.3s ease 0s;
}

.content-section a {
    width: fit-content;
    display: contents;
}

.sert-slider a {
    width: auto;
    display: block !important;
    border-radius: 40px;
}

.sert-slider a img {
    width: auto;
}

.info a:hover,
.about a:hover,
.order a:hover,
.feedback-item__desc a:hover,
.important a:hover,
.vacancy-item a:hover,
.content-main a:hover,
.price-datailed__desc a:hover,
.faq-item__text a:hover,
.banner-inner__desc a:hover {
    color: var(--orange4);
}

a.order-form__btn {
    color: var(--gray);
}

a.btn:hover,
a.btn.btn_secondary:hover {
    color: var(--white);
}

a.vacancy-item__btn,
a.btn {
    color: #fff;
}

a.btn.btn_secondary {
    color: var(--gray);
}

a.page-btns__btn,
a.page-nav__btn,
a.important__btn,
a.important__btn:hover {
    color: var(--black);
}

section {
    padding: 110px 0;
    overflow: hidden;
}

@media only screen and (max-width: 1420px) {
    section {
        padding: 70px 0;
    }
}

@media only screen and (max-width: 767px) {
    section {
        padding: 50px 0;
    }
}

.section-inner {
    padding: 0 0 110px;
}

@media only screen and (max-width: 1023px) {
    .section-inner {
        padding-bottom: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .section-inner {
        padding-bottom: 50px;
    }
}

.section-submain {
    padding: 70px 0 50px;
}

@media only screen and (max-width: 767px) {
    .section-submain {
        padding: 30px 0 50px;
    }
}

@media only screen and (max-width: 767px) {
    .section-submain_benefits {
        padding: 20px 0;
    }
}

.fancybox__backdrop {
    background: rgba(0, 0, 0, 0.5);
}

.fancybox__slide {
    padding: 16px;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
    background: none;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: none;
}

.video-popup .fancybox__content > .f-button.is-close-btn {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    opacity: 1;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.fancybox__content > .f-button.is-close-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 48px;
    height: 48px;
    opacity: 1;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.fancybox__content > .f-button.is-close-btn svg {
    width: 100%;
    height: 100%;
    stroke-width: unset;
}

.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80px 80px;
}

.is-horizontal .fancybox__nav .f-button.is-prev:focus, .is-horizontal .fancybox__nav .f-button.is-prev:active,
.is-horizontal .fancybox__nav .f-button.is-next:focus,
.is-horizontal .fancybox__nav .f-button.is-next:active {
    background-color: transparent;
}

.is-horizontal .fancybox__nav .f-button.is-prev svg,
.is-horizontal .fancybox__nav .f-button.is-next svg {
    display: none;
}

.is-horizontal .fancybox__nav .f-button.is-prev {
    left: 10em;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/arrow-popup-left.svg);
}

@media only screen and (max-width: 1200px) {
    .is-horizontal .fancybox__nav .f-button.is-prev {
        left: 2em;
    }
}

.is-horizontal .fancybox__nav .f-button.is-next {
    right: 10em;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/arrow-popup-right.svg);
}

@media only screen and (max-width: 1200px) {
    .is-horizontal .fancybox__nav .f-button.is-next {
        right: 2em;
    }
}

.f-button:hover:not([disabled]) {
    background: none;
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 64px;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
    cursor: pointer;
    -webkit-transition: all var(--anim150);
    -o-transition: all var(--anim150);
    transition: all var(--anim150);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn i {
    position: relative;
    top: 2px;
    margin-right: 10px;
    font-style: normal;
}

@media only screen and (max-width: 1200px) {
    .btn {
        height: 60px;
    }
}

@media only screen and (max-width: 1200px) {
    .btn {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1023px) {
    .btn {
        height: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .btn {
        height: 40px;
        border-radius: 12px;
    }
}

.btn:hover {
    color: var(--white);
    background: var(--orange4);
}

.btn.inactive {
    background: var(--gray2);
}

.btn_large {
    height: 64px;
    line-height: 1.1;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1200px) {
    .btn_large {
        height: 60px;
        border-radius: 12px;
    }
}

@media only screen and (max-width: 1023px) {
    .btn_large {
        height: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .btn_large {
        height: 40px;
    }
}

.btn_small {
    height: 38px;
    line-height: 1.1;
    border-radius: var(--bdrs14);
}

.btn_primary {
    background: var(--orange3);
}

.btn_secondary {
    color: var(--gray);
    background: var(--orange2);
}

.btn_dotted {
    border: 1px dashed var(--orange3);
}

.btn_dotted:hover {
    border-color: var(--orange4);
    background: none;
}

.btn_dotted.inactive {
    border-color: var(--gray2);
    background: none;
}

.btn_dashed {
    color: var(--black);
    background-image: url(/local/templates/atribeautekids/images/dist/icons/dashed.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.btn_dashed:hover {
    color: var(--black);
    background-color: transparent;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/dashed.svg);
}

.color-orange {
    color: var(--orange3);
}

.color-green {
    color: var(--green2);
}

.color-yellow {
    color: var(--yellow2);
}

.color-blue {
    color: var(--blue2);
}

.bg-green {
    background-color: var(--green1);
}

.bg-yellow {
    background-color: var(--yellow1);
}

.bg-gray {
    background-color: var(--gray1);
}

.bg-blue {
    background-color: var(--blue1);
}

.bg-blue.bg-pattern {
    background-image: url(/local/templates/atribeautekids/images/background-blue-elements.svg);
    background-repeat: repeat;
}

.section-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-column-gap: 20px;
}

.section-header__btn {
    max-width: 248px;
}

@media only screen and (max-width: 767px) {
    .section-header__btn {
        display: none;
    }
}

.section-title {
    font-weight: initial;
    font-size: 60px;
    line-height: 1.2;
}

.section-title h2 {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}

@media only screen and (max-width: 1420px) {
    .section-title {
        font-size: 55px;
    }
}

@media only screen and (max-width: 1200px) {
    .section-title {
        font-size: 45px;
    }
}

@media only screen and (max-width: 1023px) {
    .section-title {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .section-title {
        font-size: 30px;
    }
}

.section-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px;
}

@media only screen and (max-width: 767px) {
    .section-bottom {
        margin-top: 30px;
    }
}

.section-bottom_mob-block {
    display: none;
}

@media only screen and (max-width: 767px) {
    .section-bottom_mob-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.section-bottom__btn {
    max-width: 248px;
}

@media only screen and (max-width: 767px) {
    .section-bottom__btn {
        max-width: 271px;
    }
}

.swiper {
    opacity: 0;
    -webkit-transition: opacity var(--anim);
    -o-transition: opacity var(--anim);
    transition: opacity var(--anim);
}

.swiper.swiper-initialized {
    opacity: 1;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    position: relative;
    bottom: 0;
    margin-top: 60px;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}

.swiper-pagination {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-column-gap: 30px;
    bottom: 0;
    margin-top: 60px;
    z-index: 2;
}

@media only screen and (max-width: 767px) {
    .swiper-pagination {
        grid-column-gap: 10px;
        margin-top: 30px;
    }
}

.swiper-pagination.swiper-pagination-lock {
    display: none;
}

.swiper-pagination {
    flex-wrap: wrap;
    margin-bottom: -20px;
}

.swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 70px;
    height: 2px;
    margin: 0;
    border-radius: 0;
    background-color: var(--gray4);
    margin-bottom: 20px !important;
}

@media only screen and (max-width: 767px) {
    .swiper-pagination .swiper-pagination-bullet {
        width: 40px;
    }
}

.swiper-pagination .swiper-pagination-bullet i {
    display: none;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--gray);
}

.swiper-pagination.pagination-animated .swiper-pagination-bullet i {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation-duration: var(--duration);
    animation-duration: var(--duration);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background-color: var(--gray);
}

.swiper-pagination.pagination-animated .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--gray4);
}

.swiper-pagination.pagination-animated .swiper-pagination-bullet.swiper-pagination-bullet-active i {
    -webkit-animation-name: animatePagination;
    animation-name: animatePagination;
}

.font-secondary {
    margin-left: 30px;
    font-family: var(--accentfont);
    font-size: 50px;
    line-height: 1.5;
}

@media only screen and (max-width: 1200px) {
    .font-secondary {
        margin-left: 0;
        font-size: 45px;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 1023px) {
    .font-secondary {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .font-secondary {
        font-size: 30px;
        line-height: 1.1;
    }
}

.page-header {
    margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    .page-header {
        margin-bottom: 30px;
    }
}

.page-header_mb-small {
    margin-bottom: 16px;
}

.page-title {
    margin: 0;
    font-size: 60px;
    font-weight: 400;
    line-height: 1.2;
}

@media only screen and (max-width: 1420px) {
    .page-title {
        font-size: 55px;
    }
}

@media only screen and (max-width: 1200px) {
    .page-title {
        font-size: 45px;
    }
}

@media only screen and (max-width: 1023px) {
    .page-title {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .page-title {
        font-size: 30px;
        font-weight: 500;
    }

    .page-title .font-secondary {
        display: block;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 374px) {
    .page-title {
        font-size: 26px;
    }
}

.page-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 60px;
}

@media only screen and (max-width: 767px) {
    .page-nav_mob-hide {
        display: none;
    }
}

.page-nav__btn {
    width: auto;
    height: 54px;
    padding: 0 20px;
    color: var(--black);
    white-space: nowrap;
    background: var(--gray1);
}

.page-nav__btn.active {
    color: var(--white);
    background: var(--orange3);
}

.page-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 30px;
    margin-top: 60px;
}

@media only screen and (max-width: 767px) {
    .page-filters_mob-show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media only screen and (max-width: 1023px) {
    .page-filters {
        grid-column-gap: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .page-filters {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-row-gap: 10px;
        margin-top: 30px;
    }
}

.page-filters_mob-show {
    display: none;
}

@media only screen and (max-width: 767px) {
    .page-filters_mob-show {
        display: -ms-grid;
        display: grid;
    }
}

@media only screen and (max-width: 767px) {
    .page-filters_column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.page-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    grid-column-gap: 10px;
}

.page-btns__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 10px;
}

@media only screen and (max-width: 767px) {
    .page-btns__group {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }
}

.page-btns__btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
    min-width: 135px;
    padding: 0 20px;
    color: var(--black);
    background: var(--gray1);
}

.page-btns__btn.active {
    color: var(--white);
    background: var(--orange3);
}

.page-btns__btn-popup {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 238px;
}

@media only screen and (max-width: 1023px) {
    .page-btns__btn-popup {
        display: none;
    }
}

.hover-replace-img:hover .hover-pict-hide {
    visibility: hidden;
    opacity: 0;
}

.hover-replace-img:hover .hover-pict-show {
    visibility: visible;
    opacity: 1;
}

.hover-replace-img .hover-pict-show {
    visibility: hidden;
    opacity: 0;
}

.hover-circle__body {
    position: relative;
}

.hover-circle__body:after {
    content: "";
    position: absolute;
    bottom: -226px;
    right: -121px;
    width: 0;
    height: 0;
    -webkit-transition: all var(--anim300);
    -o-transition: all var(--anim300);
    transition: all var(--anim300);
    border-radius: 50%;
}

.hover-circle:hover .hover-circle__body:after {
    width: 685px;
    height: 685px;
    background-color: var(--green2);
}

.play {
    position: relative;
}

.play:hover svg path {
    fill: var(--orange4);
}

.play__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 110px;
    height: 110px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
}

@media only screen and (max-width: 767px) {
    .play__icon {
        width: 60px;
        height: 60px;
    }
}

.play__icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 27px;
    height: 30px;
    margin-left: 3px;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/play-2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media only screen and (max-width: 767px) {
    .play__icon svg {
        width: 28px;
        height: 28px;
    }
}

.play__icon_small {
    width: 60px;
    height: 60px;
}

.play__icon_small svg {
    width: 20px;
    height: 22px;
}

.media-video {
    position: relative;
}

.media-video span {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 180px;
    height: 180px;
    padding: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--white);
    text-align: center;
    -webkit-transition: background var(--anim300), color var(--anim300);
    -o-transition: background var(--anim300), color var(--anim300);
    transition: background var(--anim300), color var(--anim300);
    z-index: 0;
    border-radius: 50%;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.4);
}

.media-video_small span {
    width: 100px;
    height: 100px;
    padding: 5px;
}

@media only screen and (max-width: 1200px) {
    .media-video_small span {
        font-size: 14px;
    }
}

.media-video:hover span {
    color: var(--black);
    background-color: rgba(255, 255, 255, 0.6);
}

.video-present {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 40px;
    right: 40px;
    width: 180px;
    height: 180px;
    padding: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--white);
    text-align: center;
    -webkit-transition: background var(--anim300), color var(--anim300);
    -o-transition: background var(--anim300), color var(--anim300);
    transition: background var(--anim300), color var(--anim300);
    z-index: 0;
    border-radius: 50%;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.4);
}

@media only screen and (max-width: 767px) {
    .video-present {
        width: 140px;
        height: 140px;
        bottom: 10px;
        right: 10px;
        font-size: 14px;
    }
}

.video-present:hover {
    color: var(--black);
    background-color: rgba(255, 255, 255, 0.6);
}

.video-link {
    position: relative;
}

.video-link:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 110px;
    height: 110px;
    z-index: 1;
    background: url(/local/templates/atribeautekids/images/dist/icons/play.svg) 0 0 no-repeat;
    background-size: contain;
}

@media only screen and (max-width: 1023px) {
    .video-link:after {
        width: 60px;
        height: 60px;
    }
}

.more-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--orange3);
}

@media only screen and (max-width: 767px) {
    .more-link {
        font-size: 16px;
    }
}

.more-link svg {
    margin-left: 10px;
}

.more-link:hover {
    color: var(--orange4);
}

.more-link:hover svg path {
    stroke: var(--orange4);
}

.ac-trigger {
    -webkit-transition: margin var(--anim300);
    -o-transition: margin var(--anim300);
    transition: margin var(--anim300);
}

.ac .ac-panel {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.ac.is-active .ac-panel {
    visibility: visible;
}

.spoiler.show .spoiler__text {
    display: inline;
    visibility: visible;
    opacity: 1;
}

.spoiler.show .spoiler__dots {
    display: none;
}

.spoiler__text {
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0;
    -webkit-transition-property: height, visibility, opacity;
    -o-transition-property: height, visibility, opacity;
    transition-property: height, visibility, opacity;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.spoiler__text_show-desk {
    display: inline;
    visibility: visible;
    opacity: 1;
    height: auto;
}

@media only screen and (max-width: 1023px) {
    .spoiler__text_show-desk {
        display: block;
        visibility: hidden;
        overflow: 0;
        height: 0;
    }
}

.spoiler__trigger.hide {
    display: none;
}

@media only screen and (max-width: 767px) {
    .mob-block-hide {
        display: none !important;
    }
}

.mob-block-show {
    display: none;
}

@media only screen and (max-width: 767px) {
    .mob-block-show {
        display: block;
    }
}

@-webkit-keyframes animatePagination {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes animatePagination {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes fillRotate {
    0% {
        stroke-dashoffset: -66;
    }
    25% {
        stroke-dashoffset: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    32% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }
    48% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        stroke-dashoffset: 0;
    }
    85% {
        stroke-dashoffset: -66;
    }
}

@keyframes fillRotate {
    0% {
        stroke-dashoffset: -66;
    }
    25% {
        stroke-dashoffset: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    32% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }
    48% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        stroke-dashoffset: 0;
    }
    85% {
        stroke-dashoffset: -66;
    }
}

@-webkit-keyframes circleScale {
    25% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
    32% {
        -webkit-transform: matrix(1, 0, 0, 0.9, 0, 0);
        transform: matrix(1, 0, 0, 0.9, 0, 0);
    }
    48% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
}

@keyframes circleScale {
    25% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
    32% {
        -webkit-transform: matrix(1, 0, 0, 0.9, 0, 0);
        transform: matrix(1, 0, 0, 0.9, 0, 0);
    }
    48% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
}

.marquee {
    -webkit-animation: marquee-scroll 3s infinite linear;
    animation: marquee-scroll 3s infinite linear;
}

.marquee-low {
    -webkit-animation: marquee-scroll 15s infinite linear;
    animation: marquee-scroll 15s infinite linear;
}

@-webkit-keyframes marquee-scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
}

@keyframes marquee-scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
}

.error {
    background-color: var(--green1);
    background-image: url(/local/templates/atribeautekids/images/dist/pattern-error.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.error-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
    max-height: 896px;
    min-height: 850px;
    padding-right: 60px;
}

@media only screen and (max-width: 1420px) {
    .error-body {
        min-height: 600px;
    }
}

@media only screen and (max-width: 1023px) {
    .error-body {
        max-height: none;
        min-height: auto;
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .error-body {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.error-main {
    max-width: 475px;
    padding: 110px 0;
}

@media only screen and (max-width: 1023px) {
    .error-main {
        max-width: 100%;
        padding: 10px 0 50px;
    }
}

@media only screen and (max-width: 1023px) {
    .error-main-top {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 767px) {
    .error-main-top {
        margin-bottom: 25px;
    }
}

.error__title {
    margin-bottom: 40px;
    font-size: 170px;
    line-height: 1.1;
    color: var(--green2);
}

@media only screen and (max-width: 767px) {
    .error__title {
        font-size: 100px;
    }
}

.error__desc {
    margin-bottom: 20px;
    font: normal 400 50px/1.5 var(--accentfont);
    color: var(--green2);
}

@media only screen and (max-width: 1023px) {
    .error__desc {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .error__desc {
        font-size: 30px;
    }
}

.error__text {
    font-size: 24px;
    color: var(--gray);
}

@media only screen and (max-width: 1023px) {
    .error__text {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .error__text {
        font-size: 18px;
    }
}

.error__btn {
    max-width: 336px;
    margin-top: 40px;
}

@media only screen and (max-width: 767px) {
    .error__btn {
        max-width: 271px;
        margin: 40px auto 0;
    }
}

.error-pict {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
}

@media only screen and (max-width: 1023px) {
    .error-pict {
        position: relative;
        height: 400px;
    }
}

@media only screen and (max-width: 767px) {
    .error-pict {
        height: 286px;
        margin-right: -13px;
    }
}

.anchor-nav {
    padding: 40px;
    overflow: hidden;
    border-radius: var(--bdrs20);
    background: var(--gray1);
}

@media only screen and (max-width: 1580px) {
    .anchor-nav {
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 1420px) {
    .anchor-nav {
        padding: 30px 20px;
    }
}

.anchor-nav_top-page {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .anchor-nav_top-page {
        display: block;
        padding: 20px 0;
        border-radius: 0;
    }
}

.anchor-nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 16px;
}

@media only screen and (max-width: 1200px) {
    .anchor-nav-menu {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        grid-row-gap: 0;
        overflow: visible;
    }
}

@media only screen and (max-width: 1200px) {
    .anchor-nav__item {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: auto;
    }
}

.anchor-nav__item a {
    position: relative;
    display: inline-block;
    padding-left: 60px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--black);
}

@media only screen and (max-width: 1023px) {
    .anchor-nav__item a {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .anchor-nav__item a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .anchor-nav__item a {
        font-size: 16px;
    }
}

.anchor-nav__item a:hover, .anchor-nav__item a.active {
    color: var(--orange3);
}

.anchor-nav__item a:hover span:before, .anchor-nav__item a.active span:before {
    width: 100%;
}

.anchor-nav__item a:hover svg path, .anchor-nav__item a.active svg path {
    fill: var(--orange3);
}

.anchor-nav__item a svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
}

.anchor-nav__item a span {
    position: relative;
    display: block;
    padding-bottom: 11.5px;
}

@media only screen and (max-width: 1200px) {
    .anchor-nav__item a span {
        padding: 6px 0;
    }
}

.anchor-nav__item a span:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all var(--anim150);
    -o-transition: all var(--anim150);
    transition: all var(--anim150);
    background-color: var(--orange3);
}

.article.policy .article-title {
    margin-bottom: 60px;
}

@media only screen and (max-width: 1023px) {
    .article.policy .article-title {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .article.policy .article-title {
        margin-bottom: 30px;
    }
}

.article.policy .article-main {
    padding-top: 30px;
}

.article-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .article-nav {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: hidden;
    }
}

a.article-nav__btn {
    width: auto;
    height: 54px;
    padding: 0 20px;
    color: var(--black);
    white-space: nowrap;
    background: var(--gray1);
}

@media only screen and (max-width: 767px) {
    .article-nav__btn {
        height: 40px;
    }
}

.article-title {
    margin-bottom: 20px;
}

@media only screen and (max-width: 1023px) {
    .article-title {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .article-title br {
        display: none;
    }
}

.article-dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .article-dates {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-row-gap: 10px;
    }
}

.article-dates__item {
    font-size: 24px;
}

@media only screen and (max-width: 1023px) {
    .article-dates__item {
        font-size: 20px;
    }
}

.article-dates__item span {
    font-weight: 500;
    line-height: 1.2;
    color: var(--orange3);
}

.article-main {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 60px;
    padding-top: 60px;
    font-size: 24px;
    color: var(--gray);
}

@media only screen and (max-width: 1023px) {
    .article-main {
        grid-row-gap: 40px;
        padding-top: 40px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .article-main {
        font-size: 16px;
    }
}

.article-main h2 {
    margin: 0 0 30px;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--black);
}

@media only screen and (max-width: 1023px) {
    .article-main h2 {
        margin-bottom: 20px;
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .article-main h2 {
        font-size: 24px;
    }
}

.article-main p {
    margin: 0 0 16px;
}

.article-main p:last-child {
    margin-bottom: 0;
}

.article-main a {
    color: var(--orange3);
}

.article-main a:hover {
    color: var(--orange4);
}

.article-main ul {
    margin-bottom: 16px;
}

.article-main ul.dots-green li:before {
    background-color: var(--green2);
}

.article-main ul li {
    padding-left: 34px;
}

.article-main ul li + li {
    margin-top: 20px;
}

.article-main ul li:before {
    top: 12px;
    width: 14px;
    height: 14px;
    background-color: var(--blue2);
}

@media only screen and (max-width: 1023px) {
    .article-main ul li:before {
        top: 7px;
    }
}

.article-main img {
    overflow: hidden;
    border-radius: var(--bdrs20);
    object-fit: cover;
}

.article-main figcaption {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--black);
}

@media only screen and (max-width: 1023px) {
    .article-main figcaption {
        font-size: 22px;
    }

    .article-main {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .article-main figcaption {
        font-size: 20px;
    }
}

.article-gallery {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

@media only screen and (max-width: 767px) {
    .article-gallery {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .article-gallery {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.article-gallery_mob {
    display: none;
}

@media only screen and (max-width: 767px) {
    .article-gallery_mob {
        display: -ms-grid;
        display: grid;
    }
}

.article-likes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 7px;
    margin-top: -30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--black);
    cursor: pointer;
}

.article-likes.liked svg path {
    fill: var(--orange3);
    stroke: var(--orange3);
    -webkit-transition: fill 0s;
    -o-transition: fill 0s;
    transition: fill 0s;
}

@media only screen and (max-width: 1023px) {
    .article-likes {
        margin-top: 20px;
    }

    .article-section ol,
    .article-section ul {
        padding-left: 1rem;
    }
}

.article-likes svg {
    width: 48px;
    height: 48px;
}

@media only screen and (max-width: 1023px) {
    .article-likes svg {
        width: 32px;
        height: 32px;
    }
}

.article-author {
    padding-top: 94px;
}

@media only screen and (max-width: 1023px) {
    .article-author {
        padding-top: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .article-author {
        padding-top: 50px;
    }
}

.article-author__title {
    margin-bottom: 20px;
}

.article-author .doctor-item {
    width: 487px;
}

.banner {
    padding-top: 76px;
}

@media only screen and (max-width: 1200px) {
    .banner {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 1023px) {
    .banner {
        padding-top: 60px;
    }
}

.banner-main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 550px;
    border-radius: var(--bdrs20);
    background-color: var(--blue1);
    background-image: url(/local/templates/atribeautekids/images/background-blue-elements.svg);
    background-repeat: repeat;
}

@media only screen and (max-width: 1200px) {
    .banner-main {
        min-height: auto;
    }
}

@media only screen and (max-width: 1023px) {
    .banner-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-row-gap: 10px;
        border-radius: 0;
        background: none;
    }
}

.banner-body {
    position: relative;
    width: 100%;
    z-index: 2;
}

@media only screen and (max-width: 1023px) {
    .banner-body {
        max-width: none;
        padding: 30px;
        border-radius: var(--bdrs20);
        background-color: var(--blue1);
        background-image: url(/local/templates/atribeautekids/images/dist/doc-single-pattern.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}

@media only screen and (max-width: 767px) {
    .banner-body {
        padding: 20px 16px;
    }
}

.banner-body__wrap {
    max-width: 700px;
    padding: 63px 60px;
}

@media only screen and (max-width: 1200px) {
    .banner-body__wrap {
        max-width: 400px;
        padding: 30px;
    }
}

@media only screen and (max-width: 1023px) {
    .banner-body__wrap {
        padding: 0;
    }
}

.banner__title {
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 1.2;
    color: var(--black);
    font-weight: normal;
}

@media only screen and (max-width: 1023px) {
    .banner__title {
        font-size: 42px;
    }
}

@media only screen and (max-width: 767px) {
    .banner__title {
        margin-bottom: 10px;
        font-size: 38px;
    }
}

@media only screen and (max-width: 575px) {
    .banner__title {
        font-size: 28px;
    }
}

.banner__title span {
    color: var(--blue2);
}

.banner__post {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--blue2);
}

@media only screen and (max-width: 767px) {
    .banner__post {
        margin-bottom: 10px;
        font-size: 20px;
    }
}

.banner__exp {
    margin-bottom: 20px;
    font-size: 18px;
}

.banner__exp--multiple {
    display: flex;
}

@media only screen and (max-width: 1200px) {
    .banner__exp--multiple {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 767px) {
    .banner__exp {
        margin-bottom: 10px;
        font-size: 16px;
    }
}

.banner__exp > span {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--blue2);
}

.banner__exp--multiple > span {
    display: block;
    flex-shrink: 0;
}

@media only screen and (max-width: 767px) {
    .banner__exp > span {
        font-size: 16px;
    }
}

.banner__desc {
    font-size: 18px;
    line-height: 1.2;
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .banner__desc {
        font-size: 16px;
    }
}

.banner__desc strong {
    font-weight: 500;
    color: var(--black);
}

.banner__btn {
    max-width: 285px;
    margin-top: 40px;
}

@media only screen and (max-width: 767px) {
    .banner__btn {
        max-width: 271px;
        margin: 40px auto 0;
    }
}

@media only screen and (max-width: 1023px) {
    .banner-picts {
        position: relative;
    }
}

@media only screen and (max-width: 1023px) {
    .banner-picts__wrap {
        min-height: 400px;
        border-radius: var(--bdrs20);
        background-color: var(--blue1);
        background-image: url(/local/templates/atribeautekids/images/dist/doc-single-pattern.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .banner-body__wrap {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .banner-picts__wrap {
        min-height: 331px;
    }
}

.banner__pict {
    position: absolute;
    bottom: 0;
    right: 14%;
    height: calc(100% + 106px);
    max-width: none;
    max-height: none;
    z-index: 0;
    -webkit-transition: visibility var(--anim300), opacity var(--anim300);
    -o-transition: visibility var(--anim300), opacity var(--anim300);
    transition: visibility var(--anim300), opacity var(--anim300);
}

@media only screen and (max-width: 1200px) {
    .banner__pict {
        height: calc(100% + 0px);
        max-width: 50%;
    }
}

@media only screen and (max-width: 1025px) {
    .banner__pict {
        max-width: initial;
    }
}

@media only screen and (max-width: 1420px) {
    .banner__pict {
        right: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .banner__pict {
        left: 0;
        height: calc(100% + 70px);
        margin: 0 auto;
    }
}

@media only screen and (max-width: 767px) {
    .banner__pict {
        height: calc(100% + 50px);
    }
}

.banner__video {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 30px;
    right: 30px;
    width: 183px;
    height: 183px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--white);
    text-align: center;
    z-index: 2;
    border-radius: 50%;
    background: rgba(0, 188, 227, 1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.btn-play-img {
    display: flex;
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 110px;
}

.banner-body__btn-play-text {
    display: flex;
    margin: 23px 0 0 0;
}

@media only screen and (max-width: 1023px) {
    .banner__video,
    .btn-play-img {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        bottom: 0;
        right: 0;
        width: auto;
        height: auto;
        margin-bottom: 20px;
        padding-right: 26px;
        color: var(--orange3);
        text-align: left;
        border-radius: 0;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: none;
    }

    .btn-play-img,
    .banner-body__btn-play-text {
        margin: 0;
    }

    .banner__video:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        background: url(/local/templates/atribeautekids/images/dist/icons/arrow-right-orange.svg) 0 0 no-repeat;
        background-size: 100%;
    }
}

.banner__video:hover {
    color: inherit;
}

.blog-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 60px;
}

@media only screen and (max-width: 1200px) {
    .blog-items {
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 1023px) {
    .blog-items {
        grid-gap: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .blog-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 767px) {
    .blog-items .article-item {
        max-width: 100%;
    }
}

.breadcrumbs {
    padding: 30px 0;
}

.breadcrumbs-list {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--black);
}

.breadcrumbs-list > div {
    display: inline-block;
}

.breadcrumbs-list a {
    position: relative;
    margin-right: 14px;
    font-size: inherit;
    color: var(--gray3);
    text-decoration: none;
}

.breadcrumbs-list a:before {
    content: "/";
    position: absolute;
    top: 3px;
    right: -12px;
    font-size: 16px;
    color: var(--gray3);
}

.breadcrumbs-list a:hover {
    color: var(--orange4);
}

.btns-fixed {
    position: fixed;
    bottom: 50px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 10px;
    width: 300px;
    will-change: transform;
    z-index: 3;
    -webkit-transition: -webkit-transform var(--anim300);
    transition: -webkit-transform var(--anim300);
    -o-transition: transform var(--anim300);
    transition: transform var(--anim300);
    transition: transform var(--anim300), -webkit-transform var(--anim300);
    -webkit-transform: translateX(240px);
    -ms-transform: translateX(240px);
    transform: translateX(240px);
}

.btns-fixed .btns-fixed__btn {
    padding-left: 18px;
}

.btns-fixed .btns-fixed__btn span {
    opacity: 0;
}

.btns-fixed:hover {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.btns-fixed:hover .btns-fixed__btn {
    padding-left: 45px;
}

.btns-fixed:hover .btns-fixed__btn span {
    opacity: 1;
}

@media only screen and (max-width: 1023px) {
    .btns-fixed {
        display: none;
    }
}

.btns-fixed__btn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 45px;
    -webkit-transition: padding var(--anim300);
    -o-transition: padding var(--anim300);
    transition: padding var(--anim300);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btns-fixed__btn i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 34px;
    margin-right: 0;
}

.btns-fixed__btn span {
    opacity: 1;
    -webkit-transition: opacity var(--anim300);
    -o-transition: opacity var(--anim300);
    transition: opacity var(--anim300);
}

.btns-fixed__btn_phone-icon:hover svg path {
    fill: #fff;
}

.btns-fixed__btn_video-icon:hover svg path,
.btns-fixed__btn_video-icon:hover svg rect {
    stroke: #fff;
}

.card-item {
    position: relative;
    padding-top: 31px;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .card-item {
        max-width: 370px;
    }
}

@media only screen and (max-width: 575px) {
    .card-item {
        max-width: 300px;
    }
}

.card-item:hover .card-item__body:after {
    background-color: var(--green2);
}

.card-item:hover * {
    color: var(--white);
}

.card-item__body {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 246px;
    padding: 30px;
    overflow: hidden;
    border-radius: var(--bdrs20);
    background-color: var(--white);
}

@media only screen and (max-width: 1580px) {
    .card-item__body {
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 1420px) {
    .card-item__body {
        height: 180px;
        padding: 20px;
    }
}

@media only screen and (max-width: 1200px) {
    .card-item__body {
        height: 246px;
        padding: 30px;
    }
}

@media only screen and (max-width: 1023px) {
    .card-item__body {
        height: 190px;
        padding: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .card-item__body {
        height: 180px;
    }
}

.card-item__title {
    position: relative;
    max-width: 210px;
    z-index: 2;
    -webkit-transition: color var(--anim300);
    -o-transition: color var(--anim300);
    transition: color var(--anim300);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 1580px) {
    .card-item__title {
        font-size: 20px;
        width: 50%;
    }
}

@media only screen and (max-width: 1420px) {
    .card-item__title {
        max-width: 190px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 1200px) {
    .card-item__title {
        max-width: 220px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 1023px) {
    .card-item__title {
        max-width: 165px;
        font-size: 17px;
    }
}

@media only screen and (max-width: 575px) {
    .card-item__title {
        max-width: 145px;
        font-size: 14px;
        width: 30%;
    }
}

.card-item__price {
    position: relative;
    z-index: 2;
    -webkit-transition: color var(--anim300);
    -o-transition: color var(--anim300);
    transition: color var(--anim300);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--orange3);
}

@media only screen and (max-width: 575px) {
    .card-item__price {
        font-size: 20px;
    }
}

.card-item__pict {
    position: absolute;
    bottom: 0;
    right: 0;
    height: calc(100% + 31px);
}

@media only screen and (max-width: 1420px) {
    .card-item__pict {
        max-width: 190px;
        height: auto;
    }
}

@media only screen and (max-width: 1200px) {
    .card-item__pict {
        max-width: 100%;
        height: calc(100% + 31px);
    }
}

@media only screen and (max-width: 1023px) {
    .card-item__pict {
        max-width: 190px;
        height: auto;
    }
}

@media only screen and (max-width: 575px) {
    .card-item__pict {
        right: 0;
        max-width: 175px;
    }
}

.contacts-info {
    padding-bottom: 131px;
}

@media only screen and (max-width: 1420px) {
    .contacts-info {
        padding-bottom: 110px;
    }
}

@media only screen and (max-width: 1023px) {
    .contacts-info {
        padding-bottom: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .contacts-info {
        padding-bottom: 60px;
    }
}

.contacts-info .page-title {
    margin-bottom: 30px;
}

@media only screen and (max-width: 1023px) {
    .contacts-info .page-title {
        margin-bottom: 40px;
    }
}

.contacts-info-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 20px;
    padding-top: 5px;
}

@media only screen and (max-width: 767px) {
    .contacts-info-social {
        -ms-grid-column-span: 2;
        grid-column: span 2/auto;
    }
}

.contacts-info-social__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    -webkit-transition: background var(--anim150);
    -o-transition: background var(--anim150);
    transition: background var(--anim150);
    border-radius: var(--bdrs20);
    background: var(--orange3);
}

.icon-instagram {
    display: block;
    border-radius: 10px;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    width: 34px;
    height: 34px;
}

@media only screen and (max-width: 767px) {
    .contacts-info-social__item {
        width: 40px;
        height: 40px;
        padding: 7px;
        border-radius: 12px;
    }

    .icon-instagram {
        height: 100%;
    }
}

.contacts-info-social__item:hover {
    background: var(--orange4);
}

.contacts-loc-item-col_fxend {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.custom-select {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 54px;
    padding: 13.5px 20px;
    cursor: pointer;
    border-radius: var(--bdrs20);
    background: var(--gray1);
}

.custom-select:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    -webkit-transition: -webkit-transform var(--anim150);
    transition: -webkit-transform var(--anim150);
    -o-transition: transform var(--anim150);
    transition: transform var(--anim150);
    transition: transform var(--anim150), -webkit-transform var(--anim150);
    background: url(/local/templates/atribeautekids/images/dist/icons/arrow-select-down.svg) center no-repeat;
    background-size: contain;
}

@media only screen and (max-width: 1023px) {
    .custom-select {
        max-width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .custom-select {
        display: none;
    }
}

.custom-select_arrow-orange:after {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: url(/local/templates/atribeautekids/images/dist/icons/arrow-down-2.svg) center no-repeat;
    background-size: contain;
}

.custom-select_doctors, .custom-select_feedback {
    max-width: 487px;
}

@media only screen and (max-width: 1580px) {
    .custom-select_doctors, .custom-select_feedback {
        max-width: 433px;
    }
}

@media only screen and (max-width: 1023px) {
    .custom-select_doctors, .custom-select_feedback {
        max-width: none;
    }
}

.custom-select_feedback {
    min-width: 315px;
}

@media only screen and (max-width: 1200px) {
    .custom-select_feedback {
        width: auto;
    }
}

@media only screen and (max-width: 1023px) {
    .custom-select_feedback {
        width: 100%;
    }
}

.custom-select_service {
    max-width: 560px;
}

@media only screen and (max-width: 1023px) {
    .custom-select_service {
        max-width: none;
    }
}

.custom-select.open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.custom-select.open .nice-select-dropdown,
.custom-select.open .custom-select-dropdown {
    z-index: 10;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.custom-select .current {
    padding-right: 20px;
    font-size: 18px;
    line-height: 2;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.custom-select .nice-select-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 4px;
    padding: 18px 0;
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(19px);
    -ms-transform: scale(0.75) translateY(19px);
    transform: scale(0.75) translateY(19px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: -1;
    overflow: hidden;
    border-radius: var(--bdrs20);
    background: var(--gray1);
}

.custom-select .nice-select-dropdown ul li {
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1.5;
    cursor: pointer;
    -webkit-transition: background var(--anim300);
    -o-transition: background var(--anim300);
    transition: background var(--anim300);
}

.custom-select .nice-select-dropdown ul li:hover, .custom-select .nice-select-dropdown ul li.selected {
    background: var(--gray2);
}

.custom-select__placeholder {
    font-size: 18px;
    color: var(--gray);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.custom-select-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 332px;
    margin-top: 4px;
    padding: 10px 0;
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(19px);
    -ms-transform: scale(0.75) translateY(19px);
    transform: scale(0.75) translateY(19px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: -1;
    overflow: hidden;
    border-radius: var(--bdrs20);
    background: var(--white);
}

.custom-select-panel {
    overflow-y: auto;
    max-height: 312px;
    width: calc(100% - 10px);
}

.custom-select-panel::-webkit-scrollbar {
    width: 2px;
}

.custom-select-panel::-webkit-scrollbar-track {
    background: var(--gray1);
}

.custom-select-panel::-webkit-scrollbar-thumb {
    background: var(--orange3);
}

.custom-select-option input {
    position: absolute;
    opacity: 0;
}

.custom-select-option input:checked ~ .custom-select-option__label {
    background: var(--gray2);
}

.custom-select-option__label {
    position: relative;
    padding: 6px 10px 6px 20px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray);
    cursor: pointer;
    -webkit-transition: background var(--anim300);
    -o-transition: background var(--anim300);
    transition: background var(--anim300);
}

.custom-select-option__label:hover, .custom-select-option__label.selected {
    background: var(--gray2);
}

@media only screen and (max-width: 767px) {
    .doctors-inner {
        padding-bottom: 80px;
    }
}

.doctors-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    margin-top: 52px;
}

@media only screen and (max-width: 1420px) {
    .doctors-items {
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 1023px) {
    .doctors-items {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .doctors-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-row-gap: 16px;
        margin-top: 25px;
    }
}

@media only screen and (max-width: 575px) {
    .doctors-items {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .doctors-items .doctor-item {
        width: 100%;
        max-width: 575px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 575px) {
    .doctors-items .doctor-item__body {
        height: 208px;
    }
}

.feedback-post {
    position: relative;
    padding: 40px;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1023px) {
    .feedback-post {
        padding: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .feedback-post {
        padding: 20px;
        font-size: 18px;
    }
}

.feedback-post + .feedback-post {
    margin-top: 60px;
}

@media only screen and (max-width: 1023px) {
    .feedback-post + .feedback-post {
        margin-top: 0;
    }
}

.feedback-post__icon {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
}

.feedback-post__title {
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 1023px) {
    .feedback-post__title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .feedback-post__title {
        font-size: 22px;
    }
}

.feedback-post__dep {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--blue2);
}

@media only screen and (max-width: 1023px) {
    .feedback-post__dep {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .feedback-post__dep {
        font-size: 20px;
    }
}

.feedback-post.bg-blue:before {
    background-image: url(/local/templates/atribeautekids/images/dist/icons/commas-blue.svg);
}

.feedback-post.bg-blue.bg-pattern {
    background-image: url(/local/templates/atribeautekids/images/background-blue-elements.svg);
}

.feedback-post.bg-orange:before {
    background-image: url(/local/templates/atribeautekids/images/dist/icons/commas.svg);
}

.feedback-post p:last-child {
    margin-bottom: 0;
}

.feedback-post p + p {
    margin-top: 17px;
}

.footer {
    padding: 80px 0 30px;
    background-color: var(--orange1);
    overflow: hidden;
}

@media only screen and (max-width: 1023px) {
    .footer {
        padding: 30px 0 20px;
    }
}

.footer__title {
    margin-bottom: 10px;
    font-size: 16px;
    color: var(--orange3);
    line-height: 1.5;
}

@media only screen and (max-width: 1023px) {
    .footer__title {
        display: none;
        line-height: 1.2;
    }
}

.footer-body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 2fr 30px 1fr;
    grid-template-columns: 1fr 2fr 1fr;
    grid-column-gap: 30px;
    padding-bottom: 33px;
}

@media only screen and (max-width: 1023px) {
    .footer-body {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        grid-column-gap: 0;
        padding-bottom: 40px;
    }
}

.footer-main {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-logo {
    max-width: 239px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 575px) {
    .footer-logo {
        max-width: 155px;
    }
}

.footer-contact {
    max-width: 390px;
    margin-bottom: auto;
}

.footer-contact + .footer-contact {
    margin-top: 20px;
}

.footer-contact__link {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 575px) {
    .footer-contact__link {
        font-size: 22px;
    }
}

.footer-contact__link:hover, .footer-contact__text a:hover {
    color: var(--orange4);
}

.footer-contact__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 575px) {
    .footer-contact__text {
        font-size: 16px;
    }
}

.footer-contact__text span {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    color: var(--gray);
}

.footer__btn {
    max-width: 248px;
    margin-top: 42px;
}

.footer-contact .footer__btn {
    margin-top: 0;
}

@media only screen and (max-width: 1023px) {
    .footer__btn {
        display: none;
    }
}

.footer-nav {
    display: -webkit-box;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 140px 2fr 1fr;
    grid-column-gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 13px;
}

@media only screen and (max-width: 1023px) {
    .footer-nav {
        padding-top: 30px;
        display: flex;
    }
}

.footer-nav-items {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .footer-nav-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.footer-nav-item {
    display: none;
    max-width: 375px;
    margin-bottom: 20px;
}

.footer-nav-item.is-active .footer-nav-item__title {
    margin-bottom: 10px;
}

.footer-nav-item.is-active .footer-nav-item__title:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media only screen and (max-width: 1023px) {
    .footer-nav-item {
        display: block;
    }
}

.footer-nav-item__title {
    position: relative;
    -webkit-transition: margin var(--anim300);
    -o-transition: margin var(--anim300);
    transition: margin var(--anim300);
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--orange3);
}

.footer-nav-items .footer-nav-item__title:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    -webkit-transition: -webkit-transform var(--anim150);
    transition: -webkit-transform var(--anim150);
    -o-transition: transform var(--anim150);
    transition: transform var(--anim150);
    transition: transform var(--anim150), -webkit-transform var(--anim150);
    background: url(/local/templates/atribeautekids/images/dist/icons/arrow-select-down.svg) 0 0 no-repeat;
    background-size: 100%;
}

.footer-nav-menu li + li {
    margin-top: 14px;
}

.footer-nav-menu li a {
    font-size: 16px;
}

.footer-nav-menu li a:hover {
    color: var(--orange4);
}

.footer-menu {
    margin-bottom: 20px;
}

@media only screen and (max-width: 1199px) {
    .footer-menu {
        display: none;
    }
}

.footer-menu li + li {
    margin-top: 14px;
}

.footer-menu li a:not([class]) {
    font-size: 18px;
}

.footer-menu li a:hover {
    color: var(--orange4);
}

@media only screen and (max-width: 1023px) {
    .footer-social {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 1023px) {
    .footer-social__title {
        display: block;
        font-weight: 500;
    }
}

.footer-social {
    grid-column-start: 2;
}

.footer-social-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 20px;
}

.footer-social__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    -webkit-transition: background var(--anim150);
    -o-transition: background var(--anim150);
    transition: background var(--anim150);
    border-radius: var(--bdrs20);
    background: var(--orange3);
}

.footer-social-items__instagram {
    display: flex;
}

@media only screen and (max-width: 575px) {
    .footer-social__item {
        width: 40px;
        height: 40px;
        padding: 5px;
        border-radius: 12px;
    }
}

.footer-social__item:hover {
    background: var(--orange4);
}

.footer-info {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 11px;
}

@media only screen and (max-width: 1023px) {
    .footer-info {
        padding-top: 40px;
    }
}

.footer-info-menu {
    margin-bottom: auto;
}

@media only screen and (max-width: 1023px) {
    .footer-info-menu {
        display: none;
    }
}

.footer-info-menu li + li {
    margin-top: 30px;
}

.footer-info-menu li a {
    display: inline-block;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--orange3);
}

@media only screen and (max-width: 1200px) {
    .footer-info-menu li a {
        font-size: 20px;
    }
}

.footer-info-menu li a:hover {
    color: var(--orange4);
}

.footer-adult {
    max-width: 287px;
}

.footer-adult:not(:last-child) {
    margin: 30px 0;
}

@media only screen and (max-width: 575px) {
    .footer-adult {
        max-width: 186px;
    }
}

@media only screen and (max-width: 1023px) {
    .footer-adult__title {
        display: block;
        font-weight: 500;
        color: var(--black);
    }
}

.footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 30px;
    overflow: hidden;
    border-top: 1px solid var(--gray4);
}

@media only screen and (max-width: 1023px) {
    .footer-bottom {
        grid-column-gap: 11px;
        grid-row-gap: 4px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 10px;
    }
}

.footer-bottom__text, .footer-bottom__link {
    font-size: 14px;
    line-height: 1.5;
}

@media only screen and (max-width: 575px) {
    .footer-bottom__text, .footer-bottom__link {
        font-size: 12px;
    }
}

.footer-bottom__link {
    position: relative;
    text-decoration: none;
}

.footer-bottom__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    width: 1px;
    height: 18px;
    margin-top: -9px;
    background-color: var(--black);
}

@media only screen and (max-width: 1023px) {
    .footer-bottom__link span {
        display: none;
    }
}

.footer-bottom__link:hover {
    color: var(--orange4);
}

.accept {
    display: inline-block;
    min-height: 24px;
    margin-top: 13.5px;
    cursor: pointer;
}

.accept input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.accept input:checked ~ .accept__label:after {
    visibility: visible;
    opacity: 1;
}

.accept__label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 33px;
    font-size: 14px;
    color: var(--gray);
    text-align: right;
}

.accept__label:before, .accept__label:after {
    content: "";
    position: absolute;
}

.accept__label:before {
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid var(--gray);
    border-radius: 4px;
}

.accept__label:after {
    visibility: hidden;
    opacity: 0;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.upload {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 64px;
    border-radius: 20px;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/dashed.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media only screen and (max-width: 767px) {
    .upload {
        background-size: 100% 88%;
    }
}

.upload:hover {
    border-color: var(--orange4);
}

.upload:hover .upload__title svg path {
    fill: var(--orange4);
}

.upload input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
}

.upload__filename {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 190px;
    margin: 0 auto;
    font-size: 12px;
    color: var(--orange3);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.upload__title {
    position: relative;
    padding-left: 34px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray);
}

.upload__title svg {
    position: absolute;
    top: 2px;
    left: 0;
    width: 24px;
    height: 24px;
}

.gallery {
    padding-bottom: 130px;
}

@media only screen and (max-width: 1420px) {
    .gallery {
        padding-bottom: 110px;
    }
}

@media only screen and (max-width: 1023px) {
    .gallery {
        padding-bottom: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .gallery {
        padding-bottom: 50px;
    }
}

.gallery-body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 40px;
}

@media only screen and (max-width: 1023px) {
    .gallery-body {
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 575px) {
    .gallery-body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.gallery-body a {
    display: block;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

.gallery-bottom {
    margin-top: 40px;
}

.gallery__btn {
    max-width: 268px;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 800;
    background: var(--orange1);
}

.header_inner {
    border-bottom: 1px solid var(--gray2);
}

.header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 6.7%;
    padding: 24px 0 22px;
}

@media only screen and (max-width: 1420px) {
    .header-top {
        grid-column-gap: 30px;
    }
}

@media only screen and (max-width: 1200px) {
    .header-top {
        padding: 9px 0;
    }
}

@media only screen and (max-width: 1023px) {
    .header-top {
        grid-column-gap: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .header-top {
        grid-column-gap: 11px;
    }
}

@media only screen and (max-width: 375px) {
    .header-top {
        grid-column-gap: 6px;
    }
}

.header-logo {
    display: block;
    max-width: 239px;
    margin-right: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media only screen and (max-width: 1023px) {
    .header-logo {
        max-width: 200px;
    }
}

@media only screen and (max-width: 575px) {
    .header-logo {
        max-width: 106px;
    }
}

@media only screen and (max-width: 1200px) {
    .header-contact {
        display: none;
    }
}

.header__work {
    font-size: 18px;
    color: var(--black);
}

.header__location {
    position: relative;
    display: block;
    margin-top: 4px;
    padding-left: 26px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--orange3);
}

.header__location svg {
    position: absolute;
    top: 0;
    left: -3px;
    width: 24px;
    height: 24px;
}

.header__location:hover {
    color: var(--orange4);
}

.header__location:hover svg path {
    fill: var(--orange4);
}

@media only screen and (max-width: 767px) {
    .header-call {
        display: none;
    }
}

.header__phone {
    display: block;
    font-size: 18px;
    color: var(--black);
}

.header__callback {
    position: relative;
    margin-top: 4px;
    padding-left: 29px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--orange3);
    white-space: nowrap;
}

.header__callback svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
}

.header__callback:hover {
    color: var(--orange4);
}

.header__callback:hover svg path {
    fill: var(--orange4);
}

.header__btn {
    max-width: 285px;
    font-size: 20px;
}

.header__btn.mobile {
    display: none;
}

@media only screen and (max-width: 1420px) {
    .header__btn {
        max-width: 220px;
    }
}

@media only screen and (max-width: 1023px) {
    .header__btn {
        max-width: 190px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .header__btn.mobile {
        display: flex;
    }

    .header__btn.desktop {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .header__btn {
        max-width: 175px;
        height: 32px;
        margin-left: auto;
    }
}

@media only screen and (max-width: 360px) {
    .header__btn {
        font-size: 12px;
    }
}

.header-burger {
    display: none;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    margin-left: 20px;
}

.header-burger:before, .header-burger:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    -webkit-transition: all var(--anim300);
    -o-transition: all var(--anim300);
    transition: all var(--anim300);
    will-change: transform;
    border-radius: 2px;
    background: var(--black);
}

.header-burger:before {
    top: 0;
}

.header-burger:after {
    bottom: 0;
}

.header-burger span {
    display: block;
    width: 100%;
    height: 2px;
    -webkit-transition: opacity var(--anim150);
    -o-transition: opacity var(--anim150);
    transition: opacity var(--anim150);
    border-radius: 2px;
    background: var(--black);
}

.header-burger.active:before {
    top: 8px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    will-change: transform;
}

.header-burger.active:after {
    bottom: 8px;
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    will-change: transform;
}

.header-burger.active span {
    opacity: 0;
}

@media only screen and (max-width: 1200px) {
    .header-burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 767px) {
    .header-burger {
        margin: 0;
    }
}

.header-nav {
    position: relative;
    background-color: var(--white);
}

@media only screen and (max-width: 1200px) {
    .header-nav {
        display: none;
    }
}

.header-nav__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 63.75px;
}

.header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 63.75px;
}

@media only screen and (max-width: 1420px) {
    .header-menu {
        grid-column-gap: 50px;
    }
}

.header-menu > li {
    position: relative;
}

.header-menu > li:before {
    display: none;
}

.header-menu > li > a {
    position: relative;
    display: block;
    padding-top: 24px;
    padding-bottom: 23px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

.header-menu > li > a:before {
    visibility: hidden;
    opacity: 0;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    -webkit-transition: all var(--anim150);
    -o-transition: all var(--anim150);
    transition: all var(--anim150);
    background-color: var(--orange3);
}

.header-menu > li > a:hover:before {
    visibility: visible;
    opacity: 1;
    width: calc(100% + 5px);
}

.header-menu__haschild {
    position: relative;
}

.header-menu__haschild:before {
    display: none;
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 25px;
    border-radius: 0;
    background: none;
}

.header-menu__haschild:hover:before {
    display: block;
}

.header-menu__haschild:hover > a:before {
    visibility: visible;
    opacity: 1;
    width: calc(100% + 5px);
}

.header-menu__haschild:hover > a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header-menu__haschild:hover .header-submenu {
    visibility: visible;
    opacity: 1;
}

.header-menu__haschild:hover .header-submenu.header-submenu-right {
    left: 0;
}

.header-menu__haschild:hover .header-submenu.header-submenu-left {
    left: auto;
    right: 0;
}

.header-menu__haschild:hover .header-submenu.header-submenu-left .header-lastmenu {
    left: auto;
    right: calc(100% + 38px);
}

.header-menu__haschild > a {
    padding-right: 21px;
}

.header-menu__haschild > a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    will-change: transform;
    -webkit-transition: -webkit-transform var(--anim150);
    transition: -webkit-transform var(--anim150);
    -o-transition: transform var(--anim150);
    transition: transform var(--anim150);
    transition: transform var(--anim150), -webkit-transform var(--anim150);
    background-image: url(/local/templates/atribeautekids/images/dist/icons/arrow-select-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.header .header-submenu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    width: 449px;
    margin-top: 15px;
    padding: 20px 28px 20px 30px;
    -webkit-transition: opacity var(--anim150), visibility var(--anim150);
    -o-transition: opacity var(--anim150), visibility var(--anim150);
    transition: opacity var(--anim150), visibility var(--anim150);
    border-radius: var(--bdrs20);
    background-color: var(--green1);
    background-image: url(/local/templates/atribeautekids/images/background-blue-elements.svg);
    background-repeat: repeat;
}

.header-submenu.header-submenu-left {
    right: 0;
}

.header-submenu.header-submenu-right {
    left: 0;
}

.small-desk__sub-menu {
    overflow-y: auto;
}

.dynamic-div {
    display: none;
    position: absolute;
    padding-left: 20px;
    -webkit-transition: opacity var(--anim150), visibility var(--anim150);
    -o-transition: opacity var(--anim150), visibility var(--anim150);
    transition: opacity var(--anim150), visibility var(--anim150);
    border-radius: var(--bdrs20);
}

.dynamic-div ul {
    visibility: visible;
    opacity: 1;
    position: initial;
}

.dynamic-div li a:hover {
    color: var(--orange4);
}

.header .header-submenu > li:before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: auto;
    right: -48px;
    width: 58px;
    height: 100%;
    border-radius: 0;
    background: none;
}

.header .header-submenu > li > a {
    display: block;
    padding-right: 20px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
}

.header .header-submenu__haschild {
    position: relative;
}

.header .header-submenu__haschild > a {
    position: relative;
}

.header .header-submenu__haschild > a:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/arrow-right-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.header .header-submenu__haschild:hover:before {
    display: block;
}

.header .header-submenu__haschild:hover > a {
    color: var(--orange4);
}

.header .header-submenu__haschild:hover > a:after {
    background-image: url(/local/templates/atribeautekids/images/dist/icons/arrow-right-orange.svg);
}

.header .header-submenu__haschild:hover .header-lastmenu {
    visibility: visible;
    opacity: 1;
}

.header .header-submenu li a {
    display: block;
    padding: 6px 15px 6px 0px;
}

.header .header-submenu li a:hover {
    color: var(--orange4);
}

.header-lastmenu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -20px;
    left: calc(100% + 38px);
    width: 354px;
    padding: 20px 30px 29px;
    -webkit-transition: opacity var(--anim150), visibility var(--anim150);
    -o-transition: opacity var(--anim150), visibility var(--anim150);
    transition: opacity var(--anim150), visibility var(--anim150);
    border-radius: var(--bdrs20);
    background-color: var(--green1);
    background-image: url(/local/templates/atribeautekids/images/background-blue-elements.svg);
    background-repeat: repeat;
}

@media (max-height: 700px) and (min-height: 668px) {
    .header-lastmenu {
        top: -50px;
    }

    .header-submenu .header-lastmenu li a {
        padding: 3px 15px 3px 0;
    }
}

.header-lastmenu li a {
    padding-right: 10px;
    font-size: 16px;
}

.header-search {
    width: 26px;
    height: 27px;
    cursor: pointer;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.header-search.hide {
    background: none;
}

.header-search-panel {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all var(--anim150);
    -o-transition: all var(--anim150);
    transition: all var(--anim150);
    background: var(--white);
}

.header-search-panel.open {
    visibility: visible;
    opacity: 1;
}

.header-search-panel.open .header-search-form {
    width: 100%;
}

.header-search-panel.open .header-search__field,
.header-search-panel.open .header-search__btns {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity var(--anim150) 0.3s;
    -o-transition: opacity var(--anim150) 0.3s;
    transition: opacity var(--anim150) 0.3s;
}

.header-search-panel .container {
    height: 100%;
}

.header-search-form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.header-search-form:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 26px;
    height: 27px;
    z-index: 1;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.header-search__field {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 35px;
    border: none;
}

.header-search__field:focus {
    outline: none;
    border: none;
}

.header-search__btns {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 36px;
    right: 0;
}

.header-search__btns button {
    cursor: pointer;
    padding: 0;
    border: none;
    background-color: transparent;
}

.header-search__btn {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--orange3);
    z-index: 1;
}

.header-search__btn:hover {
    color: var(--orange4);
}

.header-search__close {
    width: 26px;
    height: 27px;
}

.header-search__close:hover svg path {
    stroke: var(--orange4);
}

.important-body {
    position: relative;
}

.important-content {
    max-width: 992px;
    font-size: 24px;
    line-height: 1.4;
}

@media only screen and (max-width: 1023px) {
    .important-content {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .important-content {
        font-size: 16px;
    }
}

.important-content h2 {
    margin-bottom: 30px;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
}

@media only screen and (max-width: 1023px) {
    .important-content h2 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .important-content h2 {
        margin-bottom: 20px;
        font-size: 20px;
    }
}

.important-content p {
    margin: 0 0 30px;
}

@media only screen and (max-width: 767px) {
    .important-content p {
        margin-bottom: 12px;
    }
}

.important__btn {
    position: absolute;
    top: -88px;
    right: 0;
    max-width: 335px;
    height: 64px;
}

@media only screen and (max-width: 1420px) {
    .important__btn {
        position: relative;
        top: 0;
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .important__btn {
        max-width: 342px;
    }
}

.info-title {
    margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    .info-title {
        margin-bottom: 30px;
    }
}

.info-main {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 60px;
    font-size: 24px;
    color: var(--gray);
}

@media only screen and (max-width: 1023px) {
    .info-main {
        grid-row-gap: 30px;
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .info-main {
        font-size: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .info-main {
        font-size: 16px;
    }
}

.info-main h2 {
    margin: 0;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--black);
}

@media only screen and (max-width: 1023px) {
    .info-main h2 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .info-main h2 {
        font-size: 24px;
    }
}

.info-main img {
    overflow: hidden;
    border-radius: var(--bdrs20);
}

.info-main figcaption {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

.info-main p {
    margin: 0;
}

.info-main p a {
    color: var(--orange3);
}

.info-main p a:hover {
    color: var(--orange4);
}

.info-main ul li {
    padding-left: 34px;
}

@media only screen and (max-width: 767px) {
    .info-main ul li {
        padding-left: 30px;
    }
}

.info-main ul li + li {
    margin-top: 20px;
}

.info-main ul li:before {
    top: 12px;
    width: 14px;
    height: 14px;
    background-color: var(--blue2);
}

@media only screen and (max-width: 767px) {
    .info-main ul li:before {
        top: 8px;
        width: 10px;
        height: 10px;
    }
}

.info-section {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 30px;
}

@media only screen and (max-width: 1023px) {
    .info-section {
        padding-bottom: 10px;
    }
}

.info-services {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 40px;
}

.info-services-item {
    position: relative;
    padding-left: 70px;
}

@media only screen and (max-width: 767px) {
    .info-services-item {
        padding: 70px 0 0;
    }
}

.info-services-item__title {
    margin-bottom: 20px;
    color: var(--blue2);
}

.info-services-item__title i {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--blue2);
    background-image: url(/local/templates/atribeautekids/images/dist/icons/esteticheskaya-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 32px;
}

.info-services-item__desc {
    font-size: 18px;
}

.info-services-item__desc a {
    color: var(--orange3);
}

.info-services-item__desc a:hover {
    color: var(--orange4);
}

.info-services-item__btn {
    max-width: 469px;
    margin-top: 20px;
}

.filter-trigger {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    color: var(--black);
    cursor: pointer;
    border-radius: var(--bdrs20);
    background: var(--gray1);
}

@media only screen and (max-width: 1023px) {
    .filter-trigger {
        width: 100%;
        max-width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .filter-trigger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
    }
}

.filter-trigger:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: url(/local/templates/atribeautekids/images/dist/icons/arrow-select-down.svg) center no-repeat;
    background-size: contain;
}

.mobile-filter {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    -webkit-transition: visibility var(--anim300), opacity var(--anim300);
    -o-transition: visibility var(--anim300), opacity var(--anim300);
    transition: visibility var(--anim300), opacity var(--anim300);
    background-color: #fff;
}

.mobile-filter.open {
    visibility: visible;
    opacity: 1;
}

.mobile-filter__close {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 60px;
    padding: 0 20px 0 56px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--black);
    border-bottom: 1px solid var(--gray2);
}

.mobile-filter__close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    background: url(/local/templates/atribeautekids/images/dist/icons/back.svg) 0 0 no-repeat;
    background-size: 100%;
}

.mobile-filter-form {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: calc(100% - 60px);
    padding-bottom: 10px;
}

.mobile-filter-fieldset {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 10px;
    overflow: auto;
    border-bottom: 1px solid var(--gray2);
}

.mobile-filter__field {
    position: relative;
    display: block;
}

.mobile-filter__field input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.mobile-filter__field input:checked ~ .mobile-filter__label {
    background: var(--gray2);
}

.mobile-filter__label {
    padding: 8px 20px;
    font-size: 16px;
    line-height: 1.5;
}

.mobile-filter__label:hover {
    background: var(--gray2);
}

.mobile-filter__btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(100% - 40px);
    margin: 0 auto;
}

.mobile-filter__btn.btn_disabled {
    pointer-events: none;
    color: var(--gray3);
    background-color: var(--gray2);
}

.mobile-nav {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 86px;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: 320px;
    height: calc(100vh - 86px);
    overflow: hidden;
    z-index: 901;
    -webkit-transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.3s ease-out;
    transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out, visibility 0.5s, opacity 0.5s;
    transition: transform 0.3s ease-out, visibility 0.5s, opacity 0.5s;
    transition: transform 0.3s ease-out, visibility 0.5s, opacity 0.5s, -webkit-transform 0.3s ease-out;
    background: var(--orange1);
}

@media only screen and (max-width: 1023px) {
    .mobile-nav {
        top: 75px;
        height: calc(100vh - 75px);
    }
}

@media only screen and (max-width: 575px) {
    .mobile-nav {
        top: 50px;
        height: calc(100vh - 50px);
    }
}

.mobile-nav-search {
    position: relative;
}

.mobile-nav-search.focus input {
    padding-left: 20px;
}

.mobile-nav-search.focus input::-webkit-input-placeholder,
.mobile-nav-search.focus input::-moz-placeholder,
.mobile-nav-search.focus input:-ms-input-placeholder,
.mobile-nav-search.focus input::-ms-input-placeholder,
.mobile-nav-search.focus input::placeholder {
    display: none;
}

.mobile-nav-search.focus .mobile-nav-search__icon {
    visibility: hidden;
    opacity: 0;
}

.mobile-nav-search.focus .mobile-nav-search__btn {
    visibility: visible;
    opacity: 1;
}

.mobile-nav-search input {
    display: block;
    width: 320px;
    height: 37px;
    padding-left: 50px;
    padding-right: 80px;
    font-size: 16px;
    font-weight: 500;
    color: var(--black);
    border: none;
    background: #fff;
}

.mobile-nav-search input::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity var(--anim150);
    transition: opacity var(--anim150);
}

.mobile-nav-search input::-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity var(--anim150);
    transition: opacity var(--anim150);
}

.mobile-nav-search input:-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity var(--anim150);
    transition: opacity var(--anim150);
}

.mobile-nav-search input::-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity var(--anim150);
    transition: opacity var(--anim150);
}

.mobile-nav-search input::placeholder {
    opacity: 0;
    -webkit-transition: opacity var(--anim150);
    -o-transition: opacity var(--anim150);
    transition: opacity var(--anim150);
}

.mobile-nav-search input:focus {
    padding-left: 20px;
}

.mobile-nav-search input:focus::-webkit-input-placeholder,
.mobile-nav-search input:focus::-moz-placeholder,
.mobile-nav-search input:focus:-ms-input-placeholder,
.mobile-nav-search input:focus::-ms-input-placeholder,
.mobile-nav-search input:focus::placeholder {
    opacity: 1;
}

.mobile-nav-search input:focus ~ .mobile-nav-search__icon {
    visibility: hidden;
    opacity: 0;
}

.mobile-nav-search__icon {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 25px;
    height: 27px;
    margin-top: -13px;
    -webkit-transition: opacity var(--anim150), visibility var(--anim150);
    -o-transition: opacity var(--anim150), visibility var(--anim150);
    transition: opacity var(--anim150), visibility var(--anim150);
    background: url(/local/templates/atribeautekids/images/dist/icons/search.svg) center no-repeat;
    background-size: 100%;
}

.mobile-nav-search__btn {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    top: 0;
    right: 16px;
    height: 100%;
    padding: 0;
    -webkit-transition: opacity var(--anim150), visibility var(--anim150);
    -o-transition: opacity var(--anim150), visibility var(--anim150);
    transition: opacity var(--anim150), visibility var(--anim150);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--orange3);
    cursor: pointer;
    border: none;
    background: none;
}

.mobile-nav-service__title {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray);
}

.mobile-nav-slider {
    margin-bottom: 20px;
    overflow: hidden;
}

.mobile-nav-slider .card-item {
    max-width: 260px;
    padding-top: 13px;
}

.mobile-nav-slider .card-item__body {
    height: 160px;
    padding: 20px;
}

.mobile-nav-slider .card-item__title {
    max-width: 91px;
    font-size: 14px;
}

.mobile-nav-slider .card-item__price {
    font-size: 16px;
}

.mobile-nav-slider .card-item__pict {
    height: calc(100% + 13px);
}

.mobile-nav-nav {
    margin: 20px 0 17px;
    padding: 0 16px;
}

.mobile-nav-menu__trigger.hide {
    display: none;
}

.mobile-nav-menu__haschild {
    position: relative;
}

.mobile-nav-menu__haschild:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 16px;
    height: 16px;
    -webkit-transition: -webkit-transform var(--anim150);
    transition: -webkit-transform var(--anim150);
    -o-transition: transform var(--anim150);
    transition: transform var(--anim150);
    transition: transform var(--anim150), -webkit-transform var(--anim150);
    background: url(/local/templates/atribeautekids/images/dist/icons/arrow-right-black.svg) center no-repeat;
    background-size: 100%;
}

.mobile-nav-menu li {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray);
}

.mobile-nav-menu li:last-child {
    margin-bottom: 0;
}

.mobile-nav-menu li:before {
    display: none;
}

.mobile-nav-menu li.is-active:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mobile-nav-menu li.is-active .ac-trigger {
    margin-bottom: 20px;
}

.mobile-nav-menu li a {
    display: block;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    text-decoration: none;
}

.mobile-nav-menu li a:hover, .mobile-nav-menu li a:focus, .mobile-nav-menu li a.active {
    text-decoration: none;
    color: var(--orange3);
}

.mobile-nav-menu li ul {
    padding-left: 16px;
}

.mobile-nav-menu li ul li + li {
    margin: 15px 0 0;
}

.mobile-nav__btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 250px;
    margin: 0 auto 6px;
    background: #E66637;
    border-radius: 25px;
    color: #fff;
    padding: 0;
    gap: 12px;
    max-height: 30px;
}

.adult-dentistry_mobile {
    gap: 12px;
    background: #FCC5A6;
}

.adult-dentistry_mobile span {
    color: #58301A;
}

.general-medicine_mobile {
    background: #FCE9A6;
}

.general-medicine_mobile span {
    color: #58301A;
}

.mobile-nav-contact {
    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;
    text-align: center;
    padding: 10px 16px 20px;
    color: var(--orange3);
    border-top: 1px solid var(--gray2);
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}

.mobile-nav-contact span {
    display: block;
    color: var(--black);
    line-height: 1.5;
    margin: 10px 0 6px;
}

.mobile-nav.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    overflow: auto;
}

@media (min-width: 1200px) {
    .mobile-nav.show {
        display: none;
    }
}

.modal {
    width: 746px;
    padding: 60px;
    border-radius: var(--bdrs20);
    background-color: var(--yellow1);
    background-image: url(/local/templates/atribeautekids/images/background-yellow-elements.svg);
    background-repeat: repeat;
}

@media only screen and (max-width: 767px) {
    .modal {
        padding: 48px 16px 40px;
    }
}

.modal_thank {
    background-image: url(/local/templates/atribeautekids/images/dist/pattern-modal-2.svg);
}

.modal_thank .modal-title {
    margin-bottom: 20px;
}

.modal_thank .modal-form__btn {
    margin-top: 30px;
}

.modal_small {
    background-image: url(/local/templates/atribeautekids/images/background-yellow-elements.svg);
}

.modal_small .modal-title {
    margin-bottom: 20px;
}

.modal_small .modal-text {
    margin-bottom: 30px;
}

.modal-title {
    margin-bottom: 30px;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 767px) {
    .modal-title {
        font-size: 24px;
    }
}

.modal-text {
    font-size: 18px;
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .modal-text {
        font-size: 16px;
    }
}

.modal-form__field {
    position: relative;
    margin-bottom: 40px;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .modal-form__field {
        margin-bottom: 20px;
    }
}

.modal-form__field.not-empty .modal-form__label {
    top: -15px;
}

@media only screen and (max-width: 767px) {
    .modal-form__field.not-empty .modal-form__label {
        top: -15px;
    }
}

.modal-form__field :-webkit-autofill,
.modal-form__field :-webkit-autofill:hover,
.modal-form__field :-webkit-autofill:focus {
    color: var(--gray);
    -webkit-box-shadow: inset 0 0 0 40px var(--yellow1);
    box-shadow: inset 0 0 0 40px var(--yellow1);
}

.modal-form__field input,
.modal-form__field textarea {
    display: block;
    width: 100%;
    font-size: 18px;
    color: var(--gray);
    border: none;
    border-bottom: 1px solid var(--yellow3);
    background: none;
}

.modal-form__field input::-webkit-autofill, .modal-form__field input::-webkit-autofill:hover, .modal-form__field input::-webkit-autofill:focus,
.modal-form__field textarea::-webkit-autofill,
.modal-form__field textarea::-webkit-autofill:hover,
.modal-form__field textarea::-webkit-autofill:focus {
    color: var(--gray);
    -webkit-box-shadow: inset 0 0 0 40px var(--yellow1);
    box-shadow: inset 0 0 0 40px var(--yellow1);
}

.modal-form__field input:focus ~ .modal-form__label,
.modal-form__field textarea:focus ~ .modal-form__label {
    top: -15px;
}

@media only screen and (max-width: 767px) {
    .modal-form__field input:focus ~ .modal-form__label,
    .modal-form__field textarea:focus ~ .modal-form__label {
        top: -15px;
    }
}

.modal-form__field input {
    height: 40px;
}

@media only screen and (max-width: 767px) {
    .modal-form__field input {
        height: 39px;
    }
}

.modal-form__field textarea {
    height: 125px;
    padding-top: 10px;
}

@media only screen and (max-width: 767px) {
    .modal-form__field textarea {
        height: 93px;
    }
}

.modal-form__label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray);
    -webkit-transition: top var(--anim300);
    -o-transition: top var(--anim300);
    transition: top var(--anim300);
}

.modal-form .custom-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 100%;
    height: 40px;
    min-height: auto;
    margin-bottom: 40px;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--yellow3);
    background: none;
}

.modal-form .custom-select:after {
    top: 37%;
    right: 0;
}

@media only screen and (max-width: 767px) {
    .modal-form .custom-select {
        margin-top: 40px;
    }
}

.modal-form .custom-select .current {
    color: var(--gray);
}

.modal-form .custom-select .nice-select-dropdown {
    max-height: 332px;
    padding: 10px 0;
    background: var(--white);
}

.modal-form .custom-select .nice-select-dropdown ul {
    overflow-y: auto;
    max-height: 312px;
    width: calc(100% - 10px);
}

.modal-form .custom-select .nice-select-dropdown ul::-webkit-scrollbar {
    width: 2px;
}

.modal-form .custom-select .nice-select-dropdown ul::-webkit-scrollbar-track {
    background: var(--gray1);
}

.modal-form .custom-select .nice-select-dropdown ul::-webkit-scrollbar-thumb {
    background: var(--orange3);
}

.modal-form .custom-select .nice-select-dropdown ul li {
    padding: 6px 10px 6px 20px;
    color: var(--gray);
}

.modal-form-upload {
    margin-bottom: 10px;
}

.modal-form-upload__title {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray);
}

.modal-form-accept {
    margin-top: 10px;
}

.modal-form-accept__label {
    text-align: left;
}

.modal-form-accept__label span {
    display: contents;
}

.modal-form-accept__label:before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.modal-form__policy {
    margin-top: 10px;
    font-size: 14px;
    color: var(--gray);
}

.modal-form__policy a {
    font-size: inherit;
    color: inherit;
    text-decoration: underline;
}

.modal-form__policy a:hover {
    color: var(--orange4);
    text-decoration: none;
}

.modal-form__btn {
    max-width: 300px;
    margin-top: 40px;
}

@media only screen and (max-width: 767px) {
    .modal-form__btn {
        max-width: 320px;
        margin: 40px auto 0;
    }
}

.online__desc {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 1.2;
}

@media only screen and (max-width: 1023px) {
    .online__desc {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .online__desc {
        font-size: 16px;
    }
}

.online__desc p {
    margin: 0 0 12px;
}

.online-form_pay .online-form-body {
    grid-row-gap: 40px;
    padding: 60px 50px;
    padding-right: 179px;
}

@media only screen and (max-width: 1420px) {
    .online-form_pay .online-form-body {
        padding: 40px;
    }
}

@media only screen and (max-width: 1023px) {
    .online-form_pay .online-form-body {
        grid-row-gap: 30px;
        padding: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .online-form_pay .online-form-body {
        padding: 30px 10px;
    }
}

.online-form_pay .online-form__title {
    margin-bottom: 44px;
    font-size: 30px;
    font-weight: 500;
}

@media only screen and (max-width: 1200px) {
    .online-form_pay .online-form__title {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 1023px) {
    .online-form_pay .online-form__title {
        margin-bottom: 20px;
        font-size: 24px;
    }
}

.online-form-item {
    margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
    .online-form-item {
        margin-bottom: 30px;
    }
}

.online-form-item:last-child {
    margin-bottom: 0;
}

.online-form-item.online-form-item_qst .online-form-row {
    grid-column-gap: 0;
}

.online-form-item.online-form-item_qst .online-form-row_wide {
    display: -ms-grid;
    display: grid;
    -ms-grid-column-span: 2;
    grid-column: span 2/auto;
    -ms-grid-columns: 1fr 56px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 56px;
    margin-top: 80px;
}

@media only screen and (max-width: 1023px) {
    .online-form-item.online-form-item_qst .online-form-row_wide {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column: auto;
        grid-column-gap: 0;
        margin-top: 60px;
    }
}

.online-form-item.online-form-item_qst .online-form-row_wide .online-form__field textarea {
    height: 125px;
}

.online-form-item.online-form-item_qst .online-form-col .custom-select {
    height: 34px;
}

@media only screen and (max-width: 767px) {
    .online-form-item.online-form-item_qst .online-form-col .custom-select {
        height: 31px;
    }
}

.online-form-item.online-form-item_qst .online-form__field input {
    height: 34px;
}

@media only screen and (max-width: 767px) {
    .online-form-item.online-form-item_qst .online-form__field input {
        height: 31px;
    }
}

.online-form-item.online-form-item_qst .online-form__field textarea {
    height: 63px;
    padding-top: 0;
}

.online-form-item__title {
    font-weight: initial;
    margin-bottom: 30px;
    font-size: 40px;
    line-height: 1.2;
}

@media only screen and (max-width: 1023px) {
    .online-form-item__title {
        margin-bottom: 20px;
        font-size: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .online-form-item__title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 575px) {
    .online-form-item__title {
        font-size: 20px;
    }
}

.online-form-item__desc {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 1.2;
}

@media only screen and (max-width: 1023px) {
    .online-form-item__desc {
        margin-bottom: 23px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .online-form-item__desc {
        font-size: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .online-form-item__desc {
        font-size: 16px;
    }
}

.online-form-item-body {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 40px;
    padding: 60px 50px;
    border-radius: var(--bdrs20);
    background: var(--yellow1);
}

@media only screen and (max-width: 1420px) {
    .online-form-item-body {
        padding: 30px 30px 32px;
    }
}

@media only screen and (max-width: 767px) {
    .online-form-item-body {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.online-form-item-body .col-2 {
    grid-column-gap: 96px;
}

.online-form-item-body .col-3 {
    grid-column-gap: 65px;
}

.online-form-item-main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 56px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 56px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 60px 162px 60px 50px;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1580px) {
    .online-form-item-main {
        padding-right: 50px;
    }
}

@media only screen and (max-width: 1420px) {
    .online-form-item-main {
        grid-column-gap: 40px;
        padding: 30px 30px 32px;
    }
}

@media only screen and (max-width: 1023px) {
    .online-form-item-main {
        display: block;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column-gap: 0;
    }
}

@media only screen and (max-width: 767px) {
    .online-form-item-main {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.online-form-item-main.bg-yellow .online-form__field :-webkit-autofill,
.online-form-item-main.bg-yellow .online-form__field :-webkit-autofill:hover,
.online-form-item-main.bg-yellow .online-form__field :-webkit-autofill:focus {
    color: var(--gray);
    -webkit-box-shadow: inset 0 0 0 40px var(--yellow1);
    box-shadow: inset 0 0 0 40px var(--yellow1);
}

.online-form-item-main.bg-green .online-form__field input,
.online-form-item-main.bg-green .online-form__field textarea {
    border-bottom: 1px solid #a7a7a7;
}

.online-form-item-main .online-form-col {
    max-width: 625px;
}

@media only screen and (max-width: 1023px) {
    .online-form-item-main .online-form-col {
        max-width: 100%;
    }
}

.online-form-body {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 50px;
    padding: 60px;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1420px) {
    .online-form-body {
        grid-row-gap: 40px;
        padding: 40px;
    }
}

@media only screen and (max-width: 1023px) {
    .online-form-body {
        grid-row-gap: 30px;
        padding: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .online-form-body {
        padding: 30px 10px;
    }
}

.online-form-body.bg-yellow .online-form__field :-webkit-autofill,
.online-form-body.bg-yellow .online-form__field :-webkit-autofill:hover,
.online-form-body.bg-yellow .online-form__field :-webkit-autofill:focus {
    color: var(--gray);
    -webkit-box-shadow: inset 0 0 0 40px var(--yellow1);
    box-shadow: inset 0 0 0 40px var(--yellow1);
}

.online-form-body.bg-green .online-form__field input,
.online-form-body.bg-green .online-form__field textarea {
    border-bottom: 1px solid #a7a7a7;
}

.online-form__title {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 1.2;
}

@media only screen and (max-width: 1420px) {
    .online-form__title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .online-form__title {
        font-size: 20px;
    }
}

.online-form-row {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 85px;
    grid-row-gap: 40px;
}

@media only screen and (max-width: 1420px) {
    .online-form-row {
        grid-column-gap: 40px;
    }
}

@media only screen and (max-width: 1023px) {
    .online-form-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column-gap: 0;
        grid-row-gap: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .online-form-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-row-gap: 20px;
    }
}

.online-form-row.col-2 {
    -ms-grid-columns: (1fr) [ 2 ];
    grid-template-columns: repeat(2, 1fr);
}

@media only screen and (max-width: 1023px) {
    .online-form-row.col-2 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.online-form-row.col-3 {
    -ms-grid-columns: 1fr 65px 1fr 65px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 65px;
}

@media only screen and (max-width: 1420px) {
    .online-form-row.col-3 {
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 1023px) {
    .online-form-row.col-3 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.online-form-col {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    visibility: visible;
    opacity: 1;
}

.online-form-col.active {
    z-index: 100;
}

.online-form-col.col-hide {
    visibility: hidden;
    opacity: 0;
    position: absolute;
}

.online-form-col__title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
}

@media only screen and (max-width: 767px) {
    .online-form-col__title {
        font-size: 16px;
    }
}

.online-form-col__warning {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.2;
    color: #000;
}

.online-form-col__warning + .online-form-panel {
    margin-top: 40px;
}

.online-form-panel {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-row-gap: 40px;
    z-index: 2;
}

.online-form-panel + .online-form-panel {
    margin-top: 40px;
}

.online-form__field {
    position: relative;
    margin-top: auto;
    z-index: 1;
}

.online-form__field.not-empty .online-form__label {
    top: -15px;
    z-index: 0;
}

.online-form__field :-webkit-autofill,
.online-form__field :-webkit-autofill:hover,
.online-form__field :-webkit-autofill:focus {
    color: var(--gray);
}

.online-form__field input,
.online-form__field textarea {
    display: block;
    width: 100%;
    font-size: 18px;
    color: var(--gray);
    padding: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--yellow3);
    background: none;
}

@media only screen and (max-width: 767px) {
    .online-form__field input,
    .online-form__field textarea {
        font-size: 16px;
    }
}

.online-form__field input::-webkit-input-placeholder, .online-form__field textarea::-webkit-input-placeholder {
    color: var(--gray);
}

.online-form__field input::-moz-placeholder, .online-form__field textarea::-moz-placeholder {
    color: var(--gray);
}

.online-form__field input:-ms-input-placeholder, .online-form__field textarea:-ms-input-placeholder {
    color: var(--gray);
}

.online-form__field input::-ms-input-placeholder, .online-form__field textarea::-ms-input-placeholder {
    color: var(--gray);
}

.online-form__field input::placeholder,
.online-form__field textarea::placeholder {
    color: var(--gray);
}

.online-form__field input::-webkit-autofill, .online-form__field input::-webkit-autofill:hover, .online-form__field input::-webkit-autofill:focus,
.online-form__field textarea::-webkit-autofill,
.online-form__field textarea::-webkit-autofill:hover,
.online-form__field textarea::-webkit-autofill:focus {
    color: var(--gray);
    -webkit-box-shadow: inset 0 0 0 40px var(--yellow1);
    box-shadow: inset 0 0 0 40px var(--yellow1);
}

.online-form__field input:focus,
.online-form__field textarea:focus {
    outline: none;
}

.online-form__field input:focus ~ .online-form__label,
.online-form__field textarea:focus ~ .online-form__label {
    top: -15px;
    z-index: 0;
}

.online-form__field input {
    height: 40px;
}

@media only screen and (max-width: 767px) {
    .online-form__field input {
        height: 37px;
    }
}

.online-form__field textarea {
    height: 156px;
    padding-top: 10px;
}

@media only screen and (max-width: 767px) {
    .online-form__field textarea {
        height: 125px;
    }
}

.online-form__label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray);
    -webkit-transition: top var(--anim300);
    -o-transition: top var(--anim300);
    transition: top var(--anim300);
}

@media only screen and (max-width: 767px) {
    .online-form__label {
        font-size: 16px;
    }
}

.online-form .custom-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 100%;
    height: 40px;
    min-height: auto;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--yellow3);
    background: none;
}

.online-form .custom-select + .online-form-panel {
    margin-top: 40px;
}

.online-form .custom-select:after {
    top: 37%;
    right: 0;
}

.online-form .custom-select_arrow-orange:after {
    top: 42%;
}

@media only screen and (max-width: 767px) {
    .online-form .custom-select_arrow-orange:after {
        top: 35%;
        width: 22px;
        height: 22px;
        margin-top: -11px;
    }
}

@media only screen and (max-width: 575px) {
    .online-form .custom-select_arrow-orange:after {
        width: 16px;
        height: 16px;
        margin-top: -8px;
    }
}

.online-form .custom-select .current {
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .online-form .custom-select .current {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .online-form .custom-select__placehoder {
        font-size: 16px;
    }
}

.online-form .custom-select .nice-select-dropdown {
    max-height: 332px;
    padding: 10px 0;
    background: var(--white);
}

.online-form .custom-select .nice-select-dropdown ul {
    overflow-y: auto;
    max-height: 312px;
    width: calc(100% - 10px);
}

.online-form .custom-select .nice-select-dropdown ul::-webkit-scrollbar {
    width: 2px;
}

.online-form .custom-select .nice-select-dropdown ul::-webkit-scrollbar-track {
    background: var(--gray1);
}

.online-form .custom-select .nice-select-dropdown ul::-webkit-scrollbar-thumb {
    background: var(--orange3);
}

.online-form .custom-select .nice-select-dropdown ul li {
    padding: 6px 10px 6px 20px;
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .online-form .custom-select .nice-select-dropdown ul li {
        font-size: 16px;
    }
}

.online-form-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 20px;
    margin-top: auto;
}

@media only screen and (max-width: 767px) {
    .online-form-upload {
        grid-column-gap: 14px;
    }
}

.online-form-upload .upload {
    width: 100%;
    max-width: 257px;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/dashed-2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media only screen and (max-width: 767px) {
    .online-form-upload .upload {
        width: 202px;
        height: 40px;
    }
}

.online-form-upload .upload__title {
    font-size: 18px;
    line-height: 1.2;
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .online-form-upload .upload__title {
        font-size: 16px;
    }
}

.online-form-upload .upload__title svg {
    top: -1px;
}

@media only screen and (max-width: 767px) {
    .online-form-upload .upload__title svg {
        top: -2px;
    }
}

.online-form-upload .upload__filename {
    position: relative;
    bottom: 0;
    max-width: 215px;
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    color: var(--gray3);
}

@media only screen and (max-width: 767px) {
    .online-form-upload .upload__filename {
        max-width: 108px;
    }
}

.online-form__example {
    display: inline-block;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.2;
    color: var(--orange3);
    -webkit-transition: border-bottom-color var(--anim150);
    -o-transition: border-bottom-color var(--anim150);
    transition: border-bottom-color var(--anim150);
    border-bottom: 1px dashed var(--orange3);
}

@media only screen and (max-width: 767px) {
    .online-form__example {
        margin-top: 10px;
    }
}

.online-form__example:hover {
    border-bottom-color: transparent;
}

.online-form-accept {
    margin-top: 40px;
}

@media only screen and (max-width: 1023px) {
    .online-form-accept {
        margin-top: 30px;
    }
}

.online-form-accept__label {
    text-align: left;
}

.online-form-accept__label span {
    display: contents;
}

.online-form-accept__label:before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.online-form__policy {
    max-width: 626px;
    margin-top: 10px;
    font-size: 14px;
    color: var(--gray);
}

.online-form__policy a {
    font-size: inherit;
    color: inherit;
    text-decoration: underline;
}

.online-form__policy a:hover {
    color: var(--orange4);
    text-decoration: none;
}

.online-form__btn {
    max-width: 300px;
    margin-top: 40px;
}

@media only screen and (max-width: 1023px) {
    .online-form__btn {
        max-width: 311px;
        margin-top: 20px;
    }
}

.online-form-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 20px;
    max-width: 817px;
    margin-top: 40px;
}

@media only screen and (max-width: 767px) {
    .online-form-footer {
        grid-row-gap: 10px;
        margin-top: 30px;
    }
}

.online-form-footer .online-form-accept {
    margin: 0;
}

.online-form-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 10px;
    margin-top: 40px;
}

@media only screen and (max-width: 767px) {
    .online-form-btns {
        grid-column-gap: 8px;
        margin-top: 23px;
    }
}

@media only screen and (max-width: 767px) {
    .online-form-btns_first {
        margin-top: 40px;
    }
}

.online-form-btns__btn {
    width: auto;
    padding: 0 50px;
}

.online-form-btns__btn.online-btn-prev {
    max-width: 138px;
}

.online-form-btns__btn.online-btn-next {
    max-width: 188px;
}

.online-form-scale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-gap: 26px;
    grid-row-gap: 20px;
}

@media only screen and (max-width: 1580px) {
    .online-form-scale {
        grid-column-gap: 20px;
    }
}

@media only screen and (max-width: 1420px) {
    .online-form-scale {
        grid-column-gap: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .online-form-scale {
        grid-column-gap: 15px;
    }
}

@media only screen and (max-width: 575px) {
    .online-form-scale {
        max-width: 270px;
    }
}

.online-form-scale__item {
    cursor: pointer;
    font-size: 18px;
    line-height: 1.2;
}

@media only screen and (max-width: 767px) {
    .online-form-scale__item {
        font-size: 16px;
    }
}

.online-form-scale__item input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.online-form-scale__item input:checked ~ span:after {
    display: block;
}

.online-form-scale__item span {
    position: relative;
    display: block;
    padding-left: 25px;
}

.online-form-scale__item span:before, .online-form-scale__item span:after {
    content: "";
    position: absolute;
}

.online-form-scale__item span:before {
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-radius: 50%;
    background: var(--white);
}

.online-form-scale__item span:after {
    display: none;
    top: 50%;
    left: 3px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border-radius: 50%;
    background: var(--green2);
}

.online-payment {
    margin-top: 50px;
}

@media only screen and (max-width: 1023px) {
    .online-payment {
        margin-top: 30px;
    }
}

.online-payment-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 30px;
}

@media only screen and (max-width: 767px) {
    .online-payment-items {
        grid-column-gap: 20px;
    }
}

.online-payment__desc {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 10px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .online-payment__desc {
        font-size: 14px;
    }
}

.online-payment__desc p {
    margin: 0;
}

.field-hide {
    display: none;
    z-index: 0;
}

.prices-list-body {
    padding: 60px;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1200px) {
    .prices-list-body {
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .prices-list-body {
        padding: 30px 16px;
    }
}

.prices-list-body_blue {
    background-color: var(--blue1);
}

.prices-list-body_blue .prices-list-item__title i {
    background-color: var(--blue2);
}

.prices-list__title {
    margin-bottom: 90px;
}

@media only screen and (max-width: 1200px) {
    .prices-list__title {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 1023px) {
    .prices-list__title {
        margin-bottom: 20px;
    }
}

.prices-list-main {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 30px;
}

.prices-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-column-gap: 20px;
}

@media only screen and (max-width: 767px) {
    .prices-list-item {
        grid-column-gap: 10px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.prices-list-item__title {
    position: relative;
    padding-left: 70px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 1200px) {
    .prices-list-item__title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 1023px) {
    .prices-list-item__title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .prices-list-item__title {
        padding-left: 50px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .prices-list-item__title {
        font-size: 16px;
    }
}

.prices-list-item__title i {
    position: absolute;
    top: -7px;
    left: 0;
    width: 50px;
    height: 50px;
    padding: 7px;
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    .prices-list-item__title i {
        top: -2px;
        width: 40px;
        height: 40px;
        background-size: 100% 28px;
    }
}

.prices-list-item__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 225px;
    height: 59px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--white);
    text-align: center;
    border-radius: var(--bdrs20);
    background: var(--orange3);
}

@media only screen and (max-width: 1200px) {
    .prices-list-item__data {
        width: 210px;
        font-size: 24px;
    }
}

@media only screen and (max-width: 1023px) {
    .prices-list-item__data {
        width: 150px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .prices-list-item__data {
        width: auto;
        height: auto;
        font-size: 18px;
        color: var(--orange3);
        background: none;
    }
}

@media only screen and (max-width: 575px) {
    .prices-list-item__data {
        font-size: 16px;
    }
}

.sale-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 40px;
}

@media only screen and (max-width: 1200px) {
    .sale-items {
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 1023px) {
    .sale-items {
        grid-gap: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .sale-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.sale-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

.sale-item__pict {
    position: relative;
    display: block;
    z-index: 0;
    height: 305px;
    max-height: 100%;
}

@media only screen and (max-width: 1420px) {
    .sale-item__pict {
        height: 260px;
    }
}

@media only screen and (max-width: 1023px) {
    .sale-item__pict {
        height: 260px;
    }
}

@media only screen and (max-width: 767px) {
    .sale-item__pict {
        height: auto;
    }
}

.sale-item-body {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 179px;
    margin-top: -70px;
    padding: 30px;
    z-index: 1;
    border-radius: var(--bdrs20) var(--bdrs20) 0 0;
    background-color: var(--gray1);
}

@media only screen and (max-width: 767px) {
    .sale-item-body {
        min-height: 150px;
        margin-top: -20px;
        padding: 20px;
    }
}

.sale-item__title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 767px) {
    .sale-item__title {
        font-size: 20px;
    }
}

.sale-item__desc {
    display: none;
}

.sale-item__link {
    margin-top: auto;
}

.sale-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 110px;
}

@media only screen and (max-width: 1023px) {
    .sale-desc {
        padding-top: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .sale-desc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-row-gap: 20px;
        padding-top: 50px;
    }
}

.sale-desc__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-right: 30px;
    padding: 8px;
    border-radius: 50%;
    background-color: var(--blue2);
}

.sale-desc__text {
    font-size: 18px;
    color: var(--gray);
}

.sale-desc__text p {
    margin: 0 0 10px;
}

.sale-desc__text ul {
    margin-bottom: 10px;
}

.sale-desc__text ul li {
    position: relative;
    padding-left: 34px;
}

.sale-desc__text ul li + li {
    margin-top: 20px;
}

.sale-desc__text ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--green2);
}

.sale-desc__text a {
    color: var(--orange3);
}

.sale-desc__text a:hover {
    color: var(--orange4);
}

.about {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 660px 115px auto;
    grid-template-columns: 660px auto;
    grid-column-gap: 115px;
}

@media only screen and (max-width: 1580px) {
    .about {
        grid-column-gap: 40px;
    }
}

@media only screen and (max-width: 1420px) {
    .about {
        -ms-grid-columns: 500px 30px auto;
        grid-template-columns: 500px auto;
        grid-column-gap: 30px;
    }
}

@media only screen and (max-width: 1420px) {
    .about {
        -ms-grid-columns: 390px auto;
        grid-template-columns: 390px auto;
    }
}

@media only screen and (max-width: 1023px) {
    .about {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        grid-column-gap: 0;
    }
}

.about__pict {
    overflow: hidden;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1023px) {
    .about__pict {
        display: none;
    }
}

.about__pict_mob-block {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .about__pict_mob-block {
        display: block;
        margin-bottom: 30px;
    }
}

.about-main {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 70px;
}

.about-main:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/commas.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.about-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 40px;
}

.about__title {
    margin-bottom: 20px;
}

@media only screen and (max-width: 1023px) {
    .about__title {
        max-width: 500px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .about__title {
        max-width: 375px;
    }
}

.about-desc {
    margin-bottom: 20px;
    font-size: 24px;
    color: var(--gray);
}

.about-desc p {
    margin: 0 0 20px;
}

@media only screen and (max-width: 1580px) {
    .about-desc {
        font-size: 21px;
    }
}

@media only screen and (max-width: 1420px) {
    .about-desc {
        font-size: 19px;
    }
}

@media only screen and (max-width: 1200px) {
    .about-desc {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1023px) {
    .about-desc {
        display: none;
        margin-bottom: 0;
    }
}

.about-desc_mob {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .about-desc_mob {
        display: block;
    }
}

.about__more {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .about__more {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: 0 0 20px;
    }
}

.about-short {
    -ms-flex-item-align: end;
    align-self: flex-end;
    max-width: 487px;
}

@media only screen and (max-width: 1200px) {
    .about-short {
        -ms-flex-item-align: start;
        align-self: flex-start;
        max-width: 100%;
    }
}

.about-short-wrap {
    position: relative;
    height: 80px;
    margin-bottom: 30px;
    overflow: hidden;
}

@media only screen and (max-width: 1023px) {
    .about-short-wrap {
        display: none;
    }
}

.about-short-wrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    -webkit-transition: opacity var(--anim150);
    -o-transition: opacity var(--anim150);
    transition: opacity var(--anim150);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

@media only screen and (max-width: 1023px) {
    .about-short-wrap:after {
        display: none;
    }
}

.about-short__text {
    position: relative;
    font-size: 18px;
}

.about__name {
    margin-bottom: 10px;
    font: 400 32px/1.1 var(--accentfont);
}

@media only screen and (max-width: 767px) {
    .about__name {
        font-size: 22px;
    }
}

.about__post {
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .about__post {
        font-size: 16px;
    }
}

.about-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 20px;
}

@media only screen and (max-width: 767px) {
    .about-footer {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.about__btn_wide {
    max-width: 324px;
}

@media only screen and (max-width: 767px) {
    .about__btn_wide {
        max-width: 271px;
    }
}

.about__btn_short {
    max-width: 248px;
}

@media only screen and (max-width: 1023px) {
    .about__btn_short {
        display: none;
    }
}

.articles .section-header {
    margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    .articles .section-header {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .articles-slider {
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .articles .swiper-pagination {
        display: none;
    }
}

.article-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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 491px;
    padding: 50px 40px 28px;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1580px) {
    .article-item {
        min-height: 438px;
    }
}

@media only screen and (max-width: 1420px) {
    .article-item {
        min-height: 362px;
        padding: 40px 20px 25px;
    }
}

@media only screen and (max-width: 1200px) {
    .article-item {
        min-height: 450px;
        padding: 50px 40px 28px;
    }
}

@media only screen and (max-width: 1023px) {
    .article-item {
        min-height: 354px;
        padding: 30px 20px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .article-item {
        max-width: 330px;
        min-height: 335px;
        padding: 20px 20px 16px;
    }
}

@media only screen and (max-width: 767px) {
    .article-item {
        max-width: 280px;
        min-height: 282px;
    }
}

.article-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity var(--anim300);
    -o-transition: opacity var(--anim300);
    transition: opacity var(--anim300);
    background: rgba(0, 0, 0, 0.28);
}

.article-item:hover:before {
    opacity: 0;
}

.article-item__pict {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.article-item-body {
    position: relative;
    z-index: 1;
}

.article-item__title {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--white);
}

@media only screen and (max-width: 1420px) {
    .article-item__title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 1200px) {
    .article-item__title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 1023px) {
    .article-item__title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .article-item__title {
        font-size: 20px;
    }
}

.article-item-footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 19px;
    z-index: 1;
    border-top: 1px solid var(--gray2);
}

@media only screen and (max-width: 767px) {
    .article-item-footer {
        padding-top: 10px;
    }
}

.article-item__like {
    position: relative;
    top: 3px;
    padding-left: 39px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--white);
}

.article-item__like:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/heart-2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.article-item__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column-gap: 21px;
    font-size: 60px;
    line-height: 1.2;
    color: var(--white);
}

@media only screen and (max-width: 1420px) {
    .article-item__date {
        font-size: 45px;
    }
}

@media only screen and (max-width: 1200px) {
    .article-item__date {
        font-size: 60px;
    }
}

@media only screen and (max-width: 1023px) {
    .article-item__date {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .article-item__date {
        grid-column-gap: 9px;
        font-size: 30px;
    }
}

.article-item__date sup {
    top: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 1023px) {
    .article-item__date sup {
        top: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .article-item__date sup {
        top: -2px;
    }
}

.article-item__date span {
    display: block;
}

.section-awards {
    padding-top: 0;
}

.awards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 616px 159px auto;
    grid-template-columns: 616px auto;
    grid-column-gap: 159px;
}

@media only screen and (max-width: 1580px) {
    .awards {
        grid-column-gap: 120px;
    }
}

@media only screen and (max-width: 1420px) {
    .awards {
        -ms-grid-columns: 530px 30px auto;
        grid-template-columns: 530px auto;
        grid-column-gap: 30px;
    }
}

@media only screen and (max-width: 1200px) {
    .awards {
        -ms-grid-columns: 440px auto;
        grid-template-columns: 440px auto;
    }
}

@media only screen and (max-width: 1023px) {
    .awards {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        grid-column-gap: 0;
        grid-row-gap: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .awards {
        display: flex;
        flex-direction: column;
    }
}

.awards__title {
    margin-bottom: 20px;
}

.awards__desc {
    margin-bottom: 30px;
    font-size: 24px;
    color: var(--gray);
}

@media only screen and (max-width: 1420px) {
    .awards__desc {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1200px) {
    .awards__desc {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .awards__desc {
        display: none;
    }
}

.awards-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-column-gap: 20px;
    padding: 30px 0;
    border-bottom: 1px solid #C3D0D3;
}

@media only screen and (max-width: 1200px) {
    .awards-item {
        padding: 20px 0;
    }
}

@media only screen and (max-width: 1023px) {
    .awards-item {
        grid-column-gap: 29px;
    }
}

.awards-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.awards-item__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media only screen and (max-width: 767px) {
    .awards-item__icon {
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
}

.awards-item__info {
    position: relative;
    min-width: 172px;
    padding-left: 63px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 1420px) {
    .awards-item__info {
        min-width: 149px;
        padding-left: 50px;
        font-size: 24px;
    }
}

@media only screen and (max-width: 1023px) {
    .awards-item__info {
        min-width: 136px;
        padding-left: 44px;
    }
}

.awards-item__info:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 31px;
    height: 31px;
    margin-top: -15px;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/star.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media only screen and (max-width: 1023px) {
    .awards-item__info:before {
        width: 34px;
        height: 34px;
        margin-top: -17px;
    }
}

.awards-item__info sup {
    margin-left: 12px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray);
}

@media only screen and (max-width: 1023px) {
    .awards-item__info sup {
        margin-left: 10px;
        font-size: 16px;
    }
}

.awards-sert {
    padding: 91px 80px 156px;
    border-radius: var(--bdrs20);
    background-color: var(--gray1);
}

@media only screen and (max-width: 1580px) {
    .awards-sert {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media only screen and (max-width: 1200px) {
    .awards-sert {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 1023px) {
    .awards-sert {
        padding: 29px 37px 49px;
    }
}

@media only screen and (max-width: 767px) {
    .awards-sert {
        padding: 29px 20px 49px;
    }
}

.awards-sert__logo {
    margin-bottom: 68px;
}

@media only screen and (max-width: 767px) {
    .awards-sert__logo {
        margin-bottom: 31px;
    }
}

.awards-sert__picts {
    position: relative;
}

@media only screen and (max-width: 1023px) {
    .awards-sert__picts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.awards-sert__pict {
    width: 100%;
    max-height: none;
}

.awards-sert__pict_big {
    max-width: 421px;
}

@media only screen and (max-width: 1420px) {
    .awards-sert__pict_big {
        max-width: 360px;
    }
}

@media only screen and (max-width: 1200px) {
    .awards-sert__pict_big {
        max-width: 300px;
    }
}

@media only screen and (max-width: 1023px) {
    .awards-sert__pict_big {
        max-width: none;
    }
}

@media only screen and (max-width: 767px) {
    .awards-sert__pict_big {
        min-width: 165px;
    }
}

.awards-sert__pict_small {
    position: absolute;
    top: 65px;
    right: 0;
    max-width: 232px;
}

@media only screen and (max-width: 1420px) {
    .awards-sert__pict_small {
        max-width: 200px;
    }
}

@media only screen and (max-width: 1200px) {
    .awards-sert__pict_small {
        max-width: 170px;
    }
}

@media only screen and (max-width: 1023px) {
    .awards-sert__pict_small {
        position: relative;
        top: 0;
        max-width: none;
        margin: 29px 0 0 -70px;
    }
}

@media only screen and (max-width: 767px) {
    .awards-sert__pict_small {
        min-width: 109px;
        max-width: 40%;
        margin-left: -30px;
    }
}

.section-banner-wide {
    padding-top: 90px;
    overflow: visible;
}

@media only screen and (max-width: 1023px) {
    .section-banner-wide {
        padding-top: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .section-banner-wide {
        padding: 0 20px 50px;
    }
}

.banner-wide {
    background-color: var(--blue1);
    background-image: url(/local/templates/atribeautekids/images/dist/pattern-banner-wide.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
    .banner-wide {
        background: none;
    }
}

.banner-wide-main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 433px;
    padding-top: 144px;
    z-index: 1;
}

@media only screen and (max-width: 1200px) {
    .banner-wide-main {
        height: 315px;
        padding-top: 80px;
    }
}

@media only screen and (max-width: 1023px) {
    .banner-wide-main {
        height: 245px;
        padding-top: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-wide-main {
        height: auto;
        padding-top: 30px;
        overflow: hidden;
        border-radius: var(--bdrs20);
    }
}

.banner-wide-body {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

@media only screen and (max-width: 767px) {
    .banner-wide-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 200px;
        border-radius: var(--bdrs20);
        background-color: var(--blue1);
        background-image: url(/local/templates/atribeautekids/images/dist/pattern-banner-wide.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}

@media only screen and (max-width: 575px) {
    .banner-wide-body {
        height: 140px;
    }
}

.banner-wide__title {
    -ms-flex-item-align: start;
    align-self: flex-start;
    max-width: 520px;
    min-width: 470px;
    margin-bottom: 30px;
    font: 400 50px/1.1 var(--accentfont);
    text-align: center;
}

@media only screen and (max-width: 1420px) {
    .banner-wide__title {
        min-width: 400px;
        font-size: 45px;
    }
}

@media only screen and (max-width: 1023px) {
    .banner-wide__title {
        min-width: 300px;
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-wide__title {
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        max-width: 165px;
        min-width: auto;
        margin-bottom: 0;
        font-size: 26px;
    }
}

@media only screen and (max-width: 575px) {
    .banner-wide__title {
        font-size: 22px;
    }
}

.banner-wide__img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 586px;
}

@media only screen and (max-width: 1200px) {
    .banner-wide__img {
        height: 410px;
    }
}

@media only screen and (max-width: 1023px) {
    .banner-wide__img {
        height: 300px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-wide__img {
        position: absolute;
        height: 235px;
    }
}

@media only screen and (max-width: 575px) {
    .banner-wide__img {
        height: 165px;
    }
}

.banner-wide__img img {
    max-width: none;
    max-height: none;
    width: auto;
    height: auto;
}

.banner-wide__img_left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    right: -6.2%;
}

@media only screen and (max-width: 1023px) {
    .banner-wide__img_left {
        right: -3.2%;
    }
}

@media only screen and (max-width: 767px) {
    .banner-wide__img_left {
        right: auto;
        left: -4%;
    }
}

.banner-wide__img_right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: -4.2%;
}

@media only screen and (max-width: 1023px) {
    .banner-wide__img_right {
        left: -3.2%;
    }
}

@media only screen and (max-width: 767px) {
    .banner-wide__img_right {
        left: auto;
        right: -4%;
    }
}

.banner-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 67px 60px;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1200px) {
    .banner-inner {
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px 20px 0;
    }
}

.banner-inner__pict {
    position: absolute;
    bottom: 0;
    left: 99px;
}

@media only screen and (max-width: 1420px) {
    .banner-inner__pict {
        left: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .banner-inner__pict {
        left: -8%;
        max-width: 500px;
    }
}

@media only screen and (max-width: 1023px) {
    .banner-inner__pict {
        left: -12%;
    }
}

@media only screen and (max-width: 767px) {
    .banner-inner__pict {
        position: relative;
        left: 0;
        right: 0;
        max-width: 100%;
        margin: 0 auto;
    }
}

.banner-inner-body {
    max-width: 684px;
}

@media only screen and (max-width: 1420px) {
    .banner-inner-body {
        max-width: 630px;
    }
}

@media only screen and (max-width: 1200px) {
    .banner-inner-body {
        max-width: 520px;
    }
}

@media only screen and (max-width: 1023px) {
    .banner-inner-body {
        max-width: 350px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-inner-body {
        max-width: 100%;
        padding-bottom: 30px;
    }
}

.banner-inner__title {
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 1.2;
}

@media only screen and (max-width: 1200px) {
    .banner-inner__title {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-inner__title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 575px) {
    .banner-inner__title {
        font-size: 28px;
    }
}

.banner-inner__desc {
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .banner-inner__desc {
        font-size: 16px;
    }
}

.banner-inner__btn {
    max-width: 238px;
    margin-top: 60px;
}

@media only screen and (max-width: 767px) {
    .banner-inner__btn {
        max-width: 271px;
        margin: 40px auto 0;
    }
}

.section-benefits {
    background: var(--blue1) url(/local/templates/atribeautekids/images/background-green-elements.svg) repeat;
}

@media only screen and (max-width: 767px) {
    .section-benefits {
        padding: 40px 0;
    }
}

@media only screen and (max-width: 575px) {
    .section-benefits {
        padding: 20px 0;
    }
}

.benefits-content {
    margin-bottom: 90px;
    font-size: 50px;
    line-height: 1.4;
}

@media only screen and (max-width: 1580px) {
    .benefits-content {
        font-size: 45px;
    }
}

@media only screen and (max-width: 1420px) {
    .benefits-content {
        margin-bottom: 70px;
        font-size: 38px;
    }
}

@media only screen and (max-width: 1200px) {
    .benefits-content {
        font-size: 32px;
    }
}

@media only screen and (max-width: 1023px) {
    .benefits-content {
        font-size: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .benefits-content {
        display: none;
    }
}

.benefits-content i {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 20px;
    width: 80px;
    height: 0;
}

@media only screen and (max-width: 1420px) {
    .benefits-content i {
        top: 16px;
        width: 60px;
    }
}

@media only screen and (max-width: 1023px) {
    .benefits-content i {
        top: 12px;
        width: 45px;
    }
}

.benefits-content i img {
    max-width: none;
    max-height: none;
}

@media only screen and (max-width: 1580px) {
    .benefits-content i img {
        max-width: 95px;
    }
}

@media only screen and (max-width: 1420px) {
    .benefits-content i img {
        max-width: 80px;
    }
}

@media only screen and (max-width: 1200px) {
    .benefits-content i img {
        max-width: 70px;
    }
}

@media only screen and (max-width: 1023px) {
    .benefits-content i img {
        max-width: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .benefits-slider {
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .benefits-slider .swiper-pagination {
        display: none;
    }
}

.benefits-slider .swiper-pagination.pagination-animated .swiper-pagination-bullet i {
    -webkit-animation-duration: var(--durationSecond);
    animation-duration: var(--durationSecond);
}

.benefits-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 20px;
}

@media only screen and (max-width: 767px) {
    .benefits-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 180px;
    }
}

@media only screen and (max-width: 575px) {
    .benefits-item {
        max-width: 140px;
    }
}

@media only screen and (max-width: 480px) {
    .benefits-item {
        max-width: 120px;
    }
}

.benefits-item__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 116px;
    height: 116px;
    -webkit-transition: background-color var(--anim300);
    -o-transition: background-color var(--anim300);
    transition: background-color var(--anim300);
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    .benefits-item__icon {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .benefits-item__icon {
        width: 50px;
        height: 50px;
    }
}

.benefits-item__title {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 767px) {
    .benefits-item__title {
        font-size: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .benefits-item__title {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .benefits-item__title {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1023px) {
    .section-consult {
        padding: 50px 0;
        background: var(--yellow1) url(/local/templates/atribeautekids/images/dist/order-bg.svg) top left no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 767px) {
    .section-consult_mob-hide {
        display: none;
    }
}

.consult {
    overflow: hidden;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1023px) {
    .consult {
        border-radius: 0;
        background: none;
    }
}

.consult-row {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 760px;
    grid-template-columns: 1fr 760px;
    min-height: 714px;
}

@media only screen and (max-width: 1420px) {
    .consult-row {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 1200px) {
    .consult-row {
        min-height: auto;
    }
}

@media only screen and (max-width: 1023px) {
    .consult-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.consult-pict {
    overflow: hidden;
}

@media only screen and (max-width: 1023px) {
    .consult-pict {
        border-radius: 20px;
    }
}

.consult-body {
    padding: 106px 64px 102px 62px;
}

@media only screen and (max-width: 1420px) {
    .consult-body {
        padding: 70px 30px;
    }
}

@media only screen and (max-width: 1023px) {
    .consult-body {
        padding: 18px 0 0;
    }
}

@media only screen and (max-width: 1420px) {
    .consult-body .order__title {
        font-size: 45px;
    }
}

@media only screen and (max-width: 1200px) {
    .consult-body .order__title {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 102px;
        font-size: 40px;
    }

    .consult-body .order__title br {
        display: block;
    }
}

@media only screen and (max-width: 1023px) {
    .consult-body .order__title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
    }

    .consult-body .order__title br {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .consult-body .order__title {
        font-size: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .consult-body .order__title {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 72px;
    }

    .consult-body .order__title br {
        display: block;
    }
}

.consult__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

@media only screen and (max-width: 575px) {
    .consult__title {
        font-size: 24px;
    }
}

.consult__title svg {
    position: relative;
    top: 8px;
    margin-right: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media only screen and (max-width: 575px) {
    .consult__title svg {
        top: 4px;
        width: 38px;
        height: 31px;
    }
}

.consult-form__field {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.consult-form__field.not-empty .consult-form__label {
    top: -26px;
}

.consult-form__field input {
    display: block;
    width: 100%;
    height: 49px;
    font-size: 24px;
    color: var(--gray);
    border: none;
    border-bottom: 1px solid var(--yellow3);
    background: none;
}

@media only screen and (max-width: 767px) {
    .consult-form__field input {
        height: 40px;
        padding-bottom: 12px;
    }
}

@media only screen and (max-width: 575px) {
    .consult-form__field input {
        height: 40px;
        padding-bottom: 12px;
        font-size: 18px;
    }
}

.consult-form__field input:focus ~ .consult-form__label {
    top: -26px;
}

.consult-form__label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    font-size: 24px;
    line-height: 1.5;
    color: var(--gray);
    -webkit-transition: top var(--anim300);
    -o-transition: top var(--anim300);
    transition: top var(--anim300);
}

@media only screen and (max-width: 575px) {
    .consult-form__label {
        font-size: 18px;
    }
}

.consult-form__btn {
    max-width: 407px;
    margin-top: 40px;
}

@media only screen and (max-width: 767px) {
    .consult-form__btn {
        max-width: 320px;
        margin-top: 20px;
    }
}

.consult-form__policy {
    margin-top: 10px;
    font-size: 14px;
    color: var(--gray);
}

.consult-form__policy a {
    font-size: inherit;
    color: inherit;
    text-decoration: underline;
}

.consult-form__policy a:hover {
    color: var(--orange4);
    text-decoration: none;
}

.consult-form-accept__label {
    text-align: left;
}

.consult-form-accept__label span {
    display: contents;
}

.contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 1023px) {
    .contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.contacts-item {
    position: relative;
    padding-left: 44px;
    font-size: 18px;
    color: var(--gray);
}

@media only screen and (max-width: 575px) {
    .contacts-item {
        font-size: 16px;
    }
}

.contacts-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.contacts-map {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
}

@media only screen and (max-width: 1023px) {
    .contacts-map {
        position: relative;
        left: -20px;
        width: calc(100% + 40px);
        height: 352px;
    }
}

.contacts-map iframe,
.contacts-map > ymaps {
    height: 100% !important;
}

.contacts-map .ymaps-2-1-79-ground-pane {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.section-content {
    overflow: visible;
}

.section-content_pt {
    padding-top: 40px;
}

.section-content_pt0 {
    padding-top: 0;
}

.content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 159px 487px;
    grid-template-columns: 1fr 487px;
    grid-column-gap: 159px;
}

@media only screen and (max-width: 1580px) {
    .content {
        -ms-grid-columns: 1fr 30px 450px;
        grid-template-columns: 1fr 450px;
        grid-column-gap: 30px;
    }
}

@media only screen and (max-width: 1420px) {
    .content {
        -ms-grid-columns: 1fr 400px;
        grid-template-columns: 1fr 400px;
    }
}

@media only screen and (max-width: 1200px) {
    .content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.content-main {
    min-width: 0;
}

.content-sidebar {
    will-change: min-height;
}

@media only screen and (max-width: 1200px) {
    .content-sidebar {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .content-sidebar_mob-show {
        display: block;
        padding-top: 50px;
    }

    .content-sidebar_mob-show .content-sidebar__inner {
        position: relative;
        top: 0;
    }
}

.content-sidebar__inner {
    position: sticky;
    top: 190px;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-row-gap: 20px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

.content-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 30px;
    padding-bottom: 80px;
    font-size: 24px;
    line-height: 1.5;
    color: var(--gray);
}

@media only screen and (max-width: 1420px) {
    .content-section {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .content-section {
        padding-bottom: 40px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .content-section {
        font-size: 16px;
    }
}

.content-section:last-child {
    padding-bottom: 0;
}

.content-section p {
    margin: 0;
}

.content-section ul {
    margin: 0;
}

.content-section ul li {
    position: relative;
    padding-left: 34px;
}

@media only screen and (max-width: 767px) {
    .content-section ul li {
        padding-left: 20px;
    }
}

.content-section ul li + li {
    margin-top: 20px;
}

.content-section ul li:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

@media only screen and (max-width: 1420px) {
    .content-section ul li:before {
        top: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .content-section ul li:before {
        width: 10px;
        height: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .content-section ul li:before {
        top: 7px;
    }
}

.content-section .swiper {
    max-width: 100%;
}

.content-section_green .content-title span {
    color: var(--green2);
}

.content-section_green .content-accent,
.content-section_green .content-banner,
.content-section_green .content-slider {
    background-color: var(--green1);
}

.content-section_green .content-accent_bg {
    background-image: url(/local/templates/atribeautekids/images/background-green-elements.svg);
    background-repeat: repeat;
    background-position: unset;
    background-size: unset;
}

.content-section_green ul li:before {
    background-color: var(--green2);
}

.content-section_yellow .content-title span {
    color: var(--yellow2);
}

.content-section_yellow .content-accent,
.content-section_yellow .content-banner,
.content-section_yellow .content-slider {
    background-color: var(--yellow1);
}

.content-section_yellow ul li:before {
    background-color: var(--yellow2);
}

.content-section_orange .content-title span {
    color: var(--orange3);
}

.content-section_orange .content-accent,
.content-section_orange .content-banner,
.content-section_orange .content-slider {
    background-color: var(--orange3);
}

.content-section_orange ul li:before {
    background-color: var(--orange3);
}

.content-section_blue .content-title span {
    color: var(--blue2);
}

.content-section_blue .content-accent,
.content-section_blue .content-banner,
.content-section_blue .content-slider {
    background-color: var(--blue1);
}

.content-section_blue ul li:before {
    background-color: var(--blue2);
}

.content-title {
    font-size: 50px;
    line-height: 1.2;
}

@media only screen and (max-width: 1420px) {
    .content-title {
        font-size: 45px;
    }
}

@media only screen and (max-width: 767px) {
    .content-title {
        font-size: 32px;
        font-weight: 500;
    }
}

@media only screen and (max-width: 575px) {
    .content-title {
        font-size: 28px;
    }
}

.content-accent {
    padding: 40px;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 767px) {
    .content-accent {
        padding: 20px;
    }
}

.content-accent_bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.content-accent_list .content-title {
    margin-bottom: 20px;
}

.content-accent_list ul {
    margin-bottom: 0;
}

.content-img, .content-video {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

.content-banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
}

.content-banner-body {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 385px;
    padding: 109px 0 40px;
    z-index: -1;
    overflow: hidden;
    border-radius: var(--bdrs20);
    background-color: var(--blue1);
    background-image: url(/local/templates/atribeautekids/images/background-blue-elements.svg);
    background-repeat: repeat;
}

@media only screen and (max-width: 767px) {
    .content-banner-body {
        height: 250px;
        padding: 40px 0 50px;
    }
}

@media only screen and (max-width: 575px) {
    .content-banner-body {
        height: 140px;
    }
}

.content-banner__title {
    max-width: 400px;
    font: italic 400 42px/1.1 var(--accentfont);
    text-align: center;
}

@media only screen and (max-width: 1420px) {
    .content-banner__title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 1023px) {
    .content-banner__title {
        font-size: 30px;
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .content-banner__title {
        max-width: 320px;
        font-size: 26px;
    }
}

@media only screen and (max-width: 575px) {
    .content-banner__title {
        max-width: 270px;
        font-size: 22px;
    }
}

.content-banner__img {
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .content-banner__img {
        max-width: 275px;
    }
}

@media only screen and (max-width: 575px) {
    .content-banner__img {
        max-width: 145px;
    }
}

.content-banner__img img {
    position: relative;
    max-height: none;
    width: auto;
    height: auto;
}

@media only screen and (max-width: 767px) {
    .content-banner__img_left img {
        left: -15%;
    }
}

@media only screen and (max-width: 767px) {
    .content-banner__img_right img {
        right: -15%;
    }
}

.content-slider {
    border-radius: var(--bdrs20);
}

.content-slider .swiper-pagination {
    margin-top: 0;
    position: absolute;
    bottom: 50px;
}

@media only screen and (max-width: 767px) {
    .content-slider .swiper-pagination {
        bottom: 30px;
    }
}

.content-slider__slide {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 522px;
    grid-template-columns: 1fr 522px;
    padding: 40px 40px 50px 0;
}

@media only screen and (max-width: 767px) {
    .content-slider__slide {
        display: block;
        padding: 30px 20px;
    }
}

.content-slider__pict {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media only screen and (max-width: 767px) {
    .content-slider__pict {
        display: none;
    }
}

.content-slider__pict_mob {
    display: none;
}

@media only screen and (max-width: 767px) {
    .content-slider__pict_mob {
        display: block;
        float: right;
        max-width: 108px;
        margin: -10px -12px 10px 0;
    }
}

.content-slider__text {
    padding-bottom: 50px;
}

@media only screen and (max-width: 767px) {
    .content-slider__text {
        padding-bottom: 42px;
    }
}

.content-slider__text ul li {
    font-size: 18px;
}

.content-slider__text ul li:before {
    top: 7px;
}

.content-toggle {
    position: relative;
}

.content-toggle-item.is-active .content-toggle-title {
    margin-bottom: 30px;
}

@media only screen and (max-width: 1023px) {
    .content-toggle-item.is-active .content-toggle-title {
        margin-bottom: 20px;
    }
}

.content-toggle-item.is-active .content-toggle-title:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.content-toggle-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 140px;
    padding: 40px 50px;
    cursor: pointer;
    border-radius: var(--bdrs20);
    background-color: var(--yellow1);
}

@media only screen and (max-width: 1023px) {
    .content-toggle-title {
        min-height: 74px;
        padding: 30px;
        padding-right: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .content-toggle-title {
        padding: 20px 16px;
        padding-right: 56px;
    }
}

.content-toggle-title:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 80px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    will-change: transform;
    -webkit-transition: -webkit-transform var(--anim150);
    transition: -webkit-transform var(--anim150);
    -o-transition: transform var(--anim150);
    transition: transform var(--anim150);
    transition: transform var(--anim150), -webkit-transform var(--anim150);
    background-image: url(/local/templates/atribeautekids/images/dist/icons/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media only screen and (max-width: 1023px) {
    .content-toggle-title:after {
        right: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .content-toggle-title:after {
        right: 16px;
    }
}

.content-tags-cat + .content-tags-cat {
    margin-top: 30px;
}

.content-tags-cat__title {
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 1023px) {
    .content-tags-cat__title {
        margin-bottom: 10px;
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .content-tags-cat__title {
        font-size: 22px;
    }
}

.content-tags-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 1023px) {
    .content-tags-items {
        grid-row-gap: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .content-tags-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.content-tags a {
    display: inline-block;
    padding: 16px 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--black);
    border-radius: var(--bdrs20);
    background-color: var(--gray1);
}

@media only screen and (max-width: 1023px) {
    .content-tags a {
        padding: 10px 20px;
        font-size: 16px;
    }
}

.content-tags a:hover {
    color: var(--white);
    background-color: var(--orange4);
}

@media only screen and (max-width: 767px) {
    .sert-slider {
        overflow: hidden;
    }
}

.sert-slider__pict {
    display: block !important;
    width: auto;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

.sert-slider__pict img {
    max-height: 262px;
    object-fit: contain;
}

@media only screen and (max-width: 767px) {
    .sert-slider__pict {
        height: 180px;
    }
}

@media only screen and (max-width: 767px) {
    .sert-slider .swiper-pagination {
        display: none;
    }
}

.doctors .section-header {
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .doctors-slider {
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .doctors-slider .swiper-pagination {
        display: none;
    }
}

.doctors-slider {
    margin-top: -10px;
}

@media only screen and (max-width: 767px) {
    .doctors-slider {
        margin-top: 0;
    }
}

@media only screen and (max-width: 575px) {
    .doctors-slider {
        margin-top: -12px;
    }
}

.doctor-item {
    position: relative;
    display: block;
    padding-top: 65px;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1023px) {
    .doctor-item {
        padding-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .doctor-item {
        max-width: 370px;
        padding-top: 35px;
    }
}

@media only screen and (max-width: 575px) {
    .doctor-item {
        max-width: 300px;
        padding-top: 45px;
    }
}

.doctor-item:hover .doctor-item__body:after {
    width: 685px;
    height: 685px;
}

@media only screen and (max-width: 767px) {
    .doctor-item:hover .doctor-item__body:after {
        width: 720px;
        height: 720px;
    }
}

.doctor-item.bg-yellow {
    background: none;
}

.doctor-item.bg-yellow .doctor-item__body {
    background-color: var(--yellow1);
}

.doctor-item.bg-yellow:hover .doctor-item__body:after {
    background-color: var(--yellow2);
}

.doctor-item.bg-yellow:hover .doctor-item__exp span {
    color: var(--black);
}

.doctor-item.bg-green {
    background: none;
}

.doctor-item.bg-green .doctor-item__body {
    background-color: var(--green1);
}

.doctor-item.bg-green:hover .doctor-item__body * {
    color: var(--white);
}

.doctor-item.bg-green:hover .doctor-item__body:after {
    background-color: var(--green2);
}

.doctor-item.bg-green:hover .doctor-item__exp span {
    color: var(--white);
}

.doctor-item.bg-blue {
    background: none;
}

.doctor-item.bg-blue .doctor-item__body {
    background-color: var(--blue1);
}

.doctor-item.bg-blue:hover .doctor-item__body * {
    color: var(--white);
}

.doctor-item.bg-blue:hover .doctor-item__body:after {
    background-color: var(--blue2);
}

.doctor-item.bg-blue:hover .doctor-item__exp span {
    color: var(--white);
}

.doctor-item__body {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 260px;
    padding: 30px;
    overflow: hidden;
    border-radius: var(--bdrs20);
    background-color: var(--white);
}

.doctors-slider .doctor-item {
    height: auto;
}

@media only screen and (max-width: 1023px) {
    .doctor-item__body {
        height: 100%;
        padding: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .doctor-item__body {
        height: 180px;
    }
}

.doctor-item__exp {
    position: relative;
    z-index: 2;
    -webkit-transition: color var(--anim300);
    -o-transition: color var(--anim300);
    transition: color var(--anim300);
    font-size: 16px;
    color: var(--gray);
}

@media only screen and (max-width: 1023px) {
    .doctor-item__exp {
        font-size: 14px;
    }
}

@media only screen and (max-width: 575px) {
    .doctor-item__exp {
        display: none;
    }
}

.doctor-item__exp span {
    color: var(--orange3);
    -webkit-transition: color var(--anim300);
    -o-transition: color var(--anim300);
    transition: color var(--anim300);
}

.doctor-item__fb {
    position: relative;
    z-index: 2;
    margin-top: 4px;
    -webkit-transition: color var(--anim300);
    -o-transition: color var(--anim300);
    transition: color var(--anim300);
    font-size: 16px;
    color: var(--gray);
}

@media only screen and (max-width: 1023px) {
    .doctor-item__fb {
        font-size: 14px;
    }
}

@media only screen and (max-width: 575px) {
    .doctor-item__fb {
        display: none;
    }
}

.doctor-item__pict {
    object-fit: contain;
    object-position: bottom;
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 240px;
    height: 100%;
    max-height: 334px;
    -webkit-transition: visibility var(--anim300), opacity var(--anim300);
    -o-transition: visibility var(--anim300), opacity var(--anim300);
    transition: visibility var(--anim300), opacity var(--anim300);
}

@media only screen and (max-width: 1580px) {
    .doctor-item__pict {
        max-width: 240px;
    }
}

@media only screen and (max-width: 1420px) {
    .doctor-item__pict {
        max-width: 230px;
    }
}

@media only screen and (max-width: 1023px) {
    .doctor-item__pict {
        max-width: 250px;
        max-height: 270px;
    }
}

@media only screen and (max-width: 767px) {
    .doctor-item__pict {
        max-height: 290px;
    }
}

@media only screen and (max-width: 575px) {
    .doctor-item__pict {
        left: 50%;
        max-height: none;
        max-width: 240px;
    }

    .doctors-slider .doctor-item__pict {
        left: 40%;
        max-height: 280px;
    }
}

.section-faq {
    background-image: url(/local/templates/atribeautekids/images/background-green-elements.svg);
    background-repeat: repeat;
}

.faq__title {
    margin-top: 0;
    margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    .faq__title {
        margin-bottom: 30px;
    }
}

.faq-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 30px 745px;
    grid-template-columns: auto 745px;
    grid-column-gap: 30px;
}

@media only screen and (max-width: 1420px) {
    .faq-row {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 1023px) {
    .faq-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
    }
}

.faq__pict {
    overflow: hidden;
    border-radius: var(--bdrs20);
}

.faq-callback {
    margin-top: 59px;
}

@media only screen and (max-width: 1023px) {
    .faq-callback {
        display: none;
    }
}

.faq-callback_mob {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .faq-callback_mob {
        display: block;
        margin-top: 40px;
    }
}

.faq-callback__title {
    margin-bottom: 20px;
    font-size: 24px;
}

@media only screen and (max-width: 767px) {
    .faq-callback__title {
        font-size: 18px;
    }
}

.faq-callback__btn {
    max-width: 248px;
}

@media only screen and (max-width: 767px) {
    .faq-callback__btn {
        max-width: 271px;
        margin: 0 auto;
    }
}

.faq-items {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-gap: 10px;
}

.faq-item {
    cursor: pointer;
    border-radius: var(--bdrs20);
    background: var(--white);
}

.faq-item.is-active {
    padding-bottom: 40px;
}

@media only screen and (max-width: 1200px) {
    .faq-item.is-active {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .faq-item.is-active {
        padding-bottom: 20px;
    }
}

.faq-item.is-active .faq-item__title {
    padding-bottom: 14.5px;
}

@media only screen and (max-width: 1200px) {
    .faq-item.is-active .faq-item__title {
        padding-bottom: 20px;
    }
}

.faq-item.is-active .faq-item__title:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faq-item__title {
    position: relative;
    padding: 34.5px 115px 34.5px 50px;
    -webkit-transition: padding var(--anim300);
    -o-transition: padding var(--anim300);
    transition: padding var(--anim300);
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 1200px) {
    .faq-item__title {
        padding: 30px 80px 30px 30px;
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .faq-item__title {
        padding: 20px 73px 20px 20px;
        font-size: 20px;
    }
}

.faq-item__title:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 50px;
    width: 35px;
    height: 35px;
    margin-top: -17.5px;
    will-change: transform;
    -webkit-transition: -webkit-transform var(--anim300);
    transition: -webkit-transform var(--anim300);
    -o-transition: transform var(--anim300);
    transition: transform var(--anim300);
    transition: transform var(--anim300), -webkit-transform var(--anim300);
    background-image: url(/local/templates/atribeautekids/images/dist/icons/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media only screen and (max-width: 1200px) {
    .faq-item__title:after {
        right: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .faq-item__title:after {
        right: 20px;
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
}

.faq-item__body {
    padding: 0 50px;
}

@media only screen and (max-width: 1200px) {
    .faq-item__body {
        padding: 0 30px;
    }
}

@media only screen and (max-width: 767px) {
    .faq-item__body {
        padding: 0 20px;
    }
}

.faq-item__text {
    font-size: 18px;
    color: var(--gray);
    -webkit-transition: all var(--anim300);
    -o-transition: all var(--anim300);
    transition: all var(--anim300);
}

@media only screen and (max-width: 767px) {
    .faq-item__text {
        font-size: 16px;
    }
}

.feedbacks .section-header {
    margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    .feedbacks .section-header {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .feedbacks-slider {
        overflow: hidden;
    }
}

.feedbacks-slider-pagination {
    position: relative;
    bottom: 0;
    margin-top: 60px;
}

@media only screen and (max-width: 767px) {
    .feedbacks-slider-pagination {
        display: none;
    }
}

.feedbacks-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 60px;
}

@media only screen and (max-width: 1200px) {
    .feedbacks-items {
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 1023px) {
    .feedbacks-items {
        grid-gap: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .feedbacks-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 767px) {
    .feedbacks-items .feedback-item {
        max-width: 100%;
    }
}

.feedback-item {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 462px;
    height: auto;
    min-width: 0;
    padding: 50px 30px 32px;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 767px) {
    .feedback-item {
        max-width: 320px;
        min-height: auto;
        padding: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .feedback-item {
        max-width: 300px;
    }
}

.feedback-item.bg-yellow {
    background-color: var(--yellow1);
}

.feedback-item.bg-green {
    background-color: var(--green1);
}

.feedback-item.bg-blue {
    background-color: var(--blue1);
}

.feedback-item.bg-orange {
    background-color: var(--orange1);
}

.feedback-item-body {
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.feedback-item-body__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%;
}

@media only screen and (max-width: 1580px) {
    .feedback-item-body__bottom {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .feedback-item-body__bottom {
        margin-top: 10px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.feedback-item-body__bottom .feedback-item__link {
    margin-top: 0;
}

.feedback-item__date {
    position: absolute;
    bottom: -1px;
    left: 0;
    font-size: 18px;
    line-height: 1.2;
    white-space: nowrap;
    color: var(--gray);
}

.feedback-item__date_padding {
    bottom: -20px;
    left: 0;
}

@media only screen and (max-width: 1580px) {
    .feedback-item__date {
        position: relative;
        bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .feedback-item__date {
        position: absolute;
        top: 4px;
        bottom: auto;
        right: 0;
        left: auto;
        font-size: 16px;
    }
}

.feedback-item__title {
    margin-bottom: 30px;
    font: 400 32px/1.1 var(--accentfont);
}

@media only screen and (max-width: 767px) {
    .feedback-item__title {
        margin-bottom: 10px;
        font-size: 22px;
    }
}

.feedback-item__desc {
    position: relative;
    margin-bottom: auto;
    padding-left: 40px;
    margin-bottom: auto;
    padding-bottom: 0;
    font-size: 18px;
    color: var(--gray);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    box-orient: vertical;
}


@media only screen and (max-width: 767px) {
    .feedback-item__desc {
        padding: 40px 0 0;
        font-size: 16px;
    }
}

.feedback-item__desc:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/commas-2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.feedback-item__video {
    display: inline-block;
    max-width: 272px;
    height: 153px;
    overflow: hidden;
    border-radius: var(--bdrs20);
    width: 100%;
}

.feedback-item__video img {
    object-fit: cover;
    width: 100%;
}

.feedback-item__video .play__icon {
    top: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.feedback-item__link {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: flex-end;
    bottom: 0;
    right: 0;
    grid-column-gap: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--orange3);
}

@media only screen and (max-width: 1580px) {
    .feedback-item__link {
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    .feedback-item__link {
        position: relative;
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: 10px;
        font-size: 16px;
    }
}

.feedback-item__link:hover {
    color: var(--orange4);
}

.feedback-item__link:hover svg path {
    stroke: var(--orange4);
}

.feedback-item-footer {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid var(--gray4);
}

@media only screen and (max-width: 767px) {
    .feedback-item-footer {
        margin-top: 20px;
    }
}

.feedback-item-footer__title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .feedback-item-footer__title {
        font-size: 16px;
    }
}

.feedback-item-slider {
    padding-bottom: 12px;
}

.feedback-item-slider .swiper-pagination {
    position: absolute;
    margin-top: 0;
}

.feedback-item-slider .swiper-pagination_small {
    grid-column-gap: 20px;
}

.feedback-item-slider .swiper-pagination_small .swiper-pagination-bullet {
    width: 30px;
}

.feedback-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 20px;
}

@media only screen and (max-width: 767px) {
    .feedback-item-inner {
        grid-column-gap: 10px;
        padding-right: 10px;
    }
}

.feedback-item-inner__pict {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    .feedback-item-inner__pict {
        width: 60px;
        height: 60px;
    }
}

.feedback-item-inner__name {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

@media only screen and (max-width: 767px) {
    .feedback-item-inner__name {
        line-height: 1.2;
    }
}

.section-main {
    position: relative;
    padding: 0;
    -webkit-transition: background-color var(--anim300);
    -o-transition: background-color var(--anim300);
    transition: background-color var(--anim300);
}

.slider-main {
    max-width: 2560px;
}

.slider-main-nav {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
}

@media only screen and (max-width: 1023px) {
    .slider-main-nav {
        display: none;
    }
}

.slider-main-nav__col {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.slider-main .swiper-pagination {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    bottom: 102px;
}

@media only screen and (max-width: 1420px) {
    .slider-main .swiper-pagination {
        bottom: 60px;
    }
}

@media only screen and (max-width: 1200px) {
    .slider-main .swiper-pagination {
        bottom: 50px;
    }
}

.main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 700px;
}

@media only screen and (max-width: 1420px) {
    .main {
        min-height: 600px;
    }
}

@media only screen and (max-width: 1200px) {
    .main {
        min-height: 500px;
    }
}

@media only screen and (max-width: 1023px) {
    .main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        min-height: auto;
        padding-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .main {
        padding-top: var(--paddingSizeMob);
    }
}

.main.main-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main.main-inner .main-content {
    padding: 50px 0;
}

@media only screen and (max-width: 767px) {
    .main.main-inner .main-content {
        padding: 20px 0 30px;
    }
}

.main.main-inner .main-body {
    min-height: auto;
}

.main.main-inner .main-title__item {
    margin-bottom: 0;
    padding-bottom: 0;
}

.main.main-inner .main__desc {
    margin-top: 30px;
    padding-right: 20px;
}

.main-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 51%;
    flex: 0 0 51%;
    padding-right: 30px;
    padding-bottom: 160px;
}

@media only screen and (max-width: 1580px) {
    .main-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 53%;
        flex: 0 0 53%;
    }
}

@media only screen and (max-width: 1420px) {
    .main-content {
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 1200px) {
    .main-content {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 1023px) {
    .main-content {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        width: 100%;
        padding: 40px 0 60px;
    }
}

@media only screen and (max-width: 767px) {
    .main-content {
        padding: 20px 0 30px;
    }
}

.main-body {
    min-height: 355px;
    padding-bottom: 50px;
}

@media only screen and (max-width: 1200px) {
    .main-body {
        min-height: 300px;
    }
}

@media only screen and (max-width: 1023px) {
    .main-body {
        min-height: auto;
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .main-body {
        padding-bottom: 20px;
    }
}

.main-title {
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 60px;
    line-height: 1.2;
    font-weight: normal;
}

.main-title .main-title__item_accent,
.main-title .main-title__item {
    font-size: 50px;
}

@media only screen and (max-width: 1580px) {
    .main-title {
        font-size: 50px;
    }

    .main-title .main-title__item_accent,
    .main-title .main-title__item {
        font-size: 46px;
    }
}

@media only screen and (max-width: 1420px) {
    .main-title {
        font-size: 44px;
    }

    .main-title .main-title__item_accent,
    .main-title .main-title__item {
        font-size: 38px;
    }
}

@media only screen and (max-width: 1200px) {
    .main-title {
        font-size: 32px;
    }

    .main-title .main-title__item_accent,
    .main-title .main-title__item {
        font-size: 29px;
    }
}

@media only screen and (max-width: 767px) {
    .main-title {
        min-height: 91px;
        font-size: 28px;
    }

    .main-title .main-title__item_accent,
    .main-title .main-title__item {
        font-size: 28px;
    }
}

@media only screen and (max-width: 480px) {
    .main-title {
        min-height: 68px;
        font-size: 20px;
    }

    .main-title .main-title__item_accent,
    .main-title .main-title__item {
        font-size: 20px;
    }
}

.main-title__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .main-title__row_mob-hide {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .main-title__row {
        grid-column-gap: 5px;
        margin-bottom: 3px;
    }
}

.main-title__icon {
    position: relative;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    width: 78px;
    height: 78px;
}

@media only screen and (max-width: 767px) {
    .main-title__icon {
        top: 50%;
        width: 40px;
        height: 40px;
        margin-right: 0;
    }
}

@media only screen and (max-width: 480px) {
    .main-title__icon {
        width: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .main-title__icon_width-2 {
        width: 60px;
    }
}

@media only screen and (max-width: 480px) {
    .main-title__icon_width-2 {
        width: 40px;
    }
}

.main-title__item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px;
    padding-bottom: 5px;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .main-title__item {
        margin-bottom: 0;
    }
}

.main-title__item_accent {
    height: 80px;
    padding: 0 21.5px 5px;
}

@media only screen and (max-width: 767px) {
    .main-title__item_accent {
        height: 40px;
        padding: 0 7px;
    }
}

@media only screen and (max-width: 480px) {
    .main-title__item_accent {
        height: 25px;
    }
}

.main-title__item_accent:before {
    content: "";
    position: absolute;
    top: 52%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: var(--bdrs60);
    background-color: var(--white);
}

.main-title__item_mob-hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 767px) {
    .main-title__item_mob-hide {
        display: none;
    }
}

.main-title__item_mob-block {
    display: none;
}

@media only screen and (max-width: 767px) {
    .main-title__item_mob-block {
        display: block;
        margin-bottom: 3px;
        padding-bottom: 0;
    }
}

.main__desc {
    margin-top: 20px;
    font: 400 32px/1.1 var(--accentfont);
    color: var(--gray);
}

.main__desc-small-text {
    font-size: 26px;
}

@media screen and (max-width: 1580px) {
    .main__desc-small-text {
        font-size: 22px;
    }
}

@media only screen and (max-width: 1200px) {
    .main__desc {
        font-size: 26px;
    }
}

@media only screen and (max-width: 767px) {
    .main__desc {
        display: none;
    }
}

.main__btn {
    max-width: 285px;
}

@media only screen and (max-width: 1023px) {
    .main__btn {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 767px) {
    .main__btn {
        max-width: 271px;
    }
}

.main__pict {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    width: 49%;
    height: 100%;
}

@media only screen and (max-width: 1580px) {
    .main__pict {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        width: 47%;
    }
}

@media only screen and (max-width: 1023px) {
    .main__pict {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        width: 100%;
        overflow: hidden;
        border-radius: var(--bdrs20);
    }
}

.media__title {
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .media__title {
        margin-bottom: 20px;
    }
}

.media__desc {
    max-width: 874px;
    margin-bottom: 50px;
    font-size: 24px;
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .media__desc {
        margin-bottom: 30px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .media__desc {
        font-size: 16px;
    }
}

.media-gallery {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 30px 744px;
    grid-template-columns: auto 744px;
    grid-column-gap: 30px;
    min-width: 0;
}

@media only screen and (max-width: 1420px) {
    .media-gallery {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 1200px) {
    .media-gallery {
        grid-column-gap: 20px;
    }
}

@media only screen and (max-width: 1023px) {
    .media-gallery {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column-gap: 0;
        grid-row-gap: 30px;
    }
}

.media-gallery__desc {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .media-gallery__desc {
        display: block;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.2;
    }
}

.media-main {
    display: block;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 767px) {
    .media-main span {
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        bottom: 10px;
        right: 10px;
        width: 60px;
        height: 60px;
        padding: 0;
        font-size: 0;
        background-image: url(/local/templates/atribeautekids/images/dist/icons/play-2.svg);
        background-repeat: no-repeat;
        background-position: 55% center;
        background-size: 22px 22px;
    }
}

@media only screen and (max-width: 767px) {
    .media-slider {
        overflow: hidden;
    }
}

.media-slider__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media only screen and (max-width: 1200px) {
    .media-slider__wrapper {
        grid-gap: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .media-slider__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        grid-gap: 0;
    }
}

.media-item {
    display: block;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 767px) {
    .media-item {
        max-width: 370px;
    }
}

@media only screen and (max-width: 575px) {
    .media-item {
        max-width: 280px;
    }
}

@media only screen and (max-width: 767px) {
    .media-item span {
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        bottom: 10px;
        right: 10px;
        width: 60px;
        height: 60px;
        padding: 0;
        font-size: 0;
        background-image: url(/local/templates/atribeautekids/images/dist/icons/play-2.svg);
        background-repeat: no-repeat;
        background-position: 55% center;
        background-size: 22px 22px;
    }
}

.media-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
}

@media only screen and (max-width: 1023px) {
    .media-bottom {
        margin-top: 40px;
    }
}

.media-bottom__desc {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 1023px) {
    .media-bottom__desc {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    .media-bottom__more {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .media-bottom__more {
        font-size: 18px;
    }
}

.section-order {
    position: relative;
    padding: 0;
}

.section-order_mob-show {
    display: none;
}

@media only screen and (max-width: 767px) {
    .section-order_mob-show {
        display: block;
    }
}

.order {
    background: var(--yellow1) url(/local/templates/atribeautekids/images/background-yellow-elements.svg) repeat;
}

@media only screen and (max-width: 1023px) {
    .order {
        background-position: top left;
    }
}

.order-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 714px;
}

@media only screen and (max-width: 1023px) {
    .order-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: auto;
        padding: 50px 0;
    }
}

.order-pict {
    position: absolute;
    top: 0;
    left: 0;
    width: 42.88%;
    height: 100%;
}

@media only screen and (max-width: 1200px) {
    .order-pict {
        width: 38%;
    }
}

@media only screen and (max-width: 1023px) {
    .order-pict {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        border-radius: var(--bdrs20);
    }
}

.order-body {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48.3%;
    flex: 0 0 48.3%;
    width: 48.3%;
    padding: 106px 0 0;
}

@media only screen and (max-width: 1580px) {
    .order-body {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 53.3%;
        flex: 0 0 53.3%;
        width: 53.3%;
    }
}

@media only screen and (max-width: 1200px) {
    .order-body {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        width: 60%;
    }
}

@media only screen and (max-width: 1023px) {
    .order-body {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        width: 100%;
        padding-top: 30px;
    }
}

.order__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

@media only screen and (max-width: 575px) {
    .order__title {
        font-size: 24px;
    }
}

.order__title br {
    display: none;
}

.order__title svg {
    position: relative;
    top: 8px;
    margin-right: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media only screen and (max-width: 575px) {
    .order__title svg {
        top: 4px;
        width: 38px;
        height: 31px;
    }
}

.order__title svg circle {
    will-change: transform;
    -webkit-transform-origin: 12px 12px;
    -ms-transform-origin: 12px 12px;
    transform-origin: 12px 12px;
    -webkit-animation: circleScale 2.5s infinite;
    animation: circleScale 2.5s infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.order__title svg path {
    stroke-dasharray: 66;
    stroke-dashoffset: -66;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    will-change: transform;
    -webkit-animation: fillRotate 2.5s infinite;
    animation: fillRotate 2.5s infinite;
    -webkit-animation-timing-function: cubic-bezier(0.9, 0.86, 0.48, 0.76);
    animation-timing-function: cubic-bezier(0.9, 0.86, 0.48, 0.76);
}

.order__desc {
    margin-bottom: 38px;
    font-size: 18px;
}

@media only screen and (max-width: 1023px) {
    .order__desc {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .order__desc {
        margin-bottom: 40px;
        font-size: 16px;
    }
}

.order-form {
    max-width: 560px;
    margin: 0;
}

.order-form__field input {
    display: block;
    width: 100%;
    height: 83px;
    font-size: 50px;
    color: var(--black);
    border: none;
    border-bottom: 1px solid var(--yellow3);
    background: none;
}

@media only screen and (max-width: 1023px) {
    .order-form__field input {
        font-size: 42px;
    }
}

@media only screen and (max-width: 767px) {
    .order-form__field input {
        height: 40px;
        padding-bottom: 12px;
        font-size: 24px;
    }
}

@media only screen and (max-width: 575px) {
    .order-form__field input {
        font-size: 18px;
    }
}

.order-form__label {
    margin-bottom: 20px;
    font: 400 50px/1.5 var(--accentfont);
    color: var(--yellow2);
}

@media only screen and (max-width: 1023px) {
    .order-form__label {
        font-size: 42px;
    }
}

@media only screen and (max-width: 767px) {
    .order-form__label {
        margin-bottom: 15px;
        font-size: 30px;
        line-height: 1.1;
    }
}

.order-form__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 20px;
    margin-top: 40px;
}

@media only screen and (max-width: 1023px) {
    .order-form__btns {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .order-form__btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-column-gap: 0;
        grid-row-gap: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.order-form__btn {
    max-width: 250px;
}

@media only screen and (max-width: 767px) {
    .order-form__btn {
        max-width: 238px;
    }
}

.order-form__btn.inactive {
    pointer-events: none;
    color: var(--gray3);
    background-color: var(--gray2);
}

.order-form-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-column-gap: 10px;
    padding-top: 20px;
}

@media only screen and (max-width: 767px) {
    .order-form-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-column-gap: 0;
        grid-row-gap: 10px;
        padding-top: 40px;
    }
}

.order-form-accept {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 237px;
    flex: 0 0 237px;
}

@media only screen and (max-width: 767px) {
    .order-form-accept {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        max-width: 343px;
    }
}

.order-form-accept__label {
    padding-left: 0;
    padding-right: 33px;
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .order-form-accept__label {
        padding: 0 0 0 33px;
        text-align: left;
    }
}

.order-form-accept__label:before {
    top: 5px;
    right: 0;
    left: auto;
}

@media only screen and (max-width: 767px) {
    .order-form-accept__label:before {
        right: auto;
        left: 0;
    }
}

.order-form-accept__label:after {
    top: 8px;
    left: auto;
    right: 3px;
    width: 18px;
    height: 18px;
}

@media only screen and (max-width: 767px) {
    .order-form-accept__label:after {
        right: auto;
        left: 3px;
    }
}

.order-form__policy {
    font-size: 14px;
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .order-form__policy {
        max-width: 343px;
    }
}

.order-form__policy a {
    font-size: inherit;
    color: inherit;
    text-decoration: underline;
}

.order-form__policy a:hover {
    color: var(--orange4);
    text-decoration: none;
}

.order-form-sent {
    width: calc(100% + 50px);
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .order-form-sent {
        width: 100%;
    }
}

.order-form-sent__title {
    margin-bottom: 29px;
    font: 400 50px/1.5 var(--accentfont);
}

@media only screen and (max-width: 767px) {
    .order-form-sent__title {
        width: calc(100% + 20px);
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 1.1;
    }
}

.order-form-sent__desc {
    font-size: 24px;
    line-height: 1.5;
}

@media only screen and (max-width: 767px) {
    .order-form-sent__desc {
        font-size: 18px;
    }
}

.price__title {
    margin-top: 0;
    margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    .price__title {
        margin-bottom: 30px;
    }
}

.price-inner-items {
    display: block;
    grid-row-gap: 10px;
}

.price-item {
    margin-top: 20px;
}

.price-item:first-child {
    margin-top: 0;
}

.price-item:last-child.is-active .price-body {
    padding-bottom: 0;
}

.price-item.is-active .price-nav {
    margin-bottom: 30px;
}

@media only screen and (max-width: 1023px) {
    .price-item.is-active .price-nav {
        margin-bottom: 20px;
    }
}

.price-item.is-active .price-nav:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.price-item.is-active .price-body {
    padding-bottom: 70px;
}

@media only screen and (max-width: 1200px) {
    .price-item.is-active .price-body {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 1023px) {
    .price-item.is-active .price-body {
        padding-bottom: 0;
    }
}

.price-nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-column-gap: 10px;
    min-height: 180px;
    padding: 50px 140px 50px 60px;
    cursor: pointer;
    -webkit-transition: margin var(--anim300);
    -o-transition: margin var(--anim300);
    transition: margin var(--anim300);
    border-radius: var(--bdrs20);
    background-color: var(--blue1);
}

@media only screen and (max-width: 1200px) {
    .price-nav {
        padding: 30px 90px 30px 15px;
    }
}

@media only screen and (max-width: 1023px) {
    .price-nav {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
        min-height: 135px;
        padding-left: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .price-nav {
        min-height: 104px;
        padding: 20px 55px 20px 10px;
    }
}

.price-nav:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 60px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    -webkit-transition: -webkit-transform var(--anim300);
    transition: -webkit-transform var(--anim300);
    -o-transition: transform var(--anim300);
    transition: transform var(--anim300);
    transition: transform var(--anim300), -webkit-transform var(--anim300);
    will-change: transform;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media only screen and (max-width: 1200px) {
    .price-nav:after {
        right: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .price-nav:after {
        right: 16px;
    }
}

.price-nav__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 110px;
    height: 80px;
}

@media only screen and (max-width: 1023px) {
    .price-nav__icon {
        position: absolute;
        top: 30px;
        left: 15px;
        width: 80px;
        height: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .price-nav__icon {
        top: 20px;
        width: 70px;
        height: 64px;
    }
}

.price-nav__title {
    position: relative;
    margin-right: auto;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 1023px) {
    .price-nav__title {
        padding-left: 89px;
    }
}

@media only screen and (max-width: 767px) {
    .price-nav__title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .price-nav__title {
        font-size: 16px;
    }
}

.price__accent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 225px;
    height: 54px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--white);
    border-radius: var(--bdrs20);
    background: var(--orange3);
}

@media only screen and (max-width: 1023px) {
    .price__accent {
        -ms-grid-column-span: 3;
        grid-column: span 3/auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: auto;
        height: auto;
        margin: 15px 0 0 89px;
        font-size: 24px;
        color: var(--orange3);
        border-radius: 0;
        background: none;
    }
}

@media only screen and (max-width: 767px) {
    .price__accent {
        margin-top: 6px;
        font-size: 20px;
    }

    .price__accent span {
        position: relative;
        top: 1px;
        font-size: 16px;
        line-height: 20px;
    }
}

.price-banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 506px;
    padding: 60px;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1420px) {
    .price-banner {
        min-height: 400px;
    }
}

@media only screen and (max-width: 1200px) {
    .price-banner {
        min-height: 320px;
        padding: 30px;
    }
}

@media only screen and (max-width: 1023px) {
    .price-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        min-height: auto;
        padding: 0;
    }
}

.price-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 77.77%;
    height: 100%;
    z-index: 1;
    background: -o-linear-gradient(0.02deg, #E1F5FC 38.37%, rgba(225, 245, 252, 0) 99.98%);
    background: linear-gradient(89.98deg, #E1F5FC 38.37%, rgba(225, 245, 252, 0) 99.98%);
}

@media only screen and (max-width: 1023px) {
    .price-banner:before {
        top: auto;
        bottom: 0;
        width: 100%;
        height: calc(100% - 122px);
        background: -o-linear-gradient(89.95deg, #E1F5FC 73.38%, rgba(225, 245, 252, 0) 99.95%);
        background: linear-gradient(0.05deg, #E1F5FC 73.38%, rgba(225, 245, 252, 0) 99.95%);
    }
}

.price-banner__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right;
    z-index: 0;
}

@media only screen and (max-width: 1023px) {
    .price-banner__img {
        position: relative;
        height: auto;
        min-height: auto;
        object-fit: contain;
    }
}

.price-banner-main {
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 1023px) {
    .price-banner-main {
        padding: 40px 30px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .price-banner-main {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.price-banner-list {
    max-width: 525px;
    font-size: 24px;
    line-height: 1.5;
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .price-banner-list {
        max-width: none;
        font-size: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .price-banner-list {
        font-size: 18px;
    }
}

.price-banner-list li {
    position: relative;
    padding-left: 70px;
}

@media only screen and (max-width: 767px) {
    .price-banner-list li {
        min-height: 50px;
        padding-left: 60px;
    }
}

.price-banner-list li + li {
    margin-top: 34px;
}

@media only screen and (max-width: 767px) {
    .price-banner-list li + li {
        margin-top: 20px;
    }
}

.price-banner-list li i {
    position: absolute;
    top: -7px;
    left: 0;
    width: 50px;
    height: 50px;
    padding: 7px;
    border-radius: 50%;
    background-color: var(--blue2);
}

@media only screen and (max-width: 767px) {
    .price-banner-list li i {
        top: 0;
    }
}

.price-datailed {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 10px;
    margin-top: 30px;
}

@media only screen and (max-width: 1023px) {
    .price-datailed {
        margin-top: 20px;
    }
}

.price-datailed-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-column-gap: 30px;
    padding: 50px 140px 50px 60px;
    border-radius: var(--bdrs20);
    background-color: var(--gray1);
}

@media only screen and (max-width: 1200px) {
    .price-datailed-item {
        padding: 30px 90px 30px 30px;
    }
}

@media only screen and (max-width: 1023px) {
    .price-datailed-item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .price-datailed-item {
        padding: 20px;
    }
}

.price-datailed-main {
    max-width: 800px;
}

.price-datailed__title {
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--blue2);
}

@media only screen and (max-width: 1023px) {
    .price-datailed__title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .price-datailed__title {
        padding-right: 105px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .price-datailed__title {
        font-size: 16px;
    }
}

.price-datailed__desc {
    font-size: 16px;
}

.price-datailed__more {
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    .price-datailed__more {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1023px) {
    .price-datailed__accent {
        margin: 0;
    }
}

@media only screen and (max-width: 767px) {
    .price-datailed__accent {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .price-datailed__accent {
        font-size: 16px;
    }
}

.price-about {
    padding: 110px 0 30px;
}

.price-about_mob-show {
    display: none;
}

@media only screen and (max-width: 767px) {
    .price-about_mob-show {
        display: block;
    }
}

@media only screen and (max-width: 1023px) {
    .price-about {
        padding: 70px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .price-about {
        padding-top: 50px;
    }
}

.price-about-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 30px 50%;
    grid-template-columns: 50% 50%;
    grid-column-gap: 30px;
}

@media only screen and (max-width: 1200px) {
    .price-about-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-row-gap: 40px;
    }
}

.price-about-col {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px;
}

@media only screen and (max-width: 767px) {
    .price-about-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-row-gap: 20px;
    }
}

.price-about__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-right: 30px;
    padding: 8px;
    border-radius: 50%;
    background-color: var(--blue2);
}

.price-about__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .price-about__text {
        font-size: 16px;
        line-height: 1.5;
    }
}

.price-about__text p {
    margin: 0 0 10px;
}

.price-about__text ul {
    margin-bottom: 10px;
}

.price-about__text ul li {
    position: relative;
    padding-left: 34px;
}

.price-about__text ul li + li {
    margin-top: 20px;
}

.price-about__text ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--blue2);
}

.price-about__text a {
    color: var(--orange3);
}

.price-about__text a:hover {
    color: var(--orange4);
}

.section-service {
    background: var(--green1) url(/local/templates/atribeautekids/images/background-green-elements.svg) repeat;
}

.service {
    min-width: 0;
}

.service .section-header {
    margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    .service .section-header {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .service-slider {
        overflow: hidden;
    }
}

.service-slider .swiper-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 40px;
}

@media only screen and (max-width: 1420px) {
    .service-slider .swiper-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 30px;
    }
}

@media only screen and (max-width: 1200px) {
    .service-slider .swiper-wrapper {
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 30px;
        grid-row-gap: 40px;
    }
}

@media only screen and (max-width: 1200px) {
    .service-slider .swiper-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .service-slider .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        grid-column-gap: 0;
        grid-row-gap: 0;
    }
}

.section-video {
    padding-bottom: 0;
}

.section-video .fancybox__container .carousel__button.is-close {
    top: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
}

.section-video .fancybox__container .carousel__button.is-close svg {
    width: 100%;
    height: 100%;
}

.video-online {
    position: relative;
    height: 510px;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1580px) {
    .video-online {
        height: 465px;
    }
}

@media only screen and (max-width: 1420px) {
    .video-online {
        height: 385px;
    }
}

@media only screen and (max-width: 1200px) {
    .video-online {
        height: 315px;
    }
}

@media only screen and (max-width: 1023px) {
    .video-online {
        height: 500px;
    }
}

@media only screen and (max-width: 767px) {
    .video-online {
        height: 385px;
    }
}

@media only screen and (max-width: 575px) {
    .video-online {
        height: auto;
    }
}

.video-online__img {
    display: block;
    width: 100%;
    height: 100%;
}

.video-online__play {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 140px;
    right: 140px;
    width: 180px;
    height: 180px;
    padding: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--white);
    text-align: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
}

@media only screen and (max-width: 1580px) {
    .video-online__play {
        bottom: 100px;
        right: 100px;
    }
}

@media only screen and (max-width: 1420px) {
    .video-online__play {
        bottom: 60px;
        right: 60px;
    }
}

@media only screen and (max-width: 1200px) {
    .video-online__play {
        bottom: 40px;
        right: 40px;
    }
}

@media only screen and (max-width: 1023px) {
    .video-online__play {
        width: 140px;
        height: 140px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .video-online__play {
        bottom: 10px;
        right: 10px;
    }
}

.video-online__play:hover {
    color: var(--black);
}

.video-online__play:active {
    color: var(--blue2);
}

.works__title {
    margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    .works__title {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .works-slider {
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .works .swiper-slide {
        max-width: 370px;
    }
}

@media only screen and (max-width: 575px) {
    .works .swiper-slide {
        max-width: 300px;
    }
}

@media only screen and (max-width: 767px) {
    .works .swiper-pagination {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .works .section-bottom {
        margin-top: 40px;
    }
}

.works-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

.works-item-pict {
    position: relative;
    width: 100%;
    height: 200px;
}

@media only screen and (max-width: 575px) {
    .works-item-pict {
        height: 123px;
    }
}

.works-item__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 30px;
    background-color: var(--gray1);
}

@media only screen and (max-width: 767px) {
    .works-item__main {
        padding: 20px;
    }
}

.works-item__title {
    position: relative;
    margin-left: 30px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 1420px) {
    .works-item__title {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 575px) {
    .works-item__title {
        font-size: 16px;
    }
}

.works-item__info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 63px 12px auto;
    grid-template-columns: 63px auto;
    grid-column-gap: 12px;
    font-size: 16px;
    color: var(--gray);
}

@media only screen and (max-width: 1200px) {
    .works-item__info {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-row-gap: 10px;
        grid-column-gap: 0;
    }
}

.works-item__info + .works-item__info {
    margin-top: 10px;
}

.works-item__info:last-child a {
    min-height: auto;
}

.works-item__info span {
    font-weight: 500;
    color: var(--orange3);
    line-height: 1.5;
}

.compare {
    width: 100%;
    height: 100%;
    outline: none;
    --divider-width: 2px;
    --divider-color: var(--orange3);
    --divider-shadow: none;
    --default-handle-width: 60px;
    --default-handle-shadow: none;
}

.compare img {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 200px;
}

@media only screen and (max-width: 575px) {
    .compare img {
        height: 123px;
    }
}

.compare-handle {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 10px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: var(--white);
}

.works-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 60px;
}

@media only screen and (max-width: 1023px) {
    .works-items {
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .works-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 767px) {
    .services-slider {
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .services-slider .swiper-pagination {
        display: none;
    }
}

.services-wrap {
    padding-bottom: 115px;
}

@media only screen and (max-width: 767px) {
    .services-wrap {
        padding-bottom: 50px;
    }
}

.services-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 40px;
}

@media only screen and (max-width: 1420px) {
    .services-items {
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 767px) {
    .services-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-row-gap: 16px;
    }
}

@media only screen and (max-width: 1023px) {
    .services-items .card-item {
        padding-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .services-items .card-item {
        width: 100%;
        max-width: 575px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 767px) {
    .services-items .card-item__body {
        height: 210px;
    }
}

@media only screen and (max-width: 767px) {
    .services-items .card-item__pict {
        max-width: 215px;
    }
}

.service-about-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 30px 50%;
    grid-template-columns: 50% 50%;
    grid-column-gap: 30px;
}

@media only screen and (max-width: 1200px) {
    .service-about-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-row-gap: 40px;
    }
}

.service-about-col {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px;
}

@media only screen and (max-width: 767px) {
    .service-about-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-row-gap: 20px;
    }
}

.service-about__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-right: 30px;
    padding: 8px;
    border-radius: 50%;
    background-color: var(--green2);
}

.service-about__text {
    padding-bottom: 18px;
    font-size: 18px;
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .service-about__text {
        padding-bottom: 0;
        font-size: 16px;
    }
}

.service-about__text p {
    margin: 0 0 10px;
}

.service-about__text ul {
    margin-bottom: 10px;
}

.service-about__text ul li {
    position: relative;
    padding-left: 34px;
}

.service-about__text ul li + li {
    margin-top: 20px;
}

.service-about__text ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--green2);
}

.service-about__text a {
    color: var(--orange3);
}

.service-about__text a:hover {
    color: var(--orange4);
}

.sidebar-banner {
    padding: 40px;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1023px) {
    .sidebar-banner {
        padding: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .sidebar-banner {
        padding: 30px 20px 20px;
    }
}

.sidebar-banner_green {
    background-color: var(--green1);
    background-image: url(/local/templates/atribeautekids/images/background-green-elements.svg);
    background-repeat: repeat;
}

.sidebar-banner__title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 1200px) {
    .sidebar-banner__title {
        font-size: 28px;
    }
}

.sidebar-banner__text {
    font-size: 18px;
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .sidebar-banner__text {
        font-size: 16px;
    }
}

.sidebar-banner__btn {
    margin-top: 40px;
}

@media only screen and (max-width: 1200px) {
    .sidebar-banner__btn {
        max-width: 320px;
        margin: 40px auto 0;
    }
}

.sidebar-banner__pict {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -40px;
}

@media only screen and (max-width: 1200px) {
    .sidebar-banner__pict {
        display: none;
    }
}

.sidebar-banner__pict_mob {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .sidebar-banner__pict_mob {
        display: block;
        float: right;
        max-width: 158px;
        margin: -40px -40px 0 0;
    }
}

@media only screen and (max-width: 1023px) {
    .sidebar-banner__pict_mob {
        margin: -30px -25px 0 0;
    }
}

.sidebar-form {
    padding: 40px;
    border-radius: var(--bdrs20);
    background: var(--yellow1) url(/local/templates/atribeautekids/images/background-yellow-elements.svg) repeat;
}

@media only screen and (max-width: 1420px) {
    .sidebar-form {
        padding: 30px 20px;
    }
}

.sidebar-form__title {
    position: relative;
    margin-bottom: 27px;
    padding-left: 79px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

.sidebar-form__title:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    width: 53px;
    height: 43px;
    background-image: url(/local/templates/atribeautekids/images/dist/icons/smile.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.sidebar-form__desc {
    margin-bottom: 40px;
    font-size: 18px;
    color: var(--gray);
}

.sidebar-form__field {
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
}

.sidebar-form__field.not-empty .sidebar-form__label {
    top: -15px;
}

.sidebar-form__field input {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 18px;
    color: var(--gray);
    border: none;
    border-bottom: 1px solid var(--yellow3);
    background: none;
}

.sidebar-form__field input:focus ~ .sidebar-form__label {
    top: -15px;
}

.sidebar-form__label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray);
    -webkit-transition: top var(--anim300);
    -o-transition: top var(--anim300);
    transition: top var(--anim300);
}

.sidebar-form__btn {
    margin-top: 40px;
}

.sidebar-form-accept {
    margin-top: 13.5px;
}

.sidebar-form-accept__label {
    text-align: left;
}

.sidebar-form-accept__label span {
    display: contents;
}

.sidebar-form__policy {
    margin-top: 10px;
    font-size: 14px;
    color: var(--gray);
}

.sidebar-form__policy a {
    font-size: inherit;
    color: inherit;
    text-decoration: underline;
}

.sidebar-form__policy a:hover {
    color: var(--orange4);
    text-decoration: none;
}

.text-block {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 60px;
    max-width: 1004px;
    font-size: 24px;
    color: var(--gray);
}

@media only screen and (max-width: 1023px) {
    .text-block {
        grid-row-gap: 40px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .text-block {
        grid-row-gap: 20px;
        font-size: 16px;
    }
}

.text-block-section *:last-child {
    margin-bottom: 0;
}

.text-block h2 {
    margin: 0 0 30px;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--black);
}

@media only screen and (max-width: 1023px) {
    .text-block h2 {
        margin-bottom: 20px;
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .text-block h2 {
        font-size: 20px;
    }
}

.text-block p {
    margin: 0 0 16px;
}

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

.text-block a {
    color: var(--orange3);
}

.text-block a:hover {
    color: var(--orange4);
}

.text-block ul {
    margin-bottom: 16px;
}

.text-block ul.dots-green li:before {
    background-color: var(--green2);
}

.text-block ul li {
    padding-left: 34px;
}

.text-block ul li + li {
    margin-top: 20px;
}

.text-block ul li:before {
    top: 12px;
    width: 14px;
    height: 14px;
    background-color: var(--blue2);
}

@media only screen and (max-width: 1023px) {
    .text-block ul li:before {
        top: 7px;
    }
}

.text-block img {
    overflow: hidden;
    border-radius: var(--bdrs20);
}

.text-block figcaption {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--black);
}

@media only screen and (max-width: 1023px) {
    .text-block figcaption {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .text-block figcaption {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .vacancy .price-nav__title {
        padding-left: 85px;
    }
}

.vacancy .price-nav__title:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
    .vacancy .price-nav__title:before {
        left: -12px;
    }
}

.vacancy .price-item.is-active .price-nav {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.vacancy .price-item.is-active .price-body {
    padding-bottom: 0;
}

.vacancy-item {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 40px;
    padding: 0 60px 50px;
    border-radius: 0 0 var(--bdrs20) var(--bdrs20);
    background-color: var(--blue1);
}

@media only screen and (max-width: 1200px) {
    .vacancy-item {
        padding: 0 40px 40px;
    }
}

@media only screen and (max-width: 1023px) {
    .vacancy-item {
        padding: 0 30px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .vacancy-item {
        padding: 0 16px 20px;
    }
}

.vacancy-item-main {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 30px;
}

@media only screen and (max-width: 1023px) {
    .vacancy-item-main {
        grid-row-gap: 40px;
    }
}

.vacancy-item__info {
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .vacancy-item__info {
        font-size: 16px;
    }
}

.vacancy-item-desc__title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--orange3);
}

@media only screen and (max-width: 1023px) {
    .vacancy-item-desc__title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .vacancy-item-desc__title {
        font-size: 20px;
    }
}

.vacancy-item-desc ul li {
    padding-left: 34px;
    font-size: 18px;
    color: var(--gray);
}

.vacancy-item-desc ul li + li {
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    .vacancy-item-desc ul li {
        padding-left: 30px;
        font-size: 16px;
    }
}

.vacancy-item-desc ul li:before {
    top: 7px;
    width: 14px;
    height: 14px;
}

@media only screen and (max-width: 767px) {
    .vacancy-item-desc ul li:before {
        width: 10px;
        height: 10px;
    }
}

.vacancy-item__btn {
    max-width: 313px;
}

@media only screen and (max-width: 767px) {
    .vacancy-item__btn {
        max-width: 271px;
        margin: 0 auto;
    }
}

.welcome__title {
    margin-bottom: 60px;
}

@media only screen and (max-width: 1023px) {
    .welcome__title {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .welcome__title {
        margin-bottom: 30px;
    }
}

.welcome-body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 478px 41px 1fr;
    grid-template-columns: 478px 1fr;
    grid-column-gap: 41px;
}

@media only screen and (max-width: 1420px) {
    .welcome-body {
        -ms-grid-columns: 435px 30px 1fr;
        grid-template-columns: 435px 1fr;
        grid-column-gap: 30px;
    }
}

@media only screen and (max-width: 1200px) {
    .welcome-body {
        -ms-grid-columns: 400px 1fr;
        grid-template-columns: 400px 1fr;
    }
}

@media only screen and (max-width: 1023px) {
    .welcome-body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column-gap: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .welcome-sidebar {
        padding-bottom: 30px;
    }
}

.welcome-sidebar__pict {
    display: inline-block;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

.welcome-sidebar__title {
    position: relative;
    margin-bottom: 20px;
    padding-top: 66px;
    font-size: 40px;
    line-height: 1.2;
}

@media only screen and (max-width: 1200px) {
    .welcome-sidebar__title {
        padding-top: 58px;
        font-size: 32px;
    }
}

@media only screen and (max-width: 1023px) {
    .welcome-sidebar__title {
        margin-bottom: 15px;
        font-size: 30px;
        line-height: 1.2;
    }
}

.welcome-sidebar__title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 43px;
    height: 43px;
    background: url(/local/templates/atribeautekids/images/dist/icons/commas.svg) 0 0 no-repeat;
    background-size: contain;
}

.welcome-sidebar__desc {
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray);
}

@media only screen and (max-width: 767px) {
    .welcome-sidebar__desc {
        font-size: 16px;
    }
}

.welcome-sidebar__btn {
    max-width: 324px;
    margin-top: 40px;
}

@media only screen and (max-width: 1023px) {
    .welcome-sidebar__btn {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .welcome-sidebar__btn {
        max-width: 311px;
    }
}

.welcome__text {
    font-size: 24px;
    line-height: 1.5;
    color: var(--gray);
}

@media only screen and (max-width: 1200px) {
    .welcome__text {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1023px) {
    .welcome__text {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .welcome__text {
        font-size: 16px;
    }
}

.welcome__text p {
    margin: 0 0 12px;
}

.welcome-signature {
    margin-top: 45px;
}

@media only screen and (max-width: 1023px) {
    .welcome-signature {
        margin-top: 30px;
    }
}

.welcome-signature__title {
    font: 400 32px/1.1 var(--accentfont);
}

@media only screen and (max-width: 1023px) {
    .welcome-signature__title {
        font-size: 26px;
    }
}

@media only screen and (max-width: 767px) {
    .welcome-signature__title {
        font-size: 24px;
    }
}

.welcome-signature__desc {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray);
}

@media only screen and (max-width: 1023px) {
    .welcome-signature__desc {
        font-size: 16px;
    }
}

.content-banner.none-background {
    background-color: transparent;
}

.content-banner.none-background.services-banner {
    height: 385px;
}

.content-banner.services-banner .content-banner__img img {
    max-height: 22rem;
}

.feedback-post iframe {
    width: 100%;
}

.form_event_modal {
    display: none;
}

.d-block {
    display: block !important;
}

.d-none {
    display: none !important;
}

.online-form__label-select {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray);
}

.online-form .custom-select .nice-select-dropdown ul {
    overflow-y: auto;
    max-height: 312px;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .online-form__policy br {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .online-form__btn {
        margin: 20px auto 0;
    }
}

.online-form__attention {
    margin-top: 50px;
    font-size: 24px;
    line-height: 1.2;
    color: var(--gray);
}

@media only screen and (max-width: 1023px) {
    .online-form__attention {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .online-form__attention {
        margin-top: 70px;
        padding-right: 20px;
        font-size: 16px;
        line-height: 1.5;
    }
}

.banner-inner_green {
    background-color: var(--green1);
    background-image: url(/local/templates/atribeautekids/images/background-green-elements.svg);
    background-repeat: repeat;
}

.banner-inner_green .banner-inner__title span {
    color: var(--green2);
}

.benefits-item__icon svg {
    width: 100%;
    height: 100%;
}

.section-contacts {
    padding: 0 0 20px 0;
    background: #FFF4D3;
}

.content-title h2 {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}

.content-banner__title {
    max-width: 400px;
    font: 400 42px/1.1 var(--accentfont);
    text-align: center;
}

.sert-slider__pict {
    display: block;
    width: auto;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1500px) {
    .doctor-item {
        padding-top: 80px;
        min-height: 310px;
    }
}

@media only screen and (min-width: 1500px) {
    .doctor-item {
        padding-top: 100px;
        min-height: 334px;
    }
}

@media only screen and (max-width: 1023px) {
    .doctor-item {
        padding-top: 50px;
        min-height: 240px;
        height: auto;
    }
}

.doctor-item:nth-child(3n + 1) .doctor-item__body {
    background-color: var(--yellow1);
}

.doctor-item:nth-child(3n + 1):hover .hover-circle__body:after {
    background-color: var(--yellow2);
}

.doctor-item:nth-child(3n + 2) .doctor-item__body {
    background-color: var(--green1);
}

.doctor-item:nth-child(3n + 2):hover .hover-circle__body:after {
    background-color: var(--green2);
}

.doctor-item:nth-child(3n + 2):hover .doctor-item__body * {
    color: var(--white);
}

.doctor-item:nth-child(3n + 3) .doctor-item__body {
    background-color: var(--blue1);
}

.doctor-item:nth-child(3n + 3):hover .hover-circle__body:after {
    background-color: var(--blue2);
}

.doctor-item:nth-child(3n + 3):hover .doctor-item__body * {
    color: var(--white);
}

.doctor-item__body {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding: 30px;
    overflow: hidden;
    border-radius: var(--bdrs20);
    background-color: var(--white);
}

@media only screen and (max-width: 1023px) {
    .doctor-item__exp {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .doctor-item__body {
        height: 100%;
    }
}

.doctor-item__title {
    position: relative;
    z-index: 2;
    max-width: 200px;
    -webkit-transition: color var(--anim300);
    -o-transition: color var(--anim300);
    transition: color var(--anim300);
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

@media only screen and (max-width: 1023px) {
    .doctor-item__title {
        max-width: 140px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .doctor-item__title {
        max-width: 171px;
        font-size: 14px;
    }
}

.doctor-item__desc {
    position: relative;
    max-width: 200px;
    -webkit-transition: color var(--anim300);
    -o-transition: color var(--anim300);
    transition: color var(--anim300);
    margin-bottom: auto;
    z-index: 2;
    font-size: 16px;
    color: var(--gray);
}

@media only screen and (max-width: 1580px) {
    .doctor-item__desc {
        max-width: 160px;
    }

    .doctor-item__exp {
        max-width: 150px;
    }
}

@media only screen and (max-width: 1420px) {
    .doctor-item__desc {
        max-width: 300px;
    }

    .doctor-item__exp {
        max-width: 300px;
    }
}

@media only screen and (max-width: 1200px) {
    .doctor-item__desc {
        max-width: 180px;
    }

    .doctor-item__exp {
        max-width: 180px;
    }
}

@media only screen and (max-width: 767px) {
    .doctor-item__desc {
        max-width: 260px;
    }
}

@media only screen and (max-width: 1023px) {
    .doctor-item__desc {
        max-width: 140px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 575px) {
    .doctor-item__desc {
        max-width: 120px;
        margin: auto 0 0;
    }

    .doctors-slider .doctor-item__desc {
        max-width: 100px;
    }
}

.faq__title {
    margin-bottom: 60px;
}

.feedbacks-items .feedback-item:nth-child(4n + 1) {
    background-color: var(--yellow1);
}

.feedbacks-items .feedback-item:nth-child(4n + 2) {
    background-color: var(--green1);
}

.feedbacks-items .feedback-item:nth-child(4n + 3) {
    background-color: var(--orange1);
}

.feedbacks-items .feedback-item:nth-child(4n + 4) {
    background-color: var(--blue1);
}

.feedbacks-slider .feedback-item:nth-child(3n + 1) {
    background-color: var(--yellow1);
}

.feedbacks-slider .feedback-item:nth-child(3n + 2) {
    background-color: var(--green1);
}

.feedbacks-slider .feedback-item:nth-child(3n + 3) {
    background-color: var(--blue1);
}

@media only screen and (max-width: 767px) {
    .main-title__item_accent {
        white-space: nowrap;
        margin-top: 10px;
    }

    .main-title__row {
        flex-wrap: wrap;
    }
}

.order-form {
    max-width: 560px;
    margin: 0;
    overflow: visible;
}

.price__title {
    margin-bottom: 60px;
}

.price-inner-items {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 10px;
}

@media only screen and (max-width: 374px) {
    .price-inner-items {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (max-width: 575px) {
    .works .swiper-slide .works-item-pict {
        height: 123px;
    }

    .works .swiper-slide .works-item-pict .compare img {
        height: 123px;
    }
}

@media only screen and (max-width: 767px) {
    .works-item {
        max-width: 487px;
    }
}

.works-item-pict {
    position: relative;
    width: 100%;
    height: 200px;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.works-item__title_wrap {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.works-item__icon {
    width: 46px;
    height: 34px;
}

.compare {
    width: 100%;
    height: 100%;
    outline: none;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    --divider-width: 2px;
    --divider-color: var(--orange3);
    --divider-shadow: none;
    --default-handle-width: 60px;
    --default-handle-shadow: none;
}

.compare img {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
}

@media only screen and (max-width: 350px) {
    .compare img {
        height: 142px;
    }

    .works-item-pict {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .works-items {
        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-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.tax .article {
    max-width: 1010px;
}

.tax .article-main {
    max-width: 1006px;
}

@media only screen and (max-width: 767px) {
    .tax .article-main {
        padding-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .tax .article-main h2 {
        font-size: 30px;
    }
}

.video-single-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
}

@media only screen and (max-width: 1200px) {
    .video-single-items {
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .video-single-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
        grid-column-gap: 0;
    }
}

.video-single-item {
    position: relative;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 575px) {
    .video-single-item {
        height: auto;
    }
}

.video-single-item:hover .video-single-item__pict:before {
    opacity: 0.8;
}

.video-single-item:hover .video-single-item__title {
    color: var(--orange3);
}

.video-single-item__pict {
    position: relative;
    height: 293px;
    overflow: hidden;
}

@media only screen and (max-width: 1420px) {
    .video-single-item__pict {
        height: 230px;
    }
}

@media only screen and (max-width: 1200px) {
    .video-single-item__pict {
        height: 293px;
    }
}

@media only screen and (max-width: 1023px) {
    .video-single-item__pict {
        height: 230px;
    }
}

@media only screen and (max-width: 767px) {
    .video-single-item__pict {
        height: 200px;
    }
}

@media only screen and (max-width: 575px) {
    .video-single-item {
        justify-content: space-between;
        display: flex;
        flex-direction: column;
    }

    .video-single-item__pict {
        height: 100%;
    }
}

.video-single-item__pict:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity var(--anim300);
    -o-transition: opacity var(--anim300);
    transition: opacity var(--anim300);
    background: -o-linear-gradient(269.74deg, rgba(0, 0, 0, 0) 8.51%, rgba(0, 0, 0, 0.4) 95.13%);
    background: linear-gradient(180.26deg, rgba(0, 0, 0, 0) 8.51%, rgba(0, 0, 0, 0.4) 95.13%);
}

.video-single-item__footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 154px;
    margin-top: -30px;
    padding: 15px 10px;
    z-index: 2;
    border-radius: 20px;
    background: var(--gray1);
}

@media only screen and (max-width: 1023px) {
    .video-single-item__footer {
        min-height: 130px;
    }
}

@media only screen and (max-width: 767px) {
    .video-single-item__footer {
        min-height: 110px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 15px 21.5px;
    }
}

.video-single-item__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--blavk);
    text-align: center;
    -webkit-transition: color var(--anim300);
    -o-transition: color var(--anim300);
    transition: color var(--anim300);
}

@media only screen and (max-width: 1580px) {
    .video-single-item__title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 1023px) {
    .video-single-item__title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .video-single-item__title {
        font-size: 18px;
        text-align: left;
    }
}

.video-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 40px;
}

@media only screen and (max-width: 1200px) {
    .video-items {
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 575px) {
    .video-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
        grid-column-gap: 0;
    }
}

.video-item {
    position: relative;
    height: 324px;
    overflow: hidden;
    border-radius: var(--bdrs20);
}

@media only screen and (max-width: 1420px) {
    .video-item {
        height: 230px;
    }
}

@media only screen and (max-width: 1023px) {
    .video-item {
        height: 230px;
    }
}

@media only screen and (max-width: 767px) {
    .video-item {
        height: 170px;
    }
}

@media only screen and (max-width: 575px) {
    .video-item {
        height: auto;
    }
}

.video-item:hover:before {
    opacity: 0.5;
}

.video-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity var(--anim300);
    -o-transition: opacity var(--anim300);
    transition: opacity var(--anim300);
    background: -o-linear-gradient(269.74deg, rgba(0, 0, 0, 0) 8.51%, rgba(0, 0, 0, 0.4) 95.13%);
    background: linear-gradient(180.26deg, rgba(0, 0, 0, 0) 8.51%, rgba(0, 0, 0, 0.4) 95.13%);
}

.video-item__title {
    position: absolute;
    bottom: 40px;
    left: 0;
    padding: 0 20px 0 40px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    z-index: 2;
}

@media only screen and (max-width: 1420px) {
    .video-item__title {
        bottom: 30px;
        padding: 0 10px 0 30px;
    }
}

@media only screen and (max-width: 767px) {
    .content-main img {
        height: auto;
    }

    .sert-slider__pict img {
        max-height: 150px;
    }

    .sert-slider__pict {
        height: auto;
    }
}

.media-gallery .media-main {
    max-height: 490px;
}

.media-gallery .media-item {
    max-height: 230px;
    max-width: 360px;
    width: 100%;
    display: block;
}

.media-slider {
    width: 100%;
}

.works-item__info-services a:hover, .works-item__info a:hover {
    color: var(--orange3);
}

.footer-nav-item {
    position: relative;
}

.footer-nav-item__title.no_childs::after {
    content: none;
}

.error_message {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 0px 50px 0px;
}

.content-section .content-banner {
    background: none;
}

.content-slider__text p {
    font-size: 18px;
    padding-bottom: 14px;
}

.pagination {
    margin-top: 40px;
}

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

.pagination_nav ul {
    margin: 0px 40px;
}

.pagination_nav ul li a,
.pagination_nav li span {
    color: var(--basic-gray, #515151);
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.pagination_item {
    margin-right: 10px;
    transition: all 0.3s ease 0s;
    display: inline;
}

.pagination_item:last-child {
    margin-right: 0;
}

.pagination_item.active {
    color: var(--orange3);
}

a.pagination_item:hover {
    color: var(--orange3);
}

.pagination_button svg rect,
.pagination_button svg path {
    stroke: var(--orange3);
}

.pagination_button .noactive svg rect,
.pagination_button .noactive svg path {
    stroke: #515151;
}

.sert-slider .swiper-pagination {
    display: none;
}

.content-date {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.5;
    white-space: nowrap;
    color: var(--gray);
}

a.about__btn.about__btn_wide {
    color: #fff;
}

a.about__btn {
    color: var(--gray);
}

.main-anchor__icon {
    width: 40px;
    height: 40px;
}

.anchor-nav__item a {
    display: flex;
    align-items: center;
}

.services_anchor .anchor-nav__item a {
    padding-left: 0;
}

.services_anchor .anchor-nav__item a img {
    margin-right: 20px;
}

.online-form input.invalid,
.online-form .custom-select.invalid + .custom-select {
    border-bottom: 2px solid red;
}

.online_form_error,
.online_form_success {
    text-align: center;
}

.form-pay__redirect {
    display: block;
}

.form-pay__redirect.hidden {
    display: none;
}

.form_2_modal_button {
    max-width: fit-content;
    padding: 20px;
}

.benefits-item__icon {
    max-width: 116px;
    max-height: 116px;
    height: 100%;
    width: 100%;
}

.benefits-item__icon img {
    width: 100%;
    height: 100%;
}

.works .swiper-slide {
    height: auto;
}

.works-item {
    height: 100%;
}

.content-banner__img_left {
    border-radius: 20px 0px 0px 20px;
}

.content-banner__img_right {
    border-radius: 0px 20px 20px 0px;
}

.card-item {
    border-radius: 20px;
}

.price-banner-list i img {
    filter: grayscale(1) brightness(1000%);
}

.accept input.important + .accept__label::before {
    border: 2px solid red;
}

.modal-form__field:not(.not-empty) input.important,
.modal-form__field:not(.not-empty) textarea.important {
    border-color: red;
}

.footer_mobile_other_links {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

span.mob-block-show {
    display: none;
}

.mob_revies a.page-btns__btn-popup {
    display: none;
}

@media (max-width: 768px) {
    .feedback-item__title {
        max-width: calc(100% - 88px);
    }

    .services-items .card-item__pict {
        object-fit: contain;
    }

    .card-item__pict {
        object-fit: contain !important;
        height: auto !important;
    }

    .benefits-item__title {
        text-align: center !important;
    }

    .mob_revies a.page-btns__btn-popup {
        display: flex;
        width: 150px !important;
    }

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

    .info-main img {
        height: auto;
    }
}

@media (max-width: 374px) {
    .mob_revies {
        flex-wrap: wrap;
    }

    .mob_revies .page-title {
        margin-bottom: 15px;
    }
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.orange-text,
.footer-contact__text .orange-text {
    color: var(--orange3);
}

.pagination_nav_mobile_button {
    display: none;
}

.pagination .container {
    padding: 0;
}


@media (max-width: 720px) {
    .pagination_button svg {
        width: 36px;
    }

    .pagination_button {
        display: none;
    }

    .pagination_nav_mobile_button .pagination_button {
        display: block;
        margin: 0 10px;
    }

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

    .pagination_nav ul {
        margin: 0px;
    }
}

.content-accent.bg-yellow1 {
    background-color: var(--yellow1);
}

.content-accent.bg-yellow2 {
    background-color: var(--yellow2);
}

.content-accent.bg-green1 {
    background-color: var(--green1);
}

.content-accent.bg-green2 {
    background-color: var(--green2);
}

.content-accent.bg-orange3 {
    background-color: var(--orange3);
}

.content-accent.bg-blue1 {
    background-color: var(--blue1);
}

.content-accent.bg-blue2 {
    background-color: var(--blue2);
}

.search-page {
    padding: 60px 0;
}

.content-banner__title {
    width: 50%;
}

@media only screen and (max-width: 1420px) {
    .content-banner__img img {
        width: 250px;
    }
}

@media only screen and (max-width: 1023px) {
    .content-banner-body {
        padding: 0;
        height: 100%;
    }

    .content-banner__title {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .content-banner__title {
        font-size: 29px;
    }
}

@media only screen and (max-width: 575px) {
    .content-banner__title {
        font-size: 20px;
    }
}

.clinics-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.clinics-wrapper .page-title {
    width: calc(100% - 520px);
}

.modal-form .clinics .custom-select {
    align-items: center;
    margin: 0;
}

.clinics .custom-select .current {
    font-size: 17px;
}

.clinics {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 500px;
    width: 100%;
}

.clinics__label {
    font-size: 20px;
    flex-shrink: 0;
}

.clinics__opts {
    width: 100%;
}

@media (max-width: 1023px) {
    .clinics-wrapper .page-title {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .clinics {
        flex-wrap: wrap;
    }
}

.page-contact__top-text {
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 12px;
    line-height: normal;
    color: #1E1E1E;
}

.contact-link-scroll {
    color: #00A69C;
    text-decoration: underline;
}

.contact-link-scroll:hover {
    text-decoration: none;
}

@media (min-width: 768px) {
    .page-contact__top-text {
        font-size: 16px;
    }
}

@media (min-width: 1421px) {
    .page-contact__top-text {
        margin-top: 50px;
        margin-bottom: 55px;
        font-size: 24px;
    }
}


.scrollup-btn {
    position: fixed;
    right: -80px;
    bottom: 26px;
    z-index: 150;
    transition: transform .3s ease-out;
}

.scrollup-btn:hover {
    cursor: pointer;
}

.scrollup-btn.scroll {
    transform: translateX(-120px);
}

.scrollup-btn__wrapper {
    width: 70px;
    height: 70px;
    border-radius: 40px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.header-whatsapp img {
    max-width: 64px;
    height: auto;
}

@media (max-width: 768px) {
    .header-whatsapp img {
        width: 38px;
    }
}

@media (max-width: 575px) {
    .header-whatsapp img {
        width: 26px;
    }
}

.adult-dentistry img {
    margin: -5px 0 0;
}

.general-medicine {
    background: #FCE9A6;
}

.fancybox__slide.has-iframe .fancybox__content {
    padding: 0;
}

.pseudo-slider::-webkit-scrollbar {
    width: 0;
    display: none;
}

@media (max-width: 1023px) {
    .pseudo-slider {
        flex-wrap: nowrap;
        overflow: scroll;
    }
}

.footer-bottom__footnote {
    font-size: 12px;
    margin-top: 45px;
}

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

.version-visually-impaired > span {
    display: none;
}

.version-visually-impaired-mobile {
    padding: 8px var(--paddingSizeMob);
    display: none;
    align-items: center;
    justify-content: center;
    background: var(--white);
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: var(--black);
}

.version-visually-impaired-mobile > span {
    margin-left: 10px;
    display: inline-block;
}

section.sf-spec {
    margin: 0;
    padding: 0;
}

.header > .container {
    background: var(--orange1);
}

@media only screen and (max-width: 1200px) {
    .version-visually-impaired {
        display: none;
    }

    .version-visually-impaired-mobile {
        display: flex;
    }
}
/* End */
/* /local/templates/atribeautekids/template_styles.css?1748330985294746 */