@font-face {
/*    font-family: 'sun_valley';
    src: url('fonts/sun_valley_-_demo-webfont.eot');
    src: url('fonts/sun_valley_-_demo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sun_valley_-_demo-webfont.woff2') format('woff2'),
         url('fonts/sun_valley_-_demo-webfont.woff') format('woff'),
         url('fonts/sun_valley_-_demo-webfont.ttf') format('truetype');
    font-weight: normal; font-style: normal;*/
    font-family: 'brinnanregular';
        src: url('fonts/brinnan_regular-webfont.woff2') format('woff2'),
             url('fonts/brinnan_regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
html {font-size: 62.5%;} /* reset font-size to 10px  */
*, *:before, *:after {margin:0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
*:focus {outline:0;}
img {border: 0; vertical-align: bottom;}
table {border-collapse: collapse; border-spacing: 0;}
.trans, a {-webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s;}
a {text-decoration: none;}
/* end reset */
body {font: 1.6rem/1.3 'Source Sans Pro'; color: #6A737B;}
/*body * {outline: 1px solid red;}*/
/* comodines*/
.maxw {width: 100%; max-width: 1124px; margin: auto;}
.w100 {width: 100%;}
.valley {font-family: 'brinnanregular'; font-weight: normal; line-height: 1;}
.plite {padding: 50px 0;} .pmedium {padding: 80px 0;}
.plarge {padding: 100px 0;} .ptop {padding: 80px 0 0;} .pltop {padding: 50px 0 0;}
.white {color: #fff;}
.lgreen {color: #C4D600;} /* verde claro */
.mgreen {color: #009D0C;} /* verde intermedio */
.dgreen {color: #006341;} /* verde oscuro */
.parrafo {margin-bottom: 20px;}
.tcenter {text-align: center;}
.tright {text-align: right;}

/* estilo general para botones */
.btn {
	display: inline-block; position: relative; z-index: 1;
	overflow: hidden; border: 1px solid transparent; margin: 20px 0;
	color: #fff; padding: 10px 45px;
}
.btn:before {
	content: ""; position: absolute; width: 0; height: 250px;
	top: 0; bottom: 0; left: 0; right: 0; margin: auto;
	z-index: -1; transform: rotate(35deg); transition: all ease .2s;
}
.btn:hover:before {width: 100%;}
.genericbtn {
	display: block; text-align: center; border-color: #006341;
	border-radius: 5px; padding: 20px; color: #006341;
	font-size: 1.6rem; font-weight: 700;
}
.genericbtn:hover {color: #fff;}
.genericbtn:hover::before {background: #006341;}

.morebtn {background: #006341; border-color: #006341;}

.morebtn02 {background: transparent; border-color: #fff; font-size: 1.6rem;}
.morebtn02:before, .morebtn:before {background: #fff;}
.morebtn02:hover, .morebtn:hover {color: #006341;}

.titleblock h2, .titleblock h1 {font-size: 2.8rem; text-align: center; line-height: 1;}
/* botones para canales inicio */
.canales-home {position: relative; z-index: 100; margin-top: -75px;}
.canales-home a {
	color: #fff; height: 150px; text-align: center;
	padding: 15px 50px; background: #017550; flex: 1;
	box-shadow: inset 0 0 0 transparent;
	border-top: 8px solid #c4d600;
}
.canales-home a h1 {font-size: 1.8rem; margin-bottom: 5px;}
.canales-home a:nth-child(even) {margin: 0 10px; border-color: #fff;}
.canales-home a:first-child {border-radius: 75px 0 0 75px;}
.canales-home a:last-child {border-radius: 0 75px 75px 0;}
.canales-home a:hover {box-shadow: inset 0 -150px 0 rgba(0,0,0,.3)}

/* botones para créditos inicio */
.credits-group {padding: 20px 0;}
.credits-btn {
	height: 100%; text-align: center;
	border: 1px solid #006341; color: inherit;
	border-radius: 5px; padding: 45px;
}
.credits-btn h2 {
	font-weight: 400; line-height: 1; color: #006341;
	text-transform: uppercase; margin-bottom: 8px;
}
/* ahorros inicio */
.greybg {background: #f4f4f4;}
.depbtns a {
	display: block; max-width: 280px; padding: 35px; color: #006341; 
	text-align: center; border-right: 1px solid #006341;
	box-shadow: inset 0 0 transparent; margin: auto;
}
.depbtns div:last-child a:last-child {border-right: none;}
.credits-btn {position: relative; overflow: hidden;}
.hide {
	position: absolute; top: 100%; height: 100%; width: 100%; 
	background: transparent; transition: all ease .3s;  left: 0;
}
.blur {transition: all ease .3s;}
.credits-btn:hover .blur {-webkit-filter: blur(1px); filter: blur(2px); opacity: .7;}
.credits-btn:hover .hide {top: 0%; background: rgba(204, 204, 204, 0.6);}

.depbtns a img {margin-bottom: 5px; transition: transform .5s ease-in-out;}
.depbtns a:first-child:hover {box-shadow: inset -280px 0  rgba(0,0,0,.1);}
.depbtns a:hover {box-shadow: inset 280px 0  rgba(0,0,0,.1);}
.depbtns a:hover img {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
/* gestiones inicio */
.gestiones li {
	max-width: 360px; padding: 0 10px;
	list-style-type: none; margin: auto;
}
.gencontainer {position: relative;}
/* internas créditos */
.bg-interna {max-height: 440px;  overflow: hidden;}
.bg-interna img, .imgBorder img {width: 100%;}
.head-int {
	position: absolute; height: 100%; 
	top: 0; left: 0; right: 0; padding: 80px 45px;
}
.head-int h1 {
	font-size: 7rem; margin: 5px 0; width: 100%;
	color: #fff; text-align: center;
}
.detail h1 {
	padding: 5px 40px; display: inline-block;
	background: #006341; margin-bottom: 20px; font-weight: 400;
	border-radius: 20px 0 20px 0; font-size: 2.5rem;
}
.detail h2 {font-size: 1.6rem; margin-bottom: 3px;}
.detail ul, .detail ol  {padding: 10px 0 20px 35px;}
.detail li {padding: 2px 0;}
.detail li::marker, .valores li::marker {color: #c4d600;}
.imgBorder {position: relative; display: inline-block; padding: 15px;}
.imgBorder:before, .imgBorder:after {
	content: ""; position: absolute; width: 50%;  z-index: -1;
}
.imgBorder:before {height:80%; bottom:0; left:0; background:#017550;}
.imgBorder:after {height:40%; top:0; right:0; background:#c4d600;}
.presolicitud {border: 1px solid #c4d600; border-radius: 5px; text-align: center; padding: 0 20px;}
.small {padding: 20px 0 0;}

/* tarjetas inicio */
.bg-promo {
	background: url(../img/bg-promociones.jpg) no-repeat;
	background-size: cover; color: #fff; font-size: 2.2rem;
}
.promoSlide {border: 8px solid #dbdbdb;}

.downloadapp {padding: 20px 10px;}
.downloadapp a:hover {opacity: .4;}

.cajero {width: 220px; padding: 10px;}
.cajero img {margin-right: 15px;}
.cajero h3, .cajero p {font-size: 1.4rem; font-weight: 400;}

/* fede punto vecino */
.fedepuntoSection {background: #f4f4f4;}
.fedepuntoSection .titleblock {
	border-bottom: 1px solid #006341; padding: 20px 0;
}
.fedepuntoSection .titleblock img {margin-right: 10px;}
.fedepuntoSection .titleblock .subtitle {padding: 0;}
.subtitle span {font-size: 2.8rem; line-height: 1;}
.fedepuntoContent {padding: 35px 0;}
.fedepuntoitem {max-width: 360px; margin: 20px 0;}
.fedepunto {
	padding: 25px; border-radius: 5px; border: 1px solid #006341; 
	font-size: 1.4rem; height: 100%;
}
.fedepunto h2 {
	position: relative; font: 400 2rem/1 'Source Sans Pro'; padding: 20px 0 10px;
}

.fedepunto h2:before, .fedepunto h2:after {
	position: absolute; content: ""; width: 90px; height: 8px;
}
.fedepunto h2:before {top: 0; left: 35px; background: #006341;}
.fedepunto h2:after {top: 8px; left: 70px; background: #c4d600;}
.fedepunto h3 {font-size: 1.4rem; font-weight: 400;}

/* remesas familiares */
.bg-remesadores {
	background: url(../img/bg-remesadores.jpg) no-repeat center top;
	background-size: cover;
}
.remesaslist {color: #fff;}
.remesaslist ul {padding: 0 10px 0 30px;}
.remesaslist li {padding: 2px 0;}
ul.atmlist {padding: 0 0 20px;}
.atmlist li {
	padding: 8px 10px 8px 35px;
	position: relative; list-style-type: none;
}
.atmlist li:before {
	content: attr(data-order); display: block; position: absolute; left: 0;
	top: 0; bottom: 0; margin: auto; text-align: center;
	width: 25px; height: 25px; border-radius: 50%;
	border: 1px solid #006341; color: #006341;
}
/* colecturia de servicios */
.logos img {margin: 25px;}

/* contacto */
.map {display: block; margin-bottom: 20px;}
.contactItem {margin: 20px 0;}

/* programa de lealtad */
.comercios, .presolicitudContent {
	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	background: #fff;
}
/* gobierno corporativo */
.gobbtns li {list-style-type: none; padding: 20px;}
.gobbtns li a {display: block; width: 180px; text-align: center; color: inherit;}
.gobbtns li a p {font-size: 1.4rem; margin: 20px 0;}
.gobimg {
	width: 120px; height: 120px; margin: auto;
	border-radius: 50%; border: 2px solid #006341;
	-webkit-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
}
.gobimg img {
	-webkit-transition: transform .5s ease-in-out;
	-o-transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
}
.gobbtns li a:hover {color: #006341;}
.gobbtns li a:hover .gobimg {background: #c4d600;}
.gobbtns li a:hover img {transform: rotateY(360deg);}

/* tabs quienes somos */
.boxTab h2 {
    padding: 5px 40px; text-align: center;
    background: #006341; color: #c4d600;
    margin: 0 auto 20px; width: 80%; 
    font-weight: 400; font-size: 2.5rem;
    border-radius: 20px 0 20px 0; 
}
.valores {padding-left: 35px;}
.valores li {padding: 3px 0;}
.objectiveItem {padding: 35px 0; border-bottom: 1px solid #006341;}
.objectiveItem img {margin-right: 15px;}
.objectiveItem:last-child {border: none;}

.history li {
	list-style-type: none; position: relative;
	padding: 10px 0 10px 70px;
}
.history li:before {
	content: ""; position: absolute; width: 46px; height: 46px; left: 0;
	border-radius: 50%; border: 4px solid #006341; background: #006341;
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0px, #ffffff 10px, #006341 11px, #006341 14px, #ffffff 15px);
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0px, #ffffff 10px, #006341 11px, #006341 14px, #ffffff 15px);
	background: radial-gradient(ellipse at center,  #ffffff 10px, #006341 11px, #006341 14px, #ffffff 15px);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
.history li:after {
	content: ""; position: absolute; width: 6px; height: 100%; 
	background: #006341; left: 20px; top: 43px; z-index: 1;
}
.history span {color: #006341; font-weight: 700;}
.history li:nth-last-child(-n+2):before {display: none;}
.history li:nth-last-child(-n+3):after {display: none;}

.mensaje img {margin-bottom: 20px;}
.mensaje p {text-align: justify;}

.medios {
	padding: 20px 50px; color: #2A8238;
	position: relative; padding-bottom: 50px;
}
.medios h1 {
	text-align: center; padding: 12px 35px 12px 20px;
	background: #006341; font-size: 1.5rem; color: #fff;
	cursor: pointer; border-radius: 5px;
	transition: all ease .2s; position: relative;
}
.medios h1:before {
	content: ""; position: absolute; width: 0; height: 0;
	top: 20px; right: 15px; border-width: 6px; border-style: solid;
	border-color: #fff transparent transparent transparent;
}
.medios h1:hover {background: #007034;}
.medios-box {display: none;}
.medios table {width: 100%; height: 100%;}
.medios-box th {
	font-size: 1.6rem; text-align: left; padding: 3px;
	border-bottom: 2px solid #007034;
}
.medios-box td {
	font-size: 1.4rem; padding: 5px 35px 5px 3px;
	border-bottom: 1px solid #007034;
}
.mediosBtn {cursor: pointer;}

/* agencias */
.agenciasContent {margin-bottom: 20px;}
.agencias {
	padding: 25px; height: 100%;
	border: 1px solid rgba(0,0,0,.3); 
}
.agencias img {width: 100%;}
.agencias h2 {font-weight: 400; font-size: 2.2rem; margin-top: 15px;}
.info {padding: 20px 0 0; font-size: 1.4rem;}
.info a {color: inherit;}
.horario {margin: 10px 0;}


/* activos extraordinarios */
.inmuebles {background: #ececec; padding: 20px;}
.inmuebleitem {
    border-bottom: 1px solid #006341;
    padding: 35px 10px; font-size: 14px;
}
.itipo, .w100 {width: 100%;}
.iphoto {padding: 0 20px;}

.amap, .aphoto {
    padding: 0 0 10px;
    text-align: center;
    width: 75px;
}
.aphoto a {
    text-align: center; display: block;
}
.aphoto a img {
    width: 100%;
}
.iblock > div {padding: 10px 5px;}
.iblock:first-child div:first-child h1 {background: #dce390;}
.inmuebleitem h1 {
    font: normal 12px/1 Arial; margin-bottom: 3px;
    background: rgba(0,0,0,.05); padding: 6px 8px;
}
.inmuebleitem p { padding: 3px 8px; margin: 0;}

.comercios {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 20px;
  font-size: 13px;
}

/*.generic {overflow: hidden;}*/
@media screen and (max-width: 1600px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1124px) {
	.head-int {padding: 20px;}
	.head-int h1 {font-size: 7rem;}
}
@media screen and (max-width: 980px) {
	.plite {padding: 40px 0;} .pmedium {padding: 45px 0;}
	.plarge {padding: 50px 0;} .ptop {padding: 45px 0 0;} .pltop {padding: 40px 0 0;}
	.canales-home a {padding: 15px 25px;}
	.credits-btn {padding: 25px;}
	.canales-home {margin-top: 0; padding: 20px 0;}
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 860px) {
	.canales-home a p {display: none;}
	.canales-home a h1 {font-size: 1.6rem; margin-bottom: 0;}
	.head-int h1 {font-size: 6rem;}
}
@media screen and (max-width: 800px) {}
@media screen and (max-width: 768px) {
	.pmedium, .plarge {padding: 40px 0;}
	.titleblock h1 {font-size: 2.8rem;}
	.depbtns a:last-child {border-right: none;}
	.depbtns div:first-child a {border-bottom: 1px solid #006341;}
	.imgBorder {display: block; margin: auto; max-width: 450px;}
	.debitCard img, .creditCards img {width: 100%; max-width: 480px;}
	.calltoaction {text-align: center;}
	.flogo img {max-width: 200px;}
	.boxTab h2 {width: 100%;}
	.objectiveItem {padding: 20px 0;}
	.canales-home a {height: 100px; padding: 10px 15px;}
	.canales-home a:first-child, .canales-home a:last-child {border-radius: 0;}
	.credits-btn {padding: 25px 20px;}
	.credits-btn h2 {font-size: 1.8rem;}
	.bg-interna {max-height: 150px;}
	.head-int {-webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center;}
}
@media screen and (max-width: 720px) {}
@media screen and (max-width: 640px) {
	.pltop {padding: 25px 0 0;}
	.detail h1 {font-size: 2rem; padding: 5px 25px;}
	.titleblock h1 {font-size: 2.4rem;}
	.detail ul, .detail ol {padding: 10px 0 20px 15px;}
	.boxTab h2 {padding: 5px 20px; font-size: 2.2rem;}
	.head-int h1 {font-size: 5rem;}
	.downloadapp a {margin: 0 5px;}
	.downloadapp a img {width: 180px;}
}
@media screen and (max-width: 568px) {
	.head-int h1 {font-size: 3.2rem;}
	.canales-home {display: none;}
	.history li {padding: 10px 0 10px 55px;}
}
@media screen and (max-width: 480px) {
	.depbtns a {border: none !important;}
	.depbtns a:hover {box-shadow: 0 0 transparent !important;}
	.objectiveItem img {margin-right: 10px;}
	.canales-home a {height: 70px; border-top: 8px solid #c4d600;}
	.canales-home a:nth-child(2n) {margin: 0;}
	.credits-btn {max-width: 280px; margin: auto; height: 180px;}
	.detail h1 {font-size: 1.8rem;}
	.downloadapp a img {width: 150px;}
}
@media screen and (max-width: 425px) {
	.head-int {padding: 10px 25px;}
	.downloadapp a img {width: 130px;}
}
@media screen and (max-width: 375px) {}