.fs10 {
  font-size: 0.625rem;
}

.fs12 {
  font-size: 0.75rem;
}

.fs14 {
  font-size: 0.875rem;
}

.fs16 {
  font-size: 1rem;
}

.fs18 {
  font-size: 1.125rem;
}

.fs20 {
  font-size: 1.25rem;
}

.fs22 {
  font-size: 1.375rem;
}

.fs24 {
  font-size: 1.5rem;
}

.fs26 {
  font-size: 1.625rem;
}

.fs28 {
  font-size: 1.75rem;
}

.fs30 {
  font-size: 1.875rem;
}

.fs32 {
  font-size: 2rem;
}

.fs48 {
  font-size: 3rem;
}

.lh14 {
  line-height: 0.875rem;
}

.lh16 {
  line-height: 1rem;
}

.lh18 {
  line-height: 1.125rem;
}

.lh20 {
  line-height: 1.25rem;
}

.lh22 {
  line-height: 1.375rem;
}

.lh24 {
  line-height: 1.5rem;
}

.lh26 {
  line-height: 1.625rem;
}

.lh28 {
  line-height: 1.75rem;
}

.lh30 {
  line-height: 1.875rem;
}

.lh32 {
  line-height: 2rem;
}

.lh40 {
  line-height: 2.75rem;
}

.lSpace100 {
  letter-spacing: 0.08rem;
}

.lSpace50, header nav ul li a {
  letter-spacing: 0.05rem;
}

.lSpace25, body {
  letter-spacing: 0.02rem;
}

.font-weight-semi {
  font-weight: 600;
}

* {
  outline: none !important;
}

a {
  color: inherit;
}
a:hover {
  color: inherit;
}

body {
  font-family: "Open Sans", sans-serif;
  background-color: #191919;
  color: #ffffff;
  position: relative;
}
body #go-to-top {
  display: none;
  bottom: 100px;
  right: 15px;
}
body #go-to-top a {
  border-radius: 100%;
  width: 47px;
  height: 47px;
  text-decoration: none !important;
  background-color: #ffffff;
}
body #go-to-top a i {
  color: #252525;
}

header {
  background-color: #191919;
}
@media (max-width: 767.98px) {
  header {
    position: fixed !important;
    width: 100%;
  }
}
header .navbar-toggler {
  right: 15px;
}
header #switch-lang a {
  color: #bfbfbf !important;
}
@media (max-width: 767.98px) {
  header nav ul li {
    width: 100%;
    text-align: center;
  }
}
header nav ul li a {
  transition: 0.4s;
  color: #bfbfbf;
}
header nav ul li a.active {
  background-color: transparent !important;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  header #logo img {
    width: 85px;
  }
}

@media (max-width: 767.98px) {
  main {
    margin-top: 100px;
  }
}
main a {
  text-decoration: underline;
}
main a:hover {
  text-decoration: none;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  main #gallery #dev_proj_es img,
  main #gallery #almacen_en img {
    width: 17px !important;
  }
}
main #gallery .item-gallery {
  padding: 0.5px !important;
}
main #gallery .item-gallery:hover .label-title {
  opacity: 0;
}
main #gallery .item-gallery .bg-gallery {
  background-size: cover;
  background-position: center;
  width: 100%;
  padding-bottom: 150%;
  opacity: 0.3;
  transition: 0.5s;
}
main #gallery .item-gallery .bg-gallery:hover {
  opacity: 1;
}
@media (hover: none) {
  main #gallery .item-gallery .bg-gallery:hover {
    opacity: 0.3;
  }
}
main #gallery .item-gallery .bg-gallery:hover ~ .more-gallery, main #gallery .item-gallery .bg-gallery:hover ~ .label-text {
  opacity: 1;
}
@media (hover: none) {
  main #gallery .item-gallery .bg-gallery:hover ~ .label-title {
    opacity: 1;
  }
}
main #gallery .item-gallery .more-gallery {
  position: absolute;
  opacity: 0;
  transition: 0.5s;
  padding-top: 8px;
  width: 85px;
  height: 85px;
  background-color: #ffffff;
  border-radius: 100%;
  font-size: 64px;
  line-height: 100%;
  color: #191919;
  font-weight: 300;
  pointer-events: none;
}
@media (hover: none) {
  main #gallery .item-gallery .more-gallery {
    opacity: 1;
  }
}
@media (max-width: 991.98px) {
  main #gallery .item-gallery .more-gallery {
    width: 65px;
    height: 65px;
    line-height: 70%;
  }
}
main #gallery .item-gallery .label-title {
  transition: 0.5s;
  position: absolute;
  bottom: 30px;
  left: 20px;
  pointer-events: none;
}
main #gallery .item-gallery .label-title h1 {
  margin: 0;
}
@media (max-width: 575.98px) {
  main #gallery .item-gallery .label-title {
    bottom: 15px !important;
    opacity: 1;
  }
}
@media (max-width: 575.98px) {
  main #gallery .item-gallery .label-title img {
    width: 85% !important;
  }
}
@media (max-width: 480px) {
  main #gallery .item-gallery .label-title img {
    width: 70% !important;
  }
}
@media (max-width: 400px) {
  main #gallery .item-gallery .label-title img {
    width: 55% !important;
  }
}
main #contactForm input,
main #contactForm select,
main #contactForm textarea {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid #ffffff;
  padding-left: 0;
  color: #ffffff;
  font-weight: 300;
}
main #contactForm input::-webkit-input-placeholder,
main #contactForm select::-webkit-input-placeholder,
main #contactForm textarea::-webkit-input-placeholder {
  color: #ffffff;
  font-weight: 400;
}
main #contactForm input::-moz-placeholder,
main #contactForm select::-moz-placeholder,
main #contactForm textarea::-moz-placeholder {
  color: #ffffff;
  font-weight: 400;
}
main #contactForm input:-ms-input-placeholder,
main #contactForm select:-ms-input-placeholder,
main #contactForm textarea:-ms-input-placeholder {
  color: #ffffff;
  font-weight: 400;
}
main #contactForm input:-moz-placeholder,
main #contactForm select:-moz-placeholder,
main #contactForm textarea:-moz-placeholder {
  color: #ffffff;
  font-weight: 400;
}
main #contactForm select {
  font-weight: 400;
}
main #contactForm option {
  color: #191919;
}
main #contactForm button {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-weight: 300;
  border-radius: 0;
  width: 215px;
  height: 65px;
  transition: 0.5s;
}
main #contactForm button:hover {
  background-color: #ffffff;
  color: #191919;
}
main #contactForm input[type=checkbox] {
  background-color: transparent;
  border: 1px solid white;
  outline: none;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  top: -1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
