#nav {
    display: none;
}

/* Mobile Nav */
#menu-button {
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    z-index: 2900;
    color: #fff;
}

/* Larger than mobile */
@media (min-width: 400px) {

    #menu-button {
        right: 0px;
    }
}

#mobile-menu .navicon {
    display: none !important;
}

/* Top Nav */

#top-nav {
    text-align: center;
    padding-top: 10px;
    font-size: 20px;
}

/* Larger than tablet */
@media (min-width: 800px) {

    #menu-button {
        display: none;
    }

    #nav {
        display: block;
    }

    #top-nav {
        text-align: right;
        padding: 0;
        font-size: inherit;
    }
}

#top-nav ul,
#top-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#top-nav li {
    display: inline-block;
    padding: 0;
    margin: 0 !Important;
}

#top-nav a {
    text-align: right;
    color: #B2C5B8;
    padding-left: .5vw;
    display: inline-block;
    text-decoration: none;
}

#top-nav a:after {
    content: "|";
    position: relative;
    right: -5px;
}

#top-nav li:last-of-type a:after,
.available-247 a:after {
    display: none;
}

#top-nav a:hover {
    color: #fff;
}

#top-nav .phone a {
    font-weight: 700;
    color: #fff;
}

/* Larger than tablet */
@media (min-width: 800px) {

    #top-nav {
        display: block;
    }
}

/* MAIN NAV */
#nav ul#navmenu {
    margin: 0;
    border: 0 none;
    padding: 0;
    text-align: center;
    list-style: none;
    z-index: 1000;
    float: right;
}

#nav ul#navmenu li {
    margin: 0;
    border: 0 none;
    padding: 0;
    display: block;
    floaT: left;
    list-style: none;
    position: relative;
}

#nav ul#navmenu ul {
    margin: 0;
    border: 0 none;
    padding: 0;
    list-style: none;
    display: none;
    position: absolute;
    top: 3.5vw;
    left: 0;
    padding-bottom: 30px;
}

#nav ul#navmenu ul ul {
    border-left: 3px solid #B6832C !important;
}

#nav ul#navmenu ul li {
    width: 202px;
    float: left; /*For IE 7 lack of compliance*/
    display: block !important;
    display: inline; /*For IE*/
}

#nav {
    padding-top: 0px;
    right: -20px;
}

/* Root Menu */
#nav ul#navmenu a {
    padding: 0 5px;
    float: none !important; /*For Opera*/
    float: left; /*For IE*/
    display: block;
    color: #fff;
    text-align: left;
    font: 500 13px / 30px 'Roboto', sans-serif;
    font-weight: 500 !important;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
    position: relative;
}

#nav ul#navmenu li.emergency-service a {
    background: rgba(0, 0, 0, 0.5);
    margin-right: 20px;
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    font-weight: 700 !important;
}

#nav ul#navmenu .top-nav a {
    display: none;
}

#nav ul#navmenu .phone a {
    font-weight: 700;
}

#nav ul#navmenu .phone a:before {
    font-weight: 700;
    content: "|";
    position: absolute;
    left: 0;
}

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 800px) {

    #nav {
        display: block;
    }
}

/* Larger than tablet */
@media (min-width: 840px) {

    #nav ul#navmenu a {
        padding: 0 10px;
        font: 500 13px / 30px 'Roboto', sans-serif;
    }
}

/* Larger than tablet */
@media (min-width: 970px) {

    #nav ul#navmenu a {
        padding: 0 9px;
        font: 500 16px / 30px 'Roboto', sans-serif;
    }
}

/* Larger than desktop */
@media (min-width: 1000px) {

    #nav ul#navmenu a {
        padding: 0 12px;
        font: 500 16px / 30px 'Roboto', sans-serif;
    }
}

/* Larger than Desktop HD */
@media (min-width: 1280px) {

    #nav ul#navmenu a {
        padding: 0 15px;
        font: 500 20px / 50px 'Roboto', sans-serif;
    }
}

/* Larger than Desktop HD */
@media (min-width: 1500px) {

    #nav ul#navmenu a {
        padding: 0 20px;
        font: 500 22px / 60px 'Roboto', sans-serif;
    }
}

/* Root Menu Hover Persistence */

#nav ul#navmenu a:hover,
#nav ul#navmenu li:hover a {
    color: rgba(255, 255, 255, 0.7);
}

/* Selected */
#nav ul#navmenu a.selected {
    color: rgba(255, 255, 255, 0.7);
}

/* 2nd Menu */
#nav ul#navmenu li:hover li a {
    float: none;
    text-transform: capitalize;
    padding: .2vw 1vw;
    font-size: 1vw;
    line-height: 1.5vw;
    font-weight: 400;
    color: #fff;
    display: none;
}

