
/*--------------------------------------------------------------*/
    /* #region - Carousel */
/*--------------------------------------------------------------*/

    .wdt-products-carousel-container { clear: both; display: block; float: left; overflow: hidden; width: 100%; }
    .wdt-products-carousel-container ul.products li .wdt-col { /* padding: 0 1px; */ width: 100%; }
    .wdt-products-carousel-container .swiper-container[data-carouselslidesperview="1"] ul.products li .wdt-col { padding: 0; }
    .wdt-products-carousel-container .swiper-container[data-carouselslidesperview="1"] ul.products li.product .product-wrapper { margin-top: 10px; margin-bottom: 10px; }

    div[class*="product"] .swiper-container.swiper-container-vertical { height: 500px; }

    div[class*="product"] .swiper-container.swiper-container-horizontal .swiper-wrapper { cursor:e-resize; }
    div[class*="product"] .swiper-container.swiper-container-vertical .swiper-wrapper { cursor:s-resize; }

    div[class*="thumb-container"] .swiper-wrapper .swiper-slide { cursor: pointer; text-align: center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

    div[class*="thumb-container"] .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; 
        border: 1px solid transparent; background-color: var(--wdtTertiaryColor); margin: auto; padding: 0; 
        -webkit-box-shadow: 0 0 0 1px rgba(var(--wdtHeadAltColorRgb),0.05) inset; 
        box-shadow: 0 0 0 1px rgba(var(--wdtHeadAltColorRgb),0.05) inset; -webkit-transition: var(--wdtBaseTransition); 
        transition: var(--wdtBaseTransition); }

    div[class*="thumb-container"] .swiper-wrapper .swiper-slide-thumb-active img { 
        -webkit-box-shadow: 0 0 0 1px var(--wdtPrimaryColor) inset; box-shadow: 0 0 0 1px var(--wdtPrimaryColor) inset; }

    /*div[class*="thumb-container"] .swiper-wrapper .swiper-slide:after { border: 1px solid; content: ""; opacity: 0; position: absolute; bottom: 0; left: 0; right: 0; top: 0; visibility: hidden; -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); }
    div[class*="thumb-container"] .swiper-wrapper .swiper-slide.swiper-slide-active:after { opacity: 1; visibility: visible; }*/

    div[class*="thumb-container"].swiper-container.swiper-container-vertical .swiper-wrapper { justify-content: center; }
    div[class*="thumb-container"].swiper-container.swiper-container-vertical .swiper-wrapper .swiper-slide { height: auto; }
    div[class*="thumb-container"].swiper-container.swiper-container-vertical .swiper-wrapper .swiper-slide img { height: 100%; width: auto; object-fit: cover; object-position: center center; }

    div[class*="product"] .swiper-container { float: left; overflow: hidden; position: relative; width: 100%; }
    div[class*="product"] .swiper-container.swiper-container-vertical .swiper-wrapper .swiper-slide { overflow: hidden; }

    div[class*="thumb-container"].swiper-container.swiper-container-horizontal .swiper-wrapper {

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;

    }

    /* Carousel ScrollBar */
    div[class*="product"] .swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"] { 
        float: left; height: 8px; position: relative; width: 100%; border-radius: 10px; 
        background-image: linear-gradient(to right, rgba(0, 0, 0,0) 0%, rgba(0,0,0,0.08) 17%, rgba(0,0,0,0.08) 83%, rgba(0, 0, 0, 0) 100%); }
    
    div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"] { 
        height: 100%; margin: 0; right: 0; top: 0; width: 8px; 
        background-image: linear-gradient(to bottom, rgba(0, 0, 0,0) 0%, rgba(0,0,0,0.08) 17%, rgba(0,0,0,0.08) 83%, rgba(0, 0, 0, 0) 100%); }
    
    div[class*="product"] .swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"]:before,
    div[class*="product"] .swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"]:after { 
        content: ""; height: 100%; position: absolute; left: 0; top: 0; width: 100%; 
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); }
    
    div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="pagination-holder"] > div[class*="scrollbar"]:before { top: -1px; }
    div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="pagination-holder"] > div[class*="scrollbar"]:after { bottom: -1px; }
    
    div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:before { left: -1px; }
    div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:after { right: -1px; }
    
    div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:before,
    div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:after { 
        height: 100%; width: 1px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%); }
    
    div[class*="product"] .swiper-container div[class$="scrollbar"] .swiper-scrollbar-drag { background-color: var(--wdtPrimaryColor); border-radius: inherit; }
    
    div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselscrollbar="true"] { padding-bottom: 30px; }
    div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="scrollbar"] { bottom: 0; }
    div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="scrollbar"] { bottom: 0; }
    
    div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselscrollbar="true"] { padding-right: 30px; }
    div[class*="product"] .swiper-container.swiper-container-vertical div[class*="scrollbar"] { right: 0; }
    div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="scrollbar"] { right: 0; }
    
    /* Related Product-Pagination-starts */
    .wdt-related-product-image-gallery-pagination-holder { margin: 20px 0 0 0; }

    /* Carousel Bullets */
    
    .wdt-related-product-image-gallery-bullet-pagination,
    div[class*="product"] .swiper-container div[class*="bullet-pagination"] { float: left; font-size: 0; line-height: 0; position: relative; text-align: center; width: 100%; }
    .wdt-related-product-image-gallery-pagination-holder .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
    div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet { 
        background: none; height: 12px; margin: 0; padding: 0; position: relative; width: 12px; }
    .wdt-related-product-image-gallery-pagination-holder .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active,
    div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet-active { width: 50px; }
    .wdt-related-product-image-gallery-pagination-holder .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:before,
    div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet:before { 
        background-color: var(--wdtHeadAltColor); content: ""; height: auto; margin: auto; position: absolute; bottom: 2px; left: 2px; right: 2px; top: 2px; width: auto; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); }
    .wdt-related-product-image-gallery-pagination-holder .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active:before,
    div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet-active:before { background-color: var(--wdtHeadAltColor); }
    
    
    div[class*="product"] .swiper-container.swiper-container-vertical div[class*="bullet-pagination"] { position: absolute; top: 50%; right: 32px; width: 16px; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; }
    
    div[class*="product"] .swiper-container.swiper-container-vertical div[class*="bullet-pagination"] .swiper-pagination-bullet { display: block; }
    
    div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"] { padding-bottom: 30px; }
    div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="bullet-pagination"] { bottom: 0; }
    
    div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] { padding-bottom: 60px; }
    div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="bullet-pagination"] { 
        bottom: 25px; }
    
    div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"] { padding-right: 30px; }
    div[class*="product"] .swiper-container.swiper-container-vertical div[class*="bullet-pagination"] { right: 0; }
    
    div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] { padding-right: 60px; }
    div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="bullet-pagination"] { right: 25px; }

    .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-gallery-bullet-pagination {     
        position: absolute; width: 100%; max-width: 100%; display: flex ; justify-content: flex-end; align-items: center; top: -65px; left: 0; right: 0; 
        bottom: auto; margin: auto; z-index: 1; }
    
    
    /* Carousel Arrows */
    .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination > a[class*="wdt-related-product-image-gallery-arrow-prev"],
    div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a.wdt-products-arrow-prev{left:0;}

    .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination > a[class*="wdt-related-product-image-gallery-arrow-next"],
    div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a.wdt-products-arrow-next {right:0;}
    .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination > a[class*="wdt-related-product-image-gallery-arrow-next"]:before, div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a.wdt-products-arrow-next:before {    
        content: '\e80d' !important; font-family: "common-right-arrow" !important; }

    .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination > a[class*="wdt-related-product-image-gallery-arrow-prev"]:before, div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a.wdt-products-arrow-prev:before {     
        content: '\e80c' !important; font-family: "common-left-arrow" !important; }

    .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination > a[class*="wdt-related-product-image-gallery-arrow"]:before,
    div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a.wdt-products-arrow-prev:before,
    div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a.wdt-products-arrow-next::before { 
        font-family: "wdt-ext-icon"; font-style: normal; font-weight: 400; display: inline-block; text-decoration: inherit; 
        font-size: calc(var(--wdtFontSize_Base) - 2px); margin: 0; text-align: center; font-variant: normal; text-transform: none; 
        line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

    .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination {
        position: absolute; width: 100%; max-width: 100%; display: flex; justify-content: flex-end; align-items: center; top: -85px; 
        left: 0; right: 0; bottom: auto; margin: auto; }

    .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination > a[class*="wdt-related-product-image-gallery-arrow"],
    div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"] {     
        position: relative; overflow: hidden; font-size: 0; cursor: pointer; background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); width: 80px; height: 40px; outline: none; display: flex; align-items: center; justify-content: center; 
        -webkit-border-radius: var(--wdtRadius_4X); border-radius: var(--wdtRadius_4X); z-index: 999; margin: 0 4px; }

    .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination > a[class*="wdt-related-product-image-gallery-arrow"]:hover, div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:hover { 
        background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); }


    div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"] { 
        background-color: rgba(var(--wdtHeadAltColorRgb),0.15); color: var(--wdtAccentTxtColor); }
    div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:hover { 
        background-color: rgba(var(--wdtHeadAltColorRgb),0.35); }


    div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-prev"] { margin-left: -40px; left: 0; }
    div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-right: -40px; right: 0; }

    .wdt-product-related-products.wdt-woo-carousel:hover .wdt-related-product-image-arrow-pagination > a[class*="wdt-related-product-image-gallery-arrow"],
    div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a[class*="arrow"] { opacity: 1; visibility: visible; }
    div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a[class$="arrow-prev"] { margin-left: 0; }
    div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-right: 0; }

    .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination > a[class*="wdt-related-product-image-gallery-arrow"]::before, div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:before { 
        display: block; font-family: "CarVan Icons"; font-size: var(--wdtFontSize_Base); line-height: inherit; }
    div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-prev"]:before { content: "\f104"; }
    div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-next"]:before { content: "\f105"; }

    .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination > a[class*="wdt-related-product-image-gallery-arrow-prev"]:hover:before, div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a.wdt-products-arrow-prev:hover:before {
        animation-name: liviIconMovePre !important; animation-duration: 500ms !important; 
        animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1) !important; will-change: transform !important; 
        transition: opacity .4s ease-out,transform .8s !important; }
    
    @-webkit-keyframes liviIconMovePre {
        0% { opacity: 1; transform: translateX(0px); transform-origin: center; }
        50% {opacity: 0;transform: translateX(-20px);transform-origin: center;}
        51% {opacity: 0;transform: translateX(20px);transform-origin: center;}
        100% {opacity: 1;transform: translateX(0px);transform-origin: center;}
    }
    @keyframes liviIconMovePre {
        0% { opacity: 1; transform: translateX(0px); transform-origin: center; }
        50% {opacity: 0;transform: translateX(-20px);transform-origin: center;}
        51% {opacity: 0;transform: translateX(20px);transform-origin: center;}
        100% {opacity: 1;transform: translateX(0px);transform-origin: center;}
    }
    
    .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination > a[class*="wdt-related-product-image-gallery-arrow-next"]:hover:before, div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a.wdt-products-arrow-next:hover:before {
        animation-name: liviIconMoveNxt !important; animation-duration: 500ms !important; 
        animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1) !important; will-change: transform !important; 
        transition: opacity .4s ease-out,transform .8s !important; }
    
    @-webkit-keyframes liviIconMoveNxt {
        0% { opacity: 1; transform: translateX(0px); transform-origin: center; }
        50% {opacity: 0;transform: translateX(20px);transform-origin: center;}
        51% {opacity: 0;transform: translateX(-20px);transform-origin: center;}
        100% {opacity: 1;transform: translateX(0px);transform-origin: center;}
    }
    @keyframes liviIconMoveNxt {
        0% { opacity: 1; transform: translateX(0px); transform-origin: center; }
        50% {opacity: 0;transform: translateX(20px);transform-origin: center;}
        51% {opacity: 0;transform: translateX(-20px);transform-origin: center;}
        100% {opacity: 1;transform: translateX(0px);transform-origin: center;}
    }

    div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 { float: left; margin: 25px auto 0; position: relative; text-align: center; width: 100%; }
    div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 > a[class*="arrow"] { display: inline-block; font-size: 0; height: 50px; line-height: 0; margin: 0 1px; opacity: 1; position: static; visibility: visible; width: 35px; transform: none; }
    div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 > a[class*="arrow"]:before { font-size: 18px; line-height: 50px; }

    div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"].type2 { height: auto; margin: auto 25px auto 0; width: 50px; }
    div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"].type2 > a[class*="arrow"] { float: left; height: 35px; width: 50px; }
    div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"].type2 > a[class*="arrow"]:before { line-height: 35px; }


    div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"],
    div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-top: -15px; }
    div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-top: -30px; }

    div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"],
    div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-left: -15px; }
    div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-left: -30px; }

    div[class*="product"] .swiper-container.swiper-container-vertical:hover div[class*="arrow-pagination"] > a[class$="arrow-prev"], div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"]:hover div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-top: 0; }
    div[class*="product"] .swiper-container.swiper-container-vertical:hover div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-bottom: 0; }

/* #endregion - Carousel */

    /* Responsive */

    @media only screen and (max-width:1540px) {
        .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination { top: -75px; }
        .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-gallery-bullet-pagination { top: -58px; }
    }

    @media only screen and (max-width:1280px) {
        .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination { top: -70px; }
        .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-gallery-bullet-pagination { top: -50px; }
    }

    @media only screen and (max-width:767px) {
        .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-arrow-pagination { 
            position: relative; top: 0; justify-content: center; }
        .wdt-product-related-products.wdt-woo-carousel .wdt-related-product-image-gallery-bullet-pagination { 
            position: relative; top: 0; justify-content: center; }
    }