/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

*,
::after,
::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji";
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}
body {
	margin: 0;
}
b,
strong {
	font-weight: 500;
}
code,
kbd,
pre,
samp {
	font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono",
		Menlo, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
table {
	border-color: currentcolor;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
	-webkit-appearance: button;
}
legend {
	padding: 0;
}
progress {
	vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
summary {
	display: list-item;
}

/* ================================
   FONTS 
   ================================ */

@font-face {
	font-family: "Silverstone Display";
	src: url("../fonts/SilverstoneDisplay-Bold.woff2") format("woff2"),
		url("../fonts/SilverstoneDisplay-Bold.woff") format("woff"),
		url("../fonts/SilverstoneDisplay-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Silverstone Text";
	src: url("../fonts/SilverstoneText-Book.woff2") format("woff2"),
		url("../fonts/SilverstoneText-Book.woff") format("woff"),
		url("../fonts/SilverstoneText-Book.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Silverstone Text";
	src: url("../fonts/SilverstoneText-BookItalic.woff2") format("woff2"),
		url("../fonts/SilverstoneText-BookItalic.woff") format("woff"),
		url("../fonts/SilverstoneText-BookItalic.ttf") format("truetype");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Silverstone Text";
	src: url("../fonts/SilverstoneText-Medium.woff2") format("woff2"),
		url("../fonts/SilverstoneText-Medium.woff") format("woff"),
		url("../fonts/SilverstoneText-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Silverstone Text";
	src: url("../fonts/SilverstoneText-Bold.woff2") format("woff2"),
		url("../fonts/SilverstoneText-Bold.woff") format("woff"),
		url("../fonts/SilverstoneText-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

/* ================================
   COLOUR VARS 
   ================================ */

:root {
	--midnight: #120531;
	--race-red: #ff002d;
	--royal-blue: #10069f;
	--white: #fff;
	
	--junior-primary: #ff5c00;
	--junior-secondary: #76232f;
}

/* ============================================
   LAYOUT BASE
=============================================== */

.col-100p {
	width: 100%;
	clear: both;
}

.content-max-width {
	width: 100%;
	max-width: 1300px;
	padding-left:30px;
	padding-right:30px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.row-cont {
	padding-top: 70px;
	padding-bottom: 70px;
	overflow: hidden;
}

	.product-ilter-intro {
		padding-top: 50px;
		padding-bottom: 0;
	}

.bg-midnightBlue {
	background-color: var(--midnight);
}

.bg-royalBlue {
	background-color: var(--royal-blue);
}

@media (max-width: 767px) {
	
	.row-cont {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	
	.product-ilter-intro {
		padding-bottom:0 !important;
	}

}



/* ================================
   STYLES BASE
   ================================ */

body {
	font-family: "Silverstone Text", Arial, sans-serif;
	font-size: 1.3rem;
	line-height: 1.4;
	letter-spacing: 0.4px;
	font-weight: 300;
	color: var(--white);
	margin: 0;
	background-color: var(--midnight);
	scroll-behavior: smooth;
}

h1 {
	font-size: 3.5rem;
	line-height: 1;
	text-transform: uppercase;
	margin: 0 0 25px 0;
	display: block;
	width: 100%;
	font-weight: 300;
	letter-spacing: 15px;
}

h2,
h3,
h4 {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #fff;
	margin: 0 0 30px 0;
	display: block;
	width: 100%;
}

h2 {
	font-size: 2.6rem;
	line-height: 1.1;
}

h3 {
	font-size: 1.9rem;
	line-height: 0.95;
}

h4 {
	font-size: 1.4rem;
	line-height: 0.95;
}

p {
	margin: 0 0 25px 0;
}

.text-col p {
	float: left;
	clear: both;
}

a {
	color: var(--race-red);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p a:visited:not(.cta) {
	color: var(--race-red);
	text-decoration: none;
}

@media (max-width: 767px) {
	
	h1 {
		font-size: 2rem;
		line-height: 1;
	}

	
	h2 {
		font-size: 2.2rem;
		line-height: 1.1;
	}

}

@media (max-width: 410px) {
	
	h2 {
		font-size: 1.8rem;
		line-height: 1.1;
	}

}

/* CTA Buttons */
.cta {
	font-family: "Silverstone Text", Arial, sans-serif;
	font-weight: 500;
	letter-spacing: 4px;
	width: auto;
	padding: 15px 40px;
	text-align: center;
	text-transform: uppercase;
	clear: both;
	display: block;
	float: left;
	margin: 20px 0;
	color: #fff;
	border: 0;
	font-size: .9em;
	line-height: 105%;
	position: relative;
	background-color: var(--race-red);
	-webkit-clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 15px);
			clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 15px);
	
	
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

	.cta:hover {
		text-decoration: none;
		background-color: var(--royal-blue) !important;
	}
	
	.bg-royalBlue .cta:hover {
		background-color: var(--midnight) !important;
	}
	
	/*
	.cta:before {
		content: '';
		  position: absolute;
		  top: -1px;
		  left: -1px;
		  width: calc(100% + 2px);
		  height: calc(100% + 2px);
		  
		background:linear-gradient(-36deg,white 79%,transparent 42%) 0 0/28px 106% no-repeat,
		  linear-gradient(white,white) 25px 0/calc(100% - 1px) 100% no-repeat;
		  z-index: -1; 
	}
	*/
.cta-right {
	float: right;
}

.cta-inline {
	display: inline-block;
	float: unset;
	margin-top: 0;
}

/*.cta-rainbow {
	font-family: "Silverstone Text", Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color:#fff;
	border:none;
	padding:10px 30px;
	background:linear-gradient(-36deg,var(--midnight) 79%,transparent 42%) 0 0/28px 106% no-repeat,
	linear-gradient(var(--midnight),var(--midnight)) 25px 0/calc(100% - 38px) 100% no-repeat
}
*/

/* Extras Carousel CTAs */

.cta-extras {
	padding:0 !important;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
	
	.cta-extra-label {
		padding: 15px 20px;
		float: left;
		display: block;
		font-size: 1.3rem;
		text-align: left;
	}
	
	.cta-extras-prefix {
		font-size: .7rem;
		font-style: italic;
	}
	
	.cta-extra-price {
		padding: 15px 20px 15px 45px;
		font-size: 1.3rem;
		float: right;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
		background-color: var(--royal-blue);
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;

		
		-webkit-clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%, 0 100%);
		clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%, 0 100%);
	}
	
	.cta-extras:hover .cta-extra-price {
		background-color: var(--race-red);
	}


/* Theme the buttons */
.cta-theme-orange {
	background:-o-linear-gradient(126deg,var(--junior-secondary) 79%,transparent 42%) 0 0/28px 106% no-repeat,
	-o-linear-gradient(var(--junior-secondary),var(--junior-secondary)) 25px 0/calc(100% - 1px) 100% no-repeat;
	background:linear-gradient(-36deg,var(--junior-secondary) 79%,transparent 42%) 0 0/28px 106% no-repeat,
	linear-gradient(var(--junior-secondary),var(--junior-secondary)) 25px 0/calc(100% - 1px) 100% no-repeat;
}

@media (max-width: 767px) {
	.cta-inline {
		float: left;
	}
}

@media (max-width: 500px) {
	.cta:not(.to-top) {
		width: 100%;
		padding: 15px 21px;
	}
}


/* ============================================
   SECTION: HEADER
=============================================== */

.header-cont {
	font-size: 1rem;
}

	.header-has-hero {
		position: fixed;
		top:0; left:0; right:0;
		z-index: 9;
	}

	.header-inner {
		padding: 30px 20px 20px 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
		  opacity: 1;
		  -webkit-transform: scaleY(1);
			  -ms-transform: scaleY(1);
				  transform: scaleY(1);
		  -webkit-transform-origin: top;
			  -ms-transform-origin: top;
				  transform-origin: top;
		  visibility: visible;
		  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, background 0.3s ease, -webkit-transform 0.1s ease;
		  transition: opacity 0.3s ease, visibility 0.3s ease, background 0.3s ease, -webkit-transform 0.1s ease;
		  -o-transition: transform 0.1s ease, opacity 0.3s ease, visibility 0.3s ease, background 0.3s ease;
		  transition: transform 0.1s ease, opacity 0.3s ease, visibility 0.3s ease, background 0.3s ease;
		  transition: transform 0.1s ease, opacity 0.3s ease, visibility 0.3s ease, background 0.3s ease, -webkit-transform 0.1s ease;
	}
	
	
	 .main-nav-cont {
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		width: 100%;
		float: left;
		text-align: center;
	}
	
	/* only do this on bigger screens */
	@media (min-width: 768px) {	
			
			.scrolled .header-inner {
				opacity: 0;
				-webkit-transform: scaleY(0);
					-ms-transform: scaleY(0);
						transform: scaleY(0);
				visibility: hidden;
				max-height: 0px;
			}
		
			.scrolled .main-nav-cont {
				position: fixed;
				top:0;
				width: 100%;
				background-color: var(--midnight);
				padding: 10px 0;
				z-index:9;
			}
		
	}
	
	/* only do this on smaller screens */
	@media (max-width: 767px) {	
			
			.scrolled .header-inner {
				background: var(--midnight);
			}		
		
	}
	
	
	
	.header-inner a.header-text-link {color: #fff; font-weight: 500; letter-spacing: 4px;}
	
	.header-inner > div  {
		width: 33.33%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
	}
	
	.header-col-left {
		text-align: left;
		-webkit-box-pack: left;
			-ms-flex-pack: left;
				justify-content: left;
	}
	
		.header-text-link {
			text-transform: uppercase;
		}

	.header-col-mid {
		text-align: center;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}
	
		.header-logo {
			display: inline-block;
		}
	
	.header-col-right {
			text-align: right;
			-webkit-box-pack: end;
				-ms-flex-pack: end;
					justify-content: flex-end;
		}
		
		.header-col-right .cta {
			margin:0;
			padding-right:20px;
			padding-left:20px;
		}
		
		
	
	.main-nav {
		margin: 0 auto;
		padding:0;
		display: inline-block;
		list-style: none none;
		text-align: center;
		text-transform: uppercase;
		font-weight: 500;
		letter-spacing: 5px;
		font-size: 1rem;
	}	
		
		.main-nav li {
			padding:0;
			list-style: none none;
			display: inline-block;
			margin: 0 30px;
			position:relative;
		}
	
		.main-nav li > a {
			display: block;
			width: 100%;
			padding:10px 0;
			color: #fff;
			position: relative;
		}
		
			.main-nav a:hover {
				text-decoration: none;
			}
						
			.main-nav a:hover:after,
			.main-nav li.active > a:after {
				content: '';
				bottom: 0; left:0;
				position: absolute;
				display: block;
				width: 100%;
				height: 2px;
				background: -webkit-gradient(linear,left top, right top,from(rgba(215, 10, 132, 1)), color-stop(36%, rgba(255, 248, 68, 1)), color-stop(71%, rgba(147, 0, 255, 1)), to(rgba(4, 205, 15, 1)));
				background: -o-linear-gradient(left,rgba(215, 10, 132, 1) 0%, rgba(255, 248, 68, 1) 36%, rgba(147, 0, 255, 1) 71%, rgba(4, 205, 15, 1) 100%);
				background: linear-gradient(90deg,rgba(215, 10, 132, 1) 0%, rgba(255, 248, 68, 1) 36%, rgba(147, 0, 255, 1) 71%, rgba(4, 205, 15, 1) 100%);
			}
	
			.main-nav li ul {
			 /*min-width: max-content;*/
			 min-width: 255px;
			  display:none;
			  position:absolute;
			  left:0;
			  background:var(--white);
			  float:left;
			  padding: 0;
			  width: 100%;
			}
			
			.main-nav li ul li {
				width:100%;
				margin: 0;
				text-align: left;
			}
			
				.main-nav ul li a {
					color: var(--midnight);
					padding-left:15px;
					padding-right:15px;
				}
			
			.main-nav li:hover ul {
			  display:block;
			}
			
			/* Animation */
			@-webkit-keyframes slideInLeft {
				from {
					opacity: 0;
					-webkit-transform: translateX(-20px);
							transform: translateX(-20px);
				}
				to {
					opacity: 1;
					-webkit-transform: translateX(0);
							transform: translateX(0);
				}
			}
			@keyframes slideInLeft {
				from {
					opacity: 0;
					-webkit-transform: translateX(-20px);
							transform: translateX(-20px);
				}
				to {
					opacity: 1;
					-webkit-transform: translateX(0);
							transform: translateX(0);
				}
			}
			
				@media (min-width: 768px) {	
				
							.main-nav li:hover ul li {
								-webkit-animation: slideInLeft 0.3s ease forwards;
										animation: slideInLeft 0.3s ease forwards;
								opacity: 0;
							}
							
							.main-nav li:hover ul li:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
							.main-nav li:hover ul li:nth-child(2) { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; }
							.main-nav li:hover ul li:nth-child(3) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
							.main-nav li:hover ul li:nth-child(4) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
							.main-nav li:hover ul li:nth-child(5) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
					
				}
			
				.mobile-menu-toggle {
					display: none;
				}
				
			.main-nav .mobile-show {
					display: none;
				}
				
@media (max-width: 767px) {	
	
	.main-nav .mobile-show {
		display: block;
	}

	
	/* === Mobile hamburger === */
	.mobile-menu-toggle {
		display: block;
		background: none;
		border: none;
		cursor: pointer;
	}
	
		.mobile-menu-toggle span {
			display: block;
			width: 35px;
			height: 3px;
			margin: 5px 0;
			background: #fff;
			-webkit-transform-origin: center;
				-ms-transform-origin: center;
					transform-origin: center;
			opacity: 1;
			-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
			transition: opacity .2s ease, -webkit-transform .3s ease;
			-o-transition: transform .3s ease, opacity .2s ease;
			transition: transform .3s ease, opacity .2s ease;
			transition: transform .3s ease, opacity .2s ease, -webkit-transform .3s ease;
		}
	
		.mobile-menu-toggle.open > :last-child {
			opacity: 0;
		}
		
		.mobile-menu-toggle.open span {
			-webkit-transform: rotate(45deg) translateY(-5px);
				-ms-transform: rotate(45deg) translateY(-5px);
					transform: rotate(45deg) translateY(-5px);
		}
		
		.mobile-menu-toggle.open > :first-child {
			-webkit-transform: rotate(-45deg) translateY(5px);
				-ms-transform: rotate(-45deg) translateY(5px);
					transform: rotate(-45deg) translateY(5px);
		}
		
		
		.header-inner {
			position: relative;
			z-index:1;
		}


	.header-left,
	.header-col-right a {
		display: none !important;
	}
	
	.header-col-mid {
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: flex-start;
	}

		
	.main-nav-cont {
		width: 100%;
		background: var(--midnight);
		position: fixed;
		top: 0;
		right: -200%;
		height: 100%;
		padding: 120px 40px !important;
		opacity: 0;
		-webkit-transition: right .1s ease, opacity 1s ease;
		-o-transition: right .1s ease, opacity 1s ease;
		transition: right .1s ease, opacity 1s ease;
	}
		
	.main-nav-cont.open {
		right: 0;
		opacity: 1;
	}
		
	.main-nav {
		display: block;
	}
	
	.main-nav li {
		margin: 0;
		text-align: left;
		clear: both;
		padding: 2px 0;
		float: left;
		width: 100%;
	}
		
		.main-nav li.has-children > a {
			width: calc(100% - 52px);
			border-right: solid 1px #fff;
			float: left;
		}
	
			.main-nav > li.has-children >span {
				content:'';
				background-image: url("data:image/svg+xml,%3Csvg height='34.2mm' viewBox='0 0 192.8 96.9' width='68mm' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath d='m7.2 36.1-7.2 4.2 96.3 56.6 96.5-56.6-7.2-4.3-89.3 52.4z'/%3E%3Cpath d='m7.2 0-7.2 4.3 96.3 56.6 96.5-56.7-7.2-4.2-89.3 52.4z'/%3E%3C/g%3E%3C/svg%3E");
				background-size: 30px auto;
				background-repeat: no-repeat;
				background-position: center;
				position: relative;
				display: block;
				float: right;
				width:35px;
				height:54px;
				cursor: pointer;
				-webkit-transition: -webkit-transform .3s ease;
				transition: -webkit-transform .3s ease;
				-o-transition: transform .3s ease;
				transition: transform .3s ease;
				transition: transform .3s ease, -webkit-transform .3s ease;
			}
		
			.main-nav > li.has-children >span.open {
				-webkit-transform: rotate(180deg);
					-ms-transform: rotate(180deg);
						transform: rotate(180deg)
			}
		
		.main-nav li a,
		.main-nav ul li a {
			padding: 15px 0;
			color: #fff;
		}
		
		.main-nav li ul.submenu {
			display: none;
			position: relative;
			background: none;
			margin:0;
		}
		
		.main-nav li ul.submenu.open {
			display: block;
		}
		
		ul.submenu li,
		.main-nav-cont.open ul li {
			-webkit-animation: slideInLeft 0.3s ease forwards;
					animation: slideInLeft 0.3s ease forwards;
			opacity: 0;
		}
		
		ul.submenu.open li:nth-child(1),
		.main-nav-cont.open ul li:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
		ul.submenu.open li:nth-child(2),
		.main-nav-cont.open ul li:nth-child(2) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
		ul.submenu.open li:nth-child(3),
		.main-nav-cont.open ul li:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
		ul.submenu.open li:nth-child(4),
		.main-nav-cont.open ul li:nth-child(4) { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }
		ul.submenu.open li:nth-child(5),
		.main-nav-cont.open ul li:nth-child(5) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
		
	
	
}
	
				


		
		
.to-top {
	position:fixed;
	bottom: 0;
	left:50%;
	-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
			transform: translateX(-50%);
	font-size:1rem;
	padding:15px 20px;
	z-index: 1;
	
	display: block;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate(-50%,30px);
		-ms-transform: translate(-50%,30px);
			transform: translate(-50%,30px);
	
	-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.1s ease;
	
	transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.1s ease;
	
	-o-transition: transform 0.1s ease, opacity 0.3s ease, visibility 0.3s ease;
	
	transition: transform 0.1s ease, opacity 0.3s ease, visibility 0.3s ease;
	
	transition: transform 0.1s ease, opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.1s ease;
}	

.to-top.show {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
}	

/* ============================================
   SECTION: PAGE HERO
=============================================== */
		
	.block-page-hero {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: end;
			-ms-flex-pack: end;
				justify-content: flex-end;
		z-index:0;
		position: relative;
	}	
	
	.hero-no-media {
		padding-top:100px;
	}
	
	.hero-size-enlarged {
		height: 65vh;
		min-height: 700px;
		
		-webkit-box-align: center;
		
			-ms-flex-align: center;
		
				align-items: center;
		text-align: center;
	}
	
		.hero-size-enlarged .page-hero-inner {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
				-ms-flex-direction: column;
					flex-direction: column;
			-webkit-box-pack: end;
				-ms-flex-pack: end;
					justify-content: flex-end;
			-webkit-box-align: center;
				-ms-flex-align: center;
					align-items: center;
			text-align: center;
		}
	
	.hero-size-condensed {
		height: 55vh;
		min-height: 500px;
		max-height: 650px;
	}
	
	.hero-size-condensed .page-hero-inner {
		 padding-bottom: 40px;
	 }
	 
	 .page-hero-inner > :last-child {margin-bottom:0;}
	
	.page-hero-media {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index:0;
		overflow: hidden;
	}
	
	.page-hero-media:before {
		content: '';
		position: absolute;
		display: block;
		height: 500px;
		width: 100%;
		background: -webkit-gradient(linear,left top, left bottom,from(rgba(18, 5, 49, .9)), to(rgba(18, 5, 49, 0)));
		background: -o-linear-gradient(top,rgba(18, 5, 49, .9) 0%, rgba(18, 5, 49, 0) 100%);
		background: linear-gradient(180deg,rgba(18, 5, 49, .9) 0%, rgba(18, 5, 49, 0) 100%);
		z-index: 1;
	}	
	
	.page-hero-media:after {
		content: '';
		position: absolute;
		bottom:0;
		display: block;
		height: 500px;
		width: 100%;
		background: -webkit-gradient(linear,left bottom, left top,from(rgba(18, 5, 49, .9)), to(rgba(18, 5, 49, 0)));
		background: -o-linear-gradient(bottom,rgba(18, 5, 49, .9) 0%, rgba(18, 5, 49, 0) 100%);
		background: linear-gradient(0deg,rgba(18, 5, 49, .9) 0%, rgba(18, 5, 49, 0) 100%);
		z-index: 1;
	}	
	
	.hero-size-condensed .page-hero-media:after {
			height: 200px;
	}
	
		.page-hero-media img {
			width: 100%;
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
			display: block;
		}
		
		.page-hero-media iframe {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
			width: 100vw;
			height: 56.25vw; /* 100vw * 9 / 16 */
			min-width: 177.78vh; /* 100vh * 16 / 9 */
			min-height: 100vh;
			-o-object-fit: cover;
			   object-fit: cover;
			pointer-events: none; /* Optional: disables interactions */
		}
	
		.page-hero-inner {
			z-index: 1;
		}
		
			.page-hero-inner .cta {
				margin:0;
			}
				
		.cta-hero-more {
			position: relative;
			z-index: 2;
			color: var(--white);
			cursor: pointer;
			-webkit-animation: bounce 3s infinite;
			animation: bounce 3s infinite;
		
			display: -webkit-box;
		
			display: -ms-flexbox;
		
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
				-ms-flex-direction: column;
					flex-direction: column;
			-webkit-box-align: center;
				-ms-flex-align: center;
					align-items: center;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
			
			height:80px;
		}
		
		.hero .cta-hero-more svg {
			width: 75px;
			height: auto;
		}
		
		@-webkit-keyframes bounce {
			0%,
			100% {
				-webkit-transform: translateX(0) translateY(0);
				transform: translateX(0) translateY(0);
			}
			50% {
				-webkit-transform: translateX(0) translateY(-10px);
				transform: translateX(0) translateY(-10px);
			}
		}
		
		@keyframes bounce {
			0%,
			100% {
				-webkit-transform: translateX(0) translateY(0);
				transform: translateX(0) translateY(0);
			}
			50% {
				-webkit-transform: translateX(0) translateY(-10px);
				transform: translateX(0) translateY(-10px);
			}
		}
		
		
@media (max-width: 767px) {
	.hero-size-enlarged {
		height: 45vh;
		min-height: 450px;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		text-align: center;
	}
}
				

		
/* ============================================
   PAGE BUILDER STYLES: TEXT COLUMNS
=============================================== */

.content-wrapper {
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center;
}

	.bg-strobePrimary {
	background-image: url('https://d3gohgtnhvsuyf.cloudfront.net/siteFiles/strobe-primary-body-darker.jpg');
}

	.bg-strobeTlCorner {
		background-position: top left;
		background-size: 440px;
		background-image: url('https://d3gohgtnhvsuyf.cloudfront.net/siteFiles/strobe-tl.png');
	}

	


.has-bg-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.bg-gradient-left:before {
	content: '';
	position: absolute;
	top: 0; left:0; bottom: 0; right:0;
	display: block;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear,left top, right top,from(rgba(13, 3, 37, 1)), to(rgba(13, 3, 37, 0)));
	background: -o-linear-gradient(left,rgba(13, 3, 37, 1) 0%, rgba(13, 3, 37, 0) 100%);
	background: linear-gradient(90deg,rgba(13, 3, 37, 1) 0%, rgba(13, 3, 37, 0) 100%);
}


.text-cols-cont {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
	grid-template-columns: repeat(10, 1fr);
	gap: 30px;
	position: relative;
	z-index: 1;
}

.text-col {
	-ms-grid-column-span: 10;
	grid-column: span 10;
	-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
			order:1;
}


.text-col-10 { -ms-grid-column-span: 1; grid-column: span 1; }
.text-col-20 { -ms-grid-column-span: 2; grid-column: span 2; }
.text-col-30 { -ms-grid-column-span: 3; grid-column: span 3; }
.text-col-40 { -ms-grid-column-span: 4; grid-column: span 4; }
.text-col-50 { -ms-grid-column-span: 5; grid-column: span 5; }
.text-col-60 { -ms-grid-column-span: 6; grid-column: span 6; }
.text-col-70 { -ms-grid-column-span: 7; grid-column: span 7; }
.text-col-80 { -ms-grid-column-span: 8; grid-column: span 8; }
.text-col-90 { -ms-grid-column-span: 9; grid-column: span 9; }
.text-col-100 { -ms-grid-column-span: 10; grid-column: span 10; }

	.text-col-img {
		width: 100%;
		height: auto;
		-webkit-clip-path: polygon(45px 0, 100% 0, 100% 100%, 0 100%, 0 35px);
				clip-path: polygon(45px 0, 100% 0, 100% 100%, 0 100%, 0 35px);
		float: left;
	}

.text-col > :last-child,
.text-col p > .cta {
	margin-bottom:0 !important;
}

.img-col .splide__slide {width: 100%;}

.raw-html-embed {height:100%;}
	
iframe[src^="https://www.google.com/maps"] {
  width: 100%;
  min-height: 400px;
  border: none;
}


@media (max-width: 767px) {
	
	.text-col-70,
	.text-col-60,
	.text-col-50,
	.text-col-40 { -ms-grid-column-span: 10; grid-column: span 10; }
	
	.img-col {
		-webkit-box-ordinal-group:1;
			-ms-flex-order:0;
				order:0;
	}

}

.blockquote-cont {
	position: relative;
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
	overflow: hidden;
}

	.blockquote-inner {
		float: left;
		width: 100%;
	}

		.blockquote-cont blockquote {
			font-size: 2rem;
			line-height: 2.25rem;
			font-style: italic;
			float: left;
			text-transform: uppercase;
			width: 70%;
			padding: 0;
			margin:0;
			position: relative;
		}	
		
		.blockquote-cont blockquote:after {
			content: '';
			display: block;
			position: absolute;
			top:50%;
			right: -100%;
			width: 100%;
			height: 1px;
			background:#fff;
		}
		
		.blockquote-cont cite {
			float: left;
			clear: both;
			width: 100%;
			padding:10px
		}
		
	.blockquote-img-cont {
		position: absolute;
		top:0;
		left:0;
		z-index: -1;
		display: block;
		overflow: hidden;
		max-width: 50%;
		height: 100%;
	}
		
	.blockquote-img {
		width: auto;
		height: 100%;
		max-height:400px;
		float: left;
		-webkit-clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%, 0 25px);
				clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%, 0 25px);
	}
	
	.blockquote-img-cont:after {
		content: '';
		display: block;
		position: absolute;
		height: 100%;
		width: 80%;
		top: 0; right:0;
		background: -webkit-gradient(linear,right top, left top,from(rgba(13, 3, 37, .85)), to(rgba(13, 3, 37, 0)));
		background: -o-linear-gradient(right,rgba(13, 3, 37, .85) 0%, rgba(13, 3, 37, 0) 100%);
		background: linear-gradient(270deg,rgba(13, 3, 37, .85) 0%, rgba(13, 3, 37, 0) 100%);

	}
	
	.quote-with-image .blockquote-inner {
		padding:30px 0;
		width: 70%;
		float: right;
	}
	
	.quote-with-image .blockquote-inner blockquote {
		width: 90%;
	}
	
	.quote-with-image blockquote:after {
		display: none;
	}
	
@media (max-width: 600px) {
		
	.quote-with-image .blockquote-inner {
		width: 85%;
	}
	
	.blockquote-img-cont {
		height: 300px;
	}
	
	.blockquote-cont blockquote {
		font-size: 1.7rem;
		line-height: 1.9rem;
	}	
	
	.quote-with-image .blockquote-inner blockquote {
		width: 100%;
	}

	
}




/* ============================================
   PAGE BUILDER STYLES: USPs/Icons
=============================================== */

.block-icons {
	background: -webkit-gradient(linear,left top, right top,from(rgba(13, 3, 37, 1)), to(rgba(13, 3, 37, 0)));
	background: -o-linear-gradient(left,rgba(13, 3, 37, 1) 0%, rgba(13, 3, 37, 0) 100%);
	background: linear-gradient(90deg,rgba(13, 3, 37, 1) 0%, rgba(13, 3, 37, 0) 100%);
	padding-top:80px;
	padding-bottom:80px;
}

.block-icons-inner {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 60px 1fr 60px 1fr 60px 1fr;
	grid-template-columns: repeat(4, 1fr);
	gap: 60px;
}

	.icon-col {
		-ms-grid-column-span: 1;
		grid-column: span 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: flex-start;
		-webkit-box-align: start;
			-ms-flex-align: start;
				align-items: flex-start;
	}
	
	.icon-col img {
		width: auto;
		height: 100%;
		max-height: 100px;
		margin-bottom:30px;
	}
	
	.icon-col h4 {
		font-size: 1.35rem;
		margin:0 0 15px 0;
		line-height: 1.6rem;
	}
	
	.icon-col p {
		margin:0;
	}	
	
	
@media (max-width: 767px) {
	
	.block-icons-inner {
		gap: 30px;
	}
		
		.icon-col {
			-ms-grid-column-span: 2;
			grid-column: span 2;
		}
		
		.icon-col img {
			max-height: 85px;
			margin-bottom: 20px;
		}
	
	}
		
@media (max-width: 410px) {
		
		.icon-col {
			-ms-grid-column-span: 4;
			grid-column: span 4;
			-webkit-box-align: center;
				-ms-flex-align: center;
					align-items: center;
			text-align: center;
		}
		
		.icon-col img {
			max-height: 80px;
		}

	
	}
		
/* ============================================
	   PAGE BUILDER STYLES: GALLERY
=============================================== */

.gallery-image {
	-webkit-clip-path: polygon(28px 0, 100% 0, 100% 100%, 0 100%, 0 28px);
	clip-path: polygon(28px 0, 100% 0, 100% 100%, 0 100%, 0 28px);
} 

	.gallery-image img {
		transition: all 400ms;
		transform: scale(.9);
		opacity: .8;
		transform-origin: center center;
	}
	
	.gallery-image.splide__slide.is-active img {
		transform: scale(1);
		opacity: 1;
	}
	
/* ============================================
   PAGE BUILDER STYLES: PRODUCT CAROUSEL/ DEFAULT CAROUSEL
=============================================== */

/* Splide Overrides */
.splide__pagination {
	display: none !important;
}

.splide__arrows {
		clear: both;
		position: absolute;
		height: 80px;
		width: 100%;
		float: right;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-direction: row;
				flex-direction: row;
		-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
		-webkit-box-pack: end;
			-ms-flex-pack: end;
				justify-content: flex-end;
		padding: 10px;
		margin: 20px 0 0 0;
}

.splide__arrow {
	position: relative !important;
	left: unset !important;
	right: unset !important;
	overflow: hidden;
	text-indent: -400px;
	border-radius: 0 !important;
	background-color: unset !important;
	background-repeat: no-repeat !important;
	background-position: top center !important;
	background-size: 100% auto !important;
	display: block !important;
	width: 30px !important;
	height: 60px !important;
	top: unset !important;
	-webkit-transform: unset !important;
		-ms-transform: unset !important;
			transform: unset !important; 
	opacity:.6;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	-ms-touch-action: manipulation;
		touch-action: manipulation;
}

.splide__arrow:hover {
	opacity: 1;
}

.splide__arrow--next {
	background-image: url("data:image/svg+xml,%3Csvg height='68mm' viewBox='0 0 87.2 192.8' width='30.7mm' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m26.3 185.6 4.2 7.2 56.6-96.3-56.6-96.5-4.2 7.2 52.4 89.2-52.3 89.1zm-26.3 0 4.2 7.2 56.6-96.3-56.6-96.5-4.2 7.2 52.4 89.2z' fill='%23fff'/%3E%3C/svg%3E") !important;
}

.splide__arrow--prev {
	background-image: url("data:image/svg+xml,%3Csvg height='68mm' viewBox='0 0 87.2 192.8' width='30.7mm' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m60.8 7.2-4.2-7.2-56.6 96.3 56.6 96.5 4.2-7.2-52.3-89.3zm26.3 0-4.3-7.2-56.5 96.3 56.6 96.5 4.2-7.2-52.4-89.2z' fill='%23fff'/%3E%3C/svg%3E") !important;
	margin-right:25px;
}

.slider-container {
	padding: 50px 0 100px 0;
	float: left;
	clear: both;
}

.slider-product-card {
	overflow: hidden;
	position: relative;
	z-index: 0;
	background:#fff;
	-webkit-clip-path: polygon(45px 0, 100% 0, 100% 100%, 0 100%, 0 35px);
			clip-path: polygon(45px 0, 100% 0, 100% 100%, 0 100%, 0 35px);
	
	display: -webkit-box;
	
	display: -ms-flexbox;
	
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
}

	.slider-product-card:before {
		content: '';
		position: absolute;
		display: block;
		bottom: -174px;
		right: -112px;
		width: 250px;
		height: 297px;
		z-index: 0;
		-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
				transform: rotate(45deg);
	}

.slider-card-img {
	width: 100%;
	height: auto;
	float: left;
}

	.slider-card-inner {
		clear: both;
		padding:25px 25px 25px 25px;
		float: left;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: flex-start;
		z-index: 1;
		position: relative;
		width: 100%;
		height: 100%;
	}	
	
	.slider-card-inner h3 {
		font-size: 1.3rem;
		letter-spacing: 0.2rem;
		font-weight: bold;
		line-height: 1.2;
		margin: 0 0 20px 0;
	}
	
	.slider-card-list {
		margin:0 0 20px 0; padding:0;
		list-style-position: outside;
		font-size: 1.1rem;
	}
	
	.slider-card-list li {
		margin:0; padding:0;
	}
	
	.slider-card-action {
		margin-top: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
		text-transform: uppercase;
		-webkit-box-align: end;
			-ms-flex-align: end;
				align-items: flex-end;
	}	
		
		.slider-card-cta .cta {margin:0;padding: 11px 17px; font-size: 1rem;}
		
		.slider-card-price {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
				-ms-flex-direction: column;
					flex-direction: column;
			-webkit-box-align: end;
				-ms-flex-align: end;
					align-items: flex-end;
		}
		
		.slider-card-from {
			font-size: 0.95rem;
			line-height: 0.95rem;
		}
		
		.slider-card-amount {
			font-size: 2rem;
			font-weight: bold;
			line-height: 2.1rem;
		}	
	
	.card-theme-orange {
		background:var(--junior-primary);
	}
	
	.card-theme-orange:before {
		background: var(--junior-secondary);
	}
	
	/* DEFAULT CAROUSELS*/
	.slider-default-card {
		width: 28%;
		overflow: hidden;
		position: relative;
		z-index: 0;
		color: var(--midnight);
		background:#fff;
		-webkit-clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%, 0 25px);
				clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%, 0 25px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: flex-start;
	}
	
	.slider-default-card h3 {
		color: var(--midnight);
	}
	
	.slider-default-card .slider-card-inner > :last-child {
		margin-bottom:0;
	}
	
	.slider-default-card p {
		font-size: 1.1rem;
	}
	
	.slider-default-card .cta {
		margin:0;
		-webkit-clip-path: unset;
		clip-path: unset;
	}
	
@media (max-width: 767px) {
	.slider-container {
		padding: 50px 0 100px 0;
	}
}


/* ============================================
   SECTION: BLOCK STATS
=============================================== */
	

.block-stats {
	background: -webkit-gradient(linear,left top, right top,from(rgba(13, 3, 37, 1)), to(rgba(13, 3, 37, 0)));
	background: -o-linear-gradient(left,rgba(13, 3, 37, 1) 0%, rgba(13, 3, 37, 0) 100%);
	background: linear-gradient(90deg,rgba(13, 3, 37, 1) 0%, rgba(13, 3, 37, 0) 100%);
	padding-top:80px;
	padding-bottom:80px;
}

.stats-list {
	margin-top: 0;
	margin-bottom: 0;
	padding:0;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 5px 1fr 5px 1fr 5px 1fr;
	grid-template-columns: repeat(4, 1fr);
	gap: 5px;
}	

	.stats-list li {
		-ms-grid-column-span: 1;
		grid-column: span 1;
		padding:20px !important;
		list-style: none none;
		text-align: center;
		border-right: solid 1px rgba(255, 255, 255, .4);
	}

	.stats-list > :last-child {
		border-right: 0;
	}

		.stats-list span {
			display: block;
			width: 100%;
			clear: both;
		}
		
		.stat-value {
			font-family: "Silverstone Display", Arial, "Lucida Grande", sans-serif;
			font-size:5.5rem;
			line-height: 5.6rem;
		}
		
		.stat-label {
			text-transform: uppercase;
			letter-spacing: 5px;
			font-size: 1.3rem;
			line-height: 1.5rem;
		}
		
@media (max-width: 767px) {
	.stats-list {
		gap: 0;
		padding: 0 15px;
	}
	
	.stats-list li {
		-ms-grid-column-span: 2;
		grid-column: span 2;
		padding: 15px 10px 23px 10px !important;

	}
	
	.stats-list > :nth-child(2) {
		border-right: 0;
	}
	
	.stats-list > :nth-child(1),
	.stats-list > :nth-child(2) {
		border-bottom: solid 1px rgba(255, 255, 255, .4);
	}

	
}
		
@media (max-width: 490px) {
	
	.stat-value {
		font-size: 3.7rem;
		line-height: 3.7rem;
	}
	
	.stat-label {
		font-size: 1.1rem;
		line-height: 1.1rem;
	}

}
		
		
/* ============================================
   SECTION: BLOCK FEATURE CARDS ROWS/GRID
=============================================== */

.feature-card-row-inner {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 40px 1fr;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	}
				
	.feature-card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: flex-start;
	}	
	
	.feature-card-horizontal {
		-ms-grid-column-span: 2;
		grid-column: span 2;		
		-webkit-box-orient: horizontal;		
		-webkit-box-direction: normal;		
			-ms-flex-direction: row;		
				flex-direction: row;
		width: 100%;
		gap: 40px;
	}
	
	.feature-card-vertical {
		-ms-grid-column-span: 1;
		grid-column: span 1;	
		width: 100%;
	}
	
	.feature-card-vertical .cta {
		margin-top: auto;
	}
	
	.feature-card-order-textFirst picture {
		-webkit-box-ordinal-group:3;
			-ms-flex-order:2;
				order:2;
	}
	
	.feature-card-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-align: start;
			-ms-flex-align: start;
				align-items: flex-start;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		height: 100%;
	}
	
	.feature-card-inner > :last-child {margin-bottom: 0;}
	
		.feature-card-horizontal .feature-card-inner {
			width: 100%;
		}
	
	.feature-card picture {
			width: 100%;
		 }
		
	.feature-card-img {
			 width: 100%;
			 height: auto;
			  margin-bottom:20px;
			  -webkit-clip-path: polygon(45px 0, 100% 0, 100% 100%, 0 100%, 0 35px);
					  clip-path: polygon(45px 0, 100% 0, 100% 100%, 0 100%, 0 35px);
		  }
		 
		.feature-card-horizontal .feature-card-img {
			margin:0;
		}
	
	.feature-card-sub {
		text-transform: uppercase;
		color: var(--race-red);
		display: block;
		width: 100%;
		clear: both;
		margin-bottom:5px;
		font-size: 1.1rem;
		letter-spacing: 4px;
		font-weight: 500;
	}
	
	
	@media (max-width: 767px) {
		
		.feature-card-horizontal {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
				-ms-flex-direction: column;
					flex-direction: column;
			gap: 20px;
		}
		
			.feature-card-horizontal .feature-card-inner {
				width: 100%;
			}
		
		.feature-card-vertical {
			-ms-grid-column-span: 2;
			grid-column: span 2;	
		}
		
		.feature-card-order-textFirst picture {
			-webkit-box-ordinal-group: 1;
				-ms-flex-order: 0;
					order: 0;
		}

	
	}

	
/* ============================================
   SECTION: CONTACT AREA
=============================================== */
	
	.contact-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-direction: row;
				flex-direction: row;
	}
	
	
/* ============================================
	 PROMO BANNER
	=============================================== */
		
	.block-promo-banner {
		padding-top: 50px;
		padding-bottom: 0;
	}
	
		.promo-banner {
			width: 100%;
			height: auto;
			display: block;
		}
		
@media (max-width: 767px) {
	.block-promo-banner {
		padding-top: 30px;
		padding-bottom: 10px;
	}
}

	
	/* ============================================
			SECTION: PRODUCTS PAGE FILTERS
	=============================================== */
	
	.sprig-component {
		width: 100%;
	}
	
	.block-product-filters {
		padding-top:40px;
	}
		
	.product-filters-inner {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  padding: 1rem 2rem;
	  color: #fff;
	  gap: 1rem;
	}
	
	.filter-label {
	  font-size: 2rem;
	  font-weight: 800;
	  text-transform: uppercase;
	  letter-spacing: 4px;
	  -ms-flex-negative: 0;
		  flex-shrink: 0;
	}
	
	.filter-group {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  gap: 1rem;
	  -webkit-box-flex: 1;
		  -ms-flex: 1;
			  flex: 1;
	  -webkit-box-pack: space-evenly;
		  -ms-flex-pack: space-evenly;
			  justify-content: space-evenly;
	}
	
	.filter-group select {
	  -moz-appearance: none;
		   appearance: none;
	  -webkit-appearance: none;
	  background: #fff;
	  color: var(--midnight);
	  font-weight: 700;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  border: none;
	  padding: 0.75rem 2.5rem 0.75rem 1rem;
	  font-size: 1rem;
	  border-radius: 0;
	  position: relative;
	  width: 100%;
	  max-width: 30%;
	  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
	  background-repeat: no-repeat;
	  background-position: right 1rem center;
	  background-size: 1rem;
	  cursor: pointer;
	}
	
	.filter-clear {
	  text-transform: uppercase;
	  font-weight: 700;
	  letter-spacing: 2px;
	  font-size: 0.9rem;
	  text-decoration: none;
	  color: #fff;
	  white-space: nowrap;
	  -ms-flex-negative: 0;
		  flex-shrink: 0;
	}
	
	.filter-clear:hover {
	  text-decoration: underline;
	}
	
	@media (max-width: 680px) {
		
		.product-filters-inner {
		  -webkit-box-align: center;
			  -ms-flex-align: center;
				  align-items: center;
		  -webkit-box-orient: vertical;
		  -webkit-box-direction: normal;
			  -ms-flex-direction: column;
				  flex-direction: column;
		  -webkit-box-pack: justify;
			  -ms-flex-pack: justify;
				  justify-content: space-between;
		  -ms-flex-wrap: wrap;
			  flex-wrap: wrap;
		  padding: 1rem 2rem;
		  color: #fff;
		  gap: 1rem;
		}
		
		.filter-group select {
			max-width: unset;
		}
		
	}

	@media (max-width: 500px) {
		
	
		.filter-group {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
				-ms-flex-direction: column;
					flex-direction: column;
			width: 100%;
		}
		
		.block-product-filters {
			padding-top:10px;
		}
			

				
	}
	
	
	/* ============================================
			SECTION: PRODUCTS PAGE  CARDS
	=============================================== */
	
	.product-cards-inner {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}	
	
	.prod-card:not(.splide__slide) {
		-ms-grid-column-span: 1;
		grid-column: span 1;
		width: 100%;
	}
	
	.prod-card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
	}
	
		.prod-card-image-wrap {
			position: relative;
			-webkit-clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%, 0 30px);
					clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%, 0 30px);
			width: 100%;
			clear: both;
			float: left;
			bottom: -1px;
		}
		
		.prod-card-img {
			width: 100%;
			height: auto;
			float: left;
		}
		
		.prod-card-price {
			position: absolute;
			bottom: 0 ;
			right:0;
			padding: 8px 25px 2px 25px;
			text-transform: uppercase;
			color: var(--white);
			-webkit-clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 15px);
					clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 15px);
		}
		
	.prod-card-inner {
		width: 100%;
		padding:20px 20px 20px 20px;
		clear: both;
		
		display: -webkit-box;
		
		display: -ms-flexbox;
		
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: flex-start;
		-webkit-box-align: start;
			-ms-flex-align: start;
				align-items: flex-start;
		-webkit-box-flex: 1;
			-ms-flex: 1;
				flex: 1;
	}
	
		.prod-category {
			text-transform: uppercase;
			font-size: 1.1rem;
			line-height: 1.2rem;
			font-weight: 500;
			margin-bottom: 15px;
			display: block;
			letter-spacing: 0.1rem;
		}
		
		.prod-title {
			font-size: 1.7rem;
			font-weight: 500;
			letter-spacing: .1rem;
			line-height: 1.9rem;
			margin-bottom: 15px;
		}
		
		.prod-card-inner p {
			font-size: 1.2rem;
			line-height: 1.4rem;
		}
		
		.prod-card-inner ul {
			margin:0 0 20px 0;
			padding:0;
			font-size: 1.1rem;
			line-height: 1.5rem;
			list-style: none none !important;
		}
		
			
		.content-wrapper ul {
			list-style: none none !important;
			position: relative;
		}
		
		.content-wrapper ul li {
			list-style: none none !important;
			position: relative;
			padding: 0 0 5px 20px;
		}
		
			.content-wrapper ul li:not(.stat-item,.prod-type-icons li)::before {
				content: url("data:image/svg+xml,%3Csvg viewBox='0 0 87.2 192.8' width='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m26.3 185.6 4.2 7.2 56.6-96.3-56.6-96.5-4.2 7.2 52.4 89.2-52.3 89.1zm-26.3 0 4.2 7.2 56.6-96.3-56.6-96.5-4.2 7.2 52.4 89.2z' fill='%23fff'/%3E%3C/svg%3E");
				color: white;
				position: absolute;
				left: 0;
				top: 3px;
				width: 5px;
				height: 5px;
			}
			
		.mandatory-flag {
			float: left;
			background: var(--midnight);
			padding: 3px 30px;
			font-size: .95rem;
			font-weight: 500;
			display: block;
			width: auto;
			margin: 0 0 10px 0; 
			-webkit-clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 8px); 
					clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 8px);
		}
		
		.prod-accordion-heading .mandatory-flag {
			position: absolute;
			top: -27px; right: 0; 
			padding: 3px 25px;
			height: 27px;
			width: auto;
		}
		
		ul.prod-card-icons {
			margin:0;
			padding:0;
			width:100%;
			
			display: -webkit-box;
			
			display: -ms-flexbox;
			
			display: flex;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			list-style: none;
			margin: auto 0 0 0;
			padding: 0;
			gap: 10px;
		}
		
		.prod-card-icons li::before {
		  display: none;
		}
		
		ul.prod-card-icons li {
		  font-weight: 500;
		  line-height: 1rem;
		  font-size: .9rem;
		  width: calc((100% - 20px) / 3); 
		  padding:0;
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -webkit-box-orient: horizontal;
		  -webkit-box-direction: normal;
			  -ms-flex-direction: row;
				  flex-direction: row;
		  -ms-flex-wrap: nowrap;
			  flex-wrap: nowrap;
		  -webkit-box-align: center;
			  -ms-flex-align: center;
				  align-items: center;
		  -webkit-box-pack: start;
			  -ms-flex-pack: start;
				  justify-content: flex-start;
		}
		
		.prod-card-icon {
			height: 100%;
			margin-right: 10px;
			max-height: 25px;
		}
		
		.prod-card-ctas {
			margin-top: -1px; /* fix clip path bug small gap*/
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
				-ms-flex-direction: row;
					flex-direction: row;
			-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
			-webkit-clip-path: polygon(100% 0, 100% 70%, 91% 100%, 0 100%, 0 0);
					clip-path: polygon(100% 0, 100% 70%, 91% 100%, 0 100%, 0 0);
		}
		
			.prod-card-ctas a {
				width: 50%;
				color: #fff;
				text-transform: uppercase;
				font-weight: 500;
				padding:15px 20px;
				text-align: center;
				letter-spacing: .15rem;
				font-size: 1.25rem;
				line-height: 1.25rem;
			}
			
			
	@media (max-width: 768px) {
		.block-product-cards {
			padding-top:0 !important
		}
		.product-cards-inner {
			-ms-grid-columns: (1fr)[2];
			grid-template-columns: repeat(2, 1fr);
		}	
	
		.prod-card:not(.splide__slide) {
			-ms-grid-column-span: 1;
			grid-column: span 1;
		}
		
		.prod-panel-left .mandatory-flag {
			position: relative;
			left: unset; top: unset; right: unset;
		}
		
	}
					
	@media (max-width: 600px) {
		.prod-card:not(.splide__slide) {
			-ms-grid-column-span: 2;
			grid-column: span 2;
		}
	}
					

			
		
	/* ============================================
		SECTION: PRODUCTS PAGE PRODUCT PANELS
	=============================================== */
	
	/* utility class: force-hide regardless of other CSS */
	.is-hidden {
	  display: none !important;
	}
	
	
	
	/* CLASSIFICATION ACCORDIONS */

	.classification-heading-bar {
		overflow: hidden;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}	
	
	.classification-heading {
		float: left;
		width:70%;
		padding: 30px 20px 30px 0;
		margin: 0;
		font-weight: 500;
		font-size: 1.9rem;
	}
	
	.classification-control {
		float: right;
		width: 225px;
		display: block;
		position: relative;
	}
	
	
	.classification-toggle {
		width: 100%;
		height: 100%;
		padding: 25px 20px;
		color: #fff;
		text-align: right;
		text-transform: uppercase;
		font-style: italic;
		font-size: 1.7rem;
		overflow: hidden;
		
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	
	.classification-toggle:hover {
		text-decoration: none;
	}
	
	.classification-from {
		position: relative;
		width: 100%;
		display: inline-block;
		transition: all .2s ease;
	}
	
		.classification-from strong {
			font-style: normal;
			font-weight: 500;
		}
	
	.classification-close {
		position: absolute;
		max-height: 0;
		visibility: hidden;
		opacity: 0;
		right: -100%;
		transition: all .2s ease;
	}
	
	.classification-from svg {
	
	}
	
	.classification-close svg {
		transform: rotate(180deg);
	}
	
	.classification-toggle svg {
		height: 15px;
		width: 40px;
		display: inline-block;
	}
			
	.classification-accordion.is-open .classification-close {
		position: relative;
		max-height: unset;
		visibility: visible;
		opacity: 1;
		right: 0;
	}
		
	.classification-accordion.is-open .classification-from {
		position: absolute;
		max-height: 0;
		visibility: hidden;
		opacity: 0;
		right: -100%;
		transition: all .2s ease;
	}
	
	.classification-accordion.is-open .prod-accordion {
		-webkit-animation: slideInLeft 0.3s ease forwards;
				animation: slideInLeft 0.3s ease forwards;
		opacity: 0;
	}
	
	.classification-accordion.is-open .prod-accordion:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
	.classification-accordion.is-open .prod-accordion:nth-child(2) { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; }
	.classification-accordion.is-open .prod-accordion:nth-child(3) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
	.classification-accordion.is-open .prod-accordion:nth-child(4) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
	.classification-accordion.is-open .prod-accordion:nth-child(5) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }


	
