/* Slider */

.slick-slider {

    position: relative;

    display: block;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}



.slick-list:focus {

    outline: none;

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track {

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-slider .slick-track,

.slick-slider .slick-list {

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block;

}





.slick-track:before,

.slick-track:after {

    display: table;

    content: '';



}



.slick-track:after { 

    clear: both; 

}



.slick-loading .slick-track { 

    visibility: hidden; 

} 



.slick-slide { 

    display: none; 

    float: left; 

    height: 100%; 

    min-height: 1px; 

} 



[dir='rtl'] .slick-slide{ 

    float: right; 

} 



.slick-slide img { 

    display: block; 

} 



.slick-slide.slick-loading img { 

    display: none; 

} 



.slick-slide.dragging img { 

    pointer-events: none; 

} 



.slick-initialized .slick-slide { 

    display: block; 

} 



.slick-loading .slick-slide { 

    visibility: hidden; 

} 



.slick-vertical .slick-slide { 

    display: block; 

    height: auto; 

    border: 1px solid transparent; 

} 



.slick-arrow.slick-hidden { 

    display: none; 

} 



.listing.listing-slider {

    overflow: visible;

}



/* --------------------

    SITE BANNER

-----------------------*/

.banner-slider-wrapper .slick-list {

    overflow: visible;

}



.banner-slider-wrapper .slick-dots {

    position: absolute;

    bottom: 84px;

    right: 0;

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

       -moz-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

}



.content-banner-slider .slick-slider .slick-dots button {

	position: relative;

	width: 20px;

	height: 20px;

	background-color: var(--transparent);

	font-size: 0;

	padding: 0;

	-webkit-transition: var(--transition);

	-o-transition: var(--transition);

	-moz-transition: var(--transition);

	transition: var(--transition);

	border: 2px solid var(--white);

	-webkit-border-radius: var(--rounded-full);

	   -moz-border-radius: var(--rounded-full);

	        border-radius: var(--rounded-full);

}



.content-banner-slider .slick-slider .slick-dots button:hover,

.content-banner-slider .slick-slider .slick-dots .slick-active button {

	--transparent: var(--white);

	width: 40px;

}

.banner-slider-wrapper,
.slider-thumbnail-product,
.slider-thumbnail-nav {
    opacity: 0;
    visibility: hidden;
}

.banner-slider-wrapper.slick-initialized,
.slider-thumbnail-product.slick-initialized,
.slider-thumbnail-nav.slick-initialized  {
    opacity: 1;
    visibility: visible;
}



/* --------------------

    LISTING

-----------------------*/

.listing.slick-slider .slick-dots {

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;

    margin-left: auto;

    margin-right: auto;

}



.listing.slick-slider .slick-dots:before {

	left: -44px;

}



.listing.slick-slider .slick-dots:after {

	right: -44px;

}



.custom-dots .slick-dots button:hover,

.custom-dots .slick-dots .slick-active button,

.listing.slick-slider .slick-dots button:hover,

.listing.slick-slider .slick-dots .slick-active button {

	background: -webkit-gradient(linear, left top, right top, from(var(--red-dark)), color-stop(160%, var(--yellow)));

	background: -webkit-linear-gradient(left, var(--red-dark) 0%, var(--yellow) 160%);

	background: -moz-linear-gradient(left, var(--red-dark) 0%, var(--yellow) 160%);

	background: -o-linear-gradient(left, var(--red-dark) 0%, var(--yellow) 160%);

	background: linear-gradient(90deg, var(--red-dark) 0%, var(--yellow) 160%);

}



.listing.slick-slider .slick-dots li:not(.slick-active) button:not(:hover),

.custom-dots .slick-dots li:not(.slick-active) button:not(:hover) {

	border: 2px solid var(--gray-800);

}



.listing.slick-slider.slick-dotted .slick-arrow,

.wrapper-nav-slider .slick-arrow {

    top: -webkit-calc(100% - 11px);

    top: -moz-calc(100% - 11px);

    top: calc(100% - 11px)

}



/* ---------------------

    GALLERY SLIDER

------------------------*/

.wrapper-gallery-thumbnail .slick-slider {

    --position-arrow: 15px;

    --size-arrow: 24px;

}



.wrapper-gallery-thumbnail .slick-slider .slick-arrow {

    background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M14.657 18.657a1 1 0 0 1-.707-.293l-5.657-5.657a1 1 0 0 1 0-1.414l5.657-5.657a1 1 0 0 1 1.414 1.414L10.414 12l4.95 4.95a1 1 0 0 1-.707 1.707z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

    background-color: rgba(0,0,0,0.3);

}



.wrapper-gallery-thumbnail .slick-slider .slick-arrow:hover {

    background-color: rgba(0,0,0,0.6); 

}

/* ---------------------

    CUSTOM NAV SLIDER

------------------------*/
.wrapper-nav-slider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}



.wrapper-nav-slider .custom-dots ul {

    padding-left: 0;

    list-style-type: none;

    display: flex;

    align-items: center;

    margin-top: 0;

    margin-bottom: -10px;

}



.wrapper-nav-slider .custom-dots ul li+li {

    margin-top: 0;

}



.wrapper-nav-slider .custom-dots ul li {

    margin-bottom: 10px;

}



@media all and (min-width: 601px) {

    .slider-thumbnail-nav .slick-list.draggable {

        margin-left: -19px;

        margin-right: -19px;

    }

}



@media all and (min-width: 901px) {

    .listing.listing-slider .listing-item:not(.slick-active) {

        opacity: 0;

    }

}



@media all and (min-width: 1800px) {

    .banner-slider-wrapper .slick-dots {

        margin-right: -290px;

    }

}



@media all and (max-width: 900px) {

    .listing.listing-product.slick-slider {

        --listing-gap: 30px;

    }

    .wrapper-nav-slider .slick-dots button {
        width: 16px;
        height: 16px;
    }

    .wrapper-nav-slider .slick-dots li:not(:last-child) {
        margin-right: 10px;
    }

}



@media all and (max-width: 600px) {

    .slider-thumbnail-nav .slick-list.draggable {

        margin-left: -16px;

        margin-right: -16px;

    }

}