/*
Responsive menu jQuery
Muhammad Adam Firdaus

*/

/* begin MENU */


.menu-toggle {
	position: absolute;
	padding: 0.8em;
	top:-40px;
	right: 2px;
	cursor: pointer;
	z-index: 99;
}
.hamburger,
.hamburger::before,
.hamburger::after {
  content: '';
  display: block;
  background:#05a3b7;
  height: 3px;
  width: 2em;
  border-radius: 3px;
  -webkit-transition: all ease-in-out 350ms;
  transition: all ease-in-out 350ms;
}

.hamburger::before {
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
}

.hamburger::after {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.open .hamburger {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.open .hamburger::before {  display: none;}
.open .hamburger::after {
  -webkit-transform: translateY(-1px) rotate(-90deg);
          transform: translateY(-1px) rotate(-90deg);
}
.nav.desktop.opening {opacity:1; 	z-index: 99; display: block;}
.site-nav--icon {
  font-size: 1.4em;
  margin-right: 1em;
  width: 1.1em;
  text-align: right;
  color: rgba(255,255,255,.4);
}
.menu-toggle {display: none; }




@media (max-width:767px) {
.nav.desktop {
	padding: 0;
	margin: 0;
	opacity: 0;
	transition: opacity 0.3s;
	position: absolute;
	left: 0;
	right: 0;
	top:10px;
	background:#05a3b7;
	min-height: 1000px;
	padding-top: 10px;
	display:none;
}
.nav li a::after { display:none;}
.nav li.active a, .nav li a:hover, .nav li.active a::after, .nav li a:hover::after {
	width: 100%;
	transition: width .3s;
	color: #fff;
}
.nav li a { color:#fff;}
.noscroll { overflow: hidden; }
.nav li a {
	padding: 11px 15px;
	width: 100%;
	display: inline-block;
	line-height: normal;
	font-size: 16px;
}
.menu-toggle {display: block !important; font-size: 15px !important; }

.nav li {display: inline-block;padding: 0;	width: 100%;}
.logo {flex: 0 0 200px; margin: 0; padding-left:0px; padding-bottom:0 !important;  padding-top:0 !important; }

}