/* Styles for Header
-----------------------------------------------------------*/
.navbar-wrapper
{
    position: absolute;
    width: 100%;
    height:4.5em;
    z-index:1030;
}

.navbar-panel
{
    position:fixed;
    width: 100%;
    top: 0px;
    z-index:inherit;
}

.navbar-menu
{
    width: 100%;
    height:4.5em;
    position: relative;
    z-index:inherit;
    transition:0.2s;
}

.navbar-table-menu 
{
    width:100%;
    border-collapse:collapse;
}

.navbar-menu-opt2w
{
    display:none;
}

.navbar-menu-opt2 
{
    background-color:white;
    text-align:center;
    padding-top:1em;
    padding-bottom:1em;
    display:none;
}

/* this is the parent menu */
.ul-navbar-menu 
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.ul-navbar-menu li
{
    color: black;
    margin-left: 0.2em;
    margin-right: 0.2em;
    padding-right: 0.5em;
    padding-left: 0.5em;
}

.ul-navbar-menu.horizontal li
{
    display:inline-block;
    padding-top:0.5em;
}

.ul-navbar-menu.vertical li 
{
    height: 2.5em;
}

.ul-navbar-menu li a
{
    color:#353535;
    font: 15px proxima-nova,sans-serif;
    font-weight:600;
    text-decoration: none;
    text-align: center;
}

.ul-navbar-menu li:hover a
{
    color: #007bff !important;
}

.td-navbar-menu-brand
{
    vertical-align:top;
}

.div-navbar-menu-brand
{
    color:#fefeff;
    background-color:#d93a2c;
    display:inline-block;
    padding-left:2em;
    padding-right:2em;
    padding-bottom:0.5em;
    padding-top:0.5em;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

.td-navbar-menu-links 
{
    text-align:left;
    vertical-align:central;
    background-color:white;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

/*Toggle for List and Close*/
.divListToggle 
{
    position:relative;
    width:30px;
    height:25px;
    cursor:pointer;
    display:none;
}

.spnListToggleLine
{
    display:block;
    position:absolute;
    height:3px;
    width:100%;
    border-radius:9px;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.25s ease-in-out;
    transition:.25s ease-in-out;
    background-color:#353535 !important;
}

.spnToggleLine1
{
    top:0;
}

.spnToggleCross1 {
    top: 11px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.spnToggleLine2
{
    top:10px;
}

.spnToggleCross2
{
    opacity: 0;
}

.spnToggleLine3
{
    top:20px;
}

.spnToggleCross3
{
    top: 11px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
/*************************************************/

/*for tablets*/
@media screen and (max-width:959px) {
    .divListToggle 
    {
        display:inline-block;
    }

    .navbar-menu-opt2 
    {
        display:block;
    }

    .td-navbar-menu-brand
    {
        text-align:center;
    }

    .td-navbar-menu-links
    {
        display:none;
    }
}

/*for phones*/
@media screen and (max-width:640px) {
    .td-navbar-menu-links
    {
        display:none;
    }
}

/*smallest screen for phones*/
@media screen and (max-width:320px) {
    .navbar-wrapper, .navbar-panel
    {
        width:320px;
    }
}