/*FUENTES*/
@font-face{
  font-family: yanoneR;
  src:url(../../assets/fuentes/yanone/YanoneKaffeesatz-Regular.ttf);
}
@font-face{
  font-family: yanoneL;
  src:url(../../assets/fuentes/yanone/YanoneKaffeesatz-Light.ttf);
}
@font-face{
  font-family: robotoR;
  src:url(../../assets/fuentes/roboto/Roboto-Regular.ttf);
}


@font-face{
  font-family: oxygenR;
  src:url(../../assets/fuentes/oxygen/Oxygen-Regular.ttf);
}

@font-face{
  font-family: openL;
  src:url(../../assets/fuentes/opensans/OpenSans-Light.ttf);
}
@font-face{
  font-family: openR;
  src:url(../../assets/fuentes/opensans/OpenSans-Regular.ttf);
}
@font-face{
  font-family: latoB;
  src:url(../../assets/fuentes/lato/Lato-Black.ttf);
}
@font-face{
  font-family: latoR;
  src:url(../../assets/fuentes/lato/Lato-Regular.ttf);
}
@font-face{
  font-family: latoL;
  src:url(../../assets/fuentes/lato/Lato-Light.ttf);
}
@font-face{
  font-family: montserratL;
  src:url(../../assets/fuentes/montserrat/Montserrat-Light.ttf);
}
@font-face{
  font-family: yanoneL;
  src:url(../../assets/fuentes/yanone/YanoneKaffeesatz-Light.ttf);
}




@font-face{
  font-family: DosisL;
  src:url(../../assets/fuentes/Dosis/Dosis-Light.ttf);
}
@font-face{
  font-family: Julius;
  src:url(../../assets/fuentes/Julius/JuliusSansOne-Regular.ttf);
}
@font-face{
  font-family: BarlowsemicondensedL;
  src:url(../../assets/fuentes/Barlowsemicondensed/BarlowSemiCondensed-Light.ttf);
}

@font-face{
  font-family: Oswald;
  src:url(../../assets/fuentes/Oswald/Oswald-Regular.ttf);
}

@font-face{
  font-family: OswaldL;
  src:url(../../assets/fuentes/Oswald/Oswald-Light.ttf);
}
@font-face{
  font-family: Quicksand;
  src:url(../../assets/fuentes/Quicksand/Quicksand-Regular.ttf);
}




@font-face{
  font-family: ProximaL;
  src:url(../../assets/fuentes/proximanova/ProximaNovaAltLight.otf);
}
@font-face{
  font-family: ProximaR;
  src:url(../../assets/fuentes/proximanova/ProximaNovaAltRegular.otf);
}
@font-face{
  font-family: ProximaB;
  src:url(../../assets/fuentes/proximanova/ProximaNovaBold_0.otf);
}
/*FUENTES*/

.transparent {
  /* Required for IE 5, 6, 7 */
  /* ...or something to trigger hasLayout, like zoom: 1; */
  width: 100%; 
    
  /* Theoretically for IE 8 & 9 (more valid) */ 
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=50);
  
  /* Older than Firefox 0.9 */
  -moz-opacity:0.5;
  
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 0.5;
    
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0.5;
}


