/*
Theme Name: BH Ingenieros
Theme URI: https://bhingenieros.com/
Author: TiFactor
Author URI: http://tifactor.com/
Description: Tema de uso corporativo para la empresa BH Ingenieros SAC
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bhingenieros.com
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
body{
  --cp: #f18524;
  --cph: #f38d31;
  --cs: #025373;
  --csh: #044d6a;
  --gris: #bfcfd9;
  --sky:#bfd5dd;
  --tw: #ffffff;
  --tb: #0e171e;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Lato', sans-serif;
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill,textarea:-webkit-autofill,textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 0px rgba(0,0,0,0.8) inset;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#fff;}
h2{font-size: 2rem;}
h3{font-size: 1.8rem;}
h1,h2,h3,h4,h5,h6{font-weight: 900;color: var(--cs);}
h1{font-size: 3rem;font-weight: 900;}
.bgcp{background-color: var(--cp);color: var(--tw);}
section h2{text-align: center;}
h2+p.center{width: 80%;margin: 1rem auto 2rem auto;}
.fixed-menu .bgcp{background-color: var(--cp); animation-name: color-change; animation-duration: 6s;animation-iteration-count:infinite}

.bgcs{background-color: var(--cs)}
.bgcp:hover,.bgcp:active,.bgcp:focus{background-color: var(--cph);color: var(--tw);}
.bgcs:hover,.bgcs:active,.bgcs:focus{background-color: var(--csh);}
*[class^="tw"]{color:var(--tw)}
*[class^="tcp"]{color: var(--cp)}
*[class^="tcs"]{color: var(--cs)}
.tcp3{font-weight:300;}
.tcp5,.tcs5{font-weight: 500;}
.tcp7,.tcs7{font-weight: 700;}
.tw4{font-weight: 400;}
.tw5{font-weight: 500;}
.tw7{font-weight: 700;}
section{padding: 4rem 0;font-weight:300;}
i{vertical-align: middle;margin-right: 0.5rem;}
p, ul li, ol li{font-size: 1.2rem;line-height: initial;/* font-weight: 300; */}
a.btn, a.btn-large{font-weight: 500;font-size: 1.2rem;}
a.btn-large{line-height: 3.4rem;}
a.btn i{font-size: 1rem;margin-left: .4rem;margin-right: 0;}
input.bgcp:focus{background-color: var(--cp);}
ul.checked li{display: flex;align-items: center;margin: 1rem 0;}
ul.checked li:before{font-family: 'icomoon';margin-right: 1rem;vertical-align: middle;color: var(--cs);}
ul.checked li:before{content: "\e905";font-size: 1.1rem; }

#formulario{background-color: var(--sky);color: var(--tb);}
#frmSolicita .saludo{margin-bottom: 1.5rem;font-size: 1.4rem;}
#frmSolicita .saludo strong{color: var(--cp);}
.input-field>label{color: var(--cs);font-weight: 900;}
#frmSolicita input, #frmSolicita textarea {color: var(--tb);font-size: 1rem;font-weight: 500;}
#frmSolicita .l-captcha .l8 .l4{padding: 0;}
#frmSolicita .lv-cp{font-weight: 700;color: var(--cs);}
.l-captcha i{padding: 0;}
#formulario #formsend{cursor: pointer;color: var(--tw);padding: 1rem 2.5rem;font-size: 1.4rem;}
.parallax-container{z-index: 0;}

.owl-carousel{z-index: 0;}
.owl-theme .owl-nav {margin-top: 10px;text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-nav [class*="owl-"] { color: #fff; font-size: 14px; margin: 5px;padding: 4px 7px; background: var(--sky);display: inline-block;cursor: pointer; border-radius: 3px;}
.owl-theme .owl-nav [class*="owl-"]:hover {color: var(--cp);text-decoration: none;}
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px;}
.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1; *display: inline;}
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background:var(--sky); display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px;}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background-color: var(--cp);}

.preloader-background{display:flex;align-items:center;justify-content:center;background-color: transparent;position:fixed;z-index:9999999;top:0;left:0;right:0;bottom:0;height: 5px;}
.preloader-box{position: absolute;top: 0;width: 100%}
.preloader-box .progress{width: 100%;margin: 0;z-index: 2;overflow: visible;}

