
:root{
    --black-p: #000;
    --black-s: #292828;
	--black-t: #353536;
    --white-p: #fff;
    --blue-p: #79e2c2;
    --grey-p: #888;
    --grey-s: #646464;
    --grey-t: rgba(41, 40, 40, 0.1);
    --grey-f: #979797;
    --grey-e: #fafafa;
    --grey-o: #d8d8d8;
    --grey-r: #f1f1f1;
    --grey-b: #f8f9fa;
    --grey-z: #f8f8f8;
    --grey-l: #959191;
    --rouge: #c1103b;
    --green-p: #729979;
    --green-s: #c8e28d;
    --green-t: #4acf62;
	--green-l: #01c29b;
    --brown-p: #97907f;
    --red-p: #a52a2a;
    --red-s: #ff0000;
	--red-d: #d11149;
    --blue-p: #1b225c;
    --blue-s: #f1f3f6;
    --orange-p: #ffa430;
	--background-color: #f6f6f6;
    --font-primary: 'Dosis', sans-serif;
    --font-secondary: 'Dosis Medium', sans-serif;
    --font-bold: 'Dosis Bold', sans-serif;
}

@font-face {
    font-family: 'Dosis Bold';
    src: url('../fonts/Dosis-Bold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('../fonts/Dosis-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Dosis Medium';
    src: url('../fonts/Dosis-Medium.ttf') format('truetype');
    font-display: swap;
}

body{
    font-family: var(--font-primary);
    font-size:16px;
    color:var(--black-p);
    background-color:var(--background-color);
    position:relative;
    left:0;
    overflow:hidden;
}
.navigation{
    display:flex;
    align-items:center;
	justify-content: end;
    width:100%;
    position:relative;
    z-index:98;
    padding:1rem;
    background-color:var(--white-p);
	gap: 50px;
    /*padding-left: 45px;*/
    padding-left: 25px;
    padding-right: 25px;
    height: 68px;
}
.navigation.sticky {
    position: fixed;
    background-color: var(--white-p);
    top: 0;
}
.navigation .logo a{
    font-size:30px;
    color:#000;
    font-weight:700;
    text-decoration:none
}
.navigation .item-center{
}
.navigation .item-right{
    display:flex;
}
.navigation .item-right a{
    text-decoration:none;
    font-size:16px;
    color:#555;
    display:inline-block;
    margin-left:11px;
    transition:color .3s ease;
}
.navigation .item-right a:first-child{
    background-color: var(--background-color);
    width: 100px;
    padding-left: 10px;
    padding-bottom: 5px !important;
    border-radius: 9999px;
}
.navigation .item-right a span {
    display: inline-block;
    transform: translate(6px, 1px);
    text-transform: uppercase;
    font-size: 12px;
}
.menu-main{
    text-align:center;
    padding:0;
    margin:0;
    display:flex;
    align-items:center
}
.navbar-search{
    position:relative
}
.navbar-search:hover{
    color:var(--hotred)
}
.navbar-icons{
    margin-right:20px;
    cursor:pointer;
    transition:.3s all
}
.navbar-icons a:hover{
    border:none!important;
    padding-bottom:0!important
}
.cart_box .shopping-bag-green,.cart_box:hover .shopping-bag{
    /*display:none;*/
    /*display: block;*/
}
.cart_box:hover .shopping-bag-green{
    /*display: inline;*/
}
.shopping-bag-green {
    display: none;
}
.hide-profile .profile-green,.hide-profile:hover .profile{
    display:none
}
.hide-profile:hover .profile-green{
    display:inline
}
.active-profile .profile{
    display:none
}
.active-profile .profile-green{
    display:inline
}
.navbar-search .search-green,.navbar-search:hover .search-icon{
    display:none
}
.navbar-search:hover .search-green{
    display:inline
}
.navigation .menu>ul>li{
    display:inline-block;
    margin:0;
    padding:0;
    cursor:pointer;
}
.navigation .menu>ul>li>a{
    padding:22px 20px;
    font-size:16px;
    color:var(--black-p);
	font-family: var(--font-secondary);
    position:relative;
    transition:color .3s ease;
    text-decoration:none;
}
.navigation .menu>ul>li>a:hover{
    color:var(--hotred)
}
.navigation .menu>ul>li .sub-menu{
    position:absolute;
    z-index:500;
    background-color:var(--white);
    padding:20px 30px;
    margin-top:22px;
    opacity:0;
    visibility:hidden;
}
.navbar-logo img{
    height:60px;
    position: absolute;
    left: 25px;
    bottom: 50%;
    transform: translate(0, 50%);

}
@media (min-width:992px){
    .navigation .menu>ul>li.menu-item-has-children:hover .sub-menu{
        visibility:visible;
        opacity:1;
        transition:visibility 0s,opacity .3s linear;
        background-color:var(--grey-r);
    }
}
.navigation .menu>ul>li .sub-menu>ul>li{
    line-height:1;
}
.navigation .menu>ul>li .sub-menu>ul>li>a{
    display:inline-block;
    padding:10px 0;
    font-size:15px;
    color:#555;
    transition:color .3s ease;
    text-decoration:none;
    text-transform:capitalize;
}
.navigation .menu>ul>li .single-column-menu{
    min-width:280px;
    max-width:350px
}
.navigation .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li{
    line-height:1;
    display:block
}
.navigation .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a{
    padding:5px 0;
    display:inline-block;
    font-size:14px;
    color:var(--black-p);
    transition:color .3s ease;
}
.navigation .menu>ul>li .sub-menu.mega-menu{
    left:50%;
    transform:translateX(-50%)
}
.navigation .menu>ul>li .sub-menu.mega-menu-column-4{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    padding:20px 45px;
}
.item-placeholder{
    flex:0 0 16%
}
.navigation .menu>ul>li .sub-menu.mega-menu-column-4>.list-item{
    flex:0 0 21%;
    padding:0 15px
}
.navigation .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title{
    font-size:20x;
    color:var(--black-p);
    padding:10px 0;
    position:relative;
    font-weight:400;
}
.navigation .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title{
    text-align:center
}
.navigation .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img{
    max-width:100%;
    vertical-align:middle;
    margin-top:10px;
    margin:0 auto;
    display:block;
    transition:.3s all
}
.navigation .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img:hover{
    opacity:.8
}
.menu-item-has-children:after{
    content:'';
    background:url(../images/dropdown-arrow.svg);
    height:3px;
    width:7px;
    position:absolute;
    top:33px;
    margin-left:-17px;
    transition:.4s all;
    filter: brightness(0);
}
.menu-item-has-children:hover:after{
    filter: invert(63%) sepia(73%) saturate(542%) hue-rotate(339deg) brightness(104%) contrast(101%);
    transform:rotate(180deg)
}
.navigation .menu>ul>li .sub-menu>ul>li>a:hover,.navigation .menu>ul>li:hover>a:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-7px;
    max-width:250px;
    height:1px;
    /*width:50%;*/
    width:71%;
    border-bottom:2px solid var(--green-l);
    margin:0 auto;
    padding:4px 0;
    transform:translate(-50%,-50%);
}
.navigation .item-right a:hover,.navigation .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,.navigation .menu>ul>li .sub-menu>ul>li>a:hover,.navigation .menu>ul>li:hover>a{
    color:var(--green-l) !important;
    z-index:501
}
.list-item ul li a:hover{
    border-bottom:none!important;
    padding-bottom:5px!important;
}
.mobile-menu-head,.mobile-menu-trigger{
    display:none;
}
.list-item{
    text-align:left
}
.sub-menu ul{
    padding:0
}
.navbar-logo-mobile{
    display:none
}
@media (max-width:991px){
    .has-arrow:after {
        position: absolute;
        top: 16px;
        right: -18px;
        content:'';
        background-image:url(../images/down-arrow.svg);
        height:6px;
        width:10px;
        background-size:cover;
        background-position:center;
        transform:rotate(-90deg);
        opacity: 0.6;
    }
    .rotate-arrow:after {
        transform:rotate(0deg);
    }
    .subcategory-box {
        display: none;
    }
    .navigation .menu>ul>li .sub-menu>ul>li>a:hover,.navigation .menu>ul>li:hover>a:after{
        content:"";
        position:absolute;
        left: auto;
        right: 20px;
        height:6px;
        border-bottom: 0;
        width: 10px;
        margin:0;
        padding: 0;
        transform: none;
    }
    .navigation{
        padding:1px 10px;
        background-color:var(--menu)
    }
    .mt-4{
        margin-top:0!important
    }
    footer{
        padding:20px
    }
    footer .justify-content-center{
        justify-content:left!important
    }
    footer .text-right{
        text-align:left!important
    }
    .social-icons{
        margin:10px
    }
    .payment-icons{
        text-align:center;
        margin:10px
    }
    .logo{
        max-height:50px;
        margin:10px
    }
    .input-group{
        margin-bottom:15px
    }
    .category-card{
        margin:10px
    }
    .blog-card-wrapper{
        flex-direction:column
    }
    .navigation .item-right a{
        margin-left:25px;
    }
    .navbar-icons{
        margin:0;
        position:absolute;
        right:48px;
        margin:0 15px;
    }
    .navbar-logo-mobile{
        display:block
    }
    .navbar-logo-mobile img{
        max-height:30px
    }
    .navigation .menu>ul>li:hover>a{
        border:none;
        color:var(--black);
        padding-bottom:0;
        z-index:500
    }
    section{
        padding:25px 0
    }
    .item-right a:hover{
        border:none!important;
        padding:0!important
    }
    .top-nav{
        display:none
    }
    .menu-item-has-children:after{
        display:none
    }
    .navigation .item-center{
        order:3;
        flex:0 0 100%
    }
    .navigation .item-left,.navigation .item-right{
        justify-content:space-between;
    }
    .v-center{
        justify-content:space-between
    }
    .navigation .mobile-menu-trigger{
        position: absolute;
        left: 20px;
        display:flex;
        height:30px;
        width:21px;
        cursor:pointer;
        align-items:center;
        justify-content:center;
        margin-top:3px;
        border-radius:10px;
    }
    .navigation .mobile-menu-trigger span{
        display:block;
        height:2px;
        background-color:var(--black-p);
        width:100%;
        position:relative;
        border-radius:10px;
    }
    .navigation .mobile-menu-trigger span:after,.navigation .mobile-menu-trigger span:before{
        content:'';
        position:absolute;
        left:0;
        height:100%;
        border-radius:10px;
        background-color:var(--black-p);
    }
    .navigation .mobile-menu-trigger span:before{
        top:-7px;
        width:115%
    }
    .navigation .mobile-menu-trigger span:after{
        top:7px;
        width:80%
    }
    .navigation .item-right{
        align-items:center
    }
    .navigation .menu{
        position:fixed;
        width:100%;
        background-color:var(--white-p);
        left:0;
        top:0;
        height:100vh;
        overflow-y: auto;
        /*        overflow:hidden;*/
        transform:translate(-100%);
        transition:all .5s ease;
        z-index:1099;
    }
    .navigation .menu.active{
        transform:translate(0);
    }
    .navigation .menu>ul>li{
        line-height:1;
        margin:0;
        display:block;
    }
    .show-profile{
        display:flex;
        gap: 7px;
        align-items: center;
    }
    .show-cart {
        display:flex;
        gap: 7px;
        align-items: center;
		position: relative;
    }
    .show-cart img {
        filter: brightness(0);
    }
    #list-item{
        display:block;
        text-transform:uppercase;
        color:#292828;
        margin-bottom:10px;
    }
    #list-item a{
        pointer-events:visible;
    }
    .navigation .menu>ul>li .cart-label{
        margin:0 10px;
        text-transform:capitalize;
        pointer-events:visible;
        cursor:pointer;
    }
    .navigation .menu>ul>li .profile-label{
        margin:0 16px;
        text-transform:capitalize;
        position:relative;
        bottom:-1px;
        pointer-events:visible;
        cursor:pointer;
    }
    .menu-main{
        text-align:left;
        display: none;
    }
    .navigation .menu>ul>li.list-item.mobile>a{
        pointer-events: auto;
    }
    .navigation .menu>ul>li>a{
        line-height:50px;
        height:50px;
        padding:0 30px;
        display:block;
        font-size:16px;
        color:var(--black-p);
        /* pointer-events:none; */
        font-weight: bold;
    }
    .navigation .menu>ul>.menu-item-has-children>a:after{
        content:'';
        background-image:url(../images/down-arrow.svg);
        height:6px;
        width:10px;
        background-size:cover;
        background-position:center;
        transform:rotate(-90deg);
        position:absolute;
        top:22.5px;
        right:25px;
        opacity: 0.5;
    }
    .navigation .menu>ul>li>a i{
        position:absolute;
        height:50px;
        width:50px;
        top:0;
        right:0;
        text-align:center;
        line-height:50px;
        transform:rotate(-90deg);
    }
    .navigation .menu .mobile-menu-head{
        display:flex;
        height:50px;
        justify-content:space-between;
        align-items:center;
        position:relative;
        z-index:501;
        position:sticky;
        background-color:#fff;
        top:0;
        margin: 0 20px;
        border-bottom: 1px solid var(--grey-o);
        margin-bottom: 10px;
    }
    .navigation .menu .mobile-menu-head .go-back{
        height:50px;
        width:25px;
        border-right:1px solid var(--lightgrey);
        cursor:pointer;
        line-height:50px;
        text-align:center;
        color:#000;
        font-size:16px;
        display:none;
    }
    .navigation .menu .mobile-menu-head.active .go-back{
        display:block;
        font-size:12px;
    }
    .show-all a{
        display:none;
    }
    .navigation .menu .mobile-menu-head .current-menu-title{
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
        font-size:10px;
        color: var(--black-p);
        text-transform: uppercase;
    }
    .navigation .menu .mobile-menu-head .main-menu-title{
        position: absolute;
        left: 14%;
        transform: translate(-50%, 0%);
        font-size:10px;
        color: var(--black-p);
        text-transform: uppercase;
    }
    .navigation .menu .mobile-menu-head .mobile-menu-close{
        height:50px;
        width:25px;
        cursor:pointer;
        line-height:50px;
        text-align:center;
        color: var(--black-p);
        font-size:22px;
    }
    .navigation .menu .menu-main{
        margin:0;
        /*        touch-action:none;
                -ms-touch-action:none;*/
        /*height:100vh;*/
        display:block;
    }
    .navigation .menu>ul>li .sub-menu,.navigation .menu>ul>li .sub-menu.mega-menu{
        visibility:visible;
        opacity:1;
        position:absolute;
        box-shadow:none;
        margin:0;
        padding:15px;
        top:0;
        left:0;
        width:100%;
        height:100%;
        padding-top:65px;
        max-width:none;
        min-width:auto;
        display:none;
        transform:translateX(0);
        overflow-y:auto;
    }
    .navigation .menu>ul>li .sub-menu.active{
        display:block;
    }
    .mobile-menu-head.active .mobile-menu-close{
        display:block;
    }
    .mobile-menu-close{
        position:absolute;
        right:0;
    }
    @keyframes slideLeft{
        0%{
            opacity:0;
            transform:translateX(100%);
        }
        100%{
            opacity:1;
            transform:translateX(0);
        }
    }
    @keyframes slideRight{
        0%{
            opacity:1;
            transform:translateX(0)
        }
        100%{
            opacity:0;
            transform:translateX(100%)
        }
    }
    .navigation .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img{
        margin-top:20px;
        max-height:300px;
    }
    .navigation .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title{
        margin-bottom:20px
    }
    .navigation .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title{
        margin-bottom:0
    }
    .navigation .menu>ul>li .sub-menu.mega-menu-column-4>.list-item{
        flex:0 0 100%;
        padding:0 30px
    }
    .navigation .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a,.navigation .menu>ul>li .sub-menu>ul>li>a{
        display:block
    }
    .navigation .menu>ul>li .sub-menu.mega-menu>.list-item>ul{
        margin-bottom:15px
    }
    .menu-overlay{
        position:fixed;
        background-color:rgba(0,0,0,.5);
        left:0;
        top:0;
        width:100%;
        height:100%;
        z-index:1098;
        visibility:hidden;
        opacity:0;
        transition:all .5s ease
    }
    .menu-overlay.active{
        visibility:visible;
        opacity:1
    }
}
.menu-overlay{
    display:none
}
@media (max-width:980px){
    .navigation .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title{
        font-family: var(--font-primary);
        font-size:13px;
        color:var(--black-p);
        padding:10px 0;
        position:relative;
        font-weight:400;
    }
    .sub-menu ul.subcategory-box {
        background-color: var(--grey-e);
        padding: 10px 20px;
    }
    .for-customers.mobile {
        display: block;
    }
    .navigation .menu>ul>li.mobile {
        display: block !important;
    }
    .menu-overlay{
        display:block;
    }
}
.show-all{
    display:block;
    margin-top: 20px;
    font-size:13px;
    color:var(--black-p);
    text-transform:uppercase;
    text-decoration:underline;
    flex:0 0 100%;
}
.show-all:hover {
    text-decoration: none;
}
.show-all a{
    color:var(--black-p);
}
.show-all a:hover{
    color:var(--orange-p);
}
.arrow-img{
    width:10px;
    position:relative;
    right:3px;
    top:-1px;
    opacity: 0.6;
}

