.menu-wrap{
	width: auto;
	height: auto;
	position: fixed;
	text-align: center;
	top:0;
	left:0;
}
.mh-menu{
	height:490px;
	width: 40px;
	top:50px;
 left:-8px;
	position: relative;
}
.mh-menu:hover{
	height: 490px;
	width: 400px;
	top:50px;
 left:0;
	position: relative;
}
.mh-menu li{
	width: 90px;
}
.mh-menu li a{
	display: block;
	width: 100px;
	padding: 0px ;
	text-align: right;
	position: relative;
	z-index: 10;
/*	background: #fff;*/
	height: 70px;
/*	border-right: 1px solid #ddd;*/
/*	background-color: rgba(255,255,255, 0.8);*/
}
.mh-menu li:nth-child(1):hover a{
	background-color:rgba(211,244,187,0.7);
}
.mh-menu li:nth-child(2):hover a{
	background-color:rgba(199,232,250,0.7);
}
/*.mh-menu li:nth-child(3):hover a{
	background-color:rgba(254,187,209,0.7);
	}*/
.mh-menu li:nth-child(3):hover a{
	background-color: rgba(228, 217, 254, 0.7);
}
/*.mh-menu li:nth-child(5):hover a{
	background-color: rgba(210, 254, 241, 0.7);
}*/
.mh-menu li:nth-child(6):hover a{
	background-color: rgba(255, 237, 194, 0.7);
}
.mh-menu li:nth-child(4):hover a{
	background-color: rgba(195, 218, 253, 0.7);
}
.mh-menu li:nth-child(5):hover a{
	background-color: rgba(200,242,226, 0.7);
}
/*.mh-menu li:nth-child(6):hover a{
	background-color: rgba(255, 237, 194, 0.7);
}*/
.mh-menu li a span{
	display:block;
}
.mh-menu li a span:first-child{
	font-weight: 700;
	font-size: 16px;
	color: #ddd;
	padding-top: 10px;
	font-family: 'Alegreya SC', Georgia, serif;
}
.mh-menu li a span:nth-child(2){
	font-weight: 400;
	font-style: italic;
	font-size: 28px;
	font-family: 'Alegreya SC', Georgia, serif;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	transition: color 0.2s linear;
}
.mh-menu li:hover span:nth-child(2){
	color: #fff;
}
.mh-menu li div{
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	opacity: 0;
	-webkit-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	-moz-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	-o-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	-ms-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
}
.mh-menu li:hover div{
	left: 100px;
	opacity: 1;
}
.cd div{position:static !important;
					transition:none !important;
					opacity:1 !important;}
.cd{ height:180px; width:100px;}
.bg-1{	background-color:#ffe9be;}
.bg-2{	background-color:rgba(199,232,250,1);}
.bg-3{		background-color:rgba(251,196,214,1);}
.cd-icon{
					width:100px;
					height:80px;
					background:none;
					position:static !important;
					transition:none !important;
					opacity:1 !important;
					z-index:999;
					margin:10px 0;
					}
.cd-icon:hover{
					width:100px;
					height:80px;
					background:rgba(255, 255, 255,0.6);
						position:static !important;
					transition:none !important;
					opacity:1 !important;
					z-index:999;
					margin:10px 0;
						
					}