/*
Theme Name: MANSERCOM 
Theme URI: https://mansercom.pe/
Author: TiFactor
Author URI: http://tifactor.com/
Description: Tema de uso corporativo para la empresa MANSERCOM 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: mansercom.pe
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&family=Rajdhani:wght@300;400;500;600;700&display=swap');

body {
  --cp: #fdd21f;
  --cph: #ebbf07;
  --cs: #1a4b7d;
  --tw: #ffffff;
  --tb: #0e171e;
  --tg: #aaaaaa;
  --tg2: #404040;
  --gray:#eaeef0;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
}
h1{font-size: 2.5rem;}
h2{font-size: 2rem;}
h3{font-size: 2.1rem;}
h4{font-size: 1.7rem;}  
h1,h2,h3,h4,h5,h6{font-family: 'Rajdhani', sans-serif;font-weight: bold;}
ul li,ol li, p{font-size: 1.2rem;}
section{padding: 4rem 0;font-weight:300;}
i{vertical-align: middle;margin-right: 0.5rem;}
strong{font-weight: 700;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px var(--cs) inset !important;
}
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:var(--tw);}
.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;}
.waves-effect{z-index: 0;}
section h2,section h3{font-weight: 600;}
section h2{margin-top: 1rem;}
.bgcp{background-color: var(--cp);color: var(--tw);}
.bgcp:hover,.bgcp:active,.bgcp:focus{background-color: var(--cph);color: var(--tw);}
.bgcs{background-color: var(--cs);color: var(--tw)}
.bggris{background-color: #eaeef0;}
.shadows{box-shadow: 0 15px 15px rgb(0 0 0 / 15%);}
.dflex{display: flex;align-items: center;}
.dflexjcb{display: flex;justify-content: space-between;}
.bg-whatsapp{background-color: #70a83b;}
*[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;}

p, ul li{font-size: 1rem;line-height: 1.4rem;}
a.btn, a.btn-large, html [type="button"] {font-size: 1rem;color: var(--tb);font-weight: 600;text-transform: initial;}
a.btn i, a.btn-large i {  font-size: 1.3rem;}
input.bgcp:focus{background-color: var(--cp);}
header .active{background-color: var(--cp);}
.flexh-init{display: flex;justify-content: space-between;align-items: initial;/* flex-wrap: wrap; */}
.flexh-center{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.fixed-menu{
  background-color: var(--gray);
  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;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
  }

.bg-whatsapp{background-color: #75ad74;color: var(--tw);line-height: 3rem;font-size: 1.1rem;font-weight: 500;height: 45px;}
.bg-whatsapp:hover,.bg-whatsapp:focus{background-color: #75ad74}
ul.checked li,ul.checkbox li, ul.pointer li{display: flex;margin: .5rem 0;}
ul.checked li:before, ul.pointer li:before{font-family: 'icomoon';margin-right: 1rem;color: var(--cp);}
ul.checked li:before{ content: "\e905";}
ul.pointer li:before{ content: "\e912";}
ul.cuadrado{padding-left: 2rem;margin-bottom: 2.5rem;}
ul.cuadrado li{position: relative;margin: .8rem 0;}
ul.cuadrado li:before{content: "";width: 18px;height: 18px;background-color: var(--cp);position: absolute;left: -2rem;top: 3px;}
#thank-you h1 i{display: block;  margin-bottom: 4rem;  font-size: 6rem;}
.main-header{position: relative; z-index: 2;}
.main-header .container, .bg-cover .container, .bg-secciones .container{width: 90%;max-width: 90%;}
.main-header ul li i{display: inline;font-size: 1rem;}
nav{box-shadow:none;background: transparent;}
.s-pages nav{background-color: var(--tw);}
nav .menu-top{width: 100%;background-color: var(--cs);height: 40px;display: flex;}
nav .menu-top .container{display: flex;justify-content: space-between;align-items: center;}
nav .menu-top ul li{margin: 0 .5rem;}
nav .menu-top ul li a{padding: 0;display: inline-block;font-size: 1rem;}
nav .menu-top .info-contacto{display: flex;align-items: center;}
nav .menu-top .info-contacto a{height: 30px;line-height: 2rem;font-size: .9rem;}
.wrapper-menu{padding: 1rem 0;-webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);}
.wrapper-menu .container{display: flex; justify-content: space-between;align-items: center;}
nav .welcome img{margin-top: .5rem;}


nav ul li {margin: 0 1rem;}
ul.dropdown-content {width: 367px !important;top: 62px !important;background-color: rgba(0,0,0,0.85);}
.dropdown-content li{margin: 0;}
.dropdown-content li:hover, .dropdown-content li.active {  color: var(--cp)}
ul.menu-main li a.dropdown-trigger{position: relative; padding: .8rem 2rem;}
ul.menu-main li a.dropdown-trigger:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 45%;
  right: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--cp);
}
nav #menu-servicios a{color: var(--tw);padding: 1rem 2rem;}
nav #menu-servicios a:hover {/* color: var(--cp); */background-color: var(--cp);font-weight: 500;}
nav ul li a.btn{line-height: inherit;display: inline;padding: .5rem 1rem;}
nav .menu-main li, ul.collapsible li{position: relative;}
nav .menu-main li a{font-size: .9rem;font-weight: 300;color: var(--cs);padding: .8rem 1rem;font-weight: 500;}
nav .menu-main>li:hover>a{background-color: var(--cp);color: var(--tb);transition: all 1s;}
nav .menu-main>li:hover>a:after,
nav .menu-main>li a.active:after{border-top: 6px solid var(--tb);}

nav #plataformas li a{color: var(--tw);font-weight: 500;padding: 1.5rem;}
nav #plataformas li:hover a{color: var(--cp); font-weight: 500;}

