/*Generales*/

body{
	font-family: 'Montserrat', sans-serif;
	font-size: 62.5%;
	padding: none;
	margin: none;
}
.container-fluid{
	padding: 0;
}
/*Generales*/
	
/*Index*/
	
	/*header nav*/
	header {
		padding-top: 30px;	}
	/*nav logo*/
	.nav-logo img{
		width: 135px;
		float: left;
	}
	/*nav logo*/

	/*nav menu*/
	.nav-menu{
		float: left;
        padding-left: 150px;

	}
	.nav-menu li{
	    color: 000000;
		text-transform: uppercase;
		font-size: 1.4rem;
		list-style: none;
		text-decoration: none;
		display: inline-block;
	}
	.nav-menu li a{
		margin: 10px 10px;
		color: #ffffff;
		
	}
	.menu-sm{
		margin-left: 190px;
	}
	.menu-hl{
	 font-weight: bold
	}
	.nav-menu li:hover a{
		color:#fec42d;
		text-decoration: none;
		transition: all 0.1s ease-out;
	}

	@media (max-width: 1200px) {
		.menu-sm{
		margin-left: 0px;
		}
	}
	@media (max-width:1000px) {
		.nav-menu{
			display: none;
		}
	}
	/*nav menu*/
 	/*nav toogles*/
	#nav-resp-toggle{
		display: none;
		float: right;
			height: 40px;
			padding: none;
			background-color: transparent;
			border: none;
	}
	#nav-resp-toggle img{
		height: 40px;
	}
	@media (max-width:1000px) {
		#nav-resp-toggle{
			display: inline-block;
		}
	}
	/*nav
	/*nav responsive*/
	#nav-resp{
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #535454;
		padding: 0;
		margin: 0;
		text-align: center;
		display: none;
		z-index:5;
	}
	#nav-resp li{
		padding-bottom: 15px;
		border-top: 1px solid rgba(255,255,255,0.3);
		padding-top: 15px;
	}
	#nav-resp li:first-child{
		background-color: #e89521;
	}
	#nav-resp li:hover{
		background-color: #e89521;
	}
	#nav-resp li:hover a{
		text-decoration: none;
	}
	#nav-resp li a{
		color: white;
		font-size: 1.5rem;
		text-align: center;

	}
	#nav-resp button{
		background-color: transparent;
		border: none;
	}
	/*nav responsive*/


	/*index header*/
		.index-header{
			padding: none;
			margin: none;
			width: 100%;
			height: 937px;
			background: url(../media/imgindex.jpg);
			background-size: 100% auto;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
}
			@media (max-width:1700px) {
		.index-header{
			background-size: auto 100%;
	}	
	}

	/*index header*/


	/*index textos*/
	
	.index-text{
		text-align: center;
		color: white;
		margin-top: 350px;
		text-shadow: 1px 1px 20px #fec42d;
	}

	.index-text h2{
		font-size: 2.2rem;
	}

	.index-text h1{
		font-size: 5.5rem;
		font-weight: bold;
		margin-top: -30px
	}
	.index-text a{
		padding: 10px 15px;
		font-size: 1.8rem;
		border-radius: 40px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e89521+2,fec42d+99 */
	background: #e89521; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #FB8C00 2%, #fec42d 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #FB8C00 2%,#fec42d 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #FB8C00 2%,#fec42d 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e89521', endColorstr='#fec42d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border: none;
	color: white;
	}
	
	.boton-index {
	    box-shadow: 0 0.1875rem 0.1875rem 0 rgba(255, 255, 255, 0.568)
	}
	/*index textos*/
	
	/*index aboutus*/
	.index-aboutus{
		margin-top: 75px;
		margin-bottom: 75px;
	}
	.index-aboutus img{
		width: 450px;
		margin-left:75px;
	}
	@media (max-width:1200px) {
		.index-aboutus img{
			margin-left:0px;
	}
	}
	.index-aboutus h2{
		color:#595a59;
		font-size: 3.7rem;
		margin-top: 120px;
	}
	.index-aboutus h2 span{
		font-weight: bold;
		color: #ffffff;
	}
	.aboutus-divider{
		width: 350px;
		height: 2px;
		background-color: #efefef;
		display: inline;
		float: left;
		margin: 10px 0;
	}
	.aboutus-divider span{
		display: inline-block;
		height: 4px;
		width: 125px;
		background-color: #fec42d;
	}
	.index-aboutus p{
		width: 250px;
		font-size: 1.2rem;
		text-align: justify;

	}
	.index-aboutus a{
		display: block;
		width: 200px;
		background-color:#fec42d;
		font-size: 1.5rem;
		color:white;
		margin: 0 auto;
		border-radius: 200px;
		height: 50px;
		padding-top: 10px;
		margin-top: 30px;
		float: left;
		text-align: center;
	}
	@media (max-width:992px) {
		.index-aboutus  .col-sm-6{
			width: 100%;
			display: block;
			float: left;
			margin: 0 auto;
			text-align: center;
	}
	.index-aboutus p, .aboutus-divider{
		margin: 0 auto;
		display: block;

	}
	.index-aboutus p{
		margin-top: 40px;
		text-align: center;
		margin-bottom: 30px;
	}
	.aboutus-divider{
		margin-top: 20px;

	}
	.index-aboutus h2{
		margin-top: 20px;
	}
	.index-aboutus a{
		display: inline-block;
		width: 200px;
		background-color:#e89521;
		font-size: 1.5rem;
		color:white;
		margin: 0 auto;
		border-radius: 200px;
		height: 50px;
		padding-top: 15px;
		margin-top: 30px;
		float: left;
		text-align: center;
	}
	.index-aboutus a{
		float: none;
	}
	}
	/*index aboutus*/
	
	/*index services*/
	.index-services{
		text-align: center;
		background: linear-gradient(135deg, #fec42d 20%, #1a5da5 66%);
		padding-bottom: 100px;
		background-color:#ffffff;
	}
	.index-services{
		

	}
	.index-services h2{
		color:#ffffff;
		font-size: 3.7rem;
		margin-top: 100px;
	}
	.index-services h2 span{
		font-weight: bold;
		color:#FFFFFF;
	}
	.services-divider{
		width: 350px;
		height: 2px;
		background-color:#c4c4c4;
		display: inline-block;
		margin: 10px 0;
		margin-bottom: 65px;

	}
	.services-divider span{
		display: inline-block;
		height: 4px;
		width: 125px;
		background-color: #e89521;
	}
	.index-services h3{
		font-size: 2.3rem;
		font-weight: bold;
		color:#ffffff;
	}
	.index-services p{
		display: inline-block;
		font-size: 1.3rem;
		width: 300px;
		text-align: justify;
		justify-content: center;
		color:#FFFFFF;
	}
	.index-services a{
		display: block;
		width: 200px;
		background-color:#e89521;
		font-size: 1.5rem;
		color:white;
		margin: 0 auto;
		border-radius: 200px;
		height: 50px;
		padding-top: 15px;
		margin-top: 30px;
	}
	@media (max-width: 992px) {
		.index-services  a{
		margin-bottom: 50px;
		}
		.aboutus-divider, .services-divider{
			width: 100% !important;
			margin-bottom: 35px;
		}
	}
	/*index services*/
	/*contact form*/
	.contact-form{
		background: url(../media/formulario.jpg);
		background-size: 100% auto;
	    background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		text-align: center;
		padding-bottom: 100px;
	}
	.contact-form h2{
		color:white;
		font-size: 3.7rem;
		margin-top: 120px;
	}
	.contact-form span{
		font-weight: bold;
	}
	.contact-form p{
		width: 450px;
		font-size: 1.3rem;
		text-align: justify;
		justify-content: center;
		margin: 0 auto;color: white;

	}
	.contact-form form{
		width: 650px;
		margin: 0 auto;
		margin-top: 50px;
	}
	.contact-form input{
		width: 46%;
		color: #ffffff;
		background-color: rgba(255,255,255,0.7);
		border:none;
		padding: 5px;
		font-size: 1.4rem;
	}
	.contact-form textarea{
		width:98%;
		margin-top: 25px;
		color: #ffffff;
		background-color: rgba(255,255,255,0.7);
		border:none;
		padding: 5px;
		font-size: 1.4rem;
		height: 150px;
		resize: none;
		
}
	.contact-form input:first-child{
		margin-right:6%;

	}
	.contact-form .send input{
		display: block;
		width: 200px;
		background-color: white;
		font-size: 1.5rem;
		color:#434343 !important;
		margin: 0 auto;
		border-radius: 200px;
		height: 50px;
		padding-top: 0px;
		margin-top: 30px;

}
@media (max-width: 800px) {
		.contact-form input{
		display: block;
		width: 90%;
		margin-left: 5%;
		margin-bottom: 15px;
	}
		.contact-form textarea{
		display: block;
		width:90%;
		margin-left:5%;
		}
		.contact-form form{
		width: 100%;
		}
		.contact-form p{margin-left: 5%; width: 90%;}
	}

	/*contact form*/

/*index*/


/*menu-bottom*/
.menu-bottom{
		background-color: black !important;
}
.menu-bottom .nav-menu{
		float: right;


	}
	.menu-bottom .nav-menu li{
		text-transform: uppercase;
		font-size: 1.2rem;
		list-style: none;
		text-decoration: none;
		display: inline-block;
	}
	.menu-bottom .nav-menu li a{
		margin: 10px 10px;
		color: white;
		
	}
	.menu-bottom .menu-sm{
		margin-left: 0px;
	}
	.menu-bottom .menu-hl{
	 font-weight: bold
	}
	.menu-bottom .nav-menu li:hover a{
		color:#e89521;
		text-decoration: none;
		transition: all 0.3s ease-out;
	}
	.menu-bottom .nav-menu li img:hover{
		fill: : #535454;
		
	}
	@media (max-width: 1200px) {
		.menu-bottom .menu-sm{
		margin-left: 0px;
		}
	}
	@media (max-width:1000px) {
		.menu-bottom .nav-menu{
			display: none;
		}
	}

	/*menu-bottom*/



	/*__________________________ INDEX PAGE_________________________*/
	/*__________________________ ABOUTUS_________________________*/

	/*abouts-menu*/
		.secondary-header{
			padding: none;
			margin: none;
			width: 100%;
			height: 100px;
}
/*abouts-menu*/

/*abouts-cover*/

					.main-cover-aboutus{
			background: url(../media/aboutus-main.jpg)  no-repeat;
			font-size: 5.7rem;
			text-align: center;
			color: white;
			padding: 95px 0;
			background-size: 100% auto;
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            text-align: center;
            padding-bottom: 100px;
		}
			@media (max-width:480px) {
		.main-cover-aboutus{
			background-size: auto 100%;
	}	
	}
		.main-cover-aboutus span{
			font-weight: bold;
		}

/*abouts-cover*/

	.aboutus-text{
		margin-top: 75px;
		margin-bottom: 75px;
	}
	.aboutus-text img{
		width: 450px;
		margin-left:75px;
	}

	@media (max-width:1200px) {
		.aboutus-text img{
			margin-left:250px;
	}
	}
	.aboutus-text h2{
		font-size: 2.9rem;
		color: #e89521;
		font-weight: bold;
	}
	.aboutus-text h2 span{
		font-weight: bold;
		color: #fec42d;
	}
	
	.aboutus-text p{
		width: 500px;
		font-size: 1.6rem;
		text-align: justify;
		margin-top: 25px;

	}
	.aboutus-text ul{
		margin-top: 25px;
	}
	.aboutus-text li{
		font-size: 1.6rem;
		list-style: none;
	}
	.aboutus-text ul li::before{
		content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  		color: #e89521; /* Change the color */
  		 display: inline-block; /* Needed to add space between the bullet and the text */
  width: 2em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed)
*/
	}
	@media (max-width:992px) {
		.aboutus-text  .col-sm-6{
			width: 100%;
			display: block;
			float: left;
			margin: 0 auto;
			text-align: center;
	}
	.aboutus-text p, .aboutus-divider{
		margin: 0 auto;
		display: block;
	}
	.aboutus-text p{
		margin-top: 40px;
		text-align: center;
		margin-bottom: 30px;
		width: 90%;
		margin-left: 5%;
	}
	.aboutus-text h2{
		margin-top: 20px;
	}
	}

	@media (max-width:992px) {
		.aboutus-text img{
			width: 50px;
	}	
	}
