body, html {
	margin: 0;
	padding: 0;
	position: relative;
	overflow-x: hidden;
	min-height: calc(100vh - 200px);
	background: #121212;
}

/* Type */
	@font-face {
		font-family: Magistral;
		src: url(Fonts/Magistral/Magistral-Book.ttf);
		font-weight: normal;	}
	@font-face {
		font-family: Univers;
		src: url(Fonts/Univers/UniversLTW01-59UltCondensed.ttf);
		font-weight: lighter !important;	}
	@font-face {
		font-family: roboto;
		src: url(Fonts/Roboto/Roboto-Regular.ttf);
		font-weight: lighter !important;	}
	@font-face {
		font-family: UpJohn;
		src: url(Fonts/Upjohn-Rough-Regular/Upjohn-Rough.ttf);
		font-weight: lighter !important;	}

	h1 {
		font-family: Helvetica Neue, Helvetica;
		font-size: 38px;
		font-weight: bold;
		letter-spacing: 0.015em;
		color: black;
		margin: auto;}
		h2 {
			font-family: univers;
			font-size: 46px;
			font-weight: bold;
			letter-spacing: 0.015em;
			color: white;
			text-transform: uppercase;
			text-align: left;
			margin: 0;}
			h3 {
				font-family: Magistral;
				font-size: 20px;
				letter-spacing: 0.015em;
				color:white;
				margin: auto;	}
				.pp-h3 {
					font-family: Magistral;
					font-size: 44px;
					letter-spacing: 0.015em;
					color:white;
					margin: auto;	}
					.product-detail h3 b{
						font-size: 26px;
					}
				h4 {
					font-family: Helvetica Neue, Helvetica;
					font-size: 24px;
					font-weight: normal;
					letter-spacing: 0.015em;
					color: white;
					margin: auto;	}
					
					p {
						font-family: Helvetica Neue, Helvetica;
						font-size: 18px;
						font-weight: normal;
						letter-spacing: 0.015em;
						color: white;}
						.white {
			color: white !important;}
							i{
								font-weight: 100;
								font-style: normal;
								font-size: 20px;
								margin-top: 0 !important;
								margin-bottom: 10px !important;
							}
		a {
		text-decoration: none;
		color: white;	}

