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

/* BASE */
.lp-container--fullwidth { background-color: #fff; overflow: hidden; }
.lp-container { width: 100%; max-width: 1480px; margin: 0 auto; position: relative; padding: 0 20px; box-sizing: border-box; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lp-container-medium { max-width: 950px; margin: 0 auto; }

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

/* BANNER */
.lp-banner { display: block; margin: 60px auto; overflow: hidden; border-radius: 10px; }

/* SECTION */
.lp-section { margin: 60px auto; position: relative; }
.lp-section__title { font: 600 48px/100% 'Roboto'; color: #000; margin-bottom: 40px; }
.lp-section__body {}
.lp-section__titleMid { font: 600 30px/120% 'Roboto'; color: #000; margin: 20px auto; }

/* HEAD */
.lp-head { margin: 0 auto; text-align: center; color: #000; position: relative; }
.lp-head__bigtitle { font: 600 48px/56px 'Roboto'; }
.lp-head__title { font: 600 48px/100% 'Roboto'; }
.lp-head__descr { font: normal 32px/100% 'Roboto'; margin-top: 15px; }

/* ROW */
.lp-row { margin: 60px auto; position: relative; 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: 0 20px; }
.lp-row--features { margin: 20px auto; }
.lp-row--big { margin: 60px auto 0; }
.lp-col {}
.lp-col-50 { width: calc(50% - 10px); }
.lp-col-53 { width: calc(52.6% - 10px); }
.lp-col-47 { width: calc(47.3% - 10px); }
.lp-row--3col .lp-col { width: calc(33.33333333% - 27px); }
.lp-row--4col .lp-col { width: calc(25% - 30px); }
.lp-row--3colGift { margin: 40px auto 20px; gap: 20px; }
.lp-row--3colGift .lp-col { width: calc(33.33333333% - 14px); }

/* HEAD */
.lp-head { margin: 0 auto; text-align: center; color: #000; position: relative; }
.lp-head__subtitle { font: 600 30px/100% 'Roboto'; color: #FF6700; margin-bottom: 10px; }
.lp-head__bigtitle { font: 600 48px/56px 'Roboto'; }
.lp-head__title { font: 600 48px/100% 'Roboto'; }
.lp-head__descr { font: normal 32px/100% 'Roboto'; margin-top: 15px; }
.lp-head--left .lp-head__descr { text-align: left; }
.lp-head__bigtitle + div.lp-head__title { margin-top: 20px; }
.lp-head__bigtitle + div.lp-head__bigtitle { margin-top: 20px; }

/* MID PRODUCT */
.lp-productMid { margin: 0; color: #000; text-decoration: none; background-color: #000; border-radius: 10px; 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; align-items: center; gap: 10px; position: relative; overflow: hidden; }
.lp-productMid__img { width: 100%; }
.lp-productMid__wrapper { width: 100%; padding: 30px 10px 0 30px; box-sizing: border-box; }
.lp-productMid__title { font: bold 20px/100% 'Roboto'; }
.lp-productMid__details { font: normal 18px/24px Arial, sans-serif; letter-spacing: 0.36px; margin-top: 8px; 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: 8px; }
.lp-productMid__price { font-weight: bold; }
.lp-productMid__price-old { text-decoration: line-through; }
.lp-productMid__btnbuy { font-weight: bold; position: relative; padding-right: 14px; box-sizing: border-box; }
.lp-productMid__btnbuy:after { display: block; width: 8px; height: 9px; content: ' '; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); background: transparent url('/promo/bf2024/images/arrow.svg') 0 0 no-repeat; background-size: 100% auto; }
.lp-productMid__btnbuy:hover { text-decoration: underline; }

/* UNIT */
.lp-unit { border-radius: 10px; overflow: hidden; }
.lp-unit + div.lp-unit { margin-top: 20px; }

/* FOOTERNOTE */
.lp-footernote { margin: 40px auto; font: normal 14px/100% 'Roboto'; color: #000; }

/* SLIDER */
.lp-slider-box { position: relative; z-index: 1; }
.lp-slider-box .swiper { padding-top: 0; }
.lp-slider-box .swiper-slide { width: 302px; }

.lp-slider-box  .swiper-button-next, .lp-slider-box  .swiper-button-prev { width: 40px; height: 40px; top: 64px; -webkit-tap-highlight-color: transparent; transform: translate(0,0); }
.lp-slider-box  .swiper-button-next:focus, .lp-slider-box  .swiper-button-prev:focus {outline: none; box-shadow: none; }
.lp-slider-box  .swiper-button-next:focus-visible, .lp-slider-box  .swiper-button-prev:focus-visible {outline: none; box-shadow: none; }
.lp-slider-box  .swiper-button-prev { left: initial; right: 90px; background: transparent url('/promo/xiaomi-x20-max/images/arrow-left.png') center center repeat; background-size: 100% auto; }
.lp-slider-box  .swiper-button-next { left: initial; right: 40px; background: transparent url('/promo/xiaomi-x20-max/images/arrow-right.png') center center repeat; background-size: 100% auto; }
.lp-slider-box  .swiper-button-next:after, .lp-slider-box  .swiper-button-prev:after { display: none; }
.lp-slider-box  .swiper-button-next:hover, .lp-slider-box  .swiper-button-prev:hover { opacity: .85; }

/* STATION */
.lp-station-container { margin: 60px auto 0; border-radius: 20px; background-color: #000; }
.lp-station { padding:40px; box-sizing: border-box; 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: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; }
.lp-station-wrapper { color: #fff; margin-right: 160px; }
.lp-station__title { font: 600 30px/120% 'Roboto'; }
.lp-station__title + div.lp-station__title { margin-top: 10px; }
.lp-station__descr { font: normal 16px/100% 'Roboto'; margin-top: 15px; }
.lp-station__img { border-radius: 20px; overflow: hidden; }
.lp-station--01 { padding: 40px 40px 0 40px; }








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

@media (max-width: 980px) {
    /* SLIDER */
    .lp-slider-box { margin-top: 80px; }
}

@media only screen and (max-width: 768px) {
    .lp-desktop { display: none!important; }
    /* BANNER */
    .lp-banner {margin: 30px auto 0; }
    /* BILLBOARD */
    .lp-billboard { margin: 0 -20px; }
    /* ROW */
    .lp-row { margin: 30px auto; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .lp-row--features { margin: 20px auto; }
    .lp-row--big { margin: 30px auto 0; }
    .lp-col { margin-top: 20px; }
    .lp-col:first-child { margin-top: 0; }
    .lp-col-50 { width: auto; }
    .lp-col-53 {  width: auto; }
    .lp-col-47 {  width: auto; }
    .lp-row--3col { gap: 20px; }
    .lp-row--3col .lp-col { width: 100%; margin-top: 0; }
    .lp-row--4col .lp-col { width: 100%; }
    .lp-row--3colGift { margin: 30px auto 20px; gap: 0; }
    .lp-row--3colGift .lp-col { width: 100%; }
    /* SECTION */
    .lp-section { margin: 30px auto; position: relative; }
    .lp-section__title { font: 600 30px/120% 'Roboto'; color: #000; margin-bottom: 30px; }
    .lp-section__titleMid { font: 600 21px/120% 'Roboto'; }
    /* BANNER */
    .lp-banner { margin: 30px auto; }
    /* HEAD */
    .lp-head { margin: 0 auto; text-align: center; color: #000; position: relative; }
    .lp-head__subtitle { font: 600 16px/100% 'Roboto'; }
    .lp-head__bigtitle { font: 600 32px/38px 'Roboto'; }
    .lp-head__title { font: 600 30px/100% 'Roboto'; }
    .lp-head__descr { font: normal 16px/100% 'Roboto'; margin-top: 10px; }
    /* SLIDER */
    .lp-slider-box .swiper-slide { }
    .lp-slider-box .swiper { padding-top: 100px; }
    .lp-slider-box  .swiper-button-next, .lp-slider-box  .swiper-button-prev { top: 54px; }
    .lp-slider-box  .swiper-button-prev { right: 80px; }
    .lp-slider-box  .swiper-button-next { right: 30px; }
    /* STATION */
    .lp-station-container { margin: 30px auto 0; }
    .lp-station { padding:30px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 30px; }
    .lp-station-wrapper { width: 100%; margin-right: 0; }
    .lp-station__title { font: 600 21px/120% 'Roboto'; }
    .lp-station__descr { font: normal 16px/120% 'Roboto'; margin-top: 15px; }
    .lp-station__img { width: 100%; }
    .lp-station--01 .lp-station__img { margin: 0 -30px -30px -30px; }

}

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

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