div.burger {
	height: 23px;
	width: 30px;
	position: absolute;
	top: 32px;
	right: 21px;
	cursor: pointer
}
div.x,
div.y,
div.z {
	position: absolute;
	margin: auto;
	top: 0px;
	bottom: 0px;
	background: #ff6700;
	border-radius:2px;
	-webkit-transition: all 200ms ease-out;
			-moz-transition: all 200ms ease-out;
			-ms-transition: all 200ms ease-out;
				-o-transition: all 200ms ease-out;
					transition: all 200ms ease-out;
}
div.x, div.y, div.z {
	height: 1px;
	width: 30px;
}
div.y{top: 20px;}
div.z{top: 40px;}
div.collapse{
	top: 20px;
	-webkit-transition: all 70ms ease-out;
			-moz-transition: all 70ms ease-out;
			-ms-transition: all 70ms ease-out;
				-o-transition: all 70ms ease-out;
					transition: all 70ms ease-out;
}

div.rotate30{
	-ms-transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
		transform: rotate(30deg);
	-webkit-transition: all 50ms ease-out;
			-moz-transition: all 50ms ease-out;
			-ms-transition: all 50ms ease-out;
				-o-transition: all 50ms ease-out;
					transition: all 50ms ease-out;
}
div.rotate150{
	-ms-transform: rotate(150deg);
		-webkit-transform: rotate(150deg);
		transform: rotate(150deg);
	-webkit-transition: all 50ms ease-out;
			-moz-transition: all 50ms ease-out;
			-ms-transition: all 50ms ease-out;
				-o-transition: all 50ms ease-out;
					transition: all 50ms ease-out;
}

div.rotate45{
	-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	-webkit-transition: all 100ms ease-out;
			-moz-transition: all 100ms ease-out;
			-ms-transition: all 100ms ease-out;
				-o-transition: all 100ms ease-out;
					transition: all 100ms ease-out;
}
div.rotate135{
	-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	-webkit-transition: all 100ms ease-out;
			-moz-transition: all 100ms ease-out;
			-ms-transition: all 100ms ease-out;
				-o-transition: all 100ms ease-out;
					transition: all 100ms ease-out;
}

div.navbar{height:73px;background:#385e97;}

div.menu-bg{
	width: 100%;
	height: 100%;
	position:absolute;
  top:0;
  left:0;
	background-image: url('../img/nav-bg.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	display: none;
	-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.menu-bg.animate{
	display: block;
	-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	
}
div.menu {
	height: 100%;
	width: 160px;
	display: none
}
.menu-split{
	overflow:hidden;
	position: absolute;
	top: 90px;
	left: 0px;
}

div.menu ul li {
	list-style: none;
	width:100%;
	height: 80px;
	line-height: 80px;
	margin-bottom: 8px;
	text-align: center;
	font-size: 19px;
	border-radius: 8px;
	-webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.menu ul li a {
	color:#353535;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:3px;
	font-size: 24px;
	font-family: hiraw3;
}

div.menu li.animate{
	font-size:19px;
	opacity:1;
	-webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

div.menu ul li:first-child {
	margin: 70px 0;
	line-height: normal;
}
div.menu ul li.phone-nav{
	background-color: #fff;
}
div.menu ul li.phone-nav:hover{
	background-color: #ff6700;
}
div.menu ul li.phone-nav:hover a{
	color: #fff;
}

.collapse:not(.show) {
	display: block;
}