html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

@font-face {
    font-family: "Calibri Light";
    src: url(Calibri-Light.eot);
    src: url(Calibri-Light.eot?#iefix) format("embedded-opentype"), url(Calibri-Light.woff) format("woff"), url(Calibri-Light.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

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

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

img[data-gallery="item"] {
    cursor: pointer;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 2.5rem;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

body {
    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: 100vh;
}

.wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.wrapper--sign-up {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.wrapper--sign-up::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/note-form.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    transform: scaleX(-1);
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

*,
:after,
:before {
    box-sizing: border-box;
}

body {
    font-family: "Calibri Light", sans-serif;
}

input[type="email"],
input[type="text"],
textarea {
    background-clip: padding-box;
}

.error {
    display: none;
    margin-bottom: 5px;
    padding: 5px 10px 5px;
    font-size: 14px;
    color: #EB2027;
    background-color: #fff;
}

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

.wrapper {
    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;
}

.wrapper > .main,
.wrapper > .main > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.main-header__inner {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 800px;
}

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

.logo {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.logo:focus,
.logo:hover {
    opacity: 0.9;
}

.logo.active,
.logo:active {
    opacity: 0.7;
}

.main-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    background-color: #44546a;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-shadow: 0 2px 4px 0 rgb(33 39 54 / 24%);
    box-shadow: 0 2px 4px 0 rgb(33 39 54 / 24%);
}

.main-header__inner {
    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;
}

.main-header .logo {
    z-index: 10;
    width: 49px;
    height: 71px;
}

.main-header .nav {
    padding: 0 10px;
}

.main-header .nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-header .nav__item:not(:last-child) {
    margin-right: 15px;
}

a.main-header__locale {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    margin-right: 10px;
}

a.main-header__locale:after {
    position: absolute;
    content: "\203A";
    right: -10px;
    top: 0;
    font-size: 12px;
    color: #fff;
    transform: rotate(90deg);
}

.main-header .nav__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    padding: 10px 0;
    color: #fff;
    text-decoration: none;
    transition: 0.4s;
    font-size: 18px;
    overflow: hidden;
}

.main-header .nav__item .nav__link[href*="sign-up-ru.html"]::hover,
.main-header .nav__item .nav__link[href*="sign-up.html"]:hover {
    animation: paused;
}

.main-header .nav__link::before,
.main-header .note-link__link:last-child::before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 1px;
    transition: 0.4s;
    transform: translateX(-100%);
    background-color: #4fe2ff;
    visibility: hidden;
}

.main-header .nav__item .nav__link[href*="sign-up-ru.html"]::before,
.main-header .nav__item .nav__link[href*="sign-up.html"]::before,
.main-header .note-link__link:last-child::before {
    animation: pulse 3s infinite;
    visibility: visible;
}

.main-header .nav__item .nav__link[href*="sign-up-ru.html"]:hover::before,
.main-header .nav__item .nav__link[href*="sign-up.html"]:hover::before,
.main-header .note-link__link:last-child:hover::before {
    animation: paused;
}

.main-header .nav__link:focus,
.main-header .nav__link:hover,
.main-header .note-link__link:focus,
.main-header .note-link__link:hover,
.toggle-drop .main-menu__link:focus,
.toggle-drop .main-menu__link:hover {
    color: #4fe2ff;
}

.main-header .nav__link:focus::before,
.main-header .nav__link:hover::before,
.toggle-drop .main-menu__link:focus::before,
.toggle-drop .main-menu__link:hover::before {
    transform: translateX(0);
    visibility: visible;
}

.main-header .nav__link.active,
.main-header .nav__link:active,
.main-header .note-link__link.active,
.toggle-drop .main-menu__link.active,
.toggle-drop .main-menu__link:active,
.toggle-drop .note-link__link:active {
    color: #4fe2ff;
}

.main-header .contact-phones {
    z-index: 10;
}

.main-header .contact-phones__list:not(:last-child) {
    margin-bottom: 10px;
}

.main-header .contact-phones__item:not(:last-child) {
    margin-right: 10px;
}

.main-header .contact-phones__item:nth-child(odd):after {
    color: gray;
}

.main-header .contact-phones__link {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
}

.main-header .contact-phones__link:focus,
.main-header .contact-phones__link:hover {
    color: #4fe2ff;
}

.main-header .contact-phones__link.active,
.main-header .contact-phones__link:active {
    color: #4fe2ff;
}

.main-header.affix {
    background-color: rgba(0, 0, 0, 0.84);
}

.main-header .note-link {
    display: none;
    margin-top: 10px;
    z-index: 10;
}

.main-header .note-link__link {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
}

.main-header .note-link__link:not(:last-child) {
    margin-right: 15px;
}

@keyframes stripes {
    0% {
        background-position: -65px 0;
    }
    20% {
        background-position: 0 0;
    }
    80% {
        background-position: 0 0;
    }
    100% {
        background-position: 44px 0;
    }
}

@keyframes pulse {
    0% {
        transform: translateX(-100%);
    }
    20% {
        transform: translateX(0);
    }
    80% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}

.toggle {
    position: relative;
    display: none;
    transition: 0.3s;
    z-index: 10;
}

.toggle__icon {
    position: relative;
    display: block;
    width: 30px;
    height: 16px;
}

.toggle__line {
    position: absolute;
    display: block;
    height: 2px;
    background-color: #fff;
    transition: 0.3s;
}

.toggle__line:nth-child(1) {
    top: 0;
    width: 100%;
}

.toggle__line:nth-child(2) {
    top: calc(50% - 1px);
    width: 100%;
}

.toggle__line:nth-child(3) {
    top: calc(50% - 1px);
    width: 100%;
}

.toggle__line:nth-child(4) {
    top: 14px;
    right: 0;
    width: 100%;
}

.toggle.active .toggle__line:nth-child(1) {
    transform: translateY(-14px);
    opacity: 0;
}

.toggle.active .toggle__line:nth-child(2) {
    width: 100%;
    transform: rotate(45deg);
}

.toggle.active .toggle__line:nth-child(3) {
    width: 100%;
    transform: rotate(-45deg);
}

.toggle.active .toggle__line:nth-child(4) {
    transform: translateY(14px);
    opacity: 0;
}

.toggle-drop {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    margin-top: 85px;
    width: 0;
    height: 100vh;
    visibility: hidden;
    border-top: 1px solid #687687;
    background: #44546a;
    overflow-y: scroll;
    transition: 0.3s linear;
    box-shadow: 3px -5px 7px 3px #44546a;
}

.toggle-drop.active {
    width: calc(100% - 50px);
    visibility: visible;
}

.toggle-drop .main-menu__link {
    position: relative;
    display: block;
    padding: 15px 67px;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    border-bottom: 1px solid #687687;
}

.toggle-drop .toggle-drop__locale-link {
    position: relative;
    display: block;
    padding: 15px 67px;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    border-bottom: 1px solid #687687;
}

.main-footer {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
}

.main-footer__top-line {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    background-color: #7f7f7f;
}

.main-footer__top-line .contact-phones__title {
    font-size: 1.375rem;
}

.main-footer__top-line .contact-phones__main {
    margin-top: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-footer__top-line .contact-phones__link {
    color: #fff;
    text-decoration: none;
    font-size: 1.75rem;
}

.main-footer__top-line .contact-phones__link:focus,
.main-footer__top-line .contact-phones__link:hover {
    color: #95c11f;
}

.main-footer__top-line .contact-phones__link.active,
.main-footer__top-line .contact-phones__link:active {
    color: #86ae1c;
}

.main-footer__bottom-line {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    background-color: #595959;
}

.contact-phones__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

.contact-phones__item {
    line-height: 0.9;
}

.contact-phones__link {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color;
    transition-property: color;
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.nav__link {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color;
    transition-property: color;
}

small.copyright {
    font-size: 0.9375rem;
}

.feedbacks {
    position: relative;
    margin-top: 90px;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background-image: url(/images/feedbacks/backgrounds/1.png), url(/images/feedbacks/backgrounds/2.png), url(/images/feedbacks/backgrounds/3.png), url(/images/feedbacks/backgrounds/4.png);
    background-position: top 2% right, top 36% right, top 66% right, bottom 3% right;
    background-size: contain;
    background-repeat: no-repeat;
}

.feedbacks:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.4);
    content: " ";
}

.feedbacks .feedback {
    position: relative;
    z-index: 2;
}

.feedback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.feedback__left-side {
    margin-right: 1rem;
    max-width: 6.875rem;
    -ms-flex-preferred-size: 110px;
    flex-basis: 110px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.feedback__author-photo {
    max-width: 100%;
    border-radius: 100%;
}

.feedback__title {
    margin-top: 0;
    margin-bottom: 0.375rem;
    font-size: 1.125rem;
    font-weight: 700;
}

.feedback__text {
    font-size: 0.875rem;
    line-height: 1.1;
}

.feedback + .feedback {
    margin-top: 2.5rem;
}

.page-header {
    margin-top: 0;
    text-align: center;
}

.main section {
    overflow: hidden;
}

.main .main-navigation {
    position: relative;
}

.main .homepage .container {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 70px;
}

.main .navigation {
    position: fixed;
    top: calc(70px + 5%);
    right: 5%;
    z-index: 100;
}

@media only screen and (max-width: 1024px) {
    .main .navigation {
        display: none;
    }
}

.main .navigation .dots {
    display: flex;
    flex-direction: column;
}

.main .navigation .dots__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
    width: 20px;
    height: 20px;
    cursor: default;
}

.main .navigation .dots__item:first-child {
    margin-top: 0;
}

.main .navigation .dots__item:last-child {
    margin-bottom: 0;
}

.main .navigation .dots__item::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #fff;
}

.main .navigation .dots__item::after {
    content: "";
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
}

.main .navigation .dots__item.active::after {
    display: block;
}

.main .homepage {
    position: relative;
    height: 100vh;
}

.main .video-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}

