.mouse-anim p {
  margin-top: 20px;
  letter-spacing: 12px;
  text-indent: 12px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1.3em;
  color: #ffffff;
  -webkit-animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
          animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
}

.mouse {
  background: #4e5559 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #ffffff), to(#ffffff));
  background: #4e5559 -o-linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
  background: #4e5559 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
  position: relative;
  width: 52px;
  height: 88px;
  background-size: 100% 100%;
  border-radius: 100px;
  background-size: 225%;
  margin: 0 auto;
  -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
          animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
}
.mouse:before, .mouse:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.mouse:before {
  width: 46px;
  height: 82px;
  background-color: #222a30;
  border-radius: 100px;
}
.mouse:after {
  background-color: #ffffff;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-animation: trackBallSlide 5s linear infinite;
          animation: trackBallSlide 5s linear infinite;
}

@-webkit-keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  90%, 100% {
    background-color: #ffffff;
  }
}

@keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  90%, 100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}
@keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}
@-webkit-keyframes hideMouseAnim {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
@keyframes hideMouseAnim {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
.typed-cursor {
  opacity: 1;
  animation: typedjsBlink 0.7s infinite;
  -webkit-animation: typedjsBlink 0.7s infinite;
  animation: typedjsBlink 0.7s infinite;
}

@keyframes typedjsBlink {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes typedjsBlink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.typed-fade-out {
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  -webkit-animation: 0;
  animation: 0;
}

/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.5em;
}

.slicknav_menu {
  margin-top: -8vh;
  *zoom: 1;
}

.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left;
}

.slicknav_menu .slicknav_icon {
  float: left;
  width: 1.125em;
  height: 0.875em;
  margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_icon:before {
  background: transparent;
  width: 1.125em;
  height: 0.875em;
  display: block;
  content: "";
  position: absolute;
}

.slicknav_menu .slicknav_no-text {
  margin: 0;
}

.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 3.125em;
  height: 0.35em;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.slicknav_menu:before {
  content: " ";
  display: table;
}

.slicknav_menu:after {
  content: " ";
  display: table;
  clear: both;
}

.slicknav_nav {
  clear: both;
}

.slicknav_nav ul {
  display: block;
}

.slicknav_nav li {
  display: block;
  font-size: 1.5em;
  letter-spacing: 0.1em;
}

.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em;
}

.slicknav_nav .slicknav_item {
  cursor: pointer;
}

.slicknav_nav .slicknav_item a {
  display: inline;
}

.slicknav_nav .slicknav_row {
  display: block;
}

.slicknav_nav a {
  display: block;
}

.slicknav_nav .slicknav_parent-link a {
  display: inline;
}

.slicknav_brand {
  float: left;
}

.slicknav_menu {
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px;
}

.slicknav_menu * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 3px #000;
}

.slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
}

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border-radius: 4px;
}

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  padding-top: 5vh;
  overflow: hidden;
}

.slicknav_nav ul {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 20px;
}

.slicknav_nav .slicknav_row {
  padding: 5px 10px;
  margin: 2px 5px;
}

.slicknav_nav .slicknav_row:hover {
  border-radius: 6px;
  background: #ccc;
  color: #fff;
}

.slicknav_nav a {
  padding: 5px 10px;
  margin: 2px 5px;
  text-decoration: none;
  color: #fff;
}

.slicknav_nav a:hover {
  border-radius: 6px;
  background: #ccc;
  color: #222;
}

.slicknav_nav .slicknav_txtnode {
  margin-left: 15px;
}

.slicknav_nav .slicknav_item a {
  padding: 0;
  margin: 0;
}

.slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0;
}

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
}

.movil {
  display: none;
}

.desktop {
  margin-top: -7px;
}

.desktoptop {
  margin-top: 0px;
}

body {
  -moz-transform: scale(0.8, 0.8);
  /* Moz-browsers */
  zoom: 0.8;
  /* Other non-webkit browsers */
  zoom: 80%;
  /* Webkit browsers */
}

.margin-b-1 {
  margin-bottom: 20px;
}

.margin-b-2 {
  margin-bottom: 40px;
}

.margin-b-3 {
  margin-bottom: 60px;
}

.copy-secondary {
  color: #429EA8 !important;
}

.bg-secondary {
  background-color: #EAEAEA !important;
}

body {
  font-family: "Helvetica Neue", Roboto, Arial, sans-serif;
}

p {
  margin-bottom: 0;
  font-weight: 300;
}

img {
  max-width: 100%;
}

