/*
Theme Name: Ascensores Case
Theme URI: https://ascensorescase.com/
Author: TiFactor
Author URI: https://tifactor.com/
Description: Tema de uso corporativo para la empresa Ascensores Clark
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ascensorescase.com
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,600;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@500;600;700;900&display=swap');

body{
  --cp: #fd4a36;
  --cph: #de402e;
  --cs: #0c2957;
  --gris: #edf1f3;
  --tg: #828282;
  --tw: #ffffff;
  --tb: #0a0a0a;
  --black:#000;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 24px;
  font-family: "Barlow", 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:var(--cs);}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after{border: 2px solid var(--cs);}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after { background-color: var(--cs);}
h1,h2,h3,h4,h5,h6{font-family: "Fira Sans", sans-serif;}
nav ul.menu-main li, div.tg7{font-family: "Fira Sans", sans-serif;}
.bgcp{background-color: var(--cp);color: var(--tw);}
.bgcs{background-color: var(--cs);color: var(--tw);}
.bggris{background-color: var(--gris);}

.bgcp:hover,.bgcp:active,.bgcp:focus{background-color: var(--cph);color: var(--tw);}
.bgcs:hover,.bgcs:active,.bgcs:focus{background-color: var(--cs);}
*[class^="tw"]{color:var(--tw)}
*[class^="tg"]{color:var(--tg)}
*[class^="tcp"]{color: var(--cp);}
*[class^="tcs"]{color: var(--cs)}
.tcp5,.tcs5,.tg7{font-weight: 500;}
.tcp7,.tcs7,.tg7{font-weight: 700;}
.tw4{font-weight: 400;}
.tw5{font-weight: 500;}
.tw7{font-weight: 700;}

section{padding: 6rem 0;font-weight:300;}
section.bgcs h2,footer.bgcs h2{color: var(--tw);}
i{vertical-align: middle;margin-right: 0.5rem;}
p, ul li, ol li{font-size: 1rem;line-height: initial;font-weight: 400;}
a.btn, a.btn-large{font-weight: 500;font-size: 1.1rem;color: var(--tw);font-weight: 500;border-radius: 5px}
a.btn{line-height: 2rem;}
a.btn-large{line-height: 3.4rem;}
a.btn i{font-size: 1rem;margin-left: .4rem;margin-right: 0;}
hr.barra-roja{background-color: var(--cp);border: none;display: inline-block;height: 35px;margin: 0 10px 0 0;vertical-align: middle;width: 6px;}
input.bgcp:focus{background-color: var(--cp);}
ul.checked li, ul.plus li, ul.check li{display: flex;margin: .3rem 0;}
ul.checked li:before{font-family: 'icomoon';margin-right: 1rem;vertical-align: middle;color: var(--cs);content: "\e902";font-size: 1rem;color: var(--cp);}
ul.plus li:before{font-family: 'icomoon';margin-right: 1rem;vertical-align: middle;color: var(--cs);content: "\e901";font-size: 1rem; color: var(--cp);}
ul.check li:before{font-family: 'icomoon';margin-right: 1rem;vertical-align: middle;color: var(--cs);content: "\e906";font-size: 1.3rem; color: var(--cp);}
strong{font-weight: 600;}
/*** FORMULARIO ***/
.linea-dividida {height: 4px;width: 100%;background: linear-gradient(to right, var(--cp) 50%, var(--cs) 50%);}

#formulario .btn-large{border-radius: 5px;font-size: 1.1rem}
#formulario h2{margin-bottom: 3rem;}
#form-cotiza .saludo{margin-bottom: 1.5rem;font-size: 1rem;}
#form-cotiza input, #form-cotiza textarea {font-size: 1rem;font-weight: 500;}
#form-cotiza .l-captcha .l8 .l4{padding: 0;}
#form-cotiza .lv-cp{font-weight: 700;font-size: 1.2rem;margin-bottom: .5rem;}
.l-captcha i{padding: 0;}
#formulario #formsend{cursor: pointer;padding: 1rem 2.5rem;font-size: 1.2rem;}
.grecaptcha-badge{display: none !important;}
.enviando{width: 200px;background-color: #d1f4fd !important;color: #30394f !important;    display: flex; align-items: center;  width: 260px;}
.enviando .preloader-wrapper{margin-right: 1rem;}
.spinner-white{ border-color: var(--tw);}
.parallax-container{z-index: 0;}
.modal{ width: 65%; max-height: 800px; top: 10% !important; background-color: rgba(0,0,0,.8); max-height: 100%; color: var(--tw); padding: 0; border: 1px solid rgba(255,255,255,.1);
  }
#wrap-video i{ transform: rotate( 180deg );  -webkit-transform: rotate( 180deg); display: block; margin: 0; color: var(--tw); position: absolute;  top: 32px;  left: 35px;
      font-size: 1.5rem;padding: 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: 50px;}
#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;}
.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: 50px;height: 8px;margin: 5px 7px;background:var(--sky);display: block;-webkit-backface-visibility: visible;transition: opacity 200ms ease;border-radius: 30px;background-color: #c5c2c2;}
#clientes .owl-theme .owl-dots .owl-dot span{width: 14px; height: 14px;}
.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;height: 130px;position: relative;z-index: 2;background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
.single .main-header,.page-id-883 .main-header, .page-id-886 .main-header, .search .main-header{background-color: var(--cs);}

.home .main-header,.page-id-704 .main-header,.page-id-706 .main-header,.page-id-709 .main-header,.page-id-711 .main-header,.page-id-713 .main-header,.page-id-716 .main-header,.page-id-718 .main-header, .page-id-722 .main-header  {background-color: transparent;}
.main-header .container, .c90{width: 90%;max-width: 90%;}

.main-header i{color: var(--cp);font-size: 1.4rem;}


nav{box-shadow:none;background: transparent;}
nav .nav-wrapper{height: 59px;}
nav .row .col{padding: 0;}
.wrap-menu{display: flex;justify-content: space-between;padding-top: .5rem}
.wrap-menu .box-menu-header div{font-size: 1.2rem;font-weight: 300;margin-right: 1.2rem;}
.welcome{padding: 1.5rem .8rem;text-align: center;height: 55px;line-height: 0;position: relative;}
.welcome a{display: block;text-align: left;}

nav .menu-top{display: flex;justify-content: space-between;height: 30px;align-items: center;}

.fixed-menu{
  background-color: var(--black);
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
  padding: 0;
  padding: 0;
  height: 85px;
  border-bottom: 1px solid  rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0px 0px 0 rgb(0 0 0 / 14%), 0 0px 0px -1px rgb(0 0 0 / 12%), 0 0px 5px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 0px 0px 0 rgb(0 0 0 / 14%), 0 0px 0px -1px rgb(0 0 0 / 12%), 0 0px 5px 0 rgb(0 0 0 / 20%);
  transition: all 1s;
  border-bottom: 1px solid rgb(253 74 54 / 20%)
  }
  .fixed-menu .box-menu-header{height: 50px;}
  .fixed-menu .welcome{height: 60px;padding: .45rem 0 0 0;}
  .fixed-menu .welcome img{width: 40%;}
  .fixed-menu .menu-main li a{line-height: 1.5rem;}

 nav ul a{color: var(--tw);}

 nav ul.menu-main li a:hover, nav ul.menu-main li a.active {color: var(--cp);border-bottom: 4px solid var(cp); transition: all .2s;}
 nav ul.menu-main li .dropdown-content a:hover, nav ul.menu-main li .dropdown-content .a.active { border-bottom: 0;background-color: var(--tb); transition: all .2s;}
 nav.fixed-menu ul.menu-main li a:hover, nav.fixed-menu ul.menu-main li a.active {height: 52px;}

