/* CSS Document */
.searchbg {padding:0 0 20px;}
.full-width {display:flex;}
.resize-pnl {max-width:1240px; width:100%;display:block;margin:0 auto;}
.wrap-1140 {max-width:1140px; width:100%; display:block; margin:0 auto;}
.bkBtn {width:100%; float:left; margin:20px 0 0; display:none;}
.bkBtn a.backbtn {float:right; background:#fe492b; color:#fff; font-size:15px; text-align:center; padding:3px 14px; border-radius:4px; font-weight:500; position:relative; text-decoration:none;}
.bkBtn a.backbtn:before {content:""; color:#fe492b; font-size:25px; position:absolute; left:-8px; top:1px; line-height:19px; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #fe492b;}
.header .call-bx .innerbx a {text-decoration: none;}
.search-criteria.dnone {display:none;}
.search-criteria.dblock {display:block;}
.rcolumn .rgtGridBx .priceType ul li a {color:#fe492b;}
.search-panel .src-cruise-panel {width:100%; float:left; position:relative}
.search-panel .src-cruise-panel ul { width:100%; display: flex; align-items: center; flex-wrap:wrap;}
.search-panel .src-cruise-panel ul li { flex:0 0 25%;}
.search-panel .src-cruise-panel ul li.cruiseType{ display: none;}
.search-panel .src-cruise-panel ul li label{ font-size:.9em; display: block; padding-bottom: 5px; font-weight:700;}
.search-panel .src-cruise-panel ul li select{ width: 90%; height: 48px; line-height: 48px; padding: 0 5px; font-size:1em; line-height: 21px;background-image: none!important;}
.search-panel .src-cruise-panel ul li.flightdate{ flex:0 0 15%;}

/*newcss search*/
div.src-cru{ width:100%;float: left; position: relative;}
div.src-cru .cr-type{ display: none;}
div.src-cru #UpdatePanel{ width:100%; display:inline-flex;}
div.src-cru #UpdatePanel div{ flex:0 0 33%; padding: 0 5px;}
div.src-cru #UpdatePanel div label{ display: block; padding-bottom:5px; font-size:1.4em; font-weight: 600;}
div.src-cru #UpdatePanel div.flightdate{ flex:0 0 15%;}
div.src-cru #UpdatePanel div select{ width:100%; height: 48px; font-size:1.4em; padding: 0 10px;}
div.src-cru .btnbx { width: 200px; display: inline-flex; position: absolute; top:18px; right:0px;}
div.src-cru .btnbx span.rst{ display: none;}
div.src-cru .btnbx input{ width:90%;height: 48px;font-size: 18px; background:#F95539; background:var(--btnred); color:#ffffff; border:none; cursor:pointer;}
.clearable.x,.clearable, .clearable:focus{ background-image:none!important;}



.search-panel .src-cruise-panel ul li.btnbx {background:none; border:none; margin-right:0; width:auto;}
.search-panel .src-cruise-panel ul li.btnbx input.btn-search {width:90%; height: 48px; background:#fe492b; color:#ffffff; font-size:1em; text-align:center; padding:10px 30px; margin:0; border-radius:10px; border:none; cursor:pointer; margin-top: 25px;}
.search-panel .src-cruise-panel ul li input.inp-01 {width:100%; float:left; background:none; border:none; font-size:.8em; font-weight:700; color:#000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right:10px;}
.search-panel .src-cruise-panel ul li input.inp-01.pad12 {padding:0 10px 0 12px;}

.search-panel .src-cruise-panel ul li select.sel-01 {width:100%; float:left; border:none; font-weight:700; color:#000; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../images/listbox-arrow.jpg) right -13px no-repeat; position:absolute; left:0; top:16px; padding:0 10px 0 10px; height:30px; font-family:inherit;}

.search-panel .src-cruise-panel ul li.flightdate input.inp-01 {font-size:.8em; background: url(../images/cal-icon-02.jpg) right -2px no-repeat;}

.search-panel .src-cruise-panel ul li select.sel-01 {width:100%; float:left; border:none; /*font-size:12px;*/ font-weight:700; color:#000; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../images/listbox-arrow.jpg) right -13px no-repeat; position:absolute; left:0; top:16px; padding:0 0 0 10px; height:30px; font-family:inherit;}

.search-panel .src-cruise-panel ul li.btnbx.flightbutton{ position:relative; /*margin-top:10px;*/}
.search-panel .src-cruise-panel ul li.btnbx.flightbutton span.rst{position:absolute; top:-30px; display:none;}
.search-panel .src-cruise-panel ul li.btnbx.flightbutton span.rst input.reset{ background: none;border: none;color: #333;padding:10px 5px;}

div.ui-datepicker {width:195px !important; margin-left:-12px; margin-top:6px; }

.headingcont {width:100%; float:left; margin:0; padding:30px;}
.headingcont h1 {font-size:2.8em; font-weight:700; padding:20px 0; line-height:30px; text-align:center;}
.headingcont p {font-size:18px; line-height:28px; text-align:center;}


/*bof:Top Cruise Holidays*/
.topCruiseHoliBx {width:100%; float:left; padding:0 0 30px;}
.topCruiseHoliBx h2, .topCruiseHoliBx h1 {padding:40px 0; margin:0; text-align:center;font-weight:700!important; font-size:2.8em;}
.topCruiseHoliBx h1{font-size: 28px;}
.topCruiseHoliBx .innerbx {width:100%; float:left; /*padding:0 35px;*/ padding:0; margin:0; position:relative; overflow:hidden;} 
.topCruiseHoliBx .innerbx ul {width:100%; display: flex; gap:2%; flex-wrap:nowrap}
.topCruiseHoliBx .innerbx li {flex: 0 0 32%;}
.topCruiseHoliBx .innerbx li a {color:#333333; cursor:pointer; text-decoration:none;}
.topCruiseHoliBx .innerbx li .slidebx {width:95%; float:left; margin:0 2.5% 2%; background:#ffffff; position:relative;  border-radius:10px; min-height:630px!important; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.topCruiseHoliBx .innerbx li .slidebx .offerbx {position:absolute; left:-9px; top:7%; float:left; background:#fe492b; padding:5px 15px; color:#fff; font-size:14px; z-index:3 ;font-weight:700;}
.topCruiseHoliBx .innerbx li .slidebx .offerbx:before {content:""; position:absolute; left:0; top:-10px; width:11px; height:10px; background:url(../images/offer-top-img.png) left top no-repeat; z-index:2;}
.topCruiseHoliBx .innerbx li .slidebx .imgbx,
.topCruiseHoliBx .innerbx li .slidebx .contbx {width:100%; float:left; border-radius:10px 10px 0 0; position:static;}
.topCruiseHoliBx .innerbx li .slidebx .imgbx:after{position:absolute; top:25px; right:0px; z-index:2;content: ""; width:86px; height:37px;background: url(/assets/images/popular-airlines/saleison.png) left top no-repeat; display:none;}
.topCruiseHoliBx .innerbx li .slidebx .imgbx {overflow:hidden;}
.topCruiseHoliBx .innerbx li .slidebx .imgbx img {width:100% !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.topCruiseHoliBx .innerbx li:hover .slidebx .imgbx img {transform:scale(1.1);}
.topCruiseHoliBx .innerbx li .slidebx .contbx {padding:10px; /*min-height:560px;*/}
.topCruiseHoliBx .innerbx li .slidebx .contbx h5 {width:100%; display:block; font-size:1.8em; font-weight:700!important; height:auto; line-height:28px; text-align:center; padding:0 0 10px; min-height:68px;}
.topCruiseHoliBx .innerbx li .slidebx .contbx h5 span{ font-size:1.8em; color:#fe492b;}
.topCruiseHoliBx .innerbx li .slidebx .contbx h5 span:after {content: "*";  font-size:1em;}

.topCruiseHoliBx .innerbx li .slidebx .contbx h5 img{width:auto; display:inline-block;}
.topCruiseHoliBx .innerbx li .slidebx .contbx p {font-size:1.5em; color:#333333; display:block; width:100%; padding:0 0 12px; text-align:left;}
.topCruiseHoliBx .innerbx li .slidebx .contbx p.itineryBx {text-align:center; display:none;}
.topCruiseHoliBx .innerbx li .slidebx .contbx p.itineryDetails {text-align:left; min-height:195px; display:none;}
.topCruiseHoliBx .innerbx li .slidebx .contbx p span {font-weight:700; font-size:1.1em; padding:0 5px 0 0;}
.topCruiseHoliBx .innerbx li .slidebx .contbx p.price {font-size:1.6em; font-weight:700; color:#fe492b;-webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 100%;  max-width: 100%;  text-align: center; padding:0; line-height: 21px;position: absolute;bottom: 75px;}
.topCruiseHoliBx .innerbx li .slidebx .contbx p.price > span.blkBx {display:block; color:#000000; font-weight:400; padding:0 0 10px;}
.topCruiseHoliBx .innerbx li .slidebx .contbx p.price > span.blkBx:after {display:none;}
.topCruiseHoliBx .innerbx li .slidebx .contbx p.price > span {font-size:1.2em;}
.topCruiseHoliBx .innerbx li .slidebx .contbx p.price > span + span {font-size:2em; padding:0;}
.topCruiseHoliBx .innerbx li .slidebx .contbx p.price > span:after {content:"*"; vertical-align:super; font-size:0.6em;}
.topCruiseHoliBx .innerbx li .slidebx .contbx p.bookbtn {display:inline-block; text-align:center;position: absolute; bottom: 10px;}
.topCruiseHoliBx .innerbx li .slidebx .contbx p.bookbtn input[type="submit"] {background: #fe492b; border: #fe492b 1px solid; color: #ffffff; font-size: 14px; text-align: center; padding: 10px 25px; margin: 0;  cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;font-family:inherit;}
.topCruiseHoliBx .innerbx li .slidebx .contbx p.bookbtn span {background:#fe492b; color:#ffffff; border-radius:22px; padding:8px 10%;}

.topCruiseHoliBx .innerbx .row {display:flex; width:100%; gap:4%; overflow:hidden;}

.topCruiseHoliBx .innerbx .row .arrow-bx .lftarrow,
.topCruiseHoliBx .innerbx .row .arrow-bx .rgtarrow {background-color:#ffffff; background-color:var(--arrowbg); position:absolute; top:45%; transform:translateY(-50%); width:40px; height:40px; padding:6px; cursor:pointer; box-shadow:-1px 1px 4px rgba(0 0 0 / 20%); color:#fff;}	

.topCruiseHoliBx .innerbx .row .arrow-bx .lftarrow {left:10px;}
.topCruiseHoliBx .innerbx .row .arrow-bx .rgtarrow {right:10px;}

.topCruiseHoliBx .innerbx .row .arrow-bx .lftarrow::after,
.topCruiseHoliBx .innerbx .row .arrow-bx .rgtarrow::after {content:url(/assets/images/rightarrow-black.svg); width:28px; height:28px; display:block; position:absolute; top:7px;}

.topCruiseHoliBx .innerbx .row .arrow-bx .lftarrow::after {transform: rotate(-180deg);}

/*.topCruiseHoliBx .innerbx .arrow-bx {max-width:1360px; width:100%; position:absolute; left:0; right:0; top:35%; margin:0 auto; z-index:1;}
.topCruiseHoliBx .innerbx .arrow-bx a.lftarrow, 
.topCruiseHoliBx .innerbx .arrow-bx a.rgtarrow {
position: absolute;
cursor: pointer;
width:35px;
height:35px;
padding:5px;
background:#ffffff url(../images/arrow-sprite.png) left top no-repeat; 
text-indent:10000px; 
overflow:hidden;
}

.topCruiseHoliBx .innerbx .arrow-bx a.lftarrow {left:0;}
.topCruiseHoliBx .innerbx .arrow-bx a.rgtarrow {right:0; background-position:-35px top;}*/

/*eof:Top Cruise Holidays*/

/*bof:Explore the World*/
.exporeCruiseGrid {width:100%; display:block; overflow:hidden; padding:0 0 20px;} 
.exporeCruiseGrid h2 {text-transform:uppercase; padding:40px 0; text-align:center;}
.exporeCruiseGrid ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.exporeCruiseGrid ul li {flex:0 0 32%; background:#ffffff; box-shadow:1px -1px 2px #c3c3c3; border-radius:8px; box-shadow:1px -1px 10px #c3c3c3;}
.exporeCruiseGrid ul li .imgBx,
.exporeCruiseGrid ul li .offerBx {width:100%; float:left;}
.exporeCruiseGrid ul li .imgBx {overflow:hidden; border-radius:8px 8px 0 0;}
.exporeCruiseGrid ul li .imgBx img {border-radius:8px 8px 0 0; width:100%; height:208px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.exporeCruiseGrid ul li:hover .imgBx img {transform:scale(1.1);}
.exporeCruiseGrid ul li .offerBx p {padding:15px; margin:0; color:#031e56; font-size:1em; text-transform:capitalize; font-weight:700;}
.exporeCruiseGrid ul li .offerBx p span {float:right;}
a.cruiseBtnAll {max-width:240px; width:100%; border:1px solid #fe492b; margin:20px auto; font-weight:400; font-size:17px; text-align:center; display:block; color:#fe492b; text-decoration:none; border-radius:22px; padding:10px 0; box-shadow:rgba(0, 0, 0, 0.24) 0px 0px 10px;}
a.cruiseBtnAll:hover {background:#fe492b; border:1px solid #fe492b; color:#ffffff;}
/*eof:Explore the World*/


/*bof: Our Cruise Partner*/
.ourCruiseTitle {width:100%; float:left;}
.ourCruiseTitle h2 {text-transform:uppercase; padding:40px 0; text-align:center; font-size:3.6em; font-weight:700;}
.cruisePartner {width:100%; display:block; padding:0 0 30px; overflow:hidden; text-align:center;} 
.posRelative {position:relative;}
.cruisePartnerGrid {/*width:100%; float:left;*/ display:block; overflow:hidden; padding:20px 0; position:relative;} 
.cruisePartnerGrid h2 {text-transform:uppercase; padding:40px 0; text-align:center;}
.cruisePartnerGrid ul {/*display:flex; justify-content:space-between; align-items: center;*/ text-align:center;}
.cruisePartnerGrid ul li {margin:0; padding:10px 20px; border-radius:5px; text-align:center; background:#fff; display:inline-block;/* border:1px solid #ddd;*/}

.cruisePartnerGrid .arrow-lft,
.cruisePartnerGrid .arrow-rgt {position:absolute; top:30%; background:#ffffff; padding:10px; margin:0; float:left; cursor:pointer; border-radius:100%; box-shadow:1px -1px 8px #c3c3c3;width: 40px;height: 40px;text-align: center;line-height: 28px; display:none;}
.cruisePartnerGrid .arrow-lft {left:-8px;}
.cruisePartnerGrid .arrow-rgt {right:-8px;}
.cruisePartnerGrid .owl-stage-outer {max-width:950px; width:100%; margin:0 auto;}
.cruisePartnerGrid .owl-carousel .owl-item img {width:auto !important;}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {position:absolute; top:30%; padding:10px; margin:0; float:left; cursor:pointer; border-radius:100%; box-shadow:1px -1px 8px #c3c3c3;width: 40px;height: 40px;text-align: center;line-height: 28px; text-indent:10000px;}
.owl-carousel .owl-controls .owl-nav .owl-prev {left:4px; background:#ffffff url(../images/slider-left-arrow.png) 13px 10px no-repeat;}
.owl-carousel .owl-controls .owl-nav .owl-next {right:4px; background:#ffffff url(../images/slider-right-arrow.png) 13px 10px no-repeat;}

/*eof: Our Cruise Partner*/

@media screen and (max-width:1024px){
	.search-panel .src-cruise-panel ul li.cruiseType,
	.search-panel .src-cruise-panel ul li.departPort, 
	.search-panel .src-cruise-panel ul li.cruiseDest {width:22%;}
	.search-panel .src-cruise-panel ul li {width:17%;}
	.headingcont {max-width:100%; float:none; margin:0 auto; padding: 10px;}
	.cruisePartnerGrid .arrow-lft {left:25px;}
	.cruisePartnerGrid .arrow-rgt {right:25px;}
}
@media screen and (max-width:900px){
.search-panel .src-cruise-panel ul li, .search-panel .src-cruise-panel ul li.flightdate{flex:0 0 45%; margin: 5px 0;}
	.search-panel .src-cruise-panel ul li.
.search-panel .src-tabs ul li {padding:3px 11px}
	.topCruiseHoliBx .innerbx, .topCruiseHoliBx .innerbx ul{ width:100%; display: flex; flex-wrap: nowrap; justify-content: flex-start; padding: 0;}
	.topCruiseHoliBx .innerbx ul{ overflow: auto; padding-bottom: 15px;}
	.topCruiseHoliBx .innerbx ul li{ flex:0 0 90%; max-width: 350px;}

div.src-cru {float:none; padding:0 0 40px;}
div.searchbase {display: block;}	
div.src-cru #UpdatePanel {display:flex; flex-direction:column;}
div.src-cru #UpdatePanel div.flightdate {flex:0 0 100%;}
div.src-cru #UpdatePanel div {flex:0 0 100%;}
div.src-cru #UpdatePanel div label {padding:10px 0;}
div.src-cru .btnbx {width:100%; position:inherit; justify-content:flex-end;}
div.src-cru .btnbx input {flex:0 0 40%;}
}

input#CruiseType.clearable.x, input#CruiseType.clearable{background-image: none !important;}
.search-panel .src-cruise-panel ul li.cruiseType input#CruiseType{width: 100%; border: none;background-color: #ffffff; color: #757575; font-weight: 700;}
.search-panel .src-cruise-panel ul li input.inp-01.pad12{padding:3px 10px 0 12px;}
.search-panel .src-cruise-panel ul li.departPort:before, .search-panel .src-cruise-panel ul li.cruiseDest:before{top:27px;}

div.cruiseimg-section.owl-carousel .owl-item img{ margin: 0 auto;}