/*DISEÑO SCROLLBAR*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

::-webkit-scrollbar
{   
    
    width: 5px;
    background-color: #F5F5F5;
}


/*diseño scrollbar*/
::-webkit-scrollbar-thumb
{
    border-radius: 0px;
    background-color: #FFF;
    background-image: -webkit-linear-gradient(top, #e51928 0%, #e51928 50%, #e51928 51%, #e51928 100%);
}

/*fondo scrollbar*/
::-webkit-scrollbar-track-piece  { 
    background-color: white;
}

/*DISEÑO SCROLLBAR*/
/*TEXTOS GENERALES*/
body{
  overflow-x: hidden;
}
a{

}
h1, h2, h3, h4{
  font-family: 'OswaldL';
}
p{
  font-size: 15px;
 font-family: 'ProximaL', sans-serif;
}
.fontsize{
  font-size: 20px;
}

.pt{
  padding-top: 2em;
}
.mb{
  margin-bottom: 3em;
}
/*TEXTOS GENERALES*/

/*NAVEGACION*/
.nav a{
 font-family: 'Oswald';
    font-size: 13px !important;
    letter-spacing: 2px;

}

.navbar-container {
    padding: 20px 0 20px 0;
}
.navbar-fixed-top {    
    background: #131313e8;
    top: 0;
    border-width: 0 0 1px;
    height: 70px;
    border-bottom: 0px !important;
}
.navbar.navbar-fixed-top.fixed-theme {
    background-color: #000;
    border-color: #080808;
    box-shadow: 0 0 5px rgba(0,0,0,.8);
}

.navbar-brand.fixed-theme {
    font-size: 18px;
}

.navbar-container.fixed-theme {
    padding: 0;
    height: 75px;

}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 365px;

    
}
.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container{
    transition: 0.8s;
    -webkit-transition:  0.8s;
}
.nav>li>a:focus, .nav>li>a:hover {
    color: #E51928 !important;
    text-decoration: none;
    background-color: transparent;
    

}

.active{
      color: #E51928 !important;

}
.nav a{
    color: #eaeaea;
    font-size: 14px;
  text-transform: uppercase;
}
.logoindex{
  width: 9%;

  margin-top: -19px;



}

.logomovil{

}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 40px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid white;
    border-radius: 4px;
}
.navbar-toggle .icon-bar {
    background: white;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
/*
@media (min-width: 768px) {
  .navbar-nav {
    margin-top: 5px;
    width: 100%;
    text-align: center;
  }
  .navbar-nav > li {
    float: none;
    display: inline-block;
  }
  .navbar-nav > li.navbar-right {
    float: right !important;
  }
}

*/
@media (min-width: 768px){
  .navbar-nav {
      float: left;
      margin: 0;
          margin-top: 4px;
  }
}




ul.final li a:after { 
  border-bottom:2px solid #E51928; 
  transform:scale(0,1);
}
ul.final li a:before, ul.final li a:after { 
  content:""; 
  position:absolute; 
  top:0; 
  right:0; 
  bottom:0; 
  left:0; 
  transition:opacity 0.35s ease, transform 0.35s ease;
}
ul.final li a:hover:before, ul.final li a:hover:after { 
  opacity:2; 
  transform:scale(0.8);
}
#toTop{
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  background-color: #E51928;
  display: none;
  border-color: #8A9395;
}
.continicio{
  height: auto;


}

.cont-infoinicio{
  width: 100%;
}
.col1inicio{
 
  height: 100%;
  display: flex;
  align-items: center;
  padding-top: 3em;
  padding-bottom: 3em;
  
}
.responsive-iconos .slick-slide{
  padding: 40px;
}

.col2inicio {
  height: 80vh;
  background: url(../img/fondosecciones1.jpg) center right no-repeat;
  background-size: auto auto;
      -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
}
.col1inicio h1{
  letter-spacing: 4px;
  color: white;
  padding-top: 2em;
  margin-bottom: 1em;
  font-family: 'latoB';
  font-size: 5rem;
  text-transform: uppercase;
  text-shadow: 2px 2px 10px black;
}
.col1inicio h2{
  color: white;
  text-align: center;
  margin-top: 2em;
  text-shadow: 2px 2px 10px black;
}
.contenedorinicio2{
      background: url(../img/fondo5.jpg) center right no-repeat fixed;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}


.rowdesde{
    height: auto;
    color: white;
    padding-top: 3em;
    padding-bottom: 3em;

}

.desde{

    text-shadow: 2px 2px 4px black;
    font-size: 5.5rem;
    font-family: 'yanoneR';
}
.collogoindex{
  margin-top: 25px;
}
.logoindex{
 
  width: 12%;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 13px;
}
.containerinicio1{
  height: auto;
  background-color: #e51928;
}
/*INCIO*/
.logoinicio{
	width: 10%;

}

.parrafoinicio{
    color: white;
    font-size: 15px;
    text-align: center;
}


