:root {
	--muted: #6c757d;
	--white: #ffffff;
	--dark: #000;
	--body: #fff;
	
	--primary: #276284;
	--primary-hover: #63aae2;
	--primary-light: #ebf4f9;
	
	--secondary: #1f3905;
	--secondary-hover: #000075;
	--secondary-light: #F2F8FE;
	
	--danger: #dc3545;
	--danger-hover: #981b27;
	--danger-light: #fbe9eb;
	
	--success: #1f3905;
	--success-hover: #000075;
	--success-light: #00acee;
	
	--info: #3086CF;
	--info-hover: #1d507c;
	--info-light: #dfedf8;
	
	--warning: #ffa800;
	--warning-hover: #805500;
	--warning-light: #ffeecc;

	--muted-light: #d4dbe1;
	
	--space: 15px;
}


/* Pre-load images */
.preloaded-images-1 {
    width: 0px;
    height: 0px;
    display: inline;
    margin: 0 !important;
    padding: 0 !important;	
    background-image: url('../images/Option_1.webp');
}

.preloaded-images-2 {
    width: 0px;
    height: 0px;
    display: inline;
    margin: 0 !important;
    padding: 0 !important;	
    background-image: url('../images/Option_2.webp');
}
.preloaded-images-3 {
    width: 0px;
    height: 0px;
    display: inline;
    margin: 0 !important;
    padding: 0 !important;	
    background-image: url('../images/Option_3.webp');
}
.preloaded-images-4 {
    width: 0px;
    height: 0px;
    display: inline;
    margin: 0 !important;
    padding: 0 !important;	
    background-image: url('../images/Option_4.webp');
}
.preloaded-images-5 {
    width: 0px;
    height: 0px;
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
    background-image: url('../images/Option_5.webp');
}

html {
    scroll-behavior: smooth;
}


@font-face {
    font-family: arkhip;
    src: url(../fonts/Arkhip_font.otf);
}

body{
    color: #000;
    background-color: #dff3fc;
    font-family: arkhip;
}

/* elemental tools */
.text-nowrap {
	white-space: nowrap;
}
 
.primary-text{
    color: #276284 !important;
}

.bg-primary{
    background-color: #276284 !important;
}
.secondary-text{
    color: #dff3fc;
}

.bg-secondary{
    background-color: #dff3fc !important;
}

.bg-grey{
    background-color: #f0f0f0;
}

.red-text{
    color: #cd2b29 !important;
}

.bg-red{
    background-color: #cd2b29 !important;
}

.bg-light-red{
    background-color: #ffefef;
}

.btn-primary{
    background-color: #276284;
    border: none;
    
}

.btn-primary:hover{
    background-color: #63aae2;
}

.btn-primary.focus, .btn-primary:focus {
	box-shadow: none;
}

.btn-primary.disabled, .btn-primary:disabled {
	color: gray !important;
	background-color: #fff !important;
	border: none !important;
    box-shadow: none !important;
}

/* elemental tools end */


.section-head-text{
	cursor: pointer;
}


/* progress bar */

.progressbar-ul {
    position:relative;
    color: #E53935;
    position: absolute;
	top: -16px;
}

.progressbar-ul li {
    list-style-type: none;
    font-size: 8px;
    font-weight: 400;
    margin-bottom: 36px
}

.progressbar-ul li:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 20px;
    background: #BDBDBD;
    color: #fff;
    font-family: FontAwesome;
    content: "\f067";
    border-radius: 50%;
    margin: auto;

   
}

.progressbar-ul li:after {
    content: '';
    width: 3px;
    
    background: #BDBDBD;
    position: absolute;
    height: 60px;
    
    
    margin: 5px auto;


}

.progressbar-ul li.active:after {
    background: #276284;
}

.progressbar-ul li.active:before {
    background: #276284;
    color: #fff;
    font-family: FontAwesome;
    content: "\f00c";
}

/* progress bar end */

/* pre hiding elements */

.sec-2,.sec-3,.sec-4,.sec-5,.sec-6,.upward-arrow,.book-date{
    display: none;
}
/*
.active-section{
    display: block;
}*/


/* top line */

/*.active-line {
    width: 100%;
    margin: auto;
    margin-bottom: 5%;
    border: 3px dashed #276284;

}*/

.active-line {
	width: 110%;
	margin: auto;
	margin-bottom: 5%;
	background: url('../images/line.png');
	background-size: 100%;
	background-position: center;
	padding: 7px;
	outline: none;
	border: none;
	background-repeat: no-repeat;
	background-position-x: -17px;
	height: 7px;
}


/* card customization */

.card-img-top {
    height: 250px;
    object-fit: cover;
}

