.slide {
    /*overflow: hidden;*/
}
.slide.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.fullwidth {
    width: 100%;
}
.fullheight {
    height: 100%;
}
.r169 {
    aspect-ratio: 16/9;
    width: 100%
}
.r43 {
    aspect-ratio: 4/3;
    width: 100%
}
.media {
    height: 100%;
    width: 100%;
    background-color: #000;
    position: relative;
    overflow: hidden;
}
.media .background-img {
    height: 100%;
    width: 100%;
    top: -15px;
    left: -15px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.media .background-img.blur {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    height: calc(100% + 30px) !important;
    width: calc(100% + 30px) !important;
}
.media .background-img.dark {
    opacity: .8;
}
.media .image {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.media .video {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.media .border {
    border: 2px solid #000;
}
.media .video.border {
    max-height: calc(100% + 4px) !important;
    max-width: calc(100% + 4px) !important;
}
.media .background-video {
    height: calc(100% + 30px);
    width: calc(100% + 30px);
    top: -15px;
    left: -15px;
    position: absolute;
}
.media .background-video.blur {
    filter: blur(8px);
    -webkit-filter: blur(8px);
}
.media .background-video.dark {
    opacity: .8;
}
.media .background-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}