@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

body {
    font-weight: 400;
    background: rgb(0, 21, 84);
    background: -moz-linear-gradient(360deg, rgba(0, 21, 84, 1) 0%, rgba(12, 38, 116, 1) 100%);
    background: -webkit-linear-gradient(360deg, rgba(0, 21, 84, 1) 0%, rgba(12, 38, 116, 1) 100%);
    background: linear-gradient(360deg, rgba(0, 21, 84, 1) 0%, rgba(12, 38, 116, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001554", endColorstr="#0c2674", GradientType=1);
    color: #ececec;
    font-size: 0.90rem;
}

html {
    background: #0f1315;
}



@media screen and (min-width: 769px) {

    .custombkpage {
        background: url('img/foto2.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom left;
        background-attachment: fixed;
    }
    
}


.andfor {padding-bottom:0rem;}
@media screen and (max-width: 768px) {
    .andfor {padding-bottom:20rem !important;}
}

.footer {
    color: #9B9B9B;
    background-color: #0f1315;
}




hr {
    background-color: transparent;
    background-image: linear-gradient(to right, rgba(254, 254, 254, 0), rgba(254, 254, 254, 0.35), rgba(0, 0, 0, 0));

    border: none;
    display: block;
    height: 1px;
    margin: 1.5rem 0;
}



.navbar.is-dark .navbar-end .navbar-link.is-active, .navbar.is-dark .navbar-end .navbar-link:focus, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end>a.navbar-item.is-active, .navbar.is-dark .navbar-end>a.navbar-item:focus, .navbar.is-dark .navbar-end>a.navbar-item:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, .navbar.is-dark .navbar-start .navbar-link:focus, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start>a.navbar-item.is-active, .navbar.is-dark .navbar-start>a.navbar-item:focus, .navbar.is-dark .navbar-start>a.navbar-item:hover {
    background-color: #fff;
    color: #000 !important;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

.navbar-item, .navbar-link {
    color: #fefefe;
}

.navbar.is-dark a.navbar-item.is-primary {
    color: #38abff !important;
}

.navbar.is-dark .navbar-brand .navbar-link.is-active, .navbar.is-dark .navbar-brand .navbar-link:focus, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand>a.navbar-item.is-active, .navbar.is-dark .navbar-brand>a.navbar-item:focus, .navbar.is-dark .navbar-brand>a.navbar-item:hover {
    background-color: transparent !important;
    color: #fff;
}





/*OFF CANVAS*/

.off-canvas {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: 999;
    height: 100vh;
    display: none;
}

.off-canvas-left {
    top: 0;
    left: 0px;
    width: 280px;
    height: 100vh;
    position: fixed;
    background: rgb(0, 21, 84);
    background: -moz-linear-gradient(360deg, rgba(0, 21, 84, 1) 0%, rgba(12, 38, 116, 1) 100%);
    background: -webkit-linear-gradient(360deg, rgba(0, 21, 84, 1) 0%, rgba(12, 38, 116, 1) 100%);
    background: linear-gradient(360deg, rgba(0, 21, 84, 1) 0%, rgba(12, 38, 116, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001554", endColorstr="#0c2674", GradientType=1);
    z-index: 9999;
    overflow-y: auto;
    box-shadow: 0 0 20px rgba(10, 10, 10, 0.3);
    display: none;
}

.menu-list a {
    color: #f5f5f5;
}

.animate__animated.animate__fastes {
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-duration: 200ms;
}

a.linkmail {
    color: #ffff !important;
}

a.linkmail:hover {
    color: #ffff !important;
    text-decoration: underline !important;
}