.home nav ul a{color: var(--tw);}
nav.fixed-menu ul a{color: var(--tw);}

nav i{font-size: 1rem;height: initial;margin-right: .5rem;}
nav ul.social-menu li{line-height: 0;}
nav ul.social-menu li a{color: var(--tw);}
nav ul.social-menu li a i{display: block;font-size: 1.2rem;color: var(--tw);}
nav ul.social-menu li:hover i{transform: scale(1.2); transition: 1s ease;color: var(--cp);}
nav .contacto-lang{display: flex;align-items: center;}

nav ul.ct li:first-child{border-right: 1px solid rgba(255,255,255, .4);}
nav ul.ct li{font-size: 1rem;margin: 0 1rem;line-height: 2.5rem;}
nav ul.ct li a{color: var(--tw);display: inline-block;padding: 0 1rem;}

nav .box-menu-header {display: flex;justify-content: flex-end;align-items: center;}
nav .menu-main li {position: relative;    margin: 0 0.5rem;}
/*nav .menu-main li .dropdown-content li{ width: max-content;margin: 0;}*/
ul.menu-main li a {padding: .5rem 1rem;font-size: 1rem;height: 55px;line-height: 2.8rem;font-weight: 400;}
.fixed-menu ul.menu-main li a{height: 55px;}
ul li a.dropdown-trigger{padding: .5rem 2.4rem;line-height: 2.8rem;}
ul.menu-main .dropdown-content li a{padding: .5rem 1rem;height: auto;}

nav .menu-main+a{height: 40px;line-height: 2.9rem;margin-left: 1rem;}
nav .menu-main+a i{color: var(--cs);font-size: 1.3rem;/* font-weight: 500; */}
#menu-servicios li a{line-height: 2rem;height: auto;} 

ul.menu-main li a.dropdown-trigger:after { content: ""; position: absolute; width: 0;  height: 0;  top: 45%;  right: 5px;  border-left: 5px solid transparent;  border-right: 5px solid transparent; border-top: 6px solid var(--cp);}
ul.dropdown-content {padding-top: 1rem; width: 350px!important;top: 75px!important;background-color: rgba(0,0,0,.8);overflow: hidden;left: 0px;height: auto;transform-origin: 0px 0px;opacity: 1;transform: scaleX(1) scaleY(1);}
ul.dropdown-content li a{width: 100%;}
ul.dropdown-content li a:hover,.select-dropdown.dropdown-content li:hover{background-color: var(--cs);width: 100%;}
  
.fixed-menu ul.dropdown-content{top: 78px !important;}
.dropdown-content li>a, .dropdown-content li>span{color: var(--tw);}

.bg-cover{background-size: cover;height: 85vh;}
#home-cover{background-image: url('assets/images/bg-cover.webp');margin-top: -130px;height: 80vh;}
#pasajeros-cover{background-image: url('assets/images/bg-cover-pasajeros.webp');margin-top: -130px;height: 80vh;}
#panoramicos-cover{background-image: url('assets/images/bg-cover-panoramicos.webp');margin-top: -130px;height: 80vh;}
#para-casa-cover{background-image: url('assets/images/bg-cover-para-casa.webp');margin-top: -130px;height: 80vh;}
#camilleros-cover{background-image: url('assets/images/bg-cover-camilleros.webp');margin-top: -130px;height: 80vh;}
#montacargas-cover{background-image: url('assets/images/bg-cover-montacargas.webp');margin-top: -130px;height: 80vh;}
#montavehiculos-cover{background-image: url('assets/images/bg-cover-montavehiculos.webp');margin-top: -130px;height: 80vh;}
#montaplatos-cover{background-image: url('assets/images/bg-cover-montaplatos.webp');margin-top: -130px;height: 80vh;}
#ascensor-discapacitados-cover{background-image: url('assets/images/bg-cover-para-discapacitados.webp');margin-top: -130px;height: 80vh;}
#escaleras-electricas-cover{background-image: url('assets/images/bg-cover-escaleras-electricas.webp');margin-top: -130px;height: 80vh;}
#mantenimiento-cover{background-image: url('assets/images/bg-cover-mantenimiento.webp');margin-top: -130px;height: 80vh;}
#contacto-cover{background-image: url('assets/images/bg-contacto.webp');margin-top: -130px;height: 60vh;}
#nosotros-cover{background-image: url('assets/images/bg-nosotros.webp');margin-top: -130px;height: 50vh;}
#contacto-cover{background-image: url('assets/images/bg-contacto.webp');margin-top: -130px;height: 50vh;}
.page-template-gracias .main-header{background-color: var(--tb);}

.bg-cover .container{width: 90%;max-width: 90%;margin-top: 12rem;position: relative;}
#home-cover.bg-cover .container{width: 90%;max-width: 90%;margin-top: 6rem;position: relative;}
#mantenimiento-cover .container{margin-top: 7rem;}
.bg-secciones{margin-top: 10px;}
.bg-cover .cover-content{width: 46%;position: relative;color: var(--tw);}
.bg-cover .cover-content .tcp5{font-size: 1.6rem;}

.bg-cover .cover-content h1{font-size: 6rem;font-weight: 700;margin: 0 0 0 0;}
.bg-cover .cover-content h3{margin-top: 0;}
.bg-cover .cover-content p{font-size: 1.2rem;}
.bg-cover .cover-content .btn-large i{font-size: 1rem; margin-left: 0;  margin-right: 0.5rem;text-align: center;}

/*** VENTA DE ASCENSORES ***/
#venta-ascensores{background-image: url('assets/images/home-venta-ascensores.webp');background-position: top;background-repeat: no-repeat;position: relative;}
#venta-ascensores::before{content: "";position: absolute;top: 0;right: 150px;width: 40px;height: 100px;background-color: var(--cp)}
#venta-ascensores.title-hr h2{position: relative;margin-bottom: .5rem; padding-left: 1.1rem;}
#venta-ascensores.title-hr h2+.tg7{margin-bottom: 1rem;padding-left:1.1rem ;}
/*#venta-ascensores.title-hr h2:before{content: ""; position: absolute;top:6px;left: 0; width: 7px;height: 72px;background-color: var(--cp);}*/
#venta-ascensores .pd{display: flex;flex-wrap: wrap;align-items: initial;}
#venta-ascensores .pd article{width: 31%;margin: 1.5rem 1%;}
#venta-ascensores figure{overflow: hidden;/* background-color: var(--cs); */margin: 0;}
#venta-ascensores h3.pd-title{color: var(--cs);font-size: 1.5rem;font-weight: 700;margin: .5rem 0;}
#venta-ascensores figure img{width: 100%;max-width: none;}
#venta-ascensores figure figcaption{position: relative;}
.icon-isotipo { display: inline-block;  transition: transform 0.3s ease; }
#venta-ascensores .pd article:hover .icon-isotipo {transform: rotate(90deg); }

#venta-ascensores figure:hover img{opacity: 0.8}

/*** INSTALACION ***/
.text-checks-img{position: relative;}
.text-checks-img img{width: 100%;position: relative;z-index: 1;}
.text-checks-img::before{content: "";position: absolute;top: 0;left: 150px;width: 40px;height: 100px;background-color: var(--tg);opacity: .4;}
.text-checks-img::after{content: "";position: absolute;top: 0;right: 450px;width: 7px;height: 100%;background-color: var(--cp);}
.text-checks-img p, #text-checks-img ul{width: 90%;}

