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

/* ===============================================
    Aura Theme
    ============================================== */

/*@import url('https://fonts.googleapis.com/css2?family=Liter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #1a1a1a;
}

/*  ===============================================
    Global
    =============================================== */
h1, h2 {font-weight:500;}
h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-optical-sizing: auto;
    font-weight:500;
    font-style: normal;
}

.header-txt, .header-txt a,.header-txt select, .mobile-header, .mobile-header a,
footer, footer a 
{font-size: 14px;}
footer { font-weight: 300;}

.fw-bold {font-weight: 500 !important;}
.fw-bold
.container-screen,
.product-des-hold, 
.item-details-hold .product-breadcrumb { 
    max-width: 1680px; 
    margin: 0 auto;
}
.accordion-button:focus {box-shadow:none;}
.mobile-header .toppanel-hold a { display: inline-block;}
.megamenu-panel {
    box-shadow: none;
    padding: 0;
    border: none;
    background:none;
    max-height: 490px;
}
.megamenu-lists {
    max-width: 1080px;
    margin: auto;
    background-color: #ffffff;
    padding: 1em;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.0
        7) 0px 16px 16px;
    /*padding: 1.2em 2em 1.1em 2em;*/
    /*border: solid 2px #dadadb;*/
    background-color: rgba(255, 255, 255, 0.95);
}
@media (min-width: 768px) {
    .megamenu-list > li > a {padding: 2px 0;}
}
@media (min-width: 992px) {
    .megamenu-list > li.megamenu-list-title > a {
        margin-bottom: 0.6em;
    }
}
.megamenu-list-title {font-weight:500;}
.mobile-header {/*padding: 8px 0;*/}

@media (min-width: 992px) {
    .mobile-header {min-height: 80px;}
}

@media (min-width: 1280px) {
    .container, .container-fluid {--bs-gutter-x: 3rem;}
}

/*--------- header ---------*/
.logo-hold #logo { overflow: hidden;}

@media only screen and (max-width: 991px) {
    .logo-hold #logo img {
        object-position: center;
    }
}
#header-option8 .input-group { border:none;}
#header-option8 .input-group .search-input {border: solid 1px transparent !important; border-radius:25px;max-width: 300px;}
#header-option8 .input-group .search-input:focus {border: solid 1px #aaa !important; max-width: none;}
#header-option8 .searchbar-dsktp .input-group {justify-content: end;}
#header-option8 .menu-bar { border:none !important;}

.h-unsticky #header-option8 #logo > a {/*height: 70px;*/}

.h-unsticky {
    transition: 0.6s ease; 
    box-shadow: 5px 2px 15px rgba(0, 0, 0, 0.05); 
}
@media only screen and (min-width: 992px) {
    /*
    .header_home, .header_inner {
        position: -webkit- relative;
        position: relative;
    }
    .h-unsticky {
        width: 100%;
        position: fixed;
        transition:0.3s ease;
        box-shadow: 5px 2px 15px rgba(0, 0, 0, 0.05);
    }
    */
}

.toppanel-hold .shoppingcart .cart-icon span {font-style: normal;font-weight:normal;right: -10px; top: -5px;height: 18px; padding:3px;min-width: 18px; font-size: 11px;}
@media only screen and (min-width: 768px) {
    #header-option8 .toppanel-hold .cart-icon .headericons-caption {
        min-width: 50px;
    }
}
a.whatsapp-ico-left {left: 1em;}
.sharebtn-hold .dropdown-toggle:after { display: none;}
.select-hold select {
    background: no-repeat;
    border-radius: 4px;
}
@media only screen and (min-width:992px) {
    .flr-sort-panel .select-hold select {
        background-color: #eee !important;
        font-size: 14px !important;
        text-transform: uppercase;
        border-radius:30px;
    }
}
#header-option8 .searchbar {max-width: 350px;}
#header-option8 .toppanel-hold .headericons-caption {display: flex; justify-content: center;}

