/*
Theme Name: GIGI-KI BE Theme By BeaverGlobal
Author: Oleg Bo For BeaverGlobal
Author URI: http://beaverglobal.com/
Description: This is a GIGI-KI BE Theme By BeaverGlobal Developed By Oleg Bo
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
    font-family: 'FbReforma';
    src: url('fonts/fbreforma-regularwebfont.eot');
    src: url('fonts/fbreforma-regularwebfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/FbReformaRegular.woff2') format('woff2'),
        url('fonts/fbreforma-regularwebfont.woff') format('woff'),
        url('fonts/fbreforma-regularwebfont.ttf') format('truetype'),
        url('fonts/fbreforma-regularwebfont.svg#fbreforma-regularwebfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FbReforma';
    src: url('fonts/fbreforma-lightwebfont.eot');
    src: url('fonts/fbreforma-lightwebfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/FbReformaLight.woff2') format('woff2'),
        url('fonts/fbreforma-lightwebfont.woff') format('woff'),
        url('fonts/fbreforma-lightwebfont.ttf') format('truetype'),
        url('fonts/fbreforma-lightwebfont.svg#fbreforma-lightwebfont') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Esphimere Semi';
    src: url('fonts/Esphimere-SemiBold.eot');
    src: url('fonts/Esphimere-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Esphimere-SemiBold.woff2') format('woff2'),
        url('fonts/Esphimere-SemiBold.woff') format('woff'),
        url('fonts/Esphimere-SemiBold.ttf') format('truetype'),
        url('fonts/Esphimere-SemiBold.svg#Esphimere-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Esphimere';
    src: url('fonts/Esphimere.eot');
    src: url('fonts/Esphimere.eot?#iefix') format('embedded-opentype'),
        url('fonts/Esphimere.woff2') format('woff2'),
        url('fonts/Esphimere.woff') format('woff'),
        url('fonts/Esphimere.ttf') format('truetype'),
        url('fonts/Esphimere.svg#Esphimere') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Color palette */
:root {
    --brownish-orange: #ce971f;
    --very-light-pink: #f0f0f0;
    --black: #000000;
    --slate-grey: #5a6870;
    --rouge: #af1432;
    --blueberry: #663d91;
    --pale-orange: #f0b863;
}
html, body {
    position: relative;
    height: 100%;
}
html,
body {
	margin: 0;
	padding: 0;
    font-family: 'FbReforma','Esphimere';
	font-weight: 400;
	font-size: 18px;
	line-height: 1.7;
	text-align: left;
	transition: 0s;
    color: #9b9b9b;
}
pre {
	display: block;
	font-size: 77.5%;
	color: #212529;
	direction: ltr;
	text-align: left;
	margin: 50px;
}
a:active,
a,
a:hover {
    text-decoration: none;
    -webkit-transition: all ease .1s;
    transition: all ease .1s
}
a:active,
a:hover {
    color: inherit;
}
button:focus {
    outline: none
}
.col-50{
    width: 50%;
    display: inline-block;
    float: left;
}
.full-height-view{
	height: 100vh;
}
.border-line{
	border: 1px solid #fff;
}
.wht-txt{
	color: #fff;
}
.fnt-en{
    font-family: 'Esphimere';
}

