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

.logo{
    
    width:250px;
    height:200px;
    margin:70px auto;
    position:relative;
  
}

.cuadro_logo{
    width: 260px;
    height: 280px;
    background: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
    margin: 0 auto;

}

.imagen_logo {
    position: relative;
    top: 25%;
}


.cuadro_logoa{
    width: 260px;
    height: 280px;
   
    margin:0 auto;

}

.nosotros{
    margin-top:-60px !important;
    color:hsla(0,0%,100%,1.00);
}


.containerD{
	position: relative;
	z-index: 999;
	width: 100%;
	background: url("../img/panel3.jpg");
	background-size: cover;
	background-attachment: fixed;
    
   
  
    
    
}


.containerD1{
	position: relative;
	color: whitesmoke!important;
	z-index: 999;
	width: 100%;
	background: url("../img/panel2.jpg");
	background-size: cover;
	background-attachment: fixed;
    
  
    
    
}



.dms{
    font-size:15px;
    width:600px;
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  
}

h3.instalaciones-electricas{
   
    font-size:25px;
   
    font-size: large;
    text-align:center;
    padding-top:30px;
    
}


.servicios{
	
  text-align:left;
 
}



.servicios:hover{
    color: hsla(000,80%,55%,1.00);

}


h1.frase{
    
    font-size:25px !important;
    margin-top: 80px;
   text-shadow: 3px 4px 4px rgba(150, 150, 150, 1);
}

.bg-primary2{
    background-color: hsla(193,53%,65%,1.00);
    height:320px;
}

.parrafo1{
    text-align:justify;
    font-size:22px;
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 25px;
}



.parrafo2{
    text-align:justify;
	color: whitesmoke!important;
    font-size:22px;
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 25px;
}

.fa-bolt:hover{
    color: hsla(193,53%,65%,1.00);
}
.fa-align-right:hover{
    color: hsla(193,53%,65%,1.00);

}

.fa-industry:hover{
    color: hsla(193,53%,65%,1.00);
}
.fa-wrench:hover{
    color: hsla(193,53%,65%,1.00);

}

.fa-facebook-square{
font-size: 43px;
color:#90EAEB;
}
.fa-instagram{
    font-size: 43px;
    color:#90EAEB;
}
.fa-twitter-square{
    font-size: 43px;
    color:#90EAEB;
}
.fa-whatsapp{
    font-size: 43px;
    color: #00FF1F; 
}

.fa-facebook-square:hover{

    color: hsla(193,53%,65%,1.00);
    
}
.fa-twitter-square:hover{

    color: hsla(193,53%,65%,1.00);
    
}

.fa-whatsapp:hover{

    color: hsla(193,53%,65%,1.00);
    
}

.fa-instagram:hover{

    color: hsla(193,53%,65%,1.00);
    
}



.reedes li{
    list-style: none;
   
}

.redes-social{

   
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 9999;
    margin-right: 10px;
    

}



.contact_form{
	width: 400px;
	background: rgba(54, 25, 25, .5);
	height: 580px;
	border-radius: 8px;

}


/*Slider*/

/* Descargado desde https://www.codeseek.co/ */
    .bxslider li {
    min-height: 100vh;
    }
    .bxslider li.one {
    background: #1B3C59;
    background: url("../img/header.jpg");
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    }
    .bxslider li.two {
    background: #456173;
    background: url("../img/eolica2.jpg");
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    }
    .bxslider li.three {
    background: #456173;
    background: url("../img/eolica3.jpg");
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    
    }
    .bxslider li.four {
    background: #456173;
    background: url(../img/eolica6.jpg);
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    
    }
     .bxslider li.five {
    background: #456173;
    background: url(../img/eolica5.jpg);
    background-position:bottom;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
	
	 }
	  .bxslider li.six {
    background: #456173;
    background: url(../img/energia_eolica3.jpg);
    background-position:bottom;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    
    }
    .bx-wrapper .bx-viewport {
    left: 0;
    border: none;
    box-shadow: none;
    }
    ul, ul li {
    margin: 0;
    padding: 0;
    }
    .bxslider li{
        width: 100%;
        height: 400px;
        margin: auto;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
    }
    
    section h1{
        font-size: 30px;
        color: #000000;
    }
    .contenido{
        margin-top: 150px;
    }
    .contenido h1, .contenido p{
        text-align: left;
        margin-left: 10px;
    }
    .contenido h1{
        font-size: 45px;
    }
    .spacer{
        margin-top: 50px;
        clear: both;
    }
    .l1sli{
        background-color: #6D42C7;
        
    }
    .l2sli{
        background-color: #E85B48;
    }



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

.parrafo1{
    text-align:justify;
    font-size:22px;
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-right:15px;



}

.cuadro_logo{
    width: 260px;
    height: 280px;
    background: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
    margin-top: 90px;

}

.imagen_logo {
    position: relative;
    top: 50%;
}




@media screen and (max-width: 768px) { 
    
    .logo{
    
    width:250px;
    height:200px;
    margin:0 auto;
    position:relative;
 
   
    
    

}

.bg-primary2{
    background-color: hsla(193,53%,65%,1.00);
    height:360px;
}

h3.instalaciones-electricas{
   
    font-size:16px;
    font-weight:bold;
    margin:0 auto;
    padding-top:30px;
   
    
   
}

.redes-social{
    top: 20%
    }

    
}

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

.bg-primary2{
    background-color: hsla(193,53%,65%,1.00);
    height:430px;
}


}

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

.nav-frase{
    font-size:16px;
}

.parrafo1{
    font-size:18px;
    width: 100%;
    text-align: left;
}

.contact_form{
    width: 90%;
}

textarea{
    width: 250px;
}

.fa-instagram{
    font-size: 33px;
    color: #90EAEB;
}
.fa-facebook-square{
font-size: 33px;
color: #90EAEB;
}


.fa-twitter-square{
    font-size: 33px;
    color:#90EAEB;
}


}

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

.nav-frase{
    font-size:0.8em;
}
}

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

.dms{
    font-size:11px;
    font-weight:bold !important;
}

.dms2{
    
    font-size:12px;
}


}

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

.parrafo1{
    font-size:16px;
}

}