
.flexnav {
    *zoom: 1;
    overflow: hidden;
    margin: 0 auto;
    float: right;
    max-height: 0;
}
    /* line 38, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
    .flexnav:after {
        content: "";
        display: table;
        clear: both;
    }
    /* line 37, ../sass/flexnav.scss */
    .flexnav.show {
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        max-height: 1000px;
    }
    /* line 41, ../sass/flexnav.scss */
    .flexnav.one-page {
        position: fixed;
        top: 50px;
        right: 5%;
        max-width: 200px;
    }
    /* line 48, ../sass/flexnav.scss */
    .flexnav li {
        font-size: 100%;
        position: relative;
        list-style: none;
    }
        /* line 52, ../sass/flexnav.scss */

        .flexnav li a {
            position: relative;
            display: block;
            padding: 12px 19px 12px 20px;
            z-index: 2;
            overflow: hidden;
            border-bottom: 1px solid rgba(0, 0, 0, 0.15);
            text-decoration: none;
            font-family: 'proxima_nova_rgregular';
            font-size: 16px;
            color: #fff;
            padding-right: 25px;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fb1800+0,8e0d08+100 */
            background: rgb(251,24,0); /* Old browsers */
            background: -moz-linear-gradient(top, rgb(7, 109, 49) 0%, rgb(52, 55, 54) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(7, 109, 49)), color-stop(100%,rgb(52, 55, 54))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgb(7, 109, 49) 0%,rgb(52, 55, 54) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgb(7, 109, 49) 0%,rgb(52, 55, 54) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgb(7, 109, 49) 0%,rgb(52, 55, 54) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgb(7, 109, 49) 0%,rgb(52, 55, 54) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb1800', endColorstr='#8e0d08',GradientType=0 ); /* IE6-9 */
        }

    .flexnav > li > a {
        border: solid 1px #000 !important;
        /*padding: 8px 19px 8px 20px;*/
        padding: 8px 11px 8px 15px;
    }

    .flexnav li.active.item-with-ul a {
        border-bottom: 2px solid #fdca01;
        font-family: 'proxima_nova_rgregular';
        font-size: 16px;
        color: #fff;
    }

    .flexnav li a {
        position: relative;
    }

    .flexnav li:hover > a:after,
    .flexnav li.active > a:after {
        content: '';
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0;
        background-color: #fff;
        left: 0;
    }
    /* line 62, ../sass/flexnav.scss */
    .flexnav li ul {
        width: 100%;
        padding: 0;
        display: none;
    }
        /* line 66, ../sass/flexnav.scss */
        .flexnav li ul li {
            margin-top: 0;
            padding: 0;
            width: 100%;
            display: block;
            border-bottom: 1px solid #6f0701;
        }

            /* line 70, ../sass/flexnav.scss */
            .flexnav li ul li a {
                display: block;
                background: #980e07;
            }
    /* line 74, ../sass/flexnav.scss */
    .flexnav ul li ul li a {
        background: #bfbfbc;
    }
    /* line 77, ../sass/flexnav.scss */
    .flexnav ul li ul li ul li a {
        background: #cbcbc9;
    }
    /* line 80, ../sass/flexnav.scss */
    .flexnav .touch-button {
        position: absolute;
        z-index: 999;
        top: 0;
        right: 15px;
        width: 30px;
        height: 30px;
        display: none;
        text-align: center;
    }
        /* line 91, ../sass/flexnav.scss */
        .flexnav .touch-button:hover {
            cursor: pointer;
        }
        /* line 94, ../sass/flexnav.scss */
        .flexnav .touch-button .navicon {
            position: relative;
            top: 12px;
            left: 15px;
            font-size: 12px;
            color: #fff;
        }

/* line 102, ../sass/flexnav.scss */
.menu-button {
    background: #076d31;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    display: block;
    padding: 10px;
    position: relative;
}
    /* line 111, ../sass/flexnav.scss */
    .menu-button.one-page {
        position: fixed;
        top: 0;
        right: 5%;
        padding-right: 45px;
    }
    /* line 118, ../sass/flexnav.scss */
    .menu-button .touch-button {
        background: url("../images/shape.png") no-repeat 10px 10px;
        position: absolute;
        z-index: 999;
        top: 8px;
        right: 7px;
        width: 30px;
        height: 30px;
        display: inline-block;
        text-align: center;
    }
        /* line 129, ../sass/flexnav.scss */
        .menu-button .touch-button .navicon {
            font-size: 16px;
            position: relative;
            top: 1em;
            color: #666;
            display: none;
        }

