:root {
    --dark_blue: #12284C;
    --gray: #CCCCCC;

    --hblue: #173362;
    --hyellow: var(--ca-orange-hover);
    --hgray: #B7B7B7;
}

.checkout { position: relative; z-index: 2; padding-top:30px; }

#payment-form .error { color:#f00;margin:0;padding:0 0 10px 15px;font-weight:700; }
.promo-error { font-size:14px;color:#f00;margin:0;padding:10px 0 0 0; }

.checkout-step {
    margin-bottom: 90px;
}

.checkout-step:not(.active) {
    display: none;
}

.checkout p {
    font-size: 16px;
}



button.button-default {
    color: white;
    min-width: 170px;
    height: 40px;
    padding-left: 60px;
    padding-right: 60px;
    transition: all .3s ease-in-out;
}

button.next-step {
    background-color:var(--ca-blue-brand);
    margin-left: 15px;
    font: normal normal bold 17px/20px Raleway;
    border-radius: 12px;
}

button.next-step:hover {
    color: var(--ca-black-light);
    background-color:var(--ca-orange-hover);
}

button.prev-step {
    background-color: var(--ca-blue-brand);
}

button.prev-step:hover {
    background-color: var(--dark_blue);
}

button.prev-step a {
    font: normal normal bold 17px/20px Raleway;
    color: var(--white)!important;
}

.child-age { display:flex;align-items:center; }
.child-age .nice-select { width:150px;margin-left:20px; }
.child-age .nice-select input { height:30px !important;padding:0 !important }
.child-age .nice-select .list { max-height: 200px; overflow: auto; }

.checkout-progressline {
    margin-left: 15px;
    margin-right: 10px;
    margin-bottom: 60px;
}

.checkout-progressline ul {
    display: flex;
    justify-content: space-between;
}

.checkout-progressline ul li {
    display: flex;
    align-items: center;
    width: 20%;
    position: relative;
    cursor: pointer;
}

.checkout-progressline ul li span {
    max-width: 148px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

.checkout-progressline i {
    color: var(--gray);
    padding: 5px;
    margin-right: 15px;
    width: 45px;
    height: 45px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    z-index: 9;
}

.checkout-progressline ul li:first-child i {
    margin-left: 10px;
}

.checkout-progressline ul li .progressline {
    color: #9E9E9E;
    display: flex;
    width: 100%;
    height: 66px;
    position: relative;
    align-items: center;
}
.checkout-progressline ul li.active .progressline {
    color: var(--ca-black-light);
}

.checkout-progressline ul li div.skew {
    flex-wrap: wrap;
    position: absolute;
    z-index: -1;
    left: 1px;
    right: 1px;
    top: 0;
    bottom: 0;
}

.checkout-progressline ul li div.skew-top,
.checkout-progressline ul li div.skew-bottom {
    background-color: #f5f5f5;
    height: 50%;
    border-right: 2px white solid;
    position: relative;
}

/*.checkout-progressline ul li:hover div.skew-top,
.checkout-progressline ul li:hover div.skew-bottom {
    background-color: var(--hgray);
}*/

.checkout-progressline ul li div.skew-top {
    transform: skewX(28deg);
}

.checkout-progressline ul li div.skew-bottom {
    transform: skewX(-28deg);
    bottom: 1px;
}

.checkout-progressline ul li.done:first-child div.skew-top,
.checkout-progressline ul li.done:first-child div.skew-bottom,
.checkout-progressline ul li.done div.skew-top,
.checkout-progressline ul li.done div.skew-bottom {
    background-color: #f5f5f5;
}

/*.checkout-progressline ul li.done:hover div.skew-top,
.checkout-progressline ul li.done:hover div.skew-bottom {
    background-color: var(--hblue);
}*/

.checkout-progressline ul li.active div.skew-top,
.checkout-progressline ul li.active div.skew-bottom {
    background-color: var(--ca-orange);
}

.checkout-progressline ul li.active:hover div.skew-top,
.checkout-progressline ul li.active:hover div.skew-bottom {
    background-color: var(--hyellow);
}

.checkout-progressline ul li.done i {
    color: #9E9E9E;
    background-color: #fff;
}

.checkout-progressline ul li.active i {
    color: var(--ca-blue-brand);
}

.checkout-progressline ul li:first-child:after {
    content: '';
    width: 30px;
    height: 65px;
    display: block;
    background-color: var(--dark_blue);
    position: absolute;
    left: -15px;
    top: 0;
    bottom: 1px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.checkout-progressline ul li.active:first-child:after {
    background-color: var(--ca-orange);
}

.checkout-progressline ul li.active:first-child:hover:after {
    background-color: var(--hyellow);
}

/*-- last-child --*/

.checkout-progressline ul li:last-child:after {
    content: '';
    width: 30px;
    height: 65px;
    display: block;
    background-color: #f5f5f5;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: .9px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*.checkout-progressline ul li:hover:last-child:after {
    background-color: var(--hgray);
}*/

.checkout-progressline ul li.done:last-child:after,
.checkout-progressline ul li.done:after {
    background-color: #F5F5F5;
}

.hidden-enquire {
    visibility: hidden;
}
button.deposit-enquire {
    border-radius: 12px;
    padding:5px 30px;
    border:1px solid #e0e0e0;
    color: #212121;
    font-weight: 600;
    background-color: #fff;
}
.checkout-progressline ul li.active:last-child:after {
    background-color: var(--ca-orange);
}

.checkout-progressline ul li.active:hover:last-child:after {
    background-color: var(--hyellow);
}

@keyframes loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

#book-now-html .prices-loading {
    background-color: #f5f5f5;
    border-radius: 12px;
    padding: 15px;
}

#book-now-html p.prices-loading,
#book-now-html p.prices-loading i {
    color: var(--text);
    font-weight: bold;
}

#book-now-html p.prices-loading i {
    margin-right: 10px;
}

