@import url("font.css"); 


*{
  margin: 0;
	padding: 0;
	outline: none;
	border: none;
	-webkit-box-sizing: border-box;
}
*:before,
*:after{
	-webkit-box-sizing: border-box;
}

body,
html {
	height: 100%;
}
body
{
background: #fff;
font-family: 'Hind-Medium',Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 21px;
margin: 0px;
color:#666;
text-align: center;
}


a{color: #003788;}
a:hover{color:#8e8e8f;}
ul,ol{list-style: none;}
h2,h3,h1,h4,h5{font-weight: normal;}
h1,h2,h3,div,p,a,ul{padding: 0px;margin: 0px;border: none;text-decoration: none;}
p{text-align: left;line-height: 23px;}
img{border:none;max-width: 100%;}

.tablabloque{display: table;}
.fila{display: table-row;}
.col{display: table-cell;padding: 5px;vertical-align: middle;}
.wrap {margin: 0 auto;max-width: 100%;position: relative;}
.centro{display: inline-block;text-align: center;}


.clear{clear:both;width: 100%;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}.clearfix {*zoom: 1;}

.center{display: inline-block;text-align: center;}
.centrar1160{display: inline-block;width: 100%;max-width: 1240px;text-align: left;}
.contenido{display: inline-block;width: 100%;max-width: 1920px;text-align: center;}

.wrap {
  display: inline-block;
  -webkit-box-shadow: 0 0 70px #fff;
  -moz-box-shadow: 0 0 70px #fff;
  box-shadow: 0 0 70px #fff;
  margin-top: 0px;
  width: 100%;
  text-align: center;
  max-width: 1920px;
}

/*---------------------------------------------CABECERA--------------------------------------*/


.container{
	width: 100%;
	max-width: 100%;
	padding:0;
	margin: 0 auto;
}
header,footer{
	width: 100%;
	height: auto;
    max-width: 1240px;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-left,
.header-right{
	position: relative;
	color: white;
	float: left;
}
.header-left{
	width: 18%;
}
.header-left h1{float:left;}
.header-right label{
	position: absolute;
	top: -3.7em;
	right: 0;
	cursor: pointer;
}
.header-right span{
	position: relative;
	width: 2em;
	height: 2em;
	background: rgba(255,255,255,.3);
	-webkit-transition: all .3s ease;
    border-bottom: 6px solid #83CDE1;
}
.header-right span:hover{
	background: rgba(255,255,255,.6);
}
.header-right span:before,
.header-right span:after{
	content: '';
	position: absolute;
	width: 2em;
	height: .4em;
	top: 2px;
	left: 0;
	background: #83CDE1;
}
.header-right span:after{
	top: 14px;
}
.header-right{
	width: 82%;
	text-align: right;
}
#open{
	display: none;
}
#openF{
	display: none;
}
nav{
    margin-top: 40px;
}
nav>a{
	position: relative;
	display: inline-block;
	line-height: 40px;
	padding: 0 1em;
	-webkit-transition: all .3s ease;
    font-family: 'Hind-Semibold',Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    color:#666666
}
nav>a:hover{
	color: #003788;
}
.hidden-desktop{
	display: none;
}

footer .hidden-desktop{
	display: block!important;
}



@media (min-width: 946px) and (max-width: 1080px) {
	.box{
		width: 49%;
		margin-bottom: 5%;
	}

	ul li:nth-child(3) .box{
		clear: both;
	}

	ul li:nth-child(2n) .box{
		margin-right: 0;
		clear: right;
	}
}


@media (max-width: 1080px){
	nav>a{
		padding: 0 0.5em;
	}
	
}
 
@media (max-width: 945px) {
	.container{
		width: 95%;
	}
	nav>a{
		padding: 0 1em;
	}
	.header-left,
	.header-right{
		width: 100%;
		text-align: center;
	}
	
}
 
@media (max-width: 620px) {
	body{
		padding: 0 .5em;
	}
	.container{
		width: 90%;
	}
	nav{
		height: 0;
		overflow: hidden;
		-webkit-transition: all .3s ease;
        margin-top: 0px;
	}
    footer nav{
		height: auto;
		overflow: auto;
		-webkit-transition: all .3s ease;
        margin-top: 0px;
	}
	input[type="checkbox"]:checked + nav{
		height: 205px;
	}
	nav>a{
		padding: 0 1em;
		display: block;
		border-bottom: solid 1px rgba(255,255,255,.1);
	}
	.header-left,
	.header-right{
		width: 100%;
		text-align: center;
	}	
	.hidden-desktop{
		display: block;
	}
}
footer{background: #f3f3f3;}
footer p{font-size: 12px;float: right;padding-right: 1.5em;margin-top: 30px;}
.bloquegris{display: inline-block;width: 100%;background: #f3f3f3;}
.bloqueblanco{display: inline-block;width: 100%;background: #fff;}

/*--------------------------------------HOME------------------------------------------*/
.cycle-pager {margin-top: 10px;}
.cycle-pager span{font-size: 50px;color: #c1c1c1;cursor: pointer;}
.cycle-pager .cycle-pager-active{color: #003788;}

.bannerFrase{text-align: center!important;padding-top: 50px;display: inline-block; width:100%;}
.bannerFrase h2{font-size: 32px;color: #003788;line-height: 42px;display: inline-block;width: 100%;margin-top: 30px;}
.bannerFrase p{text-align: center!important;display: inline-block;max-width: 720px;width: 80%;margin-top: 30px;margin-bottom: 30px;}
.bannerFrase .bloques{display: inline-block;max-width: 32.5%;text-align: center;vertical-align:top;margin-top: 50px;}
.bannerFrase .bloques h3{color:#003788;font-family: 'Hind-Light';font-size: 38px;}
.bannerFrase .bloques h3 span{font-size: 70px;}
.bannerFrase .bloques p{font-family: 'Hind-Light';font-size: 22px;line-height: 28px;}
.bannerFrase .btAbout{font-size: 16px;font-family: 'Hind-Bold';color:#003788;border: 1px solid #003788;padding: 12px 20px 8px 20px;margin-bottom: 60px;margin-top: 40px;display: inline-block;}

.bannerFrase  .iconos{display: inline-block;vertical-align: middle;margin-left: 20px;margin-right: 20px;margin-top: 20px;margin-bottom: 20px;}



.bannerDatos{text-align: center!important;padding-top: 50px;display: inline-block;max-width: 1240px;}
.bannerDatos h3{font-size: 22px;color: #003788;line-height: 32px;display: inline-block;font-family: 'Hind-Bold';width: 90%;margin-top: 30px;margin-bottom: 50px;text-align: center;}
.bannerDatos .bloques{display: inline-block;max-width: 49.5%;text-align: left;vertical-align:top;margin-top: 50px;}
.bannerDatos .bloques h4{color:#003788;font-family: 'Hind-Light';font-size: 100px;text-align: left;line-height: 100px;}
.bannerDatos .bloques h4 span{font-size: 62px;}
.bannerDatos .bloques p{text-align: left;}
.bannerDatos .btAbout{font-size: 16px;font-family: 'Hind-Bold';color:#003788;border: 1px solid #003788;padding: 12px 20px 8px 20px;margin-bottom: 60px;margin-top: 40px;display: inline-block;}
.bannerDatos .bloques .subbloque{display: inline-block;width: 49.5%;vertical-align: top;}

.bloqueMapa{text-align: left!important;}
.bloqueMapa .bloque{padding: 60px;background: #fff; margin-left: 20%;
    margin-top: -500px;
    position: absolute;}
.bloqueMapa .bloque h2{font-size: 52px;color:#003788;line-height: 62px;margin-top: 20px; }
.bloqueMapa .bloque p{font-size: 22px;font-family: 'Hind-Light'; margin-bottom: 20px;}
.bloqueMapa .btAbout{font-size: 16px;font-family: 'Hind-Bold';color:#003788;border: 1px solid #003788;padding: 12px 20px 8px 20px;margin-bottom: 20px;margin-top: 0px;display: inline-block;}

/*------------------------------ABOUT-----------------------------------------------*/

.bloqueCabecera{background:#f0f0f0 ;display: inline-block;width: 100%;-webkit-box-shadow: inset 10px 10px 20px -10px rgba(227,227,227,1);
-moz-box-shadow: inset 10px 10px 20px -10px rgba(227,227,227,1);
box-shadow: inset 10px 10px 20px -10px rgba(227,227,227,1);padding-top: 40px;padding-bottom: 40px;}
.bloqueCabecera .miga {float: left;margin-bottom: 15px;}
.bloqueCabecera .miga  li{float: left;margin-right: 10px;}
.bloqueCabecera .miga  li a{color:#666666;}
.bloqueCabecera h2{font-size: 44px;line-height: 50px;}

.entradilla .bloques{display: inline-block;max-width: 49.5%;text-align: center;vertical-align:top;margin-top: 50px;text-align: left;}
.entradilla h2{font-size: 32px;color: #003788;line-height: 42px;display: inline-block;padding-left: 50px;margin-bottom: 20px;text-align: justify;}
.entradilla p{padding-left: 50px;text-align: justify;}

.bloquecitos{display: inline-block;vertical-align: top;width:24.5%;margin-top: 40px;margin-bottom: 40px;}
.bloquecitos .subbloque{display: inline-block;vertical-align: top;width:48%}
.bloquecitos .subbloque h4{font-family: 'Hind-Light';font-size: 70px;line-height: 70px;color:#003788;}
.bloquecitos .subbloque h4 span{font-size: 38px;}
.bloquecitos  p{font-size: 22px;font-family: 'Hind-Light';margin-top: 5px;line-height: 30px;}

.frasecontacto{display: inline-block;width: 90%; max-width: 900px;padding-top: 60px;padding-bottom: 60px;}
.frasecontacto h2{font-size: 32px;color: #003788;line-height: 42px;display: inline-block;padding-left: 50px;margin-bottom: 20px;text-align: center;}
.frasecontacto .btAbout{font-size: 16px;font-family: 'Hind-Bold';color:#003788;border: 1px solid #003788;padding: 12px 20px 8px 20px;margin-bottom: 60px;margin-top: 40px;display: inline-block;}

.partners h2{font-size: 44px;line-height: 50px;float:left;margin-bottom: 60px;margin-top: 50px;}

.partners1{display: inline-block;width: 100%;}
.partners1 .bloque{display: inline-block;width: 49.5%;vertical-align: middle;text-align: left;}
.partners1 .bloque ul{margin-top: 20px;margin-bottom: 40px;}
.partners1 .bloque ul li{padding-left: 15px;background: url("../img/bullet.png") no-repeat center left;margin-bottom: 15px;}
.partners1 .loguillo{float: left;margin-bottom: 50px;}
.partners1 .mapapartner{float: right;margin-top: 120px;}
.partners1 .bloque:nth-child(2n+1){padding-right: 3%;width: 46.5%;}
.partners1 .bloque:nth-child(2n){padding-left:  3%;width: 50.5%;}
.mapapartner{float: right;}
.lineasepara{display: inline-block;width: 100%;height: 5px;background: #f3f3f3;margin-bottom: 40px;margin-top: 40px;}


.dos-columns p {
    font-size: 16px;
    line-height: 1.333333334;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    text-align: justify;
}


.dos-columns {
    
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    
        -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    
    -webkit-column-gap: 3rem; /* Chrome, Safari, Opera */
    -moz-column-gap: 3rem; /* Firefox */
    column-gap: 3rem;

}
.partners2 .loguillo{margin-bottom: 70px;}

.partners3 {display: inline-block;text-align: left;width: 100%;}
.partners3 .bloque{display: inline-block;width: 49.5%;vertical-align: top;text-align: left;}
.partners3 .bloque div{display: inline-block;vertical-align: middle;padding: 0px;}
.partners3 .bloque img{display: inline-block;vertical-align: middle;padding: 10px;}
.partners4{display: inline-block;width: 100%;margin-bottom: 80px;}
.partners4 .bloque{display: inline-block;width: 49.5%;vertical-align: top;text-align: left;}
.partners4 .loguillo{float: left;margin-bottom: 30px;}
.partners4 .bloque:nth-child(2n+1){padding-right: 3%;width: 46.5%;}
.partners4 .bloque:nth-child(2n){padding-left:  3%;width: 50.5%;}

.bloquesImg{display: inline-block;vertical-align: middle;}

/*-----------------------------------------PORTFOLIO------------------------------------*/

.portfolio{display: inline-block;width: 100%;}
/*.portfolio .bloque{display: inline-block;width: 49.5%;vertical-align: middle;text-align: left;}
.portfolio .bloque:nth-child(2n+1){padding-right: 3%;width: 46.5%;}
.portfolio .bloque:nth-child(2n){padding-left:  3%;width: 50.5%;}*/
.portfolio .bloques ul{margin-top: 20px;margin-bottom: 40px;}
.portfolio .bloques ul li{padding-left: 15px;background: url("../img/bullet.png") no-repeat  left 7px;margin-bottom: 15px;text-align: left;}


.portfolio{text-align: center;padding-top: 50px;display: inline-block;}
.portfolio h2{font-size: 42px;line-height: 52px;text-align: left;margin-top: 30px;margin-bottom: 0px;}
.portfolio .bloques{display: inline-block;max-width: 49.5%;text-align: center;vertical-align:top;margin-top: 50px;}
.portfolio .bloques h4{color:#003788;font-family: 'Hind-Light';font-size: 100px;text-align: left;line-height: 100px;}
.portfolio .bloques h4 span{font-size: 62px;}
.portfolio .bloques p{text-align: left;}
.portfolio .bloques .subbloque{display: inline-block;width: 49.5%;vertical-align: top;}
.abierto {float:right;margin-bottom: 30px;margin-top: 30px;}
.abierto div{background: url("../img/abierto.jpg") no-repeat  center center;display: block;width: 62px;height: 62px;}
.cerrado {float:right;margin-bottom: 30px;margin-top: 30px;}
.cerrado div{background: url("../img/cerrado.jpg") no-repeat  center center;display: block;width: 62px;height: 62px;}


.hidden{
    visibility:hidden;
    opacity: 0;
    -moz-transition: opacity 1s, visibility 1.3s;
    -webkit-transition: opacity 1s, visibility 1.3s;
    -o-transition: opacity 1s, visibility 1.3s;
    transition: opacity 1s, visibility 1.3s;
}
.shown{
    visibility:visible;
    opacity: 1;
    -moz-transition: opacity 1s, visibility 1.3s;
    -webkit-transition: opacity 1s, visibility 1.3s;
    -o-transition: opacity 1s, visibility 1.3s;
    transition: opacity 1s, visibility 1.3s;
}

/*--------------------------------------------------------INVESTMENT-----------------------------------------------*/


.investment .entradilla p,.investment .entradilla h2{padding-left: 50px;text-align: left;}
.sustainable .entradilla h2{font-size: 44px;color:#666666;padding-top: 30px;margin-top: 50px;padding-left: 0px;}
.sustainable .entradilla{padding-bottom: 60px;}
.sustainable  .entradilla .bloques{margin-top: 20px;}
.tipos {padding-top: 100px;padding-bottom: 100px;}
.tipos h2{font-size: 44px;text-align: left;line-height: 50px;}
.tipos .bloques{display: inline-block;vertical-align: top;width: 32.5%;padding-right: 2%;margin-top: 40px;}
.tipos .bloques h3{color:#003788;font-size: 22px;margin-bottom: 20px;margin-top: 20px;}

.contentLogo{float: left;height: 105px;margin-bottom: 30px;}
.primerLoguillo img{margin-top: 50px;float:left;}
.sustainable .entradilla p{padding-left: 0px;}
.sustainable .entradilla:nth-child(2n+1) p{padding-right: 40px;}
.sustainable .entradilla:nth-child(2n) p{padding-left:  40px;}


.news {display: inline-block;width: 100%;text-align: center;padding-bottom: 100px;}
.news .bloques{text-align: left;display: inline-block;width: 25%;margin-top: 50px;vertical-align: top;max-width: 35%;padding-right: 2.5%}
.news .bloques p{max-width: 95%;}
.news .bloques span{font-size: 12px;font-family: 'Hind-Light';padding-bottom: 15px;padding-top: 15px;width: 100%;display: block;}
.news .bloques h2{font-size: 22px;font-family: 'Hind-Bold';color:#003788;line-height: 30px;margin-top: 20px;}
.news .btAbout{font-size: 16px;font-family: 'Hind-Bold';color:#003788;border: 1px solid #003788;padding: 12px 20px 8px 20px;margin-bottom: 0px;margin-top: 80px;display: inline-block;margin-right: 20px;}

.doscol{clear: both;display: none;width: 100%;}
.trescol{clear: both;display: block;width: 100%;}

/*--------------------------------------------------CONTACT------------------------------------------------------*/


.contact {display: inline-block;width: 100%;text-align: center;padding-bottom: 100px;}
.contact .bloques{text-align: left;display: inline-block;width: 49.5%;margin-top: 50px;vertical-align: top;}
.contact .bloques p{max-width: 95%;}
.contact .bloques span{font-size: 12px;font-family: 'Hind-Light';padding-bottom: 15px;padding-top: 15px;width: 100%;display: block;}
.contact .bloques h2{font-size: 22px;font-family: 'Hind-Bold';color:#003788;line-height: 40px;margin-top: 0px;margin-bottom: 20px;margin-top: 10px;}
.contact .bloques h3{font-size: 52px;color:#003788;line-height: 70px;margin-top: 0px;font-family: 'Hind-Medium',Arial, Helvetica, sans-serif;}
.contact .bloques{font-family: 'Hind-Light';font-size: 22px;}
.contact .bloques .mailcontact{color:#003788;text-decoration: underline;margin-top: 10px;float: left; }

/*-----------------------------------------------RESPONSIVE-------------------------------------------------------*/
@media only screen and (max-width: 1240px), only screen and (max-device-width: 1240px)
{
    .centrar1160,.bloqueCabecera{width: 100%;max-width: 100%;padding-left: 3%;padding-right: 3%;}
}
@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px)
{
  .entradilla .bloques{max-width: 100%;}  
  .entradilla h2,.entradilla p{padding-left: 0px!important;}
  .bloquecitos{ width: 49.5%;}
  .mvloff{display: none!important;}

}
@media only screen and (max-width: 868px), only screen and (max-device-width: 868px)
{
    .news .bloques{width: 49.5%;}
.doscol{clear: both;display: block;}
.trescol{clear: both;display: none;}
}
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px)
{
    .partners1 .bloque:nth-child(2n+1),.partners4 .bloque:nth-child(2n+1),.partners4 .bloque:nth-child(2n),.partners3 .bloque{width: 100%;padding: 0px;}
    .partners1 .bloque:nth-child(2n){width: 100%;}
    .partners1 .mapapartner{float: left;margin-top: 30px;}
    
    .dos-columns p {
    font-size: 16px;
    line-height: 1.333333334;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    text-align: justify;
}


.dos-columns {
    
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    
        -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    
    -webkit-column-gap: 3rem; /* Chrome, Safari, Opera */
    -moz-column-gap: 3rem; /* Firefox */
    column-gap: 3rem;

}

.tipos .bloques{width: 98%;}

.bloqueMapa .bloque{position: relative;margin-top: 30px;margin-left: 0px;padding: 10px;}
.partners3 .bloque{text-align: center;}


}
.mvlon{display: none!important;}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px)
{
    .bloqueCabecera h2{font-size: 32px;line-height: 40px;}
    .news .bloques,.bannerFrase .bloques,.bannerDatos .bloques,.bloquecitos,.portfolio .bloques,.contact .bloques{width: 100%;max-width: 100%;}
    .bannerFrase h2,.entradilla h2,.frasecontacto h2,.portfolio h2,.contact .bloques h2,.investment .entradilla h2,.tipos h2{font-size: 27px;line-height: 32px;}
    .frasecontacto h2{padding-left: 0px;}
    .bannerDatos .bloques .subbloque,.portfolio .bloques .subbloque,.bannerDatos h3{width: 100%;}
    .bannerDatos .bloques .subbloque,.bannerDatos .bloques h4,.bannerDatos .bloques p{text-align: center;}
    .bannerDatos{padding-top: 0px;}
    .mapitaHOme,.mapitacontacto{max-height: 300px;}
    .investment .sustainable .bloques{margin-top: 0px;}
    .investment .sustainable h2{margin-bottom: 0px;}
   .bloquesImg{display: inline-block;width: 32%;vertical-align: middle;}
   
     .mvloff2{display: none!important;}
     .mvlon{display: block!important;}
}
@media only screen and (max-width: 420px), only screen and (max-device-width: 420px)
{
    .header-left h1{max-width: 70%;}
    .bloquesImg{display: inline-block;width: 100%;vertical-align: middle;}
}


/*-----------------------------------------CÍRCULOS----------------------------------*/
.timer{color:#003788!important;fill:#003788!important;}
.timer .number{font-size: 60px!important;font-family: "Hind-Light"!important;}
.timer .percent{font-size: 42px!important;font-family: "Hind-Light"!important;}
.circle{stroke:#003788!important;}
.circliful g,.timer{display: none!important;}
.circliful .border{stroke:#F5F5F5!important;}
.svg-container {
    float: left;
    margin: -18% auto 0;
    overflow: visible;
}

/*.bannerDatos .circulos{display: inline-block;max-width: 40%;vertical-align: top;}
.bannerDatos p{display: inline-block;max-width: 59%;vertical-align: top;margin-top: 50px;}*/