@media all and (min-width:768px) {
    /* line 139, ../sass/flexnav.scss */
    body.one-page {
        padding-top: 70px;
    }

    /* line 142, ../sass/flexnav.scss */
    .flexnav {
        overflow: visible;
        max-height: 1000px;
    }
        /* line 146, ../sass/flexnav.scss */
        .flexnav.one-page {
            top: 0;
            right: auto;
            max-width: 1080px;
        }
        /* line 151, ../sass/flexnav.scss */
        .flexnav li {
            position: relative;
            list-style: none;
            float: left;
            display: block;
            background-color: #a6a6a2;
            margin-right: 2px;
        }

            .flexnav li:last-child {
                margin-right: 0;
            }

            .flexnav li.item-with-ul::after {
                background: rgba(0, 0, 0, 0) url("../images/shape.png") no-repeat scroll 0 0;
                content: "";
                height: 7px;
                position: absolute;
                right: 6px;
                top: 17px;
                width: 11px;
                z-index: 9;
            }
            /* line 159, ../sass/flexnav.scss */
            .flexnav li:hover > ul {
                visibility: visible;
                opacity: 1;
                height: auto;
                display: block;
                top: 40px;
                position: absolute;
                padding: 0;
            }
        /* line 168, ../sass/flexnav.scss */
        .flexnav.lg-screen li:hover > ul, .flexnav.sm-screen li:hover > ul {
            display: none;
        }
        /* line 171, ../sass/flexnav.scss */
        .flexnav li a {
            border-bottom: none;
        }
        /* line 175, ../sass/flexnav.scss */
        .flexnav li > ul {
            position: absolute;
            top: 40px;
            left: 0;
            opacity: 0;
            visibility: hidden;
            height: 1px;
            z-index: 1;
        }
        /* line 184, ../sass/flexnav.scss */
        .flexnav li ul li ul {
            top: 0;
        }
        /* line 187, ../sass/flexnav.scss */
        .flexnav li ul li a {
            border-bottom: none;
        }
        /* line 190, ../sass/flexnav.scss */
        .flexnav li ul.open {
            display: block !important;
            opacity: 1;
            visibility: visible;
            height: auto;
            padding-left: 0;
        }
            /* line 196, ../sass/flexnav.scss */
            .flexnav li ul.open ul.open {
                margin-left: 100%;
                top: 0;
            }
        /* line 201, ../sass/flexnav.scss */
        .flexnav ul li:hover ul {
            margin-left: 100%;
            top: 0;
        }

    /* line 206, ../sass/flexnav.scss */
    .menu-button {
        display: none;
    }
}
/* line 212, ../sass/flexnav.scss */
.oldie body.one-page {
    padding-top: 70px;
}
/* line 215, ../sass/flexnav.scss */
.oldie .flexnav {
    overflow: visible;
    max-height: 1000px;
}
    /* line 219, ../sass/flexnav.scss */
    .oldie .flexnav.one-page {
        top: 0;
        right: auto;
        max-width: 1080px;
    }
    /* line 224, ../sass/flexnav.scss */
    .oldie .flexnav li {
        position: relative;
        list-style: none;
        float: left;
        display: block;
        background-color: #a6a6a2;
        width: 20%;
        min-height: 50px;
    }
        /* line 233, ../sass/flexnav.scss */
        .oldie .flexnav li:hover > ul {
            visibility: visible;
            opacity: 1;
            height: auto;
            display: block;
            top: 3.1em;
            position: absolute;
        }
            /* line 241, ../sass/flexnav.scss */
            .oldie .flexnav li:hover > ul li {
                width: 100%;
            }
    /* line 246, ../sass/flexnav.scss */
    .oldie .flexnav.lg-screen li:hover > ul, .oldie .flexnav.sm-screen li:hover > ul {
        display: none;
    }
    /* line 249, ../sass/flexnav.scss */
    .oldie .flexnav li a {
        border-left: 1px solid #acaca1;
        border-bottom: none;
    }
    /* line 253, ../sass/flexnav.scss */
    .oldie .flexnav li > ul {
        position: absolute;
        top: auto;
        left: 0;
        opacity: 0;
        visibility: hidden;
        height: 1px;
        z-index: 1;
    }
    /* line 262, ../sass/flexnav.scss */
    .oldie .flexnav li ul li ul {
        top: 0;
    }
    /* line 265, ../sass/flexnav.scss */
    .oldie .flexnav li ul li a {
        border-bottom: none;
    }
    /* line 268, ../sass/flexnav.scss */
    .oldie .flexnav li ul.open {
        display: block;
        opacity: 1;
        visibility: visible;
        height: auto;
    }
        /* line 274, ../sass/flexnav.scss */
        .oldie .flexnav li ul.open ul.open {
            margin-left: 100%;
            top: 0;
        }
    /* line 279, ../sass/flexnav.scss */
    .oldie .flexnav ul li:hover ul {
        margin-left: 100%;
        top: 0;
    }
/* line 284, ../sass/flexnav.scss */
.oldie .menu-button {
    display: none;
}
/* line 287, ../sass/flexnav.scss */
.oldie.ie7 .flexnav li {
    width: 19.9%;
}

@media (max-width:767px) {
    .flexnav li a {
        background: #0f8a42;
        border: none !important;
    }

    .flexnav {
        padding-left: 0;
        position: absolute;
        left: 15px;
        margin: auto;
        right: 15px;
        top: 40px;
    }

        .flexnav .touch-button {
            display: block;
        }
}

@media (min-width:768px) and (max-width:1199px) {
    .flexnav li a {
        font-size: 12px;
    }

    .flexnav .active.item-with-ul > a {
        font-size: 12px;
    }

    .flexnav {
        float: none;
    }

        .flexnav li > ul {
            top: 35px;
        }

        .flexnav li:hover > ul {
            top: 35px;
        }

        .flexnav li.item-with-ul::after {
            top: 15px;
        }
}

@media (min-width:991px) and (max-width:1199px) {
    .flexnav {
        float: right;
    }
}