/*** NUESTROS SERVICIOS ***/
#nuestros-servicios{background-color: var(--gris)}
#nuestros-servicios .pd{display: flex;flex-wrap: wrap;align-items: center;}
#nuestros-servicios .pd article{width: 30%;margin: 1.5rem 1%;}
#nuestros-servicios a{background-color: var(--tw);padding:1rem;border-radius: 1rem;margin-top: 60px;width: 100%;display: block;}
#nuestros-servicios figure{margin: 0;}
#nuestros-servicios figcaption+a{opacity: 0;}
#nuestros-servicios figure img{width: 100%;max-width: none;margin-top: -60px;}
#nuestros-servicios figure figcaption{display: flex;justify-content: space-between;align-items: center;margin: 1rem 0;}
#nuestros-servicios figure figcaption h3{flex: 1;color: var(--cs);margin: 0;}
#nuestros-servicios figure figcaption i{display: flex;align-items: center;justify-content: center;background-color: var(--cp);padding: 1rem;border-radius:50%}
#nuestros-servicios figure a.btn-large{opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,-150%,0);transform: translate3d(0,-120%,0);}
#nuestros-servicios article h3, #nuestra-experiencia figure p{padding-left: 1rem;position: relative;}
#nuestros-servicios article h3::before, #nuestra-experiencia figure p::before{content: "";width: 6px;height: 35px;background-color: var(--cp);position: absolute;left: 0;}
.tw.icon-angle-right { display: inline-block; transition: transform 0.5s ease;}
#nuestros-servicios article:hover i {transform: rotate(360deg);}

/*** NUESTRA EXPERIENCIA ***/
#nuestra-experiencia .pd{display: flex;flex-wrap: wrap}
#nuestra-experiencia .pd article{width: 23%;margin: 1.5rem 1%;}

#nuestra-experiencia figure{margin: 0;}
#nuestra-experiencia figure img{width: 100%;max-width: none;}
#nuestra-experiencia figure figcaption{display: flex;align-items: center;}

/*** NOSOTROS ***/
#home-nosotros{position: relative;background-image: url('assets/images/home-nosotros-fondo.webp');background-size: cover;}
#home-nosotros::before{content: "";position: absolute;top: 0;left: 410px;width: 7px;height: 100%;background-color: var(--tg);opacity: .4;}
#home-nosotros img{position: relative;width: 90%;z-index: 1;}
ul.h-normativas{display: flex;}
ul.h-normativas li{display: flex;align-items: center;margin: 0 3rem 0 0;}
ul.h-normativas li h6 span{font-size: 1.5rem;display: block;}
ul.h-normativas li h6 {font-size: 1.4rem;line-height: 2rem;}
ul.h-normativas li i{font-size: 3rem;color: var(--cp);font-weight: 400;}

/*#home-nosotros li{display: flex;align-items: center;margin: .5rem 0;}
#home-nosotros li.norma{display: inline-flex;align-items: center; margin: 1rem}


#home-nosotros ul li.norma i{font-size: 4rem;color: var(--cp);}
#home-nosotros ul li.norma img{width: 3.5rem}
#home-nosotros ul li.norma h6{margin: 0 1rem}*/

/*** CTA ***/
#cta{background-image: url('assets/images/bg-cta.webp');color: var(--tw);background-size: cover;}
#cta .container, #formulario .container, #clientes .container, #footer .container, #nosotros .container{width: 70%;max-width: 70%;}
#cta .col+.col div{margin: 3rem 0 1rem 0;}
#cta a{margin: 0 auto}
#cta .row{display: flex;align-items: center;justify-content: space-between;gap: 2rem}
#clientes .owl-theme .owl-dots .owl-dot span { width: 80px; height: 8px; border-radius: 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: .9rem;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;}

/*** FOOTER ***/
#footer{background-color: var(--tb);color: var(--tw);}
#footer .container{padding-top: 4rem;}
#footer h3{margin-top: 0;}
#footer .col:first-of-type img+p{width: 80%;}
#footer ul.f-izquierda{display: flex}
#footer ul.f-izquierda p{margin-right: 1rem;}
#footer ul.f-izquierda li i{margin:0 .6rem;}
#footer ul.f-izquierda li i:hover{color: var(--cp);}

#footer ul li{display: flex;align-items: center;margin: 1rem 0;}
#footer ul.f-derecha li{margin:.5rem 0;}
#footer ul li strong{display: block;}
#footer ul li a{color: var(--tw);}
#footer i{font-size: 1.4rem;}
.pie{margin-bottom: 0;border-top: 1px solid rgba(255,255,255,.3);}
.pie .col:nth-of-type(2){display: flex; align-items: center;justify-content: space-around;}
#footer p, #footer div,  #footer li{font-size: 1.2rem;}
.pie .col:last-of-type{text-align: right;}
.pie .col:last-of-type p{width: 100%;}

/*** PÁGINA ASCENSORES PASAJEROS ***/
/*** ASCENSORES PASAJEROS ***/
#asc-pasajeros{background-image: url('assets/images/home-venta-ascensores.webp');background-position: top;background-repeat: no-repeat;background-size: cover;position: relative;}

#asc-pasajeros::before{content: "";position: absolute;top: 0;left: 450px;width: 10px;height: 100%;background-color: var(--tg);opacity: .4;}
.nuestros-ascensores::after{content: "";position: absolute;top: 0;right: 150px;width: 40px;height: 100px;background-color: var(--cp)}
.bg-cover .cover-content p.subtitulo{font-size: 2rem;margin: 0;font-weight: 600;}
.title-hr h2{position: relative;margin-bottom: .5rem; padding-left: 1.1rem;}
.title-hr h2+.tg7{margin-bottom: 1rem;padding-left:1.1rem ;font-size: 1.6rem;}
.title-hr h2:before{content: ""; position: absolute;top:6px;left: 0; width: 7px;height: 72px;background-color: var(--cp);}
#asc-pasajeros h2:before{height: 115px;}
#asc-pasajeros .row .info{padding: 0 2rem}
#asc-pasajeros p, #asc-pasajeros ul{width: 90%;}


/*#asc-pasajeros .row .info p{display: flex}*/

/*** ASCENSORES MODERNOS ***/
#asc-modernos{position: relative;}
#asc-modernos.title-hr h2:before{content: ""; position: absolute;top:6px;left: 0; width: 7px;height: 72px;background-color: var(--cp);}
.title-hr .pd{display: flex;flex-wrap: wrap;align-items: initial;}
#asc-modernos .pd article{width: 48%;margin: 1.5rem 1%;}
#asc-modernos figure{overflow: hidden;margin: 0;}
#asc-modernos figure figcaption{margin-top: -60px}
/* #asc-modernos h3.pd-title{display: inline-block;background-color: var(--tw);color: var(--cs);font-size: 1.5rem;font-weight: 700;margin: .5rem 0 0;padding: 1.2rem 2rem 0 0;border-radius: 0 8px 0;} */
/*#asc-modernos figure img{width: 100%;max-width: none;}*/

