/*=============== VARIABLES CSS ===============*/

:root {
    /*========== Colors ==========*/
    --body-color: #F5F5F5;
    --main-color: #191234;
    --accent-color: #F4961A;
    --title-color: #101010;
    --text-color: #101010;
    --container-color: #cfcfcf;
    --mob-menu-color: #0E3246;
    --link-color: #0E3246;
    --link-hover-color: #0c6780;
    --border-radius: 4px;
    --grey: #e4e7e8;
    --white: #FFF;
    --black: #282828;
    /*========== Font and typography ==========*/
    /*.5rem = 8px | 1rem = 16px ...*/
    --body-font: 'Open Sans', sans-serif;
    --secondary-font: 'PT Mono', monospace;
    --big-font-size: 2.5rem;
    --h1-font-size: 1.5rem;
    --h2-font-size: 1.25rem;
    --h3-font-size: 1rem;
    --normal-font-size: .875rem;
    --small-font-size: .813rem;
    --smaller-font-size: .75rem;
    /*========== Margin Bottom ==========*/
    /*.5rem = 8px | 1rem = 16px ...*/
    --mb-0-5: .5rem;
    --mb-0-75: .75rem;
    --mb-1: 1rem;
    --mb-1-5: 1.5rem;
    --mb-2: 2rem;
    --mb-2-5: 2.5rem;
}

/* Responsive typography */

@media screen and (min-width: 1140px) {
    :root {
        --big-font-size: 2.5rem;
        --h1-font-size: 2.25rem;
        --h2-font-size: 1.5rem;
        --h3-font-size: 1.25rem;
        --normal-font-size: .875rem;
        --small-font-size: .875rem;
        --smaller-font-size: .75rem;
    }
}


/*=============== BASE ===============*/

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

/* html {
    scroll-behavior: smooth;
} */


/* button {
    cursor: pointer;
    border: none;
    outline: none;
} */


/*=============== REUSABLE CSS CLASSES ===============*/
.dtmg__section,
.dtmg__section:last-of-type {
    padding: 0;
}

.section__title,
.dtmg__content_main .dtmg__container h2,
.dtmg__content_cta .dtmg__container h2 {
    font-size: var(--h2-font-size);
    line-height: 140%;
    font-weight: bolder;
    /* color: var(--black); */
    margin: 10px 0;
}

hr.inner.dtmg__divider {
    border: 2px solid #F5F5F5;
}

.section__subtitle {
    font-size: var(--h3-font-size);
    line-height: 140%;
    font-weight: bold;
    /* color: var(--black); */
    display: block;
}

.text-center {
    text-align: center;
}

.dtmg__container {
    /* max-width: 1140px;
    margin-left: var(--mb-1-5);
    margin-right: var(--mb-1-5); */
}

.dtmg__container article h3.section__title::before {
    display: none;
}

.grid {
    display: grid;
}

.flex {
    display: flex;
}

.text-white {
    color: var(--white);
}

.dtmg__btn {
    display: inline-block;
    border: 1px solid var(--white);
    background-color: var(--white);
    /* border-radius: 999px; */
    color: var(--text-color);
    padding: 4px 10px;
    min-width: 120px;
    text-align: center;
    font-weight: 500;
    margin: 1rem 0;
    transition: all .3s ease-out;
}

.dtmg__btn:hover {
    background-color: transparent;
    color: var(--white);
}

.dtmg__btn:focus {
    outline: none;
}

.dtmg__btn--alt {
    border-color: var(--accent-color);
    background-color: var(--accent-color);
    color: var(--text);
}

.dtmg__btn--alt:hover {
    background-color: transparent;
    color: var(--accent-color);
}

.dtmg__btn--disabled,
.dtmg__btn--disabled:hover {
    background-color: #DFDFDF;
    border-color: #DFDFDF;
    color: #9FAAB0;
    cursor: not-allowed;
}

.dtmg__btn--disabled:focus {
    outline: none;
}

.dtmg__spacing {
    padding: 2.5rem 0;
    ;
}

/*=============== HEADER BLOCK ===============*/
.dtmg__header {
    background-color: var(--accent-color);
    color: var(--white);
}

.dtmg__header .dtmg__container {
    padding: 2.5rem 0;
}

/* .dtmg__header .dtmg__back_btn span, */
.dtmg__header .dtmg__back_btn a {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 999px;
    text-align: center;
    padding: 10px 12px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    transition: all .3s ease-out;
}

.dtmg__header .dtmg__back_btn i {
    margin-right: 6px;
    transition: all .3s ease-out;
}

.dtmg__header .dtmg__back_btn a:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

.dtmg__header .dtmg__back_btn a:hover i {
    margin-right: 8px;
}

/*=============== SECONDARY NAV ===============*/
section.dtmg__secondary_nav {
    border-bottom: 2px solid var(--grey);
}

.dtmg__nav .nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.dtmg__nav .nav__list .nav__list_item {
    position: relative;
    padding: 1.5rem 0;
}

.dtmg__nav .nav__list .nav__list_item.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    display: block;
    height: 2px;
    width: 100%;
    background-color: var(--accent-color);
}

/*=============== MAIN CONTENT ===============*/

.dtmg__content_main .dtmg__container,
.dtmg__content_main .dtmg__container .dtmg__inner_wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.dtmg__content_main .dtmg__container article {
    flex: 2;
    margin: 0;
    padding: 0;
}

.dtmg__content_main .dtmg__container aside {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
    background-color: var(--grey);
    padding: 2rem;
    color: var(--text);
    margin-top: 0;
}

.dtmg__content_main .dtmg__container aside h4.dtmg__list_title {
    margin-bottom: 20px;
}

.dtmg__content_main .dtmg__container aside .dtmg__list_item {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 8px 0;
}

.dtmg__content_main a.dtmg__btn {
    width: 100%;
    height: 50px;
    line-height: 1.8;
    padding: 10px;
}

/*=============== BANNER DTMG ===============*/
.dtmg__content_cta {
    background-color: var(--grey);
}

.dtmg__content_cta .dtmg__container {
    text-align: center;
}

/*=============== FAQ BLOCK ===============*/
.dtmg__content_cta--faq .dtmg__container {
    background-color: var(--text-color);
    color: var(--white);
    margin: 2rem auto;
}

