@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
    display: block;
    list-style: none;
    position: relative;
}
#cssmenu:after, #cssmenu ul:after {
    content: ".";
    clear: both;
    display: block;
    line-height: 0;
    visibility: hidden;
}
#cssmenu #menu-button {
    display: none;
}
#cssmenu {
    float: right;
    margin-top: 10px;
}
#cssmenu ul li {
    float: left;
    list-style: none;
}
#cssmenu ul li a {
    color: #000;
    padding: 5px;
    display: block;
    font-weight: bold;
    margin-left: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.fixed #cssmenu ul li a {
    color: #fff;
}
#cssmenu ul li a:hover, #cssmenu .active {
    border-bottom: 3px solid #f7a03f;
}
@media only screen and (min-width:960px) and (max-width:1389px) {
    #cssmenu ul li a {
        margin-left: 40px;
    }
}
@media only screen and (min-width:768px) and (max-width:990px) {
    #cssmenu ul li a {
        margin-left: 20px;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {}
@media all and (max-width: 768px) {
    #cssmenu ul, #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu ul, #cssmenu ul li ul, #cssmenu ul li:hover ul, #cssmenu ul ul li:hover ul, #cssmenu ul ul ul li:hover ul {
        top: 0;
        left: 0;
        right: 0;
        padding: 0;
        width: 100%;
        display: none;
        position: relative;
        opacity: 1;
    }
    #cssmenu ul li {
        float: left;
        width: 100%;
        z-index: 1000;
        background-color: rgba(100, 100, 100, 0.9);
    }
    #cssmenu ul li a {
        margin: 0;
        padding: 5px 10px;
    }
    #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul li.has-sub > a:after, #cssmenu ul ul li.has-sub > a:before {
        display: none;
    }
    #cssmenu #menu-button {
        color: #fff;
        display: block;
        font-size: 16px;
        cursor: pointer;
        text-align: right;
        text-transform: uppercase;
    }
    #cssmenu #menu-button:hover {
        color: #eee;
    }
    #cssmenu #menu-button:after {
        content: "\f0c9";
        font-family: FontAwesome;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }
}
@media only screen and (max-width:767px) {
    #cssmenu #menu-button {
        font-size: 12px;
    }
}
@media only screen and (min-width:480px) and (max-width:767px) {
    #cssmenu #menu-button {
        font-size: 14px;
    }
}