.menu-wrap a{color:#333;}
.menu-wrap a:hover, .menu-wrap a:focus{color:#000;}
.content-wrap{overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.content{position:relative;background:#b4bad2;}
.content::before{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.3);content:'';opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);-webkit-transition:opacity 0.4s, -webkit-transform 0s 0.4s;transition:opacity 0.4s, transform 0s 0.4s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.menu-button{position:fixed;z-index:1000;padding:0px;width:85px;height:65px;border:none;text-indent:10px;font-size:43px;color:transparent;background:#ec008c;}
.menu-button::before{position:absolute;top:0.5em;right:0.5em;bottom:0.5em;left:0.5em;background:linear-gradient(#ffffff 20%, transparent 20%, transparent 40%, #ffffff 30%, #ffffff 60%, transparent 60%, transparent 80%, #ffffff 30%);content:'';}
.menu-button:hover{opacity:0.6;}
.close-button{width:1.2em;height:1.2em;position:absolute;right:-0.6em;top:7%;overflow:hidden;text-indent:1em;font-size:3em;border:none;background:#f3f0f0;color:transparent;border:6px solid #f3f0f0;}
.close-button::before, .close-button::after{content:'';position:absolute;width:3px;height:100%;top:0;left:50%;background:#666;}
.close-button::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.close-button::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu-wrap{position:fixed;z-index:99999;width:40%;height:100%;background:#F3F0F0;padding:2.5em 2.5em 0;font-size:1.15em;-webkit-transform:translate3d(-110%, 0, 0);transform:translate3d(-110%, 0, 0);-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.menu,
.icon-list{height:100%;}.menu-wrap h1
.icon-list a{margin-bottom:30px}
.icon-list a:hover h1,
.icon-list a:hover p,
.icon-list a:hover div.number{color:#000000;}
.icon-list a:after,
.icon-list a:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #F3F0F0;bottom:0px;content:" ";left:8%;display:block;margin:0;position:absolute;-webkit-transition:all 280ms ease-in-out;transition:all 280ms ease-in-out;width:0;}
.icon-list a:hover:after,
.icon-list a:hover:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:#000000;-webkit-transition:width 350ms ease-in-out;transition:width 350ms ease-in-out;width:30%;}
.icon-list a:hover:before{bottom:0;left:10%;top:auto;width:30%;}
.icon-list{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
.icon-list a{display:block;padding:0.8em;-webkit-transform:translate3d(0, 500px, 0);transform:translate3d(0, 500px, 0);}
.icon-list, .icon-list a{-webkit-transition:-webkit-transform 0s 0.4s;transition:transform 0s 0.4s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.icon-list a:nth-child(2){-webkit-transform:translate3d(0, 1000px, 0);transform:translate3d(0, 1000px, 0);}
.icon-list a:nth-child(3){-webkit-transform:translate3d(0, 1500px, 0);transform:translate3d(0, 1500px, 0);}
.icon-list a:nth-child(4){-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
.icon-list a:nth-child(5){-webkit-transform:translate3d(0, 2500px, 0);transform:translate3d(0, 2500px, 0);}
.icon-list a:nth-child(6){-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0);}
.icon-list a span{margin-left:10px;font-weight:400;}
.show-menu .menu-wrap{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:-webkit-transform 0.8s;transition:transform 0.8s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.show-menu .icon-list, .show-menu .icon-list a{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:-webkit-transform 0.8s;transition:transform 0.8s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.show-menu .icon-list a{-webkit-transition-duration:0.9s;transition-duration:0.9s;float:left;padding:0px;background:none;width:100%;margin-bottom:20px; }
.show-menu .content::before{opacity:1;-webkit-transition:opacity 0.8s;transition:opacity 0.8s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.menu-wrap h1{font-weight:800;margin-top:0px;font-size:3.5vh; margin-bottom: 0px;}
.menu-wrap h2{font-weight:800;margin-top:0px;font-size:3vh;text-transform:capitalize;}
.menu-wrap p{font-weight:500;margin-top:0px;font-size:1.2rem;text-transform:uppercase;color:#000000;}
.menu-wrap div.number{float:right;font-weight:400;margin-top:10px;color:#000;font-size:1rem;-ms-transform:rotate(-270deg);-webkit-transform:rotate(-270deg);transform:rotate(-270deg);}
@media screen and (min-width: 260px) and (max-width: 768px)
{
	.show-menu .icon-list a { margin-bottom:16px !important; }
	.menu-wrap {  width: 100% !important;}
	.header_menu_logo {top:20px !important;}
}