@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* CSS Document */
*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
a{text-decoration:none;color:#fff}
#menu_bar {
    width: 100%;
    position: relative;
}
#menu_bar:after{content:"";clear:both;display:block}
.search{float:right;padding:30px}

.logo
{
	float:left;

}
.logo a
{
    font-size: 0px;
    display: block;
    padding: 0 0 0 0;
}
.menu-first a
{
}
.logo img {
    width:78%;
}
.selected {
    color: #d38d13;
}
nav{position: absolute;border: 3px solid white;z-index: 999;margin: 0 0 0 40px;}
nav>ul {
    float: left;
    position: relative;
	background: #2c3e50;
}
nav li{
	list-style:none;
	float:left;
	margin:0;
}
nav .dropdown{position:relative;z-index: 9999;}
nav li a
 {
float: left;
    padding: 15px 45px;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    border-left: 1px solid black;
	border-right: 1px solid #5d5b5b;
}
nav li a:hover 
{
    color: #d38d13;
}
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: #2c3e50;
    padding: 0 0;
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
nav .dropdown li{white-space:nowrap}
nav .dropdown li a{padding:10px 35px;font-size:13px;min-width:200px;border-top: 1px solid #5f5d5d;
    border-bottom: 1px solid black;}
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:#fff;display:block;padding:8px 10px;border-radius:3px;font-size:13px}
nav li li a:hover{}
.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 #000;
    width: 30px;
    margin-bottom: 5px;
    display: block;
    -webkit-transition: all .2s;
    transition: all .1s;
}
@media only screen and (max-width: 1170px) {
  nav >ul>li >a{padding:35px 15px}
}
@media only screen and (min-width: 960px) {
  nav{display:block!important}
}
@media only screen and (max-width: 959px) {
	#menu-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -28px;
    margin-right: 30px;
    display: none;
}
  nav{display:none;width:100%;clear:both;float:none;max-height:400px;overflow-y:scroll}
  #menu-icon{display:inline;top:0px;cursor:pointer}
  #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}
  .search{float:none}
  .search input{width:100%}
  nav{border: none;
    margin: 0px;}
  nav ul{float:none;margin-top: 12px;}
  nav li{float:none}
  nav ul li a{float:none;padding:8px;display:block}
  #menu_bar nav ul ul{display:block;position:static;background:none;border:none;padding:0;}
  #menu_bar nav a
  {
        color: #fff;
    padding: 8px;
    border: none;
}

  #menu_bar nav a:hover{background:#fff;color:#333;border-radius:3px}
 #menu_bar nav ul li li a:before{content:"- "}
  .mega-col{width:100%}
  nav {
    position: relative;
    z-index: 999;
}
}