/*FONTS*/ @font-face { font-family: 'SourceSansPro-Light'; src: url('../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Light.woff') format('woff'), url('../fonts/SourceSansPro-Light.ttf') format('truetype'), url('../fonts/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansPro-Regular'; src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro-Regular.ttf') format('truetype'), url('SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansPro-Bold'; src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Bold.woff') format('woff'), url('../fonts/SourceSansPro-Bold.ttf') format('truetype'), url('../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansPro-Semibold'; src: url('../fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Semibold.woff') format('woff'), url('../fonts/SourceSansPro-Semibold.ttf') format('truetype'), url('../fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold') format('svg'); font-weight: normal; font-style: normal; } body { font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; line-height: 1; color: #000} strong { font-family: "SourceSansPro-Semibold"; font-weight: normal;} a:hover { text-decoration: none;} a, a:active, a:focus { outline: none; text-decoration: none;} .list-inline > li { padding: 0; display: inline-block;} .menu-top-left > li { display: none;} .menu-top-left > li.Menu1, .menu-top-left > li.Menu3, .menu-top-left > li.Menu4 { display: inline-block;} .menu-bot-right > li.e-banking-btn {display:none;} /*HOME*/ header { height: 61px; border-bottom: 1px solid #dfdddd; background: #fff;} header h1 { margin: 0; float: left} header .logo { display: block; text-indent: -5000px; width: 173px; height: 44px; background: url(../images/layout/logo.png) no-repeat; margin-top: 8px;} .menu-top-left { float: left; margin: 0 0 0 16px;} .menu-top-left a { display: block; height: 60px; padding: 22px 14px 0 14px; font-size: 16px; color: #00267d; font-family: "SourceSansPro-Semibold"; text-transform: uppercase; position: relative;} .menu-top-left a:hover:after, .menu-top-left a.active:after { content: ""; display: block; height: 1px; border-top: 2px solid #4c649a; width: 40px; position: absolute; left: 50%; bottom: 0; margin-left: -20px;} /**/ .c-hamburger { display: none;} .mobile-bar { display: none;} /**/ header .inner { position: relative;} .menu-top-right { float: right; margin: 0;} .menu-top-right a { display: block; height: 57px; padding: 18px 14px 0 14px; font-size: 16px; color: rgba(2,40,120,.7); text-transform: uppercase; position: relative; transition: all .3s ease 0s } .menu-top-right a:hover { color: #00267d;} .menu-top-right .show-search { font-size: 20px;} .menu-top-right .separador { position: relative} .menu-top-right .separador:after { content: ""; display: block; width: 1px; border-left: 1px solid #dfdddd; height: 24px; position: absolute; left: 0; top: 50%; margin-top: -12px;} .buscador-top { background: #fff; position: absolute; top: 0; right: 0; height: 60px; max-width: 0; width: 0; padding: 8px 0px 0 0; overflow: hidden; transition: all .3s ease 0s; z-index: 2; opacity: 0} .buscador-top.open { max-width: 480px; width: 100%; padding-right: 40px; opacity: 1} .buscador-top button { position: absolute; left: 1px; top: 9px; width: 46px; height: 44px; background: #fff; border: none; color: #00386d; font-size: 20px;} .buscador-top input[type="text"] { width: 100%; height: 46px; border: 1px solid #dde3e9; background: #fff; color: #00386d; font-size: 18px; padding-left: 46px; box-shadow: none !important;} .buscador-top .btn-cerrar { position: absolute; top: 8px; right: 0; display: block; width: 26px; height: 46px; background: url(../images/layout/close-search.png) no-repeat center center; text-indent: -5000px;} .buscador-top ::-webkit-input-placeholder { color: #00386d;} .buscador-top :-moz-placeholder { color: #00386d; opacity: 1} .buscador-top ::-moz-placeholder { color: #00386d; opacity: 1} .buscador-top :-ms-input-placeholder { color: #00386d;} .buscador-top input[type="text"]:focus::-webkit-input-placeholder { color: #fff;} .buscador-top input[type="text"]:focus:-moz-placeholder { color: #fff; opacity: 1} .buscador-top input[type="text"]:focus::-moz-placeholder { color: #fff; opacity: 1} .buscador-top input[type="text"]:focus:-ms-input-placeholder { color: #fff;} /**/ nav { height: 39px; background: #fff; box-shadow: 1px 1.732px 2px 0px rgba(0, 0, 0, 0.1);} nav .col-md-8 { width: calc(100% - 345px);} nav .col-md-4 { width: 345px; float: right;} .menu-bot-left { margin: 0;} .menu-bot-left > li > a { display: block; height: 39px; padding: 13px 7px 0 7px; text-transform: uppercase; font-size: 14px; font-family: "SourceSansPro-Semibold"; color: rgba(2,40,120,.7); position: relative; transition: all .3s ease 0s } .menu-bot-left > li > a:hover { color: #00267d;} /*.menu-bot-left .dropdown:hover > a:after,*/ /*.menu-bot-left > li > a:hover:after,*/ .menu-bot-left > li > a.active:after, .menu-bot-left > li.open > a:after { content: ""; display: block; height: 1px; border-top: 2px solid #4c649a; width: 40px; position: absolute; left: 50%; bottom: 0; margin-left: -20px;} .menu-bot-right { margin: 0; float: right} .menu-bot-right a { display: block; height: 39px; width: 157px; text-align: center; padding: 13px 0 0 0; font-family: "SourceSansPro-Semibold"; text-transform: uppercase; font-size: 14px;} .h-banking-btn a { color: #fff; background: #ea002a; transition: all .3s ease 0s} .h-banking-btn:hover a { background-color: rgba(234,0,42,.7); color: #fff; } .e-banking-btn a { color: #fff; background: #ea002a; transition: all .3s ease 0s; font-size: 13px; padding-top: 7px;} .e-banking-btn:hover a { background-color: rgba(234,0,42,.7); color: #fff; } .c-online-btn a { color: #fff; background: #00386d; margin-left: 1px; transition: all .3s ease 0s} .c-online-btn:hover a { background-color: rgba(0,56,109,.8); color: #fff; } .menu-bot-left .dropdown-menu { box-shadow: none; margin: 0; border: none; border-radius: 0; min-width: 190px; padding: 0; display: block; max-height: 0; overflow: hidden; -webkit-transition: max-height .6s ease-in-out 0s; transition: max-height .6s ease-in-out 0s; border-top: 1px solid transparent} .menu-bot-left .dropdown-menu > li:first-child { padding-top: 10px;} .menu-bot-left .dropdown-menu > li:last-child { padding-bottom: 10px;} .menu-bot-left .dropdown-menu > li > a { white-space: normal; font-size: 15px; padding: 6px 20px; color: rgba(2,40,120,.7); transition: all .3s ease 0s} .menu-bot-left .dropdown-menu > li > a:hover { background: none; color: #00267d; } .menu-bot-left .dropdown:hover .dropdown-menu { max-height: 700px; border-top: 1px solid #dfdddd; padding: 0;} .menu-bot-left .open .dropdown-menu { max-height: 700px; border-top: 1px solid #dfdddd;} /**/ .home-slider { position: relative; overflow: hidden; width: 100%;} #ninja-slider { padding: 0;} #ninja-slider .inner > ul { padding-top: 29% !important; margin: 0;} #ninja-slider .ns-img { border-radius: 0; box-shadow: none; background-size: cover} #ninja-slider-prev { left: 60px;} #ninja-slider-next { right: 60px;} #ninja-slider-prev, #ninja-slider-next { background: none; opacity: 1; height: 74px; line-height: 74px; margin-top: -35px; } #ninja-slider-prev::before, #ninja-slider-next::before { top: 11px; width: 52px; height: 52px;} #ninja-slider-next::before { left: -24px;} #ninja-slider-prev::before { left: 14px;} #ninja-slider-pager { padding-top: 0; position: absolute; width: 100%; text-align: center; left: 0; bottom: 18px; z-index: 100;} #ninja-slider-pager a { display: inline-block; margin-left: 3px; margin-right: 3px; width: 13px; height: 13px; text-indent: -5000px; background: rgba(255,255,255,.4); border-radius: 100%; box-shadow: none} #ninja-slider-pager a.active { background: #fff; box-shadow: none;} /**/ .h-sec-title { font-size: 28px; color: #00386d; font-family: "SourceSansPro-Semibold"; text-align: center; text-transform: uppercase; margin: 40px 0;} .productos-servicios { padding-bottom: 50px;} .productos-servicios ul { display: flex; justify-content: space-between;} .productos-servicios li { width: 25%; margin-right: 7px;} .productos-servicios li:last-child { margin-right: 0;} .productos-servicios figure { position: relative;} .productos-servicios figure:after { content: ""; display: block; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.25); position: absolute; left: 0; top: 0;} .productos-servicios img { width: 100%; height: auto} .productos-servicios figcaption { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;} .productos-servicios figcaption > div { display: table; width: 100%; height: 100%;} .productos-servicios h4 { display: table-cell; vertical-align: middle; text-align: center; font-size: 28px; color: #fff; text-transform: uppercase; height: 100%;} .productos-servicios .btn-action { display: block; font-size: 16px; font-family: "SourceSansPro-Semibold"; text-transform: uppercase; color: #fff; text-align: center; padding: 19px 0; margin-top: 1px; transition: all .3s ease 0s} .productos-servicios .ps-1 { background: #ea002a} .productos-servicios .ps-1:hover { background-color: rgba(234,0,42,.7);} .productos-servicios .ps-2 { background: #65788c} .productos-servicios .ps-2:hover { background-color: rgba(120,139,161,.8);} .productos-servicios .ps-3 { background: #00386d} .productos-servicios .ps-3:hover { background-color: rgba(0,56,109,.8);} .productos-servicios .ps-4 { background: #01203e} .productos-servicios .ps-4:hover { background-color: rgba(1,32,62,.7);} .productos-servicios p { margin: 14px 0; font-size: 22px; color: #506272; font-family: "SourceSansPro-Light"; line-height: 1.2;} /**/ .otros-beneficios { display: flex; justify-content: space-between; margin-bottom: 60px;} .otros-beneficios .ob { margin-right: 7px; width: 50%;} .otros-beneficios .ob:last-child { margin-right: 0;} .otros-beneficios a { display: block; position: relative;} .otros-beneficios figure { position: relative;} .otros-beneficios figure:after { content: ""; display: block; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;} .otros-beneficios img { width: 100%; height: auto;} .otros-beneficios .ob-data { position: absolute; left: 0; top: 0; z-index: 3; display: flex; justify-content: center; height: 100%; width: 100%; align-items: center} .otros-beneficios .icono { display: inline-block;} .otros-beneficios .club-icon { width: 61px; height: 56px; background: url(../images/layout/club-columbia.svg) no-repeat; background-size: contain;} .otros-beneficios .tienda-icon { width: 220px; height: 57px; background: url(../images/layout/tienda-columbia.svg) no-repeat; background-size: contain; margin-bottom: -5px; margin-left: -5px;} .otros-beneficios .etiqueta-icon { width: 42px; height: 76px; background: url(../images/layout/etiqueta.svg) no-repeat; background-size: contain;} .otros-beneficios .group { padding-left: 20px; padding-right: 18px;} .otros-beneficios h4 { margin: 0; color: #fff; font-size: 28px; text-transform: uppercase; line-height: 1.4;} .otros-beneficios p { margin: 0; color: #fff; font-size: 18px; line-height: 1.1;} .otros-beneficios .txt-action { display: none;} .otros-beneficios .btn-action { display: inline-block; color: #fff; width: 154px; height: 55px; text-align: center; padding: 20px 0 0 0; border: 1px solid #fff; font-size: 16px; text-transform: uppercase; transition: all .3s ease 0s; font-family: "SourceSansPro-Semibold";} .otros-beneficios .btn-action:hover { background: rgba(255,255,255,.3); border: 1px solid rgba(255,255,255,0);} /**/ .en-contacto { background: #65788c; color: #fff;} .en-contacto .main-group { display: flex; justify-content: space-between; align-items: center; padding: 25px 0} .en-contacto .main-group a { color: #fff; transition: all .3s ease 0s} .en-contacto .main-group a:hover { opacity: .7} .en-contacto .main-group h3 { margin: 0; text-transform: uppercase; font-size: 28px;} .en-contacto ul { display: flex; margin: 0; justify-content: space-between; align-items: center} .en-contacto li { font-size: 16px; text-transform: uppercase; line-height: 1.3;} .en-contacto li.menuBEE { display:none;} .en-contacto .icon { position: absolute; left: 0; display: block;} .en-contacto .wa-lnk { display: block; padding-left: 43px; position: relative; margin-left: 20px;} .en-contacto .wa-lnk .icon { background: url(../images/layout/whatsapp-icon.svg) no-repeat; background-size: contain; width: 36px; height: 36px; top: 1px;} .en-contacto .tel-lnk { display: block; padding-left: 40px; position: relative; margin-left: 10px;} .en-contacto .tel-lnk .icon { background: url(../images/layout/tel-icon.svg) no-repeat; background-size: contain; width: 32px; height: 37px; top: 2px;} .en-contacto .sucursales-lnk { display: block; padding-left: 40px; position: relative; margin-left: 20px;} .en-contacto .sucursales-lnk .icon { background: url(../images/layout/ubicacion-icon.svg) no-repeat; background-size: contain; width: 30px; height: 39px; top: 0;} .en-contacto .email-lnk { display: block; padding-left: 40px; position: relative; margin-left: 20px;} .en-contacto .email-lnk .icon { background: url(../images/layout/email-icon.svg) no-repeat; background-size: contain; width: 30px; height: 39px; top: 0;} .en-contacto .redes { display: flex; justify-content: space-between; align-items: center} .en-contacto h4 { order: 1; margin: 0; font-size: 16px; text-transform: uppercase; line-height: 1.4;} .en-contacto p { margin: 0;} .en-contacto p a { display: inline-block; width: 37px; height: 37px; border: 2px solid #fff; border-radius: 100%; font-size: 18px; text-align: center; margin-right: 8px; padding-top: 8px;} .en-contacto .footer-contacto { text-align: left;margin-left:50px;position:relative; margin-right: 15px;} .en-contacto .footer-contacto a {margin: 0; font-size: 16px;text-transform: uppercase;line-height: 1.4;} .en-contacto .footer-contacto i {position:absolute;top:11px;left:-35px;} .en-contacto .footer-contacto::before {content:'';position:absolute;top:2px;left:-45px;width: 37px;height: 37px;border: 2px solid #fff;border-radius: 50%;} .en-contacto .footer-contacto:hover:before {opacity: .7;} /**/ .otros-lnks { border-top: 1px solid #dfdddd;} .otros-lnks ul { margin: 0; overflow: hidden; padding: 0;display: flex;flex-wrap: wrap;justify-content: center;} .otros-lnks li { margin: 15px 40px;text-align:center;} .otros-lnks a { display: block; padding-left: 0; position: relative; font-size: 14px; color: #00386d; text-transform: uppercase; line-height: 16px; transition: all .3s ease 0s} .otros-lnks li.strong {background-color:#D1E6FD; padding: 10px 15px;margin-top: 5px;} .otros-lnks li.strong a {font-family: "SourceSansPro-SemiBold", Arial, Helvetica, sans-serif;} .otros-lnks a:hover { color: rgba(0,56,109,.7); } /*.otros-lnks a:after { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; position: absolute; left: 0; top: 0;}*/ /**/ .footer-legal { border-top: 1px solid #dfdddd;} .footer-legal .group { display: flex; justify-content: space-between; align-items: center} .footer-legal p { font-size: 13px; color: #4f504f; margin: 0; line-height: 1.5;} .footer-legal figure { margin-left: 20px;} /**/ .footer { border-top: 1px solid #dfdddd;} .footer p { font-size: 13px; color: #4f504f; margin: 0; line-height: 1.5; padding: 25px 0} .footer p a { color: #4f504f;} /*BREADCRUMB*/ .breadcrumb { padding: 12px 15px; margin-bottom: 4px; background: none; border-radius: 0;} .breadcrumb li { font-size: 13px;} .breadcrumb li a { color: #00267d;} .breadcrumb > li + li:before { padding: 0 5px; color: #000; content: "|";} .breadcrumb > .active { color: #000;} /*INTERNA*/ .header-seccion { height: 270px;} .inner-header { position: relative;} .main-pic { height: 270px; background-repeat: no-repeat; background-position: center center; background-size: cover;} .main-pic:after { content: ""; display: block; background: rgba(0,0,0,.2); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;} .main-pic .layer { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;} .main-pic .breadcrumb { padding: 12px 0; margin-bottom: 0; background-color: transparent; border-radius: 0; font-size: 13px; color: #fff;} .main-pic .breadcrumb li a { color: #fff;} .main-pic .breadcrumb > li + li::before { padding: 0 5px; color: #fff; content: "|";} .main-pic .breadcrumb > .active { color: #fff;} .main-pic .placa { background-color: rgba(5,57,107,.25); padding: 20px 75px 75px 25px; position: relative; float: left; width: 100%; max-width: 585px; max-height: 201px;} .main-pic h2 { margin: 0 0 12px 0; font-size: 40px; color: #fff;} .main-pic .group { display: flex;} .main-pic figure { margin-right: 24px; -webkit-box-shadow: 2px 3px 9px 0px rgba(102,123,150,0.5); -moz-box-shadow: 2px 3px 9px 0px rgba(102,123,150,0.5); box-shadow: 2px 3px 9px 0px rgba(102,123,150,0.5);} .main-pic p { margin: 0; font-size: 18px; color: #fff; line-height: 1.4;} .main-pic .btn-action { display: none; width: 206px; height: 55px; background: #ea002a; color: #fff; text-transform: uppercase; font-size: 16px; font-family: "SourceSansPro-Semibold"; text-align: center; padding: 20px 0; position: absolute; bottom: 0; right: 0; transition: all .3s ease 0s} .main-pic .btn-action:hover { background-color: rgba(234,0,42,.7); } .inner-header-fixed { position: fixed; left: 0; top: 0; width: 100%; z-index: 100; background: #fff; overflow: hidden; border-bottom: 1px solid #f4f4f4;} .inner-header-fixed .main-pic { height: auto; background: none !important;} .inner-header-fixed .main-pic:after, .inner-header-fixed .main-pic .breadcrumb { display: none;} .inner-header-fixed .main-pic .layer { position: static;} .inner-header-fixed .main-pic .placa { background: none; padding: 0; position: relative; float: none;} .inner-header-fixed .main-pic h2 { float: left; color: #00267d; font-size: 30px; margin: 15px 0 0 0;} .inner-header-fixed .main-pic .group { display: none;} .inner-header-fixed .main-pic p { display: none;} .inner-header-fixed .main-pic .btn-action { float: right; position: static;} /**/ .tabs-seccion { height: 41px;} .header-tabs { border-bottom: 1px solid #e1e2e2; background: #fff; box-shadow: 1px 1.732px 2px 0px rgba(0, 0, 0, 0.1);} .header-tabs ul { display: flex; margin: 0;} .header-tabs li { margin-right: 40px;} .header-tabs a { display: block; height: 40px; font-size: 13px; color: #00267d; font-family: "SourceSansPro-Semibold"; text-transform: uppercase; padding: 15px 0; position: relative;} .header-tabs a.active:after { content: ""; display: block; height: 1px; border-top: 2px solid #4c649a; width: 40px; position: absolute; left: 50%; bottom: 0; margin-left: -20px;} .header-tabs-fixed { position: fixed; left: 0; top: 0px; width: 100%; z-index: 100;} /**/ .contenido { padding-top: 44px;} .contenido hr { border-bottom: 1px solid #ccd4e4; border-top: none; margin: 44px 0; height: 0;} .contenido hr:last-child { margin-bottom: 0;} .contenido h3, .otros-interna h3 { font-size: 35px; display: inline-block; position: relative; margin: 0 0 20px 0; padding-bottom: 10px;} .contenido h3:after, .otros-interna h3:after { content: ""; display: block; width: 50px; height: 1px; border-top: 2px solid #000; position: absolute; left: 0; bottom: 0;} .opciones .subtitle { font-size: 20px; margin: 0; margin-bottom: 30px;} .opciones .opciones-group { display: flex; flex-wrap: wrap; margin: 0; padding: 0;} .opciones .opciones-group li { text-align: center; margin-top: 0; margin-bottom: 40px; padding-left: 0; line-height: 1;} .opciones .opciones-group li:after { display: none;} .opciones .opciones-group h4 { margin: 0 0 15px 0; font-size: 20px; color: #ea002a; line-height: 1.3; font-family: "SourceSansPro-Regular"; text-transform: none;} .opciones .opciones-group h4 sup { font-size: 12px;} .opciones .opciones-group p { margin: 0; font-size: 16px; line-height: 1.3;} .opciones .opciones-group figure { height: 63px; display: flex; justify-content: center; align-items: center; margin: 0 0 10px 0;} .opciones .opciones-group li ul { padding: 0;} .opciones .opciones-group li ul li { margin-bottom: 15px; text-align: center;} .opciones .opciones-group li ul li:before { content: "\f00c"; padding-right: 5px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; color: #dc5b40;} .opciones-tarjeta .opciones-group figure { height: auto;} .opciones-tarjeta .opciones-group li ul { margin-bottom: 0;} .opciones-tarjeta .opciones-group li ul li { font-size: 14px; line-height: 1.5; padding: 0 15px;} .opciones-tarjeta .opciones-group li ul li:last-child { margin-bottom: 0;} .contenido h4 { font-size: 18px; margin: 0 0 15px 0; text-transform: uppercase; font-family: "SourceSansPro-Semibold"; line-height: 1.4;} .contenido h5 { font-size: 20px; margin: 0; margin-bottom: 30px; line-height: 1.3;} .contenido ol { margin: 0 0 30px 0; counter-reset: numeros; list-style: none; padding-left: 15px;} .contenido ol li { font-size: 16px; line-height: 1.2; margin-bottom: 5px; position: relative; padding-left: 20px;} .contenido ol li:before { counter-increment: numeros; content: counter(numeros)"."; font-family: "SourceSansPro-Bold"; position: absolute; left: 0; top: 0;} .contenido a { color: #00267d; text-decoration: underline; transition: all .3s ease 0s;} .contenido a:hover { text-decoration: none;} .contenido p { font-size: 16px; line-height: 1.4; margin: 0 0 15px 0;} .contenido small { color: #4f504f;} .contenido small a { color: #4f504f;} .contenido table { width: 100%; border: 1px solid #becdd8; margin-bottom: 30px; word-break: break-word;} .contenido table td { padding: 15px; border: 1px solid #becdd8; font-size: 16px; line-height: 1.7;} .contenido table th { padding: 9px; border: 1px solid #becdd8; background-color:#fff;} .contenido table.table-responsive td { text-align: center; padding: 15px 10px;} .contenido div.tables-transacciones { max-width:100%; overflow: auto;} .contenido table.table-transacciones { min-width: 495px;} .contenido table.table-transacciones td { font-size: 14px; padding: 5px;} .contenido figure { position: relative; margin: 50px 0;} .contenido figure img { max-width: 100%; padding: 0 10px;} /*.contenido figure figcaption + img { padding-left: 20px;}*/ .contenido figure figcaption { position: absolute; left: 0; bottom: 90px; padding: 20px 30px 20px 45px; background-color: rgba(235,0,43,.7); color: #fff; font-size: 20px; line-height: 1.3;} .contenido ul { margin: 0 0 30px 0; list-style: none; padding: 0; padding-left: 15px;} .contenido ul li { font-size: 16px; line-height: 1.2; margin-bottom: 5px; position: relative; padding-left: 10px;} .contenido ul li:after { content: "\f105"; position: absolute; left: 0; top: 2px; display: inline-block; font: normal normal normal 14px/1 FontAwesome;} .contenido ul.files li:after { display: none;} /*.contenido ul.files { float: left; width: 100%; margin:0 0 40px 0; list-style-type: none; } .contenido ul.files li { padding: 5px 0 5px 10px; font: normal 13px/22px "Droid Sans", sans-serif; color:#555655; background:#F9F8F6;} .contenido ul.files li.alter { background:#FFF;} .contenido ul.files li a { font: normal 13px/22px "Droid Sans", sans-serif; color:#555655; text-decoration:none;} .contenido ul.files li i.fa { margin: 0 10px 0 0; font-size: 20px;} */ .contenido ul.files { padding: 10px; background: #edf0f3;} .contenido ul.files li { padding: 5px 0 5px 10px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif;} .contenido ul.files li a { font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif;} .contenido ul.files li i.fa { margin: 0 10px 0 0; font-size: 17px; color:#000} .__CGW_Accordion { margin-bottom: 30px; overflow: hidden} .__CGW_Accordion.infoRelevante { margin-top: -30px; display: none;} /* ACORDEON OCULTO PARA MUESTRA */ .__CGW_Accordion .acordion-box { border: 1px solid #edf0f3; overflow: hidden; margin-bottom: 1px;} .__CGW_Accordion dt { background: #edf0f3; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; color: #00386d; margin: 0 0 1px 0; padding: 10px 15px; font-size: 15px; border: 1px solid #edf0f3; border-bottom:0 none; width: 100%;cursor:pointer;} .__CGW_Accordion dt:before { content: "\f13a";display: inline-block;font: normal normal normal 18px/1 FontAwesome; text-rendering: auto;font-size: 18px;margin-right: 10px;-webkit-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;} .__CGW_Accordion dt:after { display: none;} .__CGW_Accordion dt.active { background: none; } .__CGW_Accordion dt.active:before { -webkit-transform: rotate(180deg); transform: rotate(180deg);} .__CGW_Accordion dd { padding: 15px; padding-left: 40px; display: none;} .__CGW_Accordion dd p:last-child { margin-bottom: 0;} .__CGW_Accordion dd.active { border: 1px solid #edf0f3; border-top:0 none;margin-bottom:1px;} .__CGW_Accordion .acordion-box h5{ font-size: 15px; color: #000; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; padding: 10px 5px; margin-bottom: 8px; background: none;} .otros-interna { padding-top: 44px; display: inline-block;} .contenido .ancla { position: relative; top: -130px; display: inline-block;} .contenido .ancla:first-child { top: -100px;} .contenido .img-left { display: inline-block;} .contenido .img-left img { float: left; margin-right: 50px;} .contenido .img-left ul { float: left; margin-top: 20px} .contenido .img-left ul li { font-size: 20px; padding-bottom: 10px;} .contenido .img-left ul li:after { font-size: 16px; top: 4px;} .pasos-3-imgs { display: inline-block;} .pasos-3-imgs img { float: left;} .section-header { height: 220px; margin-bottom: 32px;} .section-header .inner-section-header { padding: 24px 24px 0 48px; color: #fff; position: relative} .section-header .inner-section-header:before { content: ""; position: absolute; width: 100%; height: 220px; z-index: 1; background: rgba(0,0,0,.3); left: 0; top: 0;} .section-header .inner-section-header .header-data h2 { font-size: 30px; text-transform: uppercase; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 300;} .section-header .header-data { position: absolute; left: 0; top: 0; width: 100%; height: 220px; padding: 24px 24px 0 48px; z-index: 2;} .section-header .header-data a#fancyIframe { color: #fff; text-decoration: underline;} .section-header h1 { margin: 0 0 18px 0; font-size: 35px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase;} .section-header p { font-size: 18px; line-height: 1.2; width: 50%;} /**/ .interna-compartir { margin-bottom: 44px; display: flex; align-items: center} .interna-compartir h5 { margin: 0; font-size: 12px; text-transform: uppercase; margin-right: 20px;} .interna-compartir .redes { margin: 0; display: flex; align-items: center} .interna-compartir .redes a { color: #516f8c; display: inline-block; height: 36px; width: 36px; border: 2px solid #516f8c; border-radius: 100%; text-align: center; margin-right: 8px; line-height: 0; transition: all .3s ease 0s} .interna-compartir .redes a:hover { background: #516f8c; color: #fff;} .interna-compartir .redes .email { font-size: 18px; padding-top: 6px;} .interna-compartir .redes .twitter { font-size: 20px; padding-top: 6px;} .interna-compartir .redes .facebook { font-size: 18px; padding-top: 7px;} .interna-compartir .redes .whatsapp { font-size: 22px; padding-top: 5px; display:none;} /**/ .cta-area { height: 75px;} .pedila-ahora { background: rgba(255,255,255,.8); color: #fff; text-align: center; padding: 10px 0; box-shadow: 1px 1.732px 2px 2px rgba(0, 0, 0, 0.4); position: fixed; left: 0; bottom: 0; width: 100%; z-index: 75;} .pedila-ahora .btn-action { display: inline-block; width: 200px; height: 55px; border: 1px solid #fff; background-color:#ea002a; color: #fff; text-transform: uppercase; font-size: 16px; text-align: center; padding-top: 19px; transition: all .3s ease 0s; font-family: "SourceSansPro-Semibold";} .pedila-ahora .btn-action:hover { background-color: rgba(234,0,42,.7); border: 1px solid #fff;} .datos-personales { font-size: 12px; line-height: 1.2; color: #4f504f; margin-top: 20px; margin-bottom: 40px;} .datos-personales strong { font-family: "SourceSansPro-Bold", Arial, Helvetica, sans-serif; font-weight: 700 !important;} .datos-personales a { text-decoration: underline;} .datos-personales.info-prestamo { margin-bottom: 20px;} .datos-personales.info-prestamo em { font-style: normal;} .datos-personales.info-prestamo span { font-size: 70px;} /* VIDEOS */ .video-container { max-width: 720px;} figure.video { height: 0; padding-bottom: 56.25%; position: relative; width: 100%; margin: 0 0 30px 0;} .video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%;} /* SEGUROS */ .footer-ssn-legal ul { margin: 40px auto 0 auto; border-top: 1px solid #868686; padding: 2% 0;} .footer-ssn-legal ul li { display: inline-block; font-size: 13px; border-left: 1px solid #adadad; padding-left: 2%; padding-right: 2%; vertical-align: middle;} .footer-ssn-legal ul li:after { display: none;} .footer-ssn-legal ul li:first-child { border-left: 0; padding-left: 0;} .footer-ssn-legal ul li:last-child { padding-right: 0;} /* FORM ASESOR */ .solicitar-asesor-title { font-size: 18px; margin: 30px 0;} /* FORM */ .body-forms .placa { margin-top: 30px;} .solicitud-formulario { border: 1px solid #ccd3e3; padding: 30px;} .solicitud-formulario h3 { font-size: 18px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; color: #00386d; margin: -10px 0 50px 0;} .solicitud-formulario hr { margin: 50px -30px; border-color:#ccd3e3;} .solicitud-formulario .leyenda { font-size: 12px; color: #ea002a; text-align: right} .solicitud-formulario .leyend { font-size: 12px; text-align: left;padding:5px 0 0 0;line-height:16px;margin:0;} .solicitud-formulario .form-group { padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; margin-left: 0; margin-right: 0;} .solicitud-formulario .form-group.error .error-message { position: absolute; top: -5px; left: 100%; display: block; background: #ea002a; min-width: 120px; padding: 10px; color: #fff; font-size: 13px; line-height: 1;} .solicitud-formulario .form-group.error .error-message:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(244, 143, 12, 0); border-right-color: #ea002a; border-width: 10px; margin-top: -10px;} .solicitud-formulario .control-label { font-size: 13px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 700; padding-top: 13px;} .solicitud-formulario .control-label.required:before { content: "*" / ""; color: #ea002a; position: relative; font-size: 20px; margin-right: 3px; line-height: 0; font-family: "SourceSansPro-Bold", Arial, Helvetica, sans-serif; font-weight: 700;} .solicitud-formulario select.form-control { font-size: 14px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 100; color: #5071af;} .solicitud-formulario select.form-control option { font-size: 15px; font-weight: 400; color: #000;} .solicitud-formulario .help-label { font-size: 12px; color: #5071af; margin-top: 9px; display: inline-block;} .solicitud-formulario .titulo-separador { color: #00386d; font-family: "SourceSansPro-Bold", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 16px; position: relative; margin-bottom: 30px; margin-top: 20px} .solicitud-formulario .titulo-separador span { position: relative; display: inline-block; background: #fff; padding-left: 10px; padding-right: 10px; margin-left: 42%; width: auto;} .solicitud-formulario .titulo-separador:after { content: ""; display: block; height: 1px; width: 100%; border-top: 1px solid #00386d; margin-top: -8px;} .solicitud-formulario .alert { font-size: 16px; margin-top: 20px; border: none} .solicitud-formulario .alert-danger { background: #fee5e9; color: #ea002a;} .solicitud-formulario .btn { border: none; border-radius: 0; color: #fff; background: #ea002a; font-size: 16px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; padding: 17px 45px; transition: all .3s ease 0s;} .solicitud-formulario .btn:hover { background: rgba(234,0,42,.7);} .solicitud-formulario .input-group-addon { background: #ebeef3; color: #516f8c;} .solicitud-formulario .tooltip-inner { background: #d9e5c9; color: #000; font-size: 13px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic; min-width: 170px; text-align: left; padding: 10px; line-height: 1.1;} .solicitud-formulario .tooltip.right .tooltip-arrow { border-right-color: #d9e5c9;} .solicitud-formulario .form-actions { background: #f3f4f3; padding-top: 16px; padding-bottom: 16px;} .solicitud-formulario .form-actions .back { float: right; font-weight: 500; color: #00386d; font-size: 14px; text-transform: uppercase; display: inline-block; margin-top: 10px;} .solicitud-formulario .campos-extra-1, .solicitud-formulario .campos-extra-2, .solicitud-formulario .campos-extra-3, .solicitud-formulario div.alert { display:none;} /* FORMULARIO DE 3 PASOS */ .solicitud-formulario .form-group { padding-top: 5px; padding-bottom: 5px; margin-bottom: 15px; margin-left: auto; margin-right: auto; /*max-width: 380px;*/} .solicitud-formulario .form-group>div { padding-left: 0; padding-right: 15px;} .solicitud-formulario .doble-campo .col-md-8.col-xs-8 { padding-right: 0;} .solicitud-formulario .doble-campo .col-xs-3 { padding-right: 15px; padding-left: 15px;} .solicitud-formulario .doble-campo.tel .col-xs-1 { padding-right: 0;} .solicitud-formulario .ingresos-netos label { padding-top: 30px;} .solicitud-formulario .radiobuttons { margin: 15px 0 25px;} /* .solicitud-formulario .doble-campo.tel .col-xs-1.num-cod { padding-left: 0; padding-right: 0;} */ .solicitud-formulario .form-control { border-radius: 6px; border: 1px solid #ccd3e5; background: #f8f9fb; box-shadow: none; color: #000; height: 40px; font-size: 15px; text-align: left !important;} .solicitud-formulario .form-control::-webkit-input-placeholder { color: #5071af; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 100; font-size: 14px;} .solicitud-formulario .form-control:-moz-placeholder { color: #5071af; opacity: 1; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 100; font-size: 14px;} .solicitud-formulario .form-control::-moz-placeholder { color: #5071af; opacity: 1; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 100; font-size: 14px;} .solicitud-formulario .form-control:-ms-input-placeholder { color: #5071af; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 100; font-size: 14px;} .solicitud-formulario .form-control:focus::-webkit-input-placeholder { color: #f8f9fb;} .solicitud-formulario .form-control:focus:-moz-placeholder { color: #f8f9fb;} .solicitud-formulario .form-control:focus::-moz-placeholder { color: #f8f9fb;} .solicitud-formulario .form-control:focus:-ms-input-placeholder { color: #f8f9fb;} .solicitud-formulario select.form-control { font-size: 14px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 100; color: #5071af;} .solicitud-formulario select.form-control option { font-size: 15px; font-weight: 400; color: #000;} .solicitud-formulario .input-group input.form-control { border-radius: 0 6px 6px 0 !important;} .solicitud-formulario .titulo-separador span { margin-left: 30%;} .solicitud-formulario .form-actions { background: #f3f4f3; padding-top: 16px; padding-bottom: 16px; margin-top: 20px; max-width: 100%;} .solicitud-formulario .form-actions .col-md-7.col-xs-4 { text-align: right; padding-right: 20px; padding-left: 45px;} .solicitud-formulario .form-actions .back { margin-left: 15px; margin-top: -2px;} .solicitud-formulario .form-actions .back i { margin-left: -10px; padding-right: 2px;} .solicitud-formulario .tab-content { max-width: 380px; margin: 30px auto 10px; border-top: 1px solid #d3d3d3; padding-top: 20px;} .solicitud-formulario .tab24data h4 { font-size: 16px;} .solicitud-formulario .tab24data .tab-suc-head p { margin-bottom: -15px;} .solicitud-formulario #sucursales { margin-bottom: 20px;} .solicitud-formulario .vista-block { height: initial; padding: initial; border: 0;} .solicitud-formulario .vista-block .vista { padding: 10px 0;} .solicitud-formulario .vista-mapa-sucursales { border: 1px solid #ccd3e3;} .solicitud-formulario .vista-lista-sucursales { border: 1px solid #ccd3e3;} .solicitud-formulario .vista-lista-sucursales .listado-sucursales { border: 0;} .solicitud-formulario .leyenda { color: #ea002a; font-size: 13px;} .solicitud-formulario .control-label.required:before { color: #ea002a;} .solicitud-formulario .form-group.error { margin-bottom: 5px;} .solicitud-formulario .form-group.error .error-message { left: 0; top: 0; margin: -6px 0 0 -5px; position: inherit; display: block; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-style: italic; font-size: 13px; line-height: 1.5; background: none; color: #ea002a;} .solicitud-formulario .form-group.doble-campo .error-div span { margin-left: -5px !important;} .solicitud-formulario .form-group.doble-campo.tel.error .error-message { margin-left: 0;} .solicitud-formulario .form-group.error .error-message:after { display: none;} .solicitud-formulario .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { font-size: 16px; color: #00386c; margin-top: 3px; padding-left: 25px; margin-right: 15px;} .solicitud-formulario .form-horizontal .radio-inline input[type=radio] { height: 18px; width: 18px; margin-top: 1px; margin-left: -25px;} .btn-default { transition: all .3s ease 0s;} .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { color: #fff; background: #00386d} .solicitud-3-pasos.gracias .solicitud-formulario .producto-detalle h2 { font-size: 50px;} .solicitud-3-pasos.gracias .solicitud-formulario .producto-detalle p { font-size: 16px; margin-left: 2px;} .solicitud-3-pasos.gracias .solicitud-formulario .producto-detalle .bajada-gracias { font-size: 25px; font-weight: 300; margin: -12px 0 15px 1px;} .solicitud-3-pasos.gracias .footer { display: block;} .EmailChkMsg { text-align: center; width: 100%; display: inline-block; padding: 5px 0 0 0;} /* GALERIA NOTAS a 12 columnas */ .slider { position: relative; margin-bottom: 40px; border: 1px solid #dedede; overflow: hidden; padding: 20px; margin-top: 44px;} #slider img, #slider-thumbs img { display: block; float: left; height: auto;} #slider.slider-experiencia-1 img { width:100%;} #slider-thumbs a { display: block; float: left; height: 106px; width: 135px;} .slider .thumbs { margin-top: 25px; padding-left: 37px; padding-right: 23px; position: relative} .slider .thumbs .exp-arrows { position: absolute; top: 0; width: 30px; height: 106px; background: #ecedee; text-align: center; padding-top: 40px;} .slider .thumbs .exp-prev { left: 0;} .slider .thumbs .exp-prev:before { content: "\f0d9"; font: normal normal normal 20px/1 FontAwesome; display: inline-block; color: #959595;} .slider .thumbs .exp-next { right: 0;} .slider .thumbs .exp-next:before { content: "\f0da"; font: normal normal normal 20px/1 FontAwesome; display: inline-block; color: #959595;} .slider .thumbs.SliderWithOne { display:none !important;} .slider+.contenido { padding-top: 0;} .footer .online-copy {float:left;} #spSsl {float:right;} /*GALERIA NOTAS a 8 columnas */ .slider.col-md-8.col-md-offset-2 #slider-thumbs img { width: 120px; padding-left: 5px;} .slider.col-md-8.col-md-offset-2 .thumbs .exp-arrows { height: 70px; padding-top: 26px;} .slider.col-md-8.col-md-offset-2 .thumbs .caroufredsel_wrapper { height: 74px !important;} .ToMobile .header-spacer, .ToMobile .header-seccion, .ToMobile aside, .ToMobile .otros-lnks, .ToMobile .footer-legal, .ToMobile .en-contacto-spacer, .ToMobile .container-fluid.cta-area {display:none;} .ToMobile .no-mbl-sidebar.content { margin-top: 10px;} .ToMobile .contenido, .ToMobile .online-copy {display:none;} .ToMobile .contenido-Ok {display:block;} .whatsapp-ok .btn-default {border: none;border-radius: 0;color: #fff;background: #26d367;font-size: 16px;font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif;font-weight: 400;padding: 17px 45px;transition: all .3s ease 0s;text-decoration:none; margin:0 0 40px 0;} .whatsapp-ok .btn-default:hover {background: #03B044;} .whatsapp .form-group #aShow {color:#4f504f;text-decoration:none;font-size:14px;padding: 2px 0 0 0; margin: 0;text-transform: none;} .whatsapp .modal-tyc .modal-title {font-size: 24px;font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif;font-weight: 300;text-transform: uppercase;line-height: 1;color: #000;} .whatsapp .modal-tyc .close {position: absolute;font-size: 55px;font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif;font-weight: 100;color: #000;top: 5px;right: 20px;} .whatsapp .modal-tyc .modal-body {padding: 25px 50px;} .whatsapp .modal-tyc .leyenda p {margin: 0;font-size: 12px;font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif;font-weight: 300;line-height: 1.4;} .modal.in .modal-dialog {padding: 0;} @media screen and (max-width: 1199px){ .solicitud-formulario .titulo-separador span { margin-left: 27%;} .section-header .inner-section-header .header-data ul { margin-top: 0;} .en-contacto .tel-lnk {margin-left: 0;} .en-contacto .sucursales-lnk {margin-left: 15px;} .otros-lnks li {margin-right: 15px;} .otros-lnks a {font-size: 12px;} .en-contacto p a {margin-right: 5px;} .en-contacto .main-group a.wa {display:none;} .en-contacto .redes {min-width: 335px;} .en-contacto .footer-contacto { margin-right: 0;} } @media screen and (max-width: 1199px) and (min-width: 991px){ .solicitud-formulario .doble-campo>div { width: 22.3333333% !important;} .solicitud-formulario .doble-campo>div.num-cod { width: 11% !important;} } @media screen and (max-width: 990px){ .solicitud-formulario .titulo-separador span { margin-left: 17%;} .solicitud-formulario .form-actions .btn { padding: 7px 20px} .solicitud-formulario .form-actions .back { float: left; width: 110px; margin-left: 5px;} .en-contacto .redes {min-width: auto;} } @media screen and (max-width: 767px){ .solicitud-formulario .control-label { font-weight: 700; padding-left: 0; padding-top: 5px;} .solicitud-formulario .tab24data h4 { font-weight: 700;} .solicitud-formulario .form-group.error { background: #fff;} .solicitud-formulario .form-group.doble-campo.error .error-message { margin-left: 0;} .solicitud-formulario .form-group.doble-campo.tel.error .error-message { margin-left: 0;} .solicitud-formulario .titulo-separador span { margin-left: 33%;} .solicitud-formulario .form-actions .btn { padding: 7px 40px} .solicitud-formulario .form-group div+div { margin-top: -1px;} .solicitud-formulario .ingresos-netos .control-label { padding-top: 5px;} .solicitud-formulario .form-group>div { padding-right: 0;} } @media screen and (max-width: 684px){ .solicitud-formulario .titulo-separador span { margin-left: 32%;} } @media screen and (max-width: 500px){ .solicitud-formulario .titulo-separador span { margin-left: 27%;} } @media screen and (max-width: 480px){ .whatsapp .solicitud-formulario .form-group.error .error-div {width:100%;} .solicitud-formulario .doble-campo .col-md-8.col-xs-8 { width: 100%; padding: 0;} .solicitud-formulario .doble-campo .col-xs-3 { width: 100%; padding: 0;} .solicitud-formulario .doble-campo.tel .col-md-6.col-xs-6 { width: 100%; padding: 0;} .solicitud-formulario .doble-campo.tel .col-xs-1 { width: 100%; padding: 0;} .solicitud-formulario .doble-campo.tel .col-xs-1.num-cod { width: 25%; padding: 0;} .solicitud-formulario .btn { padding: 7px 50px;} .solicitud-formulario .form-actions .col-md-5.col-xs-4 { width: 100%; margin-top: 56px; z-index: 999999999;} .solicitud-formulario .form-actions .col-md-5.col-xs-4 a { width: 100%; text-align: center; margin: 0;} .solicitud-formulario .form-actions .col-md-7.col-xs-4 { width: 100%; text-align: center; margin-top: -73px; padding-left: 15px;} .whatsapp .modal-tyc .modal-body {padding: 15px 15px;} } @media screen and (max-width: 375px){ .solicitud-formulario { padding: 35px 11px 11px 11px;} .solicitud-formulario .listado-sucursales .data p { width: 165%;} .solicitud-formulario .titulo-separador span { margin-left: 20%;} .solicitud-formulario .form-group>div { max-width: 100% !important; overflow: hidden;} } @media screen and (max-width: 340px){ .section-header .inner-section-header .header-data h1 { font-size: 28px;} .solicitud-formulario .titulo-separador span { margin-left: 14%;} } /* FIN FORMULARIO DE 3 PASOS */ /*DATE PICKER*/ .datepicker.dropdown-menu { box-shadow: 0 6px 12px rgba(0,0,0,.175); border-radius: 4px; border: 1px solid rgba(0,0,0,.15); background: #fff; padding: 5px; top: 100%;opacity: 1;} /* TARJETAS */ .tarjetas-header .main-pic { background-image: url(../images/layout/header-tarjetas.jpg);} .content { margin-top: 50px;} .content.listado { padding: 0 11px;} .content.listado>div { padding: 0 4px;} .card-box { min-height: 280px; border: 1px solid #d4dee8; text-align: center; padding: 20px 10px 0 10px; margin-bottom: 30px;} .card-box h4 { margin: 0 0 30px 0; color: #00386d; font-size: 20px; line-height: 1.3; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 600;} .card-box h4 a { color: #00386d; transition: all .3s ease 0s;} .card-box h4 a:hover { color: #00386d; text-decoration: none;} .card-box h4:after { content: ""; display: block; width: 50px; height: 1px; border-top: 2px solid #00386d; position: relative; left: calc(50% - 25px); bottom: -5px;} /*.card-box figure { margin-bottom: 13px;}*/ .card-box figure img { max-width: 100%; height: auto;} .card-box p { font-size: 15px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.4; margin: 0 auto 25px auto; max-width: 224px;} .card-box .informacion { display: inline-block; color: #00386d; font-size: 14px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; transition: all .3s ease 0s; background-color: #d9dfeb; padding: 10px; width: 178px; max-width: 100%; min-height: 33px;} .card-box .informacion:hover { background-color: #edf0f3;} .card-box .btn { font-size: 16px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 400; border-radius: 0; border: none; background: #ea002a; color: #fff; padding: 16px; margin-top: 10px; width: 178px; max-width: 100%; min-height: 55px; transition: all .3s ease 0s; -webkit-transition: transition: all .3s ease 0s;} .card-box .btn:hover { background: rgba(234,0,42,.7);} /* CUENTAS */ .cuentas-box { border: 1px solid #d4dee8; text-align: center; padding: 25px 20px; margin-bottom: 30px; min-height: 275px;} .cuentas-box .box { min-height:140px;} .cuentas-box h3 { margin: 0 0 20px 0; color: #00386d; font-size: 20px; line-height: 1.3; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase;} .cuentas-box h3 a { color: #00386d; transition: all .3s ease 0s;} .cuentas-box h3 a:hover { color: #00386d; text-decoration: none;} .cuentas-box h3:after { content: ""; display: block; width: 50px; height: 1px; border-top: 2px solid #00386d; position: relative; left: calc(50% - 25px); bottom: -5px;} .cuentas-box p { font-size: 16px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.4; margin: 0 auto 25px auto; max-width: 224px;} .cuentas-box .informacion { display: inline-block; color: #00386d; font-size: 14px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; transition: all .3s ease 0s; background-color: #edf1f4; padding: 10px; width: 178px; max-width: 100%; min-height: 33px;} .cuentas-box .informacion a { color: #00386d;} .cuentas-box .informacion a:hover { color: #00267d; text-decoration: underline;} /* CUENTAS - ICON*/ .cuentas-box.box-icon { min-height: 380px;} .cuentas-box.box-icon .box { min-height: 240px;} .cuentas-box.box-icon img { margin-bottom: 15px;} .cuentas-box .solicitar { text-align: center; padding: 10px 0; width: 100%; } .cuentas-box .solicitar .btn-action { display: inline-block; width: 178px; height: 33px; border: 1px solid #fff; background-color:#ea002a; color: #fff; text-transform: uppercase; font-size: 15px; text-align: center; padding-top: 5px; transition: all .3s ease 0s; font-family: "SourceSansPro-Regular";border-radius:0;} .cuentas-box .solicitar .btn-action:hover { background-color: rgba(234,0,42,.7); border: 1px solid #fff;} /* FAQS */ .faqs-header .main-pic { background-image: url(../images/layout/header-faqs.jpg) !important;} .faqs { color: #000; padding-bottom: 30px;} .faqs .search-intro { margin: 0;} .faqs .search-intro fieldset { border: 0; padding: 0;} .faqs .search-intro fieldset .form-group { width: calc(100% - 201px); margin-right: 12px;} .faqs .search-intro .form-control { padding: 28px; width: 100%; font-size: 20px; max-width: 100%; background-color: #f8f9fb; background-color: #f8f9fb; border: 1px solid #cdd4e6; box-shadow: none;} .faqs #txtFaq::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #536e8c; font-size: 18px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 400;} .faqs #txtFaq:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #536e8c; opacity: 1; font-size: 18px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 400;} .faqs #txtFaq::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #536e8c; opacity: 1; font-size: 18px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 400;} .faqs #txtFaq:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #536e8c; font-size: 18px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 400;} .faqs #txtFaq::-ms-input-placeholder { /* Microsoft Edge */ color: #536e8c; font-size: 18px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 400;} .faqs .search-intro .btn { height: 58px; width: 186px; font-size: 16px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; color: #fff; transition: all .3s ease 0s; background-color: #ea002a; border-radius: 0; margin-top: -1px;} .faqs .search-intro .btn:hover { background-color: rgba(234,0,42,.7);} .faqs .contenido h4.resultado-faqs { margin-top: -10px; margin-bottom: 34px; font-size: 17px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; text-transform: none;} .faqs .contenido .acordion-box h3 { color: #00267d;} .faqs .contenido .acordion-box h3 a { color: #00267d;} .faqs .contenido .acordion-box .acordion-body { padding: 15px 15px 15px 40px;} /*faqs SIDEBAR*/ .faqs-side-box { margin-bottom: 7px; position: relative;} .faqs-side-box:last-child { margin-bottom: 30px;} .faqs-side-promo-img { padding: 0;} .faqs-side-promo-img img { width: 100%;} /* SUCURSALES */ .sucursales-header .main-pic { background-image: url(../images/layout/header-sucursales.jpg);} /**/ .cambiar-ubicacion .form-inline .form-group { display: block; margin-bottom: 25px;} .cambiar-ubicacion { /*border-top: 1px solid #e1e2e2;*/ padding-bottom: 20px; /*display: none; margin-top: -22px;*/} .cambiar-ubicacion a { display: inline-block; background: #fff; font-size: 12px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; color: #00386d; padding: 8px 12px; border: 1px solid #e1e2e2; margin-left: 350px; top: -35px; position: relative; border-bottom: 1px solid #fff; margin-bottom: -60px;} .cambiar-ubicacion .form-inline .form-group .form-control { border: 1px solid #ccd3e5; border-radius: 6px; background: #f8f9fb; font-size: 17px; color: #00267d; height: 40px; width: 290px; box-shadow: none;} .cambiar-ubicacion .form-inline .form-group .form-control select { margin-right: 25px;} .cambiar-ubicacion .form-inline .form-group .form-control#city { display: none;} .cambiar-ubicacion .form-inline .form-group.checkboxs input { width: 23px; height: 14px;} .cambiar-ubicacion .form-inline .form-group.checkboxs label { margin-right: 25px; font-size: 17px; color: #00386c;} .tab-suc-head p { margin-top: -10px; margin-bottom: 34px; font-size: 17px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif;} .vista-block { border-top: 1px solid #ccd3e3; border-left: 1px solid #ccd3e3; border-right: 1px solid #ccd3e3; height: 47px; padding: 12px 0; border-bottom: 0;} .vista-block .vista { font-size: 14px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; float: left; margin-bottom: 0;} .vista-block .label-text { display: block; float: left; height: 24px; padding: 5px 5px 0 15px;} .vista-block .vista-option, .vista-block .vista-option-2 { color: #00267d;} .vista-block .vista-lista { display: block; float: left; height: 24px; padding: 2px 0 0 15px;} .vista-block .vista-lista .fa-bars { font-size: 18px; margin-right: 4px;} .vista-block .vista-mapa { display: block; float: left; height: 24px; padding: 3px 15px 0 15px; position: relative; top: -1px;} .vista-block .vista-mapa .fa-map-marker { font-size: 18px; margin-right: 5px;} .vista-block .vista-option.active, .vista-block .vista-option-2.active { color: #ea002a} .listado-sucursales { background: #edf1f4; margin-bottom: 0; clear: both; float: none; overflow: hidden; border-left: 1px solid #ccd3e3; border-right: 1px solid #ccd3e3; border-bottom: 1px solid #ccd3e3;} .listado-sucursales .table-sucursal { display: table; width: 100%; border-bottom: 1px solid #fff;} .listado-sucursales .table-sucursal:last-child { border: 0;} .listado-sucursales .data { display: table-cell; padding-top: 14px; padding-bottom: 14px; vertical-align: top;} .listado-sucursales .data p { margin-bottom: 0; font-size: 15px; padding-left: 16px; line-height: 1.2;} .listado-sucursales .data p strong { font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 700;} .listado-sucursales .data p a { color: #00267d; text-decoration: underline;} .listado-sucursales .referencias { display: table-cell; text-align: right; padding-right: 18px; vertical-align: top; padding-top: 8px; min-width: 71px;} .listado-sucursales .referencias ul { float: right; padding-top: 5px;} .listado-sucursales .referencias li { float: left;} .listado-sucursales .icon-caja { display: block; background: url(../images/sucursales/sprite-col.png) no-repeat 0 0; width: 17px; height: 16px; margin-top: 2px; margin-left: 8px;} .listado-sucursales .icon-visuales { display: block; background: url(../images/sucursales/sprite-col.png) no-repeat -20px 0; width: 20px; height: 20px; margin-left: 8px;} .listado-referencias { border-bottom: 1px solid #ccd3e3; overflow: hidden; padding-top: 18px; padding-bottom: 20px; margin-bottom: 0;} .listado-referencias li { float: left; font-size: 13px; color: #00267d; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;} .listado-referencias p { margin-bottom: 0; font-size: 12px; font-family: "SourceSansPro-Bold", Arial, Helvetica, sans-serif; font-weight: 700; color: #000; padding-top: 10px;} .listado-referencias .label-text { display: block; float: left; padding-left: 8px; padding-top: 3px;} .listado-referencias .icon-caja-big { display: block; float: left; width: 26px; height: 25px; background: url(../images/sucursales/sprite-col.png) no-repeat 0 -26px; margin-top: 4px; margin-left: 18px;} .listado-referencias .icon-visuales-big { display: block; float: left; width: 31px; height: 25px; background: url(../images/sucursales/sprite-col.png) no-repeat -30px -26px; margin-top: 3px; margin-left: 15px;} .vista-mapa-sucursales, .vista-mapa-sucursales-2 { display: none; border-left: 1px solid #ccd3e3; border-right: 1px solid #ccd3e3; border-bottom: 1px solid #ccd3e3;} .Hidden { display: none !important;} /* INSTITUCIONAL */ .institucional-header .main-pic { background-image: url(../images/layout/header-institucional.jpg);} .institucional-boxes { margin-top: 55px; margin-bottom: 55px;} .institucional-boxes .row { padding: 0 11px;} .institucional-boxes .row>div { margin-bottom: 8px; padding: 0 4px;} .institucional-boxes .row>div .product-item { overflow: hidden;} .institucional-boxes .row>div .product-item a:hover { opacity: .7;} /*inst-a-5-columnas*/ .institucional-boxes .row .col-md-3 { width: 20%;} .institucional-boxes .row .col-md-3 img { width: 245px; height: auto; margin-left: -10px;} /**/ /*CALCULA PRESTAMO*/ .solicitud-header-prestamo { background-image: url(../images/layout/header-form.jpg);} .solicitud-title-prestamo { color: #00386d; margin-bottom: 10px;} .calculador-condiciones .inner-box { height: 124px;} .calculador-condiciones .col-md-3:nth-child(1) { padding-right: 0;} .calculador-condiciones .col-md-3:nth-child(1) .inner-box { border-top: 1px solid #becdd8; border-bottom: 1px solid #becdd8; border-left: 1px solid #becdd8; height: 126px;} .calculador-condiciones .col-md-3:nth-child(1) .inner-box { padding: 24px 36px 0 36px} .calculador-condiciones .col-md-3:nth-child(2) .inner-box { padding: 24px 24px 0 24px} .calculador-condiciones .col-md-3:nth-child(2), .calculador-condiciones .col-md-3:nth-child(3) { border-top: 1px solid #becdd8; border-bottom: 1px solid #becdd8; border-left: 1px solid #becdd8;} .calculador-condiciones .col-md-3:nth-child(3) .inner-box { padding: 24px 24px 0 24px} .calculador-condiciones .col-md-3:nth-child(4) { padding-left: 0;} .calculador-condiciones .col-md-3:nth-child(4) .inner-box { border: 1px solid #becdd8; height: 126px;} .calculador-condiciones .col-md-3:nth-child(4) .inner-box { padding: 24px 36px 0 30px} .calculador-condiciones .radio-inline { font-size: 16px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400;} .calculador-condiciones .control-label { font-size: 16px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400;font-weight: 400;} .calculador-condiciones input[type="text"] { width: 160px;} .calculador-condiciones .help-label { font-size: 11px; color: #707071; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic; display: block; padding-top: 8px;} .calculador-condiciones .form-control { border-radius: 0; border: 1px solid #dee0de; background: #f7f8f7; box-shadow: none; color: #000;} .calculador-prestamo .calculador-condiciones .btn { font-size: 12px; padding: 5px 30px 4px 30px; margin-top: 25px; transition: all .3s ease 0s;} .calculador-prestamo .calculador-condiciones .btn:hover { background: #00386d;} .resultado-title { font-size: 18px; color: #00386d; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400;} .resultado-subtitle { background: #d9e5c9; padding: 10px 14px; font-size: 13px; color: #3e3d40; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 700; margin-bottom: 20px;} .resultado-subtitle strong { font-weight: 400 !important; color: #ea002a;} .tabla-resultado { margin-bottom: 0;} .tabla-resultado th { background: #f7f8f7; color: #3e3d40; font-size: 11px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 700;} .tabla-resultado > tbody > tr > th { padding: 4px 8px;} .tabla-resultado td { font-size: 12px;} .tabla-resultado td a { color: #00386d; font-size: 11px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: underline;} .resultado-importante p { font-size: 13px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic; color: #000;} .resultado-importante p strong { font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 700 !important; font-style: italic; text-decoration: underline;} .calculador-prestamo .alert { border-radius: 0; font-size: 16px; margin-top: 20px; border: none; padding: 7px 15px;} .calculador-prestamo .alert-danger { background: #fee5e9; color: #ea002a;} .calculador-prestamo .btn { border: none; border-radius: 0; color: #fff; background: #00386d; font-size: 16px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; padding: 7px 40px; transition: all .3s ease 0s;} .calculador-prestamo .btn:hover { background: #00386d} .calculador-prestamo .form-actions { background: #f3f4f3; padding-top: 16px; padding-bottom: 16px; overflow: hidden;} .calculador-prestamo .form-actions .back { float: right; font-weight: 500; color: #00386d; font-size: 14px; text-transform: uppercase; display: inline-block; margin-top: 10px;} .calculador-prestamo .error { position: relative; z-index: 100;} .calculador-prestamo .error .error-message { position: absolute; top: -5px; left: 80%; display: block; background: #f48f0c; min-width: 120px; padding: 10px; color: #fff; font-size: 13px; line-height: 1; font-weight: 400; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;} .calculador-prestamo .error .error-message:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(244, 143, 12, 0); border-right-color: #f48f0c; border-width: 10px; margin-top: -10px;} .calculador-prestamo .tabla-resultado .error .error-message { top: -15px;} /*NUEVO CALCULADOR*/ .nuevo-calculador-title { color: #00386d; margin: 40px 0 40px 0; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 22px;} /**/ .nuevo-calculador-prestamo h3 { margin: 0 0 25px 0; color: #ea002a; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-style: italic; font-weight: 400; font-size: 20px;} .nuevo-calculador-prestamo h3 span { display: block; float: left; margin: 0 20px 0 12px;; font-style: normal; color: #fff;} .nuevo-calculador-prestamo h3 span:after { content: ""; display: block; width: 31px; height: 31px; border-radius: 100%; border: 3px solid #ea002a; position: absolute; left: 15px; top: -4px; background: #ea002a; z-index: -1;} .nuevo-calculador-prestamo .box { border: 1px solid #becdd8; min-height: 398px;} .nuevo-calculador-prestamo .box-no-border { border: none} .nuevo-calculador-prestamo .condicion { padding: 0px;} .nuevo-calculador-prestamo .condicion ul { width: 100%; margin: 0; border: 1px solid #d1dae0;} .nuevo-calculador-prestamo .condicion li { border-bottom: 1px solid #d1dae0} .nuevo-calculador-prestamo .condicion li:last-child { border-bottom: none;} .nuevo-calculador-prestamo .condicion li a { display: block; height: 37px; color: #00386d; font-size: 13px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; padding-top: 11px; transition: all .3s ease 0s;} .nuevo-calculador-prestamo .condicion li a:hover { background: #f0f5f8;} .nuevo-calculador-prestamo .condicion li a.active { background: #00386d; color: #fff;} .nuevo-calculador-prestamo .condicion .title-area { height: 55px; padding-top: 20px;} .nuevo-calculador-prestamo .condicion h4 { color: #ea002a; font-size: 18px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic; margin: 0; display: none;} .nuevo-calculador-prestamo .condicion h4 span + span { display: none} .nuevo-calculador-prestamo .condicion h4.nosoy span { display: none} .nuevo-calculador-prestamo .condicion h4.nosoy span + span { display: inline;} .nuevo-calculador-prestamo .condicion .group { display: none;} /**/ .nuevo-calculador-prestamo .opciones ul { margin: 0;} .nuevo-calculador-prestamo .opciones li { padding: 12px 25px; border-bottom: 1px solid #becdd8;} .nuevo-calculador-prestamo .opciones li:last-child { border-bottom: none;} .nuevo-calculador-prestamo .opciones li h4 { color: #00386d; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 16px; margin: 0 0 18px -10px; text-transform: uppercase;} /**/ .nuevo-calculador-prestamo .info-final ul { margin: 0;} .nuevo-calculador-prestamo .info-final li { border-bottom: 1px solid #becdd8; background: #fff; color: #00386d; padding: 17px 25px; overflow: hidden} .nuevo-calculador-prestamo .info-final .tasa { padding-bottom: 0;} .nuevo-calculador-prestamo .info-final .tasa p { font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 5px 0;} .nuevo-calculador-prestamo .info-final .tasa h3 { font-size: 16px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; color: #00386d; margin: 0;} .nuevo-calculador-prestamo .info-final .tasa-1 { float: left;} .nuevo-calculador-prestamo .info-final .tasa-2 { float: right;} .nuevo-calculador-prestamo .info-final .tasa-3 p { font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 5px 0} .nuevo-calculador-prestamo .info-final .tasa-3 h3 { font-size: 80px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; color: #00386d; margin: 0;} .nuevo-calculador-prestamo .info-final li:last-child { padding-bottom: 19px;} .nuevo-calculador-prestamo .info-final a { display: block; font-size: 14px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: underline; color: #ea002a; text-transform: uppercase; padding: 12px 25px; line-height: 1.1;} .nuevo-calculador-prestamo .info-final a .fa { font-size: 14px; margin-right: 5px;} /**/ .nuevo-calculador-prestamo-bottom { margin-top: 30px;} .nuevo-calculador-prestamo-bottom .alert { border-radius: 0; font-size: 16px; margin-top: 20px; border: none; padding: 7px 15px;} .nuevo-calculador-prestamo-bottom .alert-danger { background: #fee5e9; color: #ea002a; border-radius: 5px; padding: 16px; font-style: italic;} .nuevo-calculador-prestamo-bottom .btn { border: none; border-radius: 0; color: #fff; background: #ea002a; font-size: 16px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 400; padding: 16px 62px; float: right; transition: all .3s ease 0s; white-space: normal;} .nuevo-calculador-prestamo-bottom .btn:hover { background: rgba(234,0,42,.7);} .nuevo-calculador-prestamo-bottom .form-actions { background: #f0f5f8; padding-top: 16px; padding-bottom: 16px; overflow: hidden;} .nuevo-calculador-prestamo-bottom .form-actions .back { float: left; font-weight: 500; color: #00386d; font-size: 14px; text-transform: uppercase; display: inline-block; margin-top: 20px;} /*MODAL*/ .modal-prestamo .modal-dialog { margin: 0 auto;} .modal-prestamo .modal-header { padding: 25px 50px; border-bottom: none;} .modal-prestamo .modal-title { font-size: 24px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; line-height: 1; color: #000;} .modal-prestamo .modal-body { padding: 0 50px 35px 50px;} .modal-prestamo th { color: #000; font-size: 12px; font-family: "SourceSansPro-Bold", Arial, Helvetica, sans-serif; font-weight: 900; text-align: center; text-transform: uppercase;} .modal-prestamo td { color: #000; font-size: 13px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 300; text-align: center} .modal-prestamo td strong { font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; font-weight: 400 !important;} .modal-prestamo .leyenda { color: #000;} .modal-prestamo .leyenda h5 { margin: 0 0 5px 0; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 12px; text-decoration: underline;} .modal-prestamo .leyenda p { margin: 0; font-size: 12px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.4;} .modal-prestamo .close { position: absolute; font-size: 55px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; font-weight: 100; color: #000; top: 5px; right: 20px;} .modal-prestamo .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f0f5f8;} /* NUEVO CON SIMULADOR Y FORMULARIO EN UNA PÁGINA */ .solicitar-prestamo h3 { margin: 0 0 25px 0; color: #ea002a; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-style: italic; font-weight: 400; font-size: 20px; position: relative; padding-left: 56px;} .solicitar-prestamo h3 span { display: block; float: left; margin: 0px 18px 0px -30px; font-style: normal; color: #fff;} .solicitar-prestamo h3 span:after { content: ""; display: block; width: 31px; height: 31px; border-radius: 100%; border: 3px solid #ea002a; position: absolute; left: 15px; top: -4px; background: #ea002a; z-index: -1;} .solicitar-prestamo .form-group .simyform ul { display: inline-block; width: 100%;} .solicitar-prestamo #aShow { display: block; font-size: 14px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: underline; color: #04386d; text-transform: uppercase; padding-left: 15px; padding-top: 15px; line-height: 1.1;} .solicitar-prestamo #aShow .fa { font-size: 14px; margin-right: 5px;} .solicitar-prestamo #sucursales { padding-left: 0;} .solicitar-prestamo #sucursales .vista-mapa-sucursales { height: 295px;} /* CALCULADOR PLAZO FIJO */ .calculador-plazos .nuevo-calculador-prestamo .box { min-height: 393px;} .calculador-plazos .nuevo-calculador-prestamo .opciones li { padding: 15px 150px 50px 150px;} .calculador-plazos .nuevo-calculador-prestamo .opciones li h4 { margin: 0 0 38px -133px;} .calculador-plazos .nuevo-calculador-prestamo .info-final li .tasa-3 h3 { font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-size: 57px;} .calculador-plazos .nuevo-calculador-prestamo .info-final li:last-child .tasa-3 h3 { font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif;font-size: 50px;} .calculador-plazos .nuevo-calculador-prestamo .info-final li:last-child { border-bottom: 0;} /* COTIZACIÓN BILLETE - TABLA */ .cajaPrice { display: table; width: 100%; max-width: 860px;} .cajaPrice ul { display: table-row;} .cajaPrice ul li { display: table-cell; width: 33.3%; padding: 10px;} .cajaPrice ul li:after { display: none;} .cajaPrice .head li { background: #65788c; color: #fff;} .cajaPrice .detail li { border-left: 1px solid #65788c; border-bottom: 1px solid #65788c;} .cajaPrice .detail li:last-child { border-right: 1px solid #65788c;} /*RESULTADO DE BUSQUEDA*/ .resultado-de-busqueda { padding-top: 20px; margin-bottom: 80px;} .resultado-de-busqueda p { font-size: 17px; font-family: "SourceSansPro-Light", Arial, Helvetica, sans-serif; text-transform: none;} .resultado-de-busqueda li { font-size: 15px; padding-top: 16px; padding-bottom: 16px; border-top: 1px solid #d1dae0; color: #000;} .resultado-de-busqueda ul li { padding: 15px 0 12px 0; line-height: 1.8;} .resultado-de-busqueda ul li:after { display: none;} .resultado-de-busqueda li strong { font-size: 18px; font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; line-height: 1.8; color: #032878;} .resultado-de-busqueda li a { color: #032878; text-decoration: none;} .load-more a { display: block; background: #edf0f3; color: #00386d; font-size: 16px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; font-weight: 900; text-align: center; padding: 12px; text-decoration: none;} .load-more a:hover { background: rgba(237, 240, 243, .6)} /*MAPA DEL SITIO*/ .sitemap .item { border: 1px solid #d1dae0; padding: 20px; width: 355px; max-width: 100%; margin-top: 30px; margin-right:25px; margin-bottom: 25px; } .sitemap .item .title, .sitemap .item > a { font-family: "SourceSansPro-Regular", Arial, Helvetica, sans-serif; font-size: 20px; text-transform: uppercase; color: #032878; margin-top: 0; display: block; padding-bottom: 10px;} .sitemap .item > a:hover { text-decoration: underline;} .sitemap .item ul { list-style: none; margin: 0; padding: 0;} .sitemap .item li { list-style: none; font-size: 15px; line-height: 1.2; color: #000; margin: 0 0 5px 0; padding: 0;} .sitemap .item li ul { margin: 0 0 20px 15px;} .sitemap .item li a { color: #000;} .sitemap .item li a:hover { text-decoration: underline;} .sitemap .item > ul > li > a { font-weight: 400; text-transform: uppercase; font-size: 16px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; display: inline-block; margin-bottom: 5px;} /*404*/ .contenido h3.error { padding: 0 0 30px 0px; margin-bottom: 30px;} .contenido .error-box { background: #edf0f3; padding: 10px 15px; margin-bottom: 1px;} .AjaxLoader {position:fixed;top:45%;left:50%;margin-top:-16px;margin-left:-16px;z-index:10001;opacity:0.25;} .AjaxOverlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #eee;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;z-index: 10000;} /*COTIZADOR DE SEGUROS*/ .content.listado-seguros { margin-top: 0} .listado-seguros .cuentas-box { min-height: unset; margin-bottom: 15px;} .listado-seguros .cuentas-box .box { min-height: unset;} .listado-seguros .cuentas-box:hover { background: #d4dee8; cursor: pointer;} .listado-seguros .cuentas-box.active { background: #d4dee8;} .tablas-seguros { padding-top: 0px; padding-bottom: 30px;} /**/ .table-seguros { min-width: unset;} .table-seguros th { text-align: center;} .table-seguros th:first-child { text-align: left;} .table-seguros td:first-child { text-align: left !important;} .table-seguros tr:last-child td, .table-seguros-responsive tr:last-child td { background: #00386d;} .table-seguros tr:last-child td:hover, .table-seguros-responsive tr:last-child td:hover { background: #ea002a;} .table-seguros tr:last-child td:first-child { background: #fff;} .table-seguros tr:last-child td a, .table-seguros-responsive tr:last-child td a { display:block; text-decoration: none; font-weight: 600; color: #fff;} .table-seguros-responsive { display: none; text-align: center !important; min-width: unset !important;} .table-seguros-responsive th { float: left; width: 100%; text-align:center !important;} .table-seguros-responsive td { padding: 5px 15px !important;} .table-seguros-responsive td strong { white-space: nowrap;} .table-seguros-responsive th { background-color: #becdd8 !important; font-size: 16px !important;} .table-seguros-responsive tr:last-child td a { font-size: 16px !important;} .table-seguros-responsive td {font-size: 13px !important;} /**/ .table-seguros-ok { min-width: unset !important; max-width: 100% !important;} .table-seguros-ok td { text-align: center;} @media screen and (max-width: 767px) { .table-seguros { display: none;} .table-seguros-responsive { display: table;} } /*RESPONSIVE*/ @media screen and (max-width: 1199px) { .menu-top-left a { padding: 22px 3px 0 3px;} .menu-top-right a { padding: 18px 7px 0 7px;} .menu-bot-left { width: 560px;} .en-contacto .main-group h3 { display: none;} /**/ .otros-beneficios .group { padding-left: 7px; padding-right: 7px;} /**/ .institucional-boxes .row>div .product-item img { width: 100%; height: auto; margin: 0;} /**/ .nuevo-calculador-prestamo .info-final .tasa p { font-size: 10px;} .nuevo-calculador-prestamo .info-final a { font-size: 13px;} #aShow { font-size: 13px;} /**/ .calculador-plazos .nuevo-calculador-prestamo .opciones li { padding: 15px 100px 50px 100px;} .calculador-plazos .nuevo-calculador-prestamo .opciones li h4 { margin-left: -83px;} .calculador-plazos .nuevo-calculador-prestamo .info-final li .tasa-3 h3 { font-size: 50px;} .calculador-plazos .nuevo-calculador-prestamo .info-final li:last-child .tasa-3 h3 { font-size: 38px;} /**/ .pasos-3-imgs img { width: 33.33%;} /**/ .datos-personales.info-prestamo span { font-size: 68px;} } @media screen and (max-width: 991px) { .header-spacer { height: 54px;} .header-group { position: fixed; left: 0; top: 0; z-index: 300; width: 100%;} header { height: 54px;} header .logo { background-size: contain; width: 142px; height: 36px;} .menu-top-left { display: none;} header .inner { position: absolute; top: 0; right: 15px; z-index: 50;} .menu-top-right a { height: 54px; padding: 15px 7px 0 7px;} .menu-top-right .separador:after { display: none;} .buscador-top { height: auto} .buscador-top.open { width: 310px; padding-right: 34px;} .buscador-top button { height: 34px;} .buscador-top input[type="text"] { height: 36px; font-size: 16px; border: 1px solid #dde3e9;} .buscador-top .btn-cerrar { background-size: 15px 17px; height: 36px;} .menu-bot-left { display: none;} nav { height: 0;} nav .col-md-8 { float: left;} nav .col-md-4 { text-align: right; float: right; margin-top: -55px;} .menu-bot-right { float: none; position: absolute; top: 12px; right: 50px; z-index: 25;} .menu-bot-right .h-banking-btn { margin-right: 3px;} .menu-bot-right .e-banking-btn { margin-right: 3px;} .menu-bot-right .c-online-btn { margin-right: 5px;} .menu-bot-right a { width: 129px; height: 31px; font-size: 12px; padding-top: 10px;} /**/ .mobile-bar { position: absolute; left: 0; top: 54px; width: 100%; max-width: 222px; background: #fff; box-shadow: 1px 1.732px 2px 0px rgba(0, 0, 0, 0.2); z-index: 100; display: none} .mobile-bar ul { width: 100%; margin: 0; padding: 0;} .mobile-bar ul li > a { display: block; padding: 12px 25px; color: #00267d; font-size: 15px; position: relative; text-transform: uppercase;} .mobile-bar ul li > .mobile-bar-menu-item { font-family: "SourceSansPro-Semibold";} .mobile-bar ul li > a:focus { text-decoration: none} .mobile-bar ul li > a .fa { font-size: 20px; color: #00267d; position: absolute; right: 25px; top: 12px; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .mobile-bar ul li > a.active { color: #00267d;} .mobile-bar ul li > a.active .fa { transform: rotate(180deg)} .mobile-bar ul ul { padding-bottom: 30px; display: none; opacity: 0; -webkit-transition: opacity .5s ease-in-out 0s; transition: opacity .5s ease-in-out 0s;} .mobile-bar ul ul.open { opacity: 1;} .mobile-bar ul ul li { border-bottom: none; position: relative;} .mobile-bar ul ul li a { font-size: 15px; color: #00267d; text-transform: none; padding: 6px 25px;} .mobile-bar ul ul li:last-child:after { content: ""; display: block; width: 75%; height: 1px; border-top: 1px solid #516f8c; position: absolute; left: 25px; bottom: -15px;} .mobile-bar ul li ul li > .mobile-bar-menu-item { font-family: "SourceSansPro-Regular";} .mobile-bar ul li ul li ul li a { padding-left: 25px;} .mobile-bar ul li.sep { position: relative;} .mobile-bar ul li.sep:before { content: ""; display: block; width: 75%; height: 1px; border-top: 1px solid #516f8c; margin-left: 25px; margin-top: 7px; margin-bottom: 7px;} .mobile-bar .redes { margin: 0; display: flex; align-items: center; padding-bottom: 15px; padding-top: 8px; padding-left: 25px;} .mobile-bar .redes a { color: #516f8c; display: inline-block; height: 36px; width: 36px; border: 2px solid #516f8c; border-radius: 100%; text-align: center; margin-right: 12px; line-height: 0; transition: all .3s ease 0s; font-size: 18px; padding-top: 7px;} .mobile-bar .redes a:hover { background: #516f8c; color: #fff;} /**/ .c-hamburger { display: block; position: relative; overflow: hidden; width: 28px; height: 28px; text-indent: -9999px; cursor: pointer; transition: background 0.3s; float: left; margin-top: 13px; margin-left: -4px; margin-right: 18px;} .c-hamburger:focus { outline: none;} .c-hamburger span { display: block; position: absolute; top: 13px; left: 4px; right: 4px; height: 3px; background: #032878;} .c-hamburger span:before, .c-hamburger span:after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #032878; content: "";} .c-hamburger span:before { top: -6px;} .c-hamburger span:after { bottom: -6px;} .c-hamburger--htx span { transition: background 0s 0.3s;} .c-hamburger--htx span:before, .c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s;} .c-hamburger--htx span::before { transition-property: top, transform;} .c-hamburger--htx span::after { transition-property: bottom, transform;} .c-hamburger--htx.is-active span { background: none;} .c-hamburger--htx.is-active span:before { top: 0; transform: rotate(45deg);} .c-hamburger--htx.is-active span:after { bottom: 0; transform: rotate(-45deg);} .c-hamburger--htx.is-active span:before, .c-hamburger--htx.is-active span:after { transition-delay: 0s, 0.3s;} /**/ #ninja-slider .inner > ul { padding-top: 33% !important;} #ninja-slider-pager { bottom: 8px;} #ninja-slider-prev { left: 15px;} #ninja-slider-next { right: 15px;} #ninja-slider-prev, #ninja-slider-next { height: 53px; line-height: 53px; margin-top: -26px;} #ninja-slider-prev:before { left: 8px;} #ninja-slider-next:before { left: -4px;} #ninja-slider-prev:before, #ninja-slider-next:before { top: 8px; width: 38px; height: 38px;} /**/ .h-sec-title { font-size: 20px; margin: 25px 0;} .productos-servicios { padding-bottom: 20px;} .productos-servicios h4 { font-size: 22px;} .productos-servicios .btn-action { font-size: 12px; padding: 12px 0;} .productos-servicios p { font-size: 15px; margin: 10px 0;} /**/ .otros-beneficios { margin-bottom: 30px;} .otros-beneficios .club-icon { width: 40px; height: 37px;} .otros-beneficios .group { padding-left: 13px; padding-right: 13px; min-width: 190px} .otros-beneficios h4 { font-size: 18px;} .otros-beneficios p { font-size: 13px;} .otros-beneficios .club-icon { width: 40px; height: 37px;} .otros-beneficios .beneficio-2 .group { min-width: 0;} .otros-beneficios .tienda-icon { width: 140px; height: 37px;} .otros-beneficios .etiqueta-icon { width: 30px; height: 53px;} .otros-beneficios .btn-action { width: 106px; height: 36px; font-size: 12px; padding: 12px 0 0 0;} /**/ .otros-lnks ul { display: block; padding:15px 0;} .otros-lnks li { float:left; margin: 0; width: 33.333%;margin-bottom: 15px; text-align:left;} .otros-lnks li.strong { margin-bottom: 0;} .otros-lnks a {font-size: 13px; padding-left: 10px;} /**/ .footer-legal p { font-size: 11px;} /**/ .footer p { font-size: 11px;} /**/ .en-contacto { box-shadow: 0px -3px 3px 0px rgba(0, 0, 0, 0.2); position: fixed; left: 0; bottom: 0; z-index: 110; width: 100%;} .en-contacto .main-group { padding: 12px 0;} .en-contacto li { font-size: 14px;} .en-contacto .sucursales-lnk { margin-left: 0; padding-left: 33px;} .en-contacto .sucursales-lnk .icon { width: 23px; height: 30px;} .en-contacto .canales-lnk { display: block; padding-left: 40px; position: relative; margin-left: 30px;} .en-contacto .canales-lnk .icon { background: url(../images/layout/canales-icon.svg) no-repeat; background-size: contain; width: 32px; height: 34px; top: 0;} .en-contacto .tel-lnk { margin-left: 30px; padding-left: 37px;} .en-contacto .tel-lnk .icon { width: 27px; height: 31px;} .en-contacto p a { width: 32px; height: 32px; padding-top: 5px;} /**/ .header-seccion { height: 221px;} .main-pic { height: 221px;} .main-pic .layer .container { height: 100%;} .main-pic .layer .row { height: 100%; display: table; width: 104%;} .main-pic .layer .col-md-12 { display: table-cell; vertical-align: middle; height: 100%;} .main-pic .placa { padding: 15px 55px 55px 20px;} .main-pic .breadcrumb { display: none;} .main-pic h2 { font-size: 30px;} .main-pic figure { width: 68px; margin-right: 18px;} .main-pic figure img { width: 100%; height: auto;} .main-pic p { font-size: 15px;} .main-pic .btn-action { font-size: 15px; height: 45px; width: 173px; padding: 15px 0} /*.inner-header-fixed .main-pic h2 { margin-top: 7px;}*/ /**/ .header-tabs-fixed { top: 54px;} .opciones .opciones-group h4 { font-size: 16px;} .opciones .opciones-group p { font-size: 15px;} .opciones .opciones-group figure img { max-width: 56px; padding-left: 0;} .opciones-tarjeta .opciones-group figure img { max-width: 110px;} .contenido h3, .otros-interna h3 { font-size: 30px;} .contenido hr { margin: 30px 0;} .contenido figure figcaption { font-size: 16px; bottom: 10%;} .contenido figure { margin: 30px 0} .contenido img {max-width: 100%;} /**/ .en-contacto-spacer { height: 61px;} .cta-area { height: 62px;} .pedila-ahora { bottom: 60px; padding: 0;} .pedila-ahora .btn-action { height: 62px; border: none; font-size: 18px; padding-top: 23px; transition: all .3s ease 0s;} .pedila-ahora .btn-action:hover { height: 62px; border: none;} /**/ .card-box p { max-width: 100%;} /**/ .cuentas-box, .cuentas-box.box-icon { min-height: unset;} .cuentas-box p, .cuentas-box.box-icon p { max-width: 100%;} /**/ .institucional-boxes .row .col-sm-3 { width: 33.33333333%;} /**/ .nuevo-calculador-prestamo .condicion { margin-bottom: 30px;} .nuevo-calculador-prestamo .condicion h4 { font-size: 15px;} .nuevo-calculador-prestamo .info-final .tasa p { font-size: 11px;} /**/ .calculador-plazos .nuevo-calculador-prestamo .box { margin-bottom: 30px; min-height: unset;} .calculador-plazos .nuevo-calculador-prestamo .opciones li { padding: 15px 150px 50px 150px;} .calculador-plazos .nuevo-calculador-prestamo .opciones li h4 { margin-left: -133px;} .calculador-plazos .nuevo-calculador-prestamo-bottom { margin-top: 0;} .calculador-plazos .nuevo-calculador-prestamo .info-final li .tasa-3 h3 { font-size: 57px;} /**/ .body-forms .placa { margin-top: 0;} /* NUEVO CON SIMULADOR Y FORMULARIO EN UNA PÁGINA */ .solicitar-prestamo h3:first-child { margin-bottom: 25px;} .solicitar-prestamo .form-group .simyform ul li { margin-bottom: 25px;} /**/ .datos-personales.info-prestamo span { font-size: 68px;} } @media screen and (max-width: 767px) { .buscador-top.open { width: 93vw;} .mobile-bar { width: 100%; max-width: 100%; z-index: 200; max-height: calc(100vh - 54px); overflow-x: auto} .mobile-bar ul li > a { padding: 12px 15px;} .mobile-bar ul ul li:last-child:after { width: 90%; left: 15px;} .mobile-bar ul ul li a { padding: 12px 15px;} .mobile-bar ul li.sep:before { width: 90%; margin-left: 15px;} /**/ #ninja-slider .inner > ul { padding-top: 97% !important; margin: 0;} #ninja-slider-prev { left: 15px; display: block;} #ninja-slider-next { right: 15px; display: block;} #ninja-slider-pager { display: none;} #ninja-slider-prev, #ninja-slider-next { margin-top: -50px;} /**/ .h-sec-title { font-size: 24px;} .productos-servicios { padding-bottom: 0;} .productos-servicios ul { flex-wrap: wrap; margin: 0;} .productos-servicios li { width: 100%; margin-right: 0; margin-bottom: 16px;} .productos-servicios figure { overflow: hidden; height: 150px;} .productos-servicios h4 { font-size: 28px;} .productos-servicios .btn-action { font-size: 16px; padding: 22px 0} .productos-servicios p { display: none;} /**/ .otros-beneficios { flex-wrap: wrap; margin-bottom: 0;} .otros-beneficios .ob-data { justify-content: flex-start; padding-left: 25px;} .otros-beneficios .ob { width: 100%; margin-right: 0; margin-bottom: 16px;} .otros-beneficios .icon-holder { width: 48px; text-align: center; height: 80px; min-width: 48px;} .otros-beneficios .club-icon { width: 48px; height: 44px;} .otros-beneficios .beneficio-2 .group .txt-action { margin-top: 50px;} .otros-beneficios .tienda-icon { width: 185px; height: 50px;} .otros-beneficios .etiqueta-icon { width: 42px; height: 76px;} .otros-beneficios .group { padding-left: 25px; padding-right: 25px;} .otros-beneficios h4 { font-size: 26px; line-height: 1; margin-bottom: 10px;} .otros-beneficios p { font-size: 15px;} .otros-beneficios p br { display: none;} .otros-beneficios .txt-action { display: block; font-size: 16px; text-transform: uppercase; color: #fff; margin-top: 15px;} .otros-beneficios .btn-action { display: none;} /**/ .otros-lnks { border: none;} .otros-lnks ul { padding: 10px 0;} .otros-lnks li { width: 100%; margin-right: 0; margin-bottom: 20px;} .otros-lnks li br { display: none;} .otros-lnks a { text-transform: none; font-size: 15px;} .otros-lnks a:after { top: 1px;} /**/ .footer-legal { border: none;} .footer-legal .group { display: block; border-top: 1px solid #dfdddd; padding-top: 15px; padding-bottom: 15px;} .footer-legal p { font-size: 13px;} .footer-legal figure { display: block; margin-top: 15px; margin-left: 0;} /**/ .footer { border: none;} .footer p { font-size: 12px;} .footer-links-box { position: relative; width: 100%; height: 35px; overflow: hidden; margin-bottom: 30px; border: 1px solid #c5cfd9} .footer-links { background: #fff; padding-top: 5px; padding-bottom: 5px; width: 100%;} .footer-links:before { content: "OTROS ACCESOS"; display: block; height: 35px; color: #516f8c; font-size: 12px; padding: 5px 20px; line-height: 1;} .footer-links-box.open { height: auto} .footer-links span { display: none;} .footer-links br { display: none;} .footer-links a { display: block; color: #516f8c; text-transform: uppercase; margin-right: 0; margin-left: 0; padding: 5px 20px} .footer-links:after { content: "\f0d8"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: 20px; top: 6px; color: #516f8c; font-size: 18px; -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;} .footer-links .inner-mask { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 1} .footer-links-box.open .inner-mask { width: 20%;} .footer-links-box.open .footer-links:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg);} /**/ .en-contacto-spacer { height: 52px;} .en-contacto .main-group { padding: 10px 0;} .en-contacto .group { width: 100%;} .en-contacto li { font-size: 12px;} .en-contacto .icon { display: none;} .en-contacto .sucursales-lnk { padding-left: 0;} .en-contacto .canales-lnk { padding-left: 0; margin-left: 0;} /**/ .pedila-ahora { bottom: 50px; padding: 2px 0;} .pedila-ahora .btn-action { width: 100%;} /**/ .header-seccion { height: auto;} .main-pic img { width: 100%; height: auto; max-height: 300px;} .main-pic .layer { height: auto; top: auto; bottom: 0;} .main-pic .layer .container{ height: auto; padding-left: 0; padding-right: 0;} .main-pic .layer .row { height: auto; display: block; width: auto; margin-right: 0; margin-left: 0;} .main-pic .layer .col-md-12 { display: block; height: auto; padding-left: 0; padding-right: 0;} .main-pic figure { display: none;} .main-pic .btn-action { display: none !important;} .main-pic .placa { padding: 15px; float: none;} .main-pic h2 { font-size: 26px; margin-bottom: 7px;} .main-pic p br { display: none;} /**/ .tabs-seccion { display: none;} /**/ .contenido h3, .otros-interna h3 { font-size: 25px;} .opciones .subtitle { font-size: 18px;} .opciones .opciones-group li { margin-bottom: 30px; width: 100%;} .opciones .opciones-group figure img { position: static; max-width: 56px;} .opciones-tarjeta .opciones-group figure img { max-width: 110px;} .contenido h4 { font-size: 16px; margin: 0 0 10px 0;} .contenido p, .contenido ol li, .contenido ul li { font-size: 15px;} .contenido ul li, .contenido ol li { margin-bottom: 10px;} .contenido table td { padding: 6px;} .contenido table.table-responsive { border: 0;} .contenido table.table-responsive td { float: left; width: 100%; margin-bottom: -1px; text-align: center; padding: 15px;} .contenido table.table-transacciones td { font-size: 12px;} /*.contenido figure figcaption + img { padding-left: 0px;}*/ .contenido figure { overflow: hidden;} .contenido figure img { padding-left: 0; position: relative; width: 200%; max-width: 200%; left: -50%; height: auto} .contenido figure figcaption { bottom: 0; width: 100%; padding: 15px;} .contenido figure figcaption br { display: none;} .otros-interna { padding-top: 30px;} .interna-compartir .redes .whatsapp { display:block;} /**/ .cuentas-box, .cuentas-box.box-icon { min-height: unset;} .cuentas-box .box, .cuentas-box.box-icon .box { min-height: unset;} .cuentas-box p, .cuentas-box.box-icon p { display: none;} /**/ .nuevo-calculador-prestamo .condicion { min-height: 100%;} .nuevo-calculador-prestamo .condicion ul { width: 100%;} .nuevo-calculador-prestamo .condicion .title-area { height: auto; padding-top: 15px; padding-bottom: 15px;} .nuevo-calculador-prestamo .opciones { margin-bottom: 20px;} .nuevo-calculador-prestamo-bottom .form-actions { text-align: center} .nuevo-calculador-prestamo-bottom .form-actions .back { float: none; margin-bottom: 20px;} .nuevo-calculador-prestamo-bottom .btn { float: none; text-align: center; padding-left: 10px; padding-right: 10px; width: 100%;} .modal-prestamo .modal-header { padding: 25px;} .modal-prestamo .modal-body { padding: 0 25px 25px 25px;} /**/ .calculador-plazos .nuevo-calculador-prestamo .opciones li { padding: 15px 25px 30px 25px;} .calculador-plazos .nuevo-calculador-prestamo .opciones li h4 { margin: 0 0 18px -13px;} /**/ .faqs .search-intro fieldset .form-group { width: 100%;} .faqs .search-intro .btn { width: 100%;} /* NUEVO CON SIMULADOR Y FORMULARIO EN UNA PÁGINA */ .solicitar-prestamo #sucursales { padding-right: 0;} } @media screen and (max-width: 598px) { .institucional-boxes .row .col-xs-6 { width: 50%;} /**/ .calculador-plazos .nuevo-calculador-prestamo .opciones li { padding: 15px 50px 50px 50px;} .calculador-plazos .nuevo-calculador-prestamo .opciones li h4 { margin-left: -33px;} /**/ .pasos-3-imgs img { width: 50%;} /**/ .contenido table.table-transacciones td { padding: 4px;} /**/ .solicitud-formulario .leyenda { padding-bottom: 20px;} /**/ .datos-personales.info-prestamo span { font-size: 60px;} } @media screen and (max-width: 450px) { .cambiar-ubicacion .form-inline .form-group.checkboxs label { width: 85%;} } @media screen and (max-width: 420px) { .nuevo-calculador-prestamo .box { min-height: 100%;} /**/ .pasos-3-imgs img { width: 100%;} /**/ .calculador-plazos .nuevo-calculador-prestamo .info-final li .tasa-3 h3 { font-size: 50px;} } @media screen and (max-width: 380px) { /*SIMULADOR*/ .nuevo-calculador-prestamo .info-final li { padding: 20px 15px;} /**/ .calculador-plazos .nuevo-calculador-prestamo .opciones li { padding: 15px 25px 50px 25px;} .calculador-plazos .nuevo-calculador-prestamo .opciones li h4 { margin-left: -10px;} .calculador-plazos .nuevo-calculador-prestamo .info-final li .tasa-3 h3 { font-size: 40px;} /*SUCURSALES*/ .listado-referencias li { width: 100%; margin-bottom: 10px;} .listado-referencias li:nth-child(2) { width: auto;} .listado-referencias li:nth-child(3) { width: auto;} } @media screen and (max-width: 360px) { .institucional-boxes .row .col-xs-6 { width: 100%;} } @media screen and (max-width: 350px) { .cambiar-ubicacion .form-inline .form-group.checkboxs label { width: 80%;} } @media screen and (max-width: 320px) { .buscador-top.open { width: 92vw;} /**/ .otros-beneficios .ob-data { padding-left: 10px;} .otros-beneficios .group { padding-left: 10px; padding-right: 5px;} } /* CONTACTENOS - footer follow */ .footer-contactate { display:none; position: fixed; left: 0; bottom: 0; width: 100%; background: rgba(0, 56, 109, .8); padding: 0; text-align: center; z-index: 299;} .footer-contactate .btn { color: #ffffff; text-align: left; border-radius: 0; font-size: 18px; font-family: "SourceSansPro-Semibold", Arial, Helvetica, sans-serif; line-height: .8; padding: 16px 44px; background: #ea002a; border: 0; height: 60px;} .footer-contactate .btn:hover { background: rgba(234, 0, 42, .7);} .footer-contactate .btn img { float: left; margin-right: 15px; width:39px;} .footer-contactate .btn.btnTurno img { width:25px;} .footer-contactate .btn small { font-size: 14.3px; line-height: 1.2; display: block;} @media screen and (max-width: 991px) { .footer-contactate { bottom: 60px;} } @media screen and (max-width: 767px) { .footer-contactate { bottom: 50px;} .footer-contactate .btn { padding: 11px 44px; height: 50px; width: 50%; float: left; border-right: 1px solid #56616d;} .footer-contactate .btn.btnTurno { border-right: 0; float:none;} } @media screen and (max-width: 490px) { .footer-contactate .btn { padding: 14px; font-size: 13px; height: 48px;} .footer-contactate .btn small { font-size: 11px;} .footer-contactate .btn img { width: 24px; margin-right: 9px; margin-top: 2px;} .footer-contactate .btn.btnTurno img { width: 20px; margin-top: -2px;} } /*TURNOS ONLINE*/ section.autoclear {display:none;} .turnos-online iframe::-webkit-scrollbar {width: 6px;height: 6px;border-radius: 6px;background-color: #F5F5F5;cursor: pointer;} .turnos-online iframe::-webkit-scrollbar-track {border-radius: 6px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);} .turnos-online iframe::-webkit-scrollbar-thumb {border-radius: 6px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);background-color: #aaa;} /*SUSTENTABILIDAD*/ .contenido .iframe-pdf { border: 0;} .contenido .btn-sustentabilidad { display: none;} @media screen and (max-width: 991px) { .iframe-pdf { display:none;} .contenido .btn-sustentabilidad { display: block; padding: 15px; text-align: center; font-size: 22px; color: #ea002a; border: 2px solid #ea002a; text-decoration: none;} .contenido .btn-sustentabilidad:hover { color: #fff; background: #ea002a;} } /*CTA WHATSAPP*/ .ctaWhatsApp {position:fixed;bottom:105px;right:5px;z-index: 299;} .body-forms .ctaWhatsApp {display:none;}