.blck-txt {
    color: var(--black);
}
.sm-txt{
    font-size: 0.87em;
}
.pos-abs{
	position: absolute;
}
.pos-rel{
	position: relative;
}
.abs-center {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.v-center {
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
}
.container{
	max-width: 1200px;
}
.nopadding{
	padding: 0 !important;
}
.cpy-10{
    padding-top: 2.1em;
    padding-bottom: 6.1em;
}
.cpy-full-10{
    padding-top: 6.1em;
    padding-bottom: 6.1em;
}
section{
	width: 100%;
	position: relative;
}
h5{
    font-size: 1.125em;
}
ol,
ul {
    list-style: none;
    padding: 0;
}
.content-txt ul,
.page-content ul
.term-description ul{
    list-style: disc;
}

.clearfix{
    clear: both;
    content:'';
}
.img-max{
    width: 100%;
    height: auto;
}

/* TYPOGRAPHY */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}
.c-link{
    border: 1px solid #ccc;
    border-radius: 0px;
    color: #000;
    font-size: 0.85em;
    text-align: center;
    display: inline-block;
    padding: 4px 2em;
    line-height: 20px;
}
/* HEADER */
header.header{
    padding-bottom: 1em;
    background: #000;
    /* position: relative; */
}
header .ccc-line{
    border-bottom: solid 1px #cccccc;
}
header a.c-link{
    float: right;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.sticky + .inner {
    padding-top: 81px;
}
.lang-toogle{
    margin-right: 1em;
}
.lang-toogle,
.search-toogle{
    cursor: pointer;
}
.search-lang span{
    margin: 0px 5px;
}
.top-header{
    /* padding-top: 1em; */
    position: relative;
}
.logo img{
    width: 104px;
}
.social-span a img ,
.mini-cart img,
footer .logo img,
.header .logo img,
.header-desctop .search-toogle img,
.lang-toogle .dropdown img{
    filter:  brightness(0) invert(1);
}
/* .main-menu{
    padding: 1.5em 0 0;
} */
.main-menu li{
    padding: 0 1em;
    line-height: 2.5em;
}
.main-menu li a{
    color: #fff;
    text-decoration: none;
}
.header-serchform,
.serchform-wrap{
    display: inline-block;
}
input.searchinput{
    width: 0px;
    transition: 0.5s;
    border: 0;
}
.header-serchform input.searchinput{
    width: 0;
    background: #000;
}
.header-serchform.active input.searchinput{
    width: 200px;
    border-bottom: 1px solid #000; 
    background: #fff;
}
.product-menu-wrapper{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 107px;
    background: rgba(255, 255, 255, 1);
    z-index: 100;
}
.product-menu-wrapper .container{
    padding-top: 1em;
    padding-bottom: 20em;
    position: relative;
}
.prd-menu-col ul.prd-menu li a{
    font-size: 1em;
    color: #000;
}
.prd-menu-col h5{
    font-weight: 600;
    margin-bottom: 1.5em;
}
.header-strip-info{
    background: #fff;
    text-align: center;
}
/* FOOTER */
footer{
    /* background: var(--very-light-pink); */
    background :#000;
    color: #fff;
}
footer *{
    color: #fff;
}
footer a:hover{
    color: inherit;
}
.footer-contact-row{
    padding-top: 1em; 
}
.footer-contact-row hr{
    width: 100%;
    height: 3px;
    border-top: 3px solid rgba(0,0,0,.1);
}
.footer-contact-row span a,
.footer-contact-row span{
    margin: 0 10px;
    color: #000;
}
.footer-contact-row span img{
    width: 19px;
    height: auto;
    vertical-align: text-bottom;
}
ul.footer-menu li {
    display: inline-block;
    margin-right: 1em;
    text-align: center;
    padding: 0;
}
ul.footer-menu li a{
    font-size: 1em;
    color: #fff;
} 
ul.footer-menu li a:hover{
    color: #fff; 
} 
.footer-menu-row{
    border-top: 1px solid #fff;
    margin-top: 2em;
}
#newsletter-form{
    margin-top: 1.1em;
}
#newsletter-form input{
    height: 40px;
    border-radius: 0px;
    border: 1px solid #5a6870;
    margin: 0 -4px;
    color: #000;
}
#newsletter-form input[type="submit"]{
    background: #5a6870;
    border : 0; 
    color: #fff;
    top: -1px;
}
.newsletter .shrnk-element{
    width: 70%;
    margin: 0 auto;
}
.newsletter .shrnk-element form{
    width: 100%;
}
.footer-social .social-span:first-child{
    margin-left: 0;
}
.social-span{
    margin: 0 15px;
}
.social-span a img{
    height :18px;
}
.social-span a:hover img{
    opacity: 0.8;
}
/* HOME */
/* .home-wrapper section, */
.home-wrapper > section {
    background-color: #fff;
}
.home-wrapper > section.video-bg-section {
    background-color: transparent !important;
}
.home-wrapper > section h2{
    text-align: center;
    font-weight: 300;
    margin-bottom: 1em;
    font-size: 2.5em;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.banner-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
    border: 2px solid #fff;
    position: relative;
}
.banner-slider .swiper-pagination-bullet-active::after{
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    border-radius: 100%;
    top: -4px;
    right: 0px;
    left: -4px;
    bottom: 0; 
    margin-left: auto;
    margin-right: auto;
}
.banner-slider .swiper-pagination-bullet{
    width: 11px;
    height: 11px;
}
.home-wrapper .bestsellers h2{
    margin-bottom: 0;
}
.home-wrapper .insgram-section h2{
    font-size: 2.3em;
    margin-bottom: 30px;
    text-align: center;
}
.bestsellers-slider{
    margin: 0 auto;
    max-width: 1520px;
    /* height: 50vh; */
}
.bestsellers-swiper .swiper-slide{
    flex-direction:column;
    position: relative;
    /* top: 10px; */
    /* width: 270px !important; */
}
.bestsellers-swiper .swiper-slide .img-holder img {
    /* margin: 0 auto; */
}
.bestsellers-swiper .swiper-slide-active{
    /* width: 370px !important; */
    /* top: 0px; */
}
.bestsellers-swiper .swiper-slide-active .img-holder,
.bestsellers-swiper .swiper-slide-active .img-holder img{
    /* width: 100% !important;
    height: auto; */
}
.bestsellers-swiper .swiper-slide-active .price-product .price,
.bestsellers-swiper .swiper-slide-active .title-product h5{ 
    /* font-size: 1.6em; */
    /* font-size: 1.2em;
    padding-top: 1em; */
}
.img-holder img {
    /* max-width: 100%; */
    height: auto;
    transition: all 0.3s;
}
.bestsellers h2{
    color: var(--rouge);
} 
.bestsellers-slider{
    position: relative;
}
.bestsellers-slider .swiper-button-next,
.bestsellers-slider .swiper-button-prev {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: none;
    transition: all 0s;
    position: absolute;
}
.bestsellers-swiper .price-product .price{
    font-size: 1.13em;
    font-weight: bold;
    color:var(--black);
    letter-spacing: -0.75px;
}
.bestsellers-swiper .title-product h5{  
    color: var(--black);
    color: #000;
    font-weight: 400;
    font-size: 1em;
    margin-top: 1em;
}
.bestsellers-slider .swiper-button-next{
    right: -50px;
}
.bestsellers-slider .swiper-button-prev{
    left: -50px;
}
.bestsellers-slider .swiper-button-next img,
.bestsellers-slider .swiper-button-prev img{
    width: 15px;
}
.main-image.swiper-container .swiper-button-next,
.main-image.swiper-container .swiper-button-prev {
    background-image: none;
}
/* TREATMENT */
.home-wrapper > section.treatment-slider{
    background-color: #ebe2f5;
}
/* KIND PRODUCT */
.home-wrapper > section.kindproduct-slider{
    background-color: #f4f0f1;
}