#book-now-html .skeleton {
    display: flex;
    justify-content: space-between;
}

#book-now-html .skeleton span {
    width: 100%;
    min-height: 300px;
    background: linear-gradient(90deg, #f5f5f5 25%, #f9f9f9 50%, #f5f5f5 75%);
    background-size: 200% 100%;
    border-radius: 5px;
    margin-right: 0;
    animation: loading 2s infinite ease-in-out;
}

#book-now-html .skeleton.first-row {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(1, 1fr 1fr 1fr 1fr);
    gap: 20px;
}

#book-now-html .skeleton.second-row span {
    margin-top: 40px;
}

@media (max-width: 1020px) {
    #book-now-html .skeleton.first-row {
        grid-template-columns: repeat(1, 1fr);
    }
    #book-now-html .skeleton.first-row span {
        display: none;
    }
    #book-now-html .skeleton.first-row span:first-child {
        display: block;
    }
}

#cabin-selector .prices-loading {
    display: none;
}

/*-- /last-child --*/

.checkout #grade-selector #cabin-selector .prices-loading {
    display: none;
}

/* Checkout header summary */

#booking-cruise-summary {
    /* position: sticky; */
    top:120px;
    background-color: #fff;
    z-index: 999;
}
#booking-cruise-summary .summary-wrap {
        display: flex;
    flex-direction: row;
    gap:24px;
    padding:20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
