/*@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
*/
@font-face {
    font-family: 'cairo-regular';
    src: url('cairo/cairo-regular.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {
    /*font-family: var(--fontfamilyarabic);*/
    font-family: 'cairo-regular';
    font-weight: 400;
    color: #666;
    font-size: 13px;
    line-height: 20px;
    width: 100%;
    background: #f7f7fa;
    padding: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #404553;
}
/* default font size */
.fa {
    font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
    font-size: 33px;
}
h2 {
    font-size: 27px;
}
h3 {
    font-size: 21px;
}
h4 {
    font-size: 15px;
}
h5 {
    font-size: 13px;
}
h6 {
    font-size: 10.2px;
}
a {
    color: #404553;
}
a:hover {
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: none;
        outline: none;
}
.form-control{
    height: 41px;
}
legend {
    font-size: 18px;
    padding: 7px 0px
}
label {
    font-size: 13px;
    font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: 13px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
    font-size: 13px;
}
.input-group .input-group-addon {
    font-size: 13px;
    height: 25px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
        line-height: 2;
}
.container {
    max-width: 1400px;
    width: 100%;
}
.nav-tabs {
    margin-bottom: 15px;
}
div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
    text-decoration: none;
    /*color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;*/
}
/* top */
#top {
    background-color: #f8f8f8;
    padding: 4px 0px 3px 0;
    margin: 0 0 20px 0;
    height: 40px;
}
#top .container {
    padding: 0 20px;
}
html[dir=rtl] #top #form-currency .currency-select,
html[dir=rtl] #top #form-language .language-select {
    text-align: right;
}
html[dir=ltr] #top #form-currency .currency-select,
html[dir=ltr] #top #form-language .language-select {
    text-align: left;
}

#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
    text-shadow: none;
    color: var(--secondcolor);
}
#top .btn-link, #top-links li, #top-links a {
    color: #6d767d;
    text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
    color: var(--secondcolor);
}
#top .btn-group.dropdown > .btn{
    /*padding: 7px 0 0;*/
}
#top .btn-link strong {
    font-size: 14px;
    line-height: 14px;
}
#top-links {
    padding-top: 7px;
}
.btn-link{
    color: #6d767d;
}
.btn-link:hover, .btn-link:focus {
    color: var(--secondcolor);
    text-decoration: none;
    background-color: transparent;
        outline: none;
}
#top-links a + a {
    margin-right: 15px;
}
header{
    background: var(--maincolor);
    position: relative;
    z-index: 999;
}
header .list-inline{
    margin: 0;
}
#modal-quicksignup .modal-header{
    text-align: center;
    border: 0;
}
#modal-quicksignup .modal-header .modal-title {
    margin: 40px 0 0;
    font-size: 24px;
    font-weight: 100;
}
#modal-quicksignup .modal-header h3{
    font-weight: 800;
    font-size: 24px;
    color: #404553;
}
.modal-content{
        box-shadow: none;
        border: 0;
}

.text_center{
    text-align: center;
}
.quick_signup2{
    color: var(--secondcolor);
    cursor: pointer;
}
@media (min-width: 768px){
    .modal-dialog {
        width: 400px;
    }
}
#modal-quicksignup2 .modal-header{
    text-align: center;
    border: 0;
}
#modal-quicksignup2 .modal-header .modal-title {
    margin: 40px 0 0;
    font-size: 24px;
    font-weight: 100;
}
#modal-quicksignup2 .modal-header h3{
    font-weight: 800;
    font-size: 24px;
    color: #404553;
}
.quick_signup{
    color: var(--secondcolor);
    cursor: pointer;
}
.close{
    font-size: 24px;
    opacity: 1;
}

.shipping{
    padding-top: 7px;
}
.social .fa{
    font-size: 16px;
}
.dropdown .dropdown-menu{
    display: block;
    visibility: hidden;
    opacity: 0;
    margin-top: -10px;
    transition: all .25s ease;
    border: 0;
}
.dropdown.open .dropdown-menu{
    margin-top: 0px;
    visibility: visible;
    opacity: 1;
}
header .dropdown-menu:before {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: white;
    pointer-events: none;
    margin: -25px auto 0;
    display: block;
}
.dropdown-menu-center{
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

 .header-classic  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 65px;
}
.header-classic .col-sm-3{
        padding-inline-start: 0;
}
#form-language .btn{
    padding: 0;
}
.red{
    position: absolute;
    top: -7px;
    
    color: #fff;
    width: 18px;
    height: 18px;
    background: var(--secondcolor);
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    z-index: 9;
}
html[dir=rtl] .red{
    left: 20px;
}
html[dir=ltr] .red{
    right: 20px;
}
.cart2 .red{
    top: 0px;
    left: 50%;
}
/* logo */
#logo {
    
    width: 130px;
}

/* search */
#search {
    background: #fff;
}
#search .input-lg {
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
    border: 2px solid #fff;
        box-shadow: none;
}
#search .btn-lg {
    font-size: 15px;
    line-height: 18px;
    padding: 9px 15px;
    background: transparent;
    color: #010100;
    border: 0;
    outline: none;
}
#search .btn-lg:active{
    box-shadow: none;
}
#search .btn-lg .fa{
    font-size: 19px;
}
/* cart */
#cart {
    
}
#cart > .btn {
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    color: #FFF;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    background: transparent;
    padding: 0;
}
#cart > .btn .fa-shopping-cart{
    display: none !important;
}
#cart > .btn:after{
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(cart.png) no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 0 5px;
    transform: scaleX(-1);
}
#cart.open > .btn {
    background-image: none;
    /*background-color: #FFFFFF;
    border: 1px solid #E6E6E6;*/
    color: #666;
    box-shadow: none;
    text-shadow: none;

}
#cart .btn:active, #cart .btn.active{
    box-shadow: none;
}
#cart .dropdown-menu:before{
    display: none;
}
#cart.open > .btn:hover {
    color: #444;
}
#cart .dropdown-menu {
    background: #eee;
    z-index: 1001;
    padding: 0 0 5px;
    border-radius: 0;
}
@media (min-width: 992px) {
    #cart .dropdown-menu {
        /*min-width: 100%;*/
    }
}
/*@media (max-width: 992px) {*/
        #cart .dropdown-menu {
            /*width: 100%;*/
        }

        #cart .dropdown-menu {
            background: #fff;
            z-index: 1001;
            position: fixed;
            top: 0;
            height: 100%;
            visibility: hidden;
            margin: 0;
            border: 0;
            border-radius: 0;
            width: 360px;
            transition: all 0.4s;
            display: block;
        }
        html[dir=rtl] #cart .dropdown-menu{
             right: -360px;
        }
        html[dir=ltr] #cart .dropdown-menu{
             left: -360px;
        }

        #cart.open .dropdown-menu{
            visibility: visible;
        }
        html[dir=rtl] #cart.open .dropdown-menu{
            right: 0;
        }
        html[dir=ltr] #cart.open .dropdown-menu{
            left: 0;
        }
    /*}*/
#cart .dropdown-menu table {
    margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
    /*min-width: 427px;*/
    padding: 0 10px;
}


@media (max-width: 478px) {
        #cart .dropdown-menu li > div {
            min-width: 100%;
        }
        #cart .dropdown-menu {
                width: 80%;
                min-width: 280px;
        }
    }
#cart .dropdown-menu li p {
    margin: 20px 0;
}
.cart-products{
    overflow: auto;
    max-height: 250px;
}
.cart-products button {
    color: #999;
    font-size: 15px;
    position: relative;
    background-color: transparent;
    padding: 2px 0 0;
    border: 0;
}
.cart-products img{
    padding: 10px;
}
.cart-products td{
    vertical-align: middle !important;
    border: 0 !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fff;
}
.cart-totals td{
    border: 0 !important
}
.table-bordered {
    border: 0;
}
.cart-buttons {
    padding: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #ddd;
}
.btn-cart.btn {
    background: var(--maincolor);
    margin: 0 6px;
    /*display: inline-flex;*/
    color: #fff;
    border-radius: 0;
}
.btn-cart.btn:hover {
    background: #9c0b1b !important;
}
.btn-checkout.btn {
    background: #3cc472;
    margin: 0 6px;
    /*display: inline-flex;*/
    color: #fff;
    border-radius: 0;
}
.btn-checkout.btn:hover {
    background: var(--maincolor) !important;
}



