/****************************************
  MEDIA QUERIES
****************************************/
#boat_card_tbg {
  height: 100%;
  min-height: 640px;
  width: 330px;
  border-radius: 20px;
  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  position: relative;
  cursor: pointer; }
  @media (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
    #boat_card_tbg {
      height: 525px; } }
  @media (max-width: 480px) {
    #boat_card_tbg {
      width: 300px;
      height: fit-content;
      min-height: unset; } }
  #boat_card_tbg .logo-boats {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    right: 40px; }
    #boat_card_tbg .logo-boats img {
      width: 75px;
      height: 45px;
      object-fit: contain; }
  #boat_card_tbg .boat-card-gallery .card-header-carousel .carousel-control-next,
  #boat_card_tbg .boat-card-gallery .card-header-carousel .carousel-control-prev {
    opacity: 1; }
  #boat_card_tbg .label-promoted {
    position: relative; }
    #boat_card_tbg .label-promoted span {
      font-size: .6rem;
      background-color: #84abb9;
      padding: 5px 10px;
      font-weight: bold;
      color: white;
      border-radius: 21px;
      position: absolute;
      right: 11px;
      top: -15px; }
  #boat_card_tbg .card-header-carousel .carousel-control-next-icon,
  #boat_card_tbg .card-header-carousel .carousel-control-prev-icon {
    width: 31px;
    height: 31px;
    background-color: #84abb980;
    border-radius: 50%; }
    #boat_card_tbg .card-header-carousel .carousel-control-next-icon i,
    #boat_card_tbg .card-header-carousel .carousel-control-prev-icon i {
      font-size: 18px;
      color: #fff; }
  #boat_card_tbg .card-header-carousel .list_img {
    border-radius: 20px 20px 0 0; }
    @media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
      #boat_card_tbg .card-header-carousel .list_img {
        height: 235px; } }
    @media (max-width: 480px), (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
      #boat_card_tbg .card-header-carousel .list_img {
        height: 210px; } }
  #boat_card_tbg .boat-card-header {
    padding: 0.8rem 1.25rem 0.25rem 1.25rem;
    color: #000000; }
    @media (max-width: 480px), (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
      #boat_card_tbg .boat-card-header {
        display: none; } }
    @media (max-width: 480px), (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
      #boat_card_tbg .boat-card-header + .card-header-mobile {
        display: block; } }
    @media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
      #boat_card_tbg .boat-card-header + .card-header-mobile {
        display: none; } }
    @media (max-width: 480px), (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
      #boat_card_tbg .boat-card-header.d-none + .boat-card-header-description + .link-boat .card-body {
        display: none !important; } }
    #boat_card_tbg .boat-card-header .boat-year {
      font-size: .7rem;
      font-weight: bold; }
    #boat_card_tbg .boat-card-header .boat-model {
      font-size: .9rem;
      font-weight: bold; }
    #boat_card_tbg .boat-card-header .boat-zone {
      font-size: .6rem;
      font-weight: normal;
      color: #84abb9;
      padding: .1rem 0; }
    #boat_card_tbg .boat-card-header .boat-name {
      font-size: .7rem;
      font-weight: bold; }
    #boat_card_tbg .boat-card-header .boat-abstract {
      width: 228px;
      font-size: .65rem;
      font-weight: normal;
      height: fit-content;
      overflow: hidden;
      padding-right: 10px;
      padding-top: 5px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      line-height: 1.5em;
      text-overflow: ellipsis; }
  #boat_card_tbg .show-description-btn,
  #boat_card_tbg .hide-description-btn {
    border-radius: 50%;
    border: 2px solid #84abb9;
    height: 1.5rem;
    width: 1.5rem;
    padding: 0 0.255rem 0 0.25rem;
    background: #84abb9;
    color: #fff;
    box-shadow: unset; }
  #boat_card_tbg .boat-card-header-description {
    background-color: #f3f2f2;
    margin: 1rem 0.5rem;
    padding: 0.5rem;
    font-size: .7rem;
    font-weight: normal;
    position: relative;
    border-radius: 15px; }
    #boat_card_tbg .boat-card-header-description .boat-year {
      font-size: .7rem;
      font-weight: bold; }
    #boat_card_tbg .boat-card-header-description .boat-model {
      font-size: .9rem;
      font-weight: bold; }
    #boat_card_tbg .boat-card-header-description .boat-name {
      font-weight: bold; }
    #boat_card_tbg .boat-card-header-description p {
      font-size: .7rem;
      font-weight: normal; }
    #boat_card_tbg .boat-card-header-description .hide-description-btn {
      position: absolute;
      bottom: -15px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }
    #boat_card_tbg .boat-card-header-description .text-col {
      overflow-y: auto;
      max-height: 300px; }
      @media (max-width: 480px), (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
        #boat_card_tbg .boat-card-header-description .text-col {
          overflow-y: auto;
          max-height: 295px; } }
  #boat_card_tbg ::-webkit-scrollbar {
    width: 10px; }
  #boat_card_tbg ::-webkit-scrollbar-track {
    border-radius: 20px;
    background-color: #fff; }
  #boat_card_tbg ::-webkit-scrollbar-thumb {
    background: #84abb9;
    border-radius: 20px; }
  #boat_card_tbg .card-body {
    padding: 0 1.25rem 0.5rem 1.25rem;
    color: #000000;
    margin-top: 0.5rem; }
    #boat_card_tbg .card-body .price-container {
      flex-wrap: wrap;
      gap: 5px 15px; }
    #boat_card_tbg .card-body .discount-tooltip[data-tooltip]:hover::after {
      display: block;
      position: absolute;
      content: attr(data-tooltip);
      background: black;
      color: white;
      padding: .5rem;
      z-index: 10;
      border-radius: 8px;
      min-width: 180px;
      font-size: .6rem;
      top: -35px;
      left: 60%; }
    #boat_card_tbg .card-body .base-price-without-discount {
      font-size: 0.65rem;
      text-decoration: line-through;
      color: #6c757d; }
    #boat_card_tbg .card-body .col-feature svg {
      width: 1.5rem;
      height: 1.5rem; }
      #boat_card_tbg .card-body .col-feature svg path,
      #boat_card_tbg .card-body .col-feature svg circle,
      #boat_card_tbg .card-body .col-feature svg rect {
        fill: #8798a9; }
    #boat_card_tbg .card-body .card-bottom {
      border-radius: 10px;
      background-color: #f3f2f2;
      color: #000000; }
      #boat_card_tbg .card-body .card-bottom .from_text {
        padding-top: 0.5rem;
        font-size: 12px;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase; }
      #boat_card_tbg .card-body .card-bottom .list-text-color {
        color: #000000; }
      #boat_card_tbg .card-body .card-bottom .price {
        padding: 2px; }
        #boat_card_tbg .card-body .card-bottom .price + :not(:first-child) {
          border-left: unset; }
        #boat_card_tbg .card-body .card-bottom .price + :not(:last-child) {
          border-right: unset; }
      #boat_card_tbg .card-body .card-bottom .price-title {
        font-size: 0.6rem;
        text-align: center;
        text-transform: capitalize;
        text-wrap: nowrap; }
      #boat_card_tbg .card-body .card-bottom .price-num {
        font-size: 0.8rem; }
  #boat_card_tbg .btn-calendar-half,
  #boat_card_tbg .btn-close-calendar {
    border-bottom-left-radius: 20px;
    background-color: #116a9d;
    opacity: 1;
    transition: background-color .2s ease;
    font-size: .6rem; }
    #boat_card_tbg .btn-calendar-half:hover,
    #boat_card_tbg .btn-close-calendar:hover {
      background-color: #116a9dd4; }
  #boat_card_tbg .btn-book-half {
    background-color: #84abb9;
    opacity: 1;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .7rem;
    font-family: 'Open Sans', sans-serif;
    color: white;
    border-radius: 0 0 20px 0;
    transition: background-color .2s ease; }
    #boat_card_tbg .btn-book-half:hover {
      background-color: #84abb9d4; }
  #boat_card_tbg .calendar-card {
    border-radius: 20px; }
  #boat_card_tbg .btn-details-calendar {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #84abb9; }
  #boat_card_tbg:hover:not(.not-available) .btn-details-calendar {
    background-color: #02A6C3; }
  #boat_card_tbg:hover:not(.not-available) .show-description-btn,
  #boat_card_tbg:hover:not(.not-available) .hide-description-btn {
    border-color: #02A6C3;
    background: #02A6C3; }
  #boat_card_tbg.not-available {
    cursor: unset; }
    #boat_card_tbg.not-available .boat-card-header,
    #boat_card_tbg.not-available .boat-card-header-description,
    #boat_card_tbg.not-available .card-body *,
    #boat_card_tbg.not-available .boat-card-header * {
      color: #8e8e8e !important; }
    #boat_card_tbg.not-available .list_img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
    #boat_card_tbg.not-available .btn-item-calendar {
      background-color: #c0c0c0;
      color: #fff !important; }

