/*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;
}
.legaleshipotecario{
  font-family: 'bold';
}
.legaleshipotecario2{
font-family: 'book';
}
.Cat{
    font-size: 22px;
}
/* Estilos MODALES */

.modal-p{
    font-size: 20px;
    font-family: 'book';
    text-align: center;
    color:#3D3935 ;
    line-height: 1.2;
}

.legales-hipotecario3{
padding-top: 30px;
    padding-bottom: 30px;
    font-size: 13px;
    font-family: ''book'';
}
.nav {
    padding-top: 20px;
}

.Banco {
    width: 140px;
    height: auto;
    padding-left: 10px;
}

.Banco2 {
    height: 19px;
}
/* Estilos MODALES */

.modal-title{
    font-size: 30px;
    font-family: 'book';
    text-align: center;
    color:#FF6B00 ;
}
.modal-p{
    font-size: 20px;
    font-family: 'book';
    text-align: center;
    color:#3D3935 ;
    line-height: 1.2;
}
.modal-header{
    padding: 6px;
    padding-right: 11px;
    padding-top: 11px;
    border-bottom: 1px solid #fff;
}

.modal-content{
    border-radius: 15px;
}
.modal-body{
padding-top: 0px
}


.placeholder{opacity: 5;}


.content-section1{
    padding-top: 30px;
}
.section1 {
    height: 100%;
    width: 100%;

    
    /* background-image: url(); */
    background-position: bottom;
    background-color: #fff;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-bottom: 30px;

}
.Title-Principal {
    font-family: 'book';
    font-size: 65px;
    color: #3D3935;
    line-height: 1.0;
}
.p-section1 {
    padding-top: 30px;
    font-family: 'book';
    font-size: 30px;
    color: #707372;
    line-height: 1.3;
}
.btn-01 {

    font-family: 'book';
    color: #ffffff;
    font-size: 20px;
    padding-top: 7px;
    padding-right: 50px;
    padding-bottom: 7px;
    padding-left: 50px;
    margin-right: 9px;
    margin-top: 10PX;
    text-decoration: none;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    border: solid 2px #ffff;
    background: #FF6B00 !important;
}

.btn-01:hover {
    background: #fffdfc !important;
    color: #FF6B00 !important;
    border: #FF6B00 solid 2px;
}
.btn-01-slider{
    font-family: 'book';
    color: #ffffff;
    font-size: 20px;
    padding-top: 7px;
    padding-right: 50px;
    padding-bottom: 7px;
    padding-left: 50px;
    margin-right: 9px;
    margin-top: 10PX;
    text-decoration: none;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    border: solid 2px #ffff;
    background: #FF6B00 !important;
}
.btn-01-slider:hover{
    background: #fffdfc !important;
    color: #FF6B00 !important;
    border: #FF6B00 solid 2px;
}
.btn-tabs{
    font-family: 'book';
    color: #ffffff;
    font-size: 20px;
    padding-top: 9px;
    padding-right: 50px;
    padding-bottom: 9px;
    padding-left: 50px;
    width: 500px;
    margin-right: 9px;
    margin-top: 10PX;
    text-decoration: none;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    border: solid 2px #ffff;
    background: #FF6B00 !important;
}
.btn-tabs:hover{
    background: #fffdfc !important;
    color: #FF6B00 !important;
    border: #FF6B00 solid 2px;
}
.legaldespegable{
    padding-left: 0px;
    font-size: 'book';
    font-size: 15px;
    color: #000000;
}

.btn-hipotecario{
    font-size: 'bold';
    font-size: 15px;
    color: #FF6B28;
}

/* section2 -COMIENZAN ESTILOS DE SLIDER */

.section2{
    padding-top: 40px;
    background-color: #fff;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
}


/* Estilos Slider*/
/* Styles for slick  */

.card-normal {
    border-radius: 10px;
}

.card-normal>.card-header {
    height: 200px;
    width: 278px;
    background-color: transparent;
    border-bottom: none;
}

.card-normal>.card-header>center>img {
    height: 170px;
    width: 210px;
}

.card-normal>.card-body {
    height: 140px;
    background-color: transparent;
}

.card-normal>.card-body>h2 {
    padding: 0px;
    color: #FF6B00;
    text-align: center;
    text-decoration: none;
    font-size: 28px;
   
}

.card-normal>.card-body>p {
    font-size: large;
    color: #5c5c5c;
    font-family: 'book';
    font-size: 14px;
}

.card-normal>.card-footer {
    background-color: transparent;
    border: none;
}

div#slider-op {
    display: grid;
    list-style: none;
    height: 500px;
    padding-right: 100px;
    padding-left: 100px;
}

.slick-list,
.slick-track {
    height: 100%;
}

div#slider-op .item {
    width: 333px;
    height: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

div#slider-op .item .content {
    width: 100%;
    height: 100%;
    transition: transform 0.3s linear;
    transition-delay: 0.5s;
    text-align: center;
}

div#slider-op .item .content span {
    color: #fff;
    font-size: 50px;
    font-family: Arial;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

div#slider-op .item:not(.slick-current) .content {
    transform: scale(0.9);
    transition-delay: 0s;
}

div#slider-op .item:not(.slick-current) .content .card-normal>.card-footer>center>button {
    display: none;
}

.slick-prev {
    background-color: transparent;
    border: none;
    left: 79px;
}

.slick-prev:before {
    content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6601' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.slick-next {
    background-color: transparent;
    border: none;
    right: 79px;
}

