/*
  Theme Name: Iktec 2022 
  Theme URI: http://aztecadelsur.com.mx/
  Description: Nuestro tema por defecto de 2022 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: automatizacion y telemetría, desarrollo de software, centro de monitoreo.
*/
@import url('../iktec/css/materialize.css');
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Auup_AqnyWWAxW2Wk3swUz56MS91Eww8SX25nA.ttf) format('truetype');
}
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Auup_AqnyWWAxW2Wk3swUz56MS91Eww8Rf25nA.ttf) format('truetype');
}
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Auup_AqnyWWAxW2Wk3swUz56MS91Eww8fvx5nA.ttf) format('truetype');
}
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Auup_AqnyWWAxW2Wk3swUz56MS91Eww8cLx5nA.ttf) format('truetype');
}
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Auup_AqnyWWAxW2Wk3swUz56MS91Eww8aXx5nA.ttf) format('truetype');
}
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Auup_AqnyWWAxW2Wk3swUz56MS91Eww8Yzx5nA.ttf) format('truetype');
}
.IktecColor {
  color: #3bb9c1;
}
body {
  font-family: 'Maven Pro', sans-serif;
  font-size: 1.1em;
  background: #3a3939;
}
.ScrollTop {
  position: fixed;
  bottom: 1.4em;
  right: 3em;
  width: 24px;
  height: 24px;
  z-index: 998;
}
.ScrollTop i {
  background: #3bb9c1;
  color: #f1f1f1;
  font-size: 2.4em;
  border-radius: 1em 1em 0 0;
  padding: 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);
}
.MiniDivider {
  width: 120px;
  height: 5px;
  margin: 0 auto;
  background: #3bb9c1;
  border-radius: 1em;
}
.BtnIktec {
  background: #3bb9c1;
  color: #f1f1f1;
  padding: 0.9em 0.9em;
  border-radius: 2em;
}
.wpcf7 {
  font-family: 'Maven Pro', sans-serif;
}
.wpcf7 input {
  font-family: 'Maven Pro', sans-serif;
  color: #808080;
  font-size: 1em;
}
.wpcf7 label {
  font-size: 1em;
}
.wpcf7 .wpcf7-submit {
  background: #3bb9c1;
  color: #f1f1f1;
  border: none;
  border-radius: 2em;
  padding: 0.8em 3.6em;
}
.Logo img {
  height: 72px;
  padding: 0.3em;
}
.Slider {
  position: relative;
  z-index: 9;
}
.AllMenu {
  position: fixed;
  z-index: 10;
  width: 100%;
  margin-top: -3.5em;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -webkit-box-shadow: 0 0 0.7em rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.7em rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 991px) {
  .AllMenu {
    margin-top: 0;
  }
}
.AllMenu .TopMenu {
  padding: 0.2em 0 0.4em 0;
  background: rgba(20, 20, 20, 0.86);
  text-align: right;
}
.AllMenu .TopMenu ul {
  margin: 0 !important;
  padding: 0 !important;
}
.AllMenu .TopMenu ul li {
  vertical-align: middle;
  display: inline-block;
}
.AllMenu .TopMenu ul a {
  margin: 0 0.4em;
  color: #f1f1f1;
  font-weight: 300;
  font-size: 1.09em;
}
.AllMenu .TopMenu ul a i {
  font-size: 1.1em;
}
.AllMenu .Menu {
  background: rgba(35, 35, 35, 0.86);
  height: 76px;
  line-height: 76px;
}
.AllMenu .Menu #nav-mobile li a {
  font-size: 1.15em;
  opacity: 0.9;
}
.fixed-nav .AllMenu {
  margin-top: -3.5em;
  -webkit-box-shadow: 0 0 0.7em rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.7em rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 991px) {
  .fixed-nav .AllMenu {
    margin-top: -2.1em;
  }
}
.fixed-nav .AllMenu .TopMenu {
  padding: 0.2em 0 0.4em 0;
  background: #34a3aa;
  text-align: right;
}
.fixed-nav .AllMenu .TopMenu ul {
  margin: 0 !important;
  padding: 0 !important;
}
.fixed-nav .AllMenu .TopMenu ul li {
  vertical-align: middle;
  display: inline-block;
}
.fixed-nav .AllMenu .TopMenu ul a {
  margin: 0 0.4em;
  color: #f1f1f1;
  font-weight: 300;
  font-size: 1.09em;
}
.fixed-nav .AllMenu .TopMenu ul a i {
  font-size: 1.1em;
}
.fixed-nav .AllMenu .Menu {
  background: #3a3939;
  background: -webkit-gradient(linear, left top, right top, from(#3a3939), to(#4c4b4b));
  background: linear-gradient(to right, #3a3939 0%, #4c4b4b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gris-o', endColorstr='@gris', GradientType=1);
  height: 76px;
  line-height: 76px;
}
.fixed-nav .AllMenu .Menu #nav-mobile li a {
  font-size: 1.15em;
  opacity: 0.9;
}
.sidenav {
  background: #4c4b4b;
}
.sidenav .user-view {
  height: 220px;
}
.sidenav .user-view .background {
  width: 100%;
}
.sidenav .user-view .background img {
  width: 100%;
}
.sidenav li {
  color: #f1f1f1;
}
.sidenav li a {
  font-size: 1.2em !important;
  color: #f1f1f1;
}
.sidenav li a i {
  padding-left: -3em;
  color: #f1f1f1 !important;
}
.sidenav li > a > i,
.sidenav li > a > [class^="mdi-"],
.sidenav li > a li > a > [class*="mdi-"],
.sidenav li > a > i.material-icons {
  margin: 0 4px 0 0;
}
.sidenav-trigger {
  float: right !important;
  margin-top: 0.5em !important;
}
.sidenav-trigger i {
  font-size: 2.5em !important;
}
.IntPage {
  padding: 3em 0;
  color: #f1f1f1;
}
.Aboutus {
  padding: 4em 0 2em 0;
  background: url('../iktec/images/world.png') no-repeat bottom center;
  color: #f1f1f1;
  text-align: center;
}
.Aboutus h3 {
  text-align: center;
  color: #f1f1f1;
  margin-bottom: 0.8em;
}
.Services {
  padding: 2em 0 4em 0;
  color: #f1f1f1;
}
.Services h2 {
  text-align: center;
  color: #f1f1f1;
  margin-bottom: 0.3em;
}
.Services .Thumbs {
  width: 100%;
  margin-top: 3.99em;
}
.Services .Thumbs .Thumb {
  width: 99.2%;
  text-align: center;
  border-right: 2px solid #4c4b4b;
  padding: 0.5em 0.99em;
  display: inline-block;
  vertical-align: top;
}
@media screen and (min-width: 991px) {
  .Services .Thumbs .Thumb {
    width: 24.71%;
  }
}
.Services .Thumbs .Thumb img {
  width: 100%;
  border-radius: 50%;
  border: 4px solid #3bb9c1;
}
.Services .Thumbs .Thumb h3 {
  color: #f1f1f1;
  font-size: 1.6em;
}
.Services .Thumbs .Thumb p {
  color: #f1f1f1;
}
.Services .Thumbs .Thumb:last-child {
  border-right: 0px solid #4c4b4b;
}
.Contacto {
  padding: 4em 0 4em 0;
  background: url('../iktec/images/welcome.jpg') no-repeat top center;
  background-size: cover;
  color: #f1f1f1;
  text-align: center;
}
.ContactoX {
  background: #f0f0ef;
  padding: 2em 0 3em 0;
  text-align: center;
}
.ContactoX h2 {
  text-align: center;
  color: #808080;
}
.Partners {
  padding: 2em 0 4.5em 0;
  background: #ffffff;
  background-size: cover;
  color: #808080;
  text-align: center;
}
.Partners .Thumbs {
  width: 100%;
}
.Partners .Thumbs .Thumb {
  width: 24.2%;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 991px) {
  .Partners .Thumbs .Thumb {
    width: 14.4%;
  }
}
.Partners .Thumbs .Thumb img {
  width: 100%;
  padding: 0.1em;
}
@media screen and (min-width: 991px) {
  .Partners .Thumbs .Thumb img {
    padding: 0.5em;
  }
}
footer {
  background: #3a3939;
  background: -webkit-gradient(linear, left top, right top, from(#3a3939), to(#4c4b4b));
  background: linear-gradient(to right, #3a3939 0%, #4c4b4b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gris-o', endColorstr='@gris', GradientType=1);
  padding: 0.1em 0 0 0;
}
footer .MenuRight,
footer .MenuLeft {
  display: inline-block;
  vertical-align: middle;
}
footer .MenuLeft {
  text-align: center;
  color: #f1f1f1;
  width: 99%;
}
@media screen and (min-width: 991px) {
  footer .MenuLeft {
    text-align: left;
    float: left;
    width: 70%;
  }
}
footer .MenuLeft .Logo img {
  height: 50px;
}
footer .MenuLeft li {
  display: inline-block;
  vertical-align: middle;
}
footer .MenuLeft li a {
  font-size: 0.9em;
  opacity: 0.9;
  color: #f1f1f1;
  margin: 0 0.3em;
}
footer .MenuRight {
  text-align: center !important;
  margin-top: 1.6em;
  float: 5em;
  color: #f1f1f1;
  width: 99%;
}
@media screen and (min-width: 991px) {
  footer .MenuRight {
    text-align: right;
    float: right;
    width: 28%;
  }
}
footer .MenuRight li {
  display: inline-block;
  vertical-align: middle;
}
footer .MenuRight li a {
  font-size: 0.9em;
  opacity: 0.9;
  color: #f1f1f1;
  margin: 0 0.3em;
}
footer .MenuRight li a i {
  font-size: 1.9em;
}