.hero-slide{
  position: relative;
}
.slick-hero-slide{
  margin-bottom: 0em !important;
  margin-top: 0em !important;
}
.slick-hero-slide img{
  width: 100%;
}

.box-txt-hero{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.212);
  z-index: 9;
  top: 0;
  padding-left: 10em;
  display: flex;
  align-items: center;
}
.box-txt-hero h1{
  letter-spacing: 4px;
  color: white;
  font-family: 'Oswald';
  font-size: 3.8rem;
  line-height: 4.8rem;
  text-transform: uppercase;
}
@media (max-width:1024px){
  .box-txt-hero{
 
    padding-left: 3em;
 
  }
}
@media (max-width:780px){
  .box-txt-hero{
 
    padding-left: 1em;
 
  }
  .box-txt-hero h1{
    letter-spacing: 4px;
    color: white;
    font-family: 'Oswald';
    font-size: 1.8rem;
    line-height: 2.8rem;
    text-transform: uppercase;
  }
}
.box-txt-hero a button{
  text-decoration: none;
  background-color: #E51928;
  border-radius: 20px;
  padding: 5px 20px;
  font-family: 'Oswald';
  color: white;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.24);
  font-size: 18px;
}

.seccion-energia .header-energia{
  width: 100%;
  transform: translateY(-4em);
}
.containerenergia h2{
  font-family: 'Oswald';
  color: black;
  text-align: center;
}
.containerenergia .divider{
  width: 50px;
  height: 3px;
  background-color: #E51928;
  margin: 0 auto;
}
.containerenergia .col{
  padding-top: 2em;

}
.containerenergia .col p {
  margin-bottom: 20px;
}
.item {

}
.carousel {
  padding-top: 4em;
  padding-bottom: 4em;

}
.carousel-control {
  top: 50%;

  /* border 3px, size 40px */
  border: 3px solid #fff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;

  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 25px;
  color: #fff;
  text-align: center;
  opacity: .5;
  filter: alpha(opacity=50);
}

/* cancel background image gradient */
.carousel-control.left-flat {
  right: auto;
  left: 15px;
}
/* override background image gradient */
.carousel-control.right-flat {
  right: 15px;
  left: auto;
}
/*INICIO*/
/*NAVEGACION*/






/*SECCIONES GLOBAL*/

.containerheadsections{
  height: 400px;
      background: url(../img/banner.jpg) center right no-repeat fixed;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
  }


.secciones{
  height: auto;


}
.marginbottomcol{
  margin-bottom: 40px;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.titulo2{
    font-size: 45px;
    color: #ffffff;
    text-shadow: 2px 2px 2px black;

}
.titulo2white{
  color: white;
}
.cuadro{
  position: absolute;
  background-color: #E51928;
  height: 12px;
  width: 12px;
}
.line{
  height: 2px;
  background-color: #E51928;
  width: 30%; 
}
@media (max-width: 780px){
  .containerheadsections{
    background-position: bottom center;
  }
  .titulo2{
    
    font-size: 30px;
  }
}
@media (max-width: 580px){
  .line{
    width: 100%;
  }
}



#galeria{
  height: 100vh;
}
/*SECCIONES GLOBAL*/
/**QUIENES SOMOS**/
.rowopcionesquienessomos{
    margin-top: 45px;
}

.h4parrafos{
  margin-top: 20px;
  margin-bottom: 20px;
}
.itemparrafos{
  margin-left: 20px;
}
.descripcioncaja{
  height: 70px;
  background-color: #E51928;
  padding-top: 1px;

}
.cajasquienesomos{
  height: auto;
  background-color: #797979;
}
.columnasquienesomos{
  border: 1px solid gray;
}
.btnmodales{
  text-transform: none;
    border: none;
    background-color: transparent;
    outline: none;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.btnmodales:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.204);
  z-index: 0;
  left: 0;
  background-image: url("../../assets/img/vermas.svg");
  background-size: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
}
.btnmodales:hover::before{
  transform: translateY(0%);
}

.imgquienesomosmodal{
 padding: 0;
}

