/* SmartMenus Core CSS (it's not recommended editing this section) */
.sm,.sm ul,.sm li { list-style: none; padding: 0; margin: 0; line-height: normal; direction: ltr; }
ul.sm ul { display: none; position:absolute; top: -999999px; min-width: 240px !important; transition: all 0.3s ease; }
ul.sm li { width: 100%; }
ul.sm a { position: relative; display: block; white-space: nowrap; }
ul.sm a:hover { text-decoration: none; }
ul.sm a.disabled { cursor: default; }
.sm-rtl, .sm-rtl ul, .sm-rtl li { direction: rtl; }
ul.sm-rtl li { float: right; }
ul.sm ul li, ul.sm-vertical li { float: none; }
ul.sm ul a, ul.sm-vertical a { white-space: normal; }
ul.sm ul.sm-nowrap > li > a { white-space: nowrap; border-radius: 7px; }
ul.sm { -webkit-tap-highlight-color: rgba(0,0,0,0); }

/* Start Edits Here!  Menu box  */
	/* Menu items */
	.sm-nav > li { padding: 0 0; }
		.sm-nav > li:first-child {  } 
        .sm-nav > li:last-child {  } 
	.sm-nav > li > a { width: 100%; height: 34px; padding: 0 10px 0; text-align: center; font-size: 16px; line-height: 20px; font-family: sauna-new, sans-serif; font-weight: 700; letter-spacing: normal; text-transform: uppercase; white-space: nowrap; color: #f0eadb; }
	/* Submenus */
	.sm-nav ul { position: relative; z-index: 1000; padding: 15px;} 
	.dropdown-menu > li > a { padding: 8px 10px 5px; font-size: 13px; line-height: 20px; text-transform: uppercase; border-radius: 0; color: #fff; }
		.dropdown-menu > li > a:hover { text-decoration: none; color: #f1f4f1; background: #2c4f9a; border-color: #2c4f9a; }
		.sm-nav .dropdown-menu li:first-child { padding-top: 10px; } 
        .sm-nav .dropdown-menu li:last-child { padding-bottom: 10px; } 

@media (min-width: 768px) { 
	.sub-arrow { display: none; }
	.sm-nav ul { padding: 15px; margin-top: -3px !important; border-radius: 20px 33px 24px 27px; border: 0 none; -moz-box-shadow:5px 5px 16px rgba(0, 0, 0, 0.3); -webkit-box-shadow:5px 5px 16px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.3); background: #d53639; }
	.sm-nav > li > ul ul { top: 0 !important; }
	.sm-nav { width: 100%; }
	.sm-nav > li { margin-bottom: -2px; -webkit-transition: all .25s; transition: all .25s; }
		.sm-nav > li:last-child {  }
	.sm-nav > li > a { position: relative; height: 40px; padding: 0 10px 0; font-size: 16px; line-height: 1em; color: #fff; border-bottom: 2px solid transparent; }
	
	/* Current Nav Item and hover */
	.sm-nav > li.current_page_item > a, .sm-nav > li > a:hover, .sm-nav > li > a:focus, .sm-nav > li > a:active, .sm-nav > li > a.highlighted, .sm-nav > li.current-page-ancestor > a { text-decoration: none; color: #ffda76; }
	.sm-nav > li.current_page_item > a { color: #ffda76; }
		/*.sm-nav > li.current_page_item > a:after, .sm-nav > li > a:hover::after { position: absolute; content: ""; display: block; width: 24px; height: 24px; bottom: -.5em; left: calc(50% - 12px); border-radius: 50%; background: #ffc833; }*/
	
	.affixed .sm-nav > li > a:hover, .affixed .sm-nav > li > a:focus, .affixed .sm-nav > li > a:active, .affixed .sm-nav > li > a.highlighted, .affixed .sm-nav > li.current-page-ancestor > a { color: #ffda76;  }
	
}


@media (min-width: 992px) { 
	.sm-nav > li > a { height: 90px; padding: calc(35px - .5em) 5px 0; font-size: 16px; }
	#HeaderContainer.affixed .sm-nav > li > a { height: 80px; padding: 32px 10px;  letter-spacing: normal; }
}	
@media (min-width: 1200px) { 
	.sm-nav > li > a { padding: 30px 15px 0; font-size: 18px; }

	#menu-main-nav > li { 
		flex: 1; }
	#menu-main-nav > li:nth-child(n + 3) { 
/*		--widthB: calc(50% - 125px);
		--widthC: calc(var(--widthB) / 6);
		--widthD: calc(var(--widthC) + 250px);
		
		flex: 0 0 var(--widthC);*/  }
	#menu-main-nav > li:nth-child(3) { 
		--widthB: calc(100% - 300px);
		--widthC: calc(var(--widthB) / 6);
		--widthD: calc(var(--widthC) + 300px);
		
		flex: 0 0 var(--widthD); 
		padding-right: 300px; }
	
	.affixed #menu-main-nav > li:nth-child(3) { 
		--widthB: calc(100% - 150px);
		--widthC: calc(var(--widthB) / 6);
		--widthD: calc(var(--widthC) + 150px);
		
		flex: 0 0 var(--widthD); 
		padding-right: 150px; }


}
@media (min-width: 1400px) { 
	.sm-nav > li > a { font-size: 18px; }
	#menu-main-nav > li:nth-child(3) { 
		--widthB: calc(100% - 400px);
		--widthC: calc(var(--widthB) / 6);
		--widthD: calc(var(--widthC) + 400px);
		
		flex: 0 0 var(--widthD); 
		padding-right: 400px; }
	
	.affixed #menu-main-nav > li:nth-child(3) { 
		--widthB: calc(100% - 200px);
		--widthC: calc(var(--widthB) / 6);
		--widthD: calc(var(--widthC) + 200px);
		
		flex: 0 0 var(--widthD); 
		padding-right: 200px; }
}
@media (min-width: 1600px) { 
	.sm-nav > li > a { font-size: 21px; }
}
@media (min-width: 768px) and (max-width: 991px) {
}

@media screen and (max-width: 767px) { 

	.navbar-collapse {  }
	ul.sm-nav { width: auto !important; padding-top: 20px; background: #d53639 ; }
	#HeaderContainer:not(.affixed) ul.sm-nav { padding-top: 60px; }
	ul.sm-nav ul { display:none; position:static !important; top:auto !important; left:auto !important; margin-left:0 !important; margin-top:0 !important; width:auto !important; min-width:0 !important; max-width:none !important;  webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0); box-shadow: 0 6px 12px rgba(0, 0, 0, 0); background-clip: padding-box;  background: #c1292c; }
	#LeftMenu ul.sm-nav { padding-top: 60px; }
	ul.sm-nav > li { padding: 0; float: none; border-right: 0 none; border-left: 0 none; background: none; }
	
	/* Top Level Menu */
	.sm-nav > li > a { text-align: center; height: 40px; padding: 12px 0 5px; border-radius: 0; margin: 0; font-size: .9em; letter-spacing: .15em; text-align: center; white-space: nowrap; border-bottom: 1px solid #c1292c; color: #fff; }
		.sm-nav > li:first-child { padding-top: 5px; } 
		.sm-nav > li:last-child > a { border-radius: 0; } 
	.dropdown-menu > li > a {color: #fff; }
		
	.sub-arrow { position: absolute; top: 0; right: 0; display: block; width: 50px; height: 39px; font-weight: bold; text-align: center; font-size: 24px; line-height: 40px; background: #c1292c; }

}