:root {
--color-black: #020414;
--color-gray: #525252;
--color-gray-light: #A3A3A3;
--color-main: #6841D2;
--color-hover: #502BB5;
--color-white: #FFFFFF;
--color-light: #EEF3FD;
--color-border: #D8E2FA;
--color-white-24: rgba(255, 255, 255, .24); }
a {
color: var(--color-main); }
body {
background: var(--color-light); }
.h1 {
font-size: 56px;
line-height: 120%;
font-weight: 700; }
@media (max-width: 1279.98px) {
.h1 {
font-size: 36px; } }
.h1 span {
color: var(--color-main); }
.h2 {
font-size: 40px;
font-weight: bold;
line-height: 120%;
color: var(--color-black); }
@media (max-width: 1279.98px) {
.h2 {
font-size: 28px; } }
.h2 span {
color: var(--color-main); }
.h3 {
font-size: 32px;
font-weight: bold;
line-height: 130%;
color: var(--color-black); }
@media (max-width: 1279.98px) {
.h3 {
font-size: 24px; } }
.h3 span {
color: var(--color-main); }
.h4 {
font-size: 24px;
font-weight: bold;
line-height: 130%;
color: var(--color-black); }
@media (max-width: 1279.98px) {
.h4 {
font-size: 20px; } }
.h4 span {
color: var(--color-main); }
.h5 {
font-size: 18px;
font-weight: bold;
line-height: 160%;
color: var(--color-black); }
.h6 {
font-size: 16px;
font-weight: bold;
line-height: 160%;
color: var(--color-black); }
.tag {
background: var(--color-main);
border-radius: 20px;
padding: 9px 16px;
font-size: 14px;
line-height: 160%;
color: var(--color-white); }
.tag.tag--small {
font-size: 12px;
line-height: 100%;
padding: 6px 8px; }
.tag.tag--white {
color: var(--color-main);
background: var(--color-white); }
.text14 {
font-size: 14px;
line-height: 160%; }
.text16 {
font-size: 16px;
line-height: 160%;
font-weight: 500; }
.text18 {
font-size: 18px;
line-height: 160%; }
.color-gray {
color: var(--color-gray); }
.color-gray-light {
color: var(--color-gray-light); }
.color-white {
color: var(--color-white); }
.button {
border: 1px solid var(--color-main);
background: var(--color-main);
border-radius: 16px;
padding: 15px 32px;
font-size: 16px;
line-height: 160%;
color: var(--color-white);
text-align: center;
transition: all .3s ease-out; }
.button:hover {
border-color: var(--color-hover);
background: var(--color-hover);
color: var(--color-white); }
.button--transparent {
background: transparent; }
.button--white {
border-color: var(--color-white);
background: var(--color-white);
color: var(--color-main); }
.button--white-border {
border-color: var(--color-white);
background: transparent;
color: var(--color-white); }
.button--gray {
border-color: var(--color-border);
background: var(--color-border);
color: var(--color-main); }
.container {
max-width: 1280px;
padding-left: 40px;
padding-right: 40px;
min-width: 320px; }
@media (max-width: 1279.98px) {
.container {
padding-left: 16px;
padding-right: 16px; } }
.bg-white {
background: var(--color-white); }
.bg-black {
background: var(--color-black); }
ul.dot-check {
font-size: 16px;
line-height: 160%;
font-weight: 500;
list-style: none;
display: flex;
flex-flow: column;
gap: 16px;
align-items: flex-start;
justify-content: flex-start;
color: var(--color-gray); }
ul.dot-check li {
position: relative;
padding-left: 32px; }
ul.dot-check li:before {
position: absolute;
left: 0;
top: 4px;
content: '';
background: url("../images/list.svg") left top no-repeat;
width: 16px;
height: 16px; }
.section__header {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 16px; }
.section__header .hint {
font-size: 18px;
line-height: 160%;
color: var(--color-gray);
margin-top: -8px; }
.header {
background-image: none; }
.header .menu li a {
color: #A3A3A3;
transition: all .3s ease-out; }
.header .menu li a:hover {
color: #FFFFFF; }
@media (max-width: 1279.98px) {
.header ul.menu {
position: absolute;
left: 0;
right: 0;
top: 80px;
background: var(--color-black);
align-items: center;
padding: 0 0 24px;
border-bottom: 1px solid var(--color-main); }
.header ul.menu li {
display: block;
margin: 8px 0;
padding: 0 16px;
text-align: center; } }
.main {
background: var(--color-black);
min-height: 0;
padding: 25px 0 80px; }
@media (max-width: 1279.98px) {
.main {
padding: 10px 0 40px; } }
.main:after {
content: none;
display: none; }
.main__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 52px; }
@media (max-width: 1279.98px) {
.main__header {
margin-bottom: 40px; } }
.main__header .logo {
display: flex;
gap: 48px;
align-items: center;
justify-content: flex-start; }
@media (max-width: 1279.98px) {
.main__header .logo {
gap: 32px; }
.main__header .logo .header-logo img {
width: 99px; } }
.main__header .logo__desc {
font-size: 16px;
line-height: 160%;
font-weight: 500;
color: var(--color-gray-light);
position: relative;
text-align: left; }
@media (max-width: 1279.98px) {
.main__header .logo__desc {
font-size: 14px;
line-height: 160%; } }
.main__header .logo__desc:before {
content: '';
display: block;
position: absolute;
width: 1px;
top: 5px;
bottom: 5px;
left: -24px;
background: rgba(255, 255, 255, 0.24); }
@media (max-width: 1279.98px) {
.main__header .logo__desc:before {
top: 2px;
bottom: 2px;
left: -16px; } }
.main__header .extra {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 24px;
color: var(--color-white); }
@media (max-width: 1023.98px) {
.main__header .extra {
display: none; } }
.main__header .extra__price {
font-size: 56px;
line-height: 100%;
font-weight: 700; }
.main__header .extra__today {
font-size: 16px;
line-height: 160%;
font-weight: 500;
font-weight: 700;
display: flex;
flex-flow: column;
align-items: flex-start; }
.main__header .extra__today s {
color: var(--color-gray-light); }
.main__header .extra__border {
font-size: 16px;
line-height: 160%;
font-weight: 500;
line-height: 160%;
font-weight: 700;
border: 1px solid var(--color-white);
border-radius: 56px;
padding: 15px 16px; }
.main__prebanner {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
padding: 40px 80px;
gap: 80px;
background: linear-gradient(180deg, #6841D2 0%, rgba(104, 65, 210, 0.8) 100%), #FFFFFF;
border-radius: 24px;
margin-bottom: 24px;
color: #fff; }
@media (max-width: 1023.98px) {
.main__prebanner {
padding: 40px 40px;
gap: 24px;
flex-flow: column-reverse; } }
.main__prebanner .h4 {
color: currentColor; }
.main__prebanner__text {
text-align: left;
display: flex;
flex-flow: column;
gap: 24px; }
@media (max-width: 1023.98px) {
.main__prebanner__text .h4 {
display: none; } }
.main__prebanner__text ul {
font-size: 16px;
line-height: 160%;
font-weight: 500;
list-style: none;
display: flex;
flex-flow: column;
gap: 8px;
align-items: flex-start;
justify-content: flex-start; }
.main__prebanner__text ul li {
position: relative;
padding-left: 32px; }
.main__prebanner__text ul li:before {
position: absolute;
left: 0;
top: 4px;
content: '';
background: url("../images/list-white.svg") left top no-repeat;
width: 16px;
height: 16px; }
.main__prebanner__text .extra {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 28px; }
@media (max-width: 1023.98px) {
.main__prebanner__text .extra {
gap: 16px;
flex-flow: column-reverse; } }
.main__prebanner__text .extra .button {
font-weight: bold;
white-space: nowrap; }
@media (max-width: 1023.98px) {
.main__prebanner__text .extra__info {
display: flex;
gap: 8px; } }
@media (max-width: 639.98px) {
.main__prebanner__text .extra__info {
display: none; } }
.main__prebanner__text .extra__info__tag {
background: rgba(255, 255, 255, 0.24);
border-radius: 26px;
padding: 2px 12px;
margin-left: -12px;
display: inline-flex; }
@media (max-width: 1023.98px) {
.main__prebanner__photo {
display: flex;
flex-flow: column;
gap: 24px; } }
.main__prebanner__photo .h4 {
display: none; }
@media (max-width: 1023.98px) {
.main__prebanner__photo .h4 {
display: block;
text-align: left; } }
@media (max-width: 1023.98px) {
.main__prebanner__photo img {
max-width: 100%; } }
.main__prebanner-edu-pdf-2 {
gap: 60px; }
.main__prebanner-edu-pdf-2 .main__prebanner__photo img {
width: 389px;
display: block;
margin: 0 auto; }
.main__block {
display: flex;
width: 100%;
max-width: 1280px;
justify-content: space-between;
align-items: center; }
@media (max-width: 1279.98px) {
.main__block {
flex-flow: column;
gap: 64px; } }
.main__block__h1 {
display: none;
color: var(--color-white); }
@media (max-width: 1279.98px) {
.main__block__h1 {
display: block; } }
.main__block__text {
text-align: left;
width: 49%;
padding: 0;
display: flex;
flex-flow: column;
gap: 40px;
max-width: 588px; }
@media (max-width: 1279.98px) {
.main__block__text {
width: 100%;
gap: 24px; }
.main__block__text__header {
display: flex;
flex-flow: column;
gap: 8px; } }
.main__block__text .h2, .main__block__text .h4 {
color: var(--color-white); }
.main__block__text ul {
font-size: 16px;
line-height: 160%;
font-weight: 500;
list-style: none;
display: flex;
flex-flow: column;
gap: 16px;
align-items: flex-start;
justify-content: flex-start;
color: var(--color-gray-light); }
.main__block__text ul li {
position: relative;
padding-left: 32px; }
.main__block__text ul li:before {
position: absolute;
left: 0;
top: 4px;
content: '';
background: url("../images/list.svg") left top no-repeat;
width: 16px;
height: 16px; }
.main__block__text .extra {
color: var(--color-white);
display: flex;
gap: 16px;
align-items: center;
justify-content: flex-start;
font-size: 16px;
line-height: 160%; }
.main__block__text .buttons {
display: flex;
gap: 16px;
align-items: center;
justify-content: flex-start; }
@media (max-width: 1279.98px) {
.main__block__text .buttons {
flex-flow: column; }
.main__block__text .buttons .button {
width: 100%;
text-align: center; } }
.main__block__counter {
padding: 0;
display: flex;
gap: 24px; }
@media (max-width: 1279.98px) {
.main__block__counter {
width: 100%;
justify-content: center;
gap: 24px;
flex-flow: column;
align-items: center; } }
.main__block__counter .time {
display: flex;
align-items: center;
height: 80px;
background-color: var(--color-light);
border-radius: 16px;
padding: 0 12px; }
@media (max-width: 1279.98px) {
.main__block__counter .time {
display: none; } }
.main__block__counter .time__days {
min-width: 93px;
width: 93px;
margin-right: 12px;
font-size: 24px;
line-height: 160%;
color: var(--color-black);
font-weight: 500; }
.main__block__counter .time__days-info {
margin-right: 24px;
font-size: 14px;
line-height: 160%;
color: var(--color-black);
font-weight: 500; }
.main__block__counter .time .button {
white-space: nowrap; }
.main__block__counter .extra {
display: none; }
@media (max-width: 1279.98px) {
.main__block__counter .extra {
color: var(--color-white);
display: flex;
gap: 16px;
align-items: center;
justify-content: flex-start;
font-size: 16px;
line-height: 160%; } }
.main__block__counter .extra__price {
font-size: 56px;
line-height: 100%;
font-weight: 700; }
.main__block__counter .extra__today {
font-size: 16px;
line-height: 160%;
font-weight: 500;
font-weight: 700;
display: flex;
flex-flow: column;
align-items: flex-start; }
.main__block__counter .extra__today s {
color: var(--color-gray-light); }
.main__block__counter .place {
display: flex;
gap: 8px;
align-items: center; }
.main__block__counter .place__box {
position: relative; }
.main__block__counter .place__box__number {
position: relative;
z-index: 2;
width: 60px;
min-width: 60px;
line-height: 67px;
font-weight: 700;
font-size: 56px;
color: var(--color-white);
text-align: center; }
.main__block__counter .place__info {
line-height: 160%;
font-weight: 700;
font-size: 16px;
color: var(--color-white); }
@media (max-width: 1023.98px) {
.main__block__pics {
display: none; } }
.main__block__pics .photo {
position: relative;
padding-right: 140px; }
.main__block__pics .photo__bg {
opacity: .4; }
.main__block__pics .photo__desc {
opacity: .4;
margin-bottom: 80px;
transform: translate(0px, 20px) rotate(-15deg);
transform-origin: bottom center;
transition: .3s;
position: relative; }
.main__block__pics .photo__korn {
position: absolute;
z-index: 1;
right: 0;
top: 0;
transform-origin: bottom center;
transition: .3s; }
.main__block__pics .photo:hover .photo__desc {
opacity: 1;
transform: translate(140px, 0px) rotate(0);
z-index: 10; }
.main__block__pics .photo:hover .photo__korn {
opacity: .4;
transform: translate(-140px, 20px) rotate(-15deg);
z-index: 0; }
.main__block__pics .photo-desc {
text-align: left;
width: 330px;
float: right;
margin-top: -35px; }
.main__block__pics .photo-desc .h4, .main__block__pics .photo-desc .text16 {
color: var(--color-gray-light); }
.main__block__korn {
display: none; }
@media (max-width: 1279.98px) {
.main__block__korn {
display: flex;
border: 1px solid var(--color-white-24);
border-radius: 16px;
padding: 24px;
gap: 16px;
flex-flow: column;
align-items: center; }
.main__block__korn .photo {
max-width: 100%; }
.main__block__korn .photo__korn {
display: block;
width: calc(100vw - 32px - 50px);
height: calc(100vw - 32px - 50px);
border-radius: 100%;
object-fit: cover;
object-position: center top; }
.main__block__korn .photo-desc {
display: flex;
align-items: center;
flex-flow: column;
gap: 24px;
text-align: center;
width: 100%; }
.main__block__korn .photo-desc div {
width: 100%; }
.main__block__korn .photo-desc a {
display: block; } }
.main__nums {
display: flex;
height: 124px;
flex-flow: column;
justify-content: space-between;
position: relative; }
.main__nums:nth-child(1):after {
content: '';
display: block;
position: absolute;
right: -40px;
top: 0;
width: 1px;
height: 100%;
background: var(--color-white);
opacity: .16; }
@media (max-width: 1279.98px) {
.main__nums:nth-child(1):after {
right: -16px; } }
.main__nums:nth-child(1):before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: -40px;
height: 1px;
width: 100%;
background: var(--color-white);
opacity: .16; }
@media (max-width: 1279.98px) {
.main__nums:nth-child(1):before {
bottom: -16px; } }
.main__nums:nth-child(4):after {
content: '';
display: block;
position: absolute;
left: -40px;
top: 0;
width: 1px;
height: 100%;
background: var(--color-white);
opacity: .16; }
@media (max-width: 1279.98px) {
.main__nums:nth-child(4):after {
left: -16px; } }
.main__nums:nth-child(4):before {
content: '';
display: block;
position: absolute;
left: 0;
top: -40px;
height: 1px;
width: 100%;
background: var(--color-white);
opacity: .16; }
@media (max-width: 1279.98px) {
.main__nums:nth-child(4):before {
top: -16px; } }
.main__nums .num {
color: var(--color-white); }
.main__nums .desc {
font-size: 18px;
line-height: 160%;
color: var(--color-gray-light); }
.main__steps {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 64px;
border-top: 1px solid var(--color-white-24);
margin-top: 80px; }
@media (max-width: 1279.98px) {
.main__steps {
grid-template-columns: 1fr;
gap: 24px;
padding-bottom: 120px;
border-top: 0; } }
.main__steps .nums-item {
display: flex;
gap: 32px;
align-items: flex-start;
justify-content: flex-start;
position: relative;
padding: 40px 0 60px; }
@media (max-width: 1279.98px) {
.main__steps .nums-item {
padding: 24px 0 0;
border-top: 1px solid var(--color-white-24); } }
.main__steps .nums-item:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
background: var(--color-white-24); }
@media (max-width: 1279.98px) {
.main__steps .nums-item:before {
display: none; } }
.main__steps .nums-item:nth-child(1):before {
display: none; }
.main__steps .nums-item__num {
flex: 0 0 64px;
width: 64px;
height: 64px; }
.main__steps .nums-item__num img {
position: absolute;
z-index: 0;
left: -40px;
top: -20px; }
.main__steps .nums-item__text {
font-size: 18px;
line-height: 160%;
color: var(--color-gray-light);
text-align: left; }
.main__steps .nums-item__text strong {
color: var(--color-white); }
.main__features {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 80px;
margin-top: 80px; }
@media (max-width: 1279.98px) {
.main__features {
gap: 48px;
padding-bottom: 80px; } }
@media (max-width: 1023.98px) {
.main__features {
grid-template-columns: 1fr;
gap: 24px; } }
.main__features__item {
display: flex;
flex-direction: column;
gap: 24px;
align-items: flex-start;
justify-content: flex-start;
position: relative; }
@media (max-width: 1023.98px) {
.main__features__item {
padding: 24px 0 0;
border-top: 1px solid var(--color-white-24); } }
.main__features__item:before {
content: '';
display: block;
position: absolute;
left: -40px;
top: 0;
bottom: 0;
width: 1px;
background: var(--color-white-24); }
@media (max-width: 1279.98px) {
.main__features__item:before {
left: -24px; } }
@media (max-width: 1023.98px) {
.main__features__item:before {
display: none; } }
.main__features__item .main__features__top {
position: relative;
z-index: 2; }
.main__features__item .main__features__top .image {
position: relative;
z-index: 2; }
.main__features__item .main__features__top .light {
position: absolute;
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
z-index: -1;
opacity: 0.4; }
@media (max-width: 1023.98px) {
.main__features__item .main__features__top .light {
left: 50% !important;
transform: translate(-50%, 0); } }
.main__features__item:nth-child(1):before {
display: none; }
.main__features__item:nth-child(1) .main__features__top .light {
left: 100px;
top: -80px;
width: 369px;
height: 305px;
background-image: url("../images/edu/pdf2/light1.png"); }
.main__features__item:nth-child(2) .main__features__top .light {
top: 80px;
width: 475px;
height: 210px;
background-image: url("../images/edu/pdf2/light2.png"); }
.main__features__item:nth-child(3) .main__features__top .light {
left: -40px;
width: 389px;
height: 393px;
background-image: url("../images/edu/pdf2/light3.png"); }
.main__features__item .ill-1,
.main__features__item .ill-2 {
max-width: 100%; }
.main__features__item .ill-3 {
max-width: 264px; }
@media (max-width: 1279.98px) {
.main__features__item .ill-3 {
max-width: 216px; } }
.main__features__top {
position: relative;
width: 100%;
height: 280px;
display: flex;
align-items: center; }
@media (max-width: 1279.98px) {
.main__features__top {
height: 203px; } }
.main__features__bottom {
font-weight: 700;
font-size: 16px;
line-height: 25.6px;
color: #FFF;
text-align: left; }
.book {
overflow: visible;
padding-bottom: 40px;
margin-top: -110px; }
.book__block {
background: var(--color-main);
border-radius: 24px;
display: flex;
align-items: center;
justify-content: center;
gap: 160px; }
@media (max-width: 1279.98px) {
.book__block {
flex-flow: column;
gap: 8px;
padding: 40px 16px; } }
.book__pic {
margin-top: -35px;
height: 285px; }
@media (max-width: 1279.98px) {
.book__pic {
margin-top: 0;
height: auto; } }
.book__text {
max-width: 480px;
color: var(--color-white);
display: flex;
gap: 16px;
flex-flow: column; }
.book__text__tags {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 16px;
text-align: left; }
.book__text .h4 {
color: var(--color-white); }
.for-whom {
margin: 80px 0; }
.for-whom__header {
text-align: left;
padding-left: 50%;
margin-bottom: 40px; }
@media (max-width: 1279.98px) {
.for-whom__header {
padding-left: 0;
text-align: center; } }
.for-whom__info {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0 40px;
gap: 80px;
background: var(--color-white);
border: 1px solid var(--color-border);
border-radius: 24px; }
@media (max-width: 1279.98px) {
.for-whom__info {
grid-template-columns: 1fr;
padding: 24px 16px;
gap: 24px; } }
.for-whom__photo {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
gap: 24px;
text-align: center; }
.for-whom__list {
padding: 40px 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px; }
@media (max-width: 1279.98px) {
.for-whom__list {
grid-template-columns: 1fr; } }
.for-whom__item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-flow: column;
gap: 24px;
position: relative; }
.for-whom__item > div {
display: flex;
flex-flow: column;
gap: 4px;
align-items: flex-start;
justify-content: flex-start; }
.for-whom__item:nth-child(3):before, .for-whom__item:nth-child(4):before {
content: '';
display: block;
position: absolute;
left: 0;
top: -32px;
right: 0;
height: 1px;
background: var(--color-border); }
.for-whom__item:nth-child(1):after, .for-whom__item:nth-child(3):after {
content: '';
display: block;
position: absolute;
bottom: 0;
top: 0;
right: -32px;
width: 1px;
background: var(--color-border); }
@media (max-width: 1279.98px) {
.for-whom__item:nth-child(1):after, .for-whom__item:nth-child(3):after {
left: 0;
top: -32px;
right: 0;
height: 1px;
width: auto; } }
@media (max-width: 1279.98px) {
.for-whom__item:nth-child(2):before {
content: '';
display: block;
position: absolute;
left: 0;
top: -32px;
right: 0;
height: 1px;
background: var(--color-border); } }
.program {
margin: 80px 0; }
.program__header {
text-align: center; }
.program__cards {
background: url("../images/edu/path.svg") center top no-repeat;
background-size: 893px 618px;
position: relative;
padding-top: 90px;
margin-top: -30px; }
.program__cards .cards-line1 {
display: flex;
align-items: flex-start;
justify-content: space-between; }
@media (max-width: 1279.98px) {
.program__cards .cards-line1 {
flex-flow: column; } }
.program__cards .cards-line2 {
padding-left: 40px;
display: flex;
align-items: flex-start;
justify-content: center;
gap: 220px;
margin-top: 40px; }
@media (max-width: 1279.98px) {
.program__cards .cards-line2 {
flex-flow: column; } }
.program__cards .card {
width: 306px;
display: flex;
gap: 16px;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start;
position: relative; }
.program__cards .card__text {
display: flex;
gap: 8px;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start; }
.program__cards .card-result {
padding-left: 100px;
width: 406px;
gap: 0; }
@media (max-width: 1279.98px) {
.program__cards .card-result {
padding-left: 0;
overflow: hidden;
width: auto; } }
.program__cards .card-result:before {
content: '';
display: block;
width: 420px;
height: 160px;
background: url("../images/edu/ellipse.svg");
background-size: contain;
position: absolute;
bottom: -42px;
left: 18px;
z-index: -1; }
.program__cards .card-result img {
margin-left: 30px; }
.gifts {
margin: 80px 0 0;
background: linear-gradient(to bottom, var(--color-light) 0%, var(--color-light) 50%, var(--color-white) 50.1%, var(--color-white) 100%); }
.gifts__block {
background: var(--color-black);
border-radius: 24px;
padding: 40px 80px; }
@media (max-width: 1279.98px) {
.gifts__block {
padding: 40px 16px; } }
.gifts__list {
margin-top: 40px;
display: grid;
gap: 80px;
grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 1279.98px) {
.gifts__list {
grid-template-columns: 1fr; } }
.gifts__item {
position: relative;
padding-top: 265px; }
.gifts__item:before {
content: '';
display: block;
width: 1px;
left: -40px;
top: 0;
bottom: 0;
position: absolute;
background: var(--color-white-24); }
.gifts__item:first-child:before {
display: none; }
.gifts__item img {
position: absolute;
left: -50px;
top: -85px; }
.gifts__item:nth-child(3) img {
top: -50px; }
.course {
padding-top: 80px;
padding-bottom: 80px; }
.course .h1 {
text-align: center;
margin-bottom: 40px; }
.course .cards-line {
margin: 24px 0; }
.course .cards-line1 {
display: grid;
gap: 24px;
grid-template-columns: 2fr 1fr; }
@media (max-width: 1279.98px) {
.course .cards-line1 {
grid-template-columns: 1fr; } }
.course .cards-line2 {
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr; }
@media (max-width: 1279.98px) {
.course .cards-line2 {
grid-template-columns: 1fr; } }
.course .cards-line3 {
display: grid;
gap: 24px;
grid-template-columns: 1fr 2fr; }
@media (max-width: 1279.98px) {
.course .cards-line3 {
grid-template-columns: 1fr; } }
.course .course-card {
border: 1px solid var(--color-border);
border-radius: 16px;
background: var(--color-light); }
.course .course-card--white {
background: var(--color-white); }
.course .course-card--main {
background: var(--color-main); }
.course .course-card--knowlage {
background: url("../images/edu/card-knowlage.png") right bottom no-repeat var(--color-black); }
@media (max-width: 1279.98px) {
.course .course-card--knowlage {
padding: 24px 16px 240px;
width: auto; } }
.course .course-card--knowlage .course-card__header {
border-color: var(--color-white-24); }
.course .course-card--projects {
background: url("../images/edu/card-projects.png") left bottom no-repeat var(--color-main);
background-size: contain; }
@media (max-width: 1279.98px) {
.course .course-card--projects {
padding: 24px 16px 240px;
width: auto; } }
.course .course-card--projects .course-card__header {
border-color: var(--color-white-24); }
.course .course-card--format {
background: url("../images/edu/card-format.png") left bottom no-repeat var(--color-black);
background-size: contain; }
.course .course-card--format .course-card__header {
border-color: var(--color-white-24); }
.course .course-card--lesson {
background: url("../images/edu/card-lesson.png") left bottom no-repeat; }
@media (max-width: 1279.98px) {
.course .course-card--lesson {
padding: 24px 16px 260px;
grid-template-columns: 1fr;
gap: 24px; } }
.course .course-card__header {
font-size: 14px;
line-height: 160%;
font-weight: bold;
padding: 9px 16px;
border-bottom: 1px solid var(--color-border); }
.course .course-card-author {
padding: 32px;
display: grid;
gap: 40px;
grid-template-columns: 1fr 1fr; }
@media (max-width: 1279.98px) {
.course .course-card-author {
grid-template-columns: 1fr; } }
.course .course-card-author__name {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 120px;
flex-flow: column; }
.course .course-card-homework {
padding: 32px;
gap: 24px;
display: grid;
grid-template-columns: 1fr; }
.course .course-card-homework .h3, .course .course-card-homework .h6 {
color: var(--color-main); }
.course .course-card-homework img {
max-width: 100%; }
.course .course-card-knowlage {
padding: 32px;
gap: 24px;
display: grid;
grid-template-columns: 1fr;
width: 330px; }
@media (max-width: 1279.98px) {
.course .course-card-knowlage {
width: auto; } }
.course .course-card-support {
padding: 32px;
display: grid;
gap: 40px;
grid-template-columns: 1fr 1fr; }
@media (max-width: 1279.98px) {
.course .course-card-support {
grid-template-columns: 1fr; } }
.course .course-card-support__text {
gap: 24px;
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start; }
.course .course-card-support__pic {
display: flex;
flex-flow: column;
align-items: flex-end;
justify-content: flex-end;
padding-top: 60px; }
.course .course-card-support__pic img {
max-width: 100%; }
.course .course-card-projects {
padding: 32px;
gap: 24px;
display: flex;
flex-flow: column; }
@media (max-width: 1279.98px) {
.course .course-card-projects {
padding: 24px 16px 240px;
width: auto; } }
.course .course-card-lesson {
padding: 32px;
display: grid;
gap: 40px;
grid-template-columns: 1fr 1fr; }
@media (max-width: 1279.98px) {
.course .course-card-lesson {
padding: 24px 16px 260px;
grid-template-columns: 1fr;
gap: 24px; } }
.course .course-card-lesson__text {
gap: 24px;
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start; }
.course .course-card-lesson__main {
gap: 8px;
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start; }
.course .course-card-license {
padding: 32px 32px 0;
display: grid;
gap: 40px;
grid-template-columns: 1fr 1fr; }
@media (max-width: 1279.98px) {
.course .course-card-license {
grid-template-columns: 1fr; } }
.course .course-card-license__text {
gap: 24px;
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start; }
.course .course-card-license__main {
gap: 16px;
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start; }
.course .course-card-license__main .moscow {
width: 100%;
text-align: right; }
@media (max-width: 1279.98px) {
.course .course-card-license__main .cert-pic img {
max-width: 100%; } }
.practice {
padding: 80px 0;
background: url("../images/edu/korn-light.png") center 0px no-repeat; }
.practice__block {
gap: 102px;
display: grid;
grid-template-columns: 2fr 3fr 2fr; }
@media (max-width: 1279.98px) {
.practice__block {
grid-template-columns: 1fr;
gap: 40px; } }
.practice__text .quote {
padding: 24px;
border: 1px solid var(--color-white-24);
border-radius: 16px;
display: flex;
flex-flow: column;
gap: 16px; }
@media (max-width: 1279.98px) {
.practice__pic img {
max-width: 100%; } }
.practice__pic img.money {
margin-top: -160px; }
.practice__pic__info {
max-width: 384px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px; }
.practice__pic__info div {
padding-bottom: 16px; }
.practice__pic__info div:first-child {
border-right: 1px solid var(--color-white-24);
padding-right: 24px; }
.practice__pic__channel {
margin: 0 auto;
display: flex;
gap: 16px;
align-items: center;
justify-content: flex-start;
padding-top: 16px;
border-top: 1px solid var(--color-white-24); }
.practice__pic__channel a {
display: flex; }
.practice__pic__channel a svg:hover rect {
fill: var(--color-hover); }
.practice__logo {
display: block; }
@media (max-width: 1279.98px) {
.practice__logo {
display: flex;
flex-wrap: wrap; }
.practice__logo > div {
width: 50%; } }
@media (max-width: 1279.98px) {
.practice__logo > div {
width: 100%; } }
.practice__logo .image-slider {
position: relative;
display: flex;
height: 56px;
margin: 16px 0 80px;
width: 282px;
max-width: 100%;
overflow: hidden; }
.practice__logo .image-slider:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: block;
width: 56px;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 100%); }
.practice__logo .image-slider .item {
display: block;
height: 56px;
border: none;
border-radius: 16px;
background: rgba(255, 255, 255, 0.08);
margin: 0 8px 0 0; }
.video {
background: url("../images/edu/video.png") center top no-repeat;
background-size: cover;
padding: 40px 0; }
.video__block {
height: 470px;
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: space-between; }
.video__block .ega-logo {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 24px; }
.video__block .video-desc {
display: flex;
flex-flow: column;
gap: 24px;
align-items: flex-start;
justify-content: flex-start;
max-width: 496px; }
.numbers {
display: block;
padding-bottom: 80px; }
.numbers__table {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
border-bottom: 1px solid var(--color-white-24); }
@media (max-width: 1279.98px) {
.numbers__table {
grid-template-columns: 1fr;
border-bottom: 0; } }
.numbers__table .number {
display: flex;
flex-flow: column;
justify-content: space-between;
padding: 24px 40px;
border-left: 1px solid var(--color-white-24); }
.numbers__table .number:first-child {
border-left: 0; }
@media (max-width: 1279.98px) {
.numbers__table .number {
border-left: 0;
margin-left: -16px;
margin-right: -16px; }
.numbers__table .number:nth-child(odd) {
background: linear-gradient(to right, var(--color-black) 0%, var(--color-black) 50%, var(--color-hover-35) 100%); }
.numbers__table .number:nth-child(even) {
background: linear-gradient(to left, var(--color-black) 0%, var(--color-black) 50%, var(--color-hover-35) 100%); } }
.numbers__year {
margin: 40px 0 80px;
display: flex;
gap: 24px;
flex-flow: column;
align-items: flex-start; }
.numbers__about {
border-top: 1px solid var(--color-white-24);
display: grid;
grid-template-columns: 1fr 1fr;
align-items: end;
margin-bottom: 40px; }
@media (max-width: 1279.98px) {
.numbers__about {
grid-template-columns: 1fr;
border-bottom: 0; } }
.numbers__about .element {
padding-top: 80px; }
.numbers__about .element:first-child {
padding-right: 40px;
border-right: 1px solid var(--color-white-24); }
@media (max-width: 1279.98px) {
.numbers__about .element:first-child {
padding-right: 0;
border-right: 0; } }
.numbers__about .element:last-child {
padding-left: 40px; }
@media (max-width: 1279.98px) {
.numbers__about .element:last-child {
padding-left: 0px; } }
.numbers__license {
display: grid;
gap: 80px;
grid-template-columns: 1fr 1fr; }
@media (max-width: 1279.98px) {
.numbers__license {
grid-template-columns: 1fr; } }
.numbers__license .license-text {
display: flex;
flex-flow: column;
gap: 40px; }
.numbers__license .license-text__num {
margin-bottom: 8px; }
.numbers__license .license-pic {
position: relative; }
.numbers__license .license-pic img {
position: absolute;
left: -110px;
top: -120px; }
@media (max-width: 1279.98px) {
.numbers__license .license-pic img {
max-width: 100vw; } }
.cert {
padding: 80px 0 0;
margin-bottom: 80px; }
@media (max-width: 639.98px) {
.cert {
display: none; } }
.cert__block {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
align-items: center; }
@media (max-width: 1279.98px) {
.cert__block {
grid-template-columns: 1fr; } }
.cert__block__text .h3 {
margin-bottom: 40px; }
.cert__block__text .h6 {
margin-bottom: 16px; }
.cert__block__text ul {
gap: 8px; }
.cert__block__pic img {
max-width: 100%; }
.capability {
padding: 80px 0 0; }
.capability__header {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 16px; }
.capability__list {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
gap: 24px;
margin: 40px 0; }
.capability__block {
background: var(--color-light);
border-radius: 24px;
display: flex;
width: 100%;
max-width: 1280px;
align-items: center; }
@media (max-width: 1279.98px) {
.capability__block {
flex-flow: column;
padding: 40px 16px;
gap: 24px; } }
.capability__block:nth-child(even) {
flex-direction: row-reverse; }
@media (max-width: 1279.98px) {
.capability__block:nth-child(even) {
flex-flow: column; } }
.capability__block__text {
width: 50%;
padding: 40px 40px 40px 126px; }
@media (max-width: 1279.98px) {
.capability__block__text {
width: 100%;
padding: 0; } }
.capability__block__text ul {
list-style: none;
display: flex;
flex-flow: column;
gap: 16px;
align-items: flex-start;
justify-content: flex-start;
font-size: 16px;
line-height: 160%;
color: var(--color-gray);
margin: 24px 0 40px; }
.capability__block__text ul li {
position: relative;
padding-left: 32px; }
.capability__block__text ul li:before {
position: absolute;
left: 0;
top: 4px;
content: '';
background: url("../images/list.svg") left top no-repeat;
width: 16px;
height: 16px; }
.capability__block__text .buttons {
display: block; }
.capability__block__text .buttons .button {
display: inline-flex; }
@media (max-width: 1279.98px) {
.capability__block__text .buttons .button {
display: block; } }
.capability__block__text .extra-info {
display: flex;
flex-flow: column;
gap: 16px;
margin: 40px 0; }
.capability__block__text .extra-info__soc {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 16px; }
.capability__block__text .extra-info__soc .h6 {
line-height: 24px;
color: var(--color-main); }
.capability__block__video {
width: 50%;
padding: 40px; }
@media (max-width: 1279.98px) {
.capability__block__video {
width: 100%;
padding: 0; } }
.capability__block__video video {
width: 100%;
height: auto; }
.capability__block__cases {
width: 50%;
padding: 40px;
display: flex;
gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start; }
@media (max-width: 1279.98px) {
.capability__block__cases {
width: 100%;
padding: 0; } }
.capability__block__cases-list {
width: 100%; }
@media (max-width: 1279.98px) {
.capability__block__cases-list {
width: calc(100% + 22px);
margin: 0 -7.5px; } }
.capability__block__cases-buttons {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 16px; }
.capability__block__cases-buttons button {
display: block;
background: transparent;
width: 40px;
height: 40px;
border-radius: 40px;
border: 1px solid var(--color-main);
background: url("../images/arrow-case.svg") center center no-repeat;
background-size: 24px 24px; }
.capability__block__cases-buttons button.next {
transform: rotate(180deg); }
.capability__case {
border: 1px solid var(--color-border);
background: var(--color-white);
border-radius: 16px;
padding: 24px;
display: flex;
gap: 70px;
flex-flow: column; }
@media (max-width: 1279.98px) {
.capability__case {
margin: 0 7.5px; } }
.capability__case__main {
display: flex;
gap: 24px;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start; }
.capability__case__header {
display: flex;
gap: 24px;
align-items: flex-start;
justify-content: space-between; }
.capability__case__header .h4 div {
margin-top: 8px; }
.capability__case__ad {
display: flex;
gap: 8px;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start; }
.capability__case__ad .ad {
display: flex;
gap: 16px;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap; }
.capability__case__info {
display: grid;
gap: 32px;
grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 1279.98px) {
.capability__case__info {
grid-template-columns: 1fr 1fr; } }
.capability__case__info .capability__case__item:nth-child(3n + 1):before {
display: none; }
@media (max-width: 1279.98px) {
.capability__case__info .capability__case__item:nth-child(3n + 1):before {
display: block; } }
.capability__case__info .capability__case__item:nth-child(1):after, .capability__case__info .capability__case__item:nth-child(2):after, .capability__case__info .capability__case__item:nth-child(3):after {
display: none; }
@media (max-width: 1279.98px) {
.capability__case__info .capability__case__item:nth-child(1):after, .capability__case__info .capability__case__item:nth-child(2):after, .capability__case__info .capability__case__item:nth-child(3):after {
display: block; } }
@media (max-width: 1279.98px) {
.capability__case__info .capability__case__item:nth-child(2n + 1):before {
display: none; }
.capability__case__info .capability__case__item:nth-child(1):after, .capability__case__info .capability__case__item:nth-child(2):after {
display: none; } }
.capability__case__info--2 {
grid-template-columns: 1fr 1fr; }
.capability__case__info--2 .capability__case__item:nth-child(3n + 1):before {
display: block; }
.capability__case__info--2 .capability__case__item:nth-child(1):after, .capability__case__info--2 .capability__case__item:nth-child(2):after, .capability__case__info--2 .capability__case__item:nth-child(3):after {
display: block; }
.capability__case__info--2 .capability__case__item:nth-child(2n + 1):before {
display: none; }
.capability__case__info--2 .capability__case__item:nth-child(1):after, .capability__case__info--2 .capability__case__item:nth-child(2):after {
display: none; }
@media (max-width: 1279.98px) {
.capability__case__info--2 {
grid-template-columns: 1fr; }
.capability__case__info--2 .capability__case__item:before {
display: none !important; }
.capability__case__info--2 .capability__case__item:after, .capability__case__info--2 .capability__case__item:nth-child(2):after, .capability__case__info--2 .capability__case__item:nth-child(3):after {
display: block; } }
.capability__case__item {
position: relative;
display: flex;
gap: 8px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start; }
.capability__case__item:before {
content: "";
display: block;
width: 1px;
position: absolute;
left: -16px;
top: 0;
bottom: 0;
background: var(--color-border); }
.capability__case__item:after {
content: "";
display: block;
height: 1px;
position: absolute;
top: -16px;
left: 0;
right: 0;
background: var(--color-border); }
@media (max-width: 1279.98px) {
.capability__case__item {
grid-template-columns: 1fr 1fr; } }
.capability__case__item .num {
font-size: 24px;
line-height: 160%;
color: var(--color-black);
white-space: nowrap; }
.capability__case__item .num.wrap {
white-space: normal; }
@media (max-width: 1279.98px) {
.capability__case__item .num {
font-size: 16px;
line-height: 160%;
font-weight: 500; } }
.capability__case__item .desc {
font-size: 14px;
line-height: 160%;
color: var(--color-gray); }
.support {
padding: 40px 0; }
.support__list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
padding: 40px 0; }
@media (max-width: 1279.98px) {
.support__list {
grid-template-columns: 1fr; } }
.support__item {
border-radius: 16px;
border: 1px solid var(--color-border);
padding: 32px;
display: flex;
flex-flow: column;
justify-content: space-between;
gap: 40px; }
@media (max-width: 1279.98px) {
.support__item {
padding: 24px 16px;
gap: 32px; } }
.support__item .icons {
font-size: 14px;
line-height: 160%;
color: var(--color-white);
display: flex;
gap: 16px;
margin: 8px 0; }
.support__item .icons i {
padding-left: 24px;
background-repeat: no-repeat;
background-position: left center;
background-size: 16px 16px;
font-style: normal; }
.support__item .icons i.ico-clock {
background-image: url("../images/ico-clock.svg"); }
.support__item .icons i.ico-online {
background-image: url("../images/ico-online.svg"); }
.support__item .text {
font-size: 16px;
line-height: 160%;
color: var(--color-gray);
margin-top: 8px; }
.support__item .image {
margin: 0 -32px; }
@media (max-width: 1279.98px) {
.support__item .image {
margin: 0 -16px; } }
.support__item .buttons {
display: flex;
justify-content: center;
align-items: center; }
.support__item:nth-child(1) {
background: var(--color-white); }
.support__item:nth-child(2) {
background: var(--color-light); }
.support__item:nth-child(3) {
border-color: var(--color-main);
background: var(--color-main); }
.support__item:nth-child(3) .h4, .support__item:nth-child(3) .text {
color: var(--color-white); }
.reviews {
background: var(--color-light);
padding: 80px 0 68px; }
@media (max-width: 639.98px) {
.reviews {
display: none; } }
.reviews .section__header {
margin-bottom: 40px; }
.reviews:after {
content: none;
display: none; }
.reviews__list {
display: flex;
gap: 24px;
margin: 12px 0;
width: 100%;
overflow: hidden;
flex-flow: wrap;
justify-content: center; }
.reviews .review {
border: 1px solid var(--color-border);
border-radius: 16px;
background: var(--color-white);
padding: 32px;
display: flex;
flex-flow: column;
gap: 24px;
flex: 0 0 432px;
margin: 0 12px; }
.reviews .review__author {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 16px; }
.reviews .review__pic img {
width: 48px;
height: 48px;
border-radius: 100%;
object-fit: cover;
display: block; }
.reviews .review__name {
font-size: 14px;
line-height: 160%;
color: var(--color-gray); }
.reviews .review__name strong {
display: block;
font-size: 16px;
font-weight: bold;
line-height: 160%;
color: var(--color-black); }
.reviews .review__text {
font-size: 16px;
line-height: 160%;
font-weight: 500;
color: var(--color-black); }
.tarif {
padding: 80px 0 0; }
@media (max-width: 639.98px) {
.tarif {
padding: 40px 0; } }
.tarif .h2 {
color: var(--color-white); }
.tarif__block {
background: rgba(255, 255, 255, 0.08);
border-radius: 24px;
padding: 80px; }
@media (max-width: 639.98px) {
.tarif__block {
background: transparent;
padding: 0; } }
.tarif .section__header {
padding-left: 33%;
text-align: left;
align-items: flex-start;
justify-content: flex-start; }
.tarif__table {
margin: 40px 0 0; }
@media (max-width: 1279.98px) {
.tarif__table {
display: none; } }
.tarif__table th {
font-size: 16px;
line-height: 160%;
font-weight: 500;
font-weight: normal;
color: var(--color-gray-light);
padding: 40px;
border-top: 1px solid var(--color-white-24);
border-left: 1px solid var(--color-white-24);
width: 33%; }
.tarif__table th:first-child {
text-align: left;
vertical-align: top;
padding-left: 0;
border-left: 0; }
.tarif__table td {
font-size: 16px;
line-height: 160%;
font-weight: 500;
color: var(--color-gray-light);
padding: 16px 40px;
border-top: 1px solid var(--color-white-24);
border-left: 1px solid var(--color-white-24);
width: 33%; }
.tarif__table td:nth-child(1) {
padding-left: 0;
border-left: 0; }
.tarif__table .button {
display: inline-block; }
.tarif__list {
display: none;
gap: 24px;
flex-flow: column;
padding: 40px 0; }
@media (max-width: 1279.98px) {
.tarif__list {
display: flex; } }
.tarif__item {
padding: 24px 16px;
display: flex;
flex-flow: column;
gap: 24px;
background: rgba(255, 255, 255, 0.08);
border: 0;
border-radius: 24px; }
.tarif__item .button {
display: block;
width: 100%; }
.tarif__item .h4, .tarif__item li, .tarif__item .abon .abon__price {
color: var(--color-white); }
.tarif__item .abon .abon__desc {
color: var(--color-white-24); }
.tarif__spacer {
display: block;
height: 1px;
background: var(--color-border); }
.tarif__desc ul {
font-size: 16px;
line-height: 160%;
font-weight: 500;
list-style: none;
display: flex;
flex-flow: column;
gap: 16px;
align-items: flex-start;
justify-content: flex-start;
color: var(--color-black); }
.tarif__desc ul li {
position: relative;
padding-left: 32px; }
.tarif__desc ul li:before {
position: absolute;
left: 0;
top: 4px;
content: '';
background: url("../images/list.svg") left top no-repeat;
width: 16px;
height: 16px; }
.tarif__info {
display: flex;
flex-flow: column;
gap: 40px; }
@media (max-width: 1279.98px) {
.tarif__info {
gap: 16px; } }
.tarif__info .abon {
white-space: nowrap; }
@media (max-width: 1279.98px) {
.tarif__info .abon {
white-space: normal; } }
.tarif__info .abon__price {
font-size: 18px;
line-height: 160%;
color: var(--color-black); }
@media (max-width: 1279.98px) {
.tarif__info .abon__price {
font-size: 16px;
line-height: 160%;
font-weight: 500; } }
.tarif__info .abon__desc {
font-size: 14px;
line-height: 160%;
color: var(--color-gray); }
.tarif__info .implement {
white-space: nowrap;
display: flex;
align-items: baseline;
gap: 16px; }
.tarif__info .implement__old {
text-decoration: line-through; }
.first-step {
background: none; }
.first-step .container {
padding: 80px 0 80px; }
@media (max-width: 1279.98px) {
.first-step .container {
padding: 80px 15px; } }
@media (max-width: 1279.98px) {
.first-step .btns {
display: flex;
flex-flow: column;
gap: 8px; }
.first-step .btns .btn {
margin: 0; } }
.templates {
padding: 80px 0 0; }
.templates .section__header {
align-items: flex-start;
text-align: left; }
@media (max-width: 1279.98px) {
.templates .section__header {
align-items: center;
text-align: center; } }
.templates__list {
margin: 40px 0;
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 1279.98px) {
.templates__list {
overflow: hidden;
grid-template-columns: 1fr; } }
.templates .template {
background: var(--color-light);
border-radius: 16px;
padding: 32px;
display: flex;
justify-content: space-between;
flex-flow: column; }
@media (max-width: 1279.98px) {
.templates .template {
padding: 24px 16px; } }
.templates .template__tag {
display: inline-flex;
color: var(--color-main);
background: var(--color-white);
margin-bottom: 16px; }
.templates .template__desc {
font-size: 16px;
line-height: 160%;
font-weight: 500;
color: var(--color-gray);
margin-top: 8px; }
.templates .template__button {
margin-top: 64px; }
.advantage {
padding: 40px 0; }
.faqs {
padding: 80px 0 0; }
@media (max-width: 1279.98px) {
.faqs {
padding-bottom: 80px; } }
@media (max-width: 639.98px) {
.faqs {
display: none; } }
.faqs__inner {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 792px;
margin: 0 auto; }
@media (max-width: 1279.98px) {
.faqs__inner {
flex-flow: column-reverse;
gap: 40px; } }
.faqs .faq {
width: 100%; }
@media (max-width: 1279.98px) {
.faqs .faq {
width: 100%; } }
.faqs .faq__list {
margin-top: 40px;
display: flex;
flex-flow: column;
border-top: 1px solid var(--color-white-24); }
.faqs .faq__list label {
display: block;
border-bottom: 1px solid var(--color-white-24); }
.faqs .faq__list label input[type=checkbox] {
position: absolute; }
.faqs .faq__item {
padding: 24px 64px 24px 0;
border-radius: 16px;
user-select: none;
position: relative;
cursor: pointer; }
.faqs .faq__item:after {
content: '';
display: block;
width: 24px;
height: 24px;
position: absolute;
right: 16px;
top: 16px;
background: url("../images/chevron.svg") center center no-repeat;
background-size: 24px 24px; }
.faqs .faq__item__name {
color: var(--color-white); }
.faqs .faq__item__desc {
font-size: 16px;
line-height: 160%;
font-weight: 500;
color: var(--color-gray-light);
display: none;
padding-top: 16px; }
.faqs .faq__item__desc p {
margin: 16px 0; }
.faqs .faq__item__desc p:first-child {
margin-top: 0; }
.faqs .faq__item__desc p:last-child {
margin-bottom: 0; }
.faqs .faq input:checked ~ .faq__item :after {
transform: rotate(180deg); }
.faqs .faq input:checked ~ .faq__item .faq__item__desc {
display: block; }
.faqs .faq input:checked ~ .faq__item:after {
transform: rotate(180deg); }
.interface {
background: var(--color-black);
border-radius: 24px;
padding: 80px 40px;
margin: -240px auto 0;
max-width: 1280px;
color: var(--color-white);
display: flex;
flex-flow: column;
gap: 40px;
align-items: center;
justify-content: center; }
@media (max-width: 1279.98px) {
.interface {
margin-top: 0;
width: 100%; } }
.interface .h2 {
color: var(--color-white);
text-align: center; }
.interface__list {
display: flex;
gap: 80px; }
@media (max-width: 1279.98px) {
.interface__list {
flex-flow: column;
gap: 24px; } }
.interface__item {
display: flex;
gap: 40px;
width: calc(50% - 40px); }
@media (max-width: 1279.98px) {
.interface__item {
width: 100%;
gap: 16px; } }
.interface__item__num {
color: var(--color-white); }
.interface__item__desc {
font-size: 18px;
line-height: 160%;
color: var(--color-white); }
.footer {
padding: 0 0 20px; }
.footer .container {
display: block; }
.footer__main {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 80px;
padding: 80px 0; }
@media (max-width: 1279.98px) {
.footer__main {
grid-template-columns: 1fr; } }
.footer__logo {
display: flex;
flex-flow: column;
gap: 40px; }
.footer__license {
display: flex;
gap: 24px; }
.footer__license__text {
display: flex;
flex-flow: column;
gap: 8px; }
.footer__address {
display: flex;
flex-flow: column;
gap: 24px; }
.footer__links {
border-top: 1px solid var(--color-white-24);
padding-top: 24px;
width: 100%; }
.footer__links .links {
display: flex;
gap: 16px; }
@media (max-width: 1279.98px) {
.footer__links .links {
flex-flow: column; } }
.footer__links .links a {
color: var(--color-gray-light); }
.footer__links .copyright {
margin-top: 16px;
color: var(--color-gray); }
.modal-demo-form {
display: none;
justify-content: center;
padding: 40px;
overflow: auto; }
@media (max-width: 1279.98px) {
.modal-demo-form {
padding: 40px 16px; } }
.modal-demo-form.opened {
display: flex; }
.modal-pdf-form {
align-items: center;
justify-content: center;
padding: 40px;
overflow: auto; }
@media (max-width: 1279.98px) {
.modal-pdf-form {
padding: 40px 16px; } }
.demo-form {
border: 1px solid var(--color-border);
background: var(--color-light);
border-radius: 24px;
width: auto;
max-width: 600px;
margin: 0 auto; }
.demo-form__close.modal-close {
position: inherit;
background: var(--color-white);
border: 1px solid var(--color-main);
display: flex;
width: 40px;
height: 40px;
border-radius: 40px;
flex-flow: column;
align-items: center;
text-align: center;
justify-content: center;
cursor: pointer; }
.demo-form__close.modal-close svg {
fill: var(--color-white); }
.demo-form__text {
padding: 40px;
display: flex;
flex-flow: column;
gap: 24px; }
@media (max-width: 1279.98px) {
.demo-form__text {
padding: 24px 16px; } }
.demo-form__text .h3 {
display: flex;
justify-content: space-between;
align-items: flex-start; }
.demo-form__text .h3 span {
color: var(--color-black); }
.demo-form__text .h6 {
margin-bottom: 8px; }
.demo-form__text ul {
font-size: 16px;
line-height: 160%;
font-weight: 500;
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
color: var(--color-gray); }
@media (max-width: 1279.98px) {
.demo-form__text ul {
grid-template-columns: 1fr;
gap: 8px; } }
.demo-form__text ul li {
position: relative;
padding-left: 32px; }
.demo-form__text ul li:before {
position: absolute;
left: 0;
top: 4px;
content: '';
background: url("../images/list.svg") left top no-repeat;
width: 16px;
height: 16px; }
.demo-form__data {
background: var(--color-light);
border-radius: 0 0 24px 24px;
padding: 40px;
display: flex;
flex-flow: column;
gap: 24px; }
@media (max-width: 1279.98px) {
.demo-form__data {
padding: 24px 16px; } }
.demo-form__data input[type=text] {
font-size: 16px;
line-height: 160%;
font-weight: 500;
border: 1px solid var(--color-border);
background: var(--color-white);
color: var(--color-gray);
padding: 15px 16px;
border-radius: 16px;
display: block;
width: 100%; }
.demo-form__data .fieldset {
display: grid;
gap: 16px;
grid-template-areas: "a a" "b b" "c c"; }
@media (max-width: 1279.98px) {
.demo-form__data .fieldset {
gap: 8px;
grid-template-areas: "a" "b" "c" "d"; } }
.demo-form__data .fieldset .field:nth-child(1) {
grid-area: a; }
.demo-form__data .fieldset .field:nth-child(2) {
grid-area: b; }
.demo-form__data .fieldset .field:nth-child(3) {
grid-area: c; }
.demo-form__data .fieldset .field:nth-child(4) {
grid-area: d; }
.demo-form__data .checkboxes {
font-size: 14px;
line-height: 160%;
color: var(--color-gray);
display: flex;
gap: 16px;
flex-flow: column; }
.demo-form__data .checkboxes label {
display: block;
position: relative;
padding-left: 40px;
cursor: pointer;
user-select: none;
font-weight: 500; }
.demo-form__data .checkboxes label span:before {
content: '';
display: block;
width: 24px;
height: 24px;
box-sizing: border-box;
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
background-color: var(--color-white);
border: 1px solid var(--color-main);
border-radius: 4px;
position: absolute;
left: 0;
top: -1px; }
.demo-form__data .checkboxes label input:checked ~ span:before {
background-image: url('data:image/svg+xml,');
background-color: var(--color-main); }
@media (max-width: 1279.98px) {
.demo-form__data .buttons .button {
width: 100%; } }
.modal-register-popup {
display: none;
justify-content: center;
padding: 40px;
overflow: auto; }
@media (max-width: 1279.98px) {
.modal-register-popup {
padding: 40px 16px; } }
.modal-register-popup.opened {
display: flex; }
.register-popup {
position: relative;
background: var(--color-main);
border-radius: 24px;
width: 792px;
max-width: calc(100% - 30px);
height: fit-content;
margin: 0 auto;
padding: 40px;
color: var(--color-white); }
@media (max-width: 1279.98px) {
.register-popup {
width: calc(100vw - 48px);
max-width: 976px; } }
@media (max-width: 639.98px) {
.register-popup {
width: calc(100vw - 32px); } }
.register-popup__close.modal-close {
position: absolute;
top: 40px;
right: 40px;
border: 1px solid var(--color-white);
background: url("../images/edu/close_white.svg") center no-repeat;
display: flex;
width: 40px;
height: 40px;
border-radius: 40px;
flex-flow: column;
align-items: center;
text-align: center;
justify-content: center;
cursor: pointer; }
.register-popup__close.modal-close svg {
fill: var(--color-white); }
.register-popup__close.modal-close:hover {
border-color: var(--color-hover);
background: var(--color-hover);
color: var(--color-white); }
.register-popup__close.modal-close:hover svg {
fill: var(--color-white); }
.register-popup h2 {
margin-bottom: 40px;
font-size: 40px;
line-height: 120%; }
@media (max-width: 639.98px) {
.register-popup h2 {
margin-bottom: 24px;
font-size: 28px; } }
.register-popup p {
margin-bottom: 16px;
font-size: 24px;
line-height: 160%;
font-weight: 500; }
@media (max-width: 639.98px) {
.register-popup p {
font-size: 18px; } }
.register-popup .card-club {
margin-bottom: 80px;
display: flex;
align-items: flex-end;
gap: 8px;
font-size: 16px;
line-height: 160%;
font-weight: 500; }
@media (max-width: 639.98px) {
.register-popup .card-club {
margin-bottom: 40px;
flex-direction: column;
align-items: flex-start; } }
.register-popup .card-club .number {
font-size: 32px;
line-height: 130%; }
.register-popup p.bold {
font-weight: 700; }
.register-popup .button-telegram {
display: flex;
gap: 16px;
align-items: center;
justify-content: center;
width: 100%;
height: 56px;
border-radius: 16px;
background: var(--color-white);
color: var(--color-main);
cursor: pointer; }
.content.is-modal-open {
filter: blur(5px); }
.quick-form__block {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
min-height: 700px; }
@media (max-width: 1279.98px) {
.quick-form__block {
grid-template-columns: 1fr; } }
.quick-form__block-left {
background: url("../images/edu/form2left.png") left bottom 85px no-repeat, url("../images/edu/form2right.png") right bottom 16px no-repeat, linear-gradient(to bottom, #6841D2 0%, rgba(104, 65, 210, 0.16) 100%);
border-radius: 24px; }
@media (max-width: 1279.98px) {
.quick-form__block-left {
min-height: 550px;
background-size: calc(317px * 0.75) calc(371px * 0.75), calc(339px * 0.75) calc(437px * 0.75), 100% 100%; } }
.quick-form__block-left__inner {
padding: 40px; }
@media (max-width: 1279.98px) {
.quick-form__block-left__inner {
padding: 40px 16px; } }
.quick-form__block-left__inner .h6 {
max-width: 80%; }
.quick-form__block-right {
background: var(--color-main);
border-radius: 24px;
padding: 40px;
display: flex;
flex-flow: column;
gap: 40px; }
@media (max-width: 1279.98px) {
.quick-form__block-right {
padding: 40px 16px;
gap: 24px; } }
.quick-form__start {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%; }
.quick-form__status {
display: grid;
grid-template-columns: 29fr 22fr;
border-top: 1px solid var(--color-white-24);
margin-bottom: 40px; }
@media (max-width: 1279.98px) {
.quick-form__status {
grid-template-columns: 1fr;
margin-bottom: 0; } }
.quick-form__status .price {
padding-top: 24px;
border-right: 1px solid var(--color-white-24);
display: flex;
align-items: center;
justify-content: flex-start;
gap: 16px;
width: 100%; }
@media (max-width: 1279.98px) {
.quick-form__status .price {
border-right: 0;
border-bottom: 1px solid var(--color-white-24);
padding-bottom: 24px;
justify-content: center; } }
.quick-form__status .place {
padding-top: 24px;
display: flex;
gap: 8px;
align-items: center;
justify-content: flex-end; }
@media (max-width: 1279.98px) {
.quick-form__status .place {
justify-content: center; } }
.quick-form__status .place__box {
position: relative; }
.quick-form__status .place__box__number {
position: relative;
z-index: 2;
width: 60px;
min-width: 67px;
line-height: 67px;
font-weight: 700;
font-size: 56px;
color: var(--color-white);
text-align: center; }
.quick-form__status .place__info {
line-height: 160%;
font-weight: 700;
font-size: 16px; }
.quick-form__status .place__info__back {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: var(--color-main);
filter: blur(40px);
z-index: 1; }
.quick-form__status .place__info {
line-height: 130%;
font-weight: 700;
font-size: 18px;
color: var(--color-white); }
.quick-form__data {
display: flex;
flex-flow: column;
gap: 24px; }
@media (max-width: 1279.98px) {
.quick-form__data {
padding: 24px 16px; } }
.quick-form__data input[type=text] {
font-size: 16px;
line-height: 160%;
font-weight: 500;
border: 1px solid var(--color-border);
background: transparent;
color: var(--color-white);
padding: 15px 16px;
border-radius: 16px;
display: block;
width: 100%;
outline: none; }
.quick-form__data input[type=text]::placeholder {
color: var(--color-white-24); }
.quick-form__data .button {
width: 100%;
cursor: pointer;
font-weight: 700; }
.quick-form__data .fieldset {
display: grid;
gap: 16px;
grid-template-areas: "a a" "b b" "c c"; }
@media (max-width: 1279.98px) {
.quick-form__data .fieldset {
gap: 8px;
grid-template-areas: "a" "b" "c" "d"; } }
.quick-form__data .fieldset .field:nth-child(1) {
grid-area: a; }
.quick-form__data .fieldset .field:nth-child(2) {
grid-area: b; }
.quick-form__data .fieldset .field:nth-child(3) {
grid-area: c; }
.quick-form__data .fieldset .field:nth-child(4) {
grid-area: d; }
.quick-form__data .checkboxes {
font-size: 14px;
line-height: 160%;
color: var(--color-white);
display: flex;
gap: 16px;
flex-flow: column; }
.quick-form__data .checkboxes label {
display: block;
position: relative;
padding-left: 40px;
cursor: pointer;
user-select: none;
font-weight: 500; }
.quick-form__data .checkboxes label a,
.quick-form__data .checkboxes label a:hover {
color: var(--color-white);
text-decoration: underline; }
.quick-form__data .checkboxes label span:before {
content: '';
display: block;
width: 24px;
height: 24px;
box-sizing: border-box;
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
background-color: var(--color-white);
border: 1px solid var(--color-main);
border-radius: 4px;
position: absolute;
left: 0;
top: -1px; }
.quick-form__data .checkboxes label input:checked ~ span:before {
background-image: url('data:image/svg+xml,');
background-color: var(--color-main); }
@media (max-width: 1279.98px) {
.quick-form__data .buttons .button {
width: 100%; } }
.time-sticky {
position: fixed;
left: 40px;
bottom: -124px;
max-width: 412px;
transition: .3s;
z-index: 2; }
@media (max-width: 1279.98px) {
.time-sticky {
left: 0;
right: 0;
width: 100%; } }
.time-sticky.visible {
bottom: 24px; }
@media (max-width: 1279.98px) {
.time-sticky.visible {
bottom: 0; } }
.time-sticky .time {
display: flex;
align-items: center;
height: 80px;
background-color: var(--color-light);
border-radius: 16px;
padding: 0 12px;
border: 1px solid var(--color-border); }
.time-sticky .time.time-mobile {
display: none; }
@media (max-width: 1279.98px) {
.time-sticky .time {
border-radius: 16px 16px 0 0;
padding: 8px 16px 16px;
height: auto; }
.time-sticky .time.time-desktop {
display: none; }
.time-sticky .time.time-mobile {
display: block; } }
.time-sticky .time__days {
margin-right: 12px;
font-size: 24px;
line-height: 160%;
color: var(--color-black);
font-weight: 500; }
@media (max-width: 1279.98px) {
.time-sticky .time__days {
margin: 0 0 8px;
font-size: 16px;
line-height: 160%;
text-align: center; } }
.time-sticky .time__days-info {
margin-right: 24px;
font-size: 14px;
line-height: 160%;
color: var(--color-black);
font-weight: 500; }
.time-sticky .time .button {
white-space: nowrap; }
@media (max-width: 1279.98px) {
.time-sticky .time .button {
display: block; } }
.prebanner-edu-pdf-2 .main__prebanner .extra__info.mob {
display: none; }
.prebanner-edu-pdf-2 .quick-form__block-left {
background: url(../images/edu/form2left.png) left bottom 85px no-repeat, url(../images/edu/form2right.png) right bottom 16px no-repeat, linear-gradient(to bottom, #6841D2 0%, #D9D6F6 100%); }
.prebanner-edu-pdf-2 .quick-form_data .fieldset {
gap: 16px; }
.prebanner-edu-pdf-2 .quick-form_data input[type=text] {
border: 1px solid var(--color-white-24); }
.prebanner-edu-pdf-2 .quick-form_data input[type=text]::placeholder {
opacity: 1;
color: var(--color-white); }
.prebanner-edu-pdf-2 .quick-form_data .checkboxes label {
padding-left: 32px; }
.prebanner-edu-pdf-2 .quick-form_data .checkboxes label span:before {
width: 16px;
height: 16px; }
.prebanner-edu-pdf-2 .footer__address__contacts {
display: none; }
@media (max-width: 1279.98px) {
.prebanner-edu-pdf-2 .main__prebanner {
padding: 40px 40px;
gap: 24px;
flex-flow: column-reverse;
align-items: stretch; }
.prebanner-edu-pdf-2 .main__prebanner__text .h4 {
display: none; }
.prebanner-edu-pdf-2 .main__prebanner__text .extra {
flex-direction: column-reverse;
justify-content: center;
gap: 16px; }
.prebanner-edu-pdf-2 .main__prebanner__text .extra__info {
display: flex;
align-items: center;
gap: 10px; }
.prebanner-edu-pdf-2 .main__prebanner__text .extra .button {
width: 100%; }
.prebanner-edu-pdf-2 .main__prebanner__photo .h4 {
display: block;
font-size: 40px;
line-height: 48px;
margin-bottom: 24px; }
.prebanner-edu-pdf-2 .quick-form__block {
grid-template-columns: 1fr 1fr; }
.prebanner-edu-pdf-2 .quick-form__status {
grid-template-columns: 29fr 22fr;
margin-bottom: 40px; }
.prebanner-edu-pdf-2 .quick-form__block-left__inner .h2 {
font-size: 40px; }
.prebanner-edu-pdf-2 .quick-form__block-right {
padding: 40px; }
.prebanner-edu-pdf-2 .quick-form__block-right .h1 {
font-size: 56px; }
.prebanner-edu-pdf-2 .quick-form__block-right .h4 {
font-size: 24px; }
.prebanner-edu-pdf-2 .quick-form__status .price {
border-right: 1px solid var(--color-white-24);
border-bottom: 0;
padding-bottom: 0;
justify-content: flex-start; }
.prebanner-edu-pdf-2 .quick-form__data {
padding: 0; }
.prebanner-edu-pdf-2 .footer__main {
grid-template-columns: 1fr 1fr;
gap: 40px;
padding-bottom: 56px; }
.prebanner-edu-pdf-2 .footer__main .footer__logo__contacts {
display: none; }
.prebanner-edu-pdf-2 .footer__main .footer__license {
grid-row: 2 / 3;
grid-column: 1 / 2;
flex-direction: column-reverse; }
.prebanner-edu-pdf-2 .footer__main .footer__address {
grid-row: 2 / 3;
grid-column: 2 / 3; }
.prebanner-edu-pdf-2 .footer__main .footer__address__contacts {
display: flex;
margin-top: 56px;
flex-direction: column;
gap: 1px; } }
@media (max-width: 1023.98px) {
.prebanner-edu-pdf-2 .main {
padding-bottom: 0; }
.prebanner-edu-pdf-2 .main__prebanner {
margin-bottom: 0; }
.prebanner-edu-pdf-2 .quick-form__block-left {
background-size: auto 58%, auto 68%, auto;
min-height: 706px; }
.prebanner-edu-pdf-2 .quick-form__block {
grid-template-columns: 1fr; }
.prebanner-edu-pdf-2 .main__features {
margin-top: 60px; }
.prebanner-edu-pdf-2 .main__features__top {
justify-content: center;
height: auto; }
.prebanner-edu-pdf-2 .main__features__bottom {
text-align: center; }
.prebanner-edu-pdf-2 .main__features__item {
align-items: stretch; }
.prebanner-edu-pdf-2 .main__features__item:first-child {
border-top: 0; }
.prebanner-edu-pdf-2 .main__features__item .ill-1 {
margin-bottom: 24px;
max-width: 357px; }
.prebanner-edu-pdf-2 .main__features__item .ill-2 {
margin-bottom: 0;
width: auto;
max-width: 357px; }
.prebanner-edu-pdf-2 .main__features__item .ill-3 {
margin-bottom: 24px;
width: auto;
max-width: 264px; } }
@media (max-width: 639.98px) {
.prebanner-edu-pdf-2 .main__header {
margin-bottom: 16px; }
.prebanner-edu-pdf-2 .main__prebanner {
padding: 24px 16px; }
.prebanner-edu-pdf-2 .main__prebanner__photo .h4 {
font-size: 28px;
line-height: 1.2; }
.prebanner-edu-pdf-2 .main__prebanner .extra {
position: sticky;
bottom: 24px; }
.prebanner-edu-pdf-2 .main__prebanner .extra__info {
display: none; }
.prebanner-edu-pdf-2 .main__prebanner .extra__info.mob {
display: flex;
flex-direction: column; }
.prebanner-edu-pdf-2 .main__features__top {
overflow: hidden; }
.prebanner-edu-pdf-2 .quick-form__block-left {
background-size: auto 50%, auto 64%, auto;
min-height: 500px; }
.prebanner-edu-pdf-2 .quick-form__block-left__inner .h2 {
font-size: 28px; }
.prebanner-edu-pdf-2 .quick-form__block-right {
padding: 40px 16px; }
.prebanner-edu-pdf-2 .quick-form__start .h4 {
font-size: 20px;
line-height: 1.3; }
.prebanner-edu-pdf-2 .quick-form__start .h1 {
font-size: 36px;
line-height: 1.2; }
.prebanner-edu-pdf-2 .quick-form__status {
grid-template-columns: 1fr;
margin-bottom: 0; }
.prebanner-edu-pdf-2 .quick-form__status .price {
border-right: none;
border-bottom: 1px solid var(--color-white-24);
padding-bottom: 24px;
justify-content: center; }
.prebanner-edu-pdf-2 .footer__main {
grid-template-columns: 1fr;
padding-bottom: 56px; }
.prebanner-edu-pdf-2 .footer__main .footer__address {
grid-row: 3 / 4;
grid-column: 1 / 2; }
.prebanner-edu-pdf-2 .footer__main .footer__address__contacts {
margin-top: 0; } }
/*# sourceMappingURL=home-edu.css.map */