:root {
--color_0: white;
--color_1: black;
--color_1_hover: #2E2E2E;
--color_2: #818181;
--color_3: #FF2D2D;
--color_4: #ECECEC;

--color_5: #FF2D2D;


--bg_0: #F8F8F8;
--bg_1: #ECECEC;
--bg_2: #D7D7D7;
--bg_3: #F8F7F5;


}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {color: var(--color_2);}
textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {color: transparent;}
textarea:-moz-placeholder,
input:-moz-placeholder {color: var(--color_2);}
textarea:focus:-moz-placeholder,
input:focus:-moz-placeholder {color: transparent;}
textarea::-moz-placeholder,
input::-moz-placeholder {color: var(--color_2);}
textarea:focus::-moz-placeholder,
input:focus::-moz-placeholder {color: transparent;}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {color: var(--color_2);}
textarea:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder {color: transparent;}

body,
html{
font-family: "Rubik", Arial, sans-serif;    
}
body {
position: relative;
color: var(--color_1);
font-weight: 200;
line-height: 120%;
overflow-x: hidden;
font-size: 15px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: var(--color_0);
}
input,
button,
a { 
color: inherit; 
outline: none; 
text-decoration: none; 
-webkit-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out;
}
button,
a{
cursor: pointer; 
}
input{
text-decoration: none;
outline: none;  
display: block;
}
section{
position: relative;
}
button:focus, a:hover, a:focus {
text-decoration: none;
outline: none;
color: inherit
}
p {
font-size: 14px;
font-weight: 300;
line-height: 130%;
margin: 0 0 10px;
}
ul{
padding: 0;
margin: 0;
list-style: none;
}
li{
list-style:none;
}
img{
max-width: 100%;
}
.wrapper{
    position: relative;
    overflow: hidden;
}
.container{
max-width: 1360px;
}
.container_full{
 max-width: 2000px;   
}
header .container{
max-width: 2550px;
}
.meta{
    color: var(--color_2);
    font-size: 14px;
    line-height: 160%;
}
.meta.meta_nav a svg{
    fill: var(--color_2);
}
.meta.meta_nav a:hover svg{
    fill: var(--color_1);
}
.meta.meta_nav a:hover{
   color: var(--color_1); 
}
.meta_link{
    font-size: 14px;
}

.h2,
h2{
    font-size: 34px;
    line-height: 140%;
    font-weight: 200;
}
@media (max-width: 575px){
.h2,
h2{
   font-size: 26px;   
}
}
.pt-6{
    padding-top: 4rem!important;
}
.pb-6{
    padding-bottom: 4rem!important;
}
.pt-7{
    padding-top: 5rem!important;
}
.pb-7{
    padding-bottom: 5rem!important;
}
.pt-8{
    padding-top: 6rem!important;
}
.pb-8{
    padding-bottom: 6rem!important;
}
.pt-9{
    padding-top: 7rem!important;
}
.pb-9{
    padding-bottom: 7rem!important;
}
.min_height{
    min-height: 650px;
}

.header_top{
    background-color: var(--color_1);
    color: var(--color_0);
    min-height: 35px;
    padding: .2rem;
    max-height: 35px;
    overflow: hidden;
}

header{
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;/* 
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease; */
}
[data-type="pages"] header,
header.fix_scroll{
    background-color: var(--color_0);  
}
header.fix_scroll.active_top{
transform: translateY(-35px);
-webkit-transform: translateY(-35px);
-moz-transform: translateY(-35px);
-ms-transform: translateY(-35px);
-o-transform: translateY(-35px); 
}

header .logo{
    max-width: 200px;
}
header .logo svg,
.i_svg svg{
    fill: var(--color_1);
    -webkit-transition: fill 0.3s ease-in-out;
    -o-transition: fill 0.3s ease-in-out;
    transition: fill 0.3s ease-in-out;
    -moz-transition: fill 0.3s ease-in-out;
    -ms-transition: fill 0.3s ease-in-out;
}


.i_svg{
    position: relative;
}
.i_svg svg{
    width: 24px;
    min-width: 24px;
}
.i_svg span[data-count]{
    position: absolute;
    width: 14px;
    min-width: 14px;
    height: 14px;
    text-align: center;
    right: 0;
    bottom: 0;
    background: var(--color_3);
    color: var(--color_0);
        font-weight: 500;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
    border-radius: 20px;
}
.i_svg span[data-count] strong{
       font-weight: 500;
}
.i_svg span[data-count].meta_count{
    position: relative;
    background: transparent;
    color: var(--color_2);
    font-size: 14px;
    font-weight: 200;
    margin: 0 0 0 5px;
}
.hover_link a:hover{
    color: var(--color_2);
}
.hover_link a:hover svg{
    fill: var(--color_2);
}
.i_svg_a_right{
position: absolute;
right: 0;
top: 0;
}

header .btn_menu button{
    background: transparent;
    border: 0;
    padding: 0;
    display: block;
    width: 16px;
    height: 13px;
    position: relative;
}
header .btn_menu button span{
width: 8px;
height: 1px;
background-color: var(--color_1);
display: block;
margin: 0 0 5px;
}
header .btn_menu button span+span{
width: 16px;
margin: 0 0 5px;
}
header .btn_menu button span+span+span{
width: 8px;
margin: 0 0 0 auto;
}
header .btn_menu button.in span+span+span,
header .btn_menu button:hover span+span+span{
 margin: 0 auto 0 0;   
}
header .btn_menu button:hover span,
header .btn_menu button.in span{
margin: 0 0 5px auto;
}

@media (max-width: 575px){
    header .logo{
    max-width: 120px;
    }
}
header .i_svg a:hover{
    opacity: 0.5;
}
header.bg_white_fix{

}
header.bg_white_fix .i_svg svg,
header.bg_white_fix .logo svg{
    fill: var(--color_0);
}
header.bg_white_fix .btn_menu button span{
    background-color: var(--color_0);
}
[data-type="pages"] header.bg_white_fix .i_svg svg, 
[data-type="pages"] header.bg_white_fix .logo svg,
header.fix_scroll.bg_white_fix .i_svg svg, 
header.fix_scroll.bg_white_fix .logo svg {
    fill: var(--color_1);
}
[data-type="pages"] header.bg_white_fix .btn_menu button span,
header.bg_white_fix.fix_scroll .btn_menu button span{
    background-color: var(--color_1);
}

