/*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;
}

/*----*/
body {
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth
}

/* Generales */


.row {
    height: 100%;
}
.Banco {
    width: 140px;
    height: auto;
}
.btn-inicio {

    font-family: 'book';
    color: #ffffff;
    font-size: 22px;
    padding-top: 7px;
    padding-right: 21px;
    padding-bottom: 7px;
    padding-left: 21px;
    text-decoration: none;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;

    background: #ff9d69 !important;


}

.btn-inicio:hover {
    background: #fffdfc !important;
    color: #ff9d69 !important;
}


.btn-inicio2 {

    font-family: 'book';
    color: #eb7f48 !important;
    font-size: 22px;
    padding-top: 7px;
    padding-right: 21px;
    padding-bottom: 7px;
    padding-left: 21px;
    text-decoration: none;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;

    background: #ffffff;


}

.btn-inicio2:hover {
    background: #eb7f48;
    color: #ffffff !important;
    border: 1px solid #ffffff;
}
.btn-inicio3 {

    font-family: 'book';
    color: #5c5c5c !important;
    font-size: 22px;
    padding-top: 7px;
    padding-right: 21px;
    padding-bottom: 7px;
    padding-left: 21px;
    text-decoration: none;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background-color: #fafafa!important;


}

.btn-inicio3:hover {
    background-color: #5c5c5c!important;
    color: #fafafa !important;
    border: 1px solid #ffffff;
}




.nav {
    background-color: #ff9e6900;

}

.nav-Logo {

    padding-top: 0px;
    position: absolute;
    z-index: 1;
}

.nav-link {
    font-family: 'bold';
    font-size: 28px;
    color: #ffffff;


}

.nav-link:hover {
    color: #ffffff;
    text-decoration: none;
}

.Banco {
    width: 140px;
    height: auto;
}

h2 {
    font-family: 'bold';
    font-size: 60px;
    

}

p {
    font-size: 23px;
}

/* Start-Section #1 */

.section1 {
    height: 100% ;
    width: 100%;
    background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/7/8de5e1f9-6c5f-42d1-adcd-b45ab1d3b7ef.jpg);
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-bottom: 100px;
    border-bottom: 50px solid #e1e0dc;


}

.content-section1 {
    padding-top: 50px;
}

.Title-Principal {
    font-family: 'bold';
    font-size: 50px;
    color: #595959;
}


.p-section1 {
    font-family: 'book';
    font-size: 23px;
    color: #595959;
    padding-top: 10px;
}

/* finish-Section #1 */
/* Star-Section #2 */


.section2 {
    padding-top: 60px;
    height: 100%;
    width: 100%;
    background-color: #fff;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-bottom: 60px;

}


.foro-text{
    color:#eb7f48;
    text-decoration: none;
}
.foro-text:hover{
    color:#eb7f48;
    text-decoration: none;
}



.p-section2{
    color: #393939;
    font-size: 30px;
    font-family: 'bold';
}

.sb-P-section2 {
    color: #393939;
    font-size: 23px;
    font-family: 'book';
}












/*section*3*/

.section3 {
    padding-top: 60px;
    height: 100%;
    width: 100%;
    background-color:#f0f0ee ;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-bottom: 100px;

}







.title-tabs{
 
    font-family: 'bold';
    line-height: 1.0;
    padding-bottom: 25px;
    border-bottom: solid #e06b1c 1px;
    font-size: 17px;
    text-align: center;
    width: 85px;
    padding-bottom: 7px;
}





.porcentajes-text{
    font-family: 'bold';
    
    font-size: 35px;
    padding-bottom: 15px;
}
sup{
    font-family: 'bold';
  
    font-size: 15px;
top:-1.5rem;
}

.text-tabs{
    font-family: 'book';
    font-size: 14px;
  line-height: 19px;
    
}

.padre-div{
    width: 100%;
}

.gallery{
  width: 100%;
}

.card{
    display: inline-block;
    padding: 10PX;
    width: 245px;
    height: 100%;
    border:solid #fff;
    border-radius: 20px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
    background-color: #ffffff00;
    padding: 10px;
    color: #393939;
}
.card:hover{
   
    background-color: #ff9d69 !important;
   
    color: #ffffff;
}

.special-row{
    height: 37%!important;
}
.img-Ct{
padding-top: 50px;
}
.a-title-tab {
    font-size: 24px;
    color: #444240;
    font-family: 'bold';
    padding-bottom: 6px;
    padding-right: 15px;
    padding-left: 15px;
}

.a-title-tab:hover {
    text-decoration: none;
    color: #444240;
}

.a-title-tab.active {
    color: #444240;
    border: 0;
    border-bottom: 3px solid #ff6b00;
    background: transparent;
    padding-bottom: 6px;
    padding-right: 15px;
    padding-left: 15px;
}