.main-header{position: relative;z-index: 2;background-color: var(--cs);height: 70px;}
nav{box-shadow:none;background: transparent;}
.Spanco{line-height: 7.6rem;}
.fixed-menu .Spanco{line-height: 5.8rem;}
.fixed-menu .Spanco img{margin-top: .25rem;}
.welcome{line-height: 7.6rem;}
.fixed-menu{background-color: var(--cs);position: fixed;z-index: 999;top: 0;width: 100%;padding: 0;-moz-transition: 1.6s;-o-transition: 1.6s;-webkit-transition: 1.6s;transition: 1.6s;padding: 0;height: 64px;}
.fixed-menu .welcome{line-height: 5.8rem;}
.fixed-menu .welcome img{margin-top: .25rem;}
.fixed-menu ul li a.dropdown-trigger, .fixed-menu ul.menu-main li a{height: 64px;line-height: 2.1rem;}
.main-header nav .container{display: flex;justify-content: space-between;align-items: flex-start;}
.main-header .box-menu-header{display: flex;align-items: center;}
.main-header .box-menu-header ul+a{margin-left: 2rem;}
.main-header nav ul a:hover {border-bottom: 4px solid var(--cp); color: var(--cp); font-weight: bolder;}
ul.menu-main li { position: relative;}
ul.menu-main li a{padding: 1.2rem 2rem;font-size: .9rem;height: 70px;line-height: 2.3rem;}
#menu-servicios li a{line-height: 2rem;height: 68px;}
#menu-servicios li a:hover{background-color: var(--cs);}
ul li a.dropdown-trigger {padding: 1rem 2.4rem;font-size: .9rem;line-height: 2.8rem;}
ul li a.dropdown-trigger:after {content: "";position: absolute; width: 0; height: 0; top: 43%; right: 15px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #fff;}
ul.dropdown-content {width: 350px !important;top: 95px !important;background-color: rgba(0,0,0,0.85);}
.fixed-menu ul.dropdown-content{top: 64px !important;}
.dropdown-content li>a, .dropdown-content li>span{color: var(--tw);}

#home-cover{background-image: url('images/bg-cover.jpg');}
#estructuras-metalicas{background-image: url('images/bg-estructuras-metalicas.jpg');}
#ecm{background-image: url('images/bg-equipos-componentes-mecanicos.jpg');}
#supervision-proyectos{background-image: url('images/bg-supervision-de-proyectos.jpg');}
#automatizacion{background-image: url('images/bg-automatizacion.jpg');}
#obras-civiles{background-image: url('images/bg-obras-civiles.jpg');}
#proyectos-cover{background-image: url('images/bg-cover-proyectos.jpg');}
#proyectos-cover,#taxonomy-cover{background-image: url('images/bg-cover-proyectos.jpg');}
#nosotros{background-image: url('images/bg-cover-nosotros.jpg');}
#contacto-header{background-image: url('images/bg-cover-contacto.jpg');}
#gracias{background-image: url('images/bg-gracias.jpg');}


.bg-cover{background-size: cover;}
.cover-content{width: 50%;}
.bg-cover h1{color: var(--tw);}
.bg-cover h1 span{color: var(--cp); font-size: 1.5rem;display: block;line-height: 2rem;}
.bg-cover p,.cover-content p{color: var(--tw);}
#servicios{padding-top: 2rem;}
#servicios .owl-carousel .owl-item img{width: 100%;}
#servicios article{margin: 2rem 1rem;overflow: hidden;}
#servicios article figure{margin: 0;overflow: hidden;}
#servicios article:hover figure{border-bottom: 5px solid var(--cp);}
#servicios article img{-moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;transition: .3s}
#servicios article:hover img{transform: scale(1.1);
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s}
#servicios article:hover h3 a{color: var(--cp); font-weight: 900;}

#servicios article h3{font-weight: 500;text-align: center;}
#servicios article h3 a{color: var(--cs);}
#servicios .owl-theme .owl-dots .owl-dot{margin: 1rem ;}
#servicios .owl-theme .owl-dots .owl-dot span{width: 65px;height: 10px;border-radius: 0;}
#servicios .owl-theme .owl-nav.disabled + .owl-dots{margin: 3rem 0;}
#servicios .owl-nav{display: none;}
#servicios .owl-dots{margin: 0;}
#experiencia{padding-top: 0;}
#experiencia article:last-of-type{text-align: center; padding-top: 9rem;}
#experiencia article:last-of-type p{width: 70%;margin: 2rem auto;}
.lista-proyectos article{margin: 1rem 0;}
.lista-proyectos figure{overflow: hidden;background-color: var(--cs);margin: 0;padding: 0;height: 330px;}
.lista-proyectos figure img{
  width: 424px;
  height: 330px;
  /* max-width: none; */
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lista-proyectos figure:hover img{opacity: 0.1;   -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}
.lista-proyectos figure:hover figcaption{background: transparent;}
.lista-proyectos figure figcaption{
  margin-top: -125px;
  background: rgba(0,0,0,.5);
  height: 120px;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,.9) 25%, rgba(0,0,0,0) 100%);
  /* padding: 4rem 2rem 6rem 2rem; */
  position: relative;
  padding: 2.5rem 1rem;
  }
.lista-proyectos figure figcaption h3{
  color: var(--tw);
  width: 90%;
  margin: 0 auto;
  font-size: 1.5rem;
  position: relative;
  font-weight: 500;
  overflow: hidden;
  /* margin-top: 0; */
  padding: 0;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  }