section.bg{
   background-color: var(--bg_0);
}

.section_slider{
    background-color: var(--color_2);
    position: relative;
    display: block;
    height: 100%;
}
.section_slider:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
    height: 100%;
    max-height: 150px;
    z-index: 2;
}
.mini_head_cover .section_slider:before{
    max-height: 100px;
}

.section_slider .cover {
     min-height: 100vh;
     height: auto;
     overflow: hidden;
      position: relative; /* Если нужно*/
}
.mini_head_cover .section_slider .cover{
   min-height: 30vh;
}


.section_slider .overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color_1);
    opacity: .2;
    z-index: 2;
}
.section_slider .title{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    color: var(--color_0);
}
.section_slider .title h1,
.section_slider .title h2{
    font-size: 75px;
    font-weight: 200;
    line-height: 120%;
    letter-spacing: 5px;
    margin: 0 0 15px;
}
.section_slider .title p{
    font-size: 24px;
    line-height: 140%;
     font-weight: 200;
     letter-spacing: 2px;
     margin: auto;
     text-align: center;
}
.section_slider .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.slider_nav_bullet .slider_nav,
.section_slider .slider_nav{
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem 0;
    min-height: 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.slider_nav_bullet .slider_nav{
     padding: 0;
    min-height: 30px;
}
.slider_nav_bullet .slider_nav .swiper-pagination-bullet,
.section_slider .slider_nav .swiper-pagination-bullet{
    width: 20px;
    height: 2px;
    background: var(--color_0);
    margin: 0 2px;
    border-radius: 0;
}
.slider_nav_bullet .slider_nav .swiper-pagination-bullet{
    background: var(--color_2);
}
.slider_nav_bullet .slider_nav .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--color_1);
}
.slider_nav_bullet .slider_nav > div,
.section_slider .slider_nav > div{
bottom: 0;
    top: 0;
    overflow: hidden;
}
.section_slider .logo_svg{
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    z-index: 0;
    opacity: 0.05;
    transform: scale(1.05) translateY(10%);
}
.section_slider .logo_svg svg{
    fill: var(--color_0);
      width: 100%;
}

.mini_head_cover .section_slider .title h1,
    .mini_head_cover .section_slider .title h2{
            letter-spacing: 1px;
    }

@media (max-width: 991px){
    .section_slider .cover{
        min-height: 100vh;
    }
    .section_slider .title h1,
    .section_slider .title h2{
        font-size: 44px;
    }
    .section_slider .title p{
        font-size: 22px;
    }
}
@media (max-width: 575px){
    .section_slider .title h1,
    .section_slider .title h2{
        font-size: 32px;
    }
    .mini_head_cover .section_slider .title h1,
    .mini_head_cover .section_slider .title h2{
        font-size: 20px;
    }
    .section_slider .title p{
        font-size: 18px;
        max-width: 300px;
        margin: auto;
    }
}