.location-card-body {
    /* padding-left: 0; */
    /* padding-right: 0; */
    /* padding-bottom: 0; */
    float: left;
    padding: 5px !important;
}
.location-card-body p:not(.extra-con) {
    font-size: 12px;
    margin: 0;
    text-align: center;
}

.location-card-body ul p,  .location-card-body .extra-con{
    text-align: left !important;
    font-size: 12px;
}

.location-card-body ul{
    margin: 0;
    padding: 0 0 5px;
}

/*#food_pckgs_dv .card-body.location-card-body {
	height: 350px !important;
}

#food_pckgs_dv .card-body.location-card-body .btn.btn.add-order-btn.upslbtn {
		position: absolute !important;
		width: 97% !important;
		bottom: 3px !important;
	}*/

#boat_list .location-card-body p:not(.extra-con){
	text-align: left;
	font-family: "Helvetica Neue";
	color: #6c757d !important;
}
.location-card-body ul p{
	font-family: 'Helvetica Neue';
}

.card-dot-line{
    position: relative;
    border-bottom: #276284 1px dotted;
}


.extra-div {
	pointer-events: none;
}

.with-icon::after {
	content: "";
	width: 30px;
	height: 30px;
	background: url("../images/card-loc-icon.png");
	position: absolute;
	display: inline-block;
	left: 45%;
	top: -15px;
	background-position: center center;
	background-size: cover;
}

.card-btn {
	width: 100%;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	background: #276284;
	border: none;
}



/* summary box */

.summary{
    right: 0;
    position: fixed;
}

.summary .side-text-box {
	width: 90%;
	float: right;
}

.circle-icn {
	display: inline-block;
	font-size: 6px;
	margin: auto;
    vertical-align: middle;
    width: 10px;
    
}
.side-text-box{
    background-color: #276284;
    border-radius: 10px;
}

.summary-content p{
	font-size: 12px;
	margin-bottom: 8px;
}

.food_inc_wrp {
	margin-left: 3px;
	display: none;
}


.t-lnm,.t-btnm{
	font-size: 10px;
}

.default-boat{
	display: flex;
	justify-content: space-between;
}


/* next button */

.next-btn{
    width: 140px;
    border-radius: 5px;
}



/* datepicker customization*/

.datepicker-inline{
    width: 100%;
}

.datepicker{
    width: 80%;
    margin: auto;
}

.datepicker--nav {
	background-color: #276284;
    color: white;
	margin-bottom: 0;
}

.datepicker--nav-action path {
	
	stroke: #fff;
	
}

.datepicker--nav-title i {
	
	color: #ffffff;
	
}
/*.datepicker--nav-title{
    pointer-events: none;
}*/
.datepicker--nav-action:hover, .datepicker--nav-title:hover {
	background: none;
}

.datepicker--content {

	padding: 0;
}

.datepicker--days-names {
    padding: 6px 0;
    background-color: #f0f0f0;
	margin: 0;
}

.datepicker--day-name {
	color: #276284;
	
}
.datepicker--cells {
	color: #276284;
    padding-top: 5px;
    padding-bottom: 5px;
}

.datepicker--cell-day {
	border-radius: 45%;
	height: 45px;
}

.datepicker--cell-day.-selected- {
	border: 6px solid #63aae2;
	border-radius: 50%;
	background-color: #276284;
	height: 45px;
	color: white;
}

.datepicker--cell.-selected-:hover {
	background-color: #276284;
}

/* datepicker customization end*/

.time-slot-div{
    margin-top: 1rem;
}

.disabled-time{
    pointer-events: none;
}

.coupon{
    border: 1px dotted #276284;
}

.coupon-input {
	border-radius: .25rem;
	outline: none;
	position: relative;
	background-image: url(../images/coupon-img.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
/*    z-index: 1;*/
    padding-right: 36px !important;
}

.coupon-input::placeholder{
    font-size: 10px;
}

.coupon-form{
	width:80%;
	margin:auto;

}  
.coupon-form .coupon-input{
    width: 60%;
    
}
.coupon-form .btn{
    width: 40%;
    font-size: 12px;
}

.time-slot-btn{

    background-color: #fff;
    color: #276284;
    border: none;
}
.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show>.btn.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38,143,255,.5);
}

.time-slot-btn:focus, .time-slot-btn.active {
	box-shadow: none;
    color: #fff;
	background-color: #276284;

}

/*
.inp-with-icon i {
    position: absolute;
    padding: 10px;
    min-width: 40px;
}
*/


/* use info section */

#entrcpn_div.hde-blck{
	display: none !important;
}

.info-inp {
    outline: none;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
/*    padding-left: 40px;*/
padding-left: 10px;
    border: 1px dashed #276284;
    color: #6c757d;
    font-size: 14px;
}
.iti__selected-dial-code {
    font-size: 14px;
}

