/* [sass, assets/scss, pure-drawer.scss] */
/**************
## Container ##
**************/
.pure-container {
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch; }

body.admin-bar .pure-drawer, body.admin-bar .ie8-sidemenu {
    margin-top:32px;   
}

/************
## Toggler ##
************/
.pure-toggle {
  left: -9999px;
  position: absolute;
  top: -9999px; }
.pure-toggleIE {
  left: -9999px;
  position: absolute;
  top: -9999px; }
  .pure-toggle:focus ~ .pure-toggle-label {
    border-color: #1fc08e;
    color: #1fc08e; }

.pure-toggle-label {
  cursor: pointer;
  display: block;
  position: relative;
  right: 0px;
  z-index: 99;
  color: #69A0CF;
  font-size: 17px;
  text-align: center;
  font-weight: 300;
  transition: all 400ms ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .pure-toggle-label:hover {
    color: #306a9f; }
  .pure-toggle-label:active {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

[data-position='right'] .pure-toggle-label {
  /*left: auto;*/ }

[data-position='top'] .pure-toggle-label {
  /*left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);*/ }

.pure-toggle:checked ~ .pure-toggle-label {
  /* -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
  transform: translate3d(0, 0, 0) rotate(-45deg);
  border-color: #1fc08e;
  color: #1fc08e; */ }

[data-position='right'] .pure-toggle:checked ~ .pure-toggle-label {
  /*-webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); */ }

[data-position='top'] .pure-toggle:checked ~ .pure-toggle-label {
  /* -webkit-transform: rotate(-45deg) translate3d(-20px, -20px, 0);
  transform: rotate(-45deg) translate3d(-20px, -20px, 0); */ }

/***********
## Drawer ##
***********/
.pure-drawer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  background-color: #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%; }
  @media only screen and (min-width:40.063em) {
    .pure-drawer {
      width: 300px; } }
  @media only screen and (min-width:64.063em) {
    .pure-drawer {
      width: 300px; } }

[data-position='right'] .pure-drawer {
  left: auto;
  right: 0; }

[data-position='top'] .pure-drawer {
  min-height: auto;
  width: 100%; }
  @media only screen and (min-width:40.063em) {
    [data-position='top'] .pure-drawer {
      height: 100%; } }
  @media only screen and (min-width:64.063em) {
    [data-position='top'] .pure-drawer {
      height: auto; } }

/*********************
## Pusher Container ##
*********************/
.pure-pusher-container {
  position: relative;
  height: 100%;
  overflow: hidden; }

/***********
## Pusher ##
***********/
.pure-pusher {
  position: relative;
  height: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

/*******************
## Pusher Overlay ##
*******************/
.pure-overlay {
  position: fixed;
  background:url('../images/blueBG.png') repeat;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s 0.3s;
  transition: opacity 0.5s 0.3s; }

[data-position='left'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay {
  left: 100%; }
  @media only screen and (min-width:40.063em) {
    [data-position='left'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay {
      left: 300px; } }
  @media only screen and (min-width:64.063em) {
    [data-position='left'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay {
      left: 300px; } }

[data-position='right'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay {
  right: 100%; }
  @media only screen and (min-width:40.063em) {
    [data-position='right'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay {
      right: 300px; } }
  @media only screen and (min-width:64.063em) {
    [data-position='right'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay {
      right: 300px; } }

[data-position='top'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay {
  top: auto; }
  @media only screen and (min-width:40.063em) {
    [data-position='top'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay {
      top: 100%; } }
  @media only screen and (min-width:64.063em) {
    [data-position='top'] .pure-toggle:checked ~ .pure-pusher-container .pure-overlay {
      top: auto; } }

.pure-toggle:checked ~ .pure-pusher-container .pure-overlay {
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 900;
  -webkit-transition: opacity 0.5s 0.3s;
  transition: opacity 0.5s 0.3s; }

/********************************
## Fallback for older browsers ##
********************************/
.no-csstransforms3d .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  left: 100%; }
  @media only screen and (min-width:40.063em) {
    .no-csstransforms3d .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      left: 300px; } }
  @media only screen and (min-width:64.063em) {
    .no-csstransforms3d .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      left: 300px; } }
.no-csstransforms3d [data-position='right'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  left: -100%; }
  @media only screen and (min-width:40.063em) {
    .no-csstransforms3d [data-position='right'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      left: -300px; } }
  @media only screen and (min-width:64.063em) {
    .no-csstransforms3d [data-position='right'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      left: -300px; } }
.no-csstransforms3d [data-position='top'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  top: auto; }
  @media only screen and (min-width:40.063em) {
    .no-csstransforms3d [data-position='top'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      top: 100%; } }
  @media only screen and (min-width:64.063em) {
    .no-csstransforms3d [data-position='top'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      top: auto; } }

/*******************************
## Effect 1 - Slide in on top ##
*******************************/
/* DRAWER */
[data-effect='pure-effect-1'] .pure-drawer {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  z-index: 3; }

[data-position='right'][data-effect='pure-effect-1'] .pure-drawer {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

[data-position='top'][data-effect='pure-effect-1'] .pure-drawer {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

[data-effect='pure-effect-1'] .pure-toggle:checked ~ .pure-drawer {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/**********************
## Effect 2 - Reveal ##
**********************/
/* PUSHER */
[data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
  @media only screen and (min-width:40.063em) {
    [data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0); } }

[data-position='right'][data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
  @media only screen and (min-width:40.063em) {
    [data-position='right'][data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-position='right'][data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0); } }

[data-position='top'][data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, auto, 0);
  transform: translate3d(0, auto, 0); }
  @media only screen and (min-width:40.063em) {
    [data-position='top'][data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-position='top'][data-effect='pure-effect-2'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, auto, 0);
      transform: translate3d(0, auto, 0); } }

/***************************
## Effect 3 - Slide along ##
***************************/
/* DRAWER */
[data-effect='pure-effect-3'] .pure-drawer {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0); }

[data-position='right'][data-effect='pure-effect-3'] .pure-drawer {
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0); }

[data-position='top'][data-effect='pure-effect-3'] .pure-drawer {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

[data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-drawer {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* PUSHER */
[data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
  @media only screen and (min-width:40.063em) {
    [data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0); } }

[data-position='right'][data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
  @media only screen and (min-width:40.063em) {
    [data-position='right'][data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-position='right'][data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0); } }

[data-position='top'][data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, auto, 0);
  transform: translate3d(0, auto, 0); }
  @media only screen and (min-width:40.063em) {
    [data-position='top'][data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-position='top'][data-effect='pure-effect-3'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, auto, 0);
      transform: translate3d(0, auto, 0); } }

/*********************************
## Effect 4 - Reverse slide out ##
*********************************/
/* DRAWER */
[data-effect='pure-effect-4'] .pure-drawer {
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0); }

[data-position='right'][data-effect='pure-effect-4'] .pure-drawer {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0); }

[data-position='top'][data-effect='pure-effect-4'] .pure-drawer {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0); }

[data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-drawer {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* PUSHER */
[data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
  @media only screen and (min-width:40.063em) {
    [data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0); } }

[data-position='right'][data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
  @media only screen and (min-width:40.063em) {
    [data-position='right'][data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-position='right'][data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0); } }

[data-position='top'][data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, auto, 0);
  transform: translate3d(0, auto, 0); }
  @media only screen and (min-width:40.063em) {
    [data-position='top'][data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-position='top'][data-effect='pure-effect-4'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, auto, 0);
      transform: translate3d(0, auto, 0); } }

/*********************************
## Effect 5 - Scale Down Pusher ##
*********************************/
/* DRAWER */
[data-effect='pure-effect-5'] .pure-drawer {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

[data-position='right'][data-effect='pure-effect-5'] .pure-drawer {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

[data-position='top'][data-effect='pure-effect-5'] .pure-drawer {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

[data-effect='pure-effect-5'] .pure-toggle:checked ~ .pure-drawer {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* PUSHER CONTAINER */
[data-effect='pure-effect-5'] .pure-pusher-container {
  -webkit-perspective: 1500px;
  perspective: 1500px; }

/* PUSHER */
/* Needed for Firefox */
[data-effect='pure-effect-5'] .pure-pusher-container .pure-pusher {
  z-index: 1; }

[data-effect='pure-effect-5'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, 0, -100%);
  transform: translate3d(0, 0, -100%); }
  @media only screen and (min-width:40.063em) {
    [data-effect='pure-effect-5'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, 0, -300px);
      transform: translate3d(0, 0, -300px); } }
  @media only screen and (min-width:64.063em) {
    [data-effect='pure-effect-5'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, 0, -300px);
      transform: translate3d(0, 0, -300px); } }

/*************************
## Effect 6 - Scale Up ##
*************************/
/* CONTAINER */
[data-effect='pure-effect-6'] {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%; }

[data-position='right'][data-effect='pure-effect-6'] {
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%; }

[data-position='top'][data-effect='pure-effect-6'] {
  -webkit-perspective-origin: 50% 0;
  perspective-origin: 50% 0; }

/* DRAWER */
[data-effect='pure-effect-6'] .pure-drawer {
  -webkit-transform: translate3d(0, 0, -100%);
  transform: translate3d(0, 0, -100%); }
  @media only screen and (min-width:40.063em) {
    [data-effect='pure-effect-6'] .pure-drawer {
      -webkit-transform: translate3d(0, 0, -300px);
      transform: translate3d(0, 0, -300px); } }
  @media only screen and (min-width:64.063em) {
    [data-effect='pure-effect-6'] .pure-drawer {
      -webkit-transform: translate3d(0, 0, -300px);
      transform: translate3d(0, 0, -300px); } }

[data-position='right'][data-effect='pure-effect-6'] .pure-drawer {
  -webkit-transform: translate3d(100%, 0, -100%);
  transform: translate3d(100%, 0, -100%); }
  @media only screen and (min-width:40.063em) {
    [data-position='right'][data-effect='pure-effect-6'] .pure-drawer {
      -webkit-transform: translate3d(300px, 0, -300px);
      transform: translate3d(300px, 0, -300px); } }
  @media only screen and (min-width:64.063em) {
    [data-position='right'][data-effect='pure-effect-6'] .pure-drawer {
      -webkit-transform: translate3d(300px, 0, -300px);
      transform: translate3d(300px, 0, -300px); } }

[data-position='top'][data-effect='pure-effect-6'] .pure-drawer {
  -webkit-transform: translate3d(0, 0, -$drawer-height-small);
  transform: translate3d(0, 0, -$drawer-height-small); }
  @media only screen and (min-width:40.063em) {
    [data-position='top'][data-effect='pure-effect-6'] .pure-drawer {
      -webkit-transform: translate3d(0, 0, -100%);
      transform: translate3d(0, 0, -100%); } }
  @media only screen and (min-width:64.063em) {
    [data-position='top'][data-effect='pure-effect-6'] .pure-drawer {
      -webkit-transform: translate3d(0, 0, -$drawer-height-large);
      transform: translate3d(0, 0, -$drawer-height-large); } }

[data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-drawer {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* PUSHER */
[data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
  @media only screen and (min-width:40.063em) {
    [data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0); } }

[data-position='right'][data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
  @media only screen and (min-width:40.063em) {
    [data-position='right'][data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-position='right'][data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0); } }

[data-position='top'][data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, auto, 0);
  transform: translate3d(0, auto, 0); }
  @media only screen and (min-width:40.063em) {
    [data-position='top'][data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-position='top'][data-effect='pure-effect-6'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, auto, 0);
      transform: translate3d(0, auto, 0); } }

/****************************************
## Effect 7 - Scale and Rotate Pusher ##
****************************************/
/* DRAWER */
[data-effect='pure-effect-7'] .pure-drawer {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

[data-position='right'][data-effect='pure-effect-7'] .pure-drawer {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

[data-position='top'][data-effect='pure-effect-7'] .pure-drawer {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

[data-effect='pure-effect-7'] .pure-toggle:checked ~ .pure-drawer {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* PUSHER CONTAINER */
[data-effect='pure-effect-7'] .pure-pusher-container {
  -webkit-perspective: 1500px;
  perspective: 1500px; }

/* PUSHER */
[data-effect='pure-effect-7'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
  transform: translate3d(100px, 0, -600px) rotateY(-20deg); }

[data-position='right'][data-effect='pure-effect-7'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100px, 0, -600px) rotateY(20deg);
  transform: translate3d(100px, 0, -600px) rotateY(20deg); }

[data-position='top'][data-effect='pure-effect-7'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, 0, -100px) rotateX(20deg);
  transform: translate3d(0, 0, -100px) rotateX(20deg); }

/**************************
## Effect 8 - Fall Down ##
**************************/
/* DRAWER */
[data-effect='pure-effect-8'] .pure-drawer {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

[data-position='top'][data-effect='pure-effect-8'] .pure-drawer {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

[data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-drawer {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* PUSHER */
[data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
  @media only screen and (min-width:40.063em) {
    [data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0); } }

[data-position='right'][data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
  @media only screen and (min-width:40.063em) {
    [data-position='right'][data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-position='right'][data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0); } }

[data-position='top'][data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, auto, 0);
  transform: translate3d(0, auto, 0); }
  @media only screen and (min-width:40.063em) {
    [data-position='top'][data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-position='top'][data-effect='pure-effect-8'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, auto, 0);
      transform: translate3d(0, auto, 0); } }

/*********************
## Effect 9 - Push ##
*********************/
/* DRAWER */
[data-effect='pure-effect-9'] .pure-drawer {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

[data-position='right'][data-effect='pure-effect-9'] .pure-drawer {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

[data-position='top'][data-effect='pure-effect-9'] .pure-drawer {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

[data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-drawer {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* PUSHER */
[data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
  @media only screen and (min-width:40.063em) {
    [data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0); } }

[data-position='right'][data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
  @media only screen and (min-width:40.063em) {
    [data-position='right'][data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-position='right'][data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0); } }

[data-position='top'][data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, auto, 0);
  transform: translate3d(0, auto, 0); }
  @media only screen and (min-width:40.063em) {
    [data-position='top'][data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  @media only screen and (min-width:64.063em) {
    [data-position='top'][data-effect='pure-effect-9'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
      -webkit-transform: translate3d(0, auto, 0);
      transform: translate3d(0, auto, 0); } }

/*# sourceMappingURL=pure-drawer.css.map */

.ie8-sidemenu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    background-color: #ffffff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 300px;   
}