.logo {
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 1000;
	width: 170px;
}

.nav-toggle {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: -45px;
	width: 30px;
	cursor: pointer
}

.nav-toggle .bar {
	display: block;
	width: 100%;
	height: 6px;
	background-color: #CC0422;
	margin: 5px 0px;
	border-radius: 5px;
	opacity: 1;
	-webkit-transform: translate(0px, 0px) rotate(0deg);
	-moz-transform: translate(0px, 0px) rotate(0deg);
	-ms-transform: translate(0px, 0px) rotate(0deg);
	-o-transform: translate(0px, 0px) rotate(0deg);
	transform: translate(0px, 0px) rotate(0deg);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear
}

.active .nav-toggle .bar:nth-child(1) {
	-webkit-transform: translate(0px, 11px) rotate(45deg);
	-moz-transform: translate(0px, 11px) rotate(45deg);
	-ms-transform: translate(0px, 11px) rotate(45deg);
	-o-transform: translate(0px, 11px) rotate(45deg);
	transform: translate(0px, 11px) rotate(45deg)
}

.active .nav-toggle .bar:nth-child(2) {
	opacity: 0
}

.active .nav-toggle .bar:nth-child(3) {
	-webkit-transform: translate(0px, -11px) rotate(-45deg);
	-moz-transform: translate(0px, -11px) rotate(-45deg);
	-ms-transform: translate(0px, -11px) rotate(-45deg);
	-o-transform: translate(0px, -11px) rotate(-45deg);
	transform: translate(0px, -11px) rotate(-45deg)
}

nav {
	position: fixed;
	top: 0;
	left: 100%;
	width: 170px;
	height: 100vh;
	background-color: #CC0422;
	z-index: 1200;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

nav.active,
#content.active {
	-webkit-transform: translateX(-170px);
	-moz-transform: translateX(-170px);
	-ms-transform: translateX(-170px);
	-o-transform: translateX(-170px);
	transform: translateX(-170px)
}

nav .container {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: auto
}

nav ul {
	width: 100px;
	margin: 0 auto;
	padding: 0;
	font-size: 18px
}

nav ul li {
	color: #FFFFFF;
	display: block;
	text-align: left;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	padding: 15px 0
}

nav ul li.noborder {
	border-bottom: none
}

nav ul li img,
nav ul li span {
	vertical-align: middle
}

nav ul li img {
	margin-right: 3px
}

nav ul.detail:before {
	display: block;
	content: "";
	margin-top: 10px
}

nav ul.detail {
	width: 100px;
	margin: 0 auto;
	padding: 0;
	font-size: 14px;
	margin-left: 5px;
	overflow: hidden
}

nav ul.detail li {
	border-bottom: none;
	padding: 8px 0px
}

.lowBowser nav ul li .icon {
	display: none
}

nav ul li .icon {
	display: inline-block;
	width: 17px;
	height: 17px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 5px
}
/*
nav ul li.f01 .icon {
	background-image: url("../images/feature_f01_icon.png")
}

nav ul li.f02 .icon {
	background-image: url("../images/feature_f02_icon.png")
}

nav ul li.f03 .icon {
	background-image: url("../images/feature_f03_icon.png")
}

nav ul li.f04 .icon {
	background-image: url("../images/feature_f04_icon.png")
}

nav ul li.f05 .icon {
	background-image: url("../images/feature_f05_icon.png")
}

nav ul li.f06 .icon {
	background-image: url("../images/feature_f06_icon.png")
}

nav ul li.f07 .icon {
	background-image: url("../images/feature_f07_icon.png")
}

nav ul li.f08 .icon {
	background-image: url("../images/feature_f08_icon.png")
}

nav ul li.f09 .icon {
	background-image: url("../images/feature_f09_icon.png")
}

nav ul li.f10 .icon {
	background-image: url("../images/feature_f10_icon.png")
}

nav ul li.f11 .icon {
	background-image: url("../images/feature_f11_icon.png")
}*/

.mobile .nav-toggle,
.mobile nav ul li {
	cursor: default
}