/* #######################################################################

    meanMenu
    --------
    
    To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

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

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
    display:none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
    position:relative;
    z-index:1000;
    padding:0;
    width:100%;
    min-height:70px;
    background:#fff;
}

.mean-container a.meanmenu-reveal {
    display:block;
    position:absolute;
    top:-2px;
    right:0;
    padding:2px 10px;
    /*width:100px;*/
    height:70px;
    line-height:70px;
    font-weight:500;
    font-size:18px;
    font-family:'Poppins',Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    text-decoration:none;
    cursor:pointer;
}
.mean-container a.meanmenu-reveal.meanclose { font-family:'Poppins',Helvetica,Arial,sans-serif; }

.mean-container a.meanmenu-reveal span {
    display:block;
    background:#ffffff;
    height:3px;
    margin-top:3px;
}

.mean-container .mean-nav {
    float:left;
    position:relative;
    top:-1px;
    width:100%;
    background:#f5f5f5;
    margin-top:70px;
    line-height:0;
}
.mean-container .mean-nav > ul/*,
body.sticky-header .mainNav > ul*/ {
    /*border-top:1px solid #e5e5e5;*/
    /*border-bottom:1px solid #e5e5e5;*/
}

.mean-container .mean-nav ul {
    padding:0;
    margin:0;
    width:100%;
    list-style-type:none;
}

.mean-container .mean-nav ul li,
body.sticky-header .mainNav > ul > li {
    position:relative;
    margin: 0 !important;
    padding: 0 !important;
    float:left;
    width:100%;
    font-size:13px;
    line-height:1.5;
}

.mean-container .mean-nav ul li > span,
.mean-container .mean-nav ul li li > span {
    font-size: 98%;
    opacity: 0.8;
    text-transform:uppercase;
}

.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li > span,
body.sticky-header .mainNav > ul > li > a,
body.sticky-header .mainNav > ul > li > span {
    display:block;
    float:left;
    width:100%;
    margin:0;
    padding:0.5em 1em;
    border-top:1px solid #e5e5e5;
    font-weight:500;
    font-size:14px;
    font-family:'Poppins',Helvetica,Arial,sans-serif;
    text-transform:none;
    text-decoration:none;
    text-align:left;
}

.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li li > span {
    padding-left:2em;
    background:#f0f0f0;
    text-transform:none;
    text-shadow:none !important;
    visibility:visible;
}
.mean-container .mean-nav ul li li a br {
    display:none;
}

.mean-container .mean-nav ul li li li a {
    padding-left:3em;
    text-transform:none;
}

.mean-container .mean-nav ul li li li li a {
    padding-left:4em;
}

.mean-container .mean-nav ul li li li li li a {
    padding-left:5em;
}

.mean-container .mean-nav ul li a:hover {
    background:#13b8d2;
    color:#fff;
    opacity:1;
    filter:alpha(opacity=100);
}
.mean-container .mean-nav ul li li a:hover {
    /*background:#e8b306;*/
}

.mean-container .mean-nav ul li a.mean-expand {
    width:50px;
    height:auto;
    border:none !important;
    padding:10px !important;
    text-align:center;
    position:absolute;
    right:0;
    top:0;
    /*bottom:0;*/
    z-index:2;
    font-family:'Poppins',Helvetica,Arial,sans-serif;
    font-weight:500;
    line-height:16px;
    background:inherit;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background:#13b8d2;
}

.mean-container .mean-push {
    float:left;
    width:100%;
    padding:0;
    margin:0;
    clear:both;
}

.mean-nav .wrapper {
    width:100%;
    padding:0;
    margin:0;
}