/*@keyframes slideInFromRight
{
	0%
	{
		transform: translateX(50%);
	}
	100%
	{
		transform: translateX(0);
	}
}*/
/*.desktopPrimaryMenu.stateHidden
{
	transform: translateX(100%);
}*/
@media only screen and (max-width: 999px)
{
	#SD .desktopNavigation .trigger
	{
		display: none;
	}
	.desktopNavigation .menu
	{
		display: none;
	}
}
/*new
{
}*/
.desktopNavigation
{
	position: fixed;
	right: 0;
	z-index: 1133700;
}
/*trigger
{
}*/
.desktopNavigation .trigger
{
	background-color: white;
	width: calc(var(--defaultInterval)*3);
	height: calc(var(--defaultInterval)*3);
	margin-top: calc(var(--defaultInterval)*1);
	margin-right: calc(var(--defaultInterval)*1);
	right: 0;
	border;
	border-radius: 100%;
	background-image: ;
	display: flex;
	border:2px solid var(--colA);
	align-items: center;
	justify-content: center;
	transition:var(--defaultTransition);
	cursor: pointer;
	position: absolute;
	z-index: 1000;
	box-sizing: border-box;
}
.desktopNavigation .trigger:hover
{
	background-color:var(--colC);
}
.desktopNavigation .trigger:hover .bar
{
	background-color: white;
}
.desktopNavigation .trigger.active
{
	background-color:var(--colA);
	border: 2px solid white;
}
.desktopNavigation .trigger .bar
{
	background-color:var(--colA);
	width: calc(var(--defaultInterval)*1.5);
	height: calc(var(--defaultInterval)*.1);
	transition:var(--defaultTransition);
	position: absolute;
}
.desktopNavigation .trigger.active .bar
{
	background-color: white;
}
.desktopNavigation .trigger .bar:nth-child(1)
{
	transform: translatey(calc(var(--defaultInterval)*.3));
}
.desktopNavigation .trigger .bar:nth-child(2)
{
	transform: translatey(calc(var(--defaultInterval)*-.3));
}
.desktopNavigation .trigger.active .bar:nth-child(1)
{
	transform: rotate(45deg);
}
.desktopNavigation .trigger.active .bar:nth-child(2)
{
	transform: rotate(-45deg);
}
.desktopNavigation .trigger .bar:nth-child(2)
{
	transform: translatey(calc(var(--defaultInterval)*-.3));
}
/*MENU
{
}*/
.desktopNavigation .menu
{
	position: absolute;
	z-index: 500;
	margin-top: calc(var(--defaultInterval)*1);
	margin-right: calc(var(--defaultInterval)*2.5);
	margin-right: calc(var(--defaultInterval)*2.5);
	z-index: 150;
	width: auto;
	height: calc(var(--defaultInterval)*3);
	right: 0;
	box-sizing: border-box;
	overflow: hidden;
	/*transform: translateX(100%);*/
	overflow: hidden;
	/*border: 1px solid black;*/
	display: ;
}
.desktopNavigation .menu ul
{
	display: flex;
	list-style: none;
	transition:var(--defaultTransition);
	padding: 0px;
	margin: 0;
	background-color: black;
	padding-right: calc(var(--defaultInterval)*1.5);
	padding-left: calc(var(--defaultInterval)*1.5);
	border-top-left-radius: calc(var(--defaultInterval)*1.5);
	border-bottom-left-radius: calc(var(--defaultInterval)*1.5);
	height: 100%;
	transform: translateX(105%);
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
}
.desktopNavigation .menu.active ul
{
	transform: translateX(0%);
}
.desktopNavigation .menu li
{
	margin-right: calc(var(--defaultInterval)*1);
}
#SD .desktopNavigation .menu a
{
	color: white;
}
#SD .desktopNavigation .menu a:hover
{
	color:var(--colC);
}
