#topnav{z-index:1030;box-shadow:none;border:0;-webkit-transition:all .5s ease;transition:all .5s ease;min-height:62px;padding: 5px 0px;}
#topnav .navigation-menu{float:right;list-style:none;margin:0;padding:10px 0}
#topnav .navigation-menu > li{float:left;display:block;position:relative;margin:0 5px}
#topnav .navigation-menu > li > a{display:inline-block;font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:1px;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease;line-height:20px;padding-left:15px;padding-right:15px}
#topnav .navigation-menu > li .submenu li a i{margin-right:10px;font-size:14px}
#topnav .logo{float:left;line-height:70px;-webkit-transition:all .3s ease;transition:all .3s ease;color:#fff;font-weight:700;letter-spacing:1px;font-size:24px}
.logo .logo-light{display:inline-block}
.darkheader .logo .logo-dark{display:inline-block}
.darkheader .logo .logo-light{display:none}
.logo .logo-dark{display:none}
#topnav .menu-extras{float:right}
.has-submenu{position:relative}
#topnav .navbar-toggle{border:0;position:relative;padding:0;margin:0;cursor:pointer}
#topnav .navbar-toggle .lines{width:25px;display:block;position:relative;margin:23px auto;height:15px}
#topnav .navbar-toggle span{height:2px;width:100%;background-color:#fff;display:block;margin-bottom:5px;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}
#topnav .navbar-toggle span:last-child{margin-bottom:0}
#topnav .navbar-toggle.open span{position:absolute}
#topnav .navbar-toggle.open span:first-child{top:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#topnav .navbar-toggle.open span:nth-child(2){visibility:hidden}
#topnav .navbar-toggle.open span:last-child{width:100%;top:6px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu-arrow{border:solid #fff;border-width:0 1px 1px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;right:0;top:20px}
.darkheader .menu-arrow{border-color:#555}
.submenu-arrow{border:solid #777;border-width:0 1px 1px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;right:12px;top:18px}
.darkheader{background-color:#fff!important;-moz-box-shadow:0 10px 33px rgba(0,0,0,.1);-webkit-box-shadow:0 10px 33px rgba(0,0,0,.1);box-shadow:0 10px 33px rgba(0,0,0,.1)!important;padding: 5px 0px;}
.darkheader .navigation-menu > li > a{color:#000!important}
@media (min-width: 992px) {
#topnav .navigation-menu > li > a{padding-top:15px;padding-bottom:15px}
#topnav .navigation-menu > li:last-of-type > a{border-radius:3px;padding-top:7px;padding-bottom:7px;margin-top:8px}
#topnav .navigation-menu > li.last-elements .submenu{left:auto;right:0}
#topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu{left:auto;right:100%;margin-left:0;margin-right:10px}
#topnav .navigation-menu > li .submenu{position:absolute;top:100%;left:0;z-index:1000;padding:10px 0;list-style:none;min-width:180px;visibility:hidden;opacity:0;margin-top:10px;-webkit-transition:all .2s ease;transition:all .2s ease;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.176);border-radius:3px}
#topnav .navigation-menu > li .submenu.megamenu{white-space:nowrap;width:auto}
#topnav .navigation-menu > li .submenu.megamenu > li{overflow:hidden;width:180px;display:inline-block;vertical-align:top}
#topnav .navigation-menu > li .submenu > li .submenu{left:100%;top:0;margin-left:10px;margin-top:-1px}
#topnav .navigation-menu > li .submenu li{position:relative}
#topnav .navigation-menu > li .submenu li ul{list-style:none;padding-left:0;margin:0}
#topnav .navigation-menu > li .submenu li a{display:block;padding:10px 25px 10px 20px;clear:both;white-space:nowrap;font-size:14px;letter-spacing:.03em;color:#7a7d84;transition:all .3s}
#topnav .navbar-toggle{display:none}
#topnav #navigation{display:block!important}
#topnav.scroll-active .navigation-menu > li > a{padding-top:25px;padding-bottom:25px}
#topnav.scroll .navigation-menu > li > a{padding-top:20px;padding-bottom:20px}
#topnav.scroll{top:0}
}
@media (max-width: 991px) {
.menu-arrow{top:15px;right:20px;border-color:#555}
.submenu-arrow{transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;right:20px;top:12px}
.logo{line-height:0}
.darkheader .logo{color:#fff!important}
#topnav .container{width:auto}
#topnav .navigation-menu{float:none;max-height:400px}
#topnav .navigation-menu > li{float:none}
#topnav .navigation-menu > li > a{color:#28282e;padding:10px 20px!important}
#topnav .navigation-menu > li > a:after{position:absolute;right:15px}
#topnav .navigation-menu > li .submenu{display:none;list-style:none;padding-left:20px;margin:0}
#topnav .navigation-menu > li .submenu li a{display:block;padding:6px 15px;clear:both;white-space:nowrap;font-size:14px;letter-spacing:.03em;color:#7a7d84;transition:all .3s}
#topnav .navigation-menu > li .submenu.open{display:block}
#topnav .navigation-menu > li .submenu .submenu{display:none;list-style:none}
#topnav .navigation-menu > li .submenu .submenu.open{display:block}
#topnav .navigation-menu > li .submenu.megamenu > li > ul{list-style:none;padding-left:0}
#topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span{display:block;position:relative;padding:10px 15px;text-transform:uppercase;font-size:12px;letter-spacing:2px;color:#7a7d84}
#topnav .navbar-toggle span{background-color:#7a7d84}
#topnav .navbar-header{float:left}
#topnav .logo{padding:3px 0}
#topnav .logo .logo-light{display:none}
#topnav .logo .logo-dark{display:block}
#navigation{position:absolute;top:94px;left:0;width:100%;display:none;height:auto;padding-bottom:0;overflow:auto;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background-color:#fff}
#navigation.open{display:block;overflow-y:auto}
}
@media (min-width: 768px) {
#topnav .navigation-menu > li.has-submenu:hover > .submenu{visibility:visible;opacity:1;margin-top:0}
#topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu{visibility:visible;opacity:1;margin-left:0;margin-right:0}
.navbar-toggle{display:block}
}
@media (max-width: 768px) {
#topnav{background-color:#fff!important;box-shadow:0 10px 33px rgba(0,0,0,.1)!important}
#topnav .logo{line-height:70px!important}
}