.st-container { position: relative; z-index: 99; }
.st-menu { position: fixed; top: 0; right: 0; z-index: 999; visibility: hidden; width: 30%; height: 100%; background: #00649b; -webkit-transition: all .5s; transition: all .5s; overflow-y: auto; }
.st-menu::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); content: ''; opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s }
.st-menu-open .st-menu::after { width: 0; height: 0; opacity: 0; -webkit-transition: opacity .5s, width .1s .5s, height .1s .5s; transition: opacity .5s, width .1s .5s, height .1s .5s }
.st-menu ul { padding: 0; list-style: none; margin: 5% 10%; }
.st-menu ul li a { display: block; padding: 8px 0; box-shadow: inset 0 -1px rgba(255, 255, 255, .2); color: #fff; text-transform: uppercase; -webkit-transition: background .3s, box-shadow .3s; transition: background .3s, box-shadow .3s; }
.st-menu ul li:first-child a { }
.st-menu ul li a:hover { background: rgba(0, 0, 0, 0.6); box-shadow: inset 0 -1px transparent; color: #fff; }
.st-effect-1.st-menu { visibility: visible; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
.st-effect-1.st-menu-open .st-effect-1.st-menu { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.st-effect-1.st-menu::after { display: none }
.no-csstransforms3d .st-pusher, .no-js .st-pusher { padding-left: 300px }
.st-menu ul ul { padding: 0; margin: 0; margin-left: 15px; display: none; }
.st-menu ul ul li a { text-transform: inherit; }
li.has-child { position: relative; }
.st-menu .toggle-menu { float: right; background: url(../../images/icon-1.png) no-repeat center center; z-index: 9999; width: 15px; height: 15px; cursor: hand; cursor: pointer; margin-right: 7px; position: absolute; top: 7px; right: 0px; padding: 10px; }
.st-menu .toggle-menu.active { background: url(../../images/icon-2.png) no-repeat center center; }