/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css | Slight Mods for Me */

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.35;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
footer,
header,
nav,
section {
	display: block
}

h1 {
	font-size: 2em;
	margin: 1em 0
}

figcaption,
figure,
main {
	display: block
}

figure {
	margin: 1em 0
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:active,
a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: inherit
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

dfn {
	font-style: italic
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

audio,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

img {
	border-style: none;
	vertical-align: middle
}

svg:not(:root) {
	overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	display: inline-block;
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details,
menu {
	display: block
}

summary {
	display: list-item
}

canvas {
	display: inline-block
}

template {
	display: none
}

[hidden] {
	display: none
}

.container {
	width: 90vw;
	margin: 0 auto;
	max-width: 1136px
}

.container.tall {
	max-width: 768px
}

.container.full {
	max-width: 1340px
}

.container .content p a {
	color: #f21121
}

.button {
	text-decoration: none;
	display: inline-block;
	padding: 1em 2em;
	border-radius: .3125em;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	border-width: .125em;
	border-style: solid
}

.button.small {
	padding: .5em 1em;
	font-size: .625em
}

.button.medium {
	padding: .75em 1.5em;
	font-size: .8em
}

.button.solid.red {
	background: #f21121;
	color: #fff;
	-webkit-box-shadow: 0 .5em 1.25em rgba(242, 17, 33, .3);
	box-shadow: 0 .5em 1.25em rgba(242, 17, 33, .3);
	border-color: #f21121
}

.button.solid.red:hover {
	background: #403836;
	border-color: #403836
}

.button.outline.red {
	border-color: #f21121;
	background: 0 0;
	color: #f21121
}

.button.outline.red:hover {
	border-color: #403836;
	color: #403836
}

.button.outline.white {
	border-color: #fff;
	background: 0 0;
	color: #fff
}

.button.outline.white:hover {
	border-color: #403836;
	color: #403836
}

figure img {
	width: 100%;
	height: auto
}

.blur {
	background: rgba(0, 0, 0, .2);
	backdrop-filter: blur(.3em);
	-webkit-backdrop-filter: blur(.3em)
}

.subcat-title {
	margin: 3em 0 2em
}

.subcat-title h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	margin: 0
}

@media screen and (min-width:768px) {
	.subcat-title h2 {
		font-size: 3em
	}
}

.subcat-title p {
	text-align: center;
	margin: 1em 0 0 0
}

body,
html {
	font-size: 16px;
	color: #0d0d0d;
	line-height: 1.75;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	scroll-behavior: smooth
}

header {
	position: relative
}

@media screen and (min-width:1136px) {
	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 4rem;
		z-index: 100;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out
	}
}

@media screen and (min-width:1136px) {
	#header.sticky {
		-webkit-box-shadow: 0 1em 1em rgba(0, 0, 0, .15);
		box-shadow: 0 1em 1em rgba(0, 0, 0, .15);
		-webkit-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out
	}
}

#header.light-header {
	background: #f5f5f5
}

#header.light-header .container .content #logo #hamburger,
#header.light-header .container .content #logo #profire,
#header.light-header .container .content #show-menu #hamburger,
#header.light-header .container .content #show-menu #profire {
	fill: #0d0d0d;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

#header.dark-header {
	background: #0d0d0d
}

#header.dark-header .container .content #logo #hamburger,
#header.dark-header .container .content #logo #profire,
#header.dark-header .container .content #show-menu #hamburger,
#header.dark-header .container .content #show-menu #profire {
	fill: #bfbfbf;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

@media screen and (min-width:1136px) {
	#header.dark-header .container .content nav {
		background: #0d0d0d
	}
}

@media screen and (min-width:1136px) {
	#header.dark-header .container .content nav ul.main-menu>li>a {
		color: #bfbfbf;
		background: #0d0d0d
	}
}

@media screen and (min-width:1136px) {
	#header.dark-header .container .content nav ul.main-menu>li>a:hover {
		background: #0d0d0d
	}
}

@media screen and (min-width:1136px) {
	#header.dark-header .container .content nav ul.main-menu>li.menu-item-has-children:hover {
		background: #0d0d0d
	}
}

@media screen and (min-width:1136px) {
	#header.hover:after {
		content: "";
		display: block;
		width: 100%;
		height: 15.76437rem;
		background: #f5f5f5;
		position: absolute;
		top: 100%;
		left: 0;
		border-top: .2em solid #eaeaea
	}
}

header.no-nav .container .content {
	width: 100%;
	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-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media screen and (min-width:1136px) {
	#header.no-nav .container .content {
		height: 4em
	}
}

#header.no-nav .container .content figure#logo {
	width: 40vw;
	margin: 0
}

@media screen and (min-width:768px) {
	#header.no-nav .container .content figure#logo {
		width: 20vw
	}
}

@media screen and (min-width:1024px) {
	#header.no-nav .container .content figure#logo {
		width: 11%
	}
}

#header.no-nav .container .content #header-search {
	width: auto;
	margin: 0
}

@media screen and (min-width:1136px) {
	#header.no-nav .container .content #header-search {
		width: 10em;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
}

#header .container {
	padding: 1em 0
}

@media screen and (min-width:1136px) {
	#header .container {
		padding: 0
	}
}

#header .container .content {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (min-width:1136px) {
	#header .container .content {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
}

#header .container .content figure#logo {
	width: 40vw;
	margin: 0 auto 0 0;
	line-height: 1
}

@media screen and (min-width:768px) {
	#header .container .content figure#logo {
		width: 20vw
	}
}

@media screen and (min-width:1024px) {
	#header .container .content figure#logo {
		width: 11%
	}
}

@media screen and (min-width:1136px) {
	#header .container .content figure#logo:hover #profire {
		fill: #f21121;
		-webkit-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out
	}
}

#header .container .content nav {
	position: fixed;
	top: -105vh;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #f5f5f5;
	z-index: -5;
	min-height: -webkit-fill-available;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

@media screen and (min-width:1136px) {
	#header .container .content nav {
		position: relative;
		top: auto;
		left: auto;
		width: 72%;
		height: 4em;
		z-index: 5;
		min-height: none
	}
}

#header .container .content nav.showing {
	top: 0;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	z-index: 50
}

#header .container .content nav ul.main-menu {
	margin: 0;
	padding: 0
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 100%;
		-ms-flex-wrap: no-wrap;
		flex-wrap: no-wrap
	}
}

#header .container .content nav ul.main-menu>li {
	list-style-type: none;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li {
		text-align: center;
		width: auto;
		height: auto;
		border: none;
		padding: 0;
		-webkit-box-sizing: content-box;
		box-sizing: content-box
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.sub-icon {
		height: auto;
		background-image: none !important
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.sub-icon a {
		padding-top: 0
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.sub-icon ul.sub-menu {
		background-size: 4em 4em;
		background-repeat: no-repeat;
		background-position: 4.55% 30%
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.sub-icon ul.sub-menu:before {
		position: absolute;
		width: .2em;
		height: 60%;
		background: #eaeaea;
		content: "";
		display: block;
		left: 25%;
		top: 20%
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.sub-icon ul.sub-menu:after {
		position: absolute;
		left: 4%;
		top: 0;
		padding-top: 6.5em;
		font-size: 1.375em;
		text-transform: uppercase;
		width: 7.5em
	}
}

#header .container .content nav ul.main-menu>li a {
	margin: auto;
	text-transform: uppercase;
	font-size: 4vw;
	color: #0d0d0d;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	padding: 1em 1rem;
	background: #fff
}

@media screen and (min-width:768px) {
	#header .container .content nav ul.main-menu>li a {
		font-size: 1.5em
	}
}

@media screen and (min-width:1024px) {
	#header .container .content nav ul.main-menu>li a {
		padding: .75rem 2rem
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li a {
		padding: 0 1.4vw;
		width: 100%;
		height: 100%;
		font-size: .875em;
		background: #f5f5f5
	}
}

@media screen and (min-width:1920px) {
	#header .container .content nav ul.main-menu>li a {
		padding: 0 2em
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li>a {
		line-height: 4.5
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li>a:hover {
		background: #eaeaea
	}
}

#header .container .content nav ul.main-menu>li.menu-item-has-children {
	display: block;
	background: #fff
}

#header .container .content nav ul.main-menu>li.menu-item-has-children.open a {
	padding-bottom: .5rem
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children>a:after {
		content: "";
		display: inline-block;
		width: .65em;
		height: .5em;
		background-image: url(../img/icon-dropdown.svg);
		margin-left: .35em
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children:hover {
		background: #eaeaea
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children:hover ul.sub-menu, 
	#header .container .content nav ul.main-menu>li.menu-item-has-children:focus-within ul.sub-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children.column-3 ul.sub-menu li:nth-child(3n) {
		width: 50%
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children.column-2 ul.sub-menu li:nth-child(2n) {
		width: 75%
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children.column-1 ul.sub-menu li {
		width: 100%
	}
}

#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: none
}

#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu.mobile-showing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: left
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu {
		position: absolute;
		display: none;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0;
		padding: 3em 0 3em 30%;
		text-align: left;
		top: 100%;
		left: 0;
		background-color: #f5f5f5;
		width: 100%;
		height: 15.76437rem;
		border-top: .2em solid #eaeaea
	}
}

#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li {
	width: 50%
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li {
		width: 25%
	}
}

#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.sub-title a {
	color: #0d0d0d;
	pointer-events: none;
	text-decoration: underline
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.sub-title a {
		color: #f21121
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.o1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.o2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}

	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.o3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}

	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.o4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}

	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.o5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5
	}

	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.o6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6
	}

	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.o7 {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7
	}

	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.o8 {
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8
	}

	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.o9 {
		-webkit-box-ordinal-group: 10;
		-ms-flex-order: 9;
		order: 9
	}

	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.o10 {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10
	}

	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.o11 {
		-webkit-box-ordinal-group: 12;
		-ms-flex-order: 11;
		order: 11
	}

	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.o12 {
		-webkit-box-ordinal-group: 13;
		-ms-flex-order: 12;
		order: 12
	}

	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.o13 {
		-webkit-box-ordinal-group: 14;
		-ms-flex-order: 13;
		order: 13
	}
}

#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li a {
	font-size: 2.85vw;
	padding: .15em 0 .65em 1rem;
	color: #f21121
}

@media screen and (min-width:768px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li a {
		font-size: 2.25vw
	}
}

@media screen and (min-width:1024px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li a {
		font-size: 1em;
		padding-left: 2rem
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li a {
		font-size: .7rem;
		padding: 0;
		color: #0d0d0d
	}
}

#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li a:hover {
	color: #f21121
}

#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.no-idea-why-i-need-this {
	visibility: hidden
}

#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.icon-image {
	display: none
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.icon-image {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.icon-image a {
		font-size: 1.5em;
		line-height: 1.25;
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 7.5rem;
		background-size: auto 3.5em;
		background-repeat: no-repeat;
		background-position: left 1rem
	}
}

@media screen and (min-width: 1136px) {
    #header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.icon-image.icon-industries a {
        background-image:url("../img/pficon-industry.svg")
    }
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.icon-image.icon-products-services a {
		background-image: url(../img/pficon-products.svg)
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.icon-image.icon-support a {
		background-image: url(../img/pficon-support.svg)
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.icon-image.icon-resources a {
		background-image: url(../img/pficon-resources.svg)
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.icon-image.icon-about-us a {
		background-image: url(../img/pficon-about.svg)
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.see-all {
		width: 100%
	}
}

@media screen and (min-width: 1136px) {
    #header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.see-all.two {
        width:50%
    }
}

#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.see-all a {
	color: #0d0d0d
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.see-all a {
		color: #f21121
	}
}

@media screen and (min-width:1136px) {
	#header .container .content nav ul.main-menu>li.menu-item-has-children ul.sub-menu li.see-all a:hover:after {
		content: ">>";
		margin-left: .25em
	}
}

#header .container .content a#show-menu {
	display: block;
	width: 6.8vw
}

@media screen and (min-width:768px) {
	#header .container .content a#show-menu {
		width: 1.5em
	}
}

@media screen and (min-width:1136px) {
	#header .container .content a#show-menu {
		display: none
	}
}

#header .container .content a#hide-menu {
	position: fixed;
	bottom: -10vh;
	left: 0;
	width: 100%;
	height: 9vh;
	z-index: 55;
	background: #f21121;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

@media screen and (min-width:1136px) {
	#header .container .content a#hide-menu {
		display: none
	}
}

#header .container .content a#hide-menu.showing {
	bottom: 0;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

#header .container .content a#hide-menu span {
	margin: auto;
	display: block;
	width: 2em;
	height: 2em;
	line-height: 1
}

#header .container .content a#hide-menu span #chevron-up {
	fill: #fff
}

#header .container .content #header-search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 1em
}

@media screen and (min-width:1136px) {
	#header .container .content #header-search {
		width: 17%;
		margin: 0;
		position: relative
	}
}

@media screen and (min-width:1136px) {
	#header .container .content #header-search.searching form#searchform:before {
		left: -893%;
		z-index: 65;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	#header .container .content #header-search.searching form#searchform input[type=text] {
		right: 900%;
		width: 1000%;
		z-index: 60;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}
}

#header .container .content #header-search form#searchform {
	width: 70%;
	position: relative
}

#header .container .content #header-search form#searchform:before {
	content: "";
	display: block;
	width: .85em;
	height: .85em;
	background-image: url(../img/icon-search.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 4.5%;
	top: 50%;
	margin-top: -.375em;
	z-index: 12;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

@media screen and (min-width:768px) {
	#header .container .content #header-search form#searchform:before {
		left: 2%
	}
}

@media screen and (min-width:1024px) {
	#header .container .content #header-search form#searchform:before {
		left: 6%
	}
}

@media screen and (min-width:768px) {
	#header .container .content #header-search form#searchform {
		width: 80%
	}
}

@media screen and (min-width:1136px) {
	#header .container .content #header-search form#searchform {
		width: 45%
	}
}

#header .container .content #header-search form#searchform input[type=submit],
#header .container .content #header-search form#searchform label {
	display: none
}

#header .container .content #header-search form#searchform input[type=text] {
	position: relative;
	right: 0;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 10;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	background: #dedede;
	border: none;
	width: 100%;
	border-radius: .3125em;
	height: 2.5rem;
	font-size: .75em;
	text-indent: 2em
}

@media screen and (min-width:1136px) {
	#header .container .content #header-search form#searchform input[type=text] {
		height: 2rem
	}
}

#header .container .content #header-search form#searchform input[type=text]::-webkit-input-placeholder {
	color: #0d0d0d;
	text-indent: 2em
}

#header .container .content #header-search form#searchform input[type=text]::-moz-placeholder {
	color: #0d0d0d;
	text-indent: 2em
}

#header .container .content #header-search form#searchform input[type=text]:-ms-input-placeholder {
	color: #0d0d0d;
	text-indent: 2em
}

#header .container .content #header-search form#searchform input[type=text]::-ms-input-placeholder {
	color: #0d0d0d;
	text-indent: 2em
}

#header .container .content #header-search form#searchform input[type=text]::placeholder {
	color: #0d0d0d;
	text-indent: 2em
}

#header .container .content #header-search a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	text-transform: uppercase;
	background: #f21121;
	text-decoration: none;
	padding: 0 1em;
	height: 2.5rem;
	border-radius: .3125em;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: .75em
}

@media screen and (min-width:1136px) {
	#header .container .content #header-search a {
		padding: 0;
		width: 52%;
		height: auto
	}
}

#header .container .content #header-search a span {
	margin: auto
}

footer {
	background: #403836
}

footer .container {
	padding: 4.375em 0;
	color: #fff
}

@media screen and (min-width:1024px) {
	footer .container {
		padding: 6em 0
	}
}

footer .container.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	footer .container.notop {
		padding-top: 0
	}
}

footer .container.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	footer .container.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:1024px) {
	footer .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

footer .container .footer-left .logo {
	margin: 0;
	width: 45vw
}

@media screen and (min-width:768px) {
	footer .container .footer-left .logo {
		width: 13.625em
	}
}

footer .container .footer-left .logo svg path {
	fill: #fff
}

footer .container .footer-left p {
	margin: 3em 0
}

footer .container .footer-left h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em
}

