@charset "utf-8";
/* CSS Document */
body{
	width:100vw;
	overflow-x:hidden;
}
section{
	width:100vw;
	overflow-x:hidden;
	overflow-y:hidden;
}
.form-check{
	margin-left:10px;
}
.grecaptcha-badge { 
    visibility: hidden !important;
}
	.astoundNavOverlay{
		position: fixed;
		width:100vw;
		height:var(--astound-nav-height);
		mix-blend-mode: lighten;
		z-index:875;
		background-color:#fff;
		display: flex;
		transition: var(--astound-nav-transition-time) all;
		padding:24px 18px 18px 24px;
		align-content: center;
		flex-direction: column;
		
	}
	.astoundNavContainer.active .astoundNavOverlay{
		height:100px;
		align-content:flex-start;
		mix-blend-mode:normal;
		
	}
	.astoundNavOverlayImage{
		width:100%;
		height:100%;
		transition: var(--astound-nav-transition-time) all;
		pointer-events: none;
		cursor: none;
		transform: scale(1.0);
	}
	.astoundNavContainer.active .astoundNavOverlayImage{
		width:204px;
		pointer-events: all;
		cursor: pointer;
		
	}
	.astoundNavContainer.active .astoundNavOverlayImage:hover{
		transform: scale(1.1);
	}
	
@media (max-width: 576px) {
	

	.astoundNavContainer.active .astoundNavOverlayImage{
		width: 140px;
		
	}


}
	
	
/* END deals with ASTOUND logo animation reduction to corner */
	
	
/* START deals with TOP BAR components for home and subpages */
	
	.astoundNavContainer{
		width:100%;
		height:var(--astound-nav-height);
	}

	.astoundNavBackground{
		position: absolute;
		width:100%;
		height:var(--astound-nav-height);
		z-index:700;
		overflow: hidden;
		background-size: cover;
	}

	.astoundNavContainerSubPage.astoundNavContainer{
		height:100px;
	}
	.astoundNavContainerSubPage .astoundNavBackground{
		height:100px;
	}
	.astoundNavTopBackground{
		position: absolute;
		background-color:rgba(0,0,0,0.0);
		width:100vw;
		height:100px;
		transition: var(--astound-nav-transition-time) all;
	}
	
	.astoundNavContainer.active .astoundNavTopBackground{
		background-color:rgba(0,0,0,1.0);
		
	}
	.astoundNavTextOverlay{
		position: absolute;
		width:100%;
		height:var(--astound-nav-height);
		display: flex;
		flex-direction: row;
		align-items: center;
		padding-top:40vh;
		transition: var(--astound-nav-transition-time) all;
		opacity:0.0;
		transform: translateY(30px);
		z-index:850;
		pointer-events: none;
		
	}
	.astoundNavTextOverlay h1{
		color:#fff;
		text-align: center;
	}
	.astoundNavContainer.active .astoundNavTextOverlay{
		opacity:1.0;
		transform: translateY(0px);
		
	}
	.astoundNavVideoLayer{
		width:100%;
		height:100%;
		position: absolute;
		background-color:black;
		}
	
	.astoundNavVideoLayer video{
		width:100%;
		height:100%;
		object-fit:cover;
	}
	
	
/* END deals with TOP BAR components for home and subpages */
	
	.astoundNavNavigation{
		position: fixed;
		z-index:1000;
		width:100vw;
		height:100px;
		display: flex;
		align-content: center;
		align-items: center;
		flex-direction: row;
		padding:24px 36px 18px 24px;
		transition: var(--astound-nav-transition-time) all;
		pointer-events: none;
	}


	#astoundToggleNavigation{
		height: 40px;
		width: 40px;
		border-radius: 20px;
		overflow: hidden;
		z-index: 300;
		color: #222;
		left: 20px;
		top: 20px;
		padding: 10px;
		font-size: 12px;
		cursor: pointer;
		background-position-x: 0px;
		background-repeat: no-repeat;
		background-image: url(/images/ui/navmenubutton.png);
		background-color: #000;
	}

	.astoundNavContainer #astoundToggleNavigation{
		background-position-x: 0px;
	}
	.astoundNavContainer.shownav #astoundToggleNavigation{
		animation: playX 0.8s steps(29) forwards;
	}

	@keyframes playX {
		0% {background-position-x: 0px;}
		100% { background-position-x: -1160px;};
	}


	
	

	
	

	
	.astound-pointer-events-none{
		pointer-events: none;
	}
	
	.astound-pointer-events-all{
		pointer-events: all;
	}
	.astoundMainNavigationContainer{
		transition: 0.5s all;
		position:fixed;
		background-color:#000;
		height:100vh;
		width:100vw;
		overscroll-behavior: contain;
		overflow-y: scroll;
		z-index:900;
		-ms-overflow-style: none;  /* IE and Edge */
  		scrollbar-width: none;  /* Firefox */
		transform: translateX(-100vw);
		display: flex;
	}
	.astoundMainNavigationContainer.active{
		transform: translateY(0vw);
		display: flex;
	}
	.astoundMainNavigationContainer::-webkit-scrollbar {
		display: none;
	}

	.noscroll { 
		overflow: hidden;
	}
	.overflowX{
		overflow-x: hidden;
	}
	
	.astoundNavigationTopPadding{
		padding-top:120px;
	}
	
	.astoundBackgroundBlack{
		background-color: var(--astoundBlack);
		color: var(--astoundWhite);
	}
	.astoundBackgroundWhite{
		background-color: var(--astoundWhite);
		color: var(--astoundBlack);
	}
	
	a{
		color: inherit;
		text-decoration: inherit;
		opacity:1.0;
		transition: var(--astound-nav-transition-time) all;
	}
	a:hover{
		color: inherit;
		text-decoration: inherit;
		opacity:0.8;
	}
	




	
	.astoundSocialButtons-contact-form {
		margin-bottom: 41px;
		position: fixed;
		bottom: 0;
		width: 28%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;

	}
	#contactBtn{
		display: block;
		transition: 0.5s all;
		transform: scale(1.0);
		opacity:1.0;
	}
	.astoundNavContainer.shownav #contactBtn{
		transform: scale(0);
		opacity:0.0;
	}
	.astoundContactButton{
		display: none;
	}


