/*
Theme Name: DeerHosting Theme
Theme URI: www.deerhosting.com
Descripcion: Plantilla para el sitio de DeerHosting
Version: 1
Author: Humberto Hansen
Author URL: www.deerhosting.com


*/
body {
  /*
  background-image: url("images/entorno/fondo.jpg");
  background-attachment: fixed; 
  */
  margin: 0px !important;
  padding: 0px !important;
}


p  {
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  color: #656565 !important;
  
  line-height: 27px !important;
  text-align: justify !important;
    
}


h1  {
font-family: 'Saira Condensed', sans-serif;
    font-weight: 400 !important;
    font-size: 35px !important;
    color: #fff !important;
    line-height: 40px !important;
    letter-spacing: 2px !important;
    word-spacing: 10px !important;
    text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.5);
   
}

h2 {
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 600 !important;
  color: #cd3420 !important;
  font-size: 25px !important;
  letter-spacing: 3px !important;
}


h3  {
 
  font-family: 'Saira Condensed', Sans-serif !important;
  font-size: 50px !important;
  font-weight: 300 !important;
  text-transform: capitalize !important;
  line-height: 45px !important;
  letter-spacing: 0px !important;
  color: #00387b !important;
  
}



h4  {
  font-family: 'Saira Condensed', Sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  letter-spacing: 0px !important;
  color: #00387b !important;

}

h6 {
  font-family: 'Saira Condensed', Sans-serif !important;
font-weight: 400 !important;
color: #313131 !important;
font-size: 25px !important;
letter-spacing: 2px !important;

}


/* ========================================================= */
/* ================== Seccion 1 ============================ */
/* ========================================================= */

 

/* ========================================================= */
/* ================== Seccion 2 ============================ */
/* ========================================================= */

.h2-titulo-principal {
  /*font-family: 'Saira Condensed', sans-serif !important;*/
  font-weight: 600 !important;
  color: #fff !important;
  /*text-align: justify !important;*/
  font-size: 36px !important;
  padding-left: 0px !important;
  margin-bottom: 0px !important; /* aqui */
  margin-top: -5px !important; /* aqui */
  line-height: 35px !important;

}

.h2-subtitulo-principal {
  /*font-family: 'Saira Condensed', sans-serif !important;*/
  font-weight: 400 !important;
  color: #fff !important;
  /*text-align: justify !important;*/
  font-size: 24px !important;
  padding-left: 0px !important;
  margin-top: 3px !important;
  line-height: 27px !important;
}

.img {
  display: flex !important; 
  align-items: center !important;
  justify-content: center !important;
}

.nose {
  width: 100% !important;
  height: 30px !important; 
  background-color: #00387b !important;
  /*display: flex !important;
  align-items: flex-end !important;
  */
}
.containere {
  font-weight: 400px !important;
  font-size: 17px !important;
  background-color: #9e0811 !important;
  color: #fff !important;
  width: 371px !important;
  height: 50px !important;
  text-align: center !important;
  line-height: 20px !important;
  /* centrado abssoluto */
  display: flex !important; 
  align-items: center !important;
  justify-content: center !important;
}

.p-contenido-img {
  /*font-family: 'Saira Condensed', sans-serif;*/
  color: #fff !important;
  text-align: center !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 17px !important;
  /* centrado abssoluto */
  display: flex !important; 
  align-items: center !important;
  justify-content: center !important;
}

.img-seccion2 {
  /*min-height: 500px !important;*/
  /*background-attachment: fixed !important;*/
}

/* ========================================================= */
/* ================== Seccion 3 ============================ */
/* ========================================================= */

.h2-titulo {
  /*font-family: 'Saira Condensed', sans-serif !important;*/
  font-weight: 600 !important;
  color: #1c323f !important;
  /*text-align: justify !important;*/
  font-size: 35px !important;
  padding-left: 0px !important;
  margin-bottom: 0px !important; /* aqui */
  margin-top: 0px !important;
  line-height: 32px !important;
}

.h2-subtitulo {
  /*font-family: 'Saira Condensed', sans-serif !important;*/
  font-weight: 400 !important;
  color: #1c323f !important;
  /*text-align: justify !important;*/
  font-size: 24px !important;
  padding-left: 0px !important;
  margin-top: 0px !important;
  margin-top: 3px !important;
  line-height: 27px !important;
}

.h2-equipos-sistemas-incendios {
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 600 !important;
  color: #9e080f !important;
  font-size: 22px !important;
  line-height: 27px !important;
  text-align: center !important;
}

/*.p-suministros {
  /*font-family: 'Saira Condensed', sans-serif;*
  color: #1c323f !important;
  /*text-align: justify !important;
  font-weight: 400 !important;
  font-size: 25px !important;
  padding-left: 40px !important;
}*/

