/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*vars*/
@smartphones : ~"only screen and (max-width: 479px)";
@tablet : ~"only screen and (max-width: 768px)";
@font-face {
  font-family: 'poppinssemibold';
  src: url("fonts/poppins-semibold-webfont.woff2") format("woff2"), url("fonts/poppins-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

#main-content {
  position: relative;
  width: 100%;
  overflow: hidden; }

#page {
  width: 100%;
  height: 100vh;
  position: relative; }

#fondo {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../img/fondo.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top; }

#tapa {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 999; }

#logo {
  position: absolute;
  left: 50%;
  top: 54px;
  margin: auto;
  transform: translateX(-50%);
  width: 70%;
  max-width: 500px; }
  #logo img {
    width: 100%;
    height: auto; }

.content {
  position: fixed;
  justify-content: center;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 3.625vw; }
  @media (min-width: 1600px) {
    .content {
      padding-bottom: 58px; } }

.social {
  margin-bottom: 1.875vw; }
  @media (min-width: 1600px) {
    .social {
      margin-bottom: 30px; } }
  .social li {
    display: inline-block;
    margin: 0 10px 0 0; }

.bookings-access {
  color: white;
  font-family: "poppinssemibold";
  font-size: 1.125vw; }
  @media (min-width: 1600px) {
    .bookings-access {
      right: 50px;
      bottom: 65px;
      font-size: 18px; } }
  .bookings-access ul li {
    display: inline-block;
    border: solid 2px white;
    color: white;
    margin-left: 0.625vw;
    margin-right: 0.625vw; }
    @media (min-width: 1600px) {
      .bookings-access ul li {
        margin-left: 10px;
        margin-right: 10px; } }
    .bookings-access ul li a {
      text-decoration: none;
      color: white;
      display: block;
      position: relative;
      padding: 0.9375vw 0.9375vw; }
      @media (min-width: 1600px) {
        .bookings-access ul li a {
          padding: 15px 15px; } }
      .bookings-access ul li a span {
        position: relative;
        z-index: 2;
        color: white;
        transition: all .15s ease-out; }
      .bookings-access ul li a:before {
        content: " ";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: white;
        transform: scaleY(0);
        transform-origin: left bottom;
        transition: all .15s ease-out; }
      .bookings-access ul li a:hover span {
        color: black; }
      .bookings-access ul li a:hover:before {
        transform: scaleY(1); }

.tablet .content {
  padding-bottom: 6.4444444444vw; }

.tablet .social {
  margin-bottom: 3.3333333333vw; }

.tablet .bookings-access {
  font-size: 2vw; }
  .tablet .bookings-access ul li {
    margin-left: 1.1111111111vw;
    margin-right: 1.1111111111vw; }
    .tablet .bookings-access ul li a {
      padding: 1.6666666667vw 1.6666666667vw; }

.mobile #logo {
  top: 5vh; }

.mobile .content {
  padding-bottom: 8.2857142857vw; }

.mobile .social {
  margin-bottom: 4.2857142857vw; }

.mobile .bookings-access {
  font-size: 3.4285714286vw; }
  .mobile .bookings-access ul li {
    margin-left: 1vw;
    margin-right: 1vw; }
    .mobile .bookings-access ul li a {
      padding: 2.1428571429vw 2.1428571429vw; }

* {
  -webkit-font-smoothing: antialiased; }

html {
  font-size: 62.5%;
  /* Sets up the Base 10 stuff */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased; }

body {
  background: #fcfcfc; }

html, body {
  margin: 0;
  height: 100%;
  overflow: hidden; }

.vjs-control-bar {
  display: none !important; }

.vjs-big-play-button {
  display: none !important; }

.vjs-control-bar {
  display: none !important; }

.vjs-big-play-button {
  display: none !important; }

.vjs-progress-control,
.vjs-time-controls,
.vjs-time-divider,
.vjs-captions-button,
.vjs-mute-control,
.vjs-volume-control,
.vjs-fullscreen-control,
.vjs-caption-settings {
  display: none !important; }

.vjs-error-display {
  display: none !important; }

.vjs-tech {
  position: relative; }