.lista-proyectos figure:hover figcaption h3{padding-top: .5rem; height: 55px;}
.lista-proyectos figure figcaption h3 a{color: var(--tw);}
.lista-proyectos figure:hover figcaption h3{  -webkit-transform: translate3d(0,-50%,0) translate3d(0,-25px,0);  transform: translate3d(0,-50%,0) translate3d(0,-25px,0); }
.lista-proyectos figure figcaption a.btn{ opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,-150%,0); transform: translate3d(200%,-120%,0);  }
.lista-proyectos figure:hover a.btn{ opacity: 1; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(15%,-100%,0);  }
.pagination{display: flex;align-items: center;margin: 4rem 0;}
.pagination .current{text-align: center;display: block;width: 35px;height: 35px;background-color: var(--cp);padding: .4rem;color: var(--tw);margin: 0 .5rem;}
.pagination a{margin: 0 .5rem;width: 35px;height: 35px;text-align: center;line-height: 2.2rem;color: var(--tb);/* font-weight: 700; */}
.pagination a.next,.pagination a.prev{width: 80px;}
#clientes h2, #testimonios h2{font-size: 1.6rem;}
#clientes .owl-stage-outer{margin: 2.5rem 0;}
#clientes img {-webkit-filter: grayscale(100%);filter: grayscale(100%);padding: 15px;}
#clientes img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); transform: scale(1.2); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}

.whatsappchat {position: fixed;bottom: 20px;right: 20px;display: block;z-index: 999!important;}
.whatsappchat a {width: 55px;height: 55px;background: #51c14f;display: block;border-radius: 50%;text-align: center;}
.whatsappchat a i {font-size: 2.5rem;color: var(--tw);line-height: 3.87rem;margin: 0;border-radius: 50%;padding: 0;text-align: center;}
#footer{background-color: var(--gris);color: var(--tw);padding: 1.5rem 0;}
#footer .row{margin-bottom: 0;}
#footer .col:last-of-type{text-align: right;}
#footer img{margin-top: 6rem;}
#footer .df-contacto li{margin: 2rem 0;color: var(--cs);display: flex;}
#footer .df-contacto li:first-of-type i{line-height: 2.6rem; }
#footer .df-contacto li i{color: var(--cp);font-size: 1.8rem;margin-right: 1rem;}
#footer .df-contacto li span{padding: 0 .5rem;}
#footer .f-social{margin-top: 5rem;}
#footer ul.f-social li{display: inline-block;margin: 1rem;width: 50px;height: 50px;background-color: var(--cs);border-radius: 50%;line-height: 3rem;text-align: center;}
#footer ul.f-social li i{margin-right: 0;}
#footer a{color: var(--tw);}
.pie{background-color: var(--cs);color: var(--tw);padding: 1rem 0;}
.pie .row{margin-bottom: 0;padding: 0;line-height: 0;font-size: 0;}
.pie p{font-size: 1rem;margin: 0;line-height: 1rem;}
.pie a{color: var(--gris);font-size: 1rem;}
.pie .col:last-of-type{text-align: right;}
#how h3{font-size: 1.6rem;font-weight: 400;}
#how ul li{display: inline-block;width: 31.3%; margin: 3rem 0.5% 1.5rem 0.5%;text-align: center;}
#how ul li i{display: block;width: 120px;height: 120px;background-color: var(--cp);color: var(--tw);border: 5px solid var(--tw);border-radius: 50%;padding: 1rem;box-shadow: 0 0 3px 0 var(--cs);text-align: center;font-size: 4.2rem;line-height: 5rem;margin: 0 auto;}
#how ul li p{width: 75%;margin: 1rem auto;}
#calidad h2, #analisis h2, .nuestro-servicio h2{text-align: left;margin-bottom: 2rem;}
#calidad h2{font-size: 1.9rem;}
#calidad h2 span{background-color: var(--cp); color: var(--tw); padding: .3rem;}
#calidad .galeria {margin-top: 2.8rem;}
#beneficios, #fabricacion, #calidad{padding-top: 0;}
#beneficios h2{text-align: right;margin:0 0 2rem 0;}
#beneficios ul, #fabricacion .col:last-of-type{padding-left: 2rem;}
#beneficios .owl-dots, #fabricacion .owl-dots{
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(255,255,255,0) 95%);
  margin-top: -55px;
  padding: 1rem 0;
  position: relative;
  }