.img-fondo {
  min-height: 220px !important;
  /*background-attachment: fixed !important;*/
}


/* ========================================================= */
/* ================== Seccion 4 ============================ */
/* ========================================================= */
.acerca-img {
  min-height: 494px !important;
}
.h2-survey {
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 400 !important;
  color: #fff !important;
  text-align: center !important;
  font-size: 60px !important;
  margin: 0px !important;
}

.p-survey {
  font-family: 'Saira Condensed', sans-serif;
  color: rgba(255,255,255,0.9) !important;
  text-align: center !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 28px !important;
}

.logo {
  /* centrado abssoluto */
  display: flex !important; 
  align-items: center !important;
  justify-content: center !important;
  
 /* height: 100px !important;
  width: 220px !important;*/
  /*background-attachment: fixed !important;*/
}

/* ========================================================= */
/* ================== Seccion 5 ============================ */
/* ========================================================= */

.h2-enfoque {
  /*font-family: 'Saira Condensed', sans-serif !important;*/
  font-weight: 400 !important;
  color: #fff !important;
  text-align: center !important;
  font-size: 60px !important;
  margin: 0px !important;
}

.p-enfoque {
  /*font-family: 'Saira Condensed', sans-serif;*/
  font-weight: 400 !important;
  color: #fff !important;
  text-align: center !important;
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 2px !important;
  word-spacing: 2px !important;
}

.img-seccion5 {
  min-height: 475px !important;
  /*background-attachment: fixed !important;*/
}


/* ========================================================= */
/* ================== Seccion 6 ============================ */
/* ========================================================= */

.h2-titulos {
  /*font-family: 'Saira Condensed', sans-serif !important;*/
  font-weight: 600 !important;
  color: #b7000c !important;
  /*padding-left: 40px !important;*/
  font-size: 20px !important;
 /* text-align: center !important;*/
  /*min-height: 20px !important;*/
  
 /*line-height: 25px !important;*/
}

.h2-titulo-informacion-contacto {
  font-weight: 600 !important;
  color: #9e080f !important;
  font-size: 40px !important;
  text-align: center !important;
  /*padding-left: 40px !important;*/
}

.p-titulo-informacion-contacto {
  font-weight: 400 !important;
  color: #1c323f !important;
  font-size: 15px !important;
  padding-left: 40px !important;
  line-height: 15px !important;
  margin-bottom: 50px !important;
}

.iconos {
  color: #1c323f !important;
}

.iconos-contacto {
  list-style-type: none !important;
  background-color: #f7f5f5 !important;
  padding: 5px 20px 10px  20px !important;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;


}


.iconos-contacto-msg {
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  list-style-type: none !important;
  background-color: #f7f5f5 !important;
  color: #656565 !important;
  padding: 5px 20px 10px  20px !important;
  border-radius:  2px !important;
  -webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
text-align: center !important;
margin-top: 30px !important;



}


.iconos-contacto li {
  margin-bottom: 10px !important;
  font-family: 'Saira Condensed', sans-serif !important;
}

.iconos-contacto span {
  color: #002e5e !important; 
  font-size: 25px !important;
  padding-left: 5px !important;
}


.p-titulo-icono {
  font-weight: 400 !important;
  color: #808080 !important;
  font-size: 20px !important;
  line-height:0px !important;
  list-style: none !important;
  font-family: 'Saira Condensed', sans-serif !important;

}

