/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;		
	position: absolute;
	top:0;
	right:0;
	padding-top: 45px;
	z-index: 999;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	border: none;
	width: 50px;
	height: 50px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background:#0091f7 url(../images/menu-button-bg.png) no-repeat center center;
	background-size: 50%;
}

.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	background-color:#0091f7;
}

.dl-menuwrapper ul {
	background:#fff;
	-moz-box-shadow: 0px 3px 5px rgba(199,0,11,.32);
    -webkit-box-shadow: 0px 3px 5px rgba(199,0,11,.32);
    box-shadow: 0px 3px 5px rgba(199,0,11,.32);

}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a img{ margin-left:15px;}
.dl-menuwrapper li a {	
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color:#0091f7;
	border-top: 1px solid #0091f7;
	outline: none;
	text-align: center;
}
.dl-menuwrapper li .hidee{
	display: none;
}
.dl-menuwrapper li .showw{
	display: block;
}