/*
Theme Name: CABAL 1.0
Theme URI: https://cabal.pe/
Author: TiFactor
Author URI: http://tifactor.com/
Description: Tema de uso corporativo para la empresa CABAL
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cabal.pe
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;800;900&family=Poppins:ital,wght@0,300;0,400;0,500;0,800;1,300&display=swap');
@font-face {font-family: conthrax; src: local("conthraxsemibold"),  local("conthraxsemibold"),  url(fonts/conthraxsemibold.otf);  font-weight: 500;font-display: swap;}
body {
  --cp: #038c78;
  --cph: #787d80;
  --cs: #1c1c1c;
  --tw: #ffffff;
  --tb: #181919;
  --tg: #f8f8f8;
  --gray:#e8eaea;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Poppins', sans-serif;
}
html{scroll-padding:12rem}
h1{font-size: 3.8rem;text-shadow: 2px 2px 4px var(--cs);margin:1rem 0}
h2{font-size: 2.3rem;margin: 0 0 1.5rem;}
h3{font-size: 1.6rem;}
h4{font-size: 1.4rem;}
h6{font-size: 1.2rem;}

h1,h2,h3,h4,h5,h6{font-family: 'conthrax', sans-serif;font-weight: bold;}
ul li, p{font-size: 1.2rem;}
section{padding: 6rem 0;font-weight:300;}
i{vertical-align: middle;margin-right: 0.5rem;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px var(--gray) 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;-webkit-text-fill-color:var(--tb);}
.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: 800;}
section h2{margin-top: 1rem;}
.bgcp{background-color: var(--cp);color: var(--cs);}
.bgcp:hover,.bgcp:active,.bgcp:focus{background-color: var(--cph);color: var(--tw);transition: .25s;}
.bgcs{background-color: var(--cs);color: var(--tw)}
.bggris{background-color: var(--gray);}
*[class^="tw"]{color:var(--tw)}
*[class^="tcp"]{color: var(--cp)}
*[class^="tcs"]{color: var(--cs)}
.tcp3,.tcs3,.tw3{font-weight:300;}
.tcp5,.tcs5,.tw5{font-weight: 500;}
.tcp7,.tcs7,.tw7{font-weight: 700;}
.tw4{font-weight: 400;}
.center{text-align: center}

p, ul li{font-size: 1rem;line-height: 1.4rem;}
a.btn, a.btn-large, a.btn-card, html [type="button"]{font-size: 1rem;font-weight:500;color: var(--tw);border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius:5px;/* margin: 1rem 0; */transition: .25s}
a.btn-card{height: 3rem;line-height: 3rem;padding: 0 28px;top: 0;right: 1rem;margin: 1rem 0;}
a.btn i, a.btn-large i,a.btn-card i{font-size: 1rem;margin: 0 .5rem 0 .5rem}
input.bgcp:focus{background-color: var(--cp);}
.flexh-init{display: flex;justify-content: space-between;align-items: initial;/* flex-wrap: wrap; */}
ul.flexh-center{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
ul.flexh-center li{width: 50%;margin: 0.5rem 0;}
#incluye-pickup .flexh-center{background-color: var(--gray);
    color: var(--cs);padding: 1.5rem 1rem;}
#incluye-pickup i{color: var(--cp);background-color: var(--cs);}
.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);
  }