.contacto-sangria {
  margin-left: 35px !important;
  font-weight: 400 !important;
  color: #808080 !important;
  font-size: 20px !important;
  line-height: 30px !important;
  list-style: none !important;
  font-family: 'Saira Condensed', sans-serif !important;
  margin-top: -15px !important;
}

 
.p-descripcion {
  font-weight: 400px !important;
  font-size: 18px !important;
  color: #2f3030 !important;
  text-align: center !important;
  line-height: 22px !important;
  font-style: oblique !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.p-director {
  font-weight: 400px !important;
  font-size: 18px !important;
  color: #2f3030 !important;
  text-align: center !important;
  line-height: 22px !important;
  font-style: oblique !important;
  text-align: right !important;
}

/* ========================================================= */
/* ================== Seccion 7 ============================ */
/* ========================================================= */

.footer p {
  /*font-family: 'Saira Condensed', sans-serif !important;*/
  font-weight: 400 !important;
  color: #fff !important;
  font-size: 15px !important;
  text-align: center !important;
  letter-spacing: 2px !important;
  /*margin-top: 15px !important;*/
  line-height: 15px !important;
}

.footer a {
  /*font-family: 'Saira Condensed', sans-serif !important;*/
  font-weight: 400 !important;
  color: rgba(255,255,255,0.9) !important;
  font-size: 12px !important;
  text-align: center !important;
  letter-spacing: 2px !important;
  /*margin-top: 15px !important;*/
  text-decoration: none !important;
}


.footer a:hover {
  text-decoration: none !important;
}



/*************************LISTAS**************************/

/*==================  Marked List  ======================*/
/*
\f046 check con cajita
\f192 circulito
\f00c check
\f18e circulo felchita
\f140 3 circulos y centro
*/
/*Lista*/
.lista {
  display: inline-block !important;
  list-style-image: url('liitem.png') !important;
  margin-top: 0px !important;
  padding-left: 40px !important;
}
.lista li {
  text-align: justify !important;
  position: relative !important;
  padding-left: 5px !important; 
  font-family: 'Saira Condensed', Sans-serif !important;
  font-weight: 400 !important;
  color: #828282 !important;
  font-size: 20px !important;
  line-height: 28px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  
  
}

 
 
.lista li + li {
  margin-top: 17px
}
.lista a:hover {
  color: #00387b
}
.lista li {
  font-size: 14px
}
.lista li:before {
  font-size: 12px
}
/*fin marked lista 2*/



/*marked list2 */
.marked-list {
  display: inline-block;
  list-style: none;
  margin-top: 20px
}
.marked-list li {
  text-align: left;
  position: relative;
  padding-left: 30px;
  font-family: 'Saira Condensed', Sans-serif;
  font-weight: 300;
  color: #333;
  font-size: 17px;
  text-align: left;
  line-height: 15px
}
.marked-list li:before {
  content: '\f046' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  font-weight: 300 !important;
  font-size: 22px !important;
  font-family: 'FontAwesome' !important;
  color: #ef4023  !important;
  margin-top: 10px !important;
}
.marked-list li + li {
  margin-top: 17px
}
.marked-list a:hover {
  color: #ef4023
}

.marked-list-top-0 li:before {
  margin-top: 0px !important;
}
/*fin marked lista 2*/



/*marked list2 */
.marked-list2 {
  display: inline-block;
  list-style: none;
  margin-top: 20px
}
.marked-list2 li {
  text-align: left;
  position: relative;
  padding-left: 22px;
  font-family: 'Saira Condensed', Sans-serif;
  font-weight: 300;
  color: #333;
  font-size: 17px;
  text-align: left;
  line-height: 10px
}
.marked-list2 li:before {
  content: '\f192' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  font-weight: 300 !important;
  font-size: 22px !important;
  font-family: 'FontAwesome' !important;
  color: #ef4023  !important;
}
.marked-list2 li + li {
  margin-top: 17px
}
.marked-list2 a:hover {
  color: #ef4023
}
.marked-list2_mod li {
  font-size: 14px
}
.marked-list2_mod li:before {
  font-size: 12px
}
/*fin marked lista 2*/




/*lista*/

/*==================  Marked List  ======================*/
.lista-list {
  display: inline-block;
    list-style: none;
    margin-top: 20px;
    margin-left: 0px;
}

.lista-list li {
  text-align: left;
  position: relative;
  padding-left: 30px;
  
 
 font-family: 'Saira Condensed', Sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #1d1919;
    line-height: 35px;
    

  
}


.lista-list li:before {
  content: "\f046";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 400;
  font-size: 25px;
  font-family: 'Saira Condensed', Sans-serif;
  color: #990000;
}
.lista-list li + li {
  margin-top: 17px;
}
.lista-list a:hover {
  color: #990000;
}
.lista-list_mod li {
  font-size: 14px;
}
.lista-list_mod li:before {
  font-size: 12px;
}

.lista-list-blanco > li {
   color: #FFFFFF !important;
}
.lista-list-blanco > li:before {
   color: #FFFFFF !important;
}


/*lista fin*/


.logo {
 	/*position: absolute;*/
 	z-index: 999;
 	/*padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;*/
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;

}


/***************************************************************/
/*********************FORMULARIOS*******************************/
/***************************************************************/

.gform_wrapper {
  margin-top: 15px !important;
  padding-top: 0px !important;
}

/*Cabecera*/
.gform_heading {
  background-color: #ffffff !important;
  margin: 0px !important;
  margin-top: 0px !important;
  padding-top: 0px !important;
}
/*Mensaje dentro de la cabecera*/
.gform_description {
  color: #ffffff !important;
  font-size: 25px !important;
  text-align: center !important;
  padding-top: 0px !important;
}

/*Pie donde esta el boton*/
.gform_footer {
  background-color:  #ffffff  !important;
  padding: 0px 0px 20px 0px !important;
  margin: 0px !important;
}

/*Cuerpo del formulario*/
.gform_body {
  background-color:  #ffffff  !important;
  padding: 0px 0px 10px 0px !important;
  margin: 0px !important;
}

.gform_wrapper form {
  margin-bottom: 0; 
  margin-top: 0px !important;
  padding-top: 0px !important;
}

#gform_1 h3 {
  font-family: 'Saira Condensed', Sans-serif !important;
  
  /*font-weight: 300 !important;
  font-size: 17px !important;
  color: #656565 !important;
*/
  font-weight: 400;
  font-size: 30px;
  color: #333333;
  line-height: 32px;
  letter-spacing: 0px;
  text-align: left !important;
  margin: 0px !important;
  padding: 20px 30px 0px 30px !important;
  
}
 /*
.gform_wrapper label.gfield_label {
  
      font-weight: 700;
      font-size: inherit;
       
      width: 10% !important;
  
  }
  

  .gform_wrapper .left_label div.ginput_complex, .gform_wrapper .right_label div.ginput_complex {
      width: 70%;
      margin-left: 10% !important;
  }
  */