.main-menu{
    background: #fcfbf4;
    display: table;
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    align-items: center;
}
.main-menu .cat2{
    width: 100%;
}
html[dir=rtl] #menu{
    padding-right: 240px;
}
html[dir=ltr] #menu{
    padding-left: 240px;
}
.c_children{
    flex: 0 0 17%;
    padding-right: 30px;
}
.c_brands{
  flex: 0 0 40%;
    padding-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.c_image {
    flex: 0 0 40%;
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.c_brands h4 {
    font-weight: bold;
    font-size: 14px;
    width: 100%;
}
.c_image a {
    padding: 0 !important;
}
.c_image img{
    max-height: 310px;
}
.c_brands .brand_name{
        width: calc(90% / 3 - 0.01px);
}
.brand_name {
    /*width: calc(90% / 2 - 10.01px);*/
}
.brand_name a{
    padding: 0 !important;
        border: 1px solid #CFCFCF;
    border-radius: 8px;
}
.a-menu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.a-menu > li{
    padding: 0;
}
.a-menu > li > a {
    /*flex-direction: column;*/
    font-weight: bold;
    font-size: 14px;
    color: #404553;
    /*padding: 10px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.a-menu > li > a [class*="fa-"]{
    font-size: 16px;
    margin: 0 8px;
}
.a-menu > li > a:hover{
    color: var(--secondcolor);
}


.main-menu .row{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0;
}
/* menu */
#menu {
    background: var(--maincolor);
    background: transparent;
    min-height: auto;
    border: 0;
    margin: 0;
}
.bold{
    font-weight: bold;
}
#menu .nav > li > a {
    color: #303841;
    padding: 15px ​15px;
    min-height: 15px;
    background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}
#menu .dropdown-menu {
    display: table !important;
    width: 100%;
    margin: 0 !important;
        padding: 20px;
}
#menu .dropdown {
    position: static;
}
#menu .dropdown-menu > .dropdown-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
        justify-content: space-between;
}
#menu .dropdown-inner > li{
    width: calc(100% / 5 - 0.01px);
    min-height: 80px;
}
/*#menu .dropdown-inner .row{
    display: table;
}
#menu .dropdown-inner .row > li{
    display: table-cell;
}*/
#menu .dropdown-inner ul {
    display: table-cell;
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
}
#menu .dropdown-inner ul li{
    /*width: calc(100% / 3 - 0.01px);*/
}
#menu .dropdown-inner ul li a{
    min-width: 110px;
    padding: 7px 20px;
}
#menu .dropdown-inner ul li a:hover{
    color: var(--secondcolor) !important;
}
#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 13px;
}
#menu .dropdown-inner li a:hover {
    color: var(--secondcolor);
}
#menu .dropdown-inner ul a:hover{
    color: var(--maincolor);
}
/*#menu .dropdown-inner li .bold:after{
    content: "";
    display: block;
    border-bottom: 1px solid var(--maincolor);
}*/
#menu #category {
    float: right;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 18px;
    float: left;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #229ac8;
}
@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
}
@media (max-width: 767px) {
    #menu {
        border-radius: 4px;
    }
    #menu div.dropdown-inner > ul.list-unstyled {
        display: block;
    }
    #menu div.dropdown-menu {
        margin-right: 0 !important;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, 0.1);
    }
    #menu .dropdown-inner {
        display: block;
    }
    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }
    #menu .dropdown-menu a:hover,
    #menu .dropdown-menu ul li a:hover {
        background: rgba(0, 0, 0, 0.1);
    }
    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
        color: #fff;
    }
}
.cat-wrap{
    position: relative;
}
#dropdownMenuButton{
    padding: 13px 20px;
    cursor: pointer;
    width: 100%;
    color: var(--secondcolor);
    font-weight: bold;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}
#dropdownMenuButton .fa{
    font-size: 18px;
}
.main-menu{
    position: relative;
    z-index: 99;
}
.sticking{
    -webkit-transition: top .25s ease-out;
    transition: top .25s ease-out;
    position: fixed;
    top: 0 !important;
    width: 100%;
    z-index: 999;
    background: #eee;
    box-shadow: 0 5px 60px -10px rgb(0 0 0 / 30%);
}
/*.common-home .main-menu:not(.sticking)  .all-cats  {
    display: block !important;
    transform: none;
    opacity: 1;
}*/
.all-cats{
    width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 0 0 85px -10px rgb(0 0 0 / 20%);
    border: 0;
    background-color: #fcfbf4;
    border-radius: 0;
}
.all-cats > ul > li a{
    padding: 10px 20px;
    display: block;
    color: #404553;
}
.all-cats > ul > li.dropdown > a:after{
    
    font-family: FontAwesome;
    color: #404553;
    font-size: 13px;
    display: block;
    
}   
html[dir=rtl] .all-cats > ul > li.dropdown > a:after{
    float: left;
    content: "\f104";
}
html[dir=ltr] .all-cats > ul > li.dropdown > a:after{
    float: right;
    content: "\f105";
}
.overlay.active{
    background-color: rgba(0, 0, 0, 0.55);
    position: fixed;
    inset: 0px;
    z-index: 15;
}
.top_title{
    border-bottom: 1px solid #f1f3f9;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    color: #404553;
    font-weight: 700;
}
.all-cats > ul {
    position: relative;
    margin: 0;
}
.all-cats .dropup, .all-cats .dropdown{
    position: static;
}
.all-cats > ul > .dropdown > .dropdown-menu{
        box-shadow: none;
    top: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
html[dir=rtl] .all-cats > ul > .dropdown > .dropdown-menu{
    left: auto;
    right: 100%;
}
html[dir=ltr] .all-cats > ul > .dropdown > .dropdown-menu{
    right: auto;
    left: 100%;
}
.open > .dropdown-menu > ul > .dropdown:hover .dropdown-menu{
    visibility: visible !important;
    opacity: 1 !important;
}
.open > .dropdown-menu > ul > .dropdown .dropdown-menu{
    visibility: visible;
    opacity: 1;
}
.open > .dropdown-menu > ul > .dropdown ~ .dropdown .dropdown-menu{
    visibility: hidden;
    opacity: 0;
}



.all-cats > ul > .dropdown > .dropdown-menu.level2{
    width: 500px;
    overflow: hidden;
    border-radius: 0;
}
@media (min-width: 992px) {
    .side-column {
        width: 240px;
    }
    .two-column{
        width: calc(100% - 240px * 2);
    }
    .one-column {
        width: calc(100% - 240px);
    }
    #common-home #column-left{
        margin: 450px 0 0;
    }
    #product-product .side-column {
        width: 340px;
    }
    #product-product .one-column {
        width: calc(100% - 340px);
    }

}
.level2 img{
    /*top: 0;
    position: absolute;*/
}
html[dir=rtl] .level2 img{
    left: 0;
}
html[dir=ltr] .level2 img{
    right: 0;
}

