/****************************************
  MEDIA QUERIES
****************************************/
/****************************************
  HERO
****************************************/
#header-django.header-fixed ~ #cms-content .hero-new-xl {
  margin-top: -85px; }

.hero-new-xl {
  position: relative;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  .hero-new-xl::after {
    content: '';
    width: 100%;
    height: 100%;
    background: #00000040;
    display: block;
    position: absolute;
    top: 0; }
  .hero-new-xl h1 {
    color: white; }
    @media (min-width: 770px) and (max-width: 989px), (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
      .hero-new-xl h1 {
        font-size: 48px; } }
    @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
      .hero-new-xl h1 {
        font-size: 22px; } }
  .hero-new-xl h2 {
    color: white; }
    @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
      .hero-new-xl h2 {
        font-size: 16px; } }
  .hero-new-xl .carousel-default {
    height: 100%;
    width: 100%;
    position: relative; }
    .hero-new-xl .carousel-default .slide {
      height: 100%; }
    .hero-new-xl .carousel-default .carousel-inner {
      height: 100%; }
      .hero-new-xl .carousel-default .carousel-inner .carousel-item img {
        animation: zoom 13s infinite;
        object-fit: cover;
        height: 100%; }
  .hero-new-xl .carousel-default, .hero-new-xl .carousel.slide, .hero-new-xl .carousel-inner {
    height: 100%;
    width: 100%; }
  .hero-new-xl #autoplay {
    height: 100%;
    width: 100%; }
    .hero-new-xl #autoplay .video-wrapper {
      height: 100%; }
  .hero-new-xl .videobox video {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .hero-new-xl .youtube-container {
    height: 100% !important; }
    @media (max-width: 480px) {
      .hero-new-xl .youtube-container {
        transform: scale(4.8); } }
    @media (min-width: 481px) and (max-width: 769px) {
      .hero-new-xl .youtube-container {
        transform: scale(4.6); } }
    @media (min-width: 770px) and (max-width: 989px) {
      .hero-new-xl .youtube-container {
        transform: scale(2.6); } }
    @media (min-width: 990px) and (max-width: 1199px) {
      .hero-new-xl .youtube-container {
        transform: scale(1.6); } }
    @media (min-width: 1200px) {
      .hero-new-xl .youtube-container {
        transform: scale(1.2); } }
    .hero-new-xl .youtube-container.autoplay .video-wrapper {
      height: 100%; }
  .hero-new-xl .hero-content {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2; }
    .hero-new-xl .hero-content .tabs_searcher .nav-tabs {
      border-bottom: none;
      padding-left: 21px;
      border-bottom: none; }
      @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
        .hero-new-xl .hero-content .tabs_searcher .nav-tabs {
          padding: 0 15px; } }
      .hero-new-xl .hero-content .tabs_searcher .nav-tabs .nav-item {
        margin-bottom: 0; }
      .hero-new-xl .hero-content .tabs_searcher .nav-tabs .nav-link {
        padding: .3rem .8rem;
        background-color: #00407F;
        color: white;
        border: none;
        font-family: unset; }
        .hero-new-xl .hero-content .tabs_searcher .nav-tabs .nav-link.active {
          padding: .3rem .8rem;
          background-color: white;
          color: #00407F;
          border: none; }
    .hero-new-xl .hero-content .boat-searcher-plugin {
      border-radius: 20px; }
      @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
        .hero-new-xl .hero-content .boat-searcher-plugin {
          padding: 10px; } }
      .hero-new-xl .hero-content .boat-searcher-plugin .input-group-prepend .input-group-text,
      .hero-new-xl .hero-content .boat-searcher-plugin .input-search-calendar:focus, .hero-new-xl .hero-content .boat-searcher-plugin .input-boat-searcher .form-control {
        border: none; }
      .hero-new-xl .hero-content .boat-searcher-plugin a[data-link-to-list-dinamically] {
        border-radius: 20px;
        margin-left: 10px; }
        @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
          .hero-new-xl .hero-content .boat-searcher-plugin a[data-link-to-list-dinamically] {
            margin: 10px auto; } }
    .hero-new-xl .hero-content .activity-searcher-plugin {
      border-radius: 20px;
      width: 100%; }
      .hero-new-xl .hero-content .activity-searcher-plugin .input-group-prepend * {
        border: none !important; }
      .hero-new-xl .hero-content .activity-searcher-plugin .btn-submit-container button {
        border-radius: 20px; }
  .hero-new-xl .custom-btn {
    border: none;
    background-color: #F97068;
    color: white;
    font-weight: bold;
    font-size: 16px;
    border-radius: 40px;
    padding: 10px 40px;
    text-decoration: none;
    text-transform: unset !important;
    transition: background-color .2s ease-in, color .2s ease-in; }
  .hero-new-xl .custom-btn:hover {
    text-decoration: none;
    background-color: #00C4CC;
    color: white; }