.dtmg__content_cta--faq .dtmg__container .dtmg__faq {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.dtmg__content_cta--faq .dtmg__container .dtmg__faq .faq__content {
    padding: 2rem;
}

.dtmg__content_cta--faq .dtmg__container .dtmg__faq .faq__image {
    height: 260px;
    overflow: hidden;
    position: relative;
}

.dtmg__content_cta--faq .dtmg__container .dtmg__faq .faq__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*=============== CRUISE LINES ===============*/
.cruiseline__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.cruiseline__list_item {
    padding-top: 64%;
    position: relative;
    border-radius: 12px;
    background: var(--white);
    border: 1px solid var(--border-grey);
    cursor: pointer;
    transition: all 0.3s ease-in;
}

.cruiseline__list_item a,
.cruiseline__list_item img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cruiseline__list_item a {
    z-index: 999;
}

.cruiseline__list_item img {
    max-height: 200px;
    max-width: 320px;
    width: 100%;
    height: auto;
    /* padding: 20px; */
}

/*=============== CRUISE LINE DROPDOWN ===============*/

.cruise__dropdown_wrapper {
    display: grid;
}

.cruise__dropdown_wrapper .nice-select .list {
    z-index: 999;
}

.cruise__dropdown_wrapper .nice-select {
    flex: 1;
}

.cruise__dropdown_wrapper .nice-select span.current {
    font-weight: 600;
}

.dtmg__check_in_btn button {
    display: block;
    height: 50px;
    line-height: 2;
}

.cruise__dropdown_wrapper .dtmg__check_in_btn {
    position: relative;
}

.cruise__dropdown_wrapper .dtmg__check_in_btn button {
    width: auto;
}

.cruise__dropdown_wrapper .dtmg__check_in_btn a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.cruise__dropdown_wrapper .list__wrapper {
    flex: 1;
}

.cruise__dropdown_wrapper .list__wrapper label {
    margin: 0;
}

ul.cg__dropdown,
ul.dropdown__select {
    list-style: none;
}

.dropdown__switch:checked+.dropdown__options-filter .dropdown__select {
    transform: scaleY(1);
    height: 260px;
    /* overflow-y: auto; */
    overflow-y: scroll;
    z-index: 99;
}

.dropdown__switch:checked+.dropdown__options-filter .dropdown__filter:after {
    transform: rotate(-135deg);
}

.dropdown__options-filter {
    width: 100%;
    cursor: pointer;
}

.dropdown__filter {
    position: relative;
    display: flex;
    padding: 14px;
    color: var(--text);
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
    margin-bottom: 0;
}

.dropdown__filter:focus {
    border: 1px solid var(--accent-color);
    outline: none;
    box-shadow: none;
}

.dropdown__filter::after {
    position: absolute;
    top: 45%;
    right: 14px;
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #595959;
    border-bottom: 2px solid #595959;
    transform: rotate(45deg) translateX(-45%);
    transition: 0.2s ease-in-out;
}

.dropdown__select {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 5px;
    overflow: hidden;
    box-shadow: 0 5px 10px 0 rgba(152, 152, 152, 0.6);
    transform: scaleY(0);
    transform-origin: top;
    font-weight: 300;
    transition: 0.2s ease-in-out;
}

.dropdown__select-option {
    padding: 20px;
    background-color: #fff;
    border-bottom: 1px solid #d6d6d6;
    transition: 0.3s;
    font-weight: 500;
    text-transform: none;
    color: var(--text-color);
}

/* .dropdown__select-option::after {
    content: '';
    height: 1px;
    background-color: #0c6780;
    width: 80%;
    display: block;
    margin: 0 auto;
  } */
.dropdown__select-option:last-of-type {
    border-bottom: 0;
}

.dropdown__select-option:hover {
    background-color: #f9f9f9;
}

.dropdown__select::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
    margin-right: 20px;
}

.dropdown__select::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.dropdown__select::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #bdb7b7;
}

/*=============== PRINCESS BLOCK ===============*/
.dtmg__cruiseline_info .app__links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    margin: 1rem 0;
}

.dtmg__cruiseline_info .app__links .app__logo img {
    max-width: 182px;
    height: auto;
    display: block;
}

.dtmg__cruiseline_info .cruiseline__info_logo img {
    max-width: 200px;
}

/*=============== CRUISE OFFERS CARDS ===============*/
.cruise-offers .item-cruise .cruise-name p {
    color: var(--colours-Black, #000);
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 122.222% */
    text-transform: capitalize;
    margin-bottom: 32px;
}
/*=============== SEARCH ===============*/
#search_actions li.action-reset i {
    transform: rotate(0) scaleX(-1) !important;
}

#search_actions li.action-reset:hover i {
    transform: rotate(-45deg) scaleX(-1) !important;
}

.pagination-left.pages .pg-button:not(.page-number):first-of-type i,
.pagination-left.pages .pg-button:not(.page-number):nth-child(2) i {
    padding-left: 0;
    padding-right: 8px;
}

/*=============== VIDEO MODAL ===============*/
body.modal-open {
    overflow-x: hidden;
    position: fixed;
}

.full__video_cta {
    padding: 10px 27px;
    display: block;
    /* border: 1px solid #fff; */
    /* border-radius: 10px; */
    color: white;
    background: #000;
    cursor: pointer;
    transition: all .3s ease-out;
}

.full__video_cta:hover {
    background: #937127;
}

.modal__video {
    display: none;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 0%, 0.8);
    z-index: 999999;
}

.modal__video .video__wrapper {
    position: relative;
}

.modal__video span.close {
    position: absolute;
    bottom: 90%;
    right: 48px;
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 999999;
    transition: all .3s ease-out;
}

/* .modal__video .video__wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
} */
.modal__video span.close:hover {
    color: #937127;
}

/* .modal__video_content {
    position:relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
    z-index: 20;
} */
.modal__video_content {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 20;
}

/* .modal__video_content video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */
.modal__video .empty-area {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.bg-spacer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* body.single-cruises #itinerary-section-agent2 .inner { */
.custom-arrows-slider .inner {
    position: relative;
}

/* body.single-cruises .custom-arrows-slider .inner .prev-btn.slick-prev::before,
body.single-cruises .custom-arrows-slider .inner .next-btn.slick-next::before { */
.custom-arrows-slider .inner .prev-btn.slick-prev::before,
.custom-arrows-slider .inner .next-btn.slick-next::before,
.builder-content-cards .inner .prev-btn.slick-prev::before,
.builder-content-cards .inner .next-btn.slick-next::before,
.content-block-slider .inner .prev-btn.slick-prev::before,
.content-block-slider .inner .next-btn.slick-next::before {
    color: #000;
    font-size: 50px;
    font-weight: 400;
}
.builder-content-cards .inner {
    position: relative;
}

/* @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
    .modal__video_content {
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        height: 100vw;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }
  } */

/*=============== Block Extras ===============*/
.product__extras_agent .inner__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 9px;
}

.product__extras_agent .extra-item {
    flex: 1 0 0%;
    padding: 16px;
    text-align: center;
    max-width: unset;
    height: auto;
    background-color: var(--dark-aqua);
    display: flex;
    align-items: center;
    justify-content: center;
}

.product__extras_agent .extra-item .extra-icon,
.product__extras_agent .extra-item .cruise-tooltip {
    display: none;
}

