@charset "UTF-8";
@font-face {
  font-family: Roboto-light;
  src: url("../fonts/Roboto-Light.ttf"); }
@font-face {
  font-family: Roboto-regular;
  src: url("../fonts/Roboto-Regular.ttf"); }
@font-face {
  font-family: Roboto-bold;
  src: url("../fonts/Roboto-Bold.ttf"); }
@font-face {
  font-family: Exmouth;
  src: url("../fonts/exmouth_.ttf"); }
@font-face {
  font-family: "rendus";
  src: url("../fonts/rendus.eot");
  src: url("../fonts/rendus.eot?#iefix") format("embedded-opentype"), url("../fonts/rendus.woff") format("woff"), url("../fonts/rendus.ttf") format("truetype"), url("../fonts/rendus.svg#rendus") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "rendus" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[data-icon]:after {
  font-family: "rendus" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:after,
[class*=" icon-"]:after {
  font-family: "rendus" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "rendus" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-twitter:before {
  content: "\61"; }

.icon-heart:before {
  content: "\62"; }

.icon-close:before {
  content: "\63"; }

.icon-facebook:before {
  content: "\64"; }

.icon-google-plus:before {
  content: "\65"; }

.icon-instagram:before {
  content: "\66"; }

.icon-pinterest:before {
  content: "\67"; }

.icon-location:before {
  content: "\6a"; }

.icon-contact:after {
  content: "\6b"; }

.icon-more:before {
  content: "\6c"; }

.icon-wifi:before {
  content: "\68"; }

.icon-building:before {
  content: "\69"; }

.icon-clock:before {
  content: "\6d"; }

.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */ }
  .mfp-3d-unfold .mfp-content {
    perspective: 2000px; }
  .mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg); }
  .mfp-3d-unfold.mfp-bg {
    opacity: 0;
    transition: all 0.5s; }
  .mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: rotateY(0deg); }
  .mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: 0.8; }
  .mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    opacity: 0; }
  .mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0; }

