/*Top Navigation Menu_v4*/
	/*Menu Logo*/
:root {
	--Menu-Height: 70px;
}

	nav {
		position: absolute;
		width: 100%;
		top: 0px;
		height: 54px;
	}

	.LogoHolder {
		position: fixed;
		float: left;
		width: 20%;
		height: var(--Menu-Height);
		margin-left: 3%;
		padding-left: 10px;
		padding-right: 10px;
		display: flex;
		align-items: center;
		z-index: 1103;
	}
	.Logo_ADAC_Position {
		display: inline-block;
		position: absolute;
		width: content;
		height: 100%;
		top: 0;
		left: 0;
	}
	.Logo_Tint {
		opacity: 1;
		transition: .5s;
	}
	.Logo_Highlight {
		opacity: 0;
		transition: .5s;
	}
	.Menu_Ticket_Corner {
		position: relative;
		float: left;
		height: var(--Menu-Height);
		display: flex;
		object-fit: cover;
		justify-content: center;
		transform-origin: 50% 50%;
		transition-duration: .25s;
		background-color: transparent;
		z-index: 1103;
		border: none;
	}

	.CornerLogo_ADAC_Button {
		position: relative;
		width: calc(var(--Menu-Height)*5);
		height: calc(var(--Menu-Height)*.7);
		top:calc(var(--Menu-Height)*.1);
		display: flex;		
		transform-origin: 50% 50%;
		transition-duration: .25s;
		background-color: transparent;
		z-index: 1103;
		border: none;
	}
	.CornerLogo_Partner_Button {
		position: relative;
		width: calc(var(--Menu-Height)*1);
		height: calc(var(--Menu-Height)*.7);
		top:calc(var(--Menu-Height)*.1);
		display: flex;		
		transform-origin: 50% 50%;
		transition-duration: .25s;
		background-color: transparent;
		z-index: 1103;
		border: none;
	}

	.CornerLogo_Holder {
		display: block;
		position: absolute;
		width: 100%;
		margin: 1px;
		height: 100%;
		top:0%;
		display: flex;
		justify-content: center;
		transform-origin: 50% 50%;
		transition-duration: .25s;
		z-index: 1103;
	}
	.CornerLogo_Holder_Small {
		display: none;
		position: fixed;
		height: calc(var(--Menu-Height)*.75);
		width: calc(var(--Menu-Height)*.75);
		left: 25px;
		top:calc(var(--Menu-Height)*.12);
	}
	.CornerLogo_Partner {
		position: absolute;
		width: 80%;
		right: 10%;
		height: calc(var(--Menu-Height)*.8);
		top:calc(var(--Menu-Height)*.1);
		display: flex;
		justify-content: center;
		transform-origin: 50% 50%;
		transition-duration: .25s;
		/*fill: #888;*/
		z-index: 1103;
	}
	.CornerLogo_Partner_Holder {
		display: block;
		position: absolute;
		width: 100%;
		margin: 1px;
		height: 100%;
		top:0%;
		display: flex;
		justify-content: center;
		transform-origin: 50% 50%;
		transition-duration: .25s;
		z-index: 1103;
	}

	.CornerLogo_Holder:hover .CornerLogo_Holder {
		fill: white;
		transform: scale(1.05);
		z-index: 113;
	}
	.CornerLogo_Holder:hover .Logo_Tint{
		opacity: 0;
	}
	.CornerLogo_Holder:hover .Logo_Highlight{
		opacity: 1;
	}
	.CornerLogo_Partner_Button:hover .CornerLogo_Partner_Holder {
		fill: white;
		transform: scale(1.05);
		z-index: 113;
	}
	.CornerLogo_Partner_Button:hover .Logo_Tint{
		opacity: 0;
	}
	.CornerLogo_Partner_Button:hover .Logo_Highlight{
		opacity: 1;
	}

	#ActivePage {
		color: white;
		font-family: FGM;
	}
	.ActiveCatagory {
		color: white !important;
		font-family: FGM !important;
		font-size: 50 !important;
	}

	.MenuPosition {
		position: fixed;
		width: 100%;
		height: var(--Menu-Height);
		/*background-image: url("../../Media/2-Ready/2-Images/Menu_TopTexture_v1.2.jpg");*/
		z-index: 101;
		opacity: 1;
		top: 0;
		transition: .25s;
	}
	.BigMenu {
		position: absolute;
		display: block;
		height: var(--Menu-Height);
		width: 100%;
		/*right: 0px;*/
		z-index: 105;
	}
	.SmallNav{
		display: none;
	}

	
	.MenuLeft {
		position: fixed;
		/*left: 5%;*/
	}

	.Menu_L1 {
		text-decoration: none;
		line-height: var(--Menu-Height);
		float: left;
		padding: 0px 20px;
		z-index: 105;

		display: block;
		color: #5f879c;
		font-size: 15px;
		font-family: FGM;
		transition: .15s;
	}

	.Menu_L1:hover {
		color: white;
	}

	.Menu_LogoHolder {
		height: var(--Menu-Height);
		width: content;
		margin-right: 15px;
		float: left;
		z-index: 105;	
	}
	

