.inpagenav__item{display:inline-block;font-size:12px;font-weight:700;position:relative;text-transform:uppercase;width:100%}.inpagenav__item a{cursor:pointer;display:block;line-height:30px;padding:5px 10px;width:100%}@media (min-width:768px){.inpagenav__item:hover{background-color:#ddd}}input#opennav{display:none}label#opennav__label{-webkit-box-shadow:-5px 0 5px 0 #ddd;box-shadow:-5px 0 5px 0 #ddd;cursor:pointer;display:block;height:50px;top:30%;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);width:50px;z-index:1}.inpagenav__wrapper,label#opennav__label{background-color:#fff;position:fixed;right:0;-webkit-transition:.2s ease;transition:.2s ease}.inpagenav__wrapper{-webkit-box-shadow:0 0 5px #ddd;box-shadow:0 0 5px #ddd;top:calc(30% + 50px);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);width:300px}@media (min-width:768px){.inpagenav__wrapper{top:30%}}input#opennav:checked~.inpagenav__wrapper{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media (min-width:768px){input#opennav:checked~#opennav__label{-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px)}}#opennav__label:after,#opennav__label:before{background-color:#0a4675;content:"";height:3px;left:17.5px;position:absolute;-webkit-transition:.15s cubic-bezier(.2,0,.38,.9);transition:.15s cubic-bezier(.2,0,.38,.9);width:15px}#opennav__label:before{top:19px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#opennav__label:after{top:28px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}input#opennav:checked~#opennav__label:before{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}input#opennav:checked~#opennav__label:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.inpagenav__item:hover{background-color:#ddd}