/*
Theme Name: NAVARRETE COMPANY
Theme URI: https://navarretecompany.com/
Author: TiFactor
Author URI: https://tifactor.com/
Description: Tema de uso corporativo para la empresa Navarrete Company
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: navarretecompany.com
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

body{
  --cp: #FFCA00;
  --cph: #e6b405;
  --cs: #1a1a1a;
  --tw: #ffffff;
  --gris: #ededed;
  --tb: #1a1a1a;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 24px;
  font-family: 'DM Sans', sans-serif;
}
h1{font-size: 3rem; font-weight: 700;}
h2{font-size: 2.5rem;font-weight: 700;text-align: center;}
h3{font-size: 2.1rem;}
h4{font-size: 1.7rem;}  
h1,h2,h3,h4,h5,h6{font-weight: bold;}
ul li,ol 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(--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);}

.waves-effect{z-index: 0;}
section h2,section h3{font-weight: 600;}
section h2{margin-top: 1rem;}
section h2::after{content: "";  display: block;  height: 3px;  width: 120px; background-color: var(--cp); margin: 1.2rem auto;}
section h2+p{width: 76%; text-align: center; margin: 0 auto;}

.bgcp{background-color: var(--cp);color: var(--tw);}
.bgcs{background-color: var(--cs);color: var(--tw)}
a.bg-whatsapp{background-color: #70a83b;color: var(--tw);}
*[class^="tw"]{color:var(--tw)}
*[class^="tcp"]{color: var(--cp)}
*[class^="tcs"]{color: var(--cs)}
.tcp3{font-weight:300;}
.tcp5,.tcs5{font-weight: 500;}
.tcp7,.tcs7{font-weight: 700;}
.tw4{font-weight: 400;}
.tw5{font-weight: 500;}
.tw7{font-weight: 700;}
.tb7{font-weight: 700;}
p, ul li{font-size: 1rem;line-height: 1.4rem;}
a.btn, a.btn-large, html [type="button"] {font-size: 1rem;color: var(--tb);font-weight: 700;}
a.btn i, a.btn-large i {  font-size: 1.3rem;}
a.btn.bgcp:hover,a.btn-large.bgcp:hover,button.btn-large:hover, #formulario #formsend:hover{background-color: var(--cph);color: var(--tw);}
input.bgcp:focus{background-color: var(--cp);}
header .active{border-bottom: 3px solid var(--cp);}
.flexh-init{display: flex;justify-content: space-between;align-items: initial;/* flex-wrap: wrap; */}
.flexh-center{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.fixed-menu{
  background-color: var(--tw);
  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);
  }
  .fixed-menu .menu-top{background-color: var(--cs);}
