.flexnav,.navigation-container{padding:0;width:100%;float:left}
.flexnav,.flexnav li ul{width:100%}
.flexnav .touch-button:hover,.menu-button{cursor:pointer}
.navigation-container{background:0 0;font-weight:700;left:auto;top:0;z-index:3;position:relative; height:62px; border-bottom:1px solid #000}
.flexnav{-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;-webkit-transform-style:preserve-3d;overflow:hidden;margin:0 auto;display:block;max-height:0}
.flexnav.opacity{opacity:0}
.flexnav.flexnav-show{max-height:2000px;opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:scroll}
.flexnav.one-page{position:fixed;top:50px;right:5%;max-width:200px}
.flexnav li,.flexnav li a,.flexnav li ul li{overflow:hidden;position:relative}
.flexnav li{font-size:100%}
.flexnav li.active a:before, .flexnav li.level-top.has-active a:before,
.flexnav li.active-view:hover a:before,.flexnav li:hover a:before{background: #3f4fa2 none repeat scroll 0 0;  bottom: 0;   content: "";    height: 3px;    left: 0;    position: absolute;    width: 100%;}
.flexnav li.active a, .flexnav li.level-top.has-active a,
.flexnav li.active-view:hover a,.flexnav li:hover a{text-decoration:none!important; position:relative}
.flexnav li.active-view:hover .submenu a:before{display:none}
.flexnav li.active-view:hover .submenu a{text-decoration:none!important}
.flexnav li.active-view a{background:0 0;color:#000}
.flexnav li.active-view a:focus,.flexnav li.active-view a:hover{color:#000;text-decoration:none!important}
.flexnav li.active-view li a{/*background:#ddd;*/color:inherit}
.flexnav li.active-view li li a{background:inherit;color:inherit}
.flexnav li li a:hover{color:#000}
/*
.flexnav li.level-top.has-active a{background:none;}
.flexnav li.level-top.has-active a:focus,.flexnav li.level-top.has-active a:hover{color:#fff!important}
.flexnav li.level-top.has-active li a:hover{color:#000!important}
.flexnav li.level-top.has-active li a{background:#ddd;color:inherit}
.flexnav li.level-top.has-active li li a{background:inherit;color:inherit}*/
.flexnav li a{display:block;font-size:18px;font-family:"open sans";font-weight:700;padding:0px 25px;z-index:2;color:#000;background:0 0;border-bottom:0 solid rgba(0,0,0,.15); height:62px; line-height:60px;}
.flexnav li ul li{display:inline;float:left;font-size:100%;margin:0 8px 8px;width:31.7%}
.flexnav li ul li a,.flexnav ul li ul li a{font-family:"open sans";font-size:14px; font-weight:700}
.flexnav li ul li li{width:auto!important;float:left;margin:0;clear:both}
.flexnav li ul.flexnav-show li{overflow:visible}
.flexnav li ul li a{padding:5px;margin:0;border:0;/*background:#ddd;*/display:block; height:auto; line-height:normal}
.flexnav ul li ul li a{background:#f0f0f0;border-left:0 solid #ccc}
.flexnav ul li ul li ul li{background:#f7f7f7;float:left;margin:2px 15px;padding:2px 10px;width:100%}
.flexnav .touch-button,.menu-button .touch-button{z-index:999;width:50px;height:50px;text-align:center}
.flexnav ul li ul li ul li a{background:0 0}
.flexnav .touch-button{position:absolute;display:none;top:0;right:0;background:#acaca1;background:rgba(0,0,0,.075)}
.flexnav .touch-button .navicon{position:relative;top:1.4em;font-size:12px;color:#666}
.menu-button{position:relative;display:block;padding:1em;background:0 0;color:#222}
.menu-button.one-page{position:fixed;top:0;right:5%;padding-right:45px}
.menu-button .touch-button{background:0 0;position:absolute;top:0;right:0;display:none}
.menu-button .touch-button .navicon{font-size:16px;position:relative;top:1em;color:#666}
.oldie .flexnav li ul.open ul.open,.oldie .flexnav ul li:hover ul{margin-left:100%;top:0}
.oldie body.one-page{padding-top:70px}
.oldie .flexnav{overflow:visible}
.oldie .flexnav.one-page{top:0;right:auto;max-width:1080px}
.oldie .flexnav li{position:relative;list-style:none;float:left;display:block;background-color:transparent;width:20%;min-height:50px;overflow:visible}
.oldie .flexnav li:hover>ul{display:block;width:100%;overflow:visible}
.oldie .flexnav li:hover>ul li{width:100%;float:none}
.oldie .flexnav li a{border-left:1px solid #acaca1;border-bottom:none;overflow:visible}
.oldie .flexnav li>ul{background:#acaca1;position:absolute;top:auto;left:0;display:none;z-index:1;overflow:visible}
.oldie .flexnav li ul.open,.oldie .flexnav li ul.open ul.open{display:block;width:100%;overflow:visible}
.oldie .flexnav li ul li ul{top:0}
.oldie .flexnav li ul li a{border-bottom:none}
.oldie .flexnav li ul.open li{width:100%}
.oldie .menu-button{display:none}
.oldie.ie7 .flexnav li{width:19.9%}
@media all and (max-width:1280px){

}
@media all and (max-width:1220px){
.flexnav li a{font-size:15px}
.flexnav li a{padding:0px 20px }
}
@media all and (max-width:1136px){
.flexnav li>ul{min-width:1097px}
.flexnav li a{padding:0px 19px }
}

@media all and (min-width:1025px){
.flexnav,.flexnav li{overflow:visible}
.flexnav li a,.flexnav li ul li a{border-bottom:none}
body.one-page{padding-top:70px}
.flexnav.opacity{opacity:1}
.flexnav.one-page{top:0;right:auto;max-width:1080px}
.flexnav li{position:inherit;margin:0;list-style:none;float:left;display:block;background-color:transparent;width:auto}
.flexnav li a{border-left:0 solid #acaca1}
.flexnav li>ul{left:0;background:#f0f0f0;display:none;margin:0;min-width:860px;overflow:hidden;padding:15px 15px 30px;position:absolute;box-shadow:1px 2px 3px #333}
.flexnav li ul li>ul{float:left;box-shadow:0 0 0;padding:0!important;margin:0!important;min-width:auto;position:inherit;top:0;width:auto!important}
.flexnav li ul.open{display:block!important;opacity:1;background:#f0f0f0;padding:15px 15px 30px;visibility:visible;z-index:999999}
.flexnav li ul.open li{overflow:visible;max-height:100px}
.flexnav li ul.open ul.open{margin-left:100%;top:0}
.menu-button{display:none}
}

@media all and (max-width:1024px){
/*.flexnav li>ul{min-width:985px}
.flexnav li ul li{width:31%}
.flexnav li a{font-size:14px; padding:22px 15px 21px}
.flexnav li a span{font-size:14px;} */

.menu-button{color:#222;font-family:"open sans";font-size:16px;padding:.6em 0 .6em 1.4em;text-transform:uppercase;background:url(../images/mobile-menu-icon.png) left center no-repeat;margin:0 15px}
.flexnav.opacity{display:block;margin:0}
.flexnav{display:block}

.navigation-container{background: #f0f0f0 none repeat scroll 0 0; border: 0 none; height: auto;  width: 100%; z-index: 2; border-bottom:2px solid #3f4fa2}
.flexnav li ul li{width:100%; }
.flexnav li ul li a{font-weight:300}
.flexnav li a { font-size: 14px;  height: auto;  line-height: normal;  padding: 10px 15px;}
.flexnav li:hover{background:#fff; float:left; width:100%;}
.flexnav li .submenu{padding-left:10px; padding-right:10px;}
.flexnav li{width:100%; float:left; margin:0px; padding:0px;}
.navigation-container nav ul.flexnav-show{border:0px solid #000; float:left; width:100%; display:block;}
.navigation-container nav ul ul.flexnav-show{border:0px;}
}





/*
@media all and (max-width:980px){
.flexnav li>ul{min-width:940px}
.flexnav li a{ padding:22px 14px 21px}
}
@media all and (max-width:899px){
.menu-button{color:#222;font-family:"open sans";font-size:16px;padding:.6em 0 .6em 1.4em;text-transform:uppercase;background:url(../images/mobile-menu-icon.png) left center no-repeat;margin:0 15px}
.flexnav.opacity{display:block;margin:0}
.flexnav{display:block}
} */
@media all and (max-width:768px){
.flexnav li>ul{min-width:400px}
}
@media all and (max-width:800px){
.flexnav li>ul{width:100%;padding:0;margin:0}
.flexnav li ul li{width:100%;margin:0;padding:5px 10px}
}
