/*--- -------------------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: #063460;
	border-bottom: 3px solid #063460;
	padding-bottom: 2px;/*3px*/
}
.header-main-nav ul li a:hover, 
.header-top-menu ul li a:hover, 
.header-main-nav ul li.active a{
	color: #063460;
	border-bottom: 3px solid #063460;
	padding-bottom: 4px;
}
.header-top-menu ul li a:hover{
	padding-bottom: 4px;	
}
ul.side-nav-menu li.active a{
	color: #fdfeff;
	border-bottom: 2px solid #fff;
}
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;	
	}
}
@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: 26px;
    }
	.header-main-nav li {
        margin-left: 1.3em;
    }
}
@media (min-width: 1000px){
    .main-visual.home-main-visual {
        height: calc(100vh - 88px) !important;
    }
}


	/*--------- Common Styles ---------*/
	.main h1, 
	.main h2,
	.main h3{
		color: rgba(0,0,0,0.87);
	}
	.main h3{
		font-size: 1.3em;
	}
	.main .location-map-wrapper h3 {
		font-size: 1.83em;
	}
	.map-ibox-sub-title{
		color: #ffffff;
	}
    .main {
    	color: #7a7a7a;
    }
	

	/*--------- Header Side Styles ---------*/
	.mCSB_scrollTools .mCSB_draggerRail {
		background-color: rgba(255,255,255,1);
	}
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background-color: #989b9f;
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #989b9f;
	}
	#side-nav {
		color: #000;
	}
	.side-nav-content {
		background: #00101f;
	}
	.side-nav-content ul li a {
		color: #989b9f;
	}
	.move-main-menu {
		border-bottom: 1px solid #727a81;
	}

	/*------------- Header Reservation Panel-----------------*/
	.reservation-panel {
		background: rgba(77,80,82,.84);
	}
	.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{
		background-color: #1b3344;
		color: #fff;
	}
	.header-book:hover{
		background-color: #023361;  
		color: #fff; 
	}
	.header-reserve-assitance {
		color: #c5c5c5;
	}
	.header-best-rate-guranteed {
		color: #fff;
	}
	span.header-reserve-info a {
		text-decoration: inherit;
		color: #fff;
	}
	span.info-panel-common.header-reserve-assitance a{
		text-decoration: inherit;
		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(60, 81, 95, 0.89);
	}
	/*-- Map Section ---*/
	#map-canvas{
		background-color: #b9b9b9;
	}
	.map-info-box a {
		color: #fdfdfd; 	
	}
	.map-info-box a:hover{
		color: #ef9620;	
	}
	.map-info-box p{
		color: #fff;
	}
	h3.map-ibox-sub-title{
		border-bottom: 1px solid #a7a7a7;
		color: #ffffff;
	}

	/*--- Datepicker ---*/
	.main input.datepicker {
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/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;	
	}
	.reservation-panel .ui-widget.ui-widget-content{
		top: 100px !important;
	}

	/*--- Discover Templates ----*/
	/*Button*/
	.visit-btn{
		border: 1px solid #1a3345;
		color: #1a3345;
	}
	.visit-btn:hover{
		border: 1px solid #1a3345;	
		/*color: #fff;*/
		background-color: #1a3345;
	}

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

	.white-link .visit-btn:hover,
	.white-link .read-more-btn:hover {
		background: #fff;
		color: #b1b1b1;
		border: 1px solid #fff;
	}

	.btn-dark{
		background: #8b8c8c;
		border: 1px solid #8b8c8c;
		color: #ffffff;
	}
	.btn-dark:hover{
		background: #023361;
		border: 1px solid #023361;
		color: #ffffff;
	}

	/*--- Contact Page ----*/
	.map-info-box h2.map-ibox-main-title{
		color: #ffffff;
	}
	.main input.btn-submit:hover{
		background-color: #023361;
		color: #fff;
		border: 1px solid #023361;
	}
	/*--- ------------------- 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{
		padding-left: 0;
	}
	.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, 
	.special-ayurveda-listing, 
	.accommondation-ayurveda-bg, 
	.wedding-page-bg, 
	.meeting-page-bg, 
	.restaurant-page-bg, 
	.privacy-page-bg, 
	.classic-page-bg, 
	.delux-page-bg, 
	.superior-page-bg, 
	.common-bg, 
	.special-ayurveda-detail,
	.facility-bg{
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	.page-bg:after, 
	.special-ayurveda-listing:after, 
	.accommondation-ayurveda-bg:after, 
	.wedding-page-bg:after, 
	.meeting-page-bg:after, 
	.restaurant-page-bg:after, 
	.privacy-page-bg:after, 
	.classic-page-bg:after, 
	.classic-page-bg:before,
	.delux-page-bg:after, 
	.delux-page-bg:before,
	.superior-page-bg:after, 
	.superior-page-bg:before,
	.common-bg:after, 
	.special-ayurveda-detail:after,
	.facility-bg:after{
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		width: auto;
		position: absolute;
		bottom: 0;
		z-index: -2;
	}
	.classic-page-bg:after, 
	.delux-page-bg:after,
	.superior-page-bg:after {
		top: 0;
	}
	.page-bg:after{
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/contact-page-bg.jpg);
		padding: 22% 50%;
	}
	.common-bg:after{
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/contact-page-bg.jpg);
		padding: 11% 24%;
	}
	.page-bg.our-hotels-page:after{
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/contact-page-bg.jpg);
	}
	.special-ayurveda-listing:after{
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/property/special-ayurveda-packlisting-page-bg.jpg);
		padding: 36% 50%;
	}
	.special-ayurveda-detail:after{
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/property/special-ayurveda-packlisting-page-bg.jpg);
		padding: 27% 50%;
	}
	.accommondation-ayurveda-bg:after{
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/property/accommondation-listing-page-bg.jpg);
		padding: 36% 50%;	
	}
	.wedding-page-bg:after{
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/property/wedding-page-bg.jpg);
		padding: 25.5% 50%;		
	}
	.meeting-page-bg:after{
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/property/meeting-page-bg.jpg);
		padding: 25.5% 50%;		
	}
	.restaurant-page-bg:after{
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/property/meeting-page-bg.jpg);
		padding: 25.5% 50%;		
	}
	.privacy-page-bg:after{
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/contact-page-bg.jpg);
		padding: 17.5% 50%;	
	}
	.classic-page-bg:after{
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/property/classic-room-page-bg.jpg);
		padding: 27% 50%;		
	}
	.delux-page-bg:after{
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/property/delux-room-page-bg.jpg);
		padding: 23.5% 50%;		
	}
	.superior-page-bg:after{
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/property/superior-room-page-bg.jpg);
		padding: 23.5% 50%;		
	}
	.facility-bg:after {
		background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/property/facility-bg.jpg);
		padding: 29.5% 50%;
	}

	@media (min-width: 750px) and (max-width: 999px){
		.delux-page-bg:before{
			background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/property/delux-room-page-bg.jpg);
		}
		.delux-page-bg:after{
			padding: 31.5% 50%;
			bottom: 25%;
			top:  auto;
			background-position:  bottom right;
		}
		.delux-page-bg:before{
			padding: 39.5% 68%;
			top: 4.5%;
			bottom:  auto;
			background-position:  top left;
			height:  30px;
		}

		.superior-page-bg:before{
			background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/property/superior-room-page-bg.jpg);
		}
		.superior-page-bg:after{
			padding: 40.5% 55%;
			bottom: 22%;
			top:  auto;
			background-position:  bottom right;
		}
		.superior-page-bg:before{
			padding: 39.5% 68%;
			top: 4.5%;
			bottom:  auto;
			background-position:  top left;
			height:  30px;
		}

		.classic-page-bg:before{
			background-image: url(https://www.colomboforthotels.com/sigiriya-village/images/property/classic-room-page-bg.jpg);
		}
		.classic-page-bg:after{
			padding: 55.5% 64%;
			bottom: 18%;
			top:  auto;
			background-position:  bottom right;
		}
		.classic-page-bg:before{
			padding: 53.5% 5%;
			top: 4.5%;
			bottom:  auto;
			background-position:  top left;
			height:  30px;
		}
	}
	/*--- ------------------- 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: #1a3445;
	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: #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
   ========================================================================== */
   .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{

   }
   .accommodation-box .room-price-box{
   	background-color: rgba(26, 51, 69, 0.72);
   }
   .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 #1a3345;
   	color: #1a3345;
   	-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: transparent;
   	-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: #1b3344;
   	border: 1px solid #1b3344;
   	color: #ffffff;
   	}*/
   	.room-option-types .option span{
   		background: url(../images/sprite.png);
   	}

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

