@font-face {
  font-family: "BobbyJonesSoft-Regular";
  src: url("../fonts/hinted-BobbyJonesSoft-Regular.woff2") format("woff2"),
      url("../fonts/hinted-BobbyJonesSoft-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}


:focus {

box-shadow:  0px 0px 7px #038459;
padding:1px;
border-radius: 5px;
}

.site-column > :focus {

box-shadow:  0px 0px 7px #fff !important;
padding:1px;
border-radius: 5px;
}

.__Herobg{

background-repeat:no-repeat;
background-size:cover;
min-height: 400px;
background-position:center;
}

@media (max-width: 767px){

.pr-masterpage .__Herobg{


background-position:-750px !important;

}

}

.white-text{
color:#fff;
}

.inicio-heading{
position:absolute;
left:-2000px;
}

.teluri
{
text-decoration:underline;

}
.tab-window {
  display:none;
  max-width: 300px;
  padding: 20px 40px;
  color: #018752;
  background-color: white;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}


.location-holder fieldset{
border:none;
}

.div-center{
    margin: auto;
    display: table
    }

@charset "UTF-8";
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

html, body, button, div, span, h1, h2, h3, h4,
h5, h6, p, a, em, img, strong, ol, ul,
li, table, tr, th, td, form, input, select {
border: 0;
margin: 0;
padding: 0;
outline: none;
text-decoration: none; }

body {
position: relative; }



body, button, form, input {
color: #303030;
font: 13px "Helvetica Neue", "Arial", sans-serif; }


.p-1{
padding-block-end: 1em;
}

.pt-1{
padding-top: 1em;
}

.pr-1{
padding-right: 1em;
}

.pb-1{
padding-bottom: 1em;
}

.pl-1{
padding-left: 1em;
}

.p-2{
padding-block-end: 2em;
}

.pt-2{
padding-top: 2em;
}

.pr-2{
padding-right: 2em;
}

.pb-2{
padding-bottom: 2em;
}

.pl-2{
padding-left: 2em;
}

.p-3{
padding-block-end: 3em;
}

.pt-3{
padding-top: 3em;
}

.pr-3{
padding-right: 3em;
}

.pb-3{
padding-bottom: 3em;
}

.pl-3{
padding-left: 3em;
}

.p-4{
padding-block-end: 4em;
}

.pt-4{
padding-top: 4em;
}

.pr-4{
padding-right: 4em;
}

.pb-4{
padding-bottom: 4em;
}

.pl-4{
padding-left: 4em;
}

.p-5{
padding-block-end: 5em;
}

.pt-5{
padding-top: 5em;
}

.pr-5{
padding-right: 5em;
}

.pb-5{
padding-bottom: 5em;
}

.pl-5{
padding-left: 5em;
}


/****************************/
/* FONT ICONS - ICONMOON
/****************************/
@font-face {
font-family: 'icomoon';
src: url("../fonts/icomoon.eot?-bbvvsf");
src: url("../fonts/icomoon.eot?#iefix-bbvvsf") format("embedded-opentype"), url("../fonts/icomoon.woff?-bbvvsf") format("woff"), url("../fonts/icomoon.ttf?-bbvvsf") format("truetype"), url("../fonts/icomoon.svg?-bbvvsf#icomoon") format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }

.icon-home:before {
content: "\e600"; }

.icon-arrow-right:before {
content: "\e601"; }

.icon-uniE602:before {
content: "\e602"; }

h1, h2, h3,
h4, h5, h6,
.page__columns .debit-ath-container .highlight  {
font-weight: normal; }

.highlight{
 text-decoration:underline;
 color:#007c29 !important;
 }

 .highlight-2{

 color:#007c29;
 }


.boxes1,
.button--analytics .number,
.button--cont,
.button2,
.button3,
.counter--likes .number,
.header__pagetitle,
.highlight,
.footer__nav .tabs > li.active,
.page__columns .tel.link,
.page__navigation .active a,
.page__columns .page__address1 .highlight,
.page__columns__title--alt,
.strong,
.welcome__columns .title {
font-weight: bold; }

.button.button3--mobile,
.header__pagetitle.small {
font-size: 9px; }

.button.button--call .title,
.button--analytics .title {
font-size: 10px; }

.button.button--fb1,
.dropdown--region,
.mainbox__tabs,
.page__navigation {
font-size: 11px; }

.box--fdic,
.counter--likes,
.copyright,
.list--style2,
.mainbox__tabcontent .tweet--date {
font-size: 13px; }

.boxes5,
.button,
.column__divider,
.footer__nav .tabs,
.header__pagetitle,
.input2,
.list--style3,
.mainbox__hash,
.mainbox__tabcontent .tweet--content {
font-size: 14px; }

.boxes1,
.button--cont,
.input--holder1,
.input--holder2,
.list--style2 .title,
.list--style5,
.mainbox__tabcontent .tweet--mention,
.mainbox__tabcontent.fb .top,
.page__address1,
.page__columns p,
.page__columns__title--alt {
font-size: 15px; }

.boxes--split__text,
.home__newsletter,
.input1,
.welcome__columns .title--copy {
font-size: 18px; }

.boxes4__title,
.button.button--call .number,
.button--analytics .number,
.page__title--copy,
.slide__text {
font-size: 20px; }

.page__title--copy {
position: relative;
top: 0%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }

.page__top--alt .text {
font-size: 23px; }

.page__title,
.welcome__columns .title {
font-size: 24px; }

.home .heading,
.welcome .heading--copy {
font-size: 42px; }

.boxes--split__title,
.home__h2,
.page__columns__title {
font-size: 26px; }
.boxes--split__title.font-25-bold,
.home__h2.font-25-bold,
.page__columns__title.font-25-bold {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 15px; }
.boxes--split__title.banca-movil,
.home__h2.banca-movil,
.page__columns__title.banca-movil {
  font-size: 20px; }

p.parragraph_subtitle {
font-size: 20px;
line-height: 30px; }
p.parragraph_subtitle.strong-format {
  font-size: 16px;
  font-weight: 700;
  color: #666666; }

.boxes5 .number {
font-size: 40px; }

.counter--likes .number {
font-size: 54px; }

.slide__title {
font-size: 44px; }

.page__top--alt .heading,
.welcome .heading {
font-size: 60px; }

.box--fdic {
line-height: 15px; }

.list--style2 {
line-height: 20px; }

.boxes5 {
line-height: 21px; }

.counter--likes {
line-height: 22px; }

.boxes1 {
line-height: 23px; }

.boxes1 .text {
font-weight: normal;
line-height: 20px;
font-size: 14px; }
.boxes1 .text.heading {
  line-height: 24px;
  font-size: 20px;
  font-weight: 500; }
.boxes1 .box__legal {
line-height: 13px;
font-size: 11px;
color: black;
font-weight: normal;
width:95%;}
.boxes1 .button {
font-size: 13px; }

.page__columns__title {
line-height: 32px; }

.button + .arrow,
.page__address1 {
font-style: normal; }

.boxes2,
.boxes3,
.button,
.column__divider,
.footer__nav .tabs,
.header--main--mobile .header__top,
.page__navigator,
.page__top--alt,
.shape,
.welcome__top,.db-table {
text-align: center; }

.button.button3--mobile,
.button.button--analytics,
.button.button--call,
.button.button--cont,
.page__navigation--mobile,
.page__topcontent--alt > .column--left {
text-align: left; }

.page__topcontent--alt2 {
color: white;
font-size: 13px;
text-transform: initial !important;
font-weight: bold; }
.page__topcontent--alt2 a {
  color: white;
  font-weight: normal;
  text-transform: initial; }
  .page__topcontent--alt2 a:hover {
    text-decoration: underline; }
.page__topcontent--alt2 span {
  margin: 0 5px; }
.page__topcontent--alt2 i {
  font-size: 16px; }

.page__top--alt2 h1 {
font-size: 26px;
font-weight: 500;
line-height: 60px;
padding: 30px 0px 0px 0px;
float: left;
width: 56%; }
.page__top--alt2 h1.history-title {
  font-size: 15px;
  line-height: 1;
  overflow: hidden; }
.page__top--alt2 h1.medium-size-title {
  font-size: 20px;
  line-height: 1;
  overflow: hidden; }
.page__top--alt2 h1.multi-line {
  line-height: 1.1 !important; }

.mainbox__title {
font-weight: bold; }

.button--fb1,
.copyright {
text-align: right; }

  @media (min-width: 768px){
.button--fb1,
.copyright {
text-align: center; }

}


.button.button--analytics,
.button.button--cont,
.button.button--fb1 {
text-transform: initial; }

.footer__nav .title,
.mainbox__tabs,
.page__navigation,
.page__columns__title--alt,
.page__navigation--mobile,
.page__topcontent {
text-transform: uppercase; }

.welcome__columns,
.welcome__top {
-webkit-text-shadow: 0 2px 0 rgba(2, 2, 2, 0.15);
-moz-text-shadow: 0 2px 0 rgba(2, 2, 2, 0.15);
-ms-text-shadow: 0 2px 0 rgba(2, 2, 2, 0.15);
-o-text-shadow: 0 2px 0 rgba(2, 2, 2, 0.15);
text-shadow: 0 2px 0 rgba(2, 2, 2, 0.15); }

.input--holder1,
.input--holder2 {
-webkit-text-shadow: 0px 0px 0px;
-moz-text-shadow: 0px 0px 0px;
-ms-text-shadow: 0px 0px 0px;
-o-text-shadow: 0px 0px 0px;
text-shadow: 0px 0px 0px; }

.dw-alert a{
text-decoration:underline;
}

.highlighted {
color: #075E27;
text-decoration:underline;
}

.highlighted a {
color: #075E27;
text-decoration:underline;
}
.sop--content a{
color: #075E27;
text-decoration:underline;

}

.sub-title {
font-size: 15px;
display: block;
margin-bottom: 20px;
font-weight: 700; }

p.banca-movil-p {
font-size: 16px !important; }

.page__navigation > li a {
text-transform: none;
font-size: 13px; }

@media (max-width: 768px) {


.boxes1 .text {
  line-height: 14px; }
  .boxes1 .text.heading {
    line-height: 17px;
    font-size: 13px; }
.boxes1 .button {
  font-size: 11px;
  font-weight: normal; } }
@media (min-width: 768px) and (max-width: 992px) {
.boxes1 .text {
  line-height: 16px;
  font-size: 14px; }
  .boxes1 .text.heading {
    line-height: 22px;
    font-size: 18px; } }
@media (min-width: 768px) {
.page__columns__title.banca-movil {
  font-size: 28px; }

p.banca-movil-p {
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid #E8EBEA; }

.page__top--alt2 h1.history-title {
  font-size: 26px;
  line-height: 60px; }
.page__top--alt2 h1.medium-size-title {
  font-size: 26px;
  line-height: 60px; }
.page__top--alt2 h1.multi-line {
  line-height: 1.1 !important; } }
html {
background-color: #303030;
-webkit-text-size-adjust: 100%; }

body.menu--expanded {
overflow: hidden;
position: fixed;
top: 0;
height: 100%; }

.ui-loader {
display: none; }

p a {
text-decoration: none; }

.hideOnMobile {
display: none !important; }
/*
.hideOnDesktop {
display: none !important; }
*/
.mobile_banca_dropdown {
display: none; }

.noPadding {
padding: 0px !important; }

.ui-dialog{
z-index:103 !important;
}

.clearfix {
clear: both;
height: 1px; }

.footer-padding-cuentas-cheques {
padding-left: 65px !important; }

.footer-small-legal {
padding: 40px 30px 135px 30px !important; }

.header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: auto;
z-index: 110; }

.header--main--desktop .logo--main {
margin-left: 20px; }

.header--alt--desktop {
min-height: 63px; }

.header__top {
height: 75px;
padding: 15px 40px;
margin: 0 auto;
min-width: 1200px; }

.header--alt--desktop .header__top {
padding: 10px 0;
min-width: 300px;
position: relative; }

.header--main--mobile {
height: 51px;
display: none; }
.header--main--mobile .column {
  position: absolute;
  top: 0;
  width: 45px; }
.header--main--mobile .header__top--left {
  border-right: 1px solid #f0f0f0;
  left: 0;
  padding: 2px; }
.header--main--mobile .header__top--right {
  right: 0;
  padding: 10px 0; }
.header--main--mobile .header__top {
  position: relative;
  min-width: 100%;
  height: 95%; }

.header__top--left {
width: 17%; }

.header__top--right {
width: 67%; }

.header__top--aside {
width: 135px;
position: absolute;
right: 5%; }

.header__top--aside .nav > li {
margin-right: 10px;
height: 100%;
vertical-align: top; }

.header__bar {
background-color: #018752;
padding: 5px;
height: 30px;
margin: 0 auto; }
.header__bar--links {
  display: block;
  text-align: right;
  margin-right: 5%; }
.header__bar--ruta {
  margin-right: 0px !important;
  padding-left: 10px;
  border-left: solid 1px #038459; }
  .header__bar--ruta span {
    color: #fff; }
.header__bar li {
  display: inline-block;
  margin: 0 5px;
  font-size: 14px; }
  .header__bar li, .header__bar li a {
    color: white; }

.footer {
height: auto;
overflow: hidden;
width: 100%;
z-index: 102; }

.footer--normal {
margin-bottom: 0; }
.footer--normal.single {
  margin-bottom: 0; }

.footer--fixed {
display: none;
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: auto;
overflow: hidden;
z-index: 111;
padding: 15px 0; }
.footer--fixed .column--right {
  position: absolute;
  top: 0px;
  right: 38px;
  padding: 20px 0; }

.footer__nav {
height: auto;
overflow: hidden; }
.footer__nav .tabs.inline {
  height: 80px; }
.footer__nav .tabs__content {
  height: auto;
  overflow: hidden;
  padding: 60px 0;}
  .footer__nav .tabs__content .column {
   /* width: 20%;*/
    padding-left: 30px; }
  .footer__nav .tabs__content .column:last-child {
   /* padding-left: 15px;*/ }
  .footer__nav .tabs__content .column:first-child {
    padding-left: 0px; }

.home__content {
position: relative;
height: 700px; }
.home__content > .heading {
  position: absolute;
  top: 105px;
  left: 60px;
  opacity: 0;
  transition: left 1.5s ease, opacity 1.5s ease; }
  .home__content > .heading.on {
    left: 6%;
    opacity: 1; max-width:700px;}/*verificar aqui*/

.home__newsletter {
height: auto;
overflow: hidden;
padding: 70px 0; }
.home__newsletter .button {
  height: 100%;
  float: right;
  width: 150px;
  padding: 15px 30px; }
.home__newsletter .centered {
  height: 50px; }
.home__newsletter .column {
  width: 50%; }
  .home__newsletter .column .msg-confirmation {
    padding-top: 10px;
    clear: both; }
    .home__newsletter .column .msg-confirmation p {
      font-size: 13px;
      font-weight: 300; }
.home__newsletter .column--text {
  padding-top: 15px;  }
.home__newsletter .input2 {
  float: left; }

.mainbox {
height: auto;
overflow: hidden;
position: absolute;
top: 20px;
right: 5%;
width: 353px;
z-index: 3; }
.mainbox,
.mainbox > .bottom {
  overflow: visible !important;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }
.mainbox,
.mainbox > .top {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }
.mainbox .mainbox__title {
  border-bottom: solid 1px #cccccc;
  min-height: 30px !important;
  margin-bottom: 10px; }
.mainbox.expanded {
  max-height: 475px; }
  .mainbox.expanded .shape--down {
    display: none; }
  .mainbox.expanded .mainbox__tabcontent,
  .mainbox.expanded .padding,
  .mainbox.expanded .shape--up {
    display: block; }
.mainbox > .bottom {
  height: auto;
  overflow: hidden;
  min-height: 90px; }
.mainbox .padding {
  padding: 20px; }
.mainbox .mainbox__tabcontent {
  display: none; }
  .mainbox .mainbox__tabcontent .mainbox__hash--holder {
    display: block; }
.mainbox .mainbox__title,
.mainbox > .top {
  min-height: 40px;
  border-radius: 0; }
  /*Social Media Hide*/
.mainbox.fl .mainbox__tabs li .tw,
.mainbox.fl .mainbox__tabs li .fb,
.mainbox.fl .mainbox__tabs li .insta,
.mainbox.vi .mainbox__tabs li .tw,
.mainbox.vi .mainbox__tabs li .fb,
.mainbox.vi .mainbox__tabs li .insta,
.mainbox.pr .mainbox__tabs li .tw,
.mainbox.pr .mainbox__tabs li .fb,
.mainbox.pr .mainbox__tabs li .insta{
  display: none; }

.mainbox__hash--holder {
position: absolute;
bottom: -30px;
left: 0px;
width: 100%;
height: 40px;
padding: 10px; }

.mainbox__heading {
margin-bottom: 15px; }
.mainbox__footer {
margin: 10px 0 10px 0; }

 .mainbox__footer > a { color:#026b48; text-decoration: underline; }




.mainbox__tabs {
height: 50px;
width: 40px;
position: absolute;
left: -40px;
top: 0; }

.mainbox__tabcontent {
position: relative;
height: 170px; }
.mainbox__tabcontent > .column {
  height: 77%; }

.page__columns {
min-height: 618px;
padding: 85px 0; }
.page__columns.cuenta-bonus {
  padding: 0; }
.page__columns .page__media--holder {
  /*min-height: 2270px;*/
  height: auto;
  padding: 20px 0px; }

  .page__columns .page__media--holder .ad {
    height: 250px;
    display: none; }
    .page__columns .page__media--holder .ad.page__sidebar__block {
      margin-bottom: 20px; }
      .page__columns .page__media--holder .ad.page__sidebar__block .promo_images {
        height: 250px;
        width: 100%;
        cursor: pointer; }
      /*Locator Ads*/
.location-results .column .page__media--holder {
    height: auto;
  padding: 20px 0px; }

 .location-results .column .page__media--holder .ad {
    height: 250px;
     }
   .location-results .column .page__media--holder .ad.page__sidebar__block {
      margin-bottom: 20px; }
     .location-results .column .page__media--holder .ad.page__sidebar__block .promo_images {
        height: 250px;
        width: 100%;
        cursor: pointer; }





.page__columns,
.page__columns > .column .row {
  height: auto;
  overflow: hidden; }
.page__columns > .column--aside {
  width: 100%;
  display: block !important;
  margin-top: 20px; }
  .page__columns > .column--aside .inner-subnav {
    padding-bottom: 30px; }
    .page__columns > .column--aside .inner-subnav span {
      font-weight: 700;
      display: block;
      margin-bottom: 20px;
      font-size: 14px;
      padding-left: 20px; }
    .page__columns > .column--aside .inner-subnav ul {
      margin: 0 0 0 5px;
      padding: 0;
      list-style-type: none; }
      .page__columns > .column--aside .inner-subnav ul li {
        display: block;
        margin-bottom: 3px;
        background-image: url("../images/green-arrow.png");
        background-position: center left 20px;
        background-size: 1.5%;
        background-repeat: no-repeat;
        padding-left: 35px;
        height: 40px;
        line-height: 40px;
        background-color: #fff; }
        .page__columns > .column--aside .inner-subnav ul li.active {
          font-weight: 700;
          margin-left: 20px;
          height: auto;
          background-position: left 8px; }
          .page__columns > .column--aside .inner-subnav ul li.active ul li.active {
            margin-left: 15px; }
        .page__columns > .column--aside .inner-subnav ul li a:hover {
          text-decoration: underline; }
    .page__columns > .column--aside .inner-subnav .solicita-box {
      width: 95%;
      height: auto;
      margin: 0 auto;
      font-family: Arial;
      margin-top: 22px;
      margin-bottom: 20px;
      display: block !important;
      float: none !important; }
      .page__columns > .column--aside .inner-subnav .solicita-box a.btn-solicita {
        width: 100%;
        height: 50px;
        line-height: 50px;
        float: left;
        margin-right: 1px;
        -webkit-border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border-radius: 3px;
        background: #018752;
        color: #fff;
        text-align: center;
        font-size: 14px; }
        .page__columns > .column--aside .inner-subnav .solicita-box a.btn-solicita:hover {
          background: #8EC63F; }
      .page__columns > .column--aside .inner-subnav .solicita-box span.o {
        width: 100%;
        height: 50px;
        line-height: 50px;
        float: none;
        background: transparent;
        color: #303030;
        text-align: center;
        font-size: 14px;
        clear: both;
        margin-bottom: 0;
        text-transform: uppercase;
        padding-left: 0; }
      .page__columns > .column--aside .inner-subnav .solicita-box .llamenos-box {
        width: 100%;
        height: 50px;
        line-height: 50px;
        float: left;
        color: #000000;
        -webkit-border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border-radius: 3px;
        text-align: center;
        font-size: 16px;
        background: url("../images/box-solicita-img.gif") center left 10% no-repeat white;
        padding: 0; }
        .page__columns > .column--aside .inner-subnav .solicita-box .llamenos-box strong {
          display: inline-block;
          margin-left: 5px; }
    .page__columns > .column--aside .inner-subnav .usvi-bvi-box {
      width: 95%;
      height: auto;
      margin: 0 auto;
      font-family: Arial;
      margin-top: 22px;
      margin-bottom: 20px;
      display: block !important;
      float: none !important; }
      .page__columns > .column--aside .inner-subnav .usvi-bvi-box a.btn-solicita {
        width: 100%;
        height: 50px;
        line-height: 50px;
        float: left;
        margin-right: 1px;
        -webkit-border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border-radius: 3px;
        background: #018752;
        color: #fff;
        text-align: center;
        font-size: 14px; }
        .page__columns > .column--aside .inner-subnav .usvi-bvi-box a.btn-solicita:hover {
          background: #8EC63F; }
      .page__columns > .column--aside .inner-subnav .usvi-bvi-box span.o {
        width: 100%;
        height: 50px;
        line-height: 50px;
        float: none;
        background: transparent;
        color: #303030;
        text-align: center;
        font-size: 14px;
        clear: both;
        margin-bottom: 0;
        text-transform: uppercase;
        padding-left: 0; }
      .page__columns > .column--aside .inner-subnav .usvi-bvi-box .llamenos-box {
        width: 100%;
        height: 50px;
        line-height: 50px;
        float: left;
        color: #000000;
        -webkit-border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border-radius: 3px;
        text-align: center;
        font-size: 16px;
        background: url("../images/box-solicita-img.gif") center left 10% no-repeat white;
        padding: 0; }
        .page__columns > .column--aside .inner-subnav .usvi-bvi-box .llamenos-box strong {
          display: inline-block;
          margin-left: 5px; }
.page__columns > .column--content {
  width: 65%; }
  .page__columns > .column--content--promo{
width:65%;
}
.page__columns > .column .row {
  margin-bottom: 20px; }

.breadcump a.breadcump-back {
display: inline-block;
width: auto;
padding: 0 20px 0 30px;
border-right: 1px solid #018752;
background-image: url("../images/arrow2-l.png");
background-position: left 10px center;
background-repeat: no-repeat;
background-size: 9%; }

.breadcump a.breadcump-back-no {
display: inline-block;
width: auto;
padding: 0 20px 0 30px;
border-right: 1px solid #018752;
background-image: url("../images/arrow2-l.png");
background-position: left 10px center;
background-repeat: no-repeat;
background-size: 9%; }


.page__columns > .column--content {
padding-right: 10px; }

.cuenta-bonus .column--content {
padding-top: 25px;
padding-left: 10px;
padding-right: 30px; }

.contact-info {
width: 90%;
height: auto;
line-height: 1.3rem; }
.contact-info span {
  color: #038459 !important;
  font-weight: 700; }
.contact-info span a {
  color: #038459 !important;
  font-weight: 700; }

.divider-line {
height: 1px;
border-bottom: 1px solid #E8EBEA;
margin-bottom: 20px; }

.page__navigation {
padding: 19px 0; }
.page__navigation li {
  position: relative; }
  .page__navigation li:hover > .submenu {
    display: block; }



.page__navigation > li {
  margin-right: 20px; }
.page__navigation .submenu {
  display: none;
  width: 235px;
  position: absolute;
  left: 0;
  top: 0px;
  padding-top: 47px; }
  .page__navigation .submenu { top: 5px; }
  .page__navigation .submenu .submenu {
    top: 0;
    padding-top: 0;
    left: 235px;
    border-left: solid 2px white;
    box-sizing: border-box; }
    .page__navigation .submenu .submenu .submenu {
      left: 233px; }
  .page__navigation .submenu li {
    position: relative;
    background-color: rgba(0, 131, 60, 0.8);
    display: block;
    border-bottom: solid 1px #31a676; }
    .page__navigation .submenu li:hover > a:before {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 5px;
      height: 100%;
      display: block;
      background: white; }
    .page__navigation .submenu li a {
      color: white;
      display: block;
      padding: 10px 15px; }
    .page__navigation .submenu li.expands:after {
      content: "\25BA";
      position: absolute;
      top: 12px;
      right: 0;
      width: 16px;
      height: 16px;
      color: white;
      z-index: 10;
      font-size: 7px; }

.page__navigation--container--mobile {
position: absolute;
top: 0px;
right: 0px;
width: 85%;
height: auto;
overflow: visible; }
.page__navigation--container--mobile .box {
  height: auto;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  padding: 15px; }
  .page__navigation--container--mobile .box:last-child {
    margin-bottom: 0; }
  .page__navigation--container--mobile .box .column {
    position: relative;
    width: 100%; }
  .page__navigation--container--mobile .box li.active > div {
    background-color: #e6e6e6; }
  .page__navigation--container--mobile .box h3 {
    margin: 15px 0;
    font-weight: bold; }
  .page__navigation--container--mobile .box.bottom {
    padding: 20px;
    background-color: #e6e6e6; }
.page__navigation--container--mobile > .navholder {
  background-color: white;
  width: 85%;
  height: 100%;
  position: fixed;
  top: 0px;
  right: -85%;
  overflow: auto;
  transition: right 0.5s ease; }
  .page__navigation--container--mobile > .navholder.expanded {
    right: 0; }
.page__navigation--container--mobile .input--holder1, .page__navigation--container--mobile .input--holder2 {
  background-color: whitesmoke; }

.prestamoExitMessage, .creditoExitMessage {
cursor: pointer; }

.page__navigation--button--mobile {
position: fixed;
top: 0px;
right: 0px;
width: 3.7em;
height: 4em;
cursor: pointer;
z-index: 3;
border-left: 1px solid #cccccc;
background-size: 20px 20px;
background-position: center;
background-repeat: no-repeat;
background-color: white; }
.page__navigation--button--mobile.active {
  border-left: 1px solid #00833c;
  background-color: #038459; }
  .page__navigation--button--mobile.active a:before {
    background: initial;
    box-shadow: initial; }
.page__navigation--button--mobile a {
  position: relative;
  margin: 1em;
  display: block; }
  .page__navigation--button--mobile a:before {
    position: absolute;
    content: "";
    background: #86929b;
    box-shadow: 0 0.6em 0 0 #86929b, 0 1.2em 0 0 #86929b;
    width: 2em;
    height: 0.35em;
    top: 0.25em;
    left: 50%;
    margin-left: -1em; }

.page__navigator,
.page__top--alt,
.page__top--alt2,
.page__top {
position: relative; }

.page__top--alt {
height: 330px;
padding-top: 50px; }
.page__top--alt.error-404 {
  height: 420px !important;
  background-image: url("../images/bg-404-mobile.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 0 !important;
  background-size: cover; }
  .page__top--alt.error-404 .heading .error-msg-box {
    width: 260px;
    height: 100px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 55px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    .page__top--alt.error-404 .heading .error-msg-box h1 {
      color: #fff;
      float: left;
      font-size: 50px;
      text-align: left;
      margin: 20px 0 0 15px;
      line-height: 1; }
      .page__top--alt.error-404 .heading .error-msg-box h1 span {
        font-size: 13px;
        display: block; }
    .page__top--alt.error-404 .heading .error-msg-box h2 {
      background: #fff;
      display: inline-block;
      width: 125px;
      height: 88px;
      float: right;
      text-align: left;
      margin: 6px 7px 0 0;
      padding: 25px 10px 0 10px;
      font-size: 18px;
      line-height: 1; }
  .page__top--alt.error-404 .heading .error-msg-desc {
    width: 260px;
    height: 100px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 145px;
    text-align: left; }
    .page__top--alt.error-404 .heading .error-msg-desc p {
      font-family: Arial, sans serif;
      font-size: 16px;
      color: #fff; }
    .page__top--alt.error-404 .heading .error-msg-desc ul {
      margin: 20px 0 0 50px;
      padding: 0; }
      .page__top--alt.error-404 .heading .error-msg-desc ul li {
        font-family: Arial, sans serif;
        font-size: 16px;
        color: #fff;
        list-style-position: inside; }
.page__top--alt .heading {
  margin: 0 auto; }

.page__top--alt {
height: 150px;
padding-top: 30px;
padding-left: 20px;
text-align: left; }
.page__top--alt .heading h1 {
  font-size: 30px;
  margin-left: -10px; }

.full-center-content {
width: 1000px;
margin: 0 auto; }

.banca-box {
margin-bottom: 10px;
padding-top: 20px; }
.banca-box img {
  max-width: 100%; }
.banca-box p {
  font-size: 16px !important;
  padding: 10px 25px; }
.banca-box h1 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 10px;
  color: #5a6066; }
.banca-box h2 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
  color: #303030; }
.banca-box button {
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 10px; }
.banca-box.borderTop {
  border-top: 1px solid #E8EBEA; }

@media (min-width: 768px) {
.footer-padding-cuentas-cheques {
  padding-left: 30px !important; }

.page__topcontent .full-center-content .inner-breadcum {
  padding-left: 0; }

.page__top--alt.error-404 {
  height: 527px !important;
  background-image: url("../images/bg-404.jpg"); }
  .page__top--alt.error-404 .heading .error-msg-box {
    width: 495px;
    height: 168px;
    top: 70px; }
    .page__top--alt.error-404 .heading .error-msg-box h1 {
      font-size: 100px;
      margin: 25px 0 0 20px; }
      .page__top--alt.error-404 .heading .error-msg-box h1 span {
        font-size: 14px; }
    .page__top--alt.error-404 .heading .error-msg-box h2 {
      width: 254px;
      height: 154px;
      margin: 7px 7px 0 0;
      padding: 40px 15px 0 15px;
      font-size: 35px;
      line-height: 1; }
  .page__top--alt.error-404 .heading .error-msg-desc {
    width: 440px;
    height: 168px;
    bottom: 90px; }
    .page__top--alt.error-404 .heading .error-msg-desc p {
      font-size: 28px; }
    .page__top--alt.error-404 .heading .error-msg-desc ul {
      margin: 20px 0 0 50px; }
      .page__top--alt.error-404 .heading .error-msg-desc ul li {
        font-size: 20px; }

.banca-box {
  width: 305px;
  float: left;
  margin-right: 15px; }
  .banca-box p {
    font-size: 16px !important;
    padding: 10px 25px; }
  .banca-box h1 {
    text-align: left; }
  .banca-box h2 {
    text-align: left; }
  .banca-box button {
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
    margin-right: 20px; }
  .banca-box.borderTop {
    border-top: none;
    width: 450px;
    margin-left: 30px; }
    .banca-box.borderTopFull {
    border-top: none;
    width: 90%;
    margin-left: 30px; }  }
.page__top--alt2 {
min-height: 130px;
padding-top: 0px;
/*line-height: 100px;
padding: 0px 12%; verificar line height para cuando se pase el menu*/ }
.page__top--alt2.small-title {
  height: 115px; }
.page__top--alt2 .heading {
  margin: 0 auto;
  width: auto;
  overflow: auto;
  height: auto;
  margin-bottom: 20px;
  min-height: 70px; }

.page__topcontent.page__topcontent--alt2 {
height: 40px;
line-height: 40px; }
.locator-image {
line-height: 40px;
/* background-color:white;*/
}

.page__topcontent.page__topcontent--alt2 .breadcump {
  margin: 0 auto;
  width: auto; }

a.home-icon {
width: 25px;
height: 60px;
background: url("../images/ico-home-white.png") center left no-repeat;
background-size: 100%;
background-position: 0px 13px;
display: block;
margin-left: -30px;
position: absolute; }

.page__topcontent {
position: relative;
bottom: 0px;
left: 0px;
width: 100%;
height: 60px; }
.page__topcontent .inner-breadcum {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 20px; }
  .page__topcontent .inner-breadcum ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .page__topcontent .inner-breadcum ul li {
      margin: 0 20px 0 0;
      padding: 0;
      float: left; }
      .page__topcontent .inner-breadcum ul li a {
        background: url("../images/green-arrow.png") center left no-repeat;
        text-transform: none;
        padding-left: 25px;
        line-height: 63px;
        font-size: 16px;
        color: #fff; }
      .page__topcontent .inner-breadcum ul li a.current {
        color: #fff; }
      .page__topcontent .inner-breadcum ul li a.home-icon {
        width: 25px;
        height: 60px;
        background: url("../images/ico-home.png") center left no-repeat;
        background-size: 100%;
        display: block;
        padding-left: 0; }
  .page__topcontent .inner-breadcum.whiteIcons ul li a {
    background: url("../images/white-arrow.png") center left no-repeat;
    color: #fff; }
  .page__topcontent .inner-breadcum.whiteIcons ul li a.home-icon {
    background: url("../images/ico-home-white.png") center left no-repeat;
    background-size: 100%; }

.page__columns__title {
line-height: 36px;
font-size: 26px; }

.welcome__bottom {
height: 300px;
padding: 35px 0; }

.welcome__columns {
height: 100%; }
.welcome__columns .column {
  border-right: 1px solid whitesmoke;
  width: 33%;
  padding: 10px 40px 10px; }
  .welcome__columns .column:first-child {
    padding-left: 0; }
  .welcome__columns .column:last-child {
    border-right: 0; }
.welcome__columns .column__top {
  margin-bottom: 30px; }

.welcome__top {
height: 372px;
padding-top: 135px; }

.president-picture {
margin-bottom: 20px;
font-size: 13px; }
.president-picture img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
  display: block; }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
.bullets-circle ul li {
  background: url("../images/bullet-1-level@2x.png") top left no-repeat !important;
  background-size: 20px 20px !important; } }
.bullets-circle ul {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0; }
.bullets-circle ul li {
  background: url("../images/bullet-1-level.png") top left no-repeat;
  background-size: 20px 20px;
  padding-left: 30px;
  line-height: 20px;
  margin-bottom: 15px;
  margin-top: 5px;
  font-size: 15px; }
  .bullets-circle ul li ul {
    margin-bottom: 10px; }
    .bullets-circle ul li ul li {
      background: url("../images/bullet-2-level.gif") top left no-repeat; }
      .bullets-circle ul li ul li ul li {
        background: url("../images/bullet-3-level.gif") top left no-repeat; }


#dialog-message-speedbump{
overflow-wrap: break-word;
  word-wrap: break-word;

  }
.ui-dialog-osx {
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
border-width: 0 8px 8px 8px;
width: 500px; }

.ui-widget-content {
border: none !important; }

.ui-state-default .ui-icon {
background-image: url("../images/jquery_images/ui-icons_228ef1_256x240.png") !important; }

.ui-widget-content .ui-state-focus, .ui-state-default, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #cccccc !important;
background: #f6f6f6 url("../images/jquery_images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x !important;
color: #1c94c4 !important; }

.ui-widget {
font-family: "Helvetica Neue", "Arial", sans-serif !important;
font-size: 1.0em !important;
line-height: 23px !important; }

.ui-widget
.ui-widget-header {
border: none !important;
background: none !important; }

.bullets-numbers ol {
margin-bottom: 20px;
padding: 0;
list-style-position: inside; }
.bullets-numbers ol li {
  line-height: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #99cc66;
  font-weight: 700;
  font-size: 13px; }
  .bullets-numbers ol li span {
    font-size: 15px;
    color: #303030;
    font-weight: 300; }
  .bullets-numbers ol li ol {
    margin-bottom: 10px;
    margin-left: 20px; }
    .bullets-numbers ol li ol li {
      font-size: 11px; }
      .bullets-numbers ol li ol li ol li {
        font-size: 11px;
        color: #303030; }

@media (min-width: 768px) {
.contact-info {
  width: 50%;
  float: left;
  height: 200px; }

.hideOnMobile {
  display: block !important; }
   .hideOnMobile2 {
  display: block !important; }


.hideOnDesktop {
  display: none !important; } }
@media (min-width: 1000px) {
.page__topcontent.hideOnMobile {
  position: absolute;
  padding-left: 85px; }

.page__topcontent.hideOnMobile a.home-icon {
  margin-left: -45px; }

.president-picture {
  width: 407px;
  float: left;
  margin-right: 30px;
  margin-bottom: 200px; }

.page__top--alt2 {
  max-height: 200px;
  padding-top: 0px;
 /* line-height: 100px;
  padding: 0px 12%;*/ }
  .page__top--alt2.small-title {
    height: 150px; }
    .page__top--alt2.small-title.promo {
    height: 140px; }

  .page__top--alt2 .heading {
    margin: 0 auto;
    width: 1000px;
    overflow: auto;
    height: auto;
    margin-bottom: 20px; }

.page__topcontent.page__topcontent--alt2 {
  height: 50px;
  line-height: 50px;
  padding: 0px; }
    .locator-image {
  height: 50px;
  line-height: 50px;
  padding: 0px;
  /*background-color:white;*/
}

  .page__topcontent.page__topcontent--alt2 .breadcump {
    margin: 0 auto;
    width: 1000px;
    padding-left: 28px; } }
@media (min-width: 1025px) {
.page__columns {
  background: url("../images/bg-sidebar.gif") top right repeat-y; }
  .page__columns.full-width-page {
    background: none; }
    .page__columns.full-width-page .column--content {
      width: 100%; }
      .page__columns.full-width-page .column--content--promo{
width:100%;
padding-top:10px;
} }
/* ============================================================
GLOBAL BANCA MOVIL DIV OVERLAY
============================================================ */
.effects .img {
position: relative;
float: left;
margin-bottom: 15px;
overflow: hidden;
background: #fff;
min-height: 224px;
border: 1px solid #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align: center; }

.effects .img:last-child {
margin-right: 0; }

.effects .img img {
display: block;
margin: 0;
padding: 0;
max-width: 100%;
height: auto; }

.overlay {
display: block;
position: absolute;
z-index: 20;
background: rgba(0, 0, 0, 0.8);
overflow: hidden;
transition: all 0.5s; }

a.close-overlay {
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 100;
width: 45px;
height: 45px;
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 45px;
text-align: center;
background-color: #000;
cursor: pointer; }

a.close-overlay.hidden {
display: none; }

a.expand {
display: block;
position: absolute;
z-index: 100;
width: 60px;
height: 60px;
text-align: center;
color: #fff;
line-height: 50px;
font-weight: 300;
font-size: 100px; }

/* ============================================================
EFFECT 1 - SLIDE IN BOTTOM
============================================================ */
#effect-1 .overlay {
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 0; }

#effect-1 .overlay a.expand {
left: 0;
right: 0;
bottom: 50%;
margin: 0 auto -30px auto; }

#effect-1 .img.hover .overlay {
height: 100%; }

/* ============================================================
LIGHTBOX STYLES
============================================================ */
/* Preload images */
body:after {
content: url(../images/lightbox/close.png) url(../images/lightbox/loading.gif) url(../images/lightbox/prev.png) url(../images/lightbox/next.png);
display: none; }

.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none; }

.lightbox {
position: absolute;
display: none;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal; }

.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit; }

.lightbox a img {
border: none; }

.lb-outerContainer {
position: relative;
background-color: #000;
zoom: 1;
width: 250px;
height: auto !important;
margin: 0 auto; }

.lb-outerContainer:after {
content: "";
display: table;
clear: both; }

.lb-container .image-container {
display: block;
width: 100%;
height: auto; }

.lb-container .image-container img {
width: auto !important;
height: auto !important;
max-width: 100% !important; }

.lb-container .lb-details {
display: block;
width: 100%;
height: auto;
text-align: left;
line-height: 1.1em;
padding: 20px; }

.lb-container .lb-details .lb-close {
display: block;
position: absolute;
top: -20px;
right: -20px;
z-index: 999;
width: 15px;
height: 15px;
background: url(../images/lightbox/close.png) top right no-repeat;
background-size: cover;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s; }

.lb-container .lb-details .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }

.lb-container .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
color: #fff; }

.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0; }

.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../images/lightbox/loading.gif) no-repeat; }

.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10; }

.lb-container > .nav {
left: 0; }

.lb-nav a {
outline: none;
background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block; }

.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(../images/lightbox/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }

.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(../images/lightbox/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s; }

.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }

.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px; }

.lb-dataContainer:after {
content: "";
display: table;
clear: both; }

.lb-data {
padding: 0 4px;
color: #ccc; }

.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em; }

.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em; }

.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 13px;
color: #999999; }

@media (min-width: 640px) {
.lb-container .image-container {
  display: inline-block;
  width: 50%;
  height: auto;
  float: left; }

.lb-container .image-container img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important; }

.lb-container .lb-details {
  display: inline-block;
  float: left;
  width: 50%;
  height: auto;
  text-align: left;
  line-height: 1.1em;
  padding: 20px; }

.lb-container .lb-details .lb-close {
  top: 10px;
  right: 10px; } }
@media (min-width: 1025px) {
.page__columns {
  min-height: 355px;
  padding: 85px 0; }
  .page__columns.cuenta-bonus {
    padding: 0; }
  .page__columns .page__media--holder {
    /*min-height: 2270px;*/
    padding: 30px 15px; }
    .page__columns .page__media--holder .ad {
      height: 250px;
      display: block; }
      .page__columns .page__media--holder .ad.page__sidebar__block {
        margin-bottom: 20px; }
        .page__columns .page__media--holder .ad.page__sidebar__block .promo_images {
          height: 250px;
          width: 100%; }



  .page__columns,
  .page__columns > .column .row {
    height: auto;
    overflow: hidden; }
  .page__columns > .column--aside {
    width: 35%;
    display: inline-block;
    border-top: none; }
    .page__columns > .column--aside .inner-subnav {
      padding-bottom: 30px;
      border-bottom: 1px solid #fff; }
      .page__columns > .column--aside .inner-subnav .solicita-box, .page__columns > .column--aside .inner-subnav .usvi-bvi-box {
        display: none !important; }
      .page__columns > .column--aside .inner-subnav span {
        font-weight: 700;
        display: block;
        margin-bottom: 20px;
        font-size: 14px;
        padding-left: 0; }
      .page__columns > .column--aside .inner-subnav ul {
        margin: 0 0 0 5px;
        padding: 0;
        list-style-type: none; }
        .page__columns > .column--aside .inner-subnav ul li {
          display: block;
          margin-bottom: 20px;
          background-image: url("../images/green-arrow.png");
          background-position: center left;
          background-size: 1.5%;
          background-repeat: no-repeat;
          padding-left: 15px;
          background-color: transparent;
          height: 25px;
          line-height: 25px; }
          .page__columns > .column--aside .inner-subnav ul li.active {
            font-weight: 700;
            margin-left: 0; }
            .page__columns > .column--aside .inner-subnav ul li.active ul {
              margin-top: 10px; }
              .page__columns > .column--aside .inner-subnav ul li.active ul li a {
                font-weight: normal; }
              .page__columns > .column--aside .inner-subnav ul li.active ul li.active {
                margin-left: 0; }
                .page__columns > .column--aside .inner-subnav ul li.active ul li.active a {
                  font-weight: 700; }
          .page__columns > .column--aside .inner-subnav ul li a:hover {
            text-decoration: underline; }
  .page__columns > .column--content {
    width: 65%; }
    .page__columns > .column--content{
width:65%;
}
  .page__columns > .column .row {
    margin-bottom: 20px; } }
table.propiedades-table {
font-size: 13px; }
table.propiedades-table a {
  text-decoration: underline; }

.propiedades-filters {
background: #F0F0F0;
padding: 20px;
margin-top: 20px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 118%;
margin-left: -22px; }
.propiedades-filters .input-container {
  width: 100%;
  margin-right: 0;
  display: block; }
  .propiedades-filters .input-container label {
    display: block;
    font-size: 14px;
    color: #303030;
    margin-top: 10px; }
  .propiedades-filters .input-container select {
    width: 100%;
    height: 37px;
    line-height: 37px;
    padding: 0px 0px 0px 10px;
    border-bottom: 1px solid #CCCCCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 5px;
    font-size: 16px;
    color: #b4c0cc;
    background: #ffffff; }
.propiedades-filters button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #006ade;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: block;
  width: 100%;
  margin-top: 20px;
  height: 37px;
  line-height: 37px; }
  .propiedades-filters button:hover {
    background: #006084; }

@media (min-width: 1000px) {
.propiedades-filters {
  width: 100%;
  margin-left: 0; }
  .propiedades-filters .input-container {
    width: 35%;
    margin-right: 5%;
    display: inline-block; }
    .propiedades-filters .input-container label {
      display: block;
      font-size: 14px;
      color: #303030;
      margin: 0; }
    .propiedades-filters .input-container select {
      width: 100%;
      height: 37px;
      line-height: 37px;
      padding: 0px 0px 0px 10px;
      border-bottom: 1px solid #CCCCCC;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      margin-top: 5px;
      font-size: 16px;
      color: #b4c0cc;
      background: #ffffff; }
  .propiedades-filters button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #006ade;
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 18%;
    height: 37px;
    line-height: 37px;
    display: inline-block; }
    .propiedades-filters button:hover {
      background: #006084; } }
.propiedades-results {
margin-top: 0; }
.propiedades-results.loading {
  min-height: 120px;
  background-position: center bottom;
  background-repeat: no-repeat; }
.propiedades-results .mobile-box-result {
  display: block;
  margin-bottom: 10px; }
.propiedades-results table {
  border-spacing: 0px;
  width: 100%;
  table-layout:fixed;}
  .propiedades-results table thead {
    height: 50px; }
    .propiedades-results table thead tr {
      background: #038459; }
      .propiedades-results table thead tr th {
        padding: 10px;
        font-size: 13px;
        color: #fff; }
        .propiedades-results table thead tr th:last-child {
          border-right: none; }
  .propiedades-results table tbody tr td {
    border-bottom: 2px solid #E9E9E9;
    font-size: 13px;
    color: #000;
    padding: 10px;
    vertical-align: middle;
    line-height: 1rem; }
    .propiedades-results table tbody tr td:first-child {
      padding: 0; }
    .propiedades-results table tbody tr td img {
      display: block; }
.propiedades-results img {
  max-width: 100%;
  height: auto; }

.propiedades-paginador {
margin-top: 20px;
display: block; }
.propiedades-paginador ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left; }
  .propiedades-paginador ul li {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 1px;
    padding: 0;
    text-align: center;
    line-height: 40px;
    color: #717171;
    text-shadow: 1px 1px 1px #fff;
    font-size: 11px;
    float: left;
    margin: 0; }
    .propiedades-paginador ul li a {
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      color: #717171;
      text-shadow: 1px 1px 1px #fff;
      font-size: 11px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      border: 1px solid #C4C4C4;
      -webkit-box-shadow: inset 0px 1px 0px 0px white;
      -moz-box-shadow: inset 0px 1px 0px 0px white;
      box-shadow: inset 0px 1px 0px 0px white;
      background: #E9E9E9; }
      .propiedades-paginador ul li a:hover {
        background: #fff; }
      .propiedades-paginador ul li a.current {
        background: #038459;
        color: #fff;
        text-shadow: 1px 1px 1px #717171;
        border: 1px solid #038459;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
      .propiedades-paginador ul li a.prev, .propiedades-paginador ul li a.next {
        font-weight: 300;
        font-size: 50px;
        line-height: 30px; }
    .propiedades-paginador ul li.mobileCounter {
      height: 40px;
      width: 70%;
      background: #ffffff;
      text-align: center;
      border-top: 1px solid #C4C4C4;
      border-bottom: 1px solid #C4C4C4;
      font-size: 20px; }

@media (min-width: 1000px) {
.propiedades-paginador {
  margin-top: 20px;
  display: block; }
  .propiedades-paginador ul {
    width: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right; }
    .propiedades-paginador ul li {
      display: inline-block;
      width: 26px;
      height: 25px;
      margin-right: 1px;
      padding: 0;
      text-align: center;
      line-height: 25px;
      color: #717171;
      text-shadow: 1px 1px 1px #fff;
      font-size: 11px;
      float: none; }
      .propiedades-paginador ul li a {
        display: block;
        width: 26px;
        height: 25px;
        line-height: 25px;
        color: #717171;
        text-shadow: 1px 1px 1px #fff;
        font-size: 11px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #C4C4C4;
        -webkit-box-shadow: inset 0px 1px 0px 0px white;
        -moz-box-shadow: inset 0px 1px 0px 0px white;
        box-shadow: inset 0px 1px 0px 0px white;
        background: #E9E9E9; }
        .propiedades-paginador ul li a:hover {
          background: #fff; }
        .propiedades-paginador ul li a.current {
          background: #038459;
          color: #fff;
          text-shadow: 1px 1px 1px #717171;
          border: 1px solid #038459;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        .propiedades-paginador ul li a.prev, .propiedades-paginador ul li a.next {
          font-weight: 700;
          font-size: 16px;
          line-height: 22px; }
      .propiedades-paginador ul li.mobileCounter {
        display: none; } }
.florida-form {
margin-bottom: 20px; }
.florida-form .half-column {
  width: 50%;
  float: left; }
.florida-form .full-column {
  width: 100%;
  clear: both;
  margin-top: 20px; }
.florida-form form label.for-input {
  display: block;
  margin: 20px 0 10px 0;
  font-size: 13px;
  color: #5a6066; }
.florida-form form input {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  border-radius: 3px;
  border: 1px solid #CCCCCC;
  background: #fff;
  display: inline-block; }
  .florida-form form input.full-size {
    width: 92% !important; }
  .florida-form form input.half-size {
    width: 45% !important; }
  .florida-form form input.smallest-size {
    width: 60px !important; }
  .florida-form form input.small-size {
    width: 120px !important; }
.florida-form form span.divider {
  width: 2%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  color: #000;
  background-color: transparent; }
.florida-form form .input--holder2 {
  background-color: transparent; }
  .florida-form form .input--holder2 label {
    font-size: 13px;
    font-family: Arial, sans serif;
    font-weight: 300; }
.florida-form form .list--style1 > li {
  margin-bottom: 0; }
.florida-form form h2 {
  font-size: 14px;
  color: #5a6066;
  font-family: Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 20px; }
.florida-form form .submit-form {
  display: inline-block;
  width: 25%;
  margin-top: 20px; }
.florida-form form .notification {
  width: 65%;
  display: inline-block;
  margin-top: 20px;
  margin-left: 20px;
  font-weight: 300;
  font-family: Arial; }
/*
#searchField {
float: left;
left: 20px; }

#mobile_search {
float: left;
left: 170px; }
*/
.browser-page {
width: 800px !important; }
.browser-page h1 {
  font-size: 26px;
  color: #038459;
  font-family: "Helvetica Neue", "Arial", sans-serif;
  display: block;
  margin: 0 0 20px 0;
  padding: 0; }
.browser-page p {
  font-size: 13px;
  color: #999999;
  font-family: "Helvetica Neue", "Arial", sans-serif;
  margin: 0 0 26px 0 !important;
  padding: 0 0 20px 0;
  display: block;
  border-bottom: 2px solid #DFDFDF; }
.browser-page .browser-legal {
  border: none;
  margin: 0 0 16px 0 !important; }
.browser-page .browser-container {
  width: 165px;
  height: 200px;
  border-radius: 5px;
  float: left;
  margin: 0 16px 0 16px;
  text-align: center;
  padding: 10px; }
  .browser-page .browser-container:hover {
    background: #ffffff; }
  .browser-page .browser-container img {
    margin-bottom: 20px; }
  .browser-page .browser-container a {
    color: #006ade;
    font-size: 13px;
    font-family: "Helvetica Neue", "Arial", sans-serif; }

.propiedades-filters .filter-button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background: #006ade;
color: #fff;
font-size: 14px;
text-align: center;
width: 18%;
height: 37px;
line-height: 37px;
display: inline-block;
cursor: pointer; }

.propiedades-filters .filter-button:hover {
background: #006084; }

.searchbar-holder {
position: relative;
width: 100%;
height: 55px;
background-color: #e8ebea;
margin-bottom: 20px;
padding: 8px; }

.searchbar__bar {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
width: 100%;
height: 100%;
background-color: white;
border: 1px solid #cccccc;
padding: 0 10px; }

.searchbar__target.button {
position: absolute;
top: 8px;
right: 8px;
background-color: #006ade;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
height: 37px;
padding: 0 20px;
text-transform: initial;
display: none;
/* Hide for Mobile */ }

@media (min-width: 1000px) {
.uno-ambiente {
  width: 175px;
  float: left;
  margin-right: 30px;
  margin-bottom: 200px; }

.page__top--alt2 .heading {
  overflow: hidden !important; } }
.page-browsers {
padding-top: 46px !important;
background-color: #f6f8f7 !important; }

.browser-page {
padding: 30px 0;
font-weight: 200; }

.browser-page, .browser-page h1 {
font-weight: 200; }

.browser-legal {
border: none; }

.browser-buttons {
height: 205px; }

.espa-title {
font-size: 32px !important; }

.espa-copy {
border: none !important;
font-size: 18px !important;
padding: 0 0 5px 0 !important; }

.logo-browsers {
margin-left: 0 !important;
top: -30px !important;
position: relative; }

.uno-ambiente {
margin-bottom: 20px;
font-size: 13px; }

.home__content.cover {
min-height: 516px; }

.pagewithsidebar .ad {
height: 250px; }
.pagewithsidebar .centered > .column {
min-height: auto;
/*min-height: 1055px;*/ }
.pagewithsidebar .column.right {
float: right; }
.pagewithsidebar .page__content {
width: 100%;
padding: 25px 25px 70px 20px; }
.pagewithsidebar .page__sidebar {
width: 100%;
background-color: #e8ebea;
padding: 30px 15px; }
.pagewithsidebar .page__sidebar__block {
  margin-bottom: 20px; }
  .pagewithsidebar .page__sidebar__block h2 {
    color: #303030;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc; }
  .pagewithsidebar .page__sidebar__block form {
    margin-top: 20px; }
    .pagewithsidebar .page__sidebar__block form .btn_solicita_prestamo {
      display: block;
      cursor: pointer;
      width: 100%;
      height: 45px;
      line-height: 45px;
      background: #01A1DF;
      color: white;
      text-align: center;
      border: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      text-transform: uppercase;
      clear: both;
      margin-top: 10px; }
      .pagewithsidebar .page__sidebar__block form .btn_solicita_prestamo:hover {
        background: #017BA9; }
    .pagewithsidebar .page__sidebar__block form label {
      width: 50%;
      float: left;
      font-size: 14px;
      color: #5a6066;
      margin-bottom: 20px; }
      .pagewithsidebar .page__sidebar__block form label.total-layer {
        width: 100%;
        margin-bottom: 0; }
      .pagewithsidebar .page__sidebar__block form label span {
        font-size: 18px;
        color: #018752;
        font-weight: bold;
        height: 50px;
        line-height: 50px; }
        .pagewithsidebar .page__sidebar__block form label span.total-number {
          font-size: 28px;
          float: right;
          line-height: 1;
          width: 50%; }
      .pagewithsidebar .page__sidebar__block form label input[type="text"], .pagewithsidebar .page__sidebar__block form label input[type="number"] {
        width: 120px;
        height: 37px;
        line-height: 37px;
        padding: 0px 0px 0px 10px;
        border-bottom: 1px solid #cccccc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        margin-top: 5px;
        font-size: 16px;
        color: #b4c0cc;
        background: white; }
      .pagewithsidebar .page__sidebar__block form label select {
        width: 140px;
        height: 37px;
        line-height: 37px;
        padding: 0px 0px 0px 10px;
        border-bottom: 1px solid #cccccc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        margin-top: 5px;
        font-size: 16px;
        color: #b4c0cc;
        background: white; }
    .pagewithsidebar .page__sidebar__block form .total-box {
      border-top: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      padding: 20px 0px 20px 0px;
      clear: both;
      margin-bottom: 40px; }

.subpage .page__content__title {
color: #5a6066;
font-size: 26px;
font-weight: bold;
margin-bottom: 30px; }
.subpage .page__content__text {
color: #303030;
font-size: 16px;
line-height: 23px; }
.subpage .page__content__text p {
  margin-bottom: 25px; }
.subpage__header {
width: 100%;
height: 250px; }
.subpage__header__img {
  width: 100%;
  height: 100%;
  background: url("../images/subheaderimg.png") no-repeat;
  background-size: 100%; }

.search-results {
/*****************************/
/* Search Result for Mobile
/*****************************/ }
.search-results .page__content__title {
  color: #006ade;
  font-size: 20px;
  margin-bottom: 15px; }
.search-results__list li {
  border-bottom: 1px solid #e5e6e6;
  list-style: none;
  padding: 20px 0; }
  .search-results__list li:first-child {
    padding-top: 0; }
.search-results__list .link,
.search-results__list .link a {
  color: #303030; }
.search-results__itemtitle {
  color: #5a6066;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px; }
.search-results__itemtext {
  line-height: 21px; }
.search-results .page__content {
  width: 100%;
  padding: 25px; }
.search-results .page__sidebar {
  width: 100%;
  background-color: #e8ebea;
  padding: 15px;
  height: auto !important; }

.img__modal {
position: fixed;
margin: 0;
width: 100%;
height: 100%;
display: none;
top: 0;
z-index: 120; }

.img__modal .mask {
width: 100%;
height: 100%;
margin: 0;
background-color: #000;
opacity: .5;
position: absolute; }

.img__modal img {
width: 350px;
position: relative;
left: 50%;
margin-left: -175px;
top: 150px; }

a.btn-email-box{

 width: auto;
  height: 50px;
  line-height: 50px;
  float: left;
  margin-right: 1px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #018752;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding:0 5px;

}

.solicita-box {
width: 365px;
height: 50px;
float: right;
font-family: Arial;
margin-top: 22px;
display: none; }
.solicita-box a.btn-solicita {
  width: 150px;
  height: 50px;
  line-height: 50px;
  float: left;
  margin-right: 1px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #018752;
  color: #fff;
  text-align: center;
  font-size: 14px; }
  .solicita-box a.btn-solicita:hover {
    background: #8EC63F; }
.solicita-box span.o {
  width: 27px;
  height: 50px;
  line-height: 50px;
  float: left;
  background: #075E27;
  color: #fff;
  text-align: center;
  font-size: 14px; }
.solicita-box .llamenos-box {
  width: 210px;
  height: 50px;
  line-height: normal;
  float: left;
  color: #696969;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  text-align: left;
  font-size: 13px;
  background: url("phone-icon.png") center left 10px no-repeat white;
  background-size: 30px;
  padding: 10px 5px 0 50px; }
  .solicita-box .llamenos-box strong {
    display: block; }
.solicita-box .usvi-box {
 width: 190px;
  height: 50px;
  line-height: normal;
  float: left;
  margin-right: 1px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #fff;
  color: #000000;
  text-align: left;
  font-size: 13px;
  background: url("../images/phone-icon.png") center left 10px no-repeat white;
  background-size: 30px;
  padding: 10px 0 0 50px; }
  .solicita-box .usvi-box strong {
    display: block; }
   .solicita-box .usvi-box-loan {
  width: 175px;
  height: 50px;
  line-height: normal;
  float: left;
  margin-right: 1px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #fff;
  color: #000000;
  text-align: left;
  font-size: 13px;
  background: url("../images/phone-icon.png") center left 10px no-repeat white;
  background-size: 30px;
  padding: 10px 0 0 50px; }
  .solicita-box .usvi-box strong {
    display: block; }

.solicita-box .bvi-box {
  width: 146px;
  height: 50px;
  line-height: normal;
  float: left;
  color: #000000;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  text-align: left;
  font-size: 13px;
  background: #fff;
  padding: 10px 0 0 30px; }
  .solicita-box .bvi-box strong {
    display: block; }
.solicita-box.only-phone {
  width: 210px; }
  .solicita-box.only-phone .llamenos-box {
    width: 210px;
    line-height: 30px;
    height: 50px; }
    .solicita-box.only-phone .llamenos-box strong {
      display: inline-block;
      margin-left: 10px; }

.usvi-bvi-box {
width: 303px;
height: 50px;
float: right;
font-family: Arial;
margin-top: 22px;
display: none; }
.usvi-bvi-box .usvi-box {
  width: 156px;
  height: 50px;
  line-height: normal;
  float: left;
  margin-right: 1px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #fff;
  color: #000000;
  text-align: left;
  font-size: 13px;
  background: url("../images/phone-icon.png") center left 10px no-repeat white;
  background-size: 30px;
  padding: 10px 0 0 50px; }
  .usvi-bvi-box .usvi-box strong {
    display: block; }
.usvi-bvi-box .bvi-box {
  width: 146px;
  height: 50px;
  line-height: normal;
  float: left;
  color: #000000;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  text-align: left;
  font-size: 13px;
  background: #fff;
  padding: 10px 0 0 30px; }
  .usvi-bvi-box .bvi-box strong {
    display: block; }
.usvi-bvi-box.only-phone {
  width: 210px; }
  .usvi-bvi-box.only-phone .llamenos-box {
    width: 210px;
    line-height: 30px;
    height: 50px; }
    .usvi-bvi-box.only-phone .llamenos-box strong {
      display: inline-block;
      margin-left: 10px; }

/*****************************/
/* Search Result for Mobile
/* Estos estilos son para la version DESKTOP
/* Corrije problemas en las columnas
/*****************************/
@media (min-width: 1025px) {
.solicita-box, .usvi-bvi-box {
  display: block; }

.pagewithsidebar .page__content {
  width: 72%;
  padding: 25px 25px 70px 0; }
.pagewithsidebar .page__sidebar {
  width: 28%;
  background-color: #e8ebea;
  padding: 30px 15px; }
.pagewithsidebar .searchbar__target.button {
  display: block; }
.pagewithsidebar .centered > .column {
  min-height: 1055px; }
  .pagewithsidebar .centered > .column-short {
  min-height: 100%; } }
.headeraside__nav {
height: 100%; }
.headeraside__nav > li {
  position: relative;
  display: inline-block;
  list-style: none; }
  .headeraside__nav > li:last-child {
    margin-right: 0; }
.headeraside__nav > li {
  vertical-align: top; }
.header__share {
height: 100%; }

.header__search {
width: 100%;
height: 100%;
margin-top: -2px;
position: relative; }
.header__search-holder {
  position: relative;
  width: 40px;
  height: 40px;
  padding: 10px;
  background-color: transparent;
  border-right: 2px solid transparent;
  border-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
  .header__search-holder.active {
    background-color: #e6e6e6;
    border-right: 2px solid #c3c3c3;
    border-radius: 8px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
    .header__search-holder.active .header__search__icon {
      background: url("../images/icon-search-active.png") no-repeat;
      background-size: 100%; }
    .header__search-holder.active .header__search__sub,
    .header__search-holder.active .header__search__viewall.button {
      display: block;}
.header__search__bar {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  height: auto;
  background-color: white;
  border: 1px solid #999999;
  padding: 10px;
  padding-right: 50px; }
.header__search__icon {
  width: 19px;
  height: 19px;
  background: url("../images/icon-search.png") no-repeat;
  background-size: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0; }
.header__search__viewall.button {
  position: absolute;
  top: 338px;
  left: -295px;
  width: 335px;
  height: 38px;
  background-color: #006ade;
  display: none;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  text-transform: initial;
  z-index: 2;
  padding-top:10px;
}

.header__search__sub {
height: auto;
overflow: hidden;
position: absolute;
right: -2px;
bottom: -50px;
background-color: #e6e6e6;
border-right: 2px solid #c3c3c3;
border-top-left-radius: 8px;
display: none;
width: 335px; }
.header__search__sub.expanded {
  bottom: -335px;
  height: 335px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px; }
  .header__search__sub.expanded .header__search__sub__content {
    display: block; }
.header__search__sub__content {
  position: absolute;
  bottom: 38px;
  width: 100%;
  height: 70%;
  overflow: auto;
  display: none; }
  .header__search__sub__content > div {
    width: 100%;
    border-bottom: 1px solid #999999; }
    .header__search__sub__content > div a {
      display: block;
      width: 100%;
      padding: 5px 10px; }
.header__search__sub__top {
  height: 50px;
  padding: 10px; }

/**************************/
/*
/*  HISTORY SLIDER PAGE
/*
/**************************/
.history-title {
text-align: center;
padding: 40px 0px 40px 0px;
font-size: 20px;
color: #5a6066;
font-weight: bold; }

#timeline {
width: 320px;
height: 450px;
overflow: hidden;
margin: 0 auto;
position: relative;
background: url("../images/slider/time-line-320.jpg") center 159px no-repeat white; }

.years-container {
width: 320px;
height: 60px;
overflow: hidden;
position: absolute;
top: 115px;
z-index: 101;
left: 0;
right: 0;
margin: 0 auto; }

#dates {
width: 320px;
height: 60px;
margin: 0;
padding: 0; }

a.link{
text-decoration:underline;
font-weight:bold;
}

#dates li {
list-style: none;
float: left;
width: 100px;
height: 50px;
font-size: 14px;
text-align: center;
background: url("../images/slider/biggerdot.png") center bottom no-repeat;
margin: 0;
padding: 0; }

#dates a {
line-height: 38px;
padding-bottom: 10px;
color: #5a6066;
font-weight:bold;
 }

#dates .selected {
font-size: 20px;
color: #00833c;
font-weight: 700; }

.image-mask {
width: 320px;
height: 12px;
background: url("../images/slider/bg-slider-mask-320.png") left bottom no-repeat;
position: absolute;
z-index: 100;
top: 119px;
left: 0; }

#issues {
width: 320px;
height: 750px;
overflow: hidden;
position: relative;
margin: 0;
padding: 0; }

#issues li {
width: 320px;
height: 350px;
list-style: none;
float: left;
margin: 0;
padding: 0; }

#issues li img {
margin: 0;
padding: 0;
margin-bottom: 66px;
max-width: 130%; }

#issues li figure {
margin: 0 !important;
padding: 0 !important; }

#issues li figure figcaption {
text-align: center;
margin: 0;
padding: 0; }

#issues li figure figcaption h1 {
color: #5a6066;
font-size: 22px;
margin: 20px 0;
font-weight: 700; }

#issues li figure figcaption p {
font-size: 13px;
font-weight: normal;
line-height: 22px;
font-family: Arial;
color: #5a6066;
padding: 0 20px; }

#next,
#prev {
position: absolute;
top: 0;
font-size: 70px;
top: 395px;
width: 50%;
height: 55px;
background-position: center center;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
background-color: #F6F8F7;
border: 1px solid #E6E6E6;
opacity: 0.85; }

#next:hover,
#prev:hover {
opacity: 1; }

#next {
right: 0;
background-image: url("../images/slider/next.png");
/*-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;*/ }

#prev {
left: 0;
background-image: url("../images/slider/prev.png");
/*-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;*/ }

#next.disabled,
#prev.disabled {
opacity: 0.2; }

.historia-img {
margin-top: 0px;
margin-left: 0px;
margin-bottom: 65px;
width: 100%; }

.historia-img img {
width: 100%; }

@media (min-width: 480px) {
.history-title {
  font-size: 26px; }

#timeline {
  width: 480px;
  height: 450px;
  background: url("../images/slider/time-line-480.jpg") center 204px no-repeat white; }

.years-container {
  width: 480px;
  top: 160px; }

#dates {
  width: 480px; }

.image-mask {
  width: 480px;
  background: url("../images/slider/bg-slider-mask-480.png") left bottom no-repeat;
  top: 139px; }

#issues {
  width: 480px;
  height: 750px; }

#issues li {
  width: 480px;
  height: 350px; }

#issues li img {
  max-width: 100%; }

#issues li figure figcaption h1 {
  font-size: 25px; }

#issues li figure figcaption p {
  font-size: 15px; }

#next,
#prev {
  top: 365px;
  width: 50%; } }
@media (min-width: 768px) {
.history-title {
  font-size: 32px; }

#timeline {
  width: 768px;
  height: 580px;
  background: url("../images/slider/time-line.jpg") center 294px no-repeat white; }

.years-container {
  width: 640px;
  top: 250px; }

#dates {
  width: 768px; }

.image-mask {
  width: 768px;
  background: url("../images/slider/bg-slider-mask-768.png") left bottom no-repeat;
  top: 229px; }

#issues {
  width: 768px;
  height: 750px; }

#issues li {
  width: 768px;
  height: 350px; }

#issues li figure figcaption {
  width: 80%;
  margin: 0 auto; }

#issues li figure figcaption h1 {
  font-size: 40px; }

#issues li figure figcaption p {
  font-size: 15px; }

#next,
#prev {
  top: 490px;
  width: 50%; } }
@media (min-width: 1025px) {
.history-title {
  font-size: 20px; }

#timeline {
  width: 1300px;
  height: 750px;
  background: url("../images/slider/time-line.jpg") center 469px no-repeat white; }

.years-container {
  width: 500px;
  top: 425px; }

#dates {
  width: 700px;
  height: 60px; }

.image-mask {
  width: 1300px;
  background: url("../images/slider/bg-slider-mask.png") left bottom no-repeat;
  top: 396px; }

#issues {
  width: 1300px;
  height: 750px; }

#issues li {
  width: 1300px;
  height: 350px; }

#issues li figure figcaption {
  width: 60% !important;
  margin: 0 auto !important; }

#issues li figure figcaption h1 {
  font-size: 45px; }

#issues li figure figcaption p {
  font-size: 16px; }

#next,
#prev {
  position: absolute;
  top: 0;
  font-size: 70px;
  top: 570px;
  width: 62px;
  height: 80px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  background-color: #F6F8F7;
  border: 1px solid #E6E6E6;
  opacity: 0.85; }

#next:hover,
#prev:hover {
  opacity: 1; }

#next {
  right: 0;
  background-image: url("../images/slider/next.png");
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

#prev {
  left: 0;
  background-image: url("../images/slider/prev.png");
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

#next.disabled,
#prev.disabled {
  opacity: 0.2; } }.bar {
border: 0;
height: 100%; }

.box--fdic .column--left {
width: 10%;
height: 100px; }
.box--fdic .column--right {
float: left;
width: 90%;
padding: 40px 10px 30px; }


.box--fdic .column--right--2 {
float: left;
width: 90%;
padding: 40px 10px 30px; }



.box--fdic .column--right--2 {
padding: 20px 20px 20px 15px; }
}

.box--fdic p {
text-align: justify; }
.box--fdic .with-HousingLender .column--left {
width: 10%;
height: 100px; }
.box--fdic .with-HousingLender .column--right {
float: right;
width: 90%;
padding: 40px 30px 30px; }
.box--fdic .column--right--mobile {
width: 78%;
display: none;
padding: 20px 20px 20px 15%; }
.box--fdic .columns--size1 {
height: 190px; }
.box--fdic .columns--size2 {
height: auto; }
.box--fdic sup {
font-size: 9px; }

.boxes1 {
position: absolute;
left: 6%;
width: 1000px;
height: 285px;
margin-left: -5px;
bottom: 0; }
.boxes1.full {
  width: 100%;
  left: 0;
  margin-left: 0; }
.boxes1 > li {
  list-style: none;
  margin-right: 0;
  display: inline-block;
  cursor: pointer; }
.boxes1 .box__img {
  height: 100%; }
.boxes1 .column--left {
  position: relative; }
.boxes1 .column--right {
  float: right;
  position: relative; }
.boxes1 .icon--holder {
  height: 140px; }
.boxes1 .icon {
  width: 100%;
  height: 100%; }
.boxes1 .text {
  padding: 10px 10px 10px;
  width: 165px;
  display: none; }
  .boxes1 .text.heading {
    line-height: 20px;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    display: block !important; }
.boxes1 .box__legal {
  position: absolute;
  bottom: 10px;
  left: 5px;
  width:auto; }
.boxes1 .button {
  display: none;
  margin: 10px;
  padding: 0px 20px;
  height: 30px;
  overflow: hidden; }
  .boxes1 .button.orange {
    background-color: #f7811e;
    border: 3px solid #f7811e; }
.boxes1 .box--expanded .text {
  display: block; }
.boxes1 .box--expanded .button {
  display: block;
  position: absolute;
  bottom: 0px;
  width: 135px; }

.home__content {
overflow: hidden; }

.boxes1 .box--normal {
width: 16%;
height: 150px;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
-webkit-transform: translate(0, 10px);
-moz-transform: translate(0, 10px);
-ms-transform: translate(0, 10px);
-o-transform: translate(0, 10px);
transform: translate(0, 10px);
position: relative; }
.boxes1 .box--normal .icon--holder,
.boxes1 .box--normal .column--right {
  display: none; }
.boxes1 .box--normal:hover {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.boxes1 .box--expanded {
width: 48%;
height: 100%;
-webkit-transition-property: width;
-moz-transition-property: width;
transition-property: width;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); }
.boxes1 .box--expanded .column--left {
  width: 33.2%; }
.boxes1 .box--expanded .column--right {
  width: 66.8%; }

.boxes1 > li {
-webkit-transform: translate(0, 40px);
-moz-transform: translate(0, 40px);
-ms-transform: translate(0, 40px);
-o-transform: translate(0, 40px);
transform: translate(0, 40px);
font-size: 0; }
.boxes1 > li:before, .boxes1 > li:after {
  content: ""; }

.boxes1 .icon,
.divider .bar,
.logo {
display: block; }

.boxes2 > li {
width: 25%; }

.boxes3 > li {
width: 33%; }
.boxes3 > li:nth-child(2), .boxes3 > li:nth-child(5), .boxes3 > li:nth-child(8), .boxes3 > li:nth-child(11), .boxes3 > li:nth-child(14), .boxes3 > li:nth-child(17), .boxes3 > li:nth-child(20) {
  width: 34%; }

.boxes4 {
height: auto;
overflow: hidden; }
.boxes4 > li {
  position: relative;
  width: 22%;
  height: 160px;
  list-style: none;
  float: left;
  margin-right: 30px; }
  .boxes4 > li:last-child {
    margin-right: 0; }
.boxes4 .object {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  display: block; }

.boxes4__title {
margin-bottom: 35px; }

.boxes5 {
height: auto;
overflow: hidden; }
.boxes5 > li {
  width: 47.33%;
  height: 70px;
  background-color: white;
  float: left;
  list-style: none;
  margin-bottom: 10px;
  margin-right: 30px;
  padding: 15px; }
  .boxes5 > li.tall {
    padding: 2px 10px; }
    .boxes5 > li.tall .number {
      padding-top: 10px; }
  .boxes5 > li.noMarginRight {
    margin-right: 0px; }
.boxes5 .number {
  float: left;
  height: 100%;
  line-height: 42px;
  margin-right: 15px; }

.boxes--bordered {
height: auto;
overflow: hidden; }
.boxes--bordered a {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  display: block; }
.boxes--bordered > li {
  position: relative;
  height: 180px;
  list-style: none;
  float: left;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  background: #fff; }
.boxes--bordered .link {
  padding: 25px 0; }
.boxes--bordered .icon {
  width: 90px;
  height: 90px;
  display: block;
  margin: 0 auto 12px; }

.boxes--holder {
height: auto;
overflow: hidden; }
.boxes--holder.soft {
  border-top: 5px solid #038459;
  padding: 30px 0 50px; }

.boxes--split {
height: auto;
overflow: hidden; }
.boxes--split > li {
  border-bottom: 1px solid #e6e6e6;
  height: 390px;
  list-style: none;
  padding: 50px 0; }
.boxes--split .columns {
  height: 100%; }
.boxes--split .column {
  width: 50%; }
.boxes--split .columns--left .column--media {
  float: left; }
.boxes--split .columns--left .column--text {
  float: right; }
.boxes--split .column--media .object {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .boxes--split .column--media .object img {
    max-width: 100%;
    width: 100%;
    height: auto; }
.boxes--split .columns--right .column--media,
.boxes--split .columns--right .object--holder {
  float: right; }
.boxes--split .columns--right .column--text {
  float: left; }
.boxes--split .object--holder {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 80%;
  height: 100%;
  border: 1px solid #cccccc;
  padding: 10px; }

@media (max-width: 922px) {
.boxes--split .column--media .object img {
  max-width: none;
  width: auto;
  height: 100%; } }
.boxes--split__text p {
margin-bottom: 10px; }
.boxes--split__text p:last-child {
  margin-bottom: 0; }

.boxes--split__text,
.boxes--split__title {
margin-bottom: 30px; }

.button, .input,
button, input {
background: transparent;
display: block;
-moz-appearance: none;
-webkit-appearance: none; }

.button1,
.input1 {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
width: 100%;
height: 100%; }
.button1::-webkit-input-placeholder,
.input1::-webkit-input-placeholder {
  color: #303030; }
.button1:-moz-placeholder,
.input1:-moz-placeholder {
  color: #303030; }
.button1::-moz-placeholder,
.input1::-moz-placeholder {
  color: #303030; }
.button1:-ms-input-placeholder,
.input1:-ms-input-placeholder {
  color: #303030; }

.button1 {
padding: 10px;
transition: border-radius 0.25s ease;
box-sizing: border-box; }
.button1:active, .button1:hover {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px; }
.button1:active {
  padding-top: 7px; }

.button2,
.button3 {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
transition: border-radius 0.25s ease;
box-sizing: border-box; }
.button2:active, .button2:hover,
.button3:active,
.button3:hover {
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -ms-border-radius: 27px;
  -o-border-radius: 27px;
  border-radius: 27px; }

.button2 {
padding: 15px 30px;
border: 3px solid #006ade; }

.button3 {
padding: 15px 40px;
border: 3px solid #018752; }
.button3.button3--alt {
  height: 100%; }
.button3.button3--mobile {
  width: 75px;
  padding: 8px;
  display: none; }

.button3--mobile .icon {
width: 11px;
height: 11px;
display: inline-block;
vertical-align: middle;
margin-right: 2px; }

.button4 {
width: 155px;
height: 55px; }

.button5, .button5 + .arrow {
display: inline-block; }
.button5 + .arrow {
margin-left: 8px; }
.button5:hover {
border-bottom: 1px solid #8aad58; }

.button--analytics {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 1px solid #e6e6e6;
padding: 5px 20px 5px 5px;
height: 45px;
cursor: default !important; }
.button--analytics span {
  display: block; }

.button--calc {
position: absolute;
top: 0px;
left: 0px;
width: 50px;
height: 100%;
border-right: 1px solid #cccccc; }

.button--call {
width: 190px;
height: 40px; }
.button--call .icon,
.button--call .left {
  display: inline-block; }
.button--call .icon {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  vertical-align: bottom; }
.button--call .left {
  line-height: 15px; }

.button--cont {
width: 120px;
height: 100%;
margin: 0 auto; }
.button--cont .shape {
  -webkit-border-radius: 46px;
  -moz-border-radius: 46px;
  -ms-border-radius: 46px;
  -o-border-radius: 46px;
  border-radius: 46px;
  width: 23px;
  height: 23px;
  border: 1px solid #cccccc;
  display: inline-block; }

.button--fb1 {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
position: absolute;
top: 0px;
right: 0px;
width: auto;
height: 22px;
padding: 5px; }
.button--fb1 .icon {
  width: 12px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px; }

.column__divider {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
position: absolute;
top: 25px;
right: -15px;
border: 1px solid #8aad58;
padding: 5px 10px; }

.copyright {
padding-top: 20px;
float: right;

}

  @media (min-width: 768px){
.copyright {
padding-top: 20px;
float: right;

}

}
  @media (min-width: 1024px){
.copyright {
padding-top: 20px;
float:right;

  }
}
.divider {
width: 100%;
height: 5px;
background: white; }
.divider .bar--left {
  float: left; }
.divider .bar--right {
  float: right; }
.divider.divider1 {
  border-bottom: 1px solid #a3a8aa;
  border-top: 1px solid #a3a8aa; }
  .divider.divider1 .bar--left,
  .divider.divider1 .bar--right {
    width: 49.8%; }
.divider.divider2 .bar--left {
  width: 18%; }
.divider.divider2 .bar--right {
  width: 81.8%; }
.divider.divider3 .bar--left,
.divider.divider3 .bar--right {
  width: 50%; }

.dropdown--region {
border: 1px solid #e6e6e6;
overflow: visible; }
.dropdown--region a {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  display: block; }
.dropdown--region > li {
  position: relative;
  background-color: rgba(245, 245, 245, 0.8);
  float: left;
  list-style: none;
  padding: 5px; }
.dropdown--region,
.dropdown--region > li:first-child {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
.dropdown--region,
.dropdown--region > li {
  width: 85px;
  height: 35px; }
.dropdown--region:hover .hide {
  display: block; }
.dropdown--region .flag,
.dropdown--region .text {
  float: left; }
.dropdown--region .text {
  padding: 5px 4px;
  display: inline; }
  .dropdown--region .text .desktop__lang {
    display: inline;
    width: auto; }
    .dropdown--region .text .desktop__lang:after {
      content: "▾";
      display: inline;
      position: absolute;
      top: 8px;
      right: 10px; }
.dropdown--region .desktop__lang {
  text-transform: uppercase; }
.dropdown--region .box {
  width: 500px;
  left: -425px;
  top: 0;
  position: relative;
  overflow: auto;
  z-index: 10; }
  .dropdown--region .box .drop__divider {
    height: 20px; }
    .dropdown--region .box .drop__divider .divider__triangle {
      content: " ";
      width: 29px;
      height: 10px;
      position: absolute;
      top: 10px;
      right: 15px;
      display: block; }
  .dropdown--region .box .drop__col {
    background: #e8ebea;
    float: left;
    height: 180px;
    width: 60%;
    padding: 15px;
    border-top-left-radius: 5px; }
    .dropdown--region .box .drop__col:first-child {
      border-right: solid 1px #858f97; }
    .dropdown--region .box .drop__col.small--col {
      width: 40%;
      border-top-left-radius: initial;
      border-bottom-left-radius: initial;
      border-top-right-radius: 5px;
      border-left: 1px solid #e3e3e3; }
    .dropdown--region .box .drop__col .title {
      color: #00833c;
      font-weight: bold;
      margin: 10px 0;
      margin-top: 0px; }
  .dropdown--region .box .change-name-divider {
    border-top: solid 1px #e3e3e3;
    background: #e8ebea;
    float: left;
    height: 50px;
    width: 100%;
    padding: 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
    .dropdown--region .box .change-name-divider .cambiar_name {
      color: #00833c;
      font-weight: bold;
      margin: 10px 0;
      margin-top: 0px;
      cursor: pointer;
      font-size: 14px; }

.flag.icon {
width: 35px;
height: 23px; }

.footer__bar1 {
height: 70px;
padding: 10px 32px; }

.footer__bar2 {
display: none; }
.footer__bar2 .footer--logos {
  width: 125px;
  height: 50px; }
  .footer__bar2 .footer--logos > li {
    width: 30px; }

.footer--fixed .buttons {
position: absolute;
top: 0px;
left: 60px;
padding: 5px 0; }
.footer--fixed .buttons > li {
  margin-right: 5px;
  vertical-align: middle; }

.footer--logos {
width: 30%;
height: 100%;
float: left; }
.footer--logos > li {
  position: relative;
  display: inline-block;
  list-style: none; }
  .footer--logos > li:last-child {
    margin-right: 0; }
.footer--logos > li { /*Importante .container .footer--logos*/
  width: 48px;
  height: 100%;
  margin-right: 5px; }
  .footer--logos > li a {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    display: block; }
       .footer--logos > li div {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    display: block; }
 /*   .footer--v2 .footer--logos > li a {
  position: static;
}
.footer--v2 .footer--logos > li img {
  max-width: 100%;
  height: auto;
}*/

.footer__nav .tabs {
border: 1px solid #cccccc;
border-top: 3px solid #cccccc; }
.footer__nav .tabs > li {
  width: 33%;
  height: 100%;
  float: left; }
  .footer__nav .tabs > li:nth-child(2) {
    width: 34%; }
  .footer__nav .tabs > li:active, .footer__nav .tabs > li.active {
    border-top: 3px solid #00833c;
    height: 105%;
    margin-top: -3px; }
  .footer__nav .tabs > li:first-child a {
    border-left: 0; }
  .footer__nav .tabs > li:last-child a {
    border-right: 0; }
  .footer__nav .tabs > li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc; }

.header1 .logo {
margin: 0 auto; }

.highlight.link {
border-bottom: 1px solid; }

.icon--fblike {
width: 30px;
height: 33px;
margin: 0 10px;
display: inline-block; }

.icon--pagenavigation--mobile {
width: 20px;
height: 23px;
display: none;
margin: 0 auto; }

.input--holder1,
.input--holder2 {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
position: relative;
height: 35px;
line-height: 27px;
margin-bottom: 0.5em;
padding: 4px; }
.input--holder1:last-child,
.input--holder2:last-child {
  margin-bottom: 0; }

.input--holder1 input[type="checkbox"],
.input--holder1 input[type="radio"],
.input--holder2 input[type="checkbox"],
.input--holder2 input[type="radio"] {
position: absolute;
width: 26px;
height: 27px;
overflow: hidden;
opacity: 0; }
.input--holder1 input[type="checkbox"], .input--holder1 input[type="checkbox"] + label:before,
.input--holder1 input[type="radio"],
.input--holder1 input[type="radio"] + label:before,
.input--holder2 input[type="checkbox"],
.input--holder2 input[type="checkbox"] + label:before,
.input--holder2 input[type="radio"],
.input--holder2 input[type="radio"] + label:before {
  width: 26px;
  height: 27px; }
  .input--holder1 input[type="radio"]{
width:100%;
}
   .input--holder2 input[type="radio"] {
     width:100%;
   }
.input--holder1 input[type="checkbox"] + label:before,
.input--holder1 input[type="radio"] + label:before,
.input--holder2 input[type="checkbox"] + label:before,
.input--holder2 input[type="radio"] + label:before {
  content: " ";
  margin-right: 4px;
  display: inline-block;
  vertical-align: top; }

.input1 {
padding: 5px 10px; }

.input2 {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
width: 72%;
height: 100%;
padding: 10px; }

.layoutimg1 {
height: 600px;
background-position: center; }

.list--style1,
.list--style2,
.list--style3,
.list--style5 {
height: auto;
overflow: hidden;
list-style: none; }

.list--style1 > li {
height: 35px;
list-style: none;
margin-bottom: 10px; }
.list--style1 > li:last-child {
  margin-bottom: 0; }

.list--style2.appsBtns > li {
margin-bottom: 5px; }

.list--style2 > li.title {
margin-bottom: 10px; }

.list--style3 > li {
min-height: 50px;
overflow: auto;
background-color: #e8ebe9;
margin-bottom: 5px; }
.list--style3 > li:last-child {
  margin-bottom: 0; }
.list--style3 .column {
padding: 15px; }
.list--style3 .column--left {
background-color: #e8ebe9;
width: 30%; }
.list--style3 .column--right {
background-color: white;
width: 70%; }

.list--style4 {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0; }
.list--style4 li {
  background: url("../images/bullet-1-level@2x.png") top left no-repeat !important;
  background-size: 20px 20px !important;
  padding-left: 30px;
  line-height: 20px;
  margin-top: 5px;
  font-size: 15px;
  margin-bottom: 20px; }
  .list--style4 li p {
    margin-bottom: 0; }
.list--style4 p {
  display: inline-block; }
.list--style4 .list--inner {
  list-style-image: url("../images/bullet-1-level.png");
  margin-bottom: 25px;
  padding-left: 15px; }
  .list--style4 .list--inner > li {
    margin-bottom: 5px; }
    .list--style4 .list--inner > li:last-child {
      margin-bottom: 0; }

.list--style5 > li {
margin-bottom: 5px; }

.logo--alt {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
width: 50px;
height: 50px;
border: 1px solid #cccccc;
display: block;
float: right; }

.logo--main {
width: 155px;
height: 48px;
margin: 0 auto; }

.logo--main--mobile {
width: 40px;
height: 40px;
display: none; }

.mainbox > .top .shape {
border-top: 1px solid #cccccc; }
.mainbox > .top .shape--up {
border-bottom: 5px solid white; }
.mainbox > .top .shape--down {
border-top: 5px solid white; }

.mainbox .button3 {
width: 100%;
margin: 5px 0 0;
background-color: #f7811e;
border: 0; }

.mainbox.expanded .shape {
padding-top: 6px; }

.mainbox__hash--holder {
text-align: right;
background-color: transparent !important; }
.mainbox__hash--holder .shape {
  border: 1px solid #cccccc; }
.mainbox__hash--holder .shape--down {
  border-top: 5px solid #303030; }
.mainbox__hash--holder .shape--up {
  border-bottom: 5px solid #303030; }

.mainbox__hash .icon {
width: 20px;
height: 20px;
display: inline-block;
margin-right: 0px;
margin-bottom: 2px;
vertical-align: middle; }

.mainbox__instafeed {
width: 100%;
height: 145px; }
.mainbox__instafeed > li {
  width: 68px;
  height: 68px;
  margin: 1px;
  border: solid 1px #595f66;
  vertical-align: top;
  box-sizing: border-box; }
  .mainbox__instafeed > li:before, .mainbox__instafeed > li:after {
    content: ""; }
  .mainbox__instafeed > li:nth-child(5), .mainbox__instafeed > li:nth-child(10) {
    margin-right: 0px; }
.mainbox__instafeed .img {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-position: center; }

.mainbox .shape {
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-ms-border-radius: 40px;
-o-border-radius: 40px;
border-radius: 40px;
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
padding-top: 12px; }
.mainbox .shape.tabshape {
  position: absolute;
  bottom: -25px;
  left: 50%;
  top: initial;
  display: none; }

.mainbox__tabcontent .tweet--content {
clear: both; }
.mainbox__tabcontent .tweet--date {
float: right; }
.mainbox__tabcontent .tweet--mention {
float: left;
margin-bottom: 13px; }

.mainbox__tabcontent.tw {
padding: 15px 10px; }

.mainbox__tabcontent.fb > .column--left {
width: 50px;
padding: 15px 0;
margin-left: 15px; }
.mainbox__tabcontent.fb > .column--right {
width: 275px;
padding: 15px 5px 15px 13px; }
.mainbox__tabcontent.fb > .column--right .top {
  position: relative;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
  padding-bottom: 10px; }
  .mainbox__tabcontent.fb > .column--right .top h3 {
    color: #018752;
    font-weight: bold; }
    .mainbox__tabcontent.fb > .column--right .top h3 a {
    color: #018752;
    font-weight: bold; }

  .mainbox__tabcontent.fb > .column--right .top .alt--copy {
    font-size: 13px; }

.mainbox__tabs > li {
z-index: 2;
height: 40px;
width: 40px;
list-style-type: none; }
.mainbox__tabs > li:last-child {
  border-right: 0; }
.mainbox__tabs > li a {
  display: block;
  width: 100%; }

.mainbox__tabs .active .link.fb, .mainbox__tabs .active .link.tw, .mainbox__tabs .active .link.banking, .mainbox__tabs .active .link.insta {
background-color: whitesmoke; }
.mainbox__tabs .active .link.fb {
border-color: #4668b3;
color: #4668b3; }
.mainbox__tabs .active .link.tw {
border-color: #00b5f7;
color: #00b5f7; }
.mainbox__tabs .active .link.insta {
border-color: #3f729b;
color: white; }
.mainbox__tabs .link {
padding: 10px; }
.mainbox__tabs .link.fb:active, .mainbox__tabs .link.fb:hover, .mainbox__tabs .link.tw:active, .mainbox__tabs .link.tw:hover, .mainbox__tabs .link.banking:active, .mainbox__tabs .link.banking:hover {
  background-color: whitesmoke; }
.mainbox__tabs .link.banking {
  background-color: #018752; }
.mainbox__tabs .link.fb {
  background-color: #4668b3; }
  .mainbox__tabs .link.fb:active, .mainbox__tabs .link.fb:hover {
    color: #4668b3; }
.mainbox__tabs .link.tw {
  background-color: #00b5f7; }
  .mainbox__tabs .link.tw:active, .mainbox__tabs .link.tw:hover {
    color: #00b5f7; }
.mainbox__tabs .link.insta {
  background-color: #3f729b; }
  .mainbox__tabs .link.insta:active, .mainbox__tabs .link.insta:hover {
    background-color: whitesmoke;
    color: #3f729b; }
.mainbox__tabs .link.fb:active, .mainbox__tabs .link.fb:hover {
  border-color: #4668b3; }
.mainbox__tabs .link.tw:active, .mainbox__tabs .link.tw:hover {
  border-color: #00b5f7; }
.mainbox__tabs .link.insta:active, .mainbox__tabs .link.insta:hover {
  border-color: #3f729b; }
.mainbox__tabs .icon {
width: 20px;
height: 20px;
display: inline-block;
margin-right: 2px;
vertical-align: middle; }

.fb-like {
max-width: 80px;
position: absolute !important;
right: 5px;
top: 0; }

.page__media--holder {
width: 100%;
height: 300px; }
.page__media--holder .ad {
  padding: 0 10px; }

.page--search,
.page--share {
width: 20px;
height: 20px;
margin-top: 9px;
margin-right: 9px; }

.pagers {
position: absolute;
left: 50%; }
.pagers span {
  color: transparent;
  display: inline-block;
  margin-right: 5px; }
  .pagers span:last-child {
    margin-right: 0; }

.page__columns p,
.page__columns__title {
margin-bottom: 15px; }

.page__columns .list--style4 .list--inner p {
margin-bottom: 0; }

.page__columns__title--alt {
margin-bottom: 20px; }

.page__navigation__top--mobile {
background-color: #038459;
height: 53px;
width: 100%;
position: fixed;
top: 0;
z-index: 100; }
.page__navigation__top--mobile .page__navigation--menu-icon {
  display: block;
  background-size: 100%;
  position: absolute;
  left: 15px;
  top: 17px;
  width: 15px;
  height: 15px; }
  .page__navigation__top--mobile .page__navigation--menu-icon:after {
    content: "Menu";
    text-transform: uppercase;
    position: absolute;
    left: 20px;
    top: -1px;
    color: white;
    font-size: 16px; }
.page__navigation__top--mobile .page__navigation--menu-search {
  display: block;
  background-size: 100%;
  background-position: center;
  position: absolute;
  top: 14px;
  right: 150px;
  width: 20px;
  height: 20px; }
.page__navigation__top--mobile .page__navigation--menu-share {
  display: block;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 14px;
  right: 110px;
  width: 18px;
  height: 20px; }

.page__navigation--mobile {
width: 100%;
padding: 53px 0 0 0; }
.page__navigation--mobile li {
  list-style: none;
  border-bottom: 1px solid #303030; }
  .page__navigation--mobile li a {
    display: block;
    padding: 15px 15px; }

.page__navigation__top--mobile input {
background: white;
border-radius: 3px;
border: solid 1px white;
position: absolute;
top: 12px;
padding: 5px;
width: 130px;
right: 180px; }

.page__top {
height: 350px; }

.page__topcontent > .column {
padding: 30px 35px; }
.page__topcontent > .column--left {
width: 68%; }
.page__topcontent > .column--right {
position: absolute;
width: 32%;
top: 0;
right: 0; }

.page__topcontent--alt > .column.column--left {
padding: 0; }

.page__topcontent--alt > .column--left--mobile {
width: 26%;
padding: 15px 35px; }

.page__topcontent--alt .columns > .column--left {
position: relative;
border-right: 1px solid #8aad58;
width: 26%;
padding: 15px 35px; }
.page__topcontent--alt .columns > .column--right {
padding: 22px 35px 15px; }

.pagination {
position: absolute; }

.pagination .icon {
width: 100%;
height: 100%;
display: block;
margin: 0 auto;
background-size: 40% 50%;
background-position: center; }

.page__navigator .pagination {
width: 60px;
height: 100%;
padding-top: 0;
top: 0; }

.pagination--next {
right: 0; }

.pagination--prev {
left: 0; }

.radio--list1 li:first-child {
width: 254px; }
.radio--list1 li:nth-child(2) {
width: 254px; }
.radio--list1 li:nth-child(3) {
width: 254px; }

.radio--list2 li:first-child {
width: 101px; }
.radio--list2 li:nth-child(2) {
width: 101px; }

.shape.tabshape {
width: 25px;
height: 25px;
padding-top: 15px;
margin-left: -12.5px; }

.shape--down,
.shape--up {
width: 0px;
height: 0px;
margin: 0 auto;
border-left: 5px solid transparent;
border-right: 5px solid transparent; }

.slider1 {
position: relative;
width: 100%;
height: 500px;
padding-top: 70px; }
.slider1 .img {
  width: 80%;
  height: 100%;
  margin-left: 30px; }
.slider1 .pagers {
  bottom: 50px;
  width: 90px;
  margin-left: -45px; }
.slider1 .pagers span {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  width: 10px;
  height: 10px;
  border: 1px solid #303030;
  cursor: pointer; }
  .slider1 .pagers span.cycle-pager-active, .slider1 .pagers span:active, .slider1 .pagers span:hover {
    background-color: #006ade;
    border: 0; }
.slider1 .pagination {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 50px;
  height: 78px;
  border: 1px solid #e6e6e6;
  top: 50%;
  margin-top: -39px;
  z-index: 100; }
.slider1 .pagination--next {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0; }
  .slider1 .pagination--next:hover {
    background-color: whitesmoke; }
  .slider1 .pagination--next:active {
    background-color: #006ade; }
.slider1 .pagination--prev {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0; }
  .slider1 .pagination--prev:hover {
    background-color: whitesmoke; }
  .slider1 .pagination--prev:active {
    background-color: #006ade; }
.slider1 .slide__text {
  margin: 20px 8px; }

.slider1 .slides {
height: 365px; }
.slider1 .slides > li {
  width: 100%;
  height: 100%;
  list-style: none; }
.slider1 .slides .column {
  width: 50%; }
.slider1 .slides .button2 {
  max-width: 250px; }

.table1 {
background-color: white;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 16px; }
.table1 tbody td {
  border-right: 1px solid #e6e6e6; }
.table1 tbody td:last-child {
  /*color: $green2;*/ }
.table1 tbody th {
  background-color: #e8ebe9;
  font-weight: normal;
  text-align: left; }
.table1 thead th {
  background-color: #038459;
  color: white;
  text-align: center;
  text-transform: uppercase; }
.table1 th,
.table1 td {
  padding: 15px; }

.tabshape--down {
width: 0px;
height: 0px;
margin: 0 auto;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #3f729b; }

.cycle-slideshow, .layoutimg1.cover {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }

.input--holder2 input {
cursor: pointer; }

.hidden {
display: none; }

.show__on--mobile {
display: none; }
.show__on--mobile strong {
  display: inline !important; }

button.page--share.icon {
display: none; }

.location-results {
font-family: Arial !important;
/* Remove this line to default Font */ }
.location-results .breadcrumbs {
  display: none;
  padding: 0px 10px 10px 0px;
  border-bottom: 1px solid #e8ebea; }
  .location-results .breadcrumbs a {
    padding: 0px 10px 0px 10px; }
    .location-results .breadcrumbs a:hover {
      text-decoration: underline; }
.location-results .location-not-found {
  padding: 10px 10px 10px 30px;
  background-color: #E2BCBB;
  color: #cc0000;
  font-size: 13px;
  font-weight: normal;
  background-image: url("../images/mobile/pin-icon.png");
  background-position: 10px 10px;
  background-repeat: no-repeat; }
.location-results .page__content__title {
  color: #006ade;
  font-size: 16px;
  margin-bottom: 0px;
  padding: 10px 10px 10px 10px;
  font-weight: bold; }
  .location-results .page__content__title.show-for-mobile {
    display: block !important; }
.location-results .page__content__place-title {
  color: #5a6066;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 10px;
  background-color: #E8EBEA;
  border-bottom: 1px solid #cccccc;
  font-weight: bold; }
.location-results .location-holder {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #e8ebea;
  margin-bottom: 0px;
  padding: 20px 10px 20px 10px; }
  .location-results .location-holder span {
    display: block;
    padding: 0 0 10px 0; }
  .location-results .location-holder .searchbar__bar {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    width: 100%;
    height: 36px;
    background-color: white;
    border: 1px solid #cccccc;
    padding: 0 10px;
    margin-bottom: 10px;
    font-family: Arial !important; }
  .location-results .location-holder .checkbox-group {
    display: none; }
  .location-results .location-holder .input-wrapper {
    display: inline-block;
    margin-right: 20px; }
  .location-results .location-holder .styledRadio, .location-results .location-holder .styledCheckbox {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 19px;
    height: 18px;
    cursor: pointer;
    background-image: url(../images/checkbox.png) !important;
    background-position: 0px 0px; }
  .location-results .location-holder label {
    cursor: pointer;
    float: left; }
.location-results .searchbar__target.button {
  position: absolute;
  top: 8px;
  right: 8px;
  background-color: #006ade;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  height: 37px;
  padding: 0 20px;
  text-transform: initial;
  display: none;
  /* Hide for Mobile */ }
.location-results__list {
  display: block;
  min-height: 60px; }
  .location-results__list.loading {
    background-image: url("../images/ajax-loader.gif");
    background-position: center;
    background-repeat: no-repeat; }
  .location-results__list li {
    border-bottom: 1px solid #e5e6e6;
    list-style: none;
    padding: 10px 0px 10px 10px;
   /* background-image: url("../images/mobile/location-arrow-right.png");
    background-position: right 10px center;
    background-repeat: no-repeat;*/
    /*&:first-child { padding-top: 0; }*/ }
    .location-results__list li:active, .location-results__list li:hover {
      /*background-image: url('../images/mobile/location-arrow-right.png');*/
      background-color: white; }
  .location-results__list .link,
  .location-results__list .link a {
    color: #303030;
    display: block;
    background-image: url("../images/mobile/location-arrow-right.png");
    background-position: right 10px center;
    background-repeat: no-repeat;

    }
.location-results__itemtitle {
  color: #5a6066;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px; }
.location-results__itemtext {
  line-height: 21px;
  margin-bottom: 10px; }
.location-results__itemtag {
  line-height: 15px;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  background-color: #FFF;
  color: #303030;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-right: 5px;
  font-size: 13px; }
.location-results .page__content {
  width: 100%;
  padding: 0px; }
.location-results .page__sidebar {
  width: 100%;
  background-color: #e8ebea;
  padding: 15px;
  height: auto !important;
  display: none; }
.location-results .location-detail-container {
  float: none; }
  .location-results .location-detail-container .detail-info {
    padding: 20px 10px 20px 10px;
    line-height: 20px;
    border-bottom: 1px solid #e5e6e6; }
    .location-results .location-detail-container .detail-info h2 {
      color: #0f6b37;
      font-size: 23px;
      margin-bottom: 10px; }
    .location-results .location-detail-container .detail-info a {
      color: #303030;
      text-decoration:underline; }
    .location-results .location-detail-container .detail-info button.button.button2.btn-maps {
      padding: 5px 0px 5px 0px;
      width: 100%;
      margin: 10px 0 10px 0; }
.location-results img.location-map {
  display: none; }
.location-results button.button.button2.btn-maps2 {
  padding: 5px 30px 5px 30px;
  margin: 10px 0 0 10px;
  display: none; }

@media (min-width: 1025px) {
.pagewithsidebar .page__content {
  width: 67%;
  padding: 25px 25px 70px 0; }
  .pagewithsidebar .page__content.full-width {
    width: 100%; }
.pagewithsidebar .page__sidebar {
  width: 320px;
  background-color: #e8ebea;
  padding: 30px 10px;
  display: block; }

.location-results.pagewithsidebar .centered > .column {
  height: 100% !important; }
.location-results .breadcrumbs {
  display: block; }
.location-results .location-not-found {
  display: none; }
.location-results .page__content__title {
  font-size: 16px; }
  .location-results .page__content__title.show-for-mobile {
    display: none !important; }
.location-results .location-holder span {
  font-size: 16px; }
.location-results .location-holder .searchbar__bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  height: 38px;
  margin-bottom: 20px; }
  .location-results .location-holder .searchbar__bar.location-dropdown {
    display: none; }
.location-results .location-holder .searchbar__target.button {
  position: absolute;
  top: 49px;
  right: 8px;
  display: block; }
.location-results .location-holder .checkbox-group {
  display: block; }
.location-results .page__content__place-title {
  font-size: 22px;
  background-color: transparent;
  border-bottom: none; }
.location-results img.location-map {
  float: left;
  margin-right: 0px;
  margin-left: 10px;
  display: block; }
.location-results .location-detail-container {
  float: left;/*was right*/
  width: 300px; }
  .location-results .location-detail-container .detail-info {
    padding: 0px 10px 20px 10px;
    border-bottom: none; }
    .location-results .location-detail-container .detail-info h3 {
      font-size: 22px; }
    .location-results .location-detail-container .detail-info strong {
      font-size: 15px; }
    .location-results .location-detail-container .detail-info button.button.button2.btn-maps {
      display: none; }
.location-results button.button.button2.btn-maps2 {
  display: inline-block; } }
@media (max-width: 767px) {
.location-results .page__topcontent--alt {
  height: 40px; }

.location-results .page__top--alt {
  height: 120px; } }
.contact-page {
font-family: Arial !important;
/* Remove this line to default Font */ }
.contact-page .accordion_desktop {
  display: none; }
.contact-page .page__content__title {
  color: #5a6066;
  font-size: 20px;
  margin-bottom: 0px;
  padding: 10px 10px 10px 10px;
  font-weight: bold; }
  .contact-page .page__content__title.show-for-mobile {
    display: block !important; }
.contact-page .page__content {
  width: 100%;
  padding: 0px; }
.contact-page .page__sidebar {
  width: 100%;
  background-color: #e8ebea;
  padding: 15px;
  height: auto !important;
  display: none; }
.contact-page .clearfix {
  clear: both;
  height: 1px; }

.accordion {
width: 100%;
margin: 0 auto;
padding: 0 10px 0 10px; }
.accordion dd hr {
  clear: both;
  height: 0px;
  border: 0; }

/* all accordion styles below here */
.accordion dl {
width: 100%;
-webkit-font-smoothing: antialiased;
-moz-transition-duration: 350ms;
-o-transition-duration: 350ms;
-webkit-transition-duration: 350ms;
transition-duration: 350ms; }

.accordion dl dt a {
background-color: #E8EBEA;
position: relative;
width: 100%;
height: auto;
display: block;
text-align: left;
cursor: pointer;
font-weight: bold;
color: #869099;
text-decoration: none;
padding: 20px;
padding-right: 40px; }

.accordion.invert-colors dl dt a {
background-color: #FFF;
color: #018752;
margin-bottom: 3px;
border-bottom: 1px solid #E7EBEA;
font-size: 14px; }

.accordion.invert-colors dl dt.active a {
background-color: #FFFFFF;
border-right: none;
border-left: none;
border-top: none;
border-bottom: 1px solid #E7EBEA;
color: #018752;
margin-bottom: 0px; }

.accordion dl dt a .arrow {
width: 16px;
height: 9px;
position: absolute;
right: 14px;
top: 22px;
background: url("../images/accordion-arrows.png") 0 -9px no-repeat; }

.cssanimations .accordion dl dt a .arrow {
-moz-transition-duration: 350ms;
-o-transition-duration: 350ms;
-webkit-transition-duration: 350ms;
transition-duration: 350ms; }

.cssanimations .accordion dl dt a .arrow.down-anim {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }

.accordion dl dt a .arrow.down {
width: 16px;
height: 9px;
position: absolute;
right: 14px;
top: 18px;
background: url("../images/accordion-arrows.png") 0 0 no-repeat; }

.accordion dl dt.active a {
background-color: #FFFFFF;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-top: 3px solid #018752;
color: #018752; }

.accordion dl dt.active a, .accordion dl dt:hover a {
background-color: #FFFFFF;
border-bottom: 1px solid #CCCCCC; }

.accordion dl dd {
zoom: 1;
padding: 0px;
display: none;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
margin: 0 0 1px 0;
background: #fff; }

.accordion dl dd ul {
margin: 10px 0 10px 20px;
padding: 0; }

.accordion dl dd ul li {
font-size: 13px;
color: #303030; }

.accordion dl dd ul.list-guiones li {
list-style-type: none; }

.accordion dl dd ul.list-guiones li:before {
content: "-";
margin-right: 10px; }

.accordion dl dd .columns-accorddion {
width: 100%; }

.accordion.invert-colors dl dd {
padding: 20px;
background: #F1F1F1;
border: none; }

.accordion.invert-colors.whiteBackground dl dd {
background: #FFF; }

.accordion.invert-colors dl dd p {
margin: 0;
color: #303030;
font-size: 16px;
line-height: 25px; }

.accordion.invert-colors.whiteBackground dl dd p {
margin: 5px 0 0 0;
font-size: 13px; }

.accordion dl dd.active {
display: block;
margin-bottom: 5px; }

.accordion dl dd .contact-item {
padding: 10px 20px 10px 20px;
border-bottom: 1px solid #E8EBEA; }

.accordion.invert-colors {
padding: 0; }

@media (min-width: 1025px) {
.pagewithsidebar .page__content {
  width: 67%;
  padding: 25px 25px 70px 0; }
  .pagewithsidebar .page__content.full-width {
    width: 100%; }
.pagewithsidebar .page__sidebar {
  width: 320px;
  background-color: #e8ebea;
  padding: 30px 10px;
  display: block; }

.accordion {
  display: none; }

.accordion.allways-visible {
  display: block;
  padding: 0; }

.accordion dl dd .columns-accorddion {
  width: 50%;
  float: left;
  margin-bottom: 20px; }

.contact-page.pagewithsidebar .centered > .column {
  min-height: 100% !important; }
.contact-page .page__content__title {
  font-size: 24px; }
.contact-page .accordion_desktop {
  padding: 0;
  width: 100%;
  overflow: hidden;
  font-size: 1em;
  position: relative;
  display: block; }
.contact-page .accordion__title {
  /*padding: 0 30px 0 30px;*/
  width: 33.33333333%;
  color: #303030;
  float: left;
  line-height: 50px;
  height: 50px;
  cursor: pointer;
  margin-right: 0;
  text-align: center;
  /* text-transform: uppercase; */
  font-weight: 300;
  font-size: 14px;
  background: #E8EBEA;
  border-left: 1px solid #EDF0EF; }
.contact-page .no-js .accordion__title {
  float: none;
  height: auto;
  cursor: auto;
  margin: 0;
  padding: 0 2em; }
.contact-page .accordion__content {
  float: right;
  width: 100%;
  margin: 50px 0 0 -100%;
  padding: 1.2em;
  background: #ffffff;
  border-left: 1px solid #EDF0EF;
  border-right: 1px solid #EDF0EF;
  border-bottom: 1px solid #EDF0EF; }
.contact-page .accordion__content .contact-item {
  float: left;
  width: 33.33333333%;
  border-bottom: 1px solid #E8EBEA;
  padding: 10px 20px 10px 20px;
  margin: 0 0 20px 0;
  min-height: 170px; }
.contact-page .no-js .accordion__content {
  float: left;
  margin: 0; }
.contact-page .accordion__title:hover,
.contact-page .accordion__title.active {
  color: #018752;
  border-top: 3px solid #018752;
  background: #fff; }
.contact-page .no-js .accordion__title:hover {
  color: #018752;
  border-top: 3px solid #018752;
  background: #fff; }
.contact-page .accordion__title.active {
  color: #018752;
  border-top: 3px solid #018752;
  background: #fff; } }
.boxes--bordered .link .icon.fl-aboutus-history {
background-image: url("../images/florida/icons-about-us/fb-florida-history-normal.png");
background-position: center center; }


.boxes--bordered .link:hover .icon.fl-aboutus-history {
background-image: url("../images/florida/icons-about-us/fb-florida-history-hover.png"); }

.boxes--bordered .link .icon.fl-video-business-tutorial {
background-image: url("../images/florida/icons-business-banking/fl-video-business-tutorial-normal.svg");
background-position: center center; }


.boxes--bordered .link:hover .icon.fl-video-business-tutorial {
background-image: url("../images/florida/icons-business-banking/fl-video-business-tutorial-hover.svg"); }



.boxes--bordered .link .icon.fl-online-video-tutorial {
background-image: url("../images/florida/icons-business-banking/fl-video-online-tutorial-normal.svg");
background-position: center center; }


.boxes--bordered .link:hover .icon.fl-online-video-tutorial {
background-image: url("../images/florida/icons-business-banking/fl-video-online-tutorial-hover.svg"); }




.boxes--bordered .link .icon.fl-aboutus-mission {
background-image: url("../images/florida/icons-about-us/fb-florida-mision-vision-and-values-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-aboutus-mission {
background-image: url("../images/florida/icons-about-us/fb-florida-mision-vision-and-values-hover.png"); }

.boxes--bordered .link .icon.fl-aboutus-president {
background-image: url("../images/florida/icons-about-us/fb-florida-president-message-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-aboutus-president {
background-image: url("../images/florida/icons-about-us/fb-florida-president-message-hover.png"); }

.boxes--bordered .link .icon.fl-aboutus-commitment {
background-image: url("../images/florida/icons-about-us/fb-florida-social-commitment-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-aboutus-commitment {
background-image: url("../images/florida/icons-about-us/fb-florida-social-commitment-hover.png"); }

.boxes--bordered .link .icon.fl-aboutus-employment {
background-image: url("../images/florida/icons-about-us/fb-florida-social-employment-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-aboutus-employment {
background-image: url("../images/florida/icons-about-us/fb-florida-social-employment-hover.png"); }

.boxes--bordered .link .icon.fl-aboutus-newsroom {
background-image: url("../images/florida/icons-about-us/fb-florida-social-newsroom-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-aboutus-newsroom {
background-image: url("../images/florida/icons-about-us/fb-florida-social-newsroom-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-checking {
background-image: url("../images/florida/icons-business-banking/fb-florida-accounts-checking-account-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-checking {
background-image: url("../images/florida/icons-business-banking/fb-florida-accounts-checking-account-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-account {
background-image: url("../images/florida/icons-business-banking/fb-florida-accounts-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-account {
background-image: url("../images/florida/icons-business-banking/fb-florida-accounts-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-managementservices {
background-image: url("../images/florida/icons-business-banking/fb-florida-business-management-services-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-managementservices {
background-image: url("../images/florida/icons-business-banking/fb-florida-business-management-services-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-managementserviceslineofcredits {
background-image: url("../images/florida/icons-business-banking/fb-florida-business-management-services-lines-of-credits-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-managementserviceslineofcredits {
background-image: url("../images/florida/icons-business-banking/fb-florida-business-management-services-lines-of-credits-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-managementserviceswiretransfers {
background-image: url("../images/florida/icons-business-banking/fb-florida-business-management-services-wire-transfers-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-managementserviceswiretransfers {
background-image: url("../images/florida/icons-business-banking/fb-florida-business-management-services-wire-transfers-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-guidancefinanceyourbusiness {
background-image: url("../images/florida/icons-business-banking/fb-florida-financial-guidance-finance-your-business-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-guidancefinanceyourbusiness {
background-image: url("../images/florida/icons-business-banking/fb-florida-financial-guidance-finance-your-business-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-guidance {
background-image: url("../images/florida/icons-business-banking/fb-florida-financial-guidance-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-guidance {
background-image: url("../images/florida/icons-business-banking/fb-florida-financial-guidance-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-guidanceinternational {
background-image: url("../images/florida/icons-business-banking/fb-florida-financial-guidance-international-banking-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-guidanceinternational {
background-image: url("../images/florida/icons-business-banking/fb-florida-financial-guidance-international-banking-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-guidancenewsroom {
background-image: url("../images/florida/icons-business-banking/fb-florida-financial-guidance-newsroom-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-guidancenewsroom {
background-image: url("../images/florida/icons-business-banking/fb-florida-financial-guidance-newsroom-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-guidancestartabusiness {
background-image: url("../images/florida/icons-business-banking/fb-florida-financial-guidance-start-a-business-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-guidancestartabusiness {
background-image: url("../images/florida/icons-business-banking/fb-florida-financial-guidance-start-a-business-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-loansandcreditscommercialloans {
background-image: url("../images/florida/icons-business-banking/comercialloans-normal.png");
background-position: center center; }

/*.boxes--bordered .link:hover .icon.fl-businessbanking-loansandcreditscommercialloans {
background-image: url("../images/florida/icons-business-banking/fb-florida-loans-and-credits-commercial-loans-hover.png");
 }*/


.boxes--bordered .link:hover .icon.fl-businessbanking-loansandcreditscommercialloans  {
background-image: url("../images/florida/icons-business-banking/comercialloans-hover.png");
 }


.boxes--bordered .link .icon.fl-businessbanking-loansandcreditscommercialmortgage {
background-image: url("../images/florida/icons-business-banking/fb-florida-loans-and-credits-commercial-Mortgage-loans-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-loansandcreditscommercialmortgage {
background-image: url("../images/florida/icons-business-banking/fb-florida-loans-and-credits-commercial-Mortgage-loans-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-loansandcreditsconstructionloans {
background-image: url("../images/florida/icons-business-banking/fb-florida-loans-and-credits-construction-loans-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-loansandcreditsconstructionloans {
background-image: url("../images/florida/icons-business-banking/fb-florida-loans-and-credits-construction-loans-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-loansandcredits {
background-image: url("../images/florida/icons-business-banking/fb-florida-loans-and-credits-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-loansandcredits {
background-image: url("../images/florida/icons-business-banking/fb-florida-loans-and-credits-hover.png"); }

.boxes--bordered .link .icon.fl-businessbanking-loansandcreditslinesofcredit {
background-image: url("../images/florida/icons-business-banking/fb-florida-loans-and-credits-lines-of-credits-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-businessbanking-loansandcreditslinesofcredit {
background-image: url("../images/florida/icons-business-banking/fb-florida-loans-and-credits-lines-of-credits-hover.png"); }

.boxes--bordered .link .icon.fl-helpcenter-contactus {
background-image: url("../images/florida/icons-help-center/fb-florida-contact-us-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-helpcenter-contactus {
background-image: url("../images/florida/icons-help-center/fb-florida-contact-us-hover.png"); }

.boxes--bordered .link .icon.fl-helpcenter-localizador {
background-image: url("../images/florida/icons-help-center/fb-florida-localizador-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-helpcenter-localizador {
background-image: url("../images/florida/icons-help-center/fb-florida-localizador-hover.png"); }

.boxes--bordered .link .icon.fl-helpcenter-privacypolicy {
background-image: url("../images/florida/icons-help-center/fb-florida-privacy-policy-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-helpcenter-privacypolicy {
background-image: url("../images/florida/icons-help-center/fb-florida-privacy-policy-hover.png"); }

.boxes--bordered .link .icon.fl-helpcenter-sitemap {
background-image: url("../images/florida/icons-help-center/fb-florida-sitemap-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-helpcenter-sitemap {
background-image: url("../images/florida/icons-help-center/fb-florida-sitemap-hover.png"); }

.boxes--bordered .link .icon.fl-helpcenter-termsofuse {
background-image: url("../images/florida/icons-help-center/fb-florida-terms-of-use-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-helpcenter-termsofuse {
background-image: url("../images/florida/icons-help-center/fb-florida-terms-of-use-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-accounts {
background-image: url("../images/florida/icons-personal-banking/fb-florida-accounts-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-accounts {
background-image: url("../images/florida/icons-personal-banking/fb-florida-accounts-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-accountsiraaccount {
background-image: url("../images/florida/icons-personal-banking/fb-florida-accounts-ira-account-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-accountsiraaccount {
background-image: url("../images/florida/icons-personal-banking/fb-florida-accounts-ira-account-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-accountcheckingaccount {
background-image: url("../images/florida/icons-personal-banking/fb-florida-accounts-checking-account-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-accountcheckingaccount {
background-image: url("../images/florida/icons-personal-banking/fb-florida-accounts-checking-account-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-accountcertificateofdeposit {
background-image: url("../images/florida/icons-personal-banking/fb-florida-accounts-certificate-of-deposit-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-accountcertificateofdeposit {
background-image: url("../images/florida/icons-personal-banking/fb-florida-accounts-certificate-of-deposit-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-bankingatmnetwork {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-atm-network-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-bankingatmnetwork {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-atm-network-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-bankingcustomerservices {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-customer-services-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-bankingcustomerservices {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-customer-services-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-bankingmobilebanking {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-mobile-banking-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-bankingmobilebanking {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-mobile-banking-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-bankingonlinebanking {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-online-banking-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-bankingonlinebanking {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-online-banking-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-serviceschecking {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-services-checking-account-services-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-serviceschecking {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-services-checking-account-services-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-services {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-services-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-services {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-services-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-serviceslocator {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-services-locator-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-serviceslocator {
background-image: url("../images/florida/icons-personal-banking/fb-florida-banking-services-locator-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-loanandcreditautoloans {
background-image: url("../images/florida/icons-personal-banking/fb-florida-loan-and-credit-auto-loans-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-loanandcreditautoloans {
background-image: url("../images/florida/icons-personal-banking/fb-florida-loan-and-credit-auto-loans-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-loanandcredithomeequity {
background-image: url("../images/florida/icons-personal-banking/fb-florida-loan-and-credit-home-equity-loans-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-loanandcredithomeequity {
background-image: url("../images/florida/icons-personal-banking/fb-florida-loan-and-credit-home-equity-loans-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-loanandcredit {
background-image: url("../images/florida/icons-personal-banking/fb-florida-loan-and-credit-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-loanandcredit {
background-image: url("../images/florida/icons-personal-banking/fb-florida-loan-and-credit-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-mortgages {
background-image: url("../images/florida/icons-personal-banking/fb-florida-mortgages-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-mortgages {
background-image: url("../images/florida/icons-personal-banking/fb-florida-mortgages-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-mortgagesdocuments {
background-image: url("../images/florida/icons-personal-banking/fb-florida-mortgages-documents-and-requirements-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-mortgagesdocuments {
background-image: url("../images/florida/icons-personal-banking/fb-florida-mortgages-documents-and-requirements-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-mortgageshomeowner {
background-image: url("../images/florida/icons-personal-banking/fb-florida-mortgages-homeowners-assistance-program-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-mortgageshomeowner {
background-image: url("../images/florida/icons-personal-banking/fb-florida-mortgages-homeowners-assistance-program-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-mortgagesloans101 {
background-image: url("../images/florida/icons-personal-banking/fb-florida-mortgages-loans-101-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-mortgagesloans101 {
background-image: url("../images/florida/icons-personal-banking/fb-florida-mortgages-loans-101-hover.png"); }

.boxes--bordered .link .icon.fl-personalbanking-mortgagesreferencestools {
background-image: url("../images/florida/icons-personal-banking/fb-florida-mortgages-reference-tools-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.fl-personalbanking-mortgagesreferencestools {
background-image: url("../images/florida/icons-personal-banking/fb-florida-mortgages-reference-tools-hover.png"); }

.boxes--bordered .link .icon.b-corporativa-gobierno {
background-image: url("../images/icons-banca-corporativa/Icon-gobierno-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-gobierno {
background-image: url("../images/icons-banca-corporativa/Icon-gobierno-hover.png"); }

.boxes--bordered .link .icon.b-corporativa-mercado-capitales {
background-image: url("../images/icons-banca-corporativa/Icon-mercadoscapitales-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-mercado-capitales {
background-image: url("../images/icons-banca-corporativa/Icon-mercadoscapitales-hover.png"); }

.boxes--bordered .link .icon.b-corporativa-financing {
background-image: url("../images/icons-banca-corporativa/Icon-financiamiento-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-financing {
background-image: url("../images/icons-banca-corporativa/Icon-financiamiento-hover.png"); }

.boxes--bordered .link .icon.b-corporativa-gobierno-general {
background-image: url("../images/icons-banca-corporativa/Icon-gobiernogeneral-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-gobierno-general {
background-image: url("../images/icons-banca-corporativa/Icon-gobiernogeneral-hover.png"); }

.boxes--bordered .link .icon.b-corporativa-gobierno-central {
background-image: url("../images/icons-banca-corporativa/Icon-gobiernocentral-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-gobierno-central {
background-image: url("../images/icons-banca-corporativa/Icon-gobiernocentral-hover.png"); }

.boxes--bordered .link .icon.b-corporativa-gobierno-productosgubernamentales {
background-image: url("../images/icons-banca-corporativa/Icon-productosgubernamentales-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-gobierno-productosgubernamentales {
background-image: url("../images/icons-banca-corporativa/Icon-productosgubernamentales-hover.png"); }

.boxes--bordered .link .icon.b-corporativa-gobierno-instituciones {
background-image: url("../images/icons-banca-corporativa/Icon-instituciones-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-gobierno-instituciones {
background-image: url("../images/icons-banca-corporativa/Icon-instituciones-hover.png"); }

.boxes--bordered .link .icon.b-corporativa-mercado-capitales-prestamos-sindicados {
background-image: url("../images/icons-banca-corporativa/Icon-prestamossindicados-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-mercado-capitales-prestamos-sindicados {
background-image: url("../images/icons-banca-corporativa/Icon-prestamossindicados-hover.png"); }

.boxes--bordered .link .icon.b-ath {
background-image: url("../images/icons-banca-personal/cuentas/Icon-ath-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-ath {
background-image: url("../images/icons-banca-personal/cuentas/Icon-ath-hover.png"); }


.boxes--bordered .link .icon.b-visa {
background-image: url("../images/icons-banca-personal/cuentas/icon-visa-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-visa {
background-image: url("../images/icons-banca-personal/cuentas/icon-visa-hover.png"); }



.boxes--bordered .link:hover .icon.icon-taxi-medallion {
  background-image: url("../images/VI/individual-banking/taxi-medallion-hover.png"); }

  .boxes--bordered .link .icon.icon-taxi-medallion{
  background-image: url("../images/VI/individual-banking/taxi-medallion-normal.png");
  background-position: center center; }




.boxes--bordered .link .icon.b-corporativa-mercado-capitales-financiamiento-estructurado {
background-image: url("../images/icons-banca-corporativa/Icon-financiamientoestructurado-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-mercado-capitales-financiamiento-estructurado {
background-image: url("../images/icons-banca-corporativa/Icon-financiamientoestructurado-hover.png"); }

.boxes--bordered .link .icon.b-corporativa-mercado-capitales-tesoreria {
background-image: url("../images/icons-banca-corporativa/Icon-serviciodetesoreria-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-mercado-capitales-tesoreria {
background-image: url("../images/icons-banca-corporativa/Icon-serviciodetesoreria-hover.png"); }

.boxes--bordered .link .icon.b-corporativa-mercado-capitales-consultoria-financiera {
background-image: url("../images/icons-banca-corporativa/Icon-consultoriafinanciera-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-mercado-capitales-consultoria-financiera {
background-image: url("../images/icons-banca-corporativa/Icon-consultoriafinanciera-hover.png"); }

.boxes--bordered .link .icon.b-corporativa-financing-capitaldetrabajo {
background-image: url("../images/icons-banca-corporativa/financing/Icon-paracapitaldetrabajo-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-financing-capitaldetrabajo {
background-image: url("../images/icons-banca-corporativa/financing/Icon-paracapitaldetrabajo-hover.png"); }

.boxes--bordered .link .icon.b-corporativa-financing-comprasdeequipo {
background-image: url("../images/icons-banca-corporativa/financing/Icon-paracomprasdeequipo-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-financing-comprasdeequipo {
background-image: url("../images/icons-banca-corporativa/financing/Icon-paracomprasdeequipo-hover.png"); }

.boxes--bordered .link .icon.b-corporativa-financing-parainversiones {
background-image: url("../images/icons-banca-corporativa/financing/Icon-parainversiones-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-financing-parainversiones {
background-image: url("../images/icons-banca-corporativa/financing/Icon-parainversiones-hover.png"); }




.boxes--bordered .link .icon.business-estatement-viewer {
  background-image: url("../images/icons-servicios-electronicos/icon-business-estatement-viewer-normal.png");
  background-position: center center; }

  .boxes--bordered .link:hover .icon.business-estatement-viewer {
  background-image: url("../images/icons-servicios-electronicos/icon-business-estatement-viewer-hover.png"); }







.boxes--bordered .link .icon.b-corporativa-financing-mejorascapitales {
background-image: url("../images/icons-banca-corporativa/financing/Icon-paramejorascapitales-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.b-corporativa-financing-mejorascapitales {
background-image: url("../images/icons-banca-corporativa/financing/Icon-paramejorascapitales-hover.png"); }

.boxes--bordered .link .icon.vi-individualbanking-auto {
background-image: url("../images/vi/individual-banking/auto-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.vi-individualbanking-auto {
background-image: url("../images/vi/individual-banking/auto-hover.png"); }

.boxes--bordered .link .icon.vi-individualbanking-bill-payments {
background-image: url("../images/vi/individual-banking/bill-payments-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.vi-individualbanking-bill-payments {
background-image: url("../images/vi/individual-banking/bill-payments-hover.png"); }

.boxes--bordered .link .icon.vi-individualbanking-commercial-cds {
background-image: url("../images/vi/individual-banking/commercial-cds-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.vi-individualbanking-commercial-cds {
background-image: url("../images/vi/individual-banking/commercial-cds-hover.png"); }

.boxes--bordered .link .icon.vi-individualbanking-easy-payment {
background-image: url("../images/vi/individual-banking/easy-payment-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.vi-individualbanking-easy-payment {
background-image: url("../images/vi/individual-banking/easy-payment-hover.png"); }


.boxes--bordered .link .icon.b-pop-money {
background-image: url("../images/icons-banca-personal/servicio-para-usted/icon-popmoney-normal.png");
background-position: center center; }
.boxes--bordered .link:hover .icon.b-pop-money {
background-image: url("../images/icons-banca-personal/servicio-para-usted/icon-popmoney-hover.png");
}


.boxes--bordered .link .icon.pagos-factura {
background-image: url("../images/mobile/icon-money2.png");
background-position: center center; }
.boxes--bordered .link:hover .icon.pagos-factura {
background-image: url("../images/mobile/icon-money2.png");
}



 .boxes--bordered .link .icon.digital-wallet {
background-image: url("../images/menu-icons-pr/icons_beyond_mobile.svg");
background-position: center center; }
.boxes--bordered .link:hover .icon.digital-wallet {
background-image: url("../images/menu-icons-pr/icons_beyond_mobile_hover.svg");
}



.boxes--bordered .link .icon.vi-individualbanking-express-deposit {
background-image: url("../images/vi/individual-banking/express-deposit-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.vi-individualbanking-express-deposit {
background-image: url("../images/vi/individual-banking/express-deposit-hover.png"); }

.boxes--bordered .link .icon.vi-individualbanking-home-assistance-program {
background-image: url("../images/vi/individual-banking/home-assistance-program-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.vi-individualbanking-home-assistance-program {
background-image: url("../images/vi/individual-banking/home-assistance-program-hover.png"); }

.boxes--bordered .link .icon.vi-individualbanking-insurance-premium-financing {
background-image: url("../images/vi/individual-banking/insurance-premium-financing-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.vi-individualbanking-insurance-premium-financing {
background-image: url("../images/vi/individual-banking/insurance-premium-financing-hover.png"); }

.boxes--bordered .link .icon.vi-individualbanking-investment {
background-image: url("../images/vi/individual-banking/investment-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.vi-individualbanking-investment {
background-image: url("../images/vi/individual-banking/investment-hover.png"); }

.boxes--bordered .link .icon.vi-individualbanking-letters-of-credit {
background-image: url("../images/vi/individual-banking/letters-of-credit-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.vi-individualbanking-letters-of-credit {
background-image: url("../images/vi/individual-banking/letters-of-credit-hover.png"); }

.boxes--bordered .link .icon.vi-individualbanking-mortgage-loans-bvi {
background-image: url("../images/vi/individual-banking/mortgage-loans-bvi-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.vi-individualbanking-mortgage-loans-bvi {
background-image: url("../images/vi/individual-banking/mortgage-loans-bvi-hover.png"); }

.boxes--bordered .link .icon.vi-individualbanking-mortgage-loans-usvi {
background-image: url("../images/vi/individual-banking/mortgage-loans-usvi-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.vi-individualbanking-mortgage-loans-usvi {
background-image: url("../images/vi/individual-banking/mortgage-loans-usvi-hover.png"); }

.boxes--bordered .link .icon.vi-individualbanking-online-mortgage-servicing {
background-image: url("../images/vi/individual-banking/online-mortgage-servicing-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.vi-individualbanking-online-mortgage-servicing {
background-image: url("../images/vi/individual-banking/online-mortgage-servicing-hover.png"); }

.boxes--bordered .link .icon.vi-individualbanking-real-estate-financing {
background-image: url("../images/vi/individual-banking/real-estate-financing-normal.png");
background-position: center center; }

.boxes--bordered .link:hover .icon.vi-individualbanking-real-estate-financing {
background-image: url("../images/vi/individual-banking/real-estate-financing-hover.png"); }

a,
button,
.button {
cursor: pointer; }

search_wall_text{
padding-top:25%;
}

.centered {
width: 1000px;
margin: 0 auto; }

.welcome .centered {
width: 960px; }

.column {
float: left;
height: 100%; }

.hide {
display: none; }


.nav > li,
.inline > li {
position: relative;
display: inline-block;
list-style: none; }
.nav > li:last-child,
.inline > li:last-child {
  margin-right: 0; }

.page {
height: auto;
/*overflow: hidden;*/
min-height: 618px;
/* padding-top: 105px; */}
.page.welcome {
  padding-top: 63px; }

.bar--right {
background-color: #2fb0e1; }

.blue,
.button1,
.button2,
.input--holder1 {
background-color: #006ade; }

.button--fb1 {
background-color: #4668b3; }

.footer__bar1,
.footer__bar2 {
background-color: #303030; }

.object {
background-color: #e6e6e6; }

.mainbox__instafeed {
background-color: #869099; }

.mainbox__instafeed .img {
background-color: #788189; }

.green {
background-color: #00833c; }

.green2 {
background-color: #038459; }

.column__divider,
.home__newsletter,
.page__topcontent.page__topcontent--alt2,
.page__topcontent.page__topcontent--alt {
background-color: #038459; }
.locator-top-desktop-esp{

  background: url(../images/desktop_promobanner_es.jpg)no-repeat;
  background-size:100%;
  background-position:center;
height:50px;
max-width:100%;
}
.locator-top-desktop-en{

  background: url(../images/desktop_promobanner_en.jpg)no-repeat;
  background-size:100%;
  background-position:center;
height:50px;
max-width:100%;
}


.bar--left,
.button3 {
background-color: #018752; }

.button.green2, .button.green2:hover, .button.green2:active {
background: #00843D;
border-color: #00843D; }

.button.pink, .button.pink:hover, .button.pink:active {
background: #ff585f;
border-color: #ff585f; }

.mainbox > .top .shape {
background-color: #01794a; }

.page__navigator .pagination {
background-color: rgba(53, 143, 123, 0.5); }

.page__topcontent--alt .page__navigator .pagination {
background-color: rgba(168, 206, 113, 0.8); }

.page__navigator .pagination:hover {
background-color: rgba(67, 187, 160, 0.5); }

.page__topcontent--alt .page__navigator .pagination:hover {
background-color: rgba(174, 211, 121, 0.8); }

.page__topcontent,
.welcome__bottom {
background-color: rgba(24, 107, 90, 0.6); }

.footer--fixed,
.header,
.input1,
.input2,
.input--holder2,
.logo--alt {
background-color: white; }

.pink {
background-color: #ff585f; }

.button--cont .shape,
.mainbox > .bottom,
.slider1 .pagination {
background-color: whitesmoke; }

.footer__nav,
.footer__nav .tabs > li:active,
.footer__nav .tabs > li.active,
.footer__nav .tabs > li:hover {
background-color: #f5f7f6; }

.footer__nav .tabs {
background-color: #e8ebea; }

.box--fdic {
background-color: #f0f0f0; }

.soft {
background-color: #f5f7f6; }

.page,
.page__top--alt {
background-color: #f6f8f7; }

.yellow {
background-color: #ffc825; }

.divider3 .bar--left {
background-color: #303030; }
.divider3 .bar--right {
background-color: #e6e6e6; }

.button:active {
background-color: transparent; }
.button:active.button3--alt {
  background-color: white; }

.button1:active,
.button2:active {
border: 3px solid #006ade;
color: #006ade; }

.button3:active {
border: 3px solid #018752;
color: #018752; }
.button3:active.button3--alt {
  border: 3px solid white; }

.slide__title {
color: #006ade; }

.counter--likes {
margin-top: 30px; }
.counter--likes .number {
  color: #4668b3; }

  .p-legal {

color: #9f9f9f;

}

a,
.boxes--bordered,
.button--analytics .title,
.button.button--cont,
.list--style1,
.mainbox,
.mainbox__hash,
.page__columns .page__address1 .highlight,
.page__columns .list--style3 .highlight,
.page__top--alt .text {
color: #303030; }

.header__pagetitle,
.list--style2 .title a {
color: #cccccc; }

.footer__nav .list--style2 .title, .footer__nav .list--style2 .title a {
color: #038459; }

.box--fdic {
color: #303030; }


.box--fdic a {
color: #303030; text-decoration:underline;}

.boxes5 .highlight,
.button--cont:hover,
.button--analytics .number,
.counter--likes .highlight {
color: #00833c; }

.boxes5 .number,
.button.button5,
.button.button5 + .arrow,
.page__columns__title {
color: #075E27;
font-size:16px; }

.button.button5 {
margin-top: 20px; }

.button5:hover,
.button5 + .arrow:hover {
color: #8aad58; }

.tweet--content .hash,
.mainbox__title,
.tweet--mention {
color: #018752; }

.dropdown--region,
.dropdown--region a,
.page__navigation .active a,
.page__navigation a:active,
.page__navigation a:hover,
.page__top--alt .heading {
color: #595f66; }

.button,
.boxes1,
.boxes1 a,
.column__divider,
.copyright a,
.footer__bar1,
.footer__bar2,
.home__content,
.home__newsletter,
.mainbox__tabs .link,
.mainbox__tabs .active .link,
.mainbox__tabs .link:hover,
.page__top,
.page__top a,
.page__topcontent--alt,
.page__topcontent--alt2,
.shape--down,
.shape--up,
.welcome {
color: white; }

body {
background-color: #FFF;
background-repeat: no-repeat;
background-size: cover;
color: #303030 !important;
font-family: "Helvetica Neue", Arial, sans-serif !important;
font-size: 13px;
/*overflow: auto !important;*/
margin: 0; }

#s4-bodyContainer {
padding-bottom: 0 !important; }

.ms-backgroundImage {
background-image: none !important; }

#ms-designer-ribbon {
z-index: 1000 !important;
position: fixed !important;
width: 100% !important;
background-color: white !important; }

input[type="button"], input[type="reset"], input[type="submit"], button {
min-width: 0 !important; }

.centered {
text-align: left; }

.ms-webpartzone-cell {
margin: 0 !important; }

h2, h3, .ms-h2, .ms-h3, .ms-headerFont {
color: none !important;
font-family: "Helvetica Neue", Arial, sans-serif !important;
font-weight: none !important; }

h1, h2, h3, h4, h5, h6, .ms-h1, .ms-h2, .ms-h3, .ms-h4, .ms-h5, .ms-h6 {
font-weight: 400;
margin: auto; }

input.ms-cui-cb-input {
height: 19px !important; }

#Ribbon.EditingTools.CPEditTab.Font.FontSize {
width: 38px !important; }

.ms-cui-dd-arrow-button {
padding-left: 0 !important; }

.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
padding-right: 0 !important;
background-image: url() !important;
background-repeat: no-repeat;
background-position: right center;
cursor: pointer; }

.ms-core-listMenu-horizontalBox {
font-size: 11px !important;
text-transform: uppercase !important;
padding: 18px 0 !important; }

ul.dynamic {
position: absolute;
left: -9999px;
top: -9999px;
z-index: 50;
white-space: normal !important;
word-wrap: normal !important;
border: none !important;
background-color: rgba(0, 131, 60, 0.8) !important;
list-style-type: none !important;
opacity: 0.9 !important;
filter: alpha(opacity=90) !important;
width: 231px !important;
margin-top: 31px !important;
padding: 0 !important; }

ul.dynamic ul {
margin-top: 0 !important; }

ul.dynamic li {
width: 226px !important; }

li.dynamic {
border-bottom: 1px solid #31a676 !important;
border-left: solid 5px transparent !important;
padding: 10px !important; }

li.dynamic:hover {
border-left: solid 5px white !important; }

li.dynamic a {
color: white !important;
text-transform: uppercase !important; }

.dynamic .dynamic-children > a {
background-image: url(../images/Menusmallarrow.png) !important;
background-repeat: no-repeat !important;
background-position: right; }

.breadCumbCover {
background-color: #9EC665;
width: 100%;
color: #fff;
display: block;
min-height: 45px;
font-size: 14px;
padding: 0 5px 5px 2%; }

.breadCumbCover a {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff; }

.breadCumbCover a:hover {
color: #F6F6F6; }

.breadCumbHomeDiv {
background-image: url(../images/BreadcrumbHome.png);
background-position: left center;
background-repeat: no-repeat;
width: 25px;
height: 45px;
float: left; }

.breadArrowDiv {
float: left;
background-image: url(../images/BreadcrumbArrow.png);
background-position: right;
background-repeat: no-repeat;
width: 25px;
height: 30px;
margin-top: 10px; }

.breadCumbNavDiv {
float: left; }

.breadCumbTextDiv {
float: left;
padding: 13px 0 0 15px; }

.breadCumbTextDivLast {
float: left;
font-weight: 700;
padding: 13px 0 0 15px; }

.synLightGreenFont {
color: #038459 !important; }

.synLightGrayFont {
color: #303030 !important; }

.wpBodyFont {
font-family: "Helvetica Neue", Arial, sans-serif !important; }

.pageinEditmode {
margin-top: 120px !important; }

.link.insta {
font-size: 10px !important; }

.slide__title {
color: #006ade; }

.lightBlueColor {
color: #08a6e9 !important; }

.Boxlineheight {
line-height: 23px; }

#s4-workspace {
width: 100% !important;
height: 100% !important; }

.ms-welcome-root > a.ms-core-menu-root, .ms-signInLink, #TurnOnAccessibility, #TurnOffAccessibility, #pageStatusBar {
display: none !important; }

.synWhiteFont {
color: white !important; }

.SBI501H1, .CuentaBonusH1 {
color: #595f66 !important; }

.button2, .button2:hover {
background-color: #006ade; }

ul.tabs li a, ul.nav li a, ul.list--style2 li a, ul.page__navigation--mobile li a, ul.mainbox__tabs li a {
text-decoration: none !important; }

.boxes1 .icon {
background-position: center;
background-size: 85%; }

.boxes--bordered .link .icon {
background-image: url("../images/icon-money2.png");
background-position: top center; }

.boxes--bordered .link .icon.question {
background-image: url("../images/icon-question.png"); }

.boxes--bordered .link .icon.cheques {
background-image: url("../images/icon-cheques.png"); }

.boxes--bordered .link .icon.ahorro {
background-image: url("../images/icon-ahorro.png"); }

.boxes--bordered .link .icon.giftbox {
background-image: url("../images/gift-box.png"); }


.boxes--bordered .link .icon.ira {
background-image: url("../images/icon-ira.png"); }

.boxes--bordered .link .icon.certificados {
background-image: url("../images/icon-certificados.png");
background-size: 68%; }

.boxes--bordered .link .icon.serviciocliente {
background-image: url("../images/icon-serviciocliente.png");
background-size: 91%; }

.boxes--bordered .link .icon.depositodirecto {
background-image: url("../images/icon-depositodirecto.png"); }

.boxes--bordered .link .icon.pagodirecto {
background-image: url("../images/icon-pagodirecto.png");
background-position: center center; }

.boxes--bordered .link .icon.serviciocheques {
background-image: url("../images/icon-serviciocheques.png"); }

.boxes--bordered .link .icon.firstreserve {
background-image: url("../images/icon-firstreserve.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-arrendamiento-flota {
background-image: url("../images/icons-banca-comercial/Icon-arrendimientodeflota-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-banca-internet {
background-image: url("../images/icons-banca-comercial/Icon-bancaporinternet-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-capital-restructuring {
background-image: url("../images/icons-banca-comercial/Icon-capitalrestructurings-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-certificado-deposito {
background-image: url("../images/icons-banca-comercial/Icon-certificadosdedeposito-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-cuentas-ahorro {
background-image: url("../images/icons-banca-comercial/Icon-cuentasdeahorro-normal.png");
background-position: center center; }



.boxes--bordered .link .icon.b-comercial-company-valuations {
background-image: url("../images/icons-banca-comercial/Icon-companyvaluations-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-corporates-sales {
background-image: url("../images/icons-banca-comercial/Icon-corporateacquisitionsandsales-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-cuentas-comerciales {
background-image: url("../images/icons-banca-comercial/Icon-cuentascomerciales-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_account_services {
background-image: url("../images/icons-banca-comercial/Icon_account_services_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_fraud_prevention_services {
background-image: url("../images/icons-banca-comercial/Icon_fraud_prevention_services_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_deposito_expreso {
background-image: url("../images/icons-banca-personal/servicio-para-usted/icon_rdc.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_deposito_expreso_movil {
background-image: url("../images/icons-banca-personal/servicio-para-usted/icons_deposito-expreso-movil.svg");
background-position: center center; }



.boxes--bordered .link .icon.icon_info_reporting_services {
background-image: url("../images/icons-banca-comercial/Icon_info_reporting_services_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_info_reporting_services {
background-image: url("../images/icons-banca-comercial/Icon_info_reporting_services_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_transaction_service {
background-image: url("../images/icons-banca-comercial/Icon_transaction_service_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_letter_of_credit {
background-image: url("../images/icons-banca-comercial/Icon_letter_of_credit_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-cuentas {
background-image: url("../images/icons-banca-comercial/Icon-cuentas-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-financiamiento {
background-image: url("../images/icons-banca-comercial/Icon-financiamiento-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-non-convencional-financing {
background-image: url("../images/icons-banca-comercial/Icon-nonconventionalfinancing-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-capital-trabajo {
background-image: url("../images/icons-banca-comercial/Icon-paracapitaldetrabajo-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-compra-negocio {
background-image: url("../images/icons-banca-comercial/Icon-paracompradenegocio-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-compra-propiedad {
background-image: url("../images/icons-banca-comercial/Icon-paracompradepropiedad-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-equipo {
background-image: url("../images/icons-banca-comercial/Icon-paraequipo-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-mejoras-capitales {
background-image: url("../images/icons-banca-comercial/Icon-paramejorascapitales-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-prestamos-garantia-gubernamental {
background-image: url("../images/icons-banca-comercial/Icon-prestamoscongarantiagubernamental-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-puntos-ventas {
background-image: url("../images/icons-banca-comercial/Icon-puntosdeventa-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-seguridad {
background-image: url("../images/icons-banca-comercial/Icon-seguridad-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-seguros-comerciales {
background-image: url("../images/icons-banca-comercial/Icon-seguroscomerciales-normal.png");
background-position: center center; }


.boxes--bordered .link .icon.b-comercial-seguros-empleados {
background-image: url("../images/icons-banca-comercial/icon_isurance_employee_normal.svg");
background-position: center center; }


.boxes--bordered .link .icon.b-comercial-seguros-autos {
background-image: url("../images/icons-banca-comercial/Icon-segurosdeautos-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-seguros-bote {
background-image: url("../images/icons-banca-comercial/Icon-segurosdebotes-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-seguros-propiedad {
background-image: url("../images/icons-banca-comercial/Icon-segurosdepropiedad-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-seguros {
background-image: url("../images/icons-banca-comercial/Icon-seguros-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-manejo-efectivo {
background-image: url("../images/icons-banca-comercial/Icon-serviciodemanejodeefectivo-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.beyond-business {
background-image: url("../images/menu-icons-pr/icon-beyond-business.svg");
background-position: center center; }

.boxes--bordered .link:hover .icon.beyond-business {

background-image: url("../images/menu-icons-pr/icon-beyond-business-hover.svg");
background-position: center center; }





.boxes--bordered .link .icon.b-comercial-servicio-pago {
background-image: url("../images/icons-banca-comercial/Icon-serviciosdepago-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_industrial_experience {
background-image: url("../images/icons-banca-corporativa/Icon_industrial_experience_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon-investor-relations {
background-image: url("../images/icons-centro-ayuda/Icon-investor-relations-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon-santander-integration {
background-image: url("../images/icons-centro-ayuda/Icon-santander-integration-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon-contact-us {
  background-image: url("../images/icons-centro-ayuda/icon-contact-us-normal.png");
  background-position: center center; }

.boxes--bordered .link .icon.icono-politicas {
background-image: url("../images/icons-centro-ayuda/Icono-Politicas-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icono-security {
background-image: url("../images/icons-centro-ayuda/Icono-Security-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_comercial_real_estate {
background-image: url("../images/icons-banca-corporativa/Icon_comercial_real_estate_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_retail_manufacturing {
background-image: url("../images/icons-banca-corporativa/Icon_retail_manufacturing_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_services {
background-image: url("../images/icons-banca-corporativa/Icon_services_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-servicios-internacionales {
background-image: url("../images/icons-banca-comercial/Icon-serviciosinternacionales-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-servicios-manejar-negocio {
background-image: url("../images/icons-banca-comercial/Icon-serviciosparamanejarsunegocio-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-comercial-servicio-cobro {
background-image: url("../images/icons-banca-comercial/Icon-sserviciodecobro-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-arrendamiento {
background-image: url("../images/icons-banca-personal/autos-botes/Icon-arrendamiento-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-prestamos-autos {
background-image: url("../images/icons-banca-personal/autos-botes/Icon-prestamosdeautos-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-prestamos-bote {
background-image: url("../images/icons-banca-personal/autos-botes/Icon-prestamosdebote-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-carros-botes-reposeidos {
background-image: url("../images/icons-banca-personal/clasificados/Icon-carrosybotesreposeidos-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-nuevos-proyectos {
background-image: url("../images/icons-banca-personal/clasificados/Icon-nuevosproyectos-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-propiedades-reposeidas {
background-image: url("../images/icons-banca-personal/clasificados/Icon-propiedadesreposeidas-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-prestamos-personales {
background-image: url("../images/icons-banca-personal/creditos-prestamos/Icon-Prestamos-Personales-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-tarjeta-credito {
background-image: url("../images/icons-banca-personal/creditos-prestamos/Icon-tarjetadecredito-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-cuentas-ahorro {
background-image: url("../images/icons-banca-personal/cuentas/Icon-cuentasdeahorro-normal.png");
background-position: center center; }


.boxes--bordered .link .icon.b-personal-certificados-depositos {
background-image: url("../images/icons-banca-personal/cuentas/Icon-certificadosdedeposito-normal.png");
background-position: center center; }



.boxes--bordered .link .icon.b-gift-box{
background-image: url("../images/gift-box.png");
background-position: center center; }



.boxes--bordered .link .icon.b-personal-cuentas-cheques {
background-image: url("../images/icons-banca-personal/cuentas/Icon-cuentasdecheques-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-cuentas-ira {
background-image: url("../images/icons-banca-personal/cuentas/Icon-cuentasira-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-deposito-directo {
background-image: url("../images/icons-banca-personal/cuentas/Icon-depositodirecto-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-first-reserve {
background-image: url("../images/icons-banca-personal/cuentas/Icon-firstreserve-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-pago-directo {
background-image: url("../images/icons-banca-personal/cuentas/Icon-pagodirecto-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-servicio-cliente {
background-image: url("../images/icons-banca-personal/cuentas/Icon-servicioalcliente-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-servicio-cheque {
background-image: url("../images/icons-banca-personal/cuentas/Icon-serviciodecheque-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-preguntas-frecuentes {
background-image: url("../images/icons-banca-personal/hipotecas/Icon-preguntasfrecuentes-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-centro-hipotecario {
background-image: url("../images/icons-banca-personal/hipotecas/centroshipotecarios-normal.png");
background-position: center center; }


.boxes--bordered .link .icon.b-personal-prestamo-rural {
background-image: url("../images/icons-banca-personal/hipotecas/Icon-prestamorural-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-prestamo-banco-vivienda {
background-image: url("../images/icons-banca-personal/hipotecas/Icon-prestamosdelbancodelavivienda-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-prestamos-fha {
background-image: url("../images/icons-banca-personal/hipotecas/Icon-prestamosfha-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-streamline-fha {
background-image: url("../images/icons-banca-personal/hipotecas/Icon_streamline_fha_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-prestamos-hipotecarios {
background-image: url("../images/icons-banca-personal/hipotecas/Icon-prestamoshipotecarios-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-prestamos-comercial-hipotecarios {
background-image: url("../images/icons-banca-personal/hipotecas/Icon-prestamoscomercialhipotecario-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-prestamos-veteranos {
background-image: url("../images/icons-banca-personal/hipotecas/Icon-prestamosveteranos-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_credit_care {
background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_credit_care_normal.png");
background-position: center center; }
.boxes--bordered .link .icon.icon_fraud {
background-image: url("../images/icons-banca-personal/servicio-para-usted/icon_fraude.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_online_mortgage_servicing {
background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_online_mortgage_servicing_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-certificado-de-deposito {
background-image: url("../images/icons-banca-personal/inversiones-retiro/Icon-certificadodedeposito-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-cuentas-ira {
background-image: url("../images/icons-banca-personal/inversiones-retiro/Icon-cuentasira-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-autos-y-botes {
background-image: url("../images/icons-banca-personal/para-ti/Icon-autosybotes-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-creditos-y-prestamos {
background-image: url("../images/icons-banca-personal/para-ti/Icon-creditosyprestamos-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-cuentas {
background-image: url("../images/icons-banca-personal/para-ti/Icon-cuentas-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-hipotecas {
background-image: url("../images/icons-banca-personal/para-ti/Icon-Hipotecas-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-inversiones-y-retiro {
background-image: url("../images/icons-banca-personal/para-ti/Icon-inversionesyretiro-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-pago-directo {
background-image: url("../images/icons-banca-personal/para-ti/Icon-pagodirecto-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-seguros {
background-image: url("../images/icons-banca-personal/para-ti/Icon-seguros-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-servicios-para-usted {
background-image: url("../images/icons-banca-personal/para-ti/Icon-serviciosparausted-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_insurance_employees {
background-image: url("../images/icons-seguros/Icon_insurance_employees_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-seguros-de-propiedad {
background-image: url("../images/icons-banca-personal/seguros/Icon-segurosdepropiedad-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-seguros-de-vida {
background-image: url("../images/icons-banca-personal/seguros/Icon-segurosdevida-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-seguros-autos {
background-image: url("../images/icons-seguros/Icon-segurosdeautos-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_about_us {
background-image: url("../images/icons-seguros/Icon_about_us_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_other_services {
background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_other_services_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-banca-movil {
background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon-bancamovil-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-banca-internet {
background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon-bancaporinternet-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-banca-telefono {
background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon-bancaportelefono-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-e-statement {
background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon-e-statements-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.b-personal-localizador {
background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon-localizador-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_harp_loan {
background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_harp_loan_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_required_documents {
background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_required_documents_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_streamline_va {
background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_streamline_va_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_streamline_203k {
background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_streamline_203k_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_autos_botes {
background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_autos_botes_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.centro-ayuda-bancaporinternet {
background-image: url("../images/icons-centro-ayuda/Icon-bancaporinternet-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.centro-ayuda-contactenos {
background-image: url("../images/icons-centro-ayuda/Icon-contactenos-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.centro-ayuda-depositodirecto {
background-image: url("../images/icons-centro-ayuda/Icon-depositodirecto-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon-alerts {
background-image: url("../images/icons-banca-personal/servicio-para-usted/icon-alerts-normal.png");
background-position: center center; }


.boxes--bordered .link .icon.centro-ayuda-guiasdeusoderedessociales {
background-image: url("../images/icons-centro-ayuda/Icon-guiasdeusoderedessociales-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.centro-ayuda-localizador {
background-image: url("../images/icons-centro-ayuda/Icon-Localizador-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.centro-ayuda-pagodirecto {
background-image: url("../images/icons-centro-ayuda/Icon-pagodirecto-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.centro-ayuda-politicadeprivacidad {
background-image: url("../images/icons-centro-ayuda/Icon-politicadeprivacidad-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.centro-ayuda-serviciosdecheque {
background-image: url("../images/icons-centro-ayuda/Icon-serviciosdecheque-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.centro-ayuda-terminosdeuso {
background-image: url("../images/icons-centro-ayuda/Icon-terminosdeuso-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-beneficioparaempleados {
background-image: url("../images/icons-educacion-financiera/Icon-beneficioparaempleados-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-capitalrestructuring {
background-image: url("../images/icons-educacion-financiera/Icon-capitalrestructuring-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-comenzarunnegocio {
background-image: url("../images/icons-educacion-financiera/Icon-comenzarunnegocio-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-companyvaluation {
background-image: url("../images/icons-educacion-financiera/Icon-companyvaluation-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-corporateacquisitionsandsales {
background-image: url("../images/icons-educacion-financiera/Icon-corporateacquisitionsandsales-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-debtandequitycapitalraising {
background-image: url("../images/icons-educacion-financiera/Icon-debtandequitycapitalraising-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-diccionariofinanciero {
background-image: url("../images/icons-educacion-financiera/Icon-diccionariofinanciero-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-etapasdevida {
background-image: url("../images/icons-educacion-financiera/Icon-etapasdevida-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-financiamientomunicipalygubernamental {
background-image: url("../images/icons-educacion-financiera/Icon-financiamientomunicipalygubernamental-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-financiarsunegocio {
background-image: url("../images/icons-educacion-financiera/Icon-financiarsunegocio-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-herencia {
background-image: url("../images/icons-educacion-financiera/Icon-herencia-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-manejodelnegocio {
background-image: url("../images/icons-educacion-financiera/Icon-manejodelnegocio-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-non-conventionalfinancing {
background-image: url("../images/icons-educacion-financiera/Icon-non-conventionalfinancing-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-parasunegocio {
background-image: url("../images/icons-educacion-financiera/Icon-parasunegocio-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-parati {
background-image: url("../images/icons-educacion-financiera/Icon-parati-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-seguridad {
background-image: url("../images/icons-educacion-financiera/Icon-seguridad-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-seguroparasunegocio {
background-image: url("../images/icons-educacion-financiera/Icon-seguroparasunegocio-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-sudinero {
background-image: url("../images/icons-educacion-financiera/Icon-sudinero-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-sufamilia {
background-image: url("../images/icons-educacion-financiera/Icon-sufamilia-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-suretiro {
background-image: url("../images/icons-educacion-financiera/Icon-suretiro-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-suscompras {
background-image: url("../images/icons-educacion-financiera/Icon-suscompras-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-susrelaciones {
background-image: url("../images/icons-educacion-financiera/Icon-susrelaciones-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-sutrabajo {
background-image: url("../images/icons-educacion-financiera/Icon-sutrabajo-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.educacion-financiera-transportacion {
background-image: url("../images/icons-educacion-financiera/Icon-transportacion-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.seguros-plandeprotecciondepagos {
background-image: url("../images/icons-seguros/Icon-plandeprotecciondepagos-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.seguros-planificacionfinanciera {
background-image: url("../images/icons-seguros/Icon-planificacionfinanciera-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.seguros-seguroscomerciales {
background-image: url("../images/icons-seguros/Icon-seguroscomerciales-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.seguros-segurosdeautos {
background-image: url("../images/icons-seguros/Icon-segurosdeautos-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.seguros-segurosdepropiedad {
background-image: url("../images/icons-seguros/Icon-segurosdepropiedad-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.seguros-segurosparati {
background-image: url("../images/icons-seguros/Icon-segurosparati-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icono-other-solutions {
background-image: url("../images/icons-banca-comercial/Icono-Other-Solutions-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.iconos-asset-based-lending {
background-image: url("../images/icons-banca-corporativa/Iconos-Asset-Based-Lending-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.seguros-servicioyreclamaciones {
background-image: url("../images/icons-seguros/Icon-servicioyreclamaciones-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.icon_about_us {
background-image: url("../images/icons-seguros/Icon_about_us_normal.png");
background-position: center center; }

.boxes--bordered .link .icon.sobre-nosotros-compromisosocial {
background-image: url("../images/icons-sobre-nosotros/Icon-compromisosocial-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.sobre-nosotros-empleos {
background-image: url("../images/icons-sobre-nosotros/Icon-empleos-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.sobre-nosotros-educacion-financiera {
background-image: url("../images/icons-sobre-nosotros/Icons_educacion_financiera.svg");
background-position: center center; }


.boxes--bordered .link .icon.sobre-nosotros-historia {
background-image: url("../images/icons-sobre-nosotros/Icon-historia-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.sobre-nosotros-mensajedelpresidente {
background-image: url("../images/icons-sobre-nosotros/Icon-mensajedelpresidente-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.sobre-nosotros-newsroom {
background-image: url("../images/icons-sobre-nosotros/Icon-newsroom-normal.png");
background-position: center center; }

.boxes--bordered .link .icon.sobre-nosotros-visionmisionyvalores {
background-image: url("../images/icons-sobre-nosotros/Icon-visionmisionyvalores-normal.png");
background-position: center center; }

 .boxes--bordered .link .icon.e-cycling {
background-image: url("../images/ecycling/donatucelu-normal.png");
background-position: center center; }

.link .icon.meetourteam {
  background-image: url("../images/meetourteam-normal.png"); }

.link:hover .icon.meetourteam {
  background-image: url("../images/meetourteam-hover.png"); }

.boxes--bordered .link .icon.b-balances-transaccionales {
background-image: url("../images/svg-icons/icons_balances_y_transacciones.svg");
background-position: center center; }


.boxes--bordered .link:hover .icon.b-balances-transaccionales {
  background-image: url("../images/svg-icons/icons_balances_y_transacciones_hover.svg"); }


.boxes--bordered .link .icon.b-icons_calculadora_de_pagos {
background-image: url("../images/svg-icons/icons_calculadora_de_pagos.svg");
background-position: center center; }


.boxes--bordered .link:hover .icon.b-icons_calculadora_de_pagos {
  background-image: url("../images/svg-icons/icons_calculadora_de_pagos.svg"); }

.boxes--bordered .link .icon.b-icons_cartas_de_credito {
background-image: url("../images/svg-icons/icons_cartas_de_credito.svg");
background-position: center center; }


.boxes--bordered .link:hover .icon.b-icons_cartas_de_credito {
  background-image: url("../images/svg-icons/icons_cartas_de_credito_rollover.svg"); }


.boxes--bordered .link .icon.b-icons_centros_hipotecarios {
background-image: url("../images/svg-icons/icons_centros_hipotecarios.svg");
background-position: center center; }


.boxes--bordered .link:hover .icon.b-icons_centros_hipotecarios {
  background-image: url("../images/svg-icons/icons_centros_hipotecarios_rollover.svg"); }

.boxes--bordered .link .icon.b-icons_corportate_merger_acquisitions {
background-image: url("../images/svg-icons/icons_corportate_merger_acquisitions.svg");
background-position: center center; }


.boxes--bordered .link:hover .icon.b-icons_corportate_merger_acquisitions {
  background-image: url("../images/svg-icons/icons_corportate_Merger_acquisitions_rollvor.svg"); }

.boxes--bordered .link .icon.b-icons_corportate_merger_acquisitions {
background-image: url("../images/svg-icons/icons_corportate_merger_acquisitions.svg");
background-position: center center; }


.boxes--bordered .link:hover .icon.b-icons_corportate_merger_acquisitions {
  background-image: url("../images/svg-icons/icons_corportate_Merger_acquisitions_rollvor.svg"); }

.boxes--bordered .link .icon.b-icons_deposito_expreso_atm  {
background-image: url("../images/svg-icons/icons_deposito_expreso_atm .svg");
background-position: center center; }


.boxes--bordered .link:hover .icon.b-icons_deposito_expreso_atm  {
  background-image: url("../images/svg-icons/icons_deposito_expreso_atm_rolloover.svg"); }

.boxes--bordered .link .icon.b-icons_deposito_expreso_movil  {
background-image: url("../images/svg-icons/icons_deposito_expreso_movil.svg");
background-position: center center; }


.boxes--bordered .link:hover .icon.b-icons_deposito_expreso_movil  {
  background-image: url("../images/svg-icons/icons_deposito_expreso_movil_rollover.svg"); }

.boxes--bordered .link .icon.b-icons_financiamiento_estructurado  {
background-image: url("../images/svg-icons/icons_financiamiento_estructurado.svg");
background-position: center center; }


.boxes--bordered .link:hover .icon.b-icons_financiamiento_estructurado  {
  background-image: url("../images/svg-icons/icons_financiamiento_estructurado_rollover.svg"); }

.boxes--bordered .link .icon.b-icons_ofertas_especiales  {
background-image: url("../images/svg-icons/icons_ofertas_especiales.svg");
background-position: center center; }


.boxes--bordered .link:hover .icon.b-icons_ofertas_especiales  {
  background-image: url("../images/svg-icons/icons_ofertas_especiales_rollover-04.svg"); }

.boxes--bordered .link .icon.b-icons_prestamo_a_terminos  {
background-image: url("../images/svg-icons/icons_prestamo_a_terminos.svg");
background-position: center center; }

.boxes--bordered .link .icon.b-icons_recompensa  {
  background-image: url("../images/svg-icons/icons_recompensa.svg"); }

.boxes--bordered .link:hover .icon.b-icons_recompensa  {
  background-image: url("../images/svg-icons/icons_recompensa_rollover.svg"); }

.boxes--bordered .link .icon.b-icons_alerta_de_fraude   {
  background-image: url("../images/svg-icons/icons_ofertas_especiales.svg"); }

.boxes--bordered .link:hover .icon.b-icons_alerta_de_fraude   {
  background-image: url("../images/svg-icons/icons_ofertas_especiales_rollover-06.svg"); }


@media (min-width: 1024px) {
.boxes--bordered .active .link,
.boxes--bordered .link:active,
.boxes--bordered .link:hover {
  background-color: #e8e8e8; }


.boxes--bordered .link:hover .icon.card-valet{
  background-image: url("../images/icons-banca-personal/servicio-para-usted/icon_card_valet_hover.png"); }

.boxes--bordered .link .icon.card-valet {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/icon_card_valet_normal.png"); }


.boxes--bordered .link:hover .icon.question {
  background-image: url("../images/icon-question-active.png"); }

.boxes--bordered .link .icon.cheques {
  background-image: url("../images/icon-cheques.png"); }

.boxes--bordered .link .icon.ahorro {
  background-image: url("../images/icon-ahorro.png"); }

.boxes--bordered .link .icon.ira {
  background-image: url("../images/icon-ira.png"); }

.boxes--bordered .link .icon.certificados {
  background-image: url("../images/icon-certificados.png");
  background-size: 68%; }

.boxes--bordered .link .icon.serviciocliente {
  background-image: url("../images/icon-serviciocliente.png");
  background-size: 91%; }

.boxes--bordered .link .icon.depositodirecto {
  background-image: url("../images/icon-depositodirecto.png"); }

.boxes--bordered .link .icon.pagodirecto {
  background-image: url("../images/icon-pagodirecto.png");
  background-position: center center; }

.boxes--bordered .link .icon.serviciocheques {
  background-image: url("../images/icon-serviciocheques.png"); }

.boxes--bordered .link .icon.firstreserve {
  background-image: url("../images/icon-firstreserve.png");
  background-position: center center; }

.boxes--bordered .link:hover .icon.b-comercial-arrendamiento-flota {
  background-image: url("../images/icons-banca-comercial/Icon-arrendimientodeflota-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-banca-internet {
  background-image: url("../images/icons-banca-comercial/Icon-bancaporinternet-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-capital-restructuring {
  background-image: url("../images/icons-banca-comercial/Icon-capitalrestructurings-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-certificado-deposito {
  background-image: url("../images/icons-banca-comercial/Icon-certificadosdedeposito-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-company-valuations {
  background-image: url("../images/icons-banca-comercial/Icon-companyvaluations-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-corporates-sales {
  background-image: url("../images/icons-banca-comercial/Icon-corporateacquisitionsandsales-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-cuentas-comerciales {
  background-image: url("../images/icons-banca-comercial/Icon-cuentascomerciales-hover.png"); }

.boxes--bordered .link:hover .icon.icon_account_services {
  background-image: url("../images/icons-banca-comercial/Icon_account_services_hover.png"); }

.boxes--bordered .link:hover .icon.icon_fraud_prevention_services {
  background-image: url("../images/icons-banca-comercial/Icon_fraud_prevention_services_hover.png"); }

   .boxes--bordered .link:hover .icon.icon_deposito_expreso {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/icon_rdc_hover.png"); }


.boxes--bordered .link:hover .icon.icon_info_reporting_services {
  background-image: url("../images/icons-banca-comercial/Icon_info_reporting_services_hover.png"); }

.boxes--bordered .link:hover .icon.icon_info_reporting_services {
  background-image: url("../images/icons-banca-comercial/Icon_info_reporting_services_hover.png"); }

.boxes--bordered .link:hover .icon.icon_transaction_service {
  background-image: url("../images/icons-banca-comercial/Icon_transaction_service_hover.png"); }

.boxes--bordered .link:hover .icon.icon_letter_of_credit {
  background-image: url("../images/icons-banca-comercial/Icon_letter_of_credit_hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-cuentas {
  background-image: url("../images/icons-banca-comercial/Icon-cuentas-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-financiamiento {
  background-image: url("../images/icons-banca-comercial/Icon-financiamiento-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-non-convencional-financing {
  background-image: url("../images/icons-banca-comercial/Icon-nonconventionalfinancing-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-capital-trabajo {
  background-image: url("../images/icons-banca-comercial/Icon-paracapitaldetrabajo-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-compra-negocio {
  background-image: url("../images/icons-banca-comercial/Icon-paracompradenegocio-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-compra-propiedad {
  background-image: url("../images/icons-banca-comercial/Icon-paracompradepropiedad-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-equipo {
  background-image: url("../images/icons-banca-comercial/Icon-paraequipo-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-mejoras-capitales {
  background-image: url("../images/icons-banca-comercial/Icon-paramejorascapitales-hover.png"); }

.boxes--bordered .link:hover .icon.icon_industrial_experience {
  background-image: url("../images/icons-banca-corporativa/Icon_industrial_experience_hover.png"); }

.boxes--bordered .link:hover .icon.icon_comercial_real_estate {
  background-image: url("../images/icons-banca-corporativa/Icon_comercial_real_estate_hover.png"); }

.boxes--bordered .link:hover .icon.icon_retail_manufacturing {
  background-image: url("../images/icons-banca-corporativa/Icon_retail_manufacturing_hover.png"); }

.boxes--bordered .link:hover .icon.icon_services {
  background-image: url("../images/icons-banca-corporativa/Icon_services_hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-prestamos-garantia-gubernamental {
  background-image: url("../images/icons-banca-comercial/Icon-prestamoscongarantiagubernamental-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-puntos-ventas {
  background-image: url("../images/icons-banca-comercial/Icon-puntosdeventa-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-seguridad {
  background-image: url("../images/icons-banca-comercial/Icon-seguridad-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-seguros-comerciales {
  background-image: url("../images/icons-banca-comercial/Icon-seguroscomerciales-hover.png"); }


  .boxes--bordered .link:hover .icon.b-comercial-seguros-empleados {
  background-image: url("../images/icons-banca-comercial/icon_isurance_employee_hover.svg"); }


.boxes--bordered .link:hover .icon.icon_other_services {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_other_services_hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-seguros-autos {
  background-image: url("../images/icons-banca-comercial/Icon-segurosdeautos-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-seguros-bote {
  background-image: url("../images/icons-banca-comercial/Icon-segurosdebotes-hover.png"); }

.boxes--bordered .link:hover .icon.icono-other-solutions {
  background-image: url("../images/icons-banca-comercial/Icono-Other-Solutions-hover.png"); }

.boxes--bordered .link:hover .icon.iconos-asset-based-lending {
  background-image: url("../images/icons-banca-corporativa/Iconos-Asset-Based-Lending-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-seguros-propiedad {
  background-image: url("../images/icons-banca-comercial/Icon-segurosdepropiedad-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-seguros {
  background-image: url("../images/icons-banca-comercial/Icon-seguros-hover.png"); }

.boxes--bordered .link:hover .icon.icon_about_us {
  background-image: url("../images/icons-seguros/Icon_about_us_hover.png"); }

icon_insurance_employees
.boxes--bordered .link:hover .icon.icon_insurance_employees {
  background-image: url("../images/icons-seguros/Icon_insurance_employees_hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-manejo-efectivo {
  background-image: url("../images/icons-banca-comercial/Icon-serviciodemanejodeefectivo-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-servicio-pago {
  background-image: url("../images/icons-banca-comercial/Icon-serviciosdepago-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-servicios-internacionales {
  background-image: url("../images/icons-banca-comercial/Icon-serviciosinternacionales-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-servicios-manejar-negocio {
  background-image: url("../images/icons-banca-comercial/Icon-serviciosparamanejarsunegocio-hover.png"); }

.boxes--bordered .link:hover .icon.b-comercial-servicio-cobro {
  background-image: url("../images/icons-banca-comercial/Icon-sserviciodecobro-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-arrendamiento {
  background-image: url("../images/icons-banca-personal/autos-botes/Icon-arrendamiento-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-prestamos-autos {
  background-image: url("../images/icons-banca-personal/autos-botes/Icon-prestamosdeautos-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-prestamos-bote {
  background-image: url("../images/icons-banca-personal/autos-botes/Icon-prestamosdebote-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-carros-botes-reposeidos {
  background-image: url("../images/icons-banca-personal/clasificados/Icon-carrosybotesreposeidos-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-nuevos-proyectos {
  background-image: url("../images/icons-banca-personal/clasificados/Icon-nuevosproyectos-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-propiedades-reposeidas {
  background-image: url("../images/icons-banca-personal/clasificados/Icon-propiedadesreposeidas-hover.png"); }

   .boxes--bordered .link:hover .icon.b-gift-box {
  background-image: url("../images/gift-box.png"); }


.boxes--bordered .link:hover .icon.b-personal-prestamos-personales {
  background-image: url("../images/icons-banca-personal/creditos-prestamos/Icon-Prestamos-Personales-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-tarjeta-credito {
  background-image: url("../images/icons-banca-personal/creditos-prestamos/Icon-tarjetadecredito-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-certificados-depositos {
  background-image: url("../images/icons-banca-personal/cuentas/Icon-certificadosdedeposito-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-cuentas-ahorro {
  background-image: url("../images/icons-banca-personal/cuentas/Icon-cuentasdeahorro-hover.png"); }


.boxes--bordered .link:hover .icon.b-personal-cuentas-cheques {
  background-image: url("../images/icons-banca-personal/cuentas/Icon-cuentasdecheques-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-cuentas-ira {
  background-image: url("../images/icons-banca-personal/cuentas/Icon-cuentasira-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-deposito-directo {
  background-image: url("../images/icons-banca-personal/cuentas/Icon-depositodirecto-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-first-reserve {
  background-image: url("../images/icons-banca-personal/cuentas/Icon-firstreserve-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-pago-directo {
  background-image: url("../images/icons-banca-personal/cuentas/Icon-pagodirecto-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-servicio-cliente {
  background-image: url("../images/icons-banca-personal/cuentas/Icon-servicioalcliente-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-servicio-cheque {
  background-image: url("../images/icons-banca-personal/cuentas/Icon-serviciodecheque-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-preguntas-frecuentes {
  background-image: url("../images/icons-banca-personal/hipotecas/Icon-preguntasfrecuentes-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-centro-hipotecario {
  background-image: url("../images/icons-banca-personal/hipotecas/centroshipotecarios-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-prestamo-rural {
  background-image: url("../images/icons-banca-personal/hipotecas/Icon-prestamorural-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-prestamo-banco-vivienda {
  background-image: url("../images/icons-banca-personal/hipotecas/Icon-prestamosdelbancodelavivienda-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-prestamos-fha {
  background-image: url("../images/icons-banca-personal/hipotecas/Icon-prestamosfha-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-streamline-fha {
  background-image: url("../images/icons-banca-personal/hipotecas/Icon_streamline_fha_hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-prestamos-hipotecarios {
  background-image: url("../images/icons-banca-personal/hipotecas/Icon-prestamoshipotecarios-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-prestamos-comercial-hipotecarios {
  background-image: url("../images/icons-banca-personal/hipotecas/Icon-prestamoscomercialhipotecario-hover.png"); }

.boxes--bordered .link:hover .icon.icon_harp_loan {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_harp_loan_hover.png"); }

.boxes--bordered .link:hover .icon.icon_required_documents {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_required_documents_hover.png"); }

.boxes--bordered .link:hover .icon.icon_streamline_va {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_streamline_va_hover.png"); }

.boxes--bordered .link:hover .icon.icon_streamline_203k {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_streamline_203k_hover.png"); }

.boxes--bordered .link:hover .icon.icon_autos_botes {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_autos_botes_hover.png"); }

.boxes--bordered .link:hover .icon.icon_credit_care {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_credit_care_hover.png"); }
.boxes--bordered .link:hover .icon.icon_fraud {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/icon_fraude_hover.png"); }

.boxes--bordered .link:hover .icon.icon_online_mortgage_servicing {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon_online_mortgage_servicing_hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-prestamos-veteranos {
  background-image: url("../images/icons-banca-personal/hipotecas/Icon-prestamosveteranos-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-certificado-de-deposito {
  background-image: url("../images/icons-banca-personal/inversiones-retiro/Icon-certificadodedeposito-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-cuentas-ira {
  background-image: url("../images/icons-banca-personal/inversiones-retiro/Icon-cuentasira-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-autos-y-botes {
  background-image: url("../images/icons-banca-personal/para-ti/Icon-autosybotes-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-creditos-y-prestamos {
  background-image: url("../images/icons-banca-personal/para-ti/Icon-creditosyprestamos-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-cuentas {
  background-image: url("../images/icons-banca-personal/para-ti/Icon-cuentas-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-hipotecas {
  background-image: url("../images/icons-banca-personal/para-ti/Icon-Hipotecas-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-inversiones-y-retiro {
  background-image: url("../images/icons-banca-personal/para-ti/Icon-inversionesyretiro-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-pago-directo {
  background-image: url("../images/icons-banca-personal/para-ti/Icon-pagodirecto-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-seguros {
  background-image: url("../images/icons-banca-personal/para-ti/Icon-seguros-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-servicios-para-usted {
  background-image: url("../images/icons-banca-personal/para-ti/Icon-serviciosparausted-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-seguros-de-propiedad {
  background-image: url("../images/icons-banca-personal/seguros/Icon-segurosdepropiedad-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-seguros-de-vida {
  background-image: url("../images/icons-banca-personal/seguros/Icon-segurosdevida-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-seguros-autos {
  background-image: url("../images/icons-seguros/Icon-segurosdeautos-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-banca-movil {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon-bancamovil-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-banca-internet {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon-bancaporinternet-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-banca-telefono {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon-bancaportelefono-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-e-statement {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon-e-statements-hover.png"); }

.boxes--bordered .link:hover .icon.b-personal-localizador {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/Icon-localizador-hover.png"); }

.boxes--bordered .link:hover .icon.centro-ayuda-bancaporinternet {
  background-image: url("../images/icons-centro-ayuda/Icon-bancaporinternet-hover.png"); }

.boxes--bordered .link:hover .icon.centro-ayuda-contactenos {
  background-image: url("../images/icons-centro-ayuda/Icon-contactenos-hover.png"); }

.boxes--bordered .link:hover .icon.centro-ayuda-depositodirecto {
  background-image: url("../images/icons-centro-ayuda/Icon-depositodirecto-hover.png"); }

.boxes--bordered .link:hover .icon.icon-alerts {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/icon-alerts-hover.png"); }

.boxes--bordered .link:hover .icon.centro-ayuda-guiasdeusoderedessociales {
  background-image: url("../images/icons-centro-ayuda/Icon-guiasdeusoderedessociales-hover.png"); }

.boxes--bordered .link:hover .icon.centro-ayuda-localizador {
  background-image: url("../images/icons-centro-ayuda/Icon-Localizador-hover.png"); }

.boxes--bordered .link:hover .icon.centro-ayuda-pagodirecto {
  background-image: url("../images/icons-centro-ayuda/Icon-pagodirecto-hover.png"); }

.boxes--bordered .link:hover .icon.centro-ayuda-politicadeprivacidad {
  background-image: url("../images/icons-centro-ayuda/Icon-politicadeprivacidad-hover.png"); }

.boxes--bordered .link:hover .icon.centro-ayuda-serviciosdecheque {
  background-image: url("../images/icons-centro-ayuda/Icon-serviciosdecheque-hover.png"); }

.boxes--bordered .link:hover .icon.centro-ayuda-terminosdeuso {
  background-image: url("../images/icons-centro-ayuda/Icon-terminosdeuso-hover.png"); }

.boxes--bordered .link:hover .icon.icon-investor-relations {
  background-image: url("../images/icons-centro-ayuda/Icon-investor-relations-hover.png"); }

  .boxes--bordered .link:hover .icon.icon-santander-integration {
  background-image: url("../images/icons-centro-ayuda/Icon-santander-integration-hover.png"); }

  .boxes--bordered .link:hover .icon.icon-contact-us {
      background-image: url("../images/icons-centro-ayuda/icon-contact-us-hover.png"); }

.boxes--bordered .link:hover .icon.icono-politicas {
  background-image: url("../images/icons-centro-ayuda/Icono-Politicas-hover.png"); }

.boxes--bordered .link:hover .icon.icono-security {
  background-image: url("../images/icons-centro-ayuda/Icono-Security-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-beneficioparaempleados {
  background-image: url("../images/icons-educacion-financiera/Icon-beneficioparaempleados-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-capitalrestructuring {
  background-image: url("../images/icons-educacion-financiera/Icon-capitalrestructuring-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-comenzarunnegocio {
  background-image: url("../images/icons-educacion-financiera/Icon-comenzarunnegocio-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-companyvaluation {
  background-image: url("../images/icons-educacion-financiera/Icon-companyvaluation-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-corporateacquisitionsandsales {
  background-image: url("../images/icons-educacion-financiera/Icon-corporateacquisitionsandsales-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-debtandequitycapitalraising {
  background-image: url("../images/icons-educacion-financiera/Icon-debtandequitycapitalraising-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-diccionariofinanciero {
  background-image: url("../images/icons-educacion-financiera/Icon-diccionariofinanciero-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-etapasdevida {
  background-image: url("../images/icons-educacion-financiera/Icon-etapasdevida-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-financiamientomunicipalygubernamental {
  background-image: url("../images/icons-educacion-financiera/Icon-financiamientomunicipalygubernamental-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-financiarsunegocio {
  background-image: url("../images/icons-educacion-financiera/Icon-financiarsunegocio-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-herencia {
  background-image: url("../images/icons-educacion-financiera/Icon-herencia-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-manejodelnegocio {
  background-image: url("../images/icons-educacion-financiera/Icon-manejodelnegocio-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-non-conventionalfinancing {
  background-image: url("../images/icons-educacion-financiera/Icon-non-conventionalfinancing-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-parasunegocio {
  background-image: url("../images/icons-educacion-financiera/Icon-parasunegocio-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-parati {
  background-image: url("../images/icons-educacion-financiera/Icon-parati-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-seguridad {
  background-image: url("../images/icons-educacion-financiera/Icon-seguridad-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-seguroparasunegocio {
  background-image: url("../images/icons-educacion-financiera/Icon-seguroparasunegocio-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-sudinero {
  background-image: url("../images/icons-educacion-financiera/Icon-sudinero-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-sufamilia {
  background-image: url("../images/icons-educacion-financiera/Icon-sufamilia-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-suretiro {
  background-image: url("../images/icons-educacion-financiera/Icon-suretiro-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-suscompras {
  background-image: url("../images/icons-educacion-financiera/Icon-suscompras-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-susrelaciones {
  background-image: url("../images/icons-educacion-financiera/Icon-susrelaciones-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-sutrabajo {
  background-image: url("../images/icons-educacion-financiera/Icon-sutrabajo-hover.png"); }

.boxes--bordered .link:hover .icon.educacion-financiera-transportacion {
  background-image: url("../images/icons-educacion-financiera/Icon-transportacion-hover.png"); }

.boxes--bordered .link:hover .icon.seguros-plandeprotecciondepagos {
  background-image: url("../images/icons-seguros/Icon-plandeprotecciondepagos-hover.png"); }

.boxes--bordered .link:hover .icon.seguros-planificacionfinanciera {
  background-image: url("../images/icons-seguros/Icon-planificacionfinanciera-hover.png"); }

.boxes--bordered .link:hover .icon.seguros-seguroscomerciales {
  background-image: url("../images/icons-seguros/Icon-seguroscomerciales-hover.png"); }

.boxes--bordered .link:hover .icon.seguros-segurosdeautos {
  background-image: url("../images/icons-seguros/Icon-segurosdeautos-hover.png"); }

.boxes--bordered .link:hover .icon.seguros-segurosdepropiedad {
  background-image: url("../images/icons-seguros/Icon-segurosdepropiedad-hover.png"); }

.boxes--bordered .link:hover .icon.seguros-segurosparati {
  background-image: url("../images/icons-seguros/Icon-segurosparati-hover.png"); }

.boxes--bordered .link:hover .icon.seguros-servicioyreclamaciones {
  background-image: url("../images/icons-seguros/Icon-servicioyreclamaciones-hover.png"); }

.boxes--bordered .link:hover .icon.sobre-nosotros-compromisosocial {
  background-image: url("../images/icons-sobre-nosotros/Icon-compromisosocial-hover.png"); }

.boxes--bordered .link:hover .icon.sobre-nosotros-empleos {
  background-image: url("../images/icons-sobre-nosotros/Icon-empleos-hover.png"); }

  .boxes--bordered .link:hover .icon.sobre-nosotros-educacion-financiera {
background-image: url("../images/icons-sobre-nosotros/Icons_educacion_financiera_hover.svg");
 }


.boxes--bordered .link:hover .icon.sobre-nosotros-historia {
  background-image: url("../images/icons-sobre-nosotros/Icon-historia-hover.png"); }

.boxes--bordered .link:hover .icon.sobre-nosotros-mensajedelpresidente {
  background-image: url("../images/icons-sobre-nosotros/Icon-mensajedelpresidente-hover.png"); }

.boxes--bordered .link:hover .icon.sobre-nosotros-newsroom {
  background-image: url("../images/icons-sobre-nosotros/Icon-newsroom-hover.png"); }

.boxes--bordered .link:hover .icon.e-cycling {
  background-image: url("../images/ecycling/donatucelu-hover.png"); }


.boxes--bordered .link:hover .icon.sobre-nosotros-visionmisionyvalores {
  background-image: url("../images/icons-sobre-nosotros/Icon-visionmisionyvalores-hover.png"); } }
.bg,
.cover,
.icon,
.logo,
.logo--alt {
background-repeat: no-repeat; }

.bg,
.icon,
.logo {
background-size: 100%; }

.button--analytics {
background: whitesmoke url("../images/icon-anal.png") no-repeat;
background-position: 95% 5px; }

.button--appstore {
background-image: url("../images/button-appstore.png"); }

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dppx) {
 .button--appstore {
background-image: url("../images/button-appstorex2.png"); }
.button--appstore-en {
background-image: url("../images/button-appstore-enx2.png"); }

}
/* 1.25 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dppx){
  /* Retina-specific stuff here */
    .button--appstore {
background-image: url("../images/button-appstorex2.png"); }
.button--appstore-en {
background-image: url("../images/button-appstore-enx2.png"); }


}

/* 1.3 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.3),
(min-resolution: 124.8dppx){
  /* Retina-specific stuff here */
    .button--appstore {
background-image: url("../images/button-appstorex2.png"); }
.button--appstore-en {
background-image: url("../images/button-appstore-enx2.png"); }


}

/* 1.5 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dppx){
  /* Retina-specific stuff here */
    .button--appstore {
background-image: url("../images/button-appstorex2.png"); }
.button--appstore-en {
background-image: url("../images/button-appstore-enx2.png"); }

}


.button--appstore-en {
background-image: url("../images/button-appstore-en.png"); }

.button--calc {
background: #e6e6e6 url("../images/icon-calc.png") no-repeat;
background-position: center; }

.button--call .icon {
background-image: url("../images/icon-phone1.png");
background-color: #018752;
background-position: center;
background-size: 75%; }
.button--call .icon:active, .button--call .icon:hover {
  background-image: url("../images/icon-phone1-active.png");
  background-color: white; }

.button--fb1 .icon {
background-image: url("../images/icon-fb2.png"); }

.button3--mobile:active .icon--phone--mobile {
background-image: url("../images/mobile/icon-phone-active.png"); }

.button--gplay {
background-image: url("../images/button-gplay.png"); }

.button--gplay-en {
background-image: url("../images/button-gplay-en.png"); }
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dppx) {
  /* Retina-specific stuff here */
  .button--gplay {
background-image: url("../images/button-gplayx2.png"); }

.button--gplay-en {
background-image: url("../images/button-gplay-enx2.png"); }

}
/* 1.25 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dppx){
  /* Retina-specific stuff here */
      .button--gplay {
background-image: url("../images/button-gplayx2.png"); }

.button--gplay-en {
background-image: url("../images/button-gplay-enx2.png"); }

}

/* 1.3 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.3),
(min-resolution: 124.8dppx){
  /* Retina-specific stuff here */
      .button--gplay {
background-image: url("../images/button-gplayx2.png"); }

.button--gplay-en {
background-image: url("../images/button-gplay-enx2.png"); }

}

/* 1.5 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dppx){
  /* Retina-specific stuff here */
      .button--gplay {
background-image: url("../images/button-gplayx2.png"); }

.button--gplay-en {
background-image: url("../images/button-gplay-enx2.png"); }

}

.cover {
background-size: cover;
background-position: center; }

.icon.icon--flag1 {
background-image: url("../images/icon-flag1.png"); }
.icon.icon--flag.pr {
background-image: url("../images/flag-pr.jpg"); }
.icon.icon--flag.vi {
background-image: url("../images/flag-vi.jpg"); }
.icon.icon--flag.fl {
background-image: url("../images/flag-fl.jpg"); }
.icon.icon--flag {
border-radius: 3px; }
.icon.icon--fbtab {
background-image: url("../images/icon-fb1.png"); }
.icon.icon--fb-banking {
background-image: url("../images/icon-fb-banking.png"); }
.icon.icon--fblike {
background-image: url("../images/icon-fb3.png"); }
.icon.icon--instahash {
background-image: url("../images/icon-insta2.png"); }
.icon.icon--instatab {
background-image: url("../images/icon-insta1.png"); }
.icon.icon--pagenavigation--mobile {
background-image: url("../images/mobile/icon-menu.png"); }
.icon.icon--phone--mobile {
background-image: url("../images/mobile/icon-phone.png"); }
.icon.icon--money1 {
background-image: url("../images/icon-money1.png"); }
.icon.icon--twtab {
background-image: url("../images/icon-tw1.png"); }
.icon.page--share {
background-image: url("../images/icon-share.png"); }
.icon.page--share:hover {
  background-image: url("../images/icon-share-hover.png"); }
.icon.page--share:active {
  background-image: url("../images/icon-share-active.png"); }
.icon.page--search {
background-image: url("../images/icon-search.png"); }
.icon.page--search:hover {
  background-image: url("../images/icon-search-hover.png"); }
.icon.page--search:active {
  background-image: url("../images/icon-search-active.png"); }

.icon--fbhash,
.mainbox__tabs .link.fb:active .icon.icon--fbtab,
.mainbox__tabs .link.fb:hover .icon.icon--fbtab {
background-image: url("../images/icon-fb1-active.png"); }

.icon--twhash,
.mainbox__tabs .link.tw:active .icon.icon--twtab,
.mainbox__tabs .link.tw:hover .icon.icon--twtab {
background-image: url("../images/icon-tw1-active.png"); }

.mainbox__tabs .link.insta:hover .icon.icon--instatab,
.mainbox__tabs li.active .link.insta .icon.icon--instatab {
background-image: url("../images/icon-insta2.png"); }

.img--fpo1 {
background-position: center 63px;
background-image: url("../images/home-slider-pr3.jpg"); }

i.equal-housing-lender {
width: 100px;
height: 96px;
background-image: url("../images/logo-equal-housing-lender.png");
background-repeat: no-repeat;
background-position: top left;
display: inline-block; }
/*
.img--fpo2 {
background-image: url("../images/fpo-img2.png"); }
*/
.img--fpo3 {
background-image: url("../images/fpo-img3.png"); }

.img--fpo4 {
background-image: url("../images/fpo-img4.png"); }

.img--fpo5 {
background-image: url("../images/fpo-img5.png"); }

.img--fpo6 {
background-image: url("../images/fpo-img6.png"); }

.input--holder1 input[type="checkbox"] + label:before,
.input--holder1 input[type="radio"] + label:before {
background-image: url("../images/radio2.svg");
background-size: 57px 27px;
 }
.input--holder1 input[type="checkbox"]:checked + label:before,
.input--holder1 input[type="radio"]:checked + label:before {
background-position: 26px 0; }

.input--holder2 input[type="checkbox"] + label:before,
.input--holder2 input[type="radio"] + label:before {
background-image: url("../images/radio2.svg");
background-size: 57px 27px;
}
.input--holder2 input[type="checkbox"]:checked + label:before,
.input--holder2 input[type="radio"]:checked + label:before {
background-position: 26px 0; }

.input--holder2.light-radio input[type="checkbox"] + label:before,
.input--holder2.light-radio input[type="radio"] + label:before {
background-image: url("../images/radio3.png"); }
.input--holder2.light-radio input[type="checkbox"]:checked + label:before,
.input--holder2.light-radio input[type="radio"]:checked + label:before {
background-position: 26px 0; }

.logo1 {
background-image: url("../images/logo1.png"); }

.logo2 {
background-image: url("../images/logo2.png"); }

.logo3 {
background-image: url("../images/logo3.png");
background-position: center left;
background-size: 8%;
background-position: center left 10px; }
.logo3.with-HousingLender {
  background-image: url("../images/logo-equal-housing-lender.png");
  background-size: 80px; }
.logo4 {
background-image: url("../images/logofdic.png"); }

.box--fdic__bg1 {
background-position: center 55%; }

.logo--alt {
background-image: url("../images/logo-first2.png");
background-size: 90%;
background-position: center; }

.logo--main {
background-image: url("logo.png"); }

.logo--main--mobile {
background-image: url("../images/mobile/logo1.png"); }

.mainbox__tabs .active .icon.icon--fbtab {
background-image: url("../images/icon-fb1-active.png"); }
.mainbox__tabs .active .icon.icon--twtab {
background-image: url("../images/icon-tw1-active.png"); }

.page__navigator .pagination--next .icon {
background-image: url("../images/arrow2-r.png"); }

.page__navigator .pagination--prev .icon {
background-image: url("../images/arrow2-l.png"); }

.slider1 .pagination--next .icon {
background-image: url("../images/arrow1-r.png"); }
.slider1 .pagination--next .icon:hover {
  background-image: url("../images/arrow1-r-hover.png"); }
.slider1 .pagination--next .icon:active {
  background-image: url("../images/arrow1-r-active.png"); }

.slider1 .pagination--prev .icon {
background-image: url("../images/arrow1-l.png"); }
.slider1 .pagination--prev .icon:hover {
  background-image: url("../images/arrow1-l-hover.png"); }
.slider1 .pagination--prev .icon:active {
  background-image: url("../images/arrow1-l-active.png"); }

.box .drop__divider .divider__triangle {
background-image: url("../images/drop-down-triangle.png"); }

.page__navigation--button--mobile.active {
background-image: url("../images/mobile/icon-menu-close.png"); }

.page__navigation--menu-icon {
background-image: url("../images/mobile/icon-menu-active.png"); }

.page__navigation--menu-search {
background-image: url("../images/mobile/icon-search.png"); }

.page__navigation--menu-share {
background-image: url("../images/mobile/icon-share.png"); }

.home__content.cover.pr1 {
background-image: url("../images/home-slider-pr1.jpg"); }

.home__content.cover.pr2 {
background-image: url("../images/home-slider-pr2.jpg"); }

.home__content.cover.pr3 {
background-image: url("../images/home-slider-pr3.jpg"); }

.home__content.cover.fl1 {
background-image: url("../images/home-slider-fl1.jpg"); }

.home__content.cover.fl2 {
background-image: url("../images/home-slider-fl2.jpg"); }

.home__content.cover.fl3 {
background-image: url("../images/home-slider-fl3.jpg"); }

.home__content.cover.vi1 {
background-image: url("../images/home-slider-vi1.jpg"); }

.home__content.cover.vi2 {
background-image: url("../images/home-slider-vi2.jpg"); }

.home__content.cover.vi3 {
background-image: url("../images/home-slider-vi3.jpg"); }

.propiedades-results.loading {
background-image: url("../images/ajax-loader.gif"); }

@media (min-width: 768px) and (max-width: 1024px) {
.tall .text {
  position: relative;
  top: 10px; }

/* #mobile_search_form, #mobile_search {
  display: none; }
*/
.page__topcontent.hideOnMobile {
  position: absolute;
  padding-left: 30px; }

.button--analytics .title {
  font-size: 9px; }

.list--style2 {
  font-size: 11px; }

.input--holder1,
.input--holder2 {
  font-size: 13px; }

.boxes1 {
  font-size: 14px; }

.button--analytics .number {
  font-size: 15px; }

.slide__text {
  font-size: 16px; }

.slide__title {
  font-size: 34px; }

.home__content > .heading h1 {
  font-size: 27px; }

.home--h2 {
  font-size: 33px; }

.counter--likes .number {
  font-size: 38px; }

.counter--likes span:nth-child(3) {
  font-size: 11px; }

.list--style2 {
  line-height: 15px; }

.boxes1 {
  line-height: 21px; }

.mainbox__tabs .link {
  text-align: center; }

.columns--size2 .column--right--mobile {
  text-align: justify; }


.justify {
text-align:justify;}
.header--main--mobile .column,
.page__columns > .column--content,
.page__topcontent > .colum--right {
  float: none; }

   .header--main--mobile .column,
.page__columns > .column--content--promo,
.page__topcontent > .colum--right {
  float: none; }


.box--fdic .column--right,
.box--fdic .columns--size2 .column--right--mobile {
  float: right; }

.box--fdic .columns--size2 .column--right,
.header1 .logo--main,
.header__top .logo--main,
.header--main--desktop,
.header__pagetitle,
.page__columns > .column--aside,
.sba.page .page__title--copy {
  display: none; }

.box--fdic .columns--size2 .column--right--mobile,
.header--main--mobile,
.icon--pagenavigation--mobile,
.logo--main--mobile {
  display: block; }

.button3.button3--alt,
.centered,
.page__columns > .column--content,
.welcome .centered {
  width: 100%; }

   .button3.button3--alt,
.centered,
.page__columns > .column--content--promo,
.welcome .centered {
  width: 100%; }


.slider1 .slides {
  margin: 0 auto; }

.mainbox__tabcontent.fb > .column--right {
  width: 245px; }

.logo--main--mobile {
  margin-left: 16px; }

.header--main--mobile .divider.divider2 .bar--left {
  width: 9.3% !important; }

.header--main--mobile .divider.divider2 .bar--right {
  width: 90.3% !important; }

.boxes1 {
  width: 98%;
  left: 1.2%;
  margin-left: initial; }
  .boxes1 .text {
    padding: 5px 5px 10px;
    width: auto; }

.boxes3 > li {
  width: 33%; }

.boxes4 > li {
  height: 135px;
  margin-right: 25px; }

.box--fdic .columns {
  height: auto;
  overflow: hidden;
  position: relative; }
.box--fdic .logo3 {
  background-image: none; }
.box--fdic .columns--size2 .column--right--mobile {
  width: 100%;
  padding: 20px; }
.box--fdic .column--left {
  display: none;
  position: absolute;
  top: 50%;
  left: 15px;
  width: 72px;
  height: 45px;
  margin-top: -22.5px; }

.box--fdic .columns,
.boxes--split .columns {
  padding: 0 15px; }

.boxes--holder.soft {
  padding: 30px 15px 50px; }

.boxes--split > li {
  height: 390px; }
.boxes--split .object--holder {
  height: 232px;
  width: 324px; }
.boxes--split .column--media .object img {
  width: 100%;
  height: auto; }

.button3.button3--alt {
  padding: 15px; }

.footer--logos {
  width: 28%; }

.footer__nav .tabs__content {
  padding: 60px 10px; }

.footer__nav .tabs__content .column {
 /* width: 24%;*/ }

.footer__nav .tabs__content .column:first-child {
  padding-left: 15px; }

.footer__nav .tabs__content .column:last-child {
 /* margin-left: 15px;
  margin-top: 20px;*/ }

.header {
  min-height: 100px; }

.header1 .header__top {
  min-width: 100%;
  padding: 18px; }

.header.header--alt--desktop {
  height: 100px; }

.header__top {
  height: 95px; }

.header--main--mobile .column {
  width: 95px;
  padding: 15px 0; }
  .header--main--mobile .column.header__top--aside {
    width: 170px;
    padding-top: 32px; }

.header__top--aside {
  right: 110px; }

.header__search-holder {
  margin-left: 40px; }

.home__content > .heading {
  top: 128px;
  left: -40px; }
  .home__content > .heading.on {
    left: 20px; }

.home__newsletter {
  padding: 70px 10px; }
  .home__newsletter .button3 {
    width: 25%;
    padding: 15px 18px; }
  .home__newsletter .column--text {
    padding-top: 5px; }

.icon--pagenavigation--mobile {
  width: 38px;
  height: 38px;
  margin: 10px auto; }

.layoutimg1 {
  height: 520px; }

.logo--main {
  width: 195px;
  height: 60px;
  margin: 10px auto; }

.logo--main--mobile {
  width: 60px;
  height: 60px; }

.mainbox {
  width: 310px;
  right: 20px; }

.mainbox__tabs .icon {
  display: block;
  margin: 2px auto;
  margin-right: auto; }
.mainbox__tabs .link {
  padding: 10px; }

.page {
  min-height: 1024px; }
  .page.cuentas {
    min-height: 915px; }
  .page.parati {
    min-height: 760px; }
  .page, .page.welcome {
    /*padding-top: 100px; */}

.page__columns {
  padding: 50px 15px;
  min-height: 0; }

.page__topcontent > .column--left {
  width: 62%; }
.page__topcontent > .column--right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: auto;
  padding: 30px 75px; }

.page__topcontent--alt .columns > .column--left {
  width: 40%; }

.radio--list1 li:nth-child(3) {
  width: 254px; }

.sba.page .page__topcontent > .column--right {
  padding: 30px 60px; }

.slider1 {
  height: 395px; }
  .slider1 .slides {
    width: 83%;
    height: 340px; }

.welcome.page {
  position: relative; }

.welcome__bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 390px;
  padding: 60px 0; }

.welcome__columns .column, .welcome__columns .column:first-child {
  padding: 10px 15px; }

.welcome__top {
  height: 480px;
  padding-top: 180px; }

.bg.img--fpo1 {
  background-size: cover; }

.boxes--bordered .link .icon {
  background-image: url("../images/tablet/icon-money2.png"); }

.button--analytics {
  background: whitesmoke url("../images/tablet/icon-anal.png") no-repeat;
  background-position: 95% 5px; }

.icon.icon--pagenavigation--mobile {
  background-image: url("../images/tablet/icon-menu.png"); }

.img--fpo1 {
  background-image: url("../images/home-slider-pr3.jpg");
  background-position: center 51px; }

.logo--main--mobile {
  background-image: url("../images/tablet/logo4.png"); }

.page__navigator .pagination--prev .icon {
  background-image: url("../images/tablet/arrow1-l.png"); }
.page__navigator .pagination--next .icon {
  background-image: url("../images/tablet/arrow1-r.png"); }

.pagination .icon {
  background-size: 40% 50%; }

.input--holder1 input[type="checkbox"] + label:before,
.input--holder1 input[type="radio"] + label:before,
.input--holder2 input[type="checkbox"] + label:before,
.input--holder2 input[type="radio"] + label:before {
  background-image: url("../images/radio2.png");
  background-position: 0 0; }

.footer--fixed {
  display: none; }

.footer--normal {
  margin-bottom: 0px; }

.page__navigation__top--mobile {
  height: 95px; }

.page__navigation--mobile {
  padding-top: 95px; }

.page__navigation--button--mobile {
  width: 95px;
  height: 95px; }
  .page__navigation--button--mobile a:before {
    width: 3em;
    height: 0.35em;
    top: 2em;
    left: 50%;
    margin-left: -1.5em; }

.page__navigation--container--mobile .box {
  margin-bottom: 75px; }

.page__navigation--container--mobile .box.bottom {
  position: fixed;
  bottom: 0;
  margin-bottom: 0; }

.page__navigation--menu-icon {
  top: 40px !important; }

.header__top--aside {
  width: 90px !important; }
  .header__top--aside form {
    position: absolute;
    top: 35px;
    right: 170px; }
    .header__top--aside form input {
      padding: 5px;
      border-radius: 3px;
      border: solid 1px #303030; }
  .header__top--aside .nav > li {
    float: left; }
  .header__top--aside .nav > li:last-child {
    display: none; }

.home__h2 {
  font-size: 30px; }

.page__topcontent .button3.button3--mobile {
  display: none; }

.page__top--alt2 h1 {
  padding-left: 10px;
  line-height: 35px;
  width: 65%; }

.welcome .heading--copy {
  padding-left: 15px; }

.welcome .heading {
  padding-left: 15px; }

.boxes1 {
  height: 230px; }

.boxes1 .box--expanded .button {
  width: 106px;
  font-weight: normal; }

.boxes1 .box--normal {
  width: 17%;
  height: 150px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  transition-delay: 0;
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -o-transform: translate(0, 10px);
  transform: translate(0, 10px);
  position: relative; }
  .boxes1 .box--normal .icon--holder,
  .boxes1 .box--normal .column--right {
    display: none; }
  .boxes1 .box--normal:hover {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.boxes1 .box--expanded {
  width: 48%;
  height: 100%;
  -webkit-transition-property: width;
  -moz-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  transition-delay: 0;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }
  .boxes1 .box--expanded .column--left {
    width: 34.7%; }
  .boxes1 .box--expanded .column--right {
    width: 65.3%; }

.page__top--alt .heading h1 {
  margin-left: 10px; }

.page__topcontent .inner-breadcum ul {
  margin-left: 20px; }

.location-results .location-holder {
  padding: 20px 30px 20px 30px; }

.location-results__list li {
  padding: 10px 50px 10px 30px;
  background-position: right 30px center; }

.page__columns .page__media--holder, .page__columns .page__media--holder .ad {
  height: auto; }

.page__columns .page__media--holder .ad {
 /* display: block;*/
 display:inline-block;
 width:50%;
}

.page__media--holder .ad img {
  height: 250px; }

a.home-icon {
  background-position: 0px 13px; }

.show__on--mobile.solicita-box {
  position: initial;
  top: none;
  right: none;
  float: none;
  display: table;
  text-align: center;
  margin-bottom: 10px; }
  .show__on--mobile.solicita-box a.btn-solicita {
    width: 100%;
    border-radius: 3px; }
  .show__on--mobile.solicita-box span.o {
    width: 100%;
    background-color: transparent;
    color: black; }
  .show__on--mobile.solicita-box .llamenos-box {
    width: 100%;
    font-size: 20px;
    padding-top: 15px;
    text-align: center; }

.column--aside .inner-subnav {
  margin-left: -25px; }
  .column--aside .inner-subnav > span {
    margin-left: 15px; }
  .column--aside .inner-subnav ul li {
    background-position: 20px 13px !important;
    background-size: 7px !important;
    margin-left: 15px !important; }
    .column--aside .inner-subnav ul li.active ul li {
      font-weight: normal; }
    .column--aside .inner-subnav ul li ul {
      margin-left: -10px; }
      .column--aside .inner-subnav ul li ul li.active {
        margin-left: 0; }

.solicita-box {
  width: 100%; }

.boxes1 .button {
  padding: 0; } }
@media (min-width: 750px) and (max-width: 900px) {
.header--main--mobile .divider.divider2 .bar--left {
  width: 12.3% !important; }

.header--main--mobile .divider.divider2 .bar--right {
  width: 87.3% !important; }

.propiedades-filters .input-container select {
  width: 89%; }

#repos-search {
  margin-top: 10px; } }
@media (min-width: 768px) and (max-width: 1014px) {
.page__topcontent .inner-breadcum ul {
  margin-left: 30px; }

.page__topcontent.page__topcontent--alt2 .breadcump {
  margin-left: 45px; }

a.home-icon {
  background-position: 0px 9px; } }
/*tablet portrait*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)  {
  .home__content > .heading.on {
  left: 15px;
  max-width:400px;
  }
.home__content > .heading h1 {
  font-size: 22px; }

.home__h2 {
  font-size: 26px; }
  .column.last {
  width: 29%;
}

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)  {
  .home__content > .heading.on {
  left: 15px;
  max-width:420px;
  }
.home__content > .heading h1 {
  font-size: 22px; }

.home__h2 {
  font-size: 26px; }
}


@media (max-width: 767px) {

.home__content > .heading.on {
  left: 15px;
  }
.home__content > .heading h1 {
  font-size: 24px; }

.home__h2 {
  font-size: 26px; } }
@media (max-width: 767px) {
.button_entrar {
  padding: 7px !important; }

.cambiar_name {
  color: #00833c;
  cursor: pointer; }

.boxes5,
.box--fdic .columns--size2,
.button--analytics .title {
  font-size: 10px; }

.button.button--call .title,
.table1 {
  font-size: 9px; }

.list--style5,
.page__address1,
.page__columns p,
.page__columns__title--alt {
  font-size: 13px; }

.mobile_banca_dropdown {
  display: block;
  background-color: whitesmoke;
  position: relative;
  top: 160px;
  height: 115px;
  padding: 15px; }
  div#home__submit2 {
  width: 100%;
  margin: 20px 0 0;
}

  .mainbox_mobile_footer {
 margin-top: 5px;
 margin-left: 5px;
 color: black;
   }
.mainbox_mobile_footer > a {
 color:#038459; }


.ui-dialog-osx {
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  border-width: 0 8px 8px 8px;
  width: 300px !important; }

.mainbox__title_copy_mobile {
  color: #038459; }

.mainbox__title {
  margin-bottom: 7px;
  margin-top: -5px; }

.sbHolder {
  z-index: 100 !important; }

.page__navigation--menu-icon {
  display: none !important; }

.box--fdic,
.boxes1 .text,
.boxes--bordered,
.copyright {
  font-size: 11px; }
.boxes1 .text{
font-size: 10px;
}

.button2,
.page__top--alt .text {
  font-size: 13px; }

.input--holder1,
.input--holder2 {
  font-size: 14px; }

.button--analytics .number {
  font-size: 15px; }

.boxes--split__text,
.home__newsletter,
.page__title,
.page__columns__title,
.slide__text,
.welcome__columns .title--copy {
  font-size: 16px; }

.propiedades-filters .filter-button {
  width: 30%;
  margin-top: 15px; }

.boxes4__title {
  font-size: 17px; }

.home__content > .heading h1 {
  font-size: 21px;
  text-align: left; }

.welcome .heading--copy {
  font-size: 18px;
  padding-left: 25px; }

.boxes5 .number {
  font-size: 20px; }

.home__h2 {
  font-size: 18px;
  text-align: left; }

.welcome__columns .title {
  font-size: 21px; }

.boxes--split__title {
  font-size: 24px; }

.welcome .heading {
  font-size: 24px;
  padding-left: 25px; }

.slide__title {
  font-size: 28px; }

.page__top--alt .heading {
  font-size: 30px;
  margin: 0;
  width: 320px; }

.page__top--alt .heading h1 {
  margin-left: 10px; }

.contact-page .page__top--alt {
  margin-bottom: 45px; }

.boxes5 {
  line-height: 10px; }

.boxes1,
.box--fdic {
  line-height: 13px; }

.copyright {
  line-height: 18px; }

.boxes5 .number {
  line-height: 22px; }

.page__columns__title {
  line-height: 30px; }

.copyright,
.home__content > .heading,
.home__newsletter {
  text-align: center; }

.home__content > .heading.on {
  left: 50%;
  margin-left: -150px;
  width: 300px; }

.cuentas .box--fdic .columns--size1,
.boxes--split .column,
.centered,
.column,
.home__content > .heading,
.home__newsletter .column,
.page__columns > .column--content,
.page__top--alt .text.small,
.slider1 .slides .column,
.welcome .centered,
.welcome__columns .column {
  width: 100%; }
  .cuentas .box--fdic .columns--size1,
.boxes--split .column,
.centered,
.column,
.home__content > .heading,
.home__newsletter .column,
.page__columns > .column--content--promo,
.page__top--alt .text.small,
.slider1 .slides .column,
.welcome .centered,
.welcome__columns .column {
  width: 100%; }




.boxes--split .object--holder {
  height: 190px;
  width: 256px; }

.boxes--split .column--media .object img {
  width: 100%;
  height: auto; }

.propiedades-paginador ul {
  text-align: right; }

.propiedades-paginador ul li {
  float: none; }

.header__top {
  height: 100%; }

.box--fdic .columns,
.home__newsletter .column {
  height: auto;
  overflow: hidden; }

.welcome__columns .column {
  border: 0; }

.button--cont,
.centered {
  margin: 0; }

.boxes--split__title {
  margin-bottom: 0; }

.welcome__columns .column {
  padding: 0; }

.boxes--split .columns--left .column--media,
.boxes--split .columns--right .column--media,
.boxes--split .columns--right .object--holder,
.column,
.copyright,
.footer--logos {
  float: none; }

.box--fdic .columns--size2 .column--left,
.list--style3 .column {
  float: left; }

.cuentas .box--fdic .column--right,
.cuentabonus .box--fdic .column--right,
.box--fdic .columns--size2 .column--right--mobile,
.page__topcontent.page__topcontent--alt > .column--right {
  float: right; }

.page__topcontent {
  position: relative; }

.cuentas .box--fdic .column--right, .cuentas .box--fdic .column--right--mobile, .cuentabonus .box--fdic .column--right, .cuentabonus .box--fdic .column--right--mobile, .sba .box--fdic .column--right, .sba .box--fdic .column--right--mobile {
  width: 100% !important; }
.cuentas .box--fdic .column--left, .cuentabonus .box--fdic .column--left, .sba .box--fdic .column--left {
  position: relative !important;
  left: 10px !important;
  top: 20px !important; }

.boxes4 > li:nth-child(3),
.boxes4 > li:last-child,
.box--fdic .columns--size2 .column--right,
.button--cont .text,
.footer__bar1,
.footer--fixed .column--right,
.footer__nav .tabs__content,
.footer__nav .tab--sitemap,
.header--main--desktop,
.header__top--aside,
.logo--main,
.page__columns > .column--aside,
.page__title--copy,
.page__topcontent--alt .columns,
.welcome__columns .column {
  display: none; }

.box--fdic .columns--size2 .column--right--mobile,
.footer__bar2,
.header--main--mobile,
.icon--pagenavigation--mobile,
.logo--main--mobile,
.page__topcontent--alt > .column--left--mobile,
.welcome__columns .column:first-child {
  display: block; }

.box--fdic .columns {
  position: relative; }

.box--fdic .column--right--mobile {
  padding: 20px 20px 20px 15px; }

.boxes1 {
  width: 102%;
  height: 295px;
  bottom: -5px;
  left: 0;
  margin-left: 0; }
  .boxes1 > li {
    vertical-align: top; }
  .boxes1 .box--expanded {
    width: 100%;
    height: 195px;
    margin-bottom: -10px;
    position: absolute;
    top: -10px;
    left: 0; }
  .boxes1 .box--normal {
    width: 33.33333%;
    height: 105px;
    z-index: 10;
    position: relative;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    transition-property: none;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 185px;
    padding: 3px; }
    .boxes1 .box--normal:hover {
      -webkit-transform: initial;
      -moz-transform: initial;
      -ms-transform: initial;
      -o-transform: initial;
      transform: initial; }
  .boxes1 .column {
    float: left; }
  .boxes1 .icon {
    background-size: 55%; }
  .boxes1 .icon--holder {
    height: 95px; }
  .boxes1 .text {
    padding: 5px;
    width: auto;
          }
  .boxes .box__legal{
 font-size:9px;
}
  .boxes1 .button {
    padding: 5px;
    margin: 6px;
    width: 94px;
    bottom: 5px !important; }
  .boxes1 .text.heading {
    line-height: 18px; }

.boxes2 > li {
  width: 50%;
  height: 122px; }

.boxes4 {
  width: 92%;
  margin: 0 auto; }
  .boxes4 > li {
    width: 45%;
    height: 98px;
    margin-right: 25px; }
    .boxes4 > li:nth-child(2) {
      margin-right: 0; }

.boxes4__title {
  margin-bottom: 15px;
  margin-left: 13px; }

.boxes5 > li {
  width: 46.5%;
  height: 80px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 15px 8px; }
  .boxes5 > li.tall {
    padding: 10px 8px; }
.boxes5 .number {
  margin-right: 5px; }

.boxes--bordered > li {
  height: 150px; }
.boxes--bordered .icon {
  width: 75px;
  height: 75px; }
.boxes--bordered .link {
  padding: 8px 15px; }

.box--fdic .column--right {
  padding: 20px 10px; }
.box--fdic .columns--size2 .column--left {
  width: 55px;
  height: 35px;
  margin-top: 45px;
  margin-left: 10px; }

.boxes--split > li {
  height: 390px;
  padding: 20px 10px; }
.boxes--split .column--media {
  height: 210px; }
.boxes--split .column--text {
  height: 135px;
  padding: 10px 2px; }

.boxes--split__text {
  margin-bottom: 5px; }

.button2 {
  margin: 0 auto;
  padding: 10px 20px; }

.button--calc {
  width: 43px; }

.button--cont {
  position: absolute;
  width: 23px;
  height: 23px;
  top: 18px;
  right: 10px; }

.cuentas .box--fdic .column--left,
.cuentabonus .box--fdic .column--left,
.sba .box--fdic .column--left {
  position: absolute;
  width: 42px;
  height: 45px;
  top: 50%;
  left: 5px;
  margin-top: -22.5px; }
.cuentas .box--fdic .column--right,
.cuentabonus .box--fdic .column--right,
.sba .box--fdic .column--right {
  width: 85%; }

.cuentabonus .columns--size1 {
  position: relative; }

.divider.divider2 .bar--right {
  width: 44px; }
.divider.divider2 .bar--left {
  width: 723px; }

.footer__bar2 {
  height: 130px; }

.footer--fixed {
  height: 55px; }

.footer--fixed .buttons {
  left: 48px; }

.footer--fixed .buttons > li {
  margin-right: 0; }

.footer--logos {
  margin: 10px auto;

  margin-left: 31% !important;}

.footer__nav {
  min-height: 45px;
  display: none;
  background-color: #ffffff !important; }

.footer__nav .tabs.inline {
  height: 45px; }

.footer__nav .tabs > li,
.page__navigator .pagination {
  width: 50% !important; }
  .footer__nav .tabs > li a,
  .page__navigator .pagination a {
    padding-top: 15px; }

.page__navigator .pagination {
  padding-top: 0; }
  .page__navigator .pagination a {
    padding-top: 0; }

.pagination {
  display: none; }

.footer--normal {
  position: relative;
  bottom: 0;
  left: 0; }

.header {
  min-height: 51px; }

.header.header--alt--desktop {
  height: 51px; }

.header__top {
  min-width: 100%; }

.header--alt--desktop .header__top {
  padding: 5px; }

.home__content {
  height: 565px; }

.home__content > .heading {
  top: 60px;
  left: 0; }

.home__newsletter {
  height: 185px;
  padding: 20px 10px; }
  .home__newsletter .button {
    height: 45px; }
  .home__newsletter .button3 {
    padding: 10px;
    width: 85px; }
  .home__newsletter .column:first-child {
    margin-bottom: 20px; }
  .home__newsletter .input2 {
    width: 68%;
    height: 45px; }

.input--holder1,
.input--holder2,
.list--style1 > li {
  height: 30px; }

.input--holder1,
.input--holder2 {
  line-height: 15px;
  padding: 8px; }

.input--holder1 {
  background-color: white;
  color: #303030; }

.input--holder1 input[type="checkbox"], .input--holder1 input[type="checkbox"] + label:before,
.input--holder1 input[type="radio"],
.input--holder1 input[type="radio"] + label:before,
.input--holder2 input[type="checkbox"],
.input--holder2 input[type="checkbox"] + label:before,
.input--holder2 input[type="radio"],
.input--holder2 input[type="radio"] + label:before {
  width: 14px;
  height: 14px; }
  .input--holder1 input[type="radio"]{
width:100%;
}/*boton*/

.input--holder1 input[type="checkbox"] + label:before,
.input--holder1 input[type="radio"] + label:before,
.input--holder2 input[type="checkbox"] + label:before,
.input--holder2 input[type="radio"] + label:before {
  background-image: url("../images/radio2.svg");
  background-position: 0 0; }
.input--holder1 input[type="checkbox"]:checked + label:before,
.input--holder1 input[type="radio"]:checked + label:before,
.input--holder2 input[type="checkbox"]:checked + label:before,
.input--holder2 input[type="radio"]:checked + label:before {
  background-position: 28px 0;
   }

.layoutimg1 {
  height: 200px; }

.list--style1 > li {
  margin-bottom: 15px; }

.list--style3 > li {
  height: 65px; }
.list--style3 .column {
  padding: 10px; }

.bullets-circle ul li {
  font-size: 13px; }

.mainbox {
  width: 100%;
  top: -5px;
  left: 0;
  margin-right: 0; }
  .mainbox select {
    width: 100%; }
  .mainbox .bottom {
    display: none;
    min-height: 100% !important; }
  .mainbox.expanded .bottom {
    display: block !important;
    min-height: 100% !important; }

.mainbox.expanded .shape {
  padding-top: 5px; }

.mainbox > .top .shape--down {
  border-top: 4px solid white; }

.mainbox > .top .shape--up {
  border-bottom: 4px solid white; }

.mainbox .shape {
  width: 16px;
  height: 16px;
  top: 13px;
  right: 8px;
  padding-top: 10px; }

.page {
  min-height: 540px;
  padding-bottom: 0; }
  .page.cuentas {
    min-height: 475px; }
  .page, .page.welcome {
   /* padding-top: 51px;*/ }
  .page.error-page {
    min-height: 100%; }


.page__columns {
  padding: 30px 8px; }
  .page__columns > .column--content {
    padding-right: 10px; }

.page__columns p,
.page__columns__title {
  margin-bottom: 10px; }

.page__top,
.page__topcontent {
  height: 40px; }

.page__top.cover {
  height: 129px; }

.page__top--alt {
  height: 120px;
  padding: 10px 0; }
  .page__top--alt .text.small {
    padding: 0 5px; }

.page__topcontent > .column {
  float: left;
  padding: 15px 20px; }

.pagination .icon {
  width: 100%;
  height: 100%;
  background-size: 20% 40%; }

.slider1 {
  height: 515px;
  padding-top: 40px; }
  .slider1 .column {
    height: 200px; }
  .slider1 .slide__title {
    text-align: center; }
  .slider1 .slide__text {
    text-align: center; }
  .slider1 .img {
    width: 60%;
    margin: 0 auto;
    margin-left: auto; }
  .slider1 .pagers {
    bottom: 15px; }
  .slider1 .pagination {
    bottom: 20px;
    top: initial;
    z-index: 101; }
    .slider1 .pagination .icon {
      background-size: 35% 40%; }
  .slider1 .slides {
    height: 440px; }

.table1 th, .table1 td {
  padding: 5px; }

.welcome__bottom {
  width: 100%;
  height: 265px;
  padding: 20px 25px; }

.welcome__columns .column__top {
  margin-bottom: 15px; }

.welcome__top {
  height: 230px;
  padding-top: 70px; }

.bg.img--fpo1 {
  background-size: cover; }

.boxes--bordered .link .icon {
  background-image: url("../images/icons-banca-personal/servicio-para-usted/icon_card_valet_normal.png"); }

.button--calc {
  background-image: url("../images/mobile/icon-calc.png"); }

.icon.icon--money1 {
  background-image: url("../images/mobile/icon-money1.png"); }

.img--fpo1 {
  background-image: url("../images/home-slider-pr3.jpg");
  background-position: center 51px; }
/*
.img--fpo2 {
  background-image: url("../images/mobile/fpo-img2.png"); }
*/
.img--fpo3 {
  background-image: url("../images/mobile/fpo-img3.png"); }

.img--fpo4 {
  background-image: url("../images/mobile/fpo-img4.png"); }

.img--fpo5 {
  background-image: url("../images/mobile/fpo-img5.png"); }

.list--style4 {
  /*list-style-image: url('../images/icon-checkmark.png')*/ }

.list--style4 li {
  /*list-style-image: url('../images/mobile/icon-checkmark.png');*/
  margin-bottom: 15px; }

.list--style4 .list--inner {
  list-style-image: url("../images/mobile/bullet.png"); }

.logo3 {
  background-image: none; }

.logo3 .column--left {
  display: none; }

.page__navigator .pagination--next .icon {
  background-image: url("../images/mobile/arrow2-r-active.png"); }

.page__navigator .pagination--prev .icon {
  background-image: url("../images/mobile/arrow1-l-active.png"); }

.footer--fixed {
  display: none; }

.page__columns {
  min-height: 0; }

.boxes--bordered .icon {
  margin: 0px auto 5px; }

.footer--normal {
  margin-bottom: 0px; }

.page__navigation--button--mobile,
.page__navigation__top--mobile {
  height: 48px; }

.mainbox__tabcontent,
.mainbox__tabs.inline,
.mainbox__hash--holder {
  display: none !important; }

.page__topcontent .button3 {
  width: 85px;
  padding: 8px;
  display: block;
  margin-top: -3px; }

.page__top--alt2 h1 {
  padding-left: 10px;
  line-height: 35px; }

.page__top--alt2.hideOnDesktop {
  min-height: 40px; }

.show__on--mobile.solicita-box {
  position: initial;
  top: none;
  right: none;
  width: 100%;
  float: none;
  text-align: center;
  margin-bottom: 10px;
  display: block !important; }
  .show__on--mobile.solicita-box a.btn-solicita {
    width: 100%;
    border-radius: 3px; }
  .show__on--mobile.solicita-box span.o {
    width: 100%;
    background-color: transparent;
    color: black; }
  .show__on--mobile.solicita-box .llamenos-box {
    width: 100%;
    font-size: 16px;
    padding-top: 15px;
    text-align: center; }

.layoutimg1 {
  display: none !important; }

.page__columns > .column--aside .inner-subnav ul {
  margin: 0; }

.page__top--alt2 h1 {
  width: 100%; }

.page__columns > .column--aside {
  border-top: none;
  clear: both; }
  .page__columns > .column--aside .inner-subnav ul li.active {
    margin-left: 0 !important;
    background-position: 20px 14px; }
    .page__columns > .column--aside .inner-subnav ul li.active ul {
      margin-top: 10px; }
      .page__columns > .column--aside .inner-subnav ul li.active ul li a {
        font-weight: normal; }
      .page__columns > .column--aside .inner-subnav ul li.active ul li.active a {
        font-weight: 700; }

.florida-form .half-column {
  width: 100%; }

.florida-form form input.full-size {
  width: 100% !important; }

.florida-form form .submit-form {
  width: 100% !important; }

.florida-form form input.half-size {
  width: 51% !important; }

.florida-form form .notification {
  width: 100%;
  text-align: center;
  margin-left: 0px; }

.input--holder2 input[type="radio"],
.input--holder2.light-radio input[type="checkbox"] + label:before, .input--holder2.light-radio input[type="radio"] + label:before {
  width: 28px;
  height: 28px; }
.input--holder2 input[type="radio"]{
width:100%;
}/*boton*/


.input--holder1 input[type="checkbox"], .input--holder1 input[type="checkbox"] + label:before, .input--holder1 input[type="radio"], .input--holder1 input[type="radio"] + label:before, .input--holder2 input[type="checkbox"], .input--holder2 input[type="checkbox"] + label:before, .input--holder2 input[type="radio"], .input--holder2 input[type="radio"] + label:before
{
width:28px;
height:28px;
background-size: cover;
margin-top:-7px;
}
.florida-form form .input--holder2 label {
  line-height: 28px; }

.page__columns .page__media--holder, .page__columns .page__media--holder .ad {
  height: auto; }

.page__columns .page__media--holder .ad {
  display: block; }

.page__media--holder .ad img {
  height: 250px; }

.contact-info {
  margin-bottom: 20px; }

.propiedades-filters {
  margin: 0;
  width: 100%; }

.solicita-box .usvi-box {
  width: 100%;
  padding: 20px 0 0 0;
  margin-bottom: 10px;
  text-align: center; }
.solicita-box .bvi-box {
  width: 100%;
  padding: 20px 0 0 0;
  text-align: center; } }
@media (max-width: 479px) {

.dw-row-m{
  margin-left: 5px!important;
  margin-right: 5px!important;
}
  .mobile-width{
      width:90%;
      margin:auto;
  }

  .mobile-visa-circle{
      width: 170px!important;
  }

  a#header-video-btn {
      /*position: absolute;*/
      width: 50%;
      margin:0 auto;
      bottom: 9px;
      background: white;
      font-weight: 400;
      color: #808080;
      border: 0;
  }
   a#header-video-btn-center {
      /*position: absolute;*/
      width: 50%;
      margin:0 auto;
      bottom: 9px;
      background: white;
      font-weight: 400;
      color: #808080;
      border: 0;
  }


  #emv-imagen-es{
      position: relative;
      margin-top: 20px;
  }
  #emv-imagen-en {
      position: relative;
      margin-top: 20px;
  }
.slider1 {
  text-align: center; }

.footer--fixed {
  display: none; }

.page__columns__title {
  font-size: 16px; }

.footer--normal {
  margin-bottom: 0px; }

.page__navigation--button--mobile,
.page__navigation__top--mobile {
  height: 48px; }

.show__on--mobile {
  display: block; }

.boxes1 .box--expanded .button {
  width: 94px; } }
@media (min-width: 480px) and (max-width: 767px) {
.page__top.cover {
  height: 198px; } }
@media (min-width: 480px) and (max-width: 600px) {
.home__content {
  height: 640px !important; }

.boxes1 {
  height: 370px !important; }

.box--normal {
  top: 260px !important; }

.box--expanded {
  height: 270px !important; } }
@media (min-width: 600px) and (max-width: 767px) {
.home__content {
  height: 680px !important; }

.boxes1 {
  height: 410px !important; }

.box--normal {
  top: 300px !important; }

.box--expanded {
  height: 310px !important; } }
@media (min-width: 480px) and (max-width: 640px) {
.button2,
.slider1 .slide__text {
  font-size: 10px; }

.Boxlineheight {
  line-height: 23px; }

.slide__title {
  font-size: 18px; }

.button2,
.slider1 .img {
  margin: 0; }

.slider1 .img {
  float: right; }

.slider1 .slides .column {
  float: left; }

.slider1 .slides .column {
  width: 50%; }

.home__newsletter .input2 {
  width: 80%; }

.layoutimg1 {
  height: 360px; }

.page__navigation--menu-search {
  right: 175px; }

.page__navigation--menu-share {
  right: 140px; }

.slider1 {
  height: 280px;
  padding-top: 48px; }
  .slider1 .img {
    width: 92%; }
  .slider1 .slides {
    height: 255px; }
  .slider1 .slides > li {
    padding: 0 60px; }
  .slider1 .slide__text {
    margin: 15px 0; }

.boxes1 .box__img {
  background-position: center; }

.footer--fixed {
  display: none; }

.footer--normal {
  margin-bottom: 0px; }

.page__navigation--button--mobile,
.page__navigation__top--mobile {
  height: 48px; }

.page__top.cover {
  height: 198px; } }
@media (max-width: 480px) {
  .dba-text{
      font-size: 16px!important;
  }

  .dba-heading{
      font-size: 20px!important;
  }
.boxes1 .box--expanded .column--left {
  width: 33.5%; }
.boxes1 .box--expanded .column--right {
  width: 66.5%; }
   .c-mobile.text-left{
    text-align: center!important;
  }
  .c-mobile{
    text-align: center!important;
  }
.dw--page img.c-mobile{
 max-width:100% !important;
 height: auto;
  vertical-align: middle;
}
  img.c-mobile{

    display: block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
}
@media (min-width: 480px) {
.slider1 .slides .column:first-child {
  float: right; }

.slider1 .slide__title {
  text-align: left; }
.slider1 .slide__text {
  text-align: left; } }
@media (min-width: 678px) {
.footer__nav {
  display: block;
  background-color: #ffffff !important; } }
@media (min-width: 768px) {
.c-card-text-align{
top:70px;
}
}


/*-------------------------------------------------------------------
HOME V2 CSS
-- v2__home added as body class for implementation of new CSS  --
---------------------------------------------------------------------*/
.header--v2 {
border-bottom: 5px solid #006ade;
min-height: inherit;
}

.header--v2:after {
  content: '';
  height: 5px;
  width: 157px;
  position: absolute;
  bottom: -5px;
  left: 0;
  background: #00843D;
  border-right: 3px solid #fff;
}

.header--v2 .logo--main {
margin-left: 71px;
}

.header--v2.header--main--desktop {
display: block;
}

.header--v2 .header__top {
padding: 15px 0;
height: 100%;
width: 100%;
}

.v2.img--fpo1 {
  background-position: center 63px;
  background-image: url("../images/hero-bg.jpg");
background-size: cover;
}

.v2 .welcome__top {
  height: auto;
overflow: hidden;
  padding-top: 80px;
padding-bottom: 100px;
}

.v2 .welcome__left {
float: left;
width: 70%;
}

.v2 .welcome__columns .column {
width: auto;
border: 0;
padding: 0;
float: none;
}

.v2 .welcome__right {
width: 30%;
float: left;
}

.v2.welcome .heading {
  font-size: 50px;
}

.v2.welcome .heading--copy {
  font-size: 32px;
}

.clearfix:before,
.clearfix:after {
content:"";
display:table;
}

.clearfix:after {
clear:both;
}

.clearfix {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.v2 .welcome__columns .column__top {
margin-bottom: 15px;
}

.v2 .radio--list1 li:first-child {
width: 100%;
}

.v2 .radio--list1 li {
width: 100%;
}

.v2 .radio--list2 {
margin-left: -7px;
margin-right: -7px;
}

.v2 .radio--list2 li:first-child {
width: 50%;
}

.v2 .radio--list2 li {
float: left;
width: 50%;
padding: 0 7px;
}

.v2 .welcome__columns .title {
font-size: 20px;
}

.v2 .welcome__columns .title--copy {
font-size: 15px;
}

.v2 .list--style1 > li {
margin-bottom: 7px;
}

.v2 hr {
border: 0;
border-top: 1px solid #ffffff;
margin-bottom: 15px;
margin-top: 10px;
}

.v2.page {
min-height: 100%;
}

.v2 .input--holder2 {
transition: background .5s ease;
padding-left: 10px;
}

.v2 .input--holder2 label {
display: block;
padding-left: 25px;
position: relative;
}

.v2 .input--holder2 input[type="radio"] {
width: 95%;
}

.v2 .input--holder2 input[type="radio"] {
z-index: 99;
}

.v2 .input--holder2:hover {
background-color: #f0f0f0;
color: #006ade;
}

.v2 .input--holder2 input[type="radio"] + label:before {
border: 2px solid #879099;
background: none;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: 3px;
margin-right: 10px;
position: absolute;
left: 0;
}

.v2 .input--holder2 input[type="radio"]:hover + label:before {
  background: none;
border-color: #006ade;
}

.v2 .input--holder2 input[type="radio"] + label:after {
content: " ";
display: block;
position: absolute;
width: 12px;
  height: 12px;
left: 4px;
  top: 0;
  margin-left: 0;
margin-top: 7px;
border-radius: 50%;
background: #018752;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.v2 .input--holder2 input[type="radio"]:checked + label:after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
transform: scale(1, 1);
}

.v2 .input--holder2 input[type="radio"]:checked + label:before {
  background: none;
  border-color: #018752;
}

.column--disabled, .column--disabled2 {
opacity: .65;
}

.column--disabled .button, .column--disabled2 .button {
 /*pointer-events: none;*/
 cursor: not-allowed;
}

.v2 .welcome__columns, .v2 .welcome__top {
text-shadow: none;
}

.v2 .input1 {
font-size: 13px;
}

.footer--v2 .footer__bar1 {
width: 100%;
height: 100%;
padding: 20px;
vertical-align: middle;
display: table;
}

.footer--v2 .footer--logos > li a {
position: static;
}

.footer--v2 .footer--logos > li {
width: 45px;
}

.footer--v2 .footer--logos > li img {
max-width: 100%;
height: auto;
position:static;
}

.footer--v2 {
overflow: initial;
}

.footer--v2 .table--row {
margin: 0 auto;
display: table-cell;
vertical-align: middle;
height: 72px;
}

.footer--v2 .footer--logos {
height: auto;
padding: 20px 0;
}

.footer--v2 .copyright {
padding-top: 15px;
}

.v2 input:disabled {
cursor: not-allowed;
}

@media (min-width: 1025px) {
.footer--v2 .table--row {
  width: 940px;
}
}

@media (min-width: 1200px) {
.footer--v2 .copyright {
padding-top: 0px;
text-align:left;
width:70%;
}

.footer--v2 .table--row {
  width: 940px;
}
}

@media (min-width: 1200px) {
.v2.welcome .centered {
  width: auto;
  padding-left: 157px;
  padding-right: 157px;
}
}

@media (max-width: 1024px) {

  .main-div-130{
      margin: 130px 0 0 0 ;
  }

   .main-div-52{
      margin: 52px 0 0 0 ;
  }

  .hideOnTablet{
    display:none !important;
  }



.v2 .welcome__left {
  float: left;
  width: 100%;
  padding-bottom: 60px;
}

.v2 .welcome__top {
  padding-bottom: 50px;
}

.v2 .welcome__right {
  width: 300px;
  float: left;
}

.v2.welcome .centered {
  padding-left: 95px;
  padding-right: 95px;
}

.v2.welcome .heading {
  padding-left: 0;
}

.v2.welcome .heading--copy {
  padding-left: 0;
}

.v2 .list--style1 > li {
  margin-bottom: 10px;
}

.v2.img--fpo1 {
  background-position: center top;
  background-image: url("../images/hero-bg-md.jpg");
  background-size: cover;
}

.v2 .input--holder2 {
  font-size: 15px;
    line-height: 27px;
  height: 35px;
}

.header--v2 .header__top {
  padding: 0;
  width: 99px;
  border-right: 1px solid #ccc;
  margin: 0;
  min-width: inherit;
    padding: 18px 0 15px;
  text-align: center;
}

.header--v2 .logo--main--mobile {
  margin: 0;
  display: inline-block;
}

.header--v2:after {
  width: 100px;
}

.footer--v2 .footer__bar1 {
  display: block;
  padding: 25px 15px 15px 15px;
}

.footer--v2 .table--row {
  width: auto;
  text-align: center;
  display: block;
  height: 100%;
}

.footer--v2 .footer--logos {
  width: 100%;
  height: auto;
  float: none;
}

.footer--v2 .copyright {
  float: none;
  text-align: center;
  padding-top: 0;
  padding-bottom: 15px;
}

.footer--v2 .footer--logos > li {
  width: 35px;
}
}

@media (max-width: 767px) {

  div#dba-sub-heading {
  font-size: 0.8em!important;
  width: 100%!important;
  line-height: 23px!important;
}

.v2.welcome .centered {
  padding-left: 15px;
  padding-right: 15px;
}

.v2 .welcome__right {
  width: 100%;
}

.v2.welcome .heading {
  font-size: 24px;
}

.v2.welcome .heading--copy {
  font-size: 18px;
}

.v2.img--fpo1 {
  background-image: url("../images/hero-bg-sm.jpg");
}

.v2 .welcome__left {
  padding-bottom: 0;
}

.v2.welcome .centered {
  padding-top: 80px;
  padding-bottom: 40px;
}

.v2 .list--style1>li {
  max-width: 280px;
  margin-bottom: 15px;
}

.v2 .welcome__columns .column {
  display: inherit;
  width: 280px;
}

.v2 .welcome__columns .column.sm--hide2, .v2 .welcome__columns .column.sm--hide3 {
  display: none;
}

.v2 .welcome__columns {
  margin-top: 400px;
}

.v2 .column.hide--pre{
  opacity: 0;
  height: 0;
}

.v2 .column {
   transition: all .3s linear;
   opacity: 1;

}

.v2 hr {
  display: none;
}

.v2 .input1, .v2 .button1 {
  height: 35px;
}

.header--v2 .header__top {
  width: 79px;
}

.header--v2:after {
  width: 80px;
}

.v2 .input--holder2 {
  padding: 4px 0 4px 15px;
}

.header--v2 .header__top {
  width: 56px;
  padding: 8px 0 5px;
}

.header--v2:after {
  width: 57px;
}

.header--v2 .logo--main--mobile {
  width: 35px;
  height: 35px;
}
}

@media (max-width: 430px) {
.v2.welcome .centered {
  padding-top: 60px;
}

.v2 .welcome__columns {
  margin-top: 40px;
  min-height: 220px;
  position: relative;
}

.v2 .welcome__columns .column {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.v2 .list--style1>li {
  max-width: 100%;
}
}

/*-------------------------------------------------------------------
HOME V2 CSS
-- v2__home added as body class for implementation of new CSS  --
---------------------------------------------------------------------*/
v2__home>* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


.container {
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.v2--nav .page__navigation > li:last-child {
margin-right: 0;
}

/* header */
.v2__home .header__bar {
padding: 7px 0;
}

.v2__home .header__bar--links {
margin-right: 5%;
}

.v2__home .header__top {
min-width: 100%;
height: 100%;
padding: 0;
position: relative;
border-bottom: 5px solid #00A1DE;
}

.v2__home .header__top:after {
  content: '';
  height: 5px;
  width: 149px;
  position: absolute;
  bottom: -5px;
  left: 0;
  background: #00843D;
  border-right: 3px solid #fff;
}

.v2__home .header--main--desktop .logo--main {
margin-left: 0;
}

.v2__home .header__top .header__top--aside {
position: static;
  margin-top: 25px;
}

.v2__home .header__top .header__top--aside.column {
float: right;
}

.v2__home .header__top .column {
float: left;
}


/* hero */
.v2__home .page {
padding-top: 0;
}

.v2--nav .page__navigation > li {
margin-right: 16px;
}

.v2__home .home__content.cover.pr1 {
background: #f5f5f5 url(/pr/es/PublishingImages/hero/am-desktop.jpg) no-repeat;
background-size: cover;
background-position: center top;
min-height: 630px;
height: auto;
}
.v2__home .home__content.cover.pr2 {
background: #f5f5f5 url(/pr/es/PublishingImages/hero/mid-desktop.jpg) no-repeat;
background-size: cover;
background-position: center top;
min-height: 630px;
height: auto;
}

.v2__home .home__content.cover.pr3 {
background: #f5f5f5 url(/pr/es/PublishingImages/hero/pm-desktop.jpg) no-repeat;
background-size: cover;
background-position: center top;
min-height: 630px;
height: auto;
}
.v2__home .home__content.cover.fl1{
background: #f5f5f5 url(../images/home-v2/img-fla-desktop-1.jpg) no-repeat;
background-size: cover;
background-position: center top;
min-height: 630px;
height: auto;
}
.v2__home .home__content.cover.fl2 {
background: #f5f5f5 url(../images/home-v2/img-fla-desktop-2.jpg) no-repeat;
background-size: cover;
background-position: center top;
min-height: 630px;
height: auto;
}

.v2__home .home__content.cover.fl3 {
background: #f5f5f5 url(../images/home-v2/img-fla-desktop-3.jpg) no-repeat;
background-size: cover;
background-position: center top;
min-height: 630px;
height: auto;
}

.v2__home .home__content.cover.vi1 {
background: #f5f5f5 url(/vi/en/PublishingImages/hero/am-desktop.jpg) no-repeat;
background-size: cover;
background-position: center top;
min-height: 630px;
height: auto;
}
.v2__home .home__content.cover.vi2 {
background: #f5f5f5 url(/vi/en/PublishingImages/hero/mid-desktop.jpg) no-repeat;
background-size: cover;
background-position: center top;
min-height: 630px;
height: auto;
}

.v2__home .home__content.cover.vi3 {
background: #f5f5f5 url(/vi/en/PublishingImages/hero/pm-desktop.jpg) no-repeat;
background-size: cover;
background-position: center top;
min-height: 630px;
height: auto;
}




.v2__home .heading {
/*padding-top: 140px;*/
}
.greet{
padding-top:140px;
}

.v2__home .home__h2 {
font-size: 26px;
margin-bottom: 5px;
font-weight: normal;
}

.v2__home .home__h2 .bold {
font-weight: bold;
}

.v2__home .home__h1 {
font-size: 42px;
font-weight: bold;
}

.v2__home #owl-rotator .item img {
  display: block;
  max-width: 100%;
  height: auto;
  cursor: default;
}
.item-rotator-box {
  display: inline-block;
  position: relative;
  width: 45%;
  border: none;
  /* padding: 10px; */
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 40px;
  margin: 10px;}
.v2__home .hero-rotator {
width: 450px;
position: absolute;
bottom: 0;
left: auto;
right: auto;
background: #006ade;
z-index: 11;
}

.v2__home .rotator-content>.col {
float: left;
}

.v2__home .rotator-content {
position: relative;
min-height: 1px;
}

.v2__home .rotator-content .text-box {
padding: 15px;
width: 35%;
font-size: 14px;
}

.v2__home .rotator-content .text-box h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

.v2__home .rotator-content .text-box a {
text-decoration: none;
color: #fff;
}

.v2__home .rotator-content .img-box {
width: 65%;
}

.v2__home .rotator-content .btn-fixed {
position: absolute;
left: 15px;
bottom: 65px;
}

.v2__home .btn-orange {
background: #00843D;
  color: #fff;
  display: block;
  padding: 7px;
  width: 127px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  text-align: center;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
}

.v2__home .btn-orange:hover {
background: #009846;
border-radius: 50px;
}

.v2__home .btn-green {
background: #00843D;
  color: #fff;
  display: block;
  padding: 7px;
  width: 127px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  text-align: center;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
}
.v2__home .btn-green:hover {
background: #009846;
border-radius: 50px;
}
.v2__home .slider--nav {
background: #f5f5f5;
height: 45px;
}

.s__caption {
background-color: #f5f5f5;
  color: #303030;
height: 45px;
line-height: 45px;
}

.v2__home .hero-rotator .customNav {
position: absolute;
right: 0;
bottom: 0;
}

.v2__home .hero-rotator .customNav a {
float: left;
display: block;
background: #fff;
color: #333333;
font-size: 35px;
text-align: center;
width: 45px;
height: 45px;
line-height: 45px;
vertical-align: middle;
transition: all .2s ease;
}

.v2__home .hero-rotator .customNav a:hover {
background: #006ade;
color: #fff;
}

.v2__home .grey--bar {
background: #f5f5f5;
width: 100%;
height: 45px;
position: absolute;
bottom: 0;
left: 0
}

/* Content Section */

.v2__home .center--text {
background-color: #303030;
  text-align: center;
padding: 35px 0;
  color: #fff;
}

.v2__home .center--text h2 {
font-weight: normal;
font-size: 26px;
}

.full--row {
margin: 0 auto;
}

.full--row .half--col {
display: table-cell;
width: 50%;
vertical-align: middle;
background-color:#FFF;
}

.full--row .half--col img {
width: 100%;
height: auto;
vertical-align: middle;
}

.full--row .block--content {
  padding: 15px 50px 25px 63px;
font-size: 16px;
color: #303030;
line-height: 1.5;
}

.full--row .block--content h3 {
font-size: 26px;
color: #007FAD;
font-weight: normal;
}

.btn-blue {
background-color: #00843D;
  display: inline-block;
  padding: 14px 33px;
  color: #fff;
  margin-top: 25px;
  font-size: 18px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
}

.btn-blue:hover {
background-color: #00843D;
border-radius: 100px;
}

.btn-green-front {
background-color: #00843d;
  display: inline-block;
  padding: 12px 33px;
  color: #fff;
  margin-top: 25px;
  font-size: 18px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
}

.btn-green-front:hover {
background-color: #00843d;
border-radius: 100px;
}


/* newsletter */

.v2__home .home__newsletter .input2 {
min-height: 52px;
padding: 10px 15px;
}

.v2__home .home__newsletter {
padding-top: 40px;
padding-bottom: 35px;
}

/* footer */

.v2__home .footer__nav .tabs__content .column {
width: 20%;
}

.v2__home .footer__nav .title {
/*	font-weight: bold;*/
font-size: 17px;
}

.v2__home .footer__nav .title a {
color: #cccccc;
}

.v2__home .footer__nav .list--style2 li {
margin-bottom: 12px;
line-height: 1;
}

.v2__home .footer__nav .tabs__content .column.last {
width: 29%;
}

.v2__home .footer__nav .tabs__content .column.last .list--style2 {
float: right;
}

.v2__home .footer__bar1 {
padding: 17px 0 13px;
}

.v2__home .arrow--down {
width: 100%;
position: absolute;
bottom: 50px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}

.v2__home .arrow--down .fa {
color: #fff;
font-size: 45px;
}

.v2__home .arrow--down a {
color: #fff;
}

.v2__home p.txt {
padding-top: 10px;
}

.v2__home .txt a {
  color: #00843D;
}

.v2__home .mainbox__tabcontent {
min-height: 170px;
height: 100%;
}

@media (min-width: 768px) {
.visible-xs {
  display: none !important;
}
}
@media (min-width: 1024px) {

  a#inscribete-btn {
      margin-top: 5.5em;
  }

  a#conoce-mas{
  margin-top: 2.3em;
}
.v2__home {
  padding-top: 100px;
}

.v2--nav .page__navigation {
  padding: 0;
}

.v2--nav .page__navigation > li {
  margin-right: 10px;
}

.v2__home .header__top:after {
  width: 100px;
}

.v2--nav .page__navigation > li {
  margin-right: 5px;
}

.v2__home .header__top--right {
  width: 69%;
}

.v2__home .header__top .container {
  padding-left: 15px;
  padding-right: 15px;
}

.v2__home .container {
  width: auto;
}

.full--row .block--content {
  padding-left: 100px;
}

.v2__home .mainbox {
  right: 30px;

}
.mainbox {
  top:20px;

}

/*new CSS 12172015*/

.v2__home .header--main--desktop .logo--main {
  margin-top: 19px;
  margin-bottom: 18px;
}

.v2--nav .page__navigation > li > a {
  height: 85px;
  line-height: 85px;
  display: block;
}
}


@media (min-width: 1025px) {
.v2__home {
  padding-top: 114px;
}

.v2--nav .page__navigation {
  padding: 0;
}

.v2--nav .page__navigation > li {
  margin-right: 10px;
}

.v2__home .header__top:after {
  width: 100px;
}

.v2--nav .page__navigation > li {
  margin-right: 5px;
}

.v2__home .header__top--right {
  width: 69%;
}
/*
.v2__home .header__top .container {
  padding-left: 15px;
  padding-right: 15px;
}*/

.v2__home .container {
  padding-left: 15px;
  padding-right: 15px;
}

.v2__home .container {
  width: auto;

}

.full--row .block--content {
  padding-left: 100px;
}

.v2__home .mainbox {
  right: 100px;
}

/*new CSS 12172015*/

.v2__home .header--main--desktop .logo--main {
  margin-top: 19px;
  margin-bottom: 18px;
}

.v2--nav .page__navigation > li > a {
  height: 85px;
  line-height: 85px;
  display: block;
}
}

/* Mobile CSS */
@media (min-width: 1200px) {
.v2__home .container {
  width: 1200px;
}

.v2--nav .page__navigation > li {
  margin-right: 10px;
}


.v2__home .header__top:after {
  width: 117px;
}

.v2__home .header__top--right {
  width: 67%;
}

.full--row .block--content {
  padding-left: 63px;
}

.v2__home .mainbox {
  right: 63px;
}
}

@media (min-width: 1300px) {
.v2__home .container {
  width: auto;
  padding-left: 63px;
  padding-right: 63px;
}

.v2__home {
  padding-top: 110px;
}

.full--row {
  width: auto;
/*	padding-left: 63px;
  padding-right: 63px;*/
}
.v2__home .header__top:after {
  width: 149px;
}
}

@media (max-width: 1199px) {
.v2__home .home__h2	 {
  font-size: 20px;
}

.v2__home .home__h1 {
  font-size: 30px;
}

.v2__home .home__content.cover.pr1{
  background-position: -400px top;
}
.v2__home .home__content.cover.pr2{
  background-position: -400px top;
}

.v2__home .home__content.cover.pr3{
  background-position: -400px top;
}
.v2__home .home__content.cover.fl1{
  background-position: -400px top;
}
.v2__home .home__content.cover.fl2{
  background-position: -400px top;
}

.v2__home .home__content.cover.fl3{
  background-position: -400px top;
}
.v2__home .home__content.cover.vi1{
  background-position: -400px top;
}
.v2__home .home__content.cover.vi2{
  background-position: -400px top;
}

.v2__home .home__content.cover.vi3{
  background-position: -400px top;
}



}

@media (max-width: 1165px) {
.v2--nav .mega__menu .col, .v2--nav .mega__menu .lvl {
  width: 225px !important;
}
}

@media (max-width: 1040px) {
.v2--nav .page__navigation li {
  margin-right: 3px;
}
}

@media (max-width: 1024px) {
.v2__home {
  padding-top: 100px;
  padding-bottom: 105px;
}

.v2__home .header__top:after {
  width: 97px;
}

.v2__home .container {
  padding-left: 30px;
  padding-right: 30px;
}

.v2__home .home__content.cover.pr1{
  background: url(/pr/es/PublishingImages/hero/am-tablet.jpg) no-repeat;
  background-position: center top;
  background-size: 100%;
}
.v2__home .home__content.cover.pr2 {
  background: url(/pr/es/PublishingImages/hero/mid-tablet.jpg) no-repeat;
  background-position: center top;
  background-size: 100%;
}

.v2__home .home__content.cover.pr3{
    background: url(/pr/es/PublishingImages/hero/pm-tablet.jpg) no-repeat;
    background-position: center top;
    background-size: 100%;
}
.v2__home .home__content.cover.fl1{
  background: url(../images/home-v2/img-fla-tablet-1.jpg) no-repeat;
  background-position: center top;
  background-size: 100%;
}
.v2__home .home__content.cover.fl2 {
  background: url(../images/home-v2/img-fla-tablet-2.jpg) no-repeat;
  background-position: center top;
  background-size: 100%;
}

.v2__home .home__content.cover.fl3{
    background: url(../images/home-v2/img-fla-tablet-3.jpg) no-repeat;
    background-position: center top;
    background-size: 100%;
}
.v2__home .home__content.cover.vi1{
  background: url(/vi/en/PublishingImages/hero/am-mobile.jpg) no-repeat;
  background-position: center top;
  background-size: 100%;
}
.v2__home .home__content.cover.vi2 {
  background: url(/vi/en/PublishingImages/hero/mid-mobile.jpg) no-repeat;
  background-position: center top;
  background-size: 100%;
}

.v2__home .home__content.cover.vi3{
    background: url(/vi/en/PublishingImages/hero/pm-mobile.jpg) no-repeat;
    background-position: center top;
    background-size: 100%;
  }

  .bg--vi-tips {
      background-image: url(../images/FB_Website_Tips_Mrtgage_VI_Hero_Tablet.png);
  }



.v2__home .home__h2 .bold {
  /*display: block;	*/
}


.v2__home .home__newsletter {
  padding: 35px 0;
}

.v2__home .home__newsletter .column {
  width: 100%;
  float: none;
}

.v2__home .home__newsletter .column--text {
  padding-bottom: 25px;
}
.footer--v2{
  padding-bottom:100px;
}
.footer--v2 .footer--logos {
  width: 70%;
    height: auto;
    float: none;
    margin-left: 43%;
}

.full--row .block--content {
  padding: 0 25px;
}

.full--row .block--content h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.full--row .block--content {
  font-size: 13px;
}

.full--row .block--content .btn-blue {
  padding: 5px 15px;
  font-size: 14px;
  margin-top: 15px;
}

.v2__home .mainbox__title {
  margin-bottom: 7px;
  margin-top: -5px;
}

.v2__home .mainbox__title_copy_mobile {
  color: #038459;
}

.v2__home .mobile_banca_dropdown {
      display: block;
      background-color: #fff;
    /*  height: 105px;*/
      padding: 15px;
      position: fixed;
      width: 100%;
      margin: auto;
      bottom: 0;
      top: auto;
      left: auto;
      right: auto;
      z-index: 11;
}

.v2__home .mainbox {
    display:none;
}


}

@media (max-width: 767px) {
.hidden-xs {
  display: none !important;
}

.v2__home {
  padding-top: 56px;
  padding-bottom: 0;
}

.v2__home .home__content.cover.pr1 {
  background: url(/pr/es/PublishingImages/hero/am-movil.jpg) no-repeat;
  background-size: cover;
  min-height: 300px;
}

.v2__home .home__content.cover.pr2{
  background: url(/pr/es/PublishingImages/hero/mid-movil.jpg) no-repeat;
  background-size: cover;
  min-height: 300px;
}
.v2__home .home__content.cover.pr3 {
  background: url(/pr/es/PublishingImages/hero/pm-movil.jpg) no-repeat;
  background-size: cover;
  min-height: 300px;
}
.v2__home .home__content.cover.fl1 {
  background: url(../images/home-v2/img-fla-mobile-1.jpg) no-repeat;
  background-size: cover;
  min-height: 300px;
  }

  .bg--vi-tips {
      background-image: url(../images/FB_Website_Tips_Mrtgage_VI_Hero_Mobile.png);
  }

.v2__home .home__content.cover.fl2{
  background: url(../images/home-v2/img-fla-mobile-2.jpg) no-repeat;
  background-size: cover;
  min-height: 300px;
}
.v2__home .home__content.cover.fl3 {
  background: url(../images/home-v2/img-fla-mobile-3.jpg) no-repeat;
  background-size: cover;
  min-height: 300px;
}
.v2__home .home__content.cover.vi1 {
  background: url(/vi/en/PublishingImages/hero/am-mobile.jpg) no-repeat;
  background-size: cover;
  min-height: 300px;
}

.v2__home .home__content.cover.vi2{
  background: url(/vi/en/PublishingImages/hero/mid-mobile.jpg) no-repeat;
  background-size: cover;
  min-height: 300px;
}
.v2__home .home__content.cover.vi3 {
  background: url(/vi/en/PublishingImages/hero/pm-mobile.jpg) no-repeat;
  background-size: cover;
  min-height: 300px;
}
/*.v2__home .heading {
  position: absolute;
  bottom: 20px;
  padding-top: 0;
}*/

.v2__home .header__pagetitle {
  display: none;
}

.v2__home .header__top:after {
  width: 57px;
}

.v2__home .header {
    min-height: 56px;
}

.v2__home .header__top {
  padding: 0;
}

.v2__home .header--main--mobile .column {
  width: 56px;
  padding: 8px 0 5px;
}

.v2__home .logo--main--mobile {
  width: 35px;
  height: 35px;
  margin: 0 auto;
}

.v2__home .container {
  padding-left: 15px;
  padding-right: 15px;
}

.full--row .half--col {
  width: 100%;
  display: block;
}

.full--row .block--content {
  padding: 20px 15px 40px 15px;
  text-align: center;
}

.v2__home .home__newsletter {
  height: 100%;
}

.v2__home .home__newsletter .input2 {
  width: 100%;
  float: none;
  margin-bottom: 15px;
}

.v2__home .home__newsletter .button3 {
  width: 100%;
  float: none;
}

.v2__home .home__newsletter .column--text {
  padding-bottom: 0;
}

.v2__home .home__newsletter .column .msg-confirmation p {
  display: none;
}

.v2__home .mobile_banca_dropdown {
  position: static;
}

.v2__home .center--text h2 {
  font-size: 17px;
}

.promo__banner {
  position: relative;
  min-height: 1px;
}

.promo__banner img {
  width: 100%;
  height: auto;
  vertical-align: middle;
  display: block;
}

.slider__xs {
  background: #038459;
  padding: 0 0 15px 0;
  text-align: center;
  color: #fff;
  font-size: 14px;
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.1);
  -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.1);
  box-shadow: inset 0 0 2px rgba(0,0,0,.1);
}

.slider__xs .slider__content {
  padding-left: 25px;
  padding-right: 25px;
}

.slider__xs .promo__banner {
  margin-bottom: 25px;
}

.slider__xs h4 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 20px;
}

.slider__xs .owl-theme .owl-controls {
  margin-top: 20px;
}

.slider__xs .owl-theme .owl-controls .owl-page span {
  background: #fff;
}
}

@media (max-width: 460px) {
.v2__home .home__h1 {
  font-size: 20px;
}

.v2__home .home__h2 {
  font-size: 18px;
}

}

@media (max-width: 360px) {
.v2__home .home__h1 {
  font-size: 18px;
}

.v2__home .home__h2 {
  font-size: 16px;
}

.v2__home .heading {
  bottom: 15px;
}

.v2__home .home__content.cover.pr1{
  background: url(/pr/es/PublishingImages/hero/am-movil.jpg) no-repeat;
  background-size: 100%;
  min-height: 200px;
}
.v2__home .home__content.cover.pr2 {
  background: url(/pr/es/PublishingImages/hero/mid-movil.jpg) no-repeat;
  background-size: 100%;
  min-height: 200px;
}

.v2__home .home__content.cover.pr3 {
  background: url(/pr/es/PublishingImages/hero/mid-movil.jpg) no-repeat;
  background-size: 100%;
  min-height: 200px;
}
.v2__home .home__content.cover.fl1{
  background: url(../images/home-v2/img-fla-mobile-1.jpg) no-repeat;
  background-size: 100%;
  min-height: 200px;
}
.v2__home .home__content.cover.fl2 {
  background: url(../images/home-v2/img-fla-mobile-2.jpg) no-repeat;
  background-size: 100%;
  min-height: 200px;
}

.v2__home .home__content.cover.fl3 {
  background: url(../images/home-v2/img-fla-mobile-3.jpg) no-repeat;
  background-size: 100%;
  min-height: 200px;
}.v2__home .home__content.cover.vi1{
  background: url(../images/home-v2/img-vi-mobile-1.jpg) no-repeat;
  background-size: 100%;
  min-height: 200px;
}
.v2__home .home__content.cover.vi2 {
  background: url(../images/home-v2/img-vi-mobile-2.jpg) no-repeat;
  background-size: 100%;
  min-height: 200px;
}

.v2__home .home__content.cover.vi3 {
  background: url(../images/home-v2/img-vi-mobile-3.jpg) no-repeat;
  background-size: 100%;
  min-height: 200px;
}




.v2__home .mobile_banca_dropdown {
  padding: 15px 0;
}

.v2__home .mainbox__title {
  padding: 0 15px;
}

.v2__home .sbHolder {
  width: 90%;
  margin-left: 5%;
}
}

/* Tab Menu CSS */
.v2--nav .page__navigation > li {
position: inherit;
}

.v2--nav .page__navigation .active a {
font-weight: inherit;
}

.v2--nav .page__navigation li {
position: static;
}

.v2--nav .mega__menu {
visibility: hidden;
opacity: 0;
display: none;
position: absolute;
width: 100%;
height: 360px;
left: 0;
top: auto;
background-color: rgba(232,235,234, 0.98);
transition: all .2s ease;
border-top: 5px solid #006ade;
}

.v2--nav .mega__menu.show {
visibility: visible;
opacity: 1;
display: block;
}

.v2--nav .page__navigation > li:hover > .mega__menu, .v2--nav .mega__menu.show {
visibility: visible;
opacity: 1;
display: block;
}

.v2--nav .mega__menu .col, .v2--nav .mega__menu .lvl {
width: 272px;
float: left;
padding-bottom: 10px;
position: relative;
}

.v2--nav .mega__menu .col ul {
list-style: none;
padding: 0;
margin: 0;
}

.v2--nav .mega__menu .col-1 > ul > li {
float: none;
display: block;
width: 100%;
}

.v2--nav .mega__menu .col li ul {
position: absolute;
top: 0;
left: 100%;
margin-left: 15px;
visibility: hidden;
opacity: 0;
transition: all .2s ease;
}

.v2--nav .mega__menu .col ul li.active > .lvl {
visibility: visible;
opacity: 1;
}

.v2--nav .mega__menu .has-sub:first-child > ul > .has-sub:first-child > .sub--menu,
.v2--nav .mega__menu .has-sub:first-child > .sub--menu {
visibility: visible;
opacity: 1;
}

.v2--nav .mega__menu .lvl.lvl-active {
visibility: visible !important;
opacity: 1  !important;
}

.v2--nav .mega__menu .col ul li a {
display: block;
position: relative;
font-size: 13px;
  padding: 10px 15px;
  border-bottom: 1px solid #c0c3c3;
  color: #65656a;
position: relative;
transition: all .2s ease;
}

.v2--nav .mega__menu .has-sub > a:after {
content: "\f105";
color: #808285;
display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
font-size: 2em;
position: absolute;
right: 15px;
top: 4px;
vertical-align: middle;
}

.v2--nav .mega__menu .col ul li.active > a:after,
.v2--nav .mega__menu .col ul li:hover > a:after {
color: #fff;
}

.v2--nav .mega__menu .promo_boxes {
width: 272px;
padding-left: 20px;
float: right;
position: relative;
}

.v2--nav .mega__menu .promo_boxes:after {
content: '';
width: 1px;
height: 355px;
background: #c0c3c3;
position: absolute;
left: 0;
top: 0;
display: block;
}

.v2--nav .mega__menu .promo_boxes li {
list-style: none;
padding: 0;
margin: 30px 0 0;
}

.promo__box {
background: #333333;
color: #fff;
padding: 9px 15px;
text-align: center;
display: block;
vertical-align: middle;
width: 100%;
height: 100px;
line-height: 80px;
}

.v2--nav .mega__menu .col ul li.active > a,
.v2--nav .mega__menu .col ul li:hover > a {
background: #00843d;
color: #fff;
font-weight: bold;
}

/*.v2--nav .mega__menu .col li .lvl-2 > li:first-child > a {
background: #00843d;
color: #fff;
font-weight: bold;
}

.v2--nav .mega__menu .col ul .lvl-2 > li:first-child > a:after {
color: #fff;
}*/

.v2--nav .mega__menu .col .lvl-3 li.active > a,
.v2--nav .mega__menu .col .lvl-3 li:hover > a {
color: #006ade;
background: #fff;
}


.v2--nav .mega__menu .col .lvl-3 li a:after,
.v2--nav .mega__menu .col .lvl-3 li.active > a:after,
.v2--nav .mega__menu .col .lvl-3 li:hover > a:after {
content: none;
}

.v2--nav .mega__menu .col.col-3 ul li.active > a {
background: #fff;
color: #006ade;
}

.v2--nav .page__navigation > li.active > a {
font-weight: bold;
}

.v2--nav .page__navigation .active a {
color: #006ade;
}

.v2--nav .mega__menu .has-sub > a:after {
content: "\f105";
color: #808285;
display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
font-size: 2em;
position: absolute;
right: 15px;
top: 4px;
vertical-align: middle;
}

/* Mobile Menu CSS */
.v2__home .page__navigation--button--mobile.active {
  background-image: url("../images/home-v2/icon-menu-close.png");
}
.v2__home .page__navigation--menu-search {
  background-image:  url(../images/home-v2/icon-search.png);
}


.v2__home .page__navigation--button--mobile {
  z-index: 1022;
}

.v2__home .page__navigation--container--mobile,
.v2__home .page__navigation--container--mobile a,
.v2__home .page__navigation--container--mobile .list--style1 {
color: #65656a;
}

.v2__home .page__navigation--container--mobile > .navholder {
background: #e8ebea;
  z-index: 1011;
}

.v2__home .page__navigation__top--mobile {
background: #e8ebea;
border-bottom: 1px solid #c0c3c3;
position: relative;
}

.v2__home .page__navigation--button--mobile.active {
background-color: #e8ebea;
border-color: #c0c3c3;
border-bottom: 1px solid #c0c3c3;
}

.v2__home .page__navigation--mobile li {
border-color: #c0c3c3;
}

.v2__home .page__navigation--mobile li:first-child {
border-top: 1px solid #c0c3c3;
}

.v2__home .page__navigation--mobile li a {
color: #65656a;
}

.v2__home .page__navigation--container--mobile .input--holder1,
.v2__home .page__navigation--container--mobile .input--holder2 {
background-color: transparent;
border: 1px solid #c0c3c3;
color: #65656a;
}

.v2__home .page__navigation--container--mobile .radio--list1 li,
.v2__home .page__navigation--container--mobile .radio--list2 li {
width: 100%;
}

.v2__home .page__navigation--container--mobile .box.bottom {
background-color: #e8ebea;
border-top: 1px solid #c0c3c3;
}

.v2__home  .page__navigation__top--mobile .page__navigation--menu-search {
display: block;
}

.v2__home .page__navigation__top--mobile .page__navigation--menu-icon {
display: none;
}

.btn-green {
  display: block;
  padding: 15px;
  color: #fff !important;
  background-color: #00843d;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
border: 2px solid transparent;
}

.btn-green:hover {
border-radius: 100px;
}

.btn-green:active, .btn-green:focus {
/*background-color: transparent;*/
  border-color: #00843d;
}

@media (max-width: 1024px) {
.v2__home .page__navigation__top--mobile .page__navigation--menu-search {
  margin-right: 115px;
  float: right;
  margin-top: 40px;
  position: static;
}

.v2__home  .page__navigation__top--mobile input {
  top: 38px;
     right: 155px;
  left: auto;
}

.v2__home #mobile_search_form.hide {
  display: block !important;
}

.v2__home .page__navigation__top--mobile input {
  width: 210px;
}

.v2__home .page__navigation--mobile {
  padding-top: 0;
}
}

@media (max-width: 767px) {
.v2__home .page__navigation__top--mobile .page__navigation--menu-search {
  margin-right: 65px;
  margin-top: 14px;
}

.v2__home  .page__navigation__top--mobile input {
  top: 10px;
  right: 100px;
}

.v2__home .page__navigation__top--mobile input {
  width: 130px;
}

.v2__home .arrow--down, .v2__home .grey--bar {
  display: none;
}
}

/*************************/
/***** ECYCLING CUSTOM STYLES *****/
/*************************/
/* ---------------------------
General Styles
 --------------------------- */
/* line 18, ../sass/ecycling.scss */
section.ecycling {
line-height: 1.5;
}

/* line 21, ../sass/ecycling.scss */
.ecycling-wrapper {
max-width: 1440px;
}

/* line 25, ../sass/ecycling.scss */
.ecycling .container {
margin-right: auto;
margin-left: auto;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px;
}

/* line 34, ../sass/ecycling.scss */
.ecycling .container:before, .ecycling .container:after {
content: " ";
display: table;
}

/* line 39, ../sass/ecycling.scss */
.ecycling .container:after {
clear: both;
}

/* line 43, ../sass/ecycling.scss */
.ecycling .row {
margin-left: -15px;
margin-right: -15px;
}

/* line 48, ../sass/ecycling.scss */
.ecycling .row:before, .ecycling .row:after {
content: " ";
display: table;
}

/* line 53, ../sass/ecycling.scss */
.ecycling .row:after {
clear: both;
}

/* line 57, ../sass/ecycling.scss */
.ecycling .columns-12 {
width: 100%;
padding: 15px;
float: none;
box-sizing: border-box;
}

/* line 64, ../sass/ecycling.scss */
.ecycling .columns-6 {
width: 50%;
padding: 15px;
float: left;
box-sizing: border-box;
}

/* line 71, ../sass/ecycling.scss */
.ecycling .columns-4 {
width: 33.3%;
padding: 15px;
float: left;
box-sizing: border-box;
}

/* line 78, ../sass/ecycling.scss */
.ecycling img {
width: 100%;
height: auto;
}

/* ---------------------------
Detailing
 --------------------------- */
/* line 88, ../sass/ecycling.scss */
.ecycling .col-light {
background-color: rgba(255, 255, 255, 0.8);
}

/* line 91, ../sass/ecycling.scss */
.ecycling .col-dark {
background-color: rgba(0, 0, 0, 0.8);
}

/* line 94, ../sass/ecycling.scss */
.ecycling .col-green-dark {
background-color: rgba(0, 132, 61, 0.8);
}

/* line 98, ../sass/ecycling.scss */
.circle {
background-color: #00843D;
color: #FFFFFF;
width: 50px;
height: 50px;
padding-top: 5px;
font-size: 25px;
text-align: center;
display: block;
box-sizing: border-box;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
position: relative;
left: -20px;
top: -20px;
}

/* line 120, ../sass/ecycling.scss */
.ecycling .text-center {
text-align: center;
}

/* line 121, ../sass/ecycling.scss */
.ecycling_br {
display: block;
}

/* ---------------------------
Typography
 --------------------------- */
/*.ecycling h1, .ecycling h2, .ecycling h3,
.ecycling h4, .ecycling h5, .ecycling h6 { }

.ecycling h1 {
font-size: 36px;
}

.ecycling h2 {
font-size: 26px;
}

.ecycling h3 {
font-size: 20px;
}

.ecycling h4 {
font-size: 18px;
}

.ecycling h5 {
font-size: 16px;
margin: 0;
}

.ecycling p {
margin: 0 0 10px 0;
}

.ecycling .page-title {
padding: 60px 0;
}*/
/* line 160, ../sass/ecycling.scss */
.ecycling .ecycling__h1 {
font-size: 36px;
line-height: 1.5;
font-weight: bold;
}

/* line 166, ../sass/ecycling.scss */
.ecycling .ecycling__h2 {
margin-top: 20px;
font-size: 26px;
line-height: 1.5;
margin-bottom: 10px;
font-weight: 300;
}
.ecycling .ecycling__h2 .monica {
margin-top: 20px;
font-size: 28px;
line-height: 1.5;
margin-bottom: 10px;
font-weight: 300;
}


/* line 173, ../sass/ecycling.scss */
.ecycling .ecycling__h2 {
padding-bottom: 30px;
}
.ecycling .ecycling__h2.monica {
padding-bottom: 10px;
}


/* ---------------------------
Layout
 --------------------------- */
/* hero */
/* line 182, ../sass/ecycling.scss */
.ecycling .page {
padding-top: 0;
}
div.monica-c{
    width: 40%;
  margin: 0 auto;
}
p.monica-p{
font-size:18px;
}

/* line 186, ../sass/ecycling.scss */
.ecycling .ecycling__content.cover.pr1 {
background: #f5f5f5 url(../images/ecycling/hero.jpg) no-repeat;
background-size: cover;
background-position: center top;
min-height: 630px;
height: auto;
}

.ecycling .ecycling__content.cover.pr1.monica {
background: #f5f5f5 url(../images/monica/monica_desktop.png) no-repeat;
background-size: cover;
background-position: center top;
min-height: 630px;
height: auto;
}


/* line 194, ../sass/ecycling.scss */
.ecycling .heading {
font-size: 36px;
padding-top: 0px;
}


/* line 199, ../sass/ecycling.scss */
.ecycling__content {
position: relative;
height: 600px;
}

/* line 202, ../sass/ecycling.scss */
.ecycling__content > .heading {
position: absolute;
top: 50%;
margin-top: -104px;
color: #fff;
text-align: center;
width: 100%;
height: 150px;
padding: 0 15px;
}

/* line 213, ../sass/ecycling.scss */
.ecycling__content.cover {
min-height: 516px;
}

/* line 216, ../sass/ecycling.scss */
.ecycling > * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* section */
/* line 224, ../sass/ecycling.scss */
.ecycling-highlight {
padding-top: 40px;
padding-bottom: 40px;
background-color: #00843d;
}

/* line 231, ../sass/ecycling.scss */
.ecycling-highlight h3 {
color: #FFFFFF;
font-size: 20px;
font-weight: 500;
}

/* line 237, ../sass/ecycling.scss */
#testi-1, #testi-2 {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}

/* line 243, ../sass/ecycling.scss */
#testi-1:hover, #testi-1:focus, #testi-2:hover, #testi-2:focus {
opacity: 0;
}

/* line 249, ../sass/ecycling.scss */
.ecycling-testimonials {
height: auto;
min-height: 1px;
overflow: hidden;
}

/* line 256, ../sass/ecycling.scss */
.ecycling-testimonials > .container {
padding-top: 0;
padding-bottom: 0;
padding-left: 30px;
padding-right: 30px;
}

/* line 263, ../sass/ecycling.scss */
.ecycling-testimonials .testi-outer {
position: relative;
width: 100%;
height: 100%;
min-height: 500px;
overflow: hidden;
}

/* line 271, ../sass/ecycling.scss */
.ecycling-testimonials a {
color: #FFFFFF;
}

/* line 275, ../sass/ecycling.scss */
.testi-outer .testi-inner {
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -100px;
width: 300px;
height: 200px;
}

/* line 286, ../sass/ecycling.scss */
.testi-inner .testi-icon-top {
margin: auto;
width: 64px;
height: 64px;
margin-bottom: 20px;
}

/* line 293, ../sass/ecycling.scss */
.testi-inner h3.testi-title {
color: #FFFFFF;
text-align: center;
font-size: 20px;
}

/* line 299, ../sass/ecycling.scss */
.testi-inner .testi-icon-bot {
margin: auto;
width: 64px;
height: 64px;
margin-top: 20px;
}

/* line 306, ../sass/ecycling.scss */
.testi-outer .testi-img {
padding: 0;
min-height: 280px;
}

/* line 311, ../sass/ecycling.scss */
.testi-outer .testi-body {
height: 220px;
padding: 0;
margin: 0;
}

/* line 317, ../sass/ecycling.scss */
.testi-body .testi-inbody {
position: relative;
top: 50%;
margin-top: -60px;
padding: 0 30px;
min-height: 120px;
font-size: 16px;
color: #fff;
font-weight: 300;
}

/* line 329, ../sass/ecycling.scss */
.ecycling-howto {
background: #f5f5f5 url(../images/ecycling/bg.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
.ecycling-howto.monica {
background: #ececec;
background-size: cover;
background-position: center top;
}


/* line 335, ../sass/ecycling.scss */
.ecycling-howto .howto-title {
padding-top: 60px;
text-align: center;
margin: auto;
}

/* line 341, ../sass/ecycling.scss */
.howto-title h3 {
color: #00843D;
font-size: 20px;
font-weight: bold;
}

/* line 347, ../sass/ecycling.scss */
.ecycling-howto > .container {
padding-top: 60px;
padding-bottom: 60px;
padding-left: 60px;
padding-right: 60px;
}

/* line 354, ../sass/ecycling.scss */
.ecycling img.howto {
width: 100%;
height: auto;
}

/* line 360, ../sass/ecycling.scss */
.ecycling p.howto {
color: #333333;
font-size: 16px;
font-weight: normal;
min-height: 75px;
}

/* line 367, ../sass/ecycling.scss */
.ecycling p.howto span {
color: #00843D;
font-weight: bold;
}

/* ---------------------------
Media Queries
 --------------------------- */
@media (max-width: 1600px) {

.ecycling .btn-default-monica {
background-color: #fff;
display: inline-block;
text-align: center;
padding: 12px 33px;
color: #333 !important;
margin-top: -25px;
margin-right: 35px;
font-size: 16px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
}
/* line 380, ../sass/ecycling.scss */
.ecycling p.howto {
  min-height: 75px;
}

/* line 384, ../sass/ecycling.scss */
.ecycling .ecycling__h1 {
  font-size: 36px;
  line-height: 1.0;
}
 .ecycling .ecycling__h1.monica {
  font-size: 46px;
  line-height: 1.0;
}


/* line 389, ../sass/ecycling.scss */
.ecycling .ecycling__h2 {
  font-size: 26px;
  line-height: 1.5;
}
 .ecycling .ecycling__h2.monica {
  font-size: 28px;
  line-height: 1.5;
  font-weight:bold;
}


/* line 394, ../sass/ecycling.scss */
.ecycling .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}

 .ecycling .container .monica{
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-style: solid;
  border-color: #84bd00;
  border-width:1px;
}


/* line 404, ../sass/ecycling.scss */
.ecycling-howto > .container {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

/* line 411, ../sass/ecycling.scss */
.ecycling-testimonials > .container {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
}

/* line 418, ../sass/ecycling.scss */
.ecycling-testimonials {
  height: auto;
  min-height: 1px;
  overflow: hidden;
}

/* line 424, ../sass/ecycling.scss */
.ecycling-testimonials .testi-outer {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 500px;
  overflow: hidden;
}
}
@media (max-width: 1440px) {

.ecycling .btn-default-monica {
background-color: #fff;
display: inline-block;
text-align: center;
padding: 12px 33px;
color: #333 !important;
margin-top: -25px;
margin-right: 35px;
font-size: 16px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
}
/* line 434, ../sass/ecycling.scss */
.ecycling-howto > .container {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

/* line 441, ../sass/ecycling.scss */
.ecycling-testimonials > .container {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

/* line 448, ../sass/ecycling.scss */
.ecycling-testimonials {
  height: auto;
  min-height: 1px;
  overflow: hidden;
}

/* line 454, ../sass/ecycling.scss */
.ecycling-testimonials .testi-outer {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 500px;
  overflow: hidden;
}

/* line 462, ../sass/ecycling.scss */
.ecycling p.howto {
  min-height: 100px;
}
}
@media (max-width: 1200px) {
/* line 470, ../sass/ecycling.scss */
.ecycling p.howto {
  min-height: 150px;
}

/* line 474, ../sass/ecycling.scss */
.circle {
  left: -10px;
  top: -10px;
}

/* line 479, ../sass/ecycling.scss */
.ecycling .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

   .ecycling .container .monica{
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-style: solid;
  border-color: #84bd00;
  border-width:1px;

}


/* line 488, ../sass/ecycling.scss */
.ecycling-howto > .container {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

/* line 495, ../sass/ecycling.scss */
.ecycling-testimonials > .container {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
}
@media (max-width: 1024px) {
/* line 505, ../sass/ecycling.scss */
.ecycling .ecycling__h1 {
  font-size: 28px;
  line-height: 1.4;
}

/* line 510, ../sass/ecycling.scss */
.ecycling .ecycling__h2 {
  font-size: 24px;
  line-height: 1.5;
}

.ecycling .heading p{
font-size: 22px;
padding-top: 0px;
}


/* line 515, ../sass/ecycling.scss */
.ecycling .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
   .ecycling .container .monica{
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-style: solid;
  border-color: #84bd00;
  border-width:1px;

}


/* line 524, ../sass/ecycling.scss */
.ecycling-howto > .container {
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 531, ../sass/ecycling.scss */
.ecycling-testimonials > .container {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

/* line 538, ../sass/ecycling.scss */
.ecycling .columns-4 {
  width: 33.3%;
  padding: 5px;
  float: left;
  box-sizing: border-box;
}

/* line 545, ../sass/ecycling.scss */
.ecycling .ecycling__content.cover.pr1 {
  background: #f5f5f5 url(../images/ecycling/hero-md.jpg) no-repeat;
  background-size: cover;
}
.ecycling .ecycling__content.cover.pr1.monica {
  background: #f5f5f5 url(../images/monica/monica_tablet.png) no-repeat;
  background-size: cover;
}


/* line 551, ../sass/ecycling.scss */
.ecycling-testimonials {
  height: auto;
  overflow: hidden;
}

/* line 557, ../sass/ecycling.scss */
.ecycling-testimonials > .container {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

/* line 564, ../sass/ecycling.scss */
.ecycling-testimonials .testi-outer {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 350px;
  overflow: hidden;
}

/* line 572, ../sass/ecycling.scss */
.testi-outer .testi-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -100px;
  width: 300px;
  height: 200px;
}

/* line 583, ../sass/ecycling.scss */
.testi-inner .testi-icon-top {
  margin: auto;
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
}

/* line 590, ../sass/ecycling.scss */
.testi-inner h3.testi-title {
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
}

/* line 596, ../sass/ecycling.scss */
.testi-inner .testi-icon-bot {
  margin: auto;
  width: 64px;
  height: 64px;
  margin-top: 20px;
}

/* line 603, ../sass/ecycling.scss */
.testi-outer .testi-img {
  padding: 0;
  min-height: 150px;
}

/* line 608, ../sass/ecycling.scss */
.testi-outer .testi-body {
  height: 250px;
  padding: 0;
  margin: 0;
}

/* line 614, ../sass/ecycling.scss */
.testi-body .testi-inbody {
  position: relative;
  top: 50%;
  margin-top: -110px;
  overflow: hidden;
  min-height: 220px;
  padding: 0 30px;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
}

.ecycling .btn-default-monica {
background-color: #fff;
display: inline-block;
text-align: center;
padding: 12px 33px;
color: #333 !important;
margin-top: -25px;

font-size: 16px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
}

}
@media (max-width: 992px) {

.ecycling .btn-default-monica {
background-color: #fff;
display: inline-block;
text-align: center;
padding: 12px 33px;
color: #333 !important;
margin-top: -25px;
margin-right:0px;
font-size: 16px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
}
/* line 629, ../sass/ecycling.scss */
.ecycling-testimonials {
  height: auto;
  overflow: hidden;
}

/* line 635, ../sass/ecycling.scss */
.ecycling-testimonials > .container {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

/* line 642, ../sass/ecycling.scss */
.ecycling-testimonials .testi-outer {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 400px;
  overflow: hidden;
}

/* line 650, ../sass/ecycling.scss */
.testi-outer .testi-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -100px;
  width: 300px;
  height: 200px;
}

/* line 661, ../sass/ecycling.scss */
.testi-inner .testi-icon-top {
  margin: auto;
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
}

/* line 668, ../sass/ecycling.scss */
.testi-inner h3.testi-title {
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
}

/* line 674, ../sass/ecycling.scss */
.testi-inner .testi-icon-bot {
  margin: auto;
  width: 64px;
  height: 64px;
  margin-top: 20px;
}

/* line 681, ../sass/ecycling.scss */
.testi-outer .testi-img {
  padding: 0;
  min-height: 150px;
}

/* line 686, ../sass/ecycling.scss */
.testi-outer .testi-body {
  height: 250px;
  padding: 0;
  margin: 0;
}

/* line 692, ../sass/ecycling.scss */
.testi-body .testi-inbody {
  position: relative;
  top: 50%;
  margin-top: -110px;
  overflow: hidden;
  min-height: 220px;
  padding: 0 20px;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
}

/* line 704, ../sass/ecycling.scss */
.ecycling .btn-default {
  width: 100%;
}

.ecycling .btn-default-monica {
  width: 100%;
}



/* line 709, ../sass/ecycling.scss */
#testi-1, #testi-2 {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
}
}
@media (max-width: 767px) {
/* line 721, ../sass/ecycling.scss */
.ecycling p.howto {
  min-height: 75px;
}

.ecycling .btn-default-monica {
background-color: #fff;
display: inline-block;
text-align: center;
padding: 12px 33px;
color: #333 !important;
margin-top: -25px;

font-size: 16px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
}

/* line 725, ../sass/ecycling.scss */
.ecycling .ecycling__h1 {
  font-size: 20px;
  line-height: 1.5;
}

/* line 730, ../sass/ecycling.scss */
.ecycling .ecycling__h2 {
  font-size: 18px;
  line-height: 22px;
}

.ecycling .heading p{
font-size: 16px;
padding-top: 0px;
}


/* line 735, ../sass/ecycling.scss */
.ecycling .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
 .ecycling .container .monica{
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-style: solid;
  border-color: #84bd00;
  border-width:1px;

}

/* line 744, ../sass/ecycling.scss */
.ecycling-howto > .container {
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 751, ../sass/ecycling.scss */
.ecycling-testimonials > .container {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

/* line 758, ../sass/ecycling.scss */
.ecycling .columns-4, .ecycling .columns-6 {
  width: 100%;
  padding: 15px;
  float: none;
  box-sizing: border-box;
}

/* line 765, ../sass/ecycling.scss */
.ecycling_br {
  display: none;
}

/* line 767, ../sass/ecycling.scss */
.ecycling .ecycling__content.cover.pr1 {
  background: #f5f5f5 url(../images/ecycling/hero-xs.jpg) no-repeat;
  background-size: cover;
}
  .ecycling .ecycling__content.cover.pr1.monica {
  background: #f5f5f5 url(../images/monica/monica_phone.png) no-repeat;
  background-size: cover;
}


/* line 773, ../sass/ecycling.scss */
.ecycling-testimonials {
  height: auto;
  overflow: hidden;
}

/* line 779, ../sass/ecycling.scss */
.ecycling-testimonials > .container {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

/* line 786, ../sass/ecycling.scss */
.ecycling-testimonials .testi-outer {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 350px;
  overflow: hidden;
}

/* line 794, ../sass/ecycling.scss */
.testi-outer .testi-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -100px;
  width: 300px;
  height: 200px;
}

/* line 805, ../sass/ecycling.scss */
.testi-inner .testi-icon-top {
  margin: auto;
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
}

/* line 812, ../sass/ecycling.scss */
.testi-inner h3.testi-title {
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
}

/* line 818, ../sass/ecycling.scss */
.testi-inner .testi-icon-bot {
  margin: auto;
  width: 64px;
  height: 64px;
  margin-top: 20px;
}

/* line 825, ../sass/ecycling.scss */
.testi-outer .testi-img {
  padding: 0;
  min-height: 150px;
}

/* line 831, ../sass/ecycling.scss */
.testi-outer .testi-body {
  height: 250px;
  padding: 0;
  margin: 0;
}

/* line 837, ../sass/ecycling.scss */
.testi-body .testi-inbody {
  position: relative;
  top: 50%;
  margin-top: -90px;
  padding: 0 15px;
  min-height: 180px;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
}

/* line 848, ../sass/ecycling.scss */
.videoContainer {
  top: 50px !important;
}
}
@media (max-width: 480px) {
/* line 855, ../sass/ecycling.scss */
.ecycling__content > .heading {
  margin-top: -150px;
}
  .ecycling__content > .heading.monica {
  margin-top: -100px;
}
div.monica-c {
  width: 75%;
  margin: 0 auto;
}
div.monica-d {
  width: 75%;
  margin: 0 auto;
}



/* line 859, ../sass/ecycling.scss */
.ecycling .ecycling__content.cover.pr1 {
  background: #f5f5f5 url(../images/ecycling/hero-xs.jpg) no-repeat;
  background-size: cover;
  min-height: 100vh;
}

/* line 868, ../sass/ecycling.scss */
.ecycling-testimonials {
  min-height: 800px;
  overflow: hidden;
}

/* line 874, ../sass/ecycling.scss */
.ecycling-testimonials > .container {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

/* line 881, ../sass/ecycling.scss */
.ecycling-testimonials .testi-outer {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 400px;
  overflow: hidden;
}

/* line 889, ../sass/ecycling.scss */
.testi-outer .testi-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -100px;
  width: 300px;
  height: 200px;
}

/* line 900, ../sass/ecycling.scss */
.testi-inner .testi-icon-top {
  margin: auto;
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
}

/* line 907, ../sass/ecycling.scss */
.testi-inner h3.testi-title {
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
}

/* line 913, ../sass/ecycling.scss */
.testi-inner .testi-icon-bot {
  margin: auto;
  width: 64px;
  height: 64px;
  margin-top: 20px;
}

/* line 920, ../sass/ecycling.scss */
.testi-outer .testi-img {
  padding: 0;
  min-height: 133px;
}

/* line 925, ../sass/ecycling.scss */
.testi-outer .testi-body {
  height: 250px;
  padding: 0;
  margin: 0;
}

/* line 931, ../sass/ecycling.scss */
.testi-body .testi-inbody {
  position: relative;
  top: 50%;
  margin-top: -90px;
  padding: 0 15px;
  min-height: 180px;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
}
}
/* ---------------------------
Footer
 --------------------------- */
/* ---------------------------
Navigation
 --------------------------- */
/* ---------------------------
Buttons
 --------------------------- */
/* line 960, ../sass/ecycling.scss */
.ecycling-button {
color: #303030;
background-color: #FFF;
font-size: 15px;
font-weight: 300;
max-width: 230px;
margin: auto;
padding: 10px;
border: 3px solid #FFF;
}
.ecycling-button-monica {
color: #FFFFFF;
background-color: #84bd00;
font-size: 15px;
font-weight: 300;
max-width: 230px;
margin: auto;
padding: 10px;
border: 3px solid #84bd00;
margin-top:20px;
}


/* line 971, ../sass/ecycling.scss */
.ecycling-button:after {
display: inline-block;
background-image: url("../images/ecycling/play-icon-gray.png");
background-size: 20px;
background-position: right center;
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin-left: 8px;
content: url("../images/ecycling/transparent.png");
}

/* line 983, ../sass/ecycling.scss */
.ecycling-button:hover {
background-color: #FFF;
color: #303030;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
-ms-border-radius: 27px;
-o-border-radius: 27px;
border-radius: 27px;
border: 3px solid #00843D;
}

/* line 994, ../sass/ecycling.scss */
.ecycling-button:active {
background-color: transparent;
border: 3px solid #FFFFFF;
color: #FFFFFF;
}
.ecycling-button-monica:after {
display: inline-block;
background-image: url("../images/ecycling/play-icon.png");
background-size: 20px;
background-position: right center;
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin-left: 8px;
content: url("../images/ecycling/transparent.png");
}

/* line 983, ../sass/ecycling.scss */
.ecycling-button-monica:hover {
background-color: #00843D;
color: #FFFFFF;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
-ms-border-radius: 27px;
-o-border-radius: 27px;
border-radius: 27px;
border: 3px solid #00843D;
}

/* line 994, ../sass/ecycling.scss */
.ecycling-button-monica:active {
background-color: transparent;
border: 3px solid #FFFFFF;
color: #FFFFFF;
}

/* line 1000, ../sass/ecycling.scss */
.ecycling .btn-default {
background-color: #fff;
display: inline-block;
text-align: center;
padding: 12px 33px;
color: #333 !important;
margin-top: 25px;

font-size: 16px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
}


/* ---------------------------
Global Styles
 --------------------------- */
/* ---------------------------
Video Styles
 --------------------------- */
/* line 1028, ../sass/ecycling.scss */
.videoContainer {
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 635px;
position: absolute;
top: 100px;
left: 0;
z-index: 10;
}

/* line 1037, ../sass/ecycling.scss */
.videoContainer .videoClose {
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
position: absolute;
top: 5px;
right: 0;
width: 100px;
height: 100px;
padding: 10px 20px;
text-align: center;
font-size: 50px;
cursor: pointer;
}

/* line 1050, ../sass/ecycling.scss */
.videoContainer .videoWrapper {
/*position: relative;*/
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}

/* line 1056, ../sass/ecycling.scss */
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* line 1065, ../sass/ecycling.scss */
video {
width: 100%    !important;
height: auto   !important;
}





video.migracion-db {
 height: 65%   !important;
}
.migracion-db-2
{
width:75%;
margin: 0 auto;
padding-top:75px;
}
@media(max-width:768px)
{
video.migracion-db {
width: 100%    !important;
height: auto   !important;
}
.migracion-db-2
{
width:100%; margin: 0 auto; padding-top:75px;
}
}

/* line 1069, ../sass/ecycling.scss */
figure {
display: block;
background: #eee;
padding: 10px;
}

/* line 1070, ../sass/ecycling.scss */
figcaption {
display: block;
text-align: center;
margin: 10px 0;

font-size: 14px;
orphans: 2;
}

/* ---------------------------
Animations
 --------------------------- */
/*animation element*/
/* line 1082, ../sass/ecycling.scss */
.animation-element {
position: relative;
margin: 0% 0% 2.66% 0%;
float: left;
}

/*3 grid layout*/
/* line 1090, ../sass/ecycling.scss */
.animation-element:nth-of-type(3n-2) {
margin: 0% 0% 2.75% 0%;
clear: left;
}

/* line 1096, ../sass/ecycling.scss */
.animation-element:nth-of-type(3n-1) {
margin: 0% 0% 2.75% 0%;
}

/* line 1101, ../sass/ecycling.scss */
.animation-element:nth-of-type(3n-0) {
margin: 0% 0% 2.75% 0%;
clear: right;
}

/*bounce up animation for the subject*/
/* line 1109, ../sass/ecycling.scss */
.bounce-up .col-light {
opacity: 0;
-moz-transition: all 400ms ease-out;
-webkit-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
-moz-transform: translate3d(0px, 200px, 0px);
-webkit-transform: translate3d(0px, 200px, 0px);
-o-transform: translate(0px, 200px);
-ms-transform: translate(0px, 200px);
transform: translate3d(0px, 200, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}

/* line 1125, ../sass/ecycling.scss */
.bounce-up.in-view .col-light {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}

/* Home v3 Mortgage*/

.container {
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
}
/*.cf:before, .cf:after {
  content: " ";
  display: table;
}*/
.cf:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}


.home__v3 #hero {
background-color: #f9f9f9;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
width: 100%;
position: relative;
}

.home__v3 #hero .hero-text {
color: #fff;
font-size: 28px;
font-weight: bold;
}

.home__v3 #hero .hero-text .author {
font-weight: normal;
font-size: 20px;
text-align: right;
display: block;
padding-right: 7px;
}

.home__v3 #hero .hero-text-inner {
padding-top: 35px;
display: inline-block;
}

.home__v3 #hero .hero-caption {
width: 100%;
background: #00843d;
background-color: rgba(0,132,61,0.90);
padding: 16px 0;
color: #fff;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
}

.home__v3 #hero .hero-caption h2 {
font-size: 28px;
line-height: 1;
font-weight: normal;
margin: 0;
}

.home__v3 #slider {
background-color: #00843d;
color: #fff;
font-size: 20px;
padding-top: 50px;
padding-bottom: 50px;
}

.wrapper {
margin-left: auto;
margin-right: auto;
position: relative;
padding-left: 15px;
padding-right: 15px;
}

#slider .ofertas .icon-block {
float: left;
width: 22%;
}

#slider .ofertas .icon-block .iconBox {
position: relative;
width: 85px;
text-align: center;
}

#slider .ofertas .icon-block .iconBox:after {
content: '';
display: block;
background-color: #00843d;
width: 100%;
height: 6px;
border-radius: 999px;
margin-top: 12px;
}

#slider .ofertas .oferta-desc {
float: left;
width: 78%;
line-height: 1.5;
padding-top: 15px;
}

#slider .sliderNav .navBtn {
width: 40px;
height: 40px;
line-height: 34px;
text-align: center;
color: #fff;
font-size: 34px;
text-decoration: none;
display: inline-block;
border-radius: 50%;
border: 2px solid #fff;
position: absolute;
top: 50%;
margin-top: -20px;
  filter: Alpha(Opacity=60);
  opacity: 0.6;
transition: opacity .21s ease;
}

#slider .sliderNav .navBtn:focus {
  filter: Alpha(Opacity=80);
  opacity: 0.8;
}

#slider .sliderNav .navBtn:hover,
#slider .sliderNav .navBtn:active {
  filter: Alpha(Opacity=100);
  opacity: 1;
}

#slider .sliderNav .navBtn.prev {
left: -125px;
}

#slider .sliderNav .navBtn.next {
right: -125px;
}

#slider .sliderNav .navBtn.prev .fa {
margin-left: -3px;
}

#slider .sliderNav .navBtn.next .fa {
margin-right: -3px
}

#custom-pagination-container {
background: #fff;
width: 100%;
position: relative;
padding: 10px 0;
text-align: center;
}

#custom-pagination-container .owl-page {
  display: inline-block;
  zoom: 1;
  cursor: pointer;
}

#custom-pagination-container .owl-page span {
  display: block;
  width: 10px;
  height: 10px;
  margin-left: 7px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  border-radius: 50%;
  background: #ff595e;
}

#custom-pagination-container .owl-page.active span, #custom-pagination-container .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1;
}

.home__v3 .column-row {
margin-left: -15px;
margin-right: -15px;
}

.home__v3 .column-half {
float: left;
padding-left: 15px;
padding-right: 15px;
}


.home__v3 .home-content {
background-color: #e8ebea;
padding-top: 32px;
padding-bottom: 32px;
}

.home__v3 .home-content .column-block {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #e2e5e4;
}

.home__v3 .home-content .column-block .block-title {
background-color: #00843d;
color: #fff;
padding: 20px 25px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.home__v3 .home-content .column-block .block-title h2 {
font-weight: bold;
font-size: 16px;
line-height: 1.25;
margin: 0;
}

.home__v3 table {
width: 100%;
max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

.home__v3 .column-block {
margin-bottom: 25px;
}



.home__v3 .table .percent {
font-size: 45px;
color: #00843d;
font-weight: bold;
}

.home__v3 .table .percent sup {
font-size: 20px;
}

.home__v3 .table>tbody>tr>td {
font-size: 16px;
color: #666666;
text-align: center;
  padding: 12px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #e2e5e4;
background-color: #fff;
width:50%;

}

.home__v3 .table>tbody>tr>td:nth-child(odd) {
  border-right: 1px solid #e2e5e4;
  border-radius:0px;

}




.home__v3 .table>tbody>tr.trans>td {
background: transparent;
border-right: 0;
}

.home__v3 .f13 {
font-size: 13px;
}

.home__v3 .hr {
margin: 0 0 25px;
border-top: 1px solid #ddd;
}

.home__v3 #mApps {
background-color: #84bd00;
padding: 30px 40px 20px 40px;
color: #fff;
font-size: 16px;
line-height: 1.5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.home__v3 #mApps .f20 {
font-size: 20px;
font-weight: bold;
}

.home__v3  #mApps .appIcon {
float: left;
margin-right: 15px;
margin-bottom: 20px;
width: 90px;
height: 90px;
background-color: #fff;
background-image: url(../images/mortgages/icon-app.png);
background-image: url(../images/mortgages/icon-app.svg);
background-repeat: no-repeat;
background-size: 80px auto;
background-position: 10px center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.home__v3  .app-badges .app-badge {
display: inline-block;
text-decoration: none;
margin-right: 10px;
}

.home__v3  .app-badges .app-badge:last-child {
margin-right: 0;
}

.home__v3  #mApps, .home__v3  #contactwrap  {
margin-bottom: 25px;
}

.home__v3  #contactwrap .top25 {
margin-top: 20px;
}

.home__v3  #contactwrap a {
font-weight: bold;
color: #00843d;
font-size: 20px;
display: block;
margin-top: 5px;
}

.home__v3 .copy-notes {
line-height: 1.7;
padding-bottom: 10px;
}

.home__v3 .column-full {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}

.home__v3 .table-text {
line-height: 1.5;
margin-bottom: 25px;
}

@media (min-width: 768px) {
.home__v3 #hero {
  background-image: url(../images/mortgages/hero-img-tablet-@1x.jpg);
  height: 410px;
}

#slider>.wrapper {
  width: 600px;
}

.home__v3 .home-content .column-half {
  width: 50%;
}

.xs-visible {
  display: none !important;
}

.home__v3 #hero .hero-text br {
  display: none;
}

.mobile_banca_dropdown .sbOptions {
      margin-top:-230px !important;
      overflow-y:none !important;
      max-height:none !important;
 }
}

@media (min-width: 992px) {
.home__v3 #hero {

  background-image: url(../images/mortgages/hero-img-desktop-@1x.jpg);
  height: 450px;
  }

  .bg--vi-tips {
      background-image: url(../images/FB_Website_Tips_Mrtgage_VI_Hero_Desktop.png);
  }

.home__v3 .home-content>.wrapper {
  width: 810px;
}
}

@media screen and (min-width: 1024px) {



  .bg--vi-tips {
      background-image: url(../images/FB_Website_Tips_Mrtgage_VI_Hero_Desktop.png);
  }
/*.home__v3{
  padding-top:105px
}*/

.home__v3 #hero .hero-text>.wrapper {
  width: 740px;
}

.hero-text-inner {
  margin-left: 40px
}
}

@media screen and (min-width: 1200px) {
.home__v3 #hero .hero-text>.wrapper {
  width: 1140px;
}

.hero-text-inner {
  margin-left: 10%;
}
}

@media screen and (min-width: 1366px) {
.hero-text-inner {
  margin-left: 14%;
}
}

@media screen and (min-width: 1600px) {
.hero-text-inner {
  margin-left: 0;
}
}

@media (max-width: 1024px) {
.v2__home {
  padding-bottom: 0;
}
}

@media (max-width: 991px) {
.sliderNav {
  display: none;
}

.home__v3 #mApps {
  padding-left: 30px;
  padding-right: 30px;
}

.app-badges .app-badge {
  margin-right: 10px;
}
}

@media (max-width: 767px) {
.home__v3 #hero {
  background-image: url(../images/mortgages/hero-img-mobile-@2x.jpg);
  height: 375px;
}

.home__v3 #hero .hero-text-inner {
  padding-top: 35px;
}

.home__v3 .column-half {
  float: none;

}

.home__v3 #hero .hero-caption h2 {
  font-size: 18px;
}

#slider .ofertas .icon-block, #slider .ofertas .oferta-desc {
  float: none;
  width: 100%;
  text-align: center;
}

#slider .ofertas .icon-block .iconBox {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.home__v3 .xs-hidden {
  display: none !important;
}

#call-badge {
  background-color: #fff;
  padding: 10px 0;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1011;
}

#call-badge .badge-call a {
  color: #00843d;
  text-decoration: none;
  border-radius: 5px;
  border: 2px solid #00843d;
  background: transparent url(../images/mortgages/icon-phone.png) no-repeat 20px center;
  background-size: 22px auto;
  font-size: 16px;
  display: block;
  text-align: center;
  width: 240px;
  height: 45px;
  line-height: 42px;
  margin: 0 auto;
}

/*.v2__home {
  padding-bottom: 65px;
}*/

.footer__nav {
  display: none !important;
}

.home__v3 #hero .hero-text {
  font-size: 22px;
}
.footer--v2{
padding-bottom:0px;
}

.home__v3 #hero .hero-text .author {
  font-size: 16px;
}
/*.home__v3 .app{
padding-right: 40%;
}*/

}
/***** mortgages iphone5 importante verificar hero-text*****/
@media (max-width: 375px) {
.home__v3 #hero .hero-text-inner {
  padding-top: 20px;
}
.hero-text{
padding-top:40px;}


.home__v3 #hero .hero-text {
  font-size: 18px;
}
.home__v3 #hero {
  background-image: url(../images/mortgages/hero-img-mobile-@1x.jpg);
  background-size: 375px 310px;
  height: 310px;
}

.app-badges .app-badge {
  margin-right: 10px;
}

.home__v3 #mApps {
background-color: #84bd00;
padding:20px 20px 10px 20px;
color: #fff;
font-size: 13px;
line-height: 1.5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.home__v3 #mApps .f20 {
font-size: 16px;
font-weight: bold;
}

.home__v3  #mApps .appIcon {
float: left;
margin-right: 15px;
margin-bottom: 20px;
width: 75px;
height: 75px;
background-color: #fff;
background-image: url(../images/mortgages/icon-app.png);
background-image: url(../images/mortgages/icon-app.svg);
background-repeat: no-repeat;
background-size: 80px auto;
background-position: 10px center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


.home__v3  .app-badges .app-badge {
display: inline-block;
text-decoration: none;
margin-right: 5px;
}
.home__v3  .app-badges .app-badge > img {
width:115px !important;
height:30px !important;
}


.home__v3  .app-badges .app-badge:last-child {
margin-right: 0;
}

.home__v3  #mApps, .home__v3  #contactwrap  {
margin-bottom: 25px;
}

#slider .ofertas .icon-block .iconBox {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

}

/* Retina CSS */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 375px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 375px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 375px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 375px),
only screen and (min-resolution: 192dpi) and (min-width: 375px),
only screen and (min-resolution: 2dppx) and (min-width: 375px) {
.home__v3 #hero {
  background-image: url(../images/mortgages/hero-img-mobile-@2x.jpg);
}
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min-resolution: 192dpi) and (min-width: 768px),
only screen and (min-resolution: 2dppx) and (min-width: 768px) {
.home__v3 #hero {
  background-image: url(../images/mortgages/hero-img-tablet-@2x.jpg);
  background-size: cover;
}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1300px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1300px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1300px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1300px),
only screen and (min-resolution: 192dpi) and (min-width: 1300px),
only screen and (min-resolution: 2dppx) and (min-width: 1300px) {
.home__v3 #hero {
  background-image: url(../images/mortgages/hero-img-desktop-@2x.jpg);
  background-size: 1440px 450px;
}
}

.v3_nav.v2--nav .mega__menu {
background-color: #f5f5f5;
padding-top: 18px;
padding-bottom: 18px;
height: inherit;
box-shadow: 0 10px 27px 0px rgba(0,0,0,.30);
}

.v3_nav.v2--nav .mega__menu  h3 {
font-weight: bold;
color: #00843d;
margin-bottom: 5px;
margin-top: 20px;
font-size: 14px;
}

.v3_nav.v2--nav .mega__menu  h3 a {
color: #00843d;
}

.v3_nav.v2--nav .mega__menu h3.mroff {
margin-top: 0;
}

.v3_nav.v2--nav .mega__menu ul {
list-style: none;
padding: 0;
margin: 0;
}

.v3_nav.v2--nav .mega__menu ul li {
line-height: 1.5;
}

.v3_nav.v2--nav .mega__menu li.has-sub>a {
color: #65656a;
margin-bottom: 5px;
display: block;
}

.v3_nav.v2--nav .mega__menu ul>li>a {
font-weight: bold;
}

.v3_nav.v2--nav .mega__menu ul ul>li>a {
font-weight: normal;
}

.v3_nav.v2--nav .mega__menu li.has-sub ul {
margin-bottom: 5px;
padding-left: 0;
}

.v3_nav.v2--nav .mega__menu li.has-sub ul>li {
background: url(../svg/menu-arrow.svg) no-repeat left center;
background-size: 5px auto;
padding-left: 10px;
}

.v3_nav.v2--nav .mega__menu ul li a:hover {
color: #006ade;
}

.v3_nav.v2--nav .mega__menu .has-sub > a:before,
.v3_nav.v2--nav .mega__menu .has-sub > a:after {
display: none;
}

.v3_nav .nav-column {
width: 25%;
float: left;
padding: 0 2%;
border-right: 1px solid #ddd;
min-height: 462px;
}

.v3_nav .nav-column:first-child {
padding-left: 0;
}

.v3_nav .nav-column:last-child {
border-right: 0;
}

.v3_nav.v2--nav .mega__menu h3 a:hover {
color: #65656a;
}

#home--campaign {
padding-top: 40px;
padding-bottom: 40px;
height: 330px;
}

#home--campaign .camp-inner {
margin: 0 auto;
}

#home--campaign .camp-inner img {
max-width: 100%;
height: auto;
}

.v3_nav.v2--nav .page__navigation > li:hover > a {
font-weight: bold;
color: #006ade;
}

/* new CSS for Menu */
@media (min-width: 768px) {
#home--campaign .camp-inner {
  width: 750px;
}

#home--campaign .camp-sm {
  display: none;
}
}



@media (min-width: 1200px) {
.v2__home .container,
.v2__home .header__top .container {
  width: auto;
  padding-left: 30px;
  padding-right: 30px
}

.v2__home .header__top .mega__menu .container {
  padding-left: 15px;
  padding-right: 15px;
}

.v2__home .header__top .mega__menu .container {
  padding-left: 30px;
  padding-right: 30px;
}
}

@media (min-width: 1300px) {
.v2__home .header__top .mega__menu .container {
  padding-left: 17.8%;
  padding-right: 17.8%;
}

.v2__home .container {
  padding-left: 63px;
  padding-right: 63px;
}

.v2__home .header__top .container {
  padding-left: 15px;
  padding-right: 15px;
}

.v2__home .header--main--desktop .logo--main {
  margin-left: 48px;
}

.v2__home .header__top .header__top--aside.column {
  margin-right: 48px;
}
}

@media (max-width: 1024px) {
#home--campaign {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 100%;
}
}

@media (max-width: 767px) {
#home--campaign {
  padding-top: 0;
  padding-bottom: 0;
}

#home--campaign .camp-lg {
  display: none;
}
}

/******** MODAL YT********/
.modalyt {
padding: 30px;
left: 50%;
top: 50%;
position: fixed;
z-index: 500;
/*background: #fff;*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

}

.modalyt.size-m {
width: 853px;
height: 480px;
}

.modalyt.size-l {
width: 700px;
height: 500px;
}

.modalyt.size-s {
width: 500px;
height: 300px;
}

.modalyt-bg {
position: fixed;
height: 100%;
width: 100%;
background-color: #000;
opacity: 0.5;
top: 0;
left: 0;
z-index: 110;
opacity: 1;
}

.modalyt-close {
     color: #fff;
  position: absolute;
  top: -110px;
  right: -200px;
  width: 100px;
  height: 100px;
  padding: 10px 20px;
  text-align: center;
  font-size: 60px;
  cursor: pointer;
}

.modalyt-close:hover {
color: #e72626;
}
.blocker{
z-index:111 !important;
}
/* END MODAL YT */

/*************************/
/***** CUSTOM STYLES Business Comparison*****/
/*************************/
/* ---------------------------
General Styles
 --------------------------- */
/* line 19, ../sass/bbc.scss */
section.bbc {
line-height: 1.5;
}

/* line 22, ../sass/bbc.scss */
.bbc-wrapper {
width: 100%;
max-width: 1060px;
}

/* line 27, ../sass/bbc.scss */
.bbc-wrapper h1 {
font-size: 26px;
line-height: 1.1;
font-weight: 500;
}

/* line 33, ../sass/bbc.scss */
.bbc .container {
margin-right: auto;
margin-left: auto;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px;
}

/* line 42, ../sass/bbc.scss */
.bbc-header {
border-bottom: 50px #038459 solid;
}

/* line 49, ../sass/bbc.scss */
.bbc-description h3 {
color: #038459;
}

/* line 54, ../sass/bbc.scss */
.bbc-table table {
border: 1px solid #f6f8f7;
background-color: #FFFFFF;
width: 100%;
padding: 0;
margin: 0;
}

/* line 61, ../sass/bbc.scss */
.bbc-table table thead.hideme {
display: none;
}

/* line 65, ../sass/bbc.scss */
table th > .tbl_title,   table td > .tbl_title {
padding: 20px 10px;
}

/* line 70, ../sass/bbc.scss */
.bbc-table table tr > th {
border: none;
font-size: 13px;
font-weight: normal;
text-align: left;
width: 15%;
}

/* line 77, ../sass/bbc.scss */
.bbc-table table tr > th:first-child, .bbc-table table tr > td:first-child {
width: 15%;
}

/* line 80, ../sass/bbc.scss */
.bbc-table table tr > td {
width: 15%;
border: 1px solid #f6f8f7;
font-size: 13px;
font-weight: normal;
text-align: center;
padding: 10px;
}

/* line 88, ../sass/bbc.scss */
.bbc-table th.bg {
background-color: #f6f8f7;
}

/* line 91, ../sass/bbc.scss */
.bbc-table th.bg-white {
background-color: #FFFFFF;
}

/* line 94, ../sass/bbc.scss */
.bbc-table th.bg-dark-green, .bbc-table td.bg-dark-green  {
  background-color: #00843D;
  color: #FFFFFF;
  }

/* line 98, ../sass/bbc.scss dark gray now*/
.bbc-table th.bg-light-green, .bbc-table td.bg-light-green  {
background-color:lightgray;
color: #303030 ;
}

/* line 103, ../sass/bbc.scss */
.bbc-table td .info-icon {
display: none;
}

/* line 104, ../sass/bbc.scss */
.bbc-table td .info-text {
display: inline;
}

@media (max-width: 767px) {
/* line 108, ../sass/bbc.scss */
.bbc-table table tr > th {
  max-width: 15px;
  height: 180px;
  padding: 0;
  margin: 0;
  bottom: -180px;
}

/* line 116, ../sass/bbc.scss */
.bbc-table table tr > td {
  width: 15px;
  padding: 10px 0;
}

/* line 120, ../sass/bbc.scss */
.bbc-table table tr > td:first-child {
  max-width: 40%;
  padding: 10px;
}

/* line 124, ../sass/bbc.scss */
table th > .tbl_title,   table td > .tbl_title {
  padding: 0;
  white-space: nowrap;
  -webkit-transform: rotateZ(270deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotateZ(270deg);
  /* Mozilla */
  -ms-transform: rotateZ(270deg);
  /* IE 9 */
  transform: rotateZ(270deg);
  position: relative;
  bottom: -30px;
}

/* line 136, ../sass/bbc.scss */
.bbc-table td .info-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}

/*.info-icon img { width: 100%; height: auto; }*/
/* line 138, ../sass/bbc.scss */
.bbc-table td .info-text {
  display: none;
}
}
@media (max-width: 480px) {
/* line 142, ../sass/bbc.scss */
table th > .tbl_title,  table td > .tbl_title {
  position: relative;
  padding: 0;
  white-space: nowrap;
  -webkit-transform: rotateZ(270deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotateZ(270deg);
  /* Mozilla */
  -ms-transform: rotateZ(270deg);
  /* IE 9 */
  transform: rotateZ(270deg);
  -webkit-font-smoothing: antialiased;
  bottom: -50px;
}

/* line 154, ../sass/bbc.scss */
.bbc-table table.menu {
  /* MAGIC HAPPENS HERE */
  transform: translateZ(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
}
}
/* line 167, ../sass/bbc.scss */
.bbc .container:before, .bbc .container:after {
content: " ";
display: table;
}

/* line 172, ../sass/bbc.scss */
.bbc .container:after {
clear: both;
}

/* line 176, ../sass/bbc.scss */
.bbc .row {
margin-left: -15px;
margin-right: -15px;
}

/* line 181, ../sass/bbc.scss */
.bbc .row:before, .bbc .row:after {
content: " ";
display: table;
}

/* line 186, ../sass/bbc.scss */
.bbc .row:after {
clear: both;
}

/* line 191, ../sass/bbc.scss */
.bbc-wrapper img {
width: 100%;
height: auto;
}

/* ---------------------------
Detailing
 --------------------------- */
/* line 201, ../sass/bbc.scss */
.circle {
background-color: #00843D;
color: #FFFFFF;
width: 50px;
height: 50px;
padding-top: 5px;
font-size: 25px;
text-align: center;
display: block;
box-sizing: border-box;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
position: relative;
left: -20px;
top: -20px;
}

/* ---------------------------
Buttons
 --------------------------- */
/* line 228, ../sass/bbc.scss */
.bbc-button, .bbc-button:active {
color: #FFFFFF;
font-size: 14px;
padding: 10px;
font-weight: 300;
margin: auto;
}

/* line 236, ../sass/bbc.scss */
.bbc-button:after {
content: 'Learn more';
white-space: nowrap;
vertical-align: text-top;
}
.pr-mas:after{
content: 'Conoce más';

}

@media (max-width: 992px) {
/* line 244, ../sass/bbc.scss */
.bbc-button {
  font-size: 13px;
  font-weight: 300;
  max-width: 230px;
  margin: auto;
  padding: 10px;
  border: 3px solid #84bd00;
}

/* line 253, ../sass/bbc.scss */
.bbc-button:after {
  content: 'Learn more';
  vertical-align: text-top;
}
.pr-mas:after{
content: 'Conoce más';

}
div.modal-content > ul > li{
text-align:left;


}
}
@media (max-width: 767px) {
/* line 260, ../sass/bbc.scss */
.bbc-button {
  font-size: 20px;
  max-width: 50px;
  line-height: 15px;
}

/* line 266, ../sass/bbc.scss */
.bbc-button:after {
  content: '...';
  margin-top: 0px;
  width: 20px;
  height: 20px;
  vertical-align: text-top;
}
.pr-mas:after{
content: '...';

}


/* line 273, ../sass/bbc.scss */
.bbc-button:hover {
  color: #FFFFFF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
}
/* ---------------------------
Typography
 --------------------------- */
/* ---------------------------
Layout
 --------------------------- */
/* line 292, ../sass/bbc.scss */
.full-screen {
width: 100%;
height: 100%;
margin: 0;
bottom: 0;
left: 0;
z-index: 999;
position: fixed;
background: rgba(0, 0, 0, 0.9);
}

/* line 302, ../sass/bbc.scss */
.full-screen .modal-content {
z-index: 9999;
color: #fff;
font-size: 18px;
font-family: "Arial Black", Gadget, sans-serif;
position: absolute;
top: 50%;
left: 50%;
margin-left: -100px;
text-align: center;
width: 200px;
}

/* line 314, ../sass/bbc.scss */
.full-screen .close {
position: absolute;
right: 5px;
top: 5px;
width: 30px;
height: 30px;
box-sizing: border-box;
border: 1px solid #fff;
}

/* line 324, ../sass/bbc.scss */
.full-screen .close:after {
content: 'X';
font-size: 22px;
line-height: 28px;
text-align: center;
margin-left: 7px;
color: #fff;
}

.label-new {
  background-color: #038459;
}

.label-loc {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
span .rdc{
background: url("../images/deposito-expreso/depositoDirecto.png")center no-repeat;
display:inline-block;
 background-size: 100%;
   padding: 40px 5px 5px 85px;
   }
span .rdc-vi{
background: url("../images/deposito-expreso/direct-deposit-vi.png")center no-repeat;
display:inline-block;
 background-size: 100%;
   padding: 40px 5px 5px 85px;
   }

a > .label-loc{
display:none;
}

@media (max-width: 1024px){
.locator-top-desktop-en{
background: url(../images/tablas_promobanner_en)no-repeat ;
background-size:100%;
  background-position:center;
height:100px;
max-width:100%;

}
.locator-top-desktop-esp{
background: url(../images/Locator_Header_DeskTablet.jpg)no-repeat ;
background-size:100%;
  background-position:center;
height:100px;
max-width:100%;

}}


@media (min-width: 1600px){

.locator-top-desktop-esp{

}



}

@media screen and (orientation: landscape) {

  .locator-top-desktop-en {

      background: url(../images/Locator_Header_DeskTablet_ING.jpg)no-repeat ;
      background-size:100%;
      background-position:center;
      height:130px;
      max-width:100%;

  }
      .locator-top-desktop-esp{
      background: url(../images/Locator_Header_DeskTablet.jpg)no-repeat ;
      background-size:100%;
      background-position:center;
      height:130px;
      max-width:100%;

  }
  .locator-image {
      height: 130px;
      line-height: 50px;
      padding: 0px;
      /* background-color: white; */
  }

}

@media(max-width:767px){

.locator-top-mobile-esp{
  background: url(../images/Locator_Header_Movil.jpg)no-repeat;
  background-size:100%;
  background-position:center;
height:175px;
max-width:100%;
}
.locator-top-mobile-en{
  background: url(../images/Locator_Header_Movil-ING.jpg)no-repeat;
  background-size:100%;
  background-position:center;
height:175px;
max-width:100%;
}
}

@media screen and (orientation: landscape) {
.locator-image {
/*    height: 175px;
  */line-height: 50px;
  padding: 0px;
  /* background-color: white; */
}
.locator-top-mobile-esp{
  background: url(../images/mobile_promobanner_es.png)no-repeat;
  background-size:100%;
  background-position:center;
height:250px;
max-width:100%;
}
.locator-top-mobile-en{
  background: url(../images/mobile_promobanner_en.png)no-repeat;
  background-size:100%;
  background-position:center;
height:250px;
max-width:100%;
}

}




.locator-fdic{
min-height:100px !important;
}

#home--campaign {
background: url(../images/Home_Page_Banner_Desktop_ESP.jpg)no-repeat;
  background-size:100%;
  background-position:center;

max-width:100%;

padding-bottom:0px;
}
#home--campaign .vi{
background: url(/vi/en/PublishingImages/Promos/HomePage/homePage_Banner_fix.png)no-repeat;
  background-size:100%;
  background-position:center;

max-width:100%;

padding-bottom:0px;
}

/*
#home--campaign {
background: url(../images/home-banner-desktop.png)no-repeat;
  background-size:100%;
  background-position:center;

max-width:100%;

padding-bottom:0px;
}
*/

.modal {
padding: 5px 10px !important;
   z-index:501 !important;
   max-width:820px !important;

}
.foto{
max-width:800px;
  max-height:100%;
}

/******** POP Money ********/
.owl-prev, .owl-next {
        position:absolute;
        top:40%;
        padding:5px;
        margin:0;
        z-index:1;

        cursor:pointer;
        color:#038459;
      }

      .owl-carousel-pop  .owl-prev {
        left:-30px;
      }

      .owl-carousel-pop  .owl-next {
        right:-30px;
      }



      .owl-carousel-pop .owl-theme .owl-controls .owl-buttons div:hover {
        color:#2a6496;
        }

      img.pop-img{
       /* border:2px solid #00843D;*/
        border-radius: 20px;
      }
      .pop-steps{

        padding-top:20px;
      }


       .owl-theme .owl-controls .owl-buttons div {
        color: #038459 !important;
        display: inline-block;
        zoom: 1;
        margin: 5px;
        padding: 3px 10px;
        font-size: 48px !important;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 5530px;
        background: none !important;
        filter: Alpha(Opacity=50);
        opacity: 0.5;
    }



      @media (max-width: 767px){
 .center-div {
  width: 100%;
 left:0% !important;
}

        .promo__banner_pop img {
               width: 70%;
  height: auto;
  vertical-align: middle;
  display: block;
  margin-left: auto;
  margin-right: auto;
        }
      }
      @media (min-width: 768px){
        .promo__banner_pop img {
            width: 100%;
            height: auto;
            vertical-align: middle;
            display: block;
        }

              .promo__banner_pop .ath-movil{
  width: 175px;
  height: auto;
  vertical-align: middle;
  display: block;
}
        .slider__content_pop{
              width: 100%;
         height: 100px;
        vertical-align: middle;
        display: inline-block;
  }
        .item-rotator-box-athmovil {
  display: inline-block;
  position: relative;
  width: 45%;
  border: none;

  left: 10%;
  padding-top: 10px;
  padding-bottom: 40px;
  margin: 10px;
}
      }
       @media (min-width: 768px){
        .promo__banner_pop img movil {
            width: 60%;
            height: auto;
            vertical-align: middle;
            display: block;
        }


       }

/*--------- IRA ----------*/

#ira-imagen{
background-size: 100% 100%;
height: 350px;
padding-left: 40px;
color: #fff;
width: 100%;
margin-bottom: 25px;
font-size: 27px;
padding-top: 209px;
}

#ira-en-imagen{
background-size: 100% 100%;
height: 350px;
padding-left: 40px;
color: #fff;
width: 100%;
margin-bottom: 25px;
font-size: 27px;
padding-top: 209px;
}


.ira-title{
color: #028753;
font-size:28px;
}

.ira-input{
border-radius: 3px;
width: 38%;
border: solid 1px #cbcbcb;
height: 100%;
padding: 10px;
margin: 10px 0px 10px 0px;
background: #e5e5e5;
}

.ira-button{
height: 100%;
width: 130px;
padding: 15px 30px;
background: #01a1df;
color: #fff;
margin-top: 20px;
margin-bottom: 20px;
}

.ira-legal{
background: #f0f0f0;
color: #303030;
padding: 40px 10px 30px;
font-size: 13px;
}

@media (max-width: 1024px) {



.pad{
  padding: 0px 10px 0px 10px;
}
#ira-imagen{
    background-image: url(../images/ira-hero-img-tablet.png);
}
 #ira-en-imagen{
    background-image: url(../images/ira-en-tablet.png);
}

#prestamo-imagen{
    background-image: url(../images/mortgages/tablet-prestamo-2018.png);
}
#card-valet{
    background-image: url(/fl/en/PublishingImages/Pages/PromoPages/tablet-card-valet.png);
}

  #prestamo-vacaciones{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/tu-plan-tablet.png);
}
 #header-coronavirus-es{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/coronavirus-tablet.png);
}

#header-coronavirus-es-2{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/covid-19-tablet.png);
}


#header-presidente-santander-es{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-presidente-santander-es.jpg);
}

#header-presidente-santander-en{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-presidente-santander-en.jpg);
}


 #header-coronavirus-en{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/coronavirus-en-tablet.png);
}

#header-coronavirus-en{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/covid-19-tablet-2.png);
}


  #oferta-hyundai{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-elantra-tablet.png);
}

#oferta-hyundai-salmontao{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/hyundai-salmontao-tablet.png);
}
#agreement-santander-firstbank-es{
    background-image: url(/pr/es/PublishingImages/Pages/Santander/agreement-santander-tablet-es.png);
}

#agreement-santander-firstbank-en{
    background-image: url(/pr/es/PublishingImages/Pages/Santander/agreement-santander-tablet-en.png);
}

#you-first-college-tour{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/you-first-college-tour-tablet.png);
}

  #oferta-knockout{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/venta_tablet.png);
}


#federal-imagen{
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/federal-tablet.png);
}
#federal-imagen-vi{
  background-image: url(/vi/en/PublishingImages/Home/federal-vi-tablet.png);
}


#sanse-imagen{
  background-image: url(/pr/es/PublishingImages/Pages/Sanse/sanse-tablet.jpg);
}
#emv-imagen-es{
  background-image: url(../images/images/Seccion_FL_Tablet.png);
}

#emv-imagen-en{
  background-image: url(../images/images/EMV/ENg_Landing_2.png);
}

#emv-faq-es{
  background-image: url(../images/images/Seccion_FL_Tablet.png);
}

.process-vi--bg{
  background-image: url(../images/FB_Website_Proceso_Hipotecario_Mrtgage_VI_Hero_Tablet.png);
}

#USVI{
  background-image: url(../images/images/USVI-t.png);
}

#emv-faq-en{
  background-image: url(../images/images/EMV/ENg_Landing_2.png);
}
#emv-faq-en.dexpreso-es{
 background-image: url(../images/deposito-expreso/dexpreso-faq-es-tablet.jpg);

}
#emv-faq-en.dexpreso-en{
 background-image: url(../images/deposito-expreso/dexpreso-faq-en-tablet.jpg);

}

#emv-faq-en.dexpreso-vi{
 background-image: url(../images/deposito-expreso/dexpreso-faq-vi-tablet.jpg);

}


#fimo-faqs-imagen{
    background-image: url(../images/mortgages/Seccion_QA_Tablet.png);
}
 #calculadora-promo{
    background-image: url(../images/mortgages/calculadora-tablet.jpg);
}
#emv-faq-en.fraud-es{
  background-image: url(../images/fraud/fraud-tablet-es.jpg);
}

#emv-faq-en.fraud-en{
  background-image: url(../images/fraud/fraud-tablet-en.jpg);
}

#emv-faq-en.dw-es{
  background-image: url(../images/dw/master-faq-tablet-es.jpg);
}

#emv-faq-en.dw-en{
  background-image: url(../images/dw/master-faq-tablet-es.jpg);
}




}

@media (max-width: 425px) {

  div#dba-sub-heading{
      font-weight: 200;
  width: 80%;
  line-height: 18px;
  }
.ira-input{
  width: 100%;
}
.ira-title{

  margin-left: 0px;
}
#ira-imagen{
  font-size: 21px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
    background-image: url(../images/ira-hero-img-mobile.png);
}#ira-en-imagen{
  font-size: 21px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
    background-image: url(../images/ira-en-mobile.png);
}

#thx-m{
  margin-top: 200px;
}
}

@media (min-width: 425px) {
  .ira-title{
    width: 100%;
    margin-left: 0px;
  }
}

@media (min-width: 426px) and (max-width: 768px) {


#thx-m{
  margin-top: 300px;
}
#ira-imagen{
    background-image: url(../images/ira-hero-img-tablet.png);
}
 #ira-en-imagen{
    background-image: url(../images/ira-en-tablet.png);
}

}
@media (min-width: 1024px){
#ira-imagen{
    background-image: url(../images/ira-hero-img-desktop.png);
}
 #ira-en-imagen{
    background-image: url(../images/ira-en-desktop.png);
}

}


/*--------- Prestamos ----------*/

#loan-promo{
background-size: 100% 100%;
height: 350px;
padding-left: 40px;
color: #fff;
width: 100%;
margin-bottom: 25px;
font-size: 27px;
padding-top: 209px;
}

#card-valet{
background-size: 100% 100%;
height: 350px;
padding-left: 40px;
color: #fff;
width: 100%;
margin-bottom: 25px;
font-size: 27px;
padding-top: 209px;
}

#prestamo-vacaciones{
background-size: 100% 100%;
height: 350px;
padding-left: 40px;
color: #fff;
width: 100%;
margin-bottom: 25px;
font-size: 27px;
padding-top: 209px;
}
#header-coronavirus-es, #header-coronavirus-es-2, #header-presidente-santander-en, #header-presidente-santander-es {
background-size: 100% 100%;
height: 350px;
padding-left: 40px;
color: #fff;
width: 100%;
margin-bottom: 25px;
font-size: 27px;
padding-top: 209px;
}




#header-coronavirus-en,#header-coronavirus-en-2, #header-sba-loans,
#header-sba-loans-pr-en, #header-sba-loans-pr-es
{
background-size: 100% 100%;
height: 350px;
padding-left: 40px;
color: #fff;
width: 100%;
margin-bottom: 25px;
font-size: 27px;
padding-top: 209px;
}





#oferta-hyundai{
background-size: 100% 100%;
height: 350px;
padding-left: 40px;
color: #fff;
width: 100%;
margin-bottom: 25px;
font-size: 27px;
padding-top: 209px;
}

#oferta-hyundai-salmontao, #you-first-college-tour, #agreement-santander-firstbank-es, #agreement-santander-firstbank-en{
background-size: 100% 100%;
height: 350px;
padding-left: 40px;
color: #fff;
width: 100%;
margin-bottom: 25px;
font-size: 27px;
padding-top: 209px;
}


#oferta-knockout{
background-size: 100% 100%;
height: 350px;
padding-left: 40px;
color: #fff;
width: 100%;
margin-bottom: 25px;
font-size: 27px;
padding-top: 209px;
}





#prestamo-imagen{
background-size: 100% 100%;
height: 350px;
padding-left: 40px;
color: #fff;
width: 100%;
margin-bottom: 25px;
font-size: 27px;
padding-top: 209px;
}

#sanse-imagen{
  background-size: 100% 100%;
  height: 350px;
  padding-left: 40px;
  color: #fff;
  width: 100%;
  margin-bottom: 25px;
  font-size: 27px;
  padding-top: 209px;
}
#federal-imagen{
  background-size: 100% 100%;
  height: 350px;
  padding-left: 40px;
  color: #fff;
  width: 100%;
  margin-bottom: 25px;
  font-size: 27px;
  padding-top: 209px;
}
  #federal-imagen-vi{
  background-size: 100% 100%;
  height: 350px;
  padding-left: 40px;
  color: #fff;
  width: 100%;
  margin-bottom: 25px;
  font-size: 27px;
  padding-top: 209px;
}


#emv-imagen-en{
  background-size: 100% 100%;
  height: 350px;
  padding-left: 40px;
  color: #fff;
  width: 100%;
  margin-bottom: 25px;
  font-size: 27px;
  padding-top: 209px;
}
  #emv-imagen-es{
  background-size: 100% 100%;
  height: 350px;
  padding-left: 40px;
  color: #fff;
  width: 100%;
  margin-bottom: 25px;
  font-size: 27px;
  padding-top: 209px;
}
#USVI{
  background-size: 100% 100%;
  height: 350px;
  padding-left: 40px;
  color: #fff;
  width: 100%;
  margin-bottom: 25px;
  font-size: 27px;
  padding-top: 209px;
}

#emv-faq-en{
  background-size: 100% 100%;
  height: 350px;
  padding-left: 40px;
  color: #fff;
  width: 100%;
  margin-bottom: 25px;
  font-size: 27px;
  padding-top: 209px;
}
  #emv-faq-es{
  background-size: 100% 100%;
  height: 350px;
  padding-left: 40px;
  color: #fff;
  width: 100%;
  margin-bottom: 25px;
  font-size: 27px;
  padding-top: 209px;
}
#calculadora-promo{
background-size: 100% 100%;
height: 350px;
padding-left: 40px;
color: #fff;
width: 100%;
margin-bottom: 25px;
font-size: 27px;
padding-top: 209px;
}

#fimo-faqs-imagen{
background-size: 100% 100%;
height: 350px;
padding-left: 40px;
color: #fff;
width: 100%;
margin-bottom: 25px;
font-size: 27px;
padding-top: 209px;
}


#home-close-vi{
  background-size: 100% 100%;
  height: 350px;
  padding-left: 40px;
  color: #fff;
  width: 100%;
  margin-bottom: 25px;
  font-size: 27px;
  padding-top: 209px;
}

#summer-promo-fl{
  background-size: 100% 100%;
  height: 350px;
  padding-left: 40px;
  color: #fff;
  width: 100%;
  margin-bottom: 25px;
  font-size: 27px;
  padding-top: 209px;
}
#all-for-one-en{
  background-size: 100% 100%;
  height: 350px;
  padding-left: 40px;
  color: #fff;
  width: 100%;
  margin-bottom: 25px;
  font-size: 27px;
  padding-top: 209px;
}
#all-for-one-es{
  background-size: 100% 100%;
  height: 350px;
  padding-left: 40px;
  color: #fff;
  width: 100%;
  margin-bottom: 25px;
  font-size: 27px;
  padding-top: 209px;
}




.prestamo-title{
color: #028753;
}

.prestamo-input{
border-radius: 3px;
width: 38%;
border: solid 1px #cbcbcb;
height: 100%;
padding: 10px;
margin: 10px 0px 10px 0px;
background: #e5e5e5;
}

.prestamo-button{
height: 100%;
width: 130px;
padding: 15px 30px;
background: #01a1df;
color: #fff;
margin-top: 20px;
margin-bottom: 20px;
}

.prestamo-legal{
background: #f0f0f0;
color: #303030;
padding: 40px 10px 30px;
font-size: 13px;
}


@media (max-width: 425px) {
 #prestamo-imagen{
  font-size: 21px;
  height: 400px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(../images/movil-prestamo-2018.png);
}
  #card-valet{
  font-size: 21px;
  height: 400px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/fl/en/PublishingImages/Pages/PromoPages/movil-card-valet.png);
}

   #prestamo-vacaciones{
  font-size: 21px;
  height: 450px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/tu-plan-mobile.png);
}
 #header-coronavirus-es{
  font-size: 21px;
  height: 450px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/coronavirus-mobile.png);
}

 #header-coronavirus-en{
  font-size: 21px;
  height: 450px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/coronavirus-en-mobile.png);
}



 #header-coronavirus-es-2{
  font-size: 21px;
  height: 450px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/covid-19-mobile.png);
}



#header-presidente-santander-es{
  font-size: 21px;
  height: 450px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-presidente-santander-es-m.png);
}



#header-presidente-santander-en{
  font-size: 21px;
  height: 450px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-presidente-santander-en-m.png);
}


 #header-coronavirus-en-2{
  font-size: 21px;
  height: 450px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/covid-19-mobile-2.png);
}

#header-sba-loans{
  font-size: 21px;
  height: 450px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/fl/en/PublishingImages/Pages/PromoPages/sba-header-mobile.png);
}

#header-sba-loans-pr-en{
  font-size: 21px;
  height: 450px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-sba-en-mobile.png);
}


#header-sba-loans-pr-es{
  font-size: 21px;
  height: 450px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-sba-es-mobile.png);
}



  #oferta-hyundai{
  font-size: 21px;
  height: 400px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-elantra-movil.png);
}

#oferta-hyundai-salmontao{
  font-size: 21px;
  height: 400px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/hyundai-salmontao-movil.png);
}
#agreement-santander-firstbank-es{
  font-size: 21px;
  height: 425px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/Santander/agreement-santander-mobile-es.png);
}

#agreement-santander-firstbank-en{
  font-size: 21px;
  height: 425px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/Santander/agreement-santander-mobile-en.png);
}
#you-first-college-tour{
  font-size: 21px;
  height: 400px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/you-first-college-tour-movil.png);
}



  #oferta-knockout{
  font-size: 21px;
  height: 400px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(/pr/es/PublishingImages/Pages/PromoPages/venta_mobile.png);
}


#federal-imagen{
  font-size: 21px;
  height: 430px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url("/pr/es/PublishingImages/Pages/PromoPages/federal-movil.png");
}

#federal-imagen-vi{
  font-size: 21px;
  height: 430px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url("/vi/en/PublishingImages/Home/federal-vi-movil.png");
}



#sanse-imagen{
  font-size: 21px;
  height: 430px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url("/pr/es/PublishingImages/Pages/Sanse/sanse-movil.jpg");
}
#emv-imagen-en{
  font-size: 21px;
  height: 312px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/EMV-mobil-header-en.png");

}

.emv-icon{
    width: 66px!important;
}
#emv-imagen-es{
  font-size: 21px;
  height: 312px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/EMV-mobil-header-span.png");
}

#emv-faq-en {
  font-size: 21px;
  height: 252px;
  padding-left: 10px;
  background-size: cover;
  padding-top: 250px;
  background-position: center center;
  background-image: url(https://www.1firstbank.com/_catalogs/masterpage/assets/images/EMV-mobil-header-en.png);
}
#emv-faq-en.dexpreso-es{
 background-image: url(../images/deposito-expreso/dexpreso-faq-es-movil.jpg);

}
#emv-faq-en.dexpreso-en{
 background-image: url(../images/deposito-expreso/dexpreso-faq-en-movil.jpg);

}

#emv-faq-en.dexpreso-vi{
 background-image: url(../images/deposito-expreso/dexpreso-faq-vi-movil.jpg);

}



#emv-faq-es{
  font-size: 21px;
  height: 252px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-position: center center;
  background-image: url("https://www.1firstbank.com/_catalogs/masterpage/assets/images/EMV-mobil-header-span.png");
}
#emv-faq-en.fraud-es {
  font-size: 21px;
  height: 252px;
  padding-left: 10px;
  background-size: cover;
  padding-top: 250px;
  background-position: center center;
  background-image: url(../images/images/fraud/fraud-mobile-es.jpg);
}
 #emv-faq-en.fraud-en {
  font-size: 21px;
  height: 252px;
  padding-left: 10px;
  background-size: cover;
  padding-top: 250px;
  background-position: center center;
  background-image: url(../images/images/fraud/fraud-mobile-en.jpg);
}
#emv-faq-en.dw-es {
  font-size: 21px;
  height: 252px;
  padding-left: 10px;
  background-size: cover;
  padding-top: 250px;
  background-position: center center;
  background-image: url(../images/dw/master-faq-movil-es.jpg);
}
 #emv-faq-en.dw-en {
  font-size: 21px;
  height: 252px;
  padding-left: 10px;
  background-size: cover;
  padding-top: 250px;
  background-position: center center;
  background-image: url(../images/dw/master-faq-movil-en.jpg);
}

.process-vi--bg{
  background-image: url(../images/FB_Website_Proceso_Hipotecario_Mrtgage_VI_Hero_Mobile.png);
}
#USVI{
  /* font-size: 21px;
  height: 252px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-position: center center; */
  background-image: url("../images/images/USVI-m.png");
  padding-top: 50px;
}
#calculadora-promo{
  font-size: 21px;
  height: 400px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(../images/mortgages/calculadora-movil.jpg);
}

 #fimo-faqs-imagen{
font-size: 21px;
  height: 400px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(../images/mortgages/Seccion_QA_Mobile.png);

}


 #home-close-vi{
  font-size: 21px;
  height: 435px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(../images/Seccion_VI_Mobile.png);
  background-repeat: no-repeat;
}

   #summer-promo-fl{
  font-size: 21px;
  height: 435px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(../images/Seccion_FL_Mobile.png);
  background-repeat: no-repeat;
}
#all-for-one-en{
  font-size: 21px;
  height: 435px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(../images/one-for-all-mobile.png);
  background-repeat: no-repeat;
}
  #all-for-one-es{
  font-size: 21px;
  height: 435px;
  padding-left: 10px;
  padding-top: 250px;
  background-size: cover;
  background-image: url(../images/all-for-one-es-mobile.png);
  background-repeat: no-repeat;
}




}


@media (min-width: 426px) and (max-width: 1023px) {
#prestamo-imagen{
    background-image: url(../images/tablet-prestamo-2018.png);
}
#card-valet{
    background-image: url(/fl/en/PublishingImages/Pages/PromoPages/tablet-card-valet.png);
}
  #prestamo-vacaciones{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/tu-plan-tablet.png);
}
#header-coronavirus-es{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/coronavirus-tablet.png);
}

 #header-coronavirus-en{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/coronavirus-en-tablet.png);
}


 #header-coronavirus-es-2{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/covid-19-tablet.png);
}


 #header-coronavirus-en-2{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/covid-19-tablet-2.png);
}


#header-sba-loans{
    background-image: url(/fl/en/PublishingImages/Pages/PromoPages/sba-header-tablet.png);
}


#header-sba-loans-pr-en{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-sba-en-tablet.png);
}


#header-sba-loans-pr-es{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-sba-es-tablet.png);
}





 #oferta-hyundai{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-elantra-tablet.png);
}

#oferta-hyundai-salmontao{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/hyundai-salmontao-tablet.png);
}
#agreement-santander-firstbank-es{
    background-image: url(/pr/es/PublishingImages/Pages/Santander/agreement-santander-tablet-es.png);
}
#agreement-santander-firstbank-en{
    background-image: url(/pr/es/PublishingImages/Pages/Santander/agreement-santander-tablet-en.png);
}

 #you-first-college-tour{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/you-first-college-tour-tablet.png);
}


 #oferta-knockout{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/venta_tablet.png);
}


#federal-imagen{
  background-image: url("/pr/es/PublishingImages/Pages/PromoPages/federal-tablet.png");
}

#federal-imagen-vi{
  background-image: url("/vi/en/PublishingImages/Home/federal-vi-tablet.png");
}


#sanse-imagen{
  background-image: url("/pr/es/PublishingImages/Pages/Sanse/sanse-tablet.jpg");
}
#emv-imagen-en{
  background-image: url("../images/images/EMV/ENg_Landing_2.png");
}
#emv-imagen-es{
  background-image: url("../images/images/Seccion_FL_Tablet.png");
}

#emv-faq-en{
  background-image: url("../images/images/EMV/ENg_Landing_2.png");
      height: 270px;
}
#emv-faq-es{
  background-image: url("../images/images/Seccion_FL_Tablet.png");
      height: 270px;
}
#emv-faq-en.dexpreso-es{
 background-image: url(../images/deposito-expreso/dexpreso-faq-es-tablet.jpg);

}
#emv-faq-en.dexpreso-en{
 background-image: url(../images/deposito-expreso/dexpreso-faq-en-tablet.jpg);

}
#emv-faq-en.dexpreso-vi{
 background-image: url(../images/deposito-expreso/dexpreso-faq-vi-tablet.jpg);

}



#USVI{
  background-image: url("../images/images/USVI-t.png");
      /* height: 270px; */
      padding-top:60px;
}
 #calculadora-promo{
    background-image: url(../images/mortgages/calculadora-tablet.jpg);
}

 #fimo-faqs-imagen{
 background-image: url(../images/mortgages/Seccion_QA_Tablet.png);
}

#home-close-vi{
    background-image: url(../images/Seccion_VI_Tablet.png);
}
#summer-promo-fl{
    background-image: url(../images/Seccion_FL_Tablet.png);
}
 #all-for-one-en{
    background-image: url(../images/one-for-all-talet.png);
}
  #all-for-one-es{
    background-image: url(../images/all-for-one-es-tablet.png);
}




}

@media (min-width: 1024px){
#prestamo-imagen{
    background-image: url(../images/desktop-prestamo-2018.png);
}
#card-valet{
    background-image: url(/fl/en/PublishingImages/Pages/PromoPages/desktop-card-valet.png);
}
#prestamo-vacaciones{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/tu-plan-desktop.png);
}
  #header-coronavirus-es{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/coronavirus-desktop.png);
}

  #header-coronavirus-en{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/coronavirus-en-desktop.png);
}

#header-presidente-santander-en{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-presidente-santander-en.jpg);
}


#header-presidente-santander-es{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-presidente-santander-es.jpg);
}


 #header-coronavirus-es-2{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/covid-19-desktop.png);
}

  #header-coronavirus-en-2{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/covid-19-desktop-2.png);
}

#header-sba-loans{
    background-image: url(/fl/en/PublishingImages/Pages/PromoPages/sba-header-desktop.png);
}

#header-sba-loans-pr-en{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-sba-en-desktop.png);
}


#header-sba-loans-pr-es{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-sba-es-desktop.png);
}



  #oferta-hyundai{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/header-elantra-desktop.png);
}


#oferta-hyundai-salmontao{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/hyundai-salmontao-desktop.png);
}
#agreement-santander-firstbank-es{
    background-image: url(/pr/es/PublishingImages/Pages/Santander/agreement-santander-desktop-es.png);
}
 #agreement-santander-firstbank-en{
    background-image: url(/pr/es/PublishingImages/Pages/Santander/agreement-santander-desktop-en.png);
}
#you-first-college-tour{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/you-first-college-tour-desktop.png);
}



   #oferta-knockout{
    background-image: url(/pr/es/PublishingImages/Pages/PromoPages/venta_desktop.png);
}



#federal-imagen{
  background-image: url("/pr/es/PublishingImages/Pages/PromoPages/federal-desktop.png");
}

#federal-imagen-vi{
  background-image: url("/vi/en/PublishingImages/Home/federal-vi-desktop.png");
}


#sanse-imagen{
  background-image: url("/pr/es/PublishingImages/Pages/Sanse/sanse-desktop.jpg");
}
#emv-imagen-es{
  background-image: url("../images/images/Seccion_FL_desktop.png");
}
#emv-imagen-en{
  background-image: url("../images/images/EMV/LandinG.png");
}

#emv-faq-es{
  background-image: url("../images/images/Seccion_FL_desktop.png");
}

.process-vi--bg{
  background-image: url(../images/FB_Website_Proceso_Hipotecario_Mrtgage_VI_Hero_Desktop.png);
}

#USVI{
  background-image: url("../images/images/USVI-d.png");
}
#emv-faq-en{
  background-image: url("../images/images/EMV/LandinG.png");
}
#emv-faq-en.fraud-es{
  background-image: url("../images/fraud/fraud-desktop-es.jpg");
}
#emv-faq-en.fraud-en{
  background-image: url("../images/fraud/fraud-desktop-en.jpg");
}
#emv-faq-en.dw-es{
  background-image: url("../images/dw/master-faq-desktop-es.jpg");
}
#emv-faq-en.dw-en{
  background-image: url("../images/dw/master-faq-desktop-en.jpg");
}

#emv-faq-en.dexpreso-es{
 background-image: url(../images/deposito-expreso/dexpreso-faq-es-desktop.jpg);

}
#emv-faq-en.dexpreso-en{
 background-image: url(../images/deposito-expreso/dexpreso-faq-en-desktop.jpg);

}

#emv-faq-en.dexpreso-vi{
 background-image: url(../images/deposito-expreso/dexpreso-faq-vi-desktop.jpg);

}

#emv-faq-en.dexpreso-en{
 background-image: url(../images/deposito-expreso/dexpreso-faq-en-desktop.jpg);

}

#calculadora-promo{
    background-image: url(../images/mortgages/calculadora-desktpo.jpg);
}

 #fimo-faqs-imagen{
background-image: url(../images/mortgages/Seccion_QA_desktop.png);
}

#home-close-vi{
    background-image: url(../images/Seccion_VI_desktop.png);
}

#summer-promo-fl{
    background-image: url(../images/Seccion_FL_desktop.png);
}

#all-for-one-en{
    background-image: url(../images/one-for-all-desktop.png);
}
  #all-for-one-es{
    background-image: url(../images/all-for-one-es-desktop.png);
}



}

.centertable{
margin: 0 auto;
}

.cuentabonus .table .percent {
font-size: 45px;
color: #00843d;
font-weight: bold;
}

.cuentabonus .table .percent sup {
font-size: 20px;
}

.cuentabonus .table>tbody>tr>td, .table_style2>tbody>tr>td  {
font-size: 20px;
color: #666666;
text-align: center;
  padding: 12px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #e2e5e4;
background-color: #fff;
width:50%;

}

.cuentabonus .table>tbody>tr>td:nth-child(odd), .table_style2>tbody>tr>td {
  border-right: 1px solid #e2e5e4;
  border-radius:0px;

}




.cuentabonus .table>tbody>tr.trans>td {
background: transparent;
border-right: 0;
}


/*------------IRA-GRACIAS------------*/



.thx-title{
width: 100%;
}

#thx-link{
text-decoration: underline;
}

/*****Hipotecas*****/
.white-highlight{
color:#fff;
text-decoration:underline;
}
.bg--pi {
background-image: url(../images/mortgages/mortgage-tips.jpg);
}

.top__cover_content {
position: absolute;
left: 50%;
right: 0;
text-align: center;
font-size: 35px;
color: #00833c;
font-weight: bold;
}

.top__cover_content span {
text-align: left;
display: inline-block;
}

.promo__text {
padding: 50px 0 75px;
display: table;
}

.promo__text > span {
display: table-cell;
vertical-align: middle;
}

.promo__text .textblock {
font-weight: bold;
color: #666;
font-size: 21px;
}

.promo__text .btnblock {
padding-left: 94px;
}

.promo__text .btnblock .btn-green {
padding: 14px 20px;
font-weight: normal;
font-size: 18px;
margin-top: 0;
white-space: nowrap;
  min-width: 170px;
}

.step-ul img {
  max-width: 100%;
  height: auto;
  display: block;
border-radius: 3px;
}

.step-ul {
font-size: 16px;
clear: both;
}

.step-ul a {
color: #075E27;
border-bottom: 1px solid #075E27;
}

.step-content {
position: relative;
}

.step-content .step-count {
position: absolute;
left: 0;
top: 0;
font-size: 70px;
line-height: 1;
font-weight: bold;
color: #00843d;
padding-left: 15px;
}

.step-ul-left {
padding-right: 30px;
}

.step-ul-left, .step-ul-right {
float: left;
width: 50%;
margin-bottom: 80px;
padding-left: 80px;
}

.step-ul-img .step-ul-left {
padding-left: 0;
}

.step-ul-img .step-count {
padding-top: 37px;
}

.step-ul-img .step-content {
padding-top: 35px;
}

.step-ul h2 {
font-weight: bold;
font-size: 21px;
color: #00833c;
margin: 7px 0 20px;
}

@media (min-width: 768px) {

  div#dba-sub-heading{
      width: 80%;
      line-height: 28px;
      }
.top__cover_content {
  top: 65%;
  -ms-transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
}

@media (max-width: 1024px) and (min-width: 768px) {


.card-img-margin{

margin-left:100px;

}

.promo__text .textblock {
  font-size: 26px;
}

.step-ul {
  font-size: 13px;
}

.step-ul h2 {
  font-size: 16px;
}

.step-content .step-count {
  font-size: 50px;
}

.step-ul-left, .step-ul-right {
  padding-left: 60px;
}

.promo__text .btnblock {
  width: 30%;
  padding-left: 20px;
}

.promo__text .textblock {
  width: 70%;
}

.top__cover_content  {
  font-size: 30px;
}
}

@media (max-width: 999px) {
.step-ul-img .step-content,
.step-content .step-count {
  padding-top: 0;
}

.step-ul-left {
  padding-right: 10px;
}
}

@media (min-width: 575px) and (max-width: 767px)  {


.credit-card-img-ul-mc img{
margin-top: -50px;
width: 200px !important;

}



}



@media (max-width: 767px) {


.credit-card-img-ul-mc img{
width: 140px !important;

}
.step-ul-left, .step-ul-right {
  float: none;
  width: auto;
  padding: 0;
}

.promo__text {
  padding: 0 0 25px;
}

.promo__text, .promo__text > span {
  display: block;
}

.promo__text .textblock {
  font-size: 20px;
}

.promo__text .btnblock {
  padding: 25px 0 0;
}

.promo__text .btnblock .btn-green {
  display: block;
  font-size: 20px;
  padding: 18px 15px;
}

.step-ul-left, .step-ul-right {
  margin-bottom: 30px;
}

.step-content .step-count {
  font-size: 54px;
  padding: 0;
}

.step-content {
  padding-left: 60px;
}

.page--content {
  padding-bottom: 30px;
}

.top__cover_content {
  font-size: 20px;
  padding-top: 75px;
}
}

@media (max-width: 479px) {
.bg--pi {
  background-image: url(../images/mortgages/pi-xs.jpg);
}

.page__top.cover.bg--pi {
  height: 350px;
}

.top__cover_content {
  left: 30%;
  padding: 70px 10px 0 10px;
}

.top__cover_content br {
  display: none;
}
}


/* Page Cada */
body .inner--page .videoContainer {
top: 0 !important;
height: 100%;
}

.bg--cada {
background-image: url(../images/mortgages/cada.jpg);
height: 430px;

}
/*
.bg--USVI {
height: 430px;
overflow: hidden;
} */

.top__cover_content.center {
left: 0;
text-align: center;
color: #fff;
}

.top__cover_content.center h1 {
font-size: 45px;
font-weight: bold;
margin: 0 0 20px;
}

.btn-play {
text-indent: -9999px;
background: url(../images/mortgages/play-button.png) no-repeat center;
background-size:  40px auto;
width: 40px;
height: 40px;
margin: 0 auto;
display: block;
}

.lead__text h2 {
font-size: 30px;
color: #00833c;
font-weight: normal;
margin: 15px 0 20px;
}

.lead__text p {
font-size: 20px;
line-height: 1.5;
}

.btn--groups {
text-align: center;
padding-top: 60px;
padding-bottom: 70px;
}

.btn--groups .button {
display: inline-block;
font-size: 22px;
min-width: 343px;
padding: 19px 15px;
margin-right: 25px;
font-weight: normal;
}

.btn--groups .button:last-child {
margin-right: 0;
}

.ftr__section h2 {
font-size: 30px;
color: #00833c;
font-weight: normal;
margin: 0 0 60px;
font-weight: bold;
text-align: center;
}

.ftr__row {
margin-left: -10px;
margin-right: -10px;
text-align: center;
clear: both;
float: left;
width: 100%;
}

.ftr__row .ftr__col {
width: 33.333333%;
float: left;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 50px;
}

.page__columns .ftr__row p {
font-size: 20px;
padding-top: 20px;
}

.button-outline {
display: block;
font-size: 28px;
color: #666;
padding: 0 15px;
height: 130px;
line-height: 130px;
border: 1px solid #898989;
border-radius: 8px;
position: relative;
transition: all .31s ease;
}

.button-outline:hover {
background: #00833c;
color: #fff;
}

.button-outline:before {
content: '';
background: transparent url(../images/mortgages/icon-6.png) no-repeat center;
width: 18px;
height: 130px;
background-size: auto 33px;
position: absolute;
right: 50px;
top: 0;
}

.btn-ghost {
display: block;
font-size: 20px;
color: #666;
padding: 0 15px;
border: 1px solid #898989;
border-radius: 8px;
position: relative;
transition: border-radius .51s ease;
}

.outline1 {
border-color: #075E27;
color: #075E27;
}

.outline2 {
border-color: #075E27;
color: #075E27;
}

.contact--btns {
float: left;
width: 100%;
clear: both;
padding-top: 30px;
padding-bottom: 10px;
}

.contact--btns ul {
list-style: none;
padding: 0;
margin: 0 -10px 0 -10px;
}

.contact--btns ul li {
float: left;
width: 33.3333333%;
padding: 0 10px;
}




.contact--btns-ds .button-ds {
min-width: 1px;
display: block;
width: 100%;
padding: 30px 15px;
height: 100px;
/*line-height: 100px;*/
margin-bottom: 50px;
}

.contact--btns .button {
    min-width: 1px;
  display: block;
  width: 100%;
  padding: 0 15px;
  height: 100px;
  line-height: 100px;
  margin-bottom: 50px;
  }


.contact--btns .outline2 {
background: url(../images/mortgages/icon-7.png) no-repeat 15px center;
background-size: 40px auto;
padding: 24px 15px 23px 70px;
text-align: left;
font-size: 18px;
line-height: 24px;
}

.contact--btns .outlineVI-en {
  padding: 26px 15px 23px 70px!important;
}

.contact--btns .outline2-en {
background: url(../images/mortgages/icon-7.png) no-repeat 15px center;
background-size: 40px auto;
padding: 15px 15px 23px 70px;
text-align: left;
font-size: 18px;
line-height: 24px;
}
.outline2-en {
  border-color: #075E27;
  color: #075E27;
}




.page__cta_01 {
background: #fff;
}

.page__cta_01.wrapper {
max-width: 1000px;
margin: 0 auto;
}

.page__cta_01 .page__cta--inner {
width: 100%;
padding: 45px 10px 45px 10px;
}

.page__cta--start {
width: 100%;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: -7px 8px 18px 0px rgba(0, 0, 0, 0.1);
/*display: table;*/
display:block;
}

.page__cta-left, .page__cta-right {
/*display: table-cell;*/
display:inline-block;
vertical-align: middle;
}

.page__cta-left {
width: 35%;
padding: 20px;
text-align: center;
}


.page__cta-right {
width: 64.6%;
}

.page__cta-right img {
max-width: 100%;
height: auto;
vertical-align: bottom;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}


.page__cta-left p {
font-size: 19px;
padding: 25px 0 35px;
color: #00833c;
}

.page__cnt--bar {
background: #03855a;
font-size: 18px;
color: #fff;
}

.page__cnt--bar a {
color: #fff;
}

.page__cnt--bar.wrapper {
max-width: 1000px;
margin: 0 auto;
}

.page__cnt--bar--inner {
padding: 50px 0;
color: #fff;
}

.page__cnt--bar ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}

.page__cnt--bar ul li {
display: inline-block;
width: 24%;
}

.page__cnt--bar ul li a {
display: block;
line-height: 30px;
}

.bar-icon--1,
.bar-icon--2,
.bar-icon--3,
.bar-icon--4 {
display: inline-block;
background-repeat: no-repeat;
background-position: center;
text-align: center;
width: 25px;
height: 25px;
vertical-align: top;
background-size: auto 25px;
}

.bar-icon--1 {
background-image: url(../images/mortgages/bar-icon-1.png);
}

.bar-icon--2 {
background-image: url(../images/mortgages/bar-icon-2.png);
}

.bar-icon--3 {
background-image: url(../images/mortgages/bar-icon-3.png);
}

.bar-icon--4 {
background-image: url(../images/mortgages/bar-icon-4.png);
}

@media (min-width: 768px) {
.visible-xs {
  display: none;
}
}

@media (max-width: 991px) {
.lead__text h2 {
  font-size: 25px;
}

.lead__text p {
  font-size: 18px;
}

.btn--groups:not(.contact--btns) .button {
  font-size: 20px;
  padding: 18px 15px;
  font-weight: normal;
  min-width: 330px;
}

.btn--groups:not(.contact--btns) {
  padding: 25px 0 70px;
}

.page__columns .ftr__row p {
  font-size: 16px;
}

.ftr__section h2 {
  font-size: 22px;
  padding-bottom: 50px;
}

.ftr__row .ftr__col img {
  width: 60px;
  height: auto;
}

.button-outline {
  font-size: 20px;
  line-height: 91px;
  height: 91px;
}

.button-outline:before {
  line-height: 91px;
  height: 91px;
  background-size: 13px auto;
  right: 25px;
}

.contact--btns .button:not(.outline2) {
  font-size: 15px;
  height: 70px;
  line-height: 70px;
}

.contact--btns .outline2 {
  font-size: 15px;
  line-height: 20px;
  background-size: auto 13px;
  padding: 15px 5px 10px 40px;
  height: 70px;
}

.page__cta-left {
  padding: 5px 10px;
}

.page__cta-left p {
  font-size: 15px;
  padding: 15px 0 25px;
}

.bg--cada {
  height: 400px;
}

.top__cover_content.center h1 {
  font-size: 40px;
}

}

@media (max-width: 767px) {

.bg--cada{
  background-position-x: -350px;
}



.bg--cada.page__top.cover {
  height: 350px;
  display: table;
  width: 100%;
}

.bg--cada .top__cover_content.center {
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
  position: static;
}

.top__cover_content.center h1 {
  font-size: 32px;
}

.lead__text p {
  font-size: 16px;
}

.btn--groups:not(.contact--btns) .button {
  display: block;
  min-width: 100%;
  margin: 0 0 15px 0;
}

.ftr__section h2 {
  font-size: 25px;
}

.ftr__row .ftr__col img {
  width: 85px;
}

.ftr__row .ftr__col, .ftr__row {
  width: auto;
  float: none;
}

.button-outline {
  width: 100%;
  display: block;
}

.contact--btns {
  float: none;
  width: auto;
}

.contact--btns ul li {
  float: none;
  width: auto;
}

.contact--btns .button:not(.outline2) {
  font-size: 22px;
  margin-bottom: 20px;
  height: 85px;
  line-height: 85px;
}

.contact--btns .outline2 {
  font-size: 20px;
  background-size: 30px auto;
  padding: 15px 15px 15px 70px;
}

.page__cta-left, .page__cta-right, .page__cta--start {
  display: block;
  width: auto;
}


.hidden-xs {
  display: none;
}

.page__cta-right img {
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 10px;
}

.page__cta-left p {
  font-size: 23px;
}

.page__cta-left {
  padding: 20px 15px;
}

.page__cta-left img {
  width: 90px;
  height: auto;
}
}

@media (max-width: 630px) {
.page__cnt--bar ul li {
  display: block;
  width: auto;
}

.page__cnt--bar ul li:not(:first-child) {
  margin-top: 30px;
}

.page__cnt--bar {
  font-size: 24px;
}
}

@media (max-width: 379px) {
.contact--btns .outline2 {
  font-size: 14px;
}
}

/* Page 3 */
.process--bg {
background-image: url(../images/mortgages/process-bg.jpg);
}

.process-vi--bg {
background-image: url(../images/FB_Website_Proceso_Hipotecario_Mrtgage_VI_Hero_Desktop.png);
}

.promo__block {
display: table;
max-width: 830px;
margin: 0 auto 70px auto;
border: 1px solid #8cc73e;
border-radius: 10px;
background: #fff;
padding: 35px 0;
}

.promo__block .pblock {
display: table-cell;
vertical-align: middle;
padding: 0 30px;
width: 50%;
}

.promo__block .pb2 {
font-size: 20px;
color: #00833c;
font-weight: bold;
padding-top: 10px;
display: block;
}

.promo__block .pb__left img {
float: left;
margin-right: 20px;
}

.promo__block .pb__right {
font-size: 19px;
border-left: 1px solid #8cc73e;
}

.promo__block .pb__right ul {
padding-left: 0px;
}

.accord-has-icons .fb-icon {
background-repeat: no-repeat;
background-size: 50px auto;
background-position: center;
float: left;
width: 48px;
height: 48px;
margin-right: 20px;
margin-top: 2px;
margin-bottom: 2px;
}

.fb-icon-1 {
background-image: url(../images/mortgages/icon-9.png);
}

.fb-icon-2 {
background-image: url(../images/mortgages/icon-10.png);
}

.fb-icon-3 {
background-image: url(../images/mortgages/icon-11.png);
}

.accord-has-icons .h2 {
font-size: 22px;
color: #00833c;
margin: 0;
font-weight: bold;
padding-top: 5px;
}

.accord-has-icons .h6 {
font-size: 14px;
color: #075E27;
margin: 0;
font-weight: normal;
}

.accordion.invert-colors.accord-has-icons dl dt a {
  background-color: transparent;
  color: #7ebe42;
  margin-bottom: 0;
  border-bottom: 1px solid #9a9a9a;
  font-size: 14px;
min-height: 90px;
}

.accordion.accord-has-icons dl dt a .arrow {
top: 34px;
}

.accordion.accord-has-icons dl dd {
background: #fff;
padding: 35px 75px;
font-size: 16px;
color: #666;
}

.accordion.accord-has-icons dl dd strong {
color: #075E27;
}

.list-row {
clear: both;
overflow: hidden;
}

.list-row .list-col {
float: left;
width: 50%;
padding: 0 25px;
}

.list-row .list-col ol li {
font-weight: bold;
color: #075E27;
line-height: 24px;
padding-bottom: 10px;
}

.list-row .list-col ol li span {
color: #666;
font-weight: normal;
display: block;
}

.accord-has-icons.accordion.allways-visible {
padding-bottom: 60px;
}

.accordion.accord-has-icons dl dd .style2 span {
font-size: 13px;
line-height: 18px;
}

.accordion.accord-has-icons dl dd .style2 strong {
font-size: 16px;
}

.contact-green-bar {
clear: both;
overflow: hidden;
background:#03855a;
padding: 80px 0;
color: #fff;
font-size: 25px;
}

.cnt-gr-bar-inner {
padding: 0 10px;
}

.cnt-gr-bar-wrapper {
max-width: 1000px;
margin: 0 auto;
}

.ph_number {
background: url(../images/mortgages/phone2x.png) no-repeat left center;
background-size: 75px auto;
  padding-left: 100px;
  display: inline-block;
margin-left: 60px;
}

@media (max-width: 767px) {
.promo__block, .promo__block .pblock {
  display: block;
  width: auto;
}

.promo__block .pblock.pb__left {
  clear: both;
  overflow: hidden;
  max-width: 360px;
  margin: 0 auto;
  padding: 0 10px;
  display: table;
}

.promo__block .pblock.pb__left * {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.promo__block .pb__left img {
  width: 72px;
  height: auto;
}

.promo__block .pb2 {
  font-size: 20px;
}

.promo__block .pblock.pb__right {
  max-width: 360px;
  margin: 0 auto;
  text-align: center;
  border: 0;
  padding: 35px 10px 0 10px;
  position: relative;
}

.promo__block .pblock.pb__right:before {
  content: '';
  background: #8cc73e;
  display: block;
  margin: 0 auto;
  width: 40%;
  height: 1px;
  margin-bottom: 35px;
}

.promo__block .pb2 {
  font-size: 18px;
}

.accord-has-icons .h2 {
  font-size: 18px;
}

.accord-has-icons .h6 br {
  display: none;
}

.accord-has-icons .fb-icon {
  width: 30px;
  height: 30px;
  background-size: 30px auto;
  position: absolute;
  left: 10px;
  top: 22px;
}

.accordion.invert-colors.accord-has-icons dl dt a {
  position: relative;
  padding-left: 50px;
}

.accordion.accord-has-icons dl dd {
  padding: 25px 20px;
}

.list-row .list-col {
  float: none;
  width: auto;
  padding: 0 20px;
  font-size: 14px;
}

 .list-position {list-style-position: inside;}

.list-row {
  margin: 0;
}

.contact-green-bar {
  padding: 30px 0;
  font-size: 14px;
}

.ph_number {
  margin-left: 0;
  background-size: 50px auto;
  padding-left: 70px;
  min-height: 50px;
  padding-top: 10px;
}
}

.header-green{
color:#018752;
}
.correct-properties{
width:98px;
height:93px;
}
.gray{
color: #303030;
}


/*Calculadora*/
/* Calculadora */

.select-style {
  border: solid 1px #cbcbcb;
  width: 100%;
  border-radius: 3px;
  margin: 5px 0px 5px 0px;
  overflow: hidden;
  background: #e5e5e5 url("../images/mortgages/icon-select.png") no-repeat 98% 50%;
  background-size:5%;
}

.select-style select {
  padding: 5px 8px;
  width: 130%;
  padding: 10px;
  border: none;
  box-shadow: none;
  background: transparent;

  background-image: none;
  -webkit-appearance: none;
}

.select-style select:focus {
  outline: none;
}
.calculadora-input{
border-radius: 3px !important;
width: 100%;
border: solid 1px #cbcbcb !important;
padding: 10px !important;
margin: 5px 0px 5px 0px !important;
background: #e5e5e5 !important;
}
.calculadora-boton
{
background-color: #7ebe42;
}

.calculadora-button{
height: 100%;
width: 100%;
padding: 15px 30px;
background: #01a1df;
color: #fff;
margin-top: 20px;
margin-bottom: 20px;
}
.container-form {
padding:25px;
width:90%;
margin: 0 auto;
background-color:#fff;
}


.btn-calculadora {
background-color: #038459;
  display: inline-block;
  padding: 12px 33px;
  color: #fff;
  margin-top: 25px;
  font-size: 18px;
  width:90%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-transition: all .51s;
  -o-transition: all .51s;
  -webkit-transition: all .51s;
  transition: all .51s;
   text-align:center;
}

.btn-calculadora:hover {
background-color: #88c351;
   -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -ms-border-radius: 27px;
  -o-border-radius: 27px;
  border-radius: 27px;
}
.label-calculadora{
  color: #00833c;
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
}
.label-calculadora-big{
  color: #6f6f6f;

  font-size: 20px;
  padding: 5px;
}

.full--row-2 {
  width: auto;
/*  padding-left: 63px;
  padding-right: 63px;*/
}


.to-right{
margin-left: 10%
}

.btn-solicita-calc{
background-color: #00833c;
  display: inline-block;
  padding: 12px 33px;
  color: #fff;

  font-size: 18px;
  width:30%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
 text-align:center;
}
.btn-solicita-calc:hover {
background-color:#009745;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -ms-border-radius: 27px;
  -o-border-radius: 27px;
  border-radius: 27px; }

@media(min-width: 1024px)
{
.full--row-2 .half--col-2 {
display: table-cell;
width: 30%;
vertical-align: middle;

}
.label-calculadora-total{
  color: #00833c;

  font-size: 70px;
  padding: 5px;
}
}
@media (max-width: 768px){

.btn-solicita-calc{
  background-color: #00833c;
  display: inline-block;
  padding: 12px 33px;
  color: #fff;

  font-size: 18px;
  width:100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-transition: all .51s;
  -o-transition: all .51s;
  -webkit-transition: all .51s;
  transition: all .51s;
   text-align:center;
}


.btn-calculadora {
background-color: #7ebe42;
  display: inline-block;
  padding: 12px 33px;
  color: #fff;
  margin-top: 25px;
  font-size: 18px;
 width:100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
text-align:center;
}
.label-calculadora-total {
  color: #00833c;

  font-size: 50px;

}
.full--row-2 .half--col-2 {

  width: 100%;
  vertical-align: middle;

}
}

.calc-message
{
font-size: 18px;


}
.highlight-2
{
font-weight: bold;
color:#00833c;
}
/* Calculadora-end*/

.bold{

font-weight:bold;
}


.underline{

text-decoration:underline;
}

.underline:hover{
text-decoration:underline;
color:#303030;
}

.icon-bulb{
width:88px;
height:95px;
}

/*ATH-Movil-y-Business*/
.display{
display:none;
}
@media (min-width:1025px)
{
.center-ath{
width:80%;
margin:auto;
}
.media-centered{
width:80%;
margin:auto;
}

}

@media (max-width: 767px){
.center-ath{
width:100%;

}
.media-centered{
text-align:center;
}
}
.center-div{
              width: 100%;
              left: 29%;
      }
.choice-negocios{
          background-image: url(../images/ath/negocios.png);
          background-size: 40%;
          background-repeat: no-repeat;
          position: relative;
          padding:30px;
      }

      .choice-persona{
          background-image: url(../images/ath/personas.png);
          background-size: 40%;
          background-repeat: no-repeat;
          position: relative;
          padding:30px;
      }
            @media (min-width: 768px){



          .centered-bottons{
              margin-left:24%; width: 100%; padding: 10px;
          }
          .centered-choice{
              margin-left:25%; width: 100%;
          }
           .new-app-box{
  width:80%;
}
      }

      @media (max-width: 767px)
      {


          .choice-negocios{
              background-image: url(../images/ath/negocios.png);
              background-size: 100%;
              background-repeat: no-repeat;
              position: relative;
              padding:50px;
          }


          .choice-persona{
          background-image: url(../images/ath/personas.png);
          background-size: 100%;
          background-repeat: no-repeat;
          position: relative;
          padding:50px;
          }


          .centered-bottons
          {
           margin-left:24%;
          }
          .centered-choice{
          margin-left:25%; width: 100%; padding: 10px;
      }
      }
       .item-owl{
        padding:5px;
      }
      .ath-icon-1{
        background:  url(../images/ath/nombre-unico.png) no-repeat;
      background-size: 100%;
      background-position: center;
      width: 50px;
      height: 100px;
      margin-left: 40%;
  }
  .ath-icon-2{
        background:  url(../images/ath/seguridad.png) no-repeat;
      background-size: 100%;
      background-position: center;
      width: 50px;
      height: 100px;
      margin-left: 40%;
  }
  .ath-icon-3{
        background:  url(../images/ath/bajo-cargo.png) no-repeat;
      background-size: 100%;
      background-position: center;
      width: 60px;
      height: 100px;
      margin-left: 40%;
  }
  .ath-icon-4{
        background:  url(../images/ath/transacciones-diarias.png) no-repeat;
      background-size: 100%;
      background-position: center;
      width: 30%;
      height: 100px;
      margin-left: 30%;
  }
  .ath-icon-5{
        background:  url(../images/ath/reembolsos.png) no-repeat;
      background-size: 100%;
      background-position: center;
      width: 30%;
      height: 100px;
      margin-left: 35%;
  }
  .ath-icon-6{
        background:  url(../images/ath/transacciones.png) no-repeat;
      background-size: 100%;
      background-position: center;
      width: 50px;
      height: 100px;
      margin-left: 40%;
  }


      .img-icon
      {
        padding: 15px;
    width: 30%;
      }
      .img-icon-copy
      {
        text-align: left;
      }

              @media (max-width: 767px)
      {
          .centered-bottons
          {
           width: 100%; padding: 10px;
          }
           .new-app-box{
      width:50%;
    }
      }

       .owl-prev, .owl-next {
        position:absolute;
        top:40%;
        padding:5px;
        margin:0;
        z-index:1;

        cursor:pointer;
        color:#038459;
      }

      .owl-carousel-ath  .owl-prev {
        left:-30px;
      }

      .owl-carousel-ath  .owl-next {
        right:-30px;
      }



      .owl-carousel-ath .owl-theme .owl-controls .owl-buttons div:hover {
        color:#2a6496;
        }
      .icon-align{
  font-size: 15px;
  vertical-align: text-bottom;
}

/* ATH - Movil sliders*/
@media (max-width: 767px) {

.box-line{
  border-bottom: 1px #303030 solid;
}
.banca-box-2 {
  width: 100%;
  padding: 50px 50px;

  margin: auto; }


}


.center {
  text-align: center;
}

@media (min-width: 768px) {

  #header-video-btn{
      width: 200px;
      margin-right: 10%;
      margin-left: auto;
      font-size: 20px;
      border: 0px;
      font-weight: 400;
      color: #808080;
      background: white; text-decoration: none;
  }
  #header-video-btn-center{
      width: 200px;
      margin:0 auto;
      font-size: 20px;
      border: 0px;
      font-weight: 400;
      color: #303030;
      background: white; text-decoration: none;
  }


  #custom-width-landing{
      max-width: 91%;
      background: none;
  }



  .mobile-box{
    width:30%;
    float:left;
    margin-right: 15px;
  }
.banca-box-2 {
  width: 305px;
  height: 300px;
  float: left;
  margin-right: 15px; }
  .banca-box-2 p {
    font-size: 15px !important;
    padding: 10px 25px; }
  .banca-box-2 h1 {
    text-align: left; }
  .banca-box-2 h2 {
    text-align: left; }
  .banca-box-2 button {
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
    margin-right: 20px; }
  .banca-box-2.borderTop {
    border-top: none;
    width: 450px;
    margin-left: 30px; } }

   .align-right{
float:right;
}


/* page-6 */
.page__dba {
background: url(../images/p6/hero-lg.jpg) no-repeat top center;
background-size: cover;
position: relative;
}
/*
.page--dba {
padding-top: 100px;
}*/

.page__dba:before {
content: '';
width: 100%;
height: 45px;
background: url(../images/p6/mask.svg) no-repeat;
background-size: 100%;
display: block;
position: absolute;
left: 0;
bottom: 0;
}

.page__dba_content {
width: 100%;
height: 620px;
position: relative;
}

.dba_container {
padding: 0 40px;
}

.page_dba_leftcol {
position: absolute;
left: 0;
bottom: 150px;
max-width: 671px;
padding-left: 20px;
font-size: 42px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.29;
letter-spacing: normal;
text-align: left;
color: #ffffff;
}

div#dba-sub-heading {
  font-size: .5em;
  font-weight: 200;
  color: #fff!important;
}



div#dba-sub-heading > a {
  color: #fff;
  text-decoration: underline;
}

.page__columns.dbd_content {
background: none;
margin-top: 20px;
}

.dbd_content h2 {
  font-weight: bold;
  font-size: 26px;
  color: #00833c;
  margin: 7px 0 20px;
}

.dbd_content {
font-size: 16px;
line-height: 1.5;
color: #595f66;
}

.dbd_content ul {
padding-left: 17px;
margin: 0 0 15px 7px;
}

.dbd_content ul + h2 {
margin-top: 24px;
}

.ul_two_col {
clear: both;
overflow: hidden;
padding-bottom: 30px;
}

.ul_two_col ul {
float: left;
width: 48%;
}

.ul_two_col ul:last-child {
float: right;
}

.btn-inline {
display: inline-block;
padding: 12px 45px;
}

.dbd_content .column--content {
padding-bottom: 50px;
}

.dbd_content aside h3 {
color: #595f66;
margin: 7px 0 12px;
font-size: 16px;
line-height: 1.5;
font-weight: bold;
}

.dbd_content .stack-list {
list-style: none;
padding: 0;
margin: 0;
}

.stack-list li {
display: block;
margin: 0 0 10px;
}

.stack-list li a {
display: block;
background: #f1f1f1;
color: #007b2e;
font-size: 16px;
text-decoration: none;
border-radius: 3px;
padding: 28px 70px 28px 20px;
position: relative;
}

.stack-list li a:before {
content: '';
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAYFBMVEUAAAAAey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey4Aey5MpcqRAAAAH3RSTlMAAgMEBQYjJissLS5FUVhZZGZpjp2rtLnAwcPk8ff9v6+eyQAAAH1JREFUSMft0MsOgkAQRNFiYASRkacvRPv//9IlCbvuSmZj3/1JJQUc6t5zgLGriDyC3Vp1EjHrSsSuw4fRjTD64jq7bl0b9Nl1fv39e31TY0z751Fr6335Tthn6TaHfbl165a2q9aeCFtsdotIWKAnLDAQFhgJC6RtMVtVP1s3SUAIrScOAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-size: 15px auto;
width: 15px;
height: 15px;
position: absolute;
top: 0;
right: 0;
margin: 32px 20px 0 0;
}

.dba_bg2 {
background: #f6f8f7;
padding-top: 30px;
padding-bottom: 50px;
}

.dba_bg2 .dbd_content .column--content {
padding-bottom: 0;
padding-top: 0;
}

.dba_bg2 h4 {
font-size: 20px;
font-weight: bold;
line-height: 1.5;
color: #595f66;
margin: 0 0 5px;
}

.dba-row {
float: left;
overflow: hidden;
margin-left: -15px;
margin-right: -15px;
clear: both;
width: 100%;
}

.dba-row .dba-col {
float: left;
width: 33.3333333%;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 50px;
}

.dba-block {
min-height: 80px;
line-height: 1.5;
margin-bottom: 10px;
font-size: 15px;
}

.dba-row .dba-col .btn-blue {
padding: 11px 15px;
font-size: 16px;
font-weight: bold;
margin-top: 0;
min-width: 164px;
text-align: center;
}

.nte {
display: block;
font-size: 11px;
line-height: 1.46;
color: #595f66;
padding-top: 4px;
}

.btn-blue.btn-block {
display: block;
}

.app-icons {
border-top: 1px solid #303030;
padding-top: 35px;
}

.app-icons h3 {
font-size: 20px;
font-weight: bold;
line-height: 1.5;
color: #595f66;
}

.app-icons a {
border-radius: 5px;
display: inline-block;
margin-top: 10px;
margin-right: 5px;
}

.app-icons a img {
border-radius: 5px;
width: auto;
height: 48px;
}

.term-div {
background: #f1f1f1;
}

.term-inner-div {
padding: 26px 15px;
margin: 0 auto;
max-width: 1000px;
font-size: 13px;
line-height: 1.54;
color: #303030;
}

.term-inner-div a {
white-space: normal;
word-break: break-word;
text-decoration: underline;
}

.dbd_content .column {
clear: botth;
overflow: hidden;
}

.dba-row .dba-col.last h4 {
margin-top: 40px;
}

@media (min-width: 1025px) {
.dba_bg2 .page__columns {
  min-height: 100px;
}
}

@media (min-width: 1200px) {
.page__columns.w1200 {
  width: 1170px;
}
}

@media (max-width: 1024px) {
.dbd_content h2 {
  font-size: 20px;
  margin: 0 0 3px;
}

.dbd_content .column {
  padding-left: 24px;
  padding-right: 24px;
}

.dbd_content ul.stack-list {
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}

.stack-list li {
  width: 50%;
  float: left;
  padding: 0 15px;
  margin-bottom: 30px;
}

.dba_bg2 h2 {
  margin-bottom: 16px;
}

.dba-row .dba-col {
  width: 50%;
  padding-bottom: 24px;
}

.dba-row .dba-col.last {
  width: 100%;
}

.dba-row .dba-col.last .btn-blue {
  max-width: 345px;
}

.dba-block {
  min-height: 1px;
}
}

@media (max-width: 767px) {
.page_dba_leftcol {
  font-weight: 500;
  font-size: 26px;
  max-width: 380px;
  bottom: 20px;
  padding-left: 0;
}

.page__dba_content {
  height: 380px;
}

.page__dba:before {
  display: none;
}
/*
.page--dba {
  padding-top: 50px;
}
*/
.stack-list li {
  width: auto;
  float: none;
  margin-bottom: 16px;
}

.ul_two_col ul {
  float: none !important;
  width: auto;
  margin-bottom: 0;
}

.dba_bg2 h2 {
  font-size: 26px;
}

.dba-row .dba-col {
  width: auto;
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.dba-row {
  margin-left: 0;
  margin-right: 0;
}

.dbd_content .button {
  display: block;
}

.dba-row .dba-col .btn-blue {
  display: block !important;
  max-width: 100% !important;
}

}

/***** LANDING REO *****/


/*
##General Styles
*/
.home__h1-reo {
  font-weight: bold;
  font-size: 36px;
  position: relative;
padding: 50px 17% 0 17%;
  margin: 0 24px;
}

.bg--ahorro1 {
position: relative;
background-size: cover;
background-repeat: no-repeat;
}
.bg--reo-vi {
position: relative;
background-size: cover;
background-repeat: no-repeat;
}


.gray-clr-reo {
background-color: #f6f6f6;
padding: 50px 0 0;
}

.gray-clr-reo h2 {
color: #666666;
font-size: 20px;
margin: 0 0 40px;
line-height: 30px;
}

.gray-clr-reo h2 a {
color: #038459;
text-decoration: none;
font-weight: bold;
}

.inner__content {
padding: 0 17% 0 17%;
  margin: 0 24px;
}

.reo-btn {
  border-radius: 25px;
  font-family: 'Arial', sans-serif;
  color: #666666;
  font-size: 15px;
  background: #ffffff;
  padding: 13px 15px;
  border: solid #8cc63f 1px;
  text-decoration: none;
  text-align: center;
  display: block;
max-width: 250px;
margin: 0 auto 0 auto;
}

.gray-bg-building {
background-image: url(../images/p4/desktop-city.png);
background-size: auto 250px;
  background-repeat: repeat-x;
  height: 250px;
margin-top: 50px;
}
.gray-bg-building-vi {
background-image: url(../images/p4/desktop-city-vi.png);
background-size: auto 250px;
  background-repeat: repeat-x;
  height: 250px;
margin-top: 50px;
}


.grey-text-2 {
text-align: justify;
font-size: 13px;
line-height: 17px;
}

@media (min-width: 1025px) {
.ul-check > ul{
padding-left:50px;
}

.bg--ahorro1 {
  background-image: url(../images/p4/hero-reo.jpg);
  height: 190px;

}
.bg--reo-vi{
background-image: url(../images/p4/reo-header-vi-desktop.jpg);
  height: 190px;

}

.page4 .page__topcontent.page__topcontent--alt2 .breadcump {
/*	padding-left: 200px;*/
}

.grey-text-2 {
  padding-top: 50px;
  padding-bottom: 50px;
}
}

@media (max-width: 1024px) {
.bg--ahorro1 {
  background-image: url(../images/p4/hero-reo-md.jpg);
  height: 200px;
    }

.bg--reo-vi{
background-image: url(../images/p4/reo-header-vi-tablet.jpg);
height: 200px;

}
.gray-clr-reo {
  padding: 0;
}

.home__h1-reo, .inner__content {
  padding: 30px 25px;
  margin: 0;
}

.page4 .page__topcontent.page__topcontent--alt2 .breadcump {
  margin-left: 25px;
}

.gray-clr-reo h2 {
  font-size: 17px;
  line-height: 26px;
}

.gray-bg-building {
  background-image: url(../images/p4/sec_hero-tablet.png);
  background-size: auto 200px;
  height: 200px;
}
  .gray-bg-building-vi {
  background-image: url(../images/p4/sec_hero-tablet-vi.png);
  background-size: auto 200px;
  height: 200px;
}

}

@media (max-width: 767px) {
.page__top.cover.bg--ahorro1 {
  background-image: url(../images/p4/hero-reo-sm.jpg);
  height: 245px;

}
.page__top.cover.bg--reo-vi{
background-image: url(../images/p4/reo-header-vi-mobile.jpg);
height: 200px;

}

.home__h1-reo {
  font-size: 28px;
  padding: 45px 15px;
  text-align: center;
}

.home__h1-reo, .inner__content {
  padding: 20px 15px;
  margin: 0;
}

.page4 .page__topcontent.page__topcontent--alt2 .breadcump {
  margin-left: 5px;
}

.gray-clr-reo h2 {
  font-size: 17px;
  line-height: 26px;
}

.gray-bg-building {
  background-image: url(../images/p4/sec_hero-mobile.png);
  background-size: auto 160px;
  height: 160px;
}
.gray-bg-building-vi {
  background-image: url(../images/p4/sec_hero-mobile-vi.png);
  background-size: auto 160px;
  height: 160px;
}

}

/* page ahorro */
.bg--ahorro {
background-image: url(../images/p4/hero-ahorro.png);
height: 454px;
 /* margin-top: 105px;*/
}

.bg--check {
background-image: url(../images/p4/hero-check.jpg);
height: 454px;
 /* margin-top: 105px;	hide from new homepage*/
}

.gray-clr {
background: #fafafa;
border-bottom: 1px solid #cccccc;
text-align: center;
padding: 80px 0 40px;
}

.gray-clr h2.italic {
font-style: italic;
}

.darkgreen {
  font-size: 22px;
  color: #00833c;
  margin: 0;
  font-weight: bold;
}

.max1000 {
max-width: 1000px;
margin: 0 auto;
}

.ahorro-icons {
list-style: none;
padding: 0;
margin: 50px 0 0;
}

.ahorro-icons > li {
display: inline-block;
padding: 0 40px;
margin-bottom: 40px;
}

.ahorro-icons.icon5 > li {
padding: 0 25px;
}

.ahorro-icons li .aicon2 {
  position: relative;
  left: 20px;
}

.ahorro-icons > li span {
  display: inline-block;
  font-size: 15px;
  color: #333333;
  margin-top: 30px;
  font-weight: bold;
  vertical-align: top;
}

.lnk1 {
color: #666;
border-bottom: 1px solid #666;
}

.max820 {
max-width: 820px;
margin: 0 auto;
}

.iwt {
font-size: 19px;
line-height: 1.5;
color: #333;
padding-top: 100px;
clear: both;
overflow: hidden;
}

.iwt h2 {
  font-size: 24px;
  color: #00833c;
  margin: 0 0 10px;
  font-weight: bold;
  padding-top: 0;
}

.iwt p {
margin-bottom: 24px;
}

.iwtleft {
float: left;
width: 63%;
}

.iwtright {
float: right;
width: 27%;
}

.iwtpic img {
width: auto;
height: 218px;
border: 2px solid #00833c;
border-radius: 50%;
background-color: #00833c;
}

.iwt .btn-blue {
margin-top: 0;
}

.imgleft .iwtleft {
float: right;
}

.imgleft .iwtright {
float: left;
}

.page4 .page__cta_01 .page__cta--inner {
padding-top: 130px;
padding-bottom: 100px;
}

.form--wrap {
background: #fafafa;
border-top: 1px solid #ccc;
padding: 100px 0 80px;
}

.form--wrap form {
margin-top: 100px;
}

.green--title {
color: #00843d;
font-weight: 400;
margin: 0 0 15px;
padding: 0;
font-size: 25px;
}

.center--title {
text-align: center;
}

.page4 .row {
overflow: hidden;
clear: both;
margin-left: -15px;
margin-right: -15px;
}

.page4 .row .colhalf {
width: 50%;
float: left;
padding: 0 15px;
}

.page4 .fgroup {
margin-bottom: 40px;
}

.form--wrap label {
font-size: 16px;
color: #00843d;
font-weight: normal;
margin-bottom: 10px;
display: inline-block;
}

.checkbox-custom, .radio-custom {
  opacity: 0;
  position: absolute;
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
  position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
  content: '';
  background: #fff;
  border: 1px solid #acacac;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
border-radius: 3px;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  background: #018752;
  color: #fff;
}

.radio-custom + .radio-custom-label:before {
  border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  color: #fff;
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
outline: 0; /* focus style */
}

.form--wrap button[type="submit"] {
width: 220px;
padding: 15px;
}

.form--wrap .input2 {
display: block;
width: 100%;
height: 50px;
border: 1px solid #acacac;
}

.selectBox {
position: relative;
background: #fff url(../images/p4/arrow.png) no-repeat center right;
background-size: 51px auto;
border: 1px solid #acacac;
  border-radius: 3px;
  border-right: 0;
}

.form--wrap .selectBox select {
background: transparent;
border: 0;
width: calc(100% + 28px);
}

@media (max-width: 1024px) {
.bg--ahorro {
  background-image: url(../images/p4/hero-ahorro-sm.png);
  height: 375px;
  margin-top: 100px;
}

.bg--check {
  background-image: url(../images/p4/hero-check-sm.jpg);
  height: 375px;
  margin-top: 100px;
}

.iwtleft {
  width: 55%;
}

.iwtright {
  width: 40%;
}

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

.iwt h2 {
  margin-top: 20px;
}
}

@media (max-width: 991px) and (min-width: 768px) {
.ahorro-icons.icon5 > li {
  padding: 0 7px;
}
}

@media (max-width: 767px) {
.page__top.cover.bg--ahorro {
  height: 275px;
}

.page__top.cover.bg--check {
  height: 275px;
}

.bg--check, .bg--ahorro {
  margin-top: 51px;
}

.ahorro-icons.icon5 > li {
  padding: 0 10px;
  width: 48%;
}
}

@media (max-width: 599px) {
.iwtleft, .iwtright {
  float: none !important;
  width: auto;
}

.iwtpic {
  max-width: 200px;
  margin: 0 auto;
}

.iwt .btn-blue {
  display: block;
  width: 100%;
  text-align: center;
}

.page4 .row .colhalf {
  float: none;
  width: auto;
}

.page4 .fgroup {
  margin-bottom: 20px;
}

.form--wrap button[type="submit"] {
  display: block;
  width: 100%;
  text-align: center;
}

.form--wrap form {
  margin-top: 30px;
}

.form--wrap label {
  font-size: 13px;
}

.form--wrap {
  padding-top: 40px;
  padding-bottom: 25px;
}

.gray-clr {
  padding: 40px 0 25px;
}

.page4 .page__cta_01 .page__cta--inner {
  padding-top: 60px;
  padding-bottom: 30px;
}

.ai-icon img {
  width: 50px;
  height: auto;
}

.ahorro-icons > li {
  padding: 0 25px;
}

.ahorro-icons > li span {
  margin-top: 5px;
}

.ahorro-icons li .aicon2 {
  left: 10px;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
  width: 20px;
  height: 20px;
}
}

@media (max-width: 460px) {
.page__top.cover.bg--ahorro {
  background-image: url(../images/p4/hero-ahorro-sm.png);
}

.page__top.cover.bg--check {
  background-image: url(../images/p4/hero-check-xs.jpg);
}
}
/* Page 7 */
.cnt_uno .page__top--alt2 h1 {
padding-top: 34px;
}

.cnt_uno .f60 {
font-size: 48px;
line-height: 72px;
}

.cnt_uno .lead-text p {
font-size: 18px;
line-height: 1.5;
}

.centus_icons {
padding-bottom: 50px;
}

.centus_icons ul {
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
}

.centus_icons ul li {
float: left;
width: 25%;
text-align: center;
min-height: 200px;
margin-top: 30px;
}

.centus_icons ul li a.emvExitMsg {
display: block;
pointer-events: auto !important;
color:#303030;
}

.centus_icons ul li a {
display: block;
/*pointer-events: none;*/
color:#303030;
text-decoration:underline;
}



.centus_icons ul li .fig {
display: block;
width: 120px;
height: 120px;
border-radius: 50%;
line-height: 120px;
text-align: center;
background: #9dc664;
border: 5px solid #b1d183;
color: #303030;
font-size: 13px;
text-decoration: none;
margin: 0 auto;
}


.centus_icons ul li .fig-preferente {
display: block;
width: 120px;
height: 120px;
border-radius: 50%;
line-height: 120px;
text-align: center;
background: #008852;
color: #303030;
font-size: 13px;
text-decoration: none;
margin: 0 auto;
}


.centus_icons ul li .fig-platinum {
display: block;
width: 120px;
height: 120px;
border-radius: 50%;
line-height: 120px;
text-align: center;
background: #A7A9AC;
color: #303030;
font-size: 13px;
text-decoration: none;
margin: 0 auto;
}


.centus_icons ul li img {
max-width: 100%;
height: auto;
padding: 10px;

}

.centus_icons ul li a span {
display: inline-block;
margin-top: 15px;
line-height: 1.5;
vertical-align: top;
text-decoration:underline;
}

.centus_icons ul li span {
display: inline-block;
margin-top: 15px;
line-height: 1.5;
vertical-align: top;
}


.centus_form {
line-height: 1.5;
}

.centus_form form {
padding: 50px 0 100px;
}

.centus_form form h3 {
font-size: 20px;
font-weight: bold;
margin: 0 0 25px;
}

.centus_form .row-form {
margin-left: -15px;
margin-right: -15px;
overflow: hidden;
}

.centus_form .row-form .row-col-6 {
float: left;
width: 50%;
padding-left: 15px;
padding-right: 15px;
}

.centus_form .control-group {
margin-bottom: 20px;
}

.centus_form label {
font-weight: normal;
color: #303030;
font-size: 16px;
margin-bottom: 5px;
display: inline-block;
}

.centus_form .input-form {
border: 1px solid #e8ebea;
background-color: #fff;
height: 50px;
padding: 6px 12px;
font-size: 16px;
border-radius: 4px;
display: block;
width: 100%;
}

.cnt_uno .centered {
width: 100%;
max-width: 730px;
}

.centus_form form .btn-blue {
min-width: 236px !important;
margin-top: 10px;
}

@media (max-width: 767px) {
.centus_icons ul li {
  width: 50%;
}

.cnt_uno .f60 {
  font-size: 45px;
  line-height: 58px;
}

.cnt_uno .f60 br {
  display: none;
}

.cnt_uno .lead-text p {
  font-size: 15px;
}

.centus_form .row-form .row-col-6 {
  float: none;
  width: auto;
}

.centus_form form h3 {
  text-align: center;
  max-width: 260px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.centus_form form .btn-blue {
  margin-top: 0;
  display: block;
  text-align: center;
  width: 100%;
}
}
/*DigitalWallet recompensas*/
/* Layout 2019 */
.dw--page {
  padding-top: 0px !important;
    color: #333!important;
}


.dw-hero {
background: #000 url(../images/dw/hero-lg.jpg) no-repeat center top;
background-size: cover;
}

.dw-smart-cash-management {
background: #17a5bd url(../images/dw/smart-cash-management-desktop.png) no-repeat center center;
background-size: cover;
height:500px;
}

.smart-cash-management-solutions img {
width:100px;
}



.dw-hero-en {
background: #000 url(../images/dw/hero-en-lg.jpg) no-repeat center top;
background-size: cover;
}



.dw-flex {
  display: -ms-flexbox!important;
  display: flex!important;
}

.dw-aic {
  -ms-flex-align: center!important;
  align-items: center!important;
}

.dw-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.dw-col {
position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.dw-ml-0, .dw-mx-0 {
  margin-left: 0!important;
}

.dw-mr-0, .dw-mx-0 {
  margin-right: 0!important;
}

.dw-pl-0, .dw-px-0 {
  padding-left: 0!important;
}
.dw-pr-0, .dw-px-0 {
  padding-right: 0!important;
}

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

.dw--page img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.dw--page img.c-mobile{
 max-width:110%;
 height: auto;
  vertical-align: middle;
}


.dw-container {
max-width: 1200px;
margin: 0 auto;
}


.dw-footer {
max-width: 800px;
margin: 0 auto;
}


.dw-wrapper {
padding-left: 15px;
padding-right: 15px;
}

.breads {
background: #f6f8f7;
padding: 17px 0 10px;
}

.breads .page--title {
font-weight: bold;
font-size: 30px;
color: #4A4A4A;
padding-bottom: 5px;
}

.breads .breadcrumbs {
list-style: none;
padding: 0;
margin: 0;
display: none;
}

.breads .breadcrumbs > li {
display: inline-block;
margin-right: 4px;
color: #8b8e93;
line-height: 30px;
font-size: 13px;
vertical-align: top;
}

.breads .breadcrumbs > li > a {
text-decoration: none;
display: block;
color: #8b8e93;
line-height: 30px;
font-size: 13px;
}

.breads .breadcrumbs > li:not(:first-child) > a:after {
content: '\003e';
margin-left: 7px;

}

.breads .breadcrumbs .icon-home {
color: #adca84;
font-size: 16px;
}

.pdr-hero {
background: #000 url(../images/pdr/hero-lg.jpg) no-repeat center top;
background-size: cover;
display: table;
width: 100%;
}

.pdr-hero-business {
background: #000 url(../images/cards-page/business-hero-desktop.jpg) no-repeat center top;
background-size: cover;
display: table;
width: 100%;
}

.pdr-hero.fraud{
background: #000 url(../images/fraud/Mask.jpg) no-repeat center top;
background-size: cover;
display: table;
width: 100%;
}
.pdr-hero.deposito-hero{
background: #000 url(../images/deposito-expreso/Hero-Image.jpg) no-repeat center top;
background-size: cover;
display: table;
width: 100%;
}
.pdr-hero.deposito-hero-vi{
background: #000 url(../images/deposito-expreso/Hero-Image-vi.jpg) no-repeat center top;
background-size: cover;
display: table;
width: 100%;
}

.dw-prevention-section {
  width: 100%;
  background: #f6f8f7;
  height: auto;
  overflow: hidden;
}
h4.es-seguro-convenien {
  color: #007B2E !important;
  font-family: Arial;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}

.pdr-hero-en {
background: #000 url(../images/pdr/hero-en-lg.png) no-repeat center top;
background-size: cover;
display: table;
width: 100%;
}

.pdr-auto-hero {
background: url(../images/26105/shutterstock_1012874368.jpg) no-repeat center top;
background-size: cover;
}

.pdr-lease-hero {
background: url(../images/26105/hero-leasing.jpg) no-repeat center top;
background-size: cover;
height:200px;
}

@media only screen and (max-width: 768px)
{
.pdr-lease-hero {
background: url(../images/26105/hero-leasing.png) no-repeat -400px top;
background-size: cover;
height:200px;
}

}


.auto-hero {
background: url(../images/auto/auto-hero.jpg) no-repeat center top;
background-size: cover;
}

.auto-hero-venta {
  background: url(../images/auto/auto-hero-venta.jpg) no-repeat center bottom;
  background-size: cover;
  }


.dw-pc .auto-hero {
background: url(../images/auto/auto-hero-2.jpg) no-repeat center top;
background-size: cover;
}

.auto-hero-venta .pdr-hero-auto-inner {
  height: 416px;
  }

.auto-hero .pdr-hero-auto-inner {
height: 416px;
}

.pdr-hero-inner {
padding: 85px 0;
display: table-cell;
vertical-align: middle;
height: 520px;
color: #fff;
text-align: center;
}


 .pdr-hero-auto-inner {
  height: 200px;
  color: #fff;
  text-align: center !important;
  padding-top:80px;

  }

.auto-hero .pdr-hero-auto-inner {

background-color: rgba(0,0,0,0.36);
}

.dw-intro-2 p
{
color:#303030;
}

.ls-text p
{
line-height: 1.5 !important;
}


.pdr-hero-inner h1 {
font-weight: bold;
font-size: 40px;
margin: 0;
}
@media (max-width: 1024px){
.pdr-hero-inner h1 {
  font-weight: bold;
  font-size: 40px;
  margin: 10% auto;
}

}


@media (max-width: 768px){
.pdr-hero-inner h1 {
  font-weight: bold;
  font-size: 40px;
  margin: 20% auto;
}

.pdr-hero-auto-inner {
height: 200px;
color: #fff;
text-align: center !important;
padding-top:20px;
background-color: rgba(0,0,0,0.36);
}


}



.pdr-hero-auto-inner h1 h1 {
font-weight: bold;
font-size: 40px;
margin: 0;
}




.dw-leasing .pdr-hero-auto-inner {

text-align: left;

}

.dw-leasing .dw-intro {
text-align: left;
max-width: 100%;
}


.dw-leasing .dw-intro-2 {
text-align: left;
max-width: 100%;
}



.card-hero-inner {
height: 600px;
color: #fff;
font-size: 26px;
line-height: 39px;
position: relative;
background: url(../images/25827/hero-lg.png) no-repeat center top;
background-size: cover;
position: relative;
}


.dw-benefits {
list-style: none;
padding: 0;
margin: 0;
}

.dw-benefits > li {
display: inline-block;
font-size: 20px;
line-height: 28px;
margin-top: 34px;
border-right: 1px solid #fff;
padding: 0 28px;
vertical-align: top;
}

.dw-benefits > li:last-child {
border-right: 0;
}

.dw-benefits > li .b1,
.dw-benefits > li .b2,
.dw-benefits > li .b3 {
background-repeat: no-repeat;
background-position: center;
background-size: 32px auto;
margin-right: 25px;
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
}

.dw-benefits > li .b1 {
background-image: url(../images/auto/b1.png);
}

.dw-benefits > li .b2 {
background-image: url(../images/auto/b2.png);
}

.dw-benefits > li .b3 {
background-image: url(../images/auto/b3.png);
background-size: 28px auto;
}

.gray-title {
font-weight: bold;
  font-size: 26px;
  line-height: 31px;
  color: #303030;
  margin-bottom: 4px;
}


.dw-links .dw-link {
display: block;
margin-top: 50px;
text-decoration: none;
font-size: 18px;
line-height: 27px;
color: #595F66;
padding: 32px 90px 32px 30px;
border: 1px solid #303030;
border-radius: 7px;
position: relative;
border-right: 0;
}

.dw-links .dw-link .dw-link-btn {
display: block;
width: 70px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: #006ade url(../images/auto/link-box.svg) no-repeat center;
background-size: auto 20px;
color: #fff;
border-radius: 0px 7px 7px 0px;
}

.dw-links .dw-link-title {
font-size: 26px;
line-height: 39px;
color: #303030;
font-weight: bold;
display: block;
margin-bottom: 5px;
}

.card-hero-inner:before {
content: '';
background: linear-gradient(237.52deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.42) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.max700 {
max-width: 700px;
padding-top: 200px;
position: relative;
z-index: 5;
}


.pdr-hero h1 {
font-weight: bold;
font-size: 40px;
margin: 0;
}
.pdr-hero-business h1{
font-weight: bold;
font-size: 40px;
margin: 0;

}

.card-hero h1 {
font-weight: bold;
font-size: 40px;
margin: 0;
}

.dw-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.dw-col {
position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.dw-items-center {
  -ms-flex-align: center;
  align-items: center;
}




.dw-hero-content .h4 {
font-size: 22px;
margin-top: 10px;
color: #fff;
}

.about-us .main-content {
  background: #fff !important;
  padding: 0px 0 !important;
  }


.main-content {
background: #f6f8f7;
padding: 0px 0;
}

.text-center {
text-align: center;
}

.dw--page .main-content h2 {
font-size: 28px;
color: #007c29;
font-weight: bold;
margin: 0 0 20px;
}

.dw-page-h2{
  font-size: 28px;
color: #007c29;
font-weight: bold;
margin: 0 0 20px;

}

.dw-intro {
text-align: center;
max-width: 1000px;
margin: 0 auto;
color: #444;
font-size: 16px;
line-height: 1.45;
}

.dw-intro-2 {
text-align: center;
max-width: 800px;
margin: 0 auto;
color: #595F66;
font-size: 16px;
line-height: 30px;

}

.dw-intro-left {
  text-align: left;
  max-width: 800px;
  margin: 0 auto;
  color: #595F66;
  font-size: 16px;
  line-height: 30px;

  }
.dw-intro h3 {
font-size: 24px;
margin-bottom: 30px;
}

.dw-boxes {
padding-top: 60px;
}

.dw-boxes h2 {
text-align: center;
margin-bottom: 35px!important;
}

.dw-card {
background: #fff;
padding: 45px 25px;
font-size: 17px;
line-height: 24px;
margin-bottom: 30px;
border-radius: 3px;
}

.dw-icon-green-img img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.dw-icon-green-img{
    background-color: #8CC63E;
    height: 100px;
    width: 100px;
    margin: auto;
    border-radius: 50%;
}

.dw-card.fraud-card {
  background: #fff;
  padding: 45px 25px;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 50px;
  border-radius: 3px;
  text-align: center;
}
.dw-card .dw-icon-fraud {
  width: 150px;
  height: 150px;
  text-align: center;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 50px;
}

.dw-card .dw-card-body {
padding: 35px 30px 34px 30px;
}


.dw-card .dw-card-title {
font-weight: bold;
color: #595F66;
font-size: 26px;
line-height: 39px;
}

.dw-card .button-gr {
margin: 24px 0;
text-align: center;
max-width: 100%;
display: block;
}

.dw-p2 .main-content {
padding-bottom: 0;
}
.dw-card .dw-icon {
width: 150px;
height: 150px;
text-align: center;
background: #f1f1f1;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
position: relative;
margin-bottom: 50px;
}


@media (max-width: 1024px) and (min-width: 768px){
  .dw-card .dw-icon {

   top:50%;
   transform: translateY(-50%);
   display:block !important;
   }
   }

.dw-card .dw-icon-white {
width: 100px;
height: 100px;
text-align: center;
background: #fff;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
position: relative;
margin-bottom: 50px;
}



.dw-card .dw-icon-green {
background: #8CC63E !important;
width: 100px;
height: 100px;

}



.dw-card .dw-icon > img {
vertical-align: middle;
display: block;
margin: 0 auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 50px;
}

.dw-card h3 {
font-size: 22px;
color: #007c29;
font-weight: bold;
margin: 0 0 15px;
}

.dw-card-inner {
background: #f6f8f7;
padding: 100px 20px 100px 20px;
position: relative;
height: 100%;
}
.dw-prevention-section {
  width: 100%;
  background: #f6f8f7;
  height: auto;
  overflow: hidden;
}
.preven-list {
  padding-left: 50px;
}
.consejos-para-preven h3 {
  height: 29px;

  color: #595F66;
  font-family: Arial;
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
}

.consejos-para-preven ul {
  list-style: none;
}
.consejos-para-preven li {
  height: auto;

  color: #595F66;
  font-family: Arial;
  font-size: 16px;
  margin: 25px 0;
  line-height: 30px;
}
.dots {
  width: 30px;
  height: 30px;
  background: #038459;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  color: white;
  float: left;
  margin-right: 19px;
}
.dw-phone-text {

  color: #595F66;
  font-family: Arial;
  font-size: 16px;
  float: left;
}

.dw-card-auto {
  display: block;
  color: #595F66;
  font-size: 13px;
  line-height: 20px;
  background-color: #fff;
  position: relative;
  border-radius: 6px;
  margin-bottom: 50px;
}

.dw-card-auto .dw-card-auto-body {
padding: 35px 30px 34px 30px;
}

.dw-card-auto .dw-card-auto-title {
font-weight: bold;
color: #595F66;
font-size: 26px;
line-height: 39px;
}

.dw-card-auto .button-gr {
margin: 24px 0;
text-align: center;
max-width: 100%;
display: block;
}

.dw-p2 .main-content {
padding-bottom: 0;
}

.dealers {
padding: 75px 0 50px;
background: #fff;
}

.dealers .dealers-intro h3 {
font-size: 32px;
line-height: 37px;
color: #303030;
font-weight: bold;
margin: 0 0 25px;
}

.dealers .dealers-intro {
font-size: 18px;
line-height: 27px;
color: #595F66;
}

.dealers .dealers-intro .line:after {
content: '';
background: #007B2E;
width: 25px;
height: 5px;
display: block;
margin-top: 20px;
border-radius: 5px;
}

.button-group {
display: inline-block;
margin-top: 21px;
}

.button-group .button-grey{
margin-top: 20px;
margin-left: 10px;
}

.button-group a:last-child,
.button-group button:last-child {
margin-left: 10px;
}

.button-grey {
font-size: 20px;
line-height: 23px;
color: #fff;
background: #595F66;
border-radius: 4px;
display: inline-block;
border: 1px solid #595F66;
padding: 10px 30px !important;

}

.button-outline-2 {
  color: #fff;
  padding: 10px 30px !important;
}
.all-dealers {
padding-top: 50px;
}

.all-dealers .dw-card-auto {
font-size: 16px;
line-height: 27px;
color: #595F66;
margin-bottom: 30px;
border: 1px solid #F1F1F1;
border-bottom: 0;
border-radius: 5px;
overflow: hidden;
}

.all-dealers .dw-card-auto address {
font-weight: 400;
font-style: normal;
background: url(../images/auto/map-marker.svg) no-repeat top 3px left;
background-size: 24px auto;
padding-left: 40px;
    min-height: 40px;
}

.all-dealers .dw-card-auto h4 {
font-size: 20px;
color: #303030;
margin: 0 0 10px;
font-weight: bold;
}

.all-dealers .dw-card-auto .dw-card-auto-body {
padding: 20px 30px 30px 30px;
    min-height: 155px;
}

.all-dealers .dw-card-auto .dw-card-auto-links {
list-style: none;
padding: 0;
margin: 0;
}

.all-dealers .dw-card-auto .dw-card-auto-links li {
display: table-cell;
width: 1%;
}

.all-dealers .dw-card-auto .dw-card-auto-links li a {
color: #fff;
text-decoration: none;
display: block;
}

.all-dealers .dw-card-auto .dw-card-auto-links li .dw-icon {
display: block;
padding: 15px;
font-size: 14px;
line-height: 16px;
text-align: center;
}

.all-dealers .dw-card-auto .dw-card-auto-links li .ir {
background: #01a1df url(../images/auto/ir.svg) no-repeat center;
background-size: auto 16px;
color: #fff;
text-indent: -9999px;
}

.all-dealers .dw-card-auto .dw-card-auto-links li .go {
background-color: #01a1df;
background-size: auto 16px;
color: #fff;
font-weight:bold;
}


.all-dealers .dw-card-auto .dw-card-auto-links li .web {
background: #585f67;
color: #fff;
font-weight: bold;
}

.all-dealers .dw-card-auto .dw-card-auto-links li .fb {
background: #3b5999 url(../images/auto/fb.svg) no-repeat center;
background-size: auto 16px;
color: #fff;
text-indent: -9999px;
}

.all-dealers .button-gr {
display: block;
max-width: 100%;
width: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

.h--3 {
font-weight: bold;
color: #303030;
font-size: 26px;
line-height: 31px;
margin: 0 0 19px;
}


.dw-list {
font-size: 16px;
line-height: 20px;
color: #303030;
text-align:	center;
}

.ul-check {
list-style: none;
padding: 0;
margin: 0 0 25px;

}

.ul-check li {
font-size: 16px;
line-height: 36px;
color: #303030;
position: relative;
padding-left: 50px;
margin-top: 25px;
}

.ul-check li:before {
content: '';
width: 30px;
height: 30px;
background: url(../images/auto/checkmark.svg) no-repeat center;
background-size: 30px auto;
position: absolute;
top: 0;
/*left: 0;*/
margin-left: -35px;
display: inline-block;
}


.dw--page .btn-green-alt-2 {
display: block;
  padding: 10px 15px;
  color: #fff;
  background-color: #075E27;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 17px;
  text-align: center;
  margin-top: 25px;
  -moz-transition: all .51s;
  -o-transition: all .51s;
  -webkit-transition: all .51s;
  transition: all .51s;
  border: 2px solid transparent;
}

.dw--page .btn-green-alt-2:hover {
border-radius: 999px;
background: transparent;
border-color: #075E27;
color: #075E27;
}

.dw-reg  {
font-size: 16px;
}

.dw-reg p {
margin-bottom: 15px;
}

.dw-reg .h5 {
color: #007c29;
font-weight: bold;
}

.dwn-icons {
padding-top: 10px;
}

.dwn-icons a {
display: inline-block;
vertical-align: top;
background: #fff;
padding: 8px;
margin-right: 10px;
border-radius: 3px;
}

.dwn-icons a img {
width: auto;
height: 40px;
}

.alert-link {
line-height: 24px;
text-decoration: underline;
color: #444;
font-style: italic;
}

.info-icon {
display: inline-block;
background: url(../images/dw/info.png) no-repeat center;
background-size: 100%;
width: 24px;
height: 24px;
border-radius: 50%;
vertical-align: top;
text-decoration: none;
}


.dw-alert {
background: #f0f0f0;
color: #333;
padding: 40px 15px;
font-size: 13px;
line-height: 17px;
}

 .dw-alert-white {
background: #fff;
color: #333;
padding: 40px 0;
font-size: 13px;
line-height: 17px;
}


.xs-breads {
background: #038459;
height: 40px;
line-height: 40px;
color: #fff;
padding: 0 15px;
}

.xs-breads a {
color: #fff;
text-decoration: none;
  display: inline-block;
  width: auto;
  padding: 0 20px 0 15px;
  border-right: 1px solid #fff;
  background-image: url(../images/ico-back-buttom.gif);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 9%;
}

.hide-on-mobile {
display: none;
}

.dw-promo-text {
font-size: 18px;
color: #444;
}

@media (max-width: 635px){

.dw-smart-cash-management{
background: #17a5bd url(../images/dw/smart-cash-management-movil.png) no-repeat center top;
background-size: cover;
min-height:250px;
}



}


@media (min-width: 636px) and (max-width: 1023px) {

.dw-smart-cash-management{
background: #17a5bd url(../images/dw/smart-cash-management-tablet.png) no-repeat center top;
background-size: cover;
min-height:400px;
}



}





@media (max-width: 768px){
.dw-hero {
background: #000 url(../images/dw/hero-sm.jpg) no-repeat center top;
background-size: cover;
}




.dw-promo-text-green {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

}

.dw-promo-text-green {
  color: #075E27;
  font-size: 20px;
  float: left;
  margin-bottom: 14px;
}
.dw-promo-text-green a{
  text-decoration:underline;
  color: #075E27;
}
.dw-promo-text-green a:visited{
  text-decoration:underline;
  color: #075E27;
}



.dw-promo-text span {
background: url(../images/pdr/icon-ques.png) no-repeat;
background-size: 70px auto;
border-radius: 50%;
width: 75px;
height: 75px;
margin-right: 20px;
}

.dw--page .dw-promo-text .btn-green-alt-2 {
display: inline-block;
margin-top: 0;
margin-left: 20px;
padding: 13px 28px;
}

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

.dw-max800 {
max-width: 800px;
margin: 0 auto;
}


.cards {
position: relative;
margin-top: -190px;
}


.cards .card .icon {
width: 120px;
height: 120px;
border-radius: 50%;
text-align: center;
line-height: 120px;
background-color: #F1F1F1;
margin-right: 44px;
}

.cards .card {
padding: 27px 68px 25px 35px;
border-radius: 3px;
border: 0;
background: #fff;
font-size: 13px;
line-height: 19px;
color: #303030;
margin-bottom: 30px;
}

.cards .card p {
margin: 0;
}

.cards .card h3, .cards .card h2 {
font-size: 26px ;
line-height: 26px !important;
color: #018752 !important;
font-weight: 400 ;
margin: 12px 0 10px ;
text-align:left !important;
}

.cards .card .btn {
margin-top: 27px;
font-size: 20px;
line-height: 23px;
color: #fff;
font-weight: 400;
padding: 10px 12px;
background: #00843D;
border-radius: 3px;
min-width: 180px;
    -moz-transition: all .51s;
  -o-transition: all .51s;
  -webkit-transition: all .51s;
  transition: all .51s;
}

.cards .card .btn:hover {
border-radius: 999px;
background: transparent;
border-color: #8ec63f;
color: #8ec63f;
}

.notes--holder {
max-width: 850px;
font-size: 13px;
line-height: 19px;
color: #303030;
}

.notes--holder h6, .notes--holder h3 {
font-size: 16px;
line-height: 18px;
font-weight: 400;
margin: 0 0 10px;
}

.ls-blocks {
padding-top: 55px;
line-height: 27px;
color: #303030;
  font: 15px "Helvetica Neue", "Arial", sans-serif;
}

.ls-blocks h3,  .ls-blocks h2 {
font-weight: bold;
color: #007B2E;
font-size: 26px;
line-height: 31px;
margin: 0 0 10px !important;
text-align:left !important;
}

.ls-blocks .h3 {
text-align: center;
font-size: 20px;
line-height: 30px;
margin: 0;
padding-top: 29px;
}

.ls-blocks .ls-block {
position: relative;
margin-bottom: 25px;
}

.ls-blocks .ls-block .ls-number {
font-size: 70px;
line-height: 80px;
color: #007B2E;
position: absolute;
left: 0;
top: -7px;
}

.ls-blocks .ls-block .ls-text {
padding-left: 60px;
padding-top: 4px;
}
.cal {
border-radius: 6px;
background-color: #fff;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);
margin-top: 70px;
color: #fff;
box-shadow: 2px 5px 12px 0 rgba(0,0,0,0.2);
}

.cal h2 {
margin: 0 0 10px;
font-weight: bold;
font-size: 26px;
line-height: 39px;

}


.mt-3 {
margin-top: 100px;
}

.cal .cal-icon {
height: 100px;
width: 100px;
border-radius: 50%;
text-align: center;
line-height: 1;
background-color: #007B2E;
margin-top: -50px;
position: relative;
z-index: 2;
margin-bottom: 23px;
padding-top: 24px;
}

.cal-form {
padding: 0 40px 0 40px;
}

.dw-p2 .cal-form {
padding: 0 30px;
}

.cal label {
font-size: 16px;
line-height: 27px;
color: #018752;
font-weight: normal;
margin: 0;
display: block;
}

.cal .input_field {
height: 50px;
width: 100%;
display: block;
border-radius: 3px;
background-color: #e5e5e5;
color: #303030;
font-size: 16px;
line-height: 18px;
font-weight: 400;
padding: 14px 14px 13px 14px;
margin-bottom: 31px;
border: #303030 1px solid;
}

.cal-result {
background: #fff;
color: #595F66;
text-align: center;
border-radius: 0 6px 6px 0;
padding: 80px 40px 41px 40px;
}

.cal-result h5 {
font-size: 20px;
line-height: 39px;
font-weight: normal;
margin: 0;
padding-top: 60px;
}

.cal-result #resulted {
font-size: 42px;
line-height: 39px;
font-weight: bold;
}

.cal-result .note {
margin-top: 71px;
padding-top: 22px;
border-top: 1px solid #F1F1F1;
font-size: 13px;
line-height: 19px;
}

.cal .btn {
font-size: 16px;
line-height: 18px;
font-weight: normal;
color: #fff;
padding: 13px 19px 12px 21px;
border-radius: 3px;
background-color:#018752;
}

.cal .btn:hover {
background: #018752;
color: #FFF;
 border-radius: 999px;
  -webkit-transition: .41s;
  transition: .41s;
}

.apr-term-table{
color:#303030;
font-size:16px;
}


.apr-term-table tr{
background-color:#ebebeb;

}
/*
.apr-term-table tr:nth-child(5){
background-color:#018752;
color:#fff;

}*/


.faqs2 p, .faws2 li
{
color:#303030;
}

.faqs2 h3
{
margin:10px 0px;
}

.apr-term-table td{
padding: 5px 10px;
}


.faqs {
padding-top: 100px;
}

.faqs h3 {
font-weight: bold;
  color: #303030;
  font-size: 18px;
  line-height: 15px;
 }

.faqs .line {
background: #007B2E;
width: 25px;
height: 5px;
display: block;
margin-top: 20px;
border-radius: 5px;
margin-bottom: 30px;
}
.faqs2 h3 {
font-weight: bold;
  color: #303030;
  font-size: 18px;
  line-height: 15px;
 }
.faqs2 .line {
background: #007B2E;
width: 25px;
height: 5px;
display: block;
margin-top: 20px;
border-radius: 5px;
margin-bottom: 30px;
}
.accordion-holder {
border-radius: 6px;
background-color: #FFFFFF;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
text-decoration: none;
display: block;
  transition: 0.4s;
margin-bottom: 30px;
}

.accordion-holder .accordion-toggle {
color: #075E27;
font-size: 16px;
line-height: 18px;
font-weight: bold;
display: block;
  padding: 39px 30px;
position: relative;
width:90%;
}

.accordion-holder .accordion-content {
padding: 0 30px;
font-size: 15px;
line-height: 27px;
color: #595F66;
padding-bottom: 20px;
}

.accordion-holder .expanded {

}


.accordion-holder .accordion-toggle:after {
content: '';
position: absolute;
top: 39px;
right: 10px;
display: block;
width: 18px;
height: 23px;
background: url(../images/chevron.svg) no-repeat center;
background-size: 18px auto;
transform: rotate(90deg);
transition: .21s;
}

.accordion-holder .accordion-toggle.expanded:after {
transform: rotate(270deg);
}

.accordion-content:not(.default) {
display:none;
}

.offerz {
background-color: #F1F1F1;
padding: 50px 0 0;
}

.offerz .fig {
display: block;
color: #fff;
font-size: 26px;
font-weight: bold;
line-height: 39px;
text-align: center;
font-weight: bold;
text-decoration: none;
background-color: #000;
box-shadow: 0 0 4px 0 rgba(0,0,0,0.05);
position: relative;
border-radius: 3px;
margin-bottom: 30px;
}

.offerz .fig img {
border-radius: 3px;
opacity: 0.5;
}

.offerz .fig span {
display: block;
color: #fff;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform:translateY(-50%);
}


.dw-col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.w-100 {
width: 100%!important;
}

.d-block {
display: block!important;
}

.mt-60 {
margin-top: 60px;
}

.button-gr {
background: #018752;
color: #fff;
font-size: 20px;
line-height: 23px;
padding: 19px 24px;
text-decoration: none;
outline: 0;
border-radius: 3px;
width: 100%;
max-width: 258px;
display: inline-block;
font-weight: bold;
-webkit-transition: .41s;
transition: .41s;
}

.button-gr:hover,
.button-gr:active {
background: #018752;
border-radius: 999px;
-webkit-transition: .41s;
transition: .41s;
}

.max-1040 {
max-width: 1040px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

.dw-p2 .cal {
box-shadow: 2px 5px 12px 0 rgba(0,0,0,0.2);
}

.dw-p2 .offerz {
padding: 100px 0 0;
background: none;
}

.dw-p2 .offerz h3 {
font-size: 32px;
line-height: 37px;
font-weight: bold;
color: #303030;
margin: 0 0 36px;
}

.dw-p2 .offerz h3:after {
content: "";
background: #007B2E;
width: 25px;
height: 5px;
display: block;
margin-top: 20px;
border-radius: 5px;
}
.consejos-para-preven h3 {
  height: 29px;
  color: #595F66;
  font-family: Arial;
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
}
h3.como-usar-deposito {
  text-align: center;
  color: #007B2E;
  font-family: Arial;
  font-size: 26px;
  font-weight: bold;
  line-height: 31px;
  float: left;
  padding:10px;
  height:auto;
}
.consejos-para-preven ul {
  list-style: none;
  padding-top:20px;
}
.consejos-para-preven li {
  height: auto;
  color: #595F66;
  font-family: Arial;
  font-size: 16px;
  margin: 25px 0;
  line-height: 30px;
}
.dots {
  width: 30px;
  height: 30px;
  background: #038459;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  color: white;
  float: left;
  margin-right: 19px;
}
.img-fixed-140{
width:140px;
height:44px;
}
.preven-list {
  padding-left: 50px;
}
.localizador-section {
  text-align: center;
}
.centralized{
  text-align: center;
}

.localizador-button {
  height: 46px;
  width: 263px;
  border-radius: 3px;
  background-color: #038459;
  color: white;
  font-size: 20px;
  font-family: Arial;
  margin: 35px auto 58px;
  padding: 10px 50px 10px 50px;
}
.localizador-text {
  color: #018752;
  font-size: 20px;
  margin-bottom: 14px;
}
.localizador-small-text {
  color: #595F66;
  font-family: Arial;
  font-size: 16px;
  line-height: 24px;
  text-decoration:underline;
}

.localizador-space{
padding: 35px 58px;
}
h3.deposit-phrase {
  margin: 45px auto 0;
  color: #007B2E;
  font-family: Arial;
  font-size: 26px;
  font-weight: bold;
  line-height: 31px;
  text-align: center;
}
@media (min-width: 768px) {
.consejos-para-preven, .dw-promo-section {
  float: left;
  width: 50%;
}




.hide-on-desktop {
  display: none!important;
  margin-left: auto;
  margin-right: auto;
}

.hide-on-mobile {
  display: block!important;
  margin-left: auto;
  margin-right: auto;
}

.dw-promo-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  }
  .dw-col-sm-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.dw-col-sm-6{
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.dw-col-sm-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.auto-product-width {
  -ms-flex: 0 0 35.333333%;
  flex: 0 0 35.333333%;
  max-width: 35.333333%;
}

}

@media (min-width: 1200px) {
.m-mt-10-p{
margin-top:10%;
}
.dw-list-mini-container{
max-width:800px;
margin:0 auto;
}
.ul-check > ul{
padding-left:50px;
}


.dw-col-lg-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.pr-lg-1, .px-lg-1 {
  padding-right: .25rem!important;
}

.dw-col-lg-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.pl-lg-1, .px-lg-1 {
  padding-left: .25rem!important;
}

.cal label {
  font-size: 14px;
}

.mt-lg-5 {
  margin-top: 50px;
}
}

@media (min-width: 1025px) {
.dw-list-mini-container{
max-width:800px;
margin:0 auto;
}

.hidden-md {
  display: none;
}

.visible-md {
  display: block!important;
}

.dw-col-4 {
  -ms-flex:0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.dw-col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.text-sm-right {
  text-align: right;
}
.text-sm-left {
  text-align: left;
}

.dw-col-md-6 {
  -ms-flex:0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.text-md-right {
  text-align: right;
}

.dw-hero-inner {
  height: 520px;
}
}

@media (max-width: 1199px) {
.dw-card .dw-card-title br {
  display: none;
}
}
@media (max-width: 1024px) and (min-width: 768px){
.dw-hero {
background: #000 url(../images/dw/hero-lg.jpg) no-repeat center top;
background-size: cover;
height:400px;
}

.dw-smart-cash-management {
background: #17a5bd url(../images/dw/smart-cash-management-tablet.png) no-repeat center top;
background-size: cover;
min-height:400px;
}



.dw-hero-en {
background: #000 url(../images/dw/hero-en-lg.jpg) no-repeat center top;
background-size: cover;
height:400px;
}


}


@media (max-width: 1024px) {

.breads {
  padding: 0;
}

.breads .page--title {
  font-size: 20px;
  padding: 20px 0 10px;
}

.dw--page {
    padding-top: 0px !important;
}

.card-hero-inner {
  height: 575px;
  padding: 0 15px;
}

.cards .media {
  display: block;
}

.cards .card {
  padding-top: 49px;
  padding-left: 47px;
  padding-right: 41px;
  padding-bottom: 46px;
}

.cards .card .icon {
  margin: 0 auto;
}

.cards .card .media-body {
  max-width: 270px;
  margin: 0 auto;
}

.cards .card .media-body p br {
  display: none;
}

.cards .card .media-body p {
  max-width: 240px;
}

.cards .card .btn {
  display: block;
  width: 100%;
  }

  .pdr-hero-inner {
  height: 575px;
  padding: 0 15px;
  }

  .pdr-hero-auto .pdr-hero-auto-inner {
  height: 260px;
}

  .card-hero-inner {
  height: 575px;
  padding: 0 15px;
}

}


@media (min-width: 992px) {
.dw-col-md-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.dw-col-md-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
}

@media (max-width: 1199px) and (min-width: 992px) {
.dw-hero-content .h4 {
  font-size: 18px;
  }
  .cal label {
  font-size: 13px;
}
}

@media (max-width: 1024px) and (min-width: 576px) {
.dw-col-sm-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
}

@media (max-width: 991px) {
.dw-links .dw-link {
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}

.ls-blocks .h3 {
  padding-top: 0;
}


.cal .btn {
  width: 100%;
}

.offerz .fig {
  font-size: 18px;
  line-height: 20px;
}

.dw-d-sm-none {
  display: none!important;
}
}

@media (max-width: 991px) and (min-width: 768px) {
.dw-card .dw-card-title {
  font-size: 20px;
  line-height: 27px;
}
}

@media (max-width: 1024px) {
.dw-list-mini-container{
max-width:800px;
margin:0 auto;
}

.pdr-hero.deposito-hero{
background: #000 url(../images/deposito-expreso/heroTablet.jpg) no-repeat center top;
background-size: cover;
display: table;
width: 100%;
}
.pdr-hero.deposito-hero-vi{
background: #000 url(../images/deposito-expreso/heroTablet-vi.jpg) no-repeat center top;
background-size: cover;
display: table;
width: 100%;
}


.pdr-hero {
  background: #000 url(../images/pdr/hero-md.jpg) no-repeat center top;
  background-size: cover;
  display: table;
  width: 100%;
}
.pdr-hero-business{

  background: #000 url(../images/cards-page/business-hero-tablet.png) no-repeat center top;
  background-size: cover;
  display: table;
  width: 100%;

}
.pdr-hero-en {
  background: #000 url(../images/pdr/hero-en-md.png) no-repeat center top;
  background-size: cover;
  display: table;
  width: 100%;
}

.pdr-hero-inner {
  height: 340px;
}

.dw-hero-inner {
  text-align: center;
}

.dw-hero-content .h4 {
  font-size: 25px;
  margin-bottom: 30px;
}

.dw-reg {
  font-size: 19px;
  text-align: center;
}

.alert-link {
  margin-top: 30px;
  display: inline-block;
}

.dw-alert {
  padding-left: 15px;
}

.dw--page {
    padding-top: 0px !important;
}

.breads {
  padding: 0;
}

.breads .page--title {
  font-size: 20px;
  padding: 20px 0 10px;
}
}

@media (min-width:768px)
{
.consejos-para-preven, .dw-promo-section {
float: left;
  width: 50%;
}
}
@media (max-width:768px){
.consejos-para-preven li {
  height: auto;
  color: #595F66;
  font-family: Arial;
  font-size: 16px;
  margin: 25px 0;
  line-height: 30px;
  width: 100%;

}
.consejos-para-preven h3 {
  height: 29px;
 width:100%;
  color: #595F66;
  font-family: Arial;
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
}
.consejos-para-preven, dw-promo-section {
  float: left;
  width: 100%;
}

.h--3 {
font-weight: bold;
color: #303030;
font-size: 26px;
line-height: 31px;
padding-top:50px;
}


}


@media (max-width: 767px) {
.pdr-hero.fraud{
background: #000 url(../images/fraud/Mask-mobile.jpg) no-repeat center top;
background-size: cover;
display: table;
width: 100%;
}
h3.como-usar-deposito {
  text-align: center;
  color: #007B2E;
  font-family: Arial;
  font-size: 26px;
  font-weight: bold;
  line-height: 31px;
  float: left;
  padding: 10px;
  height: auto;
}
}

@media (max-width: 767px) {
.dw-list-mini-container{

margin:0 auto;
}

.pdr-hero-auto-inner h1 {
  font-weight: bold;
  font-size: 28px;
  margin: 0 auto;
  text-align: center;
  padding-left:15px;
  padding-right:15px;

}



.pdr-hero.deposito-hero{
background: #000 url(../images/deposito-expreso/heroMobile.jpg) no-repeat center top;
background-size: cover;
display: table;
width: 100%;
}
.pdr-hero.deposito-hero-vi{
background: #000 url(../images/deposito-expreso/heroMobile-vi.jpg) no-repeat center top;
background-size: cover;
display: table;
width: 100%;
}


.pdr-hero {
  background: #000 url(../images/pdr/hero-sm.jpg) no-repeat center top;
  background-size: cover;
  display: table;
  width: 100%;
}
.pdr-hero-business{

  background: #000 url(../images/cards-page/business-hero-mobile.png) no-repeat center top;
  background-size: cover;
  display: table;
  width: 100%;

}

  .pdr-hero-en {
  background: #000 url(../images/pdr/hero-en-sm.png) no-repeat center top;
  background-size: cover;
  display: table;
  width: 100%;
}
.card-hero{
  background: #000 url(../images/25827/hero-lg.png) no-repeat center top;
  background-size: cover;
  display: table;
  width: 100%;
  }

.dw--page {
  padding-top: 0px !important;
}

.dw-hero-inner {
  padding-bottom: 0;
}

  .cal .btn {
  margin-bottom: 40px;
  }

  .cal-result {
  border-radius: 0 0 6px 6px;
}

.dw-benefits > li {
  display: block;
  border-right: 0!important;
}

.auto-hero .pdr-hero-inner {
  height: 475px;
  padding: 50px 15px 0 15px;
}

.auto-hero-venta .pdr-hero-inner {
  height: 475px;
  padding: 50px 15px 0 15px;
}

.dw-pc .auto-hero .pdr-hero-inner {
  height: auto;
  padding-bottom: 40px;
}

.auto-hero .pdr-hero-inner h1 {
  font-size: 26px;
  line-height: 32px;
  max-width: 280px;
  margin: 0 auto;
}

.auto-hero .pdr-hero-inner h1 br {
  display: none;
}



.dw-pc .auto-hero-venta .pdr-hero-inner {
  height: auto;
  padding-bottom: 40px;
}

.auto-hero-venta .pdr-hero-inner h1 {
  font-size: 26px;
  line-height: 32px;
  max-width: 280px;
  margin: 0 auto;
}

.auto-hero-venta .pdr-hero-inner h1 br {
  display: none;
}

.dw-benefits > li {
  font-size: 16px;
  line-height: 18px;
  padding: 0;
}

.dw-benefits > li .b1, .dw-benefits > li .b2 {
  background-size: 100%;
}

.auto-hero .button-gr {
  max-width: 280px;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
}

.auto-hero-venta .button-gr {
  max-width: 280px;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
}

.dw-link .dw-para {
  display: none;
}

.dw-links .dw-link-title {
  font-size: 20px;
  line-height: 26px;
}

.dealers .dealers-intro h3 {
  max-width: 280px;
}

.button-grey {
  padding: 8px 30px;
}

.ul-check li {
  font-size: 16px;
  line-height: 20px;
}
.dw-hero-content .h4 {
  font-size: 20px;
  margin-bottom:0px !important;
}

.dw-hero .bm {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
  padding-top:15px;
}

.dw-card {
  font-size: 20px;
  line-height: 27px;
}

.dw-intro p br {
  display: none;
}

.dw-reg {
  font-size: 24px;
}

.p2 br {
  display: none;
}

.dwn-icons a {
  display: block;
  margin-right: 0;
  margin-bottom: 10px;
}

.dw-promo-text {
  text-align: center;
  font-size: 16px;
}

.dw-promo-text span {
  display: block;
  margin: 0 auto 20px auto;
}

.dw--page .dw-promo-text .btn-green-alt-2 {
  display: block;
  max-width: 225px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}
  .cards .card {
  padding-left: 30px;
  padding-right: 30px;
}

.cards .card h3 {
  font-size: 22px;
  line-height: 22px;
}

.card-hero h1 {
  font-size: 36px;
  line-height: 38px;
}

.card-hero-inner {
  font-size: 21px;
  line-height: 28px;
}


}
@media (max-width: 1024px){
.home-shadow{
 text-shadow: 1px 1px 1px #000;

 float:left;
}

}

@media (max-width: 767px) {
.dw--page .main-content h2 {

 margin: 30px 0 20px !important;
}


}

@media (min-width: 1025px){
.home-shadow{
 text-shadow: 1px 1px 1px #000;
 width:40%;
 float:left;
 font-size: 36px !important;

}
}
.dw--page .main-content h2 {
  font-size: 28px;
  color: #007c29;
  font-weight: bold;
  margin: 0 40px 35px 0;
  text-align:left;

}
@media (max-width: 320px) {
.dw--page .main-content h2 {
  font-size: 28px;
  color: #007c29;
  font-weight: bold;
  margin: 0 30px 20px;
}

}
@media (max-width: 576px) {
.card-hero-inner {
  height: 536px;
  font-size: 16px;
  line-height: 24px;
  background: url(../images/25827/hero-sm.png) no-repeat center top;
}

.card-hero h1 {
  font-size: 30px;
  line-height: 34px;
}

.card-hero p br {
  display: none;
}

.dw-intro {
  font-size: 16px;
  line-height: 26px;
  }
  /*
  .pdr-hero .pdr-hero-inner {
  height: 165px;
}*/

.pdr-hero h1 {
  font-size: 32px;
  /*line-height: 28px;*/
}
.pdr-hero-business h1{
  font-size: 32px;
  /*line-height: 28px;*/
}


.pdr-hero h1 br {
  display: none;
}
.pdr-hero-business h1 br {
  display: none;
}


.dw-intro {
  font-size: 16px;
  line-height: 45px;
}

.ls-blocks .ls-block .ls-text {
  padding-left: 0;
}

.ls-blocks h3 {
  font-size: 20px;
  line-height: 23px;
  min-height: 60px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-left: 60px;
  max-width: 285px;
}

.ls-blocks h3 br {
  display: none;
}

.ls-blocks .h3 {
  text-align: left;
  font-size: 16px;
  line-height: 26px;
}

.cal .cal-icon {
  margin-left: auto;
  margin-right: auto;
}

.cal h4 {
  font-size: 16px;
  line-height: 39px;
}

.cal-form {
  padding: 0 15px 31px 15px;
}

.cal-result {
  border-radius: 0;
  padding: 25px 23px 45px 18px;
}

.cal-result .note {
  margin-top: 21px;
  padding-top: 12px;
}

.faqs {
  padding-top: 53px;
}

.main-content {
  padding-top:0px;
  padding-bottom: 30px;
}

.cal-result h5 {
  padding-top: 0;
}
}
/* BT CSS */
.brow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.bcol-1, .bcol-2, .bcol-3, .bcol-4, .bcol-5, .bcol-6, .bcol-7, .bcol-8, .bcol-9, .bcol-10, .bcol-11, .bcol-12, .bcol, .bcol-auto, .bcol-sm-1, .bcol-sm-2, .bcol-sm-3, .bcol-sm-4, .bcol-sm-5, .bcol-sm-6, .bcol-sm-7, .bcol-sm-8, .bcol-sm-9, .bcol-sm-10, .bcol-sm-11, .bcol-sm-12, .bcol-sm, .bcol-sm-auto, .bcol-md-1, .bcol-md-2, .bcol-md-3, .bcol-md-4, .bcol-md-5, .bcol-md-6, .bcol-md-7, .bcol-md-8, .bcol-md-9, .bcol-md-10, .bcol-md-11, .bcol-md-12, .bcol-md, .bcol-md-auto, .bcol-lg-1, .bcol-lg-2, .bcol-lg-3, .bcol-lg-4, .bcol-lg-5, .bcol-lg-6, .bcol-lg-7, .bcol-lg-8, .bcol-lg-9, .bcol-lg-10, .bcol-lg-11, .bcol-lg-12, .bcol-lg, .bcol-lg-auto, .bcol-xl-1, .bcol-xl-2, .bcol-xl-3, .bcol-xl-4, .bcol-xl-5, .bcol-xl-6, .bcol-xl-7, .bcol-xl-8, .bcol-xl-9, .bcol-xl-10, .bcol-xl-11, .bcol-xl-12, .bcol-xl, .bcol-xl-auto {
position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -ms-flex: 1;
  flex: 1;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

@media (min-width: 576px) {
.bcol-sm-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
}
/* END BT CSS */

/* Read More */
label.button-gr{
text-align:	center;
}

.hidden-content{
display:none;
}


.read-more-state {
display: none;
}

.read-more-target {
opacity: 0;
max-height: 0;
font-size: 0;
transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
opacity: 1;
font-size: inherit;
max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
content: 'Show less';
}

.read-more-state ~ .read-more-trigger-es:before {
content: 'Ver más';
}

.read-more-state:checked ~ .read-more-trigger-es:before {
content: 'Ver menos';

}

.read-more-trigger {
cursor: pointer;
display: inline-block;
padding: 0 .5em;
color: #666;
font-size: .9em;
line-height: 2;
border: 1px solid #ddd;
border-radius: .25em;
}

.auto-loan-residual:disabled{
color: #b1b1b1;
  border-color: #b1b1b1;
  background-color: #b1b1b1;
}

/*readmore end*/

.content-left{
text-align:left !important;
}

.ul-check > ul{
padding-left:50px;
}

/*CARDS*/
/*CARDS*/
.dw-hero-mastercard {
  background: #000 url(../images/cards-page/desktop/Beyond_ONE_PR_VISA.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-mastercard {
  background: #000 url(../images/cards-page/tablet/Beyond_ONE_PR_VISA_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-mastercard {
  background: #000 url(../images/cards-page/mobile/One.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}
.dw-hero-beyond-one-visa-pr {
  background: #000 url(../images/cards-page/desktop/Beyond_ONE_PR_VISA.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-beyond-one-visa-pr{
  background: #000 url(../images/cards-page/desktop/Beyond_ONE_PR_VISA_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-beyond-one-visa-pr{
  background: #000 url(../images/cards-page/desktop/Beyond_ONE_PR_VISA_mobile.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}

.dw-hero-business-mastercard-pr{
  background: #000 url(../images/cards-page/desktop/Beyond_BUSINESS_PR_MC.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-business-mastercard-pr{
  background: #000 url(../images/cards-page/tablet/Beyond_BUSINESS_PR_MC_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-business-mastercard-pr{
  background: #000 url(../images/cards-page/mobile/Business.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}
.dw-hero-global-visa-pr{
  background: #000 url(../images/cards-page/desktop/Beyond_GLOBAL_PR_VISA.png) no-repeat center bottom;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-global-visa-pr{
  background: #000 url(../images/cards-page/tablet/Beyond_GLOBAL_PR_VISA_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-global-visa-pr{
  background: #000 url(../images/cards-page/mobile/Global.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}

.dw-hero-one-masterdard-pr{
  background: #000 url(../images/cards-page/desktop/Beyond_ONE_PR_MC.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-one-masterdard-pr{
  background: #000 url(../images/cards-page/tablet/Beyond_ONE_PR_MC_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-one-masterdard-pr{
  background: #000 url(../images/cards-page/mobile/One.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}

.dw-hero-pr-seguridad{
  background: #000 url(../images/seguridad_page/seguridad-desktop.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

.dw-hero-ofertas-prestamos{
  background: #000 url(../images/heroes/prestamos-desktop.png) no-repeat center top;
  background-size: cover;
  height: 500px;
}

.dw-hero-pr-acuerdos{
  background: #000 url(../images/seguridad_page/acuerdos-desktop.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
.dw-hero-activa-mc-debito{
  background: #000 url(../images/seguridad_page/activa-mc-debito-desktop.png) no-repeat center top;
  background-size: cover;

}

.dw-hero-actualizar-info-cuenta{
  background: #000 url(../images/seguridad_page/actualizar-info-cuenta-desktop.png) no-repeat center top;
  background-size: cover;

}

.dw-hero-actualizar-info-cuenta-en{
  background: #000 url(../images/seguridad_page/actualizar-info-cuenta-desktop-en.png) no-repeat center top;
  background-size: cover;

}

.dw-hero-business-estatement-viewer{
  background: #000 url(../images/seguridad_page/business-estatement-viewer-desktop.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}



.dw-hero-hipotecas{
  background: #000 url(../images/hipotecas/12392-Terms-Page-Desktop.jpg) no-repeat center top;
  background-size: cover;
  height: 400px;
}

.banca__bg--ath {
    background-image: url(../images/ath/new/header-desktop.png) !important;
    background-size: cover !important;
    height: 450px !important;
}




.dw-hero-pr-acuerdos .h4,   .dw-hero-business-estatement-viewers .h4,  .dw-hero-activa-mc-debito .h4, .dw-hero-actualizar-info-cuenta .h4   {
  margin-top:100px;
}



.seguridad-intro {

width:300px;

}

.dw-hero-pr-seguridad a, .dw-hero-ofertas-prestamos a{

 color:#fff;
 text-decoration:underline;
}



@media (max-width: 1024px){

.dw-hero-pr-seguridad{
  background: #000 url(../images/seguridad_page/seguridad-tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}

.dw-hero-ofertas-prestamos{
  background: #000 url(../images/heroes/prestamos-tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}


.dw-hero-pr-acuerdos{
  background: #000 url(../images/seguridad_page/acuerdos-tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}

.dw-hero-activa-mc-debito{
  background: #000 url(../images/seguridad_page/activa-mc-debito-tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}

.dw-hero-actualizar-info-cuenta{
  background: #000 url(../images/seguridad_page/actualizar-info-cuenta-tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}

.dw-hero-actualizar-info-cuenta-en{
  background: #000 url(../images/seguridad_page/actualizar-info-cuenta-tablet-en.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}


.dw-hero-business-estatement-viewer{
  background: #000 url(../images/seguridad_page/business-estatement-viewer-tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}


.dw-hero-hipotecas{
  background: #000 url(../images/hipotecas/12392-Terms-Page-Tablet.jpg) no-repeat center top;
  background-size: cover;
  height: 600px;
}


.banca__bg--ath {
    background-image: url(../images/ath/new/header-desktop.png) !important;
    background-size: cover !important;

}



}
@media (max-width: 767px){

.dw-hero-pr-seguridad{
  background: #000 url(../images/seguridad_page/seguridad-mobile.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}


.dw-hero-ofertas-prestamos{
  background: #000 url(../images/heroes/prestamos-mobile.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}


.dw-hero-pr-acuerdos{
  background: #000 url(../images/seguridad_page/acuerdos-mobile.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

.dw-hero-actualizar-info-cuenta{
  background: #000 url(../images/seguridad_page/actualizar-info-cuenta-mobile.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

.dw-hero-actualizar-info-cuenta-en{
  background: #000 url(../images/seguridad_page/actualizar-info-cuenta-mobile-en.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}


.dw-hero-activa-mc-debit{
  background: #000 url(../images/seguridad_page/activa-mc-debito-mobile.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

.dw-hero-business-estatement-viewer{
  background: #000 url(../images/seguridad_page/business-estatement-viewer-mobile.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}


.dw-hero-hipotecas{
  background: #000 url(../images/hipotecas/12392-Terms-Page-Movil.jpg) no-repeat center top;
  background-size: cover;
  height: 400px;
}
 .dw-hero-activa-mc-debito .h4 {
  margin-top:200px !important;
      width: 140%;
  margin-left: -20px;
}


}




.dw-hero-platinum-masterdard-pr{
  background: #000 url(../images/cards-page/desktop/Beyond_PLAtINUM_PR_MC.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-platinum-masterdard-pr{
  background: #000 url(../images/cards-page/tablet/Beyond_PLAtINUM_PR_MC_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-platinum-masterdard-pr{
  background: #000 url(../images/cards-page/mobile/Platinum.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}
.dw-hero-platinum-visa-pr{
  background: #000 url(../images/cards-page/desktop/Beyond_PLAtINUM_PR_VISA.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-platinum-visa-pr{
  background: #000 url(../images/cards-page/tablet/Beyond_PLAtINUM_PR_VISA_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-platinum-visa-pr{
  background: #000 url(../images/cards-page/mobile/Platinum.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}


.dw-hero-ultimate-masterdard-world-elite-pr{
  background: #000 url(../images/cards-page/desktop/Beyond_ULT_PR_MC.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-ultimate-masterdard-world-elite-pr{
  background: #000 url(../images/cards-page/tablet/Beyond_ULT_PR_MC_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-ultimate-masterdard-world-elite-pr{
  background: #000 url(../images/cards-page/mobile/UltimateMCWorld_Elite.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}

}

.dw-hero-ultimate-visa-pr{
  background: #000 url(../images/cards-page/desktop/Beyond_ULT_PR_VISA.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-ultimate-visa-pr{
  background: #000 url(../images/cards-page/tablet/Beyond_ULT_PR_VISA_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-ultimate-visa-pr{
  background: #000 url(../images/cards-page/mobile/UltimateVisa.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}

.dw-hero-global-visa-fl{
  background: #000 url(../images/cards-page/desktop/Beyond_GLOBAL_FL_VISA.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-global-visa-fl{
  background: #000 url(../images/cards-page/tablet/Beyond_GLOBAL_FL_VISA_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-global-visa-fl{
  background: #000 url(../images/cards-page/mobile/Global.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}


.dw-hero-beyond-one-visa-fl{
  background: #000 url(../images/cards-page/desktop/Beyond_ONE_FL_VISA.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-beyond-one-visa-fl{
  background: #000 url(../images/cards-page/tablet/Beyond_ONE_FL_VISA_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-beyond-one-visa-fl{
  background: #000 url(../images/cards-page/mobile/Beyond_ONE_FL_VISA_mobile.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}
.dw-hero-business-mastercard-fl{
  background: #000 url(../images/cards-page/desktop/Beyond_BUSINESS_FL_MC.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-business-mastercard-fl{
  background: #000 url(../images/cards-page/tablet/Beyond_BUSINESS_FL_MC_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-business-mastercard-fl{
  background: #000 url(../images/cards-page/mobile/Business.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}

.dw-hero-one-masterdard-fl{
  background: #000 url(../images/cards-page/desktop/Beyond_ONE_FL_MC.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-one-masterdard-fl{
  background: #000 url(../images/cards-page/tablet/Beyond_ONE_FL_MC_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-one-masterdard-fl{
  background: #000 url(../images/cards-page/mobile/One.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}
.dw-hero-platinum-masterdard-fl{
  background: #000 url(../images/cards-page/desktop/Beyond_PLAtINUM_FL_MC.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-platinum-masterdard-fl{
  background: #000 url(../images/cards-page/tablet/Beyond_PLAtINUM_FL_MC_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-platinum-masterdard-fl{
  background: #000 url(../images/cards-page/mobile/Platinum.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}

.dw-hero-global-visa-vi{
  background: #000 url(../images/cards-page/desktop/Beyond_GLOBAL_VI_VISA.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-global-visa-vi{
  background: #000 url(../images/cards-page/tablet/Beyond_GLOBAL_VI_VISA_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-global-visa-vi{
  background: #000 url(../images/cards-page/mobile/Global.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}

.dw-hero-beyond-one-visa-vi{
  background: #000 url(../images/cards-page/desktop/Beyond_ONE_VI_VISA.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-beyond-one-visa-vi{
  background: #000 url(../images/cards-page/tablet/Beyond_ONE_VI_VISA_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-beyond-one-visa-vi{
  background: #000 url(../images/cards-page/mobile/One.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}

.dw-hero-business-mastercard-vi{
  background: #000 url(../images/cards-page/desktop/Beyond_BUSINESS_VI_MC.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-business-mastercard-vi{
  background: #000 url(../images/cards-page/tablet/Beyond_BUSINESS_VI_MC_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-business-mastercard-vi{
  background: #000 url(../images/cards-page/mobile/Business.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}

.dw-hero-platinum-visa-vi{
  background: #000 url(../images/cards-page/desktop/Beyond_PLAtINUM_VI_VISA.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-platinum-visa-vi{
  background: #000 url(../images/cards-page/tablet/Beyond_PLAtINUM_VI_MC_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-platinum-visa-vi{
  background: #000 url(../images/cards-page/mobile/Platinum.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}

.dw-hero-ultimate-masterdard-world-elite-vi{
  background: #000 url(../images/cards-page/desktop/Beyond_ULT_VI_VISA.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-ultimate-masterdard-world-elite-vi{
  background: #000 url(../images/cards-page/tablet/Beyond_ULT_VI_VISA_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-ultimate-masterdard-world-elite-vi{
  background: #000 url(../images/cards-page/mobile/UltimateMCWorld_Elite.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}

.dw-hero-ultimate-visa-vi{
  background: #000 url(../images/cards-page/desktop/Beyond_ULT_VI_VISA.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}
@media (max-width: 1024px){

.dw-hero-ultimate-visa-vi{
  background: #000 url(../images/cards-page/tablet/Beyond_ULT_VI_VISA_tablet.png) no-repeat center top;
  background-size: cover;
  height: 600px;
}
}
@media (max-width: 767px){

.dw-hero-ultimate-visa-vi{
  background: #000 url(../images/cards-page/mobile/UltimateVisa.png) no-repeat center top;
  background-size: cover;
  height: 400px;
}

}





.dw-hero-online-banking-business{
    background: #000 url(business-online-banking-fl.png) no-repeat center top;
    background-size: cover;
    height: 400px;
  }

.dw-hero-online-banking-tutorial{
    background: #000 url(tutorial-online-banking-fl.png) no-repeat center top;
    background-size: cover;
    height: 400px;
  }


  @media (max-width: 767px){

    .dw-hero-online-banking-business{
      background: #000 url(../images/florida-hero/business-online-banking-fl-mobile.png) no-repeat center top;
      background-size: cover;
      height: 400px;
    }


.dw-hero-online-banking-business .dw-col-text{

    line-height:20px;


    }

    .dw-hero-online-banking-business  .dw-hero-content .h4{
    font-size: 24px;
    margin-top: 50px;
    }



     .dw-hero-online-banking-tutorial{
      background: #000 url(../images/florida-hero/tutorial-online-banking-fl-mobile.png) no-repeat center top;
      background-size: cover;
      height: 400px;
    }


.dw-hero-online-banking-tutorial .dw-col-text{

    line-height:20px;


    }

    .dw-hero-online-banking-tutorial  .dw-hero-content .h4{
    font-size: 24px;
    margin-top: 50px;
    }


    }






.dw-hero-content .h4 {
  font-size: 32px;
  color: #fff;
  font-weight: bold;
}


.dw-col-text{
  color: white;
  font-size: 20px;
}


.solicita-mastercard-btn, .solicita-mastercard-btn-en{
  width: 160px;
  height: 43px;
  background-color: #038459;
  color: white;
  line-height: 43px;
  text-align: center;
  border-radius: 10px;
  font-size: 18px;
  padding:.8em 3em .8em 3em;
}

@media (max-width: 1024px){
.solicita-mastercard-btn {
  width: 160px;
  height: 43px;
  background-color: #038459;
  color: white;
  line-height: 43px;
  text-align: center;
  border-radius: 10px;
  font-size: 18px;
  padding:.8em 3em .8em 3em;
  margin-right: 100%;
}

}


@media (max-width: 767px){
.solicita-mastercard-btn {
  width: 160px;
  height: 43px;
  background-color: #038459;
  color: white;
  line-height: 43px;
  text-align: center;
  border-radius: 10px;
  font-size: 18px;
  padding:.8em 3em .8em 3em;
  margin-right: 50%;
}

.solicita-mastercard-btn-en {
  width: 160px;
  height: 43px;
  background-color: #038459;
  color: white;
  line-height: 43px;
  text-align: center;
  border-radius: 10px;
  font-size: 18px;
  padding:.8em 3em .8em 3em;
  margin-right: 20%;
}


}


.beneficios-section {
  height: auto;
  display: block;
  margin: auto;
  line-height:30px;
}
.beneficios-section ul li p
{
/*margin-left: 45px;*/
color:#303030;
line-height: 25px;
}
a.credit-card-number{
color:white !important;
}
a:hover.credit-card-number{
color:white !important;
text-decoration:underline;

}
a:active.credit-card-number{
color:white !important;
}
@media (min-width: 1025px){
.beneficios-section {
  width: 85%;
  padding-top: 25px;
}

}
.beneficios-section ul li {
  text-align: left;
  color:#303030;
  margin-bottom: 15px;
  list-style: none;
}

@media (min-width: 1025px)
{
.beneficios-section ul li {
  font-size: 16px;
}

}
.checkmark-beneficios {
  color: white;
  background-color: rgb(134, 143, 152);
  width: 20px;
  height: 20px;
  text-align: center;
  float: left;
  margin-right: 25px;
  line-height: 20px;
  border-radius: 50px;
}

.beneficios-section ul li strong {
  color: black;
}





ul.beneficios-section-2 {
  text-align: left;
  list-style: none;
}
ul.beneficios-section-2 li {
  list-style-position: outside !important;
  margin-left: 2em !important;
  text-indent: -30px;}

ul.beneficios-section-2 li::before {
  content: "➝";
  color: rgb(157, 198, 100);
  margin-right: 1em;

}
.beneficios-section h3,.beneficios-section h2 {
  font-size: 26px !important;
  color: rgb(74, 74, 74) !important;
  text-align: left !important;
  font-family: Arial !important;
  font-weight: bold !important;
  margin-left:0px !important;
}
.beneficios-section ul li a {
  color: #075E27;
  text-decoration: underline;
}

ul.beneficios-section-2 a {
  text-align: left;
  color: rgb(157, 198, 100);
  font-size: 16px;
}

.dw-items-center {
  align-items: center;
}

.dw-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}


@media (min-width: 1025px){
.dw-col-4 {
  max-width: 33.3333%;
 /* top: 180px;
  left: 100px;*/
}

.credit-card-text{
 top: 170px;
  left: 150px;
  padding-left: 40px !important;

 }

 .tutorials-banner-text{
 top: 170px;
  left: 150px;
  padding-left: 40px !important;

 }

 .credit-card-text-ultimate{
    /* top: 15px; */
  left: 230px;}

}


@media (max-width: 1024px) and (min-width: 768px){
.dw-col {
  width: 50%;
  float: left;
}

}

@media (max-width: 1024px){
/*.dw-col.dw-col-4 {
  height: 200px;
  top: 150px;
}*/
.dw-col {
  left: auto;
  text-align: left;
}

.credit-card-img{
 top: 150px;
     text-align: end;
/* right:20px;*/
}




.right-image-header{
 top: 150px;
     text-align: end;
/* right:20px;*/
}


.credit-card-img img{
width:400px;
height:141px
}
.credit-card-img-ul-mc img{
    width: 250px;
    height: 400px;
}
.credit-card-text
{
height: 200px;
  top: 190px;
 /* left: 60px;*/
  text-align: left;
}
.credit-card-text-ultimate{
height: 200px;
  top: 55px;
  left: 20px;
  text-align: left;

}


.dw-col-text {
  color: white;
  font-size: 20px;
}
}

@media only screen
 and (min-device-width : 768px)
 and (max-device-width : 1024px) {
 .credit-card-text-ultimate{
height: 200px;
  top: 55px;
  left: 20px;
  text-align: left;

}

}

@media only screen
 and (min-device-width : 768px)
 and (max-device-width : 1024px)
 and (orientation : landscape)
 {
 .credit-card-text-ultimate{
height: 200px;
  top: 55px;
  left: 140px;
  text-align: left;

}

}

@media (min-width: 1025px)
{
.credit-card-img-ul-mc{
    top: 10px;

    }

.dw-col-text {
  color: white;
  font-size: 20px;
  width: 500px;

}
.credit-card-img{
 top: 130px;
 left:50px;
}

.credit-card-img img{
width:350px;
height:141px
}

.right-image-header{
 top: 130px;
 left:50px;
}

.right-image-header img{
width:350px;
height:141px
}




.credit-card-img-ul-mc{
    top: 10px;
  left: 100px;
     }
.credit-card-img-ul-mc img{
    width: 250px;
    height: 400px;
}

.dw-page img {
  margin-left: 300px;
}
}



.seguridad-body-intro {
    margin-top:50px;

}

.seguridad-intro {
    width: 45% !important;
    flex: 0 0 45% !important;

}



@media (max-width: 767px) {


.dw-col-text {
  color: white;
  font-size: 16px;
  line-height: 20px;

}


.seguridad-intro {
    width: 80% !important;
    top:215px !important;
    flex: 0 0 80% !important;

}


.tutorials-banner-text p{
 margin: 20px 0 0 0;


 }

.tutorials-banner-text .details-text {

width:70%;

}



.seguridad-body-intro p {
    line-height:20px;

}

.credit-card-text
{
height: 200px;
  top: 230px;
  left: 0px;
  text-align: left;
}
.credit-card-text-mc
{
  margin-top:-50px;
}

.card-text{
padding-bottom:10px;
}
.credit-card-text-ultimate{
height: 200px;
  top: 350px;
  text-align: left;
left:0px;
}

.credit-card-img {
 top: -70px;
 width: 215px !important;
  margin-left: -10px;
  right: 0px;

  }


.right-image-header {
 top: 120px;

  margin-left: -10px;
  right: 0px;

  }

.right-side-img-on-header{

max-width: 315px !important;
    position: absolute;
    top: -230px;
    left: 40px;
}




.credit-card-img-ul-mc {
   bottom: 45px;
  width: 140px !important;
  margin-left: -5px;

  /* right: 185px; */
}
/*
.checkmark-beneficios {
  color: white;
  background-color: rgb(134, 143, 152);
  width: 20px;
  height: 20px;
  text-align: center;
  float: left;
  margin-top: 12px;
  margin-right: 10px;
  line-height: 20px;
  border-radius: 50px;
}*/

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


@media (max-width: 375px){

.credit-card-img-ul-mc {
  bottom: 45px;
  width: 140px !important;
  margin-left: -5px;
  /* right: 185px; */
}

}



/*ATH MOVIL*/
.ath-page .first-bg {
  background: url(../images/ath-page/ath-bg.jpg);
  background-size: cover;
  background-position: center center;
}
.ath-page .first-bg .ath-first-block {
  padding: 170px 0 114px 0;
  color: #fff;
  padding: 50px 0 170px 0;
}
@media (min-width: 576px){
.ath-page .first-bg .ath-first-block {
  padding: 50px 0 170px 0;
}

}

@media (min-width: 768px){
.ath-page .first-bg .ath-first-block {
  padding: 170px 0 114px 0;
}

}


.ath-page .first-bg .ath-first-block .ath-title {
  font-size: 52px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}

.ath-page .first-bg .ath-first-block .ath-desc {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #fff;
}

.ath-page .ath-mobile-img {
  height: 100%;
  position: relative;
}
.ath-page .ath-mobile-img .img-desktop {
  position: absolute;
  bottom: -210px;
  left: calc(50% - 170px);
  z-index: 2;
  /*display: none;*/
}
@media (min-width: 576px)
{
.ath-page .ath-mobile-img .img-desktop {
    display: none;
}

}

@media (min-width: 768px)
{
.ath-page .ath-mobile-img .img-desktop {
  display: block;
}

}
@media (max-width: 767px)
{
.ath-page .ath-mobile-img .img-desktop {
  position: absolute;
  bottom: -210px;
  left: calc(50% - 170px);
  z-index: 2;
  display: none;
}


}


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

.dw--page img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.dw-page img {
  max-width: 100%;
  height: auto;
}
.dw-page img {
  max-width: 100%;
  height: auto;
}

.ath-second {
  background-color: #f6f8f7;
  padding: 50px 0;
}


.ath-second .ath-second-desc {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #595f66;
  margin-bottom: 60px;
}

.ath-second .ath-second-download .download-title {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.95;
  letter-spacing: normal;
  color: #595f66;
  margin-bottom: 1rem;
}


.n-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.n-container {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
@media (min-width: 576px){
.n-container {
  max-width: 97%;
}

}
@media (min-width: 768px){
.n-container {
  max-width: 97%;
}

}

@media (min-width: 992px){
.n-container {
  max-width: 97%;
}

}

@media (min-width: 1200px){
.n-container {
  max-width: 1230px;
}

}

.img-mobile {
  margin-top: -170px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  display: block;
}
@media (min-width: 576px){
.img-mobile {
  display: block;
}
}
@media (min-width: 768px){
.img-mobile {
  display: none;
}

}

.ath-second .ath-second-title {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #595f66;
  font-weight: 700;
}

a.athgplayExitMessage > img
{
width:184px;
height:64px;
}
a.athiosExitMessage > img
{
width:184px;
height:64px;
}



/*Ath-Visa*/
.pdr-hero-tarjetas-debito {
  background: url(../images/new/hero-img-desktop.jpg) no-repeat center top;
  background-size: cover;
}
.pdr-hero-visa-business {
  background: url(../images/cards-page/business-hero-desktop.png) no-repeat center top ;
  background-size: cover;
}


#tarjeta-visa.active, #debit-ath.active {
background-color:#038459!important;
border-color: #038459!important;
color: white!important;
}
@media (max-width: 768px){
.pdr-hero-tarjetas-debito {
  background: url(../images/new/hero-img-tablet.jpg) no-repeat center top;
  background-size: cover;
}
.pdr-hero-visa-business {
  background: url(../images/cards-page/business-hero-tablet.png) no-repeat center top;
  background-size: cover;
}


}
@media (max-width: 479px){
.pdr-hero-tarjetas-debito {
  background: url(../images/new/hero-img-mobile.jpg) no-repeat center top!important;
  background-size: cover!important;
}
.pdr-hero-visa-business {
  background: url(../images/cards-page/business-hero-mobile.png) no-repeat center top!important;
  background-size: cover!important;
}


}

#tarjeta-visa, #debit-ath {
min-width: 350px;
/* margin: auto 10px;*/
color: #595F66!important;
background-color: white;
border-color:#038459;
border-radius: 8px!important;
}

.dots.sm{
width:7px;
height:7px;
margin-top: .45em;
}

.res-img{
max-width: 100%;
}
.res-img-2{
max-width: 85% !important;
}


.text-left {
text-align: left;
}

.dots-sm{
background:none!important;
}

.list--style--sm {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
}

.list--style--sm li::before {
position: absolute;
width: 12px;
height: 12px;
left: .5em;
top: .35em;
border-radius: 100%;
z-index: 6;
content: '';
background: #78c904;
}

.list--style--sm li {
position: relative;
}
.list--style--sm li {
  background-size: 20px 20px !important;
  padding-left: 30px;
  line-height: 20px;
  margin-top: 5px;
  font-size: 15px;
  margin-bottom: 20px;
}

.dw p {line-height: 20px;}

.dw-intro h3{
line-height: 30px;
}

.tarjetas-cta{
margin-bottom:0;
margin-top: 30px;
}

.tarjetas-cta a{
text-decoration: underline;
font-weight: bold;
color: #595F66;
}

.mx-auto-d{
margin-left:auto!important;
margin-right:auto!important;
}
/*Banca Digital*/
#mobileNav{
padding-bottom:50px;
background:none !important;
}
.secondary__nav {
background: #038459;
}

.secondary__nav ul {
list-style: none;
padding: 0;
margin: 0;
}

.secondary__nav ul li {
float: left;
}

.secondary__nav ul li a {
display: block;
padding: 15px 20px;
color: #fff;
font-size: 13px;
line-height: 12px;
}

.secondary__nav ul li.current a,
.secondary__nav li:hover > a {
color: #fff;
background: #018752;
}

.secondary__nav ul > li.current > a {
font-weight: bold;
}

.banca__bg--1 {
background-image: url(../images/banca-digital/desktop/Home-ESP.jpg);
}
.banca__bg--1-en {
background-image: url(../images/banca-digital/desktop/Home-ING.jpg);
}


.banca__bg--2 {
background-image: url(../images/banca-digital/desktop/Transferencias-ESP.jpg);
}
.banca__bg--2-en {
background-image: url(../images/banca-digital/desktop/Transferencias-ING.jpg);
}


.banca__bg--3 {
background-image: url(../images/banca-digital/desktop/ManejaCuentas-ESP.jpg);
}
.banca__bg--3-en {
background-image: url(../images/banca-digital/desktop/ManejaCuentas-ING.jpg);
}


.banca__bg--4 {
background-image: url(../images/banca-digital/desktop/tu-banca-digital-movil-hero-desktop.png);
}
.banca__bg--4-en {
background-image: url(../images/banca-digital/desktop/Pagos-ING.jpg);
}


.banca__bg--5 {
background-image: url(../images/banca-digital/desktop/RDC-plain.jpg);
}
.banca__bg--5-en {
background-image: url(../images/banca-digital/desktop/RDC-ING.jpg);
}


.banca__bg--6 {
background-image: url(../images/banca-digital/desktop/Notificaciones.jpg);
}
.banca__bg--6-en {
background-image: url(../images/banca-digital/desktop/Notificaciones.jpg);
}


.banca__bg--7 {
background-image: url(../images/banca-digital/desktop/ModuloFinanzas-ESP.jpg);
}
.banca__bg--7-en {
background-image: url(../images/banca-digital/desktop/ModuloFinanzas-ING.jpg);
}


.banca__bg--8 {
background-image: url(../images/banca-digital/desktop/Seguridad.jpg);
}
.banca__bg--8-en {
background-image: url(../images/banca-digital/desktop/Seguridad.jpg);
}


.banca__bg--9 {
background-image: url(../images/banca-digital/desktop/Ayuda.jpg);

}

.banca__bg--10 {
background-image: url(../images/banca-digital/desktop/tu-banca-digital-movil-hero-desktop-en.png);
}

.page__hero--section {
background-repeat: no-repeat;
background-size: cover;
/*background-position: top center;*/
background-color: #ddd;
min-height: 550px !important;
padding: 70px 0 60px;
background-position: 50% 0px;
}
@media screen and (min-width:426px) and (max-width:768px){
  .page__hero--section {
background-repeat: no-repeat;
background-size: cover;
/*background-position: top center;*/
background-color: #ddd;
min-height: 550px;
padding: 70px 0 60px;
 /*  background-position: 25% 0px;*/
   background-position: -350px 0px;
   }

}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape){
  .page__hero--section {
background-repeat: no-repeat;
background-size: cover;
/*background-position: top center;*/
background-color: #ddd;
min-height: 550px;
padding: 70px 0 60px;
   background-position: 25% 0px;
   }

}


.page__hero--content {
max-width: 500px;
font-size: 19px;
line-height: 31px;
color: #595F66;
}

.page__hero--content .h2 {
font-size: 40px;
line-height: 47px;
color: #2D2D2D;
margin-bottom: 25px;
}

.page__hero--content p {
margin-bottom: 0;
}

.page__hero--content .button--default {
margin-top: 30px;
}

.button--default {
  font-size: 20px;
  line-height: 23px;
  color: #fff;
  font-weight: bold;
  padding: 10px 12px;
  background: #388457;
  border-radius: 3px;
  min-width: 180px;
display: inline-block;
outline: 0;
transition: .21s ease-in;
}

.button--default-white {
  font-size: 20px;
  line-height: 23px;
  color: #388457;
  font-weight: bold;
  padding: 10px 12px;
  background: #fff;
  border-radius: 3px;
  min-width: 180px;
display: inline-block;
outline: 0;

}


.two-buttons{
margin:auto;}

.button--default{
width: 400px;
padding: 19px 20px;
}



.button--default:hover {
background: #007B2E;
border-radius: 6px;
}

.button--lg {
padding: 19px 20px;
max-width: 258px;
}


.button--block {
display: block;
text-align: center;
}



.button--mx-auto {
margin-left: auto;
margin-right: auto;
}

.h2-alt {
font-size: 32px;
line-height: 37px;
color: #007B2E;
font-weight: bold;
margin: 0 0 10px;
}

.lead__text {
color: #595F66;
font-size: 24px;
line-height: 39px;
margin-bottom: 15px;
}


.number__list {
counter-reset: myOrderedListItemsCounter;
padding: 0;
margin: 0;
}

.number__list__2{
 counter-reset: myOrderedListItemsCounter;  
}

.number__list li {
list-style-type: none;
position: relative;
padding-left: 40px;
margin-bottom: 20px;
font-size:15px;
}

.number__list__2 li {
list-style-type: none;
position: relative;
}

.number__list li:before {
counter-increment: myOrderedListItemsCounter;
content: counter(myOrderedListItemsCounter);
background: #99CC66;
width: 22px;
height: 22px;
border-radius: 50%;
text-align: center;
color: #fff;
line-height: 22px;
font-size: 13px;
position: absolute;
top: 0;
left: 0;
}


.inner__list li:before {
counter-increment: chapter;
content:counter(chapter, lower-alpha);
background: #99CC66;
width: 22px;
height: 22px;
border-radius: 50%;
text-align: center;
color: #fff;
line-height: 22px;
font-size: 13px;
position: absolute;
top: 0;
left: 0;
}

.inner__list {
counter-reset: chapter;
padding: 0;
margin: 0;
}




@media (max-width: 767px) {
.number__list-block li {
padding-left: 0 !important;
text-align: center !important;
}

.number__list-block li:before {
margin: 0 auto 10px auto;
position: static;
display: block;
}

.mh-220{
min-height:220px !important;
}
.mb-50-m{
margin-bottom:50px;
}
}

.inner__page--content {
color: #595F66;
font-size: 15px;
line-height: 24px;
padding: 50px 0;
}


.mb-50 {
margin-bottom: 50px;
}

.site__card {
background: #fff;
border-radius: 6px;
padding: 30px 20px;
}

.site__card-bg-green {
background: #388457 !important;
}


.site__card.text__align--center{
width:75%;
margin-left: 40px;
}

.site__card h2 {
font-weight: bold;
font-size: 20px;
line-height: 23px;
color: #595F66;
margin: 0 0 30px;
text-align: center;
}

.site__card-bg-green h2, .site__card-bg-green p  {

color: #fff !important;

}


.mw__400 {
max-width: 400px;
margin: 0 auto;
}

.icon__boxes {
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
}

.icon__boxes li {
display: inline-block;
border-radius: 6px;
border: 1px solid #E5E5E5;
margin: 0 1%;
width: 30%;
vertical-align: top;
}

.icon__boxes li a {
text-decoration: none;
display: block;
padding: 15px 2px;
}

.icon__boxes .bd-icon {
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: 38px auto;
width: 38px;
height: 38px;
margin: 0 auto;
}

.icon__boxes .bd-play {
background-image: url(../images/banca-digital/play.svg);
}

.icon__boxes .bd-pdf {
background-image: url(../images/banca-digital/pdf.svg);
}

.icon__boxes .bd-faq {
background-image: url(../images/banca-digital/question.svg);
}

.icon__boxes li h5 {
font-weight: bold;
font-size: 14px;
line-height: 16px;
margin: 10px auto 0;
display: table;
min-height: 32px;
}

.icon__boxes li h5 > span {
vertical-align: middle;
display: table-cell;
}
.icon__boxes li h3 {
font-weight: bold;
font-size: 14px;
line-height: 16px;
margin: 10px auto 0;
display: table;
min-height: 32px;
}

.icon__boxes li h3 > span {
vertical-align: middle;
display: table-cell;
}


.text__align--center {
text-align: center;
}

.mt__30 {
margin-top: 30px;
}

.mb__10 {
margin-bottom: 10px!important;
}

.mb__20 {
margin-bottom: 20px !important;
}

.mb__30 {
margin-bottom: 30px !important;
}

.mb__40 {
margin-bottom: 40px !important;
}

.mb__50 {
margin-bottom: 50px !important;
}

.mb__60 {
margin-bottom: 60px !important;
}

.mb__70 {
margin-bottom: 70px !important;
}

.mb__80 {
margin-bottom: 80px !important;
}

.mb__90 {
margin-bottom: 90px !important;
}

.mb__100 {
margin-bottom: 100px !important;
}

@media (max-width:767px){
.mt__30_m {
margin-top: 30px;
}
.mb__0_m {
margin-bottom: 0px!important;
}

.mb__10_m {
margin-bottom: 10px!important;
}

.mb__20_m {
margin-bottom: 20px !important;
}

.mb__30_m {
margin-bottom: 30px !important;
}

.mb__40_m {
margin-bottom: 40px !important;
}

.mb__50_m {
margin-bottom: 50px !important;
}

.mb__60_m {
margin-bottom: 60px !important;
}

.mb__70_m {
margin-bottom: 70px !important;
}

.mb__80_m {
margin-bottom: 80px !important;
}

.mb__90_m {
margin-bottom: 90px !important;
}

.mb__100_m {
margin-bottom: 100px !important;
}

}


.faqs--section .accordion {
display: block;
padding: 0;
}

.faqs--section .accordion dl dt a {
  background-color: #FFF;
  color: #075E27;
  margin-bottom: 3px;
  border-bottom: 1px solid #E7EBEA;
  font-size: 14px;
}

.faqs--section .accordion dl dt a .arrow {
top: 28px;
}

.faqs--section .accordion dl dd {
  background: #FFF;
padding: 20px;
border: 0;
text-align: left;
}

.faqs--section .accordion dl dt.active a {
  background-color: #FFFFFF;
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom: 1px solid #E7EBEA;
  color: #9CC472;
  margin-bottom: 0px;
}

.faqs--section .accordion dl dd p {
  margin: 5px 0 0 0;
  font-size: 13px;
}

.faqs--section {
padding-top: 70px;
max-width: 750px;
margin:auto;
}

.faqs--section .faq--section h2 {
font-size: 26px;
line-height: 36px;
color: #5E5B61;
font-weight: bold;
margin-bottom: 10px;
text-align: left;
}

.faqs--section .faq--section {
margin-bottom: 40px;
}

.site__card .larger_text {
font-size: 20px;
line-height: 23px;
    font-weight: bold;
    width: 85%;
  margin: 25px auto;
}

.h2-alt.size__h3 {
font-size: 26px;
line-height: 39px;
margin: 0 0 15px;
}

.h2-alt.size__h2 {
font-size: 32px;
line-height: 37px;
margin: 0;
margin-bottom: 10px;
}

.list--default, .list--check {
list-style: none;
padding-left: 0;
padding-top:10px;
}

.list--check li small {
line-height: 1.2;
padding-top: 12px;
display: block;
}

.list--default li {
position: relative;
font-size: 18px;
line-height: 27px;
padding-left: 1em;
margin-bottom: 10px;
}

.list--default li:before {
content: "•";
color: #007B2E;
display: inline-block;
width: 1em;
margin-left: -1em;
}

.list--check li {
font-size: 15px;
line-height: 22px;
padding-left: 40px;
margin-bottom: 12px;
position: relative;
}

.list--check li:before {
content: "";
background: url(../images/banca-digital/bullet.svg) no-repeat top center;
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 0;
}


.button__card {
border: 1px solid #E5E5E5;
border-radius: 5px;
display: block;
font-size: 20px;
color: #007B2E;
font-weight: bold;
text-align: center;
height: 60px;
line-height: 60px;
padding: 0 15px;
transition: .21s ease-in-out;
}

.button__card:hover {
color: #fff;
border-color: #007B2E;
background: #007B2E;
}

.text__card {
margin-bottom: 30px;
}

.bd-home-s2 .site__card {
margin-bottom: 30px;
min-height: 340px;
position: relative;
padding: 30px;
}

.bd-home-s2 .button__card {
position: absolute;
bottom: 30px;
width: calc(100% - 60px);
}

.site__cards {
padding-top: 30px;
}

.pb__5 {
padding-bottom: 5px;
}


.pb__50 {
padding-bottom: 50px;
}

.pt__0 {
padding-top: 0;
}

.large__text--2 {
font-size: 20px;
line-height: 33px;
}

.card-bd-icon {
background-repeat: no-repeat;
background-position: center;
width: 45px;
height: 45px;
margin: 0 auto 10px auto;
}

.bd-call {
background-image: url(../images/banca-digital/call.svg);
}

.bd-support {
background-image: url(../images/email-db.svg);
}

.bd-ask {
background-image: url(../images/banca-digital/ask.svg);
}

.bd-visit {
background-image: url(../images/banca-digital/visit.svg);
}

.help__section--card {
background: #fff;
border-radius: 6px;
padding: 30px 0;
font-size: 13px;
line-height: 15px;
color: #303030;
}

.help__section--card .hs1 {
width: 25%;
float: left;
text-align: right;
padding-right: 60px;
padding-left: 30px;
}

.help__section--card .hs2 {
width: 100%;
}

.help__section--card h6 {
font-weight: bold;
font-size: 17px;
line-height: 20px;
margin: 0 0 5px;
color: #595F66;
}
.help__section--card h3 {
font-weight: bold;
font-size: 17px;
line-height: 20px;
margin: 0 0 5px;
color: #595F66;
}


.help__section--card p {
margin: 0;
}

.hs--list {
text-align: center;
overflow: hidden;
}

.hs--list .hs--item {
border-left: 1px solid #E5E5E5;
padding: 0 15px;
float: left;
width: 25%;
}

.hs--list .hs--item  a{
text-decoration:underline;
}



.uno_brand {
margin-top: 30px;
}

.inner__page--content img {
max-width: 100%;
height: auto;
/*	margin-left:15px;*/
}


.page__hero--mobile {
height: 202px;
background-size: cover;
margin-bottom: 20px;
}

#mobileNav .dropdown {
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

#mobileNav .dropdown > a {
position: relative;
}

#mobileNav .dropdown > a:after {
content: '';
background: url(../images/banca-digital/submenu-close.svg) no-repeat center;
background-size: 11px auto;
width: 12px;
height: 100%;
display: block;
position: absolute;
right: 15px;
top: 0;
}

#mobileNav .dropdown.open > a:after {
background: url(../images/banca-digital/submenu-open.svg) no-repeat center;
background-size: 11px auto;
}

#mobileNav .submenu > li > a,
#mobileNav .dropdown.open > a {
background: #018752;
color: #fff;
border-color: rgba(235, 235, 235, 0.16);
}

#mobileNav .submenu > li:first-child > a {
border-top: 0;
}

.secondary__nav ul li {
position: relative;
}

.secondary__nav ul li .has-sub {
display: none;
background: rgba(1, 135, 82, 0.9);
color: #fff;
position: absolute;
top: 100%;
left: 0;
min-width: 260px;
z-index: 99;
}

.secondary__nav ul li:hover .has-sub {
display: block;
}

.secondary__nav ul .has-sub > li {
float: none;
display: block;
}

.secondary__nav ul .has-sub > li > a {
padding: 15px 20px;
}

.f__20 {
font-size: 20px;
line-height: 23px;
}

.media--list {
font-size: 18px;
line-height: 34px;
overflow: hidden;
}

.media--list h4 {
font-size: 24px;
line-height: 26px;
margin: 0 0 10px;
font-weight: bold;
}

.seg__card {
padding: 70px;
}

.f__24 {
font-size: 24px;
line-height: 35px;
}

.mw__800 {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

.mw__500 {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.mw__930 {
max-width: 930px;
margin-left: auto;
margin-right: auto;
}


#mobileNav .submenu {
display: none;
}

@media screen and (max-width: 1199px) {
.secondary__nav.visible-md .site__wrapper {
  padding: 0;
}
}

@media screen and (max-width: 1024px) {
.page__hero--content {
  max-width: 450px;
  font-size: 15px;
  line-height: 27px;
}

.page__hero--content .h2 {
  font-size: 32px;
  line-height: 37px;
}

.secondary__nav ul li a {
  padding: 15px 20px;
  font-size: 13px;
  line-height: 15px;
}

.page__hero--section {
  min-height: 1px !important;
}

.bd-home-s1 .site__card {
  padding: 20px;
}
@media screen and (min-width:426px) and (max-width:768px){
 .site__card.text__align--center{
width:100%;
margin: 0 auto;
}
.bd-home-s1 .site__card {
  padding: 15px;
}
.page__hero--content {
  max-width: 300px;
  font-size: 15px;
  line-height: 27px;
}
.mw-450-t {
  max-width: 450px !important;
}
}


.h2-alt {
  font-size: 24px;
  line-height: 29px;
}

.lead__text {
  color: #595F66;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 30px;
}

.h2-alt.size__h3 {
  font-size: 20px;
  line-height: 27px;
}

.list--default li {
  font-size: 14px;
  line-height: 19px;
}

.bd-home-s2 .site__card {
  min-height: 280px;
  padding: 15px;
}

.bd-home-s2 .button__card {
  font-size: 14px;
  height: 44px;
  line-height: 44px;
  /*bottom: 15px;*/
  width: calc(100% - 30px);
}

.large__text--2 {
  font-size: 17px;
  line-height: 23px;
}

.help__section--card .hs1 {
  padding-right: 10px;
  padding-left: 15px;
}

.help__section--card {
  font-size: 11px;
  line-height: 13px;
}

.hs--list .hs--item {
  padding: 0 10px;
}

.seg__card {
  padding: 35px;

}
}

@media screen and (max-width: 767px) {
.banca__bg--home {
  background-image: url(../images/banca-digital/mobile/Home-ESP.jpg);
  background-size: cover;
}
.banca__bg--home-en {
  background-image: url(../images/banca-digital/mobile/Home-ING.jpg);
  background-size: cover;
}


.banca__bg--m2 {
  background-image: url(../images/banca-digital/mobile/Transferencias-ESP.jpg);
  background-size: cover;
}
.banca__bg--m2-en {
  background-image: url(../images/banca-digital/mobile/Transferencias-ING.jpg);
  background-size: cover;
}


.banca__bg--m3 {
  background-image: url(../images/banca-digital/mobile/ManejaCuentas-ESP.jpg);
  background-size: cover;
}
.banca__bg--m3-en {
  background-image: url(../images/banca-digital/mobile/ManejaCuentas-ING.jpg);
  background-size: cover;
}


.banca__bg--m4 {
  background-image: url(../images/banca-digital/mobile/tu-banca-digital-movil-hero-mobile.png);
  background-size: cover;
}
.banca__bg--m4-en {
  background-image: url(../images/banca-digital/mobile/Pagos-ING.jpg);
  background-size: cover;
}


.banca__bg--m5 {
  background-image: url(../images/banca-digital/mobile/RDC.jpg);
  background-size: cover;
}
.banca__bg--m5-en {
  background-image: url(../images/banca-digital/mobile/RDC-ING-s.jpg);
  background-size: cover;
}


.banca__bg--m6 {
  background-image: url(../images/banca-digital/mobile/Notificaciones.jpg);
  background-size: cover;
}


.banca__bg--m7 {
  background-image: url(../images/banca-digital/mobile/ModuloFinanzas-ESP.jpg);
  background-size: cover;
}
.banca__bg--m7-en {
  background-image: url(../images/banca-digital/mobile/ModuloFinanzas-ING.jpg);
  background-size: cover;
}


.banca__bg--m8 {
  background-image: url(../images/banca-digital/mobile/Seguridad.jpg);
  background-size: cover;
}

.banca__bg--m9 {
  background-image: url(../images/banca-digital/mobile/Ayuda.jpg);
  background-size: cover;
}

.page__hero--desktop {
  padding: 0 0 25px;
  background: #fff!important;
}

.page__hero--content {
  text-align: center;
  font-size: 15px;
  line-height: 22px;
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
}

.page__hero--content p {
  margin-bottom: 15px;
}

.page__hero--content .h2 {
  font-size: 22px;
  line-height: 27px;
  margin-bottom: 15px;
}

.page__hero--content .button--block {
  width: 250px;
  height: 42px;
  line-height: 42px;
  padding: 0 15px;
  margin: 10px auto;
  font-size: 17px;
}

.h2-alt {
  font-size: 26px;
  line-height: 31px;
}

.secondary__nav ul {
  border-bottom: 1px solid #D8D8D8;
}

.secondary__nav ul li {
  display: block;
  float: none;
}

.secondary__nav ul li a {
  padding: 0 15px;
  line-height: 50px;
  font-size: 17px;
  color: #018752;
  background: #fff;
  border-top: 1px solid #D8D8D8;
}

.secondary__nav ul li.current a {
  background: #018752;
}

.bd-home-s1 h2,
.bd-home-s1 p {
  text-align: center;
}

.bd-home-s1 h2 {
  line-height: 28px;
  margin-bottom: 10px;
}

.lead__text {
  font-size: 18px;
  line-height: 27px;
}

.bd-home-s1 .site__card {
  padding: 23px 12px;
}
.site__card.text__align--center {
   width: 100%;
   margin: 0 auto;
}
.bd-home-s1 .site__card h2 {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 25px;
}

.icon__boxes .bd-icon {
  width: 24px;
  height: 24px;
  background-size: auto 24px;
}

.icon__boxes li h5 > span {
  font-size: 10px;
  line-height: 11px;
  font-weight: normal;
}

.icon__boxes li a {
  padding: 15px;
}

.site__card .larger_text {
  font-size: 16px;
  line-height: 18px;
}

.bd-home-s1 .site__card  .button--default, .bd-home-s1 .site__card-bg-green  .button--default-white {
  line-height: 42px;
  padding: 0 10px;
  font-size: 17px;
  margin-top: 30px;
}

.bd-home-s2 h2 {
  font-size: 24px;
  line-height: 28px;
}

.bd-home-s2 .site__card {
  min-height: 250px;
}

.bd-home-s2 .button__card {
  font-size: 17px;
  line-height: 48px;
  height: 48px;
  top: 65%;
}

.large__text--2 {
  font-size: 18px;
  line-height: 27px;
}

.help__section--card .hs1,
.help__section--card .hs2 {
  float: none;
  width: auto;
}

.uno_brand {
  margin: 0;
}

.help__center--logo {
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #E5E5E5;
}

.help__section--card .hs1 {
  text-align: center;
  padding: 0 15px 0 15px;
}

.help__section--card .hs2 {
  padding: 0 15px;
}

.hs--list .hs--item {
  width: 50%;
  border: 0;
  padding: 5px;
}

.help__section--card {
  padding-bottom: 10px;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);
}

.h2-alt.size__h2 {
  font-size: 26px;
  line-height: 31px;
  margin-bottom: 10px;
}

.seg__card {
  padding: 30px;
}

.hide__on-mobile {
  display: none;
}

.media--list .media {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 30px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  display:block;
}

.media--list .media--icon {
  width: 59px;
  margin: 0 auto 19px auto;
}

.media--list h4 {
  font-size: 18px;
  line-height: 21px;
}

.f__24 {
  font-size: 16px;
  line-height: 22px;
}

.mb__xs--50 {
  margin-bottom: 50px!important;
}
}


@media screen and (min-width: 1200px) {



.margin_top_75{
margin-top:75px;
}

.secondary__nav {
background: #038459;
/*position: fixed;*/
  top: 115px;
  width: 100%;
  z-index:1;
}

.visible-md.secondary__nav ul li:first-child:not(.current) {
  margin-left: -20px;
}

.visible-md.secondary__nav ul ul li {
  margin-left: 0!important;
}
}

@media screen and (min-width: 768px) {
.page__hero--mobile {
  display: none!important;
}

.v__center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.page__hero--desktop .site__wrapper {
  width: 100%;
  padding-top:30px;
}

.text__white .page__hero--content {
  color: #fff;
}

.text__white .page__hero--content .h2 {
  color: #fff;
}

.media--list .media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 70px;
}



.media--list .media--icon {
  margin-right: 30px;
}

.media--list .media-body {
  -ms-flex: 1;
  flex: 1;
}
}

@media screen and (max-width: 1024px) {
.media--list .media {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 30px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  display:block;
}

.media--list .media--icon {
  width: 59px;
  margin: 0 auto 19px auto;
}

}

.top--bar {
background: #018752;
padding: 5px 0;
color: #fff;
}

.top--bar .top--bar__links {
list-style: none;
padding: 0;
margin: 0;
}

.top--bar .top--bar__links:before,
.top--bar .top--bar__links:after,
.site__wrapper:before,
.site__wrapper:after,
.site__container:before,
.site__container:after {
  display: table;
  content: " ";
}

.top--bar .top--bar__links:after,
.site__wrapper:after,
.site__container:after {
  clear: both;
}

.top--bar .top--bar__links li {
float: left;
padding: 0 8px;
  font-size: 13px;
color: #fff;
border-right: 1px solid #fff;
}

.top--bar__links li:last-child {
padding-right: 0;
border-right: 0;
}

.top--bar .top--bar__links li a {
color: #fff;
text-decoration: none;
}

.site__wrapper {
padding-left: 15px;
padding-right: 15px;
}

.site__container {
max-width: 1200px;
margin: 0 auto;
}

.site-columns:after, .site-columns:before {
  display: table;
  content: " ";
}

.site-columns:after {
  clear: both;
}
/*
.header--wrapper {
padding: 17px 0;
}*/

.site-branding {
float: left;
}

.site-branding .brand {
display: inline-block;
background-image: url(logo.png);
width: 155px;
height: 48px;
background-size: 100%;
}

.text-mute {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.site-columns {
margin-left: -15px;
margin-right: -15px;
}

.site-column {
float: left;
  position: relative;
  min-height: 200px;
  padding-right: 15px;
  padding-left: 15px;
}





.site-column50 {
width: 50%;
}

.site-column100 {
width: 100%;
}


.site-column40 {
width: 33.3333333%;
}

.offset-50 {
margin-left: 50%;
}

.nav--main-desktop {
float: left;
margin-left: 110px;
}

.site--header__aside {
float: right;
padding-top: 8px;
}

/* breads */
.breads {
background: #f6f8f7;
padding: 23px 0 20px 0;
}

.breads .page--title {
font-weight: bold;
font-size: 26px;
line-height: 31px;
color: #4A4A4A;
margin-bottom: 4px;
}

.breads .breadcrumbs {
list-style: none;
padding: 0;
margin: 0;
}

.breads .breadcrumbs > li {
display: inline-block;
margin-right: 4px;
color: #303030;
line-height: 16px;
font-size: 13px;
vertical-align: top;
font-weight: bold;
}

.breads .breadcrumbs > li > a {
text-decoration: none;
display: block;
color: #303030;
line-height: 1;
font-size: 13px;
font-weight: normal;
}

.breads .breadcrumbs > li:not(:first-child) > a:after {
content: '\003e';
margin-left: 7px;

}

.breads .breadcrumbs .home--icon {
background: url(../images/home-icon.png) no-repeat left center;
width: 19px;
height: 16px;
background-size: 100%;
position: relative;
top: -2px;
display: inline-block;
vertical-align: top;
}

.xs-breads {
background: #038459;
height: 40px;
line-height: 40px;
color: #fff;
padding: 0 15px;
}

.xs-breads a {
color: #fff;
text-decoration: none;
  display: inline-block;
  width: auto;
  padding: 0 20px 0 15px;
  border-right: 1px solid #79A646;
  background-image: url(../images/ico-back-buttom.gif);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 9%;
}

/* breads */


.bg--secondary {
background: #F6F8F7;
}

.search__btn {
background: url(../images/search-icon.svg) no-repeat;
}

.search__field {
background: #fff url(../images/search-icon.svg) no-repeat center;
background-size: 16px auto;
  border: solid 1px #F1F1F1;
padding: 4px;
border-radius: 3px;
  width: 36px;
height: 36px;
cursor: pointer;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.search__field:focus {
/*width: 180px;*/
  background-color: #fff;
/*padding-left: 40px;*/
background-position: left 10px center;
  border-color: #F1F1F1;
}

.aside__selectors ul {
list-style: none;
padding: 0;
margin: 0;
}

.aside__selectors ul {
border: solid 1px #F1F1F1;
border-radius: 3px;
overflow: hidden;
float: left;
}

.aside__selectors ul li {
float: left;
line-height: 1;
}

.aside__selectors ul li a {
display: block;
line-height: 36px;
padding: 0 7px;
}

.aside__selectors ul li:first-child a {
border-right: 1px solid #f1f1f1;
}

.aside__selectors .search__holder {
margin-left: 5px;
float: left;
}

.footer__v3 .footer__bar1 {
  padding: 17px 0 13px;
}

.footer__v3 .copyright {
  padding-top: 10px;
  text-align: left;
}

.page__navigation--container--mobile > .navholder {
z-index: 2;
}

@media screen and (max-width: 1024px) {
.hidden__sm {
  display: none!important;
}

.nav--main-desktop {
  display: none!Important;
}

.site-branding {
  border-right: 1px solid #f0f0f0;
  padding: 17px 16px 15px 0;
}

.site-branding .brand {
  width: 60px;
  height: 60px;
  background-image: url(../images/tablet/logo4.png);
}

.header--wrapper {
  padding: 0;
}

.site--header:after {
    width: 94px;
}

.site--header__aside {
  float: left;
  padding-left: 10px;
  padding-top: 30px;
}
}

@media (max-width: 767px) {
.visible-md {
  display: none!important;
}

.breads {
  padding: 0;
}

.breads .page--title {
  font-size: 20px;
  padding: 20px 0 10px;
}

.site-column {
  float: none;

}

.site-column50, .site-column40 {
  width: auto;

}

.site-branding .brand {
  width: 35px;
  height: 35px;
  background-image: url(../images/mobile/logo1.png);
}

.site-branding {
  padding-top: 5px;
  padding-bottom: 5px;
}
.dw-col.dw-col-8.img-beyond-mobile{

  top: 0px !important;
  width: 200px !important;
  margin-left:auto !important;
  margin-right:auto;
  margin-top:0;
  margin-bottom:0;

}

.site--header__aside {
  padding-top: 5px;
}

.site--header:after {
    width: 70px;
}

.page__navigation--button--mobile {
  height: 36px;
  width: 36px;
  border: solid 1px #F1F1F1;
  padding: 4px;
  border-radius: 3px;
  margin-top: 5px;
  right: 15px;
}

.page__navigation--button--mobile a {
  margin: 0;
}

/* new nav
.page__navigation--button--mobile a:before {
  background: transparent url(../images/nav.svg) no-repeat center;
  background-size: 20px auto;
  box-shadow: none;
  width: 20px;
  height: 26px;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
*/
.page__navigation--button--mobile.active {
  border: 1px solid #fff;
}
}

@media screen and (min-width: 768px) {
.text-sm-right {
  text-align: right;
}

.pull-sm-right {
  float: right;
}

.hidden-md {
  display: none!important;
}
}

@media screen and (max-width: 1199px) and (min-width: 1025px) {
.nav--main-desktop {
  margin-left: 25px;
}
}

@media screen and (min-width: 1025px) {
.site--header:after {
  width: 100px;
}

.page__navigation--button--mobile {
  display: none;
}
}

@media screen and (min-width: 1200px) {
.site__wrapper {
  padding-left: 30px;
  padding-right: 30px;
}

.site--header .gr__bar {
  position: relative;
}

/*.site--header .gr__bar:after {
  content: '';
  height: 5px;
  position: absolute;
  bottom: -73px;
  left: 0;
  background: #00843D;
  width: 85px;
  border-right: 3px solid #fff;
  z-index: 5
}*/

/*.site--header .gr__bar:before {
  content: '';
  height: 5px;
  position: absolute;
  bottom: -73px;
  left: 85px;
  background: #006ade;
  width: 50%;
  z-index: 5
}*/

.site--header:after {
  width: 50%;
  border: 0;
}

#banca-page {
  padding-top: 114px;
}

.header--v2 .logo--main {
  margin-left: 30px;
}
}

@media screen and (min-width: 1300px) {
.site__wrapper {
  padding-left: 63px;
  padding-right: 63px;
}

.header--v2 .logo--main {
  margin-left: 63px;
}
}

.invert{
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.res-img-m{

}
.cards-page .articles .article-block {
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  margin-bottom: 2rem;
  min-height: 300px;
}
.download-links{
padding-top:5px;
}

@media (max-width:768px){
.cards-page .cards-block:first-child .line {
  border-top: solid 2px transparent;
  margin: 0px 0 0px !important;
}
.small-column {
 min-height: 235px  !important;
  }
    .mw-190-m {
 min-height: 190px !important;
  }
  .mh-230-m {
 min-height: 230px !important;

  }

}

img.icon-app-ios{
width:174px !important;
height:48px !important;
}
img.icon-app-play{
width:148px !important;
height:52px !important;
}
div.inline-list-bullet{
text-align:center;
}
div.inline-list-bullet h4{
display: inline;
list-style-type: disc;

margin:5px;
 line-height: 1.5;
}
div.inline-list-bullet h4:before {
  content: '•';
  position: relative;
  bottom: .1em;
  color: #000;
}
.md-text{
font-size:18px !important;
}

.indent-li{
font-size: 15px !important;
}
.indent-li ol{
  margin-left: 15px !important;
  padding:0px 0 !important;

}

.indent-li li{
  margin-left: 15px !important;
  padding:0px 0 !important;
}
.indent-li li p{
  padding:0px 0 !important;
  margin-bottom: 5px !important;
}


@media only screen
and (min-width: 768px) and (min-width: 900px) {
.hideOnLandscape{
display:none;
}
}
@media (min-width:768px){
.pt__25_d{
padding-top:25px;
}
.pb__25_d{
padding-bottom:25px;
}

.dw-container h1{
font-weight:bold;
font-size:32px;
}

}
  .dw-card-auto-body h4{
  width:260px;
  }


}






/* MOBILE-APP START */

#mobile-app .slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
height: 500px
}

/* Hide the images by default */
#mobile-app .mySlides {
display: none;
}

#mobile-app .mySlides .iphone-x
{
margin:auto;
display: block;
}

/* Next & previous buttons */
#mobile-app .prev, #mobile-app .next {
cursor: url(../images/banca-digital/hero-home-mobile.jpg);
position: absolute;
top: 40%;
width: auto;
padding: 16px;
color: #018559;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}

/* Position the "next button" to the right */
#mobile-app .next {
right: 0;
border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
#mobile-app .prev:hover, .next:hover {
/* background-color: rgba(0,0,0,0.8); */
}

/* Caption text */
#mobile-app .migracion-text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}

/* Number text (1/3 etc) */
#mobile-app .numbertext {
color: #f2f2f2;
font-size: 13px;
padding: 8px 12px;
position: absolute;
top: 0;
}

/* The dots/bullets/indicators */
#mobile-app .dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #FFFFFF;
border: 1px #7ebe42 solid;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

#mobile-app .active, .dot:hover {
background-color: #7ebe42;

}

/* Fading animation */
#mobile-app .fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}

@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}

@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}

#mobile-app .green-link
{
color:#007B2E;
text-decoration:underline;
}


#mobile-app .green-link:hover
{
text-decoration:underline !important;
}

#mobile-app .mw__500 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0 !important;
}

#mobile-app a.athiosExitMessage > img {
  height: 64px;
  width: auto;
}


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

#mobile-app .mw__500 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0 !important;
  margin-top:300px !important;
}

#mobile-app .mySlides img
{
margin:auto;
display:table;

}

#mobile-app .page__hero--section
{
min-height:0 !important;
}


#mobile-app .h2-alt.size__h2 {
  font-size: 20px;
  line-height: 31px;
  }


#mobile-app .download-links img
{
display:table;
margin:auto;
width:auto;
}

}




/*MOBILE APP END*/


.offsetting-anchor-transferencias{
display: block;
position: relative;
top: -250px;
visibility: hidden;
}






.axe-highlight-tool{
color:#303030
}



.faq--section a {
text-decoration:underline;
}

.auto-llama-hoy-btn, .auto-llama-hoy-btn a{
color:#fff;
font-size:20px;
}


/* Cookie banner */
.cookie-banner {
position: fixed;
z-index: 1040 !important;
top: 50%;
left: 50%;
width: 500px;

background: #0d6e3b;
color: #000;
font-size: 15px;
padding: 20px;
transform: translate(-50%, -50%);
/*border-top: 8px solid #7ebf42;
height: calc(100vh - 500px);*/
border-radius: 10px;

}

.cookie-banner span{
    font-size: 16px;

    padding: 14px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
position:absolute;
top: -5px;
right:-5px;

}


.cookie-banner .p-wrapper{

float:left;
width: 100%;
color: #fff;


}
.cookie-banner p:last-child {
margin-bottom: 0;
}
.cookie-banner  .cb-wrapper {
max-width: 860px;
padding:  15px;
margin: 0 auto;
}
.cookie-banner a {
color:#fff;
text-decoration:underline;
font-weight:bold;
}

.btn-accept {
background: #fff;
color: #0d6e3b;
text-align: center;
border-radius: 5px;
width: 150px;
height: 43px;
font-size: 15px;
line-height: 1;
padding: 10px  15px 10px ;
margin: 20px 20px 0px 0px;

font-weight: bold;
display:inline-block;
vertical-align:middle;

}

body.accept-terms {
 overflow: hidden!important;
}


.backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100vw;
height: 100vh;
background-color: #000;
opacity: .5;
}

@media (max-width: 1024px) {
.cookie-banner {
  height: auto;
  padding: 30px 0 30px;
}

.cookie-banner span {

right: -5px;

}

}

@media (max-width: 767px) {
.btn-accept {

    position: inherit;
    margin: 50px 0 0 ;
   }


}

@media (max-width: 767px) {

.cookie-banner span {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 30px;
 /*   background-color: #018752;*/
    padding: 5px;
    border-radius: 50%;
/*    color: #fff;*/


}



.cookie-banner {
  height: auto;
  min-height: 1px;
  position: fixed;
  z-index: 1040 !important;
  line-height: 19px;
  max-width: 95%;

}




.btn-accept {
     width: 150px;
    float: left;
    border-radius: 5px;

}
}
/* #END Cookie banner */

/* Legal table */
.legal-table, .legal-table th, .legal-table td {
color:#303030;
font-weight:300;
border:1px solid #303030;
border-collapse:collapse;
}

.legal-table th, .legal-table td {
padding:15px 25px;
text-align:left;
}

.modal a.close-modal[class*="icon-"] {
top: -10px;
right: -10px;
width: 20px;
height: 20px;
color: #fff;
line-height: 1.25;
text-align: center;
text-decoration: none;
text-indent: 0;
background: #000;
border: 2px solid #fff;
-webkit-border-radius:  26px;
-moz-border-radius:     26px;
-o-border-radius:       26px;
-ms-border-radius:      26px;
-moz-box-shadow:    1px 1px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
box-shadow:         1px 1px 5px rgba(0,0,0,0.5);
}


/*margin-padding buttom and top*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.mg-b-5{
  margin-bottom:5px
}
.mg-b-10{
  margin-bottom:10px
}

.mg-b-15{
  margin-bottom:15px
}

.mg-b-20{
  margin-bottom:20px
}
.pd-b-5{
  padding-bottom:20px
}

.pd-b-10{
  padding-bottom:20px
}

.pd-b-15{
  padding-bottom:20px
}

.pd-b-20{
  padding-bottom:20px
}
.mt-t-5{
  margin-top:5px
}
.mt-t-10{
  margin-top:10px
}

.mt-t-15{
  margin-top:15px
}

.mt-t-20{
  margin-top:20px
}
.pt-t-5{
  padding-top:20px
}

.pt-t-10{
  padding-top:20px
}

.pt-t-15{
  padding-top:20px
}

.pt-t-20{
  padding-top:20px
}
.pt-t-110{
  padding-top:110px
}

}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
.mg-b-5{
  margin-bottom:5px
}
.mg-b-10{
  margin-bottom:10px
}

.mg-b-15{
  margin-bottom:15px
}

.mg-b-20{
  margin-bottom:20px
}
.pd-b-5{
  padding-bottom:20px
}

.pd-b-10{
  padding-bottom:20px
}

.pd-b-15{
  padding-bottom:20px
}

.pd-b-20{
  padding-bottom:20px
}
.mt-t-5{
  margin-top:5px
}
.mt-t-10{
  margin-top:10px
}

.mt-t-15{
  margin-top:15px
}

.mt-t-20{
  margin-top:20px
}
.pt-t-5{
  padding-top:20px
}

.pt-t-10{
  padding-top:20px
}

.pt-t-15{
  padding-top:20px
}

.pt-t-20{
  padding-top:20px
}

.pt-t-110{
  padding-top:110px
}


}

/*Calculadora Ahorro*/

:root {
  --pink-color: #e0148e;
  --purple-color: #704b9e;
  --blue-color: #1da7b3;
  --yellow-color: #f9b623;
  --green-color: #3bad48;
}

.font--yellow-color{
color:#f9b623;
}
.font--pink-color{
color:#e0148e;
}
.font--green-color{
color:#3bad48;
}

.font--purple-color{
color:#704b9e;
}



main.main{

background-color:#f7f7f7 !important;
font-size:16px;
}


.a-fb-hero {
  width: 100%;
}

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

.visible-only-desktop {
  display: none;
}

.a-fb-wrapper {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
}

.a-fb-s2 {
  padding: 60px 0;
}
.primary-p{
font-family: 'Arial', Helvetica, sans-serif;
  color: #383838;
  font-size: 16px;
}

.a-fb-col {
  position: relative;
  width: 100%;
}

.a-fb-center {
  text-align: center;
}

.lead {
  font-size: 20px;
}
.color-green{
color: #00843d !important;
  text-decoration: none;

}

.a-fb-s2,.a-fb-s3 > a  {
  color: #3bad48;
  text-decoration: none;
}

.a-fb-wrapper a:hover {
  text-decoration: underline;
}

.pt-30 {
  padding-top: 30px;
}

.a-fb-s2, .a-fb-s3, .a-fb-calc  p {
  margin: 0 0 16px;
}

.saving-separator{
 margin: 16px 0 16px;

}



.saving-heading {
  font-weight: normal;
  font-family: "BobbyJonesSoft-Regular" !important;
  font-size: 48px;
  color: #00843d;
  margin: 0 0 16px;
}

.a-fb-calc {
  background: #fff;
  border: 3px solid #3bad48;
  padding: 40px 15px;
  text-align: center;
  border-radius: 20px;
  max-width: 1000px;
  margin: 0 auto 100px auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.a-fb-calc .form-savings {
  padding-top: 50px;
  max-width: 450px;
  margin: 0 auto;
}

.a-fb-calc .form-savings label,
.a-fb-calc .form-savings .input-salary {
  display: block;
}

.a-fb-calc .form-savings label {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}

.a-fb-calc .form-savings .input-salary{
  width: 100%;
  height: 60px;
  border: 2px solid #3bad48;
  font-size: 18px;
  padding: 6px 12px;
  background: white;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.a-fb-calc .form-savings .input-salary:focus {
  border-color: #19d62e;
  outline: 0;
}

ul.cols3 {
  list-style: none;
  padding: 50px 0 0;
  margin: 0 auto;
  display: block;
  max-width: 600px;
}

ul.cols3 > li {
  display: inline-block;
  margin-bottom: 50px;
  width: 32%;
}

ul.cols3 > li > span {
  font-size: 22px;
  display: block;
  margin-bottom: 16px;
}

ul.cols3 > li span.amount {
  font-size: 44px;
}

ul.cols3 > li:nth-child(1) {
  color: var(--pink-color);
}

ul.cols3 > li:nth-child(2) {
  color: var(--purple-color);
}

ul.cols3 > li:nth-child(3) {
  color: #0073A1;
}

.calc-note {
  max-width: 730px;
  margin: 0 auto;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#budgettips {
  padding-top: 80px;
}

#budgettips ul {
  padding-bottom: 100px;
}

#budgettips .tab {
  border: 2px solid var(--purple-color);
  border-radius: 10px;
  background: #fff;
  margin-top: 40px;
  padding: 35px 70px 11px 70px;
  position: relative;
}

#budgettips .tab p {
  margin-bottom: 24px;
}

.mb40 {
  margin-bottom: 40px!important;
}

#budgettips .tab p strong {
  color: var(--purple-color);
}

#budgettips .tab a {
  color: var(--purple-color);
}

.mb0 {
  margin-bottom: 0!important;
}

.pt60 {
  padding-top: calc(60px - 24px);
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}

.tab h2 {
  margin-bottom: 24px;
}

.main {
  padding-bottom: 100px;
}

#budgettips .tab1 {
  border-color: var(--yellow-color);
}

#budgettips .tab2 {
  border-color: var(--pink-color);
}

#budgettips .tab3 {
  border-color: var(--green-color);
}

#budgettips .tab4 {
  border-color: var(--purple-color);
}


#budgettips .tab1 p strong {
  color: var(--yellow-color);
}

#budgettips .tab2 p strong {
  color: var(--pink-color);
}

#budgettips .tab3 p strong {
  color: var(--green-color);
}

#budgettips .tab4 p strong {
  color: var(--purple-color);
}


#budgettips .tab1 a {
  color: var(--yellow-color);
}

#budgettips .tab2 a {
  color: var(--pink-color);
}

#budgettips .tab3 a {
  color: var(--green-color);
}


#budgettips .tab4 a {
  color: var(--purple-color);
}


#budgettips .tab:before {
  content: '';
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e0148e;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -80px;
}

.indent-p{

    margin-left:20px;
}
#budgettips .tab1:before {
  background: var(--yellow-color);
}

#budgettips .tab2:before {
  background: var(--pink-color);
}

#budgettips .tab3:before {
  background: var(--green-color);
}

#budgettips .tab4:before {
  background: var(--purple-color);
}


#budgettips li.r-tabs-state-default img {
  filter: grayscale(100%);
}

#budgettips div:not(.r-tabs-state-active) img {
  filter: grayscale(100%);
}

#hero-mobile {
  background: url(/_catalogs/masterpage/assets/images/hero-mobile.png) no-repeat center top;
  background-size: cover;
  height: 282px;
}

#hero-mobile-en {
  background: url(/_catalogs/masterpage/assets/images/hero-mobile-en.png) no-repeat center top;
  background-size: cover;
  height: 282px;
}

@media screen and (min-width: 768px) {
  #budgettips ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }

  .a-fb-row {
      display: -ms-flexbox;
      display: flex;
  }

  .a-fb-col-40 {
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
      max-width: 40%;
      padding-right: 70px;
  }

  .a-fb-col-60 {
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      max-width: 60%;
  }

}

@media screen and (min-width: 768px) {
  .visible-only-desktop {
      display: block;
  }

  .visible-only-mobile {
      display: none;
  }
}

@media screen and (max-width: 767px) {
  .a-fb-s2 .a-fb-col-60 {
      text-align: center;
      font-size: 17px;
  }

  .saving-heading{
      font-size: 40px;
  }

  .a-fb-calc {
      padding: 25px 15px;
      margin-bottom: 60px;
  }

  .a-fb-calc form {
      padding-top: 30px;
  }

  ul.cols3 > li {
      display: block;
      text-align: center;
      width: auto;
      margin-bottom: 30px;
  }

  #budgettips {
      padding-top: 25px;
  }

  .r-tabs-accordion-title a {
      display: block;
      text-align: center;
      margin-bottom: 40px;
      margin-top: 24px;
  }

  #budgettips .tab:before {
      width: 15px;
      height: 15px;
      margin-top: -30px;
  }

  #budgettips .tab {
      padding: 24px 15px 8px 15px;
  }
}

/*tuvida start*/
.pdr-hero-tuvida-lp {
background-image: url(/pr/es/PublishingImages/tuvida/hero-lg.jpg);
}

.tuvida-lp .pdr-hero-tuvida-lp {
background-image: url(/pr/es/PublishingImages/tuvida-2/hero@2x.jpg);
}

.pdr-hero-tuvida-lp .pdr-hero-inner {
height: 475px;
}

.pdr-hero-tuvida-lp .pdr-tuvida-h1 {
display: inline-block;
position: relative;
}

.pdr-hero-tuvida-lp .pdr-tuvida-h1 h1 {
font-size: 66px;
line-height: 1;
letter-spacing: -4px;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
color: #4B1637;
}

.tuvida-lp .pdr-tuvida-h1 h1 {
color: #fff;
}

.tuvida-lp .max900 {
max-width: 900px;
margin: auto;
}

.pdr-hero-tuvida-lp  .pdr-tuvida-h1 span {
position: absolute;
bottom: -22px;
right: -78px;
display: block;
}

.tuvida-lp-content {
font-size: 18px;
line-height: 24px;
padding-top: 45px;
}

.tuvida-lp-content .lead {
text-align: center;
font-size: 28px;
line-height: 34px;
color: #444444;
}

.tuvida-lg-boxes {
padding-top: 10px;
padding-bottom: 80px;
max-width: 1034px;
margin: 0 auto;
}

.tuvida-lp-box {
background: #fff;
padding: 65px 40px 40px 40px;
text-align: center;
font-size: 16px;
line-height: 24px;
border-radius: 8px;
color: #000;
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: column;
height: 100%;
}

.tuvida-lp .tuvida-lp-box {
padding: 36px 40px 32px 40px;
}

.tuvida-lg-boxes .tlp-col {
margin-top: 85px;
}

.tuvida-lp .tuvida-lg-boxes .tlp-col {
margin-top: 60px;
}

.tuvida-lp-box p {
margin-top: 24px;
}

.text-green-alt {
color: #018752;
}

.tuvida-lp-box-inner {
max-width: 422px;
margin: auto;
}

.tuvida-lp-box .tuvida-lp-icon {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: -34px auto 0 auto;
}

.tuvida-lp-box h4 {
font-size: 24px;
line-height: 29px;
font-weight: bold;
color: #444444;
margin-bottom: 20px;
}

.tuvida-lp-box h4 + img {
align-self: center;
}

.tuvida-lp-box .tlp-cta {
margin-top: auto;
}

.tuvida-lp-box .tlp-cta .btn-blue {
min-width: 228px;
background: #018752;
}


.n-row.center {
justify-content: center;
}

@media screen and (max-width: 767px) {
.pdr-breads {
  display: none;
}

.pdr-breads {
  display: none;
}

.pdr-hero-inner {
  height: 203px;
  padding: 0 35px;
  text-align: left;
}

.pdr-hero-personal-loan .c-mobile {
  text-align: left!important;
}

.pdr-hero-personal-loan p {
  max-width: 220px;
}

.pdr-hero-inner .btn-blue {
  display: block;
  width: 100%;
  text-align: center;
}

.pdr-hero-personal-loan {
  background-image: url(../images/loan/hero-xs.jpg);
}

.pdr-hero-personal-loan .dw-col-md-6 {
  width: 100%;
}

.pdr-main-content {
  padding-left: 35px;
  padding-right: 35px;
}

.pdr-main-content h2 br {
  display: none;
}

.pdr-main-content h2 {
  font-size: 20px;
  line-height: 23px;
}

.loan-repeat-boxes .loan-box {
  display: block;
  margin-top: 30px;
  padding: 20px;
  font-size: 14px;
  line-height: 19px;
}

.loan-repeat-boxes {
  padding-top: 0;
}

.loan-repeat-boxes .loan-box .loan-left,
.loan-repeat-boxes .loan-box .loan-right {
  width: 100%;
  padding: 0;
}

.loan-repeat-boxes .loan-box .btn-blue {
  margin-top: 10px;
}

.loan-repeat-boxes .loan-box h4 {
  font-size: 18px;
  margin-top: 24px;
  text-align: center;
}

.ul_check li:before {
  top: 3px;
}

.loan-repeat-boxes .loan-box ul li:last-child {
  margin-bottom: 0;
}

.pdr-page-footer {
  padding: 30px 0 0;
  font-size: 14px;
  line-height: 19px;
}

.f18 {
  font-size: 14px;
  line-height: 19px;
}

.pdr-footer-btn {
    max-width: 84%;
    display: block;
    margin: 20px auto 30px auto;
    text-align: center;
}

.pdr-page-footer p strong {
  font-size: 16px;
  line-height: 21px;
}

.pdr-hero-tuvida-lp {
  background-image: url(/pr/es/PublishingImages/tuvida/hero-mobile@2x.jpg);
}

.tuvida-lp .pdr-hero-tuvida-lp {
  background-image: url(/pr/es/PublishingImages/tuvida-2/hero-xs@2x.jpg);
}

.pdr-hero-tuvida-lp .pdr-hero-inner {
  height: 245px;
}

.pdr-hero-tuvida-lp .pdr-tuvida-h1 h1 {
  font-size: 32px;
}

.pdr-hero-tuvida-lp .pdr-tuvida-h1 h1 br {
  display: block;
}

.pdr-hero-tuvida-lp .pdr-tuvida-h1 span {
  width: 112px;
  bottom: -15px;
  right: -58px;
}

.tuvida-lp-content .lead {
  font-size: 19px;
  line-height: 27px;
}

.tuvida-lp-box .tuvida-lp-icon {
  max-width: 48px;
  margin-top: -24px;
}

.tuvida-lp-content {
  padding-top: 25px;
}

.tuvida-lg-boxes {
  padding-bottom: 0;
}

.tuvida-lg-boxes .tlp-col {
  margin-top: 50px;
}

.tuvida-lp-box h4 {
  font-size: 18px;
  line-height: 1;
}

.tuvida-lp-box {
    background: #fff;
    padding: 50px 20px 30px 20px;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
}

.tuvida-lp .tuvida-lg-boxes {
  padding-top: 0;
}

.tuvida-lp .tuvida-lp-content {
  padding-left: 15px;
  padding-right: 15px;
}

.tuvida-lp .pdr-hero-tuvida-lp .pdr-hero-inner {
  padding-left: 15px;
  padding-right: 15px;
}
}

@media screen and (min-width: 768px) {
  #budgettips ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }

  .a-fb-row {
      display: -ms-flexbox;
      display: flex;
  }

  .a-fb-col-40 {
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
      max-width: 40%;
      padding-right: 70px;
  }

  .a-fb-col-60 {
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      max-width: 60%;
  }

}

@media screen and (min-width: 768px) {
  .visible-only-desktop {
      display: block;
  }

  .visible-only-mobile {
      display: none;
  }
}

@media screen and (max-width: 767px) {
  .a-fb-s2 .a-fb-col-60 {
      text-align: center;
      font-size: 17px;
  }

  .saving-heading{
      font-size: 40px;
  }

  .a-fb-calc {
      padding: 25px 15px;
      margin-bottom: 60px;
  }

  .a-fb-calc form {
      padding-top: 30px;
  }

  ul.cols3 > li {
      display: block;
      text-align: center;
      width: auto;
      margin-bottom: 30px;
  }

  #budgettips {
      padding-top: 25px;
  }

  .r-tabs-accordion-title a {
      display: block;
      text-align: center;
      margin-bottom: 40px;
      margin-top: 24px;
  }

  #budgettips .tab:before {
      width: 15px;
      height: 15px;
      margin-top: -30px;
  }

  #budgettips .tab {
      padding: 24px 15px 8px 15px;
  }
}/*tuvida-end*/

span.ui-button-icon-primary .ui-icon .ui-icon-closethick{
      display: none !important;
  }

  .ui-button-icon-only .ui-icon{
      display:none !important;
  }
  .ui-dialog .ui-dialog-titlebar-close {
      right: 1em !important;
      width:100% !important;
      text-align: right !important;
      text-decoration: underline !important;
      color: black!important;
      padding: 0!important;
      background:transparent!important;
  }

  .ui-dialog-buttonset{
      float:none!important;
      text-align: center !important;
  }

  button.ui-button.ui-corner-all.ui-widget {
      background: #408e5f !important;
      padding: 5px 20px !important;
      color: white !important;
  }

  button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close
  {
      background:transparent !important;
      border:none !important;
      color:black !important;
  }


  .blue-pill{
  color:#696969;
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 20px;
  }


  .demo-video-button{
    background-color:#4cb653;
    padding: 5px 20px;
    color: white;
    border-radius: 15px;
    font-size:20px;
    width:250px;
    box-shadow: #696969 3px 4px 10px;
    margin:auto;

}


.fpb-card span{

    font-weight:bold;
    color:#00843d;
}

.site--header {
    background: #fff;
    left: 0;
    top: -10em;
    width: 100%;
    height: auto;
    z-index: 110;
    -webkit-transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}

.site--header_inner {
    border-bottom: 5px solid #00A1DE;
    position: relative;
}

.scroll-start .site--header {
    position: fixed;
    top: 0;
}

.site--header .site--header_inner:after {
    content: '';
    height: 5px;
    position: absolute;
    bottom: -5px;
    left: 0;
    background: #00843D;
    border-right: 3px solid #fff;
}

.top--bar {
    background: #006630;
    padding: 5px 0;
    color: #fff;
}

.top--bar .top--bar__links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.top--bar .top--bar__links:before,
.top--bar .top--bar__links:after,
.site__wrapper:before,
.site__wrapper:after,
.site__container:before,
.site__container:after {
    display: table;
    content: " ";
}

.top--bar .top--bar__links:after,
.site__wrapper:after,
.site__container:after {
    clear: both;
}

.top--bar .top--bar__links li {
    float: left;
    padding: 0 8px;
    font-size: 12px;
    color: #fff;
    border-right: 1px solid #fff;
}

.top--bar__links li:last-child {
    padding-right: 0;
    border-right: 0;
}

.top--bar .top--bar__links li a {
    color: #fff;
    text-decoration: none;
}
.top--bar .top--bar__links li a:focus {
    border-bottom: 2px dotted #fff;
    padding:1px;
    border-radius: 0px;
    }
    .top--bar .top--bar__links li a:hover {
    border-bottom: 2px dotted #fff;
    padding:1px;
    border-radius: 0px;
    }



.site__wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

.site__container {
    max-width: 1200px;
    margin: 0 auto;
}

.site-columns:after, .site-columns:before {
    display: table;
    content: " ";
}

.site-columns:after {
    clear: both;
}

.header--wrapper .gr__bar {
    padding: 17px 0;
}

.site-branding {
    float: left;
}

.site-branding .brand {
    display: inline-block;
    background-image: url(logo.png);
    width: 155px;
    height: 48px;
    background-size: 100%;
}

.text-mute {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.site--navigation {
    float: left;
    margin-left: 50px;

}

.site--navigation .page__navigation {
    padding: 17px 0;
}

.site-columns {
    margin-left: -15px;
    margin-right: -15px;
}

.site-column {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.site-column50 {
    width: 50%;
}

.site-column40 {
    width: 33.3333333%;
}

.offset-50 {
    margin-left: 50%;
}

.nav--main-desktop {
    float: left;
    margin-left: 110px;
}

.site--header__aside {
    float: right;
    padding-top: 5px;
}

/* breads */
.breads {
    background: #f6f8f7;
    padding: 23px 0 20px 0;
}

.breads .page--title {
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    color: #4A4A4A;
    margin-bottom: 4px;
}

.breads .breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0;
}

.breads .breadcrumbs > li {
    display: inline-block;
    margin-right: 4px;
    color: #868F98;
    line-height: 16px;
    font-size: 13px;
    vertical-align: top;
    font-weight: bold;
}

.breads .breadcrumbs > li > a {
    text-decoration: none;
    display: block;
    color: #868F98;
    line-height: 1;
    font-size: 13px;
    font-weight: normal;
}

.breads .breadcrumbs > li:not(:first-child) > a:after {
    content: '\003e';
    margin-left: 7px;

}

.breads .breadcrumbs .home--icon {
    background: url(../images/home-icon.png) no-repeat left center;
    width: 19px;
    height: 16px;
    background-size: 100%;
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: top;
}

.xs-breads {
    background: #8cc63e;
    height: 40px;
    line-height: 40px;
    color: #fff;
    padding: 0 15px;
}

.xs-breads a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width: auto;
    padding: 0 20px 0 15px;
    border-right: 1px solid #79A646;
    background-image: url(../images/ico-back-buttom.gif);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 9%;
}

/* breads */


.bg--secondary {
    background: #F6F8F7;
}

.search__btn {
    background: url(../images/search-icon.svg) no-repeat;
}

.search__field {
    background: #fff url(../images/search-icon.svg) no-repeat center;
    background-size: 16px auto;
    border: solid 1px #F1F1F1;
    padding: 4px;
    border-radius: 3px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.aside__selectors ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.aside__selectors ul {
    border: solid 1px #F1F1F1;
    border-radius: 3px;
    overflow: hidden;
    float: left;
    margin-left:15px;

}

.aside__selectors ul li {
    float: left;
    line-height: 1;
}

.aside__selectors ul li a {
    display: block;
    line-height: 32px;
    padding: 0 6px;
    font-size: 13px;
}

.aside__selectors ul li:first-child a {
    border-right: 1px solid #f1f1f1;
}

.aside__selectors .mobile--btns-holder {
    float: left;
}

.aside__selectors .mobile--btns-holder button {
    margin-left: 5px;
    float: left;
}

.footer__v3 .footer__bar1 {
    padding: 17px 0 13px;
}

.footer__v3 .copyright {
    padding-top: 10px;
    text-align: left;
}

.page__navigation--container--mobile > .navholder {
    z-index: 2;
}

.scroll-start .header-offset  {
    padding-top: 55px;
}

.alert-bg3 {
    display: none;
    background: #F6F8F7;
}

#search--box .search-group {
    max-width: 633px;
    margin: 10px auto;
    height: 40px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #DDDDDD;
    position: relative;
}

#search--box .search-group .search__field {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
    width: 40px;
    height: 40px;
    background-size: 14px auto;
    border: 0;
    border-left: 1px solid #dddddd;
    padding: 0;
    background-color: transparent;
}

#search--box .input-search {
    height: 40px;
    width: calc(100% - 40px);
    background: none;
    padding: 6px 10px;
}

#region--box #desktop__options {
    padding: 24px 0 27px 155px;
    margin: 0 auto;
}

#region--box .title {
    font-size: 13px;
    line-height: 15px;
    color: #595F66;
    margin-bottom: 8px;
    display: block;
}

#region--box .list--style1 li {
    width: auto!important;
    max-width: 270px!important;
}

#region--box .change-name-divider input[type="text"] {
    height: 35px;
    font-size: 16px;
    color: #595F66;
    line-height: 27px;
    margin-bottom: 12px;
}

#region--box .change-name-divider .button {
    font-size: 13px;
    line-height: 15px;
    width: 70px;
    height: 32px;
    padding: 0;
    display: block;
    margin-top:10px;
}

.mobile--menu {
    background: transparent url(../images/hamburg.svg) no-repeat center;
    background-size: 16px auto;
    border: solid 1px #F1F1F1;
    width: 32px;
    height: 32px;
}

.sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    display: none;
}

.site--navigation li:hover .sub-menu,
.site--navigation li.hasubmenu:hover .sub-menu {
    display: block;
    position: absolute;
}


.site--navigation li:focus-within .sub-menu,
.site--navigation li.hasubmenu:focus-within .sub-menu {
    display: block;
	position: absolute;

}



.site--navigation .nav > li,
.site--navigation .inline > li {
    position: static;
}

.site--navigation .nav > li a,
.site--navigation .inline > li a {
    position: relative;
    overflow: visible;
    display: block;
    z-index: 13;
}

.sub-menu {
    padding-top: 90px;
}

.sub-menu .megamenu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 26px 20px 26px 20px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
}

.sub-menu .megamenu .mcol {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.sub-menu .megamenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub-menu .megamenu li .menu-icon {
    display: block;
    width: 35px;
}

.sub-menu .megamenu li a {
    font-size: 13px;
    font-weight: normal;
    color: #59676b;
    display: inline-block;
    text-decoration: none;
}

.sub-menu .megamenu li:hover > a,
.sub-menu .megamenu li.active > a {
    color: #00843d;
}

.sub-menu .megamenu ul {
    max-width: 200px;
}

.sub-menu .megamenu ul:first-child > li > a {
    font-size: 18px;
    font-weight: bold;
    color: #00843d;
    margin-top: 17px;
}

.sub-menu .megamenu ul ul > li a {
    color: #595f66;
    font-weight: bold;
    margin-top: 7px;
}

.sub-menu .megamenu ul ul ul > li a {
    font-weight: normal;
    margin-top: 6px;
}

.sub-menu .megamenu ul ul ul {
    margin-bottom: 10px;
}

.sub-menu .megamenu ul:first-child > li {
    margin-bottom: 27px;
}

.sub-menu .megamenu ul:first-child > li:last-child {
    margin-bottom: 0;
}

.fclear:before,
.fclear:after {
    display: table;
    content: " ";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fclear:after {
    clear: both;
}

@media screen and (min-width: 768px) {
    .text-sm-right {
        text-align: right;
    }

    .pull-sm-right {
        float: right;
    }

    .hidden-md {
        display: none!important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 1025px) {
    .nav--main-desktop {
        margin-left: 25px;
    }

    .page__navigation > li {
        margin-right: 10px;
    }
}

@media screen and (min-width: 1025px) {
    .site--header .site--header_inner:after {
        width: 100px;
    }

    .page__navigation--button--mobile {
        display: none;
    }

    .scroll-start .header-offset  {
        padding-top: 114px;
    }

    .mobile--menu {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    .site__wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }

    .site--header .site--header_inner .gr__bar {
        position: relative;
    }

    .site--header .site--header_inner .gr__bar:after {
        content: '';
        height: 5px;
        position: absolute;
        top: 100%;
        left: 0;
        background: #00843D;
        width: 85px;
        border-right: 3px solid #fff;
        z-index: 5
    }

    .site--header .site--header_inner .gr__bar:before {
        content: '';
        height: 5px;
        position: absolute;
        top: 100%;
        left: 85px;
        background: #00A1DE;
        width: 50%;
        z-index: 5
    }

    .site--header .site--header_inner:after {
        width: 50%;
        border: 0;
    }

    #banca-page {
        padding-top: 114px;
    }

    .header--v2 .logo--main {
        margin-left: 30px;
    }
}

@media screen and (min-width: 1300px) {
    .site__wrapper {
        padding-left: 63px;
        padding-right: 63px;
    }

    .header--v2 .logo--main {
        margin-left: 63px;
    }
}

@media screen and (max-width: 1199px) {
    .site--navigation {
        margin-left: 15px;
    }
}

@media screen and (max-width: 1024px) {
    body {
        position: relative;
    }

    body.scroll-lock {
        overflow-y: hidden!important;
    }

    .hidden__sm {
        display: none!important;
    }

    .nav--main-desktop {
        display: none!Important;
    }

    .site-branding {
        border-right: 1px solid #f0f0f0;
        padding: 7px 16px 7px 0;
    }

    .site-branding .brand {
        width: 35px;
        height: 35px;
        background-image: url(../images/mobile/logo1.png);
    }

    .header--wrapper .gr__bar {
        padding: 0;
    }

    #region--box #desktop__options {
        padding-left: 0;
    }

    .site--header .site--header_inner:after {
        width: 70px;
    }

    .site--navigation {
        display: none;
        position: fixed;
        left: 0;
        top: 57px;
        width: 100%;
        height: 100%;
        z-index: 1001;
        margin: 0;
        background: #e8ebea;
    }

    .site--navigation .page__navigation {
        padding: 0;
    }

    .site--navigation .page__navigation ul ul,
    .site--navigation .page__navigation .sub-menu {
        display: none!Important;
    }

    .site--navigation .page__navigation > li {
        float: none;
        display: block;
        margin: 0;
        border-bottom: 1px solid #c0c3c3;
    }

    .site--navigation .page__navigation > li > a, .site--navigation .page__navigation > li > span {
        color: #65656a;
        text-transform: uppercase;
        font-size: 15px;
        text-decoration: none;
        display: block;
        padding: 15px;
    }

    .site--header .gr__bar {
        position: relative;
    }

    .site--header__aside {
        overflow: hidden;
        padding: 0;
        float: none;
        right: 0;
        padding: 9px 0 5px;

    }

    .aside__selectors {
        width: 100%;
        float: left;
    }

    .aside__selectors .mobile--btns-holder {
        margin-left: 0;
        float: right;
    }

    .aside__selectors .mobile--btns-holder button {
        margin-left: 8px;
    }

    #region--box .list--style1 li {
        max-width: 100%!important;
    }

    #region--box .ccol-md-4 {
        margin-bottom: 20px;
    }

    #region--box .ccol-md-4:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .visible-md {
        display: none!important;
    }

    .breads {
        padding: 0;
    }

    .breads .page--title {
        font-size: 20px;
        padding: 20px 0 10px;
    }

    .site-column {
        float: none;
    }

    .site-column50, .site-column40 {
        width: auto
    }

    .page__navigation--button--mobile {
        height: 32px;
        width: 32px;
        border: solid 1px #F1F1F1;
        padding: 4px;
        border-radius: 3px;
        margin-top: 5px;
        right: 15px;
    }

    .page__navigation--button--mobile a {
        margin: 0;
    }

    .page__navigation--button--mobile a:before {
        background: transparent url(../images/nav.svg) no-repeat center;
        background-size: 20px auto;
        box-shadow: none;
        width: 20px;
        height: 26px;
        top: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .page__navigation--button--mobile.active {
        border: 1px solid #fff;
    }
}

.page-homepage {
    background: #f6f8f7;
}

.home_v2--hero {

}

.home--slide {
    height: 475px;
    position: relative;
}

.home--slide .home-flex-slider {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.home--slide .home-flex-slider:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-image: linear-gradient(255deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.27));
}

.home--slide .hs--content {
    /*position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 5;*/
        color: #fff;
    position: relative;
    z-index: 5;
}

.home--slide .hs--content .slide--text {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    max-width: 450px;
    padding-top: 75px;
}

.home--slide .hs--content .slide--text .welcome-msg {
    padding-bottom: 10px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}

.home--slide .hs--content .slide--text .welcome-msg .greet-text_1 {
    line-height: 1;
}

.home--slide .hs--content .slide--text .welcome-msg .greet-text_2 {
    font-size: 26px;
    line-height: 31px;
    font-weight: bold;
}

.home--slide .hs--content .slide--text .slide--title {
    font-size: 32px;
    line-height: 37px;
    font-weight: bold;
    padding-bottom: 11px;
}

@media (min-width: 576px){
     .slide--title a {
        color: white;
    }

}


.home--slide .hs--content .slide--text .btn-blue {
    max-width: 146px;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: bold;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color:#00843D;
}

.home--slide .hs--content .slide--text .btn-dark-green {
    max-width: 146px;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: bold;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.home-flex-slider li {
    background-repeat: no-repeat;
    background-size: cover;
    height: 530px;
}
div.slide--title a{
    color:#fff;
}
/*
.slide-bg-01 {
    background-image: url(../images/home18/slide-1.jpg);
}

.slide-bg-02 {
    background-image: url(../images/home18/slide-2.jpg);
}

.slide-bg-03 {
    background-image: url(../images/home18/slide-3.jpg);
}
*/
.home--slide .hs--content .flex-control-nav {
    position: static;
    text-align: left;
    margin-top: 20px;
}

.home--slide .hs--content .flex-control-paging li a {
    background-color: #F9F9F9;
    opacity: .5;
}

.home--slide .hs--content .flex-control-paging li:hover a {
    opacity: .85;
}

.home--slide .hs--content .flex-control-paging li .flex-active {
    background-color: #00A1DE;
    opacity: 1;
}

.in_page--slider  {
    background: #fff;
}

.in_page--slider .max--1000 {
    max-width: 1000px;
    margin: 0 auto;
}

.twp--slider h2 {
    font-size: 27px;
    font-weight: bold;
    line-height: 32px;
    color: #018752;
    margin: 0 0 10px;
}

.twp--slider {
    font-size: 16px;
    color: #333;
}


.twp--slider .flex-control-nav a {
    position: relative;
    z-index: 5;
}

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

.twp--slide .carousel--text,
.twp--slide .carousel--photo {
    position: relative;
    width: 100%;
    min-height: 1px;
}

.green--box {
    width: 100%;
    height: 100%;
    background: #018752;
    padding: 15px;
    text-align: center;
    color: #fff;
    display: table;
}

.green--box > .vertical--text {
    display:  table-cell;
    vertical-align: middle;
    font-size: 32px;
    line-height: 36px;
    font-weight: bold;
}

.green--box > .vertical--text span {
    font-size: 16px;
    display: block;
}

.oss--card {
    margin-top: 25px;
    width: 301px;
    background-color: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}

.oss--card .osc-item a {
    text-decoration: none;
    position: relative;
}

.oss--card .osc-item:not(.osc-button):not(.osc-more) > a:not(.osc-active) {
    font-size: 14px;
    line-height: 16px;
    color: #595f66;
    padding: 13px 50px 14px 12px;
    display: block;
    border-bottom: 1px solid #f1f1f1;
}

.oss--card .osc-item:not(.osc-button):not(.osc-more) > a:not(.osc-active):hover {
    background: #00843D;
    color: #fff;
}

.oss--card .osc-item:not(.osc-button):not(.osc-more) > a:not(.osc-active):after {
    content: "\f105";
    font-family: "fontAwesome";
    position: absolute;
    right: 15px;
    font-size: 18px;
    color: #595f66;
}

.oss--card .osc-item:not(.osc-button):not(.osc-more) > a:not(.osc-active):hover:after {
    color: #fff;
}

.oss--card .osc-more > a {
    font-size: 13px;
    line-height: 15px;
    color: #697280;
    display: block;
    padding: 16px 12px 16px 32px;
}

.oss--card .osc-more > a .fa {
    color: #018752;
    font-size: 20px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
    margin: 14px 0 0 12px;
}

.oss--card .osc-button {
    padding: 14px 8px 16px 8px;
    background: #f1f1f1;
    text-align: center;
}

.oss--card .osc-button a.sign {
    font-size: 13px;
    line-height: 15px;
    text-decoration: underline;

}

.oss--card .osc-button .button {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 18px;
}

.oss--card .osc-item > .osc-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #018752;
    padding: 21px 13px 18px 15px;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    display: block;
}

.oss--card .osc-hide {
    display: none;
}

.oss-show .osc-more > a .fa:before {
    content: '';
    font-family: 'Arial', sans-serif;
}

.oss-show .osc-more > a .fa {
    display: inline-block;
    width: 13px;
    height: 17px;
    overflow: hidden;
}

.oss-show .osc-more > a .fa::before,
.oss-show .osc-more > a .fa::after {
    border-radius: 5px;
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #018752;
}
.oss-show .osc-more > a .fa::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.oss-show .osc-more > a .fa::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.flex--wrapper .flex--column {
    position: relative;
    min-height: 1px;
    width: 100%;
}

.featured--promo-blocks h2 {
    font-size: 26px;
    line-height: 24px;
    padding-bottom: 5px;
    font-weight: bold;
    margin: 0;
    color: #018752;
}

.featured--promo-blocks .fpb-intro {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #595F66;
    padding: 30px 0 15px;
}

.fpbs--holder .fpb-card {
    background: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #595f66;
    padding: 57px 50px 64px 50px;
    margin-bottom: 45px;
}

.fpbs--holder .fpb-card  h3 {
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    color: #00A1DE;
    line-height: 23px;
    margin: 29px 0 18px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
}

.fpbs--holder .fpb-card .btn-blue {
    padding: 0 15px;
    line-height: 45px;
    min-width: 180px;
    font-size: 16px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-top: 23px;
}

.fpbs--holder .fpb-card .btn-dark-green {
    padding: 0 15px;
    line-height: 45px;
    min-width: 180px;
    font-size: 16px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-top: 23px;
}


.fpbs--holder {
    margin-top: 40px;
    margin-left: -1px;
    margin-right: -1px;
}

.fpbs--holder .fpb-col {
    padding: 0 1px;
}

.home-news-section {
    margin-bottom: 72px;
}

.home-news-section .hns-header {
    position: relative;
    margin-bottom: 24px;
}

.home-news-section .hns-header h2 {
    font-size: 26px;
    font-weight: bold;
    color: #018752;
    line-height: 31px;
}

.home-news-section .hns-header .hns-read-more {
    line-height: 1;
    border-radius: 3px;
    background-color: #ffffff;
    padding: 8px 11px;
    font-size: 13px;
    text-align: center;
    color: #595f66;
    position: absolute;
    top: 0;
    right: 0;
}

.home-news-section .hns-content {
    margin-left: -8px;
    margin-right: -8px;
}

.home-news-section .hns-content .hns-column {
    padding: 0 8px;
    position: relative;
}

.home-news-section .hns-content .hns-block {
    padding: 16px 17px;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: #595f66;
    position: relative;
    display: block;
}

.home-news-section .hns-content .hns-block:before {
    content: '';
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: .21s ease;
    transition: .21s ease;
}

.home-news-section .hns-content .hns-block:hover:before {
    opacity: 1;
}

.home-news-section .hns-content .hns-block .hns-date,
.home-news-section .hns-content .hns-block .hns-text {
    position: relative;
    z-index: 3;
}

.home-news-section .hns-content .hns-block .hns-text {
    padding-left: 62px;
}

.home-news-section .hns-content .hns-block .hns-date {
    position: absolute;
    left: 0;
    margin: 4px 0 0 17px;
    border-radius: 3px;
    background: #fff;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    color: #018752;
    width: 48px;
    height: 48px;
    line-height: 1;
    padding: 6px 2px 0 2px;
    -webkit-transition: .21s ease-in;
    transition: .21s ease-in;
}

.home-news-section .hns-content .hns-block .hns-date span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.25;
}

.home-news-section .hns-content .hns-block:hover .hns-date {
    color: #fff;
    background: #018752;
}

.flex--media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.promotional-area {
    background-size: cover;
    background-position:center;
    background-repeat:no-repeat;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}

.promotional-area .pa--inner {
    padding: 86px 0 96px;
}

.promotional-area .pa--inner .pa--content {
    max-width: 575px;
}

.promotional-area .pa--inner .pa--content h2 {
    font-size: 34px;
    font-weight: bold;
    line-height: 35px;
    color: #ffffff;
}

.promotional-area .pa--inner .pa--content .promo-area-title {
    font-size: 34px;
    font-weight: bold;
    line-height: 35px;
    color: #ffffff;
}

.promotional-area .pa--inner .pa--content h3 {
    font-size: 20px;
    line-height: 35px;
    color: #8cc63e;
}

.newsletter--bar {
    background-color: #8cc63e;
    font-size: 16px;
    color: #fff;
    padding: 30px 0;
}

.newsletter--bar label {
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: right;
}

.newsletter--bar .input-control,
.newsletter--bar input[type="submit"] {
    display: inline-block;
    vertical-align: middle;
}

.newsletter--bar .input-control {
    border-radius: 3px;
    background-color: #ffffff;
    color: #868f98;
    font-size: 16px;
    padding: 19px 16px 17px 16px;
    height: 53px;
    min-width: 290px;
}

.newsletter--bar input[type="submit"] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 54px;
    text-align: center;
    border: 0;
    line-height: 53px;
    font-size: 16px;
    background: #018752;
    margin-left: 3px;
}

.newsletter--bar input[type="submit"]:active {
    color: #fff;
}

.alert--warning {
    font-size: 16px;
    line-height: 1.5;
    color: #595F66;
    background: #FDF1D5;
    padding:  0;
    position: relative;
    overflow: hidden;
    top: 0;
    visibility: visibile;
    transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}

.alert-hide {
    visibility: hidden;
    height: 0;
    padding: 0;
}

.alert--warning .alert--warning-inner {
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.alert--warning-inner a {
    text-decoration:underline;
    font-weight:bold;
}





.alert--warning .fa {
    color: #F4BA47;
    margin-right: 15px;
    position: absolute;
    left: 0;
    font-size: 18px;
    margin-top:3px;
    padding: 0px;
}

.alert--warning button.close, .alert--warning a.close {
    padding: 0;
    background-color: #595F66;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 24px;
    color: #FDF1D5;
    text-align: center;
    margin:10px 0;
    text-decoration:none;
}

.alert--warning button.close > span, .alert--warning a.close > span  {
    position: relative;
    left: 0.5px;
}

.alert--warning button.close::after,  .alert--warning a.close::after {
    display: block;
    clear: both;
    content: "";
}

@media (min-width: 768px) {
    .flex--wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .flex--col-3 .flex--column {
        -ms-flex: 33.333333333%;
        flex: 0 0 33.333333333%;
        max-width: 33.33333333%;
    }

    .flex--col-4 .flex--column {
        -ms-flex: 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .oss--card {
        float: right;
    }

    .twp--slider .flex-control-nav {
        width: 50%;
        text-align: left;
        bottom: 5px;
    }

    .twp--slider-mw {
        max-width: 980px;
        margin: 0 auto !important;
    }


    .visible--only-mobile {
        display: none!important;
    }
}

@media (min-width: 1200px) {
    .hide--on-desktop {
        display: none;
    }
}

@media (max-width: 1199px) {
    .fpbs--holder {
        margin-top: 0;
    }

    .fpbs--holder .fpb-card {
        padding: 40px 17px 21px 17px;
    }

    .newsletter--bar label {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

    .newsletter--bar .form--input {
        max-width: 495px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1199px) and (min-width: 768px)  {
    .pr-tab-0 {
        padding-right: 0;
    }

    .mr-tab-0 {
        margin-right: 0;
    }
}


@media (max-width: 1024px) {

    .home--slide {
        height: auto;
        position: relative;
    }

    .twp--slider h2 br {
        display: none;
    }
    .visible--only-desktop {
        display: none!Important;
    }

    .hero-slider .carousel-cell {
        background-position:-400px 0px !important;
        }

}

@media (max-width: 767px) {


.hero-slider .over--lay {
            position: absolute;
            width: 100%;
            height: 100%;
            /*background-image: linear-gradient(255deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.27));
            background:black;*/
            filter: opacity(0.5);
        }


    .visible--tab {
        display: none!important;
    }
    .hero-slider .carousel-cell {
        background-position:-500px 0px !important;
        }


    .home--slide .hs--content .slide--text {
        padding-top: 180px !important;
        font-size: 13px;
        line-height: 19px;
        max-width: 292px;
        display:none;
    }

    .home--slide .hs--content .slide--text .welcome-msg {
        margin-bottom: 185px;
    }

    .mx-mob-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .px-mob-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .twp--slide .carousel--text {
        padding: 0 16px 18px 16px;
        text-align: center;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

    .twp--slider .flex-control-nav {
        position: static;
        padding-bottom: 50px;
    }

    .twp--slide .carousel--photo {
        margin-bottom: 24px;
    }

    .oss--card {
        width: auto;
        margin-top: 0;
    }

    .oss--card .osc-button {
        padding-left: 15px;
        padding-right: 15px;
    }

    .oss--card .osc-item:not(.osc-button):not(.osc-more) > a:not(.osc-active) {
        padding-left: 15px;
    }

    .oss--card .osc-more > a .fa {
        margin-left: 15px;
    }

    .fpbs--holder {
        margin: 0;
    }

    .fpbs--holder .fpb-col {
        padding: 0;
    }

    .fpbs--holder .fpb-card {
        margin-bottom: 2px;
    }

    .fpbs--holder .fpb-card h3 {
        border: 0;
        padding-bottom: 6px;
        margin: 44px 0 0;
    }

    .fpbs--holder .fpb-card h3,
    .fpbs--holder .fpb-card .fpb-text {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

    .promotional-area .pa--inner {
        padding-top: 147px;
        padding-bottom: 37px;
    }

    .newsletter--bar {
        padding: 20px 0 31px;
    }

    .newsletter--bar label {
        max-width: 210px;
        margin: 0 auto 3px auto;
        text-align: left;
    }

    .newsletter--bar .form--input {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .newsletter--bar .input-control,
    .newsletter--bar input[type="submit"] {
        display: block;
        width: 100%;
        margin: 15px 0 0;
    }

    .hero-slider .flickity-prev-next-button {
                display: none;
            }

            .user--msg .welcome-msg {
                    padding-top: 19px;
    font-size: 13px;
    line-height: 19px;
    max-width: 292px;
    position: relative;
    bottom: -330px;	}

            .user--msg {
                padding-top: 0 !important;
            }

            .hero-slider .inner {
                position: absolute;
                bottom: 75px;
                left: 0;
            }

            .hero-slider .flickity-page-dots {
                bottom: 24px;
            }
}

.breads .breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0;
}
.breads .breadcrumbs > li {
    display: inline-block;
    margin-right: 4px;
    color: #868F98;
    line-height: 16px;
    font-size: 13px;
    vertical-align: top;
    font-weight: bold;
}
.breads .breadcrumbs > li > a {
    text-decoration: none;
    display: block;
    color: #868F98;
    line-height: 1;
    font-size: 13px;
    font-weight: normal;
}
.breads .breadcrumbs .home--icon {
    background: url(../images/home-icon.png) no-repeat left center;
    width: 19px;
    height: 16px;
    background-size: 100%;
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: top;
}
.breads .page--title {
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    color: #4A4A4A;
    margin-bottom: 4px;
}

.hero-slider {
            height: 475px;
            width: 100%;
            overflow: hidden;
        }

        .hero-slider .carousel-cell {
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
            height: 100%;
            z-index: 11;

        }

        .hero-slider .carousel-cell .inner {
            position: relative;
            z-index: 6;
        }

        .home--slide .hs--content .slide--text {
            padding-top: 165px;
        }

        .hero-slider .over--lay {
            position: absolute;
            width: 100%;
            height: 100%;
            /*background-image: linear-gradient(255deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.27));*/
                    }

        .user--msg {
            position: absolute;
            top: 0;
            left: 0;
            color: #fff;
            z-index: 5;
            width: 100%;
            padding-top: 75px;
        }

        .user--msg .greet-text_1 {
            line-height: 1;
            text-shadow: #303030 2px -2px 5px;
        }

        .user--msg .greet-text_2 {
            font-size: 26px;
            line-height: 31px;
            font-weight: bold;
            text-shadow: #303030 2px -2px 5px;
        }

        .user--msg .welcome-msg {
            max-width: 450px;
            padding-bottom: 10px;
            margin-bottom: 24px;
            border-bottom: 1px solid rgba(255,255,255,0.4);
        }

        .hero-slider .flickity-prev-next-button {
            width: 80px;
            height: 80px;
            background: transparent;
            z-index: 11;
        }

        .hero-slider .flickity-prev-next-button:hover {
            background: transparent;
        }

        .hero-slider .flickity-prev-next-button .arrow {
            fill: white;
        }

        .hero-slider .flickity-page-dots {
            bottom: calc(100% - 425px);
            left: 0;
            right: 0;
            max-width: 1200px;
            margin: auto;
            text-align: left;
        }

        .hero-slider .flickity-page-dots .dot {
            width: 12px;
            height: 12px;
            background: #d5d5d5;
            cursor: pointer;
            text-indent: -9999px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            margin: 0 4px;
        }

        .hero-slider .flickity-page-dots .dot:hover {
            background: #ddd;
            opacity: .85;
        }

        .hero-slider .flickity-page-dots .dot.is-selected {
            background: #00A1DE;
            opacity: 1;
        }

        .slider-overlay-block {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .slider-overlay-block .oss--card {
            position: relative;
            z-index: 10;
        }

        .ui-autocomplete {
            border: 1px solid #F6F8F7;
            border-radius: 3px;
            background-color: #FFFFFF;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
            padding: 0 22px 0 14px;
        }

        .ui-autocomplete > li.ui-menu-item {
            color: #868f98;
            padding: 5px 0 5px 0;
            border-bottom: 1px solid #efefef;
        }

        .ui-autocomplete > li.ui-menu-item .ui-state-active {
            background: none!important;
            border: 0!important;
            padding: 0!important;
            color: #000!important;
        }

        .ui-autocomplete > li a.see-all {
            border: 1px solid #868f98;
            text-decoration: none;
            text-align: center;
            display: inline-block;
            line-height: 1;
            font-size: 14px;
            color: #868f98;
            border-radius: 3px;
            padding: 12px 15px;
            margin: 15px 0;
        }

        @media (max-width: 1199px) {
            .hero-slider .flickity-page-dots {
                padding: 0 15px;
                max-width: 100%;
            }
        }


        .light-gray-bg{
            background-color:#f1f1f1
        }

        .ui-autocomplete {
            border: 1px solid #F6F8F7;
            border-radius: 3px;
            background-color: #FFFFFF;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
            padding: 0 22px 0 14px;
        }

        .ui-autocomplete > li.ui-menu-item {
            color: #868f98;
            padding: 5px 0 5px 0;
            border-bottom: 1px solid #efefef;
        }

        .ui-autocomplete > li.ui-menu-item .ui-state-active {
            background: none!important;
            border: 0!important;
            padding: 0!important;
            color: #000!important;
        }

        .ui-autocomplete > li a.see-all {
            border: 1px solid #868f98;
            text-decoration: none;
            text-align: center;
            display: inline-block;
            line-height: 1;
            font-size: 14px;
            color: #868f98;
            border-radius: 3px;
            padding: 12px 15px;
            margin: 15px 0;
        }


        .article-img {
        width:100%;
            }




  .dw-card-content-db{

text-align:center;

}

.dw-card-content-db h3{

color:#696969 !important;

}

/*  always on banner start */
.always-on-banner-db-container{
    background-color: #118752;
    color: white;
    border-radius: 10px;
    box-shadow: #696969 0px 0px 5px;

    }


    .banner-fixed{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    }


    .banner-inherit{
    position: inherit;

    }


    .always-on-banner-db{
    width:1000px;
    color:white;
    font-size:22px;
    text-align: center;
    margin:auto;
    display:table;
    font-weight: bold;
    }
    .always-on-banner-db a{
    background-color: white;
    color:#696969;
    padding:10px 40px;
    font-size:15px;
    border-radius: 5px;
    font-weight: bold;;
    }
    .always-on-banner-db div  {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    height:100px;
    }

    .always-on-banner-db-location{

    height:100px;
    margin:65px 0 40px;
    }



    @media (max-width: 1024px){


        .always-on-banner-db{
            width:100%;
            color:white;
            font-size:22px;
            text-align: center;
            margin:auto;
            display:table;
            font-weight: bold;
            }

            .always-on-banner-1 img{


        margin:0 15px;

    }






    }



    @media (max-width: 767px) {
        .always-on-banner-db div  {
            display:table-cell;
            vertical-align:middle;
            text-align:left;
            height:100px;
            }


    .always-on-banner-db-container{
    background-color: #118752;
    color: white;
    border-radius: 0px !important;
    box-shadow: #696969 0px 0px 5px;

    }



    .always-on-banner-1 img{

        width:50px;
        margin:0 5px 0 15px;

    }


    .always-on-banner-2 {

        width:45%;
        font-size:13px;

    }


    .always-on-banner-db a{
        background-color: white;
        color:#696969;
        padding:10px 5px;
        font-size:13px;
        border-radius: 5px;
        font-weight: bold;
        margin:0 13px 0 0;
        }
    }
    /*  always on banner end */


    .video-tutorial-container {
    max-width: 1300px;
    display: flex;
    flex-wrap: wrap;
    margin:auto;
}

.video-tutorial-card {

    display: flex;
    width: 600px;
    height: 150px;
    margin:auto;
    padding:0 20px;
}

.text-box-image-wrapper {
    display: table;
    height: 150px;
}

.text-box-image-container {
    display: flex;
}




.video-tutorial-card .right-text-box h2 {
    color: #696969;
    font-size: 22px;
    font-weight: bold;
    margin:0 0 10px 0;
    text-align:left;
}

.video-tutorial-card .right-text-box {
    margin: 21px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.video-tutorial-card .right-text-box p {
    font-size: 15px;
    color:#696969;
}

.video-tutorial-container .table {
    display: table;
    height: 108px;
    margin:0 auto;
    width:300px;
}

.video-tutorial-container .table-cell {
    display: table-cell;
    vertical-align: middle;
}

.secondary-text-banner {
margin:0 auto ;

}

.side-buttons a{

display:inline-block;
margin: 10px 10px 0 0;

}

@media (max-width: 767px) {
    .video-tutorial-card  {
        width:100%;
        display: block;
        height: auto;
        }

        .secondary-text-banner p{
margin:0 auto 30px !important;

}


.mobile-email{
    font-size:16px !important;
}

        .text-box-image-wrapper {
            margin:auto;
        }

        .video-tutorial-card .right-text-box {
            display:block;
            text-align: center;
            margin: 0px auto;
        }

        .video-tutorial-card .right-text-box p{
            margin: 10px ;
        }
        .video-tutorial-card .right-text-box p{
            margin:auto;
            text-align:left;
        }

.video-tutorial-container .table{
    height:125px;
}


.video-tutorial-card .right-text-box h2{

    text-align:left;
}


.video-tutorial-card .right-text-box{

padding:0px 10px !important;
}


    }



    @media (max-width: 350px) {
.mobile-email{
    font-size:13px !important;
 }



}





.secondary-text-banner p{
    color:#696969;
    text-align: center;
    font-size:15px;
    max-width: 1000px;
    margin:40px auto 80px;
    padding: 0 35px;
}


.business-online-banking-body h1{
    color: #018752;
    font-weight: bold;
    text-align: center;
    font-size: 25px;
     margin: auto 20px 40px;;
}
.business-online-banking-body{

    background-color:#fff;
     padding: 60px 0;
}

.h3-alt{
    color:#696969;
    text-align: center;
    font-size:18px;
    margin:20px auto;
    font-weight: bold;
    padding:0 10px;
}

.h4-alt{
    color:#01834F;
    text-align: center;
    font-size:18px;
    margin:20px auto;
    font-weight: bold;
    padding:0 20px;
    line-height:1.2;

}



.myCarousel-ath-movil-business .carousel-indicators .active{

background-color: #008754 !important;
margin: 0 5px 0 0;
}

.myCarousel-ath-movil-business .carousel-indicators li{
  background-color: #D5D5D5 !important;
}

.item-ath-movil-business img{

margin: 0 auto;
height:400px !important;

}


.carousel-indicators-ath-movil-business{
  bottom: -50px !important;

}

.download-links img{
 margin: 0px 5px;

}



.item-ath-movil-business .numbers
{
  color:white;
  background-color:#018752;
  line-height: 50px;
  width:50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  margin:50px auto 0px;
  font-weight: bold;
  font-size: 30px;



}
.dark-green-big{
  color:#007c29;
  font-weight: bold;
  font-size:30px;
}

.myCarousel-ath-movil-business h4{
  color:#007c29;
  font-weight: bold;
  font-size:30px;
}

.myCarousel-ath-movil-business h4, .myCarousel-ath-movil-business p {

  text-align: center !important;
}


.myCarousel-ath-movil-business p{
  width:400px;
  margin:20px auto;
  min-height: 40px;
  line-height: 1.8;
  font-size: 16px;
}

.myCarousel-ath-movil-business{
  width:500px;
  margin:auto;
}

.myCarousel-ath-movil-business .carousel-control.left, .carousel-control.right {
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)))  !important ;
  height: 40px;
  width: 40px;
}



.myCarousel-ath-movil-business .carousel-control{
  top:400px;
  height:40px;
  color:#82bb42 !important;
  font-size: 40px;
  text-shadow: none;
  opacity: 1 !important;
}

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

    .carousel-indicators-ath-movil-business{
        top: 765px !important;
    }
.myCarousel-ath-movil-business .carousel-control.left{
   top: 750px !important;
    margin-left:50px !important;


}




.myCarousel-ath-movil-business .carousel-control.right{
   top: 750px !important;
    margin-right:50px !important;


}

.download-links img{
    margin: 0 !important;
}




}

@media only screen and (min-width: 768px) and (max-width: 1024px)   {
.banca__bg--ath{

    background-image: url(../images/ath/new/header-tablet.png) !important

}


}






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

  .dark-green-big{
      color:#007c29;
      font-weight: bold;
      font-size:26px !important;
      line-height: 30px;
      letter-spacing: -0.25px;
    }

.banca__bg--ath {
background-image: url(../images/ath/new/header-mobile.png) !important;
background-size: cover !important;
height: 500px !important;

}



.ath-movil-business-hero p{

font-size:16px !important;
margin: 0 10px;
}



.ath-movil-business-hero h1{

margin: 20px 0 0 0;
line-height: 28px !important;
font-size:21px !important;
}


    .myCarousel-ath-movil-business{
  width:100%;
  margin:auto;
}



.myCarousel-ath-movil-business p{
    width: 100%;
}

.myCarousel-ath-movil-business .carousel-control.left{
    top:720px;
    margin-left:100px;


}

.myCarousel-ath-movil-business .carousel-control.right{
  top:720px;
    margin-right:100px;

}

.carousel-indicators-ath-movil-business{
    top:735px;
}



}



.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
    .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x
}

.carousel-control:focus,
.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    filter: alpha(opacity=90);
    opacity: .9
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1
}

.carousel-control .icon-prev:before {
    content: "\2039"
}

.carousel-control .icon-next:before {
    content: "\203a"
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }
    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
    display: none!important
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none!important
}

@media (max-width:767px) {
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table!important
    }
    tr.visible-xs {
        display: table-row!important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block!important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline!important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table!important
    }
    tr.visible-sm {
        display: table-row!important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table!important
    }
    tr.visible-md {
        display: table-row!important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table!important
    }
    tr.visible-lg {
        display: table-row!important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block!important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline!important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block!important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }
    table.visible-print {
        display: table!important
    }
    tr.visible-print {
        display: table-row!important
    }
    td.visible-print,
    th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@font-face {
font-family: "Glyphicons Halflings";
src: url(../fonts/glyphicons-halflings-regular.eot);
src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

.black{

    color: black !important;
}

.light-green{


    color: #018752;
}



  .ath-movil-business-boxes p{
text-align:left;

}


 .ath-movil-business-boxes h5{

    font-size:24px;
font-weight:bold;
text-align:left ;
margin: 0 0 15px 0;

}
.dark-green{
    color:#007C29 !important;
}

.white{
color: #ffffff !important;

}


.margin20{

margin:0 25px;

}

.margin-sides-10{

    margin: 0 10px;

    }



.inner-legal p{

margin:20px 0;

}


   .inner-legal{
    background-color: #028753;
    padding: 40px 40px;
    font-size: 15px;
    color: #fff;
    text-align: center;
}


.logo-text-logo{

padding: 80px 20px;

}

.logo-text-logo h2{
text-align:center  !important;
margin:20px 0 !important;
}



.accordion-table th{

color:#018752;
padding: 10px 20px 5px 0;

}




.accordion-table td{
padding:0 20px 0 0;

}


.margin-40-tb{

margin: 40px 0;

}


.text-15px{

font-size:15px;

}





.conectate-button {
    border: 1px solid #398145;
    border-radius: 3px;
    background: white url("../images/lock-green.svg") no-repeat right 10px center;
    background-size: 9px auto;
    color: #398145;
    font-weight: bold;
    padding: 8px 30px 7px 12px;

}

.conectate-button:focus {
    box-shadow: 0 0 7px #038459;
}

.site--header__aside .oss--card {
    position: absolute;
    z-index: 11;
    top: 100%;
    right: 0;
    margin-top: 0;
    border-top: 5px solid #398145;
    display: none;
}

.oss--card .close-trigger {
    position: absolute;
    right: 13px;
    top: 14px;
    color: #000;
    border: 0;
    font-size: 24px;
    line-height: 1;
}

.mobile-search-box .search-group {
    max-width: 633px;
    margin: 10px auto;
    height: 40px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
}

.mobile-search-box .search-group .search__field {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
    width: 40px;
    height: 40px;
    background-size: 14px auto;
    border: 0;
    border-left: 1px solid #ddd;
    padding: 0;
    background-color: transparent;
}


.mobile-search-box .input-search {
    height: 40px;
    width: calc(100% - 40px);
    background: 0 0;
    padding: 6px 10px;
}

.__HeroText {
    padding-top: 72px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    max-width: 450px;
}

.__HeroContent .welcome-msg {
    max-width: 450px;
    padding-bottom: 10px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}

.__HeroContent .welcome-msg .greet-text_1 {
    line-height: 1;
    text-shadow: #303030 2px -2px 5px;
}

.__HeroContent .welcome-msg .greet-text_2 {
    font-size: 26px;
    line-height: 31px;
    font-weight: bold;
    text-shadow: #303030 2px -2px 5px;
}

.__HeroTextTitle {
    font-size: 32px;
    line-height: 37px;
    font-weight: 700;
   }

.__HeroText .btn-green {
    max-width: 146px;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: 700;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.__HeroText .btn-blue {
    max-width: 146px;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: 700;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


@media screen and (min-width: 1025px) {
    .mobile-search-box {
        display: none;
    }
}


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


    .site--header__aside .oss--card {
        right: 0;
        left: 0;
        margin: 0 auto;
        max-width: 1024px;
    }
}

@media screen and (max-width: 1024px) {
    .site--navigation {
        top: 52px;
    }

        .__HeroSection {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 576px) {
    .__HeroContent {
        position: relative;
        height: auto;
        min-height: 475px;
        padding-bottom: 40px;
    }

    .__HeroContent .site__wrapper,
    .__HeroContent .site__container,
    .__HeroContent .n-row,
    .__HeroContent .ccol-md-6 {
        height: 100%;
    }

    .__HeroContent .welcome-msg .greet-text_1,
    .__HeroContent .welcome-msg .greet-text_2 {
        text-shadow: none;
    }

    .__HeroText {
        padding-top: 28px;
        margin: auto;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    ._HeroContent {
        background-color: rgba(0, 132, 61, 0.9);
        padding: 18px;
        color: white;
        max-width: 92%;
        margin: auto auto 0 auto;
    }

    .__HeroText .btn-green {
        display: block;
        width: 100%;
        max-width: 100%;
        background-color: white;
        color: #1b732b!important;
    }
        .__HeroText .btn-blue {
        display: block;
        width: 100%;
        max-width: 100%;
        background-color: white;
        color: #1b732b!important;
    }

}

/* tooltip css */
.tooltip-box {
    background: white;
    font-size: 14px;
    line-height: 19px;
    color: #0b0b0b;
    border-radius: 6px;
    max-width: 300px;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 999;
    margin-top: -10px;
    display: none;
}
.tooltip-box:after {
    bottom: 100%;
    right: 40px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.tooltip-box-inner {
    padding: 25px;
    overflow: hidden;
}
.tooltip-title {
    color: #398145;
    font-size: 19px;
    margin: 0 0 15px;
}
.tooltip-box .btn-green {
    width: 131px;
    height: 35px;
    float: right;
    font-weight: bold;
    margin-top: 20px;
    padding: 0;
    line-height: 1;
}
@media (max-width: 1199.99px) {
    .tooltip-box {
        right: 15px;
        top:135%;
    }
}


@media (min-width: 1025px) and (max-width: 1199.99px) {

.tooltip-box {
        right: 15px;
        top:170px;
    }
.site--header__aside .oss--card {
top:150px;

}

}
@media (max-width: 1024px) {
    .tooltip-box {
        margin: 25px auto 0 auto;
    }

    .tooltip-box:after {
        right: 60px;
    }

    .site--header__aside .oss--card {
        /*max-width: inherit;*/
        width:103%;
        margin-left: -15px;
        margin-right: -10px;
        border-top: 1px solid #f0f0f0;
    }

    .oss--card .osc-button .button {
        background: #00843D;
        border-color: #00843D;
    }

    .conectate-button {
        background: #00843D url('../images/lock-white.svg') no-repeat right 10px center;
        background-size: 11px auto;
        color: white;
    }

    .open-contact-popup {
        position: relative;
        overflow-y: hidden!important;
    }

    .open-contact-popup:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(0,0,0,0.50);
        z-index: 9;
    }

    .open-contact-popup .header--wrapper {
        position: relative;
        z-index: 1002;
        background-color: white;
    }
}
@media (max-width: 576px) {
    .site--header__aside .oss--card {
        max-width: inherit;

        margin-left: -15px;
        margin-right: -15px;
        border-top: 1px solid #f0f0f0;
    }

}
@media (max-width: 375px) {
    .tooltip-box:after {
        right: 100px;
    }
}

    .__HeroSection {
    position: relative;
    overflow: hidden;
}

.__Herobg {
    /*background-image: url(assets/images/hero/hero-1x_w_375.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.__HeroContent {
    height: 475px;
    background-image: linear-gradient(255deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.27));
}

/*Smart Cash
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap");
@import url("https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css");*/
:root { --primary-color: #008754; --light-green: #8dc541; --primary-text-color: #0e845c; --bg-grey: #f6f8f7; }

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

.sc--container { max-width: 1200px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }

@media (max-width: 767px) { .sc--container { max-width: 576px; } }

@media (max-width: 575px) { .sc--container { padding-left: 20px; padding-right: 20px; } }

.sc--hero { background-color: var(--primary-color); padding-top: 20px; color: white; line-height: 1.5; font-size: 16px; }

@media (max-width: 992px) { .sc--hero { font-size: 14px; } }

@media (max-width: 767px) { .sc--hero { text-align: center; font-size: 14px; } }

.sc--hero h1 { font-size: 40px; font-weight: bold; color: white; line-height: 1.2; letter-spacing: -0.11px; margin: 0 0 15px; }

@media (max-width: 992px) { .sc--hero h1 { font-size: 36px; } }

@media (max-width: 767px) { .sc--hero h1 { font-size: 28px; } }

@media (max-width: 575px) { .sc--hero h1 { font-size: 20px; } }

.sc-hero-content { padding-top: 75px; max-width: 580px; }

@media (max-width: 1199px) { .sc-hero-content { padding-top: 50px; } }

@media (max-width: 767px) { .sc-hero-content { padding-top: 0; padding-bottom: 20px; } }

.sc-hero-image { text-align: right; }

.sc-hero-image > img { vertical-align: top; }

@media (max-width: 575px) { .sc-hero-image > img { max-width: 200px; } }

@media (max-width: 767px) { .sc-hero-image { text-align: center; } }

.scs2 { background-color: #f6f8f7; padding-top: 40px; padding-bottom: 20px; }

@media (max-width: 767px) { .scs2 { padding-top: 20px; padding-bottom: 20px; } }

.scs2 h2 { font-size: 32px; font-weight: bold; line-height: 1.25; letter-spacing: normal; color: #0e845c; margin-bottom: 8px;  margin: 0px 0px 35px 0 !important;}

@media (max-width: 1199px) { .scs2 h2 { font-size: 32px; } }

@media (max-width: 767px) { .scs2 h2 { font-size: 24px; text-align: center; } }

@media (max-width: 575px) { .scs2 h2 { font-size: 18px; } }

.scs2-point { margin-top: 30px; font-weight: normal; line-height: 1.39; color: #303030; overflow: hidden; }

@media (max-width: 575px) { .scs2-point { margin-top: 20px; } }

.scs2-point .scs2-content { overflow: hidden; }

.scs2-point .scs2-title { font-size: 18px; line-height: 1.56; background-repeat: no-repeat; background-position: left top; min-height: 75px; padding-left: 100px; display: table; }

.scs2-point .scs2-title > span { display: table-cell; vertical-align: middle; }

@media (max-width: 767px) { .scs2-point .scs2-title { font-size: 14px; background-size: 56px auto; padding-left: 70px; min-height: 56px; width: 100%; } }

.scs2-point .scs2-icon-01 { background-image: url(../images/icon-01.svg); }

.scs2-point .scs2-icon-02 { background-image: url(../images/icon-02.svg); }

.scs2-point .scs2-icon-03 { background-image: url(../images/icon-03.svg); }

.scs2-point .scs2-icon-04 { background-image: url(../images/icon-04.svg); }

.scs2-point .scs2-icon-05 { background-image: url(../images/icon-05.svg); }

.scs2-point ul { margin-top: 20px; margin-left: 110px; font-size: 16px; }

@media (max-width: 767px) { .scs2-point ul { margin-left: 88px; font-size: 12px; margin-top: 10px; } }

.sc-info-box { padding: 25px 20px; border-radius: 6px; background-color: #ffffff; }

@media (max-width: 575px) { .sc-info-box { max-width: 360px; margin-left: auto; margin-right: auto; } }

@media (max-width: 1199px) { .sc-info-box { margin-top: 50px; } }

.sc-info-box .sc-note { padding: 13px 15px 13px 60px; border-radius: 6px; background-color: #f7f7f7; font-size: 14px; font-weight: normal; line-height: 1.14; color: #303030; position: relative; margin-bottom: 20px; }

@media (max-width: 575px) { .sc-info-box .sc-note { font-size: 11px; padding-left: 50px; } }

.sc-info-box .sc-note-icon { background: url(../images/exclamation.svg) no-repeat center; width: 29px; height: 25px; display: block; background-size: 100%; position: absolute; top: 14px; left: 15px; margin-right: 10px; }

@media (max-width: 575px) { .sc-info-box .sc-note-icon { width: 20px; height: 17px; top: 16px; } }

.sc-info-content { text-align: center; font-size: 15px; font-weight: normal; line-height: 1.4; letter-spacing: -0.19px; text-align: center; color: #000000; border-bottom: 1px solid #dcdcdc; padding-bottom: 24px; margin-bottom: 24px; }

@media (max-width: 575px) { .sc-info-content { font-sizE: 12px; letter-spacing: -0.15px; line-height: 18px; } }

.sc-info-content img { margin-bottom: 20px; }

.sc-info-content h4 { font-size: 20px; font-weight: bold; letter-spacing: -0.25px; color: #008754; margin-bottom: 15px; }

@media (max-width: 575px) { .sc-info-content h4 { font-size: 18px; } }

.sc-info-content .max270 { margin: 0 auto; max-width: 270px; }

.sc-mobile-app { font-size: 15px; font-weight: normal; line-height: 1.4; letter-spacing: -0.19px; text-align: center; color: #000000; }

.sc-mobile-app .sc-app-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

.sc-mobile-app .sc-app-group a { margin-top: 20px; display: block; }

.sc-tabs { padding-top: 60px; max-width: 1040px; margin: 0 auto; }

@media (max-width: 767px) { .sc-tabs .sc--container { max-width: 100%; padding-left: 0; padding-right: 0; } }

.js-tabs { max-width: 1100px; margin: 0 auto; }

.js-tabs__header { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.02px; border-bottom: 1px solid #dcdcdc; }

.js-tabs__header a { text-decoration: none; }

@media (max-width: 992px) { .js-tabs__header { font-size: 18px; } }

@media (max-width: 767px) { .js-tabs__header { overflow-x: auto; font-size: 15px; } }

.js-tabs__title { color: #747474; position: relative; padding: 0 38px 24px 38px; display: block; white-space: nowrap; }

@media (max-width: 992px) { .js-tabs__title { padding: 0 15px 10px 15px; } }

.js-tabs__title:after { content: ''; background-color: #0e845c; height: 0; width: 100%; position: absolute; bottom: 0px; left: 0; -webkit-transition: .21s; transition: .21s; }

.js-tabs__title-active { color: #0e845c; }

.js-tabs__title-active:after { height: 4px; }

.js-tabs__content { padding-top: 60px; padding-bottom: 60px; text-align: center; }

@media (max-width: 575px) { .js-tabs__content { padding-top: 30px; padding-bottom: 30px; } }

.sc-slider { font-size: 16px; font-weight: normal; line-height: 1.5; text-align: center; color: #000000; padding-left: 30px; padding-right: 30px; }

@media (max-width: 575px) { .sc-slider { font-size: 14px; } }

.sc-slider h4 { font-size: 26px; font-weight: bold; line-height: 1.15; letter-spacing: normal; color: #0e845c; }

@media (max-width: 575px) { .sc-slider h4 { font-size: 16px; } }

.sc-slider .sc-rounded { width: 50px; height: 50px; display: block; line-height: 50px; border-radius: 50%; text-align: center; color: white; background-color: #82bb42; font-size: 24px; font-weight: bold; letter-spacing: normal; color: #ffffff; margin: 40px auto 19px auto; }

@media (max-width: 575px) { .sc-slider .sc-rounded { width: 40px; height: 40px; line-height: 40px; } }

.sc-slider .splide__pagination { position: unset; -webkit-transform: unset; transform: unset; padding-top: 40px; }

.sc-slider .splide__pagination__page { width: 11px; height: 11px; }

.sc-slider .splide__pagination__page.is-active { -webkit-transform: unset; transform: unset; background: var(--primary-color); }

.sc-slider p { margin-bottom: 20px; }

.sc-slider .sc-slide__content { padding-bottom: 30px; }

.sc-cta { font-size: 19px; font-weight: normal; line-height: 1.58; color: #595f66; }

@media (max-width: 575px) { .sc-cta { font-size: 16px; } }

.sc-cta .sc--container { max-width: 1000px; }

.sc-cta a { color: #0e845c; text-decoration: underline; }

.sc-cta .sc-cta_left { font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.37; letter-spacing: -0.25px; color: #5e5b61; margin: 0px 0px 10px 0px; }

@media (max-width: 575px) { .sc-cta .sc-cta_left { font-size: 22px; } }

.sc-cta .sc-cta_left, .sc-cta .sc-cta_right { padding-top: 60px; }

@media (max-width: 575px) { .sc-cta .sc-cta_left, .sc-cta .sc-cta_right { padding-top: 30px; } }

@media (max-width: 575px) { .sc-cta .sc-cta_right { padding-top: 10px; } }

.sc-cta .sc-cta-inner { border-top: 1px solid #dcdcdc; padding-bottom: 60px; }

@media (max-width: 575px) { .sc-cta .sc-cta-inner { padding-bottom: 30px; } }

.sc-form { padding-top: 60px; padding-bottom: 60px; background-color: #f6f8f7; }

@media (max-width: 767px) { .sc-form { padding-top: 30px; padding-bottom: 30px; }
  .sc-form .sc--container { padding-left: 0; padding-right: 0; } }

.sc-form h2 { font-size: 32px; font-weight: bold; line-height: 1.28; text-align: center; color: #0e845c; text-align: center; }

@media (max-width: 992px) { .sc-form h2 { font-size: 28px; } }

@media (max-width: 767px) { .sc-form h2 { font-size: 24px; } }

@media (max-width: 575px) { .sc-form h2 { font-size: 18px; } }

.sc-form .sc-form-inner { padding: 30px 25px 5px 23px; border-radius: 8px; background-color: #ffffff; max-width: 575px; margin: 40px auto 0 auto; }

@media (max-width: 575px) { .sc-form .sc-form-inner { border-radius: 0; } }

@media (max-width: 575px) { .sc-form .sc-form-inner { margin-top: 24px; } }

.sc-form .form-field { margin-bottom: 25px; }

.sc-form label { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; font-weight: bold; color: #303030; margin-bottom: 7px; display: block; }

.sc-form label .required { color: red; font-weight: 300; }

.sc-form .input-class { width: 100%; display: block; padding: 13px 199px 13px 20px; border-radius: 3px; border: solid 1.4px rgba(195, 195, 195, 0.97); background-color: #f8f8f8; font-size: 16px; color: #000; height: 45px; }

.sc-form ::-webkit-input-placeholder { font-size: 16px; font-weight: 500; color: #9c9c9c; }

.sc-form :-ms-input-placeholder { font-size: 16px; font-weight: 500; color: #9c9c9c; }

.sc-form ::-ms-input-placeholder { font-size: 16px; font-weight: 500; color: #9c9c9c; }

.sc-form ::placeholder { font-size: 16px; font-weight: 500; color: #9c9c9c; }

.sc-form select.input-class { padding: 0; }

.sc-form textarea.input-class { height: 140px; }

.sc-form .form-check { display: inline-block; vertical-align: top; position: relative; }

@media (max-width: 992px) { .sc-form .form-check { width: calc(50% - 10px); } }

.sc-form .form-check + .form-check { margin-left: 14px; }

.sc-form .form-check label { display: block; position: relative; padding: 15px 20px 15px 47px; border-radius: 3px; border: solid 1.5px rgba(195, 195, 195, 0.97); background-color: #f8f8f8; font-size: 14px; line-height: 1.25; margin: 0; }

.sc-form .form-check input[type="radio"] { position: absolute; width: 100%; height: 100%; overflow: hidden; opacity: 0; }

.sc-form .form-check input[type="radio"] + label:before { content: " "; display: inline-block; vertical-align: top; }

.sc-form .form-check input[type="radio"] + label:before { border: 2px solid #879099; background: none; border-radius: 50%; width: 20px; height: 20px; position: absolute; left: 15px; top: 12px; }

.sc-form .form-check input[type="radio"] + label:after { content: " "; display: block; position: absolute; width: 12px; height: 12px; left: 19px; top: 16px; margin-left: 0; margin-top: 0; border-radius: 50%; background: #018752; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.sc-form .form-check input[type="radio"]:checked + label:before { background: none; border-color: #018752; }

.sc-form .form-check input[type="radio"]:checked + label:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.sc-form .form-check input[type="radio"]:checked + label { color: var(--primary-color); }

.sc-form .form-check.radio-terms { display: block; }

@media (max-width: 992px) { .sc-form .form-check.radio-terms { width: 100%; } }

.sc-form .form-check.radio-terms label { background: none; border: 0; padding: 0 0 0 30px; }

.sc-form .form-check.radio-terms input[type="checkbox"] { position: absolute; width: 100%; height: 100%; overflow: hidden; opacity: 0; }

.sc-form .form-check.radio-terms input[type="checkbox"] + label:before { content: " "; display: inline-block; vertical-align: top; }

.sc-form .form-check.radio-terms input[type="checkbox"] + label:before { border: 2px solid #879099; background: none; border-radius: 50%; width: 20px; height: 20px; position: absolute; left: 0; top: 0; }

.sc-form .form-check.radio-terms input[type="checkbox"] + label:after { content: " "; display: block; position: absolute; width: 12px; height: 12px; left: 4px; top: 4px; margin-left: 0; margin-top: 0; border-radius: 50%; background: #018752; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.sc-form .form-check.radio-terms input[type="checkbox"]:checked + label:before { background: none; border-color: #018752; }

.sc-form .form-check.radio-terms input[type="checkbox"]:checked + label:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.sc-form .form-check.radio-terms input[type="checkbox"]:checked + label { color: #000; }

.sc-form .sc-submit-btn { display: inline-block; padding: 13px 26px 13px 27px; border-radius: 3px; border: solid 1px #00843d; background-color: #00843d; font-size: 16px; font-weight: bold; text-align: center; color: #ffffff; }

@media (max-width: 992px) { .sc-form .sc-submit-btn { display: block; width: 100%; } }

@media (min-width: 992px) { .sc-form .sc-text-lg-right { text-align: right; } }

/* SmartCash April 2021 */
.sc-hero-video { background-color: var(--primary-color); padding: 50px 0; font-size: 18px; line-height: 1.44; color: #ffffff; }

@media (max-width: 575px) { .sc-hero-video { font-size: 14px; } }

.sc-hero-video h1 { font-size: 40px; font-weight: bold; line-height: 1.18; letter-spacing: -0.11px; margin-bottom: 15px; }

@media (max-width: 1024px) { .sc-hero-video h1 { font-size: 32px; } }

@media (max-width: 575px) { .sc-hero-video h1 { font-size: 20px; } }

.sc-hero-video .v-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sc-hero-video .mb-0 { margin-bottom: 0; }

@media (max-width: 575px) { .sc-hero-video { padding: 25px 0 30px 0; } }

.schv-content { padding-right: 60px; }

@media (max-width: 991px) { .schv-content { padding-right: 0; text-align: center; padding-bottom: 30px; max-width: 630px; margin: 0 auto; } }

@media (max-width: 575px) { .schv-content { max-width: 320px; } }

.schv-btns-group a { color: white; border: 2px solid white; font-family: "Arial", sans-serif; font-size: 18px; font-weight: bold; text-align: center; padding: 13px 45px; display: inline-block; border-radius: 4px; margin-top: 25px; line-height: 1.125; }

@media (max-width: 767px) { .schv-btns-group a { font-size: 16px; padding: 14px 15px; line-height: normal; } }

@media (max-width: 1100px) { .schv-btns-group a { font-size: 16px; } }

.schv-btns-group a + a { margin-left: 20px; }

@media (max-width: 767px) { .schv-btns-group a + a { margin-left: 2px; } }

.schv-btns-group a.filled { color: var(--primary-text-color); background-color: white; }

@media (max-width: 991px) { .schv-btns-group { text-align: center; } }

.graphic-line { background: url(../images/graphic_line.svg) no-repeat; background-size: cover; height: 8px; width: 100%; }

/* Youtube video CSS */
.y-tube { background-color: #000; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; border-radius: 6px; border: 2px solid white; }

@media (max-width: 991px) { .y-tube { max-width: 630px; margin: 0 auto; } }

.y-tube img { width: 100%; top: 0; left: 0; border-radius: 6px; display: block; }

.y-tube .play-button { width: 100px; height: 100px; border: 5px solid var(--light-green); z-index: 1; border-radius: 50%; }

@media (max-width: 575px) { .y-tube .play-button { width: 56px; height: 56px; border-width: 2.5px; } }

.y-tube .play-button:before { content: ""; margin-left: 2px; border-style: solid; border-width: 18px 0 18px 28px; border-color: transparent transparent transparent var(--light-green); }

@media (max-width: 575px) { .y-tube .play-button:before { border-width: 10px 0 10px 14px; } }

.y-tube img, .y-tube .play-button { cursor: pointer; }

.y-tube img, .y-tube iframe, .y-tube .play-button, .y-tube .play-button:before { position: absolute; }

.y-tube .play-button, .y-tube .play-button:before { top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.y-tube iframe { height: 100%; width: 100%; top: 0; left: 0; }

.--sc-cards { background-color: var(--bg-grey); padding-top: 50px; padding-bottom: 60px; }

@media (max-width: 575px) { .--sc-cards { padding-top: 30px; padding-bottom: 40px; } }

.--sc-cards h2 { font-size: 28px; font-weight: bold; line-height: 1.36; letter-spacing: -0.44px; text-align: center; color: #303030; padding-bottom: 12px; margin: 0; }

.--sc-cards h2 > span { color: #0E8157; display: block; }

@media (max-width: 575px) { .--sc-cards h2 > span { display: unset; } }

@media (max-width: 575px) { .--sc-cards h2 { padding-bottom: 22px; font-size: 18px; line-height: 22px; } }

.sc--card { padding: 43px 49px 43px 50px; border-radius: 6px; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; height: 100%; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

@media (max-width: 575px) { .sc--card { padding: 25px 8px 17px 8px; } }

.sc--card h3 { font-family: 'Helvetica', Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: normal; text-align: center; color: var(--primary-text-color); text-decoration: underline; margin: 20px 0 0; }

@media (max-width: 575px) { .sc--card h3 { font-size: 13px; margin-top: 10px; } }

.sc--card:hover h3 { text-decoration: none; }

.ccol-card { margin-top: 30px; }

@media (max-width: 575px) { .ccol-card { margin-top: 8px; padding-left: 4px; padding-right: 4px; } }

.sc-s3 .scs3, .sc-s3 .sc-cta-inner { padding-left: 75px; padding-right: 75px; }

@media (max-width: 1199px) { .sc-s3 .scs3, .sc-s3 .sc-cta-inner { padding-left: 2%; padding-right: 2%; } }

@media (max-width: 575px) { .sc-s3 .scs3, .sc-s3 .sc-cta-inner { padding-left: 0; padding-right: 0; } }

.sc-s3 .sc-cta .sc--container { max-width: 1200px; }

.scs3 { padding: 60px 0; }

@media (max-width: 575px) { .scs3 { padding: 40px 0; } }

.scs3 .v-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.service-nav { border-radius: 6px; border: solid 1px #dedede; background-color: #ffffff; }

.service-nav h4 { font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.2px; text-align: left; color: #303030; padding: 25px 20px; }

.service-nav h4 .fa { color: var(--light-green); margin-right: 10px; }

.service-nav ul { list-style: none; padding: 0; margin: 0; border-radius: 0 0 6px 6px; }

.service-nav li:last-child a { border-radius: 0 0 6px 6px; }

.service-nav a { background-color: #fbfbfb; border-top: 1px solid rgba(230, 230, 230, 0.52); font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: -0.18px; color: var(--primary-text-color); padding: 20px; display: block; text-decoration: underline; }

.service-nav a:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 900; float: right; }

.service-nav a:hover { background-color: white; text-decoration: none; }

.sc-cta-group { padding-left: 0px; }

.sc-cta-group .n-row { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

.sc-cta-block { font-size: 16px; line-height: 1.44; text-align: center; color: #000000; }

.sc-cta-group .manuals-box ul li a{

  font-size:14px;
  font-weight:bold;
  color:#0E8154;
  text-decoration:underline;


  }

  .margin-auto{
      margin:auto;
  }


  .padding-60-tb{

  padding: 60px 0;
  }

  .sc-s3-bg{
  background-color: #fff;
  padding: 60px 0;

  }




  .sc-cta-group .manuals-box ul li{
  text-align:left;
  }

  .sc-cta-group .manuals-box ul {
      list-style-image:url(http://www.1firstbank.com/_catalogs/masterpage/assets/images/checkmark.png) ;

  }




  .sc-cta-group .manuals-box ul{

  padding-top:20px;
  margin:auto;
  display:inline-block;
  }
  .no-padding{
      padding: 0 0 0 0 !important;
  }
@media (max-width: 575px) { .sc-cta-block { line-height: 23px; max-width: 280px; margin-left: auto; margin-right: auto; } }

.sc-cta-block p a, .sc-cta-block p span { color: #0E8154; font-weight: bold; }

@media (max-width: 991px) { .sc-cta-block { margin-top: 50px; } }

.sc-primary-btn { background-color: #00843d; display: inline-block; padding: 15px 45px; line-height: normal; color: #fff; font-family: 'Arial', sans-serif; margin-top: 30px; font-size: 17px; font-weight: bold; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-transition: all .51s; transition: all .51s; }

.sc-primary-btn:hover { background-color: #00843d; border-radius: 100px; }

.sc-cta .sc-cta-inner > .n-row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sc-video-list { background-color: var(--bg-grey); padding-top: 60px; padding-bottom: 45px; }

@media (max-width: 767px) { .sc-video-list { padding-top: 30px; padding-bottom: 40px; } }

.sc-video-list .scs-vtitle { font-size: 32px; font-weight: bold; line-height: 1.28; letter-spacing: normal; text-align: center; color: #0e845c; margin-bottom: 45px; }

@media (max-width: 767px) { .sc-video-list .scs-vtitle { margin-bottom: 20px; font-size: 18px; line-height: 22px; } }

.sc-cta-inner.border-0 { border: 0; }

.ytube-modal { position: relative; display: block; }

.ytube-modal .play-button { width: 70px; height: 70px; border: 3px solid white; z-index: 1; border-radius: 50%; }

.ytube-modal .play-button-green { width: 70px; height: 70px; border: 3px solid #89c349; z-index: 1; border-radius: 50%; }

.ytube-modal .play-button-gray { width: 70px; height: 70px; border: 3px solid #696969; z-index: 1; border-radius: 50%; }

@media (max-width: 575px) { .ytube-modal .play-button { width: 56px; height: 56px; border-width: 2.5px; } .ytube-modal .play-button-green { width: 56px; height: 56px; border-width: 2.5px; } .ytube-modal .play-button-gray { width: 56px; height: 56px; border-width: 2.5px; } }

.ytube-modal .play-button:before { content: ""; margin-left: 2px; border-style: solid; border-width: 14px 0 14px 24px; border-color: transparent transparent transparent white; }
.ytube-modal .play-button-green:before { content: ""; margin-left: 2px; border-style: solid; border-width: 14px 0 14px 24px; border-color: transparent transparent transparent #89c349; }
.ytube-modal .play-button-gray:before { content: ""; margin-left: 2px; border-style: solid; border-width: 14px 0 14px 24px; border-color: transparent transparent transparent #696969; }

@media (max-width: 575px) { .ytube-modal .play-button:before { border-width: 10px 0 10px 14px; } .ytube-modal .play-button-green:before { border-width: 10px 0 10px 14px; } }

.ytube-modal .play-button { cursor: pointer; }

.ytube-modal .play-button, .ytube-modal .play-button:before { position: absolute; }

.ytube-modal .play-button, .ytube-modal .play-button:before { top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.ytube-modal .play-button-green { cursor: pointer; }

.ytube-modal .play-button-green, .ytube-modal .play-button-green:before { position: absolute; }

.ytube-modal .play-button-green, .ytube-modal .play-button-green:before { top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }


.ytube-modal .play-button-gray { cursor: pointer; }

.ytube-modal .play-button-gray, .ytube-modal .play-button-gray:before { position: absolute; }

.ytube-modal .play-button-gray, .ytube-modal .play-button-gray:before { top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }



.sc-video-card { padding: 25px 25px 39px; border-radius: 6px; background-color: #ffffff; font-size: 14px; line-height: 1.64; letter-spacing: normal; color: #333333; margin-bottom: 25px; }

@media (max-width: 767px) { .sc-video-card { padding: 14px 14px 30px 14px; font-size: 12px; line-height: 21px; margin-bottom: 20px; } }

.sc-video-card .sc-video-wrapper { margin-bottom: 30px; }

.sc-video-card .sc-video-wrapper img { border-radius: 4px; width: 100%; height: auto; }

.sc-video-card .sc-video-title { font-size: 24px; font-weight: bold; line-height: normal; letter-spacing: normal; color: #303030; margin-bottom: 20px; }

@media (max-width: 767px) { .sc-video-card .sc-video-title { font-size: 16px; }
.d-lg-none.mobile-service-menu{
  position: -webkit-sticky;
position: sticky;
top: 0;
z-index:9;


}
}

 .fa-chevron-left{
margin-right:10px;
}


.sc-video-card p { margin-bottom: 20px; }

.sc-video-card p:last-child { margin-bottom: 0; }

.sc-video-card ul, .sc-video-card ol { padding-left: 17px; margin-bottom: 20px; }

@media (min-width: 768px) { .sc-v-row { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; }
  .sc-v-col { display: inline-block; width: 100%; }


  }

@media (max-width: 1199px) { .sc-cta-group { padding-left: 0; } }

@media (max-width: 575px) { .sc-card-row { margin-left: -4px; margin-right: -4px; }
  .sc-cta .sc-cta-inner { text-align: center; } }

.sc-faqs-list { padding: 30px 0; background-color: var(--bg-grey); }

@media (max-width: 991px) { .sc-faqs-list { padding: 20px 0 40px; } }

.sc-faq-title { font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #515151; margin-bottom: 5px; }

.sc-faq-nav { padding: 28px 30px 30px 30px; border-radius: 6px; background-color: #ffffff; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.64; letter-spacing: -0.09px; color: #6d6b6b; width: 100%; }

.sc-faq-nav ul { list-style: none; padding: 0; margin: 0; }

.sc-faq-nav a:hover { color: #0e845c;  }

.sc-faq-nav a { color: #6d6b6b; display: block; padding: 15px; position: relative; }

.sc-faq-nav .toc-list { overflow: hidden; position: relative; }

.sc-faq-nav .reg-link { color: #0e845c; font-weight: bold; padding: 0; margin-top: 20px; }

.sc-faq-nav .toc-link::before { top: 0; width: 1px; background-color: #e5e5e5; }

.sc-faq-nav .is-active-link::before { background-color: white; }

.sc-faq-nav .is-active-link::after { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: var(--light-green); position: absolute; left: 0; top: 50%; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.is-position-sticky { position: -webkit-sticky; position: sticky; top: 120px; }

.sc-faq-content { padding: 30px 30px 5px 30px; border-radius: 6px; background-color: #ffffff; font-size: 14px; line-height: 1.64; letter-spacing: normal; color: #333333; margin-bottom: 30px; }

@media (max-width: 575px) { .sc-faq-content { font-size: 12px; line-height: 21px; padding: 15px 20px 5px 20px; } }

.sc-faq-content:last-child { margin-bottom: 0; }

.sc-faq-content h2 { margin: 0 0 20px; font-family: HelveticaNeue; font-size: 18px; font-weight: bold; line-height: normal; letter-spacing: normal; color: #0e845c; }

.sc-faq-content h2:after { content: ''; background-color: #8cc63e; width: 56px; height: 4px; display: block; margin-top: 14px; }

@media (max-width: 575px) { .sc-faq-content h2 { font-size: 16px; }
  .sc-faq-content h2:after { margin-top: 10px; } }

.sc-faq-content p { margin-bottom: 15px; }

.sc-faq-content ul, .sc-faq-content ol { padding-left: 1rem; margin-bottom: 20px; }

.msm-link { padding: 16px 15px; background-color: #ffffff; font-size: 16px; font-weight: bold; line-height: normal; color: #515151; border: 0; display: block; text-align: left; width: 100%; border-radius: 0; position: relative; border-bottom: 1px solid #e5e5e5; overflow: hidden; }

.msm-link:after { content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.msm-menu { display: block; max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); list-style: none; padding: 0; margin: 0; }

.msm-menu a { background-color: #fff; color: #6d6b6b; display: block; padding: 15px 15px; border-bottom: 1px solid #e5e5e5; }

.msm-menu.show { max-height: 99em; -webkit-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; }

.msm-menu-b { display: block; max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); list-style: none; padding: 0; margin: 0; }

.msm-menu-b a { background-color: #fff; color: #6d6b6b; display: block; padding: 15px 15px; border-bottom: 1px solid #e5e5e5; }

.msm-menu-b.show { max-height: 99em; -webkit-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; }

@media (max-width: 991px) { .scroll-start .sc-faqs-header { /*position: fixed; top: 52px; left: 0; width: 100%; z-index: 99;*/ } }

.YouTubePopUp-Wrap { position: fixed; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; z-index: 9999999999999; }

.YouTubePopUp-animation { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUp; animation-name: YouTubePopUp; }

@-webkit-keyframes YouTubePopUp { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes YouTubePopUp { 0% { opacity: 0; }
  100% { opacity: 1; } }

body.logged-in .YouTubePopUp-Wrap { /* For WordPress */ top: 32px; z-index: 99998; }

.YouTubePopUp-Content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; }

.YouTube-iframe { max-width: 800px; width: 100%; height: 450px; max-height: 90%; margin: 0 40px; position: relative; background-color: #000; }

.YouTubePopUp-Content iframe { width: 100%; height: 100%; max-width: 100% !important; max-height: 100%; min-width: 100%; min-height: 100%; margin: 0 !important; padding: 0 !important; outline: none !important; display: block; border: 5px solid #fff; border-radius: 3px; -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); background-color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; }

.YouTubePopUp-Hide { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUpHide; animation-name: YouTubePopUpHide; }

@-webkit-keyframes YouTubePopUpHide { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes YouTubePopUpHide { 0% { opacity: 1; }
  100% { opacity: 0; } }

.YouTubePopUp-Close { position: absolute; top: 0px; cursor: pointer; left: -36px; margin: auto 0; margin: auto 0; width: 24px; height: 24px; background: url(../images/cancel.svg) no-repeat; background-size: 24px 24px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; }

.YouTubePopUp-Close:hover { opacity: 0.5; }

/* Tablet & Mobile Style */
@media all and (max-width: 782px) { .YouTube-iframe, .Video-PopUp-Content { max-width: 480px !important; height: 270px !important; } }

@media all and (max-width: 320px) { .YouTube-iframe, .Video-PopUp-Content { max-width: 240px !important; height: 140px !important; } }

/*end*/

.text-15px{

font-size:15px;

}

@media (max-width: 767px) {
.splide__slide img {

height: 400px !important;

}

}

.ul-text-align-left li{
text-align:left;
}


    /*switches*/
     .switch-on-off-wrapper{
      width: 100px;
      height: 40px;
      border-radius: 25px;
      box-shadow: inset 0 0 4px #696969;
      }
      .switch-on-off-wrapper .switch-circle{
      background-color: white;
      width: 50px;
      height: 30px;
      display: inline-block;
      border-radius: 20px;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
      position: relative ;
      top:5px;
      }
      p.switch-on-off-text {
      color:#006630;
      margin: 7px auto;
      text-align:center;
      font-weight: bold;
      font-family: Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      text-align: center;
      }


      .switch-on-wrapper{
      background-color: #8cc63e;
      animation-name: switch-on-wrapper-animation;
      animation-duration: 1s;
      }


      .switch-off-wrapper{
      background-color:#cccccc ;
      animation-name: switch-off-wrapper-animation;
      animation-duration: 1s;
      }
      @keyframes switch-on-wrapper-animation {
      from {background-color: #cccccc;}
      to {background-color: #8cc63e;}
      }
      @keyframes switch-off-wrapper-animation {
      from {background-color: #8cc63e;}
      to {background-color:#cccccc ;}
      }
      .switch-on{
      left: 45px ;
      animation-name: switch-on-animation;
      animation-duration: 1s;
      }

      .switch-off{
      left: 5px ;
      animation-name: switch-off-animation;
      animation-duration: 1s;
      }
      @keyframes switch-on-animation {
      from {  left: 5px ;}
      to {  left: 45px ;}
      }
      @keyframes switch-off-animation {
      from {  left: 45px ;}
      to {  left: 5px ;}
      }




/* ALWAYS ON BUTTON */

.switch-on-off-wrapper2{
      width: 100px;
      height: 40px;
      border-radius: 25px;
      box-shadow: inset 0 0 4px #696969;
      }
      .switch-on-off-wrapper2 .switch-circle{
      background-color: white;
      width: 50px;
      height: 30px;
      display: inline-block;
      border-radius: 20px;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
      position: relative ;
      top:5px;
      }

      .switch-on-wrapper2{
      background-color: #cccccc;

      }
      .switch-on2{
      left: 45px ;

      }

      p.switch-on-off-text2 {
      color:#006630;
      margin: 7px auto;
      text-align:center;
      font-weight: bold;
      font-family: Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      text-align: center;
      }

  /*CTB*/



  .politica_de_privacidad_page_section{
      background-color: #fff;
   }
   .politica_de_privacidad_page_section table{
      border-collapse: collapse;
   }
   .politica_de_privacidad_page_section .rev{
   font-family: arial;
   color: black;
   float: right;
   font-size: 10px;
   }
   .politica_de_privacidad_page_section h2{
   margin: 0px;
   padding: 10px;
   background-color:#303030;
   color: #fff;
   font-weight: bold;
   }
   .politica_de_privacidad_page_section .top-text{
   font-family: arial;
   color: black;
   text-align: left;
   border-bottom: 1px solid black;
   padding-left: 15px;
   margin-top: 40px;
   }
   .ul-two-columns{
   columns: 2;
   -webkit-columns: 2;
   -moz-columns: 2;
   }

   .politica_de_privacidad_page_section ul{

   margin: 20px;
}
   .politica_de_privacidad_page_section .text{
   font-family: arial;
   color: black;
   text-align: left;
   border: 1px solid #bfbfbf;
   background-color: white;
   font-weight: 200;
   padding: 20px;
   font-size: 14px;
   width: 100%;
   margin: 0px;
   }
   .politica_de_privacidad_page_section .text2{
   font-family: arial;
   color: black;
   text-align: left;
   background-color: white;
   font-weight: 200;
   padding: 5px 5px;
   font-size: 14px;
   width: 100%;
   margin: 0 auto;
   }

   .politica_de_privacidad_page_section .text3{
   font-family: arial;
   color: #fff;
   text-align: left;
   font-weight: 200;
   padding: 0px 5px;
   font-size: 14px;
   width: 100%;
   }

.politica_de_privacidad_page_section .valign-top{
    vertical-align: top;
   padding: 20px 20px !important;
}
   .politica_de_privacidad_page_section h3{
   color: white;
   text-align:center;
   margin:  0 0 0 0px ;
   font-weight:bold;
   }
   .politica_de_privacidad_page_section .th-h3{
   background-color: #303030;
   width: 20%;
   vertical-align:top;
    padding: 20px 0;
   }
   .politica_de_privacidad_page_section .table-border-style{
   border: 1px solid #bfbfbf;
   border-collapse: collapse;
   }
   .politica_de_privacidad_page_section .table-border-style td, .politica_de_privacidad_page_section .table-border-style th {
   border: 1px solid #bfbfbf;
   text-align: left;
   padding: 8px;
   }

   .politica_de_privacidad_page_section .custom-table-div1{
   background-color: #303030;
   margin: 0;
   }
   .politica_de_privacidad_page_section .custom-table h3 {
   margin: 0 0 0 20px;
   padding: 20px;
   }
   .politica_de_privacidad_page_section .custom-table .inner-table th {
      border: 1px solid #bfbfbf;
   border-collapse: collapse;
   padding: 15px;
   }

   .politica_de_privacidad_page_section .custom-table .inner-table th:first-child {
      background-color: #303030;
   }

   .politica_de_privacidad_page_section .custom-table .inner-table th:nth-child(2) {
     width: 80%;
   }

   .politica_de_privacidad_page_section th, .politica_de_privacidad_page_section tr{
      margin: 0;
      padding: 0;
   }









       .banner-text-button h3{
           font-size:26px;
           text-align: center;
            font-weight: bold;
            color: #303030;
            letter-spacing: -0.2;
            line-height: 34px;
       }

       .banner-text-button .button{
          margin:auto;
       }

        .p-style-title
        {
          font-size:16px;
        }
    ul.green-bullet-ul-style
       {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
       }
       .green-bullet-ul-style li
       {
        font-size:16px;
        margin: 10px 0;
       }

       .visa-infinite-holder{
           box-shadow: 0 -3px 4px 0 #eee;
       }

      .visa-infinite-row{
            justify-content: center;
            }

            .visa-infinite-ul{

            margin:10px 0px;

            }


            .visa-infinite-ul li{
                display: inline-block;
            margin:20px 0px;


        }


@media (min-width: 1024px) {

  .visa-infinite-ul li{
   display: inline-block;
  margin:5px 0px;
  height:60px;
  }

  }

        .visa-infinite-ul li p{

margin: 0px 30px;
}

.toggle-radio-img{

    margin:auto;
    display: table;

}

        .visa-infinite-ul li:before{
        content: '\2022';
    margin-right: 15px ;
    float:left;
    margin-top: -8px;
    font-size:30px;
    color: #8DC541;
}

.margin40{

    margin: 0 40px;

    }


      .visa-infinite-holder .hero-image img {
      width:400px;
      }
      .visa--hero-white{
      background-color: #fff;
      padding: 60px 0px;
      }
      .visa-hero-content{
      text-align: center;
      padding: 30px 10px 30px 50px;
      margin: auto;
      max-width:482px;
      }
      .visa-hero-content h1{
      font-size:27px;
      }
      .visa-hero-content p{
      font-size:18px;
      margin-top:18px;
      }
      /* The container */
      .visa-side-radio-buttons .container {
      display: inline-block;
      position: relative;
      padding: 15px 30px;
      margin: 0 0 0 25px;
      cursor: pointer;
      font-size: 18px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      }

       .visa-side-radio-buttons .radio-1{

color: #0E845C;
font-weight:bold;

}

       .visa-side-radio-buttons .radio-1,  .visa-side-radio-buttons .radio-2{

width: 136px;

}

      .visa-side-radio-buttons .container.border-right{
      border-right: 1px solid #bcbcbc;
      }
      /* Hide the browser's default radio button */
      .visa-side-radio-buttons .container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      }
      /* Create a custom radio button */

      .visa-side-radio-buttons .checkmark-gray {
      position: absolute;
      top: 2px;
      left: 0px;
      height: 18px;
      width: 18px;
      background-color: #bcbcbc;
      border-radius: 50%;
      margin-top:15px;
      border: #fff solid 2px;
      }


      .visa-side-radio-buttons .checkmark-black {
          position: absolute;
          top: 2px;
          left: 0px;
          height: 18px;
          width: 18px;
          background-color: black;
          border-radius: 50%;
          margin-top:15px;
          border: #fff solid 2px;
          }
      /* On mouse-over, add a grey background color */
      .visa-side-radio-buttons .container input:checked ~ .checkmark {
          background-color: #008754;
          height:25px;
          width:25px;
          top: -1px;
          left: -3px;
          }
              /* Create the indicator (the dot/circle - hidden when not checked) */
      .visa-side-radio-buttons .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      }
      /* Show the indicator (dot/circle) when checked */
      .visa-side-radio-buttons .container input:checked ~ .checkmark:after {
      display: block;
      }
      /* Style the indicator (dot/circle) */
      .visa-side-radio-buttons .container .checkmark-gray:after {
      top: 2px;
      left: 2px;
      width: 17px;
      height: 17px;
      border-radius: 50%;
      background: #bcbcbc;
      border: 2px solid #fff;
      }

      .visa-side-radio-buttons .container .checkmark-black:after {
          top: 2px;
          left: 2px;
          width: 17px;
          height: 17px;
          border-radius: 50%;
          background: black;
          border: 2px solid #fff;
          }



      .visa-side-radio-buttons{
      border: 1px solid #bcbcbc;
      border-radius: 30px;
      width:335px;
      margin: -20px auto;
      position:relative;
      background-color: #fff;
      top: 10px;
      }
      .visa-tabs-menu{
      max-width: 1000px;
      margin:auto;
      }
      .visa-infinite-topnav-wrapper{
      margin: auto;
      display: table;
      }
      .visa-infinite-topnav {
      overflow: hidden;
      background-color: #fff;
      border-top: 1px solid #E9E9E9;
      border-bottom: 1px solid #E9E9E9;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
      margin: 0px 0;
      padding: 0px 0px;
      }
      .visa-infinite-topnav a {
      float: left;
      display: block;
      color: #696969;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 16px;
      }

      .visa-infinite-topnav .icon {
      display: none;
      }
      .dropdown {
      float: left;
      overflow: hidden;
      }
      .dropdown .dropbtn {
      font-size: 17px;
      border: none;
      outline: none;
      color: white;
      padding: 14px 16px;
      background-color: inherit;
      font-family: inherit;
      margin: 0;
      }
      .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
      }
      .dropdown-content a {
      float: none;
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;
      }
      /* .visa-infinite-topnav a:hover, .dropdown:hover .dropbtn {
      background-color: #555;
      color: white;
      } */
      .dropdown-content a:hover {
      background-color: #ddd;
      color: black;
      }
      .dropdown:hover .dropdown-content {
      display: block;
      }

      @media screen and (min-width: 1101px) {

.visa--container .ccol-md-4{

max-width: 482px !important;

}
}


@media screen and (min-width: 768px) and (max-width: 1100px) {


  .visa--container .ccol-md-4{

      max-width: 100% !important;

  }

  .visa-infinite-holder .hero-image img {
width: 90%;
margin: auto;
display: block;

  }



  .visa--hero-white{
  background-color: #fff;
  padding:0 0 60px 0px;
  }



  .visa-hero-content {
text-align: center;
padding: 40px 20px;

margin: auto;

}

.visa-infinite-row{
        flex-direction:column-reverse;
        }


ul.green-bullet-ul-style
   {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
   }






      .visa-infinite-topnav-wrapper{
          margin: auto;
          display: table;

          }




  .visa-infinite-topnav.responsive {position: relative;}
  .visa-infinite-topnav.responsive .icon {
  position: absolute;
  right: 0;
  top: 0;
  }



  .visa-infinite-topnav .menu-item {
      margin: 0 0 0 40px;

      }

  .visa-infinite-topnav.responsive .dropdown {float: none;}
  .visa-infinite-topnav.responsive .dropdown-content {position: relative;}
  .visa-infinite-topnav.responsive .dropdown .dropbtn {
  display: block;
  width: 100%;
  text-align: left;
  }



  }





@media screen and (max-width: 767px) {
   .p-style-title{
text-align:center;
}

.banner-text-button h3{
font-size: 20px;
line-height:22px;

}

      .visa-infinite-topnav a:not(:first-child), .dropdown .dropbtn {
      display: none;
      }
      .visa-infinite-topnav a.icon {
      float: none;
      display: block;
      position: absolute;
      right:0;
      margin: 0 0 0 0;
      }
      .visa-infinite-holder .hero-image img {
    width: 90%;
    margin: auto;
    display: block;

      }

    .visa-infinite-topnav hr{
margin: 0px;
}

      .visa--hero-white{
      background-color: #fff;
      padding:0 0 30px 0px;
      }



      .visa-hero-content {
    text-align: center;
    padding: 40px 20px;

    margin: auto;

}

 .visa-infinite-row{
            flex-direction:column-reverse;
            }


ul.green-bullet-ul-style
       {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
       }

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


          .visa-infinite-topnav a {
              font-weight:bold;
          }



          .visa-infinite-topnav .active {
              background-color: #fff;
              color: #008754;

              }


          .visa-infinite-topnav-wrapper{
              margin: auto;
              display: table;
              width:100%;
              }




      .visa-infinite-topnav.responsive {position: relative;}
      .visa-infinite-topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
      }
      .visa-infinite-topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
      }





      .visa-infinite-topnav .menu-item {
          margin: 0 0 0 40px;

          }

      .visa-infinite-topnav.responsive .dropdown {float: none;}
      .visa-infinite-topnav.responsive .dropdown-content {position: relative;}
      .visa-infinite-topnav.responsive .dropdown .dropbtn {
      display: block;
      width: 100%;
      text-align: left;
      }
      }


      .btn-green-style-1{
    background-color:#fff ;
    width:300px;
    text-align: center;
    padding: 12px 20px;
    color: #696969;
    border: 2px solid #19835d;
    border-radius: 5px;
    font-size: 14px;
    margin: 12px auto 0 auto;


}

.btn-green-style-1:hover{
    background-color:#19835d ;

    color: #fff;


}

.btn-green-style-1 a{
    color:#19835d;
    font-weight: bold;
    font-size:20px;
    padding: 10px 5px;

}

.btn-green-style-1:hover a{
    color:#fff;


}

.btn-green-style-1 .tel-icon{
    background-image: url("/_catalogs/masterpage/assets/images/ctb-icons/phone-green.svg") ;
    background-repeat: no-repeat;
    margin:5px 0px;
    width: 25px;
    height: 25px;
    float: left;
}

.btn-green-style-1:hover .tel-icon{
    background-image: url("/_catalogs/masterpage/assets/images/ctb-icons/phone-white.svg") ;
    background-repeat: no-repeat;


}

.visa-infinite-topnav hr{
    display: none;
}

.visa-infinite-choose-card span{

  font-size:17px;
  color:#696969;
}



.icon-down-margin{

  margin-top: -15px !important;

}


.visa-infinite-topnav .fa-chevron-right{
  position: absolute;
  left: 20px;
  margin-top: 2px;
}

.visa-infinite-topnav .fa {

  color: #008754;
  font-size:20px;
}



@media screen and (min-width: 768px) {
  .visa-infinite-topnav .active,  .visa-infinite-topnav a:hover  {
      background-color: #fff;
      color: #696969;
      border-bottom: solid 3px #008754;
      }



.btn-green-style-1{

    float:right;

}

.visa-infinite-choose-card{
  display:none;

}



}

.dw-hero-dark-gray{

    background-color: #696969;

}


.arrow-icon-visa-infinite-up{
background-color:red;
}

.arrow-icon-visa-infinite-down{
background-color:blue;
}

.justify {
    text-align:justify;
}

/*tabla comparativa infinite*/
@charset "UTF-8";
@-webkit-keyframes slide-off {
from {
  left: 45px; }
to {
  left: 5px; } }
@keyframes slide-on {
from {
  left: 5px; }
to {
  left: 45px; } }
.compare-container {
}
.compare-container table {
  border-collapse: collapse;
  border-spacing: 0; }
.compare-container .header-mobile {
  width: 100%; }
  @media (min-width: 901px) {
    .compare-container .header-mobile {
      display: none; } }
.compare-container .header-mobile .menu-m {
  border-radius: 100px;
  background: #0e845c;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  border: solid 0.5px #d8d8d8;
  padding: 3px 4px 3px 4px;
  overflow: hidden;
  float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px; }
  .compare-container .header-mobile .menu-m .menu-item {
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    border-radius: 100px;
    padding: 7px 32px 7px 31px;
    margin: 0;
    width: 50%;
    height: 32px;
    float: left;
    text-decoration: none;
    text-align: center; }
    .compare-container .header-mobile .menu-m .menu-item:last-child {
      float: right; }
    @media (max-width: 900px) {
      .compare-container .header-mobile .menu-m .menu-item.b-active {
        background: #ffffff;
        color: #0e845c;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.21);
        -webkit-animation: slide-on 0.5s forwards;
        animation: slide-on 0.5s forwards; } }
    @media (max-width: 900px) {
      .compare-container .header-mobile .menu-m .menu-item.no-active {
        color: #ffffff;
        background: #0e845c;
        -webkit-animation: slide-off 0.5s forwards;
        animation: slide-off 0.5s forwards; } }
.compare-container .compare-header {
  background: #0e845c;
  text-align: center;
  padding: 72px 0; }
  @media (max-width: 900px) {
    .compare-container .compare-header {
      padding: 30px 23px; margin-top:0px;} }
  .compare-container .compare-header p,
  .compare-container .compare-header h1 {
    color: #fff;
    text-align: center;
    width: 100%;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto; }
  .compare-container .compare-header h1 {
    font-size: 36px;
    line-height: 1;
    margin-bottom: 13px;
    font-weight: bold; }
    @media (max-width: 900px) {
      .compare-container .compare-header h1 {
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        margin-bottom: 0; } }
  .compare-container .compare-header p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0; }
    @media (max-width: 900px) {
      .compare-container .compare-header p {
        display: none; } }
.compare-container .page {

  padding-top: 0; }
.compare-container .compare-table-item {
  width: 100%; }
  .compare-container .compare-table-item tbody > tr > td {
    vertical-align: top;
    color: #303030;
    padding: 30px;
    padding: 25px 30px 25px 30px;
    border-top: 0; }
    @media (min-width: 901px) {
      .compare-container .compare-table-item tbody > tr > td {
        border-top: 1px solid #ececec !important; } }
    @media (max-width: 900px) {
      .compare-container .compare-table-item tbody > tr > td {
        border-top: 1px solid #ffffff !important;
        padding: 10px 15px 10px 15px; } }
    .compare-container .compare-table-item tbody > tr > td .compare-btn {
      color: #fff !important;
      text-decoration: none;
      font-size: 14px !important;
      font-weight: bold !important; }
      .compare-container .compare-table-item tbody > tr > td .compare-btn:active, .compare-container .compare-table-item tbody > tr > td .compare-btn:focus {
        color: #fff !important;
        background: #0e845c;
        box-shadow: none;
        padding: 15px 40px; }
  .compare-container .compare-table-item tbody > tr:first-child > td {
    border-top: none !important; }
  .compare-container .compare-table-item .title {
    width: 30%;
    /*background: yellow;*/ }
    @media (max-width: 900px) {
      .compare-container .compare-table-item .title {
        width: 40px; } }
    .compare-container .compare-table-item .title .lbl-row {
      font-size: 13px;
      font-weight: bold;
      color: #0e845c;
      text-align: right;
      width: 100%;
      display: block; }
      .compare-container .compare-table-item .title .lbl-row a {
        color: #0e845c;
        text-decoration: underline;
        font-weight: bold;
        }
        .compare-container .compare-table-item .title .lbl-row a:hover {
          color: #0e845c;
          text-decoration: underline;
          font-weight: bold;
          }
      @media (max-width: 900px) {
        .compare-container .compare-table-item .title .lbl-row {
          font-size: 12px; } }
  .compare-container .compare-table-item .title-separation,
  .compare-container .compare-table-item .separation {
    width: 0;
         padding: 0 0 0 30px; }
  .compare-container .compare-table-item .title-separation {
    padding-left: 15px; }
  @media (max-width: 900px) {
    .compare-container .compare-table-item .separation {
      display: none; } }
  .compare-container .compare-table-item .description {
    width: 35%;
    background: #f6f8f7; }
    @media (max-width: 900px) {
      .compare-container .compare-table-item .description {
        width: 70%; } }
  .compare-container .compare-table-item .type-header {
    vertical-align: center; }
   .compare-container .compare-table-item .type-header .type-wp {
      display: block;
      flex-flow: row wrap;
      align-content: flex-end;
      background: #ffffff;
      border: 2px solid #8dc541;
      padding: 20px 20px 20px;
      font-size: 20px;
      font-weight: normal;
      line-height: 24px;
      color: #000;
      border-radius: 5px;
      text-align:center; }
      @media (max-width: 900px) {
        .compare-container .compare-table-item .type-header .type-wp {
          font-size: 16px;
          line-height: 1;
          padding: 10px 40px; } }
      .compare-container .compare-table-item .type-header .type-wp strong {
        width: 100%;
        display: block;
        font-size: 20px; }
        @media (max-width: 900px) {
          .compare-container .compare-table-item .type-header .type-wp strong {
            font-size: 16px;
            line-height: 1; } }
      .compare-container .compare-table-item .type-header .type-wp .text {
        display: block;
        overflow: hidden;
        font-size: 20px; }
        @media (max-width: 900px) {
          .compare-container .compare-table-item .type-header .type-wp .text {
            font-size: 16px;
            line-height: 1; } }
    .compare-container .compare-table-item .type-header.type-2 .type-wp {
      border-color: #0e845c; }
  .compare-container .compare-table-item .description .type-wp * {
    color: #303030;
    font-size: 13px; }
  .compare-container .compare-table-item .description .type-wp ul {
    list-style: none;
    margin: 0; }
  .compare-container .compare-table-item .description .type-wp ul li {
    line-height: 1.5;
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 5px;
    padding-left: 20px; }
    .compare-container .compare-table-item .description .type-wp ul li:before {
      content: "•";
      color: #8dc541;
      display: inline-block;
      width: 1em;
      margin-left: -20px; }
    .compare-container .compare-table-item .description .type-wp a {
      text-decoration: underline; }
  .compare-container .compare-table-item .table-compare-header tr td {
    border-bottom: none !important; }
    .compare-container .compare-table-item .table-compare-header tr td.description {
      border-bottom: 5px solid red !important; }
  .compare-container .compare-table-item tbody tr.table-r-1 td {
    border-top: none !important; }
  .compare-container .compare-table-item tbody tr:last-child td {
    border-bottom: none; }
  @media (max-width: 900px) {
    .compare-container .compare-table-item tbody tr .description {
      display: none; }
    .compare-container .compare-table-item tbody tr .r-active {
      display: table-cell; } }
  .compare-container .compare-table-item tbody tr.table-footer {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: table-row !important;
    float: none; }
    @media (max-width: 900px) {
      .compare-container .compare-table-item tbody tr.table-footer {
        display: none !important; } }
    @media (max-width: 900px) {
      .compare-container .compare-table-item tbody tr.table-footer .title {
        /*display: none;*/ } }
.compare-container .table-footer {
  width: 100%;
  position: relative;
  float: left;
  clear: both;
  display: none; }
  @media (max-width: 900px) {
    .compare-container .table-footer {
      display: block; }
      .compare-container .table-footer .description {
        display: none; } }
  @media (max-width: 900px) {
    .compare-container .table-footer .description.r-active {
      height: 80px;
      position: relative;
      left: 0;
      bottom: 0;
      display: block; }
      .compare-container .table-footer .description.r-active .compare-btn {
        margin-top: 15px;
        position: absolute;
        height: 50px;
        width: 100%;
        left: 0;
        top: 0;
        border-radius: 4px; } }

/*tabla end*/






/*contact us start */

.contact-container {
background: #F6F8F7; }
.contact-container .header-mobile {
  width: 100%; }
  @media (min-width: 901px) {
    .contact-container .header-mobile {
      display: none; } }
.contact-container .heading {
  margin-bottom: 0;
  height: auto;
  min-height: 20px;
  padding-left: 20px; }
.contact-container .contact-header {
  min-height: 50px;
  background: #008754;
  text-align: left;
  padding: 40px 0; }
  @media (max-width: 900px) {
    .contact-container .contact-header {
      padding: 30px 0; } }
  .contact-container .contact-header h1 {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 40px;
    line-height: 1; }
    @media (max-width: 800px) {
      .contact-container .contact-header h1 {
        font-size: 28px;
        line-height: 1.07; } }
.contact-container .contact-body {
  padding-top: 50px;
  width:100%; }
  @media (max-width: 800px) {
    .contact-container .contact-body {
      padding-top: 20px;
      padding-left: 20px;
      padding-right: 20px; } }

.contact-container .page-contact .contact-item {
background: #fff;

width: 100%;
max-width: 974px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
border-radius: 5px;
display: flex;
flex-direction: row;
padding: 30px; }
.contact-container .page-contact .contact-item:last-child {
  margin-bottom: 0; }
@media (max-width: 800px) {
  .contact-container .page-contact .contact-item {
    flex-direction: column;
    padding: 20px; } }
.contact-container .page-contact .contact-item .contact-title,
.contact-container .page-contact .contact-item .contact-content {
  width: 40%; }
  @media (max-width: 800px) {
    .contact-container .page-contact .contact-item .contact-title,
    .contact-container .page-contact .contact-item .contact-content {
      width: 100%; } }
.contact-container .page-contact .contact-item .contact-title {
  padding-right: 30px;
  width: 20%; }
  @media (max-width: 800px) {
    .contact-container .page-contact .contact-item .contact-title {
      width: 100%;
      padding-right: 0;
      margin-bottom: 20px !important;
      padding-bottom: 0 !important;
      border-bottom: none !important; } }
.contact-container .page-contact .contact-item .contact-content {
  width: 115%;
  display: flex;
  flex-direction: row; }
  @media (max-width: 800px) {
    .contact-container .page-contact .contact-item .contact-content {
      flex-direction: column;
      width: 100%; } }
  .contact-container .page-contact .contact-item .contact-content .contact-i-element:first-child {
    padding-right: 15px; }
    @media (max-width: 800px) {
      .contact-container .page-contact .contact-item .contact-content .contact-i-element:first-child {
        padding-right: 0; } }
  .contact-container .page-contact .contact-item .contact-content .contact-i-element:last-child {
    padding-left: 15px; }
    @media (max-width: 800px) {
      .contact-container .page-contact .contact-item .contact-content .contact-i-element:last-child {
        padding-left: 0; } }
  .contact-container .page-contact .contact-item .contact-content .only-one {
    width: 100% !important;
    padding: 0; }
.contact-container .page-contact .contact-item .contact-i-element {
  width: 50%; }
  @media (max-width: 800px) {
    .contact-container .page-contact .contact-item .contact-i-element {
      width: 100%;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #E8E8E8; }
      .contact-container .page-contact .contact-item .contact-i-element:last-child {
        margin-bottom: 10px;
        padding-bottom: 0;
        border-bottom: none; } }
  .contact-container .page-contact .contact-item .contact-i-element h3, .contact-container .page-contact .contact-item .contact-i-element h5 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 25px; }
  .contact-container .page-contact .contact-item .contact-i-element h3 {
    font-size: 20px;
    color: #303030; }
    @media (max-width: 800px) {
      .contact-container .page-contact .contact-item .contact-i-element h3 {
        margin-bottom: 0;
        font-size: 18px; } }
  .contact-container .page-contact .contact-item .contact-i-element h5 {
    font-size: 14px;
    color: #0E845C; }
.contact-container .page-contact .contact-item .wp {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important; }
.contact-container .page-contact .contact-item sup {
  font-size: 11px;
  width: 100%;
  line-height: 1;
  color: #333333; }
.contact-container .page-contact .contact-item .c-i-section {
  width: 100%;
  margin-bottom: 25px;
  list-style: none; }
  .contact-container .page-contact .contact-item .c-i-section:last-child {
    margin-bottom: 0; }
  .contact-container .page-contact .contact-item .c-i-section li {
    position: relative;
    padding-left: 25px;
    line-height: 20px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #333333; }
    .contact-container .page-contact .contact-item .c-i-section li * {
      font-size: 14px;
      color: #333333; }
    .contact-container .page-contact .contact-item .c-i-section li a {
      text-decoration: underline; }
    .contact-container .page-contact .contact-item .c-i-section li:before {
      content: "";
      position: absolute;
      left: 0;
      top: 5px;
      width: 14px;
      height: 12px;
      background: url("/_catalogs/masterpage/assets/images/icon-mail.svg") no-repeat scroll;
      background-size: contain;
      background-position: center center; }
.contact-container .page-contact .contact-item .phone li:before {
  background-image: url("/_catalogs/masterpage/assets/images/icon-phone.svg"); }
.contact-container .page-contact .contact-item .hourly li:before {
  background-image: url("/_catalogs/masterpage/assets/images/icon-check.svg"); }
  .contact-container .page-contact .contact-item .link li:before {
    background-image: url("/_catalogs/masterpage/assets/images/icon-link.svg"); }

  /* contact us end */




    /* start new menu 2021 */

    .mobile--nav--sidebyside li.side-by-side {
      width: 50%;
      text-align: center;


     }
     .mobile--nav--sidebyside li table{
        margin: auto;
     }
     .mobile--nav--sidebyside li.side-by-side a{
     font-size:14px;
     color: #008758;
     text-decoration: underline;
     }

     .mobile--nav--sidebyside{
         border-bottom: 1px solid #f0f0f0;
     }

     .mobile--nav--sidebyside li.side-by-side img{
       margin:13px 10px 10px 0;
       width: 15px;
     }
     .mobile--nav--sidebyside li.side-by-side:first-child{
        border-right: 1px solid #f0f0f0;
     }
     .mobile--nav--sidebyside ul{
        display: flex;
            list-style-type: none;
             align-items: center;
       justify-content: center;
     }




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



         .mobile--btns-holder .mobileBtn-left{

         position: absolute;
         left: 68px;

         }


           .site--header {
               border-bottom: 3px solid #1b7640;
           }

           .header--wrapper > .site__wrapper {
               padding-right: 0;
           }

           .aside__selectors {
               height: 100%;
           }

           .aside__selectors .lang-btns {
               display: none;
           }

           .aside__selectors .mobile--btns-holder button {
               margin-left: 0;
           }

           .site--header__aside {
               padding: 0 0 0 70px;
               height: 100%;
           }

           .mobile--btns-holder {
               height: 100%;
           }

           .aside__selectors .mobile--btns-holder {
               float: left;
               width: 100%;
               display: flex;
               flex-wrap: wrap;
               align-items: center;
           }

           .mobileBtn-right {
               margin-left: auto;
           }

           .searchBtn {
               background: url(/_catalogs/masterpage/assets/images/home2021/icon-search.svg) no-repeat center;
               background-size: 19px auto;
               padding: 10px;
               width: 52px;
               height: 52px;
               border-left: 1px solid #f0f0f0;
           }

           .langBtn {
               background: url(/_catalogs/masterpage/asseicon-globe.svg) no-repeat center;
               background-size: 20px auto;
               width: 52px;
               height: 52px;
               border-left: 1px solid #f0f0f0;
           }

           .mobile--menu {
               width: 52px;
               height: 52px;
               border: 0;
               border-left: 1px solid #f0f0f0;
               background-image: none;
               padding-right: 15px;
               padding-left: 15px;
           }

         /*  .mobile--menu > span {
               display: block;
               width: 100%;
               height: 3px;
               background: #1b7640;
               margin-left: auto;
               margin-right: auto;
           }
     */

       .mobile--menu{
         width: 52px;
         height: 52px;
     }

           .mobile--menu > span + span {
               margin-top: 4px;
           }

           .mobile-search-box {
               display: none;
           }

           .site--navigation .page__navigation {
               display: none;
           }

           .site--navigation {
               background: #fdfffe;
           }

           .mobile--nav ul>li>a {
               background: #fdfffe;
               color: #303030;
               font-weight: bold;
               font-size: 17px;
               padding: 13px 15px 12px 15px;
               display: block;
               border-bottom: 1px solid #f0f0f0;
               position: relative;
           }

           .mobile--nav .child-menu {
               display: none;
           }

           .mobile--nav {
               border-top: 3px solid #1b7640;
           }

           .mobile--nav, .site--navigation {
               overflow-y: scroll;
               height:90vh;
           }

           .mobile--nav .has-childs > a {
               padding-right: 40px;
           }

           .mobile--nav .has-childs.active > a {
               color: #0e845c;
               background: #f6f8f7;
               border-color: transparent;
               font-weight: bold;

           }

           .has-childs.active li>a {
               background: #f6f8f7;
               font-size: 14px;
               color: #5b5a5a;
            font-weight:normal;
           }

           .has-childs span.openMenu-span {
               display: block;
               width: 40px;
               height: 100%;
               position: absolute;
               right: 0;
               top: 0;
               font-size: 17px;
               color: #398245;
               display: flex;
               flex-direction: column;
               justify-content: center;
               text-align: center;
           }

           .has-childs .fa-plus:before {
             content: "+";
             font-size:25px;
             font-weight:bold;
         }

           .has-childs.active .fa-plus:before {
               content: "–";
           }

           /* .has-childs.active .fa-plus:before {
             content: "\f068";
         } */
           .m__phone {
               font-weight: 500;
               font-size: 14px;
               color: #303030;
               position: relative;
               padding: 15px;
            margin: auto;
            text-align: center;

           }




           .m__phone > span {
               color: #0e845c;
               padding-left: 20px;
           }

           .m__phone svg {
               position: absolute;
               top: 15px;

           }
         }


         @media screen and (min-width: 768px) {
         .fsb-footer .apps-btns img{

             margin-bottom: 15px !important;
         }


         .fsb-phones-fsb-social-wrapper{
             border-top: solid 1px #eeeeee;
             border-bottom: solid 1px #eeeeee;
             padding: 15px 0;
         }

         .m__phone {
          width:400px;

       }

     }

     @media screen and (min-width: 768px)  and (max-width: 1024px) {
         .fsb-phones-fsb-social-wrapper .pnumbers.ccol-lg-6{
             width: 50% !important;
             float:left;
         }

         .pnumbers-wrapper{
             margin: auto !important;
             width: 80%;
         }

     }


         @media screen and (min-width: 1025px) {


           .mobile--nav {
               display: none;

           }

           .pnumbers-wrapper{
              width: 100%;

          }
          .fsb-phones-fsb-social-wrapper .pnumbers.ccol-lg-6{
              width: 50% !important;
              float:left;
              max-width: 290px;
          }

         .mobile--nav--sidebyside li.side-by-side {
         width: 50%;
         text-align: center;


         }
         .mobile--nav--sidebyside li table{
         margin: auto;
         }
         .mobile--nav--sidebyside li.side-by-side a{
         font-size:20px;
         color: #008758;
         text-decoration: underline;
         }

         .mobile--nav--sidebyside{
         border-bottom: 1px solid #f0f0f0;
         }

         .mobile--nav--sidebyside li.side-by-side img{
         margin:10px 10px 10px 0;
         width:25px;
         }
         .mobile--nav--sidebyside li.side-by-side:first-child{
         border-right: 1px solid #f0f0f0;
         }
         .mobile--nav--sidebyside ul{
         display: flex;
          list-style-type: none;
           align-items: center;
         justify-content: center;
         }



         }





         /* end new mobile menu 2021 */









/*newfooter*/
    .fsb-footer {
            padding-top: 0px;
            background-color: #fff;
            margin-top: 0px;
        }

        .fsb-footer .ccol-lg-5 {
          padding: 0 0 0 0 !important;
      }

        .fsb-footer .site__container {
            padding: 0;
        }

        .fsb-footer img {
            max-width: 100%;
            height: auto;
            display: inline-block;
            vertical-align: top;
        }

        .fsb-footer .apps-btns img:first-child {
          margin-bottom: 0px;

        }



        .fsb-title {
            margin: 0 0 17px;
            font-size: 12px;
            font-weight: bold;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.12px;
            color: #0e845c;
            text-transform: uppercase;
        }
        /* .fsb-content ul li a{
            font-weight:bold !important;
        } */
        .fsb-content ul {
            list-style: none;
            padding-left: 0;
            margin: 0;
            font-size: 13px;
            font-weight: 500;
            line-height: 1.92;
            color: #303030;
        }
        .fsb-content ul li {
            line-height:2.4em;
        }


        .fsb-content ul li:hover a {
            text-decoration: underline;
            font-weight:bold;
        }

        .fsb-widgets {
            padding: 85px 0 60px;
        }

        .fsb-widgets .ccol {
            max-width: 17%;
        }

        .btt {
            background: url(bbt.svg) repeat-x center;
            text-align: right;

            width: 100%;
            position:absolute;
            margin-top: -69px;



        }

        .back-to-top {


          margin-top:73px;



      }

        @media screen and (max-width: 768px) {
.btt {
            background: url(bbt.svg) repeat-x center;
            text-align: center;

            width: 100%;
            margin-top: -70px !important;
            padding: 27px;
            border-bottom: 1px solid #eeeeee;



        }

        .linea-de-colores{
            width:100%;
            border-spacing: 0px;
            font-size:5px;
        }
        .linea-de-colores td{
            height: 5px;
        }
        .linea-de-colores td.bg-color-light-green{
          width:14.28%;
          background-color:#9ec44e;
      }
      .linea-de-colores td.bg-color-dark-pink{
          width:14.28%;
          background-color:#c30f90;
      }

      .linea-de-colores td.bg-color-yellow{
          width:14.28%;
          background-color:#e7b639;
      }

      .linea-de-colores td.bg-color-dark-red{
          width:14.28%;
          background-color:#c80044;
      }

      .linea-de-colores td.bg-color-purple{
          width:14.28%;
          background-color:#6a3eb7;
      }

      .linea-de-colores td.bg-color-light-blue{
          width:14.28%;
          background-color:#5a9fdc;
      }

      .linea-de-colores td.bg-color-dark-green{
          width:14.28%;
          background-color:#6cac3b;
      }

        .back-to-top-mobile-wrapper table {

         margin: auto;

        }

        .back-to-top-mobile-wrapper p {

          font-weight:bold;

         }

        .back-to-top-mobile-wrapper img
        {
            margin-right: 10px;
        }

        .fsb-footer  {

          width: 100%;
          margin:auto


        }

        .back-to-top{
            text-align:center;
        }

        .back-to-top-mobile-wrapper{
         width:auto;
         margin:auto;
         background-color: #fcfcfc;
         padding: 20px 0px;
         border-bottom: solid 1px #eeeeee;
      }
}


        .btt .back-to-top {
            display: inline-block;
        }

        .apps-btns a {
            display: inline-block;
            margin-bottom: 0px;
        }




        .n-row {

          margin: 0 0 0 0 !important;

        }

        .fsb-social {
            text-align: right;
            padding: 0 15px;
        }

        .fsb-social > a {
            display: inline-block;
            margin-left: 0px;
            width: 12%;

        }

        .fsb-notes {
            padding: 30px 20px;
            font-size: 11px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.27;
            letter-spacing: -0.11px;
            text-align: justify;
            color: #303030;
        }

        .fsb-notes .medium {
            font-weight: 500;
        }

        .fsb-notes .ccol-1 {
            max-width: 180px;
        }

        .fsb-footer .align-item-center {
            align-items: center;
        }

        .fsb-phones {
            font-size: 12px;
            line-height: normal;
            letter-spacing: -0.11px;
            color: #0e845c;


        }

        .pnumbers{
            padding: 0px 0px !important;
            margin:10px 0;
        }



        .fsb-phones .route {
            font-weight: bold;
            color: #303030;
        }

        .p_icon {
            display: inline-block;
            margin-right: 10px;
            margin-left: 0px;
        }

        @media (max-width: 991px) {
            .fsb-social {
                text-align: center;
            }

            .pnumbers {
                margin-bottom: 20px;
                text-align: center;
            }

            .fsb-widgets .ccol {
                max-width: 20%;
            }
        }

        @media (max-width: 767px) {

          .pnumbers-wrapper{
              width: 100%;
          }

            .block-on-767 .ccol {
                max-width: 100%!important;
            }

            .block-on-767 {
                display: block!important;
            }

            .hide-on-767 {
                display: none;
            }

            .btt .back-to-top > img {
                max-width: 45px;
                float: left;
            }

            .btt .back-to-top{
              width:175px;
            }

            .btt .back-to-top p{
              margin: 0px 10px;
              font-weight: bold;
            }


            .fsb-widgets {
                padding:0px 0px 0;
                border-bottom: 1px solid #EEEEEE;
            }

            .no-border{
                border-bottom: 0 !important;
            }

            .fsb-widget {
                padding: 24px 0;
                border-bottom: 1px solid #eeeeee;
            }

            .fsb-title {
                margin: 0;
                background: url(../images/footer/open.svg) no-repeat right center;
            }

            .fsb-title.fsb-active {
                background-image: url(../images/footer/close.svg);
            }

            .fsb-content ul li{
                line-height: 2.5em  !important;
            }

            .fsb-content {
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.2s ease-out;
            }

            .fsb-content ul {
                padding-top: 15px;
            }

            .fsb-notes .ccol-1 {
                text-align: center;
                margin-bottom: 15px;
            }

            .fsb-notes .ccol-2 {
                text-align: left;
            }

            .pnumbers .p_ntitle {
                display: block;
                font-size:14px;
            }

            .pnumbers {
                position: relative;
                text-align: left;
                padding-left: 60px;
                margin-bottom: 27px;
                font-size:14px;
            }

            .pnumbers .p_icon {
                float: left;
                left: 15px;
                top: 0;
                margin-top:7px
            }

            .pnumbers .p_icon img {
                width: 20px;
                height: 20px;
            }

            .fsb-bottom {
                border-top: 0;
            }

            .fsb-phones {
              border-bottom: 1px solid #eeeeee;
              padding: 15px 0;
          }

          .fsb-bottom {
              background: #fcfcfc;

          }

            .fsb-social {
                border-top: 1px solid #eeeeee;
            }

            .fsb-social {
                padding-top: 19px;
                padding-bottom: 17px;
            }

            .fsb-phones {
                padding-bottom: 0;
            }

            .fsb-content.apps-btns {
                padding-top: 0px;
            }

            .fsb-content.apps-btns a {
                display: block;
            }



        .fsb-footer .apps-btns img:first-child {
          margin-top: 15px;

       }

        }





/* The Modal (background) Solicitudes page */
.modal-solicitudes-pop-up {
display: none;   /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 99; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
color:#303030;
}

/* Modal Content */
.modal-content-solicitudes-pop-up {
background-color: #fefefe;
margin: auto;
padding: 40px;
width: 25%;
border-radius:8px;

}

/* The Close Button */
.close-solicitudes-pop-up {
color: #303030;
float: right;
font-size: 28px;
font-weight: bold;
margin-top:14px;
}

.close-solicitudes-pop-up:hover,
.close-solicitudes-pop-up:focus {
color: #303030;
text-decoration: none;
cursor: pointer;
}

.modal-content-solicitudes-pop-up h3{
color:#00843D;
font-size:20px !important;
margin-bottom: 20px !important;
font-weight: bold !important;
}

.modal-content-solicitudes-pop-up p{
margin-bottom: 10px !important;
}


.modal-content-solicitudes-pop-up .modal-body{
border-top: 1px solid #eeeeee;
color:#303030;
font-size:15px;
padding-top: 20px;
}

.modal-content-solicitudes-pop-up .modal-body ul.first-ul li.first-li{
font-weight: bold;
list-style-type: none;
background: url(/_catalogs/masterpage/assets/images/check-mark.svg) top left no-repeat !important;
  background-size: 20px 20px !important;
  padding-left: 30px;
  line-height: 20px;
  margin-top: 5px;
  font-size: 15px;
  margin-bottom: 20px;

}

.modal-content-solicitudes-pop-up .modal-body ul.second-ul li{
font-weight: normal;
list-style-type: disc;
color:#8DC541;


}

.modal-content-solicitudes-pop-up .modal-body ul.second-ul
{
  margin: 10px 20px 0px 17px;
  line-height: 1em;
}

.modal-content-solicitudes-pop-up .modal-body ul.second-ul li p{

color:#303030;
line-height: 20px;


}

@media (max-width: 767px) {
.modal-content-solicitudes-pop-up {
width: 95%;
}

}

@media (min-width: 768px) {
.modal-content-solicitudes-pop-up {
min-width: 500px;
}
}

/* The Modal (background) Solicitudes page */


span.keeptogether {
white-space: nowrap ;
}

.page-history {
background: #ffffff;
}
.page-history .page-fr-hero {
background: #0E845C;
padding-top: 0;
padding-bottom: 0;
}


.page-history .president-section .title-p{
  font-size:36px !important;
  font-weight: bold;
  color: #303030 ;
  line-height: 1.25;
}


@media (max-width: 770px) {
.page-history .page-fr-hero .site__wrapper {
  padding-left: 0;
  padding-right: 0;
}

.page-history .president-section .title-p{
  font-size:20px !important;

}

}
.page-history .main-content{
  background-color: #fff !important;
}

.page-history .our-section, .page-history .president-section, .page-history .diversity-section, .page-history .links-section {
padding-top: 90px;
}
@media (max-width: 770px) {
.page-history .section-content {
  padding-top: 40px;
}

.page-history .our-section{
    padding-bottom: 40px;
}
}

@media (max-width: 500px) {
.page-history .slider-section .custom-navigation{
  margin: 22px 15px !important;
}
}

.page-history .section-content h3 {



margin: 0 0 30px;
font-family: HelveticaNeue;
font-size: 40px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
color: #0e845c;



}
@media (max-width: 770px) {
.page-history .section-content h3 {
  font-size: 22px;
}

.page-history .section-content .col-content {

  padding-right: 15px !important;
}
}
.page-history .section-content p {
font-size: 20px;
line-height: 33px;
letter-spacing: -0.27;
color: #303030;
letter-spacing: -0.25px;
}
@media (max-width: 770px) {
.page-history .section-content p {
  font-size: 16px;
}


}
.page-history .section-content p.title {
margin-top: 20px;
color: #0d7854;
}
.page-history .section-content .n-row {
display: flex;
flex-wrap: wrap;
min-height: 350px;
}
.page-history .section-content .col-content {
display: flex;
align-items: center;
justify-content: left;
padding-right: 50px;
}

.president-section .col-img img {
  padding: 77px 0;
}

.page-history .section-content .col-content .fr-h-content {
max-width: 100%;
height: auto;
}
@media (max-width: 770px) {
.page-history .section-content .col-img img {
  max-width: 100%;
}
}

@media (max-width: 1024px) {
.page-history .our-section .n-row {
  position: relative;
  height: auto;
}
}
@media (max-width: 1024px) {
.page-history .our-section .n-row .ccol-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}
}
@media (max-width: 1024px) {
.page-history .our-section .n-row .col-content .fr-h-content {
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
}
}

@media (max-width: 1024px) {
.page-history .president-section {
  background: #F6F8F7;
}
}
.page-history .president-section .site__container {
background: #f7faf9;

border-radius: 5px;
padding: 70px;
}
@media (max-width: 1024px) {
.page-history .president-section .site__container {
  border: none;
}
}
@media (max-width: 770px) {
.page-history .president-section .site__container {
  padding: 0;
}
}
@media (max-width: 770px) {
.page-history .president-section .n-row {
  display: block;
  min-height: 200px;
}
}
@media (max-width: 1024px) {
.page-history .president-section .col-content {
  flex: 0 0 100%;
  max-width: 100%;
}
}
@media (max-width: 770px) {
.page-history .president-section .col-content {
  display: block;
  margin-top: 0;
  margin-bottom: 2rem;
}
}
.page-history .president-section .col-content .fr-h-content {
max-width: 100%;
height: auto;
}
.page-history .president-section .col-content p {
font-size: 22px;
}
@media (max-width: 1024px) {
.page-history .president-section .col-content p {
  text-align: center;
}
}
@media (max-width: 770px) {
.page-history .president-section .col-content p {
  font-size: 16px;
  line-height: 26px;
}
}
.page-history .president-section .col-content p.title {
font-size: 17px;
}
@media (max-width: 770px) {
.page-history .president-section .col-content p.title {
  font-size: 15px;
}
}
.page-history .president-section .icon {
width: 45px;
height: 45px;
margin-bottom: 30px;
}
@media (max-width: 1024px) {
.page-history .president-section .icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
}
@media (max-width: 770px) {
.page-history .president-section .icon {
  width: 40px;
  height: 40px;
}
}
@media (max-width: 1024px) {
.page-history .president-section .col-img,   .page-history .president-section .icon-desktop {
  display: none;
}




}
.page-history .president-section .col-img img {
float: right;
}
@media (min-width: 1024px) {
.page-history .president-section .col-img img {
  width: 100%;
}
}

.president-mobile-img{
display: block;
margin:auto;
padding: 0px 0 40px;
}

.page-history .diversity-section {
margin-bottom: 90px;
}
.page-history .diversity-section .columns {
column-count: 2;
column-gap: 45px;
}
@media (max-width: 1024px) {
.page-history .diversity-section .columns {
  column-count: unset;
}
}
@media (max-width: 1024px) {
.page-history .diversity-section .ccol-md-5,
.page-history .diversity-section .ccol-md-7 {
  flex: 0 0 100%;
  max-width: 100%;
}
}
@media (max-width: 1024px) {
.page-history .diversity-section .hi-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
}
@media (max-width: 770px) {
.page-history .diversity-section .hi-img {
  width: auto !important;
  height: 100% !important;
}
}
@media (max-width: 1300px) and (min-width: 1024px) {
.page-history .diversity-section .hi-img {
  width: 100% !important;
  height: auto;
}
}
@media (max-width: 500px) {
.page-history .diversity-section .hi-img {
  width: 100% !important;
  height: auto !important;
}
}
.page-history .diversity-section .col-content .fr-h-content {
max-width: 100%;
}
@media (max-width: 1024px) {
.page-history .diversity-section .col-content .fr-h-content {
  margin-top: 2rem;
}
}
.page-history .diversity-section .col-content .fr-h-content h3 {
font-size: 36px;
color: #303030;
font-weight: bold;
margin-bottom: 50px;
}
@media (max-width: 1024px) {
.page-history .diversity-section .col-content .fr-h-content h3 {
  text-align: center;
}
}
@media (max-width: 770px) {
.page-history .diversity-section .col-content .fr-h-content h3 {
  font-size: 20px;
  margin-bottom: 1rem;
}


 .page-history p {
  padding: 0 20px !important;
}


}
.page-history .diversity-section .col-content .fr-h-content p {


font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.75;
letter-spacing: normal;
color: #303030;
margin-bottom: 30px;
}
@media (max-width: 1024px) {
.page-history .diversity-section .col-content .fr-h-content p {
  text-align: center;
}


}
@media (max-width: 770px) {
.page-history .diversity-section .col-content .fr-h-content p {
  font-size: 16px;
  margin-bottom:30px !important;
  line-height: 26px;
}

.page-history .diversity-section{
    margin-bottom: 10px !important ;
}


}

.page-history .page-fr-hero .n-row {
margin-left: 0;
margin-right: 0;
height: 450px;
}
@media (max-width: 1024px) {
.page-history .page-fr-hero .n-row {
  flex-wrap: wrap-reverse;
  position: relative;
  height: auto;
}
}
.page-history .page-fr-hero .ccol-md-6 {
margin: 0;
padding: 0;
overflow: hidden;
}
@media (max-width: 1024px) {
.page-history .page-fr-hero .ccol-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
}
}
@media (max-width: 1024px) {
.page-history .page-fr-hero .ccol-md-6:first-child {
  padding-top: 4rem;
  padding-bottom: 4rem;
  max-width: 100%;
}
.page-history .page-fr-hero .ccol-md-6:first-child .fr-h-content {
  margin-left: auto;
  margin-right: auto;
}
}
@media (max-width: 770px) {
.page-history .page-fr-hero .ccol-md-6:first-child {
  padding-top: 30px;
  padding-bottom: 30px;
}
}
.page-history .page-fr-hero .ccol-md-6:first-child h1 {
font-size: 50px;
line-height: 59px;
letter-spacing: -0.5px;
font-weight: bold;
color: #fff;
padding-bottom: 15px;
}
@media (max-width: 1024px) {
.page-history .page-fr-hero .ccol-md-6:first-child h1 {
  text-align: center;
}
}
@media (max-width: 770px) {
.page-history .page-fr-hero .ccol-md-6:first-child h1 {
  font-size: 24px;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  line-height: 29px;
}
}
.page-history .page-fr-hero .ccol-md-6:first-child p {
font-size: 16px;
line-height: 30px;
color: #fff;
}
@media (max-width: 1024px) {
.page-history .page-fr-hero .ccol-md-6:first-child p {
  text-align: center;
}




}


@media (min-width: 1024px) and (max-width: 1250px) {

.page-history .page-fr-hero .ccol-md-6:first-child .fr-h-content {
  margin: 0 20px !important;
}
}





@media (max-width: 1060px) and (min-width: 1024px) {

.page-history .page-fr-hero .ccol-md-6:first-child {
  display: flex;
  align-items: center;
  justify-content: left;
  max-width: 485px;
  margin-left: auto;
  margin-right: auto;
}
}



@media (max-width: 770px) {
.page-history .page-fr-hero .ccol-md-6:first-child p {
  font-size: 14px;
  line-height: 26px;
}
}
@media (min-width: 1060px) {
.page-history .page-fr-hero .ccol-md-6:first-child {
  display: flex;
  align-items: center;
  justify-content: left;
  max-width: 600px;
  margin-left: auto;
  margin-right: 0px;
}

}





@media (min-width: 1024px) {

.page-history .page-fr-hero .ccol-md-6:first-child .fr-h-content {
  max-width: 80%;
  width: 100%;
  height: auto;
}
}
@media (max-width: 770px) {
.page-history .page-fr-hero .ccol-md-6:first-child {
  padding-left: 15px;
  padding-right: 15px;
}
}
.page-history .page-fr-hero .ccol-md-6:last-child:before {
content: "";
background-image: url("../images/historia/line.png");
background-repeat: repeat-x;
background-size: contain;
width: 6px;
height: 100%;
float: left;
}
@media (max-width: 1024px) {
.page-history .page-fr-hero .ccol-md-6:last-child:before {
  display: none;
}
}
@media (max-width: 1024px) {
.page-history .page-fr-hero .ccol-md-6:last-child {
  padding-bottom: 5px;
}
}
@media (max-width: 1024px) {
.page-history .page-fr-hero .ccol-md-6:last-child:after {
  content: "";
  background-image: url("../images/historia/line-mobile.png");
  background-repeat: repeat-y;
  background-size: cover;
  width: 100%;
  height: 3px;
  float: left;
}
}
.page-history .page-fr-hero .ccol-md-6:last-child img {
float: left;
width: calc(100% - 6px);
}
@media (max-width: 1024px) {
.page-history .page-fr-hero .ccol-md-6:last-child img {
  width: 100%;
  height: auto !important;
}
}
.page-history .page-fr-hero .ccol-md-6 img {
height: 100%;
width: auto;
}

.page-history .slider-section {
background: #F6F8F7;
padding-top: 4rem;
}
@media (max-width: 770px) {
.page-history .slider-section {
  padding-top: 2rem;
}
}
.page-history .slider-section .section-title {
width: 100%;
display: block;
text-align: center;
font-size: 36px;
color: #303030;
clear: both;
font-weight: bold;
margin-bottom: 30px;
}
@media (max-width: 770px) {
.page-history .slider-section .section-title {
  font-size: 20px;
}
}
.page-history .slider-section .n-row {
min-height: 250px;
}
@media (max-width: 770px) {
.page-history .slider-section .n-row {
  padding-bottom: 2rem;
}
}

.page-history .slider-section .site__container {
max-width: 765px;
margin: auto;
}

.page-history .slider-section .custom-navigation {
float: left;
margin: 22px 30px;
}
.page-history .slider-section .custom-navigation a:focus {
box-shadow: none;
padding: 0;
border-radius: 0;
}
.page-history .slider-section .slider-container {
width: 100%;
display: block;
clear: both;
text-align: center;
}
.page-history .slider-section .slider-header {
width: auto;
height: 60px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
.page-history .slider-section .slider-header #historyCarousel {
float: left;
width: 590px;
height: 40px;
}
@media (max-width: 770px) {
.page-history .slider-section .slider-header #historyCarousel {
  width: 300px;
}
}

@media (max-width: 455px) {
.page-history .slider-section .slider-header #historyCarousel {
  width: 250px;
}
}

#historySlider {
width: 600px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
#historySlider .slide-content {
width: 100%;
}
#historySlider .slide-content h2 {
font-size: 60px;
color: #0E845C;
text-align: center;

font-weight: bold;
margin-top:30px;
margin-bottom: 30px;
}
@media (max-width: 770px) {
#historySlider .slide-content h2 {
  font-size: 35px;
  margin-top: 20px !important;
}
}
#historySlider .slide-content p {
font-size: 21px;
color: #303030;
text-align: center;
max-width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 770px) {
#historySlider .slide-content p {
  font-size: 16px;
}
}

#historyCarousel .flex-nav-next,
#historyCarousel .flex-nav-prev {
display: none;
}


#historyCarousel .slides h1 {
cursor: pointer;
background: #ffffff;
border: 1px solid #ffffff;
border-radius: 3px;
font-size: 16px;
color: #303030;
text-align: center;
padding: 12px 17px;
display: block;

}
#historyCarousel .flex-active-slide h1 {
background: #0E845C;
border: 1px solid #0E845C;
color: #FFFFFF;
}

.page-history .know-section {
margin-top: 0;
}
.page-history .know-section .bg-know {
display: block;
position: absolute;
z-index: 0;
width: 100%;
background: #F6F8F7;
height: 350px;
}
@media (max-width: 1024px) {
.page-history .know-section .bg-know {
  display: none;
}
}
.page-history .know-section .site__wrapper {
position: relative;
padding-top: 4rem;
z-index: 1;
}
@media (max-width: 770px) {
.page-history .know-section .site__wrapper {
  padding-top: 0;
}

.page-history .know-section .n-row {

  padding: 0 20px !important;
}


}
.page-history .know-section .n-row {
background: #FFFFFF;

border-radius: 5px;
padding: 4rem 4rem 0;
}
@media (max-width: 1024px) {
.page-history .know-section .n-row {
  border: none;
  padding-top: 0;
}
}
@media (max-width: 770px) {
.page-history .know-section .n-row {
  padding-left: 15px;
  padding-right: 15px;
}
}
.page-history .know-section .n-row .content {
display: flex;
flex-flow: wrap;
justify-content: space-around;
width: 100%;
}
.page-history .know-section .n-row .content .item {
width: 470px;
border-radius: 3px;
}
@media (max-width: 1300px) and (min-width: 1024px) {
.page-history .know-section .n-row .content .item {
  width: 400px;
}
}
@media (max-width: 1024px) {
.page-history .know-section .n-row .content .item {
  margin-bottom: 2rem;
}
}
@media (max-width: 770px) {
.page-history .know-section .n-row .content .item {
  width: 100%;
}
}
@media (max-width: 1300px) and (min-width: 1024px) {
.page-history .know-section .n-row .content .item .item-img {
  width: 100%;
}
}
@media (max-width: 770px) {
.page-history .know-section .n-row .content .item .item-img {
  width: 100%;
}
}
.page-history .know-section .n-row .content-wp {
margin: 2rem;
position: relative;
min-height: 150px;
}
@media (max-width: 770px) {
.page-history .know-section .n-row .content-wp {
  margin: 1rem;

}

.page-history .section-content h3{
  margin: 0 0 20px !important;

}

.page-history .know-section p {
    padding: 0 0 0 0 !important;
}

.page-history .our-section p, .page-history .page-fr-hero p {
    line-height: 22px !important;
}
}


.page-history .know-section .section-title {
width: 100%;
text-align: center;
font-weight: bold;
color: #303030;
font-size: 36px;
margin-bottom: 50px;
}
@media (max-width: 770px) {
.page-history .know-section .section-title {
  font-size: 20px;
  margin-bottom: 40px !important;
}
}
.page-history .know-section .content .item {
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.08);
}

.n-row .content .item h3, .n-row .content .item h3 a  {
font-size: 24px;
font-weight: bold;
color: #0E845C;
}
@media (max-width: 770px) {
.n-row .content .item h3 {
  font-size: 18px;
}
}
.n-row .content .item p {

font-size: 15px;
line-height: 1.5;
padding-bottom: 30px;
}
@media (max-width: 770px) {
.n-row .content .item p {
  font-size: 14px;
}
}
.n-row .content .item .see-more {
color: #0E845C;
font-size: 16px;
line-height: 1.5;
text-decoration: none;
position: absolute;
bottom: 0;
font-weight: bold;
}

.n-row .content .item .see-more:hover {

text-decoration: underline;

}
@media (max-width: 770px) {
.n-row .content .item .see-more {
  font-size: 14px;
}
}

.page-history .links-section {
margin-top: 0;
margin-bottom: 0;
}
@media (max-width: 1024px) {
.page-history .links-section {
  margin-top: 0;
  margin-bottom: 0;
}
}
.page-history .links-section .section-title {
width: 100%;
display: block;
text-align: left;
font-size: 36px;
color: #303030;
clear: both;
font-weight: bold;
margin-bottom: 50px;
margin-left: 0px;
}
@media (max-width: 1024px) {
.page-history .links-section .section-title {
  text-align: center;
}
}
@media (max-width: 770px) {
.page-history .links-section .section-title {
  font-size: 20px;
}
}
.page-history .links-section .n-row {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-history .links-section .n-row .content {
display: flex;
flex-flow: wrap;
justify-content: space-between;
width: 100%;
}
@media (max-width: 1024px) {
.page-history .links-section .n-row .content {
  justify-content: center;
  margin-left: 15px;
  margin-right: 15px;
}
}
.page-history .links-section .n-row .content .item {
position: relative;
width: 280px;
height: 180px;
margin-bottom: 3rem;
}
@media (max-width: 1300px) and (min-width: 1024px) {
.page-history .links-section .n-row .content .item {
  width: 300px;
}
}
@media (max-width: 1024px) {
.page-history .links-section .n-row .content .item {
  height: auto;
  flex: 0 0 100%;
  max-width: 100%;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
}
@media (max-width: 1024px) {
.page-history .links-section .n-row .content .item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
}
.page-history .links-section .n-row .content .item h3 {
font-size: 24px;
display: block;
width: 100%;
text-align: left;
}
@media (max-width: 770px) {
.page-history .links-section .n-row .content .item h3 {
  font-size: 18px;
}
}
.page-history .links-section .n-row .content .item h3:after {
margin-top: 15px;
margin-bottom: 30px;
content: "";
display: block;
width: 40px;
height: 2px;
background: #D52D9F;
}
@media (max-width: 770px) {
.page-history .links-section .n-row .content .item h3:after {
  width: 30px;
}
}
@media (max-width: 1024px) {
.page-history .links-section .n-row .content .item p {
  padding-bottom: 1rem;
}
}
@media (max-width: 770px) {
.page-history .links-section .n-row .content .item p {
  font-size: 14px;
  padding: 0 0 20px !important;
}
}
@media (max-width: 1024px) {
.page-history .links-section .n-row .content .item .see-more {
  position: relative;
  padding-bottom: 1rem;
}
}
@media (max-width: 770px) {
.page-history .links-section .n-row .content .item .see-more {
  font-sie: 14px;
}
}
.page-history .links-section .n-row .content .item.item-2 h3::after {
background: #EEC351;
}
.page-history .links-section .n-row .content .item.item-3 h3::after {
background: #D92355;
}
.page-history .links-section .n-row .content .item.item-4 h3::after {
background: #6639b7;
}

@media (max-width: 1024px) {
.page-history .fsb-footer {
  padding-top: 4rem;
}
}
.page-history .fsb-footer .btt {
background-position: top;
}

/*# sourceMappingURL=history.css.map */



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



@media (min-width: 1024px) {



  .hideOnTablet2{
    display:none !important;
  }

       }



       .page-social-responsability {
        background: #ffffff;
      }
      .page-social-responsability .page-fr-hero {
        background: #0E845C;
        padding-top: 0;
        padding-bottom: 0;
      }

      .padding-20{
        padding: 20px;
      }
      @media (max-width: 770px) {
        .page-social-responsability .page-fr-hero .site__wrapper {
          padding-left: 0;
          padding-right: 0;
        }
      }

      @media (min-width: 768px) and (max-width: 1024px) {

        .sr-logo-section .site__container{
          margin-top: -450px !important;
        }
        .entrepreneurship-section h6{
          padding:0 0 30px !important;
        }
        .page-social-responsability .section-content{
          padding-top:30px !important;
        }
        .community-section h6{
          padding: 0 0 10px !important;
        }

        .community-section .ccol-md-4{
          max-width: 100% !important;
          margin: 0 auto;
        }
        .community-txt-box{
          height: auto !important;
        }
        .community-txt-box-wrapper {
          flex-direction: column;
          flex: 1;
        }

        .community-txt-box {
          margin: 0 0 30px !important;
        }

        .community-txt-box-wrapper .last-row{
          margin: 0 0 30px !important;
        }

      }

      .page-social-responsability .section-content {
        padding-top: 65px;
      }
      @media (max-width: 770px) {
        .page-social-responsability .section-content {
          margin-top: 2rem;
        }
      }
      .page-social-responsability .section-content h3 {
        color: #0E845C;
        font-size: 20px;
        font-weight: bold;
        line-height: 1;
       font-family: HelveticaNeue-Light, sans-serif !important;
      }
      /*
      .checkmark li::before{

        color: #8dc541;
        font: normal normal normal 16px/1 FontAwesome;
        font-weight: bold;
        padding-right: 20px;

      } */

      .page-social-responsability .prod-offers-section h3{
        font-size:18px !important;
        line-height: 24px !important;
      }

      .prod-offers-section ul li {

      font-size: 16px;
      color:#303030;
      padding: 10px 0 10px 20px;

      }



      .prod-offers-section h4 {
        font-size:23px;
        color:#303030;
        font-weight: bold;
        margin-bottom: 35px;
      }


      ul.green-checkmark-list-style {
       list-style-image: url('../images/social-responsability/checkmark.svg');
        padding-top:5px;
        margin: 0 20px;
        line-height: 24px !important;
        }


        .community-section img{
          border-radius: 6px;
        }


      @media (max-width: 770px) {
        .page-social-responsability .section-content h3 {
          font-size: 22px;
        }
      }
      .page-social-responsability .section-content p {
        font-size: 15px;
        line-height: 28px;
        letter-spacing: -0.27;
        color: #303030;
        padding: 10px 0;
      }

      .page-social-responsability .reinversion-comunitaria-section p {
        padding: 15px 0;
      }



      @media (max-width: 770px) {
        .page-social-responsability .section-content p {
          font-size: 14px;
        }
      }
      .page-social-responsability .section-content p.title {
        margin-top: 20px;
        color: #0E845C;
      }
      .page-social-responsability .section-content .n-row {
        display: flex;
        flex-wrap: wrap;
      }
      .page-social-responsability .section-content .col-content {
        display: flex;
        align-items: top;
        justify-content: center;
      }
      .page-social-responsability .section-content .col-content .fr-h-content {
        max-width: 80%;
        height: auto;
      }
      @media (max-width: 770px) {
        .page-social-responsability .section-content .col-img img {
          width: 100%;
          max-width: 100%;
        }

        .our-section h2{


          text-align: center !important;


      }
      .green-bold-18{
        font-size:15px !important;
      }

      .solicitar-section h6{
        font-size: 18px !important;
        line-height: 24px !important;;
      }

      .page-social-responsability .section-content{
        padding-top: 40px !important;
      }

      }

      @media (min-width: 770px) {
        .our-section h2{


          text-align: left !important;
          padding: 0 0 0 0 !important;
          margin: 0 35px 0px !important;

      }




      }


      .our-section h2{

          font-size: 46px !important;
          color: #303030 !important;
          padding: 0 20px 50px  0px !important;
          font-family: HelveticaNeue-Light, sans-serif !important;
        font-weight: lighter !important;


      }



      .our-section .hi-img{

        margin: 30px auto;
        display: block;

      }


      @media (max-width: 1024px) {
        .page-social-responsability .our-section .n-row {
          position: relative;
          height: auto;
        }

        .page-social-responsability .entrepreneurship-section .n-row {
          position: relative;
          height: auto;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .our-section .n-row .ccol-md-6 {
          flex: 0 0 100%;
          max-width: 100%;
          text-align: center;
        }

         .page-social-responsability .entrepreneurship-section .n-row .ccol-md-6 {
          flex: 0 0 100%;
          max-width: 100%;
          text-align: center;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .our-section .n-row .col-content .fr-h-content {
          float: none;
          margin-left: auto;
          margin-right: auto;

        }
      }


      @media (min-width: 1101px) {

       .employee-section h6{
          text-align: left !important;
          padding: 40px 40px 40px 30px !important;
        }

        .height-200-desktop{
          height: 200px;
        }
      }


      @media (min-width: 1024px) {

        .page-social-responsability .reinversion-comunitaria-section .left{
          padding:10px 0;
        }

        .entrepreneurship-section .left{
          padding:45px 0;
        }
      .employee-section .ccol-md-6{
        width: 100% !important;
        max-width: 100% !important;
      }
        .employee-section .hi-img {
          display: block ;
          margin: auto;
        }

       .employee-section .col-img{
          display: block ;
          margin: 20px auto;
        }

        .employee-section h6{
          text-align: center;
        }

        .prod-offers-section .padding-20{
          height: 170px;
          width: 267px;
          padding: 0 20px 20px 20px !important;
        }

        .page-social-responsability .prod-offers-section .col-content p {
          padding: 0 10px 10px 10px;
        }

        .entrepreneurship-section img {
          margin-left: auto;
          display: block;
        }

          .entrepreneurship-section .col-img{
            padding: 0 !important;
          }

      }

         .page-social-responsability .entrepreneurship-section .n-row .col-content .fr-h-content {
          float: none;
          margin-left: auto;
          margin-right: auto;

        }

        .page-social-responsability .entrepreneurship-section .n-row .col-content  {
         padding: 0 20px !important;

        }

      .page-social-responsability .entrepreneurship-section p{
        padding: 0px 50px 30px 0;
      }




      .employee-section h6{

          font-size: 46px;
          color: #303030;
          padding: 40px 40px 40px 0 ;
          text-align: center;
          font-family: HelveticaNeue-Light, sans-serif !important;
          font-weight: lighter !important;


      }

      .reinversion-comunitaria-section h6{
          font-size: 46px;
          color: #303030;
          padding: 0 0px 35px 0 ;
          font-family: HelveticaNeue-Light, sans-serif !important;
          font-weight: lighter !important;


      }

      .hi-img{
        max-width: 100% !important;
      }
      .ambiente-section h6{

          font-size: 46px;
          color: #303030;
          padding: 40px 0;
          text-align: left;
          font-family: HelveticaNeue-Light, sans-serif !important;

      }

      .ambiente-section .left p {
        font-size:17px !important;
      }

      .ambiente-section .right p {
        padding: 0 0 20px  !important;
      }


      .ambiente-section img{

        display: block;
        margin:auto;
        padding: 0 40px 50px;

      }

      .community-development-section {
      padding: 100px 0 !important;
      }


      @media (max-width: 768px){


        .sr-logo-section .site__container{
          margin-top: -450px !important;
        }
       .employee-section h6{
          text-align: center !important;
            padding: 0px 0 30px ;
            font-size: 22px !important;
        }

        .page-social-responsability .entrepreneurship-section p{
          padding: 0 0 20px !important;
        }

        .ambiente-section h6{
          font-size: 22px !important;
          padding: 0px 0 30px 0;
          text-align: center;
        }

        .employee-section img{
          margin-bottom: 15px !important;
        }

        .ambiente-section img{

          padding: 0 30px 20px;

        }

      }


      @media (min-width: 1101px){
        .employee-section .padding-20{

          width: 250px;
          height:220px !important;
        }

        .employee-section .second-line .padding-20 {

          width: 250px;
          height:150px !important;
        }

        .employee-section .second-line-b .padding-20 {

          width: 250px;
          height:150px !important;
        }

        .employee-section .third-line .padding-20{

          width: 270px;
          height:272px !important;
        }

        .employee-section .hi-img, .employee-section .col-img{
          display: block ;
          margin: 19px 0;
        }


      }

      @media (min-width: 768px){


        .employee-section .padding-20{

          margin:auto;
        }


        .page-social-responsability .logo-wrapper .ccol-md-4{
          max-width: 100% !important;
        }


      .employee-section .ccol-md-6, .employee-section .ccol-md-3{
        width: 100% !important;
        max-width: 100% !important;
      }
        .employee-section .col-img{
          display: block ;
          margin: 19px 0 0 0 !important;
        }
        .employee-section .hi-img{
          margin: 19px 0 40px 15px !important;
        }

      .title-description-wrapper{
      height:200px;
      padding: 20px;
      }

      .community-section h3{
        font-size: 46px !important;
      }

      .logo-wrapper p{
        height: 100px !important;
      }

      .page-social-responsability .ambiente-section .col-img p{
        padding: 10px 0 20px;
      }
      .page-social-responsability .section-content p{

        height: auto !important;
      }

      .page-social-responsability .entrepreneurship-section p{

        text-align: left;
      }
      .logo-wrapper img{
        padding: 0;
      }

      .ambiente-section .n-row{
        max-width: 1000px;
        margin:auto !important;
      }



      .ambiente-section .left p .green-text{
        line-height: 30px !important;
      }


      }

      @media (min-width: 769px){

        .page-social-responsability .sr-logo-section .section-title{
          padding: 40px 0 0 0;
          margin: auto;
          text-align: center ;
        }

        .sr-logo-section{
          padding: 40px;
        }

      .community-txt-box-wrapper .left,  .community-txt-box-wrapper .right{
        width: 100%;
      }


        .community-txt-box-wrapper{
          justify-content: center;
        }



      .community-txt-box{
      width:100%;
      height: 200px;
      }

      .community-txt-box-wrapper .padding-20{
        padding: 0px 20px !important;
      }
      .community-txt-box-wrapper .last-row{
        margin-top:-20px;
        height:auto;
        }

      .page-social-responsability .community-section .hi-img{
        padding: 0 !important;
      }
      }




      .community-txt-box-wrapper{
      display: inherit;
      padding-top:80px;
      }

      .logo-wrapper .sc--card{
        border: none !important;
        padding: 0 !important;
        box-shadow: 0 1px 1px 0 rgb(0 0 0 / 0%) !important;
        -webkit-box-shadow:  0 1px 1px 0 rgb(0 0 0 / 0%) !important;
      }

      .logo-wrapper .ccol-card{
        margin-bottom: 30px !important;
        margin-top:0px !important;
      }



      .page-social-responsability .green-checkmark-list-style p{

        padding: 10px 0px  !important;
      }


      @media (max-width: 768px) {


        .community-development-section h6, .reinversion-comunitaria-section h6{
          text-align: center;
          padding: 0px 0 30px !important;
          font-size:22px !important;
        }
       .community-development-section img, .reinversion-comunitaria-section img {
         width: 100% !important;
         margin: 0 auto 20px !important;
       }
      .community-section h3{
        text-align: center !important;
        font-size: 22px !important ;
      }
      .logo-wrapper{
        margin: 0 !important;
        padding: 0 !important;

      }
      .community-development-section {
      padding-bottom: 0 !important;
      }

      .sr-logo-section{
        margin:auto !important;
        width: 95%;
      }
      .sr-logo-section .section-title {
        margin:auto !important;
        width: 100% !important;
        padding: 30px 20px 30px;
      }
      .sr-logo-section h5{
        text-align: center !important;

      }

      .community-txt-box-wrapper{
        padding-top: 20px !important;
        padding-bottom: 40px;
      }
      .prod-offers-section .padding-20, .community-section .padding-20, .employee-section .padding-20{
        padding: 5px 0 !important;
      }

      .page-social-responsability .prod-offers-section .col-content{
        margin-bottom: 0 !important;
      }


      .prod-offers-section h4{
        margin: 20px;
      }
        .page-social-responsability .section-content{
          margin: auto !important
        }


      .title-description-wrapper{

      padding:10px 0;
      }
      .page-social-responsability .prod-offers-section .col-content p{
        text-align: left !important;
      }
      .page-social-responsability .padding-20{
        padding: 15px 0;
      }
      .page-social-responsability .section-content p{
        margin:0;
      }
      .our-section h2{

          font-size: 22px !important;

          padding: 0px 0px 10px !important;
          text-align: center;
          font-family: HelveticaNeue-Light !important;
          padding-bottom:20px;


      }

      .ambiente-section img {
        max-width: 100%;
      }

      .solicitar-section p{
        text-align: center !important;
      }

       .page-social-responsability .community-section .col-content .fr-h-content p, .entrepreneurship-section p, .our-section p{
        text-align: left !important;
      }
      .page-social-responsability .section-content h3 {
         text-align: left;
      }

      .page-social-responsability .our-section .n-row .col-content .fr-h-content{
        margin: 0 ;
      }

      .page-social-responsability .col-content, .community-txt-box-wrapper, .logo-3-columns-txt{
      flex-direction: column;
        flex-basis: 100%;
        flex: 1;
      }

      .employee-section .n-row{
      flex-direction: column;
        flex-basis: 100%;
        flex: 1;
      }
      }

      @media (max-width: 1100px) {

      .page-social-responsability .col-content, .employee-section .n-row{
      flex-direction: column;
        flex-basis: 100%;
        flex: 1;
      }
      }


      .community-development-section h6{

          font-size: 46px;
          color: #303030;
          padding: 40px 0;
          font-family: HelveticaNeue-Light, sans-serif !important;
          font-weight: lighter !important;

      }

      .ambiente-section .header-wrapper{
        width: 100%;
      }

      .prod-offers-section p{
        font-size:16px !important;
      }

      .green-bold{
       color: #0E845C;
        font-weight: bold;
      }

      .prod-offers-section .col-content{
        align-items: top !important;
      }

      @media (max-width: 1024px) {
        .page-social-responsability .prod-offers-section {
          background: #fff;
        }
      }
      .page-social-responsability .prod-offers-section .site__container {
        background: #fff;
        border: 1px solid #82BB42;
        border-radius: 3px;
        padding: 50px;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .prod-offers-section .site__container {
          border: none;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .prod-offers-section .site__container {
          padding: 0;
        }

        .prod-offers-section .site__wrapper{
          padding-bottom: 40px;
        }

        .prod-offers-section h4{
          margin: 0 0px 20px 0px !important;
          font-size:18px;
          line-height:24px;
        }

        .our-section .hi-img{
          margin: 15px auto 0 !important;
        }

        .community-section h4{
          padding:0px !important;
        }

        .community-section p {
          padding: 10px 0 30px !important;
        }

        .logo-wrapper p{
          padding: 15px 0 !important;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .prod-offers-section .n-row {
          display: block;
          min-height: 200px;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .prod-offers-section .col-content {
          flex: 0 0 100%;
          max-width: 100%;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .prod-offers-section .col-content {
          display: block;

          margin-bottom: 2rem;
        }
      }
      .page-social-responsability .prod-offers-section .col-content .fr-h-content {
        max-width: 100%;
        height: auto;
      }
      .page-social-responsability .prod-offers-section .col-content p {
        font-size: 24px;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .prod-offers-section .col-content p {
          text-align: center;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .prod-offers-section .col-content p {
          font-size: 16px;
        }
      }
      .page-social-responsability .prod-offers-section .col-content p.title {
        font-size: 17px;
      }
      @media (max-width: 770px) {
        .page-social-responsability .prod-offers-section .col-content p.title {
          font-size: 15px;
        }
      }
      .page-social-responsability .prod-offers-section .icon {
        width: 45px;
        height: 45px;
        margin-bottom: 10px;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .prod-offers-section .icon {
          display: block;
          margin-left: auto;
          margin-right: auto;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .prod-offers-section .icon {
          width: 40px;
          height: 40px;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .prod-offers-section .col-img {
          display: none;
        }
      }
      .page-social-responsability .prod-offers-section .col-img img {
        float: right;
      }
      @media (min-width: 1024px) {
        .page-social-responsability .prod-offers-section .col-img img {
          width: 100%;
        }
      }

      @media (max-width: 768px) {
        .page-social-responsability .ccol-md-4 {
         max-width: 100% !important;
         flex: 100%;
        }
        .page-social-responsability .community-section h3{
          padding: 0px 0px 0px ;
        }

        .entrepreneurship-section .col-content{
          padding: 0px 0 10px;
        }
        .entrepreneurship-section h6{
          padding: 0px 0px 30px 0 !important;
          font-size:22px !important;
          text-align: center;
        }
      }

      .community-section{
        background-color:#0E845C;
        padding-bottom: 400px;
      }

      .community-section h3{
        color: #fff !important;
        font-weight: normal !important;
        font-size:46px ;
        padding: 0 0 50px 0;
      }

      .community-section h4{
        color: #fff;
        font-weight: normal;
        font-size:26px;
        padding: 10px 0;
      }

      .community-section p{
        color:#fff !important;
        font-size:15px !important;
      }

      .page-social-responsability .community-section {
        margin-bottom: 0;

      }
      .page-social-responsability .community-section .columns {
        column-count: 2;
        column-gap: 45px;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .community-section .columns {
          column-count: unset;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .community-section .ccol-md-5,
      .page-social-responsability .community-section .ccol-md-8 {
          flex: 0 0 100%;
          max-width: 100%;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .community-section .hi-img {
          display: block;
          margin-left: auto;
          margin-right: auto;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .community-section .hi-img {
          /* width: auto !important;
          height: 100% !important; */
          padding: 40px 40px 20px;
        }
      }
      @media (max-width: 1300px) and (min-width: 1024px) {
        .page-social-responsability .community-section .hi-img {
          width: 100% !important;
          height: auto;
        }
      }
      @media (max-width: 500px) {
        .page-social-responsability .community-section .hi-img {
          width: 100% !important;
          height: auto !important;
        }
      }
      .page-social-responsability .community-section .col-content .fr-h-content {
        max-width: 100%;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .community-section .col-content .fr-h-content {
          margin-top: 2rem;
        }
      }
      .page-social-responsability .community-section .col-content .fr-h-content h3 {
        font-size: 36px;
        color: #303030;
        font-weight: bold;
        margin-bottom: 35px;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .community-section .col-content .fr-h-content h3 {
          text-align: center;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .community-section .col-content .fr-h-content h3 {
          font-size: 20px;
          margin-bottom: 1rem;
        }
      }
      .page-social-responsability .community-section .col-content .fr-h-content p {
        color: #303030;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .community-section .col-content .fr-h-content p {
          text-align: center;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .community-section .col-content .fr-h-content p {
          font-size: 14px;
        }
      }

      .page-social-responsability .page-fr-hero .n-row {
        margin-left: 0;
        margin-right: 0;
        height: 450px;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .page-fr-hero .n-row {
          flex-wrap: wrap-reverse;
          position: relative;
          height: auto;
        }
      }
      .page-social-responsability .page-fr-hero .ccol-md-6 {
        margin: 0;
        padding: 0;
        overflow: hidden;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .page-fr-hero .ccol-md-6 {
          flex: 0 0 100%;
          max-width: 100%;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .page-fr-hero .ccol-md-6:first-child {
          padding-top: 4rem;
          padding-bottom: 4rem;
          max-width: 100%;
        }
        .page-social-responsability .page-fr-hero .ccol-md-6:first-child .fr-h-content {
          margin-left: auto;
          margin-right: auto;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .page-fr-hero .ccol-md-6:first-child {
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
      }
      .page-social-responsability .page-fr-hero .ccol-md-6:first-child h1 {
        font-size: 50px;
        line-height: 59px;
        letter-spacing: -0.5px;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .page-fr-hero .ccol-md-6:first-child h1 {
          text-align: center;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .page-fr-hero .ccol-md-6:first-child h1 {
          font-size: 22px;
          width: 75%;
          margin-left: auto;
          margin-right: auto;
          line-height: 1.2;
        }
      }
      .page-social-responsability .page-fr-hero .ccol-md-6:first-child p {
        font-size: 16px;
        line-height: 30px;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .page-fr-hero .ccol-md-6:first-child p {
          text-align: center;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .page-fr-hero .ccol-md-6:first-child p {
          font-size: 14px;
          line-height: 1.2;
        }
      }
      @media (min-width: 1024px) {
        .page-social-responsability .page-fr-hero .ccol-md-6:first-child {
          display: flex;
          align-items: center;
          justify-content: left;
        }
        .page-social-responsability .page-fr-hero .ccol-md-6:first-child .fr-h-content {
          max-width: 80%;
          width: 100%;
          height: auto;
        }

        .page-social-responsability .reinversion-comunitaria-section .n-row{
          padding-bottom: 100px;
        }

      }
      @media (max-width: 770px) {
        .page-social-responsability .page-fr-hero .ccol-md-6:first-child {
          padding-left: 15px;
          padding-right: 15px;
        }
      }
      .page-social-responsability .page-fr-hero .ccol-md-6:last-child:before {
        content: "";
        background-image: url("../images/history/line.png");
        background-repeat: repeat-x;
        background-size: contain;
        width: 6px;
        height: 100%;
        float: left;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .page-fr-hero .ccol-md-6:last-child:before {
          display: none;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .page-fr-hero .ccol-md-6:last-child {
          padding-bottom: 5px;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .page-fr-hero .ccol-md-6:last-child:after {
          content: "";
          background-image: url("../images/history/line-mobile.png");
          background-repeat: repeat-y;
          background-size: cover;
          width: 100%;
          height: 3px;
          float: left;
        }
      }
      .page-social-responsability .page-fr-hero .ccol-md-6:last-child img {
        float: left;
        width: calc(100% - 6px);
      }



      @media (max-width: 1024px) {
        .page-social-responsability .page-fr-hero .ccol-md-6:last-child img {
          width: 100%;
        }
      }
      .page-social-responsability .page-fr-hero .ccol-md-6 img {
        height: 100%;
        width: auto;
      }

      .logo-wrapper {
        margin:0 0 0 0;
        width:100%;
        padding:50px 0 0 0;

      }
      .logo-3-columns-txt{
      margin-top:40px;
      }
      .sr-logo-section .site__container{
        margin-top: -450px;
      }
      .logo-wrapper img {
        margin:auto;
        display:block;
        width: 145px;

      }

      .sr-logo-section .n-row{
        border:1px solid #82BB42 !important;
      }
      .logo-wrapper .n-row{
        border: none !important;
        padding:0px !important;
          align-items: top;
        justify-content: center;
      }
      .page-social-responsability .sr-logo-section {
        margin-top: 0;
      }
      .page-social-responsability .sr-logo-section .bg-know {
        display: block;
        position: absolute;
        z-index: 0;
        width: 100%;
        background: #F6F8F7;
        height: 350px;
      }

      .entrepreneurship-section h6 {
      font-size:46px;
      color: #303030;
      padding: 40px 0;
      font-family: HelveticaNeue-Light, sans-serif !important;


      }

      span.green-text{
      color: #0E845C;
      font-weight: bold;
      }


      @media (max-width: 1024px) {
        .page-social-responsability .sr-logo-section .bg-know {
          display: none;
        }
      }
      .page-social-responsability .sr-logo-section .site__wrapper {
        position: relative;
        padding-top: 4rem;
        z-index: 1;
      }
      @media (max-width: 770px) {
        .page-social-responsability .sr-logo-section .site__wrapper {
          padding-top: 0;
        }
      }
      .page-social-responsability .sr-logo-section .n-row {
        background: #FFFFFF;
        border: 1px solid #979797;
        border-radius: 5px;
        padding: 50px;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .sr-logo-section .n-row {
          border: none;
          padding-top: 0;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .sr-logo-section .n-row {
          padding-left: 15px;
          padding-right: 15px;
          padding-bottom: 30px;
        }
      }
      .page-social-responsability .sr-logo-section .n-row .content {
        display: flex;
        flex-flow: wrap;
        justify-content: space-around;
        width: 100%;
      }
      .page-social-responsability .sr-logo-section .n-row .content .item {
        width: 470px;
      }
      @media (max-width: 1300px) and (min-width: 1024px) {
        .page-social-responsability .sr-logo-section .n-row .content .item {
          width: 400px;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .sr-logo-section .n-row .content .item {
          margin-bottom: 2rem;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .sr-logo-section .n-row .content .item {
          width: 100%;
        }
      }
      @media (max-width: 1300px) and (min-width: 1024px) {
        .page-social-responsability .sr-logo-section .n-row .content .item .item-img {
          width: 100%;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .sr-logo-section .n-row .content .item .item-img {
          width: 100%;
        }
      }
      .page-social-responsability .sr-logo-section .n-row .content-wp {
        margin: 2rem;
        position: relative;
        min-height: 150px;
      }
      @media (max-width: 770px) {
        .page-social-responsability .sr-logo-section .n-row .content-wp {
          margin: 1rem;
          min-height: 100px;
        }
      }
      .page-social-responsability .sr-logo-section .section-title {
        width: 70%;
        text-align: center;
        font-weight: bold;
        color: #303030;
        font-size: 25px;
        margin-bottom: 2rem;
        text-align:left;
        margin: 0;
      }


      .page-social-responsability  .community-section .n-row{
      min-height: unset;
      }

      @media (max-width: 1024px) and (min-width: 768px) {
      .page-social-responsability .sr-logo-section .section-title{
      text-align: center;
      margin:auto;
      }

      .page-social-responsability .reinversion-comunitaria-section .left{
        padding-bottom: 60px;
      }



      }


      @media (min-width: 1024px) {

      .page-social-responsability .sr-logo-section .section-title{
      padding-top: 0 !important;
      }
      }



      @media (max-width: 770px) {
        .page-social-responsability .sr-logo-section .section-title {
          font-size: 20px;
          margin-bottom: 1rem;

        }
      }
      .page-social-responsability .sr-logo-section .content .item {
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
      }

      .n-row .content .item h3 {
        font-size: 24px;
        font-weight: bold;
        color: #0E845C;
      }
      @media (max-width: 770px) {
        .n-row .content .item h3 {
          font-size: 18px;
        }
      }
      .n-row .content .item p {
        color: #636363;
        font-size: 15px;
        line-height: 1.5;
        padding-bottom: 30px;
      }
      @media (max-width: 770px) {
        .n-row .content .item p {
          font-size: 14px;
        }
      }
      .n-row .content .item .see-more {
        color: #0E845C;
        font-size: 15px;
        line-height: 1.5;
        text-decoration: none;
        position: absolute;
        bottom: 0;
      }
      @media (max-width: 770px) {
        .n-row .content .item .see-more {
          font-size: 14px;
        }
      }

      .page-social-responsability .links-section {
        margin-top: 2rem;
        margin-bottom: 4rem;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .links-section {
          margin-top: 0;
          margin-bottom: 0;
        }
      }
      .page-social-responsability .links-section .section-title {
        width: 100%;
        display: block;
        text-align: left;
        font-size: 36px;
        color: #303030;
        clear: both;
        font-weight: bold;
        margin-bottom: 2rem;
      }

      .solicitar-section{
        text-align: center;
        padding: 40px;
      }
      .solicitar-section h6{
        color: #303030;
        font-size: 25px;
        font-weight: bold;
        padding: 0 0 20px;

      }

      .green-bold-18{
        font-size:18px ;
        font-weight: bold;
        color: #0d7854!important;
        padding: 30px 0;
      }
      .solicitar-section-wrapper{
      max-width: 650px;
      margin: auto;
      }

      .solicitar-section{
        background-color: #f7faf9;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .links-section .section-title {
          text-align: center;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .links-section .section-title {
          font-size: 20px;
        }
      }
      .page-social-responsability .links-section .n-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
      }
      .page-social-responsability .links-section .n-row .content {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        width: 100%;
      }
      @media (max-width: 1024px) {
        .page-social-responsability .links-section .n-row .content {
          justify-content: center;
          margin-left: 15px;
          margin-right: 15px;
        }
      }
      .page-social-responsability .links-section .n-row .content .item {
        position: relative;
        width: 280px;
        height: 180px;
        margin-bottom: 3rem;
      }
      @media (max-width: 1300px) and (min-width: 1024px) {
        .page-social-responsability .links-section .n-row .content .item {
          width: 300px;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .links-section .n-row .content .item {
          height: auto;
          flex: 0 0 100%;
          max-width: 100%;
          border-bottom: 1px solid #D8D8D8;
          padding-bottom: 2rem;
          margin-bottom: 2rem;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .links-section .n-row .content .item:last-child {
          border-bottom: none;
          margin-bottom: 0;
        }
      }
      .page-social-responsability .links-section .n-row .content .item h3 {
        font-size: 24px;
        display: block;
        width: 100%;
        text-align: left;
      }
      @media (max-width: 770px) {
        .page-social-responsability .links-section .n-row .content .item h3 {
          font-size: 18px;
        }
      }
      .page-social-responsability .links-section .n-row .content .item h3:after {
        margin-top: 10px;
        margin-bottom: 20px;
        content: "";
        display: block;
        width: 40px;
        height: 2px;
        background: #D52D9F;
      }
      @media (max-width: 770px) {
        .page-social-responsability .links-section .n-row .content .item h3:after {
          width: 30px;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .links-section .n-row .content .item p {
          padding-bottom: 1rem;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .links-section .n-row .content .item p {
          font-size: 14px;
        }
      }
      @media (max-width: 1024px) {
        .page-social-responsability .links-section .n-row .content .item .see-more {
          position: relative;
          padding-bottom: 1rem;
        }
      }
      @media (max-width: 770px) {
        .page-social-responsability .links-section .n-row .content .item .see-more {
          font-sie: 14px;
        }
      }
      .page-social-responsability .links-section .n-row .content .item.item-2 h3::after {
        background: #EEC351;
      }
      .page-social-responsability .links-section .n-row .content .item.item-3 h3::after {
        background: #D92355;
      }
      .page-social-responsability .links-section .n-row .content .item.item-4 h3::after {
        background: #D92355;
      }

      @media (max-width: 1024px) {
        .page-social-responsability .fsb-footer {
          padding-top: 4rem;
        }


      }

      @media (min-width: 1024px) {
  .pp--hero .ccol-lg-7, .pps1 .ccol-lg-6 {
          padding-left: 0 !important;
      }

        .prod-offers-section .site__wrapper{
          padding-bottom: 60px;
        }
      }
      .page-social-responsability .fsb-footer .btt {
        background-position: top;
      }

      /*# sourceMappingURL=history.css.map */



      /* prestamos personales start*/


      .nrow-reverse {
        flex-direction: row-reverse;
        align-items: center;
      }

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

      .pp--hero {
        background-color: #0e845c;
        padding: 50px 0;
        color: white;
      }

      .pp--hero h1 {
        font-size: 40px;
        font-weight: bold;
        line-height: 1.2;
        letter-spacing: -0.11px;
        margin-bottom: 30px;
      }

      .pp--hero-image > img {
        border-radius: 5px;
        vertical-align: top;
      }

      .pp--hero-content .button-white {
        display: inline-block;
        padding: 15px 20px 14px 20px;
        border-radius: 4px;
        background-color: #fff;
        font-family: Arial, san-serif;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #0e845c;
        min-width: 200px;
      }

      .pp--hero-bar {
        padding: 30px 0;
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.14);
        background-color: #fff;
        position: relative;
          z-index: 2;
      }

      .pphbar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-size: 18px;
        font-weight: bold;
      }

      .pphb-label {
        padding-right: 10px;
        color: #303030;
      }

      .pphbar > a {
        padding: 14px 20px;
        border-radius: 4px;
        border: solid 1.4px #0e845c;
        background-color: #fff;
        display: inline-block;
        margin-left: 20px;
        text-align: center;
        color: #0e845c;
      }

      .pphbar > a .fas {
        margin-right: 10px;
      }

      .pphbar > a:hover {
        background-color: #0e845c;
        color: white;
      }

      .pps1 {
        background: white;
        padding: 70px 0;
      }

      .pps1-left {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.61;
        color: #636363;
      }

      .pps1 p {
        margin-bottom: 24px;
        font-weight:400;
      }

      .pps1 h2 {
        margin: 0 0 26px;
        font-size: 36px;
        font-weight: bold;
        line-height: 1.17;
        color: #0e845c;
      }

      .pps1-table {
        border: 1px solid #d5d5d5;
        border-bottom: 0;
        border-radius: 3px;
        width: 475px;
        max-width: 100%;
        font-size: 20px;
        font-weight: bold;
        color: #303030;
        vertical-align: middle;
        margin: 25px 0 0;
       width: 100%;
      }

      .pps1-table>tbody>tr>td {
        padding: 24px 15px;
        border-bottom: 1px solid #d5d5d5;
        width: 50%;
        text-align: center;
      }

      .pps1-table>tbody>tr>td sup {
        font-size: 14px;
      }

      .pps1-table>tbody>tr>td:first-child {
        border-right: 1px solid #d5d5d5;
        color: #0e845c;
      }

      .pps1-right h3, .pps1-left h3 {
        margin: 0 0 21px;
        font-size: 23px;
        font-weight: bold;
        color: #303030;
      }

      .pps1-right h3.custom-padding{
          padding-top:50px;
      }

      .pps1-right h3 sup, .pps1-left h3 sup {
        font-size: 18px;
      }

      .pps1-right, .pps1-left.custom-text {
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1.38 !important;
        color: #303030 !important;
      }

      ul.checkmark {
        list-style: none;
        padding-left: 0;
        margin: 0;
      }

      ul.checkmark li {
        position: relative;
        padding-left: 36px;
        margin: 5px 0;
        font-weight: 400;
      }

      ul.checkmark li:before {
        content: "\f00c";
        position: absolute;
        left: 0;
        top: 0;
        font-family: 'FontAwesome';
        font-weight: 900;
        color: #8dc541;
      }

      .space50 {
        height: 50px;
        display: block;
      }

      .pps1-note .fa-info {
        border: 1px solid #0e845c;
        background: white;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        line-height: 14px;
        text-align: center;
        font-size: 8px;
        color: #0e845c;
        position: absolute;
        left: 0;
        top: 4px;
      }

      .pps1-note {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.38;
        font-style: italic;
        color: #646464;
        padding-left: 32px;
        position: relative;
      }

      .ppcta {
        background-color: #0e845c;
        padding: 55px 0 50px;
        color: white;
      }

      .ppcta-title {
        font-size: 31px;
        font-weight: bold;
        line-height: normal;
        letter-spacing: normal;
        color: #fff;
      }

      .b-jcc {
          justify-content: center;
      }

      .b-align-c {
        align-items: center;
      }

      .ppcta .b-white {
          display: inline-block;
          padding: 15px 20px 14px 20px;
          border-radius: 4px;
          background-color: #fff;
          font-family: Arial, san-serif;
          font-size: 18px;
          font-weight: bold;
          text-align: center;
          color: #0e845c;
          min-width: 200px;
      }

      .pps2 {
        background-color: white;
        color: #636363;
        padding: 60px 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.63;
        letter-spacing: normal;
        color: #636363;
      }

      .pps2 h4 {
        font-size: 30px;
        font-weight: bold;
        color: #0e845c;
        margin: 0 0 24px;
      }

      .b-green-outline {
        padding: 10px 20px 9px 20px;
          border-radius: 4px;
          border: solid 1.4px #0e845c;
          background-color: #fff;
          display: inline-block;
          text-align: center;
          color: #0e845c;
        min-width: 175px;
        font-weight: bold;
        font-size: 18px;
        font-family: 'Arial', sans-serif;
        margin-top: 30px;
      }

      .b-green-outline:hover {
          background-color: #0e845c;
          color: white;
      }

      .ppbox {
        border-radius: 3px;
        box-shadow: 1px 2px 1px 0 rgba(51, 51, 51, 0.05);
        border: solid 1px #ececec;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        height: 100%;
      }

      .ppbox-inner {
        padding: 30px;
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.58;
        letter-spacing: normal;
        color: #636363;
      }

      .ppbox h5 {
        font-size: 20px;
        font-weight: bold;
        letter-spacing: -0.26px;
        line-height: normal;
        min-height: 48px;
        margin-bottom: 20px;


      }

      .ppbox h5 a {

        color: #303030 !important;
        text-decoration: underline;

      }


      .ppbox .r-more {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: normal;
        line-height: normal;
        color: #0e845c;
        margin-top: 40px;
        display: inline-block;
      }

      .ppbox .r-more .fas {
        font-size: 12px;
      }

      .pps3 {
        padding: 70px 0;
        background-color: #f6f8f7;
      }

      .pps3 .n-row{
          justify-content: center;
      }

      .pps3 h2 {
        font-size: 30px;
        font-weight: bold;
        line-height: normal;
        letter-spacing: normal;
        color: #0e845c;
        margin-bottom: 24px;
      }

      .pps3 .ti, .pps1 .ti{
        font-size: 16px;
        font-weight: 500;
        line-height: 1.63;
        letter-spacing: normal;
        color: #636363;
      }

      .pps3 .ti p, .pps1 .ti p  {
        margin-bottom: 30px;
        font-weight: 400;
      }

      .pps1 .ti p.custom {
          margin-bottom: 60px !important;
      }

   

      .pps3box {
        display: flex;
        flex-direction: column;
        height: 100%;
        border-radius: 3px;
        box-shadow: 0 2px 1px 0 rgba(51, 51, 51, 0.05);
        background-color: #fff;
      }

      .pps3box-inner {
        padding: 40px 40px 16px 40px;
      }

      .pps3box h3 {
        margin: 0 0 31px;
        font-size: 22px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.32;
        letter-spacing: normal;
        color: #303030;
        border-bottom: solid 1px #e4e4e4;
        margin-bottom: 30px;
        padding-bottom: 30px;
      }

      .pps3box h3 span.gb {
        font-weight: bold;
        color: #0e845c;
      }

      .pps3box-content h4 {
        margin: 0 0 15px 0;
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.26px;
        color: #373535;
      }

      .pps3box-content h4 strong {
        color: #0e845c;
      }

      .pps3box-content {
        margin-bottom: 24px;
      }

      .pps3box-content ul {
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.81;
        letter-spacing: normal;
        color: #636363;
      }

      .pps3box-note {
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        line-height: 1.71;
        letter-spacing: -0.13px;
        color: #8d8d8d;
        border-top: solid 1px #696969;
        margin-top: 45px;
        padding-top: 45px;
      }

      .ppcalc {
        background: white;
        padding: 10px 0 80px 0;
      }

      .ppcalc h2 {
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #0e845c;
        margin-bottom: 32px;
      }




      .ppcalc-form label {
        margin: 0 0 10px 0;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #303030;
        display: block;
      }

      .ppcalc-form input, .ppcalc-form select {
        padding: 12px 20px 11px 20px;
        border-radius: 3px;
        border: solid 1.4px rgba(195, 195, 195, 0.97);
        background-color: #f8f8f8;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #494949;
        display: block;
        width: 100%;
        height: 45px;
      }

      .pp-form-group {
        margin-bottom: 28px;
      }

      .pp-submit-btn {
        padding: 15px 15px 15px 15px;
        border-radius: 4px;
        background-color: #0e845c;
        font-family: 'Arial', sans-serif;
        font-size: 17px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        display: block;
        width: 100%;
      }

      .pp-form-note {
        margin: 16px 20px 0 0;
        font-size: 11px;
        font-weight: 500;
        font-stretch: normal;
        font-style: italic;
        line-height: 1.64;
        letter-spacing: normal;
        color: #646464;
      }

      .result-wrap {
        padding: 35px 15px 35px 15px;
        border-radius: 3px;
        background-color: #f6f8f7;
      }

      .pp-r-label {
        margin: 0 0 5px;
        font-size: 17px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.15px;
        text-align: center;
        color: #373535;
      }

      .pp-r-final {
        margin: 5px 7px 0;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #373535;
      }

      .pp-r-final > span {
        font-size: 30px;
        font-weight: bold;
        letter-spacing: -0.97px;
        color: #0e845c;
        display: inline-block;
        vertical-align: middle;
        padding-right: 5px;
      }

      .ppcalc-img > img {
        width: 100%;
      }

      .pp-input-grp {
        position: relative;
      }

      .pp-input-grp input {
        padding-left: 40px;
      }

      .pp-input-grp span {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #494949;
        display: inline-block;
        margin: 14px 0 0 20px;
      }

      .pp-input-grp.span-right span {
        left: auto;
        right: 0;
        margin-right: 20px;
        margin-left: 0;
      }

      .pp-input-grp.span-right input {
        padding-left: 20px;
        padding-right: 40px;
      }


      @media (min-width: 768px) {
        .pphb-mobile-label {
          display: none;
        }
      }

      @media (min-width: 992px) {
        .pps1-right {
          padding-left: 50px;
        }

        .ppcta .t-md-right{
          text-align: center;
        }

        .ppcta .t-md-left {
          text-align: center;
        }

        .pps2-b1 {
          max-width: 320px;
        }


        .pp-hide-on-lg {
          display: none;
        }
      }

      @media (max-width: 991px) {
        .pp--hero {
          padding: 19px 0 30px;
        }

        .pp--hero-image > img {
          width: 100%;
        }

        .pp--hero-content {
          padding-top: 20px;
          text-align: center;
        }

        .pp--hero h1 {
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.18;
          letter-spacing: -0.25px;
          color: #fff;
          margin-bottom: 22px;
        }

        .pphb-label {
          display: none;
        }

        .pphbar {
          justify-content: center;
        }

        .pps1 {
          padding-top: 28px;
          padding-bottom: 15px;
        }

        .pps1 h2 {
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.27;
          letter-spacing: normal;
          color: #0e845c;
          margin-bottom: 15px;
        }

        .pps1 p {
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.67;
          letter-spacing: -0.12px;
          color: #4b4a4a;
        }

        .pps1-table {
          margin-top: 30px;
          font-size: 12px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          margin-bottom: 40px;
          max-width:100%;
        }

        .pps1-table>tbody>tr>td sup {
          font-size: 8.3px;
        }

        .pps1-table>tbody>tr>td {
          padding: 17px 15px;
        }

        .pps1-right h3, .pps1-left h3 {
          font-size: 18px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #303030;
          padding-right: 20px;
        }

           .pps1-right h3.custom-padding{
          padding-top: 0px;
      }

        .pps1-right h3 sup {
          font-size: 15px;
        }

        .pps1 ul {
          font-size: 13px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.46;
          letter-spacing: normal;
          color: #303030;
        }

        .pps1 ul li {
          margin-bottom: 15px;
          padding-left: 24px;
        }

        .space50 {
          height: 25px;
        }

        .pps1 .pps1-note {
          font-size: 13px;
          font-weight: 500;
          font-stretch: normal;
          font-style: italic;
          line-height: 1.38;
          letter-spacing: normal;
          color: #646464;
        }

        .ppcta {
          text-align: center;
          padding: 30px 0;
        }

        .ppcta-title {
          margin-bottom: 24px;
        }

        .pps2 {
          padding: 40px 0 30px;
        }

        .pps2 h4 {
          margin: 0 0 30px 0;
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #0e845c;
        }

        .pps2-b1 p, .pps2-b1 .b-green-outline {
          display: none;
        }

        .ppbox {
          margin-bottom: 25px;
          height: auto;
        }

        .ppbox-inner {
          padding: 20px;
        }

        .ppbox h5 {
          margin: 0 0 34px 1px;
          font-size: 18px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: -0.24px;
          color: #303030;
          min-height: 1px;
        }

        .ppbox p {
          margin: 0 0 30px 0;
          font-size: 12px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.58;
          letter-spacing: normal;
          color: #636363;
        }

        .ppbox .r-more {
          margin-top: 0;
        }

        .pps3 {
          padding: 40px 0 30px;
        }

        .pps3 h2 {
          margin: 0 0 20px 0;
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #0e845c;
        }
        .pps3 p {
          margin: 0 0 30px;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.67;
          letter-spacing: -0.12px;
          color: #4b4a4a;
        }

        .pps3box-inner {
          padding: 20px;
        }

        .pps3box h3 {
          margin: 0 0 15px;
          padding-bottom: 15px;
          font-size: 15px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.47;
          letter-spacing: normal;
        }

        .pps3box-content h4 {
          margin: 0 0 18px 0;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: -0.18px;
          color: #373535;
        }

        .pps3box-content ul {
          margin: 0 0 0 10px;
          font-size: 12px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.58;
          letter-spacing: normal;
          color: #636363;
        }

        .pps3box-content ul li {
          margin-bottom: 10px;
          padding-left: 24px;
        }

        .pps3box-note {
          margin-top: 20px;
          padding-top: 20px;
        }

        .pps3box-note p {
          font-size: 11px;
          font-weight: 500;
          font-stretch: normal;
          font-style: italic;
          line-height: 1.64;
          letter-spacing: normal;
          color: #646464;
          margin: 0;
        }

        .pps3box {
          height: unset;
          display: block;
          margin-bottom: 30px;
        }

        .ppcalc-img {
          margin-bottom: 40px;
        }

        .ppcalc {
          padding-bottom: 50px;
        }

        .pp-hide-on-sm {
          display: none;
        }

        .result-wrap {
          margin-top: 30px;
        }

        .pp-form-note {
          margin-top: 30px;
        }
      }

      @media (max-width: 767px) {

        .page-history .links-section .n-row .content .item h3 a, .n-row .content .item h3, .n-row .content .item h3 a{
          font-size:18px !important;
        }
        .page-social-responsability .reinversion-comunitaria-section .left{
          padding-bottom: 60px;
        }

        .pp--hero-content .button-white {
          display: block;
          width: 100%;
          font-size: 15px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: -0.14px;
          text-align: center;
          color: #0e845c;
        }


      .ppcalc h2 {
        font-size: 22px !important;

      }

        .pphbar > a {
          border: 0;
          margin:  0;
          font-family: 'Arial', san-serif;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          padding: 15px;
          width: 33.333%;
        }

        .pphbar > a .fas {
          display: block;
          font-size: 24px;
          margin: 0 0 13px 0;
        }

        .pphb-desktop-label {
          display: none;
        }

        .pp--hero-bar {
          padding: 15px 0;
        }

        .ppcta {
          padding: 30px 0;
        }

        .ppcta-title {
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #fff;
          max-width: 280px;
          margin-left: auto;
          margin-right: auto;
        }

        .ppcta .b-white {
          display: block;
          max-width: 300px;
          margin-left: auto;
          margin-right: auto;
          font-size: 15px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: -0.14px;
          text-align: center;
          color: #0e845c;
        }
      }


      /*prestamos personales end*/

      .remove-button-style{
        border: none !important;
        padding: 0 !important;
        margin-top: 0px !important;

      }





.contact-box-side-heading{
  font-size:24px;
  text-align: center;
  color: #303030;
  font-weight: bold;
}

  .contact-box-side-layout-wrapper{
      background-color: #fff;
      width: 90%;
      margin: 20px auto;
      display: block;

  }

  .contact-box-side-layout{
      padding: 20px;
  }

  .green-text {
      color: #0E845C;
  }



.cc-wide-button{
  background-color: #018752;
  color: #fff;
  padding: 10px 20px;
  margin:0 auto 15px;
  display: block;
  text-align: center;
  float: right;
  font-size: 14px;
  border-radius: 3px;
}






/* New Page Fraude */
.page-fr-hero {
  background-color: #008754;
  padding: 52px 0;
  font-size: 18px;
  line-height: 1.44;
  color: #ffffff;
}

.page-fr-hero h1 {
font-size: 40px;
font-weight: bold;
line-height: 1.2;
letter-spacing: -0.11px;
margin-bottom: 20px;
}

.page-fr-hero h1 > span {
  text-indent: -9999px;
  display: inline-block;
background: url("../images/portales/double-check-logo.png") no-repeat left center;

width: 272px;
background-size: 100%;
height: 48px;
}

.fr-h-content {
max-width: 420px;
}

.fr-h-content p a {
color: white;
border-bottom: 1px solid #fff;
}

.fr-h-content p a:hover {
border-color: transparent;
}

.fr-white-btn {
display: inline-block;
  padding: 13px 30px;
  border-radius: 4px;
  background-color: #fff;
  font-family: Arial, san-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #0e845c;
margin-top: 30px;
}

.fr-img {
max-width: 100%;
height: auto;
border-radius: 6px;
box-shadow: 2px -1px 8px 0 rgba(0, 0, 0, 0.18);
}

.fr-responsive {
max-width: 100%;
height: auto;
}

.page-fr-main {
background: #f6f8f7;
padding: 50px 0 40px;;
}

.fr-nav {
  border-radius: 6px;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: -0.09px;
  color: #6d6b6b;
  width: 100%;
position: sticky;
top: 20px;
}

.fr-nav-title {
background: #0e845c;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 10px 25px 9px 25px;
border-radius: 6px 6px 0 0;
}

.fr-nav-list {
  overflow: hidden;
  position: relative;
  list-style: none;
  padding: 0 10px 14px 25px;
  margin: 6px 0 0;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1;
letter-spacing: -0.09px;
color: #6d6b6b;
}

.fr-nav-list a {
display: block;
padding: 14px 15px 14px 20px;
position: relative;
color: #303030 !important;
}

.fr-nav-list a:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: #8dc541;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
font-size: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fr-nav-list a:hover {
color: #0e845c;
}

.fr-nav-list .is-active-li a,
.fr-nav-list a[aria-expanded="true"] {
color: #0e845c;
}

.fr-nav-list .is-active-li a:before,
.fr-nav-list a[aria-expanded="true"]:before {
  /* content: "\f054"; */
content: "›";
}

.fr-content-block {
margin: 0 0 30px;
padding: 10px 30px 10px 40px;
border-radius: 6px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06);
background-color: #fff;
}

.fr-content-block h2 {
font-size: 26px;
font-weight: bold;
letter-spacing: -0.17px;
color: #303030;
}

.not-checked {
list-style: none;
padding: 0;
margin: 0;
}

.not-checked li {
position: relative;
padding-left: 32px;
font-size: 15px;
line-height: 24px;
margin-bottom: 24px;
font-weight: normal;
}

.not-checked li:before {
content: '';
background: url(../images/fr/close.svg) no-repeat 0 0;
background-size: 100%;
width: 12px;
height: 12px;
display: block;
position: absolute;
left: 0;
top: 5px;
}

.fr-content-collapse {
padding-top: 15px;
}

.fr-content-collapse:not(.show) {
display: none;
}

.fr-content-block h2 a, .fr-content-block  button{
font-size: 26px;
  font-weight: bold;
  letter-spacing: -0.17px;
  color: #303030;
display: block;
line-height: 34px;
  text-align: left;
width: 100% !important;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;

}


.fr-content-block h2{
  height: 85px;
  vertical-align: middle;
  display:table-cell;
}

.fr-content-block {
position: relative;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.63;
letter-spacing: normal;
color: #303030;
}

.fr-green {
color: #0e845c;
}

.max70 {
max-width: 630px;
}

.fr-content-block p {
margin-bottom: 20px;
}

.fr-collapse-icon-wrapper{
height: 50px;
width: 50px;
float: right;
position: absolute;
top:27px;
right: 0px;


}

.fr-content-block .fr-collapse-icon {
width: 50px;
height: 50px;
display: block;
background-color: #f5f5f5;
border-radius: 50%;
text-align: center;
font-size: 22px;
color: #0e845c;
line-height: 50px;
float: right;
position: absolute;
top: 50%;
transform: translate(0px, -50%);
right: 30px;
}

.fr-mb-40 {
margin-bottom: 40px!important;
}

.fr-resources {
background: white;
padding-top: 80px;
padding-bottom: 100px;
margin-bottom: -100px;
}

.fr-resources h2 {
font-size: 30px;
font-weight: bold;
letter-spacing: -0.2px;
color: #303030;
}

.fr-rsr-block {
margin-top: 50px;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 14px;
font-style: normal;
line-height: 1.86;
letter-spacing: normal;
color: #303030;
}

.fr-resources h3 {
margin: 0 0 22px;
font-size: 18px;
line-height: 1.25;
font-weight: bold;
color: #0e845c;
}

.fr-rsr-block p {
margin-bottom: 30px;
}

.fr-rsr-block p a {
color: inherit;
border-bottom: 1px solid;
border-color: currentColor;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}

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

.mobile-chevron:before{
top: -9px !important;
right: 9px !important;
position: absolute;
}


.fa{
margin: 0px;
font-size:19px !important;
}

a[aria-expanded="false"] .fa-chevron-down:before {
content: "\f107";
}

a[aria-expanded="true"] .fa-chevron-down:before {
content: "\f106";
position:absolute;
top:5px;
right:9px;
}

.fr-collapse-icon-wrapper{
top: 21px;
}


}


@media screen and (min-width: 768px) {
.fr-collapse-icon-wrapper .fa-chevron-down{
font-size:30px !important;
}

.fa{
margin: 10px;

}

button[aria-expanded="false"] .fa-chevron-down:before {
content: "\f107";
}

button[aria-expanded="true"] .fa-chevron-down:before {
content: "\f106";
position:absolute;
top:7px;
right:15px;
}

}

.accordList {
list-style: none;
padding: 0;
margin: 0;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 1.33;
letter-spacing: normal;
color: #303030;
}

.accordList > li {
position: relative;
margin-bottom: 20px;
padding-left: 30px;
}

.accordList > li:before {
content: '';
background: #aacd66;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
margin-top: 5px;
}

.accordList > li:after {
content: "\f105";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
color: #0e845c;
margin-left: 8px;
font-size: 17px;
}

.accordList > .c1:before, .h3c1 {
background: #aacd66;
}

.accordList > .c2:before, .h3c2 {
background: #d52d9f;
}

.accordList > .c3:before, .h3c3 {
background: #eec351;
}

.accordList > .c4:before, .h3c4 {
background: #d92355;
}

.accordList > .c5:before, .h3c5 {
background: #8154c1;
}

.accordList > .c6:before, .h3c6 {
background: #68afe1;
}

.accordList > .c7:before, .h3c7 {
background: #78b852;
}

.accordList > .c8:before, .h3c8 {
background: #d52d9f;
}

.accordList > .c9:before, .h3c9 {
background: #eec351;
}

.accordList > .c10:before, .h3c10 {
background: #aacd66;
}

.accordList > li > a {
border-bottom: 1px solid currentColor;
color: #303030;
font-weight: normal;
}

.accordList > li > a:hover {
border-bottom-color: transparent;
}

.sub-sections {
padding-top: 30px;
}

.ftipe {
padding: 0 0 30px;
border-radius: 3px;
box-shadow: 1px 2px 1px 0 rgba(51, 51, 51, 0.05);
border: solid 1px #e0dfdf;
background-color: #fff;
margin-bottom: 30px;
}

.ftipe-header {
border-bottom: solid 1px #e0dfdf;
background-color: #fafafa;
padding: 26px 15px 26px 48px;
border-radius: 3px 3px 0 0;
position: relative;
}

.ftipe-header h3 {
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #0e845c;
}

.ftipe-header h3 .h3c {
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
position: absolute;
left: 17px;
top: 28px;
}

.ftipe-body {
padding: 20px 40px 1px 40px;
}

.ftipe-body ul {
list-style: none;
padding: 0;
margin: 0;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 15px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.6;
letter-spacing: normal;
color: #303030;
text-align: left;
}

.ftipe-body ul.bullets{
margin-top: 20px;

}

.ftipe-body ul.bullets li::before{
content: "\2022";
color:#0e845c !important;
margin-top: 2px;

}

.ftipe-body ul.bullets li{
padding-left: 20px;
margin-left:10px;
}

.ftipe-body ul li {
position: relative;
padding-left: 35px;
font-weight: 400;
}

.ftipe-body ul li:before {
content: "\f00c";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
color: #8dc541;
position: absolute;
top: 4px;
left: 0;
}

.ftipe-body ul li {
margin-bottom: 20px;
}

.fr-mt-50 {
margin-top: 40px;
}

.fr-h4 {
font-size: 18px;
font-weight: bold;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #303030;
}

.fr-btn-outline {
border-radius: 4px;
border: solid 1.4px #0e845c;
background-color: #fff;
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
display: inline-block;
color: #0e845c;
padding: 14px 30px;
text-align: center;
}

.fr-btn-outline:hover  {
color: #fff;
background-color: #0e845c;
}

.ver-mas {
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #303030;
display: inline-block;
}

.ver-mas:after {
content: "\f078";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
color: #8dc541;
padding: 0 10px;
}

.ver-mas[aria-expanded="true"]:after {
content: "\f077";
padding: 0 10px;
}

.ver-mas-holder {
border-top: solid 1px #f6f6f6;
text-align: center;
margin-top: 30px;
padding-top: 30px;
}

.ftipe .toggled:not(.show) {
display: none;
}

.fr-resources .fa {
color: #82bb42;
margin-right: 10px;
font-size: 17px;
}

.fa-exclamation-triangle {
color: #82bb42;
margin-right: 10px;
font-size: 25px;
float: left;
}


.report-info {
padding-top: 50px;
}

.report-info h2 {
padding-bottom: 10px;
}

.report-info h3 {
margin-top: 20px;
margin-bottom: 20px;
}

.report-info .fr-btn-outline {
border-width: 2px;
padding: 12px 20px;
}

.fr-resources .ri-holder .fa {
color: inherit;
margin-right: 0;
}

.report-info .ext {
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.63;
letter-spacing: normal;
color: #303030;
display: inline-block;
margin-left: 15px;
}

.report-info p {
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.86;
letter-spacing: normal;
color: #303030;
}

.report-info p a {
color: inherit;
border-bottom: 1px solid #303030;
font-weight: bold;
}

.fr-nav-btn {
padding: 16px 20px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06);
background-color: #fff;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #0e845c;
  display: block;
  text-align: left;
  width: 100%;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}

.fr-nav-btn:after {
  /* content: "\f078"; */
  /* font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); */
}

.mobile-service-menu .fa-chevron {
font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


.fr-menu {
  display: block;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  list-style: none;
  padding: 0;
  margin: 0;
}

.fr-menu { display: block; max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); list-style: none; padding: 0; margin: 0; }

.fr-menu a { background-color: #fff; color: #303030; display: block; padding: 15px 15px; border-bottom: 1px solid #e5e5e5; }

.fr-menu.show { max-height: 99em; -webkit-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; }

@media (min-width: 768px) {
.fr-show-mobile {
  display: none;
}
}
@media (max-width: 1024px) {
.fr-content-block h2 {
    padding-right:40px;
}

}
@media (max-width: 769px) and (min-width: 767px) {
.mobile-header-fr-icon {
    top: 16px !important;
}
}

@media (max-width: 1024px) and (min-width: 769px) {
.mobile-header-fr-icon {
    top: 7px !important;
}
}

.report-info .ri-holder .icon-phone-wrapper{
font-family: Arial, Helvetica, sans-serif;
}

.report-info .ri-holder .icon-phone-wrapper .fa{
    margin: 0;
}
.report-info .ri-holder  a{
   
     text-decoration:none !important;
}


@media (max-width: 767px) {

.fr-resources .ri-holder .fa{
    margin-right:5px;
}



.page-fr-hero {
  padding: 19px 0 35px;
  text-align: center;
}

.page-fr-hero h1 {
  font-size: 26px;
}

.page-fr-hero h1 > span {
  width: 181px;
  height: 26px;
  display: block;
  margin: 0 auto;
}

.page-fr-hero h1 br {
  display: none;
}

.fr-hide-mobile {
  display: none;
}

.fr-h-content {
  max-width: 100%;
}

.fr-h-content p {
  margin: 20px 0;
}

.fr-white-btn {
  margin-top: 0;
}

.page-fr-main {
  padding-top: 25px;
}

.fr-content-block {
  padding: 0px 20px 0px 20px;
  margin-bottom: 15px;
}

.fr-content-block .fr-collapse-icon {
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
}

.fr-content-block h2 button {
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: -0.2px;
  color: #303030;
  padding-right: 70px;
  line-height: 1.2;
}

.fr-content-block, .not-checked li {
  font-size: 14px;
  line-height: 18px;
}

.ftipe-header h3 {
  font-size: 15px;
}

.ftipe-header h3 .h3c {
  width: 12px;
  height: 12px;
  left: 15px;
  top: 19px;
}

.ftipe-header {
  padding: 16px 15px 16px 40px;
}

.ftipe-body {
  padding: 20px 20px 1px 15px;
}

.ftipe-body ul li {
  padding-left: 25px;
}

.ftipe-body ul, .accordList {
  font-size: 13px;
  line-height: 17px;
}

.fr-h4 {
  font-size: 16px;
  line-height: 20px;
}

.fr-resources {
  padding-top: 30px;
}

.fr-resources h2 {
  font-size: 20px;
  padding: 0 15px 30px;
  margin-top: -5px;

}

.fr-rsr-block {
  margin-top: 0px;
}

.fr-resources h3 {
  font-size: 16px;
  margin-bottom: 20px;
 
}



.report-info .ri-holder {
  text-align: center;
}

.report-info .ri-holder .ext {
  padding-top: 10px;
}

.report-info .ri-holder .fr-btn-outline {
  display: block;
}

.fr-resources {
  margin-bottom: -90px;
  padding-bottom: 90px;
}
}


.fa-phone{

margin-right: 10px;

}


.hr-gray-f6{
border: solid 1px #f6f6f6;
margin: 40px 0;
}

.color-0e845c{
color: #0e845c;
}



.mobile-header-fr-icon{
position: absolute;
top: 25px;
right: 20px;
}



.page__resident {
  background: white;
  padding-bottom: 32px;
}

.resi-hero {
  background: url("../images/portales/hero2.png") no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 165px 0 170px;
}

.resi-title {
  font-size: 60px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.98;
  letter-spacing: -0.17px;
  color: #0e845c;
}

.resi-hero-bar {
  background: #0e845c;
  color: white;
  font-size: 23px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.23px;
  color: #fff;
  padding: 40px 0;
}

.resi-bar-content {
  display: flex;
}

.rbc-1 {
  padding-right: 100px;
}

.button-white {
  display: inline-block;
  padding: 15px 20px 14px 20px;
  border-radius: 4px;
  background-color: #fff;
  font-family: Arial, san-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
  color: #0e845c;
  min-width: 271px;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.resi-tabs {
  padding: 44px 0 38px;
  background: #fff url("../images/portales/sep.png") repeat-x;
  background-position: bottom left;
  min-height: 110px;
}

.resi-tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #636363;
}

.resi-tabs ul li:not(:first-child) {
  margin-left: 75px;
}

.resi-tabs .t-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
}

.resi-tabs li:first-child .t-icon > svg path {
  fill: #989898;
}

.resi-tabs li.active .t-icon > svg path {
  fill: #0e845c;
}

.resi-tabs li:last-child.active .t-icon > svg path:first-child {
  fill: white;
  stroke: #0e845c;
}

.resi-tabs li.active a {
  color: #0e845c;
}

.resi-tabs-content {
  padding: 80px 0;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #303030;
}

.page__resident ul.checkmark {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.page__resident ul.checkmark li {
  position: relative;
  padding-left: 36px;
  margin-bottom: 24px;
}

.page__resident ul.checkmark li:before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "FontAwesome";
  font-weight: 900;
  color: #8dc541;
}

.resi-h2 {
  margin: 0 0 50px 0;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #0e845c;
}

.resi-h2 > span {
  font-weight: 500;
}

.resi-image {
  margin-top: 70px;
}

.resi-tabs-content .button-outline2 {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #0e845c;
  padding: 12px 30px;
  border-radius: 4px;
  border: solid 2px #0e845c;
  height: auto;
  display: inline-block;
}

.resi-tabs-content .button-outline2:hover {
  color: white;
  background-color: #0e845c;
}

.resi-cta-banner {
  margin-top: 80px;
  padding: 50px 50px 48px 50px;
  border-radius: 5px;
  background-color: #f6f8f7;
  font-family: HelveticaNeue;
  font-size: 23px;
  font-weight: 500;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.23px;
  color: #303030;
  display: flex;
  align-items: center;
}

.resi-cta-button {
  margin-left: auto;
}

.resi-footer-cta {
  display: flex;
  align-items: center;
}

.resi-fcta-text {
  padding-top: 30px;
}

.resi-fcta-text .button {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  padding: 11px 15px;
}

.resi-fcta-title {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: -0.23px;
  text-align: center;
  color: #303030;
  margin-bottom: 29px;
}

.fsb-footer {
  background: white;
}

.fsb-bottom {
  background: #fcfcfc;
}

.resi-fcta-2 {
  padding: 30px 50px 49px 50px;
  border-radius: 10px;
  background-color: #f6f8f7;
  text-align: center;
}

.resi-fcta2-title {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: -0.23px;
  text-align: center;
  color: #303030;
}

.f1logo {
  margin-bottom: 20px;
}

.resi-fcta2-badges > a {
  display: inline-block;
  margin-top: 29px;
}

.resi-fcta2-badges > a + a {
  margin-left: 24px;
}

.resi-tabs-content img {
  max-width: 100%;
  height: auto;
}

.rtab2-title {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #303030;
  margin-bottom: 30px;
}

.rtab2 {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #303030;
}

.rtab2 p {
  margin-bottom: 24px;
}

.rtab2 .mb-50 {
  margin-bottom: 50px;
}

.rtab2 .mb-40 {
  margin-bottom: 40px;
}

.rtab2-subtitle {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e845c;
  margin-bottom: 30px;
}

.rtab2-image {
  border-radius: 5px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px rgb(170 170 170 / 25%);
}

.funcSection {
  padding: 80px 0;
}

.funcSection-1 {
  padding-top: 0;
}

.funcGrey-bg {
  background-color: #f4f6f5;
}

.func-two-cols .rtab2-title {
  min-height: 78px;
}

.func-last {
  padding-bottom: 0;
}

.func-last .site__container {
  border-bottom: solid 1px #eee;
  padding-bottom: 50px;
}

.rtab3-h2 {
  margin: 0 0 31px 0;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #0e845c;
}

.rtab3-s1 {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #303030;
  padding-bottom: 5px;
}

.rtab3-pt30 {
  padding-top: 30px;
}

.rtab3-s2 {
  background: #f4f6f5;
  padding: 80px 0px;
}

.rtab3-h3 {
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #303030;
  padding-bottom: 30px;
  margin-bottom: 0;
}

.rtab3-box {
  padding: 30px;
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.rtab3-s2 .ccol-mt-30 {
  margin-top: 30px;
}

.rtba3b-title {
  margin: 0 0 50px 0;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e845c;
}

.rtab3bt30 {
  margin-bottom: 25px;
}

.rtab3-links {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #303030;
  display: flex;
  flex-wrap: wrap;
}

.rtab3-links > a {
  color: #303030;
}

.rtab3-links .download-icon {
  background: url(../images/resi/download.svg) no-repeat 0 0;
  background-size: 15px auto;
  padding-left: 25px;
  margin-left: auto;
}

.rtab3-links .video-icon {
  background: url(../images/resi/play.svg) no-repeat 0 0;
  background-size: 15px auto;
  padding-left: 25px;
}

.rtab3-s3 {
  padding: 40px 0px;
}

.accordionWrapper {
  max-width: 770px;
  margin: 0 auto;
}

.accordionItem {
  float: left;
  display: block;
  width: 100%;
  margin-top: 20px;
  padding: 30px;
  border-radius: 6px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #ececec;
  background-color: #fff;
}
.accordionItemHeading {
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: -0.15px;
  color: #303030;
  position: relative;
  padding-right: 60px;
}

.open .accordionItemHeading {
  color: #0e845c;
}

.accordionItemHeading:after {
  font-size: 36px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 5px;
}

.open .accordionItemHeading:after {
  content: "\f068";
}

.close .accordionItemHeading:after {
  content: "\f067";
}

.close .accordionItemContent {
  height: 0px;
  transition: height 1s ease-out;
  transform: scaleY(0);
  float: left;
  display: block;
}
.open .accordionItemContent {
  margin: 30px 0 0;
  padding-top: 23px;
  border-top: solid 1px #e5e5e5; 
  width: 100%;
  display: block;
  /* transform: scaleY(1);
  transform-origin: top;
  transition: transform 0.4s ease; */
}

.accordionItem ul{
  padding-left: 25px;
}

.accordionItemContent {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: -0.14px;
  color: #303030;
}

.rtab3-s1 p {
  margin-bottom: 24px;
}

.rtab3-s1 p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .mw-270 {
    min-width: 200px;
  }
}

@media screen and (min-width: 992px) {
  .flex-nrow-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .pl-md-3 {
    padding-left: 30px;
  }

  .mw-270 {
    min-width: 270px;
  }

  .mt-26 {
    margin-top: 26px;
  }

  .d-block-tablet {
    display: none;
  }

  .rtab-text-right {
    text-align: right;
  }

  .pr-lg-99 {
    padding-right: 99px;
  }

  .pl-lg-99 {
    padding-left: 99px;
  }
}

@media screen and (max-width: 991px) {
  .resi-footer-cta,
  .resi-fcta-2 {
    max-width: 575px;
    margin-left: auto;
    margin-right: auto;
  }

  .resi-footer-cta {
    margin-bottom: 150px;
  }

  .resi-cta-banner {
    padding: 30px;
  }

  .resi-h2 {
    text-align: center;
  }

  .resi-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
  }

  .resi-tabs-content .btn-mobile-center {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .d-none-tablet {
    display: none;
  }

  .mb-tablet-0 {
    margin-bottom: 0 !important;
  }

  .rtab3s1-image {
    margin-top: 40px;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .rtab2-image.d-block-tablet {
    display: block;
    margin: 0 auto 50px auto;
  }

  .funcSection .site__container {
    max-width: 720px;
  }

  .func-two-cols .rtab2-title {
    min-height: 1px;
  }

  .rtab3-s1 {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 50px auto;
  }

  .rtab3-box {
    padding: 20px;
  }

  .rtba3b-title {
    font-size: 18px;
    margin-bottom: 25px;
  }

  .rtab3-links {
    font-size: 12px;
  }

  .rtab3-links .video-icon,
  .rtab3-links .download-icon {
    background-size: 8px auto;
    padding-left: 12px;
  }

}

@media screen and (max-width: 767px) {
  .resi-hero {
    background: #0e845c url("../images/portales/hero-mobile2.png") no-repeat;
    background-position: top center;
    background-size: auto 100%;
    height: 407px;
    padding: 30px 0 0;
    margin-bottom: -1px;
  }

  .resi-title {
    font-size: 26px;
  }

  .resi-hero-bar {
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: -0.15px;
    padding-top: 20px;
  }

  .resi-bar-content {
    display: block;
    text-align: center;
    max-width: 270px;
    margin: 0 auto;
  }

  .rbc-1 {
    padding-right: 0;
    margin-bottom: 24px;
  }

  .button-white {
    padding: 10px 15px;
    width: 100%;
    min-width: 1px;
  }

  .resi-tabs {
    padding: 21px 0 18px;
    min-height: 86px;
    background-size: 100% 3px;
  }

  .resi-tabs .t-icon {
    display: block;
    margin: 0 0 10px 0;
  }

  .resi-tabs .t-icon > svg {
    height: 20px;
  }

  .resi-tabs ul {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #636363;
    justify-content: space-between;
  }

  .resi-tabs ul li > a {
    display: block;
    text-align: center;
    text-transform: capitalize;
  }

  .resi-tabs ul li:not(:first-child) {
    margin-left: 0;
  }

  .resi-tabs .show-only-desktop {
    display: none;
  }

  .resi-tabs-content {
    padding-top: 44px;
    padding-bottom: 20px;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #303030;
  }

  .resi-h2 {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: -0.25px;
    text-align: left;
  }

  .resi-h2 > span {
    display: block;
  }

  .page__resident .site__wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .page__resident ul.checkmark li {
    margin-bottom: 15px;
    padding-left: 30px;
  }

  .resi-tabs-content .btn-mobile-center {
    max-width: 100%;
  }

  .mt-26 {
    margin-top: 30px;
  }

  .resi-cta-banner {
    margin-top: 50px;
    padding: 40px 36px;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 1.35;
    letter-spacing: -0.25px;
  }

  .resi-cta-text {
    margin-bottom: 30px;
  }

  .resi-fcta-2,
  .resi-footer-cta {
    display: block;
    text-align: center;
    max-width: 280px;
  }

  .resi-fcta-title {
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -0.25px;
    margin-bottom: 25px;
  }

  .resi-fcta-text {
    padding-top: 28px;
  }

  .site--header__aside {
    padding-top: 0;
  }

  .mobile--menu > span {
    display: none;
  }

  .mobile--menu {
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    height: 52px;
    width: 40px;
    background-size: 18px auto;
  }

  .f1logo {
    margin-top: -50px;
  }

  .resi-fcta2-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.25px;
    padding-bottom: 18px;
  }

  .resi-fcta2-badges > a {
    margin-top: 13px;
  }

  .resi-fcta2-badges > a + a {
    margin-left: 0;
  }

  .resi-fcta-2 {
    padding-bottom: 45px;
  }

  .rtab2-title {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.26px;
    margin-bottom: 15px;
  }

  .rtab2 {
    font-size: 13px;
    line-height: 1.62;
    letter-spacing: normal;
  }

  .rtab2 .mb-50 {
    margin-bottom: 30px;
  }

  .rtab2-image {
    margin-bottom: 30px;
  }

  .rtab2-subtitle {
    font-size: 13px;
    line-height: normal;
    letter-spacing: normal;
  }

  .funcSection {
    padding: 40px 0;
  }

  .funcSection-1 {
    padding-top: 0;
  }

  .func-two-cols .rtab2-title {
    min-height: 1px;
    margin-bottom: 15px;
  }

  .rtab2 .mb-40 {
    margin-bottom: 30px;
  }

  .rtab2-title.mb-40 {
    margin-bottom: 15px;
  }

  .mb-last-0 {
    margin-bottom: 0 !important;
  }

  .rtab3-h2 {
    font-size: 22px;
    line-height: 1.32;
    padding-top: 0;
    margin-bottom: 15px;
  }

  .rtab3-s1 {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: -0.14px;
  }

  .rtab3-s2 {
    padding: 40px 0;
  }

  .rtab3-h3 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.26px;
    text-align: left;
    padding-bottom: 0;
  }

  .rtab3-box {
    padding: 20px 24px 20px 20px;
  }

  .rtba3b-title {
    margin: 0 0 34px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
  }

  .rtab3-links {
    font-size: 14px;
  }

  .rtab3-s3 {
    padding: 40px 0;
  }

}


 .page-convenience-main .legal p{
              font-size: 12px  !important;
          }


 .page-checkings-hero h1{
                color:#303030;
                font-size: 36px;
                padding:50px 50px 20px 50px;
                font-weight:bold;

             }

              .page-checkings-hero p{
                color:#0E845C !important;
                font-size: 20px !important;
                font-family: HelveticaNeue-Light, sans-serif !important;
                padding:0px 50px 50px 50px;
                margin-bottom: 0 !important;
                line-height: 28px ;
                
             }

           .breadcrumbs-custom .chevron{
                   width: 8px;
                top: 3px;
                position: relative;
                margin: 0 15px;
            }

            .page-checkings-savings-main .chevron{
                width: 8px;
                top: 3px;
                position: relative;
                margin: 0 15px;
            }
           

            .page-checkings-hero .ch-sv-h-content{
           
               width:440px;
               background-color: #fff;
               margin: 87px 0;
               height: 245px;

            }

           

            .page-checkings-hero-b .breadcrumbs-custom{
               padding:20px 0;
            }

           .page-checkings-hero-b .breadcrumbs-custom a{

               color:#303030;
               font-size:12px;
            }

            .ch-sv-h-content h2{
               color:#303030;
               font-size:26px;
               font-weight: bold;
            }

            .ch-sv-h-content h3{
               color:#0E845C;
               font-weight: bold;
               font-size: 20px;
               margin: 0 0 10px;
            }
            .ch-sv-h-content p{
               color:#303030;
               font-size: 14px;
               margin: 0 0 20px;
            }

            .ch-sv-h-content a{
               font-size:14px;
               color:#303030;
               text-decoration: underline;
               font-weight: bold;
            }

            .ch-sv-h-content .content-box, .ch-sv-h-content .icon{
               display: inline-block;
            }

            .ch-sv-h-content .icon{
               margin: 0 20px 0px 0;
               vertical-align: top;
               max-width: 50px;
            }

            .page-checkings-hero .ch-sv-h-content{
                display: inline-block;
               vertical-align: middle; 
            }

            .page-checkings-savings-main .fa-chevron-right:before{
                color:#0E845C;
                margin: 0 5px;
            }

         @media (min-width: 768px) {

           .breadcrumbs-wrapper-page-checking{
               background-color: #fff;
               border-bottom: solid #D8D8D8 1px;
           }
             .breadcrumbs-wrapper-page-checking .fa{
                 color:#0E845C;
             }

            .page-checkings-hero{
              background: url("../images/portales/checking-hero-desktop.png") no-repeat  ;
             background-size: cover;
             height: 420px;
            }

              .page-savings-hero{
              background: url("../images/portales/saving-hero-desktop.png") no-repeat !important  ;
             background-size: cover !important;
             
            }

               .debit-contactless-section .ch-sv-h-content{
                    padding: 20px 0;
                }

                 .page-checkings-hero .ch-sv-h-content::before{
               content: "";
               background-image: url(https://www.1firstbank.com/_catalogs/masterpage/assets/images/historia/line.png);
               background-repeat: repeat-x;
               background-size: contain;
               width: 3px;
               height: 100%;
               float: left;
               height: 245px;

            }

             .page-checkings-savings-main .ch-sv-h-content{
                 padding: 40px 0;
             }

            .page-checkings-savings-main .ch-sv-h-content p{
               max-width: 275px;
               min-width: 260px;
               line-height: 20px;
             
            }

            .page-checkings-savings-main{
                padding: 60px 0;
            }

           
         }

         .page-convenience-hero .box-body{
             padding: 20px 40px 20px 40px ;
         }

         .page-convenience-hero .number__list__2 li {
             padding: 5px 40px !important;
             margin: 20px 0px !important;
         }

         .page-convenience-main ul.checkmark li:before{
             content: url("../images/portales/check.svg") !important;
             margin-top: 5px;
         }

       

            /* mobile css here */

             @media (max-width: 767px) {

           
             .page-convenience-main .legal p{
              font-size: 12px  !important;
          }

         

            .page-checkings-hero .site__container, .page-checkings-hero .ccol-md-6,   .page-checkings-hero .site__wrapper {

                padding: 0 !important;

             }

               .page-checkings-hero img{
                   width: 100%;
               }

             .page-checkings-hero h1, .page-checkings-hero p {
                 text-align: center;
                 padding:  0px !important;
             }
               .page-checkings-hero h1{
                   font-size: 22px !important;
                   padding-bottom: 20px !important;
               }

               .page-checkings-hero p {
                   font-size: 15px !important;
                   line-height: 21px !important;
               }

               .page-checkings-hero .ch-sv-h-content{
                   height: auto;
                   padding: 20px;
               }

             .page-checkings-savings-main .ch-sv-h-content{
                 padding: 20px 0;
             }
             

               .page-checkings-savings-main{
                   padding-bottom: 60px;
               }

             


                     .page-checkings-hero  .hero-mobile:after {
                content: "";
                background-image: url(../images/historia/line-mobile.png);
                background-repeat: repeat-y;
                background-size: cover;
                width: 100%;
                height: 4px;
                float: left;
                margin-top:-4px;
                }


                .page-checkings-hero .ch-sv-h-content{
                    margin: 0 !important;
                    width: 100%;
                    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);

                }

                .debit-contactless-section .fr-img{
                   margin:auto;
                   display: block;
                   margin-top:40px;
                }

                .debit-contactless-section p{
                    font-size: 13px;
                    line-height: 17px;
                }

                   .debit-contactless-section .ch-sv-h-content{
                    margin:auto;   
                    display: block;
                    max-width: 100%;
                    width: 400px;
                    padding: 20px 0;
                }

                .debit-contactless-section .ccol-md-4{
                    padding: 0 !important;
                }

                 .debit-contactless-section img{
                     display: block;
                     margin:auto;
                 }
                .debit-contactless-section .content-box{
                 display: block;
                 margin:auto;
                 text-align: center;
             }

             .debit-contactless-section .icon{
                 display: block !important;
                 margin-bottom: 20px;
             }

              .debit-contactless-section .icon-legal{
                 display: inline-block !important;
                 margin-bottom: 20px;
                 margin-left: 0px !important;
                
             }

             .content-box-custom-legal{
                 text-align: left !important;
                 display: inline-block !important;
                 width: 75%;
             }

                 .debit-contactless-section h2{
                     font-size: 18px !important;
                     text-align: center !important;
                 }

                 .debit-contactless-section .custom-border{
                     border-top: solid 1px #DFDFDF;
                 }

                 .debit-contactless-section {
                
                padding: 20px 0 40px !important;
            }

            .debit-contactless-section .content-box{
                width: 90% !important;
            }

            .ch-sv-h-content h2{
                padding:20px 0 0 0;
            }

            .ch-sv-h-content .content-box, .ch-sv-h-content .icon{
                display: block !important;
            }

            .ch-sv-h-content .icon{
                margin: 40px 0;


            }
             


            }


            .debit-contactless-section h2{
                color: #0E845C !important
            }

            .debit-contactless-section .icon, .debit-contactless-section .icon-legal {
               display: inline-block;

            }
        .debit-contactless-section .icon-legal {
             vertical-align: top;
             margin-left: 20px ;

}

            .debit-contactless-section .ccol-md-4{
                width: 100% !important;
                max-width: 100% !important;
            }


            .debit-contactless-section {
                background-color: #fff;
                padding: 80px 0;
            }


             .debit-contactless-section .content-box{
                 width:60%;
             }

            .debit-contactless-section .content-box-custom-legal{
                width:65%;
            }

           .debit-contactless-section p.custom-legal{
               color:#303030;
               font-size: 12px;
               margin-left:20px;

           }


              @media (min-width: 767px) and (max-width: 850px) {

            .debit-contactless-section .content-box{
                 width:190px;
             }

             .page-checkings-savings-main .ch-sv-h-content p{
                 max-width: 240px !important;
                 min-width: 200px !important;
             }


              }

 @media (min-width: 1024px) {

 .page-convenience-main .legal p{
              font-size: 12px  !important;
          }



.ch-sv-h-content h2{
    padding-right: 40px;
}


}

    .page-convenience-hero{
        
        background-color:#f6f8f7;
     
     
    }

    .page-convenience-hero h1{
        font-size: 36px;
        font-weight: bold;
        margin: 0 0 10px;
    }

    .page-convenience-hero .ch-sv-h-content-inner p{
        font-size: 20px;
        color: #0E845C;
    }

    .page-convenience-hero .ch-sv-h-content-inner {
        padding: 100px 0;

    }

     

         .linea-de-colores-hero{
            width:100%;
            border-spacing: 0px;
            font-size:3px;
        }
        
        .linea-de-colores-hero td{
            height: 3px;
        }

        .linea-de-colores-hero td.bg-color-light-green{
          width:14.27%;
          background-color:#9ec44e;
      }
      .linea-de-colores-hero td.bg-color-dark-pink{
          width:14.28%;
          background-color:#c30f90;
      }

      .linea-de-colores-hero td.bg-color-yellow{
          width:14.28%;
          background-color:#e7b639;
      }

      .linea-de-colores-hero td.bg-color-dark-red{
          width:14.28%;
          background-color:#c80044;
      }

      .linea-de-colores-hero td.bg-color-purple{
          width:14.28%;
          background-color:#6a3eb7;
      }

      .linea-de-colores-hero td.bg-color-light-blue{
          width:14.28%;
          background-color:#5a9fdc;
      }

      .linea-de-colores-hero td.bg-color-dark-green{
          width:14.28%;
          background-color:#6cac3b;
      }

 .number__list__2 li {
      list-style-type: none;
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
    font-size: 14px;
    padding: 5px 40px;
    margin: 30px 20px ;

    }

      .number__list__2 li:before{
              counter-increment: myOrderedListItemsCounter;
            content: counter(myOrderedListItemsCounter);
            background: #fff;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            text-align: center;
            color:#303030;
            line-height: 26px;
            font-size: 13px;
            top: 0;
            left: 0;
            border: 2px solid #8CC63E;
            position: absolute;
          

      }

      .page-convenience-main .chevron-back{
          margin: 10px 10px 10px 0 !important;
          position: relative;
          top:11px;
      }


      .page-convenience-hero .content-box{
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
          border-radius: 5px;
          width: 400px;
          float: right;
        
          margin-top: -150px;
          right: 10%;
          top: 100px;
          background-color: #fff;

      }

       .page-convenience-hero .content-box h2{
           text-align: center;
           background-color: #0E845C;
           color: #fff;
           padding: 15px 0;
           font-weight: bold;
           font-size: 20px;
           border-top-right-radius: 5px;
           border-top-left-radius: 5px;
       }

       .page-convenience-hero .content-box a.button{
           color:#fff;
           font-size:15px;
           padding: 15px 10px;
           font-weight: bold;
       }

       .page-convenience-hero .content-box .button-section{
           background-color: #0E845C;
           border-radius: 3px;
           width: 90%;
           display: block;
           margin: 0 auto 20px ;
    
       }

       .page-convenience-hero .content-box p{
           text-align: center;
           padding:20px 20px 30px 40px;
       }









        .page-convenience-hero .content-box, .page-convenience-hero .accordionItem, .page-convenience-hero .accordionItemHeading, .page-convenience-hero .accordionItemHeading,
        .page-convenience-hero .accordionItemContent{
            margin: 0 0 0 0;
            padding: 0 0 0 0;
        }

      .page-convenience-main h3{
          color:  #0E845C;
          font-size:23px;
          line-height: 30px;
          margin: 0 0 25px;
        
      }

      .page-convenience-main p, .page-convenience-main ul li{
          font-size:16px !important
      }

      .page-convenience-main p{
          margin: 0 0 30px;
      }

      .page-convenience-main .breadcrumbs{
          padding: 60px 0;
      }

    .page-convenience-main h4{
        font-size: 18px;
        font-weight: bold;
        margin: 50px 0 30px;
    }

    .page-convenience-main .legal{
        margin: 60px 0 ;
    }

     .page-convenience-main .legal p, .page-convenience-main .legal a {
        color: #6f6f6f !important;
        line-height: 18px !important;
        font-size:12px !important;
    }
    
    .page-convenience-main ul.checkmark li{
        margin: 10px 0;
    }

    .page-convenience-main .others-section{
        background-color: #f6f8f7;
        padding: 50px 0 100px;
    }


    .page-convenience-main .others-section h5{
        font-weight: bold;
        font-size: 23px;
        margin: 0 0 45px 0;
    }

    .page-convenience-main .others-section .box{
        width: 300px;
        background-color: #fff;
        border-radius: 3px;
        padding: 40px 0;
        margin: 0 20px 20px ;
        border-radius: 3px;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        

    }

    .page-convenience-main .others-section .box:hover{
        text-decoration: underline;
        color: #0E845C !important;
      
    }
    
  


    .page-convenience-main .others-section  img{
        display: block;
        margin: 0 auto 20px;
        max-width: 50px;
       
    }

    .page-convenience-main .others-section p{
          color:  #0E845C;
          text-align: center;
          font-weight: bold;
          font-size:16px;
          margin: 0;

    }







@media (min-width: 768px){
       .page-convenience-hero .content-box{
           position: absolute;
         

       }

      .page-convenience-main .ch-sv-h-content p{
              font-size:16px !important;
              margin:  0 !important;
              line-height: 26px;
              font-weight: normal;
          }

          .page-convenience-main .legal p{
              font-size: 12px  !important;
          }
}

/* MOBILE */
    @media (max-width: 767px) {

        .page-convenience-hero .number__list__2{
            padding: 0 20px;
        }

        .page-convenience-hero .content-box h2{
            border-radius: 0 !important;
        }

        .page-convenience-hero h1{
            font-size:24px !important;
        }


        .page-convenience-hero .ch-sv-h-content-inner p{
            font-size: 15px !important;
        }

       .page-convenience-hero .ch-sv-h-content-inner{
           padding: 50px 0;
       }

       .page-convenience-hero .content-box{
           position: block;
           float: unset;
           width: 100%;

       }

       .page-convenience-hero .custom{
           margin: 0 0 0 0;
           padding: 0 0 0 0;
       }

        .page-convenience-hero .plus{
            margin-right: 15px;
        }
       .page-convenience-hero .accordionItemHeading:after{
        display: none;
       }

       .page-convenience-hero .accordionItem {
           border: none;
       }


        .page-convenience-main .others-section h5{
            text-align: left;
        }

        .page-convenience-main .others-section .box{
            display:block;
            margin:0 auto 20px;
        }
          .page-convenience-main .others-section .n-row{

              display: block;
              margin:0 auto 20px !important;
          }

          .page-convenience-main .breadcrumbs{
              margin: 50px 0 !important;
              padding: 0 !important;
          }

          .page-convenience-main .breadcrumbs .fa{
              margin: 0 15px 0 0 !important;
              font-size: 14px !important;
          }

         

          .page-convenience-main ul.checkmark li{
              font-size: 14px !important;
              line-height: 21px !important;
          }

          .page-convenience-main .legal {
              line-height: 16px !important;
          }

          .page-convenience-main .legal {
              margin: 50px 0 !important;
          }

          .page-convenience-main .others-section{
              margin: 40px 0 !important;
          }

     



    }


        @media (min-width: 768px) and (max-width: 1024px) {
            .page-convenience-hero .content-box{
                width: 300px !important;
            }

            .number__list__2 li {
                padding: 5px 0 5px 40px;
            }

            .page-convenience-hero .content-box p {
                padding: 0px 20px 20px;
            }


        }


        .page-history .flex-direction-nav {
            display: none;
        }