.third-level1{
    width: 80%;
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
}
.third-level1 > li{
        width: calc(100% / 3 - 0.01px);
}
/* content */
#content {
    min-height: 600px;
}
.content_top{
    background: #fff;
}
.content_bottom{
    background: #fff;
}
.slide-layers{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
#slideshow0 img{
    width: 100%;
}
.slideshow .swiper-pager .swiper-button-next,
.slideshow .swiper-pager .swiper-button-prev {
    opacity: 1;
    width: 40px;
    height: 40px;
    background: transparent;
    color: #333;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    border-radius: 0;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.slideshow:hover .swiper-pager .swiper-button-next,
.slideshow:hover .swiper-pager .swiper-button-prev {
    opacity: 1;
        
}
.slideshow .swiper-pager .swiper-button-next:hover,
.slideshow .swiper-pager .swiper-button-prev:hover {
        /*background: var(--maincolor);*/
        
}
.slideshow .swiper-pager .swiper-button-next:before,
.slideshow .swiper-pager .swiper-button-prev:before{
    /*color: var(--secondcolor);*/
}   
.slideshow .swiper-pager .swiper-button-next:hover:before,
.slideshow .swiper-pager .swiper-button-prev:hover:before{
    /*color: #fff;*/
}
.slideshow .swiper-pager .swiper-button-next:before{
    color: #000 !important;
    position: absolute;
    /*right: 50px;*/
        transform: translate(-100%, 0%);
    z-index: 9;
    padding: 5px;
    transition: all .4s ease-out;
    background: rgba(255, 255, 255, 0.4);
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 2;
    transition: all 0.2s;
    display: flex;
    border-radius: 50%;
}
.slideshow .swiper-pager .swiper-button-next:hover:before{
    /*right: 20px;*/
        transform: translate(-50%, 0%);
}
.slideshow .swiper-pager .swiper-button-next {
        height: 100%;
    display: flex;
    flex-direction: row;
    flex-basis: max-content;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    width: auto !important;
    margin: 0px !important;
    padding: 0px !important;
    background-image: none !important;
    top: 0px !important;
    right: 0px !important;
    left: auto !important;
}
.slideshow .swiper-pager .swiper-button-prev:before{
    color: #000 !important;
    position: absolute;
    /*left: 50px;*/
    transform: translate(100%, 0%);
    z-index: 9;
    padding: 5px;
    transition: all .4s ease-out;
    background: rgba(255, 255, 255, 0.4);
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 2;
    transition: all 0.2s;
    display: flex;
    border-radius: 50%;
}
.slideshow .swiper-pager .swiper-button-prev:hover:before{
    /*left: 20px;*/
    transform: translate(40%, 0%);
}
.slideshow .swiper-pager .swiper-button-prev {
        height: 100%;
    display: flex;
    flex-direction: row;
    flex-basis: max-content;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    width: auto !important;
    margin: 0px !important;
    padding: 0px !important;
    background-image: none !important;
    top: 0px !important;
    left: 0px !important;
    right: auto !important;
}
.slideshow{
    overflow: hidden;
}
.slideshow .swiper-pagination {
    bottom: 10px;
}
.slideshow .swiper-pagination-bullet{
    width: 20px;
    height: 5px;
    background: #fff;
    border-radius: 0;
        box-shadow: none;
}
.slideshow .swiper-pagination-bullet-active{
    background: var(--maincolor);
}
.slideshow .swiper-pagination-bullet:hover{
    background: var(--maincolor);
}
.eTEuVf {
   /* height: 100%;
    width: auto;*/
    transform-origin: right center;
    transform: scaleX(1);
    transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
        /*max-height: 285px;*/
}
.swiper-button-next:hover .eTEuVf .wave {
    fill: rgb(255, 255, 255);
}
.eTEuVf .wave {
    transition: all 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
    transform: translateX(43%);
}
.swiper-button-next:hover .eTEuVf {
    transform: scaleX(2.5);
}

.AXFeE {
   /* height: 100%;
    width: auto;*/
    transform-origin: left center;
    transform: scaleX(1);
    transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
        /*max-height: 285px;*/
}
.swiper-button-prev:hover .AXFeE .wave {
    fill: rgb(255, 255, 255);
}
.AXFeE .wave {
    transition: all 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
    transform: translateX(-43%);
}
.swiper-button-prev:hover .AXFeE {
    transform: scaleX(2.5);
}


.slide-layers .s-title{
    color: #fff;
    transition: all 0.5s ease;
    font-size: 45px;
}
.slide-layers .s-describe{
    color: #fff;
    font-size: 22px;
    transition: all 0.5s ease;
}
.slide-layers .btn-more{
    color: #fff;
    background: #3cc472;
    padding: 12px 30px;
    display: inline-block;
    transition: all 0.5s ease;
}
#slideshow0  .s-title {
    position: relative;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
#slideshow0 .swiper-slide-active .s-title{
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
#slideshow0 .s-describe{
    position: relative;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    overflow: hidden;
}
#slideshow0 .swiper-slide-active .s-describe {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
#slideshow0 .swiper-slide-active .btn-more{
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
#slideshow0 .btn-more{
    position: relative;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
#slideshow0 .slide-layers{
    overflow: hidden;
}

/*.banner1 .swiper-slide::after {
    content: '\f061' !important;
    font-family: 'fontawesome' !important;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .12s ease-out;
    transition: all .12s ease-out;
    font-size: 28px;
    color: #fff;
    z-index: 4;
}*/
/*.banner1 .swiper-slide:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    z-index: 2;
    border-radius: inherit;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
}
.banner1 .swiper-slide:hover::before {
    opacity: 1;
}*/
.banner1 .swiper-slide img {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
/*.banner1:hover img {
    transform: scale(1.15);
}*/

.banner2{
        padding: 20px 15px;
}
/*.banner2 .swiper-slide:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    border-radius: inherit;
    background: rgba(6, 30, 187, 0.2);
    opacity: 0;
}
.banner2 .swiper-slide:hover::before {
    opacity: 1;
}*/
.slide-layers .b-title{
    color: #fff;
}
.banner2 .slide-layers .b-title{
    white-space: normal;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    background: rgba(60, 196, 114, 1);
    padding: 8px;
}
.banner2 img{
    width: 100%;
}
.side-column .banner3{
    display: block;
    margin: 0 ;
}
.side-column .info-block{
    width: 100%;
    margin: 0 0 20px;
}
/*[class^="product-product"] .one-column {
    width: calc(100% - 240px);
}*/

.banner3{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}
.banner3 .swiper-slide{
    height: auto !important;
}
.info-block {
    background: var(--secondcolor);
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #3a4750;
    padding: 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 10px;
    /*height: 100%;*/
}
html[dir=rtl] .info-block{
    text-align: right;
}
html[dir=ltr] .info-block{
    text-align: left;
}
.info-block img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 1;
    text-align: center;
        align-self: center;
    width: 40px !important;
    height: 40px;
}
html[dir=rtl] .info-block img{
    margin-left: 10px;
}
html[dir=ltr] .info-block img{
    margin-right: 10px;
}
.info-block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.info-block .info-block-title {
    color: #eeeeee;
    font-weight: 700;
    display: block;
}
.info-block .info-block-describe {
    color: #6d767d;
    display: block;
        margin-top: 0;
    line-height: 1.5em;
}
.swiper-viewport{
    position: relative;
}
.cat{
    width: 240px;
    padding: 0;
    z-index: 9;
    position: absolute;
    top: 0;
}
.cats{
    padding: 30px 15px;
    background: #fff;
}
.cats .home-cats{
    padding: 0;
    margin-bottom: 10px;
}
.cats .home-cats img{
    margin: 0 auto;
}
.cats .home-cats .cat-title{
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    display: block;
}
.cats .home-cats .image{
    padding: 0;
    /*background: #fff;*/
    border-radius: 3px;
}
.cats .home-cats .image:hover{
    /*background: #3cc472;*/
}
.cats .home-cats .image:hover a{
    /*color: #fff;*/
}
.gallery{
    margin: 50px -5px;
}
.gallery .gal{
    /*padding: 0 5px;*/
    margin: 0 0 10px;
}
#lightgallery{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#lightgallery a{
    width: calc(100% / 3 - 0.01px);
    position: relative;
    overflow: hidden;
    display: block;
}
.gallery a::after {
    content: '\f067' !important;
    font-family: 'fontawesome' !important;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .12s ease-out;
    transition: all .12s ease-out;
    font-size: 18px;
    color: #fff;
    z-index: 4;
    opacity: 0;
}
.gallery a:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    z-index: 2;
    border-radius: inherit;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
}
.gallery a:hover::before,
.gallery a:hover::after {
    opacity: 1;
}
.gallery a img {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.gallery a:hover img {
    transform: scale(1.15);
}

.lg-container{
    direction: ltr;
}
.featured .image{
    width: 30%;
}
.featured .product-thumb .caption{
    width: calc(100% - 30%);
    padding: 0 ;
}
html[dir=rtl] .featured .image{
    float: right;
}
html[dir=rtl] .featured .product-thumb .caption{
    padding-right: 6px;
    float: right;
}


html[dir=ltr] .featured .image{
    float: left;
}
html[dir=ltr] .featured .product-thumb .caption{
    padding-left: 6px;
    float: left;
}




.featured .product-thumb .price{
    font-size: 13px
}
.featured .product-thumb .price-new{
    display: inline;
}
.featured .product-thumb .price-old{
    font-size: 13px
}
.featured .product-thumb{
    border: 0 !important;
}
.featured .price-tax{
    display: none !important;
}
.featured .rating{
    display: none;
}
.featured .button-group{
    display: none;
}
.featured .desc{
    display: none;
}
.product-grid{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.m-title{
    font-size: 20px;
    color: #404553;
    font-weight: bold;
}
.latest{
    padding: 0 20px;
}
.common-home .main-products .product-layout{
    padding: 0 10px;
    /*width: 100%;*/
    width: calc(100% / 6 - 0.01px);
}
.main-products .product-thumb .desc,
.main-products .product-thumb .button-group,
.main-products .product-thumb .price-tax{
    display: none;
}
.main-products .product-thumb{
    border: 0 ;
}
.add_image .swiper-pagination {
    bottom: 0px !important;
}
.add_image .swiper-pagination-bullet {
   width: 8px;
    height: 8px;
    border: 1px solid #b2b8ca;
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    opacity: 1;
    box-shadow: none;
}
.add_image .swiper-pagination-bullet-active {
    background: var(--secondcolor);
    border: 1px solid var(--secondcolor);
}
.add_image .swiper-pagination-bullet:hover {
    background: var(--secondcolor);
}



.main-products-caro .product-thumb .desc,
.main-products-caro .product-thumb .rating,
.main-products-caro .product-thumb .button-group,
.main-products-caro .product-thumb .price-tax{
    display: none;
}
.main-products-caro .product-thumb{
    border: 0 ;
}
/*.main-products-caro .product-thumb .image::before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
        left: 0;
    top: 0;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: all .01s ease-out;
    transition: all .01s ease-out;
}
.main-products-caro .product-thumb:hover .image::before {
    background: rgba(0, 0, 0, 0.03);
}*/
.main-products-caro .product-thumb .image img{
    border-radius: 5px;
}
/*.main-products-caro .product-thumb {
    background: rgba(221, 221, 221, 0.52);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(221, 221, 221, 0.52);
    border-radius: 5px;
}
.main-products-caro .product-thumb:hover {
        background: rgba(255, 0, 28, 0.15);
}*/
.main-products-caro .product-thumb .image a {
    display: block;
    border: 3px solid transparent;
}
.main-products-caro .product-thumb{
    background: #fff;
    padding: 0 10px;
}
.main-products-caro .swiper-slide{
    height: auto;
}
.main-products-caro .product-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
        height: 100%;
    padding: 0;
}
.swiper-pager .swiper-button-prev:hover,
.swiper-pager .swiper-button-next:hover{
        background: transparent;
}
.module-title{
    font-size: 14px;
    color: #404553;
    text-transform: uppercase;
    border-width: 0px;
    padding: 0px;
    margin: 20px 0 10px;
    font-weight: 700;
}
.module-title::after{
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #feee00;
        margin-top: 8px;

}
.toast-title {
    font-weight: bold;
    margin: 0 0 15px;
    color: #fff;
}
.toast-message a, .toast-message label,
.toast-title a, .toast-title label {
    color: #fff;
}
.toast-message a:hover {
    color: #ddd;
    text-decoration: none;
}
#toast-container > div{
    opacity: .9;
}
/*#toast-container > div{
    max-width: 400px;
    margin: 20px;
    margin-bottom: 0px;
    padding: 10px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 5px 60px -10px rgb(0 0 0 / 30%);

}
#toast-container > div .btn{
     color: #fff;
}
*/