footer .container .footer-left ul {
	margin: 1em 0 0 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1em
}

footer .container .footer-left ul li {
	list-style-type: none
}

footer .container .footer-right {
	margin-top: 4em
}

@media screen and (min-width:1024px) {
	footer .container .footer-right {
		margin: 0
	}
}

footer .container .footer-right address {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em
}

footer .container .footer-right address span {
	display: block;
	margin-bottom: 3em
}

footer .container .footer-right address a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

footer .container .footer-right address a:hover {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	color: #f21121
}

footer .container .footer-right ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: .75em
}

footer .container .footer-right ul li {
	list-style-type: none
}

footer .container .footer-right ul li a {
	color: #868686;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

footer .container .footer-right ul li a:hover {
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

@media screen and (min-width:1136px) {
	main {
		margin-top: 4rem
	}
}

#overlay {
	position: fixed;
	top: -110vh;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

#overlay.showing {
	top: 0;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

#overlay .modal {
	background: #fff;
	width: 90%;
	height: auto;
	margin: auto;
	border-radius: .3125em;
	padding: 2em;
	font-size: 2.5vw;
	position: relative;
	max-width: 768px;
	display: none
}

@media screen and (min-width:768px) {
	#overlay .modal {
		font-size: 16px;
		padding: 3em
	}
}

#overlay .modal a.modal-close {
	position: absolute;
	top: .25em;
	right: .25em;
	background: #f21121;
	font-size: 1rem;
	width: 1.5em;
	height: auto;
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-radius: .3125em
}

@media screen and (min-width:768px) {
	#overlay .modal a.modal-close {
		top: 1em;
		right: 1em
	}
}

#overlay .modal h3 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	#overlay .modal h3 {
		font-size: 1.75em
	}
}
/*
.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.pagination a,
.pagination span {
	display: block;
	float: left;
	margin: 2px 8px 2px 0;
	padding: 15px 25px;
	text-decoration: none;
	width: auto;
	color: #f21121;
	border-radius: 8px;
	border: 2px solid #403836
}

.pagination a:hover {
	color: #fff;
	background: #f21122;
	border-color: #f21122
}

.pagination .current {
	color: #fff;
	background: #f21122;
	border-color: #f21122
}
*/
.button {
	text-decoration: none;
	display: inline-block;
	padding: 1em 2em;
	border-radius: .3125em;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	border-width: .125em;
	border-style: solid
}

.button.small {
	padding: .5em 1em;
	font-size: .625em
}

.button.medium {
	padding: .75em 1.5em;
	font-size: .8em
}

.button.solid.red {
	background: #f21121;
	color: #fff;
	-webkit-box-shadow: 0 .5em 1.25em rgba(242, 17, 33, .3);
	box-shadow: 0 .5em 1.25em rgba(242, 17, 33, .3);
	border-color: #f21121
}

.button.outline.red {
	border-color: #f21121;
	background: 0 0;
	color: #f21121
}

.button.outline.white {
	border-color: #fff;
	background: 0 0;
	color: #fff
}

img {
	width: 100%;
	height: auto
}

.pfc-hero {
	padding: 4.375em 0;
	background: #0d0d0d
}

@media screen and (min-width:1024px) {
	.pfc-hero {
		padding: 6em 0
	}
}

.pfc-hero.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.pfc-hero.notop {
		padding-top: 0
	}
}

.pfc-hero.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.pfc-hero.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:1024px) {
	.pfc-hero .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.pfc-hero .container .content {
	color: #fff
}

@media screen and (min-width:1024px) {
	.pfc-hero .container .content {
		width: 45%
	}
}

.pfc-hero .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 10vw;
	margin: 0
}

@media screen and (min-width:768px) {
	.pfc-hero .container .content h1 {
		font-size: 3.75em
	}
}

.pfc-hero .container .content h1+h4 {
	font-size: 3.6vw;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.pfc-hero .container .content h1+h4 {
		font-size: 1.375em
	}
}

.pfc-hero .container .content h1+p {
	font-size: 16px;
	margin: 1em 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:1024px) {
	.pfc-hero .container .content h1 {
		font-family: industry, sans-serif;
		font-weight: 700;
		font-style: italic;
		font-size: 10vw;
		line-height: 1.2;
		text-transform: uppercase;
		margin: 0
	}
}

@media screen and (min-width:1024px) and (min-width:768px) {
	.pfc-hero .container .content h1 {
		font-size: 3em
	}
}

@media screen and (min-width:1024px) {
	.pfc-hero .container aside {
		width: 53%
	}
}

.pfc-hero .container aside img {
	width: 100%;
	height: auto
}

.pfc-hero-demo {
	background: #0d0d0d;
	padding: 1em 0 3em
}

.pfc-hero-demo .container .content {
	color: #fff
}

.pfc-hero-demo .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.pfc-hero-demo .container .content h2 {
		font-size: 3em
	}
}

.pfc-hero-demo .container .content>div {
	width: 100%;
	max-width: 450px;
	margin: 2em auto 0
}

.pfc-hero-demo .container .content>div label {
	display: none
}

.pfc-hero-demo .container .content>div input[type=email],
.pfc-hero-demo .container .content>div input[type=tel],
.pfc-hero-demo .container .content>div input[type=text] {
	background: #403836;
	width: 100%;
	height: auto;
	padding: 1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	border: none
}

.pfc-hero-demo .container .content>div input[type=email]::-webkit-input-placeholder,
.pfc-hero-demo .container .content>div input[type=tel]::-webkit-input-placeholder,
.pfc-hero-demo .container .content>div input[type=text]::-webkit-input-placeholder {
	color: #868686
}

.pfc-hero-demo .container .content>div input[type=email]::-moz-placeholder,
.pfc-hero-demo .container .content>div input[type=tel]::-moz-placeholder,
.pfc-hero-demo .container .content>div input[type=text]::-moz-placeholder {
	color: #868686
}

.pfc-hero-demo .container .content>div input[type=email]:-ms-input-placeholder,
.pfc-hero-demo .container .content>div input[type=tel]:-ms-input-placeholder,
.pfc-hero-demo .container .content>div input[type=text]:-ms-input-placeholder {
	color: #868686
}

.pfc-hero-demo .container .content>div input[type=email]::-ms-input-placeholder,
.pfc-hero-demo .container .content>div input[type=tel]::-ms-input-placeholder,
.pfc-hero-demo .container .content>div input[type=text]::-ms-input-placeholder {
	color: #868686
}

.pfc-hero-demo .container .content>div input[type=email]::placeholder,
.pfc-hero-demo .container .content>div input[type=tel]::placeholder,
.pfc-hero-demo .container .content>div input[type=text]::placeholder {
	color: #868686
}

.pfc-hero-demo .container .content>div input[type=submit] {
	text-decoration: none;
	display: inline-block;
	padding: 1em 2em;
	border-radius: .3125em;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	border-width: .125em;
	border-style: solid;
	background: #f21121;
	border-color: #f21121;
	color: #fff
}

.pfc-hero-demo .container .content>div input[type=submit].small {
	padding: .5em 1em;
	font-size: .625em
}

.pfc-hero-demo .container .content>div input[type=submit].medium {
	padding: .75em 1.5em;
	font-size: .8em
}

.pfc-hero-demo .container .content>div input[type=submit].solid.red {
	background: #f21121;
	color: #fff;
	-webkit-box-shadow: 0 .5em 1.25em rgba(242, 17, 33, .3);
	box-shadow: 0 .5em 1.25em rgba(242, 17, 33, .3);
	border-color: #f21121
}

.pfc-hero-demo .container .content>div input[type=submit].outline.red {
	border-color: #f21121;
	background: 0 0;
	color: #f21121
}

.pfc-hero-demo .container .content>div input[type=submit].outline.white {
	border-color: #fff;
	background: 0 0;
	color: #fff
}

.pfc-hero-demo .container .content>div fieldset {
	margin: .5em
}

.pfc-hero-demo .container .content>div .hs_submit.hs-submit {
	text-align: center
}

.pfc-hero-demo .container .content>div .hs-error-msgs {
	margin: .35em 0;
	padding: 0;
	text-align: left
}

.pfc-hero-demo .container .content>div .hs-error-msgs li {
	list-style-type: none
}

.pfc-hero-demo .container .content>div .hs-error-msgs li label {
	color: #fff;
	display: block;
	font-size: .7em;
	color: #868686
}

.pfc-sidebyside {
	background: #e3e3e3
}

@media screen and (min-width:1024px) {
	.pfc-sidebyside {
		padding: 4.375em 0
	}
}

@media screen and (min-width:1024px) and (min-width:1024px) {
	.pfc-sidebyside {
		padding: 6em 0
	}
}

@media screen and (min-width:1024px) {
	.pfc-sidebyside.notop {
		padding-top: 0
	}
}

@media screen and (min-width:1024px) and (min-width:1024px) {
	.pfc-sidebyside.notop {
		padding-top: 0
	}
}

@media screen and (min-width:1024px) {
	.pfc-sidebyside.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:1024px) and (min-width:1024px) {
	.pfc-sidebyside.nobottom {
		padding-bottom: 0
	}
}

.pfc-sidebyside .container {
	padding: 4.375em 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media screen and (min-width:1024px) {
	.pfc-sidebyside .container {
		padding: 6em 0
	}
}

.pfc-sidebyside .container.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.pfc-sidebyside .container.notop {
		padding-top: 0
	}
}

.pfc-sidebyside .container.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.pfc-sidebyside .container.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:1024px) {
	.pfc-sidebyside .container {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0
	}
}

@media screen and (min-width:1024px) {
	.pfc-sidebyside .container:nth-of-type(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin: 3em auto
	}
}

@media screen and (min-width:1024px) {
	.pfc-sidebyside .container:nth-of-type(even) .content {
		padding-right: 0;
		padding-left: 5%
	}
}

@media screen and (min-width:1024px) {
	.pfc-sidebyside .container .content {
		width: 40%;
		padding-right: 5%
	}
}

.pfc-sidebyside .container .content h3 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.pfc-sidebyside .container .content h3 {
		font-size: 1.75em
	}
}

.pfc-sidebyside .container .content p a {
	color: #f21121;
	text-decoration: underline
}

.pfc-sidebyside .container aside {
	margin: 2em 0 0 0
}

@media screen and (min-width:1024px) {
	.pfc-sidebyside .container aside {
		width: 49%;
		margin: 0
	}
}

.pfc-sidebyside .container aside img {
	width: 100%;
	height: auto
}

.pfc-see-how {
	background-color: #f5f5f5;
	padding: 4.375em 0;
	background-image: url(../../../../uploads/2023/01/pf-connect-benefit.svg);
	background-size: 80% auto;
	padding-bottom: 20em;
	background-position: center bottom;
	background-repeat: no-repeat
}

@media screen and (min-width:1024px) {
	.pfc-see-how {
		padding: 6em 0
	}
}

.pfc-see-how.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.pfc-see-how.notop {
		padding-top: 0
	}
}

.pfc-see-how.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.pfc-see-how.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:400px) {
	.pfc-see-how {
		background-size: 390px 277px
	}
}

@media screen and (min-width:1024px) {
	.pfc-see-how {
		padding-bottom: 23em
	}
}

.pfc-see-how .container .content {
	text-align: center
}

.pfc-see-how .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 2rem
}

@media screen and (min-width:768px) {
	.pfc-see-how .container .content h2 {
		font-size: 3em
	}
}

.pfc-with {
	background: #0d0d0d;
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.pfc-with {
		padding: 6em 0
	}
}

.pfc-with.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.pfc-with.notop {
		padding-top: 0
	}
}

.pfc-with.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.pfc-with.nobottom {
		padding-bottom: 0
	}
}

.pfc-with .container .content {
	color: #fff
}

.pfc-with .container .content h3 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.pfc-with .container .content h3 {
		font-size: 3em
	}
}

.pfc-with .container .content ul {
	margin: 2em auto;
	padding: 0
}

@media screen and (min-width:1024px) {
	.pfc-with .container .content ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.pfc-with .container .content ul li {
	list-style-type: none;
	text-align: center
}

@media screen and (min-width:1024px) {
	.pfc-with .container .content ul li {
		width: 30%
	}
}

.pfc-with .container .content ul li figure {
	width: 3.5em;
	margin: 0 auto
}

.pfc-with .container .content ul li figure img {
	width: 100%;
	height: auto
}

.pfc-with .container .content ul li span {
	display: block;
	margin: 1em 0 0 0;
	text-align: center
}

.pfc-features {
	padding: 4.375em 0;
	background: #0d0d0d
}

@media screen and (min-width:1024px) {
	.pfc-features {
		padding: 6em 0
	}
}

.pfc-features.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.pfc-features.notop {
		padding-top: 0
	}
}

.pfc-features.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.pfc-features.nobottom {
		padding-bottom: 0
	}
}

.pfc-features .container .content {
	color: #fff
}

.pfc-features .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.pfc-features .container .content h2 {
		font-size: 3em
	}
}

.pfc-features .container .content figure {
	width: 80%;
	margin: 1.5em auto
}

@media screen and (min-width:1024px) {
	.pfc-features .container .content figure {
		width: 30rem
	}
}

.pfc-features .container .content ul {
	margin: 2em auto;
	padding: 0
}

@media screen and (min-width:768px) {
	.pfc-features .container .content ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.pfc-features .container .content ul li {
	list-style-type: none;
	margin-bottom: 2em
}

@media screen and (min-width:768px) {
	.pfc-features .container .content ul li {
		width: 40%
	}
}

@media screen and (min-width:1024px) {
	.pfc-features .container .content ul li {
		width: 23%
	}
}

.pfc-features .container .content ul li figure {
	width: 3.5em;
	margin: 0 auto
}

.pfc-features .container .content ul li figure img {
	width: 100%;
	height: auto
}

.pfc-features .container .content ul li span,
.pfc-features .container .content ul li strong {
	display: block;
	text-align: center;
	margin: .7rem 0
}

.pfc-features .container .content ul li strong {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal
}

.pfc-features .container .content ul li span {
	font-size: .8em
}

.pfc-benefit {
	background: #000;
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.pfc-benefit {
		padding: 6em 0
	}
}

.pfc-benefit.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.pfc-benefit.notop {
		padding-top: 0
	}
}

.pfc-benefit.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.pfc-benefit.nobottom {
		padding-bottom: 0
	}
}

.pfc-benefit .container {
	max-width: 768px
}

.pfc-benefit .container .content {
	color: #fff;
	text-align: center
}

.pfc-benefit .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 1rem
}

@media screen and (min-width:768px) {
	.pfc-benefit .container .content h2 {
		font-size: 3em
	}
}

.pfc-demo {
	padding: 4.375em 0;
	background: #0d0d0d
}

@media screen and (min-width:1024px) {
	.pfc-demo {
		padding: 6em 0
	}
}

.pfc-demo.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.pfc-demo.notop {
		padding-top: 0
	}
}

.pfc-demo.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.pfc-demo.nobottom {
		padding-bottom: 0
	}
}

.pfc-demo .container .content {
	text-align: center;
	color: #fff
}

.pfc-demo .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.pfc-demo .container .content h2 {
		font-size: 3em
	}
}

.pfc-demo .container .content>div {
	margin: 3em auto;
	width: 100%;
	max-width: 450px
}

.pfc-demo .container .content>div label {
	display: none
}

.pfc-demo .container .content>div input[type=email],
.pfc-demo .container .content>div input[type=tel],
.pfc-demo .container .content>div input[type=text] {
	background: #403836;
	width: 100%;
	height: auto;
	padding: 1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	border: none
}

.pfc-demo .container .content>div input[type=email]::-webkit-input-placeholder,
.pfc-demo .container .content>div input[type=tel]::-webkit-input-placeholder,
.pfc-demo .container .content>div input[type=text]::-webkit-input-placeholder {
	color: #868686
}

.pfc-demo .container .content>div input[type=email]::-moz-placeholder,
.pfc-demo .container .content>div input[type=tel]::-moz-placeholder,
.pfc-demo .container .content>div input[type=text]::-moz-placeholder {
	color: #868686
}

.pfc-demo .container .content>div input[type=email]:-ms-input-placeholder,
.pfc-demo .container .content>div input[type=tel]:-ms-input-placeholder,
.pfc-demo .container .content>div input[type=text]:-ms-input-placeholder {
	color: #868686
}