/*Lista de campos*/
 .gform_wrapper ul {
	padding-left: 0;
  list-style: none;
  margin-top: 0px !important;
  padding-top: 0px !important;
}
   
/*Cada Campo Separación entre campos*/
  .gform_wrapper li {
  margin-bottom: 0px !important; 
  margin-top: 0px !important;
  line-height: 25px;
}
 

	/*color del asteristo campo requerido*/
  .gform_wrapper .gfield_required {
	padding-left: 1px;
  color: #fd9897;
  display: none !important;
  visibility: hidden !important;
}
   

/*Propiedades de las cajas de los cmapos*/
	div.gform_wrapper input[type=text],
  div.gform_wrapper select,
  div.gform_wrapper textarea {
    /*
	  box-sizing: border-box;
	  font-size: 14px !important;
		  height: 40px;
    padding: 4px 5px !important;
    */
    font-family: 'Saira Condensed', Sans-serif !important;
    -webkit-transition: border linear .2s,box-shadow linear .2s  !important;
    -moz-transition: border linear .2s,box-shadow linear .2s  !important;
    -o-transition: border linear .2s,box-shadow linear .2s  !important;
    transition: border linear .2s,box-shadow linear .2s  !important;
    -webkit-border-radius: 2px  !important;
    -moz-border-radius: 2px  !important;
    border-radius: 2px  !important;
    vertical-align: middle  !important;
 
    color: #808080 !important;
    padding: 10px 10px  !important;
    font-weight: 400  !important;
    background-color: #efeded !important; 
    text-transform: inherit  !important;
    border: 0px solid #808080   !important;
    border-bottom: 1px solid #d6d6d6 !important ;
    font-size: 20px !important;
    outline: none !important;
    line-height: inherit !important;
    margin-right: 20px !important;
   
    padding-top: 0px !important;
    padding-bottom: 0px !important;
 
  }
/*Propiedades de las cajas de los cmapos se coloca la altura sola por el text area*/
div.gform_wrapper input[type=text],
div.gform_wrapper select {
  height: 50px !important;
}

  div.gform_wrapper textarea {
    max-height: 100px !important;
  
 }

 

  .fecha input {
    width: 90% !important;
  }

  
.gfield_time_hour {
  padding: 0px !important;
  width: 50px !important;
}

.gfield_time_ampm {
  padding: 0px !important;
  width: 50px !important;
}

  
  div.gform_footer input.button {
	  color: #333;
  }
  
  div.gform_wrapper .ginput_complex label {
	  font-size: 14px;
  }
  
  div.gform_wrapper li,
  div.gform_wrapper form li {
	  margin: 0 0 10px;
  }
  
  div.gform_wrapper .gform_footer {
	  border: none;
	  margin: 0;
	  padding: 0;
  }
 
  /*Contenedor DIV para cada control*/
  .ginput_container
 {
   margin-top: 0px !important;
 }
  

  /*colores para los placeholders*/
  .ginput_container input:-moz-placeholder, .ginput_container select:-moz-placeholder, .ginput_container textarea:-moz-placeholder {
  color: #808080    !important; 
    font-family: 'Saira Condensed', Sans-serif !important;
  font-size: 20px !important;

}
   
  .ginput_container input::-moz-placeholder, .ginput_container select::-moz-placeholder, .ginput_container textarea::-moz-placeholder {
   
  font-family: 'Saira Condensed', Sans-serif !important;
  font-size: 20px !important;
  color: #808080  !important; 
 font-weight: 400 !important;
}
   
  .ginput_container input:-ms-input-placeholder, .ginput_container select:-ms-input-placeholder, .ginput_container textarea:-ms-input-placeholder {
  color: #808080  !important; 

  font-family: 'Saira Condensed', Sans-serif !important;
  font-size: 20px !important;
}
   
  .ginput_container input::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder {
  color: #808080  !important; 

  font-family: 'Saira Condensed', Sans-serif !important;
  font-size: 20px !important;
}
   


 /*colores para los focus*/
  .ginput_container input[type=text]:focus, .ginput_container select:focus, .ginput_container textarea:focus {
	 /*
  border-color: #F9FBE8;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); */
  /*background-color: #FEFFE8 !important;*/
  
  border-bottom: 2px solid #6b2327 !important ;
  outline: none !important;
}
  /**/
