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

.img-fluid{
    max-width: 100%;
    height: auto;
}

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



footer {
    background-color: #ff671d !important;
    color: #fff;
    display: flex;
    padding: 40px 0;
}
.tm{font-size: 35px;
}
.footer-text {
    font-size: 14px;
    text-align: right;
    padding: 30px 70px;
    line-height: 16px;
}
.footer-legales {
    font-size: 14px;
    text-align: left;
    padding: 30px 70px;
    font-family: 'book';
    line-height: 16px;
    color:#333333;
}




/*----Section1--*/
.content-section1 {
   padding: 0;
   margin: 0;
   
}
.content-principal{
    padding-left: 80px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 30px;

}

.pasos-text{
    font-family: 'book';
    font-size: 20px;
    padding-left: 57px;
    color: #2B2723;
    line-height: 1.2;
 
}

.paso1{
 
    width: 306px;
    background-image: url("https://image.hola.banregio.com/lib/fe4215707564057b751673/m/14/a50fda6b-ab6a-4701-a93a-0fab53fe56da.png");
    height: 100px;
 background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.paso2{
 
    width: 306px;
    background-image: url("https://image.hola.banregio.com/lib/fe4215707564057b751673/m/14/9ff60d8f-c34b-4dd4-a0c0-3fcc3b007d0e.png");
    height: 100px;
 background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.paso3{
 
    width: 306px;
    background-image: url("https://image.hola.banregio.com/lib/fe4215707564057b751673/m/14/975da978-7282-4b1b-80f5-db020d9b1b4e.png");
    height: 100px;
 background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.img-padd{
    padding-left: 80px;
}

.columna1{
    background-color: #ECEEED;
}
.columna2{
    background-color: #ECEEED;
}
.section1 {
    height:100%;
    width: 100%;

    background-position: bottom;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
   
   
}
.nav-link{padding-left: 0; padding-right: 0; padding-top: 30px; padding-bottom: 20px;}
.section2{
    background-color: #E7C1B1;
    padding-top: 70px;
    padding-bottom: 40px;
    height: 100%;
    width: 100%;
}
.nav{
    padding-top: 20px;
}
.Banco {
    width: 140px;
    height: auto;
    padding-left: 10px;
}
.Banco2{
    height: 19px;
}
.Title-Principal {
    font-family: 'bold';
    font-size: 50px;
    color: #333333;
    line-height: 1.0;
    padding-bottom: 30px;
}
.p-section3 {
    padding-top: 166px;
    text-align: center;
    font-family: 'book';
    font-size: 28px;
    color: #2B2723;
    line-height: 1.3;
}
.p-section1 {
      text-align: center;
    font-family: 'book';
    font-size: 28px;
    color: #2B2723;
    line-height: 1.3;
}
.text-registrate{
    font-family: 'bold';
    font-size: 26px;
}
.negrita{
    font-family: 'bold';

}

video {
    width: 100%;
    height: auto;
  }

/* .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; 
    padding-top: 25px;
    height: 0;
} *//*
.videoWrapper iframe {
    position:absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 400px;
    margin: auto;
    height: 100%;
} */
.section3{
    background-color: #E8D8CD;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 100%;
    width: 100%;
}

.h2-t{
    font-size: 28px;
    font-family: 'bold';
    color: #2B2723;
    padding-bottom: 30px;
    padding-top: 0;
}
/*FOOTER**/
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;
}
.footer-redes-web{
    padding: 0px 70px;
    text-align: right;
}
.iconos-redes-web{
    padding: 0;
    margin-bottom: -14px;
}

.footer-redes-movil{
   display: none;
}
.iconos-redes-movil{
   display: none;
}





/* star media querys  */
@media screen and (max-width: 1024px) {
   
    
  
}
/*Movil-Horizontal*/
@media screen and (max-width: 925px) and (orientation: landscape) {
  
}

/* Tablets*/
@media screen and (max-width: 850px) {
  
  
}

 /**tablet**/
 @media screen and (max-width: 769px) {

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

  
}


/* -----Movil------ */
@media screen and (max-width: 590px){  
    .section2{
   
        height: 100%;
        width: 102%;
    }
    .section3{
   
        height: 100%;
        width: 102%;
    }
    footer{
   
        height: 100%;
        width: 102%;
    }
    
    .content-principal {
        padding-left: 40px;}
   
    .section2{
        padding-bottom: 30px;
        padding-top: 0;
    }

    .Title-Principal{
        font-size: 40px;

    }
    .footer-redes-web{
        display: none;
     }

     .iconos-redes-web{
        display: none;
     }

     .iconos-redes-movil {
        display: block;
        padding: 0;
        margin-bottom: -6px;
    }
    .footer-redes-movil {
        text-align: center;
        display: block;
    }
    .footer-image {
        text-align: center;
    }

    .footer-text {
        text-align: center;
        padding: 30px 22px;
    }
}
@media screen and (max-width: 376px) {


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

}