/*
 Theme Name: wbs Child
 Template: wbs
 Description: Child theme for wbs
 Version: 0.1
 */
body *{font-family: 'Montserrat', sans-serif;}
body a{color: #000;}
body a:hover {
    color: #000;
    text-decoration: underline;
}
#page button.menu-toggle:focus {
    outline: none !important;
    outline: none;
    border:none;
}
.post, .page {
    overflow-x: hidden;
}
.politicas a, #footer1 a{
  color: #ffffff;
  font-size: 12px;
line-height: 25px;
}
.politicas a:hover, #footer1 a:hover {
    color: 
    #dadada;
}
#footer1 {
  font-size: 12px;
  line-height: 25px;
}
.cd-auto-hide-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  transition: transform .5s;
}
.cd-auto-hide-header.is-hidden {
  transform: translateY(-100%);
}
/*FILMOSOL*/
body p{
    font-size: 14px;
    line-height: 20px;
}
#content  {
    margin-top: 140px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, 
.col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, 
.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto,
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
  float: left;
  padding: 0px;
}
.home .container-content, body.page-id-490 .container-content{
  max-width: 1300px;
  margin: 0 auto;
  width: 100%;
  padding: 0px 15px;
}
.main-navigation li {
  padding: 0px 15px;
  text-transform: uppercase;
  text-align: center;
}
.main-navigation a {
    color: #000000;
    font-size: 12px;
}
.hideme
{
    opacity:0;
}
.main-navigation {
    padding: 0px 20px;
  clear: both;
  display: block;
  float: left;
  width: 50%;
  position: absolute;
  left: 28%;
  right: 0;
  top: 65px;
}
.custom-logo-link {
    max-width: 200px;
    margin: 30px auto 15px;
    display: block;
    z-index: 99999999999;
    position: relative;
    left: 0;
    float: left;
}
span.subtitulo {
  display: block;
  text-align: left;
  font-size: 27px;
  margin: 40px 0px 20px;
  text-transform: uppercase;
  position: relative;
  font-weight: bold;
}
.servicios{
  float: left;
}
.servicios.col-lg-8.col-md-8.col-sm-6.col-xs-12{
    float: left;
    margin-top: 100px;
}
.servicios.col-lg-8.col-md-8.col-sm-6.col-xs-12 ul{
    list-style-type: square;
}
.servicios.col-lg-8.col-md-8.col-sm-6.col-xs-12 ul li{
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
}
#servicios .panel-grid-cell{
    border-bottom: 3px solid #000;
    padding: 100px 0px;
}
#enderezados .panel-grid-cell, #mallas .panel-grid-cell, #conformado .panel-grid-cell, #manipulado .panel-grid-cell{
    border-bottom: 3px solid #000;
    padding: 70px 0px;
}
.home #page .panel-grid{
    margin-bottom: 0px;
}
.home .menu-lateral {
    padding-right: 0px;
}
.menu-lateral li.activo{
    font-weight: bold;
}
.menu-lateral li {
    display: block;
    list-style: none;
    text-transform: uppercase;
    text-align: right;
    margin-bottom: 22px;
    position: relative;
}
.menu-lateral ul{
  padding: 0px 30px 0px 0px;
  margin: 0px;
}
.home .contenido-servicio,.home .menu-lateral, .home .carousel-servicio, .home .texto-servicio{
  float: left;
}
.texto-servicio span.subtitulo {
  font-size: 20px;
    margin: 0px 0px 25px;
    font-weight: bold;
}
.home .texto-servicio {
    text-align: left;
}
.home .carousel-servicio{
}
.home .carousel-servicio .carousel.slide {
    border: 1px solid #000;
    padding: 0px;
}
.activo::after {
    content: '';
    display: block;
    position: relative;
    background-image: url('/wp-content/uploads/iconos-01.svg');
    width: 25px;
    height: 21px;
    background-repeat: no-repeat;
    background-size: 180px auto;
    background-position: -75px 0px;
    position: absolute;
    right: -30px;
    top: 2px;
}
.carousel-servicio .carousel-control-prev, .carousel-servicio .carousel-control-next{
    color: #000000;
    background-color: #000;
    display: block;
    position: absolute;
    top: 48%;
    opacity: 1;
    height: 30px;
    width: 40px;
}
.carousel-servicio .carousel-control-prev-icon {
    background-image: url('/wp-content/uploads/iconos-01.svg');
    opacity: 1;
    background-size: 200px auto;
    background-position: -170px 0;
    top: 4px;
    position: relative;
}
.carousel-servicio .carousel-control-next-icon {
    background-image: url('/wp-content/uploads/iconos-01.svg');
    opacity: 1;
    background-size: 200px auto;
    background-position: -142px 0;
    top: 4px;
    position: relative;
}
#slider{
  background-size: 100% auto;
  padding: 0;
  position: relative;
  overflow:hidden;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 9999999; 
  width: 100%;
  margin:0 auto;
}
#slider video{width: 100%;}
.panel-grid-cell, .container-content {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    padding: 0px 50px;
}
#slider .panel-grid-cell, #compromiso .panel-grid-cell{
  padding:0px;
}
#masthead {
    z-index: 99999999;
    min-height: 120px;
    margin: 0px auto 50px;
    padding: 0px 15px;
    border-bottom: 2px solid;
    background-color: #ffffff;
}
#masthead .content-header{
    max-width: 1300px;
    display: block;
    margin: 0 auto;
}
#contacteHeader {
   float: right;
    position: relative;
    right: 0;
    max-width: 430px;
    bottom: 28px;
    font-size: 13px;
    width: 100%;
    text-align: right;
    top: 60px;
}
.correuHeader, .telefonHeader{
    float: right;
    position: relative;
    padding-left: 50px;
}
.correuHeader .icono::after, .telefonHeader .icono::after {
    content: '';
    display: block;
    position: relative;
    background-image: url('/wp-content/uploads/iconos-01.svg');
    width: 35px;
height: 31px;
background-repeat: no-repeat;
background-size: 265px auto;
position: absolute;
left: 15px;
top: -5px;
}
.correuHeader .icono::after{
    background-position: 2px 0px;
}
.telefonHeader .icono::after{
    background-position: -35px 0px;
}
 .f-left{
  float: left;
}
#compromiso {
padding: 80px 0px 0px;
}
#compromiso .img-right{
    right: -100px;
    padding: 0px;
}
.columnas2{
  column-count: 2;
}
.contenido-compromiso{
    margin-top: 80px;
    padding: 0px !important;
}
#innovacion {
    background-image: url('/wp-content/uploads/banner-innovacion.jpg');
 
    position: absolute;
    left: 0;
    overflow: visible;
    width: 100%;
    height: 700px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contenido-innovacion.col-lg-12.col-md-12.col-sm-12.col-xs-12{
    background-color: #fff;
    max-width: 500px;
    padding: 60px;
    height: 700px;
    float: none;
    margin: 0 auto;
}#pg-8-8{
    height: 700px;
}
.contenido-innovacion ul {
    padding: 0px 0px 0px 20px;
    margin: 50px 0px 0px;
    list-style: square;
}
.contenido-innovacion ul li {
    min-height: 20px;
    margin-bottom: 10px;
}
.texto-calidad{
  float: right;
 margin-bottom: 30px;
right: 210px;
}
.img-calidad.col-lg-12{
    margin: 35px auto;
    float: none;
    max-width: 970px;
    clear: both;
}
#page footer {
padding: 20px 0px;
color: #fff;
text-align: center;
background-color:#000000;
position: relative;
bottom: 0;
width: 100%;
}
.contenido-metodologia .col-lg-3.col-md-3.col-sm-6.col-xs-6{
  padding: 0px 10px;
}
.numero{
    text-align: center;
    display: block;
    border: 1px solid;
    max-width: 26px;
    height: 26px;
    margin: 0 auto;
    border-radius: 50%;
    line-height: 28px;
background-color:
#fff;
overflow: hidden;
z-index: 9999999999999;
}
.metodologia-img1, .metodologia-img2 ,.metodologia-img3, .metodologia-img4{
margin: 0 auto 150px;
display: block;
}
#metodologia, .contenido-metodologia, #metodologia .panel-grid{
  display: flex;
  height: 80vh;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.contenido-metodologia{
  display: block;
}
.column, .metodologia-img1, .metodologia-img2 ,.metodologia-img3, .metodologia-img4 {
     z-index: 999;
  display: flex;
}
#metodologia {
   background: #fff;
}
#metodologia span.subtitulo {
    margin-bottom: 150px;
}
.numero-dos::before, .numero-uno::before , .numero-tres::before , .numero-cuatro::before {
    content: '';
    width: 1px;
    background-color: 
    #000000;
    position: absolute;
    display: block;
    bottom: 62px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 0;
    height: 65%;
}
#metodologia .panel-grid-cell {
    padding: 0px 0px;
}
#metodologia {
    padding: 0px 0px 30px 0px;
}
.numero-uno p, .numero-dos p , .numero-tres p , .numero-cuatro p  {
    float: left;
    position: relative;
    left: 58%;
    top: -21px;
}
@media (max-width: 1600px){
.main-navigation {
    left: 22%;
}
}
@media (max-width: 1450px){
.main-navigation {
    left: 18%;
}
}
@media (max-width: 1300px){
.main-navigation {
    left: 16%;
}
}
@media (max-width: 1200px){
.main-navigation {
    left: 20%;
    width: 60%;
    padding: 0px;
}
}
@media (max-width: 1100px){
.menu-toggle, .main-navigation.toggled ul {
    display: block;
}
.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation {
    left: inherit;
    width: 100%;
    padding: 0px;
    top: 65px;
}
.menu-toggle{
  float: right;
  top: -30px;
  position: relative;
  background: transparent;
  border: 0px;
  font-size: 26px;
}
.main-navigation ul#primary-menu li {
    padding: 0px 15px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    clear: left;
    height: 50px;
    background: 
    white;
    width: 100%;
}
.menu-menu-1-container {
top: 15px;
position: relative;
padding: 15px 0px;
float: left;
width: 100%;
}
.cd-primary-nav.toggled .menu-menu-1-container {
background:
    #fff;
}
.main-navigation a {
    font-size: 15px;
    line-height: 21px;
}
#contacteHeader {
    right: 65px;
}
}
@media (max-width: 991px){
.home .carousel-servicio, .home .texto-servicio{
  max-width: 100%;
  padding: 0px;
}
.menu-lateral a {
    font-size: 15px;
    line-height: 22px;
}
}
@media (max-width: 850px){
.servicios.col-lg-8.col-md-8.col-sm-6.col-xs-12 ul li {
    font-size: 17px;
    line-height: 25px;
}
#innovacion,#pg-8-8 {
    height: 529px;
}
.contenido-innovacion.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    background-color: rgba(255,255,255,.85);
    max-width: 500px;
}
}
@media (max-width: 800px){
  #conformado .panel-grid-cell, #enderezados .panel-grid-cell, #mallas .panel-grid-cell, #manipulado .panel-grid-cell{
  padding: 40px 0px !important;
}
#compromiso{
  padding-top: 0px;
}
.contenido-compromiso {
  margin-top: 0px;
    margin-bottom: 50px;
}
#compromiso .img-right {
    right: -41%;
    padding: 0px;
    max-width: 375px;
}
.servicios.col-lg-8.col-md-8.col-sm-6.col-xs-12 ul {
    padding: 0px;
    margin: 0px 0px 0px 25px;
}
.servicios.col-lg-8.col-md-8.col-sm-6.col-xs-12 ul li {
    font-size: 16px;
    line-height: 23px;
}
.content-servicios{
    padding: 0px 15px 20px;
}
}
@media (max-width: 750px){
 .home #enderezados .carousel-servicio,  .home #enderezados .texto-servicio,
 .home #conformado .carousel-servicio,  .home #conformado .texto-servicio, #enderezados .custom-html-widget .col-lg-12.col-md-12.col-sm-12.col-xs-12, 
#conformado .custom-html-widget .col-lg-12.col-md-12.col-sm-12.col-xs-12{
    max-width: 100%;
    padding: 0px;
    position: relative;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}