/* ==========================================================================
  Experience listing page template start
  ========================================================================== */
  .bgmiddle-text-box-wrap .middle-text-box{
  	border: 1px solid #b5b8a6;	
  }
  .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{

  }
  .xbox.filter-nav-box{
  	background-color: #1a3345;    
  }
  .filter-nav-box .ex-category-title{
  	color: #fff;  
  }
  .bgmiddle-text-box-wrap .middle-text-box{
  	background-color: rgba(107, 111, 105, 0.89);
  }
  .filter-nav{
  	background-color: #1a3345;
  }
  .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{
  	color: #f2ed91;
  }
  #uniform-mobile-filter-nav{
  	
  }
  #uniform-mobile-filter-nav:after{
  	position: absolute;
  	content: "\f107";
  	font-family: FontAwesome;
  	right: 10px;
  	top: 6px;
  }
	/* ==========================================================================
  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(26, 51, 69, 0.4);
   	border-color: rgba(183, 182, 182, 0.4);
   }

/**
 * Experience Section
 */
 .experiences .two.columns {
 	background: rgba(0, 0, 0, 0.4);
 }
 .experiences .four.columns {
 	background: rgba(26, 51, 69, 0.7);
 }
 .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: #f0ed8f;
 	-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(26, 51, 69, 0.77);
 	border-color: #666;
 	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: #1a3345;
 }
 .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(26, 51, 69, 0.8);
 		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 span{
   	color: #8a8d90;	
   }
   .breadcrumb-nav a:hover{
   	color: #023361;	
   }
   .breadcrumb-nav a.active{
   	color: #023361;
   	text-decoration: none;	
   }
   /********************************* Breadcrumb *******************************/

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

   /********************************* Datepicker *******************************/
   .main input.datepicker {
   	background-image: url(https://www.colomboforthotels.com/sigiriya-village/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;	
   }
   /********************************* 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 black;
	}
	/*============================================================================================
	Accommondation end
	============================================================================================ */

	/*--------- Experience listing page template -------------*/
	.bgmiddle-text-box-wrap .middle-text-box{
		border: 1px solid #b5b8a6;	
	}
	.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: #1a3345;
	}
	.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{
		color: #ffffff;
		text-decoration: none;
	}

	.filter-nav li.nav-item.active a{
		display: block;
		width: 100%;
		color: #f0ed8f;
		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: #1a3345;    
	}
	.filter-nav-box .ex-category-title{
		color: #fff;  
	}
	.bgmiddle-text-box-wrap .middle-text-box{
		background-color: rgba(107, 111, 105, 0.89);
	}
	.bgmiddle-text-box-wrap .middle-text-box:hover {
    	background-color: rgb(107, 111, 105);
	}
	.filter-nav{
		background-color: #1a3345;
	}
	.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;
	}
	.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;
	}

	/*===========================================================================
    		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/sigiriya-village/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/sigiriya-village/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;
    			background-color: rgba(255, 255, 255, 0.34);
    		}

    		/*************** 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){
    			.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;	
    		}
    		.mega-menu-dropdown .item-main-wrapper{
    			background-color: #ffffff;
    			border-bottom: 5px solid #000000;
    			border-top: 1px solid rgba(173, 173, 173, 0.17);
    		}
    		.rate-box-wrapper h4.rate-lable{
    			color: #fff;
    		}
    		h3.mega-nav-dropdown-title{
    			color: #000;
    		}
    		h3.mega-nav-dropdown-title:hover {
    			color: #033363;
    		}
    		.bg-wrapper.nav-item-content-wrap > a:after{
    			background: url(https://www.colomboforthotels.com/sigiriya-village/images/property/sprite-acc.png) no-repeat -8px -426px;
    		}

/* ==================================================================== 
Dining page layouts CSS imported from test css start
====================================================================  */
.background-image {
	position: relative; 
}
.background-image img {
	display: none;  
}
.dining-image {
	padding: 34% 50%;
}
.special-ayurvedic-image {
	padding: 49% 50%;
}
.room-name a:hover, .no-link-decoration:hover{
	color: #023361;
}
/******** 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;
	}       
	.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/sigiriya-village/images/property/shade-hover-bg.png) no-repeat;
		background-size: cover;
	}
}

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

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


@media (min-width: 500px) {
	.home-page .eight.awards-main .three {
		width: 16%;
	}
}

@media (min-width: 1000px) {
	.home-page .eight.awards-main .three {
		width: 18%;
	}
}

/* Contact Us */
@media (min-width: 1200px) {
	.xbox.map-info-box {
		height: 265px;
	}
}
.x-list.offer-slide-list-wrapper .ayu-offer-item a.ayu-of-item-link{
	color: #000000;
}


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

   .footer-container {
   	background-color: #000000;
   }
   .footer-container,
   .footer-container a,
   .footer-container #copyrights .ebeyonds:hover{
   	color: #bbbbbb;
   }
   .footer-container .active > a,
   .footer-container a:hover {
   	color: #2e72b2;
   }

