body {
    font-weight: 400;
    color: #666;
    font-size: 13px;
    line-height: 20px;
    width: 100%;
    background: #fff;
    padding: 0 !important;
}

html[dir=rtl] body {
    font-family: var(--fontfamilyarabic);
}

html[dir=ltr] body {
    font-family: var(--fontfamilyenglish);
}
.visitor_sec{
        margin: 10px 0;
}
.visitor_sec span{
        background: #443535;
    color: #fff;
    padding: 3px 5px;
    border-radius: 4px;
}





.countdown-container  {
    background: linear-gradient(to right, #001f3f, #002f5f);
    color: white;
    text-align: center;
    padding: 20px;
    margin: 0px 0 10px;
    border-radius: 15px;
    width: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.countdown-container .topcoumd{
        display: flex;
    align-items: center;
    justify-content: center;
}
.countdown-container .topcoumd p{
    margin:0;
}
.countdown-container .icon {
     font-size: 30px;
    filter: drop-shadow(2px 4px 6px black);
}

.countdown-container .countdown {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
}

.countdown-container .countdown div {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 15px;
    gap: 10px;
    margin-top: 10px;
}

.countdown-container span {
    font-size: 22px;
    font-weight: bold;
}


.deliverytime_sec{
        background: #777;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    text-align: center; 
}




.refundable_pro_sec{
        background: var(--secondcolor);
    border-radius: 10px;
    padding: 20px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fdfdfd;
}
.refundable_pro_sec i{
        font-size: 25px;
    color: #000;
}


.stock-container {
    text-align: center; 
}

.sold-text {
    color: green;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.stock-text {
    color: red;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.topbarprog{
        display: flex;
    align-items: center;
    justify-content: space-between;
}
.progress-bar {
    width: 100%;
    height: 15px;
    background: #eee;
    border-radius: 10px;
    overflow: hidden;
    margin: 5px 0;
    position: relative;
}

#progress-fill {
    height: 100%;
    width: 0;
    transition: width 0.5s ease-in-out;
    background: linear-gradient(to left, green, yellow, orange, red);
}

:root {
    --body-color: #7f8495;
    --heading-color: #34394c;

}
.mfp-wrap{
        z-index: 99999 !important;
}
@font-face {
    font-family: 'tajawal-regular';
    src: url('tajawal/tajawal-regular.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
    color: #6d6d6d;
}

/* 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;*/
}
#modal-quicksignup, #modal-quicksignup2{
z-index: 999999;
}
.modal-backdrop{
    z-index: 99999;
}
#modal-agree{
    z-index: 99999;
}
#modal-agree .modal-dialog{
    box-shadow: 0 0 85px -10px rgb(0 0 0 / 20%);
}
/* top */
#top {
    margin: 0;

}
#top .top-info-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contact-info-phone .top-info-href{
    display: flex;
    align-items: center;
    flex-direction: row;
}
.contact-info-phone .top-info-href i{
    margin-inline-end: 5px;
}
.contact-info-phone .top-info-href span:first-of-type{
    font-weight: initial;
}
#top .container {
    padding: 0 20px;
}

.language-select {
    font-size: 16px !important;
    font-weight: bold;
}

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;
}

.top-info {
    display: flex;
    justify-content: space-between;
}

.top-info p {
    margin: 0;
    font-size: 15px;
}

.top-info p a:hover {
    color: var(--secondcolor);
}

.top-info-href {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.top-info-href span {
    font-size: 16px;
}

.top-info-href span:first-of-type {
    font-weight: bold;
}

/* Safari 10.1+ (alternate method) */
/*@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

    .apple-pay-alert{
        display: none !important;
    }


    ::i-block-chrome,.apple-pay-alert{
        display: none !important;
    }
}}*/
.apple-pay-alert {
    text-align: center;
    border: 1px solid #f3f3f4;
    margin-bottom: 0;
}

.apple-pay-alert button {
    float: none;
}

.top-alert {
    text-align: center;
    border: 1px solid #f3f3f4;
    margin-bottom: 0;
}

.top-alert button {
    float: none;
}

header {
    background: #ecf5f4;
}

.common-home header {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    background: #ecf5f4;

}

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: #3699FF;
    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: #3699FF;
    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;
    min-height: 85px;
    margin: 10px 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%;
}

.promo {
    position: absolute;
    top: 10px;
    left: 0;
    background: var(--secondcolor);
    padding: 3px 8px;
    display: block;
    line-height: 1.5em;
    color: #fff;
    font-size: 12px;
}

.ribbon ~ .promo {
    top: 50px;
}

/* logo */
#logo {
    /*width: 100px;*/
    margin: 0;
}
#logo img{
    max-width: 200px;
    max-height: 100px;
}
/* search */
#search {
    position: fixed;
    width: 100%;
    height: 50vh;
    top: -20em;
    left: 0;
    right: 0;
    white-space: nowrap;
    z-index: 9999;
    background: rgba(88, 145, 149, .52) !important;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear;
}

#search:before {
    content: "";
    background: #000;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;

}

#search.toggled:before {
    height: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
}

#search.toggled {
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .8s linear;
    -moz-transition: all .8s linear;
    transition: all .8s linear;
}

#search .wrapper {
    position: relative;
    margin: 10rem auto;
    width: 90%;
}

#search .wrapper input {
    width: 100%;
    padding: 1em;
    background: transparent;
    border: none;
    border-bottom: 3px solid #bfbfbf;
    font-size: 18px;
    color: #bfbfbf;
}

#search .wrapper input:focus {
    outline: none;
    box-shadow: none;

}

#search .wrapper button {
    position: absolute;
    display: block;
        right: -45px;
    top: -10px;
    background: transparent;
    border: none;
    color: #bfbfbf;
    font-size: 4em;
    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    transition: 500ms ease all;
}

#search .wrapper button .fa{
    font-size: 31px;
}
#search .wrapper button:hover {
    color: #fff;
}

#search .wrapper button:focus {
    outline: none;
}

#search-icon {
    padding: 0;
    font-size: 18px;
    cursor: pointer;
    color: var(--heading-color);
    text-align: center;
    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    transition: 500ms ease all;
}

#search-icon:hover {
    color: var(--secondcolor);
}

/* 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%;*/
}

.fixed #cart .dropdown-menu {
    height: 100vh;
}

#cart .dropdown-menu {
    background: #fff;
    z-index: 99999;
    position: fixed;
    top: 0;
    height: 100%;
    visibility: hidden;
    margin: 0;
    border: 0;
    border-radius: 0;
    width: 360px;
    transition: all 0.4s;
    display: block;
}

#cart .dropdown-backdrop {
    background: rgba(0, 0, 0, .5);
}

.fixed #cart .dropdown-backdrop {
    background: rgba(0, 0, 0, .5);
    height: 100vh;
}

html[dir=rtl] #cart .dropdown-menu {
    right: -360px !important;
}

html[dir=ltr] #cart .dropdown-menu {
    left: -360px !important;
}

#cart.open .dropdown-menu {
    visibility: visible;
}

html[dir=rtl] #cart.open .dropdown-menu {
    right: 0 !important;
}

html[dir=ltr] #cart.open .dropdown-menu {
    left: 0 !important;
}

/*}*/
#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-color: #ccc;
    color: #0a0a0a;
    border-radius: 5px;
    width: 100%;
    margin: 10px 0;
    padding: 12px 20px;
    font-size: 16px;
}

.btn-cart.btn:hover {
    background: #ccc !important;
}

.btn-checkout.btn {
    background: #000;
    margin: 0 6px;
    width: 100%;
    margin: 10px 0;
    color: #fff;
    border-radius: 5px;
    padding: 12px 20px;
    font-size: 16px;
}

.btn-checkout.btn:hover {
    background: #787878 !important;
}

.main-menu {
    background: #fcf9f7;
}

.common-home .main-menu {
    background: transparent !important;
}

.main-menu {
    background: transparent;
    display: table;
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 0 0;
}

.main-menu .cat2 {
    width: 100%;
    display: flex;
}

.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;
}

/* menu */
#menu {
    background: var(--maincolor);
    background: transparent;
    min-height: auto;
    border: 0;
    margin: 0;
}

.bold {
    font-weight: bold;
}

#menu .nav > li > a {
    font-size: 14px;
    color: #606060;
    padding: 14.5px 15px;
    min-height: 15px;
    /*background-color: transparent;*/
    /*border: 1px solid transparent;*/
}

#menu .nav > li > a:hover, #menu .nav > li.open > a {
    /*background-color: #fff;*/
    /*border: 1px solid #ccc;*/
}

#menu .dropdown:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

#menu .dropdown-menu {
    padding-bottom: 0;
    display: table !important;
    width: 100%;
    margin: 0 !important;
    min-width: 185px;
}

#menu .dropdown {
    /*position: static;*/
}

#menu .c_children2 .dropdown-menu {
    top: 0 !important;
    right: 100%;
}

html[dir=ltr] #menu .c_children2 .dropdown-menu {
    top: 0 !important;
    left: 100%;
}

#menu .dropdown-menu > .dropdown-inner {

}

