/* 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; }
ul.sm { -webkit-tap-highlight-color: rgba(0,0,0,0); }

/* Start Edits Here!  Menu box  */
	/* Menu items */
	.sm-nav > li { padding: 0 0; text-align: center; }
		.sm-nav > li:first-child {  } 
        .sm-nav > li:last-child {  } 
	.sm-nav > li > a { width: auto; padding: 15px; text-align: left; font-size: 13px; line-height: 1em; letter-spacing: .04em; font-weight: 500; font-family: "Outift", sans-serif; text-transform: uppercase; white-space: nowrap; color: #f1ede3; }
	
	/* Submenus */ 
	.sm-nav ul { position: relative; z-index: 1000; padding: 5px; margin-top: -3px !important; border-radius: 0; 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: #bd9dc9; }
	.dropdown-menu > li > a { padding: 4px 10px; font-size: 13px; line-height: 20px; font-weight: 400; border-radius: 3px; color: #fff; }
		.dropdown-menu > li > a:hover { text-decoration: none; color: #000; background: #fff; border-color: transparent; }
		.sm-nav .dropdown-menu li:first-child { padding-top: 10px; } 
        .sm-nav .dropdown-menu li:last-child { padding-bottom: 10px; } 


@media (min-width: 992px) { 
	ul.sm-nav li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;  width: auto; max-width: none; }
	.sub-arrow { display: none; }
	.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 { display: inline-block; padding: 15px .5em 15px; font-size: 16px; border-bottom: 2px solid transparent; -webkit-transition: all .25s; transition: all .25s; }
	#HeaderContainer:not(.affixed) .sm-nav > li > a {  }
	
	/* Current Nav Item and hover */
	.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: #ffdae4; background: #bd9dc9; }
	.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: #ffdae4;  }
	li.current-menu-item > a { color: #ffdae4; }
	  
	.sm-nav ul { border-radius: 4px; }
	
}
@media (min-width: 992px) { 
	.sm-nav > li > a { padding: 15px .5em 15px; font-size: 12px; }
}	
@media (min-width: 1200px) { 
	.sm-nav > li > a { margin: 0 .5em; font-size: 13px; }

}   
@media (min-width: 1400px) { 
	.sm-nav > li > a {  font-size: 14px; }
}
@media (min-width: 768px) and (max-width: 991px) {
}

@media screen and (max-width: 991px) { 
	#MainNav { background: rgba(34, 88, 106, 1); }

	ul.sm { width: 100%; }
	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: #88374e; }

	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 { color: #fff !important }
		.sm-nav > li:first-child {  } 
		.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: 48px; font-weight: bold; text-align: center; font-size: 24px; line-height: 40px; background: #88374e; }

}