/* menu */

.hamburgerOuter { display:none; position:fixed; background:#fff; top:0; left:0; right:0; bottom:0; left:-100%; z-index:9998; transition:all 0.3s; opacity:0.9; width:100%;
}
.hamicon { z-index:9999; text-align:center; position:fixed; cursor:pointer; padding:2px; right:0; line-height:40px; top:2px; width:40px; height:40px; font-size:30px; color:#fff; display:none;}
.hamicon:before { content:'\f0c9'; }
.hamburgerOuter .topul { width:100% !important; float:none !important; display:block !important;}
.hamburgerOuter .topul li { margin-left:0 !important; width:100% !important; float:none !important; display:block !important;}

.hamburgerOuter .toplevelleaf { width:100% !important; text-align:center !important; float:none !important; clear:both !important; display:block !important; border-bottom:1px dotted #ccc; color:#666; transition:all 0.3s; }
.hamburgerOuter .toplevelleaf:hover { background:#ddd; }

.stuck { position:fixed; top:0;}
.stuck-to-base { position:absolute; top:inherit; bottom:0; }
.TWDCwedge { position:relative; }

.twdc_mainMenuContainer > ul { display:flex; }

.twdc_mainMenuContainer > ul li {
	background-color: rgba(255,255,255,0.0);
	font-size: 20px;
	font-weight:700;
	color: rgba(74, 73, 74, 1.0);
	text-align: left;
	line-height: 24.0px;
	flex:1 1 0;
	min-height:44px;
	display:flex;
	justify-content: center;
	align-items: center;
}

.toplinemenu li { float:left; color:#fff;margin:0 20px 0 0;}
.toplinemenu li a, .footerRibbonMenu li a { text-decoration:none !important; font-size:14px;  }
 
.topul { width:auto; display:table; width: auto; }

.topul ul { position:absolute; top:40px; opacity:0;}

.toplevelparent { 
	transition:top 0.3s, opacity 0.3s, background-position 0.3s; 
	background: url(../SiteImages/downArrow.png) no-repeat center 70px; }

.ull2leaf { transition:all 0.3s; visibility:hidden;}
ul.topul li:active { color:#ffcc00 !important; }
ul.topul li:hover li ul {
	top:-999px;
}
ul.topul li li:hover ul {
	left:100%;
	top:0;
}

ul.topul>li {
	position:relative;
	text-align:center;
	position: relative;
	line-height: 26px;
	float:left;
	padding:0 5px;
	color:#fff;
	font-size:16px;
	letter-spacing:2px;
	font-family:montserrat, open sans, sans-serif;
}

.toplevelparent a:hover, .toplevelleaf a:hover { color:#ccc;}
.toplevelparent:hover>.ull2leaf { top:40px; visibility:visible; z-index:1000; opacity:1; }

ul.topul>li>a {
	text-decoration:none;
	height:50px; 
	overflow: hidden;
	display: block;
	position: relative;
	text-transform: uppercase;
	padding: 10px;
	text-align: center;
	box-sizing:border-box;
}
a:active { cursor:auto !important; color:#fff !important; }
.topul .active { background:#f44 !important;}

li.toplevelleaf a.active::before { content:'\f0d7'; color:#fff; position:absolute; font-family:'fontawesome'; bottom:1px; width:20px;  left:50%; margin:0 -10px; text-align:center;  }

.ull2leaf {
	width:100%;
	background: #f6405B;
	padding: 0;
	margin-top:6px;
}

.ull2leaf>li {
	display:block;
	text-align: left;
	position: relative;
	float: left;
	clear:both;
	line-height: 12px;
	width:100%;
	padding: 2px 0 0 12px;
}

.ull2leaf>li>a {
	font-size: 12px;
	color: #fff;
	line-height: 15px;
	text-transform: uppercase;
	text-align: left;
	font-family: 'Lato', sans-serif;
	width:100%;
	padding:10px;
	display:block;
}

.ull2leaf>li>a:hover {
	color:#666;
}
.ull2leaf>li>ul>li>a:hover {
	color:#666;
}

.topul>li li>ul>li {
	display:block;
	text-align: left;
	position: relative;
	float: none;
	line-height: 12px;
	padding: 7px 20px 8px;

}

.topul>li li>ul>li>a {
	font-size: 12px;
	color: #fff;
	line-height: 15px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Lato', sans-serif;
}

.topul>li li>ul>li>a:hover {
	color:#ed4d2e;
}

/*-----other form factors------------*/

@media only screen and (max-width: 995px) {
	.hamicon { display:block; }
	.twdc_mainMenuContainer > ul { display:none; }
	.topul>li>a {
		font-size: 12px !important;
	}
	
	.topul>li:after {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.socialButtons { display:none !important; }
	.twdc_mainMenuContainer > ul { display:none; }
	.hamicon { display:block; }
	.search_block { padding-bottom: 10px !important; }
}