/* builder.css */

/* builder-content-grid */
.builder-content-grid {
   padding: 70px 0 80px 0;
   /* margin-top: 60px; */
}

section.home-slider + section.builder-content-grid,
.single-cruise-line-body section.builder-full-width-banner + section.builder-content-grid {
   margin-top: 0;
}

#sidebar-countdown { background-color:#f5f5f5; border-radius:12px; color:#212121;padding:30px;margin-bottom:40px; }
                    #sidebar-countdown p { color:#212121;font-size:18px;font-weight:600;padding:0;margin:0 !important;}

                #sidebar-countdown .clock { color:#212121;display:flex;align-items:center;justify-content:flex-start;font-size:22px;line-height:42px;font-weight:700;font-family:"Gill Sans"; }
                    #sidebar-countdown .clock [data-value='days'],
                    #sidebar-countdown .clock [data-value='hours'] { display:none; }

                    #sidebar-countdown .clock [data-value='minutes'] {  }
                    #sidebar-countdown .clock [data-value='seconds']:before { content:":"; }

                #expiry-overlay { opacity:0;visibility:hidden;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.75);display:flex;align-items:center;justify-content:center; }
                #expiry-overlay.open { opacity:1;visibility:visible; }

                #expiry-inner { background:#fff;width:100%;max-width:40%;padding:0 0 30px; }
                #expiry-inner h3 { background:var(--ca-blue-brand);color:#fff;padding:15px 0;font-size:24px;font-weight:700;margin:0 0 30px; text-align:center; }
                #expiry-inner .orange-button {background-color: var(--ca-blue-brand); color: var(--white);}





.builder-content-grid.home-destinations,
.builder-content-grid.home-block-8 {
    margin-top: 78px;
}



/* .builder-content-grid {
    margin-bottom: 70px;
} */

.builder-content-grid  .slick-list {
    width: 100%;
}



.builder-content-grid.blue * {
    color: var(--white);
}

.builder-content-grid.blue .button-view-all a {
    color: var(--ca-blue-brand);
    background-color: var(--ca-white);
}

.builder-content-grid.blue .button-view-all a:hover {
    color: var(--ca-white);
    background-color: var(--ca-orange);
}



/* .builder-content-grid .grid-block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
} */

.builder-content-grid.home-destinations .grid-block {
    display: flex;
}

.builder-content-grid.slider-block .grid-block {
    display: flex;
}

.builder-content-grid .grid-block .grid-item {
    margin: 0 12px;
}

.builder-content-grid .grid-block .grid-item .img-block img {
    border-radius: 12px;
    overflow: hidden;
    transition: all .3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    /* width: 94%; */

    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cruise-item .img-block .offers-subtitle {
    position: absolute;
    top:15px;
    left: 15px;
    background-color: var(--ca-blue-brand);
    border-radius: 8px;
    padding:5px 10px;
}
.cruise-item .img-block .offers-subtitle span{
    color: #fff;
    font-weight: 500;
}

.builder-content-grid .grid-block .grid-item:hover .img-block img {
    box-shadow: 0px 8px 16px #00000033;
}


.builder-content-grid .grid-block .button-block a {
    text-align: left;
    font: normal normal bold 14px/24px Raleway;
    letter-spacing: 0px;
    color: var(--ca-blue-brand);
    margin-top: 8px;
}

.builder-content-grid .grid-block .grid-item:hover .button-block a {
    color: var(--ca-dark-blue);
}

.builder-content-grid .button-view-all {
    display: flex;
}

.builder-content-grid .button-view-all a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    height: 40px;
    color: var(--ca-white);
    background-color: var(--ca-blue-brand);
    font: normal normal bold 14px/20px Raleway;
    padding: 0 22px;
    margin-top: 30px;
}

.builder-content-grid .button-view-all a:hover {
    background-color: var(--ca-dark-blue);
}

.builder-content-grid .slick-prev,
.builder-content-grid .slick-next {
    top: calc(100% + 50px);
    border-radius: 50px;
    left: unset;
}

.builder-content-grid .slick-prev:hover,
.builder-content-grid .slick-next:hover {
    opacity: 1;
}

.builder-content-grid .slick-prev {
    right: 80px;
}

.builder-content-grid .slick-prev::before,
.builder-content-grid .slick-next::before {
    content: '\f078';
    font-family: "FontAwesome";
    width: 40px;
    height: 40px;
    background: var(--ca-blue-brand);
    color: var(--white);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    rotate: 90deg;
}

.builder-content-grid .slick-prev:hover::before,
.builder-content-grid .slick-next:hover::before {
    background-color: var(--ca-dark-blue);
}

.builder-content-grid .slick-next::before {
    rotate: -90deg;
}

/* !builder-content-grid */


/* Cruise offers */

.builder-cruise-offers {
    margin-top: 60px;
}

