body{
    font-family: 'Roboto Condensed', sans-serif;
}
.navbar{
    padding-top: 20px;
    
    background-size: 57% 101%;
    background: -moz-linear-gradient(top,  rgba(22,62,106,0.65) 60%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(22,62,106,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(22,62,106,0.65) 60%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(22,62,106,0.65) 60%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(22,62,106,0.65) 60%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(22,62,106,0.90) 60%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6163e6a', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    border: none;
}
.linea-verde-derecho {
    background: url(../../../v1/assets/imgs/backgrounds/back_menu.jpg);
    background-size: 57% 100%;
    background-repeat: no-repeat;
    background-position: right;
}
.navbar-brand {
    padding: 10px 0 40px 10px;
}
/*BARRA DE NAVEGACION*/

.navbar-nav {
    border-top: 1px dotted #fff;
    width: 100%;
    text-align: center;

}


.navbar-header {
    margin-top: -24px;
}
.navbar-nav a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    letter-spacing: 1pt;
    line-height: 120%;
    color: rgb(255, 255, 255);
    text-align: left;
    text-transform: uppercase;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 5px;
    line-height: 19px;
    text-transform: initial;
    font-family: 'roboto condensed';
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 100;
    border-right: 1px dotted #fff;
}
}

.nav>li {
    border-right: 1px dotted #fff;
}

.nav>li>a:hover {
    background-color: rgba(0,0,0,0.4);
}
.nav>li>a:focus{
    background-color: #000;
}
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    border-radius: 4px;
    border-color: none!important
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000;
}
.icon-bar{
   background-color: #fff;
   height: 6px;
   border: 2px solid #17D3FF;
}
/*CAROUSEL*/

.carousel-caption {
  font-family: "Roboto",sans-serif;
  position: absolute;
  z-index: 10;
  text-align: left;
  text-shadow: none;
  width: 35%;
  height: 65%;
  bottom: 0;
  padding: 5% 25px 25px 25px;
  position: absolute;
  z-index: 10000000000000;
}
.carousel-caption h1 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 100;
  font-size: 34px;
  color: #fff;
  text-shadow: none;
  background: rgba(0,0,0,0.7);
  padding: 7px;
  margin-bottom: 0px;
}
.carousel-caption p {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  text-shadow: none;
  background: rgba(11,55,103,0.7);
  padding: 9px;
}
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
}
.btn-primary {
    color: #585859;
    background: url(../../../v1/assets/imgs/back-text-slides.png);
    border-color: #009574;
}
.planta .summary{
    font-family: "Roboto",sans-serif;
    font-size: 20px;
    color: #000;
    margin-bottom: 80px;
}
.planta .btn {
    width: 100%;
    border-color: #0F406B;
    font-family: "Roboto",sans-serif;
}
.carousel-caption .btn {
    font-family: "Roboto",sans-serif;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: #152E3C;
  border-color: #FFFFFF;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 250px;
  background-color: #1B3442;
  font-family: 'Roboto condensed';
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  color:#fff;
}


.btn-submit{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: url(../../../v1/assets/imgs/back-text-slides.png);
    border-color: #009574;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    background: #186088;
    color: #fff;
    border: none;
    width: 30%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.btn-primary: hover, .btn-primary: focus, .btn-primary: active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #333;
    background-color: #666;
    border-color: #009574;
}
.carousel-caption p a {
    font-family: "Roboto",sans-serif;
    color: #333;
}

.dropdown-menu>li>a{
    text-transform:none;
}


.anchor {
    display:block;
    /*padding-top: 90px;
    padding-bottom: 90px;*/
}

/*Fondos*/
.back-planta{
 background-image: url(../../../v1/assets/imgs/slide-images/laplanta.jpg);
 background-repeat-y: no-repeat;
 background-color: rgb(96, 158, 207);
 background-position: center;
 border-bottom: 15px solid #218FC9;
 background-size:cover;
}

