nav ul{
	list-style: none;
}
nav ul li {
    width: 16%;
    text-align: center;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
    border-right: solid 1px;
    border-right-color: #e5e5e5;
    float: left;
}
 .header-wrapper{   display: flex;}
	
	body.slow-scroll .menu-top,body.slow-scroll nav {
		opacity:0;
	}
	
	.site-header {
		background-color:rgba(255,255,255,0.95);
		box-shadow:0 0 8px 0 rgba(0,0,0,0.1);
		height:80px;
		width:100%;
		z-index:1000;
		-webkit-transition:opacity .5s ease-out;
		transition:opacity .5s ease-out;
	}
	.site-header nav{
	margin-left: 0;
	width: 100%;
	}
	.site-content{
		padding-top: 80px;
	}
	
	.menu-top .burger {
		display:none;
	}
	
	.logo {
		top:0;
		width:10% !important;
		height:80px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
	
	.logo a {
		background-color:rgba(255,255,255,0);
		-webkit-transition:all .25s ease;
		transition:all .25s ease;
		width:100%;
		z-index: 9999;
	}
	
	.menu-top .logo a:hover {
		background-color:#f15a22;
	}
	
	.menu-top .logo a:hover svg path {
		fill:#fff;
	}
	
	.menu-top .logo svg {
		height:36px;
		width:100%;
		position:relative;
	}
	
	nav {
		position:fixed;
		margin-left:20%;
		width:80%;
		z-index:1100;
	}
	
	nav.close {
		display:block;
	}
	
	nav ul {
		list-style:none;
		margin:0;
		padding:0;
		width:100%;
		    display: flex;
    justify-content: center;
	}
	
	nav ul li {
		width:23%;
		text-align:center;
		-webkit-transition:background-color 0.3s,border-color .3s;
		transition:background-color 0.3s,border-color .3s;
		text-align: center;
	}
	
	nav ul li:hover {
		background-color:#51B4C0;
		color:#1b1e22;
	}
	
	nav ul li:hover ul {
		border-left:solid 1px rgba(0,0,0,0.1);
		border-bottom-right-radius:2px;
		margin-left:-1px;
		box-shadow:0 3px 10px rgba(0,0,0,0.2);
		display:block;
		height:auto;
		opacity:1;
		padding:0;
		position:absolute;
		width:25%;
	}
	
	nav ul li:hover ul li {
		background-color:#fff;
		width:100%;
		min-width:200px;
		text-align:left;
		border-left:none;
		box-shadow:inset 5px 0 0 0 #fff;
		transition:box-shadow .2s;
	}
	
	nav ul li:hover ul li:hover {
		box-shadow:inset 5px 0 0 0 #f15a22;
		-webkit-transition:box-shadow .2s;
		transition:box-shadow .2s;
	}
	
	nav ul li:hover ul li a {
		color:#1b1e22;
		position:relative;
		text-transform:none;
		text-align:left;
		border-top:solid 1px rgba(0,0,0,0.1);
		z-index:1;
	}
	
	nav ul li:hover ul li a:hover {
		color:#fff;
	}
	
	nav ul li a {
		color:#1b1e22;
		display:block;
		padding:0;
		line-height:80px;
		height:80px;
		font-weight:400;
		font-size:.9rem;
		text-transform:uppercase;
		border-bottom:none;
		text-align:center;
		white-space:nowrap;
	}
	
	nav ul li a:hover {
		color:#fff;
	}
	
	nav ul li.has-children {
		padding-right:10px;
	}
	
	nav ul li.has-children >a {
		cursor:default;
	}
	
	nav ul li.has-children >a:hover {
		color:#812908!important;
	}
	
	nav ul li.has-children >a::after {
		position:absolute;
		content:"\e601";
		font-family:"24hr-ui-icons";
		padding-left:.4rem;
		margin-top:-.1rem;
	}
	
	nav ul li.has-children:hover a {
		color:#1b1e22;
	}
	
	nav ul li.has-children:hover a:hover {
		color:#f15a22;
	}
	
	nav ul li ul {
		display:block;
		min-width:200px;
		position:absolute;
		overflow:hidden;
		height:0;
		opacity:0;
		-webkit-transition:opacity .1s;
		transition:opacity .1s;
	}
	
	nav ul li ul li a {
		padding:0 0 0 1em;
		color:#f15a22;
	}
.logo {
    background: white;
}	
.logo:hover  {
    background: #51B4C0;
}	
.logo a{
	display: flex;
	justify-content: center;
	align-items: center;
}
.logo img{
	width: 46px;
}

.logo a:hover svg path {
    fill: #fff;
}


@media (max-width: 1024px){
    header.site-header{
	    display: none;
    }
}