.banner_group{overflow:hidden;background-color:transparent;margin:0;position:relative;width:100%;margin-bottom:15px}
.banner_group.no_js{background-color:transparent;margin-bottom:0}
.banner_group__item{position:relative;height:100%;overflow:hidden;margin-bottom:0;margin-right:0!important;}
.banner_group.no_js .banner_group__item{background-color:#fff;margin-bottom:15px}
.banner_group__link{transition:all .3s;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.banner_group__link:hover + .banner_group__image{transform:scale(1.02)}
.banner_group__image img{display:block;height:100%;margin:0 auto;width:100%;position:relative;top:0;left:0;object-fit:cover}
.main_banner .banner_group__image{max-height:380px;transition:all .3s ease-out; width: 100%; height: 100%;}
.banner_group__variant1 .banner_group__content,.banner_group__variant2 .banner_group__content{max-width: 430px;text-align:center;height:100%; display: flex;}
.banner_group__variant1 .banner_group__text,.banner_group__variant2 .banner_group__text{margin:auto;width:100%;z-index:9;display:flex;align-items:center;flex-direction:column;justify-content:center}
.banner_group__title{    color: #2D333B;
    padding: 0;
    font-size: 55px;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 16px;}
.banner_group__annotation {
    font-size: 20px;
}
.banner_group__variant1 .banner_group__text.first_bn_text{top:15%}
.banner_group__variant1 .banner_group__text.third_bn_text{top:65%}
.banner_group__variant1 .banner_group__text.first_bn_text .banner_group__title{text-align:right}
.banner_group__variant1 .banner_group__text.third_bn_text .banner_group__title{text-align:left}
.banner_group__description{color:#222;padding:0;font-size:18px;line-height:1.6;font-weight:400;margin-bottom:30px}
.banner_group__variant3 .banner_group__title,.banner_group__variant4 .banner_group__title,.banner_group__variant3 .banner_group__description,.banner_group__variant4 .banner_group__description{color:#222}
.banner_group__variant2 .banner_group__title,.banner_group__variant2 .banner_group__description{background:#ffffffb3;padding:10px 20px}
.banner_group__variant3,.banner_group__variant4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
.banner_group__variant3 .banner_group__content,.banner_group__variant3 .banner_group__image,.banner_group__variant4 .banner_group__content,.banner_group__variant4 .banner_group__image{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;min-height:1px;-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.banner_group__variant3 .banner_group__image,.banner_group__variant4 .banner_group__image{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.banner_group__variant3 .banner_group__content,.banner_group__variant4 .banner_group__content{padding:3% 5%}
.banner_group__variant4{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.banner_advantages1{padding:80px 0;display:flex;justify-content:space-between;gap:20px}
.banner_advantages2{padding-top:50px;display:flex;justify-content:space-between;gap:20px}
.banner_products1_preview{width:370px}
.banner_products1_img img{border-radius:5px}
.banner_advantages1_item{max-width:515px;width:100%}
.banner_advantages2_item{max-width:530px;width:100%}
.banner_advantages2_item:hover .banner_advantages2_preview{box-shadow:0 6px 20px 0 #4c5d7d28}
.banner_advantages1_preview{min-height:120px;height:100%;position:relative;transition:.3s;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:10px;align-items:flex-start;flex-direction:column}
.banner_advantages2_preview{min-height:120px;height:100%;position:relative;transition:all .3s;padding:24px;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:center;justify-content:flex-start;gap:20px;align-items:flex-start;flex-direction:column;border:1px solid #F3F2F5;border-radius:10px;box-shadow:0 6px 20px 0 #4C5D7D0A;background:var(--bg)}
.banner_main2_item,.banner_main2_img img,.banner_main2_img picture{width:100%;border-radius:10px;position:relative;object-fit:cover;overflow:hidden;transition:all .3s ease-out}
.banner_main2_flex{gap:20px}
.banner_main2_img img, .banner_main2_img picture {display: flex; height: 100%;}
.banner_advantage1_top{display:flex;flex-direction:row;gap:15px;align-items:center}
.banner_about1_preview{position:relative;transition:.3s;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:80px}
.banner_about1_text{display:flex;flex-direction:column;gap:50px;max-width:760px}
.banner_about1_title{margin-bottom:0;color:var(--second-company-text)}
.banner_about1_img{max-width:810px;max-height:540px}
.banner_about1_img picture{max-height:540px}
.banner_about1_img img{border-radius:5px;border:10px solid #fff; height: 100%; object-fit: cover}
.banner_products1_img{position:relative}
.banner_about1_description{font-size:16px;font-weight:400;color:var(--basic-company-text);line-height:1.3}
.banner_advantages__item:hover .banner_advantages__preview{background:#fff;border-color:transparent;border-radius:4px;-webkit-box-shadow:0 5px 15px #00000059;-moz-box-shadow:0 5px 15px #00000059;box-shadow:0 5px 15px #00000059;z-index:3}
.banner_advantages__link:hover .banner_main2_img img{transform:scale(1.05)}
.banner_advantages__link{transition:all .3s}
.banner_advantages1_icon{min-width:55px;min-height:55px;text-align:center;background-color:#D1A883;border-radius:5px}
.banner_advantages2_icon{max-width:75px;max-height:75px;text-align:center}
.banner_advantages1_icon picture{display:flex;height:auto}
.banner_advantages__icon svg{width:55px;height:55px;color:var(--okay-basic-company)}
.banner_advantages__title,.banner_advantages__description{display:block;margin-top:5px;padding:0 10px;font-size:14px;font-weight:400;line-height:1.2;max-width:100%;color:#222}
.banner_advantages1_title,.banner_advantages2_title{font-size:20px;font-weight:500;color:var(--body-text)}
.banner_advantages1_description{font-size:16px;font-weight:400;max-width:440px;margin-left:auto}
.banner_advantages2_description{font-size:16px;font-weight:400;color:var(--body-text)}
.banner_about2_right{display:grid;grid-auto-rows:135px;grid-auto-columns:260px}
.banner_about2_first_img{grid-row:2 / 5;grid-column:1 / 3;z-index:20}
.banner_about2_second_img,.banner_about3_second_img{grid-row:1 / 4;grid-column:2 / 4}
.banner_about3_second_img{position:sticky;top:5px;height:fit-content}
.banner_about2_text,.banner_about3_text{display:flex;flex-direction:column;gap:30px;max-width:670px}
.banner_about2_preview,.banner_about3_preview{position:relative;transition:.3s;width:100%}
.banner_about3_right{display:grid;grid-auto-rows:190px;grid-auto-columns:210px}
.banner_about3_first_img{grid-row:2 / 4;grid-column:1 / 3;width:300px;height:fit-content}
.banner_about3_img img{border-radius:100%;border:8px solid #F5F5F5}
.about2_background_block{width:100%;height:100%;border:10px solid #fff;border-radius:5px;position:relative;overflow:hidden}
.background_about2{height:100%;display:flex;background-attachment:fixed;background-position:top right;background-repeat:repeat-y;background-size:68%}
.banner_subsc_preview{min-height:120px;position:relative;transition:all .3s;padding:30px;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:space-between;-webkit-justify-content:space-between;-ms-flex-pack:center;justify-content:space-between;gap:10px;align-items:center;flex-direction:column;border-radius:20px;overflow:hidden}
.banner_subsc_item{width:33.33%}
.banner_subscription{padding:10px 0 24px;display:flex;justify-content:space-between;gap:26px;align-items: stretch;}
.currency_bn{font-size:20px;font-weight:400}
.banner_subscription_description{font-size:16px;font-weight:400;color:#dadada;position:relative;text-align:center;flex-grow: 1;}
.banner_subscription_title{    font-size: 50px;
    font-weight: 600;
    color: var(--button-text);
    position: relative;
    margin-bottom: 0 !important;}
.banner_subscription_bg{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:100%;position:absolute;z-index:0}
.banner_subscription_link{position: relative;
    text-decoration: none;
    height: 50px;
    z-index: 50;
    width: fit-content;
    color: #fff;
    background: #00a112;
    border-radius: 150px;
    padding: 0 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all .3s ease-out;}
.banner_subsc_preview .fn_variants{z-index:50}
.banner_subscription_link:hover{background-color:#FDFDFD4D;color:var(--button-text)}
.banner_subscription_name{    font-size: 40px;
    border-bottom: 1px solid #ffffff2b;
    width: 100%;
    margin-right: auto;
    font-weight: 600;
    color: #c1e4eb;
    position: relative;
    font-family: 'Rubik';
    gap: 3px;}
.button--blick2::after{position:absolute;top:0;left:-75%;z-index:0;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,#fff0 0%,#ffffff1a 100%);background:linear-gradient(to right,#fff0 0%,#ffffff1a 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.button--blick2:hover:after{-webkit-animation:shine .75s;animation:shine .75s}
.banner_subsc_preview picture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.banner_subsc_preview picture img{width:100%;height:100%;object-fit:cover}
@media only screen and (max-width : 991px) {
.banner_group.no_js .banner_group__item{background-color:#fff;margin-bottom:10px}
}
@media only screen and (max-width : 767px) {
.banner_group__image img{width:100%!important}
.banner_group__variant2 .banner_group__title,.banner_group__variant2 .banner_group__description{padding:5px}
.banner_group__description{font-size:12px;font-weight:400}
.banner_advantages__title,.banner_advantages__description{padding:0}
.banner_advantages__title{font-size:13px;max-width:100%;min-height:auto}
.banner_advantages__description{font-size:12px}
}
.banner_subsc_preview .fn_is_stock {
    margin-top: auto;
    max-width: 250px;
}

.categories_main_banners {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.banner_categories_item {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    position: relative;
    max-height: 450px;
    overflow: hidden;
}
.full_cat {
    grid-column-start: 1;
    grid-column-end: 3;
    display: flex;
}
.banner_categories_link {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.banner_categories_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    transition: all .6s ease;
}
.banner_categories_img picture {
    height: 100%;
    width: 100%;
}
.banner_categories_img img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}
.banner_categories_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}
.categories_content {
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    margin-left: 40px;
    transition: all .5s;
    z-index: 6;
    color: #fff;
}
.banner_categories_title {
    font-size: 60px;
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    margin-bottom: 12px;
    line-height: 1.2;
}
.banner_categories_description {
    font-size: 20px;
    font-weight: 400;
}
.arrow_btn_categories {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: #ED8E18;
    margin-top: 24px;
    border: 2px solid #fff;
    transition: all .3s;
}
.arrow_btn_categories.auto_btn {
    background: #D63B3E;
}
.arrow_btn_categories.clean_btn {
    background: #7E3FCB;
}
.arrow_btn_categories.him_btn {
    background: #4590D6;
}
.arrow_btn_categories.beauty_btn {
    background: #BE067E;
}
.arrow_btn_categories svg {
    position: relative;
    width: 80px;
    height: 80px;
    top: -2px;
    left: -2px;
}
.main_banners_adv {
    display: grid;
    grid-template-columns: 1fr 0.5fr 0.5fr;
    gap: 24px;
    grid-template-rows: 1fr 0.56fr;
}
.main_banners_item {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    position: relative;
    max-height: 600px;
    overflow: hidden;
}
.first_main_bn {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}
.second_main_bn {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    max-height: 370px;
}
.mini_banners_main {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    gap: 24px;
}
.banners_main_link {
    position: absolute;
    width: 100%;
    height: fit-content;
}
.first_main_bn .banners_main_link {
    bottom: 40px;
}
.second_main_bn .banners_main_link {
    top: 40px;
}
.banners_mini_item {
    width: 100%;
    height: 100%;
    background: linear-gradient(147.95deg, #444444 3.52%, #040000 97.11%);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: all .3s;
}
.banners_mini_link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
}
.banners_mini_content {
    flex-direction: column;
    z-index: 1;
    top: -15px;
    position: relative;
}
.banners_mini_content picture {
    display: flex;
}
.banners_mini_title {
    font-size: 23px;
    font-weight: 600;
    font-family: "Rubik", sans-serif;
    color: #fff;
}
.arrow_btn_mini {
    position: absolute;
    bottom: 0px;
    width: 60px;
    height: 60px;
    margin-top: 0px;
    display: block;
    transition: all .3s;
}
.main_banners_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main_banners_img picture {
    height: 100%;
    width: 100%;
}
.main_banners_img {
    width: 100%;
}
.banners_mini_content img {
    width: 90px;
    height: 90px;
}
.arrow_btn_mini svg {
    width: 60px;
    height: 60px;
    color: #fff;
}
.banners_main__btn.main_btn {
    border-color: #fff;
    background: #fff;
    color: #252525;
    max-width: 220px;
    margin: 0 auto;
}

.info_not_user {
    position: absolute;
    background: #ff4f4f;
    box-shadow: 0 7px 17px 0 #4C5D7DA6;
    border-radius: 10px;
    padding: 15px;
    visibility: hidden;
    z-index: 1;
    opacity: 0;
    top: calc(-100% - 35px);
    right: 0;
    font-weight: 500;
    width: 100%;
    font-size: 14px;
    min-height: 65px;
    display: block;
    white-space: normal;
    color: #e9e9e9;
    transition: all .3s;
    text-align: left;
    line-height: 22px;
}
.not_user_subscribe:hover .info_not_user {
    visibility: visible;
    opacity: 1;
}
.banners_mini_item::before {
    content: "";
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(149.21deg, #D87E00 3.96%, #AC4201 81.39%);
    transition: opacity 0.3s ease-in-out;
    z-index: 0;
}