.back-grandesproyectos{
  background-image: url(../../../v1/assets/imgs/backgrounds/back-proyectos.jpg);
  background-repeat-y: no-repeat;
  background-color: #fff;
  margin-top: -35px;
  background-position: top;
  width:100%;
}
.back-industrias{
 background-image: url(../../../v1/assets/imgs/slide-images/laplanta.jpg);
 background-repeat-y: no-repeat;
 background-color: rgb(96, 158, 207);
 background-size: 100% 100%;
 background-position: top;
 border-bottom: 15px solid #218FC9
}
/*.back-laboratorio{
    background-image: url(../../../v1/assets/imgs/slide-images/laboratorio.jpg);
    background-repeat-y: no-repeat;
    background-color: rgb(139, 175, 187);*/
}
.back-productos{
    background-image: url(../../../v1/assets/imgs/slide-images/productos.jpg);
    background-repeat-y: no-repeat;
    background-color: rgb(224, 224, 224);
    background-size: 100% 100%;
}
.back-fotos{
    background-image: url(../../../v1/assets/imgs/slide-images/fotos.jpg);
    height: 330px;
    margin-bottom: 30px;
    border-bottom: 8px solid #A1709E;
    background-repeat-y: no-repeat;
}
.back-empresa{
    background-image: url(../../../v1/assets/imgs/slide-images/laempresa.jpg);
    background-repeat-y: no-repeat;
    background-size: 100% 100%;
}
.back-clientes{
    background-image: url(../../../v1/assets/imgs/slide-images/back_clientes.jpg);
    padding-bottom: 2.2%;
    background-color: rgb(240, 240, 242);
    background-repeat-y: no-repeat;
}
.back-contacto{
  background-image: url(../../../v1/assets/imgs/slide-images/footer.jpg);
  background-repeat-y: no-repeat;
  background-color: rgb(232, 232, 232);
}

}
.bloque-contacto{
    margin-top: 20px;    
}
.mail a{
    color: #000;
}
.creditos{
    margin: 10px 0 10px 0;
}

.back-blanco-contact{
    background: url("../../../v1/assets/imgs/back-text-slides.png") repeat scroll 0% 0% transparent;
    padding: 20px;
}
.back-blanco-contact .logo{
    margin-bottom: 10px;
}
.bloque-contacto .direccion{
    background: url("../../../v1/assets/imgs/back-text-slides.png") repeat scroll 0% 0% transparent;
    padding: 20px; 
}
.bloque-contacto form{
    background: url("../../../v1/assets/imgs/back-text-slides.png") repeat scroll 0% 0% transparent;
    padding: 20px; 
}
.productos{
    margin: 20px 0 0 15px;
    padding-bottom: 10px;
    font-size: 20px;
}