.product-thumb .image {
    position: relative;
    overflow: hidden;
}
/*.main-products .product-thumb .image::before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
        left: 0;
    top: 0;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: all .01s ease-out;
    transition: all .01s ease-out;
}
.main-products .product-thumb:hover .image::before {
    background: rgba(0, 0, 0, 0.03);
}*/
.main-products .product-thumb .image img{
    border-radius: 5px;
}
.special{
    background: #fff;
    padding: 5px;
}
.popular{
    background: #fff;
    padding: 5px;
}
.popular .product-thumb {
    /*background: rgba(255, 210, 0, 0.23);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 210, 0, 0.32);
    border-radius: 5px;*/
    width: 100%;
}
.popular .product-thumb:hover {
    /*background: rgba(255, 0, 28, 0.15);*/
}
.popular h4{
    
}
.popular .product-grid .product-thumb .image{
    /*background: #fff;*/
}
.popular .product-grid .product-thumb .price{
    margin: 10px 0;
      /*  text-align: center;*/
}
.popular .product-thumb .image a {
    display: block;
    /*border: 3px solid transparent;*/
}
.main-products.popular .product-layout {
    padding: 0 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.bestseller{
    background: #fff;
    padding: 0 20px;
}
.bestseller .product-thumb {
    /*background: rgba(221, 221, 221, 0.52);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 210, 0, 0.32);
    border-radius: 5px;*/
    width: 100%;
}
.bestseller .product-thumb:hover {
    /*background: rgba(255, 0, 28, 0.15);*/
}
.bestseller .product-thumb .image a {
    display: block;
    /*border: 3px solid transparent;*/
}
.bestseller h4{
    
}
.bestseller .product-grid .product-thumb .image{
    /*background: #fff;*/
}
.bestseller .product-grid .product-thumb .price{
    margin: 10px 0;
}
.main-products.bestseller .product-layout {
    padding: 0 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bann-image{
    background-attachment: fixed !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 20px;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}
.bann-image::before {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    position: absolute;
}
.banner-layers{
    text-align: center;
    position: relative;
    z-index: 9;
}
.banner-layers .b-title{
    font-size: 32px;
    margin-bottom: 15px;
    color: #fff;
}
.banner-layers .b-describe {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #fff;
    margin-top: 20px;
}
.banner-layers .btn-more{
    padding: 7px 12px;
    width: auto;
    color: #fff;
    background: var(--maincolor);
    transform: scale(calc(120 / 100));
    transform-origin: center;
    display: table;
    margin: 30px auto 0;
}
.help_center{
    border-top: 1px solid #e2e5f1;
    border-bottom: 1px solid #e2e5f1;
    background: #f7f7fa;
        padding: 25px 15px;
}
.help_center .col-xs-4{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.help_center img{
    align-self: center;
    border: 1px solid #e2e5f1;
    background-color: white;
    border-radius: 50%;
    width: 36px !important;
    height: 36px;
    padding: 7px;
}
html[dir=rtl] .help_center img{
    margin-left: 10px;
}
html[dir=ltr] .help_center img{
    margin-right: 10px;
}
.desc{

}
.desc h4{
    font-size: 11px;
    color: #7e859b;
}
.desc h5{
    font-size: 17px;
}
.help h3{
    margin-top: 0;
}
.help h4{
    color: #7e859b;
    font-size: 13px;
}
.carousel{
    padding: 30px 0;
    background: #fff;
}
#carousel0{
    padding: 10px 0;
}
.carousel img{
    margin: 0 auto 15px;
    width: 90%;
}
.carousel img{
    /*opacity: .3;*/
    -webkit-transition: all .18s ease;
    transition: all .18s ease;
}
.carousel img:hover{
    opacity: 1;
    transform: scale(1.1);
}
.swiper-pager div {
    width: 25px;
    height: 25px;
    background: transparent;
    border-radius: 50px;
    box-shadow: 0 5px 30px -5px rgb(0 0 0 / 15%);
}
.carousel .swiper-viewport .swiper-button-next,
.carousel .swiper-viewport .swiper-button-prev{
    opacity: 1;
}
.carousel .swiper-button-next:before,
.carousel .swiper-button-prev:before {
    width: auto;
    height: auto;
    color: #fff;
    font-size: 13px;
    line-height: 2;
    text-align: center;
    display: block;
}
.payment-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.newsletter.contctseller h2{
    text-align: right;
    color: #fff;
    padding: 0;
    background: transparent;
}
.newsletter .btn {
    background: var(--maincolor);
    border-color: var(--maincolor);
    height: 45px;
}
.newsletter .btn:hover {
    color: #fff;
    background: #9c0b1b !important;
}

#input-email{
    /*height: 45px;*/
}
html[dir=rtl] .newsletter p{
    text-align: right;
}
html[dir=ltr] .newsletter p{
    text-align: left;
}

.newsletter-tittle {
    font-weight: bold;
    color: #000;
    font-size: 32px;
}

.footer-newsletter p {
    color: #535353;
    font-size: 16px;
}

.newsletters-grop {
    display: block !important;
    margin-top: 15px;

}
.contctseller-head .social{
        margin: 16px 0;
}
.contctseller-head .social a{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #fff;
    /* display: block; */
    margin-inline-end: 5px;
    /* text-align: center; */
    align-items: center;
    justify-content: center;
    display: flex;
    color: #fff;
transition: all 0.5s linear;
}
.contctseller-head .social a:hover{
    color: var(--maincolor);
    border: 1px solid var(--maincolor);
}
.contctseller-head .social a .fa{
    font-size: 22px;
}
.newsletters-grop input {
    width: 100% !important;
    height: 55px !important;
        padding: 8px 40px;
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.footer-newsletter {
    padding: 30px 0;
    background: var(--maincolor);
}
.footer-newsletter h3 {
    color: #404553;
    font-size: 22px;
    font-weight: bold;
}
.footer-newsletter p {
    color: #404553;
}
.newsletters-grop button {
    display: inline-block;
    width: 100% !important;
    height: 55px !important;
    padding: 0 !important;
    line-height: 40px !important;
    text-align: center !important;
    background: var(--secondcolor) !important;
}

.newsletters-grop input::placeholder {
    color: #c0c0c0;
    font-size: 14px;
    padding-right: 15px;
}
.contctseller_title {
    display: flex;
}
.contctseller_title img {
    align-self: center;
}
.contctseller_titles {
    padding: 0 0;
    margin-inline-start: 15px;
}
.pay {
    justify-content: flex-end;
    display: flex;
}
.newbanner-main{
    display: flex;
}
.app_social .newbanner-cont {
    margin: 0 auto;
    display: table;
}
.seller-info, .newsletter .enquire{
    border: 0;
    padding: 0;
}
.footer-social a {
    background: #feee00;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #404553;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.footer-social a .fa{
    font-size: 22px;
}
.footer-social a:hover {
    background: #feee00;
    box-shadow: 0 5px 30px -5px rgb(0 0 0 / 15%);
}
.footer-social .fa-facebook{
    background: transparent;
    color: #404553;
}


/* footer */
.top-footer{
    padding: 20px 0 40px;
}
footer {
    margin-top: 30px;
    padding-top: 30px !important;
    background-color: #fff;
    color: #404553;
}
.common-home footer{
    margin-top: 0;
}

footer hr {
    border-top: none;
    border-bottom: 1px solid #666;
}
footer a {
    color: #404553;
}
footer a:hover {
    color: #7e859b;
}
footer h5 {
    /*font-family: Tahoma, Geneva, sans-serif;*/
    font-size: 14px;
    font-weight: bold;
    color: #404553;
}
footer h5:hover{
    cursor: pointer;
}
.list-footer li{
    padding: 0 2px;
}
.list-footer li:after{
    display: inline-block;
    content: "-";
}
html[dir=rtl] .list-footer li:after{
    margin-right: 6px;
}
html[dir=ltr] .list-footer li:after{
    margin-left: 6px;
}
.list-footer li:last-child:after{
    display: none;
}
.app_social p{
    text-align: center;
}
.app_social .payment{
    margin: 0 auto;
    display: table;
}
.footer-social{
    display: table;
    margin: 0 auto;
}
.copy{
    border-top: 1px solid #e2e5f1;
    padding: 30px 0;
    background: #f7f7fa;
    padding: 20px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}


[id^="banner"] img{
    width: 100%;
}
@media (min-width: 993px) {
    [class^="product-product"] .product-left{
        width: 45% !important;
    }
    [class^="product-product"] .product-right{
        width: 55% !important;
    }
}
@media (max-width: 992px) {
    [class^="product-product"] .product-left{
        width: 100% !important;
    }
    [class^="product-product"] .product-right{
        width: 100% !important;
    }
}
.page-title {
    font-size: 21px;
    color: #404553;
    text-transform: uppercase;
    border-radius: 0px;
    margin: 0px;
    line-height: 2em;
}
html[dir=rtl] .page-title{
    text-align: right;
}
html[dir=ltr] .page-title{
    text-align: left;
}

.cart-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        
}
#product-product .cart-group{
    width: 100%;
}
.buttons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.add_group {
    position: relative;
    display: flex;
    width: 75px;
    height: 50px;
    border: 1px solid var(--secondcolor);
}
.add_group span{
    position: absolute;
    
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    
    border-color: inherit;
    border-style: inherit;
    z-index: 10;
}
html[dir=rtl] .add_group span{
    right: 0;
    border-width: 0 0 0 1px;
}
html[dir=ltr] .add_group span{
    left: 0;
    border-width: 0  1px 0 0;
}
.add_group span button{
    cursor: pointer;
    width: 100%;
    min-width: 18px;
    border: 0;
    background: #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50%;
    -webkit-transition: all .05s ease-out;
    transition: all .05s ease-out;
}
.add_group span button:first-child{
    border-bottom: 1px solid var(--secondcolor);
}
.add_group input{
    padding: 0;
    
    height: 100%;
    border: 0;
    text-align: center;
}
html[dir=rtl] .add_group input{
    padding-right: 22px;
}
html[dir=ltr] .add_group input{
    padding-left: 22px;
}
.cart-group #button-cart,
.cart-group #button-checkout{
    flex-grow: initial;
    /*height: 40px;*/
    display: inline-flex;
    border-radius: 0px !important;
    /*width: auto;*/
    justify-content: center;
    margin-top: 0;
    padding: 15px 12px;
}
.cart-group #button-checkout{
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
html[dir=rtl] .wishlist-compare{
    margin-right: auto;
}
html[dir=ltr] .wishlist-compare{
    margin-left: auto;
}
.wishlist-compare .btn {
    background: #feee00;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 1);
    padding: 10px 20px;
    border-radius: 50px !important;
    color: #404553;
    /*width: 40px;
    height: 40px;*/
}
.wishlist-compare .btn:hover {
    background: var(--secondcolor) !important;
    color: #fff;
}