#booking-cruise-summary .summary-image {
    min-width: 282px;
    height: 200px;
    border-radius: 12px;
    overflow: hidden;
    width: 282px;
}
#booking-cruise-summary .summary-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#booking-cruise-summary .summary-title {
    font-size: 32px;
    font-weight: 800;
    line-height: 36px;
    color: var(--ca-blue-brand);
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 10px;
}
#booking-cruise-summary .summary-data {
    display: flex;
    column-gap:20px;
    row-gap:5px;
    flex-wrap: wrap;
}
#booking-cruise-summary .summary-data i {
    color: var(--ca-blue-brand);
}
#booking-cruise-summary .summary-bottom {
    display: flex;
    justify-content: space-between;
}
#booking-cruise-summary .summary-continue img {
    max-height: 80px;
}
#booking-cruise-summary .summary-price {
    width: 100%;
    text-align: left;
    color: #757575;
    font-size: 14px;
}
#booking-cruise-summary .summary-price .price {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    font-family: "Gotham";

}
#booking-cruise-summary .summary-cabin,
#booking-cruise-summary .summary-dining {
    width: 100%;
}
#booking-cruise-summary .change-link {
    font-weight: 600;
    color: var(--ca-dark-blue);
}

.checkout-title h2 {
    font-weight: 800;
    font-family: "Raleway";
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
}

/* checkout complete summary */

.list-info-basket li {
    margin-bottom: 10px;
}
.list-info-basket i {
    color: var(--ca-blue-brand);
    margin-right: 15px;

}
.list-info-basket li > div {
    display: flex;
    align-items: baseline;
}


.checkout-button {
    border-radius: 12px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--ca-blue-brand);
    font-weight: 600;
}
.checkout-button a {
    border: 0!important;

}
.checkout-button.white {
    background-color: #fff;
}
/* sidebar */

.sidebar-image {
    border-radius: 12px;
    overflow: hidden;
    max-height: 180px;
    width: 100%;
    object-fit: cover;
}
/*-- number-travellers-container --*/

.two-col {
    position: relative;
}
.step-icon {
    position: absolute;
    left: 0;
    font-size: 40px;
    color: var(--midblue);
    margin-top:10px;
}

.step-icon small i { transform:scale(0.8); }

.step-label {
    display: inline-block;
    color: var(--midblue);
    font-size:20px;
    font-weight: 700;
    line-height:60px;
    width:90px;
}

.step-label span {
    color: #000;
    display: block;
    font-size: 12px;
    margin: -40px 0 0 0;
}

.stepper-inputsss,
.stepper-inputss {
  position:relative;
  width:300px;
  height:80px;
  margin: 0 0 0 30px;
  overflow:hidden;
}


.stepper-inputs,
.stepper-input {
  position:relative;
  width:280px;
  height:80px;
  margin: 0 0 0 30px;
  overflow:hidden;
}

.stepper-inputsss input,
.stepper-inputss input,
.stepper-inputs input,
.stepper-input input {
  display:none;
}

.stepper-inputsss .input,
.stepper-inputss .input,
.stepper-inputs .input,
.stepper-input .input {
  width:100%;
  height:100%;
  display:flex;
}

.stepper-inputsss button,
.stepper-inputss button,
.stepper-inputs .input button,
.stepper-input .input button {
  width:40px;
  height:40px;
  margin: 10px 20px;
  border-radius:50%;
  background: var(--ca-orange);
  /* color: #fff; */
  color: var(--ca-black-light);
  font-size:18px;
  line-height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  border:none;
  transition:all 300ms ease-in-out;
}
.stepper-inputsss button:hover,
.stepper-inputss button:hover,
.stepper-inputs .input button:hover,
.stepper-input .input button:hover {
    background:var(--hyellow);
}

.stepper-inputsss .input .range,
.stepper-inputss .input .range,
.stepper-inputs .input .range,
.stepper-input .input .range {
  flex:1;
  text-align:center;
  overflow:hidden;
}

.stepper-inputsss .input .range .list span,
.stepper-inputss .input .range .list span,
.stepper-inputs .input .range .list span,
.stepper-input .input .range .list span {
  display:block;
  width:100%;
  height:80px;
  color: var(--midblue);
  font-size:20px;
  font-weight: 700;
  line-height:60px;
}

