/* CSS Document */



@media (max-width:991px) {

	/* #header-desktop { display: none; } */

	#header-mobile { display: block; }

	#main-navigation ul li.home-page { display: none; }

	/* .sticky + #body { margin-top: 70px; } */

	#main-navigation .menu-holder {

		position: absolute;

		width: 100vw;

		min-height: 0;

		height: 0;

		overflow: hidden;

		left: 0;

		background: white;

		display: flex;

		align-content: center;

	}

	#main-navigation .menu-holder.is-open {

		height: auto;

		min-height: calc(100vh - 102px);

	}

	#header-menu-container.sticky #main-navigation .menu-holder.is-open {

		height: calc(100vh - 70px);

	}



	#main-navigation .menu-holder ul {

		flex-direction: column;

		align-items: flex-end; justify-content: center;

		transform: translateX(-22%) skew(-14deg);

		height: unset;

	}



	/* Menu background */

	#main-navigation .menu-holder .menu-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }

	#main-navigation .menu-holder .menu-bg::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: -15px; background: #f3f3f3; transform-origin: 0 0; transform: skew(-14deg) translateX(-120%); transition: all .275s .1s; }

	#main-navigation .menu-holder.is-open .menu-bg::before { transform: skew(-14deg) translateX(0); }

	

	#main-navigation .menu-holder > ul > li:not(.home-page) { display: block; margin: .5rem 0; text-align: right; transform: skew(16deg); min-width: unset !important; }

	#main-navigation .menu-holder > ul > li a { 

		display: inline-flex; 

		padding: 8px 0 !important; 

		color: #ee592f !important; 

		font-size: 16px !important; 

		text-decoration: none;

		text-transform: none !important;

		font-weight: bold !important; 

		height: unset !important;

		justify-content: flex-end !important;

	}

	#main-navigation .menu-holder > ul > li > ul a { color: #3c3d3c !important; padding: 0 !important; }

	#main-navigation .menu-holder > ul > li ul {

		position: relative !important;

		background-color: unset !important;

		left: unset !important;

		top: unset !important;

		height: auto;

		min-height: unset;

		/* display: none; */

	}

	#main-navigation ul.main-menu > li > ul > li.brand-menu > ul {

		min-height: auto;

	}

	#main-navigation .menu-holder > ul > li ul li {

		background-color: unset;

		margin: .5rem 0; 

		text-align: right; 

		transform: skew(14deg);

		height: unset;

		width: unset;

	}

	#main-navigation ul.main-menu > li > ul > li.brand-menu > ul > li.yacht-menu {

		width: unset;

		text-align: right;

	}



	#main-menu > li span.toggle-submenu { display: inline-flex; margin-left: 5px; }

	#main-menu li { background-color: unset; }



	#main-menu li > a > .yacht-menu-title { display: inline-flex !important; margin: 0 !important; }

	#main-menu li a > img { display: none; }



	#main-navigation ul.main-menu > li > ul > li.brand-menu > ul { position: relative; }



	/* reset hover */

	#main-navigation .menu-holder > ul li:hover,

	#main-navigation .menu-holder > ul li a:hover {

		background-color: unset !important;

	}

}



@media (max-width:782px) {

	/*.customize-support #header-mobile .logo { top: 56px; }*/

	.customize-support .mobile-nav { min-height: calc(100vh - 46px); }

	.customize-support .menu-container.is-open { min-height: calc( 100vh - 46px ); }

	/*.customize-support #header-mobile .logo { top: 56px; }*/

	/* .customize-support .sticky { top: 46px;} */

	.main-pic-product, .charter-header .main-pic-product { height: 300px; min-height: 300px; background-attachment: unset; }

	#main-yacht-content {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}