/* 
 * Shifter v3.1.2 - 2014-10-28 
 * A jQuery plugin for simple slide-out mobile navigation. Part of the Formstone Library. 
 * http://formstone.it/shifter/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */
.shifter-open {
  overflow: hidden;
}
.shifter-open .shifter-page *,
.shifter-open .shifter-header * {
/*   pointer-events: none; */
}
.shifter-navigation {
  display: none;
}
.shifter-handle {
  display: none;
}
.shifter-enabled .shifter-page {
  min-height: 100%;
  position: relative;
  z-index: 1;
/*
  background: #ffffff;
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.15);
*/
  display: block;
  overflow: hidden;
}
.shifter-enabled.shifter-left .shifter-page {
  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15);
}
.shifter-enabled .shifter-navigation {
  width: calc(100% - 42px);
  height: 100%;
  z-index: 98 !important;
  margin-left: calc(-100% + 40px);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 0;
  background: #ffffff;
  display: block;
  overflow: auto;
/*   pointer-events: none; */
  -webkit-transition: opacity 0.001s linear 0.2s, -webkit-transform 0.2s ease;
          transition: opacity 0.001s linear 0.2s, transform 0.2s ease;
}
.shifter-enabled .shifter-page,
.shifter-enabled .shifter-header {
  -webkit-transform: translate3D(0, 0, 0);
      -ms-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0);
  -webkit-transition: -webkit-transform 0.2s ease;
          transition: transform 0.2s ease;
}
.shifter-enabled .shifter-handle {
  width: 51px;
  height: 51px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #ffffff;
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
          border-right: 1px solid #e5e5e5;
}
.shifter-enabled .shifter-handle:after {
  height: 2px;
  width: 25px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #152860;
  box-shadow: 0 5px 0 #152860, 0 -5px 0 #152860;
  content: '';
  display: block;
  margin: auto;
}
.shifter-enabled .shifter-navigation {
  right: 0;
  -webkit-transform: translate3D(0, 0, 0);
      -ms-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0);
}
.shifter-open .shifter-page,
.shifter-open .shifter-header,
header.shifter-open,
.shifter-open .part-float-action,
.shifter-open .btn-top,
.shifter-open .box-shop {
  -webkit-transform: translate3D(270px, 0, 0);
      -ms-transform: translate3D(270px, 0, 0);
          transform: translate3D(270px, 0, 0);
}
.transit-open{
  -webkit-transition: -webkit-transform 0.2s ease;
 }
.shifter-enabled.shifter-left .shifter-navigation {
  left: 0;
  -webkit-transform: translate3D(0, 0, 0);
      -ms-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0);
}
.shifter-enabled.shifter-left.shifter-open .shifter-page,
.shifter-enabled.shifter-left.shifter-open .shifter-header {
  -webkit-transform: translate3D(-270px, 0, 0);
      -ms-transform: translate3D(-270px, 0, 0);
          transform: translate3D(-270px, 0, 0);
}
.shifter-open .shifter-navigation {
  opacity: 1;
/*   pointer-events: all; */
  -webkit-transform: translate3D(0, 0, 0);
      -ms-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0);
  -webkit-transition: opacity 0.001s linear 0s, -webkit-transform 0.2s ease;
          transition: opacity 0.001s linear 0s, transform 0.2s ease;
            background-color: #051143;
}
.no-csstransforms3d .shifter-enabled.shifter-navigation {
  right: -100%;
}
.no-csstransforms3d .shifter-enabled.shifter-left .shifter-navigation {
  left: -100%;
}
.no-csstransforms3d .shifter-enabled.shifter-open .shifter-page {
  left: -100%;
}
.no-csstransforms3d .shifter-enabled.shifter-open .shifter-navigation {
  right: 0;
}
.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-page {
  left: auto;
  right: -100%;
}
.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-navigation {
  left: 0;
}