/*.count-block {
    display: flex;
}

.count-block > div {
    width: 50%;
    display: flex;
}

.number-travellers-container .icons i {
    font-size: 54px;
    color: var(--ca-blue-brand);
}

.number-travellers-container .children .icons i {
    font-size: 30px;
}

.number-travellers-container .children .icons {
    display: flex;
    align-items: center;
}

.plus,
.minus {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 115px;
}

i.fa-plus,
i.fa-minus {
    font-size: 30px;
    background-color: var(--ca-orange);
    color: white;
    border-radius: 50%;
    padding: 7px;
    margin-left: 30px;
    margin-right: 30px;
    cursor: pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    width:45px;
    height:45px;
}

i.fa-plus:hover,
i.fa-minus:hover {
    background-color: var(--hyellow);
}

i.fa-plus:active {
    font-size: 35px;
}

i.fa-minus:active {
    font-size: 25px;
}

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

.count-container h4 {
    margin-bottom: 0;
}

.count-subtitle {
    color: black;
    font-weight: bold;
}*/

/*-- /number-travellers-container --*/

/*-- travel-dates-block --*/

.travel-dates-container {
    margin-top: 90px;
}

.travel-dates-block {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}

.travel-dates-block .slick-arrow {
    background-color: #FDBB11;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.travel-dates-block .slick-arrow:hover {
    opacity: 1;
    background-color: var(--ca-orange-hover);
}

.travel-dates-block .slick-arrow:before {
    background: none;
    width: 7px;
    height: 7px;
    display: block;
    border-left: 3px white solid;
    border-bottom: 3px white solid;
}

.travel-dates-block .slick-prev {
    /*margin-left: -65px;*/
}

.travel-dates-block .slick-next {
    /*margin-right: -65px;*/
}

.travel-dates-block .slick-prev:before {
    transform: rotate(45deg);
    margin-left: 3px;
}

.travel-dates-block .slick-next:before {
    transform: rotate(-135deg);
    margin-right: 3px;
}

.travel-date {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    border: 2px var(--ca-blue-brand) solid;
}

.travel-date:hover {
    background-color: #fff !important;
}

.travel-date div {
    width: 100%;
    text-align: center;
}

.date-from,
.date-to {
    font-family: 'Gotham';
    font-size: 16px;
    font-weight: bold;
    line-height:22px;
}

.date-spacer {
    font-weight: bold;
    margin:5px 0;
}

.date-details {
    font-size: 17px;
    font-weight: bold;
    margin-top: 10px;
}

.travel-date-container.booked-up .travel-date {
    background-color: #fff;
    color:#212121;
}
.travel-date-container.selected .travel-date {
    background-color: #F5F5F5;
}
.travel-date-container.selected .travel-date,
.travel-date-container:hover .travel-date {
    border: 1px #212121 solid;
    color: #212121 !important;
}

.travel-date-container.selected .date-spacer,
.travel-date-container:hover .date-spacer,
.travel-date-container:hover .date-details {
    color:#212121;
}
.travel-date-container.selected .date-details {
    color: var(--ca-orange);
}

.travel-date-container.selected .date-price,
.travel-date-container:hover .date-price {
    color: var(--ca-blue-brand);
}

.travel-date-container.call .travel-date,
.travel-date-container.from-only .travel-date,
.travel-date-container .travel-date a {
    background-color: #fff;
    color:#212121;
}

/*-- /travel-dates-block --*/

.next-step-container {
    margin-top: 90px;
    display: flex;
}
.next-step-container form {width: 100%;}
.next-step-container button {
    height: 60px;
    display: block;
    margin-left: auto;
}
.next-step-container button.prev-step {
    margin-left: 0;
    background-color: #fff;
    color: #212121;
    border: 1px solid #e0e0e0;
}
.next-step-container button.prev-step a {
    color: #212121!important;
}

