/*! responsive-nav.js 1.0.39 by @viljamis */

@media screen and (max-width: 1200px) {

#menu {width: 100%; padding: 0; position: absolute; left: 0; top: 0; text-align: center; overflow: visible; z-index: 999; font-weight: 300; font-size: 2.0em;}
#menu .nav-collapse {z-index: 4;}
#menu .nav-collapse ul {margin: 0; padding: 0 0 30px; width: 100%; background: none; text-align: center;}

#menu ul, #menu .nav-collapse ul, #menu .nav-collapse ul.sf-menu {background: #000; height: auto;}
#menu .nav-collapse ul ul {background: #454545; display: block !important; visibility: visible !important; height: auto !important; overflow: hidden !important; transition: 0; position: static; text-align: center; width: 100%; padding-bottom: 15px; padding-top: 15px; margin-bottom: 0px; margin-top: 3px; opacity: 1 !important; box-shadow: 0 0 0 rgba(0,0,0,0);}

#menu .nav-collapse ul ul li {width: 100%; font-size: 0.65em;}
#menu .nav-collapse ul ul li a {width: 100%;}

#menu .nav-collapse ul li {padding: 0; float: none; display: block; margin: 0;}
#menu .nav-collapse ul li a, #menu ul li a:visited {border: 0; padding: 13px 0; margin-right: 0; font-size: 0.75em; font-weight: 400;}
#menu .nav-collapse ul ul li a, #menu ul ul li a:visited {border: 0; padding: 3px 0; margin-right: 0; font-size: 0.75em;}
#menu .nav-collapse ul li a:hover, #menu .nav-collapse ul ul li a:hover, #menu .nav-collapse ul li a.menu-current {border: 0; color: #0093a7;}

.sf-arrows .sf-with-ul::after {display: none; visibility: hidden;}

.js .nav-collapse {clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1;}

.nav-collapse.opened {max-height: 9999px;}
.nav-toggle {background-image: url("../../images/menu-white.png"); background-size: 24px 19px; width: 24px; height: 19px; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; position: absolute; top: 41px; right: 28px; z-index: 999; display: block; transition: 0.3s;}

.active {top: 13px;}

#menu .nav-collapse ul li a:hover, #menu .nav-collapse ul li a.current {border: 0;}
#menu .nav-collapse ul li a.current {color: #fff;}

}

@media screen and (min-width: 1201px) {

.js .nav-collapse {position: relative;}
.js .nav-collapse.closed {max-height: none;}
.nav-toggle {display: none;}

}