* { 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:block; padding:0px;}

nav { }

@media screen and (min-width:769px) {

body.home { position:relative;}

#responsive-menu-container { position:relative; margin-top:50px; z-index:1100;}


#responsive-menu-container ul.menu { display:flex; justify-content:space-between}

#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 6px;border-radius: 2px;}

#responsive-menu-container ul.menu > li > a {color:#211f1f;

    text-decoration: none;

    text-transform: uppercase;

    font-weight: bold;

    display: block;

    }

#responsive-menu-container ul.menu > li.special-btn a:before { background-color:#01358d;}

#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: #01358d;

    -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: #717171; }

#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: #000000;}

nav ul li:first-child:before { content: ''; }

nav ul a { overflow:hidden; line-height: 2.5em; padding: 0; display: inline-block; text-decoration: none; font-size:14px; color:#ccc; text-transform:uppercase; margin: 0px 5px;}

nav ul ul { display: none; position: absolute;   top: 100%; left: 0;  width: 250px; text-align: left;   }

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: 200px; }

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 {border-bottom: groove 2px rgb(89, 83, 83);}

nav ul.sub-menu li:hover { background-color:rgba(96, 100, 101, 0.95);}

nav ul.sub-menu li:last-child { border:none;}

nav .sub-menu a {padding:4px 10px!important;height:auto!important;line-height:1.9em!important; display:block; color:#000 !important; text-transform:capitalize; font-size:16px;}

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);}

.sub-menu li:hover a {color:#c9c2c2 !important;}



}



/* 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{width: 22px;height: 22px;padding: 13px 13px 11px 13px;position: absolute;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}



.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}

.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: 15px;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: #555555;}

@media screen and (max-width:480px) {.mean-container a.meanmenu-reveal{position: static; margin:auto; margin-top:30px;}}

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