.navigation .nav {margin-left: 0;list-style: none;width: 100%;}.navigation .nav > li {float: left;padding-left: 20px;position: relative;}.navigation .nav > li > a {font-family: 'Roboto Flex', Helvetica, Arial, sans-serif;font-size: 18px;letter-spacing: 0.05em;display: block;font-weight:100;}@media (max-width: 1050px) {.navigation .nav > li > a {font-size: 13px !important;}}.navigation .nav > li > a.active {border-bottom: 2px solid gray;}.navigation .nav > li > a:hover {background-color: transparent;}.navigation .nav > li .arrow {position: relative;margin: 0 auto;width: 1px;visibility: hidden;}.navigation .nav > li .arrow {position: relative;margin: -4px auto 0 auto;visibility: hidden;}.navigation .nav > li .arrow.visible, .navigation .nav > li > a:hover + .arrow {visibility: visible;}.navigation li:hover > ul.subnav {visibility: visible;opacity: 1;}.navigation ul.subnav {list-style: none;margin: 0;padding: 0;visibility: hidden;opacity: 0;position: absolute;z-index: 99999;background: #f8f8f8;box-shadow: 1px 1px 3px #cccccc;}.navigation ul.subnav > li > a {border: none !important;color: inherit !important;white-space: nowrap;display: inline-block;padding: 7px;width: 100%;box-sizing: border-box;}.navigation ul.subnav > li:hover {background: #e2e2e2;}