#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: -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: 10px 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 .nav > li.dropdown > a:after {
    font-family: FontAwesome;
    content: "\f107";
    display: inline-block;
    line-height: 1em;
}

html[dir=rtl] #menu .nav > li.dropdown > a:after {
    margin-right: 5px;
}

html[dir=ltr] #menu .nav > li.dropdown > a:after {
    margin-left: 5px;
}

#menu .c_children2 > .dropdown > a:after {
    font-family: FontAwesome;
    display: inline-block;
}

html[dir=rtl] #menu .c_children2 > .dropdown > a:after {
    content: "\f104";
    float: left;
}

html[dir=ltr] #menu .c_children2 > .dropdown > a:after {
    content: "\f105";
    float: right;
}

#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;
}

.dropdown-menu.all-cats {
    min-width: 350px;

}

.dropdown-menu.d2 {
    max-width: 200px;
    background-color: #fcfbf4;

}

.all-cats {
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 0 0 85px -10px rgb(0 0 0 / 20%);
    border: 0;
    background-color: #fcfbf4;
    visibility: hidden;
    opacity: 0;
    /*visibility: visible;*/
    /*opacity: 1;*/
    top: 200%;
    transition: all linear .4s;
    display: block !important;
}

.open .all-cats {
    visibility: visible;
    opacity: 1;
    top: 100%;
    transition: all linear .4s;
}

#dropdownMenuButton {
    padding: 14px 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;
}

.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;
    transition: all linear .4s;

}

.all-cats > ul > .img-li .hr-li {
    padding: 10px 20px;
    display: block;
    color: var(--heading-color) !important;
    font-size: 16px;
}
.all-cats > ul > .img-li-sing  {

    color: var(--heading-color) !important;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 5px;
}
html[dir=rtl] .all-cats > ul > .img-li-sing .hr-li-sing{
    padding: 10px 20px;
    float: left;
}
html[dir=ltr] .all-cats > ul > .img-li-sing .hr-li-sing{
    padding: 10px 20px;
    float: right;
}
.all-cats > ul > .img-li .hr-li:after  {
    font-family: FontAwesome;
    color: var(--heading-color) !important;
    margin-inline-start: 25px;
    font-size: 14px;
    display: block;

}

html[dir=rtl] .all-cats > ul > .img-li .hr-li:after {
    float: left;
    content: "\f104";
}

html[dir=ltr] .all-cats > ul > .img-li .hr-li: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;
}

@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;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 33%;
    -webkit-transform: translate(-50%, -50%);
}

html[dir=rtl] .slide-layers {
    text-align: right;
    left: 75%;

}

html[dir=ltr] .slide-layers {
    text-align: left;
    left: 28%;

}

#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;
    margin-bottom: 45px;
}

.slideshow .swiper-pagination {
    bottom: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
html[dir=rtl] .slideshow .swiper-pagination{
    left: 40%;
}
html[dir=ltr] .slideshow .swiper-pagination{
    left: -40%;

}

.slideshow .swiper-pagination-bullet {
    position: relative !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    margin: 20px 5px !important;
    border: 1px solid transparent !important;
    background: rgba(88, 145, 149, .52) !important;
    cursor: pointer !important;
    transition: all linear .35s;
}

.slideshow .swiper-pagination-bullet-active {
    border: 1px solid #10a8a0 !important;
    background: transparent !important;
    width: 20px !important;
    height: 20px !important;
}

.slideshow .swiper-pagination-bullet:hover {
    border: 1px solid #10a8a0 !important;
    background: transparent !important;
}

.slideshow .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(0, 0) !important;
    width: 70% !important;
    height: 70% !important;
    border-radius: 50% !important;
    background-color: #10a8a0 !important;
    opacity: 0 !important;
    transition: all linear .35s !important;
}

.slideshow .swiper-pagination-bullet-active:after {
    transform: translate(-50%, -50%) scale(1, 1) !important;
    opacity: 1 !important;
}

.slideshow .swiper-pagination-bullet:hover:after {
    transform: translate(-50%, -50%) scale(1, 1) !important;
    opacity: 1 !important;
}

.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: var(--maincolor);
    transition: all 0.5s ease;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;

}

.slide-layers .s-describe {
    color: var(--heading-color);
    font-size: 58px;
    line-height: 85px;
    font-weight: bold;
    transition: all 0.5s ease;
}

.slide-layers .btn-more {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: var(--maincolor);
    padding: 0;
    width: 180px;
    height: 50px;
    line-height: 50px;
    border-radius: 35px;
    text-align: center;
    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;
}

.mybanner .col-xs-12 {
    margin: 0 0 20px;
}

/*.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;
}*/
.mfilter-widget-position-right .mfilter-free-button {
    display: block;
    position: absolute;
    margin: 10px 0 0 228px;
    cursor: pointer;
    width: 25px;
    height: 23px;
    border: 10px solid var(--secondcolor);
    background: var(--secondcolor) url(mf/images/icons.png?v8) no-repeat -69px 0;
}
.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;
}*/
#tab-description{
    font-size: 14px;
    line-height: 1.6em;
    color: #000;
}
#tab-description img{
    display: block;
    max-width: 100% !important;
}
.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;
    width: 100%;
}

.cat2 .img-li {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0px 5px;
}

.img-link {
    display: block;
    padding: 10px;
    border: 1px solid var(--body-color);
    transform: scale(1);
    border-radius: 5px;
    position: relative;

    transition: border-top-color 0.3s ease-in-out 0s,
    border-right-color 0.3s ease-in-out 0.1s,
    border-bottom-color 0.3s ease-in-out 0.2s,
    border-left-color 0.3s ease-in-out 0.3s;
}

.img-link:hover {
    transition: all .35s ease-in-out;
    transform: scale(1.05);
    border-color: rgba(255, 255, 255, 0);
}

.cats .home-cats .cat-title {
    font-size: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3;
    text-align: center;
    display: block;
    margin: 20px 0 0;
    color: var(--heading-color);

}

.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;
}

.caro-products .product-grid {
    display: block;
}

.m-title {
    font-size: 20px;
    color: #404553;
    font-weight: bold;
}

.latest {
    padding: 0 0px;
}

.common-home .main-products .product-layout {
    padding: 0 10px;
    /*width: 100%;*/
    width: calc(100% / 4 - 0.01px);
    margin: 0 0 30px;
}

.common-home .main-products-caro .product-layout {
    margin: 0 0 30px;
}

.main-products .product-thumb .desc,
.main-products .product-thumb .price-tax {
    display: none;
}

.main-products .product-thumb {
    /*border: 1px solid #eee;*/
    height: 100%;
    margin: 0;
}


.main-products-caro .product-thumb .desc,
.main-products-caro .product-thumb .price-tax {
    display: none;
}

.main-products-caro .product-thumb {
    /*border: 1px solid #eee;*/
    height: 100%;
    margin: 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 {

}

/*.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;

}


.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;
}

.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);
}


.module-title {
    font-size: 14px;
    color: var(--secondcolor);
    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: var(--secondcolor);
    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);
}*/


.special {
    background: #fff;
    padding: 0;
}

.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;
}

.tab-content .desc {
    display: none;
}

.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;
}

#carousel0 .swiper-wrapper img {
    width: 100%;
}

#carousel0 .swiper-wrapper .img-carousel {
    overflow: hidden;
    transform: scale(1) rotate(0deg);
    transition: all linear .35s;
    display: block;
    position: relative;
}

#carousel0 .swiper-wrapper .img-carousel:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(88, 145, 149, .95);

}

#carousel0 .swiper-wrapper .img-carousel:hover:before {
    opacity: 1;
    visibility: visible;
}

#carousel0 .swiper-wrapper .img-carousel img {
    transition: all linear .35s;

}

#carousel0 .swiper-wrapper .img-carousel:hover img {
    opacity: .65;
    transform: scale(1.2) rotate(-3deg);
    -moz-transform: scale(1.2) rotate(-3deg);
    -webkit-transform: scale(1.2) rotate(-3deg);
    transition: all linear .35s;

}

#carousel0 .m-title {
    display: block;
    font-size: 36px;
    line-height: 48px;
    margin: 0 0 30px;
    color: var(--heading-color);
}

#carousel1 .m-title {
    display: none;
}

#carousel1 .swiper-wrapper .img-carousel img {
    opacity: 0.4;
    transition: all linear .35s;

}

#carousel1 .swiper-wrapper .img-carousel:hover img {
    opacity: 1;
    transition: all linear .35s;

}

.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: #000;
    font-size: 13px;
    line-height: 2;
    text-align: center;
    display: block;
    background: #fff;
    border-radius: 50%;
    height: 25px;
}

.payment-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    GAP: 10px;
}

.newsletter.contctseller h2 {
    text-align: right;
    color: #fff;
    padding: 0;
    background: transparent;
}

.newsletter .input-group {
    background: #fff !important;
    padding-inline-end: 10px;
}

.newsletter .btn {
    background: transparent !important;
    border-color: transparent !important;
    height: 45px;
    position: relative;
    z-index: 99 !important;
}