@media (max-width: 1200px) {
	
	.block-product-panels {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.classification-heading-bar {
		padding:0;
	}	
	
	.classification-heading {
		padding: 20px 20px 20px 30px;
		font-size: 1.65rem;
		display: flex;
		flex-direction: column;
		flex: 1;
		justify-content: center;
	}
	
	.classification-toggle {
		height: 100%;
		text-align: center;
		font-size: 1.2rem;
		padding:20px;
	}
	
	.classification-control {
		float: right;
		width: 100%;
		max-width: 150px;
		display: block;
		position: relative;
	}
	
	
}
	
	
@media (max-width: 768px) {
}	
	
	
	
	/* SET UP THE PRODUCT ACCORDION CONTAINER AND SUMMARIES*/
	.block-product-panels {
		background-size: cover;
		background-position: bottom right;
		background-repeat: repeat-y;
		overflow: hidden;
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom:25px;
		
		-webkit-clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 25px), ;
		clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 25px);
	}
	
		.prod-type-intro {
			width: 100%;
			float: left;
			padding-top:45px;
			padding-bottom:20px;
		}
		
		.prod-type-description {
			font-size: 1.2rem;
			line-height: 1.8rem;
			clear: both; width: 100%;
		}
		
			.prod-type-description > :last-child {margin-bottom:0;}
		
			.prod-type-description ul {
				margin:0; 
				padding:0;
				margin: 0 0 20px 0;
				float: left;
				width: 100%;
			}	
			