/*
  .gform_wrapper .gform_body input:focus {

  }
  */

   
  .ginput_container input[disabled], .ginput_container select[disabled], .ginput_container textarea[disabled], .ginput_container input[readonly], .ginput_container select[readonly], .ginput_container textarea[readonly], fieldset[disabled] .ginput_container input, fieldset[disabled] .ginput_container select, fieldset[disabled] .ginput_container textarea {
	cursor: not-allowed;
	background-color: rgb(83, 72, 72); }
   
  textarea.ginput_container input, textarea.ginput_container select, textarea.ginput_container textarea {
	height: auto;
  width: 50px !important; }
   
  .ginput_container textarea {
	height: auto; }
   


	/****BOTON ENVIAR****/
  .gform_button {
      background-color: #9a0b0d !important;
      color: #ffffff !important;
      font-family: 'Saira Condensed', Sans-serif !important;
      font-weight: 400 !important;
      font-size: 16px !important;
      line-height: 20px !important;
      word-spacing: 0px !important;
      border-radius: 0px !important;
      -moz-border-radius: 2px 2px 2px 2px !important;
      -webkit-border-radius: 2px 2px 2px 2px !important;
      border: 0px solid #3474bc !important;
      padding: 12px 10px 12px 10px;  
      letter-spacing: 3px !important;
      margin-top: 15px !important;
      width: 120px !important;
      text-transform: uppercase !important;
      
  }

   /*Boton hover */
   .gform_button:hover, .gform_button:focus, .gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button {
    color: #fff !important;
    background-color: #153142 !important;
    border-color: #153142 !important; 
    cursor: pointer !important;
  }
    
  
  /*Focus del boton*/  
  .gform_button:focus {
    outline: thin dotted  #417fc7  !important; ;
    outline: 5px auto -webkit-focus-ring-color  !important; ;
    outline-offset: -2px  !important; 
  }

 
  /*Nose el uso
  .gform_button:active, .gform_button.active {
    outline: 0  !important; ;
    background-image: none  !important; ;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)  !important; ;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)  !important;  
  }
  
  .gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button {
    background-image: none !important; 
    border-color: #417fc7 !important; 
  }
  */   
     
   
  /*Bonton desactivo solo lo use si se desactiva el boton*/
  .gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button {
    cursor: not-allowed  !important; 
    pointer-events: none !important; 
    opacity: .65 !important; 
    filter: alpha(opacity=65) !important;
    -webkit-box-shadow: none !important; 
    box-shadow: none  !important;  
  }
   
	 /*Boton desactivo hover solo se  usa si se desactiva el boton*/
  .gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button, .gform_button.disabled:hover, .gform_button[disabled]:hover, fieldset[disabled] .gform_button:hover, .gform_button.disabled:focus, .gform_button[disabled]:focus, fieldset[disabled] .gform_button:focus, .gform_button.disabled:active, .gform_button[disabled]:active, fieldset[disabled] .gform_button:active, .gform_button.disabled.active, .gform_button[disabled].active, fieldset[disabled] .gform_button.active {
    background-color: #959697 !important;
    border-color: #303131 !important; 
  }


  /****FIN BOTON ENVIAR****/
  /************************/


	/*Forma errores*/

    /*color del mensaje de error los textos de error y validación*/
	.gform_wrapper .validation_message {
		color: rgb(138, 31, 40) !important;
		letter-spacing: normal;
    margin-top: 5px !important;
    font-size: 14px !important;
    font-family: 'Saira Condensed', Sans-serif !important;
    font-weight: 400 !important;
    margin-top: 0px !important;
	}

	/*altura del mensaje de error*/
	.gform_wrapper .field_description_below .gfield_description {
		padding-top: 0px !important;
	}

	/*colocar cuando hay error para los campos obligatorios*/
  .gform_wrapper .gfield_error .gfield_label {
	color: #000000 !important; 
}
	/*color de relleno de las cajas de texto, combo y text area */
  .gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea {
	

}
	
   
  .gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus {
  /*
    border-color: #b94a48 !important;
  outline: 0;
  
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px rgba(252, 255, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px rgba(252, 255, 236, 0.6);
*/
}
   


