html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

* {
  box-sizing: inherit;
}

*:before,
*:after {
  box-sizing: inherit;
}

img,
embed,
object,
audio {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

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

td,
th {
  padding: 0;
  text-align: left;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
}

/* BOOTSTRAP RESET */
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.row {
  margin-right: -0.5em;
  margin-left: -0.5em;
}

button:active,
.button:active,
button:focus,
.button:focus,
button:hover,
.button:hover {
  outline: none !important;
}

/*------------------------------------*\
    RESET
\*------------------------------------*/
/*------------------------------------*\
    POSITIONING
\*------------------------------------*/
.clearfix:before,
#main-footer:before,
#main-nav > header:before,
.clearfix:after,
#main-nav-bases > header:before,
#main-footer:after,
#main-nav-bases > header:after,
#main-nav > header:after {
  content: "";
  display: table;
}

.clearfix:after,
#main-footer:after,
#main-nav-bases > header:after,
#main-nav > header:after {
  clear: both;
}

.clearfix,
#main-footer,
#main-nav > header,
#main-nav-bases > header {
  zoom: 1;
  /* IE6&7 */
}

/*------------------------------------*\
    CONTAINER
\*------------------------------------*/
.background {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
}

h1,
.h1 {
  font-size: 2em;
}

h2,
.h2 {
  font-size: 1.5em;
}

h3,
.h3 {
  font-size: 1.17em;
}

h4,
.h4 {
  font-size: 1em;
}

h5,
.h5 {
  font-size: 0.83em;
  margin-top: 0;
}

h6,
.h6 {
  font-size: 0.67em;
}

/*------------------------------------*\
    SHADOWS
\*------------------------------------*/
/*------------------------------------*\
    BUTTONS
\*------------------------------------*/
/* Place Holders */
/*------------------------------------*\
    COMPONENTS
\*------------------------------------*/
/* colors */
/* Fuentes */
@font-face {
  font-family: montSemiBold;
  src: url(../fonts/Montserrat-SemiBold.otf);
}
@font-face {
  font-family: montRegular;
  src: url(../fonts/Montserrat-Regular.otf);
}
html {
  font-size: 14px;
}
html ::-webkit-scrollbar {
  width: 1em;
  height: 1em;
}
html ::-webkit-scrollbar-thumb {
  background: #a23333;
}
html ::-webkit-scrollbar-thumb:hover {
  background: #a23333;
  cursor: pointer;
}
html ::-webkit-scrollbar-track {
  background: #fcfcfc;
}
html body {
  scrollbar-face-color: #a23333;
  scrollbar-track-color: #fcfcfc;
}

body {
  overflow-x: hidden;
  font-family: "Roboto", sans-serif;
}

h1,
h2 {
  font-family: "montSemiBold", sans-serif;
}

h3 {
  font-family: "montRegular", sans-serif;
}

main > section {
  min-height: 100vh;
  position: relative;
  background-size: cover;
}

main > #video-banner {
  min-height: 40vh;
  position: relative;
  background-size: cover;
}

main > #basess {
  min-height: 30vh;
  position: relative;
  background-size: cover;
}

main > #contacto {
  min-height: 30vh;
  position: relative;
  background-size: cover;
}

/* Layout - holds macro layout styles. */
.section-title {
  font-size: 3em;
  text-transform: uppercase;
  margin-bottom: 2em;
}

.cinta-container {
  position: absolute;
  bottom: 3em;
}
.cinta-container img {
  width: 100%;
}
.cinta-container.right {
  right: -1em;
}
.cinta-container.right img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.cinta-container.left {
  left: -1em;
}
.cinta-container.left img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.cinta-container.active img {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

#main-footer {
  background-color: #333;
  width: 100%;
  color: white;
  padding: 2em;
}
#main-footer h4 {
  font-size: 1.2em;
}
#main-footer .copyright {
  float: left;
}
#main-footer .disclaimer-boris {
  float: right;
}
#main-footer .disclaimer-boris img {
  width: 4em;
  margin: 0em 1em;
}

