@charset "UTF-8"; /* ------------------------------------------ RESET --------------------------------------------- */ a:active, a:hover { outline: 0; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* ------------------------------------------ NAVIGATION STYLES (+ responsive-nav.css file is loaded in the ) --------------------------------------------- */ .nav-collapse, .nav-collapse * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nav-collapse, .nav-collapse ul { list-style: none; width: 100%; text-align: right; } .nav-collapse li { display: inline-block; position: relative; } @media screen and (min-width:801px) { .nav-collapse li { text-align:center; display: inline-block; padding: 10px 0px; margin: 0 0 0 40px; } /* .nav-collapse a { margin: 0; font-size:14px; padding-left:0; text-align: center; letter-spacing:1px; }*/ .nav-collapse a { margin: 0; padding: 0 0 0 10px; float: left; text-align: center; border-bottom: 0; } } @media(max-width:1100px) { .nav-collapse li {padding:10px 10px} } @media(max-width:862px) { .nav-collapse li {padding:10px 7px} } .nav-collapse a { color:#000; text-decoration: none; line-height:35px; } .nav-collapse a span { display: block; font-size: 11px; font-weight: 300; line-height: 1.4; color: #888; letter-spacing: .04rem; transition: .3s; } @media screen and (min-width: 801px) { } } .nav-collapse ul ul a { background:#313131; } @media screen and (max-width:800px) { .nav-collapse li{width: 100%;padding:5px 10px;background:#e8e8e8;border-bottom: 1px solid #dadada;text-align: center;} } /* ------------------------------------------ NAV TOGGLE STYLES --------------------------------------------- */ @font-face { font-family: "responsivenav"; src:url("../fonts/responsivenav.eot"); src:url("../fonts/responsivenav.eot?#iefix") format("embedded-opentype"), url("../fonts/responsivenav.ttf") format("truetype"), url("../fonts/responsivenav.woff") format("woff"), url("../fonts/responsivenav.svg#responsivenav") format("svg"); font-weight: normal; font-style: normal; } .nav-toggle{ position: fixed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-indent: -999px; position: relative; overflow: hidden; width:40px; height:40px; float:right; margin-right:10px; margin-top:15px; margin-bottom:8px; z-index:99; } .nav-toggle:before { color: #3c3838; /* Edit this to change the icon color */ font-family: "responsivenav", sans-serif; font-style: normal; font-weight: normal; font-variant: normal; font-size: 28px; text-transform: none; position: absolute; content: "≡"; text-indent: 0; text-align: center; speak: none; width: 100%; top:5px; left: 0; } .nav-toggle.active::before { font-size: 24px; content:"x"; } .nav-collapse ul { margin: 0; padding: 0; width: 100%; display: block; list-style: none; z-index:999999; } .js .nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; /*overflow: hidden;*/ } .nav-collapse.opened { max-height: 9999px; } .nav-toggle { -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; } @media screen and (min-width:801px) { .js .nav-collapse { /*position: relative;*/ } .js .nav-collapse.closed { max-height: none; float: right; max-width: 800px; } .nav-toggle { display: none; } } .nav-collapse ul li ul{ background:#272727; position:absolute; top:45px; left:0; z-index: 99999; display: none; } .nav-collapse ul li:hover ul{display:block;} .nav-collapse ul li ul li{ float: none; text-align: left!important; width: 100%!important; border-bottom: none; } .nav-collapse ul li ul li a{text-align: left!important;padding:8px 20px;border-bottom: 1px solid #484848;line-height:22px;} @media screen and (max-width:800px) { .nav-collapse ul li ul{ background:#272727; position:relative; top:0px; left:0; } }