#menu-icon{width: 60px; height: 63px;z-index: 999; right: -25px; top: 10px; position: absolute;}

	#nav-toggle{position: absolute;cursor: pointer;padding: 15px 15px 15px 15px; width: 50px; height: 50px; left: 12px; top: 7px;}
	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after{position: absolute;content: ''; display: block; background: #FFF; width: 25px;height: 1.5px; cursor: pointer; border-radius: 1px; transition: all 500ms ease; text-align:right;}
	
	#nav-toggle.active{border-radius:50%; border:0px solid #fff; transition: all 500ms ease;}
	
	#nav-toggle span{top: 23px; left:0px;}

	/*#nav-toggle span:before{top: 10px; width:18px; right:0px;}
	#nav-toggle span:after{bottom: 10px; width: 35px; right:0px;}*/
	
	#nav-toggle span{background: transparent;}

	#nav-toggle span:before, #nav-toggle span:after { top: 0;}
	#nav-toggle span:before{transform: rotate(45deg);width: 35px;}
	#nav-toggle span:after{transform: rotate(-45deg);width: 35px;}

	#nav-toggle.active span	{top: 23px; left: 10px; position: absolute; content: ''; display: block; background: #FFF; width: 35px; height: 1.5px; cursor: pointer; border-radius: 1px; transition: all 500ms ease; text-align: right;}
	#nav-toggle.active span:before{transform: rotate(0deg); top: -10px; width: 35px; right: 0px;}
	#nav-toggle.active span:after{transform: rotate(-0deg); top: 10px; width: 35px; right: 0px}

	@media (min-width: 992px){
		#nav-toggle{right: 0; border-radius: 0; display: block; width: 30px; height: 30px;}
		#nav{display: block; margin-right: 10px;}	
		ul#navbar{margin-left: 16px;animation: slide 0.3s ease;}
		ul#navbar li.active a{color: #fff;}
	}

	/*@keyframes drop{
		from{
			top: 10%;
		}
		to{
			top: 40%;
		}
	}
	@keyframes rise{
		from{
			top: 40%;
		}
		to{
			top: 11%;
		}
	}*/
	@keyframes slide{
		from{
			margin-left: -500px;
		}
		to{
			margin-left: 16px;
		}
	}




	@media (max-width: 768px){
		.navbar-brand{height: 40px;}
		#nav-toggle.active{position: absolute;animation:rise 0.3s ease-in-out;/*top: 11%;*/}
		#nav-toggle{top: 40%;right: 30px;animation:drop 1s ease-in-out;	display: block;}
		#nav{display: none; z-index: 9999999;}
		ul#navbar{width: 100%; text-align: left;margin-top: 23px;padding: 0;}
		ul#navbar li{display: block; padding: 5px 15px; border-bottom: 1px solid #4e4e4e;}
		ul#navbar li a{text-align: left; font-size: 300%; line-height: 150%;}
		.banner .content{font-size: 6rem; bottom: 10px;}
	}