.menu-link {
    	display: block;
    	line-height: 22px;
    	color: #444;
    	font-weight: 400;
	font-size:16px;
	text-transform:none;
	font-family: 'Roboto', sans-serif;
}

.dark .transparent-header.full-header .primary-menu .menu-container, .transparent-header.full-header.dark .primary-menu .menu-container {
    border-right: none;
}

.sticky-header #header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.95);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}


#footer .footer-widgets-wrap {
    position: relative;
    padding: 40px 0 20px;
}

#footer {
    position: relative;
    background-color: #EEE;
    border-top: 5px solid #1c2f60;
}	
	
	
/*.flex-control-nav.flex-control-thumbs {
    justify-content: center;
}	*/

.flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width:150px;
}

	
.home-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    -webkit-backface-visibility: hidden;
}	
	
	
/* ----- | Story-Box | ----- */
.story-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer;
}

.story-box .story-box-image {
	width: 70%;
	height: 550px;
	z-index: 2;
	overflow: hidden;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.story-box .story-box-image img {
	display: block;
	height: auto;
	width: 100%;
	opacity: 1;
	transition: opacity .3s ease;
}

.story-box .story-box-info {
	box-sizing: border-box;
	width: 48%;
	height: 430px;
	padding: 40px;
	margin: 35px 0 0 -20%;
	background: #fff;
	z-index: 4;
	box-shadow: 0 10px 10px rgba(0,0,0,.1);
	transition: all ease-in .3s;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.story-box .story-box-info p {
	line-height: 1.6 !important;
}

.story-box.description-left .story-box-info {
	-ms-flex-order: -1;
	order: -1;
	margin: 35px -20% 0 20px;
}

.story-box .story-box-info .story-title {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: 0;
	color: #1d2c4c;
}



/* ----- Story-Box Responsive ----- */
@media (max-width: 991px) {

	.story-box .story-box-image {
		height: auto;
		width: 100%;
		height: 400px;
		-ms-flex-order: -1;
		order: -1;
	}

	.story-box.description-left .story-box-info {
		-ms-flex-order: -1;
		order: -1;
		margin: 35px -20% 0 0;
	}

	.story-box.description-left .story-box-info { margin: -40px 5% 0; }

	.story-box .story-box-info {
		max-width: 90%;
		height: auto;
		-ms-flex-preferred-size: 90%;
		flex-basis: 90%;
		margin: -40px 5% 0;
	}

	#side-panel-trigger { right: 40px !important; }

	.mobile-side-panel {
		position: absolute;
		display: block;
		top: 26px;
		font-size: 18px;
		color: #222;
		right: 40px;
		padding: 10px;
	}
}


@media (max-width: 767px) {

	.story-box.description-left .story-box-info { margin: -100px 5% 0; }
	.story-box .story-box-info {
		padding: 35px;
		text-align: center;
		margin: -100px 5% 0;
	}
	.customers-count { border-right: none }
}

@media (max-width: 479px) {

	.story-box .story-box-info {
		width: 100%;
		padding: 15px;
		text-align: center;
		margin: -200px 5% 0;
	}
	.story-box.description-left .story-box-info { margin: -200px 5% 0; }

	ul.tab-nav:not(.tab-nav-lg) li a i {display: none;}
}


/* ----- | FORM | ----- */

#booking-registration .list-group a {
			background-color: transparent;
			border-radius: 0;
			border: 0;
			border-bottom: 2px solid rgba(0, 0, 0, 0.8);
			font-size: 16px;
			color: rgba(255, 255, 255, 0.3);
			font-family: 'Poppins', sans-serif;
			transition: all .2s ease;
		}

		.dark #booking-registration .list-group a {
			background-color: transparent;
			border-bottom: 2px solid rgba(255, 255, 255, 0.3);
			color: rgba(255, 255, 255, 0.3);
		}

		.dark #booking-registration .list-group a.active {
			border-bottom-color: #FFB701;
			color: #FFB701;
		}

		.dark #booking-registration .list-group a.active ~ a {
			color: #FFF;
			border-bottom-color: rgba(255, 255, 255, 0.8);
			pointer-events: none;
		}

		#booking-registration label:not(.custom-control-label) {
			text-transform: none;
			font-weight: 500;
			letter-spacing: 0;
			text-align: left;
		}

		#booking-registration input.border-form-control,
		#booking-registration select.border-form-control,
		#booking-registration .border-form-control {
			padding-left: 0;
			background-color: transparent !important;
			border: 0;
			border-bottom: 1px solid rgba(0, 0, 0, 0.3);
			border-radius: 0 !important;
		}

		#booking-registration textarea.border-form-control {
			resize: none;
			overflow: hidden;
			word-wrap: break-word;
		}

		.dark #booking-registration .border-form-control:not(.not-dark) {
			border-bottom-color:rgba(255,255,255,0.4);
			color: #FFF !important;
		}

		.dark #booking-registration .border-form-control:not(.not-dark):focus,
		.dark #booking-registration .border-form-control:not(.not-dark):active { border-bottom-color:rgba(255,255,255,1) !important; }

		/*#booking-registration button { background-color: #FFB701; }*/
		.fcolor { color: #FFB701 !important; }
		#booking-registration .list-group-item.active { background-color: #FFF; }
		#booking-registration .list-group-item:hover:not(.active) { background-color: rgba(255, 255, 255, 0.01); }

		#booking-registration .list-group-item.active h4,
		#booking-registration .list-group-item.active h3 { color: #062639; }


/* ----------------------------------------------------------------
	Real Estate Items
-----------------------------------------------------------------*/

.owl-carousel .owl-nav [class*=owl-] {
	border-color: transparent;
	color: #FFF;
	background-color: #2C3E50;
}

.owl-carousel.real-estate .owl-nav [class*=owl-]:hover { background-color: #F0AD4E !important; }


.real-estate-item { position: relative; }

.real-estate-item-image {
	position: relative;
	width: 100%;
}



.real-estate-item-image > a,
.real-estate-item-image > img {
	display: block;
	width: 100%;
	height: auto;
}


.real-estate-item-image .badge {
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
	font-size: 11px;
	padding: 5px 8px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
}


.real-estate-item-price {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 1;
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.real-estate-item-price span {
	display: block;
	margin-top: 3px;
	font-weight: 300;
	font-size: 12px;
	color: rgba(255,255,255,0.85);
	text-align: right;
}

.real-estate-item-info {
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: 1;
}

.real-estate-item-info a {
	display: block;
	float: left;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 12px;
	line-height: 1;
	text-align: center;
	padding: 8px;
	background-color: rgba(0,0,0,0.25);
	border-radius: 4px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.real-estate-item-info a:hover { background-color: rgba(0,0,0,0.75); }

.real-estate-item-info a i {
	width: 12px;
	height: 12px;
}

.real-estate-item-info a:not(:first-child) { margin-left: 5px; }


.real-estate-item-desc {
	position: relative;
	margin-top: 20px;
	padding: 0;
}


.real-estate-item-desc h3 { font-size: 21px; }

.real-estate-item-desc h3 + span {
	display: block;
	margin-top: -27px;
	color: #999;
}

.real-estate-item-features { margin-top: 15px; }

.real-estate-item-features [class^=col-] { margin-top: 5px; }

.real-estate-item-features i {
	position: relative;
	top: 1px;
	margin-left: 3px;
}


.real-estate-item-link {
	position: absolute;
	top: 2px;
	right: 20px;
	width: 32px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	color: #555;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #555;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.real-estate-item-link:hover {
	border-color: transparent;
	background-color: #2C3E50;
	color: #FFF;
}