.product__extras_agent .extra-item .extra-text {
    color: var(--colours-White, #FFF);
    text-align: center;
    font-family: "Montserrat";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
    text-transform: uppercase;
}

/*=============== Search tablet image ===============*/
.tablet-static.tablet-only {
    display: none;
}

/*=============== Video Overlay ===============*/
.full-height-video .section-breadcrumbs {
    z-index: 10;
}
.full-height-video .video-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34.9%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 100%);

}
/*=============== Block Itinerary ===============*/
.operator-cruise-tour-product .block-itinerary:not(.slick-initialized) {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

/*=============== Life on Board accordions (B) ===============*/
section.life-on-board-accordions .ship-tab-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
section.life-on-board-accordions .ship-tab-selector .active .ship-tab-title {
    padding-top: 24px!important;
}
section.life-on-board-accordions .ship-tab-title span {
    min-height: initial;
}
section.life-on-board-accordions .ship-tab.active .ship-tab-title::after {
    bottom:auto;
    top:100%;
}

/*=============== CABINS & SUITES CARDS HEIGHT ISSUE ===============*/

.ship-tab-selector .ship-tab .ship-tab-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.cabin-prices .ship-tab-selector .ship-tab .ship-tab-inner .ship-tab-title {
    flex: 1;
}

/*=============== Enquiry Button Product Page ===============*/
.product-enquiry-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    margin-bottom: 24px;
}
.button-enquire {
    transition: color .2s;
    background-color: #000;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    padding: 13px 19px;
    border: none;
    display: block;
}
.product-enquiry-btn .button-enquire:hover {
    color: #FFF;
}

/*=============== SECONDARY NAV ===============*/
/* .secondary-nav-categories button.secondary-nav-button {
    -webkit-appearance:none;
} */
.secondary-nav-categories button.secondary-nav-button {
	padding:10px 27px;
	border:1px solid #000;
	background-color: #fff;
	color: var(--colours-Black, #000);
	font-family: var(--fonts-Primary-Font, Montserrat);
	font-size: var(--font-sizes-body, 16px);
	font-style: normal;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
    outline: none;
}
.secondary-nav-categories button.secondary-nav-button.active:focus,
.secondary-nav-categories button.secondary-nav-button.active:focus-visible,
.secondary-nav-categories button.secondary-nav-button.active:focus-within {
    outline: none;
}
.secondary-nav-categories button.secondary-nav-button.active {
	color:#fff;
	background-color: #000;
}

/*=============== GA-Context ===============*/
[data-ga-element].no-child-pointers *:not(a, [data-ga-element]) {
    pointer-events: none;
}

/*=============== Product Page ===============*/
body.single-cruises #cruise-meta .button-gold {
    line-height: normal;
    height: 44px;
    margin-top: auto;
}
/*=============== Golf Product Page ===============*/
body.operator-golf-product .itinerary-highlights-holder {
    background-size: auto;
}
body.operator-golf-product .itinerary-highlights-holder #itinerary-section-agent2 {
    background: #FFF;
    background-image: none;
}
/*=============== Email Us Block ===============*/
#email-us.white-monogram {
    padding: 0;
}

#email-us .back-to-details {
    font-size: 16px;
    line-height: 24px;
    text-transform: lowercase;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

#email-us .cg-cruise-enquiry-info .cruise-banner {
    display: flex;
    flex-direction: column;
}
#email-us .paragraph {
    /* display: flex;
    align-items: flex-start;
    gap: 16px; */
    font-size: 18px;
    color: #FFF;
}
#email-us .cruise-banner .content-header h1 {
    padding: 40px 40px 0 40px;
    margin-bottom: 24px;
}
#email-us .cruise-banner .content-header h3.cruise-banner-title {
    padding: 0 40px 0 40px;
}
#email-us .cruise-banner-info {
    padding:24px 0 0 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 40px;
}
#email-us .cruise-banner-info .paragraph {
  font-size: 22px;
  line-height: 30px;
}
#email-us .cruise-banner-info .paragraph strong,
#email-us .cruise-banner-info .open-hours strong {
  font-weight: 600;
}
#email-us .cruise-banner-info .open-hours {
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color:#fff;
    margin-bottom: 10px;
}
#email-us .cruise-banner-info .paragraph img {
   width: 24px;
   height: auto;
}

#email-us .cruise-banner-info .cruise-code,
#email-us .cruise-banner-info a.tel {
    color: var(--colours-Aqua, #0CC) !important;
    font-family: "Montserrat";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 1.08px;
    margin-bottom: 24px;
}
#email-us .cruise-banner-info a.tel {
    font-size: 32px;
}
#email-form hgroup p {
    font-size: 18px;
    margin: 0;
}
#email-form hgroup .icon-spacer {
    align-items: flex-start;
}
#email-form hgroup .icon-spacer img {
    width: 27px;
    height: auto;
    margin-top: 4px;
}
#email-form .frm_top_container label {
    margin-top: 0;
}
#email-form #form_enquiries2 .frm_section_heading h3 {
    margin-bottom: 28px;
}
#email-form .newsletter-checkbox label {
    font-size: 14px;
    line-height: 16px;
    max-width:480px;
}
#email-form .nice-select span.current.placeholder { color: #757575;}
#email-form .frm_checkbox input[type=checkbox] {
    accent-color: #000;
}
/*=============== BOOKING BUTTON ===============*/
.enquiry-block-cg {
    display: none;
}
/*=============== UPGRADE HOTEL ===============*/
#hotels-section.hotels-section .outer-accordion-item .accordion-item h2 .hotel-title {
    text-transform: initial;
}
/*=============== CARD IMAGE HEIGHT ===============*/
#content .cruise-offers .cruises-block .item-cruise .cruise-img-block img,
#content .cruise-img-block img,
#content .curated-grid .curated-item .cruise-img-block img,
.cruise-offers .cruises-block .item-cruise .cruise-img-block img {
    height: auto !important;
    max-height: 240px;
}
#content .cruise-offers .item-cruise .cruise-name, .curated-grid .curated-item .cruise-name,
.cruise-offers .item-cruise .cruise-name, .curated-grid .curated-item .cruise-name {
    margin-bottom: 16px !important;
}
#content .cruise-offers .item-cruise .cruise-meta-block,
.cruise-offers .item-cruise .cruise-meta-block {
    gap:16px !important;
    padding-bottom: 16px !important;
}
#content .cruise-offers .cruise-button-block, .curated-grid .curated-item .cruise-button-block,
.cruise-offers .cruise-button-block, .curated-grid .curated-item .cruise-button-block {
    padding-top: 16px !important;
}
#content .cruise-offers .cruise-content-block .cruise-meta-block .holiday-type img,
.cruise-offers .cruise-content-block .cruise-meta-block .holiday-type img,
#content .cruise-offers .cruise-content-block .cruise-meta-block .holiday-dates img,
.cruise-offers .cruise-content-block .cruise-meta-block .holiday-dates img {
    height: 20px !important;
}
.cruise-offers .cruise-content-block .cruise-meta-block .holiday-operator img {
    width: 30px !important;
    height: auto !important;
}
#content .cruise-offers .cruises-block .item-cruise .cruise-content-block,
.cruise-offers .cruises-block .item-cruise .cruise-content-block {
    padding: 16px 0 0 0!important;
}
.cruise-offers .cruises-block .item-cruise .cruise-content-block .cruiseline-logo img {
    height: 40px;
    max-height:initial;
    width: auto;
}
.filler-item.filler-type-Destination .filler-image {
    max-height: 240px;
}
/*=============== OFFERS LINK BTN ===============*/
.cruise-offers .button-block a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--dark-aqua);
    padding: 8px 14px;
    text-transform: capitalize;
    min-height: 56px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}

