/*
Theme Name: LA FORCE 
Theme URI: https://laforceperu.com/
Author: TiFactor
Author URI: http://tifactor.com/
Description: Tema de uso corporativo para la empresa La Force Peru
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: laforceperu.com
*/
@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');
body {
  --cp: #ffcd42;
  --cph: #e2b63a;
  --cs: #1c1c1c;
  --tw: #ffffff;
  --tb: #1c1c1c;
  --tg: #f8f8f8;
  --gray:#f5f5f5;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Poppins', sans-serif;
}
h1{font-size: 2.5rem;text-transform:uppercase;text-shadow: 2px 2px 4px var(--cs);}
h2{font-size: 2rem;margin: 0 0 1.5rem;}
h3{font-size: 1rem;}
h4{font-size: 1.7rem;}
h6{font-size: 1.2rem;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif;font-weight: bold;}
ul li, p{font-size: 1.2rem;}
section{padding: 4rem 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(--cs) inset !important;
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill,textarea:-webkit-autofill,textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 0px rgba(0,0,0,0.8) inset;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--tw);}
.preloader-background{display:flex;align-items:center;justify-content:center;background-color: transparent;position:fixed;z-index:9999999;top:0;left:0;right:0;bottom:0;height: 5px;}
.preloader-box{position: absolute;top: 0;width: 100%}
.preloader-box .progress{width: 100%;margin: 0;z-index: 2;overflow: visible;}
.waves-effect{z-index: 0;}
section h2,section h3{font-weight: 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{font-weight:300;}
.tcp5,.tcs5{font-weight: 500;}
.tcp7,.tcs7{font-weight: 700;}
.tw4{font-weight: 400;}
.tw5{font-weight: 500;}
.tw7{font-weight: 700;}

p, ul li{font-size: 1rem;line-height: 1.4rem;}
a.btn, a.btn-large, html [type="button"]{font-size: .8rem;font-weight:500;color: var(--cs);border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius:5px;margin: 1rem 0;transition: .25s}
a.btn i, a.btn-large i {  font-size: 1rem;}

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(--tw);
    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: "\e901";content: "\e900"}
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: 1rem;}
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(--cs);height: 40px;display: flex;}
nav .menu-top .container{display: flex;justify-content: space-between;align-items: center;}
nav .menu-top ul li{margin: 0 .5rem;font-size: 1.1rem;}
nav .menu-top ul li i{font-size: 1.1rem;}
nav .menu-top ul li a{padding: 0;display: inline-block;font-size: 1rem;color: var(--cs)}
nav .menu-top .info-contacto{display: flex;align-items: center;}
nav .menu-top .info-contacto a{height: 30px;line-height: 2rem;font-size: .8rem;}
.wrapper-menu .container{display: flex; justify-content: space-between;align-items: center;}
nav .welcome{padding: 1rem 0;width: 200px;}


nav ul li {margin: 0 .5rem;}
ul.dropdown-content {/* width: 367px !important; *//* top: 100px !important; */background-color: rgba(0,0,0,0.85);}
.dropdown-content li{margin: 0;}
.dropdown-content li:hover, .dropdown-content li.active {  color: var(--cp)}
ul.menu-main li a.dropdown-trigger{position: relative; padding: .8rem 2rem;}
ul.menu-main li a.dropdown-trigger:after {content: "";  position: absolute;  width: 0;  height: 0;  top: 45%;  right: 10px;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  border-top: 6px solid var(--cp);}
nav #menu-servicios a{color: var(--tw);padding: 1rem 2rem;}
nav #menu-servicios a:hover {background-color: var(--cp);font-weight: 500;}
nav ul li a.btn{line-height: inherit;display: inline;padding: .5rem 1rem;}
nav .menu-main a{font-size: .8rem;font-weight: 500;color: var(--tb);padding: .8rem 1rem;}
nav .menu-main a:hover, a.active{background-color: var(--cp);border-radius: 5px;}
nav ul li.call-us{line-height: 1rem;margin-top: .3rem;}
nav ul li.call-us a{padding: 1rem;}
nav .menu-main li.call-us a div{display: inline-block;text-align: left;vertical-align: middle;}
nav.fixed-menu .menu-main li,nav.fixed-menu .menu-main li a{color: var(--cs);font-weight: 500;}
nav .menu-main li i{font-size: 1.1rem;}

