button.nav-toggler{cursor:pointer; border:none; -webkit-appearance:none; height: 32px; width: 40px; background: url(../images/menu.png) no-repeat #fff; text-indent: -999em; overflow: hidden; margin: 70px 10px 0 0;}
#wrapper{position:relative; z-index:10; top:0; left:0; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.mask{position:fixed; top:0; left:0; z-index:15; width:100%; height:100%; background:rgba(0,0,0,.6);}
.buttons{margin-bottom:30px; text-align:center;}
.buttons button{display:inline-block; margin:0 0 4px; padding:15px 30px; color:#fff; background-color:#67b5d1;}
.buttons button.active,.buttons button:hover{background-color:#3184a1;}
.buttons button:focus{outline:0;}
.nav.menu{position:fixed; z-index:20; background-color:#058A88; overflow-x:hidden; overflow-y:scroll; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.nav.menu ul{list-style-type:none; margin:0; padding:0;}
.nav.menu a{color:#fff;}
button.close-menu{background-color:#fff; color:#fff;}
button.close-menu:focus{outline:0;}
.nav.push-menu-left,.nav.push-menu-right,.nav.slide-menu-left,.nav.slide-menu-right{top:0; width:300px; height:100%;}
.nav.push-menu-left li,.nav.push-menu-right li,.nav.slide-menu-left li,.nav.slide-menu-right li{display:block; text-align:left; border-bottom:solid 1px #fff;}
.nav.push-menu-left li:first-child,.nav.push-menu-right li:first-child,.nav.slide-menu-left li:first-child,.nav.slide-menu-right li:first-child{border-top:none;}
.nav.push-menu-left li:last-child,.nav.push-menu-right li:last-child,.nav.slide-menu-left li:last-child,.nav.slide-menu-right li:last-child{border-bottom:none;}
.nav.push-menu-left a,.nav.push-menu-right a,.nav.slide-menu-left a,.nav.slide-menu-right a{display:block; padding:10px; font-size:14px; color: #fff; text-decoration: none;}
.nav.menu a.active,.nav.menu a:hover{background-color: #fff; color: #058A88;}
.nav.push-menu-left button.close-menu,.nav.push-menu-right button.close-menu,.nav.slide-menu-left button.close-menu,.nav.slide-menu-right button.close-menu{margin:10px; padding:10px 30px; background-color:#fff; color:#058A88;}
.nav.push-menu-left,.nav.slide-menu-left{left:-300px;}
.nav.push-menu-right,.nav.slide-menu-right{right:-300px;}
body.pml-open .nav.push-menu-left,body.sml-open .nav.slide-menu-left{left:0;}
body.pmr-open .nav.push-menu-right,body.smr-open .nav.slide-menu-right{right:0;}
body.pml-open #wrapper{left:300px;}
body.pmr-open #wrapper{left:-300px;}
.nav.push-menu-bottom,.nav.push-menu-top,.nav.slide-menu-bottom,.nav.slide-menu-top{left:0; width:100%; height:100px;}
.nav.push-menu-bottom ul,.nav.push-menu-top ul,.nav.slide-menu-bottom ul,.nav.slide-menu-top ul{text-align:center; padding:25px 0 0;}
.nav.push-menu-bottom li,.nav.push-menu-top li,.nav.slide-menu-bottom li,.nav.slide-menu-top li{display:inline-block; margin:0; vertical-align:middle;}
.nav.push-menu-bottom a,.nav.push-menu-top a,.nav.slide-menu-bottom a,.nav.slide-menu-top a{display:block; line-height:50px; padding:0 10px; font-size:18px;}
.nav.push-menu-bottom button.close-menu,.nav.push-menu-top button.close-menu,.nav.slide-menu-bottom button.close-menu,.nav.slide-menu-top button.close-menu{display:block; line-height:50px; margin:0; padding:0 10px;}
.nav.push-menu-top,.nav.slide-menu-top{top:-100px;}
.nav.push-menu-bottom,.nav.slide-menu-bottom{bottom:-100px;}
body.pmt-open .nav.push-menu-top,body.smt-open .nav.slide-menu-top{top:0;}
body.pmb-open .nav.push-menu-bottom,body.smb-open .nav.slide-menu-bottom{bottom:0;}
body.pmt-open #wrapper{top:100px;}
body.pmb-open #wrapper{top:-100px;}

@media all and (max-width:860px){
    .buttons br{display:none;}
    .buttons button{padding:10px 20px;}
}

@media all and (max-width:660px){
    .nav.push-menu-bottom ul,.nav.push-menu-top ul,.nav.slide-menu-bottom ul,.nav.slide-menu-top ul{padding:35px 0 0;}
    .nav.push-menu-bottom a,.nav.push-menu-top a,.nav.slide-menu-bottom a,.nav.slide-menu-top a{line-height:30px; padding:0 2px; font-size:12px;}
    .nav.push-menu-bottom button.close-menu,.nav.push-menu-top button.close-menu,.nav.slide-menu-bottom button.close-menu,.nav.slide-menu-top button.close-menu{line-height:30px; padding:0 2px;}
}

@media all and (max-width:330px){
    .nav.push-menu-left,.nav.push-menu-right,.nav.slide-menu-left,.nav.slide-menu-right{top:0; width:70%;}
    .nav.push-menu-left,.nav.slide-menu-left{left:-100%;}
    .nav.push-menu-right,.nav.slide-menu-right{right:-100%;}
    body.pml-open .nav.push-menu-left,body.sml-open .nav.slide-menu-left{left:0;}
    body.pmr-open .nav.push-menu-right,body.smr-open .nav.slide-menu-right{right:0;}
    body.pml-open #wrapper{left:100%;}
    body.pmr-open #wrapper{left:-100%;}
}