@charset "utf-8";
/* CSS Document */

/* ==========================================================================
   GENERALES
   ========================================================================== */

/*PALETA DE COLORES*/
.yellow-text{color:#ffcb08;}
.orange-text{color:#f6921e;}
.cobalto-text{color:#43758f;}
.green-text{color:#86c43f;}
.gray-text{color:#72737b;}
.black-text{color:#000;}
.white-text{color:#fff;}
.yellow-bg{background-color:#ffcb08;}
.orange-bg{background-color:#f6921e;}
.gray-bg{background-color:#72737b;}
.green-bg{background-color:#86c43f;}
.black-bg{background-color:#000;}
.white-bg{background-color:#fff;}

.black-text{font-weight:800;}
.heavy-text{font-weight:700;}
.bold-text{font-weight:600;}

p{
	font-family:"Exo", sans-serif;
	font-size:1.4em; line-height:1.6em;
	color:#72737b;
}
h2.section-title{
	font-size:6em; line-height:normal;
	font-family:"Exo", sans-serif;
	font-weight:800;
	opacity:0;
}
h3.section-subtitle{
	font-size:3em; line-height:normal;
	font-family:"Exo", sans-serif;
	font-weight:700;
	opacity:0;
}
.salto-linea{
	clear:both;
}
.animate-text1, .anim-entradaIzquierda1, .anim-aparece1, .anim-entradaDerecha1, .anim-realtar1{
	opacity:0;
}
.container-header{
	position:relative;
	width:84%; height:80px;
	box-sizing:border-box;
	margin:0 auto;
	padding:1px
}
.container100p{
	position:relative;
	width:100%; min-height:1px;
	text-align:center;
	box-sizing:border-box;
}
.container1160{
	position:relative;
	width:1160px; min-height:1px;
	box-sizing:border-box;
	margin:0 auto;
	padding:1px
}
.container1024{
	position:relative;
	width:1024px; min-height:1px;
	box-sizing:border-box;
	margin:0 auto;
	padding:1px
}
.container512{
	position:relative;
	width:512px; min-height:1px;
	box-sizing:border-box;
	margin:0 auto;
	padding:1px
}
.container340{
	position:relative;
	width:340px; min-height:1px;
	box-sizing:border-box;
	padding:20px;
	display:inline-block; float:none;
	vertical-align:top;
}
.cta-general-div{
	width:350px; height:60px;
	box-sizing:border-box;
	margin:50px auto;
	padding:12px;
	background-color:#f6921e;
	border-radius:30px;
		-webkit-transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
		transition:all 0.5s ease;
}
.cta-general-a{
	color:#fff !important;
	text-align:center;
	font-size:26px !important;
	font-family:"Exo", sans-serif;
	text-transform:uppercase;
}
.cta-general-div:hover{
	background-color:#86c43f;
	box-shadow:0 5px 0 rgba(45,87,10,0.9);
}
.cta-general-a:hover{
	text-decoration:none;
}


/* ==========================================================================
   HEADER
   ========================================================================== */

header{
	z-index:9999999 !important;
	margin:0 auto;
	width:100%; height:auto;
	box-sizing:border-box;
	clear:both;
	/*background:rgba(255,255,255,0.95);
	box-shadow:0 5px 8px rgba(0,0,0,0.1);*/
}
.header-sticky{
background-color: #fff;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
}
#enextra-logo{
	width:350px; height:auto;
	float:left; display:block;
	margin:5px 0 0 20px;
}
#main-menu{
	width:auto; height:auto;
	float:right; display:block;
	box-sizing:border-box;
	/*background:#ccc;*/
}
#main-menu ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
#main-menu ul li{
	display:inline-block;
	width:auto; height:auto;
	padding:30px 0;
	margin:0px;
	text-align:center;
	box-sizing:border-box;
}
#main-menu ul li a{
	padding:30px;
	font-family:"Exo", sans-serif;
	font-size:1em !important;
	text-transform:uppercase;
	text-decoration:none;
	color:#F6921E;
		-webkit-transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
		transition:all 0.5s ease;
}
#main-menu ul li a:hover{
	background:rgba(246,146,30,1.0);
	color:#ffffff;
	cursor:pointer;
}

.isStuck {
	width: 100%;
	position: fixed;
	top:0px;
}
a.current {
	background:rgba(246,146,30,1.0);
	color:#ffffff !important;
}

/* ==========================================================================
   HOME
   ========================================================================== */
#home-section{
	position:relative;
	margin-top:-80px;
}


/* ==========================================================================
   LA EMPRESA
   ========================================================================== */

#empresa-section{
	padding:60px 0 !important;
    min-height: 600px;
}
.icono-empresa{
	width:150px; height:150px;
}
.p-empresa1{
	text-align:center;
	font-size:1.8em !important;
	color:#f6921e;
	text-transform:uppercase;
}
#empresa-section div.container340 a{
	border:none;
	text-decoration:none !important;
}


/* ==========================================================================
   LA TECNOLOGÍA
   ========================================================================== */


article#tecnologia-article-1{
	margin:20px auto 0 auto;
	padding:100px 0 60px 0;
    min-height: 600px;
    max-width:1920px !important;
	background-color:#ffcb08;
}
#tecnologia-article-1 p{
}
article#tecnologia-article-2{
}
#tecnologia-article-2 h3.section-subtitle{
	margin:0 auto 30px auto;
}
#parallax-sun-01{
	background:url(../img/bg-sun-01.jpg) 50% 0 fixed;
    min-height: 600px;
    margin: 0 auto;
    max-width:1920px;
    padding: 100px 0;
}
#tecnologia-article-2 div.container512{
	display:inline-block;
	text-align:justify;
	vertical-align:top;
	padding:0 20px 0 0;
}
#tecnologia-article-2 div.container512 img{
	display:inline-block;
	width:100%; height:auto;
	vertical-align:top;
}