.pfc-demo .container .content>div input[type=email]::-ms-input-placeholder,
.pfc-demo .container .content>div input[type=tel]::-ms-input-placeholder,
.pfc-demo .container .content>div input[type=text]::-ms-input-placeholder {
	color: #868686
}

.pfc-demo .container .content>div input[type=email]::placeholder,
.pfc-demo .container .content>div input[type=tel]::placeholder,
.pfc-demo .container .content>div input[type=text]::placeholder {
	color: #868686
}

.pfc-demo .container .content>div input[type=submit] {
	text-decoration: none;
	display: inline-block;
	padding: 1em 2em;
	border-radius: .3125em;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	border-width: .125em;
	border-style: solid;
	background: #f21121;
	border-color: #f21121;
	color: #fff
}

.pfc-demo .container .content>div input[type=submit].small {
	padding: .5em 1em;
	font-size: .625em
}

.pfc-demo .container .content>div input[type=submit].medium {
	padding: .75em 1.5em;
	font-size: .8em
}

.pfc-demo .container .content>div input[type=submit].solid.red {
	background: #f21121;
	color: #fff;
	-webkit-box-shadow: 0 .5em 1.25em rgba(242, 17, 33, .3);
	box-shadow: 0 .5em 1.25em rgba(242, 17, 33, .3);
	border-color: #f21121
}

.pfc-demo .container .content>div input[type=submit].outline.red {
	border-color: #f21121;
	background: 0 0;
	color: #f21121
}

.pfc-demo .container .content>div input[type=submit].outline.white {
	border-color: #fff;
	background: 0 0;
	color: #fff
}

.pfc-demo .container .content>div fieldset {
	margin: .5em
}

.pfc-demo .container .content>div .hs_submit.hs-submit {
	text-align: center
}

.pfc-demo .container .content>div .hs-error-msgs {
	margin: .35em 0;
	padding: 0;
	text-align: left
}

.pfc-demo .container .content>div .hs-error-msgs li {
	list-style-type: none
}

.pfc-demo .container .content>div .hs-error-msgs li label {
	color: #fff;
	display: block;
	font-size: .7em;
	color: #868686
}

@media screen and (min-width:1024px) {
	.why-3-icon .container .content ul li {
		width: 31%
	}
}

.why-3-icon .container .content ul li strong a {
	color: inherit;
	text-decoration: none
}

.cs-featured {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.cs-featured {
		padding: 6em 0
	}
}

.cs-featured.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.cs-featured.notop {
		padding-top: 0
	}
}

.cs-featured.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.cs-featured.nobottom {
		padding-bottom: 0
	}
}

.cs-featured .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	margin: 0
}

@media screen and (min-width:768px) {
	.cs-featured .container .content h1 {
		font-size: 3em
	}
}

.cs-featured .container .content h1+p {
	color: #f21121;
	font-size: 1.375em;
	margin: .75em 0 0 0;
	text-align: center
}

.cs-featured .container .content .featured-study {
	margin-top: 3em
}

@media screen and (min-width:1024px) {
	.cs-featured .container .content .featured-study {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.cs-featured .container .content .featured-study figure {
	margin: 0 0 1.5em 0
}

@media screen and (min-width:1024px) {
	.cs-featured .container .content .featured-study figure {
		width: 48%
	}
}

@media screen and (min-width:1024px) {
	.cs-featured .container .content .featured-study>div {
		width: 48%
	}
}

.cs-featured .container .content .featured-study>div h2 {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0;
	margin: 0
}

@media screen and (min-width:768px) {
	.cs-featured .container .content .featured-study>div h2 {
		font-size: 2.25em
	}
}

.cs-featured .container .content .featured-study>div h2+p {
	margin: 1.5em auto
}

.cs-featured .container .content .featured-study>div h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #0d0d0d;
	margin: 1.25em 0
}

.cs-featured .container .content .featured-study>div p {
	margin: 1.25em 0 1.75em
}

.cs-featured .container .content .featured-meta {
	margin-top: 4em;
	background: #eaeaea;
	padding: 1.5em
}

@media screen and (min-width:1024px) {
	.cs-featured .container .content .featured-meta {
		padding: 3em 1em
	}
}

.cs-featured .container .content .featured-meta ul {
	margin: 0;
	padding: 0
}

@media screen and (min-width:1024px) {
	.cs-featured .container .content .featured-meta ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 1em
	}
}

.cs-featured .container .content .featured-meta ul li {
	list-style-type: none;
	margin-bottom: 2em
}

@media screen and (min-width:1024px) {
	.cs-featured .container .content .featured-meta ul li {
		margin-bottom: 0
	}
}

.cs-featured .container .content .featured-meta ul li:nth-of-type(2) {
	border-left: .1em solid #bfbfbf;
	border-right: .1em solid #bfbfbf;
	padding: 0 2.5em;
	margin: 0 1.5em
}

.cs-featured .container .content .featured-meta ul li span {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin: 0 0 1em 0
}

.cs-featured .container .content .featured-meta ul li strong {
	text-transform: uppercase;
	display: block;
	font-size: 1.375em;
	line-height: 1.2
}

@media screen and (min-width:1024px) {
	.cs-featured .container .content .featured-meta ul li strong {
		font-size: 16px
	}
}

.cs-feed {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.cs-feed {
		padding: 6em 0
	}
}

.cs-feed.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.cs-feed.notop {
		padding-top: 0
	}
}

.cs-feed.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.cs-feed.nobottom {
		padding-bottom: 0
	}
}

.cs-feed .container h3 {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0;
	text-align: center;
	margin-bottom: 2rem
}

@media screen and (min-width:768px) {
	.cs-feed .container h3 {
		font-size: 2.25em
	}
}

.cs-feed .container h3+p {
	margin: 1.5em auto
}

@media screen and (min-width:768px) {
	.cs-feed .container .content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.cs-feed .container .content figure {
	position: relative;
	border-radius: .3125em;
	overflow: hidden
}

@media screen and (min-width:768px) {
	.cs-feed .container .content figure {
		width: 45%
	}
}

@media screen and (min-width:1024px) {
	.cs-feed .container .content figure {
		width: 30%
	}
}

.cs-feed .container .content figure figcaption {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .3);
	-webkit-backdrop-filter: blur(.3em);
	backdrop-filter: blur(.3em)
}

@media screen and (min-width:1024px) {
	.cs-feed .container .content figure figcaption {
		font-size: 1.2em
	}
}

.cs-feed .container .content figure figcaption a {
	display: block;
	margin: auto;
	padding: 1em 1.5em;
	text-decoration: none
}

.cs-feed .container .content figure figcaption a span {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #fff;
	margin: 0
}

.cs-feed .container .content figure figcaption a strong {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	color: #fff;
	line-height: 1.2;
	display: block;
	font-size: 1.1em
}

.css-header {
	background: #eaeaea;
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.css-header {
		padding: 6em 0
	}
}

.css-header.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.css-header.notop {
		padding-top: 0
	}
}

.css-header.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.css-header.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:1024px) {
	.css-header .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media screen and (min-width:1024px) {
	.css-header .container .content {
		width: 45%
	}
}

.css-header .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin: 0
}

@media screen and (min-width:768px) {
	.css-header .container .content h1 {
		font-size: 3em
	}
}

.css-header .container .content strong {
	display: block;
	margin: 1.5rem 0 2.5rem
}

.css-header .container figure {
	margin: 2em 0 0;
	-webkit-box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	border-radius: .3125em;
	overflow: hidden
}

@media screen and (min-width:1024px) {
	.css-header .container figure {
		margin: 0;
		width: 45%
	}
}

.csi-highlights {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.csi-highlights {
		padding: 6em 0
	}
}

.csi-highlights.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.csi-highlights.notop {
		padding-top: 0
	}
}

.csi-highlights.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.csi-highlights.nobottom {
		padding-bottom: 0
	}
}

.csi-highlights .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin: 0;
	text-align: center;
	padding-top: 2em;
	background: url(../img/logo-profire-o.svg) no-repeat;
	background-size: auto 1.25em;
	background-position: center top
}

@media screen and (min-width:768px) {
	.csi-highlights .container .content h2 {
		font-size: 3em
	}
}

.csi-highlights .container .content ul.highlights {
	margin: 2em auto 0;
	padding: 0;
	max-width: 768px
}

@media screen and (min-width:768px) {
	.csi-highlights .container .content ul.highlights {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.csi-highlights .container .content ul.highlights li {
	list-style-type: none;
	padding-left: 2em;
	background-image: url(../img/icon-checkmark.svg);
	background-repeat: no-repeat;
	background-size: 1.5em auto;
	background-position: .25em left;
	margin-bottom: 1em;
	font-size: .8em
}

@media screen and (min-width:768px) {
	.csi-highlights .container .content ul.highlights li {
		width: 50%
	}
}

.csi-highlights .container .content .featured-meta {
	margin-top: 4em;
	background: #eaeaea;
	padding: 1.5em
}

@media screen and (min-width:1024px) {
	.csi-highlights .container .content .featured-meta {
		padding: 3em 1em
	}
}

.csi-highlights .container .content .featured-meta ul {
	margin: 0;
	padding: 0
}

@media screen and (min-width:1024px) {
	.csi-highlights .container .content .featured-meta ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 1em
	}
}

.csi-highlights .container .content .featured-meta ul li {
	list-style-type: none;
	margin-bottom: 2em
}

@media screen and (min-width:1024px) {
	.csi-highlights .container .content .featured-meta ul li {
		margin-bottom: 0
	}
}

.csi-highlights .container .content .featured-meta ul li:nth-of-type(2) {
	border-left: .1em solid #bfbfbf;
	border-right: .1em solid #bfbfbf;
	padding: 0 2.5em;
	margin: 0 1.5em
}

.csi-highlights .container .content .featured-meta ul li span {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin: 0 0 1em 0
}

.csi-highlights .container .content .featured-meta ul li strong {
	text-transform: uppercase;
	display: block;
	font-size: 1.375em;
	line-height: 1.2
}

@media screen and (min-width:1024px) {
	.csi-highlights .container .content .featured-meta ul li strong {
		font-size: 16px
	}
}

.csi-cta {
	padding: 4.375em 0;
	background: #eaeaea
}

@media screen and (min-width:1024px) {
	.csi-cta {
		padding: 6em 0
	}
}

.csi-cta.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.csi-cta.notop {
		padding-top: 0
	}
}

.csi-cta.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.csi-cta.nobottom {
		padding-bottom: 0
	}
}

.csi-cta .container .content {
	text-align: center
}

.csi-cta .container .content h2 {
	margin: 0;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.csi-cta .container .content h2 {
		font-size: 3em
	}
}

.csi-cta .container .content p {
	margin: 1em auto 3em
}

.csi-problem,
.csi-solution {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {

	.csi-problem,
	.csi-solution {
		padding: 6em 0
	}
}

.csi-problem.notop,
.csi-solution.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {

	.csi-problem.notop,
	.csi-solution.notop {
		padding-top: 0
	}
}

.csi-problem.nobottom,
.csi-solution.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {

	.csi-problem.nobottom,
	.csi-solution.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:1024px) {

	.csi-problem .container,
	.csi-solution .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media screen and (min-width:1024px) {

	.csi-problem .container .content,
	.csi-solution .container .content {
		width: 45%
	}
}

.csi-problem .container .content h2,
.csi-solution .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0;
	margin: 0 0 1rem 0
}

@media screen and (min-width:768px) {

	.csi-problem .container .content h2,
	.csi-solution .container .content h2 {
		font-size: 2.25em
	}
}

.csi-problem .container .content h2+p,
.csi-solution .container .content h2+p {
	margin: 1.5em auto
}

.csi-problem .container .content p,
.csi-solution .container .content p {
	margin: 1em auto
}

.csi-problem .container .content ul,
.csi-solution .container .content ul {
	margin: 1em auto
}

.csi-problem .container .content ul li,
.csi-solution .container .content ul li {
	margin-bottom: 1em
}

.csi-problem .container aside,
.csi-solution .container aside {
	background: #eaeaea;
	padding: 1.5em;
	margin-top: 2em
}

@media screen and (min-width:1024px) {

	.csi-problem .container aside,
	.csi-solution .container aside {
		margin: 0;
		padding: 2em;
		width: 45%
	}
}

.csi-problem .container aside h3,
.csi-solution .container aside h3 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {

	.csi-problem .container aside h3,
	.csi-solution .container aside h3 {
		font-size: 1.75em
	}
}

.csi-problem .container aside ul,
.csi-solution .container aside ul {
	margin: 2em 0 0 0;
	padding: 0
}

.csi-problem .container aside ul li,
.csi-solution .container aside ul li {
	list-style-type: none;
	margin-bottom: 2em
}

.csi-problem .container aside ul li span,
.csi-problem .container aside ul li strong,
.csi-solution .container aside ul li span,
.csi-solution .container aside ul li strong {
	display: block
}

.csi-problem .container aside ul li span,
.csi-solution .container aside ul li span {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em
}

.csi-problem .container aside ul li span a,
.csi-solution .container aside ul li span a {
	color: inherit
}

.csi-problem .container aside ul li strong,
.csi-solution .container aside ul li strong {
	font-weight: 400
}

.csi-after,
.csi-before {
	padding: 4.375em 0;
	background: #eaeaea
}

@media screen and (min-width:1024px) {

	.csi-after,
	.csi-before {
		padding: 6em 0
	}
}

.csi-after.notop,
.csi-before.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {

	.csi-after.notop,
	.csi-before.notop {
		padding-top: 0
	}
}

.csi-after.nobottom,
.csi-before.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {

	.csi-after.nobottom,
	.csi-before.nobottom {
		padding-bottom: 0
	}
}

.csi-after .container h2,
.csi-before .container h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	margin-bottom: 2rem
}

@media screen and (min-width:768px) {

	.csi-after .container h2,
	.csi-before .container h2 {
		font-size: 3em
	}
}

@media screen and (min-width:768px) {

	.csi-after .container .content,
	.csi-before .container .content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 1em
	}
}

.csi-after .container .content figure,
.csi-before .container .content figure {
	margin: 0 0 1em 0
}

@media screen and (min-width:768px) {

	.csi-after .container .content figure,
	.csi-before .container .content figure {
		width: 48%
	}
}

@media screen and (min-width:1024px) {

	.csi-after .container .content figure,
	.csi-before .container .content figure {
		width: 31%
	}
}

.csi-after .container .content figure img,
.csi-before .container .content figure img {
	border-radius: .3125em
}

.csi-key-products {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.csi-key-products {
		padding: 6em 0
	}
}

.csi-key-products.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.csi-key-products.notop {
		padding-top: 0
	}
}

.csi-key-products.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.csi-key-products.nobottom {
		padding-bottom: 0
	}
}

.csi-key-products .container h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 2rem;
	text-align: center
}

@media screen and (min-width:768px) {
	.csi-key-products .container h2 {
		font-size: 3em
	}
}

.csi-key-products .container h2 a {
	color: inherit;
	text-decoration: none
}

@media screen and (min-width:768px) {
	.csi-key-products .container .content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 1em
	}
}

.csi-key-products .container .content .csi-product-box {
	background: #eaeaea;
	padding: 1.5em
}

@media screen and (min-width:768px) {
	.csi-key-products .container .content .csi-product-box {
		width: 31%
	}
}

.csi-key-products .container .content .csi-product-box figure {
	width: 8em;
	margin: 0 0 1em 0
}

.csi-key-products .container .content .csi-product-box figure img {
	width: 100%;
	height: auto
}

.csi-key-products .container .content .csi-product-box h3 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin: 2rem 0 1rem
}

@media screen and (min-width:768px) {
	.csi-key-products .container .content .csi-product-box h3 {
		font-size: 1.75em
	}
}

.splide__container {
	box-sizing: border-box;
	position: relative
}

.splide__list {
	backface-visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	transform-style: preserve-3d
}

.splide.is-initialized:not(.is-active) .splide__list {
	display: block
}

.splide__pagination {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
	pointer-events: none
}

.splide__pagination li {
	display: inline-block;
	line-height: 1;
	list-style-type: none;
	margin: 0;
	pointer-events: auto
}