.name-inp{
    background-image: url(../images/user-icn.png);
}
.email-inp{
    background-image: url(../images/email-icn.png);
}
.phone-inp{
    background-image: url(../images/phone-icn.png);
}
.form-control:focus {
	border: 1px dashed #63aae2;
	box-shadow: none;
    outline: none;
}

.terms-link {
  color: #276284;
  font-size: 12px;
  font-weight: 800;
  text-decoration: underline;
}

/* carousel custom navigation arrow */

.arrow-img{
    width: 20px;
    height: 20px;
}

.focus-selected-card{
	box-shadow: 0 0 0 .2rem #63aae2;
}

#datepickers-container {
	width: 350px;
}


.extra-slide .slick-prev::before, .extra-slide .slick-next::before {
	font-size: 43px !important;
	color: #276284 !important;
}

#theme-head {
	z-index: 10;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 60px;
	width: 100%;
	background-color: #276284 !important;
}
#theme-body {
    padding-top: 80px;
}



/*** New Loader ***/

.loader-main {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(20, 61, 76,0.5);
	z-index: 99999;
	width: 100%;
	height: 100%;
}

#floatingBarsG{
	position:relative;
	width:60px;
	height:75px;
	margin:auto;
	top:50%;
	transform: translateY(-50%);
}

.blockG{
	position:absolute;
	background-color:rgb(223,243,252);
	width:10px;
	height:23px;
	border-radius:8px 8px 0 0;
		-o-border-radius:8px 8px 0 0;
		-ms-border-radius:8px 8px 0 0;
		-webkit-border-radius:8px 8px 0 0;
		-moz-border-radius:8px 8px 0 0;
	transform:scale(0.4);
		-o-transform:scale(0.4);
		-ms-transform:scale(0.4);
		-webkit-transform:scale(0.4);
		-moz-transform:scale(0.4);
	animation-name:fadeG;
		-o-animation-name:fadeG;
		-ms-animation-name:fadeG;
		-webkit-animation-name:fadeG;
		-moz-animation-name:fadeG;
	animation-duration:1.2s;
		-o-animation-duration:1.2s;
		-ms-animation-duration:1.2s;
		-webkit-animation-duration:1.2s;
		-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#rotateG_01{
	left:0;
	top:27px;
	animation-delay:0.45s;
		-o-animation-delay:0.45s;
		-ms-animation-delay:0.45s;
		-webkit-animation-delay:0.45s;
		-moz-animation-delay:0.45s;
	transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
}

#rotateG_02{
	left:8px;
	top:10px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
	transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
}

#rotateG_03{
	left:25px;
	top:3px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
	transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
}

#rotateG_04{
	right:8px;
	top:10px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
	transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
}

#rotateG_05{
	right:0;
	top:27px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
	transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
}

#rotateG_06{
	right:8px;
	bottom:7px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
	transform:rotate(135deg);
		-o-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
}

#rotateG_07{
	bottom:0;
	left:25px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
	transform:rotate(180deg);
		-o-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
}

#rotateG_08{
	left:8px;
	bottom:7px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
	transform:rotate(-135deg);
		-o-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
		-moz-transform:rotate(-135deg);
}