/*
#darkness {
    background:rgba(0, 0, 0, 0);
    transition: all 2s;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:5;
    display: none;
}
header:hover #darkness {display:block;background:rgba(0, 0, 0, 0.4);z-index:0;transition: all 2s;}
header:hover .header-option8 { z-index:3; position: relative;}
*/

@media only screen and (max-width: 767px) {
    #header-option8 .cd-cart-trigger .headericons-caption {font-size: 0;}
    #header-option8 .cd-cart-trigger .headericons-caption .rounded-circle {font-size: 11px;  position: absolute;  top:-3px;  right: -5px;background-color: #333 !important;  color: #fff !important;  line-height: 1;  padding:3px 2px;min-width: 17px;}
    .mobile-header .toppanel-hold a { margin-left: 5px; margin-right: 5px;}
}
/*--------- end header ---------*/

/*------------- Product ---------*/

.product-content-sticky {position: -webkit-sticky;position: sticky;top: 0; top: 60px;}

.product_detail .reviewscroll span {min-width: 11px; font-size: 13px;}
.product_detail label {/*color:#000000;*/}
.product_detail table th
{font-weight: 500;}
.product_detail table td {color: inherit;}

.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;height: 100%;}
.color-thumb-module > div div a {height: 100%; display: block;}
.color-thumb-module > div div .small { font-size: 12px;}