.splide__progress__bar {
	width: 0
}

.splide {
	outline: 0;
	position: relative;
	visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
	visibility: visible
}

.splide__slide {
	backface-visibility: hidden;
	box-sizing: border-box;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	list-style-type: none !important;
	margin: 0;
	outline: 0;
	position: relative
}

.splide__slide img {
	vertical-align: bottom
}

.splide__slider {
	position: relative
}

.splide__spinner {
	animation: splide-loading 1s linear infinite;
	border: 2px solid #999;
	border-left-color: transparent;
	border-radius: 50%;
	bottom: 0;
	contain: strict;
	display: inline-block;
	height: 20px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px
}

.splide__track {
	overflow: hidden;
	position: relative;
	z-index: 0
}

@keyframes splide-loading {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

.splide--draggable>.splide__slider>.splide__track,
.splide--draggable>.splide__track {
	-ms-user-select: none;
	user-select: none
}

.splide--fade>.splide__slider>.splide__track>.splide__list,
.splide--fade>.splide__track>.splide__list {
	display: block
}

.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,
.splide--fade>.splide__track>.splide__list>.splide__slide {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	z-index: 0
}

.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,
.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
	opacity: 1;
	position: relative;
	z-index: 1
}

.splide--rtl {
	direction: rtl
}

.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,
.splide--ttb.is-active>.splide__track>.splide__list {
	display: block
}

.splide__arrow {
	-ms-flex-align: center;
	align-items: center;
	background: #ccc;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	height: 2em;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: .7;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2em;
	z-index: 1
}

.splide__arrow svg {
	fill: #000;
	height: 1.2em;
	width: 1.2em
}

.splide__arrow:hover {
	opacity: .9
}

.splide__arrow:focus {
	outline: 0
}

.splide__arrow--prev {
	left: 1em
}

.splide__arrow--prev svg {
	transform: scaleX(-1)
}

.splide__arrow--next {
	right: 1em
}

.splide__pagination {
	bottom: .5em;
	left: 0;
	padding: 0 1em;
	position: absolute;
	right: 0;
	z-index: 1
}

.splide__pagination__page {
	background: #ccc;
	border: 0;
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	margin: 3px;
	opacity: .7;
	padding: 0;
	transition: transform .2s linear;
	width: 8px
}

.splide__pagination__page.is-active {
	background: #fff;
	transform: scale(1.4)
}

.splide__pagination__page:hover {
	cursor: pointer;
	opacity: .9
}

.splide__pagination__page:focus {
	outline: 0
}

.splide__progress__bar {
	background: #ccc;
	height: 3px
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,
.splide--nav>.splide__track>.splide__list>.splide__slide {
	border: 3px solid transparent;
	cursor: pointer
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,
.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
	border: 3px solid #000
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,
.splide--nav>.splide__track>.splide__list>.splide__slide:focus {
	outline: 0
}

.splide--rtl>.splide__arrows .splide__arrow--prev,
.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
	left: auto;
	right: 1em
}

.splide--rtl>.splide__arrows .splide__arrow--prev svg,
.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
	transform: scaleX(1)
}

.splide--rtl>.splide__arrows .splide__arrow--next,
.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
	left: 1em;
	right: auto
}

.splide--rtl>.splide__arrows .splide__arrow--next svg,
.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
	transform: scaleX(-1)
}

.splide--ttb>.splide__arrows .splide__arrow,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
	left: 50%;
	transform: translate(-50%)
}

.splide--ttb>.splide__arrows .splide__arrow--prev,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
	top: 1em
}

.splide--ttb>.splide__arrows .splide__arrow--prev svg,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
	transform: rotate(-90deg)
}

.splide--ttb>.splide__arrows .splide__arrow--next,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
	bottom: 1em;
	top: auto
}

.splide--ttb>.splide__arrows .splide__arrow--next svg,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
	transform: rotate(90deg)
}

.splide--ttb>.splide__pagination,
.splide--ttb>.splide__slider>.splide__pagination {
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	left: auto;
	padding: 1em 0;
	right: .5em;
	top: 0
}

.blog-header-01 {
	background: #f5f5f5
}

.blog-header-01 .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.blog-header-01 .container {
		padding: 6em 0
	}
}

.blog-header-01 .container .content {
	text-align: center
}

@media screen and (min-width:1024px) {
	.blog-header-01 .container .content {
		width: 768px;
		margin: 0 auto
	}
}

.blog-header-01 .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 10vw;
	margin: 0
}

@media screen and (min-width:768px) {
	.blog-header-01 .container .content h1 {
		font-size: 3.75em
	}
}

.blog-header-01 .container .content h1+h4 {
	font-size: 3.6vw;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.blog-header-01 .container .content h1+h4 {
		font-size: 1.375em
	}
}

.blog-header-01 .container .content h1+p {
	font-size: 16px;
	margin: 1em 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

.blog-header-01 .container .content a {
	margin-top: 2em
}

.blog-header-01 .container .content ul {
	margin: 4em 0 0 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (min-width:1024px) {
	.blog-header-01 .container .content ul {
		margin: 6em 0 -3em
	}
}

.blog-header-01 .container .content ul li {
	list-style-type: none;
	width: 33%;
	margin: 0 0 1em 0
}

@media screen and (min-width:1024px) {
	.blog-header-01 .container .content ul li {
		width: 15%
	}
}

.blog-header-01 .container .content ul li figure {
	width: 2em;
	margin: 0 auto
}

.blog-header-01 .container .content ul li h4 {
	font-size: .75em;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: .5em 0 0 0
}

.blog-header-02 {
	background: #f5f5f5
}

.blog-header-02 .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.blog-header-02 .container {
		padding: 6em 0
	}
}

.blog-header-02 .container .content {
	text-align: center
}

@media screen and (min-width:1024px) {
	.blog-header-02 .container .content {
		max-width: 1024px;
		margin: 0 auto
	}
}

.blog-header-02 .container .content .author {
	display: block;
	color: #f21121;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	font-size: 1.35em;
	margin: 0 0 1em 0
}

@media screen and (min-width:768px) {
	.blog-header-02 .container .content .author {
		font-size: 1.75em
	}
}

.blog-header-02 .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 10vw;
	margin: 0
}

@media screen and (min-width:768px) {
	.blog-header-02 .container .content h1 {
		font-size: 3.75em
	}
}

.blog-header-02 .container .content h1+h4 {
	font-size: 3.6vw;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.blog-header-02 .container .content h1+h4 {
		font-size: 1.375em
	}
}

.blog-header-02 .container .content h1+p {
	font-size: 16px;
	margin: 1em 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

.blog-header-02 .container .content a {
	margin-top: 2em
}

.blog-header-02 .container .content ul {
	margin: 4em 0 0 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (min-width:1024px) {
	.blog-header-02 .container .content ul {
		margin: 6em 0 -3em
	}
}

.blog-header-02 .container .content ul li {
	list-style-type: none;
	width: 33%;
	margin: 0 0 1em 0
}

@media screen and (min-width:1024px) {
	.blog-header-02 .container .content ul li {
		width: 15%
	}
}

.blog-header-02 .container .content ul li figure {
	width: 2em;
	margin: 0 auto
}

.blog-header-02 .container .content ul li h4 {
	font-size: .75em;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: .5em 0 0 0
}

.blog-header {
	background: #f5f5f5;
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.blog-header {
		padding: 6em 0
	}
}

.blog-header.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.blog-header.notop {
		padding-top: 0
	}
}

.blog-header.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.blog-header.nobottom {
		padding-bottom: 0
	}
}

.blog-header .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	position: relative;
	padding-bottom: 1.25rem
}

@media screen and (min-width:768px) {
	.blog-header .container .content h1 {
		font-size: 3em
	}
}

.blog-header .container .content h1:after {
	content: "";
	display: block;
	width: 8rem;
	height: .35rem;
	background: #f21121;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -4rem
}

.blog-index {
	background: #f5f5f5;
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.blog-index {
		padding: 6em 0
	}
}

.blog-index.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.blog-index.notop {
		padding-top: 0
	}
}

.blog-index.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.blog-index.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:768px) {
	.blog-index .container .content .blog-feed {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		max-width: 1024px;
		margin: 0 auto
	}
}

.blog-index .container .content .blog-feed .blog-post {
	background: #fff;
	border-radius: .3125em;
	overflow: hidden;
	-webkit-box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	margin-bottom: 3em
}

@media screen and (min-width:768px) {
	.blog-index .container .content .blog-feed .blog-post {
		width: 48%
	}
}

.blog-index .container .content .blog-feed .blog-post figure {
	margin: 0
}

.blog-index .container .content .blog-feed .blog-post figure a {
	display: block;
	width: 100%;
	height: 100%
}

.blog-index .container .content .blog-feed .blog-post .blog-post-content {
	padding: 1em
}

.blog-index .container .content .blog-feed .blog-post .blog-post-content span.author {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em
}

.blog-index .container .content .blog-feed .blog-post .blog-post-content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin-top: 1rem
}

@media screen and (min-width:768px) {
	.blog-index .container .content .blog-feed .blog-post .blog-post-content h2 {
		font-size: 1.75em
	}
}

.blog-index .container .content .blog-feed .blog-post .blog-post-content h2 a {
	color: #0d0d0d;
	text-decoration: none
}

.blog-index .container .content .blog-feed .blog-post .blog-post-content h2 a:hover {
	text-decoration: underline
}

.blog-index .container .content .blog-feed .blog-post .blog-post-content p {
	margin: 1em 0
}

.blog-index .container .content .blog-feed .blog-post .blog-post-content>a {
	width: 10em
}

.blog-index .container .content nav.blog-nav {
	margin-top: 1em
}

@media screen and (min-width:1024px) {
	.blog-index .container .content nav.blog-nav {
		margin-top: 3em
	}
}

.blog-index .container .content nav.blog-nav .nav-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: .3em;
	font-size: 1.375em;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

.blog-index .container .content nav.blog-nav .nav-links span {
	color: #868686;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal
}

.blog-index .container .content nav.blog-nav .nav-links a {
	text-decoration: none;
	color: #f21121
}

.blog-header {
	background: #f5f5f5;
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.blog-header {
		padding: 6em 0
	}
}

.blog-header.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.blog-header.notop {
		padding-top: 0
	}
}

.blog-header.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.blog-header.nobottom {
		padding-bottom: 0
	}
}

.blog-header .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	position: relative;
	padding-bottom: 1.25rem
}

@media screen and (min-width:768px) {
	.blog-header .container .content h1 {
		font-size: 3em
	}
}

.blog-header .container .content h1:after {
	content: "";
	display: block;
	width: 8rem;
	height: .35rem;
	background: #f21121;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -4rem
}

.blog-single {
	background: #f5f5f5;
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.blog-single {
		padding: 6em 0
	}
}

.blog-single.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.blog-single.notop {
		padding-top: 0
	}
}

.blog-single.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.blog-single.nobottom {
		padding-bottom: 0
	}
}

.blog-single .container .content figure {
	margin: 0
}

.blog-single .container .content .post-meta {
	max-width: 768px;
	margin: 1em auto
}

.blog-single .container .content .post-meta span {
	display: block;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em
}

.blog-single .container .content .post-meta span.date,
.blog-single .container .content .post-meta span.posted-in {
	color: #868686
}

.blog-single .container .content .post-meta span a {
	color: inherit;
	text-decoration: underline
}

.blog-single .container .content .the-post {
	max-width: 768px;
	margin: 2em auto
}

.blog-single .container .content .the-post img {
	width: 100%;
	height: auto
}

.blog-single .container .content .the-bio {
	padding-top: 2em;
	text-align: center;
	max-width: 400px;
	margin: 4em auto 0;
	position: relative
}

.blog-single .container .content .the-bio:after {
	content: "";
	display: block;
	width: 8rem;
	height: .35rem;
	background: #f21121;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -4rem
}

.blog-single .container .content .the-bio h3 {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0;
	margin: 1em 0 0 0
}

@media screen and (min-width:768px) {
	.blog-single .container .content .the-bio h3 {
		font-size: 2.25em
	}
}

.blog-single .container .content .the-bio h3+p {
	margin: 1.5em auto
}

.blog-single .container .content .the-bio figure {
	width: 7em;
	margin: 0 auto
}

.blog-single .container .content .the-bio figure img {
	border-radius: 50%
}

.blog-single .container .content .the-bio p {
	margin: 0
}

.case-study-feature {
	padding: 4.375em 0;
	background: #f5f5f5
}

@media screen and (min-width:1024px) {
	.case-study-feature {
		padding: 6em 0
	}
}

.case-study-feature.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.case-study-feature.notop {
		padding-top: 0
	}
}

.case-study-feature.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.case-study-feature.nobottom {
		padding-bottom: 0
	}
}

.case-study-feature h3 {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
	color: #868686;
	text-align: center;
	width: 80%;
	margin: 0 auto 1em
}

@media screen and (min-width:768px) {
	.case-study-feature h3 {
		font-size: 2.25em
	}
}

.case-study-feature h3+p {
	margin: 1.5em auto
}

.case-study-feature .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

@media screen and (min-width:1024px) {
	.case-study-feature .container {
		-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-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.case-study-feature .container .content {
	margin-top: 3em
}

@media screen and (min-width:1024px) {
	.case-study-feature .container .content {
		width: 50%;
		margin: 0
	}
}

.case-study-feature .container .content h4 {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin: 0
}

.case-study-feature .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin: 1.5rem 0
}

@media screen and (min-width:768px) {
	.case-study-feature .container .content h2 {
		font-size: 3em
	}
}

.case-study-feature .container .content p {
	margin: 0 0 2rem 0
}

@media screen and (min-width:768px) {
	.case-study-feature .container figure {
		width: 50%;
		margin: 0 auto
	}
}

@media screen and (min-width:1024px) {
	.case-study-feature .container figure {
		width: 40%
	}
}

.case-study-feature .container figure img {
	border-radius: .3125em;
	vertical-align: middle;
	-webkit-box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15)
}

.contact-forms {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.contact-forms {
		padding: 6em 0
	}
}

.contact-forms.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.contact-forms.notop {
		padding-top: 0
	}
}

.contact-forms.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.contact-forms.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:1024px) {
	.contact-forms .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

@media screen and (min-width:1024px) {
	.contact-forms .container .content {
		width: 40%
	}
}

.contact-forms .container .content figure:not(.normal) {
	width: 8em;
	margin: 0 0 2em 0
}

.contact-forms .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 10vw;
	margin: 0;
	position: relative;
	padding-bottom: 2rem
}

@media screen and (min-width:768px) {
	.contact-forms .container .content h1 {
		font-size: 3.75em
	}
}

.contact-forms .container .content h1+h4 {
	font-size: 3.6vw;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.contact-forms .container .content h1+h4 {
		font-size: 1.375em
	}
}

.contact-forms .container .content h1+p {
	font-size: 16px;
	margin: 1em 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

.contact-forms .container .content h1:after {
	content: "";
	display: block;
	width: 8rem;
	height: .35rem;
	background: #f21121;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -4rem
}

.contact-forms .container .content h1:after {
	left: 0;
	margin-left: 0
}

.contact-forms .container .content h3 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin-top: 4rem
}

@media screen and (min-width:768px) {
	.contact-forms .container .content h3 {
		font-size: 1.75em
	}
}

.contact-forms .container .content a.bigphone {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	color: #0d0d0d;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

@media screen and (min-width:768px) {
	.contact-forms .container .content a.bigphone {
		font-size: 3em
	}
}

.contact-forms .container .content a.bigphone:hover {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	color: #f21121
}

.contact-forms .container .content ul {
	margin: 1em 0;
	padding: 0
}

.contact-forms .container .content ul li {
	list-style-type: none
}

.contact-forms .container .content ul li a {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em
}

.contact-forms .container aside {
	margin-top: 4em;
	background: #f5f5f5;
	padding: 1em;
	border-radius: .3125em
}

@media screen and (min-width:768px) {
	.contact-forms .container aside {
		padding: 2em
	}
}

@media screen and (min-width:1024px) {
	.contact-forms .container aside {
		margin: 0;
		width: 50%
	}
}

.contact-forms .container aside h4 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 1em
}

@media screen and (min-width:768px) {
	.contact-forms .container aside h4 {
		font-size: 1.75em
	}
}

