BODY{font-family:'Montserrat'; overflow-x:hidden}

/* HEADER */
.nav-link{font-family:'Montserrat'; color:#242146!important; font-size:17px;}
	.active{font-weight: 700; text-decoration: underline;}

.nav-item:not(:last-child){margin-right: 55px}
.bg-white{background:#fff!important}
.bg-transp{background:rgb(255, 255, 255, 0.5)!important}

#tlf{position:fixed; z-index:99999; width:100%;}
	#tlf .col-md-12{padding-right:0px; text-align: right}
		#tlf .col-md-12 A{display:inline-block; color:#fff; background:#232144; font-size:15px; font-weight: 600; font-family: 'Montserrat'; padding:2px 15px}

/* BIENVENIDA */
#hello{height:100vh}
	#hello #b1{height:65vh;  position: relative;
    background: #999;
    overflow: hidden; }

	#hello #b1:before {
	    content: ' ';
	    display: block;
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	    opacity: 0.6;
	    background-image: url('/images/bg1.jpg');
	    background-attachment: fixed;
	    background-repeat: no-repeat;
	    background-position: top center;
	    background-size: contain;
	}
		#hello #b1 H2{margin-top:30vh; color:#fff;  z-index: 2; position: relative; font-size: 50px; font-weight: 900; line-height: 55px}
	#hello #b2{height:35vh; color:#242146; font-size:20px; line-height: 24px}
		#hello #b2 SPAN{font-weight:700;}
		#hello #b2 IMG{max-width:100%; width:100; height:auto}
		#hello #b2 H3{font-size: 40px; font-weight: 700; color:#242146; font-family:'Montserrat'; margin-bottom: 20px; margin-top: 20px}
			#hello #b2 .col-md-6:last-child{padding-right:0px; padding-left: 0px}



/* QUE HACEMOS */
#hacemos{min-height:100vh; height:auto;}
	#hacemos H3{font-size: 40px; font-weight: 700; color:#242146; font-family:'Montserrat'; margin-bottom: 30px; margin-top: 30px}