.newsletter .btn:hover {
    background: transparent !important;
    border-color: transparent !important;
}
#pqv-content .input-group-btn{
    z-index: 3;
    display: table !important;

}
#pqv-content .pqv-qty-block{
    display: flex !important;
    align-items: center;
}
.news-footer{
    display: none;
}
#addft .newsletters-footer{
        margin-inline-start: -30px;
    background: transparent;
    border: 0;
}
#addft .newsletters-footer:before {
    content: "\f2b6";
    font-family: FontAwesome;
    font-weight: bold;
    font-size: 18px;

    color: var(--body-color);

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}
#addft .input-email {
    height: 45px;
    border: 0;
    box-shadow: none;
}
#addft p {
    text-align: justify;
    margin: 30px 0;
    color: #bbbdc4;
}


.newsletter {
    width: 100%;
}

.newsletter_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.column {
    width: 25%;
    display: flex;
    padding-left: 15px;
}

.newsletter .far {
    font-size: 40px;
    margin-inline-end: 20px;
}

.newsletter h5 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.newsletter p {
    padding: 0;
    /*border-right: 1px solid rgba(0, 0, 0, .07);*/
    margin: 0;
}

.newsletter .form-group, .newsletter .buttons {
    margin: 0;
    border: none !important;
}

.newsletter.contctseller h2 {
    text-align: right;
    color: #fff;
    padding: 0;
    background: transparent;
}


.nav-footer {
    display: inline-block;
    width: 100%;
}

.nav-footer li {
    width: 50%;
}

html[dir=rtl] .nav-footer li {
    float: right;

}

html[dir=ltr] .nav-footer li {
    float: left;

}

.newsletter #input-email {
    height: 45px;
    border: 0;
    box-shadow: none;
}

html[dir=rtl] .newsletter p {
    text-align: justify;
    margin: 30px 0;
    color: #bbbdc4;

}

html[dir=ltr] .newsletter p {
    text-align: justify;
}

.seller-info, .newsletter .enquire {
    border: 0;
    padding: 0;
}

.footer-social a {

    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #787878;
    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;
    /*margin-bottom: 10px;*/
    color: var(--body-color);
    border: 0.125rem solid #f3f3f3;
    background: #FFF;
    box-shadow: none;
    border-radius: 50%;
    transition: 250ms;
}


.footer-social a .fa,
.footer-social a .fab {
    font-size: 22px;
}

.footer-social a:hover {
    color: #fff;
    border: 0.125rem solid var(--secondcolor);
    background: var(--secondcolor);
}

/*.footer-social a.twitter:hover, .footer-social a.twitter:focus {*/
/*    color: #00ACED;*/
/*    box-shadow: 0 0 24px 0 #00aced;*/
/*}*/

/*.footer-social a.facebook:hover, .footer-social a.facebook:focus {*/
/*    color: #3b5998;*/
/*    box-shadow: 0 0 24px 0 #3b5998;*/
/*}*/

/*.footer-social a.pinterest:hover, .footer-social a.pinterest:focus {*/
/*    color: #bd081c;*/
/*    box-shadow: 0 0 24px 0 #bd081c;*/
/*}*/

/*.footer-social a.youtube:hover, .footer-social a.youtube:focus {*/
/*    color: #cd201f;*/
/*    box-shadow: 0 0 24px 0 #cd201f;*/
/*}*/

/*.footer-social a.linkedin:hover, .footer-social a.linkedin:focus {*/
/*    color: #0A66C2;*/
/*    box-shadow: 0 0 24px 0 #0A66C2;*/
/*}*/

/*.footer-social a.instagram:hover, .footer-social a.instagram:focus {*/
/*    color: #E4405F;*/
/*    box-shadow: 0 0 24px 0 #E4405F;*/
/*}*/

/*.footer-social a.whatsapp:hover, .footer-social a.whatsapp:focus {*/
/*    color: #25D366;*/
/*    box-shadow: 0 0 24px 0 #25D366;*/
/*}*/

/*.footer-social a.snapchat:hover, .footer-social a.snapchat:focus {*/
/*    color: #FFFC00;*/
/*    box-shadow: 0 0 24px 0 #FFFC00;*/
/*}*/

/*.footer-social a.tiktok:hover, .footer-social a.tiktok:focus {*/
/*    color: #EE1D51;*/
/*    box-shadow: 0 0 24px 0 #EE1D51;*/
/*}*/

/*.footer-social a.telegram:hover, .footer-social a.telegram:focus {*/
/*    color: #0088cc;*/
/*    box-shadow: 0 0 24px 0 #0088cc;*/
/*}*/


/* footer */



.floating {
  height: 4em;
  width: 4em;
  background: #eee;
  border-radius: 50%;
  position: fixed;
  z-index: 999;
  bottom : 2em;
  left: 2em;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
    .floating{
        bottom : 60px;
    }
}
.floating .material-icons {
  font-size: 2.2em;
  color: white;
  transition: all, 0.2s;
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

}
.floating-smoke .floating-main .fa-plus{
    opacity: 0;
}
.floating-smoke.float-open .floating-main .fa-plus{
    opacity: 1;
}
.floating-smoke .floating-main .fa-share{
    opacity: 1;
}
.floating-smoke.float-open .floating-main .fa-share{
    opacity: 0;
}
.floating-main {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e74c3c;
  opacity: 0.5;
  transition: all, 0.2s;
  z-index: 8;
}
.floating:hover .floating-main{
  opacity: 1;
}
.float-opt {
  position: absolute;
  height: 90%;
  width: 90%;
  border-radius: 50%;
  opacity: 0;
  transition: all, 0.3s;
  z-index: 7;
  transform: translate(0%, 0%);
      display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.float-opt .fa, .float-opt .fab{
    background: transparent;
    color: #fff;
    font-size: 18px;
}
.opt-text {
  background: blue;
}
.opt-media {
  background: orange;
}
.float-open {
  background-image: linear-gradient(to top, gray, transparent);
}
.float-open .floating-main{
  transform: rotate(315deg);
  opacity: 1;
}
.float-open .float-opt {
  opacity: 1;
  

}

.float-open .float-opt:nth-child(2) {
  transform: translate(0%, -115%);
}
.float-open .float-opt:nth-child(3) {
  transform: translate(0%, calc(-115% + (-105%)));
}
.float-open .float-opt:nth-child(4) {
    transform: translate(0%, calc(-220% + (-105%)));
}
.float-open .float-opt:nth-child(5) {
    transform: translate(0%, calc(-325% + (-105%)));
}
.float-open .float-opt:nth-child(6) {
    transform: translate(0%, calc(-430% + (-105%)));
}
.float-open .float-opt:nth-child(7) {
    transform: translate(0%, calc(-535% + (-105%)));
}
.float-open .float-opt:nth-child(8) {
    transform: translate(0%, calc(-640% + (-105%)));
}
.float-open .float-opt:nth-child(9) {
    transform: translate(0%, calc(-745% + (-105%)));
}
.float-open .float-opt:nth-child(10) {
    transform: translate(0%, calc(-850% + (-105%)));
}
.float-open .float-opt:nth-child(11) {
    transform: translate(0%, calc(-955% + (-105%)));
}
.facebook.float-opt{
    background: #3b5998;
}
.facebook.float-opt:hover{
    box-shadow: 0 0 12px 0 #3b5998;
}
.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands";
}
.twitter.float-opt{
    background: #000;
}
.twitter.float-opt:hover{
    box-shadow: 0 0 12px 0 #000;
}
.pinterest.float-opt{
    background: #bd081c;
}
.pinterest.float-opt:hover{
    box-shadow: 0 0 12px 0 #bd081c;
}
.youtube.float-opt{
    background: #cd201f;
}
.youtube.float-opt:hover{
    box-shadow: 0 0 12px 0 #cd201f;
}
.linkedin.float-opt{
    background: #0A66C2;
}
.linkedin.float-opt:hover{
    box-shadow: 0 0 12px 0 #0A66C2;
}
.instagram.float-opt{
    background: #E4405F;
}
.instagram.float-opt:hover{
    box-shadow: 0 0 12px 0 #E4405F;
}
.whatsapp.float-opt{
    background: #25D366;
}
.whatsapp.float-opt:hover{
    box-shadow: 0 0 12px 0 #25D366;
}
.snapchat.float-opt{
    background: #FFFC00;
}
.snapchat.float-opt:hover{
    box-shadow: 0 0 12px 0 #FFFC00;
}
.tiktok.float-opt{
    background: #000;
}
.tiktok.float-opt:hover{
    box-shadow: 0 0 12px 0 #000;
}
.telegram.float-opt{
    background: #0088cc;
}
.telegram.float-opt:hover{
    box-shadow: 0 0 12px 0 #0088cc;
}




.top-footer {
    padding: 20px 0 40px;
}

footer {
    margin-top: 30px;
    padding-top: 30px !important;
    background-color: var(--body-color);
    color: #4a4a4a;
}

/*.common-home footer{
    margin-top: 0;
}*/