#formulario .row p{color: var(--tb);}

#formulario .saludo{font-weight: 300;font-size: 1.2rem;margin-bottom: .5rem;color: var(--cs);}
#formulario .saludo+p{margin: 1rem 0 .5rem 0;text-align: center;margin-bottom: 2rem; font-size: 2.8rem;}
#formulario #formsend{cursor: pointer;}
#formulario .saludo+p+p{margin: 0 0 2rem 0;font-size: .9rem;}
#formulario .tipo-vehiculo p:first-of-type { margin-bottom: 0;}
#formulario p+p { display: inline-block; margin-right: 3rem;}
#formulario .r-conductor p:first-of-type{margin: 1.2rem 0;}
#formulario .r-conductor p{margin: .5rem 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: #d6d6d6;display: inline-block;cursor: pointer; border-radius: 3px;}
.owl-theme .owl-nav [class*="owl-"]:hover {background: #869791;color: #fff; text-decoration: none;}
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px;}
.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1; *display: inline;}
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px;}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background-color: var(--cp);}

/***CSS-PAGES-CUSTOMIZE***/
#home-services.services{margin: 3rem 0;text-align: left;}
#home-services.services #home-services-info h2{width: 90%;}
.services{margin: 3rem 0;text-align: center;}
#home-services-info p.tit{font-size: 1.5rem;font-weight: 700;margin-top: 2.5rem;}
#home-services .card h3{height: 25px;}
.subr:after,.subr-center:after{content: "";display: block;background-color: var(--cp);width: 160px;height: 4px;margin: 1.2rem 0;}
.subr-center:after{margin: 1.2rem auto;}
.services .card-image:after{content: "";display: block;background-color: var(--cp);height: 4px;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 .card-content{background-color: var(--gray);padding: .5rem 1.5rem;}
.card .card-content h6{color: var(--cs);}
.card .card-content a{margin: 1.5rem 0 1.75rem}
.card:hover .card-content{background-color: var(--cs);transition: .25s}
.card:hover .card-content h3{color: var(--cp);}
.card:hover .card-content p,.card:hover .card-content li,.card .card-content:hover li{color: var(--tw);}
#service-descrip .container{width: 90%;max-width: 90%;}
#service-descrip .wrap-info{max-width: 600px;margin-top: 3rem;}
#service-descrip h2{margin-top: 1rem;}
#service-descrip img{width: 100%;}
#clientes .row{margin-bottom: 0;}
#clientes h2{font-size: 1.5rem;line-height: 2rem;}
#clientes .owl-carousel{margin-top: 3rem;}
.services .card .card-content{padding: .5rem 1.5rem 1rem 1.5rem ;}
#cam-services #contact-wsp{padding-top: 6rem;}
#cam-services #contact-wsp h2{font-size: 2rem;}
#cam-services #contact-wsp p{width: 80%;margin: 0 auto;font-size: 1.1rem;line-height: 1.8rem;/* font-weight: 500; */}
a.btn-large.green{color: var(--tw);font-size: .9rem;}
a.btn-large.green i{font-size: 1.6rem;}

.incluye li span.path1:before{border: 1px solid rgba(255,255,255,.2);}
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: 2rem;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-image ul li:hover{transform: translate(0,-15px);transition: ease-in-out .5s;}

.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;}

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

/***CONTACTO***/
#bg-contacto p{width: 40%;}
#datos-contacto h2{margin-bottom: 4rem;}
#datos-contacto ul.flexh-center>li{width: 24%;height: 290px;background-color: var(--cp);text-align: center;padding: 3rem 2rem;}
#datos-contacto ul.flexh-center>li:hover{background-color: var(--cs);color: var(--tw);transition: all 1s;}
#datos-contacto ul.flexh-center>li>i{font-size: 5rem;}
#datos-contacto ul.flexh-center>li:hover i{color: var(--cp);}
#datos-contacto ul.flexh-center>li p:first-of-type{font-weight: 600;font-size: 1.4rem;}
#datos-contacto ul.social-menu{display: flex;justify-content: center;}
#datos-contacto ul.social-menu i{font-size: 2rem;}
#datos-contacto ul.social-menu a{color: var(--cs);}


