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

/* LAYOUT */
.lp-fullwidth { overflow: hidden; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lp-container { max-width: 1440px; margin: 0 auto; box-sizing: border-box; position: relative; padding: 0 56px; box-sizing: border-box; }
.lp-container img { display: block; max-width: 100%; }
.limiter-inner { max-width: 100%; width: 100%; display: block!important; }
.lp-tabletShow { display: none; }
.lp-mobShow { display: none; }
.lp-container--fullwidth h1, .lp-container--fullwidth h2 { margin: 0; padding: 0; }
.lp-container--fullwidth a[id] { scroll-margin-top: 50px; }

/* BUTTON */
.lp-btn-group { text-align: center; margin: 56px auto 0; }
.lp-btn { display: inline-block; font: 400 20px/23px Arial, sans-serif; color:#000; background-color: #fff; padding: 13px 70px; border: 1px solid #000; box-sizing: border-box; text-decoration: none; -o-transition: background-color .3s; -ms-transition: background-color .3s; -moz-transition: background-color .3s; -webkit-transition: background-color .3s; transition: background-color .3s; }
.lp-btn:hover { background-color: #f7f7f7; }
.lp-btn--black { color:#fff; background-color: #000; }
.lp-btn--black:hover { background-color: #2d2a2a; }

/* BILLBOARD */
.lp-billboard { height: 600px; overflow: hidden; position: relative; }
.lp-billboard__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.lp-billboard__video iframe { position: absolute; top: 50%; left: 50%; width: max(100vw, calc(600px * 16 / 9)); height: max(600px, calc(100vw * 9 / 16)); min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); }

/* SECTION */
.lp-section { margin: 120px auto; }
.lp-section:first-child { margin: 56px auto 120px; }
.lp-section:last-child { margin: 120px auto 56px; }
.lp-section__cover {  }
.lp-section__cover-video { position: relative; overflow: hidden; }
.lp-section__cover-mid { max-width: 760px; margin: 0 auto; }
.lp-section__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.lp-section__video iframe { position: absolute; top: 50%; left: 50%; width: max(100vw, calc(103vh * 16 / 9)); height: max(100vh, calc(100vw * 9 / 16)); min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); pointer-events: none;  }
.lp-section__wrapper {}
.lp-section__title { font: normal 60px/70px 'Bezier Sans', Arial, sans-serif; color: #000; margin: 0; padding: 0; }
.lp-section__title ~ .lp-section__descr { margin-top: 32px; }
.lp-section__descr {}
.lp-section__descr p { font: 400 16px/22px Arial, sans-serif; color: #000; padding: 0; margin: 0; }
.lp-section__wrapper ~ .lp-product-group { margin-top: 32px; }
.lp-section__cover-mid ~ .lp-product-group { margin-top: 24px; }
.lp-section__wrapper ~ .lp-section__cover { margin: 32px auto; }
.lp-section__head { margin-bottom: 56px; text-align: center; }
.lp-section__head-mid { max-width: 760px; margin: 0 auto 56px; }

.lp-section-row { 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: 24px; }
.lp-section-row .lp-section-col { width: calc(50% - 12px); }

.lp-section-row-1 { 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: 24px; }
.lp-section-row-1--reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.lp-section-row-1 .lp-section-coltext { width: 314px; }
.lp-section-row-1 .lp-section-colmedia { width: calc(100% - 24px - 314px); }

.lp-section-row-2 { 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: 24px; }
.lp-section-row-2--center { align-items: center; }
.lp-section-row-2--reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.lp-section-row-2 .lp-section-coltext { width: 652px; }
.lp-section-row-2 .lp-section-colmedia { width: calc(100% - 24px - 652px); }

/* PRODUCT */
.lp-product-group { 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: 24px; }
.lp-product-group .lp-product { width: 314px; }
.lp-product { display: block; color: #231919; text-decoration: none; }
.lp-product__img {}
.lp-product__wrapper { margin-top: 12px; position: relative; padding-right: 40px; box-sizing: border-box; }
.lp-product__name { font: 400 16px/120% Arial, sans-serif; }
.lp-product__price { font: 400 16px/20px Arial, sans-serif; margin-top: 6px; }
.lp-product__btnbuy { display: block; width: 40px; height: 40px; position: absolute; top:0; right: 0; background: transparent url('/promo/arcadia/images/btn-buy.png') 0 0 no-repeat; background-size: 100% auto; }
.lp-product-group--noprice .lp-product__price { display: none; }

/* SLIDER */
.lp-slider-container { position: relative; padding: 0; margin: -96px auto 0; }
.lp-slider-container .swiper { margin: 0 36px; }
.lp-slider-container .swiper-slide { width: 296px; }
.lp-slider-container .swiper-button-next, .lp-slider-container .swiper-button-prev { width: 36px; height: 48px; top: 50%; -webkit-tap-highlight-color: transparent; transform: translate(0,-50%); }
.lp-slider-container .swiper-button-next:focus, .lp-slider-container .swiper-button-prev:focus {outline: none; box-shadow: none; }
.lp-slider-container .swiper-button-next:focus-visible, .lp-slider-container .swiper-button-prev:focus-visible {outline: none; box-shadow: none; }
.lp-slider-container .swiper-button-prev { left: 0; background: transparent url('/promo/arcadia/images/slider-arrow-left.png') center center repeat; background-size: 100% auto; }
.lp-slider-container .swiper-button-next { right: 0; background: transparent url('/promo/arcadia/images/slider-arrow-right.png') center center repeat; background-size: 100% auto; }
.lp-slider-container .swiper-button-next:after, .lp-slider-container .swiper-button-prev:after { display: none; }
.lp-slider-container .swiper-button-next:hover, .lp-slider-container .swiper-button-prev:hover { opacity: .85; }
.lp-slider-container {}
.lp-slider-container .swiper-navigation-icon { display: none; }
.lp-slider-container .swiper-button-disabled { visibility: initial; }
.lp-slider-container .swiper-pagination-bullets { bottom: 0; display: none; }
.lp-slider-container .swiper-pagination-bullet { background: #000; opacity: .2; }
.lp-slider-container .swiper-pagination-bullet-active { background: #000; opacity: 1; }

/* CATEGORY */
.lp-cat-group { 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: 16px; }
.lp-cat { width: calc(25% - 12px); text-align: center; color: #000; text-decoration: none; }
.lp-cat__img {}
.lp-cat__title { font: 400 28px/36px Arial, sans-serif; margin-top: 16px; }

/* BANNER FULLWIDTH */
.lp-banner-fullwidth {}
.lp-banner-fullwidth img {}











@media only screen and (max-width: 1440px) {
    /* BANNER FULLWIDTH */
    .lp-banner-fullwidth { height: 600px; position: relative; }
    .lp-banner-fullwidth img { width: 100%; height: 100%; object-fit: cover; }
}

@media only screen and (max-width: 1200px) {
    /* LAYOUT */
    .lp-container { padding: 0 16px; }
}

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

@media only screen and (max-width: 1024px) {
    /* LAYOUT */
    .lp-tabletHide { display: none; }
    .lp-tabletShow { display: block; }

    /* SECTION */
    .lp-section__cover { max-width: 760px; margin: 0 auto; }
    .lp-section__wrapper { max-width: 760px; margin: 0 auto; }
    .lp-section__wrapper--tabletMid { max-width: 652px; text-align:center; }
    .lp-section-row-1 { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .lp-section-row-1 .lp-section-coltext { width: 100%; }
    .lp-section-row-1 .lp-section-colmedia { width: 100%; }
    .lp-section-row-2 { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; }
    .lp-section-row-2 .lp-section-coltext { width: 100%; }
    .lp-section-row-2 .lp-section-colmedia { width: 100%; }
}


@media only screen and (max-width: 768px) {
    /* LAYOUT */
    .lp-mobHide { display: none; }
    .lp-mobShow { display: block; }

    /* SECTION */
    .lp-section__wrapper { text-align: center; }
    .lp-section__cover { max-width: initial; margin: 0 -16px; }
    .lp-section__wrapper + .lp-section__cover { margin: 32px -16px; }
    .lp-section-row { margin: 0 -16px; }
    .lp-section-row .lp-section__cover { margin: 0; }

}

@media only screen and (max-width:600px) {
    /* SECTION */
    .lp-section__head { margin-bottom: 32px; text-align: center; }
    .lp-section__head .lp-section__title { font: normal 38px/48px 'Bezier Sans', Arial, sans-serif; }

    .lp-section-row { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 14px; }
    .lp-section-row .lp-section-col { width: 100%; }

    /* SLIDER */
    .lp-slider-container { max-width: 375px; }
    .lp-slider-container .swiper { padding-bottom: 24px; }
    .lp-slider-container .swiper-slide { width: 100%; }
    .lp-slider-container .swiper-pagination-bullets { display: block; }

    /* CATEGORY */
    .lp-cat { width: calc(50% - 8px); }
    .lp-cat__title { font: 400 24px/30px Arial, sans-serif; }
}

@media only screen and (max-width: 360px) {
    /* SECTION */
    .lp-section__head .lp-section__title { font: normal 30px/36px 'Bezier Sans', Arial, sans-serif; }
}