nav.categoriesMenu {max-width:1642px;margin:0 auto;}
nav.categoriesMenu ul {list-style:none;display:flex;box-shadow:0 -1px 0 #3b4554 inset;border-top:1px solid #3b4554;font-size:16px;font-weight:500;transition:box-shadow .3s;}
nav.categoriesMenu li {position:relative;z-index:0;display:flex;align-items:center;justify-content:center;padding:5px 0 8px;}
nav.categoriesMenu li+li {padding-left:1px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAA1JREFUCFtjsHYN+Q8AA2cB1M1ZLwMAAAAASUVORK5CYII=') no-repeat 0 50%/1px 20px;}
nav.categoriesMenu li>span {height:100%;display:flex;text-transform:uppercase;padding:0 30px;cursor:default;position:relative;z-index:0;}
nav.categoriesMenu li>span::after {content:'';position:absolute;bottom:0;height:3px;left:0;right:0;margin:0 auto;width:0;background-color:#674197;transition:width .3s ease-out;}
nav.categoriesMenu li>span:hover::after {width:80%;}
nav.categoriesMenu li button {background-color:transparent;border:none;font:bold 17px/1 'Jost', sans-serif;margin:auto;text-align:center;outline-style:none;cursor:default;}
nav.categoriesMenu li>a {height:100%;display:flex;padding:2px 20px 6px;text-decoration:none;color:#fff;position:relative;z-index:0;margin:0 20px;line-height:1.3;overflow:hidden;}
nav.categoriesMenu li>a.highlight {color:#db1414;background-color:#fff;border-radius:4px;}
nav.categoriesMenu li>a span {margin:auto;text-align:center;outline-style:none;}
nav.categoriesMenu li a.home {color:#674197;display:flex;width:80px;position:relative;z-index:0;flex:0 0 80px;box-sizing:border-box;}
nav.categoriesMenu li a.home>span {color:#fff;font-size:40px;font-weight:300;}
nav.categoriesMenu div {position:absolute;box-sizing:border-box;top:100%;left:0;background-color:#313946;display:flex;box-shadow:0 15px 15px rgba(0,0,0,.1);border-width:1px 4px 4px;border-style:solid;border-color:#674197;visibility:hidden;opacity:0;transition:visibility .3s, opacity .3s;border-radius:0 0 4px 4px}
/*nav.categoriesMenu li:nth-last-child(2) div,*/
/*nav.categoriesMenu li:last-child div {left:auto;right:0;}*/
nav.categoriesMenu li>a:hover,
nav.categoriesMenu li>a.sel {background-color:#fff;border-radius:4px;color:#000;box-shadow:0 -4px 0 #7600A6 inset}
nav.categoriesMenu li>a:hover>span,
nav.categoriesMenu li>a.sel>span {color:#000;}
nav.categoriesMenu li:hover>div,
nav.categoriesMenu div.sw {visibility:visible;opacity:1;}
nav.categoriesMenu div ul {display:block;height:auto;box-shadow:none;border-top:none;transition:none;}
nav.categoriesMenu div ul+ul {border-left:1px solid #3b4554;}
nav.categoriesMenu li li {padding:0;}
nav.categoriesMenu li li+li {padding-left:0;background:none;border-top:1px solid #3b4554;}
nav.categoriesMenu li li>a {height:auto;white-space:nowrap;background-color:transparent;box-shadow:none;color:#fff;align-items:center;flex:1;margin:5px;padding:5px;justify-content:center}
nav.categoriesMenu li li>a.highlight {color:#db1414;}
nav.categoriesMenu li li>span {white-space:nowrap;height:auto;display:block;padding:10px;}
nav.categoriesMenu li li>span::after {content:none;}
nav.categoriesMenu li li>a:hover,
nav.categoriesMenu li li>a.sel {background-color:#fff;box-shadow:none;color:#000;}
nav.categoriesMenu li li>a::after {content:none;}


@media screen and (max-width:1400px){
    nav.categoriesMenu ul,
    nav.categoriesMenu li button {font-size:15px;}
    nav.categoriesMenu li>a {margin:0 10px;padding:0 10px;}
}

@media screen and (max-width:1200px){
    nav.categoriesMenu ul,
    nav.categoriesMenu li button {font-size:14px;}
    nav.categoriesMenu li>span,
    nav.categoriesMenu li>a {padding:0 15px;}
}
@media screen and (max-width:1024px){
    nav.categoriesMenu li>a {height:95%;}
}
@media screen and (max-width:992px){
    nav.categoriesMenu li>a {word-break:break-word;font-size:15px;font-weight:normal;padding:0 5px;margin:0 5px;}
    nav.categoriesMenu li.home {display:none;}
    nav.categoriesMenu li li>a {padding:6px;}
}
@media screen and (max-width:768px){
    nav.categoriesMenu {display:none;}
}