 
* { margin:0; padding:0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; text-decoration:none;}
a img { border:none;}
.clear { clear:both;}
.main { width:100%; min-width:320px; margin:auto; margin-top:20px;}
header {  padding:0px;}
nav {background-color:#292929; }

@media only screen and (max-width:1100px) {
#responsive-menu-container ul.menu { margin-right:0px !important;} } 

@media screen and (min-width:769px) {
body.home { position:relative;}
#responsive-menu-container {margin:auto; position:relative;  z-index:1100; float: left;}
body.home #responsive-menu-container {margin-top:25px;}
#responsive-menu-container ul.menu { display:flex; justify-content: space-between; margin-right:40px; width: auto; margin: 0px auto; background-color: #8c9093; }
#responsive-menu-container nav ul li { display: block; position: relative;}
#responsive-menu-container nav > ul > li { margin:0 5px; float:left; padding:10px 0; }
#responsive-menu-container ul.menu > li {padding: 0 20px;}
#responsive-menu-container ul.menu > li > a {color:#fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    display: block; font-size:13px;
	line-height:100px;
    font-weight: 500;
    }
#responsive-menu-container ul.menu > li.special-btn a:before { background-color:#3b79c6;}
#responsive-menu-container ul.menu > li a:before  {
    content: '';
    opacity: 0;
    position: absolute;
    border-radius: 2px;
    height: 50%;
    width: 100%;
    top: 50%;
    left: 0;
	
    background-color: #000;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    z-index: -1;
	
    }
body.home #responsive-menu-container ul.menu > li > a { color: #000; }
#responsive-menu-container ul.menu > li:hover a {color: #fff !important;}
#responsive-menu-container ul.menu > li:hover > a:before , #responsive-menu-container ul.menu > li.current-menu-item > a:before{height: 100%;
    opacity: 1;}
	

nav ul li:first-child:before { content: ''; }
nav ul a { overflow:hidden; line-height: 30px; padding: 0; display: inline-block; text-decoration: none; font-size:14px; color:#ccc; text-transform: capitalize;}
nav ul ul { display: none; position: absolute; top: 100%; left: 0;   text-align: left;  text-transform:capitalize; white-space:nowrap}
nav ul li:hover ul { display: block; z-index:1;}
nav ul li:hover ul li { display: block; }
nav ul li:hover ul li.menu-item-has-children > a:after { font-family: 'FontAwesome'; content: ' \f105'; position:absolute; display:block; right:5px; top:3px; }
nav ul li:hover ul li > ul { display: none; top: 0px; left: 160px;}
nav ul li:hover ul li > ul li a:hover { background-color:#606060 !important;}
nav ul li:hover ul li:hover ul { display: block; margin-top: 0px;}
nav ul ul { background-color: rgba(60, 63, 64, 0.95); }
nav ul.sub-menu li {}
nav ul.sub-menu li:last-child { border:none; background-color: transparent;}
nav .sub-menu a {padding:4px 10px!important;height:auto!important;line-height:30px!important; display:block; color:#000 !important;}
nav .sub-menu a:hover { color:#7F7F7F !important;}
nav ul li.current-menu-item a {color:#fff !important;}
.sub-menu {background-color: rgba(60, 63, 64, 0.95);padding:20px; white-space: nowrap; border-top: 2px solid #fff; }
.sub-menu li:hover a { background-color:#262626;}
    nav li:hover { background-color:#000;}
    nav .menu li{ 
    transition: all 450ms ease-out 0s;
    transform: scale(1,1);
}
   
}



/* hide the link until viewport size is reached */
 nav a.meanmenu-reveal {display: none;}
/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar{position: relative;background:transparent;min-height: inherit;z-index: 2000; margin-bottom:15px;}
.mean-container a.meanmenu-reveal{position: static; margin:auto; width: 22px;height: 22px;padding:20px; top: -60px;  right: 3px;cursor: pointer;color: #fff;text-decoration: none;font-size: 14px;text-indent: -9999em;line-height: 22px;display: block;font-family: Arial, Helvetica, sans-serif;font-weight: 700; margin-top: -80px;}

.mean-container a.meanmenu-reveal span{display: block;background: #fff;height: 3px;margin-top: 3px}
.mean-container .mean-nav{float: left;width: 100%;background: #333;margin-top: 0; margin-bottom:20px;}
.mean-container .mean-nav ul{padding: 0;margin: 0;width: 100%;list-style-type: none}
.mean-container .mean-nav ul li{position: relative;float: left;width: 100%}
.mean-container .mean-nav ul li a{display: block;float: left;width: 90%;padding: 1em 5%;margin: 0;text-align: left;color: #fff;border-top: 1px solid #383838;border-top: 1px solid rgba(255,255,255,0.5);text-decoration: none;text-transform: uppercase;font-size:12px;}
.mean-container .mean-nav ul li li a{width: 80%;padding: 1em 10%;border-top: 1px solid #f1f1f1;border-top: 1px solid rgba(255,255,255,0.25);filter: alpha(opacity=75);text-shadow: none !important;visibility: visible; text-transform: capitalize;}
.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: 1em 15%}
.mean-container .mean-nav ul li li li li a{width: 60%;padding: 1em 20%}
.mean-container .mean-nav ul li li li li li a{width: 50%;padding: 1em 25%}
.mean-container .mean-nav ul li a:hover{background: #252525;background: rgba(255,255,255,0.1)}
.mean-container .mean-nav ul li a.mean-expand{margin-top: 1px;width: 26px;height: 14px;padding: 12px !important;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;font-weight: 700;background: rgba(255,255,255,0.1);border: none !important;border-left: 1px solid rgba(255,255,255,0.4) !important;border-bottom: 1px solid rgba(255,255,255,0.2) !important}
.mean-container .mean-nav ul li a.mean-expand:hover{background: #000}
.mean-container .mean-push{float: left;width: 100%;padding: 0;margin: 0;clear: both}
.mean-nav .wrapper{width: 100%;padding: 0;margin: 0}
/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar *{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.mean-remove{display: none !important}
.mean-container .mean-bar a.meanmenu-reveal {background-color: #0895d3;}

/* active menu style */
.mean-nav ul > li.current-menu-item > a span:after , .mean-nav ul li.current-menu-ancestor > a span:after { font-family:'fontAwesome'; content:'\f041'; display:inline-block; margin-left:10px;}