/*Stars Styles*/
/*FONTS*/
/*
* Legal Disclaimer
*
* These Fonts are licensed only for use on these domains and their subdomains:
* banregio.com
*
* It is illegal to download or use them on other websites.
*
* While the @font-face statements below may be modified by the client, this
* disclaimer may not be removed.
*
* Lineto.com, 2018
*/

@font-face {
    font-family: "book";
    src: url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.eot");
    src: url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.eot?#iefix") format("embedded-opentype"),
        url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.woff2") format("woff2"),
        url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bold";
    src: url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.eot");
    src: url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.eot?#iefix") format("embedded-opentype"),
        url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.woff2") format("woff2"),
        url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.woff") format("woff");
    font-weight: bold;
    font-style: bold;
}

/*----*/
:root {
    --color-fuentes: #ffff;

}

a {
    color: #c4c7cb;}
a:hover{
    color: #c4c7cb;
}
.title-tabs{
    font-family: 'book';
    font-size: 20px;
    color: #FF6B00;
}
.text-tabs{
    font-family: 'book';
    font-size: 20px;
    color: #818181;
}
li{
padding-bottom: 20px;
}
/* Estilos-header */
.nav {
    padding-top: 8px;
    padding-left: 35px ;
    padding-right: 35px ;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ff6418;
    font-family: 'book';
    background-color: #fff;
    border-color: #dee2e600 #dee2e600 #fff;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #ffffff00 #e9ecef00 #dee2e600;
   
}
.nav-tabs {
    border-bottom: 1px solid #dee2e600;
}
.nav-tabs{
    display: inline-flex;
    font-size: 23px;
    font-family: 'book';
}
.nav-style {
    padding-left: 98px;
    padding-right: 98px;
    padding-top: 29px;
    padding-bottom: 20px;
}

.col-right-principal {
    padding-right: 0px !important;
    padding-left: 0px !important;
    ;
}

.text-banco {
    color: #ff6b00;
    font-weight: 'book';
    font-size: 18px;

}

.bold-a {
    font-weight: bold;
    color: #333333;
}

.bold-a:hover {
    text-decoration: none;
    color: #333333;
}



.text-banco:hover {
    text-decoration: none;
    color: #ff6b00;
}


.content-bienvenidad {
    padding-top: 76px;
    width: 400px;
    display: inline-block;
}

.content-bienvenidad-2 {
    float: right;
    display: inline-block;
    height: 572px;
    width: 590px;
    background-image: url("https://image.hola.banregio.com/lib/fe4215707564057b751673/m/5/f1662bb7-c5ef-4a26-bba2-10f76465d7af.png");
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

}

/* Estilos-Footer */
footer {
    background-color: #ff6b00 !important;
    color: #fff;
    display: flex;
    padding: 50px 0;
}



.footer-image {
    margin-top: 30px;
    text-align: center;
}

.footer-text {
    font-size: 14px;
    text-align: right;
    padding: 30px 70px
}

.footer-image {
    margin-top: 50px;
}

/*Estilos section-1-bienvenida*/

.content-first {
    padding-top: 45px;
}

.text-bienvenida {
    font-family: 'bold';
    color: #333333;
    font-size: 50px;
}

.geo-word {
    color: #ff6418;
}

.geo-word:hover {
    text-decoration: none;
    color: #ff6418;
}

.sub-text {
    font-family: 'book';
    color: #7d7d7d;
}

/*Estilos Intro*/

.intro-1 {
    font-family: 'bold';
    color: #333333;
    font-size: 50px;
}

.sub-intro-1 {
    font-family: 'bold';
    color: #333333;
}

/*section-2-app-movil*/
.section-2-app {
    background-color: #f5f5f5;
    padding-top: 50px;
    padding-bottom: 50px;
}

.instrucciones-p {
    margin-top: 50px;
    font-size: 14px;
    font-family: 'book';
    color: #535353;
    text-align: left;
}
.section-ios-android{
    padding-top: 40px;
    padding-bottom: 40px;
}
.seccion-2-banca {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #F5F5F5;
}

/*sectio-3-web*/

.seccion-3-banca {
    padding-top: 50px;
    padding-bottom: 50px;
    font-family: 'bold';
    color: #333333;
    background-color: #F5F5F5;
}


.title-banca {
    color: #9a9a9a;
    font-family: 'bold';
}


/*section4*/
.ingresa-user {
    padding-top: 0px;
    padding-bottom: 60px;
}

.instrucciones-p-2 {
    margin-top: 10px;
    font-size: 14px;
    text-align: left;
    font-family: 'book';
    color: #535353;
}

/*Estilos preguntas*/


.ico-f {
    width: 16px;
    height: 11px;
    background-image: url("https://image.hola.banregio.com/lib/fe4215707564057b751673/m/5/c114d1f7-452c-4af1-8b51-0b0172d727b1.png");
    background-size: cover;
    display: inline-block;

}

.ico-fUp {
    transform: rotate(180deg);
}

.questions-background {
    background-color: #f9f9f9;
    padding-top: 50px;
    padding-bottom: 50px;
}

.title-questions {
    color: #767676;
    font-family: 'bold';
    font-size: 20px;

}


.title-questions:hover {
    text-decoration: none;
    color: #767676;
}

.questions-styles {
    color: #ff6418;
    font-family: 'bold';

}

.questions-styles:hover {
    text-decoration: none;
    color: #ff6418;
}

.answers-style {
    color: #767676;
    font-family: 'book';
}






/*Stars Medias*/
@media(max-width: 1024px){
    .content-bienvenidad-2 {
        
        height: 383px;
        width: 386px;
    }
    

}

@media(max-width: 768px){
    .content-bienvenidad-2 {
        height: 289px;
    width: 289px;
    }
    .content-bienvenidad {
        padding-top: 41px;
        width: 345px;
        
    }
    .text-bienvenida {
       
        font-size: 36px;
    }
    .content-bienvenidad {
        width: 345px;
    }
}


@media(max-width: 475px) {

    .nav-style {
        padding-left: 2px;
        padding-right: 2px;
    }
    .instrucciones-p {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .nav-style {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .text-banco {
        font-size: 15px;

    }

    .text-bienvenida {
        font-size: 36px;
    }

    .intro-1 {
        font-size: 36px;
    }

    .sub-intro-1 {
        font-size: 36px;
    }

    .footer-text {
        font-size: 14px;
        text-align: left;
        padding: 30px 21px
    }

    .footer-image {
        margin-top: 10px;
    }

    .footer-image {
        margin-top: 20px;
        text-align: left;
    }

    .content-first {
        padding-top: 15px;
    }
    .content-bienvenidad {
        padding-top: 20px;
        text-align: center;
        width: 345px;
    }

    .content-bienvenidad-2 {
        float: none;
        display: inline-block;
        height: 272px;
        width: 307px;
        
    }
    
}

@media (max-width: 320px) {

    .nav-style {
        padding-left: 2px;
        padding-right: 2px;
    }
    .content-first {
        padding-top: 15px;
    }

    .nav-style {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 30px;
    }


    .text-banco {
        font-size: 15px;

    }

    .text-bienvenida {
        font-size: 36px;
    }

    .footer-text {
        font-size: 14px;
        text-align: left;
        padding: 30px 21px
    }

    .footer-image {
        margin-top: 10px;
    }

    .footer-image {
        margin-top: 20px;
        text-align: left;
    }
    .content-bienvenidad {
        padding-top: 20px;
        text-align: center;
        width: 300px;
    }

    .content-bienvenidad-2 {
        float: none;
        display: inline-block;
        height: 272px;
        width: 307px;
        text-align: center;
    }
}