.bloque-prod-violeta{
    background-color: #A1709E;
    color: #fff;
    padding: 20px;
}
.bloque-prod-violeta .description{
    font-family: "Roboto",sans-serif;
    font-weight: 300;  
    font-size: 18px;  
}
.bloque-prod-blanco{
    background-color: #fff;
    color: #666666;
    padding: 20px;
}
.bloque-prod-blanco .description{
    font-family: "Roboto",sans-serif;
    font-weight: 300;  
    font-size: 18px;  
}
.tit-basico-productos{
    font-family: "Roboto condensed",sans-serif;
    font-weight: 100;
    font-size: 43px;
    color: #fff;
    text-shadow: none;
    text-align: center;
    letter-spacing: -1px;
    font-size: 22px;
    margin-top: 28px;
}
.tit-basico-empresa{
    font-family: "Roboto",sans-serif;
    font-weight: 900;
    font-size: 43px;
    color: #fff;
    text-shadow: none;
    margin: 10px 0 10px 0;
}
.tit-producto-violeta{
    font-family: "Roboto",sans-serif;
    font-weight: 900;  
    font-size: 20px;  
}
.tit-producto-blanco{
    font-family: "Roboto",sans-serif;
    font-weight: 900;  
    font-size: 20px;  
    color: #A1709E;
}
.tit-fotos{
    font-family: "Roboto",sans-serif;
    font-weight: 900;  
    font-size: 43px;  
    color: #193967;
}
.bloque-prod-blanco .separador{
    margin-top: 7px;
    margin-bottom: 7px;
    border-right: 0 none;
    border-width: 1px 0 0;
    border-style: solid none none;
    border-color: #A1709E;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
}
.bloque-prod-violeta .separador{
    margin-top: 7px;
    margin-bottom: 7px;
    border-right: 0 none;
    border-width: 1px 0 0;
    border-style: solid none none;
    border-color: #fff;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
}
.tit-fotos .separador{
    margin-top: 7px;
    margin-bottom: 7px;
    border-right: 0 none;
    border-width: 1px 0 0;
    border-style: solid none none;
    border-color: #666666;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
}
.laboratorio{
    margin: 150px 0 150px 0;
    font-size: 20px;
}
.tit-basico-laboratorio{
    font-family: "Roboto",sans-serif;
    font-weight: 900;
    font-size: 28px;
    color: #0F406B;
    text-shadow: none;
    margin: 10px 0 10px 0;
}
.planta {
    /*background: url("../../../v1/assets/imgs/back-text-slides.png") repeat scroll 0% 0% transparent;*/
    margin: 20px 0 0 15px;
    padding-bottom: 10px;
}
.planta-infra{
    /*background: url("../../../v1/assets/imgs/back-text-slides.png") repeat scroll 0% 0% transparent;*/
    margin: 20px 0 20px 0;
    float: right;
}
.tit-planta{
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: 43px;
    color: #0F406B;
    text-shadow: none;
}
.tit-basico-planta{
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #0E3F6B;
    text-shadow: none;
    text-transform: uppercase;
    margin: 10px 0 10px 0;
}
.tit-basico-productos-2{
    font-family: "Roboto",sans-serif;
    font-weight: 900;
    font-size: 19px;
    color: #858585;
    text-shadow: none;
    margin: 85px 0 10px 0;
}
.infraestructura{
    background: url("../../../v1/assets/imgs/back-text-slides.png") repeat scroll 0% 0% transparent;
    margin: 20px 0 20px 0;
    float: right;
}
}
.infraestructura .separador{
    margin-top: 7px;
    margin-bottom: 7px;
    border-right: 0 none;
    border-width: 2px 0 0;
    border-style: solid none none;
    border-color: #A1709E;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
}
.laboratorio .separador {
    margin-top: 7px;
    margin-bottom: 7px;
    border-right: 0 none;
    border-width: 2px 0 0;
    border-style: solid none none;
    border-color: #0F406B -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
}
.box-empresa .separador {
    margin-top: 7px;
    margin-bottom: 7px;
    border-right: 0 none;
    border-width: 1px 0 0;
    border-style: solid none none;
    border-color: #666 -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
}


.doublespace{
    margin-bottom:30px;
}
/*Tabs*/
.tabbable{
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    text-shadow: none;
    min-height: 32%;

}
.tab-pane{
    background-color: rgba(116, 183, 254, 0.7);
    padding: 10px;
}
.tab-content>.active {
    margin-top: 30px;
}
.tabbable .nav>li>a{
    color: #fff;
}
.tabbable .nav>li>a:hover {
    background-color: transparent;
    border-radius: 0px;
}

.tabbable .nav>li>a:focus {
    background-color: transparent;
    border-radius: 0px;
}
.nav-tabs {
 border-bottom: 0px solid #ddd;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: transparent;
    border: 1px solid #0F406B;
    cursor: default;
    border-radius: 0px;

}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
/*Tabs fin*/
.separador {
    margin-top: 7px;
    margin-bottom: 7px;
    border-right: 0 none;
    border-width: 2px 0 0;
    border-style: solid none none;
    border-color: #0F406B -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
}
.gota-ico{
    margin: 0 10px 10px 0;   
}
.clientes-logos{
    padding-top: 70px;
}
.gota-productos{
    font-family: "Roboto",sans-serif;
    font-weight: 100;
    font-size: 19px;
    color: #666;
}
.description{
    margin-bottom: 10px;
    font-family: "Roboto",sans-serif;
}
.cuadro-azul{
    background-color: #0F406B;
    color: #fff;
    margin: 0 19px 17px 0;
    padding-bottom: 10px;
}
.cuadro-azul .tit{
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: 45px;
    margin-bottom: -15px;
}
.cuadro-azul .parrafo{
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: 19px;
}