.cruise-offers .button-block a {
    font-family: 'Montserrat';
    background-color: var(--dark-aqua);
    transition: all .3s ease-out;
}

.cruise-offers .button-block:hover a {
    background-color: var(--link-gold);
}
/*=============== Slider Issue ===============*/

#home-carousel{
    visibility: hidden;
    height: 1px;
    transition: visibility 0s, height 0.5s linear;
}
/*=============== Bullet list fix ===============*/
#agent-signup .content-bullets ul {
    list-style: none;
    padding: 0;
}
#agent-signup .content-bullets ul li {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
}
#agent-signup .content-bullets li img {
    display: block;
    width: 190px;
    height: auto;
}
/*=============== Solo Traveller Price ===============*/
#cruise-meta .bottom-block hr {
    color: rgba(0, 0, 0, .3);
    margin: 10px 0;
    max-width: 120px;
}
#cruise-meta .solo-price {
    color: #000;
}
#cruise-meta .solo-price span:first-of-type {
    display: block;
    font-size: 10px;
}
#cruise-meta .solo-price span.secondary-price {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}
#cruise-meta .solo-price span.pp {
    font-size: 14px;
    font-weight: 600;
}
.cabins-price-wrapper {
    display: flex;
    flex-direction: column;
}
.cabins-price-wrapper hr {
    width: 100%;
    max-width: 152px;
    display: block;
    margin: 2px auto;
}
.similar-products-grid .cabins-price-wrapper hr {
    margin: 10px auto 0;
}
.similar-products-grid .similar-product-row .similar-product-item .similar-price {
    display: flex;
    flex-direction: column;
}
.similar-product.active .similar-mobile-info .cabins-price-wrapper hr,
.similar-product.active .similar-mobile-info .cabins-price-wrapper hr.mobile-only {
    display: none!important;
}
.cabins-price-wrapper .cabin-price-from.solo-price-from,
.similar-products-grid .cabins-price-wrapper .similar-price.solo-price span.similar-small {
    font-size: 10px;
}
.cabins-price-wrapper .cabin-price-from.solo-price-from span,
.cabins-price-wrapper .similar-price.solo-price,
.cabins-price-wrapper .cheapest-price .similar-price.solo-price,
.similar-products-grid .similar-product-row .similar-product-item.price-column .similar-price.solo-price {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}
.similar-products-grid .similar-product-row .similar-product-item.price-column .similar-price.solo-price {
    margin-top: 16px;
}
#prices-section .cabin-prices .tab-title-bar {
    display: flex;
    align-items: center;
    height: auto;
}
.tab-title-bar .content-price-wrapper,
.accordion-item .content-price-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    color: #FFF;
    transition: all .3s ease-out;
}
.accordion-item .content-price-wrapper {
    align-items: flex-end;
}
.accordion-item h2:not(.open) .content-price-wrapper {
    color: #000;
}
body.single-cruises .accordion-item h2:hover .content-price-wrapper {
    color: #FFF;
}
body.single-cruises .accordion-item h2:hover .content-price-wrapper .divider{
    background-color: #FFF;
}
.tab-title-bar .content-price-wrapper span.divider,
.content-price-wrapper span.divider {
    width: 1px;
    background-color: #FFF;
    height: 24px;
    margin: 0 16px;
}
.accordion-item h2:not(.open) .content-price-wrapper span.divider {
    background-color: #000;
}
.tab-title-bar .content-price-wrapper span.cabin-price-from.solo-price-from {
    font-size: 12px;
    color: #e7e7e7;
}
.tab-title-bar .content-price-wrapper span.cabin-price-from.solo-price-from span {
    font-size: 18px;
    font-weight: 600;
    color: #e7e7e7;
}
.content-price-wrapper span.cabin-price-from.solo-price-from .prices-from{
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.26px;
    font-weight: 400;
}
.content-price-wrapper span.cabin-price-from.solo-price-from span.the-price {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}
#cruise-meta .no-solo-price hr,
#cruise-meta .no-solo-price .solo-price {
    display:none;
}
.similar-price-block {
    position: relative;
}
.similar-products-grid .similar-price,
.similar-products-grid .cabin-price,
.similar-products-grid .cabin-price.cabin-price-solo {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*=============== TOP TABLET PHONE ===============*/
.tablet-phone-container {
    display: none;
}
/*=============== OPENING HOURS POPUP ===============*/
#opening-hours-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.5);
}
#opening-hours-popup .inner {
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    min-width: 382px;
    min-height: 222px;
}
#opening-hours-popup .inner hgroup {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 24px;
    width: 100%;
}
#opening-hours-popup .inner h2 {
    font-family: 'Lora', serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
}
#opening-hours-popup .inner hgroup i {
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    transition: all .3s ease-out;
}
#opening-hours-popup .inner hgroup .confirmation-close i {
    font-size: 30px;
    font-weight: 500;
    color: #FFF;
    transition: all .3s ease-out;
}
#opening-hours-popup .inner hgroup .confirmation-close i:hover {
    color: var(--link-gold);
    transition: all .3s ease-out;
}
#opening-hours-popup .inner div.divider {
    width: 1px;
    background-color: #FFF;
    margin: 0 32px;
}
#opening-hours-popup .inner div.content__wrapper {
    width: 100%;
}

/*=============== NAVLESS TEMPLATE LOGO ===============*/

body.navless-template #header-content,
body.navless-template #header-content #logo {
    height: auto;
}
/*=============== SECRET CARDS STYLE ADJUSTMENTS ===============*/
.holiday-operator.secret img {
    max-width: 24px;
    margin-left: 6px;
    margin-right: 2px;
}
/*=============== NEW CONTENT BLOCK SLIDER ===============*/
.builder-content-cards .inner {
    position: relative;
}
.content-block-slider {
    position: relative;
}
.content-block-slider ul.slick-dots{
    position: initial;
}
.content-block-slider .slick-track {
    display: flex;
    /* gap: 24px; */
    /* margin-left: -10px; */
}
.content-block-slider .slick-track .slick-slide {
    display: flex;
    height: auto;
}
.content-block-slider .slick-slide>div {
    height: auto;
    padding-bottom: 30px;
    flex:1;
    max-width: 384px;
    margin: 0 8px;
}
.content-block-slider .slick-slide .item-cruise-line {
    display: flex!important;
    flex-direction: column;
    height: 100%;
}
.content-block-slider .slick-slide .item-cruise-line .meta-data-flex {
    flex:1;
}
.cruise-lines-section .content-block-slider div.cruise-line-name,
.cruise-lines-section .content-block-slider div.cruise-line-description {
    text-align: center;
    color: #000;
}
.cruise-lines-section.builder-content-cards .content-block-slider .meta-data {
    padding:20px;
}
.cruise-lines-section .content-block-slider .cruise-line-logo {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.operator-cruiseline__list {
    display: flex;
    flex-wrap: wrap;
}
.operator-cruiseline__list span:not(:last-child)::after {
    content: ', ';
    display: inline-block;
    margin-right: 5px;
}

/*=============== PHONE ICON MOBILE ===============*/

#mobile-nav-block .mobile-phone-container,
.tablet-phone-container .fsource__tel,
.tablet-phone-container .schedule span {
    display: none;
}
/*=============== BREAKPOINTS ===============*/


/* For small devices */

@media screen and (max-width: 320px) {
    .dtmg__container {
        margin-left: var(--mb-1);
        margin-right: var(--mb-1);
    }
}
@media screen and (max-width: 480px) {
    .desktop-only-inline {
        display: none;
    }
    .mobile-only-inline {
        display: inline-block;
    }
}
@media screen and (min-width: 481px) {
    .desktop-only-inline {
        display: inline-block;
    }
    .mobile-only-inline {
        display: none;
    }
}
@media screen and (max-width: 580px) {
    #mobile-nav-block .mobile-phone-container {
        display: block;
    }
}
@media screen and (min-width: 581px) {
    .tablet-phone-container .schedule,
    .tablet-phone-container .schedule span {
        line-height: 1.2;
        font-size: 14px;
        display: block;
     }
      .tablet-phone-container .fsource__tel {
        display: block;
      }
}

