:root {--main-color: #0F2443;--dark-color: #333334;--white-color: #ffffff;--blue-color: #568bdb;--pacific-blue-color: #00acc1;--purple-color: #543ab7;--blue-color-rgb: 86, 139, 219;--pacific-blue-color-rgb: 0, 172, 193;--purple-color-rgb: 84, 58, 183;--white-color-rgb: 255, 255, 255;--shadow-color-rgb: 0, 0, 0;}* {margin: 0;padding: 0;box-sizing: border-box;}html, body {height: 100%;}body {min-width: 320px;display: flex;flex-direction: column;color: var(--main-color);font-size: 1rem;font-weight: 400;line-height: 1.5;background-color: var(--white-color);font-family: OpenSans, Nunito, sans-serif;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;}h1 {position: relative;font-size: 3rem;font-weight: 600;text-align: center;letter-spacing: 1px;padding: 0 0 20px 0;margin: 120px 0 0;}h1::before {content: '';position: absolute;left: 0;bottom: 0;height: 2px;width: 100%;border-radius: 4px;background-color: var(--main-color);}h1::after {content: '';position: absolute;left: 50%;bottom: -5px;height: 2px;width: 90%;border-radius: 4px;background-color: var(--main-color);transform: translateX(-50%);}h2 {font-size: 3rem;font-weight: 400;text-align: center;letter-spacing: 0.8px;color: var(--white-color);}h3 {position: relative;width: max-content;font-size: 2rem;font-weight: 400;letter-spacing: 0.5px;margin: 0 0 25px 0;color: var(--main-color);}h3::before {content: '';position: absolute;left: 5px;bottom: 0;height: 2px;width: 100%;background-color: var(--main-color);border-radius: 5px;}h3::after {content: '';position: absolute;left: 30px;bottom: -5px;height: 2px;width: 100%;background-color: var(--main-color);border-radius: 5px;}section {flex: 1 0 auto;width: 100%;padding: 40px 0;}.inner {max-width: 940px;padding: 0 20px;margin: 0 auto;}.indent {text-indent: 20px;}header {position: fixed;left: 0;top: 0;display: flex;align-items: center;width: 100%;height: 60px;padding: 0 20px;background-color: var(--white-color);box-shadow: 0 2px 3px 0 rgba(var(--shadow-color-rgb), .15);z-index: 2;}header .header__left-container {flex: 1 0 auto;display: flex;justify-content: flex-start;align-items: center;}header .header__right-container {flex: 1 0 auto;display: flex;justify-content: flex-end;align-items: center;}header .header__logo {width: 50px;height: 50px;fill: var(--main-color);margin: 0 10px 0 0;}header .header__conpany-name {font-weight: 600;}header .header__phone {display: flex;align-items: center;font-weight: 600;color: var(--dark-color);}header .header__phone svg {width: 20px;height: 20px;margin-right: 5px;}header nav a {color: var(--main-color);font-weight: 600;text-decoration: none;margin: 0 10px;transition: color .3s ease-out;}header nav a:hover {color: var(--blue-color);}.header__mobile-menu {display: none;margin: 0 0 0 10px;}.header__mobile-menu svg {width: 24px;height: 24px;}.header__mobile-menu .header__mobile-menu-open {display: block;}.header__mobile-menu .header__mobile-menu-close {display: none;}.header__mobile-menu.open .header__mobile-menu-open {display: none;}.header__mobile-menu.open .header__mobile-menu-close {display: block;}#introduction {position: relative;height: 100%;max-height: 620px;background-image: url(/assets/introduction.min.webp);background-repeat: no-repeat;background-size: cover;background-position: center;z-index: 1;}#introduction .inner {height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}#introduction p {max-width: 480px;font-size: 1.1rem;font-weight: 600;text-align: center;margin: 15px 0 50px;color: var(--white-color);}#introduction a {width: 200px;height: 50px;font-size: 1.1rem;font-weight: 600;line-height: 44px;text-align: center;text-decoration: none;color: var(--white-color);border: 2px solid var(--white-color);transition: border .3s ease-out, background-color .3s ease-out;}#introduction a:hover {background-color: var(--blue-color);border-color: var(--blue-color);}#introduction::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: var(--main-color);opacity: .7;z-index: -1;}#about {padding: 40px 0 100px;position: relative;background-color: rgba(var(--blue-color-rgb), .1);}#about .about__info {font-size: 1.1rem;text-indent: 20px;text-align: justify;margin: 0 0 30px 0;}#about .about__features {display: flex;align-items: center;justify-content: space-between;margin: 0 0 70px 0;}#about .about__features-info {display: flex;flex-direction: column;justify-content: center;}#about .about__features-info .about__features-info-title {display: flex;align-items: center;font-size: 1.2rem;font-weight: 600;}#about .about__features-info svg {flex: 0 0 auto;width: 30px;height: 30px;fill: var(--blue-color);margin: 0 10px 0 0;}#about .about__features-image {flex: 1 0 auto;position: relative;max-width: 370px;height: 480px;}#about .about__features-image .about__features-image-wrapper {width: 100%;height: 100%;border-radius: 10px;overflow: hidden;box-shadow: 0 2px 4px 0 rgba(var(--shadow-color-rgb), 0.15);}#about .about__features-image img {width: 100%;height: 100%;object-fit: cover;object-position: 70%;}#about .about__features-image .about__feature {position: absolute;max-width: 200px;font-size: 1.1rem;font-weight: 600;text-transform: uppercase;padding: 10px;border: 2px solid var(--white-color);background-color: rgba(var(--white-color-rgb), 0.6);backdrop-filter: blur(2px);border-radius: 20px;box-shadow: 0 2px 4px 0 rgba(var(--shadow-color-rgb), 0.15);transition: left .3s ease-out, top .3s ease-out;}#about .about__features-image .feature__1 {left: -20%;top: 10%;}#about .about__features-image .feature__2 {left: 25%;top: 80%;}#about .about__features-image .feature__3 {left: 70%;top: 30%;}#about .about__legals p {width: max-content;font-size: 1.6rem;font-weight: 600;text-align: center;margin: 0 auto 30px;position: relative;}#about .about__legals p::after {content: '';position: absolute;left: 50%;bottom: -5px;width: 90%;height: 2px;background-color: var(--main-color);border-radius: 2px;transform: translate(-50%, 50%);}#about .about__legals .about__legals-container {display: flex;justify-content: center;padding: 0 0 20px 0;}#about .about__legals .about__legal {max-width: 200px;flex: 1 0 auto;display: flex;flex-direction: column;align-items: center;text-align: center;font-size: 1.2rem;font-weight: 600;margin: 0 10px;cursor: pointer;color: var(--pacific-blue-color);}#about .about__legals .about__legal svg {width: 150px;height: 150px;fill: var(--pacific-blue-color);margin: 0 0 10px 0;}#about .about__wave {position: absolute;bottom: 0px;width: 100%;height: 15vh;min-height: 100px;max-height: 150px;}#education p {font-size: 1.1rem;text-align: justify;margin: 0 0 10px 0;}#education ul {padding: 0 0 0 30px;margin: 30px 0;}#education ul li {font-size: 1.1rem;margin: 0 0 5px 0;}#education strong {display: block;font-size: 1.3rem;font-weight: 600;margin: 60px 0 0 0;}#education a {display: block;width: 200px;height: 50px;font-size: 1.1rem;font-weight: 600;line-height: 44px;text-align: center;text-decoration: none;color: var(--main-color);margin: 30px auto 0;border: 2px solid var(--main-color);transition: border .3s ease-out, background-color .3s ease-out, color .3s ease-out;}#education a:hover {color: var(--white-color);background-color: var(--blue-color);border-color: var(--blue-color);}#contacts {position: relative;padding: 160px 0 20px;background-color: var(--blue-color);background: linear-gradient(60deg, rgba(var(--purple-color-rgb), 1) 0%, rgba(var(--pacific-blue-color-rgb), 1) 100%);}#contacts .contacts__wave {position: absolute;top: 0px;width: 100%;height: 15vh;min-height: 100px;max-height: 150px;transform: rotate(180deg);}#contacts h3 {color: var(--white-color);}#contacts h3::after {background-color: var(--white-color);}#contacts h3::before {background-color: var(--white-color);}#contacts .contacts__container {display: flex;justify-content: space-between;gap: 20px;}#contacts .contacts__info {width: 48%;flex: 1 0 auto;padding: 30px 0;}#contacts .contacts__info-part {display: inline-flex;align-items: center;font-size: 1rem;font-weight: 600;color: var(--white-color);margin: 0 0 20px 0;}#contacts .contacts__info-part svg {flex: 1 0 auto;width: 30px;height: 30px;margin-right: 10px;fill: var(--white-color);}#contacts .contacts__info-name {font-size: 1.2rem;}#contacts .contacts__map {width: 48%;flex: 1 0 auto;}#contacts .contacts__map iframe {width: 100%;height: 420px;border: none;outline: none;border-radius: 10px;box-shadow: 0 2px 4px 0 rgba(var(--shadow-color-rgb), .15);}footer {flex: 1 0 auto;width: 100%;color: var(--white-color);background-color: var(--dark-color);padding: 20px 0 10px;}footer .footer__wrapper {display: flex;flex-direction: column;}footer .footer__top-container {flex: 1 0 auto;display: flex;align-items: center;justify-content: space-between;padding: 50px 0 80px;}footer .footer__bottom-container {display: flex;justify-content: flex-end;align-items: center;flex: 0 0 auto;height: 20px;font-size: 0.8rem;}footer .footer__logo {width: 100px;height: 100px;fill: var(--white-color);}footer .footer__menu {display: inline-flex;flex-direction: column;}footer .footer__menu a {font-size: 18px;font-weight: 400;color: var(--white-color);margin: 0 0 5px 0;transition: color .3s ease-out;}footer .footer__menu a:hover {color: var(--blue-color);}@media screen and (max-width: 1130px) {#about .about__features-image .feature__1 {left: 5%;}#about .about__features-image .feature__3 {left: 35%;}}@media screen and (max-width: 690px) {h1 {font-size: 1.8rem;margin: 80px 0 0;}h2 {font-size: 1.6rem;}h3 {font-size: 1.5rem;}header .header__conpany-name {display: none;}header nav {display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;height: 0;width: 100%;background: #fff;z-index: 4;top: 60px;left: 0;box-shadow: 0 3px 4px 0 rgba(var(--shadow-color-rgb), .15);overflow: hidden;transition: height .3s ease-out;}header nav a {padding: 10px 0;}header nav.open {height: 172px;}header .header__phone {font-size: 12px;}header .header__mobile-menu {display: flex;}#introduction p {font-size: 1rem;}#about {padding: 40px 0 60px;}#about .about__info {font-size: 1rem;margin: 0 0 50px 0;}#about .about__features {flex-direction: column;}#about .about__features-info {margin: 0 0 30px 0;}#about .about__teacher {padding: 0;}#about .about__teacher .about__teacher-title {font-size: 1.3rem;}#about .about__teacher-container {flex-direction: column;}#about .about__teacher-container .about__teacher-image {margin: 0 0 20px 0;}#about .about__teacher-container .about__teacher-info {font-size: 1rem;}#about .about__teacher-container.teacher-right {flex-direction: column;}#about .about__teacher-container.teacher-right .about__teacher-image {margin: 0 0 20px 0;}#about .about__wave {height: 5vh;min-height: 70px;}#education p {font-size: 1rem;}#contacts {padding: 110px 0 20px;}#contacts .contacts__wave {height: 5vh;min-height: 70px;}#contacts .contacts__container {flex-direction: column;}#contacts .contacts__info {width: 100%;}#contacts .contacts__map {width: 100%;}}