nav.fixed-menu .menu-main li,nav.fixed-menu .menu-main li a{color: var(--cs);font-weight: 400;}
nav .menu-main li i{font-size: 1.1rem;}
nav .menu-main li span, ul.collapsible li span{position: absolute; top: -5px; right: -5px; color: #fff;  font-size: .6rem;  padding: 0.2rem;  background-color: var(--cp);  border-radius: 4px;}

#formulario{background-color: var(--cs);color: var(--tw);}
#formulario .saludo{font-weight: 300;font-size: 1.2rem;margin-bottom: .5rem;color: var(--cp);}
#formulario .saludo+p{margin: 1rem 0 .5rem 0;text-align: center;margin-bottom: 2rem; font-size: 2.8rem;}
#formulario #formsend{cursor: pointer;}
#formulario .saludo+p+p{margin: 0 0 2rem 0;font-size: .9rem;}
#formulario p+p { display: inline-block; margin-right: 3rem;}
#formulario .f-operador {display: flex;}
#formulario .f-operador p:first-of-type{margin-right: 5rem;}
#formulario .f-operador label span{color: #cecece;}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after{border: 2px solid var(--cp);}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after { background-color: var(--cp);}
#formulario .enviando{width: 450px; background-color: #fdd21f; transition: all 2s; animation: democolor ease-in infinite 2s;}
@keyframes democolor {
  0%{background-color: var(--cp) }
  33%{background-color: #f2dd86 }
  66%{background-color: var(--cp) }
  100%{background-color: #f2dd86 }
}

#frmSolicita{color: var(--tw);padding: 3rem;}
#frmSolicita .saludo{margin-bottom: 1.5rem;}
#frmSolicita .saludo strong{color: var(--cp);}
#frmSolicita input, #frmSolicita textarea { color: var(--tw); font-size: 1rem;}
#formsend{color: var(--tb);/*padding: 1rem 2rem;*/}
.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: #d6d6d6;display: inline-block;cursor: pointer; border-radius: 3px;}
.owl-theme .owl-nav [class*="owl-"]:hover {background: #869791;color: #fff; 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: #d6d6d6; 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);}

.bg-cover{/* padding: 0; */margin: 0;height: 85vh;background-size: cover;background-repeat: no-repeat;color: var(--tb);position: relative;width: 100%;/*padding-top: 10rem;*/}
.bg-secciones{margin: 0;height: 55vh;background-size: cover;background-repeat: no-repeat;color: var(--tb);position: relative;width: 100%;}

#home-cover{background-image: url('images/bg-cover.webp');height: 95vh;}
#bg-manlifts{background-image: url('images/bg-manlifts.webp');}
#bg-elevador-tijeras{background-image: url('images/bg-elevador-de-tijeras.webp');}
#bg-mantenimiento{background-image: url('images/bg-mantenimiento-industrial.webp');}
#bg-nosotros{background-image: url('images/bg-nosotros.webp');}
#bg-contacto{background-image: url('images/bg-contacto.webp');}

.bg-cover .row {position: relative;}
.bg-cover .cover-content{width: 32%;position: relative;color: var(--tw);margin-top: 5rem;}
.bg-secciones .cover-content{margin-top: 10rem;}
.home .bg-cover .cover-content{width: 40%;}
.bg-cover .cover-content p.company{color: var(--cp);font-weight: 700;margin-bottom: 0;}
.bg-cover .cover-content h1{margin-top: 1rem;font-size: 3.5rem;color: var(--tw);margin-top: 0;}
/* .bg-cover .cover-content h1+p {font-size: 1.2rem;font-weight: 500; margin: 2rem 0;} */

#why{margin-top: -230px;}
.home #why{margin-top: -250px;}
#why ul{display: flex;justify-content: space-around;}
#why ul li{position: relative;background-color: var(--tw);color: var(--tb);width: 33.3%;margin: 2rem 0;padding: 5rem 2rem;text-align: center;}
#why ul li:nth-of-type(2){background-color: var(--cp);}
#why ul li:nth-of-type(2) i{color: var(--tb);}
#why ul li:nth-of-type(1){border-radius: 8px 0 0 8px;}
#why ul li:nth-of-type(3){border-radius: 0 8px 8px 0;}

#why ul li:hover{background-color: var(--cp); color: var(--tb);font-weight: 500; transform: scale(1.15); z-index: 1; transition: all 1s;border-radius: 8px;}
#why ul li i{font-size: 5rem;color: var(--cp);}
#why ul li:hover i{color: var(--cs);}
#why ul li h3{font-size: 1.2rem;font-weight: 700;}
#why ul li p{margin-bottom: 0;font-size: 1.4rem;font-weight: 500;}
.s-home h2{font-size: 3rem;}
.s-home img{position: relative;}
#que-hacemos{padding-bottom: 2rem;}
#s-plataformas{position: relative;padding-top: 0;}
#s-plataformas img:first-of-type{width: 95%;}
#s-plataformas img:last-of-type{position: absolute;left: 9%;bottom: 0;width: 35%;}
#s-plataformas li{width: 50%;}
#s-plataformas li i{width: 70px;height: 70px;background-color: var(--cp);color: var(--tb);line-height: 5rem;text-align: center;font-size: 2.4rem;flex-shrink: 0;margin-right: 1.2rem;}
#s-plataformas li h3{margin-top: 1rem;}
#s-plataformas li h3 a{color: var(--tb);font-size: 1.5rem;line-height: initial;}
#s-mantenimiento{padding-top: 14rem;}
#s-mantenimiento h2{margin-top: 4rem;}
#s-mantenimiento .col+.col{position: relative;}
.back-effect-cp:before{content: "";background-color: var(--cp);width: 550px;height: 455px;position: absolute;top: -40px;left: 65px;z-index: 0;}
.back-effect-cs:before{content: "";background-color: var(--cs);width: 550px;height: 455px;position: absolute;top: -40px;left: 65px;z-index: 0;}
.back-effect-cs img, .back-effect-cp img{position: relative;}
#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;}
.c-manlifts h3{margin-bottom: 2rem;}
.head-servicio .col+.col{position: relative;}
.head-servicio h2+.col{margin-top: 3rem;}
#manlift-articulado h2{margin-bottom: 6rem;}
#manlift-electrico img, #elevador-tijera img{width: 100%;}
#manlift-diesel img{width: 98%;}
.cta-plataformas{background-image: url('images/bg-manlifts-lima.webp');background-size: cover;color: var(--tw);position: relative;margin-bottom: 6rem;}
.cta-plataformas img{position: absolute; left: 18%;width: 30%;top: 6rem;}
.cta-plataformas h2{margin: 1rem 0;}
#elevador-tijera{padding-top: 0;}
#elevador-tijera h3{margin-top: 5rem;}
#cta-elevador-tijera h2{font-size: 3.5rem;}
#cta-elevador-tijera img{width: 22%;}
#mantenimiento-indsutrial h2{margin-top: 0;}


#mantenimiento-indsutrial .col+.col,#mant-estructuras-metalicas .col+.col{padding-left: 4rem;}
ul.checked.la-valor{display: flex;align-items: center;}
ul.la-valor li{background-color: var(--cs);color: var(--tw);margin-right: .5rem;font-size: 1rem;padding: .2rem .5rem;}
#limpieza-alturas, #servicios-generales{background-color: var(--gray);}
#limpieza-alturas .galeria, #servicios-generales .galeria{margin-top: 2rem;}
#limpieza-alturas ul.checked.columna{display: flex;flex-wrap: wrap;}
#limpieza-alturas ul.checked.columna li{width: 48%;margin-right:.5rem ;}
.s-mant-service ul h3{font-weight: 300;  font-size: 1.3rem;  font-family: 'Montserrat';  display: flex;  margin: 0;}

ul.mv li{display: flex;}
ul.mv li i{width: 70px;height: 70px;background-color: var(--cp);color: var(--tb);line-height: 4.6rem;text-align: center;font-size: 2.4rem;flex-shrink: 0;margin-right: 1.5rem;}
ul.mv li h3{margin-top: 0;font-size: 1.4rem;}
#nosotros .col{position: relative;}
#nosotros .col:first-of-type:before{content: "";background-color: var(--cs);width: 550px;height: 620px;position: absolute;top: 0;left: -50px;z-index: 0;}
#nosotros img{position: relative;margin-top: 4rem;width: 90%;}
#nosotros .experiencia{width: 400px;position: absolute;bottom: -100px;z-index: 1;background-color: var(--cp);text-align: center;padding: 2rem;left: 15%;}
#nosotros .experiencia h2{margin: 1.5rem 0 0 0;font-size: 6rem;font-weight: 700;line-height: 3.5rem;}
#nosotros .experiencia h2 span{font-size: 3.2rem;font-weight: 500;}
#nosotros h2{margin-top: 0;}

#nosotros ul.cuadrado {display: flex;flex-wrap: wrap;/* justify-content: space-around; */}
#nosotros ul.cuadrado li{margin-right: 1rem;width: 45%;}
#d-contacto .row{margin-bottom: 0;}
#d-contacto ul{display: flex;justify-content: space-around;}
#d-contacto ul li{width: 33%;text-align: center;}
#d-contacto ul.bg-square li i{width: 70px;height: 70px;background-color: var(--cp);color: var(--tb);line-height: 4.6rem;text-align: center;font-size: 2.4rem;flex-shrink: 0;padding: 2rem;}
#d-contacto ul li strong{display: block;margin: 2rem 0 1rem 0;}

.whatsappchat {position: fixed;bottom: 30px;right: 30px;display: block;z-index: 999!important;display: flex;align-items: center;}
  .whatsappchat a{display: flex;align-items: center;}
  .whatsappchat div{margin-right: .3rem;background-color: #51c14f;color: var(--tw);font-size: 1rem;padding: .7rem 1rem;border-radius: 50px;}
  @keyframes pulse_whatsapp{0%{box-shadow:0 0 0 0 rgba(37,211,102,1)}80%{box-shadow:0 0 0 14px transparent}}

  .whatsappchat a i {width: 55px;height: 55px;background: #51c14f;display: block;border-radius: 50%;text-align: center;font-size: 2.5rem;color: var(--tw);line-height: 3.87rem;margin: 0;border-radius: 50%;padding: 0;text-align: center;animation-name:pulse_whatsapp;animation-duration: 1.5s; animation-timing-function: ease-out;  animation-iteration-count: infinite;}
  
.ventana-chat{display: none; width: 300px;height: 425px;background-color: var(--tw);position: fixed;bottom: 95px;right: 15px;border-radius: 10px;z-index: 2;-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);}
.ventana-chat .w-head{background-color: var(--cp);color: var(--tw);display: flex;align-items: baseline;justify-content: space-around;border-radius: 10px 10px 0 0;padding: 1rem;}
.ventana-chat .w-head .icon{margin: 0 .5rem;}
.ventana-chat .w-head .icon i{margin: .5rem;font-size: 2.2rem;color: var(--tb);}
.ventana-chat .w-head h5{color: var(--tb);font-size: 1.6rem;margin: 0;font-weight: 500;}
.ventana-chat .w-head p{margin: 0;font-size: 1.3rem;color: var(--tg2);}
.ventana-chat .w-head a.close{width: 35px;height: 35px;background-color: rgba(255,255,255,.3);color: var(--tb);font-size: 2rem;text-align: center;line-height: 2.2rem;flex-shrink: 0;border-radius: 2px;}
.ventana-chat .w-chats{padding: 0 1rem;}
.ventana-chat .w-chats li{border-left: 3px solid #00a884;padding: 0 1rem;display: flex;align-items: center;position: relative;margin: .8rem 0;border-radius: 2px;background-color: var(--gris);}
.ventana-chat .w-chats li:hover {background-color:#e9e9e9;}
.ventana-chat .w-chats li .datos{position: relative;margin: 0 4rem 0 1rem;}
.ventana-chat .w-chats li h5{margin: .5rem 0 0 0; }
.ventana-chat .w-chats li a{display: flex;margin: .5rem 0; color: var(--tg2);}
.ventana-chat .w-chats li .foto img{width: 50px;height: 50px;border-radius: 50%;}
.ventana-chat .w-chats li i{position: absolute;right: 10px;top: 40%;}


.ventana-chat .w-chats li .enlinea{padding-left: 15px;position: relative;font-size: 1rem;color: var(--tg);}
.ventana-chat .w-chats li .enlinea::before{content: "";width: 8px;height: 8px;position: absolute;left: 0;top: 7px;border-radius: 50%;background-color:#00a884;}


#footer{background-color: var(--cp);padding: 4rem 0;}
#footer .row{margin-bottom: 0;}
#footer img{margin-top: 9rem;width: 100%;}
#footer h2{margin-top: 1rem;}
#footer .col li{margin: 1rem 0;}
#footer .col li a{color: var(--tb);}
#footer .col li i{font-size: 2rem;margin-right: 1rem;}
#footer .crm-social ul{display: flex;justify-content: center;align-items: center;}
#footer .crm-social ul li i{font-size: 2rem;color: var(--tb);margin: 0 1rem;}

.pie{background-color: var(--cs);padding: 0;color: var(--tw);}
.pie .bsutil a{font-size: 1.2rem; color: var(--tw); margin: 0 .5rem;}
.pie .container{display: flex;justify-content: space-between;align-items: center;}
.pie p, .pie a{font-size: 1rem;}
.pie a{color: #c9a700;}
.page-template-gracias .main-header{background-color: var(--gray);}
.page-template-gracias .main-header nav{padding-top: 0;}
.page-template-gracias footer{background-color: #f3f3f3;}
.grecaptcha-badge{display: none;}
.s-head{    background-color: var(--cs); color: var(--tw);}

/*.modula-item-content{background-color: var(--cp);}
.modula-item.tg-loaded:hover img.pic{opacity: .2 !important;}*/

/* RESET PARA TODAS LAS GALERÍAS MODULA DEL SITIO */
.modula-gallery {
    padding: 20px 0 !important;
    width: 100% !important;
}

.modula-gallery .modula-items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important; 
    height: auto !important;
    gap: 15px !important;
    position: relative !important;
    transform: none !important;
}

/* Los cuadros de las fotos en cualquier galería */
.modula-gallery .modula-item {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    /* 3 columnas para PC */
    width: calc(33.33% - 20px) !important; 
    height: 280px !important; 
    overflow: hidden !important;
    border-radius: 6px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.modula-gallery .modula-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.modula-gallery .modula-item:hover img {
    transform: scale(1.08) !important;
}

@media only screen and (max-width: 768px) {
    .modula-gallery .modula-item {
        /* 1 columna en móviles */
        width: calc(100% - 10px) !important;
        height: 250px !important;
    }
}

/*****************150%*******************/
@media screen and (max-width: 1440px){
  p, ul li,ol li{font-size: .8rem;line-height: initial;}
  a.btn, a.btn-large, html [type="button"]{font-size: .8rem;}
  .btn-large{height: 45px;line-height: 3.2rem;}
  ul.checked li:before, ul.pointer li:before{margin-right: .5rem;}
  .input-field>label{font-size: .8rem;}
  nav ul li{margin: 0 .5rem;}
  ul.menu-main li a.dropdown-trigger{padding: 0.5rem 2rem;}
  nav .welcome img{margin-top: 0;}
  nav .menu-main li a{padding: 0.5rem .7rem;font-size: .8rem;}
  nav .menu-main li span, ul.collapsible li span{/* height: 25px; */line-height: .5rem;}
  nav .menu-top .info-contacto a{font-size: .8rem;}
  #bg-mantenimiento .cover-content{margin-top: 0;}
  .bg-cover .cover-content{margin-top: 4rem;}
  .bg-cover .cover-content h1{font-size: 2.8rem;}
  .bg-cover .cover-content h1+p{margin: 1rem 0;}
  #why{margin-top: -200px;}
  #why ul li{padding: 4rem 1.5rem;}
  #why ul li p{font-size: 1.2rem;}
  #mantenimiento-indsutrial h2{margin:2rem 0 1rem 0;}
  #limpieza-alturas .col+.col{padding-left: 2rem;}
  ul.la-valor li{font-size: .7rem;}
  #limpieza-alturas ul.checked.columna li { width: 45%;  margin: .2rem 0;}  
  .s-mant-service ul h3{font-size: .8rem;}
    .whatsappchat{bottom: 20px;right: 20px;}
  .whatsappchat div { font-size: .8rem;    padding: .4rem 1rem;} 
  .whatsappchat a i {width: 40px; height: 40px;font-size: 1.8rem;line-height: 2.8rem;}
  .ventana-chat{width: 310px;height: 235px;bottom: 70px;}
  .ventana-chat .w-head .icon{margin: 0;}
  .ventana-chat .w-head .icon i{font-size: 1.6rem; margin: 1rem 1rem 0 .5rem;}
  .ventana-chat .w-head h5{font-size: 1.1rem;}
  .ventana-chat .w-head p{font-size: .9rem;}
  .ventana-chat .w-head a.close{width: 28px;height: 28px;font-size: 1.6rem;line-height: 1.8rem;}
  .ventana-chat .w-chats{margin: 1rem 0;}
  .ventana-chat .w-chats li{margin: .5rem 0;}
  .ventana-chat .w-chats li a{margin: .3rem 0;}
  .ventana-chat .w-chats li .foto img{width: 40px;height: 40px;}
  .ventana-chat .w-chats li h5{font-size: 1rem;}
  .ventana-chat .w-chats li .enlinea{font-size: .7rem;}
  .ventana-chat .w-chats li .enlinea::before{top: 2px;}
  #footer img{margin-top: 6rem; width: 100%;}
  }

/**********************************************SMARTPHONE***************************************************/
@media screen and (max-width:360px) {
ul.menu-main li:first-child a{text-align: left;  padding-right: 0;}
  }

@media screen and (min-width:320px) and (max-width:480px){
h1{font-size: 2.1rem;text-align: left;}
h2{font-size: 2.8rem;}
h3{font-size: 1.6rem;}
h4{font-size: 1.4rem;line-height: initial;}
p, ul li, ol li { font-size: 1.2rem; line-height: initial;}
a.btn, a.btn-large, html [type="button"] { font-size: 1rem;}
ul.dflex { display: block;}
ul.checked.la-valor{display: block;}
nav .menu-top{display: none;}
.menu-main{width: 65%;}
.menu-main li:nth-of-type(2){display: none;}
.menu-main li{line-height: 3.6rem;padding-right: 0;margin: 0;width: 58%;text-align: right;}
.menu-main li:first-of-type a{height: 50px;overflow: hidden;}
ul.collapsible li span{height: 15px;  line-height: .7rem;  right: initial;  left: 5.2rem;  top: 0.8rem;}
nav .brand-logo{display:block;}
nav .welcome img {width: 70%;/* padding-top: .5rem; */}
nav .container{width: 96%;}

nav li:last-child{width: 30%;}
nav ul a{padding: 0 .5rem;color: var(--cs);}
.fixed-menu{/* height: 60px; */background-color: var(--tw);/* line-height: 0; */}
nav.fixed-menu ul a{color: var(--tw);}
ul#slide-out>li:first-of-type{padding: 1rem 0;margin-bottom: 2rem;background-color: var(--gray);border-bottom: 5px solid var(--cp);}
.sidenav li>a{height: auto;line-height: 2rem;padding: 1rem 2rem;}
.btn-fixed-menu {position: fixed;top: 13px;right: 18px;z-index: 999;}
.btn-fixed-menu a.btn-floating{border-radius: 0;background-color: transparent;text-align: center;width: 40px;height: 35px;line-height: 0rem;box-shadow: none}
.btn-fixed-menu a.btn-floating i{margin: 0;line-height: 2.7rem;color: var(--cs);font-size: 1.8rem;}
.call{position: fixed;top: 12px;right: 5rem;z-index: 999;width: 50px;height: 50px;padding: .5rem;line-height: 2.5rem;font-size: 5rem;}
.call i{color: var(--cp);font-size: 1.6rem;}
.bg-cover{height: 92vh;padding: 0;}
#home-cover{background-image: url('images/bg-cover-s.webp');height: 92vh;}
#bg-manlifts{background-image: url('images/bg-manlifts-s.webp');}
#bg-elevador-tijeras{background-image: url('images/bg-elevador-de-tijeras-s.webp');}
#bg-mantenimiento{background-image: url('images/bg-mantenimiento-industrial-s.webp');}
#bg-nosotros{background-image: url('images/bg-nosotros-s.webp');}
#bg-contacto{background-image: url('images/bg-contacto-s.webp');}
.bg-cover .row{position: unset;}
.bg-cover .cover-content, .home .bg-cover .cover-content{width: 90%;position: absolute;bottom: 2.5rem;}
.bg-cover .cover-content p.ts{color: var(--tb);font-size: 1.4rem;}

.bg-cover .cover-content h1{font-size: 2.6rem;}
.bg-services .cover-content h1,
.bg-secciones .cover-content h1{font-size: 3.5rem;}

.back-effect-cp:before{width: 92%;height: 240px;top: -15px;left: 30px;}
.back-effect-cs:before {width: 300px;height: 220px;top: 25px;left: 30px;}
.s-home .col:first-of-type{margin-bottom: 4rem;}
.s-home img{width: 100%;}
.home #why, #why{margin-top: 0;padding-top: 1rem;padding-bottom: 1rem;}

#why ul li {padding: 3rem .5rem;}
#why ul li p{font-size: .9rem;}
#que-hacemos{padding-top: 0;padding-bottom: 0;}
.s-home h2{font-size: 2.5rem;margin-top: 6rem;margin-bottom: 1rem;}
#s-plataformas img:first-of-type{width: 100%;padding-left: 10%;}
#s-plataformas img:last-of-type{top: 40px;width: 85%;left: .5rem;}
#s-plataformas li{width: 100%;}
#s-mantenimiento{padding-top: 0;background-color: var(--gray);}
#footer .container{/* width: 90%; */padding: 0;margin: 0 auto;}
#footer img { margin-top: 2rem; width: 100%;}
#footer .crm-social{display: block;text-align: center;margin-top: 4rem;}
#footer .crm-social ul{display: flex;align-items: center;justify-content: center;margin-top: 2rem;}
.pie{padding: 1rem 0;text-align: center;}
.pie .container{display: block;}
.head-servicio{padding-top: 0;}
.head-servicio img{width: 100%;margin-top: 3rem;}
#manlift-articulado h2{margin-bottom: 0;}
.head-servicio h2+.col{margin-top: 1rem;}
.c-manlifts .col{margin: 2rem 0;}
#manlift-diesel img{width: 100%;}
.cta-plataformas img{position: relative; width: 100%;  left: 0;  top: initial;}
#cta-elevador-tijera img{width: 100%;}
#cta-elevador-tijera h2{font-size: 2.8rem;}
#mantenimiento-indsutrial .row{display: flex;flex-direction: column-reverse;}
#mantenimiento-indsutrial .galeria{margin-top: 3rem;}
#mantenimiento-indsutrial .col+.col, #mant-estructuras-metalicas .col+.col,#limpieza-alturas .col+.col{padding-left: 0;}
.s-mant-service ul h3 { font-size: 1.2rem;}
ul.la-valor li { font-size: 1.2rem;}
#limpieza-alturas ul.checked.columna li{width: 100%;}
#mant-estructuras-metalicas .row{display: flex;flex-direction: column-reverse;}
#nosotros{padding-top: 0;}
#nosotros .col:first-of-type:before{width: 95%;height: 320px;left: -5px;top: 40px;}
#nosotros img{width: 100%;}
#nosotros .experiencia{width: 85%;padding: 1rem 0;left: 8%;}
#nosotros .experiencia h2{font-size: 4.8rem;}
#nosotros .experiencia h2 span{font-size: 2.8rem;}
#nosotros .col+.col{margin-top: 10rem;}
#d-contacto ul{display: block;}
#d-contacto ul li{width: 100%;display: flex;text-align: left;margin: 2rem 0;}
#d-contacto ul li:first-of-type p{font-size: 1rem;}
#d-contacto ul.bg-square li i{line-height: 1.2rem;margin-right: 1rem;text-align: left;/* width: 50px; *//* height: 50px; */padding: 2rem 1.3rem;}
#d-contacto ul li strong{margin: .5rem 0;}


#formulario .f-operador{display: block;}
#frmSolicita {margin-top: 2rem;padding: 3rem 1rem;}
#frmSolicita .lv-cp{margin: 0 0 .5rem 1rem;margin-bottom: .5rem;}
#footer input, #footer textarea { color: var(--tw); font-size: 1rem;}
.whatsappchat{right: 20px;bottom: 20px;}
.whatsappchat div{font-size: .9rem;padding: .5rem 1rem;}
.whatsappchat a i {width: 40px; height: 40px; font-size: 2rem;  line-height: 3rem;}
.ventana-chat .w-head .icon i{font-size: 1.8rem;}
.ventana-chat .w-head h5{font-size: 1.2rem;}
.ventana-chat .w-head p{font-size: 1rem;}
.ventana-chat .w-chats li h5{font-size: 1.2rem;}
.ventana-chat .w-chats li .enlinea{font-size: .8rem;}
  .ventana-chat .w-chats li .enlinea::before{top: 2px;}

}

/*******************************TABLET*******************************/
@media screen and (max-width: 768px) and (min-width: 480px){
  h1{font-size: 3.5rem;text-align: left;}
  h2{font-size: 3.2rem;}
  p, ul li, ol li {font-size: 1.6rem;line-height: initial;}
  a.btn, a.btn-large, html [type="button"] {
    font-size: 1.4rem;
    height: 55px;
    line-height: 3.8rem;
}
  .flexh-init, .flexh-center{display: block;}
  .sidenav{width: 420px;}
  nav .menu-top{display: none;}
  
  .menu-main{width: 60%;}
  .menu-main li:nth-of-type(2){display: none;}
  .menu-main li{line-height: 3.8rem;padding-right: 0;margin: 0;width: 50%;text-align: right;/* font-size: 2.5rem; */height: 60px;overflow: hidden;}
  nav .menu-main li, nav .menu-main li a{font-size: 1.3rem;line-height: 5rem;}
  nav .menu-main li:last-child{line-height: 5.2rem;width: 35%;}
  nav .menu-main li:last-child a{padding: .8rem 1.5rem;}
  ul.collapsible li span{height: 15px;  line-height: .7rem;  right: initial;  left: 5.2rem;  top: 0.8rem;}
  nav .brand-logo{display:block;}

  nav.fixed-menu ul a{color: var(--tw);}
  ul#slide-out>li:first-of-type{padding: 2rem 0;margin-bottom: 2rem;background-color: var(--gray);border-bottom: 5px solid var(--cp);}
.sidenav li>a{height: auto;line-height: 2rem;padding: 1rem 2rem;font-size: 1.2rem;}
.btn-fixed-menu {position: fixed;top: 13px;right: 18px;z-index: 999;}
.btn-fixed-menu a.btn-floating{border-radius: 0;background-color: transparent;text-align: center;width: 40px;height: 35px;line-height: 0rem;box-shadow: none}
.btn-fixed-menu a.btn-floating i{margin: 0;line-height: 2.7rem;color: var(--cs);font-size: 1.8rem;}
.call{position: fixed;top: 12px;right: 5rem;z-index: 999;width: 50px;height: 50px;padding: .5rem;line-height: 2.5rem;font-size: 5rem;}
.call i{color: var(--cp);font-size: 1.6rem;}
.bg-cover{height: 92vh;padding: 0;}
#home-cover{background-image: url('images/bg-cover-m.webp');height: 90vh;background-size: cover;}
#bg-manlifts{background-image: url('images/bg-manlifts-m.webp');}
#bg-elevador-tijeras{background-image: url('images/bg-elevador-de-tijeras-m.webp');}
#bg-mantenimiento{background-image: url('images/bg-mantenimiento-industrial-m.webp');}
#bg-nosotros{background-image: url('images/bg-nosotros-m.webp');}
#bg-contacto{background-image: url('images/bg-contacto-m.webp');height: 40vh;}

.bg-cover .row{position: unset;}
  .bg-cover .cover-content{width: 90%;/* padding: 0; *//* margin-top: 8rem; */position: absolute;bottom: 4rem;}
  .home .bg-cover .cover-content{width: 90%;}
  .bg-cover .cover-content h1{font-size: 4.8rem;}
  .bg-cover .cover-content p.company{font-weight: 700;font-size: 2rem;}
  .home #why {margin-top: 0;}
  .back-effect-cp:before{width: 96.5%;height: 490px;top: -20px;left: 30px;}
  .back-effect-cs:before {width: 95%;height: 460px;top: 20px;left: 7%;}
.s-home .col:first-of-type{margin-bottom: 4rem;}
.s-home img{width: 100%;}

.home #why, #why{margin-top: 0;padding-top: 1rem;padding-bottom: 1rem;}
#why ul li {padding: 3rem .5rem;}
#why ul li p{font-size: 1.4rem;}
#que-hacemos{padding-top: 0;padding-bottom: 0;}
.s-home h2{font-size: 3rem;margin-top: 10rem;margin-bottom: 1rem;}
#s-plataformas img:first-of-type{width: 100%;padding-left: 10%;}
#s-plataformas img:last-of-type{top: 40px;width: 85%;left: .5rem;}
#s-plataformas li{width: 100%;}
#s-mantenimiento{padding-top: 0;background-color: var(--gray);}
#footer .container{/* width: 90%; */padding: 0;margin: 0 auto;}
#footer img { margin-top: 2rem; width: 100%;}
#footer img+p { text-align: center;}
#footer .crm-social{display: block;text-align: center;margin-top: 4rem;}
#footer .crm-social ul{display: flex;align-items: center;justify-content: center;margin-top: 2rem;}
.pie{padding: 1rem 0;text-align: center;}
.pie .container{display: block;}
.pie p, .pie a{font-size: 1.4rem;}
.head-servicio{padding-top: 0;}
.head-servicio img{width: 100%;margin-top: 3rem;}
#manlift-articulado h2{margin-bottom: 0;}
.c-manlifts ul.cuadrado li{font-size: 1.4rem;}
.head-servicio h2+.col{margin-top: 1rem;}
.c-manlifts .col{margin: 2rem 0;}
#manlift-diesel img{width: 100%;}
.cta-plataformas img{position: relative;width: 70%;left: 0;top: initial;}
.cta-plataformas h2 br{display: none;}
#cta-elevador-tijera{text-align: center;}
#cta-elevador-tijera img{width: 50%;/* margin: 0 auto; */}
#cta-elevador-tijera h2{font-size: 2.8rem;}
#mantenimiento-indsutrial .col+.col, #mant-estructuras-metalicas .col+.col,#limpieza-alturas .col+.col{padding-left: 0;}
.s-mant-service ul h3 {font-size: 1.6rem;}
ul.la-valor li {font-size: 1.4rem;padding: 0.5rem;}
#limpieza-alturas ul.checked.columna li{width: 100%;}
#mant-estructuras-metalicas .row{display: flex;flex-direction: column-reverse;}
#nosotros .col+.col {margin-top: 13rem;}
#nosotros img{width: 100%;}
#nosotros .col:first-of-type:before{width: 95%;height: 670px;margin-top: 25px;left: -20px;}
#nosotros .experiencia {width: 550px;bottom: -100px;left: 8%;}
#nosotros .experiencia h2{font-size: 9rem;margin: 3.5rem 0 0 0;line-height: 4.5rem;}
#nosotros .experiencia h2 span{font-size: 4.8rem;}
#nosotros h2 br{display: none;}
ul.mv li i{width: 100px;height: 100px;padding: 1.5rem 2rem;}
ul.mv li h3{font-size: 1.8rem;}
#d-contacto ul{display: block;}
#d-contacto ul li {width: 100%;text-align: left;display: flex;margin: 1.5rem 0;}
#d-contacto ul.bg-square li i{width: 100px;height: 100px;margin-right: 2rem;padding: 1.3rem 1rem;}
#d-contacto ul li strong{margin-top: 0;}
#d-contacto ul li p{margin-top: 0;}
#frmSolicita {margin-top: 2rem;padding: 3rem;}
  #frmSolicita .saludo{font-size: 1.6rem;}
  #footer input, #footer textarea {color: var(--tw);font-size: 1.4rem;}
  .input-field>label{font-size: 1.4rem;}
.whatsappchat{bottom: 20px;right: 20px;}
  .whatsappchat div { font-size: 1rem;    padding: .5rem 1.5rem;} 
  .whatsappchat a i {width: 50px; height: 50px;font-size: 2.4rem;line-height: 3.7rem;}
  
  .ventana-chat{width: 380px;height: 255px;bottom: 80px;}
  .ventana-chat .w-head .icon{margin: 0;}
  .ventana-chat .w-head .icon i{font-size: 1.6rem; margin: 1rem 1rem 0 .5rem;}
  .ventana-chat .w-head h5{font-size: 1.7rem;}
  .ventana-chat .w-head p{font-size: 1.2rem;}
  .ventana-chat .w-head a.close{width: 28px;height: 28px;font-size: 1.6rem;line-height: 1.8rem;}
  .ventana-chat .w-chats{margin: 1rem 0;}
  .ventana-chat .w-chats li{margin: .5rem 0;}
  .ventana-chat .w-chats li a{margin: .3rem 0;}
  .ventana-chat .w-chats li .foto img{width: 45px;height: 45px;}
  .ventana-chat .w-chats li h5{font-size: 1.6rem;}
  .ventana-chat .w-chats li .enlinea{font-size: 1rem;}
  .ventana-chat .w-chats li .enlinea::before{top: 2px;}

}



/*************************************LAPTOP HD Y TV 125%*************************************/
@media screen and (min-width:1440px) and (max-width:1920px){
h1{font-size: 3.8rem;}
h2{font-size: 3rem;}
h3{font-size: 2.3rem;}
section h2{margin-top: 2.5rem;}
p, ul li, ol li{font-size: 1rem;line-height: initial;}
nav {box-shadow: none;background: transparent;}
nav ul a{padding: 0 1rem;font-size: 1.3rem;}
nav ul li{margin: 0 .5rem;}
nav .menu-main li, nav .menu-main li a {font-size: 1rem;}
nav .menu-main li i { font-size: 1.3rem;}
.bg-whatsapp{background-color: #75ad74;color: var(--tw);line-height: 3.4rem;font-size: 1.3rem;font-weight: 500;height: 54px;}
.modal{top: 10% !important;width: 70%;height: 86%;max-height: 850px;}
iframe.yt-video {width: 100%;height: 100%;margin: 0 auto;}
#home-cover{height: 100vh;padding-top: 8rem}
.bg-services .cover-content {margin-top: 5rem;}
#bg-geytdi.bg-services .cover-content { margin-top: 4rem;}
.bg-cover .cover-content h1{font-size: 4rem;/* margin-bottom: 0.5rem; */}
.s-home h2{ font-size: 2.4rem;}
#why {margin-top: -210px;}
#why ul li{padding: 4rem 1.5rem;}
#s-plataformas img:first-of-type{width: 100%;}
#s-plataformas li h3 a{font-size: 1.2rem;}
#s-plataformas li i{margin-right: .6rem;}
#s-plataformas li i{width: 50px;height: 50px;line-height: 3.5rem;font-size: 2rem;}
.s-mant-service ul h3{font-size: 1rem;}
ul.la-valor li{font-size: .8rem;}
#limpieza-alturas .col+.col{padding-left: 2rem;}
 #footer img{margin-top: 7rem; width: 100%;}
.pie{padding: 0;}
.pie .box-logo:after { content: ""; width: 0; height: 0; border-bottom: 22px solid #cecece;border-right: 15px solid transparent; position: absolute; right: -15px;}
.whatsappchat{bottom: 20px;right: 20px;}
  .whatsappchat div { font-size: .8rem;    padding: .4rem 1rem;} 
  .whatsappchat a i {width: 40px; height: 40px;font-size: 1.8rem;line-height: 2.8rem;}
  
  .ventana-chat{width: 310px;height: 235px;bottom: 70px;}
  .ventana-chat .w-head .icon{margin: 0;}
  .ventana-chat .w-head .icon i{font-size: 1.6rem; margin: 1rem 1rem 0 .5rem;}
  .ventana-chat .w-head h5{font-size: 1.1rem;}
  .ventana-chat .w-head p{font-size: .9rem;}
  .ventana-chat .w-head a.close{width: 28px;height: 28px;font-size: 1.6rem;line-height: 1.8rem;}
  .ventana-chat .w-chats{margin: 1rem 0;}
  .ventana-chat .w-chats li{margin: .5rem 0;}
  .ventana-chat .w-chats li a{margin: .3rem 0;}
  .ventana-chat .w-chats li .foto img{width: 40px;height: 40px;}
  .ventana-chat .w-chats li h5{font-size: 1rem;}
  .ventana-chat .w-chats li .enlinea{font-size: .7rem;}
}

@media screen and (min-width:1920px){
  h2{font-size: 4rem;}
  p, ul li, ol li{font-size: 1.3rem;line-height: initial;}
  nav .menu-main li, nav .menu-main li a {font-size: 1.2rem;}
  #home-cover{height: 95vh;padding-top: 10rem;}
  .bg-cover .cover-content { margin-top: 6rem;}
  .bg-cover .cover-content h1 {font-size: 5rem;}
  .bg-cover .cover-content h1+p {margin: 2rem 0;}

  .s-home h2{ font-size: 3rem;}
  #s-plataformas li h3 a{font-size: 1.5rem;}
  .whatsappchat {position: fixed;bottom: 30px;right: 30px;display: block;z-index: 999!important;display: flex;align-items: center;}
  .whatsappchat a{display: flex;align-items: center;}
  .whatsappchat div{margin-right: .3rem;background-color: #51c14f;color: var(--tw);font-size: 1rem;padding: .7rem 1rem;border-radius: 50px;}
  @keyframes pulse_whatsapp{0%{box-shadow:0 0 0 0 rgba(37,211,102,1)}80%{box-shadow:0 0 0 14px transparent}}

  .whatsappchat a i {width: 55px;height: 55px;background: #51c14f;display: block;border-radius: 50%;text-align: center;font-size: 2.5rem;color: var(--tw);line-height: 3.87rem;margin: 0;border-radius: 50%;padding: 0;text-align: center;animation-name:pulse_whatsapp;animation-duration: 1.5s; animation-timing-function: ease-out;  animation-iteration-count: infinite;}
  
.ventana-chat{width: 400px;height: 300px;background-color: var(--tw);position: fixed;bottom: 95px;right: 15px;border-radius: 10px;z-index: 2;-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);}
.ventana-chat .w-head{background-color: var(--cp);color: var(--tw);display: flex;align-items: baseline;justify-content: space-around;border-radius: 10px 10px 0 0;padding: 1rem;}
.ventana-chat .w-head .icon{margin: 0 .5rem;}
.ventana-chat .w-head .icon i{margin: .5rem;font-size: 2.2rem;}
.ventana-chat .w-head h5{font-size: 1.4rem;margin: 0;font-weight: 500;}
.ventana-chat .w-head p{margin: 0;font-size: 1rem;color: var(--tg2);}
.ventana-chat .w-head a.close{width: 35px;height: 35px;background-color: rgba(255,255,255,.3);font-size: 2rem;text-align: center;line-height: 2.2rem;flex-shrink: 0;border-radius: 2px;}
.ventana-chat .w-chats{padding: 0 1rem;}
.ventana-chat .w-chats li{border-left: 3px solid #00a884;padding: 0 1rem;display: flex;align-items: center;position: relative;margin: .8rem 0;border-radius: 2px;background-color: var(--gris);}
.ventana-chat .w-chats li:hover {background-color:#e9e9e9;}
.ventana-chat .w-chats li .datos{position: relative;margin: 0 4rem 0 1rem;}
.ventana-chat .w-chats li h5{margin: .5rem 0 0 0;font-size: 1.6rem;}
.ventana-chat .w-chats li a{display: flex;margin: .5rem 0;}
.ventana-chat .w-chats li .foto img{width: 50px;height: 50px;border-radius: 50%;}
.ventana-chat .w-chats li i{position: absolute;right: 10px;top: 40%;}


.ventana-chat .w-chats li .enlinea{padding-left: 15px;position: relative;font-size: .9rem;}
.ventana-chat .w-chats li .enlinea::before{content: "";width: 8px;height: 8px;position: absolute;left: 0;top: 7px;border-radius: 50%;background-color:#00a884;}

}


/*************************************ICON STYLE*************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?s48fk1');
  src:  url('fonts/icomoon.eot?s48fk1#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?s48fk1') format('truetype'),
    url('fonts/icomoon.woff?s48fk1') format('woff'),
    url('fonts/icomoon.svg?s48fk1#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-24-7:before {
  content: "\e900";
}
.icon-angle-right:before {
  content: "\e901";
}
.icon-arquitecto:before {
  content: "\e902";
}
.icon-arrow-right:before {
  content: "\e903";
}
.icon-calendar:before {
  content: "\e904";
}
.icon-check:before {
  content: "\e905";
}
.icon-email:before {
  content: "\e906";
}
.icon-facebook:before {
  content: "\e907";
}
.icon-folder:before {
  content: "\e908";
}
.icon-goal:before {
  content: "\e909";
}
.icon-happy:before {
  content: "\e90a";
}
.icon-instagram:before {
  content: "\e90b";
}
.icon-like:before {
  content: "\e90c";
}
.icon-linkedin:before {
  content: "\e90d";
}
.icon-manlift:before {
  content: "\e90e";
}
.icon-menu:before {
  content: "\e90f";
}
.icon-piramide:before {
  content: "\e910";
}
.icon-pointing-right:before {
  content: "\e911";
}
.icon-quality:before {
  content: "\e912";
}
.icon-reloj:before {
  content: "\e913";
}
.icon-scissor-lift:before {
  content: "\e914";
}
.icon-smile:before {
  content: "\e915";
}
.icon-supervisor:before {
  content: "\e916";
}
.icon-telephone:before {
  content: "\e917";
}
.icon-ubicacion:before {
  content: "\e918";
}
.icon-whatsapp:before {
  content: "\e919";
}
.icon-youtube:before {
  content: "\e91a";
}