/*	Navigation Bar */
	.menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 20;
		background: black;
		height: 90px;	}

		.logo {
			height: 40px;
			width: auto;
			margin-right: 15px;}

		.container {
			position: relative;
			margin: 0 auto;
			width: calc(100vw - 100px);
			padding: 0 100px;
			height: 100%;	}
			.container h3 {
				font-size: 26px;
				font-family: Univers;
				letter-spacing: 0.15em;
				margin: 0;
				margin-bottom: 5px !important;
				color: black;	}
			.container a {
				color: white;
				outline: none;
				text-decoration: none;
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;
				height: 100%;	}

		.menu-trigger {
			position: absolute;
			top: 18.5px;
			right: 255px;
			height: 55px;
			width: 60px;
			cursor: pointer;
			transition: opacity 130ms ease-out;}
			.menu-trigger:hover {
				opacity: 1;	}
				.menu-trigger h5 {
					position: absolute;
					right: 10px;
					top: 9px;
					text-transform: uppercase;
					color: white;
					user-select: none;
					transition: color 300ms ease-out;	}
					.menu-trigger .bar {
						position: absolute;
						left: 10px;
						width: 40px;
						height: 5px;
						background: white;
						transition: transform 180ms ease-out, opacity 160ms ease-out, top 180ms ease-out, width 120ms ease-out, background 300ms ease-out;	}
						.bar--1 {
							top: 15px;	}
						.bar--2 {
							top: 25px;	}
						.bar--3 {
						top: 35px;	}

		.open, .open:hover {
			opacity: 1 !important;}
			.open h5 {
				color: white;	}
				.open .bar {
					background: white;	}
					.open .bar--1 {
						top: 21px;
						transform: rotate(135deg);	}
					.open .bar--2 {
						opacity: 0;
						width: 0;	}
					.open .bar--3 {
						top: 21px;
						transform: rotate(-135deg);	}

		.navigation {
			visibility: hidden;
			position: fixed;
			z-index: 19;
			top: 20px;
			left: 0;
			width: 100%;
			max-width: 100%;
			background: white;
			box-shadow: 0 6px 8px black_13;
			padding: 100px 0 20px;
			opacity: 0;
			transform-origin: center top;
			transform: scale(0.9);
			backface-visibility: hidden;
			transition: opacity 190ms ease-out, transform 40ms ease-out;	}
			.navigation .container {
				padding: 0 18px;	}
				nav {
					position: relative;
					width: 100%;
					max-width: 100%;
					margin: 0 auto;
					display: flex;
					align-items: flex-start;
					justify-content: flex-start;
					flex-flow: row wrap;}
					nav h3 {
						font-family: Univers;
						position: relative;
						display: block;
						margin: 0 0 15px 0;
						color: black;
						font-size: 1.2em !important;
						font-weight: 600;
						text-transform: uppercase;	}
					nav ul {
						position: relative;
						padding: 0;
						margin: 0;
						width: 100%;
						max-width: 100%;
						list-style-type: none;	}
						nav li {
							display: block;
							color: #919191;
							font-size: 0.88em;
							font-family: Magistral;
							margin: 6px 0;
							font-weight: 400;
							letter-spacing: 0.025em;	}
							nav li >a {
								color: #121212 !important;
								font-size: 1em;
								margin-right: 8px;
								display: inline-block;
								transform: translateY(1px);
								opacity: 0.6;	}
								nav li >a >i {
									color: #121212;
									font-size: 1.4em;
									margin-right: 8px;
									display: inline-block;
									transform: translateY(1px);
									opacity: 0.6;	}
								nav .social-link {
									float: left;
									width: 44px;
									height: 44px;
									line-height: 48px;
									border-radius: 44px;
									text-align: center;
									margin: 5px;
									cursor: pointer;
									transition: all 0.25s ease-in-out;	}
									nav .social-link >i:hover {
										color: black;	}
										nav .social-link:last-child {
											margin-right: 0;	}
											nav .social-link >i {
												color: #b5b5b5;
												font-size: 1.57em;
												margin: 0 auto;	}

			.nav-open {
				visibility: visible;
				opacity: 1;
				transform: scale(1);}
				
			nav .col {
				min-height: auto;
				width: auto;
				flex-direction: row;
				margin: 0 auto;
				margin-bottom: 25px;
				text-align: left;
				transform: translateY(25px);
				opacity: 0;
				backface-visibility: hidden;
				will-change: transform, opacity;	}
				.col:first-child {
					animation-delay: 50ms;	}
					.col:nth-child(2) {
						animation-delay: 130ms;	}
					.col:nth-child(3) {
						animation-delay: 210ms;	}
					.col:nth-child(4) {
						animation-delay: 290ms;	}

				.col.socials {
					flex-direction: row;	}
					.col.socials a {
						display: inline;	}
						.c-in {
						animation-name: fadeInUp;
						animation-duration: 860ms;
						animation-fill-mode: forwards;
						animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);	}
				
		main {
			position: relative;
			width: 100%;
			max-width: 100%;
			margin: 0 auto;	}
			main .container {
				padding: 82px 18px 0;	}

		@media screen and (min-width: 680px) {
			nav .col {
				width: 50%;
				min-height: 136px;}			}
		@media screen and (min-width: 992px) {
			nav .col {
				width: auto;
				min-height: 136px;	}

			.search {
				max-width: 235px;}			}
		@media screen and (max-width: 480px) {
			.container {
				position: relative;
				margin: 0 auto;
				width: calc(100vw - 100px);
				height: 100%;
				padding: 0 50px;
			}

			.menu-trigger {
				right: 20px;
				top: 25px;
			}

			nav .col {
				width: 100% !important;
				min-height: 136px;
			}

			nav .social-link {
				margin: 1px;
			}	}
		@media screen and (max-width: 1024px) {
			nav {
				justify-content: flex-start !important;
				align-items: flex-start !important;
			}

			nav .social-link {
				margin: 10px;
			}

			nav .col {
				min-height: auto !important;
				text-align: center;
			}

			.col:nth-child(5) {
				display: flex;
				justify-content: center !important;
				flex-direction: column;
			}

			.search {
				max-width: 235px;
			}	}

		@keyframes fadeInUp {
			0% {
				transform: translateY(25px);
				opacity: 0;
			}

			100% {
				transform: translateY(0px);
				opacity: 1;
			}	}
		@-webkit-keyframes fadeInUp {
			0% {
				transform: translateY(25px);
				opacity: 0;
			}

			100% {
				transform: translateY(0px);
				opacity: 1;
			}	}
		@-moz-keyframes fadeInUp {
			0% {
				transform: translateY(25px);
				opacity: 0;
			}

			100% {
				transform: translateY(0px);
				opacity: 1;
			}	}