/*** CARACTERÍSTICAS ***/
#caracteristicas{background-color: var(--gris);position: relative;}
#caracteristicas.title-hr h2:before{content: ""; position: absolute;top:6px;left: 0; width: 7px;height: 72px;background-color: var(--cp);}
#caracteristicas .pd{display: flex;flex-wrap: wrap;align-items: initial;}
/*#caracteristicas .pd article{background-color: var(--tw);width: 23%;margin: 1.5rem 1%;padding: 2rem 1rem;border-radius: 18px;}*/
#caracteristicas.w-grid-3c article{background-color: var(--tw);width: 31%;margin: 1.5rem 1%;padding: 2rem 1rem;border-radius: 18px;}
#caracteristicas.w-grid-4c article{background-color: var(--tw);width: 23%;margin: 1.5rem 1%;padding: 2rem 1rem;border-radius: 18px;}
#caracteristicas .pd article:hover{background-color: var(--cp);color: var(--tw);}
#caracteristicas figure{overflow: hidden;/* background-color: var(--cs); */margin: 0;}
#caracteristicas figure img{width: 67px;height: 67px;}
#caracteristicas h3.pd-title{color: var(--cs);font-size: 1.2rem;font-weight: 700;margin: .5rem 0;}
/*#caracteristicas figure img{ filter: invert(34%) sepia(85%) saturate(2283%) hue-rotate(352deg) brightness(96%) contrast(92%);}*/

.icono-caracteristica {width: 67px;  height: 67px;  fill: #fd4a36; }
#caracteristicas .pd article:hover .icono-caracteristica{fill: var(--tw);}
#caracteristicas .cta-end{display: flex;width: 60%;margin-top: 4rem;}
#caracteristicas .cta-end p{text-align: right;margin:0 1rem 0 0;}
#caracteristicas .cta-end a{width: 450px;}
/*** GALERÍA ***/
#galeria{background-image: url('assets/images/home-venta-ascensores.webp');background-position: top;background-repeat: no-repeat;background-size: cover;position: relative;}
#galeria .pd{}
#galeria .pd .col{height: fit-content}
#galeria .pd .gal-izq{margin-top: -316px;}
#galeria img{width: 100%}

/*** PÁGINA ASCENSORES PANORÁMICOS ***/
/*** ASCENSORES PANORÁMICOS ***/
#asc-panoramicos{background: linear-gradient(to bottom, var(--gris) 650px, transparent 300px);position: relative;}
#asc-panoramicos.title-hr h2:before{content: ""; position: absolute;left: 0; width: 7px;height: 100%;background-color: var(--cp);}

#asc-panoramicos figure{overflow: hidden;margin: 0;}
#asc-panoramicos h3.pd-title{color: var(--cs);font-size: 1.2rem;font-weight: 700;margin: .5rem 0;}
#asc-panoramicos figure img{width: inherit;max-width: none;}

#asc-panoramicos .pd2col,
#asc-panoramicos .pd3col,
#asc-panoramicos .pd4col{display: flex;flex-wrap: wrap;align-items: initial;}

#asc-panoramicos .pd3col article{background: var(--tw);width: 31%;margin: 1.5rem 1%;padding: 2rem 1rem;border-radius: 18px;}
#asc-panoramicos .pd3col article figure{display: flex;align-items: flex-start;justify-content: space-between}
#asc-panoramicos .pd3col img{width: 25%}
#asc-panoramicos .pd3col figcaption{width: 70%}
#asc-panoramicos .pd3col h3.pd-title{margin: 0;}

#asc-panoramicos .pd2col article{width: 48%;margin: 1.5rem 1%;border-radius: 8px;overflow: hidden}
#asc-panoramicos .pd2col figure img{width: 100%}
#asc-panoramicos .pd2col figure figcaption{margin-top: -60px}
#asc-panoramicos .pd2col h3.pd-title{display: inline-block;background-color: var(--tw);color: var(--cs);font-size: 1.5rem;font-weight: 700;margin: .5rem 0 0;padding: 1.2rem 2rem 0 0;border-radius: 0 8px 0;}

/*** PÁGINA ASCENSORES PARA CASA ***/
/*** ASCENSORES PARA CASA ***/
#asc-para-casa{background-image: url('assets/images/home-venta-ascensores.webp');background-position: top;background-repeat: no-repeat;background-size: cover;position: relative;}
#asc-para-casa .row .info{padding: 0 2rem}
#asc-para-casa p, #asc-para-casa ul{width: 90%;}


.nuestros-ascensores{background-image: url('assets/images/home-venta-ascensores.webp');background-position: top;background-repeat: no-repeat;background-size: cover;position: relative;}
.nuestros-ascensores .foto{position: relative;}
.box-info{width: 70%;background-color: rgba(0,0,0,.7); position: absolute;bottom: 2rem;left: 7.5%; z-index: 1;border-radius: 6px;color: var(--tw);margin: 0 auto;padding: 1rem 1.5rem;}
.box-info table th[colspan] {font-size: 1.5rem;}
.box-info table th{font-size: 1.2rem;}
.box-info table td{font-size: 1rem;}
.box-info table th, .box-info table td{padding: .0;}
.nuestros-ascensores ul{list-style: none; counter-reset: contador;  padding: 0;}
.nuestros-ascensores ul li{ counter-increment: contador;  margin-bottom: 0.5rem; position: relative; padding-left: 2rem;}
.nuestros-ascensores ul li::before { content: counter(contador);  position: absolute; left: 0; top: 5px; font-weight: bold;  color: var(--cp);   border: 2px solid var(--cp);  border-radius: 4px;
  width: 22px;  height: 22px;    line-height: 1.1rem;  text-align: center;}
.nuestros-ascensores img{width: 85%}
.title-hr .w-grid{display: flex;flex-wrap: wrap;}
.title-hr .w-grid article{width: 48%;margin: 1.5rem 1%;}
.title-hr .w-grid figure{margin: 0;}
.title-hr .w-grid figure img{width: 100%;}
.title-hr .w-grid figure figcaption { margin-top: -60px;}
.title-hr .w-grid figure figcaption h3{display: inline-block;  background-color: var(--tw);   color: var(--cs);   font-size: 1.5rem;   font-weight: 700;   margin: .5rem 0 0;    padding: 1.2rem 2rem 0 0;  border-radius: 0 8px 0;}
.ofrecemos .w-grid figure figcaption h3{position: relative;padding-left: 1.2rem;}
.ofrecemos p.subt{font-size: 2rem;    font-family: "Fira Sans", sans-serif;    color: var(--tg);    position: relative;}

.ofrecemos article h3{display: inline-block;   background-color: var(--tw);   color: var(--cs);  font-size: 1.5rem;  font-weight: 700;  margin: .5rem 0 0;  padding: 1.2rem 2rem 0 0;
    border-radius: 0 8px 0;}
.ofrecemos article h3::before{content: "";width: 6px;height: 34px;background-color: var(--cp);position: absolute;left: 0;}
.ofrecemos p.subt:after{content: "";width: 80px;height: 5px;background-color: var(--cp);position: absolute;top: 45px;left: 0;}

/*** CARACTERÍSTICAS ***/
#caracteristicas .pd3col{display: flex;flex-wrap: wrap;align-items: initial;}
#caracteristicas .pd3col article{background-color: var(--tw);width: 31%;margin: 1.5rem 1%;padding: 2rem 1rem;border-radius: 18px;}

#contactanos ul{display: flex;}
#contactanos ul li{
  flex: 1;
  -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);
  margin-right:1.5rem;
  padding: 1.8rem;
  display: flex;
  align-items: flex-start;
  }
