.video-container {
  position: relative;
  width: 100%;
  height: 500px; }

.video-container img {
  margin-bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.andromeda-video {
  width: 80vw;
  height: auto; }

.video-modal .modal-content {
  background: transparent;
  border: 0;
  max-width: 80vw; }

.custom-content-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center; }
  .custom-content-video .title, .custom-content-video .subtitle {
    color: #263222;
    text-align: center;
    font-weight: bold; }
  .custom-content-video .andromeda-link {
    margin-bottom: 0;
    margin-top: 1rem; }

.custom-play-button {
  height: 70px;
  width: 70px;
  background: #02a6c3;
  color: white;
  border-radius: 35px;
  padding: 22px 27px;
  font-size: 26px; }

/*******************************************************************************************************
AUTOPLAY
********************************************************************************************************/
#autoplay {
  height: calc(100vw * 9 / 21);
  position: relative;
  overflow: hidden; }
  #autoplay .text-block {
    position: absolute;
    bottom: 55px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold; }
    #autoplay .text-block div {
      display: flex;
      justify-content: center; }
      #autoplay .text-block div a {
        color: #263222;
        background-color: #F7F3E6;
        border-radius: 0;
        border: 1px solid #263222;
        font-family: 'Open Sans', sans-serif;
        font-size: .8rem;
        padding: .5rem; }
      #autoplay .text-block div a:hover {
        color: #F7F3E6;
        background-color: #263222; }
    #autoplay .text-block h2 {
      font-size: .9rem;
      font-weight: bold; }
    #autoplay .text-block h3 {
      font-size: 1.6em;
      font-weight: bold; }
    @media only screen and (max-width: 991.98px) {
      #autoplay .text-block h3 {
        font-size: .8rem; } }
    @media only screen and (max-width: 767.98px) {
      #autoplay .text-block h2 {
        font-size: 0.5rem; }
      #autoplay .text-block h3 {
        font-size: 0.7rem; } }
  #autoplay.has-searcher .tabs_searcher {
    bottom: 60px;
    position: absolute;
    z-index: 10;
    font-family: 'Open Sans', sans-serif; }
    #autoplay.has-searcher .tabs_searcher .boat-searcher-plugin, #autoplay.has-searcher .tabs_searcher .activity-searcher-plugin {
      position: unset; }
    #autoplay.has-searcher .tabs_searcher .nav-link:not(.active) {
      background-color: #F7F3E6e0;
      color: #263222; }
    #autoplay.has-searcher .tabs_searcher .nav-link.active {
      background-color: #263222e0;
      color: #F7F3E6; }
    #autoplay.has-searcher .tabs_searcher .nav-tabs {
      border: unset; }
      #autoplay.has-searcher .tabs_searcher .nav-tabs .nav-link {
        border: solid 1px #263222;
        padding: .25rem .5rem;
        font-size: .8rem; }
      #autoplay.has-searcher .tabs_searcher .nav-tabs .nav-item {
        margin: 0; }
  #autoplay.has-searcher .text-block-1 {
    bottom: 185px; }
  #autoplay.has-searcher .boat-searcher-plugin, #autoplay.has-searcher .activity-searcher-plugin {
    bottom: 60px;
    position: absolute;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.6); }
  @media (min-width: 991.98px) and (max-width: 1600px) {
    #autoplay .input-activity-searcher .input-group-append .btn {
      height: calc(1.65rem + 2px); } }
  @media (max-width: 992px) {
    #autoplay .text-block div a {
      font-size: .5rem;
      padding: .25rem;
      min-width: auto; }
    #autoplay.has-searcher {
      height: auto !important; }
      #autoplay.has-searcher .nav-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0;
        text-align: center; }
      #autoplay.has-searcher .text-block-1 {
        background-color: #fff;
        color: #263222;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        position: relative;
        height: 140px;
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center; }
      #autoplay.has-searcher .tabs_searcher {
        bottom: 0;
        position: relative;
        padding-bottom: 1rem; }
        #autoplay.has-searcher .tabs_searcher .nav-link:not(.active) {
          background-color: #F7F3E6; }
        #autoplay.has-searcher .tabs_searcher .nav-link.active {
          background-color: #263222; }
        #autoplay.has-searcher .tabs_searcher .boat-searcher-plugin, #autoplay.has-searcher .tabs_searcher .activity-searcher-plugin {
          bottom: 0;
          background-color: white;
          position: relative;
          margin: unset;
          padding-bottom: unset; }
      #autoplay.has-searcher .boat-searcher-plugin, #autoplay.has-searcher .activity-searcher-plugin {
        bottom: 0;
        background-color: white;
        position: relative; } }
@media only screen and (max-width: 767.98px) {
  #autoplay {
    height: unset; }
    #autoplay .text-block {
      top: 0;
      left: 0;
      transform: unset;
      color: #F7F3E6;
      z-index: 1; }
      #autoplay .text-block h2, #autoplay .text-block h3 {
        text-shadow: unset; } }