/* HOME SERIAS & SLIDERS */
.serias .row{
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.series-swiper .swiper-slide {
    flex-direction: column;
}
.bestsellers-swiper .bestseller-pagination{
    display: none;
}
.series-swiper .swiper-pagination{
    bottom: 170px;
}
.kindproduct-swiper,
.treatment-swiper{
    padding-bottom: 3em;
}
.pagin-style .swiper-pagination-bullet{
    width: 40px;
    height: 2px;
    border-radius: 0%;
}
.swiper-pagination-bullet-active{
    background: #000;
    opacity: 1;
}
.attrb-swiper .swiper-slide:hover .kind-name-attrb{
    background: rgba(0, 0, 0, 0.8);
}
.attrb-swiper .swiper-slide a{
    border: 2px solid #fff;
}
/* .kind-name-attrb{
    border: 2px solid #fff;
    padding: 0px;
    font-size: 1.8em;
    color: #fff;
    width: 70%;
    font-weight: 300;
    background: rgba(0, 0, 0, 0.3);
    transition: 0.5s;
} */

/* COSMETICS */
.form-cosmetic-search{
    margin-left: 6.2em;
    width: 30%;
    padding: 2.5em 0;
}
.form-cosmetic-search h4{
    color: var(--pale-orange);
    margin-bottom: 1em;
}
.form-cosmetic-search .form-control{
    height: 50px;
    margin-bottom: 1.4em;
}
.form-cosmetic-search input[type="submit"]{
    border: 0;
    color: #fff;
    background-image: linear-gradient(to left, var(--pale-orange), var(--pale-orange));
}
.placeholder-section {
    height: 100vh;
    z-index: -1;
    position: relative;
}
.video-bg-section {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0) url("../images/banner.jpg") no-repeat scroll 0 0;
	background-attachment: fixed;
	background-size: cover;
}
.video-section {
    position: fixed !important;
    width: 100% !important;
	height: 100% !important;
	top: 0 !important;
}
.video-section .pattern-overlay {
    padding: 0px 0 32px;
    min-height: 100%;
    background-color: transparent;
}

/* HOME BLOGPPOST */
.blogpost{
    text-align: center;
}
.blogpost a{
    text-decoration: underline;
    display: block;
}
.blogpost a,
.blogpost p.desc{
    color: #979797;
    font-size: 0.85em;
}
.blogpost h4{
    margin:10px 0 0;
}
.blogpost:hover *,
.blogpost h4,
.blogpost a:hover{
    color:#000;
}
.blogpost:nth-child(2){
    mix-blend-mode: multiply;
    background-color: var(--very-light-pink);
}

/* BLOG */
.blog-wrapper{
    overflow: hidden;
    margin-top: 2em;
}
.another-posts .blog-box,
.blog-wrapper .grid-item {
    padding-bottom: 1.5rem;
}
ul.bycategories{
    border-bottom: 1px solid #979797;
}
ul.bycategories li {
    padding: 1px 2em;
}
ul.bycategories li {
    font-size: 1.13em;
    line-height: 2.5em;
}
ul.bycategories li a{
    color: var(--slate-grey);
}
ul.bycategories li:hover,
ul.bycategories li.current{
    border-bottom: 2px solid #000;
}
.pagination-row .page-numbers{
    font-size: 1em;
    color: #9b9b9b;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
}
.pagination-row .page-numbers.current,
.pagination-row .page-numbers:hover{
    color: #000;
    background-color: var(--very-light-pink);
}
.blog-content{
    padding: 1em;
    color: #9b9b9b;
    -webkit-box-shadow: 0px 1px 5px 1px rgba(158,158,158,0.7);
    -moz-box-shadow: 0px 1px 5px 1px rgba(158,158,158,0.7);
    box-shadow: 0px 1px 5px 1px rgba(158,158,158,0.7);
    transition: 0.5s;
}
.grid-item:hover .blog-content{
    -webkit-box-shadow: 0px 3px 10px 1px rgba(158,158,158,1);
    -moz-box-shadow: 0px 3px 10px 1px rgba(158,158,158,1);
    box-shadow: 0px 3px 10px 1px rgba(158,158,158,1);
}
.pg-content iframe,
.pg-content.blog img{
    max-width: 100%;
    height: auto;
}
.pg-content iframe{
   height: 500px; 
}
ul.contact-list li a,
ul.side-menu li a:hover,
ul.side-menu li.current-menu-item a,
.pg-content.blog strong{
    font-size: 1.13em;
    color: #000;
}
ul.side-menu li a{
    color: #5a6870;
    font-size: 1.13em;
}
/* CONTACT */
ul.contact-list li a{
    line-height: 40px;
}
ul.contact-list li span.c-icon{
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 20px;
    float: left;
}
ul.contact-list li span.c-icon.address{
    background:url('images/waze@3x.png')no-repeat;
    background-size: 100%;
}
ul.contact-list li span.c-icon.phone{
    background:url('images/call@3x.png')no-repeat;
    background-size: 100%;
}
ul.contact-list li span.c-icon.fax{
    background:url('images/telephone@3x.png')no-repeat;
    background-size: 100%;
}
ul.contact-list li span.c-icon.email{
    background:url('images/email@3x.png')no-repeat;
    background-size: 100%;
}
.contact-box{
    padding-right: 6em;
    border-right: 1px solid #ccc;
}
.contact-box .form-wrapper textarea{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0px;
}
.contact-box .form-wrapper input{
    height: 40px;
    font-size: 0.87em;
}
.wpcf7-form  input[type='submit'],
.contact-box .form-wrapper input[type='submit']{
    border-radius: 0px;
    background: #fff;
    border: 1px solid #000;
    padding: 0 1.8em;
    font-size: 0.87em;
    margin-top: 10px;
    line-height: 40px;
}
.wpcf7-form p {
    margin-bottom: 0;
}
/* PRODUCT */
form.cart .quantity{
    width: 60px;
    height: 60px;
    display: inline-block;
    float: right;
}
form.cart .quantity input{
    height: 100%;
    width: 100%;
    text-align: center;
    border-radius: 0px;
    border: 1px solid #ccc;
    font-size: 1.3rem;
}
.single-product .woocommerce-message{
    text-align: center;
    color: #000;
}
.single-product .woocommerce-message a{
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 5px 15px;
    border-radius: 0px;
    margin: 0 10px;
}
.added_to_cart,
.add_to_cart_button,
.checkout-button,
.single_add_to_cart_button{
    background: #2b2b2b;
    color: #fff;
    border: 0;
    border-radius: 0px;
    height: 100%;
    padding: 12px 30px;
    width: 75%;
    font-size: 1.13rem;
    transition: 0.3s;
    border: 1px solid #fff;
}
.add_to_cart_button.added{
    display: none;
}
.added_to_cart:hover,
.add_to_cart_button:hover,
.checkout-button:hover,
.single_add_to_cart_button:hover{
    background: #fff;
    color: #000;
    border: 1px solid #000;
}
.product-info-gallery .price span,
h1.product_title{
    font-size: 1.5rem;
    color: #000;
}
h1.product_title{
    font-family: 'FbReforma','Esphimere';
    font-weight: normal;
    border-bottom: 2px solid #000;
    padding: 4em 0 0.3em;
}
.product-info-gallery .price *{
    font-weight: 600;
}
.product-info-gallery .price{
    margin-bottom: 3em;
    border-bottom: 1px solid #ccc;

}
.product-content{
    padding-bottom: 6em;
}
.blck-brd-btn{
    font-family: 'Esphimere';
    background: #fff;
    border: 1px solid #000;
    border-radius: 0px;
    color:rgba(0,0,0,.8);
    text-align: center;
    line-height:3em ;
    font-family: FbReforma;
    font-size: 1.13em;
    font-weight: normal;
    display: block;
}
.upsells.products h2,
.related.products h2{
    font-size: 40px;
    font-weight: 300;
}
.product-more-info .content-more-info{
    color: var(--black);
    font-size: 1em;
    font-weight: normal;
}
.product-more-info .nav-tabs{
    border-top:1px solid #979797;
    border-bottom:1px solid #979797;
}
.product-more-info .nav-tabs .nav-item .nav-link{
    padding: 1em 3.8em;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
    border-bottom: 2px solid #000;
    border-color: #fff #fff #000 #fff;
}
.product-more-info .nav-tabs .nav-link{
    color: var(--slate-grey);
}
.product-video{
    background-color: var(--very-light-pink);
}
.product-video iframe{
    width: 100% !important;
}
img.snglimg-prod{
    width: 75%;
    height: auto;
} 
/* PRODUCTS */
ul.products li.product h2{
    text-align: center;
    color: var(--black);
    color: #000;
    /* font-weight: 600;
    font-size: 1.13rem; */
    font-weight: 500;
    font-size: 1rem;
    padding-top: 1.15em;
    font-family: 'FbReforma','Esphimere';
    margin-bottom: 0;
}
.product-excerpt p{
    font-size: 1em;
    color: #9b9b9b;
    margin-bottom: 0.5em;
}
ul.products li.product .product-term{
    font-size: 0.9em;
    color: #000;
}
ul.products li.product .price{
    display: block;
    font-size: 1.1em;
    font-weight: 600;
    color: var(--black);
    color: #000;
    text-align: center;
    line-height: 1;
    margin-bottom: 15px;
}
ul.products li img {
    max-width: 100%;
    height: auto;
}
ul.products li{
    text-align: center;
    margin-bottom: 2em;
}
ul.products li a.quick_view{
    display: block;
    cursor: pointer;
    background: #2b2b2b;
    border: 1px solid;
    font-size: 0.75em;
    margin-top: 2em;
}
ul.products li a.quick_view span{
    color: #fff;
    padding: 0px 10px;
    line-height: 30px;
}
#wcqv_contend form{
    width: 90% !important;
}
#wcqv_contend .woocommerce-Price-amount {
    color: #000 !important;
    font-size: 2em !important;
}