@media (max-width: 576px) {


	#contactBtn{
		display: none;
	}




}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}


	.astoundMainNavigationContainer .astNavItem{
		transition: 2s all;
		transform: translateX(400px);
		opacity:0.0;
		
	}
	
	.astNavItem:nth-child(1){
		transition: 2s all;
		
	}
	.astNavItem:nth-child(2){
		
		transition: 2.1s all;
	}
	.astNavItem:nth-child(3){
		
		transition: 2.2s all;
	}
	.astNavItem:nth-child(4){
		
		transition: 2.3s all;
	}
	.astNavItem:nth-child(5){
		
		transition: 2.4s all;
	}
	.astNavItem:nth-child(6){
		
		transition: 2.5s all;
	}
	.astNavItem:nth-child(7){
		
		transition: 2.6s all;
	}
	.astNavItem:nth-child(8){
		
		transition: 2.7s all;
	}
	.astNavItem:nth-child(9){
		
		transition: 2.8s all;
	}
	.astNavItem:nth-child(10){
		
		transition: 2.9s all;
	}
	.astNavItem:nth-child(11){
		
		transition: 3.0s all;
	}
	.astNavItem:nth-child(12){
		
		transition: 3.1s all;
	}
	.astoundMainNavigationContainer .astNavItemRight{
		transform: translateX(-400px);
		
	}
	
	.astoundMainNavigationContainer.active .astNavItem{
		opacity:1.0;
		transform: translateX(0px);
		
	}


	
	/*  NAVIGATION AREA */
	
	.navContent ul{
		list-style: none;
		margin-left: 50px;
		padding-left:0px;
	}
	.navContent ul li{
		font-family: var(--astound-h1-nav-font-family);
		font-weight: var(--astound-h1-nav-font-weight);
		font-size: var(--astound-h1-nav-font-size);
		line-height: var(--astound-h1-nav-line-height);
		text-transform: var(--astound-h1-nav-text-transform);
		transition: 0.5s all;
		margin-top:20px;
	}
	
	
	.navContent ul ul{
		list-style: none;
		margin-left: 0px;
		padding-left:0px;
		display:flex;
		flex-flow: wrap;
		width:100%;
		padding-left:30px;
		border-left:solid 1px white;
		border-top:solid 0px white;
		padding-top:20px;
		padding-bottom:20px;
		margin-top:0px;
		margin-left: 0px;
	}
	.navContent ul ul li{
		flex: 0 0 33.333%;
		font-family: var(--astound-p-font-family);
		font-weight: var(--astound-p-font-weight);
		font-size: var(--astound-p-font-size);
		line-height: var(--astound-p-line-height);
		text-transform: var(--astound-p-text-transform);
		transition: 0.5s all;
		margin-top:10px;
	}
	.navContent ul li.astoundNavHasChild{
		padding-bottom:20px;
		border-bottom:solid 1px white;
		margin-left: -50px;
		padding-left:50px;
		margin-top:0px;
	}


@media (max-width: 1200px) {
	.navContent ul ul li{
		flex: 0 0 50%;
	}

}
@media (max-width: 768px) {
	.navContent ul ul li{
		flex: 0 0 50%;
	}

}
@media (max-width: 576px) {
	.navContent ul ul li{
		flex: 0 0 100%;
	}
}
	
	.astoundNavLinkCircle{
		height:40px;
		width:auto;
		margin-left:20px;
		margin-top:-10px;
		transform: rotateZ(0deg);
		transition:0.25s all;
		
	}
	.astoundNavLinkArrow{
		height:16px;
		width:auto;
		margin-left:10px;
		margin-top:-3px;
		transform: rotateZ(0deg);
		transition:0.25s all;
		  filter: grayscale(100%) brightness(0) invert(100%);

	}
@media (max-width: 576px) {
	.astoundNavLinkCircle{
		height:30px;
		width:auto;
		margin-left:10px;
		margin-top:-6px;
		
	}
}

	.navContent ul li a:hover{
		opacity:1;
		color:var(--astoundRed);
		
	}
	.navContent ul li a:hover .astoundNavLinkCircle{
		transform: rotateZ(-180deg);
		margin-left:10px;
		
	}
	.navContent ul ul li a:hover .astoundNavLinkArrow{
		transform: rotateZ(-180deg);
		margin-left:10px;
		
	}
	
	.astoundFooterFormTextFull{
		border-left: solid 1px #000;
	}
	
	
@media (max-width: 576px) {
	.astoundFooterFormTextFull{
		border-left: solid 0px #000;
	}
}
	
	.astoundSocialButtons-contact-form2 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;

	}