.main .video {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    background-size: cover;
}

.main .container {
    position: relative;
    height: 100%;
}

.main .homepage__label {
    padding: 10px 0 10px;
    text-align: center;
    font-size: 20px;
    color: #44546a;
}

.main .homepage__logo {
    width: 100%;
    height: auto;
}

.main .homepage__float-block {
    position: relative;
    top: 5vw;
    left: 0;
}

.main .homepage__info {
    margin-left: 224px;
}

.main .homepage__info--ru {
    margin-left: 210px;
}

@media screen and (max-width: 1279px) {
    .container,
    .main-header__inner {
        max-width: 100%;
    }

    .main-header__inner {
        padding: 0 15px;
    }

    .container {
        padding: 0 25px;
    }

    .main .homepage__float-block {
        left: 0;
    }

    .main .homepage__info--ru {
        margin-left: 200px;
    }
}

@media screen and (max-width: 1024px) {
    .main-header {
        padding: 0 15px;
    }

    .container {
        max-width: 75rem;
        width: 100%;
        padding: 0 40px;
    }

    .main .homepage__float-block {
        left: 0;
    }

    .main .homepage__info {
        margin-left: 215px;
    }

    .main .video {
        display: none;
    }

    .main section {
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main .homepage {
        background-image: url(../images/homepage-mobile.jpg);
    }

    .main .program {
        background-image: url(../images/program-mobile.jpg);
    }

    .main .offer {
        background-image: url(../images/offer-mobile.jpg);
    }

    /*.main .for-parents {*/
    /*    background-image: url(../images/for-parents-mobile.jpg);*/
    /*}*/

    .main .class {
        background-image: url(../images/class-mobile.jpg);
    }

    .main .clients {
        background-image: url(../images/clients-mobile.jpg);
    }

    .main .note {
        background-image: url(../images/note-mobile.jpg);
    }
}

@media screen and (max-width: 991px) {
    .container {
        padding: 0 30px;
    }
}

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

    .main-header .note-link {
        display: block;
    }

    .main-header {
        height: auto;
        padding: 10px;
    }

    .main-header .main-header__inner {
        justify-content: flex-end;
        align-items: flex-start;
        max-width: 100%;
    }

    .main-header .logo {
        width: 37px;
        height: 50px;
        margin-top: -5px;
    }

    .main-header .contact-phones {
        flex-shrink: 1;
        margin-left: 20px;
        margin-right: auto;
    }

    .main-header .contact-phones__list {
        justify-content: flex-start;
    }

    .main-header .contact-phones__link {
        font-size: 14px;
    }

    .main-header .nav__item {
        margin: 0 auto;
    }

    .main-header .nav {
        display: none;
    }

    .container,
    .main-header__inner {
        max-width: 100%;
        width: 100%;
    }

    .main-header__inner {
        padding: 0 10px;
    }

    .container {
        padding: 0 24px;
    }

    .main-header .nav__link {
        padding: 0;
    }

    .main-header__locale {
        display: none;
    }

    .main .homepage .container {
        padding-top: 90px;
    }

    .main .homepage__label {
        font-size: 16px;
    }

    .main .homepage__logo {
        margin-top: 0;
    }

    .main .homepage__info {
        color: #162919;
        margin-left: -10%;
        display: flex;
        justify-content: center;
    }
}

.main .homepage__logo img {
    max-width: 100%;
    height: auto;
}

.main [data-el="logo"] {
    transition: 0.5s;
    transition-delay: 2s;
    opacity: 0;
}

.main [data-el="logo"].active {
    opacity: 1;
}

.main .info-list {
    display: inline-block;
    list-style-type: none;
    padding-left: 0;
}

.main .info-list__item {
    visibility: hidden;
    opacity: 0;
    text-align: center;
    transform: translateY(-1000px);
    font-size: 20px;
    color: #44546a;
    transition: 0.6s;
}

@keyframes rainbow_animation {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 400% 100%;
    }
}

.main .info-list__item.active {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}

.main .info-list__item.active:nth-child(1) {
    transition-delay: 2s;
    animation-delay: 2.5s;
}

.main .info-list__item.active:nth-child(2) {
    transition-delay: 2.5s;
    animation-delay: 3s;
}

.main .info-list__item.active:nth-child(3) {
    transition-delay: 3s;
    animation-delay: 3.5s;
}

.main .info-list__item.active:nth-child(4) {
    transition-delay: 3.5s;
    animation-delay: 4s;
}

.main .info-list__item.active:nth-child(5) {
    transition-delay: 4s;
    animation-delay: 4.5s;
}

.main .info-list__item.active:nth-child(6) {
    transition-delay: 4.5s;
    animation-delay: 5s;
}

.main .info-list__item.active:nth-child(7) {
    transition-delay: 5s;
    animation-delay: 5.5s;
}

.main .info-list__item.active:nth-child(8) {
    transition-delay: 5.5s;
    animation-delay: 6s;
}