a.btn-large.bg-whatsapp{background-color: #5dc971;color: var(--tw);line-height: 3rem;font-size: 1.1rem;font-weight: 500;height: 45px;}
a.btn-large.bg-whatsapp:hover,.bg-whatsapp:focus{background-color: #52af63;color: var(--cs)}
ul.checked li,ul.checkbox li, ul.pointer li{display: flex;align-items: center;}
ul.checked li:before,ul.checkbox li:before, ul.pointer li:before{font-family: 'icomoon';margin-right: 1rem;color: var(--cp);}
ul.checked li:before{ content: "\e904";}
ul.checkbox li:before{content: "\e905";}
ul.pointer li:before{ content: "\e912";}
#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: 1.3rem;}
nav {box-shadow: none;background-color: var(--tw);}
.s-pages nav{background-color: var(--tw);}
nav .menu-top{width: 100%;background-color: var(--cp);color: var(--tw);height: 40px;display: flex;}
nav .menu-top .container{display: flex;justify-content: space-between;align-items: center;}
nav .menu-top ul li{font-size: 1rem;margin: 0 .5rem;}
nav .menu-top ul li a{padding: 0;display: inline-block;font-size: 1rem;color: var(--tw)}
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 .container{display: flex; justify-content: space-between;align-items: center;}
nav .welcome{padding: 1rem 0;width: 200px;}


nav ul li {margin: 0 1rem;}
ul.dropdown-content {width: 367px !important;top: 146px !important;background-color: rgba(255,255,255,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);
}
ul.menu-main li a.dropdown-trigger:hover:after{border-top: 6px solid var(--tw);}
nav #menu-servicios a{color: var(--tw);padding: 1rem 2rem;}
nav #menu-servicios a:hover {background-color: var(--cp);font-weight: 500;}
nav ul li a.btn{line-height: inherit;display: inline;padding: .5rem 1rem;}
nav .menu-main>li a{font-size: .9rem;font-weight: 500;color: var(--tb);padding: .8rem 1rem;}
nav .menu-main a:hover{background-color: var(--cp);color: var(--tw);}
nav ul li.call-us{line-height: 1.5rem;margin-top: .8rem;}
nav ul li.call-us a{/* padding: 1rem 2rem; */color: var(--tw)}
nav ul li.call-us a:hover{padding: 1rem 2rem;background-color: var(--cph);color: var(--tw)}
nav.fixed-menu .menu-main li,nav.fixed-menu .menu-main li a{font-weight: 500;}
nav .menu-main li i{font-size: 1.1rem;}

#formulario .saludo{font-weight: 300;font-size: 1.2rem;margin-bottom: 2rem;color: var(--cs);}
#formulario .saludo+p{margin: 1rem 0 .5rem 0;text-align: center;margin-bottom: 2rem; font-size: 2.8rem;}
#formulario .saludo+p+p{margin: 0 0 2rem 0;font-size: .9rem;}
#formulario #formsend{width: 260px; cursor: pointer;color: var(--tw);font-size: 1.2rem;}
.grecaptcha-badge{display: none !important;}
.enviando{background-color: #79a99e !important;color: #ededed !important;display: flex;align-items: center;width: 260px;}
.enviando .preloader-wrapper{margin-right: 1rem;}
.spinner-white{ border-color: var(--tw);}
.input-field.col label{padding-left: 1.2rem;}

#clientes{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;}
.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: #869791; }


/***CSS-PAGES-CUSTOMIZE***/
.wrap-image{padding: 3rem 0}
.img-full img{width: 100%}
#alquiler-maquinaria{text-align: left;}
#alquiler-maquinaria.services #home-services-info h2{width: 90%;}
.services{text-align: center;}

.subr-left{display: inline-block;border-bottom: 6px solid var(--cp);padding-bottom: 1rem}
h2:after{
    content: "";
    display: block;
    background-color: var(--cp);
    width: 150px;
    height: 5px;
    margin: 1.2rem 0;}
h2.center::after {margin: 1.5rem auto;}
.subr-center:after{
    content: "";
    display: block;
    background-color: var(--cp);
    width: 150px;
    height: 5px;
    margin: 1.2rem auto;}
#alquiler-maquinaria .row+.row{display: flex;flex-wrap: wrap;}
#alquiler-maquinaria .card-image:after{content: "";display: block;border: 3px solid var(--cp);width: 100%;}

.card{border-radius: 5px;overflow: hidden;text-align: left;-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%);}
.card:hover img{opacity: .7;transition: all 1s;}
.card .card-image{position: relative; background-color: var(--tw);}

.card .card-image a{position: absolute}
#alquiler-maquinaria .card .card-content{background-color: var(--gray);padding: .5rem 1.5rem;height: 270px;}
#nosotros-services .card .card-content{background-color: var(--gray);padding: .5rem 1.5rem;height: 180px;}
.card .card-content h6{color: var(--cs);}
.card .card-content a{margin: 1.5rem 0 1.75rem}
.card .card-content p{text-align: justify;margin-bottom: 1rem}
/*.card:hover .card-content{background-color: var(--cs);transition: .25s}
.card:hover .card-content h6{color: var(--cp);}
.card:hover .card-content p,.card .card-content:hover li{color: var(--tw);}
*/
.service-descrip .container{max-width: 90%;}
.service-descrip img{width: 100%}
.service-descrip .wrap-image{text-align: right}
.service-descrip .wrap-info{max-width: 600px;margin-top: 2.8rem;}
.service-descrip .wrap-info h1{margin-top: 0px}

#cam-services #contact-wsp{padding-top: 10rem;}
#cam-services #contact-wsp h5{width: 80%;margin: 0 auto;}

span.icon-check{margin-right: 0.5rem;}
#mini-services ul{margin-bottom: 0;}
.mini-descrip .wrap-image{position: relative}
.mini-descrip .wrap-image ul{bottom: 0;position: absolute;margin: 0.5rem 2%;left: 0;right: 0;text-align: center;}
.mini-descrip .wrap-image ul li{display: inline-block;margin: 0.5rem 3%;}
.mini-descrip .wrap-image ul li span{font-size: 6rem;background-color: var(--gray);border-radius: 50px;}
.mini-descrip .wrap-info ul.flexh-center li{display: block;font-weight: 400;margin: 0.5rem 2%;width: inherit;}
#conduc-services ul.flexh-center li{text-align: left;}

#nosotros-services .card{background-color: var(--cp);padding: 4rem 2rem;text-align: center;transition: .25s;}
#nosotros-services .card .card-content{background-color: inherit;color: var(--tw);min-height: 180px;}
#nosotros-services .card .card-content h6{color: var(--tw)}
#nosotros-services .card i{color: var(--tw);font-size: 8rem}

/***CONTACTO***/
#nosotros-services .card ul li{font-size: inherit;display: inline-block;}
#nosotros-services .card ul li i{font-size: inherit}
#nosotros-services .card:hover ul li i{font-size: inherit;color: var(--tw);}
#nosotros-services .card ul{margin: 0}

.bg-cover{padding: 0;margin: 0;height: 80vh;background-size: cover;background-repeat: no-repeat;background-position: bottom;color: var(--tw);position: relative;width: 100%;padding-top: 14rem;}
#bg-minivans.bg-cover{padding-top: 5rem;}
.bg-secciones{padding: 0;margin: 0;height: 40vh;margin-top: 0;background-size: cover;background-repeat: no-repeat;color: var(--tb);position: relative;width: 100%;padding-top: 8rem;background-color: var(--cs);}
#home-cover{background-image: url('images/bg-cover.jpg');height: 90vh;}
#minicargador-cover{background-image: url('images/bg-minicargador.webp');height: 86vh;}

#bg-nosotros{background-image: url('images/bg-nosotros.jpg');}
#bg-contacto{background-image: url('images/bg-contacto.jpg');}

.bg-cover .row {position: relative;}
.homr .bg-cover .cover-content {width: 100%;text-align: center;}
.bg-services .cover-content{width: 45%;}

.bg-cover .cover-content p,.bg-cover .cover-content ul{text-shadow: 2px 2px 4px var(--cs);}
.bg-cover .cover-content ul{text-shadow: 2px 2px 4px var(--cs);}
.bg-secciones h1{color: var(--tw);}
.cta-block{padding: 1.3rem 0;}
.cta-block .row, .cta-block-wsp .row{margin-bottom: 0;}
.cta-block .block-content{display: flex;align-items: center;}
.cta-block .block-content h2{font-size: 1.6rem;margin-bottom: 0;font-weight: 500;}
.home .cta-block .block-content h2{font-size: 1.2rem;margin-bottom: 0;}
.cta-block .block-content i{font-size: 3rem;color: var(--tw);margin-right: 2rem;}
.cta-block .block-content + .col,.cta-block-wsp .block-content + .col{text-align: center;line-height: 6.8rem;}
.cta-block p{font-size: 1.1rem; font-weight: 300;}
.cta-block-wsp .wrap-wsp-btn{padding-top: 2rem}
#conduc-block-wsp .wrap-wsp-btn{padding-top: 0rem}
#beneficios{color: var(--tb);}
#beneficios ul{display: flex;flex-wrap:wrap}
#beneficios ul li{align-items: center;width: 30%; margin: 1%; background-color: var(--cp);color: var(--tw); padding: 3rem 2.5rem;text-align: center;border-radius: 3px;-webkit-border-radius:3px}
#beneficios ul li:hover{background-color: var(--tw);border:1px solid var(--cp);color: var(--cp);font-weight: 500; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
#beneficios.maq ul{display: flex;align-items: center;/* padding-left: 1rem; */}
#beneficios.maq ul li,#beneficios.maq ul li:hover{background-color: transparent;padding: 0;color: var(--tb); text-align: left;border: 0;}
#vehiculos{
  position: relative;
  background: rgb(212,4,37);
  background: linear-gradient(0deg, rgba(212,4,37,1) 0%, rgba(6,14,44,1) 100%);
  color: var(--tw);
  border-top: 8px solid var(--cp);
  padding: 6rem 0;
  }
#maquinaria{position: relative; border-top: 8px solid var(--cp);}
#vehiculos::before,#maquinaria::before{content: ""; position: absolute; top: 0; left: 22%; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid var(--cp);}
.elige-head{display: flex;justify-content: space-between;}
.elige h2{margin: 0 5rem 0 0;font-size: 2.5rem;}
.elige h2 span{display: block;font-size: 5.8rem;line-height: 5rem;margin-bottom: 1rem;}
.elige p{margin:0 0 6rem 0;}
.elige article{margin: 3.5rem 0;text-align: center;}
.elige article h3{font-size: 1.4rem;font-weight: 300;}
.elige i{color: var(--cp);}
#vehiculos a{color: var(--tw);}
#maquinaria a{color: var(--cs);}

.energy img{width: 100%;}
td, th{padding: .4rem;font-size: 1rem;}
.flota table thead th {font-size: 1.4rem;}
.flota table thead th span{font-size: 1rem; color: var(--tg);font-weight: 300;}
.flota article img{position: absolute;right: 0;top: 95px;width: 55%;}
#manlifts .flota article img{position: relative;top: initial;width: 70%;display: block;margin: 0 auto;margin-bottom: 3rem;}
.flota article .box{position: relative;right: 0;text-align: center;display: flex;justify-content: space-between;/* align-items: flex-end; */margin: 2rem auto 0 auto;/* width: 100%; */background: var(--gray);padding: 1rem;}
 .flota article .box a{height: 44px;width: 38%;}
.flota article .precio{background-color: #ecedee;font-size: 1.1rem;/* right: 0; */padding: 0 1rem;line-height: 2.6rem;}
.flota article .precio span{font-size: 2.1rem;color: var(--cs);font-weight: bold;}
.flota article .box a{line-height: 3rem;font-size: .8rem;padding: 0 .4rem;/* margin-top: .5rem; */}
.flota article .box+p{margin-top: .5rem;font-size: .9rem;}
.incluye ul li{width: 28%;}
.incluye h3{text-align: center;margin-bottom:3rem;}
#lo-que-necesitas img{width: 100%;}
#lo-que-necesitas .col+.col{padding: 3rem 0 0 3rem;}
#transporte-pasajeros{background-image: url('images/bg-transporte-personal.jpg');background-size: cover;padding: 8rem 0;}
#transporte-pasajeros p:first-of-type{font-weight: 500;font-size: 1.3rem;}
#transporte-pasajeros h2{font-size: 2.6rem;color: var(--cp);font-weight: 700;}
#transporte-pasajeros h2+p::before{content: "\e91a";font-family: "icomoon";position: absolute;left: 0;color: var(--cs);font-size: 1.6rem;}
#transporte-pasajeros h2+p{padding-left: 2.5rem;color: #009bdb;position: relative;font-weight: 500;}
#transporte-pasajeros p+p{width: 55%;font-size: 1.55rem;line-height: 2rem;}
#why ul li{position: relative;color: var(--tb);display: inline-block;width: 23.5%;margin: 2rem .5% 0 .5%;padding: 1rem 2rem;text-align: center;vertical-align: middle;border-radius: 3px;}
#why ul li i{font-size: 8rem;color: var(--cp);}
#why ul li h3{font-size: 1.2rem;font-weight: 700;}

#empresa .col:first-of-type::before{content: "";position: absolute;top: 18%;left: 8%;width: 280px;height: 320px;background-color: var(--cp);border-radius: 15px;}
#empresa .col:first-of-type{position: relative;/* display: table; *//* height: auto; */height: 500px;}
#empresa img:first-of-type{position: absolute;top: 2rem;left: 20%;width: 60%;}
#empresa img:last-of-type{position: absolute;top: 55%;right: 15%;}
#vm i{color: var(--cp);}

#footer{background-color: var(--gray);padding: 4rem 0;}
#footer, .page-id-27 #footer {background-color: var(--cs);color: var(--tw);padding: 4rem 0 6rem 0;}
#footer .row{margin-bottom: 0;}
#footer .col{vertical-align: top}
#footer .f-logo{margin-top: 1rem; width: 85%}
#footer ul.f-contacto{width: 100%;margin: 0 auto}
#footer ul.f-contacto h5{text-align: center}
#footer ul.f-contacto li{display: inline-flex;margin: 1rem 1rem;}
#footer ul.f-contacto li a{color: var(--tw);}
#footer ul.f-contacto li i{font-size: 2rem;color:var(--cp);}
#footer .crm-social{margin: 0 auto;text-align: center;width: 85%}
#footer .crm-social ul li{display: inline-block}
#footer .crm-social ul li i{font-size: 2rem;color: var(--cp);margin: 0 .5rem;}
.pie .container{display: flex;justify-content: space-between;}
#frmSolicita{color: var(--tw);padding: 3rem;}
#frmSolicita .saludo{margin-bottom: 1.5rem;}
#frmSolicita .saludo strong{color: var(--cp);}
#frmSolicita input, #frmSolicita textarea { color: var(--cs); font-size: 1rem;border-bottom: 1px solid var(--cs);}
#frmSolicita .l-captcha .l8 .l4{padding: 0;}
.l-captcha i{padding: 0;}
#formsend{color: var(--tw);/*padding: 1rem 2rem;*/}

  .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{position: relative;}
.pie{padding: 1rem 0;background-color: #000;color: var(--cp);}
.pie .container{text-align: center}
.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);}

.p-subh2{font-size: 1.4rem; font-weight: 500;}
 .dflex-wrap{display: flex;flex-wrap: wrap;/* margin-right: 1rem; */width: 100%;}
 .dflex-wrap .card{margin-right: 1.5%;width: 31.8%;}
 .dflex-wrap .card:nth-child(3n){margin-right: 0;}
 .dflex-wrap .card-content{height: auto;}
.d-flex-w{display: flex;}
.d-flex-w article{width: 23.8%;margin-right: 1.5%;background-color: var(--gris);}
.d-flex-w article:last-of-type{margin-right: 0;}
.lista-cards .card h3{font-size: 1.3rem;margin: 1rem 0 1.5rem 0;}
.lista-cards table tr { border-top: 1px solid rgba(0, 0, 0, 0.12);border-bottom: 1px solid rgba(0, 0, 0, 0.12);}
.lista-cards table tr td{font-size: 1.1rem;width: 50%;padding: .3rem;}
.lista-cards table tr td:first-of-type{font-weight: 500;}
.lista-cards .card .btn-large{width: 100%;display: flex; align-items: center;justify-content: center;;margin-top: 2rem;}
.lista-cards .card .card-image:after {content: ""; position: absolute; bottom: 0; width: 0; height: 5px; background-color: var(--cp); transition: all 1s;}
.lista-cards .card:hover .card-image::after {content: ""; width: 100%;transition: all 1s;}
.lista-cards .card.last-card{border: 0;box-shadow: none;}
.lista-cards .card:last-of-type {background-color: var(--gray);}
.lista-cards .card .card-seo{padding: 1rem;text-align: center;}
.lista-cards .card .card-seo h3{font-size: 2.5rem;margin-top: 15rem;}
.lista-cards .card .card-seo h3 span{display: block;}
.lista-cards .card .card-seo .btn-large{width: 90%; margin: 0 auto;}
.s-gris{background-color: var(--gray);}
.section-gallery h2{font-size: 2.2rem;}
#accesorios p{font-size: 1.8rem; font-weight: 500;}
.slogan-cover{position: absolute; height: 60px; right: 15%; bottom: 8rem;}

.fondo-verde { position: absolute; left: -35px; top: 10px; width: 250px;  height:70px;  background-color: var(--cp);  clip-path: polygon(58px 0, 100% 0%, 70% 100%, 0 100%);
      z-index: 1; }

.franja-negra { position: relative; background-color: #000;  color: #fff;  font-weight: 500;  font-size: 1.6rem; font-family: 'conthrax', sans-serif; padding: 15px 120px; clip-path: polygon(50px 0, 100% 0, 95% 100%, 0 100%);
      z-index: 2; display: inline-block;}


/*****************150%*******************/
@media screen and (max-width: 1440px){
  h1{font-size: 2.8rem;}
  h2{font-size: 1.8rem;}
  h3{font-size: 1.2rem;}
  h4{font-size: 1.1rem;}
  h6{font-size: 1rem;}
  p, ul li { font-size: .8rem; line-height: initial;}
  a.btn, a.btn-large, a.btn-card, html [type="button"]{font-size: .7rem;}
  .btn-large{height: 2.8rem;line-height: 2.8rem;}
  nav .welcome{padding: .5rem;}
  nav .menu-main>li a { font-size: .8rem; padding: .8rem 1rem;}
  nav ul li { margin: 0 .5rem;}
  ul.dropdown-content{  top: 130px !important;}
  a.btn-card{line-height: 2.5rem;height: 2.5rem;}
  a.btn i, a.btn-large i, a.btn-card i { font-size: .7rem; }
  .bg-cover{padding-top: 8rem;}
  .bg-services .cover-content {width: 50%;}
  #formulario #formsend{font-size: 1rem;}
  .whatsappchat div{font-size: .7rem; padding: .5rem .8rem;}
  .whatsappchat a i { width: 35px; height: 35px;font-size: 1.8rem;       line-height: 2.5rem;}
  #footer{padding: 4rem 0;}
  .lista-cards .card h3{font-size: .9rem;}
  .dflex-wrap .card-content{padding: 1rem;}
  .lista-cards table tr td { font-size: .7rem;}
  .lista-cards .card .btn-large{margin: 1rem 0;}
  .lista-cards .card .card-seo h3{font-size: 1.6rem;margin-top: 10rem;}
  .section-gallery h2 { font-size: 1.4rem;}

.slogan-cover{height: 60px; right: 15%; bottom: 6rem;}
.fondo-verde { left: -32px; top: 10px; width: 250px;  height:55px; clip-path: polygon(56px 0, 100% 0%, 70% 100%, 0 100%); }
.franja-negra {font-size: 1rem; padding: 15px 90px; clip-path: polygon(50px 0, 100% 0, 95% 100%, 0 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){
html{scroll-padding: 2rem;}
h1{font-size: 2.1rem;}
h2{font-size: 1.6rem;}
h3{font-size: 1.2rem;}
h4{font-size: 1.4rem;}
p, ul li {font-size: 1rem;line-height: initial;}
a.btn, a.btn-large, a.btn-card, html [type="button"]{font-size: .9rem;}
.btn-large { height: 3.2rem; line-height: 3.2rem;}
section{padding: 4rem 0;}
.flexh-init, .flexh-center{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;}
nav .brand-logo{display:block;}
nav .welcome img {width: 80%;}
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: 2rem 0; margin-bottom: 2rem;  background-color: var(--gray);}
.sidenav li>a{height: auto;line-height: 2rem;padding: 1rem 2rem;}


.sidenav li a.grey{display: flex;align-items: center; padding: .5rem; justify-content: center;}
.sidenav li a.btn.grey i{font-size: 2rem;margin-right: 1rem;}


.btn-fixed-menu {position: fixed;top: 9px;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: 2px;right: 4rem;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;}
#home-cover{background-image: url('images/bg-cover-m.jpg');height: 95vh;}
#minicargador-cover{background-image: url('images/bg-minicargador-s.webp');height: 95vh;}
#bg-nosotros{background-image: url('images/bg-nosotros.jpg');}
#bg-contacto{background-image: url('images/bg-contacto.jpg');}

.bg-cover{height: 112vh;padding-top: 1rem}
.bg-cover .cover-content{width: 100%;padding: 0;text-align: center;margin-top: 4rem;}
.bg-cover .cover-content p.ts{color: var(--tb);font-size: 1.4rem;}
.box-video{top: 42%;right: 35%;}
.bg-cover .cover-content .cover-media {text-align: center;}
.bg-cover .cover-content .cover-media img{position: relative;width: 75%;top: initial;right: initial;margin: 0 auto;}
.home .bg-cover .cover-content h1{font-size: 2.2rem;text-align: center;}
.home .bg-cover .cover-content p+p{width: 100%;margin-top: 0;font-size: 1.2rem;line-height: 1.4rem;}
.cta-block{padding: 3rem 0;text-align: center;}
.cta-block .block-content h2{font-size: 1.4rem;}
.cta-block a{width: 100%;}
.cta-block .block-content i{display: none;}
.cta-block .block-content + .col, .cta-block-wsp .block-content + .col{line-height: initial;text-align: center;}
.elige-head{display: block;}
.elige h2{text-align: center;float: none;margin: 0 0 3rem 0;font-size: 2.2rem;}
.elige h2 span{font-size: 4rem;}
.elige article h3{font-size: 1.2rem;font-weight: 500;}


/***CSS-PAGES-CUSTOMIZE***/
.services{margin: 0}
#alquiler-maquinaria.services{margin: 0;}
#alquiler-maquinaria .card .card-content,
#nosotros-services .card .card-content{height: auto;}

#home-services-info p {width: 100%;}
.bggris .row{display: flex;flex-direction: column-reverse;}
    .mini-descrip .wrap-image ul li span{font-size: 4rem;border-radius:60px}
    ul.flexh-center{display: inline-block}
    ul.flexh-center li{width: 100%;margin: 0.5rem;}
    .call i{color: var(--cp);font-size: 1.6rem;line-height: 3.6rem;}

#footer .container{width: 95%;padding: 0;margin: 0 auto;}
#footer ul, #d-contacto ul{margin-top: 2rem;display: inline-block;padding: 0 1.5rem;}
#footer .f-logo {margin: 1rem auto;}
ul.f-contacto{margin: 0 auto}
ul.f-contacto li{width: 100%;}
#footer .crm-social{display: block;text-align: center;margin-top: 2rem;}
#footer .crm-social ul{display: flex;align-items: center;justify-content: center;margin-top: 2rem;}
.pie .container{display: block;text-align: center;}
#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;}
.dflex-wrap{flex-direction: column;}
.dflex-wrap .card{width: 100%; margin: 1rem 0;}
.lista-cards .card h3 {font-size: 1.1rem; }
.lista-cards table tr td {font-size: .9rem;}
.lista-cards .card .card-seo{padding: 6rem 1rem;}
.lista-cards .card .card-seo h3 { font-size: 1.6rem;   margin-top: 0; }
#minicargadores-en-lima .row{display: flex;flex-direction: column-reverse;}
.section-gallery h2 {font-size: 1.25rem;}
.sgallery{margin-top: 3rem;}
.whatsappchat{right: 20px;bottom: 20px;}
.whatsappchat div{font-size: .8rem;padding: .5rem;}
.pie{padding-bottom: 4.5rem;}
.slogan-cover{height: 60px; right: 3%; bottom: 9rem; left: 1.5rem;}
.fondo-verde { left: -15px; top: 11px; width: 60%;  height:40px; clip-path: polygon(30px 0, 100% 0%, 70% 100%, 0 100%);}
.franja-negra {width: 100%; font-size: .7rem; font-family: 'conthrax', sans-serif; padding: 15px 30px; clip-path: polygon(30px 0, 100% 0, 90% 100%, 0 100%);}

}

/*******************************TABLET*******************************/
@media screen and (max-width: 768px) and (min-width: 480px){
  html{scroll-padding: 2rem;}
  h1{font-size: 3.5rem;text-align: left;}
  h2{font-size: 2.5rem;}
  h3{font-size: 2.2rem;}
  h6{font-size: 1.6rem;}
  p, ul li{font-size: 1.6rem;height: auto;line-height: 2.3rem}
  .btn-large{height: 5rem;line-height: 5rem;font-size: 1.4rem;}
  a.btn-large{height: 5rem;line-height: 5rem}
  a.btn, a.btn-large, a.btn-card, html [type="button"] { font-size: 1rem;}   
  a.btn-card{font-size: 1.4rem;height: 3.5rem;line-height: 3.5rem;}
  a.btn i, a.btn-large i, a.btn-card i { font-size: 1.2rem;}
  .flexh-init, .flexh-center{display: block;}
  .sidenav li>a{font-size: 1.2rem;}

  .sidenav li a.grey{display: flex;align-items: center; padding: .5rem; justify-content: center;}
.sidenav li a.btn.grey i{font-size: 2rem;margin-right: 1rem;}

  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;}
  nav .brand-logo{display:block;}

  .fixed-menu{height: 74px;}
  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);}
