html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html, body {
font: 18px/23px 'Montserrat', sans-serif;
color: #000;
overflow-x: hidden;
}
* {
box-sizing: border-box;
}
*:focus {
outline: none;
}
img {
max-width: 100%;
vertical-align: middle;
}
.animation {
transition: all .75s ease-in-out;
}
input, button, textarea, a {
-webkit-appearance: none;
}
input:focus, button:focus, textarea:focus, a:focus {
outline: none;
}
.container {
width: 100%;
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1199px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1380px;
}
}
.row {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-left: -10px;
margin-right: -10px;
}
.d-flex {
display: flex;
}
.d-flex.justify-center {
justify-content: center;
}
.section_grey {
background-color: #F9F9F9;
}
.section_blue {
background-color: #233670;
}
.section_contacts {
padding-top: 56px;
}
.section_h100 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
height: 100vh;
}
.title {
font: 700 48px/54px 'Comfortaa';
}
.title_mb-4 {
margin-bottom: 4px;
}
.title_mb-15 {
margin-bottom: 15px;
}
.title_mb-16 {
margin-bottom: 16px;
}
.title_mb-18 {
margin-bottom: 18px;
}
.title_mb-22 {
margin-bottom: 22px;
}
.title_mb-28 {
margin-bottom: 28px;
}
.title_mb-39 {
margin-bottom: 39px;
}
.title_mb-44 {
margin-bottom: 44px;
}
.title_mb-46 {
margin-bottom: 46px;
}
.title_mb-50 {
margin-bottom: 50px;
}
.title_mb-52 {
margin-bottom: 52px;
}
.title_mb-97 {
margin-bottom: 97px;
}
.title_mb-112 {
margin-bottom: 112px;
}
.title_section {
font-family: 'Comfortaa';
}
.subtitle_mb-34 {
margin-bottom: 34px;
}
.subtitle_mb-47 {
margin-bottom: 47px;
}
.subtitle_mb-63 {
margin-bottom: 63px;
}
.subtitle_mb-78 {
margin-bottom: 78px;
}
.text_center {
text-align: center;
}
.text_blue {
color: #3E5392;
}
.text_blue-light {
color: #2FBBEB;
}
.text_white {
color: #fff;
}
.text_grey {
color: #A9A9A9;
}
.text_yellow {
color: #DDD71C;
}
.text_bold {
font-weight: bold;
}
.text_uppercase {
text-transform: uppercase;
}
.wrapper {
max-width: 1020px;
width: 100%;
margin: 0 auto;
}
.section {
position: relative;
min-height: 100vh;
}
.section .container {
position: relative;
z-index: 2;
}
.circle {
display: block;
position: absolute;
z-index: 1;
transform-style: preserve-3d;
}
.link {
text-decoration: none;
}
.icon {
display: block;
}
.icon-instagram {
width: 24px;
height: 24px;
background: url("../img/icon/instagram.svg") no-repeat center;
background-size: contain;
}
.icon-sign {
width: 17px;
height: 22px;
background: url("../img/icon/sign-yellow.svg") no-repeat center;
background-size: contain;
}
.icon-questions {
width: 14.5px;
height: 24px;
background: url("../img/icon/questions.svg") no-repeat center;
background-size: contain;
}
.icon-minus {
width: 18px;
height: 3px;
background-color: #fff;
border-radius: 5px;
}
.icon-r {
width: 25px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.icon-phone {
width: 48px;
height: 48px;
background: url("../img/icon/phone-grey.svg") no-repeat center;
background-size: contain;
}
.icon-bottom {
display: block;
width: 14px;
height: 14px;
background: url("../img/icon/arrow-bottom.svg") no-repeat center;
background-size: contain;
}
.gm-ui-hover-effect {
display: none !important;
}
.gm-style .gm-style-iw-c {
padding: 11px 24px !important;
border-radius: 30px !important;
background-color: #2FBBEB;
}
@media screen and (max-width: 767px) {
.gm-style .gm-style-iw-c {
max-width: 290px !important;
max-height: 336px !important;
}
}
.gm-style .gm-style-iw-t::after {
background: #2FBBEB !important;
}
.gm-style .gm-style-iw-d::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
}
.gm-style, .poi-info-window div, .poi-info-window a {
font: 500 14px/17px 'Montserrat' !important;
color: #fff !important;
background-color: #2FBBEB;
}
#overlay {
position: fixed;
background: rgba(0, 0, 0, 0.65);
z-index: 999;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer;
display: none;
}
.modal__popup {
max-width: 566px;
width: calc(100% - 20px);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
opacity: 0;
z-index: 1000;
}
.modal__popup_phone {
width: 319px;
background: #fff;
border-radius: 10px;
overflow: hidden;
}
.modal__popup_phone-header {
display: flex;
align-items: center;
justify-content: center;
height: 67px;
background-color: #2FBBEB;
font-size: 18px;
}
.modal__popup_phone-body {
display: flex;
flex-direction: column;
align-items: center;
padding: 49px 10px 31px;
}
.modal__popup_phone-body i {
margin-bottom: 31px;
}
.modal__popup_phone-list {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 45px;
}
.modal__popup_phone-list > li:not(:last-child) {
margin-bottom: 12px;
}
.modal__popup_phone-list > li a {
font-size: 24px;
line-height: 29px;
}
.modal__popup_phone-close {
position: relative;
font-size: 18px;
line-height: 22px;
font-weight: 500;
cursor: pointer;
}
.modal__popup_phone-close::before {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #DDD71C;
position: absolute;
left: 0;
bottom: 2px;
}
.modal__popup_result {
max-width: 420px;
}
.modal__popup_result img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.modal__popup_result-close {
width: 24px;
height: 24px;
background: url("../img/icon/close-white.svg") no-repeat center;
background-size: contain;
position: absolute;
right: 0;
top: -24px;
}
.modal__popup_sale {
max-width: 908px;
width: calc(100% - 20px);
padding: 0 24px;
}
.modal__close {
position: absolute;
top: 20px;
right: 20px;
width: 20px;
height: 20px;
background: none;
border: 0;
z-index: 2;
}
.modal__close img {
width: 100%;
}
.modal__block {
width: 100%;
display: block;
background: #FFFFFF;
box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 65px 15px 67px;
}
.modal__block_wrap {
max-width: 464px;
width: 100%;
margin: 0 auto;
}
.modal__block-subtitle {
font-size: 18px;
line-height: 23px;
margin-bottom: 44px;
}
.scroll::-webkit-scrollbar {
width: 5px;
}
.scroll::-webkit-scrollbar-track {
border-radius: 3px;
background-color: #eeeeee;
}
.scroll::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: rgba(27, 27, 27, 0.4);
}
.mouse__icon {
display: block;
width: 23px;
height: 35px;
background: url("../img/icon/mouse.svg") no-repeat center;
background-size: contain;
position: absolute;
left: 50%;
bottom: 27px;
z-index: 2;
transform: translateX(-50%);
-webkit-animation: sdb05 4s infinite;
animation: sdb05 4s infinite;
}
.mouse__icon-webinar {
-webkit-animation: sdb06 4s infinite;
animation: sdb06 4s infinite;
}
@-webkit-keyframes sdb05 {
0% {
-webkit-transform: rotate(0deg) translate(0, -20px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: rotate(0deg) translate(0, 20px);
opacity: 0;
}
}
@keyframes sdb05 {
0% {
transform: rotate(0deg) translate(0, -20px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: rotate(0deg) translate(0px, 20px);
opacity: 0;
}
}
@-webkit-keyframes sdb06 {
0% {
-webkit-transform: rotate(0deg) translate(0, -9px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: rotate(0deg) translate(0, 9px);
opacity: 0;
}
}
@keyframes sdb06 {
0% {
transform: rotate(0deg) translate(0, -6px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: rotate(0deg) translate(0px, 6px);
opacity: 0;
}
}
.content__block {
padding: 21px 25px 24px 29px;
}
.content__header {
position: relative;
padding-left: 33px;
margin-bottom: 19px;
}
.content__header::before {
content: '';
display: block;
width: 22px;
height: 16px;
position: absolute;
left: 0;
top: 0;
background: url("../img/icon/subway-blue.svg") no-repeat center;
background-size: contain;
}
.content__list > li {
font-size: 18px;
line-height: 22px;
}
.content__list > li .medium {
font-weight: 500;
}
.content__list > li:not(:last-child) {
margin-bottom: 22px;
}
.instagram_gallery {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.instagram_gallery a {
display: block;
padding: 0 17px;
width: 25%;
margin-bottom: 29px;
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, -50%, 0);
}
20%, 80% {
transform: translate3d(2px, -50%, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, -50%, 0);
}
40%, 60% {
transform: translate3d(4px, -50%, 0);
}
}
#fullpage .section {
padding: 0 !important;
}
@media screen and (max-height: 879px) {
#fullpage .section .section__wrap {
padding: 95px 0 30px;
}
#fullpage .section.map .section__wrap, #fullpage .section.more .section__wrap {
padding-bottom: 0;
}
#fullpage .section.price .section__wrap {
padding-bottom: 30px;
}
#fullpage .section.price.price_promo .section__wrap {
padding-bottom: 226px;
}
}
#fullpage .section.webinar .section__wrap {
padding-top: 231px;
padding-bottom: 0 !important;
}
#fullpage .section.webinar-subjects .section__wrap {
padding-top: 158px;
padding-bottom: 0 !important;
}
#fullpage .section.details .section__wrap {
padding-top: 70px;
}
#fullpage .section.webinar-form .section__wrap {
padding-top: 150px;
}
#fullpage .section.teacher .section__wrap {
padding-top: 169px;
}
@media screen and (max-height: 900px) {
#fullpage .section.teacher .section__wrap {
padding-top: 0;
justify-content: flex-end;
}
}
#fullpage .section.more .section__wrap {
padding-top: 110px;
}
#fullpage .section__wrap {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;
min-height: 100vh;
}
@media screen and (max-height: 879px) {
#fullpage .section__wrap {
justify-content: center;
}
}
@media screen and (max-width: 1399px) and (max-height: 879px) {
#fullpage .section__wrap {
padding: 80px 0 70px;
}
#fullpage .section__wrap-price {
padding-bottom: 0 !important;
}
}
#fullpage .section__wrap-end {
justify-content: flex-end;
}
#fullpage .section__wrap-space {
justify-content: space-between;
}
#fullpage .section__wrap-price {
padding-top: 110px;
padding-bottom: 226px;
}
@media screen and (max-height: 879px) {
#fullpage .section.webinar-form .section__wrap {
padding-top: 86px;
padding-bottom: 0;
}
#fullpage .section.teacher .section__wrap {
padding-bottom: 0;
}
#fullpage .section.faq .section__wrap {
padding-top: 70px;
}
#fullpage .section.webinar-subjects .section__wrap {
padding-top: 106px;
}
}
@media screen and (max-width: 1199px) {
#fullpage .section .section__wrap {
padding-top: 110px;
}
#fullpage .section.map .section__wrap {
padding-top: 80px;
}
#fullpage .section.subject .section__wrap {
padding-top: 130px;
}
#fullpage .section.teacher .section__wrap {
padding-bottom: 0;
}
#fullpage .section.more .section__wrap {
padding-bottom: 0;
}
#fullpage .section.webinar .section__wrap {
min-height: 100vh;
}
#fullpage .section.details .section__wrap {
padding: 50px 0 90px;
}
#fullpage .section.webinar-subjects .section__wrap {
padding: 100px 0 180px;
}
}
@media screen and (max-width: 1080px) {
.teacher__circle_3 {
display: none;
}
.webinar-form__it {
min-height: auto !important;
}
.webinar-form__it .form__wrapper {
margin-bottom: 50px;
}
#fullpage .section .section__wrap {
padding: 70px 0;
min-height: unset;
height: auto !important;
}
#fullpage .section.webinar-subjects .section__wrap {
padding-bottom: 0;
}
#fullpage .section.map .section__wrap {
padding-bottom: 0;
padding-top: 0;
}
#fullpage .section.map .title {
padding: 0 20px;
margin-bottom: 40px;
}
#fullpage .section.price .section__wrap {
padding-bottom: 80px;
}
#fullpage .section.price.price_promo .section__wrap {
padding-bottom: 0;
}
#fullpage .section.welcome .section__wrap {
min-height: 100vh;
padding: 120px 0 150px;
}
#fullpage .section.teacher .section__wrap, #fullpage .section .webinar-subjects .section__wrap {
padding-bottom: 0;
}
#fullpage .section.teacher .section__wrap {
padding-top: 81px;
}
#fullpage .section.choice .section__wrap {
padding-bottom: 100px;
}
#fullpage .section.subject .section__wrap {
padding-top: 120px;
padding-bottom: 160px;
}
#fullpage .section.webinar .section__wrap {
padding: 120px 0 0;
min-height: auto;
}
#fullpage .section.details .section__wrap {
padding: 90px 0;
}
.form__list {
padding-left: 80px;
}
.contacts .form__btn {
margin: 0 auto;
}
}
@media screen and (max-width: 991px) {
#fullpage .section.welcome .section__wrap {
min-height: auto;
}
}
@media screen and (max-width: 767px) {
.webinar-form__it {
min-height: auto !important;
}
.webinar-form__it .form__wrapper {
margin-bottom: 0;
}
#fullpage .section .section__wrap {
padding: 70px 0;
}
#fullpage .section.welcome .section__wrap {
padding: 109px 0 376px;
}
#fullpage .section.trial .section__wrap {
padding: 97px 0 88px;
}
#fullpage .section.price .section__wrap {
padding-bottom: 90px;
}
#fullpage .section.price + .group .group__circle_1 {
height: 132px;
background-size: contain;
top: -80px;
}
#fullpage .section.price.price_promo .section__wrap {
padding-bottom: 0;
}
#fullpage .section.price.price_promo + .group .group__circle_1 {
height: calc(178px - 114px);
top: 0;
background-size: cover;
}
#fullpage .section.features .section__wrap {
padding: 89px 0 74px;
}
#fullpage .section.efficiency .section__wrap {
padding: 80px 0 88px;
}
#fullpage .section.contacts .section__wrap {
padding: 63px 0 50px;
}
#fullpage .section.faq .section__wrap {
padding: 55px 0 77px;
}
#fullpage .section.instagram .section__wrap {
padding: 37px 0 70px;
}
#fullpage .section.free .section__wrap {
padding: 59px 0 84px;
}
#fullpage .section.choice .section__wrap {
padding: 72px 0 92px;
}
#fullpage .section.teacher .section__wrap {
padding: 59px 0 35px;
}
#fullpage .section.group .section__wrap {
padding: 65px 0 74px;
}
#fullpage .section.reviews .section__wrap {
padding: 66px 0 65px;
}
#fullpage .section.subject .section__wrap {
padding: 121px 0 147px;
}
#fullpage .section.webinar .section__wrap {
padding: 123px 0 0;
}
#fullpage .section.webinar-subjects .section__wrap {
padding: 64px 0 0;
}
#fullpage .section.details .section__wrap {
padding: 36px 0 55px;
}
#fullpage .section .price .section__wrap {
padding-top: 59px;
}
#fullpage .section.map .section__wrap {
padding-top: 0;
}
}
.teacher,
.teacher .fp-slide,
.teacher .fp-tableCell {
height: auto !important;
}
#preload {
position: fixed;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #fff;
z-index: 105; }
.load{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);
/*change these sizes to fit into your project*/
width:100px;
height:100px;
}
.load hr{border:0;margin:0;width:40%;height:40%;position:absolute;border-radius:50%;animation:spin 2s ease infinite}
@keyframes spin{
0%,100%{transform:translate(0)}
25%{transform:translate(160%)}
50%{transform:translate(160%, 160%)}
75%{transform:translate(0, 160%)}
}
.load :first-child {
background: #2FBBEB;
animation-delay: -1.5s; }
.load :nth-child(2) {
background: #DDD71C;
animation-delay: -1s; }
.load :nth-child(3) {
background: #2FBBEB;
animation-delay: -0.5s; }
.load :last-child {
background: #DDD71C; }
.form__wrapper {
display: block;
max-width: 464px;
width: 100%;
position: relative;
margin: 0 auto;
}
.form__wrapper-mb-60 {
margin-bottom: 60px;
}
.form__wrapper-mb-103 {
margin-bottom: 103px;
}
.form__wrapper_white .wpcf7-form-control-wrap {
display: block;
width: 100%;
margin-bottom: 27px;
}
.form__wrapper_white .wpcf7-form-control-wrap:last-of-type {
margin-bottom: 37px;
}
.form__wrapper_white .form__input {
background: #EAEAEA;
border-color: #EAEAEA;
color: #000;
margin-bottom: 0 !important;
}
.form__wrapper_white .form__input::placeholder {
color: #A9A9A9;
}
.form__wrapper_white .form__input:hover, .form__wrapper_white .form__input:focus {
background: #fff;
border-color: #000;
}
.form__wrapper_contacts .form__input {
text-align: left;
margin-bottom: 21px;
}
.form__wrapper_contacts .form__input:last-of-type {
margin-bottom: 39px;
}
.form__wrapper form {
display: block;
width: 100%;
}
.form__input {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
height: 57px;
padding: 0 38px;
font: 18px 'Montserrat', sans-serif;
color: #fff;
background: #20315F;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 50px;
margin-bottom: 27px;
}
.form__input:last-of-type {
margin-bottom: 57px;
}
.form__input::placeholder {
font: 14px 'Montserrat', sans-serif;
color: rgba(255, 255, 255, 0.5);
}
.form__input:hover, .form__input:focus {
background: #3E5392;
}
.form__btn {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
width: 244px;
height: 45px;
font: 500 18px/22px 'Montserrat', sans-serif;
cursor: pointer;
border: 2px solid #2FBBEB;
box-shadow: 0 0 25px rgba(47, 187, 235, 0.38);
border-radius: 30px;
background-color: #2FBBEB;
}
.form__btn:hover {
color: #2FBBEB;
box-shadow: none;
background-color: transparent;
}
.form__btn_contacts {
font-size: 14px;
width: 279px;
margin: 0;
}
.form__list {
margin-bottom: 67px;
}
.form__list > li:not(:last-child) {
margin-bottom: 21px;
}
.form__list-label {
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 14px;
line-height: 17px;
}
.form__list-label input {
display: none;
}
.form__list-label input:checked + .block {
position: relative;
border-color: #2FBBEB;
}
.form__list-label input:checked + .block::before {
content: '';
width: 10px;
height: 10px;
position: absolute;
left: 50%;
top: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
background-color: #2FBBEB;
}
.form__list-label .block {
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
background: #fff;
border: 1px solid #EAEAEA;
margin-right: 21px;
}
.form__list-label .text_bold {
margin-left: 4px;
}
.header-fixed {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 100;
opacity: 0;
width: 100%;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.header-fixed.active {
display: block;
opacity: 1;
}
.header-fixed__wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
height: 69px;
justify-content: space-between;
}
.header-fixed__phone {
display: none;
}
.header-fixed__logo {
max-width: 137px;
width: 100%;
}
.header-fixed__logo img {
width: 100%;
}
.header-fixed__right {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-fixed__menu {
display: flex;
align-items: center;
margin-right: 163px;
}
.header-fixed__menu > li:not(:last-child) {
margin-right: 35px;
}
.header-fixed__link {
color: #3E5392;
font-weight: 500;
font-size: 18px;
line-height: 22px;
}
.header-fixed__link:hover, .header-fixed__link.active {
color: #2FBBEB;
}
.header-fixed__contacts {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-fixed__contacts::before {
content: '';
display: block;
width: 16px;
height: 16px;
background: url("../img/icon/phone.svg") no-repeat center;
background-size: contain;
margin-right: 21px;
}
.header-fixed__contacts > li:not(:last-child) {
margin-right: 21px;
}
.header-fixed__contacts > li a {
font-weight: bold;
font-size: 18px;
line-height: 22px;
}
.header-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 100;
transition: opacity .5s ease-in-out;
}
.header-top__top {
position: relative;
background: #F9F9F9;
}
.header-top__decor {
display: flex;
align-items: center;
padding: 0.95rem 2rem;
border-radius: 50px;
background: #DDD71C;
color: #233670;
font-weight: 700;
position: absolute;
left: -15px;
top: 6rem;
transform: translatey(100%);
}
.icon_like {
display: block;
width: 32px;
height: 32px;
background: url('/wp-content/uploads/2023/08/mdi_dislike.svg') no-repeat center;
background-size: contain;
margin-right: 18px;
}
@media screen and (max-height: 879px) {
.header-top__decor {
left: 15px;
top: -2rem;
font-size: 0.9rem;
padding: 0.9rem 1.8rem;
}
}
@media screen and (max-width: 1349px) {
.header-top__decor {
left: 15px;
top: -2.5rem;
font-size: 0.9rem;
padding: 0.9rem 1.8rem;
}
}
@media screen and (max-width: 1080px) {
.header-top__decor {
top: 3rem;
}
}
@media screen and (max-width: 991px) {
.header-top__decor {
left: -15px;
top: -55px;
font-size: 0.8rem;
padding: 0.6rem 1.5rem;
transform: unset;
}
.icon_like {
width: 27px;
height: 27px;
margin-right: 10px;
}
body #fullpage .section.welcome .section__wrap {
padding-top: 157px;
}
.header-fixed {
z-index: 1000;
}
#preload {
z-index: 1001;
}
}
@media screen and (max-width: 767px) {
.header-top__decor {
left: 10px;
top: -60px;
}
}
.header-top__top-wrap {
display: flex;
justify-content: space-between;
align-items: center;
height: 88px;
position: relative;
z-index: 102;
}
.header-top__bottom-wrap {
display: flex;
align-items: center;
justify-content: space-between;
height: 69px;
padding-left: 387px;
position: relative;
z-index: 102;
}
.header-top__logo {
width: 200px;
}
.header-top__logo img {
width: 100%;
}
.header-top__contacts {
display: flex;
flex-wrap: wrap;
align-items: center;
width: calc(100% - 366px);
justify-content: space-between;
}
.header__language {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header__language > li:not(:last-child) {
margin-right: 2px;
}
.header__language-link {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
color: #233670;
opacity: 0.43;
font-size: 10px;
line-height: 12px;
font-weight: 600;
}
.header__language-link.active {
background-color: #DDD71C;
opacity: 1;
}
.block__wrap {
position: relative;
height: 360px;
overflow: hidden;
max-width: 1235px;
width: 100%;
margin: 0 auto 50px;
padding-bottom: 20px;
}
.block__wrap a {
display: flex;
align-items: center;
font-size: 14px;
line-height: 14px;
color: #000;
position: absolute;
left: 50%;
bottom: 4px;
transform: translateX(-50%);
cursor: pointer;
}
.block__wrap a i {
margin-left: 5px;
}
.block__wrap a.active i {
transform: rotate(180deg);
}
.block__text {
font-size: 14px;
line-height: 24px;
color: #A9A9A9;
height: 336px;
overflow-y: hidden;
padding-right: 10px;
position: relative;
}
.block__text.active {
overflow-y: auto;
}
.footer {
position: relative;
z-index: 2;
background-color: #233670;
padding: 22px 0 12px;
}
.footer__wrap {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.footer__bottom {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.footer__copyright {
font-size: 14px;
line-height: 17px;
color: rgba(255, 255, 255, 0.3);
}
.footer__design {
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 12px;
line-height: 16px;
color: rgba(255, 255, 255, 0.3);
}
.footer__design img {
display: block;
width: 117px;
top: -5px;
position: relative;
margin-left: 10px;
}
.footer__left {
margin-right: 104px;
}
.footer__social {
display: flex;
align-items: center;
}
.footer__social > li:not(:last-child) {
margin-right: 12px;
}
.footer__social > li a {
display: block;
width: 24px;
height: 24px;
opacity: .25;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.footer__social > li a:hover {
opacity: 1;
}
.footer__logo {
display: block;
max-width: 176px;
width: 100%;
margin-bottom: 17px;
}
.footer__logo img {
width: 100%;
}
.footer__contacts {
display: flex;
align-items: flex-start;
}
.footer__contacts > div:not(:last-of-type) {
margin-right: 50px;
}
.footer__address-wrap {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: 500px;
}
.footer__address {
position: relative;
padding-left: 42px;
font-size: 14px;
line-height: 18px;
font-weight: 500;
margin-bottom: 20px;
}
.footer__address_hide {
/* padding-left: 20px; */
}
.header-top__contacts .footer__address {
margin-bottom: 0;
}
.footer__address::before {
content: '';
display: block;
width: 22px;
height: 16px;
position: absolute;
left: 0;
top: 0;
background: url("../img/icon/subway.svg") no-repeat center;
background-size: contain;
}
.footer__address_hide::before {
display: none;
}
.footer__address p {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.footer__address span {
font-size: 18px;
line-height: 22px;
}
.footer__phone {
position: relative;
padding-left: 37px;
}
.footer__phone::before {
content: '';
display: block;
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 5px;
background: url("../img/icon/phone.svg") no-repeat center;
background-size: contain;
}
.footer__phone > li:not(:last-child) {
margin-bottom: 4px;
}
.footer__link {
font-size: 18px;
line-height: 22px;
}
.footer__email {
position: relative;
padding-left: 40.5px;
margin-bottom: 4px;
}
.footer__email::before {
content: '';
display: block;
width: 21px;
height: 16px;
position: absolute;
left: 0;
top: 5px;
background: url("../img/icon/email.svg") no-repeat center;
background-size: contain;
}
.footer__last {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.footer__pay {
font-size: 14px;
line-height: 24px;
text-decoration-line: underline;
}
.menu__mob {
position: fixed;
right: 0;
top: 0;
height: 100vh;
overflow-y: auto;
background-color: #F9F9F9;
max-width: 50vw;
width: 100%;
z-index: 1000;
margin-right: -100%;
opacity: 0;
transition: margin-right 0.8s;
}
.menu__mob-close {
position: absolute;
top: 24px;
right: 18%;
display: block;
width: 24px;
height: 24px;
background: url("../img/icon/close.svg") no-repeat center;
background-size: cover;
cursor: pointer;
}
.menu__mob-wrap {
min-height: 100vh;
overflow-y: auto;
padding: 120px 40px 50px 120px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.menu__mob-title {
letter-spacing: 0.18px;
margin-bottom: 37px;
}
.menu__mob-header {
margin-bottom: 40px;
}
.menu__mob-link {
font-size: 25px;
position: relative;
font-weight: 600;
line-height: 23px;
text-decoration: none;
}
.menu__mob-link:hover, .menu__mob-link.active {
color: #2FBBEB;
transition: all .75s ease-in-out;
}
.menu__mob-item:not(:last-of-type) {
margin-bottom: 26px;
}
.menu__mob-menu {
margin-bottom: 30px;
}
.menu__mob-footer {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
}
.menu__mob-footer > div:not(:last-of-type) {
margin-bottom: 30px;
}
.menu__mob-show {
margin-right: 0;
}
.welcome__list {
display: flex;
flex-wrap: wrap;
padding-left: 174px;
}
.welcome__info {
padding-top: 130px;
max-width: 680px;
width: 100%;
}
.welcome__title {
font: 70px/78px 'Comfortaa';
margin-bottom: 41px;
}
.welcome__description {
font-size: 21px;
line-height: 37px;
max-width: 532px;
}
.welcome__photo {
width: 617px;
position: absolute;
top: 54px;
right: 0;
}
.welcome__photo::before {
content: '';
display: block;
width: 263px;
height: 83px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
left: -34px;
bottom: -11px;
}
.welcome__photo img {
width: 100%;
}
.welcome__circle_1 {
left: 0;
top: 0;
width: 29.63%;
height: 442px;
background: url("../img/icon/welcome-circle-1.svg") no-repeat left top;
background-size: contain;
z-index: 0;
}
.welcome__circle_2 {
left: 0;
bottom: 0;
width: 24%;
height: 293px;
background: url("../img/icon/welcome-circle-2.svg") no-repeat right bottom;
background-size: contain;
}
.welcome__circle_3 {
right: 0;
top: 0;
width: 24%;
height: 293px;
background: url("../img/icon/welcome-circle-3.svg") no-repeat right top;
background-size: contain;
transform: unset;
z-index: 10;
}
.features__list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-left: -17px;
margin-right: -17px;
}
.features__col {
width: 50%;
padding: 0 17px;
}
.features__item {
display: flex;
align-items: center;
position: relative;
background: #FFFFFF;
min-height: 98px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
border-radius: 20px;
padding: 14px 35px 15px 39px;
margin-bottom: 35px;
}
.features__item::before {
content: '';
display: block;
width: 59px;
height: 71px;
position: absolute;
left: -27px;
top: 16px;
background: url("../img/icon/sign.svg") no-repeat center;
background-size: contain;
}
.features__circle_1 {
left: 4.3%;
top: -102px;
width: 16.84%;
height: 475px;
background: url("../img/icon/features-circle-1.svg") no-repeat left top;
background-size: contain;
}
.features__circle_3 {
right: 0;
top: 0;
width: 23.57%;
height: 228px;
background: url("../img/icon/features-circle-3.svg") no-repeat top right;
background-size: contain;
}
.efficiency__circle_1 {
left: 0;
top: 0;
width: 22.89%;
height: 616px;
background: url("../img/icon/efficiency-circle-1.svg") no-repeat left center;
background-size: contain;
transform: translateZ(-1px) translateY(-50%);
}
.efficiency__circle_2 {
left: 5.95%;
bottom: 11%;
width: 13.84%;
height: 83px;
background: url("../img/icon/efficiency-circle-2.svg") no-repeat center;
background-size: contain;
}
.efficiency__circle_3 {
right: 10%;
top: -80px;
width: 13.84%;
height: 390px;
background: url("../img/icon/efficiency-circle-3.svg") no-repeat center top;
background-size: contain;
}
.efficiency__list {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: center;
}
.efficiency__item {
display: flex;
flex-direction: column;
align-items: center;
width: 200px;
}
.efficiency__item:not(:last-child) {
margin-right: 60px;
}
.efficiency__item:nth-of-type(2n+1) {
padding-top: 95px;
}
.efficiency__number {
font-size: 100px;
line-height: 127px;
font-weight: 900;
color: #DDD71C;
}
.efficiency__number span {
font-size: 64px;
}
.efficiency__number i {
font-style: normal;
}
.efficiency__description {
font-size: 14px;
line-height: 18px;
}
.trial__description {
font-size: 24px;
line-height: 31px;
}
.trial__circle_1 {
left: 0;
top: 0;
width: 19.2%;
height: 429px;
mix-blend-mode: soft-light;
background: url("../img/icon/trial-circle-1.svg") no-repeat left top;
background-size: contain;
}
.trial__circle_3 {
right: 0;
top: 12.84%;
width: 23.36%;
height: 654px;
background: url("../img/icon/trial-circle-3.svg") no-repeat right center;
background-size: contain;
}
.trial__after, .trial__before {
position: absolute;
left: 0;
top: 0;
width: 26.3%;
height: 100%;
background: url("../img/icon/sign-list-blue.svg") repeat-y left top;
background-size: contain;
z-index: 0;
transform: translateZ(-1px);
}
.trial__before {
left: unset;
right: 0;
background: url("../img/icon/sign-list-blue-right.svg") repeat-y left top;
background-size: contain;
transform: translateZ(-1px);
}
.group__circle_1 {
left: 4.05%;
top: -60px;
width: 14%;
height: 422px;
background: url("../img/icon/group-circle-1.svg") no-repeat left top;
background-size: contain;
}
.group__circle_4 {
right: 0;
bottom: 0;
width: 18.2%;
height: 260px;
background: url("../img/icon/group-circle-4.svg") no-repeat right bottom;
background-size: contain;
}
.group__circle_4 {
right: 9%;
bottom: 37%;
width: 13.84%;
height: 83px;
background: url("../img/icon/group-circle-5.svg") no-repeat center;
background-size: contain;
}
.group__list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-right: -10px;
margin-left: -10px;
}
.group__title {
font-size: 24px;
line-height: 29px;
font-weight: 600;
margin-bottom: 8px;
}
.group__col {
width: 33.333%;
padding: 0 10px;
}
.group__col:nth-of-type(1), .group__col:nth-of-type(2), .group__col:nth-of-type(3) {
margin-bottom: 78px;
}
.group__description {
font-size: 14px;
line-height: 23px;
color: #5C5C5C;
}
.teacher {
position: relative;
transform-style: preserve-3d;
}
@media screen and (max-height: 879px) {
.teacher {
padding-top: 169px;
padding-bottom: 0;
}
}
.teacher::before {
content: '';
display: block;
width: 100%;
height: 55%;
background: #20315F;
position: absolute;
left: 0;
bottom: 0;
}
.teacher .container {
position: relative;
z-index: 3;
}
.teacher__subtitle {
max-width: 838px;
width: 100%;
margin: 0 auto 9px;
}
.teacher__slider {
position: relative;
}
.teacher__item {
display: flex !important;
flex-wrap: wrap;
align-items: flex-start;
}
.teacher__photo {
width: 481px;
padding-bottom: 0;
}
.teacher__ellipse {
position: relative;
width: 481px;
height: 482px;
background-color: #DDD71C;
border-radius: 50%;
}
.teacher__ellipse img {
position: absolute;
right: 43px;
bottom: -30px;
}
.teacher__rate {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
right: -35px;
top: 46px;
width: 161px;
height: 161px;
border-radius: 50%;
background-color: #233670;
}
.teacher__rate span {
font-size: 36px;
line-height: 46px;
font-weight: 600;
color: #DDD71C;
}
.teacher__info {
padding-left: 91px;
padding-top: 63px;
width: calc(100% - 481px);
}
.teacher__name {
font-size: 36px;
line-height: 46px;
margin-bottom: 1px;
}
.teacher__course {
margin-bottom: 42px;
}
.teacher__blockquote {
position: relative;
padding-left: 82px;
display: block;
max-width: 660px;
width: 100%;
font-size: 20px;
line-height: 28px;
font-weight: 500;
}
.teacher__blockquote::before {
content: '';
display: block;
width: 53.18px;
height: 39.17px;
left: 0;
top: -15px;
background: url("../img/icon/blockqoute.svg") no-repeat center;
background-size: contain;
position: absolute;
}
.teacher__pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
position: absolute;
left: 588px;
bottom: 62px;
}
.teacher__pagination .slick-dots {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.teacher__pagination .slick-dots > li {
width: 8px;
height: 8px;
padding: 0;
margin: 0;
}
.teacher__pagination .slick-dots > li:not(:last-child) {
margin-right: 10px;
}
.teacher__pagination .slick-dots > li button {
position: relative;
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
border: none;
font-size: 0;
padding: 0;
margin: 0;
background-color: #51608C;
transition: background-color .5s ease-in-out;
}
.teacher__pagination .slick-dots > li.slick-active button {
background-color: #2FBBEB;
}
.teacher__pagination .slick-dots > li.slick-active button::before {
content: '';
display: block;
width: 16px;
height: 16px;
border: 1px solid #2FBBEB;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.teacher__pagination-arrow {
display: block;
width: 20px;
height: 10px;
cursor: pointer;
background: url("../img/icon/arrow-prev.svg") no-repeat center;
background-size: contain;
z-index: 1;
}
.teacher__pagination-arrow:focus {
outline: none;
}
.teacher__pagination-arrow_next {
transform: rotate(180deg);
}
.teacher__dots {
margin: 0 20px;
}
.teacher__circle_1 {
left: 0;
top: 0;
width: 19.2%;
height: 429px;
mix-blend-mode: soft-light;
background: url("../img/icon/teacher-circle-1.svg") no-repeat left top;
background-size: contain;
}
.teacher__circle_2 {
right: 0;
bottom: calc(-529px + 446px);
width: 19.58%;
height: 529px;
background: url("../img/icon/teacher-circle-2.svg") no-repeat right bottom;
background-size: contain;
}
.teacher__circle_3 {
right: 6%;
top: 17%;
width: 263px;
height: 83px;
mix-blend-mode: soft-light;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
}
.teacher__circle_4 {
width: 26.6%;
height: 613px;
bottom: 12%;
left: 0;
background: url("../img/icon/teacher-circle-3.svg") no-repeat left center;
background-size: contain;
}
.teacher__circle_5 {
width: 11%;
height: 411px;
top: 3.2%;
right: 8.5%;
background: url("../img/icon/teacher-circle-4.svg") no-repeat center top;
background-size: contain;
}
.teacher__circle_6 {
width: 19.6%;
height: 326px;
bottom: 0;
right: 0;
background: url("../img/icon/teacher-circle-5.svg") no-repeat right bottom;
background-size: contain;
}
.price__wrap {
padding: 0 57px 0 80px;
}
@media screen and (max-width: 767px) {
.price__wrap {
margin-bottom: 0;
}
}
.price__btn {
margin-top: 45px;
}
.price__list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
position: relative;
transform-style: preserve-3d;
margin-bottom: 51px;
}
.price__list::before {
content: '';
display: block;
width: 263px;
height: 83px;
position: absolute;
right: -216px;
bottom: 33px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
transform: translateZ(-1px);
}
.price__subjects {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
position: relative;
margin-left: -18px;
margin-right: -18px;
}
.price__subjects::before {
content: '';
display: block;
width: 263px;
height: 83px;
position: absolute;
left: calc(33.333% - 132px);
top: 142px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
transform: rotate(90deg);
}
.price__col {
width: 33.333%;
padding: 0 18px;
}
.price__item {
position: relative;
min-height: 216px;
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
border-radius: 20px;
padding: 30px 30px 0 96px;
}
.price__title {
font-size: 18px;
line-height: 23px;
margin-bottom: 12px;
}
.price__price {
font-size: 18px;
line-height: 23px;
}
.price__price span {
font-size: 36px;
line-height: 46px;
}
.price__old {
font-size: 18px;
line-height: 23px;
height: 23px;
color: #CDCDCD;
text-decoration: line-through;
margin-bottom: 10px;
}
.price__number {
display: flex;
align-items: center;
justify-content: center;
width: 96px;
height: 96px;
background-color: #233670;
border-radius: 50%;
position: absolute;
left: -18px;
top: -8px;
font-weight: 800;
font-size: 36px;
color: #fff;
}
.price__number_yellow {
background-color: #DDD71C;
}
.price__left {
width: 732px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
border-radius: 20px;
margin-right: 32px;
}
.price__courses {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 27px 107px 1px 39px;
}
.price__courses > li {
position: relative;
padding-left: 28px;
margin-bottom: 28px;
}
.price__courses > li::before {
content: '';
width: 13px;
height: 12px;
position: absolute;
left: 0;
top: 5px;
background: url("../img/icon/arrow-subject.svg") no-repeat center;
background-size: contain;
}
.price__courses > li a {
font-size: 18px;
line-height: 23px;
}
.price__courses > li:nth-of-type(2n+1) {
width: 383px;
}
.price__courses > li:nth-of-type(2n) {
width: 163px;
}
.price__right {
width: 459px;
background: #2FBBEB;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
border-radius: 20px;
padding: 64px 20px 57px 41px;
}
.price__right > li:not(:last-child) {
margin-bottom: 18px;
}
.price__footer {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 70px;
background-color: #eaeaea;
font-size: 18px;
line-height: 23px;
position: absolute;
left: 0;
bottom: 0;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.price__footer_yellow {
background-color: #DDD71C;
}
.price__circle_1 {
left: 0;
top: 0;
width: 20.94%;
height: 425px;
background: url("../img/icon/price-circle-1.svg") no-repeat left top;
background-size: contain;
}
.price__circle_2 {
left: 4.05%;
bottom: calc(-422px + 60px);
width: 14%;
height: 422px;
background: url(../img/icon/group-circle-1.svg) no-repeat left top;
background-size: contain;
}
.price__circle_3 {
right: 0;
top: -446px;
width: 19.58%;
height: 529px;
background: url("../img/icon/teacher-circle-2.svg") no-repeat right bottom;
background-size: contain;
}
.price__circle_4 {
right: 0;
bottom: 0;
width: 26.84%;
height: 562px;
background: url("../img/icon/price-circle-4.svg") no-repeat right center;
background-size: contain;
transform: translateZ(-1px) translateY(50%);
}
.price_promo .price__item {
min-height: 180px;
}
.price_promo .price__title {
margin-bottom: 4px;
}
.price_promo .price__footer {
height: 47px;
}
.price_promo .price__right {
padding: 45px 22px 33px 41px;
}
.price_promo .price__right > li:not(:last-child) {
margin-bottom: 12px;
}
.price_promo .price__circle_4 {
width: 21.11%;
mix-blend-mode: soft-light;
background-image: url("../img/icon/price-circle-promo-4.svg");
}
.price_promo .price__courses > li {
margin-bottom: 12px;
}
.price_promo .price__courses > li::before {
width: 7px;
height: 7px;
background: #2FBBEB;
border-radius: 50%;
top: 8px;
}
.price_promo .price__subjects::before {
display: none;
}
.price__promo {
position: absolute;
left: 0;
bottom: 0;
padding-top: 48px;
width: 100%;
height: 226px;
background-color: #233670;
}
.price__promo-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.price__promo-info {
display: flex;
flex-direction: column;
align-items: flex-end;
max-width: 628px;
width: 100%;
margin-right: 34px;
}
.price__promo-title {
font-size: 36px;
line-height: 40px;
text-align: right;
margin-bottom: 10px;
}
.price__promo-subtitle {
font-size: 18px;
line-height: 23px;
}
.price__promo-price {
max-width: 215px;
width: 100%;
margin-right: 45px;
}
.price__promo-price img {
width: 100%;
}
.price__promo-btn {
display: flex;
align-items: center;
justify-content: center;
max-width: 308px;
width: 100%;
height: 45px;
font-size: 18px;
line-height: 22px;
font-weight: 500;
background-color: #2FBBEB;
border: 2px solid #2FBBEB;
box-shadow: 0 0 25px rgba(47, 187, 235, 0.38);
border-radius: 30px;
}
.price__promo-btn:hover {
background-color: transparent;
color: #2FBBEB;
}
.faq__list {
padding-left: 2px;
}
.faq__circle_1 {
left: 4.8%;
top: -75px;
width: 16.84%;
height: 475px;
background: url("../img/icon/faq-circle-1.svg") no-repeat center top;
background-size: contain;
}
.faq__header {
display: flex;
align-items: center;
background: #EAEAEA;
border-radius: 10px;
position: relative;
font-size: 14px;
line-height: 17px;
margin-top: 25px;
pointer-events: auto;
}
.faq__header.active::after {
display: none;
}
.faq__header::before {
content: '';
display: block;
width: 20px;
height: 4px;
background: #C4C4C4;
border-radius: 3px;
position: absolute;
right: 20px;
top: 26px;
}
.faq__header::after {
content: '';
display: block;
height: 20px;
width: 4px;
background: #C4C4C4;
border-radius: 3px;
position: absolute;
right: 28px;
top: 18px;
}
.faq__header span {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
width: 40px;
height: 40px;
background-color: #DDD71C;
font-weight: 600;
font-size: 18px;
position: absolute;
top: -13px;
left: -22px;
}
.faq__header a {
display: flex;
align-items: center;
width: 100%;
height: 54px;
color: #000;
padding: 5px 70px 5px 55px;
}
.faq__body {
background-color: #fff;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 12px 30px 11px 55px;
font-size: 14px;
line-height: 17px;
overflow-y: auto;
}
@media screen and (max-height: 879px) {
.instagram {
padding-top: 0 !important;
}
}
.instagram__header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-bottom: 5px;
}
.instagram__label {
display: block;
border-radius: 50%;
width: 84px;
height: 84px;
position: relative;
background-color: #2FBBEB;
margin-right: 32px;
}
.instagram__label::before {
content: '';
display: block;
width: 32px;
height: 41px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url("../img/icon/sign-white.svg") no-repeat center;
background-size: contain;
}
.instagram__link {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.instagram__link i {
margin-right: 18px;
}
.instagram__list {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 0 76px;
position: relative;
margin-left: -17px;
margin-right: -17px;
margin-bottom: 20px;
transform-style: preserve-3d;
}
.instagram__list::after, .instagram__list::before {
content: '';
display: block;
width: 263px;
height: 86px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
right: 15px;
bottom: -12px;
opacity: .3;
transform: translateZ(-1px);
}
.instagram__list::before {
transform: rotate(90deg);
left: -86px;
top: 223px;
}
.instagram__col {
padding: 0 17px;
width: 25%;
margin-bottom: 29px;
}
.instagram__photo {
width: 100%;
height: 0;
padding-top: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.instagram__btn {
width: 247px;
}
.instagram__circle_1 {
left: 0;
top: 0;
width: 27.63%;
height: 562px;
background: url("../img/icon/instagra-cirlce-1.svg") no-repeat left top;
background-size: contain;
mix-blend-mode: soft-light;
}
.instagram__circle_3 {
right: 3.2%;
top: 0;
width: 20%;
height: 236px;
background: url("../img/icon/instagra-cirlce-3.svg") no-repeat right top;
background-size: contain;
}
.instagram__circle_4 {
right: 0;
bottom: 0;
width: 23.2%;
height: 562px;
background: url("../img/icon/instagra-cirlce-4.svg") no-repeat right center;
background-size: contain;
transform: translateY(50%);
mix-blend-mode: soft-light;
}
.free__circle_2 {
width: 19.42%;
height: 834px;
right: 0;
top: calc(80px - 834px);
background: url("../img/icon/choice-circle-2.svg") no-repeat right bottom;
background-size: contain;
}
.free__after, .free__before {
position: absolute;
left: 0;
top: 0;
width: 26.3%;
height: 100%;
background: url("../img/icon/sign-list-grey.svg") repeat-y left top;
background-size: contain;
opacity: .5;
z-index: 0;
transform: translateZ(-1px);
}
.free__before {
left: unset;
right: 0;
background: url("../img/icon/sign-list-grey-right.svg") repeat-y left top;
background-size: contain;
transform: translateZ(-1px);
}
.choice__wrap {
overflow-x: auto;
}
#sb_instagram .sb_instagram_header {
display: none !important;
}
#sb_instagram #sbi_images {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 !important;
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px)!important
}
#sb_instagram #sbi_images > div {
margin: 0 15px 30px !important;
}
#sb_instagram #sbi_images .sbi_item {
width: calc(25% - 30px) !important;
}
#sb_instagram #sbi_images > div {
margin: 0 15px 30px !important;
}
#sb_instagram {
padding-bottom: 0 !important;
}
#sb_instagram #sbi_load {
display: none;
}
.choice .fp-scrollable {
height: auto !important;
}
.choice__table {
width: 1237px;
}
.choice__header {
font-weight: 500;
font-size: 14px;
color: rgba(255, 255, 255, 0.58);
}
.choice__logo {
max-width: 86px;
width: 86px;
}
.choice__item {
display: flex;
align-items: center;
height: 60px;
justify-content: space-between;
}
.choice__item:nth-of-type(2n) > div:nth-of-type(4) {
background: transparent;
}
.choice__item:nth-of-type(2n) > div:nth-of-type(4)::before {
opacity: .1;
}
.choice__item:nth-of-type(2n+1) > div {
background-color: #20315F;
}
.choice__item > div {
display: flex;
align-items: center;
height: 60px;
padding: 5px;
}
.choice__item > div:nth-of-type(1) {
width: 362px;
padding: 5px 25px 5px 38px;
font-size: 14px;
line-height: 18px;
}
.choice__item > div:nth-of-type(2) {
position: relative;
}
.choice__item > div:nth-of-type(2)::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #1C2C5D;
mix-blend-mode: overlay;
opacity: 0.18;
}
.choice__item > div:nth-of-type(4) {
position: relative;
}
.choice__item > div:nth-of-type(4)::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #EAEAEA;
mix-blend-mode: overlay;
opacity: 0.18;
}
.choice__item > div:nth-of-type(2), .choice__item > div:nth-of-type(4) {
width: 221px;
}
.choice__item > div:nth-of-type(3) {
width: 224px;
}
.choice__item > div:nth-of-type(5) {
width: 209px;
}
.choice__item > div.center {
justify-content: center;
}
.choice__circle_1 {
width: 13.84%;
height: 83px;
left: 2%;
top: 17.8%;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
transform: translateZ(-1px) rotate(90deg);
mix-blend-mode: soft-light;
}
.choice__circle_2 {
width: 10.2%;
height: 664px;
left: 0;
bottom: 0;
background: url("../img/icon/choice-circle-1.svg") no-repeat left center;
background-size: contain;
transform: translateY(40%);
}
.reviews {
position: relative;
}
.reviews__slider {
position: relative;
max-width: 932px;
width: 100%;
margin: 0 auto;
}
.reviews__slider::before {
content: '';
display: block;
width: 263px;
height: 83px;
position: absolute;
left: -202px;
top: 140px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
}
.reviews__item {
display: flex !important;
align-items: flex-start;
min-height: 442px;
padding: 15px 0 0 28px;
}
.reviews__photo {
position: relative;
width: 193px;
height: 265px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #F0F0F0;
border-radius: 20px;
}
.reviews__rate {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 73px;
height: 73px;
background-color: #DDD71C;
border-radius: 50%;
position: absolute;
left: -28px;
top: -15px;
font-size: 10px;
line-height: 13px;
font-weight: 500;
}
.reviews__rate span {
font-size: 24px;
line-height: 30px;
}
.reviews__info {
width: calc(100% - 193px);
padding-left: 32px;
}
.reviews__name {
font-size: 24px;
line-height: 30px;
color: #000000;
margin-bottom: 2px;
}
.reviews__language {
font-size: 18px;
line-height: 23px;
color: #A9A9A9;
margin-bottom: 14px;
}
.reviews__description {
position: relative;
padding-left: 75px;
font-size: 14px;
line-height: 21px;
color: #5C5C5C;
margin-bottom: 23px;
}
.reviews__description::before {
content: '';
display: block;
width: 53.18px;
height: 39.17px;
position: absolute;
left: 0;
top: 0;
background: url("../img/icon/blockqoute-grey.svg") no-repeat center;
background-size: contain;
}
.reviews__footer {
display: flex;
align-items: center;
}
.reviews__footer.mob {
display: none;
}
.reviews__social {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: 15px;
}
.reviews__social > li:not(:last-child) {
margin-right: 12px;
}
.reviews__social a {
display: block;
}
.reviews__result {
position: relative;
font-size: 14px;
line-height: 23px;
}
.reviews__result::before {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #2FBBEB;
position: absolute;
left: 0;
bottom: 3px;
}
.reviews__pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, -50%);
}
.reviews__pagination .slick-dots {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.reviews__pagination .slick-dots > li {
width: 8px;
height: 8px;
padding: 0;
margin: 0;
}
.reviews__pagination .slick-dots > li:not(:last-child) {
margin-right: 10px;
}
.reviews__pagination .slick-dots > li button {
position: relative;
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
border: none;
font-size: 0;
padding: 0;
margin: 0;
background-color: #EAEAEA;
transition: background-color .5s ease-in-out;
}
.reviews__pagination .slick-dots > li.slick-active button {
background-color: #2FBBEB;
}
.reviews__pagination .slick-dots > li.slick-active button::before {
content: '';
display: block;
width: 16px;
height: 16px;
border: 1px solid #2FBBEB;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.reviews__pagination-arrow {
display: block;
width: 20px;
height: 10px;
cursor: pointer;
background: url("../img/icon/arrow-prev-grey.svg") no-repeat center;
background-size: contain;
z-index: 1;
}
.reviews__pagination-arrow:focus {
outline: none;
}
.reviews__pagination-arrow_next {
transform: rotate(180deg);
}
.reviews__dots {
margin: 0 20px;
}
.reviews__circle_1 {
left: 0;
top: 0;
width: 18.68%;
height: 562px;
background: url("../img/icon/group-circle-2.svg") no-repeat left center;
background-size: contain;
transform: translateY(-50%);
}
.reviews__circle_2 {
left: 15%;
bottom: 0;
width: 13.26%;
height: 90px;
background: url("../img/icon/reviews-circle-2.svg") no-repeat left bottom;
background-size: contain;
}
.reviews__circle_3 {
right: 9%;
top: 0;
width: 9.26%;
height: 176px;
background: url("../img/icon/reviews-circle-3.svg") no-repeat center top;
background-size: contain;
}
.reviews__circle_4 {
right: 0;
bottom: 3.8%;
width: 15.68%;
height: 594px;
background: url("../img/icon/reviews-circle-4.svg") no-repeat right bottom;
background-size: contain;
}
.contacts__list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding: 0 130px 0 0;
}
.contacts__photo {
display: block;
border-radius: 50%;
width: 479px;
height: 479px;
margin-top: 25px;
position: relative;
z-index: 0;
transform-style: unset;
background-color: #2FBBEB;
}
.contacts__photo img {
max-width: 100%;
position: absolute;
right: -91px;
bottom: 0;
}
.contacts__info {
position: relative;
padding-left: 34px;
width: calc(100% - 479px);
}
.contacts__info::before {
content: '';
display: block;
width: 263px;
height: 83px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
right: -204px;
top: 200px;
transform: rotate(90deg) translateZ(-1px);
}
.contacts__circle_1 {
width: 24.47%;
height: 608px;
left: 0;
top: -200px;
background: url("../img/icon/contacts-circle-1.svg") no-repeat left center;
background-size: contain;
}
.contacts__circle_2 {
width: 16.1%;
height: 562px;
right: 0;
top: calc(-562px + 180px);
background: url("../img/icon/contacts-circle-2.svg") no-repeat right center;
background-size: contain;
}
.contacts__circle_3 {
width: 20.84%;
height: 562px;
right: 0;
bottom: 0.1%;
background: url("../img/icon/contacts-circle-3.svg") no-repeat right bottom;
background-size: contain;
}
@media screen and (min-height: 879px) {
.map .title {
margin-top: 110px;
}
}
.map__wrap {
display: flex;
align-items: stretch;
min-height: 550px;
height: calc(100vh - 45px - 312px);
margin-bottom: 50px;
}
.map__col {
width: 100%;
height: auto;
flex-shrink: 1;
}
.map__col:not(:first-of-type) {
margin-left: 24px;
}
.map__block {
position: relative;
width: 100%;
height: 100%;
}
.map__block::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.map__text {
color: #fff;
font: 500 14px/17px 'Montserrat';
}
.map__text span {
display: block;
}
.error {
padding-top: 145px;
min-height: 100vh !important;
padding-bottom: 20px;
}
.error .title, .error .subtitle {
padding: 0 20px;
}
.error__circle_1 {
width: 19.2%;
height: 400px;
left: 0;
bottom: 0;
background: url("../img/icon/error-circle-1.svg") no-repeat left bottom;
background-size: contain;
}
.error__circle_2 {
width: 25%;
height: 402px;
right: 0;
top: 0;
background: url("../img/icon/error-circle-2.svg") no-repeat right top;
background-size: contain;
}
.error__circle_3 {
width: 13.84%;
height: 83px;
right: 4.78%;
bottom: 17%;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
}
.error__photo {
max-width: 954px;
width: 100%;
margin: -7px auto 88px;
}
.error__photo img {
width: 100%;
}
.error__photo .mob {
display: none;
}
.error__link {
position: relative;
font-size: 18px;
line-height: 20px;
color: #2FBBEB;
}
.error__link::before {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #2FBBEB;
position: absolute;
left: 0;
bottom: 0;
}
.more {
padding-top: 0;
position: relative;
padding-bottom: 0;
}
.more__circle_1 {
width: 24.2%;
height: 525px;
left: 0;
top: 0;
background: url("../img/icon/more-circle-1.svg") no-repeat left top;
background-size: contain;
}
.more__circle_2 {
width: 21.8%;
height: 695px;
right: 0;
top: 0;
background: url("../img/icon/more-circle-2.svg") no-repeat right top;
background-size: contain;
}
.more__btn {
display: flex;
align-items: center;
justify-content: center;
width: 247px;
height: 45px;
font-size: 18px;
line-height: 22px;
font-weight: 500;
background-color: #2FBBEB;
border: 2px solid #2FBBEB;
box-shadow: 0 0 25px rgba(47, 187, 235, 0.38);
border-radius: 30px;
margin-bottom: 95px;
}
.more__list {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 120px;
margin-right: -10px;
margin-left: -10px;
margin-bottom: 38px;
}
.more__list > li {
position: relative;
padding-left: 28px;
margin-bottom: 26px;
width: 23%;
}
.more__list > li:nth-of-type(4n+1) {
width: 34%;
}
.more__list > li:nth-of-type(4n) {
width: 20%;
}
.more__list > li::before {
content: '';
display: block;
width: 13px;
height: 12px;
background: url("../img/icon/arrow-subject.svg") no-repeat center;
background-size: contain;
position: absolute;
left: 0;
top: 5px;
}
.more__link {
font-size: 18px;
line-height: 23px;
font-weight: 500;
}
.subject {
overflow: hidden;
}
@media screen and (max-height: 879px) {
.subject {
padding-top: 295px;
}
}
.subject__list {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 0 47px 0 79px;
}
.subject__info {
max-width: 623px;
width: 100%;
padding-top: 30px;
}
.subject__right {
position: relative;
transform-style: preserve-3d;
max-width: 465px;
width: 100%;
}
.subject__right::before {
content: '';
display: block;
width: 801px;
height: 801px;
background: #F8F8F8;
mix-blend-mode: multiply;
position: absolute;
left: 50%;
top: calc(50% + 50px);
border-radius: 50%;
transform: translateZ(-1px) translate(-50%, -50%);
}
.subject__form-title {
font-size: 18px;
line-height: 31px;
margin-bottom: 27px;
}
.subject__title {
font-size: 44px;
line-height: 54px;
margin-bottom: 11px;
}
.subject__subtitle {
font-size: 21px;
line-height: 37px;
}
.subject__circle_1 {
left: 0;
top: 0;
width: 29.63%;
height: 442px;
background: url("../img/icon/subject-circle-1.svg") no-repeat left top;
background-size: contain;
z-index: 0;
}
.subject__circle_2 {
left: 0;
bottom: 0;
width: 46%;
height: 230px;
background: url("../img/icon/subject-circle-2.svg") no-repeat left bottom;
background-size: contain;
}
.subject__circle_3 {
right: 0;
top: 0;
width: 26.9%;
height: 471px;
background: url("../img/icon/subject-circle-3.svg") no-repeat right top;
background-size: contain;
}
.subject__circle_4 {
right: -2%;
bottom: 21%;
width: 13.85%;
height: 62px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
}
.about {
position: relative;
}
.about__circle_1 {
width: 19.1%;
height: 466px;
left: 0;
top: 0;
background: url("../img/icon/about-circle-1.svg") no-repeat left top;
background-size: contain;
}
.about__circle_2 {
width: 18.3%;
height: 280px;
left: 0;
bottom: 0;
background: url("../img/icon/about-circle-2.svg") no-repeat left bottom;
background-size: contain;
}
.about__circle_3 {
width: 23.57%;
height: 228px;
right: 0;
top: 0;
background: url("../img/icon/about-circle-3.svg") no-repeat right top;
background-size: contain;
}
.about__circle_4 {
width: 19.26%;
height: 429px;
right: 0;
bottom: 0;
background: url("../img/icon/about-circle-4.svg") no-repeat right bottom;
background-size: contain;
}
.pay {
min-height: 100vh;
padding: 137px 0 96px !important;
}
.pay__wrap {
max-width: 1030px;
width: 100%;
margin: 0 auto;
}
.pay__list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
margin-left: -19.5px;
margin-right: -19.5px;
margin-bottom: 29px;
}
.pay__list.mob {
display: none;
}
.pay__link {
margin-bottom: 25px;
}
.pay__col {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
padding: 0 19.5px;
}
.pay__col:first-of-type {
width: calc(478px + 39px);
}
.pay__col:last-of-type {
width: calc(513px + 39px);
}
.pay__item {
width: 100%;
position: relative;
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
border-radius: 20px;
min-height: 82px;
padding: 30px 19px 26px 96px;
}
.pay__item_mb {
margin-bottom: 15px;
}
.pay__item_blue {
background-color: #2FBBEB;
padding-bottom: 33px;
}
.pay__item_height {
height: 100%;
}
.pay__number {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: -18px;
top: -8px;
font-weight: 800;
font-size: 36px;
color: #fff;
width: 96px;
height: 96px;
border-radius: 50%;
background-color: #233670;
}
.pay__number_yellow {
background-color: #DDD71C;
}
.pay__title {
font-size: 24px;
line-height: 30px;
margin-bottom: 10px;
}
.pay__label {
font-size: 18px;
line-height: 23px;
color: #fff;
margin-bottom: 25px;
}
.pay__btn {
display: flex;
align-items: center;
justify-content: center;
margin-left: 25px;
width: 224px;
height: 45px;
background-color: #233670;
border: 2px solid #233670;
box-sizing: border-box;
box-shadow: 0 0 25px rgba(47, 187, 235, 0.38);
border-radius: 30px;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #fff;
}
.pay__btn:hover {
background-color: transparent;
color: #233670;
}
.pay__subtitle {
font-size: 18px;
line-height: 23px;
}
.pay__subtitle_mb {
margin-bottom: 17px;
}
.pay__bank {
font-size: 14px;
line-height: 18px;
margin-bottom: 22px;
}
.pay__bank > li {
position: relative;
padding-left: 12px;
}
.pay__bank > li:not(:last-of-type) {
margin-bottom: 9px;
}
.pay__bank > li::before {
content: '';
display: block;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #2FBBEB;
position: absolute;
left: 0;
top: 7.5px;
}
.pay__promo {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 96px;
z-index: 10;
background-color: #233670;
}
.pay__promo p {
font-size: 24px;
line-height: 27px;
}
.pay__requisites {
position: relative;
left: -96px;
width: calc(100% + 96px);
padding-left: 30px;
}
.pay__requisites > li:not(:last-of-type) {
margin-bottom: 24px;
}
.pay__requisites-title {
display: block;
font-size: 12px;
line-height: 21px;
padding-left: 21px;
margin-bottom: 11px;
}
.pay__requisites-input {
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 41px;
background: #EAEAEA;
border-radius: 50px;
letter-spacing: 0.035em;
text-transform: uppercase;
font-size: 18px;
padding: 5px 32px 5px 21px;
cursor: pointer;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.pay__requisites-input p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.pay__requisites-input span {
display: none;
opacity: 0;
align-items: center;
justify-content: center;
position: absolute;
right: 7px;
bottom: -2px;
height: 26px;
width: 200px;
background-color: #233670;
color: #fff;
font-size: 11px;
text-align: center;
transform: translateY(100%);
border-radius: 55px;
transform-style: preserve-3d;
}
.pay__requisites-input span.active {
display: flex;
opacity: 1;
}
.pay__requisites-input span::before {
content: '';
display: block;
width: 10px;
height: 10px;
position: absolute;
right: 14px;
top: -5px;
transform: rotate(45deg) translateZ(-1px);
background-color: #233670;
}
.pay__requisites-input.active::before {
animation: shake 2s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.pay__requisites-input::before {
content: '';
display: block;
width: 16px;
height: 16px;
background: url("../img/icon/copy.svg") no-repeat center;
background-size: contain;
position: absolute;
right: 17px;
top: 50%;
transform: translateY(-50%);
}
.pay__circle_1 {
left: 0;
bottom: 0;
width: 19.2%;
height: 293px;
background: url("../img/icon/pay-cirlce-1.svg") no-repeat left bottom;
background-size: contain;
}
.pay__circle_2 {
right: 0;
top: 0;
width: 25%;
height: 402px;
background: url("../img/icon/pay-cirlce-2.svg") no-repeat right top;
background-size: contain;
}
.pay__circle_3 {
right: 4.78%;
bottom: 17.6%;
width: 13.84%;
height: 83px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
}
.thank-you {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
padding: 109px 0 36px;
min-height: 100vh;
position: relative;
}
.thank-you__block {
display: flex;
flex-direction: column;
align-items: center;
}
.thank-you__logo {
max-width: 238px;
width: 100%;
margin-bottom: 146px;
}
.thank-you__logo img {
width: 100%;
}
.thank-you__title {
font-size: 58px;
line-height: 65px;
margin-bottom: 40px;
}
.thank-you__text {
font-size: 21px;
line-height: 37px;
max-width: 671px;
width: 100%;
margin: 0 auto 22px;
position: relative;
}
.thank-you__text::before {
content: '';
display: block;
width: 263px;
height: 83px;
position: absolute;
left: -87px;
bottom: 34px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
transform: translate(-100%, 100%);
mix-blend-mode: soft-light;
}
.thank-you__text::after {
content: '';
display: block;
width: 263px;
height: 83px;
position: absolute;
right: -73px;
top: -273px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
transform: rotate(90deg);
mix-blend-mode: soft-light;
}
.thank-you__social {
display: flex;
align-items: center;
margin-bottom: 138px;
}
.thank-you__social > li:not(:last-child) {
margin-right: 23px;
}
.thank-you__social-link {
display: block;
width: 50px;
height: 50px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.thank-you__link {
margin-bottom: 0;
}
.thank-you__circle_1 {
left: 0;
top: 0;
width: 32.7%;
height: 390px;
background: url("../img/icon/thank-you-circle-1.svg") no-repeat left top;
background-size: contain;
}
.thank-you__circle_2 {
right: 0;
bottom: 0;
width: 29.94%;
height: 580px;
background: url("../img/icon/thank-you-circle-2.svg") no-repeat right bottom;
background-size: contain;
}
.thank-you__btn {
display: flex;
align-items: center;
justify-content: center;
width: 280px;
height: 45px;
border: 2px solid #DDD71C;
border-radius: 30px;
background-color: #DDD71C;
font-weight: 500;
font-size: 14px;
line-height: 17px;
}
.thank-you__btn:hover {
background-color: transparent;
color: #DDD71C;
}
.details {
position: relative;
}
.details__list {
max-width: 1030px;
width: 100%;
margin: 0 auto 32px;
padding-left: 15px;
}
.details__item {
display: flex;
width: 100%;
align-items: center;
min-height: 53px;
padding: 15px 33px 15px 34px;
background: #38509B;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
border-radius: 10px;
position: relative;
}
.details__item:not(:last-of-type) {
margin-bottom: 45px;
}
.details__item::before {
content: '';
display: block;
width: 39px;
height: 50px;
background: url("../img/icon/sign.png") no-repeat center;
background-size: contain;
position: absolute;
left: -15px;
top: -36px;
}
.details__item p {
font-size: 18px;
line-height: 23px;
}
.details__circle_1 {
width: 14.85%;
height: 455px;
background: url("../img/icon/details-circle-1.svg") no-repeat left center;
background-size: contain;
left: 0;
top: -123px;
z-index: 3;
}
.details__circle_3 {
right: 19.57%;
top: -62px;
background: url("../img/icon/webinar-circle-4.svg") no-repeat center bottom;
background-size: contain;
width: 9%;
height: 171px;
z-index: 3;
}
.details__circle_4 {
width: 19.26%;
height: 429px;
background: url("../img/icon/details-circle-4.svg") no-repeat right bottom;
background-size: contain;
right: 0;
bottom: 0;
}
.webinar-form {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
min-height: 100vh;
padding: 0 !important;
}
.webinar-form .wrapper {
position: relative;
}
.webinar-form__it {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
min-height: 100vh;
}
.webinar-form__photo {
position: absolute;
display: block;
right: -233px;
top: -36px;
width: 633px;
height: 672px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: -1;
}
.webinar-form__title {
margin-bottom: 17px;
}
.webinar-form__subtitle {
margin-bottom: 38px;
}
.webinar-form__block {
max-width: 425px;
width: 100%;
margin-bottom: 50px;
}
.webinar {
position: relative;
}
@media screen and (max-height: 879px) {
.webinar {
padding: 231px 0 160px;
}
}
.webinar__title {
font-size: 58px;
line-height: 65px;
margin-bottom: 15px;
}
.webinar__subtitle {
font-size: 21px;
line-height: 37px;
margin-bottom: 41px;
}
.webinar__circle_1 {
left: 0.95%;
top: 0;
background: url("../img/icon/webinar-circle-1.svg") no-repeat center top;
background-size: contain;
width: 31.4%;
height: 253px;
}
.webinar__circle_2 {
left: 0;
bottom: 0;
background: url("../img/icon/webinar-circle-2.svg") no-repeat left bottom;
background-size: contain;
width: 26.26%;
height: 675px;
z-index: 3;
}
.webinar__circle_3 {
right: 0;
top: 0;
background: url("../img/icon/webinar-circle-3.svg") no-repeat right top;
background-size: contain;
width: 26.94%;
height: 297px;
}
.webinar__block {
position: relative;
}
.webinar__mob-photo {
display: none;
}
.webinar__form {
max-width: 464px;
width: 100%;
margin: 0 auto;
}
.webinar__promo {
position: relative;
left: 0;
bottom: 0;
width: 100%;
height: 160px;
z-index: 2;
background-color: #233670;
padding-top: 19px;
}
.webinar__promo p {
max-width: 983px;
width: 100%;
margin: 0 auto;
font-size: 21px;
line-height: 32px;
font-weight: 500;
}
.webinar__photo {
position: absolute;
bottom: -160px;
right: -278px;
width: 595px;
height: 563px;
mix-blend-mode: multiply;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: 1;
}
.webinar-subjects {
position: relative;
}
@media screen and (max-height: 879px) {
.webinar-subjects {
padding: 158px 0 117px !important;
}
}
.webinar-subjects::before {
content: '';
display: block;
width: 7.94%;
height: 83px;
background: url("../img/icon/welcome-dots.svg") no-repeat right center;
background-size: cover;
position: absolute;
left: 0;
bottom: 30%;
}
.webinar-subjects::after {
content: '';
display: block;
width: 13.84%;
height: 94px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: cover;
position: absolute;
left: 5.94%;
bottom: -40px;
mix-blend-mode: soft-light;
}
.webinar-subjects__circle_1 {
width: 18.3%;
height: 575px;
background: url("../img/icon/details-circle-2.svg") no-repeat left bottom;
background-size: contain;
left: 0;
top: 0;
transform: translateY(-50%);
}
.webinar-subjects__circle_2 {
width: 10.2%;
height: 390px;
top: -77px;
right: 9%;
background: url("../img/icon/webinar-subject-circle-2.svg") no-repeat right top;
background-size: contain;
}
.webinar-subjects__circle_3 {
display: none;
width: 20.36%;
height: 327px;
bottom: 0;
right: 0;
background: url("../img/icon/webinar-subject-circle-3.svg") no-repeat right bottom;
background-size: contain;
z-index: 10;
}
.webinar-subjects__stitle {
margin-bottom: 126px;
}
.webinar-subjects__list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
max-width: 1080px;
width: 100%;
margin: 0 auto;
padding-left: 35px;
}
.webinar-subjects__item {
display: flex;
justify-content: center;
width: 380px;
position: relative;
transform-style: preserve-3d;
margin-bottom: 70px;
}
.webinar-subjects__item:nth-of-type(2n+1) {
margin-right: 67px;
}
.webinar-subjects__item:nth-of-type(3) {
margin-left: 215px;
}
.webinar-subjects__item:nth-last-of-type(1), .webinar-subjects__item:nth-last-of-type(2) {
margin-bottom: 0;
}
.webinar-subjects__item::before {
content: '';
display: block;
width: 128.04px;
height: 153.65px;
background: url("../img/icon/sign-grey.svg") no-repeat center;
background-size: contain;
position: absolute;
top: -58px;
right: 94px;
transform: translateZ(-1px);
}
.webinar-subjects__title {
display: flex;
align-items: center;
font-size: 32px;
line-height: 40px;
font-weight: 900;
text-align: center;
color: #DDD71C;
min-height: 80px;
}
.webinar-subjects__title a {
color: inherit;
}
.webinar-subjects__promo {
position: relative;
left: 0;
bottom: 0;
height: 117px;
width: 100%;
padding-top: 34px;
background-color: #233670;
}
.webinar-subjects__promo p {
font-size: 24px;
line-height: 27px;
}
.when {
padding: 0 !important;
}
.when__block {
padding: 138px 0 128px;
}
.when__map {
position: relative;
height: 100%;
}
.when__map::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 767px) {
.when__map::before {
display: none;
}
}
.when__wrap {
display: flex;
align-items: stretch;
height: calc(100vh - 231px - 128px);
}
.when__promo {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 128px;
background-color: #233670;
}
.when__promo p {
max-width: 1009px;
width: 100%;
font-size: 24px;
line-height: 27px;
margin: 0 auto;
}
.when__circle_1 {
left: 13.2%;
top: 2.7%;
width: 6.26%;
height: 119px;
background: url("../img/icon/when-circle-1.svg") no-repeat center top;
background-size: contain;
}
.when__circle_2 {
right: 8.94%;
top: -30px;
width: 19.89%;
height: 205px;
background: url("../img/icon/when-circle-2.svg") no-repeat center top;
background-size: contain;
}
.sidebar {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
position: fixed;
z-index: 10;
bottom: 4.3%;
right: 2.2%;
}
.sidebar.active .sidebar__scroll {
display: block;
opacity: 1;
}
.sidebar.active .sidebar__btn + .sidebar__list {
transform: translateX(-50%) translateY(-124%);
}
.sidebar__btn {
position: relative;
display: block;
width: 98px;
height: 98px;
background: url("../img/icon/sidebar-svg.svg") no-repeat center;
background-size: cover;
cursor: pointer;
}
.sidebar__btn::before {
content: '';
display: block;
width: 68px;
height: 68px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
background: #fff url("../img/icon/close-black.svg") no-repeat center;
background-size: 16px;
transition: all .75s ease-in-out;
}
.sidebar__btn:hover {
animation: none;
}
.sidebar__btn + .sidebar__list {
opacity: 1;
display: flex;
max-height: unset;
transform: translateX(-50%) translateY(-71%);
}
.sidebar__btn.active {
animation: t898__btn-pulsate 2s ease-out;
animation-iteration-count: infinite;
-webkit-animation: t898__btn-pulsate 2s ease-out;
-webkit-animation-iteration-count: infinite;
}
.sidebar__btn.active::before {
display: none;
opacity: 0;
}
.sidebar__btn.active + .sidebar__list {
display: none;
max-height: 20px;
opacity: 0;
}
.sidebar__list {
flex-direction: column;
position: absolute;
left: 50%;
bottom: 24px;
transition: all 1.5s ease-in-out;
transform: translateX(-50%);
}
.sidebar__list > li:not(:last-child) {
margin-bottom: 12px;
}
.sidebar__icon {
display: block;
width: 50px;
height: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.sidebar__scroll {
display: none;
opacity: 0;
width: 98px;
height: 98px;
background: url("../img/icon/scroll.svg") no-repeat center;
background-size: cover;
cursor: pointer;
margin-top: -25px;
transition: all 1.5s ease-in-out;
}
@keyframes t898__btn-pulsate {
0% {
transform: scale(1, 1);
}
25% {
transform: scale(1.1, 1.1);
}
50% {
transform: scale(1, 1);
}
}
@keyframes t898__pulsate {
0% {
-webkit-transform: scale(0.8, 0.8);
opacity: 0;
}
25% {
opacity: .4;
}
50% {
-webkit-transform: scale(1.3, 1.3);
opacity: 0;
}
100% {
-webkit-transform: scale(0.8, 0.8);
opacity: 0;
}
}
@media screen and (max-width: 1700px) {
.free__circle_2 {
width: 12.42%;
}
.details__circle_3 {
display: none;
}
.teacher__circle_4 {
width: 15.6%;
}
.more__circle_2 {
width: 17.8%;
}
.more__circle_1 {
width: 20.2%;
}
.efficiency__circle_1 {
display: none;
}
.subject__right::before {
width: 773px;
height: 773px;
}
}
@media screen and (max-width: 1600px) {
.instagram__list::after {
right: 0;
}
.choice__circle_2 {
display: none;
}
.group__circle_1 {
top: -37px;
}
.price__circle_2 {
bottom: calc(-422px + 37px);
}
.webinar__circle_1, .subject__circle_1 {
left: -4%;
width: 27.4%;
}
}
@media screen and (max-width: 1508px) {
.price__promo-subtitle {
font-size: 15px;
}
.price__promo-title {
font-size: 32px;
line-height: 37px;
}
.instagram__list {
max-width: 80%;
margin: 0 auto;
}
.welcome__photo {
width: 546px;
right: 0;
}
.teacher__circle_1 {
display: none;
}
.welcome__circle_2 {
display: none;
}
}
@media screen and (max-width: 1399px) {
.webinar__container {
max-width: 600px;
width: 100%;
margin-bottom: 42px;
margin-left: 50px;
}
.map__wrap {
height: calc(100vh - 45px - 395px);
}
.header-top__contacts {
width: calc(100% - 320px);
}
.footer__address p br {
display: none;
}
.footer__address {
max-width: 265px;
}
.teacher__circle_5 {
right: 2%;
top: 0;
}
.webinar__circle_3 {
display: none;
}
.teacher__subtitle {
font-size: 16px;
}
.reviews__circle_1,
.instagram__circle_4 {
display: none;
}
.instagram__circle_1 {
width: 23.62%;
}
.instagram__list::after, .instagram__list::before {
width: 218px;
}
.contacts__info {
padding-left: 83px;
}
.header-fixed__menu {
margin-right: 45px;
}
.price__right {
width: calc(100% - 732px - 32px);
padding: 14px 20px 21px 41px;
}
.price__title {
font-size: 16px;
}
.price__promo-price {
max-width: 164px;
}
.price__list {
margin-bottom: 22px;
}
.webinar__title {
font-size: 45px;
line-height: 50px;
text-align: left;
}
.webinar .form__wrapper {
margin: 0;
}
.webinar .form__wrapper .form__btn {
margin: 0;
}
.webinar__subtitle {
font-size: 19px;
line-height: 31px;
text-align: left;
margin-bottom: 32px;
}
.webinar__subtitle br {
display: none;
}
.webinar__promo {
height: 138px;
}
.webinar__promo p {
font-size: 19px;
line-height: 27px;
}
.wrapper {
max-width: 100%;
}
.title {
font-size: 44px;
}
.welcome__list {
padding-left: 0;
}
.subject__list {
padding: 0;
}
.teacher__circle_3 {
display: none;
}
.header-top__logo {
width: 157px;
}
.choice__table {
width: 100%;
}
.choice__item > div:nth-of-type(1) {
padding: 5px 15px;
}
.instagram__list {
padding: 0;
}
.footer__left {
margin-right: 70px;
}
.footer__contacts {
flex-wrap: wrap;
}
.footer__wrap {
align-items: flex-start;
}
.footer__contacts > div {
width: 25%;
margin-bottom: 18px;
}
.footer__contacts > div.footer__address-wrap {
width: 50%;
}
.footer__contacts > div:not(:last-of-type) {
margin-right: 0;
}
.footer__last {
align-items: flex-start;
}
}
@media screen and (max-width: 1250px) {
.footer__contacts > div {
width: 30%;
}
.footer__contacts > div.footer__address-wrap {
width: 40%;
}
}
@media screen and (max-width: 991px) {
.footer__contacts > div {
width: 50%;
}
#sb_instagram #sbi_images .sbi_item {
width: calc(50% - 30px) !important;
}
.footer__contacts > div.footer__address-wrap {
width: 100%;
}
}
@media screen and (max-height: 879px) {
.subtitle_mb-47 {
margin-bottom: 20px;
}
.webinar__container {
margin-bottom: 42px;
}
#fullpage .section.webinar .section__wrap {
padding-top: 175px;
}
.details__item:not(:last-of-type) {
margin-bottom: 26px;
}
.features__item {
font-size: 15px;
min-height: 75px;
}
.details__item p {
font-size: 16px;
line-height: 22px;
}
.title_mb-46 {
margin-bottom: 42px;
}
.webinar-subjects__stitle {
margin-bottom: 50px;
}
.webinar-subjects__title {
font-size: 30px;
line-height: 36px;
}
.webinar-subjects__item {
margin-bottom: 58px;
}
.webinar-subjects__item::before {
width: 107px;
top: -52px;
left: 50%;
transform: translateX(-50%) translateZ(-1px);
}
.when__wrap {
height: calc(100vh - 110px - 54px - 141px);
}
.when__promo {
height: 102px;
}
.when__promo p {
font-size: 20px;
line-height: 25px;
max-width: 722px;
}
.webinar-form__photo {
width: 600px;
height: 600px;
right: -113px;
}
.subject__right::before {
width: 670px;
height: 670px;
}
.teacher__info {
padding-top: 40px;
}
}
@media screen and (max-width: 1200px) and (max-height: 850px) {
.price .title {
margin-bottom: 30px;
}
.price__list {
margin-bottom: 30px;
}
.price__promo {
margin-top: 30px;
height: 200px;
padding-top: 20px;
}
}
@media screen and (max-width: 1399px) and (max-height: 879px) {
.subject__form-title {
text-align: center;
}
.details__circle_1 {
display: none;
}
.webinar__photo {
width: 560px;
height: 560px;
right: -50px;
transform: translateX(100%);
bottom: -121px;
}
.webinar__circle_2 {
display: none;
}
.form__wrapper_white .form__input {
position: relative;
z-index: 2;
}
.webinar__circle_1, .subject__circle_1 {
left: -9px;
width: 26.4%;
}
.more .title {
margin-top: 14px;
}
#fullpage .section.price.price_promo .section__wrap {
justify-content: space-between;
}
.price__promo {
position: relative;
padding-top: 27px;
height: 153px;
margin-top: 30px;
}
.price__wrap {
margin-bottom: 0;
}
.features__circle_2,
.choice__circle_3 {
display: none;
}
html, body {
overflow-x: hidden !important;
}
.section {
min-height: 100vh;
padding: 80px 0 70px;
}
.section_fp {
padding-top: 150px;
}
.section_map {
padding: 70px 0 0;
}
.subject {
padding-top: 238px;
}
.more {
padding-bottom: 0 !important;
}
.teacher {
padding-bottom: 0;
}
.title_mb-112 {
margin-bottom: 80px;
}
.features__circle_1 {
display: none;
}
.choice__item {
height: 54px;
}
.choice__item > div {
height: 54px;
}
.contacts__list {
padding-top: 40px;
}
.map__wrap {
height: calc(100vh - 80px);
}
.map__col:not(:first-of-type) {
margin-left: 15px;
}
.welcome__photo {
width: 546px;
right: 0;
}
.features__circle_1 {
width: 16.84%;
top: -11px;
}
.teacher__blockquote {
font-size: 20px;
}
.contacts__circle_1,
.faq__circle_2,
.features__circle_4,
.instagram__circle_2 {
display: none;
}
.teacher__ellipse img {
max-width: 350px;
bottom: 0;
}
.form__wrapper-mb-103 {
margin-bottom: 50px;
}
#fullpage .section.price .section__wrap {
padding-top: 90px;
}
}
@media screen and (max-width: 1600px) and (max-height: 800px) {
.price__list {
margin-bottom: 21px;
}
.instagram__link {
margin-bottom: 51px;
}
.price_promo .title {
margin-bottom: 4px;
}
.title_mb-52 {
margin-bottom: 27px;
}
.price__btn {
margin-top: 25px;
}
}
@media screen and (max-width: 1300px) and (max-height: 767px) {
.webinar__photo {
bottom: -165px;
width: 530px;
height: 563px;
}
.teacher::before {
display: none;
}
}
@media screen and (max-width: 1300px) {
.header-top__logo {
margin-left: 5%;
}
}
@media screen and (max-height: 765px) {
.header-top {
display: none;
}
.header-fixed {
display: block;
opacity: 1;
}
.header-fixed__menu {
display: none;
}
.header-fixed__toggle {
width: 25px;
height: 23px;
background: url("../img/icon/munu-mobile.svg") no-repeat center;
background-size: contain;
margin-left: 30px;
cursor: pointer;
}
}
@media screen and (max-width: 1240px) {
.features__list {
padding-left: 27px;
}
}
@media screen and (max-width: 1199px) {
.mouse__icon {
display: none;
}
.features__list {
padding-left: 0;
}
.more__list {
max-width: 770px;
width: 100%;
margin: 0 auto 38px;
}
#fullpage .section.map .title {
margin-top: 0;
}
#fullpage .section.webinar .section__wrap {
padding-top: 103px;
}
.webinar__circle_2 {
display: none;
}
.webinar__container {
max-width: 500px;
width: 100%;
}
.webinar__container .form__wrapper {
margin: 0;
}
.webinar__container .form__wrapper .form__btn {
margin: 0;
}
.webinar__photo {
bottom: -85px;
right: -100%;
}
.webinar__title {
font-size: 41px;
text-align: left;
}
.webinar__subtitle {
font-size: 18px;
text-align: left;
}
.webinar__subtitle br {
display: none;
}
.details__circle_1 {
display: none;
}
.free__circle_2 {
display: none;
}
.price__promo {
padding-bottom: 20px;
height: auto;
}
.price__promo-wrap {
justify-content: center;
}
.price__promo-price {
margin-right: 0;
}
.price__promo-btn {
margin-top: 20px;
}
.price__subjects {
justify-content: center;
}
.price__col {
width: 50%;
margin-bottom: 36px;
}
.price__circle_2 {
display: none;
}
.price__list {
flex-direction: column;
align-items: stretch;
}
.price__left, .price__right {
width: 100%;
}
.price__left {
margin-right: 0;
margin-bottom: 30px;
}
.pay__col {
width: 50% !important;
}
.pay__item_height {
padding-left: 50px;
}
.pay__requisites {
left: -50px;
padding-left: 19px;
width: calc(100% + 50px);
}
.pay__number {
left: -34px;
top: -22px;
font-size: 32px;
width: 81px;
height: 81px;
}
.header-top {
display: none;
}
.header-fixed {
display: block;
opacity: 1;
}
.header-fixed__menu {
display: none;
}
.header-fixed__toggle {
width: 25px;
height: 23px;
background: url("../img/icon/munu-mobile.svg") no-repeat center;
background-size: contain;
margin-left: 30px;
cursor: pointer;
}
.more__list {
padding: 0;
}
.subject__right::before {
width: 622px;
height: 622px;
top: 50%;
}
.subject__title {
font-size: 32px;
line-height: 44px;
}
.subject__info {
max-width: 433px;
}
.subject__subtitle {
font-size: 19px;
line-height: 28px;
}
.subject__form-title {
text-align: center;
font-size: 18px;
}
.teacher__circle_5 {
right: 0.5%;
}
.title {
font-size: 40px;
line-height: 1.3;
}
.title_mb-97 {
margin-bottom: 60px;
}
.title_mb-112 {
margin-bottom: 70px;
}
.thank-you__title {
font-size: 40px;
}
.subtitle_mb-78 {
margin-bottom: 28px;
}
.trial__description {
font-size: 21px;
line-height: 26px;
}
.form__wrapper-mb-103 {
margin-bottom: 57px;
}
.welcome {
min-height: 100vh;
}
.welcome__info {
max-width: 500px;
padding-top: 50px;
}
.welcome__title {
font-size: 55px;
line-height: 61px;
}
.welcome__description {
font-size: 19px;
line-height: 34px;
}
.welcome__photo {
width: 500px;
right: -92px;
}
.features__item {
font-size: 16px;
}
.efficiency__item {
width: 25%;
}
.efficiency__item:not(:last-child) {
margin-right: 0;
}
.efficiency__number {
font-size: 78px;
line-height: 95px;
}
html, body {
font-size: 17px;
}
.teacher__subtitle {
margin-bottom: 59px;
}
.teacher__photo {
width: 370px;
padding-bottom: 70px;
}
.teacher__photo img {
bottom: -70px;
max-width: 320px;
}
.teacher__info {
padding-top: 30px;
width: calc(100% - 370px);
padding-left: 55px;
}
.teacher__blockquote {
font-size: 18px;
padding-left: 70px;
}
.teacher__rate {
width: 110px;
height: 110px;
right: -14px;
top: 7px;
align-items: center;
}
.teacher__rate span {
font-size: 27px;
line-height: 36px;
}
.teacher__rate p {
text-align: center;
}
.teacher__ellipse {
width: 370px;
height: 370px;
}
.reviews__item {
min-height: 390px;
}
.choice__table {
width: 1237px;
}
.form__input:last-of-type {
margin-bottom: 40px;
}
.instagram__link {
margin-bottom: 66px;
}
.instagram__list {
margin-bottom: 40px;
}
.contacts__list {
padding-top: 0;
align-items: flex-end;
}
.contacts__info {
width: calc(100% - 428px);
padding-left: 0;
}
.contacts__photo {
width: 428px;
height: 428px;
}
.contacts__photo img {
right: -5px;
width: 350px;
}
.map__wrap {
height: 600px;
}
.footer__link {
font-size: 16px;
line-height: 19px;
}
.more .block__text {
margin-bottom: 50px;
}
.webinar__photo {
width: 523px;
transform: none;
}
.details .container {
margin: 0 auto;
}
.webinar-subjects__item {
width: calc(50% - 10px);
}
.webinar-subjects__item:nth-of-type(2n+1) {
margin-right: 20px;
}
.webinar-subjects__item:nth-of-type(3n) {
margin-left: 0;
}
.webinar-subjects__circle_3 {
display: none;
}
.when__block {
padding: 90px 0 102px;
}
.when__wrap {
height: 600px;
}
.webinar-form__photo {
width: 558px;
height: 600px;
right: -142px;
}
.price__promo {
position: relative;
margin-top: 40px;
}
}
@media screen and (max-width: 1150px) and (max-height: 700px) {
#fullpage .section.teacher .section__wrap {
padding-top: 60px;
}
}
@media screen and (max-width: 1080px) {
#fullpage .section.when .section__wrap {
padding-bottom: 0;
}
.instagram__list {
max-width: 100%;
}
.when__promo {
position: relative;
}
.when__promo p {
padding: 0 20px;
}
.pay__list {
padding-left: 34px;
}
.reviews__pagination-arrow, .teacher__pagination-arrow {
width: 40px;
height: 40px;
background-size: 20px 10px;
}
#fullpage .section.webinar-form .section__wrap {
padding: 80px 0 0;
}
#fullpage .section.details .section__wrap {
padding: 50px 0 80px;
}
.price__circle_1,
.welcome__circle_2, .features__circle_3 {
display: none;
}
#fullpage .section .section__wrap {
min-height: auto;
height: auto !important;
}
.contacts__list {
padding-right: 0;
}
.section {
min-height: auto;
}
.price__col {
width: 100%;
}
.price__wt {
padding-bottom: 0;
}
.menu__mob {
max-width: 100vw;
background-color: #fff;
}
.menu__mob-wrap {
padding: 62px 0 0;
}
.menu__mob-menu {
margin-bottom: 30px;
}
.menu__mob-item {
text-align: center;
}
.menu__mob-item:not(:last-child) {
margin-bottom: 22px;
}
.menu__mob-link {
font-size: 18px;
line-height: 22px;
}
.menu__mob-close {
top: 22px;
right: 20px;
}
.menu__mob-header {
margin-bottom: 34px;
}
.menu__mob-footer {
display: flex;
flex-direction: column;
align-items: center;
padding: 47px 0 63px;
background: #F9F9F9;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}
.menu__mob-footer > div {
width: 250px;
}
.menu__mob-footer > div:not(:last-of-type) {
margin-bottom: 24px;
}
.menu__mob-footer .footer__address {
padding-top: 0;
padding-left: 40px;
}
.menu__mob-footer .footer__address::before {
width: 20px;
height: 15px;
left: 0;
top: 0;
}
.menu__mob-footer .footer__address p {
font-size: 14px;
line-height: 17px;
font-weight: 500;
text-align: left;
align-items: flex-start;
}
.menu__mob-footer .footer__address p span {
font-size: 18px;
line-height: 22px;
}
.header-fixed__logo {
max-width: 113px;
width: 100%;
}
.header__language {
justify-content: center;
}
.header__language-link {
width: 36px;
height: 36px;
font-size: 14px;
font-weight: 400;
}
.welcome__photo {
width: 403px;
right: -110px;
}
.welcome__photo::before {
width: 200px;
}
.welcome__info {
max-width: 450px;
}
.welcome__title {
font-size: 49px;
line-height: 56px;
}
.welcome__description {
font-size: 18px;
line-height: 28px;
}
.title {
font-size: 36px;
}
.title_mb-97 {
margin-bottom: 50px;
}
.features__circle_1 {
left: 4.3%;
top: -6px;
}
.features__col {
width: 100%;
}
.features__item {
min-height: 83px;
margin-bottom: 28px;
}
.contacts__circle_2 {
display: none;
}
.efficiency__item {
width: 40%;
}
.efficiency__item:nth-of-type(2n+1) {
padding-top: 41px;
}
.subtitle {
font-size: 16px;
}
.teacher__subtitle {
margin-bottom: 45px;
}
.teacher__photo {
width: 300px;
}
.teacher__ellipse {
width: 300px;
height: 300px;
}
.teacher__ellipse img {
width: 261px;
}
.teacher__rate {
width: 95px;
height: 95px;
}
.teacher__rate p {
font-size: 13px;
}
.teacher__rate span {
font-size: 24px;
line-height: 21px;
}
.teacher__info {
width: calc(100% - 300px);
padding: 5px 0 0 20px;
}
.teacher__name {
font-size: 28px;
line-height: 33px;
}
.teacher__course {
font-size: 16px;
margin-bottom: 25px;
}
.teacher__blockquote {
padding-left: 0;
font-size: 16px;
line-height: 1.4;
transform-style: preserve-3d;
}
.teacher__blockquote::before {
width: 93px;
height: 70px;
opacity: .42;
transform: translateZ(-1px);
}
.teacher__circle_2 {
display: none;
}
.teacher__pagination {
left: 330px;
}
.group__col {
width: 50%;
margin-bottom: 30px !important;
}
.group__col:nth-last-of-type(1), .group__col:nth-last-of-type(2) {
margin-bottom: 0 !important;
}
.group__circle_2 {
display: none;
}
.choice .container {
position: relative;
}
.choice .container::after {
content: '';
display: block;
width: 32px;
height: 41px;
background: url("../img/icon/swape.svg") no-repeat center;
background-size: contain;
position: absolute;
left: 50%;
bottom: -21px;
transform: translate(-50%, 100%);
}
.free__circle_2 {
display: none;
}
.faq__circle_4 {
display: none;
}
.instagram__circle_1, .instagram__circle_2, .instagram__circle_3 {
display: none;
}
.instagram__list {
justify-content: center;
flex-wrap: wrap;
}
.instagram__col {
width: 40%;
}
.instagram .instagram_gallery {
justify-content: center;
flex-wrap: wrap;
}
.instagram .instagram_gallery a {
width: 40%;
}
.contacts__photo {
display: none;
}
.contacts__info {
width: 100%;
padding-left: 0;
}
.map__wrap {
height: 1400px;
flex-wrap: wrap;
}
.map__col:not(:first-of-type) {
margin-left: 0;
}
.map__col:not(:last-of-type) {
margin-bottom: 25px;
}
.error {
padding: 100px 0 30px;
}
.more__list > li {
width: 50% !important;
}
.teacher__circle_5,
.more__circle_2,
.teacher__circle_4 {
display: none;
}
.subject .container {
position: relative;
z-index: 1;
}
.subject__list {
align-items: center;
}
.subject__info {
padding-top: 0;
}
.subject__title {
font-size: 34px;
text-align: center;
margin-bottom: 30px;
}
.subject__subtitle {
text-align: center;
position: relative;
z-index: 1;
}
.subject__subtitle br {
display: none;
}
.pay {
min-height: 100vh;
padding-top: 115px !important;
}
.pay__col {
width: 100% !important;
}
.pay__title br {
display: none;
}
.pay__btn {
margin-left: 0;
}
.pay__item {
padding-left: 50px;
width: 100%;
margin-bottom: 25px;
}
.webinar .mouse__icon {
display: none;
}
.webinar__promo {
position: relative;
height: auto;
padding: 58px 20px 45px;
margin-top: 50px;
}
.details__circle_2 {
display: none;
}
.webinar-subjects__title {
font-size: 26px;
line-height: 32px;
}
.webinar-subjects__promo {
position: relative;
background-color: #f9f9f9;
margin-top: 40px;
padding: 30px 20px;
}
.content__list > li {
font-size: 16px;
line-height: 20px;
}
.content__list > li:not(:last-child) {
margin-bottom: 13px;
}
.webinar-form .wrapper {
max-width: 640px;
margin: 0;
}
.webinar-form__photo {
width: 426px;
height: 572px;
right: -135px;
top: 85px;
}
.details__circle_3, .details__circle_1 {
display: none;
}
.webinar-subjects__circle_2 {
display: none;
}
.subject__right::before {
display: none;
}
.reviews__circle_1 {
display: none;
}
}
@media screen and (max-width: 991px) {
.webinar__container {
margin-left: 0;
}
.price__promo-info {
max-width: 100%;
margin-right: 0;
align-items: center;
margin-bottom: 20px;
}
.price__promo {
padding-bottom: 48px;
}
.price__promo-btn {
margin-top: 0;
}
.price__promo-price {
margin-right: 20px;
}
.price__promo-title {
text-align: center;
}
.reviews__item {
min-height: auto;
padding-bottom: 70px;
}
.subject__info {
max-width: 100%;
}
.webinar-subjects__stitle {
margin-bottom: 78px;
}
.webinar-subjects__title {
font-size: 30px;
line-height: 36px;
}
.webinar-subjects__item {
margin-bottom: 70px;
}
.webinar-subjects__item::before {
width: 107px;
top: -79px;
left: 50%;
transform: translateX(-50%) translateZ(-1px);
}
.subject__list {
flex-direction: column;
align-items: center;
}
.subject__title, .subject__subtitle {
text-align: center;
position: relative;
z-index: 2;
}
.webinar__photo {
right: -99%;
}
}
@media screen and (max-width: 767px) {
.webinar__container {
margin-bottom: 0;
}
.when__promo p {
padding: 0;
}
.modal__popup_result {
max-width: 360px;
}
.modal__popup_result img {
width: 92%;
}
.modal__popup_result-close {
right: 0;;
top: -32px;
width: 32px;
height: 32px;
}
#fullpage .section.webinar-form .section__wrap {
padding-top: 75px;
}
.subject__right::before {
display: block;
}
.contacts .form__btn {
margin: 0;
}
.form__list {
padding-left: 0;
}
.webinar__photo {
display: none;
}
.footer__contacts > div.footer__address-wrap {
flex-direction: column;
align-items: center;
}
.footer__address {
margin-bottom: 42px;
}
.webinar .form__wrapper .form__btn {
margin: 0 auto;
}
.price__courses > li:nth-of-type(2n+1) {
order: 0;
}
.price__courses > li:nth-of-type(2n) {
order: 1;
}
.trial__circle_1 {
mix-blend-mode: unset;
}
.map .map__text br {
display: none;
}
.sidebar {
right: 0;
bottom: 30px;
}
.sidebar__btn {
width: 73px;
height: 73px;
}
.sidebar__btn::before {
width: 52px;
height: 52px;
}
.sidebar__scroll {
width: 73px;
height: 73px;
}
.sidebar__icon {
width: 45px;
height: 45px;
}
.sidebar.active .sidebar__btn + .sidebar__list {
transform: translateX(-50%) translateY(-94%);
}
.mouse__icon {
display: none;
}
.content__list > li {
font-size: 15px;
line-height: 17px;
}
.content__list > li:not(:last-child) {
margin-bottom: 7px;
}
.sidebar__btn + .sidebar__list {
transform: translateX(-50%) translateY(-56%);
}
html, body {
font-size: 14px;
line-height: 24px;
}
.error {
padding: 123px 0 30px !important;
}
.error__circle_1, .error__circle_3 {
display: none;
}
.error__circle_2 {
width: 180px;
height: 129px;
background: url("../img/icon/error-circle-mob-2.svg") no-repeat top right;
background-size: contain;
right: 0;
top: 0;
}
.error__photo {
margin-bottom: 8px;
margin-top: -74px;
max-width: 500px;
margin-right: 0;
}
.error__photo .desk {
display: none;
}
.error__photo .mob {
display: block;
}
.error.welcome::before {
left: -32px;
top: 20px;
transform: rotate(90deg);
}
.container {
padding: 0 20px;
}
.title {
font-size: 36px;
line-height: 38px;
}
.title br {
display: none;
}
.title_mb-4 {
margin-bottom: 14px;
}
.title_mb-16 {
margin-bottom: 11px;
}
.title_mb-15 {
margin-bottom: 25px;
}
.title_mb-18 {
margin-bottom: 28px;
}
.title_mb-28 {
margin-bottom: 18px;
}
.title_mb-44 {
margin-bottom: 61px;
}
.title_mb-97 {
margin-bottom: 52px;
}
.title_mb-112 {
margin-bottom: 56px;
}
.subtitle {
font-size: 14px;
line-height: 24px;
}
.subtitle_mb-34 {
margin-bottom: 30px;
}
.subtitle_mb-47 {
margin-bottom: 22px;
}
.modal__popup_sale {
padding: 0;
}
.modal__block {
padding: 30px 20px 60px;
}
.modal__block .form__input {
margin-bottom: 0 !important;
}
.modal__block .wpcf7-form-control-wrap {
display: block;
margin-bottom: 28px;
}
.modal__block .wpcf7-form-control-wrap:last-of-type {
margin-bottom: 37px;
}
.form__wrapper-mb-60 {
margin-bottom: 56px;
}
.form__wrapper-mb-103 {
margin-bottom: 60px;
}
.form__wrapper_contacts form {
display: flex;
flex-direction: column;
align-items: center;
}
.form__list {
margin-bottom: 40px;
}
.header-fixed {
background: #FFFFFF;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04);
}
.header-fixed .header-fixed__contacts {
display: none;
}
.header-fixed__wrap {
height: 66px;
}
.header-fixed__toggle {
width: 24px;
height: 24px;
}
.header-fixed__logo {
max-width: 105px;
}
.header-fixed__phone {
display: block;
width: 24px;
height: 24px;
background: url("../img/icon/phone.svg") no-repeat center;
background-size: contain;
}
.header-fixed__toggle {
margin-left: 0;
}
.welcome::before {
content: '';
display: block;
width: 202px;
height: 64px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
left: -75px;
top: 25px;
}
.welcome__info {
max-width: 100%;
padding-top: 0;
}
.welcome__title {
font-size: 36px;
line-height: 40px;
margin-bottom: 20px;
}
.welcome__description {
font-size: 14px;
line-height: 24px;
}
.welcome__photo {
width: 370px;
left: 4px;
bottom: -35px;
transform: matrix(-1, 0, 0, 1, 0, 0) translateY(100%);
}
.welcome__photo::before {
width: 202px;
height: 64px;
transform: rotate(90deg);
right: -36px;
left: unset;
top: 49px;
}
.welcome__circle {
display: none;
}
.trial__before, .trial__after, .trial__circle {
display: none;
}
.trial__circle_1 {
display: block;
width: 68px;
height: 134px;
background: url("../img/icon/trial-circle-mob-1.svg") no-repeat left center;
background-size: contain;
left: 0;
top: -121px;
z-index: 2;
}
.trial__circle_2 {
display: block;
width: 75px;
height: 176px;
background: url("../img/icon/trial-circle-mob-2.svg") no-repeat left center;
background-size: contain;
left: 0;
bottom: -88px;
}
.trial__circle_3 {
display: block;
width: 233px;
height: 562px;
background: url("../img/icon/trial-circle-mob-3.svg") no-repeat left center;
background-size: contain;
mix-blend-mode: soft-light;
right: 0;
top: unset;
bottom: 311px;
}
.trial__description {
font-size: 20px;
}
.trial__description br {
display: none;
}
.teacher__circle_3 {
display: block;
}
.price {
transform-style: preserve-3d;
}
.features__circle {
display: none;
}
.features__col:not(:last-of-type) {
margin-bottom: 49px;
}
.features__list {
position: relative;
transform-style: preserve-3d;
}
.features__list::before {
content: '';
display: block;
width: 202px;
height: 64px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
transform: rotate(90deg);
position: absolute;
top: 105px;
left: -12px;
}
.features__list::after {
content: '';
display: block;
width: 202px;
height: 64px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
top: calc(579px + 130px);
right: -66px;
transform: translateZ(-1px);
}
.features__item {
padding: 31px 24px 35px;
min-height: 130px;
font-size: 18px;
line-height: 23px;
text-align: center;
margin-bottom: 0;
}
.features__item::before {
left: 50%;
top: -34px;
width: 52px;
height: 64px;
transform: translateX(-50%);
}
.features__circle_1 {
display: block;
left: 0;
top: 45%;
width: 98px;
height: 157px;
background: url("../img/icon/features-circle--mob-1.svg") no-repeat left center;
background-size: contain;
}
.features__circle_2 {
display: block;
left: unset;
right: 0;
bottom: 18%;
width: 126px;
height: 157px;
background: url("../img/icon/features-circle--mob-2.svg") no-repeat left center;
background-size: contain;
}
.features__circle_3 {
display: block;
left: 0;
bottom: 0;
top: unset;
width: 156px;
height: 369px;
background: url("../img/icon/features-circle--mob-3.svg") no-repeat left center;
background-size: contain;
}
.efficiency__item {
width: 100%;
}
.efficiency__item:nth-of-type(2n+1) {
padding-top: 0;
}
.efficiency__item:not(:last-child) {
margin-bottom: 52px;
}
.efficiency__list {
position: relative;
transform-style: preserve-3d;
}
.efficiency__list::before {
content: '';
display: block;
width: 202px;
height: 64px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
top: -5px;
right: -77px;
transform: translateZ(-1px);
}
.efficiency__list::after {
content: '';
display: block;
width: 202px;
height: 64px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
left: -34px;
bottom: 153px;
transform: translateZ(-1px) rotate(90deg);
}
.efficiency__number {
font-size: 100px;
line-height: 127px;
}
.efficiency__circle_1 {
display: block;
width: 191px;
height: 422px;
left: 0;
top: 27.75%;
background: url("../img/icon/efficiency-circle-mob-1.svg") no-repeat left center;
background-size: contain;
}
.efficiency__circle_2 {
width: 35px;
height: 339px;
right: 0;
left: unset;
bottom: 24.9%;
background: url("../img/icon/efficiency-circle-mob-2.svg") no-repeat right center;
background-size: contain;
}
.efficiency__circle_3 {
display: none;
}
.map__wrap {
flex-wrap: wrap;
height: auto;
}
.map__col {
width: 100%;
height: 460px;
}
.map__col:not(:last-of-type) {
margin-bottom: 16px;
}
.map__col:not(:first-of-type) {
margin-left: 0;
}
.footer {
padding: 34px 0 18px;
}
.footer__wrap {
flex-direction: column;
align-items: center;
margin-bottom: 20px;
}
.footer__logo {
width: 176px;
margin-bottom: 34px;
}
.footer__social {
justify-content: center;
}
.footer__social > li:not(:last-of-type) {
margin-right: 18px;
}
.footer__social > li a {
width: 36px;
height: 36px;
}
.footer__contacts > div {
width: 100%;
}
.footer__contacts > div:not(:last-of-type) {
margin-bottom: 42px;
}
.footer__address {
padding-left: 0;
padding-top: 35px;
}
.footer__address::before {
width: 29px;
height: 22px;
left: 50%;
transform: translateX(-50%);
}
.footer__address p {
align-items: center;
text-align: center;
width: 100%;
font-size: 18px;
line-height: 22px;
}
.footer__address p span {
font-size: 24px;
line-height: 29px;
}
.footer__address_hide {
padding-top: 0;
}
.footer__address_hide::before {
display: none;
}
.footer__phone {
padding-left: 0;
padding-top: 46px;
}
.footer__phone::before {
width: 28px;
height: 28px;
left: 50%;
transform: translateX(-50%);
top: 0;
}
.footer__phone > li {
text-align: center;
}
.footer__phone > li:not(:last-child) {
margin-bottom: 6px;
}
.footer__email {
padding-left: 0;
padding-top: 40px;
margin-bottom: 14px;
}
.footer__email .footer__link {
font-size: 18px;
line-height: 22px;
}
.footer__email::before {
width: 27.6px;
height: 17.97px;
left: 50%;
transform: translateX(-50%);
}
.footer__last {
align-items: center;
}
.footer__link {
font-size: 24px;
line-height: 29px;
}
.footer__bottom {
flex-direction: column-reverse;
align-items: center;
}
.footer__design {
text-align: center;
flex-direction: column;
font-size: 12px;
line-height: 16px;
}
.footer__design img {
width: 176px;
margin-top: 8px;
margin-left: 0;
}
.footer__left {
flex-direction: column;
align-items: center;
margin-right: 0;
margin-bottom: 42px;
}
.block__text {
font-size: 12px;
line-height: 21px;
height: 361px;
margin-bottom: 10px !important;
}
.block__text.active {
overflow-y: unset;
height: auto;
}
.block__wrap {
height: 385px;
}
.block__wrap.active {
overflow-y: unset;
height: auto;
}
.faq__body {
margin-left: 17px;
padding: 18px 22px 20px;
max-height: unset;
}
.faq__header {
margin-left: 17px;
margin-top: 31px;
transition: all .5s ease-in-out;
}
.faq__header.active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.faq__header:first-of-type {
margin-top: 0;
}
.faq__header span {
left: -17px;
}
.faq__header a {
font-size: 14px;
line-height: 17px;
padding: 18px 37px 21px 31px;
height: auto;
}
.faq__header::before {
right: 10px;
top: 18px;
}
.faq__header::after {
top: 10px;
right: 18px;
}
.faq__circle_1 {
top: -42px;
left: 0;
width: 130px;
height: 339px;
background: url("../img/icon/faq-circle-mob-1.svg") no-repeat left center;
background-size: contain;
}
.faq__circle_2 {
display: block;
bottom: -118px;
left: 0;
width: 360px;
height: 791px;
background: url("../img/icon/faq-circle-mob-3.svg") no-repeat left center;
background-size: contain;
}
.faq__circle_3 {
display: block;
top: 18px;
right: 0;
width: 156px;
height: 562px;
background: url("../img/icon/faq-circle-mob-2.svg") no-repeat right center;
background-size: contain;
}
.instagram__label {
margin-right: 0;
margin-bottom: 31px;
}
.instagram__header {
flex-direction: column;
align-items: center;
margin-bottom: 11px;
}
.instagram__link {
font-size: 18px;
line-height: 31px;
margin-bottom: 31px;
}
.instagram__list {
margin: 0 0 21px;
}
.instagram__list::before {
width: 220px;
height: 64px;
left: -49px;
top: -128px;
transform: rotate(90deg);
}
.instagram__list::after {
display: none;
}
.instagram__col {
width: 50%;
padding: 0 9.5px;
margin-bottom: 18px;
}
.instagram .instagram_gallery a {
width: 50%;
padding: 0 9.5px;
margin-bottom: 18px;
}
.instagram__circle_4 {
display: block;
width: 132px;
height: 562px;
transform: unset;
background: url("../img/icon/instagra-cirlce-mob-1.svg") no-repeat right center;
background-size: contain;
bottom: 31px;
}
.free {
overflow: hidden;
}
.free__before, .free__after {
display: none;
}
.free__description {
font-size: 20px;
line-height: 25px;
}
.free__circle_1 {
display: block;
width: 78px;
height: 113px;
background: url("../img/icon/free-circle-mob-1.svg") no-repeat right top;
background-size: contain;
left: unset;
right: 0;
top: -38px;
}
.choice .title {
padding: 0 20px;
}
.choice .container {
padding: 0;
}
.choice__circle_1 {
width: 220px;
height: 60px;
top: 113px;
left: -24px;
}
.choice__circle_2 {
display: none;
width: 132px;
height: 562px;
top: 10px;
right: 0;
left: unset;
background: url("../img/icon/choice-circle-mob-1.svg") no-repeat right center;
background-size: contain;
}
.choice__circle_3 {
display: none;
}
.choice__table {
width: 880px;
}
.choice__item > div {
width: 158px !important;
}
.choice__item > div:nth-of-type(1) {
font-size: 12px;
line-height: 15px;
padding: 8px 17px 12px 20px;
width: 248px !important;
}
.teacher {
position: relative;
z-index: 10;
}
.teacher .container {
padding: 0;
}
.teacher .title, .teacher .subtitle {
padding: 0 20px;
}
.teacher__photo {
width: 299px;
height: 299px;
position: relative;
left: -36px;
padding-bottom: 0;
margin-bottom: 53px;
}
.teacher__photo img {
width: 233px;
bottom: -20px;
}
.teacher__rate {
width: 115px;
height: 115px;
top: -13px;
right: -55px;
}
.teacher__rate p {
font-size: 14px;
line-height: 18px;
}
.teacher__rate p span {
font-size: 31px;
line-height: 39px;
}
.teacher__info {
padding: 0 20px;
width: 100%;
}
.teacher__name {
font-size: 24px;
line-height: 30px;
margin-bottom: 3px;
}
.teacher__course {
font-size: 14px;
line-height: 18px;
margin-bottom: 22px;
}
.teacher__blockquote {
font-size: 18px;
line-height: 23px;
padding-left: 16px;
}
.teacher__blockquote::before {
width: 93px;
height: 70px;
}
.teacher__pagination {
position: absolute;
right: 46px;
top: 283px;
bottom: unset;
left: unset;
width: auto;
}
.teacher__pagination-arrow {
display: none;
}
.teacher__circle_1 {
display: block;
width: 202px;
height: 64px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
left: unset;
mix-blend-mode: soft-light;
right: -66px;
top: 49px;
}
.teacher__circle_3 {
width: 163px;
height: 323px;
background: url("../img/icon/teacher-circle-mob-1.svg") no-repeat right center;
background-size: contain;
right: 0;
top: 287px;
}
.group__col {
width: 100%;
margin-bottom: 44px !important;
}
.group__col:nth-last-of-type(2) {
margin-bottom: 44px !important;
}
.group__col:last-of-type {
margin-bottom: 0 !important;
}
.group__circle_1 {
left: unset;
right: 0;
top: 0;
width: 130px;
height: calc(178px - 114px);
background: url("../img/icon/group-circle-mob-1.svg") no-repeat right bottom;
background-size: cover;
}
.group__circle_2 {
display: block;
left: 0;
top: 42%;
width: 44px;
height: 119px;
background: url("../img/icon/group-circle-mob-2.svg") no-repeat left center;
background-size: contain;
}
.group__circle_3 {
display: block;
right: 0;
top: 42%;
width: 109px;
height: 562px;
background: url("../img/icon/group-circle-mob-3.svg") no-repeat right center;
background-size: contain;
}
.group__circle_4 {
display: block;
right: 0;
bottom: -114px;
width: 128px;
height: 166px;
background: url("../img/icon/group-circle-mob-4.svg") no-repeat right center;
background-size: contain;
}
.reviews__item {
flex-direction: column;
align-items: center;
padding: 9px 0 20px 0;
min-height: 728px;
}
.reviews__pagination-arrow {
display: none;
}
.reviews__info {
width: 100%;
padding-left: 0;
}
.reviews__rate {
top: -9px;
}
.reviews__language {
margin-bottom: 14px;
}
.reviews__footer.desk {
display: none;
}
.reviews__footer.mob {
display: flex;
}
.reviews__photo {
margin-bottom: 50px;
}
.reviews__circle {
display: none;
}
.reviews__circle_1 {
display: block;
width: 180px;
height: 406px;
background: url("../img/icon/reviews-circle-mob-1.svg") no-repeat right center;
background-size: contain;
top: 248px;
right: 0;
left: unset;
}
.reviews__slider::before {
width: 182px;
height: 58px;
left: -50px;
top: 20px;
transform: rotate(90deg);
}
.reviews__result {
position: absolute;
bottom: -6px;
left: 0;
transform: translateY(100%);
}
.reviews__social {
position: absolute;
right: -16px;
bottom: 0;
flex-direction: column;
transform: translateX(100%);
margin-right: 0;
}
.reviews__social > li:not(:last-child) {
margin-right: 0;
margin-bottom: 13px;
}
.subject {
position: relative;
}
.subject::before {
content: '';
display: block;
width: 202px;
height: 64px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
left: -12px;
top: 349px;
z-index: 2;
mix-blend-mode: multiply;
transform: rotate(90deg) translateZ(-1px);
}
.subject__title {
font-size: 36px;
line-height: 40px;
text-align: left;
position: relative;
z-index: 1;
margin-bottom: 16px;
}
.subject__title span {
display: block;
width: 100%;
font-size: 18px;
line-height: 26px;
color: #233670;
margin-top: 7px;
}
.subject__subtitle {
font-size: 14px;
line-height: 24px;
text-align: left;
color: #20315F;
position: relative;
}
.subject__info {
margin-bottom: 116px;
}
.subject__form-title {
font-size: 18px;
line-height: 26px;
font-weight: bold;
position: relative;
z-index: 1;
margin-bottom: 42px;
}
.subject .free__description {
font-size: 18px;
line-height: 23px;
}
.subject .free__description br {
display: none;
}
.subject__right::before {
width: 597px;
height: 597px;
background: #F8F8F8;
mix-blend-mode: multiply;
top: calc(50% + 11px);
}
.about__circle_1 {
display: block;
left: 0;
top: 45%;
width: 98px;
height: 157px;
background: url(../img/icon/features-circle--mob-1.svg) no-repeat left center;
background-size: contain;
}
.about__circle_2 {
display: block;
left: unset;
right: 0;
bottom: 18%;
width: 126px;
height: 157px;
background: url(../img/icon/features-circle--mob-2.svg) no-repeat left center;
background-size: contain;
}
.about__circle_3 {
display: block;
left: 0;
bottom: 0;
top: unset;
width: 156px;
height: 369px;
background: url(../img/icon/features-circle--mob-3.svg) no-repeat left center;
background-size: contain;
}
.teacher__circle_4 {
display: block;
width: 202px;
height: 64px;
background: url(../img/icon/welcome-dots.svg) no-repeat center;
background-size: contain;
left: unset;
mix-blend-mode: soft-light;
right: -66px;
top: 49px;
}
.teacher__circle_6 {
width: 163px;
height: 323px;
background: url(../img/icon/teacher-circle-mob-1.svg) no-repeat right center;
background-size: contain;
right: 0;
top: 287px;
}
.about__circle_4 {
display: none;
}
.more .title {
margin-top: 0;
}
.more__btn {
margin-bottom: 57px;
}
.more__list {
flex-direction: column;
align-items: center;
margin-bottom: 34px;
}
.more__list > li {
width: 240px !important;
margin-bottom: 22px;
}
.more__circle_1 {
display: block;
width: 202px;
height: 64px;
left: -34px;
top: 21px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
transform: translateZ(-1px) rotate(90deg);
}
.more__circle_2 {
display: block;
width: 178px;
height: 392px;
right: 0;
top: 359px;
background: url("../img/icon/more-circle-mob-1.svg") no-repeat center;
background-size: contain;
}
.subject__circle_2 {
width: 177px;
height: 499px;
bottom: 0;
top: unset;
left: 0;
background: url("../img/icon/subject-circle-mob-1.svg") no-repeat center;
background-size: contain;
}
.subject__circle_3 {
width: 75px;
height: 101px;
right: 0;
left: unset;
top: unset;
bottom: 30px;
background: url("../img/icon/subject-circle-mob-2.svg") no-repeat center;
background-size: contain;
}
.subject__circle_4 {
top: 0;
right: 0;
width: 180px;
height: 273px;
background: url("../img/icon/subject-circle-mob-3.svg") no-repeat center;
background-size: contain;
}
.pay {
padding-top: 123px !important;
padding-bottom: 0 !important;
}
.pay.welcome::before {
transform: rotate(90deg);
left: -30px;
top: 59px;
}
.pay .title span {
display: block;
width: 100%;
margin-top: 10px;
font-size: 18px;
line-height: 26px;
}
.pay__stitle {
margin-bottom: 43px;
}
.pay__number {
width: 71px;
height: 71px;
font-size: 30px;
left: -18px;
top: -10px;
}
.pay__item {
margin-bottom: 37px;
padding: 22px 29px 22px 74px;
}
.pay__item:last-of-type {
margin-bottom: 0;
}
.pay__item_blue {
padding: 30px 19px 13px 39px;
}
.pay__item_height {
padding: 22px 19px 24px 18px;
}
.pay__item_height .pay__subtitle {
padding-left: 56px;
margin-bottom: 44px;
}
.pay__requisites {
left: 0;
width: 100%;
padding-left: 0;
}
.pay__bank {
margin-bottom: 19px;
}
.pay__title {
font-size: 20px;
line-height: 25px;
margin-bottom: 14px;
padding-left: 35px;
}
.pay__label {
display: block;
margin-bottom: 28px;
padding-left: 35px;
}
.pay__promo {
position: relative;
height: auto;
padding: 50px 10px;
}
.pay__promo p {
font-size: 20px;
line-height: 22px;
}
.pay__list {
margin-bottom: 36px;
padding: 0 20px 0 38px;
}
.pay__list.desk {
display: none;
}
.pay__list.mob {
display: flex;
}
.pay__link {
margin-bottom: 41px;
}
.pay__circle_1 {
display: block;
width: 180px;
height: 129px;
background: url("../img/icon/pay-cirlce-mob-1.svg") no-repeat center;
background-size: contain;
right: 0;
top: 0;
left: unset;
}
.pay__circle_2, .pay__circle_3 {
display: none;
}
.thank-you {
padding: 68px 0 107px;
}
.thank-you::before {
content: '';
display: block;
width: 190px;
height: 60px;
position: absolute;
left: 38%;
top: 2px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
mix-blend-mode: soft-light;
transform: rotate(90deg);
}
.thank-you::after {
content: '';
display: block;
width: 175px;
height: 55px;
position: absolute;
left: -25px;
bottom: 24px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
mix-blend-mode: soft-light;
}
.thank-you__circle_1 {
width: 120px;
height: 412px;
background-image: url("../img/icon/thank-you-circle-mob-1.svg");
background-size: contain;
}
.thank-you__circle_2 {
width: 98px;
height: 50px;
background-image: url("../img/icon/thank-you-circle-mob-2.svg");
background-size: contain;
}
.thank-you__title {
font-size: 36px;
line-height: 40px;
margin-bottom: 28px;
}
.thank-you__logo {
max-width: 146px;
margin-bottom: 58px;
}
.thank-you__text {
font-size: 18px;
line-height: 31px;
margin-bottom: 46px;
}
.thank-you__text::before, .thank-you__text::after {
display: none;
}
.thank-you__social {
margin-bottom: 20px;
}
.thank-you__social-link {
width: 35px;
height: 35px;
}
.webinar::before {
content: '';
display: block;
width: 202px;
height: 64px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
left: -75px;
top: 25px;
}
.webinar__circle_1 {
width: 104px;
height: 273px;
background: url("../img/icon/webinar-circle-mob-1.svg") no-repeat left center;
background-size: contain;
top: 400px;
left: 0;
}
.webinar__circle_2 {
display: block;
width: 180px;
height: 129px;
background: url("../img/icon/webinar-circle-mob-2.svg") no-repeat right top;
background-size: contain;
top: 0;
right: 0;
left: unset;
}
.webinar__circle_3 {
display: block;
width: 233px;
height: 562px;
background: url("../img/icon/webinar-circle-mob-3.svg") no-repeat right center;
background-size: contain;
bottom: 140px;
top: unset;
right: 0;
left: unset;
z-index: 3;
mix-blend-mode: soft-light;
}
.webinar__circle_4 {
display: block;
width: 104px;
height: 273px;
background: url("../img/icon/webinar-circle-mob-4.svg") no-repeat right center;
background-size: contain;
top: 400px;
left: 0;
z-index: 2;
}
.webinar__title {
font-size: 36px;
line-height: 40px;
margin-bottom: 22px;
}
.webinar__subtitle {
font-size: 14px;
line-height: 24px;
margin-bottom: 38px;
}
.webinar__promo {
position: relative;
margin-top: 95px;
padding: 58px 20px 438px;
z-index: 0;
}
.webinar__promo p {
font-size: 17px;
line-height: 25px;
}
.webinar__mob-photo {
display: block;
width: 397px;
height: 415px;
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
right: -5px;
left: -27px;
bottom: 0;
}
.webinar-form__photo {
display: none;
}
.webinar-form .wrapper {
position: relative;
padding: 0 0 486px !important;
}
.webinar-form__title {
text-align: center;
margin-bottom: 19px;
}
.webinar-form__subtitle {
font-size: 14px;
line-height: 24px;
text-align: center;
margin-bottom: 36px;
}
.webinar-form__mob-photo {
display: block;
width: 465px;
height: 493px;
position: absolute;
left: -16px;
bottom: 45px;
transform: matrix(-1, 0, 0, 1, 0, 0);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.when::before {
content: '';
display: block;
width: 202px;
height: 64px;
position: absolute;
left: 0;
top: 3px;
transform: rotate(90deg);
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
}
.when__block {
padding: 87px 0 0;
}
.when__circle {
display: none;
}
.when .title {
position: relative;
z-index: 1;
}
.when__wrap {
flex-wrap: wrap;
height: auto;
}
.when__wrap .map__col {
height: 457px;
}
.when__promo {
position: relative;
padding: 50px 15px 57px;
height: auto;
}
.when__promo p {
font-size: 20px;
line-height: 22px;
}
.webinar-subjects::before {
display: none;
}
.webinar-subjects__promo {
position: relative;
margin-top: 60px;
color: #233670;
height: auto;
padding: 45px 20px 46px;
}
.webinar-subjects__promo p {
font-size: 20px;
line-height: 22px;
}
.webinar-subjects__circle_1 {
width: 84px;
height: 422px;
top: 134px;
left: 0;
background: url("../img/icon/webinar-subject-circle-mob-1.svg") no-repeat left center;
background-size: contain;
}
.webinar-subjects__circle_2 {
width: 48px;
height: 219px;
top: unset;
right: 0;
bottom: 289px;
background: url("../img/icon/webinar-subject-circle-mob-2.svg") no-repeat right center;
background-size: contain;
}
.webinar-subjects__stitle {
margin-bottom: 53px;
}
.webinar-subjects__title {
font-size: 30px;
line-height: 34px;
}
.webinar-subjects__list {
padding-left: 0;
}
.webinar-subjects__list::before {
content: '';
display: block;
width: 202px;
height: 64px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
top: 390px;
right: -66px;
}
.webinar-subjects__list::after {
content: '';
display: block;
width: 202px;
height: 64px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
transform: rotate(90deg);
position: absolute;
bottom: 200px;
left: -100px;
}
.webinar-subjects__item {
margin: 0 0 63px !important;
width: 100%;
position: relative;
z-index: 1;
}
.webinar-subjects__item::before {
width: 83px;
height: 107px;
top: unset;
left: 50%;
bottom: -9px;
transform: translateZ(-1px) translateX(-50%);
}
.webinar-subjects__item:last-of-type {
margin-bottom: 0 !important;
}
.title_mb-46 {
margin-bottom: 50px;
}
.details::after {
content: '';
display: block;
width: 226px;
height: 72px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
right: -31px;
top: 101px;
mix-blend-mode: soft-light;
transform: rotate(90deg);
}
.details::before {
content: '';
display: block;
width: 226px;
height: 72px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
left: -37px;
bottom: 184px;
mix-blend-mode: soft-light;
transform: rotate(90deg);
}
.details__list {
padding-left: 0;
margin-bottom: 51px;
}
.details__circle {
display: none;
}
.details__circle_1 {
display: block;
top: 350px;
left: 0;
width: 272px;
height: 562px;
z-index: 0;
mix-blend-mode: soft-light;
background: url("../img/icon/details-circle-mob-1.svg") no-repeat left center;
background-size: contain;
}
.details__circle_2 {
display: block;
left: 0;
top: calc(-176px / 2);
width: 55px;
height: 176px;
background: url("../img/icon/details-circle-mob-2.svg") no-repeat left center;
background-size: contain;
z-index: 2;
}
.details__description {
font-size: 18px;
line-height: 23px;
}
.details__item {
padding: 31px 20px 15px;
}
.details__item:not(:last-of-type) {
margin-bottom: 49px;
}
.details__item::before {
left: 50%;
top: -31px;
transform: translateX(-50%);
}
.details__item p {
font-size: 18px;
line-height: 23px;
text-align: center;
width: 100%;
}
.price::before {
content: '';
display: none;
width: 202px;
height: 64px;
left: -36px;
top: 0;
position: absolute;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
transform: rotate(90deg);
}
.price::after {
content: '';
display: block;
width: 63.75px;
height: 202px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
left: -83px;
bottom: 251px;
mix-blend-mode: soft-light;
}
.price__wrap {
position: relative;
z-index: 1;
padding: 0;
}
.price .title {
margin-bottom: 40px;
}
.price__left {
margin-bottom: 32px;
}
.price__courses {
padding: 44px 10px 37px 34px;
}
.price__courses > li {
padding-left: 28px;
width: 100%;
}
.price__courses > li:not(:last-of-type) {
margin-bottom: 9.5px !important;
}
.price__courses > li:last-of-type {
margin-bottom: 0 !important;
}
.price__courses > li::before {
width: 7px;
height: 7px;
border-radius: 50%;
position: absolute;
left: 0;
top: 6px;
background: #2FBBEB;
}
.price__right {
padding: 39px 15px 33px 28px;
}
.price__right > li {
font-size: 16px;
line-height: 18px;
}
.price__right > li:not(:last-child) {
margin-bottom: 28px;
}
.price__right::before {
display: none;
}
.price__list {
margin-bottom: 40px;
}
.price__list::before {
display: none;
}
.price__subjects {
position: relative;
}
.price__subjects::before {
content: '';
display: block;
width: 63.75px;
height: 202px;
background: url("../img/icon/welcome-dots.svg") no-repeat center;
background-size: contain;
position: absolute;
right: -42px;
top: 176px;
}
.price__number {
width: 68px;
height: 68px;
}
.price__item {
min-height: 180px;
padding: 24px 10px 0 75px;
}
.price__title {
margin-bottom: 6px;
}
.price__footer {
font-size: 14px;
line-height: 18px;
height: 47px;
}
.price__col {
width: 100%;
margin-bottom: 38px;
}
.price__promo {
padding: 108px 0 69px;
position: relative;
margin-top: -105px;
}
.price__promo-info {
margin-right: 0;
}
.price__promo-title {
font-size: 30px;
line-height: 33px;
text-align: center;
margin-right: 0;
margin-bottom: 140px;
}
.price__promo-subtitle {
text-align: center;
margin-bottom: 45px;
position: relative;
}
.price__promo-btn {
max-width: 308px;
}
.price__promo-price {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 192px;
max-width: 184px;
}
.price__circle_1 {
display: none;
}
.price__circle_2 {
display: none;
left: unset;
right: 0;
width: 246px;
height: 553px;
top: 306px;
background: url("../img/icon/price-circle-mob-1.svg") no-repeat right center;
background-size: contain;
transform: translateZ(-1px);
}
.price__circle_3, .price__circle_4 {
display: none;
}
.price_promo .price__circle_2 {
display: block;
left: unset;
right: 0;
width: 136px;
height: 562px;
bottom: 293px;
background: url("../img/icon/price-circle-mob-2.svg") no-repeat right center;
background-size: contain;
mix-blend-mode: soft-light;
transform: translateZ(-1px);
}
.subject__right::before {
display: block;
}
.price_promo .price__right {
padding: 39px 15px 33px 23px;
}
}
@media screen and (max-width: 350px) {
.title {
font-size: 22px;
line-height: 34px;
}
.footer__address p span,
.footer__link {
font-size: 21px;
line-height: 27px;
}
.footer__copyright {
font-size: 12px;
}
.welcome__title {
font-size: 34px;
}
.webinar-subjects__title {
font-size: 27px;
}
.pay__item_blue {
padding-left: 18px;
}
.pay__title {
font-size: 19px;
}
}
@media screen and (max-width: 350px) {
.wpcf7 form .wpcf7-response-output {
font-size: 10px;
}
}