/*Fondos*/
.back-planta{
    background-image: url(../../../v1/assets/imgs/slide-images/laplanta.jpg);
    background-repeat-y: no-repeat;
    background-color: rgb(96, 158, 207);
    padding-left: 0px;
    padding-right: 0px;
    background-position: center;
}
.back-laboratorio{
    background-image: url(../../../v1/assets/imgs/slide-images/laboratorio.jpg);
    background-repeat-y: no-repeat;
    background-color: #fff;
    background-position: center center;  
    background-size: cover;
    
}

.contenido-servicio{
    background-image: url(../../../v1/assets/imgs/backgrounds/back-serv-contenido.jpg);
    background-repeat-y: no-repeat;
    background-color: rgb(139, 175, 187);
    background-position: top;
    width: 100%;
    margin-top: -35px;
    padding-top: 50px;
    background-size: cover;
    
}

.back-productos{
    background-image: url(../../../v1/assets/imgs/slide-images/productos.jpg);
    background-repeat-y: no-repeat;
    background-color: rgb(224, 224, 224);
    background-size: 100% 100%;
}
.back-fotos{
    background-image: url(../../../v1/assets/imgs/slide-images/fotos.jpg);
    height: 330px;
    margin-bottom: 30px;
    border-bottom: 8px solid #A1709E;
    background-repeat-y: no-repeat;
}
.back-empresa{
  background-image: url(../../../v1/assets/imgs/slide-images/laempresa.jpg);
  background-repeat-y: no-repeat;
  background-position: center;
  padding-bottom: 100px;
  padding-top: 25px;
  border-top: 10px solid #3C97C8;

}
.back-clientes{
    background-image: url(../../../v1/assets/imgs/slide-images/back_clientes.jpg);
    padding-bottom: 2.2%;
    background-color: rgb(240, 240, 242);
    background-repeat-y: no-repeat;
}
.back-contacto{
    background-image: url(../../../v1/assets/imgs/slide-images/footer.jpg);
    background-repeat-y: no-repeat;
    background-color: rgb(232, 232, 232);
    height: 33%;
    width: 100%;
    padding-top: 65px;

}




@media (min-width: 640px) and (max-width: 767px) {
    .topbar{
        display: none!important;
    }
    .navbar {
      background: transparent;
      padding-top: 20px;
      
      background-size: 57% 101%;
      background-color: #163E6A;
  }
  .navbar-nav>li>a {
      font-size: 1em !important;
      float: right;
  }
  .linea-verde-derecho {
    background-size: 77% 100% !important;
    background-position-y: 27px;      
}        
}





/*Min*/
@media only screen and (min-width: 600px) {
    .planta {
        margin: 0;
    }
}





/*Max*/
@media only screen and (max-width: 1920px) {
    /*Fondos*/
    .back-productos{
        background-size: 172%;        
    }
}
@media only screen and (max-width: 1680px) {
    .carousel-caption {
        padding: 10px;
    }

    .back-productos{
        background-size: 197%;        
    }   
}
@media only screen and (max-width: 1600px) {
    .carousel-caption {
        padding: 10px;
    }

    .back-productos{
        background-size: 207%;        
    }   
}
@media only screen and (max-width: 1536px) {
    .carousel-caption {
        padding: 10px;
    }
    /*Fondos*/

    .back-productos{
        background-size: 215%;        
    }   
}
@media only screen and (max-width: 1440px) {
    .carousel-caption {
        padding: 10px;
    }
    /*Fondos*/

    .back-productos{
        background-size: 230%;           
    }
}
@media only screen and (max-width: 1366px) {
    .carousel-caption {
        padding: 10px;
    }
    /*Fondos*/

    .back-productos{
        background-size: 243%;           
    }   
}
@media only screen and (max-width: 1280px) {
    .carousel-caption {
        padding: 10px;
    }
    /*Fondos*/

    .back-productos{
        background-size: 260%;        
    }
}