.contact-forms .container aside p:last-of-type {
	margin-bottom: 2em
}

.contact-forms .container aside p a {
	color: #f21121
}

.corepage-hero-01 {
	background: #f5f5f5
}

.corepage-hero-01 .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.corepage-hero-01 .container {
		padding: 6em 0
	}
}

@media screen and (min-width:1024px) {
	.corepage-hero-01 .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media screen and (min-width:1024px) {
	.corepage-hero-01 .container .content {
		width: 47%
	}
}

.corepage-hero-01 .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 10vw;
	margin: 0
}

@media screen and (min-width:768px) {
	.corepage-hero-01 .container .content h1 {
		font-size: 3.75em
	}
}

.corepage-hero-01 .container .content h1+h4 {
	font-size: 3.6vw;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.corepage-hero-01 .container .content h1+h4 {
		font-size: 1.375em
	}
}

.corepage-hero-01 .container .content h1+p {
	font-size: 16px;
	margin: 1em 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

.corepage-hero-01 .container .content a {
	margin-top: 2em
}

.corepage-hero-01 .container figure {
	margin-top: 3em
}

.corepage-hero-01 .container figure img {
	width: auto;
	max-height: 500px
}

@media screen and (min-width:1024px) {
	.corepage-hero-01 .container figure {
		width: 44%;
		margin: 0
	}
}

.corepage-hero-02 {
	background: #f5f5f5
}

.corepage-hero-02 .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.corepage-hero-02 .container {
		padding: 6em 0
	}
}

.corepage-hero-02 .container .content {
	text-align: center
}

@media screen and (min-width:1024px) {
	.corepage-hero-02 .container .content {
		width: 768px;
		margin: 0 auto
	}
}

.corepage-hero-02 .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 10vw;
	margin: 0
}

@media screen and (min-width:768px) {
	.corepage-hero-02 .container .content h1 {
		font-size: 3.75em
	}
}

.corepage-hero-02 .container .content h1+h4 {
	font-size: 3.6vw;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.corepage-hero-02 .container .content h1+h4 {
		font-size: 1.375em
	}
}

.corepage-hero-02 .container .content h1+p {
	font-size: 16px;
	margin: 1em 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

.corepage-hero-02 .container .content a {
	margin-top: 2em
}

.corepage-hero-02 .container .content ul {
	margin: 4em 0 0 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (min-width:1024px) {
	.corepage-hero-02 .container .content ul {
		margin: 6em 0 -3em
	}
}

.corepage-hero-02 .container .content ul li {
	list-style-type: none;
	width: 33%;
	margin: 0 0 1em 0
}

@media screen and (min-width:1024px) {
	.corepage-hero-02 .container .content ul li {
		width: 15%
	}
}

.corepage-hero-02 .container .content ul li figure {
	width: 2em;
	margin: 0 auto
}

.corepage-hero-02 .container .content ul li h4 {
	font-size: .75em;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: .5em 0 0 0
}

.customers .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.customers .container {
		padding: 6em 0
	}
}

.customers .container .content {
	text-align: center
}

.customers .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 10vw;
	margin: 0
}

@media screen and (min-width:768px) {
	.customers .container .content h1 {
		font-size: 3.75em
	}
}

.customers .container .content h1+h4 {
	font-size: 3.6vw;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.customers .container .content h1+h4 {
		font-size: 1.375em
	}
}

.customers .container .content h1+p {
	font-size: 16px;
	margin: 1em 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

.customers .container .content ul {
	margin: 4em 0 0 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 3%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (min-width:1024px) {
	.customers .container .content ul {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
}

.customers .container .content ul li {
	list-style-type: none;
	margin: 0 0 1em 0;
	width: 30%
}

@media screen and (min-width:768px) {
	.customers .container .content ul li {
		width: 17%
	}
}

@media screen and (min-width:1024px) {
	.customers .container .content ul li {
		width: auto
	}
}

.customers .container .content ul li img {
	width: 100%;
	height: auto
}

.new-documentation {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.new-documentation {
		padding: 6em 0
	}
}

.new-documentation.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.new-documentation.notop {
		padding-top: 0
	}
}

.new-documentation.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.new-documentation.nobottom {
		padding-bottom: 0
	}
}

.new-documentation .container {
	max-width: 768px
}

.new-documentation .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	padding: 2em 0 0 0;
	background-image: url(https://profiredev.wpengine.com/wp-content/themes/profire/assets/css/icon-documentation.svg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 1.75em;
	text-align: center
}

@media screen and (min-width:768px) {
	.new-documentation .container .content h2 {
		font-size: 3em
	}
}

@media screen and (min-width:768px) {
	.new-documentation .container .content h2 {
		padding: 1.6rem 0 0 1.75em;
		background-position: left center;
		text-align: left
	}
}

.new-documentation .container .content ul.doc-navigation {
	margin: 2em 0;
	padding: 0;
	-webkit-box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15)
}

@media screen and (min-width:768px) {
	.new-documentation .container .content ul.doc-navigation {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.new-documentation .container .content ul.doc-navigation li {
	list-style-type: none
}

@media screen and (min-width:768px) {
	.new-documentation .container .content ul.doc-navigation li.doclink {
		width: 50%
	}
}

.new-documentation .container .content ul.doc-navigation li.doclink a {
	display: block;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	text-decoration: none;
	padding: 1em;
	border-bottom: 1px solid #dedede
}

@media screen and (min-width:768px) {
	.new-documentation .container .content ul.doc-navigation li.doclink a {
		padding: 2em
	}
}

@media screen and (min-width:768px) {
	.new-documentation .container .content ul.doc-navigation li.doclink a:nth-of-type(odd) {
		border-right: 1px solid #dedede
	}
}

.new-documentation .container .content ul.doc-navigation li.doclink a.active,
.new-documentation .container .content ul.doc-navigation li.doclink a:hover {
	background: #f21121;
	color: #fff
}

.new-documentation .container .content ul.doc-navigation li.doclink a.unused {
	pointer-events: none;
	color: #bfbfbf
}

.new-documentation .container .content ul.doc-navigation li.doclink a.unused:hover {
	cursor: default;
	background: 0 0;
	color: #bfbfbf
}

.new-documentation .container .content ul.doc-navigation li.doclist {
	padding: 1em
}

@media screen and (min-width:768px) {
	.new-documentation .container .content ul.doc-navigation li.doclist {
		padding: 2em
	}
}

.new-documentation .container .content ul.doc-navigation li.doclist h4 {
	margin: 0
}

.new-documentation .container .content ul.doc-navigation li.doclist ul {
	margin: .5em 0 2em;
	padding: 0
}

.new-documentation .container .content ul.doc-navigation li.doclist ul li {
	margin-bottom: .5em
}

.new-documentation .container .content ul.doc-navigation li.doclist ul li a {
	display: block;
	background-image: url(https://profiredev.wpengine.com/wp-content/themes/profire/assets/css/icon-pdf.svg);
	background-size: 1em auto;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 2em;
	color: #0d0d0d;
	text-decoration: none;
	position: relative
}

@media screen and (min-width:768px) {
	.new-documentation .container .content ul.doc-navigation li.doclist .docs-cs-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.new-documentation .container .content ul.doc-navigation li.doclist .docs-cs-wrapper figure.case-study {
	position: relative;
	border-radius: .3125em;
	overflow: hidden
}

@media screen and (min-width:768px) {
	.new-documentation .container .content ul.doc-navigation li.doclist .docs-cs-wrapper figure.case-study {
		width: 48%
	}
}

.new-documentation .container .content ul.doc-navigation li.doclist .docs-cs-wrapper figure.case-study figcaption {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .3);
	-webkit-backdrop-filter: blur(.3em);
	backdrop-filter: blur(.3em)
}

.new-documentation .container .content ul.doc-navigation li.doclist .docs-cs-wrapper figure.case-study figcaption a {
	display: block;
	margin: auto;
	padding: 1em 1.5em;
	text-decoration: none
}

.new-documentation .container .content ul.doc-navigation li.doclist .docs-cs-wrapper figure.case-study figcaption a span {
	display: block;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #fff;
	margin: 0
}

.new-documentation .container .content ul.doc-navigation li.doclist .docs-cs-wrapper figure.case-study figcaption a strong {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	color: #fff;
	line-height: 1.2;
	display: block;
	font-size: 1.1em
}

.esg-header {
	background-size: cover;
	background-position: center center
}

.esg-header .container {
	max-width: 768px
}

.esg-header .container .content {
	padding: 4.375em 0;
	text-align: center;
	color: #fff
}

@media screen and (min-width:1024px) {
	.esg-header .container .content {
		padding: 6em 0
	}
}

.esg-header .container .content.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.esg-header .container .content.notop {
		padding-top: 0
	}
}

.esg-header .container .content.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.esg-header .container .content.nobottom {
		padding-bottom: 0
	}
}

.esg-header .container .content h1 {
	margin: 0;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 10vw;
	margin: 0
}

@media screen and (min-width:768px) {
	.esg-header .container .content h1 {
		font-size: 3.75em
	}
}

.esg-header .container .content h1+h4 {
	font-size: 3.6vw;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.esg-header .container .content h1+h4 {
		font-size: 1.375em
	}
}

.esg-header .container .content h1+p {
	font-size: 16px;
	margin: 1em 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

.esg-header .container .content ul {
	margin: 2em 0 0;
	padding: 0
}

@media screen and (min-width:768px) {
	.esg-header .container .content ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.esg-header .container .content ul li {
	list-style-type: none;
	margin-bottom: 1em
}

@media screen and (min-width:768px) {
	.esg-header .container .content ul li {
		margin: 0 .5em 0
	}
}

.esg-initiatives {
	background: #f5f5f5;
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.esg-initiatives {
		padding: 6em 0
	}
}

.esg-initiatives.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.esg-initiatives.notop {
		padding-top: 0
	}
}

.esg-initiatives.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.esg-initiatives.nobottom {
		padding-bottom: 0
	}
}

.esg-initiatives .container {
	max-width: 921.6px
}

@media screen and (min-width:768px) {
	.esg-initiatives .container .content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 1.5em
	}
}

.esg-initiatives .container .content .esg-initiative {
	background: #fff;
	border-radius: .3125em;
	-webkit-box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	padding: 1.5em;
	margin-bottom: 2em
}

@media screen and (min-width:768px) {
	.esg-initiatives .container .content .esg-initiative {
		width: 48%
	}
}

@media screen and (min-width:1024px) {
	.esg-initiatives .container .content .esg-initiative {
		padding: 2em
	}
}

.esg-initiatives .container .content .esg-initiative h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.esg-initiatives .container .content .esg-initiative h2 {
		font-size: 1.75em
	}
}

.esg-initiatives .container .content .esg-initiative p strong {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	line-height: 1.5;
	display: block
}

.esg-organizations {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.esg-organizations {
		padding: 6em 0
	}
}

.esg-organizations.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.esg-organizations.notop {
		padding-top: 0
	}
}

.esg-organizations.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.esg-organizations.nobottom {
		padding-bottom: 0
	}
}

.esg-organizations .container .content h2 {
	text-align: center;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:768px) {
	.esg-organizations .container .content h2 {
		font-size: 3em
	}
}

.esg-organizations .container .content ul {
	margin: 3em 0 0 0;
	padding: 0
}

@media screen and (min-width:768px) {
	.esg-organizations .container .content ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.esg-organizations .container .content ul li {
	list-style-type: none;
	background: #f5f5f5;
	padding: 1.5em;
	border-radius: .3125em;
	margin-bottom: 1.5em
}

@media screen and (min-width:768px) {
	.esg-organizations .container .content ul li {
		width: 48%
	}
}

@media screen and (min-width:1024px) {
	.esg-organizations .container .content ul li {
		width: 31%
	}
}

.esg-organizations .container .content ul li h4 {
	font-size: 1.15em;
	margin: 0
}

.esg-organizations .container .content ul li p {
	margin: .75em 0
}

.faq {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.faq {
		padding: 6em 0
	}
}

.faq.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.faq.notop {
		padding-top: 0
	}
}

.faq.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.faq.nobottom {
		padding-bottom: 0
	}
}

.faq .container {
	max-width: 768px
}

.faq .container .content dl {
	margin: 0
}

.faq .container .content dl dt {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: .15rem solid #f5f5f5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media screen and (min-width:768px) {
	.faq .container .content dl dt {
		font-size: 2.25em
	}
}

.faq .container .content dl dt+p {
	margin: 1.5em auto
}

.faq .container .content dl dt:after {
	content: "+"
}

.faq .container .content dl dt.open {
	border-bottom-color: #f21121
}

.faq .container .content dl dt.open:after {
	content: "-"
}

.faq .container .content dl dd {
	margin-bottom: 4em;
	font-style: italic;
	margin-left: 0
}

@media screen and (min-width:768px) {
	.faq .container .content dl dd {
		margin-left: 2em
	}
}

.faq .container .content dl dd a {
	color: #f21121
}

.feed-cards {
	background: #f5f5f5;
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.feed-cards {
		padding: 6em 0
	}
}

.feed-cards.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.feed-cards.notop {
		padding-top: 0
	}
}

.feed-cards.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.feed-cards.nobottom {
		padding-bottom: 0
	}
}

.feed-cards .container {
	max-width: 768px
}

.feed-cards .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.feed-cards .container .content h2 {
		font-size: 3em
	}
}

.feed-cards .container .content h2+p {
	text-align: center;
	margin: 1em 0 0 0;
	font-size: 1.375em
}

.feed-cards .container .content ul.feed-roll {
	margin: 4em 0 0 0;
	padding: 0
}

.feed-cards .container .content ul.feed-roll li {
	list-style-type: none;
	background: #fff;
	border-radius: .3125em;
	padding: 1.5em;
	-webkit-box-shadow: 0 3.75rem 6.25rem rgba(37, 12, 12, .3);
	box-shadow: 0 3.75rem 6.25rem rgba(37, 12, 12, .3);
	border-radius: 1em;
	margin-bottom: 1em
}

@media screen and (min-width:768px) {
	.feed-cards .container .content ul.feed-roll li {
		padding: 3em
	}
}

@media screen and (min-width:768px) {
	.feed-cards .container .content ul.feed-roll li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.feed-cards .container .content ul.feed-roll li figure {
	width: 70%;
	margin: 0 0 2em
}

@media screen and (min-width:768px) {
	.feed-cards .container .content ul.feed-roll li figure {
		width: 25%;
		margin: 0
	}
}

.feed-cards .container .content ul.feed-roll li figure img {
	vertical-align: middle
}

@media screen and (min-width:768px) {
	.feed-cards .container .content ul.feed-roll li .feed-content {
		width: 70%
	}
}

.feed-cards .container .content ul.feed-roll li .feed-content span.category {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #868686;
	display: block;
	margin: 0
}

.feed-cards .container .content ul.feed-roll li .feed-content h3 {
	font-size: 1.375em;
	line-height: 1.2
}

@media screen and (min-width:768px) {
	.feed-cards .container .content ul.feed-roll li .feed-content h3 {
		margin: .7rem 0
	}
}

.feed-cards .container .content ul.feed-roll li .feed-content h3 a {
	color: #0d0d0d;
	text-decoration: none
}

@media screen and (min-width:768px) {
	.feed-cards .container .content ul.feed-roll li .feed-content p {
		font-size: .85em
	}
}

@media screen and (min-width:1024px) {
	.feed-cards .container .content ul.feed-roll li .feed-content p {
		font-size: .9em
	}
}

.feed-cards .container .content ul.feed-roll li .feed-content p a {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.feed-cards .container .content ul.feed-roll li .feed-content p a:hover {
	color: #0d0d0d;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.front-page-hero-block {
	padding: 4.375em 0;
	background-size: cover;
	background-position: center right
}

@media screen and (min-width:1024px) {
	.front-page-hero-block {
		padding: 6em 0
	}
}

.front-page-hero-block.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.front-page-hero-block.notop {
		padding-top: 0
	}
}

.front-page-hero-block.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.front-page-hero-block.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:768px) {
	.front-page-hero-block .container .content {
		padding: 4em 0
	}
}

@media screen and (min-width:1024px) {
	.front-page-hero-block .container .content {
		width: 55%;
		padding: 2em 0
	}
}