.sidenav li#logo-sidenav>a:hover{background-color: inherit}
.sidenav li>a{height: auto;line-height: 2rem;padding: 1rem 2rem;}
.sidenav li>a:hover{background-color: var(--cp);}
.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: 0;right: 5rem;z-index: 999;width: 50px;height: 50px;padding: .5rem;line-height: 2.5rem;font-size: 5rem;}
.call i{color: var(--cs);font-size: 1.6rem;line-height: 3.6rem;}
#home-cover{background-image: url('images/bg-cover-m.jpg');height: 94vh;}
#minicargador-cover{background-image: url('images/bg-minicargador-m.webp');height: 95vh;}
#bg-nosotros{background-image: url('images/bg-nosotros.jpg');}
    
    .bg-cover{height: 92vh;padding-top: 3rem}
    .bg-cover .cover-content{width: 100%;padding: 0;}
  .bg-cover .cover-content p.ts{color: var(--tb);font-size: 1.4rem;}
  .box-video{top: 42%;right: 35%;}
  .bg-cover .cover-content .cover-media {text-align: center;}
  .bg-cover .cover-content .cover-media img{position: relative;width: 75%;top: initial;right: initial;margin: 0 auto;}
    #bg-minivans.bg-cover{padding-top: 1rem;}
    .mini-descrip .wrap-image ul li span{font-size: 8rem;border-radius:60px}
    #home-services-info p {width: 100%;}
    ul.flexh-center{display: inline-block}
    ul.flexh-center li{width: 100%;margin: 0.5rem;}

    #alquiler-maquinaria .card .card-content,
    #nosotros-services .card .card-content{height: auto;}
    .card .card-content p{text-align: left;}
    .bggris .row{display: flex;flex-direction: column-reverse;}
    #formulario #formsend{font-size: 1.4rem;}
  #footer .container{width: 95%; margin: 0 auto;}
  #footer .l4{padding: 0 3rem;}
  #footer ul {width: 100%;margin-top: 2rem;display: inline-block;padding: 0 1.5rem;}
  #footer ul li{display: inline-block;width: 100%;font-size: 1.45rem;margin:0 auto;}
  #footer ul li i{font-size: 1.6rem;line-height: 2rem;}
  #footer ul li strong{font-size: 1.6rem;}
  #footer .f-logo {margin: 1rem auto;width: 70%;}
  #footer ul.f-contacto{display: block;width: 380px;margin: 0 auto;}
  #footer .crm-social{display: block;}
  #footer .crm-social ul li{width: 20%;}
  #footer .crm-social ul li i{font-size: 3rem;}
  #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;}
  #footer ul li:last-of-type i{margin: 1.5rem 1rem;}
  footer .pie .box-logo{height: 130px;width: 85px;}
  footer .pie .box-logo img{width: 70%;margin-top: 2.8rem;}
  
  footer .pie ul{margin-top: 0;}
  footer .pie ul li{margin: 0.5rem;}
  footer .pie address+p{float: none !important;clear: both;padding-top: 1rem;}
  .dflex-wrap .card { margin-right: 1.5%; width: 48.5%;}
  .dflex-wrap .card:last-of-type { width: 100%;}
  .lista-cards .card h3 { font-size: 1.1rem; }
  .lista-cards table tr td { font-size: 1rem;}
  .lista-cards .card .card-seo{padding: 6rem 2rem;}
  .lista-cards .card .card-seo h3 {font-size: 1.6rem; margin-top: 0; }
  #minicargadores-en-lima .row{display: flex;flex-direction: column-reverse;}