/* Modules - holds micro layouts styles. */
#main-nav {
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  /* Header includes main logo and menu list */
  /* Article Includes main form */
}
#main-nav > header {
  position: relative;
  height: 6em;
  background-color: rgba(0, 0, 0, 0.5);
}
#main-nav .logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1em;
  width: 20em;
}
#main-nav .logo img {
  width: 100%;
}
#main-nav .mobile-search-cta {
  display: none;
}
#main-nav .menu-list {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
}
#main-nav .menu-list li {
  display: inline;
  margin-left: 0.5em;
}
#main-nav > article {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 70%;
}
#main-nav > article header {
  color: white;
  margin-bottom: 2em;
}

#main-nav.active {
  position: fixed;
  height: auto;
}
#main-nav.active .logo {
  width: 12em;
}
#main-nav.active > article {
  top: 1em;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-align: center;
  width: 70%;
}
#main-nav.active > article header {
  display: none;
  color: white;
  margin-bottom: 2em;
}

/*Main Nav BASES*/

#main-nav-bases {
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  /* Header includes main logo and menu list */
  /* Article Includes main form */
}
#main-nav-bases > header {
  position: relative;
  height: 6em;
  background-color: rgba(0, 0, 0, 0.5);
}
#main-nav-bases .logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1em;
  width: 20em;
}
#main-nav-bases .logo img {
  width: 100%;
}
#main-nav-bases .mobile-search-cta {
  display: none;
}
#main-nav-bases .menu-list {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
}
#main-nav-bases .menu-list li {
  display: inline;
  margin-left: 0.5em;
}
#main-nav-bases > article {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 70%;
}
#main-nav-bases > article header {
  color: white;
  margin-bottom: 2em;
}

#main-nav-bases.active {
  position: fixed;
  height: auto;
}
#main-nav-bases.active .logo {
  width: 12em;
}
#main-nav-bases.active > article {
  top: 1em;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-align: center;
  width: 70%;
}
#main-nav-bases.active > article header {
  display: none;
  color: white;
  margin-bottom: 2em;
}

#search-form {
  width: 100%;
  border-radius: 5px;
}
#search-form .col-md-4 {
  border: 1px solid gray;
  background-color: white;
  position: relative;
  padding: 2em 2em;
}
#search-form .col-md-4:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: none;
}
#search-form .col-md-4:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: none;
}
/* #search-form .form-item {
  text-align: left;
  position: relative;
  height: 100%;
} */
/* #search-form .form-item .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  width: 2em;
  left: 5em;
} */
#search-form label {
  color: gray;
  margin: 0;
}
#search-form .form-control {
  border: none;
  box-shadow: none;
  padding: 0;
  line-height: 1em;
  font-size: 1.2em;
}
#search-form .btn-submit {
  width: 50%;
  display: block;
  margin-left: auto;
  padding: 1em 0;
  margin-right: auto;
}
#search-form header h2 {
  color: #666;
}
#search-form.active .col-md-4 {
  height: 4em;
  position: relative;
}
#search-form.active label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: calc(50% + 2px);
  left: 0;
}
#search-form.active .form-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 50%;
}
#search-form.active .btn-submit {
  padding: 0.5em 0;
}

.icon {
  width: 2em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.icon:hover {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.btn {
  border-radius: 5px;
}

.btn-primary {
  border: 1px solid #a23333;
  background-color: #a23333;
  color: white;
}
.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary:active,
.btn-primary:focus {
  border: 1px solid #c44444;
  background-color: #c44444;
  color: white;
}

#main-menu {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 900;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#main-menu ul {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10em;
}
#main-menu ul li {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
}
#main-menu a {
  color: white;
  text-transform: uppercase;
  font-family: "montSemiBold", sans-serif;
  font-size: 5em;
}
#main-menu a:hover,
#main-menu a:active,
#main-menu a:focus {
  color: #a23333;
}

