@media (min-width: 992px) {
.navigation {display:none;}
}
#navigation { float: right; }
#navigation, #navigation ul, #navigation ul li, #navigation ul li a, #navigation ul li span,#navigation ul li ul li span, #navigation #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; box-sizing: border-box; }
#navigation:after, #navigation>ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#navigation #menu-button { display: none; }
#navigation { padding-top: 9px; font-family: "Nunito Sans", sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
#navigation>ul>li { float: left; }
#navigation.align-center>ul { font-size: 0; text-align: center; }
#navigation.align-center>ul>li { display: inline-block; float: none; }
#navigation.align-center ul ul { text-align: left; }
#navigation.align-right>ul>li { float: right; }
#navigation>ul>li>a, #navigation>ul>li>span, #navigation>ul>li>ul>li>span{ padding: 8px; font-size: 12px; color: #0074f0; letter-spacing: 2px; text-decoration: none; font-weight: 700; text-transform: uppercase;font-size:13px}
#navigation>ul>li:hover>a { color: #52c75a; background-color: transparent }
#navigation>ul>li.has-sub>a { padding-right: 32px; }

#navigation>ul>li.has-sub>a:before { position: absolute; right: 14px; font-family: FontAwesome; content: "\F107"; transition: all .25s ease; }

#navigation ul ul { position: absolute; left: -9999px; z-index:999}
#navigation.align-right ul ul { text-align: right; }
#navigation ul ul li { top: 30px; height: 0; transition: all .25s ease; }
#navigation li:hover>ul { left: auto; }
#navigation.align-right li:hover>ul { left: auto; right: 0; }
#navigation li:hover>ul>li { height: 41px; }
#navigation ul ul ul { margin-left: 100%; top: 0; }
#navigation.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
#navigation ul ul li a { background-color: #6c757d; padding: 8px 22px; width: 350px; font-size: 12px; text-decoration: none; color: #fff; font-weight: 700; text-transform: uppercase; border-bottom:0; letter-spacing: 1.2px; }
#navigation ul ul li:first-child>a { border-top-right-radius: 0px; }
#navigation ul ul li:last-child>a { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
#navigation ul ul li:last-child>a, #navigation ul ul li.last-item>a { border-bottom: 0; }
#navigation ul ul li:hover>a, #navigation ul ul li a:hover { color: #fff; background-color:rgb(65, 70, 75); }
#navigation ul ul li.has-sub>a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ""; }
#navigation.align-right ul ul li.has-sub>a:after { right: auto; left: 11px; }
#navigation ul ul li.has-sub>a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ""; transition: all .25s ease; }
#navigation.align-right ul ul li.has-sub>a:before { right: auto; left: 14px; }
#navigation ul ul>li.has-sub:hover>a:before { top: 17px; height: 0; }
#navigation.small-screen { width: 100%; }
#navigation.small-screen ul { width: 100%; display: none; }
#navigation.small-screen.align-center>ul { text-align: left; }
#navigation.small-screen ul li { width: 100%; border-top: 1px solid rgb(40, 43, 46); top: auto; color: #fff; background:#6c757d; }
#navigation.small-screen ul ul li, #navigation.small-screen li:hover>ul>li { height: auto; }


#navigation.small-screen ul li a, #navigation.small-screen ul li span, #navigation.small-screen ul li ul li span,#navigation.small-screen ul ul li a { width: 100%; color: #cccfcc; background-color: #6c757d; }

#navigation.small-screen ul li span { color:rgb(0 68 195)}
#navigation.small-screen ul li ul li span { color:rgb(87 199 255); padding-left: 37px;}


#navigation.small-screen>ul>li>a:after { position: absolute; top: 16px; right: -3px; height: 2px; display: block; content: ""; }
#navigation.small-screen>ul>li { float: none; }
#navigation.small-screen ul ul li a { padding-left: 25px; }
#navigation.small-screen ul ul ul li a { padding-left: 60px; color: #fff;}
#navigation.small-screen ul ul li a { color: #fff; background: #6c757d; }
#navigation.small-screen ul ul li:hover>a, #navigation.small-screen ul ul li.active>a { color: #fff; background-color:rgb(57, 62, 66); }
#navigation.small-screen ul ul, #navigation.small-screen ul ul ul, #navigation.small-screen.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
#navigation.small-screen>ul>li.has-sub>a:after, #navigation.small-screen>ul>li.has-sub>a:before, #navigation.small-screen ul ul>li.has-sub>a:after, #navigation.small-screen ul ul>li.has-sub>a:before { display: none; }
#navigation.small-screen #menu-button { display: block; padding: 8px; color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 600; background-color: #6c757d; }
#navigation.small-screen #menu-button:after { position: absolute; top: 9px; right: 17px; display: block; height: 12px; width: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: ""; }
#navigation.small-screen #menu-button:before { position: absolute; top: 14px; right: 17px; display: block; height: 2px; width: 20px; background: #fff; content: ""; }
#navigation.small-screen #menu-button.menu-opened:after { top: 15px; border: 0; height: 2px; width: 15px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#navigation.small-screen #menu-button.menu-opened:before { top: 15px; background: #fff; width: 15px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#navigation.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #383e38; height: 28px; width: 53px; cursor: pointer; }
#navigation.small-screen .submenu-button.submenu-opened { }
#navigation.small-screen ul ul .submenu-button { height: 28px; width: 34px; }
#navigation.small-screen .submenu-button:after { position: absolute; top: 14px; right: 20px; width: 8px; height: 2px; display: block; background: #fff; content: ""; }
#navigation.small-screen ul ul .submenu-button:after { top: 14px; right: 21px; }
#navigation.small-screen .submenu-button.submenu-opened:after {  }
#navigation.small-screen .submenu-button:before { position: absolute; top: 11px; right: 23px; display: block; width: 2px; height: 8px; background: #fff; content: ""; }
#navigation.small-screen ul ul .submenu-button:before { top: 11px; right: 24px; }
#navigation.small-screen .submenu-button.submenu-opened:before { display: none; }
#navigation.small-screen.select-list { padding: 5px; }

#navigation>ul>li>span, #navigation>ul>li>ul>li>span{ color: #0074f0;}