@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');

@font-face {
    font-family: Sayodies;
    src: url('fonts/Sayodies.ttf') format('truetype');
}

@font-face {
    font-family: 'Beyond Infinity';
    src: url('fonts/Beyond Infinity - Demo.ttf') format('truetype');
}

.it-page-home_skin_custom {
    font-family: 'DM Sans', sans-serif !important;
    background-color: #061a23;
}

    .it-page-home_skin_custom .navbar.navbar-dark.top-nav-collapse {
        background-color: #061a23 !important;
    }

    .it-page-home_skin_custom .navbar.navbar-dark:not(.top-nav-collapse) {
        background: transparent !important;
    }

@media (max-width: 991px) {
    .it-page-home_skin_custom .navbar.navbar-dark:not(.top-nav-collapse) {
        background: #061a23 !important;
    }
}

        .it-page-home_skin_custom .navbar.navbar-dark .navbar-toggler,
        .it-page-home_skin_custom .navbar.navbar-dark .nav-link {
            color: #FFFFFF !important;
        }

            .it-page-home_skin_custom .navbar.navbar-dark .nav-link:hover,
            .it-page-home_skin_custom .navbar.navbar-dark .nav-link:focus {
                color: #fcc311 !important;
                background-color: transparent !important;
            }

.it-page-home_skin_custom .navbar-dark .navbar-nav .nav-item.active > .nav-link {
    color: #fcc311 !important;
}

.it-page-home_skin_custom .navbar.navbar-dark .it-page-navbar__brand-img {
    display: none;
}
.it-page-home_skin_custom .navbar.navbar-dark .it-page-navbar__brand {
    background-image: url(custom-navbar-brand.png);
    height: 40px;
    min-width: 136px;
}


    .it-page-home_skin_custom .custom-font-escritura_acentos {
        font-family: Sayodies;
    }

.it-page-home_skin_custom .custom-font-escritura {
    font-family: 'Beyond Infinity';
}

.it-page-home_skin_custom .grey-text {
    color: #b8bcbd !important;
}

    .it-page-home_skin_custom .yellow-text {
        color: #fcc311 !important;
    }

.it-page-home__custom-login {
    background-image: url(custom-home-login-outer.jpg) !important;
    background-repeat: repeat-x;
}

.it-page-home__custom-login_inner {
    background-image: url(custom-home-login.jpg) !important;
    background-repeat: no-repeat;
    background-position-x: right;
    min-height: 900px;
}
.it-page-home__custom-login a,
.it-page-home__custom-login .it-login-form__user-name {
    color: #FFF;
}

    .it-page-home__custom-login .custom-control-label,
    .it-page-home__custom-login .text-muted,
    .it-page-home__custom-login .form-control,
    .it-page-home__custom-login .md-form label {
        color: #b8bcbd !important;
    }

.it-page-home_skin_custom .btn {
    border-radius: 10rem;
}

.it-page-home_skin_custom .btn-primary {
    color: #082938;
    background-color: #ffc412 !important
}

    .it-page-home_skin_custom .btn-primary:hover {
        background-color: #FFCE3D !important
    }

    .it-page-home_skin_custom .btn-primary:focus, .it-page-home_skin_custom .btn-primary:active, .it-page-home_skin_custom .btn-primary.active {
        background-color: #FFBF00 !important
    }

    .it-page-home_skin_custom .btn-primary:not([disabled]):not(.disabled).active, .it-page-home_skin_custom .btn-primary:not([disabled]):not(.disabled):active {
        background-color: #FFBF00 !important
    }

.it-page-home_skin_custom .btn-outline-primary, .it-page-home_skin_custom .btn-outline-primary:active, .it-page-home_skin_custom .btn-outline-primary:focus {
    color: #ffc412 !important;
    border-color: #ffc412 !important
}

.it-page-home_skin_custom .it-news a {
    color: #FFF;
}

.it-page-home_skin_custom .it-news__title {
    font-size: 1.5rem;
    color: #FFF;
}

.it-page-home_skin_custom .it-news__pretitle {
    color: #b8bcbd !important;
}

.it-page-home_skin_custom .it-news__text {
    font-size: 1rem;
    color: #b8bcbd;
}

