@charset "utf-8";
/* CSS Document */

/* sets width of small icon for smaller screens */
.trw-navlogoicon {
  width: 120px;
  vertical-align: middle;
  background-color: transparent;
} 

/* sets width of larger icon for screens over 1192px */
@media (min-width: 1192px) {
  .trw-navlogoicon {
    width: 200px;
  }
}

/*
.trw-navlogoicon {
  width: 40px;
  vertical-align: bottom;
  background-color: transparent;
}

@media (min-width: 1192px) {
  .trw-navlogoicon {
    width: 110px;
  }
}
@media (min-width: 992px) {
  .trw-navlogoicon {
    width: 110px;
  }
}

/* trw custom logo */
/*
.trw-navlogoicon{
}
@media (min-width: 1192px) {
  .trw-navlogoicon {
    width: 110px;
  }
  .trw-navlogoiconsmall {
    width: 40px;
  }
}
@media(min-width:992px){
  .trw-navlogoicon {
    width: 110px;
  }
  .trw-navlogoiconsmall {
    width: 40px;
  }
}
@media(max-width:991){
  .trw-navlogoicon {
    width: 110px;
  }
  .trw-navlogoiconsmall {
    width: 40px;
  }
}
*/

/*app.css*/
.--dark .afest-navi--shadow,.--dark .six-navi--shadow,.--dark .ww-navi--shadow,.mv-navibar{
	background:#fff;
	border-bottom:1px solid #dfe1e5;
	height:50px;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:99999
}
@media(min-width:992px){
	.--dark .afest-navi--shadow,.--dark .six-navi--shadow,.--dark .ww-navi--shadow,.mv-navibar{
		background:transparent;
		border:0;
		height:70px; /* trw controls how far from the top of the page the entier navbar + logo + join button is */
		position:absolute
	}
}
.mv-navibar__mobile-move{
	border-bottom:1px solid #dfe1e5
}
@media(min-width:992px){
	.mv-navibar__mobile-move{
		border-bottom:0;
		display:none
	}
}
.mv-navibar__wrapper{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	height:100%;
	justify-content:space-between
}
@media(min-width:992px){
	.mv-navibar__wrapper{
		flex-wrap:nowrap;
		justify-content:flex-start
	}
}
@media(max-width:1199px){
	.mv-navibar__wrapper--six-active{
		background-color:#fff!important
	}
	.mv-navibar__wrapper--six-active div,.mv-navibar__wrapper--six-active img{
		filter:invert(1) grayscale(1) brightness(1200)!important
	}
	.mv-navibar__wrapper--workway-active{
		background-color:#fff!important
	}
	.mv-navibar__wrapper--workway-active .mv-navi__burger{
		filter:invert(1) grayscale(1) brightness(1200)!important
	}
	.mv-navibar__wrapper--afest-active{
		background-color:#fff!important
	}
	.mv-navibar__wrapper--afest-active .mv-navi__burger{
		filter:invert(1) grayscale(1) brightness(1200)!important
	}
	.mv-navibar__logo2{
		filter:invert(1) grayscale(1) brightness(1200)!important
	}
}

/* shane - the below is the block that manages the logo width, height, distance from the top, etc. */
.mv-navibar__logo2{
	align-items:center;
	display:flex;
	height:90%;
	margin-right:0;
	max-height:30px; /* trw keep at 30 - keeps logo at the top for small screen sizes */
	max-width:120px; /* trw changes size 90 original */
	width:auto;
}

@media(min-width:992px){
	.mv-navibar__logo{
		margin-right:1.5rem;
		max-height:70px; /* was 24 */
		max-width:120px; /* trw was 134.53px 90 for techtrw  */
		width:auto
	}
	.mv-navibar__logo2{
		filter:invert(1) grayscale(1) brightness(1200)!important /* trw sets the color of the navbar logo - full wide screens */
	}
	/* desktop drop-downs - screen over 992px wide */
	.mv-navi__drawer-items .submenu {
		display: none;
		position: absolute;
		z-index: 1000;
		padding-left: 0;
	/* Submenu dropdown - black background */
	/*.mv-navi__drawer-items .submenu {*/
		background-color: #000;       /* black */
		color: #fff;                  /* white text */
		padding: 0;
		margin: 0;
		list-style: none;
		border-radius: 8px; /* <-- Rounded corners */
		overflow: hidden;   /* Optional: prevents child items from breaking the curve */
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
		top: calc(100% + 5px);  /* 5px below the top-level nav item */
		/*top: 100%;  /* 5px below the top-level nav item - 2nd way */
		/*margin-top: 5px;  /* 5px below the top-level nav items */
	}
	/* Submenu items */
	.mv-navi__drawer-items .submenu li {
		/*border-bottom: 1px solid #222; /* optional separator */
		/*top: 100%;
		margin-top: 15px; /* impacts the individual items only*/
	}
	.mv-navi__drawer-items .submenu li a {
		display: block;
		padding: 10px 20px;
		color: #fff;
		text-decoration: none;
		transition: background-color 0.2s;
		white-space: nowrap;       /* Prevent line breaks */
		overflow: hidden;          /* Hide overflow text (optional) */
		text-overflow: ellipsis;   /* Show "..." if text is too long (optional) */
		max-width: 100%;           /* Keep within container */
	}
	/* Hover effect for submenu items */
	.mv-navi__drawer-items .submenu li:hover {
		background-color: #222;
	}
	.mv-navi__drawer-items .inner-dropdown:hover { /* this impacts the top-level drop-down navigation items */
		display: block;
	}
/* remove because this auto-expands the drop-down list.  we need the user to click
	.inner-dropdown:hover .submenu {
		display: block;
	}*/
	.inner-dropdown.open .submenu {
		display: block;
	}
	.mv-navi__drawer-items {
		position: relative;
	}
}
@media(max-width:991px){
	.mv-navibar__logo{
		margin-right:1.5rem;
		max-height:70px; /* was 24 */
		max-width:120px; /* trw was 134.53px trw is 90 */
		width:auto
	}
	.mv-navibar__logo2{
		filter:invert(0) grayscale(1) brightness(1200)!important /* trw sets the color of the navbar logo - 991px or smaller screen size */
	}
	/* desktop drop-downs - screen under 991px wide */
	.mv-navi__drawer-items .submenu {
		display: none;
		padding-left: 1rem;
		background-color: transparent;
		/*border-bottom: 1px solid #222; /* optional separator */
	}
	.inner-dropdown.active .submenu {
		display: block;
		background-color: transparent;
	}
}