/*resumen de error*/	
  .validation_error {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #D4C20E !important;
	border-color: #050566 !important;
  color: #48B94A !important;
    display: none !important;
    visibility: hidden !important;
}
   
  .validation_error h4 {
	margin-top: 0;
	color: inherit; }
   
  .validation_error .alert-link {
	font-weight: bold; }
   
  .validation_error>p, .validation_error>ul {
	margin-bottom: 0; }
   
  .validation_error>p+p {
	margin-top: 5px; }
   
  .validation_error hr {
	border-top-color: #e6c1c7; }
   
  .validation_error .alert-link {
	color: #953b39; }

 /*fondo cuando hay error*/
	.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
		/*background-color: rgba(255,223,224,.25);*/
		background-color: #ffffff !important;
		margin-bottom: 0px !important;
		/*
		border-top: 1px solid #C89797;
		border-bottom: 1px solid #C89797;
		*/
		border: 0px !important;
		padding-bottom: 0px !important;
		padding-top: 0px !important;
    box-sizing: border-box;
    margin-top: 0px !important;
  }
  
  .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio {
    color: #D35B5B  !important;
  }


      /*Etiquetas subcampocolor*/
  .gfield_label_sub {
    color: #ff0000 !important;
    margin-bottom: -10px;
    padding-bottom: -10px;
  }


/*Etiquetas*/
.gfield_label {
  font-family: 'Saira Condensed', Sans-serif !important;
  font-size: 16px !important;
  color: #333333 !important;
  line-height: 20px !important;
  text-align: left !important;
}

.gfield_time_minute label {
  font-family: 'Saira Condensed', Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #333333 !important;
  line-height: 20px !important;
  text-align: left !important;
}

.gfield_time_hour label {
  font-family: 'Saira Condensed', Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #333333 !important;
  line-height: 20px !important;
  text-align: left !important;
}



	/*fin forma error*/
   
  #gforms_confirmation_message {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px; }
   
  #gforms_confirmation_message h4 {
	margin-top: 0;
	color: inherit; }
   
  #gforms_confirmation_message .alert-link {
	font-weight: bold; }
   
  #gforms_confirmation_message>p, #gforms_confirmation_message>ul {
	margin-bottom: 0; }
   
  #gforms_confirmation_message>p+p {
	margin-top: 5px; }
   
  .gallery-row {
	padding: 15px 0; }
   
  .aligncenter {
	display: block;
	margin: 0 auto; }
   
  .alignleft {
	float: left; }
   
  .alignright {
	float: right; }
   
  figure.alignnone {
	margin-left: 0;
	margin-right: 0; }



   
  .notificacion-div {
    border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important ;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    border: 0px none #333;
    background-color: #e0e0e0 !important;
    padding: 15px !important;
    text-align: center !important;
    margin-top: 50px !important;
  }
  
  
  .notificacion-p {
   font-family: 'Saira Condensed', Sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    color: #333333 !important;
    text-align: center !important;
  }



  /*
Clases para colocar los campos en dos columnas:

gf_left_half: para el campo que quieras colocar a la izquierda
gf_right_half: para el campo de la derecha
Estas clases deben añadirse en el campo Clase CSS Personalizada de las propiedades del campo:

En el caso de 3 columnas, las clases a asignar serían:

gf_left_third
gf_middle_third
gf_right_third

<script>$(".gform_footer").after(".validation_error");</script>
  */

/*CAMBIAR IMAGEN DEL SPINER del procesando
  https://DOMINIO/wp-content/plugins/gravityforms/images/spinner.gif
  
  se puede utilizar para generar el gif
  http://ajaxload.info/
*/

/***************************************************************/
/*********************FORMULARIOS*******************************/
/***************************************************************/





/*
.center-texto {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
*/