#nav ul#navmenu li li {
    border: 0 !important;
}

/* 2nd Menu Hover Persistence */
#nav ul#navmenu li:hover li a:hover,
#nav ul#navmenu li:hover li:hover a {}

/* 3rd Menu */
#nav ul#navmenu li:hover li:hover li a {
    float: none;
    text-transform: capitalize;
    padding: .2vw 1vw;
    font-size: 1vw;
    line-height: 1.5vw;
    color: #fff;
}

/* 3rd Menu Hover Persistence */
#nav ul#navmenu li:hover li:hover li a:hover,
#nav ul#navmenu li:hover li:hover li:hover a {
    color: #B6832C;
}

/* 4th Menu */
#nav ul#navmenu li:hover li:hover li:hover li a {
    display: none;
    visibility: hidden;
}

/* 4th Menu Hover */
#nav ul#navmenu li:hover li:hover li:hover li a:hover {
    display: none;
    visibility: hidden;
}

#nav ul#navmenu ul ul,
#nav ul#navmenu ul ul ul {
    display: none;
    position: absolute;
    top: 0;
    border: 0;
    left: 202px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
#nav ul#navmenu li:hover ul ul,
#nav ul#navmenu li:hover ul ul ul {
    display: none;
}

#nav ul#navmenu li:hover ul,
#nav ul#navmenu ul li:hover ul,
#nav ul#navmenu ul ul li:hover ul {
    display: block;
}

/* SUB NAV */
.sub-nav {
    position: relative;
    margin-left: -1vw;
}

.sub-nav ul,
.sub-nav li {
    margin: 0;
    border: 0 none;
    padding: 0;
    list-style: none;
}

.sub-nav li {
    display: block;
    float: left;
}

.sub-nav a {
    text-decoration: none;
    display: block;
    color: #003C16;
    font-size: 20px;
    padding: 8px 0;
    margin: 10px 0;
    padding: 4px 1vw;
    font-weight: 400;
    border-radius: 5px;
    margin-right: 10px;
}

.sub-nav .l1 {
    display: none;
}

.sub-nav .l2 a {}

.sub-nav a:hover {
    background: #E5EBE7;
}

.sub-nav a.selected {
    background: #E5EBE7;
}

.sub-nav .ul3,
.sub-nav .ul4 {
    display: none;
}

/* SUB NAV 2 */
.sub-nav2 {
    position: relative;
    margin-left: -1vw;
}

.sub-nav2 ul,
.sub-nav2 li {
    margin: 0;
    border: 0 none;
    padding: 0;
    list-style: none;
}

.sub-nav2 li {
    display: block;
}

.sub-nav2 .l1 a,
.sub-nav2 .l2 a {
    display: none;
}

.sub-nav2 .l2 a.selected {
    display: block;
    font-weight: bold;
}

.sub-nav2 a {
    text-decoration: none;
    display: block;
    font-size: 20px;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-weight: 400;
    border-radius: 5px;
    margin-right: 10px;
}

.sub-nav2 .l2 a {}

.sub-nav2 a:hover {
    background: #E5EBE7;
}

.sub-nav2 a.selected {
    background: #E5EBE7;
}

.sub-nav2 .ul3,
.sub-nav2 .ul4 {}

.sub-nav2 .ul3 a {
    margin-left: 20px;
}

/* Footer Nav */
.footer-nav {
    text-align: center;
    padding-bottom: 20px;
}

/* Larger than tablet */
@media (min-width: 800px) {

    .footer-nav {
        text-align: left;
        padding-bottom: 0px;
    }
}

.footer-nav ul,
.footer-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-nav li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

#mobile-menu .top-nav,
.footer-nav .top-nav {
    display: none;
}

.footer-nav a {
    text-align: right;
    color: #fff;
    font-size: 24px;
    line-height: 20px;
    padding-right: 1vw;
}

.footer-nav ul ul {
    display: none;
}

.footer-nav .phone {
    display: none;
}

/* Footer Nav */
.credits-nav {
    text-align: right;
}

.credits-nav ul,
.credits-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.credits-nav li {
    display: inline-block;
    padding: 0;
    margin: 0 !Important;
}

.credits-nav a {
    text-align: right;
    color: rgba(255, 255, 255, 0.70);
    padding-left: 10px;
    display: inline-block;
}

.sub-nav,
.sub-nav2 {
    display: none;
}

/* Larger than tablet */
@media (min-width: 800px) {

    .sub-nav,
    .sub-nav2 {
        display: block;
    }
}