@media screen and (max-width: 690px) {
    #product-video-header .video-scroll {
        display: none;
    }
    #product-video-header #cruise-meta {
        padding-bottom: 16px!important;
    }
    /* #email-form #form_enquiries2 .form-field textarea {
        width: calc(100% - 30px);
    } */
}
@media screen and (max-width: 848px) {
    #container #cabins-prices .life-on-board-container.cabin-prices .accordion-item h2 {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap:2rem;
     }
     #container #cabins-prices .life-on-board-container.cabin-prices .accordion-item h2 span.cabin-location {
        width: auto;
     }
     #container #cabins-prices .life-on-board-container.cabin-prices .accordion-item h2 .content-price-wrapper,
     .tab-title-bar .content-price-wrapper {
        flex-direction: column;
        align-items: flex-start;
     }
     #container #cabins-prices .life-on-board-container.cabin-prices .accordion-item h2 .content-price-wrapper span.divider,
     .tab-title-bar .content-price-wrapper span.divider {
        height: 1px;
        width: 100%;
        margin: 4px 0;
     }
    .builder-content-cards .slick-next {
        right: -12px !important;
    }
    .builder-content-cards .slick-prev {
        left: -12px !important;
    }
}

@media (min-width: 581px) and (max-width: 1280px) {
    .tablet-phone-container {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    .tablet-phone-container .phone-title img {
        width: 24px;
    }
    .tablet-phone-container a.fsource__tel {
        font-size: 14px;
        line-height: 1;
        font-weight: 600;
    }
    .tablet-phone-container .schedule a {
        font-size: 10px;
        line-height: 1;
        text-decoration: underline;
    }
}
@media screen and (max-width: 969px) and (min-width: 462px) {
    .static-search-banner a img.tablet-static.tablet-only {
        display: block;
        height: auto;
        width: 100%;
        max-height: initial;
        object-fit: cover;
        object-position: center;
    }

    .static-search-banner a img.mobile-only {
        display: none !important;
    }
}

/* For medium devices */

@media screen and (max-width: 920px) {
    .cruise-offers .item-cruise .cruise-name p {
        margin-bottom: 24px;
        font-size: 16px;
    }
    .cruise-slide-meta .bottom-block .price, #cruise-meta .cruise-slide-meta .bottom-block .price {
        grid-template-columns: 1fr auto;
    }
    #cruise-meta .cruise-slide-meta .bottom-block .price button {
        min-height: 44px;
        margin-top: auto;
    }
    #email-us .content-margin {
        padding: 24px;
        margin-right: 24px;
        margin-left: 24px;
    }
    #email-us .cruise-banner .content-header h3.cruise-banner-title {
        padding-bottom: 16px;
    }
    #email-us .cruise-banner .content-header h1 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    #email-us .cruise-banner .content-header h3.cruise-banner-title {
        font-size: 20px;
        line-height: 28px;
    }
    #email-us .cruise-banner-info {
        width: calc(100% - 80px);
        padding-left: initial;
    }
    #email-us .paragraph {
        gap: 8px;
        font-size: 18px;
    }
    #email-us .cruise-banner-info .paragraph {
        font-size: 16px;
        line-height: 28px;
    }
    #email-us .cruise-banner-info a.tel  {
        font-size: 24px;
        line-height: 32px;
        white-space: nowrap;
    }
    #email-us .cruise-banner-info .cruise-code {
        font-size: 18px;
        line-height: 28px;
    }
    #email-form hgroup p {
        font-size: 14px;
    }
    #email-form #form_enquiries2 .frm_checkbox label {
        gap:8px;
    }
    #email-form #form_enquiries2 .full-width-field textarea {
        margin-bottom: 8px;
    }
    #email-form #form_enquiries2 #frm_field_77_container {
        margin-bottom: 0;
    }
    #email-form #form_enquiries2 .frm_submit {
        text-align: right;
    }
    #email-form #form_enquiries2 .frm_section_heading h3 {
        margin-bottom: 24px;
    }
    #email-us .back-to-details {
        font-size: 12px;
        line-height: normal;
        padding: 16px 24px;
    }
    #email-us .back-to-details i {
        font-size: 15px;
    }
    #email-us .cg-cruise-enquiry-info section.selected-cruise {
        padding-bottom: 0;
    }
    /*Product Page Booking Button*/
    /* #cruise-meta .product-version-b a.button-gold, 
    #cruise-meta .product-version-b button,
    #cruise-meta .product-version-c a.button-gold, 
    #cruise-meta .product-version-c button {
        display: none;
    } */
    .enquiry-block-cg {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .operator-cruise-tour-product #cruise-meta .product-version-b .meta-enquiry-button,
    .operator-cruise-tour-product #cruise-meta .product-version-c .meta-enquiry-button {

        display: none;
    }
    .enquiry-block-cg .price {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        color: #000;
    }
    .operator-cruise-tour-product .enquiry-block-cg .pre-price span:nth-child(1) {
        display: block;
        font-size: 14px;
        font-weight: 300;
        line-height: 16px;
        text-transform: capitalize;
    }
    #holiday-includes #custom-scroll .enquiry-block-cg .pre-price h3.main-price-cg {
        display: inline-block;
        font-size: 32px;
        line-height: 36px;
        font-family: 'Montserrat';
        font-weight: 600;
        color: #000;
        margin: 0;
    }
    #holiday-includes #custom-scroll .enquiry-block-cg .pre-price h3.main-price-cg::first-letter {
        font-weight: normal;
        font-size: 16px;
    }
    body.single-cruises .enquiry-block-cg .button-gold {
        background-color: #000;
        color: #fff;
    }
    .enquiry-block-cg.cabin-enquiry button,
    .enquiry-block-cg.cabin-block-footer button {
        display: block;
        margin: 0 auto;
    }
    .enquiry-block-cg.cabin-block-footer {
        text-align: center;
    }
    .enquiry-block-cg.cabin-block-footer button,
    .enquiry-block-cg.cabin-block-footer a{
        margin: 24px auto 0;
        display: inline-block;
    }
    .similar-products-grid.mobile-grid .similar-cabin .cabin-price.cabin-price-solo,
    .similar-products-grid.mobile-grid .similar-cabin .cabin-price.cabin-price-solo .similar-price {
        font-size: 18px;
        margin-top: 8px;
    }
    .similar-products-grid.mobile-grid .mobile-details-cabins .similar-small {
        font-size: 10px;
    }
    .life-on-board-container.cabin-prices .ship-tab-selector .ship-tab-inner .ship-tab-title,
    .life-on-board-container.cabin-prices .ship-tab-selector .ship-tab,
    .life-on-board-container.cabin-prices .ship-tab-selector .ship-tab-inner img {
        height: 136px;
        max-height: 136px;
    }
    .similar-products-grid .similar-product-row .similar-product-item.price-column .similar-price.solo-price {
        margin-top: 2px;
    }
    #mobile-nav-block .item-menu {
        flex:1;
    }
    #mobile-nav-block #mobile-navigation-control {
        text-align: right;
    }
    .similar-products-grid.mobile-grid .similar-product.active .similar-price-block .hide-cabin-details {
        width: 100%;
    }
    #mobile-nav-block .mobile-logo img.custom_site_logo {
        height: auto;
        width:100%;
        display: block;
    }
    #product-holiday-overview .bar-meta.bar-meta-flex li.product-holiday-overview-ship {
        display: flex;
        gap:0;
        flex-wrap: wrap;
        justify-content: normal;
    }
    #product-holiday-overview .bar-meta.bar-meta-flex li.product-holiday-overview-ship .tracker_ship {
        margin-left: 8px;
    }
    .ship-tab-selector .ship-tab .ship-tab-inner {
        flex-direction: row;
    }
    #prices-section .product-enquiry-btn {
        display: none;
    }
}

