/*
    dark blue: #074D87  (7, 77, 135) - primary
    Logo Blue: #4499ca (68, 153, 202) -secondary
    Green: #6B799E rgb(107, 121, 158) - new primary
    font-family: "Poppins", sans-serif;

*/


:root {
    --primary: #074D87;
    --primaryRGB: 7, 77, 135;
    --primaryDark: #052b4c;
    --secondary: #4499ca;
    --secondaryRGB: 68, 153, 202;
    --darkGray: #808080;
    --accent: #FFD887;
    /*font*/
    --fontPrimary: "Poppins", sans-serif;
}

/*#region keyframes*/
@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in-move-down {
    0% {
        opacity: 0;
        transform: translateY(-3rem);
    }

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

@keyframes fade-in-move-up {
    0% {
        opacity: 0;
        transform: translateY(3rem);
    }

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

@keyframes fade-in-move-right {
    0% {
        opacity: 0;
        transform: translateX(-3rem);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
/*#endregion*/

/*#region general*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}
.fade-in-text {
    animation: fadeIn linear 2s;
    -webkit-animation: fadeIn linear 2s;
    -moz-animation: fadeIn linear 2s;
    -o-animation: fadeIn linear 2s;
    -ms-animation: fadeIn linear 2s;
}
.revealCustom {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: .75s all ease;
}
.revealCustom.active {
    transform: translateY(0);
    opacity: 1;
}
/*#endregion*/

/*#region to the top*/

#toTheTop a {
    color: #FFF;
}

.to-top-btn {
    position: fixed;
    bottom: 40px;
    right: 20px;
    height: 38px;
    text-decoration: none;
    background-color: var(--secondary);
    color: #FFF;
    padding: .35rem .5rem .5rem .5rem;
    border-radius: 7px;
    display: none;
    z-index: 1100;
    opacity: .9;
}

.to-top-btn:hover, .to-top-btn:active, to-top-btn:focus {
    background: var(--primary);
}
/*#endregion*/