.main .section-block {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.main .section-info {
    margin-top: auto;
    margin-bottom: 20%;
    padding: 50px;
    max-width: 880px;
    width: 100%;
    color: #fff;
}

.main [data-el="content.figure-left"] {
    visibility: hidden;
    opacity: 0;
    transition: 1s;
    transform: translateX(-1000px);
}

.main [data-el="content.figure-right"] {
    visibility: hidden;
    opacity: 0;
    transition: 1s;
    transition-delay: 0.5s;
    transform: translateX(1000px);
}

.main [data-el="content.text-top"] {
    visibility: hidden;
    opacity: 0;
    transition: 1s;
    transition-delay: 1s;
    transform: translateY(-1000px);
}

.main [data-el="content.text-down"] {
    visibility: hidden;
    opacity: 0;
    transition: 1s;
    transition-delay: 1.5s;
    transform: translateY(-1000px);
}

.main [data-el="content"].active [data-el="content.figure-left"],
.main [data-el="content"].active [data-el="content.figure-right"] {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

.main [data-el="content"].active [data-el="content.text-down"],
.main [data-el="content"].active [data-el="content.text-top"] {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.main .section-figure {
    position: absolute;
    width: 100%;
    height: 400px;
    background-size: contain, contain;
    background-repeat: no-repeat, no-repeat;
    z-index: 0;
}

.main .section-figure--program-left {
    margin-top: -6%;
    left: -25%;
    background-image: url(../images/figure-1.png);
}

.main .section-figure--program-right {
    margin-top: -6%;
    left: -25%;
    background-image: url(../images/figure-2.png);
}

.main .section-about-us {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    background-image: url(../images/section-about-us.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
}

.main .section-about-us::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(33, 36, 61, 0.56);
}

.main .section-about-us > * {
    z-index: 1;
}

.main .section-about-us__text-rotator {
    display: flex;
    align-items: center;
    height: 100%;
    font-family: Lato, sans-serif;
}

.text-rotator {
    width: 100%;
    display: none;
}

.text-rotator .ah-headline .ah-words-wrapper {
    max-width: 1200px;
}

.text-rotator .ah-headline.clip .ah-words-wrapper::after {
    width: 4px;
    background-color: #ff7c7c;
}

.text-rotator b {
    min-width: 1200px;
    font-family: Lato, sans-serif;
    font-size: 80px;
    font-weight: 700;
    color: #fff;
    word-break: break-word;
    line-height: 1.2;
}

.section-features {
    display: flex;
    flex-direction: column;
    padding: 100px 0;
    font-family: Lato, sans-serif;
}

.section-features .section-title {
    margin-bottom: 100px;
}

.section-features .section-features__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -10px;
}

.section-features .section-features__list--four .section-features__item {
    flex: 0 0 25%;
    max-width: 25%;
}

.section-features .section-features__list--three .section-features__item {
    flex: 0 0 33%;
    max-width: 33%;
}

.section-features .section-features__list--three .section-features__label {
    margin-bottom: 10px;
}

.section-features .section-features__list--three .section-features__text {
    font-size: 18px;
    color: #000;
}

.section-features .section-features__item {
    padding: 15px 11px;
}

.section-features .section-features__item-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section-features .section-features__icon {
    display: flex;
    margin-bottom: 20px;
    width: 100px;
    height: 100px;
}

.section-features .section-features__icon svg {
    display: flex;
}

.section-features .section-features__label {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

.section-features .section-features__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.section-gallery {
    padding: 30px 0;
    color: #fff;
    background-color: #21243d;
}

.gallery-row {
    display: flex;
    flex-direction: row;
    margin: -15px;
    height: 70vh;
    min-height: 500px;
}

.gallery-row .gallery-column-items {
    display: flex;
    flex-direction: column;
    flex: 0 0 35%;
    max-width: 35%;
}

.gallery-row .gallery-item {
    display: flex;
    padding: 15px;
    height: 100%;
}

.gallery-row .gallery-column-items .gallery-item {
    height: 50%;
}

.gallery-row .gallery-picture {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}

.gallery-row .gallery-image {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.gallery-row .gallery-item-large {
    flex: 0 0 65%;
    max-width: 65%;
}

.gallery-row:not(:last-child) {
    margin-bottom: 15px;
}

.gallery-row:nth-child(even) {
    flex-direction: row-reverse;
}

.section-videos {
    padding: 100px 0;
}

.section-videos .section-videos__list {
    display: flex;
    flex-direction: column;
}

.section-videos .section-videos__item:not(:last-child) {
    margin-bottom: 20px;
}

.section-videos__video {
    width: 100%;
    height: 50vh;
    min-height: 500px;
    border-radius: 6px;
    overflow: hidden;
}

.section-slider {
    padding: 100px 0;
}

.section-slider__title {
    max-width: 85vw !important;
}

.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.swiper-slide-image {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    opacity: 0.85;
    transition: opacity 0.2s ease-out;
    background: #21243d;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 16px;
}

.gallery-top {
    height: 80%;
    width: 100%;
}

.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
    transition: opacity 0.2s ease-out;
}

.gallery-thumbs .swiper-slide-thumb-active,
.gallery-thumbs .swiper-slide:hover {
    opacity: 1;
}

.section-slider .section-slider__content {
    height: 120vh;
    min-height: 680px;
}

.section-logos {
    padding: 100px 0;
}

.section-logos__content {
    position: relative;
    height: auto;
    min-height: 1200px;
    overflow: hidden;
    touch-action: none;
}

.section-logos__picture {
    display: flex;
    width: 100%;
    height: 1200px;
    background-image: url(../images/logos-default.jpeg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    z-index: 1;
}

.section-logos__block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/logos-color.jpeg);
    background-size: cover;
    z-index: 2;
}

.section-logos__border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: auto;
    transform: translateY(-24px);
    z-index: 5;
    cursor: row-resize;
    touch-action: pan-y;
}

.section-logos__line {
    width: 100%;
    height: 4px;
    background-color: #ffad00;
}

.section-logos__line-button {
    position: relative;
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 4px solid #ffad00;
    transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
}

.section-logos__line-button:hover {
    background-color: rgba(255, 173, 0, 0.38);
    box-shadow: 0 0 1px rgba(33, 39, 54, 0.05), 0 0 8px rgba(33, 39, 54, 0.16);
}

.section-logos__line-button::after,
.section-logos__line-button::before {
    content: "";
    position: absolute;
    top: 15%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 7.5px 0 7.5px;
    border-color: #ffad00 transparent transparent transparent;
    transform: translate(-50%, 0) rotate(180deg);
}

.section-logos__line-button::before {
    top: calc(50% + 4px);
    transform: translate(-50%, calc(-50% + 2px)) rotate(0);
}

.main.main--office {
    font-family: Poppins, sans-serif;
}

.main.main--office ol li {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    color: #333;
}

.main.main--office .section-features {
    color: #333;
    background: url(../images/office/features-background.svg) 50% 50% / cover no-repeat fixed;
}

.main.main--office h2 {
    margin-bottom: 45px;
    font-size: 50px;
    font-weight: 600;
    color: #333;
    text-align: left;
}

.section-office {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 800px;
    color: #fff;
    background-image: url(../images/office/office-background.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
}

.section-office__content {
    position: absolute;
    top: 55%;
    padding: 0 15px;
    transform: translateY(-50%);
}

.section-office__title {
    font-size: 120px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 50px;
}

.section-office__subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
}

.section-how-works {
    display: flex;
    padding: 60px 0;
    color: #333;
}

.section-how-works__main {
    display: flex;
    flex-direction: row;
    margin: 0 -15px;
}

.section-how-works__content,
.section-how-works__picture {
    display: flex;
    flex-direction: column;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}

.section-how-works__picture {
    padding: 0 25px;
}

.section-how-works__img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.office-list {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}

.office-list__item {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
}

.office-list__item:not(:last-child) {
    margin-bottom: 30px;
}

.section-how-download {
    padding: 45px 0 30px;
}

.section-how-download__main {
    padding: 0 15px;
}

.section-how-download__submit {
    display: block;
    margin: 40px 0 40px;
    padding: 14px 30px;
    width: auto;
    max-width: 245px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    background-color: #ffd600;
    transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in, box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;
    cursor: pointer;
}

.section-how-download__submit:hover {
    background-color: #333;
}

.section-how-install {
    position: relative;
    padding: 50px 0 120px;
    width: 100%;
    background: url(../images/office/install-background.svg) -15px -20% / cover no-repeat fixed, #fff;
}

.section-how-install__title {
    margin: 20px 0 !important;
    font-size: 40px !important;
}

.section-ol__picture {
    position: relative;
    display: block;
    margin: 20px 0;
    max-width: 100%;
    min-height: 32px;
    padding-top: 33.3333%;
    overflow: hidden;
}

.section-ol__picture.small {
    padding-top: 12.29%;
}

.section-ol__picture.large {
    padding-top: 47.69%;
}

.section-ol__picture--button {
    padding-top: 5.02% !important;
}

.section-ol__img {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "object-fit:cover";
    object-fit: contain;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-repeat: no-repeat;
}

.section-team-viewer {
    position: relative;
    padding: 0 0 80px;
    color: #fff;
    background: linear-gradient(90deg, rgba(45, 25, 206, 0.9) 0, rgba(235, 40, 80, 0.9) 100%);
}

.section-team-viewer__title {
    margin: 25px 0 !important;
    color: #fff !important;
    font-size: 40px !important;
    text-align: center !important;
}

.section-team-viewer__parallax {
    position: absolute;
    top: -40%;
    bottom: -40%;
    left: 0;
    right: 0;
    opacity: 0.45;
    background: url(../images/office/team-viewer-background.jpeg) 50% 50% / cover no-repeat;
    z-index: -1;
}

.section-team-viewer__main {
    padding: 0 15px;
}

.section-team-viewer li {
    color: #fff !important;
}

.section-team-viewer__contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
}

.section-team-viewer__contacts-text {
    font-size: 40px;
    line-height: 1.7;
}

.section-office-footer {
    position: relative;
    height: 170px;
    background: url(../images/office/footer.svg) 50% 50% / cover no-repeat, #f3f6fb;
}

@media screen and (max-width: 1024px) {
    .main .section-about-us {
        height: 60vh;
    }

    .main.main--about-us .section-title {
        max-width: 100%;
        margin-bottom: 60px !important;
    }

    .text-rotator {
        margin-top: -15vh;
    }

    .text-rotator b {
        max-width: calc(100vw - 40px);
        min-width: calc(100vw - 40px);
        font-size: 69px;
    }

    .gallery-row {
        height: 26vh;
        min-height: 300px;
    }

    .gallery-row:last-child {
        height: 40vh;
    }

    .gallery-row .gallery-column-items {
        flex: 0 0 35%;
        max-width: 35%;
    }

    .section-slider {
        padding: 60px 0;
    }

    .section-slider .section-slider__content {
        height: 50vh;
    }

    .section-ol__picture {
        padding-top: 43.3333%;
    }

    .section-office {
        height: 68vh;
    }

    .section-office__content {
        top: 50%;
        max-width: 70%;
        padding: 0;
    }

    .main.main--office h2.section-how-install__title {
        font-size: 50px !important;
    }

    .section-how-download__main {
        padding: 0;
    }

    .section-team-viewer__main {
        padding: 0;
    }
}

@media screen and (max-width: 991px) {
    .section-about-us {
        height: 655px;
    }

    .text-rotator {
        margin-top: -10vh;
    }

    .text-rotator b {
        min-width: calc(100vw - 30px);
        max-width: calc(100vw - 30px);
    }

    .main.main--about-us .section-title {
        font-size: 47px !important;
    }

    .section-features .section-features__list--four .section-features__item,
    .section-features .section-features__list--three .section-features__item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .section-features .section-features__list {
        margin: 0;
    }

    .section-features .section-features__label {
        font-size: 23px;
    }

    .section-features .section-features__text {
        max-width: 75%;
    }

    .section-gallery {
        padding: 20px 0 40px;
    }

    .section-slider__title {
        max-width: 90vw;
    }

    .section-slider .section-slider__content {
        min-height: auto;
    }

    .section-videos__video {
        height: 23vh;
        min-height: 230px;
    }

    .section-logos__content {
        min-height: 690px;
    }

    .section-logos__picture {
        height: 80vh;
    }

    .main.main--office h2 {
        font-size: 25px !important;
    }

    .section-office__title {
        margin-bottom: 35px;
        font-size: 91px;
    }

    .section-how-works__content,
    .section-how-works__picture {
        padding: 0 10px;
    }

    .main.main--office h2.section-how-install__title {
        font-size: 23.5px !important;
    }

    .main.main--office h2.section-features__title {
        max-width: 100% !important;
        font-size: 46px !important;
        text-align: center;
    }

    .section-features .section-features__list--three .section-features__label {
        margin-bottom: 20px;
    }

    .section-features .section-features__list--three .section-features__text {
        font-size: 16px !important;
        max-width: 100% !important;
    }

    .section-features .section-features__list--three .section-features__item {
        padding: 15px 5px;
    }

    .main.main--office h2.section-team-viewer__title {
        font-size: 46px !important;
    }

    .section-team-viewer__contacts-text {
        font-size: 16px;
    }

    .section-ol__picture {
        padding-top: 33.3333%;
    }
}

