*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
body{line-height:1.5;text-transform:uppercase;}
a{text-decoration:none;color:#fff}
#header{ /*background: url("../img/common/bg_nav.png") repeat;*/ background: #FFF; width:100%; height: 100px; position:relative;font-size:18px; color: #333; border-top: #3D3D3D solid 20px; box-sizing: border-box; border-bottom: #BBBBBB solid 1px;}
#header.top{ border-bottom: none;}
#header:after{content:"";clear:both;display:block}
.logo{float:left;}
.logo h1{ margin: 0;}
.logo h1 img{ width: 110px;}
.logo a{display:block;padding:7px 0 0 60px}
nav{float:right;}
nav>ul{float:left;position:relative; padding-right: 60px;}
nav li{list-style:none;float:left}
nav .dropdown{position:relative}
nav li a{ float:left; color: #333; height: 80px; padding: 26px 25px 0; text-align: center;}
nav li a:hover{background:#77AC6C;}
/*nav li ul{display:none}
nav li:hover ul{display:inline}
nav li li{float:none}
nav .dropdown ul{position:absolute;left:0;top:100%;background:#fff;padding:20px 0;border-bottom:3px solid #34495e}
nav .dropdown li{white-space:nowrap}
nav .dropdown li a{padding:10px 35px;font-size:13px;min-width:200px}
nav .mega-dropdown{width:100%;position:absolute;top:100%;left:0;background:#fff;overflow:hidden;padding:20px 35px;border-bottom:3px solid #34495e}
nav li li a{float:none;color:#333;display:block;padding:8px 10px;border-radius:3px;font-size:13px}
nav li li a:hover{background:#bdc3c7;background:#FAFBFB}
.mega-col{width:25%;float:left}*/
#menu-icon{position:absolute;right:0;top:50%;margin-top:-12px;margin-right:30px;display:none}
#menu-icon span{border:2px solid #78AC6C;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}
/*@media only screen and (max-width: 1200px) {
  nav >ul>li >a{width: 122px; height: 80px; padding: 26px 0 0;}
}*/
@media only screen and (min-width: 769px) {
  nav{display:block!important}
}
@media only screen and (max-width: 768px) {
  body{ border-top: none;}
  nav{display:none;width:100%;clear:both;float:none;max-height:400px;overflow-y:scroll}
  #menu-icon{display:inline;top:25px;cursor:pointer; margin-right: 10px;}
  #menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
  #menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
  #menu-icon.active .third{display:none}
  nav{padding:10px}
  nav ul{float:none; padding-right: 0;}
  nav li{float:none}
  nav ul li a{float:none;padding:8px;display:block;width: auto; height: auto; text-align: left;}
  #header{ /*background: url("../img/common/bg_nav.png") repeat;*/ background: #FFF; width:100%; height: auto; position: fixed;font-size:16px; color: #333; z-index: 100; border-top: #3D3D3D solid 5px; border-bottom: #BBBBBB solid 1px;}
  #header.top{ border-bottom: none;}
  #header nav ul ul{display:block;position:static;background:none;border:none;padding:0}
  #header nav a{color:#333;padding:8px}
  #header nav a:hover{background:#77AC6C;color:#FFF;border-radius:3px}
  #header nav ul li li a:before{content:"- "}
  .logo{float:left;}
  .logo h1{ margin: 0;}
  .logo h1 img{ width: 80px; margin: 0 0 8px 10px;}
  .logo a{display:block;padding:0}
  .mega-col{width:100%}
}