#contactanos{position: relative;background-image: url('images/bg-contactanos.jpg');background-size: cover; text-align: center; color: var(--tw);}
#contactanos h2{color: var(--tw);margin-bottom: 2rem;}
#contactanos h2+p{width: 75%; margin: 1rem auto;}
#contactanos:before{content: ""; position: absolute; background: rgba(2,83,115,.9);left: 0;right: 0;top: 0;bottom: 0; width: 100%;height: 100%;}
#contactanos .container{position: relative;}
#analisis .galeria,.nuestro-servicio .galeria{margin-top: 3rem;}
.nuestro-servicio .galeria{margin-top: 7rem;}
#fabricacion h2{text-align: left;margin-top: 0;}
#oc-servicio .galeria{margin-top: 3.5rem;}
#nuestra-empresa{padding-bottom: 0;}
#nuestra-empresa .container{position: relative;}
#nuestra-empresa .row{padding: 1.5rem 0;}
#nuestra-empresa .col img{width: 100%;}
#nuestra-empresa .box-empresa{background-color: var(--cs);color: var(--tw);position: absolute;z-index: 1;right: 0;top: 4rem;width: 45%;padding: 2rem;}
#nuestra-empresa .box-empresa h2{color: var(--tw); line-height:initial;}
#nuestra-empresa ul{display: flex;align-items: center;}
#nuestra-empresa ul li{width: 27%; margin: 1rem 2.5rem;}
#nuestra-empresa ul li ul li{display: block;width: 100%;}
#equipo{padding: 0;}
#equipo h2{margin-bottom: 5rem;}
#equipo figure img{width: 100%;}
#equipo figcaption{position: relative;padding: .5rem 2rem;}
#equipo figcaption p{color: var(--cp);}
#equipo figcaption a{position: absolute;right: 2rem;top: 3rem;background-color: var(--cp);color: var(--tw);padding: 1rem;border-radius: 3px;width: 50px;height: 50px;text-align: center;line-height: 1.3rem;}
#equipo figcaption a i{margin: 0;}
#equipo ul{padding-left: 4.8rem;   width: 90%;}
#contacto h2{margin-top: 0;}
#contacto h2+p{text-align: center;margin-bottom: 3rem;}
#contacto ul{display: flex;align-items: baseline;}
#contacto ul li{margin: 2rem 0;font-size: 1.2rem;display: inline-block;width: 25%;margin-right: .5%;font-weight: 700;}
#contacto ul li:nth-of-type(1),#contacto ul li:nth-of-type(2){width: 25%;}
#contacto ul li:nth-of-type(3){width: 30%;}
#contacto ul li:nth-of-type(4){width: 20%;}
#contacto ul li i{width: 50px;height: 50px;border-radius: 50%;font-size: 1.3rem;line-height: 3.4rem;text-align: center;background-color: var(--cs);float: left;margin-right: 1rem;color: var(--tw);margin-bottom: 2rem;}
#contacto ul li strong{font-size: 1.2rem;line-height: 2rem;font-weight: 700;color: var(--cs);}
#contacto ul li span{display: block;font-size: 0;}
#contacto ul li:last-child div{text-align: right;}
#contacto ul li:last-child a{float: right;}
#mapa{padding-top: 0;}
#thank-you h1 i{display: block;font-size: 5rem;color: var(--cp);margin: 2rem 0;}
#thank-you h1 + p a{font-size: 1.3rem;color: var(--cs);display: block;font-weight: 700;margin: 1rem 0 3rem 0;}
#thank-you h1 + p a i{font-size: 1.4rem;color: var(--cp);font-weight: 700;}

.main-proyectos .lista-proyectos> h3{margin-bottom: 4rem;}
.sectores{padding-top: 0;}
.sectores ul li{text-align: center;display: inline-block;width: 18%;margin: 2rem 1%;padding: 2rem;}
/*.sectores ul li.active{border: 1px solid var(--cp);border-radius: 3px;background-color: transparent;}*/
.sectores ul li.active{background-color: transparent;}
.sectores ul li a{color: var(--cs);font-weight: 900;}
.sectores ul li a:hover{background-color: transparent;color: var(--cp);}
.sectores ul li i{font-size: 3.5rem;}
.sectores ul li p{font-size: 1rem; margin-bottom: 0;}
.sectores ul li.active i,.sectores ul li.active p{color: var(--cp);}

.post-type-archive-proyectos #primary, .tax-sector #primary { width: 100%; display: flex; flex-wrap: wrap;}
article.post{width: 30%;margin:1rem 1% ; position: relative;overflow: hidden;margin-bottom: 1rem;z-index: 0;}