.slick-next:before {
    content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6601' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 38%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

/* finish Slider*/


.section3{
    padding-top: 0px;
    height: 100%;
    padding-bottom: 50px;
}

.title-tabs{
    font-family: 'book';
    font-size: 50px;
    color: #3D3935;
    line-height: 1.0;
    padding-bottom: 30px;
}
.special-title2{
    padding-top: 115px;
}

/**NAV TABS*/
.contenido1{
    padding-top: 60px;
}
.nav-tabs {
    border-bottom: 1px solid #ffffff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #707372;
    background-color: #fff;
    border-bottom: #31271f solid!important;
    border-color: #fff;
    font-family: 'book';
    font-size: 20px;
}
.contend-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.nav-item{
    padding-left: 10px;
    padding-right: 10px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-bottom: #FF6B00 solid!important;
    border-color: #fff;
    color: #FF6B00;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #495057;
    background-color: #fff;
    border-bottom: #31271f solid!important;
    border-color: #fff;
}

/* section3 */
.p-tabs{

    color: #3D3935;
    font-size: 'bold';
    font-size: 15px;
    

}
.sub-tab{
    font-size: 'bold';
    font-size: 15px;
    color: #FF6B28;
}
.li-beneficios{
    font-size: 'book';
    font-size: 22px;
    border-bottom:solid 1px #e9e7e7 ;
    padding-top: 2px;
    padding-bottom: 5px;
    margin-bottom: 7px;
}
.part-2{
    padding-top: 20px;
}
.monto{
    text-align: right;
    color: #3D3935;
    font-size: 'bold';
    font-size: 10px;
}



a.btn.btn-hipotecario.collapse{
    background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/13/bab9df1c-c699-4aae-bedc-f64d3828e381.png);
}
.collapsing{
padding: 10px;
}
div#demo.collapse.show{
    padding: 10px; 
}
div#demo2.collapse.show{
    padding: 10px; 
}
div#demo3.collapse.show{
    padding: 10px; 
}
div#demo4.collapse.show{
    padding: 10px; 
}
div#demo5.collapse.show{
    padding: 10px; 
}
div#demo6.collapse.show{
    padding: 10px; 
}

/* ESTILOS MENU MOVIL */
.section3-movil{
    display: none;
}
.section3-movil{
    padding-bottom: 40px;
}
.card-menu-movil{
    border-bottom: 2px solid #cacaca;
    border-left-color: #cacaca;
    border-right-color: #cacaca;
    border-top-color: #cacaca;
    border-radius: 8px;
    margin-top: 6px;
    background: rgb(242,242,246);
background: linear-gradient(90deg, rgba(242,242,246,1) 0%, rgba(245,245,245,1) 35%, rgba(237,241,242,1) 100%);

}
.card-header{

    border-bottom: 1px solid #cacaca;
    border: #fff;
    text-align: center;
    background: #fff;
  

}

.btn-menu-movil{
font-size: 24px;
font-family: 'book';
color: #FF6B00;
text-decoration: none;
font-weight: bold;

}
.btn-menu-movil:hover{
    color: #495057;
}
/* ESTILOS FOOTER */
/*FOOTER**/
footer {
    background-color: #707372 !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;
}



/* start medias Web*/
@media screen and (max-width: 2561px) {  
    div#slider-op {
        
        padding-right: 0px;
        padding-left: 0px;
        width: auto;
    }
    .slick-prev{left:-23px;}
    .slick-next {
        
        right: -26px;}
}
@media screen and (max-width: 2300px) { 
div#slider-op {
    padding-right: 100px;
    padding-left: 100px;
    width: auto;
}
}


@media screen and (max-width: 1500px){   
    div#slider-op {
        
        padding-right: 106px;
        padding-left: 106px;
    }
   
    .slick-next {
        right: 68px;
    }
    .slick-prev {
        left: 71px;}
}

@media screen and (max-width: 1024px) {
    .nav-item {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    
}
/* Tablets*/
@media screen and (max-width: 850px) {
    .section3{
        display: none;
    }
    .btn-tabs{
        width: auto;
    }
    .section3-movil{
        display: block;
    }
}
/*Movil-Horizontal*/
@media screen and (max-width: 841px) and (orientation: landscape) {
    .section3{
        display: none;
    }
    .section3-movil{
        display: block;
    }
}
/*Movil-Horizontal*/
@media screen and (max-width: 820px) and (orientation: landscape) { /*iphone 11*/
}



 /**tablet**/
@media screen and (max-width: 769px) {
    .section3{
        display: none;
    }
    .section3-movil{
        display: block;
    }
    .btn-tabs{
        width: auto;
    }
    .card-normal>.card-body{
        height: 135px;
    }
}
/*Movil-Horizontal*/
@media screen and (max-width: 670px) and (orientation: landscape) {
}
/* Movil horizontal */
@media (max-width: 570px) and (orientation: landscape) {
}

/* Movil-celular */
@media screen and (max-width: 590px){

    .Title-Principal{
        font-size: 40px;
    }
    .p-section1 {
        
        font-size: 24px;
        
    }

    .btn-01-slider{
        padding-left: 12px;
        padding-right: 12px;
        width: auto;
        font-size: 16px;

    }
    .section2{
        padding-bottom: 0;
    }
    .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;
    }

     /*carrusel*/
    /*carrusel*/
    div#slider-op {
        padding-left: 30px;
        padding-right: 30px;
    }
.card-normal>.card-header>center>img {
    height: 105Px;
    width: 117px;
}

.card-normal>.card-body {
    height: 219px;
}

.card-normal>.card-header {
    height: 102px;
    width: 172px;
}

div#slider-op .item {
    width: 290px;
    height: 100%;
    margin-left: 4px;
    margin-right: 4px;
}

div#slider-op .item .content {
    width: 79%;
    margin: auto;}

    .slick-prev{
        left: 33px;

    }

    .slick-next {
        right: 33px;
    }

   
    .btn-tabs{
width: auto;
    }
}

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

}