html[dir=rtl] .xzoom{
    float: left;
    width: 80% !important;
}
html[dir=rtl] .xzoom-container .thumbnail{
    float: right;
}
html[dir=ltr] .xzoom{
    float: right;
    width: 80% !important;
}
html[dir=ltr] .xzoom-container .thumbnail{
    float: left;
}
html[dir=rtl] #pqv-content{
    text-align: right;
}
html[dir=ltr] #pqv-content{
    text-align: left;
}
.btn-quick-view {
    background: var(--maincolor) !important;
        height: 40px !important;
    width: 40px !important;
    line-height: 35px !important;
}
.btn-quick-view i {
    font-size: 16px !important;
}
.xzoom-container {
    margin-bottom: 25px;
}

.nav-tabs > li > a{
    border: 0;
    color: #7e859b;
    font-size: 18px;
    font-weight: bold;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: var(--secondcolor);
    background-color: transparent;
    border: 0;
    border-bottom: 4px solid var(--secondcolor);
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.tags a {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    color: rgba(238,238,238,1);
    font-weight: 400;
    text-transform: none;
    background: #3a4750;
        margin: 0 2px;
}
.tags {
    margin-top: 15px;
    justify-content: flex-start;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.grid-row-bottom-1 {
    background: #eeeeee;
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    border-color: #dddddd;
}
.product-stats {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
        margin-bottom: 20px;
}
.product-stats ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.product-stats .brand-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
        margin: -30px 0 20px;
}
.product-stats .brand-image span{
    display: block;
    text-align: center;
}
.product-stats .brand-image a {
    background: #ffffff;
    padding: 5px;
}

#refine-categories {
    margin-bottom: 20px;
}
#carousel-refine-products .swiper-slide{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
}
.refine-item{
    /*border: 1px solid transparent;*/
    display: block;
    /*background: #fff;*/
}
.refine-item a {
    background: rgba(255, 255, 255, 1);
    padding: 7px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(221, 221, 221, 1);
}
.refine-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    -webkit-transition: all .075s ease-out;
    transition: all .075s ease-out;
}
.refine-item span {
    text-align: center;
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    padding: 7px;
    padding-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 3px;
    -webkit-transition: all .05s ease-out;
    transition: all .05s ease-out;
}
/*.refine-item:hover {
    border: 1px solid var(--maincolor);
}
.refine-item:hover span{
    color: var(--maincolor);
}*/
[class^="product-category"] .breadcrumb{
    margin: 0;
} 

[class^="product-category"] .swiper-button-prev:before {
    font-family: FontAwesome;
    content: "\f053";
    width: 25px;
    height: 25px;
    color: #fff;
    font-size: 13px;
    line-height: 2;
    text-align: center;
    display: block;
    background: #000;
    border-radius: 50%;
}
[class^="product-category"] .swiper-button-next:before {
    font-family: FontAwesome;
    content: "\f054";
    width: 25px;
    height: 25px;
    color: #fff;
    font-size: 13px;
    line-height: 2;
    text-align: center;
    display: block;
    background: #000;
    border-radius: 50%;
}

