/* Start:/local/templates/school-abc/components/bitrix/news.list/schools_header/style.css?16766585283062*/
.header-top__select .dropdown {
    position: relative;
    width: 200px;
}

.header-top__select .dropdown_opened > .dropdown__list {
    display: block;
}

.header-top__select .dropdown__list {
    z-index: 11;
    display: none;
    font-weight: 500;
    width: 25rem!important;
    margin-left: -5rem;
    border-radius: 0;
    border-top: 1px solid rgba(54,54,54,.8);
    border-left: 1px solid rgba(54,54,54,.8);
    border-right: 1px solid rgba(54,54,54,.8);
    min-width: 150px;
    position: absolute;
    max-height: 20rem;
    overflow-y: auto;
    background: -webkit-radial-gradient(96.83% 95.83%,68.65% 66.95%,rgba(221,225,117,.09) 25%,rgba(255,255,255,.09) 100%),-webkit-linear-gradient(220.62deg,rgba(241,244,167,.05) 40.73%,rgba(0,0,0,0) 116.12%),#f4f5f6;
    background: radial-gradient(68.65% 66.95% at 96.83% 95.83%,rgba(221,225,117,.09) 25%,rgba(255,255,255,.09) 100%),linear-gradient(229.38deg,rgba(241,244,167,.05) 40.73%,rgba(0,0,0,0) 116.12%),#f4f5f6;
    list-style: none;
    padding: 0;
}

.header-top__select .dropdown_opened > .dropdown__text:after {
    transform: rotate(0deg);
}

