.mobile_menu {
	visibility: hidden;
	position: absolute;
	width: 100%;
	padding: 20px;
	z-index:200;
	background-color: #1a1a1a;
/* 	border: 1px solid #fff; */
}
.desk_menu {
	visibility: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	padding: 1vw 0;
	z-index:200;
	background-color: #1a1a1a;
/* 	border: 1px solid #fff; */
}
.desk_logo {
	width: 8vw;
}
.no_scroll {
	height: 100% !important;
	overflow: hidden !important;
}
#nav {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
    background: #191919;
    z-index: 100;
}
#nav_mobile {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
    background: #191919;
    z-index: 100;
}

/*
#nav.open {
	display: block;
	opacity: 1;
}
*/
#nav_button {
	position: absolute;
	top: 1.5vw;
	right: 0px;
	cursor: pointer;
	display: block;
}

#nav_button a  {
	z-index:200;
	display:block;
	width:2.6vw;
	position:absolute;
	top: -1vw;
	right:0px;
	height:3.5vw;
	padding-top:1vw;
}

#nav_button a span {
	float:right;
	position: relative;
	display:block;
/* 	top:12px; */
	-webkit-transition-duration: 0s; transition-duration: 0s;
}

#nav_button a span:before, #nav_button a  span:after {
	position: absolute;
	content: '';
}

#nav_button a span, #nav_button a  span:before, #nav_button a  span:after {
	width: 2.6vw;
	height: 3px;
	background-color: #fff;
	display: block;
}
#nav_button a:hover span, #nav_button a:hover  span:before, #nav_button a:hover  span:after {
	background-color: #97e5d8;
}

#nav_button a span:before {
	margin-top: -0.8vw;
}

#nav_button a span:after {
	margin-top: 0.8vw;
}

#nav_button a.open span {
	background-color: rgba(0,0,0,0.0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
#nav_button a span:before {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
#nav_button a.open span:before {
	background-color: #fff;
	margin-top: 0;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
#nav_button a span:after {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
#nav_button a.open span:after {
	background-color: #fff;
	margin-top: 0;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu a {
	position: relative;
	color: #fff;
	font-size: 4.5em;
	z-index: 10;
	padding: 0 1vw;
}
.menu a:after {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.5vw;
	content: ' ';
	width: 0;
	height: 1.3vw;
	background-color: #97e5d8;
	z-index: -1;
	transition: width 200ms;
}
.menu a:hover:after {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.5vw;
	content: ' ';
	width: 100%;
	height: 1.3vw;
	background-color: #97e5d8;
	z-index: -1;
}
.menu_active:after {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.5vw;
	content: ' ';
	width: 100% !important;
	height: 1.3vw;
	background-color: #97e5d8;
	z-index: -1;
}
.menu_stick {
	visibility: visible;
	position: fixed !important;
	top: 0 !important;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */
@media (max-width: 1199px) {



}
@media (max-width: 991px) {



}
@media (max-width: 767px) {

.desk_logo {
	width: 80px;	
}
#nav_button {
	position: absolute;
	top: 25px;
	right: 0px;
	cursor: pointer;
	display: block;
}

#nav_button a  {
	z-index:200;
	display:block;
	width:35px;
	position:absolute;
	top: -25px;
	right:0px;
	height:30px;
	padding-top:12px;
}

#nav_button a span {
	float:right;
	position: relative;
	display:block;
/* 	top:12px; */
	-webkit-transition-duration: 0s; transition-duration: 0s;
}

#nav_button a span:before, #nav_button a  span:after {
	position: absolute;
	content: '';
}

#nav_button a span, #nav_button a  span:before, #nav_button a  span:after {
	width: 35px;
	height: 3px;
	background-color: #fff;
	display: block;
}
#nav_button a:hover span, #nav_button a:hover  span:before, #nav_button a:hover  span:after {
	background-color: #fff;
}

#nav_button a span:before {
	margin-top: -10px;
}

#nav_button a span:after {
	margin-top: 10px;
}

#nav_button a.open span {
	background-color: rgba(0,0,0,0.0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
#nav_button a span:before {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
#nav_button a.open span:before {
	background-color: #fff;
	margin-top: 0;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
#nav_button a span:after {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
#nav_button a.open span:after {
	background-color: #fff;
	margin-top: 0;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
.menu {
	margin-left: 20px;
}
.menu a {
	position: relative;
	color: #fff;
	font-size: 2.4em;
	letter-spacing: 1vw;
	z-index: 10;
	padding: 0 10px;
}
.menu a:after {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	content: ' ';
	width: 0;
	height: 9px;
	background-color: #97e5d8;
	z-index: -1;
	transition: width 200ms;
}
.menu a:hover:after {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	content: ' ';
	width: 100%;
	height: 9px;
	background-color: #97e5d8;
	z-index: -1;
}
.menu_active:after {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	content: ' ';
	width: 100%;
	height: 9px !important;
	background-color: #97e5d8;
	z-index: -1;
}

}