.mv-navibar__logo2 img{
	background-color: transparent;
	margin-right:10;
	max-height:70px;
	max-width:120px; /* trw original 134 trw is 90 */
	width:auto;
	webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
	/*border:.5px solid #eee; /* causes an outline around the item - square or circle */
	/*border-radius:25px; /* causes a circle to be around the item */
	height:70px;
	width:120px;
}
/*
.mv-navibar__logo2 img{
	webkit-background-clip:padding-box;
	background:#fff;
	-moz-background-clip:padding;
	background-clip:padding-box;
	border:.5px solid #eee;
	border-radius:25px;
	height:50px;
	width:50px
}
*/
.mv-navibar__logo a{
	line-height:0;
	width:80px
}
.mv-navibar__logo--six-logo{
	height:20px;
	padding-bottom:5px;
	width:38.033px!important
}
.lang-rtl .mv-navibar__logo{
	margin-left:1.5rem;
	margin-right:0
}
.--dark .afest-navi--shadow .mv-lang,.--dark .six-navi--shadow .mv-lang,.--dark .ww-navi--shadow .mv-lang,.mv-navibar .mv-lang{
	color:#0f131a;
	margin-right:.75rem;
	margin-top:.25rem
}
@media(min-width:1200px){
	.--dark .afest-navi--shadow .mv-lang,.--dark .six-navi--shadow .mv-lang,.--dark .ww-navi--shadow .mv-lang,.mv-navibar .mv-lang{
		margin-top:0
	}
}
.mv-navi{
	font-family:Karla-Bold,Verdana-fallback-3,"sans-serif";
	font-size:1.0625rem;
	letter-spacing:.0147058824em;
	line-height:1.5
}
@media(min-width:992px){
	.mv-navi:not(:lang(en)){
		font-size:1rem;
		letter-spacing:.015625em;
	}
}
.mv-navi .active{
	border-bottom:0;
	color:#7a12d4
}
.mv-navi .active svg#navi-chevron{
	fill:#7a12d4
}
.mv-navi a{
	align-items:center;
	color:#0f131a;
	cursor:pointer;
	display:flex;
	margin-right:0;
	-webkit-text-decoration:none;
	text-decoration:none
}
.mv-navi a svg#navi-chevron{
	fill:#0f131a;
	margin-left:4px;
	padding-bottom:1px;
	width:11px
}
.mv-navi a:hover{
	color:#7a12d4
}
.mv-navi a:hover svg#navi-chevron{
	fill:#7a12d4
}
@media(min-width:992px){
	.mv-navi a{
		margin-right:1.25rem
	}
	.lang-rtl .mv-navi a{
		margin-left:1.25rem;
		margin-right:0
	}
}
.mv-navi a.mv-navi__pill{
	border:0;
	border-radius:999px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	min-height:36px;
	min-width:100px;
	padding:4px 22px;
	width:-moz-max-content;
	width:max-content
}
@media(min-width:992px){
	.mv-navi a.mv-navi__pill{
		border:1px solid #595e67
	}
}
.mv-navi a.mv-navi__pill:last-child{
	margin-right:0
}
.lang-rtl .mv-navi a.mv-navi__pill:last-child{
	margin-left:0
}

.mv-navi a.mv-navi__pill:hover{
	background:rgba(122,18,212,.1);
	border:1px solid #0f131a;
	color:#0f131a
}
/*Shane Added to modify hover effect on top navbar button */
a.mv-navi__pill:hover,
.mv-navi__pill:hover {
  background-color: white !important; /* sets button background to white on hover */
  color: #7a12d4 !important; /* sets text color to your purple (#7a12d4) */
}
/* End Shane Add */

.mv-navi__drawer{
	background:#fff;
	border-bottom:1px solid #dfe1e5;
	display:none;
	padding-bottom:1rem;
	width:100%;
	padding-left: 15px; /* trw moves this away from the logo in the navbar */
	margin-left: 15px; /* trw moves this away from the logo in the navbar */
	margin-top: 15px; /* trw moves this down from the top of the page */
}
@media(min-width:1200px){
	.mv-navi__drawer{
		background:none;
		border-bottom:0;
		display:flex;
		padding-bottom:0
	}
}
.mv-navi__drawer li{
	width:100%
}
@media(min-width:1200px){
	.mv-navi__drawer li{
		width:auto
	}
}
.mv-navi__drawer li:last-child{
	margin-bottom:0
}
.mv-navi__special{
	border-top:1px solid #919eab;
	margin-top:1rem;
	padding:.5rem 0
}
@media(min-width:992px){
	.mv-navi__special{
		border:none;
		
	margin-top: 5px; /* trw moves this down from the top of the page */
		padding:initial
	}
}
.mv-navi__special a.mv-navi__pill{
	min-width:0;
	min-width:auto;
	padding-left:1rem;
	padding-top:0rem
}
@media(min-width:992px){ /* trw padding around the text of the pill button */
	.mv-navi__special a.mv-navi__pill{
		min-width:100px;
		padding:10px 10px 10px 10px}
}
.mv-navi__special>div>div a:first-child{
	margin-right:.75rem
}
@media(min-width:1200px){
	.mv-navi__special .mv-lang{
		margin-right:1rem
	}
}
.mv-navi__drawer-items{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0;
	padding:0;
}
@media(min-width:576px){
	.mv-navi__drawer-items{
		max-width:576px;
	}
}
@media(min-width:768px){
	.mv-navi__drawer-items{
		max-width:768px;
		padding-top:8px;
		margin-top:8px;
	}
}
@media(min-width:992px){
	.mv-navi__drawer-items{
		max-width:992px;
		padding-top:8px;
		margin-top:8px;
	}
}
@media(min-width:1200px){
	.mv-navi__drawer-items{
	max-width:none;
	padding-top:8px;
	margin-top:8px;
	}
}
.mv-navi__drawer-items li{
	list-style:none;
	margin-bottom:0;
	padding-left:0;;
	position:relative;
	display:block;
	background-color: transparent; /* trw makes the top level item have no background color */
}
.mv-navi__drawer-items li a{
	padding:.65rem 1rem
}
@media(min-width:376px){
	.mv-navi__drawer-items li a{
		padding:.65rem 1.5rem
	}
}
@media(min-width:768px){
	.mv-navi__drawer-items li a{
		padding:.75rem 2.25rem
	}
}
@media(min-width:1200px){
	.mv-navi__drawer-items li a{
		padding:0
	}
}
.mv-navi__drawer-items li a,.mv-navi__drawer-items li a:visited{
	display:flex;
	-webkit-text-decoration:none;
	text-decoration:none
}
.mv-navi__drawer-items li:before{
	content:none
}
.mv-navi__drawer-items .--inner{
	background:#fff;
	display:none;
	list-style:none;
	margin-top:0;
	padding:.5rem 0;
	position:static;
	z-index:1
}
@media(min-width:768px){
	.mv-navi__drawer-items .--inner{
		padding:.75rem 1rem
	}
}
@media(min-width:1200px){
	.mv-navi__drawer-items .--inner{
		border-radius:8px;
		box-shadow:0 1px 12px rgba(0,0,0,.12);
		margin-top:.5rem;
		padding:.5rem 0;
		position:absolute
	}
}
.mv-navi__drawer-items .--inner li{
	min-width:200px
}
.mv-navi__drawer-items .--inner a{
	color:#0f131a;
	padding-bottom:.5rem;
	padding-left:2rem;
	padding-top:.5rem
}
@media(min-width:1200px){
	.mv-navi__drawer-items .--inner a{
		margin-right:0;
		padding-left:1rem;
		padding-right:1rem
	}
}
.mv-navi__drawer-items .--inner a:hover{
	color:#7a12d4
}
.mv-navi__mobile{
	background-color:#fff;
	border-bottom:1px solid #dfe1e5;
	display:none;
	font-family:Karla-Bold,Verdana-fallback-3,"sans-serif";
	font-size:1.0625rem;
	letter-spacing:.0147058824em;
	line-height:1.5625rem;
	padding-bottom:1rem;
	padding-top:1rem
}
.mv-navi__mobile a{
	color:#0f131a;
	display:block;
	padding-bottom:.5rem;
	padding-top:.5rem
}