/*__________________________ABOUTUS_________________________*/
/*______________________SERVICIOS______________________*/

	.main-cover-services{
			background: url(../media/servicios-main.jpg)  no-repeat;
			background-size: 100% auto;
			font-size: 5.7rem;
			text-align: center;
			color: white;
			padding: 80px 0;
			background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		text-align: center;
		padding-bottom: 100px;
		}
			@media (max-width:480px) {
		.main-cover-services{
			background-size: auto 100%;
	}	
	}
		.main-cover-services span{
			font-weight: bold;
		}
	.services-other{
		padding: 100px 0;
		background-color: #eaeaea;
		text-align: center;
	}
	.services-other h3{
		font-size: 2.9rem;
		color: #e89521;
		font-weight: bold;
	}

	.services-other a{
		display: block;
		width: 200px;
		background-color:#e89521;
		font-size: 1.5rem;
		color:white;
		margin: 0 auto;
		border-radius: 200px;
		height: 50px;
		padding-top: 15px;
		margin-top: 30px;
	}

/*______________________SERVICIOS______________________*/
/*______________________PANELES SOLARES______________________*/


		.main-cover-panel{
			background: url(../media/panelessolares-main.jpg)  no-repeat;
			background-size: 100% auto;
			font-size: 5.7rem;
			text-align: center;
			color: white;
			padding: 95px 0;
		}
			@media (max-width:480px) {
		.main-cover-panel{
			background-size: auto 100%;
	}	
	}
		.main-cover-panel span{
			font-weight: bold;
		}

