/* OS VENTI MENU */
/* v1.0.0 */	

	body.os-ventimenu-open { position: relative; overflow: hidden }
	
	#os-main--header-menucontroller { position: fixed; top: 30px; left: 40px; z-index: 1000; color: #fff; z-index: 99999999999 !important; }
		#os-main--header-menucontroller a { color: #fff; 
			font-size: 16px; font-family: 'Open Sans';
			font-style: normal;
			font-weight: 400;
			text-decoration: none;
		}	
		#os-main--header-menucontroller .os-mclabel { display: block; background: none; padding: 0 0 0 50px; line-height: 40px; }
		#os-main--header-menucontroller .os-mc-bar { display: block; background: #fff;  position: absolute; top: 0; left: 0; width: 34px; height: 2px; top: 10px; }
		#os-main--header-menucontroller .os-mc-bar:nth-child(2) { top: 18px; }
		#os-main--header-menucontroller .os-mc-bar:nth-child(3) { top: 26px; }
		
		.os-ventimenu-open #os-main--header-logo { opacity: 0; pointer-events: none }
		
		body.os-ventimenu-open #os-main--header-menucontroller .os-mc-bar:nth-child(1) {
			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 18px;
		}
		body.os-ventimenu-open #os-main--header-menucontroller .os-mc-bar:nth-child(2) {
			width: 0;
		}
		body.os-ventimenu-open #os-main--header-menucontroller .os-mc-bar:nth-child(3) {
			-moz-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
			top: 18px;
		}
		
		
	#os-ventimenu-mainlayer { position: fixed; left: calc(-100% - 20px); width: 100%; 
		height: 100%; top: 0;
		pointer-events: none; 
		text-transform: uppercase;
		
		z-index: 8888888 !important;
		
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700;
		
		--ventimenu-space-mainitems: 30px;
		--ventimenu-outerGap: 100px;
		--ventimenu-fontsize: 5rem;
		--ventimenu-fontsize-submenu: 2.6rem;
		--ventimenu-lineheight: 1em;
		--ventimenu-lineheight-submenu: 1.2em;
		--ventiMenuGap: 40px;
		--ventimenu-ease-duration: 300ms;
	}
	
		@media screen and (max-width: 1200px) {
			#os-ventimenu-mainlayer {
				--ventimenu-fontsize: 4rem;
				--ventimenu-fontsize-submenu: 2rem;
			}
		}
		@media screen and (max-width: 1000px) {
			#os-ventimenu-mainlayer {
				--ventimenu-fontsize: 3rem;
				--ventimenu-fontsize-submenu: 1.8rem;
			}
		}
	
	#os-ventimenu-mainlayer-menuGroupLeft {
		
		-webkit-transition: all 1000ms ease-in-out;
		-moz-transition: all 1000ms ease-in-out;
		-ms-transition: all 1000ms ease-in-out;
		-o-transition: all 1000ms ease-in-out;
		transition: all 1000ms ease-in-out;
	}
	.os-ventimenu-open #os-ventimenu-mainlayer-menuGroupLeft {
		margin: 0 0 0 0
	}	
	
	.os-ventimenu-open #os-ventimenu-mainlayer {
		pointer-events: all; 
	}
	
	.os-ventimenu-submenu-box ul { padding: 0}
	
	#os-ventimenu-mainlayer a,
	#os-ventimenu-mainlayer-background { 
		color: #fff;
		text-decoration: none;
		-webkit-transition: all var(--ventimenu-ease-duration) ease;
		-moz-transition: all var(--ventimenu-ease-duration) ease;
		-ms-transition: all var(--ventimenu-ease-duration) ease;
		-o-transition: all var(--ventimenu-ease-duration) ease;
		transition: all var(--ventimenu-ease-duration) ease;
	}
	#os-ventimenu-mainlayer  {
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	
	#os-ventimenu-mainlayer-background-img {
		-webkit-transition: all 2000ms ease-in-out;
		-moz-transition: all 2000ms ease-in-out;
		-ms-transition: all 2000ms ease-in-out;
		-o-transition: all 2000ms ease-in-out;
		transition: all 2000ms ease-in-out;
	}
	
	#os-ventimenu-mainlayer ul { list-style-type: none; }
	
	.os-ventimenu-open 
	#os-ventimenu-mainlayer {
		left: 0;
		
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700;
	}
	
	#os-ventimenu-mainlayer-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: .2 }
	.os-ventimenu-open  #os-ventimenu-mainlayer-background { opacity: 1 }
	#os-ventimenu-mainlayer-background-img {
		position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	}
	
	#os-ventimenu-mainlayer-background-img {
		scale: 1.2
	}
	.os-ventimenu-open #os-ventimenu-mainlayer-background-img {
		scale: 1
	}
	
	#os-ventimenu-mainlayer-background-img img {
		object-fit: cover; width: 100%; height: 100%; object-position: center center
	}
	
	#os-ventimenu-mainlayer-background-img-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #111; opacity: .66; mix-blend-mode: multiply }
	
	#os-ventimenu-mainlayer-menuContainer { 
		position: absolute; 
		left: 0; top: 0;
		width: 100%; 
		height: 100%; 
		color: #fff;
	}

	#os-ventimenu-mainlayer-menuGroupLeft {
		position: absolute; left: 0; width: calc(50% - var(--ventiMenuGap) ); height: 100%;
		display: flex; text-align: right;
	}
	
	#os-ventimenu-mainlayer-menuGroupRight {
		position: absolute; 
		left: calc(50% + var(--ventiMenuGap) );
		width: 50%; 
		height: 100%;
		display: block;
	}
	
	.os-ventimenu-submenu {
		position: absolute; 
		left: 0;
		top: 0;
		width: 100%; 
		height: 100%; 
		display: block
	}
	
	#os-ventimenu-mainlayer-menuGroupLeft,
	#os-ventimenu-mainlayer-menuGroupRight {
	    -ms-overflow-style: none;  /* Internet Explorer 10+ */
	    scrollbar-width: none;  /* Firefox */
	}
	#os-ventimenu-mainlayer-menuGroupLeft::-webkit-scrollbar,
	#os-ventimenu-mainlayer-menuGroupRight::-webkit-scrollbar { 
	    display: none;  /* Safari and Chrome */
	}
	
	#os-ventimenu-mainlayer-menuGroupLeft,
	.os-ventimenu-submenu {
		overflow: scroll
	}
	
	#os-ventimenu-mainlayer-menuGroupLeft ul { font-size: var(--ventimenu-fontsize); line-height: var(--ventimenu-lineheight) }
	
	#os-ventimenu-mainlayer-menuGroupLeft ul { text-align: right; display: block; width: 100%; margin: auto }	
	#os-ventimenu-mainlayer-menuGroupLeft ul li { text-align: right; display: block; margin: var(--ventimenu-space-mainitems) 0 }
	
	#os-ventimenu-mainlayer-menuGroupLeft ul li a { color: #fff; opacity: .65 }
	#os-ventimenu-mainlayer-menuGroupLeft ul li a:hover { opacity: 1 }
		
	#os-ventimenu-mainlayer-menuGroupRight 
	.os-ventimenu-submenu {
		font-size: var(--ventimenu-fontsize-submenu);
		margin: auto 0;
		opacity: 0;
		pointer-events: none;
		
	}
		.os-ventimenu-submenu  li { 
			margin:  20px 0 
		}
		
		#os-ventimenu-mainlayer-menuGroupRight 
		.os-ventimenu-submenu-visible { 
			pointer-events: all;
			opacity: 1;
			position: absolute
		}
	
	.os-ventimenu-submenu-box ul li {
		padding: 0 var(--ventimenu-outerGap) 0 0;
	}
	
	#os-ventimenu-mainlayer-menuGroupRight li.os-ventisubmenu-getback-link { display: none }
	
	.os-ventimenu-submenu-box ul li:nth-child(2) {
		margin: 50px 0 20px 0
	}
	.os-ventimenu-submenu-box ul li:last-child {
		margin: 20px 0 50px 0;
	}
	
	.os-ventimenu-submenu-box { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex
	}
	
	#os-ventimenu-mainlayer-menuGroupRight .os-ventimenu-submenu-box li:hover a {
		padding: 0 0 0 10px;
	}
	
	#os-ventimenu-mainlayer-menuGroupLeft li.focus-mainlevel > a { opacity: 1 }
	#os-ventimenu-mainlayer-menuGroupLeft li.defocus-mainlevel > a { opacity: .3 }
	
	#os-ventimenu-mainlayer-menuGroupRight a { color: #fff; opacity: .5; display: block }	
	#os-ventimenu-mainlayer-menuGroupRight a:hover { opacity: 1 }	
	
	#os-ventimenu-mainlayer-menuGroupRight ul { height: auto;  margin: auto 0}
	
	.os-ventimenu-submenu li {
		-webkit-transition: all var(--ventimenu-ease-duration) ease;
		-moz-transition: all var(--ventimenu-ease-duration) ease;
		-ms-transition: all var(--ventimenu-ease-duration) ease;
		-o-transition: all var(--ventimenu-ease-duration) ease;
		transition: all var(--ventimenu-ease-duration) ease;
	}
	
	#os-ventimenu-mainlayer-menuGroupLeft #os-ventimenu-menulevel1 { padding: 0 0 0 var(--ventimenu-outerGap) }
	
	.os-hide-sub-item { 
		opacity: 0;
		-moz-transform: translateX(-30px);
		-webkit-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	
	
	@media screen and (max-width: 900px) {
		#os-ventimenu-mainlayer-menuContainer { 
			width: 200%
		}
		#os-ventimenu-mainlayer-menuGroupLeft { width: 50%; }
		#os-ventimenu-mainlayer-menuGroupLeft #os-ventimenu-menulevel1 { padding: 0; }
		#os-ventimenu-mainlayer-menuGroupLeft ul li { text-align: center }
		
		#os-ventimenu-mainlayer-menuGroupRight li.os-ventisubmenu-getback-link { display: block; margin-bottom: 40px; }
		#os-ventimenu-mainlayer-menuGroupRight li.os-ventisubmenu-getback-link a { padding: 0 0 0 60px; font-family: 'Open Sans';
			font-style: normal; position: relative; display: inline-block;
			font-weight: 400; 
		}
			
		#os-ventimenu-mainlayer-menuGroupRight li.os-ventisubmenu-getback-link a:hover {
			padding: 0 0 0 60px;
		}
		
		li.os-ventisubmenu-getback-link a:before {
			content: '';
			position: absolute;
			left: 0; 
			width: 40px;
			background: url("../icons/venti-arrow.svg");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
			height: 100%
		}
		
		.os-ventimenu-submenu-box ul li { 
			text-align: center;
		}
			
		.os-ventimenu-open #os-ventimenu-mainlayer-background {
			width: 200%
		}	
		
		.os-ventimenu-mainlayer-slide-submenu #os-ventimenu-mainlayer {
			left: -100%;
		}
		
		#os-ventimenu-mainlayer-menuGroupRight ul {
			width: 100%;
			text-align: center 
		}
		
		#os-ventimenu-mainlayer-menuGroupLeft ul li a,
		#os-ventimenu-mainlayer-menuGroupLeft li.defocus-mainlevel > a,
		#os-ventimenu-mainlayer-menuGroupRight a 
		{
			opacity: .8
		}
		
		#os-ventimenu-mainlayer {
			--ventimenu-fontsize: 2.4rem;
			--ventimenu-fontsize-submenu: 2.4rem;
			--ventimenu-space-mainitems: 40px;
		}
	}
	
	
	/* OS VENTI MENU Footer */
	#os-ventimenu-footer { 
		--os-ventimenu-footer-height: 54px;
		--os-ventimenu-horizontal-gap: 50px;
		--os-ventimenu-footer-links-opacity: .6;
		height:  var(--os-ventimenu-footer-height);
		/* height: 10%; */
		position: fixed; bottom: calc(-1 *  var(--os-ventimenu-footer-height)); color: #333; 
		line-height: var(--os-ventimenu-footer-height);
		background: rgba(255, 255, 255, 0.8); width: 100%;
		z-index: 100;
		font-size: 14px;
		-webkit-transition: all 1000ms ease;
		-moz-transition: all 1000ms ease;
		-ms-transition: all 1000ms ease;
		-o-transition: all 1000ms ease;
		transition: all 1000ms ease;
	}
	#os-ventimenu-footer:hover {
		opacity: 1;
		background: rgba(255, 255, 255, 1);
	}
	
	.os-ventimenu-open #os-ventimenu-footer { bottom: 0 }
	
	#os-ventimenu-footer ul { margin: 0; padding: 0 }
		
	#os-ventimenu-group { width: calc(100% - calc(2* var(--os-ventimenu-horizontal-gap))); height: var(--os-ventimenu-footer-height); position: absolute; left: var(--os-ventimenu-horizontal-gap); top: 0; display: grid; grid-template-columns: 1fr 200px; }
	
	#os-ventimenu-footer-left li { display: inline-block; margin: 0 20px 0 0 }
	#os-ventimenu-footer-left li a { opacity: var(--os-ventimenu-footer-links-opacity); color: #222 }
	#os-ventimenu-footer-left li a:hover { opacity: 1 }
	
	#os-ventimenu-footer-right-social { text-align: right; background: none }
	#os-ventimenu-footer-right-social li { display: inline-block; margin: 0 0 0 10px; font-size: 0 }
	#os-ventimenu-footer-right-social li a { display: inline-block; width: calc( var(--os-ventimenu-footer-height) - 20px ); overflow: hidden; text-indent: 9999px; background-size: contain; background-position: center center; 
		background-repeat: no-repeat; opacity: var(--os-ventimenu-footer-links-opacity); margin: 10px 0 0 0; height: calc( var(--os-ventimenu-footer-height) - 20px ); line-height: calc( var(--os-ventimenu-footer-height) - 20px ); }
	#os-ventimenu-footer-right-social li a:hover { opacity: 1 }
	li.os-venti-Instagram > a { background-image: url("../icons/os-venti-icon-instagram-black.svg");background-repeat: no-repeat;background-position: center center;background-size: contain;color: #ffffff00;}
	li.os-venti-Facebook > a { background-image: url("../icons/os-venti-icon-facebook-black.svg");background-repeat: no-repeat;background-position: center center;background-size: contain;color: #ffffff00;}
	li.os-venti-YouTube > a { background-image: url("../icons/os-venti-icon-youtube-black.svg");background-repeat: no-repeat;background-position: center center;background-size: contain;color: #ffffff00;}
	li.os-venti-E-Mail > a { background-image: url("../icons/os-venti-icon-mail-black.svg");background-repeat: no-repeat;background-position: center center;background-size: contain;color: #ffffff00;}
	
	
	@media screen and (max-width: 850px) {
		#os-ventimenu-footer-left { display: none }
		#os-ventimenu-group { display: block; }
		#os-ventimenu-footer-right-social { text-align: center }
		#os-ventimenu-footer-right-social li { margin: 0 10px }
	}
	
	@media screen and (max-width: 600px) {
		#os-menucontroller--button .os-mclabel { padding: 0; opacity: 0 }
		#os-main--header-menucontroller { left: var(--main-NavElemetsGap); top: var(--main-headerOffsetTop) }
	}
	
	
	.os-ventimenu-open #os-main--header-booking { opacity: 0; pointer-events: none }	
	.os-ventimenu-open #os-main--header-booking * { opacity: 0; pointer-events: none }