@font-face {
    font-family: "Alethia Pro Regular";
    src: url('../../Fonts/Alethia Pro/alethiapro-regular.otf');
    src: url('../../Fonts/Alethia Pro/alethiapro-regular.otf') format('opentype');
}

@font-face {
    font-family: "Montserrat";
    src: url('../../Fonts/Montserrat/Montserrat-VariableFont_wght.ttf');
    src: url('../../Fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
}

input:focus-visible, select:focus-visible {
    outline: none;
}

.cursor-pointer {
    cursor: pointer;
}

.container-navbar {
    background: rgb(15,34,47);
    background: linear-gradient(0deg, rgba(16,36,51,0) 5%, rgba(16,36,51,0.1) 10%, rgba(16,36,51,0.5) 25%, rgba(16,36,51,0.77) 40%, rgba(16,36,51,0.9) 50%, rgba(16,36,51,1) 75%);
    height: 10rem;
    width: 100%;
    z-index: 10000;
}

.container-contact {
    padding: 0 7.5%;
}

.container-height-navbar {
    height: 5rem;
    padding: 0 7.5%;
}

.logo-width-navbar {
    width: 20%;
}

.logo-img-navbar {
    cursor: pointer;
    width: 14rem;
}

.menu-width-navbar {
    width: 80%;
    font-family: 'Montserrat';
    font-size: 0.8rem;
    font-weight: 200;
    letter-spacing: 0.1rem;
    color: #ffffff;
}

.margin-menu-item {
    margin-right: 3.8rem;
    font-weight: 200;
}

.dropdown-flag-navbar {
    border: 0.1rem solid #ffffff;
    border-radius: 50%;
    margin-right: 0.2rem;
    width: 1.4rem;
}

.dropdown-item-navbar {
    font-size: 0.8rem;
    font-weight: 300;
    letter-spacing: 0.1rem;
}

#social {
    background-image: url(../../Images/Background.jpg);
    background-position: 0% 100%;
    background-size: 100%;
    height: 10rem;
}

.title-background-social {
    box-shadow: inset 0 0 0 2000rem rgba(9,32,47,0.9);
    height: 10rem;
}

.container-icons-social {
    height: 13rem;
    padding: 0 15%;
}

.icon-social {
    border-radius: 0.8rem;
    height: 4rem;
    outline: 0.5rem solid #102533;
    width: 4rem;
}

.icon-padding-social {
    padding: 0.8rem;
}

.container-footer {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(15,34,47,0) 0%, rgba(15,34,47,0.6026785714285714) 25%, rgba(15,34,47,0.804359243697479) 50%, rgba(15,34,47,1) 100%);
    height: 10rem;
    width: 100%;
    z-index: 10000;
}

.container-height-footer {
    height: 8.5rem;
    padding: 0 7.5%;
}

.container-rights-footer {
    color: #ffffff;
    font-family: 'Montserrat';
    font-size: 0.7rem;
    font-weight: 200;
    height: 1.5rem;
    letter-spacing: 0.1rem;
    line-height: 0.7rem;
    padding: 0 7.5%;
}

#modalLoading {
    z-index: 10002;
}

#modalLoading .spinner-border {
    color: #102433;
    width: 4rem;
    height: 4rem;
}

.modal-backdrop {
    background-color: #ffffff;
    opacity: 0.5;
    z-index: 10001;
}

@media (min-width: 2048px) {
    .max-width-container {
        margin: 0 auto;
        max-width: 2048px;
    }
}

@media (max-width: 1660px) {
    .container-contact {
        padding: 0 4.5%;
    }

    .container-height-navbar {
        padding: 0 4.5%;
    }

    .container-height-footer {
        padding: 0 4.5%;
    }
}


@media (max-width: 1560px) {

    .container-contact {
        padding: 0 4%;
    }
    
    .container-height-navbar {
        padding: 0 4%;
    }

    .container-height-footer {
        padding: 0 4%;
    }

    .dropdown-text-navbar {
        display: none;
    }
}