@media only screen and (max-width: 1024px) {
    .carousel-caption h1 {
        font-size: 25px;
    }
    .carousel-caption p {
        font-size: 12px;
    }
    .linea-verde-derecho {
        background-size: 72% 100%;
    }
    /*Fondos*/
    .back-planta{
        background-image: url(../../../v1/assets/imgs/slide-images/laplanta-responsive2.jpg);
    }
    .back-productos{
        background-size: 346%;           
    }
}



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

    .topbar{
        display: none!important;
    }

    .navbar-nav {
        margin: 1.5px -15px;
        background-color: #163E6A;
    }
    .linea-verde-derecho {
        background: none;
    }
    .navbar {
        position: relative;
        margin-bottom: -130px;
        background: #163E6A;
    } 
    .navbar-brand {
        padding: 0 0 75px 10px;
    } 
    .planta-infra {
        margin-right: 0;
    }
    /*Fondos*/

    .back-productos{
        background-size: 884%;
    }
    .carousel-caption {
        width: 70%;
        height: 61%;
        bottom: 50px;
    }        
}
@media only screen and (max-width: 600px) {

    .topbar{
        display: none!important;
    }

    .container>.navbar-header{
        background-color: #163E6A;
        padding-bottom: 15px;
        padding-top: 10px;
        margin-top: -36px;
    }
    .navbar-nav>li>a {
        font-size: 14px;
    }  
    .navbar-brand {
        padding: 2px 0 10px 10px;
    }
    /*Fondos*/
    
    .back-productos{
        background-size: 962%;        
    }

}
@media only screen and (max-width: 480px) {
    /*Fondos*/
    .back-productos {
        background-size: 1235%;
    }
    .back-empresa {
        background-size: 1000%;
    }
    .back-contacto {
        background-size: 739%;
    } 
    .planta {
        margin: -75px 0 0 0;
    }        
}
@media only screen and (max-width: 375px) {
    .owl-carousel {
     /*   display: none !important;*/
 }
 li.page-scroll {
  padding: 3% 0;
}
.container>.navbar-header{
    background-color: #163E6A;
    padding-bottom: 15px;
    padding-top: 10px;
    margin-top: -36px;
}
.navbar-nav>li>a {
    padding-top: 0px;
}
.navbar {
    padding-top: 24px;
}
.planta {
    margin: -75px 0 0 0;
}
/*Fondos*/

.back-productos{
    background-size: 1865%;
}

.carousel-caption {
    width: 70%;
    height: 44%;
    bottom: 165px;
}

.owl-carousel .owl-item {
    height: 320px!important;
}

.trama-laplanta {
    padding-top: 0px!important;
}


.back-grandesproyectos {
    margin-top: -234px!important;
}
}
@media only screen and (max-width: 320px) {
    .container>.navbar-header{
        background-color: #163E6A;
        padding-bottom: 15px;
        padding-top: 10px;
        margin-top: -25px;
    }
    .navbar-nav>li>a {
        padding-top: 0px;
    }
    .navbar {
        padding-top: 24px;
    }
    .back-empresa {
        background: rgb(142, 204, 255);
    }
    .navbar {
        position: relative;
    }
    .navbar-header {
        margin-top: -15px;
    }
    .container>.navbar-collapse {
        margin-top: -3px;
    }
    .planta {
        margin: -75px 0 0 0;
    }
    /*Fondos*/

    .back-productos{
        background-size: 2332%;
    }
    .carousel-caption {
        width: 70%;
        height: 50%;
        bottom: 146px;
    }
}        

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #285e8e;
    border-color: #fff;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #084874;
    border-color: #fff;
}

a:hover, a:focus {
    color: #fff;
    text-decoration: none;
}
/*CUSTOM*/

.owl-theme .owl-controls .owl-buttons{
  font-size: 61px !important;
  font-weight: 900 !important;
}

