/*  ==========================================
    Runway Theme
    ==========================================  */
    @import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Tenor+Sans&display=swap');
    body{
        font-style: normal;
        background: #fff;
        font-family: "Jost", serif;
        font-optical-sizing: auto;
        font-style: normal;
        font-weight: 400;
        font-style: normal;
        font-size: 15px; 
        color: #2C2D2E;
    }
    h1, h2 {font-weight:600;}
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
    .home-category-tabs .nav-link,
    .homepage-teasimonials-panel .testi-quote-caption
    {
        font-family: "Tenor Sans", sans-serif;
        font-optical-sizing: auto;
        font-weight:400;
        font-style: normal;
    }
    @media (min-width: 1200px) {
        .h2, h2 {font-size: 2rem;}
    }
    @media (min-width: 1350px) {
        .mid-content .container,.mid-content .container-fluid { padding-left: 2.5em; padding-right: 2.5em;}
    }

    @media only screen and (max-width: 767px) {
        body {font-size: 14px;}
    }
    
     @media only screen and (min-width: 768px) {
        .header_home #header-option14 .mobile-header {
            background-color: unset;
            background: rgba(255, 255, 255, 0.33);
            border-radius: 8px;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(7px);
            -webkit-backdrop-filter: blur(7px);
            margin: 1rem;
        }
        .nav-menu > li > a {padding:0.85rem 1em}
     }
    
