/*** KEYFRAMES ***/
@keyframes fade2 {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    85% {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent, rgba(0, 0, 0, 0.6));
        /* opacity: 1; */
        opacity: 0.75;
    }
    90% {
        opacity: 0;
    }
    95% {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent, rgba(0, 0, 0, 0.6));
        /* opacity: 1; */
        opacity: 0.75;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes fade2 {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    85% {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent, rgba(0, 0, 0, 0.6));
        /* opacity: 1; */
        opacity: 0.75;
    }
    90% {
        opacity: 0;
    }
    95% {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent, rgba(0, 0, 0, 0.6));
        /* opacity: 1; */
        opacity: 0.75;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes fade2 {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    85% {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent, rgba(0, 0, 0, 0.6));
        /* opacity: 1; */
        opacity: 0.75;
    }
    90% {
        opacity: 0;
    }
    95% {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent, rgba(0, 0, 0, 0.6));
        /* opacity: 1; */
        opacity: 0.75;
    }
    100% {
        opacity: 0;
    }
}
@-o-keyframes fade2 {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    85% {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent, rgba(0, 0, 0, 0.6));
        /* opacity: 1; */
        opacity: 0.75;
    }
    90% {
        opacity: 0;
    }
    95% {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent, rgba(0, 0, 0, 0.6));
        /* opacity: 1; */
        opacity: 0.75;
    }
    100% {
        opacity: 0;
    }
}
@-ms-keyframes fade2 {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    85% {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent, rgba(0, 0, 0, 0.6));
        /* opacity: 1; */
        opacity: 0.75;
    }
    90% {
        opacity: 0;
    }
    95% {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent, rgba(0, 0, 0, 0.6));
        /* opacity: 1; */
        opacity: 0.75;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-moz-keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
      }
}
@-ms-keyframes fade {
    0% {
      opacity: 0;
    }
    100% {
        opacity: 1;
      }
}

.image03D > div, .image03F > div, .image03H > div, .image03L > div {
    animation: fade2 5s infinite;
}

.image03D > div:hover, .image03D > div:active, .image03F > div:hover, .image03F > div:active,
.image03H > div:hover, .image03H > div:active, .image03L > div:hover, .image03L > div:active {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent, rgba(0, 0, 0, 0.6));
    -webkit-animation: fade 0.5s;
    -moz-animation: fade 0.5s;
    -o-animation: fade 0.5s;
    -ms-animation: fade 0.5s;
    animation: fade 0.5s;
    opacity: 1;
}
.grid-container-bottom > div {
    background-size: cover;
}
.image03D, .image03F, .image03H, .image03L {
    cursor: pointer;
}
.image03D {
    background-image: url(/-/media/4f1c1638005947b9aa0a77a0b2dc4851.ashx);
}
.image03D > div {
    background-size: cover;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.image03D img {
    opacity: 0;
}
.image03D {
    display: flex;
    justify-content: center;
    align-items: center;
}
.image03D span {
    position: absolute;
    color: white;
    font-weight: 600;
    font-size: 22px;
}
.image03D span:hover, .image03D span:active {
    opacity: 1;
}

.image03F {
    background-image: url(/-/media/e7f60e8e5a9243d19358f114fd6275c3.ashx);
}
.image03F > div {
    background-size: cover;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.image03F img {
    opacity: 0;
}
.image03F {
    display: flex;
    justify-content: center;
    align-items: center;
}
.image03F span {
    position: absolute;
    color: white;
    font-weight: 600;
    font-size: 22px;
}
.image03F span:hover, .image03F span:active {
    opacity: 1;
}


.image03H {
    background-image: url(/-/media/06c9cd8f224a4317b538f2b3c7d89599.ashx);
}
.image03H > div {
    background-size: cover;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.image03H img {
    opacity: 0;
}
.image03H {
    display: flex;
    justify-content: center;
    align-items: center;
}
.image03H span {
    position: absolute;
    color: white;
    font-weight: 600;
    font-size: 22px;
}
.image03H span:hover, .image03H span:active {
    opacity: 1;
}


.image03L {
    background-image: url(/-/media/0d65c43503014a38921be42afa180fad.ashx);
}
.image03L > div {
    background-size: cover;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.image03L img {
    opacity: 0;
}
.image03L {
    display: flex;
    justify-content: center;
    align-items: center;
}
.image03L span {
    position: absolute;
    color: white;
    font-weight: 600;
    font-size: 22px;
}
.image03L span:hover, .image03L span:active {
    opacity: 1;
}