.pushy
{
  position:fixed;
  width:270px;
  height:100%;
  top:0;
  z-index:9999;
  background:#333332;
  font-weight:bold;
  -webkit-box-shadow:inset -10px 0 6px -9px rgba(0,0,0,0.7);
  box-shadow:inset -10px 0 6px -9px rgba(0,0,0,0.7);
  overflow:auto;
  -webkit-transform:translate3d(-270px,0,0);
  transform:translate3d(-270px,0,0);
}

.pushy li > a
{
  display:block;
  color:#b3b3b1;
  border-bottom:1px solid rgba(0,0,0,0.1);
  border-top:1px solid rgba(255,255,255,0.1);
  text-decoration:none;
  padding:15px 30px;
}

.pushy li > a:hover
{
  background:#00b4ff;
  color:#FFF;
}

.pushy,.pushy-container
{
  -webkit-transition:0 .2s cubic-bezier(0.16,0.68,0.43,0.99);
  -o-transition:0 .2s cubic-bezier(0.16,0.68,0.43,0.99);
  transition:transform .2s cubic-bezier(0.16,0.68,0.43,0.99);
  -webkit-backface-visibility:hidden;
  -webkit-perspective:1000;
}

.pushy-static
{
  -webkit-transition:0 0;
  -o-transition:0 0;
  transition:transform 0;
}

.pushy-active .pushy
{
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.pushy-active .pushy-site-overlay
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:500;
  background:rgba(0,0,0,0.7);
}

.pushy-active .pushy-container
{
  -webkit-transform:translate3d(270px,0,0);
  transform:translate3d(270px,0,0);
}

.pushy > .pushy-main-submenu
{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}

.pushy > .pushy-main-submenu li.pushy-open > .pushy-submenu
{
  left:0;
}

.pushy > .pushy-main-submenu li.pushy-open > .pushy-close-submenu
{
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:10%;
  cursor:pointer;
}

.pushy > .pushy-main-submenu .pushy-submenu
{
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  left:-100%;
  width:90%;
  -webkit-box-shadow:10px 0 30px -10px rgba(0,0,0,0.7);
  box-shadow:10px 0 30px -10px rgba(0,0,0,0.7);
  background:#333332;
  -webkit-transition:left .25s ease-in-out;
  -o-transition:left .25s ease-in-out;
  transition:left .25s ease-in-out;
  margin:0;
}

.pushy > .pushy-main-submenu .pushy-submenu .pushy-submenu
{
  background:lighter(#333332,5%);
}

.pushy-site-overlay,.pushy > .pushy-main-submenu .pushy-close-level
{
  display:none;
}

@media min-width 768px {
  .pushy
  {
    width:400px;
    -webkit-transform:translate3d(-400px,0,0);
    transform:translate3d(-400px,0,0);
  }
  
  .pushy-active .pushy-container
  {
    -webkit-transform:translate3d(400px,0,0);
    transform:translate3d(400px,0,0);
  }
  
  .pushy > .pushy-main-submenu li.pushy-open > .pushy-close-submenu
  {
    width:5%;
  }
  
  .pushy > .pushy-main-submenu .pushy-submenu
  {
    width:95%;
  }
}