/*
 * Author: Shopaccino
 * Link: https://www.shopaccino.com/
*/

/*  =================================================
    Global Elements
    ================================================= */
    body {color:#545454; font-size: 14px; -webkit-text-size-adjust: 100%;text-rendering: optimizeSpeed;}
    h1,h2,h3,h4,h5,.h1,.h2 {color:#212121;}
    a {color:#212121; text-decoration: none; outline: none;}
    a:hover {color:#000000;}
    a:active, a:focus { outline: none;}
    .btn-primary {background-color:#212121;border-color:#212121;}
    .btn-primary:hover, .btn-outline-primary:hover {background-color:#000000;border-color:#212121;}
    /*.btn-primary:focus, .btn-primary:hover:focus, .btn-primary:hover {background-color: #000000 !important; border-color:#000000 !important; box-shadow: none !important;}*/
    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus, .btn-check:focus + .btn-primary, .btn-primary:focus { box-shadow:none !important;}
    
    .btn-outline-primary {border-color:#212121; color:#212121;}
    .btn-outline-primary:hover {border-color:#000000;}
    .dropdown-menu { font-size: inherit;}
    .hidden { display: none !important;}

/*  fluid font sizes  */
    @media screen and (min-width: 576px) {
        body {
            font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
        }
    }
    @media screen and (min-width: 1000px) {
        body {
          font-size: 16px;
        }
    }
    h1, .h1 {font-size: calc(1.185rem + 1.5vw);}
    @media (min-width: 1200px) {
        h1, .h1 {
            font-size: 1.8rem;
        }
    }
    h2, .h2 {font-size: calc(1.1rem + 0.9vw);}
    @media (min-width: 1200px) {
        h2, .h2 {
            font-size: 1.50rem;
        }
    }
    h3, .h3 {font-size: calc(0.95rem + 0.6vw);}
    @media (min-width: 1200px) {
        h3, .h3 {
            font-size: 1.25rem;
        }
    }
    h4, .h4 {font-size: calc(0.95rem + 0.6vw);}
    @media (min-width: 1200px) {
        h4, .h4 {
            font-size: 1.2rem;
        }
    }
    b, strong {  font-weight:600;}    
    .category-caption h3,.category-caption .h3 {font-size: calc(0.8rem + 0.6vw);}

    /* Button Style Remove */
    .new-tag, .out-of-stock, .off-price, .soldcss { z-index:1;background-color:#fff; color: #000000;}
    .mobile-header .toppanel-hold a, #logo a, .m-logo a {color:#212121;}
    .mobile-header .toppanel-hold a:hover {color:#000000;}

    /* body {line-height: 1.4} */
   #cd-cart .panel-close, .teaser figure .btnquick-panel, .teaser .wishlist-button, .teaser .btnquick,.fl-toggle.expanded .fl-toggle-bar::before,.field__label, .addcart-sticky, .price-sticky,
    .home-slider .carousel-caption, .fl-toggle.expanded, .filters-div, .imagetext-overlay img
    { 
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }
    .fl-toggle.expanded .fl-toggle-bar::after, .fl-toggle.expanded .fl-toggle-bar::before
    {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .sticky-top { z-index: 99;}
    .form-control, .form-select {font-size: inherit; /*color: inherit;*/}
    .form-control:disabled, .form-control:read-only {background-color: #fff;}
    .grecaptcha-badge {display: none !important;visibility: hidden !important;opacity: 0 !important;}
    .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23888'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-size: 80% 80%;}
    .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23888'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");background-size: 80% 80%;}
    
    @media only screen and (min-width:1024px) {
        .carousel-indicators [data-bs-target] {width: 10px;height: 10px;border-radius: 50%;}
        .carousel-control-next, .carousel-control-prev {width: 10%;}
    }
    @media (min-width: 1200px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;}
    }
    @media (min-width: 1350px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
          max-width: 1300px;
        }
    }
    .img-ratio {display: block;max-width: 100%;position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: contain;object-position: center center;}
    .subcategory figure img,
    .clienttestim-img .reviewsimg img{
        object-fit: cover;
        object-position: center;
    }
    
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; 
    }
    
/*  =================================================
    Header
    ================================================= */     
    .logo-hold #logo, .logo-hold #logo a {
        display: block;
        -webkit-transition: all 0.06s ease;
        -moz-transition: all 0.06s ease;
        -ms-transition: all 0.06s ease;
        -o-transition: all 0.06s ease;
        transition: all 0.06s ease;
    }
    .logo-hold #logo {max-width: 200px;}
    .logo-hold.logo-pos-center {text-align: center;}
    .logo-hold #logo img {object-fit: scale-down;}
    .logo-pos-left #logo img {object-position: left;}
    .logo-hold.logo-pos-center img {object-position: center;}

    .h-unsticky .logo-hold.logo-pos-center #logo {}
    
    @media only screen and (min-width:768px) {
        .logo-hold.logo-pos-center #logo { margin: 0 auto;}
        .logo-pos-center a {margin: 0 auto;}
    }
    @media only screen and (max-width:991px) {
        /*.logo-hold #logo {max-width: 190px;}*/
        /*.logo-hold #logo img {max-height:60px; padding:3px 0;}*/
        .logo-hold #logo {max-width: 120px;max-height: 70px;}
        .logo-hold #logo img {max-height:70px;}
        .logo-hold.logo-pos-center img {object-position:left;}
    }
    @media only screen and (max-width:767px) {
        .logo-pos-center #logo {margin-left:0;}
    }
    .toppanel-hold .shoppingcart .cart-icon span {
        top: -8px; 
        right:-2px; 
        /*padding: 3px 3px;
        border: solid 3px #fff; */
        color: #ffffff !important;
        background-color: #333333 !important;
        min-width: 20px;
        font-family: Arial;
        font-size: 12px !important;
        padding: 4px;
        line-height: 1;
        display: inline-block;
        border-radius: 15px !important;
        font-weight: 600;
    }
    #user_profile svg {width: 26px; height: 26px; border-radius: 50%;border: solid 1px; padding: 1px;}
    .toppanel-hold svg { width: 28px; height: 28px; stroke-width: 1;}
    @media only screen and (max-width:1024px) {
        .toppanel-hold {margin-right: -3px;}
        .toppanel-hold svg, #user_profile svg { width: 24px; height: 24px;}
    }
    @media only screen and (max-width:767px) {
    .px-2 {padding-right: .4rem !important;padding-left: .4rem !important;}
    }
    @media only screen and (max-width:360px) {
        .toppanel-hold { position: relative; right: -5px;}
        .toppanel-hold .px-2 {padding-left: .3rem !important;padding-right: .3rem !important;}
        .toppanel-hold svg, #user_profile svg {width: 20px;height: 20px;}
    }
    
    /*-- Store Addresses ---*/
    .storeddropdown {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 99;
        width: 100%;
        min-width: 280px;
        padding:20px;
        border-radius: 4px 0 4px 4px;
        margin-top:-2px;
    }
    @media only screen and (max-width:767px) {
        .storeddropdown {min-width: 200px;border-radius: 4px;margin-right: -70px;}
        #btn_change_store_address span { background:none !important; }
    }
    
    @media only screen and (max-width:767px) {
        .storelocator {margin-right: 3px !important;}
        #btn_change_store_address > label, #btn_change_store_address .bi-chevron-down {display: none;}
    }
    #div_store_addresses.has-dimmer:after {
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transition: opacity 0.15s ease-in-out;
        transition: opacity 0.15s ease-in-out;
        opacity: 0;
        visibility: hidden;
        background-color: rgba(0, 0, 0, 0.5);
        pointer-events: none;
    }
    #div_store_addresses ~ .md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index:11;
	opacity: 0;
	background: rgba(40,43,49,.8);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
        opacity: 1;visibility: visible;
    }
    #div_store_addresses.d-none ~ .md-overlay {visibility: hidden; opacity: 0;}
    #btn_change_store_address { z-index: 12; border-radius: .25rem .25rem 0 0;min-height: 36px;}
    #btn_change_store_address span {/*color: #25875e; */border-radius:50% !Important;}
    #btn_change_store_address label.outlet-location { max-width: 80px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
   .outlet-location-panel i.bi  { font-size: 10px !important;}
   .outlet-location-panel svg {color:#25a541 !important; width: 18px !important;height: 18px !important;}
   
    #header ~ .cloned {border-bottom:solid 1px #f5f4f4; width: 100% !important;}
    .mobile-header {display: flex;align-items: center;padding: 10px 0; background-color: #ffffff;}
    .header-height {/*height: 0.04rem;*/ opacity: 0;}
    .header_inner {border-bottom: solid 1px #eee;}
   
    @media only screen and (max-width: 1024px) {
        .header-txt { padding-left:20px !important;padding-right: 20px !important;}
         header {box-shadow:rgba(05, 05, 10, 0.08) 0px 0px 5px;}
        .mobile-header {min-height: 60px; padding: 1px 0;}
    }
    @media only screen and (min-width: 1024px) {
        .mobile-logo, .home-dd-timer a, .home-dd-timer a:hover {
            line-height: auto;
            min-height: 45px;
        }
        #header ~ .cloned .mobile-header, .h-unsticky .mobile-header{padding: 5px 0;}
        /*.h-unsticky #logo a {max-height:90px !important; max-width: 130px;}*/
        .h-unsticky #logo {/*width: calc(100% - 100px);*/ max-width: 130px !important;}
    }
    
    @media only screen and (max-width: 991px) {
        .mobilesearch-container {display: block !important;}
        .searchbar-dsktp { display: none;}
    }
    /*------- Search Bar --------*/
    .ui-widget.ui-widget-content {max-height: 400px; overflow-y: auto;}
    .search-toggle button {border: none; background: none;}
    .search-toggle .search-icon.icon-close, .search-toggle.opened .search-icon.icon-search {display: none;cursor: pointer;}
    .search-toggle .search-icon.icon-search, .search-toggle.opened .search-icon.icon-close {display: block;cursor: pointer;}
    .search-container {
      position: relative;
      overflow: hidden;
      background-color: #eeeeee;
      width: 100%;
      z-index: 2;
      max-height: 0;
    }
    .search-container.opened {max-height: 100px; padding: 1.5em 1em;z-index: 96;}
    .search-container .searchbar {max-width:600px; margin:0 auto; border: solid 1px #000;padding: 5px 8px;}
    .search-container .searchbar button { background: none; border: none;}
    .search-container input[type="text"] {
      outline: none;
      background-color: inherit;
      border: 0;
    }    
    
/*  ==========================================
    header-option 2  With Search Bar
    ==========================================  */
    #header-option2 .searchbar, #header-option8 .searchbar {max-width:90%; margin: 0 auto;}
    #header-option2 .searchbar button,#header-option8 .searchbar button {right: 0; z-index: 9; background:none;}
    #header-option2 .search-input, #header-option8 .search-input {background-color:#f0f0f0;min-height: 40px;}
    #header-option2 .logo-hold #logo {max-width: 200px;}
    #header-option2 .toppanel-hold svg, #header-option8 .toppanel-hold svg {width: 26px;height: 26px;}
    
    @media only screen and (min-width: 1024px) {
        .h-unsticky #header-option2  #logo img{}
    }
    @media only screen and (max-width:767px) {
        #header-option2 .search-icon a {display: flex !important;align-items: center;}
        #header-option2 .form-search #searchbar .searchbar { position: fixed; left: 0; top: 45px; width: 100%; height: 60px; background-color: #f8f9fa !important}
        #header-option2 .form-search #searchbar .searchbar .input-group{ max-width:90%; margin: 0 auto;}
        #header-option2 .form-search .input-group {}
        #header-option2 .form-search input { align-items:center;}
    }
    @media only screen and (max-width:767px) {
        #header-option2 #searchbar { display: none; border-top:solid 1px #dddddd; border-bottom:solid 1px #dddddd;}
        #header-option2 .form-search {
            position: absolute;
            top: 61px;
            z-index: 2;
            width: 100%;
            left: 0;
            background-color: #f9f9f9;
        }
        #header-option2 .searchbar {padding:1em; width: 100%; max-width: none;}
        #header-option2 .search-container.opened #searchbar{display: block; padding:0; }
        #header-option2 .search-icon a {display: flex !important;align-items: center;}
        #header-option2 .form-search #searchbar .searchbar { position: fixed; left: 0; top: 45px; width: 100%; height: 60px; background-color: #f8f9fa !important}
        #header-option2 .form-search #searchbar .searchbar .input-group{ max-width:90%; margin: 0 auto;}
        #header-option2 .form-search .input-group {}
        #header-option2 .form-search input { align-items:center;}
        
    }
/*  ==========================================
    header-option 3 With Slider Overlay
    ==========================================  */
    .header_home #header-option3 { position: absolute; z-index: auto; width:100%; top:0;left:0;}
    #header-option3 .toppanel-hold svg {width: 24px;height: 24px;stroke-width: 1.4;}
    .header_home #header-option3 .mobile-header { background-color:transparent; }
    @media only screen and (min-width:768px) {
       .header_home #header-option3 .mobile-header {background-color:transparent;}
       .header_home #header-option3 .navigation, .header_home #header-option3 .nav-menu > li > a {background-color:transparent !important;}
    }
    
    .header_home #header-option3 .mobile-header .toppanel-hold a,.header_home #header-option3 #logo a,.header_home #header-option3 .m-logo a {
        color: #212121;
    }

/*  ==========================================
    header-option 4 O-Buddy
    ==========================================  */
    .header_home #header-option4 { position: absolute; z-index: auto; width:100%; top:0;left:0;}
    #header-option4 .search-container .searchbar {border:none;}
    #header-option4 .searchbar input {border-bottom: solid 1px #fff;}
    #header-option4 .toppanel-hold svg {stroke-width: 2;}
    #header-option4 #user_profile svg {border: solid 2px;}
    #header-option4 .topright-hold {width:30% !important;}
    
    @media only screen and (min-width:768px) {
       .header_home #header-option4 .mobile-header {background-color:transparent;}
       .header_home #header-option4 .navigation, .header_home #header-option4 .nav-menu > li > a {background-color:transparent !important;}
    }
    @media only screen and (min-width:992px) {
        #header-option4 .search-container { max-height: none !important; background: none;max-width:250px;}
        #header-option4 .searchbar input {
            background: none !important;
            padding-left: 0px;
        }
    }
    @media only screen and (max-width:767px) {
        #header-option4 .search-container {display: none;}
        #header-option4 .topright-hold {width:35% !important;}
    }

    
/*  ================================================
    header-option5 With Logo Menu Cart Inline
    ================================================  */
    .header_home #header-option5 .logo-hold #logo {}
    .header_home.h-unsticky #header-option5 .logo-hold #logo {}

    @media only screen and (min-width:992px) {
        #header-option5 .logo-hold, #header-option5 .toppanel-hold {min-width: 220px; max-width: 220px;}
        #header-option5 .logo-hold #logo a {}
    }
    #header-option5 .toppanel-hold svg, #header-option5 #user_profile svg {width: 22px;height: 22px;stroke-width: 2;}
    @media only screen and (max-width:991px) {
        #header-option5.logo-hold #logo img {max-width: 100px;}
        #header-option5 .logo-hold {padding-left: 5px;}
    }
    @media only screen and (max-width:767px) {
        /*.menu-bar { width: auto !important;}*/
        #header-option5 .logo-hold #logo img {}
    }
    
/*  ==========================================
    header-option 6  With Search Bar | Zebrs |
    ==========================================  */
    #header-option6 .searchbar button {right: 0; z-index: 9; background:none;}
    #header-option6 .toppanel-hold svg {width: 28px;height: 28px;}
    @media only screen and (min-width:992px) {
        #header-option6 .search-input {background-color:#ffffff; min-height: 40px;border-radius: 3px;}
    }
    @media only screen and (max-width:767px) {
        #header-option6 .search-icon a {display: flex !important;align-items: center;}
        #header-option6 .form-search #searchbar .searchbar { position: fixed; left: 0; top: 45px; width: 100%; height: 60px; background-color: #f8f9fa !important}
        #header-option6 .form-search #searchbar .searchbar .input-group{ max-width:90%; margin: 0 auto;}
        #header-option6 .form-search .input-group {}
        #header-option6 .form-search input { align-items:center;}
    }
    @media only screen and (max-width:767px) {
        #header-option6 #searchbar { display: none; border-top:solid 1px #dddddd; border-bottom:solid 1px #dddddd;}
        #header-option6 .form-search {
            position: absolute;
            top: 61px;
            z-index: 2;
            width: 100%;
            left: 0;
            background-color: #f9f9f9;
        }
        #header-option6 .searchbar {padding:1em; width: 100%; max-width: none;}
        #header-option6 .search-container.opened #searchbar{display: block; padding:0; }
        #header-option6 .search-icon a {display: flex !important;align-items: center;}
        #header-option6 .form-search #searchbar .searchbar { position: fixed; left: 0; top: 45px; width: 100%; height: 60px; background-color: #f8f9fa !important}
        #header-option6 .form-search #searchbar .searchbar .input-group{ max-width:90%; margin: 0 auto;}
        #header-option6 .form-search .input-group {}
        #header-option6 .form-search input { align-items:center;}
    }

/*  ==========================================
    header-option 7 Cotton
    ==========================================  */
    #header-option7 .search-container .searchbar {border:none;}
    #header-option7 .srch-pos-right {border-bottom: solid 1px #000;}
    @media only screen and (min-width:992px) {
        #header-option7 .search-container { max-height: none !important; background: none;max-width:250px;}
    }
    #header-option7 .toppanel-hold .shoppingcart svg {  stroke-width: 1.5;}

    @media only screen and (max-width:767px) {
        #header-option7 .toppanel-hold svg, #user_profile svg {width: 26px;height: 26px;}
        #header-option7 .toppanel-hold svg {stroke-width:2;}
        #header-option7 .toppanel-hold .shoppingcart svg {stroke-width:2.2;}
    }

/*  ==========================================
    Header-option 8 almost like Option 2
    ==========================================  */
    #header-option8 #user_profile svg { border:none; padding:0;}
    #header-option8 .top-login .dropdown .dropdown-toggle::after {display: none;}
    #header-option8 .bi-hold { 
        color:#33373b!important; 
        min-height:28px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #header-option8 .logo-hold {max-width:200px; max-height:150px;}
    #header-option8 .bi-hold {min-width:24px;}
    #header-option8 .bi-hold .bi {font-size:19px; line-height:1;}
    #header-option8 .bi-hold .bi-person {font-size:23px;}
    #header-option8 .menu-bar { border-top: none !important; border-bottom: solid 1px #dee2e6 !important;}
    @media only screen and (max-width:767px) {
        #header-option8 { margin-bottom:0;}
        #header-option8 .cart-icon .headericons-caption { display:none;}
        #header-option8 .cart-icon a { padding-left: 10px;}
        #header-option8 .bi-hold .bi {font-size: 22px;}
    }

/*  ==========================================
    Header-option 9
    ==========================================  */
    #header-option9 .logo-hold #logo {}
    #header-option9 #user_profile svg { border:none; padding:0;}
    #header-option9 .top-login .dropdown .dropdown-toggle::after {display:none;}
    #header-option9 .bi-hold { 
        color:#33373b!important; 
        min-height:22px;
        min-width: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #header-option9 .bi-hold .bi {line-height:1;}
    #header-option9 .bi-hold .bi, #header-option9 .bi-hold .bi-person {font-size:19px;}
    #header-option9 .menu-bar { border-top: none !important; border-bottom: none !important;}
    #header-option9 .select-hold select{background: none !important;line-height: 25px; border:solid 1px #aaaaaa !important;border-radius: 3px;}
    @media only screen and (min-width:992px) {
        #header-option9 .logo-hold, #header-option9 .toppanel-hold {min-width: 250px;}
    }
    @media only screen and (min-width:1024px) {
        #header-option9 .mobile-header {padding: 1.4em 0;}
        .h-unsticky #header-option9 .mobile-header {padding: 0.8em 0;}
        /*#header ~ .cloned .mobile-header { padding: 5px 0 !important;}*/
        #header-option9 .toppanel-hold a {min-width: 70px;}
        #header-option9 .toppanel-hold .bi-hold {display:none;}
    }
    @media only screen and (max-width:1023px) {
        #header-option9 .headericons-caption {display:none !important;}
    }
    @media only screen and (max-width:991px) {
        #header-option9 .logo-hold {width: 100%;}
    }
    @media only screen and (max-width:767px) {
        #header-option9 {margin-bottom:0;}
        #header-option9 .cart-icon a {padding-left: 10px;}
        #header-option9 .bi-hold .bi {font-size: 22px;}
        #header-option9 .mobile-logo {justify-content: unset !important;}
        #header-option9 .toppanel-hold { margin-left: auto !important;}
        #header-option9 .logo-hold { margin-left: 10px;}
    }   

/*  ==========================================
    Header Option9 Equal scale
    ==========================================  */
    #header-option9-equal .searchbar button {right:0; z-index:9; background:none; border-left:1px solid rgb(0,0,0,0.3) !important;}
    #header-option9-equal .search-input {background-color:#ffffff; min-height: 45px; border-radius: 3px; padding-right: 65px;}
    #header-option9-equal .menu-bar {border:none !important;}
    #header-option9-equal .bi-hold .bi {font-size:22px;}
      @media only screen and (max-width:767px) {
        #header-option9-equal .cart-icon .headericons-caption {
            display: none;
        }
    }
    #header-option9-equal .top-login .dropdown .dropdown-toggle::after {
        position:absolute;
        font-family: "bootstrap-icons" !important;
        content: "\F282" !important;
        background: no-repeat;
        width: auto;
        font-size: 9px;
        height: auto;
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #header-option9-equal .bi-hold {min-width: 22px;}
    #user_profile .headericons-caption span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width: 80px;}


/*  ==========================================
    header-option 10
    ==========================================  */
    #header-option10 .mobile-header {padding:0;}
    #header-option10 #user_profile svg {border:none; padding: 0;}
    @media only screen and (min-width:992px) {
        #header-option10 .logo-hold {padding: 5px;}
        #header-option10 .search-container { max-height: none !important; background: none; max-width:450px;}
    }
    #header-option10 .toppanel-hold svg,#header-option10 #user_profile svg {width: 24px; height: 24px;}
    #header-option10 .head-wish svg{stroke-width: 1.2;}
    #header-option10 .head-wish,#header-option10 .shoppingcart,#header-option10  .top-login-dtp-hold,
    #header-option10 .change-store-location {border-left: 1px solid rgba(241, 241, 241, .2) !important;}
    #header-option10 .logo-pos-left #logo {max-width: 200px;}
    #header-option10 .searchbar .logo-hold .form-control {}
    @media only screen and (min-width:768px) {
        #header-option10 .change-store-location {
            display: flex !important;
            align-items: center;
        }
        #header-option10 .change-store-location-m {
            display: none !important;
        }
    }
/*  ==========================================
    header-option 13
    ==========================================  */
    #header-option13 .toppanel-hold svg {width: 24px;height: 24px;stroke-width: 1.4;}
    .header_home #header-option13 .mobile-header {}
    @media only screen and (min-width:768px) {
        .header_home #header-option13 { position: absolute; z-index: auto; width:100%; top:0;left:0;}
       .header_home #header-option13 .mobile-header {background-color:transparent; transition: all 0.2s ease;}
       .header_home #header-option13 .mobile-header:hover, .h-unsticky #header-option13 .mobile-header{background-color:white !important;}
       .header_home #header-option13 .navigation, .header_home #header-option13 .nav-menu > li > a {background-color:transparent !important;}
    }
    .header_home #header-option13 .mobile-header .toppanel-hold a,.header_home #header-option13 #logo a,.header_home #header-option13 .m-logo a {
        color: #212121;
    }
    @media only screen and (min-width:1140px) {
        #header-option13 .logo-hold, #header-option13 .toppanel-hold {min-width: 250px; max-width: 250px;}
    }
    @media only screen and (max-width:767px) {
       #header-option13 .logo-hold {width: 100%;}
    }

/*  ==========================================
    Header-option 14
    ==========================================  */
    @media only screen and (min-width:992px) {
        #header-option14 .megamenu-panel {width: 246.5%;  left: 0;}
    }
    #header-option14 #user_profile svg { border:none; padding:0;}
    #header-option14 .top-login .dropdown .dropdown-toggle::after {display:none;}
    #header-option14 .bi-hold { 
        color:#33373b!important; 
        min-height:22px;
        min-width: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #header-option14 .bi-hold .bi {line-height:1;}
    #header-option14 .bi-hold .bi, #header-option14 .bi-hold .bi-person {font-size:21px;}
    #header-option14 .menu-bar { border-top: none !important; border-bottom: none !important;}
    #header-option14 .select-hold select{background: none !important;line-height: 25px; border:solid 1px #aaaaaa !important;border-radius: 3px;}

    @media only screen and (min-width:1024px) {
        #header-option14 .mobile-header {padding: 0.6em 0;}
        .h-unsticky #header-option14 .mobile-header {padding: 0.4em 0;}
        #header-option14 .toppanel-hold .bi-hold {display:none;}
    }
    @media only screen and (max-width:1023px) {
        #header-option14 .headericons-caption {display:none !important;}
    }
    @media only screen and (min-width:768px) {
        .header_home #header-option14 { position: absolute; z-index: auto; width:100%; top:0;left:0;}
        .header_home #header-option14 .mobile-header {background-color:transparent; transition: all 0.2s ease;}
        .header_home #header-option14 .mobile-header:hover, .h-unsticky #header-option14 .mobile-header{background-color:white !important;}
        .header_home #header-option14 .navigation, .header_home #header-option14 .nav-menu > li > a {background-color:transparent !important;}
    }
    /*=====*/
    #header-option14 .search-container {max-height: none;background:none;}
    #header-option14 .search-container .searchbar {border:none;border-bottom: solid 1px #b1afa9;}
    #header-option14 .form-search .offcanvas-top {height:180px;}
    
/* --------------------------------- */
    @media only screen and (max-width:767px) {
        .mobile-logo .col-2 {width: 12.6666666667%;}
        .mobile-logo .col-5 {width: 42.6666666667%;}
    }
    .shoppingcart .dropdown-menu { min-width: 260px;}
    .shoppingcart .dropdown-menu span.text-black{
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
    }
    .top-login .dropdown-menu {min-width: 190px;}
    .top-login .dropdown a.dropdown-item { color: #333333 !important;}
    .top-login .dropdown .dropdown-toggle::after {
        background-color: #8cc769;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        position: absolute;
        right: 0;
        border: none;
    }
    #user-drop .dropdown-toggle::after { display: none;}
    svg.ico-close, svg.ico-srch {}
    
/* ------- Cart Flyout Panel ------ */
    body.overflow-hidden {overflow: hidden;}
    .cd-cart-trigger {z-index:0;}
    .cart-icon span { font-weight: normal;}
    #cd-cart{
        top: 0;
        height: 100%;
        width: 260px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        z-index: 9999;
      }
    #cd-cart .panel-close{
        opacity:0;
        padding: 10px;
        font-size: 2em;
        line-height: 1;
        top: 0;
    }
    .speed-in .panel-close {top:x; right:0; z-index:9;opacity:1 !important; padding: 1em;}
    #cart_items li { position: relative;}
    #cart_items .item-del { position: absolute; right:0; top: 0; z-index: 9;}
    #cart_items .item-del a {padding:5px;}
    
    @media only screen and (min-width: 768px) {
         #cd-cart {width:350px;}
    }
    @media only screen and (min-width: 1200px) {
         #cd-cart {width:28%; padding-top:0px;}
    }
    @media only screen and (max-width: 640px) {
        .shopping-empty-state-text {padding:2em 5px;}
        .speed-in .cd-cart-trigger {
            top:0;
            right:0;
            z-index:99;
        }
    }
    #cd-cart {
        right: -100%;
        background: #FFF;
        line-height: 1.2;
        -webkit-transition: all 0.7s ease;
        -moz-transition: all 0.7s ease;
        -ms-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        transition: all 0.7s ease;
    }
    #cd-cart.speed-in {
        right:0; 
        background-color:#f5f5f5; 
        padding-top:1em;
        
    }
    #cd-cart > * {padding:0 1em;}
    .no-touch #cd-cart .cd-item-remove:hover {background-color: #e0e6ef;}
    #cd-cart .cd-cart-total::after {content: '';display: table;clear: both;}
    #cd-cart .cart-empty { border: dashed 1px #ccc; padding:1em;}
    #cd-cart .cd-cart-items {
        height: 100%;
        max-height: 500px;
        overflow: auto;
        scrollbar-color:#666 #ddd;
        scrollbar-width:thin;
        overflow-x: hidden;
    }
    #cd-cart .cd-cart-items::-webkit-scrollbar {  width: 10px;}
    #cd-cart .cd-cart-items::-webkit-scrollbar-track {background: rgba(0,0,0,.05);}
    #cd-cart .cd-cart-items::-webkit-scrollbar-thumb {background: #666;}
    @media only screen and (min-width: 1200px) {
        #cd-cart .cd-cart-items li {padding:5px;}
        #cd-cart .cd-item-remove {right: 2em;}
    }
    #cd-shadow-layer {
        position: fixed;
        min-height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.4);
        cursor: pointer;
        z-index: 9999;
        display: none;
    }
    #cd-shadow-layer.is-visible {
        display: block;
        -webkit-animation: cd-fade-in 0.8s;
        -moz-animation: cd-fade-in 0.8s;
        animation: cd-fade-in 0.8s;
    }
    @-webkit-keyframes cd-fade-in {
      0% {
            opacity: 0;
      }
      100% {
            opacity: 1;
      }
    }
    @-moz-keyframes cd-fade-in {
      0% {
            opacity: 0;
      }
      100% {
            opacity: 1;
      }
    }
    @keyframes cd-fade-in {
      0% {
            opacity: 0;
      }
      100% {
            opacity: 1;
      }
    }


