/*

Responsive menu jQuery

Muhammad Adam Firdaus



*/



/* begin MENU */





.menu-toggle {

	position: absolute;

	padding: 0.8em;

	top:-60px;

	right: 15px;

	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:0px;

	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; }

.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;
}


}