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

/* BASE */
.lp-fullwidth { overflow: hidden; background: linear-gradient(180deg, #A7CBFF 59.77%, #FFF 114.45%); }
.lp-container { width: 100%; max-width: 1440px; margin: 0 auto; position: relative; padding: 30px; box-sizing: border-box; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
sub, sup { font-size: 40%; top: -1.2em; }
.lp-container img { max-width: 100%; }
.lp-desktop {}
.lp-mobile { 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--small {font: 500 16px/100% 'Graphik-Medium-Cy', sans-serif; padding: 10px 14px; }
.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-btngroup-social { max-width: 1130px; margin: 60px auto; 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; }
.lp-btn--big { width: 370px; font: 600 30px/90% 'Graphik-Semibold-Cy', sans-serif; letter-spacing: -1.05px; padding: 36px 20px; white-space: nowrap; }


/* BILLBOARD */
.lp-billboard-container { position: relative; }
.lp-billboard { margin: 0 340px 0 0; padding: 15px; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15); border-radius: 15px; color: #000; }
.lp-billboard__subhead { font: 500 20px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.5px; margin-bottom: 25px; position: relative; }
.lp-billboard__subhead:before { display: inline-block; vertical-align: middle; width: 76px; height: 19px; content: ' '; margin: 0 20px 0 0; background: transparent url('https://static.re-store.ru/promo/mfs/images/icon-wndows.png') 0 0 no-repeat; background-size: auto 100%; }
.lp-billboard__subhead--desktop {}
.lp-billboard__subhead--mob { display: none; }
.lp-billboard__cover { border-radius: 9px; overflow: hidden; }
.lp-billboard__wrapper { margin-top: 15px; }
.lp-billboard__title { font: 500 76px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -3.42px; }
.lp-billboard__descr {font: 500 28px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.26px; color: #A8A8A8; margin-top: 5px; }

/* SECTION */
.lp-logos { width: 294px; 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: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 8px; position: absolute; top: 0; right: 0; }
.lp-logos__mfs { width: 160px; }
.lp-logos__re { width: 124px; }

/* ABOUT */
.lp-about { width: 382px; border-radius: 15px; background: #232323; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.15); padding: 10px 13px 13px 15px; box-sizing: border-box; position: absolute; top: 108px; right: 60px; }
.lp-about__wrapper { 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: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 8px; }
.lp-about__window { width: 70px; }
.lp-about__scale { width: 274px; }
.lp-about__head { margin-top: 25px; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 20px; align-items: center; }
.lp-about__title { font: 500 43px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.935px; color: #fff; }
.lp-about__descr { height: 0; margin: 13px 0 5px; font: 400 14px/115% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.63px; color: #fff; overflow: hidden; }
.lp-about__btn { display: block; width: auto; }
.lp-about.lp-active .lp-about__descr { height: auto; }

/* PROJECT */
.lp-project { margin: 25px 0; padding: 15px; box-sizing: border-box; color: #000; background-color: #fff; border-radius: 15px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15); }
.lp-project__subhead { font: 500 20px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.5px; margin-bottom: 35px; position: relative; }
.lp-project__subhead:before { display: inline-block; vertical-align: middle; width: 76px; height: 19px; content: ' '; margin: 0 20px 0 0; background: transparent url('https://static.re-store.ru/promo/mfs/images/icon-wndows.png') 0 0 no-repeat; background-size: auto 100%; }
.lp-project__descr {}
.lp-project__descr p { font: 500 35px/115% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.875px; padding: 0; margin: 20px 0 0; }
.lp-project__descr p:first-child { margin-top: 0; }

/* MC */
.lp-mc-container { margin: 80px 0; }
.lp-mc-container__title { font: 500 117px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -5.265px; margin-bottom: 25px; color: #fff; }
.lp-slider-mc-container {}
.lp-slider-mc {}
.lp-slider-mc-container { margin: 0 auto; position: relative; }
.lp-slider-mc-container .swiper { overflow: initial; }
.lp-slider-mc-container .swiper-slide { height: auto; width: 370px; }
.lp-slider-mc-container .swiper-scrollbar-drag { background: #0785FA; }
.lp-slider-mc-container .swiper-scrollbar { position: relative; left: initial; bottom: initial; z-index: 50; width: 100%; margin: 0; background: #fff; height: 10px; }
.swiper-scrollbar-container { background: #fff; margin: 30px 0 0; padding: 5px; box-sizing: border-box; border-radius: 20px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15); }

.lp-mc { height: 560px; padding: 16px; box-sizing: border-box; background-color: #535353; border-radius: 16px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15); }
.lp-mcHead { display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 24px; align-items: center; margin-bottom: 16px; }
.lp-mcHead__item { font: 500 16px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.4px;  color: #C5C5C5; }
.lp-mcHead__item:first-child { margin-right: auto; }
.lp-mc__img { border-radius: 16px; overflow: hidden; margin-bottom: 20px; }
.lp-mc__title { font: 500 30px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.05px; color: #C5C5C5; margin-bottom: 16px; }
.lp-mc__descr { display: none; font: 500 12px/110% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.24px; color: #C5C5C5; margin-bottom: 16px; }
.lp-mc__descr p { font: 500 12px/110% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.24px; color: #C5C5C5; margin-top: 10px; }
.lp-mc__descr p:first-child { margin-top: 0; }
.lp-mc__descr ul { margin: 10px 0 0 0; padding: 0 0 0 14px; list-style: disc; }
.lp-mc__descr li { font: 500 12px/110% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.24px; color: #C5C5C5; }
.lp-mc__details { font: 500 12px/110% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.24px; color: #C5C5C5; }
.lp-mc__details--01 {}
.lp-mc__details--02 { display: none; }
.lp-mc__btn-group { margin-top: 16px; 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: 16px; }
.lp-mc__btn { display: inline-block; font: 500 16px/100% 'Graphik-Medium-Cy', sans-serif; padding: 10px 14px; box-sizing: border-box; color:#C5C5C5; text-align: center; cursor: pointer; -webkit-transition: 0.25s; transition: 0.25s; text-decoration: none; border-radius: 4px; border: 1px solid #A8A8A8; background: #646464; box-shadow: 0 0 37.043px 0 rgba(0, 0, 0, 0.15); }
.lp-mc__btn-more {}
.lp-mc__btn-reg {}
.lp-mc__wrapper { height: 100%; 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; }
.lp-mc__wrapper-item {}
.lp-mc__wrapper-item:last-child { margin-top: auto; }
.lp-mc.lp-active { }
.lp-mc.lp-active .lp-mc__img { display: none; }
.lp-mc.lp-active .lp-mc__descr { display: block; }
.lp-mc.lp-active .lp-mc__details--01 { display: none; }
.lp-mc.lp-active .lp-mc__details--02 { display: block; }

@media (hover: hover) and (pointer: fine) {
    .lp-mc__btn-more { display: none; }
    .lp-mc:hover .lp-mc__img { display: none; }
    .lp-mc:hover .lp-mc__descr { display: block; }
    .lp-mc:hover .lp-mc__details--01 { display: none; }
    .lp-mc:hover .lp-mc__details--02 { display: block; }
}







@media only screen and (max-width: 1024px) {
    /* BILLBOARD */
    .lp-billboard__title { font: 500 44px/100% 'Graphik-Medium-Cy', sans-serif; }
    .lp-billboard__subhead--desktop { display: none; }
    .lp-billboard__subhead--mob { display: inline-block; }
}

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

@media only screen and (max-width: 768px) {
    .lp-container { padding: 50px 20px; }

    /* BUTTON */
    .lp-btngroup-social { margin: 50px 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: 8px; align-items: center; }
    .lp-btn--big { width:100%; max-width: 370px; font: 600 25px/90% 'Graphik-Semibold-Cy', sans-serif; letter-spacing: -0.875px; padding: 32px 17px; }

    /* BILLBOARD */
    .lp-billboard { margin: 32px 0 20px; padding: 16px; border-radius: 16px; }
    .lp-billboard__subhead { font: 500 18px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.45px; margin-bottom: 16px; }
    .lp-billboard__subhead:before { width: 64px; height: 16px; margin: 0 16px 0 0; }
    .lp-billboard__cover { border-radius: 8px; }
    .lp-billboard__wrapper { margin-top: 24px; }
    .lp-billboard__title { font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; }
    .lp-billboard__descr {font: 500 18px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.45px;  margin-top: 12px; }

    /* SECTION */
    .lp-logos { width: 265px; margin: 0 auto; gap: 20px; position: initial; top: initial; right: initial; }
    .lp-logos__mfs { width: 135px; }
    .lp-logos__re { width: 110px; }

    /* ABOUT */
    .lp-about { width: 100%; border-radius: 16px; padding: 16px; box-sizing: border-box; position: initial; top: initial; right: initial; }
    .lp-about__wrapper { gap: 12px; }
    .lp-about__head { margin-top: 24px; gap: 20px; }
    .lp-about__title { font: 500 38px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; }
    .lp-about__descr { margin: 0; font: 400 14px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.35px; }
    .lp-about.lp-active .lp-about__descr { height: auto;  margin: 24px 0 0; }

    /* PROJECT */
    .lp-project { margin: 40px 0; padding: 16px; border-radius: 16px; }
    .lp-project__subhead { font: 500 18px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.45px; margin-bottom: 20px; }
    .lp-project__subhead:before { width: 64px; height: 16px; margin: 0 16px 0 0; }
    .lp-project__descr p { font: 500 16px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.4px; margin: 10px 0 0; }

    /* MC */
    .lp-mc-container { margin: 50px 0; }
    .lp-mc-container__title { font: 500 60px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -2.4px; margin-bottom: 32px; }
    .lp-slider-mc-container .swiper-slide { height: auto; width: 320px; }
    .lp-slider-mc-container .swiper-scrollbar-drag { background: #0785FA; }
    .lp-slider-mc-container .swiper-scrollbar { position: relative; left: initial; bottom: initial; z-index: 50; width: 100%; margin: 0; background: #fff; height: 10px; }
    .swiper-scrollbar-container { background: #fff; margin: 30px 0 0; padding: 5px; box-sizing: border-box; border-radius: 20px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15); }

    .lp-mc { height: 560px; padding: 16px; box-sizing: border-box; background-color: #535353; border-radius: 16px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15); }
    .lp-mcHead { display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 24px; align-items: center; margin-bottom: 16px; }
    .lp-mcHead__item { font: 500 16px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.4px;  color: #C5C5C5; }
    .lp-mcHead__item:first-child { margin-right: auto; }
    .lp-mc__img { border-radius: 16px; overflow: hidden; margin-bottom: 20px; }
    .lp-mc__title { font: 500 30px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.05px; color: #C5C5C5; margin-bottom: 16px; }
    .lp-mc__descr { display: none; font: 500 12px/110% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.24px; color: #C5C5C5; }
    .lp-mc__descr p { font: 500 12px/110% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.24px; color: #C5C5C5; margin-top: 10px; }
    .lp-mc__descr p:first-child { margin-top: 0; }
    .lp-mc__descr ul { margin: 10px 0 0 0; padding: 0 0 0 14px; list-style: disc; }
    .lp-mc__descr li { font: 500 12px/110% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.24px; color: #C5C5C5; }
    .lp-mc__details { font: 500 12px/110% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.24px; color: #C5C5C5; }
    .lp-mc__details--01 {}
    .lp-mc__details--02 { display: none; }
    .lp-mc__btn-group { margin-top: 16px; 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: 16px; }
    .lp-mc__btn { display: inline-block; font: 500 16px/100% 'Graphik-Medium-Cy', sans-serif; padding: 10px 14px; box-sizing: border-box; color:#C5C5C5; text-align: center; cursor: pointer; -webkit-transition: 0.25s; transition: 0.25s; text-decoration: none; border-radius: 4px; border: 1px solid #A8A8A8; background: #646464; box-shadow: 0 0 37.043px 0 rgba(0, 0, 0, 0.15); }
    .lp-mc__btn-more {}
    .lp-mc__btn-reg {}
    .lp-mc__wrapper { height: 100%; 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; }
    .lp-mc__wrapper-item {}
    .lp-mc__wrapper-item:last-child { margin-top: auto; }
}

@media only screen and (max-width: 360px) {
    /* BILLBOARD */
    .lp-billboard__subhead { font: 500 14px/95% 'Graphik-Medium-Cy', sans-serif; }
}