/* CLEARFIX */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
img { display: block; }

/* BASE */
.lp-fullwidth { overflow: hidden; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lp-fullwidth--gray { background-color: #F5F5FA; }
.lp-fullwidth--lab { background: linear-gradient(180deg, #AEDDFF 0%, #C6E7FF 9%, #FFF 32%); }
.lp-container { width: 100%; max-width: 1320px; margin: 0 auto; position: relative; padding: 0 40px; box-sizing: border-box; }
sub, sup { font-size: 40%; top: -1.2em; }
.lp-container img { max-width: 100%; }
.lp-mobShow { display: none; }

/* BUTTON */
.lp-btn { display: inline-block; font: 500 16px/24px 'Graphik-Medium-Cy', sans-serif; padding: 12px 24px; box-sizing: border-box; color:#fff; text-align: center; cursor: pointer; border-radius: 6px; -webkit-transition: 0.25s; transition: 0.25s; text-decoration: none; }
.lp-btn--blue { background-color: #378BE7; }
.lp-btn--blue:hover { background-color: #327ED1; }
.lp-btn--blue:active { background-color: #2865A7; }
.lp-btn--pink { background-color: #ed5aae; }
.lp-btn--pink:hover { background-color: #ff5bb9; }
.lp-btn--pink:active { background-color: #ff5bb9; }
.lp-btn--white { background-color: #fff; color: #242424; }
.lp-btn--white:hover { background-color: #fff; opacity: .85; }
.lp-btn--white:active { background-color: #fff; }
.lp-btn--black { background-color: #000; }
.lp-btn--black:hover { background-color: #333; }
.lp-btn--vk { background-color: #308AEB; }
.lp-btn--vk:before { display: inline-block; width: 22px; height: 14px; content: ' '; background-image: url('https://static.re-store.ru/promo/restore-u/images/icon-vk.png'); background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%; margin-right: 12px; margin-top: -2px; vertical-align: middle; }
.lp-btn--vk:hover { background-color: #327ED1; }
.lp-btn--vk:active { background-color: #2865A7; }

/* LINK DECOR */
.lp-linkarrow { position: relative; padding-right: 20px; }
.lp-linkarrow:after { display: inline-block; position: absolute; content: ' '; width: 14px; height: 14px; margin: 0 0 0 6px; background: transparent url('https://static.re-store.ru/promo/restore-u/images/arrow.svg') top center no-repeat; background-size: 100% auto; right: 0; top: 50%; transform: translate(0,-50%); }
.lp-linkgroup--white .lp-linkarrow:after { display: inline-block; position: absolute; content: ' '; width: 14px; height: 14px; margin: 0 0 0 6px; background: transparent url('https://static.re-store.ru/promo/restore-u/images/arrow--white.svg') top center no-repeat; background-size: 100% auto; right: 0; top: 50%; transform: translate(0,-50%); }

/* LINKS */
.lp-linkgroup { position: relative; z-index: 1; }
.lp-link { display: inline-block; cursor: pointer; font: 400 16px/24px 'Graphik-Regular-Cy', sans-serif; color: #000; transition: all 0.6s; }
.lp-linkgroup .lp-link { margin-left: 10px; }
.lp-linkgroup .lp-link:first-child { margin-left: 0; }
.lp-linkgroup--white .lp-link { color: #fff; }

/* BILLBOARD */
.lp-billboard { margin: 80px auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; gap: 60px; }
.lp-billboard-wrapper { color: #000; max-width: 470px; position: relative;  }
.lp-billboard__img { width: calc(100% - 470px - 60px); }
.lp-billboard__title { font: 500 80px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -3.6px; }
.lp-billboard__descr { font: 500 30px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.05px; margin-top: 32px; }

/* LAB */
.lp-lab { display: block; margin: 60px 0 0; }
.lp-lab__videocover { width: 657px; max-width: 100%; mix-blend-mode: multiply; margin: 32px auto 0; }
.lp-lab__videocover video { display: block; }
.lp-lab__wrapper { width: 680px; max-width: 100%; color: #000; text-align: center; margin: 0 auto; }
.lp-lab__subtitle { font: 400 18px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.45px; }
.lp-lab__title { font: 500 48px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.68px; margin: 8px 0 24px; }

/* CONTACTS */
.lp-contacts-row { margin: 100px auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; }
.lp-contacts-col { width: calc(50% - 10px); min-height: 190px; background-color: #F5F5FA; border-radius: 8px; padding: 32px; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; }
.lp-contacts__descr { font: 400 16px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; text-wrap: balance; color: #242424; }
.lp-contacts__email { font: 500 30px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.05px; }
.lp-contacts__email a { color: #FF5CB9; text-decoration: none; }
.lp-contacts__email a:hover { text-decoration: underline; }
.lp-social { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px; }
.lp-social__item { display: block; width: 50px; border-radius: 12px; overflow: hidden; }

/* U */
.lp-u {}
.lp-u { background: transparent url('https://static.re-store.ru/promo/restore-u/images/bg-2.jpg') top center no-repeat; background-size: cover; }
.lp-u-wrapper { margin: 240px 0; }
.lp-u-itemgroup { margin: 10px 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
.lp-u-item { display: block; width: auto; min-height: 208px; padding: 32px; box-sizing: border-box; background: rgba(243, 243, 243, 0.40); backdrop-filter: blur(25px); -webkit-transition: 0.25s; transition: 0.25s; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 10px; }
.lp-u-item__title { font: 500 60px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -2.4px; color: #242424; margin-bottom: 20px; -webkit-transition: 0.5s; transition: 0.5s; }
.lp-u-item__descr { font: 400 20px/130% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.2px; color: #fff; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; }
.lp-u-item__linkgroup { opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; }
.lp-u-item__link { display: inline-block; cursor: pointer; font: 400 15px/115% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.15px; color: #fff; }
.lp-u-item__linkgroup .lp-u-item__link { margin-right: 20px; margin-top: 20px; }
.lp-u-item__linkgroup .lp-u-item__link:first-child { }

.lp-u-item--lab { width: 424px; height: 320px; }
.lp-u-item--academy { width: 400px; height: 440px; }
.lp-u-item--art { width: 615px; height: 300px; }
.lp-u-item--smm { width: 620px; height: 236px; }
.lp-u-item--podcasts { width: 410px; height: 340px; }
.lp-u-item--blog { width: 410px; height: 220px; }
.lp-u-item--howto { width: 410px; height: 380px; }

.lp-u-item .lp-u-item__title { color: #fff; font-size: 38px; }
.lp-u-item .lp-u-item__descr, .lp-u-item .lp-u-item__linkgroup { opacity: 1; }
.lp-u-item--lab { background: #CD9DF2; }
.lp-u-item--academy  { background: #FE6E2E; }
.lp-u-item--art  { background: #4D4A59; }
.lp-u-item--blog { background: #FF5BB9; }
.lp-u-item--podcasts { background: #3194FF; }
.lp-u-item--smm { background: #59D167; }
.lp-u-item--howto { background: #CD9DF2; }

.lp-u-itemgroup-row1 { margin-left: 200px; margin-top: -140px; }
.lp-u-itemgroup-row2 { align-items: flex-start; margin-left: 200px; }
.lp-u-itemgroup-row3 { align-items: flex-start; margin-left: -428px; margin-top: -104px; }
.lp-u-itemgroup-row4 { margin-left: 420px; }

@media (hover: hover) and (pointer: fine) {
    .lp-u-item { background: rgba(243, 243, 243, 0.40); backdrop-filter: blur(25px); }
    .lp-u-item .lp-u-item__title { color: #242424; font-size: 60px; }
    .lp-u-item .lp-u-item__descr, .lp-u-item .lp-u-item__linkgroup { opacity: 0; }
    .lp-u-item:hover .lp-u-item__descr, .lp-u-item:hover .lp-u-item__linkgroup { opacity: 1; }
    .lp-u-item:hover .lp-u-item__title { color: #fff; font-size: 38px; }
    .lp-u-item--lab:hover { background: #CD9DF2; }
    .lp-u-item--academy:hover { background: #FE6E2E; }
    .lp-u-item--art:hover { background: #4D4A59; }
    .lp-u-item--blog:hover { background: #FF5BB9; }
    .lp-u-item--podcasts:hover { background: #3194FF; }
    .lp-u-item--smm:hover { background: #59D167; }
    .lp-u-item--howto:hover { background: #CD9DF2; }
}




@media only screen and (max-width: 1300px) {
    .lp-u-itemgroup-row1 { margin-left: 0; }
    .lp-u-itemgroup-row2 { margin-left: 0; }
    .lp-u-itemgroup-row3 { margin-left: 0; margin-top: 0; }
    .lp-u-itemgroup-row4 { margin-left: 220px; }
}

@media only screen and (max-width: 1120px) {
    .lp-u-itemgroup-row1 { margin-top: 0; }
    .lp-u-itemgroup-row4 { margin-left: 0; }
}

@media only screen and (max-width: 1024px) {
    /* BASE */
    .lp-container { padding: 0 20px; }
    /* BILLBOARD */
    .lp-billboard { margin: 60px auto; gap: 40px; }
    .lp-billboard-wrapper { max-width: 360px; }
    .lp-billboard__img { width: calc(100% - 360px - 40px); }
    .lp-billboard__title { font: 500 48px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.68px; }
    .lp-billboard__descr { font: 500 22px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.55px; margin-top: 16px; }
}

@media only screen and (max-width: 768px) {
    .lp-mobShow { display: block; }
    .lp-mobHide { display: none; }
    .lp-container { padding: 0 12px; }

    /* BILLBOARD */
    .lp-billboard { margin: 40px auto; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 20px; }
    .lp-billboard-wrapper { max-width: 100%; text-align: center; }
    .lp-billboard__img { width: calc(100% + 67px + 67px); margin: 0 -67px; }
    .lp-billboard__descr { margin-top: 8px; }

    /* LAB */
    .lp-lab { margin: 40px 0 0; }
    .lp-lab__videocover { margin: 52px auto 0; }
    .lp-lab__title { font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; margin: 12px 0 24px; }

    /* CONTACTS */
    .lp-contacts-row { margin: 70px auto; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;  gap: 10px; }
    .lp-contacts-col { width: 100%; min-height: initial; padding: 24px; gap: 24px; }
    .lp-contacts__email { font: 500 22px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.55px; }

    /* U */
    .lp-u { background: transparent url('https://static.re-store.ru/promo/restore-u/images/bg-2--m.jpg') top center no-repeat; background-size: cover; }
    .lp-u-wrapper { margin: 40px 0; }
    .lp-u-itemgroup { margin: 10px 0; display: block; }
    .lp-u-item { width: auto!important; min-height: 208px; height: auto!important; padding: 32px 28px 32px 32px; box-sizing: border-box; background: rgba(243, 243, 243, 0.40); backdrop-filter: blur(25px); -webkit-transition: 0.25s; transition: 0.25s; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 60px; }
    .lp-u-item:first-child { margin-bottom: 10px; }
    .lp-u-item__title { font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; color: #fff; }
    .lp-u-item__descr { font: 400 20px/115% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.2px; opacity: 1; }
    .lp-u-item__linkgroup { opacity: 1; }
    .lp-u-item__link { display: inline-block; cursor: pointer; font: 400 15px/115% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.15px; color: #fff; }
    .lp-u-item__linkgroup .lp-u-item__link { margin-right: 8px; }
    .lp-u-item__linkgroup .lp-u-item__link:first-child {  }

    .lp-u-item .lp-u-item__title { color: #fff; font-size: 38px; }
    .lp-u-item .lp-u-item__descr, .lp-u-item .lp-u-item__linkgroup { opacity: 1; }
    .lp-u-item--lab { background: #CD9DF2; }
    .lp-u-item--academy  { background: #FE6E2E; }
    .lp-u-item--art  { background: #4D4A59; }
    .lp-u-item--blog { background: #FF5BB9; }
    .lp-u-item--podcasts { background: #3194FF; }
    .lp-u-item--smm { background: #59D167; }
    .lp-u-item--howto { background: #CD9DF2; }
}

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