/* Slider */
	.wrapper {
		width: 80vw;
		min-width: 900px;
		height: auto;
		background: #121212;
		margin: 140px auto 200px auto;}
			.wrapper.full-width {
				width: 80vw;
				min-width: unset;
				min-height: 600px;
				height: auto;
				/* background: #4e4e4e; */
				margin: auto;
				
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				padding: 50px 0;

				background-image: url('Images/Products/Mat/Zero-G_mat_mockup.jpg');
				background-position: left;
				background-repeat: no-repeat;
				}

		.splash-wrapper {
			width: 100%;
			min-width: 600px;

			margin-bottom: 100px;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;}

			.left {
				width: 25%;
				display: flex;
				align-items: flex-start;
				justify-content: center;
				position: relative;	}
				.left h1 {
					position: absolute;
					top: 50%;
					right: 50%;
					transform: translate(85%, -50%);
					z-index: 9;
					width: 200%;
					font-family: univers;
					font-size: 80px;
					font-weight: bold;
					letter-spacing: 0.015em;
					color: white;
					margin: auto;
					text-transform: uppercase;	}
					.left h1 span a {
						font-family: univers;
						font-size: 22px;
						font-weight: bold;
						letter-spacing: 0.015em;
						text-transform: uppercase;

						color: white;

						margin: auto;
						padding: 16px 32px 16px;
					
						border: 2px solid #4773a9;
							border-radius: 7px;

						transition: all 0.25s ease;}
						.left h1 span a:hover{
							font-family: univers;
							font-size: 22px;
							font-weight: bold;
							letter-spacing: 0.015em;
							color: white;
							margin: auto;
							text-transform: uppercase;
							border: 2px solid #4773a9;
							background: #4773a9;	
							padding: 16px 32px 16px;}
		
			.right {
				width: 75%;
				height: 100%;	}
				.vimeo-wrap {
					display: flex;
					align-items: center;
					justify-content: center;	}

/* Scroll Prompts */
	.prompt {
		display: block;
		width: 30px;
		height: 50px;
		border-radius: 30px;
		border: 2px solid white;
		margin: auto;
		text-align: center;	}
	.prompt span {
		width: 2px;
		height: 10px;
		border-radius: 1px;
		background: white;
		margin: 10px 14px 0;
		display: block;
		animation: scrollMovement ease-in-out 2s 1.5s infinite;}
		@keyframes scrollMovement {
			from {
				transform: translate3d(0, 0, 0);
			}

			to {
				transform: translate3d(0, 10px, 0);
			}}
		@-moz-keyframes scrollMovement {
			from {
				transform: translate3d(0, 0, 0);
			}

			to {
				transform: translate3d(0, 10px, 0);
			}}
		@-webkit-keyframes scrollMovement {
			from {
				transform: translate3d(0, 0, 0);
			}

			to {
				transform: translate3d(0, 10px, 0);
			}}
	.arrow.animated {
		display: none;}

.content-block {
	width: 100%;
	min-width: 600px;
	margin-bottom: 100px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;}
	.content-block .left {
		width: 60%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: unset;}

/* Slider */
	.content-block .right {
		width: 35%;
		padding-left: 25px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;	}
		.Slider {
			width: 100%;
			height: auto;	}
			.swiper {
				max-width: 1067px;
				max-height: 600px;
			
				width: 100%;}
				.swiper-slide {
					width: 100%;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;}
					.swiper-slide img {
						width: 100%;
						height: auto;}