.contend-tabs {
    margin-top: 30px;
    background-color: #f0f0ee;
    border-radius: 30px;
    padding-top: 40px;
    padding-bottom: 10px;
    


}

.container-beneficios{
    max-width: 890px;
    margin: auto;
}

.beneficios{
    text-align: left;
    font-size: 18px;
    
}
.li-b{
    font-size: 18px;
    font-family: 'book';
}
.li-b>sup{
    font-size: 10px;
    font-weight: normal;
    font-family: 'bold';
 top: -0.5rem;

}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}
.li-b-sub{
    font-size: 14px;
    font-family: 'book';
}




.after-tabs-btn {
    padding-top: 40px;
    padding-bottom: 40px;

}

/* Make the image fully responsive */
.carousel-inner img {
    width:  252px;
    height:306px;
    
  }

.carousel{
padding-top: 30px;

}
.carousel-control-prev-icon{
    background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/7/a1ef8948-5688-4464-a99c-f9ccbe62b305.png)!important;
    width: 33px;
    height: 32px;
    opacity: 100%!important;
}

.carousel-control-next-icon{
    background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/7/a6b818ad-dc8b-48da-af99-4dbd07584082.png)!important;
    width: 33px;
    height: 32px;
    opacity: 100%!important;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    opacity: 100%!important;
}



.carousel-control-next, .carousel-control-prev{
    opacity: 100%;
    transition:none;
}

/* end slider */





.section-form{
background-color: #ffffff;
padding-top: 60px;
padding-bottom: 30px;
}

.section-form>.container h2 {
    color: #4d4d4d;
    
    font-size: 60px;
}






.after-tabs-btn-2 {
    padding-top: 30px;
    padding-bottom: 0px;

}
/**Start Section7*/
.section7 {

    height: auto;
    width: 100%;
    background-color: #f0f0ee;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
margin-top:45px;
}


.content-1-contacto {
    padding-bottom: 50px;
}

.title_contacto {
    color: #ffffff;
    font-size: 52px;
    font-family: 'bold';
    padding: 0px;
    line-height: 1;
    padding-bottom: 50px;
}

.title_contacto-2 {
    color: #ffffff;
    font-size: 52px;
    font-family: 'bold';
    padding-inline-start: 28px;
    padding-top: 0px;

}

.p-contacto {
    color: #ffffff;
    font-size: 21px;
    font-family: 'book';
    padding-top: 20px;


}

.legales {
    font-family: 'book';
    font-size: 12px;
    text-align: left;
    color: #767676;
    line-height: 1.2;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 20px;
    text-align: justify;

}

.big-legales {
    font-family: 'bold';
    font-size: 35px;
    color: #767676;

}


.iconos-redes{
    margin-right: 20px;
}
footer {
    background-color: #ff671d !important;
    color: #fff;
    display: flex;
    padding: 40px 0;
}

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




/* start medias */
@media screen and (max-width: 2561px) {
    .nav-tabs {
        border-bottom: none;
    
        padding-left: 215px;
        padding-right: 215px;
        font-family: 'bold';
    }
}

@media screen and (max-width: 1441px) {
    
    .Title-Principal {
        
        font-size: 59px;
        
    }
    .nav-tabs {
        border-bottom: none;
    
        padding-left: 215px;
        padding-right: 215px;
        font-family: 'bold';
    }
}

@media screen and (max-width: 1370px) {}

@media screen and (max-width: 1024px) {
    .content-RC {
        padding-left: 80px;
        padding-right: 80px;
    }
    .content-RC {
        padding-left: 110px;
        padding-right: 110px;
    }

    .Title-Principal {
        
        font-size: 50px;
       
    }
    .nav-tabs {
        border-bottom: none;
        padding-left: 135px;
        padding-right: 135px;
        font-family: 'bold';
    }
   

    .img_Hipot{
        width: 530px;
    }
}



@media screen and (max-width: 850px) {
    .content1 {
        padding-top: 33px;
    }

    .Banco {
        height: 42px;
        width: 94px;
    }

    .Banco2 {
        height: 12px;
    width: 107px;
    }

    .section1 {

        height: auto;
        width: 100%;
        background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/7/8de5e1f9-6c5f-42d1-adcd-b45ab1d3b7ef.jpg);
        background-position: bottom;
        background-size: bottom;
        -webkit-background-size: bottom;
        -moz-background-size: bottom;
        -o-background-size: bottom;
    }

    .Title-Principal {

        font-size: 46px;
    }

    .img_Hipot {
        width: 300px;
    }




    /*section7*/

    .section7 {
        padding-top: 25px;
        height: 100%;
    }

    .title_contacto,
    .title_contacto-2 {
        font-size: 29px;
    }




    .p-contacto {
        font-size: 17px;
    }

    .legales {
        font-size: 11px;
        padding-top: 15px;
    }

    .big-legales {
        font-size: 25px;
    }





}