main #contactForm input[type=checkbox]:checked {
  border: 0;
}
main #contactForm input[type=checkbox]:checked:after {
  content: "\f00c";
  position: absolute;
  top: -3px;
  left: 1px;
  color: #ffffff;
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
main #message,
main #message-error {
  display: none;
}
main #map {
  width: 100%;
  padding-bottom: 80%;
  -webkit-filter: grayscale(100%);
  -webkit-filter: grayscale(1);
  filter: grayscale(100%);
  filter: url("../img/gray.svg#grayscale");
  filter: gray;
}
main .bg-image {
  width: 100%;
  padding-bottom: 75%;
  background-size: cover;
  background-position: center;
}
main .bg-alternate {
  background-color: #252525;
}

.button-link {
  color: #bfbfbf;
  background-color: transparent;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.button-link:hover {
  color: #bfbfbf;
  text-decoration: underline;
}

footer {
  text-transform: uppercase;
  color: #bfbfbf;
}
footer a {
  color: #bfbfbf;
}
footer a:hover {
  color: #bfbfbf;
}

#legal a {
  word-break: break-all;
  text-decoration: underline;
}
#legal a:hover {
  text-decoration: none;
}

/* FANCYBOX */
.fancybox-content {
  max-width: 800px;
}

.fancybox-button {
  background-color: #ffffff !important;
  color: #191919 !important;
}
.fancybox-button:focus, .fancybox-button:hover {
  background-color: #191919 !important;
  color: #ffffff !important;
}

/* FANCYBOX THUMBNAILS GRID */
.fancybox-thumbs {
  background: rgba(0, 0, 0, 0.3) !important;
}

.fancybox-thumbs__list a:before {
  border-color: #ffffff !important;
}

.fancybox-caption {
  background: rgba(30, 30, 30, 0.9);
}
@media (min-width: 1200px) {
  .fancybox-caption {
    padding-left: 25%;
    padding-right: 25%;
  }
}

/*** BOOTSTRAP 4 BREAKPOINTS ***/
#cc-main {
  color-scheme: dark;
  --cc-bg: #252525;
  --cc-primary-color: rgb(239, 244, 246);
  --cc-secondary-color: #b1bdc3;
  --cc-btn-primary-bg: transparent;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-bg: #fff;
  --cc-btn-primary-hover-color: #000;
  --cc-btn-border-radius: 0;
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #fff;
  --cc-btn-secondary-hover-bg: #fff;
  --cc-btn-secondary-hover-color: #000;
  --cc-btn-secondary-border-color: #fff;
  --cc-toggle-on-bg: #fff;
  --cc-toggle-off-bg: #595959;
  --cc-toggle-readonly-bg: #595959;
  --cc-toggle-readonly-knob-bg: #252525;
  --cc-cookie-category-block-bg: #000000;
  --cc-cookie-category-block-hover-bg: #000;
}

/*# sourceMappingURL=style.css.map */