.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{
	/*color: #1d61ad;*/
	border-bottom: 3px solid #1d61ad;
	padding-bottom: 4px;/*3px*/
}
@media(max-width: 1199px){
	.header-container ul li.active a{
		color: #fff;
		border-bottom: 3px solid #fff;
		padding-bottom: 3px;	
	}
}
.header-container ul.side-nav-menu li.active a{
	color: #fdfeff;
	border-bottom: 3px solid #ffffff;
	padding-bottom: 3px;
}
.header-main-nav ul li a:hover, 
.header-top-menu ul li a:hover{
	/*color: #1d61ad;*/
	border-bottom: 3px solid #1d61ad;
	padding-bottom: 4px;
}
.header-top-menu ul li a:hover {
	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(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:hover:after {
		content:  '';
		height: 3px;
		width: 100%;
		background: #1d61ad;
		position: absolute;
		left: 0;
		top: 29px;
		opacity: 1;
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}*/
	/*.header-top-menu ul li a:hover{
		border: none;
	}*/
	.header-container .header-top-menu ul li.our-hotels, 
	.header-container .header-top-menu ul li.our-hotels a.sub-menu-wrap{
		cursor: inherit;
	}
}
/*--------- 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: #1d61ad;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #1d61ad;
}

#side-nav {
	color: #000;
}

.side-nav-content {
	background: #073365;
}

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

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

/*------------- Header Reservation Panel-----------------*/
.reservation-panel {
	background: rgb(1, 60, 126);
}
.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: #1d61ad;
	color: #ffffff;
}
.header-book:hover{
	background-color: #27a9e1;  
	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: rgba(1, 60, 126, 0.76);
}
.main input.btn-submit:hover{
	background: #27a9e1;
   	border: 1px solid #27a9e1;
   	color: #ffffff;
}
/*-- 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/fishermans-bay/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 #1a3345;
	background-color: #1a3345;
	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*/
a.visit-btn, 
.read-more-btn {
    color: #1d61ad;
}
.visit-btn{
	border: 1px solid #1d61ad;
	color: #1d61ad;
}
a.visit-btn:hover, 
.read-more-btn:hover{
	color:#27a9e1;
}
.main .white-link .visit-btn:hover{
	border: 1px solid #1d61ad;	
	color: #27a9e1;
	background-color: #1d61ad;
}