/* farecodes */
.package-drops {
    display: none;
}
.title-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
}
.title-wrapper h3 {
    flex-grow: 1;
}
#farecode-wrapper {
display: flex;
    width: 800px;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 50px;
    margin-bottom: 30px;
    margin-top:30px;
}
#farecode-wrapper .nice-select {
    height: 47px;
    border-radius: 0;
    border:2px solid var(--dark_blue);
    width: 325px;
    background-color: #ccc;
    color: #000;
    font-weight: 700;
}
#farecode-wrapper input[type="text"] {
    background-color: #ccc;
    color: #000;
    font-weight: 700;
}
#farecode-wrapper .dropdown {
    display: flex;

}
#farecode-wrapper .dropdown-wrapper {
    display: flex;
    flex-direction: column;
}
#farecode-wrapper .dropdown-wrapper p{
    margin-bottom: 2px;
    color: var(--dark_blue);
    font-weight: 700;
    margin-bottom: 10px;
}
#farecode-wrapper .dropdown > span {
    display: block;
    background-color: var(--dark_blue);
    color: #fff;
    padding: 10px;
    max-height: 47px;
}
.farecode-description .yellow {
    color: var(--ca-orange);
    font-weight: 700;
    margin-right: 10px;
}
#farecode-wrapper .farecode-description {
    padding:5px;
    width: 100%;
    padding-top:30px;
    display: flex;
    justify-content: flex-start;
    padding-left: 0;
}

/*-- cabin-types --*/

.cabin-types {
    display: flex;
    gap: 30px;
}

.cabin-types .cabin-type {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    cursor: pointer;
    /*
    border: 2px #DDDDDD solid;
    border-radius: 5px;
    padding-bottom: 15px;
    */
}

.cabin-types .cabin-type.selected {
    border-color: var(--ca-orange);
}

.cabin-types .cabin-type.selected .select-this,
.cabin-types .cabin-type:not(.selected) .your-cabin {
    display: none;
}

.cabin-types .cabin-type.select .cabin-type-button {
    background-color: transparent;
    color: var(--ca-orange);
    margin-left: 0;
    margin-right: auto;
    display: block;
    padding:10px 0;
    border:0;
}
#book-now-html .cabin-types .cabin-type.select .cabin-type-button .hidden {
    color: var(--ca-orange);
}
.cabin-types .cabin-type img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*max-width: calc(100% + 3px);*/
    height: 152px;
    width: 100%;
    object-fit: cover;
}

.cabin-types .cabin-type .cabin-type-desc {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 30px 20px;
    border: 2px #DDDDDD solid;
    border-top: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.cabin-types .cabin-type.select .cabin-type-desc {
    border-color:var(--main_yellow);
}

.cabin-types .cabin-type:not(:first-child) {
    /*margin-left: 15px;*/
}

.cabin-types .cabin-type:not(:last-child) {
    /*margin-right: 15px;*/
}

#lead-in-prices .cabin-type-name {
    font-family: 'Raleway';
    font-size: 22px !important;
    font-weight: 800;
    display: block;
    width: 100%;
    text-align: left;
    /*margin-top: 15px;*/
    color: var(--ca-blue-brand);
	margin: 0;
    margin-bottom: 10px;
}

#lead-in-prices .cabin-type-price {
    font: normal normal bold 18px/28px 'Gotham';
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: left;
    color: #212121;
    margin-top: 15px;
}

#lead-in-prices .cabin-type-price .price {
    margin: 0;
}

.checkout-body .pg-bg {
    background-color: #fff;
    padding: 20px 0;
}
.cabin-type-button {
    margin-top: 15px;
    padding: 10px 30px;
    display: block;
    margin-left: 0;
    margin-right: auto;
    border: 1px solid #ededed;
    background-color: #fff;
    border-radius: 12px;
    font-family: "Gotham";

}

.cabin-type-button.select {
    background-color:var(--white);
}

.cabin-type-button.select .select {
    display:none;
}

.cabin-type-button.select .hidden {
    display: block!important;
    visibility: visible;
    color: var(--main_yellow);
}

