 
* { 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 { display:inline-block; position:relative;}
nav { float: right; }
.navigation-fixed {
	position: fixed !important;
	top: 0px;
	z-index: 1500;
	background-color: #ffffff;
	box-shadow: 5px 0px 15px #000000;
	
}
.navigation-fixed a { color:#000!important;}


@media only screen and (max-width:768px) {
.navigation-fixed {
	position: inherit!important;
}   
}
@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; }
body.home #responsive-menu-container {margin-top:25px;}
#responsive-menu-container ul.menu { display:flex; justify-content: space-between; margin: 30px auto; }
#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:#000;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    display: block; font-size:14px;
	line-height:40px;
    }
#responsive-menu-container ul.menu > li.special-btn a:before { background-color:#2e3192;}
#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.menu-item-has-children > a:after {font-family: 'FontAwesome';content: ' \f107';color: #fff; margin-right: 5px;}
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: 220px;}
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; width:auto; border-top: 2px solid #fff; }
.sub-menu li:hover a { background-color:#262626;}
    nav li:hover { background-color:#000;}
    nav .menu li:last-child {  background-color: #2c2f8b; position: relative;
    transition: all 450ms ease-out 0s;
    transform: scale(1,1); color: #ffffff!important;}
    nav .menu li:last-child a {color: #ffffff!important;} 
    nav .menu li:last-child:hover{  background-color: #444444 ; }
}



/* 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; 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: 20px; float: right; }

.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: #2e3192;}

/* 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;}