/* header grobal nav */
#globalNav{
    margin-top:1.6rem;margin-bottom:1.6rem;padding-top:1.6rem;
    background: #D10000;
    color:#fff;
}
.menu-link { display: none;}
.topmenu { 
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.topmenu > ul { 
    list-style: none;
    text-align: center;
}
.topmenu > li > ul {
    min-width: 16em;
    padding: 4px 0;
}
.topmenu ul li { 
	display:inline-block;
	margin-right:1em;
	font-weight:bold;
    position:relative;
}
.topmenu ul li a{
	color:#fff;
}

.topmenu > ul > li.has-submenu::after{
    content:'\25BC';
}
.topmenu ul ul li.has-submenu{
    position:relative;
}
.topmenu ul ul li.has-submenu::after{
    content:'\25B6';
    position: absolute;
    top:4px;
    right:0;
}

.topmenu ul li > a { height:auto; padding: 1px;}
.topmenu ul ul { 
    display: none;
    position: absolute;
    top:100%;
    margin:0;
    padding:12px 0 6px;
    width:16em;
    background:#D10000;
    z-index:9999;
}
.topmenu ul li:hover > ul { display: block; }
.topmenu ul ul > li { position: relative;display:block;text-align:left;border:0;font-weight:normal; }
.topmenu ul ul > li a { padding: 4px 0 4px 6px; display:block;height: auto;font-size: 14px;font-size: 1.4rem; }
.topmenu ul ul > li a:hover { opacity:0.6; }
.topmenu ul ul ul { position: absolute; left: 100%; top:0; background:#D10000; padding-top:0;}

@media all and (max-width: 958px) {
    .topmenu > ul > li.has-submenu::after,.topmenu > ul ul li.has-submenu::after{
        content:none;
    }
    .topmenu ul > li {
        width:100%;display:block;border:none;
    }
    .topmenu > ul > li a{
        display:block;
        text-align:left;
        width:100%;
        padding:10px;
    }
    a.menu-link { font-size: 16px;font-size: 1.6rem;font-weight:normal;display: block; text-align: center; text-decoration: none; padding: 0 0 1rem;color:#fff;}
    .topmenu { clear: both; min-width: inherit; float: none; }
    .topmenu, .topmenu > ul ul { overflow: hidden; max-height: 0; }
    .topmenu > ul > li > ul { padding: 0px; border: none;margin:0; }
    .topmenu.active, .topmenu > ul ul.active { max-height: 100em; }
    .topmenu ul { display: inline; }
    .topmenu > ul { border-top: 1px solid #808080; }
    .topmenu li, .topmenu > ul > li { display: block; }
    .topmenu li a { display: block; padding: 0.8em; position: relative; }
    .topmenu li.has-submenu > a:after {
        content: '+';
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        font-size: 16px;font-size: 1.6rem;
        padding: 0.3em 1.5em;
    }
    .topmenu li.has-submenu > a.active:after {
        content: "-";
    }
    .topmenu ul ul {width:100%;}
    .topmenu ul ul > li a {  padding: 8px 18px 8px 24px; }
    .topmenu ul ul > li h2 a { font-weight:bold; padding: 8px 18px 8px 24px; }
    .topmenu ul ul, .topmenu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
    .topmenu ul ul ul { padding-left:1em;}
}