.grid-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.grid-list .compare-btn {
    display: inline-block;
    padding-right: 15px;
    color: var(--secondcolor);
}
.grid-list button {
    display: inline-block;
    height: 32px;
}
.grid-list .fa-sync{
    margin: 0 5px;
}
.grid-list.btn-group > .btn{
     border-radius: 2px !important;
    border: 1px solid #404553 !important;
    height: 32px;
    background: transparent;
    box-shadow: none;
    outline: 0;
    
}
.btn-default.active{
    display: none;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle{
   
}
.products-filter {
    background: transparent;
    margin-bottom: 20px;
    padding: 0;
    
}
.products-filter label{
    color: #b2bbd2;
    background: transparent;
    font-size: 12px;
    font-weight: bold;
}
.products-filter select.form-control{
        border-radius: 2px;    
        border: 1px solid #404553;
        height: 32px;
}


[class^="product-product"] .help_center .col-sm-6:first-child{
    display: none;
}
[class^="product-product"] .help_center [class*="col-"]{
    width: 100%;
    padding: 0;
}
[class^="product-product"] .help_center img{
    padding: 0;
}
[class^="product-product"] .help_center .desc h4 {
    color: #404553;
    font-size: 12px;
    font-weight: 700;
}
[class^="product-product"] .help_center .desc h5{
    color: #7e859b;
    font-size: 11px;
}
[class^="product-product"] .rating .fa-star-o {
    color: #999;
    font-size: 15px;
}
[class^="product-product"] .rating .fa-stack{
        width: 2em;
    height: 2em;
    line-height: 2em;
}

.select-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
       
}
html[dir=rtl] .select-group{
    float: left;
}
html[dir=ltr] .select-group{
    float: right;
}
.select-group .input-group {
    margin: 0 10px;
}
.select-group label{
    border: 0;
}
.select-group select{
    border: 1px solid #ddd;
    box-shadow: none;
}
.main-products.pages .product-grid{
    width: calc(100% / 5 - 0.01px);
        padding: 0 5px;
}
.pages{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.main-products.pages .product-grid .product-thumb{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #fff;
    padding: 0 10px;
        margin-bottom: 10px;
}
.main-products.pages .product-list .product-thumb {
    margin-bottom: 10px;
    background: #fff;
    display: table;
    width: 100%;
}
@media (min-width: 767px) {
    .cart-page {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .cart-table{
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .cart-bottom {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 400px;
    }
    html[dir=rtl] .cart-bottom{
        margin-right: 20px;
    }
    html[dir=ltr] .cart-bottom{
        margin-left: 20px;
    }
}
.cart-bottom{
    background: #eeeeee;
    padding: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
}
.cart-table table thead td {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background: #eeeeee;
    border: 0 !important;
        
}
.cart-bottom .table-bordered{
    background: #fff;
    border: 1px solid #ddd;
}
.cart-bottom .table-bordered tr td{
    border: 0 !important;
    border-top: 1px solid #ddd !important;
}
.cart-table table td{
    vertical-align: middle !important;
}
.quan > .btn-block{
    align-content: space-between;
    display: flex;
}
.quan .btn-danger{
    background: var(--maincolor);
    border-radius: 50% !important;
    height: 38px;
    width: 38px;
    margin: 1px !important;
}
#accordion .panel-default > .panel-heading{
    background: #fff;
}
#accordion .panel-title a:after{
    content: "\f060" ;
    font-family: fontawesome ;
    display: inline-block;
    /*transform: scaleX(-1);*/
    margin-left: 15px;
    font-size: 9px;
    float: left;
    margin-top: 3px;
}
html[dir=ltr] #accordion .panel-title a:after{
    float: right;
    transform: scaleX(-1);
}
#accordion .panel-title a .fa-caret-down{
    display: none;
}
#accordion #collapse-coupon .control-label,
#accordion #collapse-voucher .control-label{
    width: 100%;
    padding-top: 7px;
    padding-bottom: 5px;
    padding: 7px 0 5px;
}
#accordion #collapse-shipping .control-label{
    padding: 0;
}
.box-heading{
    display: none;
}
#mfilter-opts-price-min, #mfilter-opts-price-max {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    display: inline-block;
}
.brand-image a{
    color: #7e859b;
    display: block;
    font-size: 16px;
}

.menu-trigger{
    position: relative;
}
.mobile-wrapper-header{
    position: relative;
    width: 100%;
    height: 45px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 0;
}
#language-currency{
    line-height: .5;
}
.language-currency-mobile{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
#collapse-menu .btn-group > .btn{
    color: #fff;
    padding-right: 0;
    padding-left: 0;
}
 .mobile-wrapper-header>span {
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 10px;
}
#collapse-menu {
    width: 80%;
    max-width: 400px;
    height: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 9999;
    transition: all 0.5s;
}

html[dir=rtl] #collapse-menu{
    right: 0;
    transform: translateX(100%);
}
html[dir=ltr] #collapse-menu{
    left: 0;
    transform: translateX(-100%);
}
#collapse-menu.active {
    transform: none !important;
        /*right: auto;*/
}
#collapse-menu{
    background: #fff;
}
#collapse-menu{
    overflow: auto;
    height: 100vh;
}
#collapse-menu .mobile-wrapper-header{
    background: var(--maincolor);
    border-width: 0;
    border-bottom-width: 1px;
    border-color: #dddddd;
    height: 45px;
}
#collapse-menu .list-group-item {
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: -1px;
    background-color: transparent;
    border: 0;
}
#collapse-menu .collapse-menu-wrap [data-toggle].collapsed:after {
    content: "\f055";
    display: inline-block;
    font-family: fontawesome;
    font-size: 16px;
}
#collapse-menu .collapse-menu-wrap [data-toggle]:not(.collapsed):after {
    content: "\f056";
    display: inline-block;
    font-family: fontawesome;
}
html[dir=rtl] #collapse-menu .collapse-menu-wrap [data-toggle].collapsed:after,
html[dir=rtl] #collapse-menu .collapse-menu-wrap [data-toggle]:not(.collapsed):after{
    float: left;
}
html[dir=ltr] #collapse-menu .collapse-menu-wrap [data-toggle].collapsed:after,
html[dir=ltr] #collapse-menu .collapse-menu-wrap [data-toggle]:not(.collapsed):after{
    float: right;
}
#collapse-menu  a{
    padding: 10px 15px;
    display: block;
    border: 0;
    color: var(--secondcolor);
    font-size: 16px;
}
.list-group-level1 > li:before{
    content: "\f068";
    display: inline-block;
    font-family: fontawesome;
    font-size: 7px;
    position: absolute;
    top: 30%;
}
html[dir=rtl] .list-group-level1 > li:before{
    right: 0;
}
html[dir=ltr] .list-group-level1 > li:before{
    left: 0;
}
#collapse-menu .close-nav{
    color: #fff;
}
#collapse-menu .close-nav:hover{
    background: transparent;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.div-center{
    margin: 50px auto ;
    display: table;
    float: none;
    padding: 45px 20px;
        background: #fff;
}
.div-center .well{
    /*padding: 45px 20px;*/
}
.burger{
    margin-inline-start: 15px;
}
.mobile-wrap{
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}
.mobile-logo-wrapper img{
    margin: 0 auto;
    padding: 15px;
    max-width: 100px;
}
.mobile-logo-wrapper{
    
}
 .mobile-bar-group {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}
.mobile-search-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 5px 15px;
}
.mobile-cart-wrapper #cart-total{
    display: none !important;
}
.nav-btn{
    padding: 12px;
}
.nav-btn .fa{
    font-size: 22px;
    cursor: pointer;
}
.mobile-search-wrapper #search{
    margin: 0;
    border-radius: 5px;
    border: 1px solid #c6ccdd;
}
.mobile-cart-wrapper #cart {
    margin-bottom: 0;
}
.mobile-cart-wrapper .fa-shopping-cart{
    font-size: 20px;
}