.rowopcionesquienessomos h2{
  color: white;
  font-size: 22px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 0px;
  padding-bottom: 0px;
}





    .modal-footer {
          padding: 40px;
          text-align: right;
          border-top: none;
      }
      @media (min-width: 768px){
              .modal-dialogpoliticas {
                width: 800px;
                margin: 30px auto;
            }
      }
      @media (min-width: 768px){
      .modal-dialog {
			width: 42%;
    		margin-top: 6em;
        }
    }

    .close {
    float: right;
    font-size: 52px;
    font-weight: 100;
    line-height: 0;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    transition: all 0.5s ease;
    margin-top: 13px !important;
}
.titulovalores{
      margin-bottom: 0.5em;
    font-size: 4rem;
}
.titulosR{
    font-size: 4rem;
     
     
}
.col2politicas{
    height: 600px;
    background: url(../img/soldador.jpg) center right no-repeat fixed;
    background-size: auto auto;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
        background-size: 100%;;

}


.col1politicas{
  background-color: white;
  padding: 40px;
}

.col1politicas h2{
  margin-bottom: 10px;
}
.col1politicas p{
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 10px;
}





.team-member, .team-member .team-img {
    position: relative;
}
.team-member {
    overflow: hidden;
    cursor: pointer;
}
.team-member, .team-member .team-img {
    position: relative;
    border: 1px solid #adadad;
}
.team-hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border: 20px solid rgba(0, 0, 0, 0.04);
    background-color: rgba(224, 0, 0, 0.67);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.7s;
}
.team-member:hover .team-hover .desk {
    top: 35%;
}
.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {
    opacity: 1;
}
.team-hover .desk {
    position: absolute;
    top: 0%;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    padding: 0 20px;
}
.desk, .desk h4, .team-hover .s-link a {
    text-align: center;
    color: #222;
}
.team-member:hover .team-hover .s-link {
    bottom: 10%;
}
.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {
    opacity: 1;
}
.team-hover .s-link {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-transform: translateY(45%);
    -ms-transform: translateY(45%);
    transform: translateY(45%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    font-size: 35px;
}
.desk, .desk h4, .team-hover .s-link a {
    text-align: center;
    color: #fff;
}
.team-member .s-link a {
    font-family: 'DosisL', sans-serif;
    text-decoration: none;
    color: white;
    font-size: 16px; 


   
}
.s-link a i{
  font-size: 2rem;
}
.team-member p{
   font-size: 16px;
}
.mailequipo{
  letter-spacing: 1px;
}
.team-title {
    position: static;
    padding: 20px 0;
    display: inline-block;
    letter-spacing: 2px;
    width: 100%;
}
.team-title h5 {
    margin-bottom: 0px;
    display: block;
    text-transform: uppercase;
}
.team-title span {
    font-size: 12px;
    text-transform: uppercase;
    color: #d71d2a;
    letter-spacing: 1px;
}


.parrafoequipo{
  margin-bottom: 1em;
  font-size: 20px;
}




.contvalores{
   padding-bottom: 7em;

  padding-top: 5em;
  height: auto;
      background: url(../img/fondo2.jpg) center right no-repeat fixed;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.coliconovalores i{


    background: white;
    color: #d71d2a;
    font-size: 5rem;
    padding: 10px;
    border-radius: 39px;
        margin-bottom: 12px;

}

.valoresp{
    margin-bottom: 2em;
    color: white;
    font-size: 2rem;
    text-shadow: 1px 1px 1px #131313;
}


.containerejecutivos{
        background: url(../img/fondo2.jpg) center right no-repeat fixed;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-bottom: 2em;
}
/***QUIENES SOMOS****/

.divider{
      width: 40px;
  height: 3px;
  background-color: #d71d2a;
  margin-bottom: 3em;
}

/*SERVICIOS*/
.modal-title {
  font-size: 2.6rem;
  text-align: center;
}
.imgservicios{
  margin-top: 1em;
  -webkit-box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.75);
box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.75);
}
#servicios{
    padding-top: 100px;

    height: auto;
    padding-bottom: 100px;
}


.colmecanica{
  padding-top: 1em;
}

.colmecanica i {
  font-size: 3rem;
    position: absolute;
    color: #e51928;
}