footer hr {
    border-top: none;
    border-bottom: 1px solid #666;
}

footer a {
    color: #bbbdc4;
    font-size: 16px;
}

footer a:hover {
    color: #fff;
}

footer h5 {
    /*font-family: Tahoma, Geneva, sans-serif;*/
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    color: #FFF;
    margin: 17px 0 35px;
}

footer h5 .fa{
    display:none;
}
footer h5.collapsed{
    pointer-events: none;
}
footer .footer-list{
    display: block;
}

footer h5:hover {
    cursor: pointer;
}

footer ul.list-unstyled li {
    margin: 0 0 7px;
}

footer ul.list-unstyled {
    margin-bottom: 30px;
}

.extra {

}

.widget-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.call {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 0;
}

.call .call-icon {
    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;
    height: 40px;
}

.call .call-icon .fas {
    font-size: 20px;
    color: #bbbdc4;
}

.call-phone {
    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;
}

.call-phone p {
    margin: 0 0 0;
}

.call-phone p:first-child {
    color: #bbbdc4;
    font-size: 14px;
    transition: all .35s ease-in-out;
}

.call-phone p:hover {
    color: #fff;
}

.call-phone .call-phone-number {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.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;
}

.tel {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 9999;
}

.tel .fa {
    padding: 11px 14px;
    background: #3dc489;
    color: #fff;
    font-size: 34px;
    border-radius: 50%;
}

.tel:hover .fa {
    background: #04233e;
}

@media screen and (max-width: 767px) {
    .tel {
        bottom: 60px;
        right: 20px;
    }

}

.maroof {
    display: table;
    margin: 0 auto;
    width: 90px;
}

.commercial {
    text-align: center;
    margin: 15px 0 0;
}

.app_social p {
    text-align: center;
}

.app_social {
    margin: 30px 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app_social.app_social_center {
    justify-content: center;
}

.app_social .left {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    justify-content: space-between;
}

.left .payment:first-of-type {
    display: flex;
    flex: 1;
    justify-content: flex-start;

}

.left .footer-social {
    display: flex;
    flex: 1;
    justify-content: flex-end;
}

.app_social .left .payment-slide img {
    border-radius: 4px;
    max-width: 80px;
}

.taxnum img {
    width: 16px;
}

.footer-social {
    /*display: table;
    margin: 0 auto 15px;*/
}

.c_rights {
    margin: 0 0 0;
    text-align: center;
    color: #bbbdc4;
    font-weight: bold;
}

.copy {
        border-top: 1px solid #e2e5f1;
        padding: 30px 0;
        padding: 20px;
        display: flex;
        display: -ms-flexbox;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
}
footer .copy ul.list-unstyled {
    margin-bottom: 10px;
}
footer .copy ul.list-unstyled li:last-child{
    margin-inline-end: 0;
}

.copy .list-unstyled li {
    display: inline-block;
    margin-inline-end: 10px;
}

[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;
    }
}
.radio + .radio, .checkbox + .checkbox{
    margin: 0 !important;
}

.content_center {
    text-align: start;
}
.input-option-it {
    display: flex;
    align-items: center;
}
.radio-lab label {
    display: flex;
    align-items: center;
}
.radio-lab label img {
    padding: 3px !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: none;
    border: 1px solid transparent;
    transition: all .25s ease-in-out;
}
.content_center h2 {
    margin-top: 10px;
    color: #000;
    font-size: 26px;
}

.page-title {
    font-size: 28px;
    color: #000;
    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;
}
*/
.brand-image a {
    color: #7e859b;
    display: block;
    font-size: 16px;
    margin: 10px 0;
}

#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;
}

.cart-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
 align-items: center;
 width:100%;
}

.buttons-wrapper {
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
}
.buttons-wrapper2 {
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
}

.add_group {
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    width: 150px;
    height: 50px;
    /*border: 1px solid var(--secondcolor);*/
    margin-left: 10px;
    border-radius: 35px;
    margin-bottom: 20px;
}

.add_group span {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    -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%;
    width: 23px;
    max-width: 23px;
    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;
    border: 1px solid var(--secondcolor);
    border-radius: 35px;
}

html[dir=rtl] .add_group input {
     width: 150px;
    box-shadow: none;

}

html[dir=ltr] .add_group input {
     width: 100px;
    box-shadow: none;

}
.cart-group #button-cart{
    width: 100%;
    outline: none !important;
    box-shadow: none;
}
.cart-group #button-cart:focus{
    outline: none !important;
    box-shadow: none;
}
.cart-group #button-cart, .cart-group #button-cart2,
.cart-group #button-checkout, .cart-group #button-checkout2 {
    flex-grow: initial;
    /*height: 40px;*/
    display: inline-flex;
    border-radius: 0px;
    /*width: auto;*/
    justify-content: center;
    margin-top: 0;
    padding: 15px 12px;
    transition:  all .35s ease-in-out;
}
.cart-group #button-cart, .cart-group #button-cart2{
    background: var(--maincolor) !important;
    border-radius: 35px !important;
}
.cart-group #button-cart:hover ,.cart-group #button-cart2:hover{
    background: var(--secondcolor) !important;

}
.btn-group>.btn:focus{
    outline: none !important;
    box-shadow: none;
}
.cart-group #button-checkout, .cart-group #button-checkout2 {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

html[dir=rtl] .wishlist-compare {
    margin-right: 0;
}

html[dir=ltr] .wishlist-compare {
    margin-left: 0;

}

.wishlist-compare .btn {
    background: transparent !important;
    border-width: 1px;
    border-style: solid;
    border-color: #6d6d6d;
    padding: 0 !important;
    border-radius: 50% !important;

    color: #6d6d6d;
    margin: 0 5px !important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition: all .35s ease-in-out;
}
.content_center .desc{
    width: 80%;
    text-align: justify;
}
.content_center .price{
    display: flex;
    align-items: center;
}
.content_center .price span {
    font-size: 24px;
    line-height: 1;
    color: #aeb3c3;
}
.content_center .price h2{
    font-size: 36px;
    line-height: 36px;
    color: var(--secondcolor);
    font-weight: 400;
 }
.content_center .product-stats ul li {
    font-size: 18px;
    font-weight: bold;
    margin-inline-end: 50px;
    color: #000;
    margin-bottom: 5px;

}

#product .radio label, #product .checkbox label{
    padding: 0;
        margin: 0;
}
#product [id^=input-option] {
    display: flex;
        align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}
#product .radio img,
#product .checkbox img {
    display: inline-block;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    padding: 2px;
}
#product .radio .opt-title,
#product .checkbox .opt-title{
    padding: 2px 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
}

#product input[type="radio"]:checked + img,
#product input[type="checkbox"]:checked + img {
        border: 1px solid #1b2b32;
}
#product input[type="radio"]:checked + .opt-title,
#product input[type="checkbox"]:checked + .opt-title{
    border: 1px solid #1b2b32;
}

#product .radio input[type="radio"],
#product .checkbox input[type="checkbox"] {
    visibility: hidden;
}
#product > .form-group .disabled{
    pointer-events: none;
    cursor: not-allowed;
    position: relative;
}
#product > .form-group .disabled:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to top left, transparent calc(50% - 1px), black, transparent calc(50% + 1px));
}

#product h3{
    color: var(--secondcolor);
}
#product label{
    color: var(--secondcolor);
    margin-bottom: 10px;
    padding: 0 !important;
    margin-inline-end: 5px;
}
.content_center .product-stats ul li span{
    font-size: 14px;
    margin-inline-start: 5px;
    color: #aeb3c3;
}
.content_center .desc div span{
    width: 55%;
    display: inline-block;
    text-align: justify;

}
.page-title {
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 10px;
    font-weight: bold;
    color: var(--heading-color);

}
.wishlist-compare .btn:hover {
    background: var(--secondcolor) !important;
    color: #fff;
}

.wishlist-compare .btn .fa {
    font-size: 16px;
}

/*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;
}

.btn-quick-view {
    color: #000000 !important;
}

.xzoom-container {
    margin-bottom: 25px;
}

[class^="product-product"] .nav-tabs {
    text-align: center;
}

[class^="product-product"] .nav-tabs > li {
    float: none;
    display: inline-block;
}

.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: #fff;
    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(--secondcolor);
}

.refine-item:hover span {
    color: var(--secondcolor);
}


.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;
}

.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% / 4 - 0.01px);
    padding: 0 15px;
    margin-bottom: 30px;
}

.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: 30px;*/
}

.main-products.pages .product-list .product-thumb {
    margin-bottom: 10px;
    background: #fff;
    display: table;
    width: 100%;
}

.cart-table table {
    margin: 0 0 30px;
}

.cart-table .single {
    color: #cdcdcd;
    font-size: 12px;
}

#accordion input {
    box-shadow: none;
}

@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: 450px;
    }

    html[dir=rtl] .cart-bottom {
        margin-right: 20px;
    }

    html[dir=ltr] .cart-bottom {
        margin-left: 20px;
    }
}

.cart-bottom {
    background: #fff;
    padding: 0 20px;
    border-width: 0;
    border-style: solid;
    border-color: #dddddd;
}