@media screen and (max-width: 1280px) {
    .cruise-offers .cruise-button-block {
        display: flex !important;
		gap: 6px;
	}
    #mobile-nav-block .item-menu {
        flex:1;
    }
    #mobile-nav-block #mobile-navigation-control {
        text-align: right;
    }
    body.navless-template #header-content #mobile-nav-block {
        justify-content: center;
    }
}
@media screen and (max-width: 1280px) {
    #search_container .sidebar {
        display: none !important;
    }

    #search_container .sidebar.active {
        display: block !important;
    }

    .header-mobile-bar {
        background-color: #fff;
        box-shadow: none;
        border-top: 1px solid #000;
        position: static;
        padding: 30px 16px 0 !important;
        height: auto;
    }

    .header-mobile-bar.active,
    .header-mobile-bar {
        position: static !important;
    }

    .mobile-search-bar {
        display: block;
    }

    .result-grid {
        grid-template-columns: 1fr !important;
    }

    #search_container .sidebar.active {
        /* display: none!important; */
        /* position: fixed; */
        /* top: 200px!important; */
        position: initial;
        width: 100% !important;
        padding: 0;
        left: 0;
        margin: 0;
        z-index: 99;
        max-height: calc(100vh - 46px);
        overflow: auto;
        background-color: #fff;
    }
    .header-mobile-bar .nav-sort .sub-items {
        display: none;
    }

    .header-mobile-bar .nav-sort.active .sub-items {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        background-color: #fff;
        color: var(--mid-grey2);
        padding: 27px 20px;
        box-shadow: 0px 3px 6px var(--box-shadow);
        font: var(--font-item-options);
        row-gap: 7px;
        background-color: #fff;
        color: #000;
        z-index: 9;
    }

    .header-mobile-bar .nav-top-bar {
        gap: 10px;
    }

    .header-mobile-bar .item-nav.nav-search-options {
        display: none;
    }

    .header-mobile-bar .item-nav {
        display: flex;
        align-items: center;
        background-color: var(--dark-aqua);
        color: #fff;
        width: 100%;
        padding: 0px 16px;
        height: 36px;
    }

    .header-mobile-bar .item-nav.active {
        background-color: var(--link-gold);
    }

    .header-mobile-bar .item-nav>span {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 100%;
        width: 100%;
        color: var(--colours-White, #FFF);
        font-family: var(--fonts-Primary-Font, Montserrat);
        font-size: var(--font-sizes-body, 14px);
        font-style: normal;
        font-weight: 600;
        line-height: var(--line-heights-body, 18px);
    }

    .header-mobile-bar .item-nav>span:after {
        content: "";
        display: inline-block;
        box-sizing: border-box;
        height: 8px;
        width: 8px;
        border-style: solid;
        border-color: #282828;
        border-width: 0px 1px 1px 0px;
        transform: rotate(45deg);
        transition: border-width 150ms ease-in-out;
        margin: 0px 0 0 6px;
        position: relative;
        top: -3px;
    }
    .pagination-right.layout .select-container {
        display: none;
    }

    .nav-sort>span::before {
        content: url(../images/sort_white.svg);
        width: 10px;
        padding-right: 30px;
    }

    .header-mobile-bar .item-nav>span:after {
        border-color: #fff;
        margin-right: auto;
    }

    .nav-filters>span::before {
        content: url(../images/filter_white.svg);
        width: 10px;
        padding-right: 30px;
    }

    .header-mobile-bar .item-nav>span:after {
        border-color: #fff;
        margin-right: auto;
    }

    .header-mobile-bar .item-nav>span:after {
        border-color: #fff;
        margin-right: auto;
    }

    #header-content {
        align-items: center;
        width: 100%;
    }

    #mobile-nav-block {
        display: flex !important;
        padding-right: 24px;
        justify-content: space-between;
        align-items: center;
        padding-left: 24px;
        width: 100%;
        height: 67px;
    }

    #mobile-nav-block .mobile-logo img {
        max-height: 67px !important;
        width: auto;
        max-width: 800px;
        height: auto;
    }

    .header-nav-cont,
    #header-content .header-left,
    .header-nav-cont,
    #header-content .header-right {
        display: none !important;
    }

    /* Mobile Navigation */
    #header-content {
        grid-template-columns: 1fr;
    }

    #mobile-navigation .custom-menus {
        display: block;
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .section-breadcrumbs {
        display: none;
    }

    .header-mobile-bar .nav-top-bar {
        display: flex;
        justify-content: space-evenly;
        position: relative;
    }

    #mobile-navigation ul#custom-nav.child-open {
        left: -100%;
        position: absolute;
        transition: left 0.5s 0s;
    }

    #mobile-navigation a {
        padding: 0;
        border-bottom: 0;
    }

    #custom-nav .child-name div.menu-img,
    .custom-sub-nav .child-name div.menu-img {
        max-width: 110px;
        width: 100%;
        height: auto;
        background-size: cover;
        background-position: center;
    }

    #custom-nav .top-level .child-name span,
    .custom-sub-nav .sub-page .child-name span {
        flex-grow: 1;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        padding: 14px 16px;
    }

    #mobile-navigation .custom-sub-nav {
        position: absolute;
        left: 100%;
        top: 0;
        transition: left 0.1s 0s;
        display: block;
    }

    #mobile-navigation .custom-sub-nav.open {
        left: 0;
        position: relative;
        display: block;
        transition: left 0.5s 0.2s;
        padding-left: 0;
        padding-right: 0;
        top: 0;
        bottom: 0;
        max-height: 90vh;
        overflow-y: scroll;
    }

    #custom-nav .child-name,
    ul.custom-sub-nav .child-name {
        display: flex;
        align-items: stretch;
    }

    #mobile-navigation ul#custom-nav {
        display: flex;
        flex-direction: column;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        transition: left 0.5s 0.2s;
    }

    #mobile-navigation.mobile-nav-open {
        overflow: visible;
        width: 320px;
        left: unset;
    }

    #mobile-navigation .close {
        display: flex;
        width: 55px;
        height: 52px;
        right: unset;
        left: -55px;
        background-color: #000;
        top: 0;
        justify-content: center;
        align-items: center;
    }

    #mobile-navigation.mobile-nav-open.child-open {
        width: 320px;
        left: unset;
    }

    #mobile-navigation.child-open .close {
        width: 43px;
        height: 43px;
        left: -43px;
    }

    #custom-nav .top-level .child-name span {
        padding: 18px 16px;
    }

    #mobile-navigation .close::before,
    #mobile-navigation .close::after {
        border-radius: 20px;
        height: 4px;
        width: 25px;
        display: none;
    }

    #mobile-navigation .close img {
        width: 20px;
        height: 20px;
    }

    #mobile-navigation ul {
        padding: 0 0 22px 0;
    }

    .custom-sub-prev {
        padding: 9px 22px 9px 10px;
        color: var(--colours-White, #FFF);
        font-family: var(--fonts-Primary-Font, Montserrat);
        font-size: var(--font-sizes-body, 14px);
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        border-bottom: 1px solid #fff;
        text-transform: capitalize;
    }

    #mobile-nav-block {
        padding-right: 24px;
        justify-content: space-between;
        align-items: center;
        padding-left: 24px;
        width: 100%;
        height: 67px;
    }

    #mobile-nav-block .mobile-logo img {
        height: 67px !important;
    }

    #mobile-nav-block i {
        color: #000 !important;
        padding-bottom: 10px;
    }

    #header-content {
        width: 100%;
        justify-content: center;
        padding: 5px 0;
    }

    #mobile-navigation {
        background-color: #000;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;

    }

    #custom-nav li,
    .custom-sub-nav li {
        border-bottom: 1px solid #fff;
    }

    #custom-nav .top-level .child-name span,
    .custom-sub-nav .sub-page .child-name span {
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        padding: 14px 16px;
    }

    #mobile-navigation .header-right {
        background-image: url('../images/monogram_pattern_black.png');
        padding: 24px 40px;
    }

    #mobile-navigation .header-right .phone-title {
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
        font-family: Lora;
        font-size: var(--font-sizes-H6, 16px);
        font-style: normal;
        font-weight: 600;
        line-height: var(--line-heights-body, 18px);
        /* 112.5% */
    }

    #mobile-navigation .header-right .header-telephone a {
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
        font-family: var(--fonts-Primary-Font, Montserrat);
        font-size: var(--font-sizes-H2, 28px);
        font-style: normal;
        font-weight: 600;
        line-height: var(--line-heights-H1, 38px);
        /* 135.714% */
        padding: 0;
    }

    #mobile-navigation .header-right .schedule {
        color: var(--colours-White, #FFF);
        leading-trim: both;
        text-edge: cap;
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
        font-family: Montserrat;
        font-size: var(--font-sizes-body, 14px);
        font-style: normal;
        font-weight: 600;
        line-height: var(--line-heights-body, 18px);
        /* 128.571% */
    }

    #mobile-navigation .header-right .manage-booking,
    .aqua-button {
        background: var(--colours-Dark-Aqua, #008080);
        color: var(--colours-White, #FFF);
        font-family: var(--fonts-Primary-Font, Montserrat);
        font-size: var(--font-sizes-body, 14px);
        font-style: normal;
        font-weight: 600;
        line-height: var(--line-heights-body, 18px);
        /* 128.571% */
        border-radius: 0;
    }

    #mobile-navigation .header-right .manage-booking {
        padding: 7px 20px;
        width: 210px;
        margin-left: auto;
        margin-right: auto;
    }

    #mobile-navigation .header-right .manage-booking a {
        font-family: var(--fonts-Primary-Font, Montserrat);
        font-size: var(--font-sizes-body, 14px);
        font-style: normal;
        font-weight: 600;
        line-height: var(--line-heights-body, 18px);
        /* 128.571% */
        color: #fff;
        text-transform: capitalize;
    }

    .new-tag-navbar::after {
        position: absolute;
        right: 116px;
        top: 14px;
        padding: 1px 5px;
        background-color: rgba(0, 204, 204, 0);
        border: 1px solid #00cccc;
        color: #00cccc;
    }

    #search_container .sidebar form .filter-date {
        margin: 0 auto;
    }

    .filter-widget #search-options-date.search-options-item .search-options-container.calendar-view {
        overflow: visible;
        width: calc(100vw - 60px) !important;
        max-width: calc(90vw - 30px) !important;
    }

    /* #search-options-date.search-options-item {
        width: calc(100vw - 60px);
        max-width: 100%;
    } */
    #search_container .sidebar form .filter-date .filter {
        max-width: 100% !important;
    }

    .filter-widget #search-options-date.search-options-item .year-group,
    .filter-widget #search-options-date.search-options-item {
        width: calc(100vw - 60px) !important;
        max-width: calc(90vw - 30px) !important;
    }
    #prices-section {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .tab-contents .tab-content-right .accordion-item-images .slick-slide > div {
        max-width: 100%;
    }
}


