/* 
Theme Name : Villa Net22
Description : Custom Theme
Author : Net22

*/
.directions-outer {
	bottom:unset;
	right:unset;
	left:20px;
	top:50%;
	transform:translateY(-50%);
}
.section-middle-extra-image::before {
	display:none;
}
.section-middle-extra-image {
	position:relative;
	clip-path:inset(0);
	overflow:hidden;
	height:700px;
	max-width: 84%;
	margin-left:auto;
}
.section-middle-extra-image img {
	height:100%;
	width:100%;
	object-fit:cover;
	position:fixed;
	top:0;
	right:0;
}
.single--acc-tabs__header {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 40px;
	margin-bottom:60px;
}
.single--acc-tabs__header--item {
	display:flex;
	padding:10px 15px;
	cursor:pointer;
	transition:all linear 400ms;
	border:1px solid var(--first);
	justify-content:center;
	align-items:center;
	text-align:center;
}
.single--acc-tabs__header--item:hover,
.single--acc-tabs__header--item.active {
	color:#fff;
	background-color:var(--first);
}
.single--acc-tabs {
	background-color: var(--fifth);
	padding-block: 80px 20px;
}
.single--acc-tabs__main--item-text > * {
	margin-bottom:20px;
}
.single--acc-tabs__main--item-text {
	text-align:center;
	max-width: 1000px;
	margin: auto;
}
.single--acc-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}
.lang_wrapper,
#nav-icon4 span,
.nav-book-now a,
.dropdown-item {
	transition:all 400ms ease-in-out;
}
.scrolled .nav-book-now a,
.scrolled .dropdown-item {
	color:var(--first);
	border-color:var(--first);
}
.scrolled .lang_wrapper {
	border-color:var(--first);
}
.scrolled #nav-icon4 span {
	background-color:var(--first);
}
.single--acc-list--single__title {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 22px;
	display: block;
	margin-bottom: 20px;
	border-bottom: 1px solid;
	padding-bottom: 5px;
}
.single--acc-list--single__text ul {
	padding-left: 20px;
}
#home-accommodation-preivew .section-middle-subtitle {
	text-align:right;
}
.home-accommodation-preivew__text {
	max-width: 600px;
	text-align: right;
	margin-top:20px;
}
.accommodation-preview #single-apartments-slider {
	margin-top: 0;
}
#home-location .btn_contact {
	transition:all linear 300ms;
}
#home-location .btn_contact:hover {
	background: var(--first);
	color: #fff;
}
#gallery--template .container {
	max-width: 1680px;
}
.home-top.has--video .container {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.home-top.has--video {
	height:100svh;
	position: relative;
}
.hero--video-wrapper video {
	object-fit:cover;
	width:100%;
	height:100%;
}
.hero--video-wrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.transportation_ul li {
	margin-bottom:5px;
}
.nav-menu-logo img {
	width: 100px;
}
@media(min-width:768px) {
	.map_directions_title {
		padding: 20px 40px;
	}
	.gallery-images .gallery-image {
		height:350px;
	}
}
@media(max-width:1550px) {
	.single--acc-list {
		margin-top:50px;
	}
	#single-apartments-extra-image {
		display:flex;
		height:600px;
	}
	.single--acc-tabs {
		padding-block: 30px 0;
	}
}
@media(max-width:1199px) {
	#home-accommodation-preivew .section-middle-subtitle,
	.home-accommodation-preivew__text {
		text-align:center;
	}
}
@media(max-width:1024px) {
	.home-top.has--video {
		height: calc(100svh - 54px);
	}
	.home-top.has--video .explore {
		bottom: 060px;
	}
}
@media(max-width:991px) {
	.single--acc-tabs__header--item {
		padding:8px 12px;
	}
	.single--acc-tabs__header {
		margin-bottom:50px;
		column-gap:20px;
	}
}
@media(max-width:767px) {
	.single--acc-tabs__header {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	#single-apartments-slider .one.owl-carousel .owl-item figure > img {
		height:260px;
	}
	.single--acc-list {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.single--acc-list--single__title {
		font-size: 20px;
		margin-bottom: 15px;

	}
	.nav-menu-logo img {
		width: 80px;
	}
}
.leaflet-top.leaflet-left {
	top: unset;
	bottom: 10px;
}

.footer-item-content a {
	position: relative;
	padding-bottom: 5px;
}
.footer-item-content a:after {
	content: '';
	display: block;
	width: 0%;
	height: 1px;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	background: var(--first);
}

.footer a:hover{
	color:var(--first);
}
.footer-item-content a:hover:after {
	width: 100%;
	transition: 0.35s linear width;
}
#open--menu-overlay {
	position:fixed;
	top:0;
	left:0;
	width:50%;
	height:100svh;
	z-index: 101;
	cursor:pointer;
}
.scrolled #nav-icon4.open span {
	background-color: #fff;
}
@media(max-width:767px) {
	.nav-menu-items {
		width: 85%;
	}
	#open--menu-overlay {
		width:15%;
	}
}