/* Category Cards */
	.range-container {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly;
		align-items: flex-start;
		margin-top: 100px;
		margin-bottom: 100px;}
		.product-card-container {
			width: 350px;
			height: auto;
			margin: 15px;
			padding: 25px;
			cursor: pointer;	}

		.banner-container {
			width: 100vw;
			height: auto;
			margin-top: 90px;
			position: relative;}
			.overview-banner-desktop {
				width: 100%;
				display: block;}
			.overview-banner-mobile {
				width: 100%;
				display: none;}
	
			.banner-container h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 2;}
			.group-category-banner-img {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 2;
				height: 250px;}

		.card {
			border-radius: 25px;
			box-shadow: -11px 11px 11px rgba(10, 10, 10, 0.3);
			position: relative;
			background: #1f1f1f;	}
			.card-head {
				position: relative;
				height: 75px;
				border-radius: 25px 25px 0 0;	}
				.card-head h4{
					position: absolute;
					top:-70%;
					left:50%;
					transform: translate(-50%, 0%);

					font-family: Univers;
					font-size:48px;
				}
			.card-body {
				height: auto;
				background: #1f1f1f;
				border-radius: 0 0 25px 25px;
				position: relative;
				text-align: center;	}
				
				.product-img {
					position: absolute;
					height: 150px;
					z-index: 1;
					transition: all 0.5s ease-in-out;
					top: -75%;
					left: 50%;
					transform: translate(-50%, 0);	}

				.product-title {
					padding: 20px 20px 0 20px;
					padding: 10px;
					display: block;
					font-size: 12px;
					font-weight: 500;
					letter-spacing: 1px;
					width: 275px;
					margin: auto;
					color: white !important;	}
					.product-title p {
						font-size: 14px;
						font-weight: normal;
						margin-bottom: 0;	}

				.card-image {
					width: 275px;
					height: 275px;
					margin: auto;
					margin-top: 25px;
					margin-bottom: 25px;
					border-radius: 5px;	}

				.product-price {
					padding: 16px 32px;
					min-width: 100px;
					text-align: center;
					display: inline-block;
					font-size: 24px;
					font-weight: 200;
					color: white;
					border-radius: 7px;
					box-shadow: -10px 20px 15px -10px rgba(10, 10, 10, 0.3);
					transition: all 0.25s ease-in-out;
					margin-bottom: 25px;
					border: 2px solid #4773a9;}
					.product-price:hover {
						background: #4773a9;	}
					.product-price p {
						margin: 0;
						color: white;	}

						.accolade-logo{
							
						}

		

/* Product Filters */
	.cat.button-row {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
		margin: auto;
		margin-top: 25px;
		margin-bottom: 50px;
		flex-wrap: wrap;
		height: auto;
		width: 100%;	}
		.cat.button-row div {
			min-width: 100px;
			background: #1f1f1f;
			padding: 16px 32px;
			margin: 1px;
			text-align: center;
			cursor: pointer;	}
			.cat.button-row div:first-of-type {
				border-radius: 25px 0 0 25px;	}
			.cat.button-row div:last-of-type {
				border-radius: 0 25px 25px 0;	}
			.cat.button-row div h4 {
				font-size: 18px;
				color: white;	}
				.cat.button-row div:hover{
					background: #474747;		}
			.cat.button-row div.invert {
				min-width: 100px;
				background: #1f1f1f;
				padding: 16px 32px;
				margin: 1px;
				text-align: center;
				cursor: pointer;
				height: 44px;
				vertical-align: middle;
				display: flex;}
			.cat.button-row div.invert h4 {
				font-size: 18px;
				color: white;	}
				.cat.button-row div.invert:hover{
					background: #474747;	}
/* Product Cards */
	.category-hr {
		margin-top: 75px;}
	.group-range-container {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		margin-top: 100px;	}

		.category-row {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			margin-top: 100px;	}
			.group-category-img {
				width: 500px;	}

			.card-flex {
				display: flex;
				flex-direction: column;
				margin: 0 75px 0 0;}
				.product-card {
					border-radius: 25px;
					box-shadow: -11px 11px 11px rgba(10, 10, 10, 0.3);
					position: relative;
					background: #1f1f1f;
					height: 559px;	}
					.product-card-short {
						border-radius: 25px;
						box-shadow: -11px 11px 11px rgba(10, 10, 10, 0.3);
						position: relative;
						background: #1f1f1f;
						height: 500px;	}
					.product-card-head {
						position: relative;
						height: 150px;
						border-radius: 25px 25px 0 0;
						background: #4773a9;	}

					.product-img-stand {
						position: absolute;
						height: 250px;
						z-index: 1;
						transition: all 0.5s ease-in-out;
						top: -10%;
						right: -25%;}
						.product-img-dolly {
							position: absolute;
							height: 250px;
							z-index: 1;
							transition: all 0.5s ease-in-out;
							top: -10%;
							right: -25%;}
						.product-img-stand-headstock {
							position: absolute;
							height: 225px;
							z-index: 1;
							transition: all 0.5s ease-in-out;
							top: 10%;
							right: -25%;	}
						.product-img-stand-singleside {
							position: absolute;
							height: 225px;
							z-index: 1;
							transition: all 0.5s ease-in-out;
							top: 10%;
							right: -25%;	}
						.product-img-pin {
							height: 100px;
							transition: all 0.5s ease-in-out;
							transform: rotate(90deg);
							position: absolute;
							top: 50%;
							right: -45%;
							z-index: 1;	}
						.product-img-fork {
							position: absolute;
							height: 250px;
							z-index: 1;
							transition: all 0.5s ease-in-out;
							top: -30%;
							right: -25%;	}
							.product-img-mat {
								position: absolute;
								height: 250px;
								z-index: 1;
								transition: all 0.5s ease-in-out;
								top: -10%;
								right: -15%;	}
								.product-img-gear-tidy {
									position: absolute;
									height: 300px;
									z-index: 1;
									transition: all 0.5s ease-in-out;
									top: -20%;
									right: -30%;	}
									.product-img-hanger {
										position: absolute;
										height: 200px;
										z-index: 1;
										transition: all 0.5s ease-in-out;
										top: -10%;
										right: -15%;	}
	
						.product-img-fork2 {
							position: absolute;
							height: 250px;
							z-index: 1;
							transition: all 0.5s ease-in-out;
							top: -40%;
							right: -15%;	}
						.product-img-cups {
							position: absolute;
							height: 200px;
							z-index: 1;
							transition: all 0.5s ease-in-out;
							top: -20%;
							right: -20%;	}

					.product-card-body {
						height: auto;
						background: #1f1f1f;
						border-radius: 0 0 25px 25px;
						position: relative;
						text-align: center;	}
						.product-detail {
							text-align: left;
							padding-left: 25px;
							width: 75%;	}

					.product-title ul {
						padding-inline-start: 0;}
						.product-title ul li p {
							font-size: 18px;}

					.a-product-properties {
						width: 90%;
						margin: auto;
						display: flex;
						flex-direction: row;
						align-items: center;
						justify-content: space-between;
					position: relative;}
						.product-properties h3 {
							margin: 0;}

						.a-product-properties.no-cta h3{
							margin-left: 25px;
						}
					.a-product-price {
						padding: 16px 32px;
						min-width: 100px;
						text-align: center;
						display: inline-block;
						font-size: 24px;
						font-weight: 200;
						color: white;
						border-radius: 7px;
						background: transparent;
						box-shadow: -10px 20px 15px -10px rgba(10, 10, 10, 0.3);
						transition: all 0.5s ease-in-out;
						margin-bottom: 25px;
						border: 2px solid #4773a9;	}
						.a-product-price:hover {
							background: #4773a9;	}
						.a-product-price p {
							margin: 0;
							color: white;	}

							.accolade-logo{
								position: absolute;
								height: 100px;
								z-index: 1;
								transition: all 0.5s ease-in-out;
								right: -10%;
								top:-40%
							}

/* Product Page */
.wrapper_1{
	height: auto;
	width: 60vw;
		min-width: 1000px;

	margin: auto;
		margin-top: 140px;
		margin-bottom: 100px;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	justify-content: flex-start;
	align-items: flex-start;}
	.prod-content{
		height: auto;
		width: 49.5% !important;
		
		margin: 0; 
			margin-bottom: 100px;}
		.prod-content.grey-bg{
			display: flex;
			flex-direction: row;	}


		.item {
			width: auto}		  
			.container_2 {
				display: flex;
				flex-wrap: wrap;

				width: 58%;
				text-align: center;} 
				.container_2 > div {
					flex: 48%; 
					flex-grow: 1;
					background: #1f1f1f;
					margin: 5px;}
					.container_2 > div.item.pin {
						flex: 48%; 
						flex-grow: 1;
						background: #1f1f1f;
						margin: 5px;}
						.prod-content img{
						border: 5px solid white;
						background: white;}
							.pp-product-img-stand {
								height: 100%;
								width: 100%;}
								.pp-product-img-pin {
									height: 100%;
									width: 100%;}
								.prod-image{
									height: 49%;
									width: 49%;}
									.prod-image.limit{
										height: 50%;
										width: 50%;
										padding: 0 100px;}

					.prod-content.text{
						height: auto;
						width: calc(39.5% - 50px) !important;
						
						margin: 0; 

						padding-left: 50px;}
						.prod-content.limit{
							text-align: right;}						
							.p-code{
								margin-top: 0;
								font-size: 12px;}
								li{
									margin: 0;
									line-height: auto;
									color: #fff;}
									.pp-sign{
										height: 75px;
										width: auto;

										background: none !important;
										border: none !important;

										margin-left: -15px;
									}
	.approval-row{
		display: flex;
		flex-direction: row;
	
		justify-content: flex-start !important;
		align-items: flex-start !important;
		margin-bottom: 50px !important;}
	.approval-row.center{
		justify-content: center !important;
		
		margin: auto; }
		.approval-row img{
			width: auto;
			height: 200px;

			margin: 5px;}
			.prod-image-feat{
				width: auto;
				height: 75px !important;

				margin: 5px;}
				.approval-row p{
					font-size: 22px !important;	}
	
					.approval-row.center.mat{
						justify-content: flex-start !important;
						
						margin: 0;
						margin-bottom: 0 !important;
						width: 99%;
						flex-wrap: wrap; }
							.prod-image-feat.mat{
								width: auto;
								height: 70px !important;
				
								margin: 5px;}
								.approval-row.center.mat p{
									font-size: 12px !important;
									text-align: center!important;	}

									.approval-row.center.mat div {
								
										margin: 5px;
										width: 100px;}
					
		.approval-row div{
			text-align: center;
			margin: 0 25px;

			width: 250px;}

	.category-hr{
		margin-top: 25px !important;
		margin-bottom: 25px;
		display: block;}

	.accordion {
		color: #fff;
		cursor: pointer;
		padding: 10px;
		width: 100%;
		text-align: left;
		border: none;
		outline: none;
		transition: 0.4s;
		display: flex;
		justify-content: space-between;
		align-items: center;

		background: transparent;
		margin-bottom: 10px;}
		.accordion p{
			margin: 0;	}
			.panel {
				padding: 0 18px;
				background-color: transparent;
				max-height: 0;
				overflow: hidden;
				transition: max-height 0.2s ease-out; }
				.panel p{ 
				font-size: 14px !important;}
				.accordion:after {
				content: '\02795'; /* Unicode character for "plus" sign (+) */
				font-size: 13px;
				color: #fff;
				float: right;
				margin-left: 5px;}      
				.active:after {
				content: "\2796"; /* Unicode character for "minus" sign (-) */}

.video-wrap{
	margin: 50px auto;
	width: 60vw;
	height: auto;
}

	.image-row{
		width: 100% !important;
		height: 525px;

		display: flex;
		flex-direction: row;
		justify-content: flex-start !important;
		align-items: center;

		overflow-x: scroll;
		overflow-y: hidden;

		margin: auto;
		margin-top: 25px;
		margin-bottom: 25px!important;}
		.image-row img{
			width: auto;
			height: auto;
			max-height: 500px;
			
			margin: 25px;}
			.image-row div{
				width: auto;
				height: auto;
				max-height: 500px;
				
				margin: 25px;}

				.pp-accolade-logo{
					background: none !important;
					border: none !important;

					height: 100px;
				}

@media screen and (max-width: 1900px) {
	
	.wrapper_1{
		height: auto;
		width: 70vw;
			min-width: 1000px;
	
		margin: auto;
			margin-top: 140px;
			margin-bottom: 100px;
	
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	
		justify-content: flex-start;
		align-items: flex-start;}
		
		.container_2 > div {
			flex: 48%; 
			flex-grow: 1;
			background: #1f1f1f;
			margin: 5px;}


	.left h1 {
		position: absolute;
		top: 50%;
		right: 50%;
		transform: translate(75%, -50%);
		z-index: 9;
		width: 200%;
		font-family: univers;
		font-size: 58px;
		font-weight: bold;
		letter-spacing: 0.015em;
		color: white;
		margin: auto;
		text-transform: uppercase;	}
		.left h1 span a {
			font-family: univers;
			font-size: 22px;
			font-weight: bold;
			letter-spacing: 0.015em;
			color: white;
			margin: auto;
			text-transform: uppercase;
			border: 2px solid #4773a9;
			padding: 16px 32px 16px;	}
}

@media screen and (max-width: 1100px) {
	.cat.button-row {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: auto;
		margin-top: 25px;
		margin-bottom: 25px;
		flex-wrap: wrap;
		height: auto;
		width: 90%;	}
		.cat.button-row div {
			width: 200px;
			background: #1f1f1f;
			padding: 16px 32px;
			margin: 1px;
			text-align: center;
			cursor: pointer;	}
			.cat.button-row div:first-of-type {
				border-radius: 20px 20px 0 0;}
			.cat.button-row div:last-of-type {
				border-radius: 0 0px 25px 25px;	}
			
}

@media screen and (max-width: 999px) {
	h2{
		font-size: 24px;}

	.navigation .container {
		margin: 0;
		padding: 0;	}
		.container span {
			margin-right: 15px;}
		.container h3 {
			font-size: 22px;
			font-family: Univers;
			letter-spacing: 0.15em;
			margin: 0;
			margin-bottom: 5px !important;
			color: black;}
		.container a {
			color: white;
			outline: none;
			text-decoration: none;}
		
		.col.c-in a {
			justify-content: center;
			align-items: center;}
		
		.menu {
			position: fixed;
			top: 0;
			left: 0;
			width: 100vw;
			z-index: 20;
			background: black;
			height: 90px;}
			.container {
				position: relative;
				margin: 0 5px;
				width: 90%;
				padding: 0 20px;
				height: 100%;	}
				.menu-trigger {
					position: absolute;
					top: 18.5px;
					right: 25px;
					height: 55px;
					width: 60px;
					cursor: pointer;
					transition: opacity 130ms ease-out;	}
				.logo {
					height: 22.5px;
					width: auto;
					margin-right: 15px;	}
	.wrapper {
		width: 90vw;
		min-width: unset;
		height: auto;
		background: #121212;
		margin: 90px auto 50px auto;
		position: relative;	}
		.splash-wrapper {
			width: 100%;
			min-width: unset;
			margin-top: 150px;
			margin-bottom: 50px;
			display: flex;
			flex-direction: column-reverse;
			align-items: center;
			justify-content: space-between;	}
			.splash-wrapper .left {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				margin-top: 20px;}

	.left {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		margin-top: 100px;}
		.left h1 {
			position: relative;
			width: 100%;
			top: unset;
			transform: none;
			right: unset;
			font-family: univers;
			font-size: 32px;
			font-weight: bold;
			letter-spacing: 0.015em;
			color: white;
			margin: auto;
			text-transform: uppercase;	}
			.left h1 span {
				margin-top: 50px;}
				.left h1 span a {
					font-family: univers;
					font-size: 16px;
					font-weight: bold;
					letter-spacing: 0.015em;
					color: white;
					margin: auto;
					text-transform: uppercase;
					border: 2px solid #4773a9;
					padding: 18px 32px 16px;
					line-height: 100px;}

	.right {
		width: 100%;
		height: 100%;
		margin-top: 5px;}
		.vimeo-wrap {
			display: flex;
			align-items: center;
			justify-content: center;}

	.prompt {
		display: none;}
	.arrow {
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin: auto;
		text-align: center;	}
		.arrow.animated {
			display: block;	}	
		.arrow:before, .arrow:after {
			content: '';
			position: absolute;
			top: 0;
			right: -24px;
			width: 30px;
			height: 7px;
			border-radius: 10px;
			display: block;
			background: white;
			transform: rotate(-45deg);	}
		.arrow:after {
			right: inherit;
			left: -24px;
			transform: rotate(45deg);	}
		.animated {
			animation: bounce 3s both infinite;	}
			@-webkit-keyframes bounce {
			0% {
				opacity: 0;
			}

			60% {
				opacity: 1;
			}

			100% {
				opacity: 0;
			}	}
			@-moz-keyframes bounce {
			0% {
				opacity: 0;
			}

			60% {
				opacity: 1;
			}

			100% {
				opacity: 0;
			}	}
			@-o-keyframes bounce {
			0% {
				opacity: 0;
			}

			60% {
				opacity: 1;
			}

			100% {
				opacity: 0;
			}}
			@keyframes bounce {
			0% {
				opacity: 0;
			}

			60% {
				opacity: 1;
			}

			100% {
				opacity: 0;
			}	}

	.content-block {
		width: 100%;
		min-width: unset;
		margin-bottom: 100px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;}
		.content-block .left {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: unset;
		margin-top: 0;}
		.content-block .right {
		width: 100%;
		padding-left: unset;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;}

		.swiper {
			max-width: 1067px;
			max-height: 600px;
		
			width: 90vw;
		
			margin-left: unset !important;}
			.swiper-button-next, .swiper-button-prev {
				position: absolute;
				top: 50%;
				width: 24px !important;
				height: var(--swiper-navigation-size);
				margin-top: calc(0px - (var(--swiper-navigation-size)/ 3));
				z-index: 10;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				color: var(--swiper-navigation-color,var(--swiper-theme-color));	}
				.swiper-button-next:after, .swiper-button-prev:after {
					font-family: swiper-icons;
					font-size: 24px !important;
					text-transform: none!important;
					letter-spacing: 0;
					text-transform: none;
					font-variant: initial;
					line-height: 1;		}

	.overview-banner-mobile {
		width: 100%;
		height: auto;
	display: block;	}
	.overview-banner-desktop {
			display: none;	}
		.group-category-banner-img{
			height: 150px;	}
			.banner-container h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 2;
			font-size: 48px;}

	.group-category-img {
		width: 250px;
		margin: auto;}

		
		.wrapper_1 {
			height: auto;
			width: 80vw;
			min-width: unset;
			margin: auto;
			margin-top: 140px;
			margin-bottom: -25px;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: flex-start;	}
			.container_2 {
				display: flex;
				flex-wrap: wrap;
				width: 100%;
				text-align: center;
			margin-bottom: 50px;	}
				.category-hr {
					margin-top: 25px!important;
					margin-bottom: 25px;
					display: block;
					width: 100%;				}
				.uls{
					text-align: left;	}
		
					.prod-image {
						height: 70%;
						width: 70%;
						margin: auto;}

						.container_2 > div {
							flex: 45%;
							background: #1f1f1f;
							margin: 5px;	}
							.container_2 > div.item.pin {
								flex: 46%;
								flex-grow: 1;
								background: #1f1f1f;
								margin: 5px;	}

						.prod-content.text {
						height: auto;
						width: 95% !important;
						margin: auto;
						padding-left: 0;}
						.pp-sign {
							height: 75px;
							width: auto;
							background: none !important;
							border: none !important;
							margin-left: 0px;	}
					
					.approval-row {
						width: 100%;
						display: flex;
						flex-direction: row !important;
						align-items: center;
						justify-content: space-between;
						margin-top: 0;
						text-align: center;
						margin-bottom: 25px !important;}
						.approval-row img{
						width: auto;
						height: 70px;
						
						margin: 5px;}			
							.approval-row.center {
								justify-content: center !important;
								margin: auto;
								flex-direction: row !important;	}
								.approval-row div {
									text-align: center;
									margin: AUTO;
										margin-top: 0;
									width: 250px;	}
									.approval-row p {
										font-size: 14px !important;
									}
				
					ul{
						list-style-type: none;
						padding: 0;}
						.panel {
						padding: 0 18px;
						background-color: white;
						max-height: 0;
						overflow: hidden;
						transition: max-height 0.2s ease-out;
						text-align: left;  }

					.image-row{
						max-height: unset !important;
						height: auto;  }		  
						.image-row img {
							width: auto;
							height: auto;
							max-height: 300px;
							margin: 25px;	}
					
}

@media screen and (max-width: 600px) {

	.range-container {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly;
		align-items: flex-start;
		margin-top: 100px;
		margin-bottom: 0px;}
	.group-range-container{
		margin-top: 0;	}

		.card {
			border-radius: 25px;
			box-shadow: -11px 11px 11px rgb(10 10 10 / 30%);
			position: relative;
			background: #1f1f1f;
			margin-bottom: 75px;	}
			.card-flex {
				display: flex;
				flex-direction: column;
				margin: 0 75px 50px 0;	}
				.card-image {
					width: 235px;
					height: 235px;
					margin: auto;
					margin-top: 25px;
					margin-bottom: 25px;
					border-radius: 5px;}

				.product-card-container {
					width: 80vw;
					height: auto;
					margin: 0;
					padding: 5px;
					cursor: pointer;	}
					.product-img-stand {
						position: absolute;
						height: 200px;
						z-index: 1;
						transition: all 0.5s ease-in-out;
						top: 40%;
						right: -5%;	}

						.product-img-stand-headstock {
							position: absolute;
							height: 225px;
							z-index: 1;
							transition: all 0.5s ease-in-out;
							top: 20%;
							right: -20%;
						}

					.product-img-pin {
						height: 70px;
						transition: all 0.5s ease-in-out;
						transform: rotate(90deg);
						position: absolute;
						top: 50%;
						right: -25%;
						z-index: 1;	}
					.product-img-fork {
						position: absolute;
						height: 150px;
						z-index: 1;
						transition: all 0.5s ease-in-out;
						top: 0%;
						right: -15%;	}
					.product-img-cups {
						position: absolute;
						height: 140px;
						z-index: 1;
						transition: all 0.5s ease-in-out;
						top: 10%;
						right: -15%;}
					.product-img-fork2 {
						position: absolute;
						height: 150px;
						z-index: 1;
						transition: all 0.5s ease-in-out;
						top: 0%;
						right: -10%;	}
					.product-img-stand-singleside {
						position: absolute;
						height: 250px;
						z-index: 1;
						transition: all 0.5s ease-in-out;
						top: 15%;
						right: -15%;	}
			
				.product-title{
					width: 90%;}
					.product-title ul {
						padding-inline-start: 10px;	}
					
				.a-product-price {
							padding: 16px 32px;
							min-width: 70px;
							text-align: center;
							display: inline-block;
							font-size: 24px;
							font-weight: 200;
							color: white;
							border-radius: 7px;
							background: transparent;
							box-shadow: -10px 20px 15px -10px rgb(10 10 10 / 30%);
							transition: all 0.5s ease-in-out;
							margin-bottom: 25px;
							border: 2px solid #4773a9;}
							.accolade-logo{
								position: absolute;
								height: 100px;
								z-index: 1;
								transition: all 0.5s ease-in-out;
								right: -10%;
								top:-20%
							}
}