#parallax-suncell-01{
	background:url(../img/bg-suncell-02.jpg) 50% 0 fixed;
    min-height: 600px;
    margin: 0 auto;
    max-width:1920px;
    padding: 100px 0;
}
#parallax-suncell-01 img#icon-24h{
	width:180px; height:auto;
	float:left; display:block;
}
#parallax-suncell-01 h3{
	float:left; display:block;
	text-transform:uppercase;
	text-align:left;
	margin-left:15px;
	line-height:48px;
}
#parallax-suncell-01 h3 span#text1{
	font-size:67px;
	color:#43758f;
	letter-spacing:7px;
}
#parallax-suncell-01 h3 span#text2{
	font-size:46px;
}
#parallax-suncell-01 h3 span#text3{
	font-size:30px;
	margin-top:-10px;
}
#parallax-suncell-01 #text4{
	margin-top:20px;
	text-align:left;
	float:left; display:block;
}
#parallax-ecology-01{
	background:url(../img/bg-ecology-01.jpg) 50% 0 fixed;
    min-height: 600px;
    margin: 0 auto;
    max-width:1920px;
    padding: 100px 0;
}


/* ==========================================================================
   CONTACTO
   ========================================================================== */
#parallax-graywater-01{
	background:url(../img/bg-graywater-01.jpg) 50% 0 fixed;
    height: 1100px; /*1300px*/
    margin: 0 auto;
    max-width:1920px;
    padding: 30px 0;
}
.icono-contacto{
	width:150px; height:150px;
}
.p-contacto1{
	height:250px;
	text-align:center;
	font-size:1.2em !important;
	color:#fff;
	text-transform:uppercase;
	font-weight:500;
	vertical-align:top;
}
.p-contacto1 a{
	text-decoration:none;
	color:#fff;
}
.google-map{
	position:relative;
	width:512px; height:430px;
	float:left; display:block;
	overflow:hidden;
}

.google-map iframe{
	width:100%; height:100%;
}

.formulario-contacto{
	position:relative;
	width:490px; height:430px;
	float:right; display:block;
}
.text-imput, .area-texto-01, .submit{
	width:100%; height:62px;
	border:none;
	padding:0 12px;
	margin-bottom:21px;
	box-sizing:border-box;
	border:solid 2px #fff;
	font-family:"Exo", sans-serif;
	font-size:1.3em;
	background:none;
	color:#ffffff;
		-webkit-transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
		transition:all 0.5s ease;
}
.area-texto-01{
	padding-top:15px;
	height:130px;
}
.text-imput:hover, .area-texto-01:hover{
	background:rgba(255,255,255,0.15);
}