@media (max-width: 1200px) {
				
				
				.prod-type-intro {
					padding-top: 30px;
				}
			
				
			}

		
	/* PRODUCT ACCORDIONS, NESTED UNDER THE CLASSIFICATION ACCORDIONS */	
		
	.prod-accordion	{
		clear: both;
		float: left;
		width: 100%;
		margin-top: 50px;
		/*  -webkit-clip-path: polygon(
			20px 0,  
			100% 0,    
			100% calc(100% - 20px), 
			calc(100% - 20px) 100%, 
			0 100%,           
			0 30px           
		  );
		  clip-path: polygon(
			20px 0,
			100% 0,
			100% calc(100% - 20px),
			calc(100% - 20px) 100%,
			0 100%,
			0 20px
		  );
		 */
	}
	
	.classification-accordion .prod-accordion:last-of-type {
		margin-bottom:40px;
	}
		
	.prod-type-heading {
		font-weight: 500;
		font-size: 1.9rem;
		margin: 0 0 0 0;		
	}
				
		.prod-accordion-row {
			width: 100%;
			clear: both;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}	
		
			.prod-accordion-col {
				width: 50%;
				padding: 20px 30px;
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}
		
				.prod-accordion-col ul.prod-card-icons {
					margin-top:0;
					justify-content: space-between;
					}		
				
					.prod-accordion-col ul.prod-card-icons li {
						padding: 0 10px;
						width: unset;
					}		
			
					.prod-accordion-col .prod-card-icon {
						width: 30px;
						max-height: 30px;
					}
		
		.prod-accordion-ctas {
			overflow: hidden;
			opacity: 1;
			max-height: unset;
			transition: all .2s ease;
		}
		
			.prod-accordion-cta {
				width: 100%;
				display: inline-block;
				color: #fff;
				text-align: center;
				text-transform: uppercase;
				font-weight: 500;
				padding: 0;
				letter-spacing: .15rem;
				font-size: 1.25rem;
				line-height: 1.35rem;
			}
			
			.prod-accordion-cta svg {
				height:14px;
				width: 26px;
				display: inline-block;
			}
		
		
		
		/* SHOW HIDE STUFF ON OPEN CLOSE OF PRODUCT ACCORDIONS */
		.prod-card-icons {
			transition: all .05s ease;
		}
		
			.prod-accordion.is-open .prod-card-icons {
				opacity: 0;
				transform: translateX(100%);
				max-height: 0;
				padding:0;			
			}
		
		/* Hide the ions */
		.prod-accordion.is-open .prod-accordion-ctas,
		.prod-accordion.is-open .prod-accordion-ctas .prod-accordion-col {
			opacity: 0;
			transform: translateY(100%);
			max-height: 0;
			padding:0;			
		}
		
		.prod-accordion.is-open .prod-accordion-controls {
			align-items: end;
		}
		
		.prod-accordion-close {
			display: block;
			width: 155px;
			text-transform: uppercase;
			text-align: right;
			font-weight: 500;
			transform: translateX(100%);
			opacity: 0;
			max-height: 0;
			padding:0;			
			transition: all .2s ease;
		}
		
			.prod-accordion.is-open .prod-accordion-close {
				opacity: 1;
				transform: translateX(0);
				max-height: unset;
			}
		
				.prod-accordion-close svg {
					transform: rotate(180deg);
					height: 14px;
					width: 27px;
				}

		@media (max-width: 768px) {
		
			.prod-accordion.is-open .prod-accordion-row {
				flex-direction: row;
			}


				
			.prod-type-heading {
				font-size: 1.7rem;
				letter-spacing: 2px;
				line-height: 1.7rem;
			}
			
			.prod-accordion-row {
				flex-direction: column;
			}
			
				.prod-accordion-col {
					width: 100%;
				}
				
					.prod-accordion-heading {
						padding-bottom:0;
					}
				
				.prod-accordion-controls {
					padding-bottom:0;
					padding-left:0;
				}
				.prod-accordion-col ul.prod-card-icons {
					padding-left:20px;
				}

				
		
		
		}
		
		@media (max-width: 650px) {
			
			.prod-accordion-col ul.prod-card-icons li {
				flex-direction: column;
				padding: 0 3px;
				font-size: .6rem;
				justify-content: center;
			}
		
		.prod-accordion-col .prod-card-icon {
			width: 20px;
			margin: 0 0 3px 0;
		}
				
		}
		
		
		@media (max-width: 480px) {
			
			.prod-accordion-col {
				padding-right: 20px;
				padding-left: 20px;
			}
				.prod-accordion-controls {
				padding-bottom:0;
				padding-left:0;
			}
						
			.prod-accordion.is-open .prod-accordion-close {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				width: auto;
			}
			
			.prod-accordion-col ul.prod-card-icons {
				padding-left:20px;
			}

				
		}
		
		
		
		
		
		
	/* STYLE THE PRODUCT PANELS THAT SIT IN EACH ACCORDION */	
	.prod-panel {
		clear: both;
		width: 100%;
		float: left;
		-webkit-clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 25px);
				clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 25px);
	
		display: -webkit-box;
	
		display: -ms-flexbox;
	
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
		
		-webkit-box-shadow: 1px 1px 1px #000;
		
				box-shadow: 1px 1px 1px #000;
	}
	
	
	.prod-panel-left {
		padding: 0 30px 30px 30px;
		-webkit-box-flex: 1;
			-ms-flex: 1;
				flex: 1;
		position: relative;
	}
	
		.prod-panel h2 {
			font-weight: 500;
			letter-spacing: 0.1rem;
			margin-bottom: 15px;
		}
		
		.prod-panel-left > :last-child {
			margin-bottom:0;
		}
		
	.prod-panel-right {
		width: 205px;
		padding: 30px;
	}
	
	.prod-type-icons {
		list-style: none none;
		margin:0;
		padding:0;
		height: 100%;
		
		display: -webkit-box;
		
		display: -ms-flexbox;
		
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: space-evenly;
			-ms-flex-pack: space-evenly;
				justify-content: space-evenly;
	}
	
		.prod-type-icons li {
			padding:0 !important;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
				-ms-flex-direction: row;
					flex-direction: row;
			-webkit-box-align: center;
				-ms-flex-align: center;
					align-items: center;
			-webkit-box-pack: start;
				-ms-flex-pack: start;
					justify-content: flex-start;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			font-weight: 500;
			font-size: .9rem;
		}
		
		
		.prod-accordion.is-open .prod-type-icons li {
			-webkit-animation: slideInLeft 0.3s ease forwards;
					animation: slideInLeft 0.3s ease forwards;
			opacity: 0;
		}
		
		.prod-accordion.is-open .prod-type-icons li:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
		.prod-accordion.is-open .prod-type-icons li:nth-child(2) { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; }
		.prod-accordion.is-open .prod-type-icons li:nth-child(3) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
		.prod-accordion.is-open .prod-type-icons li:nth-child(4) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
		.prod-accordion.is-open .prod-type-icons li:nth-child(5) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
		
		.prod-type-icon {
			height: auto;
			max-height: 40px;
			max-width: 50px;
			width: 100%;
			margin: 0 15px 0 0;
		}
		
