/* line 6, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas {  transform: translate3d(0, 0, 0);  -webkit-backface-visibility: hidden;  
backface-visibility: hidden;}
.js-offcanvas-close  {  transform: translate3d(0, 0, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
/* line 11, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas, .c-offcanvas-content-wrap, .c-offcanvas-bg.c-offcanvas-bg--reveal, 
.c-offcanvas-bg.c-offcanvas-bg--push {
  transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);}

/* line 15, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas.is-open {  transform: translate3d(0, 0, 0);  visibility: visible;}

/**
 * Offcanvas-content-wrap
*/
/* line 11, ../../src/js-offcanvas.scss */
.c-offcanvas-content-wrap {  z-index: 3;}

/**
 * Offcanvas Panel
*/
/* line 20, ../../src/js-offcanvas.scss */
.c-offcanvas { position: fixed; min-height: 100%; width:400px; max-height: none;  top: 0;   
  overflow-x: hidden;  overflow-y: auto;}

.js-offcanvas-close {background: url("../../img/bg_btn.png") no-repeat 0px 0px; 
height: 25px; width: 25px;
position: absolute;
  position: fixed;
  top: 30px;
  height: 30px;
  width: 30px;
   left: 27%; 
  background-color: transparent;
  transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index:9999999999;
  color:#ffffff;
}

/* line 35, ../../src/js-offcanvas.scss */
.c-offcanvas--opening {  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);}
/* line 38, ../../src/js-offcanvas.scss */
.c-offcanvas.is-closed { max-height: 100%; overflow: hidden; visibility: hidden; box-shadow: none;}

/* line 48, ../../src/js-offcanvas.scss */
.c-offcanvas--overlay {z-index: 99999;}



/**
 * Offcanvas BG-Overlay
*/
/* line 59, ../../src/js-offcanvas.scss */
.c-offcanvas-bg {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  left: -100%;
  background-color: transparent;
  transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}






/* line 69, ../../src/js-offcanvas.scss */
.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  visibility: visible;
}
/* line 76, ../../src/js-offcanvas.scss */
.c-offcanvas-bg.is-closed {
  visibility: hidden;
}
/* line 78, ../../src/js-offcanvas.scss */
.c-offcanvas-bg--closing.is-animating {
  background: transparent;
}



/**
 *  Position Right
 *
*/
/* line 117, ../../src/js-offcanvas.scss */
.c-offcanvas--right {
  height: 100%;
  width: 16em;
  right: 0;
  transform: translate3d(16em, 0, 0);
}





/**
 * Reveal
 *
*/
/* line 148, ../../src/js-offcanvas.scss */
.c-offcanvas-content-wrap {
  z-index: 3;
}

/* line 66, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

/* line 166, ../../src/js-offcanvas.scss */
.c-offcanvas--reveal {
  z-index: 0;
  transform: translate3d(0, 0, 0);
}


/* line 82, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

/**
 * Push
 *
*/

/* line 66, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
  transform: translate3d(-17em, 0, 0);
}


/* line 82, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
  transform: translate3d(-17em, 0, 0);
}