@charset "utf-8";
/* CSS Document */
.MobileWrap {
	background-color: rgb(0, 0, 0);
	z-index: 9999;
	float: left;
	position: relative;
}
.mobile-navigation {
	list-style: none;
	transition:0.2s;
	top: 40px;
	width: 200px;
	padding-bottom:20px;
	height: auto;
	left: -240px;
	padding-top: 0px;
	position: fixed;
	z-index: 9999;
	-webkit-transition: all .2s;
	display:block;
	background-color: rgb(0, 0, 0);
	background-repeat: repeat;
	z-index: 9999 !important;
}
ul.mobile-navigation li {
	z-index: 9999 !important;
}

.mobile-navigation .nav-link-m {
	padding: 1em;
	transition:color 0.2s, background 0.5s;
	width: 100%;
	text-align: left;
    border-bottom-color: color: rgb(255, 255, 255);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	color: rgb(255, 255, 255);
	text-decoration: none;
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: color .2s, background .5s;
}
.mobile-navigation .nav-link-m:hover {
	background: rgb(248, 245, 230); color: rgb(58, 69, 100);
}
.nav-trigger {
	position: absolute; clip: rect(0px, 0px, 0px, 0px);
}
label[for=nav-trigger] {
	top: 32px; width: 32px; height: 38px; left: 25px; position: absolute; z-index: 3; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
label[for=nav-trigger] span {
	background: rgb(255, 255, 255); transition:0.2s; left: 0px; top: 18px; width: 32px; height: 2px; display: block; position: absolute; -webkit-transition: all .2s;
}
label[for=nav-trigger] span::after {
	background: rgb(255, 255, 255); transition:0.2s; left: 0px; width: 100%; height: 2px; display: block; position: absolute; content: ""; -webkit-transition: all .2s;
}
label[for=nav-trigger] span::before {
	background: rgb(255, 255, 255); transition:0.2s; left: 0px; width: 100%; height: 2px; display: block; position: absolute; content: ""; -webkit-transition: all .2s;
}
label[for=nav-trigger] span::before {
	top: -10px;
}
label[for=nav-trigger] span::after {
	bottom: -10px;
}
:checked.nav-trigger ~ .mobile-navigation {
	left: 0px; z-index: 2;
}
:checked.nav-trigger ~ label[for=nav-trigger] span::before {
	top: 0px; transform: rotate(-270deg); -webkit-transform: rotate(-270deg);
}
:checked.nav-trigger ~ label[for=nav-trigger] span {
	transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
:checked.nav-trigger ~ label[for=nav-trigger] span::after {
	bottom: 0px; transform: rotate(270deg); -webkit-transform: rotate(270deg);
}
header.fixed :checked.nav-trigger ~ label[for=nav-trigger] span {
	background: rgb(248, 245, 230);
}
header.fixed :checked.nav-trigger ~ label[for=nav-trigger] span::after {
	background: rgb(248, 245, 230);
}
header.fixed :checked.nav-trigger ~ label[for=nav-trigger] span::before {
	background: rgb(248, 245, 230);
}
.FeatureContent {
	background-image: none !important;
}
.ProductCategoriesContainer .Button {
	margin-bottom: 12px !important;
}
#ContactContent {
	background-image: none !important;
}