.site-menu{position:absolute;top:-86px;left:-25%;width:25%;height:100%;background:#000;padding-top:0px;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out;z-index:999}
@media (max-width: 30em){.site-menu{left:-80%;width:80%}}
@media (min-width: 30em) and (max-width: 43em){.site-menu{left:-60%;width:60%}}
.site-menu--fly{left:0}
.site-menu__trigger{position:absolute;top:5px;right:-80px;width:30px;height:10px;margin:30px;border-top:2px solid #fff;border-bottom:2px solid #fff;cursor:pointer;-webkit-transition:.3s;transition:.3s}
.site-menu__trigger:after{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;content:"";width:80%;height:2px;background:#fff}
.site-menu__list{list-style:none;padding:5px 25px}
.site-menu__link{text-decoration:none;font-size:14px;font-weight:100;color:#fff;-webkit-transition:color .3s;transition:color .3s;font-family: Arial;}
.site-menu__link:hover{color:#137bbc}
.site-menu__nav,.site-menu__nav ul{margin-left:0px;background:#000;opacity:0.9}
.site-menu__list{line-height:15px}