.navs{height:100%;padding:54px 20px 15px;-webkit-transition:left .3s;-moz-transition:left .3s;transition:left .3s;position:fixed;bottom:0;min-width:320px;top:0;margin:0;background:#1d1d1d;left:-320px;width:320px;z-index:2000}.nav-toggles{padding:3px 0;font-size:16px;font-weight:500;color:#fff;-webkit-transition:color .25s ease-in-out;-moz-transition:color .25s ease-in-out;transition:color .25s ease-in-out;text-transform:uppercase;position:absolute;letter-spacing:.1em;top:4.5%;cursor:pointer;left:105%;width:20%;line-height:1.34px;font-family:Roboto,sans-serif;z-index:2001}.nav-toggles:after{font-size:22px;text-decoration:none;content:"";padding-right:5px;float:left}.nav-toggles2{padding:3px 0;font-size:16px;font-weight:500;color:#fff;-webkit-transition:color .25s ease-in-out;-moz-transition:color .25s ease-in-out;transition:color .25s ease-in-out;text-transform:uppercase;position:absolute;letter-spacing:.1em;top:19px;background:#181819;cursor:pointer;left:105%;width:100%;line-height:1.34px;font-family:Roboto,sans-serif;z-index:2001}[id=nav-toggles]:checked~.navs>.nav-toggles:after{float:right}.nav-toggles2:after{font-size:22px;text-decoration:none;content:"\2630";padding-right:5px;float:right}.nav-toggles:hover{color:#f4f4f4}[id=nav-toggles]{position:absolute;display:none}[id=nav-toggles]:checked~.navs>.nav-toggles{font-size:20px;font-weight:500;right:2px;padding-right:8px;top:27px;left:auto;font-family:Roboto Regular;padding-left:20px}[id=nav-toggles]:checked~.navs{overflow-y:auto;box-shadow:4px 0 20px 0 rgba(0,0,0,.5);-moz-box-shadow:4px 0 20px 0 rgba(0,0,0,.5);-webkit-box-shadow:4px 0 20px 0 rgba(0,0,0,.5);left:0}[id=nav-toggles]:checked~main>article{-webkit-transform:translateX(320px);-moz-transform:translateX(320px);transform:translateX(320px)}[id=nav-toggles]:checked~.navs>.nav-toggles:after{content:"\2715"}body{-webkit-animation:bugfix 1s infinite}@-webkit-keyframes bugfix{to{padding:0}}.navs h2{transform:scale(.1);-ms-transform:scale(.1);-moz-transform:scale(.1);-webkit-transform:scale(.1);padding:0;font-size:1.3em;text-shadow:hsla(0,0%,100%,.1) -1px -1px 1px,rgba(0,0,0,.5) 1px 1px 1px;transition:opacity .8s,transform .8s;-ms-transition:opacity .8s,-ms-transform .8s;-moz-transition:opacity .8s,-moz-transform .8s;-webkit-transition:opacity .8s,-webkit-transform .8s;opacity:0;text-align:center;transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0;margin:10px 0;width:90%;line-height:1.3em}.navs h2 a{text-decoration:none;color:#dadada;text-transform:uppercase}[id=nav-toggles]:checked~.navs h2{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);opacity:1}.navs>ul{list-style:none;padding:0;margin:0;display:block}.navs>ul>li{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .5s .1s,-webkit-transform .5s .1s;-moz-transition:opacity .5s .1s,-moz-transform .5s .1s;-ms-transition:opacity .5s .1s,-ms-transform .5s .1s;transition:opacity .5s .1s,transform .5s .1s;opacity:0;line-height:2.5}[id=nav-toggles]:checked~.navs>ul>li{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}.navs>ul>li:nth-child(2){-webkit-transition:opacity .5s .2s,-webkit-transform .5s .2s;transition:opacity .5s .2s,transform .5s .2s}.navs>ul>li:nth-child(3){-webkit-transition:opacity .5s .3s,-webkit-transform .5s .3s;transition:opacity .5s .3s,transform .5s .3s}.navs>ul>li:nth-child(4){-webkit-transition:opacity .5s .4s,-webkit-transform .5s .4s;transition:opacity .5s .4s,transform .5s .4s}.navs>ul>li:nth-child(5){-webkit-transition:opacity .5s .5s,-webkit-transform .5s .5s;transition:opacity .5s .5s,transform .5s .5s}.navs>ul>li:nth-child(6){-webkit-transition:opacity .5s .6s,-webkit-transform .5s .6s;transition:opacity .5s .6s,transform .5s .6s}.navs>ul>li:nth-child(7){-webkit-transition:opacity .5s .7s,-webkit-transform .5s .7s;transition:opacity .5s .7s,transform .5s .7s}.navs>ul>li>a{padding:0;font-size:1.2em;text-decoration:none;font-weight:300;color:#fff;-webkit-transition:color .5s ease,padding .5s ease;-moz-transition:color .5s ease,padding .5s ease;transition:color .5s ease,padding .5s ease;position:relative;width:100%;font-family:Open Sans,sans-serif;display:inline-block}.navs>ul>li>a:focus,.navs>ul>li>a:hover{color:#fff;padding-left:15px}.navs>ul>li>a:before{right:0;-webkit-transition:width 0s ease;transition:width 0s ease}.navs>ul>li>a:after,.navs>ul>li>a:before{height:1px;content:"";position:absolute;bottom:0;width:100%;display:block}.navs>ul>li>a:after{background:#bbb;left:0}.navs>ul>li>a:after,.navs>ul>li>a:hover:before{-webkit-transition:width .5s ease;transition:width .5s ease}.navs>ul>li>a:hover:before{background:#3bc1a0;width:0}.navs>ul>li>a:hover:after{-webkit-transition:width 0s ease;transition:width 0s ease;background:transparent;width:0}