#compromiso .img-right {
    right: 0;
    padding: 0px;
    max-width: 100%;
    left: 0;
    margin: 0 auto 30px;
    display: block;
    float: none;
    text-align: center;
}
#metodologia, .contenido-metodologia, #metodologia .panel-grid {
    
    height: 155vh;
}
.numero-uno, .numero-dos, .numero-tres, .numero-cuatro{
  margin-bottom: 100px;
}
.texto-calidad {
    right: 0;
}
.home .menu-lateral {
    display: none;
}
.home .contenido-servicio{
  max-width: 100% !important;
  width: 100%;
}
}
@media (max-width: 600px){
  .numero-uno, .numero-dos, .numero-tres, .numero-cuatro {
    margin-bottom: 45px;
}
#metodologia, .contenido-metodologia, #metodologia .panel-grid {
    height: 340vh;
}
}
@media (max-width: 650px){
#contacteHeader {
    right: 25px;
    top: 17px;
    position: absolute;
}
#masthead {
    min-height: 145px;
    }
.menu-toggle {
    top: 0;
}
.custom-logo-link {
    margin: 55px auto 15px;
}
#contacteHeader {
    right: 0;
    top: 17px;
    position: absolute;
    left: 0;
    width: 328px;
    margin: 0 auto;
}
#masthead {
    margin: 0px auto 15px;
}
}
@media (max-width: 550px){
  #metodologia, .contenido-metodologia, #metodologia .panel-grid {
    height: 327vh;
}
.servicios.col-lg-8.col-md-8.col-sm-6.col-xs-12 {
    float: left;
    margin-top: 25px;
    margin-bottom: 30px;
}
.columnas2 {
    column-count: 1;
}
.contenido-innovacion.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    padding: 60px 24px;
  }
}
@media (max-width: 450px){
  #metodologia, .contenido-metodologia, #metodologia .panel-grid {
    height: 300vh;
}
#innovacion, #pg-8-8,.contenido-innovacion.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    height: 600px;
}
  .menu-toggle {
    top: -5px;
}
.custom-logo-link {
    margin: 65px auto 15px;
    max-width: 150px;
}
.correuHeader .icono::after, .telefonHeader .icono::after {
    width: 27px;
    height: 23px;
    background-size: 200px auto;
    position: absolute;
    left: 5px;
    top:-1px;
}
.correuHeader, .telefonHeader {
    padding-left: 33px;
}
.telefonHeader .icono::after {
    background-position: -24px 0px;
}
#contacteHeader {
    width: 295px;
}
.servicios.col-lg-8.col-md-8.col-sm-6.col-xs-12 ul li {
    font-size: 15px;
    line-height: 19px;
}
#compromiso .img-right {
    right: -10%;
}
.contenido-compromiso {
    margin-bottom: 15px;
}
}
@media (max-width: 400px){
#metodologia, .contenido-metodologia, #metodologia .panel-grid {
    height: 280vh;
}
}
/*FIN FILMOSOL*/

/*GANCHOS*/
body.page-id-490 .panel-grid-cell{padding: 0px}
body.page-id-490 table{overflow-x: auto; display: block;border-right: 0px; max-width: 1400px;}
body.page-id-490 td{padding: 0px 5px;white-space: nowrap;}
body.page-id-490 td img{min-width: 160px;}

body.page-id-490 .wpcf7 input, body.page-id-490 .wpcf7 textarea{width: 100%; max-width: 400px; border: 1px solid; border-radius: 0px; margin-bottom: 10px;}
body.page-id-490 .wpcf7 textarea{max-width: 800px;}
body.page-id-490 .wpcf7 input.wpcf7-submit{background: #000; max-width: 200px; color: #fff; text-transform: uppercase;}