@media only screen and (min-width : 300px) and (max-width : 1024px) {
  small {
  font-size:80%;
  }
  sub,sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
  }
  sup {
  top:-.5em;
  }
  sub {
  bottom:-.25em;
  }
  /*hr {
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  width:100%;
  height:2px;
  border:none;
  clear:both;
  margin:40px 0;
  }*/
  *,:before,:after {
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  }

  .gridlock .row {
  width:300px;
  margin-left:auto;
  margin-right:auto;
  }

  .gridlock .row .row {
  width:102.08333333%;
  margin-left:-1.04166667%;
  margin-right:-1.04166667%;
  }

  .gridlock .row .contained .row {
  width:100%;
  margin-left:0;
  margin-right:0;
  }

  .gridlock .row [class*=all-],.gridlock .row [class*=min-],.gridlock .row [class*=mobile-],.gridlock .row [class*=tablet-],.gridlock .row [class*=desktop-],.gridlock .row [class*=max-] {
  float:left;
  margin-left:1.04166667%;
  margin-right:1.04166667%;
  }

  .gridlock .row [class*=all-].padded,.gridlock .row [class*=min-].padded,.gridlock .row [class*=mobile-].padded,.gridlock .row [class*=tablet-].padded,.gridlock .row [class*=desktop-].padded,.gridlock .row [class*=max-].padded {
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  margin-left:0;
  margin-right:0;
  padding-left:1.04166667%;
  padding-right:1.04166667%;
  }

  .gridlock .row [class*=all-].contained,.gridlock .row [class*=min-].contained,.gridlock .row [class*=mobile-].contained,.gridlock .row [class*=tablet-].contained,.gridlock .row [class*=desktop-].contained,.gridlock .row [class*=max-].contained {
  margin-left:0;
  margin-right:0;
  }

  .gridlock-fluid .row {
  width:98%;
  }

  .gridlock .row .all-fifth {
  width:17.91666667%;
  }

  .gridlock .row .all-fourth {
  width:22.91666667%;
  }

  .gridlock .row .all-third {
  width:31.25%;
  }

  .gridlock .row .all-half {
  width:47.91666667%;
  }

  .gridlock .row .all-full {
  width:97.91666667%;
  }

  .gridlock .row .all-push-fifth {
  margin-left:21.04166667%;
  }

  .gridlock .row .all-push-fourth {
  margin-left:26.04166667%;
  }

  .gridlock .row .all-push-third {
  margin-left:34.375%;
  }

  .gridlock .row .all-push-half {
  margin-left:51.04166667%;
  }

  .gridlock .row .contained.all-fifth {
  width:20%;
  }

  .gridlock .row .contained.all-fourth {
  width:25%;
  }

  .gridlock .row .contained.all-third {
  width:33.33333333%;
  }

  .gridlock .row .contained.all-half {
  width:50%;
  }

  .gridlock .row .contained.all-full {
  width:100%;
  }

  .gridlock .row .contained.all-push-fifth {
  margin-left:20%;
  }

  .gridlock .row .contained.all-push-fourth {
  margin-left:25%;
  }

  .gridlock .row .contained.all-push-third {
  margin-left:33.33333333%;
  }

  .gridlock .row .contained.all-push-half {
  margin-left:50%;
  }

  .gridlock .row [class*=all-].centered {
  float:none;
  margin-left:auto;
  margin-right:auto;
  }


  header {
  width: 100%;
  height: 80px;
  position:fixed;
  z-index:5;
  background-color: white;
  overflow:hidden;
  padding:10px;
  }

  [hidden],template,.gridlock .row .all-hide {
  display:none;
  }
  .gridlock .row:after,.clearfix:after {
  height:0;
  clear:both;
  content:".";
  display:block;
  line-height:0;
  visibility:hidden;
  }
  .gridlock .row [class*=all-].right,.gridlock .row [class*=min-].right,.gridlock .row [class*=mobile-].right,.gridlock .row [class*=tablet-].right,.gridlock .row [class*=desktop-].right,.gridlock .row [class*=max-].right,.right,.block_right {
  float:right;
  }


  iframe,input.button {
  border:none;
  }

  @media screen and (min-width: 500px) {
  .gridlock .row {
  width:480px;
  }
  }

  @media screen and (min-width: 740px) {
  .gridlock .row {
  width:720px;
  }
  }

  @media screen and (min-width: 980px) {
  .gridlock .row {
  width:960px;
  }

  .gridlock .row .desktop-1 {
  width:6.25%;
  }

  .gridlock .row .desktop-2 {
  width:14.58333333%;
  }

  .gridlock .row .desktop-5 {
  width:39.58333333%;
  }

  .gridlock .row .desktop-7 {
  width:56.25%;
  }

  .gridlock .row .desktop-8 {
  width:64.58333333%;
  }

  .gridlock .row .desktop-9 {
  width:72.91666667%;
  }

  .gridlock .row .desktop-10 {
  width:81.25%;
  }

  .gridlock .row .desktop-11 {
  width:89.58333333%;
  }

  .gridlock .row .desktop-push-1 {
  margin-left:9.375%;
  }

  .gridlock .row .desktop-push-2 {
  margin-left:17.70833333%;
  }

  .gridlock .row .desktop-push-5 {
  margin-left:42.70833333%;
  }

  .gridlock .row .desktop-push-7 {
  margin-left:59.375%;
  }

  .gridlock .row .desktop-push-8 {
  margin-left:67.70833333%;
  }

  .gridlock .row .desktop-push-9 {
  margin-left:76.04166667%;
  }

  .gridlock .row .desktop-push-10 {
  margin-left:84.375%;
  }

  .gridlock .row .desktop-push-11 {
  margin-left:92.70833333%;
  }

  .gridlock .row .contained.desktop-1 {
  width:8.33333333%;
  }

  .gridlock .row .contained.desktop-2 {
  width:16.66666667%;
  }

  .gridlock .row .contained.desktop-5 {
  width:41.66666667%;
  }

  .gridlock .row .contained.desktop-7 {
  width:58.33333333%;
  }

  .gridlock .row .contained.desktop-8 {
  width:66.66666667%;
  }

  .gridlock .row .contained.desktop-9 {
  width:75%;
  }

  .gridlock .row .contained.desktop-10 {
  width:83.33333333%;
  }

  .gridlock .row .contained.desktop-11 {
  width:91.66666667%;
  }

  .gridlock .row .contained.desktop-push-1 {
  margin-left:8.33333333%;
  }

  .gridlock .row .contained.desktop-push-2 {
  margin-left:16.66666667%;
  }

  .gridlock .row .contained.desktop-push-5 {
  margin-left:41.66666667%;
  }

  .gridlock .row .contained.desktop-push-7 {
  margin-left:58.33333333%;
  }

  .gridlock .row .contained.desktop-push-8 {
  margin-left:66.66666667%;
  }

  .gridlock .row .contained.desktop-push-9 {
  margin-left:75%;
  }

  .gridlock .row .contained.desktop-push-10 {
  margin-left:83.33333333%;
  }

  .gridlock .row .contained.desktop-push-11 {
  margin-left:91.66666667%;
  }

  .gridlock .row .desktop-fifth {
  width:17.91666667%;
  }

  .gridlock .row .desktop-push-fifth {
  margin-left:21.04166667%;
  }

  .gridlock .row .contained.desktop-fifth {
  width:20%;
  }

  .gridlock .row .contained.desktop-push-fifth {
  margin-left:20%;
  }

  .gridlock .row [class*=desktop-].centered {
  float:none;
  margin-left:auto;
  margin-right:auto;
  }

  .gridlock .row .desktop-hide {
  display:none;
  }

  .header {
  padding:60px 0 20px;
  }

  .gridlock .row .desktop-3,.gridlock .row .desktop-fourth {
  width:22.91666667%;
  }

  .gridlock .row .desktop-4,.gridlock .row .desktop-third {
  width:31.25%;
  }

  .gridlock .row .desktop-6,.gridlock .row .desktop-half {
  width:47.91666667%;
  }

  .gridlock .row .desktop-12,.gridlock .row .desktop-full {
  width:97.91666667%;
  }

  .gridlock .row .desktop-push-3,.gridlock .row .desktop-push-fourth {
  margin-left:26.04166667%;
  }

  .gridlock .row .desktop-push-4,.gridlock .row .desktop-push-third {
  margin-left:34.375%;
  }

  .gridlock .row .desktop-push-6,.gridlock .row .desktop-push-half {
  margin-left:51.04166667%;
  }

  .gridlock .row .contained.desktop-3,.gridlock .row .contained.desktop-fourth {
  width:25%;
  }

  .gridlock .row .contained.desktop-4,.gridlock .row .contained.desktop-third {
  width:33.33333333%;
  }

  .gridlock .row .contained.desktop-6,.gridlock .row .contained.desktop-half {
  width:50%;
  }

  .gridlock .row .contained.desktop-12,.gridlock .row .contained.desktop-full {
  width:100%;
  }

  .gridlock .row .contained.desktop-push-3,.gridlock .row .contained.desktop-push-fourth {
  margin-left:25%;
  }

  .gridlock .row .contained.desktop-push-4,.gridlock .row .contained.desktop-push-third {
  margin-left:33.33333333%;
  }

  .gridlock .row .contained.desktop-push-6,.gridlock .row .contained.desktop-push-half {
  margin-left:50%;
  }
  }

  @media screen and (min-width:1220px) {
  .gridlock .row {
  width:1200px;
  }

  .gridlock .row .max-1 {
  width:6.25%;
  }

  .gridlock .row .max-2 {
  width:14.58333333%;
  }

  .gridlock .row .max-5 {
  width:39.58333333%;
  }

  .gridlock .row .max-7 {
  width:56.25%;
  }

  .gridlock .row .max-8 {
  width:64.58333333%;
  }

  .gridlock .row .max-9 {
  width:72.91666667%;
  }

  .gridlock .row .max-10 {
  width:81.25%;
  }

  .gridlock .row .max-11 {
  width:89.58333333%;
  }

  .gridlock .row .max-push-1 {
  margin-left:9.375%;
  }

  .gridlock .row .max-push-2 {
  margin-left:17.70833333%;
  }

  .gridlock .row .max-push-5 {
  margin-left:42.70833333%;
  }

  .gridlock .row .max-push-7 {
  margin-left:59.375%;
  }

  .gridlock .row .max-push-8 {
  margin-left:67.70833333%;
  }

  .gridlock .row .max-push-9 {
  margin-left:76.04166667%;
  }

  .gridlock .row .max-push-10 {
  margin-left:84.375%;
  }

  .gridlock .row .max-push-11 {
  margin-left:92.70833333%;
  }

  .gridlock .row .contained.max-1 {
  width:8.33333333%;
  }

  .gridlock .row .contained.max-2 {
  width:16.66666667%;
  }

  .gridlock .row .contained.max-5 {
  width:41.66666667%;
  }

  .gridlock .row .contained.max-7 {
  width:58.33333333%;
  }

  .gridlock .row .contained.max-8 {
  width:66.66666667%;
  }

  .gridlock .row .contained.max-9 {
  width:75%;
  }

  .gridlock .row .contained.max-10 {
  width:83.33333333%;
  }

  .gridlock .row .contained.max-11 {
  width:91.66666667%;
  }

  .gridlock .row .contained.max-push-1 {
  margin-left:8.33333333%;
  }

  .gridlock .row .contained.max-push-2 {
  margin-left:16.66666667%;
  }

  .gridlock .row .contained.max-push-5 {
  margin-left:41.66666667%;
  }

  .gridlock .row .contained.max-push-7 {
  margin-left:58.33333333%;
  }

  .gridlock .row .contained.max-push-8 {
  margin-left:66.66666667%;
  }

  .gridlock .row .contained.max-push-9 {
  margin-left:75%;
  }

  .gridlock .row .contained.max-push-10 {
  margin-left:83.33333333%;
  }

  .gridlock .row .contained.max-push-11 {
  margin-left:91.66666667%;
  }

  .gridlock .row .max-fifth {
  width:17.91666667%;
  }

  .gridlock .row .max-push-fifth {
  margin-left:21.04166667%;
  }

  .gridlock .row .contained.max-fifth {
  width:20%;
  }

  .gridlock .row .contained.max-push-fifth {
  margin-left:20%;
  }

  .gridlock .row [class*=max-].centered {
  float:none;
  margin-left:auto;
  margin-right:auto;
  }

  .gridlock .row .max-hide {
  display:none;
  }

  .gridlock .row .max-3,.gridlock .row .max-fourth {
  width:22.91666667%;
  }

  .gridlock .row .max-4,.gridlock .row .max-third {
  width:31.25%;
  }

  .gridlock .row .max-6,.gridlock .row .max-half {
  width:47.91666667%;
  }

  .gridlock .row .max-12,.gridlock .row .max-full {
  width:97.91666667%;
  }

  .gridlock .row .max-push-3,.gridlock .row .max-push-fourth {
  margin-left:26.04166667%;
  }

  .gridlock .row .max-push-4,.gridlock .row .max-push-third {
  margin-left:34.375%;
  }

  .gridlock .row .max-push-6,.gridlock .row .max-push-half {
  margin-left:51.04166667%;
  }

  .gridlock .row .contained.max-3,.gridlock .row .contained.max-fourth {
  width:25%;
  }

  .gridlock .row .contained.max-4,.gridlock .row .contained.max-third {
  width:33.33333333%;
  }

  .gridlock .row .contained.max-6,.gridlock .row .contained.max-half {
  width:50%;
  }

  .gridlock .row .contained.max-12,.gridlock .row .contained.max-full {
  width:100%;
  }

  .gridlock .row .contained.max-push-3,.gridlock .row .contained.max-push-fourth {
  margin-left:25%;
  }

  .gridlock .row .contained.max-push-4,.gridlock .row .contained.max-push-third {
  margin-left:33.33333333%;
  }

  .gridlock .row .contained.max-push-6,.gridlock .row .contained.max-push-half {
  margin-left:50%;
  }
  }

  @media screen and (max-width:739px) {
  .gridlock-mobile-fluid .row {
  width:98%;
  }

  .gridlock .row .mobile-2 {
  width:64.58333333%;
  }

  .gridlock .row .mobile-push-2 {
  margin-left:67.70833333%;
  }

  .gridlock .row .contained.mobile-2 {
  width:66.66666667%;
  }

  .gridlock .row .contained.mobile-push-2 {
  margin-left:66.66666667%;
  }

  .gridlock .row .mobile-fifth {
  width:17.91666667%;
  }

  .gridlock .row .mobile-fourth {
  width:22.91666667%;
  }

  .gridlock .row .mobile-half {
  width:47.91666667%;
  }

  .gridlock .row .mobile-push-fifth {
  margin-left:21.04166667%;
  }

  .gridlock .row .mobile-push-fourth {
  margin-left:26.04166667%;
  }

  .gridlock .row .mobile-push-half {
  margin-left:51.04166667%;
  }

  .gridlock .row .contained.mobile-fifth {
  width:20%;
  }

  .gridlock .row .contained.mobile-fourth {
  width:25%;
  }

  .gridlock .row .contained.mobile-half {
  width:50%;
  }

  .gridlock .row .contained.mobile-push-fifth {
  margin-left:20%;
  }

  .gridlock .row .contained.mobile-push-fourth {
  margin-left:25%;
  }

  .gridlock .row .contained.mobile-push-half {
  margin-left:50%;
  }

  .gridlock .row [class*=mobile-].centered {
  float:none;
  margin-left:auto;
  margin-right:auto;
  }

  .gridlock .row .mobile-hide {
  display:none;
  }

  .gridlock .row .mobile-1,.gridlock .row .mobile-third {
  width:31.25%;
  }

  .gridlock .row .mobile-3,.gridlock .row .mobile-full {
  width:97.91666667%;
  }

  .gridlock .row .mobile-push-1,.gridlock .row .mobile-push-third {
  margin-left:34.375%;
  }

  .gridlock .row .contained.mobile-1,.gridlock .row .contained.mobile-third {
  width:33.33333333%;
  }

  .gridlock .row .contained.mobile-3,.gridlock .row .contained.mobile-full {
  width:100%;
  }

  .gridlock .row .contained.mobile-push-1,.gridlock .row .contained.mobile-push-third {
  margin-left:33.33333333%;
  }
  }

  @media screen and (max-width:499px) {
  .gridlock .row .min-2 {
  width:64.58333333%;
  }

  .gridlock .row .min-push-2 {
  margin-left:67.70833333%;
  }

  .gridlock .row .contained.min-2 {
  width:66.66666667%;
  }

  .gridlock .row .contained.min-push-2 {
  margin-left:66.66666667%;
  }

  .gridlock .row .min-fifth {
  width:17.91666667%;
  }

  .gridlock .row .min-fourth {
  width:22.91666667%;
  }

  .gridlock .row .min-half {
  width:47.91666667%;
  }

  .gridlock .row .min-push-fifth {
  margin-left:21.04166667%;
  }

  .gridlock .row .min-push-fourth {
  margin-left:26.04166667%;
  }

  .gridlock .row .min-push-half {
  margin-left:51.04166667%;
  }

  .gridlock .row .contained.min-fifth {
  width:20%;
  }

  .gridlock .row .contained.min-fourth {
  width:25%;
  }

  .gridlock .row .contained.min-half {
  width:50%;
  }

  .gridlock .row .contained.min-push-fifth {
  margin-left:20%;
  }

  .gridlock .row .contained.min-push-fourth {
  margin-left:25%;
  }

  .gridlock .row .contained.min-push-half {
  margin-left:50%;
  }

  .gridlock .row [class*=min-].centered {
  float:none;
  margin-left:auto;
  margin-right:auto;
  }

  .gridlock .row .min-hide {
  display:none;
  }

  .gridlock .row .min-1,.gridlock .row .min-third {
  width:31.25%;
  }

  .gridlock .row .min-3,.gridlock .row .min-full {
  width:97.91666667%;
  }

  .gridlock .row .min-push-1,.gridlock .row .min-push-third {
  margin-left:34.375%;
  }

  .gridlock .row .contained.min-1,.gridlock .row .contained.min-third {
  width:33.33333333%;
  }

  .gridlock .row .contained.min-3,.gridlock .row .contained.min-full {
  width:100%;
  }

  .gridlock .row .contained.min-push-1,.gridlock .row .contained.min-push-third {
  margin-left:33.33333333%;
  }
  }

  @media screen and (min-width:740px) and (max-width: 979px) {
  .gridlock .row .tablet-1 {
  width:14.58333333%;
  }

  .gridlock .row .tablet-4 {
  width:64.58333333%;
  }

  .gridlock .row .tablet-5 {
  width:81.25%;
  }

  .gridlock .row .tablet-push-1 {
  margin-left:17.70833333%;
  }

  .gridlock .row .tablet-push-4 {
  margin-left:67.70833333%;
  }

  .gridlock .row .tablet-push-5 {
  margin-left:84.375%;
  }

  .gridlock .row .contained.tablet-1 {
  width:16.66666667%;
  }

  .gridlock .row .contained.tablet-4 {
  width:66.66666667%;
  }

  .gridlock .row .contained.tablet-5 {
  width:83.33333333%;
  }

  .gridlock .row .contained.tablet-push-1 {
  margin-left:16.66666667%;
  }

  .gridlock .row .contained.tablet-push-4 {
  margin-left:66.66666667%;
  }

  .gridlock .row .contained.tablet-push-5 {
  margin-left:83.33333333%;
  }

  .gridlock .row .tablet-fifth {
  width:17.91666667%;
  }

  .gridlock .row .tablet-fourth {
  width:22.91666667%;
  }

  .gridlock .row .tablet-push-fifth {
  margin-left:21.04166667%;
  }

  .gridlock .row .tablet-push-fourth {
  margin-left:26.04166667%;
  }

  .gridlock .row .contained.tablet-fifth {
  width:20%;
  }

  .gridlock .row .contained.tablet-fourth {
  width:25%;
  }

  .gridlock .row .contained.tablet-push-fifth {
  margin-left:20%;
  }

  .gridlock .row .contained.tablet-push-fourth {
  margin-left:25%;
  }

  .gridlock .row [class*=tablet-].centered {
  float:none;
  margin-left:auto;
  margin-right:auto;
  }

  .gridlock .row .tablet-hide {
  display:none;
  }

  .gridlock .row .tablet-2,.gridlock .row .tablet-third {
  width:31.25%;
  }

  .gridlock .row .tablet-3,.gridlock .row .tablet-half {
  width:47.91666667%;
  }

  .gridlock .row .tablet-6,.gridlock .row .tablet-full {
  width:97.91666667%;
  }

  .gridlock .row .tablet-push-2,.gridlock .row .tablet-push-third {
  margin-left:34.375%;
  }

  .gridlock .row .tablet-push-3,.gridlock .row .tablet-push-half {
  margin-left:51.04166667%;
  }

  .gridlock .row .contained.tablet-2,.gridlock .row .contained.tablet-third {
  width:33.33333333%;
  }

  .gridlock .row .contained.tablet-3,.gridlock .row .contained.tablet-half {
  width:50%;
  }

  .gridlock .row .contained.tablet-6,.gridlock .row .contained.tablet-full {
  width:100%;
  }

  .gridlock .row .contained.tablet-push-2,.gridlock .row .contained.tablet-push-third {
  margin-left:33.33333333%;
  }

  .gridlock .row .contained.tablet-push-3,.gridlock .row .contained.tablet-push-half {
  margin-left:50%;
  }
  }
  /****DEMO ADD END****/

  .shifter-open {
    overflow: hidden;
  }
  .shifter-open .shifter-page *,
  .shifter-open .shifter-header * {
    pointer-events: none;
  }
  .shifter-navigation {
    display: none;
    opacity: 0;
  }
  .shifter-handle {
    display: none;
  }
  .shifter-enabled .shifter-page {
    padding: 80px 0px 0px 0px;
    min-height: 100%;
    position: relative;
    z-index: 1;
    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 {
    height: 100%;
    width: 100vw; /**270px**/
    background-size: cover; /**added**/
    /*height: 100%;*/
    position: fixed;
    top: 0;
    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,
  .shifter-enabled .shifter-navigation {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .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 {
    margin-top: 1px;
    width: 35px;
    height: 35px;
    position: relative;
    /*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;
  }
  .shifter-enabled .shifter-handle:after {
    height: 5px; /*handle line weight*/
    width: 35px; /*handle width*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #91785b;
    box-shadow: 0 9px 0 #91785b, 0 -9px 0 #91785b; /*handle height*/
    content: '';
    display: block;
    margin: auto;
  }
  .shifter-enabled .shifter-navigation {
    left: 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 {
    -webkit-transform: translate3D(100vw, 0, 0); /**270px**/
        -ms-transform: translate3D(100vw, 0, 0);
            transform: translate3D(100vw, 0, 0);
  }
  .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(-100vw, 0, 0); /**-270px**/
        -ms-transform: translate3D(-100vw, 0, 0);
            transform: translate3D(-100vw, 0, 0);
  }
  .shifter-open .shifter-navigation {
    opacity: 1; /*SPIELEREI*/
    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;
  }
  .no-csstransforms3d .shifter-enabled.shifter-navigation {
    right: 270px;
  }
  .no-csstransforms3d .shifter-enabled.shifter-left .shifter-navigation {
    left: 270px;
  }
  .no-csstransforms3d .shifter-enabled.shifter-open .shifter-page {
    left: -70px;
  }
  .no-csstransforms3d .shifter-enabled.shifter-open .shifter-navigation {
    right: 0;
  }
  .no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-page {
    left: auto;
    right: 270px;
  }
  .no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-navigation {
    left: 0;
  }
}