/*
Custom Style
=========================== */
nav {
	padding: 20px 0px;
	background: #ff6200;
}

nav .wrap-core-nav-list,
nav .nav-header {
	background: transparent;
}

nav .brand {
    display: inline-block;
    position: relative;
    width: 140px;
    left: 130px;
    text-align: center;
}

nav .brand img {
	width: 100%;
}

nav .menu li a {
	display: block;
	padding: 20px 30px;
	font-size: 18px;
	font-weight: 300;
	text-decoration: none;
	color: #ffffff;
}

nav .menu li.active>a,
nav .menu li a:hover {
	background-color: #ffffff;
	color: #000;
}

nav button {
	background: transparent;
	border: none;
	outline: none;
}


/* =========================== */


@media (min-width: 992px) {

	nav .brand {
		display: block;
		position: relative;
		width: 210px;
		top: 25px;
	}

	nav .nav-header .brand {
		float: left;
		left: 0px;
	}

	nav.core-nav.nav-core-sticky.on-scroll {
		z-index: 9999999;
		background-color: hsla(0, 0%, 8%, 0.753);
	}

	nav.core-nav.nav-core-sticky.on-scroll .brand {
		width: 150px;
		top: 30px;
		left: 10px;
	}

	nav.core-nav.nav-core-sticky.on-scroll .menu li a {
		color: #ff6000;
		font-weight: 400;
	}

	nav.core-nav.nav-core-sticky.on-scroll .attributes li a {
		color: #ff6000;
		font-weight: 400;
		padding-left: 10px;
	}

	.core-nav .wrap-core-nav-list .core-nav-list {
		display: inline-block;
		margin: 10px 30px -15px 100px;
		list-style: none;
	}

	ul.attributes {
		padding: 0;
		display: flex;
		margin: 5px 0 -7px 0;
		list-style: none;
		display: inline-block;
		float: right;
	}
}