.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: 8rem;}
#bg-minivans.bg-cover{padding-top: 1rem;}
.bg-secciones{padding: 0;margin: 0;height: 40vh;margin-top: 0;background-size: cover;background-repeat: no-repeat;color: var(--tw);position: relative;width: 100%;padding-top: 3rem;background-color: var(--cs);}
#home-cover{background-image: url('images/bg-cover.webp');height: 90vh;}
#bg-camionetas{background-image: url('images/bg-camionetas.webp');}
#bg-minivans{background-image: url('images/bg-minivans.webp');height: 84vh;}
#bg-conductores{background-image: url('images/bg-conductores.webp');padding-top: 5rem;}
#bg-nosotros{background-image: url('images/bg-nosotros.webp');}
#bg-contacto{background-image: url('images/bg-contacto.webp');}

.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{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}


.incluye ul li{width: 28%;}
.incluye h3{text-align: center;margin-bottom:3rem;}

#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;}
#clientes{background-color: var(--gray);overflow: hidden;}
#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;}


#frmSolicita{color: var(--tw);padding: 3rem;}
#frmSolicita .saludo{margin-bottom: 1.5rem;}
#frmSolicita .saludo strong{color: var(--cp);}
#frmSolicita .row:nth-of-type(2){margin-bottom: 0;}
#frmSolicita .dropdown-content li>a, .dropdown-content li>span{color: var(--cp);}
#frmSolicita #cantidad{width: 140px;}
#frmSolicita input::-webkit-inner-spin-button {opacity: 1;}
#frmSolicita .switch{margin: 2rem 0;}
#frmSolicita .switch label{font-size: 1.2rem;}
.switch label .lever{height: 32px;width: 50px;}
.switch label .lever:before, .switch label .lever:after{top: 3px;width: 26px;height: 26px;left: 2px;}
.switch label input[type=checkbox]:checked+.lever:before, .switch label input[type=checkbox]:checked+.lever:after{left: 22px;top: 3px;}
.switch label input[type=checkbox]:checked+.lever{background-color: var(--cp);}
.switch label input[type=checkbox]:checked+.lever:after{background-color: var(--tg);}
#frmSolicita input, #frmSolicita textarea { color: var(--cs); font-size: 1rem;border-bottom: 1px solid var(--cs);}
#formsend{color: var(--tw);}

.whatsappchat {position: fixed;bottom: 30px;right: 30px;display: block;z-index: 999!important;animation-name:pulse_whatsapp;animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;border-radius: 50%;-webkit-border-radius:50%}
  @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 {width: 55px;height: 55px;background: #51c14f;display: block;border-radius: 50%;text-align: center;}
  .whatsappchat a i {font-size: 2.8rem;color: var(--tw);line-height: 3.87rem;margin: 0;border-radius: 50%;padding: 0;text-align: center;}
  
  footer{position: relative;}
  #footer, .page-id-27 #footer {background-color: var(--cs);color: var(--tw);padding: 4rem 0 6rem 0;}
  #footer .row{margin-bottom: 0;}
  #footer .f-logo{margin-top: 2.1rem;width: 85%;}
  #footer ul.f-contacto{/* width: 85%; */margin: 0;}
  #footer ul.f-contacto h5{text-align: center}
  #footer ul.f-contacto li{display: inline-flex;margin: 1rem 0;}
  #footer ul.f-contacto li a{color: var(--tw);}
  #footer ul.f-contacto li a+span{margin: 0 1rem;}
  #footer ul.f-contacto li i{font-size: 2rem;color:var(--cp);}
  
  #footer ul.crm-social{margin: 2.5rem auto;/* width: 85% */}
  #footer  ul.crm-social li{display: inline-block}
  #footer  ul.crm-social li i{font-size: 2rem;color: var(--cp);margin: 0 .5rem;}
.pie{padding: 1rem 0;background-color: #000;color: var(--cp);}
.pie .container{text-align: center}
.pie a{color: var(--cp);}
.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);}

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

