@font-face
{
	font-family: 'DIN-Black';
	src: url(../fonts/DINBk-2.ttf);
}

@font-face
{
	font-family: 'DIN-Bold';
	src: url(../fonts/DINBd_0.ttf) format('truetype');
}

.mainNav {
			background: /*#222*/transparent;
			width: 100%;
			margin: 56px 0 0 0;
		}
			/* First Level */
			.mainNav ul {
				margin: 0;
				padding: 0;
				list-style: none;
				border-bottom: /*1px solid #444*/transparent;
			}
			.mainNav ul li {
				border-top: /*1px solid #444*/transparent;
			}
			.mainNav ul li a {
				color: #FFFFFF;
				display: block;
				font-size: 15px;
				line-height: normal;
				padding:12px 0px;
				text-decoration:none;
				font-family:/*"DIN-Black"*/ "DIN-Bold";
			}
			.mainNav ul li a:hover {
				/*background: #333;*/
				color:#000;
				text-decoration: underline;
			}
				/* Second Level */
				.mainNav ul ul {
					border-bottom: none
				}
				.mainNav ul ul li {
					/*border-top: 1px solid #222;*/
					background: /*#111*/transparent;
				}
				.mainNav ul ul li a {
					color: #000;
					display: block;
					font-size: /*1em*/13px;
					line-height: normal;
					padding: 5px 10px;
				}
				.mainNav ul ul li a:hover {
					background: /*#333*/transparent;
					text-decoration: underline;
				}
						/* Third Level */
				.mainNav ul ul ul {
					border-top:1px solid #222;
				}
				.mainNav ul ul ul li {
					border:none;
				}
				.mainNav ul ul ul li a {
					padding-left:3.5em; 
					padding-top:0.25em; 
					padding-bottom:0.25em;
				}
			/* Accordion Button */
			ul li.has-subnav .accordion-btn {
				color:#fff; 
				background:rgba(255,255,255, 0.15); font-size:14px;
			}
		
		
		@media screen and (max-width: 1024px) {
			.mainNav {width: 100%;}
		}
		@media screen and (max-width: 700px) {
			.mainNav {width: 100%;}
		}
		@media screen and (max-width: 767px) {
			.mainNav {margin: 0;}
		}
		@media screen and (max-width: 414px) {
			.mainNav ul li a {font-size: 12px; padding: 2px 0px;}
			.mainNav ul ul li a {font-size: 10.5px; padding: 2px 10px;}
			.accordion-btn-wrap {top: 2px !important;}
		}
		@media screen and (max-width: 375px) {
			.mainNav ul li a {font-size: 12px; padding: 2px 0px;}
			.mainNav ul ul li a {font-size: 10.5px; padding: 2px 10px;}
			.accordion-btn-wrap {top: 2px !important;}
		}
		@media screen and (max-width: 360px) {
			.mainNav ul li a {font-size: 12px; padding: 2px 0px;}
			.mainNav ul ul li a {font-size: 10.5px; padding: 2px 10px;}
			.accordion-btn-wrap {top: 2px !important;}
		}
		@media screen and (max-width: 320px) {
			.mainNav ul li a {font-size: 12px; padding: 2px 0px;}
			.mainNav ul ul li a {font-size: 10.5px; padding: 2px 10px;}
			.accordion-btn-wrap {top: 2px !important;}
		}
		
  
  /*.mainNav ul li:hover > a,
  .mainNav ul li.active2 > a,
  .mainNav ul li:focus > a {
    color: #fff;
	text-decoration:underline;
  }*/
  
  .mainNav ul ul li:hover > a,
  .mainNav ul ul li.active > a,
  .mainNav ul ul li:focus > a {
    color: #000;
	text-decoration:underline;
  }