/* 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: 1280px; 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; }
.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; }

/* STEPS */
.lp-steps-group__title { font: 500 48px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.68px; color: #000; text-align: left; margin-bottom: 60px; }
.lp-steps-group { 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-steps { min-width: 280px; -webkit-box-flex: 0; -ms-flex: 1 0 calc(33.333333% - 8px); flex: 1 0 calc(33.333333% - 8px); padding: 32px 32px 44px; box-sizing: border-box; background-color: #F5F5FA; color: #000; border-radius: 8px; text-align: center; }
.lp-steps__number { margin: 0 0 12px; font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; color: #000; }
.lp-steps__title { font: 500 18px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.45px; color: #000; }
.lp-steps a { color: #000; text-decoration: none; }
.lp-steps a:hover { color: #000; text-decoration: underline; }

/* VYGODA */
.lp-vygoda { background-color: #F5F5FA; color: #000; border-radius: 8px; padding: 24px; box-sizing: border-box; }
.lp-vygoda__title { font: 500 48px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.68px; }
.lp-vygoda__decsr { margin: 12px 0; font: 400 20px/105% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; }
.lp-vygoda .lp-btn {}

/* SET */
.lp-set-container {}
.lp-set-container__title { font: 500 48px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.68px; color: #000; text-align: center; margin-bottom: 36px; }
.lp-set-group { 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: 60px; }
.lp-set { color: #000; }
.lp-set__title { font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; }
.lp-set__descr { margin-top: 10px; font: 400 18px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.45px; }
.lp-set-imggroup { margin: 32px 0 18px; 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: 12px; align-items: center; }
.lp-set-img { background-color: #F5F5FA; border-radius: 8px; overflow: hidden; }
.lp-set-img img { -webkit-transition: 0.25s; transition: 0.25s; }
.lp-set-img:hover img { transform: scale(1.05); -webkit-transition: 0.25s; transition: 0.25s; }
.lp-set-plus { font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; color: #000; text-align: center; }
.lp-set-plus--hide {}
.lp-set-examples { color: #000; }
.lp-set-examples__title { font: 500 16px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.4px; margin-bottom: 12px; }
.lp-set-examples__descr { font: 400 16px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; }
.lp-set-examples__descr p { font: 400 16px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; margin-top: 6px; }
.lp-set-examples__descr p:first-child { margin-top: 0; }
.lp-set a { color: #000; text-decoration: underline; }
.lp-set a:hover { color: #000; text-decoration: underline; }

.lp-set-itemgroup { margin-top: 32px; 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: 12px; align-items: stretch; }
.lp-set-item { padding: 30px 30px 20px 20px; box-sizing: border-box; background-color: #F5F5FA; border-radius: 8px; overflow: hidden; 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; gap: 30px; flex: 0 1 100%; }
.lp-set-item__img { margin: auto; }
.lp-set-item__img img { display: block; max-width: 100%; margin: 0 auto; }
.lp-set-item__img--product img { width: auto; max-height: 260px; }
.lp-set-item__img--care-screen img { width: auto; max-height: 248px; }
.lp-set-item__img--settings img { width: auto; max-height: 248px; }
.lp-set-item__descr { font: 400 16px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; }
.lp-set-item__descr a { color: #000; text-decoration: underline; }
.lp-set-item__descr a:hover { color: #000; text-decoration: underline; }
.lp-set-itemgroup .lp-set-plus { margin: auto; }

/* FOOTERNOTE */
.lp-footernote { font: 400 16px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; color: #000; }
.lp-footernote a { color: #000; text-decoration: underline; }
.lp-footernote a:hover { color: #000; text-decoration: underline; }

/* TAB SECTION */
.lp-section-tabs { margin: 0; }
.lp-section-tabs__content { display: none; }
.lp-section-tabs__content.active { display: block; }
.lp-section-tabs__caption { 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; margin: 0 0 80px; }
.lp-section-tabs__caption li { font: 400 16px/24px 'Graphik-Regular-Cy', sans-serif; display: inline-block; margin: 0; text-align: center; padding: 12px 24px; box-sizing: border-box; color: #151515; cursor: pointer; transition: all 0.3s; position: relative; background-color: #F0F0F5; border-radius: 6px; }
.lp-section-tabs__caption li.active {  font: 500 16px/24px 'Graphik-Medium-Cy', sans-serif; background-color: #E64C8F; color: #fff; }







@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: 40px auto; }
    /* STEPS */
    .lp-steps-group__title { font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; text-align: center; margin-bottom: 20px; }
    .lp-steps-group { }
    .lp-steps { min-width: 280px; padding: 32px 20px 44px; }
    .lp-steps__number { font: 500 22px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.55px; }
    .lp-steps__title { font: 500 16px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.4px; }
    /* VYGODA */
    .lp-vygoda { margin: 0 -15px; padding: 20px; border-radius: 0; }
    .lp-vygoda__title { font: 500 30px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.05px; }
    .lp-vygoda__decsr { margin: 8px 0 20px; font: 400 16px/110% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; }

    /* SET */
    .lp-set-container {}
    .lp-set-container__title { font: 500 38px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; margin-bottom: 28px; }
    .lp-set-group { gap: 28px; }
    .lp-set { padding: 24px 0; box-sizing: border-box; }
    .lp-set__title { font: 500 30px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.05px; }
    .lp-set__descr { font: 400 16px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; }
    .lp-set-imggroup { margin: 30px 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 20px; }
    .lp-set-img { width: calc(50% - 10px); }
    .lp-set-plus { width: 100%; font: 500 16px/20px 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.4px; }
    .lp-set-plus--hide { display: none; }
    .lp-set-examples__title { font: 500 14px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.35px; margin-bottom: 6px; }
    .lp-set-examples__descr { font: 400 14px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.35px; }
    .lp-set-examples__descr p { font: 400 14px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.35px; }

    .lp-set-itemgroup { margin-top: 30px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 7px; }
    .lp-set-item { gap: 20px; }
    .lp-set-item__img--product img { width: auto; max-height: 200px; }
    .lp-set-item__img--care-screen img { width: auto; max-height: 214px; }
    .lp-set-item__img--settings img { width: auto; max-height: 188px; }
    .lp-set-item__descr { font: 400 14px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.35px; }

    /* FOOTERNOTE */
    .lp-footernote { font: 400 14px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.35px; }

}

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