/* [canvas]{
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:-webkit-transform 300ms;
	-moz-transition:-moz-transform 300ms;
	-ms-transition:-ms-transform 300ms;
	-o-transition:-o-transform 300ms;
	transition:transform 300ms
} */
main{
	overflow:hidden;
	position:relative;
	z-index:1;
	background:#fff;
	display:block; 
	min-height: 100%; 
}
.toggle-canvas{
	float:left;
	z-index:2;
	padding:9px 10px;
	height:42px;
	line-height:25px;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#ededeb;
	background:#e27f26;
}
offcanvas{
	overflow:auto;
	background:#ae6e36;
	-webkit-font-smoothing:antialiased;
	display:none;
}
offcanvas[alive=true]{
	position:fixed;
	display:none;
	top:0;
	left:0;
	padding:0;
	width:258px;
	min-width:258px;
	z-index:0;
	-ms-overflow-style:-ms-autohiding-scrollbar
}
offcanvas ul{
	margin:0;
	padding:0;
	list-style-type:none
}
offcanvas ul>li{
	display:block
}
offcanvas ul>li>a{
	display:block;
	font-size:16px;
	line-height:20px;
	color:#fff
}
offcanvas ul>li>a:hover{
	color:#ededeb
}
.icon-bar {
	float: left;
	background: #fff;
	border-radius: 2px;
    height: 4px;
	width: 22px;
	margin-top: 4px;
	clear: both;
}
.close-menu .icon-bar.one {
	-ms-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);
	transition: all 300ms ease-in 0s;
	margin-top: 11px;
}
.close-menu .icon-bar.two {
	display: none;
}
.close-menu .icon-bar.three {
	-ms-transform: rotate(-45deg); 
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all 300ms ease-in 0s;
	margin-top: -4px;
}
.noscroll{
	overflow:hidden;
}