br.br-xlarge {
  display: none;
}

.footer-logos .col-2 {
  width: calc(100% / 7);
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
  max-width: inherit;
}

.button {
  font-size: 22px;
  padding: 7px 18px;
  border: 1px solid #6F6F6E;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.button:hover {
  text-decoration: none;
}

.btn-teal {
  border-color: #54A4AF;
  color: #54A4AF;
}
.btn-teal:hover {
  background-color: #54A4AF;
  color: #fff;
}
.btn-teal:active {
  -webkit-box-shadow: inset 4px 4px 0px #316268;
          box-shadow: inset 4px 4px 0px #316268;
}

.btn-white {
  border-color: #fff;
  color: #fff;
}
.btn-white:hover {
  background-color: #fff;
  color: #333;
}

.btn-black {
  border-color: #333;
  color: #333;
  background-color: #fff;
}
.btn-black:hover {
  background-color: #333;
  color: #fff;
}

.containerjeet {
  float: left;
  clear: none;
  text-align: inherit;
  width: 87.125%;
  margin-left: 6.4375%;
  margin-right: 3%;
  display: block;
}
.containerjeet::after {
  content: "";
  display: table;
  clear: both;
}
.containerjeet:last-child {
  margin-right: 0%;
}

.container {
  max-width: 100%;
}

.container-fluid {
  padding: 0;
}

