/* smart menus 01*/
/* modified css from https://www.smartmenus.org, chosen for mobile first, accessibility (aria) and keyboard navigation */

.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {padding: 22px 14px !important; text-transform:uppercase;}

.primaryNav { margin-top:0; width:100%; margin:0 auto;  position:relative; z-index:100; background: none; }
.sm{box-sizing:border-box;position:relative;z-index:99;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{  background: #be2a39; display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;
 }
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative; }
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
.sm-clean{background:#eeeeee;/* background of mobile menu */
 z-index:22 !important}
ul.sm-clean>ul{z-index:44 !important;box-shadow:-2px 6px 5px 0px rgba(0,0,0,0.49);-webkit-box-shadow:-2px 6px 5px 0px rgba(0,0,0,0.49);-moz-box-shadow:-2px 6px 5px 0px rgba(0,0,0,0.49);}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active{padding:13px 20px;/* make room for the toggle button (sub indicator) */
 padding-right:58px;color:#fff;font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;font-size:1.2em;font-weight:normal;line-height:17px;text-decoration:none;}
.sm-clean a.current{color:#D23600;}
.sm-clean a.disabled{color:#bbbbbb;}
.sm-clean a .sub-arrow{position:absolute;top:50%;margin-top:-17px;left:auto;right:11px;width:34px;height:34px;overflow:hidden;font:bold 16px/34px monospace !important;text-align:center;text-shadow:none;background:rgba(255, 255, 255, 0.5);border-radius:5px;}
.sm-clean a .sub-arrow::before{content:'+';}
.sm-clean a.highlighted .sub-arrow::before{content:'-';}
.sm-clean > li:first-child > a, .sm-clean > li:first-child >:not(ul) a{border-radius:5px 5px 0 0;}
.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul{border-radius:0 0 5px 5px;}
.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted{border-radius:0;}
.sm-clean li{border-top:1px solid rgba(0, 0, 0, 0.05);}

.sm-clean ul{background:rgba(162, 162, 162, 0.1);}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active{font-size:16px;border-left:8px solid transparent;}
.sm-clean ul ul a,.sm-clean ul ul a:hover,.sm-clean ul ul a:focus,.sm-clean ul ul a:active{border-left:16px solid transparent;}
.sm-clean ul ul ul a,.sm-clean ul ul ul a:hover,.sm-clean ul ul ul a:focus,.sm-clean ul ul ul a:active{border-left:24px solid transparent;}
.sm-clean ul ul ul ul a,.sm-clean ul ul ul ul a:hover,.sm-clean ul ul ul ul a:focus,.sm-clean ul ul ul ul a:active{border-left:32px solid transparent;}
.sm-clean ul ul ul ul ul a,.sm-clean ul ul ul ul ul a:hover,.sm-clean ul ul ul ul ul a:focus,.sm-clean ul ul ul ul ul a:active{border-left:40px solid transparent;}
.sm-clean li {border-bottom:1px dotted #f2cf00;}

.sm-clean a .sub-arrow {background:none !important;}

@media (min-width:920px){/*to center:parent ul to text-align:center andtake out float left on li and change to this:.sm-clean>li{display:inline-block}
*/

.sm-clean li {border-bottom:none;}

.sm-clean li {padding:0px 0;}

.sm-clean{background:none;}
 /* Switch to desktop layout ----------------------------------------------- These transform the menu tree from collapsible to desktop (navbar + dropdowns) -----------------------------------------------*/
 /* start... (it's not recommended editing these rules) */
 .sm-clean ul{position:absolute;width:12em;}
 .sm-clean li{/*float:left;*/ dislay:inline-block;}
 .sm-clean.sm-rtl li{float:right;}
 .sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li{float:none;}
 .sm-clean a{white-space:nowrap;/*font-size:1em;*/
 }
 .sm-clean ul a, .sm-clean.sm-vertical a{white-space:normal;}
 .sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li >:not(ul) a{white-space:nowrap;}
 /* ...end */
 /* .sm-clean{padding:0 10px;background:#eeeeee;border-radius:100px;}
 */
 .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted{padding:0 14px !important; 
 color:#fff;text-transform:uppercase;border-radius:0 !important; margin:2px auto}
 .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted{color:#f2cf00;}
 .sm-clean a.current{color:#D23600;}
 .sm-clean a.disabled{color:#bbbbbb;}
 /*.sm-clean a.has-submenu{padding-right:24px;}*/
 .sm-clean a .sub-arrow{top:50%;margin-top:-2px;right:5%;width:0;height:0;border-width:4px;border-style:solid dashed dashed dashed;border-color:#f2cf00 transparent transparent transparent;background:transparent;border-radius:0;}
 .sm-clean a .sub-arrow::before{display:none;}
 .sm-clean li{border-top:0;}
 .sm-clean > li > ul::before, .sm-clean > li > ul::after{content:'';position:absolute;top:-18px;left:30px;width:0;height:0;overflow:hidden;border-width:9px;border-style:dashed dashed solid dashed;border-color:transparent transparent #bbbbbb transparent;}
 .sm-clean > li > ul::after{top:-16px;left:31px;border-width:8px;border-color:transparent transparent #fff transparent;}
 .sm-clean ul{border:1px solid #bbbbbb;padding:5px 0;background:#fff;border-radius:5px !important;box-shadow:0 5px 9px rgba(0, 0, 0, 0.2);     left: 30% !important;     margin-top: -1px !important;}
  .sm-clean ul { background:#333; }
 .sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted{border:0 !important;padding:10px 20px;color:#fff;}
 .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted{background:#eeeeee;color:#007b9c;}
 .sm-clean ul a.current{color:#D23600;}
 .sm-clean ul a.disabled{background:#fff;color:#cccccc;}
 .sm-clean ul a.has-submenu{padding-right:20px;}
 .sm-clean ul a .sub-arrow{right:14px !important;top:50%;margin-top:-5px;border-width:5px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #555555;}
 .sm-clean .scroll-up, .sm-clean .scroll-down{position:absolute;display:none;visibility:hidden;overflow:hidden;background:#fff;height:20px;}
 .sm-clean .scroll-up:hover, .sm-clean .scroll-down:hover{background:#eeeeee;}
 .sm-clean .scroll-up:hover .scroll-up-arrow{border-color:transparent transparent #D23600 transparent;}
 .sm-clean .scroll-down:hover .scroll-down-arrow{border-color:#D23600 transparent transparent transparent;}
 .sm-clean .scroll-up-arrow, .sm-clean .scroll-down-arrow{position:absolute;top:0;left:50%;margin-left:-6px;width:0;height:0;overflow:hidden;border-width:6px;border-style:dashed dashed solid dashed;border-color:transparent transparent #555555 transparent;}
 .sm-clean .scroll-down-arrow{top:8px;border-style:solid dashed dashed dashed;border-color:#555555 transparent transparent transparent;}
 .sm-clean.sm-rtl a.has-submenu{padding-right:12px;padding-left:24px;}
 .sm-clean.sm-rtl a .sub-arrow{right:auto;left:12px;}
 .sm-clean.sm-rtl.sm-vertical a.has-submenu{padding:10px 20px;}
 .sm-clean.sm-rtl.sm-vertical a .sub-arrow{right:auto;left:8px;border-style:dashed solid dashed dashed;border-color:transparent #555555 transparent transparent;}
 .sm-clean.sm-rtl > li > ul::before{left:auto;right:30px;}
 .sm-clean.sm-rtl > li > ul::after{left:auto;right:31px;}
 .sm-clean.sm-rtl ul a.has-submenu{padding:10px 20px !impstreetortant;}
 .sm-clean.sm-rtl ul a .sub-arrow{right:auto;left:8px;border-style:dashed solid dashed dashed;border-color:transparent #555555 transparent transparent;}
 .sm-clean.sm-vertical{padding:10px 0;border-radius:5px;}
 .sm-clean.sm-vertical a{padding:10px 20px;}
 .sm-clean.sm-vertical a:hover, .sm-clean.sm-vertical a:focus, .sm-clean.sm-vertical a:active, .sm-clean.sm-vertical a.highlighted{background:#fff;}
 .sm-clean.sm-vertical a.disabled{background:#eeeeee;}
 .sm-clean.sm-vertical a .sub-arrow{right:8px;top:50%;margin-top:-5px;border-width:5px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #555555;}
 .sm-clean.sm-vertical > li > ul::before, .sm-clean.sm-vertical > li > ul::after{display:none;}
 .sm-clean.sm-vertical ul a{padding:10px 20px;}
 .sm-clean.sm-vertical ul a:hover, .sm-clean.sm-vertical ul a:focus, .sm-clean.sm-vertical ul a:active, .sm-clean.sm-vertical ul a.highlighted{background:#eeeeee;}
 .sm-clean.sm-vertical ul a.disabled{background:#fff;}
}
/*# sourceMappingURL=sm-clean.css.map */
/* .main-nav{background:#eee;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
@media (min-width:920px){.main-nav{-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;}
}
*/
.main-nav a{text-transform:uppercase }
.main-nav:after{clear:both;content:"\00a0";display:block;height:0;font:0px/0 serif;overflow:hidden;}
.nav-brand{float:left;margin:0;}
.nav-brand a{display:block;padding:12px 12px 12px 20px;color:#555;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:22px;font-weight:normal;line-height:17px;text-decoration:none;}
#main-menu{clear:both; margin-top:11px;}

.primaryNav {top:11px; }

.sm-clean a { padding:6px 0; }

.sm-clean li:first-child {
border-top: 1px dotted #f2cf00;
}
.sm-clean ul li  {background:#d12e3e; }

@media (min-width:920px){

.sm-clean > li:first-child,  .sm-clean li:first-child{border-top:0;}

	.sm,.sm ul,.sm li{  background: none !important;}



	.primaryNav {top:0; }

	.sm-clean a .sub-arrow { right:4px }


	
	.primaryNav { margin-top:0; background:none; float:right; width:960px; padding-top:8px;}
	
	
 #main-menu{clear:none;margin:30px 0 0 0;  width:96% !important;   padding: 10px 0 0 0; text-align:right}
 #main-menu>li { /*float:left; */ width:auto;  text-align:center; display:inline-block; border-right:1px solid #f2cf00;;  }
 #main-menu>li:last-child {border-right:none;  }
 #main-menu>li:nth-child(1), #main-menu>li:nth-child(2), #main-menu>li:nth-child(3), #main-menu>li:nth-child(4) { position: inherit;clip: auto; }
 }

.main-menu-btn{/* float:right;*/
 margin:5px 0 3px 5%;position:relative;display:inline-block;width:90%;height:24px;text-indent:29px;white-space:nowrap;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/* hamburger icon */
.main-menu-btn-icon,.main-menu-btn-icon:before,.main-menu-btn-icon:after{position:absolute;top:50%;left:2px;height:2px;width:24px;background:#fff;-webkit-transition:all 0.25s;transition:all 0.25s;display:block;}
.main-menu-btn-icon:before{content:'';top:-7px;left:0;}
.main-menu-btn-icon:after{content:'';top:7px;left:0;}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon{height:0;background:transparent;}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
/* styles */
#main-menu-state{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu{display:none; width:88%;}
#main-menu-state:checked ~ #main-menu{display:block;}
@media (min-width:920px){/* hide the button in desktop view */
 .main-menu-btn{position:absolute;top:-99999px;}
 /* always show the menu in desktop view */
 #main-menu-state:not(:checked) ~ #main-menu{display:block; }

	
.sm-clean ul { margin-top:14px !important; background-color:#d12e3e !important; }
.sm-clean ul li {padding:8px 3px; border-bottom:#f2cf00 dotted 1px;}
.sm-clean ul li:last-child {border-bottom:none !important;}
.sm-clean ul li:hover {background-color:#be2a39 !important;}
.sm-clean ul a, .sm-clean a:focus {color:#fff !important; dislay:block; background:none !important;}

.sm-clean ul a:hover { color:#fff; background:none !important; }

.has-submenu {margin-right:122px;}
}

@media (min-width:1100px){
.primaryNav {  width:1080px; }
 .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted{padding:0 18px !important; }
.sm-clean a .sub-arrow {right:11px !important;}

}

@media (min-width:1200px){
.primaryNav {  width:1090px; }
 .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted{padding:0 22px !important; }
}


	
		.secImage {min-height:8px; margin-top:186px}
		
		.main { padding:32px 4% 210px 4%; color:#000; }
		.main ul {list-style:inherit; margin:8px 0 0 32px}
		.main ul li {margin-bottom:8px}
		.contain {max-width:1080px; margin:auto; }
		
		
		
	
		
@media only screen and (max-width: 920px) {

.main-menu-btn {	
				
margin: 5px 0 3px 5%;
position: absolute;
display: inline-block;
width: 32px;
height: 39px;
text-indent: 29px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
top: 48px !important;
right:4% !important;
}

  @media only screen and (max-width: 540px) {
    .main-menu-btn {
margin: 0 0 3px 5%;
position: absolute;
display: inline-block;
width: 90%;
height: 39px;
text-indent: 29px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
left:4% !important;
left:inherit; 
top: 22px !important;
    }
  }

#main-menu {position:absolute; top:78px; width:100%}
		
    }
			
@media only screen and (max-width: 480px) {
	.main-menu-btn { right:inherit; left:4%; top:16px !important}
			}
			

@media only screen and (min-width: 640px) {
			.main { padding:32px 4% 132px 4% }
			.secImage {min-height:98px; margin-top:111px}
			
		}
		
		@media only screen and (min-width: 920px) {
			
			.sm-clean ul ul {left:0 !important; top: -10px !important}
			
		}