@keyframes fadeG{
	0%{
		background-color:rgba(39,98,132,0.98);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes fadeG{
	0%{
		background-color:rgba(39,98,132,0.98);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes fadeG{
	0%{
		background-color:rgba(39,98,132,0.98);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes fadeG{
	0%{
		background-color:rgba(39,98,132,0.98);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes fadeG{
	0%{
		background-color:rgba(39,98,132,0.98);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

/*** New Loader End ***/

/** Select 2 border setting **/
.select2-container
{
	width:100% !important;
}
.select2-container--default .select2-selection--single{
 	outline: none;
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	border: 1px dashed #276284;
	margin-bottom: 16px;
	font-size: 14px;
	height: calc(1.5em + .75rem + 2px);
	padding-top: 2px;
	width: 100%;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  	font-size: 14px;
	background-color: #ddeaff;
	color: white;
}
.select2-container--default .select2-results > .select2-results__options {
	height: auto;
	max-height: 500px;
}
/** select2 border setting end **/

.ep-errmsg
{
	font-size:12px;
}
div[data-romw-token] {
	width: 100%;
}
div[data-romw-token] iframe {
	min-width: auto !important;
/*	width: 100% !important;*/
	width: 230px !important;
}
.text-primary {
    color: var(--primary) !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: var(--primary) !important;
}
.ui-widget-header {
    border: 1px solid #276284 !important;
    background: #276284 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight,.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid var(--primary) !important;
    background: var(--primary) !important;
    color: var(--white) !important;
}
.ui-datepicker td span, .ui-datepicker td a {
    text-align: center !important;
}
.ui-widget-content {
    border: 1px solid var(--white) !important;
    background: var(--white) !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid var(--primary) !important;
	background: var(--primary) !important;
	color: var(--white) !important;
}
.ui-datepicker .ui-datepicker-title select {
    color: var(--primary) !important;
    border: 0 !important;
    background: var(--white) !important;
    font-size: 17px !important;
}

.cursor-pointer{
	cursor:pointer;
}

.ext-itm-dv ul{
	list-style: none;
	text-align: left;
}

/** SLICK CUSTOMS **/
/* Arrows */
.slick-prev, .slick-next
{
    z-index:9999;
}
.ext-itm-dv.slick-slide{
	margin-left:15px;
}

.img-cart-spn{
	position:relative;
	overflow:hidden;
}

.img-cart-spn .extra-itm-rbn-spn{
	background: #276284;
	color: #dff3fc;
	font-size: 16px;
	position: absolute;
	left: -25px;
	top: 15px;
	transform: rotate(-45deg);
	display: list-item;
	width: 100px;
	text-align: center;
	list-style: none;
	font-weight: bold;

}

.extra-itm-rbn-spn.presnt-cart {
  top: unset;
  bottom: 0;
  transform: unset;
  left: 0;
  width: auto;
  padding: 0 10px;
  border-radius: 0 10px 10px 0;
}
.prsntincrt{
	display:none;
}
.actv-cart{
	display:list-item;
}

.extra-itm-rbn-spn.prsntincrt.actv{
	display:list-item;
}
/** SLICK CUSTOMS END **/


.updateMsgs h4 {
	font-size: 16px;
}
.updateMsgs p {
	font-size: 13px;
}
.fxdFooter {
	background: #333;
	padding: 6px 15px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
.fxdFooter p {
	margin: 0;
	font-size: 10px;
	color: #fff;
	line-height: 1;
}
.fxdFooter p label {
	margin: 0;
	color: #cccccc;
}
.footerMain {
	padding-bottom: 30px;
}
.active-section .info-inp::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #6c757d;
  opacity: 1; /* Firefox */
}

.active-section .info-inp:-ms-input-placeholder { /* Internet Explorer 10-11 */
  	color: #6c757d;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #6c757d;
}
.active-section .info-inp::-ms-input-placeholder { /* Microsoft Edge */
  color: #6c757d;
}
.active-section .select2-container--default .select2-selection--single .select2-selection__rendered,.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #6c757d !important;
    font-size: 14px;
}
.select2-container--default .select2-results > .select2-results__options {
	overflow-y: scroll;
	scrollbar-width: 63px;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    width: 12px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    background: #276284;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #5897fb;
}

.slick-prev::before, .slick-next::before {
	font-family: 'FontAwesome';
	font-size: 27px;
	color: #fff;
	background: #333;
	width: 30px;
	height: 30px;
	display: block;
	border-radius: 50%;
}
.slick-next::before {
	content: "\f105";
}
.slick-prev::before {
	content: "\f104";
}


.minus-btn,.item-number-counter,.plus-btn{
	font-size: 18px;
}

/*.sec {
	flex: 0 0 calc(100% - 30px);
	max-width: calc(100% - 30px);
}

.progressbar-div {
	flex: 0 0 30px;
	max-width: 30px;
	padding-right: 0;
}*/

.progressbar-div .step0{
	cursor: pointer;
}

#timeslt_div .cs-timeslot-btn {
	margin: 0 5px 10px !important;
	flex: 0 0 calc(16.666% - 10px);
	max-width: calc(100% - 2px);
	font-size: 14px;
	white-space: nowrap;
	
}

#timeslt_div {
	width: calc(100% + 10px);
	margin: 10px -5px;
	margin-top: 0;
	gap: 5px;
}

.button_p_tag{
	margin-bottom: 0px;
	font-size: 12px;
	text-align: center;
}
.single_stroke{
	padding: 3px;
	border-top: 1px solid var(--muted-light);
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #fff;
}

.button_container_width{
	width: calc(15% - 5px);
	margin: 4px;
	margin-top: 0;
}

.button_container_width .btn{
	white-space: nowrap;	
	border-radius: 0px;
	min-width: 100% !important;
	font-size: 13px;
	font-weight: bold;
}


.top_part{
	padding: 3px;
	color: #fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}


/*v2 changes start*/
.progressbar-ul {
	right: 0;
}

/*.active-line {
	width: 90%;
	margin-left: 5%;
}*/

h1.logoTxt{
	margin-left: -8%;
	font-size: 32px;
}
/*.footerMain {
	margin-left: 7%;
}*/

.summary {
	z-index: 1;
}

.prc-brk-dv {
	margin-left: -17px;
	margin-right: -17px;
	margin-bottom: -17px;
}

.prc-brk-dv .card {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top: none;
}

.prc-brk-dv .card-header {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: var(--primary);
	padding: 0;
	margin: 0;
	padding-left: 17px;
	margin-top: -1px;
}

.prc-brk-dv .card-link {
	font-size: 11px;
	background: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 8px 10px 4px 10px;
	text-decoration: none;
	color: var(--primary);
}

.dashed-border-bottom-primary {
	border-bottom: 1px dashed var(--primary);
}

.dashed-border-bottom-primary-light {
	border-bottom: 1px dashed var(--primary-light);
}

.dashed-border-bottom-dark {
	border-bottom: 1px dashed var(--dark);
}

.prc-brk-innr-dv p {
	margin-bottom: 3px;
	font-size: 10px;
}

.boatInfoBlock, 
#boatLocationName,
#boatName,
#boatBookDate,
#boatBookTime,
.boatGuestPriceBlock,
#boatAndGuest,
#boatAndGuestPrice,
.pricePerPersonBlock,
#pricePerPersonPrice,
.extraItemBlock,
.extraItem,
.priceAllIncludedBlock,
.priceAllIncludedPrice,
.priceBreakDownBlock,
.pbdbBasePriceDv,
.pbdbNoOfBoat,
.pbdbTotalBasePriceDv,
.pbdbMoreGuestDv,
.pbdbPricePerPersonDv,
.pbdbPriceTotalPersonDv,
.pbdbPriceTotalBoatPersonDv,
.pbdbExtraItem,
.pbdbTotalAllIncluded {
	display: none;
}

.ui-datepicker td span, .ui-datepicker td a {
	padding: 8px !important;
}
/* Weekday styles */
.peak-day {
    border-bottom: 2px solid #e64747;
}

.off-peak-day {
    border-bottom: 2px solid #e09c3b;
}

.super-off-peak-day {
    border-bottom: 2px solid #8fb935;
}

/* Date styles */
.peak-date .ui-state-default {
    border: 1px solid #e64747 !important;
    border-radius: 50%;
}

.peak-date .ui-state-default:hover, .peak-date .ui-state-active {
	background-color: #e64747 !important;
}

.off-peak-date .ui-state-default {
    border: 1px solid #e09c3b !important;
    border-radius: 50%;
}

 .off-peak-date .ui-state-default:hover, .off-peak-date .ui-state-active {
	background-color: #e09c3b !important;
}

.super-off-peak-date .ui-state-default {
    border: 1px solid #8fb935 !important;
    border-radius: 50%;
}

.super-off-peak-date .ui-state-default:hover, .super-off-peak-date .ui-state-active {
	background-color: #8fb935 !important;
}

.peaklabelsdv {
	max-width: 300px;
}

.peaklabelsdv p {
	font-size: 12px;
}

/*#timeslt_div .btn {
	padding: 5px;
	padding-top: 12px !important;
	padding-bottom: 0 !important;
}

#timeslt_div .cs-timeslot-btn span {
	font-size: 10px;
	position: absolute;
	top: -3px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
}

#timeslt_div .cs-timeslot-btn.active:focus {
	box-shadow: none;
}
#timeslt_div .cs-timeslot-btn::before {
	content: "";
	top: -5px;
	left: 0;
	width: 100%;
	height: 112%;
	background: transparent;
	position: absolute;
	border: 2px solid var(--danger);
	border-top: 16px solid var(--danger);
	border-radius: 5px;
}*/

.coupon-form, .peaklabelsdv {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 300px !important;
	width: auto;
}
.coupon-form {
	width: 300px !important;
}

.col_cls_10_ptge {
	max-width: 12% !important;
}


/* Slick Styles */
.slick-dots {
	display: none;
}


/* Styles for food select in BBQ Boat */
.food_image_div {
	max-width: 90px;
	min-width: 85px;
	aspect-ratio: 3/2;
	margin-right: 10px;
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
}
.food_image_div img{ 
	object-fit: cover;
}	
.food_name_label {
	font-size: 12px;
}
.subitems_wrapper {
	gap: 8px;
}
.subitem_pill {
	font-size: 10px;
	color: gray;
	text-transform: lowercase;
}
.subitem_pill:first-letter {
	text-transform: uppercase;
}

.food_select_field + .select2 .select2-results__option--highlighted {
  background-color: #c5dbff !important;
  color: #fff !important;              
}

.extra-slide2, .extra_group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.extra-slide2 .ext-itm-dv , .extra_group .ext-itm-dv{
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-width: 33.33%;
	padding-inline: 8px;
}
.current_page_label {
	font-size: 14px;
}

/****** ++++++++++++++++  media queries start ++++++++++++++++++ *******/

.ui-datepicker-prev,.ui-datepicker-next{
	display:none !important;
}

@media screen and (max-width: 596px) {
	.food_name_label {
		font-size: 11px;
	}
	.subitems_wrapper {
		gap: 5px;
	}
	.subitem_pill {
		font-size: 8px;
		line-height: 1;
	}
	.select2-container--default .select2-results > .select2-results__options {
		max-height: 435px;
	}
}


/* 1400px */
@media only screen and (max-width: 1400px) {
	.button_container_width{
		width: calc(20% - 5px);
	}

}

/**** 1250px ****/
@media only screen and (max-width:1250px){

	.button_container_width{
		width: calc(30% - 5px);
		margin-bottom: 0;
	}

	.button_container_width .btn{
		font-size: 11px;
	}

	#entrcpn_div > div.d-flex{
		display: block !important;
		text-align: left;
	}

	.coupon-input {
		width: 80% !important;
		margin-bottom: 5px !important;
	}

	.apply-code-btn {
		width: 80% !important;
	}


    .datepicker--cell.-selected- {
        height: 42px;
       
    }
    .datepicker--cell {
        height: 42px;
    }


}

/**** 1159px ****/
@media only screen and (max-width:1159px){

    .datepicker--cell.-selected- {
        height: 40px;
       
    }
    .datepicker--cell {
        height: 40px;
    }
    
    .circle-icn{
    	display:block;
    }
}

/**** 1159x ****/
@media only screen and (max-width:1159px){

    .btn{
        font-size: 12px;
    }

    .boat-detail{
        font-size: 12px;
    }

    .datepicker--cell.-selected- {
        height: 35px;
       
    }

    .datepicker--cell {
        height: 35px;
    }

    .book-date{
        font-size: 14px;
    }

    .info-inp {
        font-size: 12px;
    }
    .iti__selected-dial-code {
	    font-size: 12px;
	}
	.custom-select-header2 {
	    font-size: 12px !important;
	}

    .card p{
        font-size: 12px;
    }
    .card h5{
        font-size: 14px;
    }

    .circle-icn{
        font-size: 5px;
    }
    
    .info-inp::placeholder{
        font-size: 12px;
    }
    .active-section .select2-container--default .select2-selection--single .select2-selection__rendered {
	    font-size: 12px;
	}

}

/**** 1120px ****/
@media only screen and (max-width:1120px){


    /*.progressbar-ul{
        display: none;
    }*/
    .updateMsgs {
		margin-top: 8px;
	}
}


/**** 991px ****/
@media only screen and (max-width:991px){

    .card-img-top {
        height: 150px;
    }

    .time-slot-div{
        margin-top: 0px;
    }
    .section-head-text {
		font-size: 13px;
	}
	.logoTxt {
		font-size: 32px;
		line-height: 1;
	}
	.slick-prev::before, .slick-next::before {
		font-size: 23px;
		line-height: 28px;
	}

	#timeslt_div {
		width: calc(100% + 30px);
		margin: 10px -30px;
	}

	#timeslt_div .cs-timeslot-btn {
		font-size: 10px;
	}

		/* Extra Page Items Styles */
	.extra-slide2 .ext-itm-dv , .extra_group .ext-itm-dv{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding-inline: 8px;
	}

}



/**** 900px - 991px ****/
@media only screen and (min-width:900px) and (max-width:991px){

    .datepicker--cell.-selected- {
        height: 42px;
       
    }
    .datepicker--cell {
        height: 42px;
    }

}



@media only screen and (min-width:991px){
	
	body{
		/**overflow: hidden;**/
		overflow-y: scroll;
	}
	
	h4,h5{
		font-size: 13px;
	}
	
	.with-icon::after {
		
		width: 25px;
		height: 25px;
		top: -12px;
		
	}
	
	.progressbar-ul li::after {
	
		width: 2px;
		height: 15px;

	
	}
	
	.progressbar-ul li::before {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 14px;
	}
	
	.card-body{
		padding:5px;
		padding-left:0;
		padding-right:0;
		padding-bottom:0;
	
	}
	.card-title{
		padding-bottom: 0 !important;
	}
	
	.card-dot-line{
		margin-bottom: 0;
	}
	.card-img-top {
		height: 150px;
	
	}
	
	.card-btn {
		font-size: 12px;
	}
	
	.active-line {
		margin-bottom: 3px;
		height: 7px;
		background-size: contain;
		background-repeat: repeat-x;
		padding: 2px;
	}
	
	.progressbar-ul li {
	
		margin-bottom: 0px;
	}
	.progressbar-ul{
		margin: 0;

	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.summary-content p {
		font-size: 9px !important;
		margin-bottom: 10px !important;
	}
	.prc-brk-dv .card-link {
		font-size: 9px !important;
	}
	.prc-brk-innr-dv p {
		margin-bottom: 3px;
		font-size: 10px;
	}

	.option-details2 table tr th, .option-details2 table tr td {
		font-size: 10px;
	}

	.custom-select-option2 .custom-select-ophd-spn {
		font-size: 10px;
		width: 50px;
		margin-right: 8px;
	}

	#timeslt_div .cs-timeslot-btn {
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
	}
}

/**** 767px ****/
@media only screen and (max-width:767px){

	.row > * {
		margin-left: -1% !important;
	}

	.active-line {
		width: 100%;
	}

	.summary .side-text-box {		
		float: unset;
	}

	#entrcpn_div > div.d-flex{
		display: flex;
		text-align: left;
	}

	.coupon-input {
		width: 100% !important;
		margin-bottom: 5px !important;
	}

	.apply-code-btn {
		width: 100% !important;
	}


    #theme-head {
		z-index: 10;
		position: fixed;
		top: 0px;
		left: 0px;
		height: 50px;
		width: 100%;
		background-color: #276284 !important;
	}
 
    .logoTxt {
		font-size: 24px;
		line-height: 1;
		padding: 15px !important;
	}

    #theme-body{
        padding-top: 80px;
    }

    .card{
/*        width: 60%;*/
        width: 90%;
        margin: auto;
    }

    .card-col-xs .card{
    	width: 100%;
        margin: auto;
    }

    .extra-slide div .card{
        width: 80%;
    }

    .card-img-top {
        height: 250px;
    }

    .datepicker-inline {
        width: auto;
    }

    .time-slot-div {
        width: 60%;
        margin: 1rem auto;
    }

    .datepicker {
        width: 60%;

    }

    .user-info-div{
        width: 90%;
        margin: auto;
    }

    /*.summary {
        display:none;
    }*/


    .side-text-box {
		/*width: 90%;*/
		width: calc(100vw - 30px) !important;
        margin: auto;
        padding-top: 7px;
		/*padding-bottom:300px !important;*/
    }

    .summary {
		right: 0;
		position: fixed;
	}

    .section-head-text{
        margin-bottom: 0;
        margin-left: 15px;
    }

    /*.upward-arrow {
    	display: block;
        background-color: rgb(255, 255, 255);
		pointer-events: none;
		border-radius: 3px;
		height: 4.5px;
		width: 45px;
		margin: 0 auto 14px;
    }*/
    .upward-arrow {
	    display: block;
	    /* background-color: rgb(255, 255, 255); */
	    /* pointer-events: none; */
	    /* border-radius: 3px; */
	    height: 36px;
	    width: 45px;
	    margin: 0 auto -15px;
	    text-align: center;
	    font-size: 36px;
	}
	.upward-arrow i {
	    margin-top: -17px;
	}

    .datepicker--cell.-selected- {
        height: 42px;
    }

    .datepicker--cell {
        height: 42px;
    }

    /* SUMMARY BOX */

    .transitionUp{
    	position: absolute;
    	bottom: -60px;
        transition: bottom 400ms ease 0s;
    }

    .transitionDown{
    	position: absolute;
/*        transform: translateY(0px) !important;*/
/*		bottom: -270px;*/
        transition: bottom 400ms ease 0s;
    }
    .coupon-form {
        width: 60%;
        margin: auto;
    }

    /*.peaklabelsdv {
    	width: 60%;
    }*/
    
    /*.extra-div{
    	display: none;
    }*/
    
    .section-head-text {
		margin-top: 10px;
	}
	
	.circle-icn{
	
		display: inline-block;
	}
	.location-card-body h5 {
		font-size: 11px;
	}
	.location-card-body p {
		font-size: 11px;
	}
	.footerMain h4 {
		font-size: 16px;
	}
	.terms-link {
		font-size: 10px;
	}
	
	/*** slick ***/
	.slick-prev, .slick-next{
		top:50%;
	}
	
	.extra-slide .slick-prev::before, .extra-slide .slick-next::before {
		font-size: 20px !important;
	}
	.slick-next {
		left: calc(100% - 40px);
	}
	.slick-prev{
		left: 40px;
	}
	/*** slick ***/
	.fdPkgBx .card {
		width: 100%;
	}
	.updateMsgs p {
	    font-size: 12px;
	}

	/*#food_pckgs_dv .card-body.location-card-body {
		height: 400px !important;
		position: relative !important;
	}*/

	
    #timeslt_div {
		width: calc(100% + 5px);
		margin: 10px -5px;
		gap: 10px;
	}


	#timeslt_div .cs-timeslot-btn {
		font-size: 12px;
	}

	h1.logoTxt{
		margin-left: auto;
	}
	.footerMain {
		margin-left: auto;
	}

	.active-line {
		margin-left: auto;
	}

	.summary {
		z-index: 1;
		top: calc(100% - 60px);
	}
	.prc-brk-dv .card {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.prc-brk-dv .card-header {
		 border-bottom-right-radius: 0; 
		 border-bottom-left-radius: 0; 
	}

	#timeslt_div .cs-timeslot-btn::before {
		top: -3px;
		border-top: 10px solid var(--danger);
		border-radius: 5px;
	}

	/*#timeslt_div .btn {
		padding-top: 10px !important;
		padding-bottom: 2 !important;
	}*/
	.extra-row-margin-adj {
		margin-right: -60px;
	}

}