/*******************************************************************************************************
YOUTUBE
********************************************************************************************************/
.youtube-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 500px;
  /* searchers with tabs */
  /* activity searcher */ }
  .youtube-container .text-block-1 {
    position: absolute;
    bottom: 55px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold; }
    .youtube-container .text-block-1 h2 {
      font-size: .9rem;
      font-weight: bold; }
    .youtube-container .text-block-1 h3 {
      font-size: 1.6em;
      font-weight: bold; }
    @media only screen and (max-width: 991.98px) {
      .youtube-container .text-block-1 h3 {
        font-size: .8rem; }
      .youtube-container .text-block-1 .andromeda-link a {
        margin: 0;
        font-size: .5rem;
        padding: .25rem;
        min-width: auto; } }
    @media only screen and (max-width: 767.98px) {
      .youtube-container .text-block-1 h2 {
        font-size: 0.5rem; }
      .youtube-container .text-block-1 h3 {
        font-size: 0.7rem; } }
  .youtube-container iframe {
    height: 100%; }
  .youtube-container.has-searcher .tabs_searcher {
    bottom: 60px;
    position: absolute;
    z-index: 10;
    font-family: 'Open Sans', sans-serif; }
    .youtube-container.has-searcher .tabs_searcher .boat-searcher-plugin, .youtube-container.has-searcher .tabs_searcher .activity-searcher-plugin {
      position: unset; }
    .youtube-container.has-searcher .tabs_searcher .nav-link:not(.active) {
      background-color: #F7F3E6e0;
      color: #263222; }
    .youtube-container.has-searcher .tabs_searcher .nav-link.active {
      background-color: #263222e0;
      color: #F7F3E6; }
    .youtube-container.has-searcher .tabs_searcher .nav-tabs {
      border: unset; }
      .youtube-container.has-searcher .tabs_searcher .nav-tabs .nav-link {
        border: solid 1px #263222;
        padding: .25rem .5rem;
        font-size: .8rem; }
      .youtube-container.has-searcher .tabs_searcher .nav-tabs .nav-item {
        margin: 0; }
  .youtube-container.has-searcher .text-block-1 {
    bottom: 185px; }
  .youtube-container.has-searcher .boat-searcher-plugin, .youtube-container.has-searcher .activity-searcher-plugin {
    bottom: 60px;
    position: absolute;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.6); }
  .youtube-container .andromeda-link {
    text-align: center; }
    .youtube-container .andromeda-link a {
      color: #263222;
      background-color: #F7F3E6;
      border-radius: 0;
      border: 1px solid #263222;
      font-family: 'Open Sans', sans-serif;
      font-size: .8rem;
      padding: .5rem; }
    .youtube-container .andromeda-link a:hover {
      color: #F7F3E6;
      background-color: #263222; }
  .youtube-container #activity-searcher-row {
    margin: 0;
    align-items: center; }
  @media (min-width: 991.98px) and (max-width: 1600px) {
    .youtube-container .input-activity-searcher .input-group-append .btn {
      height: calc(1.65rem + 2px); } }
  @media only screen and (max-width: 991.98px) {
    .youtube-container.has-searcher .nav-item {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding: 0;
      text-align: center; }
    .youtube-container.has-searcher .text-block-1 {
      background-color: #fff;
      color: #263222;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      position: relative;
      height: 140px;
      padding: 15px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .youtube-container.has-searcher .tabs_searcher {
      bottom: 0;
      position: relative;
      padding-bottom: 1rem; }
      .youtube-container.has-searcher .tabs_searcher .nav-link:not(.active) {
        background-color: #F7F3E6; }
      .youtube-container.has-searcher .tabs_searcher .nav-link.active {
        background-color: #263222; }
      .youtube-container.has-searcher .tabs_searcher .boat-searcher-plugin, .youtube-container.has-searcher .tabs_searcher .activity-searcher-plugin {
        bottom: 0;
        background-color: #263222 !important;
        position: relative;
        margin: unset;
        padding-bottom: unsets; }
    .youtube-container.has-searcher .boat-searcher-plugin, .youtube-container.has-searcher .activity-searcher-plugin {
      bottom: 0;
      background-color: #263222 !important;
      position: relative;
      margin-left: 1rem;
      margin-right: 1rem;
      margin-bottom: 1rem; } }
@media only screen and (max-width: 991.98px) {
  .youtube-container.has-searcher {
    height: auto !important; } }

.youtube-container.autoplay .video-wrapper {
  pointer-events: none;
  width: 100%;
  /* enlarge beyond browser width */
  padding-bottom: 42.85%; }

@media only screen and (max-width: 550px) {
  .youtube-container.autoplay .video-wrapper {
    pointer-events: unset; } }

.youtube-container .video-wrapper,
.youtube-container .video-wrapper .video-div {
  width: 100%;
  height: 100%;
  padding: 0; }

.youtube-container.showinfo-0 .video-wrapper .video-div {
  position: absolute;
  top: -150px;
  left: 0;
  right: 0;
  bottom: -150px;
  width: unset;
  height: unset; }

.youtube-container.showinfo-0 {
  height: unset; }

.youtube-container.showinfo-0 .video-wrapper iframe {
  width: 100%;
  height: 100%; }

.youtube-container .video-wrapper {
  position: relative; }

/*******************************************************************************************************
VIMEO
********************************************************************************************************/
.vimeo-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* TEXT UNDER VIDEO */
@media only screen and (max-width: 767.98px) {
  .hide-text {
    display: none; }
  .youtube-container .text-block-1,
  #autoplay .text-block {
    position: relative;
    bottom: 0;
    z-index: 10;
    padding: 15px;
    background-color: #fff;
    color: #0E190D;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold; }
    .youtube-container .text-block-1 .andromeda-link a,
    #autoplay .text-block .andromeda-link a {
      margin: 0;
      font-size: .5rem;
      padding: .25rem;
      min-width: auto; } }

/*------------------------------ vertical bootstrap slider compatibility ----------------------------*/
.carousel-vertical .youtube-container .text-block .subtitle-box {
  bottom: 130px; }