@color_1: #000000;
@color_2: #16b4ef;
@color_3: #fff;
@color_4: #7a7e84;
@color_5: #3ac4fa;
@color_6: #FFF;
@color_7: #f7f7f7;
@color_8: #aab8ca;
@color_9: #444;
@color_10: #313a45;
@color_11: #666;
@color_12: #131e2a;
@color_13: #6c737a;
@color_14: #58bee8;
@color_15: #949494;
@color_16: #fe5d5d;
@color_17: #d5d7d8;
@color_18: #E0DBD8;
@color_19: #fe6d6d;
@color_20: #515151;
@color_21: #999;
@color_22: #8b8d90;
@color_23: #969696;
@color_24: #88d54f;
@color_25: #f9cf01;
@color_26: #656464;
@color_27: #878787;
@color_28: #6ebe3b;
@color_29: #ababab;
@color_30: #3498DB;
@color_31: #f85654;
@color_32: #333;
@font-family_1: "Arial", serif;
@font-family_2: "Arial", sans-serif;
@font-family_3: FontAwesome;
@font-family_4: Georgia, serif;
@font-family_5: 'Playfair Display', serif;
@font-family_6: "Arial", Helvetica, Arial, sans-serif;
@font-family_7: "Arial";
@font-family_8: "Arial";

