/*
  Theme Name: Logsa Operaciones a Granel S.A. DE C.V.
  Theme URI: http://www.logsa.mx/
  Description: Nuestro tema por defecto de 2020 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: Iktec
  Author URI: http://www.iktec.mx/
  Tags: Mantenimiento, construcción, Industria, transporte de carga, transporte terrestre, logística de carga.
*/
@import url('../logsamx/css/materialize.css');
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm45_Qphzg.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA7g4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD7g4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm45xW4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC7g4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF7g4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE7g4.ttf) format('truetype');
}
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
}
.editar_post {
  text-align: center;
}
.ContentDiv {
  margin: 3em 0 2em 0;
}
.ContentDiv .MiniDividerCenter {
  height: 3px;
  width: 50px;
  background: #ffffff;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 4;
}
.ContentDiv .MiniDividerLeft {
  height: 4px;
  width: 50px;
  background: #111;
  z-index: 4;
}
.ContentDiv .MiniDividerLeftB {
  height: 4px;
  width: 50px;
  background: #ffffff;
  z-index: 4;
}
.ScrollTop {
  position: fixed;
  bottom: 1.4em;
  right: 3em;
  width: 24px;
  height: 24px;
  z-index: 10;
}
.ScrollTop i {
  background: #cb6100;
  color: #ffffff;
  font-size: 2.4em;
  border-radius: 1em 1em 0 0;
  padding: 0.2em;
}
nav {
  background: #ffffff;
  height: 130px;
  line-height: 130px;
  position: fixed;
  z-index: 9;
}
@media screen and (min-width: 460px) {
  nav {
    height: 140px;
    line-height: 140px;
  }
}
@media screen and (min-width: 991px) {
  nav {
    height: 150px;
    line-height: 150px;
  }
}
nav .Logo {
  padding: 0 0;
}
nav .Logo img {
  padding: 0.6em 0 0.6em 0.2em;
  height: 130px;
}
@media screen and (min-width: 460px) {
  nav .Logo img {
    padding: 0.6em 0 0.9em 0.2em;
    height: 150px;
  }
}
@media screen and (min-width: 991px) {
  nav .Logo img {
    padding: 0.6em 0 0.9em 0.2em;
    height: 160px;
  }
}
nav .MenuDesktop a {
  color: #444;
  font-size: 1.1em;
  margin: 0 0.2em;
}
.sidenav {
  width: 270px;
  text-align: center;
}
.sidenav .user-view {
  height: 170px;
}
.sidenav .user-view .background img {
  width: 100%;
}
.sidenav a {
  font-size: 1.2em !important;
}
.Page .Content .Boxtext {
  margin-top: 21em;
  position: relative;
  z-index: 4;
  color: #ffffff;
}
@media screen and (min-width: 991px) {
  .Page .Content .Boxtext {
    margin-top: 26em;
  }
}
.Page .Content .Boxtext .Title {
  font-size: 1.5em;
  text-align: center;
  padding-bottom: 1em;
  padding: 0em 1.5em;
  line-height: 1.4em;
  font-weight: 600;
  letter-spacing: 3px;
}
.Page .Content .Boxtext p {
  padding: 1em 0;
  font-size: 1.19em;
  line-height: 1.6em;
  font-weight: 200;
  text-align: justify;
}
.MisionVision {
  position: relative;
  z-index: 4;
}
.MisionVision .ImgMision {
  z-index: 77;
  position: relative;
}
.MisionVision .TitleBox .Boxtext {
  margin-top: 3em;
  color: #111;
}
@media screen and (min-width: 991px) {
  .MisionVision .TitleBox .Boxtext {
    margin-top: 7em;
  }
}
.MisionVision .TitleBox .Boxtext .Title {
  padding-bottom: 1em;
  line-height: 1.4em;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.MisionVision .TitleBox .Boxtext p {
  padding: 1em 0;
  font-size: 1.3em;
  line-height: 1.6em;
  font-weight: 400;
  text-align: justify;
}
.MisionVision .BoxBg {
  width: 100%;
  height: 200px;
  padding: 2em;
  background: #ffffff url('../logsamx/images/acercade.jpg') no-repeat center center;
}
@media screen and (min-width: 991px) {
  .MisionVision .BoxBg {
    height: 600px;
    padding: 2em;
  }
}
.ContentVision {
  background: #ffffff url('../logsamx/images/logistica-operaciones-a-granel.jpg') no-repeat center center fixed;
}
.ContentVision .Boxtext {
  margin-top: 0em;
  position: relative;
  z-index: 4;
  color: #ffffff;
  padding: 6em 0;
}
@media screen and (min-width: 991px) {
  .ContentVision .Boxtext {
    padding: 10em 0;
  }
}
.ContentVision .Boxtext .Title {
  text-align: left;
  padding-bottom: 1em;
  line-height: 1.4em;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.ContentVision .Boxtext p {
  padding: 0.2em 0;
  font-size: 1.3em;
  line-height: 1.6em;
  font-weight: 200;
  text-align: justify;
}
.ContentVal {
  background: #ffffff;
  margin-bottom: 8em;
}
.ContentVal .Boxtext {
  margin-top: 0em;
  position: relative;
  z-index: 4;
  color: #111;
  padding: 6em 0 4em 0;
}
.ContentVal .Boxtext .Title {
  text-align: left;
  padding-bottom: -0.2em;
  line-height: 1.4em;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.ContentVal .row .col {
  padding: 0 !important;
}
.ContentVal .Thumbs {
  width: 100%;
  position: relative;
}
.ContentVal .Thumbs .Thumb {
  text-align: center;
  height: 180px;
  position: relative;
  padding: 4.2em 0.6em;
  border: 3px solid #ffffff;
  z-index: 6;
}
@media screen and (min-width: 991px) {
  .ContentVal .Thumbs .Thumb {
    height: 260px;
    padding: 5.7em 0.6em;
  }
}
.ContentVal .Thumbs .Thumb h5 {
  opacity: 1 !important;
  font-size: 1.5em;
  font-weight: 600;
  padding: 0 !important;
}
@media screen and (min-width: 991px) {
  .ContentVal .Thumbs .Thumb h5 {
    font-size: 2em;
  }
}
.ContentServices {
  background: #ffffff url('../logsamx/images/logistica-operaciones-a-granel.jpg') no-repeat center center fixed;
  padding: 0.4em 0 4em 0;
}
@media screen and (min-width: 991px) {
  .ContentServices {
    padding: 4.4em 0;
  }
}
.ContentServices .Boxtext {
  margin-top: 0em;
  position: relative;
  z-index: 4;
  color: #ffffff;
  padding: 10em 0;
}
.ContentServices .Boxtext .Title {
  text-align: left;
  padding-bottom: 1em;
  line-height: 1.4em;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.ContentServices .Boxtext p {
  padding: 0.2em 0;
  font-size: 1.3em;
  line-height: 1.6em;
  font-weight: 200;
  text-align: justify;
}
.ContentServices .ThumbServ {
  width: 100%;
  margin-top: -6em;
  color: #ffffff;
  font-weight: 400;
  text-align: left;
}
@media screen and (min-width: 991px) {
  .ContentServices .ThumbServ {
    margin-top: 3em;
  }
}
.ContentServices .ThumbServ .Thumbs {
  margin: 0.2em;
  display: inline-block;
  vertical-align: top;
  width: 46.9%;
  text-align: center;
}
@media screen and (min-width: 991px) {
  .ContentServices .ThumbServ .Thumbs {
    width: 28.7%;
    margin: 0.6em;
  }
}
.ContentServices .ThumbServ .Thumbs .Box {
  font-weight: 600;
  font-size: 1.02em;
  width: 152px;
  height: 152px;
  padding: 1em 0.5em;
  background: rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 991px) {
  .ContentServices .ThumbServ .Thumbs .Box {
    padding: 1.8em 0.7em;
    width: 180px;
    height: 180px;
  }
}
.sidenav-trigger i {
  margin-top: 1.2em;
  color: #191919;
  font-size: 3em !important;
}
.TelMenu i {
  margin-top: 0.9em !important;
  font-size: 1.8em;
}
footer {
  background: #e46d00;
  padding: 3em 0 4em 0;
  color: #ffffff;
}
footer .Boxtext {
  margin-top: 0em;
  position: relative;
  z-index: 4;
  color: #ffffff;
}
footer .Boxtext .Title {
  text-align: left;
  padding-bottom: 0em;
  line-height: 1.4em;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
}
footer .Boxtext p {
  padding: 0;
  font-size: 1.1em;
  line-height: 1.6em;
  font-weight: 200;
  text-align: justify;
}
footer a {
  color: #ffffff;
}
.parallax-container {
  height: 940px;
}
.wpcf7 {
  font-family: 'Montserrat', sans-serif;
  width: 93%;
}
@media screen and (min-width: 991px) {
  .wpcf7 {
    width: 100%;
  }
}
.wpcf7 label {
  color: #ffffff;
  font-size: 0.9em;
  font-weight: 200;
  padding: 0 0 0.4em 0 !important;
}
.wpcf7 input {
  border: 1px solid #ffffff;
}
.wpcf7 input:not([type]),
.wpcf7 input[type="text"]:not(.browser-default),
.wpcf7 input[type="password"]:not(.browser-default),
.wpcf7 input[type="email"]:not(.browser-default),
.wpcf7 input[type="url"]:not(.browser-default),
.wpcf7 input[type="time"]:not(.browser-default),
.wpcf7 input[type="date"]:not(.browser-default),
.wpcf7 input[type="datetime"]:not(.browser-default),
.wpcf7 input[type="datetime-local"]:not(.browser-default),
.wpcf7 input[type="tel"]:not(.browser-default),
.wpcf7 input[type="number"]:not(.browser-default),
.wpcf7 input[type="search"]:not(.browser-default),
.wpcf7 textarea.materialize-textarea {
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 0 1em;
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
}
.wpcf7 textarea {
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 0 1em;
  width: 108% !important;
  font-size: 1em;
}
.wpcf7 .wpcf7-submit {
  background: #111;
  color: #ffffff;
  border: none;
  padding: 0.9em 1em;
  font-family: 'Montserrat', sans-serif;
}