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

/* BASE */
.lp-fullwidth { overflow: hidden; background-color: #000; }
.lp-container--mid { width: 100%; max-width: 1440px; margin: 0 auto; position: relative; padding: 0 60px; box-sizing: border-box; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lp-container { width: 100%; max-width: 932px; margin: 0 auto; position: relative; padding: 0 10px; box-sizing: border-box; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lp-fullwidth img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; }

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--blue { background-color: #378BE7; }
.lp-btn--blue:hover { background-color: #327ED1; }
.lp-btn--blue:active { background-color: #2865A7; }
.lp-btn--pink { background-color: #E64C8F; }
.lp-btn--pink:hover { background-color: #B83D72; }
.lp-btn--pink:active { background-color: #93315B; }
.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; }

/* BILLBOARD */
.lp-billboard { max-width: 100%; margin: 0 auto; }

/* SECTION */
.lp-section { }
.lp-section__titleImg { margin: 0 auto; }
.lp-section__logo { margin-bottom: 10px; }
.lp-section__title { font: 500 32px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.012em; color: #fff; text-align: center; margin-bottom: 15px; position: relative; }
.lp-section__descr { font: 500 12px/16px 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.012em; color: #999; text-align: center; margin-top: 3px; position: relative; }
.lp-section__img {}
.lp-section__footernote { font: 400 7px/10px 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.012em; color: #999; position: relative; }

.lp-section--01 { margin: 100px auto 0; }
.lp-section__titleImg--01 { max-width: 583px; }
.lp-section__img--01 { margin-top: 50px; }
.lp-section--02 { margin: 90px auto 0; }
.lp-section__img--02 { margin-top: 40px; }
.lp-section--03 { margin: 90px auto 0; }
.lp-section--03 .lp-section__title { margin-bottom: 45px; }
.lp-section--04 { margin: 100px auto 0; }
.lp-section__titleImg--04 { max-width: 708px; }
.lp-section__img--04 { margin: 15px auto; }
.lp-section--04 .lp-section__descr { max-width: 440px; margin: 0 auto; }
.lp-section--05 { margin: 100px auto 0; }
.lp-section__img--05 { margin: 45px auto 20px; }
.lp-section__img--display {}
.lp-section--06 { margin: 60px auto 0; position: relative; }
/*.lp-section--06:before { display: block; width: 960px; height: 1488px; content: ' '; position: absolute; left: -50%; top: 50%; transform: translate(0,-50%); background: transparent url('https://static.re-store.ru/promo/huawei-mate-xt/images/blur.jpg') 0 0 no-repeat; background-size: 100% 100%; }*/
.lp-section--07 { margin: 75px auto 0; }
.lp-section__titleImg--07 { max-width: 684px; }
.lp-section--08 { margin: 75px auto 0; }
.lp-section__titleImg--08 { max-width: 655px; }
.lp-section--08 .lp-section__descr { max-width: 560px; margin: 40px auto 0; }
.lp-section__titleImg--photo { margin-top: 80px; }
.lp-section--09 { margin: 80px auto; }
.lp-section__img--09 { margin:-5% -10% -10%; }
.lp-section--09 .lp-section__descr { max-width: 450px; margin: 3px auto; }

/* COLORS */
.lp-colors { 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: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 15px; align-items: flex-start; }
.lp-colors + div.lp-colors { margin-top: 15px; }
.lp-colors-item {}
.lp-colors-item__img { border-radius: 10px; overflow: hidden; }
.lp-colors-item__img + div.lp-colors-item__img { margin-top: 15px; }
.lp-colors-item__descr { font: 500 12px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.012em; color: #fff; margin-top: 10px; }

/* FOLD */
.lp-fold { margin: 70px auto 0; 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: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 25px; align-items: flex-start; }
.lp-fold-item {}
.lp-fold-item__img { border-radius: 10px; overflow: hidden; }
.lp-fold-item__descr { font: 500 12px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.012em; color: #fff; margin-top: 10px; }

/* FOLD DESIGN */
.lp-folddesign { max-width: 780px; margin: 0 auto; 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: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 30px; align-items: center;}
.lp-folddesign-col { width: calc(50% - 15px); }
.lp-folddesign .lp-section__title { text-align: left; }
.lp-folddesign .lp-section__descr { text-align: left; }

/* FEATURES */
.lp-features { margin: 35px auto 0; 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: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 15px; align-items: flex-start; }
.lp-features-item__img { border-radius: 10px; overflow: hidden; }

/* BANNER TOPLINE */
.lp-topline { position: -webkit-sticky; position: sticky; top: 123px; 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: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 50px; align-items: center; padding: 16px 25px; box-sizing: border-box; background-color: #fff; z-index: 1000; -webkit-transition: top 0.25s; transition: top 0.25s; }
.lp-topline__title { width: 744px; }








@media (hover: hover) { }

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

@media only screen and (max-width: 1100px) {
    /* BANNER TOPLINE */
    .header--float { top: 0!important; }
    .lp-topline {  top: 61px; }
}

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

@media only screen and (max-width: 768px) {
    /* BASE */
    .lp-container { width: 100%; max-width: 500px; }
    .lp-desktop { display: none; }
    .lp-mobile { display: block; }

    /* SECTION */
    .lp-section__logo { margin-bottom: 15px; }
    .lp-section__titleImg { margin-bottom: 10px; }
    .lp-section__title { max-width: 300px; font: 500 20px/100% 'Graphik-Medium-Cy', sans-serif; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
    .lp-section__descr { max-width: 300px; margin: 0 auto; font: 500 12px/100% 'Graphik-Medium-Cy', sans-serif; }
    .lp-section__footernote { font: 400 12px/100% 'Graphik-Regular-Cy', sans-serif; }

    .lp-section--01 { margin: 50px auto 0; }
    .lp-section__titleImg--01 { max-width: 177px; }
    .lp-section__img--01 { margin: 50px 20px; }
    .lp-section--02 { margin: 50px auto 0; }
    .lp-section__img--02 { margin-top: 30px; }
    .lp-section--03 { margin: 45px auto 0; }
    .lp-section--03 .lp-section__title { margin-bottom: 30px; }
    .lp-section--04 { margin: 50px auto 0; }
    .lp-section__titleImg--04 { max-width: 215px; }
    .lp-section__img--04 { margin: 15px -10px 0; }
    .lp-section--04 .lp-section__descr { max-width: 300px; }
    .lp-section--05 { margin: 50px auto 0; }
    .lp-section__img--05 { margin: 30px -10px 20px; }
    .lp-section__img--display {}
    .lp-section--06 { margin: 50px auto 0; }
    .lp-section--07 { margin: 50px auto 0; }
    .lp-section__titleImg--07 { max-width: 206px; }
    .lp-section--08 { margin: 75px auto 0; }
    .lp-section__titleImg--08 { max-width: 220px; }
    .lp-section--08 .lp-section__descr { max-width: 560px; margin: 40px auto 0; }
    .lp-section__titleImg--photo { margin-top: 50px; }
    .lp-section--09 { margin: 50px auto; }
    .lp-section__img--09 { margin:-5% -10% -10%; }
    .lp-section--09 .lp-section__descr { max-width: 300px; margin: 3px auto; }

    /* COLORS */
    .lp-colors { -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: 25px; }
    .lp-colors + div.lp-colors { margin-top: 25px; }
    .lp-colors-item__descr { font: 500 12px/100% 'Graphik-Medium-Cy', sans-serif;  margin-top: 13px; }

    /* FOLD */
    .lp-fold { max-width: 287px; margin: 30px auto 0; -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: 25px; }
    .lp-fold-item__descr { text-align: center; }

    /* FOLD DESIGN */
    .lp-folddesign { max-width: 780px; margin: 0 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: 25px; }
    .lp-folddesign-col { width: 100%; }
    .lp-folddesign .lp-section__title { text-align: center; }
    .lp-folddesign .lp-section__descr { text-align: center; }

    /* FEATURES */
    .lp-features { max-width: 287px; margin: 35px auto 0; -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: 25px; }

}

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