.top-menu{display:none}.secondary-nav{display:block}.mobile-menu{align-items:center;background-color:#fff;box-sizing:border-box;display:block;height:50px;padding:0;position:fixed;top:0px;width:100%;z-index:15}.mobile-menu .logo{position:absolute;left:4px;height:calc(100% - 10px);width:auto;padding:5px 9px;z-index:1}.mobile-menu .logo a{height:calc(100% - 10px);margin:5px auto}.mobile-menu .logo a img{position:absolute;height:40px;top:50%;transform:translateY(-50%)}.mobile-menu .search{width:auto;height:50px;background-image:url('https://gay.nl/static/img/search-icon.svg?1f5941fc518f');background-size:60px 60px;background-repeat:no-repeat;background-position:center right;position:relative;overflow:hidden}.mobile-menu .search input[type="checkbox"]{position:absolute;top:0;right:0;left:initial;width:50px;height:50px;margin:0;opacity:0;z-index:2;cursor:pointer}.mobile-menu .search .searchbar{height:100%;width:0;right:35px;left:calc(100% - 50px);border:0;z-index:1}.mobile-menu .search input[type="checkbox"]:checked ~ .searchbar{left:0;opacity:1;width:calc(100% - 50px)}.mobile-menu-activator{height:100%;float:right;width:30px;margin-right:10px}.mobile-menu-activator input[type="checkbox"]{position:absolute;top:50%;width:30px;height:30px;transform:translateY(-50%);margin:0;opacity:0;z-index:1}.mobile-menu .account{float:right;height:50px;width:50px;margin-right:10px;background-image:url('https://gay.nl/static/img/icon_login.svg?1f5941fc518f');background-repeat:no-repeat;background-size:100% 100%}.mobile-menu .account input[type="checkbox"]{position:absolute;height:50px;width:50px;margin:0;opacity:0;z-index:1}.mobile-menu .account input[type="checkbox"]:checked ~ .formwrapper{max-height:355px}.account .formwrapper{position:absolute;right:10px;top:100%;max-height:0px;width:calc(100% - 20px);background:white;overflow:hidden;box-shadow:0px 4px 8px rgba(0,0,0,.25);transition:all 0.5s ease-in-out}.account .formwrapper a.signup{font-size:1.4em;margin-left:2%}.account #login{width:96%;margin-bottom:0;padding-bottom:0;box-shadow:none}.account #login_info{display:none}.hamburger,.hamburger:after,.hamburger:before{background-color:#ff9600;content:"";height:6px;position:absolute;top:calc(50% - 3px);width:30px;transition:transform .5s}.hamburger:after{top:10px;left:0}.hamburger:before{top:-10px;left:0}.mobile-menu-activator .mobile-menu-dropdown{position:absolute;left:0;right:0;top:40px;height:0px;overflow-y:scroll;list-style-type:none;padding-left:0}.mobile-menu-dropdown li{height:40px;line-height:40px;font-size:16px;padding:0 10px;width:calc(100% - 20px);background:white;box-shadow:inset 0 3px 5px -3px rgba(0,0,0,0.1);float:left}.mobile-menu-dropdown li a{display:block;color:black;text-decoration:none}.mobile-menu-dropdown li p{margin:0}.mobile-menu-dropdown li p .attention{position:relative;display:inline-block;height:10px;width:10px;top:-8px;margin-left:-5px;background-image:url('https://gay.nl/static/img/icon_attention.svg?1f5941fc518f');background-size:100% 100%}.mobile-menu-dropdown li.dropdown{height:auto;position:relative}.mobile-menu-dropdown li.dropdown::after{content:'';position:absolute;top:20px;right:10px;transform:translateY(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(0,0,0,0.3)}.mobile-menu-dropdown li.dropdown ul{list-style-type:none;display:none}.mobile-menu-dropdown li.dropdown.opened ul{display:block}.mobile-menu-dropdown li.language{padding:0;width:100%;display:flex;box-shadow:inset 0 3px 5px -3px rgba(0,0,0,0.1),0 3px 5px -3px rgba(0,0,0,0.1)}.mobile-menu-dropdown li.language a{flex-grow:1;padding-left:10px}.mobile-menu-dropdown li.language a.cur{background:#EEE}.mobile-menu-dropdown li.language a:last-child{border-left:1px solid rgba(0,0,0,0.3)}.mobile-menu-activator input[type="checkbox"]:checked ~ .mobile-menu-dropdown{height:calc(100vh - 50px);background:white}.mobile-menu-activator input[type="checkbox"]:checked ~ .hamburger{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.mobile-menu-activator input[type="checkbox"]:checked ~ .hamburger:before{display:none}.mobile-menu-activator input[type="checkbox"]:checked ~ .hamburger:after{transform:rotate(-90deg) translate(30%);-webkit-transform:rotate(-90deg) translate(30%)}