.color-module-new a { display: block;}  
.color-module-new li div, .color-module-new li div:hover { width: auto; height: auto; border:none;}
.color-module-new li a span.rounded-circle { width: 32px !important; height: 32px !important; display: block; margin: 0 auto;}
.color-module-new li a > div {border: solid 1px #ccc; padding: 8px 10px; padding-bottom: 4px; min-width: 80px; border-radius:4px; text-align: center; /*box-shadow: inset 0 0 0 1px #000;*/}
.color-module-new li a > div:hover {border: solid 1px #aaa;}
.color-module-new li a > div.active {box-shadow: inset 0 0 0 1px transparent;}
.color-module-new li {margin-right: .4rem;}

.multiple-radio-selection, .color-module-new li a > div [type="radio"] + span {}
.multiple-radio-selection label { width: auto; max-width: none; min-width: 70px;}

.size-radio-select [type="radio"] + span {  border-radius:4px;}
.size-radio-select :checked + span, .radio-select-variant :checked + span.variant_size_span {border-color:#000000; box-shadow: inset 0 0 0 1px #000;  background: none !important; color: #000 !important;}

.product-desc-tab .accordion-item {color: inherit;border:solid 1px #bbb !important;border-radius:6px;overflow:hidden;}
.product-desc-tab .accordion-body,
.product-desc-tab .accordion-button {}
.product-desc-tab .accordion-button {font-size:15px;}
.product-desc-tab .accordion-button::after {background-size:14px;background-position: center;}
.product-desc-tab .accordion-button:not(.collapsed) { background-color: #f8f8f8; color:#000;}

.dsktp-zoomer .zoom-bigimg a {border: solid 1px #eee;border-radius:4px;  overflow:hidden;}
.addcartdiv .add-to-cart {min-height: 55px;}
@media screen and (max-width: 767px) {
    .review-rate-block {position: relative;margin:0 -15px;}
    .customer_fullname span { margin-right: 8px;}
}

.tab-details-faqs .faq-content > h2 { padding-left: 0.8em;}
.tab-details-desc-extra {background:#f8f9fa;}
.showModal { cursor: pointer;}
.showModal:hover { color:#0d6efd;}

.accordion-button:not(.collapsed) {background-color:#333; color:#fff;}
.homepage-testimonials-panel-hold {background-color:#F8F8F8;}

.product-list-title .teaser-name a { color: #626262;}
.home-featured-product .carousel-cell {min-height: 100%;}
.home-featured-product .teaser,
.home-featured-product .teaser-item-div {
    height: 100%;
}
.new-tag, .out-of-stock, .off-price, .soldcss {border-radius: 0 !important;}

@media (min-width:769px) {
    .btnquick-panel {
        background-color: rgba(255,255,255,0) !important;
    }
}

.teaser .colorcode-dots ul li { padding: 1px;}
.teaser .colorcode-dots .colors {width: 15px;  height: 15px;  border-radius:50%;}
@media (min-width:1140px) {
    .teaser .colorcode-dots {opacity:0; transition: all 0.2s ease;}
    .teaser:hover .colorcode-dots {opacity:1;}
}

@media (min-width: 992px) {
    .showModal:hover {
        color: #000;
        border-bottom:dotted 2px;
    }
}
.product_detail label, .aq_epdtitle > span { font-weight: 500;}
.customer_fullname span {background-color: #d9b774;}

/*.product-review-content {min-height: 350px;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.075);border: solid 1px #d9b774;}*/

/*------------*/
.sharelink-copy-text {
    position: relative;
    display: flex;
}
.sharelink-copy-text input.sharetext {
    border: none;
    outline: none;
    font-size: 1px;
    position: absolute;
    left: 0;
    z-index: 0;
}
.sharelink-copy-text button {
    padding: 4px 8px;
    background: #ffffff;
    border: none;
    outline: none;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    z-index: 1
}
.sharelink-copy-text button:active {
    background: #f1f1f1;
}
.sharelink-copy-text button:before {
    content: "Copied";
    position: absolute;
    top: -45px;
    right: -20px;
    background: #333333;
    color: #ffffff;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 13px;
    display: none;
    width: 80px;
}
.sharelink-copy-text button:after {
    content: "";
    position: absolute;
    top: -15px;
    right: 15px;
    width: 10px;
    height: 10px;
    background: #333333;
    transform: rotate(45deg);
    display: none;
}
.sharelink-copy-text.active button:before,
.sharelink-copy-text.active button:after {
    display: block;
}

.aq_expandct{display: none;}
.aq_epdtitle { position: relative;}
.aq_epdtitle:after {
    position:absolute;
    font-family: "bootstrap-icons" !important;
    content: "\F282" !important;
    background: no-repeat;
    width: auto;
    font-size: 13px;
    height: auto;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mobexpand.collapsed .aq_epdtitle:after {
    content: "\F286" !important;
}
.mobexpand .aq_epdtitle {
    box-shadow: inset 0 0 0 1px #000;
    color: #000 !important;
    min-height: 35px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:12px 10px!important;
}
.mobexpand.collapsed .aq_epdtitle {
    border:1px solid #bfc0c6;
    color: #282c3f;
    font-weight: normal;
    box-shadow:none;
    border-radius: 4px;
}
/*------------------------*/


/*--------- Footer ---------*/    
footer {
    background: linear-gradient(
        to right,
        #1d1d1d 0%,
        #1d1d1d 57%,
        #0e0e0e 43%,
        #0e0e0e 100%
        );
}
#footer-bottom { background: none !important;}
#footer-bottom, #footer-bottom a {color: inherit !important;}
.content-subscribe1 { max-width: 320px;}

@media only screen and (max-width: 767px) {
    .content-subscribe1 { margin: 0 auto;}    
}
.download-app1 a img {max-height: 35px;}
.footerlink-lft-pnl {background-color:#1d1d1d;}
.footerlink-rht-pnl {background-color:#0e0e0e;}

.color-module-new,
.multiple-radio-selection
{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: stretch;
    -ms-flex-align: center;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.color-module-new li,
.multiple-radio-selection label
{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    color: #404040;
    overflow: hidden;
    cursor: pointer;
    box-shadow: none;
    position: relative;
    min-width: 100px;
}
.color-module-new li a { width:100%;}
.color-module-new li a > div{ 
    border-radius: 4px;
    /*
    border-color: #000000;
    box-shadow: inset 0 0 0 1px #000;
    */
}
.size-radio-select [type="radio"] + span { width: 100%;}
.color-module-new li a > div.active {}

.demo {
    padding: 10px; 
    min-width: 110px;
    margin: 5px;
}

@media (min-width: 1200px) {
    .storecategory .row-cols-lg-4 > * {
        flex:0 0 auto;
        width: 15%;
    }
}

@media (min-width: 1600px) {
    .storecategory .row-cols-lg-4 > * {
        flex:0 0 auto;
        width: 10%;
    }
}
@media (min-width: 2560px) {
    .storecategory .row-cols-lg-4 > * {
        flex:0 0 auto;
        width: 5%;
    }
}

@media only screen and (max-width: 1024px) {
    .filters-div.stick {
        position: fixed;
        top: 75px;
    }
}
.flickity-prev-next-button {border-radius: 6px !important;width: 45px !important;  height: 45px !important;}
.flickity-prev-next-button .flickity-button-icon {width: 1.5em !important;  height: 1.5em !important;  margin-top: -5px;  margin-left: -5px;}
.flickity-prev-next-button {box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.06);}
@media only screen and (min-width: 1024px) {
    /*
    .flickity-prev-next-button.previous {left: -35px !important;}
    .flickity-prev-next-button.next {right: -35px !important;}
    */
}

@media only screen and (max-width: 767px) {
    .flickity-prev-next-button.next {
        right:0 !important;
    }
    .flickity-prev-next-button.previous {
        left:0 !important;
    }
}
.nav-menu > li > .nav-dropdown a { text-align: center;}
.home-category .category-caption h3 {font-size: 1.5em !important;}

/* ========================== */
.homepage-elements-hold > div {
    display: block;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.4s ease 0.25s;
}
.homepage-elements-hold > div.animate {
    opacity: 1;
    transform: translateY(0);
}
.homepage-elements-hold > div.home-slider {opacity: 1;transform: translateY(0);}
.home-slider .flickity-enabled .flickity-prev-next-button
  {
    background-color: rgba(255,255,255,.3) !important;
      border-radius: 50px !important;
      width: 36px !important;
      height: 36px !important;
  }
.home-slider .flickity-prev-next-button.next {right: 10px;}
.home-slider .flickity-prev-next-button.previous {left: 10px;}
.home-slider .flickity-page-dots {bottom: 20px; background-color: none;}
  .home-slider .flickity-page-dots .dot {
    opacity: 1;
    background: no-repeat;
    border: solid 1px #aaa;
  }
  .home-slider .flickity-page-dots .dot.is-selected { background-color:#fff;}
  .home-slider .flickity-prev-next-button .flickity-button-icon {
  width: 1em !important;
  height: 1em !important;
  margin-top: -2px;
  margin-left: -2px;
}

/*------*/
:root {
    --duration-extra-long: 0.8s;
    --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);
    --animation-bounce-in-left: bounceInLeft var(--duration-extra-long) var(--ease-out-slow);
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0.01;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes drop-in {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translate(0px);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    60% {
        transform: translateX(20px);
    }
    80% {
        transform: translateX(-5px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.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,
.imagetext-overlay figure img
{
    opacity: 0.01;
    transform: translateY(1rem);
}
.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,
.imagetext-overlay figure 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,
.home-gallery-scroll figure,
.category-banner figure,
.imagetext-overlay 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 1s 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); 
}
.mobile-header
{
    animation: var(--animation-fade-in);
}

.slideshow,
.feature-category-title-hold,
.imagetext-overlay,
.home-gallery-scroll-items,
.imgoverlay,
.imagetext-overlay,
.home-newsletter-popup
{
    animation: drop-in 0.8s ease 200ms backwards;
}
.menu-bar {animation: drop-in 0.4s ease 50ms backwards;}

/** --- fadeInLeft --- **/
/*
@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
#image_with_text_overlay_10598 figure img
{
    opacity: 0.01;
}
#image_with_text_overlay_10598  figure { overflow:hidden;}
#image_with_text_overlay_10598 figure img.lazyloaded {opacity: 1; }
#image_with_text_overlay_10598 figure img.lazyloaded {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}
*/