.header-top__select .dropdown__text {
    position: relative;
    cursor: pointer;
    border: none;
    height: 4rem;
    background-color: transparent;
    padding-left: 0;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.header-top__select .dropdown__text_phone {
    font-weight: 700;
}

.select-selection__arrow {

}

.header-top__select .dropdown__text:after {
    position: absolute;
    top: -10px;
    right: 0.1rem;
    width: 2rem;
    content: '';
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='7' viewBox='0 0 12 7' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.38783 6.348c.088.088.188.132.3.132.128 0 .256-.064.384-.192l5.11197-5.04c.064-.064.12-.128.168-.192.048-.056.072-.108.072-.156 0-.072-.04-.148-.12-.228l-.48-.48c-.088-.088-.172-.1319999-.252-.1319999-.104 0-.228.0719999-.372.2159999l-4.52397 4.404-4.512-4.464c-.144-.1440004-.268004-.21600046-.372004-.21600046-.08-.00000001-.151999.03200006-.215999.09600006l-.444001.4320004c-.0879999.088-.1319996.188-.13199961.3 0 .144.06000041.264.18000061.36z' fill='currentColor'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.header-top__select .dropdown__item {
    cursor: pointer;
    background-color: transparent;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    border-bottom: 1px solid rgba(54,54,54,.8);
    text-align: center;
    font-weight: 600;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.header-top__select .dropdown_item_current {
    color: #8bb733;
}

.header-top__select .dropdown__item:hover {
    color: #8bb733;
}

.header-top__select .dropdown__text_name {
    color: #3D3D3D;
}
/* End */


/* Start:/local/templates/school-abc/components/bitrix/news.list/schools_footer/style.css?16766585383068*/
.footer__addresses div:not(:first-child) {
    display: none;
}

.footer__contacts .dropdown {
    position: relative;
    width: 200px;
}

.footer__contacts .dropdown_opened > .dropdown__list {
    display: block;
}

.footer__contacts .dropdown__list {
    z-index: 11;
    display: none;
    font-weight: 500;
    width: 25rem!important;
    margin-left: -5rem;
    border-radius: 0;
    border-top: 1px solid rgba(54,54,54,.8);
    border-left: 1px solid rgba(54,54,54,.8);
    border-right: 1px solid rgba(54,54,54,.8);
    min-width: 150px;
    position: absolute;
    max-height: 20rem;
    overflow-y: auto;
    background: -webkit-radial-gradient(96.83% 95.83%,68.65% 66.95%,rgba(221,225,117,.09) 25%,rgba(255,255,255,.09) 100%),-webkit-linear-gradient(220.62deg,rgba(241,244,167,.05) 40.73%,rgba(0,0,0,0) 116.12%),#f4f5f6;
    background: radial-gradient(68.65% 66.95% at 96.83% 95.83%,rgba(221,225,117,.09) 25%,rgba(255,255,255,.09) 100%),linear-gradient(229.38deg,rgba(241,244,167,.05) 40.73%,rgba(0,0,0,0) 116.12%),#f4f5f6;
    list-style: none;
    padding: 0;
}

.footer__contacts .dropdown_opened > .dropdown__text:after {
    transform: rotate(0deg);
}

.footer__contacts .dropdown__text {
    position: relative;
    cursor: pointer;
    border: none;
    font-weight: 700;
    height: 4rem;
    background-color: transparent;
    padding-left: 0;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.select-selection__arrow {

}

.footer__contacts .dropdown__text:after {
    position: absolute;
    top: -10px;
    right: 0.1rem;
    width: 2rem;
    content: '';
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='7' viewBox='0 0 12 7' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.38783 6.348c.088.088.188.132.3.132.128 0 .256-.064.384-.192l5.11197-5.04c.064-.064.12-.128.168-.192.048-.056.072-.108.072-.156 0-.072-.04-.148-.12-.228l-.48-.48c-.088-.088-.172-.1319999-.252-.1319999-.104 0-.228.0719999-.372.2159999l-4.52397 4.404-4.512-4.464c-.144-.1440004-.268004-.21600046-.372004-.21600046-.08-.00000001-.151999.03200006-.215999.09600006l-.444001.4320004c-.0879999.088-.1319996.188-.13199961.3 0 .144.06000041.264.18000061.36z' fill='currentColor'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.footer__contacts .dropdown__item {
    cursor: pointer;
    background-color: transparent;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    border-bottom: 1px solid rgba(54,54,54,.8);
    text-align: center;
    font-weight: 600;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.footer__contacts .dropdown_item_current {
    color: #8bb733;
}

.footer__contacts .dropdown__item:hover {
    color: #8bb733;
}

.footer__addresses .footer__contacts-text {
    margin-bottom: 6px;
}

/* End */


/* Start:/local/templates/school-abc/template_styles.css?1789911639200275*/
@charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.ac {
    margin-top: 10px;
    border: 1px solid #eee;
    background-color: #fff;
    box-sizing: border-box
}

.ac .ac-header {
    margin: 0;
    padding: 0
}

.ac .ac-trigger {
    font: bold 16px Arial, sans-serif;
    color: #111;
    text-align: left;
    width: 100%;
    padding: 10px 30px 10px 10px;
    display: block;
    cursor: pointer;
    background-color: transparent;
    transition: color .25s ease;
    position: relative;
    text-decoration: none;
    margin: 0;
    border: 0
}

.ac .ac-trigger::after {
    content: "+";
    text-align: center;
    width: 15px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    right: 10px;
    top: 50%
}

.ac .ac-trigger:focus {
    color: #8a8a8a
}

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

.ac .ac-panel .ac-text {
    font: 15px/24px Arial, sans-serif;
    color: #111;
    padding: 10px;
    margin: 0
}

.ac.js-enabled .ac-panel {
    visibility: hidden
}

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

.ac.is-active > .ac-header .ac-trigger::after {
    content: "–"
}

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

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .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: -.25em
}

sup {
    top: -.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
}

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

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

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

fieldset {
    padding: .35em .75em .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: -.2rem
}

[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
}

@font-face {
    font-family: Montserrat;
    src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url(/local/templates/school-abc/fonts/Montserrat-SemiBoldItalic.woff2) format("woff2"), url(/local/templates/school-abc/fonts/Montserrat-SemiBoldItalic.woff) format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(/local/templates/school-abc/fonts/Montserrat-SemiBold.woff2) format("woff2"), url(/local/templates/school-abc/fonts/Montserrat-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: local("Montserrat Bold"), local("Montserrat-Bold"), url(/local/templates/school-abc/fonts/Montserrat-Bold.woff2) format("woff2"), url(/local/templates/school-abc/fonts/Montserrat-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: local("Montserrat Light"), local("Montserrat-Light"), url(/local/templates/school-abc/fonts/Montserrat-Light.woff2) format("woff2"), url(/local/templates/school-abc/fonts/Montserrat-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: local("Montserrat Regular"), local("Montserrat-Regular"), url(/local/templates/school-abc/fonts/Montserrat-Regular.woff2) format("woff2"), url(/local/templates/school-abc/fonts/Montserrat-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: local("Montserrat Medium"), local("Montserrat-Medium"), url(/local/templates/school-abc/fonts/Montserrat-Medium.woff2) format("woff2"), url(/local/templates/school-abc/fonts/Montserrat-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 2.8rem;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: .8rem;
    padding-right: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: .8rem;
    padding-left: 2rem
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 3.2rem;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: .5rem;
    margin-left: .5rem;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 1.8rem;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -10000rem;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: .6rem;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: .4rem
}

.select2-search--dropdown .select2-search__field {
    padding: .4rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: .1rem !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: .1rem !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 2.8rem
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 2.6rem;
    margin-right: 2rem;
    padding-right: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.6rem;
    position: absolute;
    top: .1rem;
    right: .1rem;
    width: 2rem
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -.4rem;
    margin-top: -.2rem;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: .1rem;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: .5rem;
    padding-right: .5rem;
    position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 2.5rem
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 700;
    height: 2rem;
    margin-right: 1rem;
    margin-top: .5rem;
    position: absolute;
    right: 0;
    padding: .1rem
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-left: .5rem;
    margin-top: .5rem;
    padding: 0;
    padding-left: 2rem;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: .2rem;
    padding-right: .5rem
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 .4rem;
    position: absolute;
    left: 0;
    top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: #f1f1f1;
    color: #333;
    outline: 0
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: .5rem;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: .5rem;
    padding-right: .2rem
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 1rem;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 20rem;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: .6rem
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 2.8rem
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 2.6rem;
    margin-right: 2rem
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 2.6rem;
    position: absolute;
    top: .1rem;
    right: .1rem;
    width: 2rem;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -.4rem;
    margin-top: -.2rem;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: .1rem;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: .5rem;
    padding-right: .5rem
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: .5rem;
    margin-top: .5rem;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: .2rem;
    padding-right: .5rem
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 .4rem
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: 0
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: .5rem;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: .5rem;
    padding-right: .2rem
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 20rem;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: .6rem
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.slinky-menu {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    height: auto
}

.slinky-menu > ul {
    left: 0;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slinky-menu li, .slinky-menu ul {
    list-style: none;
    margin: 0
}

.slinky-menu ul {
    width: 100%
}

.slinky-menu a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slinky-menu a span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.4
}

.slinky-menu li ul {
    display: none;
    left: 100%;
    position: absolute;
    top: 0
}

.slinky-menu .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slinky-menu .header .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.4;
    margin: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.slinky-theme-default .title {
    color: #333;
    padding: 1em
}

.slinky-theme-default li {
    line-height: 1
}

.slinky-theme-default a:not(.back) {
    color: #292929;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 1.7rem 2rem;
    border-bottom: 1px solid rgba(61, 61, 61, .5)
}

.slinky-theme-default a:not(.back):hover {
    background: rgba(90, 200, 250, .25)
}

.slinky-theme-default a:not(.back):active {
    background: rgba(90, 200, 250, .5)
}

.slinky-theme-default .back::before, .slinky-theme-default .next::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='16' viewBox='0 0 28 16' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23292929'%3E%3Cpath d='M27.707 8.707a1 1 0 0 0 0-1.414L21.343.929a1 1 0 1 0-1.414 1.414L25.586 8l-5.657 5.657a1 1 0 0 0 1.414 1.414l6.364-6.364ZM0 9h27V7H0v2Z' fill='currentColor'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    content: '';
    height: 2rem;
    -webkit-transition: .2s;
    transition: .2s;
    width: 2rem
}

.slinky-theme-default .next::after {
    margin-left: 1em
}

.slinky-theme-default .back {
    width: 100%;
    padding: 1.7rem 2rem
}

.slinky-theme-default .back::before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.slinky-theme-default .back:hover::before, .slinky-theme-default .next:hover::after {
    opacity: .75
}

.slinky-theme-default .back:active::before, .slinky-theme-default .next:active::after {
    opacity: 1
}

html {
    font-size: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body, html {
    height: 100%
}

.page {
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    text-rendering: optimizeSpeed;
    line-height: 1.3;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    color: #292929;
    position: relative
}

@media screen and (min-width: 992px) {
    .page {
        background-image: url(/local/templates/school-abc/img/pattern.png)
    }
}

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

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

* html .page__wrapper {
    height: 100%
}

.visually-hidden {
    position: absolute;
    height: .1rem;
    width: .1rem;
    margin: -.1rem;
    padding: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

img {
    max-width: 100%;
    display: block;
    vertical-align: middle
}

ol, ul {
    padding: 0
}

blockquote, body, dd, dl, figcaption, figure, h1, h2, h3, h4, li, ol, p, ul {
    margin: 0
}

ol, ul {
    list-style: none
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

a {
    text-decoration: none;
    color: #8bb733
}

article > * + * {
    margin-top: 1em
}

button, input, select, textarea {
    font: inherit
}

@media (prefers-reduced-motion: reduce) {
    * {
        -webkit-animation-duration: 0s !important;
        animation-duration: 0s !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0s !important;
        transition-duration: 0s !important;
        scroll-behavior: auto !important
    }
}

.container {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width: 480px) {
    .container {
        width: 100%
    }
}

@media (min-width: 768px) {
    .container {
        width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        width: 100%
    }
}

@media (min-width: 1320px) {
    .container {
        max-width: 100%
    }
}

@media (min-width: 1320px) {
    .container {
        width: 132rem
    }
}

@media screen and (min-width: 1320px) {
    .container--left {
        padding-left: 22.5rem
    }
}

.js-focus-visible:focus:not(.focus-visible) {
    outline: 0
}

.visually-hidden {
    position: absolute;
    clip: rect(0 0 0 0);
    width: .1rem;
    height: .1rem;
    margin: -.1rem
}

.overflow-hidden {
    overflow: hidden
}

@media screen and (min-width: 992px) {
    .overflow-hidden {
        overflow: visible
    }
}

.padding-header {
    padding-top: 14.6rem
}

@media screen and (min-width: 480px) {
    .padding-header {
        padding-top: 4.7rem
    }
}

@media screen and (min-width: 992px) {
    .padding-header {
        padding-top: 5.3rem
    }
}

@media screen and (min-width: 1200px) {
    .padding-header {
        padding-top: 6.7rem
    }
}

.title-top {
    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-bottom: 2.5rem
}

@media screen and (min-width: 768px) {
    .title-top {
        margin-bottom: 4rem
    }
}

@media screen and (min-width: 1320px) {
    .title-top {
        margin-bottom: 5.5rem
    }
}

.title-top .link {
    display: none
}

@media screen and (min-width: 992px) {
    .title-top .link {
        display: block
    }
}

.title {
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .title {
        font-size: 4rem
    }
}

@media screen and (min-width: 1320px) {
    .title {
        font-size: 6.4rem
    }
}

.title--white {
    color: #fff
}

@media screen and (min-width: 1320px) {
    .title--small {
        font-size: 5.6rem
    }
}

.link {
    border-bottom: 1px solid transparent;
    -webkit-transition: color .2s;
    transition: color .2s;
    text-decoration: none;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase
}

.link--green {
    color: #8bb733
}

.link--green:focus-visible, .link--green:hover {
    color: #7ca32d
}

.link--arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.link--arrow span {
    margin-right: 1rem
}

.section {
    margin-bottom: 4rem
}

@media screen and (min-width: 768px) {
    .section {
        margin-bottom: 9rem
    }
}

.ac {
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    margin-top: 0;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid rgba(61, 61, 61, .5)
}

.ac .ac-trigger {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 600;
    color: #292929;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    padding: 2rem 5rem 2rem 0
}

@media screen and (min-width: 768px) {
    .ac .ac-trigger {
        font-size: 2rem;
        padding: 3.5rem 8rem 3.5rem 0
    }
}

@media screen and (min-width: 1320px) {
    .ac .ac-trigger {
        font-size: 2.4rem
    }
}

.ac .ac-trigger:focus {
    color: #292929
}

.ac .ac-trigger:after {
    font-weight: 300;
    font-size: 3.2rem;
    width: 5rem;
    right: 0;
    text-align: right;
    line-height: 1
}

@media screen and (min-width: 768px) {
    .ac .ac-trigger:after {
        font-size: 6.4rem;
        width: 8rem
    }
}

.ac .ac-panel .ac-text {
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 400;
    color: rgba(41, 41, 41, .7);
    max-width: 84rem;
    padding-bottom: 2rem;
    padding-left: 0
}

@media screen and (min-width: 768px) {
    .ac .ac-panel .ac-text {
        font-size: 1.8rem;
        padding-bottom: 3.5rem
    }
}

@media screen and (min-width: 1320px) {
    .ac .ac-panel .ac-text {
        font-size: 2rem
    }
}

.ac.is-active > .ac-header .ac-trigger::after {
    top: 45%
}

.btn {
    position: relative;
    overflow: visible;
    font: inherit;
    line-height: normal;
    text-align: inherit;
    text-decoration: none;
    background: 0 0;
    border: none;
    cursor: pointer;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.btn--gradient {
    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: 6rem;
    color: #8bb733;
    font-weight: 700;
    font-size: 1.6rem;
    border: 1px solid #8bb733;
    background: -webkit-linear-gradient(176.3deg, rgba(221, 225, 117, .36) 4.79%, rgba(221, 225, 117, 0) 107.02%);
    background: linear-gradient(273.7deg, rgba(221, 225, 117, .36) 4.79%, rgba(221, 225, 117, 0) 107.02%);
    border-radius: 50px;
    -webkit-transition: .2s;
    transition: .2s
}

@media screen and (min-width: 768px) {
    .btn--gradient {
        font-size: 1.8rem
    }
}

.btn--gradient:focus-visible, .btn--gradient:hover {
    background-color: rgba(221, 225, 117, .1)
}

.btn--dashed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: 1px dashed #292929;
    border-radius: 50px;
    min-height: 5rem;
    padding: 0 2.5rem;
    -webkit-transition: .2s;
    transition: .2s
}

.btn--dashed span {
    color: #292929;
    -webkit-transition: color .2s;
    transition: color .2s
}

.btn--dashed svg {
    color: #8bb733
}

.btn--dashed:focus-visible span, .btn--dashed:hover span {
    color: #8bb733
}

.about-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.6rem;
    margin-right: -1.6rem
}

.about-list__list > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.about-list__item {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin-bottom: 2rem
}

@media (min-width: 768px) {
    .about-list__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media screen and (min-width: 768px) {
    .about-list__item {
        border-top: none;
        padding-bottom: 4rem;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(61, 61, 61, .5)
    }
}

.about-list__item:nth-child(even):before {
    content: '';
    position: absolute;
    width: .1rem;
    height: calc(100% - 7.5rem);
    background-color: rgba(61, 61, 61, .5);
    top: 3.5rem;
    left: -1.5rem;
    display: none
}

@media screen and (min-width: 768px) {
    .about-list__item:nth-child(even):before {
        display: block
    }
}

.about-list__item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(61, 61, 61, .5)
}

@media screen and (min-width: 768px) {
    .about-list__item-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 3.5rem;
        border-top: none
    }
}

.about-list__num {
    font-size: 2rem;
    line-height: 1;
    font-weight: 500;
    color: #8bb733;
    font-style: italic;
    white-space: nowrap;
    margin-right: 1.5rem
}

@media screen and (min-width: 768px) {
    .about-list__num {
        font-size: 3.6rem;
        margin-bottom: 3rem;
        font-style: normal
    }
}

.about-list__title {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 1rem;
    max-width: 40rem
}

@media screen and (min-width: 768px) {
    .about-list__title {
        font-size: 2.2rem;
        margin-bottom: 2rem
    }
}

.about-list__text {
    max-width: 40rem;
    font-size: 1.4rem;
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .about-list__text {
        font-size: 1.8rem
    }
}

.banner-img {
    height: 22rem;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .banner-img {
        height: 35rem
    }
}

.banner-img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%
}

.books {
    overflow: hidden
}

.books__container {
    max-width: 95rem;
    width: 100%;
    padding: 0
}

.books__title {
    font-size: 2.4rem
}

@media screen and (min-width: 480px) {
    .books__title {
        padding-right: 10rem
    }
}

@media screen and (min-width: 768px) {
    .books__title {
        font-size: 3rem;
        padding-right: 16rem
    }
}

@media screen and (min-width: 1320px) {
    .books__title {
        font-size: 3.6rem
    }
}

.books__wrapper-slider {
    position: relative
}

.books__slider {
    width: 60%;
    overflow: visible;
    margin-left: 0
}

@media screen and (min-width: 480px) {
    .books__slider {
        width: 100%;
        overflow: hidden;
        margin-left: auto
    }
}

.books__slide {
    border: 1px solid transparent
}

.books__image-wrap {
    padding: 1.5rem 2rem;
    border: 1px solid rgba(61, 61, 61, .5);
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .books__image-wrap {
        margin-bottom: 2.5rem;
        padding: 2.5rem 3rem
    }
}

.books__image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    overflow: hidden
}

.books__image:before {
    content: '';
    display: block;
    padding-top: 135%
}

.books__image img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.books__subtitle {
    font-size: 1.6rem
}

@media screen and (min-width: 768px) {
    .books__subtitle {
        font-size: 2rem
    }
}

.books__navigation {
    position: relative
}

.books__navigation--top {
    display: none
}

@media screen and (min-width: 480px) {
    .books__navigation--top {
        display: block
    }
}

.books__navigation--bottom {
    width: 40%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: -2rem;
    background-color: #fff;
    height: 3rem
}

@media screen and (min-width: 480px) {
    .books__navigation--bottom {
        display: none
    }
}

.books__next, .books__prev {
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 3rem;
    height: 3rem;
    top: 0;
    color: #292929
}

@media screen and (min-width: 480px) {
    .books__next, .books__prev {
        top: -1.5rem
    }
}

@media screen and (min-width: 768px) {
    .books__next, .books__prev {
        width: 5rem;
        height: 4.5rem;
        top: -2.45rem
    }
}

@media screen and (min-width: 992px) {
    .books__next, .books__prev {
        width: 6rem;
        height: 5.5rem;
        top: -2.75rem
    }
}

.books__next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='24' viewBox='0 0 58 24' width='58' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m57.0607 10.9393c.5857.5858.5857 1.5356 0 2.1214l-9.546 9.5459c-.5858.5858-1.5355.5858-2.1213 0s-.5858-1.5355 0-2.1213l8.4853-8.4853-8.4853-8.48528c-.5858-.58579-.5858-1.53553 0-2.12132.5858-.585789 1.5355-.585789 2.1213 0zm-57.0607-.4393h56v3h-56z' fill='%23292929'/%3E%3C/svg%3E");
    left: 6rem
}

@media screen and (min-width: 480px) {
    .books__next {
        right: 0;
        left: auto
    }
}

.books__prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='24' viewBox='0 0 58 24' width='58' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.939339 10.9393c-.585785.5858-.585785 1.5356 0 2.1214l9.545961 9.5459c.5858.5858 1.5355.5858 2.1213 0s.5858-1.5355 0-2.1213l-8.48528-8.4853 8.48528-8.48528c.5858-.58579.5858-1.53553 0-2.12132-.5858-.585789-1.5355-.585789-2.1213 0zm57.060661-.4393h-56v3h56z' fill='currentColor'/%3E%3C/svg%3E");
    left: 0
}

@media screen and (min-width: 480px) {
    .books__prev {
        right: 6rem;
        left: auto
    }
}

@media screen and (min-width: 768px) {
    .books__prev {
        right: 10rem
    }
}

@media screen and (min-width: 1320px) {
    .books__prev {
        right: 13rem
    }
}

@media screen and (min-width: 992px) {
    .books__bottom {
        width: calc(50% - 1.5rem);
        margin-left: auto
    }
}

.books__text {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .books__text {
        font-size: 1.8rem;
        margin-bottom: 3rem
    }
}

.books__link {
    display: none
}

@media screen and (min-width: 768px) {
    .books__link {
        display: block
    }
}

.books__btn {
    max-width: 33.5rem;
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .books__btn {
        display: none
    }
}

@media screen and (min-width: 1320px) {
    .books--transform .books__container {
        padding-left: 22.5rem
    }
}

.books--transform .books__wrapper-slider {
    position: relative
}

.books--transform .books__wrapper-slider:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background-color: #fff;
    position: absolute;
    z-index: 1
}

.books--transform .books__slider {
    overflow: visible
}

.breadcrumbs {
    list-style: none;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    padding: 0
}

@media screen and (min-width: 768px) {
    .breadcrumbs {
        margin-top: 5rem;
        margin-bottom: 3rem
    }
}

.breadcrumbs a {
    color: rgba(61, 61, 61, .8);
    text-decoration: none
}

.breadcrumbs a:focus, .breadcrumbs a:hover {
    color: rgba(61, 61, 61, .8);
    text-decoration: none
}

.breadcrumbs__item {
    display: inline-block;
    margin-right: .6em;
    white-space: nowrap;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: rgba(61, 61, 61, .8)
}

@media screen and (min-width: 768px) {
    .breadcrumbs__item {
        font-size: 1.8rem
    }
}

.breadcrumbs__item:not(:last-child):after {
    content: '/';
    display: inline-block;
    margin-left: .8em;
    color: rgba(61, 61, 61, .8)
}

.burger {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 3rem;
    border: none;
    padding: 0;
    line-height: 3rem;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.burger > span {
    display: inline-block;
    position: relative;
    width: 100%;
    height: .2rem;
    vertical-align: middle;
    font-size: 0;
    color: transparent;
    background: 0 0;
    -webkit-transition: background .2s .2s;
    transition: background .2s .2s
}

.burger > span:after, .burger > span:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: .2rem;
    background: #3d3d3d;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: top .2s .2s, -webkit-transform .2s;
    transition: top .2s .2s, -webkit-transform .2s;
    transition: top .2s .2s, transform .2s;
    transition: top .2s .2s, transform .2s, -webkit-transform .2s
}

.burger > span:before {
    top: -.4rem
}

.burger > span:after {
    top: .4rem
}

.burger--close > span {
    -webkit-transition: background .2s 0s;
    transition: background .2s 0s;
    background: 0 0
}

.burger--close > span:after, .burger--close > span:before {
    top: 0;
    -webkit-transition: top .2s, -webkit-transform .2s .2s;
    transition: top .2s, -webkit-transform .2s .2s;
    transition: top .2s, transform .2s .2s;
    transition: top .2s, transform .2s .2s, -webkit-transform .2s .2s
}

.burger--close > span:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}

.burger--close > span:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

.cancel-item {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid rgba(61, 61, 61, .5);
    padding: 2rem 0
}

@media screen and (min-width: 768px) {
    .cancel-item {
        padding: 2rem 0;
        border: 1px solid rgba(61, 61, 61, .5)
    }
}

@media screen and (min-width: 1320px) {
    .cancel-item {
        padding: 5rem 0 3rem
    }
}

.cancel-item__title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .cancel-item__title {
        font-size: 2rem;
        padding: 0 2rem
    }
}

@media screen and (min-width: 1320px) {
    .cancel-item__title {
        font-size: 2.4rem;
        margin-bottom: 1.5rem;
        padding: 0 4rem
    }
}

.cancel-item__text {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .cancel-item__text {
        font-size: 1.6rem;
        padding: 0 2rem
    }
}

@media screen and (min-width: 1320px) {
    .cancel-item__text {
        font-size: 1.8rem;
        padding: 0 4rem
    }
}

.cancel-item__subtitle {
    margin-top: auto;
    font-size: 1.6rem;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .cancel-item__subtitle {
        padding: 0 2rem
    }
}

@media screen and (min-width: 992px) {
    .cancel-item__subtitle {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .cancel-item__subtitle {
        padding: 0 4rem
    }
}

.cancel-item__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-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .cancel-item__bottom {
        border-top: 1px solid rgba(61, 61, 61, .5);
        padding: 2rem
    }
}

@media screen and (min-width: 1320px) {
    .cancel-item__bottom {
        padding: 2rem 4rem
    }
}

.cancel-item__bottom-text {
    color: rgba(41, 41, 41, .8);
    font-size: 1.8rem
}

.cancel-item__date {
    font-size: 1.8rem;
    font-weight: 600;
    color: #8bb733
}

@media screen and (min-width: 768px) {
    .cancel-item__date {
        font-size: 2rem
    }
}

@media screen and (min-width: 1320px) {
    .cancel-item__date {
        font-size: 2.4rem
    }
}

.cancel-item--bottom {
    padding-bottom: 0
}

.cancel-item--bottom .cancel-item__subtitle {
    padding-bottom: 2rem
}

.cancel__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.6rem;
    margin-right: -1.6rem
}

.cancel__list > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.cancel__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

@media (min-width: 768px) {
    .cancel__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media (min-width: 992px) {
    .cancel__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media screen and (min-width: 768px) {
    .cancel__item {
        margin-bottom: 3.2rem
    }
}

.centers {
    overflow: hidden
}

.centers__container {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width: 768px) {
    .centers__container {
        padding-left: 2rem
    }
}

@media screen and (min-width: 1320px) {
    .centers__container {
        padding-left: calc((100vw - 130rem) / 2);
        padding-right: 0;
        max-width: 100%;
        width: 100%
    }
}

.centers__title {
    padding-left: 2rem;
    padding-right: 2rem
}

@media screen and (min-width: 768px) {
    .centers__title {
        padding: 0
    }
}

.centers__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.6rem;
    margin-right: -1.6rem
}

.centers__row > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.centers__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

@media (min-width: 768px) {
    .centers__col--akkordion {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media (min-width: 992px) {
    .centers__col--akkordion {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media (min-width: 768px) {
    .centers__col--map {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media (min-width: 992px) {
    .centers__col--map {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.centers__address {
    margin-bottom: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem
}

@media screen and (min-width: 768px) {
    .centers__address {
        margin-bottom: 2rem;
        padding: 0
    }
}

.centers__phone {
    display: inline-block;
    font-weight: 600;
    margin-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem
}

@media screen and (min-width: 768px) {
    .centers__phone {
        margin-bottom: 0;
        padding: 0
    }
}

.centers__phone:focus-visible, .centers__phone:hover {
    text-decoration: underline
}

.centers__map {
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .centers__map {
        margin: 0
    }
}

@media screen and (min-width: 768px) {
    .centers__map--mobile {
        display: none
    }
}

.centers__map--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .centers__map--desktop {
        display: block
    }
}

.centers__map:before {
    content: '';
    display: block;
    padding-top: 100%
}

@media screen and (min-width: 768px) {
    .centers__map:before {
        padding-top: 45%
    }
}

.centers__map .centers-map-mobile, .centers__map .centers__map-container, .centers__map img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.centers .centers-map-mobile * {
    -ms-touch-action: auto;
    touch-action: auto
}

.centers .ac:last-child {
    border-bottom: none
}

.centers .ac-header {
    padding-left: 2rem;
    padding-right: 2rem
}

@media screen and (min-width: 768px) {
    .centers .ac-header {
        padding: 0
    }
}

.centers .ac-trigger {
    font-size: 1.8rem;
    padding: 2rem 5rem 2rem 0
}

@media screen and (min-width: 768px) {
    .centers .ac-trigger {
        font-size: 2.4rem;
        padding: 2.5rem 8rem 2.5rem 0
    }
}

@media screen and (min-width: 1320px) {
    .centers .ac-trigger {
        font-size: 3rem
    }
}

.centers .ac-trigger:after {
    content: '';
    font-weight: 300;
    font-size: 3.2rem;
    width: 5rem;
    height: 100%;
    right: 0;
    text-align: right;
    line-height: 1;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='7' viewBox='0 0 12 7' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.38783 6.348c.088.088.188.132.3.132.128 0 .256-.064.384-.192l5.11197-5.04c.064-.064.12-.128.168-.192.048-.056.072-.108.072-.156 0-.072-.04-.148-.12-.228l-.48-.48c-.088-.088-.172-.1319999-.252-.1319999-.104 0-.228.0719999-.372.2159999l-4.52397 4.404-4.512-4.464c-.144-.1440004-.268004-.21600046-.372004-.21600046-.08-.00000001-.151999.03200006-.215999.09600006l-.444001.4320004c-.0879999.088-.1319996.188-.13199961.3 0 .144.06000041.264.18000061.36z' fill='currentColor'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 1.5rem 1.5rem
}

@media screen and (min-width: 768px) {
    .centers .ac-trigger:after {
        font-size: 6.4rem;
        width: 8rem;
        background-size: 2rem 2rem
    }
}

.centers .ac-panel .ac-text {
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 400;
    padding: 0
}

@media screen and (min-width: 768px) {
    .centers .ac-panel .ac-text {
        font-size: 1.8rem;
        padding-bottom: 3.5rem
    }
}

.centers .ac.is-active > .ac-header .ac-trigger {
    color: #8bb733
}

.centers .ac.is-active > .ac-header .ac-trigger:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='10' viewBox='0 0 17 10' width='17' xmlns='http://www.w3.org/2000/svg' color='%238BB733'%3E%3Cpath d='m8.83045.193091c-.12874-.1287408-.27504-.19310997-.43889-.19310997-.18726-.00000001-.37452.09362987-.56178.28088997l-7.478667 7.373329c-.09363.09363-.175556.18726-.245779.28089-.0702226.08193-.10533398.158-.10533398.22822-.00000001.10534.05851918.21652.17555798.33356l.702221.70222c.128741.12874.251631.19311.368671.19311.15214 0 .33355-.10533.54422-.316l6.61844-6.44289 6.60089 6.53067c.2107.21067.3921.316.5442.316.1171 0 .2224-.04681.316-.14044l.6496-.632c.1287-.12874.1931-.27504.1931-.43889 0-.21067-.0878-.38623-.2633-.52667z' fill='%238bb733'/%3E%3C/svg%3E");
    top: 50%
}

.certificates {
    position: relative;
    overflow: hidden;
    margin-right: -2rem;
    margin-top: 4rem
}

@media screen and (min-width: 480px) {
    .certificates {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .certificates {
        margin-top: 7rem
    }
}

@media screen and (min-width: 1320px) {
    .certificates {
        margin-top: 11rem
    }
}

.certificates__slider {
    width: 60%;
    overflow: visible;
    margin-left: 0
}

@media screen and (min-width: 480px) {
    .certificates__slider {
        width: 100%;
        overflow: hidden;
        margin-left: auto
    }
}

@media screen and (min-width: 1320px) {
    .certificates__slider {
        height: 60.2rem
    }
}

@media screen and (min-width: 1320px) {
    .certificates .swiper-slide-visible.swiper-slide-active {
        width: calc(30% - 3rem)
    }
}

@media screen and (min-width: 1320px) {
    .certificates .swiper-slide-visible.swiper-slide-next {
        width: calc(30% - 3rem)
    }
}

@media screen and (min-width: 1320px) {
    .certificates .swiper-slide-visible.swiper-slide-next + .swiper-slide-visible {
        width: calc(40%)
    }
}

@media screen and (min-width: 1320px) {
    .certificates .swiper-slide {
        width: calc(30% - 3rem);
        -webkit-transition: width .35s cubic-bezier(.75, .5, 0, 1);
        transition: width .35s cubic-bezier(.75, .5, 0, 1)
    }
}

.certificates__img {
    border: 1px solid rgba(61, 61, 61, .5)
}

.certificates__img img {
    width: 100%;
    max-height: 60rem;
    margin: 0 auto;
    height: 100%;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain
}

.certificates__bottom {
    padding-top: 3rem;
    padding-right: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 768px) {
    .certificates__bottom {
        padding-right: 0
    }
}

@media screen and (min-width: 1320px) {
    .certificates__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
        width: calc(30% - 3rem);
        margin-left: calc(30%);
        position: absolute;
        bottom: 0;
        font-size: 2.2rem;
        font-weight: 500
    }
}

.certificates__pagination {
    font-size: 1.8rem;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .certificates__pagination {
        text-align: center
    }
}

@media screen and (min-width: 1320px) {
    .certificates__pagination {
        text-align: left;
        margin-bottom: 3rem
    }
}

@media screen and (min-width: 1320px) {
    .certificates__pagination .swiper-pagination-current {
        font-size: 4.8rem
    }
}

.certificates__pagination-custom {
    display: none
}

@media screen and (min-width: 1320px) {
    .certificates__pagination-custom {
        display: block
    }
}

.certificates__navigation {
    position: relative
}

.certificates__navigation--top {
    display: none
}

@media screen and (min-width: 768px) {
    .certificates__navigation--top {
        display: block
    }
}

@media screen and (min-width: 768px) {
    .certificates__navigation--bottom {
        display: none
    }
}

.certificates__next, .certificates__prev {
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 3rem;
    height: 3rem;
    top: 0;
    color: #292929
}

@media screen and (min-width: 768px) {
    .certificates__next, .certificates__prev {
        top: -1.5rem
    }
}

@media screen and (min-width: 768px) {
    .certificates__next, .certificates__prev {
        width: 5rem;
        height: 4.5rem;
        top: -2.45rem
    }
}

@media screen and (min-width: 992px) {
    .certificates__next, .certificates__prev {
        width: 6rem;
        height: 5.5rem;
        top: -2.75rem
    }
}

.certificates__next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='24' viewBox='0 0 58 24' width='58' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m57.0607 10.9393c.5857.5858.5857 1.5356 0 2.1214l-9.546 9.5459c-.5858.5858-1.5355.5858-2.1213 0s-.5858-1.5355 0-2.1213l8.4853-8.4853-8.4853-8.48528c-.5858-.58579-.5858-1.53553 0-2.12132.5858-.585789 1.5355-.585789 2.1213 0zm-57.0607-.4393h56v3h-56z' fill='%23292929'/%3E%3C/svg%3E");
    right: 0
}

@media screen and (min-width: 768px) {
    .certificates__next {
        right: 0;
        left: auto
    }
}

.certificates__prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='24' viewBox='0 0 58 24' width='58' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.939339 10.9393c-.585785.5858-.585785 1.5356 0 2.1214l9.545961 9.5459c.5858.5858 1.5355.5858 2.1213 0s.5858-1.5355 0-2.1213l-8.48528-8.4853 8.48528-8.48528c.5858-.58579.5858-1.53553 0-2.12132-.5858-.585789-1.5355-.585789-2.1213 0zm57.060661-.4393h-56v3h56z' fill='currentColor'/%3E%3C/svg%3E");
    right: 6rem
}

@media screen and (min-width: 768px) {
    .certificates__prev {
        right: 6rem;
        left: auto
    }
}

@media screen and (min-width: 768px) {
    .certificates__prev {
        right: 10rem
    }
}

@media screen and (min-width: 1320px) {
    .certificates__prev {
        right: 13rem
    }
}

.cost-accordion .ac .ac-panel .ac-text {
    width: 100%;
    max-width: none;
    color: #292929
}

.cost-information__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    margin-bottom: 3.5rem
}

.cost-information__list > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media screen and (min-width: 992px) {
    .cost-information__list {
        margin-bottom: 7rem
    }
}

.cost-information__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

@media (min-width: 768px) {
    .cost-information__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.cost-information__item-content {
    position: relative;
    height: 100%;
    padding: 2rem 0 2rem 2rem;
    border-top: 1px solid rgba(61, 61, 61, .5)
}

@media screen and (min-width: 768px) {
    .cost-information__item-content {
        padding: 2.5rem 0 2.5rem 5rem
    }
}

.cost-information__item-content:before {
    content: '';
    position: absolute;
    width: .7rem;
    height: .7rem;
    background-color: #8bb733;
    border-radius: 50%;
    left: 0;
    top: 2.5rem
}

@media screen and (min-width: 768px) {
    .cost-information__item-content:before {
        width: 1rem;
        height: 1rem;
        top: 3rem
    }
}

@media screen and (min-width: 1320px) {
    .cost-information__item-content:before {
        top: 3.5rem
    }
}

.cost-information__item-title {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .cost-information__item-title {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .cost-information__item-title {
        font-size: 2.2rem
    }
}

.cost-information__item-text {
    font-size: 1.4rem
}

@media screen and (min-width: 768px) {
    .cost-information__item-text {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .cost-information__item-text {
        font-size: 2.2rem
    }
}

.cost-information__text {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    max-width: 90rem
}

@media screen and (min-width: 768px) {
    .cost-information__text {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .cost-information__text {
        font-size: 2.2rem;
        margin-bottom: 4.5rem
    }
}

.cost-table {
    position: relative
}

.cost-table:after {
    content: '';
    width: 5rem;
    background: -webkit-gradient(linear, right top, left top, color-stop(17.51%, #fff), color-stop(55.93%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(right, #fff 17.51%, rgba(255, 255, 255, 0) 55.93%);
    background: linear-gradient(270deg, #fff 17.51%, rgba(255, 255, 255, 0) 55.93%);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (min-width: 992px) {
    .cost-table:after {
        display: none
    }
}

.cost-table__wrap {
    overflow-x: auto
}

.cost-table__table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 94.2rem
}

@media screen and (min-width: 992px) {
    .cost-table__table {
        width: 100%
    }
}

.cost-table__table th {
    font-size: 1.4rem;
    font-weight: 400;
    color: rgba(41, 41, 41, .7);
    padding: 2rem 1rem;
    border-bottom: 1px solid rgba(54, 54, 54, .8);
    text-align: left
}

.cost-table__table td {
    font-size: 1.6rem;
    font-weight: 500;
    padding: 2.5rem 1rem;
    border-bottom: 1px solid rgba(61, 61, 61, .3)
}

@media screen and (min-width: 768px) {
    .cost-table__table td {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .cost-table__table td {
        font-size: 2rem
    }
}

.cost-table__table td span {
    color: rgba(41, 41, 41, .5)
}

.cost-table__table tr:last-child td {
    border: none
}

.cost-table__icon {
    position: absolute;
    right: 0;
    top: 6rem;
    -webkit-animation: linear infinite;
    animation: linear infinite;
    -webkit-animation-name: swipe;
    animation-name: swipe;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    z-index: 1
}

@media screen and (min-width: 992px) {
    .cost-table__icon {
        display: none
    }
}

@-webkit-keyframes swipe {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes swipe {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.discounts-item {
    border: 1px solid rgba(54, 54, 54, .8);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.discounts-item__content {
    padding: 2.5rem 2rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 1320px) {
    .discounts-item__content {
        padding: 4.5rem 4rem
    }
}

.discounts-item__title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .discounts-item__title {
        font-size: 2rem
    }
}

@media screen and (min-width: 1320px) {
    .discounts-item__title {
        font-size: 2.4rem
    }
}

.discounts-item__text {
    font-size: 1.4rem;
    line-height: 1.44;
    color: rgba(41, 41, 41, .8)
}

@media screen and (min-width: 768px) {
    .discounts-item__text {
        font-size: 1.6rem
    }
}

@media screen and (min-width: 1320px) {
    .discounts-item__text {
        font-size: 1.8rem
    }
}

.discounts-item__percent {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 28%;
    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;
    border-left: 1px solid rgba(54, 54, 54, .8)
}

.discounts-item__num {
    font-size: 2.4rem;
    font-weight: 500;
    color: #8bb733
}

@media screen and (min-width: 768px) {
    .discounts-item__num {
        font-size: 2.6rem
    }
}

@media screen and (min-width: 1320px) {
    .discounts-item__num {
        font-size: 3rem
    }
}

.discounts__title {
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .discounts__title {
        margin-bottom: 2.5rem
    }
}

@media screen and (min-width: 1320px) {
    .discounts__title {
        margin-bottom: 3.5rem
    }
}

.discounts__text {
    font-size: 1.6rem;
    font-weight: 500;
    max-width: 90rem
}

@media screen and (min-width: 768px) {
    .discounts__text {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .discounts__text {
        font-size: 2.2rem
    }
}

.discounts__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    margin-bottom: 4rem
}

.discounts__list > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media screen and (min-width: 768px) {
    .discounts__list {
        margin-bottom: 6rem
    }
}

@media screen and (min-width: 1320px) {
    .discounts__list {
        margin-bottom: 8.5rem
    }
}

.discounts__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin-bottom: 1.6rem
}

@media (min-width: 768px) {
    .discounts__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media screen and (min-width: 768px) {
    .discounts__item {
        margin-bottom: 3rem
    }
}

.field-checkbox {
    display: block
}

.field-checkbox__title {
    font-size: 2.4rem;
    font-weight: 400;
    margin-bottom: 2rem
}

.field-checkbox__input-wrap + .field-checkbox__input-wrap {
    margin-top: 2rem
}

.field-checkbox__input-wrap--error .field-checkbox__help-text, .field-checkbox__input-wrap--error .field-checkbox__name-text {
    color: #d8544f
}

.field-checkbox__name {
    display: inline-block;
    position: relative;
    padding-left: 4rem;
    font-weight: 400;
    line-height: 1.3
}

.field-checkbox__name-text {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 300
}

.field-checkbox__name-text:hover:before {
    border-color: rgba(61, 61, 61, .8)
}

input:disabled ~ .field-checkbox__name-text {
    cursor: not-allowed
}

.field-checkbox__name-text:before {
    content: '';
    position: absolute;
    top: .4rem;
    left: 0;
    width: 2rem;
    height: 2rem;
    border: 1px solid #292929
}

input:checked ~ .field-checkbox__name-text:before {
    border-color: rgba(61, 61, 61, .8);
    background-color: rgba(61, 61, 61, .8)
}

input:focus-visible ~ .field-checkbox__name-text:before {
    border-color: rgba(61, 61, 61, .8)
}

input:disabled ~ .field-checkbox__name-text:before {
    border-color: rgba(61, 61, 61, .8);
    background: #ccc
}

.field-checkbox__name-text:after {
    content: '';
    position: absolute;
    top: .4rem;
    left: 0;
    width: 2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='10' viewBox='0 0 10 10' width='10' xmlns='http://www.w3.org/2000/svg' color='%23ffffff'%3E%3Cpath d='m2.04999 5.87005 1.61 1.61 4.3-4.3' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.2rem 1.2rem;
    background-position: 50% 50%;
    opacity: 0
}

input:checked ~ .field-checkbox__name-text:after {
    opacity: 1
}

input:checked:disabled ~ .field-checkbox__name-text:after {
    border-color: rgba(61, 61, 61, .8)
}

.field-checkbox__input {
    position: absolute;
    top: .7em;
    left: 0;
    margin: 0;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.field-checkbox__input:active, .field-checkbox__input:focus {
    outline: 0
}

.field-checkbox__help-text-wrap {
    padding-left: 1.5em
}

.field-checkbox__help-text {
    display: block;
    font-size: 1.6rem;
    line-height: 1.3
}

.field-checkbox__help-text:empty {
    display: none
}

.field-text {
    display: block;
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .field-text {
        margin-bottom: 3.5rem
    }
}

.field-text__name {
    display: block;
    margin-bottom: .4em;
    line-height: 1.3;
    font-weight: 700
}

.field-text__input-wrap {
    display: block
}

.field-text__input {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #292929;
    min-height: calc(1.3em + 1.5rem + 1.5rem + .2rem);
    margin: 0;
    border: none;
    border-bottom: 1px solid rgba(61, 61, 61, .5);
    border-radius: 0;
    padding: 1.5rem .5rem;
    line-height: 1.3;
    font-size: 1.6rem;
    font-weight: 100;
    font-family: inherit;
    background-color: transparent;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    -webkit-transition: -webkit-box-shadow .1s linear;
    transition: -webkit-box-shadow .1s linear;
    transition: box-shadow .1s linear;
    transition: box-shadow .1s linear, -webkit-box-shadow .1s linear
}

.field-text__input:focus-visible {
    outline: 0
}

.field-text__input[disabled], .field-text__input[readonly] {
    cursor: not-allowed;
    background-color: #ccc
}

.field-text__input::-webkit-inner-spin-button, .field-text__input::-webkit-outer-spin-button, .field-text__input::-webkit-search-cancel-button, .field-text__input::-webkit-search-decoration {
    -webkit-appearance: none
}

.field-text__input[type=color] {
    padding: 0
}

.field-text__input::-webkit-input-placeholder {
    color: rgba(61, 61, 61, .8)
}

.field-text__input::-moz-placeholder {
    color: rgba(61, 61, 61, .8)
}

.field-text__input:-ms-input-placeholder {
    color: rgba(61, 61, 61, .8)
}

.field-text__input::-ms-input-placeholder {
    color: rgba(61, 61, 61, .8)
}

.field-text__input::placeholder {
    color: rgba(61, 61, 61, .8)
}

textarea.field-text__input {
    height: auto;
    min-height: calc(3.26rem + .2rem);
    resize: vertical
}

.field-text__help-text {
    display: block;
    font-size: 1.6rem;
    line-height: 1.3
}

.field-text__help-text:empty {
    display: none
}

.field-text--error .field-text__help-text, .field-text--error .field-text__input, .field-text--error .field-text__name {
    color: #d8544f
}

.field-text--error .field-text__input {
    border-color: #d8544f;
    background-color: #f9e2e2
}

.field-text--search {
    margin-bottom: 0
}

.field-text--search .field-text__input-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.field-text--search .field-text__input {
    border: none;
    border-bottom: 1px solid rgba(61, 61, 61, .5);
    padding-top: .5rem;
    padding-bottom: .5rem;
    min-height: 3.3rem
}

.field-text--search .field-text__input:focus {
    outline: 0;
    border-bottom: 1px solid rgba(54, 54, 54, .8)
}

.field-text--search .field-text__help-text {
    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: 4rem;
    cursor: pointer;
    border: none;
    background-color: transparent
}

.footer {
    background: -webkit-linear-gradient(153.19deg, rgba(219, 224, 112, .16) 13.01%, rgba(255, 255, 255, .16) 56.45%);
    background: linear-gradient(296.81deg, rgba(219, 224, 112, .16) 13.01%, rgba(255, 255, 255, .16) 56.45%);
    border-top: 1px solid rgba(61, 61, 61, .5)
}

.footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 4rem 0
}

@media screen and (min-width: 768px) {
    .footer__top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width: 992px) {
    .footer__top {
        padding: 7rem 0 10rem
    }
}

.footer__logo {
    margin-right: 4rem
}

@media screen and (min-width: 1320px) {
    .footer__logo {
        margin-right: 7rem
    }
}

@media screen and (min-width: 992px) {
    .footer__logo svg {
        width: 12.4rem;
        height: 7.3rem
    }
}

.footer__list {
    width: 25%;
    margin-right: 3rem;
    display: none
}

@media screen and (min-width: 992px) {
    .footer__list {
        display: block
    }
}

@media screen and (min-width: 1320px) {
    .footer__list {
        margin-right: 5rem;
        width: 20%
    }
}

.footer__list-link {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 4rem;
    font-weight: 500;
    color: #292929
}

.footer__list-link:focus-visible, .footer__list-link:hover {
    color: #8bb733
}

.footer__contacts {
    width: 100%;
    margin-bottom: 3.5rem
}

@media screen and (min-width: 768px) {
    .footer__contacts {
        width: 50%;
        margin-right: 5rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .footer__contacts {
        width: 30%
    }
}

.footer__select {
    max-width: 15rem;
    width: 100%
}

.footer__contacts-text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 1.6rem
}

@media screen and (min-width: 992px) {
    .footer__contacts-text {
        margin-bottom: 3.5rem
    }
}

.footer__contacts-text br {
    display: none
}

@media screen and (min-width: 1320px) {
    .footer__contacts-text br {
        display: inline
    }
}

.footer__contacts-phone {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: #8bb733
}

.footer__contacts-phone:focus-visible, .footer__contacts-phone:hover {
    text-decoration: underline
}

.footer__request {
    width: 100%;
    margin-bottom: 3.5rem
}

@media screen and (min-width: 768px) {
    .footer__request {
        margin-bottom: 0;
        width: 50%
    }
}

@media screen and (min-width: 992px) {
    .footer__request {
        width: 30%
    }
}

.footer__request-title {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1.1rem
}

.footer__request-text {
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 2.5rem
}

.footer__input {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 30rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px dashed #292929;
    border-radius: 50px;
    background-color: #fff
}

.footer__input input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: none;
    background-color: transparent;
    min-height: 5rem;
    line-height: 5rem;
    padding: 0 2.5rem;
    -webkit-transition: .2s;
    transition: .2s
}

.footer__input input:focus {
    outline: 0
}

.footer__input .btn {
    width: 5rem;
    height: 5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    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;
    margin-right: 1rem;
    color: #8bb733
}

.footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .footer__social--mobile {
        display: none
    }
}

.footer__social--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .footer__social--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.footer__social-link {
    width: 2.5rem;
    height: 2.5rem;
    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;
    margin-right: 2.5rem;
    color: #3d3d3d;
    -webkit-transition: color .2s;
    transition: color .2s
}

.footer__social-link:last-child {
    margin-right: 0
}

.footer__social-link:focus-visible, .footer__social-link:hover {
    color: #8bb733
}

.footer__social-link:focus-visible svg, .footer__social-link:hover svg {
    opacity: 1
}

.footer__social-link svg {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: .25
}

.footer__bottom {
    border-top: 1px solid rgba(61, 61, 61, .5);
    padding: 2.5rem 0
}

@media screen and (min-width: 1320px) {
    .footer__bottom {
        padding: 4.4rem 0
    }
}

.footer__bottom-wrap {
    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
}

@media screen and (min-width: 768px) {
    .footer__bottom-wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.footer__copy {
    font-size: 1.4rem;
    line-height: 2.4rem
}

@media screen and (min-width: 992px) {
    .footer__copy {
        font-size: 1.8rem
    }
}

.footer .select2-selection--single {
    border: none;
    font-weight: 700;
    height: 4rem;
    background-color: transparent
}

.footer .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 4rem;
    padding-left: 0
}

.footer .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='7' viewBox='0 0 12 7' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.38783 6.348c.088.088.188.132.3.132.128 0 .256-.064.384-.192l5.11197-5.04c.064-.064.12-.128.168-.192.048-.056.072-.108.072-.156 0-.072-.04-.148-.12-.228l-.48-.48c-.088-.088-.172-.1319999-.252-.1319999-.104 0-.228.0719999-.372.2159999l-4.52397 4.404-4.512-4.464c-.144-.1440004-.268004-.21600046-.372004-.21600046-.08-.00000001-.151999.03200006-.215999.09600006l-.444001.4320004c-.0879999.088-.1319996.188-.13199961.3 0 .144.06000041.264.18000061.36z' fill='currentColor'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.footer .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.footer .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-dropdown-footer {
    font-weight: 500;
    width: 25rem !important;
    margin-left: -5rem;
    border-radius: 0;
    border: 1px solid rgba(54, 54, 54, .8)
}

.select-dropdown-footer.select2-dropdown--below {
    border-top: 1px solid rgba(54, 54, 54, .8)
}

.select-dropdown-footer.select2-dropdown--above {
    border-bottom: 1px solid rgba(54, 54, 54, .8)
}

.select-dropdown-footer .select2-results__options {
    background: -webkit-radial-gradient(96.83% 95.83%, 68.65% 66.95%, rgba(221, 225, 117, .09) 25%, rgba(255, 255, 255, .09) 100%), -webkit-linear-gradient(220.62deg, rgba(241, 244, 167, .05) 40.73%, rgba(0, 0, 0, 0) 116.12%), #f4f5f6;
    background: radial-gradient(68.65% 66.95% at 96.83% 95.83%, rgba(221, 225, 117, .09) 25%, rgba(255, 255, 255, .09) 100%), linear-gradient(229.38deg, rgba(241, 244, 167, .05) 40.73%, rgba(0, 0, 0, 0) 116.12%), #f4f5f6
}

.select-dropdown-footer .select2-results__option {
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    border-bottom: 1px solid rgba(54, 54, 54, .8);
    text-align: center;
    font-weight: 600;
    -webkit-transition: color .2s;
    transition: color .2s
}

.select-dropdown-footer .select2-results__option:last-child {
    border-bottom: none
}

.select-dropdown-footer .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent;
    color: #8bb733
}

.select-dropdown-footer .select2-results__option--selected {
    background-color: transparent;
    color: #8bb733
}

.franchise-contacts__title {
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .franchise-contacts__title {
        margin-bottom: 2rem
    }
}

.franchise-contacts__big-text {
    max-width: 65rem;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 992px) {
    .franchise-contacts__big-text {
        font-size: 2.4rem
    }
}

.franchise-contacts__big-text span {
    color: #8bb733
}

.franchise-contacts__text {
    max-width: 90rem;
    font-size: 1.6rem;
    color: rgba(41, 41, 41, .8);
    margin-bottom: 2.5rem
}

@media screen and (min-width: 768px) {
    .franchise-contacts__text {
        font-size: 1.8rem;
        margin-bottom: 3rem
    }
}

@media screen and (min-width: 1320px) {
    .franchise-contacts__text {
        font-size: 2.2rem;
        margin-bottom: 4.5rem
    }
}

.franchise-contacts__subtitle {
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 2.5rem
}

@media screen and (min-width: 992px) {
    .franchise-contacts__subtitle {
        font-size: 3rem
    }
}

.franchise-contacts__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .franchise-contacts__contacts {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.franchise-contacts__phone {
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .franchise-contacts__phone {
        margin-bottom: 0
    }
}

.franchise-contacts__phone-link {
    color: #292929;
    font-size: 1.8rem;
    font-weight: 500
}

@media screen and (min-width: 992px) {
    .franchise-contacts__phone-link {
        font-size: 2.4rem
    }
}

.franchise-contacts__phone-link:focus-visible, .franchise-contacts__phone-link:hover {
    text-decoration: underline
}

.franchise-contacts__phone-name {
    font-size: 1.6rem;
    color: rgba(41, 41, 41, .8)
}

@media screen and (min-width: 768px) {
    .franchise-contacts__phone-name {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .franchise-contacts__phone-name {
        font-size: 2.2rem
    }
}

.franchise-contacts__email {
    display: block;
    color: #292929;
    font-size: 1.8rem;
    font-weight: 500
}

@media screen and (min-width: 768px) {
    .franchise-contacts__email {
        margin-left: 5rem
    }
}

@media screen and (min-width: 992px) {
    .franchise-contacts__email {
        font-size: 2.4rem;
        margin-left: 10rem
    }
}

.franchise-contacts__email:focus-visible, .franchise-contacts__email:hover {
    text-decoration: underline
}

.franchise-form {
    position: relative;
    padding-top: 4rem
}

@media screen and (min-width: 768px) {
    .franchise-form {
        border-top: none
    }
}

@media screen and (min-width: 992px) {
    .franchise-form {
        padding-top: 7.5rem
    }
}

.franchise-form:before {
    content: '';
    position: absolute;
    width: 100%;
    height: .1rem;
    background-color: rgba(61, 61, 61, .5);
    top: 0;
    left: 0
}

@media screen and (min-width: 768px) {
    .franchise-form:before {
        width: calc(100% - 4rem);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media screen and (min-width: 1320px) {
    .franchise-form:before {
        width: calc(132rem - 4rem)
    }
}

.franchise-form__title {
    font-size: 2.4rem;
    line-height: 1.1;
    font-weight: 600;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .franchise-form__title {
        font-size: 3rem;
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 1320px) {
    .franchise-form__title {
        font-size: 3.6rem
    }
}

@media screen and (min-width: 768px) {
    .franchise-form__title--mobile {
        display: none
    }
}

.franchise-form__title--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .franchise-form__title--desktop {
        display: block
    }
}

.franchise-form__text {
    display: none
}

@media screen and (min-width: 768px) {
    .franchise-form__text {
        display: block
    }
}

.franchise-form__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -2rem;
    margin-right: -2rem
}

@media screen and (min-width: 768px) {
    .franchise-form__row {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
}

.franchise-form__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.franchise-form__col--image {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 3.5rem
}

@media screen and (min-width: 768px) {
    .franchise-form__col--image {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.franchise-form__col--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: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 768px) {
    .franchise-form__col--form {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.franchise-form__img {
    height: 100%
}

@media screen and (min-width: 768px) {
    .franchise-form__img {
        max-width: 65rem
    }
}

.franchise-form__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.franchise-form__subtitle {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1rem
}

@media screen and (min-width: 992px) {
    .franchise-form__subtitle {
        font-size: 2.4rem;
        margin-bottom: 3rem
    }
}

.franchise-form__text {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 2rem
}

@media screen and (min-width: 992px) {
    .franchise-form__text {
        font-size: 2rem;
        margin-bottom: 3rem
    }
}

.franchise-form__btn {
    width: 100%;
    margin: 2.5rem auto 0
}

@media screen and (min-width: 480px) {
    .franchise-form__btn {
        max-width: 29.5rem
    }
}

@media screen and (min-width: 768px) {
    .franchise-form__btn {
        margin: 4.5rem 0 0
    }
}

.franchise__content {
    position: relative;
    margin-bottom: 4rem;
    border-bottom: 1px solid transparent
}

@media screen and (min-width: 768px) {
    .franchise__content {
        border-bottom: 1px solid rgba(61, 61, 61, .5)
    }
}

@media screen and (min-width: 992px) {
    .franchise__content {
        margin-bottom: 5.5rem
    }
}

.franchise__content:after {
    /*content: '';*/
    /*position: absolute;*/
    /*height: .1rem;*/
    /*width: calc(100% + 4rem);*/
    /*left: -2rem;*/
    /*bottom: 0;*/
    /*background-color: rgba(61, 61, 61, .5)*/
}

@media screen and (min-width: 768px) {
    .franchise__content:after {
        display: none
    }
}

.franchise__content:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.franchise__title {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .franchise__title {
        font-size: 2rem;
        margin-bottom: 3rem
    }
}

@media screen and (min-width: 1320px) {
    .franchise__title {
        font-size: 3rem
    }
}

.franchise__text {
    color: rgba(41, 41, 41, .8);
    max-width: 96rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .franchise__text {
        font-size: 1.8rem;
        margin-bottom: 2.5rem
    }
}

@media screen and (min-width: 1320px) {
    .franchise__text {
        font-size: 2.2rem;
        margin-bottom: 3rem
    }
}

.franchise__file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #292929;
    margin-bottom: 2.5rem
}

@media screen and (min-width: 768px) {
    .franchise__file {
        margin-bottom: 3.5rem
    }
}

@media screen and (min-width: 1320px) {
    .franchise__file {
        margin-bottom: 5rem
    }
}

.franchise__file-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    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: 6rem;
    height: 6rem;
    border: 1px solid #8bb733;
    border-radius: 50%;
    color: #8bb733;
    background: -webkit-linear-gradient(176.3deg, rgba(221, 225, 117, .36) 4.79%, rgba(221, 225, 117, 0) 107.02%);
    background: linear-gradient(273.7deg, rgba(221, 225, 117, .36) 4.79%, rgba(221, 225, 117, 0) 107.02%);
    margin-right: 1.8rem
}

.franchise__file-text {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: .5rem
}

@media screen and (min-width: 768px) {
    .franchise__file-text {
        font-size: 2rem
    }
}

@media screen and (min-width: 1320px) {
    .franchise__file-text {
        font-size: 2.4rem
    }
}

.franchise__file-descr {
    font-size: 1.4rem;
    font-weight: 300
}

@media screen and (min-width: 768px) {
    .franchise__file-descr {
        font-size: 1.6rem
    }
}

@media screen and (min-width: 1320px) {
    .franchise__file-descr {
        font-size: 2.2rem
    }
}

.franchise__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.6rem;
    margin-right: -1.6rem
}

.franchise__list > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.franchise__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin-bottom: 2.5rem
}

@media (min-width: 768px) {
    .franchise__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media screen and (min-width: 992px) {
    .franchise__item {
        margin-bottom: 3rem
    }
}

.franchise__item-text {
    position: relative;
    height: 100%;
    font-size: 1.6rem;
    font-weight: 400;
    padding-left: 1.8rem
}

@media screen and (min-width: 768px) {
    .franchise__item-text {
        padding-bottom: 2.5rem;
        border-bottom: 1px solid rgba(61, 61, 61, .5)
    }
}

@media screen and (min-width: 992px) {
    .franchise__item-text {
        font-size: 2.2rem;
        font-weight: 500;
        padding-left: 5rem
    }
}

.franchise__item-text:before {
    content: '';
    position: absolute;
    width: .7rem;
    height: .7rem;
    background-color: #8bb733;
    border-radius: 50%;
    left: 0;
    top: .6rem
}

@media screen and (min-width: 992px) {
    .franchise__item-text:before {
        width: 1.1rem;
        height: 1.1rem;
        top: 1rem
    }
}

.header-bottom {
    display: none
}

@media screen and (min-width: 992px) {
    .header-bottom {
        display: block
    }
}

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

.header-bottom__item {
    position: relative
}

.header-bottom__item:first-child .header-bottom__link {
    padding-left: 0
}

@media screen and (max-width: 1453px) {
    .header-bottom__item:first-child .header-bottom__submenu {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.header-bottom__item:last-child .header-bottom__link {
    padding-right: 0
}

@media screen and (max-width: 1453px) {
    .header-bottom__item:last-child .header-bottom__submenu {
        left: auto;
        right: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.header-bottom__item:hover .header-bottom__link {
    color: #8bb733
}

.header-bottom__item:hover .header-bottom__link:after {
    display: block
}

.header-bottom__item:hover .header-bottom__submenu {
    display: block
}

.header-bottom__link {
    position: relative;
    padding: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 6rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #292929;
    font-weight: 600;
    -webkit-transition: color .2s;
    transition: color .2s
}

@media screen and (min-width: 1320px) {
    .header-bottom__link {
        padding: 1rem 1.5rem
    }
}

.header-bottom__link:after {
    content: '';
    display: none;
    height: .5rem;
    width: calc(100% - 1rem);
    background-color: #8bb733;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 1320px) {
    .header-bottom__link:after {
        width: calc(100% - 2rem)
    }
}

.header-bottom__submenu {
    display: none;
    position: absolute;
    z-index: 10;
    width: 25rem;
    background: -webkit-radial-gradient(96.83% 95.83%, 68.65% 66.95%, rgba(221, 225, 117, .09) 25%, rgba(255, 255, 255, .09) 100%), -webkit-linear-gradient(220.62deg, rgba(241, 244, 167, .05) 40.73%, rgba(0, 0, 0, 0) 116.12%), #f4f5f6;
    background: radial-gradient(68.65% 66.95% at 96.83% 95.83%, rgba(221, 225, 117, .09) 25%, rgba(255, 255, 255, .09) 100%), linear-gradient(229.38deg, rgba(241, 244, 167, .05) 40.73%, rgba(0, 0, 0, 0) 116.12%), #f4f5f6;
    border: 1px solid rgba(54, 54, 54, .8);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.header-bottom__submenu--big {
    width: 30rem
}

.header-bottom__subitem:last-child .header-bottom__sublink {
    border-bottom: none
}

.header-bottom__sublink {
    min-height: 5.5rem;
    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;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #292929;
    font-weight: 600;
    -webkit-transition: color .2s;
    transition: color .2s;
    border-bottom: 1px solid rgba(54, 54, 54, .8)
}

.header-bottom__sublink:hover {
    color: #8bb733
}

.header-mobile {
    height: 100%
}

.header-mobile__wrapper {
    position: relative
}

.header-mobile__text {
    height: 7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 700;
    border-bottom: 1px solid rgba(61, 61, 61, .5)
}

.header-mobile__input {
    border: none;
    padding: 0;
    background-color: transparent
}

.header-mobile__input:focus {
    outline: 0
}

.header-mobile__dropdown {
    position: absolute;
    height: calc(100% - 7rem);
    width: 100%;
    background-color: #fff;
    z-index: 1;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-mobile__dropdown--open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-mobile__dropdown-link {
    padding: 1.7rem 2rem;
    font-size: 1.8rem;
    font-weight: 500;
    color: #292929
}

.header-mobile__dropdown-link--active {
    color: #8bb733
}

.header-mobile__menu {
    height: 100%
}

.header-mobile__bottom {
    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
}

.header-mobile__link {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #8bb733;
    font-weight: 500;
    margin-top: 4rem;
    margin-bottom: 2rem
}

.header-mobile__btn {
    width: 100%;
    max-width: 33rem;
    margin-bottom: 2rem
}

.header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    width: 100%;
    align-items: center;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    justify-content: space-between;
}

@media screen and (min-width: 992px) {
    .header-top {
        padding-top: 3rem;
        padding-bottom: 1.5rem;
        border-bottom: none
    }
}

.header-top__link {
    font-size: 1.6rem;
    line-height: 1.625;
    color: #8bb733;
    font-weight: 700;
    display: none
}

@media screen and (min-width: 992px) {
    .header-top__link {
        display: block
    }
}

.header-top__link:focus-visible, .header-top__link:hover {
    text-decoration: underline
}

.header-top__logo {
    /*margin-left: auto;*/
    /*margin-right: auto*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-top__logo img {
    display: inline;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 0;
}

@media screen and (min-width: 992px) {
    .header-top__logo svg {
        width: 12.4rem;
        height: 7.3rem;
    }
}

@media screen and (max-width: 992px) {
    .header-top__logo img {
        width: 100px;
        margin-top: 0;
    }
}

@media screen and (max-width: 440px) {
}

@media screen and (min-width: 992px) {
    .header-top__search {
        margin-left: auto
    }
}

.header-top__select {
    /*margin-right: auto;*/
    max-width: 15rem;
    width: 100%;
    display: none
}

@media screen and (min-width: 992px) {
    .header-top__select {
        display: block
    }
}

.header-top__btn {
    max-width: 24rem;
    width: 100%;
    display: none
}

@media screen and (min-width: 992px) {
    .header-top__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 992px) {
    .header-top__burger {
        display: none
    }
}

.header-top .select2-selection--single {
    border: none;
    font-weight: 700;
    height: 4rem;
    background-color: transparent
}

.header-top .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 4rem
}

.header-top .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='7' viewBox='0 0 12 7' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.38783 6.348c.088.088.188.132.3.132.128 0 .256-.064.384-.192l5.11197-5.04c.064-.064.12-.128.168-.192.048-.056.072-.108.072-.156 0-.072-.04-.148-.12-.228l-.48-.48c-.088-.088-.172-.1319999-.252-.1319999-.104 0-.228.0719999-.372.2159999l-4.52397 4.404-4.512-4.464c-.144-.1440004-.268004-.21600046-.372004-.21600046-.08-.00000001-.151999.03200006-.215999.09600006l-.444001.4320004c-.0879999.088-.1319996.188-.13199961.3 0 .144.06000041.264.18000061.36z' fill='currentColor'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.header-top .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.header-top .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-dropdown-header {
    font-weight: 500;
    width: 25rem !important;
    margin-left: -5rem;
    border-radius: 0;
    border: 1px solid rgba(54, 54, 54, .8)
}

.select-dropdown-header.select2-dropdown--below {
    border-top: 1px solid rgba(54, 54, 54, .8)
}

.select-dropdown-header .select2-results__options {
    background: -webkit-radial-gradient(96.83% 95.83%, 68.65% 66.95%, rgba(221, 225, 117, .09) 25%, rgba(255, 255, 255, .09) 100%), -webkit-linear-gradient(220.62deg, rgba(241, 244, 167, .05) 40.73%, rgba(0, 0, 0, 0) 116.12%), #f4f5f6;
    background: radial-gradient(68.65% 66.95% at 96.83% 95.83%, rgba(221, 225, 117, .09) 25%, rgba(255, 255, 255, .09) 100%), linear-gradient(229.38deg, rgba(241, 244, 167, .05) 40.73%, rgba(0, 0, 0, 0) 116.12%), #f4f5f6
}

.select-dropdown-header .select2-results__option {
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    border-bottom: 1px solid rgba(54, 54, 54, .8);
    text-align: center;
    font-weight: 600;
    -webkit-transition: color .2s;
    transition: color .2s
}

.select-dropdown-header .select2-results__option:last-child {
    border-bottom: none
}

.select-dropdown-header .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent;
    color: #8bb733
}

.select-dropdown-header .select2-results__option--selected {
    background-color: transparent;
    color: #8bb733
}

.header {
    margin-bottom: 3.5rem
}

@media screen and (min-width: 768px) {
    .header {
        margin-bottom: 0
    }
}

.header__wrapper {
    border-bottom: 1px solid rgba(61, 61, 61, .5)
}

.header__mobile {
    visibility: hidden;
    opacity: 0;
    height: calc(100vh - 7.5rem);
    width: 100%;
    background-color: #fff;
    position: absolute;
    z-index: 100;
    overflow-y: auto
}

.header__mobile--shown {
    visibility: visible;
    opacity: 1
}

.level-list {
    border-bottom: 1px solid rgba(61, 61, 61, .5);
    margin-bottom: 3.5rem
}

@media screen and (min-width: 768px) {
    .level-list {
        margin-bottom: 5rem;
        padding-bottom: 3rem
    }
}

.level-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.6rem;
    margin-right: -1.6rem
}

.level-list__list > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.level-list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

@media (min-width: 768px) {
    .level-list__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.level-list__wrap {
    border-top: 1px solid rgba(61, 61, 61, .5);
    padding: 2rem 0
}

@media screen and (min-width: 768px) {
    .level-list__wrap {
        border: none;
        padding: 0;
        margin-bottom: 5rem
    }
}

.level-list__top {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .level-list__top {
        -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
    }
}

.level-list__num {
    font-size: 1.8rem;
    font-weight: 600;
    color: #8bb733;
    margin-right: .5rem
}

@media screen and (min-width: 768px) {
    .level-list__num {
        font-size: 2.6rem;
        margin-right: 0;
        width: 100%;
        border-bottom: 1px solid rgba(61, 61, 61, .5);
        margin-bottom: 1.5rem;
        padding-bottom: 1rem
    }
}

@media screen and (min-width: 1320px) {
    .level-list__num {
        font-size: 3.6rem
    }
}

.level-list__title {
    font-size: 1.4rem;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .level-list__title {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .level-list__title {
        font-size: 2rem
    }
}

.level-list__text {
    font-size: 1.4rem
}

@media screen and (min-width: 768px) {
    .level-list__text {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .level-list__text {
        font-size: 2rem
    }
}

.main-about__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.6rem;
    margin-right: -1.6rem
}

.main-about__list > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.main-about__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin-bottom: 2rem
}

@media (min-width: 768px) {
    .main-about__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media screen and (min-width: 768px) {
    .main-about__item {
        margin-bottom: 4rem
    }
}

.main-about__item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid rgba(61, 61, 61, .5);
    padding-top: 1.5rem
}

@media screen and (min-width: 768px) {
    .main-about__item-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 3.5rem
    }
}

.main-about__num {
    font-size: 2rem;
    line-height: 1;
    font-weight: 500;
    color: #8bb733;
    font-style: italic;
    white-space: nowrap;
    margin-right: 1.5rem
}

@media screen and (min-width: 768px) {
    .main-about__num {
        font-size: 3.6rem;
        margin-bottom: 3rem;
        font-style: normal
    }
}

.main-about__title {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .main-about__title {
        font-size: 2.2rem;
        margin-bottom: 2rem
    }
}

.main-about__text {
    max-width: 55rem;
    font-size: 1.4rem;
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .main-about__text {
        font-size: 1.8rem
    }
}

.main-about__btn {
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 480px) {
    .main-about__btn {
        max-width: 35rem
    }
}

@media screen and (min-width: 992px) {
    .main-about__btn {
        display: none
    }
}

.main-cost__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.6rem;
    margin-right: -1.6rem
}

.main-cost__list > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.main-cost__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 2.5rem
}

@media (min-width: 768px) {
    .main-cost__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media (min-width: 1320px) {
    .main-cost__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media screen and (min-width: 992px) {
    .main-cost__item {
        margin-bottom: 4.5rem
    }
}

.main-cost__link {
    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;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(61, 61, 61, .5);
    color: #292929;
    -webkit-transition: border .2s;
    transition: border .2s
}

@media screen and (min-width: 768px) {
    .main-cost__link {
        height: 100%;
        min-height: 25rem
    }
}

@media screen and (min-width: 992px) {
    .main-cost__link {
        min-height: 33rem
    }
}

.main-cost__link:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: -webkit-linear-gradient(138.93deg, rgba(221, 225, 117, .1692) 0, rgba(221, 225, 117, 0) 68.27%);
    background: linear-gradient(311.07deg, rgba(221, 225, 117, .1692) 0, rgba(221, 225, 117, 0) 68.27%);
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.main-cost__link:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 18px 18px 0;
    position: absolute;
    right: 0;
    top: 0;
    border-color: transparent #8bb733 transparent transparent;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.main-cost__link:focus-visible, .main-cost__link:hover {
    border-color: #8bb733
}

.main-cost__link:focus-visible .main-cost__link-bottom, .main-cost__link:hover .main-cost__link-bottom {
    border-color: #8bb733
}

.main-cost__link:focus-visible .main-cost__title, .main-cost__link:hover .main-cost__title {
    color: #8bb733
}

.main-cost__link:focus-visible:after, .main-cost__link:focus-visible:before, .main-cost__link:hover:after, .main-cost__link:hover:before {
    opacity: 1
}

.main-cost__link-top {
    padding: 3rem
}

@media screen and (min-width: 992px) {
    .main-cost__link-top {
        padding: 4rem
    }
}

.main-cost__title {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.2;
    -webkit-transition: color .2s;
    transition: color .2s
}

@media screen and (min-width: 992px) {
    .main-cost__title {
        font-size: 2.4rem
    }
}

.main-cost__text {
    font-size: 1.6rem;
    line-height: 1.4;
    margin-top: 1.5rem
}

@media screen and (min-width: 992px) {
    .main-cost__text {
        font-size: 1.8rem;
        margin-top: 2rem
    }
}

.main-cost__link-bottom {
    padding: 2rem 3rem;
    border-top: 1px solid rgba(61, 61, 61, .5);
    margin-top: auto;
    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 screen and (min-width: 992px) {
    .main-cost__link-bottom {
        padding: 3rem 4rem
    }
}

.main-cost__time {
    font-size: 1.6rem;
    margin-right: 1rem
}

@media screen and (min-width: 992px) {
    .main-cost__time {
        font-size: 1.8rem
    }
}

.main-cost__cost {
    font-size: 1.8rem;
    color: #8bb733;
    font-weight: 600
}

@media screen and (min-width: 1320px) {
    .main-cost__cost {
        font-size: 2.4rem
    }
}

.main-cost__btn {
    width: 100%;
    margin: 1.5rem auto 0
}

@media screen and (min-width: 480px) {
    .main-cost__btn {
        max-width: 35rem
    }
}

@media screen and (min-width: 992px) {
    .main-cost__btn {
        display: none
    }
}

.main-slider {
    border-bottom: 1px solid rgba(61, 61, 61, .5)
}

.main-slider__slide {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.main-slider__title-wrap {
    margin-bottom: 3.5rem
}

@media screen and (min-width: 768px) {
    .main-slider__title-wrap {
        margin-bottom: 0;
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.main-slider__title {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 2.926rem
}

@media screen and (min-width: 768px) {
    .main-slider__title {
        max-width: 70%;
        font-size: 3.5rem;
        line-height: 1.2
    }
}

@media screen and (min-width: 1320px) {
    .main-slider__title {
        font-size: 5.6rem;
        line-height: 6.2rem
    }
}

.main-slider__img {
    display: block;
    position: relative;
    overflow: hidden;
    margin-top: auto
}

.main-slider__img:before {
    content: '';
    display: block;
    padding-top: 70%
}

@media screen and (min-width: 768px) {
    .main-slider__img:before {
        padding-top: 36.805%
    }
}

@media screen and (min-width: 1320px) {
    .main-slider__img:before {
        padding-top: 53rem
    }
}

.main-slider__img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right
}

@media screen and (min-width: 768px) {
    .main-slider__img img {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.main-slider .swiper-slide {
    height: auto
}

.main-slider .swiper-horizontal > .swiper-pagination-progressbar, .main-slider .swiper-pagination-progressbar.swiper-pagination-horizontal {
    top: auto;
    height: .5rem
}

.main-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #8bb733
}

.main-slider .swiper-pagination-progressbar {
    background-color: transparent
}

.main-slider__pagination {
    bottom: 0;
    display: none
}

@media screen and (min-width: 768px) {
    .main-slider__pagination {
        display: block
    }
}

.main-slider__navigation {
    position: relative;
    display: none
}

@media screen and (min-width: 992px) {
    .main-slider__navigation {
        display: block
    }
}

.main-slider__next, .main-slider__prev {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 6rem;
    height: 5.5rem;
    bottom: 5rem;
    top: auto;
    color: #292929
}

.main-slider__next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='24' viewBox='0 0 58 24' width='58' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m57.0607 10.9393c.5857.5858.5857 1.5356 0 2.1214l-9.546 9.5459c-.5858.5858-1.5355.5858-2.1213 0s-.5858-1.5355 0-2.1213l8.4853-8.4853-8.4853-8.48528c-.5858-.58579-.5858-1.53553 0-2.12132.5858-.585789 1.5355-.585789 2.1213 0zm-57.0607-.4393h56v3h-56z' fill='%23292929'/%3E%3C/svg%3E");
    right: auto;
    left: 13rem
}

.main-slider__prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='24' viewBox='0 0 58 24' width='58' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.939339 10.9393c-.585785.5858-.585785 1.5356 0 2.1214l9.545961 9.5459c.5858.5858 1.5355.5858 2.1213 0s.5858-1.5355 0-2.1213l-8.48528-8.4853 8.48528-8.48528c.5858-.58579.5858-1.53553 0-2.12132-.5858-.585789-1.5355-.585789-2.1213 0zm57.060661-.4393h-56v3h56z' fill='currentColor'/%3E%3C/svg%3E")
}

.main-test__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -2rem;
    margin-right: -2rem
}

@media screen and (min-width: 768px) {
    .main-test__row {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
}

.main-test__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.main-test__col--content {
    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;
    margin-bottom: 3.5rem
}

@media (min-width: 768px) {
    .main-test__col--content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media screen and (min-width: 768px) {
    .main-test__col--content {
        margin-bottom: 0
    }
}

.main-test__col--image {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width: 768px) {
    .main-test__col--image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.main-test__content {
    max-width: 57.5rem
}

@media screen and (min-width: 1320px) {
    .main-test__content {
        margin-left: 10rem
    }
}

.main-test__subtitle {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1rem
}

@media screen and (min-width: 992px) {
    .main-test__subtitle {
        font-size: 2.4rem;
        margin-bottom: 3rem
    }
}

.main-test__text {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 2rem
}

@media screen and (min-width: 992px) {
    .main-test__text {
        font-size: 2rem;
        margin-bottom: 3rem
    }
}

.main-test__btn {
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 480px) {
    .main-test__btn {
        max-width: 29.5rem
    }
}

@media screen and (min-width: 768px) {
    .main-test__btn {
        margin: 0
    }
}

.write-btn__text_block {
    display: inline-block;
    padding-left: 5rem;
    padding-right: 5rem;
    line-height: 55px;
}

.main-trial {
    border-top: 1px solid rgba(61, 61, 61, .5);
    border-bottom: 1px solid rgba(61, 61, 61, .5);
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media screen and (min-width: 768px) {
    .main-trial {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

@media screen and (min-width: 992px) {
    .main-trial {
        padding-bottom: 0
    }
}

@media screen and (min-width: 1320px) {
    .main-trial {
        padding-top: 8rem
    }
}

.main-trial__title {
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .main-trial__title {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 1320px) {
    .main-trial__title {
        margin-bottom: 3.5rem
    }
}

.main-trial__text {
    font-size: 1.4rem;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .main-trial__text {
        font-size: 1.8rem;
        margin-bottom: 3rem
    }
}

@media screen and (min-width: 992px) {
    .main-trial__text {
        margin-bottom: 7rem
    }
}

@media screen and (min-width: 1320px) {
    .main-trial__text {
        font-size: 2.2rem
    }
}

.main-trial__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-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width: 992px) {
    .main-trial__contact {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        background-image: url(/local/templates/school-abc/./img/main-trial/bg.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: calc(50% - 30rem) 0;
        padding: 5rem 0;
        border-top: 1px solid rgba(61, 61, 61, .5)
    }
}

@media screen and (min-width: 1320px) {
    .main-trial__contact {
        background-position: 0 0
    }
}

.main-trial__contact-wrap {
    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
}

@media screen and (min-width: 992px) {
    .main-trial__contact-wrap {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.main-trial__phone {
    font-size: 2rem;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .main-trial__phone {
        font-size: 2.5rem
    }
}

@media screen and (min-width: 992px) {
    .main-trial__phone {
        font-size: 4rem;
        margin-bottom: 3.5rem
    }
}

@media screen and (min-width: 1320px) {
    .main-trial__phone {
        margin-bottom: 3.5rem
    }
}

.main-trial__btn {
    width: 100%;
    padding-left: 5rem;
    padding-right: 5rem
}

@media screen and (min-width: 480px) {
    .main-trial__btn {
        width: auto
    }
}

.main-trial--no-border {
    border: none;
    padding-top: 0
}

@media screen and (min-width: 992px) {
    .main-trial--no-margin {
        margin: 0
    }
}

@media screen and (min-width: 992px) {
    .modal-teachers {
        display: -ms-grid;
        display: grid;
        color: #3d3d3d;
        grid-column-gap: 5rem;
        grid-template-areas:"image ." "image title" "image lang" "image text" "image .";
        -ms-grid-rows: 5rem auto auto auto 5rem;
        grid-template-rows:5rem auto auto auto 5rem;
        -ms-grid-columns: 50% 5rem 1fr;
        grid-template-columns:50% 1fr
    }
}

@media screen and (min-width: 1320px) {
    .modal-teachers {
        grid-column-gap: 11rem;
        -ms-grid-columns: 40% 1fr;
        grid-template-columns:40% 1fr
    }
}

.modal-teachers__title {
    grid-area: title;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem
}

@media screen and (min-width: 992px) {
    .modal-teachers__title {
        font-size: 3.6rem;
        margin-bottom: 1.5rem
    }
}

.modal-teachers__lang {
    grid-area: lang;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 3.5rem
}

@media screen and (min-width: 992px) {
    .modal-teachers__lang {
        font-size: 2.4rem
    }
}

.modal-teachers__image {
    grid-area: image;
    border: 1px solid #3d3d3d;
    max-width: 51.5rem;
    max-height: 61.5rem;
    height: 100%;
    margin: 0 auto 2.5rem
}

@media screen and (min-width: 992px) {
    .modal-teachers__image {
        margin: auto
    }
}

.modal-teachers__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.modal-teachers__text {
    grid-area: text;
    max-width: 400px;
}

@media screen and (min-width: 992px) {
    .modal-teachers__title {
        -ms-grid-row: 2;
        -ms-grid-column: 3
    }

    .modal-teachers__lang {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .modal-teachers__image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 5;
        -ms-grid-column: 1
    }

    .modal-teachers__text {
        -ms-grid-row: 4;
        -ms-grid-column: 3
    }
}

.modal-teachers__top-text {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.375;
    margin-bottom: 3rem
}

@media screen and (min-width: 992px) {
    .modal-teachers__top-text {
        margin-bottom: 8.5rem
    }
}

.modal-teachers__top-text p {
    margin-bottom: 1.5rem
}

.modal-teachers__top-text p:last-child {
    margin-bottom: 0
}

.modal-teachers__bottom-text {
    position: relative;
    font-size: 1.4rem;
    line-height: 1.5
}

@media screen and (min-width: 992px) {
    .modal-teachers__bottom-text {
        font-size: 1.6rem;
        padding-left: 3.2rem
    }
}

.modal-teachers__bottom-text:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='28' viewBox='0 0 32 28' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19.707 28v-8.9737c0-3.1384.4943-5.9662 1.4828-8.4834.9886-2.54991 2.1206-4.72387 3.3962-6.52188 1.3074-1.79802 2.4235-3.138358 3.3482-4.02102l3.8745 2.15762c-.7335.88266-1.6263 2.0432-2.6787 3.48161-1.0204 1.43841-1.9292 3.08932-2.7264 4.95267-.7653 1.8308-1.148 3.8249-1.148 5.9825h6.7444v11.4256zm-19.707 0v-8.9737c0-3.1384.49427-5.9662 1.48281-8.4834.98854-2.54991 2.12058-4.72387 3.39611-6.52188 1.30743-1.79802 2.42352-3.138358 3.34829-4.02102l3.87439 2.15762c-.7334.88266-1.6263 2.0432-2.67858 3.48161-1.02043 1.43841-1.92925 3.08932-2.72646 4.95267-.76532 1.8308-1.14798 3.8249-1.14798 5.9825h6.74442v11.4256z' fill='currentColor'/%3E%3C/svg%3E");
    width: 3.2rem;
    height: 2.8rem;
    top: -3.5rem;
    left: 0;
    position: absolute;
    display: none
}

@media screen and (min-width: 992px) {
    .modal-teachers__bottom-text:before {
        display: block
    }
}

.modal-teachers__bottom-text p {
    margin-bottom: 1.5rem
}

.modal-teachers__bottom-text p:last-child {
    margin-bottom: 0
}

.js-modal-open {
    overflow: hidden
}

.modal {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

.js-modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal__dialog {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 992px) {
    .modal__dialog {
        background: -webkit-radial-gradient(44.17% 37.3%, 49.61% 45.81%, rgba(176, 198, 37, .1624) 3.85%, rgba(255, 255, 255, 0) 100%), #fff;
        background: radial-gradient(49.61% 45.81% at 44.17% 37.3%, rgba(176, 198, 37, .1624) 3.85%, rgba(255, 255, 255, 0) 100%), #fff;
        margin: auto
    }
}

@media screen and (min-width: 992px) and (-ms-high-contrast: active),(min-width: 992px) and (-ms-high-contrast: none) {
    .modal__dialog {
        padding: 2em 0
    }
}

@media (min-width: 992px) {
    .modal--open .modal__dialog {
        -webkit-animation: modal-content-show .2s 1 both;
        animation: modal-content-show .2s 1 both
    }
}

.modal__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    max-width: 144rem;
    margin: auto;
    outline: 0
}

@media screen and (min-width: 992px) {
    .modal__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.modal__header {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-width: 992px) {
    .modal__header {
        width: 10rem
    }
}

@media screen and (min-width: 1320px) {
    .modal__header {
        width: 19rem
    }
}

.modal__close {
    position: absolute !important;
    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: 4rem;
    height: 4rem;
    z-index: 10;
    right: 2.5rem;
    top: 4rem;
    color: #292929
}

@media screen and (min-width: 992px) {
    .modal__close {
        top: 10%;
        margin-top: -2rem;
        left: 50%;
        margin-left: -2rem
    }
}

.modal__close svg {
    width: 2.5rem;
    height: 2.5rem
}

.modal__body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 3.5rem 2.6rem
}

.modal__footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 1.5rem
}

.modal__backdrop {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .8)
}

@media (min-width: 992px) {
    .modal__backdrop {
        -webkit-animation: modal-backdrop-show .2s 1;
        animation: modal-backdrop-show .2s 1
    }
}

@media (min-width: 992px) {
    .modal--open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 992px) and (-ms-high-contrast: active),(min-width: 992px) and (-ms-high-contrast: none) {
    .modal--open {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.modal--menu .modal__content {
    background-color: transparent
}

.modal--menu .modal__header {
    padding: 2rem 1.2rem 4rem;
    background: rgba(255, 255, 255, .95);
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem)
}

.modal--menu .modal__body {
    padding: 3rem 4rem;
    background: rgba(218, 59, 33, .95);
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem)
}

@-webkit-keyframes modal-backdrop-show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes modal-backdrop-show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes modal-content-show {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2em);
        transform: translateY(-2em)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes modal-content-show {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2em);
        transform: translateY(-2em)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.number-list__list {
    counter-reset: list-number
}

.number-list__item {
    counter-increment: list-number;
    position: relative;
    max-width: 84.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(61, 61, 61, .5)
}

@media screen and (min-width: 768px) {
    .number-list__item {
        border-bottom: none
    }
}

@media screen and (min-width: 768px) {
    .number-list__item:first-child .number-list__content {
        border-top: 1px solid rgba(61, 61, 61, .5)
    }
}

.number-list__item:before {
    content: counter(list-number, decimal-leading-zero) " /";
    display: block;
    font-size: 2rem;
    line-height: 1;
    font-weight: 500;
    color: #8bb733;
    font-style: italic;
    white-space: nowrap;
    margin-right: 1.5rem;
    padding-top: 1.5rem
}

@media screen and (min-width: 768px) {
    .number-list__item:before {
        font-size: 3.6rem;
        font-style: normal;
        padding-top: 3.5rem
    }
}

.number-list__content {
    width: 100%;
    padding: 1.5rem 0
}

@media screen and (min-width: 768px) {
    .number-list__content {
        padding: 4rem 0;
        border-bottom: 1px solid rgba(61, 61, 61, .5)
    }
}

.number-list__title {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .number-list__title {
        font-size: 2.2rem
    }
}

.number-list__text {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-top: 1rem
}

@media screen and (min-width: 768px) {
    .number-list__text {
        font-size: 1.8rem;
        margin-top: 1.5rem
    }
}

@media screen and (min-width: 1320px) {
    .number-list__text {
        font-size: 2.2rem
    }
}

.number-list__text p {
    margin-bottom: 1.5rem
}

.number-list__text p:last-child {
    margin-bottom: 0
}

.number-list__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.number-list__icon {
    display: block;
    padding: 1.3rem;
    color: rgba(54, 54, 54, .3);
    -webkit-transition: .2s;
    transition: .2s
}

.number-list__icon:focus-visible, .number-list__icon:hover {
    color: rgba(54, 54, 54, .8)
}

.number-list--cross .number-list__item:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.424.912h-4.48l-5.376 5.6-3.072-5.6h-4.16l4.64 8.256L.4 18h4.608l5.6-5.92L13.872 18h4.224l-4.864-8.576L21.424.912Z' fill='%23FFB13D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 1.8rem;
    margin-right: 4.5rem
}

@media screen and (min-width: 768px) {
    .number-list--cross .number-list__item:before {
        width: 2rem;
        height: 2rem;
        margin-top: 3.5rem;
        margin-right: 6.5rem
    }
}

.principles__wrapper {
    margin-bottom: 4rem
}

@media screen and (min-width: 992px) {
    .principles__wrapper {
        margin-bottom: 7rem
    }
}

.principles__subtitle {
    font-size: 1.8rem;
    max-width: 75rem;
    margin-bottom: 2.5rem
}

@media screen and (min-width: 768px) {
    .principles__subtitle {
        font-size: 2.4rem;
        margin-bottom: 5rem
    }
}

@media screen and (min-width: 1320px) {
    .principles__subtitle {
        font-size: 3rem
    }
}

.principles__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    margin-bottom: 3.5rem
}

.principles__list > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media screen and (min-width: 992px) {
    .principles__list {
        margin-bottom: 7rem
    }
}

.principles__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

@media (min-width: 768px) {
    .principles__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.principles__item:last-child .principles__item-content {
    border-bottom: 1px solid rgba(61, 61, 61, .5)
}

.principles__item-content {
    position: relative;
    height: 100%;
    padding: 2rem 0 2rem 2rem;
    border-top: 1px solid rgba(61, 61, 61, .5)
}

@media screen and (min-width: 768px) {
    .principles__item-content {
        padding: 2.5rem 0 2.5rem 5rem;
        border-bottom: 1px solid rgba(61, 61, 61, .5)
    }
}

.principles__item-content:before {
    content: '';
    position: absolute;
    width: .7rem;
    height: .7rem;
    background-color: #8bb733;
    border-radius: 50%;
    left: 0;
    top: 2.5rem
}

@media screen and (min-width: 768px) {
    .principles__item-content:before {
        width: 1rem;
        height: 1rem;
        top: 3rem
    }
}

@media screen and (min-width: 1320px) {
    .principles__item-content:before {
        top: 3.5rem
    }
}

.principles__item-title {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .principles__item-title {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .principles__item-title {
        font-size: 2.2rem
    }
}

.principles__item-text {
    font-size: 1.4rem
}

@media screen and (min-width: 768px) {
    .principles__item-text {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .principles__item-text {
        font-size: 2.2rem
    }
}

.principles__text {
    font-size: 1.6rem;
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .principles__text {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .principles__text {
        font-size: 2.2rem;
        margin-bottom: 3rem
    }
}

.principles__text:last-child {
    margin-bottom: 0
}

.principles__text--big {
    font-weight: 500
}

@media screen and (min-width: 1320px) {
    .principles__text--big {
        font-size: 2.4rem
    }
}

.quiz {
    border-bottom: 1px solid rgba(54, 54, 54, .8)
}

@media screen and (min-width: 768px) {
    .quiz {
        border-bottom: none
    }
}

@media screen and (min-width: 768px) {
    .quiz__quiz {
        padding-top: 5rem;
        padding-bottom: 5rem;
        border-top: 1px solid rgba(54, 54, 54, .8);
        border-bottom: 1px solid rgba(54, 54, 54, .8)
    }
}

.quiz #quiz-counter {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 2rem;
    font-weight: 600;
    font-style: italic;
    color: green;
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .quiz #quiz-counter {
        font-size: 2.6rem;
        width: 17.5rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1320px) {
    .quiz #quiz-counter {
        font-size: 3.2rem
    }
}

.quiz #questions {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

@media screen and (min-width: 768px) {
    .quiz #questions {
        width: calc(100% - 17.5rem)
    }
}

.quiz .question-container {
    margin-bottom: 2.5rem
}

@media screen and (min-width: 768px) {
    .quiz .question-container {
        margin-bottom: 4rem
    }
}

.quiz .question {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .quiz .question {
        font-size: 2.6rem;
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 1320px) {
    .quiz .question {
        font-size: 3.2rem;
        margin-bottom: 3rem
    }
}

.quiz .answers {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem
}

.quiz .answers li {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 50%;
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .quiz .answers li {
        width: auto
    }
}

.quiz .answers li:last-child a {
    margin-right: 0
}

.quiz .answers a {
    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;
    font-size: 2.2rem;
    border: 1px solid rgba(54, 54, 54, .8);
    min-height: 6rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    color: #292929
}

@media screen and (min-width: 768px) {
    .quiz .answers a {
        margin-right: 2.2rem
    }
}

.quiz .answers .correct {
    border: 1px solid #8bb733;
    color: #8bb733
}

.quiz .answers .incorrect {
    border: 1px solid #ffb13d;
    color: #ffb13d
}

.quiz .answers .incorrect:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.424.912h-4.48l-5.376 5.6-3.072-5.6h-4.16l4.64 8.256L.4 18h4.608l5.6-5.92L13.872 18h4.224l-4.864-8.576L21.424.912Z' fill='%23FFB13D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: -4rem;
    top: 50%;
    margin-top: -2rem;
    color: #ffb13d;
    display: none
}

@media screen and (min-width: 768px) {
    .quiz .answers .incorrect:after {
        display: block
    }
}

.quiz #quiz-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width: 768px) {
    .quiz #quiz-controls {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: calc(100% - 17.5rem);
        margin-left: auto
    }
}

.quiz #quiz-response {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2rem;
    font-weight: 600;
    color: #8bb733;
    margin-bottom: 2.5rem
}

@media screen and (min-width: 768px) {
    .quiz #quiz-response {
        font-size: 2.6rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1320px) {
    .quiz #quiz-response {
        font-size: 3.2rem
    }
}

.quiz #quiz-response:after {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='10' viewBox='0 0 10 10' width='10' xmlns='http://www.w3.org/2000/svg' color='%238BB733'%3E%3Cpath d='m2.04999 5.87005 1.61 1.61 4.3-4.3' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    width: 2rem;
    height: 2rem;
    margin-left: 2rem
}

@media screen and (min-width: 768px) {
    .quiz #quiz-response:after {
        width: 3rem;
        height: 3rem;
        background-size: 3rem 3rem
    }
}

.quiz #quiz-results {
    font-size: 1.25em
}

.quiz #quiz-finish-btn, .quiz #quiz-next-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;
    min-height: 6rem;
    color: #8bb733;
    font-weight: 700;
    font-size: 1.6rem;
    border: 1px solid #8bb733;
    background: -webkit-linear-gradient(176.3deg, rgba(221, 225, 117, .36) 4.79%, rgba(221, 225, 117, 0) 107.02%);
    background: linear-gradient(273.7deg, rgba(221, 225, 117, .36) 4.79%, rgba(221, 225, 117, 0) 107.02%);
    border-radius: 50px;
    -webkit-transition: .2s;
    transition: .2s;
    width: 100%;
    margin-bottom: 3rem
}

@media screen and (min-width: 480px) {
    .quiz #quiz-finish-btn, .quiz #quiz-next-btn {
        max-width: 32rem
    }
}

@media screen and (min-width: 768px) {
    .quiz #quiz-finish-btn, .quiz #quiz-next-btn {
        position: relative;
        border: none;
        background: 0 0;
        font-size: 0;
        margin-bottom: 0
    }
}

.quiz #quiz-finish-btn:focus-visible, .quiz #quiz-finish-btn:hover, .quiz #quiz-next-btn:focus-visible, .quiz #quiz-next-btn:hover {
    background-color: rgba(221, 225, 117, .1)
}

.quiz #quiz-finish-btn:after, .quiz #quiz-next-btn:after {
    content: '';
    width: 6.5rem;
    height: 3rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='16' viewBox='0 0 28 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.707 8.707a1 1 0 0 0 0-1.414L21.343.929a1 1 0 1 0-1.414 1.414L25.586 8l-5.657 5.657a1 1 0 0 0 1.414 1.414l6.364-6.364ZM0 9h27V7H0v2Z' fill='currentColor'/%3E%3C/svg%3E");
    background-size: 6.5rem 3rem;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    right: 0;
    top: calc(50% - 1.5rem);
    display: none
}

@media screen and (min-width: 768px) {
    .quiz #quiz-finish-btn:after, .quiz #quiz-next-btn:after {
        display: block
    }
}

.quiz .quiz-results-screen h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .quiz .quiz-results-screen h3 {
        font-size: 2.6rem
    }
}

@media screen and (min-width: 1320px) {
    .quiz .quiz-results-screen h3 {
        font-size: 3.2rem
    }
}

.quiz .quiz-results-screen p {
    font-size: 1.6rem;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .quiz .quiz-results-screen p {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .quiz .quiz-results-screen p {
        font-size: 2.2rem
    }
}

.quiz .quiz-results-input {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 30rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px dashed #292929;
    border-radius: 50px;
    background-color: #fff
}

.quiz .quiz-results-input input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: none;
    background-color: transparent;
    min-height: 5rem;
    line-height: 5rem;
    padding: 0 2.5rem;
    -webkit-transition: .2s;
    transition: .2s
}

.quiz .quiz-results-input input:focus {
    outline: 0
}

.quiz .quiz-results-input .btn {
    width: 5rem;
    height: 5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    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;
    margin-right: 1rem;
    color: #8bb733
}

.scroll-block__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media screen and (min-width: 992px) {
    .scroll-block__wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.scroll-block__menu {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: none
}

@media screen and (min-width: 992px) {
    .scroll-block__menu {
        max-width: 30rem;
        width: 100%;
        display: block
    }
}

.scroll-block__content {
    width: 100%
}

@media screen and (min-width: 992px) {
    .scroll-block__content {
        margin-left: 3.2rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: calc(100% - 33.2rem)
    }
}

.scroll-menu {
    position: sticky;
    top: 3rem
}

.scroll-menu__item.active .scroll-menu__link {
    color: #8bb733;
    padding-left: 2.5rem
}

.scroll-menu__item.active .scroll-menu__link:before {
    width: 2rem
}

.scroll-menu__link {
    display: block;
    position: relative;
    font-size: 1.5rem;
    line-height: 2.7;
    color: #292929;
    font-weight: 600;
    -webkit-transition: .2s;
    transition: .2s;
    line-height: 17px;
    margin-bottom: 15px;
}

.scroll-menu__link:before {
    content: '';
    width: 0;
    height: .2rem;
    display: block;
    position: absolute;
    left: 0;
    top: 2.6rem;
    background-color: #8bb733
}

.search__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3rem;
    height: 3rem
}

@media screen and (min-width: 992px) {
    .search__mobile {
        display: none
    }
}

.search__desktop {
    display: none
}

@media screen and (min-width: 992px) {
    .search__desktop {
        display: block
    }
}

.teachers-lang__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.6rem;
    margin-right: -1.6rem
}

.teachers-lang__wrap > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.teachers-lang__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: .9rem;
    padding-right: .9rem;
    margin-bottom: 2.5rem
}

@media (min-width: 768px) {
    .teachers-lang__col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media (min-width: 992px) {
    .teachers-lang__col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.teachers-lang__link:focus-visible .teachers-lang__name, .teachers-lang__link:hover .teachers-lang__name {
    color: #8bb733
}

.teachers-lang__img {
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
    border: 1px solid rgba(61, 61, 61, .8)
}

@media screen and (min-width: 768px) {
    .teachers-lang__img {
        margin-bottom: 2.5rem
    }
}

.teachers-lang__img:before {
    content: '';
    display: block;
    padding-top: 100%
}

.teachers-lang__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.teachers-lang__name {
    color: #3d3d3d;
    font-weight: 400;
    line-height: 1.2;
    font-size: 1.4rem;
    -webkit-transition: color .2s;
    transition: color .2s
}

@media screen and (min-width: 992px) {
    .teachers-lang__name {
        font-weight: 700;
        font-size: 2rem
    }
}

@media screen and (min-width: 992px) {
    .teachers-lang .ac {
        margin-bottom: 5rem
    }

    .teachers-lang .ac:last-child {
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .teachers-lang .ac .ac-header {
        padding-top: 0;
        padding-bottom: 4.5rem
    }
}

@media screen and (min-width: 992px) {
    .teachers-lang .ac .ac-trigger {
        padding: 0;
        font-size: 3.6rem
    }
}

@media screen and (min-width: 992px) {
    .teachers-lang .ac .ac-trigger:after {
        display: none
    }
}

.teachers-lang .ac .ac-text {
    max-width: none;
    margin-left: -.9rem;
    margin-right: -.9rem;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width: 768px) {
    .teachers-lang .ac .ac-text {
        margin-left: -1.6rem;
        margin-right: -1.6rem
    }
}

.teachers {
    overflow: hidden
}

.teachers__wrapper-slider {
    position: relative;
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .teachers__wrapper-slider {
        margin-bottom: 5rem
    }
}

.teachers__slider {
    width: 60%;
    overflow: visible;
    margin-left: 0
}

@media screen and (min-width: 480px) {
    .teachers__slider {
        width: 100%;
        overflow: hidden;
        margin-left: auto
    }
}

.teachers__image {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(61, 61, 61, .5);
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .teachers__image {
        margin-bottom: 2.5rem
    }
}

.teachers__image:before {
    content: '';
    display: block;
    padding-top: 95%
}

.teachers__image img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.teachers__subtitle {
    font-size: 1.6rem
}

@media screen and (min-width: 768px) {
    .teachers__subtitle {
        font-size: 2rem
    }
}

.teachers__navigation {
    position: relative
}

.teachers__navigation--top {
    display: none
}

@media screen and (min-width: 480px) {
    .teachers__navigation--top {
        display: block
    }
}

.teachers__navigation--bottom {
    width: 40%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: -2rem;
    /*background-color: #fff;*/
    height: 3rem
}

@media screen and (min-width: 480px) {
    .teachers__navigation--bottom {
        display: none
    }
}

.teachers__next, .teachers__prev {
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 3rem;
    height: 3rem;
    top: 0;
    color: #292929
}

@media screen and (min-width: 480px) {
    .teachers__next, .teachers__prev {
        top: -1.5rem
    }
}

@media screen and (min-width: 768px) {
    .teachers__next, .teachers__prev {
        width: 6rem;
        height: 5.5rem;
        top: -2.75rem
    }
}

.teachers__next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='24' viewBox='0 0 58 24' width='58' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m57.0607 10.9393c.5857.5858.5857 1.5356 0 2.1214l-9.546 9.5459c-.5858.5858-1.5355.5858-2.1213 0s-.5858-1.5355 0-2.1213l8.4853-8.4853-8.4853-8.48528c-.5858-.58579-.5858-1.53553 0-2.12132.5858-.585789 1.5355-.585789 2.1213 0zm-57.0607-.4393h56v3h-56z' fill='%23292929'/%3E%3C/svg%3E");
    left: 6rem
}

@media screen and (min-width: 480px) {
    .teachers__next {
        right: 0;
        left: auto
    }
}

.teachers__prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='24' viewBox='0 0 58 24' width='58' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.939339 10.9393c-.585785.5858-.585785 1.5356 0 2.1214l9.545961 9.5459c.5858.5858 1.5355.5858 2.1213 0s.5858-1.5355 0-2.1213l-8.48528-8.4853 8.48528-8.48528c.5858-.58579.5858-1.53553 0-2.12132-.5858-.585789-1.5355-.585789-2.1213 0zm57.060661-.4393h-56v3h56z' fill='currentColor'/%3E%3C/svg%3E");
    left: 0
}

@media screen and (min-width: 480px) {
    .teachers__prev {
        right: 6rem;
        left: auto
    }
}

@media screen and (min-width: 768px) {
    .teachers__prev {
        right: 13rem
    }
}

@media screen and (min-width: 992px) {
    .teachers__bottom {
        width: calc(50% - 1.5rem);
        margin-left: auto
    }
}

.teachers__text {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .teachers__text {
        font-size: 1.8rem;
        margin-bottom: 3rem
    }
}

.teachers__link {
    display: none
}

@media screen and (min-width: 768px) {
    .teachers__link {
        display: block
    }
}

.teachers__btn {
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 480px) {
    .teachers__btn {
        max-width: 33.5rem
    }
}

@media screen and (min-width: 768px) {
    .teachers__btn {
        display: none
    }
}

@media screen and (min-width: 1320px) {
    .teachers--transform .teachers__container {
        padding-left: 22.5rem
    }
}

.teachers--transform .teachers__wrapper-slider {
    position: relative
}

.teachers--transform .teachers__wrapper-slider:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background-color: #fff;
    position: absolute;
    z-index: 1
}

.teachers--transform .teachers__slider {
    overflow: visible
}

.timetable-accordion .ac .ac-panel .ac-text {
    width: 100%;
    max-width: none;
    color: #292929
}

.timetable-table {
    position: relative
}

.timetable-table:after {
    content: '';
    width: 5rem;
    background: -webkit-gradient(linear, right top, left top, color-stop(17.51%, #fff), color-stop(55.93%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(right, #fff 17.51%, rgba(255, 255, 255, 0) 55.93%);
    background: linear-gradient(270deg, #fff 17.51%, rgba(255, 255, 255, 0) 55.93%);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (min-width: 992px) {
    .timetable-table:after {
        display: none
    }
}

.timetable-table__wrap {
    overflow-x: auto
}

.timetable-table__table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 94.2rem
}

@media screen and (min-width: 992px) {
    .timetable-table__table {
        width: 100%
    }
}

.timetable-table__table th {
    font-size: 1.4rem;
    font-weight: 400;
    color: rgba(41, 41, 41, .7);
    padding: 2rem 1rem;
    border-bottom: 1px solid rgba(54, 54, 54, .8);
    text-align: left
}

.timetable-table__table td {
    font-size: 1.6rem;
    font-weight: 500;
    padding: 2.5rem 1rem;
    border-bottom: 1px solid rgba(61, 61, 61, .3)
}

@media screen and (min-width: 768px) {
    .timetable-table__table td {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .timetable-table__table td {
        font-size: 2rem
    }
}

.timetable-table__table td span {
    color: rgba(41, 41, 41, .5)
}

.timetable-table__table tr:last-child td {
    border: none
}

.timetable-table__icon {
    position: absolute;
    right: 0;
    top: 8rem;
    -webkit-animation: linear infinite;
    animation: linear infinite;
    -webkit-animation-name: swipe;
    animation-name: swipe;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    z-index: 1
}

@media screen and (min-width: 992px) {
    .timetable-table__icon {
        display: none
    }
}

@keyframes swipe {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.top-img__img {
    position: relative;
    overflow: hidden
}

.top-img__img:before {
    content: '';
    display: block;
    padding-top: 50%
}

@media screen and (min-width: 480px) {
    .top-img__img:before {
        padding-top: 30%
    }
}

.top-img__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.top-img--big .top-img__img:before {
    padding-top: 57%
}

@media screen and (min-width: 480px) {
    .top-img--big .top-img__img:before {
        padding-top: 37%
    }
}

.top-page {
    border-bottom: 1px solid rgba(61, 61, 61, .5)
}

@media screen and (min-width: 768px) {
    .top-page {
        border-bottom: none
    }
}

.top-page--no-border {
    border-bottom: none
}

.top-text {
    margin-bottom: 2.5rem
}

@media screen and (min-width: 992px) {
    .top-text {
        margin-bottom: 6.5rem
    }
}

.top-text__title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .top-text__title {
        font-size: 2.2rem;
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 1320px) {
    .top-text__title {
        font-size: 3rem
    }
}

.top-text__text {
    font-size: 1.6rem;
    max-width: 93rem
}

@media screen and (min-width: 992px) {
    .top-text__text {
        font-size: 2.4rem
    }
}

.top-text__text a {
    color: #8bb733
}

.top-text__text a:focus-visible, .top-text__text a:hover {
    text-decoration: underline
}

.top-text--top {
    padding-top: 2.5rem
}

@media screen and (min-width: 768px) {
    .top-text--top {
        padding-top: 0
    }
}

@media screen and (min-width: 992px) {
    .top-text--principles .top-text__text {
        font-size: 2.2rem
    }
}

.top-text--quiz .top-text__text {
    font-weight: 600;
    max-width: 67rem
}

.universal-cost {
    margin-top: 3rem;
    margin-bottom: 4rem
}

@media screen and (min-width: 768px) {
    .universal-cost {
        margin-top: 4.5rem;
        margin-bottom: 5.5rem
    }
}

.universal-cost__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.6rem;
    margin-right: -1.6rem
}

.universal-cost__list > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.universal-cost__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

@media (min-width: 768px) {
    .universal-cost__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.universal-cost__time {
    font-size: 1.8rem;
    font-weight: 600;
    color: #8bb733;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid rgba(61, 61, 61, .5)
}

@media screen and (min-width: 768px) {
    .universal-cost__time {
        font-size: 2.2rem;
        padding-bottom: 2rem;
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 1320px) {
    .universal-cost__time {
        font-size: 2.4rem
    }
}

.universal-cost__cost {
    font-size: 1.4rem;
    font-weight: 500
}

@media screen and (min-width: 768px) {
    .universal-cost__cost {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .universal-cost__cost {
        font-size: 2rem
    }
}

.universal__big-text {
    font-size: 1.6rem;
    margin-bottom: 2.5rem
}

@media screen and (min-width: 768px) {
    .universal__big-text {
        font-size: 2rem;
        margin-bottom: 3.5rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__big-text {
        font-size: 2.4rem;
        margin-bottom: 4.5rem
    }
}

.universal__big-text p {
    margin-bottom: 1.5rem
}

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

.universal__about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 3rem
}

@media screen and (min-width: 768px) {
    .universal__about {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 4.5rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__about {
        margin-top: 7rem
    }
}

.universal__about-item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-top: 1px solid rgba(61, 61, 61, .5)
}

@media screen and (min-width: 768px) {
    .universal__about-item {
        margin-right: 9rem;
        border-top: none;
        padding: 0
    }

    .universal__about-item:last-child {
        margin-right: 0
    }
}

.universal__about-top {
    font-size: 1.8rem;
    font-weight: 600;
    color: #8bb733;
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .universal__about-top {
        font-size: 2.4rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__about-top {
        font-size: 3.2rem
    }
}

.universal__about-bottom {
    font-size: 1.4rem
}

@media screen and (min-width: 768px) {
    .universal__about-bottom {
        font-size: 1.6rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__about-bottom {
        font-size: 2rem
    }
}

.universal__delimiter {
    height: .1rem;
    width: calc(100% + 4rem);
    margin-left: -2rem;
    background-color: rgba(61, 61, 61, .5);
    margin-bottom: 4rem
}

@media screen and (min-width: 768px) {
    .universal__delimiter {
        width: 100%;
        margin: 0 0 5rem
    }
}

.universal__title {
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .universal__title {
        font-size: 3rem;
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__title {
        font-size: 3.6rem;
        margin-bottom: 3rem
    }
}

.universal__text {
    font-size: 1.4rem;
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .universal__text {
        font-size: 1.6rem;
        margin-bottom: 3rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__text {
        font-size: 2rem;
        margin-bottom: 4rem
    }
}

.universal__text p {
    margin-bottom: 1.5rem
}

.universal__text p:last-child {
    margin-bottom: 0
}

.universal__text--bold {
    font-weight: 600
}

.universal__text--green {
    color: #8bb733
}

.universal__blockquote {
    position: relative;
    font-size: 1.6rem;
    margin-bottom: 3rem;
    margin-left: 1.6rem;
    padding-left: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .universal__blockquote {
        font-size: 2rem;
        margin-bottom: 4rem;
        margin-left: 3rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__blockquote {
        font-size: 2.4rem;
        margin-bottom: 5rem;
        margin-left: 7rem;
        padding-left: 3.5rem;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}

.universal__blockquote:after {
    content: '';
    width: .3rem;
    height: 100%;
    position: absolute;
    background-color: #8bb733;
    top: 0;
    left: 0
}

@media screen and (min-width: 768px) {
    .universal__blockquote:after {
        width: .6rem
    }
}

.universal__title-dot {
    position: relative;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-left: 2rem
}

@media screen and (min-width: 768px) {
    .universal__title-dot {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__title-dot {
        font-size: 2.4rem;
        padding-left: 4rem
    }
}

.universal__title-dot:after {
    content: '';
    position: absolute;
    top: .7rem;
    left: 0;
    background-color: #8bb733;
    border-radius: 50%;
    width: .6rem;
    height: .6rem
}

@media screen and (min-width: 1320px) {
    .universal__title-dot:after {
        width: 1rem;
        height: 1rem;
        top: 1.2rem
    }
}

.universal__books {
    margin-bottom: 2.5rem
}

@media screen and (min-width: 1320px) {
    .universal__books {
        margin-bottom: 5rem
    }
}

.universal__text-dash {
    position: relative;
    font-size: 1.6rem;
    margin-bottom: 2.5rem;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .universal__text-dash {
        font-size: 2rem;
        margin-bottom: 3.5rem;
        padding-left: 7.5rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__text-dash {
        font-size: 2.4rem;
        margin-bottom: 4.5rem
    }
}

.universal__text-dash:before {
    content: '';
    width: 3.5rem;
    height: .6rem;
    background-color: #8bb733;
    position: absolute;
    top: 1.1rem;
    left: 0;
    display: none
}

@media screen and (min-width: 768px) {
    .universal__text-dash:before {
        display: block
    }
}

@media screen and (min-width: 1320px) {
    .universal__text-dash:before {
        top: 1.4rem
    }
}

.universal__btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 3rem
}

@media screen and (min-width: 768px) {
    .universal__btn-wrap {
        margin-bottom: 6rem
    }
}

.universal__btn {
    padding-left: 4rem;
    padding-right: 4rem;
    width: 100%
}

@media screen and (min-width: 480px) {
    .universal__btn {
        width: auto
    }
}

.universal__number-list {
    margin-bottom: 3rem
}

@media screen and (min-width: 768px) {
    .universal__number-list {
        margin-bottom: 5rem
    }
}

.universal__list {
    font-size: 1.6rem;
    margin-bottom: 2.5rem
}

@media screen and (min-width: 768px) {
    .universal__list {
        font-size: 1.8rem;
        margin-bottom: 3.5rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__list {
        font-size: 2rem
    }
}

.universal__list li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .universal__list li {
        padding-left: 3.5rem
    }
}

.universal__list li:before {
    content: '';
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #8bb733;
    position: absolute;
    top: .6rem;
    left: 0
}

@media screen and (min-width: 768px) {
    .universal__list li:before {
        top: .8rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__list li:before {
        width: 1rem;
        height: 1rem
    }
}

.universal__list--bold {
    font-weight: 600
}

.universal__no-margin {
    margin-bottom: 0
}

.universal__level {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    margin-bottom: 3rem
}

.universal__level > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media screen and (min-width: 768px) {
    .universal__level {
        margin-bottom: 5rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__level {
        margin-bottom: 0
    }
}

.universal__level-item {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

@media (min-width: 1320px) {
    .universal__level-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.universal__level-item:first-child .universal__level-wrap:before {
    display: none
}

.universal__level-wrap {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(61, 61, 61, .5)
}

@media screen and (min-width: 1320px) {
    .universal__level-wrap {
        margin-bottom: 5rem;
        margin-top: 1rem;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none
    }
}

.universal__level-wrap:before {
    content: '';
    width: .1rem;
    height: 100%;
    background-color: rgba(61, 61, 61, .5);
    position: absolute;
    left: -3rem;
    top: 0;
    display: none
}

@media screen and (min-width: 1320px) {
    .universal__level-wrap:before {
        display: block
    }
}

.universal__level-top {
    font-size: 1.6rem;
    font-weight: 600;
    color: #8bb733
}

@media screen and (min-width: 768px) {
    .universal__level-top {
        font-size: 2rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__level-top {
        font-size: 2.4rem
    }
}

.universal__level-bottom {
    font-size: 1.6rem
}

@media screen and (min-width: 768px) {
    .universal__level-bottom {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__level-bottom {
        font-size: 2rem
    }
}

.universal__list-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4.5rem
}

@media screen and (min-width: 768px) {
    .universal__list-line {
        margin-bottom: 7.5rem
    }
}

.universal__list-line-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(61, 61, 61, .5)
}

@media screen and (min-width: 768px) {
    .universal__list-line-item {
        padding: 0;
        border-bottom: none;
        width: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 9rem;
        margin-top: 1rem
    }
}

.universal__list-line-item:last-child {
    border-bottom: none
}

.universal__list-line-top {
    font-size: 1.6rem;
    font-weight: 600;
    color: #8bb733
}

@media screen and (min-width: 768px) {
    .universal__list-line-top {
        font-size: 2rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__list-line-top {
        font-size: 2.4rem
    }
}

.universal__list-line-bottom {
    font-size: 1.6rem
}

@media screen and (min-width: 768px) {
    .universal__list-line-bottom {
        font-size: 1.8rem;
        margin-left: 1rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__list-line-bottom {
        font-size: 2rem
    }
}

.universal__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .universal__contacts {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 3rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__contacts {
        margin-bottom: 5rem
    }
}

.universal__address {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 768px) {
    .universal__address {
        font-size: 1.8rem;
        font-weight: 400;
        margin-bottom: 0;
        max-width: 55rem;
        padding-right: 5rem
    }
}

@media screen and (min-width: 1320px) {
    .universal__address {
        font-size: 2rem
    }
}

.universal__phone {
    font-weight: 600;
    font-size: 1.8rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.video__wrap {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.video__wrap::before {
    content: '';
    display: block;
    padding-top: 56.25%
}

.video__wrap iframe, .video__wrap video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.video__btn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    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;
    cursor: pointer
}

.video__btn.hide .video__svg {
    opacity: 0
}

.video__svg {
    color: #fff
}

@media screen and (min-width: 1320px) {
    .video__svg {
        width: 12.2rem;
        height: 12.2rem
    }
}

.write__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -2rem;
    margin-right: -2rem
}

@media screen and (min-width: 768px) {
    .write__row {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
}

.write__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.write__col--image {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 3.5rem
}

@media screen and (min-width: 768px) {
    .write__col--image {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.write__col--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: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 768px) {
    .write__col--form {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.write__img {
    height: 100%
}

@media screen and (min-width: 768px) {
    .write__img {
        max-width: 51.5rem
    }
}

.write__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.write__subtitle {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1rem
}

@media screen and (min-width: 992px) {
    .write__subtitle {
        font-size: 2.4rem;
        margin-bottom: 3rem
    }
}

.write__text {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 2rem
}

@media screen and (min-width: 992px) {
    .write__text {
        font-size: 2rem;
        margin-bottom: 3rem
    }
}

.write__btn {
    width: 100%;
    margin: 2.5rem auto 0
}

@media screen and (min-width: 480px) {
    .write__btn {
        max-width: 29.5rem
    }
}

@media screen and (min-width: 768px) {
    .write__btn {
        margin: 4.5rem 0 0
    }
}

.placeholder-red::placeholder {
    color: red;
    opacity: 1; /* Firefox */
}
.placeholder-red:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

.placeholder-red::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}

#vk_groups,
#vk_groups iframe {
    width: 100% !important;
}

section.cancel-rules ol {
    list-style: auto;
    padding-left: 20px;
    margin-bottom: 50px;
    margin-top: 10px;
}
/* End */
/* /local/templates/school-abc/components/bitrix/news.list/schools_header/style.css?16766585283062 */
/* /local/templates/school-abc/components/bitrix/news.list/schools_footer/style.css?16766585383068 */
/* /local/templates/school-abc/template_styles.css?1789911639200275 */