/* ------------------------------------	*/
/*  		   General CSS				*/
/* ------------------------------------	*/

html, body{
height:100%;
font-size:14px;
}


a{
color:#57BDDB;
}
body{
font-family:'Open Sans', sans-serif;
color:#86989d;
line-height:23px;
overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
font-weight:700;
font-family:'PT Sans', sans-serif;
}
section{
position:relative;
}
section.section-padding{
padding:70px 0;
}
.contact{
margin-bottom:30px;
}

.contact p{
position:relative;
padding-bottom:30px;
}
.contact p:after{
background:none repeat scroll 0 0 #c2cdd0;
bottom:0;
content:"";
height:1px;
left:50%;
margin-left:-75px;
position:absolute;
width:150px;
}

.page-title{
color:#334852;
font-family:open sans;
font-size:28px;
font-weight:300;
letter-spacing:2px;
line-height:35px;
margin-bottom:20px;
text-transform:uppercase;
}


/* ------------------------------------	*/
/*  			 1. Home				*/
/* ------------------------------------	*/



.welcome-text .container{
max-width:800px;
}



/* ------------------------------------	*/
/*  		 2. Navigation Bar			*/
/* -----------------------------------	*/

.navbar-default a.navbar-brand{
color:#5d89b4;
font-weight:300;
font-size:24px;
letter-spacing:2px;
}

.navbar-default a.navbar-brand span{
color:#334852;
}
.navbar-default .navbar-nav > li > a{
color:#86989d;
letter-spacing:2px;
text-transform:uppercase;
}
.navbar-default .navbar-nav > li.current > a,.navbar-default .navbar-nav > li > a:hover{
color:#000;
}
.navbar-default .navbar-nav > li > a:focus{
outline:none;
color:#86989d;
}
.navbar-default .navbar-nav > li.current > a:focus{
color:#000;
}
.navbar-default{
background-color:#f2f2f2;
border-color:#f2f2f2;
padding: 10px 0px;
}
.is-sticky .navbar.navbar-default.navbar-static-top{
width:100%;
}

/* ------------------------------------ */
/*         Empresa      */
/* -----------------------------------  */

.div_empresa{
  margin-top: 90px;
  margin-bottom: 90px;
  text-align: justify;
}

.boton {
  -webkit-box-shadow: 3px 3px 0px #666666;
  -moz-box-shadow: 3px 3px 0px #666666;
  box-shadow: 3px 3px 0px #666666;
  color: #ffffff;
  background: #5d89b4;
  padding: 6px 12px 6px 12px;
  border: solid #5d89b4 2px;
  text-decoration: none;
  margin-right: 20px;
  margin-top: 15px;
  display: inline-block;
  text-align: center;
}

.boton:hover, .boton:focus {
  opacity: 0.6;
  color: #fff;
  text-decoration: none;
}



/* ------------------------------------ */
/*         mantenimiento     */
/* -----------------------------------  */

.div_mantenimiento{
  margin-top: 90px;
  text-align: justify;
}

#tester{
  background: url(../img/tester.jpg) center center no-repeat;
  background-size: 100%;
  height: 100%;
  vertical-align: middle;
}




/* ------------------------------------	*/
/*  		 Parallax			*/
/* -----------------------------------	*/

#featureshome{
background:url(../img/automatizacion-industrial.jpg) no-repeat fixed center top;
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
padding: 30px 0px;
}



#features{
background:url(../img/cables.jpg) no-repeat fixed center top;
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
padding: 30px 0px;
}

#features2{
background:url(../img/herramientas-electricidad.jpg) no-repeat fixed center top;
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
padding: 30px 0px;
}

#features3{
background:url(../img/elementos-automatizacion.png) no-repeat fixed center top;
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
padding: 30px 0px;
}

.features-bg-home{
background:#000;
opacity:.7;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}

.features-bg{
background:#57bddb;
opacity:.9;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.features-item-home h2{
color:#f2f2f2;
font-weight: bold;
font-size:29px;
line-height:75px;
position:relative;
padding-top: 110px;
}

.features-item{
color:#fff;
font-size:14px;
line-height:22px;
position:relative;
}
.features-item i{
font-size:30px;
left:0;
position:absolute;
top:-5px;
}
.features-item h2{
color: #fff;
margin:0 0 15px;
text-transform:uppercase;
}




/* ------------------------------------	*/
/*  		  Portfolio Page			*/
/* -----------------------------------	*/





#portfolio_list .pitem{
position:relative;
margin-top:30px;
padding-top: 15px;
padding-bottom: 15px;
float:left!important;
}
#portfolio_list .portfolio_item{
position:relative;
overflow:hidden;
}
#portfolio_list .portfolio_item a:hover img{
/*transform*/
-webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
     -o-transform:scale(1.1);
        transform:scale(1.1);

