/* ------------------------------------------
[Master Stylesheet]

Template Name: Roberto - Hotel & Resort HTML Template
Template Author: Colorlib
Template Author URL: http://colorlib.com
Version: 1.0.0
Last Update: Feb 9, 2019
---------------------------------------------

---------------------------------------------
[Tables of CSS Content]

+ body

- 01.0 Reboot Area CSS
- 02.0 Spacing Area CSS
- 03.0 Preloader Area CSS
- 04.0 Heading Area CSS
- 05.0 Backtotop Area CSS
- 06.0 Buttons Area CSS
- 07.0 Header Area CSS
- 08.0 Hero Area CSS
- 09.0 Footer Area CSS
- 10.0 Partner Area CSS
- 11.0 Project Area CSS
- 12.0 CTA Area CSS
- 13.0 Testimonial Area CSS
- 14.0 Room Area CSS
- 15.0 About Area CSS
- 16.0 Contact Area CSS
- 17.0 Widget Area CSS
- 18.0 Breadcrumb Area CSS
- 19.0 Blog Area CSS
--------------------------------------------- */
/* Import Fonts & All CSS */
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700");
@import url(css/bootstrap.min.css);
@import url(css/animate.css);
@import url(css/default-assets/classy-nav.css);
@import url(css/owl.carousel.min.css);
@import url(css/magnific-popup.css);
@import url(css/nice-select.css);
@import url(css/font-awesome.min.css);
@import url(css/style.css);
@import url(css/bootstrap-datepicker.min.css);
@import url(css/jquery-ui.min.css);
/* :: 01.0 Reboot Area CSS */
* {
	margin: 0;
	padding: 0; }

body {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
	position: relative;
	z-index: auto; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Poppins", sans-serif;
	color: #2a303b;
	line-height: 1.3;
	font-weight: 500; }

a,
a:active,
a:focus,
a:hover {
	color: #2a303b;
	text-decoration: none;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	outline: none;
	font-weight: 500; }

li {
	list-style: none; }

p {
	line-height: 1.7;
	color: #636a76;
	font-size: 16px;
	font-weight: 400; }

img {
	max-width: 100%;
	height: auto; }

ul {
	margin: 0;
	padding: 0; }
	ul li {
		margin: 0;
		padding: 0; }

.bg-overlay {
	position: relative;
	z-index: 1; }
	.bg-overlay::after {
		position: absolute;
		content: "";
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background-color: rgba(14, 39, 55, 0.7); }

.bg-img {
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important; }

.jarallax {
	position: relative;
	z-index: 0; }
	.jarallax > .jarallax-img {
		position: absolute;
		object-fit: cover;
		font-family: 'object-fit: cover';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #ffffff;
	right: 20px;
	text-align: center;
	padding-right: 0;
	width: 100%;
	position: fixed;
	top: 20px;
	width: 30px;
	background: #1cc3b2;
	height: 30px;
	line-height: 30px; }

