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

/* BASE */
.lp-fullwidth { }
.lp-container-fullwidth { overflow: hidden; }
.lp-container { width: 100%; max-width: 1320px; 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; }
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; max-width: 170px; width: 100%; }
.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; }

/* BILLBOARD */
.lp-billboard { position: relative; }
.lp-billboard__cover { }

/* SECTION */
.lp-section { margin: 120px auto; }
.lp-section--scribe { background-color: #F5F3EF; padding: 80px 0; box-sizing: border-box; }

/* NAV */
.lp-nav { position:-webkit-sticky; position:sticky; top: 123px; z-index: 999; 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: 12px; background-color: #fff; padding: 20px 15px; box-sizing: border-box; margin: 0; }
.lp-nav__item { font: 400 14px/20px 'Graphik-Regular-Cy', sans-serif; padding: 10px 24px; box-sizing: border-box; color:#242424; background-color: #F0F0F5; text-align: center; cursor: pointer; border-radius: 6px; -webkit-transition: 0.25s; transition: 0.25s; text-decoration: none; }
.lp-nav__item:hover { background-color: #F0F0F5; opacity: .85; }
.lp-nav__item:active { background-color: #F0F0F5; }

/* HEAD PRODUCT */
.lp-headProduct { color: #0F1111; }
.lp-headProduct-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: 20px; }
.lp-headProduct-col:first-child { width: calc(45% - 10px); }
.lp-headProduct-col:last-child { width: calc(55% - 10px); }
.lp-headProduct__wrapper { }
.lp-headProduct__title { font: 500 48px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.68px; }
.lp-headProduct__subtitle { font: 500 30px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.05px; margin-top: 16px; }
.lp-headProduct__body {}
.lp-headProduct__descr { font: 400 20px/135% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; }
.lp-headProduct__btnbuy { display: inline-block; font: 400 16px/24px 'Graphik-Regular-Cy', sans-serif; margin-top: 16px; color: #E64C8F; text-decoration: none; }
.lp-headProduct__btnbuy:hover { text-decoration: underline; }

/* COVER PRODUCT */
.lp-coverProduct { margin: 24px auto; }
.lp-coverProduct__media { border-radius: 8px; overflow: hidden; position: relative; }
.lp-coverProduct__body { display: none; margin-top: 24px; text-align: center; }
.lp-coverProduct__descr { font: 400 16px/130% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; }
.lp-coverProduct__btnbuy { display: inline-block; font: 400 16px/24px 'Graphik-Regular-Cy', sans-serif; margin-top: 16px; color: #E64C8F; text-decoration: none; }
.lp-coverProduct__video { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.lp-coverProduct__video video { object-fit: cover; height: 100%; }

/* SLIDER */
.lp-slider-features-container { margin: 0 auto; position: relative; }
.lp-slider-features-container .swiper { overflow: initial; }
.lp-slider-features-container .swiper-slide { height: auto; width: 416px; }
.lp-slider-features-container .swiper-scrollbar-drag { background: #FF5BB9; }
.lp-slider-features-container .swiper-scrollbar { position: relative; left: initial; bottom: initial; z-index: 50; height: 4px; width: 100%; margin: 48px 0 0; }
.lp-slider-features-container .swiper-scrollbar { background: #fadff0; }

/* FEATURES PRODUCT */
.lp-featuresProduct { color: #0F1111; }
.lp-featuresProduct__wrapper { padding-right: 20px; box-sizing: border-box; }
.lp-featuresProduct__img { border-radius: 8px; overflow: hidden; position: relative; }
.lp-featuresProduct__title { margin: 24px 0 20px; font: 500 30px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.05px; }
.lp-featuresProduct__descr { font: 400 16px/24px 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; }
.lp-featuresProduct__video { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.lp-featuresProduct__video video { object-fit: cover; height: 100%; }

/* COMPARE */
.lp-compare { }
.lp-compare-head { padding: 0 70px; box-sizing: border-box; margin-bottom: 60px; color: #000; }
.lp-compare__subtitle { font: 500 18px/120% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.18px; }
.lp-compare__title { font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; margin-top: 10px; }
.lp-compare-rowgroup { 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: 20px; }
.lp-compare-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: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 80px; }
.lp-compare-col { min-height: 36px; width: 180px; min-width: 180px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.lp-compare__head { font: 400 16px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; }
.lp-compare__caption { font: 500 18px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.45px; text-align: center; }

.lp-compare-product { text-align: center; margin-bottom: 20px; }
.lp-compare-product__title { font: 500 14px/120% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.14px; margin-bottom: 9px; }
.lp-compare-product__separator { height: 1px; background-color: #D6D6D6; margin: 0 5px; }
.lp-compare-product__img { margin: 40px 0 20px; }
.lp-compare-product__color { margin: 20px 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: 5px; }
.lp-compare-product__color span { width: 12px; height: 12px; border-radius: 100%; }
.lp-compare-product__btnbuy { display: inline-block; margin: 20px 0 40px; font: 400 16px/24px 'Graphik-Regular-Cy', sans-serif; color: #E64C8F; text-decoration: none; }
.lp-compare-product__btnbuy:hover { text-decoration: underline; }

/* BAR */
.lp-compare-bar { padding: 0 70px; box-sizing: border-box; overflow: auto; position: relative;  }
.lp-compare-bar .simplebar-track.simplebar-horizontal { border-radius: 10px; height: 4px; background: #fadff0;margin: 40px 0 0 0; position: relative; }
.lp-compare-bar .simplebar-scrollbar:before { border-radius: 10px; background: #FF5BB9; opacity: 1!important; top: 0; bottom: 0; left: 0; right: 0; }










@media (hover: hover) {}

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

@media only screen and (max-width: 1100px) {
    /* NAV */
    .lp-nav { top: 0;  z-index: 1000; }
}

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

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


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


@media only screen and (max-width: 768px) {
    /* BASE */
    .lp-container { padding: 0 15px; }
    .lp-desktop { display: none; }
    .lp-mobile { display: block; }
    /* SECTION */
    .lp-section { margin: 60px auto; }
    .lp-section--scribe { padding: 24px 0; }
    /* HEAD PRODUCT */
    .lp-headProduct { }
    .lp-headProduct-row { gap:0; }
    .lp-headProduct-col:first-child { width: 100%; }
    .lp-headProduct-col:last-child { display: none; }
    .lp-headProduct__wrapper { text-align: center; }
    .lp-headProduct__title { font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; }
    .lp-headProduct__subtitle { font: 500 22px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.55px; }

    /* COVER PRODUCT */
    .lp-coverProduct__body { display: block; }

    /* SLIDER */
    .lp-slider-features-container .swiper-slide { width: 315px; }
    .lp-slider-features-container .swiper-scrollbar { margin: 20px 0 0; }

    /* FEATURES PRODUCT */
    .lp-featuresProduct__wrapper { }
    .lp-featuresProduct__img { }
    .lp-featuresProduct__title { margin: 16px 0 12px; font: 500 22px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.55px; }
    .lp-featuresProduct__descr { font: 400 16px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; }

    /* COMPARE */
    .lp-compare { }
    .lp-compare-head { padding: 0 20px; }
    .lp-compare__subtitle { font: 500 16px/120% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.4px; }
    .lp-compare__title { font: 500 30px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.05px; }
    /* BAR */
    .lp-compare-bar { padding: 0 40px; margin: 0 -20px; }
}

@media only screen and (max-width: 360px) {
    /* SLIDER */
    .lp-slider-features-container .swiper-slide { width: 280px; }
}