body {
  background: #000000; }

header .logo {
  position: absolute;
  width: 137px;
  height: 159px;
  left: 8%;
  top: 25px;
  z-index: 800; }
header .menu {
  width: 135px;
  height: 75px;
  position: absolute;
  right: 25px;
  top: 47px;
  z-index: 1030; }
  @media screen and (max-width: 697px) {
    header .menu {
      right: -24px; } }
  @media screen and (max-width: 697px) {
    header .menu {
      right: 0; } }
  header .menu a {
    text-decoration: none; }
  header .menu .title {
    font-family: Roboto-regular;
    text-align: center;
    font-size: 20px;
    line-height: 46.28px;
    color: #87868A;
    position: absolute;
    z-index: 1000;
    display: flex;
    left: -23px; }
    header .menu .title .icon-heart {
      display: block;
      -webkit-text-stroke: 0px #FFFFFF;
      color: #D22937;
      text-decoration: none;
      padding-left: 10px;
      padding-top: 4px;
      -webkit-animation: palpitar linear 0.8s infinite;
      -moz-animation: palpitar linear 0.8s infinite;
      -o-animation: palpitar linear 0.8s infinite;
      animation: palpitar linear 0.8s infinite; }
    header .menu .title .icon-close {
      display: none;
      padding-left: 10px;
      padding-top: 4px; }
    @media screen and (max-width: 480px) {
      header .menu .title {
        left: 60px; } }
    @media screen and (max-width: 480px) {
      header .menu .title span {
        display: none; } }
  header .menu .redes {
    font-size: 20px;
    position: absolute;
    left: 83px;
    top: 15px;
    color: #FFF;
    z-index: 2000; }
    header .menu .redes a {
      text-decoration: none;
      color: white;
      transition: 2s linear; }
    header .menu .redes a:hover {
      opacity: 1;
      color: white;
      -webkit-animation: palpitar linear 0.8s infinite;
      -moz-animation: palpitar linear 0.8s infinite;
      -o-animation: palpitar linear 0.8s infinite;
      animation: palpitar linear 0.8s infinite; }
  header .menu .cuerpo {
    width: 300px;
    height: 100vh;
    position: absolute;
    top: -47px;
    right: -24px;
    z-index: 500;
    background: #262426;
    display: none; }
    header .menu .cuerpo .top {
      height: 42%;
      width: 300px;
      position: relative; }
      @media screen and (max-width: 480px) {
        header .menu .cuerpo .top {
          top: -75px; } }
      header .menu .cuerpo .top ul {
        list-style: none;
        margin-top: 175px; }
        header .menu .cuerpo .top ul a {
          text-decoration: none;
          font-family: Roboto-regular;
          font-size: 20px;
          line-height: 46.28px;
          color: #504F51;
          transition: .5s ease; }
        header .menu .cuerpo .top ul a:hover {
          transition: .5s ease;
          color: #D22937; }
      header .menu .cuerpo .top .redes {
        text-align: center;
        position: relative;
        margin-top: 50px;
        left: -103px; }
        @media screen and (max-width: 480px) {
          header .menu .cuerpo .top .redes {
            bottom: -45px; } }
        header .menu .cuerpo .top .redes a {
          margin: 0 5px;
          opacity: 0.6;
          transition: 0.5s linear;
          color: #504F51; }
        header .menu .cuerpo .top .redes a:hover {
          -webkit-animation: palpitar linear 0.8s infinite;
          -moz-animation: palpitar linear 0.8s infinite;
          -o-animation: palpitar linear 0.8s infinite;
          animation: palpitar linear 0.8s infinite;
          color: #FFFFFF;
          opacity: 1;
          transition: 1s linear; }
    header .menu .cuerpo .bottom {
      width: 300px;
      height: 40%;
      background: #181718;
      padding: 20px 31px; }
      header .menu .cuerpo .bottom p {
        font-family: Roboto-regular;
        font-size: 17px;
        line-height: 25px;
        color: #504F51; }
      header .menu .cuerpo .bottom span {
        font-size: 30px;
        color: #504F51; }
header .menu:hover {
  cursor: pointer; }
header .banners article[class*="banner-"] {
  width: 100%;
  height: 100vh; }
  header .banners article[class*="banner-"] h1 {
    font-family: Exmouth;
    font-size: 65px;
    color: #D22937;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    bottom: 120px;
    font-weight: 600; }
    @media screen and (max-width: 480px) {
      header .banners article[class*="banner-"] h1 {
        font-size: 40px; } }

.secciones {
  width: 100%;
  height: 857px; }
  .secciones .imagen-1 {
    width: 99.5%;
    height: 857px; }
    @media screen and (max-width: 767px) {
      .secciones .imagen-1 {
        height: 549px; } }
  .secciones .imagen-2, .secciones .imagen-3 {
    width: 99.5%;
    height: 425px; }
    @media screen and (max-width: 480px) {
      .secciones .imagen-2, .secciones .imagen-3 {
        height: 240px; } }
  .secciones article {
    margin: 0 5px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    /* Para cuando es estándar funcione en todos */
    filter: Gray();
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative; }
    .secciones article figure {
      width: 100%;
      height: 100%;
      -webkit-filter: blur(0px); }
    .secciones article .mascara {
      display: none;
      left: 0;
      margin-left: 0;
      right: 0;
      margin-right: 0;
      top: 36%;
      position: absolute;
      transition: .8s  linear; }
      .secciones article .mascara a {
        text-decoration: none; }
      .secciones article .mascara h1 {
        font-family: Roboto-regular;
        font-size: 60px;
        color: #FFFFFF;
        text-align: center; }
        @media screen and (max-width: 1200px) {
          .secciones article .mascara h1 {
            font-size: 50px; } }
        @media screen and (max-width: 480px) {
          .secciones article .mascara h1 {
            font-size: 30px; } }
      .secciones article .mascara h2 {
        font-family: Roboto-regular;
        font-size: 30px;
        color: #FFFFFF;
        text-align: center; }
        @media screen and (max-width: 1200px) {
          .secciones article .mascara h2 {
            font-size: 25px; } }
        @media screen and (max-width: 480px) {
          .secciones article .mascara h2 {
            font-size: 16px; } }
      .secciones article .mascara span {
        color: white;
        text-align: center;
        display: block;
        width: 35px;
        height: 35px;
        margin: auto;
        border-radius: 50%;
        line-height: 38px;
        border: 1px solid white;
        transition: all .5s; }
      .secciones article .mascara span:hover {
        transition: .5s linear;
        color: black;
        background: white; }
  .secciones article:hover {
    cursor: pointer;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .secciones article:hover .mascara {
      display: block;
      transition: .8s all linear; }

footer {
  background: #262626;
  width: 100%;
  min-height: 240px;
  color: #4F4E50;
  overflow: hidden; }
  footer i {
    font-size: 30px;
    padding: 35px 0 0 0;
    display: block;
    text-align: center;
    color: #D22937; }
  footer p {
    font-size: 17px;
    font-family: Roboto-regular;
    text-align: center;
    color: #4F4E50; }
  footer .enlaces {
    font-family: Roboto-bold;
    font-size: 25px;
    color: #4F4E50;
    display: block;
    width: 100%;
    text-align: center;
    margin: auto;
    height: 35px;
    text-decoration: none;
    transition: all .5s; }
  footer .enlaces:hover {
    text-decoration: none;
    color: #D22937;
    transition: all 1s;
    transform: rotate(0deg) scaleX(1.1) scaleY(1.1) skewX(0deg) skewY(0deg); }
  footer .redes {
    display: flex;
    justify-content: center;
    margin-top: 35px; }
    footer .redes a {
      margin: 0;
      padding: 0;
      width: 48px;
      text-decoration: none;
      color: #4F4E50; }
    footer .redes a:hover {
      animation: palpitar linear 0.8s infinite;
      -webkit-animation: palpitar linear 0.8s infinite;
      -moz-animation: palpitar linear 0.8s infinite;
      -o-animation: palpitar linear 0.8s infinite;
      animation: palpitar linear 0.8s infinite; }
    footer .redes span {
      margin: 0 5px; }
  footer .top {
    position: relative;
    right: -87vw;
    top: -36px; }
    @media screen and (max-width: 650px) {
      footer .top {
        right: -79vw; } }
    @media screen and (max-width: 480px) {
      footer .top {
        position: static;
        display: block;
        margin: 16px auto; } }

.after-footer {
  display: flex;
  justify-content: space-around;
  width: 100%;
  background: #1A1A1A;
  min-height: 60px;
  align-items: center; }
  @media screen and (max-width: 1200px) {
    .after-footer {
      flex-direction: column-reverse;
      align-items: center; } }
  .after-footer .info {
    font-family: Roboto-regular;
    font-size: 13px;
    line-height: 46.28px;
    color: #504F51;
    display: flex; }
    @media screen and (max-width: 480px) {
      .after-footer .info {
        flex-direction: column;
        align-items: center; } }
    .after-footer .info a {
      text-decoration: none;
      color: #504F51;
      transition: all .5s; }
    .after-footer .info a:hover {
      cursor: pointer;
      transition: all 1s;
      transform: rotate(0deg) scaleX(1.1) scaleY(1.1) skewX(0deg) skewY(0deg);
      color: #D22937; }
    @media screen and (max-width: 500px) {
      .after-footer .info .or {
        display: none; } }
  .after-footer .menu {
    width: 43%; }
    @media screen and (max-width: 1200px) {
      .after-footer .menu {
        width: auto; } }
    @media screen and (max-width: 560px) {
      .after-footer .menu {
        display: flex;
        flex-direction: column;
        align-items: center; } }
    .after-footer .menu a {
      font-family: Roboto-regular;
      font-size: 17px;
      line-height: 46.28px;
      color: #4F4E50;
      margin: 0 10px;
      text-decoration: none;
      transition: .5s; }
    .after-footer .menu a:hover {
      transition: all 1s;
      transform: rotate(0deg) scaleX(1.1) scaleY(1.1) skewX(0deg) skewY(0deg);
      color: #CCCCCC; }
  .after-footer .zip {
    font-family: Roboto-regular;
    font-size: 13px;
    line-height: 46.28px;
    color: #504F51; }
    @media screen and (max-width: 500px) {
      .after-footer .zip {
        margin: 15px 0; } }
    .after-footer .zip a {
      color: #504F51;
      text-decoration: none; }

@-webkit-keyframes palpitar {
  0% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); }
  50% {
    transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(0deg) skewY(0deg); }
  100% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); } }
@-moz-keyframes palpitar {
  0% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); }
  50% {
    transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(0deg) skewY(0deg); }
  100% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); } }
@-o-keyframes palpitar {
  0% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); }
  50% {
    transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(0deg) skewY(0deg); }
  100% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); } }
@keyframes palpitar {
  0% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); }
  50% {
    transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(0deg) skewY(0deg); }
  100% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); } }
#cargando {
  position: absolute;
  z-index: 100000;
  background: black;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 1s linear; }
  #cargando .imagen {
    display: block; }
  #cargando h5 {
    font-family: Exmouth;
    font-size: 65px;
    color: #FFFFFF;
    text-align: center; }

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