@media (max-width: 768px) {
	
	.prod-panel {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: flex-start;
	}
	
	.prod-panel-right,
	.prod-panel-left{
		width: 100%;
		padding:20px;
	}
		
		
	.prod-type-icons {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
		-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
	}
	
	.prod-type-icons li {
		min-width: 50px;
		margin: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		font-size: .75rem;
	}
	
	.prod-type-icon {
		margin: 0 0 10px 0;
		max-height: 23px;
	}
	
}

/* ============================================
   SECTION: FORMS
=============================================== */

.freeform-row {
	clear: both;
	overflow: hidden;
}

.fui-required {
	color: #fe3fb5 !important;
}

.fui-file-summary, .fui-instructions, .fui-limit-text, .fui-optional {
	color: #fff !important;
	font-size: 1rem !important;
}

label,
.freeform-label,
.fui-type-html p {
	width: 100%;
	float: left;
	text-align: left;
	line-height: 145%;
	padding: 4px 0;
	margin: 0;
	font-weight: 500;
	color: #fff;
	font-size: 1.3rem;
}

.fui-i {
	font-family: "Silverstone Text", Arial, sans-serif !important;
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

.fui-type-date .fui-row {display: block;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"]:not(.cur-year),
input[type="tel"],
input[type="date"],
input[type="file"],
textarea,
canvas {
	font-family: "Silverstone Text", Arial, sans-serif !important;
	background: #fff;
	border: solid 1px #b3b3b2 !important;
	padding: 16px 15px !important;
	font-size: 15px !important;
	border-radius: 5px !important;
	float: left;
	width: 100%;
	color: #333 !important;
	font-weight: 500;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	margin-top: 10px !important;
	letter-spacing: 0.5px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
input[type="file"]:focus,
textarea:focus {
	border: solid 1px #10069d;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	opacity: 1;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

.freeform-row select,
.fui-select {
	font-family: "SilverstoneText Text", Arial, sans-serif !important;
	width: 100% !important;
	color: #333 !important;
	border-radius: 0 !important;
	background: #fff;
	outline: 0;
	float: left;
	border: solid 1px #b3b3b2 !important;
	height: auto;
	min-height: 26px;
	margin-top: 10px !important;
	font-size: 15px !important;
	padding: 16px 15px !important;
	font-weight: 300;
}

.fui-legend,
.fui-label {
	width: 100%;
	float: left;
	color: #fff !important;
	text-align: left;
	font-size: 1.2em !important;
	line-height: 145% !important;
	font-weight: 500 !important;
	padding: 4px 0 !important;
	margin: 0 !important;
}

.fui-errors {
	width: 100%;
	display: block;
	clear: both;
	margin-top: 0;
}

.fui-error-message {
	width: 100%;
	border: solid 1px var(--race-red);
	background: var(--white) !important;
	display: block;
	clear: both;
	padding: 10px;
	color: var(--race-red) !important;
	line-height: 140%;
	color: var(--race-red) !important;
	font-weight: 500;
	font-size: 1.1rem;
	margin-top: 0;
}

.fui-alert {
	text-align: center;
	font-size: 1.1rem !important;
}

.fui-alert > :last-child {
	margin-bottom: 0;
}

.fui-alert-success {
	padding: 0 !important;
	background: 0 !important;
	text-align: left;
	color: #fff !important;
}

.fui-alert-success p {
	font-size: 1.3rem !important;
	line-height: 1.3;
}

input#submit,
button[type="submit"],
button[type="button"] {
	
	font-family: "Silverstone Text", Arial, sans-serif;
	font-weight: 500;
	letter-spacing: 4px;
	width: auto;
	padding: 15px 40px;
	text-align: center;
	text-transform: uppercase;
	clear: both;
	display: block;
	float: left;
	margin: 20px 0;
	color: var(--white);
	border: 0;
	font-size: 1.1em;
	line-height: 105%;
	position: relative;
	background-color: var(--race-red);
	-webkit-clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 15px);
			clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 15px);
	
	
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	outline: 0;
	border-radius: 0 !important;
	cursor: pointer;
}

button[type="submit"]:hover,
button[type="button"]:hover {
	text-decoration: none;
	background: var(--royal-blue);
}

/* Responsive */
@media (max-width: 768px) {
	.container {
		width: 90%;
	}

	.form-group {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
	}
}

@media (max-width: 500px) {
	input#submit,
	button[type="submit"],
	button[type="button"] {
		width: 100%;
	}
}


/* ============================================
   SECTION: FOOTER/SIGNOFF
=============================================== */

.footer-cont {
	background-color: var(--brand-midnight);
	color: #fff;
	font-size: 0.9rem;
	padding: 70px 0 80px 0;
	border-top: solid 1px var(--white);
}

.return-link {
	display: block;
	margin: 0 auto 30px auto;
	text-align: center;
	font-size: 1.2rem;
}
.return-link a {
	color: #fff;
}

.footer-sponsors {
	padding: 30px 0 70px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-direction: row;
			flex-direction: row;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	gap: 30px;
}

	.footer-sponsor {
		width: 150px;
		height:65px;
	}

	.footer-sponsor img {
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		   object-fit: contain;
		opacity: .7;
	}
	
	.footer-sponsor img:hover {
		opacity: 1;
	}
	
.footer-signoff-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-direction: row;
			flex-direction: row;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
}

.signoff-col {
	margin: 0 0 30px 0;
}

.footer-logos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-direction: row;
			flex-direction: row;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}