.single-title{margin-top: -110px;position: relative;background-color: var(--cs);padding: 0;height: 500px;}
.single-title:before{content: "";background: rgb(4,0,0);background: linear-gradient(180deg, rgba(4,0,0,0.8071603641456583) 17%, rgba(0,0,0,0) 100%);position: absolute;z-index: 1;width: 100%;height: 100%;}
.single-title img{position: absolute;top: 0;width: 100%;height: 100%;}
.single-title .container{position: relative;z-index: 1;color: var(--tw);padding-top: 14rem;}
.single-title .container a{color: var(--tw);}
.single h1{font-size: 2.5rem;margin-top: 0;color: var(--tw);}
.single .data-box{width: 80%;display: table;background-color: rgba(2,83,115,.9);padding: 2rem;margin: 0 0 0 7rem;border-radius: 4px;-webkit-border-radius: 4px;}
.single .data-box .col{margin: 1.5rem 0;}
.single .data-box i{font-size: 1.5rem;color: var(--cp);}
.single .kksr-stars{margin-left: 2rem;}
.widget-item{border: 1px solid #dedede;padding: 2rem;margin: 1.5rem 0;}
.widget-item:first-of-type{margin-top: 0.5rem}
.widget-item .title-widget-item{font-weight: 500;font-size: 1.4rem;color: var(--cs); font-weight: 900;}
.widget-item ul li{border-bottom: 1px solid #b8b8b8; padding: 1rem 0;}
.widget-item .rpwwt-widget ul li{padding: 0.5rem 0;}
.widget-item ul li a{color: #0e171e;font-size: 1.3rem;}
.widget-item ul li a img{border-radius: 50%;width: 50px !important;height: 50px !important;vertical-align: middle;}
.widget-item ul li a span{margin-top: 1rem;display: block;}
#blog-home,#category-head{background-image: url('images/bg-cover-blog.jpg');}
#category-head h1 span{display: block;font-size: 1.4rem; font-weight: 300;}
.blog-section article{margin: 0;}
.blog-section .card-image{position: relative;z-index: 0;}
.blog-section .card-image:before{content: "";background: rgb(4,0,0);background: linear-gradient(180deg, rgba(4,0,0,0.7455357142857143) 0%, rgba(0,0,0,0) 62%); position: absolute;
  width: 100%; height: 100%; left: 0; border-radius: 4px; z-index: 1; }
.blog-section .category-post{position: absolute;top: 25px;left: 15px;z-index: 2;}
.blog-section .category-post a{color: var(--tw); border-left: 2px solid var(--cp);padding-left: .5rem;}

.post-comments-number{position: absolute;bottom: 30px;right: 25px;color: var(--tw);font-size: 1.4rem;}
.card-content{text-align: left;}
.card-title a{color: var(--cs);font-size: 1.3rem;font-weight: 500;}
.data-post{display: flex;justify-content: space-between;margin-top: 2rem;}
.data-post a,.blog-section .data-post i{color: var(--cp);margin-right: 0.5rem;}
.entry-content img { width: 100%; height: 100%;}
.page-template .a2a_kit,.page-template-default .a2a_kit,.blog .a2a_kit,.archive .a2a_kit{display: none;}
.a2a_kit{border-radius: 0 !important;padding: 0.8rem!important}
.a2a_default_style .a2a_count, .a2a_default_style .a2a_svg, .a2a_floating_style .a2a_svg, .a2a_menu .a2a_svg, .a2a_vertical_style .a2a_count, .a2a_vertical_style .a2a_svg{padding: 0.2rem}
.a2a_button_email span{background-color: #f35c04!important;}
.single .a2a_kit{display: block;}



/**********************************************SMARTPHONE***************************************************/
@media screen and (max-width:360px) {

  }

@media screen and (min-width:320px) and (max-width:480px){
h1{font-size: 1.8rem;}
h2{font-size: 2rem;line-height: initial;}
h3{font-size: 1.6rem;}
h2+p.center{width: 100%;}
#slide-out > li:first-child {padding: 1rem 0.3rem 2rem 1rem;background: var(--cs);margin-bottom: 1rem;}
#slide-out > li:first-child a{ padding: 0;}
#slide-out > li:first-child img{margin-top: 1rem;}
.collapsible-body ul{background-color: #f1f1f1;}

ul.collapsible li a.collapsible-header{padding: 0 2.5rem;}
#slide-out ul.collapsible li.active>a { background-color: var(--cp); color: var(--tw);}
#slide-out ul.collapsible li a.collapsible-header:after { content: ""; position: absolute; width: 0; height: 0; top: 40%; right: 25px; border-left: 5px solid transparent; border-right: 5px solid transparent;
  border-top: 6px solid #333;}
  #slide-out ul.collapsible li.active a.collapsible-header:after { border-top: 6px solid #fff;}
.show-btn{display: block!important;}
.main-header{height: 64px;}
.welcome{line-height: 15rem;}
.welcome img{width: 15%;}
#home-cover{background-image: url('images/bg-cover-s.jpg');height: 90vh;}
#estructuras-metalicas{background-image: url('images/bg-estructuras-metalicas-s.jpg');}
#ecm{background-image: url('images/bg-equipos-componentes-mecanicos-s.jpg');}
#supervision-proyectos{background-image: url('images/bg-supervision-de-proyectos-s.jpg');}
#automatizacion{background-image: url('images/bg-automatizacion-s.jpg');}
#obras-civiles{background-image: url('images/bg-obras-civiles-s.jpg');}
#proyectos-cover{background-image: url('images/bg-cover-proyectos-s.jpg');}
#taxonomy-cover{background-image: url('images/bg-cover-proyectos-s.jpg');}
#nosotros{background-image: url('images/bg-cover-nosotros-s.jpg');}
#contacto-header{background-image: url('images/bg-cover-contacto-s.jpg');}
.cover-content{width: 100%;}
.home .cover-content{width: 95%;position: absolute;bottom: 2rem;}
.bg-cover h1{margin-top: 0;}
#servicios .owl-carousel .owl-item img {width: 100%;/* height: 450px; */}
#servicios article {margin: 0;}
#servicios .owl-nav{display: block;position: absolute;top: 30%;z-index: 1;width: 100%;}
#servicios .owl-nav button{color: var(--tw);font-size: 4rem;font-weight: 500;}
#servicios .owl-nav .owl-prev{left: -120px;position: relative;}
#servicios .owl-nav .owl-next{right: -120px;position: relative;}
#servicios .owl-dots{display: none;}
#experiencia article{padding: 0;}
#experiencia article:last-of-type{padding-top: 0;}
#experiencia article:last-of-type a{width: 100%;line-height: 3.8rem;font-size: 1.4rem;}
#clientes{padding-top: 0;}
#clientes img{padding: 0;}
#how{padding-bottom: 1rem;}
#how h2{margin-bottom: 5rem;}
#how ul li{display: flex; width: 100%;margin-top: 0;}
#how ul li h3{float: left;margin: 0 0 0 2rem;}
#how ul li i{width: 60px;height: 60px;font-size: 2rem;line-height: 1.6rem;text-align: center;vertical-align: middle;float: left;border: 3px solid var(--tw);}
#how ul li p{display: block;float: left;text-align: left;margin-left: 2rem;}
#calidad h2{line-height: 3.2rem;}
#beneficios h2{margin-top: 3rem;text-align: center;}
#beneficios .owl-carousel .owl-item img{width: 100%;height: 190px;padding: 0;margin: 0;/* display: table; */}
#beneficios .owl-dots, #fabricacion .owl-dots{margin-top: -53px;}
#beneficios ul, #fabricacion .col:last-of-type{padding-left: 0;}
#fabricacion h2{margin-top: 3rem;}
#contactanos h2+p{width: 100%;margin-bottom: 3rem;}
.btn-fixed-menu {position: fixed;top: 4px;right: 20px;z-index: 997;}
.btn-fixed-menu a,.btn-floating:hover{background-color: transparent;box-shadow: none;}
.btn-fixed-menu a i{font-size: 1.8rem;}
#footer .col:last-of-type{text-align: center;}
#footer .df-contacto li{display: inline-flex;}

.pie .col,.pie .col:last-of-type{text-align: center;}
.pie p{margin: .5rem 0;}
.main-proyectos .container{width: 100%;}
.main-proyectos .lista-proyectos{padding: .8rem;}
.sectores ul li{width: 33%;margin: 2rem 0;padding: 0;}
article.post{width: 100%;}
.lista-proyectos figure,.lista-proyectos figure img{height: auto;}
.sectores ul li p{font-size: .9rem;margin-bottom: 0;}
#nuestra-empresa{padding-top: 0;}
#nuestra-empresa .col, #equipo .col{padding: 0;}
#nuestra-empresa .row:first-of-type img{display: none;}
#nuestra-empresa .row{padding: 0;margin-bottom: 5rem;}
#nuestra-empresa .box-empresa{position: relative;width: 100%;margin-bottom: 3rem;}
#nuestra-empresa ul{display: block;}
#nuestra-empresa ul li{width: 100%;text-align: center;margin: 0 0 2.5rem 0;}
#equipo .row{margin-bottom: 0;}
#equipo figure{margin: 0;}
#equipo figcaption{padding: .5rem 1rem;}
#equipo figure h3{margin: .5rem 0;}
#equipo figcaption p{margin: .5rem 0;}
#equipo figcaption a{top:1rem;right: 1rem;}
#equipo ul{width: 100%;padding-left: .8rem;margin-bottom: 4rem;}
#contacto ul{display: block;}
#contacto ul li{width: 100% !important;margin: 1rem 0;}
#contacto ul li:last-child div{text-align: left;}
#contacto ul li:last-child a{float: none;clear: both;}

.single h1{font-size: 2rem;margin-bottom: 0;}
.single-title{height: 300px;}
.single-title .container{width: 95%;padding-top: 12rem;}
.single-title .container .col:last-of-type{padding: 0;/* display: table; */}
.single .data-box{width: 90%;margin-top: 3.4rem;background-color: var(--cs);margin: 8rem auto 0 auto;}
.single .data-box i, .single .data-box a{font-size: 1.4rem;}
.single .kksr-stars{margin-left: 0;}
.single .kk-star-ratings {margin: .5rem 0 0 0;} 
.blog #primary .card-image img{height: auto;}
#search-wrapper #s + i{height: 49.5px;}

}

/*******************************TABLET*******************************/
@media screen and (max-width: 768px) and (min-width: 480px){
  h1{font-size: 2.8rem;}
  h2{font-size: 1.8rem;}
  p, ul li, ol li { font-size: 1.6rem;line-height: initial;}
  .fixed-menu{height: 80px;}
  .sidenav{width: 450px;}
  .sidenav li{margin: 1.5rem 0;}
  .sidenav li>a{font-size: 1.2rem;}
  #slide-out > li:first-child {padding: 2.5rem 0 2.5rem 2rem;background: var(--cs);margin-bottom: 1rem;margin-top: 0;}
  #slide-out > li:first-child a{ padding: 0;}
  .collapsible-body ul{background-color: #f1f1f1;}
  .collapsible-body ul li:last-child a{line-height: 1.5rem;}
  ul.collapsible li a.collapsible-header{padding: 0 2.5rem;}
  #slide-out ul.collapsible li.active>a { background-color: var(--cp); color: var(--tw);}
  #slide-out ul.collapsible li a.collapsible-header:after { content: ""; position: absolute; width: 0; height: 0; top: 40%; right: 25px; border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 6px solid #333;}
  #slide-out ul.collapsible li.active a.collapsible-header:after { border-top: 6px solid #fff;}
  .input-field>label{font-size: 1.2rem;}
  .galeria{margin: 5rem 0;}
    .show-btn{display: block!important;}
    .main-header{height: 80px;}
    .welcome, .fixed-menu .welcome{line-height: 7rem;}
    .welcome img{width: 92%;}
    #home-cover{background-image: url('images/bg-cover-s.jpg');height: 93vh;}
    #estructuras-metalicas{background-image: url('images/bg-estructuras-metalicas-s.jpg');}
    #ecm{background-image: url('images/bg-equipos-componentes-mecanicos-s.jpg');}
    #supervision-proyectos{background-image: url('images/bg-supervision-de-proyectos-s.jpg');}
    #automatizacion{background-image: url('images/bg-automatizacion-s.jpg');}
    #obras-civiles{background-image: url('images/bg-obras-civiles-s.jpg');}
    #proyectos-cover{background-image: url('images/bg-cover-proyectos-s.jpg');}
    #taxonomy-cover{background-image: url('images/bg-cover-proyectos-s.jpg');}
    #nosotros{background-image: url('images/bg-cover-nosotros-s.jpg');}
 
    .cover-content{width: 100%;}
    .home .cover-content{width: 88%;position: absolute;bottom: 4rem;}
    .bg-cover h1{margin-top: 0;}
    #servicios .owl-carousel .owl-item img {width: 100%;}

    #experiencia article:last-of-type{padding-top: 4rem;}
    #experiencia article:last-of-type a{width: 80%;line-height: 3.8rem;font-size: 1.4rem;}
    #clientes img{padding: 0;}

    #how{padding-bottom: 1rem;}
    #how h2{margin-bottom: 5rem;}
    #how ul li{width: 100%;margin: 1rem 0;}
    #how ul li h3{float: left;margin: 0 0 0 2rem;}
    #how ul li i{width: 60px;height: 60px;font-size: 2rem;line-height: 1.6rem;text-align: center;vertical-align: middle;float: left;border: 3px solid var(--tw);}
    #how ul li p{display: block;float: left;text-align: left;margin-left: 2rem;}
    #calidad h2{line-height: 3.2rem;}
    #beneficios h2{margin-top: 3rem;text-align: center;}
    #beneficios .owl-carousel .owl-item img{width: 100%;height: 380px;padding: 0;margin: 0;/* display: table; */}
    #beneficios .owl-dots, #fabricacion .owl-dots{margin-top: -53px;}
    #beneficios ul, #fabricacion .col:last-of-type{padding-left: 0;}
    #contactanos h2+p{width: 100%;margin-bottom: 3rem;}
    #fabricacion h2{margin-top: 4rem;}
    .btn-fixed-menu {position: fixed;top: 12px;right: 35px;z-index: 997;}
    .btn-fixed-menu a,.btn-floating:hover{background-color: transparent;box-shadow: none;}
    .btn-fixed-menu a i{font-size: 2.4rem;}
    #footer .col:nth-of-type(2){margin: 3rem 0;}
    #footer .col:last-of-type{text-align: center;}
    #footer .f-social{margin-top: 0;}
    .pie .col,.pie .col:last-of-type{text-align: center;}
    .pie p{margin: .5rem 0;}
    .sectores ul li{width: 31%;}
    .sectores ul li p{height: 40px;}
    article.post{width: 45%;margin: 1rem 1.1rem;}
    .lista-proyectos figure,.lista-proyectos figure img{height: auto;}
    #nuestra-empresa{padding-top: 0;}
    #nuestra-empresa .col, #equipo .col{padding: 0;}
    #nuestra-empresa .row:first-of-type img{display: none;}
    #nuestra-empresa .row{padding: 0;margin-bottom: 5rem;}
    #nuestra-empresa .box-empresa{position: relative;width: 100%;margin-bottom: 3rem;}
    #nuestra-empresa ul{display: block;}
    #nuestra-empresa ul li{width: 100%;text-align: center;margin: 0 0 2.5rem 0;}
    #equipo .row{margin-bottom: 0;}
    #equipo figure{margin:0;}
    #equipo figcaption{padding: .5rem 1.8rem;}
    #equipo figure h3{margin: 1.5rem 0 0 0;}
    #equipo figcaption p{margin: .5rem 0;}
    #equipo figcaption a{top: 1.8rem;right: 2rem;}
    #equipo ul{width: 100%;padding-left: .8rem;margin-bottom: 6rem;}
    #contacto ul{display: flex;flex-wrap: wrap;align-items: flex-start;}
    #contacto ul li{width: 48% !important;margin: 2.5rem 0;font-size: 1.7rem;text-align: center;font-weight: 400;}
    #contacto ul li i{float: none;display: block;margin: .5rem auto;font-size: 1.8rem;width: 60px;height: 60px;line-height: 4.5rem;}
    #contacto ul li strong{font-size: 1.5rem;font-weight: 700;margin: 0;/* display: block; */}
    #contacto ul li:last-child div{text-align: center;}
    #contacto ul li:last-child a{float: none;/* clear: both; *//* margin: 0 auto; */}
    
    .single h1{font-size: 2rem;margin-bottom: 0;}
    .single-title{height: 300px;}
    .single-title .container{width: 95%;padding-top: 12rem;}
    .single-title .container .col:last-of-type{padding: 0;/* display: table; */}
    .single .data-box{width: 90%;margin-top: 3.4rem;background-color: var(--cs);margin: 8rem auto 0 auto;}
    .single .data-box i, .single .data-box a{font-size: 1.4rem;}
    .single .kksr-stars{margin-left: 0;}
    .single .kk-star-ratings {margin: 0 0 0 2rem;} 
    .blog #primary .card-image img{height: auto;}
    #search-wrapper #s + i{height: 49.5px;}
}
/*************************************LAPTOP HD Y TV*************************************/
@media screen and (min-width:1440px) and (max-width:1920px){
h1{font-size: 4rem;}
h2{font-size: 2.2rem;}
h3{font-size: 1.8rem;}
p, ul li,ol li{font-size: 1.3rem;line-height: initial;}
ul.menu-main li a{padding: 1.2rem 2rem;font-size: 1.1rem;/* height: 95px; */}
ul li a.dropdown-trigger {padding: 1rem 2.4rem;font-size: 1.1rem;height: 95px;line-height: 3.8rem;}
.main-header{height: 95px;}
.welcome{line-height: 7.6rem;}
ul.menu-main li a{padding: 1.2rem 2rem;font-size: 1rem;height: 95px;line-height: 3.8rem;}
h2+p.center{width: 90%}
#servicios{padding-top: 4rem;}
.lista-proyectos figure,.lista-proyectos figure img{height: 418px}
#clientes h2, #testimonios h2 {font-size: 2rem;}
#footer h3{margin-bottom: 3rem;font-size: 1.5rem;}
#how h3{font-size: 1.8rem;/* font-weight: 400; */}
#how ul li p{width: 70%;margin: 1rem auto;}
#calidad h2{font-size: 2rem;}
#calidad .galeria,#analisis .galeria{ margin-top: 0}
.sectores ul li p{font-size: 1.2rem;}
article.post .post-info h3{text-align: left;/* position: absolute; *//* top: 2rem; */font-size: 1.6rem;font-weight: 500;width: 85%;line-height: initial;}
}


/*************************************ICON STYLE*************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?5vq467');
  src:  url('fonts/icomoon.eot?5vq467#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?5vq467') format('truetype'),
    url('fonts/icomoon.woff?5vq467') format('woff'),
    url('fonts/icomoon.svg?5vq467#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-add:before {
  content: "\e900";
}
.icon-arrow-down:before {
  content: "\e901";
}
.icon-arrow-right:before {
  content: "\e902";
}
.icon-automatization:before {
  content: "\e903";
}
.icon-bosquejo:before {
  content: "\e904";
}
.icon-checked:before {
  content: "\e905";
}
.icon-comment:before {
  content: "\e906";
}
.icon-email:before {
  content: "\e907";
}
.icon-estructuras-metalicas:before {
  content: "\e908";
}
.icon-equipos-y-componentes-mecanicos:before {
  content: "\e909";
}
.icon-facebook:before {
  content: "\e90a";
}
.icon-handshake:before {
  content: "\e90b";
}
.icon-happy:before {
  content: "\e90c";
}
.icon-instagram:before {
  content: "\e90d";
}
.icon-like:before {
  content: "\e90e";
}
.icon-linkedin:before {
  content: "\e90f";
}
.icon-location:before {
  content: "\e910";
}
.icon-menu:before {
  content: "\e911";
}
.icon-mision:before {
  content: "\e912";
}
.icon-montaje:before {
  content: "\e913";
}
.icon-more:before {
  content: "\e914";
  color: #fff;
}
.icon-obras-civiles:before {
  content: "\e915";
}
.icon-plan:before {
  content: "\e916";
}
.icon-pointing-right:before {
  content: "\e917";
}
.icon-prototype:before {
  content: "\e918";
}
.icon-quality:before {
  content: "\e919";
}
.icon-smartphone:before {
  content: "\e91a";
}
.icon-supervision-de-proyectos:before {
  content: "\e91b";
}
.icon-vision:before {
  content: "\e91c";
}
.icon-whatsapp:before {
  content: "\e91d";
}