.navbar{position:relative;background-color:#dbdbdb;z-index:5}.navbar ul{list-style-type:none}.navbar .nav-list{margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:nowrap;z-index:2;position:relative;-webkit-box-shadow:0px 5px 15px -1px rgba(0,0,0,0.5);box-shadow:0px 5px 15px -1px rgba(0,0,0,0.5)}.navbar .nav-list>li{flex-grow:1}.navbar .nav-list>li>a,.navbar .nav-list>li>.dropdown-label{display:block;color:#303030;text-align:center;padding:14px 20px;text-decoration:none;cursor:pointer}.navbar .nav-list>li>a:hover,.navbar .nav-list>li>.dropdown-label:hover,.navbar .nav-list>li>a.active,.navbar .nav-list>li>.dropdown-label.active{background-color:#424242;color:#ebebeb}.navbar .nav-list>li>input:checked~.dropdown-label,.navbar .nav-list>li .dropdown-label.active{background-color:#424242;color:#ebebeb}.navbar .nav-list>li .dropdown-menu{display:none;position:absolute;top:100%;left:0;right:0;padding:10px;background-color:#ebebeb;border:solid 1px #cecece;border-radius:0 0 10px 10px;flex-direction:row;flex-wrap:nowrap;box-shadow:0px 10px 30px -10px rgba(0,0,0,0.5);-webkit-box-shadow:0px 10px 30px -10px rgba(0,0,0,0.5)}.navbar .nav-list>li .dropdown-menu:hover{display:block}.navbar .nav-list>li .dropdown-menu ul{width:100%;flex-grow:1;display:flex;flex-direction:row;flex-wrap:wrap;column-gap:1em;row-gap:1em}.navbar .nav-list>li .dropdown-menu ul li{cursor:pointer;position:relative;flex-grow:1;max-width:25%;min-height:120px}.navbar .nav-list>li .dropdown-menu ul li:hover{background-color:#f8f8f8}.navbar .nav-list>li .dropdown-menu ul li.portfolio{max-width:45%;min-width:45%}.navbar .nav-list>li .dropdown-menu ul li a{color:#303030;text-decoration:none;display:block;padding:1.5em 2em}.navbar .nav-list>li .dropdown-menu ul li a .title{font-size:1.1em;margin-top:.2em}.navbar .nav-list>li .dropdown-menu ul li a .note{color:#8f8f8f;margin-top:.4em;font-size:.85em;font-style:italic}.navbar .nav-list>li .dropdown-menu ul li a .image{background:#eeeeee;float:left;border-radius:.5em;margin-right:1em}.navbar .nav-list>li .dropdown-menu ul li a .image img{border:solid 1px #cccccc;border-radius:.5em;max-width:80px}.navbar .nav-list>li .dropdown-menu .more{float:right;text-align:right}.navbar .nav-list>li .dropdown-menu .more:hover{background-color:#f8f8f8}.navbar .nav-list>li .dropdown-menu .more a{display:block;padding:1em 2em}.navbar .nav-list>li .dropdown-menu .dropdown-image{display:none}.navbar .nav-list>li .dropdown-menu .dropdown-image:not(:empty){background:#eeeeee;margin:10px;flex-grow:0}.navbar .nav-list>li .dropdown-label:hover~.dropdown-menu,.navbar .nav-list>li input:checked~.dropdown-menu{display:block}.navbar .menu-icon{display:none;flex-direction:column;justify-content:space-between;width:50px;height:26px;cursor:pointer;margin:10px 10px;padding-inline:10px;right:6px}.navbar .menu-icon .bar{height:4px;width:100%;background-color:#303030;border-radius:2px}.navbar .mobile{display:none;margin-inline-start:20px;color:#888888;font-family:Arial,Helvetica,sans-serif;font-style:italic}.hidden{display:none}@media (max-width:768px){.navbar{display:flex;justify-content:space-between;align-items:center}.navbar .mobile{display:block}.navbar .nav-list{display:none;flex-direction:column;width:100%;position:absolute;top:100%;left:0;background-color:#ebebeb;-webkit-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.3);box-shadow:0px 0px 5px 3px rgba(0,0,0,0.3)}.navbar .nav-list>li{width:100%;text-align:left;border-bottom:solid 1px #afafaf}.navbar .nav-list>li>a,.navbar .nav-list>li .dropdown-label{color:#292929}.navbar .nav-list>li .dropdown-label{display:block;padding:14px 20px;cursor:pointer}.navbar .nav-list>li .dropdown-menu{top:0;position:relative;display:none;border-radius:0;border:0;-webkit-box-shadow:none;box-shadow:none;padding:0}.navbar .nav-list>li .dropdown-menu .dropdown-image{display:none}.navbar .nav-list>li .dropdown-menu ul li{width:100%;max-width:100%;min-height:auto;margin:0;padding:1em}.navbar .nav-list>li .dropdown-menu ul li a:link,.navbar .nav-list>li .dropdown-menu ul li a:visited{padding:.5em}.navbar .nav-list>li .dropdown-menu ul li.portfolio{width:100%;max-width:100%}.navbar .nav-list .dropdown.hidden:checked~.dropdown-menu{display:flex}.navbar .nav-list #dropdown-toggle{display:none}.navbar .menu-icon{display:flex}.navbar #menu-toggle:checked~.nav-list{display:flex}}