label.check {
  display: block;
  font-family:"Exo", sans-serif;
  font-size:1.3em;
  font-weight:normal;
  color:#bbb;
  margin-bottom:21px;
}
label.check a{
  color:#fff !important;
}
label.check a:hover{
  color:#ffcb08 !important;
}
.submit {
	background:#f6921e;
	font-size:1.8em;
	border:none;
	cursor:pointer;
}
.submit:hover{
	background:#86c43f;
}
#container-sm{
}
.icono-sm{
	width:75px; height:75px;
	margin:70px 10px;
	cursor:pointer;
}

.error-message {
    box-sizing: border-box;
    background: #B22D00;
    color: #fff;
    display: none;
    font-size: 15px;
    padding: 10px;
}
.captcha{
	display: none;
}

/* ==========================================================================
   AVISO DE PRIVACIDAD
   ========================================================================== */

#adp-section{
	padding:60px 0 !important;
    min-height: 600px;
}
#adp-section div.container1024 p{
	text-align:justify;
	font-size:1.1em;
	margin-bottom:40px;
}


/* ==========================================================================
   THANK YOU PAGE
   ========================================================================== */
#parallax-greenblur-01{
	background:url(../img/bg-greenblur-01.jpg) 50% 0 fixed;
	background-size:100% 100%;
    min-height: 650px;
    margin: 0 auto;
    width:100%;
    padding: 30px 0;
}


/* ==========================================================================
   FOOTER
   ========================================================================== */
#footer-section{
	height:80px; width:100%;
	display:inline-block;
	padding:25px;
	background:#000000;
	color:#ffffff;
	text-align:center;
}
#footer-section a{
	color:#ffffff;
	text-decoration:none;
}
#footer-section a:hover{
	color:#f6921e;
}
.pie-pagina{
	font-family:"Exo", sans-serif;
	font-size:0.7em;
	letter-spacing:0.1em;
	color:#fff;
}

/* ==========================================================================
   RESPONSIVE M-QUERYS
   ========================================================================== */

@media only screen and (max-width: 1160px){

	.container-header{
		width:100% !important;
	}
	.container1160{
		width:100%;
	}
}

@media only screen and (max-width: 1024px){
	.container1024{
		width:100%; text-align:center;
		padding:0 20px;
	}
	.container512{
		width:50%; text-align:center;
		padding:0 20px;
	}
	.container340{
		width:32%; text-align:center;
	}
	.icono-empresa{
		width:50%; height:auto;
	}
	.p-empresa1{
		font-size:1.5em !important;
	}
	article#tecnologia-article-1{
		margin-top:0px;
	}
	#empresa-section{
		padding:40px 0 0 0 !important;
	}
	.google-map{
		width:50%;
		overflow:hidden;
	}
	.formulario-contacto{
		width:48%;
	}
	.icono-contacto{
		width:50%; height:auto;
	}
	.p-contacto1{
		font-size:1.3em !important;
		height:auto;
	}

}

@media only screen and (max-width: 940px){
	#main-menu ul li{
		padding:30px 0;
	}
	#main-menu ul li a{
		padding:30px 10px;
	}
	.icono-empresa{
		width:55%;
	}
	.p-empresa1{
		font-size:1.3em !important;
	}
	#parallax-suncell-01 img#icon-24h{
		width:15%;
	}
	#parallax-suncell-01 h3{
		line-height:1em;
	}
	#parallax-suncell-01 h3 span#text1, #parallax-suncell-01 h3 span#text2{
		font-size:1em;
		line-height:1em;
	}
	#parallax-suncell-01 h3 span#text3{
		font-size:0.7em !important;
	}
	#parallax-suncell-01 #text4{
		margin-top:0;
	}
	.icono-contacto{
		width:55%;
	}
	.allinone_contentSlider_text_line{
		margin-top:-30px;
	}
	.textElement42_imposingFW div.cta-general-div{
		width:auto; height:auto;
		padding:20px 50px !important;
	}
	.textElement42_imposingFW a.cta-general-a{
		font-size:3.8em !important;
	}
}

