/*
    Theme Name: Esparsa2023
    Theme URI: http://esparsa.mx/
    Description: Nuestro tema por defecto de 2023 es limpio, enfocado un diseño claro. La tipografía es sencilla, clara y legible en una gran variedad de tamaños de pantalla, además de disponible en multitud de idiomas. Lo hemos diseñado pensando primero en su uso móvil, lo que implica que tu contenido ocupará el centro de la escena independientemente de como lleguen tus visitantes, ya sea desde un móvil inteligente, una tableta, un portátil o un ordenador de escritorio.
    Version: 1.0.0
    Author: Esau Munive
    Author URI: https://iktec.com.mx/
    Tags: transporte a nivel nacional.
*/
@import url('../esparsa/css/materialize.css');
@import url('../esparsa/css/owl.carousel.css');
@import url('../esparsa/css/owl.theme.default.css');
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiAyp8kv8JHgFVrJJLmE3tF.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrIzc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgWxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtvAw.ttf) format('truetype');
}
body {
  font-family: 'Poppins', sans-serif;
}
.Tcenter {
  text-align: center;
}
.Tleft {
  text-align: left;
}
.Tright {
  text-align: right;
}
.Tjustify {
  text-align: justify;
}
.BtnBlack {
  background: #000111;
}
.Title h3 {
  line-height: 1.3em;
}
.Title h5 {
  line-height: 1.5em;
}
.Title h6 {
  line-height: 1.6em;
  font-size: 1.1em;
}
.Title p {
  font-size: 1.02em;
}
.BtnEsparsa {
  border-radius: 0 0 0.85em 0;
  border: 1px solid #1f1a17;
  padding: 0.7em 3.2em;
  text-transform: uppercase;
  color: #1f1a17;
  transition: all 0.26s ease-in-out;
  -webkit-transition: all 0.26s ease-in-out;
  -moz-transition: all 0.26s ease-in-out;
  -o-transition: all 0.26s ease-in-out;
  -ms-transition: all 0.26s ease-in-out;
}
.BtnEsparsa a {
  border-radius: 0 0 0.85em 0;
  border: 1px solid #1f1a17;
  padding: 0.7em 3.2em;
  text-transform: uppercase;
  color: #1f1a17;
  transition: all 0.26s ease-in-out;
  -webkit-transition: all 0.26s ease-in-out;
  -moz-transition: all 0.26s ease-in-out;
  -o-transition: all 0.26s ease-in-out;
  -ms-transition: all 0.26s ease-in-out;
}
.BtnEsparsa a:hover,
.BtnEsparsa a:active,
.BtnEsparsa a:focus {
  border: 1px solid #1f1a17;
  background: #1f1a17;
  color: #ffffff;
}
.BtnEsparsa:hover,
.BtnEsparsa:active,
.BtnEsparsa:focus {
  border: 1px solid #1f1a17;
  background: #1f1a17;
  color: #ffffff;
}
.BtnUnd {
  display: inline-block;
}
.wpcf7 .wpcf7-submit {
  border-radius: 0 0 0.85em 0;
  border: 1px solid #1f1a17;
  padding: 0.7em 3.2em;
  text-transform: uppercase;
  color: #1f1a17;
  background: none;
  transition: all 0.26s ease-in-out;
  -webkit-transition: all 0.26s ease-in-out;
  -moz-transition: all 0.26s ease-in-out;
  -o-transition: all 0.26s ease-in-out;
  -ms-transition: all 0.26s ease-in-out;
}
.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-submit:active,
.wpcf7 .wpcf7-submit:focus {
  border: 1px solid #1f1a17;
  background: #1f1a17;
  color: #ffffff;
}
.owl-nav {
  display: none;
}
.ScrollTop {
  position: fixed;
  bottom: 3.4em;
  right: 3em;
  width: 24px;
  height: 24px;
  z-index: 998;
}
.ScrollTop i {
  border: 1px solid #1f1a17;
  color: #1f1a17;
  background: #ffffff;
  font-size: 2.4em;
  border-radius: 0 0 0.4em 0;
  padding: 0.3em 0.2em;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
  transition: all 0.26s ease-in-out;
  -webkit-transition: all 0.26s ease-in-out;
  -moz-transition: all 0.26s ease-in-out;
  -o-transition: all 0.26s ease-in-out;
  -ms-transition: all 0.26s ease-in-out;
}
.ScrollTop i:hover,
.ScrollTop i:active,
.ScrollTop i:focus {
  border: 1px solid #1f1a17;
  background: #1f1a17;
  color: #ffffff;
}
.MenuPrin {
  text-align: center;
  -webkit-box-shadow: 0 0 0.45em rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 0.45em rgba(0, 0, 0, 0.4);
  position: fixed;
  width: 100%;
  background: #ffffff;
  z-index: 99;
}
.MenuPrin .MenuTop {
  background: #000111;
  color: #ffffff;
  padding: 0.01em;
  height: 26px;
  line-height: 26px;
}
.MenuPrin .MenuTop ul {
  padding: 0 !important;
  margin: 0 !important;
}
.MenuPrin .MenuTop ul li {
  padding: 0 !important;
  margin: 0 !important;
}
.MenuPrin .MenuTop ul li a {
  text-transform: uppercase;
  font-size: 0.98em;
  color: #ffffff;
}
.MenuPrin .MenuLeft,
.MenuPrin .MenuRight {
  display: inline-block;
  vertical-align: middle;
  padding: 0.1em 0;
}
.MenuPrin .MenuLeft {
  text-align: center;
  width: 99%;
  vertical-align: top;
  position: relative;
}
@media screen and (min-width: 991px) {
  .MenuPrin .MenuLeft {
    width: 18%;
  }
}
.MenuPrin .MenuLeft i {
  color: #1f1a17;
  font-size: 2.3em;
  margin-left: 0.4em;
  padding-top: 0.78em !important;
  float: left;
}
.MenuPrin .MenuLeft .Logo {
  margin-left: 0.4em;
}
@media screen and (min-width: 991px) {
  .MenuPrin .MenuLeft .Logo {
    margin-left: 2.4em;
  }
}
.MenuPrin .MenuLeft .Logo img {
  height: 80px;
}
@media screen and (min-width: 991px) {
  .MenuPrin .MenuLeft .Logo img {
    height: 80px;
  }
}
.MenuPrin .MenuLeft .Phone {
  float: right;
  margin-right: 1.4em;
}
.MenuPrin .MenuRight {
  width: 80%;
  text-align: right;
  padding-top: 1.2em !important;
}
.MenuPrin .MenuRight ul li {
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.MenuPrin .MenuRight ul li a {
  color: #1f1a17;
  padding: 0.2em 1.2em;
  font-size: 1.15em;
  text-transform: uppercase;
  transition: all 0.26s ease-in-out;
  -webkit-transition: all 0.26s ease-in-out;
  -moz-transition: all 0.26s ease-in-out;
  -o-transition: all 0.26s ease-in-out;
  -ms-transition: all 0.26s ease-in-out;
}
.MenuPrin .MenuRight ul li a span {
  border: 1px solid #1f1a17;
  border-radius: 0 0 0.85em 0;
  padding: 0.4em 1.2em;
  transition: all 0.26s ease-in-out;
  -webkit-transition: all 0.26s ease-in-out;
  -moz-transition: all 0.26s ease-in-out;
  -o-transition: all 0.26s ease-in-out;
  -ms-transition: all 0.26s ease-in-out;
}
.MenuPrin .MenuRight ul li a span:hover,
.MenuPrin .MenuRight ul li a span:active {
  border: 1px solid #1f1a17;
  background: #1f1a17;
  color: #ffffff;
}
.MenuPrin .MenuRight ul li a i {
  font-size: 1.3em;
}
.MenuPrin .MenuRight ul li a:hover,
.MenuPrin .MenuRight ul li a:active {
  text-decoration: underline;
}
.sidenav .user-view {
  height: 97px;
}
.sidenav .user-view .background img {
  width: 100%;
}
.sidenav li a {
  font-size: 1.2em;
  text-transform: uppercase;
}
.PagRoot {
  padding: 90px 0 0px 0;
  position: relative;
  z-index: 10;
  font-weight: 300;
}
#rev_slider_1_1_wrapper {
  position: relative;
  margin-top: 5.6em !important;
  z-index: 11;
}
.Acercade {
  background: url('../esparsa/images/historia.jpg') no-repeat center left;
  background-size: cover;
  position: relative;
}
.Acercade .InfoBox {
  margin-left: 0em;
}
@media screen and (min-width: 991px) {
  .Acercade .InfoBox {
    margin-left: 3em;
  }
}
.Acercade h2 {
  color: #ffffff;
  line-height: 1.1em;
}
.Acercade h6,
.Acercade h3 {
  color: #ffffff;
}
.Acercade .tabs {
  background-color: transparent !important;
  height: 100%;
}
.Acercade .tabs .tab a {
  color: #ffffff;
}
.Acercade .tabs .tab a:hover,
.Acercade .tabs .tab a:active {
  color: #ffffff;
}
.Acercade .tabs .indicator {
  background-color: #ffffff;
}
.Acercade .BtnEsparsa {
  border: 1px solid #ffffff;
}
.Acercade .AboutTxt {
  background: #31373f url('../esparsa/images/fondo-global2.png') no-repeat bottom center;
  padding: 1em 2em 3.3em 2em;
  position: relative;
}
.Acercade .Exper {
  position: relative;
  bottom: 0;
  left: 2%;
  background: #000111;
  color: #ffffff;
  width: 96%;
  padding: 47px 50px 58px 50px;
  -webkit-clip-path: polygon(90% 0, 100% 16%, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(90% 0, 100% 16%, 100% 100%, 0 100%, 0 0);
  text-align: center;
  margin-top: 1em;
}
@media screen and (min-width: 991px) {
  .Acercade .Exper {
    position: absolute;
    margin-top: 1em;
    width: 33%;
    left: 13%;
    padding: 47px 50px 58px 50px;
  }
}
.Acercade .Exper h6 {
  font-size: 1.3em;
  margin-top: -1em;
}
.Acercade .Exper strong {
  font-size: 6em;
  font-weight: 700;
}
.Acercade .Exper strong span {
  font-size: 0.5em;
  font-weight: 400;
}
.VisionM {
  margin-top: 4em;
}
.VisionM h3,
.VisionM h6 {
  color: #1f1a17;
}
.Services {
  text-align: center;
  padding: 6em 0 2.5em 0;
  position: relative;
  z-index: 10;
}
.Services .STitle {
  text-align: center;
  font-size: 70px;
  line-height: 0.85;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ebebeb;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0.8em;
  z-index: 1;
}
@media screen and (min-width: 991px) {
  .Services .STitle {
    font-size: 100px;
    top: 0.4em;
  }
}
.Services .card {
  text-align: left;
  border: 1px solid #a9aeb3;
  border-radius: 0 0 0.85em 0;
}
.Services .card .card-content {
  padding: 0;
}
.Services .card .card-content .card-title {
  color: #ffffff;
  background-color: #000111;
  padding: 0.6em 1.2em 0.6em 0.6em;
}
.Services .card .card-content ul li {
  list-style-type: disc;
}
.Services .card .card-content .Info {
  padding: 0.8em 1.4em 0.8em 2.6em;
}
.ParkEquipm {
  text-align: center;
  padding: 6em 0 7.5em 0;
  position: relative;
  z-index: 10;
}
.ParkEquipm .STitle {
  text-align: center;
  font-size: 80px;
  line-height: 0.85;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ebebeb;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -0.5em;
  z-index: 1;
}
@media screen and (min-width: 991px) {
  .ParkEquipm .STitle {
    font-size: 100px;
  }
}
.ParkEquipm .Img img {
  width: 100%;
  border-radius: 0 0 2.25em 0;
}
.Destin {
  text-align: center;
  padding: 8em 0 0.5em 0;
  position: relative;
  z-index: 10;
  background: #ffffff url('../esparsa/images/mapa-global.png') no-repeat top center;
  background-size: cover;
}
.Destin .Maps .Img img {
  width: 100%;
}
.Destin .STitle {
  text-align: center;
  font-size: 60px;
  line-height: 0.85;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ebebeb;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0.75em;
  z-index: 1;
}
@media screen and (min-width: 991px) {
  .Destin .STitle {
    font-size: 100px;
    top: 0.7em;
  }
}
.Destin .Img img {
  width: 100%;
  border-radius: 0 0 2.25em 0;
}
.Destin .Map1,
.Destin .Map2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Destin .Map2 {
  margin-top: 4em;
}
.Destin .Geo {
  text-align: left;
  margin-top: 2em;
}
.Destin .Geo ul {
  margin: 0 2em;
  display: inline-block;
  vertical-align: top;
}
.Destin .Geo ul li {
  list-style-type: disc;
  font-size: 1.15em;
}
.Advantage {
  margin: 3.5em 0 2em 0;
  background: #ebebeb;
  color: #ffffff;
  padding: 1.2em 0 3em 0;
}
.Advantage h3 {
  color: #1f1a17;
}
.Advantage .AdvTxt {
  text-align: center;
}
.Advantage .Adv1,
.Advantage .Adv2 {
  font-size: 1.1em;
  color: #1f1a17;
  padding-top: 1em;
}
.Advantage .Adv1 {
  text-align: center;
}
@media screen and (min-width: 991px) {
  .Advantage .Adv1 {
    text-align: right;
  }
}
.Advantage .Adv2 {
  text-align: center;
}
@media screen and (min-width: 991px) {
  .Advantage .Adv2 {
    text-align: left;
  }
}
.Advantage .Img img {
  width: 100%;
}
.Customers {
  text-align: center;
  padding: 5em 0 3.5em 0;
  position: relative;
}
.Customers .owl-carousel .item {
  background: #ffffff;
}
.Customers .owl-carousel .item img {
  padding: 0.2em;
}
@media screen and (min-width: 991px) {
  .Customers .owl-carousel .item img {
    padding: 1.1em;
  }
}
.Customers .STitle {
  font-size: 80px;
  line-height: 0.85;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ebebeb;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0.5em;
  z-index: 1;
}
@media screen and (min-width: 991px) {
  .Customers .STitle {
    font-size: 100px;
    top: 0.3em;
  }
}
.ContacUs {
  background: url('../esparsa/images/tractocamion.jpg') no-repeat center left;
  background-size: cover;
  position: relative;
  padding: 12em 0;
}
.ContacUs .Form {
  background: #ffffff;
  padding: 2.2em 4.9em 2.9em 3.9em;
  border-radius: 0 0 2.85em 0;
}
.ContacUs .Form input {
  border: 1px solid #dedede;
  border-radius: 0em 0 0.99em 0;
  padding: 0 0 0 1em;
  font-family: 'Poppins', sans-serif;
}
.ContacUs .Form .wpcf7-submit {
  padding: 1em 3em 1em 3em !important;
}
.ContacUs .DestPhone {
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  padding: 5.5em 2em;
  margin-top: 3em;
  border-radius: 0 0 2.85em 0;
}
.ContacUs .DestPhone h2,
.ContacUs .DestPhone h4 {
  font-weight: 600;
}
footer {
  background: #000111 url('../esparsa/images/fondo-global.png') no-repeat bottom right;
  padding: 3em 1em 2.6em 1em;
  text-align: center;
}
footer a {
  color: #ffffff;
}
footer p {
  color: #ffffff;
  padding: 0.3em 0;
}
footer .MenuQuick {
  text-align: left;
  color: #ffffff;
}
footer .MenuQuick li {
  margin: 1.6em 0 1em 1.1em;
}
footer .MenuQuick li a {
  color: #ffffff;
}
footer .MenuQuick li:before {
  content: ' - ';
}
footer .MenuQuick p {
  text-align: justify;
  font-size: 0.9em;
  font-weight: 300;
}
footer .LogoFoot img {
  height: 100px;
}
footer .SocialMedia li {
  display: inline-block;
}
footer .SocialMedia a {
  color: #ffffff;
  margin: 0.2em 0.6em;
}
footer .SocialMedia a i {
  font-size: 1.1em;
  border: 1px solid #ffffff;
  padding: 0.9em;
  border-radius: 2em;
}
footer .Copyright {
  color: #ffffff;
  margin-top: 2.5em;
  font-size: 0.85em;
  font-weight: 200;
}