.filter-title{
    color: #979797;
    font-weight: 300;
    margin-bottom: 0;
}
.woocommerce-result-count{
    text-align: right;
    font-size: 0.9em;
}
h1.woocommerce-products-header__title{
    /* font-size : 2em; */
    font-size: 2.8em;
    font-weight: 300;
}
.mob-filter-close{
    display: none;
}
/* FILTER */
.filter-select-product ul li{
    line-height: 2.5EM;
    font-weight: 500;
}
.filter-select-product ul li.active{
    color: #000;
    font-size: 1em;
}
.filter-select-product ul span{
    padding: 0 1.13em;
}
.filter-select-product ul input{
    vertical-align: middle;
    width: 1.13em;
    height: 1.13em;
}

/* PAGE COSMETOLOGISTS */
.cs-fet-wrapper{
    box-shadow: 0 2px 5px 0 #00000021;
}
.cs-details-wraper{
    padding: 0 2em 2em;
}
#cs-details .val a,
#cs-details .val,
.cs-social-icon i{
    color: #000;
}
#cs-details{
    text-align: left;
    margin: 2em 0 2em;
}
#cs-details p{
    margin-bottom: 0;
}
#cs-details .val{
    font-family: 'Esphimere Semi';
    font-size: 0.87em;
}
#cs-details span{
    display: inline-block;
    margin: 0 0.5em;
}
#cs-details span.icon{
    width: 1em;
    height: 1em;
}
#cs-details .phone .icon{
    background: url('images/cs-telephone@3x.png')no-repeat;
    background-size: 100%;
}
#cs-details .address .icon{
    background: url('images/cs-place@3x.png')no-repeat;
    background-size: 100%;
}
#cs-details .email .icon{
    background: url('images/cs-e-mail@3x.png')no-repeat;
    background-size: 100%;
    height: 0.8em;
    top: 2px;
    position: relative;
}
#find-cosmetologist input{
    height: 3rem;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 #00000021;
    font-size: 0.8em;
}
#find-cosmetologist button.cs-submit,
#find-cosmetologist input.submit{
    height: 48px;
    font-size: 1.13em;
    width: 100%;
    color: #fff;
    border: 0;
    text-align: center;
    border-radius: 0px;
    box-shadow: 0 2px 5px 0 #00000021;
    background-image: linear-gradient(to left, var(--pale-orange), var(--pale-orange) 0%);
}

