:root {
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1600px
}

.featured-video {
    padding-bottom: 40px;
    padding-top: 64px;
    position: relative
}

@media(min-width: 768px)and (max-width:991px) {
    .featured-video {
        padding-bottom:28px;
        padding-top: 44px
    }
}

@media(max-width: 767px) {
    .featured-video {
        padding-bottom:16px;
        padding-top: 32px
    }
}

.featured-video:before {
    background-color: inherit;
    content: "";
    height: 100%;
    margin: 0 calc(-50vw - -50%);
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1
}

@media(max-width: 991px) {
    .featured-video>.row {
        flex-direction:column-reverse
    }
}

.featured-video.reversed>.row {
    flex-direction: row-reverse
}

@media(max-width: 991px) {
    .featured-video.reversed>.row {
        flex-direction:column-reverse
    }
}

.featured-video.reversed>.row+.row {
    flex-direction: row
}

@media(min-width: 576px)and (max-width:767px) {
    .featured-video.reversed>.row+.row {
        flex-direction:column-reverse
    }
}

@media(min-width: 992px) {
    .featured-video.reversed .custom-sharing {
        flex-basis:33.3334%;
        margin-left: 0
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .featured-video.reversed .custom-sharing {
        flex-basis:50%;
        margin-left: 0
    }
}

.featured-video-headline {
    color: inherit;
    margin-bottom: 8px
}

@media(max-width: 1199px) {
    .featured-video-headline {
        font-size:28px
    }
}

.featured-video-subline {
    font-size: 16px;
    margin-bottom: 16px
}

.featured-video-text {
    margin-bottom: 24px
}

@media(max-width: 1199px) {
    .featured-video-text {
        font-size:18px
    }
}

@media(max-width: 991px) {
    .featured-video .btn {
        margin-bottom:40px
    }
}

.featured-video .c-video {
    display: block;
    margin-bottom: 16px;
    max-width: 100%;
    position: relative;
    width: 100%
}

@media(max-width: 991px) {
    .featured-video .c-video {
        margin-bottom:24px
    }
}

.featured-video .c-video__aspect-ratio--16-9 {
    padding-top: 56.25%
}

.featured-video .c-video__item {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.featured-video .custom-sharing {
    display: flex;
    flex: 0 1 50%;
    padding: 0 15px
}

@media(max-width: 767px) {
    .featured-video .custom-sharing {
        max-width:100%
    }
}

@media(min-width: 768px) {
    .featured-video .custom-sharing {
        max-width:50%
    }
}

@media(min-width: 992px) {
    .featured-video .custom-sharing {
        margin-left:66.666667%
    }
}

@media(max-width: 575px) {
    .featured-video .custom-sharing {
        flex-basis:100%
    }
}

.featured-video .custom-sharing h5,.featured-video .custom-sharing p {
    color: inherit;
    font-size: 20px;
    margin-right: 24px;
    padding-top: 3px;
    white-space: nowrap
}

@media(max-width: 991px) {
    .featured-video .custom-sharing h5,.featured-video .custom-sharing p {
        font-size:18px
    }
}

.featured-video .custom-sharing>ul {
    flex-wrap: nowrap;
    justify-content: space-between;
    line-height: 1.5;
    margin: 0;
    padding-bottom: 8px;
    width: 100%
}

.featured-video .custom-sharing>ul li {
    color: inherit;
    margin-right: 0;
    padding-top: 4px
}

.featured-video .custom-sharing>ul a {
    font-size: 20px;
    line-height: 1
}