/* trw added mv-mobile-menu and navbar-mobile.js to make the hamburger mobile menu work properly */
.mv-mobile-menu {
  display: none;
  position: absolute;
  top: 60px; /* adjust as needed */
  left: 0;
  width: 100%;
  background: white;
  z-index: 1000;
}

.mv-mobile-menu.active {
  display: block;
}

.mv-mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 1rem;
	background-color:#FFFFFF;
}

.mv-mobile-menu li {
/*  margin-bottom: 1rem; - just have this only for a simple menu*/
	padding: 15px 20px;
  /*border-bottom: 1px solid #ddd; */
/*  transition: background-color 0.2s ease, color 0.2s ease;*/
}
/*
.mv-mobile-menu li:hover {
	background-color: #f0f0f0; /* Light gray background on hover - ENTIRE top-level item + all sub-items */
/*} - skipping because it hovers the entire top level and all sub-items
*/
.mv-mobile-menu li:hover a {
 /* color: #1877f2; /* Blue text on hover */
	color: #9400ff; /* Purple text on hover */
}

.mv-mobile-menu a {
  text-decoration: none;
  color: #333;
  font-size: 16px;
}
/* Active state for slide-in */
.mv-mobile-menu.active {
  right: 0;
}
 .mv-mobile-menu .submenu li a {
		display: block;
		padding: 0px 0px;
		color: #333;
		text-decoration: none;
		transition: background-color 0.2s;
		white-space: nowrap;       /* Prevent line breaks */
		overflow: hidden;          /* Hide overflow text (optional) */
		text-overflow: ellipsis;   /* Show "..." if text is too long (optional) */
		max-width: 100%;           /* Keep within container */
}
.mv-mobile-menu .submenu li:hover a {
 /* color: #1877f2; /* Blue text on hover */
	color: #9400ff; /* Purple text on hover */
}

/* Burger icon animation (optional) */
.mv-navi__burger.active .line-1 {
  transform: rotate(45deg) translateY(8px);
}
.mv-navi__burger.active .line-2 {
  opacity: 0;
}
.mv-navi__burger.active .line-3 {
  transform: rotate(-45deg) translateY(-8px);
}