.cont-liderando{
  margin-top: 20px;
  margin-bottom: 20px;
}


.liderando-title-contacto {
  background: rgba(0,0,0,0.6);
  margin-top: 0px;
  font-family: 'roboto condensed';
  font-weight: 100;
  letter-spacing: -1px;
  font-size: 30px;
  margin-top: 10px;
  padding: 2 0 0 12;
}


.liderando-title{
    background: #1B3442;
    margin-top: 0px;
    font-family: 'roboto condensed';
    font-weight: 100;
    letter-spacing: -1px;
    font-size: 30px;
    color: #fff;
    padding-left:10px;
}

.btn-servicios{
  background: rgba(10,90,145,0.8);
  border: none!important;
  margin: 4px;
  color: #fff;
  border-left: 1px solid #fff!important;



}

.contact-info{
    margin-top: 30px;
}

.img-footer{
    margin-top: 15px!important;
}

.menu-serv-footer {
    list-style: none;
    margin-left: 0px;

}

.title-footer{
    color:#fff;
    border-bottom: 2px solid #218FC9;
    font-size: 15px;
    margin-left: 0px;
}

.menu-footer {
    list-style: none;
    font-size: 16px;   
    margin-top: 20px; 

}

.item-footer {
    color:#fff;
}

.footer {
    font-size: 13px;
    font-family: 'roboto condensed' sans-serif;
    color: #fff;
    margin-top: -25px;
}

.liderando-cont {
    margin-top: 100px;
}

.liderando_slide {
  background: rgba(24,104,147,0.8);
  color: #fff;
  font-size: 20px;
  padding-bottom: 55px;
  margin-bottom: 20px;
  
  
}

.cont-texto {
  background: rgba(24,104,147,0.8);
  color: #fff;
  font-size: 20px;
  padding-bottom: 55px;
  margin-bottom: 20px;
  
  
}

.liderando {

  color: #fff;
  font-size: 20px;
  font-weight: 300;
  background: rgba(24,104,147,0.8);
  color: #fff;


}

.fila-cl {
    margin-top: 50px;
    margin-bottom: 50px;
}

.social-btn-top:hover {
    color: #03E9F4;
}

.social-btn-top {
  color: #fff;
  font-size: 20px;
  padding-left: 0px;
  padding-right: 0px;
}


.topsoc   {
    color: #fff;
    font-family: 'roboto condensed' sans-serif;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}

.topp   { 
  color: #fff;
  font-family: 'roboto condensed' sans-serif;
  font-size: 14px;
  margin-left: -25px;
  border-right: 1px dotted #fff;
  padding-right: 10px;
  padding-bottom: 25px;
}

.topbar {
    width: 33%;
    float: right;
    height: 24px;
    display: inline-flex;
}

.trama-laplanta  {
    background: url(../../../v1/assets/imgs/trama.png);
    background-repeat: repeat;
    height: 100%;
    background-position: center;
    padding-top: 200px;
    border-top: 15px solid #163E6A;

}

.trama-industria  {
    background: url(../../../v1/assets/imgs/trama.png);
    background-repeat: repeat;
    height: 100%;
    background-position: center;
    border-top: 15px solid #163E6A;

}

.trama-proyectos  {
    background: url(../../../v1/assets/imgs/trama.png);

    height: 100%;
    background-position: center;


}