.cart-bottom h3 {
    margin: 5px 0 20px;
    font-size: 26px;
    color: #484848;
}

.alert-dismissible .close {
    left: 0;
    top: -5px;
}

.cart-table table thead td {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background: #fff;
    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 button {
    color: #484848;
    background: #ebebeb;
    border: 0;
    border-radius: 5px;
    padding: 6px 10px;
    line-height: 1.5em;
}

.quan #number {
    height: 32px;
    border: 0;
    box-shadow: none;
}

.quan .input-group-btn {
    font-size: unset;
}

.quan .btn-danger {
    background: red;
    border-radius: 50% !important;
    height: 30px;
    color: #fff;
    width: 30px;
    margin: 1px !important;
    vertical-align: baseline;
}

#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;
}


.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;*/
}

.mob {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 5px 15px;
}

.mobile-logo-wrapper img {
    margin: 0 auto;
    padding: 5px;
    max-width: 100px;
    max-height: 85px;
}
.mobile-header .mob > .row{
        display: flex;
        align-items: center;
}
.mobile-logo-wrapper {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    /*flex-basis: 30%;*/
    padding: 5px 0;
    justify-content: space-between;
}

.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-cart-wrapper {
    flex-basis: 15%;
}

.mobile-search-wrapper {


}

.mobile-cart-wrapper #cart-total .red {
    left: 8px;
}

.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%;
}


/*#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-container {
    display: block !important;
}

#xzoom-products {
    max-width: 80%;
    margin: 20px auto 0;
}

#xzoom-default {
    width: 100%;
    box-shadow: none;
}

.thumbnail {
    border: 0;
    margin: 0;
}

/* 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;
    line-height: 1.8;
}

.btn-primary {
    color: #ffffff;
    background: var(--maincolor);
    padding: 10px 12px;
    border: 0;
    transition: all 0.4s ease-in-out;
    border: 1px solid var(--maincolor);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background: var(--secondcolor);
    border: 1px solid var(--secondcolor);

}
#button-checkout, #button-checkout2{
        background: #000;
        border: 1px solid #000;
        border-radius: 35px !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;
    outline: none !important;
}

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}

.btn-inverse {
    color: #606060 !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: 30px;
    /*overflow: auto;*/
}

.product-thumb .image {
    text-align: center;
}

.product-thumb .image a {
    display: block;
}

.product-thumb .caption a {
    font-size: 21px;
    line-height: 30px;
    font-weight: 400;
    color: var(--heading-color);

}

/*.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;
    margin: 10px 0;
}

.product-thumb .caption {
    /*padding: 0 20px;
    min-height: 180px;*/
    padding: 0 10px;
    margin-top: 20px;
}

.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;
}


.product-thumb .rating {
    padding-bottom: 0px;
}

.rating .fa-stack {
    font-size: 8px;
}

.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}

.rating .fa-star {
    color: #FC0;
    font-size: 15px;
}

.rating .fa-star + .fa-star-o {
    color: #E69500;
}

h2.price {
    margin: 0;
}

.product-thumb .price {
    color: #000;
    font-size: 17px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

html[dir=rtl] .product-thumb .price {
    justify-content: flex-start;

}

html[dir=ltr] .product-thumb .price {
    justify-content: flex-start;

}

.product-thumb .price-new {
    font-weight: 600;
    /* display: block; */
    color: var(--secondcolor) !important;
    float: right;
    margin-inline-end: 5px;
}


.product-thumb .price-old {
    font-size: 16px;
    color: #aeb3c3;
    font-weight: 400;
    text-decoration: line-through;
    margin: 5px 0 0 0;
}

.product-thumb .price-tax {
    color: #aeb3c3;
    font-size: 13px;
    display: block;
}

.product-thumb .button-group {
    text-align: center;
}

.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: 55%;
    font-size: 15px;
    border: none;
    display: inline-block;
    /*background-color: #787878;*/
    background: var(--secondcolor);
    color: #fff;
    line-height: 38px;
    /*font-weight: bold;*/
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 0px 5px;
    margin-bottom: 10px;
}

.product-thumb .button-group button + button {
    /*width: 20%;
    border-right: 1px solid #ddd;*/
    margin: 0 5px;
}

.product-thumb .button-group button:hover {
    color: #fff;
    background-color: #6d6d6d;
    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%;
}
}*/

.disabled {
    opacity: .65;
    cursor: not-allowed !important;
    background-color: #ededed !important;
    color: #606060 !important;
}


.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 > .container{
    display: flex;
}
.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;
}
.radio-lab label input {
    visibility: hidden;

}
html[dir=rtl] .user_agent .col-xs-3 {
    border-left: 1px solid #eee;
    width: 100%;
}

html[dir=ltr] .user_agent .col-xs-3 {
    border-right: 1px solid #eee;
    width: 100%;
}

html[dir=rtl] .user_agent .col-xs-3:last-child {
    border-left: 0;
}

html[dir=ltr] .user_agent .col-xs-3:last-child {
    border-right: 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;
}


/*mb-menu*/
.service-box {
    background-image: url(account-box-background.png);
    background-repeat: repeat-x;
    background-color: #fff;
    padding: 50px 40px;
    position: relative;
}

.mp-back1 {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
}

.vendor {
    font-size: 18px;
    font-weight: 500;
    display: block;
    text-align: center;
    line-height: 1.8em;
}

.vendor img {
    max-width: 150px;
    margin: 0 auto;
}

.mp-menu ul li > a {
    display: block;
    font-size: 14px;
    font-weight: 100;
    padding: 10px 20px 10px 20px;
    color: #606060;
    border-bottom: 1px solid #eee;
}

.mp-menu ul li a.mp-back {
    background-color: var(--secondcolor);
}

.mp-menu ul li a i {
    font-size: 30px;
    margin: 0 5px;
    vertical-align: text-bottom;
}

.mp-menu .fa-angle-left {
    font-size: 20px;
    margin: 6px 5px 0px;
    display: inline-block;
    color: #041e42;

}

html[dir=rtl] .mp-menu .fa-angle-left {
    float: left;
    /*transform: scale(-1);*/
}

html[dir=ltr] .mp-menu .fa-angle-left {
    float: right;
    transform: scale(-1);
}

.mp-menu #form-language .language-select {
    text-align: unset;
}

.mp-menu ul li a.mp-back {
    font-size: 15px;
    padding: 8px 10px;
}

.mp-menu ul li strong {
    padding: 5px 10px;
}


img:not([src]) {
    visibility: hidden;
    /*background:#eee url('/catalog/view/theme/default/image/loading.gif');*/
}

/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
    img:-moz-loading {
        visibility: hidden;
    }
}

.loademe {
    position: absolute;
    z-index: 999999999999999999;
    left: 0;
    top: 0;
    background: #ddd;
    width: 100%;
    height: 100%;
    text-align: center;
}

.lds-ring {
    display: inline-block;
    position: absolute;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #6d6d6d;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #6d6d6d transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


@media (max-width: 1100px) {
    .slide-layers .s-title {
        font-size: 25px;
    }

    .slide-layers .s-describe {
        font-size: 16px;
    }


    #slideshow0 .slide-layers {
        
    }
}

@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;
    }

    .uabody {
        margin-bottom: 61px;
    }

    [class^="product-product"].uabody {
        margin-bottom: 114px;
    }

    [class^="product-product"] {
        margin-bottom: 77px;
    }

    .uabody .buttons-wrapper {
        bottom: 12px;
        align-items: center;
        justify-content: center;

    }
    .uabody .buttons-wrapper2 {
        bottom: 11px;
        align-items: center;
        justify-content: center;

    }
    .cart-group{
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        width: 100%;
    }

    html[dir=ltr] .wishlist-compare{
        margin-left: unset;
    }

    .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);
    }

    .product-thumb .caption a {
        font-size: 14px;
    }

    .slide-layers .s-title {
        font-size: 25px;
    }

    .slide-layers .s-describe {
        font-size: 44px;
        line-height: 60px;
    }

    #slideshow0 .slide-layers {
        width: 68%;
    }


    #menu .dropdown-menu > .dropdown-inner {
        overflow: hidden;
    }

    .buttons-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: unset;
        bottom: 0;
        z-index: 9999;
        width: 100%;
        right: 0;
        left: 0;
        padding: 10px 15px 0;
        background: #fff;
    }
    .buttons-wrapper2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        bottom: 0;
        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);
    }

    [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) {
 footer h5 .fa{
    display:block;
}
.faplmi{
    display: flex;
}
    footer h5  .fa-minus{
    transform: scale(1);
    visibility: visible;
    height: auto;
    opacity:1;
    transition: linear .4s;
} 
    footer h5  .fa-plus{
    transform: scale(.7);
    height: 0;
    opacity:0;
    visibility: hidden;
    transition: linear .4s;
}
    footer h5.collapsed  .fa-minus{
    transform: scale(.7);
    height: 0;
    opacity:0;
    visibility: hidden;
    transition: linear .4s;
} 
    footer h5.collapsed  .fa-plus{
    transform: scale(1);
    height: auto;
    opacity:1;
    visibility: visible;
    transition: linear .4s;
} 

footer h5.titcolpa {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
}
footer .footer-list {
    display: block;
    visibility: hidden;
    height: 0;
    opacity: 0;
    margin: 0 !important;
    transition: linear .4s;
}
footer .footer-list.collapse.in {
    height: auto;
    visibility: visible;
    display: block;
    opacity: 1;
    transition: linear .4s;
}
 
html[dir=rtl] .nav-footer.collapse li{
     float:none;
}
 html[dir=rtl] .nav-footer.collapse.in li{
     float:right;
}

  html[dir=ltr] .nav-footer.collapse li{
     float:none;
}
 html[dir=ltr] .nav-footer.collapse.in li{
     float:left;
} 
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
    .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;
    }

    #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);
    }

    .newsletter_wrap {
        flex-wrap: wrap;
    }

    .column {
        width: 40%;
    }

    .newsletter p {
        margin: 10px 0;
    }

    #addsubs .col-sm-12 {
        padding: 0;
    }

    #addsubs {
        margin: 0px 0 30px;
    }

    .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;

    }

    #xzoom-products .swiper-button-prev {
        left: -10px;

    }

    #xzoom-products .swiper-pager {
        width: 100%;
    }

    .product-thumb .button-group button {
        width: 80%;
        font-size: 14px;
    }

    .grid-list {
        display: none !important;
    }

    .cats {
        padding: 30px 0;
    }
    .product-compare #content .table-bordered {
        display: block;
        overflow-x: auto;
    }

}

