@import url('https://fonts.googleapis.com/css2?family=Inconsolata&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; }
h1, h2, h3, h4 { color: #444; }
.bold { font-weight: bold; }
.top-menu { padding-top: 1em; }
.main-menu li a { color: #444; font-weight: bold; font-size: 1.2em; }
.main-menu a.active { color: #868686; }
.main-menu a.contact { background: #000; color: #fff !important; }
.tip { font-size: 1.4em; color: silver; font-family: "Garamond"; }
.title { font-size: 3em; color: #402021; font-family: "Butler"; font-weight: bold; }
.box-products { margin-top: 100px; }
.box-products-items h3 { font-size: 1.2em; text-align: center; }
.box-outfit { background: url('../img/bgs/outfit.jpg')no-repeat; background-size: cover; min-height: 550px; margin-top: 100px; }
.bg-footer { background-color: #fff; border-top: solid 2px #fff; }
.box-footer {  padding-top: 80px; padding-bottom: 60px; }
.box-footer > *, .box-footer a { color: #412022; font-size: 1.1em; }
#wrp-contacto label { font-size: 1.1em; color: #a3a3a3; }
#wrp-contacto .lead { font-size: 1.2em; color: #678; font-weight: bold; }
.snip1189 {
  font-family: 'Inconsolata', Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}
.snip1189 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1189 li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 1em;
  padding: 0;
}
.snip1189 a {
  padding: 0.5em 0.8em;
  margin: 0.2em 0;
  display: block;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  text-decoration: none;
}
.snip1189 a:before,
.snip1189 a:after {
  height: 14px;
  width: 14px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}
.snip1189 a:before {
  left: 0;
  top: 0;
  border-left: 3px solid #c0392b;
  border-top: 3px solid #c0392b;
  -webkit-transform: translate(100%, 50%);
  transform: translate(100%, 50%);
}
.snip1189 a:after {
  right: 0;
  bottom: 0;
  border-right: 3px solid #c0392b;
  border-bottom: 3px solid #c0392b;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
.snip1189 a:hover,
.snip1189 .current a {
  color: #868686;
}
.snip1189 a:hover:before,
.snip1189 .current a:before,
.snip1189 a:hover:after,
.snip1189 .current a:after {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
}