@media screen and (min-width:320px) and (max-width:480px){
h1{font-size: 2.1rem;text-align: left;}
h2{font-size: 1.6rem;line-height: initial;}
h3{font-size: 1.3rem;}
h4{font-size: 1.4rem;}
p, ul li {font-size: 1.1rem;line-height: initial;}
a.btn, a.btn-large, html [type="button"] { font-size: 1rem;}
.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;}
.btn-fixed-menu {position: fixed;top: 0px;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(--cp);font-size: 1.6rem;}
#formulario p{margin: .5rem 0;}
#formulario .input-field p:first-of-type{margin-bottom: 0.5rem;}

#home-cover{background-image: url('images/bg-cover-s.webp');height: 92vh;}
#bg-camionetas{background-image: url('images/bg-camionetas-s.webp');}
#bg-minivans{background-image: url('images/bg-minivans-s.webp');height: 95vh;}
#bg-conductores{background-image: url('images/bg-conductores-s.webp');}
#bg-nosotros{background-image: url('images/bg-nosotros-s.webp');}
#bg-contacto{background-image: url('images/bg-contacto-s.webp');}

.bg-cover{height: 95vh;padding-top: 1rem}
.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;}
.home .bg-cover .cover-content h1{font-size: 2rem;line-height: initial;}
.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;}

/***CSS-PAGES-CUSTOMIZE***/
.services{margin: 0}
#home-services.services{margin: 0;}
#home-services-info p {width: 100%;}
#home-services .card h3 { height: auto;}
#bg-minivans.bg-cover{padding-top: 1rem;}
.mini-descrip .wrap-image ul li span{font-size: 4rem;border-radius:60px}
ul.flexh-center{display: inline-block}
#bg-minivans p{line-height: 1.5rem;}
#bg-minivans ul.flexh-center li{width: 100%;margin: 0;}
.mini-descrip .wrap-image ul{bottom: 0;margin-bottom: 0;}
.mini-descrip .wrap-info a{padding: 0 1rem;}
.call i{color: var(--cs);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;}
#footer .f-logo {margin: 1rem auto;}
ul.f-contacto{margin: 0 auto}
ul.f-contacto li{width: 100%;}
#footer .crm-social{display: block;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 .r-conductor{text-align: center;}
#frmSolicita ul.dropdown-content{width: 300px!important;}
#frmSolicita #cantidad{width: 80px;}
#frmSolicita input::-webkit-inner-spin-button {width: 15px;height: 20px;}

#frmSolicita .lv-cp{margin: 0 0 .5rem 1rem;margin-bottom: .5rem;}
#footer input, #footer textarea { color: var(--tw); font-size: 1rem;}
.whatsappchat { position: fixed; bottom: 20px; right: 15px; display: block; z-index: 999!important;}
.whatsappchat a {width: 56px;height: 56px;background: #51c14f;display: block;border-radius: 50%;}
.whatsappchat a i {font-size: 2.8rem;color: var(--tw);line-height: 4.08rem;margin: 0 1rem 0 .6rem;border-radius: 50%;padding: 0;text-align: center;}
#footer, .page-id-27 #footer { padding: 4rem 0 4rem 0;}
#footer .crm-social{text-align: left;padding: 0;}
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;}

#cam-services #contact-wsp { padding-top:6rem;}
.incluye ul li{width: 100%;align-items: baseline;}
#why h2{margin-bottom: 4rem;}
#why ul li{width: 100%;margin-top: 0;padding: 1rem;}
#why ul li:before{content: "";width: 0;}
#why ul li i{ margin-top: 2.5rem;}
#why ul li h3, #why ul li p{float: center;text-align: center;}
#why ul li h3{margin-bottom: 0;}
#clientes h2{text-align: center;}
#conduc-services ul.flexh-center li{width: 100%;}
#nosotros-services .card-content{padding: 0;}
#bg-contacto p{width: 100%;}
#datos-contacto ul.flexh-center,
#datos-contacto ul.flexh-center>li{width: 100%;}
}

