nav{
display:block
			top:0;
		    left:0px;right:0px;
			padding-top: 9px;
			list-style: none;
			position: fixed;
			text-align: left;
			z-index:99;
			border-bottom:0px solid #666666;
}

nav ul{
list-style:none
}

.nav-header{float:left;margin:0}

.no-pad-menu{
padding:0;
margin-bottom:0;
background:transparent !important
}

.nav-wrap{
display:inline-block;
width:100%;
background:#ffffff;
/*background: rgba(255, 255, 255, .80); */

float:left;
border-bottom:0px solid #ccc;
}

.nav-wrap a{
text-decoration:none;
color:#000;
display:block;
}

.nav-wrap ul{
list-style:none;
position:relative;
text-align:left;
margin:0;
}

.nav-wrap li{
float:left;
margin:0;
position:relative;
}

.nav-wrap ul:after{clear:both}

.nav-wrap ul:before,.nav-wrap ul:after{content:' ';display:table;}

.nav-wrap nav{
position:relative;
text-align:center;
float:right;
}

ul.primary,ul.dropdown-menu{
-webkit-transition:
max-height 0.3s;
-moz-transition:max-height 0.3s;
transition:max-height 0.3s;
}

ul.primary li a{
display:block;
margin-left:2px;
padding:16px 20px;
color:#000;background:#fff !important;font-family:arial;font-size:12px;border-radius:6px
}

ul.primary li a:hover{color:#000;background:#e1e1e1 !important;font-family:arial;font-size:12px;border-radius:6px}

ul.dropdown-menu{
position:absolute;
z-index:200;
min-width:200px;
display:none;
box-shadow:0 7px 12px rgba(0,0,0,0.175);
}

ul.dropdown-menu li{float:none;margin:0;}

.arrow{
width:16px;
height:16px;
display:inline-block;
top:27px;
right:18px;
position:absolute;
background:url(arrow.svg) center center;
background-size:22px 22px;
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}

.select .arrow{
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}

ul.primary ul.dropdown-menu li a{
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
color:#666;
padding:13px 20px;
}

ul.primary ul.dropdown-menu li a:hover{color:#000;background:#eee}

ul.primary li:hover ul{display:block}

ul.primary li:hover a{background:#fff;color:#666}

ul.primary li:hover>a{color:#000}

@media (min-width: 768px){
.arrow{top:28px;right:6px;background-size:18px 18px}
}

@media (max-width: 867px){
.logo{padding-left:20px;margin-bottom:-8px}
.nav-header,.nav-wrap nav{width:100%;}
.nav-wrap{width:100%;margin-top:0;}

.nav-wrap li{float:none}

.nav-wrap .primary{max-height:0;overflow:hidden}

.nav-wrap .dropdown-menu{max-height:0;overflow:hidden;background:#e1e1e1}

.tog{
background:transparent;
width:69px;
height:69px;
position:relative;
float:right
}

.tog span{
display:block;
width:36px;
height:3px;
border-radius:2px;
position:absolute;
top:32px;
right:16px;
background:#666;
}

.tog span:first-child{
-webkit-transform:translateY(-11px);
transform:translateY(-11px)
}

.tog span.span-middle{
-webkit-transform:translateY(11px);
transform:translateY(11px)
}

.tog.x span:first-child{
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}

.tog.x span.span-middle{opacity:0}

.tog.x span:last-child,.tog.x span.span-middle{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}

.nav-wrap .primary.open,.nav-wrap .dropdown-menu.open{
max-height:500px;
overflow:scroll;
-webkit-overflow-scrolling:touch;
}

ul.primary li a{padding:20px;}

.nav-wrap ul.primary li:hover a{background:none;color:#8b8b8b;}

.nav-wrap ul.primary li a.select{background:#eee;color:#333}

.nav-wrap ul.primary li:hover ul{
display:block;
background:#fff;
color:#333;
}

.nav-wrap ul.dropdown-menu{
display:block;
position:static;
box-shadow:none;
width:100%;
border-bottom:none;
}

.nav-wrap ul.primary ul.dropdown-menu li a{
background:#fff;
border:none;
color:#333;
margin-left:16px;
}

.nav-wrap ul.primary ul.dropdown-menu li a:hover{color:#333;background:#ccc !important;}

.arrow{-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}

.no-pad-menu{padding:0}
}