/*Menu Left*/
	.MenuLeft li {
		float: left;
		list-style: none;
		position: relative;
	}

	.MenuLeft li a {
		display: block;
		font-family: sans-serif;
		color: #5f879c;
		font-size: 15px;
		font-family: FGM;
		padding: 0px 12px;
		text-decoration: none;
		transition: .15s;
	}
	.MenuLeft li a:hover {
		color: white;
	}

	.MenuLeft ul {
		display: block;
		position: absolute;
		top:var(--Menu-Height);
		width: 150px;
		/*background-color: #00101e;*/
		background-color: red;
		color: #5f879c;
		border-radius: 0px 0px 7px 7px;
		/*height: 0;*/
		/*transition: .25s;*/
	}

	.MenuLeft li:hover > ul{
		display: block;
		height: 100%;
	}

	.MenuLeft li ul li {
		font-size: 10px;
		width: 150px;
		border-radius: 7px;
	}

	.MenuLeft li ul li a {
		padding: 10px 14px;
		transition: .15s;
/*		outline: 0 0 .25px 0;
		outline-color: #5f879c;
		outline-style: solid;*/
	}

	.MenuLeft li ul li a:hover {
		background-color: #5f879c;
		/*width: 115px;*/
		border-radius: 7px;

		/*margin: 3px;*/
	}

	.MenuLeft ul ul {
		display: none;
		margin-left: 150px;
		margin-top: 0px;
		top: 0px;
		border-radius: 0px 7px 7px 7px;
	}

	.MenuLeft ul li:hover ul{
		display: block;
		background-color: #333;
	}







/*Extra Menu*/
	.ExtraMenu {
		float: right;
		/*margin-right: 15px;*/
	}

	.ExtraMenu li {
		float: left;
		position: relative;
	}

	.ExtraMenu li ul {
		display: none;
		font-family: sans-serif;
		color: #5f879c;
		right: 0px;
		font-size: 10px;
/*		padding: 0px 7px;*/
		text-decoration: none;
		transition: .15s;
	}
	
	.ExtraMenu li ul a {
		float: right;
	}

	.ExtraMenu li ul a:hover {
		float: right;
		color: white;
	}



	.ExtraMenu li {
		float: left;
		list-style: none;
		position: relative;
	}

	.ExtraMenu li a {
		display: block;
		font-family: sans-serif;
		color: #5f879c;
		font-size: 10px;
		padding: 0px 17px;
		text-decoration: none;
		transition: .15s;
	}
	.ExtraMenu li a:hover {
		text-align: right;
		color: white;
	}

	.ExtraMenu ul {
		float: right;
		display: none;
		position: absolute;
		top:var(--Menu-Height);
		background-color: #111;
		color: #777;
		border-radius: 0px 0px 7px 7px;
	}

	.ExtraMenu li:hover > ul{
		float: right;
		display: block;
	}

	.ExtraMenu li ul li {
		width: 100%;
		border-radius: 7px;
		background-color: #111;
	}

	.ExtraMenu li ul li a {
		/*padding: 8px 14px;*/
		transition: .15s;
	}

	.ExtraMenu li ul li a:hover {
		background-color: #00101e;
		width: 100%;
		border-radius: 7px;
		background-color: teal;
		/*margin: 3px;*/
	}

	.LeftJustify {
		float: right;
		margin: auto;
	}




