﻿.full-carousel .progressiveMedia:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.35);
    z-index: 2;
}

@media (min-width:1024px) {
    .full-carousel__content {
        max-width: 800px;
    }
}

/* amend bim man and scrolling element */
.home-animation__jobs-cont {
    display: none;
}

#home-animation img {
    display: none;
}

.home-animation {
    height: calc(75vh - 60px);
    min-height: 500px;
}

#home-carousel .slick-slide .progressiveMedia:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.2);
    content: "";
    z-index: 2;
}

p.h2 {
    font-size: 28px;
}

.home-animation .ha06, .home-animation .ha03 {
    top: 15%;
    color: #343434;
}

@media (min-width:1024px) {
    .home-animation {
        min-height: 600px;
    }
}

@media (min-width:1180px) {
    #home-animation {
        background-size: auto;
    }
}

@media (min-width:1280px) {
    #home-carousel .slick-slide .h1 {
        font-size: 48px;
    }

    #home-animation .h2 {
        font-size: 48px;
        color: #343434;
    }

    .home-animation .ha03 {
        max-width: 800px;
    }
}


.perspectives-menu {
    margin: 0;
}

.video-carousel video {
    opacity: 1 !important;
}

.video-carousel__overlay {
    /*background: rgba(0,0,0,0.45);*/
    opacity: 0;
}

.carousel__controls li {
    text-align: left;
}

@media (max-width:1023px) {
    .video-carousel h2.h1 {
        font-size: 32px !important;
    }

    .video-carousel video.desktop-only {
    }

    .perspectives-menu {
        height: 85vh
    }

        .perspectives-menu .video-carousel__content {
            width: 100%;
            text-align: left;
        }

            .perspectives-menu .video-carousel__content .h4, .perspectives-menu .video-carousel__content .cta {
                display: block;
                font-size: 18px !important;
            }

    .video-carousel .h1 span {
        display: none;
    }

    .video-carousel .cta {
        font-size: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .perspectives-menu {
        height: 90vh;
    }

    .video-carousel .h1 span {
        display: none !important;
    }

    .perspectives-menu .video-carousel__content {
        padding: 0 0rem;
        max-width: 100%;
    }

        .perspectives-menu .video-carousel__content .h4, .perspectives-menu .video-carousel__content hr {
            max-width: 100%;
        }

        .perspectives-menu .video-carousel__content .h4 {
            font-size: 28px;
        }

    .carousel__controls {
        max-width: 1160px;
        padding: 0 1.5rem;
    }

    .perspectives-menu__controls li {
        margin-right: 12px;
        width: calc(25% - 1%);
    }

        .perspectives-menu__controls li.active .progress {
            animation: b 7.5s,c .5s 7.5s;
        }

    .carousel__controls .progress:after {
        transition: opacity .5s 7.5s;
    }
}

@media (min-width:1280px) {
    li.intro {
        font-size: 21px !important;
    }

    .carousel__controls {
        padding: 0rem;
    }
}

.full-carousel__content h3.h1 {
    font-size: 24px;
}

@media (min-width:1024px) {
    .full-carousel__content h3.h1 {
        font-size: 48px;
    }
}