.xbox.hover-box .visit-btn{
	border: 1px solid #ffffff;
	color: #ffffff;
}
.xbox.hover-box .visit-btn:hover{
	border: 1px solid #1d61ad;	
	color: #fff;
	background-color: #1d61ad;		
}
/* 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;
}

/*.white-link .visit-btn:hover,
.white-link .read-more-btn:hover {
	background: #fff;
	color: #1a3345;
	}*/

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

	/*--- ------------------- Share This -----------------------*/
	.main .share-this-wrapper{
		margin: 0 auto 30px;
	}
	.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;	
	}


	/*--- ------------------- 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: 22% 50%;
		position: absolute;
		bottom: 0;
		z-index: -1;
	}
	.page-bg:after{
		background-image: url(https://www.colomboforthotels.com/fishermans-bay/images/property/page-inner-bg-one-fisherman.jpg);
	}

	.page-inner-bg-one, 
	.page-inner-bg-two, 
	.page-inner-bg-three, 
	.page-inner-bg-four, 
	.page-inner-bg-one-fisherman, 
	.page-inner-bg-two-fisherman, 
	.page-inner-bg-three-fisherman, 
	.special-ayurveda-listing, 
	.meeting-page-bg, 
	.wedding-page-bg, 
	.page-inner-bg-small-fisherman, 
	.page-inner-bg-thumb-fisherman {
		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-one-fisherman:after, 
	.page-inner-bg-two-fisherman:after, 
	.page-inner-bg-three-fisherman:after, 
	.special-ayurveda-listing:after, 
	.meeting-page-bg:after, 
	.wedding-page-bg:after, 
	.page-inner-bg-small-fisherman:after, 
	.page-inner-bg-thumb-fisherman:after {
		padding: 22% 50%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		position: absolute;
		bottom: 0;
		z-index: -4;
	}
	.page-inner-bg-one-fisherman:after{
		background-image: url(https://www.colomboforthotels.com/fishermans-bay/images/property/page-inner-bg-one-fisherman.jpg);
		padding: 36% 50%;
	}
	.page-inner-bg-two-fisherman:after{
		background-image: url(https://www.colomboforthotels.com/fishermans-bay/images/property/page-inner-bg-two-fisherman.jpg);
		padding: 26.5% 50%;	
		background-size: cover;
	}
	.page-inner-bg-three-fisherman:after{
		background-image: url(https://www.colomboforthotels.com/fishermans-bay/images/contact-page-bg.jpg);
		padding: 22% 50%;
	}
	.special-ayurveda-listing:after{
		background-image: url(https://www.colomboforthotels.com/fishermans-bay/images/property/special-ayurveda-packlisting-page-bg.jpg);
		padding: 36% 50%;
	}
	.meeting-page-bg:after{
		background-image: url(https://www.colomboforthotels.com/fishermans-bay/images/property/meeting-page-bg.jpg);
		padding: 25.5% 50%;		
	}
	.wedding-page-bg:after{
		background-image: url(https://www.colomboforthotels.com/fishermans-bay/images/property/wedding-page-bg.jpg);
		padding: 25.5% 50%;		
	}
	.page-inner-bg-small-fisherman:after{
		background-image: url(https://www.colomboforthotels.com/fishermans-bay/images/property/page-inner-bg-one-fisherman.jpg);
		padding: 36% 50%;
	}
	.page-inner-bg-thumb-fisherman{
		background-image: url(https://www.colomboforthotels.com/fishermans-bay/images/property/page-inner-bg-one-fisherman.jpg);
		padding: 13% 50%;	
	}
	.accommodation-box{
		margin-bottom: 100px;
	}
	/*--- ------------------- 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: #1d60ae;
	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: 20px;
	height: 20px;
	line-height: 22px;
}
.ui-datepicker td .ui-state-default.ui-state-active{
	background-color: #033361;
	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 #2263ab;
   	color: #1d61ad;
   	-webkit-transition: all .5s ease-out;
   	transition: all .5s ease-out;
   }
   .read-more-btn:hover{
   	background: #1d61ad;
   	border: 1px solid #1d61ad;
   	color: #ffffff;
   }
   .room-option-types .option span{
   	background: url(../images/sprite.png);
   }
   .btn-dark{
   	background: #8b8c8c;
   	border: 1px solid #8b8c8c;
   	color: #ffffff;
   }
   .btn-dark:hover{
   	background: #27a9e1;
   	border: 1px solid #27a9e1;
   	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: #013c7e;    
  }
  .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(2, 51, 97, 0.88);
  }
  .bgmiddle-text-box-wrap .middle-text-box:hover {
    background-color: rgb(2, 51, 97);
  }
  .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, 60, 126, 0.77);
   	border-color: rgba(183, 182, 182, 0.77);
   }

/**
 * Experience Section
 */
 .experiences .two.columns {
 	background: rgba(1, 60, 126, 0.77);
 }
 .experiences .four.columns {
 	background: rgba(3, 30, 61, 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, 60, 126, 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: #265d9d;
 }
 .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: #265d9d;
 		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: #1d61ad;	
   }
   .breadcrumb-nav a.active{
   	color: #1d61ad;
   	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/fishermans-bay/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 #1d60ae;
   	background-color: #1d60ae;
   	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 *******************************/
	
	.main ul.gallery-pager-carousel .slick-current{
		outline: 4px solid #1c61ae;
	}

	/*============================================================================================
	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: #013c7e;
	}
	.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{
		background-color: #013c7e;    
	}
	.filter-nav-box .ex-category-title{
		color: #fff;  
	}
	
	.filter-nav{
		background-color: #013c7e;
	}
	.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/fishermans-bay/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/fishermans-bay/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.five 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){
    			.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;
    			}
    		}
    		/*===========================================================================
    		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;
    			-webkit-transition: all .3s ease-out;	
    			transition: all .3s ease-out;
    		}
    		.mega-menu-dropdown .mega-nav-item .rate-box-wrapper:hover{
    			background-color: #1d60ae;
    			color: #fff;
    		}
    		.mega-menu-dropdown .item-main-wrapper{
    			background-color: #ffffff;
    			border-bottom: 5px solid #1d61ad;
    		}
    		.rate-box-wrapper h4.rate-lable{
    			color: #fff;
    		}
    		h3.mega-nav-dropdown-title{
    			color: #000;
    		}
    		.bg-wrapper.nav-item-content-wrap > a:after{
    			background: url(https://www.colomboforthotels.com/fishermans-bay/images/property/sprite-acc.png) no-repeat -232px -428px;
    		}


    		/******** Hover boxes responsive styles *****************/
    		@media(max-width: 999px) {
    			.xbox.hover-box .white-link .visit-btn, 
    			.xbox.hover-box .white-link .read-more-btn{
    				color: #1a3345;
    				border-color: #1a3345;
    			}       
    			.xbox.hover-box .visit-btn{
    				border: 1px solid #1a3345;
    				color: #1a3345;
    			}
    			/******** Hover boxes responsive styles *****************/
    		}

/* ==================================================================== 
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/fishermans-bay/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: 70px;
	position: absolute;
	top: -12px;
	left: 32px;
}



/*=============================================
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;
	}
	/*.header-temperature,
	.header-top-menu {
		top: 48px;
	}*/
	#side-nav {
		/*right: 0px;*/
		/*top: 44px;*/
	}
	#branding img{
		width: 70px;
		max-width: none;
		top: 8px;
	}
}

