[canvas] {z-index: 1;}
[canvas=container] {width: 100%;height: 100%;overflow-y: auto;position: relative; /* Basic background color, overwrite this in your own css. */-webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */}
.menu_active [canvas=container] {background-color: rgba(98, 30, 25, 0.02);}
[canvas=container]:before, [canvas=container]:after {clear: both;content: '';display: table;}

/**
 * Off-Canavs
 */
[off-canvas] {display: none;position: fixed;padding:40px 0;overflow: hidden;overflow-y: auto;background-color:#5a4e49; /* Basic background color, overwrite this in your own css. */color: white; /* Basic colors, overwrite this in your own css. */-webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */}
[off-canvas*=top] {width: 100%;height: 255px;top: 0;}
[off-canvas*=right] {width: 255px;height: 100%;top: 0;right: 0;}
[off-canvas*=bottom] {width: 100%;height: 255px;bottom: 0;}
[off-canvas*=left] {width: 255px;height: 100%;top: 0;left: 0;}
[off-canvas*=reveal] {z-index: 0;}
[off-canvas*=push] {z-index: 1;}
[off-canvas*=overlay] {z-index: 9999;}
[off-canvas*=shift] {z-index: 0;}
/**
 * Animation
 */
[canvas], [off-canvas] {-webkit-transform: translate( 0px, 0px );-ms-transform: translate( 0px, 0px );transform: translate( 0px, 0px );-webkit-transition: -webkit-transform 300ms;transition:         transform 300ms;-webkit-backface-visibility: hidden; /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */}
.fixed [canvas],.fixed [off-canvas]{-webkit-transform: none;-ms-transform: none;transform: none;-webkit-transition: none;transition:none;-webkit-backface-visibility: hidden;}
[off-canvas*=shift][off-canvas*=top] {-webkit-transform: translate( 0px, 50% );transform: translate( 0px, 50% );}
[off-canvas*=shift][off-canvas*=right] {-webkit-transform: translate( -50%, 0px );transform: translate( -50%, 0px );}
[off-canvas*=shift][off-canvas*=bottom] {-webkit-transform: translate( 0px, -50% );transform: translate( 0px, -50% );}
[off-canvas*=shift][off-canvas*=left] {-webkit-transform: translate( 50%, 0px );transform: translate( 50%, 0px );}
/**
 * Print
 */
 @media print {[canvas] {-webkit-transform: translate( 0px, 0px ) !important;-ms-transform: translate( 0px, 0px ) !important;transform: translate( 0px, 0px ) !important;}[off-canvas] {display: none !important;}}