@media screen and (max-width: 767px) {
    .section-features,
    .section-slider,
    .section-videos {
        padding: 60px 0;
    }

    .main .section-about-us {
        margin-top: 90px;
        min-height: auto;
        height: calc(100vh - 100px);
    }

    .text-rotator b {
        font-size: 58px;
        line-height: 1.2;
    }

    .main.main--about-us .section-title {
        margin-bottom: 40px !important;
        font-size: 38px !important;
    }

    .section-features .section-features__icon {
        width: 70px;
        height: 70px;
    }

    .section-features .section-features__label {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .section-features .section-features__text {
        max-width: 100%;
    }

    .section-features .section-features__list--four .section-features__item,
    .section-features .section-features__list--three .section-features__item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section-features .section-features__item {
        padding-right: 0;
        padding-left: 0;
    }

    .main.main--about-us .section-gallery__title.section-title {
        margin-bottom: 20px !important;
    }

    .section-gallery {
        padding: 20px 0 30px;
    }

    .gallery-row {
        height: 19vh;
        min-height: auto;
        margin: -7.5px;
    }

    .gallery-row .gallery-item {
        padding: 7.5px;
    }

    .gallery-row .gallery-column-items {
        flex: 0 0 33%;
        max-width: 33%;
    }

    .gallery-row:not(:last-child) {
        margin-bottom: 5px;
    }

    .section-videos__video {
        height: 16vh;
        min-height: auto;
    }

    .section-slider__title {
        max-width: 100% !important;
        padding: 0 !important;
    }

    .section-slider .section-slider__content {
        min-height: 200px;
        height: 38vh;
    }

    .section-videos__title {
        padding: 0 !important;
    }

    .section-logos__content {
        min-height: 55vh;
        max-height: 360px;
    }

    .section-logos__picture {
        height: 55vh;
        max-height: 360px;
    }

    .section-office {
        min-height: 600px;
        height: 80vh;
    }

    .section-office__content {
        max-width: 100%;
    }

    .section-office__title {
        font-size: 62px;
    }

    .section-office__subtitle {
        max-width: calc(100% - 30px);
    }

    .main.main--office h2 {
        font-size: 22px !important;
        margin-bottom: 35px;
    }

    .main.main--office ol li {
        font-size: 16px;
    }

    .section-how-works {
        padding: 60px 0 20px;
    }

    .main.main--office h2.section-how-works__title {
        font-size: 24px !important;
    }

    .section-how-works__main {
        flex-direction: column;
    }

    .section-how-works__picture {
        margin-bottom: 20px;
    }

    .section-how-works__content,
    .section-how-works__picture {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 20px;
    }

    .section-how-download__submit {
        width: 80%;
        min-width: 280px;
        max-width: 100%;
    }

    .main.main--office h2.section-features__title,
    .main.main--office h2.section-team-viewer__title {
        font-size: 38px !important;
    }

    .section-how-install {
        background-position-x: -50px;
    }

    .section-team-viewer__contacts {
        margin-top: 20px;
    }
}

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

    .text-rotator b {
        font-size: 42px;
    }
}

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

    .text-rotator b {
        font-size: 36px;
        line-height: 1.5;
    }
}

.main .section-title {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    line-height: 1;
    padding: 10px 0;
    font-size: 52px;
    z-index: 5;
}

.main.main--about-us {
    color: #21243d;
}

.main.main--about-us .section-title {
    margin-bottom: 90px;
    font-family: Lato, sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.2;
    padding-left: 5px;
    padding-right: 5px;
}

.main .section-text {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.2;
    font-size: 22px;
    z-index: 5;
}

.main .section-text span,
.main .section-title span {
    display: block;
}

.main .program {
    position: relative;
    height: 100vh;
}

.main .section-text--class,
.main .section-title--class,
.main .section-title--for-parents,
.main .section-title--offer {
    max-width: 100%;
}

.main .section-title--clients {
    white-space: nowrap;
}

.main .section-info--program {
    margin-left: -27%;
}

.main .offer {
    position: relative;
    height: 100vh;
}

.main .section-figure--offer-left {
    width: 900px;
    height: 450px;
    margin-top: -11%;
    margin-left: -10%;
    background-image: url(../images/figure-3.png);
}

.main .section-figure--offer-right {
    width: 1200px;
    height: 450px;
    margin-top: -8%;
    margin-left: -3%;
    background-image: url(../images/figure-4.png);
}

.main .section-info--offer {
    margin-left: 30%;
}

@media screen and (max-width: 1024px) {
    .main .section-figure--offer-left,
    .main .section-figure--offer-right,
    .main .section-info--offer {
        margin-left: 0;
        left: 0;
    }
}

.main .for-parents {
    position: relative;
    height: 100vh;
    margin-bottom: 0;
}

.main .section-figure--for-parents-left {
    width: 800px;
    height: 400px;
    margin-top: -10%;
    left: -20%;
    background-image: url(../images/figure-5.png);
}

.main .section-figure--for-parents-right {
    width: 1200px;
    height: 600px;
    margin-top: -13%;
    left: -25%;
    background-image: url(../images/figure-6.png);
}

.main .section-info--for-parents {
    margin-left: -25%;
}

@media screen and (max-width: 1024px) {
    .main .section-figure--for-parents-left,
    .main .section-figure--for-parents-right,
    .main .section-info--for-parents {
        margin-left: 0;
        left: 0;
    }
}

.main .class {
    position: relative;
    height: 100vh;
}

.main .section-figure--class-left {
    width: 900px;
    height: 450px;
    margin-top: -14%;
    margin-left: 5%;
    background-image: url(../images/figure-7.png);
}

.main .section-figure--class-right {
    width: 900px;
    height: 430px;
    margin-top: -10%;
    margin-left: 0;
    background-image: url(../images/figure-8.png);
}

.main .section-info--class {
    margin-left: 30%;
}

@media screen and (max-width: 1024px) {
    .main .section-figure--class-left,
    .main .section-figure--class-right,
    .main .section-info--class {
        margin-left: 0;
        left: 0;
    }
}

.main .clients {
    position: relative;
    height: 100vh;
}

.main .section-figure--clients-left {
    width: 800px;
    height: 430px;
    margin-top: -10%;
    left: -15%;
    background-image: url(../images/figure-9.png);
}

.main .section-figure--clients-right {
    width: 1200px;
    height: 530px;
    margin-top: -15%;
    left: -32%;
    background-image: url(../images/figure-10.png);
}

.main .section-info--clients {
    margin-left: -25%;
}

@media screen and (max-width: 1024px) {
    .main .section-figure--clients-left,
    .main .section-figure--clients-right,
    .main .section-info--clients {
        margin-left: 0;
        left: 0;
    }
}

@media screen and (max-width: 1024px) {
    .main .section-title--clients {
        white-space: normal;
    }
}

.main .note {
    position: relative;
    height: 100vh;
}

.main .section-figure--note-left {
    width: 1200px;
    height: 450px;
    margin-top: -11%;
    margin-left: 2%;
    background-image: url(../images/figure-11.png);
}

.main .section-figure--note-right {
    width: 1200px;
    height: 550px;
    margin-top: -15%;
    margin-left: 7%;
    background-image: url(../images/figure-12.png);
}

.main .section-info--note {
    margin-left: 35%;
    margin-bottom: 3%;
}

.main .note-form {
    position: relative;
    min-height: 100vh;
    height: auto;
}

.main .note-form::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/note-form.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    transform: scaleX(-1);
}

.main .note-form > div {
    position: relative;
}

.main .note-form .section-block {
    justify-content: center;
}

.main .section-info--note-form {
    margin: 0 auto;
}

.main .note-form .sign-up {
    margin: 0;
    width: 100%;
}

.main .note-form .sign-up .page-header {
    font-size: 52px;
}

.main .note-form .sign-up .form__fieldset-title {
    font-size: 52px;
}

.main .note-form .sign-up .form__fieldset-description {
    font-size: 22px;
}

.main .note-form .sign-up .button--primary {
    font-size: 22px;
}

@media screen and (max-width: 1279px) {
    .main .section-figure--clients-left,
    .main .section-figure--clients-right,
    .main .section-figure--for-parents-left,
    .main .section-figure--for-parents-right,
    .main .section-figure--program-left,
    .main .section-figure--program-right,
    .main .section-info--clients,
    .main .section-info--for-parents,
    .main .section-info--program {
        margin-left: 0;
        left: 0;
    }
}

@media screen and (max-width: 1024px) {
    .main .section-figure--note-left,
    .main .section-figure--note-right,
    .main .section-info--note {
        margin-left: 0;
        left: 0;
    }
}