.item_hacemos{position:relative; margin-bottom: 20px;}
	.item_hacemos .c_im{position: absolute; left: 0; right: 0;}
		.item_hacemos .c_im IMG{width: 100%; max-width: 110px; margin: 0 auto; background:#fff; padding-left:10px; padding-right:10px}
	.item_hacemos .b{border:5px solid #f59b25; padding-top: 60px; margin-top: 50px;}
		.item_hacemos .b P:first-child{color:#242146; font-size:18px; font-weight: bold;}
		.item_hacemos .b P:last-child{color:#242146; width:90%; margin-left: 5%}


/* GARANTIAS */

.item_garantias{position:relative; margin-bottom: 20px;}
	.item_garantias .b{background:#f59b25; padding-top: 60px; margin-top: 50px; margin-left: 30px; margin-right:50px; padding-bottom: 50px;}
		.item_garantias .b P{color:#fff; width:80%; margin-left: 10%}
			.item_garantias .b P SPAN{font-weight: bold}



/* FRASES SEPARADORAS */
.frase{background:#232144; color:#fff; padding-top:20px; padding-bottom:20px; font-size:22px; font-style: italic; font-weight: 400; font-family: 'Montserrat'}
	.frase SPAN{font-weight: 600}


/* RESULTADO */
#resultados{padding-bottom:50px}
	#resultados H3{font-size: 40px; font-weight: 700; color:#242146; font-family:'Montserrat'; margin-bottom: 50px; margin-top: 50px}

.item_resultado P{ text-align: center; color: #232144; font-size:18px; line-height: 20px; width: 100%;}
	.item_resultado P IMG{width: 100%; max-width: 100px; margin: 0 auto; margin-bottom: 20px}
	.item_resultado P SPAN{font-weight: bold}

/* EXITO */
#exito{padding-bottom:30px}
	#exito .col-md-12{height:50vh;  position: relative;
    background: #666;
    overflow: hidden; }

	#exito .col-md-12:before {
	    content: ' ';
	    display: block;
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	    opacity: 0.4;
	    background-image: url('/images/bg2.jpg');
	    background-attachment: fixed;
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: 180% auto;
	}
	#exito .col-md-12 H2{margin-top:20vh; color:#fff;  z-index: 2; position: relative; font-size: 30px; font-weight: 900; line-height: 35px}


/* GARANTIAS */
#garantias{padding-bottom:30px}
	#garantias H3{font-size: 40px; font-weight: 700; color:#242146; font-family:'Montserrat'; margin-bottom: 20px; margin-top: 20px}


/* CONTACTO */
#contacto{padding-bottom:30px; background:#f59b25; font-size:18px; color:#fff; font-family:'Montserrat';}
	#contacto .col-md-7{border-right:3px solid #fff; margin-top: 25px}
	#contacto H3{font-size: 40px; font-weight: 700; color:#fff; font-family:'Montserrat'; margin-bottom: 20px; margin-top: 0px}

#datos_contacto{padding-top:100px; font-size:25px;}
	#datos_contacto P{position: relative; padding-left: 110px; font-weight: 600}
		#datos_contacto P:not(:last-child){margin-bottom: 50px}
		#datos_contacto P I{font-size: 50px; position: absolute; margin-left: -70px}
		#datos_contacto P A{color: #fff; }


#mapa{width: 100%; height: 50vh; background:url('/images/mapa.jpg') center center; background-size:100% auto}

/* FOOTER */

footer{background:#232144; padding-top: 10px; padding-bottom: 5px; color:#fff; font-family:'Montserrat';}
	footer #b_a{padding-bottom: 10px;}
		footer #b_a A{color:#fff; text-decoration: underline;}
	footer #b_b{padding-top: 5px;}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.conten_list_ong .ong{margin-bottom:30px}
.conten_list_ong .ong DIV{height:100%;}


@media (max-width:1800px){
	#hello #b1 H2{font-size: 60px;}
}

@media (max-width:1280px){
	#hello {height: 100vh;}
	#hello #b1{height:70vh;}
	#hello #b1 H2 {
	    margin-top: 30vh;
	}
	#hello #b1::before {
		background-size: 100% 100%;
	}


	#exito .col-md-12:before {
		background-size: auto 100vh !important;
	}
	.nav-link{font-size: 14px;}
}

@media (max-width:990px){
	#tlf .col-md-12{text-align: center; padding-right: 15px;}
}

@media (max-width:768px){
	.row-eq-height {
		display:inherit
	}
	#hello #b1::before {
		background-size: auto 70vh !important;
	}

	.item_garantias{
		-ms-flex: 0 0 90%!important;
		flex: 0 0 90%!important;
		max-width: 90%!important;
		margin-left: 5%;
		font-size: 25px
	}

	.item_resultado{
		-ms-flex: 0 0 70%!important;
		flex: 0 0 70%!important;
		max-width: 70%!important;
		margin-left: 15%;
		font-size: 20px;
		text-align: center
	}
		.item_resultado P{width:100%;}
	.b_comodin{
		-ms-flex: 0 0 100%!important;
		flex: 0 0 100%!important;
		max-width: 100%!important;
	}
	#contacto .col-md-7{border-right:0px;}
		.b_comodin .col-md-10{
			-ms-flex: 0 0 100%!important;
			flex: 0 0 100%!important;
			max-width: 100%!important;
		}
	#hello {
	    height: auto;
	}
	#hello #b2{height: auto; margin-bottom: 20px}
	#hello #b2 IMG{margin-top: 20px}
	#exito .col-md-12 H2{margin-top: 0px}
	.item_garantias{-ms-flex: 0 0 100%!important;
		flex: 0 0 100%!important;
		max-width: 100%!important;
		margin-left: 0%;
	}
	.item_garantias .b{margin-left: 10px; margin-right: 10px;}
	footer #b_a A{font-size:15px;}
	#datos_contacto P{padding-left: 75px;}

	#mapa{background-size: cover;}
}