/*New Small Menu*/
	.SmallMenu_Pop_Block {
		display: none;
		position: fixed;
		top: 14px;
		text-align: center;
		width: 100%;
		height: 100%;
		right: 0%;
		bottom: 5%;
		font-family: FGM;
		font-size: 15px;
		letter-spacing: 1px;
		color: white;
		text-decoration: none;
		/*border-radius: 5px;*/
		border: none;
		cursor: pointer;
		overflow: hidden;
		margin-bottom: 5px;
		padding: 2px;
		background: url("../Media/2-Ready/2-Images/Backgrounds/Small Menu_Texture_v1.3.jpg");
		-webkit-background-size: 100vw;
		-moz-background-size: 100vw;
		-o-background-size: 100vw;
		background-size: 100vw;
		background-repeat: repeat;
  		background-attachment: relative;
		background-position: bottom center;
	}
	.SmallMenu_Pop_Block_Catagory {
		display: none;
		position: relative;
		text-align: center;
		width: 80%;
		height: 100%;
		right: 0%;
		bottom: 5%;
		font-family: FGM;
		font-size: 15px;
		letter-spacing: 1px;
		color: white;
		text-decoration: none;
		/*border-radius: 5px;*/
		border: none;
		cursor: pointer;
		overflow: hidden;
		/*margin-bottom: 5px;*/
		margin: 5px 10%;
		padding: 2px;
		background-color: #001c28;
		/*background: url("../Media/2-Ready/2-Images/Backgrounds/Small Menu_Texture_v1.3.jpg");
		-webkit-background-size: 100vw;
		-moz-background-size: 100vw;
		-o-background-size: 100vw;
		background-size: 100vw;
		background-repeat: repeat;
  		background-attachment: relative;
		background-position: bottom center;*/
	
	}
	.SmallMenu {
		display: block;
		/*margin: 0 10px 0 0;*/
		text-align: center;
		width: 100vw;
/*		height: 100vw;*/
		position: fixed;
		/*top:calc(var(--Menu-Height)+1px);*/
		background-color: #222;
		background: url("../Media/2-Ready/2-Images/Backgrounds/Small Menu_Texture_v1.3.jpg");
		-webkit-background-size: 100vw;
		-moz-background-size: 100vw;
		-o-background-size: 100vw;
		background-size: 100vw;
		background-repeat: repeat;
  		background-attachment: relative;
		background-position: bottom center;
		padding-top: 25px;
		padding-bottom: 50px;
		z-index: 115;
	}
	.SM_Link_L1, .SM_Link_L2{
		display: block;
		position: relative;
		width: 80%;
		margin: 5px 10%;
		float: left;
	}
	.SM_Link_L1 {
		
		margin: 5px;
	}

	.SM_Link_L2 {
		background-color: #062c3d;
		padding: 5px 0;
		
	}
	.SM_Link_L2 a {
		font-size: 20px;
		color: white;
	}
	.SM_Pop_Button_Wrapper{
		  position: relative;
		  
		  width:100%;
		}
	.SM_Pop_Button{
		display: block;
		position: relative;
		background-color: #062c3d;
		text-align: center;
		width: 80%;
		height: 30px;
		right: 0%;
		bottom: 5%;
		font-family: FGM;
		font-size: 22px;
		letter-spacing: 1px;
		color: white;
		text-decoration: none;
		/*border-radius: 5px;*/
		border: none;
		cursor: pointer;
		overflow: hidden;
		margin: 5px 10%;
		padding: 0px;
		box-shadow: 0 0 0px 1px teal;
	}
	.SM_SubHolder{
		
		
		
		height: 50px;
		background-color: red;
	}
	.SmallMenu_Pop_Block {
		display: none;
		position: relative;
		text-align: center;
		width: 100%;
		height: 100%;
		right: 0%;
		bottom: 5%;
		font-family: FGM;
		font-size: 15px;
		letter-spacing: 1px;
		color: white;
		text-decoration: none;
		/*border-radius: 5px;*/
		border: none;
		cursor: pointer;
		overflow: hidden;
		margin-bottom: 5px;
		padding: 2px;
	}
	.SM_Spacer {
		display: inline-block;
		position: relative;
		float: left;
		width: 100%;
		height: 10px;
	}
	.D-BTN {
		background-color: #444;
		display: block;
		border-radius: 7px;
		height: 30px;
		width: 48%;
		margin: 1%;
		padding-top: 5px;
		color: white;
		float: left;
		list-style: none;
		position: relative; 
		border: none;
		outline: none;
	}
	.D-BTN a {
		position: relative;
		display: block;
		margin-top: 3px;
	}

	.D-BTN:hover {
		background-color: #777;
		display: block;
		border-radius: 7px;
		height: 30px;
		width: 48%;
		margin: 1%;
		color: white;
		float: left;
		list-style: none;
		position: relative; 
		border: none;
		outline: none;
	}

	#SubOptions {
		display: block;
		top: 15px;
		width: 100%;
		margin: 1px;
		float: left;
		position: relative; 
	}

	.SmallMenu ul {
		list-style: none;
	}
	
	.SmallMenu ul ul {
		display: block;
	}
	
	.SubMenu_2 {
		display: block;
		background-color: yellow;
		color: yellow;
		z-index: 120;
	}

	.L-BTM_Style {
		background-color: #333;
		display: inline-block;
		padding: 2px;
		border-width: 1px;
		border-top: 0px;
		border-bottom: 0px;
		height: 60px;
		color: white;
		float: left;
		list-style: none;
		position: relative; 
		outline: none;
	}

	.L-BTM_Style:hover {
		background-color: #666;
		display: inline-block;
		padding: 2px;
		border-width: 1px;
		border-top: 0px;
		border-bottom: 0px;
		height: 60px;
		color: white;
		float: left;
		list-style: none;
		position: relative; 
		outline: none;
	}

	.L-BTN-2 {
		width: 49.5%;
	}

	.L-BTN-3 {
		width: 33.33%;
	}

	.L-BTN-4 {
		width: 25%;
	}

	.L-BTN-5 {
		width: 20%;
	}
	.SmallMenu_SubDropdown {
		width: 50%;
		float: left;
		position: relative;
		display: block;
	}

	#ToggleBTN-About {
		display: none;
		background-color: yellow;
	}
	#ToggleBTN-Research {
		display: none;
	}
	#ToggleBTN-Workshop {
		display: none;
	}
	#ToggleBTN-Media {
		display: none;
	}
	#ToggleBTN-Portal {
		display: none;
	}

