.cmp-container {
    padding: 0
}

.cmp-container--padding-15>.cmp-container {
    padding: 15px
}

.cmp-container--padding-20>.cmp-container {
    padding: 20px
}

.cmp-container--padding-30>.cmp-container {
    padding: 30px
}

.cmp-container--margin-20>.cmp-container {
    margin: 20px
}

.cmp-container--margin-30>.cmp-container {
    margin: 30px
}

.cmp-container--p-80-40 .cmp-container {
    padding: 80px 0
}

@media (max-width: 767px) {
    .cmp-container--p-80-40 .cmp-container {
        padding: 40px 0
    }
}

.cmp-container--content-narrow>.cmp-container {
    max-width: 1164px;
    margin-left: auto;
    margin-right: auto
}

.cmp-container--content-fullwidth>.cmp-container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.cmp-container--content-medium>.cmp-container {
    max-width: 1146px;
    margin-left: auto;
    margin-right: auto
}

.cmp-container--content-left>.cmp-container {
    text-align: left
}

.cmp-container--content-center>.cmp-container {
    text-align: center
}

.cmp-container--content-right>.cmp-container {
    text-align: right
}

.cmp-container__parallaxEffect--enabled {
    padding: 50px 0;
    position: relative;
    background-size: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-y: 0
}

.cmp-container__backgroundImage--enabled {
    min-height: 220px;
    background-size: cover;
    margin: 0 15px 25px 15px
}

.cmp-container__htmlvideo--enabled {
    position: relative;
    padding: 40px 0px 20px
}

.cmp-container__htmlvideo--enabled .cmp-mobile-img--holder img {
    width: 100%
}

.cmp-container .section-blur-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4)
}

@media only screen and (max-width: 767px) {
    .cmp-container .section-blur-layer {
        background-color: transparent
    }
}

.cmp-container .cmp-html-video--viewport {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    overflow: hidden
}

.cmp-container .cmp-html-video--viewport .cmp-container__video {
    width: 100%
}

.cmp-container .cmp-page-section--inner {
    position: relative;
    z-index: 2
}

.cmp-container .playpause {
    position: absolute;
    top: 0;
    z-index: 3;
    right: 0
}

@media only screen and (max-width: 767px) {
    .cmp-container .playpause {
        display: none
    }
}

.cmp-container .cmp-container--protected-container {
    position: relative;
    overflow: hidden
}

.cmp-container .cmp-container--protected-content {
    filter: blur(5px)
}

.cmp-container .cmp-container--protected-cta-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.cmp-container .cmp-container--protected-cta-content {
    position: relative;
    z-index: 1;
    background-color: white;
    padding: 15px
}

.cmp-container .cmp-container--protected-content-bg {
    min-height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.hidden {
    display: none
}