@media screen and (max-width: 767px) {
    .main .section-figure {
        width: 200%;
        margin-left: -50%;
    }

    .main .section-figure--for-parents-left {
        margin-top: -15%;
    }

    .main .section-figure--for-parents-right {
        margin-top: -30%;
    }

    .main .section-info--offer {
        margin-bottom: 10%;
    }

    .main .section-info {
        padding: 0;
        margin-bottom: 10%;
    }

    .main .section-title {
        font-size: 40px;
        max-width: 100%;
    }

    .main .section-text {
        max-width: 100%;
        font-size: 19px;
    }

    .main .section-text span {
        display: inline;
    }

    .main .note-form .sign-up {
        padding: 10vh 0;
    }

    .main .section-info--note-form {
        margin-bottom: 0;
    }

    .main .note-form .sign-up .page-header {
        font-size: 40px;
    }

    .main .note-form .sign-up .form__fieldset-title {
        font-size: 40px;
    }

    .form__fieldset-description,
    .main .note-form .sign-up .form__fieldset-description {
        font-size: 19px;
    }
}

.program-items {
    padding-top: 70px;
}

.main .program-items__item {
    height: calc(100vh - 70px);
}

.program-item {
    position: relative;
    height: 100%;
}

.program-item__background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.program-item__background--first-1 {
    background-image: url(../images/program/backgrounds/bg-1--1.png);
    background-size: cover;
    background-position-x: center;
}

.program-item__background--first-2 {
    background-image: url(../images/program/backgrounds/bg-1--2.png);
    left: 0;
    width: 74vw;
    height: 85vh;
    bottom: 0;
    background-position: bottom center;
}

.program-item__background--first-3 {
    background-image: url(../images/program/backgrounds/bg-1--3.png);
    right: 0;
    width: 50vw;
    height: 100vh;
    bottom: 0;
    background-position: bottom center;
}

.program-item__background--second-1 {
    background-image: url(../images/program/backgrounds/bg-2--1.png);
    background-size: cover;
    background-position-x: left;
}

.program-item__background--second-2 {
    background-image: url(../images/program/backgrounds/bg-2--2.png);
    top: -2vh;
    left: 15vw;
    width: 20vw;
    height: 100vh;
    background-position: top left;
}

.program-item__background--second-3 {
    background-image: url(../images/program/backgrounds/bg-2--3.png);
    top: 3vh;
    left: 3vw;
    width: 8vw;
    height: 100vh;
}

.program-item__background--second-4 {
    background-image: url(../images/program/backgrounds/bg-2--4.png);
    top: calc(50% - 20vh);
    left: 37vw;
    width: 8vw;
    height: 100vh;
}

.program-item__background--third-1 {
    background-image: url(../images/program/backgrounds/bg-3--1.png);
    background-size: cover;
    background-position-x: center;
}

.program-item__background--third-2 {
    background-image: url(../images/program/backgrounds/bg-3--2.png);
    top: 2vh;
    right: 5vw;
    width: 30vw;
    height: 100vh;
    background-position-y: center;
}

.program-item__background--third-3 {
    background-image: url(../images/program/backgrounds/bg-3--3.png);
    top: calc(50% + 6vh);
    right: 25vw;
    width: 10vw;
    height: 100vh;
}

.program-item__background--fourth-1 {
    background-image: url(../images/program/backgrounds/bg-4--1.png);
    background-size: cover;
    background-position-x: center;
}

.program-item__background--fourth-2 {
    background-image: url(../images/program/backgrounds/bg-4--2.png);
    top: 0;
    left: -5vw;
    width: 50vw;
    height: 100vh;
    background-position-y: center;
}

.program-item__background--fourth-3 {
    background-image: url(../images/program/backgrounds/bg-4--3.png);
    top: calc(50% - 40vh);
    left: 5vw;
    width: 10vw;
    height: 100vh;
}

.program-item__background--fourth-4 {
    background-image: url(../images/program/backgrounds/bg-4--4.png);
    top: calc(50% + 7vh);
    left: 36vw;
    width: 10vw;
    height: 100vh;
}

.program-item__background--fifth-1 {
    background-image: url(../images/program/backgrounds/bg-5--1.png);
    background-size: cover;
    background-position-x: center;
    background-color: #fff;
}

.program-item__background--fifth-2 {
    background-image: url(../images/program/backgrounds/bg-5--2.png);
    top: 0;
    right: 2vw;
    width: 30vw;
    height: 100vh;
    background-position-y: center;
}

.program-item__background--fifth-3 {
    background-image: url(../images/program/backgrounds/bg-5--3.png);
    top: calc(50% - 33vh);
    right: 27vw;
    width: 8vw;
    height: 100vh;
}

.program-item__background--fifth-4 {
    background-image: url(../images/program/backgrounds/bg-5--4.png);
    top: calc(50% - 5vh);
    right: calc(50% - 15vw);
    width: 8vw;
    height: 100vh;
}

.program-item__background--fifth-5 {
    background-image: url(../images/program/backgrounds/bg-5--5.png);
    top: calc(50% - 7vh);
    right: 3vw;
    width: 8vw;
    height: 100vh;
}

.program-item__background--sixth-1 {
    background-image: url(../images/program/backgrounds/bg-6--1.png);
    background-size: cover;
    background-position-x: center;
    background-color: #fff;
}

.program-item__background--sixth-2 {
    background-image: url(../images/program/backgrounds/bg-6--2.png);
    top: -2vh;
    left: 6vw;
    width: 35vw;
    height: 100vh;
    background-position-y: center;
}

.program-item__background--sixth-3 {
    background-image: url(../images/program/backgrounds/bg-6--3.png);
    top: calc(50% + 6vh);
    left: 33vw;
    width: 8vw;
    height: 100vh;
}

.program-item__background--sixth-4 {
    background-image: url(../images/program/backgrounds/bg-6--4.png);
    top: calc(50% + 3vh);
    left: 5vw;
    width: 10vw;
    height: 100vh;
}

.program-item__background--sixth-5 {
    background-image: url(../images/program/backgrounds/bg-6--5.png);
    top: 13vh;
    left: 4vw;
    width: 10vw;
    height: 100vh;
}

.program-item__background--sixth-6 {
    background-image: url(../images/program/backgrounds/bg-6--6.png);
    top: calc(50% - 16vh);
    left: 35vw;
    width: 10vw;
    height: 100vh;
}

.program-item__background--seventh-1 {
    background-image: url(../images/program/backgrounds/bg-7--1.png);
    background-size: cover;
    background-position-x: center;
}

.program-item__background--seventh-2 {
    background-image: url(../images/program/backgrounds/bg-7--2.png);
    top: 0;
    right: 2vw;
    width: 30vw;
    height: 100vh;
    background-position-y: center;
}

.program-item__background--seventh-3 {
    background-image: url(../images/program/backgrounds/bg-7--3.png);
    top: calc(50% - 31vh);
    right: 31vw;
    width: 8vw;
    height: 100vh;
}

.program-item__background--seventh-4 {
    background-image: url(../images/program/backgrounds/bg-7--4.png);
    top: 3vh;
    right: 5vw;
    width: 8vw;
    height: 100vh;
}

.program-item__background--seventh-5 {
    background-image: url(../images/program/backgrounds/bg-7--5.png);
    top: calc(50% + 3vh);
    right: 2vw;
    width: 13vw;
    height: 100vh;
}

.program-item__background--eighth-1 {
    background-image: url(../images/program/backgrounds/bg-8--1.png);
    background-size: cover;
    background-position-x: center;
    background-color: #fff;
}

.program-item__background--eighth-2 {
    background-image: url(../images/program/backgrounds/bg-8--2.png);
    top: -2vh;
    left: 10vw;
    width: 35vw;
    height: 100vh;
    background-position-y: center;
    z-index: 2;
}

.program-item__background--eighth-3 {
    background-image: url(../images/program/backgrounds/bg-8--3.png);
    top: calc(50% - 43vh);
    left: 4vw;
    width: 15vw;
    height: 100vh;
}

.program-item__background--eighth-4 {
    background-image: url(../images/program/backgrounds/bg-8--4.png);
    top: calc(50% - 9vh);
    left: calc(50% - 10vw);
    width: 8vw;
    height: 100vh;
}

.program-item__background--ninth-1 {
    background-image: url(../images/program/backgrounds/bg-9--1.png);
    background-size: cover;
    background-position-x: center;
    background-color: #fff;
}

.program-item__background--ninth-2 {
    background-image: url(../images/program/backgrounds/bg-9--2.png);
    top: calc(50% - 14vh);
    right: 25vw;
    width: 20vw;
    height: 100vh;
}

.program-item__background--ninth-3 {
    background-image: url(../images/program/backgrounds/bg-9--3.png);
    top: -2vh;
    right: 6vw;
    width: 35vw;
    height: 100vh;
    background-position-y: center;
}

.program-item__background--ninth-4 {
    background-image: url(../images/program/backgrounds/bg-9--4.png);
    top: 13vh;
    right: calc(50% - 20vw);
    width: 8vw;
    height: 100vh;
}

.program-item__background--ninth-5 {
    background-image: url(../images/program/backgrounds/bg-9--5.png);
    top: calc(50% - 2vh);
    right: 3vw;
    width: 15vw;
    height: 100vh;
}

.program-item__background--ninth-6 {
    background-image: url(../images/program/backgrounds/bg-9--6.png);
    top: calc(50% - 30vh);
    right: -7.5vw;
    width: 15vw;
    height: 100vh;
}

.program-items .program-block {
    position: absolute;
    top: 3vw;
    z-index: 5;
}