@media screen and (max-width: 1240px) and (min-width: 602px) {
    #product-video-header .wrapper {
        padding-left:24px;
        padding-right:24px;
    }
}
@media screen and (min-width: 767px) {

    .section__title {
        font-size: var(--big-font-size);
        line-height: 140%;
    }

    .dtmg__content_cta--faq .dtmg__container .dtmg__faq .faq__content {
        flex: 2;
    }

    .dtmg__content_cta--faq .dtmg__container .dtmg__faq .faq__image {
        flex: 1;
        height: auto;
    }

    .dtmg__content_cta--faq .dtmg__container .dtmg__faq .faq__image img {
        position: absolute;
    }

    /* .dtmg__content_main .dtmg__container,
    .dtmg__content_cta--faq .dtmg__container .dtmg__faq {
        flex-direction: row;
    } */
    .dtmg__content_main a.dtmg__btn {
        width: 200px;
    }

    .cruise__dropdown_wrapper {
        display: flex;
        gap: 1.5rem;
        align-items: center;
        width: 100%;
    }

    .cruiseline__list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }

    .dtmg__cruiseline_info .app__links .app__logo img {
        max-width: 182px;
    }

    .cruise__dropdown_wrapper .dtmg__check_in_btn button {
        width: 200px;
    }

    .dtmg__cruiseline_info .app__links {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .modal__video span.close {
        font-size: 20px;
    }

    .full-height-video .video-overlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 24.86%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
    }
}