.hero-new-md {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  @media (min-width: 770px) and (max-width: 989px), (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
    .hero-new-md {
      height: 60dvh; } }
  @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
    .hero-new-md {
      height: 80dvh; } }
  .hero-new-md::after {
    content: '';
    width: 100%;
    height: 100%;
    background: #00000040;
    display: block;
    position: absolute;
    top: 0; }
  .hero-new-md .hero-content {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2; }
    .hero-new-md .hero-content .tabs_searcher .nav-tabs {
      border-bottom: none;
      padding-left: 21px;
      border-bottom: none; }
      @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
        .hero-new-md .hero-content .tabs_searcher .nav-tabs {
          padding: 0 15px; } }
      .hero-new-md .hero-content .tabs_searcher .nav-tabs .nav-item {
        margin-bottom: 0; }
      .hero-new-md .hero-content .tabs_searcher .nav-tabs .nav-link {
        padding: .3rem .8rem;
        background-color: #00407F;
        color: white;
        border: none;
        font-family: unset; }
        .hero-new-md .hero-content .tabs_searcher .nav-tabs .nav-link.active {
          padding: .3rem .8rem;
          background-color: white;
          color: #00407F;
          border: none; }
    .hero-new-md .hero-content .boat-searcher-plugin {
      border-radius: 20px; }
      @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
        .hero-new-md .hero-content .boat-searcher-plugin {
          padding: 10px; } }
      .hero-new-md .hero-content .boat-searcher-plugin .input-group-prepend .input-group-text,
      .hero-new-md .hero-content .boat-searcher-plugin .input-search-calendar:focus, .hero-new-md .hero-content .boat-searcher-plugin .input-boat-searcher .form-control {
        border: none; }
      .hero-new-md .hero-content .boat-searcher-plugin a[data-link-to-list-dinamically] {
        border-radius: 20px;
        margin-left: 10px; }
        @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
          .hero-new-md .hero-content .boat-searcher-plugin a[data-link-to-list-dinamically] {
            margin: 10px auto; } }
    .hero-new-md .hero-content .activity-searcher-plugin {
      border-radius: 20px;
      width: 100%; }
      .hero-new-md .hero-content .activity-searcher-plugin .input-group-prepend * {
        border: none !important; }
      .hero-new-md .hero-content .activity-searcher-plugin .btn-submit-container button {
        border-radius: 20px; }
  .hero-new-md h1 {
    color: white; }
    @media (min-width: 770px) and (max-width: 989px), (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
      .hero-new-md h1 {
        font-size: 2.6rem; } }
    @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
      .hero-new-md h1 {
        font-size: 2rem; } }
  .hero-new-md h2 {
    color: white; }
    @media (min-width: 770px) and (max-width: 989px), (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
      .hero-new-md h2 {
        font-size: 28px; } }
    @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
      .hero-new-md h2 {
        font-size: 18px; } }
  .hero-new-md .custom-btn {
    border: none;
    background-color: #F97068;
    color: white;
    font-weight: bold;
    font-size: 16px;
    border-radius: 40px;
    padding: 10px 40px;
    text-decoration: none;
    text-transform: unset !important;
    transition: background-color .2s ease-in, color .2s ease-in; }
  .hero-new-md .custom-btn:hover {
    text-decoration: none;
    background-color: #00C4CC;
    color: white; }
  .hero-new-md #autoplay {
    height: 100%;
    width: 100%; }
    .hero-new-md #autoplay .video-wrapper {
      height: 100%; }
  .hero-new-md .videobox video {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .hero-new-md .carousel-default, .hero-new-md .carousel.slide, .hero-new-md .carousel-inner {
    height: 100%;
    width: 100%; }
    .hero-new-md .carousel-default .carousel-item, .hero-new-md .carousel.slide .carousel-item, .hero-new-md .carousel-inner .carousel-item {
      height: 100%; }
    .hero-new-md .carousel-default .carousel-item img, .hero-new-md .carousel.slide .carousel-item img, .hero-new-md .carousel-inner .carousel-item img {
      animation: zoom 13s infinite;
      object-fit: cover;
      height: 100%;
      width: 100%; }
  .hero-new-md .youtube-container {
    height: 100% !important; }
    @media (max-width: 480px) {
      .hero-new-md .youtube-container {
        transform: scale(4.8); } }
    @media (min-width: 481px) and (max-width: 769px) {
      .hero-new-md .youtube-container {
        transform: scale(4.6); } }
    @media (min-width: 770px) and (max-width: 989px) {
      .hero-new-md .youtube-container {
        transform: scale(2.6); } }
    @media (min-width: 990px) and (max-width: 1199px) {
      .hero-new-md .youtube-container {
        transform: scale(1.6); } }
    @media (min-width: 1200px) {
      .hero-new-md .youtube-container {
        transform: scale(1.2); } }
    .hero-new-md .youtube-container.autoplay .video-wrapper {
      height: 100%; }

@keyframes zoom {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.2); } }

