html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.snap-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  padding-top: 50px;
  z-index: 2;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);

}

.snap-drawers {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}

.snap-drawer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 265px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.3s ease;
     -moz-transition: width 0.3s ease;
      -ms-transition: width 0.3s ease;
       -o-transition: width 0.3s ease;
          transition: width 0.3s ease;
}

.snap-drawer-left {
  left: 0;
  z-index: 1;
}

.snap-drawer-right {
  right: 0;
  z-index: 1;
}

.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left {
  display: none;
}

.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {
  width: 100%;
}


/* Show "Left" drawer for the "Right" drawer in the demo */
.snapjs-right .snap-drawer-left {
  display: block;
  right: 0;
  left: auto;
}

/* Hide the actual "Right" drawer in the demo */
.snapjs-right .snap-drawer-right {
  display: none;
}





.snapjs-expand-left .drawer-inner,
.snapjs-expand-right .drawer-inner {
  opacity: 0;
}


/* Default demo styles */
.snap-content {
  background: #455a64;
}

.snap-drawers {
  background: #323949;
}

.snap-drawer {
  background: #f2f2f2;
  color: #111;
  margin-top: 50px;
}

.snap-drawer h3 {
  font-size: 36px;
  font-weight: normal;
  margin: 15px;
}

.snap-drawer h4 {
  padding: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0;
}

.snap-drawer ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  border-top: 1px solid rgba(0,0,0, 0.1);

}

.snap-drawer li > a {
  display: block;
  border-bottom: 1px solid rgba(0,0,0, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 15px;
  text-decoration: none;
  color: #111;
  text-indent: 10px;
  background: #fff;
  font-weight: 300;
}

.snap-drawer ul li ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  border-top: 1px solid rgba(0,0,0, 0.1);

}

.snap-drawer li ul li > a {
  display: block;
  border-bottom: 1px solid rgba(0,0,0, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px;
  text-decoration: none;
  color: #111;
  text-indent: 45px;
  background: #eee;
  font-weight: 300;
}
.snap-drawer p {
  opacity: 0.5;
  padding: 15px;
  font-size: 12px;
}


.icon-customer-service:before{content:"\e62d"}.icon-code:before{content:"\e62f"}.icon-creditcard:before{content:"\e630"}.icon-discount:before{content:"\e631"}.icon-extend-warranty:before{content:"\e632"}.icon-filter:before{content:"\e633"}.icon-listsmall:before{content:"\e634"}.icon-noreason-return:before{content:"\e635"}.icon-overflow:before{content:"\e636"}.icon-page-edit:before{content:"\e637"}.icon-page:before{content:"\e638"}.icon-rtqsend:before{content:"\e639"}.icon-store:before{content:"\e63a"}.icon-timing:before{content:"\e63b"}.icon-wangwang:before{content:"\e63c"}.icon-arrow-down:before{content:"\e63d"}.icon-arrow-left:before{content:"\e63e"}.icon-arrow-right:before{content:"\e63f"}.icon-arrow-up:before{content:"\e640"}.icon-add-circle:before{content:"\e641"}.icon-check-circle:before{content:"\e642"}.icon-delete-circle:before{content:"\e643"}.icon-downward:before{content:"\e644"}.icon-pre-circle:before{content:"\e645"}.icon-backward:before{content:"\e646"}.icon-reduce-circle:before{content:"\e647"}.icon-next-circle:before{content:"\e648"}.icon-forward:before{content:"\e649"}.icon-upward:before{content:"\e64a"}.icon-feedback-required:before{content:"\e64b"}.icon-aboutus:before{content:"\e600"}.icon-airfreight:before{content:"\e601"}.icon-amount:before{content:"\e602"}.icon-attachment:before{content:"\e603"}.icon-bp:before{content:"\e604"}.icon-complete-order:before{content:"\e605"}.icon-coupon:before{content:"\e607"}.icon-boat:before{content:"\e608"}.icon-date:before{content:"\e609"}.icon-datum:before{content:"\e60a"}.icon-delaydelivery:before{content:"\e60b"}.icon-edit-order:before{content:"\e60c"}.icon-encrypted-email:before{content:"\e60d"}.icon-fresh:before{content:"\e60e"}.icon-listbig:before{content:"\e60f"}.icon-location:before{content:"\e610"}.icon-logistics:before{content:"\e611"}.icon-navigation:before{content:"\e612"}.icon-notification:before{content:"\e613"}.icon-open-email:before{content:"\e614"}.icon-ordersearch:before{content:"\e615"}.icon-order:before{content:"\e616"}.icon-print:before{content:"\e617"}.icon-shipping:before{content:"\e618"}.icon-transport:before{content:"\e619"}.icon-product:before{content:"\e61a"}.icon-return-guarantee:before{content:"\e61b"}.icon-scale:before{content:"\e61c"}.icon-schedule:before{content:"\e61d"}.icon-service:before{content:"\e61e"}.icon-supplier-group:before{content:"\e61f"}.icon-translation:before{content:"\e620"}.icon-wallet:before{content:"\e621"}.icon-write-email:before{content:"\e622"}.icon-shippingcart:before{content:"\e623"}.icon-home:before{content:"\e624"}.icon-search:before{content:"\e625"}.icon-feedback:before{content:"\e626"}.icon-setting:before{content:"\e627"}.icon-share:before{content:"\e628"}.icon-guid:before{content:"\e62a"}.icon-listgrid:before{content:"\e62b"}.icon-camera:before{content:"\e62c"}.icon-messages:before{content:"\e64c"}.icon-myae:before{content:"\e64e"}.icon-helpcenter:before{content:"\e64d"}.icon-uservoices:before{content:"\e64f"}.icon-communicate:before{content:"\e650"}.icon-expression:before{content:"\e651"}.icon-keyboard:before{content:"\e652"}.icon-more:before{content:"\e653"}.icon-filtering:before{content:"\e606"}.icon-wishlist-focus:before{content:"\e629"}.icon-wishlist:before{content:"\e654"}.icon-filter-focus:before{content:"\e655"}