#why-mantenimiento img, #reparacion-modernizacion img, #modernizacion img{width: 85%;}
#contactanos ul li i{font-size: 2.5rem;margin-right: 1rem;}
#contactanos ul li h3{color: var(--cp);margin-top: 0;}
#contactanos ul li p{margin-bottom: 0;font-weight: 400;}
#contactanos ul li p a{color: var(--tb);}
#nosotros-cover .container{margin-top: 5.5rem;}
#nosotros-cover ol li{color: var(--tw);font-weight: 500;}
#page-404 .container, #bg-libro-reclamaciones .container{padding-top: 0;}
#big-number{padding: 3rem 0 0 0}
#big-number .row{display: flex;justify-content: center;align-items: center;margin-bottom: 0;}
#big-number .n-main{font-size: 14rem;color: var(--cp);font-weight: 900;}
#big-number .n-main+div {font-size: 6rem;line-height: 5rem;font-weight: 700;margin-left: 2rem;}
#big-number span {color: var(--cp);display: block;}
#conocenos {padding: 0;}
#conocenos figure{margin: 3rem 0;display: flex;flex-wrap: wrap;}
#conocenos figure img{flex: 1;}
#page-404{height: 40vh;background-color: var(--tb);margin-top: -125px;color: var(--tw);}
.error-404 .page-content{text-align: center;}