label {
	display: none;
	position: fixed;
	top: 0px;
	right: 0%;
	width: 10%;
	font-size: 40px;
	padding-top: calc(var(--Menu-Height)/10);
	height: calc(var(--Menu-Height)/10*9);
	margin: 0 40px 0 0;
	text-align: center;
	z-index: 117;

}

#Toggle {
	display: none;
	z-index: 117;
}


@media all and (max-width: 1260px) and (min-width: 730px) {
	.BigMenu ul li a {
		font-size: 15px;
		padding: 0px 5px;
	}
	.Menu_Ticket_Corner {
		display: none;
	}
	.Menu_LogoHolder {
		height: var(--Menu-Height);
		width: var(--Menu-Height);
		margin-right: 15px;
		margin-left: 15px;
		float: left;
		z-index: 105;	
	}
	.CornerLogo_Holder_Small {
		display: block;
	}
	.CornerLogo_Holder {
		display: none;
	}
	.CornerLogo_ADAC_Button {
		position: relative;
		width: calc(var(--Menu-Height)*.8);
		height: calc(var(--Menu-Height)*.7);
		top:calc(var(--Menu-Height)*.1);
		display: flex;		
		transform-origin: 50% 50%;
		transition-duration: .25s;
		background-color: transparent;
		z-index: 1103;
		border: none;
	}
}


@media all and (max-width: 730px) {
	.LogoHolder {
		position: fixed;
		float: left;
		width: 150px;
		height: var(--Menu-Height);
		margin-left: 3%;
		padding-left: 10px;
		padding-right: 10px;
		display: block;
		align-items: center;
		z-index: 1103;
	}
	.CornerLogo_Holder_Small {
		display: block;
	}
	.CornerLogo {
		position: absolute;
		width: 80%;
		left: 10%;
		height: calc(var(--Menu-Height)*.05);
		top:calc(var(--Menu-Height)*.05);
		display: flex;
		justify-content: center;
		transform-origin: 50% 50%;
		transition-duration: .25s;
		/*fill: #fff;*/
		z-index: 1103;
	}
	.CornerLogo_ADAC_Button {
		position: relative;
		width: calc(var(--Menu-Height)*.8);
		height: calc(var(--Menu-Height)*.8);
		top:calc(var(--Menu-Height)*.1);
		display: flex;		
		transform-origin: 50% 50%;
		transition-duration: .25s;
		background-color: transparent;
		z-index: 1103;
		border: none;
	}

	label {
		display: block;
		margin: 0 40px 0 0;
		z-index: 117;
	}

	#Toggle:checked + .SmallMenu{
		display: block;
		z-index: 117;
	}

/*	.SmallMenu {
		display: block;
	}*/

	.BigMenu {
		display: none;
	}
	.SmallNav{
		display: block;
	}