.colmecanica p{
  margin-left: 3.5rem;
  font-size: 2rem;
  margin-bottom: 1em;
}

.colmaquinaria{
  padding-top: 2em;
}
.colmaquinaria i{
  font-size: 3rem;
    position: absolute;
    color: #e51928;
}

.colmaquinaria p{
  text-align: justify;
  margin-left: 3.5rem;
}


  /* carrusel servicios  */
  .carrusel-servicios{
    margin: 0.5em 0em 0.5em 0em !important;
  } 
  .carrusel-servicios .slick-next{
    right: 0px !important;
  }
  .carrusel-servicios .slick-prev{
    left: 0px !important;  
  }




/*SERVICIOS*/



/*PROYECTOS*/
.contenedordescripcionproyecto h3{
font-size: 29px;
}

.itemnavproyectos{
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.slider-nav{
  margin-top: 20px;
}
.slider-for{
  margin-top: 20px;
}

 .rowproyectos{
     margin-top: 20px;

 }
 .graycontainer{
  
    background-color: #e8e8e8;
    padding-bottom: 50px;
 }
 .divparrafosproyectos{
  margin-top: 30px;
 }
 .divparrafosproyectos p{
    text-align: justify;
    font-size: 18px;
 }
 .lineabajo{
    height: 4px;
    background-color: red;
    width: 10%;
 }
 .h4empresa{
  margin-top: 22px;
      font-size: 23px;
 }



.proyecto1padding{
     padding-left: 40px;
    padding-right: 40px;
    
}
.marginproyectos{
  margin-top: 40px;
}
   
    .lb-data .lb-close {

        width: 38px !important;
        height: 38px !important;
  
    }

     .overlayindex .iconover{
     margin: 17px 0px 0px 39px;
   }
    .iconover {
      color: #E51928;
      font-size: 40px;
      text-align: center;
      top: 35%;
    }


.thumb {
    position:relative;
    overflow:hidden;
    cursor: pointer;
    margin-bottom: 2em;
}
 .thumb:hover .captionproyectos {
    top:0%;
}
.captionproyectos {
    position:absolute;
    top:100%;
    right:0;
    background: rgba(58, 58, 58, 0.49);
    width:100%;
    height: 100%;
    padding:2%;
    text-align:center;
    color:#fff !important;
    z-index:2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cajasliderproyectos{
  
  height: 600px !important;
  background-color: red;
}


.flechas{
  position: absolute;
  top: 97%;
  cursor: pointer;
  z-index: 9;
  width: 3%;

}
#flechaSiguiente{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
right: 652px!important;
}

#flechaAnterior{
      filter: grayscale(100%);
left: 652px!important;
}


#flechaAnterior:hover, #flechaSiguiente:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
}
.slick-slider {
  margin-bottom: 5em;
  margin-top: 5em;
}
.contenedordescripcionproyecto{
  margin-top: 9em;
}
/*PROYECTOS*/




/*
CLIENTES

*/

.containerclientes{
  height: auto;
  padding-bottom: 3em;
  padding-top: 3em;
}

.containerclientes img{
  padding: 3em;
}
/*CLIENTES*/


/*INFRAESTRUCTURA*/

.containerinfraestructura{
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 21px;
  padding-right: 18px;
}
.containerinfraestructura h4{
  margin-bottom: 40px;
}
div.overlay {
    position: absolute;
    top: 0px;
    left: 15px;
    width: 90%;
    height: 100%;
    z-index: 1;

    padding: 10px;
    display: none;




}

div.cnt:hover > div.overlay{
    display: block;


 
}

   .iconoverinfr {
      color: #E51928;
      font-size: 40px;
      text-align: center;
      top: 35%;
      transition: all 0.5s ease;
    }
/*INFRAESTRUCTURA*/
/*EQUIPOS EN VENTA*/
.containerequiposventa{
  margin-top: 90px;
  margin-bottom: 90px;
}

/*EQUIPOS EN VENTA*/



/*CONTACTO*/
.mapa{
  margin-top: 55px;
}
.titulo2contacto{
  color: white;
}
#contacto{
   background: #ffffff;
   padding-bottom: 5em;
}
.contenedorcontacto{
  height: auto;
  background-color: #333333;
}