opacity: 0.9;

}
#portfolio_list .pitem  img{
width:100%;
/*transition*/
-webkit-transition:all 200ms linear 0s;
   -moz-transition:all 200ms linear 0s;
     -o-transition:all 200ms linear 0s;
        transition:all 200ms linear 0s;
}


.portfolio_item a:hover img{

background-color: #FC0909;
display:block;
height:100%;
width:100%;
z-index:99;
}


/* ------------------------------------	*/
/*  		  Contact Page			*/
/* -----------------------------------	*/

#contacto{
background:#ECF0F3;
}

.address-info{
margin-bottom:30px;
}
.address-info h3{
font-size:20px;
font-weight:400;
}
.address-info p{
margin-bottom:5px;
}
.address-info ul{
}
.address-info ul li{
}
.address-info ul li a{
background:none repeat scroll 0 0 #57bddb;
color:#fff;
display:inline-block;
height:25px;
text-align:center;
width:25px;
}
.address-info ul li a:hover{
opacity:.7;
}
#map{
width:100%;
height:400px;
}
.marg-r{
  font-size: 20px!important;
  margin-right: 12px;
}

.marg-l{
  margin-left: 27px;
}

/* ------------------------------------	*/
/*  			 15. Footer				*/
/* -----------------------------------	*/


#footer p{
margin:0;
padding:15px 0;
}


/* ------------------------------------ */
/*       cookies   */
/* -----------------------------------  */

#cookies{
background:#ECF0F3;
}

#cookiesms1:target {
display: none;
}
.cookiesms{ 
width:100%;
text-align: center;
height:auto;
margin:0 auto;
padding:10px;
font-size: 1em;
clear:both;
color: #fff;
bottom:0px;
position:fixed;
z-index: 999;

background-color: #2a2a2a;
opacity:0.9;
filter:alpha(opacity=90);  /*For IE8 and earlier*/ 
transition: bottom 1s;
-webkit-transition:bottom 1s;  /*Safari*/ 
-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.56);
-moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.56);
box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.56);

}

.cookiesms span{
  font-weight: bold;
}

.cookiesms a{
  color:#fff;

} 

#txt-cookies{
  padding-right: 56px;
  
}

.cookiesms button {
  
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  background: none;
  border: none;
  font-size:25px;
  text-decoration:none;
  position: absolute;
  top: 0px;
  right: 0px;
}
.cookiesms button:hover {
  font-size:30px;
  color: #DEDEDE;
}
.cookiesms button:active {
  font-size:25px;
  color: #000000;
}


