#contentNav { position: relative; background-color: #FFF; height: auto; display: none; z-index: 1; top: 0; bottom: auto; padding-left: 15px; padding-right: 15px; }
#contentNav.fixed {
    position: fixed;
    /* left: auto; */
    /* right: auto; */
    top: 32px;
}
#contentNav.stuckBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
}

.leftNavWrap { padding-left: 0; padding-right: 0; }


.leftNavTable{display:block; position:relative;}
.leftNavWrap { position: static; }
.leftNavTableCells{display:block; vertical-align: top;height: auto;}


@media screen and (max-width:767px){
    .leftNavTable{display:block;}
    .leftNavTableCells{display:block;}
}

#contentNav.active { -webkit-transform: translate3d(0, 0, 0px); transform: scale3d(1, 1, 1); margin-left: 0; }
#contentNav .item { color: white; background-color: #F9FAFC; position: relative; cursor: pointer; font-size: 14px; font-weight: 300; text-transform: none; border-top: 0px; margin-bottom: 0; text-decoration: none; /* display: none; */ transition: 0.5s; text-align: left; height: 0px; padding: 0 2em; opacity: 1; overflow: hidden;}
#contentNav .item a { color: white;    text-decoration: none;    padding-right: 25px;    width: 100%;    display: block;}
#contentNav .textArrow { background: url('images/textArrowRightWhite.png'); height: 8px; width: 5px; position: absolute; top: 31px; margin-top: -4px; right: 1.5em; }
#contentNav .exit { background-color: #000000; border-top: 0; margin-bottom: 0; text-align: center; font-size: 18px; padding: 27px 0; }
#contentNav .home { background-color: #2c2c2c; border-top: 1px solid #444; margin-bottom: 0; text-decoration: none; text-transform: uppercase; padding: 2em 2em 1.75em; }
#contentNav .menu { background-color: #2c2c2c; display: none; border-top: 1px solid #444; text-transform: uppercase; margin-bottom: 0; padding: 2em 2em 1.75em; text-decoration: none; }
#contentNav .menu .textArrow { background: url('images/textArrowLeftWhite.png'); right: auto; left: 1em; }
#contentNav .topLevel { background-color: #2c2c2c; border-top: 1px solid #444; padding: 2em 2em 1.75em; margin-bottom: 0; text-transform: uppercase; /* display: none; */ min-height: 81px; height: auto; opacity: 1; overflow: visible; margin-left: 0 !important; margin-right: 0 !important;}
#contentNav .subItem { /* background-color: #F9FAFC; */ /* display: none; */ margin: 0 -2em 0; padding: 0; /* padding-top: 25px; */ /* opacity: 0; */}
#contentNav .active > .subItem { /* display:block; */ }
#contentNav .subItem > a { color: #FFF; text-decoration: none !important; transition:0.5s;}
#contentNav .subItem.visible > a { color: #000; }
#contentNav .subItem.parent > a { color: #FFF;}
#contentNav .subItem.active > a { color: #FFF; }
#contentNav .subItem > .textArrow { background: url('images/textArrowRightBlack.png'); top: 20px; }
#contentNav .hidden {
    display: block!important;

    height: 0px;
    padding: 0px;
    border-top: 0px;
    opacity: 0;
    overflow: hidden;
    min-height: 0;
}
#contentNav .visible {
    min-height: 45px;
    opacity: 1;
    padding: 10px 2em;
    padding: 0 !important;
    margin: 0;
    background-color: #F9FAFC;
    overflow: visible;
    height: auto;
}
#contentNav .visible > a {
  padding: 20px;
}
#contentNav .current { border-left: 2px solid #0069bc; padding-left: 26px;}
#contentNav .current a{ color: #0069bc;}
#contentNav .active { background-color: #0069bc; padding: 0; border-top: 1px solid #556c7f; display: block; min-height: 81px; margin-top: -1px; height: auto;}
#contentNav .active > a { color: #FFFFFF; display: block; /* border-bottom: 0.75em solid white; */ width: 100%; margin: 0; padding: 1.75em 2em 1.75em 2em; /* width: 100%; */ text-transform: uppercase; text-decoration: none; position: relative; z-index: 10;}
#contentNav .active > .textArrow { background: url('images/textArrowDownWhite.png'); width: 8px; height: 5px; top: 31px; }
#contentNav .parent { background-color: #2c2c2c; border-bottom: 0px; padding: 0; border-top: 1px solid #444; text-transform: uppercase; display: block; min-height: 81px; height:auto; margin-top: -1px;}
#contentNav .parent > .textArrow { background: url('images/textArrowLeftWhite.png'); right: auto; left: 1em; top: 31px; }
#contentNav .parent > a { color: #FFFFFF; display: block; width: 100%; margin: 0; padding: 1.75em 2em 1.75em 2em; display: block; }