.trama  {
    background: url(../../../v1/assets/imgs/trama.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    background-position: center;


}

.trama-video  {
    background: url(../../../v1/assets/imgs/trama.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    background-position: center;
    position: absolute;
    z-index: 1000;

}

.navbar-brand {
    height: 30px;
    margin-top: 21px;
}

.owl-pagination {
    display: none;
}

.owl-theme .owl-controls {
    padding: 0px!important;
}

.slide1 {
    background: url(../../../v1/assets/imgs/slide-images/slide-home1.jpg);
    background-position: center; 
    height: 100%;
}

.slide1-chico {
    background: url(../../../v1/assets/imgs/slide-images/slide-home1.jpg);
    background-position: center; 
    height: 33%;
    border-bottom: 15px solid #163E6D;
}

.slide2 {
    background: url(../../../v1/assets/imgs/slide-images/wall.jpg);
    background-position: center; 
    height: 100%;
    background-color: #163E6A;
}

.slide3 {
    background: url(../../../v1/assets/imgs/slide-images/slide-home-2.jpg);
    background-position: center; 
    height: 100%;
}

.slide3-chico {
    background: url(../../../v1/assets/imgs/slide-images/slide-home-2.jpg);
    background-position: center; 
    height: 33%;
    border-bottom: 15px solid #163E6D;
}

#servicios-1 {
    background: url(../../../v1/assets/imgs/slide-images/cod.jpg) center;
    background-size: cover;
    background-position-y:27%;
}

#servicios-3{
    background: url(../../../v1/assets/imgs/slide-images/zonafranca.jpg) center;
    background-size: cover;
}

#servicios-5{
    background: url(../../../v1/assets/imgs/slide-images/freight.jpg) center;
    background-size: cover;
    background-position-y:66%;
}

#servicios-6{
    background: url(../../../v1/assets/imgs/slide-images/comext.jpg) 50% 33%;
    background-size: cover;
}

.slide4 {
    background: url(../../../v1/assets/imgs/backgrounds/back-grandes-proyectos.jpg);
    background-position: center; 
    height: 100%;
}

#industrias-slider{
    background: url(../../../v1/assets/imgs/slide-images/industrias.jpg) center;
    background-size: cover;

}

.carousel-content {
    color: fff;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
    margin-top: 15px;
}

.lab-title-slide {
  color: fff;
  padding: 5px;
  font-weight: 100;
  margin-bottom: -1px;
  background: rgba(0,0,0,0.8);
  color: fff;
  padding: 5px;
  font-weight: 100;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: -15px;
  width: 104%;
}

.lab-title {
    background: rgba(0,0,0,0.8);
    color: fff;
    padding: 5px;
    font-weight: 100;
    margin-bottom: -1px;
    margin-top: 0px;
    width: 100%;


}

.lablista {
    list-style: none;
}

.lista-lab {
    color: #fff;
}

.list-group-item {
    background-color: none!important;
    padding: 8px 20px!important;
}

.list-group {
  margin-bottom: 0px;
  padding-left: 0;
  font-size: 15px;
  margin-top: 33px;}

  .servicios-row {
      margin-top: 75px;
      margin-bottom: 215px;
  }

  .serv-cont {
      background: rgba(10,90,145,0.8);

      color: #fff;
      padding: 50px;
      font-size: 19px;
      text-align: center;
      font-weight: 100;
  }

  .form-control {
    background: rgba(23, 94, 132, 0.8)!important;

    border: none;
    color: #fff!important;
    font-weight: 300;
    font-size: 17px;
}


/*responsive*/

@media (max-width: 1199px) {
    .topbar{
       margin-right: 100px;
       width: 570px;
   }
}


/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .back-contacto{
        background-image: none;
        background-color: #434343;
        height: auto;
        border-top: 10px solid #000;
        padding-top:0;
    }
    .servlink{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }
    .btn-servicios{
        min-height:52px;
    }

    .serv-cont{
        padding: 15px;
        text-align: left;
    }
    .logos-footer{
        text-align:center;
    }

    .cont-liderando{
        padding:0;
    }

    .liderando_slide h1{
        padding:15px;
    }


}
/*iframe*/
*{padding: 0px; margin:0px;}
#containersl,
#overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
#containersl {
    z-index: 0
}
#overlay {
    z-index: 10;
    background: transparent;
}
/*fin de iframe*/

@media (max-width: 619px) {
    .liderando_slide {
        height: auto;
    }
    .liderando{
        margin-bottom: 30px;
    }

}
@media (max-width: 1000px) {
    .topbar{
        display: none;
    }
}

/*dropdown-menu*/

.dropdown-menu {
    background-color: rgba(8, 96, 182, 0.5);

}

..dropdown-menu>li>a {
    color: #fff!important;
}

.logos-footer{
    margin-top: 30px;
}