.result-details hr{
    margin-top: 0;
}
.result-details > div{
    display: inline-block;
}
.result-details > div.count-result{
    float: right;
}
.cosmetolog-wraper{
    box-shadow: 0 2px 5px 0 #00000021;
}
.cosmetolog-wraper #cs-details .keytxt{
    color: #663d91;
}
.general-info{
    color: black;
}
.address .wz{
    text-decoration: underline;
    color: #9b9b9b;
}
.cosmetolog-wraper .cs-social .cs-social-icon a{
    display: block;
    text-align: center;
}
.cosmetolog-wraper #cs-details .val{
    display: block;
}
.blck-border-btn,
.load-more{
    background: #fff;
    color: black;
    border-radius: 3px;
    border: solid 1px var(--black);
    color: #253036;
    text-align: center;
    padding: 0.5em 1em;
    cursor: pointer;
    display: inline-block;
}
.blck-border-btn{
    padding: 0.1em 1em;
}
.search-filter-wraper{
    position: relative;
}
.overlay{	
	position: absolute;
	top: 0;
	z-index: 100;
	width: 100%;
	height:100%;
	display: none;
    background: rgba(255,255,255,0.5);
    left: 0;
    right: 0;
    top: 0;
    /* bottom: 0; */
}
.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;  
}
.gi-spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #ce971f solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}
.term-description{
    position: relative;
    color: var(--black);
}
.full-desc-term{
    display: none;
    position: absolute;
    top: 2em;
    width: 100%;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.9);
    color: white;
    z-index: 10;
    padding: 2em;
}
.clear-fix{
    clear: both;
    content: '';
}
.close-pop{
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.close-pop .cross:before,
.close-pop .cross:after{
    position: absolute;
    left: -15px;
    content: ' ';
    height: 25px;
    width: 4px;
    top: 4px;
    background-color: #fff;
}
.close-pop .cross:before {
    transform: rotate(45deg);
}
.close-pop .cross:after {
    transform: rotate(-45deg);
}
.close-pop.close-menu .cross:before,
.close-pop.close-menu .cross:after{
    background-color: #000;
}
.close-pop.close-menu{
    position: absolute;
    right: 40px;
    top: 1em;
}
#accordion-filter .card{
    border: 0 !important;
}
#accordion-filter .card-body{
    padding: 0 !important;
}

.f-arrow, 
.f-arrow  {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    width: 16px;
    height: 30px;
    margin: auto;
    border: 0;
    padding: 0;
    background-color:transparent;
    cursor: pointer;
}
.f-arrow::after ,
.f-arrow::before  {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #323232;
    transition: transform 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
    opacity: 1;
}

.f-arrow::before {
    width: 2px;
    height: 14px;
}
.f-arrow::after {
    width: 14px;
    height: 2px;
}

.show-filter .title-list-cat[aria-expanded="true"] .f-arrow::before {
    transform: rotate(90deg);
}
.show-filter .title-list-cat[aria-expanded="true"] .f-arrow::after {
    transition-timing-function: cubic-bezier(0.47, 0, 0.75, 0.72);
}
.title-list-cat{
    cursor: pointer;
    position: relative;
}
@keyframes sp-anime {
	0% { 
		transform: rotate(0deg); 
	}
	100% { 
		transform: rotate(359deg); 
	}
}
.is-hide{
	display:none;
}

/* ACCOUNT */
#signupmodal a,
#signupmodal{
    color: #000;
}
#signupmodal .modal-body{
    padding: 2rem;
}
#signupmodal .modal__close{
    position: absolute;
    left: 15px;
    width: 20px;
    height: 20px;
    z-index: 1000;
    font-size: 3rem;
}
.account-cosmetics-header div,
div.account-entrance-link{
    display: inline-block;
}
.account-entrance-link a{
    color: #fff;
}
.account-entrance-link a:hover{
    color: inherit;
}
.account-entrance-link{
    padding: 0px 10px 0;
}
.log-box h2{
    font-weight: 300;
    font-size: 2.5em;
}
.log-box{
    padding: 2em 8em;
    border-radius: 0px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
    background-color: #ffffff;
}
.form-row span.password-input,
.form-row label {
    display: block;
    width: 100%;
    font-size: 1rem;
    margin: 0;
}
.form-row input[type="password"],
.form-row input[type="email"],
.form-row input[type="tel"],
.form-row textarea,
.form-row input[type="text"] {
    background: transparent;
    border: 1px solid #cccccc;
    border-radius: 0px;
    padding: .34rem .9375rem;
    width: 100%;
}
.woocommerce-mini-cart__buttons a,
.blck-btn{
    border-radius: 0px;
    background-color: #000;
    border: 1px solid #000;
    height: 45px;
    text-align: center;
    color: #fff;
    line-height: 45px;
    padding: 0 3em;
    transition: 0.3s;
    display: block;
}
.woocommerce-mini-cart__buttons a:hover,
.blck-btn:hover{
    background-color: #fff;
    color: #000;
}
.woocommerce-form-login__submit{
    display: inline-block;
    margin: 0 auto;
}
.lost_password a{
    color: #663d91;
}
/* .fl-block a,
.fl-block{
    color: #2f2f2f;
} */
.vd-block,
.fl-block{
    padding: 1em 0 0;
    border-radius: 0px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
    background-color: #ffffff;
}
.fl-block,
.fl-block a,
.fl-block span{
    text-align: center;
    display: block;
    color: #2f2f2f;
}
.fl-block span{
    padding: 0.5em 0;
}
.vd-block .title-video{
    color: #000000;
    height: 80px;
    padding: 0.5em 1em 0;
}
span.play-icon{
    position: absolute;
    display: block;
    content: '';
    background: url('images/play-button.png')no-repeat;
    width: 50px;
    height: 50px;
    z-index: 10;
    top: 30%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-size: 100%;
    cursor: pointer;
}