/*______________________PANELES SOLARES______________________*/
/*______________________CALENTADORES SOLARES______________________*/

			.main-cover-calentador{
			background: url(../media/calentadores-main.jpg)  no-repeat;
			background-size: 100% auto;
			font-size: 5.7rem;
			text-align: center;
			color: white;
			padding: 95px 0;
		}
			@media (max-width:480px) {
		.main-cover-calentador{
			background-size: auto 100%;
	}	
	}
		.main-cover-calentador span{
			font-weight: bold;
		}

		.services-gallery img{
			width: 90%;
			height: auto;
			margin-left:5%;
			height: auto;
			margin-bottom: 35px;
		}

/*______________________PANELES SOLARES______________________*/
/*_________________________CONTACTO__________________________*/
.contact-form-contact{
		text-align: center;
		padding-bottom: 100px;
	}

	.contact-form-contact span{
		font-weight: bold;
	}

	.contact-form-contact form{
		width: 95%;
		margin: 0 auto;
		margin-top: 0px;
	}
	.contact-form-contact input{
		width: 100%;
		color: black;
		background-color: rgba(0,0,0,0.2);
		border:none;
		padding: 5px;
		font-size: 1.3rem;
		margin-bottom: 25px;

	}
	.contact-form-contact textarea{
		width:100%;
		margin-top: 0px;
		color: black;
		background-color: rgba(0,0,0,0.2);
		border:none;
		padding: 5px;
		font-size: 1.3rem;
		height: 150px;
		resize: none;
		
}
	.contact-form-contact input:first-child{
		margin-right:6%;

	}
	.contact-form-contact a{
		display: block;
		width: 200px;
		background-color: black;
		color: white;
		font-size: 1.5rem;
		margin: 0 auto;
		border-radius: 200px;
		height: 50px;
		padding-top: 15px;
		margin-top: 30px;

}
@media (max-width: 800px) {
		.contact-form-contact input{
		display: block;
		width: 90%;
		margin-left: 5%;
		
	}
		.contact-form-contact textarea{
		display: block;
		width:90%;
		margin-left:5%;
		}
		.contact-form form{
		width: 100%;
		}
		.contact-form p{margin-left: 5%; width: 90%;}
	}
	.contact-text{
		margin-top: 75px;
		margin-bottom: 75px;
		width: 750px;
		text-align: center;
	}

	@media (max-width:1200px) {
		.contact-text img{
			margin-left:0px;
	}
	}
	.contact-text h2{
		font-size: 2.9rem;
		color: #ffffff;
		font-weight: bold;
	}
	.contact-text h2 span{
		font-weight: bold;
		color: #fec42d;
	}
	
	.contact-text p{
		font-size: 1.6rem;
		margin-top: 25px;

	}