@keyframes shake-down {
  0% {
    transform: translateY(0); }
  25% {
    transform: translateY(10px); }
  50% {
    transform: translateY(0); }
  75% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }

/****************************************
  COMMENTS
****************************************/
.comments-new .carousel-comments {
  user-select: none; }
  .comments-new .carousel-comments .image-container {
    top: 24px !important; }
  .comments-new .carousel-comments .carousel-inner {
    margin-bottom: 2rem; }
    .comments-new .carousel-comments .carousel-inner .comment-container {
      background-color: #00C4CC20;
      padding: 1.5rem;
      padding-top: 2.2rem;
      border-radius: 20px; }
      .comments-new .carousel-comments .carousel-inner .comment-container .comment p {
        font-size: .7rem; }
      .comments-new .carousel-comments .carousel-inner .comment-container:hover {
        background-color: #00C4CC; }
  .comments-new .carousel-comments .carousel-control-prev-icon,
  .comments-new .carousel-comments .carousel-control-next-icon {
    padding-right: 0;
    border-radius: 40px;
    padding-left: 0; }
    .comments-new .carousel-comments .carousel-control-prev-icon i,
    .comments-new .carousel-comments .carousel-control-next-icon i {
      font-size: 12px; }

/****************************************
  ANDROMEDA BACKGROUND TITLE
****************************************/
.background-title-new .background-title-container {
  min-height: 50dvh; }
  .background-title-new .background-title-container::after {
    background: linear-gradient(176deg, #00407F, rgba(0, 87, 117, 0)); }
  @media (max-width: 480px), (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
    .background-title-new .background-title-container.background-text-left .title-container {
      max-width: unset;
      position: absolute;
      margin-top: 0;
      left: 7%;
      padding-right: 7%; } }
  @media (max-width: 480px), (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
    .background-title-new .background-title-container.background-text-right .title-container {
      max-width: unset;
      position: absolute;
      margin-top: 0;
      right: 7%;
      padding-left: 7%; } }
  .background-title-new .background-title-container.background-text-left::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #00407F, rgba(0, 87, 117, 0));
    display: block;
    position: absolute;
    background-size: cover; }
  .background-title-new .background-title-container.background-text-right::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(242deg, #00407F, rgba(0, 87, 117, 0));
    display: block;
    position: absolute;
    background-size: cover; }
  .background-title-new .background-title-container .andromeda-link a {
    background-color: #00C4CC;
    border-radius: 50px; }
    .background-title-new .background-title-container .andromeda-link a:hover {
      background-color: white;
      color: #00C4CC; }

/****************************************
  INTRO
****************************************/
.intro-new p {
  font-size: 20px !important; }

/****************************************
  CONTACT FORM
****************************************/
.contact-new #contact_form input:not([type=checkbox]),
.contact-new #contact_form select,
.contact-new #contact_form textarea {
  border-radius: 10px;
  background-color: whitesmoke;
  border: none; }
  .contact-new #contact_form input:not([type=checkbox]):not([value=""]) ~ label, .contact-new #contact_form input:not([type=checkbox]):focus ~ label,
  .contact-new #contact_form select:not([value=""]) ~ label,
  .contact-new #contact_form select:focus ~ label,
  .contact-new #contact_form textarea:not([value=""]) ~ label,
  .contact-new #contact_form textarea:focus ~ label {
    font-size: .5rem;
    top: 5px; }

.contact-new #contact_form ~ label:not([type=date]), .contact-new #contact_form ~ label:not([type=number]) {
  font-size: .7rem; }

.contact-new #contact_form button[type=submit] {
  border-radius: 50px; }
  @media (max-width: 480px), (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
    .contact-new #contact_form button[type=submit] {
      margin-top: 15px; } }
/****************************************
  DESTINATIONS & BOAT TYPES BLOCK
****************************************/
.destinations-new,
.boat-types-new {
  position: relative;
  gap: 25px 0; }
  .destinations-new img,
  .boat-types-new img {
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
    width: 100%;
    filter: brightness(0.7); }
  .destinations-new a,
  .boat-types-new a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    padding-right: 30px;
    text-decoration: none; }
    .destinations-new a:hover h3,
    .boat-types-new a:hover h3 {
      font-size: 23px; }
    .destinations-new a h3,
    .boat-types-new a h3 {
      font-size: 26px;
      color: white;
      transition: font-size .2s ease-in; }

/****************************************
  BOAT & ACTIVITY LIST
****************************************/
.boat-list-new .andromeda-link a,
.activity-list-new .andromeda-link a {
  border: none;
  font-weight: bold;
  font-size: 16px;
  border-radius: 40px;
  padding: 10px 40px;
  text-decoration: none;
  text-transform: unset !important;
  transition: background-color .2s ease-in; }
  .boat-list-new .andromeda-link a:hover,
  .activity-list-new .andromeda-link a:hover {
    text-decoration: none;
    background-color: #00C4CC; }