.altura-minima-cabecera {
  min-height: 300px !important;
  background-position: left center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/*
.homebannertext {
  font-family: 'roboto', sans-serif !important;
  font-weight: 500 !important;
  font-size: 40px !important;
  color: #ffffff !important;
  line-height: 60px !important;
  letter-spacing: 0px !important;
  margin-left: 5% !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);

}

.homebannertext {
  font-family: 'roboto', sans-serif !important;
  font-weight: 500 !important;
  font-size: 35px !important;
  color: #ffffff !important;
  line-height: 60px !important;
  letter-spacing: 0px !important;
  margin-left: 5% !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);

}


*/


 


.pie {
  color: #e7e7e7 !important;
  font-family: 'Saira Condensed', Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 10px !important;
  max-height: 30px !important;
  text-align: center !important;
  margin-left: 5px !important;
}


.pie2  {
  color: #e7e7e7 !important;
  font-family: 'Saira Condensed', Sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 10px !important;
  text-align: center !important;
  margin-left: 5px !important;
}


.pie2 a {
  color: #e7e7e7 !important;
  font-family: 'Saira Condensed', Sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  text-align: center !important;
}

.pie2 a:hover {
  text-decoration: underline !important;
  cursor: pointer;
}
 

.h1oculto {
  visibility: hidden !important;
  
}

 
 

/*

.img-interna {
   min-height: 475px !important;
}

.img-interna2 {
  min-height: 475px !important;
  background-attachment: fixed !important;
}




.img-marco {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px none #000000;
  background-color: #cccccc !important;
}








.img-alturaminimahomeimg2 {
  min-height: 522px !important;
  z-index: 9999 !important;
  background-attachment: fixed; 
}



 

.img-marco2 {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px none #000000;
  background-color: #FFFFFF !important;
  padding: 15px !important;
  margin-top:  50px !important;
}


.img-marco22 {
 font-family: 'roboto', sans-serif !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  color: #333333 !important;
}
 


.menualtura {
  min-height: 200px !important;

}

  */




  /***************************************************/
  /****************ELECTRO DRIVE**********************/
  /***************************************************/


.centrar-bloque div {
  
  display:  flex !important;
  align-items: center !important;
  justify-content:  center !important;
}

#ubermenu-nav-main-2-menuprincipal .ubermenu-item > a {
  padding: 15px 12px 15px 10px  !important;
}

#ubermenu-nav-main-2-menuprincipal .ubermenu-item > a:hover {
  
  
  
}

.top-bar {
  background-color: #313131;
  background-repeat: no-repeat;
  height: 47px
}



.bartext {
  color: #f2f3e8;
}
 

.altura-marcas {
  min-height: 125px !important;
}

.altura-certificaciones {
  /*min-height: 360px !important;*/
  background-position: left 100% top 100% !important;

}

.altura-certificaciones p {
  font-family: 'Saira Condensed', Sans-serif !important;
  font-weight: 300 !important;
 font-size: 40px !important;
  color: #fff !important;
  line-height: 50px !important;
  text-align: center !important;
  

}


/*img certificaciones*/


.contenedor-certificacion-abb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  background: url('https://www.electrodrives.com.ve/wp-content/uploads/certificaciones-abb2.jpg');
  
   overflow: hidden !important; 
  
   height: 360px !important;
   background-position: center center !important;
}

@media screen and (max-width:526px) {
  .contenedor-certificacion-abb {
    width: 290px !important;
  }
}
/*@media screen and (max-width:1024px) and (min-width:640px) {

}*/
@media screen and (min-width:527px) {
/* reglas CSS */
.contenedor-certificacion-abb {
  width: 500px !important;
}
}



.contenedor-certificacion-abb h4 {
  color: #fff !important;
  font-size: 22px !important;
  margin: 0px !important;
  padding: 0px !important;
}





.contenedor-certificacion-abb a, .contenedor-certificacion-abb a:visited, .contenedor-certificacion-abb a:active, .contenedor-certificacion-abb a:link {
  color: #fff !important;
  font-size: 18px !important;
  margin: 0px !important;
  padding: 0px !important;
}

.contenedor-certificacion-abb a:hover {
  text-decoration: underline !important;
}



 
.contenedor-certificacion-abb div {
  width: 100%  !important;
  height: 100% !important;
  
  text-align: center !important;
  background-color: rgb(0,0,0,.8) !important;
  color: #fff !important;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
 
  position: relative !important;
  top: -100% !important;
  
  transition: all 1s  !important;
  flex-direction: column !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
    padding: 10px 15px 10px 15px !important;
}



.contenedor-certificacion-abb div p {
  
  
  text-align: center !important;
   
  color: #fff !important;
   
 
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding:   0px !important;
  margin: 0px !important
}


.contenedor-certificacion-abb:hover div {
  top: 0 !important;



}
 


.contenedor-certificacion-siemens {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: url('https://www.electrodrives.com.ve/wp-content/uploads/certificaciones-siemens2.jpg');
  
   overflow: hidden !important; 
  
   height: 360px !important;
   background-position: center center !important;
}

@media screen and (max-width:526px) {
  .contenedor-certificacion-siemens {
    width: 290px !important;
  }
}
/*@media screen and (max-width:1024px) and (min-width:640px) {

}*/
@media screen and (min-width:527px) {
/* reglas CSS */
.contenedor-certificacion-siemens {
  width: 500px !important;
}
}



.contenedor-certificacion-siemens h4 {
  color: #fff !important;
  font-size: 22px !important;
  margin: 0px !important;
  padding: 0px !important;
}





