/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
transition: height 0.5s;
}

.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
position: absolute;
background: none;
border: none;
color: #000;
margin-right: -5.8rem;
margin-left: -4rem;
}

@media (max-width: 768px) {
    .flickity-button {
        margin-right: 2.8rem;
        margin-left: 4.5rem;
        color: #fff;
    }
}

.flickity-button:hover {
cursor: pointer;
}

.flickity-button:active {
opacity: 0.6;
}

.flickity-button:disabled {
opacity: 0;
cursor: auto;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;
}

.flickity-button-icon {
fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
/* vertically center */
transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: -15%;
top: 20%;
width: 90%;
height: 90%;
}

/* ---- page dots ---- */

.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
opacity: 1;
}

.flickity-image {
    height: 100%;
    object-fit: cover;
}

.carousel-cell img {
    width: auto;
    height: 64.5rem;
    padding: 0 0.5rem;
    transition: filter 0.3s ease;
}

@media (max-width: 768px) {
    .carousel-cell img {
        width: 100%;
        height: 100%;
        max-height: 64.5rem;
        padding-right: 1rem;
        transition: filter 0.3s ease;
    }
}

.container-carousel {
    margin: 0rem 5rem;
    padding: 3rem 0;
}

@media (max-width: 768px) {
    .container-carousel {
        margin: 0 1.5rem;
    }
}

@media (min-width: 768px) {
    .glide__slide:hover img {
        filter: brightness(40%)
    }

    .carousel-cell:hover img {
        filter: brightness(40%)
    }

    .carousel-cell:hover::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 22px;
        height: 22px;
        background-image: url('img/maximize.png');
        background-size: cover;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }

    .carousel-cell:hover::before,
    .carousel-cell:hover::after {
        opacity: 1;
    }
}

.carousel-image {
    height: 100%;
}

.carousel.is-fullscreen .carousel-image {
    height: 100%;
}