.vl-navi{
	font-family:Karla-Bold,Verdana-fallback-3,"sans-serif";
	font-size:1.0625rem;
	letter-spacing:.0147058824em;
	line-height:1.5
}
@media(min-width:992px){
	.vl-navi:not(:lang(en)){
		font-size:1rem;
		letter-spacing:.015625em
	}
}
.vl-navi .active{
	border-bottom:0;
	color:#97700b
}
.vl-navi .active svg#navi-chevron{
	fill:#97700b
}
.vl-navi a{
	align-items:center;
	color:#0f131a;
	cursor:pointer;
	display:flex;
	margin-right:0;
	-webkit-text-decoration:none;
	text-decoration:none
}
.vl-navi a svg#navi-chevron{
	fill:#0f131a;
	margin-left:4px;
	padding-bottom:1px;
	width:11px
}
.vl-navi a:hover{
	color:#97700b
}
.vl-navi a:hover svg#navi-chevron{
	fill:#97700b
}
@media(min-width:992px){
	.vl-navi a{
		margin-right:1.25rem
	}
	.lang-rtl .vl-navi a{
		margin-left:1.25rem;
		margin-right:0
	}
}
.vl-navi a.mv-navi__pill{
	border:0;
	border-radius:999px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	min-height:36px;
	min-width:100px;
	padding:0px 22px 0px;
	width:-moz-max-content;
	width:max-content
}
@media(min-width:992px){
	.vl-navi a.mv-navi__pill{
		border:1px solid #595e67
	}
}
.vl-navi a.mv-navi__pill:last-child{
	margin-right:0
}
.lang-rtl .vl-navi a.mv-navi__pill:last-child{
	margin-left:0
}
.vl-navi a.mv-navi__pill:hover{
	background:rgba(151,112,11,.1);
	border:1px solid #0f131a;
	color:#0f131a
}
.vl-navi__drawer{
	background:#fff;
	border-bottom:1px solid #dfe1e5;
	display:none;
	padding-bottom:1rem;
	width:100%
}
@media(min-width:1200px){
	.vl-navi__drawer{
		background:none;
		border-bottom:0;
		display:flex;
		padding-bottom:0
	}
}
.vl-navi__drawer li{
	width:100%
}
@media(min-width:1200px){
	.vl-navi__drawer li{
		width:auto
	}
}
.vl-navi__drawer li:last-child{
	margin-bottom:0
}
.vl-navi__drawer-items{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0;
	padding:0
}
@media(min-width:576px){
	.vl-navi__drawer-items{
		max-width:576px
	}
}
@media(min-width:768px){
	.vl-navi__drawer-items{
		max-width:768px
	}
}
@media(min-width:992px){
	.vl-navi__drawer-items{
		max-width:992px
	}
}
@media(min-width:1200px){
	.vl-navi__drawer-items{
		max-width:none
	}
}
.vl-navi__drawer-items li{
	list-style:none;
	margin-bottom:0;
	padding-left:0;
	position:relative
}
.vl-navi__drawer-items li a{
	padding:.65rem 1rem
}
@media(min-width:376px){
	.vl-navi__drawer-items li a{
		padding:.65rem 1.5rem
	}
}
@media(min-width:768px){
	.vl-navi__drawer-items li a{
		padding:.75rem 2.25rem
	}
}
@media(min-width:1200px){
	.vl-navi__drawer-items li a{
		padding:0
	}
}
.vl-navi__drawer-items li a,.vl-navi__drawer-items li a:visited{
	display:flex;
	-webkit-text-decoration:none;
	text-decoration:none
}
.vl-navi__drawer-items li:before{
	content:none
}
.vl-navi__drawer-items .--inner{
	background:#fff;
	display:none;
	list-style:none;
	margin-top:0;
	padding:.5rem 0;
	position:static;
	z-index:1
}
@media(min-width:768px){
	.vl-navi__drawer-items .--inner{
		padding:.75rem 1rem
	}
}
@media(min-width:1200px){
	.vl-navi__drawer-items .--inner{
		border-radius:8px;
		box-shadow:0 1px 12px rgba(0,0,0,.12);
		margin-top:.5rem;
		padding:.5rem 0;
		position:absolute
	}
}
.vl-navi__drawer-items .--inner li{
	min-width:200px
}
.vl-navi__drawer-items .--inner a{
	color:#0f131a;
	padding-bottom:.5rem;
	padding-left:2rem;
	padding-top:.5rem
}
@media(min-width:1200px){
	.vl-navi__drawer-items .--inner a{
		margin-right:0;
		padding-left:1rem;
		padding-right:1rem
	}
}
.vl-navi__drawer-items .--inner a:hover{
	color:#97700b
}
.ww-navi{
	font-family:Karla-Bold,Verdana-fallback-3,"sans-serif";
	font-size:1.0625rem;
	letter-spacing:.0147058824em;
	line-height:1.5
}
@media(min-width:992px){
	.ww-navi:not(:lang(en)){
		font-size:1rem;
		letter-spacing:.015625em
	}
}
.ww-navi .active{
	border-bottom:0;
	color:#f34747
}
.ww-navi .active svg#navi-chevron{
	fill:#f34747
}
.ww-navi a{
	align-items:center;
	color:#0f131a;
	cursor:pointer;
	display:flex;
	margin-right:0;
	-webkit-text-decoration:none;
	text-decoration:none
}
.ww-navi a svg#navi-chevron{
	fill:#0f131a;
	margin-left:4px;
	padding-bottom:1px;
	width:11px

}
.ww-navi a:hover{
	color:#f34747
}
.ww-navi a:hover svg#navi-chevron{
	fill:#f34747
}
@media(min-width:992px){
	.ww-navi a{
		margin-right:1.25rem
	}
	.lang-rtl .ww-navi a{
		margin-left:1.25rem;
		margin-right:0
	}
}
.ww-navi a.mv-navi__pill{
	border:0;
	border-radius:999px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	min-height:36px;
	min-width:100px;
	padding:4px 22px;
	width:-moz-max-content;
	width:max-content
}
@media(min-width:992px){
	.ww-navi a.mv-navi__pill{
		border:1px solid #595e67
	}
}
.ww-navi a.mv-navi__pill:last-child{
	margin-right:0
}
.lang-rtl .ww-navi a.mv-navi__pill:last-child{
	margin-left:0
}
.ww-navi a.mv-navi__pill:hover{
	background:rgba(243,71,71,.1);
	border:1px solid #0f131a;
	color:#0f131a
}
.ww-navi__drawer{
	background:#fff;
	border-bottom:1px solid #dfe1e5;
	display:none;
	padding-bottom:1rem;
	width:100%
}
@media(min-width:1200px){
	.ww-navi__drawer{
		background:none;
		border-bottom:0;
		display:flex;
		padding-bottom:0
	}
}
.ww-navi__drawer li{
	width:100%
}
@media(min-width:1200px){
	.ww-navi__drawer li{
		width:auto
	}
}
.ww-navi__drawer li:last-child{
	margin-bottom:0
}
.ww-navi__special{
	border-top:1px solid #919eab;
	margin-top:1rem;
	padding:.5rem 0
}
@media(min-width:992px){
	.ww-navi__special{
		border:none;
		margin-top:0;
		padding:initial
	}
}
.ww-navi__special a.mv-navi__pill{
	min-width:0;
	min-width:auto;
	padding-left:1rem;
	padding-top:.5rem}