/*  =================================================
    Home Slider
    ================================================= */
    /*.bt-slider .carousel-item a { display: block;}*/
    .bt-slider {margin-bottom: 30px;}
    .bt-slider .carousel-indicators {margin-bottom: -20px;}
    .bt-slider .carousel-indicators .active {background-color: #333333 !important;}
    .bt-slider .carousel-indicators [data-bs-target] {margin-right: 4px;margin-left: 4px;}
    .bt-slider .carousel-indicators li {width: 7px!important;  height: 7px!important;  border-radius: 50%; background: none;
        border: solid 1px #333333;}
    .home-slider {overflow: hidden;}
    .hero-caption { padding: 1em; max-width:400px; /*min-width:40%;*/}
    .hero-caption .hero-slide-heading { font-weight:inherit;}
    .hero-caption.top_center
    {
        top: 50%;
          -webkit-transform: translate3d(0,-50%,0);
             -moz-transform: translate3d(0,-50%,0);
              -ms-transform: translate3d(0,-50%,0);
               -o-transform: translate3d(0,-50%,0);
                  transform: translate3d(0,-50%,0);
    }
    .hero-caption.top_left { top: 0; left: 0;}
    .hero-caption.top_right {top: 0;right:0;text-align: left;}
    .hero-caption.top_center {top: 0;text-align: center;}
    .hero-caption.top_center,
    .hero-caption.bottom_center {
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
    .hero-caption.middle_center {
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        text-align: center;
    }
    .hero-caption.middle_left,
    .hero-caption.middle_right {
        top: 50%;
        -webkit-transform: translateX(0%) translateY(-50%);
        -moz-transform: translateX(0%) translateY(-50%);
        transform: translateX(0%) translateY(-50%);
    }
    .hero-caption.middle_left {left:2em;}
    .hero-caption.middle_right{right:0;}
    .hero-caption.bottom_left {left:0;bottom:0;}
    .hero-caption.bottom_right {bottom: 0;right:0;text-align: left;}
    .hero-caption.bottom_center {bottom: 0;text-align: center;margin-bottom: 30px;}
    @media only screen and (max-width:767px) {
        .hero-caption {max-width:70%;}
        .hero-slide-heading {font-size: calc(1.0rem + 1vw);}
        .hero-caption.top_center,.hero-caption.top_left,.hero-caption.top_right,
        .hero-caption.middle_center,.hero-caption.middle_left,.hero-caption.middle_right,
        .hero-caption.bottom_center,.hero-caption.bottom_left,.hero-caption.bottom_right
        {
            left:1em;
            right: auto;
            top: auto;
            bottom: 1em;
            -webkit-transform:none;
            -moz-transform:none;
            transform:none;
        }
    }
    
    @media only screen and (max-width:767px) {
        .bt-slider .carousel-control-next, .bt-slider .carousel-control-prev {display: none;}
        .bt-slider .carousel-indicators {margin-bottom: 10px;}
        .home-slider .slick-dots li::before {border: solid 2px #333333 !important;}
        .home-slider .slick-dots li.slick-active::before {background-color:#333333 !important;}
        
         /*
        .hero-caption {max-width:100%;}
        .hero-caption.top_center,
        .hero-caption.top_left,
        .hero-caption.top_right,
        .hero-caption.top_center,
        .hero-caption.bottom_center,
        .hero-caption.middle_center,
        .hero-caption.middle_left,
        .hero-caption.middle_right,
        .hero-caption.bottom_left,
        .hero-caption.bottom_right{
        position: relative !important;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center !important;
        margin: 0 auto !important;
        padding: 1em!important;
        background-color: #f8f8f8;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        }
        */
    }
    
    @media only screen and (min-width:1140px) {
        .bt-slider .hero-caption.middle_left {left: 8%;}
        .bt-slider .hero-caption.middle_right {right: 8%;}
    }
    .home-slider .slick-slider .slick-prev,.home-slider .slick-slider .slick-next {background-color:rgba(255, 255, 255, 0.3) !important;}
    .home-slider .slick-slider .slick-prev:hover,.home-slider .slick-slider .slick-next:hover {background-color:rgba(255, 255, 255, 1)!important;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
    @media only screen and (max-width:767px) {
        .home-slider .slick-slider .slick-prev,.home-slider .slick-slider .slick-next { display: none; visibility: hidden;}
   }
    
/*  =================================================
    Home Page
    ================================================= */  
    .homecategoryscroll .home-category { padding: 0 10px;}
    .homecategoryscroll { margin: 0;}

    .home-category figure img {}
    .testimonialsimg {
        /*
        width: 150px;
        height: 150px;
        */
        overflow: hidden;
        border-radius: 50%;
        display: block;
        position: relative;
        padding-bottom: 100%;
    }
    .testimonialsimg img {
        max-width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center center;
    }
    .testi-quote-caption {max-width: 800px;margin: 0 auto;}

/*  =================================================
    Footer
    ================================================= */   
    footer { background-color: #3e3e3e; color: #ffffff;}
    footer a, footer a:hover {color: #ffffff;}
    footer a:hover { text-decoration: underline;}
    .footer-logo {max-width: 200px; margin-bottom: 10px;}
    @media only screen and (max-width : 767px) {
        .footer-logo {max-width:150px;}
        .footer-logo figure img {object-fit: scale-down;}
    }
    .footer-logo {max-width: 140px; margin-bottom: 10px;}
    .payment-logo ul li img{ height: 35px;}
    .content-subscribe, #footer-bottom {background-color: #f1f1f1 !important;color: #000000 !important;}
    .content-subscribe h2, .footer-links h4 { color: inherit !important;}
    #footer-bottom a {color: #000000 !important;}
    #footer-bottom a:hover {text-decoration: underline;}
    #back-top {
        position: fixed;
        bottom:2em;
        right:10px;
        z-index:149999;
        transition: 1s;
        display: inline-block;
        background: rgba(255,255,255,.9);
        box-shadow: 2px 2px 5px 2px rgba(0,0,0,.05);
    }
    .footer-links a { padding:0.3em 0; display: block;}
    @media only screen and (max-width : 767px) {
        .footer-links a { padding:0.6em 0; display: block;}
        .link-case .f-nav .h4,.link-case .f-nav h4, .link-case .f-nav h5 {cursor: pointer;}
        .link-case .f-nav .h4:after,.link-case .f-nav h4:after, .link-case .f-nav h5:after { content: "+"; float: right; }
        .link-case .f-nav.open .h4:after,.link-case .f-nav.open h4:after, .link-case .f-nav.open h5:after { content: "-"; }
        .link-case ul { max-height: 0; overflow:hidden; transition: max-height 0.3s ease-out;}
        .link-case .f-nav.open ul { height:auto; max-height: 300px; overflow-y: scroll; transition: max-height 0.3s ease-in !important; }
        .payment-logo .list-inline-item:not(:last-child) {margin-right: .0rem;}
    }
    
    .footer-cotton .content-subscribe, #footer-bottom.footer-cotton-hold2 {background: #ffffff !important; color: #4D4646 !important;}
    .footer-cotton .payment-logo ul li img {height: 33px;}
    .footerright-panel, .footer-cotton-hold { border-color:#000000 !important;}
    .footer-cotton .content-subscribe, #footer-bottom.footer-cotton-hold2 {
        color: #4D4646 !important;
    }
    @media only screen and (max-width : 767px) {
     .footerright-panel { border:none !important;}
    }
    .download-app1 a {display: block;}
    .download-app1 a img {max-height: 50px;}
    
/*  ====== footer orientique b2b ====== */
    @media only screen and (min-width : 768px) {
        .footer-orientique .footerlink-lft-pnl { border-right:solid 1px rgba(255,255,255,0.2) !important}
        .footer-orientique .footerright-panel { border-left:solid 1px rgba(255,255,255,0.2) !important; padding-left: 2.5em;}
        .footer-orientique .f-nav ul li a {position:relative;}
        /*
            .footer-orientique .f-nav ul li a:after {position: absolute; left: -10px; content:'-'; top:3px;}
            .footer-orientique .f-nav li:first-child a:after {display: none;}
        */
        .footer-orientique .nav-dashed { padding: 0 5px;}
        .footer-orientique .nav-dashed:last-child { display: none;}
    }
    @media only screen and (max-width : 767px) {
    }

/*  =================================================
    Product Details
    ================================================= */
    /*----- Products in a Row -----*/
    .product-inline-2,.product-inline-3,.product-inline-4,.product-inline-6{/*overflow: hidden;*/}
    .product-inline-2 {width:100%; max-width:50%;}
    .product-inline-3 {width:100%; max-width:33.33%;}
    .product-inline-5 {width:100%; max-width:20%;}
    .product-inline-4 {width:100%; max-width:24.96%;}
    .product-inline-6 {width: 16.6667%;}
    @media only screen and (min-width:1601px) {
        .product-inline-6, .product-inline-4  {width:auto; width: calc(100% / 6);}
        .home-featured-product .container .product-inline-4  {width:auto; width: calc(100% / 4);}
    }
    @media only screen and (max-width:1024px) {.product-inline-6 {width:25%; max-width: none;}}
    @media (max-width: 576px) {
        .product-inline-6, .product-inline-4, .product-inline-3, .product-inline-2, .product-inline-5 {
            width: 33.33%;
            max-width: none;
        }
    }
    @media (max-width: 480px) {
        .product-inline-6, .product-inline-4, .product-inline-3, .product-inline-2, .product-inline-5 {
            width: 50% !important;
            max-width: none;
        }
    }
    .ct-pdcpr-hold, .price-varient-block { font-weight: bold;}
    .new-tag, .out-of-stock,.off-price,.soldcss {z-index:1; top: 0;border-radius:3px !important;font-size:13px;}
    .out-of-stock, .soldcss, .new-tag {right: 0;}
    .off-price {left:0;}
    .teaser {}
    .teaser .teaser-item-div {margin:0 0.5rem; /*padding: 10px;*/}
    .teaser .teaser-item-div .btncart {padding-top: 0 !important;padding-bottom: 0 !important; max-width: 130px;}
    .teaser-item-div .teaser-name {
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
    }
    @media (max-width: 991px) {
        .teaser .teaser-item-div {padding:0;}
        .category-items .product-inline-hold{ position: relative; margin: 0 -0.3rem;}
        .teaser .teaser-item-div {margin:0 0.125rem;}
    }
    .teaser figure {z-index:0; position:relative; overflow: hidden;}
    .teaser figure img {}
    .teaser figure .btnquick-panel {
        left: 0;
        bottom:0;
        width: 100%;
        padding: 0;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }
    .teaser:hover figure .btnquick-panel {
        pointer-events: auto;
        visibility: visible;
        opacity: 1;
    }
    .teaser .btncart span {display: none;}
    @media (max-width: 1024px) {
        .teaser .btncart i {display: block;}
        .teaser .btncart span {display:none;}
    }

    .teaser .btnquick {margin-right:2px;}
    .teaser .wishlist-button .btn, .teaser .btnquick {border-radius: 0;}
    .teaser .product-list-title {text-align: center; margin-bottom:10px;}
    
    @media (min-width:1025px) {
        .teaser:hover figure .btnquick-panel { bottom:0;}
        .teaser .btnquick {display: block; text-align: center;}
    }
    .teaser .wishlist-button{margin-left: auto;}
    @media (max-width:1024px) {
        .teaser .wishlist-button{ width: auto !important;}
        .teaser .wishlist-button .btn { border-radius:50%;}
        .teaser figure .btnquick-panel {visibility:visible;opacity: 1; bottom: 0;}
        .btnquick-panel .btnquick { visibility: hidden;}
    }
    .btnquick-panel svg { display: none; visibility: hidden; opacity: 0;}
    
    .teaser .colorcode-dots {}
    .teaser .colorcode-dots ul {
      display: flex;
      margin: 5px;
      margin-left: 0;
      padding-left: 0;
      list-style: none;
    }
    .teaser .colorcode-dots ul li { cursor:pointer;margin-right: 3px;}
    .teaser .colorcode-dots li + li {
      margin-left: 8px;
    }
    .teaser .colorcode-dots .colors{
      width: 14px;
      height: 14px;
      border-radius: 1px;
      display: block;
      background-color: chocolate;
    }

    .or-msmt { margin:0 1em; }
    .or-msmt span {border-radius:50%; display:inline-block; width:30px;line-height:30px;height:30px; background-color:#dddcdc;}
    #MeasurementDiv, #SizeDiv {
        background-color: #f9f9f9;
        padding: 0.8em 1em;
    }
    #MeasurementDiv .btn, #SizeDiv .btn { font-size: inherit;}
    @media(max-width:767px){
        .select-msmt-drop {display: block !important;}
       .select-msmt-drop > div { margin: 5px 0 !important; text-align: center;}
       .or-msmt span { text-align: center}
       select.btn-border-msmt { width:100%; text-align:center}
    }
    @media (min-width:769px) {
        .btnquick-panel {
            /*
            background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
            background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
            background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
            */
            background-color: rgba(255,255,255,0.5) !important;
        }
        .btnquick-panel .btnquick { color: #000000;}
    }
    
    .product-inline-6 .btncart { margin-left: 5px;}
    .product-inline-6 .btncart span { display: none;}
    .product-inline-6 .btncart i { display:block; min-width: 40px;}
    
    .count-input {max-width: 130px;}
    .count-input .incr-btn {top: 0;width: 30px;}
    .count-input, .count-input input, .count-input .incr-btn {line-height: 35px; height: 35px;}
    .count-input .incr-btn:first-child {left: 0;}
    .count-input .incr-btn:last-child {right:0;}
    
    /*--- New Countdown ----*/
    @media (min-width:768px) {
        .cd-countdown .coupon-title, .cd-countdown .count-coupon { display: inline-flex !important; align-items: center;}
        /*.cd-countdown .coupon-title { text-transform: uppercase;}*/
    }
    
    .product-des-hold, .item-details-hold .product-breadcrumb { max-width: 1350px; margin: 0 auto;}
    .prod-description {border:solid 1px #c0c0c0;padding-right:1em; padding-left:1em; }
    .prdct-rfl-link {
        margin-top: 10px;
        border: dashed 1px #dddddd;
        padding: 6px 10px;
            padding-top: 6px;
            padding-bottom: 6px;
    }
    .product_detail .brand-varientcount span{ background-color: #e6f3d3; padding:1px 3px;}
    #price-preview .cut-price { text-decoration:line-through; margin-right:5px !important;}
    #price-preview {font-size: 140%;}
    #price-preview .off-price-product { font-size: 11px; padding: 3px; font-weight: normal;}
    .price-font {font-family: Arial !important;font-weight: normal !important;}
    .prod-description > ul, .detail-summary > ul { margin-bottom: 0;}
    .rel-recenthold .slick-dots {bottom: -8px;}

    .product_detail .reviewscroll span,
    .review-rate-block .starts-icon-view span {min-width: 17px; font-size: 16px;}
    
 /* -------- Color Variants -----*/
    .color-module li { vertical-align: top; }
    .color-thumb-module li:not(:last-child) {
        margin-right: .2rem;
        vertical-align: top;
        padding-bottom: 1.5em;
    }
    .color-thumb-module li div, .color-module li div {
         -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border: 1px solid #f4f4f4;
        padding: 2px;
    }
    .color-thumb-module li div {max-width: 120px;min-width: 120px;border-radius: 3px;border: 1px solid #cccccc;}
    .color-thumb-module li div span.small {font-size: 11px;max-width: 120px;line-height: 1.3;min-height: 35px;
    isplay: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
    }
    .color-thumb-module li div img {max-height:80px;}
    .color-module li div{
        height: 32px;
        width: 32px;
        padding: 3px;
   }
   .color-thumb-module li div:hover, .color-module li div:hover {border: 1px solid;}
   .color-thumb-module li a div.active {box-shadow: 2px 2px 5px 2px rgba(0,0,0,.05); border-color: #333;}
        .color-module li div{
            height: 32px;
            width: 32px;
            padding: 3px;
       }
       .color-thumb-module li div:hover, .color-module li div:hover {border: 1px solid;}
   .color-module li div.rainbow-circle {
        border: 1px solid transparent;
        background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(101deg, #78e4ff, #ff48fa);
        background-origin: border-box;
        background-clip: content-box, border-box;
        box-shadow: 1px 1000px 1px #fff inset;
   }
   .color-module li div.rainbow-circle span{
        background: red; /* not working, let's see some red */
        background: -moz-linear-gradient( top ,
            rgba(255, 0, 0, 1) 0%,
            rgba(255, 255, 0, 1) 15%,
            rgba(0, 255, 0, 1) 30%,
            rgba(0, 255, 255, 1) 50%,
            rgba(0, 0, 255, 1) 65%,
            rgba(255, 0, 255, 1) 80%,
            rgba(255, 0, 0, 1) 100%);
        background: -webkit-gradient(linear,  left top,  left bottom, 
            color-stop(0%, rgba(255, 0, 0, 1)), 
            color-stop(15%, rgba(255, 255, 0, 1)),
            color-stop(30%, rgba(0, 255, 0, 1)),
            color-stop(50%, rgba(0, 255, 255, 1)),
            color-stop(65%, rgba(0, 0, 255, 1)),
            color-stop(80%, rgba(255, 0, 255, 1)),
            color-stop(100%, rgba(255, 0, 0, 1)));
   }
    .color-module li div span:after {
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTIgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIzMS4wMDAwMDAsIC0xMzAyLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIDEyNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIzNS45MzgzNyw1OC40NTA1ODYxIEwxMjM0LjUyMTE2LDU5LjM5NTUzMDcgTDEyMzcuNTQ4NDgsNjMuOTM2NzE1OCBMMTI0NS45MjIyNSw1OC4zNTM5MTk4IEwxMjQ0Ljk3NzczLDU2LjkzNjcxNTggTDEyMzguMDIxMTYsNjEuNTc0NTY3MSBMMTIzNS45MzgzNyw1OC40NTA1ODYxIEwxMjM1LjkzODM3LDU4LjQ1MDU4NjEgWiIgaWQ9ImZhamZrYSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI0MC4yMjE3MDYsIDYwLjQzNjcxNikgcm90YXRlKC0xMC4wMDAwMDApIHRyYW5zbGF0ZSgtMTI0MC4yMjE3MDYsIC02MC40MzY3MTYpIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat center center;
        bottom: 0;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background-size:14px;
    }
    .color-module li div.active span:after {  opacity: 1;}
    .color-module li .tooltip {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        text-align: center;
        background-color: rgba(22, 22, 26, 0.93);
        color: #fff;
        bottom: 100%;
        padding:6px;
        display: block;
        position: absolute;
        min-width: 80px;
        width: auto;
        height: auto;
        left: -23px;
        margin-bottom: 10px;
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        z-index: 10000;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 11px;
        font-family: arial;
        border:none;
      }
    .color-module li .tooltip:before {
        bottom: -20px;
        content: " ";
        display: block;
        height: 20px;
        left: 0;
        position: absolute;
        width: 100%;
      }
    .color-module li .tooltip:after {
        border-left: solid transparent 6px;
        border-right: solid transparent 6px;
        border-top: solid rgba(22, 22, 26, 0.93) 6px;
        bottom: -6px;
        content: " ";
        height: 0;
        left: 50%;
        margin-left: -7px;
        position: absolute;
        width: 0;
      }
    .color-module li:hover .tooltip {
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        border:none;
      }

    /*----- Size Select ---*/
    .size-radio-select label, .radio-select-variant label {position:relative;cursor:pointer;z-index: 0;}
    .size-radio-select label [type="radio"], .radio-select-variant label [type="radio"] {display:none;}
    .size-radio-select [type="radio"] + span, .radio-select-variant [type="radio"] + span.variant_size_span {
        min-width: 60px;
        padding: 0 15px;
        text-align: center;
        background-color: #fff;
        color: #fff;
        border: 1px solid #bfc0c6;
        color: #282c3f;
        display: flex !important;
        min-height: 35px;
        align-items: center;
        justify-content: center;
    }
    .size-radio-select [type="radio"] + span:hover, .radio-select-variant [type="radio"] + span.variant_size_span:hover {
        border: 1px solid #000;
        color: #000;
    }
    .size-radio-select :checked + span, .radio-select-variant :checked + span.variant_size_span {
        display:inline-block;
        color:#fff !important;
        background-color:#535766 !important;
        border-color: #535766 !important;
    }
    .size-radio-select [type="radio"][disabled] + span.variant_size_span {
        background:#eee;
        color:#bbb;
    } 
    .size-radio-select [type="radio"][disabled] + span.variant_size_span::before {
        position: absolute;
        content: "";
        left: 0;
        top: 49%;
        right: 0;
        border-top: 1px solid #eee;
        border-top-color: rgb(184, 184, 184);
        border-color: inherit;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .select-variant-hold { max-width: 560px;}
    .radio-select-variant label { margin-bottom: 10px;}
    .radio-select-variant [type="radio"] + span.variant_size_span, .radio-select-variant input:checked + span.variant_size_span  {
        display: inline-block;
        background-size: 24px 25px;
        border-radius:6px;
        padding: 1em 0.6em;
        padding-left:50px !important;
    }
    .radio-select-variant span.variant_size_span {background: url('../img/green-circle-uncheck.png') no-repeat;background-position: 8px;}
    .radio-select-variant input:checked + span.variant_size_span {
        background: url('../img/green-circle-check.png') no-repeat no-repeat #f2fbe4;
        background-position: 8px;
        color: #000000 !important;
        border-color: #547123 !important;
    }

    /*----- Size Select ---*/
    .multiple-radio-selection [type="radio"] + span {padding:0; padding: 2px;}
    .multiple-radio-selection label {vertical-align: top; width: 100%; max-width: 18.5%; margin-right: 1.5%; margin-bottom: 10px;overflow: hidden;}
    .multiple-radio-selection label img {}
    
    /*---Product Review Rating--*/
        ul#media-list {list-style:none; padding:0; margin:0;}
        #media-list li {
            float: left;
            border: 1px solid #ccc;
            position: relative;
            margin: 0 10px 10px 0;
            width: 90px;
            height:90px;
            overflow: hidden;
            border-radius: 2px;
        }
        #media-list li img {
            width:100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        #media-list li:last-child {margin-right:0}
        #media-list li:hover .post-thumb {display:block;}
        li.myupload {border:2px dashed #ccc !important;background-color: #f7fbfc;}
        li.myupload span {
            position: relative;
            width: 90px;
            height: 90px;
            display: block;
        }
        li.myupload span input, li.myupload span i, .post-thumb, a.remove-pic {position: absolute;}
        li.myupload span input {
            opacity: 0;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }
        li.myupload span i {top: 50%;left: 50%;transform: translate(-50%, -50%);}
        .post-thumb {
            background: rgba(0, 0, 0, 0.3);
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
        }
        a.remove-pic {
            top:2px;
            right:2px;
            font-size:11px;
            background-color:#fff;
            color:#000;
            border-radius:50%;
            display:block;
            height:22px;
            width:22px;
            line-height:22px;
            text-align:center;
            padding:0;
        }
        .product-desc-tab .rating-stars::before {text-shadow:none !important;}
        .customer_fullname {font-size:0;}
        .customer_fullname span {
            /* background: rgba(131, 182, 221); */
            background-color: #666666;
            align-items:center;
            color:#ffffff;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            line-height: 40px;
            display: inline-flex;
            font-size: 16px;
            padding: 5px;
            vertical-align: middle;
            margin: 0 15px 0 0;
        }
        .customer_fullname span i{
            width:max-content;
            font-style: normal;
            margin: 0 auto;
        }
        .review-subject {text-transform: lowercase;}
        .review-subject:first-letter {text-transform: uppercase;}
        .rel-recenthold .slick-dots { display: none;}

        /*---*/
        .size-btn-hold img {max-width: 40px;}
        
        .product-search-tags { margin-top:10px;}
        .btn-searchtag { background-color: #eef4fd !important; border-color: #eef4fd !important; color: #367bf5 !important; border-radius: 25px; min-width: 40px;}
        .btn-searchtag:hover {background-color: #e5efff !important; border-color: #e5efff !important; }

    /*  ====================== Product Details tabbing =============================== */ 
        .prd-dtls-optn2 { background-color: #fafafa;}
        .description-all-tabs {position: relative;margin-left: -10px;margin-right: -10px;}
        .description-all-tabs .tab-pane { padding: 1.5em 0;}
        .description-all-tabs .prod-description {border:solid 1px #c0c0c0;padding-right:1em; padding-left:1em;}
        .description-all-tabs .nav-tabs .nav-link { color: inherit !important;}
    /*  ========= */    

/*  ===== OBuddy ==== */ 
    .variants-price-inline, .buddy-pricewithvariant { border:solid 1px #565759;}
    .teaser-item-div .variants-price-inline .btncart {padding-top: 4px !important; padding-bottom: 4px !important;width: 100%;}
    .variants-price-inline .btncart span {display: block !important;text-transform: uppercase;font-weight: 600;font-size: 85%;}
    .variants-price-inline .btncart i {display: none !important;}
    .variants-price-inline select.product_variant:focus, .buddy-pricewithvariant .variant-gms select:focus {outline: none;  box-shadow: none;}
    .variants-price-inline .price-hold { line-height: 1;}
    .variants-price-inline select.product_variant, .buddy-pricewithvariant .variant-gms select { background-position: right .25rem center;border:none; padding: 0 0.9rem 0 .05rem !important;background-size:10px 10px; font-weight: 600;background-color: transparent !important;}
    @media (max-width: 1024px) {
        .teaser-item-div .variants-price-inline .btncart { max-width:none}
        .variants-price-inline select.product_variant {}
        .variants-price-inline .ct-pdcpr-hold {border-right: solid 1px;width: 50%;}
        .variants-price-inline .select-style {width: 50%;}
        /*
        .variants-price-inline .btncart span {display:none !important;}
        .variants-price-inline .btncart i {display:block !important;}
        */
    }
    .buddy-pricewithvariant #price-preview {font-size: unset;font-weight: 600;}
    .buddy-pricewithvariant .variant-gms select {padding: 3px 1.2rem 3px .35rem !important;background-position: right .55rem center;}
    
    /*  Product zoom sticky  */
    .prd-stiky-hold {z-index:9;}
    .gc-noscroll .prd-stiky-hold {z-index:9999 !important;}
    .product-des-hold .sticky-top {top:12%;}

    .video-youtube .video-play{
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -15px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .video-youtube .button-play:after{content: ""; display: block; width: 30px; height: 30px; background: url(../img/play-icon.svg) no-repeat; background-size: 30px 30px; position: absolute; top: 0; left: 0;}
    
/*  =================================================
    Others
    ================================================= */  
    .cut-price {text-decoration: line-through;}
    .page {padding: 1em 0;} 
    .heading { padding-top: 1em;}
    @media (max-width: 1024px) {
       .breadcrumb-panel{position: relative;margin-right: -10px;margin-left: -10px;margin-top: -10px; line-height:35px;}
       .breadcrumb {    
            font-size: 11px;
            /*
            height: 35px;
            overflow: hidden;
            background: #f5f5f5 !important;
            white-space: nowrap;
            overflow: scroll;
            line-height:35px;
            */
            padding: 8px 0;
            width: 100%;
        }
       .breadcrumb-panel .breadcrumb li {display: inline-block !important;}
       .breadcrumb a {font-size:12px;}
    }
    .account-tabs li a { display: block;}
    .page-item:first-child a, .page-item:first-child span {border-top-left-radius: .25rem;border-bottom-left-radius: .25rem;}
    .page-item:first-child span, .page-item:last-child span {display: inline-flex;}
    .page-item:last-child a, .page-item:last-child span {border-top-right-radius: .25rem; border-bottom-right-radius: .25rem;}
    
    .pagination-hold .pagination { display: block !important}
    .pagination-hold .pagination .page-item { display: inline-block !important;}
    .pagination-hold .page-item.active a {
        z-index: 3;
    }
    .pagination-hold .pagination li { display:inline-block;margin-bottom: 2px;}
    .pagination-hold .page-item a {
        position: relative;
        display: block;
        text-decoration: none;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .pagination-hold .page-item a,.pagination-hold .prev a, .pagination-hold .page-item span  {
        padding: .375rem .75rem;
    }
    .pagination-hold .prev a {padding:.385rem .75rem;border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;}
    .pagination-hold .page-item a:not(:first-child) .page-link {
        margin-left: -1px;
    }
    .or {
        background-image:linear-gradient(#ddd,#ddd),linear-gradient(#ddd,#ddd);
        background-size:35% 1px;
        background-position:center left,center right;
        background-repeat:no-repeat;
      }
      .f-social-login img,.g-social-login img  {
        top: 50%;
        left:12px;
      }

    .home-gallery-scroll img { border-radius:6px;}
    .sharebtn-hold .bi-whatsapp {color:#25D366}
    .sharebtn-hold .social-container a {min-width: 36px;}
    .show-password  {
        padding: 1em;
        top: 50%;
        right: 2px;
          -webkit-transform: translate3d(0,-50%,0);
             -moz-transform: translate3d(0,-50%,0);
              -ms-transform: translate3d(0,-50%,0);
               -o-transform: translate3d(0,-50%,0);
                  transform: translate3d(0,-50%,0);
    }


/*  =================================================
    Theme Editor
    ================================================= */      
    /*.imagetext-overlay:hover img { opacity: 0.7;}*/
    .imagetext-overlay {}
    .overlay-cp-hold { min-height: 100px;}
    .imagetext-overlay-caption {
        z-index: 1;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        text-align: center;
        min-width: 80%;
    }
    .imagetext-overlay figure { position: relative;}
    .imagetext-overlay img {  position: relative; z-index:5;}
    .imgoverlay { position:absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 6;}
    .imagetext-overlay .imagetext-overlay-caption {z-index: 7;}
    

/*  =================================================
    Social icon
    ================================================= */
    .fa-facebook{color: #3b5998}
    .fa-twitter{color: #00acee}
    .fa-linkedin{color: #0e76a8}
    .fa-pinterest{color: #c8232c}
    .fa-youtube{color: #c4302b}
    .fa-instagram{color: #3f729b}
    .fa-flickr{color: #ff0084}
    .fa-tumblr{color: #34526f}


/*  =================================================
    Category
    ================================================= */
    .layout-column { clear: both;}
    .left-column {
        float:left;
        width: 200px;
        margin-right: -200px;
    }
    .right-column {margin-left:230px; padding-left: 0.5em;}
    @media only screen and (max-width:1024px) {
        .left-column, .right-column { float: none; margin:0; padding: 0;}
        .left-column {width: 100%;}
        .layout-column { padding: 0;}
    }
    
    /* ========= Left Filter Panel =======*/
    .checkbox-block-hold .clear-all {z-index:9;right:0;top:-20px; font-size: 11px; font-weight: 400;}
    @media only screen and (min-width : 1025px) {
        .checkbox-block { 
            max-height: 300px; 
            overflow: auto;
            scrollbar-color:#666 #ddd;
            scrollbar-width:thin;
        }
        .checkbox-block::-webkit-scrollbar {  width: 5px;}
        .checkbox-block::-webkit-scrollbar-track {background: rgba(0,0,0,.05);}
        .checkbox-block::-webkit-scrollbar-thumb {background: #666;}
    }
    .checkbox-block-hold .clear-all label { margin: 0;}
    .checkbox-block-hold .clear-all label span { background-color:#d6d8d9; color: #000; display: inline-block;border-radius:50%; width:15px; height:15px; line-height:13px; text-align: center;}
    .color-variant label {
        width:23px;
        height:23px;
        line-height:23px;
        position:relative;
        border:solid 1px #eee;
    }
    .color-variant label > input {display:none;}
    .color-variant label > input + img {position:absolute; left:-4px; top:-4px; width:29px; height:29px;}
    .color-variant label > input:hover + img {border:solid 1px #555555;}
    .color-variant label > input:checked + img {
        border:solid 1px #555555;
        box-shadow: 1px 1px 1px rgba(0,0,0,.15);
        -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.15);
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.15);
    }
    .fl-toggle {display: none; visibility:hidden;}

    @media only screen and (min-width:1024px) {
        .filters-div .select { float: right;}
    }
    @media only screen and (max-width:1023px) {
      .fl-toggle { margin: 0; width:50%; text-align: center; display: flex-row;}
      .filters-div .select-hold {width:50%;}
      .filters-div .select-hold select {background:none;}
      .select-hold select { display: block; width: 100%;}
      .btn-filter-icon, .select-hold select {height:40px; line-height:40px; padding-left:10px; padding-right:10px;}
      .filterexpandmobile .filters-div.stick {position: static !important;}
    }
    @media only screen and (max-width:1024px) {
       .filters-div.stick{
          position: fixed;
          top: 60px;
          width: 100%;
          z-index:9;
          left: 0;
          background-color: #fff;
          align-items: center;
          padding:10px 10px;
          border-top:solid 1px #eee;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          box-shadow:rgba(05, 05, 10, 0.08) 0px 0px 5px;
		  margin-top:0 !important;
		  margin-bottom:0 !important;
       }
      .fl-toggle { display: block; visibility:visible;}
      .filter-panel {position:relative; z-index:9;}

      /* nav toggle */
      .fl-toggle {position:relative;}
      .fl-toggle.expanded span, .fl-toggle.expanded svg {display:none !important; visibility: hidden;}
      #navfilter.expanded .filter-panel {padding-bottom: 3em;}
      .fl-toggle.expanded {
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none;
          cursor: pointer;
          height: 2rem;
          width:auto;
          position: fixed !important;
          top: 0;
          left:90%;
          z-index: 99999;
          background-color: #f8f8f8;
          height: 100%;
          width: 100%;
          -webkit-backface-visibility: hidden;
backface-visibility: hidden;
      }
      .fl-toggle.expanded .fl-toggle-bar,
      .fl-toggle.expanded .fl-toggle-bar::after,
      .fl-toggle.expanded .fl-toggle-bar::before{
          position: absolute;
          top: 50%;
          left: 0;
          content: '';
          height: 0.2rem;
          width: 25px;
      }
      .fl-toggle.expanded .fl-toggle-bar {top: 1.5em; left:0;}
      .fl-toggle.expanded .fl-toggle-bar::after,
      .fl-toggle.expanded .fl-toggle-bar::before {background:#333; margin-top:0;}
      .fl-toggle.expanded .fl-toggle-bar::after {
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);}
      .fl-toggle.expanded .fl-toggle-bar::before {
          -ms-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);}
      .fl-toggle.expanded .btn-filter-icon { border: none !important;}
      #navfilter {
          -webkit-transition: left 0.5s ease;
          -moz-transition: left 0.5s ease;
          -ms-transition: left 0.5s ease;
          -o-transition: left 0.5s ease;
          transition: left 0.5s ease;
          background: #f8f8f8;
          color: #333;
          cursor: pointer;
          height: 100vh;
          left: -100%;
          padding: 2rem 1.5rem 2rem 1.5rem;
          position: fixed;
          top: 0;
          width: 90%;
          z-index: 9999;
          overflow-y: scroll;
          -webkit-backface-visibility: hidden;
backface-visibility: hidden;
      }
       #navfilter.expanded {left:0;}
       #navfilter:before { position: absolute; left:0; top:0; content: ''; background:#f8f8f8; z-index: 1; height: 100%; width: 100%;}
    }
    @media only screen and (min-width:1025px) {
        .left-column {
            /*
            position: -webkit-sticky;
            position: sticky;
            top: 0;*/
            z-index:5;
        }
    }

/*  =================================================
    User Login Pages
    ================================================= */  
    .userpanel-left {max-width:170px; border-right: 1px solid #dee2e6;}
    .userpanel-left a { padding: 3px 0;display: block;}

/*  =================================================
    Daily Deals & Coupon code
    ================================================= */ 
    .home-countdn { background-color:#fff6f7;}
    .home-countdn .countdown {line-height: 1.3;}
    .home-dd-timer {background-color:#f8f8f8 !important}
    .home-dd-timer {box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03);}
    .home-dd-timer a, .home-dd-timer a:hover {color: #333;}
    .home-dd-timer #hours1, .home-dd-timer #minutes1, .home-dd-timer #seconds1 {color:#000000;font-size: 20px;}
    @media screen and (max-width:1024px){
        .home-dd-timer a,.home-dd-timer a:hover {line-height:auto; min-height: 45px;}
        .home-dd-timer {padding:0 !important; min-height:43px;}
    }

/*  =================================================
    Daily Deals & Coupon code
    ================================================= */ 
    .note-highlight {
        text-align: center;
        background: #faffbd;
        color: #333;
        text-decoration: none;
        padding: 4px 10px;
        border: 1px dashed #dc3545;
    }
    .home-dd-timer {box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03);min-height: 40px;}
    .home-dd-timer .hours1, .home-dd-timer .minutes1, .home-dd-timer .seconds1 {line-height: 1.3;}
    .home-dd-timer #hours1, .home-dd-timer #minutes1, .home-dd-timer #seconds1 {color:#000000;font-size: 20px;min-width: 22px;display: inline-block;}
    @media screen and (max-width:1024px){
        .home-dd-timer a,.home-dd-timer a:hover {line-height:auto; min-height: 45px;}
        .home-dd-timer {padding:0 !important; min-height:43px;}
        .home-dd-timer button.close, .countdown-hold button.close {right: 0;top: 0%;padding: 0.8rem;transform:none;}
    }
    .home-dd-timer button.close,
    .countdown-hold button.close
    {
        right:0.2rem;
        top: 40%;
        transform: translateY(-40%);
    }   

    /*---------------------------
        Description Tabs
    ----------------------------*/
    .tabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border: solid 1px #e7e7e7;
    }
    .tabs .prod-description {border: none;padding-right:0;padding-left:0;}
    .tabs label {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        display: block;
        padding: 1em;
        cursor: pointer;
        background: #ffffff;
        font-weight: bold;
        -webkit-transition: background ease 0.2s;
        transition: background ease 0.2s;
        width: 25%;
        border-left: solid 1px #e7e7e7;
        margin-bottom: 0;
    }
    @media (min-width: 45.1em) {
        .tabs label {text-align: center;}
    }
    .tabs .tab {
        -webkit-box-ordinal-group: 100;
        -webkit-order: 99;
        -ms-flex-order: 99;
        order: 99;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%;
        display: none;
        padding: 1rem;
        border-top: solid 1px #e7e7e7;
    }
    .tabs input[type="radio"] {position: absolute;opacity: 0;}
    .tabs input[type="radio"]:checked + label { background: #f1f1f1; }
    .tabs input[type="radio"]:checked + label + .tab { display: block; }
     @media (max-width: 45em) {
        .tabs .tab,  .tabs label {
          -webkit-box-ordinal-group: NaN;
          -webkit-order: initial;
          -ms-flex-order: initial;
          order: initial;
        }
        .tabs label {
          width: 100%;
          margin-right: 0;
          margin-top:0;
          background: #f1f1f1;
          margin:1px;
          position: relative; z-index: 1;
        }
        .tabs input[type="radio"]:checked + label {
             background: #aaaaaa; 
             color: #fff;
        }
        .tabs label:after, .tabs input[type="radio"]:checked + label:after {
            position: absolute;
            right: 1em;
            font-size:20px;
            opacity: 0.2;
        }
        .tabs label:after {content: "+";}
        .tabs input[type="radio"]:checked + label:after {content: "-";}
    }

/*  =================================================
    Swatches Panel
    ================================================= */    
    .swtch_info-panel {padding: 1em;}
    .swatches-details {background-color: #f9f9f9; padding: 1em; padding-bottom: 0; border-radius: 6px; position: relative;min-height: 80px;}
    .swatches { list-style:none; margin:0; padding:0;}
    .swatches .list-inline-item:not(:last-child) {margin-right:.05rem;}
    .swatches li {display: inline-flex; text-align:center; width:15.55%; text-transform:uppercase; margin-bottom:0.5em; margin-right:0; line-height:12px;vertical-align:top;}
    .swatches li a { text-decoration:none; font-size:12px;}
    .swatches li a img { max-width:100%; border:solid 1px #fff; margin-bottom:0.3em}
    .swatches li a img:hover {
        -webkit-box-shadow: 0 3px 3px -2px #777;
        -moz-box-shadow: 0 3px 3px -2px #777;
        box-shadow: 0 3px 3px -2px #777;
        border:solid 1px #fff;
    }
    .swatches li a span {
        font-size:12px;
        display: block;
        min-height: 30px;
    }
    .swatch-description {margin: 0;padding: 0;}
    .swatch-description .swch-desc-scroll {
        margin-top: 1em;
    }
    .swatches-details #next, .swatches-details #prev {position:absolute; cursor:pointer; top:48%; width:30px; height:30px; opacity: 0.3;}
    .swatches-details #next {background:url(../img/next.png);background-position: center center;}
    .swatches-details #prev {background:url(../img/pre.png);background-position: center center;}
    .swatches-details #prev {left:1em;background-color: rgba(0, 0, 0, 0.03);}
    .swatches-details #next {right:1em;background-color: rgba(0, 0, 0, 0.03);}
    .swatches-details #next:hover, .swatches-details #prev:hover {opacity:1}
    .swatches-details #prev span.fa, .swatches-details #next span.fa {color:#ddd;}
    .swatches-details #prev span.fa:hover, .swatches-details #next span:hover.fa {color:#7f7f7f;}
    .swatches-details a#btn_swatch_close {
        z-index:1;
        float: right;
        position: absolute;
        z-index: 9999;
        right: 5px;
        top: -8px;
        text-align: right;
        font-size: 1.0em;
        width: auto !important;
        background: none;
    }
    .swatches-details a#btn_swatch_close:hover {text-decoration:none;}
    .swatches-modalpopup .modal-header .btn {position: absolute; right: 0; top:0; z-index: 9; font-size:2em; line-height: 1;}
    @media screen and (min-width:1200px){
        .swatches-modalpopup .modal-xl {max-width: 960px;width: auto;}
    }
    @media only screen and (min-width : 1025px) {
        /*
        .swtch_info-panel, #divreview { 
            max-height:300px; 
            overflow: auto;
            scrollbar-color:#666 #ddd;
            scrollbar-width:thin;
            overflow-x: hidden;
        }
        #divreview {max-height:260px;}
        .swtch_info-panel::-webkit-scrollbar, #divreview::-webkit-scrollbar {  width: 5px;}
        .swtch_info-panel::-webkit-scrollbar-track, #divreview::-webkit-scrollbar-track {background: rgba(0,0,0,.05);}
        .swtch_info-panel::-webkit-scrollbar-thumb, #divreview::-webkit-scrollbar-thumb {background: #666;}
        */
    }
    @media screen and (min-width:1140px){
        .swatch-description {margin:0;padding:0;}
    }
    @media screen and (min-width:1281px){
        .swatches li:nth-child(10n+1){clear:none;}
        .swatches li:nth-child(12n+1){clear:none;}
    }
    @media screen and (max-width:1280px){
        .swatches li:nth-child(10n+1){clear:none;}
    }
    @media screen and (max-width:980px){
        .swatches li:nth-child(12n+1){clear:none;}
        .swatches li:nth-child(10n+1){clear:none;}
        .swatches li:nth-child(7n+1){clear:none;}
        .swatches li { width:72px; line-height:14px; text-transform:none}
    }
    @media screen and (max-width:768px){
        .swatches li a span, .related-products ul li .caption {
            display:block;
            width:100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }
    @media screen and (max-width:640px){
        .swatches li {display: inline-block; margin-bottom:0.4em;width:25%;margin-right:0!important;}
    }
    @media screen and (max-width:540px){
        .swatches li {display: inline-block; margin-bottom:0.4em;width:32.5%;margin-right:0!important;}
    }
    .review-rate-block {background-color: #f8f9fa !important;}

/*  =================================================
    FormStyles
    ================================================= */
    .form-control:focus {
        border-color: #1a73e8;
        box-shadow:none;
    }
    .show-password  {
        padding: 1em;
        top: 50%;
        right: 2px;
          -webkit-transform: translate3d(0,-50%,0);
             -moz-transform: translate3d(0,-50%,0);
              -ms-transform: translate3d(0,-50%,0);
               -o-transform: translate3d(0,-50%,0);
                  transform: translate3d(0,-50%,0);
    }
    .quickqty-cart .quantity { color: #00000;}
    .count-input .incr-btn {top: 0;width: 30px;}
    .count-input, .count-input input, .count-input .incr-btn {line-height: 35px; height: 35px;}
    .count-input .incr-btn:first-child {left: 0;}
    .count-input .incr-btn:last-child {right:0;}
    .select-hold select {
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        min-width: 50px;
        line-height: 30px;
    }
    .select-hold select::-ms-expand {display: none;}
    .select-hold .select__arrow {
        height: 6px;
        width: 6px;
        right:8px;
        pointer-events: none;
        box-sizing: border-box;
        border-style: solid;
        border-color: inherit;
        border-width: 0px 1px 1px 0px;
        transform: rotate(45deg);
        border-color:#222;
        top: 50%;
        -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
        -moz-transform: translate3d(-50%,-50%,0) rotate(45deg);
        -ms-transform: translate3d(-50%,-50%,0) rotate(45deg);
        -o-transform: translate3d(-50%,-50%,0) rotate(45deg);
        transform: translate3d(-50%,-50%,0) rotate(45deg);
    }
    /*---Fancy Form tyles---*/
    .field-form-hold { margin:0 -6px;}
    .field {width: 100%;float: left; padding:6px; margin-bottom: 3px;}
    .field--show-floating-label .field__input:focus {outline: none;}
    .field--show-floating-label .field__label {opacity:1;}
    @media (min-width: 500px) {
      .field--quarter {width:25%;}
      .field--three-quarters{width:75%;}
      .field--third {width:33.33333%;}
      .field--half {width:50%;}
      .field--two-thirds{width: 66.66667%;}
    }
    .field__input-wrapper {position: relative;}
    .field__label {
        position: absolute;
        z-index: 0;
        top: -13px;
        left: 6px;
        font-size:78%;
        background-color: #fff;
        margin-top: 0px;
        padding: 0 5px;
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        opacity: 0;
        font-weight:normal;
        color: inherit;
    }
    .field .field--active .field__input {
        -webkit-transition: opacity 0s !important;
        transition: opacity 0s !important;
    }
    .field__input {
        width: 100%;
        height: auto;
        padding: 14px 12px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        z-index: 1;
        border:solid 1px #ddd;
    }
    .field--show-floating-label .field__label { z-index: 2;}
    .field__input--select {padding-left:7px;}
    .field__input--select {background: url("../img/icon-carat-dn1.png") no-repeat right center #fff;}
    .field__input--select-none {background:none;}
    .field__input-wrapper .error:focus {border-color:red;}

    /*==== checkbox style ====*/
    .checkbox {padding:3px 0;}
    .checkbox label, .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left:13px;
        margin: 0;
        line-height: 1.2;
    }
    .checkbox label::before,.checkbox label::after, .radio label::before, .radio label::after {
        display: inline-block;
        position: absolute;
        content: "";
        width: 18px;
        height: 18px;
    }
    .checkbox label::before, .radio label::before {
        left: 0;
        margin-left: -13px;
        border: 1px solid;
        border-radius: 2px;
    }
    .checkbox label::after {left: -13px;top:1px;}
    /*
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .checkbox label::before, .radio label::before {margin-left: -11px;}
        .checkbox label::after {left: -11px;}
    }
    */
    .checkbox input[type="checkbox"] {
        opacity: 0;
        z-index: 1;
        margin-left: 1px;
    }
    .checkbox input[type="checkbox"]:focus + label::before{
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    .checkbox input[type="checkbox"]:checked + label::after{
        /*
        content: "";
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjYiIGhlaWdodD0iMjYiCnZpZXdCb3g9IjAgMCAyNiAyNiIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDIyLjU2NjQwNiA0LjczMDQ2OSBMIDIwLjc3MzQzOCAzLjUxMTcxOSBDIDIwLjI3NzM0NCAzLjE3NTc4MSAxOS41OTc2NTYgMy4zMDQ2ODggMTkuMjY1NjI1IDMuNzk2ODc1IEwgMTAuNDc2NTYzIDE2Ljc1NzgxMyBMIDYuNDM3NSAxMi43MTg3NSBDIDYuMDE1NjI1IDEyLjI5Njg3NSA1LjMyODEyNSAxMi4yOTY4NzUgNC45MDYyNSAxMi43MTg3NSBMIDMuMzcxMDk0IDE0LjI1MzkwNiBDIDIuOTQ5MjE5IDE0LjY3NTc4MSAyLjk0OTIxOSAxNS4zNjMyODEgMy4zNzEwOTQgMTUuNzg5MDYzIEwgOS41ODIwMzEgMjIgQyA5LjkyOTY4OCAyMi4zNDc2NTYgMTAuNDc2NTYzIDIyLjYxMzI4MSAxMC45Njg3NSAyMi42MTMyODEgQyAxMS40NjA5MzggMjIuNjEzMjgxIDExLjk1NzAzMSAyMi4zMDQ2ODggMTIuMjc3MzQ0IDIxLjgzOTg0NCBMIDIyLjg1NTQ2OSA2LjIzNDM3NSBDIDIzLjE5MTQwNiA1Ljc0MjE4OCAyMy4wNjI1IDUuMDY2NDA2IDIyLjU2NjQwNiA0LjczMDQ2OSBaIj48L3BhdGg+PC9zdmc+') 50% 50% no-repeat;
        background-size: 15px 15px;
       */
       content: '\F633' !important;
        font-family: "bootstrap-icons";
        font-size: 15px;
        padding-left: 1px
    }
    .checkbox input[type="checkbox"]:indeterminate + label::after{
        display: block;
        content: "";
        width: 10px;
        height: 3px;
        background-color: #555555;
        border-radius: 2px;
        margin-left: -16.5px;
        margin-top: 7px;
    }
    .checkbox input[type="checkbox"]:disabled + label{opacity: 0.65;}
    .checkbox input[type="checkbox"]:disabled + label::before{
            background-color: #eeeeee;
            cursor: not-allowed;}
    .checkbox.checkbox-circle label::before {border-radius: 50%;}
    .radio-block { position: relative;}
    .radio label::before {
        border-radius: 50%;
    }
    .radio label::after {
        width: 12px;
        height: 12px;
        left:0;
        top:3px;
        margin-left: -10px;
        border-radius: 50%;
        background-color: #333;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    }
    .radio input[type="radio"] {opacity: 0;z-index: 1;}
    .radio input[type="radio"]:focus + label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    .radio input[type="radio"]:checked + label::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1); 
    }
    .radio input[type="radio"]:disabled + label {opacity: 0.65;}
    .radio input[type="radio"]:disabled + label::before {cursor: not-allowed;}

    .error, label.error {border-color: #cd4548; color: #cd4548}
    label.error { font-size: 12px; margin: 0;}
    .cd-checkbox label.error {margin-left: 2.5em;position: relative;top: -10px;}
    
     /* --------- Cookies Strip --------- */
    .cc-window{position:fixed;left:0;right:0;bottom:0;width:100%;background-color:rgba(0,0,0,0.75);z-index:999;opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}
    .cc-window.cc-invisible{opacity:0}
    .cc-window .box-cookies{padding:15px;text-align:center;color:#dbe0df;font-size:13px;font-weight:400;line-height:30px;}
    .cc-window .box-cookies a{color:#fff;text-decoration:underline}
    .cc-window .cc-close{display:inline-block;height:25px;margin-left:10px;line-height:25px;padding:0 10px;background-color:#42ab9e;font-weight:bold;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
    .cc-window .cc-close:hover{opacity:.75}
    @media only screen and (max-width:480px) {
        .cc-window .box-cookies {line-height: 1.5;}
        .cc-window .cc-close {
            display: block;
            max-width: 100px;
            text-align: center;
            margin: 0 auto;
            margin-bottom: 1.5em;
            margin-top: 5px;
        }

    } 
    /*  Old CSS */
    .whatsapp-icon {
        padding: 15px 0;
        position: fixed;
        bottom:0;
        z-index: 99;
        left: 15px;
    }

    .whatsapp-icon .icon {
        display: inline-block;
        cursor: pointer;
        text-decoration: none;
        color: #4B7E43;
        font-size: 18px;
        background-color:#fff;
        padding:8px;
        line-height: 1;
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
        border-radius: 25px;
        border: 2px solid #4B7E43;
        transition: all 0.3s linear;
    }
    .whatsapp-icon a { color:#333333 !important;}

    /*=== Animations start here  ===*/
    /*=== FADE IN  ===*/
    @-webkit-keyframes fadeIn {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }
    @keyframes fadeIn {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }
    .fadeIn {
        -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    }
    /*=== Trigger  ===*/
    .animate {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }
    
    a.whatsapp-chat {
        /*   background: #009688; */
        background: #fff !important;
        color: #404040 !important;
        position: fixed;
        display: flex;
        font-weight: 400;
        justify-content: space-between;
        z-index: 98;
        bottom: 2em;
        font-size: 13px;
        padding: 10px 15px;
        border-radius: 30px;
        box-shadow: 0 1px 15px rgba(32, 33, 36, 0.10);
        text-decoration: none;
        border: solid 1px #ccc;
      }
       a.whatsapp-chat:hover {box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); text-decoration: none;background: #fff !important;color: #404040 !important;}
      a.whatsapp-chat svg {
        transform: scale(1.4);
        margin: 0 8px 0 0;
      }
      a.whatsapp-ico-left { left: 2em;}
      a.whatsapp-ico-right { right: 2em;}

/*  =================================================
    Responsive Table
    ================================================= */
    .desc-table { border-left:solid 1px #ccc; border-top:solid 1px #ccc; display: table;}
    .tab-heading, .tab-row { display: table-row;}
    .tab-heading { display: table-row-group;}
    .tab-row .tab-cell, .tab-heading .tab-cell { display: table-cell;border-bottom:solid 1px #ccc; border-right: solid 1px #ccc; padding:0.4em;}
    .tab-heading div.tab-cell:first-child, .tab-row div.tab-cell:first-child.tab-cell { width: 200px;}
    .tab-heading .tab-cell, .tab-row div.tab-cell:first-child { font-weight: bold;background-color: #f8f8f8;}

    @media only screen and (max-width:480px){
        .desc-table,.tab-heading, .tab-row, .tab-row .tab-cell, .tab-heading .tab-cell { display: block; width: 100%;}
        .desc-table {border-bottom:solid 1px #ccc;}
        .tab-row div.tab-cell:first-child.tab-cell, .tab-row .tab-cell {width:auto; border-bottom: none;}
        .tab-heading .tab-cell, .tab-heading div.tab-cell:first-child, .tab-row div.tab-cell { padding:0.5em; width:auto;}
        .tab-heading, .tab-heading .tab-cell, .tab-heading div.tab-cell:first-child {display:flex; width:100%;}
    }

/*  =================================================
    Home Category Tabs
    ================================================= */
    .home-category-tabs .nav-tabs { border-bottom:none;}
    .home-category-tabs .nav-link { color: inherit;border-top: transparent;border-left: transparent;border-right: transparent;border-width: 2px;}

/*  =================================================   */    
    .equalproduct-details .product_detail { padding-left: 5em;}
    @media only screen and (max-width:767px){
        .equalproduct-details .product_detail {padding-left:0;}
    }

/*  =====================================================
    Menu
    ===================================================== */
    .navigation {background-color: #fff;}
    .navigation * {
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent;
    }
    .navigation-portrait {/* height: 48px;*/}
    .navigation-fixed {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 19998;
    }
    .navigation-hidden {
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .align-to-right {float: right;}
    .nav-header {float: left;}
    .navigation-hidden .nav-header {display: none;}
    .nav-toggle {
      padding: 6px 5px 5px 5px;
      position: absolute;
      top:0;
      left:0;
      cursor: pointer;
    }
    @media (max-width:991px) {
        .m-nav-icon, .nav-toggle {width: 40px;height: 38px;}
    }
    @media (min-width:992px) {
        .nav-toggle {display: none;}
    }
    .nav-toggle:before {
      content: "";
      position: absolute;
      width: 25px;
      height: 1px;
      background-color: #343a40;
      border-radius: 10px;
      box-shadow: 0 0.5em 0 0 #000, 0 1.04em 0 0 #000;
      top:10px
    }
    .navigation-portrait .nav-toggle {display: block;}
    .navigation-portrait .nav-menus-wrapper {
      width: 320px;
      height: 100%;
      top: 0;
      left: -400px;
      position: fixed;
      background-color: #fff;
      z-index: 20000;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      transition-duration: 0.2s;
      transition-timing-function: ease;
    }
    .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
      left: auto;
      right: -400px;
    }
    .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {left: 0;}
    .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
      left: auto;
      right: 0;
    }
    .nav-menus-wrapper-close-button {
      width: 30px;
      height: 40px;
      margin: 10px 0.6em;
      display: none;
      /*float: right;*/
      color: #343a40;
      font-size: 26px;
      cursor: pointer;
      text-align: center;
    }
    .navigation-portrait .nav-menus-wrapper-close-button {display: block;}
    .navigation-portrait .nav-menu {width: 100%;}
    .navigation-landscape .nav-menu.nav-menu-centered {
      float: none;
      text-align: center;
    }
    .navigation-landscape .nav-menu.nav-menu-centered > li {float: none;}
    .nav-menu > li {display: inline-block;}
    .nav-menu > .list-inline-item:not(:last-child) { margin-right:0;}
    
    @media (min-width:768px) {
       /* .nav-menu > li.focus > a{ border-bottom:solid 2px #d9bf7f;}*/
    }
    .navigation-portrait .nav-menu > li {
      width: 100%;
      position: relative;
      border-top: solid 1px #f0f0f0;
    }
    .navigation-portrait .nav-menu > li:last-child {border-bottom: solid 1px #f0f0f0;}
    .nav-menu + .nav-menu > li:first-child {border-top: none;}
    .nav-menu > li > a {
      padding: 0.55rem 1em;
      display: inline-block;
      text-decoration: none;
      /*font-size: 14px;*/
      color: #343a40;
      transition: color 0.3s, background 0.3s;
      position: relative;
    }
    .navigation-portrait .nav-menu > li > a {width: 100%;height: auto;padding: 12px 15px 12px 26px;}
    .nav-menu > li:hover > a,
    .nav-menu > li.active > a,
    .nav-menu > li.focus > a {
      color: #000000;
    }
    .nav-menu > li > a > i,
    .nav-menu > li > a > [class*="ion-"] {
      width: 18px;
      height: 16px;
      line-height: 16px;
      transform: scale(1.4);
    }
    .nav-menu > li > a > [class*="ion-"] {
      width: 16px;
      display: inline-block;
      transform: scale(1.8);
    }
    .navigation-portrait .nav-menu.nav-menu-social {
      width: 100%;
      text-align: center;
    }
    .nav-menu.nav-menu-social > li {
      text-align: center;
      float: none;
      border: none !important;
    }
    .navigation-portrait .nav-menu.nav-menu-social > li {width: auto;}
    .nav-menu.nav-menu-social > li > a > [class*="ion-"] {font-size: 12px;}
    .nav-menu.nav-menu-social > li > a > .fa {font-size: 14px;}
    .navigation-portrait .nav-menu.nav-menu-social > li > a {padding: 15px;}

    .submenu-indicator {
      margin-left: 6px;
      /*margin-top: 6px;*/
      float: right;
      transition: all 0.2s;
    }
    
    .navigation-portrait .submenu-indicator {
      width: 54px;
      height: 50px;
      margin-top: 0;
      position: absolute;
      top: 0;
      right: 0;
      text-align: center;
      z-index: 20000;
    }
    .submenu-indicator-chevron {
      height: 6px;
      width: 6px;
      display: block;
      border-style: solid;
      border-width: 0 1px 1px 0;
      border-color: transparent #70798b #70798b transparent;
      transform: rotate(45deg);
      transition: border 0.2s;
    }

    @media (min-width:992px) {
        .submenu-indicator { position: absolute;top: 50%; transform: translateY(-50%);}
    }
    
    .navigation-portrait .submenu-indicator-chevron {
      position: absolute;
      top: 22px;
      left: 24px;
    }
    .nav-menu > li:hover > a .submenu-indicator-chevron,
    .nav-menu > .active > a .submenu-indicator-chevron,
    .nav-menu > .focus > a .submenu-indicator-chevron {
      border-color: transparent #70798b #70798b transparent;
    }
    .navigation-portrait .submenu-indicator.submenu-indicator-up {
      transform: rotate(-90deg);
    }
    .nav-overlay-panel {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: fixed;
      display: none;
      z-index: 19999;
    }
    .no-scroll {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
    .nav-dropdown {
      min-width: 180px;
      margin: 0;
      padding: 0;
      display: none;
      position: absolute;
      list-style: none;
      z-index: 98;
      white-space: nowrap;
      /*
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.1);
      */
      border: solid 1px #eeeeee;
    }

    /*
    .nav-menu > li > .nav-dropdown:before {
        bottom: 100%;
        left: 8%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(243,246,249,0);
        border-bottom-color: rgba(243, 246, 249, 0);
        border-bottom-color: #f0f0f0;
        border-width: 10px;
        margin-left: -10px;
    }
    */
    .navigation-portrait .nav-dropdown {
      width: 100%;
      position: static;
      left: 0;
      position: relative;
    }
    .nav-dropdown .nav-dropdown {left: 100%;}
    @media (max-width:991px) {
        .nav-dropdown .nav-dropdown {left:0;}
    }
    /*
    @media (min-width:992px) {
        .nav-menu > li > .nav-dropdown {
            max-height: 450px;
            overflow-y: auto;
            scrollbar-color: #aaa #ddd;
            scrollbar-width: thin;
        }
    }
    */
    .nav-menu > li > .nav-dropdown {
      border-top: solid 1px #f0f0f0;
    }
    
    .nav-dropdown > li:first-child { border-radius:6px 6px 0 0;}
    .nav-dropdown > li:last-child { border-radius: 0 0 6px 6px;}
    .nav-dropdown > li {
      width: 100%;
      float: left;
      clear: both;
      position: relative;
      text-align: left;
    }

    .nav-dropdown > li > a {
      width: 100%;
      padding: 16px 20px;
      display: inline-block;
      text-decoration: none;
      float: left;
      /*font-size: 13px;*/
      color: #343a40;
       background-color: #ffffff;
    }

    .nav-dropdown > li:hover > a,
    .nav-dropdown > li.focus > a {
      color: #000000;
    }

    .nav-dropdown.nav-dropdown-left {right: 0;}
    .nav-dropdown > li > .nav-dropdown-left {left: auto;right: 100%;}
    .navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {text-align: right;}
    .navigation-portrait .nav-dropdown > li > a {padding: 12px 20px 12px 20px; background-color: #fdfdfd;}
    .navigation-portrait .nav-dropdown > li > ul > li > a {padding-left: 50px;}
    .navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {padding-left: 70px;}
    .navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {padding-left: 90px;}
    .navigation-portrait
      .nav-dropdown
      > li
      > ul
      > li
      > ul
      > li
      > ul
      > li
      > ul
      > li
      > a {
      padding-left: 110px;
    }
    .nav-dropdown .submenu-indicator {
        /*right: 15px;top: 10px;position: absolute;*/
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 1em;
    }
    .navigation-portrait .nav-dropdown .submenu-indicator {
      right: 0;
      top: 0;
    }
    .nav-dropdown .submenu-indicator .submenu-indicator-chevron {transform: rotate(-45deg);}
    .navigation-portrait
      .nav-dropdown
      .submenu-indicator
      .submenu-indicator-chevron {
      transform: rotate(45deg);
    }

    .nav-dropdown > li:hover > a .submenu-indicator-chevron,
    .nav-dropdown > .focus > a .submenu-indicator-chevron {
      border-color: transparent #000000 #000000 transparent;
    }

    .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
      left: 10px;
    }
    .navigation-landscape
      .nav-dropdown.nav-dropdown-left
      .submenu-indicator
      .submenu-indicator-chevron {
      transform: rotate(135deg);
    }
    .nav-dropdown-horizontal {
      width: 100%;
      left: 0;
      background-color: #fdfdfd;
      border-top: solid 1px #f0f0f0;
    }
    .nav-dropdown-horizontal .nav-dropdown-horizontal {
      width: 100%;
      top: 100%;
      left: 0;
    }
    .navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
      border-top: none;
    }
    .nav-dropdown-horizontal > li {
      width: auto;
      clear: none;
      position: static;
    }
    .navigation-portrait .nav-dropdown-horizontal > li {
      width: 100%;
    }
    .nav-dropdown-horizontal > li > a {
      position: relative;
    }
    .nav-dropdown-horizontal .submenu-indicator {
      height: 18px;
      top: 11px;
      transform: rotate(90deg);
    }
    .navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
      height: 42px;
      top: 0;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    .navigation-portrait
      .nav-dropdown-horizontal
      .submenu-indicator.submenu-indicator-up {
      transform: rotate(-180deg);
    }
    .megamenu-panel {
      width: 100%;
      padding: 15px;
      display: none;
      position: absolute;
      z-index: 98;
      text-align: left;
      color: inherit;
      border-top: solid 1px #f0f0f0;
      background-color: #ffffff;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075);
      max-height: 450px;
      overflow-y: auto;
      /*
      scrollbar-color: #0d6efd #ddd;
      scrollbar-width: thin;
      */
    }
    .navigation-portrait .megamenu-panel {
      padding: 15px;
      position: static;
      display: block;
    }
    .megamenu-panel [class*="container"] {width: 100%;}
    .megamenu-panel [class*="container"] [class*="col-"] {padding: 0;}
    .megamenu-panel-half {width: 50%;}
    .megamenu-panel-quarter {width: 25%;}
    .navigation-portrait .megamenu-panel-half,
    .navigation-portrait .megamenu-panel-quarter {
      width: 100%;
    }
    .megamenu-panel-row {width: 100%;}
    .megamenu-panel-row:before,
    .megamenu-panel-row:after {
      content: "";
      display: table;
      line-height: 0;
    }
    .megamenu-panel-row:after {clear: both;}
    .megamenu-panel-row [class*="col-"] {
      display: block;
      min-height: 20px;
      float: left;
      margin-left: 3%;
    }
    .megamenu-panel-row [class*="col-"]:first-child {
      margin-left: 0;
    }
    .navigation-portrait .megamenu-panel-row [class*="col-"] {
      float: none;
      display: block;
      width: 100% !important;
      margin-left: 0;
      margin-top: 15px;
    }
    .navigation-portrait
      .megamenu-panel-row:first-child
      [class*="col-"]:first-child {
      margin-top: 0;
    }
    .megamenu-panel-row .col-1 {width: 5.583333333333%;}
    .megamenu-panel-row .col-2 {width: 14.166666666666%;}
    .megamenu-panel-row .col-3 {width: 22.75%;}
    .megamenu-panel-row .col-4 {width: 31.333333333333%;}
    .megamenu-panel-row .col-5 {width: 39.916666666667%;}
    .megamenu-panel-row .col-6 {width: 48.5%;}
    .megamenu-panel-row .col-7 {width: 57.083333333333%;}
    .megamenu-panel-row .col-8 {width: 65.666666666667%;}
    .megamenu-panel-row .col-9 {width: 74.25%;}
    .megamenu-panel-row .col-10 {width: 82.833333333334%;}
    .megamenu-panel-row .col-11 {width: 91.416666666667%;}
    .megamenu-panel-row .col-12 {width: 100%;}
    .megamenu-tabs {
      width: 100%;
      float: left;
      display: block;
    }
    .megamenu-tabs-nav {
      width: 20%;
      margin: 0;
      padding: 0;
      float: left;
      list-style: none;
    }
    .navigation-portrait .megamenu-tabs-nav {
      width: 100%;
    }
    .megamenu-tabs-nav > li > a {
      width: 100%;
      padding: 10px 16px;
      float: left;
      font-size: 13px;
      text-decoration: none;
      color: #343a40;
      border: solid 1px #eff0f2;
      outline: 0;
      background-color: #fff;
    }
    .megamenu-tabs-nav > li.active a,
    .megamenu-tabs-nav > li:hover a {background-color: #f5f5f5;}
    .megamenu-tabs-pane {
      width: 80%;
      min-height: 30px;
      padding: 20px;
      float: right;
      display: none;
      font-size: 13px;
      color: #343a40;
      border: solid 1px #eff0f2;
      background-color: #fff;
    }
    .megamenu-tabs-pane.active {display: block;}
    .navigation-portrait .megamenu-tabs-pane {width: 100%;}
    .megamenu-lists {width: 100%;display: table;max-width: 1200px;margin: auto;}
    .megamenu-list {
      width: 100%;
      /*margin: 0 0 15px;*/
      padding: 0;
      display: inline-block;
      float: left;
      list-style: none;
    }
    .megamenu-list:last-child {margin: 0;border: none;}
    .navigation-landscape .megamenu-list {}
    .navigation-landscape .megamenu-list:last-child {border: none;}
    .megamenu-list > li > a {
      width: 100%;
      padding: 4px 15px;
      display: inline-block;
      text-decoration: none;
    }
    .megamenu-list > li > div > a {padding: 4px 0;}
    @media (max-width:767px) {
        .megamenu-list > li > div > a {padding: 10px 1.5em; display: block;padding-left: 0;}
    }
    .megamenu-list > li img.menuicon-img {width: 18px;}
    .megamenu-list > li > a:hover {color: #000000;}
    .megamenu-list > li.megamenu-list-title > a { border-bottom:solid 1px #aaaaaa;color: #000000;}
    .megamenu-list > li.megamenu-list-title > a:hover {background-color: transparent;}
    .vertical_tab_nav .megamenu-list-title > a { display: block; font-weight: bold; padding-left: 10em;padding-left: 20px;padding-bottom:8px; }
    @media (min-width:768px) {
        .vertical_tab_nav .megamenu-list-title > a { margin-right: 1em;padding-left:0; margin-bottom:10px; border-bottom: solid 1px #ddd;}
        .megamenu-list > li > a {padding: 4px 0;}
        .megamenu-list > li { margin-right: 10px;}
    }
    .navigation-landscape .list-col-2 {width: 50%;vertical-align: top;}
    .navigation-landscape .list-col-3 {width: 33%;vertical-align: top;}
    .navigation-landscape .list-col-4 {width: 25%;vertical-align: top;}
    .navigation-landscape .list-col-5 {width: 20%;vertical-align: top;}
    .navigation-landscape .list-col-6 {width:16.666666%;vertical-align: top;}
    
    .nav-menu > li > a {
      color: #343a40;
      /*font-weight: 600;*/
    }
   .nav-dropdown > li > a {
      color: #343a40;
      padding: 10px 20px;
      border-bottom: 1px solid #f6f6f6;
    }
    .nav-dropdown > li > a:hover,
    .nav-dropdown > li > a:focus {color: #000000;}
    .main_header_area.sticky {
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background-color: #fff;
      z-index: 9999;
      box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    }
    .transparent-menu {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      z-index: 99;
    }

    .navigation-portrait .nav-menu > li > a {
      width: 100%;
      height: auto;
      padding: 15px 10px 15px 20px;
    }

    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .nav-dropdown > li > a,
      .megamenu-list > li > a {
        width: 100%;
      }
    }
    

/*---------- vertical tab nav ------*/
.vertical_tab_nav {
  display: block;
  width: 100%;
}
.menu-bar .tabs {
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
  min-width: 220px; margin-right: 3em;
}
.vertical_tab_nav li:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
}
.vertical_tab_nav .tabs li a {
  display: block;
  text-decoration: none;
  padding: 1em 0;
  position: relative;
}
.vertical_tab_nav .tabs li a {border-bottom: solid 1px #e6e5e5;}
.vertical_tab_nav .tabs li a.selected {text-decoration: underline; font-weight: 600;}
/*#vertical_tab_nav .tabs li .selected:after,*/
.vertical_tab_nav .tab_container .tab_drawer_heading:after {
    position:absolute;
    font-family: "bootstrap-icons" !important;
    content: "\f285" !important;
    right:0;
    top:0;
    top: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    right: 5px;
    font-size: 11px;
    color: #8e8e8e;
}
.vertical_tab_nav .tab_container .tab_drawer_heading.d_active:after {
    -webkit-transform: rotate(-90deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(-90deg);      /* to support IE 9 */
    transform: rotate(-90deg);
    margin-top: -5px;
    right: 8px;
}
.menu-bar .tab_container {
  display: block;
  background: #fff;
}
.vertical_tab_nav div article {display: none;margin: 0px;}
/*#vertical_tab_nav div article p {  margin: 0px 0px 20px 0px;}*/
.menu-bar .tab_container { min-height:250px;}
@media screen and (max-width: 781px) {
  .menu-bar .tab_container {
    display: block;
    margin: 0 auto;
    width:100% !important;
    border-top: none;
    border-radius: 0;
  }
  .menu-bar .d_active {
    background: #fff;
  }
  .menu-bar .tab_container { min-height:auto;}
}
.menu-bar .tabs {display: none;}
.menu-bar .tab_drawer_heading {
  margin: 0;
  text-decoration: none;
  padding:3% 0;
  position: relative;
}
 @media (max-width:1024px) {
     .submenu-indicator-chevron {transform: rotate(-45deg);}
    .vertical_tab_nav div article {margin-left: 20px; border-left: solid 1px rgba(92,92,92,.25);}
    .vertical_tab_nav div article .megamenu-list {margin-left: 1.5em;}
    .navigation-portrait .megamenu-panel {padding-right:15px; padding-left: 15px;background-color: #f5f5f6 !important;box-shadow:none !important;}
    .menu-bar .d_active,.menu-bar .tab_container {background:none !important;}
    .menu-bar .tab_drawer_heading {padding: 15px; padding-right: 0;/*border-bottom: solid 1px #ebe9e7;*/}
    .menu-bar .d_active { border:none !important;}
    .sub-heading-child-banner { display: block;padding: 1em;}
    .sub-heading-child-banner img {border-radius: 10px}
    .vertical_tab_nav .tab_container {overflow: hidden;}
 }
@media screen and (min-width: 1025px) {
    .menu-bar .tabs {display: block;}
    .menu-bar .tab_drawer_heading {display: none;}
}

/*  ----------------------
    Price Range Css
    ------------------------*/
    .slider-labels {margin-top: 18px;}
    .noUi-target,.noUi-target * {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-touch-action: none;
        touch-action: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .noUi-target {position: relative;direction: ltr;}
    .noUi-base {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1;
        /* Fix 401 */
    }
    .noUi-origin {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
    }
    .noUi-handle {position: relative;z-index: 1;}
    .noUi-stacking .noUi-handle {
    /* This class is applied to the lower origin when
       its values is > 50%. */
      z-index: 10;
    }
    .noUi-state-tap .noUi-origin {
      -webkit-transition: left 0.3s,top .3s;
      transition: left 0.3s,top .3s;
    }
    .noUi-state-drag * {cursor: inherit !important;}

    /* Painting and performance;
     * Browsers can paint handles in their own layer. */
    .noUi-base,.noUi-handle {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    /* Slider size and handle placement;*/
    .noUi-horizontal {height: 4px;}
    .noUi-horizontal .noUi-handle {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        left: -7px;
        top: -10px;
        background-color: #FFF;
        border: solid 1px #c4c5c7;
    }
    .noUi-horizontal .noUi-handle::after{
        position: absolute;
        content: '\F479';
        font-family: "bootstrap-icons";
        font-size: 11px;
        text-align: center;
        left: 0px;
        right: 0px;
        top: 3px;
        bottom: 0px;
    }

    /* Styling;*/
    .noUi-background {background: #D6D7D9;}
    .noUi-connect {
        background: #e4e5e7;
        -webkit-transition: background 450ms;
        transition: background 450ms;
        border: solid 1px #c4c5c7;
        height: 7px;
        border-radius: 20px !important;
    }
    .noUi-origin {border-radius: 2px;}
    .noUi-target {border-radius: 2px;}
    .noUi-target.noUi-connect {}

    /* Handles and cursors;*/
    .noUi-draggable {cursor: w-resize;}
    .noUi-vertical .noUi-draggable {cursor: n-resize;}
    .noUi-handle {
        cursor: default;
        -webkit-box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
        box-sizing: content-box !important;
    }
    .noUi-handle:active {
        border: 8px solid #345DBB;
        border: 8px solid rgba(53,93,187,0.38);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        left: -14px;
        top: -14px;
    }

    /* Disabled state; */
    [disabled].noUi-connect,[disabled] .noUi-connect {
      background: #B8B8B8;
    }
    [disabled].noUi-origin,[disabled] .noUi-handle  {
      cursor: not-allowed;
    }

.custom-ratio, .image-ratio {
    display: block !important;
    position: relative;
    overflow: hidden;
}
.custom-ratio > img, .image-ratio > img {
    display: block !important;
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 100%;
    width: 100% !important;
    object-fit: cover;
    object-position: center;
    /*
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    */
}
.custom-ratio {padding-bottom: 45.3125%;}
.image-ratio::before { position: relative; top: -20px;}

/* ======== */
    .hori-timeline { margin-top: 2em;}
    .hori-timeline .events {
        border-top: 3px solid #e9ecef;
    }
    .hori-timeline .events .event-list {
        display: block;
        position: relative;
        text-align: center;
       width: 33.33%;
            padding-top: 25px;
        margin-right: 0;
    }
    .hori-timeline .events .event-list:before {
        content: "";
        position: absolute;
        height: 25px;
        border-right: 2px dotted #dee2e6;
        top: 0;
    }
    .hori-timeline .events .event-list .event-date {
        position: absolute;
        top: -14px;
        left: 0;
        right: 0;
        width: 25px;
        border-radius: 4px;
        padding: 2px 4px;
         border-radius: 50%;
    }
    .hori-timeline .events .event-list:first-child:before {left:14px;}
    .hori-timeline .events .event-list:last-child:before {right:14px;}
    label.rainbow-circle {
        background: linear-gradient(
            90deg,
            rgba(255, 0, 0, 1) 0%,
            rgba(255, 154, 0, 1) 10%,
            rgba(208, 222, 33, 1) 20%,
            rgba(79, 220, 74, 1) 30%,
            rgba(63, 218, 216, 1) 40%,
            rgba(47, 201, 226, 1) 50%,
            rgba(28, 127, 238, 1) 60%,
            rgba(95, 21, 242, 1) 70%,
            rgba(186, 12, 248, 1) 80%,
            rgba(251, 7, 217, 1) 90%,
            rgba(255, 0, 0, 1) 100%
        ); 
    }

/* ======== Home Logo =======*/
/*
.home-logo-scroll figure {
    display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
}
.home-logo-scroll figure img{max-height:80px;  width: auto; margin: 0 auto;max-width: 150px;}
.home-logo-scroll .slick-list,
.home-logo-scroll .slick-track {
    height: 100%;
}
*/

.text_column_withimages figure img,
.home-logo-scroll figure img,
.home-gallery-scroll img,
.home-bt-testimonials figure img
{
    object-fit: contain;
    object-position: center;
}
.home-logo-scroll figure {
    max-width: 170px;
    margin: 0 auto;
}

/*
.home-category img.lazyload,
.teaser img.lazyload,
.subcategory img.lazyload
{
    opacity: 0;
    transform: scale(0.8);
}
.home-category img.lazyloaded,
.teaser img.lazyloaded,
.subcategory img.lazyloaded
{
    opacity: 1;
    transform: scale(1);
    transition: all 700ms;
    animation: fadein 0.8s;
       
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
*/

/*
.home-logo-scroll figure img.lazyload,
.text_column_withimages figure img.lazyload {
    opacity: 0;
    transform: scale(0.8);
}
.home-logo-scroll figure img.lazyloaded,
.text_column_withimages figure img.lazyloaded {
opacity: 1;
    transform: scale(1);
    transition: all 700ms;
    animation: fadein 0.8s;
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
*/
.gc-thumbs-area {z-index: 0;}
@media (min-width:1025px) {
    #targetDiv
        {
            visible:hidden;
            opacity: 0;
            transition: transform 500ms ease,opacity 500ms ease;
            font-size:14px;
            line-height:1.3;
        }
    #cd-cart.speed-in #targetDiv
        {
          opacity: 1;
          visibility: visible;
          transition-delay: .5s;
        }
}

/* --- Product details page coupon code --*/
.pp-coupon-display {background-color:#e5f5f2; max-width: 470px;}
.pp-coupon-display .kanan {border-left: 0.12em dashed #aaaaaa; width:30% !important; position:relative;}
.pp-coupon-display .kanan .info::after, .pp-coupon-display .kanan .info::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 100%;
}
.pp-coupon-display .kanan .info::before {top: -16px;left: -10px;}
.pp-coupon-display .kanan .info::after {bottom: -16px;left: -10px;}
.coupon-row{display: flex;align-items: center;width: fit-content;border: 1px dashed #000000; border-radius: 2px;}
#cpnCode {padding:5px;}
.cpnBtn {cursor: pointer;padding:6px 10px;}
.cod-hold .input-group{  z-index: 0;}



/*  ======================================== 
    Grid Image Ratios
    =========================================== */
    .img-ratio-theme .col {position:relative;}
    .img-ratio-theme figure,
    .ratio-square
    {
        display: block;
        position: relative;
        overflow: hidden;
    }
    .img-ratio-theme figure img,
    .ratio-square img
    {
        display: block;
        max-width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center center;
    }
    .img-ratio-1x1 figure, .ratio-square {padding-bottom: 100%;}
    .img-ratio-16x9 figure {padding-bottom: 56.25%}
    .img-ratio-9x16 figure {padding-bottom: 177.77778%}
    .img-ratio-4x3 figure {padding-bottom: 75%}
    .img-ratio-3x2 figure {padding-bottom: 66.66667%}
    .img-ratio-2x3 figure {padding-bottom: 150%}
    
    /* ------ Image hover caption ------ */
    @media only screen and (max-width: 767px){
        .grid-1by3x3 .grid-1by3x3-one-mobileview {order: 1;}
        .grid-1by3x3 .grid-1by3x3-two-mobileview {order: 2;}
        .grid-1by3x3 .vertical-view {padding: unset;}
        .grid-1by3x3 .vertical-view img {position: relative;}
    }
    .grid-1by3x3 .caption-div {min-height:250px; background-color: #9e9e9e; color: #ffffff;}
    .grid-1x1by3 .large-img figcaption {display: none !important;}
    
    .figcaption .span-text {width:0px; white-space: break-all; font-weight:100;}
    .fig-caption-hover a {position: relative;}
    .fig-caption-hover a .figcaption {
        opacity: 0;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        background-color: rgba(24, 24, 24, 0.7);
        color:#ffffff;
        text-transform: uppercase;
    }
    .fig-caption-hover a:hover .figcaption {opacity: 1;}
    .fig-caption-hover figure {background: #f7f7f7 url(../img/loading-image.gif ) no-repeat center;}
    .caption-grid-md {width:67%; height: 67%;}
    .portrait-view-caption {height: 60%; width:60%; max-height: 550px;}
    @media (max-width: 767px) {
        .caption-grid-md {width:75%; height: 75%;}
        .portrait-view-caption {height: 80%; width:80%;}
        .fig-caption-hover a .figcaption {font-size: calc(0.8rem + .3vw) !important;}
    }
    .vertical-view img {object-fit: contain !important;}
/* ====== End image ratios and grid ====== */

/*  ======================================== 
    Video Play Button
    =========================================== */
    .video-play-button,
    .video-play-button:before,
    .video-play-button:after
    {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 35px;
        height: 35px;
        border-radius: 50%;
    }
    .video-play-button:before {
        content: "";
        z-index: 0;
        background: #eeeeee;
        animation: pulse-border 1500ms ease-out infinite;
    }
    .video-play-button:after {
        content: "";
        z-index: 1;
        background: #fa183d;
        transition: all 200ms;
    }
    .video-play-button {
        z-index: 10;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        /* background: #fa183d; */
        padding: 14px 0px 10px 12px;
    }
    .video-play-button:hover:after {background-color: darken(#fa183d, 10%);}
    .video-play-button span {
        display: block;
        position: relative;
        z-index: 3;
        width: 0;
        height: 0;
        border-left: 13px solid #fff;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }

    @keyframes pulse-border {
      0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
      }
      100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.7);
        opacity: 0;
      }
    }

/* ====== Flikity width ====== */
.wc-6 {width: 16.66666667% !important;}
.wc-5 {width: 20% !important;}
.wc-4 {width: 25% !important;}
.wc-3 {width: 33.33333333% !important;}
.wc-2 {width: 50% !important;}

.flickity-prev-next-button .flickity-button-icon {width:15px;left: 30%;}
.flickity-button:disabled {display: none;}
.flickity-button:focus {outline: none !important;box-shadow:none !important;}
.flickity-prev-next-button .flickity-button-icon {left: 35% !important;top: 35% !important;width: 30% !important;height: 30% !important;}
.flickity-prev-next-button {width: 40px !important; height: 40px !important;}


/* ====== Masonry photo gallery ====== */
.masonry-gallery {margin-bottom: 3em !important;}
#grid-filter{text-align: right; padding: 0;}
#grid-filter li {list-style:none; display:inline-block; margin:0 3px; padding-left:0; cursor: pointer; text-transform: uppercase; font-size: 12px;}
#grid-filter li span, #grid-filter li.active span {display: block; padding: 6px 1.8em; border-radius: 15px;}
#grid-filter li.active span {background-color: #000; color: #fff;}
@media (max-width:767px) {
    #grid-filter {
        align-items: flex-start;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin: 1rem 0;
        overflow-x: scroll;
        padding: 0 0 0 1rem;
    }
    #grid-filter li {margin:0 6px;}
    #grid-filter{text-align:center;}
}
/* ====== ====== */