.builder-cruise-offers h3 {
    font: normal normal 800 32px/36px Raleway;
    letter-spacing: 0px;
    color: var(--ca-blue-brand);
    text-transform: uppercase;
    margin-bottom: 26px;
    position: relative;
    padding-left: 76px;
}

.builder-cruise-offers h3:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    background-image: url(./../images/icon-only.svg);
    background-size: cover;
    width: 69px;
    height: 60px;
}

.builder-cruise-offers .block-content {
    text-align: left;
    font: normal normal normal 16px/24px Raleway;
    letter-spacing: 0px;
    color: var(--ca-black-light);
    margin-bottom: 26px;
}


/* !Cruise offers */



/* Cruise items */

.builder-cruise-items {
    margin-top: 60px;
}

.builder-cruise-items.home-slider-items-1 {
    background-color: var(--ca-aqua-blue);
    padding: 80px 0;
    margin-top: 108px;
}

.builder-cruise-items.home-slider-items-grey {
    background-color: var(--ca-grey-5);
    padding: 80px 0;
    margin-top: 82px;
}

.builder-cruise-items h3 {
    font: normal normal 800 32px/36px Raleway;
    letter-spacing: 0px;
    color: var(--ca-blue-brand);
    text-transform: uppercase;
    margin-bottom: 26px;
    position: relative;
    display: flex;
    padding-left: 0;
    gap: 10px;
    align-items: center;
}


.builder-cruise-items.blue h3 {
    color: var(--white);
}

.builder-cruise-items h3 span {
    width: calc(100% - 69px - 20px);
}

.builder-cruise-items h3:before {
    content: '';
    position: relative;
    display: block;
    top: 0;
    left: 0;
    background-image: url(./../images/icon-only.svg);
    background-size: cover;
    width: 69px;
    height: 60px;
}

.builder-cruise-items .block-content {
    text-align: left;
    font: normal normal normal 16px/24px Raleway;
    letter-spacing: 0px;
    color: var(--ca-black-light);
    margin-bottom: 26px;
}

.builder-cruise-items .slick-list {
    display: flex;
}

.builder-cruise-items .slick-track {
    display: flex;
}

.builder-cruise-items .cruise-items {
    box-sizing: border-box;
}

.builder-cruise-items .cruise-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 12px;
}

.builder-cruise-items .cruise-item .img-block {
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 245px;
}

.builder-cruise-items .cruise-item .cruise-item-meta {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 0;
    overflow: hidden;
    height: calc(100% - 245px);
/*height: 305px;*/
    width: 100%;
}

.builder-cruise-items .cruise-item .cruise-item-meta .title,
.builder-cruise-items .cruise-item .cruise-item-meta .description,
.builder-cruise-items .cruise-item .cruise-item-meta .cruise-info {
    padding: 0 15px;
}

.builder-cruise-items .cruise-item .cruise-item-meta .cruise-info {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    margin-bottom: 15px;
}

.builder-cruise-items .cruise-item .cruise-item-meta .cruise-info ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.builder-cruise-items .cruise-item .cruise-item-meta .cruise-info img {
    width: 100%;
    height: auto;
    max-height: 70px;
    margin-left: auto;
}

.builder-cruise-items .cruise-item .price-block {
    position: relative;
    margin-left: auto;
    width: 65%;
    height: 59px;
    background-color: var(--ca-orange);
}

.builder-cruise-items .cruise-item .price-block:before {
    content: '';
    background-image: url(./../images/icon-heart.png);
    background-repeat: no-repeat;
    width: 125px;
    height: 75px;
    position: absolute;
    top: -8px;
    left: -77px;
}

.builder-cruise-items .cruise-item .wrap-price {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 60px;
}

.builder-cruise-items .cruise-item .wrap-price span.from,
.builder-cruise-items .cruise-item .wrap-price span.person {
    font: normal normal normal 16px/24px Raleway;
    letter-spacing: 0px;
    color: var(--ca-blue-brand);
}

.builder-cruise-items .cruise-item .wrap-price span.price {
    font: normal normal bold 18px/28px Gotham;
    letter-spacing: 0px;
    color: var(--ca-blue-brand);
}

.builder-cruise-items .button-view-all {
    display: flex;
}

.builder-cruise-items .button-view-all a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    height: 40px;
    color: var(--ca-white);
    background-color: var(--ca-blue-brand);
    font: normal normal bold 14px/20px Raleway;
    padding: 0 22px;
    margin-top: 26px;
}

.builder-cruise-items .button-view-all a:hover {
    background-color: var(--ca-dark-blue);
}

.builder-content-grid .slick-prev:hover,
.builder-content-grid .slick-next:hover {
    opacity: 1;
}