@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);
    }

    .mobile-search-wrapper {
        max-width: 43%;
    }
}

@media (max-width: 370px) {
    .slide-layers .btn-more {
        display: none;
    }

    .product-thumb .button-group button {
        width: 90%;
        font-size: 14px;
    }
}


/*---------------------------------------*/
/*---------------------------------------*/
/*---------------------------------------*/
#banner30 .payment-wrapper .payment-slide {
    position: relative;
    overflow: hidden;
}

#banner30 .payment-wrapper .payment-slide:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .45);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

#banner30 .payment-wrapper .payment-slide:hover:before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.lookBook01:after {
    content: '';
    width: 286px;
    height: 286px;
    background: #ddecea;
    border-radius: 0;
    border-radius: 50%;
    position: absolute;
    bottom: -50px;
    right: -65px;
}

#banner30 .payment-wrapper .payment-slide img {
    height: 100%;
}

#banner30 .slide-layers {
    position: absolute;
    top: 50%;
    left: 50%;
    right: unset;
    transform: translate(-50%, -50%);
    /*-webkit-transform: translate(-50%, -50%);*/
}
html[dir=rtl] #banner30 .slide-layers{
    width: 50%;

}
html[dir=ltr] #banner30 .slide-layers{
    width: 55%;
}
#banner30 .slide-layers .b-title {
    display: inline-block;
    color: var(--heading-color);
    font-size: 36px;
    line-height: 48px;
    font-weight: bold;
    margin-bottom: 10px;
}

#banner30 .payment-slide .slide-layers .banner-btn {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    background: transparent;
    color: var(--heading-color);
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0;
    position: relative;
    transition: all .35s ease-in-out;
}

html[dir=ltr] #banner30 .payment-slide .slide-layers .banner-btn {
    text-align: left;
}
#banner30 .payment-slide:hover .slide-layers .banner-btn {
    color: var(--secondcolor);
}

#banner30 .payment-slide .slide-layers .banner-btn:before {
    display: inline-block;

    font-family: FontAwesome;
    margin-left: 10px;
    font-size: 18px;
    color: var(--heading-color);
    transition: all .35s ease-in-out;
}
html[dir=rtl] #banner30 .payment-slide .slide-layers .banner-btn:before{
    content: "\f100";
}
html[dir=ltr] #banner30 .payment-slide .slide-layers .banner-btn:before{
    content: "\f101";
}
#banner30 .payment-slide:hover .slide-layers .banner-btn:before {
    color: var(--secondcolor);

}


html[dir=rtl] #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 1) .slide-layers {
    left: 20%;
}

html[dir=ltr] #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 1) .slide-layers {
    left: 30%;
}



html[dir=rtl] #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 2) .slide-layers {
    top: 75%;
}
html[dir=ltr] #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 2) .slide-layers {
    top: 75%;
}

html[dir=rtl] #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 3) .slide-layers {
    left: 30%;
    top: 25%;
}
html[dir=ltr] #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 3) .slide-layers {
    left: 30%;
    top: 25%;
}

#banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 4) .slide-layers {
    top: 25%;
}

#banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 5) .slide-layers {
    top: 25%;
}

html[dir=rtl] #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 6) .slide-layers {
    left: 24%;
}
html[dir=ltr] #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 6) .slide-layers{
    left: 35%;

}


#banner30 .payment-wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1em;
}

#banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 1) {
    grid-column: span 4;
    grid-row: span 1;
    text-align: right;

}

#banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 2) {
    grid-column: span 4;
    grid-row: span 2;
    text-align: center;

}

#banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 3) {
    grid-column: span 4;
    grid-row: span 1;
    text-align: right;

}

#banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 4) {
    grid-column: span 4;
    grid-row: span 2;
    text-align: center;
}

#banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 5) {
    grid-column: span 4;
    grid-row: span 2;
    text-align: center;
}

#banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 6) {
    grid-column: span 4;
    grid-row: span 1;
    text-align: right;
}

.distinct-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.distinct-content .b-title {
    color: var(--heading-color);
    font-size: 24px;
    line-height: 1;
    margin: 0 0 20px;
}

.distinct-content .s-describe {
    color: var(--body-color);
    font-size: 14px;
    line-height: 1;
}

.mybanner img {
    width: auto !important;
    filter: invert(51%) sepia(32%) saturate(445%) hue-rotate(135deg) brightness(96%) contrast(87%);
}

.common-home .main-products.latest .product-layout {
    width: calc(100%);

}

#banner40 {
    display: inline-block;
    width: 100%;
    margin: 30px 0;
}

#banner40 .banner4-content {
    display: flex;
    align-items: center;
}

#banner40 .banner4-layers {
    padding-inline-start: 15px;
}

#banner40 img {
    width: initial;
}

#banner40 .banner4-layers .b-title {
    color: var(--heading-color);
    font-size: 24px;
    line-height: 1;
    margin: 0 0 10px;
    font-weight: bold;
}

#banner40 .banner4-layers .s-describe {
    color: var(--body-color);
    font-size: 16px;
    line-height: 1.5;
}

.product-thumb .button-group .btn-quick-view {
    position: unset !important;
    box-shadow: none !important;
}

.product-thumb .button-group {
    position: absolute;
    top: 30%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translate(-50%, 50%);
}

.product-thumb .button-group button, .product-thumb .button-group .btn-quick-view {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    margin: 0 !important;
    text-align: center;
    border-radius: 50% !important;
    background: #fff !important;
    padding: 0 !important;
    color: var(--secondcolor) !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.product-thumb .button-group button i, .product-thumb .button-group .btn-quick-view i {
    font-size: 18px !important;
    line-height: 50px !important;
    display: block;
}

.product-thumb .button-group .button-cart {
    -webkit-transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -moz-transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -ms-transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -o-transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);

}

.product-thumb:hover .button-group .button-cart {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.product-thumb .button-group .button-wishlist {
    -webkit-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -moz-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -ms-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -o-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);

}

.product-thumb:hover .button-group .button-wishlist {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.product-thumb .button-group .btn-quick-view {
    -webkit-transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -moz-transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -ms-transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -o-transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);

}

.product-thumb:hover .button-group .btn-quick-view {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.latest {
    margin-top: 30px;
}

.latest .swiper-pager {
    top: 50px;
    left: 10px;
    bottom: unset;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 10px;
    z-index: 1;
}
html[dir=rtl] .latest .swiper-pager ,html[dir=rtl] .cats .cats-pager{
    align-items: flex-end;
    justify-content: flex-end;
}
html[dir=ltr] .latest .swiper-pager , html[dir=ltr] .cats .cats-pager{
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

.latest .swiper-pager div {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: transparent;
    border: 1px solid var(--body-color);
    opacity: 1;
    position: relative;
    left: unset;
    right: unset;
    box-shadow: none !important;
    transition: all .35s ease-in-out;
}

.latest .swiper-pager div:before {
    transition: all .35s ease-in-out;
    color: var(--secondcolor);
}

.latest .swiper-pager div:hover {
    border: 1px solid var(--maincolor);
}

.latest .swiper-pager div:hover:before {
    color: var(--maincolor);
}

.latest .head-latest {
    margin-bottom: 30px;
}

.head-latest .m-title {
    display: block;
    font-size: 36px;
    line-height: 48px;
    margin: 0 0 6px;
    color: var(--heading-color);
}

.head-item-btn, .head-item-btn:hover {
    font-size: 16px;
    color: var(--body-color);
}

.product-thumb .image:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .45);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.product-thumb .image:hover:before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}