.bg-whatsapp{background-color: #75ad74;color: var(--tw);line-height: 3rem;font-size: 1.1rem;font-weight: 500;height: 45px;}
.bg-whatsapp:hover,.bg-whatsapp:focus{background-color: #75ad74}
ul.checked li,ul.checkbox li, ul.pointer li{display: flex;align-items: center;}
ul.checked li:before,ul.checkbox li:before, ul.pointer li:before, ul.checked-form li:before,ul.plus li:before{font-family: 'icomoon';margin-right: 1rem;color: var(--cp);}
ul.checked li:before{ content: "\e908";}
ul.checked-form li:before{ content: "\e906";}
ul.plus li:before{ content: "\e92e";font-size: 1rem;}
ul.dflex{display: flex;flex-wrap: wrap;}
ul.dflex li{width: 48%; margin: .5rem 1%;}

.owl-carousel{z-index: 0;}
.owl-theme .owl-nav {margin-top: 10px;text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-nav [class*="owl-"] {color: #fff;font-size: 14px;margin: 5px;padding: 4px 7px;background: var(--sky);display: inline-block;cursor: pointer;border-radius: 3px;}
.owl-theme .owl-nav [class*="owl-"]:hover {color: var(--cp);text-decoration: none;}
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px;}
.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1;display: inline;margin: 0 .6rem;}
.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: var(--gris);}
#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;}

#thank-you h1 i{display: block;  margin-bottom: 4rem;  font-size: 6rem;}
.main-header{position: relative; z-index: 2;}
.main-header .container, .bg-cover .container, .bg-secciones .container{width: 90%;max-width: 90%;}
.main-header ul li i{display: inline;font-size: 1rem;}
nav{box-shadow:none;background: transparent;}
.s-pages nav{background-color: var(--tw);}
nav .menu-top{width: 100%;height: 50px;display: flex;}
nav .menu-top .container{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(255,255,255,.3);}
nav .menu-top ul li{margin: 0 .5rem;}
nav .menu-top ul li a{padding: 0;display: inline-block;font-size: 1rem;}
nav .menu-top .info-contacto{display: flex;align-items: center;}
nav .menu-top .info-contacto ul{margin-right: 1rem;}
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 img{margin-top: .5rem;}


nav ul li {margin: 0 1rem;}
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 {/* color: var(--cp); */background-color: var(--cp);font-weight: 500;}
nav ul li a.btn{line-height: inherit;display: inline;padding: .5rem 1rem;}
nav .menu-main li a{font-size: .9rem;font-weight: 300;color: var(--tw);padding: .8rem 1rem;}
ul.menu-main li:hover a{border-bottom: 3px solid var(--cp);}
nav.fixed-menu .wrapper-menu {background-color: #000; transition: all 1s;}
nav.fixed-menu .wrapper-menu .welcome img {margin-top: .5rem;width: 25%;}

nav.fixed-menu .menu-main li,nav.fixed-menu .menu-main li a{/* color: var(--cs); */font-weight: 300;}
nav .menu-main li i{font-size: 1.1rem;}
#formulario{background-color: var(--cs);color: var(--tw);}
#formulario .saludo{font-weight: 300;font-size: 1.2rem;margin-bottom: .5rem;color: var(--cp);}
#formulario .saludo+p{margin: 1rem 0 .5rem 0;text-align: center;margin-bottom: 2rem; font-size: 2.8rem;}
#formulario h2{/* color: var(--tw); */margin-bottom: 3rem;}
#frmSolicita input, #frmSolicita textarea { color: var(--tw); font-size: 1rem;}
#formulario #formsend{cursor: pointer;color: var(--tb);font-size: 1.2rem;}
.grecaptcha-badge{display: none !important;}
.enviando{width: 460px;background-color: #efd887 !important;color: var(--tb) !important;display: flex;align-items: center;transition: all 2s;animation: oscilacion ease-in infinite 2s;}
@keyframes oscilacion {
  0%{background-color: var(--cp) }
  33%{background-color: #efd887 }
  66%{background-color: var(--cp) }
  100%{background-color: #e9d078 }
}
.enviando .preloader-wrapper{margin-right: 1rem;}
.spinner-white{ border-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%;}
.whatsappchat a {  width: 55px;   height: 55px;   background: #51c14f;   display: block;   border-radius: 50%;   text-align: center;  padding: 0;}
.whatsappchat a i { font-size: 2.8rem; color: var(--tw); line-height: 3.87rem; margin: 0; border-radius: 50%;  padding: 0;  text-align: center;}
  @keyframes pulse_whatsapp{0%{box-shadow:0 0 0 0 rgba(37,211,102,1)}80%{box-shadow:0 0 0 14px transparent}}
.bg-cover,.bg-secciones{background-size: cover;}
.bg-secciones{margin-top: -64px;height: 60vh;}

#home-cover{background-image: url('images/bg-cover.webp');margin-top: -130px;height: 102vh;}
#bg-nosotros{background-image: url('images/bg-nosotros.webp');/* margin-top: -90px; */}
#bg-contacto{background-image: url('images/bg-contacto.webp');}
#bg-gracias{padding-top: 14rem;}
.cover-content{width: 40%;margin-top: 6rem; color: var(--tw);}
.bg-secciones .cover-content{margin-top: 12rem;}
.tsub{position: relative;padding-left: 3.5rem;font-size: 1.8rem;color: #e1e1e1;}
.tsub::before{content: "";width: 40px;border: 1px solid var(--cp);display: block;left: 0;position: absolute;top: 1.2rem;}
.bg-cover .c-botones{display: flex;align-items: center;}
.bg-cover .circle-video{
  width: 70px;
  height: 70px;
  margin-left: 2rem;
  background-color: var(--tw);
  border-radius: 50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  text-align: center;
  line-height: 4.65rem;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  }
.bg-cover .circle-video i{margin: 0 0 0 .2rem;color: var(--cp);animation-name: color-change; animation-duration: 6s;animation-iteration-count:infinite}
@keyframes color-change {
  0% {color: var(--cp);}
  25% {color: #F46E04;}
  50% {color: var(--cp);}
  75% {color: #F46E04;}
  100% {color:var(--cp);}
}
.modal {width: 62%;max-height: 750px;background: none;height: 80%;box-shadow: none;overflow-y: hidden;background-color: rgba(0,0,0,.8);}
.modal .modal-footer {background-color: transparent;position: relative;}
.video-container{ height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative;}
.video-container iframe, .video-container object, .video-container embed {height: 100%; left: 0;position: absolute;  top: 0; width: 100%; }
iframe.yt-video{width: 100%;margin: 0 auto;}

.acreditacion{width: 30%;background-color: rgba(0,0,0,.7);border: 1px solid rgba(254,198,1,.6);border-radius: 6px;position: absolute;top: 18%;right: 7rem;display: flex;/* justify-content: end; *//* align-items: center; */text-align: left;font-weight: 500;padding: 1rem;}
.acreditacion:after{content: '\e93b';font-family: 'icomoon';color: var(--cp);font-size: 5.5rem;position: absolute;right: 0;top: -.6rem;}
.acreditacion div{width: 45%;color: var(--tw);}
.acreditacion div>p{font-size: 1rem;font-weight: 500;}
.acreditacion ul{margin: 0;}
.acreditacion li{font-size: 1.2rem;font-weight: 400;color:var(--tw);}
.acreditacion i{flex: none;width: 64px;height: 64px;background-color: var(--cs);color: var(--cp);text-align: center;font-size: 2.2rem;line-height: 3.3rem;padding: .5rem;border-radius: 50%;margin-left: 1rem;margin-right: 0;}
.flota .row+.row{display: flex;flex-wrap: wrap;}
/*.flota article {width: 46%; display: flex;flex-wrap: wrap; margin: 2rem 1.5%;}
.flota article h3{width: 100%;border-bottom: 1px solid rgba(0,0,0,.3);padding-bottom: 1rem;margin-bottom: 0;}
.flota article ul{display: flex;flex-wrap: wrap;}
.flota article ul li{width: 48%;font-size: 1.1rem;line-height: 1.6rem;}
.flota article img{margin: 0 auto;}
.flota article .cta-article{width: 100%; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(0,0,0,.3);}*/
.flota ul.checked-form {display: flex;flex-wrap: wrap;}
.flota ul.checked-form li{width: 48%;margin: .5rem 1%;}
.flota .card .card-content{background-color: var(--tb);color: var(--tw);height: 350px;padding: 1rem 3rem;}
.flota .card:hover .card-content{background-color: var(--cp);color: var(--tb);transition: all ease-in .2s;;}
.flota .card .card-content h3{font-size: 2rem;text-align: center;}
.flota .card .card-content a{position: absolute;left: 36.5%;bottom: -26px;}
.flota .card ul{display: flex; flex-wrap: wrap;}
.flota .card ul li{width: 48%; margin: .5rem 1%;}
.flota .card:hover li::before{color: var(--tb);}
.flota .card:hover a.btn-large.bgcp{background-color: var(--tb);color: var(--tw);}

#camionetas-equipadas{background-image: url('images/bg-camionetas-equipadas.webp');background-size: cover;color: var(--tw);position: relative;}
#camionetas-equipadas h2{text-align: left;}
#camionetas-equipadas h2::after{margin: 1.2rem 0;}
#camionetas-equipadas h2+p{text-align: left;width: 100%;}
#camionetas-equipadas img{position: absolute;top: 10rem; right: 7rem; width: 39%;}
.block-cta{background-image: url('images/fondo.svg');background-size: cover;color: var(--tb);padding: 5rem 0;height: 380px;overflow: hidden;position: relative;}
.block-cta .col+.col{text-align: right;}
.block-cta h2{font-size: 3.4rem; text-align: left;margin-bottom: 0;line-height: 1rem;}
.block-cta a.btn-large{color: var(--tw);margin-top: 2rem;}
.block-cta a.btn-large:hover {color: var(--cp);}
.block-cta p{text-align: left;width: 100%;font-size: 1.7rem;}
.block-cta img{margin-left: 4rem;width: 18%;position: absolute; top: 3rem; right: 18rem;}

.incluye ul{margin-top: 4rem;}
.incluye ul li{width: 46%;margin: .5rem 2%;}
.incluye h3{text-align: center;margin-bottom:3rem;}
#why h2+p{margin: 3rem auto 2rem auto;}
.datos{background-image: url('images/bg-datos.webp');background-repeat: no-repeat;background-size: cover;text-align: center;padding: 3rem 0;}
.datos .row{margin-bottom: 0;}
.datos p{color: var(--tw);margin:0}
.datos span{color: var(--cp);font-size: 3.5rem;font-weight: 700;}
#best-op{background-image: url('images/bg-bestop.webp');background-size: cover; padding: 4rem 0;position: relative;}
#best-op .row{margin-bottom: 4rem;}
#best-op ul li{display: flex;align-items: center;position: relative;}
#best-op ul li i{width: 90px;height: 90px;background-color: var(--gris);color: var(--tb);border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align: center;font-size: 2.5rem;line-height: 5.4rem;margin-right: 1rem;}
#best-op ul li:hover i{background-color: var(--cp);transition:  all ease-in .2s;}
#best-op ul li span{position: absolute; background-color: var(--cs);color: var(--tw); top: 18px;left: 5px;width: 26px;height: 26px;text-align: center;border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%; font-size: .9rem;line-height: 1.8rem;}
#best-op ul li:last-child span{top: 30px;}
#best-op ul li h3{margin-bottom:0;}
#best-op ul li p{width: 58%;margin-top: .7rem;}
#best-op ul li span{position: absolute;}
#best-op a.btn-large{color: var(--tw);}
#best-op .circle-video-trans{position: absolute;right: 26rem;top: 21rem;width: 100px;height: 100px;border-radius: 50%;background: rgba(0,0,0,.5);text-align: center;line-height: 6.4rem;}
#best-op .circle-video-trans i{margin: 0 0 0 .2rem;color: var(--tw);font-size: 2.5rem;animation-name: color-change; animation-duration: 6s;animation-iteration-count:infinite}

/* #transporte-personal .container{width: 90%;max-width: 90%;} */
#transporte-personal .tpservices{display: flex;justify-content: space-around;}
#transporte-personal .tpbox{width: 24%;height: 450px;margin: 1rem .5%;overflow: hidden;}
#transporte-personal .tpbox img{width: 100%;}
#transporte-personal .tpcontent{padding: 1.2rem;margin-top: -150px;color: var(--tw);text-align: center;}
#transporte-personal .tpcontent h3{margin: .5rem 0 2rem 0;font-size: 1.6rem;}
#transporte-personal .tpbox:hover .tpcontent{
  background: var(--cp);
  background: linear-gradient(180deg, rgba(254,198,1,0) 0%, rgba(250,183,2,1) 60%);
  margin-top: -230px;
  transition: all 1s;
  position: relative;
  z-index: 2;
  padding-top: 3rem;
  }
#transporte-personal .tpcontent a{opacity: 0;}
#transporte-personal .tpbox:hover a{opacity: 1;transition: all .5s;color: var(--tb);margin-bottom: 2rem;display: block;font-weight: 700;font-size: 1.6rem;}
#transporte-personal .tpbox:hover i{color: var(--tb);font-size: 3rem;}

#clientes .owl-stage-outer{margin: 3rem 0;}
#clientes img {-webkit-filter: grayscale(100%); filter: grayscale(100%); padding: 15px;}
#clientes img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); transform: scale(1.2); -webkit-transition: all 1s; -moz-transition: all 1s;  -ms-transition: all 1s;
  -o-transition: all 1s;  transition: all 1s;}
#testimonios{background-image: url('images/fondo.svg');background-size: cover;color: var(--tb);padding: 5rem 0;}
.box-testimonio{display: flex;}
.tlogo{width: 20%;display: flex;background: #fff;align-items: initial;}
.tlogo img{margin: auto 0;}
.tcontenido {background-color: var(--tb);color: var(--tw);width: 80%;padding: 2rem;position: relative;}
.tcontenido .theader{display: flex;justify-content: space-between;}
.tcontenido .theader p{color: var(--cp);font-size: 1.8rem; font-weight: 700;margin: 0;}
.tcontenido .theader .estrellas i{color: var(--cp);}
.tcontenido .theader + p{padding: 3rem 5rem;}
.tcontenido .theader + p::before,.tcontenido .theader + p::after{font-family: 'icomoon';margin-right: 1rem;color: var(--cp);position: absolute;font-size: 3rem;}
.tcontenido .theader + p::before{content: '\e931';top: 9.5rem;left: 2.5rem;}
.tcontenido .theader + p::after{content: '\e930';right: 1.5rem;}
#testimonios .owl-theme .owl-nav{text-align: right;}
#testimonios .owl-theme .owl-nav button{background-color: rgba(0, 0, 0, .3);width: 40px;height: 40px;}
#testimonios .owl-theme .owl-dots .owl-dot.active span, #testimonios .owl-theme .owl-dots .owl-dot:hover span{background-color: var(--tb);}
.owl-theme .owl-nav [class*="owl-"] span{color: var(--tw);}


.galeria{margin-top: 3rem;}
.modula-item-content { background-color: var(--cp);}
.modula-item.tg-loaded:hover img.pic { opacity: .35 !important;}
.modula-item-content .jtg-title {top: 5% !important;font-size: 1rem;color: var(--cs);display: none;}
.modula-item-content:hover .jtg-title { top: 5% !important;  font-size: 1.2rem;    color: var(--cs); font-weight: 700;display: block;}
html body .modula .modula-item.effect-pufrobo .jtg-title::after{position: absolute;  height: 1px !important;background-color: var(--cs)!important;}
#jtg-18 .modula-item .jtg-social a, .lightbox-socials.jtg-social a{color: var(--cs)!important;}
#jtg-18 .modula-item .jtg-social a:not(:last-child), .lightbox-socials.jtg-social a:not(:last-child){margin-right: 1.2rem !important;}

footer{padding: 4rem 0;}
footer h2{color: var(--tw);}
.d-contact .row .col{display: flex;align-items: center;}
footer .row h2{margin-bottom: 4rem;}
footer img{width: 65%;}
footer p{color: var(--tw); font-weight: 300;}
.d-contact{background-color: #080808;}
.d-contact h2{color: var(--tw);}

.d-contact .row .col i{font-size: 3rem; color: var(--cp);margin-right: 1.5rem;}
.d-contact .row .col span{font-weight: 700;display: block;line-height: 3rem;color: var(--tw);}
.d-contact .row .col a{display: block;color: var(--tw);font-size: 1.3rem;}

.pie{font-size: 1.2rem;padding: 2.5rem 0;color: var(--tb);}
.pie .row{margin-bottom: 0;}
.pie .col:first-of-type{line-height: 5rem;}
.pie .dc-redes{display: flex;align-items: center;}
.pie .dc-redes a{color: var(--tb);}
.pie ul{display: flex;align-items: center;}
.pie ul li{margin: 0 .8rem;}

.pie .tf-sign{text-align: right;}
.pie .tf-sign a{font-size: 1rem;color: #938806;}
.page-id-16 nav .menu-top{background-color: var(--cs);}
.page-id-16 ul.menu-main li a{color: var(--cs);}
#bg-gracias p + p a{font-size: 1.3rem;color: var(--cp2);display: block;font-weight: 700;margin: 1rem 0 3rem 0;}
#bg-gracias h1 + p a i{font-size: 1.4rem;color: var(--cp);font-weight: 700;}

#empresa{background-image: url('images/bg-nc.webp');background-size: cover;padding-bottom: 2rem;margin-bottom: 4rem;}
#empresa .col:first-of-type{position: relative;}
#empresa img{position: relative;margin-top: 6rem;}
#empresa p.exp-years{position: absolute;top: 14.5rem;right: -1.5rem;transform: rotate(90deg);margin-bottom: 0px;font-size: 2rem;font-weight: 700;}
#empresa h2, #empresa h2+p{text-align: left;}
#empresa h2:after{margin: 1rem 0 2.5rem 0;}
#empresa h2+p{width: 100%;}
#vm{ background-image: url('images/bg-vm.webp'); background-size: cover;padding-top: 35rem;position: relative;}
#vm .row>.col:first-of-type:after{content: "";position: absolute;width: 2px;height: 150px;background-color: rgba(255,255,255,.2);right: 50%;bottom: 7rem;}
#vm i{color: var(--cp);}
.d-contact h2{margin-bottom: 4rem;}

/*****************150%*******************/
@media screen and (max-width: 1440px){
  h3 {font-size: 1.3rem;}
  p, ul li, ol li{font-size: .9rem;line-height: initial;}
  ul.plus li::before{font-size: .7rem;font-weight: 700;margin-right: .5rem;}
  section, footer{padding: 4rem 0;font-weight:300;}
  a.btn, a.btn-large{font-size: .8rem;height: 38px;line-height: 2.5rem;padding: 0 1.2rem;}
  .whatsappchat a.btn{height: initial;padding: unset;}
  nav .menu-top .info-contacto a{font-size: .8rem;}
  nav ul a{font-size: .8rem;}
  nav i{font-size: .7rem;}
  nav .welcome img{width: 30%;margin-top: 0;}
  .fixed-menu { height: 95px;}
  .fixed-menu .wrapper-menu{ line-height: 1rem;}
  .fixed-menu .welcome{padding-top: 0.1rem;}
  .fixed-menu .welcome img{width: 50%;margin-top: 0;}
  nav.fixed-menu .wrapper-menu .welcome img { margin-top: .2rem; margin-bottom: .2rem;  width: 25%;}
  ul.menu-main li a{font-size: .8rem;}
  ul.menu-main .dropdown-content li a { padding: 0 1rem;   height: auto;}
  ul.menu-main li a.dropdown-trigger:after {content: ""; top: 45%; right: 15px;border-left: 4px solid transparent; border-right: 4px solid transparent;border-top: 4px solid var(--tw);}
  nav .menu-main+a {  height: 32px;  line-height: 2.2rem;   margin-left: 1rem;}
  .bg-cover .container {width: 100%;max-width: 88%;margin-top: 7rem;}
  #home-cover .container{margin-top: 9rem;}
  .bg-cover .circle-video{width: 50px;height: 50px;line-height: 3rem;}
  .bg-cover .circle-video i{font-size: 1.2rem;}
  .cover-content {  width: 40%;   margin-top: 10rem; }
  .acreditacion{width: 27%;right: 4.2rem;top: 22%;}
  .acreditacion:after{font-size: 4rem;top: -.4rem;}
  .acreditacion li{font-size: .8rem;}
  .acreditacion i{width: 58px;height: 58px;line-height: 3rem;font-size: 1.8rem;}
.acreditacion div>p {font-size: .7rem;line-height: 1rem;}
.acreditacion p+p { font-size: .6rem;}
.flota .card .card-content{padding: 2rem;height: 320px;}
.flota .card .card-content h3{margin-top: 0;font-size: 1.7rem;}
.flota .card ul li{margin: .2rem 1%;width: 100%;}
.flota .card .card-content a{bottom: -20px;}
.flota article ul li{font-size: .8rem;line-height: 1.2rem;}
.block-cta{padding: 3rem 0;height: 290px;}
.block-cta h2{font-size: 2.2rem;}
.block-cta p { font-size: 1rem;}
#best-op ul li i{width: 70px;height: 70px;font-size: 2.1rem;line-height: 4.5rem;}
#best-op ul li span{width: 22px;height: 22px;font-size: .7rem;line-height: 1.6rem}
#best-op .circle-video-trans{top: 16rem;right: 15rem;}
#transporte-personal .tpbox{height: 313px;}
#transporte-personal .tpcontent{padding: 1rem;margin-top: -90px;/* position: absolute; *//* bottom: 0; */}
#transporte-personal .tpcontent h3{font-size: 1rem;}
#transporte-personal .tpbox:hover .tpcontent{margin-top: -193px;}
#transporte-personal .tpbox:hover a{font-size: 1rem;margin-bottom: .5rem;/* display: inline-block; */}
footer .row .col a{font-size: 1rem}
.d-contact .row .col i{font-size: 2.5rem;}
.d-contact .row .col a{font-size: .9rem;}

.pie{font-size: .9rem;}
.pie ul li {margin: 0 .3rem;}
.pie .dc-redes{line-height: 5rem}
.pie .tf-sign{margin-top: 1.8rem}
.pie .tf-sign a{font-size: .8rem}
.modula-item-content:hover .jtg-title { font-size: .9rem;  }
#formulario #formsend{font-size: .9rem;padding: 0 1rem;}
#empresa img{width: 75%;margin-top: 5rem;}
#empresa .col:first-of-type::before{right: 3rem;width: 280px;height: 380px;}
#empresa p.exp-years{right: -4.1rem;top: 12.5rem;font-size: 1.6rem;}
}
/**********************************************SMARTPHONE***************************************************/
@media screen and (max-width:360px) {

  }

@media screen and (min-width:320px) and (max-width:480px){
h1{font-size: 2.8rem;}
h2{font-size: 2rem;line-height: initial;}
h3{font-size: 1.4rem;}
p, ul li, ol li{font-size: 1.1rem;}
a.btn, a.btn-large{font-size: 1rem;height: 48px;line-height: 3.5rem;}
h2+p.center{width: 100%;}
.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(--cp2);color: var(--cp);}
#slide-out > li:first-child {padding: 1rem 0.3rem 2rem 1rem;background: var(--cs);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: 0;width: 35%;}
.collapsible-body ul{background-color: #f1f1f1;}

ul.collapsible li a.collapsible-header{padding: 0 2.5rem;}
#slide-out ul.collapsible li.active>a {background-color: var(--cp1);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;}
.show-btn{display: block!important;}
.main-header{height: 64px;}
.fixed-menu{ background-color: var(--cs); height: 65px;}
.fixed-menu .menu-top{height: 0;}
nav.fixed-menu .wrapper-menu .welcome img{margin-top: 0;width: 65%;}
nav .nav-wrapper{height: 60px;}
nav .menu-top{display: none;}
nav .menu-top .social-menu, nav .menu-top .ct, nav .box-menu-header div{ display: none; }
nav .menu-top{height: 0;border-bottom: 0;}
ul.social-menu{display: none;}
.menu-top .lg{position: absolute;top: 28px;left: 40%;}
.menu-top .lg img{width: 20px !important;height: 14px!important;}
.welcome{line-height: 2rem;height: 55px;padding: 1rem 0;text-align: left;width: 32%;}
.fixed-menu .welcome{padding: 1rem 0 0 0;}
.fixed-menu .welcome img {width: 120%;/* margin-top: .5rem; */}
nav .welcome img {width: 80%;}
.welcome a{width: 100%;display: initial;padding-left: 0;}
nav .box-menu-header a{display: none;}
.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: 15px;right: 5rem;z-index: 999;width: 50px;height: 50px;padding: .5rem;line-height: 2.5rem;font-size: 5rem;}
.call i{color: var(--tw);font-size: 1.6rem;}
.fixed-menu .call i{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(--tw);font-size: 1.8rem;}
#formulario .saludo{margin-top: 2rem;}
#formulario #formsend{font-size: .8rem;  width: 100%;}
.bg-cover{height: 100vh;margin-top: -64px !important;}
.bg-secciones{height: 30vh;}
#home-cover{background-image: url('images/bg-cover-s-24.webp');margin-top: -64px;}
#bg-contacto {  background-image: url('images/bg-contacto-s.webp');}
#bg-nosotros {  background-image: url('images/bg-nosotros-s.webp');}
#bg-gracias{padding-top: 4rem;}
.bg-cover .circle-video {width: 60px;height: 60px;line-height: 4.3rem;}
.cover-content {width: 100%;margin-top: 12rem;}
.bg-secciones .cover-content{margin-top: 4rem;}
.bg-secciones h1{font-size: 2.1rem;}
.page-id-16 .bg-secciones{height: auto;margin-top: 0;}

.acreditacion{width: 90%;top: 14%;right: 1rem;}
.acreditacion div{width: 52%;}
.acreditacion div>p { font-size: .8rem; line-height: 1rem;}
.acreditacion i{border: 1px solid rgba(255,255,255,.2);width: 48px;height: 48px;font-size: 1.4rem;line-height: 2.4rem;}
section h2+p{width: 100%;}


.flota .card {margin-bottom: 3rem;}
.flota .card .card-content{height: auto;padding: 1.5rem;}
.flota .card .card-content a{left: 30%;}
.flota .card .card-content h3 {font-size: 1.6rem;}
.flota .col + .col .card p{margin-bottom: 1.5rem;}
.flota .card ul li{width: 100%;}
.flota article{width: 100%;}
.flota article ul li{width: 100%;font-size: 1rem;line-height: inherit;}
#camionetas-equipadas img{top: initial;bottom: 11rem;width: 100%;right: 1rem;position: initial;margin-bottom: 2rem;}
#camionetas-equipadas ul{margin-bottom: 2rem;}

.block-cta{background-image: none;background-color: var(--cp);height: auto;overflow: visible;}
.block-cta h2 {font-size: 2rem;line-height: initial;}
.block-cta p{margin-bottom: 2rem;}
.block-cta img{top: initial;bottom: initial;right: initial;width: 70%;display: block;margin-left: 0;margin: 1rem auto;position: initial;}
.block-cta a.btn-large{width: 100%;margin-top: 1rem;}
.incluye ul li{width: 100%;}
.datos{background-color: var(--cs);background-image: none;padding: 4rem 0;}
.datos .col{margin: 2.5rem 0;padding: 0;}
.datos p{line-height: initial;}
#best-op{padding: 2rem 0; background-image: none;}
#best-op ul li h3{font-size: 1.3rem;/* color: var(--cp); */}
#best-op ul li p{width: 100%;}
#best-op ul li i{width: 70px;height: 70px;/* display: block; */font-size: 2rem;line-height: 4.5rem;flex-shrink: 0;}
#best-op ul li span{top: 25px;}
#best-op ul li:last-child span{top: 38px;}
#best-op .circle-video-trans{display: none;}
#transporte-personal .tpservices{display: block;}
#transporte-personal .tpbox{width: 100%;margin: 1.5rem 0;height: auto;position: relative;line-height: 0;font-size: 0;}
#transporte-personal .tpcontent{padding-bottom: 0;margin-top: 0;position: absolute;bottom: 0;width: 100%;}
#transporte-personal .tpbox:hover .tpcontent {bottom: 0;margin-top: 0;position: absolute;width: 100%;transition: all 1s;}
#transporte-personal .tpcontent h3{font-size: 1.4rem;margin-bottom: 1.5rem;}
#transporte-personal .tpcontent a{display: none;}
#transporte-personal .tpbox:hover a{margin-bottom: 1rem;font-size: 1.4rem;display: inline-block;}
#clientes .owl-theme .owl-dots .owl-dot span{margin: 1rem .3rem;}
.box-testimonio{display: block;}
.tlogo{width: 100%;}
.tcontenido{width: 100%;}
.tcontenido .theader{display: block;margin-bottom: 3.5rem;}
.tcontenido .theader + p{padding: 1rem;}
.tcontenido .theader + p::before{top: 11rem;}
.tcontenido .estrellas i{font-size: 1.2rem;margin: 0;}
#testimonios .owl-theme .owl-nav{text-align: left;margin-top: 0;}

.d-contact .col{margin: 1.5rem 0;}
.d-contact .row .col a{font-size: 1.1rem;}
footer img{width: 80%;}
.pie{font-size: 1.2rem;}
.pie .col{text-align: center;}
.pie ul{justify-content: center;margin-top: 0;}
.pie .dc-redes{display: unset;text-align: center;}
.pie .dc-redes i{font-size: 1.4rem;}
.pie .tf-sign a{font-size: 1rem;}
#empresa{background-image: url('images/bg-nc-s.webp');background-size: contain;background-position: top center;background-repeat: no-repeat;}
#empresa img{width: 86%;margin-bottom: 2rem;}
#empresa .col:first-of-type::before {top: 2.5rem;right: 0rem;width: 250px;height: 340px;}
#empresa p.exp-years {right: -7.5rem;top: 12.5rem;font-size: 1.6rem;}
#vm{background-image: url('images/bg-vm-s.webp');padding-top: 5rem;}
#vm .row>.col:first-of-type:after{display: none;}
.page-id-16 .main-header{background-color: var(--cs);}
}

/*******************************TABLET*******************************/
@media screen and (max-width: 768px) and (min-width: 480px){
  h1{font-size: 2.8rem;}
  h2{font-size: 2.8rem;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.2rem;height: 52px;/* padding: 0 1.4rem; */line-height: 3.6rem;}
  .modal{width: 90%;height: 45%;}
  .sidenav{width: 450px;}
  .sidenav li{margin: 1.5rem 0;}
  .sidenav>li+li{margin-top: 0;}
  .sidenav ul.collapsible>li:first-of-type{margin-top: 0;}
  .sidenav li>a{font-size: 1.6rem;}
  #slide-out > li:first-child {padding: 1rem 0.3rem 4rem 1rem;background: var(--cs);margin-bottom: 0;border-bottom: 6px solid var(--cp2);margin: 0;}
  #slide-out ul.collapsible li.active>a {background-color: var(--cp1);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: 30%;}
  #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;}
  .main-header{height: 90px;}
  .main-header i{font-size: 1.4rem;}
.fixed-menu{height: 80px;background-color: var(--cs);}
.fixed-menu .menu-top{height: 0;}
nav .box-menu-header div{display: none;}
.box-menu-header a{width: 120px; height: 50px; line-height: 3.4rem; font-size: 1.4rem;}
nav .menu-top{height: 0;border: 0;}
nav .menu-top ul li:first-of-type, nav .menu-top .info-contacto ul+a{display: none;}
nav .menu-top ul li:last-of-type{position: absolute;top: .6rem;right: 12rem;}
nav .menu-top .info-contacto a,
nav .menu-top .info-contacto i{ font-size: 1.2rem;}

ul.social-menu{display: none;}
ul.ct{display: none;}
.menu-top .lg{position: absolute;top: 32px;left: initial;right: 18%;}
.menu-top .lg img{width: 25px !important;height: 18px!important;}
.welcome{line-height: 5.5rem;height: 80px;padding-left: 0;}
.welcome{line-height: 2rem;height: 55px;padding: 1rem 0;text-align: left;width: 32%;}
.fixed-menu .welcome{padding: 1.3rem 0;}
nav.fixed-menu .wrapper-menu .welcome img{width: 40%;margin-top: 0;}
.welcome a{width: 100%;display: initial;padding-left: 0;}
nav .welcome img{width: 60%;}
nav .box-menu-header a{display: none;}
.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 a i{color: var(--tw);font-size: 1.8rem;line-height: 3rem;}
.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;margin-top: -90px !important;}
.bg-protax,#bg-blog,#bg-categoria{position: relative;height: 60vh;}
.bg-secciones{height: 30vh;margin-top: -90px;}
#home-cover{background-image: url('images/bg-cover-m.webp');margin-top: -64px;}
#home-cover .container {margin-top: 14rem;}
.bg-cover .circle-video {width: 70px;height: 70px;line-height: 5rem;}
.cover-content {
  width: 90%;
  margin-top: 32rem;
}
.page-id-16 .bg-secciones{height: auto;margin-top: 0;}

.acreditacion{width: 65%;top: 18%;right: 2rem;}
.acreditacion:after {font-size: 5.5rem;/* top: -.4rem; */}
.acreditacion li {font-size: 1.3rem;}
.acreditacion div{width: 40%;}
.acreditacion div>p {font-size: 1.3rem;line-height: 1.6rem;}
.acreditacion p+p {  font-size: 1.2rem;}
.acreditacion i{border: 1px solid rgba(255,255,255,.2);width: 64px;height: 64px;font-size: 1.5rem;line-height: 3.4rem;}
section h2+p{width: 100%;}
.flota .container{width: 90%;}
.flota .row+.row{display: block;}
.flota .card .card-content h3{font-size: 1.6rem;}
.flota ul li, .flota ul + p{font-size: 1.3rem;line-height: inherit;}
.flota .card .card-content a{left: 26%;}
#camionetas-equipadas img{top: initial;bottom: 11rem;width: 80%;right: 1rem;left: 1rem;margin:  0 auto;}
#camionetas-equipadas ul{margin-bottom: 32rem;}
.block-cta{background-image: url('images/bg-cta-m.webp');padding: 4rem 0;height: auto;}
.block-cta h2 {font-size: 2rem;line-height: initial;}
.block-cta .col+.col{text-align: left;}
.block-cta p {
  font-size: 1.4rem;
}
.block-cta a.btn-large{width: 50%;}
.block-cta img{width: 28%;right: 3rem;}
.incluye ul li{width: 100%;}
.datos{padding: 4rem 0;}
.datos .col{margin: 2.5rem 0;}
.datos p{line-height: 0;}
#best-op{padding: 2rem 0;background-image: url('images/bg-bestop-m.webp');}
#best-op ul li h3{font-size: 1.3rem;}
#best-op ul li p{width: 100%;}
#best-op ul li i{width: 70px;height: 70px;font-size: 2rem;line-height: 4.5rem;flex-shrink: 0;}
#best-op ul li span{top: 25px;}
#best-op ul li:last-child span{top: 38px;}
#best-op .circle-video-trans{display: none;}
#transporte-personal .tpservices{flex-wrap: wrap;}
#transporte-personal .tpbox{width: 48%;margin: 1rem 1%;height: 460px;}
#transporte-personal .tpcontent{margin-top: -115px;}
#transporte-personal .tpbox:hover .tpcontent{margin-top: -195px;}
#transporte-personal .tpcontent h3{font-size: 1.4rem;height: 50px;}
#transporte-personal .tpbox:hover a{font-size: 1.4rem;}
#clientes .owl-theme .owl-dots .owl-dot span{margin: 1rem .3rem;}
.d-contact .col{margin: 1.5rem 0;}
.d-contact .row .col a{font-size: 1.4rem;}
footer img{width: 70%;}
.pie{font-size: 1.4rem;}
.pie .col{text-align: center;}
.pie ul{justify-content: initial;margin-top: 0;}
.pie .dc-redes{display: unset;text-align: left;}
.pie .dc-redes i{font-size: 1.4rem;}
.pie .tf-sign {text-align: right;}
.pie .tf-sign a{font-size: 1.2rem;}
#empresa{background-image: url('images/bg-nc-s.webp');background-size: contain;background-position: top center;background-repeat: no-repeat;}
#empresa img{width: 86%;margin-bottom: 2rem;}
#empresa .col:first-of-type::before {top: 2.5rem;right: 0rem;width: 250px;height: 340px;}
#empresa p.exp-years {right: -6rem;top: 12.5rem;font-size: 1.6rem;}
#vm{background-image: url('images/bg-vm-s.webp');padding-top: 5rem;}
#vm .row>.col:first-of-type:after{display: none;}

}

/*************************************LAPTOP HD Y TV*************************************/
@media screen and (min-width:1440px) and (max-width:1920px){ /*125%*/
h1{font-size: 3.5rem;}
h2{font-size: 2.8rem;font-weight: 700;}
h3{font-size: 1.6rem;font-weight: 500;line-height: initial;}
p, ul li,ol li{font-size: 1.1rem;line-height: initial;}
ul.menu-main li a{padding: 1rem 1rem;font-size: 1.2rem;height: 75px;line-height: 2.8rem;}

ul li a.dropdown-trigger {padding: 1rem 2.4rem;font-size: 1.1rem;height: 95px;}
.fixed-menu ul.menu-main li a{line-height: initial;}
.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: 55px;width: 100%;}
ul.menu-main li a.dropdown-trigger:after{top: 34px;}
h2+p.center{width: 90%}
.fixed-menu{height: 105px;}
nav .nav-wrapper {height: 110px;background: transparent;}
.welcome{height: 75px;padding: 0.1rem 0 0 0;}
.fixed-menu .welcome { height: 60px; }
.welcome img{width: 35%;}
nav .box-menu-header{margin-top: unset;}
.fixed-menu .box-menu-header{height:  60px}
#home-cover {margin-top: -130px;height: 100vh;}
.bg-cover .container {width: 100%;max-width: 88%;margin-top: 12rem;}
.bg-cover .circle-video{width: 65px;height: 65px;line-height: 4rem;}
.bg-cover .circle-video i{font-size: 1.2rem;}
.cover-content {  width: 40%;   margin-top: 12rem; }
.acreditacion{width: 27%;}
.acreditacion:after{font-size: 4.5rem;top: -.4rem;}
  .acreditacion li{font-size: 1rem;}
.acreditacion div>p { font-size: .9rem;}
.acreditacion p+p {font-size: .7rem;}
.flota .card .card-content{padding: 2rem;height: 290px;}
.flota .card .card-content h3{margin-top: 0;}
.flota .card ul li,.flota .card p{margin: .2rem 1%;font-size: .9rem;}
.flota .card .card-content a{bottom: -27px;}
.block-cta{height: 350px;}
.block-cta h2{font-size: 2.5rem;}
.block-cta p { font-size: 1.2rem;}
#best-op .circle-video-trans{top: 16rem;right: 15rem;}
#transporte-personal .tpbox{height: 370px;}
#transporte-personal .tpcontent{margin-top: -115px;}
#transporte-personal .tpbox:hover .tpcontent{margin-top: -215px}
#transporte-personal .tpcontent h3{font-size: 1.2rem;}
#transporte-personal .tpbox:hover a{font-size: 1.4rem;margin-bottom: .5rem;}
.pie{font-size: 1rem;}
.pie ul li {margin: 0 0.5rem;}
.pie .dc-redes{line-height: 5rem}
.pie .tf-sign{margin-top: 1.6rem}
.pie .tf-sign a{font-size: .8rem}
#empresa img{width: 70%;}
#empresa .col:first-of-type::before{right: 4.5rem;}
#empresa p.exp-years{right: -4rem;}
}

@media screen and (min-width:1920px){
  h1{font-size: 5rem;}
  h2{font-size: 3.5rem;font-weight: 700;text-align: center;}
  h3{font-size: 1.8rem;}
  p, ul li,ol li{font-size: 1.3rem;line-height: initial;}
  ul.menu-main li a{padding: 1.2rem 1.5rem;font-size: 1.2rem;height: 75px;line-height: 2.8rem;}
  ul.menu-main li a.dropdown-trigger:after { top: 38px;}
  .bg-cover .container {width: 100%;max-width: 88%;margin-top: 13rem;}
  .bg-cover h1 {padding-top: 1.9rem;}
  .bg-cover .circle-video{width: 70px;height: 70px;line-height: 4.65rem;}
  .cover-content {  width: 40%;   margin-top: 6rem; }
  .acreditacion {width: 26%;}
  .acreditacion:after { font-size: 5.1rem;}
  .acreditacion li {font-size: 1.2rem;}
  .acreditacion div>p {font-size: 1.2rem;}
.acreditacion p+p { font-size: 1rem;}
.flota .card .card-content {padding: 2rem;height: 300px;}
.block-cta { height: 380px;}
.block-cta h2 { font-size: 3.4rem; }
.block-cta p { font-size: 1.5rem;}
.flota .card .card-content{height: 320px;}
.flota .card ul li, .flota .card p{font-size: 1.3rem;}
.flota article ul li { width: 48%;  font-size: 1.1rem;  line-height: 1.6rem;}
#best-op .circle-video-trans{right: 26rem; top: 21rem;}
#transporte-personal .tpcontent { margin-top: -150px;}
#transporte-personal .tpbox:hover .tpcontent { margin-top: -230px;}
#transporte-personal .tpcontent h3 { font-size: 1.6rem;}
#transporte-personal .tpbox { height: 450px;}
#transporte-personal .tpbox:hover a { font-size: 1.6rem;  margin-bottom: 2rem;}
.pie { font-size: 1.2rem;}
.pie .tf-sign{margin-top: 1.6rem}
.pie .tf-sign a{font-size: 1rem}
#empresa img{width: 75%;}
}

/*************************************ICON STYLE*************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?zcke7s');
  src:  url('fonts/icomoon.eot?zcke7s#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?zcke7s') format('truetype'),
    url('fonts/icomoon.woff?zcke7s') format('woff'),
    url('fonts/icomoon.svg?zcke7s#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-abs:before {
  content: "\e900";
}
.icon-add:before {
  content: "\e901";
}
.icon-air:before {
  content: "\e902";
}
.icon-airbag:before {
  content: "\e903";
}
.icon-angle-right:before {
  content: "\e904";
}
.icon-articulos:before {
  content: "\e905";
}
.icon-check-form:before {
  content: "\e906";
}
.icon-check-list:before {
  content: "\e907";
}
.icon-check-mark:before {
  content: "\e908";
}
.icon-circle-arrow:before {
  content: "\e909";
}
.icon-climbing:before {
  content: "\e90a";
}
.icon-cursor:before {
  content: "\e90b";
}
.icon-drivers:before {
  content: "\e90c";
}
.icon-email:before {
  content: "\e90d";
}
.icon-estrella:before {
  content: "\e90e";
}
.icon-facebook:before {
  content: "\e90f";
}
.icon-fondo .path1:before {
  content: "\e910";
  color: rgb(0, 0, 0);
}
.icon-fondo .path2:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.49;
}
.icon-fondo .path3:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.49;
}
.icon-fondo .path4:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.49;
}
.icon-fondo .path5:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.49;
}
.icon-fondo .path6:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.49;
}
.icon-fondo .path7:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.49;
}
.icon-fondo .path8:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.49;
}
.icon-fondo .path9:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.49;
}
.icon-fondo .path10:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.49;
}
.icon-fondo .path11:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.196;
}
.icon-fondo .path12:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.245;
}
.icon-fondo .path13:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.294;
}
.icon-fondo .path14:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.245;
}
.icon-fondo .path15:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.294;
}
.icon-fondo .path16:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.294;
}
.icon-fondo .path17:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.294;
}
.icon-fondo .path18:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.245;
}
.icon-fondo .path19:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.49;
}
.icon-fondo .path20:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.245;
}
.icon-hands:before {
  content: "\e924";
}
.icon-instagram:before {
  content: "\e925";
}
.icon-leadership:before {
  content: "\e926";
}
.icon-like:before {
  content: "\e927";
}
.icon-linkedin:before {
  content: "\e928";
}
.icon-medical-report:before {
  content: "\e929";
}
.icon-menu:before {
  content: "\e92a";
}
.icon-mision:before {
  content: "\e92b";
}
.icon-motor:before {
  content: "\e92c";
}
.icon-play:before {
  content: "\e92d";
}
.icon-plus:before {
  content: "\e92e";
}
.icon-quality:before {
  content: "\e92f";
}
.icon-quote-fin:before {
  content: "\e930";
}
.icon-quote-inicio:before {
  content: "\e931";
}
.icon-seat:before {
  content: "\e932";
}
.icon-seguridad:before {
  content: "\e933";
}
.icon-smile:before {
  content: "\e934";
}
.icon-s-pinterest:before {
  content: "\e935";
  color: #d32f2f;
}
.icon-stability:before {
  content: "\e936";
}
.icon-s-twitter:before {
  content: "\e937";
  color: #1da1f2;
}
.icon-switch:before {
  content: "\e938";
}
.icon-telephone:before {
  content: "\e939";
}
.icon-transmission-2:before {
  content: "\e93a";
}
.icon-valor:before {
  content: "\e93b";
}
.icon-valor1:before {
  content: "\e93c";
}
.icon-vision:before {
  content: "\e93d";
}
.icon-whatsapp:before {
  content: "\e93e";
}
.icon-youtube:before {
  content: "\e93f";
}