.contact-map{
	width: 90%;
	margin-left: 5%;
	height: 200px;
}
.contact-address{
	background-color: #000000;
	padding: 10px 15px;
	width: 90%;
	margin-left: 5%;
	text-align: left;
}
.contact-address h3{
	font-size: 2.9rem;
	font-weight: bold;
	color: #e89521;
}
.contact-address p{
	font-size: 1.3rem;
	}
	@media (min-width:768px) {
		.contact-form-contact a{
			float:right;

	}
}
@media (max-width:767px) {
		.contact-form-contact a{
			float:initial;

	}
	.contact-map {
		margin-top: 75px;
		height: 450px;
	}
	.contact-text{
		width: 90%;
		margin-left: 5%;
	}
}
			.main-cover-contact{
			background: url(../media/formulario.jpg)  no-repeat;
			background-size: 100% auto;
			font-size: 5.7rem;
			text-align: center;
			color: white;
			padding: 80px 0;
			background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		text-align: center;
		padding-bottom: 100px;
		}
			@media (max-width:480px) {
		.main-cover-contact{
			background-size: auto 100%;
	}	
	}
		.main-cover-contact span{
			font-weight: bold;
		}

/*_________________________CONTACTO__________________________*/
/*________________________COTIZACION__________________________*/
.contact-form-quote{
		text-align: center;
		padding-bottom: 100px;
	}

	.contact-form-quote span{
		font-weight: bold;
	}

	.contact-form-quote form{
		width: 95%;
		margin: 0 auto;
		margin-top: 0px;
	}
	.contact-form-quote input{
		width: 100%;
		color: #ffffff;
		background-color: rgba(0,0,0,0.9);
		border:none;
		padding: 5px;
		font-size: 1.3rem;
		margin-bottom: 25px;

	}
	.contact-form-quote textarea{
		width:100%;
		margin-top: 0px;
		color: #ffffff;
		background-color: rgba(0,0,0,0.9);
		border:none;
		padding: 5px;
		font-size: 1.3rem;
		height: 150px;
		resize: none;
		
}
	.cotizacion-inputshort{
		border-right: : solid white 5px;
		

	}
	.contact-form-quote a{
		display: block;
		width: 200px;
		background-color: black;
		color: white;
		font-size: 1.5rem;
		margin: 0 auto;
		border-radius: 200px;
		height: 50px;
		padding-top: 15px;
		margin-top: 30px;

}
.cotizacion-inputshort{
	width: 50% !important ;
	float: left;
}
@media (max-width: 800px) {
		.contact-form-quote input{
		display: block;
		width: 90%;
		margin-left: 5%;
		}
		.contact-form-quote textarea{
		display: block;
		width:90%;
		margin-left:5%;
		}
		.contact-form form{
		width: 100%;
		}
		.cotizacion-inputshort{
		width: 90% !important;
		margin-left:5%;
		float: left;
		}
		.contact-form p{margin-left: 5%; width: 90%;}
	}
	.contact-form-quote-send input{
		display: block;
		width: 200px;
		background-color: #e89521;
		font-size: 1.5rem;
		color:white !important;
		margin: 0 auto;
		border-radius: 200px;
		height: 50px;
		padding-top: 0px;
		margin-top: 30px;

}



/*________________________COTIZACION__________________________*/

.antispam { display:none;}


.banner-send{
width: 100%;
background-color: #fec42d;
text-align: center;
color: white;
font-size: 1.3rem;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;

}

@media (max-width: 465px){
.index-aboutus img {
display:none
}