.builder-cruise-items .slick-prev:hover::before,
.builder-cruise-items .slick-next:hover::before {
    background-color: var(--ca-dark-blue);
}

@media all and (max-width: 578px) {
    .builder-cruise-items h3 {
        font: normal normal 800 22px/28px Raleway;
    }

    .builder-cruise-items h3:before {

    }
    .builder-cruise-items .cruise-item .price-block {
        width: 72%;
    }
}

/* !Cruise items */


/* Wide banner */

.builder-wide-banner {
    background-size: cover;
}

/* .builder-wide-banner .dark-bg {
    background-color: rgba(0,0,0,0.1);
} */

.builder-wide-banner .wide-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.builder-wide-banner .large-text {
    font: normal normal 800 32px/36px Raleway;
    letter-spacing: 0px;
    color: var(--ca-white);
    text-shadow: 0px 0px 6px #00000029;
    text-transform: uppercase;
}

.builder-wide-banner.small-text {
    font: normal normal normal 16px/24px Raleway;
    letter-spacing: 0px;
    color: var(--ca-white);
    margin-top: 20px;
}

.builder-wide-banner .description {
    color: var(--ca-white);
}

.builder-wide-banner.home-block-9 .description {
    text-align: left;
    font: normal normal 700 14px/18px Raleway;
    letter-spacing: 0px;
    color: var(--ca-white);
    margin-top: 20px;
}

.builder-wide-banner.home-block-9 .description .autor {
    font-weight: 400;
    margin-top: 3px;
}

.builder-wide-banner.home-wide-banner .description .large-text {
    max-width: 626px;
}

.builder-wide-banner.home-wide-banner .description .small-text {
    max-width: 580px;
}

.builder-wide-banner .button-cont {
    display: flex;
}

.builder-wide-banner .button-cont a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    height: 40px;
    color: var(--ca-white);
    background-color: var(--ca-blue-brand);
    font: normal normal bold 14px/20px Raleway;
    padding: 0 22px;
    margin-top: 26px;
}

.builder-wide-banner .button-cont a:hover {
    background-color: var(--ca-dark-blue);
}

@media all and (max-width: 578px) {
    .builder-wide-banner .large-text {
        font: normal normal 800 22px/28px Raleway;
    }

    .builder-wide-banner.home-wide-banner .description .large-text {
        max-width: 330px;
    }

    .builder-wide-banner.home-wide-banner .small-text {
        text-align: left;
        font: normal normal normal 16px/24px Raleway;
        letter-spacing: 0px;
        color: var(--ca-white);
        text-shadow: 0px 0px 6px #00000029;
        margin-top: 15px;
    }
}
/* !Wide banner */


/* Logo slider */
section.section-logo-slider {
    padding: 80px 0 151px 0;
    /* background-color: var(--ca-light-grey); */
}

.section-logo-slider h3 {
    font: normal normal 800 32px/36px Raleway;
    letter-spacing: 0px;
    color: var(--ca-blue-brand);
    text-transform: uppercase;
    margin-bottom: 26px;
    position: relative;
    display: flex;
    padding-left: 0;
    gap: 10px;
    align-items: center;
}

.section-logo-slider h3 span {
    width: calc(100% - 69px - 20px);
}

.section-logo-slider h3:before {
    content: '';
    position: relative;
    display: block;
    top: 0;
    left: 0;
    background-image: url(./../images/icon-only.svg);
    background-size: cover;
    width: 69px;
    height: 60px;
}

.section-logo-slider .block-content {
    text-align: left;
    font: normal normal normal 16px/24px Raleway;
    letter-spacing: 0px;
    color: var(--ca-black-light);
    margin-bottom: 26px;
}

.section-logo-slider .logos-list {
    display: flex;
    gap: 24px;
    margin: 0 -15px;
}

.section-logo-slider .slick-track {
    display: flex;
    gap: 24px;
}

.section-logo-slider .logo-item {
    height: 120px;
    width: 180px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: var(--ca-white);
    border-radius: 12px;
}
.section-logo-slider .logo-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.display_as_slider .search-results .slick-prev,
.display_as_slider .search-results .slick-next,
.section-logo-slider .slick-prev,
.section-logo-slider .slick-next {
    top: calc(100% + 50px);
    border-radius: 50px;
    left: unset;
}

.display_as_slider .search-results .slick-prev,
.section-logo-slider .slick-prev {
    right: 80px;
}

.display_as_slider .search-results .slick-prev:hover,
.display_as_slider .search-results .slick-next:hover,
.section-logo-slider .slick-prev:hover,
.section-logo-slider .slick-next:hover {
    opacity: 1;
}

.display_as_slider .search-results .slick-prev::before,
.display_as_slider .search-results .slick-next::before,
.section-logo-slider .slick-prev::before,
.section-logo-slider .slick-next::before {
    content: '\f078';
    font-family: "FontAwesome";
    width: 40px;
    height: 40px;
    background: var(--ca-blue-brand);
    color: var(--white);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    rotate: 90deg;
}

