@font-face {
  font-family: 'Roboto-Regular';
  src: url('../../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../../fonts/Roboto-Regular.woff') format('woff'), url('../../fonts/Roboto-Regular.ttf')  format('truetype'), url('../../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('../../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  url('../../fonts/Roboto-Medium.woff') format('woff'), url('../../fonts/Roboto-Medium.ttf')  format('truetype'), url('../../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('../../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../../fonts/Roboto-Bold.woff') format('woff'), url('../../fonts/Roboto-Bold.ttf')  format('truetype'), url('../../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Ayra-Regular';
  src: url('../../fonts/ayra/Ayra-Regular.eot?#iefix') format('embedded-opentype'),  url('../../fonts/ayra/Ayra-Regular.otf')  format('opentype'),
	     url('../../fonts/ayra/Ayra-Regular.woff') format('woff'), url('../../fonts/ayra/Ayra-Regular.ttf')  format('truetype'), url('../../fonts/ayra/Ayra-Regular.svg#Ayra-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*RESETS*/
a:focus { outline: none}
a:active { outline: none}
ul, ol {margin: 0;}
h1, .h1, h2, .h2, h3, .h3 {margin: 0;}
a:hover {color: #004987}
strong {font-family: "Roboto"; font-weight: 700;}
/**/
.dsk { display: inline-block;}
.tbl { display: none;}
.mbl { display: none;}

/*TOP BANNER*/
.placeholder-top {display: none;}

/*HEADER*/
.header-bar { left: 0; top: 0; background: #fff;}
.header-bar header {height: 95px; position: relative; z-index: 20;}
.main-logo { text-indent: -5000px; overflow: hidden; display: block; background: url(../../img/layout/logo.svg) no-repeat; width: 206px; height: 22px; margin-top: 46px;}
.header-bar .general-links {height: 57px;}
.header-bar .general-links ul {float: right; padding-top: 12px;}
.header-bar .general-links li {display: inline-block;}
.header-bar .general-links a { text-transform: uppercase; margin-left: 15px;}
.header-bar .general-links a.active { color: #c1d42f; font-family: "Roboto"; font-weight:700;}
.header-bar .top-links { position: relative;}
.header-bar .top-links ul { float: right; margin-right: 225px; margin-left: -33px;}
.header-bar .top-links li {display: inline-block;}
.header-bar .top-links a {font-size: 12px; margin-left: 7px; margin-right: 7px; position: relative;}
.header-bar .top-links a:hover:after {content: ""; display: block; border-top: 4px solid #c1d42f; position: absolute; left: 0; bottom: -6px; width: 100%;}
.header-bar .top-links .active {font-family: "Roboto"; font-weight: 700;}
.header-bar .top-links .active:after { content: ""; display: block; border-top: 4px solid #c1d42f; position: absolute; left: 0; bottom: -6px; width: 100%;}
.header-bar .ebank { position: absolute; top: 0; right: 0;}
.header-bar .top-links .patagonia-ebank, .cta .patagonia-ebank {display: block; background: #c1d42f url(../../img/layout/patagonia-ebank.svg) no-repeat; text-indent: -5000px; overflow: hidden; width: 215px; height: 54px; margin: -10px 0 0 0;}
.header-bar .top-links .patagonia-ebank-empresas, .cta .patagonia-ebank-empresas {display: block; background: #00b9ad url(../../img/layout/patagonia-ebank-empresas.svg) no-repeat center center; text-indent: -5000px; overflow: hidden; width: 215px; height: 54px; margin: -10px 0 0 0; background-size: contain}
.cta .patagonia-ebank, .cta .patagonia-ebank-empresas {margin: 0 0 10px 0; display: inline-block;}
.header-bar .header.spacer {height: 95px;}
/**/
.nav-bar {background: rgb(0,185,173);
background: -moz-linear-gradient(-45deg, rgba(0,185,173,1) 0%, rgba(0,73,135,1) 50%);
background: -webkit-linear-gradient(-45deg, rgba(0,185,173,1) 0%,rgba(0,73,135,1) 50%);
background: linear-gradient(135deg, rgba(0,185,173,1) 0%,rgba(0,73,135,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9ad', endColorstr='#004987',GradientType=1 ); position: relative; z-index: 10;}
.sub-navbar { margin-left: -15px;}
.nav-bar .nav-item {display: inline-block; margin-right: 38px; position: relative;}
.nav-bar .nav-lnk {font-size: 12px; color: #fff; height: 47px; display: block; padding-top: 19px;}
.nav-bar .nav-lnk:hover:after, .nav-bar .nav-lnk.active:after {content: ""; display: block; border-top: 4px solid #c1d42f; position: absolute; left: 0; bottom: 0; width: 100%;}
.nav-bar .submenu { position: absolute; left: 0; top: 47px; background: #fff; padding: 18px 13px; width: 260px; display: none;}
.nav-bar .submenu li { margin-bottom: 15px;}
.nav-bar .submenu li:last-child { margin-bottom: 0;}
.nav-bar .submenu a {font-size: 13px; position: relative; display: inline-block;}
.nav-bar .submenu a:hover { color: #004987;}
.nav-bar .submenu a:hover:after {content: ""; display: block; border-top: 2px solid #c1d42f; position: absolute; left: 0; bottom: -6px; width: 100%;}
.nav-bar .nav-item:hover .nav-lnk:after {content: ""; display: block; border-top: 4px solid #c1d42f; position: absolute; left: 0; bottom: 0; width: 100%;}
.nav-bar .menu-spacer {height: 47px;}
/**/
.c-hamburger {display: none;}
.mobile-nav-bar {display: none;}

/*MAIN SLIDER*/
.home-slider { margin-bottom: 55px; height: 320px; overflow: hidden;}
.home-slide {height: 320px; background-repeat: no-repeat; background-position: center top; background-size: cover; background-color: #ccc;}
.home-slide a {display: block; height: 100%;}
.slick-dots { position: absolute; left: 0; bottom: 15px; width: 100%; text-align: center; z-index: 100;}
.slick-dots li {list-style: none; display: inline-block;}
.slick-dots button { text-indent: -5000px; background: none; border: 2px solid #fff; width: 20px; height: 20px; margin-left: 5px; margin-right: 5px; border-radius: 100%; position: relative; display: inline-block;}
.slick-dots .slick-active button:after { content: ""; display: block; width: 12px; height: 12px; background: #fff; position: absolute; left: 2px; top: 2px; border-radius: 100%;}
/**/
.slide-card {padding: 27px; background: rgb(0,185,173);
background: -moz-linear-gradient(-45deg, rgba(0,185,173,1) 0%, rgba(0,73,135,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(0,185,173,1) 0%,rgba(0,73,135,1) 100%);
background: linear-gradient(135deg, rgba(0,185,173,1) 0%,rgba(0,73,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9ad', endColorstr='#004987',GradientType=1 ); margin-top: 55px; max-width: 334px}
.slide-card h2 {margin: 0 0 14px 0; color: #fff;}
.slide-card h4 {font-size: 22px; font-family: "Ayra-Regular"; color: #fff; margin: 0 0 20px 0;}
.slide-card .with-border { position: relative; margin-bottom: 25px;}
.slide-card .with-border:after { content: ""; display: block; border-top: 3px solid #c1d42f; width: 30px; position: absolute; left: 0; bottom: -15px;}
.slide-card p { font-size: 14px; color: #fff; margin: 0; line-height: 1.4;}

/*FOOTER*/
.footer-bar { background: #eeeeee; padding-top: 38px; padding-bottom: 16px;}
.flnks { font-size: 12px; font-family: "Roboto"; font-weight: 500; text-align: center; margin-bottom: 14px; line-height: 2.2; color: #004987}
.flnks a {display: inline-block; margin-left: 10px; margin-right: 10px;}
.flegal { font-size: 11px; text-align: center; margin-bottom: 15px; line-height: 1.2; color: #004987;}
.flegal:last-child {margin-bottom: 0;}
.redes {text-align: center; margin: 10px auto 25px auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #004987;}
.redes span {padding-right: 6px;}
.redes a { font-size: 20px; margin-left: 6px; margin-right: 6px;}

/*MARGINS*/
.mb60-h {margin-bottom: 60px;}
.mb50-h {margin-bottom: 50px;}
.mb40-h {margin-bottom: 40px;}
.mt30 {margin-top: 30px;}
/**/
.equal-height {display: -ms-flexbox; display: flex; flex-wrap: wrap}

/*HOME*/
.h-destacado { position: relative;}
.h-destacado figure { padding-bottom: 23px;}
.h-destacado figcaption { position: absolute; left: 0; bottom: 0; background: #004987; font-size: 17px; text-transform: uppercase; font-family: "Ayra-Regular"; color: #fff; height: 42px; width: 262px; padding: 13px 15px 5px 15px;}
.h-destacado .logo-club { margin-top: -2px;}
/**/
.h-destacado-2 {position: relative; padding-bottom: 35px; height: 100%;}
.h-destacado-2 h3 { font-size: 18px; margin: 0; line-height: 1.3;}
.h-destacado-2 .lnk { font-size: 11px; text-transform: uppercase; display: inline-block; padding-right: 12px; position: absolute; padding-bottom: 7px; left: 0; bottom: 0;}
.h-destacado-2 em { font-style: normal; color: #c1d42f;font-size: 15px;}
.h-destacado-2 .lnk:after {content: ""; display: block; border-top: 3px solid #c1d42f; position: absolute; left: 0; bottom: 0; width: 100%;}
/**/
.h-aviso { background: #004987; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 39px; transition: all 0.3s ease;}
.btn-home { background: url(../../personas/images/btn-home.jpg); background-repeat: no-repeat, repeat; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 53px; transition: all 0.3s ease;}

.h-aviso h4 { margin: 0; font-size: 13px; text-transform: uppercase; color: #fff;}
.btn-home h4 { margin: 0; font-size: 13px; text-transform: uppercase; color: #fff;}

.h-aviso span { display: inline-block; border: 1px solid #fff; font-size: 11px; text-transform: uppercase; color: #fff; padding: 2px 10px 0 10px; margin-left: 17px; height: 22px;}
.h-aviso em { font-style: normal; color: #c1d42f; font-family: "Roboto"; font-weight: 500; font-size: 14px;}
.h-aviso:hover { background: #00b9ad;}
.btn-home:hover{ background: url(../../personas/images/btn-home.jpg);}
.btn-home span:hover { display: inline-block; border: 1px solid #00b9ad; font-size: 11px; text-transform: uppercase; color: #fff; padding: 2px 10px 0 10px; margin-left: 17px; height: 22px;}

/**/
.h-info-box { border: 1px solid #d2d2d2; padding: 20px 20px 40px 20px; min-height: 125px; height: 100%; position: relative;}
.h-info-box p {font-size: 14px; line-height: 1.3;}
.h-info-box .lnk { font-size: 11px; text-transform: uppercase; display: inline-block; position: absolute; left: 20px; bottom: 17px;}
.h-info-box em { font-style: normal; color: #c1d42f; font-family: "Roboto"; font-weight: 500; font-size: 14px;}

/*T3 T4*/
/*HEAD*/
.sec-pic-head { background-repeat: no-repeat; background-position: center top; background-size: cover; height: 248px; background-color: #ccc;}
.sec-pic-area {height: 248px;}
.sec-head-card {padding: 27px; background: rgb(0,185,173);
background: -moz-linear-gradient(-45deg, rgba(0,185,173,1) 0%, rgba(0,73,135,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(0,185,173,1) 0%,rgba(0,73,135,1) 100%);
background: linear-gradient(135deg, rgba(0,185,173,1) 0%,rgba(0,73,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9ad', endColorstr='#004987',GradientType=1 ); margin-top: 40px; min-height: 155px; max-width: 335px;}
.sec-head-card h2 {font-size: 22px; font-family: "Ayra-Regular"; color: #fff; margin: 0 0 20px 0;}
.sec-head-card .with-border { position: relative; margin-bottom: 25px;}
.sec-head-card .with-border:after { content: ""; display: block; border-top: 3px solid #c1d42f; width: 30px; position: absolute; left: 0; bottom: -15px;}
.sec-head-card p { font-size: 14px; color: #fff; margin: 0; line-height: 1.4;}

/*BREADCRUMBS*/
.breadcrumb {border-radius: 0; font-size: 10px;}
.breadcrumb, .breadcrumb a {color: #636363;}
.breadcrumb .active {font-family: "Roboto"; font-weight: 700;}
.breadcrumb > li + li:before {padding: 0 2px}

/*TABS*/
.nav-tabs {width: 100%;}
.nav-tabs > li > a {border-radius: none; padding: 18px 0 10px 0; height: 55px; text-align: center; font-size: 16px; color: #636363; text-transform: uppercase;}
.tabs-x2 li {width: 50%; background: #eeeeee;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-bottom: 4px solid #c1d42f;}
.nav > li > a:hover, .nav > li > a:focus {background-color: #eeeeee;}
.tab-data, .tab-data-2 { border: 1px solid #eaeaea; padding: 28px; margin-bottom: 60px;}

/*TAB DATA*/
.tab-data h1 { font-size: 24px; color: #2a4a84; font-family: "Roboto"; font-weight: 700; margin-bottom: 30px; line-height: 1.2;}
.tab-data h2 {font-size: 18px; color: #2a4a84; margin-bottom: 15px; }
.tab-data h3 {font-size: 16px; color: #004987; margin-bottom: 22px;}
.tab-data h3 small {font-size: 12px; color: #004987;}
.tab-data h4 { font-size: 14px; color: #004987; margin-bottom: 20px;}
.tab-data p {font-size: 14px; margin-bottom: 10px; line-height: 1.4;}
.tab-data p small {font-size: 11px;}
.tab-data ul {list-style: none; padding: 0; margin: 0 0 20px 0;}
.tab-data li { font-size: 14px; margin-bottom: 6px; position: relative; padding-left: 10px; line-height: 1.4;}
.tab-data ul li:before { content: ""; display: block; width: 3px; height: 3px; background: #636363; border-radius: 100%; position: absolute; left: 0; top: 7px;}
.tab-data ul ul { margin: 25px 0 25px 15px;}
.tab-data ul ul li { margin-bottom: 3px;}
.tab-data li small {font-size: 11px;}
.tab-data hr { height: 2px; border-top: 2px solid #eeeeee; margin-top: 25px; margin-bottom: 25px;}
.tab-data figure {margin-bottom: 20px;}
.tab-data .destacado {color: #004987;}
.tab-data .cta-btn { display: inline-block; color: #fff; background: #004987; height: 43px; width: 233px; text-align: center; text-transform: uppercase; font-size: 13px; font-family: "Roboto"; font-weight: 500; padding-top: 16px;}
.tab-data h3 .badge {font-size: 12px; font-weight: normal; color: #004987; background-color: #fff; border-radius: 0; text-transform: uppercase; border: 1px solid #c1d42f; padding: 4px 8px; margin-left: 10px; font-family: "Roboto"; font-weight: 500;}
.tab-data h3 .badge span { color: #c1d42f;}
.tab-data p a, .tab-data li a {text-decoration: underline;}
.tab-data-block {margin-bottom: 70px;}
.tab-data ol {list-style: none; padding: 0; margin: 0 0 22px 0; counter-reset: ol}
.tab-data ol li {padding-left: 23px;}
.tab-data ol li:before {counter-increment: ol; content: counter(ol) "."; position: absolute; left: 0; font-family: "Roboto"; font-weight: 700;}

/*CONSULTA*/
.consulta {margin-bottom: 60px;}
.consulta h4 { font-size: 14px; color: #004987; margin-bottom: 20px; text-align: center;}
.consulta .lnk {display: block; font-size: 14px; color: #004987; text-transform: uppercase; border: 1px solid  rgb(193, 212, 47); height: 62px; width: 100%; text-align: center; font-family: "Roboto"; font-weight: 500; padding-top: 25px;}
.consulta .lnk-2-lines { padding-top: 15px; line-height: 1.3;}
.consulta .lnk-2-lines span {font-family: "Roboto"; font-weight: 400;}
.consulta .phone { cursor: default;}

/*LEGAL INT*/
.legal-int { margin-bottom: 20px;}
.legal-int p {margin-bottom: 15px; line-height: 1.2;}
.legal-int h4 {font-size: 12px; margin-bottom: 15px;}
.legal-int h3 {margin-bottom: 15px; font-size: 24px; line-height: 1.2; font-family: "Roboto"; font-weight: 700l}

/*CONTENIDO STD*/
.text-data { margin-bottom: 40px;}
.text-data h1 { font-size: 24px; color: #2a4a84; font-family: "Roboto"; font-weight:700; margin-bottom: 30px;}
.text-data h2 {font-size: 18px; color: #2a4a84; margin-bottom: 15px; }
.text-data h3 {font-size: 16px; color: #004987; margin-bottom: 22px;}
.text-data h3 small {font-size: 12px; color: #004987;}
.text-data h4 { font-size: 14px; color: #004987; margin-bottom: 20px;}
.text-data p {font-size: 14px; margin-bottom: 10px; line-height: 1.4;}
.text-data p small {font-size: 11px;}
.text-data ul {list-style: none; padding: 0; margin: 0 0 20px 0;}
.text-data li { font-size: 14px; margin-bottom: 6px; position: relative; padding-left: 10px; line-height: 1.4;}
.text-data ul li:before { content: ""; display: block; width: 3px; height: 3px; background: #636363; border-radius: 100%; position: absolute; left: 0; top: 7px;}
.text-data ul ul { margin: 25px 0 25px 15px;}
.text-data ul ul li { margin-bottom: 3px;}
.text-data li small {font-size: 11px;}
.text-data hr { height: 2px; border-top: 2px solid #eeeeee; margin-top: 25px; margin-bottom: 25px;}
.text-data figure {margin-bottom: 20px;}
.text-data .video {height: 0; padding-bottom: 56.25%; position: relative; width: 100%; margin-bottom: 45px;}
.text-data .video video, .text-data .video iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.text-data .cta-bar { text-align: center}
.text-data .cta-btn { background: #2a4a84; color: #fff; text-transform: uppercase; font-family: "Roboto"; font-weight:500; display: inline-block; font-size: 16px; padding: 17px 30px; transition: all .3s ease}
.text-data .cta-btn:hover { background: #00b9ad;}

.text-data .btn-float {height: 50px;

    margin-bottom: 20px;}
.text-data .cta-btn2 { background: #2a4a84; color: #fff; text-transform: uppercase; font-family: "Roboto"; font-weight:500; display: inline-block; font-size: 13px; padding: 17px 30px; transition: all .3s ease; width: 90%;}
.text-data .cta-btn2:hover { background: #00b9ad;}

.text-data .cta-btn-big {background: #2a4a84; color: #fff; text-transform: uppercase; font-family: "Roboto"; font-weight:500; display: inline-block; font-size: 20px; padding: 19px 40px; transition: all .3s ease}
.text-data .cta-btn-big:hover { background: #00b9ad;}
.text-data p a, .text-data li a {text-decoration: underline;}
.text-data .destacado {color: #004987;}
.text-data .cta-btn { display: inline-block; color: #fff; background: #004987; height: 43px; /*width: 233px;*/ text-align: center; text-transform: uppercase; font-size: 13px; font-family: "Roboto"; font-weight:500; padding-top: 16px;}
.text-data ol {list-style: none; padding: 0; margin: 0 0 22px 0; counter-reset: ol}
.text-data ol li {padding-left: 23px;}
.text-data ol li:before {counter-increment: ol; content: counter(ol) "."; position: absolute; left: 0; font-family: "Roboto"; font-weight:700;}

/*T5*/
.beneficios-int { margin-bottom: 45px;}
.beneficios-int h2 {font-size: 24px; color: #004987; font-family: "Roboto"; font-weight:700; margin-bottom: 45px;}
.beneficios-int .card {float: left; background: #004987; width: 43%; border-radius: 3px; height: 158px; position: relative;}
.beneficios-int .card h4 {position: absolute; left: 15px; bottom: 5px; font-size: 14px; text-transform: uppercase; font-family: "Roboto"; font-weight:500; color: #fff; line-height: 1.3; right: 15px;}
.beneficios-int .card .icon { position: absolute; top: 15px; right: 15px;}
.beneficios-int .card-data {float: left; width: 50%; height: 158px; padding: 15px; margin-bottom: 30px;}
.beneficios-int .card-data h3 { color: #004982; font-size: 48px; font-family: "Roboto"; font-weight:700; position: relative; margin-bottom: 10px; padding-bottom: 5px;}
.beneficios-int .card-data h3:after {content: ""; display: block; border-top: 3px solid #c1d42f; width: 30px; position: absolute; left: 0; bottom: 0;}
.beneficios-int .card-data sup { font-size: 10px; font-family: "Roboto"; font-weight:500; position: relative; top: -28px;}
.beneficios-int .card-data p { color: #004982; font-size: 12px; line-height: 1.4; margin: 0;}
.beneficios-int .card-data p small {font-size: 10px;}

/*ICONOS (en box azul)*/
.beneficios-int .card .icon-bag { background: url(../../personas/cuentas/images/bag-icon.svg) no-repeat; background-size: contain; width: 56px; height: 48px;}
.beneficios-int .card .icon-book { background: url(../../personas/cuentas/images/book-icon.svg) no-repeat; background-size: contain; width: 44px; height: 60px;}
.beneficios-int .card .icon-cart { background: url(../../personas/cuentas/images/cart-icon.svg) no-repeat; background-size: contain; width: 56px; height: 53px;}
.beneficios-int .card .icon-cubiertos { background: url(../../personas/cuentas/images/cubiertos-icon.svg) no-repeat; background-size: contain; width: 38px; height: 58px;}
.beneficios-int .card .icon-hotel { background: url(../../personas/cuentas/images/hotel-icon.svg) no-repeat; background-size: contain; width: 52px; height: 52px;}
.beneficios-int .card .icon-ice { background: url(../../personas/cuentas/images/ice-icon.svg) no-repeat; background-size: contain; width: 58px; height: 60px;}
.beneficios-int .card .icon-phone { background: url(../../personas/cuentas/images/phone-icon.svg) no-repeat; background-size: contain; width: 38px; height: 58px;}
.beneficios-int .card .icon-pintura { background: url(../../personas/cuentas/images/pintura-icon.svg) no-repeat; background-size: contain; width: 40px; height: 55px;}
.beneficios-int .card .icon-shop { background: url(../../personas/cuentas/images/shop-icon.svg) no-repeat; background-size: contain; width: 45px; height: 53px;}
.beneficios-int .card .icon-show { background: url(../../personas/cuentas/images/show-icon.svg) no-repeat; background-size: contain; width: 58px; height: 60px;}
.beneficios-int .card .icon-surtidor { background: url(../../personas/cuentas/images/surtidor-icon.svg) no-repeat; background-size: contain; width: 44px; height: 60px;}
.beneficios-int .card .icon-tijeras { background: url(../../personas/cuentas/images/tijeras-icon.svg) no-repeat; background-size: contain; width: 38px; height: 56px;}
.beneficios-int .card .icon-garage { background: url(../../personas/cuentas/images/garage-icon.svg) no-repeat; background-size: contain; width: 48px; height: 48px;}
.beneficios-int .card .icon-laundry { background: url(../../personas/cuentas/images/laundry-icon.svg) no-repeat; background-size: contain; width: 45px; height: 54px;}
.beneficios-int .card .icon-toll { background: url(../../personas/cuentas/images/toll-icon.svg) no-repeat; background-size: contain; width: 63px; height: 42px;}
.beneficios-int .card .icon-wheel { background: url(../../personas/cuentas/images/wheel-icon.svg) no-repeat; background-size: contain; width: 48px; height: 48px;}
.beneficios-int .card .icon-pharmacy { background: url(../../personas/cuentas/images/pharmacy-icon.svg) no-repeat; background-size: contain; width: 48px; height: 48px;}
.beneficios-int .card .icon-parador { background: url(../../personas/cuentas/images/parador-icon.svg) no-repeat; background-size: contain; width: 46px; height: 50px;}
.beneficios-int .card .icon-optics { background: url(../../personas/cuentas/images/optics-icon.svg) no-repeat; background-size: contain; width: 56px; height: 24px;}
.beneficios-int .card .icon-chocolate { background: url(../../personas/cuentas/images/chocolate-icon.svg) no-repeat; background-size: contain; width: 50px; height: 50px;}
.beneficios-int .card .icon-gym { background: url(../../personas/cuentas/images/gym-icon.svg) no-repeat; background-size: contain; width: 46px; height: 49px;}

/**/
.tarjetas-int.last { margin-bottom: 45px;}
.tarjetas-int .card {margin-bottom: 45px;}
.tarjetas-int h2 {font-size: 24px; color: #004987; font-family: "Roboto"; font-weight: 700; margin-bottom: 45px;}
.tarjetas-int h3 { font-size: 18px; color: #004987; margin-bottom: 15px;}
.tarjetas-int p {font-size: 14px; line-height: 1.3; margin-bottom: 15px;}
.tarjetas-int .btn-m-info { font-size: 12px; text-transform: uppercase; font-family: "Roboto"; font-weight: 500; display: inline-block; border: 1px solid rgb(193, 212, 47); padding: 3px 8px;}
.tarjetas-int .btn-m-info span {color: rgb(193, 212, 47); font-size: 14px;}

/*T6*/
.sec-head-int h2 {font-size: 24px; color: #004987; font-family: "Roboto"; font-weight: 700; margin-bottom: 10px;}
.sec-head-int h3 { font-size: 20px; color: #004987; margin-bottom: 40px;}
/**/
.nav-tabs-vertical { margin-bottom: 60px; width: 25%; border-bottom: none;}
.nav-tabs-vertical > li {width: 100%; float: none; margin-bottom: 0; }
.nav-tabs-vertical > li > a {border-radius: 0; border: 1px solid #00b9ad; border-bottom-color: transparent; margin-right: 0; height: auto; padding: 17px 40px 17px 20px; text-align: left; font-size: 14px; color: #004987; position: relative; line-height: 1.3; transition: all .3s ease;}
.nav-tabs-vertical > li > a:after {content: "+"; font-size: 16px; color: #c1d42f; position: absolute; top: 32%; right: 20px; font-family: "Roboto-Regular"}
.nav-tabs-vertical > li.active > a, .nav-tabs-vertical > li.active > a:hover, .nav-tabs-vertical > li.active > a:focus { border: 1px solid #00b9ad; border-bottom-color: transparent; background: #00b9ad; color: #fff; font-family: "Roboto"; font-weight: 500;}
.nav-tabs-vertical > li.active > a:after, .nav-tabs-vertical > li.active > a:hover:after, .nav-tabs-vertical > li.active > a:focus:after { color: #fff;}
.nav-tabs-vertical > li > a:hover {border-color: #00b9ad #00b9ad #00b9ad; color: #fff;}
.nav-tabs-vertical > li > a:hover:after {color: #fff;}
.nav-tabs-vertical > li > a:hover, .nav-tabs-vertical > li > a:focus {background-color: #00b9ad;}
.nav-tabs-vertical > li:last-child { border-bottom: 1px solid #00b9ad}
.tab-content-vertical .tab-data {border: none; padding: 0;}
.tab-data-vertical h3 {font-size: 18px; margin-bottom: 15px;}
.tab-data-vertical h4 { font-size: 14px; color: #004987; margin-bottom: 22px;}

/*T2*/
.sec-title { color: #2a4a84; font-size: 24px; font-family: "Roboto"; font-weight: 700; margin-bottom: 45px;}
.info-blocks {margin-bottom: 60px;}
.info-block {padding-bottom: 20px; display: block;}
.info-block h3 { color: #2a4a84; font-size: 22px; font-family: "Roboto"; font-weight: 700; margin-bottom: 10px;}
.info-block p { color: #2a4a84; font-size: 18px; line-height: 1.3; margin-bottom: 15px;}
.info-block .btn-m-info { display: inline-block; border-bottom: 3px solid #c5d344; color: #2a4a84; font-size: 11px; position: absolute; left: 15px; bottom: 0; padding-bottom: 4px; padding-right: 10px;}
.info-block .btn-m-info i { color: #c5d344; font-style: normal; font-size: 13px; font-family: "Roboto-Medium"}
.highlight-bar { text-align: center; margin-bottom: 30px; border-top: 1px solid #00478a; border-bottom: 5px solid #00478a; padding-top: 10px;}
.highlight-bar h3 {margin: 0; text-transform: uppercase; font-size: 18px; padding: 0 0 10px 0; color: #00478a; line-height: 1.3;}
.highlight-bar p { font-size: 14px; margin: 0; line-height: 1.3;}
.highlight-bar h3 + p { padding-bottom: 10px; margin-top: -5px;}
.highlight-bar-int { margin-top: 30px;}
/**/
.btn-lnk-block {padding: 15px 50px 15px 0; display: block; border-bottom: 3px solid #c1d42f; margin-bottom: 25px; position: relative;}
.btn-lnk-block h4 { font-size: 18px; color: #004987; margin: 0; line-height: 1.2;}
.btn-lnk-block h5 { font-size: 14px; color: #004987; margin: 0; line-height: 1.2;}/* creado */
.btn-lnk-block p { font-size: 14px; color: #636363; margin: 8px 0 0 0;}
.btn-lnk-block .icon { position: absolute; top: 50%; right: 15px; display: block;}
.btn-lnk-block .icon-download { background: url(../../img/layout/icon-download.svg) no-repeat; background-size: contain; width: 26px; height: 25px; margin-top: -12px;}
.btn-lnk-block .icon-more { background: url(../../img/layout/icon-more.svg) no-repeat; background-size: contain; width: 18px; height: 18px; margin-top: -9px;}
.btn-lnk-block .icon-external { background: url(../../img/layout/icon-external.svg) no-repeat; background-size: contain; width: 27px; height: 25px; margin-top: -12px;}
.btn-lnk-block .icon-logobp { background: url(../../img/layout/logo.svg) no-repeat; background-size: contain; width: 160px; height: 25px; margin-top: -12px;}
.btn-lnk-block .icon-pdf { background: url(../../img/layout/icon-pdf.svg) no-repeat; background-size: contain; width: 26px; height: 32px; margin-top: -16px;}
.btn-lnk-block .icon-img { background: url(../../img/layout/icon-img.svg) no-repeat; background-size: contain; width: 28px; height: 31px; margin-top: -16px;}
.btn-group-block-last {margin-bottom: 50px;}
/**/
.ssn-bar {margin-bottom: 40px;}
.ssn-bar ul {display: table; width: 100%; margin-bottom: 40px;}
.ssn-bar li { display: table-cell; font-size: 12px; line-height: 1.2; text-align: center; border-left: 2px solid rgb(201, 201, 201);}
.ssn-bar li:first-child {border-left: none;}
.ssn-bar li a {color: #636363; font-size: 14px;}
.ssn-bar p {font-size: 14px; margin-bottom: 10px; line-height: 1.4;}

/*T11*/
.beneficio-box {display: -ms-flexbox; display: flex; height: 120px; -ms-flex-align: end; align-items: flex-end; margin-bottom: 60px;}
.beneficio-box .card { width: 44%; background: #CAD200; border-radius: 0px 0px 6px; height: 100%; position: relative; }
.beneficio-box .card-blue {background: #004987;}
.beneficio-box .card p {margin: 0; position: absolute; left: 38px; bottom: 14px; font-family: "Roboto"; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #fff;}
.beneficio-box .card:after { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 120px 0 0 34px; border-color: transparent transparent transparent #ffffff; display: block;}
.beneficio-box .card-data {width: 50%; padding-left: 22px;}
.beneficio-box .card-data h3 { font-size: 44px; font-family: "Roboto"; font-weight: 700; color: #004987; margin-bottom: 5px;}
.beneficio-box .card-data h4 { font-size: 22px; font-family: "Roboto"; font-weight: 700; color: #004987; margin-bottom: 5px; text-transform: uppercase; line-height: 1.1;}
.beneficio-box .card-data sup { font-size: 10px; position: relative; top: -23px;}
.beneficio-box .card-data h4 sup {top: -9px;}
.beneficio-box .card-data p { text-transform: uppercase; font-size: 14px; font-family: "Roboto"; font-weight: 700; color: #004987; line-height: 1.2; margin: 0;}
.beneficio-box .card-data span { font-size: 12px; font-family: "Roboto-Regular" }
.beneficio-box .icon { position: absolute; top: 12px; right: 12px; display: block;}
/**/
.beneficio-box-v2 {display: -ms-flexbox; display: flex; height: 120px; -ms-flex-align: end; align-items: flex-end; margin-bottom: 60px;}
.beneficio-box-v2 .card { width: 44%; background: #CAD200; border-radius: 0px 0px 6px; height: 100%; position: relative; }
.beneficio-box-v2 .card p {margin: 0; position: absolute; left: 38px; bottom: 14px; font-family: "Roboto"; font-weight: 700; font-size: 13px; text-transform: uppercase; color: #fff;}
.beneficio-box-v2 .card:after { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 120px 0 0 34px; border-color: transparent transparent transparent #ffffff; display: block;}
.beneficio-box-v2 .card-data {width: 50%; padding-left: 22px;}
.beneficio-box-v2 .card-data h3 { font-size: 36px; font-family: "Roboto"; font-weight: 700; color: #004987; margin-bottom: 5px; border-bottom: 3px solid #c1d42f; letter-spacing: -2px; padding-bottom: 5px; position: relative;}
.beneficio-box-v2 .card-data h3 sup { font-size: 10px; position: relative; top: -19px; letter-spacing: normal;}
.beneficio-box-v2 .card-data h3 small {text-transform: uppercase; font-size: 10px; font-family: "Roboto"; font-weight: 400; letter-spacing: normal;}
.beneficio-box-v2 .card-data h3 span { position: absolute; top: 10px; right: 10px; font-family: "Roboto"; font-weight: 700; font-size: 10px; letter-spacing: normal; text-transform: uppercase;}
.beneficio-box-v2 .card-data h4 { font-size: 13px; font-family: "Roboto"; font-weight: 700; color: #004987; text-transform: uppercase; line-height: 1.1; margin: 0;}
.beneficio-box-v2 .card-data h3.especial { border-bottom: none; padding: 0; margin: 0; color: #00b9ad;}
.beneficio-box-v2 .card-data h3.especial small {color: #00b9ad;}
.beneficio-box-v2 .card-data p { text-transform: uppercase; font-size: 9px; font-family: "Roboto"; font-weight: 400; color: #004987; line-height: 1.2; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 3px solid #00b9ad;}
.beneficio-box-v2 .icon { position: absolute; top: 12px; right: 12px; display: block;}

/*ICONOS (en box verde)*/
.beneficio-box .icon-bag, .beneficio-box-v2 .icon-bag { background: url(../../personas/cuentas/images/bag-icon.svg) no-repeat; width: 39px; height: 33px;}
.beneficio-box .icon-book, .beneficio-box-v2 .icon-book { background: url(../../personas/cuentas/images/book-icon.svg) no-repeat; width: 35px; height: 48px;}
.beneficio-box .icon-cart, .beneficio-box-v2 .icon-cart { background: url(../../personas/cuentas/images/cart-icon.svg) no-repeat; width: 49px; height: 47px;}
.beneficio-box .icon-cubiertos, .beneficio-box-v2 .icon-cubiertos { background: url(../../personas/cuentas/images/cubiertos-icon.svg) no-repeat; width: 24px; height: 47px;}
.beneficio-box .icon-hotel, .beneficio-box-v2 .icon-hotel { background: url(../../personas/cuentas/images/hotel-icon.svg) no-repeat; width: 49px; height: 47px;}
.beneficio-box .icon-ice, .beneficio-box-v2 .icon-ice { background: url(../../personas/cuentas/images/ice-icon.svg) no-repeat; width: 42px; height: 42px;}
.beneficio-box .icon-phone, .beneficio-box-v2 .icon-phone { background: url(../../personas/cuentas/images/phone-icon.svg) no-repeat; width: 26px; height: 44px;}
.beneficio-box .icon-pintura, .beneficio-box-v2 .icon-pintura { background: url(../../personas/cuentas/images/pintura-icon.svg) no-repeat; width: 34px; height: 47px;}
.beneficio-box .icon-shop, .beneficio-box-v2 .icon-shop { background: url(../../personas/cuentas/images/shop-icon.svg) no-repeat; width: 37px; height: 44px;}
.beneficio-box .icon-show, .beneficio-box-v2 .icon-show { background: url(../../personas/cuentas/images/show-icon.svg) no-repeat; width: 46px; height: 48px;}
.beneficio-box .icon-surtidor, .beneficio-box-v2 .icon-surtidor { background: url(../../personas/cuentas/images/surtidor-icon.svg) no-repeat; width: 35px; height: 48px;}
.beneficio-box .icon-tijeras, .beneficio-box-v2 .icon-tijeras { background: url(../../personas/cuentas/images/tijeras-icon.svg) no-repeat; width: 30px; height: 48px;}
.beneficio-box .icon-garage, .beneficio-box-v2 .icon-garage { background: url(../../personas/cuentas/images/garage-icon.svg) no-repeat; width: 40px; height: 40px;}
.beneficio-box .icon-laundry, .beneficio-box-v2 .icon-laundry { background: url(../../personas/cuentas/images/laundry-icon.svg) no-repeat; width: 38px; height: 46px;}
.beneficio-box .icon-toll, .beneficio-box-v2 .icon-toll { background: url(../../personas/cuentas/images/toll-icon.svg) no-repeat; width: 56px; height: 38px;}
.beneficio-box .icon-wheel, .beneficio-box-v2 .icon-wheel { background: url(../../personas/cuentas/images/wheel-icon.svg) no-repeat; width: 38px; height: 38px;}
.beneficio-box .icon-pharmacy, .beneficio-box-v2 .icon-pharmacy { background: url(../../personas/cuentas/images/pharmacy-icon.svg) no-repeat; width: 38px; height: 38px;}
.beneficio-box .icon-parador, .beneficio-box-v2 .icon-parador { background: url(../../personas/cuentas/images/parador-icon.svg) no-repeat; width: 36px; height: 39px;}
.beneficio-box .icon-optics, .beneficio-box-v2 .icon-optics { background: url(../../personas/cuentas/images/optics-icon.svg) no-repeat; width: 46px; height: 20px;}
.beneficio-box .icon-chocolate, .beneficio-box-v2 .icon-chocolate { background: url(../../personas/cuentas/images/chocolate-icon.svg) no-repeat; width: 40px; height: 40px;}
.beneficio-box .icon-gym, .beneficio-box-v2 .icon-gym { background: url(../../personas/cuentas/images/gym-icon.svg) no-repeat; width: 41px; height: 44px;}

/**/
.highlight-bar-2 { background: #EC8059; border-bottom: 5px solid #F5A83D; text-align: center; text-transform: uppercase; margin-top: 18px; margin-bottom: 60px;}
.highlight-bar-2 .inner { display: inline-block; background: #fff;}
.highlight-bar-2 p {margin: 0; font-size: 14px; padding: 0 50px 2px 50px; position: relative;}
.highlight-bar-2 p span {display: inline-block; font-size: 12px; border: 1px solid #004987; font-family: "Roboto"; font-weight: 500; padding: 5px 9px; position: relative; top: -3px; margin-left: 20px;}
.highlight-bar-2 .inner p:before {content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 17px 26px 0; border-color: transparent #ffffff transparent transparent; position: absolute; left: -17px; top: 0;}
.highlight-bar-2 .inner p:after {content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 26px 17px 0 0; border-color: #ffffff transparent transparent transparent; position: absolute; right: -17px; top: 0;}

/*MODAL*/
.modal-content { border-radius: 0; border: 1px solid rgb(181, 181, 181); box-shadow: 0 3px 7px rgba(0,0,0,0.3); padding: 30px;}/* antes padding: 30px 60px */
.modal-body {padding: 0;}
.close {font-size: 18px; color: #004982; opacity: 1; font-family: "Roboto"; font-weight: 400;}
.modal-title { font-size: 18px; color: #004982;}
.modal-header {padding: 0 0 20px 0; border-bottom: none;}
.modal-footer {padding: 15px 0 0 0; border-top: none;}
/**/
.external-legend p {font-size: 12px; line-height: 1.3; margin-bottom: 20px;}
/**/
.modal-footer .cta-btn { display: inline-block; color: #fff; background: #004987; height: 33px; width: 133px; text-align: center; text-transform: uppercase; font-size: 13px; font-family: "Roboto"; font-weight: 500; padding-top: 11px; margin-left: 5px;}
.modal-footer .cta-btn:hover { background: #00b9ad;}
.modal-footer .cta-btn-cancel { display: inline-block; color: #fff; background: #ccc; height: 33px; width: 133px; text-align: center; text-transform: uppercase; font-size: 13px; font-family: "Roboto"; font-weight: 500; padding-top: 11px; margin-left: 5px;}

/*TABLES*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {font-size: 12px; line-height: 1.2;}
.table > tbody > tr > td.valign-middle {vertical-align: middle}
.table-fondos > tbody > tr > td { font-size:14px;}/* creado */

/*T7*/
.form-head { margin-bottom: 45px;}
.form-head h2 { font-size: 24px; color: #004987; font-family: "Roboto"; font-weight: 700; margin-bottom: 15px;}
.form-head h3 { font-size: 20px; color: #004987; margin-bottom: 15px;}
/**/
.formulario { margin-bottom: 40px;}
label { margin-bottom: 7px; font-weight: normal; font-size: 12px; line-height: 1.2;}
.form-control { height: 38px; padding: 6px 12px; font-size: 14px; color: #636363; border: 1px solid rgb(210, 210, 210); border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
.form-control:focus {border-color: #c1d42f; -webkit-box-shadow: none; box-shadow: none;}
.form-actions {overflow: hidden;}
.form-actions .btn { border-radius: 0; width: 128px; height: 32px; text-transform: uppercase; font-size: 14px; float: right; margin-left: 10px;}
.form-actions .btn-submit { color: #fff; font-family: "Roboto"; font-weight: 500; background: #004987;}

/*MAPA EMPRESAS*/
.cenemp-area { background:rgb(238, 238, 238); background: linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);}/* creado */
.cenemp { position:relative; display: inline-block;}
.cenemp .cenemp-box { position:absolute;}
.cenemp .cenemp-box .cenemp-puntero { z-index:10000; cursor:pointer;}
.cenemp .cenemp-box .cenemp-puntero .cenemp-puntero-hover { display:none;}
.cenemp .cenemp-dialogo { z-index:10001; position:absolute; left:10px; background:#fff; padding:10px; margin:0; border:1px solid #ccc; width: 175px; display:none;}
.cenemp .cenemp-dialogo .cenemp-cerrar { position: absolute; right: 5px; top: -10px; border-radius: 50%; border: 1px solid #ccc; background: #fff; font-weight: bold; padding: 7px 10px; cursor: pointer; color: #004479; font-size: 11px; line-height: 1em;}/* creado */
.cenemp .cenemp-dialogo p { padding:0; margin:0; color:#004479; font-size: 11px; line-height:1.4em;}/* modificado: antes font-size 12px; agregado line-height*/
.cenemp #cenemp-ambanorte { top:39%; right:29%;}
.cenemp #cenemp-ambasuroeste { top:47%; right:28%;}
.cenemp #cenemp-atlantica { top:65%; right:19%;}
.cenemp #cenemp-interiorcentro { top:24%; left:39%;}
.cenemp #cenemp-interiornorte { top:0%; right:25%;}
.cenemp #cenemp-interiorsur { top:72%; left:16%;}
.cenemp #cenemp-microcentro { top:43%; right:23%;}
.cenemp #cenemp-rosario { top:32%; right:35%;}

/*AGRO BOXES*/
.agro-logo-box {display: table; margin-bottom: 15px;}
.agro-logo-box span { display: table-cell; height: 80px; vertical-align: middle;}

/*EBANK EMPRESAS*/
.login-ebank-empresas a { width: 100%; max-width: 500px;}
.login-ebank-empresas.color-ebank-empresas a { background: #fff; border: 1px solid #004987; color: #004987;}
.login-ebank-empresas.color-ebank-empresas a:hover { background: #004987; color: #fff;}

/*RESPONSIVE*/
@media screen and (max-width: 1199px) {
	.dsk { display: none;}
	.tbl { display: inline-block !important;}
	.mbl { display: none;}
	/**/
	.general-links,	.top-links,	.nav-bar {display: none;}
	.col-dsk-6 {width: 50%;}
	/**/
	.c-hamburger {display: block; position: relative; overflow: hidden; width: 44px; height: 32px; text-indent: -9999px; cursor: pointer; transition: background 0.3s; float: left; margin-left: -4px; margin-top: 28px;}
	.c-hamburger:focus {outline: none;}
	.c-hamburger span {display: block; position: absolute; top: 13px; left: 4px; right: 4px; height: 3px; background: #d2d2d2;}
	.c-hamburger span:before,
	.c-hamburger span:after {position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #d2d2d2; content: "";}
	.c-hamburger span:before {top: -8px;}
	.c-hamburger span:after {bottom: -8px;}
	.c-hamburger--htx span {transition: background 0s 0.3s;}
	.c-hamburger--htx span:before,
	.c-hamburger--htx span::after {transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s;}
	.c-hamburger--htx span::before {transition-property: top, transform;}
	.c-hamburger--htx span::after {transition-property: bottom, transform;}
	.c-hamburger--htx.is-active span {background: none;}
	.c-hamburger--htx.is-active span:before {top: 0; transform: rotate(45deg);}
	.c-hamburger--htx.is-active span:after {bottom: 0; transform: rotate(-45deg);}
	.c-hamburger--htx.is-active span:before,
	.c-hamburger--htx.is-active span:after {transition-delay: 0s, 0.3s;}
	/**/
	.placeholder-bar {height: 77px;}
	.header-bar { position: fixed; width: 100%; z-index: 100; box-shadow: 0px 0px 5px 0px rgba(227, 227, 227, 1);}
	.header-bar header {height: 77px;}
	.header-bar h1 {float: left; margin-left: 11px;}
	.main-logo {margin-top: 31px;}
	/**/
	.mobile-nav-bar {display: none; background: #eeeeee; padding: 10px 15px 15px 15px; position: fixed; width: 50%; left: 0; top: 77px; z-index: 101; overflow: auto; max-height: calc(100vh - 77px) }
	.nav-main-item { border-bottom: 1px solid #d2d2d2;}
	.nav-main-item > ul {display: none;}
	.nav-main-item:last-child {border-bottom: none}
	.nav-main-item > a {font-size: 14px; text-transform: uppercase; display: block; padding-top: 10px; padding-bottom: 10px; position: relative;}
	.nav-main-item > a .fa {color: #cedb65; font-size: 18px; font-weight: bold; position: absolute; right: 0; top: 20%; transition: all .3s ease-in-out; transform: rotate(0deg)}
	.nav-main-item > a.open .fa { transform: rotate(90deg)}
	.nav-main-item > a.active, .nav-main-item > a.open {font-family: "Roboto"; font-weight: 700;}
	.nav-sub-item:last-child {padding-bottom: 10px;}
	.nav-sub-item > a { font-size: 12px; text-transform: uppercase; display: inline-block; padding-bottom: 6px; position: relative; margin-bottom: 10px;}
	.nav-sub-item > a.active:after, .nav-sub-item > a.open:after {content: ""; display: block; border-top: 3px solid #c1d42f; position: absolute; left: 0; bottom: 0; width: 100%;}
	.submenu {padding: 5px 10px 15px 10px; display: none;}
	.submenu a {font-size: 12px; display: block; padding: 5px 0;}
	/**/
	.footer-bar {padding-top: 16px;}
	.placeholder-shortlinks {height: 62px;}
	.shortlinks {height: 62px; background: #fff; box-shadow: 0px 0px 5px 0px rgba(227, 227, 227, 1); position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99;}
	.shortlinks a {display: block; text-align: center; font-size: 11px; color: #b8b6b7; padding-top: 14px; padding-bottom: 10px;}
	.shortlinks .icon {display: block; margin: 0 auto 8px auto;}
	.shortlinks .icon-contacto { background: url(../../img/layout/icon-contacto.svg) no-repeat; width: 23px; height: 20px; margin-top: 3px; background-size: contain;}
	.shortlinks .icon-sucursales { background: url(../../img/layout/icon-sucursales.svg) no-repeat; width: 25px; height: 20px; margin-top: 3px; background-size: contain;}
	.shortlinks .icon-canales { background: url(../../img/layout/icon-canales.svg) no-repeat; width: 16px; height: 23px; background-size: contain;}
	.shortlinks .icon-ebank { background: url(../../img/layout/icon-ebank.svg) no-repeat; width: 24px; height: 14px; margin-top: 5px; background-size: contain;}
	.shortlinks .last { background: #c1d42f;}
	.shortlinks .last a {color: #004987;}
	/**/
	.ssn-bar li {font-size: 11px;}
	.ssn-bar li a {font-size: 13px;}
	.ssn-bar img { width: 190px; height: auto;}
	/**/
	.beneficio-box-v2 .card-data {width: 56%;}
}

@media screen and (max-width: 991px) {
	.placeholder-top {display: block; height: 58px;}
	.placeholder-top + .placeholder-bar .header-bar {top: 58px;}
	.placeholder-top[style*="none"] + .placeholder-bar .header-bar {top: 0;}
	.topbanner {position: fixed; width: 100%; left: 0; top: 0; z-index: 100; background: #fff; border-bottom: 2px solid #d6e274;}
	.topbanner a {display: block;}
	.placeholder-top + .placeholder-bar + .nav-bar + .mobile-nav-bar {top: 135px;}
	.placeholder-top[style*="none"] + .placeholder-bar + .nav-bar + .mobile-nav-bar {top: 77px;}
	.close-this-banner { display: block; width: 30px; height: 30px; background: url(../images/layout/close-app-banner.svg) no-repeat center center; position: absolute; top: 5px; right: 5px; cursor: pointer}/* modificado */
	/**/
	.h-destacado figcaption {font-size: 12px; width: 176px; height: 35px; padding-top: 13px;}
	.h-destacado .logo-club { width: 103px; height: auto;}
	.h-info-box {padding: 10px 10px 30px 10px;}
	.h-info-box p br {display: none;}
	.h-info-box span { left: 10px; bottom: 7px;}
	/**/
	.beneficios-int .card {width: 50%;}
	.beneficios-int .card-data p br {display: none;}
	/**/
	.nav-tabs-vertical { width: 33.33333333%;}
	/**/
	.beneficio-box .card {width: 50%;}
	.highlight-bar-2 p {padding: 0 20px 2px 20px;}
	/**/
	.ssn-bar ul {overflow: hidden;}
	.ssn-bar li {display: block; float: left; width: 33%; height: 40px; padding-top: 10px;}
	.ssn-bar li:nth-child(4) { clear: left; width: 50%; margin-top: 15px; border-left: none;}
	.ssn-bar li:nth-child(5) {width: 50%; margin-top: 15px;}
}

@media screen and (max-width: 767px) {
	.dsk { display: none;}
	.tbl { display: none !important;}
	.mbl { display: inline-block !important;}
	/**/
	.col-dsk-6 {width: auto}
	/**/
	.c-hamburger {width: 28px; height: 28px; margin-top: 19px;}
	.c-hamburger span:before {top: -6px;}
	.c-hamburger span:after {bottom: -6px;}
	/**/
	.placeholder-bar {height: 60px;}
	.header-bar header {height: 60px;}
	.header-bar h1 {float: left; margin-left: 6px;}
	.main-logo {margin-top: 26px; width: 128px; height: 14px; background-size: contain;}
	/**/
	.placeholder-top + .placeholder-bar + .nav-bar + .mobile-nav-bar {top: 118px;}
	.mobile-nav-bar {width: 100%; top: 60px; max-height: calc(100vh - 61px); overflow: auto;}
	.placeholder-top + .placeholder-bar + .nav-bar + .mobile-nav-bar {max-height: calc(100vh - 118px);}
	.placeholder-top[style*="none"] + .placeholder-bar + .nav-bar + .mobile-nav-bar {top: 60px;}
	.mobile-nav-bar[style*="none"] {width: 100%; top: 60px; max-height: calc(100vh - 61px); overflow: auto;}
	/**/
	.home-slider { height: auto; margin-bottom: 35px;}
	.home-slider .slick-dots {display: none !important;}
	.home-slide {position: relative;}
	.home-slider .home-slide { background-size: 260%}
	.home-slider .col-xs-12 { padding-left: 0; padding-right: 0; position: absolute; left: 0; bottom: 0px; z-index: 50;}
	.slide-card { margin-top: 0; padding: 27px 15px; max-width: 100%; min-height: 165px;}
	.slide-card h2 {margin: 0 0 10px 0;}
	.slide-card .logo-pat-mobil {width: 180px; height: auto}
	.slide-card h4 { font-size: 20px;}
	.slide-card .with-border {margin-bottom: 25px;}
	.slide-card .with-border:after {width: 22px; border-top-width: 2px;}
	.slide-card p {font-size: 13px;}
	/**/
	.h-destacado { margin-bottom: 22px;}
	.h-destacado img {width: 100%;}
	.h-destacado figure { padding-bottom: 25px;}
	.h-destacado figcaption {font-size: 10px; width: 100%; line-height: 1.2; height: auto; padding: 8px}
	.h-destacado .logo-club { width: 80px; margin-top: 0;}
	/**/
	.equal-height {flex-wrap: wrap;}
	.mb60-h {margin-bottom: 15px;}
	/**/
	.h-destacado-bot { padding-top: 30px;}
	/**/
	.h-aviso span {display: none;}
	.h-aviso {text-align: left; padding: 20px 10px; height: auto;}
	.h-aviso h4 {font-size: 14px; line-height: 1.4;}
	/**/
	.h-info-box-bot { margin-top: 30px;}
	/**/
	.flnks span {display: none;}
	.flnks a {display: block;}
	/**/
	.redes {display: inline-block; width: 100%; text-align: center}
	.redes span { padding-right: 0; display: block; padding-bottom: 12px;}
	.flegal {font-size: 11px;}
	/**/
	.sec-pic-head { background-size: 240%;}
	.sec-head-card {margin-top: 0; position: absolute; left: 0; bottom: 0; width: 100%; min-height: auto; max-width: 100%;}
	/*.tabs-x2 li {width: 100%;}*/
	.nav-tabs > li > a {margin-right: 0;}
	.consulta .lnk { margin-bottom: 20px;}
	.consulta .lnk.last { margin-bottom: 0px;}
	/**/
	.btn-lnk { padding: 15px 0;}
	.btn-lnk .icon { right: 0px;}
	/**/
	.equal-height.info-blocks {display: block; margin-bottom: 0;}
	.info-block {margin-bottom: 20px;}
	.info-block .btn-m-info {position: static;}
	/**/
	.shortlinks .icon {display: block; margin: 2px auto 2px auto;}
	.shortlinks .icon-contacto { margin-top: 3px;}
	.shortlinks .icon-sucursales { margin-top: 3px;}
	.shortlinks a {font-size: 10px;}
	.shortlinks .icon-contacto { margin-top: -6px; margin-bottom: 2px;}
	.shortlinks .icon-sucursales {margin-top: -6px; margin-bottom: 2px;}
	.shortlinks .icon-canales { margin-top: -6px; margin-bottom: 2px;}
	/**/
	.highlight-bar-2 p {line-height: 1.2;}
	.highlight-bar-2 p span { margin-top: 15px; margin-left: 6px; margin-right: 6px;}
	/**/
	.tab-data h3 {font-size: 14px;}
	.tab-data h4 {font-size: 12px;}
	.tab-data li {font-size: 12px;}
	.tab-data p {font-size: 12px;}
	/**/
	.btn-lnk-block h4 {font-size: 14px;}
	.btn-lnk-block h5 {font-size: 12px;}/* creado */
	.btn-lnk-block p {font-size: 12px;}
	.destacado-int h3 {font-size: 20px;}
	.destacado-int p {font-size: 14px;}
	.mt30 {margin-top: 0px;}
	/**/
	.text-data h1 {font-size: 22px; margin-bottom: 20px; line-height: 1.3;}
	.text-data h2 {font-size: 16px;}
	.text-data ul li {font-size: 12px;}
	.text-data ul li:before {top: 3px;}
	/**/
	.nav-tabs > li > a {font-size: 14px;}
	.text-data .cta-btn {font-size: 14px; height: auto; padding-bottom: 16px; line-height: 1.2;}
	/**/
	.beneficios-int h2 {font-size: 22px;}
	/**/
	.sec-head-int h2 {font-size: 18px;}
	.sec-head-int h3 {font-size: 14px;}
	/**/
	.sec-title {font-size: 18px; margin-bottom: 30px;}
	.info-block h3 {font-size: 14px; margin-bottom: 5px;}
	.info-block p {font-size: 12px; margin-bottom: 10px;}
	.highlight-bar destacado {font-size: 12px; margin-bottom: 10px;}
	.info-block .btn-m-info {font-size: 10px;}
	.highlight-bar p {font-size: 16px;}
	.tarjetas-int .btn-m-info {font-size: 10px;}
	/**/
	.ssn-bar {margin-top: 45px;}
	.ssn-bar li:nth-child(1) {width: 50%;}
	.ssn-bar li:nth-child(2) {width: 50%;}
	.ssn-bar li:nth-child(3) {clear: left; width: 50%; margin-top: 15px; border-left: none;}
	.ssn-bar li:nth-child(4) { clear: none; width: 50%; margin-top: 15px; border-left: 2px solid rgb(201, 201, 201);}
	.ssn-bar li:nth-child(5) {width: 100%; margin-top: 15px; border-left: none;}
	.ssn-bar p {font-size: 11px;}
	/**/
	.formulario .mb-18 {margin-bottom: 18px;}
	/**/
	.tab-data h1 {font-size: 20px;}
	/**/
	.beneficio-box-v2 .card p {padding-right: 5px; font-size: 10px;}
	/**/
	.modal-content { padding: 30px 15px;}/* creado */
}

@media screen and (max-width: 550px) {
	/* antes: max-width: 500px */
	/*.cenemp-area {text-align: left !important;}*//* deshabilitado */
	/*.cenemp {overflow-x: auto; width: 100%; padding-bottom: 30px;}*//* deshabilitado */
	.cenemp #cenemp-ambanorte .cenemp-dialogo, .cenemp #cenemp-ambasuroeste .cenemp-dialogo, .cenemp #cenemp-atlantica .cenemp-dialogo, .cenemp #cenemp-interiornorte .cenemp-dialogo, .cenemp #cenemp-microcentro .cenemp-dialogo, .cenemp #cenemp-rosario .cenemp-dialogo { right:10px; left:auto;}/* creado */
	.cenemp #cenemp-ambanorte .cenemp-dialogo .cenemp-cerrar, .cenemp #cenemp-ambasuroeste .cenemp-dialogo .cenemp-cerrar, .cenemp #cenemp-atlantica .cenemp-dialogo .cenemp-cerrar, .cenemp #cenemp-interiornorte .cenemp-dialogo .cenemp-cerrar, .cenemp #cenemp-microcentro .cenemp-dialogo .cenemp-cerrar, .cenemp #cenemp-rosario .cenemp-dialogo .cenemp-cerrar { left:5px; right:auto;}/* creado */
}
@media screen and (max-width: 380px) {
	.home-slider .home-slide {background-size: 300%;}
	/**/
	.h-destacados .col-xs-4 {width: 100%;}
	.h-destacado { margin-bottom: 22px;}
	.h-destacado img {width: 100%;}
	.h-destacado figure { padding-bottom: 25px;}
	.h-destacado figcaption {font-size: 15px; width: 213px; height: 40px;}
	.h-destacado .logo-club { width: 123px; margin-top: 0;}
	/**/
	.h-destacado-2s .col-xs-6 {width: 100%;}
	.h-destacado-2 {padding-bottom: 15px; padding-top: 15px;}
	.h-destacado-2 h3 {font-size: 16px;}
	.h-destacado-2 br {display: none;}
	.h-destacado-2 .lnk {width: 100%; padding: 0; text-align: right;}
	.h-destacado-2 .lnk span {display: none;}
	.h-destacado-2 em { position: absolute; right: 2px; top: -35px;}
	.h-destacado-2 .btn:after {border-top-width: 3px;}
	/**/
	.mb60-h {margin-bottom: 0px;}
	.mb50-h {margin-bottom: 35px;}
	.mb40-h {margin-bottom: 15px;}
	/**/
	.h-info-boxes .col-xs-6 {width: 100%;}
	.h-info-box { padding: 15px 0px; border: none; border-bottom: 1px solid #d2d2d2; min-height: 100%;}
	.h-info-box p {margin: 0; font-size: 12px;}
	.h-info-box .lnk { left: 0; bottom: 0; width: 100%; text-align: right; padding: 0;}
	.h-info-box .lnk span {display: none;}
	.h-info-box em { position: absolute; right: 2px; top: -30px;}
	.h-info-box-img { margin-top: 30px; margin-bottom: 30px;}
	.h-info-box-img img {width: 100%;}
	.h-info-box-bot { margin-top: 0px;}
	/**/
	.sec-pic-head { background-size: 270%;}
	/**/
	.beneficios-int .card-data p br {display: none;}
	.beneficios-int .card-data sup {right: -5px;}
	.beneficios-int .card h4 {font-size: 12px;}
	/**/
	.beneficio-box-v2 .card-data h3 {font-size: 26px;}
	.beneficio-box-v2 .card-data h3 sup {top: -12px;}
	.beneficio-box-v2 .card-data h3 span {top: 0;}
}
@media screen and (max-width: 370px) {
	.sec-pic-head { background-size: 280%;}
	/**/
	.ssn-bar li {font-size: 10px;}
	.ssn-bar li a {font-size: 11px;}
}
@media screen and (max-width: 330px) {
	.home-slider .home-slide { background-size: 300%}
	.sec-pic-head { background-size: 270%;}
}