.cabin-type-button.select .hidden i {
    margin-right: 10px;
    color: var(--ca-orange);
}
/*-- /cabin-types --*/

/*terms conditions */


#booking-main .booking-condition {
  margin: 0 0 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  align-items: stretch;
}

#booking-main .booking-condition a {
    display: inline-block;
    border: none;
    text-decoration: underline;
    font-weight: bold;
    color: var(--ca-blue-brand);
}

#booking-main .booking-condition a:hover {
    text-decoration: none;
}

#booking-main .booking-condition label {
  background: var(--white);
  color: var(--text);
  border: 2px solid #e0e0e0;
  border-radius: 5px;
  width: calc(50%);
  padding: 20px;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
#booking-main .booking-condition label.checked {
  background: #f9f9f9;
}
#booking-main .booking-condition label strong {
  color: var(--midblue);
}

#conditions-form .booking-condition {
  flex-direction: column;
}


/*-- deck-and-cabin --*/
.deck-and-cabin {
    margin-top: 60px;
}

.deck-and-cabin .cabin-price {
    font-family: 'CheGuevaraBarry';
    font-size: 14px;
    font-weight: bold;
    color: var(--ca-blue-brand);
}

.deck-and-cabin-filter-container {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    justify-content: space-between;
}

.deck-and-cabin-filter-container p {
    margin-bottom: 0;
}

.deck-and-cabin-filter label {
    color: var(--ca-blue-brand);
    font-weight: bold;
}

.deck-and-cabin-filter {
    display: flex;
    margin-left: 30px;
    align-items: center;
}

.deck-and-cabin-filter .nice-select,
.deck-and-cabin-filter input {
    min-width: 230px;
    margin-left: 5px;
}

.checkout input[type="text"] {
    height: 40px;
}

.deck-and-cabin-body .table-container tr.grade-active .select-cabin,
.deck-and-cabin-body .table-container tr:not(.grade-active) .your-cabin {
    display: none;
}

.table-container .your-cabin {
    color: var(--orange);
    font-size: 14px;
    font-weight: bold;
}

.table-container .your-cabin i {
    margin-right: 5px;
}

/*-- /deck-and-cabin --*/

/*-- checkout-row --*/

/*
.checkout-body {
    display: flex;
}
/**/

.checkout-body-left {
    width: 66%;
}

.checkout-body-right {
    min-width: 100%;
}

.checkout-body label {
    font: normal normal bold 16px/24px Raleway;
    color: #212121;
}

.checkout-content p {
    color: black;
}
#grades-table .regular {
    font-weight: 400;
}
.eastern-caribbean-container {
    margin-left: 30px;
    box-shadow: 0px 0px 6px #00000033;
    border: 2px solid #DDDDDD;
    border-radius: 5px;
}

.eastern-caribbean-container {
    padding: 30px 15px 30px 30px;
}

.checkout-row,
.checkout-col {
    display: flex;
}

.checkout-row {
    margin-top: 15px;
    margin-left: -15px;
    margin-right: -15px;
}

.checkout-col {
    width: 50%;
}

.checkout-el {
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
}

.checkout-70 {
    width: 70px;
}

.checkout-row input[type="text"],
.checkout-row input[type="text"],
.checkout-row input[type="text"] {
    width: 100%;
}

.checkout-date {
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
}

.checkout-date .nice-select {
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
}

.eastern-caribbean-header {
    font-family: "Poppins";
    font-size: 32px;
    line-height: 32px;
    font-weight: bold;
    line-height: 30px;
    color: #1A355E;
}

.eastern-caribbean-title {
    font-family: "Poppins";
    font-size: 14px;
    font-weight: bold;
    color: var(--dark_blue);
}

.eastern-caribbean-deposit-required,
.eastern-caribbean-package-includes,
.eastern-caribbean-total-cost {
    margin-top: 24px;
}

