#push-logotype {
    width: 240px;
    height: 100px;
    z-index: 30;
	position: absolute;
	left: -117px;
    top: -216px;
}




.nav-menu ul {
	 list-style: none;
	
	 padding: 0;
}
.nav-menu ul.menu li {
    padding: 0.1em 0px;
    font-size: 1.6em;
    line-height: 140%;
}
button.menu-toggle {
	 opacity: 1;
	 background-color: transparent;
	 position: fixed;
	 z-index: 20;
	 top: 24px;
	 right: 24px;
	 border: none;
	 width: 36px;
	 height: 30px;
	 outline: none;
	 transition: opacity 0.2s ease-out;
}
 button.menu-toggle:before {
	 content: "";
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 margin: auto;
	 right: auto;
	 width: 100%;
	 background: linear-gradient(to bottom, #BE3230, #BE3230 20%, transparent 20%, transparent 40%, #BE3230 40%, #BE3230 60%, transparent 60%, transparent 80%, #BE3230 80%, #BE3230 100%);
	 transition: opacity 0.2s ease-out, width 0.2s 0.2s ease-out;
}
button.menu-toggle:after {
	 opacity: 0;
	 content: '×';
	 color: white;
	 position: absolute;
	 top: 16px;
	 left: -4px;
	 font-family: Arial, sans-serif;
	 font-size: 76px;
	 line-height: 0;
	 transition: opacity 0.4s ease-out;
}
button.menu-toggle:active {
	 transform: translateY(2px);
}
button.menu-toggle:hover {
	 opacity: 1;
}
.open button.menu-toggle {
	 opacity: 1;
}
.open button.menu-toggle:before {
	 opacity: 0;
	 width: 0;
}
.open button.menu-toggle:after {
	 opacity: 1;
	 transform: translate3d(0, 0, 0) rotate(360deg);
	 transition: transform 0.4s 1s ease-out, opacity 0.4s 1s ease-out;
}
 nav.nav-menu {
	 z-index: 10;
	 position: fixed;
	 top: -100%;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 transform: translate3d(0, 0, 0);
	 backface-visibility: hidden;
	 overflow: hidden;
	 transition: ease-out;
	 opacity: 0;
	 z-index: -1;
}
 nav.nav-menu:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 margin: auto;
	 background: rgba(0, 0, 0, 0.98);
	 width: 100%;
	 height: 0;
	 padding-bottom: 100%;
	 border-radius: 100%;
	 transform: scale(0.04), translateY(9999px);
	 overflow: hidden;
}
 .open nav.nav-menu {
	 top: 0;
	 opacity: 1;
	 z-index: 10;
}
 .open nav.nav-menu:before {
	 animation: menu-animation 0.8s ease-out forwards;
}
.nav-menu ul.menu {
	 position: fixed;
	 /*top: 50%;*/
	 /*left: 15%;*/
	 /*transform: translate3d(50%, 20%, 0);*/
	 backface-visibility: hidden;
	 perspective: 1000;
	 color: white;
	 font-weight: 500;
	 top: 120px;
    
    
}
.nav-menu ul.menu li {
	 opacity: 0;
	 text-align: left;
	 transform: translate3d(0, 36px, 0);
}
.nav-menu ul.menu li:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 margin: auto;
	 left: auto;
	 /*background-color: white;*/
	 height: 100%;
	 width: 0;
	 overflow: hidden;
	 transition: width 0.14s ease-out;
}
.nav-menu ul.menu li:after {
	 opacity: 0;
	 content: attr(data-text);
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 margin: auto;
	 color: blue;
	 overflow: hidden;
	 transform: translate(-24px, 6px);
	 transition: transform 0.1s ease-out, opacity 0.1s ease-out;
}

	 .nav-menu ul.menu li:hover {
	 	 color: rgba(255,255,255, 0.8);
	 }
	 	.nav-menu ul.menu li.li-heading:hover {
	 		color: rgba(255,255,255, 1);
			}

.nav-menu ul.menu li:hover:before {
	 left: 0;
	 right: auto;
	 width: 100%;
}
.nav-menu ul.menu li:hover:after {
	 opacity: 1;
	 padding: 0 20px;
	 transform: translate(0px, 6px);
	 transition: transform 0.2s 0.14s ease-out, opacity 0.2s 0.14s ease-out;
}



.nav-menu li.li-heading {
    color: white;
    font-size: 1.5em!important;
    font-weight: 100;
    cursor: default!important;
    
}
.nav-menu li.li-heading:hover {
text-decoration: none!important;
    
}


ul.menu ul li {
    color: #a9a9a9;
}



.nav-menu li.li-last {
}



.nav-menu ul ul{
	    padding: 20px 0 0 0;
    margin-bottom: 20px;
}




 .open .nav-menu ul.menu li {
	 opacity: 1;
	 transform: translate3d(0, 0, 0);
	 transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
 .open .nav-menu ul.menu li:nth-child(1) {
	 transition-delay: 0.75s;
}
 .open .nav-menu ul.menu li:nth-child(2) {
	 transition-delay: 0.85s;
}
 .open .nav-menu ul.menu li:nth-child(3) {
	 transition-delay: 0.95s;
}
 .open .nav-menu ul.menu li:nth-child(4) {
	 transition-delay: 1.05s;
}



 @keyframes menu-animation {
	 0% {
		 opacity: 0;
		 transform: scale(0.04) translateY(300%);
	}
	 40% {
		 transform: scale(0.04) translateY(0);
		 transition: ease-out;
	}
	 40% {
		 transform: scale(0.04) translateY(0);
	}
	 60% {
		 opacity: 1;
		 transform: scale(0.02) translateY(0px);
	}
	 61% {
		 transform: scale(0.04);
	}
	 99.9% {
		 height: 0;
		 padding-bottom: 100%;
		 border-radius: 100%;
	}
	 100% {
		 transform: scale(2);
		 height: 100%;
		 padding-bottom: 0;
		 border-radius: 0;
	}
}