@media(max-width: 1199px){
	.header-wrapper {
		height: 110px;
	}
	#branding img{
		top: 6px;
		width: 50px;
	}

}
@media (max-width:999px){
    #branding img{
		width: 55px;
	}
	.main h1.home-h1{
		margin-top: 55px;
	}
	.row.section-1.h1-wrap-row {
		margin-bottom: 40px;
	}
}
.contact-us-with-icon-item-wrapper a:hover, 
.footer-link-list ul li a:hover, 
.footer-link-list ul li.active a{
	color: #1d61ad;
}
.footer-link-list .contact-box-row.tel-box:hover span.ft-tp{
	background-position: -316px -163px;
}
.footer-link-list .contact-box-row.mail-box:hover span.ft-email{
	background-position: -379px -163px;
}
.container.meeting-detail-all-wrapper{
	margin-bottom: 50px;
}
.site-map-page .standard-xbox .message-wrapper ul li a:hover{
	color: #1d61ad;
}
.background{
	z-index: 0;
}
.room-name a:hover, .no-link-decoration:hover{
	color: #1d61ad;
}
/*--Special--*/
.main-visual-simple .main-visual-slogen-wrapper {
	z-index: 4;
}

/* Contact Us */
@media (min-width: 1200px) {
	.xbox.map-info-box {
		height: 265px;
	}
	.main-visual-banner .scroll-down-wrapper{
		bottom: 55px;
	}
}



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

   .footer-container {
   	background-color: #073365;
   }
   .footer-container,
   .footer-container a,
   .footer-container #copyrights .ebeyonds:hover {
   	color: #bbbbbb;
   }
   .footer-container .active > a,
   .footer-container a:hover {
   	color: #27a9e1;
   }

/**
* Footer News Letter Singup
*/
.newsletter-sign-up .news-letter input[type="submit"] {}
.newsletter-sign-up .news-letter input[type="email"] {
	background-color: #1b406b;
	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: #27a9e1;
}
.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;
}


/*Updated Theme CSS*/

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

	color: #1d61ad;
}
.dining-layout-xlist .hover-box  a.visit-btn:hover {
	color: #27a9e1;
}

.offer-slide-list-wrapper .visit-btn,
.offer-slide-list-wrapper .read-more-btn {
	
	color: #304c63;
}
.offer-slide-list-wrapper .visit-btn:hover,
.offer-slide-list-wrapper .read-more-btn:hover{
	color: #27a9e1;
}

.header-wrapper {
	border-color: #1d61ad;
}

/*Updated Theme CSS*/


/*  ScrollBar Style */
.custom-scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.custom-scroller .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.add-scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.add-scroller .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #1d61ad;
}


/* 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 */

/* Gallery view all color */
.gal-wrap-row .read-more-txt {
    color:  #1d61ad;
}
.gal-wrap-row .read-more-txt:hover {
    color:  #27a9e1;
}
/* Gallery view all color */

.main .home-page .six.columns.rooms-section-1.accomodation {
	width: 48%;
}
.main .six.columns.rooms-section-1.accomodation .top-section .room-text-2 {
	margin-bottom: 8px;
}
.book-now-btn-wrap .inner-container{
    position: relative;
}
.main.page-inner-bg-one-fisherman:before,
.main.page-inner-bg-small-fisherman:before{
	top: -30px;
}
.main.accommodation-detail:before,
.main.accommodation-detail:after{
	position: absolute;
	padding: 13% 14.1%;
	background-size: cover;
	background-position: center;
}
.main.accommodation-detail:before{
    top: 0;
    left: 0;
    background-image: url(../images/accommodation_detail_left.svg);
}
.main.accommodation-detail:after{
    bottom: 0;
    right: 0;
    background-image: url(../images/accommodation_detail_right.svg);
}

/* Landscape tablet to Desktop */	
@media (max-width: 1279px) {
    .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 .main .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%;
    }
}