:root{--header-height: 112px;--layout-width: 80vw}body>header{left:calc(50vw - var(--layout-width)/2);max-width:200px}body>nav{position:absolute;height:var(--header-height);max-width:var(--layout-width);width:100%;font:400 16px/1.4 "Oswald",sans-serif;text-align:center;transform:translate(-50%, 0);left:50%;z-index:1}body>nav a{transition:background-color .3s,color .3s;text-decoration:none;text-transform:uppercase;text-align:center;font-size:16px;font-weight:400;color:#676767;display:block}body>nav li.active.submenu ul.submenu::after{opacity:0}body>nav li.active>a{background-color:#ff6d00;color:#fff}body>nav>ul{position:absolute;right:0;top:30px;width:auto;display:block;padding:0;margin:0}body>nav>ul>li{transition:all .3s;display:table-cell;vertical-align:middle;height:56px;min-width:0;width:0;text-align:center;position:relative;border-right:4px #fff solid}body>nav>ul>li:hover.active ul.submenu::after,body>nav>ul>li:hover ul.submenu::after,body>nav>ul>li.expanded.active ul.submenu::after,body>nav>ul>li.expanded ul.submenu::after{max-width:100%;opacity:1}body>nav>ul>li:hover ul.submenu li,body>nav>ul>li.expanded ul.submenu li{transition-delay:300ms;max-height:58px;opacity:1}body>nav>ul>li:hover>a,body>nav>ul>li.expanded>a{background-color:rgba(255,109,0,.7);color:#fff}body>nav>ul>li:hover.submenu,body>nav>ul>li.expanded.submenu{min-width:190px;width:190px}body>nav>ul>li>a{letter-spacing:.5px;line-height:1.4;text-decoration:none;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;font-size:16px;font-weight:400;color:#676767;padding:17px 15px;display:block;height:54px;width:100%;float:left}body>nav>ul ul.submenu{background-color:#fff;position:absolute;width:100%;top:55px}body>nav>ul ul.submenu::after{transition:opacity .3s;content:" ";display:block;max-width:70px;margin:0 auto;border-bottom:3px rgba(255,109,0,.7) solid;position:absolute;width:100%;bottom:-2px;left:50%;transform:translate(-50%, 0)}body>nav>ul ul.submenu a{padding:15px 0}body>nav>ul ul.submenu li{transition:all .3s;display:inline-block;text-align:center;overflow:hidden;float:left;height:54px;width:100%;max-height:0;opacity:0}@media(min-width: 1241px){:root{--ph: 50px;--pv: 50px;--layout-width: 1170px;--speakers-gap: 20px;--speakers-in-a-row: 4}}@media(max-width: 1030px){:root{--speakers-gap: 20px;--speakers-in-a-row: 3}}