/*****************150%*******************/
@media screen and (max-width: 1440px){
  
  h2 {font-size: 2.1rem;}
  h3{font-size: 1.6rem;}
  p, ul li, ol li{font-size: .9rem;}
  a.btn{font-size: .7rem;height: 24px;line-height: 1.6rem;padding: 0 1rem;}
  a.btn-large{font-size: .7rem;height: 40px;line-height: 2.5rem;padding: 0 1rem;}
  ul.check li:before{font-size: 1rem;}
  .welcome{padding: 1.5rem 0;}
  .fixed-menu .welcome img{width: initial;}
 nav ul.social-menu li a{padding: 0 .5rem;}
 nav ul.social-menu li a i{font-size: 1rem;}
 nav ul.ct li{font-size: .9rem;}
 nav ul.ct li a{font-size: .8rem;}
 ul.menu-main li a{font-size: .8rem;}
 .fixed-menu ul.menu-main li a.dropdown-trigger:after{top: 1rem;}
 ul.dropdown-content {width: 280px!important;top: 65px!important;}
 .fixed-menu ul.dropdown-content { top: 59px !important;}
 #menu-servicios.dropdown-content li{padding: 0;margin: 0;min-height: auto;height: auto;}
 #menu-servicios.dropdown-content li a{padding: .1rem 1rem;}
#home-cover{height: 90vh;}
#pasajeros-cover{height: 85vh;}
#panoramicos-cover{background-image: url('assets/images/bg-cover-panoramicos.webp');margin-top: -130px;height: 80vh;}
#para-casa-cover{background-image: url('assets/images/bg-cover-para-casa.webp');margin-top: -130px;height: 80vh;}
#camilleros-cover{background-image: url('assets/images/bg-cover-camilleros.webp');margin-top: -130px;height: 80vh;}
#montacargas-cover{background-image: url('assets/images/bg-cover-montacargas.webp');margin-top: -130px;height: 80vh;}
#montavehiculos-cover{background-image: url('assets/images/bg-cover-montavehiculos.webp');margin-top: -130px;height: 80vh;}
#montaplatos-cover{background-image: url('assets/images/bg-cover-montaplatos.webp');margin-top: -130px;height: 80vh;}
#ascensor-discapacitados-cover{background-image: url('assets/images/bg-cover-para-discapacitados.webp');margin-top: -130px;height: 80vh;}
#escaleras-electricas-cover{background-image: url('assets/images/bg-cover-escaleras-electricas.webp');margin-top: -130px;height: 80vh;}
#mantenimiento-cover{background-image: url('assets/images/bg-cover-mantenimiento.webp');margin-top: -130px;height: 80vh;}
#contacto-cover{background-image: url('assets/images/bg-contacto.webp');margin-top: -130px;height: 60vh;}
#nosotros-cover{background-image: url('assets/images/bg-nosotros.webp');margin-top: -130px;height: 50vh;}
#contacto-cover{background-image: url('assets/images/bg-contacto.webp');margin-top: -130px;height: 50vh;}
 .bg-cover .container{margin-top: 7rem;}
 #home-cover.bg-cover .container{margin-top: 4rem;}
 #mantenimiento-cover .container{margin-top: 3rem;}
  .bg-cover .cover-content h1{font-size: 2.6rem;}
  .bg-cover .cover-content p.subtitulo{font-size: 1.2rem;}
  .bg-cover .cover-content p{font-size: .9rem;}
#venta-ascensores::before{right: 120px; width: 30px; height: 70px}
.text-checks-img::before{left: 120px; width: 30px; height: 70px;}
.text-checks-img::after{right: 270px;}
#venta-ascensores h3.pd-title{font-size: 1.1rem;}
#nuestros-servicios figure figcaption h3{font-size: 1.2rem;}
#nuestros-servicios figure figcaption i{padding: .5rem;font-size: 1rem;}
#nuestros-servicios article h3::before, #nuestra-experiencia figure p::before{height: 25px;width: 5px;}
.title-hr h2+.tg7{font-size: 1.2rem;}
#home-nosotros::before{left: 250px;height: 608px;width: 6px;}
.title-hr h2:before{height: 58px;}
#nuestros-servicios.title-hr h2:before{height: 90px;}
#home-nosotros ul{margin: 0;}
ul.h-normativas li h6 span{font-size: 1rem;display: block;}
ul.h-normativas li h6 {font-size: 1rem;line-height: 1.5rem;}
ul.h-normativas li i{font-size: 2rem;color: var(--cp);font-weight: 400;}
.whatsappchat{right: 20px;bottom: 20px;}
.whatsappchat div{padding: .5rem;font-size: .7rem;}
.whatsappchat a i{width: 40px;height: 40px;font-size: 2rem; line-height: 2.8rem;}
footer img{width: 80%;height: auto;margin-top: 1.5rem;}
#footer ul li,#footer ul li a, #footer p{font-size: .9rem;}
#asc-pasajeros::before{left: 260px;width: 7px;}
.nuestros-ascensores img{width: 100%;}
.nuestros-ascensores::after{right: 120px;  width: 30px; height: 70px}
.box-info table th[colspan] {font-size: 1.2rem;}
.box-info table th{font-size: .9rem;}
.box-info table td{font-size: .8rem;}
#asc-pasajeros h2:before{height: 95px;}
#asc-modernos.title-hr h2:before{height: 60px;}
.ofrecemos .w-grid figure figcaption h3{line-height: 2rem;}
.icono-caracteristica{width: 45px;height: 45px;}
#caracteristicas h3.pd-title{font-size: .9rem;}
#asc-panoramicos .pd3col h3.pd-title{font-size: 1rem;}
}
/**********************************************SMARTPHONE***************************************************/
@media screen and (min-width:320px) and (max-width:480px){
h1{font-size: 1.8rem;}
h2{font-size: 1.6rem;line-height: initial;}
h3{font-size: 1.6rem;}
p, ul li, ol li{font-size: 1.1rem;}
a.btn, a.btn-large{font-size: 1.1rem;/* padding: 1.8rem 2rem; *//* line-height: .5rem; */}
#categorias a.btn-large{padding: 1rem 0;line-height: .9rem;}
h2+p.center{width: 100%;/* color: var(--tw); */font-weight: 500;}
.modal{width: 100%;height: auto;}
#slide-out{z-index: 9999;}
.sidenav .collapsible-header:hover, .sidenav.fixed .collapsible-header:hover, .sidenav li>a:hover {background-color: var(--cp); color: var(--tw);}
#slide-out > li:first-child {padding: 1rem 0.3rem 2rem 1rem;background: var(--tb);margin-bottom: 0;border-bottom: 3px solid var(--cp);/* margin: 0; */}
#slide-out > li:first-child a{padding: 0;}
#slide-out > li:first-child img{margin-top: .5rem;width: 50%;}
.collapsible-body ul{background-color: #f1f1f1;}

.sidenav ul.collapsible>li:first-of-type {margin-top: 1rem;}
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;}
.sidenav li>a{font-size: 1.2rem;}
nav .menu-top, nav .box-menu-header div, nav .contacto-lang { display: none; }
.btn-fixed-menu a.btn-floating{border-radius: 0;background-color: var(--cp);text-align: center;width: 45px;height: 40px;line-height: 2.9rem;box-shadow: none;/* padding: .5rem; */display: block;position: relative;}
.btn-fixed-menu a.btn-floating i{margin: 0;line-height: 2.7rem;color: var(--tw);font-size: 2rem;}
.call{position: fixed;top: 2px;right: 6rem;z-index: 999999999;color: var(--tw);width: 50px;height: 50px;padding: .5rem;line-height: 3.5rem;/* font-size: 1rem; */}
.call i{color: var(--tw);font-size: 2rem;}
.fixed-menu{height: 70px;}
.fixed-menu .welcome{padding-top: 1rem;}
.fixed-menu .welcome img{width: 100%;}
.fixed-menu .call i{color: var(--tw);font-size: 2rem;}
.btn-fixed-menu {position: fixed;top: 14px;right: 18px;z-index: 999;}

.bg-cover{height: 100vh;background-size: cover;/* background-position: top; */background-repeat: no-repeat;}
#home-cover{background-image: url('assets/images/bg-cover-s.webp');height: 100vh;}
#pasajeros-cover{background-image: url('assets/images/bg-cover-pasajeros-s.webp'); height: 100vh;}
#panoramicos-cover{background-image: url('assets/images/bg-cover-panoramicos-s.webp');margin-top: -130px;height: 100vh;}
#para-casa-cover{background-image: url('assets/images/bg-cover-para-casa-s.webp');margin-top: -130px;height: 100vh;}
#camilleros-cover{background-image: url('assets/images/bg-cover-camilleros-s.webp');margin-top: -130px;height: 100vh;}
#montacargas-cover{background-image: url('assets/images/bg-cover-montacargas-s.webp');margin-top: -130px;height: 100vh;}
#montavehiculos-cover{background-image: url('assets/images/bg-cover-montavehiculos-s.webp');margin-top: -130px;height: 100vh;}
#montaplatos-cover{background-image: url('assets/images/bg-cover-montaplatos-s.webp');margin-top: -130px;height: 100vh;}
#ascensor-discapacitados-cover{background-image: url('assets/images/bg-cover-para-discapacitados-s.webp');margin-top: -130px;height: 100vh;}
#escaleras-electricas-cover{background-image: url('assets/images/bg-cover-escaleras-electricas-s.webp');margin-top: -130px;height: 100vh;}
#mantenimiento-cover{background-image: url('assets/images/bg-cover-mantenimiento-s.webp');margin-top: -130px;height: 100vh;}
#nosotros-cover{background-image: url('assets/images/bg-nosotros-s.webp');margin-top: -130px;height: 50vh;}
#contacto-cover{background-image: url('assets/images/bg-contacto-s.webp');margin-top: -130px;height: 50vh;}

#gracias{background-image: url('assets/images/bg-gracias-s.webp');}
#home-cover.bg-cover .container, .bg-cover .container{position: unset;}
.bg-cover .cover-content { position: absolute; width: 90%; bottom: 2rem; }
.bg-cover.cover-half .cover-content { position: absolute; width: 90%; top: 20rem;bottom: initial; }

.bg-cover .cover-content h1{font-size: 2rem;}
.bg-cover .cover-content p.subtitulo{font-size: 1.5rem;}
#cta .container, #formulario .container, #clientes .container, #footer .container, #nosotros .container{width: 85%;max-width: 85%;}
#venta-ascensores::before{right: 50px;width: 20px;height: 50px;}
.title-hr .tg7{font-size: 1.3rem;}
#venta-ascensores .pd article,#nuestros-servicios .pd article, #nuestra-experiencia .pd article{width: 100%;margin: 1.5rem 0;}
#venta-ascensores h3.pd-title{font-size: 1.4rem;}
#venta-ascensores.title-hr h2:before{height: 50px;}
.icon-isotipo{font-size: 2rem;}
#cta{text-align: center;}
#cta .row{display: block;}
#cta h2 br{display: none;}
.text-checks-img::before{left: 50px;width: 20px;height: 50px;}
.text-checks-img::after { display: none;  }
#instalacion img{margin-top: 2rem;}
#home-nosotros ul.h-normativas{flex-direction: column;margin: 1rem 0;}
ul.h-normativas li i{font-size: 3rem;}
#home-nosotros::before{left: 80px;height: 300px;}
#home-nosotros img{width: 100%;}
#clientes .owl-theme .owl-dots { display: none;}
.whatsappchat{right: 20px;bottom: 20px;}
.whatsappchat div{font-size: .8rem;padding: .5rem;display: none;}
footer img{width: 90%;}
.pie .col:nth-of-type(2){text-align: left;}
#asc-pasajeros .row .info, #asc-para-casa .row .info{padding: 0;}
.box-info{width: 85%;}
.box-info table th[colspan]{font-size: 1.4rem;}
.box-info table th {font-size: 1.2rem;}
.box-info table td {font-size: 1rem;}
#asc-pasajeros p, #asc-pasajeros ul, #asc-para-casa p, #asc-para-casa ul{width: 100%;}
.title-hr .w-grid article{width: 100%;margin: 1.5rem 0;}
.title-hr .w-grid figure figcaption h3{margin: 1rem 0;}
.ofrecemos article h3::before{height: 28px;}
#caracteristicas.w-grid-4c article, #caracteristicas.w-grid-3c article{width: 48%;margin: .5rem 1%;}
.icono-caracteristica{width: 50px;height: 50px;}
#asc-pasajeros::before{left: 60px;height: 120px;}
.nuestros-ascensores::after{right: 50px; width: 20px; height: 50px;}
.ofrecemos .w-grid figure figcaption h3{margin-bottom: 0;}
#asc-panoramicos .pd3col article{width: 100%;margin: 1rem 0;}
#asc-panoramicos .pd2col article{width: 100%;}
#caracteristicas .cta-end{width: 90%;flex-direction: column;}
#caracteristicas .cta-end p{text-align: center;margin: 1rem 0;}
#caracteristicas .cta-end a{width: 90%;margin: 0 auto;}
#contactanos ul{flex-wrap: wrap;}
#contactanos ul li{width: 100%;margin: .5rem 0;padding: 2rem 1rem ;}
#big-number .row{flex-wrap: wrap;text-align: center;}
#big-number .n-main{font-size: 10rem;line-height: 9rem;}
#big-number .n-main+div{font-size: 4.5rem;margin: 0;}
#big-number span{font-size: 3.8rem;}
#conocenos figure img{width: 47%;margin: 1rem 3% 1rem 0;}
#contactanos ul li i{font-size: 1.8rem;margin-right: .5rem;}
.text-checks-img img{margin-top: 1.5rem;}
.bggris img{width: 100%;}
#why-mantenimiento.title-hr h2:before,
#mantenimiento-lima.title-hr h2:before{height: 50px;}
#reparacion-modernizacion.title-hr h2:before{height: 125px;}
}

