#modal-btn{background-color:transparent;border:none;cursor:pointer;height:.4rem;outline:none;width:2.5rem;padding:1.3rem 0 0}#modal-btn #modal-icon{background-color:transparent;height:.3rem;position:relative;transition:all .25s;width:2.5rem}#modal-btn #modal-icon:before{top:0;transform:rotate(-45deg)}#modal-btn #modal-icon:after,#modal-btn #modal-icon:before{background-color:#000;content:"";height:.3rem;left:0;position:absolute;transition:all .25s;width:2.5rem}#modal-btn #modal-icon:after{bottom:0;transform:rotate(45deg)}#navbar,#navbar2{transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-timing-function:cubic-bezier(.4,0,.2,1)}#navbar2{background-color:#fff;border-bottom:1px solid #000}.main-logo{width:14rem;height:100%;fill:#fff}#contact-btn{background-color:#000;color:#fff}.nav{color:#fff;transition:all;animation-duration:1s;animation:ease-in-out}#contact-btn svg{fill:#fff;width:1.5rem;height:100%}.nav-white .main-logo{fill:#fff}.nav-blue #contact-btn{background-color:#000096;color:#fff}.nav-blue #contact-btn svg{fill:#fff}.nav-blue .main-logo{fill:#000096}.nav-white{color:#fff}.nav-blue{color:#000}#button{background-color:transparent;border:none;cursor:pointer;height:.4rem;outline:none;padding:0;width:2.5rem}#button.toggled #icon:before{top:0;transform:rotate(-45deg)}#button.toggled #icon:after{bottom:0;transform:rotate(45deg)}#button #icon{background-color:transparent;height:.3rem;position:relative;transition:all .25s;width:2.5rem}#button #icon:after,#button #icon:before{background-color:#fff;content:"";height:.3rem;left:0;position:absolute;transition:all .25s;width:2.5rem}#button #icon:before{top:-.5rem}#button #icon:after{bottom:-.5rem}.nav-white #button #icon:after,.nav-white #button #icon:before{background-color:#fff}.nav-blue #button #icon:after,.nav-blue #button #icon:before{background-color:#000096}.nav-blue #button.toggled #icon:after,.nav-blue #button.toggled #icon:before{background-color:#fff}.side-nav{position:fixed;top:0;right:0;height:100vh;width:100%;z-index:40;box-shadow:0 0 20px rgba(0,0,0,.1);transition:transform .3s ease-out}.side-nav-content{display:flex;color:#fff;font-weight:600;font-size:6vw;flex-direction:column;width:100%}.side-nav-content a,.side-nav-content button{border-top:1px solid #fff;width:100%;padding:1.25rem 1rem}.side-nav-logo{position:absolute;top:1rem;padding-left:.5rem;padding-right:.5rem}.main-logo-white{width:14rem;height:100%;fill:#fff}.nav-hover{display:inline-block;position:relative}.nav-hover:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:0;left:0;background-color:#fff;transform-origin:bottom right;transition:transform .4s ease-out}.nav-blue .nav-hover:after{background-color:#000}.nav-hover:hover:after{transform:scaleX(1);transform-origin:bottom left}@media(max-width:550px){.main-logo,.main-logo-white{width:12.5rem}}