.program-items .program-block--mobile {
    display: none;
}

.program-items .program-block--right {
    right: -2vw;
}

.program-items .program-block--right .program-text,
.program-items .program-block--right .program-title {
    text-align: right;
}

.program-items .program-block--left {
    left: -2vw;
}

.program-items .program-title {
    font-size: 75px;
    font-weight: 600;
    color: #000;
}

.program-items .program-text {
    font-size: 28px;
    line-height: 1.3;
    color: #000;
}

.program-items .program-text span,
.program-items .program-title span {
    display: block;
}

.program-items .program-item__background,
.program-items .program-text,
.program-items .program-title {
    transition-duration: 0.8s;
}

.program-items [data-el="program.bg-top"] {
    visibility: hidden;
    opacity: 0;
    transform: translateY(10%);
}

.program-items [data-el="program.bg-down"] {
    visibility: hidden;
    opacity: 0;
    transition-delay: 0.3s;
    transform: translateY(-30%);
}

.program-items [data-el="program.title-down"] {
    visibility: hidden;
    opacity: 0;
    transition-delay: 0.7s;
    transform: translateY(-30%);
}

.program-items [data-el="program.text-down"] {
    visibility: hidden;
    opacity: 0;
    transition-delay: 1s;
    transform: translateY(-20%);
}

.program-items [data-el="program.bg-right"] {
    visibility: hidden;
    opacity: 0;
    transition-delay: 1s;
    transform: translateX(-100%);
}

.program-items [data-el="program.bg-left"] {
    visibility: hidden;
    opacity: 0;
    transition-delay: 1.4s;
    transform: translateX(100%);
}

.program-items [data-el="program.bg-top-left"] {
    visibility: hidden;
    opacity: 0;
    transition-delay: 1.8s;
    transform: translate(500%, -50%);
}

.program-items [data-el="program.bg-bottom-right"] {
    visibility: hidden;
    transition: 0.6s;
    transition-delay: 2s;
    transform: translate(-500%, 50%);
    z-index: 3;
}

.program-item__background--second-3[data-el="program.bg-down"] {
    transition-delay: 1s;
}

.program-item__background--second-4[data-el="program.bg-down"] {
    transition-delay: 1.2s;
}

.program-item__background--third-3[data-el="program.bg-top"] {
    transition-delay: 1.5s;
    transform: translateY(100%);
}

.program-item__background--fourth-2[data-el="program.bg-right"] {
    transition-delay: 1.3s;
}

.program-item__background--fourth-3[data-el="program.bg-down"] {
    transition-delay: 1.5s;
}

.program-item__background--fourth-4[data-el="program.bg-top"] {
    transition-delay: 1.5s;
    transform: translateY(200%);
}

.program-item__background--fifth-3[data-el="program.bg-down"] {
    transition-delay: 1.7s;
}

.program-item__background--fifth-4[data-el="program.bg-top"] {
    transform: translateY(100%);
    transition-delay: 1.9s;
}

.program-item__background--fifth-5[data-el="program.bg-left"] {
    transition-delay: 2.1s;
}

.program-item__background--sixth-2[data-el="program.bg-right"] {
    transform: translateX(-100%);
}

.program-item__background--sixth-3[data-el="program.bg-right"] {
    transform: translateX(-1000%);
    opacity: 1;
    transition-duration: 1.3s;
    transition-delay: 1s;
}

.program-item__background--sixth-4[data-el="program.bg-right"] {
    transform: translateX(-400%);
    opacity: 1;
    transition-duration: 1s;
    transition-delay: 1s;
}

.program-item__background--sixth-5[data-el="program.bg-down"] {
    transition-delay: 1.5s;
}

.program-item__background--sixth-6[data-el="program.bg-down"] {
    transition-delay: 1.8s;
}

.program-item__background--seventh-3[data-el="program.bg-down"] {
    transform: translateY(-200%);
    transition-delay: 1.5s;
}

.program-item__background--seventh-5[data-el="program.bg-left"] {
    opacity: 1;
    transform: translateX(200%);
    transition-duration: 0.8s;
    transition-delay: 2s;
}

.program-item__background--eighth-2[data-el="program.bg-left"] {
    transform: translateX(300%);
    transition-duration: 0.8s;
    opacity: 1;
}

.program-item__background--ninth-2[data-el="program.bg-left"] {
    opacity: 1;
    transition-delay: 1s;
    transform: translateX(300%);
}

.program-item__background--ninth-3[data-el="program.bg-left"] {
    opacity: 1;
    transition-delay: 1.3s;
    transform: translateX(300%);
}

.program-item__background--ninth-4[data-el="program.bg-down"] {
    opacity: 1;
    transition-delay: 1.6s;
    transform: translateY(-100%);
}

.program-item__background--ninth-5[data-el="program.bg-left"] {
    opacity: 1;
    transition-delay: 1.9s;
    transform: translateX(300%);
}

.program-item__background--ninth-6[data-el="program.bg-left"] {
    opacity: 1;
    transition-delay: 2.2s;
    transform: translateX(300%);
}