@media only screen and (max-width: 767px){
	.container-header{
		text-align:center;
		height:115px;
		background:#fff;
	}
	#enextra-logo{
		float:none; display:inline-block;
		margin:5px 0 15px 0;
	}
	#main-menu{
		width:100%;
		float:none; display:inline-block;
	}
	#main-menu ul li{
		padding:5px 0;
	}
	#main-menu ul li a{
		padding:5px;
	}
	#home-section{
		z-index:1;
		margin-top:0px;
	}
	.container512{
		width:50%; text-align:center;
		padding:20px;
	}
	.icono-empresa{
		width:60%;
	}
	.p-empresa1{
		font-size:1.1em !important;
		line-height:1.2em;
	}
	p{
		font-size:1.2em; line-height:1.5em;
	}
	h2.section-title{
		font-size:4em;
	}
	h3.section-subtitle{
		font-size:2em;
	}
	article#tecnologia-article-1{
		padding:60px 0;
		min-height: 400px;
	}
	#parallax-sun-01 {
		background-size:auto 800px;
		min-height: 400px;
		padding: 60px 0;
	}
	#parallax-suncell-01{
		background-size:auto 800px;
		min-height: 400px;
		padding: 30px 0;
	}
	#parallax-ecology-01{
		background-size:auto 800px;
		min-height: 400px;
		padding: 60px 0;
	}
	#parallax-graywater-01{
		background-size:auto 800px;
		height: auto;
		margin-bottom:0px !important;
	}
	.google-map{
		width:100%; height:300px;
		margin:10px auto 30px auto;

	}
	.formulario-contacto{
		width:100%;
	}
	.icono-contacto{
		width:60%;
	}
	.p-contacto1{
		font-size:1em !important;
	}
	.allinone_contentSlider_text_line{
		margin-top:-60px;
	}
	.textElement42_imposingFW div.cta-general-div{
		width:250px;
	}

}
@media only screen and (max-width: 540px){
	p{
		font-size:1em;
	}
	h2.section-title{
		font-size:2.6em;
	}
	h3.section-subtitle{
		font-size:1.6em;
	}
	.container512{
		width:65%;
	}
	.formulario-contacto{
		height:auto;
	}
	.text-imput, .area-texto-01, .submit {
		height:45px;
		margin-bottom:15px;
		font-size:1em;
	}
	.area-texto-01{
		padding-top:8px;
		height:100px;
	}
	#parallax-sun-01 {
		background-size:auto 600px;
	}
	#parallax-suncell-01{
		background-size:auto 600px;
	}
	#parallax-ecology-01{
		background-size:auto 600px;
	}
	#parallax-graywater-01{
		background-size:auto 600px;
	}
	.allinone_contentSlider_text_line{
		margin-top:-80px;
	}
	.textElement42_imposingFW div.cta-general-div{
		width:200px;
		padding:20px !important;
	}

}
@media only screen and (max-width: 400px){
	.container340{
		width:100%;
	}
	.icono-empresa{
		width:30%;
	}
	.p-empresa1{
		font-size:1.5em !important;
	}
	.icono-contacto{
		width:30%;
	}
	.p-contacto1{
		font-size:1.3em !important;
	}
	.container512{
		width:80%;
	}
	.container-header{
		height:auto;
	}
	#enextra-logo{
		width:280px;
	}
	#main-menu ul li{
		font-size:0.8em;
	}
	#parallax-sun-01 {
		background-size:auto 500px;
	}
	#parallax-suncell-01{
		background-size:auto 500px;
	}
	#parallax-ecology-01{
		background-size:auto 500px;
	}
	#parallax-graywater-01{
		background-size:auto 500px;
	}
	.cta-general-div{
		width:80%; height:auto;
		padding:10px;
	}
	.cta-general-a{
		font-size:18px !important;
	}
	.textElement42_imposingFW div.cta-general-div{
		width:140px !important;
		padding:12px !important;
		margin-top:30px;
	}
	.textElement42_imposingFW a.cta-general-a{
		font-size:14px !important;
	}
}
@media only screen and (max-width: 350px){
	p{
		font-size:0.85em;
	}
	h2.section-title{
		font-size:2.2em;
	}
	h3.section-subtitle{
		font-size:1.2em;
	}
	.container512{
		width:70%;
	}
}