html{overflow-x: hidden;}
body{background-color: #000;-webkit-transition: all 500ms cubic-bezier(0.32,1.25,0.375,1.15); transition: all 500ms cubic-bezier(0.32,1.25,0.375,1.15);}
.show-nav {padding-left: 0px;-webkit-transition: all 500ms cubic-bezier(0.32,1.25,0.375,1.15); transition: all 500ms cubic-bezier(0.32,1.25,0.375,1.15);}

#site-menu {  width: 300px;  height: 100%; position: fixed; top: 0;  left: -300px; background: #212121;-webkit-transition: all 500ms cubic-bezier(0.32,1.25,0.375,1.15); transition: all 500ms cubic-bezier(0.32,1.25,0.375,1.15);background-color: #fff;-webkit-box-shadow:inset 0 0 16px 0 rgba(42,42,42,0.5);-moz-box-shadow:inset 0 0 16px 0 rgba(42,42,42,0.5);box-shadow:inset 0 0 16px 0 rgba(42,42,42,0.5);}
.show-nav #site-menu {z-index: 10000;left: 0px;}
.headerscroll.show-nav .menu-band{-webkit-transition: 300ms ease all; transition: 300ms ease all;}
.show-nav .menu-band{padding-left: 300px;}
.ease { -webkit-transition: 300ms ease all; transition: 300ms ease all; }
.linear { -webkit-transition: 300ms linear all; transition: 300ms linear all; }
.ease-in { -webkit-transition: 300ms ease-in all; transition: 300ms ease-in all; }
.ease-out { -webkit-transition: 300ms ease-out all; transition: 300ms ease-out all; }
.ease-in-out { -webkit-transition: 300ms ease-out all; transition: 300ms ease-out all; }
.bounce { -webkit-transition: all 500ms cubic-bezier(0.32,1.25,0.375,1.15); transition: all 500ms cubic-bezier(0.32,1.25,0.375,1.15); }
.snappy { -webkit-transition: all 300ms cubic-bezier(.694, .0482, .335, 1); transition: all 300ms cubic-bezier(.694, .0482, .335, 1); }
.out-of-orbit { -webkit-transition: all 300ms cubic-bezier(1,0,.61,.15); transition: all 300ms cubic-bezier(1,0,.61,.15); }
.fat-kid-down-slide { -webkit-transition: all 300ms cubic-bezier(.2,1,.47,0); transition: all 300ms cubic-bezier(.2,1,.47,0); }
.none { -webkit-transition: none; -webkit-transition: none; }

@media screen and (max-width: 767px) {
	#site-menu{box-shadow: none;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.show-nav{padding-left:0px!important}
.show-nav .menu-band {padding-left:300px!important;}
.headerscroll.show-nav .menu-band{left: 0px!important;}
}
@media screen and (min-width: 992px) {
.show-nav{padding-left: 300px}
.show-nav .menu-band {padding-left:0px;}
.headerscroll.show-nav .menu-band{left: 300px;}
}