/*Movil-Horizontal*/


@media screen and (max-width: 841px) and (orientation: landscape) {

    .content-section1 {
        padding-top: 0px;
    }

    


    .Title-Principal {
        padding-top: 0px;
        font-size: 38px;
    }

    .p-section2 {
       
        font-size: 20px;
        
    }
  
    .sb-P-section2 {

        font-size: 17px;
    }
    .section3>.container h2 {
        color: #4d4d4d;
        font-size: 45px;
    }
    .nav-tabs {
        padding-left: 28px;
        padding-right: 28px;
    }


    
    .section-form>.container h2 {

        font-size: 45px;
    }
.a-title-tab {
        font-size: 23px;
    }

    .content-RC {
        padding-left: 50px;
        padding-right: 50px;
    }


    .card{
        width: 166px;
    }
    .title-tabs{
        font-size: 17px;
    }
   .text-tabs{
    font-size: 11px;
   }
  
   .carousel-inner img {
    width: 216px;
    height: 269px;
}
    


}




@media screen and (max-width: 799px) and (orientation: landscape) {
    .Title-Principal {
        padding-top: 36px;
        font-size: 28px;
    }

    .p-section1 {

        font-size: 18px;

    }
    .nav-tabs {
        padding-left: 20px;
        padding-right: 20px;
    }
    .p-section2 {
        font-size: 17px;
    }

    .sb-P-section2 {
        font-size: 15px;
    }

   

   



}



@media screen and (max-width: 769px){
    .nav-tabs {
        
        padding-left: 25px;
        padding-right: 25px;
      
    }

    /* slider */
    .carousel-inner img {
        width: 216px;
        height: 285px;
    }

}

/*Movil-Horizontal*/
@media screen and (max-width: 737px) and (orientation: landscape) {


 
    .a-title-tab {
        font-size: 20px;
    }


    /*Section7**/
    .section7 {
        height: 100%;
    }
    .nav-tabs {
        padding-left: 0px;
        padding-right: 0px;
    }
    .a-title-tab {
        font-size: 19px;
    }

     /* cards */
     .card {
        width: 107px;
    }
    .porcentajes-text{
        font-size: 20px;
    }
    .text-tabs{
        font-size: 12px;
    }
    sup{
        font-size: 12px;
    }
    /* endcards */
    /* slider */

    .li-b {
        font-size: 12px;
    }


    .beneficios {
        
        font-size: 15px;
    }
    .li-b-sub {
        font-size: 10px;
    }
    .carousel-inner img {
        width: 135px;
        height: 187px;
    }

    .section-form>.container h2 {
        font-size: 40px;
    }

}

@media screen and (max-width: 670px) and (orientation: landscape) {

    /*Generals*/

    .nav-link {
        float: right;
    }

    .nav-Logo {
        padding-left: 57px;
    }

    /*section1*/
    .section1 {
        height: auto;
    }

    /**Section1*/
    .Title-Principal {
        padding-top: 36px;
        font-size: 39px;
    }

    .p-section1 {

        font-size: 18px;




    }



    /*section7*/
    .p-contacto {
        font-size: 15px;
    }

    .legales {
        font-size: 10px;
        padding-top: 0px;
    }

    .big-legales {
        font-size: 22px;
    }


    /*footer*/
    .footer-text {

        padding: 30px 39px;
    }
     /* cards */
     .card {
        width: 107px;
    }
    .porcentajes-text{
        font-size: 20px;
    }
    .text-tabs{
        font-size: 12px;
    }
    sup{
        font-size: 12px;
    }
    /* endcards */
/* slider */

    .li-b {
        font-size: 12px;
    }


    .beneficios {
        
        font-size: 15px;
    }
    .li-b-sub {
        font-size: 10px;
    }
    .carousel-inner img {
        width: 135px;
        height: 187px;
    }

    .section-form>.container h2 {
        font-size: 40px;
    }
}



@media screen and (max-width: 668px) and (orientation: landscape) {

    /*section1*/
    .Banco {
        height: 47px;
    }

    .nav-link {
        float: right;
    }

    .nav-Logo {

        padding-right: 4px;
    }


    .Title-Principal {
        padding-top: 5px;
    }

    .Title-Principal {

        font-size: 40px;
    }

    .p-section1 {
        font-family: 'book';
        font-size: 18px;
    }

 

    .iconos-redes {
        margin-right: 1px;
    }
    .nav-tabs {
        padding-left: 0px;
        padding-right: 0px;
    }
    .a-title-tab {
        font-size: 17px;
    }

}


/* Movil */