/* For large devices */

@media screen and (min-width: 992px) {
    .dtmg__container {
        margin-left: auto;
        margin-right: auto;
    }

    .dtmg__container.dtmg-d-60 .dtmg__inner_wrapper {
        max-width: 840px;
    }

    .section__title,
    .dtmg__content_main .dtmg__container h2,
    .dtmg__content_cta .dtmg__container h2 {
        font-size: var(--h1-font-size);
    }
}
@media screen and (min-width: 1280px) {
    #mobile-nav-block {
        display: none;
    }
    #logo a img {
        max-width: 400px;
    }
}

@media screen and (min-width: 1200px) {

    .cruiseline__list {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 24px;
    }
}

/* SLICK TEST*/
/* .cg-slick-slider {
    display: none;
} */
.secondary-nav-tab-cg.active {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 38px;
}
.cg-slick-slider .slick-list {
    padding-left: 0px!important;
}
.cg-slick-slider.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.cg-slick-slider .slick-scrollbar {
    width: calc(80% - 80px);
    margin: 20px auto;
  }
.cg-slick-slider .slick-slide>div {
    height: 400px;
  }
  
  .cg-slick-slider .slick-slide {
    margin: 0 24px 0 0;
    position: relative;
    /* width: 222px;
    max-width: 222px;
    min-width: 222px; */
  }
  /* .cg-slick-slider .slick-slide:first-child {
    margin-left:0;
  }
  .cg-slick-slider .slick-slide:last-child {
    margin-right:0;
  } */
  
  .cg-slick-slider .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }
  
  .cg-slide-content {
    height: 100%;
  }
  .cg-slick-slider .slick-list {
    cursor: grab;
  }
  
  .cg-slick-slider .slick-list:active {
    cursor: grabbing;
  }
  
  .cg-slick-slider .slick-disabled {
    cursor: default !important;
  }
  
  .cg-slick-slider .slick-prev:before,
  .cg-slick-slider .slick-next:before {
    color: #111111 !important;
    font-weight: 900;
    font-size: 24px;
  }
  
  .cg-slick-slider .slick-prev,
  .cg-slick-slider .slick-next {
    top: auto !important;
    bottom: 0 !important;
    transform: none !important;
    width: 24px;
    height: 24px;
  }
  .cg-slick-slider .slick-prev {
    right:auto;
    left:0px;
  }
  .cg-slick-slider .slick-next {
    right:auto;
    left:290px;
  }
  .cg-slick-slider .slick-track {
    display: flex;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .cg-slick-slider .slick-scrollbar input[type=range] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
  }
  
  .cg-slick-slider .slick-scrollbar input[type=range]:focus {
    outline: none;
  }
  
  .cg-slick-slider .slick-scrollbar input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: default;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #b9b9b9;
    background: #DFDFDF;
    border-radius: 100px;
    border: 0px solid #b9b9b9;
  }
  
  .cg-slick-slider .slick-scrollbar input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 1px #f2f2f2;
    border: 0px solid #c2c2c2;
    height: 4px;
    width: 50px;
    border-radius: 100px;
    background: #202741;
    cursor: grab;
    -webkit-appearance: none;
    margin-top: 0px;
  }
  
  .cg-slick-slider .slick-scrollbar input[type=range]::-webkit-slider-thumb:active,
  .cg-slick-slider .slick-scrollbar input[type=range]::-webkit-slider-thumb:focus {
    cursor: grabbing;
  }
  
  .cg-slick-slider .slick-scrollbar input[type=range]:focus::-webkit-slider-runnable-track {
    background: #DFDFDF;
  }
  
  .cg-slick-slider .slick-scrollbar input[type=range]::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: default;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #b9b9b9;
    background: #DFDFDF;
    border-radius: 100px;
    border: 0px solid #b9b9b9;
  }
  
  .cg-slick-slider .slick-scrollbar input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 1px #f2f2f2;
    border: 0px solid #c2c2c2;
    height: 4px;
    width: 50px;
    border-radius: 100px;
    background: #202741;
    cursor: grab;
  }
  
  .cg-slick-slider .slick-scrollbar input[type=range]::-moz-range-thumb:active,
  .cg-slick-slider .slick-scrollbar input[type=range]::-moz-range-thumb:focus {
    cursor: grabbing;
  }
  
  .cg-slick-slider .slick-scrollbar input[type=range]::-ms-track {
    width: 100%;
    height: 4px;
    cursor: default;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .cg-slick-slider .slick-scrollbar input[type=range]::-ms-fill-lower {
    background: #DFDFDF;
    border: 0px solid #b9b9b9;
    border-radius: 100px;
    box-shadow: 0px 0px 0px #b9b9b9;
  }
  
  .cg-slick-slider .slick-scrollbar input[type=range]::-ms-fill-upper {
    background: #DFDFDF;
    border: 0px solid #b9b9b9;
    border-radius: 100px;
    box-shadow: 0px 0px 0px #b9b9b9;
  }
  
  .cg-slick-slider .slick-scrollbar input[type=range]::-ms-thumb {
    box-shadow: 0px 0px 1px #f2f2f2;
    border: 0px solid #c2c2c2;
    height: 4px;
    width: 50px;
    border-radius: 100px;
    background: #202741;
    cursor: grab;
  }
  .cg-slick-slider .slick-scrollbar input[type=range]::-ms-thumb:active,
  .cg-slick-slider .slick-scrollbar input[type=range]::-ms-thumb:focus {
    cursor: grabbing;
  }
  .cg-slick-slider .slick-scrollbar input[type=range]:focus::-ms-fill-lower {
    background: #DFDFDF;
  }
  .cg-slick-slider .slick-scrollbar input[type=range]:focus::-ms-fill-upper {
    background: #DFDFDF;
  }
  .cg-slick-slider .slick-dots {
    height: 20px;
    width: 100%;
    max-width: 250px;
    display: flex;
    align-items: center;
    background-color: #0E3246;
    position: relative;
    bottom: 2px;
    margin-top: 40px;
    margin-left: 30px;
  }
  .cg-slick-slider .slick-dots li {
    flex:1;
    margin: 0;
  }
  .cg-slick-slider .slick-dots li.slick-active {
    background-color: #0CC;
  }
  .cg-slick-slider .slick-dots li button:before {
    display: none;
  }
  .cg-slick-slider .slick-dots button {
    padding: 0;
    width: 1px;
    height: 1px;
    display: none;
  }