/*******************************TABLET*******************************/
@media screen and (max-width: 768px) and (min-width: 480px){
h1{font-size: 3.5rem;text-align: left;}
h2{font-size: 2.5rem;}
h3{font-size: 2rem;}
h6{font-size: 1.6rem;}
p, ul li, a.btn-large{font-size: 1.6rem;height: auto;line-height: 2.3rem}
a.btn-large{height: 5rem;line-height: 5rem}
a.btn, a.btn-large, html [type="button"]{font-size: 1.4rem;}
.flexh-init, .flexh-center{display: block;}
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;font-size: 1.4rem;}
.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: 12px;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;}
[type="radio"]:not(:checked)+span, [type="radio"]:checked+span{font-size: 1.4rem;}
  #home-cover{background-image: url('images/bg-cover-m.webp');height: 94vh;}
#bg-camionetas{background-image: url('images/bg-camionetas-m.webp');}
#bg-minivans{background-image: url('images/bg-minivans-m.webp');height: 94vh;}
#bg-conductores{background-image: url('images/bg-conductores-m.webp');}
#bg-nosotros{background-image: url('images/bg-nosotros-m.webp');}
#bg-contacto{background-image: url('images/bg-contacto-m.webp');}
    
 .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;}
 #bg-minivans.bg-cover{padding-top: 5rem;}
 .mini-descrip .wrap-image ul li span{font-size: 8rem;border-radius:60px}
 #home-services-info p {width: 100%;}
 #home-services-info p.tit{font-size: 1.8rem;}

 ul.flexh-center li{width: 100%;margin: 0.5rem;}
.incluye ul li{width: 100%;align-items: baseline;}
#cam-services #contact-wsp{padding-top: 8rem;}
.wrap-info span{font-size: 1.6rem;}
#clientes h2{font-size: 2.5rem;line-height: inherit;text-align: center;}
#why ul li{width: 48%;}
#why ul li h3{font-size: 1.6rem;}
#why ul li p{font-size: 1.4rem;}
#why ul li i{font-size: 6rem;}
  
#footer .container{width: 95%;padding: 0;margin: 0 auto;}
#footer ul, #d-contacto ul{margin-top: 2rem;display: inline-block;}
#footer .f-logo {margin: 1rem 0;width: 60%;}
ul.f-contacto{margin: 0 auto}
ul.f-contacto li{width: 100%;}
#footer .crm-social{display: block;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;}
#frmSolicita .saludo{font-size: 1.6rem;}
#footer input, #footer textarea {color: var(--tw);font-size: 1.4rem;}
.input-field>label{font-size: 1.4rem;}

.whatsappchat { position: fixed; bottom: 20px; right: 15px; display: block; z-index: 999!important;}
.whatsappchat a {width: 56px;height: 56px;background: #51c14f;display: block;border-radius: 50%;}
.whatsappchat a i {font-size: 2.8rem;color: var(--tw);line-height: 4.08rem;margin: 0 1rem 0 .6rem;border-radius: 50%;padding: 0;text-align: center;}
#footer, .page-id-27 #footer { padding: 4rem 0 4rem 0;}
#footer .crm-social{text-align: left;padding: 0;}
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;}

#datos-contacto ul.flexh-center{width: 100%;}
#datos-contacto ul.flexh-center>li{width: 47%;}
#datos-contacto ul.flexh-center>li p{font-size: 1.3rem;}
}

/*************************************LAPTOP HD Y TV*************************************/
@media screen and (min-width:1440px) and (max-width:1920px){
h1{font-size: 3.2rem;}
h2{font-size: 2.5rem;}
h3{font-size: 1.2rem;}
h6{font-size: 1.4rem;}
section h2{margin-top: 2rem;}
p, ul li{font-size: 1rem;height: auto;line-height: initial;}
a.btn-large{height: 4rem;line-height: 4rem}
a.btn, a.btn-large, html [type="button"] { font-size: 1rem;}
a.btn-large.green {font-size: 1.2rem;}
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: 1rem;}
nav ul li.call-us{line-height: 1.5rem;margin-top: .1rem; }
nav ul li.call-us a{padding: 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;}