.front-page-hero-block .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 10vw;
	margin: 0;
	color: #fff
}

@media screen and (min-width:768px) {
	.front-page-hero-block .container .content h1 {
		font-size: 3.75em
	}
}

.front-page-hero-block .container .content h1+h4 {
	font-size: 3.6vw;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.front-page-hero-block .container .content h1+h4 {
		font-size: 1.375em
	}
}

.front-page-hero-block .container .content h1+p {
	font-size: 16px;
	margin: 1em 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

.front-page-hero-block .container .content p {
	font-size: 1.375em;
	color: #bfbfbf;
	margin: 1em 0 2em !important
}

@media screen and (min-width:768px) {
	.front-page-hero-block .container .content p {
		width: 65%
	}
}

.front-page-product-hero {
	padding: 4.375em 0;
	background-size: cover;
	background-position: center right
}

@media screen and (min-width:1024px) {
	.front-page-product-hero {
		padding: 6em 0
	}
}

.front-page-product-hero.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.front-page-product-hero.notop {
		padding-top: 0
	}
}

.front-page-product-hero.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.front-page-product-hero.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:768px) {
	.front-page-product-hero .container .content {
		padding: 4em 0
	}
}

@media screen and (min-width:1024px) {
	.front-page-product-hero .container .content {
		width: 55%;
		padding: 2em 0
	}
}

.front-page-product-hero .container .content h4 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	font-size: 6vw;
	color: #fff
}

@media screen and (min-width:768px) {
	.front-page-product-hero .container .content h4 {
		font-size: 1.75em
	}
}

@media screen and (min-width:768px) {
	.front-page-product-hero .container .content h4 {
		font-size: 1.1em
	}
}

.front-page-product-hero .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 10vw;
	margin: 0;
	color: #fff;
	font-size: 23vw;
	margin: 2rem 0;
	line-height: 1
}

@media screen and (min-width:768px) {
	.front-page-product-hero .container .content h1 {
		font-size: 3.75em
	}
}

.front-page-product-hero .container .content h1+h4 {
	font-size: 3.6vw;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.front-page-product-hero .container .content h1+h4 {
		font-size: 1.375em
	}
}

.front-page-product-hero .container .content h1+p {
	font-size: 16px;
	margin: 1em 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.front-page-product-hero .container .content h1 {
		font-size: 15vw
	}
}

@media screen and (min-width:1024px) {
	.front-page-product-hero .container .content h1 {
		font-size: 8.125em
	}
}

.front-page-product-hero .container .content p {
	font-size: 1.375em;
	color: #bfbfbf;
	margin: -1em 0 2em !important
}

@media screen and (min-width:768px) {
	.front-page-product-hero .container .content p {
		width: 50%
	}
}

.front-page-product-bullets {
	padding: 2em 0;
	background: #0d0d0d
}

@media screen and (min-width:768px) {
	.front-page-product-bullets {
		padding: 4em 0
	}
}

.front-page-product-bullets .container .content {
	color: #bfbfbf
}

.front-page-product-bullets .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.front-page-product-bullets .container .content h2 {
		font-size: 2.25em
	}
}

.front-page-product-bullets .container .content h2+p {
	margin: 1.5em auto
}

.front-page-product-bullets .container .content ul {
	margin: 0
}

@media screen and (min-width:768px) {
	.front-page-product-bullets .container .content ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media screen and (min-width:768px) {
	.front-page-product-bullets .container .content ul li {
		width: 50%
	}
}

@media screen and (min-width:1024px) {
	.front-page-product-bullets .container .content ul li {
		width: 33.3%
	}
}

.gated_content .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.gated_content .container {
		padding: 6em 0
	}
}

.gated_content .container.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.gated_content .container.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:768px) {
	.gated_content .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.gated_content .container figure {
	margin: 0 0 2em 0
}

@media screen and (min-width:768px) {
	.gated_content .container figure {
		width: 45%
	}
}

.gated_content .container figure img {
	width: 100%;
	height: auto
}

@media screen and (min-width:768px) {
	.gated_content .container .content {
		width: 45%
	}
}

.gated_content .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.gated_content .container .content h2 {
		font-size: 3em
	}
}

.gated_content .container .content p.header {
	font-size: 1.375em;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal
}

.guide-download .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.guide-download .container {
		padding: 6em 0
	}
}

@media screen and (min-width:768px) {
	.guide-download .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.guide-download .container figure {
	margin: 0 0 2em 0
}

@media screen and (min-width:768px) {
	.guide-download .container figure {
		width: 45%
	}
}

.guide-download .container figure img {
	width: 100%;
	height: auto
}

@media screen and (min-width:768px) {
	.guide-download .container .content {
		width: 45%
	}
}

.guide-download .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.guide-download .container .content h2 {
		font-size: 3em
	}
}

.guide-download .container .content p.header {
	font-size: 1.375em;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal
}

.h2-body-centered {
	background: #f5f5f5
}

.h2-body-centered .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.h2-body-centered .container {
		padding: 6em 0
	}
}

.h2-body-centered .container .content {
	text-align: center
}

@media screen and (min-width:1024px) {
	.h2-body-centered .container .content {
		width: 768px;
		margin: 0 auto
	}
}

.h2-body-centered .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 10vw;
	margin: 0
}

@media screen and (min-width:768px) {
	.h2-body-centered .container .content h1 {
		font-size: 3.75em
	}
}

.h2-body-centered .container .content h1+h4 {
	font-size: 3.6vw;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.h2-body-centered .container .content h1+h4 {
		font-size: 1.375em
	}
}

.h2-body-centered .container .content h1+p {
	font-size: 16px;
	margin: 1em 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

.header-1-large-body {
	background: #f5f5f5
}

.header-1-large-body .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.header-1-large-body .container {
		padding: 6em 0
	}
}

.header-1-large-body .container.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.header-1-large-body .container.nobottom {
		padding-bottom: 0
	}
}

.header-1-large-body .container .content {
	text-align: center
}

@media screen and (min-width:1024px) {
	.header-1-large-body .container .content {
		width: 768px;
		margin: 0 auto
	}
}

.header-1-large-body .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.header-1-large-body .container .content h1 {
		font-size: 3em
	}
}

.header-1-large-body .container .content p {
	font-size: 1.375em
}

.header-2-small-body {
	background: #f5f5f5
}

.header-2-small-body .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.header-2-small-body .container {
		padding: 6em 0
	}
}

.header-2-small-body .container.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.header-2-small-body .container.nobottom {
		padding-bottom: 0
	}
}

.header-2-small-body .container .content {
	text-align: center
}

@media screen and (min-width:1024px) {
	.header-2-small-body .container .content {
		width: 768px;
		margin: 0 auto
	}
}

.header-2-small-body .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.header-2-small-body .container .content h1 {
		font-size: 3em
	}
}

.header-2-small-body .container .content p {
	font-size: 16px
}

.header-3-with-cta {
	background: #f5f5f5
}

.header-3-with-cta .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.header-3-with-cta .container {
		padding: 6em 0
	}
}

.header-3-with-cta .container.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.header-3-with-cta .container.nobottom {
		padding-bottom: 0
	}
}

.header-3-with-cta .container .content {
	text-align: center
}

@media screen and (min-width:1024px) {
	.header-3-with-cta .container .content {
		width: 768px;
		margin: 0 auto
	}
}

.header-3-with-cta .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.header-3-with-cta .container .content h1 {
		font-size: 3em
	}
}

.header-3-with-cta .container .content p {
	font-size: 16px
}

.header-4x4-photo-cta {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.header-4x4-photo-cta {
		padding: 6em 0
	}
}

.header-4x4-photo-cta.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.header-4x4-photo-cta.notop {
		padding-top: 0
	}
}

.header-4x4-photo-cta.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.header-4x4-photo-cta.nobottom {
		padding-bottom: 0
	}
}

.header-4x4-photo-cta .container {
	max-width: 768px
}

.header-4x4-photo-cta .container .content h2 {
	text-align: center;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin: 0 auto
}

@media screen and (min-width:768px) {
	.header-4x4-photo-cta .container .content h2 {
		font-size: 3em
	}
}

@media screen and (min-width:768px) {
	.header-4x4-photo-cta .container .content h2 {
		width: 60%
	}
}

@media screen and (min-width:1024px) {
	.header-4x4-photo-cta .container .content h2 {
		width: 58%
	}
}

.header-4x4-photo-cta .container .content ul {
	margin: 2em 0 0 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 3%
}

.header-4x4-photo-cta .container .content ul li {
	list-style-type: none;
	width: 47%
}

.header-4x4-photo-cta .container .content ul li figure {
	position: relative
}

.header-4x4-photo-cta .container .content ul li figure img {
	vertical-align: middle;
	border-radius: .3125em;
	-webkit-box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15)
}

.header-4x4-photo-cta .container .content ul li figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	border-radius: .3125em
}

.header-4x4-photo-cta .container .content ul li figure figcaption a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	padding: 0 1em;
	text-align: center;
	line-height: 1.2;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase
}

@media screen and (min-width:768px) {
	.header-4x4-photo-cta .container .content ul li figure figcaption a {
		font-size: 1.375em
	}
}

.header-4x4-photo-cta .container .content ul li figure figcaption a span {
	margin: auto
}

.icon-cards {
	padding: 4.375em 0;
	background: #f5f5f5
}

@media screen and (min-width:1024px) {
	.icon-cards {
		padding: 6em 0
	}
}

.icon-cards.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.icon-cards.nobottom {
		padding-bottom: 0
	}
}

.icon-cards .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.icon-cards .container .content h2 {
		font-size: 3em
	}
}

.icon-cards .container .content h2+h4 {
	text-align: center;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin: 1em auto 0
}

@media screen and (min-width:768px) {
	.icon-cards .container .content h2+h4 {
		font-size: 1.75em
	}
}

@media screen and (min-width:768px) {
	.icon-cards .container .content h2+h4 {
		width: 50%
	}
}

.icon-cards .container .content ul.cards {
	margin: 3em auto 2em;
	padding: 0
}

@media screen and (min-width:768px) {
	.icon-cards .container .content ul.cards {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 10%
	}
}

@media screen and (min-width:1024px) {
	.icon-cards .container .content ul.cards {
		gap: 3%
	}
}

.icon-cards .container .content ul.cards li {
	list-style-type: none;
	text-align: center;
	background: #fff;
	border-radius: .3125em;
	padding: 1.5em;
	-webkit-box-shadow: 0 3.75rem 6.25rem rgba(37, 12, 12, .3);
	box-shadow: 0 3.75rem 6.25rem rgba(37, 12, 12, .3);
	margin-bottom: 2em
}

@media screen and (min-width:768px) {
	.icon-cards .container .content ul.cards li {
		padding: 3em
	}
}

@media screen and (min-width:768px) {
	.icon-cards .container .content ul.cards li {
		width: 40%;
		padding-left: 2em;
		padding-right: 2em
	}
}

@media screen and (min-width:1024px) {
	.icon-cards .container .content ul.cards li {
		width: 30%
	}
}

.icon-cards .container .content ul.cards li figure {
	width: 2.5em;
	margin: 0 auto 1em
}

.icon-cards .container .content ul.button-list {
	margin: 3em 0 0 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 1em
}

.icon-cards .container .content ul.button-list li {
	list-style-type: none
}

.icons-simple {
	background: #0d0d0d;
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.icons-simple {
		padding: 6em 0
	}
}

.icons-simple.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.icons-simple.nobottom {
		padding-bottom: 0
	}
}

.icons-simple .container .content {
	color: #fff
}

.icons-simple .container .content h3 {
	text-align: center;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.icons-simple .container .content h3 {
		font-size: 3em
	}
}

.icons-simple .container .content ul {
	margin: 2em 0 0 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (min-width:1024px) {
	.icons-simple .container .content ul {
		margin: 2em 0 -3em
	}
}

.icons-simple .container .content ul li {
	list-style-type: none;
	width: 33%;
	margin: 0 0 1em 0;
	text-align: center
}

@media screen and (min-width:1024px) {
	.icons-simple .container .content ul li {
		width: 15%
	}
}

.icons-simple .container .content ul li figure {
	width: 2em;
	margin: 0 auto
}

.icons-simple .container .content ul li h4 {
	font-size: .75em;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: .5em 0 0 0
}

.embed-container {
	position: relative;
	height: 500px;
	overflow: hidden;
	max-width: 100%;
	background-color: #f21122
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 1200px;
	max-width: 100%;
	height: 100%
}

@media screen and (max-width:992px) {
	.embed-container {
		height: 900px
	}
}

.documentation .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.documentation .container {
		padding: 6em 0
	}
}

.documentation .container .content ul.documentation-nav {
	margin: 0 auto;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 5%;
	max-width: 52rem
}

@media screen and (min-width:768px) {
	.documentation .container .content ul.documentation-nav {
		gap: 3%
	}
}

.documentation .container .content ul.documentation-nav li {
	list-style-type: none;
	width: 45%;
	text-align: center
}

@media screen and (min-width:768px) {
	.documentation .container .content ul.documentation-nav li {
		width: 22%
	}
}

.documentation .container .content ul.documentation-nav li a {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	text-decoration: none;
	color: #0d0d0d;
	opacity: .5;
	display: block;
	padding: 1em .2em;
	border-bottom: .25em solid transparent
}

.documentation .container .content ul.documentation-nav li a.active {
	opacity: 1;
	border-bottom-color: #f21121
}

.documentation .container .content .documentation-block {
	max-width: 52rem;
	margin: 2em auto 0;
	padding: 2em 0
}

.documentation .container .content .documentation-block ul.icon-pdf {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.documentation .container .content .documentation-block ul.icon-pdf li {
	list-style-type: none;
	width: 50%
}

@media screen and (min-width:768px) {
	.documentation .container .content .documentation-block ul.icon-pdf li {
		width: 25%
	}
}

.documentation .container .content .documentation-block ul.icon-pdf li a {
	display: block;
	width: 10em;
	height: 9em;
	background-image: url(../img/icon-pdf.svg);
	background-size: 5em auto;
	background-position: center top;
	background-repeat: no-repeat;
	padding: 7em 1em 0;
	color: #0d0d0d;
	text-decoration: none;
	position: relative
}

.documentation .container .content .documentation-block ul.icon-pdf li a.product-sheet:before {
	content: "Product Sheet";
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: .5em;
	position: absolute;
	top: 4.5rem;
	left: 3rem
}

.documentation .container .content .documentation-block ul.doclinks {
	margin: 0
}

.documentation .container .content .documentation-block ul.doclinks li a {
	color: #f21121
}

.documentation .container .content .documentation-block ul.specifications {
	margin: 0;
	padding: 0
}

.documentation .container .content .documentation-block ul.specifications li {
	list-style-type: none;
	margin-bottom: 2em
}

.documentation .container .content .documentation-block ul.specifications li img {
	width: 100%;
	height: auto
}

.documentation .container .content .documentation-block ul.certifications {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 3%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.documentation .container .content .documentation-block ul.certifications li {
	list-style-type: none
}

.documentation .container .content .documentation-block ul.certifications li img {
	width: 100%;
	height: auto
}

.oops-404 {
	background: #f5f5f5;
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.oops-404 {
		padding: 6em 0
	}
}

.oops-404.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.oops-404.nobottom {
		padding-bottom: 0
	}
}

.oops-404 .container .content {
	text-align: center
}

.oops-404 .container .content figure {
	width: 15em;
	margin: 0 auto
}

.oops-404 .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 10vw;
	margin: 0
}

@media screen and (min-width:768px) {
	.oops-404 .container .content h1 {
		font-size: 3.75em
	}
}

.oops-404 .container .content h1+h4 {
	font-size: 3.6vw;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.oops-404 .container .content h1+h4 {
		font-size: 1.375em
	}
}

.oops-404 .container .content h1+p {
	font-size: 16px;
	margin: 1em 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

.oops-404 .container .content p {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em
}

.paragraph-image {
	background: #fff
}

@media screen and (min-width:1024px) {
	.paragraph-image.reverse .container {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
}

.paragraph-image .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.paragraph-image .container {
		padding: 6em 0
	}
}

@media screen and (min-width:1024px) {
	.paragraph-image .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media screen and (min-width:1024px) {
	.paragraph-image .container .content {
		width: 42%
	}
}

.paragraph-image .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.paragraph-image .container .content h2 {
		font-size: 3em
	}
}

.paragraph-image .container .content h4 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.paragraph-image .container .content h4 {
		font-size: 1.75em
	}
}

