@import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap');

.space { margin-top: 1em; margin-bottom: 1em; }
.max-space-top { margin-top: 1em; }
.max-space { margin-top: 2em; margin-bottom: 2em; }
.max-space-bottom { margin-bottom: 2em; }
.bottom-space { margin-bottom: 1em; }
.bold { font-weight: bold; }
.gray { color: #7c7c7c; }
.white { color: #0e1c2c; }
.cell.clear { height: 30px; }
.top-menu { background-color: #fff; }
.main-menu li a { color: #333; font-weight: bold; font-size: 1.2em; padding: .5em 2em; }
@media screen and (max-width: 39.9375em) {
  .main-menu li a {  padding: .5em .5em; }
}
.main-menu a.active { color: #36C5F1; }
.main-menu a.contact { font-weight: bold; color: #F4388E !important; }
.top-menu { padding: .1em 0; }
.bg-top { background: url('../img/bgs/ad1.jpg')no-repeat top center; background-size: cover; }
.box-in-text { padding-top: 200px; padding-bottom: 50px; }
.box-wel h1 { font-weight: 900; }
.box-wel p {  font-size: 1.4em; font-weight: 900; }
.box-conta { background: url('../img/bgs/ads.jpg')no-repeat center; background-size: cover; padding: 2em; }
.box-finanzas { background: url('../img/bgs/impresion.jpg')no-repeat center; background-size: cover; padding: 2em; }
.box-finanzas p, .box-fiscal p, .box-legal p { font-size: 1.3em; }
.box-fiscal { background: url('../img/bgs/computadoras.jpg')no-repeat center; background-size: cover; padding: 2em; }
.box-legal { background: url('../img/bgs/consultoria.jpg')no-repeat center; background-size: cover; padding: 2em; }
.box-servicios  img { min-height: 197px; }
.box-servicios { padding: 50px; margin-top: 20px; margin-bottom: 20px; }
.box-servicios p.sp { color: #666; font-size: 1.1em; font-weight: 900;}
.box-design { background: url('../img/bgs/design.jpg')no-repeat center; background-size: cover; padding: 2em; }
.box-footer { padding-top: 40px; padding-bottom: 20px; }
.bg-contacto { background: url('../img/bgs/contacto.jpg')no-repeat center center; background-size: cover; }
#wrp-contacto input, #wrp-contacto textarea{ text-align: center; font-size: 1.1em; }
#wrp-contacto label{ font-size: 1em; color: #5d5d5d; }
#wrp-contacto .lead { font-size: 1.2em; color: #678; font-weight: bold; }

.snip1398 {
  font-family: 'Poppins', Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
}
.snip1398 * {
  box-sizing: border-box;
  -webkit-transition: all 0.35s linear;
  transition: all 0.35s linear;
}
.snip1398 li {
  display: inline-block;
  list-style: outside none none;
  margin: 0.5em em;
  overflow: hidden;
}
.snip1398 a {
  padding: 0.3em 0.8em;
  backface-visibility: hidden;
  color: #bfbfbf;
  display: block;
  line-height: 2em;
  padding: 0 1em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.snip1398 a:after {
  -webkit-transition: all 0.35s linear;
  transition: all 0.35s linear;
  background-color: #e67e22;
  color: transparent;
  content: attr(data-hover);
  left: 0;
  line-height: 2em;
  position: absolute;
  top: 100%;
  width: 100%;
  opacity: 0.4;
}
.snip1398 li:hover a,
.snip1398 li.current a {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  color: transparent;
}
.snip1398 li:hover a:after,
.snip1398 li.current a:after {
  opacity: 1;
  color: #ffffff;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}