html, body { width: 100%; height: 100%; }
html, body, .container, .content-wrap { /*overflow: hidden;*/
width: 100%; height: 100%; }
.menu-wrap a:hover, .menu-wrap a:focus { color: #c94e50; }
.content-wrap { /*	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;*/
}
.content { position: relative; }
.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 */
.menu-button { background: #35270b none repeat scroll 0 0; border: medium none; color: rgba(0, 0, 0, 0); height: 69px; left: 28px; line-height: 16px; padding: 0; position: fixed; top: 28px; width: 69px; z-index: 1000; cursor: pointer; }
/*.menu-button::before {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	bottom: 0.5em;
	left: 0.5em;
	background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
	content: '';
}*/

.menu-button:hover { opacity: 0.6; }
/* Close Button */
.close-button { width: 1em; height: 1em; position: absolute; left: 27px; top: 27px; overflow: hidden; text-indent: 1em; font-size: 47px; border: none; background: transparent; color: transparent; cursor: pointer; }
.close-button::before, .close-button::after { content: ''; position: absolute; width: 3px; height: 100%; top: 0; left: 50%; background: #fefefe; }
.close-button::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.close-button::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
/* Menu */
.menu-wrap { /*position: absolute;*/
position: fixed; z-index: 1001; width: 476px; height: 100%; background: #35270b; padding: 183px 60px 0 0; font-size: 50px; text-align: right; -webkit-transform: translate3d(-476px, 0, 0); transform: translate3d(-476px, 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%; }
.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 { }
/* Shown menu */
.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); }
.icon-list a { color: #fff !important;  text-transform: uppercase;}
.show-menu .icon-list, .show-menu .icon-list a { color: #ffffff; display: block; letter-spacing: 0.5px; margin: 0 0 50px; padding: 0; text-transform: uppercase; -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:hover { color: #b49042 !important; text-decoration: none; }
.show-menu .icon-list a { -webkit-transition-duration: 0.9s; transition-duration: 0.9s; }
.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); }