.section_catalog .item_category{
padding: 0;
position: relative;
}
.section_catalog .item_category{
    overflow: hidden;
}
.section_catalog .item_category .img{
    position: relative;
}
.section_catalog .item_category .img img{
max-height: 720px;
}
.section_catalog .item_category .img .title{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 30px 30px 20px;
    z-index: 2;
}
.section_catalog .item_category .img .title h3{
font-weight: 200;
color: var(--color_0);
font-size: 24px;
line-height: 140%;
margin: 0;
}
.section_catalog .item_category .img:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: -moz-linear-gradient(360deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(360deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(360deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
    height: 100%;
    max-height: 150px;
    z-index: 2;
}
.section_catalog .left_next{
        right: inherit;
    left: -4%;
    z-index: 10;
}
.section_catalog .item_category .title .i_svg{
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    opacity: 1;
}
.section_catalog .item_category a:hover .i_svg{
    opacity: 0.5;
}
.section_catalog .swiper-button-next.swiper-button-disabled{
    opacity: 0;
}


@media (max-width: 575px){
    .section_catalog .item_category .img img{
        max-height: 450px;
    }
    .section_catalog .item_category .img .title h3{
        font-size: 18px;
    }
}


.item_product{
   position: relative;  
}

.item_product.bg{
    background-color: var(--bg_3);
    height: 100%;
    overflow: hidden;
}
.item_product .swiper_container{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.item_product .img{
   overflow: hidden; 
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: auto;
    background-color: var(--bg_3);
    padding-bottom: 125%;
    display: flex;
    position: relative;
}
.item_product .img{
    position: relative; 
}
.item_product .img>.gallery_product_catalog,
.item_product .img>a{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* margin: auto; */
    z-index: 2;
}
.item_product a+.swiper_container{
    position: relative;
    z-index: 0;
}
.item_product .img>.gallery_product_catalog,
.item_product .img>a+img{
    max-height: 450px;
}
.item_product .swiper_container{
  background-color: var(--bg_3);  
}
.item_product .swiper_container+img{
    visibility: hidden;
    opacity: 0;
}
.item_product .img .swiper_container img{
  /*   max-height: 430px; */
}

.item_product .swiper_container_nav{
    transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    opacity: 0;
}
.item_product .img:hover .swiper_container_nav{
    opacity: 1;
}
.item_product .swiper-button-prev{
    left: var(--swiper-navigation-sides-offset, 10px);
}

.item_basket .ico_heart,
.item_product .ico_heart{
    position: absolute;
    right: 10px;
    top: 10px;
    border: 0;
    background-color: transparent;
    background-image: url(../img/i_heart.svg);
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    z-index: 3;  
    opacity: 0;
}
.item_basket .row .col-12:last-child .hr{
    display:none;
}
.item_basket .meta.mini_name a,
.item_basket .meta.mini_name{
    line-height: 120%;
    font-size: 12px;
    padding: 5px 0;
}


.item_basket .ico_heart,
.section_product .item_product .ico_heart{
    position: relative;
    opacity: 1;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    height: 100%;
    min-width: 30px;
}

.item_basket .ico_heart.active,
.item_basket .ico_heart:hover,
.item_product .ico_heart.active,
.item_product .ico_heart:hover{
    background-image: url(../img/i_heart_black.svg);
}
@media (min-width: 676px){
    .item_product:hover .ico_heart{
        opacity: 1;
    }
}
@media (max-width: 676px){
    .item_product .ico_heart{
        opacity: 1;
    }  
}

.item_basket .remove button{
border: 0;
background: transparent;
padding: 0;
}
.item_basket .remove button:hover{
        opacity: 0.5;
}
.section_basket .hr,
.item_basket .hr {
    background-color: var(--color_4);
}

.item_product .name{
    background: var(--color_0);
    padding: 10px;
}
.item_product .name h3{
    font-size: 12px;
    margin: 0;
    font-weight: 200;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.item_basket .price,
.item_product .price{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    font-size: 14px;
}
.item_basket .price .price_old,
.item_product .price .price_old{
    color: var(--color_2);
    position: relative;
}
.item_basket .price .price_discont,
.item_product .price .price_discont{
    color: var(--color_5);
}
.item_basket .count_form .quantity_input{
    width: 115px;
    min-height: 40px;
    position: relative;
    border: 1px solid;
}
.item_basket .count_form .quantity_input input{
    border: 0;
}
.item_basket .count_form button{
font-size: 30px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    width: 35px;
    min-width: 35px;
    border: 0;
    background: transparent;
    text-align: center;
    font-weight: 100;
    
}
.item_basket .count_form button[data-btn-minus] span{
    padding: 0;
    display: block;
    font-size: 20px;
}
.item_basket .count_form input+button{
    right: 0;
    left: inherit;
    font-size: 20px;
    font-weight: 200;
}
.item_basket .count_form input{
       width: 100%; 
       text-align:center;
       font-weight: 200;
}

.section_product{
    min-height: 500px;
}
.section_product h1{
    max-width: 400px;
}
.section_product .gallery_mini{
    min-width: 64px;
    width: 64px;
}
.section_product .i_play{
        position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 24px;
    height: 24px;
}


.info_order_products{
        margin: 10px 0 0;
    display: inline-block;
    background-color: var(--bg_3);
    border: 1px solid var(--color_4);
    padding: 10px;
    font-size: 13px;
    color: var(--color_2);
    font-weight: 300;
}

@media(min-width: 991px){
    .section_basket .basket_order_date{
        width: 370px;
        min-width: 370px;
    }    
}
@media(max-width: 575px){
.item_basket .count_form .quantity_input{
    width: 100px;
}
}
@media(max-width: 370px){
.item_basket .count_form .quantity_input{
    width: 80px;
}
}
.section_basket h6{
font-size: 22px;
line-height: 130%;
font-weight: 200;
}
.section_basket .item_basket_content{
padding: 20px;
background-color: white;    
}


.tabs_list .tabs_panel{
        border-bottom: 1px solid var(--bg_2);
}
.tabs_list .tabs_panel ul li button{
background: transparent;
    border: 0;
    font-weight: 200;
    padding: .8rem;
    border-bottom: 1px solid;
    margin: 0 0 -1px;
    color: var(--color_2);
}
.tabs_list .tabs_panel ul li button.in{
    border-bottom: 1px solid;
    color: var(--color_1);
}
.tabs_list p{
    font-size: 16px;
    font-weight: 200;
    line-height: 150%;
}

.name_option{
    color: var(--color_2);
}
.color_option{
    width: 32px;
    min-width: 32px;
    height: 32px;
    border: 1px solid var(--bg_2);
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
}
input:checked+span+span .color_option,
.color_option.in{
     border: 1px solid;
}
.color_option span{
    width: 24px;
    min-width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid var(--bg_2);
}
.color_option.in span:before{
    content: '';
    position: absolute;
    background-image: url(../img/chek-active.svg);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center; 
}
.color_option .value{
position: absolute;
    top: -100%;
    background-color: var(--color_1);
    color: var(--color_0);
    padding: 5px;
    font-size: 13px;
    font-weight: 300;
    opacity: 0;
    left: calc(-50% - 20px);
    min-width: 100px;
    text-align: center;
    visibility: hidden;
    white-space: nowrap;
}
.color_option .value:before{
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid var(--color_1);
    bottom: -40px;
    width: 10px;
    margin: auto;
    height: 10px;
    right: 0;
    left: 0;
    top: 0;
}
.color_option:hover{
   border: 1px solid var(--color_2); 
}
.color_option:hover .value{
    opacity: 1;
    visibility: visible;
}

.size_option label{
    min-width: 77px;
    position: relative;
    margin: 0;
    padding: 0;
    cursor: pointer;
    min-height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-align: center;
}
.size_option label input{
    display:none;
}
.size_option label input+span{
    border: 1px solid var(--bg_2);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}
.size_option label:hover input+span{
     border: 1px solid var(--color_2);
}
.size_option label input:checked+span{
    border: 1px solid var(--color_1);
}
.size_option label span span{
        display: block;
    font-size: 11px;
    color: var(--color_2);
    padding: 0 5px;
}


.section_products .item_product .price .price_old,
.section_products .item_product .price .price_discont{
   font-size: 14px; 
}
.section_product .item_product .price{
    font-size: 16px;
}


.item_product .price .price_old:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    margin: auto;
    background: var(--color_2);
    opacity: 0.5;
}
.item_product .img{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    max-height: 450px;
    background-color: var(--bg_3);
}
.item_product .img img{
   /*  max-height: 450px; */
    display: block;
    margin: auto;
    mix-blend-mode: darken;
}
.item_product .title{
    padding: 10px 0 20px;
    text-align: center;
}
.item_product .title a:hover{
       opacity: 0.5; 
}
.item_product .title h3{
    font-size: 16px;
    line-height: 100%;
    font-weight: 200;
    margin: 0 0 15px;
    padding: 0;
}


@media(min-width: 1540px){
    .swiper_swiper_products .swiper-button-next{
        right: var(--swiper-navigation-sides-offset, 30px);
    }
    .swiper_swiper_products .swiper-button-prev{
        left: var(--swiper-navigation-sides-offset, 30px);
    }
}
@media(max-width: 575px){
    .item_product{
        max-width: 330px;
    }
    .section_product .item_product{
        max-width: 800px;
    }
    .item_product .price .price_old,
    .item_product .price .price_discont{
        font-size: 13px;
    }
}

.item_product .swiper_nav_next_prev .i_svg,
.swiper_swiper_products.swiper_nav_next_prev .i_svg{
    opacity: .5;
    filter: initial;
    -webkit-filter: initial;
}


.cookiealert{
    position: fixed;
    left: 0;
    right: 0;
    background-color: var(--color_0);
    bottom: 0;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
      transform: translateY(100%);
}
.cookiealert p{
    margin: 0;
    line-height: 120%;
    font-size: 13px;
}
.cookiealert p a{
    text-decoration: underline;
}
.cookiealert .container{
    max-width: 850px;
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 5000ms;
}

.button_1 a,
.button_1 button{
    background-color: var(--color_1);
    border: 0;
    display: flex;
    width: auto;
    min-height: 40px;
    color: var(--color_0);
    align-items: center;
    font-size: 16px;
    line-height: 100%;
    padding: 0 20px;
    font-weight: 200;
    justify-content: center;
    text-align: center;
}

.button_1 a:hover,
.button_1 button:hover{
     background-color: var(--color_1_hover);   
}
.button_1 button[disabled]:hover,
.button_1 button[disabled],
.button_1 button:disabled{
    background-color: var(--color_2);
        cursor: default;
}
.button_1 .i_svg svg{
    fill: var(--color_0);
}
.i_svg.r-180 svg{
  transform: rotate(180deg); 
}
.button_1 a:hover .i_svg svg,
.button_1 button:hover .i_svg svg{
    fill: var(--color_0);
}


@media(max-width: 375px){
    .cookiealert p{
        font-size: 12px;
    }
}

.swiper_nav_next_prev .i_svg{
 -webkit-filter: grayscale(100%) invert(100%) brightness(200%);
filter: grayscale(100%) invert(100%) brightness(200%);
opacity: 0.5;
}
.swiper_nav_next_prev .swiper-button-prev:after,
.swiper_nav_next_prev .swiper-button-next:after{
    content: '';
}

.swiper_nav_next_prev_filter .i_svg svg{
     -webkit-filter: invert(100%);
    filter: invert(100%);
}




.checkbox_style label{
       cursor: pointer; 
}
.checkbox_style label input{
    display:none;
}
.checkbox_style label input+span{
    width: 16px;
    height: 16px;
    min-width: 16px;
    position: relative;
    border: 1px solid #D7D7D7;
    display: block;
    margin: 0 10px 0 0;
}
.checkbox_style label input+span:hover{
        background-color: var(--bg_0);
}
.checkbox_style label input:checked+span{
    border: 1px solid var(--color_1);
}
.checkbox_style label input:checked+span:before{
    content: "";
    background-color: var(--color_1);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../img/check.svg);
    background-position: center;
}
.checkbox_style label input+span{
    
}
.checkbox_style label input+span+span{
    
}


.form input[type="tel"],
.form input[type="email"],
.form input[type="password"],
.form textarea,
.form input[type="text"]{
    border: 0;
    width: 100%;
    display: block;
    min-height: 40px;
    font-weight: 200;
    padding: 0 30px 0 10px;
    background-color: var(--bg_0);
    border-bottom: 1px solid var(--color_1);
    position: relative;
    border-radius: 0;
}
.form input[name="dr"]:disabled{
    opacity: .5; 
}
.form .i_svg_label{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 24px;
    z-index: 1;
    padding: 0 5px;
    width: 40px;
}
.form .i_svg_label button{
    border: 0;
    background-color: transparent;
}
.form .i_svg_label svg{
    fill: var(--color_2);
}
.form .i_svg_label+input{
    padding: 0 10px 0 50px;
}
.form input + ul + .input_load,
.form input + .input_load{
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
}
.form input + ul + .input_load>div,
.form input + .input_load>div{
    width: 100%;
    height: 100%;
    border-width: 1px;
}
.form input.error+button:before,
.form input.error + .mess_info_input{
    content: '';
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-position: center;
    background-image: url(../img/i_close_error.svg);
    opacity: 1;
    z-index: 1;
    background-color:var(--bg_0);
}
.form input.error:focus+button:before{
        background-color: var(--bg_1);
}
.form input[type="tel"]:focus,
.form input[type="email"]:focus,
.form input[type="password"]:focus,
.form input[type="text"]:focus{
    background-color: var(--bg_1);
    border-bottom: 1px solid var(--color_2);
}
.form input[type="tel"].error:focus,
.form input[type="email"].error:focus,
.form input[type="password"].error:focus,
.form input[type="text"].error:focus,
.form input.error{
    border-bottom: 1px solid var(--color_3);
}

.form label{
    font-size: 14px;
}
.form .label_title{
    font-size: 14px;
   /*  color: var(--color_2); */
}
.form .label_title span{
   color: var(--color_3); 
}
.form input+button{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    background-color: transparent;
    border: 0;
}
.form input+button:hover{
    opacity: .5;
}
.form input.error+button{
    fill: var(--color_3);
}
.form input+button{
    width: 30px;
    height: 100%;
}
.form .name_title{
    font-weight: 300;
}

.legal_info{
  font-size: 11px;
  line-height: 180%;  
  color: var(--color_2);
}
.modal .legal_info{
   font-size: 13px; 
}
.legal_info a{
    text-decoration: underline;
    color: var(--color_1);
}
.legal_info a:hover{
     color: var(--color_2);
}

.hr{
    width: 100%;
    height: 1px;
    background-color: var(--bg_2);
}


footer {
    position: relative;
    background-color: var(--color_0);
    min-height: 400px;
}
footer .logo{
    max-width: 580px;
}
footer ul li{
    margin: 0 0 20px;
}
footer ul li a{
    padding: 15px 0 2px;
    display: inline-block;
    font-size: 16px;
    line-height: 140%;
    border-bottom: 1px solid transparent;
}
footer ul li a:hover{
    border-bottom: 1px solid;
    color: var(--color_2);
}
@media (max-width: 575px){
    footer ul li a{
      font-size: 14px;  
    }
}


.section_breadcrumb ol{
margin: 0;
    padding: 0 0 3px;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    display: block;
    width: auto;
}
.section_breadcrumb ol::-webkit-scrollbar {
  display: none;
}
.section_breadcrumb ol {
  -ms-overflow-style: none; 
  scrollbar-width: none;
}
.section_breadcrumb ol li{
   font-size: 14px;
   display: inline-block;
}
.section_breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: var(--bg_2);
    padding: 0 10px 0 0;
    font-size: 14px;
}
.mini_head_cover .breadcrumb-item.active {
    color: var(--color_2);
}
.section_breadcrumb .breadcrumb-item a span{
  padding: 0 0 2px;
  border-bottom: 1px solid white;  
      -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.section_breadcrumb.bg .breadcrumb-item a span{
    border-bottom: 1px solid var(--bg_0); 
}
.section_breadcrumb .breadcrumb-item a:hover span{
    border-bottom: 1px solid;   
}
.section_breadcrumb .breadcrumb-item.active span{
  padding: 0 0 2px;
  border-bottom: 1px solid var(--color_2);  
}

.section_filter button.ico_svg_filter{
    border: 0;
    background: transparent;
    padding: 0;
}
.section_product h1,
.section_filter h1,
.section_filter h2{
    font-size: 24px;
    line-height: 130%;
    font-weight: 200;
}

.section_filter .filter_content ul li a{
    padding: 15px 0 2px;
    display: inline-block;
    font-size: 14px;
    line-height: 130%;
    border-bottom: 1px solid transparent;
}
.section_filter .filter_content ul li.active a,
.section_filter .filter_content ul li a:hover {
    border-bottom: 1px solid;
    color: var(--color_2);
}
.section_filter .filter_tab label {
    cursor: pointer;
}
.section_filter .filter_tab label+div {
    display:none;
    padding: 10px 0;
}
.section_filter .filter_tab label.in+div {
    display:block;
}
.section_filter .filter_tab label .i_svg{
    -webkit-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    transform: rotate(90deg); 
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
}
.section_filter .filter_tab label.in .i_svg{
    transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
}
.section_filter .filter_button_reset button{
        border: 0;
    background: transparent;
    padding: 0;
    font-weight: 200;
    font-size: 14px;
}
.section_filter .filter_button_reset button:hover{
        opacity: .5;
}
.section_filter label{
    cursor: pointer;
    padding: 5px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.section_filter .checkbox_type_1 label input+span+span{
    padding: 2px 0;
    display: inline-block;
    font-size: 14px;
    line-height: 130%;
    border-bottom: 1px solid transparent;
}
.section_filter .filter_tab label:hover,
.section_filter .checkbox_type_1 label:hover,
.section_filter .checkbox_type_1 label input:disabled+span+span{
    color: var(--color_2);
}
.section_filter .checkbox_type_1 label input:checked+span+span{
    border-bottom: 1px solid;
  /*   color: var(--color_2); */
}
.section_filter .checkbox_type_1 label input[name="msoption|color"]:checked+span+span{
    border-bottom: 1px solid white;
}
.section_filter .checkbox_type_1 label input{
    display:none;
}
.section_filter .filter_content.in{
    display:block;
}
.modal_mob_search .container{
    max-width: 1700px;
}
.modal_mob_search .content_text h6{
    font-size: 22px;
}
.modal_mob_search .load_submit button{
        border: 0;
    background: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 22px;
    height: 24px;
    margin: auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    opacity: .5;
}
.modal_mob_search .load_submit button:hover,
.modal_mob_search input:focus + .load_submit button{
    opacity: 1;
}

@media (min-width: 991px){
    .modal_mob_search .form{
        min-width: 330px;
        width: 330px;
    }
    .section_filter .filter_content{
        width: 260px;
        min-width: 260px;
        max-width: 260px;
    }
}
@media (max-width: 991px){
    .section_filter .filter_content{
        display:none;
        width: 100%;
        max-width: 400px;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        background: white;
        z-index: 101;
    }
    
    .modal_mob_search .content_text h6{
        font-size: 18px;
    }
    .section_filter .filter_content .mobile_filter_modal{
        padding: 20px 15px 150px;
        height: calc(100vh - 150px);
        overflow: hidden;
        overflow-y: auto;
    }
    .section_filter .filter_content.in+.mobile_filter_modal_bg{
        background-color: rgba(0, 0, 0, 0.3);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        position: absolute;
        right: 0;
        width: 100%;
        position: fixed;
        height: 100%;
        left: 0;
        z-index: 100;
        top: 0;
    }
    .row[data-search="category"]{
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }
    .row[data-search="category"]::-webkit-scrollbar {
    width: 0px;
    }
    .row[data-search="category"]::-webkit-scrollbar-track {
      background-color: transparent;  
    }
    .row[data-search="category"]::-webkit-scrollbar-thumb {
      background-color: transparent;
      height: 100px;
      max-height: 100px;
      border-radius: 0;     
      border: 0;  
    }
    .section_filter h2{
    font-size: 18px;
        
    }
}


.item_basket{
       
}
.basket_order_date .item_basket .img,
.modal .item_basket .img,
.item_basket .img{
    width: 120px;
}

@media (min-width: 1200px){
    .item_basket .img{
       width: 170px; 
    }
}

.item_basket h6{
        font-size: 16px;
    line-height: 130%;
    font-weight: 200;
}
.item_basket h6 a:hover{
    color: var(--color_2);
}

.modal_mob_search [data-search="category"] a{
    font-size: 14px;
    line-height: 140%;
    padding: 5px 0 2px;
    border-bottom: 1px solid transparent;
    display: block;
}

.modal_mob_search [data-search="category"] a:hover{
    color: var(--color_2);
    border-bottom: 1px solid;
}
.modal_mob_search ul li{
    position: relative;
    margin: 15px 0;
    display: block;
}
.modal_mob_search ul li a{
    display: inline-block;
    padding: 0 0 2px 0;
    position: static;
    border-bottom: 1px solid transparent;
    margin: 0;
    line-height: 140%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 310px;
}
.modal_mob_search ul li a:hover{
    border-bottom: 1px solid;
    color: var(--color_2);
}
.modal_mob_search ul li a:before{
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    opacity: .5;
}
.modal_mob_search div[data-search="history"] ul li a:before{

}
.modal_mob_search div[data-search="link_search"] ul li a:before{
    background-image: url(../img/i_search.svg);
}



.i_svg_heart .active svg path,
.i_svg_heart svg path+path{
display: none;
}
.i_svg_heart .active svg path+path{
display: block;
}

.link_next{
    color: var(--color_2);
}
.link_next span{
    display: block;
    margin: 0 10px 0 0;
}
.link_next .i_svg svg{
    fill: var(--color_2);
}

.link_next:hover{
    color: var(--color_1);
}
.link_next:hover .i_svg svg{
    fill: var(--color_1);
}

.link_a a{
    font-size: 14px;
}
.link_a a:hover{
    color: var(--color_2); 
}

.link_ico{
    border: 0;
    background: transparent;
    padding: 0;
    height: 20px;
}
.link_ico:hover{
   opacity: .5; 
}

input+.password_input{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 34px;
    height: 24px;
    padding: 0 10px 0 0;   
}

.hr_text{
  text-align: center;
    font-size: 13px;
    color: var(--color_2);
    position: relative;  
}
.hr_text:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: var(--bg_1);
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.hr_text span{
   position: relative;
   background-color: white;
   padding: 0 30px; 
}


.modal_center .modal-dialog,
.modal_left .modal-dialog,
.modal_right .modal-dialog{
margin: 0 0 0 auto;
border: 0;
overflow: hidden;
height: 100vh;
background: white;
width: 100%;
max-width: 450px;
padding: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
/*transform: translateX(100%);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);*/
}
.modal_right.modal_login_reg .modal-dialog{
   max-width: 550px; 
}
.modal_right.modal_login_reg .logo{
        max-width: 420px;
    margin: auto;
}
.modal_center .modal-dialog{
/*transform: translateX(0%) translateY(-100%);
-webkit-transform: translateX(0%) translateY(-100%);
-moz-transform: translateX(0%) translateY(-100%);
-ms-transform: translateX(0%) translateY(-100%);
-o-transform: translateX(0%) translateY(-100%);*/
max-width: 100%;
max-height: 720px;
}
.modal_left .modal-dialog{
margin: 0 auto 0 0;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
}
.modal_left.show .modal-dialog,
.modal_right.show .modal-dialog{
transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
}
.modal_center.show .modal-dialog{
transform: translateX(0%) translateY(0%);
-webkit-transform: translateX(0%) translateY(0%);
-moz-transform: translateX(0%) translateY(0%);
-ms-transform: translateX(0%) translateY(0%);
-o-transform: translateX(0%) translateY(0%);
}
.modal_center,
.modal_left,
.modal_right{
display: block!important;
visibility: hidden;
opacity: 0; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.modal_center.show,
.modal_left.show,
.modal_right.show {
visibility: visible;
opacity: 1;  
}
.btn-close,
.modal .btn-close{
    background: transparent;
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    box-shadow: none;
}
.section_filter .cart_head,
.modal .cart_head{
    border-bottom: 1px solid var(--color_4);
    color: var(--color_2);
    font-weight: 200;
    font-size: 16px;
    line-height: 140%;
}
.section_filter .cart_footer .hr,
.modal .cart_footer .hr{
    background-color: var(--color_4);
}
.modal .cart_footer h6{
        font-size: 20px;
    line-height: 130%;
    font-weight: 200;
}
.section_basket .static_info,
.modal .cart_footer .static_info{
    font-size: 13px;
}


.section_basket label .meta{
    font-size: 13px;
}
.section_basket label .meta a{
    color: var(--color_1);
    position: relative;
    z-index: 2;
}
.section_basket label .meta a:hover{
        text-decoration: underline;
}
.section_basket label.label_box{
font-size: 14px;
padding: 30px;
height: 100%;
position:relative;
cursor: pointer;
}
.section_basket label.label_box input+span+span{
    font-size: 16px;
}
.section_basket label.label_box input{
    display:none;
}
.section_basket label.label_box input+span+span:after{
    content: "";
    border: 1px solid var(--bg_2);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.section_basket label.label_box input+span{
    width: 16px;
    height: 16px;
    min-width: 16px;
    border: 1px solid var(--bg_2);
    border-radius: 50px;
    margin: 0 10px 0 0;
    display: block;
}
.section_basket label.label_box input:checked+span{
    box-shadow: inset 0px 0px 0px 4px var(--color_1);
}
.section_basket label.label_box input:disabled+span+span,
.section_basket label.label_box input:disabled+span,
.section_basket label.label_box input:checked:disabled+span{
        opacity: 0.2;
}
.section_basket label.label_box input:checked+span+span:after,
.section_basket label.label_box input:checked+span{
        border: 1px solid var(--color_1);
}

.section_basket .static_promocode,
.modal .cart_footer .static_promocode{
background-color: var(--bg_3);
    border: 1px solid var(--color_4);
    padding: 10px;
    font-size: 12px;
    color: var(--color_2);
}

.section_basket .cart_option,
.modal .cart_option,
.section_basket .legal,
.modal .cart_footer .legal{
    padding: 10px 0 15px;
    font-size: 13px;
    color: var(--color_2);
    line-height: 140%;
}
.section_basket .legal a{
   color: var(--color_1); 
}

.modal .cart_option{
    padding: 10px 0; 
}
.section_filter .in .cart_footer,
.modal .cart_footer{
box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.08);      
-webkit-box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.08); 
-moz-box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.08);  
background-color: var(--color_0); 
position: absolute;
left: 0;
right: 0;
z-index: 5;
bottom: 0;
}
.modal .cart_footer .logo svg{
    width: 100%;
    fill: var(--color_1);
}
.modal .modal_body_scroll{
overflow: hidden;
overflow-y: auto;
}
.cart_null .i_svg svg{
 width: 120px;
 height: 120px;
}
.cart_null .h6{
    font-weight: 200;
    font-size: 24px;  
}
.cart_null p{
        font-weight: 200;
    color: var(--color_2);
    font-size: 16px;
}
.modal_body_scroll::-webkit-scrollbar,
.modal .modal_body_scroll::-webkit-scrollbar {
width: 8px;
}
.modal_body_scroll::-webkit-scrollbar-track,
.modal .modal_body_scroll::-webkit-scrollbar-track {
  background-color: var(--color_4);
}
.modal_body_scroll::-webkit-scrollbar-thumb,
.modal .modal_body_scroll::-webkit-scrollbar-thumb {
  background-color: var(--color_1);
  height: 100px;
  max-height: 100px;
  border-radius: 0;     
  border: 3px solid var(--color_1);  
}

.modal.modal_static.full .modal-dialog{
    max-width: 790px;
}
.modal.modal_static .modal-content{
    border-radius: 0;
    border: 0;
}


.modal-backdrop{
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
        -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.modal-backdrop.show{
    opacity: 1;
}
.modal_mob_megamenu{

}
.modal nav ul{
display: block;
padding: 0;
margin: 0;
}
.modal nav ul li{
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;  
display: block;
overflow: hidden;
}
.modal nav ul li.parents{
border-top: 1px solid var(--color_4);
border-bottom: 1px solid var(--color_4);
margin: 0 0 -1px;
}
.modal nav ul li a:hover{
    color: var(--color_2);
}
.modal nav ul li.parents>a{
    position: relative;
}
.modal nav ul li.parents>a:hover:before{
    opacity: 0.5;
}
.modal nav ul li.parents>a:before{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    margin: auto;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/arrow_down.svg);
        -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.modal nav ul li.parents>a.in:before{
    transform: rotate(180deg);
}
.modal nav ul li a{
display: block;
padding: 15px 0;
font-size: 16px;
line-height: 140%;
}
.modal nav ul li ul li a{
    font-size: 14px;
    padding: 10px 0 2px;
    border-bottom: 1px solid transparent;
    margin: 0 0 10px;
    display: inline-block;
}
.modal nav ul li ul li a:hover{
    border-bottom: 1px solid;
}
.modal nav ul li.parents>a+ul{
display: none;
padding: 5px 0 15px;
}
.modal nav ul li.parents>a.in+ul{
display: block;
}




.content_menu ul li{
margin: 0 0 20px;
}
.content_menu ul li a{
display: inline-block;
padding: 5px 0 3px;
font-size: 16px;
line-height: 140%;
border-bottom: 1px solid transparent;
}

.content_menu ul li.active a,
.content_menu ul li a:hover{
border-bottom: 1px solid;
color: var(--color_2);
}
.content_text ol li,
.content_text ul li,
.content_text p{
color: var(--color_2);
font-size: 16px;
font-weight: 200;
line-height: 140%;
margin: 0 0 20px;
}
.content_text p a{
    color: var(--color_1);
    padding: 0 0 3px;
    border-bottom: 1px solid transparent;
}
.content_text p a:hover{
    border-bottom: 1px solid var(--color_1);
}
.content_text .meta p{
   font-size: 14px; 
}
.content_text_img ul+img,
.content_text_img ol+img,
.content_text_img p+img{
    width: 100%!important; 
    height: auto!important; 
}

.content_text p span{
font-weight: 200!important; 
}

.content_text ol{
padding: 0; 
}
.content_text ul li,
.content_text ol li{
position: relative;

padding: 0 0 0 20px;
}
.content_text ul li:before,
.content_text ol li:before{
content: '';

}


.content_text ol {
counter-reset: item;
list-style-type: none;
}

.content_text ol li {
counter-increment: item;
}
.content_text ul li:before,
.content_text ol li:before {
content: counter(item) ". ";
font-size: 14px;
position: absolute;
left: 0;
top: 0;
}
.content_text ul li:before{
content: '-';
}

@media(min-width: 1200px){
.content_menu{
min-width: 275px;

}
.content_menu ul{
border-right: 1px solid var(--color_4);
}
}

@media(max-width: 1200px){
.content_menu ul{
margin: 0 -10px;
padding: 0 0 3px;
overflow: hidden;
overflow-x: auto;
white-space: nowrap;
display: block;
width: auto;
}
.content_menu ul li{
font-size: 14px;
display: inline-block;
padding: 0 10px
}
.content_menu ul::-webkit-scrollbar {
display: none;
}
.content_menu ul {
-ms-overflow-style: none; 
scrollbar-width: none;
}
}

.content_text h3,
.content_text h4,
.content_text h5,
.content_text h6,
.content_text h2{
font-weight: 200;
font-size: 25px;
margin: 25px 0 20px;
}

.button_link_svg{
    border: 0;
    background: transparent;
    padding: 0;
    font-weight: 200;
    font-size: 14px;
    color: var(--color_2);
}
.button_link_svg .i_svg svg{
    fill: var(--color_2);
}
.button_link_svg:hover .i_svg svg{
    fill: var(--color_1);
}
.button_link_svg:hover{
    color: var(--color_1);
}


.button_link_add+span{
    position: absolute;
    right: 0;
    font-size: 13px;
    background-color: var(--color_1);
    color: white;
    font-weight: 300;
    padding: 5px;
    min-width: 10rem;
    text-align: center;
    top: 100%;
    margin: 10px 0 0;
    display: none;
}
.button_link_add+span:before{
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid var(--color_1);
    top: -15px;
    width: 10px;
    margin: auto;
    height: 10px;
    right: 0;
    left: 0;
    transform: rotate(180deg);
}
.button_link_add.in+span{
    display: block;
}


.edit_profile_a{
position: absolute;
right: 0;
top: 0;
}
.link_exit a:hover,
.edit_profile_a:hover{
opacity: .5;  
}

.link_exit a{
    color: var(--color_5);
}
.link_exit svg{
    fill: var(--color_5);
}


.item_order .meta{
   font-size: 12px;
}
.item_order .i_svg_a_right{
   transform: rotate(90deg);
}
.item_order a.in .i_svg_a_right{
   transform: rotate(-90deg);
}
.item_order a.in+div .detal_mini,
.item_order a+div .detal_full{
    display:none;
}
.item_order a.in+div .detal_full{
    display:block;
}

.item_order .detal_full .img,
.item_order .detal_mini .img{
    max-width: 100px;
}
.item_order .status span{
        border-radius: 20px;
    font-size: 13px;
    background-color: var(--black_text);
    color: white;
    font-weight: 400;
    padding: 0 10px;
    line-height: 100%;
}

.row_scroll{
	overflow: hidden;
	overflow-y: auto;
	height: 100%;
}
.row_scroll_x{
	overflow: hidden;
	overflow-x: scroll;
	width: 100%;
}
.row_scroll_x_mobile::-webkit-scrollbar,
.row_scroll_x::-webkit-scrollbar,
.row_scroll::-webkit-scrollbar {
    display: none;
}
.row_scroll.modal_body_scroll::-webkit-scrollbar{
      display: block; 
}


.section_lookbook .i_svg{
    -webkit-filter: grayscale(100%) invert(100%) brightness(200%);
    filter: grayscale(100%) invert(100%) brightness(200%);
    opacity: 1;
}
.section_lookbook .item_category .img img{
    max-height: 100%;
    width: 100%;
}
.section_lookbook .item_category .img .title h3 {
    font-size: 20px;
    line-height: 120%;
    padding: 0 50px 0 0;
    max-width: 450px;
}
.section_lookbook .b_panel{
     z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}
.section_lookbook .b_panel .i_svg {
    position: relative;
    right: inherit;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto;
    margin: auto;
    opacity: 1;
    left: 0;
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    left: 0;
    margin: auto;
}
.section_lookbook .b_panel button[data-click-lookbook]{
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    border: 0;
    background-color: white;
    font-size: 13px;
    font-weight: 300;
}
.section_lookbook .b_panel .status_count{
    font-size: 11px;
    background-color: var(--color_1);
    color: white;
    font-weight: 500;
    padding: 6px 10px 5px;
    line-height: 11px;
    display: block;
    border-radius: 10px;
}
.section_lookbook .b_panel .item_basket h6 {
    font-size: 15px;
}
.section_lookbook .b_panel button:hover{
   opacity: .8; 
}
.section_lookbook .b_panel button + [data-ajax-lookbook]{
 position: absolute;
    right: 15px;
    min-width: 370px;
    min-height: 380px;
    background-color: white;
    bottom: 100%;
    display: none;
    max-width: 370px;
    padding: 15px;
}


.section_lookbook .b_panel button + [data-ajax-lookbook] .item_basket .img {
    width: 70px;
}
.section_lookbook .b_panel button + [data-ajax-lookbook] .item_basket .img:before{
    display:none;
}

.section_lookbook .b_panel button.in + [data-ajax-lookbook]{
    display:block;
}
.section_lookbook .b_panel button.in:hover,
.section_lookbook .b_panel button:hover,
.section_lookbook .b_panel button.in{
   width: auto; 
}

.section_lookbook .b_panel button .name{
    opacity: 0;
    width: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    visibility: hidden;
    overflow: hidden;
}

.section_lookbook .b_panel button.in:hover .name,
.section_lookbook .b_panel button:hover .name,
.section_lookbook .b_panel button.in .name{
    opacity: 1;
    width: auto;
    min-width: 130px;
    text-align:center;
    visibility: visible;
}

.section_lookbook_title .h2,
.section_lookbook_title h2,
.section_lookbook_title h1{
    font-size: 30px;
    font-weight: 200;
}
.section_lookbook .item_product .title{
    padding: 10px 15px 20px;
    text-align: left;
    background-color: white;
}
.section_lookbook .item_product .price {
    justify-content: start;
}
.swiper_container_lookbook .swiper-pagination-bullet {
    width: 100%;
    height: 2px;
    margin: 0 5px 0 0;
}
.swiper_container_lookbook .swiper-pagination-bullet:last-child{
    margin: 0;
}
.swiper_container_lookbook .swiper-pagination-bullet-active{
    background-color: var(--color_1);
}

@media (max-width: 991px){
    .section_lookbook .b_panel button + [data-ajax-lookbook]{
                min-width: 300px;
        max-width: 330px;
    }
}

@media (max-width: 767px){
    .section_lookbook .b_panel button + [data-ajax-lookbook]{
        min-width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
    }
    .lookbookbody_in .lookbook_photo_bg:before{
       background-color: rgba(0, 0, 0, 0.4);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 20; 
        content: "";
    }
    .section_lookbook_title .h2, .section_lookbook_title h2, .section_lookbook_title h1 {
    font-size: 20px;
    font-weight: 200;
}
.section_lookbook .b_panel button,
.section_lookbook .b_panel button.in:hover,
.section_lookbook .b_panel button:hover,
.section_lookbook .b_panel button.in{
   width: auto; 
}
.section_lookbook .b_panel button .name,
.section_lookbook .b_panel button.in:hover .name,
.section_lookbook .b_panel button:hover .name,
.section_lookbook .b_panel button.in .name{
    opacity: 1;
    width: auto;
    min-width: 130px;
    text-align:center;
    visibility: visible;
}
}


.o_banner_modal .modal-dialog{
    max-width: 700px;
}
.o_banner_modal .modal-content{
    border-radius: 0; 
}
.modal.o_banner_modal .cart_head {
    color: var(--color_1);   
}