#preloader{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:9999;
background-color:#57BDDB;
}
.spinner{
height:150px;
left:50%;
margin:-75px auto 100px -75px;
position:absolute;
top:50%;
width:150px;
}
.cube{
width:33%;
height:33%;
background:#fff;
float:left;
animation
-webkit-animation:scaleDelay 1.3s infinite ease-in-out;
   -moz-animation:scaleDelay 1.3s infinite ease-in-out;
    -ms-animation:scaleDelay 1.3s infinite ease-in-out;
     -o-animation:scaleDelay 1.3s infinite ease-in-out;
        animation:scaleDelay 1.3s infinite ease-in-out;
}
 
     /** Spinner positions
     * 1 2 3 
     * 4 5 6
     * 7 8 9*/
     

    .spinner .cube:nth-child(1){
/*animation-delay*/
-webkit-animation-delay:0.2s;
   -moz-animation-delay:0.2s;
    -ms-animation-delay:0.2s;
     -o-animation-delay:0.2s;
        animation-delay:0.2s;
}
.spinner .cube:nth-child(2){
/*animation-delay*/
-webkit-animation-delay:0.3s;
   -moz-animation-delay:0.3s;
    -ms-animation-delay:0.3s;
     -o-animation-delay:0.3s;
        animation-delay:0.3s;
}
.spinner .cube:nth-child(3){
/*animation-delay*/
-webkit-animation-delay:0.4s;
   -moz-animation-delay:0.4s;
    -ms-animation-delay:0.4s;
     -o-animation-delay:0.4s;
        animation-delay:0.4s;
}
.spinner .cube:nth-child(4){
/*animation-delay*/
-webkit-animation-delay:0.1s;
   -moz-animation-delay:0.1s;
    -ms-animation-delay:0.1s;
     -o-animation-delay:0.1s;
        animation-delay:0.1s;
}
.spinner .cube:nth-child(5){
/*animation-delay*/
-webkit-animation-delay:0.2s;
   -moz-animation-delay:0.2s;
    -ms-animation-delay:0.2s;
     -o-animation-delay:0.2s;
        animation-delay:0.2s;
}
.spinner .cube:nth-child(6){
/*animation-delay*/
-webkit-animation-delay:0.3s;
   -moz-animation-delay:0.3s;
    -ms-animation-delay:0.3s;
     -o-animation-delay:0.3s;
        animation-delay:0.3s;
}
.spinner .cube:nth-child(7){
/*animation-delay*/
-webkit-animation-delay:0.0s;
   -moz-animation-delay:0.0s;
    -ms-animation-delay:0.0s;
     -o-animation-delay:0.0s;
        animation-delay:0.0s;
}
.spinner .cube:nth-child(8){
/*animation-delay*/
-webkit-animation-delay:0.1s;
   -moz-animation-delay:0.1s;
    -ms-animation-delay:0.1s;
     -o-animation-delay:0.1s;
        animation-delay:0.1s;
}
.spinner .cube:nth-child(9){
/*animation-delay*/
-webkit-animation-delay:0.2s;
   -moz-animation-delay:0.2s;
    -ms-animation-delay:0.2s;
     -o-animation-delay:0.2s;
        animation-delay:0.2s;
}
@-webkit-keyframes scaleDelay{
0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0) }
      35%           { -webkit-transform:scale3D(0.0, 0.0, 1.0) }
}
@keyframes scaleDelay{
0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(1.0, 1.0, 1.0) }
      35%           { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(0.0, 0.0, 1.0) }
}


/* ------------------------------------	*/
/*  		 Color Scheme			*/
/* -----------------------------------	*/


a, .navbar-default a.navbar-brand, .btn-bordered, .single-testimonial h2, .team-item h4, .company-name span, .owl-buttons div, .footer-copyright a{color:#5D89B4;}

.hero-title i, .btn-filled, .features-bg, .popular .price-title, .popular .plan-link a.btn-bordered, .address-info ul li a, #preloader, .portfolio-overlay, #call-to-action, .parallax-overlay {background-color:#5D89B4;}

.btn-filled, .btn-bordered, .form-group input[type=text], .form-group input[type=email], .form-group textarea, .popular .plan-link,.popular .plan-features li, .popular .price-title, .popular .plan-features, .popular .plan-price, .single-partner img, .owl-buttons div {border-color:#5D89B4;}


/* ------------------------------------ */
/*       Media querys     */
/* -----------------------------------  */



@media (max-width: 992px){
  .eliminar{
    display: none;
  }}

  


@media (min-width: 768px){
  
  .navbar-default .navbar-nav > li > a{
  letter-spacing:0;
  }
  .nav > li > a{
  font-size:11px;
  padding:15px 5px;
  }
  .navbar-default a.navbar-brand{
  font-size:20px;
  }
  
}
@media (min-width: 992px){
  
  .navbar-default .navbar-nav > li > a{
  letter-spacing:1px;
  }
  .nav > li > a{
  font-size:13px;
  padding:15px 8px;
  }
  .navbar-default a.navbar-brand{
  font-size:24px;
  }
  #about .page-title{
  margin-top:15px;
  }
}

@media (min-width: 1200px){

  .navbar-default .navbar-nav > li > a{
  letter-spacing:2px;
  }
  .nav > li > a{
  font-size:13px;
  padding:15px 10px;
  }
  .navbar-default a.navbar-brand{
  font-size:24px;
  }
  #about .page-title{
  margin-top:60px;
  }
  
}

/* ------------------------------------ */
/*       scrolling-nav    */
/* -----------------------------------  */

body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 10px 0;
    }
}