#close-main-menu {
  position: absolute;
  top: 2em;
  right: 2em;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#close-main-menu:hover {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#main-menu.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#main-menu.active ul li:nth-child(1) {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
#main-menu.active ul li:nth-child(2) {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#main-menu.active ul li:nth-child(3) {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
#main-menu.active ul li:nth-child(4) {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
#main-menu.active ul li:nth-child(5) {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
#main-menu.active ul li:nth-child(6) {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.message {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: fixed;
  bottom: 1em;
  left: 1em;
  padding: 1.5em 5em 1.5em 2em;
  z-index: 300;
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.message h2 {
  margin-bottom: 0.5em;
}
.message .close-message {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  width: 2em;
  cursor: pointer;
}
.message.success {
  background-color: #cdb844;
}
.message.failure {
  background-color: #a23333;
  color: white;
}
.message.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

/* Themes - holds any type of page specific styles. */
.modal,
#search-modal,
#pictures-modal,
#alquileres-modal {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 500;
  display: none;
}
.modal .background,
#search-modal .background,
#pictures-modal .background,
#alquileres-modal .background {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
}
.modal .close-modal,
#search-modal .close-modal,
#pictures-modal .close-modal,
#alquileres-modal .close-modal {
  position: fixed;
  top: 1em;
  right: 1em;
  height: 4em;
  width: 4em;
  color: #999;
  cursor: pointer;
}
.modal .close-modal img,
#search-modal .close-modal img,
#pictures-modal .close-modal img,
#alquileres-modal .close-modal img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal .close-modal i,
#search-modal .close-modal i,
#pictures-modal .close-modal i,
#alquileres-modal .close-modal i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2em;
}
.modal .close-modal:hover img,
#search-modal .close-modal:hover img,
#pictures-modal .close-modal:hover img,
#alquileres-modal .close-modal:hover img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#search-modal {
  /* Search Result Box */
}
#search-modal > article {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 70%;
  max-height: 70%;
  top: 60%;
  opacity: 0;
  background-color: white;
  padding: 4em 8em;
  border-radius: 10px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  overflow-y: scroll;
}
#search-modal > article > header {
  text-align: center;
  margin-bottom: 2em;
}
#search-modal > article > header h1 {
  margin-bottom: 0.5em;
}
#search-modal > article > header h2 {
  margin-bottom: 1em;
}
#search-modal > article .dias li {
  display: inline-block;
  text-transform: uppercase;
  margin: 0 0.5em;
  padding: 0.5em 1em;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#search-modal > article .dias li:hover {
  background-color: #cdb844;
  color: white;
}
#search-modal > article .dias li.active {
  background-color: #a23333;
  color: white;
}
#search-modal .search-query {
  text-align: center;
  margin-bottom: 3em;
}
#search-modal .search-query .from {
  color: #a23333;
}
#search-modal .search-query .to {
  color: #cdb844;
}
#search-modal .search-result {
  padding: 2em 0;
  margin-bottom: 3em;
  border: 1px solid #a23333;
  border-radius: 20px;
}
#search-modal .search-result h4 {
  font-size: 1.3em;
}
#search-modal .search-result__header {
  border-bottom: 2px dotted #a23333;
  padding: 0em 2em 1em;
}
#search-modal .search-result__header .row {
  margin-bottom: 1em;
}
#search-modal .paradas-btn {
  color: #a23333;
}
#search-modal .paradas-container {
  padding: 1em 2em 0;
  display: none;
  margin-bottom: 2em;
}
#search-modal .paradas-container .row {
  font-size: 0.9em;
  color: #666;
  margin-bottom: 0.5em;
}
#search-modal .disclaimer {
  padding-left: 2em;
  margin-top: 0.5em;
  font-size: 12px;
}
#search-modal .horarios-list {
  display: none;
}
#search-modal .horarios-list h3 {
  text-transform: uppercase;
}
#search-modal .horarios-list p {
  font-size: 1.5em;
}
#search-modal .horarios-list .row.header {
  border-bottom: 1px solid #999;
  padding: 0.5em 0;
  text-align: left;
}
#search-modal .horarios-list .row.body {
  border-bottom: 1px solid #999;
  padding: 0.5em 0;
}
#search-modal .horarios-list .row.body:last-child {
  border: none;
}
#search-modal .horarios-list.active {
  display: block;
}
#search-modal h2.destacado.origen {
  color: #a23333;
}
#search-modal h2.destacado.destino {
  color: #cdb844;
}
#search-modal .row.destacado.origen {
  background-color: rgba(162, 51, 51, 0.5);
  color: black;
}
#search-modal .row.destacado.destino {
  background-color: rgba(205, 184, 68, 0.5);
  color: black;
}

