div.block-menu
{
	float: left;
}

	div.menu-wrap
	{
		position: relative;
		float: left;
	}

		ul.main-menu
		{
			float: left;
		}
		
			ul.main-menu > li
			{
				position: relative;
				float: left;
				list-style-type: none;
			}
		
				ul.main-menu > li > a
				{
					position: relative;
					text-align: center;
					font-size: 16px;
					font-weight: 400;
					line-height: 20px;
					display: block;
					color: #111;
					padding: 18px 20px;
					transition: 0.2s;
					-o-transition: 0.2s;
					-webkit-transition: 0.2s;
				}
				
				ul.main-menu > li > a:hover
				{
					color: #3b7d43;
				}
				
					ul.main-menu > li > a i
					{
						font-size: 14px;
						padding: 3px 0px;
						margin-left: 5px;
						float: right;
					}

					ul.main-menu > li > a:before,
					ul.main-menu > li > a:after
					{
						position: absolute;
						content: '';
						width: 0%;
						height: 1px;
						bottom: 0px;
						background: #3b7d43;
						transition: 0.2s;
						-o-transition: 0.2s;
						-webkit-transition: 0.2s;
					}
					
					ul.main-menu > li > a:before
					{
						right: 50%;
					}
					
					ul.main-menu > li > a:after
					{
						left: 50%;
					}
					
					ul.main-menu > li:hover > a:before,
					ul.main-menu > li:hover > a:after
					{
						width: 50%;
					}
		
				ul.main-menu li ul
				{
					box-shadow: 0 3px 10px rgba(0,0,0,0.3);
					position: absolute;
					visibility: hidden;
					opacity: 0;
					z-index: 12;
				}
				
				ul.main-menu > li > ul
				{
					top: 100%;
					left: 0px;
				}
				
				ul.main-menu li ul li ul
				{
					top: 0px;
					left: 100%;
				}
				
				ul.main-menu li:hover > ul
				{
					visibility: visible;
					opacity: 1;
					transition: visibility 300ms linear, opacity 300ms linear;
				}
		
					ul.main-menu li ul li
					{
						position: relative;
						border-bottom: 1px solid #eee;
						background: rgba(255, 255, 255, 0.97);
						width: 190px;
						list-style-type: none;
					}
					
						ul.main-menu li ul li > a
						{
							display: block;
							font-size: 14px;
							color: #171a1f;
							line-height: 20px;
							padding: 15px 20px;
						}
						
							ul.main-menu li ul li > a i
							{
								font-size: 14px;
								padding: 3px 0px;
								margin-left: 5px;
								float: right;
							}
						
						ul.main-menu li ul li:hover > a
						{
							color: #000;
						}
		
					ul.main-menu li ul li:last-child
					{
						border-bottom: none;
					}
		
					ul.main-menu li ul li:hover
					{
						background: rgba(252, 252, 252, 0.97);
					}
		
			ul.main-menu > li:hover > div.settings_menu,
			ul.main-menu li ul > li:hover > div.settings_menu
			{
				display: block;
			}