@media(min-width:992px){
	.ww-navi__special a.mv-navi__pill{
		min-width:100px;
		padding:0px 18px 0px
	}
}
.ww-navi__special>div>div a:first-child{
	margin-right:.75rem
}
@media(min-width:1200px){
	.ww-navi__special .mv-lang{
		margin-right:1rem
	}
}
.ww-navi__drawer-items{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0;
	padding:0
}
@media(min-width:576px){
	.ww-navi__drawer-items{
		max-width:576px
	}
}
@media(min-width:768px){
	.ww-navi__drawer-items{
		max-width:768px
	}
}
@media(min-width:992px){
	.ww-navi__drawer-items{
		max-width:992px
	}
}
@media(min-width:1200px){
	.ww-navi__drawer-items{
		max-width:none
	}
}
.ww-navi__drawer-items li{
	list-style:none;
	margin-bottom:0;
	padding-left:0;
	position:relative
}
.ww-navi__drawer-items li a{
	padding:.65rem 1rem
}
@media(min-width:376px){
	.ww-navi__drawer-items li a{
		padding:.65rem 1.5rem
	}
}
@media(min-width:768px){
	.ww-navi__drawer-items li a{
		padding:.75rem 2.25rem
	}
}
@media(min-width:1200px){
	.ww-navi__drawer-items li a{
		padding:0
	}
}
.ww-navi__drawer-items li a,.ww-navi__drawer-items li a:visited{
	display:flex;
	-webkit-text-decoration:none;
	text-decoration:none
}
.ww-navi__drawer-items li:before{
	content:none
}
.ww-navi__drawer-items .--inner{
	background:#fff;
	display:none;
	list-style:none;
	margin-top:0;
	padding:.5rem 0;
	position:static;
	z-index:1
}
@media(min-width:768px){
	.ww-navi__drawer-items .--inner{
		padding:.75rem 1rem
	}
}
@media(min-width:1200px){
	.ww-navi__drawer-items .--inner{
		border-radius:8px;
		box-shadow:0 1px 12px rgba(0,0,0,.12);
		margin-top:.5rem;
		padding:.5rem 0;
		position:absolute
	}
}
.ww-navi__drawer-items .--inner li{
	min-width:200px
}
.ww-navi__drawer-items .--inner a{
	color:#0f131a;
	padding-bottom:.5rem;
	padding-left:2rem;
	padding-top:.5rem
}
@media(min-width:1200px){
	.ww-navi__drawer-items .--inner a{
		margin-right:0;
		padding-left:1rem;
		padding-right:1rem
	}
}
.ww-navi__drawer-items .--inner a:hover{
	color:#f34747
}
.ww-navi__mobile{
	background-color:#fff;
	border-bottom:1px solid #dfe1e5;
	display:none;
	font-family:Karla-Bold,Verdana-fallback-3,"sans-serif";
	font-size:1.0625rem;
	letter-spacing:.0147058824em;
	line-height:1.5625rem;
	padding-bottom:1rem;
	padding-top:1rem
}
.ww-navi__mobile a{
	color:#0f131a;
	display:block;
	padding-bottom:.5rem;
	padding-top:.5rem
}
.ww-navi__mobile--divider{
	border-top:1px solid #979ca5;
	margin-top:1rem;
	padding:.5rem 0
}
.afest-navi{
	font-family:Karla-Bold,Verdana-fallback-3,"sans-serif";
	font-size:1.0625rem;
	letter-spacing:.0147058824em;
	line-height:1.5
}
@media(min-width:992px){
	.afest-navi:not(:lang(en)){
		font-size:1rem;
		letter-spacing:.015625em
	}
}
.afest-navi .active{
	border-bottom:0;
	color:#c5930e
}
.afest-navi .active svg#navi-chevron{
	fill:#c5930e
}
.afest-navi a{
	align-items:center;
	color:#0f131a;
	cursor:pointer;
	display:flex;
	margin-right:0;
	-webkit-text-decoration:none;
	text-decoration:none
}
.afest-navi a svg#navi-chevron{
	fill:#0f131a;
	margin-left:4px;
	padding-bottom:1px;
	width:11px
}
.afest-navi a:hover{
	color:#c5930e
}
.afest-navi a:hover svg#navi-chevron{
	fill:#c5930e
}
@media(min-width:992px){
	.afest-navi a{
		margin-right:1.25rem
	}
	.lang-rtl .afest-navi a{
		margin-left:1.25rem;
		margin-right:0
	}
}
.afest-navi a.mv-navi__pill{
	border:0;
	border-radius:999px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	min-height:36px;
	min-width:100px;
	padding:4px 22px;
	width:-moz-max-content;
	width:max-content
}
@media(min-width:992px){
	.afest-navi a.mv-navi__pill{
		border:1px solid #595e67
	}
}
.afest-navi a.mv-navi__pill:last-child{
	margin-right:0
}
.lang-rtl .afest-navi a.mv-navi__pill:last-child{
	margin-left:0
}
.afest-navi a.mv-navi__pill:hover{
	background:rgba(197,147,14,.1);
	border:1px solid #0f131a;
	color:#0f131a
}
.afest-navi__drawer{
	background:#fff;
	border-bottom:1px solid #dfe1e5;
	display:none;
	padding-bottom:1rem;
	width:100%
}
@media(min-width:1200px){
	.afest-navi__drawer{
		background:none;
		border-bottom:0;
		display:flex;
		padding-bottom:0
	}
}
.afest-navi__drawer li{
	width:100%
}
@media(min-width:1200px){
	.afest-navi__drawer li{
		width:auto
	}
}
.afest-navi__drawer li:last-child{
	margin-bottom:0
}
.afest-navi__special{
	border-top:1px solid #919eab;
	margin-top:1rem;
	padding:.5rem 0
}
@media(min-width:992px){
	.afest-navi__special{
		border:none;
		margin-top:0;
		padding:initial
	}
}
.afest-navi__special a.mv-navi__pill{
	min-width:0;
	min-width:auto;
	padding-left:1rem;
	padding-top:.5rem
}
@media(min-width:992px){
	.afest-navi__special a.mv-navi__pill{
		min-width:100px;
		padding:4px 18px
	}
}
.afest-navi__special>div>div a:first-child{
	margin-right:.75rem
}
@media(min-width:1200px){
	.afest-navi__special .mv-lang{
		margin-right:1rem
	}
}
.afest-navi__drawer-items{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0;
	padding:0
}
@media(min-width:576px){
	.afest-navi__drawer-items{
		max-width:576px
	}
}
@media(min-width:768px){
	.afest-navi__drawer-items{
		max-width:768px
	}
}
@media(min-width:992px){
	.afest-navi__drawer-items{
		max-width:992px
	}
}
@media(min-width:1200px){
	.afest-navi__drawer-items{
		max-width:none
	}
}
.afest-navi__drawer-items li{
	list-style:none;
	margin-bottom:0;
	padding-left:0;
	position:relative
}
.afest-navi__drawer-items li a{
	padding:.65rem 1rem
}
@media(min-width:376px){
	.afest-navi__drawer-items li a{
		padding:.65rem 1.5rem
	}
}
@media(min-width:768px){
	.afest-navi__drawer-items li a{
		padding:.75rem 2.25rem
	}
}
@media(min-width:1200px){
	.afest-navi__drawer-items li a{
		padding:0
	}
}
.afest-navi__drawer-items li a,.afest-navi__drawer-items li a:visited{
	display:flex;
	-webkit-text-decoration:none;
	text-decoration:none
}
.afest-navi__drawer-items li:before{
	content:none
}
.afest-navi__drawer-items .--inner{
	background:#fff;
	display:none;
	list-style:none;
	margin-top:0;
	padding:.5rem 0;
	position:static;
	z-index:1
}
@media(min-width:768px){
	.afest-navi__drawer-items .--inner{
		padding:.75rem 1rem
	}
}
@media(min-width:1200px){
	.afest-navi__drawer-items .--inner{
		border-radius:8px;
		box-shadow:0 1px 12px rgba(0,0,0,.12);
		margin-top:.5rem;
		padding:.5rem 0;
		position:absolute
	}
}
.afest-navi__drawer-items .--inner li{
	min-width:200px
}
.afest-navi__drawer-items .--inner a{
	color:#0f131a;
	padding-bottom:.5rem;
	padding-left:2rem;
	padding-top:.5rem
}
@media(min-width:1200px){
	.afest-navi__drawer-items .--inner a{
		margin-right:0;
		padding-left:1rem;
		padding-right:1rem
	}
}
.afest-navi__drawer-items .--inner a:hover{
	color:#c5930e
}
.afest-navi__mobile{
	background-color:#fff;
	border-bottom:1px solid #dfe1e5;
	display:none;
	font-family:Karla-Bold,Verdana-fallback-3,"sans-serif";
	font-size:1.0625rem;
	letter-spacing:.0147058824em;
	line-height:1.5625rem;
	padding-bottom:1rem;
	padding-top:1rem
}
.afest-navi__mobile a{
	color:#0f131a;
	display:block;
	padding-bottom:.5rem;
	padding-top:.5rem
}
.afest-navi__mobile--divider{
	border-top:1px solid #979ca5;
	margin-top:1rem;
	padding:.5rem 0
}
.six-navi{
	font-family:Karla-Bold,Verdana-fallback-3,"sans-serif";
	font-size:1.0625rem;
	letter-spacing:.0147058824em;
	line-height:1.5
}
@media(min-width:992px){
	.six-navi:not(:lang(en)){
		font-size:1rem;
		letter-spacing:.015625em
	}
}
.six-navi .active{
	border-bottom:0;
	color:#f2f23b
}
.six-navi .active svg#navi-chevron{
	fill:#f2f23b
}
.six-navi a{
	align-items:center;
	color:#0f131a;
	cursor:pointer;
	display:flex;
	margin-right:0;
	-webkit-text-decoration:none;
	text-decoration:none
}
.six-navi a svg#navi-chevron{
	fill:#0f131a;
	margin-left:4px;
	padding-bottom:1px;
	width:11px
}
.six-navi a:hover{
	color:#f2f23b
}
.six-navi a:hover svg#navi-chevron{
	fill:#f2f23b
}
@media(min-width:992px){
	.six-navi a{margin-right:1.25rem
	}
	.lang-rtl .six-navi a{
		margin-left:1.25rem;margin-right:0
	}
}
.six-navi a.mv-navi__pill{
	border:0;
	border-radius:999px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	min-height:36px;
	min-width:100px;
	padding:4px 22px;
	width:-moz-max-content;
	width:max-content
}
@media(min-width:992px){
	.six-navi a.mv-navi__pill{
		border:1px solid #595e67
	}
}
.six-navi a.mv-navi__pill:last-child{
	margin-right:0
}
.lang-rtl .six-navi a.mv-navi__pill:last-child{
	margin-left:0
}
.six-navi a.mv-navi__pill:hover{
	background:rgba(242,242,59,.1);
	border:1px solid #0f131a;
	color:#0f131a
}
.six-navi__drawer{
	background:#fff;
	border-bottom:1px solid #dfe1e5;
	display:none;p
	adding-bottom:1rem;
	width:100%
}
@media(min-width:1200px){
	.six-navi__drawer{
		background:none;
		border-bottom:0;
		display:flex;
		padding-bottom:0
	}
}
.six-navi__drawer li{
	width:100%
}
@media(min-width:1200px){
	.six-navi__drawer li{
		width:auto
	}
}
.six-navi__drawer li:last-child{
	margin-bottom:0
}
.six-navi__special{
	border-top:1px solid #919eab;
	margin-top:1rem;
	padding:.5rem 0
}
@media(min-width:992px){
	.six-navi__special{
		border:none;
		margin-top:0;
		padding:initial
	}
}
.six-navi__special a.mv-navi__pill{
	min-width:0;
	min-width:auto;
	padding-left:1rem;
	padding-top:.5rem
}
@media(min-width:992px){
	.six-navi__special a.mv-navi__pill{
		min-width:100px;
		padding:4px 18px
	}
}
.six-navi__special>div>div a:first-child{
	margin-right:.75rem
}
@media(min-width:1200px){
	.six-navi__special .mv-lang{
		margin-right:1rem
	}
}
.six-navi__drawer-items{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0;
	padding:0
}
@media(min-width:576px){
	.six-navi__drawer-items{
		max-width:576px
	}
}
@media(min-width:768px){
	.six-navi__drawer-items{
		max-width:768px
	}
}
@media(min-width:992px){
	.six-navi__drawer-items{
		max-width:992px
	}
}
@media(min-width:1200px){
	.six-navi__drawer-items{
		max-width:none
	}
}
.six-navi__drawer-items li{
	list-style:none;
	margin-bottom:0;
	padding-left:0;
	position:relative
}
.six-navi__drawer-items li a{
	padding:.65rem 1rem
}
@media(min-width:376px){
	.six-navi__drawer-items li a{
		padding:.65rem 1.5rem
	}
}
@media(min-width:768px){
	.six-navi__drawer-items li a{
		padding:.75rem 2.25rem
	}
}
@media(min-width:1200px){
	.six-navi__drawer-items li a{
		padding:0
	}
}
.six-navi__drawer-items li a,.six-navi__drawer-items li a:visited{
	display:flex;
	-webkit-text-decoration:none;
	text-decoration:none
}
.six-navi__drawer-items li:before{
	content:none
}
.six-navi__drawer-items .--inner{
	background:#fff;
	display:none;
	list-style:none;
	margin-top:0;
	padding:.5rem 0;
	position:static;
	z-index:1
}
@media(min-width:768px){
	.six-navi__drawer-items .--inner{
		padding:.75rem 1rem
	}
}
@media(min-width:1200px){
	.six-navi__drawer-items .--inner{
		border-radius:8px;
		box-shadow:0 1px 12px rgba(0,0,0,.12);
		margin-top:.5rem;
		padding:.5rem 0;
		position:absolute
	}
}
.six-navi__drawer-items .--inner li{
	min-width:200px
}
.six-navi__drawer-items .--inner a{
	color:#0f131a;
	padding-bottom:.5rem;
	padding-left:2rem;
	padding-top:.5rem
}
@media(min-width:1200px){
	.six-navi__drawer-items .--inner a{
		margin-right:0;
		padding-left:1rem;
		padding-right:1rem
	}
}
.six-navi__drawer-items .--inner a:hover{
	color:#f2f23b
}
.six-navi__mobile{
	background-color:#fff;
	border-bottom:1px solid #dfe1e5;
	display:none;
	font-family:Karla-Bold,Verdana-fallback-3,"sans-serif";
	font-size:1.0625rem;
	letter-spacing:.0147058824em;
	line-height:1.5625rem;
	padding-bottom:1rem;
	padding-top:1rem
}
.six-navi__mobile a{
	color:#0f131a;
	display:block;
	padding-bottom:.5rem;
	padding-top:.5rem
}
.six-navi__mobile--divider{
	border-top:1px solid #979ca5;
	margin-top:1rem;
	padding:.5rem 0
}
.mv-navi__burger{
	height:12px;
	position:relative;
	width:20px
}
.mv-navi__burger .line{
	background:#0f131a;
	border-radius:1.5px;
	display:block;
	height:3px;
	left:0;
	position:absolute;
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	width:20px
}
.mv-navi__burger .line.line-1{
	top:0
}
.mv-navi__burger .line.line-2{
	top:50%
}
.mv-navi__burger .line.line-3{
	top:100%
}
.mv-navi__burger.active .line-1{
	transform:translateY(6px) translateX(0) rotate(45deg);
	-webkit-transform:translateY(6px) translateX(0) rotate(45deg);
	-moz-transform:translateY(6px) translateX(0) rotate(45deg)
}
.mv-navi__burger.active .line-2{
	opacity:0
}
.mv-navi__burger.active .line-3{
	transform:translateY(-6px) translateX(0) rotate(-45deg);
	-webkit-transform:translateY(-6px) translateX(0) rotate(-45deg);
	-moz-transform:translateY(-6px) translateX(0) rotate(-45deg)
}
a.mv-navi__login{
	margin:0;
	max-width:none;
	padding:.5rem 1rem
}
@media(min-width:376px){
	a.mv-navi__login{
		padding:.5rem 1.5rem
	}
}
@media(min-width:576px){
	a.mv-navi__login{
		max-width:576px
	}
}
@media(min-width:768px){
	a.mv-navi__login{
		max-width:768px;
		padding:.75rem 2.25rem
	}
}
@media(min-width:992px){
	a.mv-navi__login{
		max-width:992px
	}
}
@media(min-width:1200px){
	a.mv-navi__login{
		max-width:0
	}
}
.--dark .mv-navi a{
	color:#0f131a
}
@media(min-width:992px){
	.--dark .mv-navi a{
		color:#fff
	}
}
.--dark .mv-navi a svg#navi-chevron{
	fill:#0f131a
}
@media(min-width:992px){
	.--dark .mv-navi a svg#navi-chevron{
		fill:#fff
	}
}
.--dark .mv-navi a:hover{
	color:#ba62fd
}
.--dark .mv-navi a:hover svg#navi-chevron{
	fill:#ba62fd
}
.--dark .mv-navi a.mv-navi__pill{
	border:0
}
@media(min-width:992px){
	.--dark .mv-navi a.mv-navi__pill{
		border:1px solid #fff
	}
}
.--dark .mv-navi a.mv-navi__pill:last-child{
	margin-right:0
}
.--dark .mv-navi a.mv-navi__pill:hover{
	border-bottom:0;
	box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.2);
	box-sizing:border-box;
	cursor:default
}
.--dark .mv-navi a.mv-navi__pill--afest:hover{
	background:hsla(0,0%,100%,.65);
	border:0;
	cursor:pointer;
	transition-duration:.3s;
	transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.--dark .mv-navi__drawer-items .--inner a{
	color:#0f131a
}
.--dark .mv-navi__drawer-items .--inner a:hover{
	color:#ba62fd
}
.--dark .mv-navibar__logo img{
	filter:none
}
@media(min-width:992px){
	.--dark .mv-navibar__logo img{
		filter:invert(1) grayscale(1) brightness(1200)
	}
}
.--dark .mv-navibar__logo svg{
	width:100%
}
.--dark .mv-navibar__logo--six-logo img{
	filter:none
}
.--dark .mv-navibar__logo--six-logo a{
	width:100%
}
.--dark .vl-navi a{
	color:#0f131a
}


@media(min-width:992px){
	.--dark .vl-navi a{
		color:#fff
	}
}
.--dark .vl-navi a svg#navi-chevron{
	fill:#0f131a
}
@media(min-width:992px){
	.--dark .vl-navi a svg#navi-chevron{
		fill:#fff
	}
}
.--dark .vl-navi a:hover{
	color:#97700b
}
.--dark .vl-navi a:hover svg#navi-chevron{
	fill:#97700b
}
.--dark .vl-navi a.mv-navi__pill{
	border:0
}
@media(min-width:992px){
	.--dark .vl-navi a.mv-navi__pill{
		border:1px solid #fff
	}
}
.--dark .vl-navi a.mv-navi__pill:last-child{
	margin-right:0
}
.--dark .vl-navi a.mv-navi__pill:hover{
	border-bottom:0;
	box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.2);
	box-sizing:border-box;
	cursor:default
}
.--dark .vl-navi a.mv-navi__pill--afest:hover{
	background:hsla(0,0%,100%,.65);
	border:0;
	cursor:pointer;
	transition-duration:.3s;
	transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.--dark .vl-navi__drawer-items .--inner a{
	color:#0f131a
}
.--dark .vl-navi__drawer-items .--inner a:hover{
	color:#97700b
}
.--dark .afest-navi a{
	color:#0f131a
}
@media(min-width:992px){
	.--dark .afest-navi a{
		color:#fff
	}
}
.--dark .afest-navi a svg#navi-chevron{
	fill:#0f131a
}
@media(min-width:992px){
	.--dark .afest-navi a svg#navi-chevron{
		fill:#fff
	}
}
.--dark .afest-navi a:hover{
	color:#c5930e
}
.--dark .afest-navi a:hover svg#navi-chevron{
	fill:#c5930e
}
.--dark .afest-navi a.mv-navi__pill{
	border:0
}
@media(min-width:992px){
	.--dark .afest-navi a.mv-navi__pill{
		border:1px solid #fff
	}
}
.--dark .afest-navi a.mv-navi__pill:last-child{
	margin-right:0
}
.--dark .afest-navi a.mv-navi__pill:hover{
	border-bottom:0;
	box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.2);
	box-sizing:border-box;
	cursor:default
}
.--dark .afest-navi a.mv-navi__pill--afest:hover{
	background:hsla(0,0%,100%,.65);
	border:0;
	cursor:pointer;
	transition-duration:.3s;
	transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-timing-function:cubic-bezier(.4,0,.2,1)
}
@media(min-width:992px){
	.--dark .afest-navi--shadow{
		background:#000;
		background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)
	}
}
.--dark .afest-navi__drawer-items .--inner a{
	color:#0f131a
}
.--dark .afest-navi__drawer-items .--inner a:hover{
	color:#c5930e
}
.--dark .afest-navi__logo img{
	filter:none
}
@media(min-width:992px){
	.--dark .afest-navi__logo img{
		filter:invert(1) grayscale(1) brightness(1200)
	}
}
.--dark .afest-navi__logo svg{
	width:100%
}
.--dark .ww-navi a{
	color:#0f131a
}
@media(min-width:992px){
	.--dark .ww-navi a{
		color:#fff
	}
}
.--dark .ww-navi a svg#navi-chevron{
	fill:#0f131a
}
@media(min-width:992px){
	.--dark .ww-navi a svg#navi-chevron{
		fill:#fff
	}
}
.--dark .ww-navi a:hover{
	color:#f34747!important
}
.--dark .ww-navi a:hover svg#navi-chevron{
	fill:#f34747!important
}
.--dark .ww-navi a.mv-navi__pill{
	border:0
}
@media(min-width:992px){
	.--dark .ww-navi a.mv-navi__pill{
		border:1px solid #fff
	}
}
.--dark .ww-navi a.mv-navi__pill:last-child{
	margin-right:0
}
.--dark .ww-navi a.mv-navi__pill:hover{
	border-bottom:0;
	box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.2);
	box-sizing:border-box;
	cursor:default
}
.--dark .ww-navi a.mv-navi__pill--afest:hover{
	background:hsla(0,0%,100%,.65);
	border:0;
	cursor:pointer;
	transition-duration:.3s;
	transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-timing-function:cubic-bezier(.4,0,.2,1)
}
@media(min-width:992px){
	.--dark .ww-navi--shadow{
		background:#000;
		background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)
	}
}
.--dark .ww-navi__drawer-items .--inner a{
	color:#0f131a
}
.--dark .ww-navi__drawer-items .--inner a:hover{
	color:#f34747!important
}
.--dark .ww-navi__logo img{
	filter:none
}
@media(min-width:992px){
	.--dark .ww-navi__logo img{
		filter:invert(1) grayscale(1) brightness(1200)
	}
}
.--dark .ww-navi__logo svg{
	width:100%
}
.--dark .six-navi a{
	color:#0f131a
}
@media(min-width:992px){
	.--dark .six-navi a{
		color:#fff
	}
}
.--dark .six-navi a svg#navi-chevron{
	fill:#0f131a
}
@media(min-width:992px){
	.--dark .six-navi a svg#navi-chevron{
		fill:#fff
	}
}
.--dark .six-navi a:hover{
	color:#f2f23b
}
.--dark .six-navi a:hover svg#navi-chevron{
	fill:#f2f23b
}
.--dark .six-navi a.mv-navi__pill{
	border:0
}
@media(min-width:992px){
	.--dark .six-navi a.mv-navi__pill{
		border:1px solid #fff
	}
}
.--dark .six-navi a.mv-navi__pill:last-child{
	margin-right:0
}
.--dark .six-navi a.mv-navi__pill:hover{
	border-bottom:0;
	box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.2);
	box-sizing:border-box;
	cursor:default
}
.--dark .six-navi a.mv-navi__pill--afest:hover{
	background:hsla(0,0%,100%,.65);
	border:0;cursor:pointer;
	transition-duration:.3s;
	transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-timing-function:cubic-bezier(.4,0,.2,1)
}
@media(min-width:992px){
	.--dark .six-navi--shadow{
		background:#000;
		background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)
	}
}
.--dark .six-navi__drawer-items .--inner a{
	color:#0f131a
}
.--dark .six-navi__drawer-items .--inner a:hover{
	color:#f2f23b
}
.--dark .six-navi__logo img{
	filter:none
}
@media(min-width:992px){
	.--dark .six-navi__logo img{
		filter:invert(1) grayscale(1) brightness(1200)
	}
}
.--dark .six-navi__logo svg{
	width:100%
}
.mv-stickybar{
	background-color:#fff;
	bottom:0;
	box-shadow:0 5px 10px 1px rgba(15,19,26,.1),0 10px 30px 10px rgba(15,19,26,.25);
	padding-bottom:.75rem;
	padding-top:.75rem;
	position:fixed;
	transition:bottom .5s ease-in-out;
	width:100%
}
.mv-stickybar.showUp{
	bottom:-20%
}
@media(min-width:992px){
	.mv-stickybar{
		display:none
	}
}