.contenedor-certificacion-siemens a, .contenedor-certificacion-siemens a:visited, .contenedor-certificacion-siemens a:active, .contenedor-certificacion-siemens a:link {
  color: #fff !important;
  font-size: 18px !important;
  margin: 0px !important;
  padding: 0px !important;
}

.contenedor-certificacion-siemens a:hover {
  text-decoration: underline !important;
}



 
.contenedor-certificacion-siemens div {
  width: 100%  !important;
  height: 100% !important;
  
  text-align: center !important;
  background-color: rgb(0,0,0,.8) !important;
  color: #fff !important;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
 
  position: relative !important;
  top: -100% !important;
  
  transition: all 1s  !important;
  flex-direction: column !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
    padding: 10px 15px 10px 15px !important;
}



.contenedor-certificacion-siemens div p {
  
  
  text-align: center !important;
   
  color: #fff !important;
   
 
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding:   0px !important;
  margin: 0px !important
}


.contenedor-certificacion-siemens:hover div {
  top: 0 !important;



}
 


.qoute_box2 {
  overflow: hidden
}
.qoute_box2 .qoute {
  width: 45px;
  background: #e63333;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 9px;
  margin-right: 28px;
  font: 300 35px/35px 'Saira Condensed', Sans-serif;
  color: #fff;
  float: left;
  margin-top: 11px !important;
  -webkit-border-radius: 3px  !important;
  -moz-border-radius: 3px  !important;
  border-radius: 3px  !important;
}
.qoute_box2 .qoute_content {
  overflow: hidden;
  padding-top: 0
}




.text-servicios {
  font-family: 'Saira Condensed', Sans-serif !important;
  font-weight: 300 !important;
  color: #FFFFFF !important;
  font-size:35px !important;
 text-align: center !important;
 padding: 10px 0px 20px 10px !important;
 line-height: 40px !important;
}



.boton-accion2, .boton-accion2:visited, .boton-accion2:active, .boton-accion2:link {
  color: #fff !important;
  font-family: 'Saira Condensed', Sans-serif;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 20px !important;
  word-spacing: 0px !important;
  border-radius: 3px 3px 3px 3px !important;
  -moz-border-radius: 3px 3px 3px 3px !important;
  -webkit-border-radius: 3px 3px 3px 3px !important;
  border: 1px solid #ffffff !important;
  padding: 10px 15px !important;
  letter-spacing: 2px !important;
  cursor: pointer !important;
  background-color: transparent !important;
  text-decoration: none !important;
  margin-bottom: 10px !important;
}

.boton-accion2:hover {
 /*background-color: #9db241 !important;*/
 text-decoration: none !important;
    text-decoration: none !important;
    color: rgb(170, 29, 37)  !important;
 background-color: rgba(255,255,255,1) !important;
 transition: cubic-bezier(0.075, 0.82, 0.165, 1)  !important;

}





.boton-accion a, .boton-accion a:visited, .boton-accion a:active, .boton-accion a:link {
 


  color: #fff !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 20px !important;
  word-spacing: 0px !important;
  border-radius: 2px 2px 2px 2px !important;
  -moz-border-radius: 2px 2px 2px 2px !important;
  -webkit-border-radius: 2px 2px 2px 2px !important;
  border: 0px solid #3474bc !important;
  padding: 15px 15px !important;
  letter-spacing: 2px !important;
  cursor: pointer !important;
  background-color: #1b62b3 !important;
  text-decoration: none !important;
  margin-bottom: 10px !important;
}

.boton-accion a:hover {
 /*background-color: #9db241 !important;*/
 text-decoration: none !important;
    text-decoration: none !important;
    
 background-color: #417fc7 !important;
 transition: cubic-bezier(0.075, 0.82, 0.165, 1)  !important;

}


.services-texto-h2 h2 {
  color: #ffffff !important;
}


.ocultarh1 {
  visibility: hidden !important;
  display: none !important;
}


.contenedor{
  position: relative;
  display: inline-block;
  text-align: center;
  width: 100% !important;
}

.contenedor-img {
  max-width: 100% !important;
  height: auto !important;
  margin-bottom: -4px !important;

}

.texto-encima{
  position: absolute;
  top: 10px;
  left: 10px;
}
.centrado{

  position: absolute;
  /*
  top: 50%;
  left: 50%;
  */ 
  width: 100% !important;
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #9e080f !important;
  color: #FFFFFF !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 20px !important;
  text-transform: uppercase !important;
  /*padding: 0px 12px 0px 12px !important;*/
  letter-spacing: 2px !important;
margin-top: -22px !important;
}

p:empty {
  display: none !important;
}

.p-contenido-servicios {
  color: #c6c7c7 !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 28px !important;
  text-align: center !important;

}