/**
* Footer News Letter Singup
*/
.newsletter-sign-up .news-letter input[type="submit"] {}
.newsletter-sign-up .news-letter input[type="email"] {
	background-color: #151515;
	color: #ffffff;
}
.newsletter-sign-up .news-letter input[type="submit"] {
	background-color: #8b8c8c;
	color: #ffffff;
}
.newsletter-sign-up .news-letter input[type="submit"]:hover {
	background-color: #023361;
}
.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: #ffffff;
	opacity: 1;
}
.newsletter-sign-up .news-letter input[type="email"]:-moz-placeholder{
	color: #ffffff;
	opacity: 1;
}
.newsletter-sign-up .news-letter input[type="email"]::-moz-placeholder{
	color: #ffffff;
	opacity: 1;
}
.newsletter-sign-up .news-letter input[type="email"]:-ms-input-placeholder{
	color: #ffffff;
	opacity: 1;
}

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


/*header border color*/

.header-wrapper {
	border-color: #000;
}

/*header border color*/


/*  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: #063460;
}


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


/*global anchor color*/
a {
	color: #8a8d90;
}

a:hover {
	color: #023361;
}
/*global anchor 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: #063460;
	color: #fff;
}
.thumb-img-slider-wrap .six .row, .facility-main .xbox.standard-xbox .content-wrapper .row .newr{
    padding:0px;
}

.spahour 
{
    text-align:left;
}

/* x-mas animation */

