@font-face {
    font-family: fontawesome;
    src: url(fonts/fontawesome-webfont78ce.eot?v=4.2.0);
    src: url(fonts/fontawesome-webfontd41d.eot?#iefix&v=4.2.0) format('embedded-opentype'),url(fonts/fontawesome-webfont78ce.woff?v=4.2.0) format('woff'),url(fonts/fontawesome-webfont78ce.ttf?v=4.2.0) format('truetype'),url(fonts/fontawesome-webfont78ce.svg?v=4.2.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

*, *:after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: raleway,sans-serif;
    margin: 0;
    padding: 0
}

#MiniLeftNav .fa, #MiniRightNav .fa, #MiniHorzNav .fa {
    color: #fff
}

#MiniLeftNav .fa-2x, #MiniRightNav .fa-2x, #MiniHorzNav .fa-2x {
    font-size: 1.5em
}

#MiniLeftNav li {
    list-style: outside none none;
    margin: 20px 0;
    padding: 0;
    width: 48px
}

    #MiniLeftNav li a {
        border: solid 1px #fff;
        display: block;
        padding: 7px;
        position: relative
    }

#MiniLeftNav span {
    font-family: raleway,sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    bottom: 0;
    left: 47px;
    line-height: 38px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

#MiniLeftNav a:hover span {
    width: auto;
    padding: 0 30px;
    overflow: visible
}

#MiniLeftNav a:hover {
    text-decoration: none
}

#MiniLeftNav a span {
    background-color: #fff;
    color: #3d4f0c
}

#MiniRightNav {
    float: right;
    margin: 0;
    margin-top: 0;
    padding: 0;
    margin-top: 12px
}

    #MiniRightNav li {
        list-style: outside none none;
        margin: 0 0 20px;
        padding: 0;
        width: 48px
    }

        #MiniRightNav li a {
            border: solid 1px #fff;
            display: block;
            padding: 7px;
            position: relative
        }

    #MiniRightNav span {
        font-family: raleway,sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
        bottom: 5px;
        right: 51px;
        line-height: 38px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        transition: all .5s ease 0s;
        white-space: nowrap;
        width: 0;
        border-radius: 8px 8px;
    }

    #MiniRightNav a:hover span {
        width: auto;
        padding: 0 30px;
        overflow: visible
    }

    #MiniRightNav a:hover {
        text-decoration: none
    }

    #MiniRightNav a span {
        background-color: #fff;
        color: #3d4f0c
    }

#MiniHorzNav li {
    display: inline-block;
    list-style: outside none none;
    margin: 20px 0;
    padding: 0;
    width: 48px
}

    #MiniHorzNav li a {
        border: solid 1px #fff;
        display: block;
        padding: 7px;
        position: relative
    }

#MiniHorzNav span {
    font-family: raleway,sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    bottom: 0;
    left: 47px;
    line-height: 38px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    transition: all .5s ease 0s;
    white-space: nowrap;
    width: 0
}

#MiniHorzNav a:hover span {
    width: auto;
    padding: 0 30px;
    overflow: visible
}

#MiniHorzNav a:hover {
    text-decoration: none
}

#MiniHorzNav a span {
    background-color: #fff;
    color: #3d4f0c;
    z-index: 999
}