body {
  background-color: #fff;
}
#site {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#header {
  display: table;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: #fff;
  z-index: 100;
}
#header h1 span {
  display: none;
}
#header nav {
  font-size: 15px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #77787a;
  background-color: #fff;
}
#header nav ul {
  padding: 24px 0px 10px 0px;
}
#header nav ul li a {
  color: #77787a;
  padding: 10px 0px;
  background-color: #fff;
  transition: all 0.5s;
  border-radius: 5px;
  margin-left: 5px;
}
#header nav ul li a span {
  display: block;
  width: 100%;
  border-right: 1px solid #77787a;
  text-align: center;
  padding: 0px 15px;
}
#header nav ul li a:hover {
  background-color: #ffc906;
}
#btnTopMenu {
  margin-top: 26px;
  background-color: #dcdcdc;
  transition: all 0.4s;
}
#btnTopMenu:hover {
  background-color: #ffc906;
}
#inicio h2 {
  display: none;
}
.banners {
  width: 100%;
  height: 100%;
}
.banners .elementBanner {
  width: 100%;
  height: 100%;
}
.banners .elementBanner img {
  min-height: 100%;
  display: block;
  margin: 0px auto;
}
.banners .elementBanner .imgElementBanner {
  display: table;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.section {
  padding: 0px;
}
.section .in-cont {
  background-color: #fff;
  width: 100%;
  padding-bottom: 40px;
}
.section .in-bg-section {
  display: block;
  width: 100%;
  height: 450px;
  position: relative;
  margin: -450px 0px 0px 0px;
  overflow: hidden;
}
.section .in-bg-section img {
  display: block;
  width: 100%;
  position: absolute;
}
.section .in-bg-section .in-bg-img-section {
  display: block;
  width: 100%;
  height: 1351px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
}
.section .in-bg-transparent {
  background-color: #808080;
  display: table;
  width: 100%;
  height: 450px;
  opacity: 0.3;
  position: relative;
  z-index: 1;
}
.section .in-bg-title {
  display: table;
  width: 100%;
  height: 450px;
  position: relative;
  z-index: 2;
  margin: -450px 0px 0px 0px;
}
/*#nosotros
	.in-bg-section
		background-image url('../img/template/bg1.png')*/
#nosotros .in-bg-section img {
  top: 0px;
}
#infraestructura .in-bg-section img {
  top: -1500px;
}
#unidades .in-bg-section img {
  top: 0px;
}
#seguridad-y-capacitacion .in-bg-section img {
  top: 0px;
}
#contacto {
  position: relative;
  background-color: #ffc906;
}
#fondoContacto {
  display: block;
  width: 80%;
  margin: 30px auto;
  padding: 20px;
  background-color: #fff;
}
#locationMap {
  width: 100%;
  height: 500px;
  background: #fff;
}
#mapa1 {
  position: relative;
}
#mapa1 img#img_mapa {
  display: block;
  width: 100%;
}
#mapa1 #itemCobertura {
  position: absolute;
  top: 36%;
  left: 61.5%;
}
#mapa1 #itemCobertura .in-title {
  border-bottom: 2px solid #ffc906;
  font-size: 25px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  padding: 4px 60px;
}
#mapa1 #itemCobertura .in-text {
  font-size: 15px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  display: block;
  width: 70%;
  padding: 10px 0px 0px 60px;
}
#mapa1 .zonas_estados {
  position: absolute;
  opacity: 0.5;
}
#mapa1 .rutas {
  position: absolute;
  display: block;
  height: 2px;
  background-color: #ffc906;
}
#mapa1 .rutas .in-title {
  display: table;
  font-size: 20px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  padding: 8px 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#mapa1 #ruta_pacifico {
  width: 24%;
  top: 60%;
  left: 10.5%;
}
#mapa1 #ruta_norte {
  width: 35%;
  top: 30%;
  left: 44.5%;
}
#mapa1 #ruta_norte .in-title {
  left: 63%;
}
#mapa1 #ruta_occidente {
  width: 26%;
  top: 74%;
  left: 10.5%;
}
#mapa1 #ruta_centro {
  width: 38%;
  top: 67%;
  left: 15.5%;
}
#mapa1 #ruta_sureste {
  width: 16%;
  top: 75%;
  left: 64.5%;
}
#mapa1 #ruta_sureste .in-title {
  left: 34%;
}
#baja_california {
  top: 2%;
  left: 0.6%;
  width: 11.6%;
}
#sonora {
  top: 3.6%;
  left: 6.8%;
  width: 18.8%;
}
#chihuahua {
  top: 9.5%;
  left: 24%;
  width: 18%;
}
#coahuila {
  top: 20.2%;
  left: 40.05%;
  width: 12.75%;
}
#durango {
  top: 36.22%;
  left: 29.7%;
  width: 14.53%;
}
#sinaloa {
  top: 34.5%;
  left: 22.4%;
  width: 12.24%;
}
#zacatecas {
  top: 45.2%;
  left: 38.5%;
  width: 10.99%;
}
#nayarit {
  top: 55.8%;
  left: 34.2%;
  width: 5.2%;
}
#jalisco {
  top: 58.9%;
  left: 33.9%;
  width: 13.5%;
}
#michoacan {
  top: 70.34%;
  left: 40%;
  width: 12.1%;
}
#nuevo_leon {
  top: 31.4%;
  left: 48.85%;
  width: 8.3%;
}
#queretaro {
  top: 63.9%;
  left: 50.7%;
  width: 4.9%;
}
#puebla {
  top: 68%;
  left: 56%;
  width: 7.5%;
}
#hidalgo {
  top: 65.2%;
  left: 53.2%;
  width: 5.75%;
}
#veracruz {
  top: 59.3%;
  left: 57.3%;
  width: 17.1%;
}
#tabasco {
  top: 78.3%;
  left: 72.7%;
  width: 10.8%;
}
#yucatan {
  top: 61%;
  left: 84.7%;
  width: 9.4%;
}
#chiapas {
  top: 81.9%;
  left: 73%;
  width: 12.7%;
}
#edo_mex {
  top: 71.2%;
  left: 50.85%;
  width: 6.3%;
}
#df {
  top: 74.5%;
  left: 55%;
  width: 1%;
}
#ul2-seguridad img {
  width: 80%;
  margin: 0px auto;
}
#footer {
  display: table;
  width: 100%;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #767676;
  font-size: 15px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 300;
  z-index: 100;
}
#footer nav ul {
  padding: 10px 0px 0px 0px;
}
#footer nav ul li {
  display: block;
}
#footer nav ul li a {
  color: #fff;
}
#footer nav ul li a img {
  padding-left: 10px;
}
#footer nav ul li a:hover {
  text-decoration: none;
}
.listStates {
  margin-top: 50px;
}
.listStates .in-li {
  display: block;
  position: relative;
  padding-top: 46px;
}
.listStates .in-li span.in-title {
  font-size: 20px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  display: block;
  padding: 0px;
  margin: 0px;
  width: 100%;
  position: absolute;
  top: 6px;
}
.listStates .in-li .cube {
  display: block;
  padding: 0px;
  margin: 0px;
  height: 2px;
  width: 90%;
  position: absolute;
  top: 45px;
}
.listStates .in-li ul {
  display: block;
  padding: 0px;
  margin: 0px;
  clear: both;
}
.listStates .in-li ul li {
  display: block;
  padding: 5px 0px;
  margin: 0px;
  font-size: 15px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
}
.listStates .in-li ul li a {
  display: table;
  border-radius: 10px;
  text-decoration: none;
  color: #77787a;
  transition: all 0.5s;
}
.listStates .in-li ul li a span {
  display: block;
  padding: 7px 20px;
}
.listStates .in-li ul li a:hover {
  background-color: #ffc906;
}
.tableSty1 {
  margin-top: 50px;
}
.tableSty1 tr th {
  font-size: 25px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
}
.tableSty1 tr th span {
  display: table;
  padding: 0px;
  margin: 0px;
  float: left;
}
.tableSty1 tr th .cube {
  display: table;
  padding: 0px;
  margin: 11px 0px 0px 17px;
  width: 20px;
  height: 20px;
  float: left;
  border-radius: 10px;
}
.tableSty1 tr td {
  font-size: 15px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
}
.tableSty1 tr td a {
  display: table;
  border-radius: 10px;
  text-decoration: none;
  color: #77787a;
  transition: all 0.5s;
}
.tableSty1 tr td a span {
  display: block;
  padding: 7px 20px;
}
.tableSty1 tr td a:hover {
  background-color: #ffc906;
}
.titleSty1 {
  border-bottom: 2px solid #ffc906;
  position: relative;
  padding: 0px 45px;
  margin: 10px auto 55px auto;
  display: table;
}
.titleSty1 span {
  position: relative;
  display: table;
  padding: 8px 10px;
  bottom: -16px;
  background-color: #fff;
  font-size: 24px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  text-align: center;
}
.titleSty2 {
  border-bottom: 2px solid #ffc906;
  font-size: 25px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  padding: 5px 0px;
  text-indent: 5px;
  position: relative;
}
.titleSty3 {
  font-size: 46px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #fff;
  text-shadow: 2px 2px 3px #000;
  text-align: center;
  margin-top: 11%;
}
.titleSty3 span {
  display: block;
}
.textSty1 {
  display: block;
  font-size: 25px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #8d8e90;
}
.textSty1 span {
  display: block;
  text-align: center;
  text-indent: 20px;
}
.textSty1 img:first-child {
  margin: 0px;
}
.textSty1 img {
  margin-left: 96%;
  margin-top: -30px;
}
.textSty2 {
  font-size: 15px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  display: block;
}
.textBoxSty1 {
  background-color: #dcdcdc;
  padding: 5px 10px;
  margin-right: 5px;
  color: #767676;
  border-radius: 5px;
}
.ulSty1 li {
  display: block;
  overflow: hidden;
}
.ulSty1 li .in-text {
  display: block;
  font-size: 15px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  text-align: center;
  width: 103%;
  margin: 0px auto;
}
.ulSty1 li .in-text .in-block {
  display: block;
}
.ulSty1 li .in-circle {
  display: block;
  padding: 0px;
  margin: 25px auto;
  background-color: #dcdcdc;
  border-radius: 999px;
  width: 135px;
  height: 135px;
  position: relative;
  border-radius: 50%;
}
.ulSty1 li .in-circle .in-bordeRight,
.ulSty1 li .in-circle .in-bordeLeft {
  display: block;
  position: absolute;
  border-bottom: 2px solid #979797;
  width: 100%;
  top: 35%;
}
.ulSty1 li .in-circle .in-bordeRight {
  left: 87%;
}
.ulSty1 li .in-circle .in-bordeLeft {
  left: -87%;
}
.ulSty1 li .in-circle .in-text-circle {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0px auto;
  top: 18px;
  background-color: #525252;
  border-radius: 999px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 50%;
}
.ulSty1 li .in-circle .in-text-circle span {
  font-size: 30px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #ffc906;
  display: block;
  text-align: center;
  padding: 27px 0px 0px 0px;
}
.ulSty2 {
  padding-bottom: 150px;
}
.ulSty2 li {
  width: 20%;
  height: 200px;
  float: left;
  display: table;
  position: relative;
}
.ulSty2 li img {
  display: block;
  margin: 0px auto;
  border: 1px solid #dcdcdc;
  border-radius: 999px;
  position: relative;
  width: 90%;
  transition: width 0.5s, border 0.5s;
}
.ulSty2 li img:hover {
  border: 3px solid #ffc906;
  border-radius: 999px;
  width: 95%;
}
.ulSty3 {
  position: relative;
}
.ulSty3 li {
  display: block;
/*&:hover
			.in-circle
				.in-img-circle
					top 0px
					width 100px !important
					height 100px !important
					img
						top 35px*/
}
.ulSty3 li .in-title1 {
  border-bottom: 2px solid #ffc906;
  font-size: 25px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  padding: 4px 60px;
}
.ulSty3 li .in-text1 {
  font-size: 15px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  display: block;
  padding: 0px 0px 0px 0px;
}
.ulSty3 li .in-text {
  font-size: 15px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  display: block;
  width: 70%;
  margin-left: 118px;
  margin-top: -30px;
}
.ulSty3 li .in-circle {
  display: block;
  padding: 0px;
  margin: 25px 0px 0px 0px;
  background-color: #dcdcdc;
  border-radius: 999px;
  width: 100px;
  height: 100px;
  position: relative;
}
.ulSty3 li .in-circle .in-img-circle {
  display: block;
  width: 58px;
  height: 58px;
  margin: 0px auto;
  top: 22px;
  background-color: #525252;
  border-radius: 999px;
  position: relative;
  transition: all 0.5s;
  overflow: hidden;
}
.ulSty3 li .in-circle .in-img-circle img {
  display: block;
  margin: 0px auto;
  position: relative;
  top: 17px;
}
.ulSty3 li .in-circle .in-title {
  border-bottom: 2px solid #ffc906;
  font-size: 25px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  position: absolute;
  top: 18px;
  left: 100px;
  padding: 2px 60px 2px 17px;
}
.ulSty4 {
  margin-top: 80px;
}
.ulSty4 li {
  display: block;
  height: 271px;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.ulSty4 li .in-item {
  display: block;
  width: 95%;
  height: 271px;
  overflow: hidden;
  margin: 0px auto;
}
.ulSty4 li .in-item span {
  display: block;
  position: absolute;
  top: 85%;
  left: 3%;
  font-size: 15px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  background-color: #fff;
  width: 100%;
  padding: 10px 0px;
}
.ulSty4 li .in-item img {
  min-width: 100%;
  min-height: 100%;
  transform: rotate(0deg);
  transition: all 0.5s;
  margin-left: 0%;
  margin-top: 0%;
}
.ulSty4 li .in-item:hover img {
  margin-left: -40%;
  margin-top: -10%;
  min-width: 150%;
  min-height: 150%;
  transform: rotate(-5deg);
}
.ulSty5 li {
  display: block;
  position: relative;
  height: 271px;
}
.ulSty5 li .in-text {
  font-size: 15px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  display: block;
  width: 90%;
  position: absolute;
  margin: 0px auto;
  top: 150px;
  text-align: center;
}
.ulSty5 li .in-circle {
  display: block;
  width: 130px;
  height: 130px;
  border-radius: 999px;
  background-color: #e1e1e1;
  position: relative;
  margin: 0px auto;
  box-shadow: 0px 0px 0px #767676 inset;
  transition: all 0.5s;
}
.ulSty5 li .in-circle img {
  display: block;
  margin: 0px auto;
  position: relative;
  top: 34px;
  transform: rotate(0deg);
  transition: all 0.5s;
}
.ulSty5 li:hover .in-circle {
  box-shadow: 0px 5px 5px #8d8e90 inset;
}
.ulSty5 li:hover .in-circle img {
  top: 38px;
  transform: rotate(-365deg);
}
.vinetaSty1 {
  background-color: #ffc906;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}
.contentParallax {
  position: relative;
  display: block;
  width: 100%;
}
.contentParallax .imgParallax {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 300px;
}
.titleParallaxSty1 {
  position: absolute;
  display: block;
  width: 100%;
  top: 30%;
  left: 0px;
}
.formSty1 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.formSty1 input[type="text"],
.formSty1 textarea {
  width: 100%;
  background-color: #c8c8c8;
  border: none;
  padding: 5px 10px;
  outline: none;
  resize: none;
}
.formSty1 input[type="submit"] {
  background-color: #ffc906;
  font-size: 15px;
  font-family: 'Exo 2', sans-serif;
  font-style: italic;
  font-weight: 600;
  color: #767676;
  text-align: center;
  width: 100%;
  border-radius: 5px;
  border: none;
  padding: 5px 0px;
}
.formSty1 textarea {
  height: 100px;
}
.formSty1 p {
  padding: 5px 0px;
}
.formSty1 label {
  padding: 5px 10px;
}
@media (max-width: 768px) {
  #header h1 {
    position: absolute;
    margin-top: 5px;
    z-index: 1;
  }
  #header nav {
    font-size: 15px;
    font-family: 'Exo 2', sans-serif;
    font-style: italic;
    font-weight: 600;
    box-shadow: 1px 1px 10px #000;
  }
  #header nav ul {
    padding: 10px 0px 20px 0px;
  }
  #header nav ul li a {
    width: auto;
  }
  #header nav ul li a span {
    padding: 0px 4px;
    border-right: none;
  }
  .ulSty2 li {
    width: 100%;
  }
  .ulSty2 li img {
    width: 150px;
  }
  .ulSty2 li img:hover {
    width: 170px;
  }
  .ulSty3 .in-text {
    width: 100% !important;
    margin-left: 0px !important;
    margin-top: 10px !important;
  }
  .ulSty4 li {
    height: 271px;
    margin-bottom: 10px;
    overflow: inherit;
  }
  .ulSty4 li .in-item {
    width: 100%;
    height: 271px;
    overflow: hidden;
    margin: 0px;
  }
  .ulSty4 li .in-item span {
    position: absolute;
    top: 85%;
    left: 0%;
    font-size: 15px;
    font-family: 'Exo 2', sans-serif;
    font-style: italic;
    font-weight: 600;
    width: 100%;
    padding: 10px 0px;
  }
  .ulSty4 li .in-item img {
    min-width: 100%;
    min-height: 100%;
    transform: rotate(0deg);
    transition: all 0.5s;
    margin-left: 0%;
    margin-top: 0%;
    position: relative;
  }
  .ulSty4 li .in-item:hover img {
    margin-left: 0%;
    margin-top: 0%;
    min-width: 100%;
    min-height: 100%;
    transform: rotate(0deg);
  }
  .titleSty3 {
    font-size: 30px;
    font-family: 'Exo 2', sans-serif;
    font-style: italic;
    font-weight: 600;
    margin-top: 50%;
  }
  #mapa1 {
    margin-top: 100px;
  }
  #mapa1 #itemCobertura {
    position: absolute;
    top: -80px;
    left: 0%;
  }
  #mapa1 #itemCobertura .in-title {
    padding: 4px 60px;
    margin-left: 50px;
  }
  #mapa1 #itemCobertura .in-text {
    width: 100%;
    padding: 10px 0px 0px 60px;
  }
  #mapa1 .rutas .in-title {
    font-size: 10px;
    font-family: 'Exo 2', sans-serif;
    font-style: italic;
    font-weight: 600;
  }
  #ul2-seguridad {
    width: 80%;
    margin: 0px auto;
  }
  #fondoContacto {
    width: 97%;
  }
}
@media (min-width: 768px) {
  #header h1 {
    position: relative;
  }
  #header nav {
    font-size: 15px;
    font-family: 'Exo 2', sans-serif;
    font-style: italic;
    font-weight: 600;
    box-shadow: 0px 0px 0px #000;
  }
  #header nav ul {
    padding: 10px 0px 20px 0px;
  }
  #header nav ul li a {
    width: auto;
  }
  #header nav ul li a span {
    padding: 0px 4px;
  }
  .ulSty2 li {
    width: 33.33%;
  }
  .ulSty2 li img {
    width: 60%;
  }
  .ulSty2 li img:hover {
    width: 65%;
  }
  .ulSty3 .in-text {
    width: 70%;
    margin-left: 118px;
    margin-top: -30px;
  }
  .ulSty4 li {
    height: 271px;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .ulSty4 li .in-item {
    width: 95%;
    height: 271px;
    overflow: hidden;
    margin: 0px auto;
  }
  .ulSty4 li .in-item span {
    position: absolute;
    top: 85%;
    left: 3%;
    font-size: 15px;
    font-family: 'Exo 2', sans-serif;
    font-style: italic;
    font-weight: 600;
    width: 100%;
    padding: 10px 0px;
  }
  .ulSty4 li .in-item img {
    min-width: 100%;
    min-height: 100%;
    transform: rotate(0deg);
    transition: all 0.5s;
    margin-left: 0%;
    margin-top: 0%;
  }
  .ulSty4 li .in-item:hover img {
    margin-left: -40%;
    margin-top: -10%;
    min-width: 150%;
    min-height: 150%;
    transform: rotate(-5deg);
  }
  .titleSty3 {
    font-size: 40px;
    font-family: 'Exo 2', sans-serif;
    font-style: italic;
    font-weight: 600;
    margin-top: 13%;
  }
  #mapa1 #itemCobertura {
    position: absolute;
    top: 36%;
    left: 61.5%;
  }
  #mapa1 #itemCobertura .in-title {
    padding: 4px 60px;
  }
  #mapa1 #itemCobertura .in-text {
    width: 70%;
    padding: 10px 0px 0px 60px;
  }
}
@media (min-width: 992px) {
  #header h1 {
    position: relative;
  }
  #header nav {
    font-size: 15px;
    font-family: 'Exo 2', sans-serif;
    font-style: italic;
    font-weight: 600;
    box-shadow: 0px 0px 0px #000;
  }
  #header nav ul {
    padding: 24px 0px 10px 0px;
  }
  #header nav ul li a {
    width: auto;
  }
  #header nav ul li a span {
    padding: 0px 8px;
  }
  .ulSty2 li {
    width: 33.33%;
  }
  .ulSty2 li img {
    width: 60%;
  }
  .ulSty2 li img:hover {
    width: 65%;
  }
  .ulSty3 .in-text {
    width: 70%;
    margin-left: 118px;
    margin-top: -30px;
  }
  .ulSty4 li {
    height: 271px;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .ulSty4 li .in-item {
    width: 95%;
    height: 271px;
    overflow: hidden;
    margin: 0px auto;
  }
  .ulSty4 li .in-item span {
    position: absolute;
    top: 85%;
    left: 3%;
    font-size: 15px;
    font-family: 'Exo 2', sans-serif;
    font-style: italic;
    font-weight: 600;
    width: 100%;
    padding: 10px 0px;
  }
  .ulSty4 li .in-item img {
    min-width: 100%;
    min-height: 100%;
    transform: rotate(0deg);
    transition: all 0.5s;
    margin-left: 0%;
    margin-top: 0%;
  }
  .ulSty4 li .in-item:hover img {
    margin-left: -40%;
    margin-top: -10%;
    min-width: 150%;
    min-height: 150%;
    transform: rotate(-5deg);
  }
  .titleSty3 {
    font-size: 40px;
    font-family: 'Exo 2', sans-serif;
    font-style: italic;
    font-weight: 600;
    margin-top: 13%;
  }
  #mapa1 #itemCobertura {
    position: absolute;
    top: 36%;
    left: 61.5%;
  }
  #mapa1 #itemCobertura .in-title {
    padding: 4px 60px;
  }
  #mapa1 #itemCobertura .in-text {
    width: 70%;
    padding: 10px 0px 0px 60px;
  }
}
@media (min-width: 1200px) {
  #header h1 {
    position: relative;
  }
  #header nav {
    font-size: 15px;
    font-family: 'Exo 2', sans-serif;
    font-style: italic;
    font-weight: 600;
    box-shadow: 0px 0px 0px #000;
  }
  #header nav ul {
    padding: 24px 0px 10px 0px;
  }
  #header nav ul li a {
    width: auto;
  }
  #header nav ul li a span {
    padding: 0px 5px;
  }
  .ulSty2 li {
    width: 20%;
  }
  .ulSty2 li img {
    width: 90%;
  }
  .ulSty2 li img:hover {
    width: 95%;
  }
  .ulSty3 .in-text {
    width: 70%;
    margin-left: 118px;
    margin-top: -30px;
  }
  .ulSty4 {
    display: block !important;
    width: 100% !important;
  }
  .ulSty4 li {
    height: 271px;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .ulSty4 li .in-item {
    width: 95%;
    height: 271px;
    overflow: hidden;
    margin: 0px auto;
  }
  .ulSty4 li .in-item span {
    position: absolute;
    top: 85%;
    left: 3%;
    font-size: 15px;
    font-family: 'Exo 2', sans-serif;
    font-style: italic;
    font-weight: 600;
    width: 100%;
    padding: 10px 0px;
  }
  .ulSty4 li .in-item img {
    min-width: 100%;
    min-height: 100%;
    transform: rotate(0deg);
    transition: all 0.5s;
    margin-left: 0%;
    margin-top: 0%;
  }
  .ulSty4 li .in-item:hover img {
    margin-left: -40%;
    margin-top: -10%;
    min-width: 150%;
    min-height: 150%;
    transform: rotate(-5deg);
  }
  .titleSty3 {
    font-size: 46px;
    font-family: 'Exo 2', sans-serif;
    font-style: italic;
    font-weight: 600;
    margin-top: 13%;
  }
  #mapa1 #itemCobertura {
    position: absolute;
    top: 36%;
    left: 61.5%;
  }
  #mapa1 #itemCobertura .in-title {
    padding: 4px 60px;
  }
  #mapa1 #itemCobertura .in-text {
    width: 70%;
    padding: 10px 0px 0px 60px;
  }
}
.h50 {
  height: 50px !important;
}
.h30 {
  height: 30px !important;
}
