.main {
	color: #000000;
}

/*--- -------------------Header-----------------------*/
.header-wrapper {
	background: #ffffff;
}
.header-container {
	background: #fff;
}
.header-container ul li a,
.header-container .temperature-common {
	color: #6a6a6a;
}
.header-container .header-main-nav ul li a {
	color: #000;
}
.header-container ul li.active a{
	color: #023361;
}
.header-container ul li.active a{
	border-bottom: 3px solid #0d515e;
	padding-bottom: 4px;
}
.header-main-nav ul li a:hover, 
.header-top-menu ul li a:hover{
	border-bottom: 3px solid #0d515e;
	padding-bottom: 4px;
}
.header-top-menu ul li a:hover {
	padding-bottom: 4px;
}

	@media(min-width: 1200px){
		.header-container .header-top-menu ul li:after{
			top: 20px;
			opacity: 0;
			-webkit-transition: all .3s ease-out;
			transition: all .3s ease-out;
		}
		.header-container .header-top-menu ul li.our-hotels, 
		.header-container .header-top-menu ul li.our-hotels a.sub-menu-wrap{
			cursor: inherit;
		}
		#branding {
            margin-top: 37px;
        }
    	.header-main-nav li {
            margin-left: 17px;
        }
	}

	/*--------- Common Styles ---------*/
	.main h1, 
	.main h2,
	.main h3{
		color: #000000;
	}
	.main h2{

	}
	.main h3{
		font-size: 1.3em;
	}
	.map-ibox-sub-title{
		color: #ffffff;
	}

	/*--------- Header Side Styles ---------*/
	.mCSB_scrollTools .mCSB_draggerRail {
		background-color: rgba(255,255,255,1);
	}
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background-color: rgba(3,176,166,1);
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: rgba(3,176,166,1);
	}

	#side-nav {
		color: #000;
	}

	.side-nav-content {
		background: #0d515e;
	}

	.side-nav-content ul li a {
		color: #989b9f;
	}

	.move-main-menu {
		border-bottom: 1px solid #727a81;
	}

	/*------------- Header Reservation Panel-----------------*/
	.reservation-panel {
		background: rgba(1,79,108,0.92);
	}
	.header-reservation-panel .fix-bar {
		background: rgba(77,80,82,1);
	}
	.header-reserve-info {
		color: #fff;
	}
	.header-reserve-title {
		color: #c5c5c5;
	}
	.reservation-common .selector {
		background: none;
	}
	.reservation-common .selector span {
		background: no-repeat;
		color: #fff;
	}
	.header-book{
		transition: all .3s ease-out;
		background-color: #0b5d8e;
		color: #fff;
	}
	.header-book:hover{
		background-color: #2b8f92;  
		color: #ffffff; 
	}
	.header-reserve-assitance {
		color: #c5c5c5;
	}
	.header-best-rate-guranteed {
		color: #fff;
	}

	span.header-reserve-info a {
		text-decoration: none;
		color: #fff;
	}
	span.info-panel-common.header-reserve-assitance a {
		text-decoration: none;
		color: #c5c5c5;
	}

	@media (min-width: 1200px) {
		.left-panel {
			border-right: none;
		}
		.info-panel {
			border-right: 1px solid #9da1a6;
		}
		.starting-info-panel {
			padding-bottom: 7px;
		}
	}
	/*--- Main Visual ---*/
	.main-visual .slogen-line-bottom{
		color: #fff;
		text-shadow: 3px 3px 6px #000;
	}
	.main-visual .slogen-line-top{
		color: #fff;
		text-shadow: 3px 3px 6px #000;
	}

	/*---- Breadcrumb ---*/
	.breadcrumb-nav a{
		color: #8a8d90;
	}
	.breadcrumb-nav a.active{
		color: #023361;
		text-decoration: none;	
	}

	/*--- Contact Template ---*/
	.contact-form h2, h3{
		color: #fdfdfd;
	}
	.xbox.map-info-box{
		background-color: #266c8e;
	}
	/*-- Map Section ---*/
	.map-canvas{
		background-color: #b9b9b9;
	}
	.map-info-box a {
		color: #fdfdfd; 	
	}
	.map-info-box a:hover{
		color: #00ffea;	
	}
	.map-info-box p{
		color: #fff;
	}
	h3.map-ibox-sub-title{
		border-bottom: 1px solid #93b6c7;
		color: #ffffff;
	}

	/*--- Datepicker ---*/
	.main input.datepicker {
		background-image: url(https://www.colomboforthotels.com/the-palms-beruwala/images/datepicker.png);
		background-position: 98% center;
		background-repeat: no-repeat;
		padding-right: 18px;
	}
	.ui-widget.ui-widget-content{
		font-family: 'mulilight';
		border: 1px solid #005b90;
		background-color: #005b90;
		border-radius: 0;
	}
	.ui-datepicker .ui-datepicker-header{
		border-radius: 0;	
	}
	.ui-datepicker th{
		font-weight: normal;
		border: 0;
		color: #fff;
	}
	.ui-datepicker td{
		text-align: center;	
	}
	.ui-state-active, .ui-widget-content .ui-state-active{
		border: 1px solid #023361;
		background: #023361;
		font-weight: normal;
		color: #fff;
	}
	.ui-state-highlight, .ui-widget-content .ui-state-highlight{
		border: 1px solid #8a8d90;
		background: #8a8d90;
		color: #fff;	
	}


	/*--- Discover Templates ----*/
	/*Button*/
	.visit-btn{
		border: 1px solid #1a3345;
		color: #1a3345;
	}
	.main .white-link .visit-btn:hover{
		border: 1px solid #0b5d8e;	
		color: #1aa9ad;
		background-color: #0b5d8e;
	}

	.hover-box .visit-btn:hover{
		border: 1px solid #0b5d8e;	
		color: #ffffff;
		background-color: #0b5d8e;
	}

	/* white button */
	.white-link .visit-btn,
	.white-link .read-more-btn {
		color: #fff;
		border-color: #fff;
	}

	.read-more-btn.white-hvr-bg:hover{
		border: 1px solid #ffffff;	
		color: #0b5d8e;
		background-color: #e9eaeb;
	}

	/*--- Contact Page ----*/
	.map-info-box h2.map-ibox-main-title{
		color: #ffffff;
	}

	/*--- ------------------- Share This -----------------------*/
	.main .share-this-wrapper{
		margin: 0 auto 50px;
	}
	.main .share-this-wrapper a{
		position: relative;
		z-index: 1;
		text-decoration: none;
		display: block;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		padding: 8px;
		line-height: 0;
		text-align: center;
		color: #fff;
		border: 1px solid transparent;
		margin-right: 9px;
	}
	.main .share-this-wrapper a.addthis_button_share{
		color: #000;
	}
	.addthis_button_share{
		width: 20px;
		float: left;
	}
	.addthis_toolbox a{
		margin-bottom: 5px;
		line-height: initial;	
	}
	.share-this-wrapper a .fa{
		width: 15px;
		height: 15px;
		vertical-align: middle;	
	}
	.share-this-wrapper .addthis_button_facebook{
		background-color: #3B5B98;	
	}
	.share-this-wrapper .addthis_button_twitter{
		background-color: #00ADEC;	
	}
	.share-this-wrapper .addthis_button_google_plusone_share{
		background-color: #DD4A3A;	
	}
	
	.home-page .six.columns.accomodation .top-section .room-text-2,
	.home-page .six.columns.rooms-section-1.accomodation .top-section .room-text-2 {
        margin-bottom: 8px;
    }


	/*--- ------------------- Inner Page Backgrounds Start -----------------------*/
	.page-bg{
		position: relative;
		width: 100%;
	}
	.page-bg:after{
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		width: auto;
		padding: 24% 50%;
		position: absolute;
		bottom: 0;
		z-index: -1;
	}
	.page-bg:after{
		background-image: url(https://www.colomboforthotels.com/the-palms-beruwala/images/property/accommondation-page-bg.jpg)
	}
	.delux-page-bg:before, .delux-page-bg:after, .garden-page-bg:before, .garden-page-bg:after,
	.sea-page-bg:before, .sea-page-bg:after{
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        width: auto;
        position: absolute;
        bottom: 0;
        z-index: -2;
    }

	.page-inner-bg-one, 
	.page-inner-bg-two, 
	.page-inner-bg-three, 
	.page-inner-bg-four, 
	.page-inner-bg-acc-detail {
		position: relative;
		width: 100%;	
	}
	.page-inner-bg-one:after, 
	.page-inner-bg-two:after, 
	.page-inner-bg-three:after, 
	.page-inner-bg-four:after, 
	.page-inner-bg-acc-detail:after{
		padding: 22% 50%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		width: auto;
		position: absolute;
		bottom: 0;
		z-index: -2;
	}
	.page-inner-bg-one:after{
		background-image: url(https://www.colomboforthotels.com/the-palms-beruwala/images/property/accommondation-page-bg.jpg);
		padding: 24% 50%;
	}
	.page-inner-bg-two:after{
		background-image: url(https://www.colomboforthotels.com/the-palms-beruwala/images/property/accommondation-details-page-bg.jpg);
		padding: 24% 50%;	
	}
	.page-inner-bg-acc-detail:after{
		background-image: url(https://www.colomboforthotels.com/the-palms-beruwala/images/property/accommondation-details-page-bg.jpg);		
	}
	.main-container .delux-page-bg:before, .main-container .garden-page-bg:before, .main-container .sea-page-bg:before{
        background-image: url(../images/deluxe_rooms_left_bg.svg);
    }
    .main-container .delux-page-bg:after, .main-container .garden-page-bg:after, .main-container .sea-page-bg:after{
        background-image: url(../images/deluxe_rooms_right_bg.svg);
    }
    .main-container .page-bg:before, .main-container .common-bg:before, .main-container .special-ayurveda-listing:before, .main-container .accommondation-ayurveda-bg:before,
    .main-container .wedding-page-bg:before, .main-container .meeting-page-bg:before, .main-container .restaurant-page-bg:before, .main-container .privacy-page-bg:before,
    .main-container .superior-page-bg:before, .main-container .common-bg:before, .main-container .special-ayurveda-detail:before, .main-container .facility-bg:before,
    .main-container .garden-page-bg:before, .main-container .sea-page-bg:before, .main-container .page-inner-bg-one:before{
        top: -30px;
    }
	@media(min-width: 1200px){
		.accommodation-box .room-img-wrap{
			padding-top: 38.3%;	
		}
	}
	@media(min-width: 1300px){
		.accommodation-box .room-img-wrap{
			padding-top: 44.3%;	
		}
		.page-bg.inquiry-page:after {
			top:0;
			bottom: auto;
		}
	}
	
	/*--- ------------------- Inner Page Backgrounds End -----------------------*/

	/*--- ------------------- 404 page -----------------------*/
	.message-wrapper{
		padding: 0 0 50px;
	}
	.message-wrapper h2{
		text-transform: uppercase;
	}
	/*--- ------------------- 404 page -----------------------*/

	/*--------- Datepickers -------------*/
	.ui-helper-hidden {
		display: none;
	}
	.ui-helper-hidden-accessible {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.ui-helper-reset {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		line-height: 1.3;
		text-decoration: none;
		font-size: 100%;
		list-style: none;
	}
	.ui-helper-clearfix:before,
	.ui-helper-clearfix:after {
		content: "";
		display: table;
		border-collapse: collapse;
	}
	.ui-helper-clearfix:after {
		clear: both;
	}
	.ui-helper-clearfix {
		min-height: 0; /* support: IE7 */
	}
	.ui-helper-zfix {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: absolute;
		opacity: 0;
		filter:Alpha(Opacity=0);
	}
	.ui-front {
		z-index: 100;
	}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 16px;16px:1.8em;
	height: 16px;
	margin-top: -5px;
	border-radius: 50%;
}
.ui-datepicker .ui-datepicker-prev {
	left: 4px;
}
.ui-datepicker .ui-datepicker-next {
	right: 4px;
}
.ui-state-hover 
.ui-icon, 
.ui-state-focus 
.ui-icon, 
.ui-button:hover 
.ui-icon, 
.ui-button:focus 
.ui-icon{
	background-image: url("../images/sprite.png");	
	width: 10px;
	height: 10px;	
}
.ui-button:hover {
	background: none;
}
.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, .ui-button:hover, .ui-button:focus{
	background: transparent;
}
.ui-icon.ui-icon-circle-triangle-e{
	background-image: url("../images/sprite.png");	
	width: 10px;
	height: 10px;
	background-position: -482px -25px;	
}
.ui-icon.ui-icon-circle-triangle-w{
	background-image: url("../images/sprite.png");	
	width: 10px;
	height: 10px;
	background-position: -482px -39px;
}
.ui-datepicker table tbody{
	background-color: #ffffff;	
}
.ui-state-default.ui-state-highlight{
	background-color: #193344;
	color: #ffffff;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	/*display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
	
	background-repeat: no-repeat;*/

}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
	margin-left: -4px;	
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .10em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-datepicker {
	font-size: 90%;
}
.ui-datepicker{
	background: #2e3641;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.ui-datepicker {
	padding: 0;
	position: relative;
	z-index: 1;
	border: 2px solid;
	min-width: 265px;
}
.ui-datepicker .ui-datepicker-header {
	border: none;
	font-weight: normal;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-title {
	margin-top: .4em;
	margin-bottom: .3em;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	top: 50%;
	border:none;
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
	margin-top: 0;
	top: 0;
	font-weight: normal;
}
.ui-datepicker table {
	margin: 0;
}
.ui-datepicker th {
	padding: 1em 0;
	font-weight: normal;
	border: none;
	border-top: 1px solid;
}
.ui-datepicker td {
	border: none;
	padding: 0;
}
.ui-datepicker td .ui-state-default {
	border: none;
	text-align: center;
	padding: .5em;
	margin: 0;
	font-weight: normal;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.ui-datepicker .ui-state-disabled  {
	opacity: 1;
}
.ui-datepicker td .ui-state-default,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.ui-datepicker td .ui-state-default {
	font-size: 16px;

}
.ui-widget-header{
	background: #005b90;
	color: #fff;
}
.ui-datepicker td .ui-state-default {
	color: #000000;
}
.ui-datepicker .ui-state-disabled .ui-state-default {
	color: #fba49e;
}
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
	background: #2e3641;
}
.ui-datepicker td .ui-state-default {
	background-color: transparent;
}
.ui-datepicker td .ui-state-default.ui-state-highlight {
	background-color: #e8e8e8;
	border-radius: 50%;
	color: #212121;
	width: 16px;
	height: 16px;
	line-height: 18px;
}
.ui-datepicker td .ui-state-default.ui-state-active{
	background-color: #298f91;
	border-radius: 50%;
	color: #fff;
	width: 18px;
	height: 17px;
	line-height: 18px;
	margin: 5px;
}
.ui-datepicker .ui-state-disabled .ui-state-default{
	color: #dad8d9;
}
/*--------- Datepickers -------------*/

/* ==========================================================================
   Accommodation listing page start
   ========================================================================== */
   .accommodation-box .room-price-box{
   	background-color: rgba(3, 74, 115, 0.75);
   }
   .accommodation-box .content-wrapper{
   	border: 1px solid #c2c2c2; 
   	background-color: #ffffff;  
   	/*box-shadow: 1px 2px 9px #adadad;*/
   }
   .room-option-types .option{
   	position: relative;
   	z-index: 1;
   }
/*
.room-option-types .option:before{
	width: 51px;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	height: 36px;
	margin-top: -18px;
	content: url(../images/sprite.png);
}
.room-option-types .option.bed-type:before{
	background-position: -448px -8px;
}
.room-option-types .option{

	}*/
	.room-option-types .option:after{
		position: absolute;
		top: 0;
		left: 0;
	}
	.room-option-types .option.bed-type:after, 
	.room-option-types .option.bed-capacity:after{
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		width: 50px;
		height: 40px;
	}
	.room-option-types .option.bed-type:after{
		background: url(../images/sprite.png) no-repeat -13px -274px;
	}
	.room-option-types .option.bed-capacity:after{
		background: url(../images/sprite.png) no-repeat -13px -322px;
	}
/* ==========================================================================
   Accommodation listing page end
   ========================================================================== */

/* ==========================================================================
   Accommodation Detail start
   ========================================================================== */
   .dark-btn{
   	background-color: #000;
   	color: #b9b9b9; 
   }
   .dark-btn:hover{
   	background-color: #023361;
   	color: #b9b9b9;
   }
   .read-more-btn{
   	border: 1px solid #0b5d8e;
   	color: #0b5d8e;
   	-webkit-transition: all .5s ease-out;
   	transition: all .5s ease-out;
   	/*-webkit-transform: perspective(1px) translateZ(0);
   	transform: perspective(1px) translateZ(0);
   	position: relative;
   	-webkit-transition-property: color;
   	transition-property: color;
   	-webkit-transition-duration: 0.3s;
   	transition-duration: 0.3s;*/
   }
   /*.read-more-btn:before{
   	content: "";
   	position: absolute;
   	z-index: -1;
   	top: 0;
   	bottom: 0;
   	left: 0;
   	right: 0;
   	background: #ffffff;
   	-webkit-transform: scaleY(1);
   	transform: scaleY(1);
   	-webkit-transform-origin: 50%;
   	transform-origin: 50%;
   	-webkit-transition-property: transform;
   	transition-property: transform;
   	-webkit-transition-duration: 0.3s;
   	transition-duration: 0.3s;
   	-webkit-transition-timing-function: ease-out;
   	transition-timing-function: ease-out;
   	}*/

   /*.read-more-btn:hover:before, 
   .read-more-btn:focus:before, 
   .read-more-btn:active:before {
   	-webkit-transform: scaleY(0);
   	transform: scaleY(0);
   	}*/

   	.read-more-btn:hover{
   		background: #0b5d8e;
   		border: 1px solid #0b5d8e;
   		color: #ffffff;
   	}
   	.room-option-types .option span{
   		background: url(../images/sprite.png);
   	}
   	.btn-dark{
   		background: #0b5d8e;
   		border: 1px solid #0b5d8e;
   		color: #ffffff;
   	}
   	.btn-dark:hover{
   		background: #2b8f92;
   		border: 1px solid #2b8f92;
   		color: #ffffff;
   	}

/* ==========================================================================
   Accommodation Detail end
   ========================================================================== */

/* ==========================================================================
  Experience listing page template start
  ========================================================================== */
  .bgmiddle-text-box-wrap .middle-text-box{
  	border: 1px solid #abafb6;	
  }
  .bgmiddle-text-box-wrap .middle-text-box p{
  	color: #fff;    
  }
  h2.title-m-textbox{
  	color: #fff;
  }
  .white-boder-btn{
  	border: 1px solid #ffffff;
  	color: #ffffff;	
  }

  /** Reviews logos **/
  .small-logo-list{
  	background-color: #e9eaeb;
  }
  .logo-list-box-title h3{
  	color: #fff;
  }
  .filter-nav li a{
  	padding: 10px 0;
  	margin-bottom: 0;	
  }
  .main ul.filter-nav li:before{
  	display: none;
  }
  .filter-nav li.nav-item:bofore{
  	display: none;
  	content: '';
  }
  .filter-nav li a{
  	color: #ffffff;
  	text-decoration: none;
  }

  .filter-nav li.nav-item.active a{
  	color: #f0ed8f;
  	text-decoration: none;
  }
  .ex-filter-btn{
  	background-color: #1a3345;
  	color: #f0ed8f;
  }
  .ex-filter-btn:focus{
  	color: #f0ed8f;	
  }
  .xbox.filter-nav-box{
  	background-color: #014f6c;    
  }
  .filter-nav-box .ex-category-title{
  	color: #fff;  
  }
  .bgmiddle-text-box-wrap .middle-text-box{
  	-webkit-transition: all .5s ease-out; 
  	transition: all .5s ease-out;
  	background-color: rgba(7, 82, 115, 0.79);
  }
  .bgmiddle-text-box-wrap .middle-text-box:hover {
    background-color: rgb(7, 82, 115);
  }
  .filter-nav{
  	background-color: #014f6c;
  }
  .filter-nav li.nav-item.active{
  	border-top: 1px solid #516471;
  	border-bottom: 1px solid #516471;
  }
  .filter-box-wrapper .selector{
  	background: #1a3445;
  	border: 1px solid #1a3445;
  }
  .filter-box-wrapper .selector,
  .filter-box-wrapper .selector span, 
  .filter-box-wrapper select option{
  	background: #1a3445;
  	border: 1px solid #1a3445;
  	color: #f2ed91;
  }
  #uniform-mobile-filter-nav select{
  	background: #1a3445;
  	border: 1px solid #ffffff;
  	color: #f2ed91;
  }
  .filter-nav li.nav-item:hover {
  	border-top: 1px solid #516471;
  	border-bottom: 1px solid #516471;
  	-webkit-transition: all .5s ease-in-out;
  	-moz-transition: all .5s ease-in-out;
  	-ms-transition: all .5s ease-in-out;
  	-o-transition: all .5s ease-in-out;
  	transition: all .5s ease-in-out;
  }
  .filter-nav li.nav-item {
  	border-top: 1px solid transparent;
  	border-bottom: 1px solid transparent;
  }
  .filter-nav li.nav-item:hover a{
  	color: #f0ed8f;
  }
	/* ==========================================================================
  Experience listing page template end
  ========================================================================== */

/* ==========================================================================
   Home Page
   ========================================================================== */
   .why-stay {
   	background:url('../images/home/why-stay-bg.jpg') no-repeat 0 0;
   	background-size: cover;
   }
   .why-stay,
   .why-stay h3,
   .why-stay p {
   	color: #fff;
   }

   .why-stay .bg-wrapper {
   	background-color: rgba(1, 79, 108, 0.77);
   	border-color: rgba(183, 182, 182, 0.77);
   }

/**
 * Experience Section
 */
 .experiences .two.columns {
 	background: rgba(1, 79, 108, 0.77);
 }
 .experiences .four.columns {
 	background: rgba(1, 60, 83, 0.92);
 }
 .experience-category a,
 .experiences .two.columns h3 {
 	color: #fff;
 }
 .main .experience-category li a {
 	border-color: transparent;
 }
 .experiences .two.columns,
 .experiences .four.columns {
 	border: 1px solid #b7b6b6;
 }
 .main .experience-category li.active a,
 .main .experience-category li a:hover {
 	border-color: rgba(255, 255, 255, 0.25) transparent rgba(255, 255, 255, 0.25) transparent;
 	color: #00ffea;
 	-webkit-transition: all 500ms ease-in-out;
 	-moz-transition: all 500ms ease-in-out;
 	-ms-transition: all 500ms ease-in-out;
 	-o-transition: all 500ms ease-in-out;
 	transition: all 500ms ease-in-out;
 }
 .experiences .ui-accordion-header {
 	background-color: transparent;
 	border-color: transparent transparent rgba(255, 255, 255, 0.52);
 	color: #fff;
 }
 .experiences .ui-widget-content {
 	background-color: transparent;
 	color: #fff;
 }

/**
 * Rooms Section
 */
 .accomodation .rooms-text,
 .accomodation .price {
 	color: #fff;
 }
 .accomodation .top-section {
 	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
 	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
 	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
 	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
 }

/**
 * Dining Section
 */
 .dining-main .x-list-item .content-wrapper {
 	background-color: rgba(1, 79, 108, 0.77);
 	border-color: #b7b6b6;
 	color: #fff;
 }
 .dining-main .x-list-item .content-wrapper h3{
 	color: #fff;
 }


/**
 * Social Wall
 */

 .social-wall .g-plus-main .xbox:hover:after {
 	background: #d05742;
 }
 .social-wall .twitter-main .xbox:hover:after {
 	background: #00aced;
 }
 .social-wall .facebook-main .xbox:hover:after {
 	background: #3b5998;
 }
 .social-wall .you-tube-main .xbox:hover:after {
 	background: #BC0000;
 } 

 .social-wall .g-plus-main .xbox .read-more {
 	background: #d05742;
 }
 .social-wall .twitter-main .xbox .read-more {
 	background: #00aced;
 }
 .social-wall .facebook-main .xbox .read-more {
 	background: #3b5998;
 }
 .social-wall .you-tube-main .xbox .read-more{
 	background-color: #BC0000;
 }
 .social-wall .x-list-item .xbox .read-more:after {
 	color: #fff;
 }
 .social-wall .x-list-item .xbox h3,
 .social-wall .x-list-item a {
 	color: #fff;
 }
 .social-wall .x-list-item .xbox h3{
 	text-shadow: -3px -1px 5px #000;
 }

 /**
 * Hotels and Awards
 */
 .hotels-main .x-list img:hover{
 	-webkit-filter: grayscale(50%); /* Safari */
 	filter: grayscale(50%);
 }
 .awards-main img:hover{
 	-webkit-filter: grayscale(50%); /* Safari */
 	filter: grayscale(50%);
 }

/**
 * Home Page - Map
 */
 .show-near-by-wrapper {
 	color: #000000;
 }
 .google-map-with-contact .map-contact-wrapper{
 	background-color: #0b5d8e;
 }
 .google-map-with-contact .map-contact-wrapper,
 .main .google-map-with-contact .map-contact-wrapper h3,
 .main .google-map-with-contact .map-contact-wrapper a{
 	color: #fff;
 }
 .google-map-with-contact .map-contact-wrapper h3 {
 	border-bottom-color: rgba(255, 255, 255, 0.5);
 }
 .marker-content a {
 	color: #015794;
 }
 .marker-content a:hover {
 	color: #000;
 }

 @media (min-width: 1000px){
 	.google-map-with-contact .map-contact-wrapper{
 		background-color: rgba(1, 79, 108, 0.77);
 		border: 1px solid #b3bbc6;
 	}
 }


/* ==========================================================================
   Home Page Review Section
   ========================================================================== */
   .review-main-wrap a {
   	color: #000;
   }
   .star-container .inactive i,
   .star-container .inactive span {
   	color: #cecece;
   }
   .star-container .inactive span:before, 
   .star-container .active span:before {
   	background: #cecece;
   }
   .star-container .active span:before {
   	background: #000;
   }

   /********************************* Sub Pages Main Visual *******************************/
   .main-visual .slogen-line-bottom{
   	color: #fff;
   	text-shadow: 3px 3px 6px #000;
   }
   .main-visual .slogen-line-top{
   	color: #fff;
   	text-shadow: 3px 3px 6px #000;
   }
   /********************************* Sub Pages Main Visual *******************************/

   /********************************* Breadcrumb *******************************/
   .breadcrumb-nav a{
   	color: #8a8d90;
   }
   .breadcrumb-nav a:hover{
   	color: #2b8f92;	
   }
   .breadcrumb-nav a.active{
   	color: #2b8f92;
   	text-decoration: none;	
   }
   .breadcrumb-nav .fa{
   	color: #8a8d90;
   }
   /********************************* Breadcrumb *******************************/

   /********************************* H1 *******************************/
   .main-title-wrap h1{
   	color: #000;
   }
   /********************************* H1 *******************************/

   /********************************* Datepicker *******************************/
   .main input.datepicker {
   	background-image: url(https://www.colomboforthotels.com/the-palms-beruwala/images/datepicker.png);
   	background-position: 98% center;
   	background-repeat: no-repeat;
   	padding-right: 18px;
   }
   .ui-widget.ui-widget-content{
   	font-family: 'mulilight';
   	border: 1px solid #005b90;
   	background-color: #005b90;
   	border-radius: 0;
   }
   .ui-datepicker .ui-datepicker-header{
   	border-radius: 0;	
   }
   .ui-datepicker th{
   	font-weight: normal;
   	border: 0;
   	color: #fff;
   }
   .ui-datepicker td{
   	text-align: center;	
   }
   .ui-state-active, .ui-widget-content .ui-state-active{
   	border: 1px solid #023361;
   	background: #023361;
   	font-weight: normal;
   	color: #fff;
   }
   .ui-state-highlight, .ui-widget-content .ui-state-highlight{
   	border: 1px solid #8a8d90;
   	background: #8a8d90;
   	color: #fff;	
   }
   /********************************* Datepicker *******************************/


/*============================================================================================
	Gallery pages
	============================================================================================ */	

	/********************************* Gallery Listing *******************************/
	.g-list-title{
		color: #585858;
	}

/*============================================================================================
	Accommondation pages
	============================================================================================ */	

	/********************************* Price Row *******************************/
	.room-option-types .option span{
		background: url(../images/sprite.png);
	}
	/********************************* Price Row *******************************/

	/********************************* Tab Button Set *******************************/
	.x-list-item.tab-btn-click-item{
		background-color: #023361;
	}
	.x-list-item.tab-btn-click-item:hover{
		background-color: #15c6dc;
	}
	.x-list-item.tab-btn-click-item.active{
		background-color: #15c6dc;	
	}
	.x-list-item.tab-btn-click-item .content-wrapper span{
		color: #fff;

	}
	.x-list-item.tab-btn-click-item .content-wrapper:after{
		color: #fff;
	}

	/********************************* Tab Button Set *******************************/
	.blog-detail .slick-slide span:after{
		background: url(../images/sprite.png) no-repeat -376px -119px;
		width: 122px;
		height: 86px;
	}
	.blog-detail .slick-slide span:hover:after{
		background: url(../images/sprite.png) no-repeat -375px -210px;
		width: 122px;
		height: 86px;
	}
	.main ul.gallery-pager-carousel .slick-current{
		outline: 4px solid #0d515e;
	}

	/*============================================================================================
	Accommondation end
	============================================================================================ */

	/*--------- Experience listing page template -------------*/
	.bgmiddle-text-box-wrap .middle-text-box{
		border: 1px solid #b5b8a6;	
		transition: all .5s ease-out;
		-webkit-transition: all .5s ease-out; 
	}
	.bgmiddle-text-box-wrap .middle-text-box p{
		color: #fff;    
	}
	h2.title-m-textbox{
		color: #fff;
	}
	.white-boder-btn{
		border: 1px solid #ffffff;
		color: #ffffff;	
	}

	/** Reviews logos **/
	.small-logo-list{
		background-color: #e9eaeb;
	}
	.logo-list-box-title{
		background-color: #014f6c;
	}
	.logo-list-box-title h3{
		color: #fff;
	}
	.filter-nav li{
		margin-bottom: 5px;
	}
	.filter-nav li a{
		padding: 7px 0;
		margin-bottom: 0;
		line-height: 19px;
		width: 100%;
		display: block;	
	}
	.main ul.filter-nav li:before{
		display: none;
	}
	.filter-nav li.nav-item:bofore{
		display: none;
		content: '';
	}
	.filter-nav li a{
		-webkit-transition: all .3s ease-out; 
		transition: all .3s ease-out;
		color: #ffffff;
		text-decoration: none;
	}
	.filter-nav li a:hover{
		color: #00ffea;
	}

	.filter-nav li.nav-item.active a{
		display: block;
		width: 100%;
		color: #00ffea;
		text-decoration: none;
	}
	.ex-filter-btn{
		background-color: #1a3345;
		color: #f0ed8f;
	}
	.ex-filter-btn:focus{
		color: #f0ed8f;	
	}
	.xbox.filter-nav-box{

	}
	.xbox.filter-nav-box{
		background-color: #014f6c;    
	}
	.filter-nav-box .ex-category-title{
		color: #fff;  
	}
	
	.filter-nav{
		background-color: #014f6c;
	}
	.filter-nav li.nav-item.active{
		border-top: 1px solid #3e798f;
		border-bottom: 1px solid #3e798f;
	}
	.filter-box-wrapper .selector{
		background: #1a3445;
		border: 1px solid #1a3445;
	}
	.filter-box-wrapper .selector,
	.filter-box-wrapper .selector span, 
	.filter-box-wrapper select option{
		background: #1a3445;
		border: 1px solid #1a3445;
		color: #f2ed91;
	}

	/*===========================================================================
    		Ayurveda details page start 
    		=============================================================================*/
    		.main .x-list-item-wrapper .content-wrapper.eight h4.heading {
    			border-bottom: solid 1px #6d6d6d;
    			color: #6d6d6d;
    		}
    		.main h2.heading.component-header.accordian {
    			color: #000000;
    		}
    		.main .x-list-item-wrapper .content-wrapper.eight h4.heading {
    			border-bottom: solid 1px #6d6d6d;
    			color: #6d6d6d;
    		}
    		.main .x-list-item-wrapper .content-wrapper.eight h4.heading {
    			border-bottom: solid 1px #6d6d6d;
    			color: #6d6d6d;
    		}
    		.main h2.heading.component-header.accordian {
    			color: #000000;
    		}
    		.main .x-list-item-wrapper .content-wrapper.eight h4.heading {
    			border-bottom: solid 1px #6d6d6d;
    			color: #6d6d6d;
    		}
    		.main .x-list-item-wrapper .content-wrapper.eight h4.heading {
    			border-bottom: solid 1px #6d6d6d;
    			color: #6d6d6d;
    		}
    		.main h2.heading.component-header.accordian {
    			color: #ffb400;
    		}
    		.main .x-list-item-wrapper .content-wrapper.eight h4.heading {
    			border-bottom: solid 1px #6d6d6d;
    			color: #6d6d6d;
    		}
    		.main h2.heading.component-header.accordian span{
    			background: url('https://www.colomboforthotels.com/the-palms-beruwala/images/property/sprite-ayurveda.png') no-repeat;
    		}
    		.main ul.accordion-wrapper h3.accordian {
    			border: solid 1px #bbb6b6;
    			color: #bbb6b6;
    		}
    		.main ul.accordion-wrapper h3.accordian:hover {
    			background: #000;
    			color: #fff;
    		}
    		/*------acordian css end------*//*]END$$*/
    		.accordion-wrapper .accordion-heading {
    			background: #c2c2c2;
    			color: #000000;
    			border: 1px solid #c2c2c2;
    		}
    		.accordion-wrapper .accordion-heading:before{
    			background-image: url(https://www.colomboforthotels.com/the-palms-beruwala/images/property/sprite-ayurveda.png);
    		}
    		.accordion-wrapper .accordion-heading.active{
    			color: #005e20;
    		}

    		/* Acc item inner **/
    		/*.accordion-wrapper .accordion-item .accordion-item-inner-wrap {
    			border: 1px solid #9cc0a8;
    			border-top: 10px solid #005e20;
    			border-bottom: 10px solid #005e20;
    			background-color: #fff;
    		}
    		*/
    		.accordion-wrapper .accordion-item .accordion-item-box{
    			border-top: 10px solid #005e20;
    			border-bottom: 10px solid #005e20;
    		}
    		.accordion-wrapper .accordion-item .accordion-item-box:after,
    		.accordion-wrapper .accordion-item .accordion-item-box:before{
    			background: #9cc0a8;
    		}

    		/* Acc item inner **/
    		.accordion-wrapper .accordion-heading.active{
    			background-color: #c69c6d;
    		}

    /*===========================================================================
    Ayurveda details page end
    =============================================================================*/

    /*===========================================================================
    		Guest review page start 
    		=============================================================================*/
    		.review-item-list-wrap{
    			border: 1px solid #d0d0d0;
    		}

    		/*************** Rating box **********************/
    		.rate-progress-count div{
    			background-color: #8f8e8e;
    		}

    		.rate-progress-count.count-1 div:nth-child(-n+1){
    			background-color: #000000;
    		}
    		.rate-progress-count.count-2 div:nth-child(-n+2){
    			background-color: #000000;
    		}
    		.rate-progress-count.count-3 div:nth-child(-n+3){
    			background-color: #000000;
    		}
    		.rate-progress-count.count-4 div:nth-child(-n+4){
    			background-color: #000000;
    		}
    		.rate-progress-count.count-5 div:nth-child(-n+5){
    			background-color: #000000;
    		}
    		.rating-star-wrap .rate-starts span{
    			color: #747171;
    		}
    		.row.form-rate-section .rating-star-wrap .rate-starts span:hover{
    			color: #000000;
    		}
    		.rating-star-wrap .rate-starts.count-1 span:nth-child(-n+1){
    			color: #000000;
    		}
    		.rating-star-wrap .rate-starts.count-2 span:nth-child(-n+2){
    			color: #000000;
    		}
    		.rating-star-wrap .rate-starts.count-3 span:nth-child(-n+3){
    			color: #000000;
    		}
    		.rating-star-wrap .rate-starts.count-4 span:nth-child(-n+4){
    			color: #000000;
    		}
    		.rating-star-wrap .rate-starts.count-5 span:nth-child(-n+5){
    			color: #000000;
    		}
    		/*===========================================================================
    		Guest review page end
    		=============================================================================*/

    /*===========================================================================
    		Ayurveda spa listing page start 
    		=============================================================================*/
    		a.prev.promo-rotator-prev.slick-arrow{
    			background-image: url(../images/sprite.png);
    		}
    		a.next.promo-rotator-next.slick-arrow{
    			background-image: url(../images/sprite.png);
    		}
    		@media (max-width: 999px){
    			/*.white-link .visit-btn, 
    			.white-link .read-more-btn{
    				color: #1a3345;
    				border-color: #1a3345;
    			}
    			.visit-btn{
    				border: 1px solid #1a3345;
    				color: #1a3345;
    				}*/
    			}
    		/*===========================================================================
    		Ayurveda spa listing page end 
    		=============================================================================*/

    		/**--- Promotions ---**/
    		.main .content-wrapper.border-btn .content-inner-wrapper {
    			border-bottom: none;
    		}

    		/*---Location---*/
    		.location-table-header {
    			background-color: #023361;   
    		}
    		.location-table-content {
    			background-color: #e9eaeb;
    			transition: all .5s ease-out;
    			-webkit-transition: all .5s ease-out;
    		}
    		.location-table-content:hover{
    			/*background-color: #ffffff;*/
    		}
    		.location-table-content:nth-child(2n+1) {
    			background-color: #ffffff;
    		}
    		.location-detail tbody tr.location-table-header{
    			color: #fff;
    		}
    		.distance-col{
    			background-color: #355c81;
    		}

    		/*-- Locations Map --*/
    		#map-close-by {
    			background-color: grey;
    		}
    		.tooltip { 
    			border: 1px solid gray;
    			background-color: #fff;
    			color: #000;
    		}

    		/*** Header mega menu dropdown ***/
    		.mega-menu-dropdown .mega-nav-item .rate-box-wrapper{
    			background: rgba(0, 0, 0, 0.79);
    			color: #fff;	
    		}
    		.mega-menu-dropdown .item-main-wrapper{
    			background-color: #ffffff;
    			border-bottom: 5px solid #0d515e;
    		}
    		.rate-box-wrapper h4.rate-lable{
    			color: #fff;
    		}
    		h3.mega-nav-dropdown-title{
    			color: #000;
    		}
    		.bg-wrapper.nav-item-content-wrap:after{
    			background: url(https://www.colomboforthotels.com/the-palms-beruwala/images/property/sprite-acc.png) no-repeat -78px -426px;
    		}




/* ==================================================================== 
Dining page layouts CSS imported from test css start
====================================================================  */
.background-image {
	position: relative; 
}
.background-image img {
	display: none;  
}
.dining-image {
	padding: 34% 50%;
}

/******** Hover boxes responsive styles *****************/
@media(max-width: 999px) {
	.hover-box .white-link .visit-btn, 
	.hover-box .white-link .read-more-btn{
		color: #1a3345;
		border-color: #1a3345;
	}       
	.hover-box .visit-btn{
		border: 1px solid #1a3345;
		color: #1a3345;
	}
	/******** Hover boxes responsive styles *****************/
}
@media (min-width: 1000px){
	.content-wrapper.hover-element:before{
		background: url(https://www.colomboforthotels.com/the-palms-beruwala/images/property/shade-hover-bg.png);
	}
}

@media (min-width: 1000px) {
	.hover-element {
		color: #fff;
	}
}

/* ==================================================================== 
Dining page layouts CSS imported from test css end
====================================================================  */


/*====================
Layout changing CSS for the palms
=====================*/
#branding img{
	max-width: 58px;
	position: absolute;
	top: -18px;
	left: 32px;	
}
.main input.btn-submit:hover{
	background: #2b8f92;
	border: 1px solid #2b8f92;
	color: #ffffff;
}
@media (max-width:1199px){
	#branding img{
		max-width: 40px;
        top: 2px;
	}
	.main-visual.home-main-visual {
		height: calc(100vh - 100px) !important;
	}

}

@media (max-width:999px){
	.main h1.home-h1{
		margin-top: 55px;
	}
	.row.section-1.h1-wrap-row {
		margin-bottom: 40px;
	}
}


/*=============================================
Pallalax BG
===============================================*/
.parallax{
	padding: 300px 0;
	background-position: 0 0;
}

/*====================================================
Common animation 
=====================================================*/
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.animated.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

/*=====================================================================
Layout changing CSS for header
======================================================================*/
@media(min-width: 1200px){
	#branding {
		margin-top: 16px;
		z-index: 1;
	}
	.header-main-nav{
		right: 0;
		padding-top: 5px;
	}
	#branding img{
		top: 0;
	}
}
	.contact-us-with-icon-item-wrapper a:hover, 
	.footer-link-list ul li a:hover, 
	.footer-link-list ul li.active a{
		color: #0af8e4;
	}
	.footer-link-list .contact-box-row.tel-box:hover span.ft-tp{
		background-position: -316px -204px;
	}
	.footer-link-list .contact-box-row.mail-box:hover span.ft-email{
		background-position: -379px -204px;
	}
	.container.meeting-detail-all-wrapper{
		margin-bottom: 50px;
	}
	.container.wedding-detail-all-wrapper{
		margin-bottom: 30px;
	}
	.site-map-page .standard-xbox .message-wrapper ul li a:hover{
		color: #2b8f92;
	}
	.background{
		z-index: 0;
	}
	.draw-bg-accommondation .standard-x-list {
		margin-bottom: 40px;
	}
	.main-visual.home-main-visual {
		/*height: calc(100vh - 140px) !important;*/
	}
	ul.side-nav-menu li.active a{
		color: #fdfeff;
		border-bottom: 3px solid #ffffff;
		padding-bottom: 4px;
	}
	ul.side-nav-menu li a:hover {
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
		color: #fdfeff;
		border-bottom: 2px solid #fff;
		padding-bottom: 3px;
	}

	@media(max-width: 1199px){
		.header-container ul li.active a{
			color: #fdfeff;
			border-bottom: 3px solid #fff;
			padding-bottom: 4px;	
		}
	}

	.read-more-btn{
		height: 42px;
		padding: 3px 28px 0 14px;	
	}
	.promo-slider .booking-wrapper .read-more-btn {
		height: auto;
		padding: 2px 30px 1px 14px;
	}
	.room-name a:hover, .no-link-decoration:hover{
		color: #2b8f92;
	}

	/*--Special--*/
	.main-visual-simple .main-visual-slogen-wrapper {
		z-index: 4;
	}
/*.promo-wrapper .read-more-btn {
	height: 48px;
}
.promo-wrapper .read-more-btn {
	position: relative;
	display: inline-block;
	padding: 2px 28px 0 14px;
	border-radius: 0;
	height: 47px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 47px;
	font-size: 1.06em;
	font-weight: normal;
	background: transparent;
	letter-spacing: 1px;
}
.promo-wrapper .read-more-btn:hover {
	background: #0b5d8e;
	border: 1px solid #0b5d8e;
	color:  #fff;
	}*/
	/*-- Home Awards --*/

	/* Contact Us */
	@media (min-width: 1200px) {
		.xbox.map-info-box {
			height: 265px;
		}
	}





/* ==================================================================== 
   Footer Section Theme
   ====================================================================  */

   .footer-container {
   	background-color: #0d515e;
   }
   .footer-container,
   .footer-container a,
   .footer-container #copyrights .ebeyonds:hover{
   	color: #bbbbbb;
   }
   .footer-container .active > a,
   .footer-container a:hover {
   	color: #00ffea;
   }

/**
* Footer News Letter Singup
*/
.newsletter-sign-up .news-letter input[type="email"] {
	background-color: #205a65;
	color: #bbbbbb;
}
.newsletter-sign-up .news-letter input[type="submit"] {
	background-color: #8b8c8c;
	color: #ffffff;
}
.newsletter-sign-up .news-letter input[type="submit"]:hover {
	background-color: #2b8f92;
}
.newsletter-sign-up .news-letter label.error {
	color: #ff6464;
}
.newsletter-sign-up .news-letter input[type="email"].error {
	border: 1px solid #ff6464;
}
.newsletter-sign-up .news-letter input[type="email"]::-webkit-input-placeholder{
	color: #bbbbbb;
	opacity: 1;
}
.newsletter-sign-up .news-letter input[type="email"]:-moz-placeholder{
	color: #bbbbbb;
	opacity: 1;
}
.newsletter-sign-up .news-letter input[type="email"]::-moz-placeholder{
	color: #bbbbbb;
	opacity: 1;
}
.newsletter-sign-up .news-letter input[type="email"]:-ms-input-placeholder{
	color: #bbbbbb;
	opacity: 1;
}

@media(min-width: 1200px){
	.header-main-nav{
		right: 0;
		padding-top: 5px;
	}
}

/*Updated Theme CSS*/

a.visit-btn,
.dining-layout-xlist .hover-box a.visit-btn {

	color: #0b5d8e;
}

a.visit-btn:hover,
.dining-layout-xlist .hover-box a.visit-btn:hover {
	color: #1aa9ad;
}

.visit-btn,
.read-more-btn {
	color: #304c63;
}
.visit-btn:hover,
.read-more-btn:hover {
	color: #1aa9ad;
}

.btn-dark{
	background-color: #8b8c8c;
	border-color: #8b8c8c;
}

.header-wrapper {
	border-color: #0d515e;
}



/*Updated Theme CSS*/

/*  Discover us ScrollBar Style */
.add-scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.add-scroller .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #0d515e;
}


.custom-scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.custom-scroller .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #0d515e;
}



/*  Discover us ScrollBar Style */

/* Placeholder color */
#promo-code::-webkit-input-placeholder { color:#000}
#promo-code::-moz-placeholder { color:#000; opacity: 1; } / FF 19+ /
#promo-code:-moz-placeholder { color:#000; opacity: 1; } / FF 18- /
#promo-code:-ms-input-placeholder { color:#000; }
/* Placeholder color */

.mega-menu-dropdown .mega-nav-item .rate-box-wrapper {
	-webkit-transition: all .3s ease-out;    
	transition: all .3s ease-out;
}

.mega-menu-dropdown .mega-nav-item .rate-box-wrapper:hover{
	background-color: #0d515e;
	color: #fff;
}


/* Gallery view all color */
.gal-wrap-row .read-more-txt {
    color:  #0b5d8e;
}
.gal-wrap-row .read-more-txt:hover {
    color:  #1aa9ad;
}
/* Gallery view all color */

@media (max-width: 1200px) {
    .main-container .six.columns.accomodation .top-section .room-text-1 {
        display: inline-block;
    }
    .main-container .six.columns.accomodation .top-section .rooms-text,
    .main-container .six.columns.rooms-section-1.accomodation .top-section .rooms-text {
        margin-bottom: 30px;
    }
    .main-container .home-page .six.columns.accomodation .top-section .room-text-2,
    .main-container .home-page .six.columns.rooms-section-1.accomodation .top-section .room-text-2 {
        margin-bottom: 8px;
    }
}

@media (max-width: 1000px) {
    .our-hotels .hotel-item-box:nth-child(2) .hotel-logo-wrap img {
        width: 100%;
    }
}
.acco {
        font-size: 1.0em;
    text-align: center;
    margin-bottom: 30px;
}
.wedding p{
    padding:0 10%;
}
.wedding p.remove-padding{
    padding-left:0;
    padding-right:0;
}