.formcontacto{
  height: 500px;
  

}
.mapacontacto{
height: auto;

}
.socialcontacto{
  height: 250px;
}

.mapa{
  width: 100%;
  height: 500px;
}
#contact{
    
   
  padding-top: 60px;
  width: 100%;
  width: 100vw;
  height: 550px;
  background: #3a6186; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #3a6186 , #89253e); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #3a6186 , #89253e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color : #fff;    
}
.contact-section{
  padding-top: 40px;
}
.contact-section .col-md-6{
  width: 50%;
}


.form-group{
  margin-top: 10px;
}
label{
    font-size: 1.7em;
    margin-bottom: 10px;
    margin-left: 1px;
    margin-top: 10px;
    line-height: 1em;
    font-weight: normal;
    color: #ffffff;
    font-family: 'OswaldL', sans-serif;

}
.form-control{
  border: 1px solid #e519284f;
  font-family: 'OswaldL', sans-serif;
  font-size: 1.3em;
  color: #3c3c3c;
  height: 50px;
  background: #ffffff;
}
textarea.form-control {
    height: 155px;
   /* margin-top: px;*/
}



  .btn-4{
        position: relative;
        overflow: hidden;
        background-color: transparent;
        border: 1px solid #e51928;
        color: #e51928;
        width: 220px;
        height: 50px;
         font-family: 'OswaldL';
         font-size: 20px;
         transition: all 0.5s ease-in-out;
    }

  .btn-4:hover{
     color: white;
     background: #e51928;
     border: 1px solid #e51928;
  }


.formulario{
  padding-top: 3.5em;
}

.parrafocontacto{
  margin-top: 100px;
}
.pcontacto{
  margin-left: 40px;
  margin-bottom: 40px;
  font-size: 20px;
  font-family: 'OswaldL', sans-serif;
}

.iconoscontacto{
    margin-top: 0px;
  position: absolute;
}

.h3contacto{
  color: #E51928;
  margin-bottom: 30px;
  font-size: 30px;
}
::-webkit-input-placeholder { /* Safari y Chrome */
   color: #656565 !important;
   font-weight: 100;
}
 
:-moz-placeholder { /* Firefox hasta v18 */
   color: #656565 !important;
   font-weight: 100;  
}
 
::-moz-placeholder {  /* Firefox 19+ */
   color: #656565 !important;
   font-weight: 100;  
}
 
:-ms-input-placeholder {  /* IE 10+´*/
   color: #656565 !important;
   font-weight: 100;  
}
textarea {
  resize: none;
}
/*CONTACTO*/







/*FOOTER*/
section.footer{
  height: auto;
  background-color: #212121;
  background: url(../img/fondo6.jpg) center right no-repeat fixed;
  background-size: auto auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;

}

section.footer p{
  color: #ababab;
  font-size: 17px;
}
section.footer h4{
  color: #ababab;
}
.logofooter{
  margin-top: 40px;
}
.logofooter img{
  width: 15%;
}
.infofooter{
  margin-top: 40px;
  padding-bottom: 20px;
}
.infofooter h4{
  font-size: 25px;
  margin-top: 30px;
  
}
.lineabajofooter{
    height: 3px;
  background-color: #E51928;
  width: 5%;
  margin-bottom: 30px;
}

.derechosreservados{
    height: 40px;
  background-color: black;
}


.iconounofooter{
  position: absolute;
  width: 2%;
  margin-left: 5px;
  margin-top: 5px;
}
.derechosreservados a{
  color: gray;
  text-decoration: none;
  font-family: 'OswaldL';
  font-size: 15px;
}

.divdesarrollado{
    
      margin-top: 9px;
}
/*FOOTER*/