@media (max-width: 1279px) and (min-width: 1024px){
    .header-wrapper {
        height: 90px;
    }
}

@media (min-width: 1000px){
    
    .header-container ul li.active a{
        position: relative;
    }
/*    .header-container ul li.active a:after{*/
/*        content: '';*/
/*        position: absolute;*/
/*        left: -46.5%;*/
/*        right: 0;*/
/*        width: 70px;*/
/*        height: 19px;*/
/*        background: url(../images/x-mas-active.png) center bottom no-repeat;*/
/*        top: 9px;*/
/*        background-size: contain;*/
/*        border-bottom:none!important;*/
/*    }  */
/*     .header-container ul li.accommodation.active a:after{*/
/*        left: 22%;*/
/*    }*/
/*     .header-container ul li.dining.active a:after{*/
/*        left:-25.8%;*/
/*    }*/
/*    .header-container ul li.meetings-and-events.active a:after{*/
/*        left: 19.2%;*/
/*    }*/
/*     .header-container ul li.weddings.active a:after{*/
/*         left: -3%;*/

/*    }*/
/*    .header-container ul li.ayurveda-spa.active a:after{*/
/*            left:13.5%;*/

/*    }*/
/*    .header-container ul li.experiences.active a:after{*/
/*            left: 6.5%;*/

/*    }*/
/*    .header-container ul li.offers.active a:after{*/
/*            left:-26.5%;*/

/*    }*/
/*     .header-main-nav ul li a:hover, .header-main-nav ul li.active a{*/
/*        background: none!important;*/
/*        color:#b90a1a;*/
/*        border-bottom:3px solid transparent!important;*/
/*     }*/
     
/*     .header-side-navigation.visible-nav-content li.discover-us.first.active a:after {*/
/*    display: none;*/
/*}*/
            
}