.custom-navigation li {
    font-size: 16px;
    list-style: none;
    margin: 0 20px;
}

.custom-navigation {
    margin-right: 15%;
}

.navigation .menu>ul>li.mobile {
    display: none;
}

.for-customers {
    margin: 0 20px;
    margin-top: 20px;
    border-bottom: 1px solid var(--grey-o);
    padding-bottom: 25px;
}

.for-customers p {
    text-transform: uppercase;
    font-size: 10px;
    margin: 0 10px;
}

.navigation  .for-customers .menu-main {
    margin: 0 10px;
    margin-top: 12px;
    list-style: none;
}

.social-icons.mobile {
    margin: 0 5px;
    margin-top: 12px;
}

.social-icons.mobile img {
    filter: brightness(0);
}

#country-select.region-mobile .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--black-p);
}

#country-select.region-mobile .select2-container--default .select2-selection--single .select2-selection__arrow b {
    filter: brightness(0);
    top: 8px;
}

.region-mobile {
    margin: 0 30px;
    margin-top: 15px;
}

.region-mobile p {
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 10px;
}

.company-rights-mobile {
    font-size: 13px;
    margin: 0 30px;
    padding: 30px 0;
    padding-bottom: 40px;
}

.overflow-hidden {
    overflow: hidden;
}

.show-mobile.active {
    display: none;
}



.navigation .menu>ul>li .sub-menu.mega-menu>.list-item>ul.subcategory-box>li>a {
    font-size: 13px;
    margin: 5px 0;
}

.navigation .menu>ul>li>a.emphasized {
	color: var(--red-d);
}