/*! responsive-nav.js v1.0.15 by @viljamis */

/* navigation sprites */

nav {
    width: 77%;
    position: relative;
    float: right;
    border-bottom: 1px #d0d0d0 solid;
    border-top: 6px solid #A0E026;
    height: 80px !important;
}
nav ul {
    float: left;
    font-family: 'Carrois Gothic SC', sans-serif;
    text-transform: uppercase;
    font-size: 0.8em;
}
nav li {
    list-style: none;
}
nav li,
nav a {
    display: inline;
    list-style: none;
    text-decoration: none;
    color: #898989;
}
.home1 {
    width: 58px;
}
.left {
    float: left;
}
.data {
    width: 139px
}
.recycle {
    width: 81px;
}
.wee {
    width: 113px;
}
.news {
    width: 50px;
}
.contact {
    width: 65px;
}
/* Clearfix */

.group:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
*:first-child+html .group {
    zoom: 1;
}
/* IE7 */

/* Example One */

#example-one {
    margin: 0 auto;
    list-style: none;
    position: relative;
    width: 100%;
}
#example-one li {
    display: inline-block;
    zoom:1;
    *display: inline;
}

#example-one li:hover {
    background: #A1E029;
}

#example-one li a:hover {
    color: #FFF;
}

#example-one a {
    color: #898989;
    float: left;
    padding: 30px 5px 30px 5px;
    text-decoration: none;
    text-transform: uppercase;
}
#example-one a:hover {
    color: #a0e026;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

/*#magic-line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    background: #a0e026;
}*/

.current_page_item a {
    color: #a0e026 !important;
}

.current_page_item a:hover {
    color: #FFF !important;
}

.ie6 #example-one li,
.ie7 #example-one li {
    display: inline;
}
.ie6 #magic-line {
    bottom: -3px;
}
.js #nav {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
}
#nav.opened {
    max-height: 9999px;
}
@media screen and (max-width: 768px) {
    nav {
       height: auto !important; 
    }
}

@media screen and (min-width: 40em) {

    .js #nav {
        position: relative;
    }
    .js #nav.closed {
        max-height: none;
    }
    #nav-toggle {
        display: none;
    }
}
.js #nav {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
}
#nav {
    top: 0;
    width: 100%;
    position: relative;
}
#nav.opened {
    max-height: 9999px
}
#nav a:hover {
    background: transparent
}
#nav .active a:hover {
    color: #fff;
    background: rgba(0, 0, 0, .3)
}
.main {
    -webkit-overflow-scrolling: auto;
    box-shadow: none;
    padding: 0 2em 2em;
    border-radius: 0;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.main::-webkit-scrollbar {
    background-color: transparent;
}
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3),
screen and (min--moz-device-pixel-ratio: 1.3),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 1.3),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
    #toggle {
        background-image: url("../images/hamburger-retina.gif");
        -webkit-background-size: 100px 100px;
        -moz-background-size: 100px 100px;
        -o-background-size: 100px 100px;
        background-size: 100px 100px;
    }
}