.footer-logo {
	margin: 0 20px;
	width: auto;
	max-height: 30px;
}

.logo-scl .footer-logo {
	margin-left: 0;
}

.footer-logos > :last-child {
	margin-right: 0;
}

.footer-social a {
	display: inline-block;
	padding: 0 20px;
}

.footer-social a:first-of-type {
	padding-left: 0;
}

.footer-social a:last-of-type {
	padding-right: 0;
}

.signoff-menu {
	padding: 0;
	margin:0;
}

.signoff-menu li {
	display: inline-block;
	padding: 0 10px;
}

.signoff-menu li:not(:last-child) {
	border-right: solid 1px #888298;
}

.signoff-menu a {
	color: var(--brand-white);
}

@media only screen and (max-width: 850px) {
	.footer-cont {
		text-align: center;
	}

	.footer-signoff-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-ms-flex-line-pack: center;
			align-content: center;
	}

	.signoff-col p {
		margin-bottom: 0;
	}
	.footer-social {
		text-align: center;
	}
	.footer-logos {
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}
	
	.footer-sponsors {
		gap: 20px;
	}
	
	.footer-sponsor {
		width: 145px;
		height: 55px;
	}
}

@media only screen and (max-width: 450px) {
	.footer-logo {
		max-height: 15px;
	}
}