.woocommerce-MyAccount-navigation ul li a{
    color: #979797;
    line-height: 2;
}
.woocommerce-row-account a{
    text-decoration: underline;
}
.woocommerce-MyAccount-navigation ul li a,
.woocommerce-MyAccount-navigation ul li:hover a,
.woocommerce-MyAccount-navigation ul li.is-active a{
    /* color: #000; */
    text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li:hover a,
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-row-account,
.woocommerce-row-account a{
    color: #000;
}
/* PADDING */

.bestsellers{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.sect-burger{
    padding-top: 3rem;
    padding-bottom: 4.5rem;
}
.b-burger{
    padding-bottom: 3rem;
}
/*----------------------------------------------------- //CART */
.woocommerce-cart-form{
    padding-top: 2em;
}

table.shop_table {
    width: 100%;
}
tr th{
    font-weight: 400;
}
.shop_table .cart-item-image img {
    max-width: 104px;
    height: auto;
}
.shop_table.cart thead{
    background: #e6e6e6;
    color: #fff;
}
table.shop_table.cart tbody tr td:first-child,
table.shop_table.cart thead tr th:first-child{
    text-align: left;
}
table.shop_table.cart thead tr th,
table.shop_table.cart tbody td{
    text-align: center;
}
table.shop_table.cart thead tr th{
    padding: 10px 16px;
    color: #000;
    font-weight: normal !important;
}
table.shop_table.cart tbody a,
table.shop_table.cart tbody{
    color: #000;
}
table.shop_table.cart tbody tr{
    border-bottom: 1px solid #ccc;
}
table.shop_table.cart tbody tr:last-child{
    border-bottom: 0px;
}
.shop_table .cart-item-image, 
.cart-item-info {
    display: inline-block;
    vertical-align: top;
}
td.product-name{
    padding-top: 10px;
    padding-bottom: 10px;
}
td.product-subtotal,
td.product-quantity{
    font-size: 1.23rem;
}
.cart_item .cart-item-info{
    padding-right: 3em;
    padding-top: 1em;
    color: #000;
    font-size: 1em;
}
.item-title a{
    font-size: 1em;
    color: #000;
}
#order_review .cart_item dd,
#order_review .cart_item dt,
.cart-item-info dd,
.cart-item-info dt{
    display: inline-block;
    margin: 0 1px;
    color: #979797;
    font-weight: 600;
    font-family: 'Assistant', sans-serif;
}
.shop_table .product-name{
    font-family: 'Assistant', sans-serif;
    font-weight: bold;
}
table.shop_table .product-quantity input{
    width: 60px;
    height: 60px;
    border: solid 1px #d8d8d8;
    text-align: center;
}
button[name="update_cart"]{
    border-radius: 0px;
    background-color: #fff;
    font-size: 1rem;
    color: #000;
    border:1px solid #ccc;
    padding: 0.5em 1.2em;
    margin-top: 1.5em;
    transition: 0.5s;
}
button[name="update_cart"]:hover{
    background-color: #000;
    color: #fff;
}
.line-update{
    border-top: solid 2px #d8d8d8;
}
.hm-collection_cat_description{
    width: 80%;
}
/* CART TOTALS */
.cart_totals .shop_table tr {
    border-bottom: solid 1px #cccccc;
}
.cart_totals th, .cart_totals td {
    padding: 1rem 0;
}
.cart_totals th{
    font-size: 1.3em;
}
.cart-subtotal td,
.order-total td{
    font-size: 1.3em;
    font-weight: 600;
}
.cart_totals td {
    text-align: right;
}
.cart_totals .shop_table tr {
    border-bottom: solid 1px #cccccc;
}
.cart_totals .shop_table tr:last-child {
    border-bottom: solid 0px;
}
.checkout-button{
    margin-top: 2em;
    display: block;
    width: 100%;
    text-align: center;
    opacity: 0.8;
    transition: 0.3s;
}
/* .checkout-button:hover{
    color: #fff;
    opacity: 1;
} */
.cart-empty.woocommerce-info{
    font-size: 1.3em;
    font-weight: 600;
    margin-top: 10vh;
}
.cart-empty.woocommerce-info,
p.return-to-shop{
    text-align: center;
}
p.return-to-shop{
    margin-bottom: 5em;
}
.cart-collaterals-wrap .cart_totals{
    border-radius: 0;
    color: #000;
}
.wcppec-checkout-buttons__separator{
    display: none;
}
/* CHECKOUT */
#order_review .shop_table thead,
.order-review-wrapper{
    background-color: #f3f3f3;
}
.order-review-wrapper{
    padding: 2em 2em 2em;
    color: #000;
}
.checkout-row h3{
    font-size: 1.3em;
    font-weight: 400;
    margin: 1.5em 0 1em;
}
#order_review .shop_table tr.cart-subtotal,
#order_review .shop_table tbody,
#order_review .shop_table thead tr{
    /* border-bottom: solid 1px #d8d8d8; */
    border-bottom: solid 1px #000;
}
#order_review .shop_table thead,
#order_review .shop_table tbody {
    display: table-caption;
}
#order_review .shop_table thead tr th {
    width: 49%;
    display: inline-block;
}
#order_review .shop_table thead tr,
#order_review .shop_table tbody tr {
    display: block;
    width: 100%;
}
#order_review .shop_table tbody tr td{
    display: inline-block;
}
#order_review .shop_table tr.cart_item .product-name {
    width: 76%;
}
#order_review .shop_table tbody tr td.product-total {
    width: 23%;
}
#order_review .shop_table td.product-name ,
#order_review .shop_table thead tr th{
    padding-bottom: 0.8em;
}
#order_review .shop_table .cart-subtotal td,
#order_review .shop_table .cart-subtotal th,
#order_review .shop_table .order-total th{
    padding: 1.5em 0;
}
#order_review .shop_table .order-total td,
#order_review th.product-total,
#order_review .cart-subtotal td,
#order_review .cart_item .product-total {
    text-align: right;
}
#order_review .shop_table .order-total{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
ul.wc_payment_methods,
ul#shipping_method{
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
    padding: 1.5em 0;
}
#shipping_method input{ 
    margin: 0 15px;
}
#order_review .shipping td:nth-child(2) {
    min-width: 200px;
}
.checkout_coupon.woocommerce-form-coupon{
    /* display: block !important; */
    color: #000;
}
.checkout_coupon.woocommerce-form-coupon .form-row {
    margin: 0 0 1rem;
    max-width: 440px;
    display: inline-block;
    vertical-align: top;
}
.checkout_coupon.woocommerce-form-coupon .form-row {
    margin: 0 0 1rem;
    max-width: 340px;
    display: inline-block;
    vertical-align: top;
}
td.product-total{
    font-size: 1.23rem;
}
.woocommerce-form-coupon-toggle,
.woocommerce-form-coupon-toggle a,
.place-order a{
    text-decoration: underline;
    color: #000;
}
.place-order .form-row{
    margin-left: 0;
    margin-right: 0;
}
.place-order{
    padding: 0 5px;
}
.woocommerce-form-login__submit,
button[name="apply_coupon"],
button[name="woocommerce_checkout_place_order"]{
    width: 100%;
    background: #000;
    color: #fff;
    height: 3.7em;
    line-height: 3.7em;
    text-align: center;
    border: 0;
    border-radius: 0px;
    padding: 0 30px;
}
button[name="apply_coupon"]{
    height: 2.6rem;
    line-height: 2.6rem;
}
#customer_details .form-row.checkbox-pd {
    width: 100%;
    padding: 0 1.5rem;
}
/*------------------------------------------ ACCOUNT */
.woocommerce-Address {
    display: inline-block;
    padding: 0;
    vertical-align: top;
    width: 40% !important;
    max-width: none;
}
.woocommerce-Address-title.title h3 {
    font-size: 1rem;
}
.page-pad-hamb{
    padding-top: 2em;
    padding-bottom: 2em;
}
.form-row input[type="password"],
.form-row input[type="email"],
.form-row input[type="tel"],
.form-row textarea,
.form-row input[type="text"] {
    background: transparent;
    border: 1px solid #cccccc;
    border-radius: 0px;
    padding: .43rem .9375rem;
    width: 100%;
}
span.woocommerce-input-wrapper,
.form-row .password-input{
    width: 100%;
}
.form-row label {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 1rem;
    margin: 0;
}
button[name='save_address'],
button[name='save_account_details']{
    background: #ff6720;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: 0;
    padding: 1em 2em;
    margin-top: 2em;
}
h2.woocommerce-order-details__title,
h2.woocommerce-column__title{
    font-size: 2em;
    font-weight: 900;
}
.woocommerce-checkout .woocommerce-form-login{
    /* position: absolute;
    z-index: 1;
    background: #fff;
    width: 70%;
    top: 10px;
    padding: 2em; */
}