.featured1 {
    padding: 25px 0;
    margin: 70px 0;
    background-color: #F6F8FA;
}

.featured1 .product-thumb .desc {
    display: block;
}

.common-home .main-products.featured1 .product-layout {
    width: calc(100%);

}

.featured1 .product-thumb .image img {
    width: auto;
}

.featured1 .product-thumb .image:before {
    content: none;
}

.featured-image {
    position: relative;
}

.featured-image:before {
    content: " ";
    width: 400px;
    height: 400px;
    border-radius: 50%;
    opacity: .3;
    background: var(--maincolor);
    position: absolute;
    top: 25%;
    left: 20%;

    /*transform: translate(-50% , -50%);*/
    z-index: -1;
    -webkit-animation: scalings 1.5s alternate infinite;
    -moz-animation: scalings 1.5s alternate infinite;
    -ms-animation: scalings 1.5s alternate infinite;
    -o-animation: scalings 1.5s alternate infinite;
    animation: scalings 1.5s alternate infinite;
}

@keyframes scalings {
    from {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    to {
        -ms-transform: scale(.8);
        -moz-transform: scale(.8);
        -webkit-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
    }
}

.featured-caption {
    position: relative;
    top: 130px;
    height: 100%;
    width: 100%;
}

.product-thumb .featured-caption .button-group .featured-cart {
    display: inline-block !important;
    position: relative !important;
    height: 48px !important;
    min-width: 155px !important;
    background: transparent !important;
    border-radius: 48px !important;
    font-size: 16px !important;
    line-height: 50px !important;
    color: #FFF !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: center !important;
    overflow: hidden !important;
    border: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.product-thumb .featured-caption .button-group .featured-cart:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: var(--heading-color);
    border-radius: inherit;
    opacity: 1;
    z-index: 2;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;

}

.product-thumb .featured-caption .button-group .featured-cart:hover:before {
    width: 100%;
    right: auto;
    left: 0;
}

.product-thumb .featured-caption .button-group .featured-cart span {
    position: relative;
    z-index: 3;
}

.product-thumb .featured-caption .button-group .featured-cart:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--maincolor);
    border-radius: inherit;
}

.featured-caption .caption h4 {
    margin: 0 0 30px;

}

.featured-caption .caption h4 a {
    font-size: 48px;
    line-height: 60px;
    color: var(--heading-color);
    font-weight: bold;
}

.featured-caption .caption .desc {
    margin: 0 0 30px;
    font-size: 16px;
    line-height: 24px;
    color: var(--body-color);
}
html[dir=rtl] .featured-caption .caption .desc {
    padding: 0 0 0 85px   ;

}
html[dir=ltr] .featured-caption .caption .desc {
    padding: 0 85px 0 0;

}
.product-thumb .featured-caption .button-group {
    position: unset;
    top: 0;
    left: unset;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    transform: none;
}

.product-thumb .featured-caption .button-group .price-new {
    margin-inline-end: 15px;
    font-size: 28px;

}

.product-thumb .featured-caption .button-group .price-old {
    font-size: 28px;
    color: #000;

}

.category-tab-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.category-tab-header .nav-tabs {
    border: none;
    margin: 0 !important;
}

.category-tab-header .m-title {
    display: block;
    font-size: 36px;
    line-height: 48px;
    margin: 0 0 6px;
    color: var(--heading-color);
}

.category-tab-header .nav-tabs > li > a {
    border: none;
    padding: 0 10px !important;
}

.category-tab-header .nav-tabs > li.active > a {
    border: none;
    padding: 0 10px !important;
}

.banner img {
    width: 100%;
}

#banner1 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 30px 0;
    overflow: hidden;
}

.slide-banner-content {
    position: relative;

    overflow: hidden;
}

.slide-banner-content img {
    border-radius: 5px;
}

#banner1 .slide-banner {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

html[dir=rtl] #banner1 .slide-banner {
    left: 70%;
    width: 35%;

}

html[dir=ltr] #banner1 .slide-banner {
    left: 30%;
    width: 35%;

}

#banner1 .slide-banner .b-title {
    font-size: 16px;
    color: var(--secondcolor);
    line-height: 1;
    margin: 0 0 9px;
    font-weight: bold;

}

#banner1 .slide-banner .s-describe {
    font-size: 36px;
    line-height: 48px;
    color: var(--heading-color);
    margin: 0 0 11px;
    font-weight: bold;
}

#banner1 .slide-banner-content .slide-banner .banner-btn {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    background: transparent;
    color: var(--heading-color);
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0;
    position: relative;
    transition: all .35s ease-in-out;
}

#banner1 .slide-banner-content:hover .slide-banner .banner-btn {
    color: var(--secondcolor);
}

#banner1 .slide-banner-content .slide-banner .banner-btn:before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 18px;
    color: var(--heading-color);
    transition: all .35s ease-in-out;
}
html[dir=rtl] #banner1 .slide-banner-content .slide-banner .banner-btn:before{
    content: "\f100";
    margin-left: 10px;

}
html[dir=ltr] #banner1 .slide-banner-content .slide-banner .banner-btn:before{
    content: "\f101";
    margin-right: 10px;

}
#banner1 .slide-banner-content:hover .slide-banner .banner-btn:before {
    color: var(--secondcolor);

}

.head-cats-desc {
    margin-bottom: 30px;
}

.cats .cats-pager {
    top: -50px;
    left: 10px;
    bottom: unset;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 10px;
}

.cats .cats-pager div {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: transparent;
    border: 1px solid var(--body-color);
    opacity: 1;
    position: relative;
    left: unset;
    right: unset;
    z-index: 2;
    box-shadow: none !important;
    transition: all .35s ease-in-out;
}

.cats .cats-pager div:before {
    transition: all .35s ease-in-out;
    color: var(--secondcolor);
}

.cats .cats-pager div:hover {
    border: 1px solid var(--maincolor);
}

.cats .cats-pager div:hover:before {
    color: var(--maincolor);
}


#banner1 .slide-banner-content:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .45);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

#banner1 .slide-banner-content:hover:before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}

header {
    width: 100%;
    -webkit-transition: all linear 0.5s;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all linear 0.5s;
}

.fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    background: #ecf5f4;
    transition: all linear 0.5s;
    z-index: 99999 !important;
    animation: smoothScroll 1s forwards;
}

.breadcrumb {
    background: #ecf5f4;
    padding: 20px 0;
}

.breadcrumb h3 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 25px;
}

.breadcrumb li {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
}
.breadcrumb li a i{
    font-size: 24px;
    font-weight: bold;
}
.add_group-rtl{
    right: 0 ;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    margin-inline-start: 10px;
}

.add_group-ltr{
    left: 0;
    right: unset !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    margin-inline-end: 10px;
}
.add_group span button{
    background: transparent !important;
    border: 0 !important;

    color: var(--secondcolor) !important;
}
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
        transition: all linear 0.5s;

    }
    100% {
        transform: translateY(0px);
        transition: all linear 0.5s;

    }
}