/*******************************TABLET*******************************/
@media screen and (max-width: 768px) and (min-width: 480px){
  h1{font-size: 2.8rem;}
  h2{font-size: 2.5rem;line-height: initial;}
  h3{font-size: 1.8rem;line-height: initial;}
  p, ul li, ol li {font-size: 1.6rem;line-height: initial;}
  a.btn, a.btn-large{font-size: 1.3rem;height: 50px;line-height: 3.5rem;}

  .modal{width: 90%;height: 45%;}
  nav .contacto-lang ul.ct li:first-child{display: none;}
  nav .contacto-lang li{position: absolute;top: 2rem;right: 9rem;/* font-size: 1.6rem; */}
  .fixed-menu{height: 80px;}
  .sidenav{width: 450px;}
  .sidenav li{margin: 1.5rem 0;}
  .sidenav>li+li{margin-top: 0;}
  .sidenav ul.collapsible>li:first-of-type{margin-top: 2rem;}
  .sidenav li>a{font-size: 1.6rem;}
  #slide-out > li:first-child {padding: 1rem 0.3rem 4rem 1rem;background: var(--tb);margin-bottom: 0;border-bottom: 6px solid var(--cp);margin: 0;}
  #slide-out ul.collapsible li.active>a {background-color: var(--cp);color: var(--tw);padding: 1rem 2.5rem;}
  /* #slide-out > li:first-child {padding: 2.5rem 0 3.5rem 2rem;background: var(--cp);margin-bottom: 3rem;margin-top: 0;} */
  #slide-out > li:first-child img { margin-top: 0.5rem;  width: 50%;}
  #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: 1rem 2.5rem 0 2.5rem;}
  #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;}
  nav .menu-top{display: none;}
  ul.social-menu { display: none; }
  .fixed-menu .welcome{padding-top: 1.5rem;}
  .fixed-menu .welcome img{width: initial;}
.btn-fixed-menu a.btn-floating{border-radius: 0;background-color: var(--cs);text-align: center;width: 40px;height: 35px;line-height: 0rem;/* color: var(--cp); */}
.btn-fixed-menu a.btn-floating i{margin: 0;line-height: 2.7rem;color: var(--tw);}
.call{position: fixed;top: 14px;right: 5.8rem;z-index: 999999999;color: var(--tw);width: 50px;height: 50px;padding: .5rem;line-height: 2.5rem;/* font-size: 1rem; */}
.call i{color: var(--tw);font-size: 1.8rem;}
.fixed-menu .call i{color: var(--cp);}
.btn-fixed-menu {position: fixed;top: 18px;right: 25px;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(--tw);font-size: 1.9rem;}
.bg-cover{height: 100vh;background-size: cover;/* background-position: top; */background-repeat: no-repeat;}
#home-cover{background-image: url('assets/images/bg-cover-s.webp');height: 100vh;}
#pasajeros-cover{background-image: url('assets/images/bg-cover-pasajeros-s.webp'); height: 100vh;}
#panoramicos-cover{background-image: url('assets/images/bg-cover-panoramicos-s.webp');margin-top: -130px;height: 100vh;}
#para-casa-cover{background-image: url('assets/images/bg-cover-para-casa-s.webp');margin-top: -130px;height: 100vh;}
#camilleros-cover{background-image: url('assets/images/bg-cover-camilleros-s.webp');margin-top: -130px;height: 100vh;}
#montacargas-cover{background-image: url('assets/images/bg-cover-montacargas-s.webp');margin-top: -130px;height: 100vh;}
#montavehiculos-cover{background-image: url('assets/images/bg-cover-montavehiculos-s.webp');margin-top: -130px;height: 100vh;}
#montaplatos-cover{background-image: url('assets/images/bg-cover-montaplatos-s.webp');margin-top: -130px;height: 100vh;}
#ascensor-discapacitados-cover{background-image: url('assets/images/bg-cover-para-discapacitados-s.webp');margin-top: -130px;height: 100vh;}
#escaleras-electricas-cover{background-image: url('assets/images/bg-cover-escaleras-electricas-s.webp');margin-top: -130px;height: 100vh;}
#mantenimiento-cover{background-image: url('assets/images/bg-cover-mantenimiento-s.webp');margin-top: -130px;height: 100vh;}
#nosotros-cover{background-image: url('assets/images/bg-nosotros-s.webp');margin-top: -130px;height: 50vh;}
#contacto-cover{background-image: url('assets/images/bg-contacto-s.webp');margin-top: -130px;height: 50vh;}

#gracias{background-image: url('assets/images/bg-gracias-s.webp');}
#home-cover.bg-cover .container, .bg-cover .container{position: unset;}
.bg-cover .cover-content { position: absolute; width: 90%; bottom: 2rem; }
.bg-cover.cover-half .cover-content { position: absolute; width: 90%; top: 20rem;bottom: initial; }

.bg-cover .cover-content h1{font-size: 3rem;}
.bg-cover .cover-content p.subtitulo{font-size: 1.5rem;}
.bg-cover .cover-content p{font-size: 1.4rem;}
#cta .container, #formulario .container, #clientes .container, #footer .container, #nosotros .container{width: 85%;max-width: 85%;}
#venta-ascensores::before{right: 50px;width: 20px;height: 50px;}
.title-hr .tg7{font-size: 1.3rem;}
#venta-ascensores .pd article,#nuestros-servicios .pd article, #nuestra-experiencia .pd article{width: 48%;margin: 1.5rem 1%;}
#venta-ascensores h3.pd-title{font-size: 1.4rem;}
#venta-ascensores.title-hr h2:before{height: 50px;}
.text-checks-img::after{display: none;}
.icon-isotipo{font-size: 2rem;}
#cta{text-align: center;}
#cta .row{display: block;}
#cta h2 br{display: none;}
.text-checks-img::before{left: 70px;width: 25px;height: 55px;}
#instalacion img{margin-top: 2rem;}
#home-nosotros::before{left: 120px;height: 350px;}
#home-nosotros img{width: 100%;}
#home-nosotros ul.h-normativas{margin: 1.5rem 0;}
ul.h-normativas li i{font-size: 3.4rem;}
ul.h-normativas li h6 span{font-size: 1.6rem;}
ul.h-normativas li h6 {font-size: 1.5rem;line-height: 1.8rem;}
#clientes .owl-theme .owl-dots { display: none;}
.whatsappchat{right: 20px;bottom: 20px;}
.whatsappchat div{font-size: 1rem;padding: .8rem;}
footer img{width: initial;}
#footer ul li, #footer ul li a, #footer p{font-size: 1.3rem;}
.pie .col:nth-of-type(2){text-align: left;}
#asc-pasajeros .row .info, #asc-para-casa .row .info{padding: 0;}
#asc-pasajeros h2:before { height: 65px;}
#asc-pasajeros p, #asc-pasajeros ul, #asc-para-casa p, #asc-para-casa ul{width: 100%;}
.title-hr .w-grid article{width: 100%;margin: 1.5rem 0;}
.title-hr .w-grid figure figcaption h3{margin: 1rem 0;}
.ofrecemos article h3::before{height: 28px;}
#caracteristicas.w-grid-4c article, #caracteristicas.w-grid-3c article{width: 48%;margin: .5rem 1%;}
.icono-caracteristica{width: 50px;height: 50px;}
#asc-pasajeros::before{left: 60px;height: 120px;}
.nuestros-ascensores::after{right: 50px; width: 20px; height: 50px;}
.ofrecemos .w-grid figure figcaption h3{margin-bottom: 0;}
#asc-panoramicos .pd3col article{width: 100%;margin: 1rem 0;}
#asc-panoramicos .pd2col article{width: 100%;}
#caracteristicas .cta-end{width: 90%;flex-direction: column;}
#caracteristicas .cta-end p{text-align: center;margin: 1rem 0;}
#caracteristicas .cta-end a{width: 90%;margin: 0 auto;}
#contactanos ul{flex-wrap: wrap;}
#contactanos ul li{width: 100%;margin: .5rem 0;padding: 2rem 1rem ;}
#big-number .row{flex-wrap: wrap;text-align: center;}
#big-number .n-main{font-size: 10rem;line-height: 9rem;}
#big-number .n-main+div{font-size: 4.5rem;margin: 0;}
#big-number span{font-size: 3.8rem;}
#conocenos figure img{width: 47%;margin: 1rem 3% 1rem 0;}
#contactanos ul li i{font-size: 1.8rem;margin-right: .5rem;}
.text-checks-img img{margin-top: 1.5rem;}
.bggris img{width: 100%;}
#why-mantenimiento.title-hr h2:before,
#mantenimiento-lima.title-hr h2:before{height: 50px;}
#reparacion-modernizacion.title-hr h2:before{height: 125px;}

}