@media screen and (max-width: 590px) {
    .nav-Logo {
        padding-left: 0px;
        padding-right: 0px;
    }

    .nav-link {
        font-size: 20px;
        padding-right: 20px;
    }
    .Banco2 {
        width: 94px;
        height: 10px;
    }

    .section1 {
        height: 100vh;
        width: 100%;
        background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/7/91170cc8-e0f7-4059-9313-d70fc4ef650b.jpg);
        background-position: bottom;
        background-size: bottom;
        -webkit-background-size: bottom;
        -moz-background-size: bottom;
        -o-background-size: bottom;
        border-bottom: none;
    }

    .img_Hipot {
        display: none;
    }

    .Title-Principal {
        padding-top: 0px;
        font-size: 40px;
    }
    .p-section1 {
      
        font-size: 19px;}

    .section2>.container h2 {

        font-size: 43px;
    }
    .section3>.container h2 {

        font-size: 43px;
    }
    
    .section-form>.container h2 {

        font-size: 43px;
    }

    .nav-tabs {
        border-bottom: none;
        padding-left: 0px;
        padding-right: 0px;
    }
    .a-title-tab {
        font-size: 13px;
    }


    .p-section2 {
        
        font-size: 27px;}

    .sb-P-section2 {

        font-size: 18px;
    }
    /*section7*/
    .section7 {
        height: 100%;
        padding-top: 30px;
    }

    .title_contacto,
    .title_contacto-2 {
        text-align: center;
        font-size: 36px;
        padding-bottom: 10px;
    }

    .p-contacto {

        font-size: 18px;
    }

    .legales {
        font-size: 15px;
        padding-top: 29px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .big-legales {
        font-size: 35px;
    }

    .title_contacto-2 {
       
        padding-inline-start: 0px;
        
    }

    /*footer*/
    .footer-text {
        text-align: center;
        padding: 30px 22px;
    }

    .footer-image {

        text-align: center;
    }




}

@media (max-width: 570px) and (orientation: landscape) {

    .nav-link {
        float: right;
    }

    /*section1*/
    .Banco {
        height: 38px;
    }

    .section1 {
        height: 100vh;
        width: 100%;
        background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/7/692aa91e-d0e5-4073-9919-aabc0837107d.jpg)
    }

    .Title-Principal {
        padding-top: 0px;
        font-size: 30px;
    }

    .pd-special{
        padding-left: 15px;
    }
    
    .p-section2 {
        font-size: 17px;
    }
   /* slider */
   .li-b {
    font-size: 16px;
}

}


@media screen and (max-width: 376px) {
    .nav-link {
        
        padding-right: 49px;
    }

    .section2>.container h2 {

        font-size: 43px;
    }

  

    .sb-P-section2 {

        font-size: 18px;
    }

  

    /**section3*/

    .Title-Principal {
        padding-top: 0px;
        font-size: 35px;
    }

    .section3>.container h2 {
 
        font-size: 43px;
    }

    .section3>.container h2 {
      
        font-size: 43px;
    }
.section3 {
        padding-bottom: 80px;
    }
    
.section3 {
        padding-bottom: 80px;
    }
   

    .nav-tabs {
        border-bottom: none;
        padding-left: 0px;
        padding-right: 0px;
    }
    .a-title-tab {
        font-size: 12px;
        padding-right: 2px;
        padding-left: 2px;

    }
    .a-title-tab.active{
        padding-right: 2px;
    padding-left: 2px;
    }
    

    .section-form>.container h2 {
        
        
        font-size: 43px;
    }
    .section5>.container h2 {
        font-size: 43px;
        line-height: 1.4;}
    
    .txt-contratacion{
        
        font-size: 39px;
    }
    .pd-special{
        padding-left: 15px;
    }
    /*section7*/
    .section7 {
        height: auto;
        padding-top: 50px;
        padding-bottom: 10px;

    }

    .title_contacto,
    .title_contacto-2 {
        text-align: center;
        font-size: 30px;
        padding-bottom: 10px;
    }

    .p-contacto {

        font-size: 17px;
    }

    .legales {
        font-size: 13px;
        padding-top: 12px;
        padding-bottom: 20px;
    }

    .big-legales {
        font-size: 25px;
    }


    /*footer*/
    .footer-image {

        text-align: center;
    }

    .footer-text {
        text-align: center;

        padding: 30px 22px;
    }

    /* slider */
    .carousel-inner img {
        width: 180px;
        height: 264px;
    }

    
}

@media screen and (max-width:321px) {






    /*sectin7*/

    .footer-image {

        text-align: center;
    }

    .legales {
        font-size: 12px;
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .big-legales {
        font-size: 25px;
    }

    .nav-tabs {
        border-bottom: none;
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .a-title-tab.active {
        padding-left: 0px;
        padding-right: 0px;
    }
    .a-title-tab{
        font-size: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .card{
        width: 179px;
    }
    /* slider */
    .carousel-inner img {
        width: 156px;
        height: 213px;
    }

    
}