body {
    font-family: 'Roboto', sans-serif;
}

/* UTILITIES */
.text-primary {
    color: #007ba7 !important;
}

.btn-primary {
    background-color: #007ba7 !important;
    border-color: #007ba7 !important;
}

.shadow-custom {
    box-shadow: -16px 0 16px -15px rgba(0, 0, 0, .15);
}

/* HEADINGS */
h1,
h3 {
    font-family: 'Fira Sans', sans-serif;
}

/* MAIN BG */
main {
    background-image: url("../images/hero-img0.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/* CAROUSEL */
.rounded-custom {
    border-radius: .25rem 0 0 0 !important;
}

.carousel-item:nth-of-type(1) {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.71)), url("../images/hero-img.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.carousel-item:nth-of-type(2) {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.71)), url("../images/hero-img2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.carousel-item:nth-of-type(3) {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.71)), url("../images/hero-img3.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.carousel-indicators {
    right: unset;
    margin-left: 1.5rem;
}

/*/ CAROUSEL */

/* FORM */
.form-container h3 {
    font-size: 20px;
}


/* LOADING SCREEN */
.loading-screen {
    display: -ms-flexbox;
    display: flex;
}

/* ANIMATION */
.slideAnim,
.slideTopFoldAnim {
    visibility: hidden;
}

.slide-left {
    animation-name: slide-left;
    -webkit-animation-name: slide-left;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}

@keyframes slide-left {
    0% {
        opacity: 0;
        transform: translateX(70%);
    }

    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

@-webkit-keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(70%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@media only screen and (min-width: 768px) {
    .vh-md-100 {
        height: 100vh !important;
    }

    .carousel-indicators {
        right: unset;
        margin-left: 3rem;
    }
}