/* NAVIGATION 
================================================== */
.menu_bar{background:#4d4d4d; height:44px;   text-transform:uppercase;}
.menu_bar a{text-decoration:none; font-weight:normal;}
nav{}
nav ul, nav ul ul, nav ul ul ul{margin:0; padding:0; list-style:none;}
nav ul.sf-menu li{margin:0; padding:0; *float:left; zoom:1; z-index:3000; position:relative; display:inline-block;  vertical-align:middle;}
nav ul.sf-menu li a{display:block; color:#FFF; padding:0 8px; font-size:11pt; line-height:44px;}
nav ul.sf-menu li.last{padding-right:0; background:none;}
nav ul.sf-menu li a:hover, nav ul li.selected a{}
nav ul.sf-menu ul{position:absolute; left:0; top:44px; z-index:99999999; display:none;}
nav ul.sf-menu li:hover ul{display:block;}
nav ul.sf-menu ul li{margin:0; padding:0; float:none; font-size:10.5pt; line-height:normal; background:none; border-bottom:1px solid #FFF;}
nav ul.sf-menu ul li a{padding:8px; background:#4d4d4d; line-height:normal;font-size:10pt;}
nav ul.sf-menu ul li a:hover, nav ul ul li.selected a{background:#27568c;}
nav li:hover ul li ul{position:absolute; left:196px; top:0; display:none;}
nav li:hover ul li:hover ul{display:block;}
/* hide the link until viewport size is reached */

a.meanmenu-reveal{display: none;}
/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {background:#a5acb4; width:60%;position: relative;padding: 4px 0;height: 36px;z-index: 999999; margin:0 auto;}
.mean-container a.meanmenu-reveal {width: 100%;height: 22px;padding: 13px 0 11px 0;position: absolute;top: 0;right: 0;cursor: pointer;
color: #000;text-decoration: none;font-size:15pt;line-height: 22px;text-align:center;display: block;font-weight:normal;}
.mean-container a.meanmenu-reveal span {display: block;background: #fff;height: 3px;margin-top: 3px;}
.mean-container .mean-nav {width: 100%;margin:42px 0 15px 0;height:auto;}
.mean-container .mean-nav ul {padding: 0;margin: 0;width: 100%;list-style-type: none;position:static}
.mean-container .mean-nav ul li {position: relative;background:none;border:none;float:none;padding:0;width: 100%;}
.mean-container .mean-nav ul li a {display: block;float:none;width: 90%;padding:11px 5%;margin: 0;text-align: left;color: #000;border-bottom: 1px solid #000;border-bottom: 1px solid rgba(0,0,0,0.5);text-decoration: none;background:#f0f0f1; line-height:normal; font-size:10.5pt;}.mean-container .mean-nav ul li li a {width: 80%;padding: 12px 10%;border-bottom: 1px solid #000; line-height:normal; text-shadow: none ;color:#000;visibility: visible;background: #dfdfdf;background: rgba(223,223,223,100);}.mean-container .mean-nav ul li.mean-last a {border-bottom: none;margin-bottom: 0;}.mean-container .mean-nav ul li li li a {width: 70%;padding: 8px 15%;background:#515151;color:#FFF;}
.mean-container .mean-nav ul li li li li a {width: 60%;padding: 8px 20%;}
.mean-container .mean-nav ul li li li li li a {width: 50%;padding:8px 25%;}
.mean-container .mean-nav ul li a:hover { background: #252525;background:rgba(198, 198, 202, 1);color:#000;}
.mean-container .mean-nav ul li a.mean-expand {width: 26px;height:15px;background:none;padding:8px 16px ;
font-size:14pt!important;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;font-weight: 700; border:none;}
.mean-container .mean-nav ul ul li a.mean-expand{height:13px; border-bottom:none;}
.mean-container .mean-nav ul li a.mean-expand:hover {background: none;}
.mean-container .mean-push {width: 100%;padding: 0;margin: 0;}
.mean-nav .wrapper {width: 100%;padding: 0;margin: 0;}

@media only screen and (max-width:1024px){nav ul li a{padding:0 13px;}} 

@media only screen and (min-width:980px) and (max-width:1023px){
nav ul.sf-menu li a{padding:0 7px; font-size:10.5pt;}
}

@media only screen and (max-width:800px){nav ul li a{padding:0 3px; font-size:10pt;}} 
@media only screen and (max-width:767px) {
nav ul ul{border:none;}
nav ul ul,  nav ul ul ul, nav li:hover ul li ul{position:static;}
nav ul ul a,  nav ul ul ul a{ width:auto;}
.bnrT_content .font32{margin-bottom:11px;} 
} 
@media only screen and (max-width:480px){
.mean-container .mean-bar {width:80%;}
.mean-container a.meanmenu-reveal{font-size:13pt;}
}
@media only screen and (max-width:479px){
.mean-container .mean-bar {width:100%;}	
}