.eastern-caribbean-deposit-required {
    margin-top: 20px;
}

.eastern-caribbean-total-cost .eastern-caribbean-price {
    color: var(--ca-blue-brand);
    font: normal normal bold 38px/24px CheGuevaraBarry;
    margin-top: 3px;
}

.eastern-caribbean-deposit-required .eastern-caribbean-price {
    font: normal normal bold 17px/24px "CheGuevaraBarry";
    letter-spacing: 0px;
    color: var(--midblue);
}

.eastern-caribbean-body {
    margin-top: 30px;
}

.eastern-caribbean-package-includes li {
    font-family: "Poppins";
    font-size: 14px;
    font-weight: bold;
    color: #444444;
}

.eastern-caribbean-package-includes li {
    display: flex;
    align-items: center;
}

.eastern-caribbean-package-includes i {
    color: var(--ca-blue-brand);
    padding: 5px;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.eastern-caribbean-package-includes i.fa-key {
    transform: rotate(-90deg);
}

.eastern-caribbean-button {
    margin-right: 15px;
}

.eastern-caribbean-button button {
    background-color: var(--main_yellow);
    width: 100%;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-top: 30px;
    height: 60px;
}
.eastern-caribbean-button button {
    background-color:var(--ca-orange-hover);
}

.second-passenger-details-container {
    margin-top: 30px;
}
/*-- /checkout-row --*/

.card-details-container {
    margin-top: 30px;
}

.card-type-container ul,
.card-type-container li {
    display: flex;
}

.card-type-container li {
    margin-right: 30px;
}

#discount-form { width:75%;margin:0 0 50px; }
    #discount-form.success { padding:20px; }
    #discount-form.success i { color:#84BA4D; }

@media all and (max-width: 1240px) {
    .cabin-type-name { font-size: 28px; }
    .cabin-type-price{ font-size: 22px; }
    .deck-and-cabin-filter-container { flex-direction: column;align-items: flex-start;gap: 20px; }
    .deck-and-cabin-filter { margin: 0;justify-content: space-between;width: 100%; }
}

@media all and (max-width: 920px) {
    #booking-cruise-summary .summary-wrap {
        flex-wrap: wrap;
    }
    #booking-cruise-summary {
        position: static;
    }
    #booking-cruise-summary .summary-image {
        width: 100%;
    }
    .checkout h3 { font-size: 28px; }
    .checkout-progressline .progressline {
        padding: 10px 0 10px 10px;
    }
    .checkout-progressline ul li:first-child .progressline {
        padding-left: 0;
    }
    .checkout-progressline ul li span {
        display: none;
    }

    .number-travellers-container .count-block {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 60px;
    }
    .count-block .count-name { column-gap:50px; width:100%;justify-content:center; }
    .count-block .count-name .icons {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70px;
    }

    .count-block .count-container { width:100%;max-width:140px;}

    #cabin-selector .form-grid-two { grid-template-columns:1fr; }
    #cabin-selector .prices-loading {display: none;}

    #cruise-cabins-selector { flex-direction:column;row-gap:30px; }
        #cruise-cabins-selector .deckplan-container { order:2;flex:auto;width:100%; }
        #cruise-cabins-selector .table-container { order:1; }

    /* --@setup2-- */
    .cabin-types { width: 100%;flex-wrap: wrap;}
        .cabin-types .cabin-type { width: calc(50% - 15px); flex-wrap: wrap;}
}