.mv-top__nav{
	padding-top:5rem
}
@media(min-width:768px){
	.mv-top__nav{
		padding-top:6rem
	}
}
@media(min-width:992px){
	.mv-top__nav{
		padding-top:9rem
	}
}
.mv-top__nonav{
	padding-top:5rem
}
@media(min-width:768px){
	.mv-top__nonav{
		padding-top:6rem
	}
}
@media(min-width:992px){
	.mv-top__nonav{
		padding-top:6.5rem
	}
}
.mv-top__nonav.--small-pad{
	padding-top:1.5rem
}
@media(min-width:768px){
	.mv-top__nonav.--small-pad{
		padding-top:6rem
	}
}
@media(min-width:992px){
	.mv-top__nonav.--small-pad{
		padding-top:6.5rem
	}
}
.mv-top__nonav.--no-pad{
	padding-top:3.125rem
}
@media(min-width:992px){
	.mv-top__nonav.--no-pad{
		padding-top:5rem
	}
}
@media(min-width:1200px){
	.mv-top__nonav.--no-pad{
		padding-top:6.5rem
	}
}
.mv-top__banner{
	padding-top:3.125rem
}
@media(min-width:992px){
	.mv-top__banner{
		padding-top:5rem
	}
	.mv-top__subnav{
		margin-top:5rem;
		padding-top:0
	}
}
@media(min-width:1200px){
	.mv-top__subnav{
		margin-top:5rem;
		padding-top:0
	}
}
.mv-top__subnav.--no-pad{
	padding-top:0
}
.mv-top__clean-stick{
	margin-top:50px
}
@media(min-width:992px){
	.mv-top__clean-stick{
		margin-top:80px
	}
}

