/* CSS Document */
html,body,form,label,div,p,span,dl,dt,dd,iframe,pre,table,tr,th,td,img,a,ol,ul,li,object,fieldset,blockquote {
margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:inherit; vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
body {
	font:normal 14px/24px 'Poppins', sans-serif; 
	width:100%; 
	height:100%; 
	color:#020202;
	font-weight:200;

	}
.loader {
  border: 16px solid #009a37;
  border-radius: 50%;
  border-top: 16px solid #fff;
  width: 180px;
  height: 180px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin:15% auto;
  text-align:center;
  padding:40px 0px;
  box-sizing:border-box;
  font-size:20px;
  color:#419941;	
  font-weight:500
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#page{display:none}
#encabezado{
	position:relative;
	color:#fff;
	z-index:1;
	background:#fff url(../img/bg-top.png) 0px -15px repeat-x;
}
#encabezado .phone{
	background:url(../img/phone.png) 0px 15px no-repeat;
	padding:10px 0px 10px 20px;
	color:#fff;
}
#encabezado .factura{
	color:#fff;
	padding:10px 0px 10px 20px;
	font-size:18px;
	padding-right:20px;
}
#encabezado .factura a{
	color:#fff;
	font-weight:400;
}
.factura .btn{
	border-color:#fff;
}
#menu{
	position:relative;
	min-height:30px;
}
#menu .navbar{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}
.navbar{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.navbar-nav .nav-item{
	font-size:13px;
	font-weight:400;
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand{
	font-weight:400;
	color:#419941;
	line-height:22px;
	font-size:22px;
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover{
	
}
.bloque{
	padding-bottom:5%;
}
#porque h1{
	font-size:30px;
	font-weight:400;
	color:#296729;
}
h4{
	font-size:18px;
	font-weight:400
}
.objetivo{
	padding:10px;
	text-align:justify;	
	text-align:justify;
	-webkit-box-shadow: 0px 13px 26px -14px rgba(61,51,61,1);
	-moz-box-shadow: 0px 13px 26px -14px rgba(61,51,61,1);
	box-shadow: 0px 13px 26px -14px rgba(61,51,61,1);
	background:#fff url(../img/bg-top-objetivo.png) 0px bottom repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:10%;
}
#pf .politica{
	background:#419941;
	color:#fff;
}
#pf .filosofia{
	background:#f6f3f3;
}
#pf h2{
	font-size:24px;
	font-weight:400;
}
#pf .subbloque{
	max-width:550px;
	text-align:justify;
	padding:5% 2%;
	box-sizing:border-box;
}

#pf .politica .subbloque{
	float:right;
}
#contacto{
	padding:5% 0;
	background:#f6f3f3;
}
#contacto .formulario{
	padding:15px 0px;
}

.carousel-caption{
	text-shadow: 4px 4px 2px rgba(0, 0, 0, 1);
	margin:0px auto;
	max-width:1000px;
}
.carousel-caption .btn{
	text-shadow: none;

}
.carousel-caption h2{
	font-size:40px;
	line-height:45px;
}
.block-center{
	top:30%;
}
.block-top{
	top:15%;
}
@media (max-width:780px){
	.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand{
		font-size:14px;
		line-height:16px
	}
	.carousel-caption{
		line-height:16px;
	}
	.carousel-caption h2{
		font-size:20px;
		line-height:25px;
	}
	.carousel-caption h5{
		font-size:16px;
	}
	.block-center{
		top:20%;
	}
	.block-top{
		top:15%;
	}
	#encabezado{
		background:#fff url(../img/bg-top.png) 0px -5px repeat-x;
	}
	.btn{
		font-size:10px;
		padding:5px 10px
	}
}
@media (max-width:480px){
	#encabezado .phone{
	font-size:12px;
}
#encabezado{
		padding-bottom:20px;
		background:#fff url(../img/bg-top.png) 0px 0px repeat-x;
	}
	.carousel-caption{
		line-height:13px;
		font-size:10px;
	}
	.carousel-caption h2{
		font-size:12px;
		line-height:13px;
	}
	.carousel-caption h5{
		font-size:11px;
		line-height:13px;
	}
	.block-center{
		top:20px;
	}
	.block-top{
		top:5%;
	}
	#encabezado{
		background:#fff url(../img/bg-top.png) 0px -5px repeat-x;
	}
	.factura{font-size:10px; line-height:12px;}
	.spadd{
		padding-top:0px;
	}
}
.pie{
	background:#419941;
	color:#fff;
}

#whatsapp {
   position: fixed;
   bottom: 20px;
   right:20px;
   background:#25d366;
   padding:10px 10px 6px 11px;
   -webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
#whatsapp a{
	color:#fff;
}
svg {
   width: 40px;
   height: 40px;
   filter: drop-shadow(0 1px 4px rgba(0,0,0,.4));
}
#cookies {
	font-size:14px; 
	line-height:18px; 
	z-index:10; 
	background:#009a37;
	box-shadow:0 -1px 5px rgba(0,0,0,0.75);
	color:#fff;
	position:fixed;
	bottom:0;left:0;right:0;
	text-align:left;
	padding:.5em 10em 20px .5em;
	display:none;
	font-weight:bold
}
#cookies a {color:#fff;transition:all .2s ease;} #cookies a:hover {color:#6AD4FF;}
#cookies .accept {border:1px solid #fff;padding:.25em .75em;position:absolute;right:.5em;top:.75em;}
#cookies .accept:hover {border-color:#FFF;color:#FFF;}
@media screen and (max-width:768px) {
	#cookies {padding:.5em .5em 3em;text-align:justify;}
	#cookies .accept {top:auto;bottom:.5em;right:50%;transform:translateX(50%);}
}