.paragraph-image .container .content a {
	margin-top: 2em
}

.paragraph-image .container figure {
	margin: 3em 0 0 0
}

@media screen and (min-width:1024px) {
	.paragraph-image .container figure {
		width: 45%;
		margin: 0
	}
}

.photo-card-contact-us .blur {
	position: relative
}

.photo-card-contact-us .blur:before {
	content: "";
	display: block;
	width: 100%;
	height: 16em;
	background: #f5f5f5;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

@media screen and (min-width:1024px) {
	.photo-card-contact-us .blur:before {
		height: 24em
	}
}

.photo-card-contact-us .blur .container {
	padding: 4.375em 0;
	position: relative;
	z-index: 2
}

@media screen and (min-width:1024px) {
	.photo-card-contact-us .blur .container {
		padding: 6em 0
	}
}

.photo-card-contact-us .blur .container.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.photo-card-contact-us .blur .container.nobottom {
		padding-bottom: 0
	}
}

.photo-card-contact-us .blur .container .content {
	background: #fff;
	border-radius: .3125em;
	padding: 1.5em;
	-webkit-box-shadow: 0 3.75rem 6.25rem rgba(37, 12, 12, .3);
	box-shadow: 0 3.75rem 6.25rem rgba(37, 12, 12, .3);
	max-width: 768px;
	margin: 0 auto
}

@media screen and (min-width:768px) {
	.photo-card-contact-us .blur .container .content {
		padding: 3em
	}
}

.photo-card-contact-us .blur .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.photo-card-contact-us .blur .container .content h2 {
		font-size: 3em
	}
}

.photo-card-contact-us .blur .container .content h2+p {
	text-align: center
}

.photo-card-contact-us .blur .container .content .form-container {
	min-height: 25em;
	max-width: 450px;
	margin: 3em auto 0
}

.photo-card-leadership-team .blur {
	position: relative
}

.photo-card-leadership-team .blur:before {
	content: "";
	display: block;
	width: 100%;
	height: 16em;
	background: #f5f5f5;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

@media screen and (min-width:1024px) {
	.photo-card-leadership-team .blur:before {
		height: 24em
	}
}

.photo-card-leadership-team .blur .container {
	padding: 4.375em 0;
	position: relative;
	z-index: 2
}

@media screen and (min-width:1024px) {
	.photo-card-leadership-team .blur .container {
		padding: 6em 0
	}
}

.photo-card-leadership-team .blur .container.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.photo-card-leadership-team .blur .container.nobottom {
		padding-bottom: 0
	}
}

.photo-card-leadership-team .blur .container .content {
	background: #fff;
	border-radius: .3125em;
	padding: 1.5em;
	-webkit-box-shadow: 0 3.75rem 6.25rem rgba(37, 12, 12, .3);
	box-shadow: 0 3.75rem 6.25rem rgba(37, 12, 12, .3);
	max-width: 1024px;
	margin: 0 auto
}

@media screen and (min-width:768px) {
	.photo-card-leadership-team .blur .container .content {
		padding: 3em
	}
}

.photo-card-leadership-team .blur .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.photo-card-leadership-team .blur .container .content h2 {
		font-size: 3em
	}
}

.photo-card-leadership-team .blur .container .content h2+p {
	text-align: center
}

.photo-card-leadership-team .blur .container .content .team-row {
	padding: 3em 0;
	border-bottom: .15em solid #f5f5f5
}

.photo-card-leadership-team .blur .container .content .team-row:last-of-type {
	border-bottom: none
}

.photo-card-leadership-team .blur .container .content .team-row h4 {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	text-align: center;
	margin-bottom: 2rem
}

.photo-card-leadership-team .blur .container .content .team-row ul {
	margin: 0;
	padding: 0
}

@media screen and (min-width:768px) {
	.photo-card-leadership-team .blur .container .content .team-row ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 5%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media screen and (min-width:1024px) {
	.photo-card-leadership-team .blur .container .content .team-row ul {
		gap: 3%
	}
}

.photo-card-leadership-team .blur .container .content .team-row ul li {
	list-style-type: none;
	text-align: center;
	margin-bottom: 3em
}

@media screen and (min-width:768px) {
	.photo-card-leadership-team .blur .container .content .team-row ul li {
		width: 45%
	}
}

@media screen and (min-width:1024px) {
	.photo-card-leadership-team .blur .container .content .team-row ul li {
		width: 30%
	}
}

.photo-card-leadership-team .blur .container .content .team-row ul li img {
	width: 75%;
	height: auto;
	vertical-align: middle;
	border-radius: 50%;
	aspect-ratio: 1/1;
	-webkit-box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	margin-bottom: 2em
}

.photo-card-leadership-team .blur .container .content .team-row ul li strong {
	display: block;
	font-size: 1.375em
}

.photo-card-leadership-team .blur .container .content .team-row ul li strong a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.photo-card-leadership-team .blur .container .content .team-row ul li strong a:hover {
	color: #f21121;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.photo-card-leadership-team .blur .container .content .team-row ul li span {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #868686;
	line-height: 1.5;
	display: block;
	margin-top: 1em
}

.plain-text {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.plain-text {
		padding: 6em 0
	}
}

.plain-text.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.plain-text.notop {
		padding-top: 0
	}
}

.plain-text.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.plain-text.nobottom {
		padding-bottom: 0
	}
}

.plain-text .container {
	max-width: 1024px
}

.plain-text .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 10vw;
	margin: 0;
	margin: 0 0 1em 0
}

@media screen and (min-width:768px) {
	.plain-text .container .content h1 {
		font-size: 3.75em
	}
}

.plain-text .container .content h1+h4 {
	font-size: 3.6vw;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

@media screen and (min-width:768px) {
	.plain-text .container .content h1+h4 {
		font-size: 1.375em
	}
}

.plain-text .container .content h1+p {
	font-size: 16px;
	margin: 1em 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal
}

.plain-text .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin: 0 0 1em 0
}

@media screen and (min-width:768px) {
	.plain-text .container .content h2 {
		font-size: 3em
	}
}

.plain-text .container .content h3 {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0;
	margin: 0 0 1em 0
}

@media screen and (min-width:768px) {
	.plain-text .container .content h3 {
		font-size: 2.25em
	}
}

.plain-text .container .content h3+p {
	margin: 1.5em auto
}

.plain-text .container .content p {
	margin: 1em 0
}

.plain-text .container .content a {
	color: #f21121
}

.plain-text .container .content ul {
	margin: 2em 0
}

.plain-text .container .content ul li {
	margin-bottom: .5em
}

.product-core-applications-images .container {
	padding: 4.375em 0;
	max-width: 1240px
}

@media screen and (min-width:1024px) {
	.product-core-applications-images .container {
		padding: 6em 0
	}
}

.product-core-applications-images .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.product-core-applications-images .container .content h2 {
		font-size: 3em
	}
}

.product-core-applications-images .container .content ul {
	margin: 3em auto 0;
	padding: 0;
	width: 80%
}

@media screen and (min-width:768px) {
	.product-core-applications-images .container .content ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		gap: 2%
	}
}

.product-core-applications-images .container .content ul li {
	list-style-type: none;
	margin-bottom: 2em
}

@media screen and (min-width:768px) {
	.product-core-applications-images .container .content ul li {
		width: 48%;
		margin: 0
	}
}

@media screen and (min-width:1024px) {
	.product-core-applications-images .container .content ul li {
		width: 23%
	}
}

.product-core-applications-images .container .content ul li figure {
	position: relative
}

.product-core-applications-images .container .content ul li figure img {
	border-radius: .3125em;
	-webkit-box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15)
}

.product-core-applications-images .container .content ul li figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.product-core-applications-images .container .content ul li figure figcaption span {
	margin: auto;
	display: block;
	text-align: center;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	padding: 1em;
	font-size: 1.75em;
	line-height: 1.35;
	color: #fff
}

.product-features .container {
	padding: 4.375em 0;
	max-width: 1240px
}

@media screen and (min-width:1024px) {
	.product-features .container {
		padding: 6em 0
	}
}

.product-features .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.product-features .container .content h2 {
		font-size: 3em
	}
}

.product-features .container .content ul {
	margin: 3em auto 0;
	padding: 0;
	width: 80%
}

@media screen and (min-width:768px) {
	.product-features .container .content ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 1005
	}
}

.product-features .container .content ul li {
	list-style-type: none;
	margin-bottom: 2em
}

@media screen and (min-width:768px) {
	.product-features .container .content ul li {
		width: 48%
	}
}

@media screen and (min-width:1024px) {
	.product-features .container .content ul li {
		width: 23%
	}
}

.product-features .container .content ul li figure img {
	border-radius: .3125em;
	-webkit-box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15)
}

.product-features .container .content ul li strong {
	display: block;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.375em;
	line-height: 1.2
}

@media screen and (min-width:768px) {
	.product-features .container .content ul li strong {
		font-size: 1.2em
	}
}

.product-features .container .content ul li p {
	margin: .5em 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px
}

.product-series {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.product-series {
		padding: 6em 0
	}
}

.product-series .container {
	max-width: 1024px
}

.product-series .container .content {
	text-align: center
}

.product-series .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.product-series .container .content h2 {
		font-size: 3em
	}
}

.product-series .container .content ul.product-thumbs {
	margin: 3em 0;
	padding: 0
}

@media screen and (min-width:768px) {
	.product-series .container .content ul.product-thumbs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 2%
	}
}

.product-series .container .content ul.product-thumbs li {
	list-style-type: none;
	margin-bottom: 2em
}

@media screen and (min-width:768px) {
	.product-series .container .content ul.product-thumbs li {
		width: 31%;
		margin: 0
	}
}

.product-series .container .content ul.product-thumbs li:last-child {
	margin-bottom: 0
}

.product-series .container .content ul.product-thumbs li figure {
	text-align: center;
	margin: 0
}

.product-series .container .content ul.product-thumbs li figure img {
	width: 80%
}

.product-series .container .content ul.product-thumbs li figure figcaption {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin-top: 1em
}

.product-series .container .content p {
	font-size: 1.375em
}

.product-series .container .content p a {
	font-size: 16px
}

.product-side-by-side-01 {
	background: #fff
}

.product-side-by-side-01 .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.product-side-by-side-01 .container {
		padding: 6em 0
	}
}

.product-side-by-side-01 .container.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.product-side-by-side-01 .container.notop {
		padding-top: 0
	}
}

.product-side-by-side-01 .container.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.product-side-by-side-01 .container.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:1024px) {
	.product-side-by-side-01 .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media screen and (min-width:1024px) {
	.product-side-by-side-01 .container .content {
		width: 44%
	}
}

.product-side-by-side-01 .container .content h3 {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0
}

@media screen and (min-width:768px) {
	.product-side-by-side-01 .container .content h3 {
		font-size: 2.25em
	}
}

.product-side-by-side-01 .container .content h3+p {
	margin: 1.5em auto
}

.product-side-by-side-01 .container .content ul.button-list {
	margin: 3em 0 0 0;
	padding: 0
}

@media screen and (min-width:768px) {
	.product-side-by-side-01 .container .content ul.button-list {
		width: 19em
	}
}

.product-side-by-side-01 .container .content ul.button-list li {
	list-style-type: none;
	margin-bottom: 1em
}

.product-side-by-side-01 .container .content ul.button-list li a {
	width: 100%;
	text-align: center
}

.product-side-by-side-01 .container .content h1,
.product-side-by-side-01 .container .content h2,
.product-side-by-side-01 .container .content h3 {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0
}

@media screen and (min-width:768px) {

	.product-side-by-side-01 .container .content h1,
	.product-side-by-side-01 .container .content h2,
	.product-side-by-side-01 .container .content h3 {
		font-size: 2.25em
	}
}

.product-side-by-side-01 .container .content h1+p,
.product-side-by-side-01 .container .content h2+p,
.product-side-by-side-01 .container .content h3+p {
	margin: 1.5em auto
}

.product-side-by-side-01 .container .content h4 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.product-side-by-side-01 .container .content h4 {
		font-size: 1.75em
	}
}

.product-side-by-side-01 .container .content p {
	margin: 1em 0
}

.product-side-by-side-01 .container .content ul li {
	margin-bottom: .5em
}

.product-side-by-side-01 .container figure {
	margin: 3em 0 0 0
}

@media screen and (min-width:1024px) {
	.product-side-by-side-01 .container figure {
		width: 53%;
		margin: 0
	}
}

.product-side-by-side-02 {
	background: #fff
}

.product-side-by-side-02 .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.product-side-by-side-02 .container {
		padding: 6em 0
	}
}

.product-side-by-side-02 .container.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.product-side-by-side-02 .container.notop {
		padding-top: 0
	}
}

.product-side-by-side-02 .container.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.product-side-by-side-02 .container.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:1024px) {
	.product-side-by-side-02 .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media screen and (min-width:1024px) {
	.product-side-by-side-02 .container .content {
		width: 37%
	}
}

.product-side-by-side-02 .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.product-side-by-side-02 .container .content h2 {
		font-size: 3em
	}
}

.product-side-by-side-02 .container .content ol {
	margin: 2em 0;
	padding-left: 1.25rem;
	color: #f21121
}

.product-side-by-side-02 .container .content ol li {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em
}

.product-side-by-side-02 .container .content h1,
.product-side-by-side-02 .container .content h2,
.product-side-by-side-02 .container .content h3 {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0
}

@media screen and (min-width:768px) {

	.product-side-by-side-02 .container .content h1,
	.product-side-by-side-02 .container .content h2,
	.product-side-by-side-02 .container .content h3 {
		font-size: 2.25em
	}
}

.product-side-by-side-02 .container .content h1+p,
.product-side-by-side-02 .container .content h2+p,
.product-side-by-side-02 .container .content h3+p {
	margin: 1.5em auto
}

.product-side-by-side-02 .container .content h4 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.product-side-by-side-02 .container .content h4 {
		font-size: 1.75em
	}
}

.product-side-by-side-02 .container .content p {
	margin: 1em 0
}

.product-side-by-side-02 .container .content a {
	color: #f21121
}

.product-side-by-side-02 .container .content ul li {
	margin-bottom: .5em
}

.product-side-by-side-02 .container figure {
	margin: 3em 0 0 0
}

@media screen and (min-width:1024px) {
	.product-side-by-side-02 .container figure {
		width: 57%;
		margin: 0
	}
}

.product-side-by-side-03 {
	background: #fff
}

.product-side-by-side-03 .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.product-side-by-side-03 .container {
		padding: 6em 0
	}
}

.product-side-by-side-03 .container.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.product-side-by-side-03 .container.notop {
		padding-top: 0
	}
}

.product-side-by-side-03 .container.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.product-side-by-side-03 .container.nobottom {
		padding-bottom: 0
	}
}

@media screen and (min-width:1024px) {
	.product-side-by-side-03 .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media screen and (min-width:1024px) {
	.product-side-by-side-03 .container .content {
		width: 37%
	}
}

.product-side-by-side-03 .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.product-side-by-side-03 .container .content h2 {
		font-size: 3em
	}
}

.product-side-by-side-03 .container .content h4 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.product-side-by-side-03 .container .content h4 {
		font-size: 1.75em
	}
}

.product-side-by-side-03 .container .content ol {
	margin: 2em 0;
	padding-left: 1.25rem
}

.product-side-by-side-03 .container .content ol li {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em
}

.product-side-by-side-03 .container .content a {
	margin-top: 2em
}

.product-side-by-side-03 .container .content h1,
.product-side-by-side-03 .container .content h2,
.product-side-by-side-03 .container .content h3 {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0
}

@media screen and (min-width:768px) {

	.product-side-by-side-03 .container .content h1,
	.product-side-by-side-03 .container .content h2,
	.product-side-by-side-03 .container .content h3 {
		font-size: 2.25em
	}
}

.product-side-by-side-03 .container .content h1+p,
.product-side-by-side-03 .container .content h2+p,
.product-side-by-side-03 .container .content h3+p {
	margin: 1.5em auto
}

