/*******************************
    SLIDERS
*******************************/

.template-8503 video {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.template-8503 .slider-images .slick-track {
    display: flex !important;
}

.template-8503 .slider-images .slick-slide {
    height: inherit !important;
}

.template-8503 .slider-images video {
    max-width: 93%;
    margin: 0 auto;
}

.template-8503 .slider-images img,
.template-8503 .slider-images-thumbs img {
    aspect-ratio: 3/2;
    object-fit: contain;
}

.template-8503 .slider-images.no-aspect-ratio img,
.template-8503 .slider-images-thumbs.no-aspect-ratio img {
    aspect-ratio: initial;
    object-fit: initial;
}

.template-8503 .section__images-slider,
.template-8503 .section__thumbs-images {
    max-width: 100%;
    flex: 0 0 100%;
}

.template-8503 .slider-images-thumbs {
    display: flex;
    justify-content: center;
}

.template-8503 .section__thumbs-images {
    max-width: 100%;
    margin-top: 15px;
}

.template-8503 .slider-images-thumbs .slider__slide {
    max-width: 20%;
    flex: 0 0 20%;
    cursor: pointer;
}

.template-8503 .slider-images .slick-arrow {
    position: absolute; 
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    z-index: 1;
    border-radius: 50%;
    border: none;
    background: #fff;
    height: 30px;
    width: 30px;
    font-size: 20px;
    color: #aaa;
    padding: 1px 10px;
    opacity: 1;
    transition: opacity .4s;
}

.template-8503 .slider-images .slick-arrow.slick-disabled {
    pointer-events: none;
    opacity: 0;
}

.template-8503 .slider-images .slick-arrow.slick-next {
    left: auto;
    right: 15px;
    padding: 1px 11px;
}

.mfp-figure img {
    background: #fff;
}

.section__thumbs-images.single-item {
    display: none;
}

.section__images-slider.single-item {
    max-width: 100%;
    flex: 0 0 100%;
}

.js-image-zoom__zommed-image {
    /* Transform for zooming */
}

/*******************************
    Single image
*******************************/

.template-8503-single-image {
    text-align: center;
}

.template-8503-single-image img {
    max-width: 500px;
    cursor: pointer;
}

.template-8503-single-image .js-image-zoom__zoomed-area {
    opacity: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.template-8503-single-image .js-image-zoom__zoomed-image {
    z-index: 100;
    cursor: pointer;
}

.template-8503 .slider-images-thumbs .slick-slide:not(.slick-cloned) {
    min-width: 100px;
    min-height: 100px;
}

.template-8503 .slider-images-thumbs .slick-slide:not(.slick-cloned) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-width: 100px;
    min-height: 100px;
}

/* style 2 */

.template-8503.style-2 .slider-images-thumbs .slick-track .slider__slide img,
.template-8503.style-2 .slider-images .slick-track .slider__slide img {
    border: 1px solid var(--color-9);
    border-radius: 20px;
}

.template-8503.style-2 .slider-images-thumbs .slick-track .slider__slide.slick-current img {
    border: 1px solid var(--color-3);
}

.template-8503.style-2 .slider-images img,
.template-8503.style-2 .slider-images-thumbs img {
    aspect-ratio: unset;
}

.template-8503.style-2 .slick-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0px);
    background: #ffffff78;;
    border-radius: 20px;
    padding: 0px 3px;
}

.template-8503.style-2 .slick-dots li button {
    font-size: 0;
    padding: 0;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background: white;
    border: 1px solid #C4C4C4;
    border-radius: 50%;
    line-height: 18px;
    transition: 0.2s;
}

.template-8503.style-2 .slick-dots li.slick-active button,
.template-8503.style-2 .slick-dots li button:hover { 
    border: 1px solid var(--color-3);
    background: var(--color-3);
}

.template-8503.style-2 .slider-images .slick-arrow {
    position: absolute; 
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    z-index: 1;
    border-radius: 50%;
    border: none;
    background: unset;
    height: 38px;
    width: 38px;
    font-size: 20px;
    color: var(--color-2);
    padding: 1px 10px;
    opacity: 0;
    transition: opacity .4s;
}

.template-8503.style-2 .slider-images .slick-arrow.slick-next {
    left: auto;
    right: 15px;
    padding: 1px 11px;
}

.template-8503.style-2 .slider-images .slick-arrow i {
    font-size: 35px;
    filter: drop-shadow(1px 3px 2px #444444);
}

.template-8503.style-2:hover .slider-images .slick-arrow {
    opacity: 1;
}

@media (min-width:991.92px) {

    .template-8503.style-2 .slick-dots {
        display: none !important;
    }
}

@media (max-width:991.92px) {
    
    .template-8503.style-2 .slick-slide {
        padding: 0 !important;
    }

    .template-8503.style-2 .slick-arrow,
    .template-8503.style-2 .section__thumbs-images {
        display: none !important;
    }

    .template-8503.style-2 .slider-images .slick-track .slider__slide img {
        border: unset;
        border-radius: 0px;
    }
}