button.mfp-close,
button.mfp-arrow {
	background: #1cc3b2; }

.mfp-bottom-bar {
	display: none !important; }

.mfp-bg {
	background-color: #000000; }

.bg-transparent {
	background-color: transparent !important; }

.bg-gray {
	background-color: #e8f1f8 !important; }

textarea:focus,
input:focus {
	outline: none; }

.border {
	border-color: #ebebeb; }

.mfp-arrow-left::after {
	border-right-color: transparent; }

.mfp-arrow-left::before {
	border-right-color: #ffffff; }

.mfp-arrow-right::after {
	border-left-color: transparent; }

.mfp-arrow-right::before {
	border-left-color: #ffffff; }

/* :: 02.0 Spacing Area CSS */
.mt-15 {
	margin-top: 15px; }

.mt-30 {
	margin-top: 30px; }

.mt-40 {
	margin-top: 40px; }

.mt-50 {
	margin-top: 50px; }

.mt-70 {
	margin-top: 70px; }

.mt-80 {
	margin-top: 80px; }

.mt-100 {
	margin-top: 100px; }

.mt-150 {
	margin-top: 150px; }

.mr-15 {
	margin-right: 15px; }

.mr-30 {
	margin-right: 30px; }

.mr-50 {
	margin-right: 50px; }

.mr-100 {
	margin-right: 100px; }

.mb-15 {
	margin-bottom: 15px; }

.mb-30 {
	margin-bottom: 30px; }

.mb-40 {
	margin-bottom: 40px; }

.mb-50 {
	margin-bottom: 50px; }

.mb-60 {
	margin-bottom: 60px; }

.mb-70 {
	margin-bottom: 70px; }

.mb-80 {
	margin-bottom: 80px; }

.mb-100 {
	margin-bottom: 100px; }

.ml-15 {
	margin-left: 15px; }

.ml-30 {
	margin-left: 30px; }

.ml-50 {
	margin-left: 50px; }

.ml-100 {
	margin-left: 100px; }

.pt-50 {
	padding-top: 50px !important; }

.section-padding-80 {
	padding-top: 80px;
	padding-bottom: 80px; }

.section-padding-0-80 {
	padding-top: 0;
	padding-bottom: 80px; }

.section-padding-80-0 {
	padding-top: 80px;
	padding-bottom: 0; }

.section-padding-100 {
	padding-top: 100px;
	padding-bottom: 100px; }

.section-padding-0-100 {
	padding-top: 0;
	padding-bottom: 100px; }

.section-padding-100-0 {
	padding-top: 100px;
	padding-bottom: 0; }

/* :: 3.0 Preloader Area CSS */
#preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	top: 0;
	left: 0;
	background-color: #1cc3b2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden; }

.loader,
.loader:before,
.loader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out; }

.loader {
	color: #ffffff;
	font-size: 6px;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s; }

.loader:before,
.loader:after {
	content: '';
	position: absolute;
	top: 0; }

.loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s; }

.loader:after {
	left: 3.5em; }

@-webkit-keyframes load7 {
	0%,
		80%,
		100% {
		box-shadow: 0 2.5em 0 -1.3em; }
	40% {
		box-shadow: 0 2.5em 0 0; } }
@keyframes load7 {
	0%,
		80%,
		100% {
		box-shadow: 0 2.5em 0 -1.3em; }
	40% {
		box-shadow: 0 2.5em 0 0; } }
/* :: 4.0 Heading Area CSS */
.section-heading {
	position: relative;
	z-index: 1;
	margin-bottom: 50px; }
	.section-heading h6 {
		text-transform: uppercase;
		color: #1cc3b2;
		letter-spacing: 2px;
		display: block;
		margin-bottom: 10px; }
	.section-heading h2 {
		font-size: 42px;
		text-transform: capitalize;
		margin-bottom: 0;
		display: block;
		line-height: 1.2; }
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.section-heading h2 {
				font-size: 36px; } }
		@media only screen and (min-width: 768px) and (max-width: 991px) {
			.section-heading h2 {
				font-size: 30px; } }
		@media only screen and (max-width: 767px) {
			.section-heading h2 {
				font-size: 24px; } }
	.section-heading.white h6,
	.section-heading.white h2 {
		color: #ffffff; }

/* :: 5.0 Backtotop Area CSS */
#scrollUp {
	position: fixed;
	right: 40px;
	font-size: 20px;
	line-height: 40px;
	width: 40px;
	height: 40px;
	bottom: 40px;
	background-color: #1cc3b2;
	color: #ffffff;
	text-align: center;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
	box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
	z-index: 15962536; }
	@media only screen and (max-width: 767px) {
		#scrollUp {
			right: 20px;
			bottom: 20px; } }
	#scrollUp:focus, #scrollUp:hover {
		background-color: #000000;
		color: #ffffff; }

/* :: 6.0 Buttons Area CSS */
.btn:focus {
	box-shadow: none; }

.roberto-btn {
	position: relative;
	z-index: 1;
	min-width: 150px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	padding: 0 40px;
	text-align: center;
	text-transform: capitalize;
	background-color: #1cc3b2;
	color: #ffffff;
	border: none;
	border-radius: 2px;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms; }
	.roberto-btn:focus, .roberto-btn:hover {
		font-weight: 500;
		-webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
		box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
		/*background-color: #ffffff;*/
		color: black; }
	.roberto-btn.btn-2 {
		min-width: 180px;
		height: 50px;
		line-height: 46px;
		border: 2px solid #1cc3b2;
		background-color: transparent;
		color: #ffffff; }
		.roberto-btn.btn-2:focus, .roberto-btn.btn-2:hover {
			color: #ffffff;
			background-color: #1cc3b2; }

.continue-btn {
	padding: 0;
	line-height: 1;
	color: #afb4bf;
	font-size: 16px;
	text-transform: capitalize;
	text-decoration: underline;
	font-weight: 500; }
	.continue-btn:focus, .continue-btn:hover {
		text-decoration: underline;
		color: #000000; }

/* :: 7.0 Header Area CSS */
.header-area {
	position: relative;
	z-index: 100;
	width: 100%;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	background-color: #1cc3b2; }
	.header-area .search-form {
		-webkit-transition-duration: 350ms;
		-o-transition-duration: 350ms;
		transition-duration: 350ms;
		transition-timing-function: ease-in;
		position: relative;
		z-index: 1;
		width: 100%;
		height: 0;
		background-color: #1cc3b2; }
		.header-area .search-form.search-form-active {
			height: 80px;
			z-index: 99999999; }
		.header-area .search-form form {
			position: relative;
			z-index: 1; }
			.header-area .search-form form input {
				background-color: transparent;
				width: 100%;
				height: 60px;
				border: none;
				font-size: 14px;
				color: #ffffff; }
			.header-area .search-form form button {
				position: absolute;
				width: 60px;
				height: 60px;
				top: 0;
				right: 0;
				z-index: 10;
				border: none;
				background-color: transparent;
				cursor: pointer;
				font-size: 18px;
				color: #ffffff;
				text-align: right; }
				.header-area .search-form form button:focus {
					outline: none; }

.top-header-area {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 50px;
	background-color: #0e2737; }
	.top-header-area .top-header-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center; }
		.top-header-area .top-header-content > a {
			color: #ffffff;
			font-size: 14px;
			font-weight: 400;
			line-height: 50px;
			display: inline-block;
			margin-right: 50px; }
			.top-header-area .top-header-content > a:last-child {
				margin-right: 0; }
			.top-header-area .top-header-content > a i {
				padding-right: 5px;
				color: #1cc3b2; }
			@media only screen and (min-width: 768px) and (max-width: 991px) {
				.top-header-area .top-header-content > a {
					margin-right: 30px; } }
			@media only screen and (max-width: 767px) {
				.top-header-area .top-header-content > a {
					margin-right: 15px; } }
			@media only screen and (min-width: 768px) and (max-width: 991px) {
				.top-header-area .top-header-content > a span {
					display: none; } }
			@media only screen and (max-width: 767px) {
				.top-header-area .top-header-content > a span {
					display: none; } }
			.top-header-area .top-header-content > a:hover, .top-header-area .top-header-content > a:focus {
				color: #afb4bf; }
		.top-header-area .top-header-content .top-social-area a {
			display: inline-block;
			margin-right: 30px;
			color: #ffffff;
			line-height: 50px;
			font-size: 14px; }
			.top-header-area .top-header-content .top-social-area a:last-child {
				margin-right: 0; }
			@media only screen and (max-width: 767px) {
				.top-header-area .top-header-content .top-social-area a {
					margin-right: 15px; } }
			.top-header-area .top-header-content .top-social-area a:hover, .top-header-area .top-header-content .top-social-area a:focus {
				color: #1cc3b2; }

.classy-nav-container {
	background-color: transparent;
	padding: 0; }
	.classy-nav-container .classy-navbar {
		-webkit-transition-duration: 500ms;
		-o-transition-duration: 500ms;
		transition-duration: 500ms;
		height: 80px;
		padding: 0; }
		@media only screen and (min-width: 768px) and (max-width: 991px) {
			.classy-nav-container .classy-navbar {
				height: 70px; } }
		@media only screen and (max-width: 767px) {
			.classy-nav-container .classy-navbar {
				height: 70px; } }
		@media only screen and (max-width: 767px) {
			.classy-nav-container .classy-navbar .nav-brand {
				max-width: 90px;
				margin-right: 15px; } }
		.classy-nav-container .classy-navbar .classynav ul li a {
			font-size: 16px;
			text-transform: capitalize;
			color: #2a303b;
			font-weight: 500;
			padding: 0 20px; }
			@media only screen and (min-width: 992px) and (max-width: 1199px) {
				.classy-nav-container .classy-navbar .classynav ul li a {
					font-size: 14px;
					padding: 0 10px; } }
			@media only screen and (min-width: 768px) and (max-width: 991px) {
				.classy-nav-container .classy-navbar .classynav ul li a {
					font-size: 14px;
					color: #2a303b; }
					.classy-nav-container .classy-navbar .classynav ul li a:hover, .classy-nav-container .classy-navbar .classynav ul li a:focus {
						color: #1cc3b2; } }
			@media only screen and (max-width: 767px) {
				.classy-nav-container .classy-navbar .classynav ul li a {
					font-size: 14px;
					color: #2a303b; }
					.classy-nav-container .classy-navbar .classynav ul li a:hover, .classy-nav-container .classy-navbar .classynav ul li a:focus {
						color: #1cc3b2; } }
			.classy-nav-container .classy-navbar .classynav ul li a:focus, .classy-nav-container .classy-navbar .classynav ul li a:hover {
				color: #afb4bf;
				font-weight: 500; }
		.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a, .classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a {
			font-size: 14px;
			text-transform: capitalize;
			height: 42px;
			line-height: 42px;
			padding: 0 30px;
			color: #2a303b; }
			.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a:focus, .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a:hover, .classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a:focus, .classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a:hover {
				color: #1cc3b2; }

.classynav ul li.active a {
	position: relative;
	z-index: 1; }
	.classynav ul li.active a::before {
		width: 80%;
		height: 2px;
		background-color: #ffffff;
		position: absolute;
		bottom: 0;
		left: 10%;
		z-index: 1;
		content: ''; }
		@media only screen and (min-width: 768px) and (max-width: 991px) {
			.classynav ul li.active a::before {
				display: none; } }
		@media only screen and (max-width: 767px) {
			.classynav ul li.active a::before {
				display: none; } }

.classynav ul li.has-down > a::after,
.classynav ul li.has-down.active > a::after,
.classynav ul li.megamenu-item > a::after {
	color: #2a303b; }

.breakpoint-off .classynav ul li .dropdown,
.breakpoint-off .classynav ul li .megamenu {
	width: 210px;
	-webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
	box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
	border-radius: 6px; }

.breakpoint-off .classynav ul li .megamenu {
	width: 100%; }

.classy-navbar-toggler .navbarToggler span {
	background-color: #2a303b; }

.main-header-area {
	position: relative;
	z-index: 1;
	background-color: #ffffff; }
	.main-header-area .book-now-btn a {
		padding: 0 30px;
		background-color: #1cc3b2;
		height: 80px;
		line-height: 80px;
		text-align: center;
		color: #ffffff;
		font-size: 16px; }
		.main-header-area .book-now-btn a i {
			padding-left: 5px; }
		@media only screen and (min-width: 768px) and (max-width: 991px) {
			.main-header-area .book-now-btn a {
				height: 50px;
				line-height: 50px;
				border-radius: 30px; } }
		@media only screen and (max-width: 767px) {
			.main-header-area .book-now-btn a {
				height: 50px;
				line-height: 50px;
				border-radius: 30px; } }
		.main-header-area .book-now-btn a:hover, .main-header-area .book-now-btn a:focus {
			background-color: #2a303b;
			color: #ffffff; }
	.main-header-area .search-btn {
		cursor: pointer;
		-webkit-transition-duration: 500ms;
		-o-transition-duration: 500ms;
		transition-duration: 500ms; }
		@media only screen and (min-width: 768px) and (max-width: 991px) {
			.main-header-area .search-btn {
				padding: 30px 0; } }
		@media only screen and (max-width: 767px) {
			.main-header-area .search-btn {
				padding: 30px 0; } }
		.main-header-area .search-btn:hover, .main-header-area .search-btn:focus {
			color: #1cc3b2; }

/* :: 8.0 Hero Area CSS */
.welcome-area {
	position: relative;
	z-index: 1; }

.welcome-slides {
	position: relative;
	z-index: 1;
	overflow: hidden; }
	.welcome-slides .owl-prev,
	.welcome-slides .owl-next {
		-webkit-transition-duration: 500ms;
		-o-transition-duration: 500ms;
		transition-duration: 500ms;
		width: 80px;
		height: 80px;
		border-radius: 50%;
		background-color: #1cc3b2;
		text-indent: -50000em;
		position: absolute;
		top: 50%;
		left: 30px;
		margin-top: -40px;
		z-index: 10;
		background-position: center center !important;
		background-size: cover !important;
		opacity: 0;
		visibility: hidden; }
		@media only screen and (max-width: 767px) {
			.welcome-slides .owl-prev,
			.welcome-slides .owl-next {
				width: 40px;
				left: 20px;
				height: 40px; } }
	.welcome-slides .owl-next {
		left: auto;
		right: 30px; }
		@media only screen and (max-width: 767px) {
			.welcome-slides .owl-next {
				right: 20px; } }
	.welcome-slides:hover .owl-prev,
	.welcome-slides:hover .owl-next, .welcome-slides:focus .owl-prev,
	.welcome-slides:focus .owl-next {
		opacity: 1;
		visibility: visible; }

.single-welcome-slide {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 500px;
	background-color: #1cc3b2; }
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.single-welcome-slide {
			height: 500px; } }
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.single-welcome-slide {
			height: 500px; } }
	@media only screen and (max-width: 767px) {
		.single-welcome-slide {
			height: 300px; } }
	.single-welcome-slide .welcome-text {
		position: relative;
		z-index: 1; }
		.single-welcome-slide .welcome-text h6 {
			text-transform: uppercase;
			letter-spacing: 2px;
			color: #ffffff;
			margin-bottom: 30px; }
		.single-welcome-slide .welcome-text h2 {
			font-size: 72px;
			display: block;
			margin-bottom: 30px;
			color: #ffffff; }
			@media only screen and (min-width: 992px) and (max-width: 1199px) {
				.single-welcome-slide .welcome-text h2 {
					font-size: 48px; } }
			@media only screen and (min-width: 768px) and (max-width: 991px) {
				.single-welcome-slide .welcome-text h2 {
					font-size: 42px; } }
			@media only screen and (max-width: 767px) {
				.single-welcome-slide .welcome-text h2 {
					font-size: 30px; } }

/* :: 9.0 Footer Area CSS */
.footer-area {
	position: relative;
	z-index: 1;
	background-color: #0e2737; }

.single-footer-widget {
	position: relative;
	z-index: 1; }
	.single-footer-widget .widget-title {
		font-size: 22px;
		color: #ffffff;
		margin-bottom: 25px;
		display: block;
		text-transform: capitalize; }
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.single-footer-widget .widget-title {
				font-size: 18px; } }
		@media only screen and (max-width: 767px) {
			.single-footer-widget .widget-title {
				font-size: 18px; } }
	.single-footer-widget .latest-blog-area {
		position: relative;
		z-index: 1;
		margin-bottom: 25px; }
		.single-footer-widget .latest-blog-area:last-child {
			margin-bottom: 0; }
		.single-footer-widget .latest-blog-area .post-title {
			font-size: 16px;
			display: block;
			margin-bottom: 5px;
			color: #ffffff;
			font-weight: 400; }
			.single-footer-widget .latest-blog-area .post-title:focus, .single-footer-widget .latest-blog-area .post-title:hover {
				color: #1cc3b2; }
	.single-footer-widget .footer-nav {
		position: relative;
		z-index: 1; }
		.single-footer-widget .footer-nav li a {
			display: block;
			margin-bottom: 10px;
			color: #636a76;
			font-size: 14px;
			font-weight: 400;
			text-transform: capitalize; }
			.single-footer-widget .footer-nav li a:focus, .single-footer-widget .footer-nav li a:hover {
				color: #ffffff; }
		.single-footer-widget .footer-nav li:last-child a {
			margin-bottom: 0; }
	.single-footer-widget .nl-form {
		position: relative;
		z-index: 1;
		margin-top: 30px; }
		.single-footer-widget .nl-form input {
			width: 100%;
			height: 46px;
			background-color: #3e525f;
			border-radius: 30px;
			border: none;
			padding: 0 20px;
			color: #ffffff;
			font-size: 14px; }
			.single-footer-widget .nl-form input:focus {
				box-shadow: none; }
		.single-footer-widget .nl-form button {
			position: absolute;
			width: 40px;
			height: 40px;
			border-radius: 50%;
			border: none;
			top: 3px;
			right: 3px;
			color: #ffffff;
			background-color: #1cc3b2;
			cursor: pointer;
			-webkit-transition-duration: 500ms;
			-o-transition-duration: 500ms;
			transition-duration: 500ms; }
			.single-footer-widget .nl-form button:focus, .single-footer-widget .nl-form button:hover {
				background-color: #2a303b; }
	.single-footer-widget .footer-logo {
		display: block;
		margin-bottom: 20px; }
	.single-footer-widget p {
		color: #afb4bf; }
	.single-footer-widget h4 {
		color: #1cc3b2; }
	.single-footer-widget span {
		color: #afb4bf;
		font-size: 14px;
		display: block;
		margin-bottom: 10px; }
		.single-footer-widget span:last-child {
			margin-bottom: 0; }

.copywrite-text {
	position: relative;
	z-index: 1; }
	@media only screen and (max-width: 767px) {
		.copywrite-text {
			margin-bottom: 15px;
			text-align: center; } }
	.copywrite-text p {
		font-size: 14px;
		color: #afb4bf;
		margin-bottom: 0; }
		@media only screen and (max-width: 767px) {
			.copywrite-text p {
				font-size: 12px; } }
		.copywrite-text p a {
			color: #afb4bf;
			font-size: 14px; }
			@media only screen and (max-width: 767px) {
				.copywrite-text p a {
					font-size: 12px; } }
			.copywrite-text p a:focus, .copywrite-text p a:hover {
				color: #ffffff; }

.copywrite-content {
	position: relative;
	z-index: 1;
	padding: 15px 0;
	border-top: 1px solid #273d4b; }
	.copywrite-content .social-info {
		text-align: right; }
		@media only screen and (max-width: 767px) {
			.copywrite-content .social-info {
				text-align: center; } }
		.copywrite-content .social-info a {
			display: inline-block;
			color: #afb4bf;
			padding-left: 20px; }
			.copywrite-content .social-info a:focus, .copywrite-content .social-info a:hover {
				color: #ffffff; }

/* :: 10.0 Partner Area CSS */
.partner-logo-content {
	position: relative;
	z-index: 1;
	padding-top: 40px;
	padding-bottom: 40px; }
	.partner-logo-content a {
		display: inline-block; }
		.partner-logo-content a img {
			max-height: 50px; }
			@media only screen and (max-width: 767px) {
				.partner-logo-content a img {
					max-height: 30px; } }

/* :: 11.0 Project Area CSS */
.single-project-slide {
	position: relative;
	z-index: 1;
	height: 800px;
	overflow: hidden;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	border-left: 1px solid rgba(255, 255, 255, 0.2); }
	@media only screen and (max-width: 767px) {
		.single-project-slide {
			height: 650px; } }
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.single-project-slide {
			height: 700px; } }
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.single-project-slide {
			height: 650px; } }
	.single-project-slide .project-content {
		position: absolute;
		width: 100%;
		height: 100px;
		bottom: 0;
		left: 0;
		z-index: 10;
		background-color: rgba(0, 0, 0, 0.3);
		padding: 0 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center; }
		.single-project-slide .project-content .text h6 {
			color: #ffffff; }
		.single-project-slide .project-content .text h5 {
			color: #ffffff;
			margin-bottom: 0; }
	.single-project-slide .hover-effects {
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		background-color: #1cc3b2;
		z-index: 100;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 0;
		visibility: hidden;
		-webkit-transition-duration: 800ms;
		-o-transition-duration: 800ms;
		transition-duration: 800ms; }
		.single-project-slide .hover-effects .text {
			padding: 30px; }
			.single-project-slide .hover-effects .text h6 {
				color: #ffffff; }
			.single-project-slide .hover-effects .text h5 {
				color: #ffffff;
				margin-bottom: 10px; }
			.single-project-slide .hover-effects .text p {
				margin-bottom: 0;
				color: #ffffff; }
		.single-project-slide .hover-effects .project-btn {
			font-size: 16px;
			padding: 0 30px;
			display: block;
			background-color: #0e2737;
			border-radius: 0;
			color: #ffffff;
			text-align: left;
			font-weight: 500;
			height: 100px;
			width: 100%;
			line-height: 100px; }
	.single-project-slide.active .hover-effects {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		opacity: 1;
		visibility: visible; }

/* :: 12.0 CTA CSS */
.roberto-cta-area {
	position: relative;
	z-index: 1; }
	.roberto-cta-area .cta-content {
		padding-top: 50px;
		padding-left: 50px;
		padding-right: 50px; }
	.roberto-cta-area .cta-text h2 {
		color: #ffffff;
		font-size: 36px;
		margin-bottom: 10px; }
	.roberto-cta-area .cta-text h6 {
		margin-bottom: 0;
		color: #ffffff; }

/* :: 13.0 Testimonial Area CSS */
.roberto-testimonials-area {
	position: relative;
	z-index: 1; }
	.roberto-testimonials-area .testimonial-thumbnail {
		position: relative;
		z-index: 1;
		padding-right: 15px; }
		.roberto-testimonials-area .testimonial-thumbnail img {
			border-radius: 8px;
			width: 100% !important; }
	.roberto-testimonials-area .single-testimonial-slide h5 {
		color: #636a76;
		font-weight: 400;
		font-size: 18px;
		line-height: 1.8; }
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.roberto-testimonials-area .single-testimonial-slide h5 {
				font-size: 16px; } }
		@media only screen and (min-width: 768px) and (max-width: 991px) {
			.roberto-testimonials-area .single-testimonial-slide h5 {
				font-size: 16px; } }
		@media only screen and (max-width: 767px) {
			.roberto-testimonials-area .single-testimonial-slide h5 {
				font-size: 16px; } }
	.roberto-testimonials-area .single-testimonial-slide .rating-title {
		position: relative;
		z-index: 1;
		margin-top: 15px; }
		.roberto-testimonials-area .single-testimonial-slide .rating-title .rating {
			display: block;
			margin-bottom: 10px; }
			.roberto-testimonials-area .single-testimonial-slide .rating-title .rating i {
				color: #f5b917;
				font-size: 14px; }
		.roberto-testimonials-area .single-testimonial-slide .rating-title h6 {
			margin-bottom: 0; }
			.roberto-testimonials-area .single-testimonial-slide .rating-title h6 span {
				color: #1cc3b2;
				font-size: 14px;
				font-weight: 400; }

.testimonial-slides .owl-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 40px; }
	.testimonial-slides .owl-dots .owl-dot {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 12px;
		flex: 0 0 12px;
		max-width: 12px;
		width: 12px;
		height: 12px;
		background-color: #c0c8d7;
		border-radius: 50%;
		margin: 0 5px; }
		.testimonial-slides .owl-dots .owl-dot.active {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 12px;
			flex: 0 0 12px;
			max-width: 12px;
			width: 12px;
			background-color: #1cc3b2;
			border-radius: 50%; }

.single-testimonial-area {
	position: relative;
	z-index: 1; }
	.single-testimonial-area .testimonial-content {
		-webkit-transition-duration: 500ms;
		-o-transition-duration: 500ms;
		transition-duration: 500ms;
		position: relative;
		z-index: 1;
		padding: 40px;
		border-radius: 3px;
		box-shadow: 0 15px 9px 0 rgba(0, 0, 0, 0.08);
		margin-bottom: 40px; }
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.single-testimonial-area .testimonial-content {
				padding: 30px; } }
		@media only screen and (max-width: 767px) {
			.single-testimonial-area .testimonial-content {
				padding: 30px; } }
		.single-testimonial-area .testimonial-content .ratings-icon {
			position: relative;
			z-index: 1;
			margin-bottom: 20px; }
			.single-testimonial-area .testimonial-content .ratings-icon .rating {
				color: #f3b409; }
		.single-testimonial-area .testimonial-content h5 {
			-webkit-transition-duration: 500ms;
			-o-transition-duration: 500ms;
			transition-duration: 500ms;
			margin-bottom: 0;
			color: #707070;
			line-height: 1.5;
			font-weight: 400; }
			@media only screen and (min-width: 992px) and (max-width: 1199px) {
				.single-testimonial-area .testimonial-content h5 {
					font-size: 16px; } }
			@media only screen and (min-width: 768px) and (max-width: 991px) {
				.single-testimonial-area .testimonial-content h5 {
					font-size: 16px; } }
			@media only screen and (max-width: 767px) {
				.single-testimonial-area .testimonial-content h5 {
					font-size: 16px; } }

/* :: 14.0 Room Area CSS */
.single-room-slide ,row{
	overflow: hidden;
}
.single-room-slide {
	position: relative;
	z-index: 1;
	min-height: 500px;
	background-color: #0e2737;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.single-room-slide {
			min-height: 600px; } }
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.single-room-slide {
			min-height: 600px; } }
	@media only screen and (max-width: 767px) {
		.single-room-slide {
			min-height: 250px; } }
	.single-room-slide .room-thumbnail {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		width: 50%; }
		@media only screen and (max-width: 767px) {
			.single-room-slide .room-thumbnail {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 100%;
				flex: 0 0 100%;
				max-width: 100%;
				width: 100%;
				height: 200px !important; } }
	.single-room-slide .room-content {
		background-color: #0e2737;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		width: 50%;
		padding:5px 0px 5px 40px;
	color:white}
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.single-room-slide .room-content {
				padding:5px 0px 5px 50px; } }
		@media only screen and (min-width: 768px) and (max-width: 991px) {
			.single-room-slide .room-content {
				padding:5px 0px 5px 40px; } }
		@media only screen and (max-width: 767px) {
			.single-room-slide .room-content {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 100%;
				flex: 0 0 100%;
				max-width: 100%;
				width: 100%;
				padding:5px 0px 5px 40px;
				margin-bottom: 50px;
		font-size:15px} }
		.single-room-slide .room-content h2 {
			color: #ffffff;
			font-size: 48px;
			display: block;
			margin-bottom: 15px; }
			@media only screen and (min-width: 992px) and (max-width: 1199px) {
				.single-room-slide .room-content h2 {
					font-size: 36px; } }
			@media only screen and (min-width: 768px) and (max-width: 991px) {
				.single-room-slide .room-content h2 {
					font-size: 30px; } }
			@media only screen and (max-width: 767px) {
				.single-room-slide .room-content h2 {
					font-size: 24px; } }
		.single-room-slide .room-content h3 {
			color: #1cc3b2;
			font-size: 36px;
			display: block;
			margin-bottom: 25px; }
			@media only screen and (max-width: 767px) {
				.single-room-slide .room-content h3 {
					font-size: 30px; } }
			.single-room-slide .room-content h3 span {
				color: #ffffff;
				font-size: 16px; }
		.single-room-slide .room-content .room-feature {
			position: relative;
			z-index: 1;
			margin-bottom: 30px; }
			@media only screen and (max-width: 767px) {
				.single-room-slide .room-content .room-feature {
					margin-bottom: 0; } }
			.single-room-slide .room-content .room-feature li {
				color: #ffffff;
				display: block;
				margin-bottom: 15px; }
				.single-room-slide .room-content .room-feature li span {
					min-width: 110px;
					display: inline-block; }
				@media only screen and (min-width: 768px) and (max-width: 991px) {
					.single-room-slide .room-content .room-feature li {
						font-size: 14px; } }
				@media only screen and (max-width: 767px) {
					.single-room-slide .room-content .room-feature li {
						font-size: 12px;
						margin-bottom: 5px; } }
				.single-room-slide .room-content .room-feature li:last-child {
					margin-bottom: 0; }

.rooms-slides {
	position: relative;
	z-index: 1; }
	.rooms-slides .owl-prev,
	.rooms-slides .owl-next {
		-webkit-transition-duration: 500ms;
		-o-transition-duration: 500ms;
		transition-duration: 500ms;
		width: 130px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		position: absolute;
		bottom: 0;
		z-index: 100;
		background-image: none !important;
		background-color: #ffffff !important; }
		.rooms-slides .owl-prev:hover, .rooms-slides .owl-prev:focus,
		.rooms-slides .owl-next:hover,
		.rooms-slides .owl-next:focus {
			background-color: #1cc3b2 !important;
			color: #ffffff; }
	.rooms-slides .owl-prev {
		right: 50%; }
	.rooms-slides .owl-next {
		background-color: #1cc3b2 !important;
		left: 50%;
		color: #ffffff; }
		.rooms-slides .owl-next:hover, .rooms-slides .owl-next:focus {
			background-color: #2a303b !important;
			color: #ffffff; }

.single-room-area {
	position: relative;
	z-index: 1; }
	@media only screen and (max-width: 767px) {
		.single-room-area {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap; } }
	.single-room-area .room-thumbnail {
		position: relative;
		z-index: 1;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		width: 50%; }
		@media only screen and (max-width: 767px) {
			.single-room-area .room-thumbnail {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 100%;
				flex: 0 0 100%;
				max-width: 100%;
				width: 100%;
				margin-bottom: 30px; } }
		.single-room-area .room-thumbnail img {
			border-radius: 4px; }
	.single-room-area .room-content {
		position: relative;
		z-index: 1;
		padding-left: 35px; }
		@media only screen and (max-width: 767px) {
			.single-room-area .room-content {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 100%;
				flex: 0 0 100%;
				max-width: 100%;
				width: 100%;
				padding-left: 0; } }
		.single-room-area .room-content h2 {
			font-size: 30px;
			display: block;
			margin-bottom: 5px; }
			@media only screen and (min-width: 992px) and (max-width: 1199px) {
				.single-room-area .room-content h2 {
					font-size: 24px; } }
			@media only screen and (max-width: 767px) {
				.single-room-area .room-content h2 {
					font-size: 24px; } }
		.single-room-area .room-content h4 {
			color: #1cc3b2;
			margin-bottom: 20px; }
			.single-room-area .room-content h4 span {
				color: #afb4bf;
				font-size: 14px; }
		.single-room-area .room-content .room-feature {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			position: relative;
			z-index: 1;
			margin-bottom: 20px; }
			.single-room-area .room-content .room-feature h6 {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 50%;
				flex: 0 0 50%;
				max-width: 50%;
				width: 50%;
				font-weight: 400;
				color: #afb4bf;
				margin-bottom: 10px; }
				@media only screen and (min-width: 992px) and (max-width: 1199px) {
					.single-room-area .room-content .room-feature h6 {
						font-size: 14px; } }
				.single-room-area .room-content .room-feature h6 span {
					color: #2a303b;
					display: block; }
		.single-room-area .room-content .view-detail-btn {
			padding: 0;
			font-size: 16px;
			color: #1cc3b2;
			font-weight: 500; }
			.single-room-area .room-content .view-detail-btn:hover, .single-room-area .room-content .view-detail-btn:focus {
				color: #000000; }

.hotel-reservation--area {
	position: relative;
	z-index: 1; }
	.hotel-reservation--area label,
	.hotel-reservation--area .range-price {
		font-size: 18px;
		display: block;
		margin-bottom: 15px; }
	.hotel-reservation--area .form-control {
		width: 100%;
		height: 50px;
		text-align: left !important;
		font-size: 14px;
		padding: 0 20px;
		border-radius: 0 !important; }
		.hotel-reservation--area .form-control:focus {
			box-shadow: none;
			border-bottom-color: #1cc3b2; }
	.hotel-reservation--area button {
		border-radius: 30px !important; }

.datepicker {
	padding: 15px;
	-webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
	box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15); }
	.datepicker.dropdown-menu {
		font-size: 14px;
		color: #636a76;
		font-weight: 400; }

.hotel-reservation--area .nice-select {
	line-height: 48px; }
	.hotel-reservation--area .nice-select .list {
		width: 100%;
		background-color: #ffffff; }

.ui-slider .ui-slider-range {
	height: 5px !important; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0; }

.ui-widget-header {
	border: 1px solid #e8f1f8;
	background: #1cc3b2; }

.ui-widget.ui-widget-content {
	border: 1px solid #e8f1f8;
	background-color: #e8f1f8;
	height: 5px !important; }

.ui-slider .ui-slider-handle {
	border-radius: 50%; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #1cc3b2;
	background: #1cc3b2; }

.ui-slider-horizontal .ui-slider-handle {
	top: -7px; }

.room-thumbnail-slides {
	position: relative;
	z-index: 1; }
	.room-thumbnail-slides .carousel-indicators {
		position: relative;
		margin-bottom: 0; }
		.room-thumbnail-slides .carousel-indicators li {
			width: 120px;
			height: 70px; }

.room-features-area {
	position: relative;
	z-index: 1; }
	.room-features-area h6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		width: 25%;
		padding: 30px 15px;
		border-left: 1px solid #ebebeb;
		border-top: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
		text-align: center;
		color: #afb4bf;
		line-height: 1.5;
		margin-bottom: 0; }
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.room-features-area h6 {
				font-size: 14px; } }
		@media only screen and (max-width: 767px) {
			.room-features-area h6 {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 50%;
				flex: 0 0 50%;
				max-width: 50%;
				width: 50%;
				font-size: 13px;
				padding: 20px 10px; } }
		.room-features-area h6 span {
			display: block;
			color: #2a303b; }
		.room-features-area h6:last-child {
			border-right: 1px solid #ebebeb; }

.single-room-details-area {
	position: relative;
	z-index: 1; }
	.single-room-details-area ul {
		position: relative;
		z-index: 1;
		margin-bottom: 15px; }
		.single-room-details-area ul li {
			color: #636a76;
			display: block;
			margin-bottom: 15px; }

.room-service {
	position: relative;
	z-index: 1; }
	.room-service ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap; }
		.room-service ul li {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 33.333333%;
			flex: 0 0 33.333333%;
			max-width: 33.333333%;
			width: 33.333333%;
			margin-top: 30px; }
			@media only screen and (max-width: 767px) {
				.room-service ul li {
					-webkit-box-flex: 0;
					-ms-flex: 0 0 100%;
					flex: 0 0 100%;
					max-width: 100%;
					width: 100%; } }
			.room-service ul li img {
				padding-right: 10px; }

.room-review-area {
	position: relative;
	z-index: 1; }
	.room-review-area h4 {
		margin-bottom: 30px; }
	.room-review-area .single-room-review-area {
		position: relative;
		z-index: 1;
		margin-bottom: 30px; }
		.room-review-area .single-room-review-area:last-child {
			margin-bottom: 0; }
		.room-review-area .single-room-review-area .reviwer-thumbnail {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 70px;
			flex: 0 0 70px;
			max-width: 70px;
			width: 70px;
			margin-right: 30px; }
			@media only screen and (max-width: 767px) {
				.room-review-area .single-room-review-area .reviwer-thumbnail {
					-webkit-box-flex: 0;
					-ms-flex: 0 0 50px;
					flex: 0 0 50px;
					max-width: 50px;
					width: 50px;
					margin-right: 15px; } }
			.room-review-area .single-room-review-area .reviwer-thumbnail img {
				border-radius: 50%; }
		.room-review-area .single-room-review-area .reviwer-content {
			position: relative;
			z-index: 1;
			border-left: 1px solid #ebebeb;
			padding-left: 30px; }
			@media only screen and (max-width: 767px) {
				.room-review-area .single-room-review-area .reviwer-content {
					padding-left: 15px; } }
			.room-review-area .single-room-review-area .reviwer-content p {
				margin-bottom: 0; }
				@media only screen and (max-width: 767px) {
					.room-review-area .single-room-review-area .reviwer-content p {
						font-size: 14px; } }
			.room-review-area .single-room-review-area .reviwer-content .reviwer-title {
				position: relative;
				z-index: 1;
				margin-bottom: 10px; }
				.room-review-area .single-room-review-area .reviwer-content .reviwer-title span {
					font-size: 14px;
					display: block;
					margin-bottom: 10px;
					color: #afb4bf; }
					@media only screen and (max-width: 767px) {
						.room-review-area .single-room-review-area .reviwer-content .reviwer-title span {
							font-size: 12px; } }
				.room-review-area .single-room-review-area .reviwer-content .reviwer-title h6 {
					color: #1cc3b2;
					margin-bottom: 0; }
					@media only screen and (max-width: 767px) {
						.room-review-area .single-room-review-area .reviwer-content .reviwer-title h6 {
							font-size: 14px; } }
			.room-review-area .single-room-review-area .reviwer-content .reviwer-rating i {
				color: #f5b917;
				font-size: 14px; }
				@media only screen and (max-width: 767px) {
					.room-review-area .single-room-review-area .reviwer-content .reviwer-rating i {
						font-size: 12px; } }

/* :: 15.0 About CSS */
.about-content {
	position: relative;
	z-index: 1; }

.about-us-content {
	position: relative;
	z-index: 1; }
	.about-us-content h5 {
		line-height: 1.8;
		color: #636a76;
		margin-bottom: 30px;
		font-weight: 400; 
	font-size:medium}
	.about-us-content p {
		margin-bottom: 30px; }
		.about-us-content p span {
			color: #1cc3b2; }

.about-thumbnail {
	position: relative;
	z-index: 1; }
	.about-thumbnail img {
		border-radius: 6px;
		width: 100%; }

.about-us-thumbnail {
	position: relative;
	z-index: 1; }
	.about-us-thumbnail .single-thumb {
		position: relative;
		z-index: 1;
		margin: 5px;
		display: block;
		overflow: hidden;
		border-radius: 6px; }
		.about-us-thumbnail .single-thumb img {
			-webkit-transition-duration: 500ms;
			-o-transition-duration: 500ms;
			transition-duration: 500ms;
			border-radius: 6px; }
		.about-us-thumbnail .single-thumb:first-child {
			margin-bottom: 10px; }
		.about-us-thumbnail .single-thumb:hover img, .about-us-thumbnail .single-thumb:focus img {
			-webkit-transform: scale(1.15);
			-ms-transform: scale(1.15);
			transform: scale(1.15); }

.single-service-area {
	position: relative;
	z-index: 1;
	background-color: #ffffff;
	box-shadow: 0 2px 14px 5px rgba(20, 20, 20, 0.05);
	border-radius: 3px; }
	.single-service-area .service-title {
		-webkit-transition-duration: 500ms;
		-o-transition-duration: 500ms;
		transition-duration: 500ms;
		position: absolute;
		width: 100%;
		background-color: rgba(42, 48, 59, 0.5);
		bottom: 0;
		left: 0;
		height: 80px;
		text-align: center; }
		.single-service-area .service-title h5 {
			margin-bottom: 0;
			font-size: 22px;
			color: #ffffff; }
	.single-service-area:hover .service-title, .single-service-area:focus .service-title {
		background-color: #2a303b; }

.roberto-service-area {
	position: relative;
	z-index: 1; }
	@media only screen and (max-width: 767px) {
		.roberto-service-area .service-content {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-bottom: 70px; } }

.single-service--area {
	position: relative;
	z-index: 1;
	background-color: #ffffff;
	box-shadow: 0 2px 14px 5px rgba(20, 20, 20, 0.05);
	border-radius: 3px;
	padding: 30px;
	text-align: center; }
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.single-service--area {
			padding: 20px; } }
	@media only screen and (max-width: 767px) {
		.single-service--area {
			padding: 20px;
			-webkit-box-flex: 0;
			-ms-flex: 0 0 45%;
			flex: 0 0 45%;
			max-width: 45%;
			width: 45%;
			margin-bottom: 30px; } }
	.single-service--area img {
		margin-bottom: 20px;
		display: inline-block;
		max-height: 40px; }
		@media only screen and (max-width: 767px) {
			.single-service--area img {
				max-height: 30px; } }
	.single-service--area h5 {
		margin-bottom: 0;
		-webkit-transition-duration: 500ms;
		-o-transition-duration: 500ms;
		transition-duration: 500ms; }
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.single-service--area h5 {
				font-size: 16px; } }
		@media only screen and (min-width: 768px) and (max-width: 991px) {
			.single-service--area h5 {
				font-size: 14px; } }
		@media only screen and (max-width: 767px) {
			.single-service--area h5 {
				font-size: 14px; } }
	.single-service--area:hover h5, .single-service--area:focus h5 {
		color: #1cc3b2; }

.hotel-search-form-area {
	position: relative;
	z-index: 1;
	padding-left: 10%;
	padding-right: 10%; }
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.hotel-search-form-area {
			padding-left: 2%;
			padding-right: 2%; } }
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.hotel-search-form-area {
			padding-left: 0%;
			padding-right: 0%; } }
	@media only screen and (max-width: 767px) {
		.hotel-search-form-area {
			padding-left: 0%;
			padding-right: 0%; } }
	.hotel-search-form-area .hotel-search-form {
		position: relative;
		z-index: 1;
		width: 100%;
		box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.15);
		padding: 40px 40px 0 40px;
		border-radius: 5px;
		background-color: #ffffff; }
		@media only screen and (max-width: 767px) {
			.hotel-search-form-area .hotel-search-form {
				padding: 30px 30px 0 30px; } }
		.hotel-search-form-area .hotel-search-form label {
			font-size: 16px;
			font-weight: 500; }
			@media only screen and (max-width: 767px) {
				.hotel-search-form-area .hotel-search-form label {
					font-size: 13px; } }
		.hotel-search-form-area .hotel-search-form .form-control {
			width: 100%;
			margin-bottom: 40px;
			/*height: 50px;*/
			border: 1px solid #ebebeb;
			font-size: 13px; }
			@media only screen and (max-width: 767px) {
				.hotel-search-form-area .hotel-search-form .form-control {
					margin-bottom: 10px; } }
			.hotel-search-form-area .hotel-search-form .form-control:focus {
				box-shadow: none;
				border-color: #1cc3b2; }

.roberto-about-area {
	position: relative;
	z-index: 1; }
	.roberto-about-area .hotel-search-form-area {
		position: absolute;
		width: 100%;
		z-index: 100;
		top: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%); }
		.roberto-about-area .hotel-search-form-area .nice-select {
			line-height: 35px; }
		@media only screen and (max-width: 767px) {
			.roberto-about-area .hotel-search-form-area {
				position: relative; } }
		
.roberto--video--area {
	position: relative;
	z-index: 1;
	padding-top: 150px;
	padding-bottom: 150px; }
	.roberto--video--area .video-content-area {
		position: relative;
		z-index: 1; }
		.roberto--video--area .video-content-area .video-play-btn {
			display: inline-block;
			width: 70px;
			height: 70px;
			background-color: #ffffff;
			color: #1cc3b2;
			font-size: 18px;
			text-align: center;
			line-height: 70px;
			border-radius: 50%;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -35px;
			margin-left: -35px;
			z-index: 100; }
			.roberto--video--area .video-content-area .video-play-btn i {
				padding-left: 5px; }
			@media only screen and (max-width: 767px) {
				.roberto--video--area .video-content-area .video-play-btn {
					width: 60px;
					height: 60px;
					font-size: 24px;
					line-height: 60px;
					margin-top: -30px;
					margin-left: -30px; } }
			.roberto--video--area .video-content-area .video-play-btn:hover, .roberto--video--area .video-content-area .video-play-btn:focus {
				background-color: #1cc3b2;
				color: #ffffff; }

/* :: 16.0 Contact Area CSS */
.roberto-contact-form {
	position: relative;
	z-index: 1; }
	.roberto-contact-form h2 {
		margin-bottom: 30px;
		font-size: 22px;
		display: block; }
		@media only screen and (max-width: 767px) {
			.roberto-contact-form h2 {
				font-size: 24px; } }
	.roberto-contact-form .form-control {
		width: 100%;
		height: 50px;
		padding: 0 20px;
		border-radius: 2px;
		color: #afb4bf;
		font-size: 14px;
		border: 1px solid #ebebeb; }
		.roberto-contact-form .form-control:focus {
			box-shadow: none;
			border-color: #1cc3b2; }
	.roberto-contact-form textarea.form-control {
		height: 150px;
		padding: 20px; }

.google-maps-contact-info {
	position: relative;
	z-index: 1;
	padding-left: 5%;
	padding-right: 5%;
	margin-top: -100px; }
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.google-maps-contact-info {
			padding-left: 2%;
			padding-right: 2%; } }

.google-maps-contact-content {
	position: relative;
	z-index: 1;
	background-color: #ffffff;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
	box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
	padding: 35px; }
	@media only screen and (max-width: 767px) {
		.google-maps-contact-content {
			padding: 20px; } }
	.google-maps-contact-content .single-contact-info {
		position: relative;
		z-index: 1;
		text-align: center;
		margin-bottom: 40px; }
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.google-maps-contact-content .single-contact-info h4 {
				font-size: 16px; } }
		@media only screen and (max-width: 767px) {
			.google-maps-contact-content .single-contact-info h4 {
				font-size: 14px; } }
		.google-maps-contact-content .single-contact-info i {
			display: inline-block;
			font-size: 30px;
			margin-bottom: 15px;
			color: #1cc3b2; }
			@media only screen and (max-width: 767px) {
				.google-maps-contact-content .single-contact-info i {
					font-size: 24px; } }
		.google-maps-contact-content .single-contact-info p {
			margin-bottom: 0; }
			@media only screen and (min-width: 992px) and (max-width: 1199px) {
				.google-maps-contact-content .single-contact-info p {
					font-size: 12px; } }
			@media only screen and (max-width: 767px) {
				.google-maps-contact-content .single-contact-info p {
					font-size: 12px; } }
	.google-maps-contact-content .google-maps {
		position: relative;
		z-index: 1; }
		.google-maps-contact-content .google-maps iframe {
			width: 100%;
			height: 500px;
			border: none; }
			@media only screen and (min-width: 992px) and (max-width: 1199px) {
				.google-maps-contact-content .google-maps iframe {
					height: 400px; } }
			@media only screen and (max-width: 767px) {
				.google-maps-contact-content .google-maps iframe {
					height: 300px; } }

/* :: 17.0 Widget Area CSS */
.single-widget-area {
	position: relative;
	z-index: 1; }
	.single-widget-area .widget-title {
		font-size: 22px;
		display: block;
		border-bottom: 1px solid #ebebeb;
		font-weight: 500;
		padding-bottom: 10px; }

.newsletter-form {
	padding: 40px 30px;
	background-color: #e8f1f8;
	border-radius: 4px; }
	.newsletter-form h5 {
		font-size: 22px; }
	.newsletter-form input {
		height: 46px;
		border: 1px solid #ebebeb;
		background-color: #ffffff;
		color: #636a76;
		font-size: 13px;
		margin-bottom: 20px; }
		.newsletter-form input:focus {
			box-shadow: none;
			border-color: #1cc3b2; }

.popular-tags {
	position: relative;
	z-index: 1;
	margin-left: -3px; }
	.popular-tags li {
		display: inline-block;
		float: left;
		margin: 3px; }
		.popular-tags li a {
			font-size: 16px;
			display: inline-block;
			padding: 0;
			font-weight: 400;
			text-transform: capitalize;
			color: #afb4bf; }
			.popular-tags li a:hover, .popular-tags li a:focus {
				color: #1cc3b2; }

.instagram-feeds {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -7.5px;
	margin-left: -7.5px; }
	.instagram-feeds li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.3333333%;
		flex: 0 0 33.3333333%;
		max-width: 33.3333333%;
		width: 33.3333333%; }
		.instagram-feeds li a {
			display: block;
			padding: 7.5px; }
			.instagram-feeds li a img {
				width: 100%; }

.single-recent-post {
	position: relative;
	z-index: 1;
	margin-bottom: 30px; }
	.single-recent-post:last-child {
		margin-bottom: 0; }
	.single-recent-post .post-thumb {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 110px;
		flex: 0 0 110px;
		max-width: 110px;
		width: 110px;
		margin-right: 20px; }
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.single-recent-post .post-thumb {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 80px;
				flex: 0 0 80px;
				max-width: 80px;
				width: 80px; } }
		.single-recent-post .post-thumb img {
			border-radius: 3px; }
	.single-recent-post .post-content .post-title {
		font-size: 16px;
		display: block;
		margin-bottom: 0; }
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.single-recent-post .post-content .post-title {
				font-size: 13px; } }
		.single-recent-post .post-content .post-title:hover, .single-recent-post .post-content .post-title:focus {
			color: #1cc3b2; }
	.single-recent-post .post-content .post-meta {
		position: relative;
		z-index: 1;
		margin-bottom: 5px; }
		.single-recent-post .post-content .post-meta a {
			position: relative;
			z-index: 1;
			font-size: 12px;
			color: #1cc3b2;
			display: inline-block;
			margin-right: 30px;
			letter-spacing: 1px;
			text-transform: uppercase; }
			.single-recent-post .post-content .post-meta a:last-child {
				margin-right: 0; }
				.single-recent-post .post-content .post-meta a:last-child::before {
					content: '/';
					position: absolute;
					top: 0;
					left: -20px;
					z-index: 1; }
			.single-recent-post .post-content .post-meta a:hover, .single-recent-post .post-content .post-meta a:focus {
				color: #000000; }

/* :: 18.0 Breadcrumb Area CSS */
.breadcrumb-area {
	position: relative;
	z-index: 1;
	height: 300px; }
	@media only screen and (max-width: 767px) {
		.breadcrumb-area {
			height: 200px; } }
	.breadcrumb-area .page-title {
		color: #ffffff;
		font-size: 48px; }
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.breadcrumb-area .page-title {
				font-size: 36px; } }
		@media only screen and (min-width: 768px) and (max-width: 991px) {
			.breadcrumb-area .page-title {
				font-size: 36px; } }
		@media only screen and (max-width: 767px) {
			.breadcrumb-area .page-title {
				font-size: 24px; } }
	.breadcrumb-area.contact-breadcrumb {
		height: 400px; }
		@media only screen and (max-width: 767px) {
			.breadcrumb-area.contact-breadcrumb {
				height: 300px; } }
	.breadcrumb-area .room-title {
		font-size: 48px;
		color: #ffffff;
		margin-bottom: 0; }
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.breadcrumb-area .room-title {
				font-size: 42px; } }
		@media only screen and (min-width: 768px) and (max-width: 991px) {
			.breadcrumb-area .room-title {
				font-size: 30px; } }
		@media only screen and (max-width: 767px) {
			.breadcrumb-area .room-title {
				font-size: 24px; } }
	.breadcrumb-area .room-price {
		font-size: 36px;
		color: #1cc3b2;
		margin-bottom: 0; }
		@media only screen and (max-width: 767px) {
			.breadcrumb-area .room-price {
				font-size: 14px; } }
		.breadcrumb-area .room-price span {
			font-size: 18px;
			color: #ffffff; }
			@media only screen and (max-width: 767px) {
				.breadcrumb-area .room-price span {
					font-size: 12px; } }

.breadcrumb-content {
	position: relative;
	z-index: 1; }
	.breadcrumb-content .breadcrumb {
		padding: 0;
		background-color: transparent;
		margin-bottom: 0; }
		.breadcrumb-content .breadcrumb .breadcrumb-item {
			color: #ffffff; }
			.breadcrumb-content .breadcrumb .breadcrumb-item a {
				color: #ffffff; }
				.breadcrumb-content .breadcrumb .breadcrumb-item a:hover, .breadcrumb-content .breadcrumb .breadcrumb-item a:focus {
					color: #1cc3b2; }
		.breadcrumb-content .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
			content: '\f105';
			font-family: "FontAwesome";
			color: #ffffff; }

/* :: 19.0 Blog CSS */
.single-post-area {
	position: relative;
	z-index: 1;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms; }
	.single-post-area .post-thumbnail {
		display: block;
		margin-bottom: 30px; 
		}
	.single-post-area .post-thumbnail img{
		height:15em;
		}
	.single-post-area .post-meta {
		position: relative;
		z-index: 1;
		margin-bottom: 8px; }
		.single-post-area .post-meta a {
			position: relative;
			z-index: 1;
			font-size: 14px;
			color: #afb4bf;
			display: inline-block;
			margin-right: 30px;
			text-transform: uppercase;
			letter-spacing: 1px; }
			.single-post-area .post-meta a:last-child {
				margin-right: 0;
				color: #1cc3b2; }
			.single-post-area .post-meta a:hover, .single-post-area .post-meta a:focus {
				color: #1cc3b2; }
	.single-post-area .post-title {
		font-size: 20px;
		line-height: 1.2;
		display: block;
		margin-bottom: 15px; }
		.single-post-area .post-title:hover, .single-post-area .post-title:focus {
			color: #1cc3b2; }
	.single-post-area p {
		margin-bottom: 15px;
		height:3em;
		overflow:hidden;}
	.single-post-area:hover, .single-post-area:focus {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px); }
		.single-post-area:hover .post-title, .single-post-area:focus .post-title {
			color: #1cc3b2; }


.single-blog-post {
	position: relative;
	z-index: 1; }
	@media only screen and (max-width: 767px) {
		.single-blog-post {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap; } }
	.single-blog-post .post-thumbnail {
		position: relative;
		z-index: 1;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
		width: 40%; }
		@media only screen and (max-width: 767px) {
			.single-blog-post .post-thumbnail {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 100%;
				flex: 0 0 100%;
				max-width: 100%;
				width: 100%;
				margin-bottom: 50px; } }
		.single-blog-post .post-thumbnail a {
			display: block; }
		.single-blog-post .post-thumbnail img {
			border-radius: 4px;
			}
	.single-blog-post .post-content {
		position: relative;
		z-index: 1;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
		width: 60%;
		padding-left: 30px; }
		@media only screen and (max-width: 767px) {
			.single-blog-post .post-content {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 100%;
				flex: 0 0 100%;
				max-width: 100%;
				width: 100%;
				padding-left: 0; } }
		.single-blog-post .post-content .post-title {
			font-size: 20px;
			line-height: 1.5;
			display: block;
			margin-bottom: 15px; }
			@media only screen and (min-width: 992px) and (max-width: 1199px) {
				.single-blog-post .post-content .post-title {
					font-size: 16px; } }
			.single-blog-post .post-content .post-title:hover, .single-blog-post .post-content .post-title:focus {
				color: #1cc3b2; }
		.single-blog-post .post-content .post-meta {
			position: relative;
			z-index: 1;
			margin-bottom: 10px; }
			.single-blog-post .post-content .post-meta a {
				position: relative;
				z-index: 1;
				font-size: 14px;
				color: #1cc3b2;
				display: inline-block;
				margin-right: 30px;
				letter-spacing: 1px;
				text-transform: uppercase; }
				@media only screen and (min-width: 992px) and (max-width: 1199px) {
					.single-blog-post .post-content .post-meta a {
						font-size: 12px; } }
				.single-blog-post .post-content .post-meta a:last-child {
					margin-right: 0; }
					.single-blog-post .post-content .post-meta a:last-child::before {
						content: '/';
						position: absolute;
						top: 0;
						left: -20px;
						z-index: 1; }
				.single-blog-post .post-content .post-meta a:hover, .single-blog-post .post-content .post-meta a:focus {
					color: #000000; }
		.single-blog-post .post-content p {
			margin-bottom: 20px;
			line-height: 1.6; }
			@media only screen and (min-width: 992px) and (max-width: 1199px) {
				.single-blog-post .post-content p {
					font-size: 14px; } }

.breadcrumb-post-content {
	position: relative;
	z-index: 1; }
	.breadcrumb-post-content .post-title {
		font-size: 48px;
		line-height: 1.5;
		display: block;
		margin-bottom: 5px;
		color: #ffffff; }
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.breadcrumb-post-content .post-title {
				font-size: 36px; } }
		@media only screen and (min-width: 768px) and (max-width: 991px) {
			.breadcrumb-post-content .post-title {
				font-size: 36px; } }
		@media only screen and (max-width: 767px) {
			.breadcrumb-post-content .post-title {
				font-size: 24px; } }
	.breadcrumb-post-content .post-meta {
		position: relative;
		z-index: 1;
		margin-bottom: 10px; }
		.breadcrumb-post-content .post-meta a {
			position: relative;
			z-index: 1;
			font-size: 16px;
			color: #ffffff;
			display: inline-block;
			margin-right: 30px;
			letter-spacing: 1px;
			text-transform: uppercase; }
			.breadcrumb-post-content .post-meta a:last-child {
				margin-right: 0; }
				.breadcrumb-post-content .post-meta a:last-child::before {
					content: '/';
					position: absolute;
					top: 0;
					left: -20px;
					z-index: 1; }
			.breadcrumb-post-content .post-meta a:hover, .breadcrumb-post-content .post-meta a:focus {
				color: #1cc3b2; }

.blog-details-text {
	position: relative;
	z-index: 1; }
	.blog-details-text p {
		font-size: 16px;
		margin-bottom: 30px; }
	.blog-details-text ul {
		position: relative;
		z-index: 1;
		padding-left: 15px; }
		.blog-details-text ul li {
			font-size: 20px;
			color: #636a76;
			margin-bottom: 30px; }
			.blog-details-text ul li span {
				color: #2a303b; }
			.blog-details-text ul li i {
				font-size: 14px;
				margin-right: 10px; }
			@media only screen and (max-width: 767px) {
				.blog-details-text ul li {
					font-size: 16px; } }

.roberto-blockquote {
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	margin-top: 30px; }
	.roberto-blockquote .icon {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 70px;
		flex: 0 0 70px;
		max-width: 70px;
		width: 70px; }
		.roberto-blockquote .icon img {
			padding-top: 10px; }
	.roberto-blockquote .text h5 {
		margin-bottom: 10px;
		color: #707070;
		font-style: italic;
		font-weight: 400;
		line-height: 1.5; }

.post-author-area {
	position: relative;
	z-index: 1;
	border-top: 1px solid #ebebeb;
	padding-top: 10px; }
	.post-author-area .popular-tags li a {
		color: #2a303b; }
	.post-author-area .author-social-info p {
		margin-bottom: 0;
		margin-right: 20px;
		color: #2a303b; }
		@media only screen and (max-width: 767px) {
			.post-author-area .author-social-info p {
				margin-right: 10px; } }
	.post-author-area .author-social-info a {
		display: inline-block;
		color: #2a303b;
		margin-right: 20px; }
		@media only screen and (max-width: 767px) {
			.post-author-area .author-social-info a {
				margin-right: 10px; } }
		.post-author-area .author-social-info a:hover, .post-author-area .author-social-info a:focus {
			color: #1cc3b2; }

.pagination {
	position: relative;
	z-index: 1; }
	.pagination .page-item:last-child .page-link {
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px; }
	.pagination .page-item:first-child .page-link {
		margin-left: 0;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px; }
	.pagination .page-link {
		padding: 12px 15px;
		color: #2a303b;
		border: none;
		background-color: #e8f1f8;
		margin-right: 5px;
		border-radius: 3px; }
		.pagination .page-link:hover, .pagination .page-link:focus {
			background-color: #1cc3b2;
			color: #ffffff;
			border-color: #1cc3b2; }
		.pagination .page-link:focus {
			box-shadow: none; }

.related-news-area {
	position: relative;
	z-index: 1;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb; }
	.related-news-area h2 {
		margin-bottom: 30px;
		display: block;
		font-size: 30px; }

.single-related-news {
	position: relative;
	z-index: 1; }
	.single-related-news .post-date {
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #1cc3b2;
		display: block;
		margin-bottom: 5px; }
	.single-related-news .post-title {
		font-size: 24px !important;
		line-height: 1.5;
		display: block;
		font-weight: 400;
		margin-bottom: 0; }
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			.single-related-news .post-title {
				font-size: 20px !important; } }
		@media only screen and (min-width: 768px) and (max-width: 991px) {
			.single-related-news .post-title {
				font-size: 20px !important; } }
		@media only screen and (max-width: 767px) {
			.single-related-news .post-title {
				font-size: 20px !important; } }
		.single-related-news .post-title:hover, .single-related-news .post-title:focus {
			color: #1cc3b2; }

.comment_area {
	position: relative;
	z-index: 1;
	padding-bottom: 50px;
	border-bottom: 1px solid #ebebeb; }
	.comment_area h2 {
		margin-bottom: 30px;
		font-size: 22px;
		display: block; }
		@media only screen and (max-width: 767px) {
			.comment_area h2 {
				font-size: 24px; } }
	.comment_area .comment-content {
		position: relative;
		z-index: 1;
		margin-bottom: 30px; }
		.comment_area .comment-content .comment-author {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 70px;
			flex: 0 0 70px;
			width: 70px;
			max-width: 70px;
			margin-right: 20px;
			border-radius: 50%; }
			@media only screen and (max-width: 767px) {
				.comment_area .comment-content .comment-author {
					-webkit-box-flex: 0;
					-ms-flex: 0 0 50px;
					flex: 0 0 50px;
					width: 50px;
					max-width: 50px;
					margin-right: 10px; } }
			.comment_area .comment-content .comment-author img {
				border-radius: 50%; }
		.comment_area .comment-content .comment-meta .post-date {
			color: #1cc3b2;
			font-size: 12px;
			text-transform: uppercase;
			display: block;
			margin-bottom: 5px;
			font-weight: 600; }
		.comment_area .comment-content .comment-meta h5 {
			margin-bottom: 5px; }
			@media only screen and (max-width: 767px) {
				.comment_area .comment-content .comment-meta h5 {
					font-size: 16px; } }
		.comment_area .comment-content .comment-meta p {
			color: #636a76;
			font-size: 16px; }
			@media only screen and (min-width: 992px) and (max-width: 1199px) {
				.comment_area .comment-content .comment-meta p {
					font-size: 14px; } }
			@media only screen and (max-width: 767px) {
				.comment_area .comment-content .comment-meta p {
					font-size: 14px; } }
		.comment_area .comment-content .comment-meta a.like,
		.comment_area .comment-content .comment-meta a.reply {
			display: inline-block;
			padding: 5px 25px 3px;
			font-size: 12px;
			font-weight: 600;
			border: 1px solid #ebebeb;
			text-transform: uppercase;
			border-radius: 30px; }
			.comment_area .comment-content .comment-meta a.like:focus, .comment_area .comment-content .comment-meta a.like:hover,
			.comment_area .comment-content .comment-meta a.reply:focus,
			.comment_area .comment-content .comment-meta a.reply:hover {
				border-color: #1cc3b2;
				background-color: #1cc3b2;
				color: #ffffff; }
	.comment_area .children {
		margin-left: 50px; }
		@media only screen and (max-width: 767px) {
			.comment_area .children {
				margin-left: 20px; } }
		.comment_area .children .single_comment_area:last-of-type {
			margin-bottom: 0; }

/*# sourceMappingURL=style.css.map */
