body.okayNav-loaded { overflow-x: hidden }
.global_header .okayNav:not(.loaded) { visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.global_header .okayNav ul { float: left }
.global_header .okayNav a { position: relative; z-index: 1 }
.global_header .okayNav__nav--visible { overflow: hidden; white-space: nowrap }
.global_header .okayNav__nav--visible li { display: inline-block }
.global_header .okayNav__nav--visible a { display: block; padding: 0; transition: color .2s cubic-bezier(.55, 0, .1, 1) }
.global_header .okayNav__nav--visible:empty~.okayNav__menu-toggle { top: 0 }
.global_header .okayNav__nav--invisible { position: fixed; top:130px; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch }
.global_header .okayNav__nav--invisible a { display: block; width: 200px; padding: 15px; background: #fff }
.global_header .okayNav__nav--invisible.nav-left { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%) }
.global_header .okayNav__nav--invisible.nav-right { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%) }
.global_header .okayNav__nav--invisible.transition-enabled { border-left: 1px solid #ddd;transition: -webkit-transform .4s cubic-bezier(.55, 0, .1, 1); transition: transform .4s cubic-bezier(.55, 0, .1, 1); transition: transform .4s cubic-bezier(.55, 0, .1, 1), -webkit-transform .4s cubic-bezier(.55, 0, .1, 1) }
.global_header .okayNav__nav--invisible.nav-open { -webkit-transform: translateX(0); transform: translateX(0) }
.global_header .okayNav__menu-toggle { position: relative; z-index: 1; top: 15px; float: left; width: 40px; height: 20px; cursor: pointer; transition: -webkit-transform .4s cubic-bezier(.55, 0, .1, 1); transition: transform .4s cubic-bezier(.55, 0, .1, 1); transition: transform .4s cubic-bezier(.55, 0, .1, 1), -webkit-transform .4s cubic-bezier(.55, 0, .1, 1) }
.global_header .okayNav__menu-toggle.okay-invisible { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; opacity: 0 }
.global_header .okayNav__menu-toggle span { position: absolute; right: 0; left: 0; display: block; width: 4px; height: 4px; margin: auto; pointer-events: none; border-radius: 50% }
.global_header .okayNav__menu-toggle span:nth-child(1) { top: 0 }
.global_header .okayNav__menu-toggle span:nth-child(2) { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.global_header .okayNav__menu-toggle span:nth-child(3) { bottom: 0 }
.global_header .okayNav__menu-toggle.icon--active { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.global_header .okayNav a { font-size: 1.2rem;}
.global_header .okayNav__nav--invisible { background: #fff }
.global_header .okayNav__menu-toggle span { background: #2e2e33 }