/* BEGIN carousel styling */
.carousel-fade .carousel-item {
    transition-duration: 1s !important;
    transition: ease-in-out;
}

.videoCarousel.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23213B34' viewBox='0 0 400 400'%3e%3cpolygon points='114,0 86.7,27.3 258.8,200 86.7,372.7 114,400 313.3,200'/%3e%3c/svg%3e") !important;
    height: 25px;
    width: 25px;
}

.videoSmall.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 400 400'%3e%3cpolygon points='114,0 86.7,27.3 258.8,200 86.7,372.7 114,400 313.3,200'/%3e%3c/svg%3e") !important;
    height: 25px;
    width: 25px;
}

.videoCarousel.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 400 400'%3e%3cpolygon points='286,400 313.3,372.7 141.2,200 313.3,27.3 286,0 86.7,200'/%3e%3c/svg%3e") !important;
    height: 25px;
    width: 25px;
}

.testimonialCarousel.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 400 400'%3e%3cpolygon points='114,0 86.7,27.3 258.8,200 86.7,372.7 114,400 313.3,200'/%3e%3c/svg%3e") !important;
    height: 25px;
    width: 25px;
}

.testimonialCarousel.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 400 400'%3e%3cpolygon points='286,400 313.3,372.7 141.2,200 313.3,27.3 286,0 86.7,200'/%3e%3c/svg%3e") !important;
    height: 25px;
    width: 25px;
}

.environmentCarousel.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 400 400'%3e%3cpolygon points='114,0 86.7,27.3 258.8,200 86.7,372.7 114,400 313.3,200'/%3e%3c/svg%3e") !important;
    height: 25px;
    width: 25px;
}

.environmentCarousel.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 400 400'%3e%3cpolygon points='286,400 313.3,372.7 141.2,200 313.3,27.3 286,0 86.7,200'/%3e%3c/svg%3e") !important;
    height: 25px;
    width: 25px;
}

.environmentLarge.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23213B34' viewBox='0 0 400 400'%3e%3cpolygon points='286,400 313.3,372.7 141.2,200 313.3,27.3 286,0 86.7,200'/%3e%3c/svg%3e") !important;
    height: 25px;
    width: 25px;
}


.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #D9E8E2;
    /*border: 1px solid #213B34;*/
}

.carousel-indicators .active {
    background-color: #213B34;
}



/* BEGIN video controls overlay */

.video-section {
    text-align: center;
}

.position-relative {
    position: relative !important;
    display: inline-block;
}

    .position-relative video {
        max-width: 100%;
    }

video::-webkit-media-controls-play-button {
    display: none;
}
.play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 1;
    transition: all 0.5s ease;
}

.pause-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 1;
    display: none;
    transition: all 0.5s ease;
}

.play-btn i {
    font-size: 45px;
    color: #a1cead;
    border: 2px solid #a1cead;
    border-radius: 50%;
    padding: 20px 21px 20px 31px;
    opacity: 0.4;
}

.pause-btn i {
    font-size: 45px;
    color: #a1cead;
    border: 2px solid #a1cead;
    border-radius: 50%;
    padding: 20px 24px;
    opacity: 1;
    transition: all 0.5s;
}

/* END video controls overlay */