.it-page-home_skin_custom .it-news__hr {
    display: none;

}

.it-page-home_skin_custom .it-recursos__title,
.it-page-home_skin_custom .it-recurso__title,
.it-page-home_skin_custom .it-recurso__link {
    color: #FFF;
}

.it-page-home_skin_custom .it-recurso__domain {
    color: #b8bcbd !important;
}

.it-page-home_skin_custom .it-recurso__text {
    color: #b8bcbd;
}


.it-page-home_skin_custom .custom-focus-bg hr {
    border-top-color: #061a23;
}

.it-page-home_skin_custom .hoverable {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.55s ease-in-out;
    transition: all 0.55s ease-in-out
}

.it-page-home_skin_custom .z-depth-1,
.it-page-home_skin_custom .hoverable:hover {
    -webkit-box-shadow: 0px 0px 11px 11px #112E3B !important;
    box-shadow: 0px 0px 11px 11px #112E3B !important;
    -webkit-transition: all 0.55s ease-in-out;
    transition: all 0.55s ease-in-out;
    border-radius: 1.50rem !important;
}

.it-page-home_skin_custom .hoverable a {
    text-decoration: none;
}

/*card*/
.it-page-home_skin_custom .card {
    background-color: #061a23;
}

.it-page-home_skin_custom .card .card-img-top {
    border-radius: 0.375rem !important;
}

.it-page-home_skin_custom .card .card-body .card-text {
    color: #b8bcbd;
}

.it-page-home_skin_custom .card a {
    color: #FFFFFF !important;
}



.it-page-home_skin_custom .custom-focus-bg {
    background-image: url(custom-focus-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}


/*.it-page-home-texto-slogan*/
.it-page-home_skin_custom .it-page-home-texto-slogan {
    background-color: transparent !important;
    margin-top: 0 !important;
    max-width: 950px;
}

.it-page-home_skin_custom .it-page-home-texto-slogan__container {
    padding-top: 0 !important;
    padding-bottom: 0.1rem !important;
}

.it-page-home_skin_custom .it-page-home-texto-slogan__body {
    margin-top: 0 !important;
}

.it-page-home_skin_custom .it-page-home-texto-slogan__caption {
    color: #b8bcbd !important;
    font-weight: bolder !important;
    font-size: 1rem !important;
}

.it-page-home_skin_custom .it-page-home-texto-slogan__text {
    color: #FFFFFF !important;
    font-weight: bolder !important;
    font-size: 1.75rem !important;
}


.it-page-home_skin_custom .pagination .page-item .page-link {
    color: #FFF;
}

.it-page-home_skin_custom .pagination .page-item.active .page-link,
.it-page-home_skin_custom .pagination .page-item.active .page-link:hover {
    color: #082938;
    background-color: #ffc412
}

.it-page-home_skin_custom .md-form input[type="text"]:not(.browser-default):focus:not([readonly]),
.it-page-home_skin_custom .md-form input[type="password"]:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid #ffc412;
    -webkit-box-shadow: 0 1px 0 0 #ffc412;
    box-shadow: 0 1px 0 0 #ffc412
}

    .it-page-home_skin_custom .md-form input[type="text"]:not(.browser-default):focus:not([readonly]) + label,
    .it-page-home_skin_custom .md-form input[type="password"]:not(.browser-default):focus:not([readonly]) + label {
        color: #ffc412 !important
    }



.custom-focus-img {
    height: 50vh !important;
}

.custom-focus-img__caption {
    top: 10%;
    right: 0;
    font-size: 7rem;
    color: #90ce4c;
    text-transform: uppercase;
}

@media (min-width: 576px) {
    .custom-focus-img__caption {
        top: 15%;
        font-size: 9rem;
    }
}

@media (min-width: 768px) {
    .custom-focus-img__caption {
        top: 16%;
    }
}

@media (min-width: 992px) {
    .custom-focus-img__caption {
        top: 18%;
        right: 32px;
    }
}

@media (min-width: 1200px) {
    .custom-focus-img__caption {
        font-size: 10rem;
        top: 19%;
        right: 10%;
    }
}

@media (min-width: 1400px) {
    .custom-focus-img__caption {
        font-size: 11rem;
        top: 19%;
        right: 12%;
    }
}