#search-modal.active > article {
  opacity: 1;
  top: 50%;
}

.not-found {
  margin: 0 auto;
  text-align: center;
}

/* pictures Modal */
#pictures-modal .current-picture {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 80%;
  max-height: 80%;
}
#pictures-modal .current-picture img {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#pictures-modal .nav-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3em;
  cursor: pointer;
}
#pictures-modal .nav-arrow.previous {
  left: 1em;
}
#pictures-modal .nav-arrow.next {
  right: 1em;
}
#pictures-modal .nav-arrow img {
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#pictures-modal .nav-arrow:hover img {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
#pictures-modal .pagination {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 1em;
  color: white;
  text-align: center;
  font-size: 1.5em;
}
#pictures-modal .pagination p {
  display: inline-block;
}

#pictures-modal.active .current-picture img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* Alquileres modal */
#alquileres-modal > article {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 70%;
  max-height: 70%;
  top: 60%;
  opacity: 0;
  background-color: white;
  padding: 4em 8em;
  border-radius: 10px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  overflow-y: scroll;
}
#alquileres-modal > article > header {
  text-align: center;
  margin-bottom: 2em;
}
#alquileres-modal > article > header h1 {
  margin-bottom: 0.5em;
}
#alquileres-modal > article > header h2 {
  margin-bottom: 1em;
}
#alquileres-modal > article .dias li {
  display: inline-block;
  text-transform: uppercase;
  margin: 0 0.5em;
  padding: 0.5em 1em;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#alquileres-modal > article .dias li:hover {
  background-color: #cdb844;
  color: white;
}
#alquileres-modal > article .dias li.active {
  background-color: #a23333;
  color: white;
}
#alquileres-modal label {
  text-transform: uppercase;
}
#alquileres-modal .form-group {
  margin-bottom: 3em;
}
#alquileres-modal .form-control {
  border: none;
  border-bottom: 1px solid #333;
  box-shadow: none;
  border-radius: 1px;
}
#alquileres-modal button[type="submit"] {
  padding: 1em 5em;
  margin-top: 2em;
  text-transform: uppercase;
}
#alquileres-modal form footer {
  text-align: right;
}
#alquileres-modal h2 {
  margin-bottom: 1em;
}

#alquileres-modal.active > article {
  opacity: 1;
  top: 50%;
}

#landing .fallback-image {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/landing-fallback.jpg");
  background-size: cover;
  background-position: center center;
}
#landing .background-video {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
#landing .filter {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 11;
}

/*VIDEO BANNER*/

#video-banner .fallback-image {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/landing-fallback.jpg");
  background-size: cover;
  background-position: center center;
}
#video-banner .background-video {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
#video-banner .filter {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 11;
}

#video-container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
#video-container video {
  position: absolute;
  /* Vertical and Horizontal center*/
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#sticky-navbar {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  min-height: 1px;
  z-index: 100;
}

#galeria {
  padding: 10em;
  text-align: center;
}
#galeria .section-title {
  color: #a23333;
}

