.arrow{background-color:red;cursor:pointer;display:inline-block;height:20px;top:200px;width:20px}.arrow,nav.white{position:absolute}nav.white{background-color:transparent;border-bottom:0;color:#fff}nav.white h1.logo,nav.white span.logo{background-image:url(https://www.timegate.com/hubfs/tg_quarry/timegate-logo-color.svg)}nav #menu span.logo{background-image:url(https://cdn2.hubspot.net/hubfs/3455079/tg_quarry/timegate-logo-white.svg)}nav.white .sub-menu{background-color:transparent}nav.white a,nav.white h1,nav.white h2,nav.white h3,nav.white h4,nav.white li,nav.white ul{color:#fff}nav{background-color:#fff;height:4rem;position:fixed;top:0;-webkit-transition:all .2s cubic-bezier(.5,0,0,1);-moz-transition:all .2s cubic-bezier(.5,0,0,1);-o-transition:all .2s cubic-bezier(.5,0,0,1);transition:all .2s cubic-bezier(.5,0,0,1);width:100%;z-index:10}nav ul.mobilemenu#menu{margin:0;padding:0}nav ul.mobilemenu#menu ul li a.dropbutton{display:none}nav ul.mobilemenu#menu li{margin:0;padding:.5rem 0}nav ul.menu{text-align:center}nav ul.menu li{text-align:left}nav .dropdown-item,nav ul{color:#9b9d9a;font-size:.85rem;font-weight:400;letter-spacing:.1rem;line-height:1.5rem;margin-bottom:0;margin-top:.75rem;text-transform:uppercase}nav .dropdown-item li,nav ul li{display:inline-block}nav .dropdown-item li a,nav ul li a{color:#737873;padding:.4rem}nav ul.dropdown-menu{border-radius:0;padding:0;width:18rem}nav ul{padding-left:0}nav .primary-nav{padding-top:.5rem}@media (max-width:767px){nav .primary-nav li.dropbutton:after{content:" f0d7";font-family:Font Awesome\ 5 Solid}}@media (min-width:768px){nav .primary-nav ul.dropdown-menu{display:none;left:auto;position:absolute}nav .primary-nav ul.dropdown-menu li{background-color:#fff}}nav .primary-nav ul.dropdown-menu.show{display:block}nav .primary-nav ul.dropdown-menu li{display:block;padding:1rem}nav .sub-menu{background-color:#fff;display:none;padding:.5rem 1rem;position:absolute;width:fit-content}nav .sub-menu li{display:block;margin:1rem 0}nav .menu-item-has-children>a:after{border-bottom:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid;content:"";display:inline-block;height:0;margin-left:.255em;vertical-align:.255em;width:0}nav #menuToggle{display:block;position:relative;-webkit-user-select:none;user-select:none;z-index:11}nav #menuToggle input{-webkit-touch-callout:none;cursor:pointer;display:block;height:2rem;opacity:0;position:absolute;right:1rem;top:1rem;width:2rem;z-index:2}nav #menuToggle span{background-color:#8dc63f;cursor:s-resize;display:block;height:4px;position:absolute;right:1.4rem;top:1rem;transform-origin:0 0;width:24px;z-index:1}nav #menuToggle span:nth-child(2){top:30px;transform-origin:0 0}nav #menuToggle span:nth-child(3){top:40px}nav #menuToggle span:nth-child(4){top:50px;transform-origin:0 100%}nav #menuToggle input:checked~span{opacity:0}nav #menuToggle input:checked~span:nth-child(2){background:#fff;opacity:1;transform:rotate(45deg) scaleX(1.25) translate(0)}nav #menuToggle input:checked~span:nth-child(4){background:#fff;opacity:1;transform:rotate(-45deg) scaleX(1.25) translate(0)}nav #menuToggle input:checked~ul{transform:none}nav #menu{-webkit-font-smoothing:antialiased;background:#8dc63f;bottom:0;left:0;list-style-type:none;overflow:scroll;padding:1rem 0;position:fixed;right:0;top:0;transform:translateY(-100%);transform-origin:0 0;-webkit-transition:all .75s cubic-bezier(.5,0,0,1);-moz-transition:all .75s cubic-bezier(.5,0,0,1);-o-transition:all .75s cubic-bezier(.5,0,0,1);transition:all .75s cubic-bezier(.5,0,0,1);width:100%}nav #menu h1.logo{background-image:url(https://www.timegate.com/hubfs/tg_quarry/timegate-logo-white.svg)}nav #menu .sub-menu{background-color:#8dc63f;display:block;position:relative}nav #menu ul{text-align:center;width:100%}nav #menu ul li,nav #menu ul li a{color:#fff;display:block;width:100%}nav #menu div.hoverover{display:none}nav #menu a+div.hoverover,nav.navbar{display:block}nav.navbar{position:fixed}