nav .menu-top .info-contacto a {height: 30px; line-height: 2rem;  font-size: 1rem;}
nav .menu-top ul li i { font-size: 1.3rem;}
.services .card .card-content {padding: .5rem 2rem 1rem 2rem;}
#clientes h2 {font-size: 1.7rem;line-height: 2.5rem;}
#cam-services #contact-wsp{padding-top: 9rem;}
#cam-services #contact-wsp h2{font-size: 3rem;}
#cam-services #contact-wsp p {width: 80%;margin: 0 auto;font-size: 1.5rem;line-height: 1.8rem;/* font-weight: 500; */}
#service-descrip .wrap-info {margin-top: 1rem;}

#bg-minivans.bg-cover {  padding-top: 2.5rem;}
#bg-conductores {padding-top: 8rem}
.bg-secciones{padding-top: 6rem}
#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;}

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;}
#conduc-services .card .card-content {height: 290px;}

}

@media screen and (min-width:1920px){
  h1{font-size: 3.4rem;}
  h2{font-size: 3rem;}
  h3{font-size: 1.4rem;}
  p, ul li{font-size: 1.2rem;height: auto;line-height: initial;}
  a.btn-large.green {font-size: 1.4rem;}
  nav .menu-top .info-contacto a {font-size: 1.1rem;}
  nav ul li {margin: 0 1rem;}
  nav .menu-main li, nav .menu-main li a { font-size: 1.2rem;}
  nav ul li.call-us{line-height: 1.5rem;/* margin-top: .5rem; */}
#home-cover{padding-top: 10rem}
#bg-minivans.bg-cover{padding-top: 6rem;}
nav .welcome {padding: 1rem 0;width: 250px;}

#cam-services #contact-wsp p {font-size: 1.3rem;line-height: initial;}
#clientes h2 {font-size: 2.1rem; line-height: 3rem;}
#bg-minivans.bg-cover {  padding-top: 5rem;}
#service-descrip .wrap-info {margin-top: 8rem;}
#conduc-services .card .card-content {height: 300px;}
}


/*************************************ICON STYLE*************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?dlc6xq');
  src:  url('fonts/icomoon.eot?dlc6xq#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?dlc6xq') format('truetype'),
    url('fonts/icomoon.woff?dlc6xq') format('woff'),
    url('fonts/icomoon.svg?dlc6xq#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-menu:before {
  content: "\e91f";
}
.icon-more:before {
  content: "\e920";
}
.icon-check .path1:before {
  content: "\e900";
  color: rgb(28, 28, 28);
}
.icon-check .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(255, 205, 66);
}
.icon-el1:before {
  content: "\e902";
}
.icon-el2:before {
  content: "\e903";
}
.icon-el3:before {
  content: "\e904";
}
.icon-el4:before {
  content: "\e905";
}
.icon-em:before {
  content: "\e906";
}
.icon-fb:before {
  content: "\e907";
}
.icon-in:before {
  content: "\e908";
}
.icon-pin:before {
  content: "\e909";
}
.icon-pr1 .path1:before {
  content: "\e90a";
  color: rgb(255, 205, 66);
}
.icon-pr1 .path2:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(28, 28, 28);
}
.icon-pr1 .path3:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(28, 28, 28);
}
.icon-pr1 .path4:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(255, 205, 66);
}
.icon-pr2 .path1:before {
  content: "\e90e";
  color: rgb(255, 205, 66);
}
.icon-pr2 .path2:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(28, 28, 28);
}
.icon-pr2 .path3:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(255, 205, 66);
}
.icon-pr2 .path4:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(255, 205, 66);
}
.icon-pr2 .path5:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(255, 205, 66);
}
.icon-pr3 .path1:before {
  content: "\e913";
  color: rgb(255, 205, 66);
}
.icon-pr3 .path2:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(28, 28, 28);
}
.icon-pr3 .path3:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(255, 205, 66);
}
.icon-pr3 .path4:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(28, 28, 28);
}
.icon-pr3 .path5:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(28, 28, 28);
}
.icon-pr3 .path6:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(255, 205, 66);
}
.icon-pr3 .path7:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(28, 28, 28);
}
.icon-pr3 .path8:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(255, 205, 66);
}
.icon-right-arrow:before {
  content: "\e91b";
}
.icon-rrss:before {
  content: "\e91c";
}
.icon-tel:before {
  content: "\e91d";
}
.icon-whatsapp:before {
  content: "\e91e";
}