/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(../fonts/cyrillic.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(../fonts/latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(../fonts/latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.hotel_facilities_area {
	-webkit-backface-visibility: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transform: skewY(1.5deg);
	-ms-transform: skewY(1.5deg);
	-o-transform: skewY(1.5deg);
	transform: skewY(1.5deg);
	.container {
		-webkit-backface-visibility: hidden;
		-webkit-transform: skewY(-1.5deg);
		-ms-transform: skewY(-1.5deg);
		-o-transform: skewY(-1.5deg);
		transform: skewY(-1.5deg);
	}
}
.reviews_area {
	-webkit-backface-visibility: hidden;
	background-color: #333;
	padding: 150px 20px;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transform: skewY(1.5deg);
	-ms-transform: skewY(1.5deg);
	-o-transform: skewY(1.5deg);
	transform: skewY(1.5deg);
	.container {
		-webkit-backface-visibility: hidden;
		-webkit-transform: skewY(-1.5deg);
		-moz-transform: skewY(-1.5deg);
		-ms-transform: skewY(-1.5deg);
		-o-transform: skewY(-1.5deg);
		transform: skewY(-1.5deg);
	}
	cite {
		float: right;
		font-size: 22px;
		color: @color_3;
		img {
			width: 30px;
			height: 30px;
			border-radius: 50%;
			margin-left: 10px;
			border: 2px solid #eee;
		}
	}
	.slider_ctrl {
		width: 32px;
		height: 32px;
		display: inline-block;
		margin-left: 3px;
		background-color: #fff;
		padding: 4px;
		border-radius: 50%;
		text-align: center;
		margin-top: 20px;
	}
}
a {
	color: @color_1;
	&:hover {
		color: @color_2;
	}
}
.mainmenu {
	padding: 20px 0;
	ul#nav {
		margin: 0;
		padding: 0;
	}
	.navbar-default {
		background: 0 0;
		border: none;
		margin: 0;
	}
	.navbar-default.navbar-fixed-top {
		padding: 10px 20px;
		background-color: rgba(255, 255, 255, .9);
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		-webkit-animation: .5s fadeInDown;
		-o-animation: .5s fadeInDown;
		animation: .5s fadeInDown;
		box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	}
	.navbar-brand {
		padding: 0 23px 0 0;
		height: auto;
	}
	.nav.navbar-nav {
		float: left;
		>li {
			>a {
				text-transform: uppercase;
				color: @color_1;
				font-size: 14px;
				font-weight: 400;
				padding: 14px 21px 14px 30px;
				font-family: @font-family_1;
			}
		}
		li.dropdown {
			>a {
				background: url(../images/dropdown_bg.png) 100% 50% no-repeat;
			}
		}
		a {
			&:hover {
				color: @color_2;
			}
		}
	}
}
.header_login {
	ul {
		list-style: none;
		margin: 0;
		padding: 0 0 0 14px;
	}
	>ul {
		>li {
			>a {
				font-size: 14px;
				text-transform: uppercase;
			}
		}
	}
}
.emergency_number {
	float: left;
	padding: 10px;
	position: relative;
	background: #3ac4fa;
	a {
		color: @color_3;
		font-size: 20px;
		line-height: 28px;
		>img {
			margin-right: 8px;
		}
	}
	&::after {
		content: "";
		height: 100%;
		left: 100%;
		position: absolute;
		top: 0;
		width: 10000%;
		background: #3ac4fa;
	}
}
.main_slider_area {
	.overlay{
		position: absolute;
		background-color: rgba(0,0,0,0.5);
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		transition: 0.6s background-color;
		cursor: pointer;

		&:hover{
			background-color: transparent;

			.container{
				opacity: 0;
				transform: translateY(150px);
			}
			.eye{
				opacity: 1 !important;
				transform: scale(1.5);
			}
		}

		&.welcome {
			.eye{
				position: absolute;
				right: 50px;
				bottom: 50%;
				font-size: 22px;
				background-color: #000;
				width: 40px;
				height: 40px;
				border-radius: 50%;
				text-align: center;
				i{
					margin-top: 8px;
				}
				transition: 0.6s;
				opacity: 0;
			}
			.container{ 
				transition: 0.6s; 
			}
			h1 {
				font-weight: 100;
				text-align: center;
				text-shadow: 0 0 10px #333;
				font-size: 5em;
				color: @color_6;
			}
			h3 {
				font-weight: 100;
				text-align: center;
				text-shadow: 0 0 10px #333;
				font-family: @font-family_2;
				color: @color_6;
			}
			color: @color_6;
			padding-top: 200px;
			p {
				color: @color_6;
				text-align: center;
				text-shadow: 0 0 10px #333;
			}
		}
	}
	
	font-family: @font-family_2;
	padding-bottom: 90px;
	margin-bottom: 90px;
	position: relative;
	background-color: #333;
	min-height: 550px;
	background-repeat: no-repeat;
	background-size: cover;
}
.header_top_area {
	a {
		font-family: @font-family_2;
		color: @color_4;
		font-size: 14px;
		text-transform: uppercase;
	}
	background: #313a45;
	color: @color_3;
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	li {
		padding: 10px 0;
	}
}
.header_top {
	.left_header_top {
		a {
			>img {
				margin-right: 12px;
			}
		}
	}
}
.right_header_top {
	.nav {
		a {
			padding: 0 14px;
			&:active {
				background: 0 0;
			}
			&:hover {
				background: 0 0;
			}
		}
		.open {
			>a {
				background: 0 0;
				&:focus {
					background: 0 0;
				}
				&:hover {
					background: 0 0;
				}
			}
		}
	}
}
#menu1 {
	background: #313a45;
	border: none;
	padding: 0;
	top: 165.6%;
}
#menu2 {
	background: #313a45;
	border: none;
	padding: 0;
	top: 165.6%;
}
#menu1.dropdown-menu {
	>li {
		&:first-child {
			>a {
				padding-top: 34px;
			}
		}
		&:last-child {
			>a {
				padding-bottom: 34px;
			}
		}
		>a {
			color: @color_3;
			padding: 14px 100px 14px 34px;
			text-transform: uppercase;
			line-height: 26px;
			&:active {
				color: @color_5;
				background: 0 0;
			}
			&:hover {
				color: @color_5;
				background: 0 0;
			}
		}
	}
}
#menu2.dropdown-menu {
	>li {
		&:first-child {
			>a {
				padding-top: 34px;
			}
		}
		&:last-child {
			>a {
				padding-bottom: 34px;
			}
		}
		>a {
			color: @color_3;
			padding: 14px 100px 14px 34px;
			text-transform: uppercase;
			line-height: 26px;
			&:active {
				color: @color_5;
				background: 0 0;
			}
			&:hover {
				color: @color_5;
				background: 0 0;
			}
		}
	}
}
.dropdown-menu {
	>li {
		>a {
			&:focus {
				background: 0 0;
			}
			&:hover {
				background: 0 0;
			}
		}
	}
}
.info-bar {
	position: absolute;
	padding-top: 50px;
	width: 100%;
	bottom: 0;
	hr {
		background: 0 0;
		border: none;
		margin: 10px 0 0;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}
}
.hero-h2-line {
	letter-spacing: -2px;
}
.pre-head {
	padding: 15px 10px;
	font-size: 12px;
	text-transform: uppercase;
	background-color: rgba(0, 0, 0, .7);
	a {
		color: @color_6;
		font-weight: 700;
		&:visited {
			color: @color_6;
			font-weight: 700;
		}
		&:hover {
			color: @color_7;
			text-decoration: none;
		}
	}
}
#weather {
	color: @color_8;
	.ywicon {
		margin-right: 5px;
		font-size: 12px;
		position: relative;
	}
}
.lang {
	color: @color_8;
	text-align: right;
}
.room_book {
	h6 {
		color: @color_3;
		font-family: @font-family_2;
		font-size: 15px;
		font-weight: 600;
	}
	p {
		color: @color_3;
		font-family: @font-family_2;
		font-size: 30px;
		font-weight: 700;
		line-height: 25px;
		margin: 0;
	}
	border-right: 1px solid rgba(255, 255, 255, .7);
	margin-right: 7%;
}
.hotel_booking_area {
	position: absolute;
	width: 100%;
	top: 0;
	input {
		background: 0 0;
		border: none;
		color: @color_8;
		outline: 0;
		font-size: 13px;
		height: 37px;
		padding: 0;
		text-transform: uppercase;
		width: 100%;
	}
	&::-webkit-input-placeholder {
		color: @color_8;
	}
	&::-moz-placeholder {
		color: @color_8;
		opacity: 1;
	}
	select {
		font-size: 13px;
		height: 37px;
		padding: 0;
		text-transform: uppercase;
		width: 100%;
		-moz-appearance: none;
		-webkit-appearance: none;
		background: 0 0;
		border: none;
		color: @color_8;
		outline: 0;
		font-family: @font-family_2;
		padding-left: 8px;
		>option {
			border: none;
			margin: 0;
			padding: 5px 5px 5px 15px;
		}
	}
}
body#home_two {
	.hotel_booking_area {
		bottom: 2%;
	}
	.another_facitilies {
		.single_facities {
			a {
				display: block;
				margin-bottom: 12px;
			}
			h6 {
				margin-bottom: 30px;
				font-size: 16px;
				font-weight: 700;
				color: @color_10;
			}
			p {
				margin: 0;
				color: @color_11;
				line-height: 26px;
			}
		}
	}
	.select_room_area {
		background: #f1f6f8;
	}
	.select_room {
		.select_room_content {
			.room_thumb {
				position: relative;
			}
		}
		.room_details {
			background: #fff;
			bottom: 5%;
			left: 1%;
			margin: 0 15px;
			padding: 30px;
			position: absolute;
			width: 94%;
			z-index: 99;
		}
		.small_room_thumb {
			.room_details {
				padding: 11px;
				left: -1%;
			}
			.about_room {
				margin-top: 10px;
			}
			.room_quality {
				>h5 {
					font-size: 16px;
				}
			}
			.room_rent {
				>p {
					font-size: 16px;
				}
			}
		}
		.room_thumb {
			.about_room {
				margin-top: 10px;
			}
		}
		.room_quality {
			padding-right: 18px;
			border-right: 1px solid #d8d8d8;
			>h5 {
				font-size: 21px;
				font-family: @font-family_4;
				color: @color_9;
			}
		}
		.room_rent {
			>p {
				font-size: 18px;
				font-family: @font-family_4;
				color: @color_12;
				margin: 0;
				padding-left: 18px;
				line-height: 20px;
				>span {
					font-size: 11px;
					color: @color_13;
				}
			}
		}
	}
	.hotel_showcase {
		.owl-carousel {
			.owl-item {
				img {
					-webkit-filter: grayscale(100%);
					-o-filter: grayscale(100%);
					filter: grayscale(100%);
					-webkit-transition: .5s;
					-o-transition: .5s;
					transition: .5s;
					&:hover {
						-webkit-filter: grayscale(1%);
						-o-filter: grayscale(1%);
						filter: grayscale(1%);
					}
				}
				a {
					display: block;
					position: relative;
					i {
						background: #fff;
						border-radius: 50%;
						height: 35px;
						left: calc(50% - 18px);
						padding: 9px 0;
						position: absolute;
						text-align: center;
						width: 35px;
						top: 1000px;
						-webkit-transition: .6s;
						-o-transition: .6s;
						transition: .6s;
						color: @color_12;
					}
					&:hover {
						i {
							top: calc(50% - 18px);
						}
					}
				}
			}
		}
	}
	.about_details {
		margin-top: 30px;
		>p {
			color: @color_11;
			line-height: 26px;
			margin: 0;
		}
	}
	.hotel_thumb {
		>img {
			height: auto;
			width: 100%;
		}
	}
}
.picker-container {
	display: none;
}
.hotel_booking {
	background: rgba(0, 0, 0, .8);
	font-family: @font-family_2;
	min-height: 94px;
	padding: 26px 10px;
	position: relative;
	.input-group {
		width: 100%;
	}
	.input-group-addon {
		background: 0 0;
		border: none;
		color: @color_8;
		outline: 0;
		padding: 0 0 0 10px;
	}
}
.border-bottom-dark-2 {
	border-bottom: solid 1px rgba(255, 255, 255, .2);
}
form#form1 {
	.form-group {
		margin: 0;
	}
}
.form-control {
	&:focus {
		box-shadow: none;
	}
}
.icon_arrow {
	&:after {
		content: '\f107';
		color: @color_8;
		font-family: @font-family_3;
		font-size: 14px;
		line-height: 42px;
		position: absolute;
		right: 9%;
		top: -6%;
		z-index: 1;
	}
}
#loader {
	&:after {
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #f9c922;
		-webkit-animation: spin 1.5s linear infinite;
		animation: spin 1.5s linear infinite;
	}
	&:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #f85654;
		-webkit-animation: spin 3s linear infinite;
		animation: spin 3s linear infinite;
	}
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #3498db;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
.special_offer_main {
	height: 276px;
	position: absolute;
	right: 0;
	top: 100%;
	width: 223px;
	z-index: 11;
}
.welcome {
	.section_description {
		padding: 0 20% 43px;
		text-align: center;
		margin: 10px auto;
		p {
			font-size: 16px;
			font-family: @font-family_2;
		}
	}
	.room_media {
		margin-bottom: 28px;
		text-align: center;
		a {
			display: block;
		}
	}
	.left_room_title {
		>h6 {
			font-family: @font-family_4;
			font-size: 18px;
			text-transform: none;
		}
		>p {
			font-family: @font-family_4;
			font-size: 18px;
			>span {
				font-size: 11px;
			}
		}
	}
}
.accomodation_single_room {
	.room_media {
		margin-bottom: 28px;
		text-align: center;
		a {
			display: block;
		}
	}
	margin-top: 150px;
	.left_room_title {
		>h6 {
			font-family: @font-family_4;
			font-size: 18px;
			text-transform: none;
		}
		>p {
			font-family: @font-family_4;
			font-size: 18px;
			>span {
				font-size: 11px;
			}
		}
	}
	ul.pagination {
		li {
			a {
				font-family: @font-family_2;
				border: none;
				text-transform: uppercase;
				font-size: 16px;
				color: @color_1;
				font-weight: 700;
				&:hover {
					color: @color_19;
					background: 0 0;
				}
				>i {
					margin: 3px 9px;
				}
				&:active {
					background: 0 0;
				}
				&:focus {
					background: 0 0;
				}
			}
		}
		margin: 0;
		li.active {
			a {
				color: @color_19;
				background: 0 0;
			}
		}
	}
	.demo {
		margin-bottom: 25px;
		img {
			width: 100%;
		}
	}
}
body#room_detail_page {
	.welcome {
		.room_media {
			margin-bottom: 28px;
			text-align: center;
		}
	}
	.deluxe_room_detail {
		.facilities_name {
			padding: 0 4px;
		}
		.section_title {
			h5 {
				>span {
					text-transform: none;
				}
				>span.price {
					font-size: 25px;
					color: @color_12;
					font-family: @font-family_4;
				}
				>span.day {
					font-size: 15px;
					color: @color_22;
					font-family: @font-family_2;
					margin-top: 7px;
				}
			}
		}
	}
	.single_facilities_name {
		>li {
			>img {
				float: left;
				margin-right: 8px;
			}
			&:first-child {
				margin-bottom: 30px;
			}
			>p {
				color: @color_10;
				font-weight: 700;
				line-height: 34px;
				margin-bottom: 0;
				margin-right: 0;
				margin-top: 0;
			}
		}
	}
	.breadcrumb_main_area {
		background: url(../images/accomodation-breadcrumb-one.jpg) center center/cover no-repeat #000;
		position: relative;
	}
	.lSSlideOuter {
		.lSPager.lSGallery {
			a {
				&:hover {
					opacity: .5;
				}
			}
		}
		.lslide.active {
			>img {
				height: auto;
				width: 100%;
			}
		}
	}
	.hotel_booking_area {
		background: #313a45;
		padding: 5px 5px 69px;
		position: relative;
		.form-group {
			margin-bottom: 20px;
			margin-top: 20px;
		}
		.room_book {
			border-right: none;
		}
	}
	.hotel_booking {
		a.btn {
			bottom: calc(0px - 88px);
			left: calc(50% - 43px);
			position: absolute;
			z-index: 20;
		}
	}
	.customer_comment {
		background: url(../images/customer-slider-bg-one.png) 0 0/cover no-repeat rgba(0, 0, 0, 0);
	}
}
.single_room_wrapper {
	.uk-overlay {
		overflow: visible;
		-webkit-transition: .7s;
		-o-transition: .7s;
		transition: .7s;
		width: 100%;
		margin-bottom: 20px;
		&:hover {
			.single_wrapper_details {
				display: block;
				-webkit-transition: .7s;
				-o-transition: .7s;
				transition: .7s;
			}
			.left_room_title {
				a.btn {
					background: #63c2ea;
					color: @color_3;
				}
			}
		}
	}
	overflow: hidden;
}
body#accomodation_page {
	.single_room_wrapper {
		.uk-overlay {
			overflow: visible;
			-webkit-transition: .7s;
			-o-transition: .7s;
			transition: .7s;
			width: 100%;
			margin-bottom: 20px;
			&:hover {
				.single_wrapper_details {
					display: block;
					-webkit-transition: .7s;
					-o-transition: .7s;
					transition: .7s;
				}
				.left_room_title {
					a.btn {
						background: #63c2ea;
						color: @color_3;
					}
				}
			}
		}
		overflow: hidden;
	}
	.single_wrapper_details {
		background: #f7c411;
		height: 100%;
		width: 100%;
		-webkit-transition: .7s;
		-o-transition: .7s;
		transition: .7s;
		-webkit-display: block;
		padding: 13px;
		.single_wrapper_details_pad {
			height: 100%;
			width: 100%;
		}
		h5 {
			color: @color_1;
			font-size: 18px;
			font-family: @font-family_4;
			text-transform: none;
		}
		p {
			color: @color_9;
			font-size: 15px;
		}
		.single_room_cost {
			p {
				font-size: 18px;
				margin-bottom: 0;
				margin-top: 18px;
				font-family: @font-family_4;
				span {
					font-size: 11px;
				}
			}
			.btn {
				border: none;
				border: 1px solid #444;
				color: @color_9;
				margin-bottom: -74px;
				margin-right: -23px;
				&:hover {
					background: #444;
					color: @color_3;
				}
			}
		}
	}
	.select_room {
		.select_room_content {
			.room_thumb {
				position: relative;
			}
		}
		.room_details {
			background: #fff;
			bottom: 5%;
			left: 1%;
			margin: 0 15px;
			padding: 30px;
			position: absolute;
			width: 94%;
			z-index: 99;
		}
		.small_room_thumb {
			.room_details {
				padding: 11px;
				left: -1%;
			}
			.about_room {
				margin-top: 10px;
			}
			.room_quality {
				>h5 {
					font-size: 16px;
				}
			}
			.room_rent {
				>p {
					font-size: 16px;
				}
			}
		}
		.room_thumb {
			.about_room {
				margin-top: 10px;
			}
		}
		.room_quality {
			padding-right: 18px;
			border-right: 1px solid #d8d8d8;
			>h5 {
				font-size: 21px;
				font-family: @font-family_4;
				color: @color_9;
			}
		}
		.room_rent {
			>p {
				font-size: 18px;
				font-family: @font-family_4;
				color: @color_12;
				margin: 0;
				padding-left: 18px;
				line-height: 20px;
				>span {
					font-size: 11px;
					color: @color_13;
				}
			}
		}
	}
	.breadcrumb_main_area {
		background: url(../images/accomodation-breadcrumb-one.jpg) center center/cover no-repeat #000;
		position: relative;
	}
	.range_slider {
		label {
			color: @color_8;
			font-size: 13px;
			text-transform: uppercase;
			font-weight: 400;
		}
		span {
			color: @color_8;
			font-size: 13px;
			text-transform: uppercase;
			font-weight: 400;
		}
		.range {
			input {
				width: 53%;
				display: inline-block;
			}
		}
	}
}
.sing_blog_post_nav {
	overflow: hidden;
	padding: 30px 0;
	border-bottom: 1px solid #e3e1e1;
	a {
		color: @color_9;
		font-weight: 700;
		&:hover {
			color: @color_5;
		}
	}
}
ul.coments {
	li {
		overflow: hidden;
		clear: both;
		padding: 30px 0;
		ul {
			padding-top: 30px;
			clear: both;
			margin-bottom: -30px;
			li {
				border-bottom: 0 none;
				padding-left: 100px;
			}
		}
	}
	padding: 0;
	margin-top: 0;
	border-bottom: 1px solid #e3e1e1;
}
.single_wrapper_details {
	background: #f7c411;
	height: 100%;
	width: 100%;
	-webkit-transition: .7s;
	-o-transition: .7s;
	transition: .7s;
	-webkit-display: block;
	padding: 13px;
	.single_wrapper_details_pad {
		height: 100%;
		width: 100%;
	}
	h5 {
		color: @color_1;
		font-size: 18px;
		font-family: @font-family_4;
		text-transform: none;
	}
	p {
		color: @color_9;
		font-size: 15px;
	}
	.single_room_cost {
		p {
			font-size: 18px;
			margin-bottom: 0;
			margin-top: 18px;
			font-family: @font-family_4;
			span {
				font-size: 11px;
			}
		}
		.btn {
			border: none;
			border: 1px solid #444;
			color: @color_9;
			margin-bottom: -74px;
			margin-right: -23px;
			&:hover {
				background: #444;
				color: @color_3;
			}
		}
	}
}
.another_facitilies_area {
	text-align: center;
}
.room_thumb.small_room_thumb {
	>a {
		display: inline-block;
		height: auto;
		max-width: 100%;
	}
}
.hotel_facilities {
	padding-bottom: 143px;
	padding-top: 123px;
	.section_title {
		h3 {
			color: @color_3;
			text-shadow: 0 0 10px #333;
		}
	}
	.nav.nav-tabs {
		border: none;
		margin: 0 20px;
		text-align: center;
	}
}
.hotel_facilities_content {
	.nav-tabs {
		>li {
			>a {
				background: #eeefed;
				border: none;
				border-radius: 0;
				height: 110px;
				margin: 0;
				min-width: 180px;
				text-transform: uppercase;
				padding: 10px 14px;
			}
		}
		>li.active {
			>a {
				background: #fff;
			}
		}
	}
	.nav.nav-tabs {
		>li {
			>a {
				>img {
					display: block;
					margin: 12px auto 10px;
				}
			}
		}
	}
	.tab-content {
		background: #fff;
		padding: 55px;
	}
	.single-tab-details {
		>h6 {
			font-family: @font-family_2;
			margin-bottom: 14px;
			margin-top: 14px;
		}
		>h3 {
			margin-bottom: 27px;
		}
		>p {
			line-height: 25px;
			margin-bottom: 20px;
			margin-top: 0;
		}
	}
	.our_services {
		padding-top: 3px;
		>a {
			color: @color_2;
			text-transform: uppercase;
		}
	}
}
.nav-tabs {
	>li.active {
		>a {
			color: @color_14;
			cursor: pointer;
			border: none;
			&:focus {
				color: @color_14;
				cursor: pointer;
				border: none;
			}
			&:hover {
				color: @color_14;
				cursor: pointer;
				border: none;
			}
			>img {
				color: @color_14;
				cursor: pointer;
				border: none;
			}
		}
	}
}
.about_us {
	.news {
		.post_title {
			>h6 {
				color: @color_12;
				font-family: @font-family_2;
				font-size: 16px;
			}
		}
		.post_content {
			>p {
				font-size: 12px;
				margin: 6px 0 0;
				color: @color_15;
			}
		}
	}
	.showcase {
		ul {
			list-style: none;
			padding-left: 0;
			margin: 0;
		}
		.demo {
			.item {
				margin-bottom: 60px;
			}
			width: 100%;
		}
		.content-slider {
			li {
				background-color: #ed3020;
				text-align: center;
				color: @color_6;
			}
			h3 {
				margin: 0;
				padding: 70px 0;
			}
		}
		.lslide.active {
			>img {
				min-height: 338px;
			}
		}
	}
}
.contact_us {
	.news_letter {
		>input {
			font-family: @font-family_2;
			background: #3ac4fa;
			border: 0;
			padding: 11px 3px;
			border-bottom: 1px solid #fff;
			width: 100%;
			position: relative;
			line-height: 20px;
			outline: 0;
			text-transform: uppercase;
			font-size: 14px;
		}
		>a.btn-blue {
			position: absolute;
			right: 5%;
			top: 12%;
		}
	}
	h6 {
		font-family: @font-family_2;
		color: @color_3;
	}
	p {
		font-family: @font-family_2;
		color: @color_3;
		font-size: 16px;
		margin: 5px 0 0;
		line-height: 22px;
	}
	background: #3ac4fa;
	padding: 25px 35px;
	a {
		color: @color_3;
		&:hover {
			color: @color_10;
		}
	}
	&::-webkit-input-placeholder {
		color: @color_3;
	}
	&::-moz-placeholder {
		color: @color_3;
		opacity: 1;
	}
	.social_icons {
		padding: 11px 24px;
		ul {
			margin: 0;
			padding: 0;
			list-style: none;
			li {
				float: left;
				a {
					padding-left: 29px;
					i {
						font-size: 20px;
					}
				}
			}
		}
	}
}
div#customer_says_slider {
	.customer_comment {
		background: url(../images/customer-slider-bg.png) 0 0/cover no-repeat rgba(0, 0, 0, 0);
		padding: 25px 34px 23px;
		>p {
			line-height: 25px;
			margin: 0;
			padding-bottom: 20px;
		}
	}
	.slider_says {
		bottom: 28%;
		position: absolute;
		right: 6.4%;
		i {
			font-size: 20px;
		}
	}
	.slider_says.left {
		right: 16.5%;
	}
}
body#about_us_page {
	.single_staff {
		.social_icons {
			ul {
				margin: 0;
				padding: 0;
				list-style: none;
				li {
					float: left;
					a {
						display: inline-block;
						margin: 22px 15px 22px 0;
						i {
							font-size: 18px;
						}
					}
				}
			}
		}
		.uk-overlay-background {
			background: rgba(22, 22, 22, .6);
			padding: 30px;
			-webkit-transition: .6s;
			-o-transition: .6s;
			transition: .6s;
		}
		.single_staff_details {
			h6 {
				font-size: 16px;
				margin-bottom: 6px;
			}
			span {
				font-size: 14px;
				margin-bottom: 19px;
				display: block;
			}
			p {
				color: @color_3;
				font-size: 16px;
				line-height: 26px;
				margin-bottom: 0;
				margin-top: 0;
			}
		}
	}
	.breadcrumb_main_area {
		background: url(../images/about-us-breadcrumb.jpg) center center/cover no-repeat #000;
		position: relative;
	}
	.facilities_main_part {
		.facilities_name {
			padding: 0 4px;
		}
	}
	.facilities_name {
		.col-lg-2 {
			width: 20%;
		}
		.col-md-2 {
			width: 20%;
		}
	}
	.single_facilities_name {
		>li {
			>img {
				float: left;
				margin-right: 8px;
			}
			&:first-child {
				margin-bottom: 30px;
			}
			>p {
				color: @color_10;
				font-weight: 700;
				line-height: 34px;
				margin-bottom: 0;
				margin-right: 0;
				margin-top: 0;
			}
		}
		>a.btn {
			margin: 14% 11% auto;
			text-align: center;
		}
	}
	.about_us_thumb {
		>p {
			margin-top: 45px;
		}
	}
}
body#staff_page {
	.single_staff {
		.social_icons {
			ul {
				margin: 0;
				padding: 0;
				list-style: none;
				li {
					a {
						display: inline-block;
						margin: 22px 15px 22px 0;
						i {
							font-size: 18px;
						}
					}
				}
			}
		}
		.uk-overlay-background {
			background: rgba(22, 22, 22, .6);
			padding: 30px;
			-webkit-transition: .6s;
			-o-transition: .6s;
			transition: .6s;
		}
		.single_staff_details {
			h6 {
				font-size: 16px;
				margin-bottom: 6px;
			}
			span {
				font-size: 14px;
				margin-bottom: 19px;
				display: block;
			}
			p {
				color: @color_3;
				font-size: 16px;
				line-height: 26px;
				margin-bottom: 0;
				margin-top: 0;
			}
		}
	}
	.social_icons {
		>ul {
			>li {
				float: left;
			}
		}
	}
	.breadcrumb_main_area {
		background: url(../images/about-us-breadcrumb.jpg) center center/cover no-repeat #000;
		position: relative;
	}
}
body#contact_us_page {
	.social_icons {
		>ul {
			>li {
				float: left;
				>i {
					font-size: 20px;
				}
			}
		}
	}
	.breadcrumb_main_area {
		background: url(../images/accomodation-breadcrumb-one.jpg) center center/cover no-repeat #000;
		position: relative;
	}
	.contact_info {
		.social_icons {
			>ul {
				>li {
					>a {
						color: @color_21;
						font-size: 20px;
						padding-right: 30px;
						&:hover {
							color: @color_10;
						}
					}
				}
			}
		}
	}
}
body#error_page {
	.error_area {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: rgba(0, 0, 0, 0);
		background-image: url(../images/error_bg.jpg);
		background-origin: padding-box;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: fixed;
	}
	.error {
		position: relative;
		>p {
			color: @color_10;
			font-size: 282px;
			line-height: 250px;
			margin-bottom: 17px;
		}
		h3 {
			color: @color_16;
			font-size: 44px;
			padding-bottom: 35px;
			margin-bottom: 70px;
		}
		.section_title.nice_title {
			>h3 {
				&::after {
					background: url(../images/nice-title-error.png) no-repeat rgba(0, 0, 0, 0);
					left: 15%;
				}
			}
		}
	}
}
.error_area {
	.container {
		position: relative;
	}
	.contact_us_area {
		bottom: 0;
		left: 0;
		margin: 0 auto;
		position: absolute;
		width: 100%;
	}
}
.footer_area {
	background: #313a45;
	padding-bottom: 10px;
	a {
		color: @color_18;
		&:hover {
			color: @color_2;
		}
	}
}
.footer_widget {
	>h5 {
		color: @color_3;
		margin-bottom: 45px;
	}
	ul {
		list-style: none;
		margin: 0;
		padding: 0;
		li {
			a {
				color: @color_17;
				&:hover {
					color: @color_2;
				}
			}
			margin-bottom: 25px;
			p {
				i {
					float: left;
					line-height: 20px;
					margin-right: 10px;
					min-height: 80px;
				}
				margin: 28px 0;
			}
		}
	}
	p {
		color: @color_17;
	}
}
.footer_copyright {
	p {
		color: @color_17;
	}
}
.footer {
	.footer_logo {
		margin-bottom: 19px;
	}
}
.footer-social {
	display: block;
	margin-top: 10px;
	li {
		display: inline-block;
		list-style-type: none;
		font-size: 26px;
		padding: 5px;
	}
}
body#booking_page {
	.single_facilities_name {
		>li {
			>img {
				float: left;
				margin-right: 8px;
			}
			&:first-child {
				margin-bottom: 30px;
			}
			>p {
				color: @color_10;
				font-weight: 700;
				line-height: 34px;
				margin-bottom: 0;
				margin-right: 0;
				margin-top: 0;
			}
		}
	}
	.breadcrumb_main_area {
		background: url(../images/gallery-breadcrumb.jpg) center center/cover no-repeat #000;
		position: relative;
	}
	.booking_done_area {
		.room_cost {
			table {
				td {
					padding: 15px;
					text-align: center;
					font-size: 14px;
					color: @color_23;
					vertical-align: middle;
					text-transform: uppercase;
					span {
						color: @color_10;
						font-size: 16px;
						font-weight: 700;
					}
					span.total_pain_info {
						color: @color_24;
					}
				}
				tr {
					>td {
						&:first-child {
							text-align: left;
						}
					}
				}
				tr.tax_table {
					>td {
						&:nth-child(2) {
							text-align: right;
						}
					}
				}
				tr.total_table {
					>td {
						&:nth-child(2) {
							text-align: right;
						}
					}
				}
			}
		}
	}
	.booking_info_area {
		.room_cost {
			table {
				td {
					padding: 15px;
					text-align: center;
					font-size: 14px;
					color: @color_23;
					vertical-align: middle;
					text-transform: uppercase;
					span {
						color: @color_10;
						font-size: 16px;
						font-weight: 700;
					}
				}
				tr {
					>td {
						&:first-child {
							text-align: left;
						}
					}
				}
				tr.tax_table {
					>td {
						&:nth-child(2) {
							text-align: right;
						}
					}
				}
				tr.total_table {
					>td {
						&:nth-child(2) {
							text-align: right;
						}
					}
				}
			}
		}
		.facilities_name {
			.star {
				i.fa-star {
					color: @color_25;
				}
				i.fa-star-o {
					color: @color_11;
				}
			}
			.section_title {
				h5 {
					color: @color_9;
					font-family: @font-family_4;
					font-size: 18px;
					text-transform: none;
					sup.day {
						font-size: 11px;
					}
				}
			}
		}
	}
	.booking_next_btn {
		width: 100%;
	}
	.facilities_name {
		.section_title {
			margin-bottom: 30px;
		}
	}
	.booking {
		ul.nav-tabs {
			border: none;
			>li {
				width: 25%;
				>a {
					border: none;
					border-bottom: 9px solid #e4e4e4;
					cursor: pointer;
					margin: 0;
					text-align: center;
					text-transform: uppercase;
					color: @color_20;
					font-size: 18px;
					font-family: @font-family_5;
					>span {
						display: block;
						margin-top: 15px;
						margin-bottom: 40px;
					}
					>i {
						background: #fff;
						border: 1px solid #656464;
						border-radius: 50%;
						color: @color_26;
						display: inline-block;
						font-family: @font-family_6;
						padding: 11px 22px 11px 18px;
						text-align: center;
					}
				}
			}
			>li.active {
				>a {
					>i {
						background: #fe5d5d;
						color: @color_3;
						border: 1px solid #fe5d5d;
					}
					border-bottom: 9px solid #fe5d5d;
				}
			}
		}
	}
	.personal_info_area {
		.hotel_booking {
			background: 0 0;
			padding: 0;
		}
		.hotel_booking_area {
			input {
				border: 1px solid #dbdbdb;
				min-height: 45px;
				margin-bottom: 30px;
				outline: 0;
				text-transform: uppercase;
				padding-left: 22px;
			}
			select#adult {
				border: 1px solid #dbdbdb;
				min-height: 45px;
				margin-bottom: 30px;
				outline: 0;
				text-transform: uppercase;
				padding-left: 22px;
			}
			select#parking {
				border: 1px solid #dbdbdb;
				min-height: 45px;
				margin-bottom: 30px;
				outline: 0;
				text-transform: uppercase;
				padding-left: 22px;
			}
			select#smoking_room {
				border: 1px solid #dbdbdb;
				min-height: 45px;
				margin-bottom: 30px;
				outline: 0;
				text-transform: uppercase;
				padding-left: 22px;
			}
			select#with_pet {
				border: 1px solid #dbdbdb;
				min-height: 45px;
				margin-bottom: 30px;
				outline: 0;
				text-transform: uppercase;
				padding-left: 22px;
			}
			.form-group.icon_arrow {
				&:after {
					top: 3%;
				}
			}
			textarea {
				outline: 0;
				text-transform: uppercase;
			}
		}
	}
	.payment_info_area {
		.hotel_booking_area {
			input {
				border: 1px solid #dbdbdb;
				min-height: 45px;
				margin-bottom: 30px;
				outline: 0;
				text-transform: uppercase;
				padding-left: 22px;
			}
			select#enter_month {
				border: 1px solid #dbdbdb;
				min-height: 45px;
				margin-bottom: 30px;
				outline: 0;
				text-transform: uppercase;
				padding-left: 22px;
			}
			select#enter_year {
				border: 1px solid #dbdbdb;
				min-height: 45px;
				margin-bottom: 30px;
				outline: 0;
				text-transform: uppercase;
				padding-left: 22px;
			}
			.form-group.icon_arrow {
				&:after {
					top: 3%;
				}
			}
		}
		.payment_system {
			ul {
				li {
					float: left;
					margin-right: 13px;
				}
			}
		}
	}
}
body {
	.room_wrapper {
		.uk-overlay-background {
			background: rgba(22, 22, 22, .6);
			padding: 30px;
			-webkit-transition: .6s;
			-o-transition: .6s;
			transition: .6s;
		}
	}
	.breadcrumb_main_area {
		background: url(../images/gallery-breadcrumb.jpg) center center/cover no-repeat #000;
		position: relative;
	}
	.accomodation_single_room {
		.room_media {
			margin-bottom: 30px;
		}
	}
	.other_room {
		.nav-tabs {
			border-bottom: 0;
		}
		ul.nav-tabs {
			>li {
				margin-bottom: 0;
				>a {
					border-radius: 0;
					color: @color_10;
					font-weight: 700;
					padding: 2px 18px;
					text-transform: uppercase;
					border: 2px solid #fff;
					cursor: pointer;
				}
			}
			>li.active {
				a {
					border: 2px solid #9d9d9d;
				}
			}
		}
	}
	.single_room_wrapper {
		.dif_room_media {
			img {
				height: 213px;
				width: auto;
			}
		}
	}
	.lslide.active {
		>img {
			height: 100%;
			width: 100%;
		}
	}
}
.contact_info {
	.section_title {
		h4 {
			color: @color_20;
			font-size: 18px;
		}
	}
	>ul {
		>li {
			line-height: 25px;
			margin-bottom: 29px;
			font-size: 16px;
			color: @color_21;
			>i {
				float: left;
				font-size: 20px;
				margin-right: 15px;
				min-height: 40px;
				padding-top: 3px;
			}
		}
	}
}
.send_mail {
	.section_title {
		h4 {
			color: @color_20;
			font-size: 18px;
		}
	}
	input {
		border: 1px solid #e0e1e5;
		color: @color_11;
		display: inline;
		font-size: 14px;
		line-height: 20px;
		padding: 20px;
		margin-bottom: 30px;
		outline: 0;
		width: 100%;
		text-transform: uppercase;
	}
	textarea {
		border: 1px solid #e0e1e5;
		color: @color_11;
		display: inline;
		font-size: 14px;
		line-height: 20px;
		padding: 20px;
		margin-bottom: 30px;
		outline: 0;
		width: 100%;
		text-transform: uppercase;
	}
	a.btn {
		text-transform: none;
	}
	.btn {
		text-transform: none;
	}
}
.submit_btn {
	margin-top: 16px;
}
.thank_box {
	background: #eee;
	border-bottom: 5px solid #3ac4fa;
	font-size: 20px;
	height: 271px;
	margin: 100px auto 0;
	padding-top: 90px;
	text-align: center;
	width: 55%;
	a {
		border: 2px solid #3ac4fa;
		text-decoration: none;
		background: #3ac4fa;
		color: @color_3;
		display: block;
		font-size: 13px;
		margin: 25px auto 0;
		padding: 15px 30px;
		text-transform: uppercase;
		width: 197px;
		&:hover {
			border: 2px solid #3ac4fa;
			text-decoration: none;
			background: #fff;
			color: @color_5;
		}
	}
	i {
		font-size: 12px;
		margin-right: 5px;
	}
}
body#blog_page {
	.breadcrumb_main_area {
		background: url(../images/gallery-breadcrumb.jpg) center center/cover no-repeat #000;
		position: relative;
	}
	.b_link {
		background: #49515b;
		bottom: 7px;
		font-size: 17px;
		padding: 10px 0 0;
		right: 1px;
	}
}
#deluxe_gallery {
	a.slider_ctrl {
		background: transparent;
		position: absolute;
		text-align: center;
		top: calc(50% - 15px);
		width: 30px;
		i {
			color: @color_3;
			font-size: 18px;
			height: 30px;
			line-height: 30px;
		}
	}
	a {
		&:hover {
			background: #23b0eb;
		}
	}
	a.slider_ctrl.left {
		left: calc(0% + 30px);
	}
	a.slider_ctrl.right {
		right: calc(0% + 30px);
	}
}
#gallery_main_slider {
	a.slider_ctrl {
		background: transparent;
		position: absolute;
		text-align: center;
		top: 50%;
		margin-top: -15px;
		width: 30px;
		i {
			color: @color_3;
			font-size: 4em;
			height: 30px;
			line-height: 30px;
			text-shadow: 0 0 6px rgba(0,0,0,0.2);
		}
	}
	a {
		&:hover {
			transform: scale(1.5);
		}
	}
	a.slider_ctrl.left {
		left: 30px;
	}
	a.slider_ctrl.right {
		right: 30px;
	}
}
.blog_img_box {
	position: relative;
	background: url(../images/blog-pic-link-bg.png) 0 0/cover no-repeat rgba(0, 0, 0, 0);
	height: 139px;
	margin-bottom: -21px;
	width: 100%;
	>a {
		color: @color_3;
		display: block;
		font-size: 20px;
		padding: 31px 35px;
	}
}
.style_blog_img_box {
	position: relative;
}
.related_post {
	>h2 {
		font-family: @font-family_7;
		font-weight: 700;
		color: @color_9;
		font-size: 20px;
		text-transform: inherit;
	}
	border-bottom: 1px solid #e3e1e1;
	padding: 25px 0;
}
.sing_blog_heading {
	h2 {
		font-family: @font-family_7;
		font-weight: 700;
		color: @color_9;
		font-size: 20px;
		text-transform: inherit;
	}
	ul {
		list-style: none;
		padding: 0;
		margin-bottom: 30px;
		li {
			color: @color_27;
			border-left: 1px solid;
			display: inline-block;
			line-height: 13px;
			padding: 0 10px;
			&:first-child {
				border-left: 0;
				padding-left: 0;
			}
		}
	}
}
.sing_related_post {
	h3 {
		font-family: @font-family_7;
		font-weight: 700;
		font-size: 16px;
		text-transform: inherit;
		a {
			color: @color_9;
		}
	}
	padding-top: 25px;
	p {
		font-size: 14px;
		color: @color_9;
		font-weight: 700;
		margin-top: 0;
		span {
			color: @color_16;
		}
	}
}
#booking_page {
	.payment_info_area {
		.hotel_booking {
			background: 0 0;
			padding: 0;
		}
	}
}
.checkbox.booking_done_confirmation {
	background: #81c251;
	margin-top: 35px;
	padding: 20px;
	>a {
		color: @color_3;
		font-size: 21px;
		>i {
			color: @color_3;
			font-size: 21px;
			margin-right: 18px;
		}
	}
}
.at_love {
	i {
		color: @color_3;
		padding-top: 10px;
		text-align: center;
		background: #fe5d5d;
		font-size: 17px;
		height: 38px;
		width: 38px;
	}
	left: 24px;
	position: absolute;
	top: -10px;
	z-index: 2;
}
.b_link {
	color: @color_3;
	padding-top: 10px;
	text-align: center;
	background: #555;
	bottom: 0;
	height: 40px;
	position: absolute;
	right: 0;
	width: 48px;
	z-index: 2;
}
.style_b_link {
	color: @color_3;
	padding-top: 10px;
	text-align: center;
	background: #555;
	bottom: 0;
	height: 40px;
	position: absolute;
	right: 0;
	width: 48px;
	z-index: 2;
}
.single_blog_style1 {
	background: #f0f0f0;
}
.single_blog_style2 {
	background: #f0f0f0;
}
.blog_text_box {
	padding: 25px;
	h4 {
		color: @color_9;
		font-weight: 700;
	}
	ul {
		list-style: none;
		margin: 0;
		padding: 0;
		li {
			float: left;
			margin-right: 12px;
			a {
				color: @color_27;
				display: block;
				font-size: 11px;
				padding: 10px 0;
				&:hover {
					text-decoration: none;
					color: @color_16;
				}
			}
		}
	}
	>p {
		color: @color_9;
	}
	>a {
		color: @color_5;
		&:hover {
			text-decoration: none;
			color: @color_16;
		}
	}
}
.load_more {
	margin: 50px auto;
	text-align: center;
	width: 180px;
	>a {
		background: #fe5d5d;
		color: @color_3;
		padding: 15px 30px;
		border: 2px solid #fe5d5d;
		&:hover {
			background: #fff;
			color: @color_16;
			border: 2px solid #fe5d5d;
		}
	}
}
.sing_blog_post_cont {
	border-bottom: 1px solid #e3e1e1;
	>p {
		overflow: hidden;
		line-height: 25px;
		color: @color_9;
		margin: 20px 0;
		img {
			margin-right: 25px;
		}
		span.side-img {
			margin-top: 15px;
			display: block;
		}
		span.tag {
			color: @color_16;
		}
	}
	>blockquote {
		background: #edebeb;
		border-left: 10px solid #67cef6;
		padding: 35px 30px;
		color: @color_9;
		line-height: 24px;
	}
}
body#single_blog_page {
	.breadcrumb_main_area {
		background: url(../images/gallery-breadcrumb.jpg) center center/cover no-repeat #000;
		position: relative;
	}
	.right_sidebar_area {
		.input_search {
			background: #f0f0f0;
			padding: 30px;
		}
	}
	.input_search {
		>input {
			border: 0;
			padding: 5px;
			width: 100%;
		}
	}
	.single_recent_post {
		margin-bottom: 20px;
	}
	.recent_post_details {
		>h6 {
			font-family: @font-family_2;
			font-size: 16px;
			font-weight: 700;
			text-transform: none;
		}
		>p {
			font-size: 12px;
			margin-bottom: 0;
			margin-top: 3px;
		}
	}
	.recent_post_tags {
		>h6 {
			font-family: @font-family_2;
			font-size: 16px;
			font-weight: 700;
			text-transform: none;
			margin: 5px;
		}
	}
}
.single_blog_post_area {
	background: #f0f0f0;
}
.sing_blog_photo {
	position: relative;
	>i {
		color: @color_3;
		font-size: 17px;
		padding-top: 9px;
		text-align: center;
		position: absolute;
	}
	i.top {
		background: #fe5d5d;
		top: -12px;
		left: 10px;
		width: 40px;
		height: 34px;
	}
	i.bottom {
		background: #49515b;
		bottom: 0;
		right: 0;
		width: 46px;
		height: 34px;
	}
}
.sing_blog_content {
	padding: 40px 40px 45px 30px;
}
.single_post_author_area {
	padding: 30px 0;
	border-bottom: 1px solid #e3e1e1;
}
.author_photo {
	text-align: center;
}
.author_details {
	h2 {
		font-family: @font-family_8;
		font-size: 16px;
		font-weight: 800;
		text-transform: inherit;
		line-height: 15px;
	}
	h3 {
		font-size: 13px;
		font-family: @font-family_7;
		color: @color_28;
		text-transform: inherit;
	}
	p {
		font-size: 16px;
		line-height: 27px;
		color: @color_9;
		margin: 0;
	}
	ul {
		margin: 5px 0 0;
		padding: 0;
		li {
			display: inline-block;
			margin: 0 5px;
			a {
				display: block;
				font-size: 16px;
				color: @color_29;
				&:hover {
					color: @color_5;
				}
			}
		}
	}
}
.comment_details {
	h3 {
		color: @color_9;
		font-weight: 700;
		font-family: @font-family_7;
		font-size: 16px;
		span.comm_time {
			font-size: 13px;
			font-family: @font-family_7;
			color: @color_16;
			font-weight: 400;
			margin-left: 5px;
		}
	}
	p {
		line-height: 27px;
		font-size: 14px;
		color: @color_9;
	}
	a.reply {
		font-weight: 700;
		color: @color_9;
		font-size: 14px;
	}
}
.comment_form {
	>h2 {
		color: @color_9;
		font-weight: 700;
		font-family: @font-family_7;
		font-size: 20px;
		text-transform: inherit;
	}
	form {
		padding-top: 30px;
		label {
			display: block;
			color: @color_9;
			font-size: 16px;
			font-weight: 400;
			margin-bottom: 5px;
		}
	}
	margin-right: 45px;
	input {
		width: 50%;
		border: 1px solid #e8e5e3;
		line-height: 40px;
		text-indent: 20px;
		margin-bottom: 15px;
	}
	textarea {
		width: 50%;
		border: 1px solid #e8e5e3;
		line-height: 40px;
		text-indent: 20px;
		margin-bottom: 15px;
		height: 190px;
		margin-bottom: 30px;
		width: 100%;
	}
	input[type=submit] {
		background: #3ac4fa;
		color: @color_3;
		text-transform: uppercase;
		width: 127px;
		line-height: 47px;
		text-indent: inherit;
		margin-bottom: 0;
		border: 1px solid #3ac4fa;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		&:hover {
			color: @color_5;
			background: #fff;
			border: 1px solid #3ac4fa;
		}
	}
}
.single_post_comment_area {
	>h2 {
		color: @color_9;
		font-weight: 700;
		font-family: @font-family_7;
		font-size: 20px;
		text-transform: inherit;
	}
	border: 1px solid #ededed;
	box-shadow: -5px 5px 0 #f0f0f0;
	padding: 35px 0 0;
}
.padding-0 {
	padding: 0;
}
.right_sidebar_area {
	.blog_category {
		background: #f0f0f0;
		padding: 30px;
		ul {
			li {
				a {
					font-family: @font-family_4;
					&:hover {
						color: @color_16;
					}
				}
			}
		}
		i {
			font-size: 12px;
			margin-right: 20px;
			vertical-align: middle;
		}
	}
	.blog_recent_post {
		background: #f0f0f0;
		padding: 30px;
	}
	.recent_post_tags {
		background: #f0f0f0;
		padding: 30px;
		>a {
			background: #444;
			color: @color_3;
			display: inline-block;
			font-size: 14px;
			margin: 5px;
			padding: 9px 18px;
			&:hover {
				background: #3ac4fa;
			}
		}
		>a.active {
			background: #3ac4fa;
		}
	}
}
#loader-wrapper {
	.logo {
		position: absolute;
		top: 48%;
		left: 47.5%;
		a {
			font-weight: 700;
			color: @color_30;
			font-size: 12px;
		}
	}
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background: #fff;
}
.logo {
	span {
		color: @color_31;
	}
}
.form-contact {
	position: relative;
	width: 100%;
	max-width: 370px;
	color: @color_6;
	background-color: rgba(104, 79, 64, .9);
	overflow: auto;
	padding: 15px 30px;
	z-index: 99;
	h2 {
		font-size: 20px;
		text-align: center;
		color: @color_6;
		text-transform: uppercase;
		margin-bottom: 20px;
	}
	h3 {
		color: @color_3;
		padding-top: 30px;
	}
}
.form-contact-alt {
	input {
		border-color: #e1e2e1;
		padding: 10px;
		margin: 5px 0;
		&:focus {
			border-color: #684f40;
		}
	}
	textarea {
		border-color: #e1e2e1;
		padding: 10px;
		margin: 5px 0;
		height: 140px;
		&:focus {
			border-color: #684f40;
		}
	}
	input[type=submit] {
		font-size: 16px;
		color: @color_6;
		background-color: #684f40;
		border-color: #684f40;
		font-weight: 400;
		padding: 20px 30px;
		&:hover {
			border-color: #684f40;
		}
	}
	.input-description {
		font-size: 16px;
		padding-top: 15px;
		padding-bottom: 15px;
		i {
			width: 20px;
			display: inline-block;
		}
	}
	.submit-container {
		float: right;
		position: relative;
		color: @color_6;
		margin: 15px 0;
		&:after {
			font-family: @font-family_3;
			font-size: 16px;
			position: absolute;
			left: 30px;
			top: 0;
			padding: 20px 0;
			content: '\f003';
		}
		input[type=submit] {
			margin: 0;
			padding-left: 53px;
		}
	}
}
.google-map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #E9E5DB;
}
.google-map-big-container {
	position: relative;
	height: 580px;
}
.quote {
	position: relative;
	padding: 15px 25px 20px;
	margin: 20px auto 40px;
	font: italic 18px/1.4 Georgia, serif;
	color: @color_3;
	background: #245991;
	min-height: 110px;
	border-left: 2px solid;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	&:after {
		content: "";
		position: absolute;
		top: 100%;
		right: 25px;
		border-width: 30px 30px 0 0;
		border-style: solid;
		border-color: #245991 transparent;
	}
}
.section-content {
	position: relative;
	input {
		width: 100%;
		border: 1px solid #FFF;
		outline: 0;
		padding: 16px;
		background-color: #FFF;
		color: @color_32;
		margin: 10px 0;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	textarea {
		width: 100%;
		border: 1px solid #FFF;
		outline: 0;
		padding: 16px;
		background-color: #FFF;
		color: @color_32;
		margin: 10px 0;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
}
.section-black-cover {
	.section-content {
		position: relative;
		z-index: 1;
	}
}
.section-color-cover {
	.section-content {
		position: relative;
		z-index: 1;
	}
}
.section-white-cover {
	.section-content {
		position: relative;
		z-index: 1;
	}
}
.round {
	display: block;
	border-radius: 50%;
	overflow: hidden;
	padding: 6px;
	border: 1px solid #ddd;
	max-width: 300px;
	max-height: 300px;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	margin: 20px;
	&:hover {
		padding: 10px;
	}
	img {
		width: 100%;
		border-radius: 50%;
	}
}
.small-line {
	width: 50px;
	border-top: 1px solid #DDD;
	display: block;
	margin: 10px auto;
}
.border-hr {
	margin: 0 0 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .4);
	font-size: 12px;
}
.service {
	margin-bottom: 50px;
}
.rooms {
	padding: 100px 20px;
}
.roombox {
	margin-top: 10px;
	font-size: 13px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.single_wrapper_details {
		display: none;
	}
	body#accomodation_page {
		.single_wrapper_details {
			display: none;
		}
	}
}
@media (max-width:992px) {
	.hotel_booking_area {
		.btn {
			display: block;
			float: none;
		}
		.room_book {
			border: none;
		}
		.tooglebook {
			color: @color_3;
			background-color: transparent;
			border: 1px solid #fff;
			float: right;
			font-size: 18px;
			width: 40px;
			height: 40px;
			border-radius: 3px;
			text-align: center;
		}
	}
}
@media (max-width:750px) {
	.form-contact-alt {
		.input-description {
			padding-top: 0;
			padding-bottom: 30px;
		}
	}
}
@media (max-width:600px) {
	.google-map {
		height: 300px;
		position: relative;
	}
	.google-map-big-container {
		height: 300px;
	}
	.form-contact {
		margin-left: auto;
		margin-right: auto;
	}
	#weather {
		text-align: center;
	}
	.lang {
		text-align: center;
	}
	.main_slider_area {
		.welcome {
			color: @color_6;
			padding-top: 130px;
			h3 {
				font-size: 20px;
			}
			p {
				font-size: 11px;
			}
		}
	}
	.hero-h2-line {
		letter-spacing: -4px;
	}
	.hotel_facilities_content {
		.nav-tabs {
			>li {
				>a {
					height: 90px;
					min-width: 50px;
					text-transform: uppercase;
					padding: 4px 6px;
					font-size: 10px;
				}
			}
			>li.active {
				>a {
					background: #fff;
				}
			}
		}
		.nav.nav-tabs {
			>li {
				>a {
					>img {
						display: block;
						width: 32px;
					}
				}
			}
		}
	}
	.hotel_facilities {
		.nav.nav-tabs {
			margin: 0;
		}
	}
}