@media (max-width: 1450px) {

    .container-contact {
        padding: 0 2%;
    }
    
    .container-height-navbar {
        padding: 0 2%;
    }

    .container-height-footer {
        padding: 0 2%;
    }
}

@media (max-width: 1399px) {
    .logo-width-navbar {
        width: 100%;
    }

    .container-navbar {
        background: rgb(15,34,47);
        background: linear-gradient(0deg, rgba(16,36,51,0) 0%, rgba(16,36,51,0.9) 10%, rgba(16,36,51,1) 75%);
        height: 8rem;
        width: 100%;
        z-index: 10000;
    }

    .container-contact {
        padding: 0 7.5%;
    }

    .container-height-navbar {
        height: 6rem;
        padding: 0 7.5%;
    }

    .menu-width-navbar {
        width: 100%;
    }

    .dropdown-flag-navbar {
        width: 2rem;
    }

    .dropdown-item-navbar {
        font-size: 1rem;
        font-weight: 300;
    }

    .menu-icon-navbar {
        margin-left: 0.1rem;
    }

    .menu-icon-navbar .hamburger-line {
        background-color: white;
        height: 4px;
        margin-bottom:6px;
        width: 28px;
    }

    .menu-icon-navbar .hamburger-line.green {
        background-color: #83bfb5;
    }

    #collapse-menu {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(16,36,51,0.4) 5%, rgba(16,36,51,0.6) 10%, rgba(16,36,51,0.8) 25%, rgba(16,36,51,0.8) 95%, rgba(16,36,51,0.8) 98%, rgba(16,36,51,0.5) 100%);
        margin-top: -0.54rem;
    }

    .collapse-menu-line {
        border-top: 0.15rem solid #83bfb5;
        margin: 0 auto;
        width: 18rem;
    }
}


@media (max-width: 1300px) {
    .container-navbar {
        background: rgb(15,34,47);
        background: linear-gradient(0deg, rgba(16,36,51,1) 0%, rgba(16,36,51,1) 10%, rgba(16,36,51,1) 75%);
        height: 8rem;
        width: 100%;
        z-index: 10000;
    }

    #collapse-menu {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(16,36,51,0.4) 5%, rgba(16,36,51,0.6) 10%, rgba(16,36,51,0.8) 25%, rgba(16,36,51,0.8) 95%, rgba(16,36,51,0.8) 98%, rgba(16,36,51,1) 100%);
        margin-top: 0rem;
    }

    .margin-menu-item {
        margin-right: 3.4rem;
    }

    .container-height-footer {
        padding: 0 7.5%;
    }
}

@media (max-width: 575px) {
    .container-navbar {
        background: rgb(15,34,47);
        background: linear-gradient(0deg, rgba(16,36,51,1) 0%, rgba(16,36,51,1) 10%, rgba(16,36,51,1) 75%);
        height: 5rem;
        width: 100%;
        z-index: 10000;
    }

    .container-height-navbar {
        height: 3rem;
    }

    .logo-img-navbar {
        width: 7rem;
    }

    .dropdown-flag-navbar {
        width: 1rem;
    }

    .menu-icon-navbar {
        margin-left: 0.05rem;
    }

    .menu-icon-navbar .hamburger-line {
        height: 2px;
        margin-bottom:3px;
        width: 15px;
    }

    .dropdown-item-navbar {
        font-size: 0.8rem;
    }

    .collapse-menu-line {
        width: 50%;
    }

    #social {
        background-image: url(../../Images/Background.jpg);
        background-position: 0% 100%;
        background-size: 200%;
    }

    .container-icons-social {
        padding: 0 10%;
    }

    .icon-social {
        height: 3rem;
        outline: 0.4rem solid #102533;
        width: 3rem;
    }

    .container-rights-footer {
        font-size: 0.5rem;
        padding: 0 5%;
    }
}