.program-items [data-el="content"].active [data-el="program.bg-down"],
.program-items [data-el="content"].active [data-el="program.bg-top"],
.program-items [data-el="content"].active [data-el="program.text-down"],
.program-items [data-el="content"].active [data-el="program.title-down"] {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.program-items [data-el="content"].active [data-el="program.bg-left"],
.program-items [data-el="content"].active [data-el="program.bg-right"] {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

.program-items [data-el="content"].active [data-el="program.bg-bottom-right"],
.program-items [data-el="content"].active [data-el="program.bg-top-left"] {
    visibility: visible;
    opacity: 1;
    transform: translate(0);
}

@media screen and (max-width: 1279px) {
    .program-items .program-block--left,
    .program-items .program-block--right {
        left: 10px;
        right: 10px;
    }

    .program-items .program-title {
        font-size: 70px;
    }

    .program-items .program-text {
        font-size: 22px;
    }
}

.program-items .program-title--mobile {
    font-size: 40px;
}

.program-items .program-text--mobile {
    font-size: 15px;
}

@media screen and (max-width: 1024px) {
    .program-item__background--second-2 {
        top: auto;
        left: 17vw;
        bottom: -15vh;
        width: 40vw;
    }

    .program-item__background--eighth-4,
    .program-item__background--fifth-3,
    .program-item__background--fifth-5,
    .program-item__background--fourth-3,
    .program-item__background--fourth-4,
    .program-item__background--second-3,
    .program-item__background--second-4,
    .program-item__background--seventh-3,
    .program-item__background--seventh-4,
    .program-item__background--sixth-3,
    .program-item__background--sixth-4 {
        width: 15vw;
    }

    .program-item__background--second-4 {
        top: calc(50% - 8vh);
        left: 60vw;
    }

    .program-item__background--third-2 {
        right: 0;
        width: 60vw;
    }

    .program-item__background--third-3 {
        top: calc(50% + 8vh);
        right: 40vw;
        width: 20vw;
    }

    .program-item__background--fourth-2 {
        left: -10vw;
        width: 65vw;
    }

    .program-item__background--fourth-4 {
        left: 43vw;
    }

    .program-item__background--fifth-2 {
        right: -5vw;
        width: 50vw;
    }

    .program-item__background--fifth-2 {
        top: 15vh;
    }

    .program-item__background--fifth-3 {
        top: 10vh;
        right: 15vw;
    }

    .program-item__background--fifth-4 {
        top: calc(50% - 15vh);
        right: calc(50% - 25vw);
    }

    .program-item__background--fifth-5 {
        top: 75vh;
        right: 50%;
    }

    .program-item__background--sixth-2 {
        top: 10vh;
        left: 0;
        width: 50vw;
    }

    .program-item__background--sixth-3 {
        top: calc(50% + 12vh);
        left: 37vw;
    }

    .program-item__background--sixth-4 {
        top: calc(50% + 15vh);
        left: -2vw;
    }

    .program-item__background--sixth-5 {
        top: calc(50% - 15vh);
        left: 0;
    }

    .program-item__background--sixth-6 {
        top: calc(50% - 7vh);
        left: 40vw;
    }

    .program-item__background--seventh-2 {
        top: 10vh;
        width: 50%;
    }

    .program-item__background--seventh-4 {
        right: 0;
    }

    .program-item__background--seventh-5 {
        top: calc(50% + 17vh);
        right: 0;
        width: 20vw;
    }

    .program-item__background--eighth-2 {
        top: 5vh;
        left: 5vw;
        width: 50vw;
    }

    .program-item__background--eighth-3 {
        top: calc(50% - 20vh);
        left: -5vw;
        width: 25vw;
    }

    .program-item__background--eighth-4 {
        top: calc(50% + 13vh);
        left: calc(50% + 5vw);
    }

    .program-item__background--ninth-2 {
        top: calc(50% + 12vh);
        right: 30vw;
        width: 25vw;
    }

    .program-item__background--ninth-3 {
        top: 15vh;
        right: 3vw;
        width: 50vw;
    }

    .program-item__background--ninth-4 {
        top: calc(50% - 15vh);
        width: 13vw;
    }

    .program-item__background--ninth-5 {
        top: calc(50% + 19vh);
        right: 0;
        width: 20vw;
    }
}

@media screen and (max-width: 767px) {
    .program-block {
        display: none;
    }

    .program-items .program-block--mobile {
        display: block;
    }

    .program-items {
        padding-top: 90px;
    }

    .program-item__background--second-2 {
        left: 5vw;
        bottom: -30vh;
    }

    .program-item__background--second-4 {
        top: calc(50% - 5vh);
        left: 50vw;
    }

    .program-item__background--third-2 {
        top: 10vh;
        right: -7vw;
    }

    .program-item__background--third-3 {
        top: 62vh;
        right: 30vw;
    }

    .program-item__background--fourth-2 {
        top: 15vh;
        left: -15vw;
    }

    .program-item__background--fourth-3 {
        left: -3vw;
    }

    .program-item__background--fourth-4 {
        top: 67vh;
        left: 35vw;
    }

    .program-item__background--fifth-2 {
        right: -8vw;
    }

    .program-item__background--fifth-3 {
        top: 0;
        right: 3vw;
    }

    .program-item__background--fifth-4 {
        top: 37vh;
    }

    .program-item__background--sixth-2 {
        left: -5vw;
    }

    .program-item__background--sixth-3 {
        top: 59vh;
        left: 32vw;
    }

    .program-item__background--sixth-4 {
        top: 61vh;
        left: -6vw;
    }

    .program-item__background--sixth-5 {
        width: 15vw;
    }

    .program-item__background--sixth-6 {
        top: 45vh;
        left: 35vw;
    }

    .program-item__background--seventh-2 {
        top: -70px;
        right: -15vw;
        width: 60vw;
        background-position-y: bottom;
    }

    .program-item__background--seventh-3 {
        top: 27vh;
        right: 15vw;
        width: 10vw;
    }

    .program-item__background--seventh-4 {
        top: 17vh;
    }

    .program-item__background--seventh-5 {
        top: calc(-2vh - 70px);
        right: calc(50% - 12.5vw);
        width: 25vw;
        background-position-y: bottom;
    }

    .program-item__background--eighth-2 {
        left: 0;
    }

    .program-item__background--eighth-3 {
        top: 35vh;
        left: -10vw;
    }

    .program-item__background--eighth-4 {
        top: 15vh;
        left: 15vw;
    }

    .program-item__background--ninth-2 {
        top: calc(-2vh - 70px);
        right: 19vw;
        width: 30vw;
        background-position-y: bottom;
    }

    .program-item__background--ninth-3 {
        top: -70px;
        right: -13vw;
        width: 60vw;
        background-position-y: bottom;
    }

    .program-item__background--ninth-4 {
        top: calc(50% - 5vh);
        right: 5vw;
    }

    .program-item__background--ninth-5 {
        top: -70px;
        right: calc(100% - 20vw);
        width: 25vw;
        background-position-y: bottom;
    }

    .program-item__background--ninth-6 {
        right: -12.5vw;
        width: 25vw;
    }
}

.advantages {
    padding-top: 0.5rem;
}

.advantages__pre-title {
    text-align: center;
    font-size: 0.9375rem;
}

.advantages__title {
    margin-top: 0;
    margin-bottom: 0.625rem;
    text-align: center;
    font-weight: 400;
    font-size: 2.375rem;
}

.advantage {
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 30rem;
    border-radius: 2px;
    text-align: center;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.advantage + .advantage {
    margin-top: 2.5rem;
}

.advantage:nth-child(even) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.advantage:nth-child(1) {
    background-position: top 17% center;
}

.advantage:nth-child(2) {
    background-position: top center;
}

.advantage:nth-child(3) {
    background-position: bottom 10% right;
}

.advantage:nth-child(4) {
    background-position: top center;
}

.advantage:nth-child(5) {
    background-position: bottom center;
}

.advantage:nth-child(6) {
    background-position: top center;
}

.advantage:nth-child(1) {
    background-image: url(/images/advantages/backgrounds/1.jpg);
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .advantage:nth-child(1) {
        background-image: url(/images/advantages/backgrounds/1@2x.jpg);
    }
}

.advantage:nth-child(2) {
    background-image: url(/images/advantages/backgrounds/2.jpg);
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .advantage:nth-child(2) {
        background-image: url(/images/advantages/backgrounds/2@2x.jpg);
    }
}

.advantage:nth-child(3) {
    background-image: url(/images/advantages/backgrounds/3.jpg);
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .advantage:nth-child(3) {
        background-image: url(/images/advantages/backgrounds/3@2x.jpg);
    }
}

.advantage:nth-child(4) {
    background-image: url(/images/advantages/backgrounds/4.jpg);
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .advantage:nth-child(4) {
        background-image: url(/images/advantages/backgrounds/4@2x.jpg);
    }
}

.advantage:nth-child(5) {
    background-image: url(/images/advantages/backgrounds/5.jpg);
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .advantage:nth-child(5) {
        background-image: url(/images/advantages/backgrounds/5@2x.jpg);
    }
}

.advantage:nth-child(6) {
    background-image: url(/images/advantages/backgrounds/6.jpg);
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .advantage:nth-child(6) {
        background-image: url(/images/advantages/backgrounds/6@2x.jpg);
    }
}

.advantage:nth-child(7) {
    background-image: url(/images/advantages/backgrounds/7.jpg);
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .advantage:nth-child(7) {
        background-image: url(/images/advantages/backgrounds/7@2x.jpg);
    }
}

.advantage:nth-child(8) {
    background-image: url(/images/advantages/backgrounds/8.jpg);
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .advantage:nth-child(8) {
        background-image: url(/images/advantages/backgrounds/8@2x.jpg);
    }
}

.advantage:nth-child(9) {
    background-image: url(/images/advantages/backgrounds/9.jpg);
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .advantage:nth-child(9) {
        background-image: url(/images/advantages/backgrounds/9@2x.jpg);
    }
}

.advantage__title {
    margin-top: 0;
    font-size: 2rem;
    line-height: 1.1;
}

.advantage__text {
    font-size: 0.875rem;
    line-height: 1.1;
}

.advantage__content {
    padding-top: 5rem;
    padding-bottom: 1rem;
    width: 60%;
    background-image: -webkit-linear-gradient(bottom, #fff 50%, rgba(255, 255, 255, 0.3) 80%, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to top, #fff 50%, rgba(255, 255, 255, 0.3) 80%, rgba(255, 255, 255, 0));
}

.main--sign-up {
    position: relative;
    min-height: 100vh;
    height: auto;
}

.sign-up {
    margin-top: 90px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2.5rem;
    padding-bottom: 20vh;
    width: 100%;
    height: 100%;
    max-width: 700px;
    color: #fff;
}

.sign-up__header {
    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;
}

.sign-up .page-header {
    font-size: 46px;
    font-weight: 400;
}

.sign-up__success-text {
    font-size: 24px;
    text-align: center;
}

.sign-up__header .page-header {
    font-size: 52px;
    margin-bottom: 0;
}

.sign-up--success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15vh;
    width: 100%;
}

.add-feedback {
    margin-right: auto;
    margin-left: auto;
    padding-top: 90px;
    padding-bottom: 2.5rem;
    width: 34.375rem;
}

.add-feedback__header {
    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;
}

.add-feedback__header .icon--add-feedback {
    display: inline-block;
    margin-right: 2rem;
    width: 2.5rem;
    height: 2.5rem;
}

.add-feedback__header .page-header {
    margin-bottom: 0;
}

.add-feedback .input,
.add-feedback .textarea {
    border: #000;
}

.add-feedback .input,
.add-feedback .textarea,
.add-feedback label {
    color: #000;
}

.add-feedback--success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.form:not(:first-child) {
    margin-top: 2.5rem;
}

.form__group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.form__group.column {
    flex-direction: column;
}

.form__group:not(:last-child) {
    margin-bottom: 2rem;
}

.form__label {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(10px, -50%);
    -ms-flex-preferred-size: 120px;
    color: #fff;
    font-size: 18px;
    flex-basis: 120px;
    font-weight: 400;
    transition: 0.2s linear;
}

.form__submit {
    margin-top: 1.875rem;
    text-align: center;
}

.form__fieldset:not(:first-child) {
    margin-top: 1.875rem;
}

.form__fieldset-title {
    display: block;
    width: 100%;
    font-size: 52px;
    text-align: center;
}

.form__fieldset-description {
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.file {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 1rem;
    padding-left: 1rem;
    width: 100%;
    height: 2.5rem;
    min-width: 0;
    border: 1px solid #b1acac;
    border-radius: 0.25rem;
    background-color: #fff;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-color;
    transition-property: border-color;
}

.file:active {
    border-color: #6c6565;
}

.file__description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file .input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.for-parents-page {
    margin-top: 90px;
    margin-bottom: -25.625rem;
}

.for-parents-page__header-image {
    max-width: 100%;
}

.for-parents-page__content {
    position: relative;
    margin-top: 0.75rem;
    padding-top: 1px;
    padding-bottom: 25.625rem;
    background-image: url(/images/for-parents/backgrounds/1.png), url(/images/for-parents/backgrounds/2.png);
    background-position: top right, bottom 15% right;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
}

.for-parents-page__content:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.4);
}

.for-parents-page__text {
    position: relative;
    z-index: 2;
    padding-bottom: 2.5rem;
}

.button {
    padding: 10px 30px 8px;
    font-weight: 700;
    border-radius: 5px;
    border-width: 0;
    -webkit-transition-property: background-color color;
    transition-property: background-color color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.button--primary {
    background-color: #4fe2ff;
    color: #fff;
}

.button--primary:focus,
.button--primary:hover {
    background-color: #44546a;
}

.button--primary.active,
.button--primary:active {
    background-color: #44546a;
}

.button-add-feedback {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 99;
    width: 5rem;
    height: 5rem;
    text-align: center;
    font-size: 0.8125rem;
    line-height: 1;
    border-radius: 100%;
    background-color: #f7de79;
    color: #fff;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-animation-name: button-add-feedback-pulse;
    animation-name: button-add-feedback-pulse;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0);
}

.button-add-feedback:hover {
    -webkit-animation-name: none;
    animation-name: none;
}

button.button-add-feedback {
    border: 0;
}

a.button-add-feedback {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
}

.button-add-feedback.affix-bottom {
    position: absolute;
}

.button-add-feedback:focus,
.button-add-feedback:hover {
    background-color: #f5d556;
}

.button-add-feedback:active {
    background-color: #f3cd34;
}

.button-add-feedback .icon--add-feedback {
    display: inline-block;
    margin-bottom: 0.375rem;
    width: 1.625rem;
    height: 1.625rem;
    fill: #fff;
}

@-webkit-keyframes button-add-feedback-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(247, 222, 121, 0.8);
    }
    50% {
        box-shadow: 0 0 0 1rem rgba(204, 169, 44, 0);
    }
    70% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes button-add-feedback-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(247, 222, 121, 0.8);
    }
    50% {
        box-shadow: 0 0 0 1rem rgba(204, 169, 44, 0);
    }
    70% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.button-sign-up {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 99;
    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;
    padding-top: 0.75rem;
    width: 5rem;
    height: 5rem;
    text-align: center;
    text-decoration: none;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1;
    border-radius: 100%;
    background-color: #71d166;
    color: #fff;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-animation-name: button-sign-up-pulse;
    animation-name: button-sign-up-pulse;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0);
}