@media (min-width: 576px) {
  br.br-xlarge {
    display: block;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1400px;
  }
}
.wrap-mapa {
  background-image: url(../img/mapa.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
  height: 455px;
}
.wrap-mapa [class*=trigger-] {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 30px;
  opacity: 0;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.wrap-mapa [class*=trigger-]:hover {
  opacity: 1;
}
.wrap-mapa .wrap-figures {
  width: 260px;
}
.wrap-mapa figure {
  float: left;
  width: 41px;
  margin-right: 10px;
}
.wrap-mapa figure > div {
  margin-bottom: 3px;
}
.wrap-mapa img {
  height: 28px;
}
.wrap-mapa figcaption {
  font-size: 0.8em;
  line-height: 1;
  text-shadow: 2px 2px #333;
}
.wrap-mapa .trigger-1 {
  top: 40%;
  left: 17%;
}
.wrap-mapa .trigger-2 {
  top: 50%;
  left: 17.5%;
}
.wrap-mapa .trigger-3 {
  top: 55%;
  left: 21%;
}
.wrap-mapa .trigger-4 {
  top: 63%;
  left: 24.5%;
}
.wrap-mapa .trigger-5 {
  top: 38%;
  left: 26.5%;
}
.wrap-mapa .trigger-6 {
  top: 29%;
  right: 44%;
}
.wrap-mapa .trigger-7 {
  top: 50%;
  right: 37%;
}

header {
  background-color: #333333;
  padding: 15px 0;
}
header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
header ul {
  list-style-type: none;
  margin: 15px 0 0 0;
  padding: 0;
}
header ul li {
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  background-color: transparent;
  font-size: 1em;
  font-weight: 300;
}
header ul li:hover {
  background-color: #666666;
}
header ul a {
  color: #fff;
  padding: 5px 15px;
  display: inline-block;
}
header ul a:hover, header ul a:active, header ul a:focus {
  text-decoration: none;
  color: #fff;
}
header .wrap-button {
  margin-left: 10px;
}
header .wrap-button .button {
  background-color: #54A4AF;
  padding: 5px 15px;
  font-weight: bold;
  font-size: 1em;
  border-color: transparent;
}
header .wrap-button .button:hover {
  background-color: #316268;
}
header .languages {
  position: absolute;
  top: -15px;
  right: 15px;
}
header .languages .button {
  font-size: 0.8em;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  float: left;
  text-transform: uppercase;
  background-color: #404040;
  border-color: #404040;
}
header .languages .button.active {
  background-color: #666666;
  border-color: #666666;
}

.valores {
  background-color: #EAEAEA;
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
}
.valores .band-valores {
  padding-top: 50px;
  padding-bottom: 40px;
  text-align: center;
  color: #797979;
  font-family: "Helvetica Neue", Roboto, Arial, sans-serif;
  font-size: 1.3rem;
}
.valores .band-valores h2 {
  color: #6F6F6E;
}
.valores .band-valores h3 {
  padding: 15px 0px 10px;
  border-bottom: 2px solid #006580;
  margin: 0 15%;
}
.valores .band-valores .wrap-flag {
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.valores .band-valores .wrap-flag::after {
  content: "";
  display: table;
  clear: both;
}
.valores .band-valores .wrap-flag:last-child {
  margin-right: 0%;
}
.valores .band-valores .wrap-flag > div {
  margin: 0 10px 10px 0;
}
.valores .band-valores .wrap-flag > div:nth-child(1) {
  margin-left: 0;
}
.valores .band-valores .wrap-flag > div:last-child {
  margin-right: 0;
}
footer h2 {
  font-weight: 300;
  font-size: 3em;
  text-align: center;
}
footer .band-mapa {
  background-color: #333333;
  padding-top: 50px;
  padding-bottom: 50px;
  color: #fff;
}
footer .band-mapa p {
  font-size: 1.3em;
  line-height: 1.3;
  text-align: justify;
}
footer .band-mapa .wrap-button {
  text-align: center;
}
footer .band-certificaciones {
  padding-top: 50px;
  padding-bottom: 40px;
  text-align: center;
}
footer .band-certificaciones h2 {
  color: #6F6F6E;
}
footer .band-certificaciones .wrap-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .band-certificaciones .wrap-logos > div {
  margin: 0 10px 10px 0;
}
footer .band-certificaciones .wrap-logos > div:nth-child(1) {
  margin-left: 0;
}
footer .band-certificaciones .wrap-logos > div:last-child {
  margin-right: 0;
}
footer .band-certificaciones .wrap-logos .certificacion {
  float: left;
  clear: none;
  text-align: inherit;
  width: 17.6%;
  margin-left: 6.8666666667%;
  margin-right: 3%;
}
footer .band-certificaciones .wrap-logos .certificacion::after {
  content: "";
  display: table;
  clear: both;
}
footer .band-certificaciones .wrap-logos .certificacion:last-child {
  margin-right: 0%;
}
footer .band-logos {
  background-color: #333333;
  padding-top: 15px;
  padding-bottom: 15px;
}
footer .band-logos .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
footer .band-logos .logo img {
  height: 73px;
}

main {
  min-height: 500px;
}
main .container {
  padding-top: 50px;
  padding-bottom: 50px;
}
main .containernosotros {
  padding: 0 50px 50px 50px;
}
main .containernosotros p {
  color: #797979;
}
main h2 {
  color: #6F6F6E;
  font-weight: 300;
  font-size: 3em;
}
main .leadspace {
  text-align: center;
  min-height: 349px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main .leadspace h1 {
  color: #6F6F6E;
  font-size: 2.3em;
  font-family: "Roboto";
  font-weight: 300;
}
main .center p {
  font-size: 1.4em;
  line-height: 1.4;
  font-weight: 300;
  text-align: justify;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
main .monitoreo {
  color: #6F6F6E;
  font-family: "Roboto";
  font-weight: 300;
}
main .monitoreo h1 {
  text-align: center;
  font-size: 1.4em;
  padding-bottom: 18px;
}
main .monitoreo h2 {
  text-align: center;
  font-size: 2.3em;
  padding-bottom: 18px;
}
main .monitoreo p {
  font-size: 1.4em;
  line-height: 1.4;
  font-weight: 300;
  text-align: center;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
main .monitoreo .monalign {
  font-size: 1.2em;
  margin: 0 18%;
}
main .monitoreo .monalign h1 {
  margin-top: 35px;
  margin-bottom: 20px;
  text-align: left;
}
main .monitoreo .monalign p {
  text-align: left;
}
main .monitoreo ul {
  font-size: 1.7em;
  color: #6F6F6E;
  font-family: "Roboto";
  font-weight: 300;
  margin: 0 23%;
}
main .band-servicios {
  text-align: center;
}
main .band-servicios h2 {
  display: inline-block;
  position: relative;
  font-size: 2em;
  font-family: "Roboto";
}
main .band-servicios h2:after {
  content: "";
  position: absolute;
  background-color: #6F6F6E;
  height: 4px;
  width: 150%;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
main .band-servicios h1 {
  display: inline-block;
  position: relative;
  font-size: 2em;
  font-family: "Roboto";
  color: #6F6F6E;
}
main .band-servicios figure > div {
  height: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main .band-servicios figcaption {
  color: #6F6F6E;
  font-size: 1.3em;
  line-height: 1.3;
  font-family: "Roboto";
}
main .band-servicios figcaption h1 {
  text-align: center;
  font-size: 1.5rem;
  padding-top: 10%;
  padding-bottom: 5%;
}
main .band-servicios figcaption .telp {
  margin: 0 28%;
  text-align: center;
}
main .band-servicios figcaption p {
  margin: 0 15%;
  text-align: justify;
}

.inicio .wrap-video {
  position: relative;
  height: calc(100vh - 127px);
  overflow: hidden;
}
.inicio video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inicio .text-anim {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 4em;
  font-weight: 700;
  color: #fff;
}
.inicio .mouse-anim {
  position: absolute;
  bottom: 10px;
  left: 50%;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  -webkit-animation: hideMouseAnim 10s ease-in;
          animation: hideMouseAnim 10s ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.inicio .band-2 {
  text-align: center;
}
.inicio .band-2 p {
  color: #6F6F6E;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.3;
}
.inicio .band-soluciones {
  text-align: center;
}
.inicio .band-soluciones [class*=col-] {
  min-height: 400px;
  background-color: #333;
  color: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}
.inicio .band-soluciones [class*=col-] > * {
  width: 100%;
}

.trm .leadspace {
  background-image: url(../img/trmLeadspace.png);
}

.telematica .leadspace {
  background-image: url(../img/telematicaLeadspace.png);
}

.gpssecurite .leadspace {
  background-image: url(../img/gurtamLeadspace.png);
}
.gpssecurite .leadspace .container {
  padding-top: 20px;
}
.gpssecurite .band-img {
  min-height: 360px;
  background-image: url(../img/main-02.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.gurtam .leadspace {
  background-image: url(../img/gurtamLeadspace.png);
}

.maxoptra .leadspace {
  background-image: url(../img/maxoptraLeadspace.png);
}

.systemes .leadspace {
  background-image: url(../img/systemesLeadspace.png);
}
.systemes .leadspace .container {
  padding-top: 20px;
}

.contacto .band-telefonos {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1.2em;
}
.contacto .band-telefonos p {
  line-height: 1;
  font-weight: 400;
  font-family: "Roboto";
}
.contacto input[type=text],
.contacto input[type=email],
.contacto select {
  border: 0;
  border-bottom: 2px solid #333;
  border-radius: 0;
  padding-top: 0;
}
.contacto textarea {
  border-radius: 0;
  border-color: #333;
  border-width: 2px;
}
.contacto .button {
  line-height: 1;
  display: block;
  margin: 0 auto;
  width: 150px;
  border-width: 2px;
}
.contacto .wrap-mapa figcaption {
  color: #fff;
}

.collague .info {
  text-align: center;
  position: absolute;
  width: 100%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.collague .info p {
  color: #FFF;
  margin: 3% 0px 10%;
  font-size: 1.2em;
  font-weight: lighter;
}
.collague .info a {
  background-color: transparent;
  border: 1px solid white;
  padding: 2% 6%;
  font-size: 1.5em;
  font-weight: lighter;
  color: #FFF;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.collague .info a:hover {
  text-decoration: none;
  background-color: white;
  color: black;
}
.collague .wrapleft {
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
}
.collague .wrapleft::after {
  content: "";
  display: table;
  clear: both;
}
.collague .wrapleft:last-child {
  margin-right: 0%;
}
.collague .wrapleft .wrapcontentleft {
  position: relative;
  max-width: 100%;
}
.collague .wrapright {
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
  position: relative;
  max-width: 100%;
}
.collague .wrapright::after {
  content: "";
  display: table;
  clear: both;
}
.collague .wrapright:last-child {
  margin-right: 0%;
}
.collague .wrapbottom {
  position: relative;
  max-width: 100%;
}
.collague .wrapbottom img {
  margin-top: -7px;
}
.collague .wrapbottom .info p {
  margin: 2% 0px 2%;
}
.collague .wrapbottom .info a {
  padding: 1% 2.8%;
}

.footer {
  display: inline-block;
}
.footer .texto {
  float: left;
  clear: none;
  text-align: inherit;
  width: 35.625%;
  margin-left: 0%;
  margin-right: 3%;
}
.footer .texto::after {
  content: "";
  display: table;
  clear: both;
}
.footer .texto:last-child {
  margin-right: 0%;
}
.footer .mapa {
  float: left;
  clear: none;
  text-align: inherit;
  width: 61.375%;
  margin-left: 0%;
  margin-right: 3%;
}
.footer .mapa::after {
  content: "";
  display: table;
  clear: both;
}
.footer .mapa:last-child {
  margin-right: 0%;
}

.trm .infotrm {
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.3333333333%;
  margin-left: 0%;
  margin-right: 3%;
}
.trm .infotrm::after {
  content: "";
  display: table;
  clear: both;
}
.trm .infotrm:last-child {
  margin-right: 0%;
}

.contactoform {
  width: 100%;
  display: inline-block;
}
.contactoform .info {
  float: left;
  clear: none;
  text-align: inherit;
  width: 35.625%;
  margin-left: 0%;
  margin-right: 3%;
}
.contactoform .info::after {
  content: "";
  display: table;
  clear: both;
}
.contactoform .info:last-child {
  margin-right: 0%;
}
.contactoform .mapa {
  float: left;
  clear: none;
  text-align: inherit;
  width: 61.375%;
  margin-left: 0%;
  margin-right: 3%;
}
.contactoform .mapa::after {
  content: "";
  display: table;
  clear: both;
}
.contactoform .mapa:last-child {
  margin-right: 0%;
}

.telefonos {
  float: left;
  clear: none;
  text-align: inherit;
  width: 14.1666666667%;
  margin-left: 0%;
  margin-right: 3%;
}
.telefonos::after {
  content: "";
  display: table;
  clear: both;
}
.telefonos:last-child {
  margin-right: 0%;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .inicio .wrap-video {
    height: auto;
  }

  header .languages .button {
    font-size: 1em;
    letter-spacing: 0.1em;
  }

  .slicknav_menu {
    width: 100vw;
    margin: -8.5vh 0 auto -15px;
    display: block;
  }

  #menumovil {
    width: 100%;
  }

  .contactoform .info, .contactoform .mapa {
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .contactoform .info::after, .contactoform .mapa::after {
    content: "";
    display: table;
    clear: both;
  }
  .contactoform .info:last-child, .contactoform .mapa:last-child {
    margin-right: 0%;
  }

  .footer .texto, .footer .mapa {
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .footer .texto::after, .footer .mapa::after {
    content: "";
    display: table;
    clear: both;
  }
  .footer .texto:last-child, .footer .mapa:last-child {
    margin-right: 0%;
  }

  .wrap-mapa .trigger-1 {
    top: 42%;
    left: 13%;
  }

  .wrap-mapa .trigger-2 {
    top: 49%;
    left: 14%;
  }

  .wrap-mapa .trigger-3 {
    top: 53%;
    left: 18%;
  }

  .wrap-mapa .trigger-4 {
    top: 59%;
    left: 22%;
  }

  .wrap-mapa .trigger-5 {
    top: 40%;
    left: 24%;
  }

  .wrap-mapa .trigger-6 {
    top: 33%;
    right: 43%;
  }

  .wrap-mapa .trigger-7 {
    top: 49%;
    right: 34%;
  }

  .trm .leadspace .container-fluid .band-servicios .container .row .margin-b-2 .col-4 {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    max-width: 100%;
  }

  .trm .infotrm {
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    margin-top: 10%;
  }
  .trm .infotrm::after {
    content: "";
    display: table;
    clear: both;
  }
  .trm .infotrm:last-child {
    margin-right: 0%;
  }

  main .monitoreo ul {
    margin: 0 5%;
  }

  main .monitoreo .monalign {
    margin: 0 7%;
  }

  .valores .band-valores .wrap-flag {
    float: left;
    clear: none;
    text-align: inherit;
    width: 33.3333333333%;
    margin-left: 11.1111111111%;
    margin-right: 0%;
    margin-bottom: 15px;
  }
  .valores .band-valores .wrap-flag::after {
    content: "";
    display: table;
    clear: both;
  }
  .valores .band-valores .wrap-flag:last-child {
    margin-right: 0%;
  }

  main .container {
    text-align: center;
  }

  .telefonos {
    float: left;
    clear: none;
    text-align: inherit;
    width: 22.75%;
    margin-left: 6.4375%;
    margin-right: 3%;
    margin-bottom: 5%;
  }
  .telefonos::after {
    content: "";
    display: table;
    clear: both;
  }
  .telefonos:last-child {
    margin-right: 0%;
  }

  .collague .wrapleft {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .collague .wrapleft:first-child {
    margin-left: auto;
  }
  .collague .wrapleft:last-child {
    margin-right: auto;
  }

  .collague .wrapright {
    width: 100%;
  }

  .collague .wrapbottom img {
    width: auto;
    height: 100%;
  }

  .movil {
    display: block;
  }

  .desktop, .desktoptop {
    display: none;
  }

  footer .band-logos .logo img {
    height: 55px;
  }
}
@media only screen and (min-device-width: 768px) {
  .s-size {
    height: 130px;
  }
  .s-img {
    height: 100%;
  }
}