.navbar{position:fixed;left:0;right:0;border:none;}
.navigation{width:300px;height:100%;position:fixed;top:0;right:0;bottom:0;z-index:1;list-style:none;background-color:#14232D;}
a.closemenu{display:block;width:300px;padding:2.1rem;padding-left:55px;background-image:url('../images/closemenu.png');background-repeat:no-repeat;background-size:15px;background-position:30px 37px;color:#515f68;font-size:1.4rem;text-transform:uppercase;transition:all 0.2s ease;}
a.closemenu:hover{text-decoration:none;}
a.closemenu.shrink{padding:1.4rem;padding-left:55px;background-position:30px 28px;}
.navigation ul{border-top:1px solid #253743;}
.nav-item{width:300px;border-bottom:1px solid #253743;}
.nav-item a, .nav-item label{display:block;width:300px;padding:.7rem;padding-left:30px;color:white;font-size:1.4rem;text-decoration:none;transition:color 0.2s, background 0.5s;text-transform:uppercase;cursor:pointer;margin-bottom:0px;font-weight:normal;}
.nav-item label{background-image:url(../images/hassubmenu.png);background-repeat:no-repeat;background-position:260px 15px;background-size:auto 16px;}
.nav-item a:hover, .nav-item label:hover{color:#fff;background-color:#1e3341;}
.site-wrap{min-height:100%;min-width:100%;background-color:#fff;position:relative;top:0;bottom:100%;left:0;z-index:1;background-size:200%;}
.nav-trigger, .bannernavx-trigger{position:fixed;clip:rect(0, 0, 0, 0);}
label[for="nav-trigger"]{position:fixed;right:55px;top:31px;z-index:4;transition:bottom 0.2s ease;height:30px;width:30px;cursor:pointer;background-image:url('../images/menu.png');background-repeat:no-repeat;background-size:contain;}
.nav-trigger + label, .site-wrap, nav{transition:left 0.2s ease;}
.nav-trigger + label{top:45px;right:55px;transition:all 0.2s ease;}
.nav-trigger:checked + label{right:355px;}
.bannernavx-trigger:checked ~ nav{left:-300px;right:300px;}
.nav-trigger:checked ~ .navigation{border:4px solid red;}
.nav-trigger:checked ~ .site-wrap, .nav-trigger:checked label[for="search-trigger"]{left:-300px;}
.nav-trigger:checked ~ .site-wrap div div nav{left:-300px;right:300px;transition:all 0.2s ease;}
body{overflow-x:hidden;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
label[for="nav-trigger"].shrink{top:21px;}
li.has-submenu{}
ul.submenu{margin-top:89px;position:absolute;top:0;left:0;width:300px;opacity:0;z-index:-1;background-color:#14232D;height:100%;transition:all 0.2s ease;}
ul.submenu.shrink{margin-top:69px;}
.submenu-trigger{position:fixed;clip:rect(0, 0, 0, 0);}
.submenu-trigger:checked ~ ul.submenu{opacity:100;z-index:5;}
.nav-item a.submenu-back{padding-left:47px;background-image:url(../images/back.png);background-repeat:no-repeat;background-position:30px 18px;background-size:auto 16px;color:#4c687e;}
@media (max-width:768px){label[for="nav-trigger"].shrink{right:35px;}
.nav-trigger:checked + label{right:335px;}
}
@media (max-width:510px){label[for="nav-trigger"].shrink{right:35px;}
.nav-trigger:checked + label{right:335px;}
.navigation{overflow-y:auto;overflow-x:hidden;}
}
@media (max-width:440px){label[for="nav-trigger"].shrink{right:15px;}
.nav-trigger:checked + label{right:315px;}
.navigation{overflow-y:auto;overflow-x:hidden;}
}