.site-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 80px var(--padding-container);
    color: var(--white);
}

.site-banner .content-banner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 700px;
}

.site-banner {
    position: relative;
}

.site-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.content-banner h1 {
    margin-bottom: 12px;
}

.content-banner h1,
.content-banner h2,
.content-banner h3,
.content-banner h4,
.content-banner h5,
.content-banner h6 {
    color: var(--white);
}

.content-banner .button-group-banner {
    margin-top: 32px;
}



/* BANNER SLIDER */
.banner-slider {
    position: relative;
}

.banner-slider.slick-slider .slick-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0;
    padding-right: var(--padding-container);
}

.banner-slider.slick-slider .slick-dots button {
    background-color: var(--white);
    border-color: var(--white);
}

.banner-slider.slick-slider .banner-slider--item {
    cursor: pointer;
}



/* BANNER VIDEO */
.site-banner-video {
    height: 425px;
}

.site-banner-video video {
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}



@media all and (min-width: 901px) {

    .site-banner {
        min-height: 854px;
    }

    .site-banner:before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(46.37%, rgba(0, 0, 0, 0)), to(#000000));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 46.37%, #000000 100%);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 46.37%, #000000 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 46.37%, #000000 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 46.37%, #000000 100%);
    }

    .banner-slider.slick-slider .slick-dots {
        margin-bottom: 80px
    }
}

@media all and (max-width: 900px) {
    .banner-slider.slick-slider .slick-dots {
        margin-bottom: 40px
    }

    .site-banner {
        min-height: 572px;
    }

    .site-banner:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    }

    .site-banner {
        padding-bottom: 91px;
    }

}