/*MEDIA*/
@media screen and (max-width: 1400px) { 

  /*MEDIA PROYECTOS*/
           
           #flechaSiguiente {
              -webkit-filter: grayscale(100%);
              right: 563px!important;
          }
          #flechaAnterior {
          -webkit-filter: grayscale(100%);
          left: 563px!important;
      } 

      /*MEDIA PROYECTOS*/
}
@media screen and (max-width: 1240px) {

   /*MEDIA PROYECTOS*/
            #flechaSiguiente {
        -webkit-filter: grayscale(100%);
        right: 500px!important;
        }
        #flechaAnterior {
        -webkit-filter: grayscale(100%);
        left: 500px!important;
            }    
            
        
 /*MEDIA PROYECTOS*/

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


       /*MEDIA PROYECTOS*/
           
            #flechaSiguiente {
        -webkit-filter: grayscale(100%);
        right: 450px!important;
        }
        #flechaAnterior {
        -webkit-filter: grayscale(100%);
        left: 450px!important;
    }  
      /*MEDIA PROYECTOS*/  

          /*MEDIA MAQUINARIA*/
        .contdescripmaquinaria {

             padding-right: 20px;
             padding-left: 20px;
             margin-top: -60px;
          }
          .contdescripmaquinaria p{

            font-size: 12px;
           
           }

    /*MEDIA MAQUINARIA*/                                 
}   
@media screen and (max-width: 999px) {

   /*MEDIA PROYECTOS*/
                    #flechaSiguiente {
        -webkit-filter: grayscale(100%);
        right: 310px!important;
        }
        #flechaAnterior {
        -webkit-filter: grayscale(100%);
        left: 310px!important;
    }     
        .flechas {
     
        width: 5%;
    }

        /*MEDIA PROYECTOS*/ 
        .iconounofooter {
          
            width: 6%;

        }
        .col2politicas {
          height: 600px;
          background: url(../img/soldador.jpg) center right no-repeat;
          background-size: auto auto;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: 100%;
      }
      .col2inicio {
        height: 55vh;
        background: url(../img/fondosecciones1.jpg) center right no-repeat;
        background-size: auto auto;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 75% 100%;
        -o-background-size: 75% 100%;
    }
    .col1inicio {

          height: auto;
          padding-top: 3em;
          padding-bottom: 3em;
      }
      .contenedordescripcionproyecto {
        margin-top: 0em;
    }
                                
}   
@media screen and (max-width: 778px) {

           

        /*MEDIA PROYECTOS*/
           
        #flechaSiguiente {
        -webkit-filter: grayscale(100%);
        right: 150px!important;
        }
        #flechaAnterior {
        -webkit-filter: grayscale(100%);
        left: 150px!important;
    }     
         .flechas {
     
        width: 8%;
    }
      /*MEDIA PROYECTOS*/   

                /*MEDIA MAQUINARIA*/
        .contdescripmaquinaria {

             padding-right: 40px;
             padding-left: 40px;
             margin-top: 60px;
          }
          .contdescripmaquinaria p{

            font-size: 17px;
           
           }

          /*MEDIA MAQUINARIA*/ 

          .iconounofooter {
            
              width: 6%;

          }


        
        


}   
@media screen and (max-width: 780px) {
  
                /*MEDIA SERVICIOS*/
                 .imgquienesomosmodal {
                  width: 100%;
                /* padding-left: 278px; */
                /* padding-right: 95px; */
                /* padding-top: 19px; */
            }
            /*MEDIA SERVICIOS*/  



            /*MEDIA MAQUINARIA*/   
                    .contdescripmaquinaria {
            padding: 0px;
            padding-left: 20px;
            padding-right: 20px;
        }                  
         /*MEDIA MAQUINARIA*/

         .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
            max-height: 365px;
            width: 100%;
        }
}  
@media screen and (max-width: 772px) {
        .nav > li > a {
          position: relative;
          display: block;
          padding: 10px 13px;
          text-align: center;
      }

      .navbar-collapse {
        margin-right: -15px !important;
        margin-left: -2px !important;
      }
            .navbar-nav {
                background: black;
                margin: 2.5px -15px;
                padding-left: 25px;
                background: black;
                margin: 2.5px -15px;
                padding-top: 23px;
                padding-bottom: 20px;

            }

            .navbar-fixed-top {
                  height: 71px;
                  top: 0;
                  border-width: 0 0 1px;
                  background-color: black;
            }
            .logoindex {
                width: 17%;
                margin-left: 20px;
                margin-top: -61px;
            }
          .navbar-header{
              margin-top: -10px;
          }
          .navbar-container.fixed-theme {
          margin-top: 21px;
          padding: 0;
          height: 75px;
            }

            .continicio {
              height: auto;
              margin-top: 4em;
          }

} 




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

          /*header*/
        .logoindex {
             width: 20%;
            margin-left: 20px;
            margin-top: -3.5em;
        }         
      /*MEDIA SERVICIOS*/
                 .imgquienesomosmodal {
                  width: 100%;
                /* padding-left: 278px; */
                /* padding-right: 95px; */
                /* padding-top: 19px; */
            }
            /*MEDIA SERVICIOS*/ 

              /*MEDIA PROYECTOS*/
         .flechas {
           
          width: 8%;
         }
        .proyecto1padding {
            padding: 0px;
        }
        .flechas {
        
          top: 97%;
       
      }
         .iconover{
          display: none;
        }
       /*MEDIA PROYECTOS*/

                 /*MEDIA MAQUINARIA*/
        .contdescripmaquinaria {

             padding-right: 20px;
             padding-left: 20px;
             margin-top: 5px;
          }
          .contdescripmaquinaria p{

            font-size: 14px;
           
           }

    /*MEDIA MAQUINARIA*/   


            /*FOOTER*/
            .logofooter img {
                width: 27%;
            }

        
          .col1politicas {
            background-color: white;
            padding: 14px;
        }
                                       
}   

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

              /*MEDIA SERVICIOS*/
                 .imgquienesomosmodal {
                  width: 100%;
                /* padding-left: 278px; */
                /* padding-right: 95px; */
                /* padding-top: 19px; */
            }
            /*MEDIA SERVICIOS*/ 

   /*MEDIA PROYECTOS*/
               #flechaSiguiente {
        -webkit-filter: grayscale(100%);
        right: 80px!important;
        }
        #flechaAnterior {
        -webkit-filter: grayscale(100%);
        left: 80px!important;
    }   
           
         .flechas {
      
          width: 10%;
      }
      .proyecto1padding {
            padding: 0px;
        }
     
      .logoindex {
          width: 30%;
          margin-left: 20px;
          margin-top: -3.5em;
     }  
     .responsive-iconos .slick-slide{
      padding: 5px;
    }
    .col1inicio h1 {
     
      font-size: 2rem;

  }
       
 /*MEDIA PROYECTOS*/
                                       
} 