/*************************************LAPTOP HD Y TV*************************************/
@media screen and (min-width: 1440px) and (max-width: 1920px){
  h1{font-size: 4rem;}
  h2{font-size: 2.5rem;font-weight: 700;}
  h3{font-size: 1.8rem;font-weight: 500;line-height: initial;}
  p, ul li,ol li{font-size: 1rem;line-height: initial;}
  ul.menu-main li a{padding: 1rem 1rem;font-size: 1rem;height: auto;line-height: 2.8rem;}
  .welcome{height: 75px;}
  ul li a.dropdown-trigger {padding: 1rem 2.4rem;font-size: 1.1rem;height: auto;margin-bottom: 1rem}
  .fixed-menu ul.menu-main li a{height: 70px;line-height: 2.5rem;}
  .fixed-menu ul li a.dropdown-trigger{height: 70px;}
  nav.fixed-menu ul.menu-main li a:hover, nav.fixed-menu ul.menu-main li a.active {height: 70px;width: 100%;line-height: 2.5rem;}
  ul.menu-main li a.dropdown-trigger:after{top: 34px;}
  h2+p.center{width: 90%}
  .fixed-menu{height: 115px;}
  nav .nav-wrapper {height: 110px;background: transparent;}
  .fixed-menu .welcome {height: 60px;padding: 0.3rem 0 0 0;}
  .fixed-menu .welcome img{width: 100%;/* margin: 0 0 .5rem 0; */}
  nav .menu-top{height: 50px}
  nav .box-menu-header{margin-top: unset;}
  nav .menu-main+a{font-size: 1rem;}
  .fixed-menu .box-menu-header{height:  60px}

  .bg-cover .container {width: 100%;max-width: 88%;margin-top: 10rem;}
  #home-cover.bg-cover .container{margin-top: 4rem;}
  #mantenimiento-cover .container{margin-top: 5rem;}
  .bg-secciones .container{margin-top: 8rem;}
  .bg-cover .cover-content h1{font-size: 3rem;}
  .bg-cover .cover-content p.subtitulo{font-size: 1.8rem;}
  .bg-cover .cover-content p{font-size: 1.1rem;}
  #venta-ascensores .pd-title,#nuestros-servicios .pd-title{font-size: 1rem;}
   #venta-ascensores h3.pd-title {font-size: 1.3rem;}
   .nuestros-ascensores img{width: 90%}
   .box-info{width: 75%;left: 7.5%;}
   .title-hr h2+.tg7{font-size: 1.4rem;}
  #categorias article h3{font-size: 1.4rem;}
  #why ul li i{font-size: 4.5rem;}
  #btn-enviar{width: 280px;}  
  #footer p, #footer div, #footer li{font-size: 1rem;}
}

@media screen and (min-width:1920px){
  h1{font-size: 4rem;}
  h2{font-size: 2.6rem;}
  h3{font-size: 2rem;}
  p, ul li,ol li{font-size: 1.3rem;line-height: initial;}
  ul.menu-main li a {
        padding: 1.2rem 1.5rem;
        font-size: 1.2rem;
        height: 75px;
        line-height: 2.8rem;
    }
  .bg-cover .container {width: 100%;max-width: 88%;margin-top: 9rem;}
  #home-cover.bg-cover .container{margin-top: 6rem;}
   #mantenimiento-cover .container{margin-top: 7rem;}
  .bg-cover .cover-content h1{font-size: 4rem;}
  .bg-cover .cover-content p.subtitulo{font-size: 2rem;}
  .bg-cover .cover-content p {font-size: 1.4rem; }
  #venta-ascensores h3.pd-title {font-size: 1.5rem;}
  .nuestros-ascensores img{width: 85%}
  #asc-pasajeros.nuestros-ascensores img{width: 100%}
  #asc-pasajeros .box-info{width: 85%;}
  .title-hr h2+.tg7{font-size: 1.6rem;}
  .box-info{width: 70%;left: 7.5%;}

}


/*************************************ICON STYLE*************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?xzqf02');
  src:  url('assets/fonts/icomoon.eot?xzqf02#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?xzqf02') format('truetype'),
    url('assets/fonts/icomoon.woff?xzqf02') format('woff'),
    url('assets/fonts/icomoon.svg?xzqf02#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-360:before {
  content: "\e900";
}
.icon-ahorro:before {
  content: "\e901";
}
.icon-ambiente:before {
  content: "\e902";
}
.icon-amplio:before {
  content: "\e903";
}
.icon-angle-right:before {
  content: "\e904";
}
.icon-calidad:before {
  content: "\e905";
}
.icon-check:before {
  content: "\e906";
}
.icon-check-form:before {
  content: "\e907";
}
.icon-connection:before {
  content: "\e908";
}
.icon-electrico:before {
  content: "\e909";
}
.icon-elevador:before {
  content: "\e90a";
}
.icon-email:before {
  content: "\e90b";
}
.icon-espacio:before {
  content: "\e90c";
}
.icon-facebook:before {
  content: "\e90d";
}
.icon-flecha:before {
  content: "\e90e";
}
.icon-freno:before {
  content: "\e90f";
}
.icon-gearless:before {
  content: "\e910";
}
.icon-handshake:before {
  content: "\e911";
}
.icon-horario:before {
  content: "\e912";
}
.icon-instagram:before {
  content: "\e913";
}
.icon-isotipo .path1:before {
  content: "\e914";
  color: rgb(220, 45, 1);
}
.icon-isotipo .path2:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(30, 30, 30);
}
.icon-like:before {
  content: "\e916";
}
.icon-linkedin:before {
  content: "\e917";
}
.icon-mantenimiento:before {
  content: "\e918";
}
.icon-maps:before {
  content: "\e919";
}
.icon-menu:before {
  content: "\e91a";
}
.icon-normativa:before {
  content: "\e91b";
}
.icon-peso:before {
  content: "\e91c";
}
.icon-puerta:before {
  content: "\e91d";
}
.icon-reparacion:before {
  content: "\e91e";
}
.icon-seguridad:before {
  content: "\e91f";
}
.icon-smile:before {
  content: "\e920";
}
.icon-socios:before {
  content: "\e921";
}
.icon-tablero:before {
  content: "\e922";
}
.icon-telephone:before {
  content: "\e923";
}
.icon-tiktok:before {
  content: "\e924";
}
.icon-uso:before {
  content: "\e925";
}
.icon-valor:before {
  content: "\e926";
}
.icon-whatsapp:before {
  content: "\e927";
}
.icon-youtube:before {
  content: "\e928";
}