@media (max-width: 768px) {
    html[dir=rtl] .slide-layers {
        left: 60%;
    }
    .cats .home-cats .cat-title{
        font-size: 16px;
    }
    .mobile-header .mob {
        display: inline-block;
        width: 100%;
    }
    footer h5 {
        font-size: 16px;
        margin: 17px 0 15px;
    }
    .mobile-header .mob-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mobile-header .mob-content .quick-login a {
        color: #000;
    }

    .mobile-header .mob-content .quick-login a, .mobile-header .mob-content .mobile-search-wrapper i {
        font-size: 24px;
    }

    #cart > .btn:after {
        width: 24px;
        height: 24px;
    }

    .burger {
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        text-align: center;
        color: #fff;
        border-radius: 5px;
        background: var(--secondcolor);

    }

    .burger:before {
        line-height: 40px;
        color: #fff;
        margin-inline-end: 10px;

    }

    .banner4-content {
        margin-bottom: 30px;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 1) .slide-layers {
        left: 20%;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 2) .slide-layers {
        top: 75%;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 3) .slide-layers {
        left: 30%;
        top: 25%;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 4) .slide-layers {
        top: 25%;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 5) .slide-layers {
        top: 25%;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 6) .slide-layers {
        left: 24%;
    }


    #banner30 .payment-wrapper {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 1em;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 1) {
        grid-column: span 6;
        grid-row: span 1;
        text-align: right;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 2) {
        grid-column: span 6;
        grid-row: span 2;
        text-align: center;

    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 3) {
        grid-column: span 6;
        grid-row: span 1;
        text-align: right
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 4) {
        grid-column: span 6;
        grid-row: span 2;
        text-align: center;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 5) {
        grid-column: span 6;
        grid-row: span 1;
        text-align: center;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 6) {
        grid-column: span 6;
        grid-row: none;
        text-align: right;
    }

    #banner30 .slide-layers .b-title {
        font-size: 30px;
        line-height: 40px;
    }

    html[dir=rtl] #banner30 .payment-slide .slide-layers .banner-btn {
        text-align: right;
    }

    html[dir=ltr] #banner30 .payment-slide .slide-layers .banner-btn {
        text-align: left;
    }

    html[dir=rtl] .add_group input {
         width: 90px;
        box-shadow: none;
    }
    html[dir=ltr] .add_group input {
         width: 90px;
    }
    .add_group{
        width: 90px;
    }
    .page-title {
        font-size: 24px;
    }
    .wishlist-compare .btn{
        width: 41px;
        height: 41px;
        line-height: 43px;
    }
    .top-footer #logo{
            width: 150px;
    }
    .content_center .price h2 {
        font-size: 24px;
    }
    .content_center .price span {
        font-size: 18px;
    }
    .cart-group #button-cart, .cart-group #button-cart, 
    .cart-group #button-checkout, .cart-group #button-checkout{
            padding: 12px 10px;
            font-size: 12px;
    }
    .add_group-rtl{
            margin-inline-start: 5px;
    }
    .add_group-ltr{
            margin-inline-end: 5px;
    }
    .featured-caption {
        top: 0;
        text-align: center;
        margin-bottom: 30px;
    }

    .featured-caption .caption .desc {
        padding: 0;
        font-size: 18px;

    }

    .product-thumb .featured-caption .button-group {
        justify-content: center;

    }

    .featured-image {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .common-home .category-tab.main-products .product-layout {
        width: calc(100% / 2 - 0.01px);
    }

    .slide-banner-content {
        margin-bottom: 30px;
    }
    .slide-layers .s-describe{
        font-size: 32px;
        line-height: 36px;

    }
    #search .wrapper input{
        font-size: 18px;
    }
    #slideshow0 .slide-layers {
        width: 55%;
       /* left: 32%;*/

    }
    .breadcrumb {
        padding: 10px 0;
    }
    .breadcrumb h3 {
        font-size: 21px;
        font-weight: 100;
        margin-bottom: 10px;
            margin-top: 0;
    }
    .breadcrumb li {
        font-size: 12px;
    }
    .breadcrumb li a i {
        font-size: 15px;
        font-weight: bold;
    }
    #product-product .promo{
        left: 15px;
    }
    #search .wrapper button {
      right: -44px;
      top: -11px;
    }
    #search .wrapper button .fa {
      font-size: 21px;
    }
    .mobile-header .mob-content {
       
    }
    .product-compare #content .table-bordered {
        display: block;
        overflow-x: auto;
    }
}

@media (max-width: 500px) {
    .common-home header {
        position: relative;
        background: #ecf5f4;

    }

    .mobile-logo-wrapper img {
        max-width: 100px;
        max-height: 85px;
    }



    .burger {
        width: 40px;
        color: transparent;
    }

    .burger:before {
        display: table;
        margin: 0 auto;
    }

    #slideshow0 .slide-layers {
        width: 50%;
    }

    .slide-layers .s-title {
        font-size: 12px;
        margin-bottom: 10px;

    }

    .slide-layers .s-describe {
        font-size: 14px;
        line-height: 25px;

    }

    .slide-layers .btn-more {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 12px !important;

    }

    .slideshow .swiper-pagination {
        bottom: 0%;
    }

    html[dir=rtl] .slide-layers {
        left: 70%;
    }

    .head-latest-desc {
        text-align: center;
    }

    #latest0 {
        margin-bottom: 50px;
    }

    .latest .swiper-pager {
        top: unset;
        bottom: -20px;
        left: 50%;
        align-items: center;
        justify-content: center;
    }
    html[dir=ltr] .latest .swiper-pager{
        left: 0;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 1) {
        grid-column: span 12;
        grid-row: span 1;
        text-align: right;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 2) {
        grid-column: span 12;
        grid-row: span 2;
        text-align: center;

    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 3) {
        grid-column: span 12;
        grid-row: span 1;
        text-align: right
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 4) {
        grid-column: span 12;
        grid-row: span 2;
        text-align: center;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 5) {
        grid-column: span 12;
        grid-row: span 1;
        text-align: center;
    }

    #banner30 .payment-wrapper .payment-slide:nth-of-type(6n + 6) {
        grid-column: span 12;
        grid-row: span 1;
        text-align: right;
    }

    .featured-image:before {
        width: 250px;
        height: 250px;
    }

    .product-thumb .featured-caption .button-group {
        flex-direction: column;
        justify-content: center;
    }

    .category-tab-header {
        flex-direction: column;
    }

    .category-tab-header .head-latest-desc {
        margin-bottom: 30px;
    }

    .product-thumb .button-group button, .product-thumb .button-group .btn-quick-view {
        width: 35px !important;
        height: 35px !important;
        line-height: 35px !important;
    }

    .product-thumb .button-group button i, .product-thumb .button-group .btn-quick-view i {
        line-height: 35px !important;

    }

    .common-home .category-tab.main-products .product-layout {
        width: calc(100% / 1 - 0.01px);
    }

    #banner1 .slide-banner .b-title {
        font-size: 12px;
    }

    #banner1 .slide-banner-content .slide-banner .banner-btn {
        font-size: 16px;
    }

    #banner1 .slide-banner .s-describe {
        font-size: 16px;
        line-height: 24px;
    }

    .cats .head-cats-desc .m-title, .cats .head-cats-desc {
        text-align: center;
    }

    #banner1 {
        margin: 10px 0 0;

    }
    .app_social .left #banner1 .payment-slide img {
        max-width: 80px;
    }
    .left .footer-social {
        margin-right: 0;
    }

    .cats .cats-pager {
        top: unset;
        bottom: -50px;
        left: 0;
        align-items: center;
        justify-content: center;
    }

    #cats1 {
        margin-bottom: 50px;
    }

    .app_social .left .payment-slide img {
        max-width: 55px;
    }

    .footer-social a .fa, .footer-social a .fab {
        font-size: 18px;
    }

    .footer-social a {
        width: 30px;
        height: 30px;
    }

    .app_social .left {
        flex-direction: column;
    }
    html[dir=ltr] .latest .swiper-pager, html[dir=ltr] .cats .cats-pager{
        align-items: center;
        justify-content: center;
    }
}




@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal, .hvr-wobble-horizontal, .hvr-wobble-horizontal {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinti;
  animation-iteration-count: infinti;
}

.ovh{
    overflow-y:hidden !important;
}
.mp-pushed .mp-menu {
    height: 100vh;
    overflow: scroll;
}


.checkout-success #content{
    text-align: center;
    width: 50%;
    margin: 50px auto;
    display: table;
    float: none;
    padding: 45px 20px;
    border: 1px solid #EEEEEE;
    background: #fff;
}
@media (max-width: 767px) {
    .checkout-success #content{
        width: 100%;
        display: block;
        padding: 25px 10px;
    }
}
.checkout-success #content h1{
    font-size: 24px;
    font-weight: bold;
    color: #404553;
    margin-top: 0px;
}
.checkout-success #content .btn-primary {
    color: #ffffff;
    background: var(--secondcolor);
    padding: 16px 12px;
    border: 0;
    transition: all 0.4s ease-in-out 0s;
    font-size: 16px;
    height: 56px;
    border-radius: 0;
    margin: 35px 0 0;
    display: block;
}

.main-container {
     width: 100%;
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: center;
}

 .check-container {
     width: 6.25rem;
     height: 7.5rem;
     display: flex;
     flex-flow: column;
     align-items: center;
     justify-content: space-between;
}
 .check-container .check-background {
     width: 100%;
     height: calc(100% - 1.25rem);
     background: linear-gradient(to bottom right, #5de593, #41d67c);
     box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
     transform: scale(0.84);
     border-radius: 50%;
     animation: animateContainer 0.75s ease-out forwards 0.75s;
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
}
 .check-container .check-background svg {
     width: 65%;
     transform: translateY(0.25rem);
     stroke-dasharray: 80;
     stroke-dashoffset: 80;
     animation: animateCheck 0.35s forwards 1.25s ease-out;
}
 .check-container .check-shadow {
     bottom: calc(-15% - 5px);
     left: 0;
     border-radius: 50%;
     background: radial-gradient(closest-side, rgba(73, 218, 131, 1), transparent);
     animation: animateShadow 0.75s ease-out forwards 0.75s;
}
 @keyframes animateContainer {
     0% {
         opacity: 0;
         transform: scale(0);
         box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    }
     25% {
         opacity: 1;
         transform: scale(0.9);
         box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    }
     43.75% {
         transform: scale(1.15);
         box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    }
     62.5% {
         transform: scale(1);
         box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
    }
     81.25% {
         box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
    }
     100% {
         opacity: 1;
         box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
    }
}
 @keyframes animateCheck {
     from {
         stroke-dashoffset: 80;
    }
     to {
         stroke-dashoffset: 0;
    }
}
 @keyframes animateShadow {
     0% {
         opacity: 0;
         width: 100%;
         height: 15%;
    }
     25% {
         opacity: 0.25;
    }
     43.75% {
         width: 40%;
         height: 7%;
         opacity: 0.35;
    }
     100% {
         width: 85%;
         height: 15%;
         opacity: 0.25;
    }
}