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

/*  Main slider  */

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

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

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

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

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

@media (min-width: 768px) {

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

@media (max-width: 767px) {

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

/*  Thumbs slider  */

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

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

/*  Arrows  */

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

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

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

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

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

/* Gallery hover effect */

.template-10200.popup-gallery.popup-gallery-hover--v1 a,
.template-10200.popup-gallery.popup-gallery-hover--v2 a{
	display: block;
	height: 100%;
	position: relative;
}

.template-10200.popup-gallery.popup-gallery-hover--v1 a:before,
.template-10200.popup-gallery.popup-gallery-hover--v2 a:before {
	content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
	transition: opacity 0.3s;
    background-color: #231f204f;
	opacity: 0;
}

.template-10200.popup-gallery.popup-gallery-hover--v1 a:hover:before,
.template-10200.popup-gallery.popup-gallery-hover--v2 a:hover:before {
	opacity: .75;
}

.template-10200.popup-gallery.popup-gallery-hover--v1 a:after {
    content: '+';
    width: 58px;
    height: 58px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    transition: opacity 0.3s;
    margin: -29px 0 0 -29px;
    font-size: 65px;
    line-height: 55px;
    border-radius: 50%;
    color: var(--color-2) !important;
    background-color: rgba(255, 255, 255, 0.4);
    text-align: center;
    font-family: 'FontAwesome';
    z-index: 3;
    text-align: -webkit-center;
}

.template-10200.popup-gallery.popup-gallery-hover--v1 a:hover:after,
.template-10200.popup-gallery.popup-gallery-hover--v2 a:hover:after {
	opacity: 1;
}

/* hover effect v2 */

.template-10200.popup-gallery.popup-gallery-hover--v2 a:after {
    content: '\f00e';
    width: 58px;
    height: 58px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    transition: opacity 0.3s;
    margin: -29px 0 0 -29px;
    font-size: 24px;
    line-height: 58px;
    border-radius: 50%;
    color: var(--color-3) !important;
    background-color: rgba(255, 255, 255, 0.15);
    text-align: center;
    font-family: 'FontAwesome';
    z-index: 3;
}

/* hover effect v2 white symbol */

.template-10200.popup-gallery.popup-gallery-hover--v2.popup-gallery-hover--v2-white-symbol a:after {
    color: var(--color-2) !important;
}