.product-side-by-side-03 .container .content h4 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.product-side-by-side-03 .container .content h4 {
		font-size: 1.75em
	}
}

.product-side-by-side-03 .container .content p {
	margin: 1em 0
}

.product-side-by-side-03 .container .content a {
	color: #f21121
}

.product-side-by-side-03 .container .content ul li {
	margin-bottom: .5em
}

.product-side-by-side-03 .container figure {
	margin: 3em 0 0 0
}

@media screen and (min-width:1024px) {
	.product-side-by-side-03 .container figure {
		width: 57%;
		margin: 0
	}
}

.products-category-index {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.products-category-index {
		padding: 6em 0
	}
}

.products-category-index.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.products-category-index.notop {
		padding-top: 0
	}
}

.products-category-index.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.products-category-index.nobottom {
		padding-bottom: 0
	}
}

.products-category-index .container .content ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (min-width:768px) {
	.products-category-index .container .content ul {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		gap: 5%;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end
	}
}

.products-category-index .container .content ul li {
	list-style-type: none;
	text-align: center;
	width: 100%;
	margin-bottom: 2em
}

@media screen and (min-width:768px) {
	.products-category-index .container .content ul li {
		width: 30%
	}
}

.products-category-index .container .content ul li a {
	text-decoration: none;
	display: block
}

.products-category-index .container .content ul li a img {
	width: 70%;
	height: auto
}

.products-category-index .container .content ul li a h4 {
	text-align: center;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em
}

.products-slider {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.products-slider {
		padding: 6em 0
	}
}

.products-slider.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.products-slider.notop {
		padding-top: 0
	}
}

.products-slider.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.products-slider.nobottom {
		padding-bottom: 0
	}
}

.products-slider .container h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.products-slider .container h2 {
		font-size: 3em
	}
}

.products-slider .container .content {
	padding: 3em 0 3em
}

.products-slider .container .content li.splide__slide a {
	display: block;
	color: #0d0d0d;
	text-decoration: none;
	text-align: center
}

.products-slider .container .content li.splide__slide a img {
	width: 80%;
	height: auto
}

.products-slider .container .content li.splide__slide a strong {
	display: block;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	margin-top: 1em
}

.products-slider .container .content ul.splide__pagination li button {
	width: 1.5em;
	height: 1em;
	border-radius: 1em;
	opacity: 1
}

@media screen and (min-width:768px) {
	.products-slider .container .content ul.splide__pagination li button {
		width: 6em;
		height: .5em
	}
}

@media screen and (min-width:1024px) {
	.products-slider .container .content ul.splide__pagination li button {
		width: 8em
	}
}

.products-slider .container .content ul.splide__pagination li button:hover {
	background: #f21121
}

.products-slider .container .content ul.splide__pagination li button.is-active {
	background: #f21121;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.purpose-boxes {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.purpose-boxes {
		padding: 6em 0
	}
}

.purpose-boxes .container {
	max-width: 1024px
}

.purpose-boxes .container .content h3 {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.purpose-boxes .container .content h3 {
		font-size: 2.25em
	}
}

.purpose-boxes .container .content h3+p {
	margin: 1.5em auto
}

.purpose-boxes .container .content ul {
	margin: 2em 0 0 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1em;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media screen and (min-width:1024px) {
	.purpose-boxes .container .content ul {
		gap: 2%
	}
}

.purpose-boxes .container .content ul li {
	list-style-type: none;
	border: .15em solid #f21121;
	border-radius: .3125em;
	padding: 1em;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	width: 100%
}

@media screen and (min-width:768px) {
	.purpose-boxes .container .content ul li {
		width: auto
	}
}

@media screen and (min-width:1024px) {
	.purpose-boxes .container .content ul li {
		width: 23%;
		padding: 1em 2em
	}
}

.question-form {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.question-form {
		padding: 6em 0
	}
}

.question-form.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.question-form.nobottom {
		padding-bottom: 0
	}
}

.question-form .container {
	max-width: 614.4px
}

.question-form .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.question-form .container .content h2 {
		font-size: 3em
	}
}

.question-form .container .content h2+p {
	text-align: center;
	color: red
}

.question-form .container .content .form-container {
	margin-top: 3em
}

.quote-big {
	background: #f5f5f5;
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.quote-big {
		padding: 6em 0
	}
}

.quote-big .container {
	max-width: 1024px
}

.quote-big .container .content blockquote {
	margin: 0;
	padding: 0
}

@media screen and (min-width:768px) {
	.quote-big .container .content blockquote {
		position: relative;
		padding-left: 11em
	}
}

.quote-big .container .content blockquote figure {
	width: 6em;
	margin: 0 0 1em 0
}

@media screen and (min-width:768px) {
	.quote-big .container .content blockquote figure {
		position: absolute;
		top: 0;
		left: 0
	}
}

.quote-big .container .content blockquote p {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 9vw;
	line-height: 1.2
}

@media screen and (min-width:768px) {
	.quote-big .container .content blockquote p {
		font-size: 3.5em
	}
}

.quote-big .container .content blockquote cite {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em
}

.related-products {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.related-products {
		padding: 6em 0
	}
}

.related-products.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.related-products.notop {
		padding-top: 0
	}
}

.related-products.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.related-products.nobottom {
		padding-bottom: 0
	}
}

.related-products .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center
}

@media screen and (min-width:768px) {
	.related-products .container .content h2 {
		font-size: 3em
	}
}

.related-products .container .content .redcaps {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	text-align: center
}

.related-products .container .content ul {
	margin: 2em 0;
	padding: 0
}

@media screen and (min-width:768px) {
	.related-products .container .content ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 1em;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media screen and (min-width:1024px) {
	.related-products .container .content ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.related-products .container .content ul li {
	list-style-type: none;
	margin-bottom: 2em
}

@media screen and (min-width:768px) {
	.related-products .container .content ul li {
		width: 48%
	}
}

@media screen and (min-width:1024px) {
	.related-products .container .content ul li {
		width: 31%
	}
}

.related-products .container .content ul li figure {
	margin: 0 0 1em 0
}

.related-products .container .content ul li figure img {
	border-radius: .3125em
}

.related-products .container .content ul li h3 {
	font-size: 1.375em;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	margin: 0
}

.related-products .container .content ul li h3 a {
	color: inherit;
	text-decoration: none
}

.related-products .container .content ul li p {
	text-align: center
}

.results-block {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.results-block {
		padding: 6em 0
	}
}

.results-block.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.results-block.notop {
		padding-top: 0
	}
}

.results-block.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.results-block.nobottom {
		padding-bottom: 0
	}
}

.results-block .container {
	max-width: 1024px
}

.results-block .container .content ul {
	margin: 0;
	padding: 0
}

.results-block .container .content ul li {
	list-style-type: none;
	border-bottom: .15em solid #bfbfbf;
	padding-bottom: 1em;
	margin-bottom: 1em
}

.results-block .container .content ul li:last-of-type {
	border-bottom: none;
	padding-bottom: 0
}

.results-block .container .content ul li h3 {
	font-size: 1.375em;
	line-height: 1.2
}

@media screen and (min-width:768px) {
	.results-block .container .content ul li h3 {
		margin: .7rem 0
	}
}

.results-block .container .content ul li h3 a {
	color: #0d0d0d;
	text-decoration: none
}

@media screen and (min-width:768px) {
	.results-block .container .content ul li p {
		font-size: .85em
	}
}

@media screen and (min-width:1024px) {
	.results-block .container .content ul li p {
		font-size: .9em
	}
}

.results-block .container .content ul li p a {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.results-block .container .content ul li p a:hover {
	color: #0d0d0d;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.results-header {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.results-header {
		padding: 6em 0
	}
}

.results-header.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.results-header.nobottom {
		padding-bottom: 0
	}
}

.results-header .container .content {
	text-align: center
}

.results-header .container .content figure {
	width: 5em;
	margin: 0 auto
}

.results-header .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin-top: 1em
}

@media screen and (min-width:768px) {
	.results-header .container .content h1 {
		font-size: 3em
	}
}

.simple-sxs {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.simple-sxs {
		padding: 6em 0
	}
}

.simple-sxs.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.simple-sxs.notop {
		padding-top: 0
	}
}

.simple-sxs.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.simple-sxs.nobottom {
		padding-bottom: 0
	}
}

.simple-sxs .container .content .simple-sxs-container {
	margin-bottom: 4em
}

@media screen and (min-width:768px) {
	.simple-sxs .container .content .simple-sxs-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

@media screen and (min-width:1024px) {
	.simple-sxs .container .content .simple-sxs-container {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media screen and (min-width:768px) {
	.simple-sxs .container .content .simple-sxs-container:nth-of-type(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
}

.simple-sxs .container .content .simple-sxs-container:last-of-type {
	margin-bottom: 0
}

.simple-sxs .container .content .simple-sxs-container figure {
	margin-bottom: 2em
}

@media screen and (min-width:768px) {
	.simple-sxs .container .content .simple-sxs-container figure {
		margin: 0;
		width: 25%
	}
}

@media screen and (min-width:1024px) {
	.simple-sxs .container .content .simple-sxs-container figure {
		width: 47%
	}
}

.simple-sxs .container .content .simple-sxs-container figure img {
	border-radius: .3125em;
	-webkit-box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15);
	box-shadow: 0 2em 2.5em rgba(0, 0, 0, .15)
}

@media screen and (min-width:768px) {
	.simple-sxs .container .content .simple-sxs-container div {
		width: 70%
	}
}

@media screen and (min-width:1024px) {
	.simple-sxs .container .content .simple-sxs-container div {
		width: 47%
	}
}

.simple-sxs .container .content .simple-sxs-container div h4 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 7vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin: 0
}

@media screen and (min-width:768px) {
	.simple-sxs .container .content .simple-sxs-container div h4 {
		font-size: 1.75em
	}
}

.simple-sxs .container .content .simple-sxs-container div ul {
	margin: 1.5em 0
}

.simple-sxs .container .content .simple-sxs-container div ul li {
	margin-bottom: 1em
}

.subpage-header-01 {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.subpage-header-01 {
		padding: 6em 0
	}
}

.subpage-header-01.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.subpage-header-01.nobottom {
		padding-bottom: 0
	}
}

.subpage-header-01 .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	position: relative;
	padding-bottom: 1.25rem
}

@media screen and (min-width:768px) {
	.subpage-header-01 .container .content h1 {
		font-size: 3em
	}
}

.subpage-header-01 .container .content h1:after {
	content: "";
	display: block;
	width: 8rem;
	height: .35rem;
	background: #f21121;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -4rem
}

.subpage-header-02 {
	background-size: cover;
	background-position: center center
}

.subpage-header-02 .container {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.subpage-header-02 .container {
		padding: 6em 0
	}
}

.subpage-header-02 .container.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.subpage-header-02 .container.nobottom {
		padding-bottom: 0
	}
}

.subpage-header-02 .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	color: #fff
}

@media screen and (min-width:768px) {
	.subpage-header-02 .container .content h1 {
		font-size: 3em
	}
}

.subpage-header-03 {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.subpage-header-03 {
		padding: 6em 0
	}
}

.subpage-header-03.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.subpage-header-03.nobottom {
		padding-bottom: 0
	}
}

.subpage-header-03 .container .content {
	text-align: center
}

.subpage-header-03 .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.subpage-header-03 .container .content h1 {
		font-size: 3em
	}
}

.three-icons {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.three-icons {
		padding: 6em 0
	}
}

.three-icons.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.three-icons.nobottom {
		padding-bottom: 0
	}
}

.three-icons .container .content ul {
	margin: 0;
	padding: 0
}

@media screen and (min-width:768px) {
	.three-icons .container .content ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 10%
	}
}

@media screen and (min-width:1024px) {
	.three-icons .container .content ul {
		gap: 3%
	}
}

.three-icons .container .content ul li {
	list-style-type: none;
	text-align: center;
	margin-bottom: 3em
}

@media screen and (min-width:768px) {
	.three-icons .container .content ul li {
		width: 40%
	}
}

@media screen and (min-width:1024px) {
	.three-icons .container .content ul li {
		width: 30%
	}
}

.three-icons .container .content ul li figure {
	width: 6.25em;
	margin: 0 auto 2em
}

.three-icons .container .content ul li figure img {
	border-radius: 50%;
	vertical-align: middle
}

.three-icons .container .content ul li strong {
	display: block
}

.warranty {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.warranty {
		padding: 6em 0
	}
}

.warranty.notop {
	padding-top: 0
}

@media screen and (min-width:1024px) {
	.warranty.notop {
		padding-top: 0
	}
}

.warranty.nobottom {
	padding-bottom: 0
}

@media screen and (min-width:1024px) {
	.warranty.nobottom {
		padding-bottom: 0
	}
}

.warranty .container {
	max-width: 1024px
}

.warranty .container .content h1 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0
}

@media screen and (min-width:768px) {
	.warranty .container .content h1 {
		font-size: 3em
	}
}

.warranty .container .content ul.versions {
	margin: 1em 0 0 0;
	padding: 0
}

.warranty .container .content ul.versions li {
	list-style-type: none;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em
}

.warranty .container .content .warranty-table {
	margin: 4em 0 0 0;
	border: 1px solid #f5f5f5
}

.warranty .container .content .warranty-table ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: .8em
}

@media screen and (min-width:768px) {
	.warranty .container .content .warranty-table ul {
		font-size: 16px
	}
}

.warranty .container .content .warranty-table ul li {
	list-style-type: none;
	width: 33.3333%;
	border: 1px solid #f5f5f5;
	padding: 2%
}

.warranty .container .content .warranty-table ul li strong {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .05em;
	line-height: 1.3;
	display: block;
	margin-bottom: .5em
}

.warranty .container .content .warranty-table ul li span {
	display: block;
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: .7em;
	text-transform: uppercase
}

.warranty .container .content .warranty-table ul li p {
	margin: 0;
	font-size: .85em
}

.warranty .container .content p.disclaimer {
	text-align: center;
	padding: 0 1em
}

.why-3-icon {
	padding: 4.375em 0
}

@media screen and (min-width:1024px) {
	.why-3-icon {
		padding: 6em 0
	}
}

.why-3-icon .container .content {
	text-align: center
}

.why-3-icon .container .content h3 {
	font-family: industry, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 8vw;
	line-height: 1.2;
	margin: 0
}

@media screen and (min-width:768px) {
	.why-3-icon .container .content h3 {
		font-size: 2.25em
	}
}

.why-3-icon .container .content h3+p {
	margin: 1.5em auto
}

.why-3-icon .container .content ul {
	margin: 4em 0 0 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 2em;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.why-3-icon .container .content ul li {
	list-style-type: none;
	max-width: 12em
}

.why-3-icon .container .content ul li img {
	width: 3em
}

.why-3-icon .container .content ul li strong {
	display: block;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin-top: 3em
}

.why-product {
	background: #f5f5f5
}

.why-product.reverse {
	background: #fff
}

@media screen and (min-width:1024px) {
	.why-product.reverse .container {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}
}

.why-product .container {
	padding: 4.375em 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

@media screen and (min-width:1024px) {
	.why-product .container {
		padding: 6em 0
	}
}

@media screen and (min-width:1024px) {
	.why-product .container {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
}

@media screen and (min-width:1024px) {
	.why-product .container .content {
		width: 37%
	}
}

.why-product .container .content h2 {
	font-family: industry, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 10vw;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 3rem
}

@media screen and (min-width:768px) {
	.why-product .container .content h2 {
		font-size: 3em
	}
}

.why-product .container .content ul.redcaps {
	margin: 0 0 3em 0;
	padding: 0
}

.why-product .container .content ul.redcaps li {
	margin-left: 1em
}

.why-product .container .content ul.redcaps li:first-child {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #f21121;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .2em;
	list-style-type: none;
	padding: 0;
	margin: 0 0 1em 0
}

.why-product .container figure {
	margin: 0 0 3em 0
}

@media screen and (min-width:1024px) {
	.why-product .container figure {
		width: 57%;
		margin: 0
	}
}

.why-product .container figure img {
	width: 100%;
	height: auto
}

/*# sourceMappingURL=https://profire:8890/wp-content/themes/profire/assets/css/profire.min.css.map */