.top-ribbon{background-color:#3c3737;height:60px;top:0;width:100%;z-index:150;border-bottom:1px solid #ccc}.top-ribbon ul{padding:0;margin:0}.top-ribbon__list{display:none;background-color:#fff;width:250px;position:absolute;right:0;top:60px;z-index:10000000;border:1px solid #3c3737;border-top:0;border-right:0}.top-ribbon__list.active{display:block}.top-ribbon__dropdown{position:absolute;right:0;top:0;padding:0;display:block;height:60px;width:60px;z-index:111;opacity:1}.top-ribbon__dropdown.active{background-color:#fff}.top-ribbon__dropdown span{display:none;background-repeat:no-repeat;height:30px;width:30px;background-size:contain;margin:15px 0 0 15px}.top-ribbon__dropdown.active #openIcon,.top-ribbon__dropdown:not(.active) #closeIcon{display:inline-block}.top-ribbon__list li{padding-right:0;display:block;font-weight:bold;padding-left:0;font-size:20px;zoom:.85;font-family:'basisgrotesque-regular',sans-serif;-webkit-font-smoothing:antialiased}.top-ribbon__list li+li{border-top:1px solid #3c3737}.top-ribbon__list .light-logo{display:none}.top-ribbon__list li a{width:100%;padding:0;padding-top:5px;display:block}.top-ribbon__list .top-ribbon__title a{padding:15px 15px 14px 19px}.top-ribbon__list .dark-logo{height:45px;width:auto}@media screen and (min-width:1200px){.top-ribbon{height:auto}.top-ribbon__dropdown{display:none}.top-ribbon__list{display:flex;position:relative;width:100%;border:0;background:transparent;top:0;align-items:center}.top-ribbon__list li{display:inline-block;border:0}.top-ribbon__list img,.top-ribbon__list .dark-logo{height:70px;width:190px}.top-ribbon__list .dark-logo{display:none}.top-ribbon__list .light-logo,.top-ribbon__list li:hover .dark-logo{display:inline-block}.top-ribbon__list li:hover .light-logo{display:none}.top-ribbon__list li:not(.top-ribbon__title):hover{background-color:#fff;text-decoration:none;color:#3c3737}.top-ribbon__list li a{padding-top:0}.top-ribbon__list .top-ribbon__title a{padding-left:0;padding-right:0;color:#fff;position:relative}.top-ribbon__list .top-ribbon__title a::after{content:"|";color:#fff;font-weight:bold;padding-left:25px;font-size:30px;position:relative;line-height:0;top:1px;font-family:'basisgrotesque-regular' !important}}