.section-gallery h2 {font-size: 2rem;}
.sgallery{margin-top: 3rem;}
.whatsappchat{right: 20px;bottom: 20px;}
.whatsappchat div{font-size: 1.1rem;padding: .5rem 1rem;}
.whatsappchat a i { width: 50px; height: 50px; font-size: 2.9rem; line-height:3.6rem;}
.pie{padding-bottom: 4rem;}
  }

/*************************************LAPTOP HD Y TV*************************************/
@media screen and (min-width:1440px) and (max-width:1920px){
h1{font-size: 3rem;}
h2{font-size: 2rem;}
h3{font-size: 1.8rem;}
h6{font-size: 1.4rem;}
p, ul li{font-size: 1rem;height: auto;line-height: initial}
a.btn-large{font-size: .9rem; height: 3rem;line-height: 3rem}
nav ul li {margin: 0 .5rem;}
nav ul a{padding: 1rem;font-size: 1.4rem;}
nav .menu-main li, nav .menu-main li a { font-size: 1.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;}

.bg-cover{padding-top: 10rem;}
#bg-geytdi.bg-services .cover-content { margin-top: 4rem;}
.cta-block .block-content + .col,.cta-block .block-content h2,.home .cta-block .block-content h2 { font-size: 1.6rem;}

.cta-block .block-content i { font-size: 5rem; color: var(--tw);  margin-right: 2rem;}
.cta-block p {font-size: 1.2rem;font-weight: 300;}
#beneficios ul li { width: 30%;  margin: 1%; padding: 4rem 2.5rem;}
#vehiculos h2{font-size: 2rem;}
#vehiculos article h3{font-size: 2rem;font-weight: 300;}
.flota article ul li { font-size: 1.1rem;  padding-left: 2rem;}
.flota article img { top: 95px; width: 62%;}
.flota article .box a { line-height: 3.9rem; font-size: 1rem; padding: 0 0.5rem;}
.flota article .box .precio, .flota article .box a { height: 55px; width: 45%;}
.flota article .precio {background-color: #ecedee; font-size: 1.3rem; padding: 0 1rem;line-height: 3.8rem;}
.flota article .box+p {margin-top: 1rem;}
#transporte-pasajeros{background-image: url('images/bg-transporte-personal.jpg');background-size: cover;padding: 10rem 0;}
#transporte-pasajeros p:first-of-type{font-weight: 500;font-size: 1.6rem;}
#transporte-pasajeros h2{font-size: 3rem; color: var(--cp);font-weight: 700;}
#transporte-pasajeros p+p{width: 42%;font-size: 1.55rem;}

#montacargas .flota ul li h4 {font-size: 1.3rem; border: 0; margin: initial; font-weight: 300;padding: 0;}
#montacargas .flota article a {width: 200px;}
#manlifts .flota .tb-content { height: 260px;}
td, th { padding: 0.5rem; font-size: 1.2rem;}
#empresa .col:first-of-type::before{content: "";position: absolute;top: 18%;left: 8%;width: 350px;height: 400px;background-color: var(--cp);border-radius: 15px;}
#empresa .col:first-of-type{position: relative;height: 500px;}
#empresa img:first-of-type{position: absolute;top: 2rem;left: 20%;width: 60%;}
#empresa img:last-of-type{position: absolute;top: 65%;right: 15%;}
ul.f-contacto li {margin: 2rem 0;font-size: 1.2rem;}

ul.f-contacto li strong { font-size: 1.5rem;}
.pie{padding: 2rem 0;}
.pie .box-logo:after { content: ""; width: 0; height: 0; border-bottom: 22px solid #cecece;border-right: 15px solid transparent; position: absolute; right: -15px;}
.lista-cards .card h3 {font-size: 1rem; margin: 1rem 0 1.5rem 0;}
.lista-cards table tr td{font-size: .8rem;}
.lista-cards .card .card-seo h3 { font-size: 2rem; margin-top: 15rem;}
.lista-cards .card .btn-large{margin: 1rem 0 0 0;}
.section-gallery h2 { font-size: 1.8rem;}
.slogan-cover{height: 60px; right: 15%; bottom: 8rem;}
.fondo-verde { left: -30px; top: 10px; width: 250px;  height:64px; clip-path: polygon(55px 0, 100% 0%, 70% 100%, 0 100%);}
.franja-negra {font-size: 1.4rem; font-family: 'conthrax', sans-serif; padding: 15px 100px; clip-path: polygon(50px 0, 100% 0, 95% 100%, 0 100%);}
}

@media screen and (min-width:1920px){
h1 {font-size: 3.8rem;}
h2{font-size: 2.4rem;}
p, ul li, a.btn-large {font-size: 1.1rem; }
nav ul li {margin: 0 1rem;}
nav .menu-main li, nav .menu-main li a {font-size: 1.2rem;}
    #home-cover{padding-top: 14rem}
    
    nav .menu-top {height: 55px;}
    nav .welcome {padding: 1rem 0;width: 250px;}
.bg-cover{padding-top: 14rem;}
.lista-cards .card h3 {font-size: 1.3rem; margin: 1rem 0 1.5rem 0;}
.lista-cards table tr td{font-size: 1.1rem;}
.lista-cards .card .card-seo h3 { font-size: 2.5rem; margin-top: 15rem;}
.lista-cards .card .btn-large{margin: 2rem 0 1rem 0;}
.section-gallery h2 { font-size: 2.2rem;}

.slogan-cover{height: 60px; right: 15%; bottom: 8rem;}
.fondo-verde { left: -35px; top: 10px; width: 250px;  height:70px; clip-path: polygon(58px 0, 100% 0%, 70% 100%, 0 100%);}
.franja-negra {font-size: 1.6rem; font-family: 'conthrax', sans-serif; padding: 15px 120px; clip-path: polygon(50px 0, 100% 0, 95% 100%, 0 100%);}

}


/*************************************ICON STYLE*************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?61gadk');
  src:  url('fonts/icomoon.eot?61gadk#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?61gadk') format('truetype'),
    url('fonts/icomoon.woff?61gadk') format('woff'),
    url('fonts/icomoon.svg?61gadk#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-arrow:before {
  content: "\e900";
}
.icon-book:before {
  content: "\e901";
}
.icon-books:before {
  content: "\e902";
}
.icon-calendar:before {
  content: "\e903";
}
.icon-check:before {
  content: "\e904";
}
.icon-check-form:before {
  content: "\e905";
}
.icon-em:before {
  content: "\e906";
}
.icon-fb:before {
  content: "\e907";
}
.icon-in:before {
  content: "\e908";
}
.icon-instagram:before {
  content: "\e909";
}
.icon-like:before {
  content: "\e90a";
}
.icon-menu:before {
  content: "\e90b";
}
.icon-mi:before {
  content: "\e90c";
}
.icon-more:before {
  content: "\e90d";
}
.icon-pdf:before {
  content: "\e90e";
}
.icon-pin:before {
  content: "\e90f";
}
.icon-pointing-right:before {
  content: "\e910";
}
.icon-quality:before {
  content: "\e911";
}
.icon-right-arrow:before {
  content: "\e912";
}
.icon-smile:before {
  content: "\e913";
}
.icon-tel:before {
  content: "\e914";
}
.icon-tiktok:before {
  content: "\e915";
}
.icon-vi:before {
  content: "\e916";
}
.icon-whatsapp:before {
  content: "\e917";
}
.icon-youtube:before {
  content: "\e918";
}