@font-face {
    font-family: 'SignPainter'; /*a name to be used later*/
    src: url('font/SignPainter.ttc'); /*URL to font*/
}

@font-face {
    font-family: 'Avenir'; /*a name to be used later*/
    src: url('font/Avenir.ttc'); /*URL to font*/
}

.navbar-toggle {
    border: none;
    background: transparent !important;
}
.navbar-toggle:hover {
    background: transparent !important;
}
.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #534741;
}

.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}

.container-bottommenu{
    margin-top: 0px;
    background-color: #A8CB3E;
}

.navbar-nav {
    width: 100%;
    text-align: center;

}

.navbar-nav > li {
    float: none;
    display: inline-block;
    margin-left: 15px;
}

.navbar-nav > li > a{
    padding:0;
}


@media only screen and (max-width: 767px) {
    .navbar{
        position: absolute;
        right: 0;
        left: 0;
        top:90px;
        z-index: 1030;
    }

    .container-bottommenu{
        margin-top: 60px;
    }

    .hmenu{
        margin-top: 2px;
        margin-bottom: 2px;
        background-color: #f1e8e4;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #0E572A;
        /*font-family: SignPainter;*/
        font-family: "Avenir";
        font-size: 2em;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
        background-color: #b2aca9;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
        background-color: #b2aca9;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
        color : #0E572A;
    }
    .navbar-nav{
        margin: 0px -15px;
    }

    .navbar-nav > li > a{
        line-height: 1.42857143;
    }

    .navbar-brand > img{
        display: inline;
    }


}

.navbar-inverse .navbar-nav > li > a {
    color: #0E572A;
}

.hmenu a:hover,
.hmenu a:focus {
    color: #0E572A!important;
    background-color: transparent!important;
}

.navbar-inverse, .navbar-toggle{
    background-color: #A8CB3E;
    border-color: #A8CB3E;
}

.navbar-inverse .navbar-brand {
    color: #0E572A;
    /*font-family: SignPainter;*/
    font-family: "Avenir";
    font-size: 2em;
    padding-top: 10px;
}

.navbar-inverse .navbar-toggle{
    background-color: #A8CB3E;
    border-color: #A8CB3E;
}

.navbar-inverse .navbar-toggle:hover{
    background-color: #A8CB3E;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
    background-color: #A8CB3E;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
    color : #0E572A;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #A8CB3E;
}

.navbar{
    margin-bottom: 0px;
    border-radius: 0px;
}