#boat_card_tbg.row_list {
  height: 340px !important;
  min-height: 340px;
  max-width: 1055px;
  width: auto;
  margin: 0 0 40px 0; }
  #boat_card_tbg.row_list .carousel-inner {
    width: 480px; }
    #boat_card_tbg.row_list .carousel-inner .card-img-top {
      width: 480px;
      height: 340px;
      border-radius: 15px 0 0 15px; }
  #boat_card_tbg.row_list .boat-card-header {
    width: 100%;
    padding: 0; }
  #boat_card_tbg.row_list .boat-card-header-description {
    margin: 0;
    padding: 0;
    font-size: inherit; }
    #boat_card_tbg.row_list .boat-card-header-description .btn-details-calendar {
      border-radius: 10px;
      width: 175px;
      height: 34px;
      display: flex;
      align-items: center;
      justify-content: center; }
    #boat_card_tbg.row_list .boat-card-header-description .hide-description-btn {
      position: unset;
      margin-right: unset; }
    #boat_card_tbg.row_list .boat-card-header-description .description-button-section {
      margin-top: auto;
      padding: 0 1.5rem 1.5rem 1.5rem; }
    #boat_card_tbg.row_list .boat-card-header-description .description-abstract-container {
      max-height: 125px;
      overflow-y: auto;
      margin-right: 1rem; }
  #boat_card_tbg.row_list .text-col {
    color: #000000;
    padding: 1rem 1.5rem 0 1.5rem; }
  #boat_card_tbg.row_list .card-body {
    margin-top: auto;
    padding: 0 1.5rem 1.5rem 1.5rem; }
    #boat_card_tbg.row_list .card-body .icons-and-prices {
      width: 100%;
      max-width: 300px;
      margin-right: 1rem; }
    #boat_card_tbg.row_list .card-body .book-btn-section {
      max-width: 180px;
      width: 100%; }
      #boat_card_tbg.row_list .card-body .book-btn-section .btn-details-calendar {
        height: 55px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center; }