.display_as_slider .search-results .slick-next::before,
.section-logo-slider .slick-next::before {
    rotate: -90deg;
}

.display_as_slider .search-results .slick-prev:hover::before,
.display_as_slider .search-results .slick-next:hover::before,
.section-logo-slider .slick-prev:hover::before,
.section-logo-slider .slick-next:hover::before {
    background-color: var(--ca-dark-blue);
}

.section-logo-slider .button-view-all {
    display: flex;
}

.section-logo-slider .button-view-all a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    height: 40px;
    color: var(--ca-white);
    background-color: var(--ca-blue-brand);
    font: normal normal bold 14px/20px Raleway;
    padding: 0 22px;
    margin-top: 30px;
}

.section-logo-slider .button-view-all a:hover {
    background-color: var(--ca-dark-blue);
}

@media all and (max-width: 578px) {
    .section-logo-slider h3 {
        font: normal normal 800 22px/28px Raleway;
    }
}

/* !Logo slider */

/* full-width-banner */

.full-width-banner {
    position: relative;
    background-position: center;
    background-size: cover;
    min-height: 190px;
    background-image:var(--background);
    display:flex;
    align-items:center;
}

.full-banner-link {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
.full-banner-link:hover {
    text-decoration: none !important;
}

.full-width-banner .page-header h2,
.full-width-banner .page-header p,
.full-width-banner .page-header ul,
.full-width-banner .page-header ol {
    color: var(--white);
}
.full-width-banner .inner {
    height: 100%;
    width:100%;
	z-index: 2;
	padding:30px 0;
}
.full-width-banner .inner .search-form { position:unset;transform:unset; }

.builder-full-width-banner #header-search {
    padding: 20px 0;
}

.builder-full-width-banner #header-search .inner {
    padding: 0;
}

/* !full-width-banner */


/* Privilege */
.builder-privilege {
    background-color: var(--ca-orange) !important;
    padding: 60px 0 67px 0 !important;
}

.builder-privilege .slick-list {
    width: 100%;
}

.builder-privilege .privilege-items {
    display: flex;
    gap: 70px;
}

.builder-privilege .block-item {
    width: 25%;
}

.builder-privilege .icon-cont {
    text-align: center;
    display: flex;
    justify-content: center;
}

.builder-privilege .icon-cont i {
    color: white;
    font-size: 45px;
}

.builder-privilege .icon-cont img {
    max-height: 130px;
}

.builder-privilege .title-cont {
    text-align: center;
    font: normal normal 800 22px/28px Raleway;
    letter-spacing: 0px;
    color: var(--ca-blue-brand);
    text-transform: uppercase;
    margin-top: 20px;
}

.builder-privilege .content-cont {
    text-align: center;
    font: normal normal 800 14px/24px Raleway;
    letter-spacing: 0px;
    color: var(--ca-blue-brand);
    margin-top: 15px;
}

.builder-privilege .content-cont p {
    max-width: 75%;
    margin: 0 auto;
}

.builder-privilege .slick-prev,
.builder-privilege .slick-next {
    top: calc(100% + 50px);
    border-radius: 50px;
    left: unset;
}

.builder-privilege .slick-prev {
    right: 80px;
}

.builder-privilege .slick-prev:hover,
.builder-privilege .slick-next:hover {
    opacity: 1;
}

.builder-privilege .slick-prev::before,
.builder-privilege .slick-next::before {
    content: '\f078';
    font-family: "FontAwesome";
    width: 40px;
    height: 40px;
    background: var(--ca-blue-brand);
    color: var(--white);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    rotate: 90deg;
}

.builder-privilege .slick-prev:hover::before,
.builder-privilege .slick-next:hover::before {
    background-color: var(--ca-dark-blue);
}

.builder-privilege .slick-next::before {
    rotate: -90deg;
}

.builder-content-iframe .whoframed {
    margin-top: -50px;
}

.builder-content-iframe .whoframed {
    min-height: 620px;
}

@media all and (max-width: 1200px) {

    .full-width-banner .page-header h1 {
        font: normal normal 800 42px/48px 'Raleway';
    }

    .builder-privilege {
        padding-bottom: 110px;
    }

    .builder-privilege .title-cont {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .builder-privilege .content-cont {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .builder-privilege .content-cont p {
        max-width: 95%;
    }

    .builder-privilege .slick-prev,
    .builder-privilege .slick-next {
        top: calc(100% + 30px);
    }
}
@media all and (max-width : 920px) {
    #expiry-inner { max-width:90%; }
}
@media all and (max-width : 600px) {

    .full-width-banner {
        background-image:var(--responsive-background);
    }

}

/* !Privilege */