/* MINI CART */
.shopping-cart-fly{
    display: none;
    cursor: pointer;
}
.shopping-cart-fly .flyqty{
    position: absolute;
    top: 30px;
    right: 0px;
    font-weight: bold;
    display: block;
    width: 68px;
    text-align: center;
}
.shopping-cart-fly{
    position: fixed;
    z-index: 100;
    background: #fff;
    padding: 10px;
    left: 10px;
    top: 15px;
}
.fly-notice-wrap{
    position: relative;
}
.fly-notice{
    position: absolute;
    width: 245px;
    left: 55px;
    background: #000;
    color: #fff;
    text-align: center;
    z-index: -1;
    height: 68px;
    top: -10px;
    padding: 20px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    opacity: 0;
}
.fly-notice.active{
    width: 285x;
    left: 55px;
    opacity: 1;
}
.wrp-mc{
    float: left;
    margin-top: 7px;
}
.mini-cart {
    font-weight: 400;
    padding: 5px;
    position: relative;
}
.mini-cart div:last-child {
    margin-left: 0;
}
.mini-cart div > span {
    color: #000;
    margin-bottom: 0;
}
/* .mini-cart div:hover {
    -webkit-filter: brightness(0);
    filter: brightness(0);
} */
.mini-cart a {
    font-size: 1em;
}
.mini-cart img {
    width: auto;
    height: 30px;
}
.mini-cart .bind-quantity{
    position: absolute;
    color: #000;
    display: inline-block;
    top: 15px;
    width: 30px;
    height: 30px;
    z-index: 100;
    line-height: 1;
    text-align: center;
}
.woocommerce-mini-cart__total,
a#cart-mob,
a#cart{
    color: #fff;
}
.cart-dropdown {
    width: 30em;
    background: #fff;
    border-top: 1px solid #000;
    padding: 1em 1em;
    box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    display: none;
    z-index: 9999;
    top: 3.45rem;
}
.cart-dropdown  ul.woocommerce-mini-cart{
    max-height: 500px;
    overflow-y: scroll;
}
.close-x{
    position: absolute;
    width: 20px;
    height: 20px;
    right: 15px;
    top: 15px;
    text-align: center;
    font-size: 1.2em;
    cursor: pointer;
}

.mini_cart_item div {
    position: relative;
    display: inline-block;
}

.mini_cart_item .remove_from_cart_button {
    background-color: #979797;
    border-radius: 100%;
    color: white;
    display: inline-block;
    font-size: 25px;
    padding: 0;
    text-align: center;
    height: 25px;
    width: 25px;
    line-height: 28px;
    margin: 0 10 0 0px;
}
.mini_cart_item .remove_from_cart_button:hover {
    background-color: #000;
}