@media all and (max-width: 740px) {
    .deck-and-cabin-filter label { display:none; }
    .deck-and-cabin-filter > * { width: 33%!important;min-width: auto!important; }


    .stepper-inputs, .stepper-input {
        margin-left: auto;
    }
    .checkout .inner {
        padding:0 10px;
    }
    #cruise-cabins-selector tbody tr, #cruise-cabins-selector thead tr {
        display: grid!important;
    grid-template-columns: repeat(12,1fr);
    }
    #cruise-cabins-selector tbody tr td:nth-child(1), #cruise-cabins-selector tbody tr td:nth-child(5) {
            grid-column: 1/13;
    text-align: center;
    }
    #cruise-cabins-selector tbody tr td:nth-child(2), #cruise-cabins-selector thead tr th:nth-child(2) {
        grid-column: 1/5;
    }
    #cruise-cabins-selector tbody tr td:nth-child(3), #cruise-cabins-selector thead tr th:nth-child(3) {
        grid-column: 5/9;
    }
    #cruise-cabins-selector tbody tr td:nth-child(4), #cruise-cabins-selector thead tr th:nth-child(4) {
        grid-column: 9/13;
    }
    #cruise-cabins-selector thead tr th:nth-child(1), #cruise-cabins-selector thead tr th:nth-child(5) {
        display: none;
    }

    .checkout-header h1 {
        margin-top:0;
        font-size: 36px;
    }
    .next-step-container {
        margin-top:40px;
    }

    #farecode-wrapper .farecode-description,
    .title-wrapper {
        flex-direction: column;

    }
    #farecode-wrapper {
        padding-left: 0;
        width: 100%;
    }
    #farecode-wrapper .nice-select {
        width: auto;
    }

    #lead-in-prices {
        margin: 40px 0;
    }

    #lead-in-prices .slick-prev, 
    #lead-in-prices .slick-next {
        display: block !important;
    }

    #lead-in-prices .slick-prev,
    #lead-in-prices .slick-next {
        top: -30px;
        border-radius: 50px;
        left: unset;
    }

    #lead-in-prices .slick-prev {
        right: 80px;
    }

    #lead-in-prices .slick-prev::before,
    #lead-in-prices .slick-next::before {
        content: '\f078';
        font-family: "FontAwesome";
        width: 40px;
        height: 40px;
        background: var(--white);
        border: 1px solid #E0E0E0;
        color: #212121;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        rotate: 90deg;
    }

    #lead-in-prices .slick-next::before {
        rotate: -90deg;
    }
}


@media all and (max-width: 620px) {
    .checkout-progressline .progressline {
        padding-left: 0;
    }
    .plus, .minus { width:45px; }
    .count-block .count-name {
        column-gap: 20px;
    }
    #cabin-selector #cabin-filters { display:flex; }
        #cabin-selector .form-grid-two label { display:none; }

        #cabin-selector .form-grid-two .nice-select { width:50%;min-width:auto;padding:0; }

    .date-from, .date-to { font-size:22px; }
}

@media all and (max-width: 540px) {
    /* .cabin-types .cabin-type .cabin-type-desc {
        padding: 20px 10px;
    } */

    .cabin-type-name {
        font-size: 24px;
    }

    .cabin-type-price {
        font-size: 18px;
    }

    .cabin-type-block .cabin-type-desc .primary-btn { min-width: auto;padding: 10px 20px;font-size: 14px; }
    .next-step-container { flex-direction: column; gap: 30px; }
    .next-step-container button.next-step { margin-left: 0; }
}



@media all and (max-width : 490px) {
    .checkout-progressline i { font-size: 14px;width: 30px;height: 30px; }
    .checkout h4 { font-size:20px; }
    .count-block .count-name { column-gap: 10px; }
        .count-block .count-name .icons { width:48px; }
    .plus, .minus { width: 35px; }
    .number-travellers-container .icons i { font-size: 30px; }
    .number-travellers-container .children .icons i { font-size: 23px; }

    i.fa-plus, i.fa-minus { font-size: 20px; margin: 0; }
    .count-block .count-container {
        width: 100%;
        max-width: 108px;
    }

    .cabin-types .cabin-type { width:100%; }
    .cabin-types .cabin-type img { height: 200px; }
}

/*
#book-now-html p {
	display: none;
}

#book-now-html .pg-big-buttons {
	display: none;
}
*/