.info-success{
    padding: 15px;
}
.info-success .info-block-title{
    font-size: 14px;
    color: var(--secondcolor);
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}
html[dir=rtl] .info-success .fa{
    float: right;
    font-size: 40px;
    margin-left: 10px;
}
html[dir=ltr] .info-success .fa{
    float: left;
    font-size: 40px;
    margin-right: 10px;
}
[class^="product-product"] .info-block {
    background: #fff;
    border: 0;
    padding: 7px;
    margin: 0 0 10px;
}
[class^="product-product"] .info-block-title{
    color: #404553;
    font-size: 12px;
}
[class^="product-product"] .info-block .info-block-describe {
    color: #7e859b;
    font-size: 11px;
}
[class^="product-product"] .swiper-button-next:before {
    font-family: FontAwesome;
    content: "\f054";
    width: auto;
    height: auto;
    color: #777;
    font-size: 13px;
    line-height: 2;
    background: #fff;
    text-align: center;
    display: block;
    box-shadow: rgb(0 0 0 / 50%) 0px 0px 3px -1px;
    border-radius: 50%;
}
[class^="product-product"] .swiper-button-prev:before {
    font-family: FontAwesome;
    content: "\f053";
    width: auto;
    height: auto;
    color: #777;
    font-size: 13px;
    line-height: 2;
    text-align: center;
    display: block;
    background: #fff;
    box-shadow: rgb(0 0 0 / 50%) 0px 0px 3px -1px;
    border-radius: 50%;
}

#product-product .rating a{
    color: #404553;
    font-size: 16px;
}
html[dir=rtl] #product-product .rating a{
    margin-left: 10px;
}
html[dir=ltr] #product-product .rating a{
    margin-right: 10px;
}
html[dir=rtl] #product-product .rating .reviews_num{
    float: left;
}
html[dir=ltr] #product-product .rating .reviews_num{
    float: right;
}
#xzoom-products .swiper-button-next{
    opacity: 1;
    top: -10px;
    left: 50%;
    margin: 0 auto;
    transform: translateX(-50%);
}
html[dir=ltr] #xzoom-products .swiper-button-next{
    left: 30%;
}
#xzoom-products .swiper-button-prev{
    opacity: 1;
    bottom: -10px;
    right: 44%;
    transform: translateX(50%);
    top: unset;
}
html[dir=ltr] #xzoom-products .swiper-button-prev{
    transform: translateX(87%);
}
#xzoom-products .swiper-pager {
    height: 100%;
    width: 100px;
    position: absolute;
    top: 0;
}
#xzoom-products .swiper-button-next:before{
    content: "\f077";
}
#xzoom-products .swiper-button-prev:before{
    content: "\f078";
}
#xzoom-products .swiper-button-next:before,
#xzoom-products .swiper-button-prev:before{
    color: #404553;
}
#xzoom-products{
    width: 100px;
}
/* alert */
.alert {
    padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumb {
    margin: 0 0 20px 0;
    padding: 10px 0;
    /*border: 1px solid #ddd;*/
    position: relative;
    background-color: transparent;
}
.breadcrumb i {
    font-size: 15px;
}
.breadcrumb > li {
    position: relative;
    word-break: break-all;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.breadcrumb a {
    color: #7e859b;
    }
.breadcrumb > li + li:before {
    content: '/';
    padding: 0 10px;
    color: #ccc;
}
/*.breadcrumb > li:after {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    left: -5px;
    width: 26px;
    height: 26px;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}*/

[class^="product-product"]{
    overflow-x: hidden;
}
.pagination {
    margin: 0;
}
/* buttons */
.buttons {
    /*margin: 1em 0;*/
}
.btn {
    padding: 7.5px 12px;
    font-size: 13px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);*/
}
.btn-xs {
    font-size: 9px;
}
.btn-sm {
    font-size: 10.2px;
}
.btn-lg {
    padding: 10px 16px;
    font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 13px;
}
.btn-group > .btn-xs {
    font-size: 9px;
}
.btn-group > .btn-sm {
    font-size: 10.2px;
}
.btn-group > .btn-lg {
    font-size: 15px;
}
.btn-default {
    color: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #e7e7e7;
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
    color: #ffffff;
    background: var(--secondcolor);
    padding: 10px 12px;
    border: 0;
    transition: all 0.4s ease-in-out 0s;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background: #404553 !important;
}
.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #df5c39;
    background-image: linear-gradient(to bottom, #e06342, #dc512c);
    background-repeat: repeat-x;
    border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #404553;
    border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}
.btn-inverse {
    color: #303841 !important;
    background-color: #fcf9f7;
    border: 0;
    border-radius: 0;
    padding: 12px 16px;
    /*background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;*/
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #fcf9f7;
    /*background-image: linear-gradient(to bottom, #333333, #111111);*/
}
/* list group */
.list-group a {
    border: 1px solid #DDDDDD;
    color: #888888;
    padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #444444;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}
.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}
/* product list */
.product-thumb {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    /*overflow: auto;*/
}
.product-thumb .image {
    text-align: center;
}
.product-thumb .image a {
    display: block;
}
.product-thumb .caption a{
    color: #404553;
    font-size: 13px;
    font-weight: 400;
}
/*.product-thumb .image a:hover {
    opacity: 0.8;
}*/
.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.product-grid .product-thumb .image {
    float: none;
}
@media (min-width: 767px) {
    .product-list .product-thumb .image {
        float: right;
        padding: 0 15px;
    }
}
.product-thumb h4 {
    font-weight: bold;
}
.product-thumb .caption {
    /*padding: 0 20px;
    min-height: 180px;*/
}
.product-list .product-thumb .caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
}
.main-products .product-list .product-thumb .caption {
    padding-right: 20px;
}
@media (max-width: 1200px) {
    .product-grid .product-thumb .caption {
        /*min-height: 210px;*/
        padding: 0 10px;
    }
}
@media (max-width: 767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-right: 0;
        padding: 0 10px;
    }
    .product-grid .product-thumb .caption {
        min-height: 0;
    }
}
.main-products .product-list .product-thumb .desc,
.main-products .product-list .product-thumb .rating,
.main-products .product-list .product-thumb .button-group,
.main-products .product-list .product-thumb .price-tax{
    display: block;
}
.main-products .product-list .product-thumb .button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    background: transparent;
    border: 0;
    padding: 0 20px;
}
.mfilter-box .mfilter-counter{
    background: transparent !important;
    color: #000 !important;
}
.mfilter-box-48 .mfilter-counter:after{
    display: none;
}
.mfilter-heading {
    cursor: pointer;
    background: transparent !important;
    font-size: 13px;
}
.mfilter-opts-container {
    padding: 5px 0;
    border-top: 2px solid #ddd !important;
}
.mfilter-heading-text > span {
    font-weight: bold;
    font-size: 14px;
}
.banner-item.col-lg-6{
    padding: 0 30px;
}

html[dir=rtl] .product-thumb .rating {
    padding-bottom: 10px;
    float: left;
}
html[dir=ltr] .product-thumb .rating {
    padding-bottom: 10px;
    float: right;
}
.rating_num{
    background: #38ae04;
    color: #fff;
    padding: 0px 4px;
    border-radius: 999px;
    text-align: center;
    padding: 0 4px 1px 1px;
        margin-inline-end: 3px;
}
.rating .fa-stack {
    font-size: 8px;
    height: 1.5em;
    height: 1.5em;
    width: 1.5em;
    padding: 0;
}
.rating .fa-star-o {
    color: #999;
    font-size: 8px;
}
.rating .fa-star {
    color: #fff;
    font-size: 8px;
}
.rating .fa-star + .fa-star-o {
    color: #fff;
}
h2.price {
    margin: 0;
}
.product-thumb .price {
    color: #404553;
    font-size: 20px;
    font-weight: bold;
}
.product-thumb .price-new {
    font-weight: 600;
    display: block;
    color: #404553;
}
.product-thumb .price-old {
    font-size: 12px;
    color: #7e859b;
    font-weight: 400;
    text-decoration: line-through;
    margin: 5px 0 0 0;
}
.product-thumb .price-tax {
    color: #999;
    font-size: 13px;
    display: block;
}
.product-thumb .button-group {
    border-top: 1px solid #ddd;
    background-color: #eee;
    overflow: auto;
}
.product-list .product-thumb .button-group {
    border-right: 1px solid #ddd;
}
.product-list .product-thumb .caption a {
    font-size: 18px;
    color: var(--secondcolor);
    font-weight: 700;
}
@media (max-width: 768px) {
.product-list .product-thumb .button-group {
    border-right: none;
}
}
.product-thumb .button-group button {
    /*width: 60%;*/
    border: none;
    display: inline-block;
    float: right;
    background-color: var(--secondcolor);
    color: #fff;
    line-height: 38px;
    /*font-weight: bold;*/
    text-align: center;
    border-radius: 0;
    text-transform: uppercase;
    padding: 0px 15px;
}
.product-thumb .button-group button + button {
    /*width: 20%;
    border-right: 1px solid #ddd;*/
        margin-right: 5px;
}
.product-thumb .button-group button:hover {
    color: #fff;
    background-color: var(--maincolor) ;
    text-decoration: none;
    cursor: pointer;
}
@media (max-width: 1200px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
    width: 33.33%;
}
}
@media (max-width: 767px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
    width: 33.33%;
}
}




