.st-container {position: relative; z-index: 99; }
.st-menu {background: #f9f9f9;width: 40%;position: fixed; top: 0; right: 0; z-index: 999; visibility: hidden; height: 100%; -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: 4% 17% 1% 5%; }
.st-menu ul li a {display: block; font-family: 'UTM Avo'; color: #333; padding: 8px 0px 8px 10px; box-shadow: inset 0 -1px rgba(255, 255, 255, .2); text-transform: uppercase; -webkit-transition: background .3s, box-shadow .3s; transition: background .3s, box-shadow .3s; }
.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/icon-1.png) no-repeat center center; z-index: 9999; width: 15px; height: 15px; cursor: hand; cursor: pointer; margin-right: 7px; position: absolute; top: 0px; right: 0px; padding: 10px; }
.st-menu .toggle-menu.active {background: url(../images/icon/icon-2.png) no-repeat center center; }
button.btn-menu {float: right;width: 40px; outline: none; text-align: center;background: #ffffff;color: #d60c0c;font-size: 35px;line-height: 8px;display: block;border: thin solid #fff;font-family: 'Roboto-Light';padding: 5px 0;cursor: pointer;transition:0.3s;position: relative;z-index: 9999;margin: 5px 0;/* position: fixed; *//* top: 7%; *//* right: 20px; */}
button.btn-menu:hover {background: #d60c0c;color: #fff;}
button.btn-menu.current:before {content:'X';position: absolute;top: 0;left: 0;right: 0;bottom: 0;line-height: 33px;font-size: 24px;color: #fff;background: #d60c0c;}