.gallery-item {
  position: relative;
  float: left;
  height: 250px;
  cursor: pointer;
  overflow: hidden;
}
.gallery-item.small {
  width: 30%;
}
.gallery-item.large {
  width: 40%;
}
.gallery-item:hover .gallery-item__filter {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.gallery-item:hover .top-text {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.gallery-item:hover .bottom-text {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.gallery-item__imagen,
.gallery-item__filter {
  position: absolute;
  height: calc(100% - 1em);
  width: calc(100% - 1em);
  top: 0.5em;
  left: 0.5em;
  background-size: cover;
  background-position: center center;
}

.gallery-item__filter {
  background-color: rgba(162, 51, 51, 0.8);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.gallery-item__text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
  color: white;
}
.gallery-item__text h4 {
  font-size: 1.5em;
}
.gallery-item__text .divider {
  width: 100%;
  height: 2px;
  background-color: white;
  margin: 0.5em 0;
}
.gallery-item__text .top-text {
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.gallery-item__text .bottom-text {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#servicios {
  background-image: url(../images/bg-servicios.jpg);
}
#servicios > article {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  width: 50%;
}

.list-servicios {
  text-align: center;
}
.list-servicios a {
  color: white;
}
.list-servicios figure {
  border: 2px solid white;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  margin-bottom: 1em;
  overflow: hidden;
}

#icon-paqueteria img:hover {
  -webkit-animation: shake_7038 3s linear infinite;
  animation: shake_7038 3s linear infinite;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

#icon-alquiler img:hover {
  -webkit-animation: passing_7779 1s linear infinite;
  animation: passing_7779 1s linear infinite;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-webkit-keyframes shake_7038 {
  0% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  5.16129% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  6.45161% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  11.6129% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  12.90323% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  18.06451% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  19.35484% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  24.51613% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  25.80645% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  30.96774% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  32.25807% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  37.41935% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  38.70968% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  43.87097% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  48.3871% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes shake_7038 {
  0% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  5.16129% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  6.45161% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  11.6129% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  12.90323% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  18.06451% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  19.35484% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  24.51613% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  25.80645% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  30.96774% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  32.25807% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  37.41935% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  38.70968% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  43.87097% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  48.3871% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes passing_7779 {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes passing_7779 {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
#info-util {
  padding: 10em;
}
#info-util > header {
  text-align: center;
}
#info-util h2 {
  font-family: "Roboto", sans-serif;
}

/*basess*/

#basess {
  padding: 5em 20em 0em 20em;
}
#basess > header {
  text-align: center;
  color: #a23333;
}
#basess h2 {
  font-family: "Roboto", sans-serif;
  font-size: 1.8em;
}
#basess p {
  font-size: 1.5em;
}

.info-container {
  padding: 0 2em;
}
.info-container > header {
  margin-bottom: 1.5em;
  text-align: center;
}
.info-container > header img {
  width: 3em;
}

/*.icon-container{
  height: 60px;
  position: relative;
  img{
    @include absoluteCenter();
  }
}*/
.informacion {
  border-right: 1px dotted #333;
}
.informacion > section {
  position: relative;
  margin-bottom: 1em;
}
.informacion > section .icon-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4em;
  left: 0;
}
.informacion > section .icon-container img {
  width: 100%;
}
.informacion > section .text-container {
  position: relative;
  margin-left: 4em;
}
.informacion .text-container {
  padding: 1em;
}

.equipaje-permitido,
.equipaje-no-permitido {
  text-align: center;
}
.equipaje-permitido h4,
.equipaje-no-permitido h4 {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0.5em 0;
}

.equipaje-no-permitido {
  border-left: 1px dotted #333;
}

#about {
  background-image: url(../images/bg-about.jpg);
}
#about .section-title {
  margin-bottom: 0;
}
#about > article {
  text-align: right;
  color: white;
  position: absolute;
  right: 5em;
  bottom: 8em;
  width: 30%;
  font-size: 20px;
}
#about > article header {
  margin-bottom: 2em;
}