/*MEDIA*/








.slick-next {
  border: none !important;
  width: 35px !important;
  right: 40px !important;
  z-index: 9 !important;
  transition: background .3s ease-in-out;
  position: absolute !important;
  top: 50% !important;
  padding: 10px 0px !important;
  transition: all .3s ease-in-out;
}
 .slick-next:hover,  .slick-next:focus {
  background-color: rgba(0, 0, 0, 0) !important;
  border: none;
}
 .slick-next:before {
  content: ' ' !important;
  border: solid #ffffff;
  border-width: 0 5px 5px 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  margin-top: 0px;
  margin-left: 0px;
}
@media(max-width: 992px) {
   .slick-next {
  right: -1px !important;
}
}@media(max-width: 580px) {
   .slick-next {
  height: 30px;
  width: 30px;
  right: -2px !important;
}
} .slick-prev {
  border: none;
  left: 40px !important;
  width: 35px;
  z-index: 9;
  transition: background .3s ease-in-out;
  position: absolute;
  top: 50%;
  padding: 10px 0px;
  transition: all .3s ease-in-out;
}
 .slick-prev:hover,  .slick-prev:focus {
  background-color: rgba(0, 0, 0, 0) !important;
  border: none;
}
@media(max-width: 580px) {
   .slick-prev {
  height: 30px;
  width: 30px;
  left: -3px !important;
}
} .slick-prev:before {
  content: ' ' !important;
  border: solid #ffffff;
  border-width: 0 5px 5px 0;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  margin-top: 0px;
  margin-left: 12px;
}