/*--------- Global ---------*/
    @media only screen and (min-width: 768px) {
        .header_home #header-option14 .mobile-header:hover, .h-unsticky #header-option14 .mobile-header {
            background: none !important;
            background: rgba(255, 255, 255, 0.85) !important;
            backdrop-filter: blur(6px);
            -webkit-backdrop-filter: blur(6px);
            border: none;
        }
      }
    .header-txt { background:#fff !important; color:#333 !important;}
    .toppanel-hold svg {width: 24px;  height: 24px;}
    #user_profile svg {width: 24px;  height: 24px;}

    .form-control,
    .form-select,
    .btn,
    .btn-primary,
    .btn-wishlist,
    .variant_size_span,
    .description-all-tabs .nav-tabs .nav-link {
        border-radius: 2px !important;
        overflow: hidden;
    }
   .btn { 
        padding: 7px 20px;
        letter-spacing: .02em;
        transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        font-size: 14px;
    }
    .btn-primary, .btn-outlne-primary {border-radius: 4px !important;overflow: hidden;}
    
    @media (min-width: 1025px) {
        .btn {padding: 10px 27px;}
        .btnquick-panel .btn {padding: 6px 15px;}
    }

    .btn-primary, .badge-primary,.btn-primary.active, .btn-primary:active,
    .btn-check:focus + .btn-primary, .btn-primary:focus {background-color: #323232;border-color: #323232;color: #ffffff;}
    .btn-primary:hover, .btn-outline-primary:hover {background-color: #000000;border-color: #000000;color: #ffffff;}
    .btn-outline-primary {border-color:#323232; color: #323232;}
    .btn-outline-primary,
    .btn-primary{
        position: relative;
        line-height: normal;
        letter-spacing: 1px;
        background-color: transparent;
        transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        z-index: 1;
    }
    .btn-primary-new { border:solid 1px #ffffff;}
    .btn-primary::before, .btn-outline-primary::before{
         position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: -1px;
        bottom: 0px;
        transform: scale(1.1, 1.1);
        transform-origin: left center;
        z-index: -1;
        background-color: #323232;
    }
    .btn-outline-primary::before{
        transform-origin: right center;
        transform: scale(0, 1)
    }
    .btn-primary-new::before {  background-color: #ffffff; color:#333;}
    .btn-primary.disabled, .btn-primary:disabled {background-color: #323232;border-color: #323232;}
    
    @media (-moz-touch-enabled: 0),(hover: hover) {
        .btn-outline-primary:not([disabled])::before,
        .btn-primary:not([disabled])::before,  .btn-primary-new:not([disabled])::before{
            transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86)
        }
        .btn-outline-primary:not([disabled]):hover::before{
            transform-origin: left center;
            transform: scale(1.1, 1.1)
        }
        .btn-primary:not([disabled]):hover::before,     
        .btn-primary-new:not([disabled]):hover::before{
            transform-origin: right center;
            transform: scale(0, 1)
        }
        .btn-outline-primary:not([disabled]):hover{
            color: #fff;
            border-color: #323232;
            background-color: transparent
        }
        .btn-primary:not([disabled]):hover{
            color: #323232;
            background-color: transparent
        }
        .btn-primary-new:not([disabled]):hover{
            color: #ffffff;
            background-color: transparent
        }
    }
    .new-tag, .out-of-stock, .off-price, .soldcss {
        text-align: center;
        word-break: break-word;
        padding: 4px 1em !important;
    }
    .new-tag, .out-of-stock, .soldcss {
        /*background: white !important;*/
        color: #fff !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-radius: 0 !important;
        font-size: 11px;
        padding: 4px 1em !important;
        /*ackground-image: linear-gradient(45deg, #874da2 0%, #c43a30 100%) !important;*/
    }
    
    .flickity-button {background: hsla(0,0%,100%,.7) !important;}
    .categorycaption { font-size: 1rem !important;}

    @media (min-width: 769px) {
        .btnquick-panel { background: none !important;}
    }
        .flickity-carousel:not(.flickity-enabled) {
      overflow: hidden;
      .flickity-slider {
        display: flex;
        flex-wrap: nowrap;
      }
      .carousel-cell {
        visibility: hidden;
      }
    }
    /*
    .flickity-slider > *[aria-hidden="true"] {
        visibility: hidden;
        position: absolute;
    }
    */
    .flickity-slider img {
        filter: blur(5px);
        transition: filter 0.3s ease-in-out;
    }
    .flickity-slider img.lazyloaded {filter: none;}
    
    /*-----------------------*/
    .teaser .wishlist-button,
    .teaser .btnquick {width: auto !important; margin-bottom: 10px;}
    .btnquick-panel > div {justify-content: flex-end !important; padding-right: 5px;}
    .teaser .wishlist-button {margin-left: 5px; margin-right: 5px;}
    .btnquick-panel .btn {
        padding: 0;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 50% !important;
        line-height: 1;
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .btnquick-panel .btn i { font-size:1.2em !important}
    .btnquick-panel .btn:hover {background-color: rgba(255, 255, 255, 1);}
    .teaser .btnquick-panel  {
        transform: translateY(60px);
        opacity: 0;
    }
    .teaser:hover .btnquick-panel {
        transform: translateY(0px);
        opacity: 1;
        transition: all 0.6s;
    }

/*======== Home ==========*/    
    .h-unsticky {
        transition: 0.6s ease; 
        box-shadow: 5px 2px 15px rgba(0, 0, 0, 0.05); 
    }
    .header_home.h-unsticky .mobile-header,
    .header_inner.h-unsticky {border-bottom: solid 1px rgba(0, 0, 0, 0.2);}
    .hero-slide-heading {/*font-weight: 600 !important;*/}

    @media only screen and (min-width: 992px) {}
    @media only screen and (min-width: 1024px) {
        .bt-slider .hero-caption {max-width: 800px;}
        .hero-slide-heading {font-size: 4vw;}
    }
    @media only screen and (max-width: 767px) {
        .hero-caption {max-width:90%;}
        .hero-slide-heading {font-size: 6vw;}
    }
    .bt-slider {margin-bottom:0;}
    .bt-slider .carousel-indicators {margin-bottom:1rem;}
    .teaser figure, .teaser figure img, 
    .home-category figure
    { border-radius: 6px; overflow: hidden;}
    
    .teaser figure img {object-fit: cover;}
    .ct-pdcpr-hold, .price-varient-block {font-weight: normal;}
    .price-varient-block .cut-price {color: #757575;}
    .price-varient-block .price.text-danger {color: #000000;}

    .hero-caption {max-width: 600px;}
    @media only screen and (min-width: 1024px) {
        .hero-slide-heading {
            font-size: 3vw;
            margin-top: 3em;
        }
        .hero-caption .btn-primary {padding: 12px 2em !important;}
    }

    
    .navigation { background: none;}
    @media only screen and (min-width: 992px){
        .nav-menu li .megamenu-panel {
            max-height: 350px !important;
            animation: fadeIn ease 0.9s;
            -webkit-animation: fadeIn ease 0.9s;
            -moz-animation: fadeIn ease 0.9s;
            -o-animation: fadeIn ease 0.9s;
            -ms-animation: fadeIn ease 0.9s;
            padding: 2em 3em 2em 3em !important;
            box-shadow: rgb(0 0 0 / 7%) 0px 1px 1px, rgb(0 0 0 / 7%) 0px 2px 2px, rgb(0 0 0 / 7%) 0px 4px 4px, rgb(0 0 0 / 7%) 0px 8px 8px, rgb(0 0 0 / 7%) 0px 16px 16px;
        }
        .nav-menu li .megamenu-panel::-webkit-scrollbar { width: 0 !important }
        .megamenu-panel .megamenu-lists  .megamenu-list:nth-child(2) .drpdwn-category-image figure img{
            float: right;
        }
        .megamenu-panel  .drpdwn-category-image figure img{
            max-width: 250px;
            width: 100% ;
            margin: auto;   
        }
        #header-option14 .select-hold select { border:none !important;}
    }
    
    .teaser .teaser-item-div { margin: 0 0.5rem;}
    @media only screen and (min-width: 768px) {
        .teaser .teaser-item-div,
        .homecategoryscroll .home-category { padding: 0 8px;}
        
    }
    
    @media only screen and (min-width: 1024px) {
        .home-slider .flickity-enabled .flickity-page-dots { width: auto;}
        .home-slider .flickity-enabled .flickity-page-dots,
        .home-slider .flickity-enabled .flickity-prev-next-button 
        {
            position: absolute;
            transform: none;
            bottom: 1.5rem;
            z-index: 12;
            top: auto;
            left: auto;
            right:1.5em;
        }
        .home-slider .flickity-enabled .flickity-page-dots {right:8.8em; bottom:2.2em;}
        .home-slider .flickity-enabled .flickity-page-dots .dot { margin: 0 0.3em;}
        .home-slider .flickity-enabled .flickity-prev-next-button.previous {right:5em;}

        .home-slider .flickity-enabled .flickity-page-dots {counter-reset: line-number 0;}
        .home-slider .flickity-enabled .flickity-page-dots .dot { position: relative; counter-increment: line-number 1; width: auto; height: auto; border-radius: 0; padding: .25em .333em; background-color: transparent; border-bottom:2px solid transparent; opacity: 1; }
        /* why not display:none? Because the counter will be changed; The hidden elements won't incerement the counter */
        .home-slider .flickity-enabled .flickity-page-dots .dot.dot--gap{ visibility: hidden; font-size: 0; margin:0; padding:0; }
        .home-slider .flickity-enabled .flickity-page-dots .dot.dot--gap + .dot:not(.dot--gap){ margin-left: 2em;  }  
        .home-slider .flickity-enabled .flickity-page-dots .dot.dot--gap + .dot:not(.dot--gap):after{ content: "…"; position: absolute; right:100%; bottom:10%; margin-right: 1em; pointer-events: none;  } 
        .home-slider .flickity-enabled .flickity-page-dots .dot:before{content: counter(line-number, decimal);}
        .home-slider .flickity-enabled .flickity-page-dots .dot.is-selected{border-bottom-color: #000;}
    }

    .homepage-testimonials-panel-hold {background-color: #f4f4f8;}
    @media only screen and (min-width: 1140px) {
        .homepage-testimonials-panel-hold {
            padding-top: 4rem !important;
        }
    }
    .homepage-teasimonials-panel {max-width: 1024px;  margin: auto; overflow: hidden;}
    .home-slider { overflow: hidden;}
    
    /*---- Slick Sider ------*/
    .home-slider .slick-slider {/*padding-bottom: 1.5em;*/}
    .home-slider .slick-slider .slick-next, .home-slider .slick-slider .slick-prev {background-color: rgba(255,255,255,.9) !important;}
    .home-slider .slick-slider .slick-arrow {
        position: absolute;
        transform: none;
        bottom: 2rem;
        z-index: 12;
        top: auto;
        left: unset;
        right: 20px;
    }
    .home-slider .slick-slider .slick-prev {right: 65px;}
    .home-slider .slick-slider .slick-dots {/*bottom:0;*/}
    
    /* =================== */
    .home-rounded-category-panel .feature-category-title-hold {margin-bottom: 0.5rem !important;}
    .home-rounded-category-panel {padding-top: 2rem !important;  padding-bottom: 1rem !important;}
    .home-rounded-category-panel .homecategoryscroll .carousel-cell,
    .home-rounded-category-panel .homecategoryscroll .carousel-cell .home-category
    { margin-bottom:0 !important;}
    .home-rounded-category-panel .home-category figure img {object-fit: cover !important;}
    .hero-caption .btn-primary {
        border-radius: 0px !important;
        background-color: #fff !important;
        border-color: #fff !important;
        /*color: #000  !important;*/
        border:none;
    }
    
    @media only screen and (min-width: 1140px) {
        .hero-caption {padding: 4em;}
    }
    .hero-caption .btn-primary::before {
        /*background-color: #fff;*/
    }
    
    /*--- Category Rounded Circle ---*/
    .home-category-tabs {padding-top: 3em !important;}
    .home-category-tabs .nav-link {
        font-size: 1.2em;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 10px;
        margin-right: 10px;
    }
    .home-category-tabs .tabsborder {border-color: var(--bs-nav-tabs-link-hover-border-color);}
    .home-category-tabs .tabsborder.active {
        border-color: #3e3e3e !important;
    }
    
    .teaser .colorcode-dots {border-radius: 50%;}
    .teaser .colorcode-dots ul {margin-left: 2px;}
      
    /*---- image hover zoom -----*/
    .teaser img.lazyloaded:hover,
    .home-category figure img.lazyloaded:hover,
    .text-cl-img-hold figure img.lazyloaded:hover,
    .home-gallery-scroll figure img.lazyloaded:hover,
    .category-banner figure img.lazyloaded:hover,
    .mobile-slide .photo-gallery a img.lazyloaded:hover
    {
        transform: scale(1.05);
    }
    .home-category figure img.rounded-circle:hover {transform: scale(1);}  
    
/*==========================*/
    .hover-arrow-reveal {transition: all 0.5s;width: auto;position: relative;}
    .hover-arrow-reveal::after
    {
        font-family: "bootstrap-icons" !important;
        content: "\F138" !important;
        position: absolute;
        left: 85%;
        right:0;
        top: 3px;
        opacity: 0;
        font-size: 12px;
    }
    .hover-arrow-reveal:hover {transition: all 0.5s;padding-right:15px;}
    .hover-arrow-reveal:hover::after {opacity: 1;transition: all 0.5s;}

    .feature-category-title-hold .hover-arrow-reveal { margin-right: 0.6em;}
    .home-category .figure-hold {overflow: hidden;}
    .home-category figure img {object-fit: cover}
    .home-category-img-arrow,
    .subcategory .home-category-img-arrow
    { display: flex;}
    .home-category-img-arrow,
    .subcategory .home-category-img-arrow
    {
        width: 35px;
        height: 35px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: absolute;
        bottom: 0.6rem;
        right: 0.6rem;
        z-index: 1;
        background-color: #ffffff;
        transform: translateY(5px);
        transition: all 0.7s;
        opacity: 0;
    }
    .home-category:hover .home-category-img-arrow,
    .subcategory:hover .home-category-img-arrow
    {
        transform: translateY(0px);
        opacity: 0.8;
    }
    .home-category:hover .home-category-img-arrow:hover,
    .subcategory:hover .home-category-img-arrow:hover 
    {opacity: 1;}
    .home-rounded-category-panel .category-caption h3 {font-weight: bold;font-size: calc(.6rem + .5vw);}
    .home-rounded-category-panel .figure-hold figure {border-radius: 6px !important; overflow: hidden;}
    .home-rounded-category-panel .figure-hold img {border-radius: 0px !important;}
  
    /*-----*/
    .home-plain-category-panel .home-category-img-arrow {/*display: none;*/
        opacity: 0.6;
        transform: translateY(5px); 
        bottom: 1.5rem;
        right: 1.5rem;
        box-shadow: 0 0 0 2px gray, 0 0 0 5px white;
    }
    .home-plain-category-panel:hover .home-category-img-arrow {opacity: 1;transform: translateY(0);}
    .home-plain-category-panel .category-caption {
        position: absolute;
        left: 1.5em;
        bottom: 1.5em;
        text-align: left;
        z-index: 1;
    }
    @media (min-width: 1140px) {
        .home-plain-category-panel .category-caption {
            left: 2.5em;
            bottom: 1.5em;
        }
    }
    .home-plain-category-panel .btn-primary {
        display: block !important;
        outline: none;
        border: none;
        border-radius: 2px !important;
        padding: 12px 25px;
        background: #fff !important;
        color: #000 !important;
    }
    .home-plain-category-panel .btn-primary::before {background-color: #eee;}
    .home-plain-category-panel .figure-hold:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background:linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(30, 30, 30, 0.4) 100%);
        pointer-events: none;
        z-index: 0;
    }
    .home-category { position:relative;}
    .home-plain-category-panel .home-category a {display: block;}
    .home-plain-category-panel .btn-browse-category {/*display: block !important;*/}
    .home-plain-category-panel .category-caption .h3,.home-plain-category-panel .category-caption h3 { font-size: calc(1.2rem + .6vw);}
    .category-caption p { margin-bottom: 0;}
    

    .flickity-prev-next-button {border-radius: 4px !important;}
    .container .flickity-button {border: solid 1px #ccc;}
    @media (min-width: 1140px) {
        .flickity-prev-next-button {margin-top: -20px;}
        .home-logo-panel .flickity-prev-next-button {margin-top: 0;}
    }
    .hp-btn-viewall {margin-top: 2.5em;}
    
    /* position dots up a bit */
    .home-category-tabs .flickity-page-dots,
    .rel-recenthold .flickity-page-dots {
      display: flex !important;
      max-width: 600px !important;
      position: relative !important;
      margin: 0 auto !important;
      bottom: 0px !important;
    }
    /* dots are lines */
    .home-category-tabs .flickity-page-dots .dot,
    .rel-recenthold .flickity-page-dots .dot{
      height: 3px !important;
      width: 100% !important;
      margin: 0 !important;
      border-radius: 10px !important;
    }

/*  ============= Categories ================= */
    @media (min-width: 767px) {
      .storecategory > div > * {width: 20%;}
    }
    @media (min-width: 992px) {
      .storecategory > div > * {width: 16.66666667%;}
    }
    @media (min-width: 1366px) {
      .storecategory > div > * {width: 12%;}
    }
    @media (min-width: 1600px) {
      .storecategory > div > * {width: 10%;}
    }
    .subcategory figure img {border-radius: 6px !important;}
    .sub-category-desc .storecategory .subcategory figure{
        /* box-shadow: rgba(52, 52, 52, 0.314) 0px 2px 1px 0px, rgba(188, 42, 141, 0.314) 0px -2px 1px 0px, rgba(52, 52, 52, 0.314) 2px 0px 1px 0px, rgba(188, 42, 141, 0.5) -2px 0px 1px 0px, rgba(52, 52, 52, 0.5) 2px -2px 1px 0px, rgba(52, 52, 52, 0.855) -2px 2px 1px 0px, rgba(188, 42, 141, 0.855) 2px 2px 1px 0px, rgba(52, 52, 52, 0.855) -2px -2px 1px 0px;; */
        border-radius: 6px !important;
    }
    .sub-category-desc .storecategory .subcategory figure img{
        /*padding: 4px !important;*/
    }

/* ============== Product Details ===========*/
    .dsktp-zoomer .zoom-thumb { max-width: 70px;animation-duration: 2.4s;}
    .zoom-thumb {
        max-height:550px; 
        overflow: auto;
        scrollbar-color:#aaaaaa #ddd;
        scrollbar-width:thin;
        overflow-x: hidden;
        padding-right: 5px;
    }
    .zoom-thumb::-webkit-scrollbar, #divreview::-webkit-scrollbar {width: 5px;}
    .zoom-thumb::-webkit-scrollbar-track, #divreview::-webkit-scrollbar-track {background: rgba(0,0,0,.05);}
    .zoom-thumb::-webkit-scrollbar-thumb, #divreview::-webkit-scrollbar-thumb {background: #aaaaaa;}

    @media only screen and (min-width: 1025px) {
        .dsktp-zoomer .zoom-bigimg {margin-right:3em;}
    }
    #price-preview {font-size: 130%;}
    .color-thumb-module > div div {min-width:55px;padding: 0;overflow: hidden;border:solid 1px #ddd;padding:3px}
    .color-thumb-module > div div.active {border:solid 1px #333333;}
    .color-thumb-module > div div, .color-thumb-module li div img {border-radius:3px;background-color: #f8f8f8;}
    
    .addcart-hold .btn, #btn_shop_the_look .btn {padding:14px 27px;}
    @media only screen and (min-width: 1025px) {
        .sharebtn-hold {border-top: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid rgba(0,0,0,.15);
            padding-top: 5px;
            padding-bottom: 5px;
        }
    }
    .swtch_info-panel {padding: 1em 0 1em 0;}
    .product_detail h1 {font-size: 25px;}
    
    .dsktp-zoomer .photo-gallery{width: auto; max-width: none;}
    @media only screen and (max-width:991px) {
        .dsktp-zoomer .photo-gallery .photoswipe-item {width:100% !important; margin: 0 !important;}
    }
    @media only screen and (min-width: 1025px) {
        .dsktp-zoomer .zoom-bigimg, .sharebtn-hold {
            margin-right: 3em;
        }
        .item-details-hold {margin:0 auto; padding:0 2em;}
    }
    .product_detail, .zoom-thumb {z-index: 2}

    .item-details-hold {margin: 0 auto;}
    .prod-description {border:none; padding:1em 0;}
    .product_detail {animation-duration: 3.8s;}
    .productdetails-hold .size-radio-select [type="radio"] + span, .productdetails-hold .radio-select-variant [type="radio"] + span.variant_size_span { 
        border-radius:3px !important; overflow: hidden; min-height: 0;
    }
    .productdetails-hold .size-radio-select label, .productdetails-hold .radio-select-variant label {font-size: 12px;}
    @media screen and (min-width: 768px){
        .product-des-hold .productdetails-hold .size-radio-select-hold .size-radio-select .variant_size_span {
            width: 120px !important; margin-bottom: 3px;
        }
    }
    .blog-list-element figure img { object-fit: cover;}
    .filter-panel .color-variant label,
    .color-variant label > input:checked + img
    { border-radius: 50%;}
    .colorfilter-hold {padding-bottom: 1em;}
    .filter-panel .filter-title { font-weight: 500;}
    
    .imagetext-overlay .imagetext-overlay-caption {
        min-width: auto;
        text-align: left;
        max-width: 40%;
        text-align: left;
        left: 3em;
        transform: translateX(0) translateY(-50%);
        /*
        background: rgba(255, 255, 255, 0.22);
        border-radius: 8px;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        */
        padding: 2rem;
    }
    .imagetext-overlay-caption-title { line-height: 1.2;}
    @media screen and (min-width: 1600px){
        .imagetext-overlay .imagetext-overlay-caption {max-width: 35%;}
    }
    @media screen and (max-width: 767px){
        .imagetext-overlay .imagetext-overlay-caption {
            top: auto;
            left: 1em;
            bottom: 1em;
            transform: none;
            text-align: left;
            max-width: 50%;
            padding: 1rem;
        }
        .imagetext-overlay .imagetext-overlay-caption .imagetext-overlay-caption-title {line-height: 1;}
        .imagetext-overlay .imagetext-overlay-caption p {/*font-size: 3.5vw !important;*/text-align: left;}
    }


/* ========================== */
    footer {
        /*
        background-color: #f6f6f6;
        color: #000;
        font-size: 14px;
        */
        background: -webkit-linear-gradient(left, rgb(20, 17, 25) 0%, rgb(69, 61, 52) 80%, rgb(57, 50, 45) 100%);
        background: -o-linear-gradient(left, rgb(20, 17, 25) 0%, rgb(69, 61, 52) 80%, rgb(57, 50, 45) 100%);
        background: -ms-linear-gradient(left, rgb(20, 17, 25) 0%, rgb(69, 61, 52) 80%, rgb(57, 50, 45) 100%);
        background: -moz-linear-gradient(left, rgb(20, 17, 25) 0%, rgb(69, 61, 52) 80%, rgb(57, 50, 45) 100%);
        background: linear-gradient(to right, rgb(20, 17, 25) 0%, rgb(69, 61, 52) 80%, rgb(57, 50, 45) 100%);
    }
    footer a, footer a:hover {/*color: #333333;*/}
    .content-subscribe {color: inherit !important;}
    #footer-bottom { border-top: solid 1px rgb(255,255,255,0.3); background-color: inherit !important;color: inherit !important;}
    #footer-bottom a {color: inherit !important;}

/* ========================== */
   :root {
        --duration-extra-long: 0.3s;
        --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
        --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
        --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
    }
    @keyframes slideIn {
        0% {
            transform: translateY(0.6rem);
            opacity: 0.01;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
    .teaser img,
    .home-category figure img,
    .zoom-bigimg img,
    .text-cl-img-hold figure img,
    .home-gallery-scroll figure img,
    .category-banner figure img,
    .mobile-slide .photo-gallery a img,
    .footer-logo figure img,
    .payment-logo img
    {
        opacity: 0.01;
        transform: translateY(0.6rem);
    }
    .teaser  img.lazyloaded,
    .home-category figure img.lazyloaded,
    .zoom-bigimg  img.lazyloaded,
    .zoom-thumb img,
    .text-cl-img-hold figure img.lazyloaded,
    .home-gallery-scroll figure img.lazyloaded,
    .category-banner figure img.lazyloaded,
    .mobile-slide .photo-gallery a img.lazyloaded,
    .footer-logo figure img.lazyloaded,
    .payment-logo img.lazyloaded,
    .subcategory a,
    .imagetext-overlay
    {
        animation: var(--animation-slide-in);
    }
    
    .teaser figure,
    .home-category figure,
    .text-cl-img-hold figure,
    .home-gallery-scroll figure,
    .category-banner figure
    { overflow:hidden;}
    
    .teaser  img.lazyloaded,
    .home-category figure img.lazyloaded,
    .text-cl-img-hold figure img.lazyloaded,
    .home-gallery-scroll figure img.lazyloaded,
    .category-banner figure img.lazyloaded,
    .mobile-slide .photo-gallery a img.lazyloaded,
    .footer-logo figure img.lazyloaded,
    .payment-logo img.lazyloaded,
    .social-hold
    {
        transition: transform 0.3s ease !important;
        animation: none;
        transform: scale(1);
        opacity: 1;
    }
    
    .teaser img.lazyloaded:hover,
    .home-category figure img.lazyloaded:hover,
    .text-cl-img-hold figure img.lazyloaded:hover,
    .home-gallery-scroll figure img.lazyloaded:hover,
    .category-banner figure img.lazyloaded:hover,
    .mobile-slide .photo-gallery a img.lazyloaded:hover
    {
      transform: scale(1.05);
    }

    .hero-caption > *,
    h1, h2, h3, h4,
    .contectform-panel,
    .contactpage-address,
    footer,
    .filter-panel,
    .category-summary,
    .product-list-title
    { 
        animation: var(--animation-slide-in); 
    }
    
    .bt-slider,
    .mobile-header
    {
        animation: var(--animation-fade-in);
    }

/* ============ end =========== */