.button-sign-up.affix-bottom {
    position: absolute;
}

.button-sign-up:hover {
    -webkit-animation-name: none;
    animation-name: none;
}

.button-sign-up:focus,
.button-sign-up:hover {
    background-color: #5bca4e;
}

.button-sign-up:active {
    background-color: #47bf3a;
}

.button-sign-up .icon--sign-up {
    display: inline-block;
    margin-bottom: 0.375rem;
    width: 1.625rem;
    height: 1.625rem;
    fill: #fff;
}

@-webkit-keyframes button-sign-up-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(113, 209, 102, 0.8);
    }
    50% {
        box-shadow: 0 0 0 1rem rgba(204, 169, 44, 0);
    }
    70% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes button-sign-up-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(113, 209, 102, 0.8);
    }
    50% {
        box-shadow: 0 0 0 1rem rgba(204, 169, 44, 0);
    }
    70% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.input,
.textarea {
    display: block;
    width: 100%;
    border: none;
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.input:focus + .form__label,
.input:not(:placeholder-shown) + .form__label {
    font-size: 16px;
    transform: translate(2px, -190%);
}

.input:focus,
.textarea:focus {
    outline: 0;
}

.textarea {
    padding: 0.5rem 1rem;
    min-height: 5rem;
    resize: vertical;
}

.input {
    padding: 5px 10px;
}

.input__text {
    margin-right: 20px;
}

.input--checkboxes {
    display: flex;
    flex-direction: row;
    border-bottom: none;
}

.input__checkboxes {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.input__checkbox {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    cursor: pointer;
}

.input__checkbox:not(:last-child) {
    margin-right: 25px;
}

input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 0;
    height: 0;
}

.checkbox__text {
    display: flex;
    line-height: 1;
}

.checkbox {
    position: relative;
    top: -4px;
    left: 0;
    width: 20px;
    height: 20px;
    background: 0 0;
    border: 1.5px solid #bbbaba;
}

.checkbox:after {
    content: "";
    position: absolute;
    top: 25%;
    left: 0;
    display: block;
    width: 8px;
    height: 15px;
    border: solid #fafafa;
    border-width: 0 3px 3px 0;
    opacity: 0;
    transition: 0.1s linear;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}

.input__checkbox input:checked ~ .checkbox:after {
    opacity: 1;
}

.main-header__locale {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {
    .input--checkboxes {
        flex-direction: column;
    }

    .input__text {
        margin-right: 0;
        margin-bottom: 5px;
    }

    .input__checkboxes {
        justify-content: space-between;
    }

    .input__checkbox:not(:last-child) {
        margin-right: 0;
    }
}

@media (max-width: 900px) {
    .for-parents__text {
        padding-left: 15px;
    }
}

.test-video {
    position: relative;
    width: 400px;
    height: 250px;
}

.test-video video {
    width: 100%;
    height: 100%;
}

/*SS*/
.for-parents-page__text h2,
.for-parents-page__text p {
    margin-bottom: 10px;
}

.feedbacks {
    background-image: url(../images/feedbacks/backgrounds/1.png), url(../images/feedbacks/backgrounds/2.png), url(../images/feedbacks/backgrounds/3.png), url(../images/feedbacks/backgrounds/4.png);
}

.for-parents-page__content {
    background-image: url(../images/for-parents/backgrounds/1.png), url(../images/for-parents/backgrounds/2.png);
}

.main-footer {
    z-index: 1;
}

.main-footer__top-line {
    padding-bottom: 4rem;
}

.section-team-viewer {
    padding: 0 0 120px;
}

.main .footer-section {
    position: relative;
    min-height: 100vh;
    height: auto;
    background-color: #bfc2c9;
}

.main .footer-section:before {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background-image: url(../images/note-form.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    transform: scaleX(-1);
}

/*//*/
.main-footer__light {
    z-index: 99;
}

.main-footer__light .main-footer__top-line {
    background-color: transparent;
}

.main-footer__light .main-footer__top-line .contact-phones__title {
    color: #000000;
}

.main-footer__light .main-footer__top-line .contact-phones__link {
    color: #000000;
}

.main-footer__light .main-footer__top-line .contact-phones__link:hover {
    color: #4fe2ff;
    transition: .4s;
}

.main-footer__light .contact-phones__item {
    padding: 0 20px 10px 0;
}

.main-footer__light .contact-phones__item:last-child {
    padding: 0 0 10px 0;
}

.main-footer__light .contact-phones__list {
    justify-content: center;
}

.country-code {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    line-height: normal;
    padding: 5px 10px;
}

.form__submit {
    margin-top: 3.7rem;
}

.button--primary {
    transform: scale(1.25);
}

.bottom-text {
    text-align: center;
    font-size: 22px;
    margin-top: 1rem;
}

.main-header .contact-phones__list:not(:last-child) {
    margin: 0;
}

.main-header .contact-phones__item {
    margin-bottom: 3px;
}

.main-header.__scroll {
    background-color: transparent;
    box-shadow: none;
}

.main-header.__scroll.animation {
    background-color: #44546a;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -o-transition: .3s all;
    -webkit-box-shadow: 0 2px 4px 0 rgb(33 39 54 / 24%);
    box-shadow: 0 2px 4px 0 rgb(33 39 54 / 24%);
}


@media screen and (max-width: 1600px) {
    .main .section-info--program {
        margin-left: -15%;
    }

    .main .section-figure--program-left,
    .main .section-figure--program-right {
        left: -13%;
    }

    .main .section-info--for-parents {
        margin-left: -8%;
    }

    .main .section-figure--for-parents-left {
        left: -8%;
    }

    .main .section-figure--for-parents-right {
        left: -13%;
    }

    .main .section-info--clients {
        margin-left: -12%;
    }

    .main .section-figure--clients-left {
        left: -2%;
    }

    .main .section-figure--clients-right {
        left: -8%;
    }
}


@media screen and (max-width: 1200px) {
    .main-footer__top-line {
        padding-bottom: 5rem;
    }
}

@media screen and (max-width: 1024px) {
    .footer-index {
        position: relative;
    }

    .main .footer-section {
        min-height: auto;
    }
}

@media screen and (max-width: 991px) {
    .main-footer__top-line {
        padding-bottom: 6rem;
    }
}

@media screen and (max-width: 767px) {
    .main-footer__top-line {
        padding-bottom: 7rem;
    }

    .section-logos__content {
        min-height: 600px;
    }

    .main-header .logo .logo__image {
        max-width: 100%;
    }

    .main-header .main-header__inner {
        justify-content: space-between;
        align-items: center;
        max-width: 100%;
    }

    .main-header .contact-phones {
        flex-grow: 1;
        margin: 0 20px;
    }

    .main-header .contact-phones__list {
        justify-content: center;
    }

    .main-header .note-link {
        text-align: center;
    }
}

@media screen and (max-width: 600px) {
    .section-logos__content {
        min-height: 500px;
    }
}

@media screen and (max-width: 480px) {
    .section-logos__content {
        min-height: 460px;
    }
}

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

    .main-header .contact-phones {
        margin: 0 -10px;
    }

    .main-header .main-header__inner {
        align-items: flex-start;
    }

    .contact-phones__main {
        margin-top: 2px;
    }

    .main-header .note-link {
        margin-top: 10px;
    }

    .toggle {
        margin-top: 10px;
    }
}