@font-face{
	font-family:'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot@#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight:normal;
	font-style:normal;
}

/* Common styles of menus */

.dl-menuwrapper{
	width:100%;
	max-width:250px;
	float:right;
	position:absolute;
	top:0;
	right:0;
	padding-top:80px;
	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{
	border:none;
	width:80px;
	height:80px;
	padding:0;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	outline:none;
	/*background:url(menu-button-bg.png) no-repeat center center;*/
	background-size:50%;
	background:#0C91BC;
	box-sizing:border-box;
}

.dl-menuwrapper button span:before,.dl-menuwrapper button span:after{
	content:"";
	height:4px;
	width:30px;
	clear:both;
	background:#fff;
	position:absolute;
	left:0;
	transition:transform 0.5s;
	transform-origin:50% 50%;
}
.dl-menuwrapper button span:before{
	transform:translate3d(0,-10px,0);
	-webkit-transform:translate3d(0,-10px,0);
	-moz-transform:translate3d(0,-10px,0);
	-ms-transform:translate3d(0,-10px,0);
}
.dl-menuwrapper button span:after{
	transform:translate3d(0,10px,0);
	-webkit-transform:translate3d(0,10px,0);
	-moz-transform:translate3d(0,10px,0);
	-ms-transform:translate3d(0,10px,0);
}
.dl-menuwrapper button span{
	content:"";
	height:4px;
	width:30px;
	margin:20px 25px;
	display:block;
	clear:both;
	background:#fff;
	position:absolute;
	left:0;
	top:20px;
	transition:transform 0.5s;
	transform-origin:50% 50%;
}
.dl-menuwrapper button.dl-active span:before{ transform: rotate3d(0, 0, 1, 45deg); opacity:1; visibility:visible;}
.dl-menuwrapper button.dl-active span:after{ transform: rotate3d(0, 0, 1, -45deg); opacity:1; visibility:visible;}
.dl-menuwrapper button.dl-active span{ visibility:hidden;}



.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active{}

.dl-menuwrapper ul{background:#fff;}

/*
.dl-menuwrapper button:after{
	content:'';
	position:absolute;
	width:60%;
	height:4px;
	background:#fff;
	top:12px;
	left:22%;
	box-shadow:0 10px 0 #fff, 
		0 20px 0 #fff;
}
*/

.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{
	display:block;
	position:relative;
	padding:15px 20px;
	font-size:16px;
	line-height:20px;
	font-weight:300;
	border-bottom:1px solid #D2D2D2;
	outline:none;
}

.no-touch .dl-menuwrapper li a:hover{
	background:rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a{
	padding-left:30px;
	background:rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after{
	position:absolute;
	top:0;
	line-height:50px;
	font-size:30px;
	font-family:'FontAwesome';
	speak:none;
	-webkit-font-smoothing:antialiased;
	content:"\f0da";
}

.dl-menuwrapper li.dl-back:after{
	left:10px;
	color:rgba(0,0,0,0.8);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}

.dl-menuwrapper li > a:after{
	right:10px;
	color:rgba(0,0,0,0.8);
}

.dl-menuwrapper .dl-menu{
	margin:0;
	position:absolute;
	width:100%;
	opacity:0;
	pointer-events:none;
	-webkit-transform:translateY(10px);
	-moz-transform:translateY(10px);
	transform:translateY(10px);
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen{
	opacity:1;
	pointer-events:auto;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu{
	display:none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a{
	display:none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{
	display:block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu{
	position:absolute;
	width:100%;
	top:50px;
	left:0;
	margin:0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1{
	-webkit-animation:MenuAnimOut1 0.4s;
	-moz-animation:MenuAnimOut1 0.4s;
	animation:MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2{
	-webkit-animation:MenuAnimOut2 0.3s ease-in-out;
	-moz-animation:MenuAnimOut2 0.3s ease-in-out;
	animation:MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3{
	-webkit-animation:MenuAnimOut3 0.4s ease;
	-moz-animation:MenuAnimOut3 0.4s ease;
	animation:MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4{
	-webkit-animation:MenuAnimOut4 0.4s ease;
	-moz-animation:MenuAnimOut4 0.4s ease;
	animation:MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5{
	-webkit-animation:MenuAnimOut5 0.4s ease;
	-moz-animation:MenuAnimOut5 0.4s ease;
	animation:MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1{
	50%{
		-webkit-transform:translateZ(-250px) rotateY(30deg);
	}
	75%{
		-webkit-transform:translateZ(-372.5px) rotateY(15deg);
		opacity:.5;
	}
	100%{
		-webkit-transform:translateZ(-500px) rotateY(0deg);
		opacity:0;
	}
}

@-webkit-keyframes MenuAnimOut2{
	100%{
		-webkit-transform:translateX(-100%);
		opacity:0;
	}
}

@-webkit-keyframes MenuAnimOut3{
	100%{
		-webkit-transform:translateZ(300px);
		opacity:0;
	}
}

@-webkit-keyframes MenuAnimOut4{
	100%{
		-webkit-transform:translateZ(-300px);
		opacity:0;
	}
}

@-webkit-keyframes MenuAnimOut5{
	100%{
		-webkit-transform:translateY(40%);
		opacity:0;
	}
}

@-moz-keyframes MenuAnimOut1{
	50%{
		-moz-transform:translateZ(-250px) rotateY(30deg);
	}
	75%{
		-moz-transform:translateZ(-372.5px) rotateY(15deg);
		opacity:.5;
	}
	100%{
		-moz-transform:translateZ(-500px) rotateY(0deg);
		opacity:0;
	}
}

@-moz-keyframes MenuAnimOut2{
	100%{
		-moz-transform:translateX(-100%);
		opacity:0;
	}
}

@-moz-keyframes MenuAnimOut3{
	100%{
		-moz-transform:translateZ(300px);
		opacity:0;
	}
}

@-moz-keyframes MenuAnimOut4{
	100%{
		-moz-transform:translateZ(-300px);
		opacity:0;
	}
}

@-moz-keyframes MenuAnimOut5{
	100%{
		-moz-transform:translateY(40%);
		opacity:0;
	}
}

@keyframes MenuAnimOut1{
	50%{
		transform:translateZ(-250px) rotateY(30deg);
	}
	75%{
		transform:translateZ(-372.5px) rotateY(15deg);
		opacity:.5;
	}
	100%{
		transform:translateZ(-500px) rotateY(0deg);
		opacity:0;
	}
}

@keyframes MenuAnimOut2{
	100%{
		transform:translateX(-100%);
		opacity:0;
	}
}

@keyframes MenuAnimOut3{
	100%{
		transform:translateZ(300px);
		opacity:0;
	}
}

@keyframes MenuAnimOut4{
	100%{
		transform:translateZ(-300px);
		opacity:0;
	}
}

@keyframes MenuAnimOut5{
	100%{
		transform:translateY(40%);
		opacity:0;
	}
}

.dl-menu.dl-animate-in-1{
	-webkit-animation:MenuAnimIn1 0.3s;
	-moz-animation:MenuAnimIn1 0.3s;
	animation:MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2{
	-webkit-animation:MenuAnimIn2 0.3s ease-in-out;
	-moz-animation:MenuAnimIn2 0.3s ease-in-out;
	animation:MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3{
	-webkit-animation:MenuAnimIn3 0.4s ease;
	-moz-animation:MenuAnimIn3 0.4s ease;
	animation:MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4{
	-webkit-animation:MenuAnimIn4 0.4s ease;
	-moz-animation:MenuAnimIn4 0.4s ease;
	animation:MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5{
	-webkit-animation:MenuAnimIn5 0.4s ease;
	-moz-animation:MenuAnimIn5 0.4s ease;
	animation:MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1{
	0%{
		-webkit-transform:translateZ(-500px) rotateY(0deg);
		opacity:0;
	}
	20%{
		-webkit-transform:translateZ(-250px) rotateY(30deg);
		opacity:0.5;
	}
	100%{
		-webkit-transform:translateZ(0px) rotateY(0deg);
		opacity:1;
	}
}

@-webkit-keyframes MenuAnimIn2{
	0%{
		-webkit-transform:translateX(-100%);
		opacity:0;
	}
	100%{
		-webkit-transform:translateX(0px);
		opacity:1;
	}
}

@-webkit-keyframes MenuAnimIn3{
	0%{
		-webkit-transform:translateZ(300px);
		opacity:0;
	}
	100%{
		-webkit-transform:translateZ(0px);
		opacity:1;
	}
}

@-webkit-keyframes MenuAnimIn4{
	0%{
		-webkit-transform:translateZ(-300px);
		opacity:0;
	}
	100%{
		-webkit-transform:translateZ(0px);
		opacity:1;
	}
}

@-webkit-keyframes MenuAnimIn5{
	0%{
		-webkit-transform:translateY(40%);
		opacity:0;
	}
	100%{
		-webkit-transform:translateY(0);
		opacity:1;
	}
}

@-moz-keyframes MenuAnimIn1{
	0%{
		-moz-transform:translateZ(-500px) rotateY(0deg);
		opacity:0;
	}
	20%{
		-moz-transform:translateZ(-250px) rotateY(30deg);
		opacity:0.5;
	}
	100%{
		-moz-transform:translateZ(0px) rotateY(0deg);
		opacity:1;
	}
}

@-moz-keyframes MenuAnimIn2{
	0%{
		-moz-transform:translateX(-100%);
		opacity:0;
	}
	100%{
		-moz-transform:translateX(0px);
		opacity:1;
	}
}

@-moz-keyframes MenuAnimIn3{
	0%{
		-moz-transform:translateZ(300px);
		opacity:0;
	}
	100%{
		-moz-transform:translateZ(0px);
		opacity:1;
	}
}

@-moz-keyframes MenuAnimIn4{
	0%{
		-moz-transform:translateZ(-300px);
		opacity:0;
	}
	100%{
		-moz-transform:translateZ(0px);
		opacity:1;
	}
}

@-moz-keyframes MenuAnimIn5{
	0%{
		-moz-transform:translateY(40%);
		opacity:0;
	}
	100%{
		-moz-transform:translateY(0);
		opacity:1;
	}
}

@keyframes MenuAnimIn1{
	0%{
		transform:translateZ(-500px) rotateY(0deg);
		opacity:0;
	}
	20%{
		transform:translateZ(-250px) rotateY(30deg);
		opacity:0.5;
	}
	100%{
		transform:translateZ(0px) rotateY(0deg);
		opacity:1;
	}
}

@keyframes MenuAnimIn2{
	0%{
		transform:translateX(-100%);
		opacity:0;
	}
	100%{
		transform:translateX(0px);
		opacity:1;
	}
}

@keyframes MenuAnimIn3{
	0%{
		transform:translateZ(300px);
		opacity:0;
	}
	100%{
		transform:translateZ(0px);
		opacity:1;
	}
}

@keyframes MenuAnimIn4{
	0%{
		transform:translateZ(-300px);
		opacity:0;
	}
	100%{
		transform:translateZ(0px);
		opacity:1;
	}
}

@keyframes MenuAnimIn5{
	0%{
		transform:translateY(40%);
		opacity:0;
	}
	100%{
		transform:translateY(0);
		opacity:1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1{
	-webkit-animation:SubMenuAnimIn1 0.4s ease;
	-moz-animation:SubMenuAnimIn1 0.4s ease;
	animation:SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2{
	-webkit-animation:SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation:SubMenuAnimIn2 0.3s ease-in-out;
	animation:SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3{
	-webkit-animation:SubMenuAnimIn3 0.4s ease;
	-moz-animation:SubMenuAnimIn3 0.4s ease;
	animation:SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4{
	-webkit-animation:SubMenuAnimIn4 0.4s ease;
	-moz-animation:SubMenuAnimIn4 0.4s ease;
	animation:SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5{
	-webkit-animation:SubMenuAnimIn5 0.4s ease;
	-moz-animation:SubMenuAnimIn5 0.4s ease;
	animation:SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1{
	0%{
		-webkit-transform:translateX(50%);
		opacity:0;
	}
	100%{
		-webkit-transform:translateX(0px);
		opacity:1;
	}
}

@-webkit-keyframes SubMenuAnimIn2{
	0%{
		-webkit-transform:translateX(100%);
		opacity:0;
	}
	100%{
		-webkit-transform:translateX(0px);
		opacity:1;
	}
}

@-webkit-keyframes SubMenuAnimIn3{
	0%{
		-webkit-transform:translateZ(-300px);
		opacity:0;
	}
	100%{
		-webkit-transform:translateZ(0px);
		opacity:1;
	}
}

@-webkit-keyframes SubMenuAnimIn4{
	0%{
		-webkit-transform:translateZ(300px);
		opacity:0;
	}
	100%{
		-webkit-transform:translateZ(0px);
		opacity:1;
	}
}

@-webkit-keyframes SubMenuAnimIn5{
	0%{
		-webkit-transform:translateZ(-200px);
		opacity:0;
	}
	100%{
		-webkit-transform:translateZ(0);
		opacity:1;
	}
}

@-moz-keyframes SubMenuAnimIn1{
	0%{
		-moz-transform:translateX(50%);
		opacity:0;
	}
	100%{
		-moz-transform:translateX(0px);
		opacity:1;
	}
}

@-moz-keyframes SubMenuAnimIn2{
	0%{
		-moz-transform:translateX(100%);
		opacity:0;
	}
	100%{
		-moz-transform:translateX(0px);
		opacity:1;
	}
}

@-moz-keyframes SubMenuAnimIn3{
	0%{
		-moz-transform:translateZ(-300px);
		opacity:0;
	}
	100%{
		-moz-transform:translateZ(0px);
		opacity:1;
	}
}

@-moz-keyframes SubMenuAnimIn4{
	0%{
		-moz-transform:translateZ(300px);
		opacity:0;
	}
	100%{
		-moz-transform:translateZ(0px);
		opacity:1;
	}
}

@-moz-keyframes SubMenuAnimIn5{
	0%{
		-moz-transform:translateZ(-200px);
		opacity:0;
	}
	100%{
		-moz-transform:translateZ(0);
		opacity:1;
	}
}

@keyframes SubMenuAnimIn1{
	0%{
		transform:translateX(50%);
		opacity:0;
	}
	100%{
		transform:translateX(0px);
		opacity:1;
	}
}

@keyframes SubMenuAnimIn2{
	0%{
		transform:translateX(100%);
		opacity:0;
	}
	100%{
		transform:translateX(0px);
		opacity:1;
	}
}

@keyframes SubMenuAnimIn3{
	0%{
		transform:translateZ(-300px);
		opacity:0;
	}
	100%{
		transform:translateZ(0px);
		opacity:1;
	}
}

@keyframes SubMenuAnimIn4{
	0%{
		transform:translateZ(300px);
		opacity:0;
	}
	100%{
		transform:translateZ(0px);
		opacity:1;
	}
}

@keyframes SubMenuAnimIn5{
	0%{
		transform:translateZ(-200px);
		opacity:0;
	}
	100%{
		transform:translateZ(0);
		opacity:1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1{
	-webkit-animation:SubMenuAnimOut1 0.4s ease;
	-moz-animation:SubMenuAnimOut1 0.4s ease;
	animation:SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2{
	-webkit-animation:SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation:SubMenuAnimOut2 0.3s ease-in-out;
	animation:SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3{
	-webkit-animation:SubMenuAnimOut3 0.4s ease;
	-moz-animation:SubMenuAnimOut3 0.4s ease;
	animation:SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4{
	-webkit-animation:SubMenuAnimOut4 0.4s ease;
	-moz-animation:SubMenuAnimOut4 0.4s ease;
	animation:SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5{
	-webkit-animation:SubMenuAnimOut5 0.4s ease;
	-moz-animation:SubMenuAnimOut5 0.4s ease;
	animation:SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1{
	0%{
		-webkit-transform:translateX(0%);
		opacity:1;
	}
	100%{
		-webkit-transform:translateX(50%);
		opacity:0;
	}
}

@-webkit-keyframes SubMenuAnimOut2{
	0%{
		-webkit-transform:translateX(0%);
		opacity:1;
	}
	100%{
		-webkit-transform:translateX(100%);
		opacity:0;
	}
}

@-webkit-keyframes SubMenuAnimOut3{
	0%{
		-webkit-transform:translateZ(0px);
		opacity:1;
	}
	100%{
		-webkit-transform:translateZ(-300px);
		opacity:0;
	}
}

@-webkit-keyframes SubMenuAnimOut4{
	0%{
		-webkit-transform:translateZ(0px);
		opacity:1;
	}
	100%{
		-webkit-transform:translateZ(300px);
		opacity:0;
	}
}

@-webkit-keyframes SubMenuAnimOut5{
	0%{
		-webkit-transform:translateZ(0);
		opacity:1;
	}
	100%{
		-webkit-transform:translateZ(-200px);
		opacity:0;
	}
}

@-moz-keyframes SubMenuAnimOut1{
	0%{
		-moz-transform:translateX(0%);
		opacity:1;
	}
	100%{
		-moz-transform:translateX(50%);
		opacity:0;
	}
}

@-moz-keyframes SubMenuAnimOut2{
	0%{
		-moz-transform:translateX(0%);
		opacity:1;
	}
	100%{
		-moz-transform:translateX(100%);
		opacity:0;
	}
}

@-moz-keyframes SubMenuAnimOut3{
	0%{
		-moz-transform:translateZ(0px);
		opacity:1;
	}
	100%{
		-moz-transform:translateZ(-300px);
		opacity:0;
	}
}

@-moz-keyframes SubMenuAnimOut4{
	0%{
		-moz-transform:translateZ(0px);
		opacity:1;
	}
	100%{
		-moz-transform:translateZ(300px);
		opacity:0;
	}
}

@-moz-keyframes SubMenuAnimOut5{
	0%{
		-moz-transform:translateZ(0);
		opacity:1;
	}
	100%{
		-moz-transform:translateZ(-200px);
		opacity:0;
	}
}

@keyframes SubMenuAnimOut1{
	0%{
		transform:translateX(0%);
		opacity:1;
	}
	100%{
		transform:translateX(50%);
		opacity:0;
	}
}

@keyframes SubMenuAnimOut2{
	0%{
		transform:translateX(0%);
		opacity:1;
	}
	100%{
		transform:translateX(100%);
		opacity:0;
	}
}

@keyframes SubMenuAnimOut3{
	0%{
		transform:translateZ(0px);
		opacity:1;
	}
	100%{
		transform:translateZ(-300px);
		opacity:0;
	}
}

@keyframes SubMenuAnimOut4{
	0%{
		transform:translateZ(0px);
		opacity:1;
	}
	100%{
		transform:translateZ(300px);
		opacity:0;
	}
}

@keyframes SubMenuAnimOut5{
	0%{
		transform:translateZ(0);
		opacity:1;
	}
	100%{
		transform:translateZ(-200px);
		opacity:0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu{
	position:relative;
	opacity:1;
	-webkit-transform:none;
	-moz-transform:none;
	transform:none;
}

.no-js .dl-menuwrapper li .dl-submenu{
	display:block;
}

.no-js .dl-menuwrapper li.dl-back{
	display:none;
}

.no-js .dl-menuwrapper li > a:not(:only-child){
	background:rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after{
	content:'';
}