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


/*  Main slider  */

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

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

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

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

@media (min-width: 767px) {

    .template-5309 .section__images-slider {
        max-width: 80%;
        flex: 0 0 80%;
    }
}

/*  Thumbs slider  */

.template-5309 .slider-images-thumbs .slider__slide {
    cursor: pointer;
}

@media (min-width: 768px) {
    
    .template-5309 .section__thumbs-images {
        max-width: 20%;
        flex: 0 0 20%;
    }
}

/*  Arrows  */

.template-5309 .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-5309 .slider-images .slick-arrow.slick-disabled {
    pointer-events: none;
    opacity: 0;
}

.template-5309 .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%;
}

@media (max-width: 767px) {
    
    .template-5309 .section__images-slider {
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .template-5309 .section__thumbs-images {
        max-width: 100%;
        flex: 0 0 100%;
    } 
}