.mini_cart_item {
    margin-bottom: 1rem;
}
.mini_cart_item a{
    color: #000;
}
.mini_cart_item .product-img{
    width: 15%;
}
.mini_cart_item img{
    width: 100%;
    height: auto;
}
.mini_cart_item .product-name{
    width: 50%;
    vertical-align: middle;
    line-height: 1.3;
    padding: 0 10px;
    font-size: 0.9em;
}
.mini_cart_item .quantity{
    width: 25%;
    display: inline-block;
    text-align: center;
    padding-top: 1em;
    color: #000;
}
.header-quickcart{
    margin-top: 2em;
}
.woocommerce-mini-cart__buttons a{
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
.mini_cart_item .quantity {
    font-size: 1.13em;
}
.woocommerce-mini-cart__total{
    font-size: 1.3rem;
}
.woocommerce-mini-cart__total span{
    float: right;
}

/*Responsive*/
@media only screen and (max-width:1440px), screen and (min-device-width : 1366px) and (max-device-width : 1440px) and (orientation : landscape) {
    .bestsellers-slider {
        max-width: 1200px;
    }
    .bestsellers-slider .swiper-button-next{
        right: -20px;
    }
    .bestsellers-slider .swiper-button-prev{
        left: -20px;
    }
}
/* Mobile */
@media (max-width: 575px) {
    .container{
        width: 100%;
        max-width: 100%;
    }
    /* PADDING */
    .bestsellers{
        padding-top: 1.5rem;
    }
    .cpy-full-10 {
        padding-top: 2.1em;
        padding-bottom: 2.1em;
    }
    .bestsellers-slider .swiper-button-next,
    .bestsellers-slider .swiper-button-prev,
    .header-desctop{
        display: none;
    }
    .bestsellers-slider{
        height: auto;
    }
    .bestsellers-swiper{
        padding-bottom: 2em;
    }
    /* .bestsellers-slider .swiper-button-next{
        right: 20px;
    }
    .bestsellers-slider .swiper-button-prev{
        left: 0px;
    }  */
    .bestsellers-swiper .swiper-slide,
    .bestsellers-swiper .swiper-slide-active{
        width: 100% !important;
        top: 0px;
    }
    .series-swiper .swiper-pagination-bullet{
        width: 15px;
    }
    .col-50 {
        width: 100%;
    }
    ul.bycategories li{
        display: block;
        width: 100%;
        text-align: center;
    }
    .content-txt img{
        max-width: 100%;
        height: auto;
    }
    .contact-box {
        padding-left: 0em;
        border-right: 0;
    }
    .home-blogs .blogpost{
        margin-bottom: 1em;
    }
    .form-cosmetic-search {
        width: 90%;
        margin: 0 auto;
    }
    .series-swiper .swiper-pagination {
        bottom: 170px;
    }
    .bestsellers-swiper .bestseller-pagination{
        display: block;
    }
    #cs-details p{
        margin-bottom: 1.2em;
    }
    .full-desc-term{
        padding: 0.8em;
    }
    .log-box {
        padding: 2em 1em;
    }
    .logo img {
        width: 80px;
    }
    .newsletter .shrnk-element {
        width: 100%;
    }
    #newsletter-form input{
        margin-bottom: 10px;
    }
    .cosmetics-header-link .c-link{
        padding: 4px 1em;
        line-height: 14px;
    }
    .cosmetic-bg{
        margin-top: 4em;
    }
    .home-wrapper .bestsellers h2,
    .home-wrapper .insgram-section h2 {
        font-size: 1.8em;
    }
    .mini-cart .bind-quantity{
        top: 28px;
    }
    .added_to_cart, .add_to_cart_button, .checkout-button, .single_add_to_cart_button {
        padding: 9px 15px;
    }
    .bestsellers-swiper .swiper-slide-active .img-holder,
    .bestsellers-swiper .swiper-slide-active .img-holder img {
        width: auto  !important;
    }
    .bestsellers-swiper .title-product h5 {
        margin-top: 0;
    }
    /* MOBILEMENU */

    /*START GAMNURGER TO X */
    .mobile-menu-trigger {
        position: relative;
        display: inline-block;
        width: 30px;
        height: 26px;
        vertical-align: middle;
        cursor: pointer;
        z-index: 1000;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .mobile-menu-trigger span {
        position: absolute;
        display: block;
        display: block;
        margin-bottom: 10px;
        width: 100%;
        height: 1px;
        background: #4c4d4f;
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .mobile-menu-trigger span {
        background: #fff;
    }
    .mobile-menu-trigger span:nth-child(1) {
        top: 0px;
    }
    .mobile-menu-trigger span:nth-child(2) {
        top: 10px;
    }
    .mobile-menu-trigger span:nth-child(3) {
        top: 20px;
    }
    /* X */
    .mobile-menu-trigger.opened span:nth-child(1) {
        top: 13px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .mobile-menu-trigger.opened span:nth-child(2) {
        right: -1000px;
        opacity: 0;
    }
    .mobile-menu-trigger.opened span:nth-child(3) {
        top: 13px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    /* END GAMNURGER TO X */
    html, body {
        overflow-x: hidden;
    }
    #site-wrapper {
        position: relative;
        left: 0;
        transition: left 0.3s;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        max-height: 100%;
        padding-top: 65px;
    }
    .header-mobile {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 85px;
        background: #000;
        line-height: 65px;
        z-index: 999;
        -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    }
    .header-strip-info {
        height: 20px;
        line-height: normal;
    }
    .mobile-nav-pushed {
        position: fixed;
        top: 0;
        left: -100%;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 999999;
    }
    /* --OPENED MENU */
    #site-wrapper.opened,
    .header-mobile.opened{
        left: 84%;
    }
    .mobile-nav-pushed.the-mobile-menu{
        width: 84%;
        float: right;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        border-right: 1px solid #bdbdbd;
        background: var(--very-light-pink);
    }
    .mobile-nav-pushed.the-mobile-menu.opened {
        left: 0%;
    }
    .the-mobile-menu .main-menu li{
        display: block;
        padding: 0 0em;
    }
    .the-mobile-menu .main-menu li a{ 
        font-size: 1.3em;
        display: block;
        margin: 15px;
    }
    .the-mobile-menu .mobile-menu-wrapper{
        padding: 0 2em;
    }
    .account-entrance-link {
        padding: 0px 0px 0;
    }
    .lang-menu_mob li{
        padding-right: 15px;
    }
    .mobile-nav-pushed .search-toogle,
    .mobile-nav-pushed .serchform-wrap{
        line-height: 85px;
    }
    .mobile-nav-pushed .search-mob-wrap .search-toogle{
        display: inline-block;
        width: 18%;
        text-align: center;
        border-bottom: 1px solid #000;
        background: #fff;
    }
    .mobile-nav-pushed .search-mob-wrap .serchform-wrap{
        width: 80%;
    }
    .header-serchform,
    .header-serchform input,
    .header-serchform.active,
    .header-serchform.active input.searchinput {
        width: 100%;
        padding: 0 0px;
        margin: 0;
    }
    /* .header-serchform input.searchinput {
        padding: 0 10px;
    } */
    .mini_cart_item .product-name {
        width: 40%;
    }
    .mini-cart {
        padding: 0px 10px;
    }
    .cart-dropdown {
        width: 100%;
        top: 4.65rem;
    }
    .woocommerce-cart-form table.shop_table {
        width: 600px;
    }
    .table-responsive {
        overflow-x: auto;
    }
    .cart_item .cart-item-info {
        width: 50%;
        padding-right: 0em;
    }
    .mobile-menu-wrapper .main-menu li a{
        color: #000;
    }
}