ul#menu
		{
		margin:0;
		padding:0;
/*		background: #75a121;*/
            float: right;
		}
		ul#menu > li
		{
		list-style:none;
		/*float:left;*/
		display: inline-block;
		vertical-align: top;
		margin:0;
		padding:0;
		position:relative;
		}
		ul#menu a
		{
		text-decoration:none;
		color:#202020;
/*		background:#75a121;*/
		display:block;
		    padding: 10px 23px 10px 10px;
            font-size: 20px;
            font-family: 'Oswald', sans-serif;
            font-weight: 500;
		}

        ul#menu a:hover,ul#menu a.active
        {
            color: #99ae2e;
        }
		ul#menu > li ul.drop
		{
		margin:0;
		padding:0;
		width:150px;
		position:absolute;
		display:none;
		}
		ul#menu > li ul.drop ul
		{
		margin:0;
		padding:0;
		width:150px;
		position:absolute;
		display:none;
		left:150px;
		top:0px;
		
		}
		ul#menu > li ul li
		{
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		}
		.down {
		position: absolute;
		width: 20px;
		height: 30px;
		right: 6px;
		cursor: pointer;
		top: 7px;
		}
		.down:after {
		content: "";
		width: 0px;
		height: 0px;
		display: block;
		border-top: 6px solid #000;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		position: absolute;
		top: 11px;
		left: 4px;
		transition: ease all 0.5s;
		}
		.down.up:after {
		-ms-transform: rotate(180deg); /* IE 9 */
		-webkit-transform: rotate(180deg); /* Safari */
		transform: rotate(180deg);
		}
		ul#menu > li ul.drop .down{
		-ms-transform: rotate(-90deg); /* IE 9 */
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		transform: rotate(-90deg);}
		@media(max-width:767px)
		{
		ul#menu{
            background: #99ae2e;    
            position: absolute;
            width: 100%;
            left: 0;top: 102px;
                z-index: 2;
          -webkit-box-shadow: 0px 8px 22px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 22px -9px rgba(0,0,0,0.75);
box-shadow: 0px 8px 22px -9px rgba(0,0,0,0.75)}
		ul#menu > li
		{
		list-style:none;
		float:none;
		margin:0;
		padding:0;
		position:relative;
		display: block;
            text-align: center;
            
		}
            ul#menu > li:hover,ul#menu > li a.active
            {
               background-color: #202020;
                color: #fff;
            }
            
                
            
		ul#menu > li ul.drop{z-index: 2}
		ul#menu > li ul li a{background-color: #F95252}
		ul#menu > li ul.drop
		{
		width:100%;
		background: #f00;
		}
		ul#menu > li ul.drop ul
		{
		width:100%;
		position:relative;
		display:none;
		left:0px;
		top:0;
		}
		ul#menu > li ul.drop .down{
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);}
		ul#menu a{display: block;font-size: 15px;color: #fff;    padding: 8px 23px 9px 10px;}
            ul#menu a:hover
            {
                color: #fff;
            }
		ul#menu > li ul.drop{position: relative;}
		ul#menu > li ul li li a{background: #B8A0A0;}
		ul#menu > li ul li li li a{background: #45B5C6;}
            .toggle-icon {
            width: 33px;
            height: auto;
            position: relative;
            display: block;
            padding: 0;
            float: right;
                top: 16px;
        }
		.toggle-icon span {
		height: 5px;
		width: 100%;
		background: #202020;
		margin-bottom: 5px;
		display: block;
		transition: all ease 0.5s;
		}

/*
		.toggle-icon.close span:nth-child(1) {
		-ms-transform: rotate(-45deg); 
		-webkit-transform: rotate(-45deg); 
		transform: rotate(-45deg);
		position: relative;
		top:11px;
		transition: all ease 0.5s;
		}

		.toggle-icon.close span:nth-child(3) {
		-ms-transform: rotate(45deg); 
		-webkit-transform: rotate(45deg); 
		transform: rotate(45deg);
		position: relative;
		top:-11px;
		transition: all ease 0.5s;
		}
*/

/*
		.toggle-icon.close span:nth-child(2) {
		opacity: 0;
		}
*/
		#menu {
		display: none;
		}
            .toggle-icon.close
            {
                opacity: 1;
            }
		}