/**** 575px ****/
@media only screen and (max-width:575px){

    .card-col-xs{
/*        width: 50%;*/
		width: 100%;
    }

    #boat_list  .card-col-xs{
        width: 100%;
    }

    .card-col-xs .card{
        width: 100%;
    }

    .card-img-top{
        height: 150px;
    }

    /*.active-line{
        width: 100%;
        
    }*/
    
    .with-icon::after {
		left: 46%;
	}
	.ftsecbtm {
		flex-wrap: wrap;
	}
	
	.ext-itm-dv.slick-slide {
	  margin-left: initial;
	}
	#theme-head {
		height: 45px;
	}
	.logoTxt {
		font-size: 18px;
	}
	
	div[data-romw-token] iframe {
		min-width: auto !important;
	/*	width: 100% !important;*/
		width: 172px !important;
	}
	
	.extra-row-margin-adj {
		margin-right: -50px;
	}	

}

@media only screen and (max-width:574px){
	.slick-prev, .slick-next{
		top:160px;
	}
	
	.extra-slide .slick-prev::before, .extra-slide .slick-next::before {
		font-size: 20px !important;
	}
	.slick-next {
		left: calc(100% - 48px);
	}
	.slick-prev{
		left: 28px;
	}
	.fxdFooter p {
	    font-size: 9px;
	}
}

