.main-nav {
	background-color:#FFF;
	position:absolute;
	top:48px;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:all 0.3s ease;
	z-index:-1;
	padding:20px 0;
	font-size:19px;
	letter-spacing:0.7px;
	font-family:'BauerBodniBTWXX-Roman';
}

.not-home .main-nav {
	bottom:auto;
}

.main-nav.active {
	opacity:1;
	z-index:9999;
}

.main-nav .content > div {
	/*min-height:50%;*/
	/*width:25%;*/
}

.main-nav .content {
	display:flex;
	justify-content:left;
}

.main-nav .top-nav {
	margin-bottom:20px;
}

.main-nav .subcontainerWidth-menu-wrapper {
	position:relative;
}

.main-nav .sub-menu-wrapper .sub-menu {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	opacity:0;
	transition:opacity 0.3s ease;
}

.main-nav .sub-menu-wrapper .sub-menu.active {
	z-index:99;
	opacity:1;
}

.main-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.main-nav li {
	margin-bottom:5px;
}

.main-nav li a {
	text-decoration:none;
}

.sub-menu li ul {
	padding-left:20px;
	margin-top:5px;
}

.nav-toggle {
	/*width:20px;
	height:20px;*/
	position:relative;
	cursor:pointer;
}

.nav-toggle:not(.active) .inner {
    top: 50%;
}

.nav-toggle .box {
    width: 21px;
    height: 16px;
    margin-left: -10.5px;
}

.nav-toggle .box {
    display: block;
    position: relative;
    left: 50%;
}

.nav-toggle.active .inner::before {
    opacity: 0;
}

.nav-toggle.active .inner {
    top: 50%;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-toggle.active .inner::after {
    bottom: 0;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.nav-toggle.active .inner::before {
    top: -7px;
}

.nav-toggle .inner,
.nav-toggle .inner::after,
.nav-toggle .inner::before {
    height: 1px;
    left: 0;
    background-color: #1d1d1b;
    position: absolute;
    transition: all .24s cubic-bezier(.645,.045,.355,1);
}

.nav-toggle:not(.active) .inner::after {
    bottom: -7px;
}
.nav-toggle .inner::after, .nav-toggle .inner::before {
    content: "";
    display: block;
}
.nav-toggle:not(.active) .inner::before {
    top: -7px;
}

.nav-toggle:not(.active) .inner::after {
    bottom: -7px;
}

.nav-toggle .inner, .nav-toggle .inner::after, .nav-toggle .inner::before {
    width: 20px;
}
/*
.nav-toggle .line.top {
	top:0;
}

.nav-toggle .line.middle {
	top:9px;
}

.nav-toggle .line.bottom {
	bottom:0;
}

.nav-toggle .line {
	background-color:#000;
	height:1px;
	width:100%;
	transition:0.3s ease;
	opacity:1;
	position:absolute;
}

.nav-toggle.active .line.middle {
	opacity:0;
}

.nav-toggle.active .line {
	transform-origin:100%;
	height:0.77px;
}

.nav-toggle.active .line.top {
	transform:rotate(-45deg) scale(1.37);
}

.nav-toggle.active .line.bottom {
	transform:rotate(45deg) scale(1.37);
}
*/
.nav-path-selected {
	color:#ccc;
}

@media screen and (min-width:1024px) {
	.main-nav {
		position:static;
		opacity:1;
		background-color:none;
		padding:0;
		z-index:99;
		transition:none;
	}

	.main-nav .content {
		display:block;
		padding:0;
		margin:0 -15px;
		height:auto;
	}

	.main-nav .content .top-menu ul li {
		display:inline-block;
		padding:0 15px;
		margin:0;
	}

	.nav-toggle {
		display:none;
	}
}

@media screen and (max-width:768px) {
	.main-nav {
		bottom:0;
	}
}

@media screen and (max-width:450px) {
	.main-nav .sub-menu-wrapper {
		margin:0;
	}
	
	.main-nav .sub-menu-wrapper .sub-menu {
		border-top:1px solid;
		padding:20px 20px 0;
		margin: 0 -20px;
		top:20px;
	}
	
	.main-nav .content {
		display:block;
	}
	
	.main-nav .content > div {
		width:auto;
	}
}