#contentNav .item > i.fa-angle-left { position: absolute; font-size: 17px; margin: 29px 0 0 12px; display: none; }
#contentNav .item > i.fa-angle-down { font-size: 18px; display: none; position: absolute; right: 2em; top: 32px;}
#contentNav .item > i.fa-angle-right { font-size: 16px; position: absolute; right: 39px; color: black; margin-top: -7px; top: 50%; opacity: 0; transition: 1s;}
#contentNav .visible > i.fa-angle-right { opacity:1; }
#contentNav .topLevel > i.fa-angle-right { color: white; font-weight: 100; opacity: 1;}
#contentNav .active > i.fa-angle-right { opacity: 0;}
#contentNav .parent > i.fa-angle-right { opacity: 0;}
#contentNav .subItem:not(.parent):not(.active):not(.current) { border-left: 2px solid #F9FAFC;}
#contentNav .subItem:not(.parent):not(.active):hover { border-left: 2px solid #0069bc;}
#contentNav .subItem:not(.parent):not(.active):hover a { color: #0069bc; }
#contentNav .subItem:not(.parent):not(.active):hover i { color: #0069bc; }
#contentNav .parent > i.fa-angle-left { display: block !important; }
#contentNav .active > i.fa-angle-down { display: inline-block; }
#contentNav .menu > i.fa-angle-left { display: block !important; }
#contentNav .home > i { display: none; }
#contentNav .exit > i { }
#contentNav .active > .clearFix {
    height: 1.5em;
    background-color: #F9FAFC;
    margin: 0 -2em;
    padding: 0;
}

/*#contentNav { width: 300px; min-height: 1000px; background-color:#F0F0F0;}
    #contentNav .item { padding: 1.5em 2em; border-bottom: 1px solid #FFFFFF; color: white; text-transform: uppercase; position: relative; cursor: pointer; display:none; }
        #contentNav .item a { color: white; }
    #contentNav .textArrow { background: url('images/textArrowRightWhite.png'); height: 8px; width: 5px; position: absolute; top: 31px; margin-top: -4px; right: 1.5em; }
    #contentNav .home { background-color: #555555; }
    #contentNav .menu { background-color: #555555; display: none; }
        #contentNav .menu .textArrow { background: url('images/textArrowLeftWhite.png'); right: auto; left: 1em; }
    #contentNav .topLevel { background-color: #555555; }
    #contentNav .subItem { background-color:#F0F0F0; border-bottom:1px solid #F0F0F0; display: none; margin: 0 -2em; padding: 0.75em 2em; }
        #contentNav .subItem > a { color: #000; }
        #contentNav .subItem.active > a { color: #FFF; }
        #contentNav .subItem > .textArrow { background: url('images/textArrowRightBlack.png'); top: 20px; }
    #contentNav .active { display: block; background-color: #000000; border-bottom: 0px; padding: 1.5em 2em 0em; }
        #contentNav .active > a { color: #FFFFFF; display: block; border-bottom: 0.75em solid #F0F0F0; width: 100%; margin: 0 -2em; padding: 0 2em 1.5em; }
        #contentNav .active > .textArrow { background: url('images/textArrowDownWhite.png'); width: 8px; height: 5px; top: 31px; }
    	#contentNav .active > .item { display: block;}
    #contentNav .parent { display:block; background-color: #555555; border-bottom: 0px; padding: 1.5em 2em 0; }
        #contentNav .parent > .textArrow { background: url('images/textArrowLeftWhite.png'); right: auto; left: 1em; top: 31px; }
        #contentNav .parent > a { color: #FFFFFF; display: block; border-bottom: 1px solid white; width: 100%; margin: 0 -2em; padding: 0 2em 1.5em; }
    #contentNav .current > a { color:#00A4F2; }
        #contentNav .current > .textArrow { display:none; }*/