@media only screen and (min-width:501px){
	.progressbar-ul{
    	padding-left: 0;

    }

    .progressbar-ul li::after {
		content: '';
		width: 3px;
		height: 15px;
		background: #BDBDBD;
		position: absolute;
		margin: 0px auto;
		left: 50%;
		transform: translate(-50%);
/*		margin-left: 1px;*/
		
	}

	.progressbar-ul li::before {
		width: 18px;
		height: 18px;
		line-height: 17px;
		display: block;
		font-size: 13px;
	}
}
/**** 500px ****/

@media only screen and (max-width:500px){

    .datepicker {
        width: 80%;
    }

    .datepicker--cell.-selected- {
        height: 48px;
       
    }
    .datepicker--cell {
        height: 48px;
    }

    .coupon-form{
        width: 80%;
        margin: auto;
    }
    .coupon-form .coupon-input{
        width: 60%;
        
    }
    .coupon-form .btn{
        width: 40%;
        padding-left: 0;
        padding-right: 0;
       
    }

    .time-slot-div{
        width: 90%;
    }

    .user-info-div {
        width: 100%;
    }

    .no-of-boat-fld-grp .select2-selection__rendered{
    	font-size: 10px !important;
    }

    .progressbar-ul{
    	padding-left: 0;

    }

    .progressbar-ul li::after {
		content: '';
		width: 2px;
		background: #BDBDBD;
		position: absolute;
		height: 20px;
		margin: 0px auto;
		left: 6px;
		margin-left: 1px;
		
	}

	.progressbar-ul li::before {
		width: 16px;
		height: 16px;
		line-height: 15px;
		display: block;
		font-size: 12px;
	}
    
}

@media screen and (max-width: 480px){

	.with-icon::after {
		left: 44%;
	}
	.coupon-input::placeholder {
		font-size: 8px;
	}

}
/**** 401px - 440px ****/

@media only screen and (min-width:401px) and (max-width:440px){

    .datepicker--cell.-selected- {
        height: 42px;
       
    }
    .datepicker--cell {
        height: 42px;
    }
}


/**** 400px ****/

@media only screen and (max-width:400px){

    .datepicker--cell.-selected- {
        height: 38px;
       
    }
    .datepicker--cell {
        height: 38px;
    }
}
/* ---------------- End Styles ---------------- */