/* GY Responsive additions */
/* also see HomeStyle.css */

/*Full width*/
#cssmenuOuter { position:relative; top:-11px; height:37px; z-index:1; }

.cssbar { background-color:transparent !important; }

#cssmenu { display:block; padding:0; margin:5px auto 20px auto; border:1px solid; /*overflow:visible;*/ }

#cssmenu a:hover {color:#004881;}

#cssmenu > ul { list-style:inside none; padding:0; margin:0; }
#cssmenu > ul > li { list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative; }
	#cssmenu > ul > li > a {
		outline: none;
		display: block;
		position: relative;
		padding: 12px 20px;
		font: bold 13px/100%;
		font-family: Montserrat,arial, helvetica;
		text-align: center;
		text-decoration: none;
	}
#cssmenu > ul > li:first-child > a { }

#cssmenu .has-sub > a:before { content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top-color: #fff; }
#cssmenu .has-sub:hover > ul { display:block; }
#cssmenu .has-sub > a:hover { background:#E6F1F7; border-color:#E6F1F7; }
#cssmenu ul li > ul,
#cssmenu ul li > div { background:#E6F1F7; display:none; position:absolute; width:auto; top:37px; padding:10px 0; white-space:nowrap; }

#cssmenu ul li > ul li { display:block; list-style:inside none; padding:0; margin:0; position:relative; }
#cssmenu ul li > ul li a { outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#000; text-decoration:none; }

	#cssmenu, #cssmenu > ul > li > ul > li a:hover {
		background-color: #00538D;
		color: #fff;
	}
#cssmenu { border-color:#E6F1F7; }
#cssmenu > ul > li > a { border-right:1px solid #FFF; color:#fff; }
#cssmenu > ul > li > a:after { border-color:#E6F1F7; }
#cssmenu > ul > li > a:hover { background:#E6F1F7; }

#cssmenu .has-sub2 > ul { display:none; width:220px; position:absolute; top:0; padding:10px 0; background:#E6F1F7; }
#cssmenu .has-sub2:hover > ul { display:block; }
#cssmenu .has-sub2 ul { display:none; position:absolute; left:100%; top:0; }
#cssmenu .has-sub2 ul li a { background:#E6F1F7; border-bottom:1px dotted #E6F1F7; }
#cssmenu .has-sub2 ul > li > a:after { content:''; position:absolute; top:-1px; bottom:-1px; right:-2px; }
#cssmenu .has-sub2 > a:before { content:''; position:absolute; top:10px; right:6px; border:5px solid transparent; border-left-color:  #000; }
#cssmenu .has-sub2:hover > a { background-color:#004881; color:#fff; }
#cssmenu .has-sub2:hover > a:before,
#cssmenu .has-sub2 > a:hover:before { border-left-color: #fff; }
#cssmenu .has-sub2 ul li a:hover { background-color:#004881; color:#fff; }


@media screen and (max-width:1000px) {
	#cssmenuOuter { width:100%; position:absolute; }
	#cssmenuOuter .navbar-toggle { top:10px; right:10px; }
	#cssmenu { position:absolute; top:114px; background-color:#E6F1F7; padding:10px; border:1px solid #004881; }
	#cssmenu > ul { width:200px; }
	#cssmenu li { width:100%; min-width:150px; }
	#cssmenu > ul > li > ul { width:calc(100% + 40px); }
	#cssmenu a { outline:none; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-decoration:none; }
	#cssmenu > ul > li { background-color:#004881; border:1px solid #E6F1F7; }
	#cssmenu > ul > li > a { color:#fff; text-align:left; border:1px solid #004881; }

	#cssmenu > ul > li > ul > li > a { color:#004881; }
	#cssmenu > ul > li > ul > li > a:hover { background-color:#004881; color:#fff; }

	#cssmenu .has-sub  > ul { z-index:2; }
	#cssmenu .has-sub2 > ul { z-index:3; }
	#cssmenu .has-sub  > ul,
	#cssmenu .has-sub2 > ul { width:calc(100% + 40px); left:50%; top:30px; padding:10px; border:1px solid #004881; }

	#cssmenu .has-sub:hover > a { background:#E6F1F7; border:1px solid #004881; }
	#cssmenu .has-sub2:hover > a { background-color:#004881; color:#fff; }
	#cssmenu .has-sub2 a { color:#004881; }
	#cssmenu .has-sub  > a:before,
	#cssmenu .has-sub2 > a:before { content:''; position:absolute; top:13px; right:6px; border:5px solid transparent; }
	#cssmenu .has-sub  > a:before { border-right-color: #fff; border-bottom-color: #fff; }
	#cssmenu .has-sub2 > a:before { border-right-color: #004881; border-bottom-color: #004881; }
	#cssmenu .has-sub2:hover > a:before,
	#cssmenu .has-sub2 > a:hover:before { border-left-color: #004881; border-right-color: #fff; border-bottom-color: #fff; }
	#cssmenu .has-sub:hover > a { background:#E6F1F7; }
	#cssmenu .has-sub:hover > ul,
	#cssmenu .has-sub2:hover > ul { display:block; }
}


@media screen and (max-width:480px) {
	#cssmenu .has-sub2 > ul { left:-50%; }
	#cssmenu .has-sub2 > a:before { content:''; left:6px; width:10px; border:5px solid transparent; border-left-color: #004881; border-bottom-color: #004881; }
	#cssmenu .has-sub2:hover > a:before,
	#cssmenu .has-sub2 > a:hover:before { border-right-color: #004881; border-left-color: #fff; border-bottom-color: #fff; }
}