.brandLogo {
    padding-bottom:40px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px;
}
.brandLogo img {
    max-width:195px;    height: 65px;
    border: solid 1px #000;background:#fff;padding:10px;
}
.brandLogo h2 {
    font-size: 45px;
    font-weight: 600;
    color: #fff;
    text-shadow: 2px 1px 2px black;
    margin: 0;
    line-height: 55px;
    padding: 10px 0;
}
.heroBannerDiv {
    width: 100%;
    background: #f1f1f1;
}
.heroBannerDiv img {
    display: block; width:100%;
}
.cruiseLandingPage {
    background:#f8f8f8; padding:30px 0; 
}

.cruiseLandingPage .container{position:relative; 
}
.cruiseLandingPage h3 {
	color: #0d50ab;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 600;
}
.clientLogo {
	background: url(/Content/images/iconCruise.png) right top no-repeat;
	padding-right: 75px;
	min-height: 45px;
    position:absolute; right:0; top:0; max-width:25%;
}
.cruiseLandingPage p{text-align:justify; font-weight:500;}

.listSection {margin-top:0px;}

 
.listRight { 
    width: 100%;
}
.listRight h3 {
    font-size: 14px;
    color: #000000;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
    padding-bottom:0;
}
.listRight h3 span { 
    color:#0d50ab;
}
.listRight .tabContentHolder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.listRight .listBox {
    margin-top: 20px;
    width: 49.3%;
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 15px;
    border-radius: 3px;
    align-items: flex-start;
    border: solid 1px #d8d8d8;
}
.listRight .image {
    width: 34%;
}
.listRight .image img {
    width: 100%;
    display: block;
    border-radius: 5px;
}
.listRight .content {
    width: 63%;
}
.listRight .content h4 {
    font-size: 16px;
    color: #034053;
    font-weight: 600;
}
.listRight .content h5 {
    font-size: 11px;
    color: #000;
    font-weight: 500;
    padding-bottom: 5px;
    line-height: 16px;
}
.listRight .content h5 span { display:block;
}
.detalBox {
    align-items: flex-start;
    display: flex; 
    justify-content: space-between;
}
._left {
    position: relative;
    padding-right:10px;
}
.listRight ._right {
	text-align: center; 
}
.listRight ._right img {
    max-width:110px;
    max-height: 85px;
}
.listRight ._right p {
    color: #000;
    font-weight: 400;
    font-size: 12px;
    margin-top: 20px;
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 0;
}
.listRight ._right h6 {
    font-size: 22px;
    color: #383838;
    font-weight: 600;
}
.listRight ._right h6 sub {
    font-size: 50%;
    position: relative;
    bottom: 12px;
}
.listRight ._right .btns {
    color: #fff; 
    padding: 10px 11px;
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500; 
    border-radius:30px;
    border:none;
    white-space:nowrap;
    margin-top: 8px;
    background: #e60046;
    background: -moz-linear-gradient(left,#e60046 0%,#b50339 100%);
    background: -webkit-linear-gradient(left,#e60046 0%,#b50339 100%);
        background: linear-gradient(to right, #e60046 0%, #b50339 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8361a',endColorstr='#f3870b',GradientType=1);
}
.searchWidget .tabs li.active a {
    
}
.iteneryBox {
    background: url(/Content/images/iconCruise.png) left top no-repeat;
    padding-left: 41px;
    font-size: 12px;
    margin-top: 10px;
    min-height: 50px;
    background-size: 36px;
}
.iteneryBox .arrival {padding-bottom:3px;
}
.iteneryBox a{color:#0d50ab; text-decoration:underline !important;font-size: 11px;}
.showlessbtns {display:none;
}
ul.lists {
    padding-left: 19px;
    padding-top: 8px;
}

ul.lists.ShowMorecon li{font-size:11px;}

ul.lists li {list-style-type:disc;}
.fixContBtn {
    color: #fff;
    background-color: #0d50ab;
    padding: 9px 40px;
    display: inline-block;
    border-radius: 5px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #0d50ab;
    position: fixed;
    right: -77px;
    top: 50%;
    transform: rotate(-90deg);
}
.fixContBtn a{
    color: #fff;
}
.flexheading {display:flex; justify-content:space-between; margin-bottom:20px;
}
.clientLogo img {
    max-width: 130px;
    max-height:60px;
}
.liCruiseType {text-transform:capitalize;
}
.popupSelect ul li.sub-area input[type="checkbox"] {margin-left: 20px;}
.popupSelect ul li input[type="checkbox"] {margin-left: 0;}

/** DB content**/
.serviceFeeText{font-weight:500;}
.serviceFeeText a{color: #1136bf !important; text-decoration:underline !important;
}
.aboutCruiseText {padding:20px 0;
}
.dbContent h2 {
    color: #0aafb4;
    font-size: 22px; 
    font-weight: 600;
    line-height: 30px;
    padding-bottom:10px;
    max-width: 76%;
    margin:0
}
.dbContent h2 b {
    font-weight: 600;
}
.dbContent p {
    font-weight:500; line-height:20px; text-align:justify;
}
.dbContent h4 {padding-bottom:15px;} 
.dbContent ul {padding-left: 15px;}
.dbContent ul li {
    font-size: 12px;
    padding-bottom: 8px;
    list-style-type: disc;
}
/******servHighlighted css ***/
.servHighlighted{padding:40px 0;}
.servHighlighted h3 {
	font-size: 22px;
	margin: 0;
	padding: 0 0 15px 0;
	position: relative;
}
.servHighlighted h3::after {
	content: '';
	width: 100%;
	display: block;
	height: 1px;
	background: #33a2e8;
	position: absolute;
	top: 12px;
	z-index: 0;
}
.servHighlighted h3 span {
	display: inline-block;
	background: #fff;
	position: relative;
	z-index: 1;
	padding-right: 12px;
}
.serviceRow {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; 
}
.serviceRow .serviceColoumn { 
	display: flex; 
	margin: 15px 0; 
	width: 48.8%;
}
.serviceRow .serviceColoumn .imgDiv { 
	min-width:230px; 
}
.serviceRow .serviceColoumn img { 
	width:100%;
	display: block;
}
.serviceRow .desCont{padding-left:15px;} 
.serviceRow .desCont h4 {
    font-size: 20px;
    margin: 0;
    padding-bottom: 10px;
}
.serviceRow .desCont p{font-size:12px; line-height:18px; padding:0; text-align:justify; font-weight:500;}
.serviceColoumn a.showMorebtns,
.serviceColoumn a.showlessbtns{color:#0038c7; text-decoration:underline !important; font-weight:500;
}
.moretext {display:none;
}

/***** celebrity-offer-text ****/
.mainBanner> img {
    width: 100%;
    min-height: 630px;
    height:100vh;
    object-fit:cover;
}
.celebrity-offer-text {
}
.celebrity-offer-text .container {
    position:relative; margin:0 auto;
}
.celebrity-offer-text .bgBox {
    background: rgb(0 41 50 / 76%);
    max-width: 700px;
    position: absolute;
    right: 0;
    padding: 13px;
    top: -145px;
}
.celebrity-offer-text .headingText {
    font-size: 55px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
}
.celebrity-offer-text .price_flex {
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.celebrity-offer-text .yellowText {
    color: #f47b00;
    font-size: 30px;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
}
.celebrity-offer-text .offPrice_flex {display:flex;justify-content: space-between;
}
.celebrity-offer-text .textBig {
    font-size: 70px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 58px;
}
.celebrity-offer-text .percentText {
    font-size: 20px;
    line-height: 30px;
    padding-top: 6px;
    padding-left: 4px;
    text-transform: uppercase;
    font-weight: 500;
}
    .celebrity-offer-text .percentText.right {padding:0 10px 0 0; font-size:32px;
    }
.celebrity-offer-text .colB-div {
    font-size: 70px;
    padding-top: 22px;
}
.celebrity-offer-text .percentText b {
    display: block;
    font-size:40px;
    font-weight: 500;
}
.carnival-offer-text {
}
.carnival-offer-text .container {
    position:relative; margin:0 auto;
}
.carnival-offer-text .bgBox { 
    max-width:600px;
    position: absolute;
    right: 0;
    padding: 13px;
    top: -185px;
}

.royal-offer-text {
}
.royal-offer-text .container {
    position:relative; margin:0 auto;
}
.royal-offer-text .bgBox { 
    max-width:650px;
    position: absolute;
    right: 0;
    padding: 13px;
    top: -145px;
}
@media only screen and (max-width:1120px) {
    .celebrity-offer-text .bgBox { 
        max-width: 500px; 
        top:-40px;
    }
    .carnival-offer-text .bgBox {
        max-width: 340px; 
        top: -21px;
    }
}
@media only screen and (max-width:1032px) {
    .listRight .listBox{
        width:100%;
    }
    .brandLogo h2{
                font-size: 34px;
        line-height: 40px;
    }
        .brandLogo {
        padding-left: 20px;
    }
        .mainBanner> img {
    width: 100%;
    min-height: 100%;
    height:100%;
    object-fit:cover;
}
}

@media only screen and (max-width:1024px) {
     .celebrity-offer-text .bgBox {
    max-width: 400px; 
    top: 0px;
    }
     .carnival-offer-text .bgBox {   
        top: -28px;
    }
   .heroBannerDiv .captionText {
	top: 180px; 
    }
   .heroBannerDiv .captionText h2 {
	font-size: 55px; 
    }
    .filterleft { 
	width:27%;
    }
    .listRight { 
	width: 71%;
    }
    .listRight .content h4 {
	    font-size: 18px;
	    color: #0d50ab;
	    line-height: 24px;
	    padding-bottom: 8px;
    }
    .listRight ._right h6 {
	font-size: 26px;
    }
    .listRight ._right { 
	min-width: 170px;
    }
    .listRight ._right .btns { 
	padding:7px 10px; 
    font-size: 15px;
    width:90%;
    }
    ._left {padding-right:5px;
    }
    .iteneryBox {
	margin-top: 30px;
	padding-left: 40px;
	background-size: 30px;
    }
    ul.lists {
	padding-left: 12px; 
    }
    .popupSelect ul li span{width: 160px;}
}
@media only screen and (max-width:991px) {
     .celebrity-offer-text .bgBox { 
    top: -26px;
    }
   
   .heroBannerDiv .captionText {
	top: 150px; 
    }
   .heroBannerDiv .captionText h2 {
	font-size:40px; 
    }
   .SecOne h3 {
	font-size: 20px; 
}
   .headingDiv h2 {
	font-size: 24px; 
}
   .col-3 h3, .headingDiv span {
	font-size: 15px; 
    }
   .caption p {
	font-size: 12px; 
	line-height:18px; 
    }
   .caption h3 {
	font-size: 18px;	 
	line-height: 22px;
    } 
   .listRight .content h4 {
	font-size: 14px;
    line-height: 20px;
    }
   .listRight ._right {
	min-width: 160px;
    }
   .listRight ._right h6 {
	font-size: 22px;
    }
    .popupSelect ul li span {
    width:105px;
    }
    .popupSelect ul li.sub-area span {
    width: 98px;
    }
    .iteneryBox .stopText {display:block;
    }
    .iteneryBox a {font-size: 10px;}
        .mainBanner {
        height: 380px;
    }
}