.p-footer{
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.png-footer {
 margin: -25px 10 10 10;
}

@media (max-width: 500px) {
    .png-footer{
        margin: 0 15 15 0;
    }

}


.lop-footer {
  margin-top: 52px;
  text-align: right;
  
}


.liderando_back_lista {
 background: rgba(24,104,147,0.8);
}

.list-group-item:first-child {
    border-top-right-radius: 0px!important;
    border-top-left-radius: 0px!important;
}

.slider-despacho {
    height: 250px!important;
    border-bottom: none!important;
}



.texto-contenido {
    padding: 40px 50px 20px 50px;
    font-size: 17px;
    text-align: justify;
    font-weight: 100;
    line-height: 27px;
}


.carousel {
    height: auto;
}

.carousel-control .glyphicon-chevron-left {
    margin-left: 50px;
}

.carousel-control .glyphicon-chevron-right {
    margin-right: 50px;
}

.owl-carousel .owl-item {

  height: 650px;
}

.loplogofooter{
    padding-top:10px;
    padding-bottom:10px;
}


b, strong {
    font-weight: 500;
}


@media (max-width: 600px) {
    .navbar-nav>li>a {
        border-right: none!important;
    }
    .navbar-nav {
        border-top: none!important;
    }
}

.liderando_slide h1 {
    padding-left: 10px;
}

.well {
    background-color: rgba(0, 0, 0, 0)!important;
    border-radius: 0px!important;
    border: none!important;
    box-shadow: none!important;
    padding: 0px 30px 0px 30px;
}

.servlink {
    color: #fff;
    font-size: 11px;
    font-family: 'open sans' sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 0px!important;
}

@media (max-width: 320px) {
    .texto-contenido {
     padding: 20px;
     font-size: 14px;
     text-align: left;
     font-weight: 100;
     line-height: 19px;
 }
}

.help-block {
    color: #fff;
    padding: 0px!important;
    list-style: none;
    margin-left: 20px;
    letter-spacing: 0px;
    margin-top: 5px;
    margin-bottom: 0px;
}

.alert-success {
    background-color: #2D5179;
    border-color: #052F5F;
    color: #FFFFFF;
}

.form-control {
    font-size: 15px;
}

.footerlop{
    padding-top: 25px;
}

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

    .navbar-nav>li>a {
        font-size: 1.2em;
    }
    .linea-verde-derecho {
        background-size: 63% 100%;
    }
    .planta-infra {
        margin-right: 30px;
    }
    /*Fondos*/

    .back-productos{
        background-size: 525%;        
    }    

    .servicios-row {
     margin-top:0;
     margin-bottom: 0;
 }

 .trama-industria {
    height:initial;
}

.slide3-chico, .slide1-chico {
    height: 100%;
}
.texto-contenido {
    padding: 15px;
}
.liderando-title {
    padding: 0 10px;
}

.well{
    padding:5px !important;
}

footer h1{
    font-family:'Roboto condensed';
}
footer li{
    font-size:1em;
}
.title-footer{
    font-size:1.2em;
}

.nav>li{
    padding:0;
}
.nav>li>a{
    padding:3%;
}

.back-grandesproyectos {
    margin:0;
}

footer .row .col-xs-12{
    margin-bottom:15px;
}

.navbar-nav{
    width:auto;
}
}


/* MODAL Y CONTENEDOR VIDEO */

.modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:transparent;
    border:none;
    outline:none;
}
.modal-content iframe {
    border:none;
    padding:0;
    margin:0;
}
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}
.modal-dialog {
    width: 800px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    /* For responsive */
    max-width:90%;
    min-width:600px;
}
.close {
    font-size: 80px;
    margin:-20px 0 0 0;
}

.video-container {
    padding-bottom: 52.25%;
    padding-top: 0px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn-circle-play .fa{
    font-size: 3em;
    color: white;
    margin-top:20px;
}

.playbutton h1{
    color:white;
}

.video-heading{
    margin-top:0;
    margin-bottom:30px;
}

.item-serv-footer a{
    color:white;
}