.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}
.thumbnails > li {
    margin-right: 20px;
}
.thumbnails {
    margin-right: -20px;
}
.thumbnails > img {
    width: 100%;
}
.image-additional a {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border: 1px solid #ddd;
}
.image-additional {
    max-width: 78px;
}
.thumbnails .image-additional {
    float: right;
    margin-right: 20px;
}

@media (min-width: 1200px) {
    #content .col-lg-2:nth-child(6n+1),
    #content .col-lg-3:nth-child(5n+1),
    #content .col-lg-4:nth-child(3n+1),
    #content .col-lg-6:nth-child(2n+1) {
        clear:right;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #content .col-md-2:nth-child(6n+1),
    #content .col-md-3:nth-child(5n+1),
    #content .col-md-4:nth-child(3n+1),
    #content .col-md-6:nth-child(2n+1) {
        clear:right;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #content .col-sm-2:nth-child(6n+1),
    #content .col-sm-3:nth-child(4n+1),
    #content .col-sm-4:nth-child(3n+1),
    #content .col-sm-6:nth-child(2n+1) {
        clear:right;
    }
}
.pagination > .active > a, .pagination > .active > span, 
.pagination > .active > a:hover, .pagination > .active > span:hover, 
.pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: var(--secondcolor);
    border-color: var(--secondcolor);
    cursor: default;
}
.pagination > li > a, .pagination > li > span{
    color: var(--secondcolor);
}
/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3{
       width: 100%;
    }
    #column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }
    #column-left + #content + #column-right .product-layout .col-md-3{
       width: 100%;
    }
    #content + #column-right .product-layout .col-md-3{
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
    width: 100%;
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
    min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}



.user_agent{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    display: none;
    box-shadow: rgb(0 0 0 / 10%) 0px -1px 8px;
}
.user_agent a{
    display: block;
    padding: 10px 0;
    text-align: center;
    color: #404553;
    line-height: 1px;
}
.user_agent p{
    font-size: 11px;
    margin: 0 0 7px;
}
.user_agent a .fa{
    font-size: 16px;
    margin-bottom: 10px;
}
.user_agent a img{
    width: 22px;
    display: block;
    margin: 0 auto 10px;
}
.user_agent .col-xs-3{
    border-left: 1px solid #fff;
    width: 20%;
}
.user_agent .col-xs-3:last-child{
    border-left: 0;
}
.s-menu .fa-minus, .s-menu .fa-plus {
     display: none ; 
}
.s-menu .fa-minus{
    display: block;
}

.s-menu .collapsed .fa-plus{
    display: block;
}
.s-menu .collapsed .fa-minus{
    display: none;
}
.s-menu .fa-minus, .s-menu .fa-plus {
     float: left;
}


@media (max-width: 1100px) {
    .slide-layers .s-title{
        font-size: 25px;
    }
    .slide-layers .s-describe{
        font-size: 16px;
    }
    .slide-layers .btn-more{
        padding: 8px 20px;
    }
    #slideshow0 .slide-layers{
            width: 80%;
    }
}
@media (max-width: 1060px) {
    .all-cats > ul > .dropdown > .dropdown-menu.level2 {
        width: 600px;
    }
    #menu .dropdown-inner > li{
        width: calc(100% / 4 - 0.01px);
    }
    
    .info-block{
        width: 100%;
        margin-bottom: 10px;

    }
    .banner3{
        margin: 0 -10px;
        flex-wrap: wrap;
    }
}

@media (max-width: 992px) {
    header{
        background: #fff;
    }
    body{
        margin-bottom: 61px;
    }
    .user_agent{
        display: block;
    }
    #search .input-lg {
        height: 36px;
    }
    #search .btn-lg{
        line-height: 15px;
    }
    .common-home .side-column{
        display: none !important;
    }
    .two-column{
        width: 100%;
    }
    .common-home .main-products .product-layout{
        width: calc(100% / 4 - 0.01px);
    }
    
    .slide-layers .s-title{
        font-size: 25px;
    }
    .slide-layers .s-describe{
        font-size: 16px;
    }
    .slide-layers .btn-more{
        padding: 8px 20px;
    }
    #slideshow0 .slide-layers{
            width: 80%;
    }
    #menu .dropdown-menu > .dropdown-inner{
        overflow: hidden;
    }
    
    .buttons-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        bottom: 61px;
        z-index: 9999;
        width: 100%;
        right: 0;
        left: 0;
        padding: 10px 15px 0;
        background: #fff;
    }
    .main-products.pages .product-grid {
        width: calc(100% / 3 - 0.01px);
    }
    [class^="product-product"]{
        margin-bottom: 136px;
    }
    [for="input-quantity"]{
        display: none;
    }
    html[dir=rtl] .breadcrumb::before{
        left: 50%;
        margin-left: -48vw;
    }
    html[dir=ltr] .breadcrumb::before{
        right: 50%;
        margin-right: -48vw;
    }
    .copy{
        flex-wrap: wrap;
    }
    .copy > p{
        text-align: center;
        width: 100%;
        order: 2;
        display: inline-block;
        flex: 1;
    }
    .copy .payment{
        width: 100%;
        order: 1;
    }
    .copy > ul{
        order: 3;
        width: 100%;
        text-align: center;
        margin: 0 0 10px;
    }
    .copy .payment .banner{
        display: table;
        margin: 0 auto 10px;
    }
    .tab-content{
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    
    
    .common-home .main-products .product-layout{
        width: calc(100% / 3 - 0.01px);
    }
    .slide-layers .s-title{
        font-size: 25px;
    }
    .slide-layers .s-describe{
        font-size: 16px;
    }
    .slide-layers .btn-more{
        padding: 8px 20px;
    }
    #slideshow0 .slide-layers{
        width: 80%;
    }
    .slideshow .swiper-pager{
        display: none;
    }
    #toast-container > div {
        min-width: 300px;
    }
    .grid-row-bottom-1{
        padding-right: 0;
        padding-left: 0;
    }
    .main-products.pages .product-grid {
        width: calc(100% / 2 - 0.01px);
    }
    .help_center .col-xs-4{
        padding: 0;
        display: block;
        text-align: center;
    }
    .help_center img{
        margin: 0 auto !important;
    }
    .xzoom-container {
        display: block !important;
    }
    #xzoom-products {
        width: 100%;
        clear: both;
    }
    html[dir=rtl] .xzoom {
        width: 100% !important;
        margin-bottom: 20px;
    }
    html[dir=ltr] .xzoom {
        width: 100% !important;
        margin-bottom: 20px;
    }
    #xzoom-products .swiper-button-next{
        right: -10px;
        left: auto;
        transform: rotate(90deg);
        top: 30%;
    }
    #xzoom-products .swiper-button-prev{
        left: -10px;
        right: auto;
        transform: rotate(90deg);
        top: 50%;
        bottom: auto;
    }
    #xzoom-products .swiper-pager{
        width: 100%;
    }

}
@media (max-width: 500px){
    [class^="product-product"] #content .xzoom {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .mobile-wrapper-header>span {
        padding: 0 2px;
    }
    html[dir=rtl] .breadcrumb::before{
        left: 50%;
        margin-left: -47vw;
    }
    html[dir=ltr] .breadcrumb::before{
        right: 50%;
        margin-right: -47vw;
    }
    .common-home .main-products .product-layout{
        width: calc(100% / 2 - 0.01px);
    }
}
@media (max-width: 370px){
    .slide-layers .btn-more{
            display: none;
    }
}


.loader-over-lay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999999999;
}
@keyframes example {
    25%   {transform:  scale(.9);}
    50%    {transform:scale(1.1);}
}
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
transform: translate(-50%, -50%);
}
.loader img{
     animation-name: example;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    max-width: 150px;
}