.navbar{width:100%;position:fixed;top:0;z-index:1000;background:var(--pickerdarkblueopacity)}.navbar ul{list-style:none;margin:0;padding:0}.navbar a{text-decoration:none;color:var(--pickerdarkblue)}.navbar .nav-logo{width:100%;height:4rem;position:relative;background:var(--pickerdarkblueopacity);float:left;min-width:20rem}.navbar .nav-logo a{display:block}.navbar .nav-logo a span{content:url(../img/logo.png);height:3.9rem;display:block;margin:auto}.navbar .nav-menu .menu .menu-item label{display:block;padding:0 1rem;height:4rem;color:var(--pickerdarkblue);cursor:pointer;position:relative}.navbar .nav-menu .menu .main-menu .menu-item label::after{content:"";width:0;width:0;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top:.5rem solid var(--pickerdarkblue);position:relative;left:.5rem;top:.75rem}.navbar .nav-menu .menu .main-menu .menu-item label:hover{color:var(--pickerorange)}.navbar .nav-menu .menu .main-menu .menu-item label:hover::after{border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top:.5rem solid var(--pickerorange)}.navbar .nav-menu{background-color:var(--light);width:100%;clear:both;line-height:4rem}.navbar .nav-menu .menu .menu-item{position:relative}.navbar .nav-menu .menu .menu-item a{padding:0 1rem;display:block}.navbar .nav-menu .menu .main-menu .menu-item a:hover{background-color:var(--pickerorange);color:var(--light)}.navbar .nav-menu .menu .menu-item-icon span{height:2rem;padding-top:1rem}.navbar .nav-menu .menu .menu-item-icon{display:block}.navbar .nav-menu .handle-menu .menu-items-icons-list{height:4rem;display:block}.navbar .nav-menu .handle-menu .menu-item-icon{float:left;height:4rem}.navbar .nav-menu .menu .dropdown-menu{line-height:3rem;background-color:var(--pickerdarkblueopacity);overflow:auto;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;max-height:0;position:relative}.navbar .nav-menu .menu .menu-item .dropdown-menu::before{content:"";width:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid var(--light);position:absolute;top:0;left:0}.navbar .nav-menu .menu .main-menu .menu-item a:hover~.dropdown-menu::before{border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid var(--pickerorange)}.navbar .nav-menu .menu .menu-item .dropdown-menu .dropdown-menu-item a:hover{background:var(--pickerorange);color:var(--pickerdarkblue)}.navbar .nav-menu .menu .dropdown-menu .dropdown-menu-item a{display:block;color:var(--light);padding:0 1rem}.navbar .menu-icon{display:block;height:4rem;width:4rem;position:absolute;right:0;margin-right:1rem;cursor:pointer}.navbar .menu-icon .nav-icon{background:var(--light);height:2px;width:2rem;display:block;position:absolute;top:2rem;left:1rem;-webkit-transition:background .2s ease-out;-o-transition:background .2s ease-out;transition:background .2s ease-out}.navbar .menu-icon .nav-icon::before{content:"";height:100%;width:100%;display:block;position:absolute;top:7px;background:var(--light);-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.navbar .menu-icon .nav-icon::after{content:"";height:100%;width:100%;display:block;position:absolute;top:-7px;background:var(--light);-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.navbar .menu-btn,.navbar .dropdown-menu-btn,.navbar .nav-menu .menu .menu-item .dropdown-link{display:none}.navbar .nav-menu .menu .handle-menu .menu-item-icon{cursor:pointer}.navbar .nav-menu .menu .handle-menu #dropdown3-toggle span{content:url(../img/user.png);display:block;width:2rem;height:2rem}.navbar .nav-menu .menu .handle-menu #dropdown3-toggle span::after{content:url(../img/user-hover.png);display:block;width:100%;height:100%;position:absolute;top:0}.navbar .nav-menu .menu .handle-menu #dropdown3-toggle:hover>span{content:url(../img/user-hover.png)}.navbar .nav-menu .menu .handle-menu #user-icon span{content:url(../img/user.png);display:block;width:2rem;height:2rem}.navbar .nav-menu .menu .handle-menu #user-icon span::after{content:url(../img/user-hover.png);display:block;width:100%;height:100%;position:absolute;top:0}.navbar .nav-menu .menu .handle-menu #user-icon:hover>span{content:url(../img/user-hover.png)}.navbar .nav-menu .menu .handle-menu #login-icon span{content:url(../img/login.png);display:block;width:2rem;height:2rem}.navbar .nav-menu .menu .handle-menu #login-icon span::after{content:url(../img/login-hover.png);display:block;width:100%;height:100%;position:absolute;top:0}.navbar .nav-menu .menu .handle-menu #login-icon:hover>span{content:url(../img/login-hover.png)}.navbar .nav-menu .menu .handle-menu #logout-icon span{content:url(../img/logout.png);display:block;width:2rem;height:2rem}.navbar .nav-menu .menu .handle-menu #logout-icon img::after{content:url(../img/logout-hover.png);display:block;width:100%;height:100%;position:absolute;top:0}.navbar .nav-menu .menu .handle-menu #logout-icon:hover>span{content:url(../img/logout-hover.png)}.navbar .nav-menu .menu .handle-menu #register-icon span{content:url(../img/registration.png);display:block;width:2rem;height:2rem}.navbar .nav-menu .menu .handle-menu #register-icon span::after{content:url(../img/registration-hover.png);display:block;width:100%;height:100%;position:absolute;top:0}.navbar .nav-menu .menu .handle-menu #register-icon:hover>span{content:url(../img/registration-hover.png)}@media(max-width:1057px){.navbar .nav-logo a span{float:left}.navbar .nav-menu{max-height:0;overflow:hidden;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;border-bottom:1px solid var(--light);-webkit-box-shadow:var(--shadowdark);box-shadow:var(--shadowdark)}.navbar .nav-menu .menu .main-menu .menu-item .dropdown-menu-btn:checked~.dropdown-menu{max-height:30rem;padding-top:20px}.navbar .nav-menu .menu .handle-menu{padding-top:.5rem}.navbar .nav-menu .menu .handle-menu .menu-item .dropdown-menu-btn:checked~.dropdown-menu{max-height:30rem;padding-top:0;padding-bottom:20px}.navbar .nav-menu .menu .main-menu .menu-item .dropdown-menu-btn:checked~.dropdown-menu-icon::after{border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid var(--pickerdarkblue);border-top:0 solid transparent;top:-.8rem}.navbar .nav-menu .menu .main-menu .menu-item .dropdown-menu-btn:checked~.dropdown-menu-icon:hover::after{border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid var(--pickerorange);border-top:0 solid transparent}.navbar .nav-menu .menu .handle-menu .menu-item .dropdown-menu::before{content:"";width:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid var(--light);border-top:none;position:absolute;bottom:0;left:0}.navbar .nav-menu .menu .main-menu .menu-item a:hover{color:var(--pickerorange);background:none}.navbar .menu-btn:checked~.menu-icon .nav-icon{background:transparent}.navbar .menu-btn:checked~.menu-icon .nav-icon::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:0}.navbar .menu-btn:checked~.menu-icon .nav-icon::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:0}.navbar .menu-btn:checked~.menu-icon .nav-icon{background:transparent}.navbar .menu-btn:checked~.nav-menu{overflow:auto;max-height:calc(100vh - 4rem)}}@media(max-width:290px){.navbar .nav-logo a span{width:190px}}@media(min-width:1058px){.navbar .nav-menu .menu .menu-item .dropdown-link{display:block}.navbar .nav-menu .menu .menu-item .dropdown-menu-icon,.navbar .menu-icon{display:none}.navbar .nav-logo{width:30%;background-color:transparent}.navbar .nav-menu{width:100%;clear:none;height:4rem;background-color:transparent}.navbar .nav-menu .menu{width:100%}.navbar .nav-menu .menu .main-menu{float:left}.navbar .nav-menu .menu .handle-menu{float:right}.navbar .nav-menu .menu .menu-item{line-height:4rem;float:left}.navbar .nav-menu .menu .main-menu .menu-item a{padding:0 2rem;color:var(--light)}.navbar .nav-menu .menu .dropdown-menu{min-width:12rem;display:inherit;position:absolute;top:4rem;max-height:0;padding-top:0;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out;background-color:var(--light)}.navbar .nav-menu .menu .dropdown-menu .dropdown-menu-item{white-space:nowrap}.navbar .nav-menu .menu .dropdown-menu .dropdown-menu-item a{color:var(--pickerdarkblue)}.navbar .nav-menu .menu .handle-menu .menu-item .dropdown-menu{right:-4rem;text-align:left}.navbar .nav-menu .menu .handle-menu .menu-item .dropdown-menu::before{left:4.75rem}.navbar .nav-menu .menu .menu-item:hover>.dropdown-menu{max-height:35rem;padding-top:0;border-bottom:2px solid var(--pickerdarkblue);border-left:1px solid var(--pickerdarkblue);border-right:1px solid var(--pickerdarkblue);-webkit-box-shadow:0 -3px 54px -24px var(--pickerdarkblueopacity);box-shadow:0 -3px 54px -24px var(--pickerdarkblueopacity);border-bottom-left-radius:.2rem;border-bottom-right-radius:.2rem}.navbar .nav-menu .menu .menu-item:hover .dropdown-link{background-color:var(--pickerorange);color:var(--pickerdarkblue)}.navbar .nav-menu .handle-menu .menu-items-icons-list{float:left}.navbar .nav-menu .menu .menu-item .dropdown-menu::before{content:"";width:0;border-left:0 solid transparent;border-right:0 solid transparent;border-top:0 solid var(--light);position:absolute;top:0;left:0}.navbar .nav-menu .menu .main-menu .menu-item a:hover~.dropdown-menu::before{border-left:0 solid transparent;border-right:0 solid transparent;border-top:0 solid var(--pickerorange)}.navbar .nav-menu .menu .main-menu .menu-item a:hover{background-color:var(--pickerorange);color:var(--pickerdarkblue)}.navbar .nav-menu .menu .handle-menu .menu-item a:hover{background-color:var(--pickerorange)}.navbar .nav-menu .menu .handle-menu #user-icon span{content:url(../img/user-light.png)}.navbar .nav-menu .menu .handle-menu #user-icon span::after{content:url(../img/user.png)}.navbar .nav-menu .menu .handle-menu #user-icon:hover>span{content:url(../img/user.png)}.navbar .nav-menu .menu .menu-item:hover #user-icon span{content:url(../img/user.png)}.navbar .nav-menu .menu .handle-menu #logout-icon span{content:url(../img/logout-light.png)}.navbar .nav-menu .menu .handle-menu #logout-icon span::after{content:url(../img/logout.png)}.navbar .nav-menu .menu .handle-menu #logout-icon:hover>span{content:url(../img/logout.png)}.navbar .nav-menu .menu .menu-item:hover #logout-icon span{content:url(../img/logout.png)}.navbar .nav-menu .menu .handle-menu #register-icon span{content:url(../img/registration-light.png)}.navbar .nav-menu .menu .handle-menu #register-icon span::after{content:url(../img/registration.png)}.navbar .nav-menu .menu .handle-menu #register-icon:hover>span{content:url(../img/registration.png)}.navbar .nav-menu .menu .menu-item:hover #register-icon span{content:url(../img/registration.png)}.navbar .nav-menu .menu .handle-menu #login-icon span{content:url(../img/login-light.png)}.navbar .nav-menu .menu .handle-menu #login-icon span::after{content:url(../img/login.png)}.navbar .nav-menu .menu .handle-menu #login-icon:hover>span{content:url(../img/login.png)}.navbar .nav-menu .menu .menu-item:hover #login-icon span{content:url(../img/login.png)}}