#contacto {
  padding: 10em 0 0;
}
#contacto > article {
  margin: 0 auto;
  width: 70%;
}
#contacto > article header {
  text-align: center;
}
#contacto label {
  text-transform: uppercase;
}
#contacto .form-control {
  border: none;
  border-bottom: 1px solid #333;
  box-shadow: none;
  border-radius: 1px;
}
#contacto button[type="submit"] {
  padding: 1em 5em;
  margin-top: 2em;
  text-transform: uppercase;
}
#contacto form footer {
  text-align: right;
}
#contacto > footer {
  position: relative;
  width: 100%;
}

.contact-media-container {
  width: 60%;
  margin: 3em auto;
}

.contact-map {
  height: 200px;
}

.contact-media {
  text-align: center;
}
.contact-media h4 {
  margin: 0.5em;
}
.contact-media a {
  color: #333;
}
.contact-media a:hover {
  color: #333;
}

@media screen and (max-width: 1366px) {
  /* Main Menu */
  #main-menu a {
    font-size: 4em;
  }

  /* navbar */
  #main-nav > header {
    height: 5em;
  }

  #search-form.active .col-md-4 {
    height: 3em;
  }
  #search-form.active .form-control {
    width: 60%;
  }
  #search-form.active .btn-submit {
    padding: 0.3em 0;
  }

  /* general */
  .section-title {
    font-size: 2em;
    text-transform: uppercase;
    margin-bottom: 1.5em;
  }

  .cinta-container {
    width: 30em;
  }

  /* Galeria */
  .gallery-item {
    height: 220px;
  }

  .gallery-item__text {
    width: 90%;
  }
  .gallery-item__text h4 {
    font-size: 1em;
  }

  /* info util */
  .info-container {
    min-height: 452px;
  }

  /* La empresa */
  #about > article {
    right: 5em;
    bottom: 8em;
    width: 30%;
    font-size: 14px;
  }
  #about > article header {
    font-size: 1.5em;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 1280px) {
  #search-form.active .col-md-4 {
    height: 3em;
  }
  #search-form.active .form-control {
    width: 60%;
    font-size: 1em;
  }
  #search-form.active .btn-submit {
    padding: 0.3em 0;
  }

  #search-form.active label {
    font-size: 0.9em;
    top: calc(50%);
  }

  /* info util */
  #info-util {
    padding: 10em 5em;
  }

  /* basess */
  #basess {
    padding: 4em 1.3em;
  }
}
@media screen and (max-width: 1024px) {
  /* navbar */
  .icon {
    width: 1.5em;
  }

  #main-nav.active .logo {
    width: 9em;
  }

  #search-form .col-md-4 {
    padding: 1em;
  }

  #search-form.active label {
    font-size: 0.8em;
    top: calc(50%);
  }

  /* #search-form .form-item .icon {
    left: 2em;
  } */

  #main-nav > article {
    width: 90%;
  }

  /* info util */
  #info-util {
    padding: 10em 2em;
  }
}
@media screen and (max-width: 768px) {
  /* Modals */
  #search-modal.active > article {
    width: 80%;
    padding: 4em 2em;
  }

  #alquileres-modal.active > article {
    width: 80%;
    padding: 4em 2em;
  }

  /* Nav Bar */
  #main-nav.active .logo {
    width: 6em;
  }

  #search-form.active {
    width: 93%;
  }

  /* #search-form .form-item .icon {
    display: none;
  } */

  #search-form.active .btn-submit {
    width: 100%;
  }

  #search-form .btn-submit {
    width: 100%;
  }

  #search-form.active label {
    font-size: 0.7em;
  }

  #main-menu ul {
    left: 4em;
  }

  #main-menu a {
    font-size: 3.5em;
  }

  /* Galeria */
  #galeria {
    padding: 10em 3em;
  }

  .gallery-item.small {
    width: 50%;
  }

  .gallery-item.large {
    width: 100%;
  }

  /* Info Util */
  .info-container {
    min-height: auto;
    padding-bottom: 3em;
    margin-bottom: 3em;
  }

  .informacion,
  .equipaje-permitido {
    border-right: none;
    border-bottom: 1px dotted #333;
  }

  .equipaje-no-permitido {
    border: none;
  }

  /* La Empresa */
  #about > article {
    width: 50%;
    font-size: 20px;
    right: 3em;
    bottom: 6em;
  }

  #main-footer {
    padding: 1em;
  }
  #main-footer h4 {
    font-size: 0.7em;
  }
  #main-footer .copyright {
    float: none;
    margin-bottom: 0.5em;
  }
  #main-footer .disclaimer-boris {
    float: none;
  }
  #main-footer .disclaimer-boris img {
    width: 4em;
    margin-left: 1em;
  }
}
@media screen and (max-width: 450px) {
  /* Modals */
  #search-modal.active > article {
    width: 90%;
    padding: 3em 1em;
  }

  .search-query h3 {
    font-size: 1em;
  }

  #pictures-modal .current-picture {
    max-height: auto;
    max-width: auto;
    width: 100%;
  }

  #pictures-modal .nav-arrow {
    top: auto;
    bottom: 2em;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  #alquileres-modal.active > article {
    width: 90%;
    padding: 3em 1em;
  }

  /* Main Menu */
  #main-menu a {
    font-size: 2.5em;
  }

  /* Navbar */
  #main-nav .logo img {
    width: 15em;
  }

  #main-nav.active .logo {
    width: 8em;
  }

  #main-nav.active .mobile-search-cta {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
  }

  #search-form.active {
    display: none;
  }

  /* Sections */
  main > section {
    min-height: 736px;
  }

  /* Landing form */
  #search-form {
    width: 90%;
    margin: 0 auto;
  }

  #search-form .col-md-4:first-child {
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: none;
  }

  #search-form .col-md-4 {
    border: none;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
  }

  #search-form .col-md-4:last-child {
    border-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none;
  }

  /* Galeria */
  #galeria {
    padding: 5em 1.5em;
  }

  /* Servicios */
  #servicios > article {
    width: 90%;
  }

  .list-servicios .col-sm-6 {
    margin: 2em 0;
  }

  /* Info Util */
  #info-util {
    padding: 5em 1.5em;
  }

  #about > article {
    font-size: 16px;
    width: 90%;
    right: 5%;
  }

  /* Contacto */
  #contacto {
    padding: 5em 0 0;
  }
  #contacto > article {
    width: 85%;
  }
  #contacto .contact-media {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 375px) {
  /* Main Nav */
  #main-nav.active .logo {
    width: 7em;
  }

  #main-nav .menu-list li {
    margin-left: 0.2em;
  }

  /* Main Menu */
  #main-menu a {
    font-size: 2em;
  }

  #main-menu ul {
    left: 2em;
  }

  main > sections {
    min-height: 667px;
  }

  .list-servicios figure {
    height: 120px;
    width: 120px;
  }

  .list-servicios figure {
    font-size: 14px;
  }

  .cinta-container {
    width: 350px;
  }
}
@media screen and (max-width: 320px) {
  /* Main Nav */
  #main-nav .logo {
    width: 10em;
  }

  #main-nav.active .logo {
    display: none;
  }

  main > sections {
    min-height: 568px;
  }

  #main-nav.active .mobile-search-cta {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1em;
    display: inline-block;
  }
}
.yaviene {
  width: calc(100% - 30px);
  height: 550px;
  margin-left: 15px;
}
@media (min-width: 768px) {
  .yaviene {
    width: 60%;
    height: 450px;
    margin-left: 20%;
  }
}

footer.footer-info-util {
  padding-top: 90px;
}

footer.footer-info-util h1 {
  text-align: center;
  padding-bottom: 60px;
}

footer.footer-info-util div {
  padding-bottom: 16px;
}