/* --- Fix "Join the Fun!" pill so text stays inside the button on all sizes --- */
.mv-navi__special .mv-navi__pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;

  /* unified sizing */
  padding: .6rem 1.1rem !important;       /* override earlier partial padding */
  line-height: 1 !important;              /* stop tall line-height from pushing text */
  min-height: 38px;
  white-space: nowrap;                    /* keep text on one line */
  border-radius: 9999px;
}

/* keep <b> from stretching vertical metrics */
.mv-navi__special .mv-navi__pill b{
  display: inline-block;
  line-height: 1;
  font-weight: 700;
}

/* Mobile / small screens (white navbar) — give it a visible border/text color */
@media (max-width: 991.98px){
  .mv-navi__special .mv-navi__pill{
    border: 1px solid #0f131a !important; /* dark border */
    color: #0f131a !important;            /* dark text */
    background: transparent;              /* keep pill outline look */
  }
}

/* Desktop / large screens (purple navbar) — white border/text */
@media (min-width: 992px){
  .mv-navi__special .mv-navi__pill{
    border: 1px solid #fff !important;
    color: #fff !important;
    background: transparent;
  }
}
/* Center the CTA text vertically inside the pill */
.mv-navi a.mv-navi__pill,
.mv-navi__special a.mv-navi__pill {
  display: inline-flex !important;
  align-items: center !important;   /* vertical centering */
  justify-content: center !important;
  flex-wrap: nowrap !important;

  /* fix the vertical math */
  height: 44px !important;          /* pick 40–48px to taste */
  line-height: 1 !important;        /* neutralize inherited 1.5 */
  padding: 0 22px 32px !important;       /* symmetric padding */
  box-sizing: border-box !important;

  border-radius: 999px !important;  /* keep the pill */
}

/* optional: if you keep a separate desktop rule for the outline */
@media (min-width: 992px) {
  .mv-navi a.mv-navi__pill,
  .mv-navi__special a.mv-navi__pill {
    border: 1px solid #fff !important;  /* or currentColor */
  }
}