.cmp-container {
    height: calc(100vh - 94px);
    background: url("https://cdn.brandfolder.io/XG3NESCC/at/jqb6n42ttg63kj9smgmcgjx3/vpn-background.gif") no-repeat;
}
 .redirect {
    padding: 30px; /* Add padding */
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Add white rectangular shadow */
  }
@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap";

* {
	box-sizing: border-box
}

html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ol,
ul,
li,
form,
legend,
label,
table,
header,
footer,
nav,
section,
figure {
	margin: 0;
	padding: 0
}

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

html {
	min-height: 100vh
}

body {
	min-height: 100vh;
	font-family: "Rubik", sans-serif;
	font-size: 18px;
	letter-spacing: .2px;
	line-height: 32px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #2d3a4d;
	// padding-top: 50px;
	-webkit-text-size-adjust: 100%
}

body:before {
	content: "";
	background-color: #fff;
	max-width: 128em;
	margin: 0 auto;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1
}

body:after {
	content: "";
	background: url("clientlib-bgimg/resources/patterns/line-pattern.svg");
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: .1;
	z-index: -2
}

@media only screen and (min-width: 64em) {
	body {
	//	padding-top: 94px
	}
}

@media only screen and (min-width: 128em) {
	body {
		max-width: 128em;
		margin-right: auto;
		margin-left: auto
	}
}

body.fixed {
	position: fixed
}

body.filters-open {
	position: relative
}

body.filters-open::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 60%;
	z-index: 98
}

body.desktop-filters-open {
	position: relative
}

body.desktop-filters-open::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 60%;
	z-index: 98
}

@media only screen and (min-width: 64em) {
	body.desktop-filters-open::after {
		background-color: unset;
		opacity: 0;
		z-index: 1
	}
}

a {
	color: gray;
	text-decoration: none;
	outline: 0;
	transition: all .2s ease
}

a:hover,
a:focus {
	color: #000
}

.action-link {
	position: relative;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: .5px;
	color: #c00;
	text-transform: uppercase;
	text-decoration: none;
	outline: 0;
	z-index: 3;
	line-height: 20px;
	transition: all .2s ease-out
}

.action-link:hover,
.action-link:focus {
	color: #c00
}

.action-link:hover::before,
.action-link:focus::before {
	opacity: 1;
	transition: all .2s ease-out
}

.action-link::before {
	content: "";
	width: calc(100% - 20px);
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: solid 1px #c00;
	opacity: 0
}

.action-link::after {
	text-decoration: none;
	content: "›";
	position: relative;
	font-size: 27px;
	font-weight: 300;
	top: 3px;
	margin-left: 6px;
	line-height: 20px
}

.action-link-dark {
	color: #fff;
	transition: all .2s ease-out
}

.action-link-dark:hover,
.action-link-dark:focus {
	color: #fff
}

.action-link-dark::before {
	border-bottom: solid 1px #fff
}

ol,
ul {
	list-style: none
}

h1 {
	font-size: 42px;
	font-weight: normal;
	letter-spacing: -0.3px;
	line-height: 53px
}

h2 {
	font-size: 29px;
	font-weight: normal;
	letter-spacing: -0.24px;
	line-height: 36px;
	position: relative
}

h2::before {
	content: "";
	position: absolute;
	top: -7px;
	left: -13px;
	width: 8px;
	height: 8px;
	border-top: 5px solid #c00;
	border-left: 5px solid #c00;
	display: block
}

@media only screen and (min-width: 64em) {
	h2 {
		font-size: 42px;
		line-height: 53px
	}

	h2::before {
		width: 11px;
		height: 11px;
		top: -12px;
		left: -18px;
		border-width: 7px
	}
}

h3 {
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	letter-spacing: -0.17px;
	margin-bottom: 24px
}

@media only screen and (min-width: 64em) {
	h3 {
		font-size: 29px;
		letter-spacing: 1.26px
	}
}

h4 {
	font-size: 21px;
	font-weight: 300;
	letter-spacing: .91px
}

@media only screen and (min-width: 90em) {
	h4 {
		font-size: 29px;
		letter-spacing: 1.26px
	}
}

h5 {
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .17px
}

@media only screen and (min-width: 90em) {
	h5 {
		font-size: 18px;
		letter-spacing: .2px
	}
}

h6 {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px
}

h1.standalone-headline,
h2.standalone-headline,
h3.standalone-headline,
h4.standalone-headline,
h5.standalone-headline,
h6.standalone-headline {
	margin: 4rem 2rem 0
}

@media only screen and (min-width: 64em) {

	h1.standalone-headline,
	h2.standalone-headline,
	h3.standalone-headline,
	h4.standalone-headline,
	h5.standalone-headline,
	h6.standalone-headline {
		margin: 4rem 15% 0
	}
}

@media only screen and (min-width: 90em) {

	h1.standalone-headline,
	h2.standalone-headline,
	h3.standalone-headline,
	h4.standalone-headline,
	h5.standalone-headline,
	h6.standalone-headline {
		margin: 4rem 18% 0
	}
}

@media only screen and (min-width: 128em) {

	h1.standalone-headline,
	h2.standalone-headline,
	h3.standalone-headline,
	h4.standalone-headline,
	h5.standalone-headline,
	h6.standalone-headline {
		margin: 4rem 25% 0
	}
}

@font-face {
	font-family: "wizicons";
	src: url("clientlib-bgimg/resources/fonts/wizicons.eot?bxw60f");
	src: url("clientlib-bgimg/resources/fonts/wizicons.eot?bxw60f#iefix") format("embedded-opentype"), url("clientlib-bgimg/resources/fonts/wizicons.ttf?bxw60f") format("truetype"), url("clientlib-bgimg/resources/fonts/wizicons.woff?bxw60f") format("woff"), url("clientlib-bgimg/resources/fonts/wizicons.svg?bxw60f#wizicons") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block
}

[class^=wiz-],
[class*=" wiz-"] {
	font-family: "wizicons" !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.wiz-d-box-corner:before {
	content: ""
}

.wiz-d-pen-box:before {
	content: ""
}

.wiz-d-pen-draw-box:before {
	content: ""
}

.wiz-d-print-candy:before {
	content: ""
}

.wiz-d-print-reel:before {
	content: ""
}

.wiz-adventure-car-3:before {
	content: ""
}

.wiz-adventure-car-truck-1:before {
	content: ""
}

.wiz-agriculture-machine-harvester-storage:before {
	content: ""
}

.wiz-agriculture-machine-harvester:before {
	content: ""
}

.wiz-agriculture-machine-plow-3:before {
	content: ""
}

.wiz-agriculture-machine-plow-4:before {
	content: ""
}

.wiz-agriculture-machine-plow:before {
	content: ""
}

.wiz-agriculture-machine-tractor-2:before {
	content: ""
}

.wiz-agriculture-machine:before {
	content: ""
}

.wiz-aircraft-chopper-1:before {
	content: ""
}

.wiz-aircraft-hot-air-balloon-1:before {
	content: ""
}

.wiz-aircraft-hot-air-balloon-2:before {
	content: ""
}

.wiz-airport-signal:before {
	content: ""
}

.wiz-airport-stairs:before {
	content: ""
}

.wiz-airport:before {
	content: ""
}

.wiz-analytics-bars-3d:before {
	content: ""
}

.wiz-analytics-bars-circle:before {
	content: ""
}

.wiz-analytics-bars-horizontal:before {
	content: ""
}

.wiz-analytics-bars:before {
	content: ""
}

.wiz-analytics-board-bars:before {
	content: ""
}

.wiz-analytics-board-graph-line:before {
	content: ""
}

.wiz-analytics-graph-bar-1:before {
	content: ""
}

.wiz-analytics-graph-bar:before {
	content: ""
}

.wiz-analytics-graph-line:before {
	content: ""
}

.wiz-analytics-graph-lines:before {
	content: ""
}

.wiz-analytics-graph:before {
	content: ""
}

.wiz-analytics-mountain:before {
	content: ""
}

.wiz-analytics-net:before {
	content: ""
}

.wiz-analytics-pie-2:before {
	content: ""
}

.wiz-anchor:before {
	content: ""
}

.wiz-ankle-tracker:before {
	content: ""
}

.wiz-architecture-door:before {
	content: ""
}

.wiz-architecture-window-1:before {
	content: ""
}

.wiz-astronomy-comet:before {
	content: ""
}

.wiz-astronomy-constellation:before {
	content: ""
}

.wiz-astronomy-earth-rotation:before {
	content: ""
}

.wiz-astronomy-eclipse:before {
	content: ""
}

.wiz-astronomy-moon:before {
	content: ""
}

.wiz-astronomy-solar-system:before {
	content: ""
}

.wiz-astronomy-telescope:before {
	content: ""
}

.wiz-baggage:before {
	content: ""
}

.wiz-beacon-bluetooth:before {
	content: ""
}

.wiz-billboard:before {
	content: ""
}

.wiz-body-scanner:before {
	content: ""
}

.wiz-brain-1:before {
	content: ""
}

.wiz-brain-chip:before {
	content: ""
}

.wiz-brain-lightning:before {
	content: ""
}

.wiz-bulb:before {
	content: ""
}

.wiz-bus-2:before {
	content: ""
}

.wiz-business-climb-top:before {
	content: ""
}

.wiz-business-crossroad:before {
	content: ""
}

.wiz-business-deal-handshake:before {
	content: ""
}

.wiz-business-message-bottle:before {
	content: ""
}

.wiz-business-pearl:before {
	content: ""
}

.wiz-cable-car:before {
	content: ""
}

.wiz-candle:before {
	content: ""
}

.wiz-car-dashboard-fuel:before {
	content: ""
}

.wiz-car-dashboard-speed:before {
	content: ""
}

.wiz-car-repair-tow-truck:before {
	content: ""
}

.wiz-car-tool-battery:before {
	content: ""
}

.wiz-car-tool-jumper-cables:before {
	content: ""
}

.wiz-car-tool-lug-wrench:before {
	content: ""
}

.wiz-car-tool-pump:before {
	content: ""
}

.wiz-car-tool-spark-plug:before {
	content: ""
}

.wiz-ceiling-lamp-1:before {
	content: ""
}

.wiz-chat-translate:before {
	content: ""
}

.wiz-clamp-expand-1:before {
	content: ""
}

.wiz-clamp-machine:before {
	content: ""
}

.wiz-clamp-press-1:before {
	content: ""
}

.wiz-clamp-press:before {
	content: ""
}

.wiz-clamps-expand:before {
	content: ""
}

.wiz-clean-car-cable-charge-1:before {
	content: ""
}

.wiz-construction-brick:before {
	content: ""
}

.wiz-construction-cone:before {
	content: ""
}

.wiz-construction-drill:before {
	content: ""
}

.wiz-construction-fence:before {
	content: ""
}

.wiz-construction-mortar-machine:before {
	content: ""
}

.wiz-construction-paint:before {
	content: ""
}

.wiz-construction-pipe-1:before {
	content: ""
}

.wiz-construction-pipe:before {
	content: ""
}

.wiz-construction-shovel:before {
	content: ""
}

.wiz-day-afternoon:before {
	content: ""
}

.wiz-day-sunrise-2:before {
	content: ""
}

.wiz-delivery-door:before {
	content: ""
}

.wiz-delivery-man:before {
	content: ""
}

.wiz-delivery-parachute:before {
	content: ""
}

.wiz-delivery-truck-2:before {
	content: ""
}

.wiz-delivery-truck-packages:before {
	content: ""
}

.wiz-dna:before {
	content: ""
}

.wiz-drone-controller:before {
	content: ""
}

.wiz-ecology-globe-nature:before {
	content: ""
}

.wiz-ecology-human-mind-flower:before {
	content: ""
}

.wiz-ecology-human-mind:before {
	content: ""
}

.wiz-ecology-leaf:before {
	content: ""
}

.wiz-electricity-tower:before {
	content: ""
}

.wiz-equipment-cement-cart:before {
	content: ""
}

.wiz-equipment-cement:before {
	content: ""
}

.wiz-equipment-hammer-stone:before {
	content: ""
}

.wiz-equipment-ladder:before {
	content: ""
}

.wiz-equipment-machine-track:before {
	content: ""
}

.wiz-equipment-pressure-measure:before {
	content: ""
}

.wiz-equipment-safety-mask:before {
	content: ""
}

.wiz-farming-barn-sun:before {
	content: ""
}

.wiz-fishing:before {
	content: ""
}

.wiz-flower-2:before {
	content: ""
}

.wiz-flower:before {
	content: ""
}

.wiz-fossil-energy-barrel:before {
	content: ""
}

.wiz-fossil-energy-battery:before {
	content: ""
}

.wiz-fossil-energy-gas-can:before {
	content: ""
}

.wiz-fossil-energy-gas-latern:before {
	content: ""
}

.wiz-fossil-energy-plant:before {
	content: ""
}

.wiz-gardening-scissors-1:before {
	content: ""
}

.wiz-gardening-seed-bag:before {
	content: ""
}

.wiz-gardening-sprinkle-bottle:before {
	content: ""
}

.wiz-gardening-watering-pipe:before {
	content: ""
}

.wiz-gas-can:before {
	content: ""
}

.wiz-gas-load:before {
	content: ""
}

.wiz-global-warming-globe-fire-1:before {
	content: ""
}

.wiz-golf-cart:before {
	content: ""
}

.wiz-hardware-drill-carbide:before {
	content: ""
}

.wiz-hardware-hammer-nail:before {
	content: ""
}

.wiz-hardware-nail-round-head:before {
	content: ""
}

.wiz-hardware-nail:before {
	content: ""
}

.wiz-hardware-nails:before {
	content: ""
}

.wiz-hardware-nut:before {
	content: ""
}

.wiz-hardware-nuts-1:before {
	content: ""
}

.wiz-hardware-wench-screw:before {
	content: ""
}

.wiz-head-idea:before {
	content: ""
}

.wiz-heavy-equipment-cleaner-1:before {
	content: ""
}

.wiz-heavy-equipment-cleaner:before {
	content: ""
}

.wiz-heavy-equipment-excavator-1:before {
	content: ""
}

.wiz-heavy-equipment-flattener:before {
	content: ""
}

.wiz-heavy-equipment-hook:before {
	content: ""
}

.wiz-heavy-equipment-lift:before {
	content: ""
}

.wiz-heavy-equipment-mortar-truck-1:before {
	content: ""
}

.wiz-heavy-equipment-mortar-truck-2:before {
	content: ""
}

.wiz-heavy-equipment-mortar-truck:before {
	content: ""
}

.wiz-heavy-equipment-tractor:before {
	content: ""
}

.wiz-heavy-equipment-truck:before {
	content: ""
}

.wiz-heavy-equipment-wrecking-ball:before {
	content: ""
}

.wiz-human-resources-employee-previous:before {
	content: ""
}

.wiz-human-resources-employee:before {
	content: ""
}

.wiz-human-resources-hierarchy-1:before {
	content: ""
}

.wiz-human-resources-hierarchy:before {
	content: ""
}

.wiz-human-resources-offer-employee:before {
	content: ""
}

.wiz-human-resources-search-men:before {
	content: ""
}

.wiz-human-resources-search-team:before {
	content: ""
}

.wiz-human-resources-search-women:before {
	content: ""
}

.wiz-human-resources-team-settings:before {
	content: ""
}

.wiz-human-resources-woman-previous:before {
	content: ""
}

.wiz-human-resources-workflow:before {
	content: ""
}

.wiz-humidity-high:before {
	content: ""
}

.wiz-humidity-none:before {
	content: ""
}

.wiz-ice-snowflake:before {
	content: ""
}

.wiz-ice-water:before {
	content: ""
}

.wiz-idea-settings:before {
	content: ""
}

.wiz-idea-strategy:before {
	content: ""
}

.wiz-invitation:before {
	content: ""
}

.wiz-jackclamp:before {
	content: ""
}

.wiz-job-seach-man:before {
	content: ""
}

.wiz-job-seach-profile:before {
	content: ""
}

.wiz-lab-bottle-experiment:before {
	content: ""
}

.wiz-lab-flame-bottle:before {
	content: ""
}

.wiz-lab-flame-experiment:before {
	content: ""
}

.wiz-lab-flask-experiment:before {
	content: ""
}

.wiz-lab-protection-glasses:before {
	content: ""
}

.wiz-lab-tube-bottle:before {
	content: ""
}

.wiz-lab-tube-experiment:before {
	content: ""
}

.wiz-lab-tube:before {
	content: ""
}

.wiz-lab-tubes:before {
	content: ""
}

.wiz-lab-whisk-cup:before {
	content: ""
}

.wiz-lantern-1:before {
	content: ""
}

.wiz-lantern:before {
	content: ""
}

.wiz-launch-go-flag:before {
	content: ""
}

.wiz-legal-hammer:before {
	content: ""
}

.wiz-legal-scale-1:before {
	content: ""
}

.wiz-light-bulb:before {
	content: ""
}

.wiz-lighter:before {
	content: ""
}

.wiz-list-to-do:before {
	content: ""
}

.wiz-matches-fire:before {
	content: ""
}

.wiz-material-brick:before {
	content: ""
}

.wiz-material-fabric:before {
	content: ""
}

.wiz-material-isolation:before {
	content: ""
}

.wiz-material-stone:before {
	content: ""
}

.wiz-material-tile:before {
	content: ""
}

.wiz-maze-strategy:before {
	content: ""
}

.wiz-measure-caliber-1:before {
	content: ""
}

.wiz-measure-caliber:before {
	content: ""
}

.wiz-measure-construction:before {
	content: ""
}

.wiz-measure-ruler-corner:before {
	content: ""
}

.wiz-measure-ruler-divider:before {
	content: ""
}

.wiz-measure-ruler:before {
	content: ""
}

.wiz-meeting-camera:before {
	content: ""
}

.wiz-meeting-headphones-1:before {
	content: ""
}

.wiz-meeting-monitor-webcam:before {
	content: ""
}

.wiz-meeting-remote:before {
	content: ""
}

.wiz-meeting-smartphone-hold:before {
	content: ""
}

.wiz-monetization-approve:before {
	content: ""
}

.wiz-monetization-idea:before {
	content: ""
}

.wiz-natural-disaster-draught:before {
	content: ""
}

.wiz-natural-disaster-earthquake:before {
	content: ""
}

.wiz-natural-disaster-flood-building:before {
	content: ""
}

.wiz-natural-disaster-flood:before {
	content: ""
}

.wiz-natural-disaster-hurricane-map:before {
	content: ""
}

.wiz-natural-disaster-hurricane-radar:before {
	content: ""
}

.wiz-natural-disaster-hurricane:before {
	content: ""
}

.wiz-natural-disaster-volcano-smoke:before {
	content: ""
}

.wiz-natural-disaster-volcano:before {
	content: ""
}

.wiz-natural-disaster-water-level-fall:before {
	content: ""
}

.wiz-natural-disaster-water-level-rise:before {
	content: ""
}

.wiz-natural-disaster-water-level:before {
	content: ""
}

.wiz-non-gmo-dna:before {
	content: ""
}

.wiz-non-gmo-fire:before {
	content: ""
}

.wiz-non-gmo-injection:before {
	content: ""
}

.wiz-non-gmo-lab:before {
	content: ""
}

.wiz-non-gmo-organic-flask:before {
	content: ""
}

.wiz-non-gmo-spray:before {
	content: ""
}

.wiz-nuclear-energy-bin:before {
	content: ""
}

.wiz-nuclear-energy-message:before {
	content: ""
}

.wiz-nuclear-energy-plant:before {
	content: ""
}

.wiz-nuclear-energy-truck:before {
	content: ""
}

.wiz-office-business-card:before {
	content: ""
}

.wiz-office-chair:before {
	content: ""
}

.wiz-office-clipper:before {
	content: ""
}

.wiz-office-desk:before {
	content: ""
}

.wiz-office-drawer:before {
	content: ""
}

.wiz-office-folder:before {
	content: ""
}

.wiz-office-glue:before {
	content: ""
}

.wiz-office-lamp:before {
	content: ""
}

.wiz-office-razor:before {
	content: ""
}

.wiz-office-shelf-1:before {
	content: ""
}

.wiz-office-shelf:before {
	content: ""
}

.wiz-organic-bag-leaf:before {
	content: ""
}

.wiz-organic-flask-1:before {
	content: ""
}

.wiz-organic-flask:before {
	content: ""
}

.wiz-organic-plant:before {
	content: ""
}

.wiz-organic-worm:before {
	content: ""
}

.wiz-outdoors-landscape-meadow:before {
	content: ""
}

.wiz-outdoors-landscape:before {
	content: ""
}

.wiz-outdoors-sun-plants:before {
	content: ""
}

.wiz-outdoors-tree-gate:before {
	content: ""
}

.wiz-outdoors-tree-road:before {
	content: ""
}

.wiz-outdoors-tree-valley:before {
	content: ""
}

.wiz-outdoors-water-birds:before {
	content: ""
}

.wiz-outdoors-water-sun:before {
	content: ""
}

.wiz-performance-decrease-1:before {
	content: ""
}

.wiz-performance-decrease:before {
	content: ""
}

.wiz-performance-increase:before {
	content: ""
}

.wiz-plant-pot-1:before {
	content: ""
}

.wiz-pollution-barrel:before {
	content: ""
}

.wiz-pollution-faucet-water:before {
	content: ""
}

.wiz-power-tools-circular-saw:before {
	content: ""
}

.wiz-power-tools-drill:before {
	content: ""
}

.wiz-power-tools-electric-saw-1:before {
	content: ""
}

.wiz-power-tools-electric-saw:before {
	content: ""
}

.wiz-power-tools-wood-cutter-1:before {
	content: ""
}

.wiz-power-tools-wood-cutter:before {
	content: ""
}

.wiz-project-blueprint-buildings:before {
	content: ""
}

.wiz-project-blueprint-create:before {
	content: ""
}

.wiz-railroad-cargo-train:before {
	content: ""
}

.wiz-railroad-fast-train:before {
	content: ""
}

.wiz-railroad-locomotive-1:before {
	content: ""
}

.wiz-railroad-locomotive-cargo:before {
	content: ""
}

.wiz-railroad:before {
	content: ""
}

.wiz-recycling-refresh:before {
	content: ""
}

.wiz-renewable-energy-accumulator:before {
	content: ""
}

.wiz-renewable-energy-battery-charge-1:before {
	content: ""
}

.wiz-renewable-energy-battery-charge:before {
	content: ""
}

.wiz-renewable-energy-battery-leaf:before {
	content: ""
}

.wiz-renewable-energy-earth:before {
	content: ""
}

.wiz-renewable-energy-eco-barrel:before {
	content: ""
}

.wiz-renewable-energy-paper-turbine:before {
	content: ""
}

.wiz-renewable-energy-solar-panel:before {
	content: ""
}

.wiz-renewable-energy-solar-power:before {
	content: ""
}

.wiz-renewable-energy-water-dam:before {
	content: ""
}

.wiz-renewable-energy-water-power:before {
	content: ""
}

.wiz-renewable-energy-wind-turbine:before {
	content: ""
}

.wiz-road-curvy:before {
	content: ""
}

.wiz-road-tunnel:before {
	content: ""
}

.wiz-robot-head:before {
	content: ""
}

.wiz-safety-helmlet-mine-light:before {
	content: ""
}

.wiz-science-atom-positive-negative:before {
	content: ""
}

.wiz-science-axis:before {
	content: ""
}

.wiz-science-bacteria:before {
	content: ""
}

.wiz-science-black-hole:before {
	content: ""
}

.wiz-science-brain:before {
	content: ""
}

.wiz-science-cells:before {
	content: ""
}

.wiz-science-dna:before {
	content: ""
}

.wiz-science-earth:before {
	content: ""
}

.wiz-science-elecricity-power:before {
	content: ""
}

.wiz-science-electricity:before {
	content: ""
}

.wiz-science-fiction-alien:before {
	content: ""
}

.wiz-science-fiction-weapon:before {
	content: ""
}

.wiz-science-graph:before {
	content: ""
}

.wiz-science-magnet:before {
	content: ""
}

.wiz-science-molecule-1:before {
	content: ""
}

.wiz-science-molecule-strucutre:before {
	content: ""
}

.wiz-science-molecule:before {
	content: ""
}

.wiz-science-molecules:before {
	content: ""
}

.wiz-science-momentum:before {
	content: ""
}

.wiz-science-neurons:before {
	content: ""
}

.wiz-science-perspective:before {
	content: ""
}

.wiz-science-physics-law-1:before {
	content: ""
}

.wiz-science-projection:before {
	content: ""
}

.wiz-scooter-1:before {
	content: ""
}

.wiz-sea-transport-boat:before {
	content: ""
}

.wiz-sea-transport-buoy:before {
	content: ""
}

.wiz-sea-transport-sailing-boat:before {
	content: ""
}

.wiz-sea-transport-ship-cargo:before {
	content: ""
}

.wiz-sea-transport-submarine:before {
	content: ""
}

.wiz-seo-eye:before {
	content: ""
}

.wiz-seo-search:before {
	content: ""
}

.wiz-settings-human:before {
	content: ""
}

.wiz-settings-user:before {
	content: ""
}

.wiz-shipment-barcode:before {
	content: ""
}

.wiz-shipment-boat:before {
	content: ""
}

.wiz-shipment-crack:before {
	content: ""
}

.wiz-shipment-crane-hook:before {
	content: ""
}

.wiz-shipment-crane:before {
	content: ""
}

.wiz-shipment-give:before {
	content: ""
}

.wiz-shipment-hook:before {
	content: ""
}

.wiz-shipment-lift:before {
	content: ""
}

.wiz-shipment-truck:before {
	content: ""
}

.wiz-shipment:before {
	content: ""
}

.wiz-speech-translate:before {
	content: ""
}

.wiz-target-center:before {
	content: ""
}

.wiz-target-path:before {
	content: ""
}

.wiz-team-meeting:before {
	content: ""
}

.wiz-temperature-thermometer-up:before {
	content: ""
}

.wiz-temperature-thermometer:before {
	content: ""
}

.wiz-temperature-up:before {
	content: ""
}

.wiz-tools-axe-hold:before {
	content: ""
}

.wiz-tools-axe:before {
	content: ""
}

.wiz-tools-box-1:before {
	content: ""
}

.wiz-tools-crescent-double:before {
	content: ""
}

.wiz-tools-crescent-wench:before {
	content: ""
}

.wiz-tools-flattener-square:before {
	content: ""
}

.wiz-tools-flattener-triangle-1:before {
	content: ""
}

.wiz-tools-flattener-triangle:before {
	content: ""
}

.wiz-tools-gasket-1:before {
	content: ""
}

.wiz-tools-gasket:before {
	content: ""
}

.wiz-tools-glue-gun:before {
	content: ""
}

.wiz-tools-hammer-1:before {
	content: ""
}

.wiz-tools-hammer-2:before {
	content: ""
}

.wiz-tools-hammer-3:before {
	content: ""
}

.wiz-tools-hammer-hold:before {
	content: ""
}

.wiz-tools-hammer:before {
	content: ""
}

.wiz-tools-keys:before {
	content: ""
}

.wiz-tools-nail-gun:before {
	content: ""
}

.wiz-tools-palette-spatula:before {
	content: ""
}

.wiz-tools-palette-trowel:before {
	content: ""
}

.wiz-tools-pickaxe:before {
	content: ""
}

.wiz-tools-pliers:before {
	content: ""
}

.wiz-tools-pry-bar:before {
	content: ""
}

.wiz-tools-saw:before {
	content: ""
}

.wiz-tools-screwdriver-1:before {
	content: ""
}

.wiz-tools-shovel:before {
	content: ""
}

.wiz-tools-slip-joint-pliers:before {
	content: ""
}

.wiz-tools-vice-grip:before {
	content: ""
}

.wiz-tools-wench-1:before {
	content: ""
}

.wiz-tools-wench-2:before {
	content: ""
}

.wiz-tools-wench-hold:before {
	content: ""
}

.wiz-tools-wench-screwdriver:before {
	content: ""
}

.wiz-tools-wench:before {
	content: ""
}

.wiz-tools-wheel-unscrew:before {
	content: ""
}

.wiz-tools-wood-saw:before {
	content: ""
}

.wiz-torch:before {
	content: ""
}

.wiz-tower:before {
	content: ""
}

.wiz-traffic-light:before {
	content: ""
}

.wiz-trailer:before {
	content: ""
}

.wiz-transportation-ticket-boat:before {
	content: ""
}

.wiz-travel-crossroad-direction-board:before {
	content: ""
}

.wiz-travel-map-finger:before {
	content: ""
}

.wiz-tree:before {
	content: ""
}

.wiz-user-network:before {
	content: ""
}

.wiz-warehouse:before {
	content: ""
}

.wiz-water-dam:before {
	content: ""
}

.wiz-water-protection-drop-1:before {
	content: ""
}

.wiz-water-protection-drop-hold:before {
	content: ""
}

.wiz-water-protection-drop:before {
	content: ""
}

.wiz-water-protection-faucet:before {
	content: ""
}

.wiz-water-protection-fish:before {
	content: ""
}

.wiz-water-protection-refresh:before {
	content: ""
}

.wiz-water-protection-tower:before {
	content: ""
}

.wiz-weather-app-cloud-location:before {
	content: ""
}

.wiz-weather-sun:before {
	content: ""
}

.wiz-weather-thunder:before {
	content: ""
}

.wiz-weather-wind-1:before {
	content: ""
}

.wiz-webcam:before {
	content: ""
}

::-webkit-input-placeholder {
	color: #979fad
}

::-moz-placeholder {
	color: #979fad
}

:-ms-input-placeholder {
	color: #979fad
}

::-ms-clear {
	display: none;
	width: 0;
	height: 0
}

::-ms-reveal {
	display: none;
	width: 0;
	height: 0
}

body.user-is-tabbing a:focus,
body.user-is-tabbing button:focus,
body.user-is-tabbing button.get-quote:focus,
body.user-is-tabbing button.sr-only:focus,
body.user-is-tabbing input:focus,
body.user-is-tabbing input.form-check-input:focus,
body.user-is-tabbing select:focus,
body.user-is-tabbing textarea:focus,
body.user-is-tabbing .go_home:focus,
body.user-is-tabbing .hamburger.hamburger--elastic:focus,
body.user-is-tabbing .our-locations-links .marker-detail p:focus,
body.user-is-tabbing .tns-controls:focus {
	transition: none !important;
	outline: 2px solid #c00 !important
}

body:not(.user-is-tabbing) a:focus,
body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus,
body:not(.user-is-tabbing) .hamburger.hamburger--elastic:focus,
body:not(.user-is-tabbing) .tns-controls:focus {
	outline: none !important
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0
}

legend {
	margin-bottom: .25rem
}

label {
	display: block;
	padding-bottom: .25rem;
	color: #000;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: .78px
}

label span {
	font-weight: 300
}

input,
select,
textarea {
	width: 100%;
	padding: 8px 10px;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #43494e;
	border-radius: 0px 0px 2px 2px;
	background: #f4f7f9;
	font-family: inherit;
	color: #000;
	font-size: 18px;
	font-weight: normal
}

input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
	background: #fff;
	border-bottom: 2px solid #2d3a4d;
	margin-bottom: -1px
}

input:disabled,
input[readonly],
select:disabled,
select[readonly],
textarea:disabled,
textarea[readonly] {
	opacity: .3
}

input:disabled:active,
input:disabled:focus,
input[readonly]:active,
input[readonly]:focus,
select:disabled:active,
select:disabled:focus,
select[readonly]:active,
select[readonly]:focus,
textarea:disabled:active,
textarea:disabled:focus,
textarea[readonly]:active,
textarea[readonly]:focus {
	background: #f4f7f9;
	border-bottom: 2px solid #979fad
}

textarea {
	resize: vertical
}

input[type=text],
input[type=search],
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=url],
input[type=number],
input[type=submit],
textarea {
	-webkit-appearance: none;
	display: block
}

input[type=checkbox]:not(.osano-cm-input),
input[type=radio]:not(.osano-cm-input) {
	padding: 0;
	width: 20px;
	height: 20px;
	margin-right: .3rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	border-radius: 2px;
	border: 1.5px solid #c00
}

input[type=checkbox]:not(.osano-cm-input):hover,
input[type=checkbox]:not(.osano-cm-input):focus,
input[type=checkbox]:not(.osano-cm-input):active,
input[type=radio]:not(.osano-cm-input):hover,
input[type=radio]:not(.osano-cm-input):focus,
input[type=radio]:not(.osano-cm-input):active {
	background-color: #e5e9ed;
	cursor: pointer
}

input[type=checkbox]:not(.osano-cm-input):checked,
input[type=radio]:not(.osano-cm-input):checked {
	background: #c00 no-repeat;
	position: relative;
	background-image: url("data:image/svg+xml,%3Csvg width='16px' height='12px' viewBox='0 0 16 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Input' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Input/_bits/Checkboxes/Selected' transform='translate(-4.000000, -6.000000)' fill='%23FFFFFF'%3E%3Cpath d='M19,6 C19.5522847,6 20,6.44771525 20,7 C20,7.26988828 19.8930837,7.51480492 19.7192955,7.69470556 L19.7222635,7.69789588 L10.1647057,17.2345575 C9.98414772,17.3860083 9.75305033,17.48 9.5,17.48 C9.25127943,17.48 9.02376699,17.3891972 8.84880452,17.2389335 L8.84561816,17.2419518 L4.24217555,12.6580659 C4.09256762,12.4806317 4,12.251126 4,12 C4,11.4477153 4.44771525,11 5,11 C5.25064491,11 5.47975225,11.0922133 5.65524705,11.2445649 L5.65638911,11.2438523 L5.69084751,11.2769973 C5.70148432,11.2871639 5.71189715,11.2975629 5.72207784,11.3081861 L9.5,15.071 L18.2367236,6.35389552 C18.3965056,6.16532551 18.6249121,6.03674825 18.8833789,6.00672773 Z' id='checkmark'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-position: center 3px
}

input[type=radio] {
	border-radius: 100%
}

input[type=radio]:checked {
	background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Input' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linejoin='bevel'%3E%3Ccircle id='select' stroke='%23FFFFFF' stroke-width='3' cx='9' cy='9' r='8'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")
}

input[type=search] {
	-webkit-appearance: none;
	border-radius: 0
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: no-repeat right 10px top 8px #f4f7f9;
	background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='chevron-down'%3E%3Cg transform='translate(6.000000, 9.000000)'%3E%3Cpolyline id='Path' stroke='%23cc0000' stroke-width='1.5' points='0 0 6 6 12 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-size: 24px;
	-webkit-appearance: none
}

.g-recaptcha {
	margin-bottom: 1.5rem
}

.submit input {
	cursor: pointer;
	padding: 12.5px 24.5px;
	border-width: 0px;
	border-bottom: 1px solid #2d3a4d;
	background: #c00;
	border-radius: 0;
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: uppercase;
	transition: all .2s ease-out;
	display: inline-block;
	line-height: normal
}

.submit input:hover,
.submit input:focus {
	color: #fff;
	background: #b30000;
	border-bottom-color: #c00
}

@media only screen and (min-width: 415px) {
	.submit input {
		padding: 17px 31px
	}
}

.errors {
	display: block;
	color: #000;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 1rem
}

.error.no-label {
	margin-top: -1rem;
	margin-bottom: 1rem;
	display: block;
	color: #c00;
	font-size: 14px;
	padding: 0 .6rem;
	line-height: 20px
}

.form-group,
.form-field,
.form-search {
	position: relative;
	width: 100%;
	margin: 0 0 1.5rem 0
}

.form-group label,
.form-field label,
.form-search label {
	position: absolute;
	top: 8px;
	left: 10px;
	cursor: pointer
}

.form-group label small,
.form-field label small,
.form-search label small {
	display: inline-block
}

.form-group input,
.form-group select,
.form-group textarea,
.form-field input,
.form-field select,
.form-field textarea,
.form-search input,
.form-search select,
.form-search textarea {
	padding: 29px 10px 8px 10px
}

.form-group small,
.form-field small,
.form-search small {
	display: block;
	color: #000;
	font-size: 14px;
	margin-top: 7px;
	padding: 0 .6rem;
	line-height: 20px
}

.form-group:not(.required) label::after,
.form-field:not(.required) label::after,
.form-search:not(.required) label::after {
	content: " (Optional)";
	color: #525e70;
	font-weight: normal;
	text-transform: none
}

.form-group.form-group-check,
.form-group.form-group-radio,
.form-group.pd-checkbox,
.form-field.form-group-check,
.form-field.form-group-radio,
.form-field.pd-checkbox,
.form-search.form-group-check,
.form-search.form-group-radio,
.form-search.pd-checkbox {
	display: block;
	clear: both;
	margin-bottom: 3px
}

.form-group.form-group-check input,
.form-group.form-group-radio input,
.form-group.pd-checkbox input,
.form-field.form-group-check input,
.form-field.form-group-radio input,
.form-field.pd-checkbox input,
.form-search.form-group-check input,
.form-search.form-group-radio input,
.form-search.pd-checkbox input {
	padding: 0;
	margin-right: 8px;
	float: left;
	cursor: pointer
}

.form-group.form-group-check label,
.form-group.form-group-radio label,
.form-group.pd-checkbox label,
.form-field.form-group-check label,
.form-field.form-group-radio label,
.form-field.pd-checkbox label,
.form-search.form-group-check label,
.form-search.form-group-radio label,
.form-search.pd-checkbox label {
	position: relative;
	top: unset;
	left: unset;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-transform: none
}

.form-group.form-group-check:active label,
.form-group.form-group-check:hover label,
.form-group.form-group-check:focus label,
.form-group.form-group-radio:active label,
.form-group.form-group-radio:hover label,
.form-group.form-group-radio:focus label,
.form-group.pd-checkbox:active label,
.form-group.pd-checkbox:hover label,
.form-group.pd-checkbox:focus label,
.form-field.form-group-check:active label,
.form-field.form-group-check:hover label,
.form-field.form-group-check:focus label,
.form-field.form-group-radio:active label,
.form-field.form-group-radio:hover label,
.form-field.form-group-radio:focus label,
.form-field.pd-checkbox:active label,
.form-field.pd-checkbox:hover label,
.form-field.pd-checkbox:focus label,
.form-search.form-group-check:active label,
.form-search.form-group-check:hover label,
.form-search.form-group-check:focus label,
.form-search.form-group-radio:active label,
.form-search.form-group-radio:hover label,
.form-search.form-group-radio:focus label,
.form-search.pd-checkbox:active label,
.form-search.pd-checkbox:hover label,
.form-search.pd-checkbox:focus label {
	color: #c00
}

.form-group.pd-checkbox,
.form-field.pd-checkbox,
.form-search.pd-checkbox {
	margin-bottom: 1.5rem
}

.form-group.pd-select select,
.form-field.pd-select select,
.form-search.pd-select select {
	background-position: right 10px top 18px
}

.form-group.form-group-select label,
.form-field.form-group-select label,
.form-search.form-group-select label {
	z-index: 1
}

.form-group.form-group-select .custom-select,
.form-field.form-group-select .custom-select,
.form-search.form-group-select .custom-select {
	position: relative
}

.form-group.form-group-select .custom-select select,
.form-field.form-group-select .custom-select select,
.form-search.form-group-select .custom-select select {
	display: none
}

.form-group.form-group-select .select-selected,
.form-field.form-group-select .select-selected,
.form-search.form-group-select .select-selected {
	width: 100%;
	height: 60px;
	padding: 23px 10px 0 10px;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #43494e;
	border-radius: 0px 0px 2px 2px;
	background: #f4f7f9;
	font-family: inherit;
	color: #000;
	font-size: 18px;
	font-weight: normal
}

.form-group.form-group-select .select-selected:after,
.form-field.form-group-select .select-selected:after,
.form-search.form-group-select .select-selected:after {
	content: "";
	position: absolute;
	top: 20px;
	right: 15px;
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='chevron-down'%3E%3Cg transform='translate(6.000000, 9.000000)'%3E%3Cpolyline id='Path' stroke='%23cc0000' stroke-width='1.5' points='0 0 6 6 12 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.form-group.form-group-select .select-selected.select-arrow-active,
.form-field.form-group-select .select-selected.select-arrow-active,
.form-search.form-group-select .select-selected.select-arrow-active {
	background: #fff;
	border-bottom: 2px solid #2d3a4d
}

.form-group.form-group-select .select-selected.select-arrow-active:after,
.form-field.form-group-select .select-selected.select-arrow-active:after,
.form-search.form-group-select .select-selected.select-arrow-active:after {
	transform: rotate(180deg) scaleX(-1)
}

.form-group.form-group-select .select-items div,
.form-group.form-group-select .select-selected,
.form-field.form-group-select .select-items div,
.form-field.form-group-select .select-selected,
.form-search.form-group-select .select-items div,
.form-search.form-group-select .select-selected {
	cursor: pointer
}

.form-group.form-group-select .select-items,
.form-field.form-group-select .select-items,
.form-search.form-group-select .select-items {
	background: #fff;
	position: absolute;
	top: calc(100% + 3px);
	left: 0;
	right: 0;
	z-index: 99;
	box-shadow: -1px 7px 22px 0px rgba(0, 0, 0, .09)
}

.form-group.form-group-select .select-items div,
.form-field.form-group-select .select-items div,
.form-search.form-group-select .select-items div {
	position: relative;
	padding: 8px 10px;
	border-bottom: 1px solid #f8f8f8;
	font-size: 18px;
	line-height: 32px
}

.form-group.form-group-select .select-items div:hover,
.form-field.form-group-select .select-items div:hover,
.form-search.form-group-select .select-items div:hover {
	background-color: #e5e9ed
}

.form-group.form-group-select .select-items div.disabled,
.form-field.form-group-select .select-items div.disabled,
.form-search.form-group-select .select-items div.disabled {
	color: #c0c4ca;
	cursor: not-allowed;
	background: none
}

.form-group.form-group-select .select-items div .icon-option,
.form-field.form-group-select .select-items div .icon-option,
.form-search.form-group-select .select-items div .icon-option {
	position: absolute;
	top: 13px;
	right: 13px;
	width: 22px;
	height: 22px
}

.form-group.form-group-select .select-hide,
.form-field.form-group-select .select-hide,
.form-search.form-group-select .select-hide {
	display: none
}

.form-group.form-group-select .same-as-selected,
.form-field.form-group-select .same-as-selected,
.form-search.form-group-select .same-as-selected {
	background-color: #e5e9ed
}

.form-group .form-group-helper,
.form-field .form-group-helper,
.form-search .form-group-helper {
	z-index: 1
}

.form-group .form-group-helper .icon,
.form-field .form-group-helper .icon,
.form-search .form-group-helper .icon {
	border-radius: 16px;
	color: #e3fbff;
	cursor: pointer;
	display: inline-block;
	font-family: "Helvetica", sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	position: absolute;
	top: 20px;
	right: 18px;
	text-align: center;
	width: 20px;
	height: 20px
}

.form-group .form-group-helper .popover,
.form-field .form-group-helper .popover,
.form-search .form-group-helper .popover {
	border-radius: 0;
	background: #fff;
	border: 1px solid #d6d6df;
	top: 45px;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .16);
	display: none;
	font-size: 14px;
	line-height: 20px;
	right: 0;
	padding: 7px 10px;
	position: absolute;
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
	z-index: 4
}

.form-group .form-group-helper .popover:before,
.form-field .form-group-helper .popover:before,
.form-search .form-group-helper .popover:before {
	border-bottom: 5px solid #fff;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	top: -5px;
	content: "";
	display: block;
	right: 12px;
	position: absolute
}

.form-group .form-group-helper:hover .icon,
.form-field .form-group-helper:hover .icon,
.form-search .form-group-helper:hover .icon {
	filter: invert(20%) sepia() saturate(10000%) hue-rotate(30deg)
}

.form-group .form-group-helper:hover .popover,
.form-field .form-group-helper:hover .popover,
.form-search .form-group-helper:hover .popover {
	display: block;
	-webkit-animation: fade-in .3s linear 1, move-down .3s linear 1;
	-moz-animation: fade-in .3s linear 1, move-down .3s linear 1;
	-ms-animation: fade-in .3s linear 1, move-down .3s linear 1
}

@-webkit-keyframes fade-in {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes fade-in {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-ms-keyframes fade-in {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes move-down {
	from {
		top: 30px
	}

	to {
		top: 45px
	}
}

@-moz-keyframes move-down {
	from {
		top: 30px
	}

	to {
		top: 45px
	}
}

@-ms-keyframes move-down {
	from {
		top: 30px
	}

	to {
		top: 45px
	}
}

.form-group.form-group-icon-left label,
.form-field.form-group-icon-left label,
.form-search.form-group-icon-left label {
	left: 56px
}

.form-group.form-group-icon-left input,
.form-group.form-group-icon-left select,
.form-group.form-group-icon-left textarea,
.form-field.form-group-icon-left input,
.form-field.form-group-icon-left select,
.form-field.form-group-icon-left textarea,
.form-search.form-group-icon-left input,
.form-search.form-group-icon-left select,
.form-search.form-group-icon-left textarea {
	padding-left: 56px
}

.form-group.form-group-icon-left .icon-field,
.form-field.form-group-icon-left .icon-field,
.form-search.form-group-icon-left .icon-field {
	position: absolute;
	left: 17px;
	top: 19px;
	width: 22px;
	height: 22px
}

.form-group.form-group-icon-right label,
.form-field.form-group-icon-right label,
.form-search.form-group-icon-right label {
	padding-right: 56px
}

.form-group.form-group-icon-right input,
.form-group.form-group-icon-right select,
.form-group.form-group-icon-right textarea,
.form-field.form-group-icon-right input,
.form-field.form-group-icon-right select,
.form-field.form-group-icon-right textarea,
.form-search.form-group-icon-right input,
.form-search.form-group-icon-right select,
.form-search.form-group-icon-right textarea {
	padding-right: 56px
}

.form-group.form-group-icon-right .icon-field,
.form-field.form-group-icon-right .icon-field,
.form-search.form-group-icon-right .icon-field {
	position: absolute;
	right: 17px;
	top: 19px;
	width: 22px;
	height: 22px
}

.form-group.error input:not([type=checkbox]),
.form-group.error select,
.form-group.error textarea,
.form-group.error .select-selected,
.form-group.error .select-selected.select-arrow-active,
.form-field.error input:not([type=checkbox]),
.form-field.error select,
.form-field.error textarea,
.form-field.error .select-selected,
.form-field.error .select-selected.select-arrow-active,
.form-search.error input:not([type=checkbox]),
.form-search.error select,
.form-search.error textarea,
.form-search.error .select-selected,
.form-search.error .select-selected.select-arrow-active {
	background: #f9e5e5;
	border-bottom: 2px solid #c00;
	caret-color: #c00
}

.form-group.error input:not([type=checkbox]):active,
.form-group.error input:not([type=checkbox]):focus,
.form-group.error select:active,
.form-group.error select:focus,
.form-group.error textarea:active,
.form-group.error textarea:focus,
.form-group.error .select-selected:active,
.form-group.error .select-selected:focus,
.form-group.error .select-selected.select-arrow-active:active,
.form-group.error .select-selected.select-arrow-active:focus,
.form-field.error input:not([type=checkbox]):active,
.form-field.error input:not([type=checkbox]):focus,
.form-field.error select:active,
.form-field.error select:focus,
.form-field.error textarea:active,
.form-field.error textarea:focus,
.form-field.error .select-selected:active,
.form-field.error .select-selected:focus,
.form-field.error .select-selected.select-arrow-active:active,
.form-field.error .select-selected.select-arrow-active:focus,
.form-search.error input:not([type=checkbox]):active,
.form-search.error input:not([type=checkbox]):focus,
.form-search.error select:active,
.form-search.error select:focus,
.form-search.error textarea:active,
.form-search.error textarea:focus,
.form-search.error .select-selected:active,
.form-search.error .select-selected:focus,
.form-search.error .select-selected.select-arrow-active:active,
.form-search.error .select-selected.select-arrow-active:focus {
	margin-bottom: 0
}

.form-group.error small,
.form-field.error small,
.form-search.error small {
	color: #c00
}

.form-group.disabled,
.form-field.disabled,
.form-search.disabled {
	opacity: .3
}

.form-group.disabled .select-items,
.form-field.disabled .select-items,
.form-search.disabled .select-items {
	display: none
}

.form-group.disabled .form-group-helper:hover .popover,
.form-field.disabled .form-group-helper:hover .popover,
.form-search.disabled .form-group-helper:hover .popover {
	display: none
}

.form-search {
	width: auto;
	margin: 64px 16px 30px 16px
}

@media only screen and (min-width: 48em) {
	.form-search {
		margin: 96px auto 0 auto;
		width: 100%;
		max-width: 676px
	}
}

.form-search input {
	padding-left: 46px;
	border-radius: 4px;
	border: 2px solid #000;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 1.26px;
	line-height: 29px;
	padding-top: 9px;
	padding-bottom: 9px;
	position: relative;
	z-index: 2
}

@media only screen and (min-width: 48em) {
	.form-search input {
		font-size: 29px;
		padding-left: 56px
	}
}

.form-search input:active,
.form-search input:focus {
	background: #fff;
	border: 2px solid #000;
	margin-bottom: unset
}

.form-search button.search-clear {
	position: absolute;
	right: 13px;
	top: 18px;
	background: url("clientlib-bgimg/resources/icons/cancel.svg");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 0;
	z-index: 2
}

@media only screen and (min-width: 48em) {
	.form-search button.search-clear {
		top: 20px
	}
}

.form-search button.search-clear:hover {
	cursor: pointer
}

.form-search button[type=submit] {
	position: absolute;
	left: 13px;
	top: 15px;
	background: url("clientlib-bgimg/resources/icons/search.svg");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 0;
	z-index: 2
}

@media only screen and (min-width: 48em) {
	.form-search button[type=submit] {
		top: 13px;
		width: 30px;
		height: 30px
	}
}

.form-search button[type=submit]:hover {
	cursor: pointer
}

.form-search .search-backdrop {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .1);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1
}

.btn {
	cursor: pointer;
	padding: 12.5px 24.5px;
	border-width: 0px;
	border-bottom: 1px solid #2d3a4d;
	background: #c00;
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: uppercase;
	transition: color .2s ease-out, background .2s ease-out, border-bottom-color .2s ease-out;
	display: inline-block;
	line-height: normal
}

.btn:hover,
.btn:focus {
	color: #fff;
	background: #b30000;
	border-bottom-color: #c00
}

@media only screen and (min-width: 415px) {
	.btn {
		padding: 17px 31px
	}
}

.btn-disabled {
	cursor: not-allowed;
	border-bottom: 1px solid #2d3a4d33;
	background: #979fad;
	color: #ccc
}

.btn-disabled:hover,
.btn-disabled:focus {
	color: #ccc;
	background: #979fad
}

.btn-light {
	border-bottom: 1px solid #c00;
	background: #fff;
	color: #c00
}

.btn-light:hover,
.btn-light:focus {
	background: #c00;
	color: #fff;
	border-bottom-color: #c00
}

.btn-light.btn-disabled {
	border-bottom: 1px solid #cc000033;
	background: #f4f7f9;
	color: #cc000033
}

.btn-secondary {
	padding: 10.5px 13.5px;
	border-bottom: 1px solid #979fad;
	background: #e5e9ed;
	color: #000;
	font-family: "Rubik", sans-serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: .2px;
	text-transform: capitalize
}

.btn-secondary:hover,
.btn-secondary:focus {
	color: #000;
	background: #2d3a4d26;
	border-bottom-color: #979fad
}

@media only screen and (min-width: 415px) {
	.btn-secondary {
		line-height: 21px;
		padding: 12px 18px
	}
}

.btn-secondary.btn-disabled {
	border-bottom: 1px solid #979fad33;
	background: #e5e9ed;
	color: #00000033
}

.btn-secondary.btn-light {
	border-bottom: 1px solid #fff;
	background: #e5e9ed33;
	color: #fff
}

.btn-secondary.btn-light:hover,
.btn-secondary.btn-light:focus {
	background: #e5e9ed4d
}

.btn-secondary.btn-light.btn-disabled {
	border-bottom: 1px solid #ffffff33;
	background: #e5e9ed33;
	color: #ffffff33
}

.btn-tertiary {
	padding: 10.5px 13.5px;
	border-bottom: 1px solid #979fad;
	background: #e5e9ed;
	color: #000;
	font-family: "Rubik", sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .14px;
	text-transform: capitalize
}

.btn-tertiary:hover,
.btn-tertiary:focus {
	color: #000;
	background: #2d3a4d26;
	border-bottom-color: #979fad
}

@media only screen and (min-width: 415px) {
	.btn-tertiary {
		line-height: 21px;
		padding: 12px 18px
	}
}

.btn-tertiary.btn-disabled {
	border-bottom: 1px solid #979fad33;
	background: #e5e9ed;
	color: #00000033
}

.btn-tertiary.btn-light {
	border-bottom: 1px solid #fff;
	background: #e5e9ed33;
	color: #fff
}

.btn-tertiary.btn-light:hover,
.btn-tertiary.btn-light:focus {
	background: #e5e9ed4d
}

.btn-tertiary.btn-light.btn-disabled {
	cursor: not-allowed;
	border-bottom: 1px solid #979fad33;
	background: #e5e9ed33;
	color: #ffffff33
}

[role=main] {
	display: block;
	padding: 1rem
}

img {
	display: block;
	max-width: 100%;
	height: auto
}

.logo {
	width: 245px
}

.delete-this-bg-color-class {
	background-color: #000
}

.icon {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background-position: center
}

.icon-large {
	width: 2rem;
	height: 2rem
}

.icon.icon-search-white {
	content: url("clientlib-bgimg/resources/icons/search-white.svg")
}

.icon.icon-hamburger {
	content: url("clientlib-bgimg/resources/icons/hamburger.svg")
}

.icon-deep-water {
	background: url("clientlib-bgimg/resources/icons/deep-water.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-heavy-oil {
	background: url("clientlib-bgimg/resources/icons/heavy-oil.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-search2 {
	background: url("clientlib-bgimg/resources/icons/search2.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-account {
	background: url("clientlib-bgimg/resources/icons/account.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-blog {
	background: url("clientlib-bgimg/resources/icons/blog.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-headphones {
	background: url("clientlib-bgimg/resources/icons/headphones.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-page {
	background: url("clientlib-bgimg/resources/icons/page.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-account2 {
	background: url("clientlib-bgimg/resources/icons/account2.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-settings {
	background: url("clientlib-bgimg/resources/icons/settings.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-social-twitter {
	background: url("clientlib-bgimg/resources/icons/social-twitter.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-social-twitter-dark {
	background: url("clientlib-bgimg/resources/icons/social-twitter-dark.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-social-rss {
	background: url("clientlib-bgimg/resources/icons/social-rss.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-social-facebook {
	background: url("clientlib-bgimg/resources/icons/social-facebook.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-social-facebook-dark {
	background: url("clientlib-bgimg/resources/icons/social-facebook-dark.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-social-youtube {
	background: url("clientlib-bgimg/resources/icons/social-youtube.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-social-instagram {
	background: url("clientlib-bgimg/resources/icons/social-instagram.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-social-linkedin {
	background: url("clientlib-bgimg/resources/icons/social-linkedin.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-social-linkedin-dark {
	background: url("clientlib-bgimg/resources/icons/social-linkedin-dark.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-search {
	background: url("clientlib-bgimg/resources/icons/search.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-zoom-in {
	background: url("clientlib-bgimg/resources/icons/zoom-in.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-alert-on {
	background: url("clientlib-bgimg/resources/icons/alert-on.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-alert-off {
	background: url("clientlib-bgimg/resources/icons/alert-off.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-close {
	background: url("clientlib-bgimg/resources/icons/close.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-information {
	background: url("clientlib-bgimg/resources/icons/information.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-menu {
	background: url("clientlib-bgimg/resources/icons/menu.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-location {
	background: url("clientlib-bgimg/resources/icons/location.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-zoom-out {
	background: url("clientlib-bgimg/resources/icons/zoom-out.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-minus {
	background: url("clientlib-bgimg/resources/icons/minus.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-plus {
	background: url("clientlib-bgimg/resources/icons/plus.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-arrow-down {
	background: url("clientlib-bgimg/resources/icons/arrow-down.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-arrow-down-white {
	background: url("clientlib-bgimg/resources/icons/arrow-down-white.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-arrow-up {
	background: url("clientlib-bgimg/resources/icons/arrow-up.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-loading {
	background: url("clientlib-bgimg/resources/icons/loading.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-print {
	background: url("clientlib-bgimg/resources/icons/print.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-download {
	background: url("clientlib-bgimg/resources/icons/download.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-external-link {
	background: url("clientlib-bgimg/resources/icons/external-link.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-enlarge {
	background: url("clientlib-bgimg/resources/icons/enlarge.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-shrink {
	background: url("clientlib-bgimg/resources/icons/shrink.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-upload {
	background: url("clientlib-bgimg/resources/icons/upload.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-download2 {
	background: url("clientlib-bgimg/resources/icons/download2.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-go-back {
	background: url("clientlib-bgimg/resources/icons/go-back.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-refresh {
	background: url("clientlib-bgimg/resources/icons/refresh.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-check {
	background: url("clientlib-bgimg/resources/icons/check.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-cross {
	background: url("clientlib-bgimg/resources/icons/cross.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-cross-white {
	background: url("clientlib-bgimg/resources/icons/cross-white.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-arrow-left {
	background: url("clientlib-bgimg/resources/icons/arrow-left.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-arrow-right {
	background: url("clientlib-bgimg/resources/icons/arrow-right.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-calendar {
	background: url("clientlib-bgimg/resources/icons/calendar.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-error {
	background: url("clientlib-bgimg/resources/icons/error.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-pass {
	background: url("clientlib-bgimg/resources/icons/pass.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-warning {
	background: url("clientlib-bgimg/resources/icons/warning.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-lock {
	background: url("clientlib-bgimg/resources/icons/lock.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-unlock {
	background: url("clientlib-bgimg/resources/icons/unlock.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-save {
	background: url("clientlib-bgimg/resources/icons/save.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-link {
	background: url("clientlib-bgimg/resources/icons/link.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-link-dark {
	background: url("clientlib-bgimg/resources/icons/link-dark.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-heavy-rain {
	background: url("clientlib-bgimg/resources/icons/heavy-rain.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-rain {
	background: url("clientlib-bgimg/resources/icons/rain.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-sunny {
	background: url("clientlib-bgimg/resources/icons/sunny.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-rain-drop {
	background: url("clientlib-bgimg/resources/icons/rain-drop.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-map {
	background: url("clientlib-bgimg/resources/icons/map.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-geolocation {
	background: url("clientlib-bgimg/resources/icons/geolocation.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-info-chart {
	background: url("clientlib-bgimg/resources/icons/info-chart.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-delete {
	background: url("clientlib-bgimg/resources/icons/delete.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-like {
	background: url("clientlib-bgimg/resources/icons/like.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-do-not-like {
	background: url("clientlib-bgimg/resources/icons/do-not-like.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-shop {
	background: url("clientlib-bgimg/resources/icons/shop.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-package {
	background: url("clientlib-bgimg/resources/icons/package.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-fix {
	background: url("clientlib-bgimg/resources/icons/fix.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-temperature {
	background: url("clientlib-bgimg/resources/icons/temperature.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-schedule {
	background: url("clientlib-bgimg/resources/icons/schedule.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-support {
	background: url("clientlib-bgimg/resources/icons/support.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-message {
	background: url("clientlib-bgimg/resources/icons/message.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-dots-vertical {
	background: url("clientlib-bgimg/resources/icons/dots-vertical.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-dots-horizontal {
	background: url("clientlib-bgimg/resources/icons/dots-horizontal.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-business {
	background: url("clientlib-bgimg/resources/icons/business.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-cancel {
	background: url("clientlib-bgimg/resources/icons/cancel.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-cancel-white {
	background: url("clientlib-bgimg/resources/icons/cancel-white.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-facebook {
	background: url("clientlib-bgimg/resources/icons/facebook.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-instagram {
	background: url("clientlib-bgimg/resources/icons/instagram.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-twitter {
	background: url("clientlib-bgimg/resources/icons/twitter.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-youtube {
	background: url("clientlib-bgimg/resources/icons/youtube.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-linkedin {
	background: url("clientlib-bgimg/resources/icons/linkedin.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-email {
	background: url("clientlib-bgimg/resources/icons/email.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-data {
	background: url("clientlib-bgimg/resources/icons/data.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-visible {
	background: url("clientlib-bgimg/resources/icons/visible.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-invisible {
	background: url("clientlib-bgimg/resources/icons/invisible.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-expand {
	background: url("clientlib-bgimg/resources/icons/expand.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-collapse {
	background: url("clientlib-bgimg/resources/icons/collapse.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-more {
	background: url("clientlib-bgimg/resources/icons/more.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-less {
	background: url("clientlib-bgimg/resources/icons/less.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-full-screen {
	background: url("clientlib-bgimg/resources/icons/full-screen.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-triangle-down {
	background: url("clientlib-bgimg/resources/icons/triangle-down.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-triangle-down-white {
	background: url("resources/icons/triangle-down-white.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-triangle-up {
	background: url("clientlib-bgimg/resources/icons/triangle-up.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-triangle-up-white {
	background: url("resources/icons/triangle-up-white.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-previous {
	background: url("clientlib-bgimg/resources/icons/previous.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-next {
	background: url("clientlib-bgimg/resources/icons/next.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-timing {
	background: url("clientlib-bgimg/resources/icons/timing.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-awards {
	background: url("clientlib-bgimg/resources/icons/awards.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-subsurface {
	background: url("clientlib-bgimg/resources/icons/subsurface.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-reservoir-production {
	background: url("clientlib-bgimg/resources/icons/reservoir-production.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-well-construction {
	background: url("clientlib-bgimg/resources/icons/well-construction.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-impact-circle {
	background: url("clientlib-bgimg/resources/icons/impact-icon-circle.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.icon-btn {
	cursor: pointer;
	background-size: 32px;
	background-position: center center;
	padding: 44px;
	border: 1px solid #000;
	border-radius: 50%;
	transition: all .2s ease-out
}

.icon-btn.icon-heavy-oil {
	background-size: 20px
}

.icon-btn.icon-orange:hover,
.icon-btn.icon-orange:focus {
	background-color: #ea2c00;
	border: 1px solid #ea2c00
}

.icon-btn.icon-teal:hover,
.icon-btn.icon-teal:focus {
	background-color: #009da3;
	border: 1px solid #009da3
}

.icon-btn.icon-pink:hover,
.icon-btn.icon-pink:focus {
	background-color: #e50d56;
	border: 1px solid #e50d56
}

.icon-btn.icon-deep-water.icon-orange:hover,
.icon-btn.icon-deep-water.icon-orange:focus {
	background-image: url("clientlib-bgimg/resources/icons/deep-water-white.svg");
	background-repeat: no-repeat;
	background-color: #ea2c00;
	border: 1px solid #ea2c00
}

.icon-btn.icon-deep-water.icon-teal:hover,
.icon-btn.icon-deep-water.icon-teal:focus {
	background-image: url("clientlib-bgimg/resources/icons/deep-water-white.svg");
	background-repeat: no-repeat;
	background-color: #009da3;
	border: 1px solid #009da3
}

.icon-btn.icon-deep-water.icon-pink:hover,
.icon-btn.icon-deep-water.icon-pink:focus {
	background-image: url("clientlib-bgimg/resources/icons/deep-water-white.svg");
	background-repeat: no-repeat;
	background-color: #e50d56;
	border: 1px solid #e50d56
}

.icon-btn.icon-heavy-oil.icon-orange:hover,
.icon-btn.icon-heavy-oil.icon-orange:focus {
	background-image: url("clientlib-bgimg/resources/icons/heavy-oil-white.svg");
	background-repeat: no-repeat;
	background-color: #ea2c00;
	border: 1px solid #ea2c00
}

.icon-btn.icon-heavy-oil.icon-teal:hover,
.icon-btn.icon-heavy-oil.icon-teal:focus {
	background-image: url("clientlib-bgimg/resources/icons/heavy-oil-white.svg");
	background-repeat: no-repeat;
	background-color: #009da3;
	border: 1px solid #009da3
}

.icon-btn.icon-heavy-oil.icon-pink:hover,
.icon-btn.icon-heavy-oil.icon-pink:focus {
	background-image: url("clientlib-bgimg/resources/icons/heavy-oil-white.svg");
	background-repeat: no-repeat;
	background-color: #e50d56;
	border: 1px solid #e50d56
}

.icon-btn.icon-search.icon-orange {
	background-image: url("clientlib-bgimg/resources/icons/search2.svg")
}

.icon-btn.icon-search.icon-orange:hover,
.icon-btn.icon-search.icon-orange:focus {
	background-image: url("clientlib-bgimg/resources/icons/search2-white.svg");
	background-repeat: no-repeat;
	background-color: #ea2c00;
	border: 1px solid #ea2c00
}

.icon-btn.icon-search.icon-teal {
	background-image: url("clientlib-bgimg/resources/icons/search2.svg")
}

.icon-btn.icon-search.icon-teal:hover,
.icon-btn.icon-search.icon-teal:focus {
	background-image: url("clientlib-bgimg/resources/icons/search2-white.svg");
	background-repeat: no-repeat;
	background-color: #009da3;
	border: 1px solid #009da3
}

.icon-btn.icon-search.icon-pink {
	background-image: url("clientlib-bgimg/resources/icons/search2.svg")
}

.icon-btn.icon-search.icon-pink:hover,
.icon-btn.icon-search.icon-pink:focus {
	background-image: url("clientlib-bgimg/resources/icons/search2-white.svg");
	background-repeat: no-repeat;
	background-color: #e50d56;
	border: 1px solid #e50d56
}

.icon-btn.icon-account.icon-orange:hover,
.icon-btn.icon-account.icon-orange:focus {
	background-image: url("clientlib-bgimg/resources/icons/account-white.svg");
	background-repeat: no-repeat;
	background-color: #ea2c00;
	border: 1px solid #ea2c00
}

.icon-btn.icon-account.icon-teal:hover,
.icon-btn.icon-account.icon-teal:focus {
	background-image: url("clientlib-bgimg/resources/icons/account-white.svg");
	background-repeat: no-repeat;
	background-color: #009da3;
	border: 1px solid #009da3
}

.icon-btn.icon-account.icon-pink:hover,
.icon-btn.icon-account.icon-pink:focus {
	background-image: url("clientlib-bgimg/resources/icons/account-white.svg");
	background-repeat: no-repeat;
	background-color: #e50d56;
	border: 1px solid #e50d56
}

.icon-btn.icon-account2.icon-orange:hover,
.icon-btn.icon-account2.icon-orange:focus {
	background-image: url("clientlib-bgimg/resources/icons/account2-white.svg");
	background-repeat: no-repeat;
	background-color: #ea2c00;
	border: 1px solid #ea2c00
}

.icon-btn.icon-account2.icon-teal:hover,
.icon-btn.icon-account2.icon-teal:focus {
	background-image: url("clientlib-bgimg/resources/icons/account2-white.svg");
	background-repeat: no-repeat;
	background-color: #009da3;
	border: 1px solid #009da3
}

.icon-btn.icon-account2.icon-pink:hover,
.icon-btn.icon-account2.icon-pink:focus {
	background-image: url("clientlib-bgimg/resources/icons/account2-white.svg");
	background-repeat: no-repeat;
	background-color: #e50d56;
	border: 1px solid #e50d56
}

.icon-btn.icon-settings.icon-orange:hover,
.icon-btn.icon-settings.icon-orange:focus {
	background-image: url("clientlib-bgimg/resources/icons/settings-white.svg");
	background-repeat: no-repeat;
	background-color: #ea2c00;
	border: 1px solid #ea2c00
}

.icon-btn.icon-settings.icon-teal:hover,
.icon-btn.icon-settings.icon-teal:focus {
	background-image: url("clientlib-bgimg/resources/icons/settings-white.svg");
	background-repeat: no-repeat;
	background-color: #009da3;
	border: 1px solid #009da3
}

.icon-btn.icon-settings.icon-pink:hover,
.icon-btn.icon-settings.icon-pink:focus {
	background-image: url("clientlib-bgimg/resources/icons/settings-white.svg");
	background-repeat: no-repeat;
	background-color: #e50d56;
	border: 1px solid #e50d56
}

li {
	line-height: initial
}

blockquote {
	font-style: italic;
	color: #000;
	padding-left: 43px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: .2px;
	line-height: 32px;
	max-width: 935px;
	position: relative
}

@media only screen and (min-width: 48em) {
	blockquote {
		font-size: 29px;
		letter-spacing: 1.26px;
		font-weight: 300;
		line-height: 36px
	}
}

blockquote footer {
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: .2px;
	line-height: 32px;
	padding-left: 34px;
	position: relative;
	background: transparent;
	margin-top: 0
}

blockquote footer::before {
	content: "";
	position: absolute;
	left: 0;
	top: 16px;
	background: #c00;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 3' xml:space='preserve'%3E%3Cpolygon points='2,0 28,0 26,3 0,3 '/%3E%3C/svg%3E");
	background-size: 28px 3px;
	width: 28px;
	height: 3px
}

blockquote::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #c00;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 16' xml:space='preserve'%3E%3Cpath d='M19,16V9.1h-3V8.4c0-1.7,0.2-3,0.6-4c0.4-1,0.9-1.7,1.7-2.1l0,0V0c-2.1,0.5-3.6,1.7-4.7,3.5 S12,7.8,12,10.9l0,0V16H19z M7,16V9.1H4V8.4c0-1.7,0.2-3,0.6-4s0.9-1.7,1.7-2.1l0,0V0C4.1,0.5,2.6,1.7,1.5,3.5S0,7.8,0,10.9l0,0V16 H7z'/%3E%3C/svg%3E");
	background-size: 19px 16px;
	width: 19px;
	height: 16px
}

blockquote::after {
	content: "";
	position: absolute;
	top: 50px;
	left: 0;
	background: #c00;
	width: 4px;
	height: calc(100% - 50px)
}

hr {
	border: 0;
	height: 1px;
	background: #979fad;
	margin: 1rem 0
}

::-moz-selection {
	color: #2d3a4d;
	background: #f4f7f9
}

::selection {
	color: #2d3a4d;
	background: #f4f7f9
}

code {
	display: inline-block;
	background: #f4f7f9;
	border: 1px solid #f4f7f9;
	padding: .2rem .5rem;
	line-height: 1.2;
	font-size: .85rem
}

pre {
	background: #f4f7f9;
	border: 1px solid #f4f7f9;
	font-size: 18px;
	padding: 1rem;
	overflow-x: auto
}

pre code {
	border: 0
}

code[class*=language-],
pre[class*=language-] {
	font-family: monospace !important
}

.pipes {
	font-weight: 200;
	opacity: .6;
	margin-left: 5px;
	margin-right: 5px
}

sup {
	font-size: 50%
}

.txt-color-light {
	color: #fff !important
}

.txt-center {
	text-align: center
}

.txt-right {
	text-align: right
}

.headline {
	font-size: 42px;
	font-weight: normal;
	letter-spacing: -0.3px;
	line-height: 53px
}

.sub-headline {
	font-size: 29px;
	font-weight: normal;
	letter-spacing: -0.24px;
	line-height: 36px;
	position: relative
}

.sub-headline::before {
	content: "";
	position: absolute;
	top: -7px;
	left: -13px;
	width: 8px;
	height: 8px;
	border-top: 5px solid #c00;
	border-left: 5px solid #c00;
	display: block
}

@media only screen and (min-width: 64em) {
	.sub-headline {
		font-size: 42px;
		line-height: 53px
	}

	.sub-headline::before {
		width: 11px;
		height: 11px;
		top: -12px;
		left: -18px;
		border-width: 7px
	}
}

.lg-body-txt {
	font-size: 29px;
	font-weight: 300;
	letter-spacing: 1.26px;
	line-height: 36px
}

.cta {
	color: #c00;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: uppercase
}

.scta {
	letter-spacing: .2px
}

.label {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1.5px;
	line-height: 14px;
	text-transform: uppercase
}

.label-data-chart {
	color: #2d3a4d;
	font-size: 14px;
	letter-spacing: .78px;
	line-height: 19px
}

.file-input-dark {
	letter-spacing: .2px
}

.file-input-light {
	color: #929292;
	letter-spacing: .2px
}

.error-msg {
	color: #c00;
	font-size: 14px;
	letter-spacing: .6px;
	line-height: 20px
}

.nav-primary {
	font-size: 15px;
	letter-spacing: .5px;
	line-height: 18px
}

.helper-text {
	font-size: 14px;
	letter-spacing: .6px;
	line-height: 20px
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}

th {
	text-align: left
}

tr {
	vertical-align: top
}

.sr-only {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden
}

.d-desktop {
	display: block
}

@media(max-width: 991px) {
	.d-desktop {
		display: none
	}
}

.d-mobile {
	display: none
}

@media(max-width: 991px) {
	.d-mobile {
		display: block
	}
}

.fade-in {
	opacity: 0;
	transform: translateY(128px)
}

.fade-in.animate {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 1s ease, transform .5s ease
}

.remove-this-class {
	margin: 0 32px 4rem;
	background-color: #fff
}

.remove-this-class .elevation-card-text {
	padding: 1.5rem 1.5rem 4rem
}

.remove-this-class.floating-modal {
	width: 50%;
	margin: 0 auto 4rem
}

.floating-card {
	position: relative;
	box-shadow: -1px 7px 22px 0px rgba(0, 0, 0, .09);
	transition: all .2s ease-out
}

.floating-card:hover,
.floating-card:focus {
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
}

.floating-card:before {
	content: "";
	background: url("clientlib-bgimg/resources/patterns/line-pattern.svg");
	position: absolute;
	top: 16px;
	right: -16px;
	bottom: -16px;
	left: 16px;
	z-index: -1;
	opacity: .1
}

@media only screen and (min-width: 48em) {
	.floating-card-large {
		position: relative;
		box-shadow: 10px 10px 20px 0px rgba(67, 73, 78, .16), 10px 20px 60px 0px rgba(67, 73, 78, .24);
		transition: all .2s ease-out
	}

	.floating-card-large:hover,
	.floating-card-large:focus {
		box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
	}

	.floating-card-large:before {
		content: "";
		background: url("clientlib-bgimg/resources/patterns/line-pattern.svg");
		position: absolute;
		top: 16px;
		right: -16px;
		bottom: -16px;
		left: 16px;
		z-index: -1;
		opacity: .1
	}
}

.example-screen {
	position: relative;
	width: 100%;
	height: 432px;
	display: flex;
	align-items: center
}

.floating-modal {
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
}

.floating-modal:before {
	content: "";
	opacity: .2;
	background-color: #000;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1
}

.l-linelength-container {
	max-width: 36rem
}

.container-max,
.container-fluid {
	margin-right: auto;
	margin-left: auto
}

@media only screen and (min-width: 128em) {
	.container-max {
		max-width: 128em
	}
}

.row {
	box-sizing: border-box;
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	flex-wrap: wrap
}

.row.no-gutters {
	padding: 0;
	margin-right: 0;
	margin-left: 0
}

@media only screen and (min-width: 90em) {
	.row.no-gutters {
		margin: 0 auto
	}
}

.row.no-gutters>div {
	padding: 0
}

.row.reverse {
	flex-direction: row-reverse
}

.col.reverse {
	flex-direction: column-reverse
}

.col-xs-12,
.col-xs-11,
.col-xs-10,
.col-xs-9,
.col-xs-8,
.col-xs-7,
.col-xs-6,
.col-xs-5,
.col-xs-4,
.col-xs-3,
.col-xs-2,
.col-xs-1,
.col-xs-offset-12,
.col-xs-offset-11,
.col-xs-offset-10,
.col-xs-offset-9,
.col-xs-offset-8,
.col-xs-offset-7,
.col-xs-offset-6,
.col-xs-offset-5,
.col-xs-offset-4,
.col-xs-offset-3,
.col-xs-offset-2,
.col-xs-offset-1,
.col-xs-offset-0,
.col-xs {
	box-sizing: border-box;
	flex: 0 0 auto
}

.col-xs {
	flex-grow: 1;
	flex-basis: 0;
	max-width: 100%
}

.col-xs-offset-0 {
	margin-left: 0%
}

.col-xs-offset-1 {
	margin-left: 8.3333333333%
}

.col-xs-offset-2 {
	margin-left: 16.6666666667%
}

.col-xs-offset-3 {
	margin-left: 25%
}

.col-xs-offset-4 {
	margin-left: 33.3333333333%
}

.col-xs-offset-5 {
	margin-left: 41.6666666667%
}

.col-xs-offset-6 {
	margin-left: 50%
}

.col-xs-offset-7 {
	margin-left: 58.3333333333%
}

.col-xs-offset-8 {
	margin-left: 66.6666666667%
}

.col-xs-offset-9 {
	margin-left: 75%
}

.col-xs-offset-10 {
	margin-left: 83.3333333333%
}

.col-xs-offset-11 {
	margin-left: 91.6666666667%
}

.col-xs-offset-12 {
	margin-left: 100%
}

.col-xs-1 {
	flex-basis: 8.3333333333%;
	max-width: 8.3333333333%
}

.col-xs-2 {
	flex-basis: 16.6666666667%;
	max-width: 16.6666666667%
}

.col-xs-3 {
	flex-basis: 25%;
	max-width: 25%
}

.col-xs-4 {
	flex-basis: 33.3333333333%;
	max-width: 33.3333333333%
}

.col-xs-5 {
	flex-basis: 41.6666666667%;
	max-width: 41.6666666667%
}

.col-xs-6 {
	flex-basis: 50%;
	max-width: 50%
}

.col-xs-7 {
	flex-basis: 58.3333333333%;
	max-width: 58.3333333333%
}

.col-xs-8 {
	flex-basis: 66.6666666667%;
	max-width: 66.6666666667%
}

.col-xs-9 {
	flex-basis: 75%;
	max-width: 75%
}

.col-xs-10 {
	flex-basis: 83.3333333333%;
	max-width: 83.3333333333%
}

.col-xs-11 {
	flex-basis: 91.6666666667%;
	max-width: 91.6666666667%
}

.col-xs-12 {
	flex-basis: 100%;
	max-width: 100%
}

.start-xs {
	justify-content: flex-start;
	text-align: start
}

.center-xs {
	justify-content: center;
	text-align: center
}

.end-xs {
	justify-content: flex-end;
	text-align: end
}

.top-xs {
	align-items: flex-start
}

.middle-xs {
	align-items: center
}

.bottom-xs {
	align-items: flex-end
}

.around-xs {
	justify-content: space-around
}

.between-xs {
	justify-content: space-between
}

.first-xs {
	order: -1
}

.last-xs {
	order: 1
}

@media only screen and (min-width: 48em) {

	.col-sm-12,
	.col-sm-11,
	.col-sm-10,
	.col-sm-9,
	.col-sm-8,
	.col-sm-7,
	.col-sm-6,
	.col-sm-5,
	.col-sm-4,
	.col-sm-3,
	.col-sm-2,
	.col-sm-1,
	.col-sm-offset-12,
	.col-sm-offset-11,
	.col-sm-offset-10,
	.col-sm-offset-9,
	.col-sm-offset-8,
	.col-sm-offset-7,
	.col-sm-offset-6,
	.col-sm-offset-5,
	.col-sm-offset-4,
	.col-sm-offset-3,
	.col-sm-offset-2,
	.col-sm-offset-1,
	.col-sm-offset-0,
	.col-sm {
		box-sizing: border-box;
		flex: 0 0 auto
	}

	.col-sm {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%
	}

	.col-sm-offset-0 {
		margin-left: 0%
	}

	.col-sm-offset-1 {
		margin-left: 8.3333333333%
	}

	.col-sm-offset-2 {
		margin-left: 16.6666666667%
	}

	.col-sm-offset-3 {
		margin-left: 25%
	}

	.col-sm-offset-4 {
		margin-left: 33.3333333333%
	}

	.col-sm-offset-5 {
		margin-left: 41.6666666667%
	}

	.col-sm-offset-6 {
		margin-left: 50%
	}

	.col-sm-offset-7 {
		margin-left: 58.3333333333%
	}

	.col-sm-offset-8 {
		margin-left: 66.6666666667%
	}

	.col-sm-offset-9 {
		margin-left: 75%
	}

	.col-sm-offset-10 {
		margin-left: 83.3333333333%
	}

	.col-sm-offset-11 {
		margin-left: 91.6666666667%
	}

	.col-sm-offset-12 {
		margin-left: 100%
	}

	.col-sm-1 {
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%
	}

	.col-sm-2 {
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%
	}

	.col-sm-3 {
		flex-basis: 25%;
		max-width: 25%
	}

	.col-sm-4 {
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%
	}

	.col-sm-5 {
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%
	}

	.col-sm-6 {
		flex-basis: 50%;
		max-width: 50%
	}

	.col-sm-7 {
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%
	}

	.col-sm-8 {
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%
	}

	.col-sm-9 {
		flex-basis: 75%;
		max-width: 75%
	}

	.col-sm-10 {
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%
	}

	.col-sm-11 {
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%
	}

	.col-sm-12 {
		flex-basis: 100%;
		max-width: 100%
	}

	.start-sm {
		justify-content: flex-start;
		text-align: start
	}

	.center-sm {
		justify-content: center;
		text-align: center
	}

	.end-sm {
		justify-content: flex-end;
		text-align: end
	}

	.top-sm {
		align-items: flex-start
	}

	.middle-sm {
		align-items: center
	}

	.bottom-sm {
		align-items: flex-end
	}

	.around-sm {
		justify-content: space-around
	}

	.between-sm {
		justify-content: space-between
	}

	.first-sm {
		order: -1
	}

	.last-sm {
		order: 1
	}
}

@media only screen and (min-width: 64em) {

	.col-md-12,
	.col-md-11,
	.col-md-10,
	.col-md-9,
	.col-md-8,
	.col-md-7,
	.col-md-6,
	.col-md-5,
	.col-md-4,
	.col-md-3,
	.col-md-2,
	.col-md-1,
	.col-md-offset-12,
	.col-md-offset-11,
	.col-md-offset-10,
	.col-md-offset-9,
	.col-md-offset-8,
	.col-md-offset-7,
	.col-md-offset-6,
	.col-md-offset-5,
	.col-md-offset-4,
	.col-md-offset-3,
	.col-md-offset-2,
	.col-md-offset-1,
	.col-md-offset-0,
	.col-md {
		box-sizing: border-box;
		flex: 0 0 auto
	}

	.col-md {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%
	}

	.col-md-offset-0 {
		margin-left: 0%
	}

	.col-md-offset-1 {
		margin-left: 8.3333333333%
	}

	.col-md-offset-2 {
		margin-left: 16.6666666667%
	}

	.col-md-offset-3 {
		margin-left: 25%
	}

	.col-md-offset-4 {
		margin-left: 33.3333333333%
	}

	.col-md-offset-5 {
		margin-left: 41.6666666667%
	}

	.col-md-offset-6 {
		margin-left: 50%
	}

	.col-md-offset-7 {
		margin-left: 58.3333333333%
	}

	.col-md-offset-8 {
		margin-left: 66.6666666667%
	}

	.col-md-offset-9 {
		margin-left: 75%
	}

	.col-md-offset-10 {
		margin-left: 83.3333333333%
	}

	.col-md-offset-11 {
		margin-left: 91.6666666667%
	}

	.col-md-offset-12 {
		margin-left: 100%
	}

	.col-md-1 {
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%
	}

	.col-md-2 {
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%
	}

	.col-md-3 {
		flex-basis: 25%;
		max-width: 25%
	}

	.col-md-4 {
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%
	}

	.col-md-5 {
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%
	}

	.col-md-6 {
		flex-basis: 50%;
		max-width: 50%
	}

	.col-md-7 {
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%
	}

	.col-md-8 {
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%
	}

	.col-md-9 {
		flex-basis: 75%;
		max-width: 75%
	}

	.col-md-10 {
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%
	}

	.col-md-11 {
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%
	}

	.col-md-12 {
		flex-basis: 100%;
		max-width: 100%
	}

	.start-md {
		justify-content: flex-start;
		text-align: start
	}

	.center-md {
		justify-content: center;
		text-align: center
	}

	.end-md {
		justify-content: flex-end;
		text-align: end
	}

	.top-md {
		align-items: flex-start
	}

	.middle-md {
		align-items: center
	}

	.bottom-md {
		align-items: flex-end
	}

	.around-md {
		justify-content: space-around
	}

	.between-md {
		justify-content: space-between
	}

	.first-md {
		order: -1
	}

	.last-md {
		order: 1
	}
}

@media only screen and (min-width: 90em) {

	.col-lg-12,
	.col-lg-11,
	.col-lg-10,
	.col-lg-9,
	.col-lg-8,
	.col-lg-7,
	.col-lg-6,
	.col-lg-5,
	.col-lg-4,
	.col-lg-3,
	.col-lg-2,
	.col-lg-1,
	.col-lg-offset-12,
	.col-lg-offset-11,
	.col-lg-offset-10,
	.col-lg-offset-9,
	.col-lg-offset-8,
	.col-lg-offset-7,
	.col-lg-offset-6,
	.col-lg-offset-5,
	.col-lg-offset-4,
	.col-lg-offset-3,
	.col-lg-offset-2,
	.col-lg-offset-1,
	.col-lg-offset-0,
	.col-lg {
		box-sizing: border-box;
		flex: 0 0 auto
	}

	.col-lg {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%
	}

	.col-lg-offset-0 {
		margin-left: 0%
	}

	.col-lg-offset-1 {
		margin-left: 8.3333333333%
	}

	.col-lg-offset-2 {
		margin-left: 16.6666666667%
	}

	.col-lg-offset-3 {
		margin-left: 25%
	}

	.col-lg-offset-4 {
		margin-left: 33.3333333333%
	}

	.col-lg-offset-5 {
		margin-left: 41.6666666667%
	}

	.col-lg-offset-6 {
		margin-left: 50%
	}

	.col-lg-offset-7 {
		margin-left: 58.3333333333%
	}

	.col-lg-offset-8 {
		margin-left: 66.6666666667%
	}

	.col-lg-offset-9 {
		margin-left: 75%
	}

	.col-lg-offset-10 {
		margin-left: 83.3333333333%
	}

	.col-lg-offset-11 {
		margin-left: 91.6666666667%
	}

	.col-lg-offset-12 {
		margin-left: 100%
	}

	.col-lg-1 {
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%
	}

	.col-lg-2 {
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%
	}

	.col-lg-3 {
		flex-basis: 25%;
		max-width: 25%
	}

	.col-lg-4 {
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%
	}

	.col-lg-5 {
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%
	}

	.col-lg-6 {
		flex-basis: 50%;
		max-width: 50%
	}

	.col-lg-7 {
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%
	}

	.col-lg-8 {
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%
	}

	.col-lg-9 {
		flex-basis: 75%;
		max-width: 75%
	}

	.col-lg-10 {
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%
	}

	.col-lg-11 {
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%
	}

	.col-lg-12 {
		flex-basis: 100%;
		max-width: 100%
	}

	.start-lg {
		justify-content: flex-start;
		text-align: start
	}

	.center-lg {
		justify-content: center;
		text-align: center
	}

	.end-lg {
		justify-content: flex-end;
		text-align: end
	}

	.top-lg {
		align-items: flex-start
	}

	.middle-lg {
		align-items: center
	}

	.bottom-lg {
		align-items: flex-end
	}

	.around-lg {
		justify-content: space-around
	}

	.between-lg {
		justify-content: space-between
	}

	.first-lg {
		order: -1
	}

	.last-lg {
		order: 1
	}
}

@media only screen and (min-width: 128em) {

	.col-xlg-12,
	.col-xlg-11,
	.col-xlg-10,
	.col-xlg-9,
	.col-xlg-8,
	.col-xlg-7,
	.col-xlg-6,
	.col-xlg-5,
	.col-xlg-4,
	.col-xlg-3,
	.col-xlg-2,
	.col-xlg-1,
	.col-xlg-offset-12,
	.col-xlg-offset-11,
	.col-xlg-offset-10,
	.col-xlg-offset-9,
	.col-xlg-offset-8,
	.col-xlg-offset-7,
	.col-xlg-offset-6,
	.col-xlg-offset-5,
	.col-xlg-offset-4,
	.col-xlg-offset-3,
	.col-xlg-offset-2,
	.col-xlg-offset-1,
	.col-xlg-offset-0,
	.col-xlg {
		box-sizing: border-box;
		flex: 0 0 auto
	}

	.col-xlg {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%
	}

	.col-xlg-offset-0 {
		margin-left: 0%
	}

	.col-xlg-offset-1 {
		margin-left: 8.3333333333%
	}

	.col-xlg-offset-2 {
		margin-left: 16.6666666667%
	}

	.col-xlg-offset-3 {
		margin-left: 25%
	}

	.col-xlg-offset-4 {
		margin-left: 33.3333333333%
	}

	.col-xlg-offset-5 {
		margin-left: 41.6666666667%
	}

	.col-xlg-offset-6 {
		margin-left: 50%
	}

	.col-xlg-offset-7 {
		margin-left: 58.3333333333%
	}

	.col-xlg-offset-8 {
		margin-left: 66.6666666667%
	}

	.col-xlg-offset-9 {
		margin-left: 75%
	}

	.col-xlg-offset-10 {
		margin-left: 83.3333333333%
	}

	.col-xlg-offset-11 {
		margin-left: 91.6666666667%
	}

	.col-xlg-offset-12 {
		margin-left: 100%
	}

	.col-xlg-1 {
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%
	}

	.col-xlg-2 {
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%
	}

	.col-xlg-3 {
		flex-basis: 25%;
		max-width: 25%
	}

	.col-xlg-4 {
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%
	}

	.col-xlg-5 {
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%
	}

	.col-xlg-6 {
		flex-basis: 50%;
		max-width: 50%
	}

	.col-xlg-7 {
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%
	}

	.col-xlg-8 {
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%
	}

	.col-xlg-9 {
		flex-basis: 75%;
		max-width: 75%
	}

	.col-xlg-10 {
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%
	}

	.col-xlg-11 {
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%
	}

	.col-xlg-12 {
		flex-basis: 100%;
		max-width: 100%
	}

	.start-xlg {
		justify-content: flex-start;
		text-align: start
	}

	.center-xlg {
		justify-content: center;
		text-align: center
	}

	.end-xlg {
		justify-content: flex-end;
		text-align: end
	}

	.top-xlg {
		align-items: flex-start
	}

	.middle-xlg {
		align-items: center
	}

	.bottom-xlg {
		align-items: flex-end
	}

	.around-xlg {
		justify-content: space-around
	}

	.between-xlg {
		justify-content: space-between
	}

	.first-xlg {
		order: -1
	}

	.last-xlg {
		order: 1
	}
}

@media only screen and (min-width: 48em) {
	[class*=col-] {
		padding-right: 8px;
		padding-left: 8px
	}
}

@media only screen and (min-width: 90em) {
	[class*=col-] {
		padding-right: 12px;
		padding-left: 12px
	}
}

.box-row {
	position: relative;
	box-sizing: border-box;
	min-height: 1rem;
	margin-bottom: 0;
	background: #c00;
	border: 1px solid #fff;
	border-radius: 2px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	padding: 1rem 5px;
	margin-bottom: 1rem
}

.horizontal-scroll {
	flex-flow: row nowrap;
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.horizontal-scroll::-webkit-scrollbar {
	display: none
}

.horizontal-scroll [class*=col-] {
	width: 25%;
	max-width: calc(100vw - 64px)
}

@media only screen and (min-width: 48em)and (max-width: 63.9375em) {
	.horizontal-scroll [class*=col-] {
		max-width: calc(50vw - 16px)
	}
}

@media only screen and (max-width: 63.9375em) {
	.col-empty {
		display: none
	}
}

.col-xs-12>[class*=cmp-] {
	height: 100%
}

.u-is-hidden {
	display: none !important;
	visibility: hidden !important
}

.u-is-vishidden {
	position: absolute !important;
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	clip: rect(1px, 1px, 1px, 1px)
}

.u-margin-bottom-none {
	margin-bottom: 0 !important
}

.u-margin-bottom-small {
	margin-bottom: 1rem !important
}

.u-margin-bottom {
	margin-bottom: 1rem !important
}

.u-margin-bottom-large {
	margin-bottom: 2rem !important
}

.u-margin-bottom-large-to-xxl {
	margin-bottom: 2rem !important
}

@media all and (min-width: 60em) {
	.u-margin-bottom-large-to-xxl {
		margin-bottom: 8rem !important
	}
}

.u-margin-top-none {
	margin-top: 0 !important
}

.u-margin-top-small {
	margin-top: 1rem !important
}

.u-margin-top {
	margin-top: 1rem !important
}

.u-margin-top-large {
	margin-top: 2rem !important
}

.u-margin-top-booking {
	margin-top: 28rem !important
}

.u-margin-right-none {
	margin-right: 0 !important
}

.u-margin-right-small {
	margin-right: 1rem !important
}

.u-margin-right {
	margin-right: 1rem !important
}

.u-margin-right-large {
	margin-right: 2rem !important
}

.u-margin-left-none {
	margin-left: 0 !important
}

.u-margin-left-small {
	margin-left: 1rem !important
}

.u-margin-left {
	margin-left: 1rem !important
}

.u-margin-left-large {
	margin-left: 2rem !important
}

.u-margin-center {
	margin: 0 auto !important
}

.u-padding-none {
	padding: 0 !important
}

.u-padding-small {
	padding: 1rem !important
}

.u-padding {
	padding: 1rem !important
}

.u-padding-large {
	padding: 2rem !important
}

.u-padding-top-none {
	padding-top: 0 !important
}

.u-padding-top-small {
	padding-top: 1rem !important
}

.u-padding-top {
	padding-top: 1rem !important
}

.u-padding-top-large {
	padding-top: 2rem !important
}

.u-padding-bottom-none {
	padding-bottom: 0 !important
}

.u-padding-bottom-small {
	padding-bottom: 1rem !important
}

.u-padding-bottom {
	padding-bottom: 1rem !important
}

.u-padding-bottom-large {
	padding-bottom: 2rem !important
}

.u-padding-right-none {
	padding-right: 0 !important
}

.u-padding-right-small {
	padding-right: 1rem !important
}

.u-padding-right {
	padding-right: 1rem !important
}

.u-padding-right-large {
	padding-right: 2rem !important
}

.u-padding-left-none {
	padding-left: 0 !important
}

.u-padding-left-small {
	padding-left: 1rem !important
}

.u-padding-left {
	padding-left: 1rem !important
}

.u-padding-left-large {
	padding-left: 2rem !important
}

.tns-outer {
	padding: 0 !important
}

.tns-outer [hidden] {
	display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
	cursor: pointer
}

.tns-slider {
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s
}

.tns-slider>.tns-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
	white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
	display: inline-block;
	vertical-align: top;
	white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
	content: "";
	display: table;
	clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
	float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
	margin-right: -100%
}

.tns-no-calc {
	position: relative;
	left: 0
}

.tns-gallery {
	position: relative;
	left: 0;
	min-height: 1px
}

.tns-gallery>.tns-item {
	position: absolute;
	left: -100%;
	-webkit-transition: transform 0s, opacity 0s;
	-moz-transition: transform 0s, opacity 0s;
	transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
	position: relative;
	left: auto !important
}

.tns-gallery>.tns-moving {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	transition: all .25s
}

.tns-autowidth {
	display: inline-block
}

.tns-lazy-img {
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	transition: opacity .6s;
	opacity: .6
}

.tns-lazy-img.tns-complete {
	opacity: 1
}

.tns-ah {
	-webkit-transition: height 0s;
	-moz-transition: height 0s;
	transition: height 0s
}

.tns-ovh {
	overflow: hidden
}

.tns-visually-hidden {
	position: absolute;
	left: -10000em
}

.tns-transparent {
	opacity: 0;
	visibility: hidden
}

.tns-fadeIn {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 0
}

.tns-normal,
.tns-fadeOut {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1
}

.tns-vpfix {
	white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
	display: inline-block
}

.tns-t-subp2 {
	margin: 0 auto;
	width: 310px;
	position: relative;
	height: 10px;
	overflow: hidden
}

.tns-t-ct {
	width: 2333.3333333333%;
	width: -webkit-calc(100% * 70 / 3);
	width: -moz-calc(100% * 70 / 3);
	width: calc(100% * 70 / 3);
	position: absolute;
	right: 0
}

.tns-t-ct:after {
	content: "";
	display: table;
	clear: both
}

.tns-t-ct>div {
	width: 1.4285714286%;
	width: -webkit-calc(100% / 70);
	width: -moz-calc(100% / 70);
	width: calc(100% / 70);
	height: 10px;
	float: left
}

.author-card {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	padding: 0 2rem
}

@media only screen and (min-width: 48em) {
	.author-card {
		flex-flow: row nowrap;
		background-color: #fff
	}
}

.author-card img {
	position: relative;
	width: calc(100vw - 4rem);
	height: calc(100vw - 4rem);
	max-width: 349px;
	max-height: 349px;
	margin: 0 auto 1rem;
	border-radius: 50%;
	object-fit: cover
}

@media only screen and (min-width: 48em) {
	.author-card img {
		order: 1;
		width: 349px;
		height: 349px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 48em) {
	.author-card .card-body {
		padding: .4375rem 4rem 0 0
	}
}

.author-card .card-body h2 {
	position: relative;
	padding: 0 0 1rem;
	word-break: break-word;
	z-index: 3
}

.author-card .card-body p {
	position: relative;
	padding: 0 0 1.625rem;
	word-break: break-word;
	z-index: 3
}

.awards {
	position: relative;
	padding: 2rem;
	color: #fff;
	background-color: #005662
}

@media only screen and (min-width: 64em) {
	.awards {
		padding: 4rem
	}
}

.awards.bg-gray {
	background-color: #2d3a4d !important
}

.awards.bg-gray-light {
	background-color: #525e70 !important
}

.awards.bg-pattern {
	background-image: url("clientlib-bgimg/resources/patterns/callout.svg");
	background-size: 250px;
	background-repeat: no-repeat;
	background-position: right -75px bottom -75px;
	background-blend-mode: screen
}

@media only screen and (min-width: 64em) {
	.awards.bg-pattern {
		background-position: right -50px bottom -50px
	}
}

.awards .icon-awards {
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 21px;
	background-size: 22px;
	background-position: center center;
	border: 1px solid #fff;
	border-radius: 50%
}

.awards p.eyebrow {
	margin: 0 2rem 1.5rem 0;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1.5px;
	line-height: 14px;
	text-transform: uppercase
}

.awards h2 {
	margin-bottom: 1.5rem
}

.awards h2:before {
	display: none
}

.awards p:last-of-type {
	margin-bottom: 2rem
}

body.theme-teal .awards {
	background-color: #005662
}

body.theme-purple .awards {
	background-color: #40089a
}

body.theme-green .awards {
	background-color: #005a10
}

body.theme-pink .awards {
	background-color: #770733
}

body.theme-orange .awards {
	background-color: #7c1800
}

.col-xs-12 section.awards {
	height: 100%
}

@media only screen and (min-width: 64em) {

	.col-md-4 section.awards h2,
	.col-md-3 section.awards h2 {
		font-size: 29px;
		line-height: 36px
	}
}

@media only screen and (min-width: 128em) {

	.col-md-4 section.awards h2,
	.col-md-3 section.awards h2 {
		font-size: 42px;
		line-height: 53px
	}
}

.bio-card {
	position: relative;
	max-width: 1144px;
	padding: 2rem;
	display: flex;
	flex-flow: column nowrap;
	transition: all .2s ease-out
}

@media only screen and (min-width: 64em) {
	.bio-card {
		width: calc(100vw - 4rem);
		padding: 2rem;
		margin: 2rem auto;
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2)
	}
}

@media only screen and (min-width: 90em) {
	.bio-card {
		width: auto;
		margin: 2rem 18%
	}
}

@media only screen and (min-width: 128em) {
	.bio-card {
		margin: 2rem 25%
	}
}

@media only screen and (min-width: 48em) {
	.bio-card:hover {
		background-color: #f4f7f9;
		box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
	}
}

.bio-card img {
	position: relative;
	width: calc(100vw - 4rem);
	height: calc(100vw - 4rem);
	max-width: 349px;
	max-height: 349px;
	margin: 0 auto 2rem;
	border-radius: 50%;
	object-fit: cover
}

@media only screen and (min-width: 64em) {
	.bio-card .card-body {
		width: calc(100% - 349px);
		padding: .75rem 0 0 1.125rem
	}
}

.bio-card .card-body h2 {
	padding: 0 0 1rem;
	word-break: break-word
}

.bio-card .card-body .bio-card-role {
	font-weight: 500
}

.bio-card .card-body p {
	padding: 0 0 1rem;
	word-break: break-word
}

@media only screen and (min-width: 64em) {

	.bio-card.left,
	.bio-card.right {
		flex-flow: row nowrap
	}
}

@media only screen and (min-width: 64em) {

	.bio-card.left img,
	.bio-card.right img {
		margin-bottom: 0
	}
}

@media only screen and (min-width: 64em) {
	.bio-card.left img {
		margin-right: 2rem
	}
}

@media only screen and (min-width: 64em) {
	.bio-card.right img {
		order: 1;
		margin-left: 2rem
	}
}

.callout {
	position: relative;
	padding: 32px;
	color: #fff;
	background-color: #005662
}

@media only screen and (min-width: 64em) {
	.callout {
		padding: 64px
	}
}

.callout.bg-gray {
	background-color: #2d3a4d !important
}

.callout.bg-gray-light {
	background-color: #525e70 !important
}

.callout.bg-pattern {
	background-image: url("clientlib-bgimg/resources/patterns/callout.svg");
	background-size: 250px;
	background-repeat: no-repeat;
	background-position: right -75px bottom -75px;
	background-blend-mode: screen
}

@media only screen and (min-width: 64em) {
	.callout.bg-pattern {
		background-position: right -50px bottom -50px
	}
}

.callout h3 {
	font-size: 29px;
	font-weight: normal;
	letter-spacing: -0.24px;
	line-height: 36px;
	margin-bottom: 16px
}

@media only screen and (min-width: 64em) {
	.callout h3 {
		font-size: 42px;
		line-height: 53px
	}
}

.callout .icon-quote {
	background: #009da3;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 16' xml:space='preserve'%3E%3Cpath d='M19,16V9.1h-3V8.4c0-1.7,0.2-3,0.6-4c0.4-1,0.9-1.7,1.7-2.1l0,0V0c-2.1,0.5-3.6,1.7-4.7,3.5 S12,7.8,12,10.9l0,0V16H19z M7,16V9.1H4V8.4c0-1.7,0.2-3,0.6-4s0.9-1.7,1.7-2.1l0,0V0C4.1,0.5,2.6,1.7,1.5,3.5S0,7.8,0,10.9l0,0V16 H7z'/%3E%3C/svg%3E");
	width: 59px;
	height: 50px
}

.callout .icon-callout {
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 21px;
	display: block;
	border: 1px solid #fff;
	border-radius: 50%
}

.callout .icon-callout img {
	width: 18px;
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

@media only screen and (min-width: 64em) {
	.callout .icon-callout {
		top: 32px;
		right: 32px
	}
}

.callout blockquote {
	position: static;
	padding-left: 0
}

@media only screen and (min-width: 48em) {
	.callout blockquote {
		font-size: 29px;
		letter-spacing: 1.26px;
		font-weight: 300;
		line-height: 36px
	}
}

.callout blockquote::before,
.callout blockquote::after {
	content: unset !important;
	background: transparent !important
}

.callout blockquote footer {
	color: #fff
}

.callout blockquote footer::before {
	background: #009da3
}

.callout p,
.callout blockquote p {
	font-style: normal;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: .2px;
	line-height: 32px;
	margin-bottom: 16px
}

.callout p:last-of-type,
.callout blockquote p:last-of-type {
	margin-bottom: 0
}

.callout p a,
.callout blockquote p a {
	color: #fff;
	text-decoration: underline;
	position: relative
}

.callout p a:hover,
.callout blockquote p a:hover {
	text-decoration: none
}

.callout p.eyebrow {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1.5px;
	line-height: 14px;
	text-transform: uppercase;
	margin-bottom: 29px
}

.callout ol,
.callout ul {
	margin: 16px 0 0 1.2rem
}

.callout ol li,
.callout ul li {
	font-size: 18px;
	letter-spacing: .2px;
	line-height: 32px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.callout ol ol,
.callout ol ul,
.callout ul ol,
.callout ul ul {
	margin-bottom: 0
}

.callout ol {
	margin-left: 0;
	counter-reset: item;
	list-style: none
}

.callout ol li::before {
	content: counter(item) ". ";
	counter-increment: item
}

.callout ol li>ol {
	margin-left: 2rem
}

.callout ol li>ol li:before {
	font-style: italic
}

.callout ul li {
	position: relative
}

.callout ul li::before {
	margin-left: -20px;
	margin-right: 8px;
	content: "";
	width: 5px;
	height: 5px;
	display: block;
	background: url("clientlib-bgimg/resources/icons/bullet-white.svg") center center no-repeat;
	background-size: cover;
	position: absolute;
	top: 13px;
	left: 0
}

.callout blockquote footer {
	margin-top: 16px
}

.callout .btn {
	margin-top: 32px
}

body.theme-teal .callout {
	background-color: #005662
}

body.theme-teal .callout .icon-quote {
	background-color: #009da3
}

body.theme-purple .callout {
	background-color: #40089a
}

body.theme-purple .callout .icon-quote {
	background-color: #7c10ff
}

body.theme-green .callout {
	background-color: #005a10
}

body.theme-green .callout .icon-quote {
	background-color: #00a31c
}

body.theme-pink .callout {
	background-color: #770733
}

body.theme-pink .callout .icon-quote {
	background-color: #e50d56
}

body.theme-orange .callout {
	background-color: #7c1800
}

body.theme-orange .callout .icon-quote {
	background-color: #ea2c00
}

.col-xs-12 section.callout {
	height: 100%
}

@media only screen and (min-width: 90em) {
	[class=col-xs-12] section.callout {
		padding: 64px 18%
	}
}

@media only screen and (min-width: 128em) {
	[class=col-xs-12] section.callout {
		padding: 64px 25%
	}
}

@media only screen and (min-width: 90em)and (min-width: 64em) {
	[class="col-xs-12 col-sm-6"] section.callout {
		padding: 32px
	}
}

@media only screen and (min-width: 90em)and (min-width: 90em) {
	[class="col-xs-12 col-sm-6"] section.callout {
		padding: 64px
	}
}

@media only screen and (min-width: 48em)and (min-width: 64em) {

	.col-md-4 section.callout.bg-pattern,
	.col-md-3 section.callout.bg-pattern {
		background-position: right -75px bottom -75px
	}
}

@media only screen and (min-width: 48em)and (min-width: 128em) {

	.col-md-4 section.callout.bg-pattern,
	.col-md-3 section.callout.bg-pattern {
		background-position: right -50px bottom -50px
	}
}

@media only screen and (min-width: 48em)and (min-width: 64em) {

	.col-md-4 section.callout h3,
	.col-md-3 section.callout h3 {
		font-size: 29px;
		line-height: 36px
	}
}

@media only screen and (min-width: 48em)and (min-width: 128em) {

	.col-md-4 section.callout h3,
	.col-md-3 section.callout h3 {
		font-size: 42px;
		line-height: 53px
	}
}

.card-author-feed {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	padding-bottom: 1.5rem;
	color: #000;
	transition: all .2s ease-out;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2)
}

@media only screen and (min-width: 48em) {
	.card-author-feed:hover {
		background-color: #f4f7f9;
		box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
	}
}

@media only screen and (min-width: 48em) {
	.card-author-feed {
		background-color: #fff
	}
}

@media only screen and (min-width: 1280px) {
	.card-author-feed {
		padding-bottom: 2rem
	}
}

.card-author-feed img {
	position: relative;
	width: 100%;
	height: 210px;
	min-height: 210px;
	margin-bottom: 24px;
	object-fit: cover
}

@media only screen and (min-width: 1280px) {
	.card-author-feed img {
		margin-bottom: 32px
	}
}

.card-author-feed .card-body {
	position: relative;
	height: calc(100% - 210px - 24px);
	z-index: 4
}

@media only screen and (min-width: 1280px) {
	.card-author-feed .card-body {
		height: calc(100% - 210px - 32px)
	}
}

.card-author-feed .card-body h4 {
	position: relative;
	word-break: break-word
}

.card-author-feed .card-body p {
	word-break: break-word
}

.card-author-feed img {
	min-height: 0
}

.card-author-feed .author {
	padding: 0 2rem 1rem
}

.card-author-feed .author::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 0px;
	width: 12px;
	height: 12px;
	border-top: 5px solid #c00;
	border-left: 5px solid #c00;
	display: block;
	z-index: 1
}

@media only screen and (min-width: 1280px) {
	.card-author-feed .author::before {
		top: -32px;
		width: 18px;
		height: 18px
	}
}

.card-author-feed a {
	color: #000
}

.card-author-feed a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1
}

.card-author-feed a h4 {
	padding: 0 2rem 1rem;
	z-index: 3;
	transition: all .2s ease-out
}

.card-author-feed a h4:hover {
	color: #c00;
	text-decoration: underline
}

.card-author-feed p {
	padding: 0 2rem 1.5rem
}

.card-author-feed a {
	display: none
}

.card-author-feed a:nth-last-of-type(1) {
	display: block
}

.card-author-feed a:nth-last-of-type(1) {
	display: block
}

.card-author-feed .card-author-feed-link {
	position: relative;
	margin-left: 2rem;
	z-index: 4
}

.card-author-feed .card-author-feed-link:before {
	display: none
}

.card-author-feed .card-author-feed-link .tag {
	padding: .125rem .4375rem;
	margin: 0 .25rem .5rem 0;
	font-size: .875rem;
	line-height: 1.25rem;
	background-color: #e5e9ed;
	border-radius: .375rem;
	transition: background .3s ease-in-out
}

.card-author-feed .card-author-feed-link .tag:hover,
.card-author-feed .card-author-feed-link .tag:focus {
	background: #979fad
}

.card-blog {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	padding-bottom: 1.5rem;
	color: #000;
	transition: all .2s ease-out;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2)
}

@media only screen and (min-width: 48em) {
	.card-blog:hover {
		background-color: #f4f7f9;
		box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
	}
}

@media only screen and (min-width: 48em) {
	.card-blog {
		background-color: #fff
	}
}

@media only screen and (min-width: 1280px) {
	.card-blog {
		padding-bottom: 2rem
	}
}

.card-blog img {
	position: relative;
	width: 100%;
	height: 210px;
	min-height: 210px;
	margin-bottom: 24px;
	object-fit: cover
}

@media only screen and (min-width: 1280px) {
	.card-blog img {
		margin-bottom: 32px
	}
}

.card-blog .card-body {
	position: relative;
	height: calc(100% - 210px - 24px);
	z-index: 4
}

@media only screen and (min-width: 1280px) {
	.card-blog .card-body {
		height: calc(100% - 210px - 32px)
	}
}

.card-blog .card-body h4 {
	position: relative;
	word-break: break-word
}

.card-blog .card-body p {
	word-break: break-word
}

.card-blog img {
	min-height: 0
}

.card-blog .author {
	padding: 0 2rem 1rem
}

.card-blog .author::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 0px;
	width: 12px;
	height: 12px;
	border-top: 5px solid #c00;
	border-left: 5px solid #c00;
	display: block;
	z-index: 1
}

@media only screen and (min-width: 1280px) {
	.card-blog .author::before {
		top: -32px;
		width: 18px;
		height: 18px
	}
}

.card-blog a {
	color: #000
}

.card-blog a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1
}

.card-blog a h4 {
	padding: 0 2rem 1rem;
	z-index: 3;
	transition: all .2s ease-out
}

.card-blog a h4:hover {
	color: #c00;
	text-decoration: underline
}

.card-blog p {
	padding: 0 2rem 0
}

.card-blog .tags {
	padding: 1.5rem 2rem 0;
	display: flex;
	flex-flow: row wrap
}

.card-blog .tags .card-blog-link {
	position: relative;
	z-index: 4
}

.card-blog .tags .card-blog-link:before {
	display: none
}

.card-blog .tags .card-blog-link .tag {
	padding: .125rem .4375rem;
	margin: 0 .25rem .5rem 0;
	font-size: .875rem;
	line-height: 1.25rem;
	background-color: #e5e9ed;
	border-radius: .375rem;
	transition: background .3s ease-in-out
}

.card-blog .tags .card-blog-link .tag:hover,
.card-blog .tags .card-blog-link .tag:focus {
	background: #979fad
}

.card-event {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	padding-bottom: 1.5rem;
	color: #000;
	transition: all .2s ease-out;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2)
}

@media only screen and (min-width: 48em) {
	.card-event:hover {
		background-color: #f4f7f9;
		box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
	}
}

@media only screen and (min-width: 48em) {
	.card-event {
		background-color: #fff
	}
}

@media only screen and (min-width: 1280px) {
	.card-event {
		padding-bottom: 2rem
	}
}

.card-event img {
	position: relative;
	width: 100%;
	height: 210px;
	min-height: 210px;
	margin-bottom: 24px;
	object-fit: cover
}

@media only screen and (min-width: 1280px) {
	.card-event img {
		margin-bottom: 32px
	}
}

.card-event .card-body {
	position: relative;
	height: calc(100% - 210px - 24px);
	z-index: 4
}

@media only screen and (min-width: 1280px) {
	.card-event .card-body {
		height: calc(100% - 210px - 32px)
	}
}

.card-event .card-body h4 {
	position: relative;
	word-break: break-word
}

.card-event .card-body p {
	word-break: break-word
}

.card-event .card-body {
	display: flex;
	flex-direction: column
}

.card-event .card-body p,
.card-event .card-body h4 {
	margin: 0
}

.card-event .card-body a {
	margin-top: auto
}

.card-event .card-event-date {
	padding: 0 1.5rem .5rem 1.5rem;
	margin-top: 0;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 14px;
	word-break: break-all;
	color: #c00
}

@media only screen and (min-width: 1280px) {
	.card-event .card-event-date {
		padding: 0 2rem 16px
	}
}

.card-event .card-event-date::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 0px;
	width: 12px;
	height: 12px;
	border-top: 5px solid #c00;
	border-left: 5px solid #c00;
	display: block;
	z-index: 1
}

@media only screen and (min-width: 1280px) {
	.card-event .card-event-date::before {
		top: -32px;
		width: 18px;
		height: 18px
	}
}

.card-event h4 {
	padding: 0 1.5rem .75rem
}

@media only screen and (min-width: 48em) {
	.card-event h4 {
		padding: 0 1.5rem 1rem
	}
}

@media only screen and (min-width: 1280px) {
	.card-event h4 {
		padding: 0 2rem 1rem
	}
}

.card-event p {
	padding: 0 1.5rem 1rem
}

@media only screen and (min-width: 1280px) {
	.card-event p {
		padding: 0 2rem 2rem
	}
}

.card-event a {
	position: static;
	padding-left: 24px
}

.card-event a:hover {
	text-decoration: underline;
	text-underline-position: under
}

.card-event a:after {
	display: inline-block
}

@media only screen and (min-width: 1280px) {
	.card-event a {
		padding-left: 32px
	}
}

.card-event a:before {
	top: 0;
	right: 0;
	width: 100%;
	border-bottom: none
}

.card-news {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	padding-bottom: 1.5rem;
	color: #000;
	transition: all .2s ease-out;
	padding-bottom: 0;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2)
}

@media only screen and (min-width: 48em) {
	.card-news:hover {
		background-color: #f4f7f9;
		box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
	}
}

@media only screen and (min-width: 48em) {
	.card-news {
		background-color: #fff
	}
}

@media only screen and (min-width: 1280px) {
	.card-news {
		padding-bottom: 2rem
	}
}

.card-news img {
	position: relative;
	width: 100%;
	height: 210px;
	min-height: 210px;
	margin-bottom: 24px;
	object-fit: cover
}

@media only screen and (min-width: 1280px) {
	.card-news img {
		margin-bottom: 32px
	}
}

.card-news .card-body {
	position: relative;
	height: calc(100% - 210px - 24px);
	z-index: 4
}

@media only screen and (min-width: 1280px) {
	.card-news .card-body {
		height: calc(100% - 210px - 32px)
	}
}

.card-news .card-body h4 {
	position: relative;
	word-break: break-word
}

.card-news .card-body p {
	word-break: break-word
}

@media only screen and (min-width: 48em) {
	.card-news {
		min-height: 329px;
		padding-bottom: 0;
		flex-flow: row nowrap
	}
}

@media only screen and (min-width: 48em) {
	.card-news img {
		width: 38.3538%;
		height: 100%;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 48em) {
	.card-news .card-body {
		width: 100%;
		height: auto
	}
}

.card-news .card-body .card-news-author-date {
	position: relative;
	padding: 0 1.5rem .5rem;
	margin-top: 0;
	font-size: 14px;
	letter-spacing: .16px;
	line-height: 20px
}

@media only screen and (min-width: 48em) {
	.card-news .card-body .card-news-author-date {
		padding: 1.5rem 1.5rem .5rem
	}
}

@media only screen and (min-width: 1280px) {
	.card-news .card-body .card-news-author-date {
		padding: 1.5rem 2rem .5rem
	}
}

.card-news .card-body .card-news-author-date::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 0px;
	width: 12px;
	height: 12px;
	border-top: 5px solid #c00;
	border-left: 5px solid #c00;
	display: block;
	z-index: 1
}

@media only screen and (min-width: 48em) {
	.card-news .card-body .card-news-author-date::before {
		top: 0
	}
}

@media only screen and (min-width: 1280px) {
	.card-news .card-body .card-news-author-date::before {
		width: 18px;
		height: 18px
	}
}

.card-news .card-body .card-news-author-date span:first-child {
	font-weight: 500
}

.card-news .card-body a {
	color: #000
}

.card-news .card-body a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1
}

.card-news .card-body a h4 {
	padding: 0 1.5rem .5rem;
	z-index: 3;
	transition: all .2s ease-out
}

.card-news .card-body a h4:hover {
	color: #c00;
	text-decoration: underline
}

@media only screen and (min-width: 1280px) {
	.card-news .card-body a h4 {
		padding: 0 2rem .5rem
	}
}

.card-news .card-body p {
	padding: 0 1.5rem 1.5rem
}

@media only screen and (min-width: 1280px) {
	.card-news .card-body p {
		padding: 0 2rem 0 2rem
	}
}

.card-sub-nav-feature {
	max-width: 300px
}

.card-sub-nav-feature>img {
	margin-bottom: 18px
}

.card-sub-nav-feature .card-body {
	padding: 18px 12px
}

.card-sub-nav-feature .card-body .card-title {
	position: relative;
	color: #1a1a1a;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: .16px;
	line-height: 20px
}

.card-sub-nav-feature .card-body .card-title::before {
	content: "";
	width: 12px;
	height: 12px;
	display: block;
	background: url("clientlib-bgimg/resources/icons/arrow.svg") center center no-repeat;
	background-size: cover;
	position: absolute;
	top: -15px;
	left: -12px
}

.card-sub-nav-feature .card-body a.action-link {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 32px
}

.card-sub-nav-feature .card-body a.action-link::before {
	width: calc(100% - 17px)
}

.card-sub-nav-feature .card-body a.action-link::after {
	font-size: 20px;
	top: 2px
}

.card-tag {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	padding-bottom: 1.5rem;
	color: #000;
	transition: all .2s ease-out;
	margin: 0 0 4rem !important;
	cursor: pointer
}

@media only screen and (min-width: 48em) {
	.card-tag:hover {
		background-color: #f4f7f9;
		box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
	}
}

@media only screen and (min-width: 48em) {
	.card-tag {
		background-color: #fff
	}
}

@media only screen and (min-width: 1280px) {
	.card-tag {
		padding-bottom: 2rem
	}
}

.card-tag img {
	position: relative;
	width: 100%;
	height: 210px;
	min-height: 210px;
	margin-bottom: 24px;
	object-fit: cover
}

@media only screen and (min-width: 1280px) {
	.card-tag img {
		margin-bottom: 32px
	}
}

.card-tag .card-body {
	position: relative;
	height: calc(100% - 210px - 24px);
	z-index: 4
}

@media only screen and (min-width: 1280px) {
	.card-tag .card-body {
		height: calc(100% - 210px - 32px)
	}
}

.card-tag .card-body h4 {
	position: relative;
	word-break: break-word
}

.card-tag .card-body p {
	word-break: break-word
}

@media only screen and (min-width: 48em) {
	.card-tag:hover {
		background-color: #fff;
		box-shadow: 10px 10px 20px rgba(67, 73, 78, .15849), 10px 20px 60px rgba(67, 73, 78, .23992)
	}
}

.card-tag img {
	height: 135.33px;
	min-height: 135.33px;
	margin-bottom: 1.5rem
}

.card-tag .card-tag-type {
	padding: 0 .875rem .5rem;
	margin-top: 0;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 14px;
	word-break: break-all;
	color: #c00;
	display: block
}

.card-tag .card-tag-link {
	position: relative;
	color: unset;
	z-index: 4
}

.card-tag .card-tag-link .card-tag-tag {
	padding: .125rem .4375rem;
	margin: 0 .875rem .625rem;
	font-size: .875rem;
	line-height: 1.25rem;
	background-color: #e5e9ed;
	border-radius: .375rem
}

.card-tag p {
	padding: 0 .875rem
}

.card-tag .action-link {
	position: static;
	padding-left: 24px
}

.card-tag .action-link:hover {
	text-decoration: underline;
	text-underline-position: under
}

.card-tag .action-link:after {
	display: none
}

@media only screen and (min-width: 1280px) {
	.card-tag .action-link {
		padding-left: 32px
	}
}

.card-tag .action-link:before {
	top: 0;
	right: 0;
	width: 100%;
	border-bottom: none
}

.card {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	padding-bottom: 1.5rem;
	color: #000;
	transition: all .2s ease-out;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2)
}

@media only screen and (min-width: 48em) {
	.card:hover {
		background-color: #f4f7f9;
		box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
	}
}

@media only screen and (min-width: 48em) {
	.card {
		background-color: #fff
	}
}

@media only screen and (min-width: 1280px) {
	.card {
		padding-bottom: 2rem
	}
}

.card img {
	position: relative;
	width: 100%;
	height: 210px;
	min-height: 210px;
	margin-bottom: 24px;
	object-fit: cover
}

@media only screen and (min-width: 1280px) {
	.card img {
		margin-bottom: 32px
	}
}

.card .card-body {
	position: relative;
	height: calc(100% - 210px - 24px);
	z-index: 4
}

@media only screen and (min-width: 1280px) {
	.card .card-body {
		height: calc(100% - 210px - 32px)
	}
}

.card .card-body h4 {
	position: relative;
	word-break: break-word
}

.card .card-body p {
	word-break: break-word
}

.card h4 {
	padding: 0 1.5rem .75rem
}

.card h4::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 0px;
	width: 13px;
	height: 13px;
	border-top: 7px solid #c00;
	border-left: 7px solid #c00;
	display: block;
	z-index: 1
}

@media only screen and (min-width: 48em) {
	.card h4 {
		padding: 0 1.5rem 1rem
	}
}

@media only screen and (min-width: 1280px) {
	.card h4 {
		padding: 0 2rem 1rem
	}

	.card h4::before {
		top: -32px
	}
}

.card p {
	padding: 0 1.5rem 1rem
}

@media only screen and (min-width: 1280px) {
	.card p {
		padding: 0 2rem 2rem
	}
}

.card a {
	position: static;
	padding-left: 24px
}

.card a:hover {
	text-decoration: underline;
	text-underline-position: under
}

.card a:after {
	display: inline-block
}

@media only screen and (min-width: 1280px) {
	.card a {
		padding-left: 32px
	}
}

.card a:before {
	top: 0;
	right: 0;
	width: 100%;
	border-bottom: none
}

.contextual-cta {
	position: relative
}

.contextual-cta.contextual-cta-card-image {
	padding: 32px;
	padding-top: 264px
}

@media only screen and (min-width: 90em) {
	.contextual-cta.contextual-cta-card-image {
		padding: 64px;
		padding-top: 220px
	}
}

@media only screen and (min-width: 128em) {
	.contextual-cta.contextual-cta-card-image {
		padding-top: 264px
	}
}

.contextual-cta.contextual-cta-card-image .card-body {
	position: relative;
	box-shadow: 10px 10px 20px 0px rgba(67, 73, 78, .16), 10px 20px 60px 0px rgba(67, 73, 78, .24);
	transition: all .2s ease-out
}

.contextual-cta.contextual-cta-card-image .card-body:hover,
.contextual-cta.contextual-cta-card-image .card-body:focus {
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
}

.contextual-cta.contextual-cta-card-image .card-body:before {
	content: "";
	background: url("clientlib-bgimg/resources/patterns/line-pattern.svg");
	position: absolute;
	top: 16px;
	right: -16px;
	bottom: -16px;
	left: 16px;
	z-index: -1;
	opacity: .1
}

.contextual-cta.contextual-cta-card {
	position: relative;
	box-shadow: 10px 10px 20px 0px rgba(67, 73, 78, .16), 10px 20px 60px 0px rgba(67, 73, 78, .24);
	transition: all .2s ease-out;
	background: #fff
}

.contextual-cta.contextual-cta-card:hover,
.contextual-cta.contextual-cta-card:focus {
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
}

.contextual-cta.contextual-cta-card:before {
	content: "";
	background: url("clientlib-bgimg/resources/patterns/line-pattern.svg");
	position: absolute;
	top: 16px;
	right: -16px;
	bottom: -16px;
	left: 16px;
	z-index: -1;
	opacity: .1
}

.contextual-cta.contextual-cta-card:before {
	right: 0
}

@media only screen and (min-width: 48em) {
	.contextual-cta.contextual-cta-flat .card-body {
		padding-left: 32px;
		padding-top: 64px;
		padding-bottom: 64px
	}
}

@media only screen and (min-width: 64em) {
	.contextual-cta.contextual-cta-flat .card-body {
		padding-left: 10%;
		padding-right: 10%
	}
}

.contextual-cta img.card-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 450px;
	object-fit: cover
}

.contextual-cta video.card-video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 450px;
	object-fit: cover
}

.contextual-cta .card-body {
	position: relative;
	display: block;
	padding: 32px;
	background: #fff
}

@media only screen and (min-width: 48em) {
	.contextual-cta .card-body {
		padding-left: 190px
	}
}

@media only screen and (min-width: 64em) {
	.contextual-cta .card-body {
		padding-left: 190px
	}
}

@media only screen and (min-width: 90em) {
	.contextual-cta .card-body {
		padding: 64px;
		max-width: 1098px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 250px
	}
}

@media only screen and (min-width: 128em) {
	.contextual-cta .card-body {
		max-width: 1315px
	}
}

.contextual-cta .card-body h2 {
	margin-bottom: 16px
}

.contextual-cta .card-body .icon-cta {
	width: 60px;
	height: 60px;
	display: block;
	border: 2px solid #2d3a4d;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	margin-bottom: 16px
}

@media only screen and (min-width: 48em) {
	.contextual-cta .card-body .icon-cta {
		position: absolute;
		width: 98px;
		height: 98px;
		left: 32px;
		top: 32px
	}
}

@media only screen and (min-width: 90em) {
	.contextual-cta .card-body .icon-cta {
		left: 64px;
		top: 64px
	}
}

.contextual-cta .card-body .icon-cta img {
	width: 30px;
	max-height: 60%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

@media only screen and (min-width: 48em) {
	.contextual-cta .card-body .icon-cta img {
		width: 50px
	}
}

.contextual-cta .card-body p {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: .2px;
	line-height: 32px;
	margin-bottom: 16px
}

.contextual-cta .card-body p:last-of-type {
	margin-bottom: 0
}

.contextual-cta .card-body p+.cta-heading {
	margin-top: 16px
}

.contextual-cta .card-body p.eyebrow {
	color: #c00;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 1.5px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 16px
}

@media only screen and (min-width: 64em) {
	.contextual-cta .card-body p.eyebrow {
		margin-bottom: 32px
	}
}

.contextual-cta .card-body .cta-heading {
	margin-bottom: 0
}

.contextual-cta .card-body .btn {
	margin-top: 25px
}

@media only screen and (max-width: 767px) {
	.contextual-cta .card-body .btn {
		width: 100%;
		text-align: center
	}
}

@media only screen and (min-width: 64em) {
	.contextual-cta .card-body .btn {
		margin-top: 32px
	}
}

:root {
	--color-primary-red: #cc0000;
	--color-primary-red-dark: darken(#cc0000, 5%);
	--color-gray-1: #2d3a4d;
	--color-gray-2: #525e70;
	--color-gray-3: #979fad;
	--color-gray-4: #e5e9ed;
	--color-gray-4-fade: #e5e9ed4d;
	--color-gray-5: #f4f7f9
}

.expandable-card {
	width: 100%;
	margin: 0 0 60px 0;
	padding: 0 16px 0 0
}

.expandable-card-top {
	display: flex;
	align-items: flex-end;
	position: relative
}

.expandable-card-image {
	width: 55%;
	position: relative
}

.expandable-card-image img {
	height: auto;
	width: 100%;
	aspect-ratio: 16/9;
	display: block
}

.expandable-card-content {
	align-self: flex-end;
	width: 55%;
	margin: 0 0 0 -84px;
	padding: 40px 30px 15px 40px;
	background: #fff;
	box-shadow: 10px 10px 20px 0 rgba(67, 73, 78, .16), 10px 20px 60px 0 rgba(67, 73, 78, .24);
	position: relative
}

.expandable-card-content:after {
	content: "";
	height: 100%;
	width: 100%;
	background: transparent url("clientlib-bgimg/resources/patterns/line-pattern.svg") repeat 0 0;
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: -1;
	opacity: .1
}

.expandable-card-content h3 {
	position: relative
}

.expandable-card-content h3::before {
	content: "";
	height: 18px;
	width: 18px;
	border-top: 5px solid var(--color-primary-red);
	border-left: 5px solid var(--color-primary-red);
	position: absolute;
	top: -20px;
	left: -20px
}

.expandable-card-controls {
	display: flex;
	align-items: flex-end;
	width: 100%;
	margin: 15px 0 0 0
}

.expandable-card-controls button.expandable-card-btn {
	display: flex;
	align-items: center;
	flex-grow: 1;
	padding: 17px 31px 17px 0;
	background: #fff;
	border: none;
	color: var(--color-primary-red);
	font: 500 17px "Rubik", sans-serif;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .5px;
	position: relative;
	transition: background .2s ease-out;
	cursor: pointer
}

.expandable-card-controls button.expandable-card-btn span {
	flex: 0 0 20px;
	height: 20px;
	margin-left: 10px;
	border: 2px solid var(--color-primary-red);
	border-radius: 50%;
	display: block;
	position: relative;
	pointer-events: none
}

.expandable-card-controls button.expandable-card-btn span::before,
.expandable-card-controls button.expandable-card-btn span::after {
	content: "";
	height: 2px;
	width: calc(100% - 6px);
	background: var(--color-primary-red);
	position: absolute
}

.expandable-card-controls button.expandable-card-btn span::before {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.expandable-card-controls button.expandable-card-btn span::after {
	top: 7px;
	left: 3px;
	transform: rotate(90deg)
}

.expandable-card-controls button.expandable-card-btn.open span::after {
	display: none
}

.expandable-card-controls a {
	display: flex;
	align-items: center
}

.expandable-card-controls a.btn-light {
	margin-right: 30px;
	padding: 17px 31px 17px 0;
	background: #fff;
	border: none;
	color: var(--color-primary-red);
	font: 500 17px "Rubik", sans-serif;
	transition: background .2s ease-out
}

.expandable-card-target {
	height: auto;
	background: #fff;
	box-shadow: 5px 5px 10px 0 rgba(67, 73, 78, .16), 5px 5px 30px 0 rgba(67, 73, 78, .24);
	opacity: 0;
	display: none;
	position: relative;
	transition: opacity .2s ease-out
}

.expandable-card-target:after {
	content: "";
	height: 100%;
	width: 100%;
	background: transparent url("clientlib-bgimg/resources/patterns/line-pattern.svg") repeat 0 0;
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: -1;
	opacity: .1
}

.expandable-card-target.opened {
	opacity: 1
}

.expandable-card-target button {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	border-top: none;
	border-left: none;
	border-right: none;
	text-transform: uppercase;
	cursor: pointer
}

.expandable-card-target button span {
	flex: 0 0 16px;
	height: 16px;
	margin-left: 10px;
	border: 2px solid #000;
	border-radius: 50%;
	display: block;
	position: relative;
	top: -1px
}

.expandable-card-target button span::before {
	content: "";
	height: 2px;
	width: calc(100% - 6px);
	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media(max-width: 991px) {
	.expandable-card-top {
		align-items: flex-start;
		flex-direction: column
	}

	.expandable-card-content,
	.expandable-card-image {
		width: 100%
	}
}

@media(max-width: 767px) {
	.expandable-card-controls {
		align-items: flex-start;
		flex-direction: column
	}
}

html.aem-AuthorLayer-Edit .expandable-card {
	width: 95%;
	margin-left: auto;
	margin-right: auto
}

html.aem-AuthorLayer-Edit .expandable-card-target {
	opacity: 1 !important;
	display: block !important
}

.featured-card {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	color: #000;
	transition: all .2s ease-out;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2)
}

.featured-card:hover {
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
}

@media only screen and (min-width: 64em) {
	.featured-card {
		flex-flow: row nowrap;
		background-color: #fff
	}
}

.featured-card img {
	position: relative;
	width: 100%;
	height: 210px;
	margin-bottom: 1.5rem;
	object-fit: cover
}

@media only screen and (min-width: 64em) {
	.featured-card img {
		order: 1;
		min-width: calc(50% - 12px);
		height: 513px;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 64em) {
	.featured-card .card-body {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		min-width: calc(50% + 12px)
	}
}

.featured-card .card-body .author {
	padding: 0 2rem 1rem
}

.featured-card .card-body .author::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 0;
	width: 18px;
	height: 18px;
	border-top: 5px solid #c00;
	border-left: 5px solid #c00;
	display: block
}

@media only screen and (min-width: 48em) {
	.featured-card .card-body .author::before {
		top: -24px
	}
}

@media only screen and (min-width: 64em) {
	.featured-card .card-body .author::before {
		display: none
	}
}

.featured-card .card-body .author img {
	min-width: 0;
	order: 0
}

.featured-card .card-body .time {
	padding: 0 2rem .5rem;
	margin-top: 0;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 14px;
	word-break: break-all;
	color: #c00;
	display: block
}

.featured-card .card-body .featured-card-link {
	color: #000
}

.featured-card .card-body .featured-card-link:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.featured-card .card-body .featured-card-link h4 {
	position: relative;
	padding: 0 2rem 1rem;
	z-index: 3;
	transition: all .2s ease-out
}

.featured-card .card-body .featured-card-link h4:hover {
	color: #c00;
	text-decoration: underline
}

.featured-card .card-body p {
	padding: 0 2rem 1.625rem;
	word-break: break-word
}

.featured-card .card-body .featured-card-tags {
	padding: 0 2rem 1.625rem;
	display: flex;
	flex-flow: row wrap
}

.featured-card .card-body .featured-card-tags .featured-card-tag-link {
	position: relative;
	color: unset;
	z-index: 4;
	display: none
}

.featured-card .card-body .featured-card-tags .featured-card-tag-link:first-of-type {
	display: inline-block
}

.featured-card .card-body .featured-card-tags .featured-card-tag-link .featured-card-tag {
	padding: .125rem .4375rem;
	margin: 0 .25rem .5rem 0;
	font-size: .875rem;
	line-height: 1.25rem;
	background-color: #e5e9ed;
	border-radius: .375rem;
	transition: background .3s ease-in-out
}

.featured-card .card-body .featured-card-tags .featured-card-tag-link .featured-card-tag:hover,
.featured-card .card-body .featured-card-tags .featured-card-tag-link .featured-card-tag:focus {
	background: #979fad
}

.collection-featured-card {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	color: #000;
	transition: all .2s ease-out;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2);
	flex-grow: 1
}

.collection-featured-card:hover {
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
}

@media only screen and (min-width: 64em) {
	.collection-featured-card {
		flex-flow: row nowrap;
		background-color: #fff
	}
}

.collection-featured-card img {
	position: relative;
	width: 100%;
	height: 156px;
	object-fit: cover
}

@media only screen and (min-width: 64em) {
	.collection-featured-card img {
		order: 1;
		min-width: calc(50% - 12px);
		min-height: 513px;
		margin-bottom: 0;
		height: auto;
		object-fit: fill
	}
}

.collection-featured-card .card-body {
	padding: 1.625rem;
	background: #2d3a4d
}

@media only screen and (min-width: 64em) {
	.collection-featured-card .card-body {
		display: flex;
		flex-flow: column nowrap;
		padding: 4rem;
		justify-content: space-between;
		min-width: calc(50% + 12px)
	}
}

.collection-featured-card .card-body .card-top {
	align-items: flex-start
}

.collection-featured-card .card-body .explore-collection-button {
	align-items: flex-end
}

.collection-featured-card .card-body h2 {
	position: relative;
	padding: 0 0rem 1rem;
	z-index: 3;
	transition: all .2s ease-out;
	color: #fff;
	font-weight: 300
}

@media only screen and (max-width: 48em) {
	.collection-featured-card .card-body h2 {
		font-size: 24px;
		line-height: 1.625rem
	}
}

.collection-featured-card .card-body h2::before {
	display: none
}

.collection-featured-card .card-body p {
	color: #fff;
	padding: 0 0rem 1.625rem;
	word-break: break-word
}

.collection-featured-card .card-body a {
	color: #fff
}

.collection-sub-page-featured-card {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	color: #000;
	transition: all .2s ease-out;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2);
	flex-grow: 1
}

.collection-sub-page-featured-card:hover {
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18);
	background-color: #f4f7f9
}

@media only screen and (min-width: 64em) {
	.collection-sub-page-featured-card {
		flex-flow: row nowrap;
		background-color: #fff
	}
}

.collection-sub-page-featured-card .bgimage {
	position: relative;
	width: 100%;
	height: 156px;
	object-fit: cover
}

@media only screen and (min-width: 64em) {
	.collection-sub-page-featured-card .bgimage {
		order: 1;
		min-width: calc(50% - 12px);
		min-height: 513px;
		margin-bottom: 0;
		object-fit: fill
	}
}

.collection-sub-page-featured-card .card-body {
	padding: 1.625rem
}

@media only screen and (min-width: 64em) {
	.collection-sub-page-featured-card .card-body {
		display: flex;
		flex-flow: column nowrap;
		padding: 2rem;
		min-width: calc(50% + 12px);
		justify-content: center
	}
}

.collection-sub-page-featured-card .card-body h2 {
	position: relative;
	padding: 1rem 0;
	z-index: 3;
	transition: all .2s ease-out;
	font-weight: 300
}

@media only screen and (max-width: 48em) {
	.collection-sub-page-featured-card .card-body h2 {
		font-size: 24px;
		line-height: 1.625rem
	}
}

.collection-sub-page-featured-card .card-body h2::before {
	display: none
}

.collection-sub-page-featured-card .card-body .featured-card-tags {
	padding: 1.5rem 0;
	display: flex;
	flex-flow: row wrap
}

.collection-sub-page-featured-card .card-body .featured-card-tags .featured-card-tag-link {
	position: relative;
	color: unset;
	z-index: 4;
	display: none
}

.collection-sub-page-featured-card .card-body .featured-card-tags .featured-card-tag-link:first-of-type {
	display: inline-block
}

.collection-sub-page-featured-card .card-body .featured-card-tags .featured-card-tag-link .featured-card-tag {
	padding: .125rem .4375rem;
	margin: 0 .25rem .5rem 0;
	font-size: .875rem;
	line-height: 1.25rem;
	background-color: #e5e9ed;
	border-radius: .375rem;
	transition: background .3s ease-in-out
}

.collection-sub-page-featured-card .card-body .featured-card-tags .featured-card-tag-link .featured-card-tag:hover,
.collection-sub-page-featured-card .card-body .featured-card-tags .featured-card-tag-link .featured-card-tag:focus {
	background: #979fad
}

.collection-card {
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2);
	padding-bottom: 0;
	background: #d70d5c
}

.collection-card:nth-child(8n+1) {
	background: #005a10
}

.collection-card:nth-child(8n+2) {
	background: #770733
}

.collection-card:nth-child(8n+3) {
	background: #005662
}

.collection-card:nth-child(8n+4) {
	background: #40089a
}

.collection-card:nth-child(8n+5) {
	background: #009da3
}

.collection-card:nth-child(8n+6) {
	background: #7c1800
}

.collection-card:nth-child(8n+7) {
	background: #009da3
}

.collection-card:nth-child(8n+8) {
	background: #40089a
}

.collection-card:hover {
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
}

.collection-card img {
	position: relative;
	width: 100%;
	height: 156px;
	object-fit: cover;
	margin-bottom: 0
}

@media only screen and (min-width: 64em) {
	.collection-card img {
		min-width: calc(50% - 12px);
		min-height: 210px
	}
}

.collection-card .card-body {
	padding: 1.625rem
}

@media only screen and (min-width: 64em) {
	.collection-card .card-body {
		display: flex;
		flex-flow: column nowrap;
		padding: 2rem;
		justify-content: space-between
	}
}

.collection-card .card-body h3 {
	position: relative;
	z-index: 3;
	transition: all .2s ease-out;
	color: #fff;
	font-weight: 300
}

@media only screen and (max-width: 48em) {
	.collection-card .card-body h3 {
		font-size: 24px;
		line-height: 1.625rem
	}
}

.collection-card .card-body h3::before {
	display: none
}

.collection-card .card-body p {
	color: #fff;
	padding: 0 0rem 1.625rem;
	word-break: break-word
}

.collection-card .card-body a {
	color: #fff
}

.collection-subpage-card {
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2);
	padding-bottom: 0
}

.collection-subpage-card:hover {
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18);
	background-color: #f4f7f9
}

.collection-subpage-card .bgimage {
	position: relative;
	width: 100%;
	height: 156px;
	object-fit: cover;
	margin-bottom: 0
}

@media only screen and (min-width: 64em) {
	.collection-subpage-card .bgimage {
		min-width: calc(50% - 12px);
		min-height: 210px
	}
}

.collection-subpage-card .card-body {
	position: relative;
	padding: 1.625rem;
	height: auto
}

.collection-subpage-card .card-body:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0px;
	width: 24px;
	height: 24px;
	border-top: 5px solid #c00;
	border-left: 5px solid #c00;
	display: block;
	z-index: 1
}

@media only screen and (min-width: 64em) {
	.collection-subpage-card .card-body {
		display: flex;
		flex-flow: column nowrap;
		padding: 2rem;
		justify-content: space-between;
		height: calc(100% - 210px)
	}
}

.collection-subpage-card .card-body h3 {
	position: relative;
	z-index: 3;
	transition: all .2s ease-out;
	color: #000;
	font-weight: 300
}

@media only screen and (max-width: 48em) {
	.collection-subpage-card .card-body h3 {
		font-size: 24px;
		line-height: 1.625rem
	}
}

.collection-subpage-card .card-body h3::before {
	display: none
}

.collection-subpage-card .card-body p {
	color: #000;
	word-break: break-word
}

.collection-subpage-card .card-body .author {
	padding-bottom: 1rem
}

.collection-subpage-card .card-body .date {
	color: #c00;
	padding-bottom: 1rem;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .09375rem;
	line-height: 14px;
	text-transform: uppercase
}

.collection-subpage-card .card-body .cta:after {
	text-decoration: none;
	display: inline-block;
	content: "›";
	position: relative;
	font-size: 27px;
	font-weight: 300;
	top: 3px;
	margin-left: 6px;
	line-height: 20px;
	color: #000
}

.collection-subpage-card .card-body .cta:hover {
	color: #c00;
	text-decoration: underline;
	text-underline-position: under
}

.collection-subpage-card .card-body .featured-card-tags {
	padding: 1.5rem 0;
	display: flex;
	flex-flow: row wrap
}

.collection-subpage-card .card-body .featured-card-tags .featured-card-tag-link {
	position: relative;
	color: unset;
	z-index: 4;
	display: none
}

.collection-subpage-card .card-body .featured-card-tags .featured-card-tag-link:first-of-type {
	display: inline-block
}

.collection-subpage-card .card-body .featured-card-tags .featured-card-tag-link .featured-card-tag {
	padding: .125rem .4375rem;
	margin: 0 .25rem .5rem 0;
	font-size: .875rem;
	line-height: 1.25rem;
	background-color: #e5e9ed;
	border-radius: .375rem;
	transition: background .3s ease-in-out
}

.collection-subpage-card .card-body .featured-card-tags .featured-card-tag-link .featured-card-tag:hover,
.collection-subpage-card .card-body .featured-card-tags .featured-card-tag-link .featured-card-tag:focus {
	background: #979fad
}

.highlight {
	height: 100%;
	padding: 3.59375rem 2rem 1.59375rem;
	background-color: #f4f7f9
}

@media only screen and (min-width: 64em) {
	.highlight {
		min-height: 25vw;
		padding: 7.336875rem 2rem 1.975625rem
	}
}

.highlight span {
	padding-bottom: .25rem;
	font-size: 64px;
	font-weight: 300;
	letter-spacing: .22px;
	line-height: 76px;
	color: #009da3;
	display: flex
}

@media only screen and (min-width: 64em) {
	.highlight span {
		padding-bottom: 1.5rem;
		font-size: 90px;
		letter-spacing: 2px;
		line-height: 72px
	}
}

.highlight span sup {
	font-size: 34.13333px;
	font-weight: 500;
	letter-spacing: 1.07px;
	line-height: 39px
}

@media only screen and (min-width: 64em) {
	.highlight span sup {
		font-size: 48px
	}
}

.highlight p {
	font-size: 18px;
	letter-spacing: .2px;
	line-height: 32px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media only screen and (min-width: 64em) {
	.highlight p {
		font-size: 29px;
		font-weight: 300;
		letter-spacing: 1.26px;
		line-height: 36px
	}
}

@media only screen and (min-width: 64em)and (max-width: 1439px) {
	.col-md-3 section.highlight {
		padding: 3.59375rem 2rem 1.59375rem
	}

	.col-md-3 section.highlight span {
		padding-bottom: .25rem;
		font-size: 64px;
		letter-spacing: .22px;
		line-height: 76px
	}

	.col-md-3 section.highlight span sup {
		font-size: 34.13333px
	}

	.col-md-3 section.highlight p {
		font-size: 18px;
		font-weight: 400;
		letter-spacing: .2px;
		line-height: 32px
	}
}

.highlight.bg-dark {
	background-color: #e5e9ed
}

body.theme-purple .highlight span {
	color: #7c10ff
}

body.theme-green .highlight span {
	color: #00a31c
}

body.theme-pink .highlight span {
	color: #e50d56
}

body.theme-orange .highlight span {
	color: #ea2c00
}

.opportunity-and-region {
	margin: 0 0 6rem auto;
	background-color: #f4f7f9;
	position: relative;
	box-shadow: 10px 10px 20px 0px rgba(67, 73, 78, .16), 10px 20px 60px 0px rgba(67, 73, 78, .24);
	transition: all .2s ease-out
}

.opportunity-and-region:hover,
.opportunity-and-region:focus {
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
}

.opportunity-and-region:before {
	content: "";
	background: url("clientlib-bgimg/resources/patterns/line-pattern.svg");
	position: absolute;
	top: 16px;
	right: -16px;
	bottom: -16px;
	left: 16px;
	z-index: -1;
	opacity: .1
}

.opportunity-and-region::before {
	right: 0
}

@media only screen and (min-width: 48em)and (max-width: 1023px) {
	.opportunity-and-region {
		max-width: 512px
	}
}

@media only screen and (min-width: 64em) {
	.opportunity-and-region {
		display: flex;
		flex-flow: row nowrap
	}
}

.opportunity-and-region .opportunity-and-region-container {
	position: relative;
	padding: 1.5rem 1.5rem 1.5rem;
	background-color: #f4f7f9
}

@media only screen and (min-width: 64em) {
	.opportunity-and-region .opportunity-and-region-container {
		flex-grow: 1;
		flex-basis: 0;
		padding: 1.5rem 1.5rem 8.625rem
	}
}

.opportunity-and-region .opportunity-and-region-container .opportunity-and-region-eyebrow {
	position: absolute;
	padding-bottom: 2rem;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1.5px;
	text-transform: uppercase
}

.opportunity-and-region .opportunity-and-region-container .opportunity-and-region-eyebrow span {
	margin-right: .875rem
}

.opportunity-and-region .opportunity-and-region-container .opportunity-and-region-eyebrow img {
	width: 29px;
	margin-right: 1.5rem
}

.opportunity-and-region .opportunity-and-region-container p {
	padding: 4rem 0 2rem;
	font-size: 29px;
	font-weight: 300;
	letter-spacing: 1.26px;
	line-height: 36px;
	word-break: break-word
}

.opportunity-and-region .opportunity-and-region-container .opportunity-and-region-image {
	width: 200px;
	filter: invert(32%) sepia(54%) saturate(2633%) hue-rotate(159deg) brightness(103%) contrast(101%)
}

.opportunity-and-region .opportunity-and-region-container.bg-dark {
	background-color: #e5e9ed
}

@media only screen and (min-width: 64em) {
	.opportunity-and-region.three {
		width: 75%
	}
}

@media only screen and (min-width: 64em) {
	.opportunity-and-region.two {
		width: 50%
	}
}

@media only screen and (min-width: 64em) {
	.opportunity-and-region.one {
		width: 25%
	}
}

body.theme-purple .opportunity-and-region .opportunity-and-region-container .opportunity-and-region-image {
	filter: invert(14%) sepia(86%) saturate(6274%) hue-rotate(269deg) brightness(96%) contrast(111%)
}

body.theme-green .opportunity-and-region .opportunity-and-region-container .opportunity-and-region-image {
	filter: invert(37%) sepia(66%) saturate(4112%) hue-rotate(118deg) brightness(99%) contrast(101%)
}

body.theme-pink .opportunity-and-region .opportunity-and-region-container .opportunity-and-region-image {
	filter: invert(15%) sepia(73%) saturate(5146%) hue-rotate(330deg) brightness(94%) contrast(100%)
}

body.theme-orange .opportunity-and-region .opportunity-and-region-container .opportunity-and-region-image {
	filter: invert(20%) sepia(63%) saturate(4723%) hue-rotate(9deg) brightness(97%) contrast(101%)
}

.speaker {
	height: calc(100% - 2rem);
	min-height: calc(303px + 2rem);
	padding: 4rem 0;
	margin-top: 2rem;
	background-color: #f4f7f9
}

@media only screen and (min-width: 48em) {
	.speaker {
		min-height: calc(389px + 2rem);
		padding: 5rem 0
	}
}

.speaker img {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%
}

.speaker p {
	padding: 0 2rem;
	margin: 0 auto;
	text-align: center
}

.speaker p:first-of-type {
	padding-top: .75rem;
	font-weight: 500
}

.speaker.bg-dark {
	background-color: #e5e9ed
}

.announcement-bar {
	position: relative;
	padding: 4px 1rem 1rem;
	background-color: #e5e9ed
}

@media only screen and (min-width: 48em) {
	.announcement-bar {
		margin-right: 50px;
		z-index: 9
	}
}

@media only screen and (min-width: 64em) {
	.announcement-bar {
		margin-right: 80px;
		padding: 4px 2rem 1rem
	}
}

.announcement-bar .announcement-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	height: 12px;
	width: 12px;
	line-height: 1rem;
	cursor: pointer
}

@media only screen and (min-width: 64em) {
	.announcement-bar .announcement-close {
		right: 2rem
	}
}

.announcement-bar span {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1.5px;
	line-height: 14px;
	text-transform: uppercase;
	color: #000
}

.announcement-bar p {
	line-height: 24px;
	color: #000
}

.announcement-bar p a {
	color: #000;
	text-decoration: underline
}

.announcement-bar.bg-dark {
	background-color: #2d3a4d
}

.announcement-bar.bg-dark .announcement-close {
	color: #fff
}

.announcement-bar.bg-dark span {
	color: #fff
}

.announcement-bar.bg-dark p {
	color: #fff
}

.announcement-bar.bg-dark p a {
	color: #fff
}

.announcement-bar.yellow {
	background-color: #f7b500
}

.author {
	position: relative;
	display: flex
}

.author img {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 .75rem 0 0;
	border-radius: 50%;
	z-index: 2
}

.author .author-container {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center
}

.author .author-container a,
.author .author-container span {
	font-size: 14px;
	letter-spacing: .16px;
	line-height: 20px;
	color: #000;
	z-index: 2
}

.author .author-container a {
	position: relative;
	font-weight: 500
}

.author .author-container a::before {
	content: "";
	position: absolute;
	top: -6px;
	left: -71px;
	width: 60px;
	height: 60px
}

.author .author-container span:first-of-type {
	position: relative;
	padding-bottom: .1875rem;
	font-weight: 500
}

.share {
	margin: 4rem 2rem 2.5rem
}

@media only screen and (min-width: 64em) {
	.share {
		margin: 4rem 15% 2.5rem
	}
}

@media only screen and (min-width: 90em) {
	.share {
		margin: 4rem 18% 2.5rem
	}
}

@media only screen and (min-width: 128em) {
	.share {
		margin: 4rem 25% 2.5rem
	}
}

.share p {
	padding-bottom: 1.5rem;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1.5px;
	line-height: 14px;
	text-transform: uppercase
}

@media only screen and (min-width: 64em) {
	.share p {
		padding-bottom: 0;
		float: left;
		line-height: 29px;
		margin-right: 34px
	}
}

.share ul {
	display: flex;
	flex-flow: row nowrap
}

.share ul li {
	margin-right: .75rem
}

.share ul li i {
	cursor: pointer;
	width: 24px;
	height: 24px;
	background-position: 50% 50%
}

.share ul li button {
	position: relative;
	padding: 0;
	border: none;
	background-color: inherit
}

.share ul li button:hover span {
	visibility: visible
}

.share ul li span {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 100%;
	width: 148px;
	padding: 0 1rem;
	color: #86868c;
	font-size: 14px;
	letter-spacing: .16px;
	line-height: 23px;
	text-align: left;
	z-index: 1
}

@media only screen and (max-width: 1023px) {
	.primary-nav {
		padding: 10px 15px;
		border-top: 1px solid #d8d8d8
	}
}

.primary-nav ul {
	list-style: none
}

.primary-nav ul li.primary-nav-item {
	display: block;
	text-align: left
}

@media only screen and (min-width: 1024px) {
	.primary-nav ul li.primary-nav-item {
		display: inline-block;
		padding: 0 15px 0 0
	}
}

.primary-nav ul li.primary-nav-item a.primary-nav-link {
	font-weight: 500;
	font-size: 14px;
	letter-spacing: .14px;
	line-height: 40px;
	color: #000;
	text-decoration: none
}

@media only screen and (max-width: 1023px) {
	.primary-nav ul li.primary-nav-item a.primary-nav-link {
		display: block;
		position: relative;
		width: 100%
	}

	.primary-nav ul li.primary-nav-item a.primary-nav-link:after {
		position: absolute;
		top: 11px;
		right: 0;
		display: block;
		content: "";
		background: url("clientlib-bgimg/resources/icons/arrow-right.svg") 0 0 no-repeat;
		background-size: 8px 14px;
		height: 14px;
		width: 8px
	}
}

@media only screen and (min-width: 1024px) {
	.primary-nav ul li.primary-nav-item a.primary-nav-link {
		font-weight: 100;
		line-height: 60px
	}
}

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

	.primary-nav ul li.primary-nav-item.active a.primary-nav-link,
	.primary-nav ul li.primary-nav-item:hover a.primary-nav-link {
		color: #c00;
		border-bottom: 2px solid #c00
	}
}

.sub-nav {
	width: 100%;
	height: 100vh;
	background: #fff;
	border-top: 1px solid #e5e9ed
}

@media only screen and (min-width: 64em) {
	.sub-nav {
		height: unset;
		min-height: 565px;
		box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, .08)
	}
}

@media only screen and (min-width: 90em) {
	.sub-nav {
		min-height: 481px
	}
}

.sub-nav>.row {
	margin: 0 auto
}

@media only screen and (min-width: 64em) {
	.sub-nav>.row {
		max-width: 64em
	}
}

@media only screen and (min-width: 90em) {
	.sub-nav>.row {
		max-width: 90em
	}
}

.sub-nav .col-nav {
	position: relative;
	padding: 25px 16px 100px 15px
}

@media only screen and (min-width: 64em) {
	.sub-nav .col-nav {
		min-height: 565px;
		padding-right: 0
	}
}

@media only screen and (min-width: 90em) {
	.sub-nav .col-nav {
		min-height: 481px
	}
}

.sub-nav nav {
	z-index: 1
}

.sub-nav nav li {
	line-height: 32px
}

.sub-nav nav ul.sub-nav-secondary li.category {
	color: #000;
	font-size: 16px;
	letter-spacing: .16px;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: .5rem
}

@media only screen and (min-width: 64em) {
	.sub-nav nav ul.sub-nav-secondary li.category {
		color: #c00;
		font-size: 18px;
		letter-spacing: .18px
	}
}

.sub-nav nav ul.sub-nav-secondary a.sub-nav-link {
	position: relative;
	display: block;
	width: 100%;
	padding: 5px 20px 5px 0;
	color: #000;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media only screen and (min-width: 64em) {
	.sub-nav nav ul.sub-nav-secondary a.sub-nav-link {
		padding-right: 60px
	}
}

.sub-nav nav ul.sub-nav-secondary a.sub-nav-link::after {
	text-decoration: none;
	content: "›";
	position: absolute;
	right: 0;
	font-size: 27px;
	font-weight: 300
}

@media only screen and (min-width: 64em) {
	.sub-nav nav ul.sub-nav-secondary a.sub-nav-link::after {
		right: 2.5rem
	}
}

.sub-nav nav ul.sub-nav-secondary a.sub-nav-link.external-link {
	width: fit-content;
	padding-right: 15px
}

@media only screen and (min-width: 64em) {
	.sub-nav nav ul.sub-nav-secondary a.sub-nav-link.external-link {
		padding-right: 15px
	}
}

.sub-nav nav ul.sub-nav-secondary a.sub-nav-link.external-link:hover {
	color: #c00
}

.sub-nav nav ul.sub-nav-secondary a.sub-nav-link.external-link::after {
	content: "";
	background: url("clientlib-bgimg/resources/icons/external-link.svg") 0 0 no-repeat;
	background-size: 10px 10px;
	width: 10px;
	height: 10px;
	top: 15px;
	right: 0
}

@media only screen and (min-width: 64em) {
	.sub-nav nav ul.sub-nav-secondary a.sub-nav-link.external-link::after {
		right: 0
	}
}

.sub-nav nav ul.sub-nav-secondary a.sub-nav-link:hover {
	text-decoration: underline;
	text-underline-position: under
}

.sub-nav nav ul.sub-nav-secondary a.sub-nav-link:hover.external-link::after {
	background-image: url("clientlib-bgimg/resources/icons/external-link-red.svg")
}

@media only screen and (min-width: 64em) {
	.sub-nav nav ul.sub-nav-secondary a.sub-nav-link:hover {
		color: #c00
	}
}

.sub-nav nav ul.sub-nav-secondary>li.parent>ul.sub-nav-tertiary {
	background: #fff;
	position: absolute;
	left: 100vw;
	top: 0px;
	width: 100%;
	min-height: 100%;
	padding: 25px 16px;
	visibility: hidden;
	opacity: 0;
	z-index: 2;
	height: 80vh;
	overflow: auto
}

@media only screen and (min-width: 64em) {
	.sub-nav nav ul.sub-nav-secondary>li.parent>ul.sub-nav-tertiary {
		width: 590px;
		height: 470px;
		left: 100%;
		padding: 53px 0 80px 40px;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: column wrap;
		flex-flow: column wrap;
		overflow: unset
	}

	.sub-nav nav ul.sub-nav-secondary>li.parent>ul.sub-nav-tertiary::before {
		content: "";
		width: 9999px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #f4f7f9;
		z-index: 2
	}
}

@media only screen and (min-width: 90em) {
	.sub-nav nav ul.sub-nav-secondary>li.parent>ul.sub-nav-tertiary {
		width: 900px
	}
}

.sub-nav nav ul.sub-nav-secondary>li.parent>ul.sub-nav-tertiary>li {
	position: relative;
	z-index: 3
}

.sub-nav nav ul.sub-nav-secondary>li.parent>ul.sub-nav-tertiary>li a.sub-nav-link::after {
	content: unset
}

.sub-nav nav ul.sub-nav-secondary>li.parent>ul.sub-nav-tertiary>li a.sub-nav-link.external-link::after {
	content: ""
}

@media only screen and (min-width: 64em) {
	.sub-nav nav ul.sub-nav-secondary>li.parent>ul.sub-nav-tertiary>li.category {
		position: absolute;
		top: 25px;
		left: 40px
	}
}

.sub-nav nav ul.sub-nav-secondary>li.parent>ul.sub-nav-tertiary>li.cta {
	margin-top: 0
}

.sub-nav nav ul.sub-nav-secondary>li.parent>ul.sub-nav-tertiary>li.cta a.action-link {
	display: block;
	font-size: 12px;
	padding-right: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.sub-nav nav ul.sub-nav-secondary>li.parent>ul.sub-nav-tertiary>li.cta a.action-link::after {
	font-size: 20px;
	top: 2px
}

@media only screen and (min-width: 64em) {
	.sub-nav nav ul.sub-nav-secondary>li.parent>ul.sub-nav-tertiary>li.cta {
		position: absolute;
		bottom: 47px;
		left: 40px
	}
}

@media only screen and (min-width: 64em) {

	.sub-nav nav ul.sub-nav-secondary>li.parent.active>a.sub-nav-link,
	.sub-nav nav ul.sub-nav-secondary>li.parent:hover>a.sub-nav-link {
		color: #c00
	}
}

.sub-nav nav ul.sub-nav-secondary>li.parent.active>ul.sub-nav-tertiary,
.sub-nav nav ul.sub-nav-secondary>li.parent:hover>ul.sub-nav-tertiary {
	opacity: 1;
	visibility: visible
}

@media only screen and (min-width: 64em) {
	.sub-nav nav ul.sub-nav-secondary>li.cta {
		position: absolute;
		bottom: 40px
	}
}

@media only screen and (max-width: 1023px) {
	.sub-nav nav ul.sub-nav-secondary>li.cta .btn-tertiary {
		background: transparent;
		color: #c00;
		padding-left: 0;
		border: none;
		position: relative;
		width: fit-content;
		text-align: left
	}

	.sub-nav nav ul.sub-nav-secondary>li.cta .btn-tertiary::before {
		text-decoration: none;
		content: "›";
		position: absolute;
		right: -5px;
		top: 7px;
		font-size: 20px;
		font-weight: 300
	}
}

.sub-nav nav ul.sub-nav-secondary li.back a.sub-nav-link {
	padding-left: 24px;
	padding-bottom: 12px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d8d8d8
}

.sub-nav nav ul.sub-nav-secondary li.back a.sub-nav-link::after {
	content: unset
}

.sub-nav nav ul.sub-nav-secondary li.back a.sub-nav-link::before {
	text-decoration: none;
	content: "‹";
	position: absolute;
	left: 0;
	font-size: 27px;
	font-weight: 300
}

@media only screen and (min-width: 64em) {
	.sub-nav nav ul.sub-nav-secondary li.back {
		display: none
	}
}

.sub-nav .col-cards {
	position: relative;
	padding: 0 0 0 1rem;
	display: none
}

.sub-nav .col-cards .row {
	margin: 0;
	height: 100%
}

.sub-nav .col-cards::before {
	content: "";
	width: 9999px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #f4f7f9;
	z-index: 0
}

@media only screen and (min-width: 64em) {
	.sub-nav .col-cards {
		display: block
	}
}

.sub-nav .col-cards .col-card {
	position: relative;
	z-index: 1;
	padding: 2rem 1.5rem
}

.sub-nav .col-cards .col-card .category {
	position: relative;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .86px;
	text-transform: uppercase;
	margin-bottom: 10px
}

.sub-nav .col-cards .col-card .category sup {
	vertical-align: top;
	font-size: 8px;
	position: relative;
	top: -1px
}

.sub-nav .col-cards .col-card .category::after {
	content: "01";
	color: #c00
}

.sub-nav .col-cards .col-card .card-sub-nav-feature {
	position: relative
}

.sub-nav .col-cards .col-card:nth-child(2) .category::after {
	content: "02"
}

.sub-nav .col-cards .col-card:nth-child(3) {
	display: none
}

.sub-nav .col-cards .col-card:nth-child(3) .category::after {
	content: "03"
}

@media only screen and (min-width: 90em) {
	.sub-nav .col-cards .col-card:nth-child(3) {
		display: block
	}
}

.sub-nav .col-cards .col-card::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background: #e5e9ed
}

.sub-nav .col-cards .col-card:first-child::before {
	width: calc(100% + 1rem);
	left: -1rem
}

.sub-nav .col-cards .col-card:hover::before {
	opacity: .6
}

@media only screen and (max-width: 1023px) {
	.utility-nav {
		padding: 10px 15px;
		border-top: 1px solid #d8d8d8
	}
}

.utility-nav ul {
	list-style: none
}

.utility-nav ul li {
	display: block;
	text-align: left;
	padding: 0 15px 0 0
}

@media only screen and (min-width: 1024px) {
	.utility-nav ul li {
		display: inline-block
	}
}

.utility-nav ul li a {
	position: relative;
	font-weight: 100;
	font-size: 14px;
	line-height: 40px;
	color: #000;
	text-decoration: none
}

@media only screen and (min-width: 1024px) {
	.utility-nav ul li a {
		font-size: 12px;
		line-height: 14px;
		letter-spacing: .12px
	}
}

.utility-nav ul li a.external-link {
	margin-right: 15px
}

.utility-nav ul li a.external-link::after {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	display: block;
	background: url("clientlib-bgimg/resources/icons/external-link.svg") 0 0 no-repeat;
	background-size: 10px 10px;
	width: 10px;
	height: 10px
}

@media only screen and (max-width: 1023px) {
	.utility-nav ul li a.external-link::after {
		position: absolute;
		top: 3px;
		right: -16px
	}
}

@media only screen and (min-width: 1024px) {
	.utility-nav ul li a.external-link::after {
		margin: 1px 0 0 6px
	}
}

.utility-nav ul li a:hover {
	color: #c00;
	border-bottom: 1px solid #c00
}

.utility-nav ul li a:hover.external-link::after {
	background-image: url("clientlib-bgimg/resources/icons/external-link-red.svg")
}

ol.breadcrumbs {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	font-size: 12px;
	letter-spacing: .12px;
	line-height: 14px
}

ol.breadcrumbs li a {
	white-space: nowrap
}

ol.breadcrumbs li::after {
	content: "/";
	padding: 0 .5625rem;
	font-weight: 300
}

@media only screen and (max-width: 374px) {
	ol.breadcrumbs li:not(:last-child) {
		display: none
	}
}

.pagination {
	width: 100%;
	text-align: center
}

.pagination ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center
}

.pagination ul li a {
	padding: 0 .625rem;
	line-height: 32px;
	color: gray;
	transition: all .2s ease-out
}

.pagination ul li a:hover {
	color: #000
}

.pagination ul li a.active-page {
	color: #000
}

.pagination ul li a.previous-page::before {
	content: "« "
}

.pagination ul li a.next-page::after {
	content: " »"
}

.lead {
	padding: 64px 32px
}

@media only screen and (min-width: 48em) {
	.lead>div {
		font-size: 29px;
		font-weight: 300;
		letter-spacing: 1.26px;
		line-height: 36px
	}
}

.lead>div p {
	word-wrap: break-word
}

.lead>div p:not(:last-child) {
	padding-bottom: 1.25rem
}

@media only screen and (min-width: 48em) {
	.lead>div p:not(:last-child) {
		padding-bottom: 2rem
	}
}

section.section-text {
	padding: 64px 32px
}

@media only screen and (min-width: 48em) {
	section.section-text {
		font-size: 18px;
		letter-spacing: .2px;
		line-height: 32px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
}

@media only screen and (min-width: 64em) {
	section.section-text {
		padding: 106px 15%
	}
}

@media only screen and (min-width: 90em) {
	section.section-text {
		padding: 106px 18%
	}
}

@media only screen and (min-width: 128em) {
	section.section-text {
		padding: 106px 25%
	}
}

section.section-text h1,
section.section-text h2,
section.section-text h3,
section.section-text h4,
section.section-text h5,
section.section-text h6 {
	margin-top: 46px;
	margin-bottom: 20px
}

section.section-text h1:first-child,
section.section-text h2:first-child,
section.section-text h3:first-child,
section.section-text h4:first-child,
section.section-text h5:first-child,
section.section-text h6:first-child {
	margin-top: 0
}

section.section-text p {
	word-wrap: break-word;
	padding-bottom: 18px
}

section.section-text p:last-child {
	padding-bottom: 0
}

section.section-text a {
	color: #c00;
	text-decoration: underline;
	position: relative
}

section.section-text a:hover {
	text-decoration: none
}

section.section-text ol,
section.section-text ul {
	margin: 0 0 2rem 1.2rem
}

section.section-text ol li,
section.section-text ul li {
	font-size: 18px;
	letter-spacing: .2px;
	line-height: 32px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

section.section-text ol ol,
section.section-text ol ul,
section.section-text ul ol,
section.section-text ul ul {
	margin-bottom: 0
}

section.section-text ol {
	margin-left: 0;
	counter-reset: item;
	list-style: none
}

section.section-text ol li::before {
	content: counter(item) ". ";
	counter-increment: item
}

section.section-text ol li>ol {
	margin-left: 2rem
}

section.section-text ol li>ol li:before {
	font-style: italic
}

section.section-text ul li {
	position: relative
}

section.section-text ul li::before {
	margin-left: -20px;
	margin-right: 8px;
	content: "";
	width: 5px;
	height: 5px;
	display: block;
	background: url("clientlib-bgimg/resources/icons/bullet.svg") center center no-repeat;
	background-size: cover;
	position: absolute;
	top: 13px;
	left: 0
}

section.section-text blockquote {
	margin-top: 15px;
	margin-bottom: 54px
}

section.section-text img {
	margin: 1.375rem 0 4rem
}

body.post section.section-text {
	padding-top: 0;
	padding-bottom: 0
}

@media only screen and (min-width: 64em) {
	.data-sheets {
		padding: 0 10.2778%
	}
}

.data-sheets .headline {
	padding: 3.5rem 1rem 2rem;
	font-size: 1.5rem;
	font-weight: 300;
	letter-spacing: -0.010625rem;
	line-height: 2.25rem
}

@media only screen and (min-width: 64em) {
	.data-sheets .headline {
		padding: 6rem 0 2.5rem;
		font-size: 2.125rem;
		letter-spacing: -0.015rem;
		line-height: 2.5rem
	}
}

.data-sheets .headline::before {
	display: none
}

.data-sheets .form-one {
	padding: 0 1rem
}

@media only screen and (min-width: 64em) {
	.data-sheets .form-one {
		padding: 0;
		display: flex
	}
}

.data-sheets .form-one .form-group {
	margin: 0 0 3rem 0
}

@media only screen and (min-width: 64em) {
	.data-sheets .form-one .form-group {
		margin-right: 1.5rem
	}
}

.data-sheets .form-one .form-group label::after {
	content: ""
}

@media only screen and (min-width: 64em) {

	.data-sheets .form-one .sap-mat-no,
	.data-sheets .form-one .haz-mat-no {
		max-width: 152px
	}
}

.data-sheets .form-one .select {
	position: relative;
	width: 100%;
	margin: 0 1.5rem 3rem 0
}

.data-sheets .form-one .select label {
	position: absolute;
	top: 8px;
	left: 10px
}

.data-sheets .form-one .select select {
	height: 3.75rem;
	padding: 8px 10px 0
}

@media only screen and (min-width: 64em) {
	.data-sheets .form-one .select.language {
		max-width: 210px
	}
}

@media only screen and (min-width: 64em) {
	.data-sheets .form-one .select.format {
		max-width: 167px
	}
}

.data-sheets .form-one div:last-child {
	margin-right: 0
}

@media only screen and (min-width: 64em) {
	.data-sheets .form-two {
		padding-bottom: 2.25rem;
		display: flex
	}
}

.data-sheets .form-two p {
	padding: 0 1rem
}

@media only screen and (min-width: 64em) {
	.data-sheets .form-two p {
		padding: 0 9.8125rem 0 0
	}
}

.data-sheets .form-two .select-cta {
	padding: 2rem 1rem 4rem;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end
}

@media only screen and (min-width: 64em) {
	.data-sheets .form-two .select-cta {
		padding: 0
	}
}

.data-sheets .form-two .select-cta .select {
	position: relative;
	width: 8.25rem;
	margin-right: 2rem
}

@media only screen and (min-width: 64em) {
	.data-sheets .form-two .select-cta .select {
		align-self: flex-end
	}
}

.data-sheets .form-two .select-cta .select label {
	position: absolute;
	top: 8px;
	left: 10px
}

.data-sheets .form-two .select-cta .select select {
	height: 3.75rem;
	padding: 8px 10px 0
}

.data-sheets .form-two .select-cta input {
	cursor: pointer;
	width: unset;
	padding: 17px 31px;
	border-width: 0px;
	border-bottom: 1px solid #2d3a4d;
	background: #c00;
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: uppercase;
	transition: color .2s ease-out, background .2s ease-out, border-bottom-color .2s ease-out;
	display: inline-block;
	line-height: normal
}

.data-sheets .form-two .select-cta input:hover,
.data-sheets .form-two .select-cta input:focus {
	color: #fff;
	background: #b30000;
	border-bottom-color: #c00
}

@media only screen and (min-width: 64em) {
	.data-sheets .form-two .select-cta input {
		align-self: flex-end;
		height: 3.875rem
	}
}

@media only screen and (min-width: 64em) {
	.data-sheets .results {
		margin-bottom: 3.25rem;
		display: table
	}
}

.data-sheets .results thead {
	display: none
}

@media only screen and (min-width: 64em) {
	.data-sheets .results thead {
		display: table-header-group
	}
}

.data-sheets .results thead tr th {
	cursor: pointer;
	position: relative;
	padding: 1rem 1rem 1rem 0;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1.5px;
	line-height: 14px;
	text-transform: uppercase;
	color: #fff;
	background-color: #525e70
}

.data-sheets .results thead tr th .data-sheets-arrow-up {
	position: absolute;
	top: 15px;
	right: 16px;
	width: 12px;
	height: 6px;
	filter: invert(81%) sepia(98%) saturate(3371%) hue-rotate(190deg) brightness(134%) contrast(100%)
}

.data-sheets .results thead tr th .data-sheets-arrow-up.hidden {
	display: none
}

.data-sheets .results thead tr th .data-sheets-arrow-down {
	position: absolute;
	top: 26px;
	right: 16px;
	width: 12px;
	height: 6px;
	filter: invert(81%) sepia(98%) saturate(3371%) hue-rotate(190deg) brightness(134%) contrast(100%)
}

.data-sheets .results thead tr th .data-sheets-arrow-down.hidden {
	display: none
}

.data-sheets .results thead tr th:first-of-type {
	padding: 1rem
}

.data-sheets .results tbody {
	display: block
}

@media only screen and (min-width: 64em) {
	.data-sheets .results tbody {
		display: table-row-group
	}
}

.data-sheets .results tbody tr {
	padding: .75rem 1rem;
	display: flex;
	flex-flow: column nowrap
}

@media only screen and (min-width: 64em) {
	.data-sheets .results tbody tr {
		height: 3.5rem;
		display: table-row
	}
}

.data-sheets .results tbody tr td {
	max-width: unset;
	padding: 0;
	border-bottom: none !important
}

.data-sheets .results tbody tr td a {
	color: #000;
	text-decoration: underline
}

@media only screen and (min-width: 64em) {
	.data-sheets .results tbody tr td:first-child {
		padding-left: 1rem
	}
}

.data-sheets .results tbody tr:nth-child(odd) {
	background-color: #f4f7f9
}

.data-sheets .pagination {
	padding-bottom: 2rem
}

@media only screen and (max-width: 22.4375em) {
	.data-sheets .pagination ul li a {
		font-size: 1rem
	}
}

.pardot-form {
	padding: 32px;
	background-color: #e5e9ed
}

.pardot-form.bg-light {
	background-color: unset
}

@media only screen and (min-width: 64em) {
	.pardot-form {
		padding: 64px;
		max-width: 64em;
		margin-right: auto;
		margin-left: auto
	}
}

.pardot-form h4 {
	margin-bottom: 1.5rem
}

.pardot-form p {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: .2px;
	line-height: 32px;
	margin-bottom: 1.5rem
}

.pardot-form iframe {
	border: 0;
	width: 100%;
	min-height: 370px
}

body.body-pardot-form {
	padding: 0;
	margin: 0;
	background: transparent
}

body.body-pardot-form::before,
body.body-pardot-form::after {
	content: unset
}

.filtering-column {
	position: fixed;
	top: 0;
	left: 100%;
	width: 20rem;
	height: 100vh;
	background-color: #e5e9ed;
	display: flex;
	flex-flow: column nowrap;
	z-index: 99
}

@media only screen and (min-width: 90em) {
	.filtering-column {
		position: relative;
		top: unset;
		left: unset;
		width: 275px;
		height: unset;
		margin: 11.75rem 0 0;
		background-color: transparent;
		z-index: 0
	}
}

.filtering-column.open {
	left: calc(100% - 20rem);
	overflow-y: scroll
}

@media only screen and (min-width: 90em) {
	.filtering-column.open {
		left: unset
	}
}

.filtering-column .title {
	padding: 1rem 4rem 1rem 1rem;
	background-color: #e5e9ed
}

@media only screen and (min-width: 90em) {
	.filtering-column .title {
		display: none
	}
}

.filtering-column .filtering-close {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	width: .75rem;
	height: .75rem;
	background-image: url("clientlib-bgimg/resources/icons/cross.svg");
	background-color: #e5e9ed;
	cursor: pointer
}

@media only screen and (min-width: 90em) {
	.filtering-column .filtering-close {
		display: none
	}
}

.filtering-column .btn {
	position: relative;
	width: 100%;
	padding: 1rem 0 .8125rem 1.5rem;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: .0125rem;
	line-height: 32px;
	color: #000;
	text-align: left;
	text-transform: none;
	background-color: #e5e9ed;
	border-bottom: 1px solid #2d3a4d;
	display: flex
}

@media only screen and (min-width: 90em) {
	.filtering-column .btn {
		padding: 1rem 0 .8125rem;
		background-color: #fff;
		border-bottom: 1px solid #e5e9ed
	}
}

.filtering-column .btn:after {
	content: url("clientlib-bgimg/resources/icons/arrow-down.svg");
	position: absolute;
	right: 3rem;
	width: .75rem;
	height: .375rem;
	object-fit: contain
}

@media only screen and (min-width: 90em) {
	.filtering-column .btn:after {
		right: .875rem
	}
}

.filtering-column .btn.open:after {
	content: url("clientlib-bgimg/resources/icons/arrow-up.svg")
}

.filtering-column .btn .counter {
	order: -1;
	position: relative;
	top: .1875rem;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .5rem;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .09375rem;
	line-height: 1.5rem;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background-color: #2d3a4d;
	border-radius: 50%;
	display: none
}

.filtering-column .btn .counter.active {
	display: inline-block
}

.filtering-column .btn.sort-btn {
	display: none;
	flex: 0 0 auto;
	position: relative;
	margin: 0 1rem 1rem 0;
	border: none !important;
	background: none !important
}

@media only screen and (min-width: 64em) {
	.filtering-column .btn.sort-btn {
		display: inline-block
	}
}

.filtering-column .btn.sort-btn:hover,
.filtering-column .btn.sort-btn:focus {
	color: #2d3a4d
}

.filtering-column .btn.sort-btn:after {
	display: none
}

.filtering-column .btn.sort-btn .sort {
	margin-right: .375rem;
	margin-left: 0;
	display: inline-block
}

.filtering-column .btn.sort-btn .icon-arrow {
	position: relative;
	top: 0;
	margin-top: -0.375rem;
	width: .75rem;
	height: .75rem;
	transform: rotate(180deg)
}

.filtering-column .btn.sort-btn.descending .icon-arrow {
	transform: none
}

.filtering-column .filtering-container {
	background-color: #e5e9ed;
	display: none
}

@media only screen and (min-width: 90em) {
	.filtering-column .filtering-container {
		background-color: #fff
	}
}

.filtering-column .filtering-container.open-right {
	display: block
}

@media only screen and (min-width: 90em) {
	.filtering-column .filtering-container.open-right {
		right: 0
	}
}

.filtering-column .filtering-container.open-left {
	display: block
}

.filtering-column .filtering-container .filters {
	padding: 1.5rem 1rem 0 2.5rem
}

@media only screen and (min-width: 90em) {
	.filtering-column .filtering-container .filters {
		padding: 1.5rem 1rem 0
	}
}

.filtering-column .filtering-container .filters .filter {
	position: relative;
	padding: 7px 0 10px 30px
}

.filtering-column .filtering-container .filters .filter input {
	position: absolute;
	top: 8px;
	left: 0;
	width: 1.125rem;
	min-width: 1.125rem;
	height: 1.125rem;
	margin-right: .5rem;
	background: #fff
}

.filtering-column .filtering-container .filters .filter input:checked {
	background: #c00 no-repeat
}

.filtering-column .filtering-container .filters .filter label {
	font-size: .875rem;
	font-weight: 400;
	letter-spacing: .04875rem;
	line-height: 19px;
	text-transform: none;
	display: block
}

.filtering-column .filtering-container .filters .filter .nested-filter {
	width: 100%;
	overflow: hidden;
	display: none;
	position: relative;
	padding: 7px 0 13px 30px
}

.filtering-column .filtering-container .filters .filter .nested-filter:first-of-type {
	margin-top: .5rem
}

.filtering-column .filtering-container .filters .filter .nested-filter:last-of-type {
	padding-bottom: 10px
}

.filtering-column .filtering-container .filters .filter .nested-filter label {
	padding-bottom: 0
}

.filtering-column .filtering-container .filters .filter .nested-filter.open {
	display: flex
}

.filtering-column .filtering-container .filtering-action-container {
	margin: 1rem 0 0;
	padding: 1rem 1.5rem;
	background-color: #f4f7f9;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.filtering-column .filtering-container .filtering-action-container .clear {
	padding: 0;
	text-decoration: underline;
	background-color: transparent;
	border-bottom: none;
	opacity: 20%
}

.filtering-column .filtering-container .filtering-action-container .clear:after {
	display: none
}

.filtering-column .filtering-container .filtering-action-container .clear.active {
	opacity: 100%
}

.filtering-column .filtering-container .filtering-action-container .apply {
	position: relative;
	width: auto;
	padding: .375rem 1.09375rem;
	text-align: center;
	background-color: #e5e9ed;
	border-bottom: 1px solid #979fad
}

.filtering-column .filtering-container .filtering-action-container .apply:hover,
.filtering-column .filtering-container .filtering-action-container .apply:focus {
	background-color: #979fad
}

.filtering-column .filtering-container .filtering-action-container .apply:after {
	display: none
}

.filtering-btn-container {
	position: relative;
	width: 100%;
	max-width: 128rem;
	margin: 0 auto calc(2rem + 7px);
	padding: 2.5rem 2rem 2.5rem;
	background-color: #fff;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2);
	z-index: 2
}

@media only screen and (min-width: 64em) {
	.filtering-btn-container {
		width: auto;
		margin: 0 calc(8.3333333333% + 22px) calc(2rem + 11px)
	}
}

@media only screen and (min-width: 64em) {
	.filtering-btn-container {
		display: none
	}
}

.filtering-btn-container .filter-btn {
	position: relative;
	width: auto;
	padding: .375rem 1.09375rem;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: .0125rem;
	line-height: 32px;
	color: #000;
	text-align: left;
	text-transform: none;
	background-color: #e5e9ed;
	border-bottom: 1px solid #979fad;
	display: inline-block;
	margin-bottom: 1rem
}

.filtering-btn-container .filter-btn:hover,
.filtering-btn-container .filter-btn:focus {
	background-color: #979fad
}

.filtering-btn-container .filter-btn .counter {
	order: 1;
	width: 1.5rem;
	height: 1.5rem;
	margin-left: .5rem;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .09375rem;
	line-height: 1.5rem;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background-color: #2d3a4d;
	border-radius: 50%;
	display: none;
	pointer-events: none
}

@media only screen and (min-width: 64em) {
	.filtering-btn-container .filter-btn .counter {
		order: 0;
		margin-right: 0;
		margin-left: .40625rem
	}
}

.filtering-btn-container .filter-btn .counter.active {
	display: inline-block
}

.filtering-btn-container .sort-btn {
	flex: 0 0 auto;
	position: relative;
	margin: 0 1rem 1rem 0;
	border: none !important;
	background: none !important;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	font-stretch: 100%;
	text-transform: none
}

@media only screen and (min-width: 64em) {
	.filtering-btn-container .sort-btn {
		border-bottom: 1px solid #979fad
	}
}

.filtering-btn-container .sort-btn:hover,
.filtering-btn-container .sort-btn:focus {
	color: #2d3a4d
}

@media only screen and (min-width: 64em) {
	.filtering-btn-container .sort-btn:focus {
		background-color: #e5e9ed
	}
}

.filtering-btn-container .sort-btn:after {
	display: none
}

.filtering-btn-container .sort-btn .sort {
	margin-right: .375rem;
	margin-left: 0;
	display: inline-block
}

.filtering-btn-container .sort-btn .icon-arrow {
	position: relative;
	top: -50%;
	margin-top: -0.375rem;
	width: .75rem;
	height: .75rem;
	transform: rotate(180deg)
}

.filtering-btn-container .sort-btn.descending .icon-arrow {
	transform: none
}

.filtering-btn-container .cta-clear {
	display: none;
	background: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-decoration: underline;
	font-size: 16px;
	cursor: pointer;
	margin: 0 0 0 15px
}

.filtering-row {
	position: fixed;
	top: 0;
	left: 100%;
	width: 20rem;
	height: 100vh;
	background-color: #e5e9ed;
	z-index: 99;
	vertical-align: text-bottom
}

@media only screen and (min-width: 64em) {
	.filtering-row {
		position: relative;
		top: unset;
		left: unset;
		width: auto;
		height: unset;
		margin: 0 calc(8.3333333333% + 22px) calc(2rem + 11px);
		padding: 2.5rem 2rem 1.5rem;
		background-color: #fff;
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2);
		z-index: 9
	}
}

.filtering-row.open {
	left: calc(100% - 20rem);
	overflow-y: scroll
}

@media only screen and (min-width: 64em) {
	.filtering-row.open {
		left: unset
	}
}

.filtering-row .title {
	display: block;
	padding: .5rem 4rem 1rem 1rem;
	background-color: #e5e9ed
}

@media only screen and (min-width: 64em) {
	.filtering-row .title {
		display: none
	}
}

.filtering-row .cta-clear {
	display: none;
	padding: 1rem 0 .8125rem 1.5rem;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: .0125rem;
	line-height: 32px;
	color: #000;
	text-align: left;
	text-transform: none;
	background: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	text-decoration: underline;
	margin-top: 20px
}

.filtering-row .cta-clear:hover,
.filtering-row .cta-clear:focus {
	color: #2d3a4d
}

@media only screen and (min-width: 64em) {
	.filtering-row .cta-clear {
		padding: 0;
		text-decoration: none;
		margin-top: 0
	}
}

.filtering-row .filtering-close {
	position: absolute;
	top: 18px;
	right: 15px;
	width: .75rem;
	height: .75rem;
	background-image: url("clientlib-bgimg/resources/icons/cross.svg");
	background-color: #e5e9ed;
	cursor: pointer
}

@media only screen and (min-width: 64em) {
	.filtering-row .filtering-close {
		display: none
	}
}

.filtering-row .filtering-category-container .drop-down:after {
	transform: rotate(180deg);
	top: 40px
}

@media only screen and (min-width: 64em) {
	.filtering-row .filtering-category-container {
		display: inline-block;
		position: relative;
		margin: 0 1rem 1rem 0
	}
}

@media only screen and (min-width: 64em) {
	.filtering-row .filtering-category-container:last-child {
		margin: 0 0 1rem 0
	}
}

.filtering-row .active-filters {
	display: none
}

@media only screen and (min-width: 64em) {
	.filtering-row .active-filters {
		display: block
	}
}

.filtering-row .btn {
	position: relative;
	width: 100%;
	padding: 1rem 0 .8125rem 1.5rem;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: .0125rem;
	line-height: 32px;
	color: #000;
	text-align: left;
	text-transform: none;
	background-color: #e5e9ed;
	border-bottom: 1px solid #2d3a4d;
	display: inline-block
}

@media only screen and (min-width: 64em) {
	.filtering-row .btn {
		width: auto;
		padding: .375rem 1.09375rem;
		border-bottom: 1px solid #979fad
	}
}

@media only screen and (min-width: 64em) {

	.filtering-row .btn:hover,
	.filtering-row .btn:focus {
		background-color: #979fad
	}
}

.filtering-row .btn:after {
	content: url("clientlib-bgimg/resources/icons/arrow-down.svg");
	position: absolute;
	right: 3rem;
	width: .75rem;
	height: .375rem;
	object-fit: contain;
	top: 15px
}

@media only screen and (min-width: 64em) {
	.filtering-row .btn:after {
		display: none
	}
}

.filtering-row .btn.open:after {
	content: url("clientlib-bgimg/resources/icons/arrow-up.svg")
}

.filtering-row .btn .counter {
	order: -1;
	position: relative;
	top: 0;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .5rem;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .09375rem;
	line-height: 1.5rem;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background-color: #2d3a4d;
	border-radius: 50%;
	display: none;
	pointer-events: none
}

@media only screen and (min-width: 64em) {
	.filtering-row .btn .counter {
		order: 0;
		margin-right: 0;
		margin-left: .40625rem
	}
}

.filtering-row .btn .counter.active {
	display: inline-block
}

.filtering-row .btn.filter-btn {
	flex: 0 0 auto;
	position: relative;
	margin: 0 1rem 1rem 0;
	padding-right: 40px;
	border-bottom: none;
	background: #c9cfd5;
	border-bottom: 1px solid #979fad
}

.filtering-row .btn.filter-btn:after {
	content: "";
	display: block;
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: .75rem;
	height: .75rem;
	background-image: url("clientlib-bgimg/resources/icons/cross.svg");
	cursor: pointer
}

.filtering-row .btn.filter-btn:first-of-type {
	clear: left
}

.filtering-row .btn.filter-btn:hover,
.filtering-row .btn.filter-btn:focus {
	background: #9ea9b4
}

.filtering-row .btn.sort-btn {
	display: none;
	flex: 0 0 auto;
	position: relative;
	margin: 0 1rem 1rem 0;
	border: none !important;
	background: none !important
}

@media only screen and (min-width: 64em) {
	.filtering-row .btn.sort-btn {
		display: inline-block
	}
}

.filtering-row .btn.sort-btn:hover,
.filtering-row .btn.sort-btn:focus {
	color: #2d3a4d
}

.filtering-row .btn.sort-btn:after {
	display: none
}

.filtering-row .btn.sort-btn .sort {
	margin-right: .375rem;
	margin-left: 0;
	display: inline-block
}

.filtering-row .btn.sort-btn .icon-arrow {
	position: relative;
	top: -50%;
	margin-top: -0.375rem;
	width: .75rem;
	height: .75rem;
	transform: rotate(180deg)
}

.filtering-row .btn.sort-btn.descending .icon-arrow {
	transform: none
}

.filtering-row .filtering-container {
	background-color: #e5e9ed;
	display: none
}

@media only screen and (min-width: 64em) {
	.filtering-row .filtering-container {
		position: absolute;
		margin-top: .5rem;
		background-color: #fff;
		box-shadow: 10px 10px 20px 0px rgba(67, 73, 78, .16), 10px 20px 60px 0px rgba(67, 73, 78, .24);
		z-index: 99
	}
}

.filtering-row .filtering-container.open-right {
	display: block
}

@media only screen and (min-width: 64em) {
	.filtering-row .filtering-container.open-right {
		right: 0
	}
}

.filtering-row .filtering-container.open-left {
	display: block
}

.filtering-row .filtering-container .filters {
	padding: 1rem 1rem 0 2.5rem;
	max-height: 490px;
	overflow-y: auto
}

@media only screen and (min-width: 64em) {
	.filtering-row .filtering-container .filters {
		padding: .5rem 1.5rem 1rem 1.5rem;
		border-bottom: 1px solid #e5e9ed
	}
}

.filtering-row .filtering-container .filters .filter {
	padding: 7px 0 10px 30px;
	position: relative
}

@media only screen and (min-width: 64em) {
	.filtering-row .filtering-container .filters .filter {
		width: calc(320px - 3rem);
		padding: 7px 0 10px 30px
	}
}

.filtering-row .filtering-container .filters .filter input {
	position: absolute;
	top: 8px;
	left: 0;
	width: 1.125rem;
	min-width: 1.125rem;
	height: 1.125rem;
	margin-right: .5rem;
	background: #fff
}

.filtering-row .filtering-container .filters .filter input:checked {
	background: #c00 no-repeat
}

.filtering-row .filtering-container .filters .filter label {
	padding-bottom: 0;
	font-size: .875rem;
	font-weight: 400;
	letter-spacing: .04875rem;
	line-height: 19px;
	text-transform: none;
	display: block
}

@media only screen and (min-width: 64em) {
	.filtering-row .filtering-container .filters .filter label {
		padding-bottom: .25rem
	}
}

.filtering-row .filtering-container .filters .filter .nested-filter {
	width: 100%;
	overflow: hidden;
	display: none;
	position: relative;
	padding: 7px 0 13px 30px
}

.filtering-row .filtering-container .filters .filter .nested-filter:first-of-type {
	margin-top: .5rem
}

.filtering-row .filtering-container .filters .filter .nested-filter:last-of-type {
	padding-bottom: 0
}

.filtering-row .filtering-container .filters .filter .nested-filter.open {
	display: block
}

.filtering-row .filtering-container .filtering-action-container {
	margin: 1rem 0 0;
	padding: 1rem 1.5rem;
	background-color: #f4f7f9;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media only screen and (min-width: 64em) {
	.filtering-row .filtering-container .filtering-action-container {
		background-color: transparent;
		margin: 0
	}
}

.filtering-row .filtering-container .filtering-action-container .clear {
	padding: 0;
	text-decoration: underline;
	background-color: transparent;
	border-bottom: none;
	opacity: 20%
}

.filtering-row .filtering-container .filtering-action-container .clear:after {
	display: none
}

.filtering-row .filtering-container .filtering-action-container .clear.active {
	opacity: 100%
}

.filtering-row .filtering-container .filtering-action-container .apply {
	position: relative;
	width: auto;
	padding: .375rem 1.09375rem;
	text-align: center;
	background-color: #e5e9ed;
	border-bottom: 1px solid #979fad
}

.filtering-row .filtering-container .filtering-action-container .apply:hover,
.filtering-row .filtering-container .filtering-action-container .apply:focus {
	background-color: #979fad
}

.filtering-row .filtering-container .filtering-action-container .apply:after {
	display: none
}

footer {
	overflow: hidden;
	margin-top: 64px
}

@media only screen and (max-width: 63.9375em) {
	footer {
		background-color: #f4f7f9
	}
}

@media only screen and (min-width: 64em) {
	footer {
		margin-top: 96px
	}
}

footer .ftr-top {
	position: relative;
	padding: 14px 0;
	margin-bottom: 1.5rem
}

@media only screen and (max-width: 63.9375em) {
	footer .ftr-top {
		border-top: 1px solid #d8d8d8
	}
}

@media only screen and (min-width: 64em) {
	footer .ftr-top {
		display: flex;
		flex-flow: row nowrap;
		align-content: flex-start;
		padding: 2rem 5rem 3rem;
		margin-bottom: 0
	}
}

@media only screen and (max-width: 63.9375em) {
	footer .ftr-top>ul {
		cursor: pointer
	}
}

@media only screen and (min-width: 64em) {
	footer .ftr-top>ul {
		position: relative;
		z-index: 1;
		padding: 0 0 .5rem
	}
}

footer .ftr-top>ul>li {
	position: relative;
	padding: 14px 1rem;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .14px;
	color: #000
}

@media only screen and (min-width: 64em) {
	footer .ftr-top>ul>li {
		padding: 10px 1rem
	}
}

@media only screen and (max-width: 63.9375em) {
	footer .ftr-top>ul>li:after {
		content: "";
		position: absolute;
		top: 18px;
		right: 1rem;
		background: url("clientlib-bgimg/resources/icons/arrow-down.svg") 0 0 no-repeat;
		width: 14px;
		height: 8px;
		display: block
	}
}

@media only screen and (max-width: 63.9375em) {
	footer .ftr-top>ul .open:after {
		transform: rotate(180deg)
	}
}

@media only screen and (max-width: 63.9375em) {
	footer .ftr-top>ul>ul {
		height: 0;
		overflow: hidden;
		transition: all .2s ease-out
	}
}

@media only screen and (min-width: 64em) {
	footer .ftr-top>ul>ul {
		height: auto
	}
}

footer .ftr-top>ul>ul li {
	padding: 10px 0 10px 1rem
}

@media only screen and (min-width: 64em) {
	footer .ftr-top>ul>ul li {
		height: 26px;
		padding: 6px 1rem
	}
}

@media only screen and (max-width: 63.9375em) {
	footer .ftr-top>ul>ul li:first-child {
		padding: 8px 0 10px 1rem
	}
}

footer .ftr-top>ul>ul li a {
	position: relative;
	font-size: 14px;
	letter-spacing: .14px;
	color: #282828
}

@media only screen and (min-width: 64em) {
	footer .ftr-top>ul>ul li a {
		vertical-align: top;
		font-size: 12px;
		letter-spacing: .12px;
		color: #000;
		border-bottom: 1px solid #00000000;
		transition: all .2s ease-out
	}

	footer .ftr-top>ul>ul li a:hover,
	footer .ftr-top>ul>ul li a:focus {
		border-bottom: 1px solid #000
	}
}

footer .ftr-top>ul>ul li .external-link:after {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	display: block;
	background: url("clientlib-bgimg/resources/icons/external-link.svg") 0 0 no-repeat;
	background-size: 10px 10px;
	width: 10px;
	height: 10px
}

@media only screen and (max-width: 63.9375em) {
	footer .ftr-top>ul>ul li .external-link:after {
		position: absolute;
		top: 3px;
		right: -16px
	}
}

@media only screen and (min-width: 64em) {
	footer .ftr-top>ul>ul li .external-link:after {
		margin: 1px 0 0 6px
	}
}

footer .canvas-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 763.5px;
	height: 100%;
	background-color: #f4f7f9;
	background: linear-gradient(90deg, #f4f7f9 77.8808%, rgba(244, 247, 249, 0) 100%)
}

@media only screen and (max-width: 63.9375em) {
	footer .canvas-cover {
		display: none
	}
}

footer .backup-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("clientlib-bgimg/resources/photos/footer-animation.jpg");
	background-size: cover;
	z-index: -1
}

@media only screen and (max-width: 63.9375em) {
	footer .backup-image {
		display: none
	}
}

footer #canvas {
	position: absolute;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100%;
	background-color: #f4f7f9;
	z-index: -1
}

@media only screen and (max-width: 63.9375em) {
	footer #canvas {
		display: none
	}
}

footer .ftr-bottom {
	display: flex;
	flex-flow: column wrap;
	justify-content: space-between;
	padding: 1.5rem 0 2rem .5rem;
	background-color: #2d3a4d
}

@media only screen and (min-width: 64em) {
	footer .ftr-bottom {
		flex-flow: row wrap;
		align-items: center;
		padding: 13px 3.25rem 13px 5rem
	}
}

footer .ftr-bottom .ftr-social-links {
	padding: 0 0 1rem 0
}

@media only screen and (min-width: 64em) {
	footer .ftr-bottom .ftr-social-links {
		padding: 0
	}
}

footer .ftr-bottom .ftr-social-links a {
	display: flex;
	padding: .5rem;
	margin-right: .5rem
}

@media only screen and (min-width: 64em) {
	footer .ftr-bottom .ftr-social-links a {
		margin-right: 3.2px
	}
}

footer .ftr-bottom .ftr-bottom-links {
	padding: 0 0 0 .5rem
}

footer .ftr-bottom .ftr-bottom-links a {
	display: flex;
	align-items: center;
	height: 30px;
	margin-right: 1.75rem;
	font-size: 12px;
	letter-spacing: .12px
}

footer .ftr-bottom .ftr-bottom-links a>sup {
	font-size: 100%
}

footer .ftr-bottom ul {
	list-style: none;
	display: flex;
	flex-flow: row wrap
}

@media only screen and (min-width: 64em) {
	footer .ftr-bottom ul .icon {
		width: 19.2px;
		height: 19.2px;
		background-position: center
	}
}

@media only screen and (max-width: 63.9375em) {
	footer .ftr-bottom ul .icon-twitter-adjust {
		position: relative;
		top: 2px
	}
}

@media only screen and (min-width: 64em) {
	footer .ftr-bottom ul .icon-twitter-adjust {
		width: 20.2px;
		height: 20.2px
	}
}

@media only screen and (max-width: 63.9375em) {
	footer .ftr-bottom ul .icon-youtube-adjust {
		position: relative;
		top: 2px
	}
}

.hdr-primary {
	position: relative;
	z-index: 10;
	transition: .4s;
	min-height: 50px;
	width: 100%;
	background: #fff;
	padding: 10px 0 0;
	text-align: center;
	box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, .04)
}

.hdr-primary.fixed {
	position: fixed;
	top: 0
}

@media only screen and (min-width: 64em) {
	.hdr-primary {
		display: flex;
		min-height: 94px
	}
}

@media only screen and (min-width: 128em) {
	.hdr-primary {
		max-width: 128em;
		margin-right: auto;
		margin-left: auto
	}
}

.hdr-primary .hdr-menu-toggle {
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	border: none;
	width: 50px;
	height: 50px;
	text-align: center
}

.hdr-primary .hdr-menu-toggle .icon-hamburger {
	width: 22px;
	height: 14px
}

.hdr-primary .hdr-menu-toggle .icon-cross {
	display: none;
	width: 12px;
	height: 12px
}

@media only screen and (min-width: 64em) {
	.hdr-primary .hdr-menu-toggle {
		display: none
	}
}

.hdr-primary .logo {
	transition: all .2s ease-out
}

.hdr-primary .logo.hide {
	opacity: 0
}

.hdr-primary .hdr-links.hide .primary-nav {
	opacity: 0
}

.hdr-primary .hdr-links.hide .utility-nav {
	opacity: 0
}

@media only screen and (max-width: 1023px) {
	.hdr-primary .hdr-links {
		position: absolute;
		top: 50px;
		left: 0;
		width: 300vw;
		height: 100vh;
		overflow: hidden;
		background: #fefefe;
		padding: 15px 0 0;
		transition: transform .3s ease-out, left .5s ease-out;
		transform: scaleY(0);
		opacity: 0;
		transform-origin: top;
		box-shadow: inset 0px 7px 14px 0px rgba(0, 0, 0, .08);
		overflow-y: scroll
	}

	.hdr-primary .hdr-links.sub-nav-open {
		left: -100vw
	}

	.hdr-primary .hdr-links.sub-nav-tertiary-open {
		left: -200vw
	}

	.hdr-primary.menu-open .icon-cross {
		display: inline-block
	}

	.hdr-primary.menu-open .icon-hamburger {
		display: none
	}

	.hdr-primary.menu-open .hdr-links {
		opacity: 1;
		transform: scaleY(1)
	}

	.hdr-primary.menu-open .hdr-search {
		display: none
	}
}

.hdr-primary .utility-nav {
	transition: all .2s ease-out
}

@media only screen and (min-width: 64em) {
	.hdr-primary .utility-nav {
		float: right;
		padding: 0 0 10px 0;
		opacity: 1;
		transition: opacity 300ms linear;
		position: absolute;
		top: 10px;
		right: 90px
	}
}

.hdr-primary .primary-nav {
	margin: 10px 0 0;
	z-index: 1;
	transition: all .2s ease-out
}

@media only screen and (max-width: 1023px) {
	.hdr-primary .primary-nav {
		width: 100vw;
		position: relative
	}
}

@media only screen and (min-width: 64em) {
	.hdr-primary .primary-nav {
		position: absolute;
		bottom: 0;
		text-align: right;
		right: 90px
	}
}

.hdr-primary .primary-nav ul li.primary-nav-item .sub-nav {
	position: fixed;
	left: 100vw;
	width: 100vw;
	top: 0;
	z-index: 1;
	visibility: hidden;
	opacity: 0
}

@media only screen and (min-width: 64em) {
	.hdr-primary .primary-nav ul li.primary-nav-item .sub-nav {
		left: 0;
		width: 100%;
		top: 94px
	}
}

.hdr-primary .primary-nav ul li.primary-nav-item.active>.sub-nav,
.hdr-primary .primary-nav ul li.primary-nav-item:focus>.sub-nav {
	opacity: 1 !important;
	visibility: visible !important
}

@media only screen and (min-width: 64em) {

	.hdr-primary .primary-nav ul li.primary-nav-item.active+.backdrop,
	.hdr-primary .primary-nav ul li.primary-nav-item:focus+.backdrop {
		opacity: .6;
		height: 100vh;
		visibility: visible
	}
}

.hdr-primary .backdrop {
	display: block;
	width: 100vw;
	height: 0;
	position: fixed;
	top: 94px;
	left: 0;
	background: #000;
	opacity: 0;
	z-index: 0;
	transition: 0 1s
}

.hdr-primary .logo img {
	display: unset
}

@media only screen and (max-width: 48em) {
	.hdr-primary .logo img {
		width: 169px
	}
}

@media only screen and (min-width: 64em) {
	.hdr-primary .logo {
		position: absolute;
		bottom: 50px;
		left: 75px;
		width: 246px;
		padding: 0;
		margin: 0;
		opacity: 1;
		transition: opacity 300ms linear
	}
}

@media only screen and (min-width: 90em) {
	.hdr-primary .logo {
		bottom: 15px
	}
}

.hdr-primary .hdr-search {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	border: none;
	color: #fff;
	margin: 0;
	min-height: 50px;
	width: 50px;
	text-align: center;
	background: url("clientlib-bgimg/resources/icons/search-white.svg") center center no-repeat #009da3;
	background-size: 18px;
	z-index: 1;
	transition: all .2s ease-out
}

@media only screen and (min-width: 64em) {
	.hdr-primary .hdr-search {
		width: 80px;
		background-size: 32px
	}
}

body.theme-teal .hdr-primary .hdr-search {
	background-color: #009da3
}

body.theme-purple .hdr-primary .hdr-search {
	background-color: #7c10ff
}

body.theme-green .hdr-primary .hdr-search {
	background-color: #00a31c
}

body.theme-pink .hdr-primary .hdr-search {
	background-color: #e50d56
}

body.theme-orange .hdr-primary .hdr-search {
	background-color: #ea2c00
}

.hdr-primary.search-open {
	background-color: #009da3;
	padding: 0;
	z-index: 10
}

body.theme-teal .hdr-primary.search-open {
	background-color: #009da3
}

body.theme-purple .hdr-primary.search-open {
	background-color: #7c10ff
}

body.theme-green .hdr-primary.search-open {
	background-color: #00a31c
}

body.theme-pink .hdr-primary.search-open {
	background-color: #e50d56
}

body.theme-orange .hdr-primary.search-open {
	background-color: #ea2c00
}

.hdr-primary.search-open .logo {
	display: none
}

.hdr-primary.search-open .hdr-menu-toggle {
	display: none
}

.hdr-primary.search-open .hdr-links {
	display: none
}

.hdr-primary.search-open .hdr-search {
	background-image: url("clientlib-bgimg/resources/icons/cross-white.svg");
	background-size: 20px
}

.hdr-primary.search-open .form-search {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 50px
}

@media only screen and (min-width: 64em) {
	.hdr-primary.search-open .form-search {
		margin-top: 23px;
		margin-right: auto
	}
}

.hdr-primary.search-open .form-search input {
	background: transparent;
	border: 0;
	color: #fff
}

.hdr-primary.search-open .form-search input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .5)
}

.hdr-primary.search-open .form-search input::-moz-placeholder {
	color: rgba(255, 255, 255, .5)
}

.hdr-primary.search-open .form-search input:-ms-input-placeholder {
	color: rgba(255, 255, 255, .5)
}

.hdr-primary.search-open .form-search button.search-clear {
	background-image: url("clientlib-bgimg/resources/icons/cancel-white.svg")
}

.hdr-primary.search-open .form-search button[type=submit] {
	background-image: url("clientlib-bgimg/resources/icons/search-white.svg")
}

.scrolled .hdr-primary .logo {
	bottom: 15px
}

@media only screen and (min-width: 64em) {
	.scrolled .hdr-primary {
		min-height: 65px
	}

	.scrolled .hdr-primary .utility-nav {
		opacity: 0
	}
}

@media only screen and (min-width: 64em)and (max-width: 1220px) {
	.scrolled .hdr-primary .logo {
		opacity: 0
	}
}

@media only screen and (min-width: 90em) {
	.scrolled .hdr-primary .logo {
		opacity: 1
	}
}

.scrolled .hdr-primary .primary-nav ul li.primary-nav-item .sub-nav {
	top: 0
}

@media only screen and (min-width: 64em) {
	.scrolled .hdr-primary .primary-nav ul li.primary-nav-item .sub-nav {
		top: 65px
	}
}

@media only screen and (min-width: 64em) {
	.scrolled .hdr-primary.search-open .form-search {
		margin-top: 8px
	}
}

.scrolled .hdr-primary .backdrop {
	top: 65px
}

:root {
	--color-primary-red: #cc0000;
	--color-primary-red-dark: darken(#cc0000, 5%);
	--color-gray-1: #2d3a4d;
	--color-gray-2: #525e70;
	--color-gray-3: #979fad;
	--color-gray-4: #e5e9ed;
	--color-gray-4-fade: #e5e9ed4d;
	--color-gray-5: #f4f7f9
}

.hb-tabs {
	width: 100%;
	margin: 0 0 60px 0;
	position: relative
}

ul.hb-tabs-list {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--color-gray-3)
}

ul.hb-tabs-list li {
	margin: 0;
	padding: 0
}

ul.hb-tabs-list li button {
	padding: 18px;
	background: #fff;
	border: none;
	color: var(--color-gray-2);
	font-family: "Rubik", sans-serif !important;
	font-size: 18px;
	text-decoration: none;
	position: relative;
	display: block;
	cursor: pointer;
	pointer-events: initial
}

ul.hb-tabs-list li button.hb-tabs-active {
	color: #000;
	pointer-events: none
}

ul.hb-tabs-list li button.hb-tabs-active::after {
	content: "";
	height: 3px;
	width: 100%;
	background: var(--color-primary-red);
	position: absolute;
	bottom: 0;
	left: 0
}

.hb-tabs-content {
	margin: 30px 0 0 0;
	border: 1px solid var(--color-gray-4);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15);
	position: relative
}

.hb-tabs-content .hb-tabs-pane {
	width: 100%;
	opacity: 0;
	display: none
}

.hb-tabs-content .hb-tabs-pane.hb-tabs-pane-active {
	opacity: 1;
	display: block
}

.hb-tabs-content .hb-tabs-pane p {
	margin: 0 0 18px 0
}

.hb-tabs-content .hb-tabs-pane ul {
	list-style: none;
	margin: 0 0 2rem 1.2rem
}

.hb-tabs-content .hb-tabs-pane ul li {
	font-size: 18px;
	line-height: 32px;
	letter-spacing: .2px;
	position: relative
}

.hb-tabs-content .hb-tabs-pane ul li::before {
	content: "";
	height: 5px;
	width: 5px;
	margin-left: -20px;
	margin-right: 8px;
	background: transparent url(clientlib-bgimg/resources/icons/bullet.svg) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 13px;
	left: 0
}

.hb-tabs-content .hb-tabs-pane .btn-tertiary {
	margin-top: 26px;
	display: inline-block
}

.hb-tabs-content .hb-tabs-pane .hb-tabs-pane-padding {
	padding: 32px
}

html.aem-AuthorLayer-Edit .hb-tabs-content {
	padding: 0 30px
}

html.aem-AuthorLayer-Edit .hb-tabs-content .hb-tabs-pane {
	margin: 30px 0 !important;
	opacity: 1 !important;
	display: block !important
}

html.aem-AuthorLayer-Edit .hb-tabs-content .hb-tabs-pane .hb-tabs-pane-padding {
	padding: 0 !important
}

.hb-tabs-mobile-trigger {
	width: 100%;
	padding: 15px;
	background: #fff;
	border: 1px solid var(--color-gray-3);
	color: var(--color-gray-2);
	font-size: 16px;
	text-align: left;
	position: relative;
	display: none;
	cursor: pointer;
	scroll-behavior: smooth
}

.hb-tabs-mobile-trigger::after {
	content: "";
	height: 10px;
	width: 16px;
	background: transparent url(clientlib-bgimg/resources/icons/arrow-down.svg) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	right: 15px;
	transform-origin: top center;
	transform: rotate(0deg) translateY(-50%)
}

.hb-tabs-mobile-trigger.open::after {
	transform: rotate(180deg) translateY(-50%)
}

.hb-fade-in {
	animation-name: fade-in;
	animation-duration: .5s;
	animation-timing-function: ease-out
}

@keyframes fade-in {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@media(min-width: 1024px) {
	ul.hb-tabs-list {
		display: flex !important
	}

	ul.hb-tabs-list li button.hb-tabs-active {
		background: none !important
	}
}

@media(max-width: 1023px) {
	ul.hb-tabs-list {
		flex-direction: column;
		border: none;
		display: none
	}

	ul.hb-tabs-list li button {
		width: 100%;
		border-left: 1px solid var(--color-gray-3);
		border-right: 1px solid var(--color-gray-3);
		border-bottom: 1px solid var(--color-gray-3);
		font-size: 16px
	}

	ul.hb-tabs-list li button.hb-tabs-active {
		background: var(--color-gray-4)
	}

	ul.hb-tabs-list li button.hb-tabs-active::after {
		display: none
	}

	ul.hb-tabs-list.open {
		display: block
	}

	.hb-tabs-content {
		margin: 15px 0 0 0
	}

	.hb-tabs-mobile-trigger {
		display: block
	}
}

#wizard .wizard-app {
	display: inline-block;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9;
	background: #f4f7f9;
	box-shadow: -1px 7px 22px 0px rgba(0, 0, 0, .09);
	width: 100vw;
	max-height: 80px;
	overflow: hidden;
	transition: width .5s ease-in-out, max-height 1.5s ease-out
}

@media only screen and (min-width: 48em) {
	#wizard .wizard-app {
		width: 350px
	}
}

#wizard .wizard-app button {
	border: 0;
	background: transparent;
	text-align: left
}

#wizard .wizard-app button:hover {
	cursor: pointer
}

#wizard .wizard-app button.wizard-launcher {
	position: relative;
	color: #000;
	font-size: 18px;
	letter-spacing: .2px;
	line-height: 32px;
	width: 100vw;
	padding: 12px 12px 12px 72px;
	text-align: left;
	display: block;
	z-index: 11;
	height: 56px;
	background: #f4f7f9
}

#wizard .wizard-app button.wizard-launcher::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 56px;
	background: url("clientlib-bgimg/resources/icons/stars-white.svg") center center no-repeat #009da3
}

#wizard .wizard-app button.wizard-launcher:hover {
	cursor: pointer;
	background: #e5e9ed
}

#wizard .wizard-app button.wizard-launcher:hover::after {
	background-color: #005662
}

@media only screen and (min-width: 48em) {
	#wizard .wizard-app button.wizard-launcher {
		padding: 24px 32px 24px 112px;
		width: 100%;
		height: 80px
	}

	#wizard .wizard-app button.wizard-launcher::after {
		width: 80px
	}
}

#wizard .wizard-app .wizard {
	box-shadow: -1px 7px 22px 0px rgba(0, 0, 0, .09);
	opacity: 0;
	width: 0;
	height: 0;
	transition: opacity .5s ease-in-out 0
}

#wizard .wizard-app .wizard .step .info {
	padding: 24px 32px 0 32px
}

@media only screen and (min-width: 64em) {
	#wizard .wizard-app .wizard .step .info {
		padding: 40px 48px 0 48px
	}
}

@media only screen and (min-width: 90em) {
	#wizard .wizard-app .wizard .step .info {
		width: 30%;
		padding: 56px 0 56px 80px;
		display: inline-block;
		vertical-align: top
	}
}

#wizard .wizard-app .wizard .step .info p {
	color: #2d3a4d;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1.5px;
	line-height: 14px;
	text-transform: uppercase;
	margin-bottom: 16px
}

#wizard .wizard-app .wizard .step .info h3 {
	margin-bottom: 24px
}

@media only screen and (min-width: 48em) {
	#wizard .wizard-app .wizard .step .info h3 {
		font-size: 24px;
		font-weight: 300;
		letter-spacing: -0.17px;
		line-height: 36px
	}
}

@media only screen and (min-width: 90em) {
	#wizard .wizard-app .wizard .step .info h3 {
		font-size: 34px;
		font-weight: 300;
		letter-spacing: -0.24px;
		line-height: 40px
	}
}

#wizard .wizard-app .wizard .step .info ul.nav {
	position: relative;
	margin-bottom: 24px
}

@media only screen and (min-width: 48em) {
	#wizard .wizard-app .wizard .step .info ul.nav {
		margin-bottom: 32px
	}
}

#wizard .wizard-app .wizard .step .info ul.nav li {
	display: inline-block
}

#wizard .wizard-app .wizard .step .info ul.nav li button,
#wizard .wizard-app .wizard .step .info ul.nav li a {
	font-size: 12px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding-left: 37px;
	background: url("clientlib-bgimg/resources/icons/arrow-line-left.svg") center left no-repeat;
	background-size: 22px 14px;
	margin-right: 5px
}

@media only screen and (min-width: 64em) {

	#wizard .wizard-app .wizard .step .info ul.nav li button,
	#wizard .wizard-app .wizard .step .info ul.nav li a {
		margin-right: 20px
	}
}

#wizard .wizard-app .wizard .step .info ul.nav li button.back,
#wizard .wizard-app .wizard .step .info ul.nav li a.back {
	background-image: url("clientlib-bgimg/resources/icons/arrow-line-left.svg")
}

#wizard .wizard-app .wizard .step .info ul.nav li button.clear,
#wizard .wizard-app .wizard .step .info ul.nav li a.clear {
	padding-left: 30px;
	background-image: url("clientlib-bgimg/resources/icons/refresh.svg")
}

#wizard .wizard-app .wizard .step .info ul.nav li button.contact,
#wizard .wizard-app .wizard .step .info ul.nav li a.contact {
	background-image: url("clientlib-bgimg/resources/icons/contact.svg");
	background-size: 24px 23px;
	color: #000;
	font-weight: 500;
	display: block;
	margin-left: 0
}

@media only screen and (min-width: 48em) {

	#wizard .wizard-app .wizard .step .info ul.nav li button.contact,
	#wizard .wizard-app .wizard .step .info ul.nav li a.contact {
		margin-left: 3rem
	}
}

#wizard .wizard-app .wizard .step .info ul.nav li.level {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .16px;
	margin-left: 20px
}

#wizard .wizard-app .wizard .step .info ul.nav li:first-child.level {
	margin-left: 0
}

#wizard .wizard-app .wizard .step .info ul.nav li.level-progress {
	position: absolute;
	top: 10%;
	margin-left: 20px;
	width: 24px;
	height: 24px;
	background: #005662;
	clip-path: circle(11px)
}

@media only screen and (min-width: 420px)and (max-width: 48em) {
	#wizard .wizard-app .wizard .step .info ul.nav li.level-progress {
		position: relative;
		margin-right: 1rem;
		margin-bottom: -7px
	}
}

#wizard .wizard-app .wizard .step .info ul.nav li.level-progress::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 24px;
	height: 0;
	background: #009da3;
	transition: height 1s
}

#wizard .wizard-app .wizard .step .info ul.nav li.level-progress.level-25::after {
	height: 25%
}

#wizard .wizard-app .wizard .step .info ul.nav li.level-progress.level-50::after {
	height: 50%
}

#wizard .wizard-app .wizard .step .info ul.nav li.level-progress.level-75::after {
	height: 75%
}

#wizard .wizard-app .wizard .step .info ul.nav li.level-progress.level-100::after {
	height: 100%;
	background-image: url("clientlib-bgimg/resources/icons/check-white.svg");
	background-position: center center;
	background-repeat: no-repeat
}

#wizard .wizard-app .wizard .step .options {
	padding: 0 32px 32px 32px
}

@media only screen and (min-width: 64em) {
	#wizard .wizard-app .wizard .step .options {
		padding: 0 48px 14px 48px
	}
}

@media only screen and (min-width: 90em) {
	#wizard .wizard-app .wizard .step .options {
		width: 70%;
		padding: 56px 80px 32px 20px;
		display: inline-block;
		vertical-align: bottom
	}
}

#wizard .wizard-app .wizard .step .options button.item,
#wizard .wizard-app .wizard .step .options a.item {
	display: block;
	width: 100%;
	line-height: 18px;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: .18px;
	padding-left: 54px;
	position: relative;
	margin-bottom: 24px;
	height: 38px;
	vertical-align: middle;
	display: flex;
	align-items: center
}

#wizard .wizard-app .wizard .step .options button.item .icon,
#wizard .wizard-app .wizard .step .options a.item .icon {
	height: 38px;
	width: 38px;
	background-color: #fff;
	border-radius: 50%;
	background-size: 22px;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2);
	text-align: center
}

#wizard .wizard-app .wizard .step .options button.item .icon::before,
#wizard .wizard-app .wizard .step .options a.item .icon::before {
	font-size: 1.3rem;
	line-height: 38px;
	color: #c00
}

@media only screen and (min-width: 64em) {

	#wizard .wizard-app .wizard .step .options button.item,
	#wizard .wizard-app .wizard .step .options a.item {
		font-size: 14px;
		width: 25%;
		display: inline-block;
		padding-left: 0;
		text-align: center;
		height: auto
	}

	#wizard .wizard-app .wizard .step .options button.item .icon,
	#wizard .wizard-app .wizard .step .options a.item .icon {
		height: 56px;
		width: 56px;
		background-size: 32px;
		position: relative;
		top: auto;
		left: auto;
		display: block;
		margin: 0 auto 16px auto
	}

	#wizard .wizard-app .wizard .step .options button.item .icon::before,
	#wizard .wizard-app .wizard .step .options a.item .icon::before {
		font-size: 1.8rem;
		line-height: 56px
	}
}

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

	#wizard .wizard-app .wizard .step .options button.item:last-child,
	#wizard .wizard-app .wizard .step .options a.item:last-child {
		margin-bottom: 0
	}
}

#wizard .wizard-app .wizard .step.step-result {
	height: 100vh;
	display: flex;
	flex-direction: column
}

#wizard .wizard-app .wizard .step.step-result .info {
	width: 100%;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .16);
	position: relative;
	z-index: 1;
	padding-bottom: 0
}

@media only screen and (min-width: 48em) {
	#wizard .wizard-app .wizard .step.step-result .info {
		padding-bottom: 15px
	}
}

#wizard .wizard-app .wizard .step.step-result .info ul.nav li.level-progress {
	margin-left: 0
}

@media only screen and (min-width: 64em) {
	#wizard .wizard-app .wizard .step.step-result .info ul.nav li.level-progress {
		top: 15%
	}
}

#wizard .wizard-app .wizard .step.step-result .results {
	background: #979fad;
	padding: 0 32px 3rem 32px;
	overflow: auto
}

@media only screen and (min-width: 64em) {
	#wizard .wizard-app .wizard .step.step-result .results {
		padding: 1rem 48px 3rem 48px
	}
}

@media only screen and (min-width: 90em) {
	#wizard .wizard-app .wizard .step.step-result .results {
		padding: 56px 80px
	}
}

#wizard .wizard-app .wizard .step.step-result .results .results-container {
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap
}

@media only screen and (min-width: 64em) {
	#wizard .wizard-app .wizard .step.step-result .results .results-container {
		justify-content: flex-start;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

#wizard .wizard-app .wizard .step.step-result .results .results-container .card {
	margin: 0 0 1.5rem;
	background: #fff
}

@media only screen and (min-width: 48em) {
	#wizard .wizard-app .wizard .step.step-result .results .results-container .card {
		width: calc(50% - 12px)
	}
}

@media only screen and (min-width: 64em) {
	#wizard .wizard-app .wizard .step.step-result .results .results-container .card {
		margin: 0 0 4rem
	}
}

@media only screen and (min-width: 90em) {
	#wizard .wizard-app .wizard .step.step-result .results .results-container .card {
		max-width: calc(33.3333% - 25px)
	}
}

@media only screen and (min-width: 48em)and (max-width: 1439px) {
	#wizard .wizard-app .wizard .step.step-result .results .results-container .card:nth-child(odd) {
		margin-right: 1.5rem
	}
}

@media only screen and (min-width: 90em) {

	#wizard .wizard-app .wizard .step.step-result .results .results-container .card:nth-child(2n+1),
	#wizard .wizard-app .wizard .step.step-result .results .results-container .card:nth-child(2n+2) {
		margin-right: 1.5rem
	}
}

#wizard .wizard-app .wizard svg.level {
	position: absolute;
	top: -30px;
	left: 0;
	z-index: -1;
	width: 380px;
	height: 378px;
	transform: rotate(-12deg);
	overflow: visible;
	transition: left 2s ease, right 2s ease
}

#wizard .wizard-app .wizard svg.level g path {
	transition: transform 2s ease, fill 2s ease
}

#wizard .wizard-app .wizard svg.level g rect {
	opacity: 0;
	stroke-dashoffset: 100;
	stroke-dashArray: 20;
	transition: stroke-dashoffset 1s ease-out 0s, stroke-dashArray 1s ease-out 0s, opacity 1s ease-out 0s
}

#wizard .wizard-app .wizard svg.level g rect.dashed {
	stroke-dashArray: 0
}

#wizard .wizard-app .wizard svg.level.level-25 {
	left: 25%
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(1) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-25px) translateY(-9px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(2) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-324px) translateY(-82px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(3) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(195px) translateY(45px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(4) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-147px) translateY(-56px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(5) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-212px) translateY(83px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(6) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(373px) translateY(-85px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(7) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-363px) translateY(-39px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(8) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(322px) translateY(59px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(9) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(385px) translateY(74px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(10) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(291px) translateY(78px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(11) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(47px) translateY(-23px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(12) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-30px) translateY(-10px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(13) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(299px) translateY(37px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(14) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-180px) translateY(16px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(15) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-252px) translateY(46px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(16) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(170px) translateY(5px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(17) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-72px) translateY(-95px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(18) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(344px) translateY(-31px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(19) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(139px) translateY(-38px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(20) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(166px) translateY(-1px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(21) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-203px) translateY(-12px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(22) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(65px) translateY(88px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(23) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(223px) translateY(-50px)
}

#wizard .wizard-app .wizard svg.level.level-25 g path:nth-child(24) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(91px) translateY(18px)
}

#wizard .wizard-app .wizard svg.level.level-50 {
	left: 50%
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(1) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-451px) translateY(176px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(2) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-166px) translateY(165px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(3) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(45px) translateY(-37px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(4) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-150px) translateY(-170px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(5) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-111px) translateY(-78px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(6) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-184px) translateY(70px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(7) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-407px) translateY(61px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(8) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(229px) translateY(16px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(9) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(74px) translateY(107px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(10) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(238px) translateY(-107px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(11) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-60px) translateY(113px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(12) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(390px) translateY(72px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(13) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(149px) translateY(20px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(14) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-325px) translateY(-193px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(15) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(351px) translateY(-60px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(16) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(161px) translateY(104px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(17) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-386px) translateY(-174px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(18) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-483px) translateY(45px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(19) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(2px) translateY(-122px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(20) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-327px) translateY(-80px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(21) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(160px) translateY(-182px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(22) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-497px) translateY(161px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(23) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(323px) translateY(-177px)
}

#wizard .wizard-app .wizard svg.level.level-50 g path:nth-child(24) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(86px) translateY(82px)
}

#wizard .wizard-app .wizard svg.level.level-75 {
	left: 75%
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(1) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(228px) translateY(-50px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(2) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(215px) translateY(33px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(3) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(315px) translateY(46px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(4) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-304px) translateY(-86px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(5) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-117px) translateY(-24px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(6) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(58px) translateY(-92px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(7) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(116px) translateY(-35px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(8) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-354px) translateY(83px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(9) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(139px) translateY(-85px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(10) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(184px) translateY(75px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(11) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(141px) translateY(1px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(12) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-384px) translateY(7px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(13) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(50px) translateY(42px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(14) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(97px) translateY(-14px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(15) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-191px) translateY(54px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(16) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(258px) translateY(3px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(17) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(213px) translateY(56px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(18) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(100px) translateY(-39px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(19) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(137px) translateY(-34px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(20) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-96px) translateY(-95px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(21) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(195px) translateY(3px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(22) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(42px) translateY(-95px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(23) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(14px) translateY(-13px)
}

#wizard .wizard-app .wizard svg.level.level-75 g path:nth-child(24) {
	fill: rgba(255, 255, 255, .8);
	transform: translateX(-48px) translateY(96px)
}

#wizard .wizard-app .wizard svg.level.level-100 {
	right: 0;
	left: auto
}

@media only screen and (max-width: 767px) {
	#wizard .wizard-app .wizard svg.level.level-100 {
		width: 260px;
		height: 258px;
		right: -100px;
		top: 0
	}
}

@media only screen and (max-width: 767px) {
	#wizard .wizard-app .wizard svg.level.level-100 g path {
		fill: rgba(255, 255, 255, .8)
	}
}

#wizard .wizard-app .wizard svg.level.level-100 g rect {
	opacity: 1;
	stroke-dashoffset: -300;
	stroke-dashArray: 0;
	transition: stroke-dashoffset 1s ease-in 2s, stroke-dashArray 1s ease-in 2s, opacity 1s ease-in 2s
}

#wizard .wizard-app .wizard svg.level.level-100 g rect.dashed {
	stroke-dashArray: 3
}

@media only screen and (max-width: 767px) {
	#wizard .wizard-app .wizard svg.level.level-100 g rect {
		opacity: 0
	}
}

#wizard .wizard-app .wizard .close {
	position: absolute;
	top: 22px;
	right: 22px;
	width: 12px;
	height: 12px;
	background: url("clientlib-bgimg/resources/icons/cross.svg");
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	z-index: 10
}

#wizard .wizard-app.open {
	width: 100vw;
	max-height: calc(100vh - 50px)
}

@media only screen and (min-width: 64em) {
	#wizard .wizard-app.open {
		max-height: calc(100vh - 94px)
	}
}

#wizard .wizard-app.open button.wizard-launcher {
	display: none
}

#wizard .wizard-app.open .wizard {
	opacity: 1;
	width: auto;
	height: auto;
	transition: opacity .5s ease-in-out 1s
}

@media only screen and (min-width: 90em) {
	#wizard .wizard-app.open.home {
		margin-left: calc(50vw - 600px);
		margin-right: calc(50vw - 600px);
		max-width: 1200px
	}
}

@media only screen and (min-width: 90em) {
	#wizard .wizard-app.open.home .wizard {
		width: 100%
	}
}

@media only screen and (max-width: 767px) {
	#wizard .wizard-app.open.fullscreen .wizard {
		height: 100vh
	}

	#wizard .wizard-app.open.fullscreen .wizard .step {
		height: 100vh;
		display: flex;
		flex-direction: column
	}

	#wizard .wizard-app.open.fullscreen .wizard .step .info {
		border-bottom: 1px solid #979fad
	}

	#wizard .wizard-app.open.fullscreen .wizard .step .options {
		flex: 1;
		display: flex;
		flex-direction: column;
		min-height: 0px;
		overflow: auto;
		padding: 24px 32px
	}
}

body.theme-teal #wizard .wizard-app button.wizard-launcher::after {
	background-color: #009da3
}

body.theme-teal #wizard .wizard-app button.wizard-launcher:hover::after {
	background-color: #005662
}

body.theme-teal #wizard .wizard-app .wizard .step .info ul.nav li.level-progress {
	background-color: #009da3
}

body.theme-teal #wizard .wizard-app .wizard .step .info ul.nav li.level-progress::after {
	background-color: #005662
}

body.theme-teal #wizard .wizard-app .wizard .step .info ul.nav li.level-progress.level-100::after {
	background-color: #009da3
}

body.theme-purple #wizard .wizard-app button.wizard-launcher::after {
	background-color: #7c10ff
}

body.theme-purple #wizard .wizard-app button.wizard-launcher:hover::after {
	background-color: #40089a
}

body.theme-purple #wizard .wizard-app .wizard .step .info ul.nav li.level-progress {
	background-color: #7c10ff
}

body.theme-purple #wizard .wizard-app .wizard .step .info ul.nav li.level-progress::after {
	background-color: #40089a
}

body.theme-purple #wizard .wizard-app .wizard .step .info ul.nav li.level-progress.level-100::after {
	background-color: #7c10ff
}

body.theme-green #wizard .wizard-app button.wizard-launcher::after {
	background-color: #00a31c
}

body.theme-green #wizard .wizard-app button.wizard-launcher:hover::after {
	background-color: #005a10
}

body.theme-green #wizard .wizard-app .wizard .step .info ul.nav li.level-progress {
	background-color: #00a31c
}

body.theme-green #wizard .wizard-app .wizard .step .info ul.nav li.level-progress::after {
	background-color: #005a10
}

body.theme-green #wizard .wizard-app .wizard .step .info ul.nav li.level-progress.level-100::after {
	background-color: #00a31c
}

body.theme-pink #wizard .wizard-app button.wizard-launcher::after {
	background-color: #e50d56
}

body.theme-pink #wizard .wizard-app button.wizard-launcher:hover::after {
	background-color: #770733
}

body.theme-pink #wizard .wizard-app .wizard .step .info ul.nav li.level-progress {
	background-color: #e50d56
}

body.theme-pink #wizard .wizard-app .wizard .step .info ul.nav li.level-progress::after {
	background-color: #770733
}

body.theme-pink #wizard .wizard-app .wizard .step .info ul.nav li.level-progress.level-100::after {
	background-color: #e50d56
}

body.theme-orange #wizard .wizard-app button.wizard-launcher::after {
	background-color: #ea2c00
}

body.theme-orange #wizard .wizard-app button.wizard-launcher:hover::after {
	background-color: #7c1800
}

body.theme-orange #wizard .wizard-app .wizard .step .info ul.nav li.level-progress {
	background-color: #ea2c00
}

body.theme-orange #wizard .wizard-app .wizard .step .info ul.nav li.level-progress::after {
	background-color: #7c1800
}

body.theme-orange #wizard .wizard-app .wizard .step .info ul.nav li.level-progress.level-100::after {
	background-color: #ea2c00
}

.collection-grid h2.headline {
	margin: 0 calc(8.3333333333% + 22px);
	margin-top: 4rem
}

@media only screen and (min-width: 64em) {
	.collection-grid h2.headline {
		margin-top: 2rem
	}
}

.collection-grid .description {
	margin: 0 calc(8.3333333333% + 22px);
	padding-top: 1rem
}

.collection-grid .featured-container {
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap;
	margin: 0 1.5rem
}

@media only screen and (min-width: 64em) {
	.collection-grid .featured-container {
		justify-content: flex-start;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.collection-grid .featured-container .collection-featured-card {
	margin-bottom: 0
}

@media only screen and (min-width: 48em) {
	.collection-grid .featured-container .collection-featured-card {
		margin-bottom: 2rem
	}
}

.collection-grid .featured-row-two {
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap
}

@media only screen and (min-width: 64em) {
	.collection-grid .featured-row-two {
		justify-content: flex-start;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.collection-grid .featured-row-two .collection-card {
	margin: 0 0 1.5rem;
	margin: 0 1.5rem 2rem;
	flex-grow: 1
}

@media only screen and (min-width: 48em) {
	.collection-grid .featured-row-two .collection-card {
		width: calc(50% - 12px)
	}
}

@media only screen and (min-width: 64em) {
	.collection-grid .featured-row-two .collection-card {
		margin: 0 0 4rem
	}
}

@media only screen and (min-width: 48em) {
	.collection-grid .featured-row-two .collection-card:nth-child(1) {
		width: calc(50% - 36px);
		max-width: calc(50% - 36px);
		flex-grow: 1;
		margin-right: 12px
	}

	.collection-grid .featured-row-two .collection-card:nth-child(2) {
		width: calc(50% - 36px);
		max-width: calc(50% - 36px);
		margin-right: 0;
		margin-left: 12px
	}
}

@media only screen and (min-width: 64em) {
	.collection-grid .featured-row-two .collection-card:nth-child(1) {
		width: calc(50% - 12px);
		max-width: calc(50% - 12px);
		flex-grow: 1;
		margin-right: 12px
	}

	.collection-grid .featured-row-two .collection-card:nth-child(2) {
		width: calc(50% - 12px);
		max-width: calc(50% - 12px);
		margin-right: 0;
		margin-left: 12px
	}
}

.collection-grid .collection-grid-container {
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap
}

@media only screen and (min-width: 64em) {
	.collection-grid .collection-grid-container {
		justify-content: flex-start;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.collection-grid .collection-grid-container .collection-card {
	margin: 0 0 1.5rem;
	margin: 0 1.5rem 2rem
}

@media only screen and (min-width: 48em) {
	.collection-grid .collection-grid-container .collection-card {
		width: calc(50% - 12px)
	}
}

@media only screen and (min-width: 64em) {
	.collection-grid .collection-grid-container .collection-card {
		margin: 0 0 4rem
	}
}

.collection-grid .collection-grid-container .collection-card:nth-child(8n+1) {
	background: #005662
}

.collection-grid .collection-grid-container .collection-card:nth-child(8n+2) {
	background: #40089a
}

.collection-grid .collection-grid-container .collection-card:nth-child(8n+3) {
	background: #009da3
}

.collection-grid .collection-grid-container .collection-card:nth-child(8n+4) {
	background: #7c1800
}

.collection-grid .collection-grid-container .collection-card:nth-child(8n+5) {
	background: #009da3
}

.collection-grid .collection-grid-container .collection-card:nth-child(8n+6) {
	background: #40089a
}

.collection-grid .collection-grid-container .collection-card:nth-child(8n+7) {
	background: #005a10
}

.collection-grid .collection-grid-container .collection-card:nth-child(8n+8) {
	background: #770733
}

@media only screen and (min-width: 48em) {
	.collection-grid .collection-grid-container .collection-card {
		width: calc(33.3333% - 32px);
		max-width: calc(33.33% - 32px);
		flex-grow: 1
	}
}

@media only screen and (min-width: 64em) {
	.collection-grid .collection-grid-container .collection-card {
		width: calc(33.3333% - 16px);
		max-width: calc(33.33% - 16px);
		flex-grow: 1
	}
}

@media only screen and (min-width: 48em) {

	.collection-grid .collection-grid-container .collection-card:nth-child(3n+1),
	.collection-grid .collection-grid-container .collection-card:nth-child(3n+2) {
		margin-right: 12px
	}
}

@media only screen and (min-width: 48em) {

	.collection-grid .collection-grid-container .collection-card:nth-child(3n+2),
	.collection-grid .collection-grid-container .collection-card:nth-child(3n+3) {
		margin-left: 12px
	}
}

.collection-grid .collection-grid-container .pagination {
	margin: 0 1.5rem 2rem
}

@media only screen and (min-width: 48em) {
	.collection-grid .collection-grid-container .pagination {
		display: flex;
		padding-bottom: 4rem;
		margin: 0
	}
}

.collection-subpage-grid .subpage-featured-container {
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap
}

@media only screen and (min-width: 64em) {
	.collection-subpage-grid .subpage-featured-container {
		justify-content: flex-start;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

@media(max-width: 1024px) {
	.collection-subpage-grid .subpage-featured-container .collection-sub-page-featured-card {
		margin: 0 1.5rem
	}
}

@media(max-width: 768px) {
	.collection-subpage-grid .subpage-featured-container .collection-sub-page-featured-card {
		margin: 0 .75rem
	}
}

.collection-subpage-grid .subpage-featured-row-two {
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap;
	padding-top: 4rem
}

@media only screen and (min-width: 64em) {
	.collection-subpage-grid .subpage-featured-row-two {
		justify-content: flex-start;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

@media(max-width: 768px) {
	.collection-subpage-grid .subpage-featured-row-two {
		padding-top: 2rem
	}
}

.collection-subpage-grid .subpage-featured-row-two .collection-subpage-card {
	margin: 0 0 1.5rem;
	margin: 0 .75rem 2rem;
	flex-grow: 1
}

@media only screen and (min-width: 48em) {
	.collection-subpage-grid .subpage-featured-row-two .collection-subpage-card {
		width: calc(50% - 12px)
	}
}

@media only screen and (min-width: 64em) {
	.collection-subpage-grid .subpage-featured-row-two .collection-subpage-card {
		margin: 0 0 4rem
	}
}

@media only screen and (min-width: 48em) {
	.collection-subpage-grid .subpage-featured-row-two .collection-subpage-card:nth-child(1) {
		width: calc(50% - 36px);
		max-width: calc(50% - 36px);
		flex-grow: 1;
		margin-right: 12px
	}

	.collection-subpage-grid .subpage-featured-row-two .collection-subpage-card:nth-child(2) {
		width: calc(50% - 36px);
		max-width: calc(50% - 36px);
		margin-right: 0;
		margin-left: 12px
	}
}

@media only screen and (min-width: 64em) {
	.collection-subpage-grid .subpage-featured-row-two .collection-subpage-card:nth-child(1) {
		width: calc(50% - 12px);
		max-width: calc(50% - 12px);
		flex-grow: 1;
		margin-right: 12px
	}

	.collection-subpage-grid .subpage-featured-row-two .collection-subpage-card:nth-child(2) {
		width: calc(50% - 12px);
		max-width: calc(50% - 12px);
		margin-right: 0;
		margin-left: 12px
	}
}

.collection-subpage-grid .subpage-featured-row-three {
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap;
	padding-top: 0px
}

@media only screen and (min-width: 64em) {
	.collection-subpage-grid .subpage-featured-row-three {
		justify-content: flex-start;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.collection-subpage-grid .subpage-featured-row-three .collection-subpage-card {
	margin: 0 0 1.5rem;
	margin: 0 .75rem 2rem
}

@media only screen and (min-width: 48em) {
	.collection-subpage-grid .subpage-featured-row-three .collection-subpage-card {
		width: calc(50% - 12px)
	}
}

@media only screen and (min-width: 64em) {
	.collection-subpage-grid .subpage-featured-row-three .collection-subpage-card {
		margin: 0 0 4rem
	}
}

@media only screen and (min-width: 48em) {
	.collection-subpage-grid .subpage-featured-row-three .collection-subpage-card {
		width: calc(33.3333% - 32px);
		max-width: calc(33.33% - 32px);
		flex-grow: 1
	}
}

@media only screen and (min-width: 64em) {
	.collection-subpage-grid .subpage-featured-row-three .collection-subpage-card {
		width: calc(33.3333% - 16px);
		max-width: calc(33.33% - 16px);
		flex-grow: 1
	}
}

@media only screen and (min-width: 48em) {

	.collection-subpage-grid .subpage-featured-row-three .collection-subpage-card:nth-child(3n+1),
	.collection-subpage-grid .subpage-featured-row-three .collection-subpage-card:nth-child(3n+2) {
		margin-right: 12px
	}
}

@media only screen and (min-width: 48em) {

	.collection-subpage-grid .subpage-featured-row-three .collection-subpage-card:nth-child(3n+2),
	.collection-subpage-grid .subpage-featured-row-three .collection-subpage-card:nth-child(3n+3) {
		margin-left: 12px
	}
}

.collection-subpage-grid .pagination {
	margin: 0 1.5rem 2rem
}

@media only screen and (min-width: 48em) {
	.collection-subpage-grid .pagination {
		display: flex;
		padding-bottom: 4rem;
		margin: 0
	}
}

.blog-post-grid {
	padding: 4rem 2rem 4rem;
	padding-top: 0 !important
}

@media only screen and (min-width: 48em) {
	.blog-post-grid {
		padding: 6rem 2rem 6rem
	}
}

@media only screen and (min-width: 64em) {
	.blog-post-grid h2 {
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.blog-post-grid .filtering-sort-wrapper {
	display: none
}

@media only screen and (min-width: 64em) {
	.blog-post-grid .no-results {
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.blog-post-grid>h2 {
	margin-top: 2rem
}

@media only screen and (min-width: 64em) {
	.blog-post-grid>h2 {
		margin-top: 4rem
	}
}

.blog-post-grid .featured-card {
	margin: 2rem 0 -0.5rem
}

@media only screen and (min-width: 64em) {
	.blog-post-grid .featured-card {
		margin: 2rem calc(8.3333333333% + 22px) 2rem
	}
}

@media only screen and (min-width: 64em) {
	.blog-post-grid .filtering-row {
		background: #f4f7f9;
		box-shadow: none;
		margin: 0 -2rem 0 -2rem;
		padding: 40px calc(8.3333333333% + 55px) 30px calc(8.3333333333% + 55px)
	}
}

.blog-post-grid .filtering-btn-container {
	background: #f4f7f9;
	box-shadow: none;
	margin: 0 -2rem 2rem -2rem;
	padding: 20px 20px 5px 20px;
	width: auto
}

.blog-post-grid .blog-post-grid-container {
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap
}

@media only screen and (min-width: 64em) {
	.blog-post-grid .blog-post-grid-container {
		justify-content: flex-start;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.blog-post-grid .blog-post-grid-container .card-blog {
	margin: 0 0 1.5rem
}

@media only screen and (min-width: 48em) {
	.blog-post-grid .blog-post-grid-container .card-blog {
		width: calc(50% - 12px)
	}
}

@media only screen and (min-width: 64em) {
	.blog-post-grid .blog-post-grid-container .card-blog {
		margin: 0 0 4rem
	}
}

@media only screen and (min-width: 48em) {
	.blog-post-grid .blog-post-grid-container.page-size-1 .card-blog {
		width: 100%;
		margin-right: 0
	}
}

@media only screen and (min-width: 48em) {

	.blog-post-grid .blog-post-grid-container.page-size-2 .card-blog:nth-child(odd),
	.blog-post-grid .blog-post-grid-container.page-size-4 .card-blog:nth-child(odd) {
		margin-right: 1.5rem
	}
}

@media only screen and (min-width: 48em) {
	.blog-post-grid .blog-post-grid-container.page-size-3 .card-blog {
		width: calc(33.3333% - 18px)
	}
}

@media only screen and (min-width: 48em) {

	.blog-post-grid .blog-post-grid-container.page-size-3 .card-blog:nth-child(3n+1),
	.blog-post-grid .blog-post-grid-container.page-size-3 .card-blog:nth-child(3n+2) {
		margin-right: 1.5rem
	}
}

@media only screen and (min-width: 48em)and (max-width: 1023px) {
	.blog-post-grid .blog-post-grid-container.page-size-5 .card-blog:nth-child(1) {
		width: 100%;
		margin-right: 0
	}

	.blog-post-grid .blog-post-grid-container.page-size-5 .card-blog:nth-child(even) {
		margin-right: 1.5rem
	}
}

@media only screen and (min-width: 64em) {
	.blog-post-grid .blog-post-grid-container.page-size-5 .card-blog:nth-child(-n+1) {
		margin-right: 1.5rem
	}

	.blog-post-grid .blog-post-grid-container.page-size-5 .card-blog:not(:nth-child(-n+2)) {
		width: calc(33.3333% - 18px)
	}

	.blog-post-grid .blog-post-grid-container.page-size-5 .card-blog:nth-child(3n+0),
	.blog-post-grid .blog-post-grid-container.page-size-5 .card-blog:nth-child(3n+4) {
		margin-right: 1.5rem
	}
}

@media only screen and (min-width: 48em)and (max-width: 1023px) {
	.blog-post-grid .blog-post-grid-container.page-size-6 .card-blog:nth-child(odd) {
		margin-right: 1.5rem
	}
}

@media only screen and (min-width: 64em) {
	.blog-post-grid .blog-post-grid-container.page-size-6 .card-blog {
		width: calc(33.3333% - 18px)
	}

	.blog-post-grid .blog-post-grid-container.page-size-6 .card-blog:nth-child(3n+1),
	.blog-post-grid .blog-post-grid-container.page-size-6 .card-blog:nth-child(3n+2) {
		margin-right: 1.5rem
	}
}

@media only screen and (min-width: 48em) {

	.blog-post-grid .blog-post-grid-container.page-size-7 .card-blog:nth-child(1),
	.blog-post-grid .blog-post-grid-container.page-size-7 .card-blog:nth-child(3),
	.blog-post-grid .blog-post-grid-container.page-size-7 .card-blog:nth-child(5),
	.blog-post-grid .blog-post-grid-container.page-size-7 .card-blog:nth-child(6) {
		margin-right: 1.5rem
	}

	.blog-post-grid .blog-post-grid-container.page-size-7 .card-blog:not(:nth-child(-n+4)) {
		width: calc(33.3333% - 18px)
	}
}

@media only screen and (min-width: 48em)and (max-width: 1023px) {
	.blog-post-grid .blog-post-grid-container.page-size-8 .card-blog:nth-child(odd) {
		margin-right: 1.5rem
	}
}

@media only screen and (min-width: 64em) {
	.blog-post-grid .blog-post-grid-container.page-size-8 .card-blog:nth-child(-n+1) {
		margin-right: 1.5rem
	}

	.blog-post-grid .blog-post-grid-container.page-size-8 .card-blog:not(:nth-child(-n+2)) {
		width: calc(33.3333% - 18px)
	}

	.blog-post-grid .blog-post-grid-container.page-size-8 .card-blog:nth-child(3n+0),
	.blog-post-grid .blog-post-grid-container.page-size-8 .card-blog:nth-child(3n+4) {
		margin-right: 1.5rem
	}
}

.event-post-grid {
	padding: 4rem 2rem 4rem;
	padding-top: 0 !important
}

@media only screen and (min-width: 48em) {
	.event-post-grid {
		padding: 6rem 2rem 6rem
	}
}

@media only screen and (min-width: 64em) {
	.event-post-grid h2 {
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.event-post-grid .filtering-sort-wrapper {
	display: none
}

@media only screen and (min-width: 64em) {

	.event-post-grid .no-results-upcoming,
	.event-post-grid .no-results-past {
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.event-post-grid>h2 {
	margin-top: 2rem
}

@media only screen and (min-width: 64em) {
	.event-post-grid>h2 {
		margin-top: 4rem
	}
}

.event-post-grid .event-post-grid-container {
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap
}

@media only screen and (min-width: 64em) {
	.event-post-grid .event-post-grid-container {
		justify-content: flex-start;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.event-post-grid .event-post-grid-container .card-event {
	margin: 0 0 1.5rem
}

@media only screen and (min-width: 48em) {
	.event-post-grid .event-post-grid-container .card-event {
		width: calc(50% - 12px)
	}
}

@media only screen and (min-width: 64em) {
	.event-post-grid .event-post-grid-container .card-event {
		margin: 0 0 4rem
	}
}

@media only screen and (min-width: 48em) {
	.event-post-grid .event-post-grid-container .card-event:nth-child(odd) {
		margin-right: 1.5rem
	}
}

@media only screen and (min-width: 64em) {
	.event-post-grid .filtering-row {
		background: #f4f7f9;
		box-shadow: none;
		margin: 0 -2rem 4rem -2rem;
		padding: 40px calc(8.3333333333% + 55px) 30px calc(8.3333333333% + 55px)
	}
}

.event-post-grid .filtering-btn-container {
	background: #f4f7f9;
	box-shadow: none;
	margin: 0 -2rem 2rem -2rem;
	padding: 20px 20px 5px 20px;
	width: auto
}

@media only screen and (max-width: 1023px) {
	.event-post-grid .event-post-grid-container:first-of-type {
		padding-bottom: 2.5rem
	}
}

@media only screen and (min-width: 64em) {

	.event-post-grid .event-post-grid-container.page-size-3 .card-event,
	.event-post-grid .event-post-grid-container.past-events.page-size-6 .card-event {
		width: calc(33.3333% - 18px)
	}
}

@media only screen and (min-width: 48em)and (min-width: 64em) {

	.event-post-grid .event-post-grid-container.page-size-3 .card-event:nth-child(odd),
	.event-post-grid .event-post-grid-container.past-events.page-size-6 .card-event:nth-child(odd) {
		margin-right: 0
	}
}

@media only screen and (min-width: 64em) {

	.event-post-grid .event-post-grid-container.page-size-3 .card-event:nth-child(3n+1),
	.event-post-grid .event-post-grid-container.page-size-3 .card-event:nth-child(3n+2),
	.event-post-grid .event-post-grid-container.past-events.page-size-6 .card-event:nth-child(3n+1),
	.event-post-grid .event-post-grid-container.past-events.page-size-6 .card-event:nth-child(3n+2) {
		margin-right: 1.5rem
	}
}

.newsfeed-grid {
	padding: 4rem 2rem 4rem;
	padding-top: 0 !important
}

@media only screen and (min-width: 48em) {
	.newsfeed-grid {
		padding: 6rem 2rem 6rem
	}
}

@media only screen and (min-width: 64em) {
	.newsfeed-grid h2 {
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.newsfeed-grid .filtering-sort-wrapper {
	display: none
}

@media only screen and (min-width: 64em) {
	.newsfeed-grid .no-results {
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.newsfeed-grid>h2 {
	margin-top: 2rem
}

@media only screen and (min-width: 64em) {
	.newsfeed-grid>h2 {
		margin-top: 4rem
	}
}

.newsfeed-grid .newsfeed-grid-container {
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap
}

@media only screen and (min-width: 64em) {
	.newsfeed-grid .newsfeed-grid-container {
		justify-content: flex-start;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.newsfeed-grid .newsfeed-grid-container .card-news {
	margin: 0 0 1.5rem
}

@media only screen and (min-width: 48em) {
	.newsfeed-grid .newsfeed-grid-container .card-news {
		width: calc(50% - 12px)
	}
}

@media only screen and (min-width: 64em) {
	.newsfeed-grid .newsfeed-grid-container .card-news {
		margin: 0 0 4rem
	}
}

@media only screen and (min-width: 48em) {
	.newsfeed-grid .newsfeed-grid-container .card-news {
		width: 100%
	}
}

@media only screen and (min-width: 64em) {
	.newsfeed-grid .filtering-row {
		background: #f4f7f9;
		box-shadow: none;
		margin: 0 -2rem 4rem -2rem;
		padding: 40px calc(8.3333333333% + 55px) 30px calc(8.3333333333% + 55px)
	}
}

.newsfeed-grid .filtering-btn-container {
	background: #f4f7f9;
	box-shadow: none;
	margin: 0 -2rem 2rem -2rem;
	padding: 20px 20px 5px 20px;
	width: auto
}

.product-grid {
	padding: 4rem 2rem 4rem
}

@media only screen and (min-width: 48em) {
	.product-grid {
		padding: 6rem 2rem 6rem
	}
}

@media only screen and (min-width: 64em) {
	.product-grid h2 {
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.product-grid>p {
	padding-top: 1rem
}

@media only screen and (min-width: 64em) {
	.product-grid>p {
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.product-grid .product-grid-container {
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap
}

@media only screen and (min-width: 64em) {
	.product-grid .product-grid-container {
		justify-content: flex-start;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.product-grid .product-grid-container .card {
	margin: 0 0 1.5rem
}

@media only screen and (min-width: 48em) {
	.product-grid .product-grid-container .card {
		width: calc(50% - 12px)
	}
}

@media only screen and (min-width: 64em) {
	.product-grid .product-grid-container .card {
		margin: 0 0 4rem
	}
}

@media only screen and (min-width: 64em) {
	.product-grid .product-grid-container .card {
		flex-grow: 1;
		width: calc(33.3333% - 18px);
		max-width: calc(50% - 12px)
	}
}

@media only screen and (min-width: 48em)and (max-width: 1023px) {
	.product-grid .product-grid-container .card:nth-child(odd) {
		margin-right: 1.5rem
	}
}

@media only screen and (min-width: 64em) {
	.product-grid .product-grid-container .card:first-child {
		margin-right: 1.5rem
	}
}

@media only screen and (min-width: 64em) {
	.product-grid .product-grid-container .card.card-three-or-more {
		max-width: calc(33.3333% - 18px)
	}
}

@media only screen and (min-width: 64em) {

	.product-grid .product-grid-container .card.card-three-or-more:nth-child(3n+1),
	.product-grid .product-grid-container .card.card-three-or-more:nth-child(3n+2) {
		margin-right: 1.5rem
	}
}

.product-grid .product-grid-container .card.card-extra.hidden {
	display: none
}

.product-grid .product-grid-container .btn {
	width: 100%;
	margin: 0 auto;
	display: none
}

@media only screen and (min-width: 48em) {
	.product-grid .product-grid-container .btn {
		width: 278px;
		padding: 11px 18px;
		margin: 0 calc(50% - 139px)
	}
}

.product-grid .product-grid-container .btn.display {
	display: inline-block
}

.product-grid .product-grid-container:not(:last-child) {
	padding-bottom: 2.5rem
}

@media only screen and (min-width: 1280px) {
	.product-grid .product-grid-container:not(:last-child) {
		padding-bottom: 3.1875rem
	}
}

.tag-grid {
	padding: 4rem 2rem 4rem;
	position: relative;
	padding: 4rem 2rem 0 !important;
	padding-top: 0 !important
}

@media only screen and (min-width: 48em) {
	.tag-grid {
		padding: 6rem 2rem 6rem
	}
}

@media only screen and (min-width: 64em) {
	.tag-grid h2 {
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.tag-grid .tag-grid-header {
	padding: .5rem 0 4rem;
	display: flex;
	flex-flow: row nowrap;
	align-items: center
}

@media only screen and (min-width: 64em) {
	.tag-grid .tag-grid-header {
		padding: .875rem 0 4rem;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.tag-grid .tag-grid-header .btn {
	padding: .375rem 1.5rem .3125rem;
	margin: 0 1.5rem 0 0;
	line-height: 2rem
}

.tag-grid .tag-grid-header h2 {
	font-size: 1.3125rem;
	font-weight: 300;
	line-height: 1.75rem
}

@media only screen and (min-width: 64em) {
	.tag-grid .tag-grid-header h2 {
		margin: 0;
		font-size: 2rem;
		line-height: 40px
	}
}

.tag-grid .tag-grid-header h2:before {
	display: none
}

.tag-grid .tag-grid-header .filtering-sort-wrapper .filtering-row .filtering-category-container button:first-child {
	margin-right: 1.5rem !important
}

.tag-grid .tag-grid-header .filtering-sort-wrapper .filtering-row .sort-btn {
	margin: 0 1.5rem 0 -1.5rem
}

.tag-grid .featured-cards {
	position: relative;
	margin: 6.25rem 0 4rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

@media only screen and (min-width: 64em) {
	.tag-grid .featured-cards {
		margin: 7.75rem calc(8.3333333333% + 22px) 8rem
	}
}

.tag-grid .featured-cards::before {
	content: "";
	position: absolute;
	top: -6.25rem;
	right: -2rem;
	bottom: -2rem;
	left: -2rem;
	background-color: #f4f7f9;
	z-index: -1
}

@media only screen and (min-width: 64em) {
	.tag-grid .featured-cards::before {
		top: -7.75rem;
		right: -4rem;
		bottom: -4rem;
		left: -4rem
	}
}

.tag-grid .featured-cards h3 {
	position: absolute;
	top: -4.25rem
}

@media only screen and (min-width: 64em) {
	.tag-grid .featured-cards h3 {
		top: -3.75rem
	}
}

.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2) {
	margin-top: 6.25rem;
	background-color: #fff
}

@media only screen and (min-width: 64em) {
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2) {
		margin: 7.75rem calc(8.3333333333% + 22px) 4rem
	}
}

.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2)::before {
	content: "";
	position: absolute;
	top: -6.25rem;
	right: -2rem;
	bottom: -2rem;
	left: -2rem;
	background-color: #f4f7f9;
	z-index: -1
}

@media only screen and (min-width: 64em) {
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2)::before {
		top: -7.75rem;
		right: -4rem;
		bottom: -4rem;
		left: -4rem
	}
}

.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2),
.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2)~.featured-card,
.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3),
.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3)~.featured-card,
.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4),
.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4)~.featured-card {
	width: 100%;
	margin-top: 2rem;
	background-color: #fff
}

@media only screen and (min-width: 64em) {

	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2),
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2)~.featured-card,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3),
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3)~.featured-card,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4),
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4)~.featured-card {
		width: calc(50% - .75rem);
		margin: 0;
		flex-flow: column nowrap
	}
}

@media only screen and (min-width: 64em) {

	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2) h3,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2)~.featured-card h3,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3) h3,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3)~.featured-card h3,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4) h3,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4)~.featured-card h3 {
		top: -4.25rem
	}
}

@media only screen and (min-width: 64em) {

	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2) img,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2)~.featured-card img,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3) img,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3)~.featured-card img,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4) img,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4)~.featured-card img {
		order: 0;
		min-width: unset;
		height: 135.33px;
		margin-bottom: 1.5rem
	}
}

@media only screen and (min-width: 64em) {

	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2) .card-body,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2)~.featured-card .card-body,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3) .card-body,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3)~.featured-card .card-body,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4) .card-body,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4)~.featured-card .card-body {
		display: block;
		flex-flow: unset;
		justify-content: unset;
		min-width: unset
	}
}

@media only screen and (min-width: 64em) {

	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2) .card-body .author::before,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2)~.featured-card .card-body .author::before,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3) .card-body .author::before,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3)~.featured-card .card-body .author::before,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4) .card-body .author::before,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4)~.featured-card .card-body .author::before {
		display: block
	}
}

.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2) .card-body .author img,
.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2)~.featured-card .card-body .author img,
.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3) .card-body .author img,
.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3)~.featured-card .card-body .author img,
.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4) .card-body .author img,
.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4)~.featured-card .card-body .author img {
	height: 60px
}

@media only screen and (min-width: 90em) {

	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2) .card-body a h4,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(2)~.featured-card .card-body a h4,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3) .card-body a h4,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3)~.featured-card .card-body a h4,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4) .card-body a h4,
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4)~.featured-card .card-body a h4 {
		font-size: 21px;
		letter-spacing: .91px
	}
}

@media only screen and (min-width: 64em) {

	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3),
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(3)~.featured-card {
		width: calc(33.3333% - .75rem)
	}
}

@media only screen and (min-width: 64em) {

	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4),
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4)~.featured-card {
		width: calc(33.3333% - .75rem)
	}
}

@media only screen and (min-width: 90em) {

	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4),
	.tag-grid .featured-cards .featured-card:nth-child(2):nth-last-child(4)~.featured-card {
		width: calc(25% - .75rem)
	}
}

@media only screen and (min-width: 64em) {
	.tag-grid .featured-cards .featured-card:nth-child(5) {
		margin-top: 2rem !important
	}
}

@media only screen and (min-width: 90em) {
	.tag-grid .featured-cards .featured-card:nth-child(5) {
		margin-top: 0 !important
	}
}

.tag-grid .tag-grid-container {
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap;
	padding-top: 0;
	padding-bottom: 2rem
}

@media only screen and (min-width: 64em) {
	.tag-grid .tag-grid-container {
		justify-content: flex-start;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

@media only screen and (min-width: 64em) {
	.tag-grid .tag-grid-container {
		justify-content: left !important;
		margin: 0 calc(8.3333333333% + 22px - 1.5rem) 0 calc(8.3333333333% + 22px)
	}
}

@media only screen and (min-width: 64em) {
	.tag-grid .tag-grid-container {
		padding-bottom: 13.4375rem
	}
}

.tag-grid .tag-grid-container .card-tag {
	width: 100%
}

@media only screen and (min-width: 64em) {
	.tag-grid .tag-grid-container .card-tag {
		width: calc(50% - 1.5rem);
		margin: 0 1.5rem 4rem 0 !important
	}
}

@media only screen and (min-width: 90em) {
	.tag-grid .tag-grid-container .card-tag {
		width: calc(25% - 1.5rem)
	}
}

.tag-grid .tag-grid-container .card-tag p {
	margin-top: 5px
}

.tag-grid .tag-grid-container .card-tag .card-body {
	z-index: auto
}

.tag-grid .tag-grid-container .card-tag-link {
	display: none;
	position: relative
}

.tag-grid .tag-grid-container .card-tag-link:first-of-type {
	display: inline-block
}

.tag-grid .tag-grid-container .card-tag-link:nth-of-type(1) {
	margin: 0 0 0 .875rem
}

.tag-grid .tag-grid-container .card-tag-link .card-tag-tag {
	margin: 0;
	transition: background .3s ease-in-out
}

.tag-grid .tag-grid-container .card-tag-link .card-tag-tag:hover,
.tag-grid .tag-grid-container .card-tag-link .card-tag-tag:focus {
	background: #979fad
}

.tag-grid .tag-grid-container .pagination ul {
	justify-content: start
}

.all-tags-grid .tag-grid-header {
	padding: .875rem 0 2.5rem;
	flex-flow: row wrap;
	align-items: flex-start
}

.all-tags-grid .tag-grid-header .btn:nth-child(3) {
	margin: 0 1.5rem 1.5rem 0
}

.all-tags-grid .tag-grid-header h2 {
	width: 100%
}

.all-tags-grid .tag-grid-header h2:before {
	display: block
}

.all-tags-grid .tag-grid-header .no-results {
	width: 100%;
	margin: 0 0 1.5rem
}

.all-tags-grid .tag-grid-header .filtering-sort-wrapper {
	width: auto
}

.all-tags-grid .tag-grid-header .filtering-sort-wrapper .filtering-btn-container {
	padding: 0;
	margin: 0;
	box-shadow: none
}

.all-tags-grid .tag-grid-header .filtering-sort-wrapper .filtering-btn-container .btn {
	margin: 0
}

.all-tags-grid .tag-grid-header .filtering-sort-wrapper .filtering-row {
	padding: 0;
	margin: 0;
	box-shadow: none;
	visibility: hidden
}

.all-tags-grid .tag-grid-header .filtering-sort-wrapper .filtering-row .filtering-category-container {
	margin-right: 0
}

.all-tags-grid .tag-grid-header .filtering-sort-wrapper .filtering-row .filtering-category-container .btn {
	margin: 0
}

.all-tags-grid .tag-grid-header .filtering-sort-wrapper .filtering-row .active-filters .active-filter-btn {
	padding: .375rem 3rem .3125rem 1.5rem;
	margin: 1rem 1.5rem 0 0
}

.webinar-post-grid {
	padding: 4rem 2rem 4rem;
	padding-top: 0 !important
}

@media only screen and (min-width: 48em) {
	.webinar-post-grid {
		padding: 6rem 2rem 6rem
	}
}

@media only screen and (min-width: 64em) {
	.webinar-post-grid h2 {
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.webinar-post-grid .filtering-sort-wrapper {
	display: none
}

@media only screen and (min-width: 64em) {

	.webinar-post-grid .no-results-upcoming,
	.webinar-post-grid .no-results-past {
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.webinar-post-grid>h2 {
	margin-top: 2rem
}

@media only screen and (min-width: 64em) {
	.webinar-post-grid>h2 {
		margin-top: 4rem
	}
}

.webinar-post-grid .webinar-post-grid-container {
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap
}

@media only screen and (min-width: 64em) {
	.webinar-post-grid .webinar-post-grid-container {
		justify-content: flex-start;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.webinar-post-grid .webinar-post-grid-container .card-event {
	margin: 0 0 1.5rem
}

@media only screen and (min-width: 48em) {
	.webinar-post-grid .webinar-post-grid-container .card-event {
		width: calc(50% - 12px)
	}
}

@media only screen and (min-width: 64em) {
	.webinar-post-grid .webinar-post-grid-container .card-event {
		margin: 0 0 4rem
	}
}

@media only screen and (min-width: 48em) {
	.webinar-post-grid .webinar-post-grid-container .card-event:nth-child(odd) {
		margin-right: 1.5rem
	}
}

@media only screen and (max-width: 1023px) {
	.webinar-post-grid .webinar-post-grid-container:first-of-type {
		padding-bottom: 2.5rem
	}
}

@media only screen and (min-width: 64em) {
	.webinar-post-grid .filtering-row {
		background: #f4f7f9;
		box-shadow: none;
		margin: 0 -2rem 4rem -2rem;
		padding: 40px calc(8.3333333333% + 55px) 30px calc(8.3333333333% + 55px)
	}
}

.webinar-post-grid .filtering-btn-container {
	background: #f4f7f9;
	box-shadow: none;
	margin: 0 -2rem 2rem -2rem;
	padding: 20px 20px 5px 20px;
	width: auto
}

@media only screen and (min-width: 64em) {

	.webinar-post-grid .webinar-post-grid-container.page-size-3 .card-event,
	.webinar-post-grid .webinar-post-grid-container.on-demand-events.page-size-6 .card-event {
		width: calc(33.3333% - 18px)
	}
}

@media only screen and (min-width: 48em)and (min-width: 64em) {

	.webinar-post-grid .webinar-post-grid-container.page-size-3 .card-event:nth-child(odd),
	.webinar-post-grid .webinar-post-grid-container.on-demand-events.page-size-6 .card-event:nth-child(odd) {
		margin-right: 0
	}
}

@media only screen and (min-width: 64em) {

	.webinar-post-grid .webinar-post-grid-container.page-size-3 .card-event:nth-child(3n+1),
	.webinar-post-grid .webinar-post-grid-container.page-size-3 .card-event:nth-child(3n+2),
	.webinar-post-grid .webinar-post-grid-container.on-demand-events.page-size-6 .card-event:nth-child(3n+1),
	.webinar-post-grid .webinar-post-grid-container.on-demand-events.page-size-6 .card-event:nth-child(3n+2) {
		margin-right: 1.5rem
	}
}

.latest-posts-grid {
	padding: 32px 2rem 4rem;
	text-align: center
}

@media only screen and (min-width: 64em) {
	.latest-posts-grid {
		padding: 64px 2rem 6rem;
		margin: 0 calc(8.3333333333% + 22px)
	}
}

.latest-posts-grid h2 {
	text-align: left;
	font-weight: 300;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -0.0017em
}

@media only screen and (min-width: 64em) {
	.latest-posts-grid h2 {
		font-weight: normal;
		font-size: 42px;
		line-height: 53px;
		letter-spacing: -0.3px
	}
}

.latest-posts-grid .latest-posts-grid-container {
	margin: 22px 0 0 0;
	text-align: left
}

@media only screen and (min-width: 64em) {
	.latest-posts-grid .latest-posts-grid-container {
		display: grid;
		grid-template-columns: calc(25% - 6px) calc(25% - 6px) calc(25% - 6px) calc(25% - 6px);
		grid-column-gap: 24px
	}
}

.latest-posts-grid .latest-posts-grid-container .latest-posts-card {
	position: relative;
	margin-bottom: 24px;
	cursor: pointer;
	transition: box-shadow .3s ease-in-out
}

.latest-posts-grid .latest-posts-grid-container .latest-posts-card:hover,
.latest-posts-grid .latest-posts-grid-container .latest-posts-card:focus {
	box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, .2)
}

.latest-posts-grid .latest-posts-grid-container .latest-posts-card img {
	position: relative;
	width: 100%;
	height: 135.33px;
	min-height: 135.33px;
	object-fit: cover
}

.latest-posts-grid .latest-posts-grid-container .latest-posts-card .post-card-body {
	padding: 24px 14px
}

.latest-posts-grid .latest-posts-grid-container .latest-posts-card .post-card-body .post-card-type {
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #c00
}

.latest-posts-grid .latest-posts-grid-container .latest-posts-card .post-card-body .post-card-tag {
	position: relative;
	z-index: 4;
	display: none;
	padding: 2px 7px;
	margin: 10px 0 0;
	background: #e5e9ed;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .6px;
	color: #000;
	border-radius: 6px
}

.latest-posts-grid .latest-posts-grid-container .latest-posts-card .post-card-body .post-card-tag:first-of-type {
	display: inline-block
}

.latest-posts-grid .latest-posts-grid-container .latest-posts-card .post-card-body .post-card-tag:hover,
.latest-posts-grid .latest-posts-grid-container .latest-posts-card .post-card-body .post-card-tag:focus {
	background: #979fad
}

.latest-posts-grid .latest-posts-grid-container .latest-posts-card .post-card-body .post-card-title {
	font-size: 18px;
	line-height: 32px;
	letter-spacing: .002em;
	margin: 5px 0 0
}

.latest-posts-grid .latest-posts-grid-container .latest-posts-card .post-card-link {
	position: static
}

.latest-posts-grid .latest-posts-grid-container .latest-posts-card .post-card-link:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom: none;
	opacity: 0
}

.latest-posts-grid .btn {
	display: inline-block
}

.latest-posts-grid .btn:hover,
.latest-posts-grid .btn:focus {
	background: #cfd2d4
}

.impact {
	position: relative;
	padding-bottom: 255px;
	background-color: #000;
	box-shadow: -32px 10px 20px 0px rgba(67, 73, 78, .16), -32px 20px 60px 0px rgba(67, 73, 78, .24)
}

@media only screen and (min-width: 48em) {
	.impact {
		margin-right: 50px;
		margin-bottom: 74px
	}
}

@media only screen and (min-width: 64em) {
	.impact {
		padding-bottom: 173px;
		margin-right: 80px
	}
}

.impact::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100vw;
	background-image: linear-gradient(0deg, #005662 0%, rgba(0, 86, 98, 0) 48px), linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 50%);
	z-index: 1
}

@media only screen and (min-width: 48em) {
	.impact::before {
		height: 100%;
		background-image: linear-gradient(-112deg, rgba(0, 157, 163, 0.4) 0%, rgba(0, 157, 163, 0) 30%), linear-gradient(-100deg, rgba(0, 157, 163, 0.8) 0%, rgba(0, 157, 163, 0) 5%);
		background-blend-mode: overlay, overlay
	}
}

.impact::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100vw;
	background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, black 100%);
	z-index: 1
}

@media only screen and (min-width: 48em) {
	.impact::after {
		background: url("clientlib-bgimg/resources/patterns/line-pattern.svg");
		top: 16px;
		right: 32px;
		left: 16px;
		height: 100%;
		z-index: -1;
		opacity: .1
	}
}

.impact img {
	position: absolute;
	height: 100vw;
	object-fit: cover
}

@media only screen and (min-width: 48em) {
	.impact img {
		width: 100%;
		height: 100%
	}
}

.impact .impact-video {
	position: absolute;
	width: 100%;
	height: 100vw;
	object-fit: cover
}

@media only screen and (min-width: 48em) {
	.impact .impact-video {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
}

.impact .impact-body {
	position: relative;
	top: 255px;
	padding-bottom: 2rem;
	z-index: 2
}

@media only screen and (min-width: 48em) {
	.impact .impact-body {
		background-color: transparent
	}
}

@media only screen and (min-width: 64em) {
	.impact .impact-body {
		top: 173px;
		padding-bottom: 0
	}
}

.impact .impact-body::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, black 15px);
	z-index: 1
}

@media only screen and (min-width: 48em) {
	.impact .impact-body::before {
		display: none
	}
}

@media only screen and (min-width: 48em) {
	.impact .impact-body::after {
		content: "";
		position: absolute;
		top: -255px;
		right: 0;
		left: 0;
		bottom: 0;
		background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, black 82.4219%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 82.4219%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 82.4219%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 82.4219%);
		z-index: -1
	}
}

@media only screen and (min-width: 64em) {
	.impact .impact-body::after {
		top: -173px;
		background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%)
	}
}

.impact .impact-body h1,
.impact .impact-body span,
.impact .impact-body a:not(.btn),
.impact .impact-body p {
	word-wrap: break-word
}

.impact .impact-body h1,
.impact .impact-body p,
.impact .impact-body .btn {
	position: relative;
	z-index: 1
}

.impact .impact-body .eyebrow {
	position: absolute;
	left: 32px;
	max-width: 77.5vw;
	height: 42px;
	padding: 0 1rem 0 .5rem;
	margin-top: -23px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 14px;
	word-break: break-all;
	z-index: 2;
	display: flex;
	align-items: center
}

@media only screen and (min-width: 375px) {
	.impact .impact-body .eyebrow {
		max-width: 63.285vw
	}
}

@media only screen and (min-width: 48em) {
	.impact .impact-body .eyebrow {
		left: 60px;
		max-width: 494px;
		padding: 0 1rem
	}
}

@media only screen and (min-width: 64em) {
	.impact .impact-body .eyebrow {
		left: 93px
	}
}

@media only screen and (min-width: 90em) {
	.impact .impact-body .eyebrow {
		left: 142px;
		max-width: 597px
	}
}

.impact .impact-body .eyebrow::after {
	content: "";
	position: absolute;
	top: 18px;
	right: calc(-100vw + 100% + 32px + 24px);
	left: 100%;
	border-top: solid 5px #c00
}

@media only screen and (min-width: 48em) {
	.impact .impact-body .eyebrow::after {
		right: calc(-100vw + 100% + 60px + 100vw - 702px + 72px)
	}
}

@media only screen and (min-width: 64em) {
	.impact .impact-body .eyebrow::after {
		right: calc(-100vw + 100% + 93px + 100vw - 702px + 29px)
	}
}

@media only screen and (min-width: 90em) {
	.impact .impact-body .eyebrow::after {
		right: calc(-100vw + 100% + 148px + 100vw - 702px + 29px)
	}
}

.impact .impact-body h1 {
	position: relative;
	padding: .9375rem 1.5rem .5rem 2.5rem;
	font-size: 29px;
	line-height: 40px;
	z-index: 1
}

@media only screen and (min-width: 48em) {
	.impact .impact-body h1 {
		max-width: 702px;
		padding: 1.0625rem 4.5rem 2rem 4.125rem;
		font-size: 72px;
		font-weight: 300;
		letter-spacing: -0.51px;
		line-height: 79px
	}
}

@media only screen and (min-width: 64em) {
	.impact .impact-body h1 {
		padding: 1.0625rem 1.8125rem 2rem 6.25rem
	}
}

@media only screen and (min-width: 90em) {
	.impact .impact-body h1 {
		padding: 1.0625rem 1.8125rem 2rem 9.25rem
	}
}

.impact .impact-body h1::before {
	content: "";
	position: absolute;
	top: -5px;
	bottom: 19px;
	left: 16px;
	width: 11px;
	border-top: solid 5px #c00;
	border-left: solid 5px #c00
}

@media only screen and (min-width: 48em) {
	.impact .impact-body h1::before {
		bottom: 47px;
		left: 32px;
		width: 24px
	}
}

@media only screen and (min-width: 64em) {
	.impact .impact-body h1::before {
		left: 64px
	}
}

@media only screen and (min-width: 90em) {
	.impact .impact-body h1::before {
		left: 114px
	}
}

.impact .impact-body .description {
	position: relative;
	padding: 0 1.5rem 2rem 2.5rem;
	z-index: 1
}

@media only screen and (min-width: 48em) {
	.impact .impact-body .description {
		max-width: 702px;
		padding: 0 4.5rem 2rem 4.125rem
	}
}

@media only screen and (min-width: 64em) {
	.impact .impact-body .description {
		padding: 0 1.8125rem 2rem 6.25rem
	}
}

@media only screen and (min-width: 90em) {
	.impact .impact-body .description {
		padding: 0 1.8125rem 2rem 9.25rem
	}
}

.impact .impact-body .btn {
	position: relative;
	width: calc(100% - 5rem);
	margin: 0 2.5rem 0 2.5rem;
	text-align: center;
	word-break: break-word;
	z-index: 1
}

@media only screen and (min-width: 48em) {
	.impact .impact-body .btn {
		width: auto;
		margin: 0 4.5rem 0 4.125rem
	}
}

@media only screen and (min-width: 64em) {
	.impact .impact-body .btn {
		margin: 0 1.8125rem 0 6.25rem
	}
}

@media only screen and (min-width: 90em) {
	.impact .impact-body .btn {
		margin: 0 1.8125rem 0 9.25rem
	}
}

.impact .impact-body .features {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	margin-top: 72px;
	margin-right: 2rem;
	margin-left: 2rem;
	z-index: 1
}

@media only screen and (min-width: 48em) {
	.impact .impact-body .features {
		margin-top: 96px;
		margin-right: 4.5rem;
		margin-left: 2rem
	}
}

@media only screen and (min-width: 64em) {
	.impact .impact-body .features {
		padding-bottom: 2.9375rem;
		margin-left: 6.125rem
	}
}

@media only screen and (min-width: 90em) {
	.impact .impact-body .features {
		margin-right: 5.25rem;
		margin-left: 9.25rem
	}
}

.impact .impact-body .features .feature-card {
	width: 100%;
	margin: 88px 0 2rem
}

@media only screen and (min-width: 48em) {
	.impact .impact-body .features .feature-card {
		display: flex;
		flex-flow: row nowrap;
		margin: 0 0 4rem 102px
	}
}

@media only screen and (min-width: 90em) {
	.impact .impact-body .features .feature-card {
		width: 37%;
		margin: 0 2rem 4rem 102px
	}
}

.impact .impact-body .features .feature-card .icon {
	position: absolute;
	top: -88px;
	width: 72px;
	height: 72px;
	margin: 0 0 1rem;
	background-position: 50% 50%;
	filter: invert(38%) sepia(91%) saturate(2380%) hue-rotate(156deg) brightness(95%) contrast(101%)
}

@media only screen and (min-width: 48em) {
	.impact .impact-body .features .feature-card .icon {
		top: 0;
		left: -102px;
		max-width: 68px;
		max-height: 68px;
		margin: 0 1.875rem 4.5625rem 0
	}
}

.impact .impact-body .features .feature-card .icon svg {
	width: 72px;
	height: 72px
}

@media only screen and (min-width: 48em) {
	.impact .impact-body .features .feature-card .icon svg {
		max-width: 68px;
		max-height: 68px
	}
}

.impact .impact-body .features .feature-card .icon img {
	position: absolute;
	top: 0;
	width: 72px;
	height: 72px;
	transform: scale(0.5)
}

@media only screen and (min-width: 48em) {
	.impact .impact-body .features .feature-card .icon img {
		max-width: 68px;
		max-height: 68px
	}
}

.impact .impact-body .features .feature-card .card-body h2 {
	padding-bottom: 1rem;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: -0.17px;
	z-index: 1
}

@media only screen and (min-width: 48em) {
	.impact .impact-body .features .feature-card .card-body h2 {
		font-size: 34px;
		letter-spacing: -0.24px;
		line-height: 40px
	}
}

@media only screen and (min-width: 64em) {
	.impact .impact-body .features .feature-card .card-body h2 {
		font-size: 34px;
		line-height: 40px
	}
}

.impact .impact-body .features .feature-card .card-body h2:before {
	display: none
}

.impact .impact-body .features .feature-card .card-body p {
	max-width: inherit;
	padding: 0
}

.impact .impact-body .features .feature-card .card-body .btn {
	margin: 1rem 0 0 0
}

.impact .impact-body .features .feature-card .card-body .btn:hover,
.impact .impact-body .features .feature-card .card-body .btn:focus {
	background: #fff
}

.impact.default .impact-body .eyebrow.fade-in::after {
	right: 100%
}

.impact.default .impact-body .eyebrow.fade-in.animate::after {
	right: calc(-100vw + 100% + 32px + 24px);
	transition: right 2s ease
}

@media only screen and (min-width: 48em) {
	.impact.default .impact-body .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 60px + 100vw - 702px + 72px)
	}
}

@media only screen and (min-width: 90em) {
	.impact.default .impact-body .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 148px + 100vw - 702px + 29px)
	}
}

.impact.default .impact-body .headline.fade-in::before {
	bottom: 100%
}

.impact.default .impact-body .headline.fade-in.animate::before {
	bottom: 19px;
	transition: bottom 2s ease
}

@media only screen and (min-width: 48em) {
	.impact.default .impact-body .headline.fade-in.animate::before {
		bottom: 47px
	}
}

.impact.default .impact-body .description.fade-in.animate {
	transition: opacity 1.5s ease, transform 1s ease
}

.impact.default .impact-body .btn.fade-in.animate {
	transition: color .2s ease-out, background .2s ease-out, border-bottom-color .2s ease-out, opacity 2s ease, transform 1.5s ease
}

.impact.default .impact-body .features .feature-card:hover svg {
	position: relative;
	z-index: 1;
	-webkit-animation: rotating 4s linear infinite
}

@-webkit-keyframes rotating {
	from {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

.impact.default .impact-body .features .feature-card .icon svg circle {
	stroke-dasharray: 242;
	stroke-dashoffset: -223;
	transform: rotate(-90deg) translateY(0);
	transform-origin: 50% 50%;
	opacity: 1
}

.impact.default .impact-body .features .feature-card .icon svg circle.animate {
	stroke-dashoffset: -465;
	transform: rotate(-90deg) translateY(0);
	transition: opacity 1s ease, transform .5s ease, stroke-dashoffset 2s ease
}

.impact.default .impact-body .features .feature-card .icon svg path {
	transform: rotate(0deg) translateY(0);
	transform-origin: 50% 50%
}

.impact.default .impact-body .features .feature-card .icon svg path.animate {
	transform: rotate(360deg) translateY(0);
	transition: opacity 1s ease-out, transform 4s ease-out
}

.impact.default .impact-body .features .feature-card .icon img {
	transform: scale(0) translateY(128px);
	transform-origin: 50% 50%
}

.impact.default .impact-body .features .feature-card .icon img.animate {
	transform: scale(0.5) translateY(0);
	transition: opacity 1s ease-out, transform .5s ease-out
}

.impact.simple {
	padding-bottom: 0;
	margin-right: 0;
	margin-bottom: 0;
	box-shadow: none
}

.impact.simple::before {
	display: none
}

.impact.simple::after {
	height: 100%
}

@media only screen and (min-width: 48em) {
	.impact.simple::after {
		display: none
	}
}

.impact.simple img {
	position: absolute;
	width: 100%;
	height: 100%
}

.impact.simple .impact-body {
	top: 0;
	padding-top: 10.4375rem;
	padding-bottom: 2rem;
	background-color: transparent
}

@media only screen and (min-width: 48em) {
	.impact.simple .impact-body {
		padding-bottom: 0
	}
}

@media only screen and (min-width: 64em) {
	.impact.simple .impact-body {
		padding-top: 16.5625rem;
		padding-bottom: 6.5rem
	}
}

.impact.simple .impact-body::before {
	display: none
}

@media only screen and (min-width: 48em) {
	.impact.simple .impact-body::after {
		top: 0;
		background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, black 100%)
	}
}

@media only screen and (min-width: 64em) {
	.impact.simple .impact-body::after {
		background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%)
	}
}

.impact.simple .impact-body .eyebrow {
	left: 24px;
	margin-top: -47px
}

@media only screen and (min-width: 64em) {
	.impact.simple .impact-body .eyebrow {
		left: 48px
	}
}

@media only screen and (min-width: 90em) {
	.impact.simple .impact-body .eyebrow {
		left: 132px
	}
}

.impact.simple .impact-body .eyebrow:after {
	display: none
}

.impact.simple .impact-body .headline {
	position: relative;
	padding: .9375rem 2rem .5625rem;
	margin-bottom: 15px;
	font-size: 42px;
	line-height: 53px;
	z-index: 1
}

@media only screen and (min-width: 48em) {
	.impact.simple .impact-body .headline {
		max-width: 718px;
		font-size: 72px;
		font-weight: 300;
		letter-spacing: -0.51px;
		line-height: 79px
	}
}

@media only screen and (min-width: 64em) {
	.impact.simple .impact-body .headline {
		padding: 1.0625rem 1.8125rem 2rem 4rem
	}
}

@media only screen and (min-width: 90em) {
	.impact.simple .impact-body .headline {
		padding: 1.0625rem 1.8125rem 2rem 9.25rem;
		margin-bottom: -3px
	}
}

.impact.simple .impact-body .headline:before {
	display: none
}

.impact.simple .impact-body .description {
	padding: 0 2rem 2rem
}

@media only screen and (min-width: 64em) {
	.impact.simple .impact-body .description {
		padding: 0 1.8125rem 2.125rem 4rem
	}
}

@media only screen and (min-width: 90em) {
	.impact.simple .impact-body .description {
		padding: 0 1.8125rem 2.125rem 9.25rem
	}
}

.impact.simple .impact-body .btn {
	width: auto;
	margin: 0 2rem
}

@media only screen and (min-width: 64em) {
	.impact.simple .impact-body .btn {
		margin: 0 1.8125rem 0 4rem
	}
}

@media only screen and (min-width: 90em) {
	.impact.simple .impact-body .btn {
		margin: 0 1.8125rem 0 9.25rem
	}
}

@media only screen and (min-width: 48em) {
	.impact.simple .impact-body .features {
		margin-right: 2rem;
		margin-left: 2rem
	}
}

@media only screen and (min-width: 64em) {
	.impact.simple .impact-body .features {
		margin-right: 10rem;
		margin-left: 4rem
	}
}

@media only screen and (min-width: 90em) {
	.impact.simple .impact-body .features {
		margin-right: 5.25rem;
		margin-left: 9.25rem
	}
}

.impact.simple .impact-body .features .feature-card {
	margin: 0 0 2rem
}

@media only screen and (min-width: 48em) {
	.impact.simple .impact-body .features .feature-card {
		margin: 0 0 4rem
	}
}

@media only screen and (min-width: 90em) {
	.impact.simple .impact-body .features .feature-card {
		width: 47%;
		margin: 0 2rem 4rem 0
	}
}

.impact.simple .impact-body .features .feature-card .icon {
	display: none
}

.impact.simple.light::before {
	display: none
}

.impact.simple.light .impact-body::after {
	display: none
}

.impact.dark .impact-body {
	color: #fff
}

.impact.light {
	background-color: #fff
}

@media only screen and (max-width: 767px) {
	.impact.light::after {
		display: none
	}
}

.impact.light .impact-body {
	color: #000
}

.impact.light .impact-body::before {
	background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, white 15px)
}

.impact.light .impact-body::after {
	content: "";
	position: absolute;
	top: 47px;
	left: 0;
	right: 0;
	height: 114px;
	background-image: linear-gradient(-180deg, white 0%, white 100%)
}

@media only screen and (min-width: 48em) {
	.impact.light .impact-body::after {
		display: none
	}
}

.impact.light .impact-body .btn {
	border-bottom: 1px solid #2d3a4d;
	background: #c00;
	color: #fff
}

.impact.light .impact-body .btn:hover,
.impact.light .impact-body .btn:focus {
	color: #fff;
	background: #b30000;
	border-bottom-color: #c00
}

@media only screen and (min-width: 48em) {
	.impact.medium .impact-body .features {
		margin-top: 168px
	}
}

@media only screen and (min-width: 48em) {
	.impact.large .impact-body .features {
		margin-top: 168px
	}
}

@media only screen and (min-width: 64em) {
	.impact.large .impact-body .features {
		margin-top: 256px
	}
}

@media only screen and (min-width: 48em) {

	.impact.simple.medium .impact-body .features,
	.impact.simple.large .impact-body .features {
		margin-top: 96px
	}
}

@media only screen and (min-width: 64em) {

	.impact.simple.medium .impact-body .features,
	.impact.simple.large .impact-body .features {
		margin-top: 96px
	}
}

.impact.impact-no-subtitle .eyebrow:after {
	display: none
}

.impact.impact-no-subtitle h1:before {
	right: 24px;
	width: inherit
}

@media only screen and (min-width: 48em) {
	.impact.impact-no-subtitle h1:before {
		right: 72px
	}
}

@media only screen and (min-width: 64em) {
	.impact.impact-no-subtitle h1:before {
		right: 29px
	}
}

.impact.default.impact-no-subtitle .impact-body .headline.fade-in::before {
	right: 100%
}

.impact.default.impact-no-subtitle .impact-body .headline.fade-in.animate::before {
	right: 24px;
	transition: right 1s ease-in, bottom 1s ease-in
}

@media only screen and (min-width: 48em) {
	.impact.default.impact-no-subtitle .impact-body .headline.fade-in.animate::before {
		right: 72px
	}
}

@media only screen and (min-width: 90em) {
	.impact.default.impact-no-subtitle .impact-body .headline.fade-in.animate::before {
		right: 29px
	}
}

body.theme-teal .impact::before {
	background-image: linear-gradient(0deg, #005662 0%, rgba(0, 86, 98, 0) 48px), linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-teal .impact::before {
		background-image: linear-gradient(-112deg, rgba(0, 157, 163, 0.6) 0%, rgba(0, 157, 163, 0) 30%), linear-gradient(-100deg, rgba(0, 157, 163, 0.8) 0%, rgba(0, 157, 163, 0) 5%)
	}
}

body.theme-purple .impact::before {
	background-image: linear-gradient(0deg, #40089a 0%, rgba(64, 8, 154, 0) 48px), linear-gradient(-153.4349488229deg, #7c10ff 0%, rgba(124, 16, 255, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-purple .impact::before {
		background-image: linear-gradient(-112deg, rgba(124, 16, 255, 0.6) 0%, rgba(124, 16, 255, 0) 30%), linear-gradient(-100deg, rgba(124, 16, 255, 0.8) 0%, rgba(124, 16, 255, 0) 5%)
	}
}

body.theme-green .impact::before {
	background-image: linear-gradient(0deg, #005a10 0%, rgba(0, 90, 16, 0) 48px), linear-gradient(-153.4349488229deg, #00a31c 0%, rgba(0, 163, 28, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-green .impact::before {
		background-image: linear-gradient(-112deg, rgba(0, 163, 28, 0.6) 0%, rgba(0, 163, 28, 0) 30%), linear-gradient(-100deg, rgba(0, 163, 28, 0.8) 0%, rgba(0, 163, 28, 0) 5%)
	}
}

body.theme-pink .impact::before {
	background-image: linear-gradient(0deg, #770733 0%, rgba(119, 7, 51, 0) 48px), linear-gradient(-153.4349488229deg, #e50d56 0%, rgba(229, 13, 86, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-pink .impact::before {
		background-image: linear-gradient(-112deg, rgba(229, 13, 86, 0.6) 0%, rgba(229, 13, 86, 0) 30%), linear-gradient(-100deg, rgba(229, 13, 86, 0.8) 0%, rgba(229, 13, 86, 0) 5%)
	}
}

body.theme-orange .impact::before {
	background-image: linear-gradient(0deg, #7c1800 0%, rgba(124, 24, 0, 0) 48px), linear-gradient(-153.4349488229deg, #ea2c00 0%, rgba(234, 44, 0, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-orange .impact::before {
		background-image: linear-gradient(-112deg, rgba(234, 44, 0, 0.6) 0%, rgba(234, 44, 0, 0) 30%), linear-gradient(-100deg, rgba(234, 44, 0, 0.8) 0%, rgba(234, 44, 0, 0) 5%)
	}
}

body.theme-purple .impact .impact-body .features .feature-card .icon {
	filter: invert(14%) sepia(86%) saturate(6274%) hue-rotate(269deg) brightness(96%) contrast(111%)
}

body.theme-green .impact .impact-body .features .feature-card .icon {
	filter: invert(37%) sepia(66%) saturate(4112%) hue-rotate(118deg) brightness(99%) contrast(101%)
}

body.theme-pink .impact .impact-body .features .feature-card .icon {
	filter: invert(15%) sepia(73%) saturate(5146%) hue-rotate(330deg) brightness(94%) contrast(100%)
}

body.theme-orange .impact .impact-body .features .feature-card .icon {
	filter: invert(20%) sepia(63%) saturate(4723%) hue-rotate(9deg) brightness(97%) contrast(101%)
}

.page-header-full {
	position: relative;
	background-color: #005662;
	overflow: hidden
}

@media only screen and (min-width: 48em) {
	.page-header-full {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		height: 540px;
		background-color: #009da3
	}
}

@media only screen and (min-width: 2285px) {
	.page-header-full {
		margin-right: unset
	}
}

.page-header-full:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 268px;
	background-image: linear-gradient(0deg, #005662 0%, rgba(0, 86, 98, 0) 48px), linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 50%)
}

@media only screen and (min-width: 375px) {
	.page-header-full:after {
		height: 100vw
	}
}

@media only screen and (min-width: 48em) {
	.page-header-full:after {
		height: 540px;
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-112deg, rgba(0, 157, 163, 0.4) 0%, rgba(0, 157, 163, 0) 30%), linear-gradient(-100deg, rgba(0, 157, 163, 0.8) 0%, rgba(0, 157, 163, 0) 5%);
		background-blend-mode: multiply, multiply, overlay, overlay
	}
}

.page-header-full .page-header-full-img {
	position: relative;
	height: 268px;
	object-fit: cover
}

@media only screen and (min-width: 375px) {
	.page-header-full .page-header-full-img {
		height: 100vw
	}
}

@media only screen and (min-width: 48em) {
	.page-header-full .page-header-full-img {
		position: absolute;
		top: 49px;
		width: 100%;
		height: 540px;
		margin: -3.0625rem 0 0
	}
}

.page-header-full video {
	position: relative;
	height: 268px;
	object-fit: cover;
	width: 100%
}

@media only screen and (min-width: 375px) {
	.page-header-full video {
		height: 100vw
	}
}

@media only screen and (min-width: 48em) {
	.page-header-full video {
		position: absolute;
		top: 49px;
		width: 100%;
		height: 540px;
		margin: -3.0625rem 0 0
	}
}

.page-header-full .header-body {
	position: relative;
	padding: 1px 0 2rem
}

@media only screen and (min-width: 48em) {
	.page-header-full .header-body {
		padding: 0
	}
}

.page-header-full .header-body h1,
.page-header-full .header-body span,
.page-header-full .header-body a,
.page-header-full .header-body p {
	color: #fff !important;
	word-wrap: break-word
}

.page-header-full .header-body h1,
.page-header-full .header-body p {
	position: relative;
	z-index: 1
}

.page-header-full .header-body ol {
	position: absolute;
	padding: 0 1.5rem 0 2.5rem;
	margin-top: -14px;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.page-header-full .header-body ol {
		padding: 0 4.5rem 0
	}
}

@media only screen and (min-width: 48em) {
	.page-header-full .header-body ol {
		padding: 0 5rem 0
	}
}

@media only screen and (min-width: 90em) {
	.page-header-full .header-body ol {
		padding: 0 6.5rem 0
	}
}

.page-header-full .header-body ol li::after {
	color: #fff
}

.page-header-full .header-body .eyebrow {
	position: absolute;
	left: 32px;
	max-width: 77.5VW;
	height: 42px;
	padding: 0 1rem 0 .5rem;
	margin-top: 19px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 14px;
	word-break: break-all;
	z-index: 2;
	display: flex;
	align-items: center
}

@media only screen and (min-width: 375px) {
	.page-header-full .header-body .eyebrow {
		left: 56px;
		max-width: 63.285VW;
		padding: 0 1rem
	}
}

@media only screen and (min-width: 48em) {
	.page-header-full .header-body .eyebrow {
		top: 0;
		left: 64px;
		max-width: 494px
	}
}

@media only screen and (min-width: 90em) {
	.page-header-full .header-body .eyebrow {
		left: 88px;
		max-width: 597px
	}
}

.page-header-full .header-body .eyebrow:after {
	content: "";
	position: absolute;
	top: 18px;
	right: calc(-100vw + 100% + 32px + 24px);
	left: 100%;
	border-top: solid 5px #009da3
}

@media only screen and (min-width: 375px) {
	.page-header-full .header-body .eyebrow:after {
		right: calc(-100vw + 100% + 56px + 72px)
	}
}

@media only screen and (min-width: 48em) {
	.page-header-full .header-body .eyebrow:after {
		right: calc(-100vw + 100% + 64px + 80px + 100vw - 662px);
		border-color: #c00
	}
}

@media only screen and (min-width: 90em) {
	.page-header-full .header-body .eyebrow:after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 705px)
	}
}

@media only screen and (min-width: 128em) {
	.page-header-full .header-body .eyebrow:after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 942px)
	}
}

.page-header-full .header-body .eyebrow.fade-in::after {
	right: 100%
}

.page-header-full .header-body .eyebrow.fade-in.animate::after {
	right: calc(-100vw + 100% + 32px + 24px);
	transition: right 1s ease
}

@media only screen and (min-width: 48em) {
	.page-header-full .header-body .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 64px + 80px + 100vw - 662px)
	}
}

@media only screen and (min-width: 90em) {
	.page-header-full .header-body .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 705px)
	}
}

@media only screen and (min-width: 128em) {
	.page-header-full .header-body .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 942px)
	}
}

.page-header-full .header-body .headline {
	position: relative;
	padding: .9375rem 1.5rem .5625rem 2.5rem;
	margin-top: 42px;
	font-size: 29px;
	line-height: 40px;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.page-header-full .header-body .headline {
		padding: .9375rem 4.5rem 1rem
	}
}

@media only screen and (min-width: 48em) {
	.page-header-full .header-body .headline {
		max-width: 662px;
		padding: .9375rem 5rem 1rem;
		font-size: 42px;
		line-height: 53px
	}
}

@media only screen and (min-width: 90em) {
	.page-header-full .header-body .headline {
		max-width: 705px;
		padding: .9375rem 6.5rem 1rem
	}
}

@media only screen and (min-width: 128em) {
	.page-header-full .header-body .headline {
		max-width: 942px
	}
}

.page-header-full .header-body .headline:before {
	content: "";
	position: absolute;
	top: -5px;
	bottom: 19px;
	left: 16px;
	width: 11px;
	border-top: solid 5px #009da3;
	border-left: solid 5px #009da3
}

@media only screen and (min-width: 375px) {
	.page-header-full .header-body .headline:before {
		bottom: 28px;
		left: 32px;
		width: 19px
	}
}

@media only screen and (min-width: 48em) {
	.page-header-full .header-body .headline:before {
		right: 80px;
		left: 40px;
		border-color: #c00;
		z-index: 1
	}
}

@media only screen and (min-width: 90em) {
	.page-header-full .header-body .headline:before {
		right: 617px;
		left: 64px
	}
}

@media only screen and (min-width: 128em) {
	.page-header-full .header-body .headline:before {
		right: 854px
	}
}

.page-header-full .header-body .headline.fade-in::before {
	bottom: 100%
}

.page-header-full .header-body .headline.fade-in.animate::before {
	bottom: 19px;
	transition: bottom 1s ease
}

@media only screen and (min-width: 375px) {
	.page-header-full .header-body .headline.fade-in.animate::before {
		bottom: 28px
	}
}

.page-header-full .header-body .description {
	position: relative;
	padding: 0 1.5rem 2rem 2.5rem;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.page-header-full .header-body .description {
		padding: 0 4.5rem 2rem
	}
}

@media only screen and (min-width: 48em) {
	.page-header-full .header-body .description {
		max-width: 662px;
		padding: 0 5rem 2rem
	}
}

@media only screen and (min-width: 90em) {
	.page-header-full .header-body .description {
		max-width: 705px;
		padding: 0 6.5rem 2rem
	}
}

@media only screen and (min-width: 128em) {
	.page-header-full .header-body .description {
		max-width: 942px
	}
}

.page-header-full .header-body .description.fade-in.animate {
	transition: opacity 1.5s ease, transform 1s ease
}

.page-header-full .header-body .author {
	padding: 0 0 0 2.5rem;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.page-header-full .header-body .author {
		padding: 0 4.5rem 0
	}
}

@media only screen and (min-width: 48em) {
	.page-header-full .header-body .author {
		padding: 0 5rem 0
	}
}

@media only screen and (min-width: 90em) {
	.page-header-full .header-body .author {
		padding: 0 6.5rem 0
	}
}

.page-header-full .header-body .author.fade-in.animate {
	transition: opacity 2s ease, transform 1.5s ease
}

.page-header-full.page-header-no-image {
	background-color: #005662
}

@media only screen and (min-width: 48em) {
	.page-header-full.page-header-no-image {
		height: unset;
		padding-top: 5rem;
		padding-bottom: 4rem
	}
}

.page-header-full.page-header-no-image:after {
	height: 100%;
	background-image: linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 100%)
}

@media only screen and (min-width: 48em) {
	.page-header-full.page-header-no-image:after {
		background-image: linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 100%)
	}
}

.page-header-full.page-header-no-image .header-body {
	padding: 2.875rem 0 5.5rem
}

@media only screen and (min-width: 48em) {
	.page-header-full.page-header-no-image .header-body {
		padding: 1px 0 2rem
	}
}

.page-header-full.page-header-no-image .eyebrow:after {
	border-top: solid 5px #009da3
}

.page-header-full.page-header-no-image .headline:before {
	border-top: solid 5px #009da3;
	border-left: solid 5px #009da3
}

.page-header-full.page-header-no-subtitle .eyebrow:after {
	display: none
}

.page-header-full.page-header-no-subtitle .headline:before {
	right: 24px;
	width: inherit
}

@media only screen and (min-width: 375px) {
	.page-header-full.page-header-no-subtitle .headline:before {
		right: 72px
	}
}

@media only screen and (min-width: 48em) {
	.page-header-full.page-header-no-subtitle .headline:before {
		right: 80px
	}
}

@media only screen and (min-width: 90em) {
	.page-header-full.page-header-no-subtitle .headline:before {
		right: 104px
	}
}

.page-header-full.page-header-no-subtitle .headline.fade-in::before {
	right: 100%;
	bottom: 100%
}

.page-header-full.page-header-no-subtitle .headline.fade-in.animate::before {
	right: 24px;
	bottom: 19px;
	transition: right 1s ease, bottom 1s ease
}

@media only screen and (min-width: 375px) {
	.page-header-full.page-header-no-subtitle .headline.fade-in.animate::before {
		right: 72px;
		bottom: 28px
	}
}

@media only screen and (min-width: 48em) {
	.page-header-full.page-header-no-subtitle .headline.fade-in.animate::before {
		right: 80px
	}
}

@media only screen and (min-width: 90em) {
	.page-header-full.page-header-no-subtitle .headline.fade-in.animate::before {
		right: 104px
	}
}

@media only screen and (min-width: 48em) {
	.page-header-full.page-header-full-search {
		height: unset;
		padding-top: 4rem;
		padding-bottom: 6rem
	}
}

.page-header-full.page-header-full-search:after {
	height: 100%
}

@media only screen and (min-width: 48em) {
	.page-header-full.page-header-full-search:after {
		height: 100%
	}
}

.page-header-full.page-header-full-search .page-header-full-img {
	display: none
}

@media only screen and (min-width: 48em) {
	.page-header-full.page-header-full-search .page-header-full-img {
		display: block;
		height: 100%
	}
}

.page-header-full.page-header-full-search p.description {
	padding-bottom: 0 !important
}

body.theme-teal .page-header-full {
	background-color: #005662
}

@media only screen and (min-width: 48em) {
	body.theme-teal .page-header-full {
		background-color: #009da3
	}
}

body.theme-teal .page-header-full::after {
	background-image: linear-gradient(0deg, #005662 0%, rgba(0, 86, 98, 0) 48px), linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-teal .page-header-full::after {
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-112deg, rgba(0, 157, 163, 0.6) 0%, rgba(0, 157, 163, 0) 30%), linear-gradient(-100deg, rgba(0, 157, 163, 0.8) 0%, rgba(0, 157, 163, 0) 5%)
	}
}

@media only screen and (max-width: 767px) {
	body.theme-teal .page-header-full .eyebrow::after {
		border-color: #009da3
	}
}

@media only screen and (max-width: 767px) {
	body.theme-teal .page-header-full .headline::before {
		border-color: #009da3
	}
}

body.theme-teal .page-header-full.page-header-full.page-header-no-image {
	background-color: #005662
}

body.theme-teal .page-header-full.page-header-full.page-header-no-image:after {
	background-image: linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 100%)
}

@media only screen and (min-width: 48em) {
	body.theme-teal .page-header-full.page-header-full.page-header-no-image:after {
		background-image: linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 100%)
	}
}

body.theme-teal .page-header-full.page-header-full.page-header-no-image .eyebrow:after {
	border-color: #009da3
}

body.theme-teal .page-header-full.page-header-full.page-header-no-image .headline:before {
	border-color: #009da3
}

body.theme-teal .page-header-full.page-header-full.page-header-no-image .headline:after {
	border-color: #009da3
}

body.theme-purple .page-header-full {
	background-color: #40089a
}

@media only screen and (min-width: 48em) {
	body.theme-purple .page-header-full {
		background-color: #7c10ff
	}
}

body.theme-purple .page-header-full::after {
	background-image: linear-gradient(0deg, #40089a 0%, rgba(64, 8, 154, 0) 48px), linear-gradient(-153.4349488229deg, #7c10ff 0%, rgba(124, 16, 255, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-purple .page-header-full::after {
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-112deg, rgba(124, 16, 255, 0.6) 0%, rgba(124, 16, 255, 0) 30%), linear-gradient(-100deg, rgba(124, 16, 255, 0.8) 0%, rgba(124, 16, 255, 0) 5%)
	}
}

@media only screen and (max-width: 767px) {
	body.theme-purple .page-header-full .eyebrow::after {
		border-color: #7c10ff
	}
}

@media only screen and (max-width: 767px) {
	body.theme-purple .page-header-full .headline::before {
		border-color: #7c10ff
	}
}

body.theme-purple .page-header-full.page-header-full.page-header-no-image {
	background-color: #40089a
}

body.theme-purple .page-header-full.page-header-full.page-header-no-image:after {
	background-image: linear-gradient(-153.4349488229deg, #7c10ff 0%, rgba(124, 16, 255, 0) 100%)
}

@media only screen and (min-width: 48em) {
	body.theme-purple .page-header-full.page-header-full.page-header-no-image:after {
		background-image: linear-gradient(-153.4349488229deg, #7c10ff 0%, rgba(124, 16, 255, 0) 100%)
	}
}

body.theme-purple .page-header-full.page-header-full.page-header-no-image .eyebrow:after {
	border-color: #7c10ff
}

body.theme-purple .page-header-full.page-header-full.page-header-no-image .headline:before {
	border-color: #7c10ff
}

body.theme-purple .page-header-full.page-header-full.page-header-no-image .headline:after {
	border-color: #7c10ff
}

body.theme-green .page-header-full {
	background-color: #005a10
}

@media only screen and (min-width: 48em) {
	body.theme-green .page-header-full {
		background-color: #00a31c
	}
}

body.theme-green .page-header-full::after {
	background-image: linear-gradient(0deg, #005a10 0%, rgba(0, 90, 16, 0) 48px), linear-gradient(-153.4349488229deg, #00a31c 0%, rgba(0, 163, 28, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-green .page-header-full::after {
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-112deg, rgba(0, 163, 28, 0.6) 0%, rgba(0, 163, 28, 0) 30%), linear-gradient(-100deg, rgba(0, 163, 28, 0.8) 0%, rgba(0, 163, 28, 0) 5%)
	}
}

@media only screen and (max-width: 767px) {
	body.theme-green .page-header-full .eyebrow::after {
		border-color: #00a31c
	}
}

@media only screen and (max-width: 767px) {
	body.theme-green .page-header-full .headline::before {
		border-color: #00a31c
	}
}

body.theme-green .page-header-full.page-header-full.page-header-no-image {
	background-color: #005a10
}

body.theme-green .page-header-full.page-header-full.page-header-no-image:after {
	background-image: linear-gradient(-153.4349488229deg, #00a31c 0%, rgba(0, 163, 28, 0) 100%)
}

@media only screen and (min-width: 48em) {
	body.theme-green .page-header-full.page-header-full.page-header-no-image:after {
		background-image: linear-gradient(-153.4349488229deg, #00a31c 0%, rgba(0, 163, 28, 0) 100%)
	}
}

body.theme-green .page-header-full.page-header-full.page-header-no-image .eyebrow:after {
	border-color: #00a31c
}

body.theme-green .page-header-full.page-header-full.page-header-no-image .headline:before {
	border-color: #00a31c
}

body.theme-green .page-header-full.page-header-full.page-header-no-image .headline:after {
	border-color: #00a31c
}

body.theme-pink .page-header-full {
	background-color: #770733
}

@media only screen and (min-width: 48em) {
	body.theme-pink .page-header-full {
		background-color: #e50d56
	}
}

body.theme-pink .page-header-full::after {
	background-image: linear-gradient(0deg, #770733 0%, rgba(119, 7, 51, 0) 48px), linear-gradient(-153.4349488229deg, #e50d56 0%, rgba(229, 13, 86, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-pink .page-header-full::after {
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-112deg, rgba(229, 13, 86, 0.6) 0%, rgba(229, 13, 86, 0) 30%), linear-gradient(-100deg, rgba(229, 13, 86, 0.8) 0%, rgba(229, 13, 86, 0) 5%)
	}
}

@media only screen and (max-width: 767px) {
	body.theme-pink .page-header-full .eyebrow::after {
		border-color: #e50d56
	}
}

@media only screen and (max-width: 767px) {
	body.theme-pink .page-header-full .headline::before {
		border-color: #e50d56
	}
}

body.theme-pink .page-header-full.page-header-full.page-header-no-image {
	background-color: #770733
}

body.theme-pink .page-header-full.page-header-full.page-header-no-image:after {
	background-image: linear-gradient(-153.4349488229deg, #e50d56 0%, rgba(229, 13, 86, 0) 100%)
}

@media only screen and (min-width: 48em) {
	body.theme-pink .page-header-full.page-header-full.page-header-no-image:after {
		background-image: linear-gradient(-153.4349488229deg, #e50d56 0%, rgba(229, 13, 86, 0) 100%)
	}
}

body.theme-pink .page-header-full.page-header-full.page-header-no-image .eyebrow:after {
	border-color: #e50d56
}

body.theme-pink .page-header-full.page-header-full.page-header-no-image .headline:before {
	border-color: #e50d56
}

body.theme-pink .page-header-full.page-header-full.page-header-no-image .headline:after {
	border-color: #e50d56
}

body.theme-orange .page-header-full {
	background-color: #7c1800
}

@media only screen and (min-width: 48em) {
	body.theme-orange .page-header-full {
		background-color: #ea2c00
	}
}

body.theme-orange .page-header-full::after {
	background-image: linear-gradient(0deg, #7c1800 0%, rgba(124, 24, 0, 0) 48px), linear-gradient(-153.4349488229deg, #ea2c00 0%, rgba(234, 44, 0, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-orange .page-header-full::after {
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-112deg, rgba(234, 44, 0, 0.6) 0%, rgba(234, 44, 0, 0) 30%), linear-gradient(-100deg, rgba(234, 44, 0, 0.8) 0%, rgba(234, 44, 0, 0) 5%)
	}
}

@media only screen and (max-width: 767px) {
	body.theme-orange .page-header-full .eyebrow::after {
		border-color: #ea2c00
	}
}

@media only screen and (max-width: 767px) {
	body.theme-orange .page-header-full .headline::before {
		border-color: #ea2c00
	}
}

body.theme-orange .page-header-full.page-header-full.page-header-no-image {
	background-color: #7c1800
}

body.theme-orange .page-header-full.page-header-full.page-header-no-image:after {
	background-image: linear-gradient(-153.4349488229deg, #ea2c00 0%, rgba(234, 44, 0, 0) 100%)
}

@media only screen and (min-width: 48em) {
	body.theme-orange .page-header-full.page-header-full.page-header-no-image:after {
		background-image: linear-gradient(-153.4349488229deg, #ea2c00 0%, rgba(234, 44, 0, 0) 100%)
	}
}

body.theme-orange .page-header-full.page-header-full.page-header-no-image .eyebrow:after {
	border-color: #ea2c00
}

body.theme-orange .page-header-full.page-header-full.page-header-no-image .headline:before {
	border-color: #ea2c00
}

body.theme-orange .page-header-full.page-header-full.page-header-no-image .headline:after {
	border-color: #ea2c00
}

.page-header {
	position: relative;
	background-color: #005662
}

@media only screen and (min-width: 48em) {
	.page-header {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		height: 700px;
		margin-right: 50px;
		background-color: #009da3
	}
}

@media only screen and (min-width: 64em) {
	.page-header {
		margin-right: 80px
	}
}

.page-header::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 268px;
	background-image: linear-gradient(0deg, #005662 0%, rgba(0, 86, 98, 0) 48px), linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 50%)
}

@media only screen and (min-width: 375px) {
	.page-header::after {
		height: 100vw
	}
}

@media only screen and (min-width: 48em) {
	.page-header::after {
		height: 700px;
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-112deg, rgba(0, 157, 163, 0.4) 0%, rgba(0, 157, 163, 0) 30%), linear-gradient(-100deg, rgba(0, 157, 163, 0.8) 0%, rgba(0, 157, 163, 0) 5%);
		background-blend-mode: multiply, multiply, overlay, overlay
	}
}

.page-header img {
	position: relative;
	height: 268px;
	margin: -3.0625rem 0 0;
	object-fit: cover
}

@media only screen and (min-width: 375px) {
	.page-header img {
		height: 100vw
	}
}

@media only screen and (min-width: 48em) {
	.page-header img {
		position: absolute;
		top: 49px;
		width: 100%;
		height: 700px
	}
}

.page-header video {
	position: relative;
	height: 268px;
	object-fit: cover;
	width: 100%
}

@media only screen and (min-width: 375px) {
	.page-header video {
		height: 100vw
	}
}

@media only screen and (min-width: 48em) {
	.page-header video {
		position: absolute;
		top: 49px;
		width: 100%;
		height: 700px;
		margin: -3.0625rem 0 0
	}
}

.page-header .header-body {
	position: relative;
	padding: 1px 0 2rem
}

@media only screen and (min-width: 48em) {
	.page-header .header-body {
		padding: 0
	}
}

.page-header .header-body h1,
.page-header .header-body span,
.page-header .header-body a:not(.btn),
.page-header .header-body p {
	color: #fff;
	word-wrap: break-word
}

.page-header .header-body h1,
.page-header .header-body p,
.page-header .header-body .btn {
	position: relative;
	z-index: 1
}

.page-header .header-body ol {
	position: absolute;
	padding: 0 1.5rem 0 2.5rem;
	margin-top: -14px;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.page-header .header-body ol {
		padding: 0 4.5rem 0
	}
}

@media only screen and (min-width: 48em) {
	.page-header .header-body ol {
		padding: 0 5rem 0
	}
}

@media only screen and (min-width: 90em) {
	.page-header .header-body ol {
		padding: 0 6.5rem 0
	}
}

.page-header .header-body ol li::after {
	color: #fff
}

.page-header .header-body .eyebrow {
	position: absolute;
	left: 32px;
	max-width: 77.5VW;
	height: 42px;
	padding: 0 1rem 0 .5rem;
	margin-top: 19px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 14px;
	word-break: break-all;
	z-index: 2;
	display: flex;
	align-items: center
}

@media only screen and (min-width: 375px) {
	.page-header .header-body .eyebrow {
		left: 56px;
		max-width: 63.285VW;
		padding: 0 1rem
	}
}

@media only screen and (min-width: 48em) {
	.page-header .header-body .eyebrow {
		top: 0;
		left: 64px;
		max-width: 494px
	}
}

@media only screen and (min-width: 90em) {
	.page-header .header-body .eyebrow {
		left: 88px;
		max-width: 597px
	}
}

.page-header .header-body .eyebrow::after {
	content: "";
	position: absolute;
	top: 18px;
	right: calc(-100vw + 100% + 32px + 24px);
	left: 100%;
	border-top: solid 5px #009da3
}

@media only screen and (min-width: 375px) {
	.page-header .header-body .eyebrow::after {
		right: calc(-100vw + 100% + 56px + 72px)
	}
}

@media only screen and (min-width: 48em) {
	.page-header .header-body .eyebrow::after {
		right: calc(-100vw + 100% + 64px + 80px + 100vw - 662px);
		border-color: #c00
	}
}

@media only screen and (min-width: 90em) {
	.page-header .header-body .eyebrow::after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 705px)
	}
}

@media only screen and (min-width: 128em) {
	.page-header .header-body .eyebrow::after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 942px)
	}
}

.page-header .header-body .eyebrow.fade-in::after {
	right: 100%
}

.page-header .header-body .eyebrow.fade-in.animate::after {
	right: calc(-100vw + 100% + 32px + 24px);
	transition: right 1s ease
}

@media only screen and (min-width: 375px) {
	.page-header .header-body .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 56px + 72px)
	}
}

@media only screen and (min-width: 48em) {
	.page-header .header-body .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 64px + 80px + 100vw - 662px)
	}
}

@media only screen and (min-width: 90em) {
	.page-header .header-body .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 705px)
	}
}

@media only screen and (min-width: 128em) {
	.page-header .header-body .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 942px)
	}
}

.page-header .header-body .headline {
	position: relative;
	padding: .9375rem 1.5rem .5625rem 2.5rem;
	margin-top: 42px;
	font-size: 29px;
	line-height: 40px;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.page-header .header-body .headline {
		padding: .9375rem 4.5rem 1rem
	}
}

@media only screen and (min-width: 48em) {
	.page-header .header-body .headline {
		max-width: 662px;
		padding: .9375rem 5rem 1rem;
		font-size: 42px;
		line-height: 53px
	}
}

@media only screen and (min-width: 90em) {
	.page-header .header-body .headline {
		max-width: 705px;
		padding: .9375rem 6.5rem 1rem
	}
}

@media only screen and (min-width: 128em) {
	.page-header .header-body .headline {
		max-width: 942px
	}
}

.page-header .header-body .headline::before {
	content: "";
	position: absolute;
	top: -5px;
	bottom: 19px;
	left: 16px;
	width: 11px;
	border-top: solid 5px #009da3;
	border-left: solid 5px #009da3
}

@media only screen and (min-width: 375px) {
	.page-header .header-body .headline::before {
		bottom: 28px;
		left: 32px;
		width: 19px
	}
}

@media only screen and (min-width: 48em) {
	.page-header .header-body .headline::before {
		right: 80px;
		left: 40px;
		border-color: #c00;
		z-index: 1
	}
}

@media only screen and (min-width: 90em) {
	.page-header .header-body .headline::before {
		right: 617px;
		left: 64px
	}
}

@media only screen and (min-width: 128em) {
	.page-header .header-body .headline::before {
		right: 854px
	}
}

.page-header .header-body .headline.fade-in::before {
	bottom: 100%
}

.page-header .header-body .headline.fade-in.animate::before {
	bottom: 19px;
	transition: bottom 1s ease
}

@media only screen and (min-width: 375px) {
	.page-header .header-body .headline.fade-in.animate::before {
		bottom: 28px
	}
}

.page-header .header-body .description {
	position: relative;
	padding: 0 1.5rem 2rem 2.5rem;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.page-header .header-body .description {
		padding: 0 4.5rem 2rem
	}
}

@media only screen and (min-width: 48em) {
	.page-header .header-body .description {
		max-width: 662px;
		padding: 0 5rem 2rem
	}
}

@media only screen and (min-width: 90em) {
	.page-header .header-body .description {
		max-width: 705px;
		padding: 0 6.5rem 2rem
	}
}

@media only screen and (min-width: 128em) {
	.page-header .header-body .description {
		max-width: 942px
	}
}

.page-header .header-body .description.fade-in.animate {
	transition: opacity 1.5s ease, transform 1s ease
}

.page-header .header-body .btn {
	position: relative;
	width: calc(100% - 5rem);
	margin: 0 2.5rem 0 2.5rem;
	text-align: center;
	word-break: break-word;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.page-header .header-body .btn {
		width: auto;
		margin: 0 4.5rem 0
	}
}

@media only screen and (min-width: 48em) {
	.page-header .header-body .btn {
		margin: 0 5rem 0
	}
}

@media only screen and (min-width: 90em) {
	.page-header .header-body .btn {
		margin: 0 6.5rem 0
	}
}

.page-header .header-body .btn.fade-in.animate {
	transition: color .2s ease-out, background .2s ease-out, border-bottom-color .2s ease-out, opacity 2s ease, transform 1.5s ease
}

.page-header.page-header-no-image {
	background-color: #005662
}

@media only screen and (min-width: 48em) {
	.page-header.page-header-no-image {
		height: unset;
		padding-top: 5rem;
		padding-bottom: 4rem
	}
}

.page-header.page-header-no-image:after {
	height: 100%;
	background-image: linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 100%)
}

@media only screen and (min-width: 48em) {
	.page-header.page-header-no-image:after {
		background-image: linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 100%)
	}
}

.page-header.page-header-no-image .header-body {
	padding: 2.875rem 0 5.5rem
}

@media only screen and (min-width: 48em) {
	.page-header.page-header-no-image .header-body {
		padding: 1px 0 2rem
	}
}

.page-header.page-header-no-image .eyebrow:after {
	border-top: solid 5px #009da3
}

@media only screen and (min-width: 64em) {
	.page-header.page-header-no-image .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 64px + 80px + 100vw - 1000px)
	}
}

@media only screen and (min-width: 90em) {
	.page-header.page-header-no-image .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 1200px)
	}
}

@media only screen and (min-width: 128em) {
	.page-header.page-header-no-image .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 1200px)
	}
}

@media only screen and (min-width: 48em) {
	.page-header.page-header-no-image .headline {
		max-width: unset
	}
}

@media only screen and (min-width: 90em) {
	.page-header.page-header-no-image .headline {
		max-width: unset
	}
}

.page-header.page-header-no-image .headline:before {
	border-top: solid 5px #009da3;
	border-left: solid 5px #009da3
}

@media only screen and (min-width: 48em) {
	.page-header.page-header-no-image .description {
		max-width: unset
	}
}

@media only screen and (min-width: 90em) {
	.page-header.page-header-no-image .description {
		max-width: unset
	}
}

@media only screen and (min-width: 128em) {
	.page-header.page-header-no-image .description {
		max-width: unset
	}
}

.page-header.page-header-no-subtitle .eyebrow:after {
	display: none
}

.page-header.page-header-no-subtitle .headline:before {
	right: 24px;
	width: inherit
}

@media only screen and (min-width: 375px) {
	.page-header.page-header-no-subtitle .headline:before {
		right: 72px
	}
}

@media only screen and (min-width: 48em) {
	.page-header.page-header-no-subtitle .headline:before {
		right: 80px
	}
}

@media only screen and (min-width: 90em) {
	.page-header.page-header-no-subtitle .headline:before {
		right: 104px
	}
}

.page-header.page-header-no-subtitle .headline.fade-in::before {
	right: 100%;
	bottom: 100%
}

.page-header.page-header-no-subtitle .headline.fade-in.animate::before {
	right: 24px;
	bottom: 19px;
	transition: right 1s ease, bottom 1s ease
}

@media only screen and (min-width: 375px) {
	.page-header.page-header-no-subtitle .headline.fade-in.animate::before {
		right: 72px;
		bottom: 28px
	}
}

@media only screen and (min-width: 48em) {
	.page-header.page-header-no-subtitle .headline.fade-in.animate::before {
		right: 80px
	}
}

@media only screen and (min-width: 90em) {
	.page-header.page-header-no-subtitle .headline.fade-in.animate::before {
		right: 104px
	}
}

.page-header.full-width {
	margin-right: 0
}

body.theme-teal .page-header {
	background-color: #005662
}

@media only screen and (min-width: 48em) {
	body.theme-teal .page-header {
		background-color: #009da3
	}
}

body.theme-teal .page-header::after {
	background-image: linear-gradient(0deg, #005662 0%, rgba(0, 86, 98, 0) 48px), linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-teal .page-header::after {
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-112deg, rgba(0, 157, 163, 0.6) 0%, rgba(0, 157, 163, 0) 30%), linear-gradient(-100deg, rgba(0, 157, 163, 0.8) 0%, rgba(0, 157, 163, 0) 5%)
	}
}

@media only screen and (max-width: 767px) {
	body.theme-teal .page-header .eyebrow::after {
		border-color: #009da3
	}
}

@media only screen and (max-width: 767px) {
	body.theme-teal .page-header .headline::before {
		border-color: #009da3
	}
}

body.theme-teal .page-header.page-header.page-header-no-image {
	background-color: #005662
}

body.theme-teal .page-header.page-header.page-header-no-image:after {
	background-image: linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 100%)
}

@media only screen and (min-width: 48em) {
	body.theme-teal .page-header.page-header.page-header-no-image:after {
		background-image: linear-gradient(-153.4349488229deg, #009da3 0%, rgba(0, 157, 163, 0) 100%)
	}
}

body.theme-teal .page-header.page-header.page-header-no-image .eyebrow:after {
	border-color: #009da3
}

body.theme-teal .page-header.page-header.page-header-no-image .headline:before {
	border-color: #009da3
}

body.theme-teal .page-header.page-header.page-header-no-image .headline:after {
	border-color: #009da3
}

body.theme-purple .page-header {
	background-color: #40089a
}

@media only screen and (min-width: 48em) {
	body.theme-purple .page-header {
		background-color: #7c10ff
	}
}

body.theme-purple .page-header::after {
	background-image: linear-gradient(0deg, #40089a 0%, rgba(64, 8, 154, 0) 48px), linear-gradient(-153.4349488229deg, #7c10ff 0%, rgba(124, 16, 255, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-purple .page-header::after {
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-112deg, rgba(124, 16, 255, 0.6) 0%, rgba(124, 16, 255, 0) 30%), linear-gradient(-100deg, rgba(124, 16, 255, 0.8) 0%, rgba(124, 16, 255, 0) 5%)
	}
}

@media only screen and (max-width: 767px) {
	body.theme-purple .page-header .eyebrow::after {
		border-color: #7c10ff
	}
}

@media only screen and (max-width: 767px) {
	body.theme-purple .page-header .headline::before {
		border-color: #7c10ff
	}
}

body.theme-purple .page-header.page-header.page-header-no-image {
	background-color: #40089a
}

body.theme-purple .page-header.page-header.page-header-no-image:after {
	background-image: linear-gradient(-153.4349488229deg, #7c10ff 0%, rgba(124, 16, 255, 0) 100%)
}

@media only screen and (min-width: 48em) {
	body.theme-purple .page-header.page-header.page-header-no-image:after {
		background-image: linear-gradient(-153.4349488229deg, #7c10ff 0%, rgba(124, 16, 255, 0) 100%)
	}
}

body.theme-purple .page-header.page-header.page-header-no-image .eyebrow:after {
	border-color: #7c10ff
}

body.theme-purple .page-header.page-header.page-header-no-image .headline:before {
	border-color: #7c10ff
}

body.theme-purple .page-header.page-header.page-header-no-image .headline:after {
	border-color: #7c10ff
}

body.theme-green .page-header {
	background-color: #005a10
}

@media only screen and (min-width: 48em) {
	body.theme-green .page-header {
		background-color: #00a31c
	}
}

body.theme-green .page-header::after {
	background-image: linear-gradient(0deg, #005a10 0%, rgba(0, 90, 16, 0) 48px), linear-gradient(-153.4349488229deg, #00a31c 0%, rgba(0, 163, 28, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-green .page-header::after {
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-112deg, rgba(0, 163, 28, 0.6) 0%, rgba(0, 163, 28, 0) 30%), linear-gradient(-100deg, rgba(0, 163, 28, 0.8) 0%, rgba(0, 163, 28, 0) 5%)
	}
}

@media only screen and (max-width: 767px) {
	body.theme-green .page-header .eyebrow::after {
		border-color: #00a31c
	}
}

@media only screen and (max-width: 767px) {
	body.theme-green .page-header .headline::before {
		border-color: #00a31c
	}
}

body.theme-green .page-header.page-header.page-header-no-image {
	background-color: #005a10
}

body.theme-green .page-header.page-header.page-header-no-image:after {
	background-image: linear-gradient(-153.4349488229deg, #00a31c 0%, rgba(0, 163, 28, 0) 100%)
}

@media only screen and (min-width: 48em) {
	body.theme-green .page-header.page-header.page-header-no-image:after {
		background-image: linear-gradient(-153.4349488229deg, #00a31c 0%, rgba(0, 163, 28, 0) 100%)
	}
}

body.theme-green .page-header.page-header.page-header-no-image .eyebrow:after {
	border-color: #00a31c
}

body.theme-green .page-header.page-header.page-header-no-image .headline:before {
	border-color: #00a31c
}

body.theme-green .page-header.page-header.page-header-no-image .headline:after {
	border-color: #00a31c
}

body.theme-pink .page-header {
	background-color: #770733
}

@media only screen and (min-width: 48em) {
	body.theme-pink .page-header {
		background-color: #e50d56
	}
}

body.theme-pink .page-header::after {
	background-image: linear-gradient(0deg, #770733 0%, rgba(119, 7, 51, 0) 48px), linear-gradient(-153.4349488229deg, #e50d56 0%, rgba(229, 13, 86, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-pink .page-header::after {
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-112deg, rgba(229, 13, 86, 0.6) 0%, rgba(229, 13, 86, 0) 30%), linear-gradient(-100deg, rgba(229, 13, 86, 0.8) 0%, rgba(229, 13, 86, 0) 5%)
	}
}

@media only screen and (max-width: 767px) {
	body.theme-pink .page-header .eyebrow::after {
		border-color: #e50d56
	}
}

@media only screen and (max-width: 767px) {
	body.theme-pink .page-header .headline::before {
		border-color: #e50d56
	}
}

body.theme-pink .page-header.page-header.page-header-no-image {
	background-color: #770733
}

body.theme-pink .page-header.page-header.page-header-no-image:after {
	background-image: linear-gradient(-153.4349488229deg, #e50d56 0%, rgba(229, 13, 86, 0) 100%)
}

@media only screen and (min-width: 48em) {
	body.theme-pink .page-header.page-header.page-header-no-image:after {
		background-image: linear-gradient(-153.4349488229deg, #e50d56 0%, rgba(229, 13, 86, 0) 100%)
	}
}

body.theme-pink .page-header.page-header.page-header-no-image .eyebrow:after {
	border-color: #e50d56
}

body.theme-pink .page-header.page-header.page-header-no-image .headline:before {
	border-color: #e50d56
}

body.theme-pink .page-header.page-header.page-header-no-image .headline:after {
	border-color: #e50d56
}

body.theme-orange .page-header {
	background-color: #7c1800
}

@media only screen and (min-width: 48em) {
	body.theme-orange .page-header {
		background-color: #ea2c00
	}
}

body.theme-orange .page-header::after {
	background-image: linear-gradient(0deg, #7c1800 0%, rgba(124, 24, 0, 0) 48px), linear-gradient(-153.4349488229deg, #ea2c00 0%, rgba(234, 44, 0, 0) 50%)
}

@media only screen and (min-width: 48em) {
	body.theme-orange .page-header::after {
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-112deg, rgba(234, 44, 0, 0.6) 0%, rgba(234, 44, 0, 0) 30%), linear-gradient(-100deg, rgba(234, 44, 0, 0.8) 0%, rgba(234, 44, 0, 0) 5%)
	}
}

@media only screen and (max-width: 767px) {
	body.theme-orange .page-header .eyebrow::after {
		border-color: #ea2c00
	}
}

@media only screen and (max-width: 767px) {
	body.theme-orange .page-header .headline::before {
		border-color: #ea2c00
	}
}

body.theme-orange .page-header.page-header.page-header-no-image {
	background-color: #7c1800
}

body.theme-orange .page-header.page-header.page-header-no-image:after {
	background-image: linear-gradient(-153.4349488229deg, #ea2c00 0%, rgba(234, 44, 0, 0) 100%)
}

@media only screen and (min-width: 48em) {
	body.theme-orange .page-header.page-header.page-header-no-image:after {
		background-image: linear-gradient(-153.4349488229deg, #ea2c00 0%, rgba(234, 44, 0, 0) 100%)
	}
}

body.theme-orange .page-header.page-header.page-header-no-image .eyebrow:after {
	border-color: #ea2c00
}

body.theme-orange .page-header.page-header.page-header-no-image .headline:before {
	border-color: #ea2c00
}

body.theme-orange .page-header.page-header.page-header-no-image .headline:after {
	border-color: #ea2c00
}

.collection-header {
	position: relative;
	background-color: #525e70;
	overflow: hidden
}

.collection-header:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 221px;
	background-image: linear-gradient(0deg, #525e70 0%, rgba(0, 86, 98, 0) 48px), linear-gradient(-153.4349488229deg, #525e7036 0%, rgba(0, 157, 163, 0) 50%)
}

@media only screen and (min-width: 48em) {
	.collection-header {
		display: flex;
		justify-content: flex-start;
		height: 540px;
		position: relative;
		overflow: visible;
		margin-bottom: 200px;
		flex-direction: column
	}

	.collection-header:after {
		display: none
	}
}

.collection-header .header-body {
	padding: 1px 0 2rem;
	width: 100%;
	position: relative;
	top: 0
}

@media only screen and (min-width: 48em) {
	.collection-header .header-body {
		padding: 0;
		position: absolute;
		top: 100px
	}
}

.collection-header .header-body ol {
	position: absolute;
	padding: 0 1.5rem 0 2.5rem;
	margin-top: -14px;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.collection-header .header-body ol {
		padding: 0 4.5rem 0
	}
}

@media only screen and (min-width: 48em) {
	.collection-header .header-body ol {
		padding: 0 5rem 0
	}
}

@media only screen and (min-width: 90em) {
	.collection-header .header-body ol {
		padding: 0 6.5rem 0
	}
}

.collection-header .header-body ol li a {
	color: #fff
}

.collection-header .header-body ol li::after {
	color: #fff
}

.collection-header img {
	position: relative;
	object-fit: cover;
	height: 221px;
	width: 100%
}

@media only screen and (min-width: 48em) {
	.collection-header img {
		height: 540px
	}
}

.collection-header video.card-video {
	position: relative;
	height: 221px;
	object-fit: cover;
	width: 100%
}

@media only screen and (min-width: 48em) {
	.collection-header video.card-video {
		height: 540px
	}
}

.collection-header .content-area {
	position: relative;
	max-width: 1140px;
	margin: 0 auto;
	background: #525e70;
	z-index: 1;
	color: #fff;
	text-align: center;
	padding: 2rem 1.5rem
}

.collection-header .content-area h2 {
	padding-bottom: 1.5rem
}

.collection-header .content-area h2:before {
	display: none
}

@media only screen and (min-width: 48em) {
	.collection-header .content-area {
		bottom: 150px;
		padding: 4rem 12rem
	}

	.collection-header .content-area p {
		font-weight: 300
	}
}

.page-header-error {
	position: relative;
	background: url("clientlib-bgimg/resources/photos/error.jpg") top right no-repeat #fff;
	background-size: 180%
}

@media only screen and (min-width: 48em) {
	.page-header-error {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		height: 900px;
		background: url("clientlib-bgimg/resources/photos/error.jpg") center center no-repeat #fff;
		background-size: contain
	}
}

@media only screen and (min-width: 2285px) {
	.page-header-error {
		margin-right: unset
	}
}

.page-header-error .header-body {
	position: relative;
	padding: 250px 0 2rem
}

@media only screen and (min-width: 48em) {
	.page-header-error .header-body {
		padding: 0
	}
}

.page-header-error .header-body h1,
.page-header-error .header-body span,
.page-header-error .header-body p {
	color: #000;
	word-wrap: break-word
}

.page-header-error .header-body h1,
.page-header-error .header-body p {
	position: relative;
	z-index: 1
}

.page-header-error .header-body .headline {
	position: relative;
	padding: .9375rem 1.5rem .5625rem 2.5rem;
	margin-top: 42px;
	font-size: 42px;
	line-height: 53px;
	font-weight: 300;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.page-header-error .header-body .headline {
		max-width: 500px;
		padding: .9375rem 0 1rem 4.5rem
	}
}

@media only screen and (min-width: 48em) {
	.page-header-error .header-body .headline {
		padding: .9375rem 0 1rem 5rem
	}
}

@media only screen and (min-width: 64em) {
	.page-header-error .header-body .headline {
		max-width: 730px;
		font-size: 65px;
		line-height: 80px
	}
}

@media only screen and (min-width: 90em) {
	.page-header-error .header-body .headline {
		padding: .9375rem 0 1rem 6.5rem
	}
}

@media only screen and (min-width: 128em) {
	.page-header-error .header-body .headline {
		max-width: 942px
	}
}

.page-header-error .header-body .headline.fade-in::before {
	bottom: 100%
}

.page-header-error .header-body .headline.fade-in.animate::before {
	bottom: 19px;
	transition: bottom 1s ease
}

@media only screen and (min-width: 375px) {
	.page-header-error .header-body .headline.fade-in.animate::before {
		bottom: 28px
	}
}

.page-header-error .header-body p {
	position: relative;
	padding: 0 1.5rem 1rem 2.5rem;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.page-header-error .header-body p {
		padding: 0 4.5rem 1rem
	}
}

@media only screen and (min-width: 48em) {
	.page-header-error .header-body p {
		max-width: 662px;
		padding: 0 5rem 1rem
	}
}

@media only screen and (min-width: 90em) {
	.page-header-error .header-body p {
		max-width: 705px;
		padding: 0 6.5rem 1rem
	}
}

@media only screen and (min-width: 128em) {
	.page-header-error .header-body p {
		max-width: 942px
	}
}

.page-header-error .header-body p.fade-in.animate {
	transition: opacity 1.5s ease, transform 1s ease
}

.page-header-error .header-body a {
	color: #c00;
	text-decoration: underline;
	position: relative
}

.page-header-error .header-body a:hover {
	text-decoration: none
}

.page-header-error .header-body ul li {
	position: relative;
	margin: 0 1.5rem 1rem 3.5rem;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.page-header-error .header-body ul li {
		margin: 0 5.5rem 1rem
	}
}

@media only screen and (min-width: 48em) {
	.page-header-error .header-body ul li {
		max-width: 662px;
		margin: 0 6rem 1rem
	}
}

@media only screen and (min-width: 90em) {
	.page-header-error .header-body ul li {
		max-width: 705px;
		margin: 0 8rem 1rem
	}
}

@media only screen and (min-width: 128em) {
	.page-header-error .header-body ul li {
		max-width: 942px
	}
}

.page-header-error .header-body ul li::before {
	margin-left: -20px;
	margin-right: 8px;
	content: "";
	width: 5px;
	height: 5px;
	display: block;
	background: url("clientlib-bgimg/resources/icons/bullet.svg") center center no-repeat;
	background-size: cover;
	position: absolute;
	top: 9px;
	left: 0
}

.page-header-error .header-body .btn {
	position: relative;
	margin-left: 2.5rem;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.page-header-error .header-body .btn {
		margin-left: 4.5rem
	}
}

@media only screen and (min-width: 48em) {
	.page-header-error .header-body .btn {
		margin-left: 5rem
	}
}

@media only screen and (min-width: 90em) {
	.page-header-error .header-body .btn {
		margin-left: 6.5rem
	}
}

.page-header-error .header-body .btn.fade-in.animate {
	transition: opacity 1.5s ease, transform 1s ease
}

.mediahub-header {
	position: relative;
	margin: 24px 2rem
}

@media only screen and (min-width: 64em) {
	.mediahub-header {
		margin: 40px calc(8.3333333333% + 22px + 2rem)
	}
}

.mediahub-header h1 {
	font-size: 29px;
	line-height: 40px;
	letter-spacing: -0.003em;
	color: #2d3a4d;
	margin: 0
}

@media only screen and (min-width: 64em) {
	.mediahub-header h1 {
		font-size: 42px;
		line-height: 53px
	}
}

.mediahub-header button {
	display: inline-block;
	background: transparent url("clientlib-bgimg/resources/icons/arrow-up.svg") center center no-repeat;
	background-size: 12px 6px;
	width: 12px;
	height: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	text-indent: -9999px;
	padding: 10px;
	margin: 8px 0 0;
	cursor: pointer
}

@media only screen and (min-width: 64em) {
	.mediahub-header button {
		display: none
	}
}

.mediahub-header.open button {
	background: transparent url("clientlib-bgimg/resources/icons/arrow-down.svg") center center no-repeat;
	background-size: 12px 6px
}

.mediahub-header p {
	font-size: 16px;
	line-height: 32px;
	margin: 0;
	letter-spacing: .002em;
	color: #525e70
}

@media only screen and (min-width: 64em) {
	.mediahub-header p {
		font-size: 18px;
		line-height: 32px
	}
}

.mediahub-header nav {
	opacity: 0;
	height: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 200ms ease;
	-moz-transition: 200ms ease;
	-o-transition: 200ms ease;
	transition: 200ms ease;
	margin: 20px 0 0
}

@media only screen and (min-width: 64em) {
	.mediahub-header nav {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		opacity: 1;
		height: auto;
		margin: 0
	}
}

.mediahub-header nav ul {
	list-style: none
}

.mediahub-header nav ul li {
	margin: 12px 0
}

@media only screen and (min-width: 64em) {
	.mediahub-header nav ul li {
		float: left;
		margin: 0 0 0 24px
	}
}

.mediahub-header nav ul li a {
	font-size: 18px;
	line-height: 32px;
	letter-spacing: .002em;
	color: #000
}

.mediahub-header nav ul li a:hover,
.mediahub-header nav ul li a:focus {
	color: #c00
}

.mediahub-header.open nav {
	visibility: visible;
	opacity: 1;
	height: auto;
	filter: alpha(opacity=100)
}

.compact-newsfeed {
	width: 100%;
	height: 100%;
	padding: 2rem 2rem 2.6875rem;
	background-color: #e5e9ed;
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start
}

@media only screen and (min-width: 64em) {
	.compact-newsfeed {
		padding: 4rem 4rem 2.6875rem
	}
}

.compact-newsfeed ul {
	width: 100%;
	list-style-position: outside
}

.compact-newsfeed ul li {
	padding-left: 1.5rem;
	margin-bottom: 1.5625rem
}

.compact-newsfeed ul li a {
	position: relative;
	font-size: 14px;
	letter-spacing: .78px;
	line-height: 19px;
	color: #2d3a4d;
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: all .2s ease-out
}

.compact-newsfeed ul li a:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -25px;
	width: 15px;
	height: 18px;
	display: inline-block;
	background: url("clientlib-bgimg/resources/icons/page.svg") center center no-repeat;
	background-size: cover
}

.compact-newsfeed ul li a:hover {
	color: #c00;
	text-decoration-color: #c00
}

.compact-newsfeed ul li.blog a:before {
	background: url("clientlib-bgimg/resources/icons/blog.svg") center center no-repeat
}

.compact-newsfeed ul li.blog a:hover:before {
	filter: invert(11%) sepia(87%) saturate(5079%) hue-rotate(0deg) brightness(92%) contrast(118%)
}

.compact-newsfeed ul li.news a:before {
	background: url("clientlib-bgimg/resources/icons/page.svg") center center no-repeat
}

.compact-newsfeed ul li.news a:hover:before {
	filter: invert(11%) sepia(87%) saturate(5079%) hue-rotate(0deg) brightness(92%) contrast(118%)
}

.compact-newsfeed ul li.press-release a:before {
	background: url("clientlib-bgimg/resources/icons/press-release.svg") center center no-repeat
}

.compact-newsfeed ul li.press-release a:hover:before {
	filter: invert(11%) sepia(87%) saturate(5079%) hue-rotate(0deg) brightness(92%) contrast(118%)
}

.compact-newsfeed ul .action-link-li {
	padding-left: 0;
	margin-bottom: 0
}

.compact-newsfeed ul .action-link-li .action-link {
	cursor: pointer;
	margin-top: 8px;
	font-size: 17px;
	letter-spacing: .5px;
	line-height: 20px;
	color: #c00;
	text-decoration: none
}

.compact-newsfeed ul .action-link-li .action-link:hover::before,
.compact-newsfeed ul .action-link-li .action-link:focus::before {
	opacity: 1;
	transition: all .2s ease-out
}

.compact-newsfeed ul .action-link-li .action-link::before {
	content: "";
	width: calc(100% - 17px);
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	background: none;
	opacity: 0
}

.compact-newsfeed ul .action-link-li .action-link::after {
	display: inline-block
}

@media only screen and (min-width: 48em) {
	.compact-visual-list {
		margin: 64px 32px
	}
}

@media only screen and (min-width: 90em) {
	.compact-visual-list {
		margin: 64px
	}
}

@media only screen and (min-width: 128em) {
	.compact-visual-list {
		margin: 96px 64px
	}
}

.compact-visual-list h2 {
	margin: 37px 32px 16px
}

@media only screen and (min-width: 48em) {
	.compact-visual-list h2 {
		max-width: 900px;
		margin-left: auto;
		margin-right: auto
	}
}

@media only screen and (min-width: 64em) {
	.compact-visual-list h2 {
		padding: 0 8px
	}
}

@media only screen and (min-width: 90em) {
	.compact-visual-list h2 {
		padding: 0 12px
	}
}

.compact-visual-list .compact-visual-list-container {
	margin: 0 auto 2.5rem;
	background-color: #fff;
	position: relative;
	box-shadow: 10px 10px 20px 0px rgba(67, 73, 78, .16), 10px 20px 60px 0px rgba(67, 73, 78, .24);
	transition: all .2s ease-out
}

.compact-visual-list .compact-visual-list-container:hover,
.compact-visual-list .compact-visual-list-container:focus {
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .18)
}

.compact-visual-list .compact-visual-list-container:before {
	content: "";
	background: url("clientlib-bgimg/resources/patterns/line-pattern.svg");
	position: absolute;
	top: 16px;
	right: -16px;
	bottom: -16px;
	left: 16px;
	z-index: -1;
	opacity: .1
}

@media only screen and (max-width: 767px) {
	.compact-visual-list .compact-visual-list-container::before {
		right: 0px
	}
}

@media only screen and (min-width: 48em) {
	.compact-visual-list .compact-visual-list-container {
		max-width: 900px;
		height: 144px;
		display: flex;
		flex-flow: row nowrap
	}
}

.compact-visual-list .compact-visual-list-container img {
	width: 100%;
	height: auto
}

@media only screen and (min-width: 48em) {
	.compact-visual-list .compact-visual-list-container img {
		width: 241px
	}
}

.compact-visual-list .compact-visual-list-container .card-body {
	width: 100%;
	padding: 1.5rem 1.5rem 1.625rem;
	background-color: #fff
}

@media only screen and (min-width: 48em) {
	.compact-visual-list .compact-visual-list-container .card-body {
		width: calc(100% - 241px);
		padding: 1.5rem 2rem 2.125rem;
		display: flex;
		flex-flow: column nowrap
	}
}

.compact-visual-list .compact-visual-list-container .card-body h3 {
	position: relative;
	margin-bottom: 1.125rem;
	z-index: 3
}

@media only screen and (min-width: 48em) {
	.compact-visual-list .compact-visual-list-container .card-body h3 {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.compact-visual-list .compact-visual-list-container .card-body a {
	position: static
}

.compact-visual-list .compact-visual-list-container .card-body a::before {
	content: "";
	border-bottom: unset;
	opacity: 0;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.related-resources {
	width: 100%;
	height: 100%;
	padding: 2rem 2rem 2.6875rem;
	background-color: #e5e9ed;
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start
}

@media only screen and (min-width: 64em) {
	.related-resources {
		padding: 4rem 4rem 2.6875rem
	}
}

.related-resources ul:first-of-type li:first-of-type {
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: solid 1px #979fad
}

.related-resources ul:first-of-type li:first-of-type a {
	color: #c00;
	font-size: 17px;
	font-weight: 500;
	line-height: 28px
}

.related-resources ul:first-of-type li:first-of-type a:before {
	filter: invert(11%) sepia(87%) saturate(5079%) hue-rotate(0deg) brightness(92%) contrast(118%)
}

.related-resources ul {
	width: 100%
}

.related-resources ul li .action-link {
	cursor: pointer;
	margin-top: 8px;
	font-size: 17px;
	letter-spacing: .5px;
	line-height: 20px;
	color: #c00;
	text-decoration: none
}

.related-resources ul li .action-link:hover::before,
.related-resources ul li .action-link:focus::before {
	opacity: 1;
	transition: all .2s ease-out
}

.related-resources ul li .action-link::before {
	content: "";
	width: calc(100% - 17px);
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: solid 1px #c00;
	background: none;
	opacity: 0
}

.related-resources ul li .action-link::after {
	display: inline-block
}

.related-resources ul .action-link-li {
	padding-left: 0;
	margin-bottom: 0
}

.related-resources ul,
.related-resources-modal ul {
	list-style-position: outside
}

.related-resources ul li,
.related-resources-modal ul li {
	padding-left: 1.5rem;
	margin-bottom: 1.5625rem
}

.related-resources ul li a,
.related-resources-modal ul li a {
	position: relative;
	font-size: 14px;
	letter-spacing: .78px;
	line-height: 19px;
	color: #2d3a4d;
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: all .2s ease-out
}

.related-resources ul li a:before,
.related-resources-modal ul li a:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -25px;
	width: 15px;
	height: 18px;
	display: inline-block;
	background: url("clientlib-bgimg/resources/icons/page.svg") center center no-repeat;
	background-size: cover
}

.related-resources ul li a:hover,
.related-resources-modal ul li a:hover {
	color: #c00;
	text-decoration-color: #c00
}

.related-resources ul li a:hover:before,
.related-resources-modal ul li a:hover:before {
	filter: invert(11%) sepia(87%) saturate(5079%) hue-rotate(0deg) brightness(92%) contrast(118%)
}

.related-resources ul li .action-link:hover:before,
.related-resources-modal ul li .action-link:hover:before {
	filter: none
}

.related-resources-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 320px;
	padding: 1rem;
	background-color: #e5e9ed;
	z-index: 99;
	display: none
}

.related-resources-modal:before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	width: 100vw;
	height: 100%;
	background-color: #000;
	opacity: .6
}

.related-resources-modal h3 {
	padding-bottom: .875rem;
	font-size: 18px;
	letter-spacing: .2px;
	line-height: 32px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.related-resources-modal ul {
	position: absolute;
	top: 3.6875rem;
	right: 1rem;
	bottom: 1rem;
	left: 22px;
	padding: .875rem 1.6875rem 0 3px;
	overflow-y: scroll
}

.related-resources-modal ul::-webkit-scrollbar {
	width: 9px
}

.related-resources-modal ul::-webkit-scrollbar-track {
	display: none
}

.related-resources-modal ul::-webkit-scrollbar-thumb {
	border-radius: 4.5px;
	background-color: #979fad
}

.related-resources-modal span {
	cursor: pointer;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 12px;
	height: 12px;
	padding: 1rem;
	display: inline-block;
	background: url("clientlib-bgimg/resources/icons/cross.svg") center center no-repeat;
	background-size: 12px
}

.related-resources-modal.display {
	display: block
}

@media only screen and (min-width: 48em) {
	.visual-list {
		margin: 64px 32px
	}
}

@media only screen and (min-width: 90em) {
	.visual-list {
		margin: 64px
	}
}

@media only screen and (min-width: 128em) {
	.visual-list {
		margin: 96px 64px
	}
}

.visual-list h2 {
	margin: 37px 32px 16px
}

@media only screen and (min-width: 48em) {
	.visual-list h2 {
		margin: 0 0 32px
	}
}

@media only screen and (min-width: 64em) {
	.visual-list h2 {
		max-width: 66.6667%;
		padding: 0 8px;
		margin: 0 0 32px 16.66667%
	}
}

@media only screen and (min-width: 90em) {
	.visual-list h2 {
		padding: 0 12px
	}
}

@media only screen and (max-width: 767px) {
	.visual-list .visual-list-container {
		position: relative;
		background-color: #fff;
		box-shadow: 10px 10px 20px 0px rgba(67, 73, 78, .16), 10px 20px 60px 0px rgba(67, 73, 78, .24);
		transition: all .2s ease-out
	}

	.visual-list .visual-list-container:before {
		content: "";
		background: url("clientlib-bgimg/resources/patterns/line-pattern.svg");
		position: absolute;
		top: 16px;
		right: 0;
		bottom: -16px;
		left: 16px;
		z-index: -1;
		opacity: .1
	}
}

@media only screen and (min-width: 48em) {
	.visual-list .visual-list-container {
		margin: 0 auto
	}
}

@media only screen and (min-width: 90em) {
	.visual-list .visual-list-container {
		max-width: 1312px
	}
}

.visual-list .visual-list-container .visual-list-image {
	width: 100%;
	height: auto
}

@media only screen and (min-width: 48em) {
	.visual-list .visual-list-container .visual-list-image {
		position: relative;
		width: 545px;
		height: auto;
		margin: 0
	}
}

.visual-list .visual-list-container .accordion {
	padding: 12px 16px 0;
	background-color: #fff;
	transition: all .2s ease-out;
	position: relative
}

@media only screen and (min-width: 48em) {
	.visual-list .visual-list-container .accordion {
		min-height: 210px
	}
}

@media only screen and (min-width: 48em) {
	.visual-list .visual-list-container .accordion {
		bottom: 107px;
		left: 80px;
		width: calc(100% - 80px);
		margin-right: 0;
		margin-bottom: -107px;
		padding: 20px 96px 20px 32px
	}

	.visual-list .visual-list-container .accordion:hover {
		background-color: #f4f7f9
	}
}

@media only screen and (min-width: 90em) {
	.visual-list .visual-list-container .accordion {
		bottom: 210px;
		left: 480px;
		width: calc(100% - 480px);
		margin-bottom: -210px
	}
}

@media only screen and (min-width: 128em) {
	.visual-list .visual-list-container .accordion {
		margin-bottom: -146px
	}
}

.visual-list .visual-list-container .accordion>h3 {
	position: relative;
	margin-bottom: 16px
}

.visual-list .visual-list-container .accordion>p {
	position: relative;
	padding-bottom: 18px;
	word-break: break-word;
	transition: all .2s ease-out
}

@media only screen and (max-width: 767px) {
	.visual-list .visual-list-container .accordion>p {
		height: 0;
		padding: 0;
		opacity: 0;
		pointer-events: none
	}
}

.visual-list .visual-list-container .accordion>a {
	transition: all .2s ease-out;
	position: static
}

.visual-list .visual-list-container .accordion>a::before {
	content: "";
	border-bottom: unset;
	opacity: 0;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.visual-list .visual-list-container .accordion>a:after {
	display: inline-block
}

.visual-list .visual-list-container .accordion>a:hover {
	text-decoration: underline;
	text-underline-position: under
}

@media only screen and (max-width: 767px) {
	.visual-list .visual-list-container .accordion>a {
		opacity: 0;
		height: 0;
		display: block
	}
}

.visual-list .visual-list-container .accordion-btn {
	cursor: pointer;
	width: 44px;
	height: 44px;
	margin: 0px 0px 24px calc(100% - 44px);
	background-color: #009da3;
	display: flex;
	justify-content: center;
	align-items: center
}

@media only screen and (min-width: 48em) {
	.visual-list .visual-list-container .accordion-btn {
		position: relative;
		bottom: 64px;
		width: 64px;
		height: 64px;
		margin-bottom: 0;
		float: right
	}
}

@media only screen and (min-width: 90em) {
	.visual-list .visual-list-container .accordion-btn {
		bottom: 64px
	}
}

@media only screen and (min-width: 128em) {
	.visual-list .visual-list-container .accordion-btn {
		bottom: 128px
	}
}

.visual-list .visual-list-container .accordion-btn:after {
	content: "";
	position: relative;
	top: 1px;
	left: 1px;
	width: 16px;
	height: 10px;
	background-color: #fff;
	-webkit-mask-image: url("clientlib-bgimg/resources/icons/arrow-down-white.svg");
	-webkit-mask-repeat: no-repeat;
	mask-image: url("clientlib-bgimg/resources/icons/arrow-down-white.svg");
	mask-repeat: no-repeat
}

@media only screen and (min-width: 48em) {
	.visual-list .visual-list-container .accordion-btn:after {
		position: relative;
		top: 2px;
		left: 2px
	}
}

@media only screen and (max-width: 767px) {
	.visual-list .visual-list-container .accordion-btn.accordion-btn-desktop {
		display: none
	}
}

@media only screen and (min-width: 48em) {
	.visual-list .visual-list-container .accordion-btn.accordion-btn-mobile {
		display: none
	}
}

@media only screen and (min-width: 48em) {
	.visual-list .visual-list-container .accordion-btn.hide {
		display: none
	}
}

.visual-list .visual-list-container .accordion-content {
	display: flex;
	flex-flow: row nowrap;
	height: 0;
	padding: 0 40px 16px 16px;
	opacity: 0;
	transition: all .2s ease-out;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.visual-list .visual-list-container .accordion-content::-webkit-scrollbar {
	display: none
}

@media only screen and (max-width: 535px) {
	.visual-list .visual-list-container .accordion-content {
		cursor: pointer
	}
}

@media only screen and (max-width: 767px) {
	.visual-list .visual-list-container .accordion-content {
		overflow-x: scroll
	}
}

@media only screen and (min-width: 48em) {
	.visual-list .visual-list-container .accordion-content {
		justify-content: flex-end;
		position: relative;
		bottom: 64px;
		width: calc(100% - 192px);
		padding: 0;
		margin: 0 0 0 192px
	}
}

@media only screen and (min-width: 90em) {
	.visual-list .visual-list-container .accordion-content {
		width: calc(100% - 480px);
		margin: 0 0 0 480px
	}
}

@media only screen and (min-width: 128em) {
	.visual-list .visual-list-container .accordion-content {
		bottom: 128px
	}
}

@media only screen and (max-width: 767px) {
	.visual-list .visual-list-container .accordion-content .card {
		width: 256px;
		min-width: 256px;
		margin-right: 8px
	}
}

@media only screen and (min-width: 48em) {
	.visual-list .visual-list-container .accordion-content .card {
		margin-right: 0
	}
}

@media only screen and (max-width: 767px) {
	.visual-list .visual-list-container.opened .accordion>p {
		opacity: 1;
		pointer-events: auto
	}
}

@media only screen and (max-width: 767px) {
	.visual-list .visual-list-container.opened .accordion>a {
		opacity: 1;
		margin-bottom: 22px;
		height: unset;
		position: relative
	}
}

.visual-list .visual-list-container.opened .accordion-content {
	opacity: 1
}

@media only screen and (max-width: 767px) {
	.visual-list .visual-list-container.open .accordion>p {
		height: auto;
		padding: 0 0 16px
	}
}

@media only screen and (max-width: 767px) {
	.visual-list .visual-list-container.open .accordion>a:before {
		bottom: 1px
	}
}

@media only screen and (max-width: 767px) {
	.visual-list .visual-list-container.open .accordion>a:after {
		bottom: 6px
	}
}

@media only screen and (max-width: 767px) {
	.visual-list .visual-list-container.open .accordion>a {
		display: inline-block
	}
}

.visual-list .visual-list-container.open .accordion-btn {
	background-color: #005662
}

.visual-list .visual-list-container.open .accordion-btn:after {
	transform: rotate(180deg);
	transform-origin: 7px 4px
}

@media only screen and (min-width: 48em) {
	.visual-list .visual-list-container.adjust-width .accordion-content {
		width: calc(100% - 448px);
		margin: 0 0 0 448px
	}
}

@media only screen and (min-width: 90em) {
	.visual-list .visual-list-container.adjust-width .accordion-content {
		width: calc(100% - 880px);
		margin: 0 0 0 880px
	}
}

@media only screen and (min-width: 128em) {
	.visual-list .visual-list-container.adjust-width .accordion-content {
		width: calc(100% - 896px);
		margin: 0 0 0 896px
	}
}

@media only screen and (min-width: 48em) {
	.visual-list .visual-list-container.adjust-width .accordion-content div:nth-child(1) {
		width: 100%
	}
}

@media only screen and (min-width: 48em) {
	.visual-list .visual-list-container.adjust-margin .accordion-content {
		margin: 0 0 64px 192px
	}
}

body.theme-purple .visual-list .accordion-btn {
	background-color: #7c10ff
}

body.theme-purple .visual-list .visual-list-container.open .accordion-btn {
	background-color: #40089a
}

body.theme-green .visual-list .accordion-btn {
	background-color: #00a31c
}

body.theme-green .visual-list .visual-list-container.open .accordion-btn {
	background-color: #005a10
}

body.theme-pink .visual-list .accordion-btn {
	background-color: #e50d56
}

body.theme-pink .visual-list .visual-list-container.open .accordion-btn {
	background-color: #770733
}

body.theme-orange .visual-list .accordion-btn {
	background-color: #ea2c00
}

body.theme-orange .visual-list .visual-list-container.open .accordion-btn {
	background-color: #7c1800
}

@media only screen and (min-width: 90em) {
	.search-page {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center
	}
}

.search-page:not(.is-filterable) .filtering-column,
.search-page:not(.is-filterable) .clear-all-btn,
.search-page:not(.is-filterable) .filter-btn {
	display: none !important
}

.search-page .search-results {
	padding: 32px;
	padding-bottom: 0
}

@media only screen and (min-width: 48em) {
	.search-page .search-results {
		padding: 64px 32px;
		padding-bottom: 32px;
		max-width: 912px;
		width: 100%
	}
}

@media only screen and (min-width: 90em) {
	.search-page .search-results {
		padding: 64px;
		padding-bottom: 32px
	}
}

.search-page .search-results .search-details {
	margin-bottom: 3rem
}

.search-page .search-results .search-details span {
	margin-bottom: 1rem
}

.search-page .search-results .search-details span a {
	margin-right: .5rem;
	color: #c00;
	text-decoration: underline
}

.search-page .search-results .search-details span a:active {
	color: #000;
	text-decoration: none
}

.search-page .search-results .search-details span a.active {
	color: #000;
	text-decoration: none
}

.search-page .search-results .search-details .filter-btn {
	color: #c00;
	text-decoration: underline;
	display: inherit
}

@media only screen and (min-width: 90em) {
	.search-page .search-results .search-details .filter-btn {
		display: none
	}
}

.search-page .search-results .item {
	margin-bottom: 2.5rem
}

.search-page .search-results .item h4 {
	margin-bottom: 8px
}

.search-page .search-results .item p {
	margin-bottom: 5px
}

.mediahub-types {
	display: block
}

@media only screen and (min-width: 64em) {
	.mediahub-types {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start
	}

	.mediahub-types::after {
		content: "";
		position: absolute;
		bottom: 20px;
		right: 20px;
		width: 150px;
		height: 150px;
		z-index: 1;
		background: url("clientlib-bgimg/resources/patterns/dots.png");
		background-size: 150px 150px;
		opacity: 50%
	}
}

.mediahub-types .mediahub-type {
	position: relative;
	color: #fff;
	padding: 24px;
	width: 100%
}

@media only screen and (min-width: 64em) {
	.mediahub-types .mediahub-type {
		padding: 50px;
		width: 25%
	}
}

.mediahub-types .mediahub-type .icon {
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 21px;
	background-size: 18px;
	background-position: center center;
	border: 1px solid #fff;
	border-radius: 50%;
	filter: brightness(0) invert(1);
	display: none
}

@media only screen and (min-width: 64em) {
	.mediahub-types .mediahub-type .icon {
		display: unset
	}
}

.mediahub-types .mediahub-type h4 {
	position: relative;
	font-weight: 300;
	font-size: 32px;
	line-height: 29px;
	letter-spacing: -0.003em
}

@media only screen and (min-width: 64em) {
	.mediahub-types .mediahub-type h4 {
		font-size: 38px;
		line-height: 53px
	}
}

.mediahub-types .mediahub-type h4 button {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	background: none;
	width: 100%;
	height: 32px;
	text-indent: -9999px;
	cursor: pointer
}

@media only screen and (min-width: 64em) {
	.mediahub-types .mediahub-type h4 button {
		display: none
	}
}

.mediahub-types .mediahub-type h4 button:after {
	content: "";
	background: transparent url("clientlib-bgimg/resources/icons/plus.svg") center center no-repeat;
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 8px;
	right: 0;
	-webkit-filter: invert(100%);
	filter: invert(100%)
}

.mediahub-types .mediahub-type.open .inner {
	display: block
}

.mediahub-types .mediahub-type.open h4 button:after {
	background: transparent url("clientlib-bgimg/resources/icons/minus.svg") center center no-repeat
}

.mediahub-types .mediahub-type .inner {
	display: none;
	margin: 15px 0 0
}

@media only screen and (min-width: 64em) {
	.mediahub-types .mediahub-type .inner {
		display: unset;
		margin: unset
	}
}

.mediahub-types .mediahub-type .inner p {
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: .002em
}

.mediahub-types .mediahub-type .inner ul {
	margin: 20px 0
}

.mediahub-types .mediahub-type .inner ul li a {
	font-size: 18px;
	line-height: 32px;
	letter-spacing: .002em;
	color: #fff;
	transition: border-bottom .3s;
	border-bottom: 2px solid transparent
}

.mediahub-types .mediahub-type .inner ul li a:hover,
.mediahub-types .mediahub-type .inner ul li a:focus {
	border-bottom: 2px solid #fff
}

.mediahub-types .mediahub-type:nth-child(1) {
	background: #525e70
}

.mediahub-types .mediahub-type:nth-child(2) {
	background: #40089a
}

.mediahub-types .mediahub-type:nth-child(3) {
	background: #2d3a4d
}

.mediahub-types .mediahub-type:nth-child(4) {
	background: #7c10ff
}

section.featured-products-services {
	background: #000;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

section.featured-products-services .tns-outer .tns-controls,
section.featured-products-services .tns-outer .tns-nav {
	display: none
}

section.featured-products-services .tns-outer .tns-liveregion {
	position: absolute;
	bottom: 4px;
	right: 8px;
	z-index: 1;
	color: #e5e9ed;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 14px;
	text-transform: uppercase;
	z-index: 1
}

@media only screen and (max-width: 767px) {
	section.featured-products-services .tns-outer .tns-liveregion {
		top: calc(100vw - 12px);
		bottom: unset
	}
}

@media only screen and (min-width: 48em) {
	section.featured-products-services .tns-outer .tns-liveregion {
		position: absolute;
		bottom: 9px;
		left: 604px;
		right: unset
	}
}

@media only screen and (min-width: 64em) {
	section.featured-products-services .tns-outer .tns-liveregion {
		position: absolute;
		left: 796px
	}
}

@media only screen and (min-width: 90em) {
	section.featured-products-services .tns-outer .tns-liveregion {
		position: absolute;
		left: 1212px
	}
}

section.featured-products-services .tns-outer .tns-liveregion::before {
	content: "";
	width: 60px;
	height: 60px;
	position: absolute;
	right: -14px;
	bottom: -9px;
	background: radial-gradient(at 100% bottom, black 0%, rgba(0, 0, 0, 0) 70%);
	z-index: -1
}

section.featured-products-services .tns-outer .tns-controls {
	display: block;
	z-index: 2
}

@media only screen and (min-width: 48em) {
	section.featured-products-services .tns-outer .tns-controls {
		position: absolute;
		bottom: 0;
		left: 640px
	}
}

@media only screen and (min-width: 64em) {
	section.featured-products-services .tns-outer .tns-controls {
		left: 832px
	}
}

@media only screen and (min-width: 90em) {
	section.featured-products-services .tns-outer .tns-controls {
		left: 1248px
	}
}

section.featured-products-services .tns-outer .tns-controls button {
	padding: 17px 11px;
	margin: 0;
	border: none;
	background: #009da3;
	display: inline-flex
}

@media only screen and (max-width: 767px) {
	section.featured-products-services .tns-outer .tns-controls button {
		opacity: .8;
		position: absolute;
		top: 20%;
		z-index: 1
	}
}

@media only screen and (min-width: 48em) {
	section.featured-products-services .tns-outer .tns-controls button {
		padding: 25px 15px
	}
}

section.featured-products-services .tns-outer .tns-controls button:hover {
	opacity: .8
}

@media only screen and (max-width: 767px) {
	section.featured-products-services .tns-outer .tns-controls button:hover {
		opacity: 1
	}
}

section.featured-products-services .tns-outer .tns-controls button[data-controls=next] {
	background: #005662;
	float: right
}

@media only screen and (max-width: 767px) {
	section.featured-products-services .tns-outer .tns-controls button[data-controls=next] {
		right: 0
	}
}

section.featured-products-services .tns-outer .tns-controls button .icon {
	display: block;
	height: 10px
}

@media only screen and (min-width: 48em) {
	section.featured-products-services .tns-outer .tns-controls button .icon {
		width: 34px;
		height: 14px
	}
}

section.featured-products-services .tns-outer .tns-controls button .icon.icon-prev {
	background: url("clientlib-bgimg/resources/icons/arrow-line-left-white.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

section.featured-products-services .tns-outer .tns-controls button .icon.icon-next {
	background: url("clientlib-bgimg/resources/icons/arrow-line-right-white.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

body.theme-teal section.featured-products-services .tns-outer .tns-controls button {
	background-color: #009da3
}

body.theme-teal section.featured-products-services .tns-outer .tns-controls button[data-controls=next] {
	background-color: #005662
}

body.theme-purple section.featured-products-services .tns-outer .tns-controls button {
	background-color: #7c10ff
}

body.theme-purple section.featured-products-services .tns-outer .tns-controls button[data-controls=next] {
	background-color: #40089a
}

body.theme-green section.featured-products-services .tns-outer .tns-controls button {
	background-color: #00a31c
}

body.theme-green section.featured-products-services .tns-outer .tns-controls button[data-controls=next] {
	background-color: #005a10
}

body.theme-pink section.featured-products-services .tns-outer .tns-controls button {
	background-color: #e50d56
}

body.theme-pink section.featured-products-services .tns-outer .tns-controls button[data-controls=next] {
	background-color: #770733
}

body.theme-orange section.featured-products-services .tns-outer .tns-controls button {
	background-color: #ea2c00
}

body.theme-orange section.featured-products-services .tns-outer .tns-controls button[data-controls=next] {
	background-color: #7c1800
}

section.featured-products-services .tns-outer .slider>.tns-item {
	position: relative;
	padding: 49px 0 0 0;
	background-color: #000
}

@media only screen and (min-width: 48em) {
	section.featured-products-services .tns-outer .slider>.tns-item {
		height: 559px;
		padding: 125px 0 0 100px;
		background-color: #009da3
	}
}

@media only screen and (min-width: 64em) {
	section.featured-products-services .tns-outer .slider>.tns-item {
		height: 612px
	}
}

section.featured-products-services .tns-outer .slider>.tns-item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100vw;
	background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 48px);
	background-blend-mode: multiply
}

@media only screen and (min-width: 48em) {
	section.featured-products-services .tns-outer .slider>.tns-item::after {
		height: 559px;
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, black 100%)
	}
}

@media only screen and (min-width: 64em) {
	section.featured-products-services .tns-outer .slider>.tns-item::after {
		height: 612px
	}
}

section.featured-products-services .tns-outer .slider>.tns-item img,
section.featured-products-services .tns-outer .slider>.tns-item video {
	position: relative;
	width: 100%;
	height: 100vw;
	margin: -49px 0 0 0;
	object-fit: cover;
	object-position: 80%
}

@media only screen and (min-width: 48em) {

	section.featured-products-services .tns-outer .slider>.tns-item img,
	section.featured-products-services .tns-outer .slider>.tns-item video {
		position: absolute;
		margin-top: unset;
		top: 0;
		left: 0;
		width: 100%;
		height: 559px
	}
}

@media only screen and (min-width: 64em) {

	section.featured-products-services .tns-outer .slider>.tns-item img,
	section.featured-products-services .tns-outer .slider>.tns-item video {
		height: 612px
	}
}

@media only screen and (min-width: 48em)and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

	section.featured-products-services .tns-outer .slider>.tns-item img,
	section.featured-products-services .tns-outer .slider>.tns-item video {
		position: absolute;
		margin-top: unset;
		top: 0;
		left: 0;
		width: 100%;
		height: 537px !important
	}
}

section.featured-products-services .tns-outer .slider>.tns-item h3,
section.featured-products-services .tns-outer .slider>.tns-item p {
	color: #fff;
	word-wrap: break-word
}

section.featured-products-services .tns-outer .slider>.tns-item h3,
section.featured-products-services .tns-outer .slider>.tns-item p,
section.featured-products-services .tns-outer .slider>.tns-item .btn {
	position: relative;
	z-index: 1
}

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

	section.featured-products-services .tns-outer .slider>.tns-item h3,
	section.featured-products-services .tns-outer .slider>.tns-item p,
	section.featured-products-services .tns-outer .slider>.tns-item .btn {
		margin: 0 32px
	}
}

section.featured-products-services .tns-outer .slider>.tns-item h3 {
	position: relative;
	margin-top: 2rem;
	margin-bottom: 15px;
	font-size: 29px;
	line-height: 40px;
	z-index: 1
}

@media only screen and (min-width: 48em) {
	section.featured-products-services .tns-outer .slider>.tns-item h3 {
		font-size: 42px;
		line-height: 53px;
		max-width: 540px;
		margin-right: 4rem;
		margin-top: 0;
		margin-bottom: 20px
	}
}

section.featured-products-services .tns-outer .slider>.tns-item h3::before {
	content: "";
	position: absolute;
	bottom: 10px;
	top: -15px;
	left: -18px;
	width: 100%;
	right: 0;
	border-top: solid 5px #c00;
	border-left: solid 5px #c00
}

@media only screen and (min-width: 48em) {
	section.featured-products-services .tns-outer .slider>.tns-item h3::before {
		top: -25px;
		left: -40px
	}
}

section.featured-products-services .tns-outer .slider>.tns-item p {
	position: relative;
	z-index: 1;
	margin-bottom: 25px
}

@media only screen and (min-width: 48em) {
	section.featured-products-services .tns-outer .slider>.tns-item p {
		margin-bottom: 40px;
		max-width: 540px;
		margin-right: 4rem
	}
}

section.featured-products-services .tns-outer .slider>.tns-item .btn {
	position: relative;
	width: calc(100% - 64px);
	text-align: center;
	margin-bottom: 32px;
	z-index: 1
}

@media only screen and (min-width: 48em) {
	section.featured-products-services .tns-outer .slider>.tns-item .btn {
		width: auto
	}
}

@media only screen and (min-width: 48em) {
	section.featured-products-services .tns-outer .slider.tns-count-1>.tns-item figcaption {
		width: 100%
	}
}

@media only screen and (min-width: 90em) {

	[class=col-xs-12] section.media-image .tns-outer .slider>.tns-item figcaption,
	[class="col-xs-12 col-sm-6"] section.media-image .tns-outer .slider>.tns-item figcaption,
	.col-md-8 section.media-image .tns-outer .slider>.tns-item figcaption {
		padding-left: 64px;
		padding-right: 64px
	}
}

@media only screen and (min-width: 48em) {

	.col-md-3 section.media-image .tns-outer .slider>.tns-item figcaption,
	.col-md-4 section.media-image .tns-outer .slider>.tns-item figcaption {
		-webkit-line-clamp: 3
	}

	.col-md-3 section.media-image .tns-outer .slider>.tns-item figcaption:hover,
	.col-md-4 section.media-image .tns-outer .slider>.tns-item figcaption:hover {
		-webkit-line-clamp: unset;
		z-index: 1;
		padding-top: 5rem;
		padding-right: 172px;
		width: 100%
	}

	.col-md-3 section.media-image .tns-outer .slider>.tns-item figcaption:hover::before,
	.col-md-4 section.media-image .tns-outer .slider>.tns-item figcaption:hover::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: block;
		z-index: -1;
		background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, black 100%)
	}

	.col-md-3 section.media-image .tns-outer .slider.tns-count-1>.tns-item figcaption:hover,
	.col-md-4 section.media-image .tns-outer .slider.tns-count-1>.tns-item figcaption:hover {
		padding-right: 32px
	}
}

@media only screen and (min-width: 90em) {
	[class=col-xs-12] section.media-image .tns-outer .slider>.tns-item figcaption {
		width: 100%;
		max-width: 800px;
		padding-left: 0;
		padding-right: 0;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0
	}
}

.featured-collections .btn {
	margin: 0 auto 4rem
}

section.media-image {
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

section.media-image .tns-outer {
	width: 100%
}

section.media-image .tns-outer .tns-controls,
section.media-image .tns-outer .tns-nav,
section.media-image .tns-outer button {
	display: none
}

section.media-image .tns-outer .tns-liveregion {
	position: absolute;
	top: 6px;
	right: 4px;
	z-index: 1;
	color: #e5e9ed;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 14px;
	text-transform: uppercase
}

section.media-image .tns-outer .tns-controls {
	display: block;
	z-index: 1
}

section.media-image .tns-outer .tns-controls button {
	padding: 17px 11px;
	margin: 0;
	border: none;
	background: #009da3;
	display: inline-flex
}

@media only screen and (max-width: 767px) {
	section.media-image .tns-outer .tns-controls button {
		opacity: .8;
		position: absolute;
		top: calc(60% - 106px);
		z-index: 1
	}
}

@media only screen and (min-width: 48em) {
	section.media-image .tns-outer .tns-controls button {
		padding: 25px 15px
	}
}

section.media-image .tns-outer .tns-controls button:hover {
	opacity: .8
}

@media only screen and (max-width: 767px) {
	section.media-image .tns-outer .tns-controls button:hover {
		opacity: 1
	}
}

section.media-image .tns-outer .tns-controls button[data-controls=next] {
	background: #005662;
	float: right
}

@media only screen and (max-width: 767px) {
	section.media-image .tns-outer .tns-controls button[data-controls=next] {
		right: 0
	}
}

section.media-image .tns-outer .tns-controls button .icon {
	display: block;
	height: 10px
}

@media only screen and (min-width: 48em) {
	section.media-image .tns-outer .tns-controls button .icon {
		width: 34px;
		height: 14px
	}
}

section.media-image .tns-outer .tns-controls button .icon.icon-prev {
	background: url("clientlib-bgimg/resources/icons/arrow-line-left-white.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

section.media-image .tns-outer .tns-controls button .icon.icon-next {
	background: url("clientlib-bgimg/resources/icons/arrow-line-right-white.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

body.theme-teal section.media-image .tns-outer .tns-controls button {
	background-color: #009da3
}

body.theme-teal section.media-image .tns-outer .tns-controls button[data-controls=next] {
	background-color: #005662
}

body.theme-purple section.media-image .tns-outer .tns-controls button {
	background-color: #7c10ff
}

body.theme-purple section.media-image .tns-outer .tns-controls button[data-controls=next] {
	background-color: #40089a
}

body.theme-green section.media-image .tns-outer .tns-controls button {
	background-color: #00a31c
}

body.theme-green section.media-image .tns-outer .tns-controls button[data-controls=next] {
	background-color: #005a10
}

body.theme-pink section.media-image .tns-outer .tns-controls button {
	background-color: #e50d56
}

body.theme-pink section.media-image .tns-outer .tns-controls button[data-controls=next] {
	background-color: #770733
}

body.theme-orange section.media-image .tns-outer .tns-controls button {
	background-color: #ea2c00
}

body.theme-orange section.media-image .tns-outer .tns-controls button[data-controls=next] {
	background-color: #7c1800
}

section.media-image .tns-outer .tns-ovh-x {
	overflow: unset;
	overflow-y: visible
}

section.media-image .tns-outer .slider {
	height: 100%
}

section.media-image .tns-outer .slider>.tns-item {
	height: 100%;
	position: relative
}

section.media-image .tns-outer .slider>.tns-item figcaption {
	width: 100%;
	display: block;
	padding: 10px 32px 18px 32px;
	overflow: hidden;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: .67px;
	line-height: 16px
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.media-image {
		padding-bottom: 56.25%
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.media-image .tns-outer {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.media-image .tns-outer .tns-liveregion {
		top: unset;
		right: 136px;
		bottom: 9px
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.media-image .tns-outer .tns-controls {
		position: absolute;
		bottom: 0;
		right: 0
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.media-image .tns-outer .tns-controls button {
		padding: 25px 15px
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.media-image .tns-outer .tns-controls button .icon {
		width: 34px;
		height: 14px
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.media-image .tns-outer .tns-ovh-x {
		overflow: hidden
	}
}

@media only screen and (min-width: 48em) {

	body:not(.post) section.media-image .tns-outer .tns-ovh,
	body:not(.post) section.media-image .tns-outer .tns-inner {
		height: 100%
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.media-image .tns-outer .slider>.tns-item img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.media-image .tns-outer .slider>.tns-item figcaption {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 10;
		height: 106px;
		color: #fff;
		width: calc(100% - 140px);
		padding: 0 32px 0 32px;
		margin-bottom: 8px;
		height: unset;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.media-image .tns-outer .slider>.tns-item::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 180px;
		bottom: 0;
		left: 0;
		display: block;
		background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, black 100%)
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.media-image .tns-outer .slider.tns-count-1>.tns-item figcaption {
		width: 100%
	}
}

.col-xs-12 section.media-image {
	height: 100%
}

@media only screen and (min-width: 90em) {

	[class=col-xs-12] section.media-image .tns-outer .slider>.tns-item figcaption,
	[class="col-xs-12 col-sm-6"] section.media-image .tns-outer .slider>.tns-item figcaption,
	.col-md-8 section.media-image .tns-outer .slider>.tns-item figcaption {
		padding-left: 64px;
		padding-right: 64px
	}
}

@media only screen and (min-width: 48em) {

	.col-md-3 section.media-image .tns-outer .slider>.tns-item figcaption,
	.col-md-4 section.media-image .tns-outer .slider>.tns-item figcaption {
		-webkit-line-clamp: 3
	}

	.col-md-3 section.media-image .tns-outer .slider>.tns-item figcaption:hover,
	.col-md-4 section.media-image .tns-outer .slider>.tns-item figcaption:hover {
		-webkit-line-clamp: unset;
		z-index: 1;
		padding-top: 5rem;
		padding-right: 172px;
		width: 100%
	}

	.col-md-3 section.media-image .tns-outer .slider>.tns-item figcaption:hover::before,
	.col-md-4 section.media-image .tns-outer .slider>.tns-item figcaption:hover::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: block;
		z-index: -1;
		background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, black 100%)
	}

	.col-md-3 section.media-image .tns-outer .slider.tns-count-1>.tns-item figcaption:hover,
	.col-md-4 section.media-image .tns-outer .slider.tns-count-1>.tns-item figcaption:hover {
		padding-right: 32px
	}
}

@media only screen and (min-width: 64em) {
	[class=col-xs-12] section.media-image .tns-outer .slider>.tns-item figcaption {
		width: 100%;
		max-width: 800px;
		padding-left: 0;
		padding-right: 0;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0
	}
}

body.post section.media-image {
	margin-top: 20px;
	margin-bottom: 20px
}

@media only screen and (min-width: 64em) {
	body.post section.media-image {
		margin: 40px 15%
	}
}

@media only screen and (min-width: 90em) {
	body.post section.media-image {
		margin: 40px 18%
	}
}

@media only screen and (min-width: 128em) {
	body.post section.media-image {
		margin: 40px 25%
	}
}

body.post section.media-image .tns-outer .tns-controls button {
	opacity: .8;
	position: absolute;
	top: calc(60% - 106px);
	z-index: 1
}

body.post section.media-image .tns-outer .tns-controls button[data-controls=next] {
	right: 0
}

body.post section.media-image .tns-outer .slider>.tns-item figcaption {
	padding-bottom: 0
}

section.media-video-player {
	padding-bottom: 56.25%;
	position: relative;
	background: #000;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

section.media-video-player .video-tag {
	display: block;
	margin: 10px 0 0;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .6px;
	color: #000
}

section.media-video-player .video-tag span {
	border-radius: 6px;
	background: #e5e9ed;
	padding: 2px 7px;
	margin: unset;
	transition: all ease-in-out .3s
}

section.media-video-player .video-tag span:hover,
section.media-video-player .video-tag span:focus {
	background: #979fad
}

section.media-video-player figure {
	width: auto;
	height: auto;
	position: absolute;
	bottom: 32px;
	left: 32px;
	right: 32px;
	color: #fff;
	z-index: 2
}

section.media-video-player figure h2 {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.14px;
	line-height: 18px;
	max-width: 250px
}

section.media-video-player figure button {
	width: 44px;
	height: 44px;
	margin-top: 9px
}

section.media-video-player figure span {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: .12px;
	margin-top: 14px
}

section.media-video-player figure h2 {
	margin-bottom: 0;
	max-width: 242px
}

@media only screen and (max-width: 767px) {
	section.media-video-player figure h2::before {
		top: -10px
	}
}

section.media-video-player figure p {
	display: none;
	font-size: 18px;
	letter-spacing: .2px;
	line-height: 32px;
	margin-top: 16px;
	margin-bottom: 0;
	max-width: 550px
}

section.media-video-player figure button {
	float: left;
	margin-right: 16px;
	background: transparent;
	border: 0;
	padding: 0;
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.6))
}

section.media-video-player figure button svg circle {
	fill: none;
	stroke: #fff;
	stroke-dashoffset: 0;
	stroke-dasharray: 300;
	stroke-width: 2px;
	transition: stroke-dashoffset 1s ease, opacity 1s ease;
	stroke-linecap: round;
	stroke-linejoin: round;
	transform: rotate(-90deg);
	transform-origin: 50% 50%
}

section.media-video-player figure button svg polygon {
	fill: none;
	stroke: #fff;
	stroke-width: 2.6px;
	stroke-linecap: round;
	stroke-linejoin: round;
	transform-origin: 50% 50%;
	transition: transform 200ms ease-out, fill 1s ease
}

section.media-video-player figure button:hover {
	cursor: pointer
}

section.media-video-player figure button:hover svg circle {
	opacity: 1;
	stroke-dashoffset: -300
}

section.media-video-player figure button:hover svg polygon {
	transform: scale(1.2);
	fill: #fff
}

section.media-video-player figure button:active {
	cursor: pointer
}

section.media-video-player figure button:active svg polygon {
	transform: scale(0.9);
	fill: #fff
}

section.media-video-player figure>span {
	float: left
}

section.media-video-player img {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	object-fit: cover;
	z-index: 1
}

section.media-video-player iframe {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

section.media-video-player:hover,
section.media-video-player:focus {
	cursor: pointer
}

section.media-video-player:active {
	cursor: pointer
}

section.media-video-player::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	display: block;
	background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, black 100%);
	z-index: 2
}

section.media-video-player.enabled figure,
section.media-video-player.enabled img,
section.media-video-player.enabled::before {
	bottom: unset !important;
	height: 0 !important;
	opacity: 0;
	overflow: hidden;
	transition: height .3s ease 1s, opacity .3s ease .5s
}

[class=col-xs-12] section.media-video-player,
.col-md-8 section.media-video-player {
	height: 100%
}

@media only screen and (min-width: 48em) {

	[class=col-xs-12] section.media-video-player figure h2,
	.col-md-8 section.media-video-player figure h2 {
		font-size: 29px;
		letter-spacing: -0.21px;
		line-height: 40px;
		max-width: 450px
	}

	[class=col-xs-12] section.media-video-player figure button,
	.col-md-8 section.media-video-player figure button {
		width: 80px;
		height: 80px;
		margin-top: 16px
	}

	[class=col-xs-12] section.media-video-player figure span,
	.col-md-8 section.media-video-player figure span {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: .2px;
		margin-top: 38px
	}
}

@media only screen and (min-width: 64em) {

	[class=col-xs-12] section.media-video-player figure p,
	.col-md-8 section.media-video-player figure p {
		display: block
	}
}

@media only screen and (min-width: 90em) {

	[class=col-xs-12] section.media-video-player figure,
	.col-md-8 section.media-video-player figure {
		left: 64px;
		right: 64px;
		bottom: 64px
	}

	[class=col-xs-12] section.media-video-player figure h2,
	.col-md-8 section.media-video-player figure h2 {
		font-size: 29px;
		letter-spacing: -0.21px;
		line-height: 40px;
		max-width: 450px
	}

	[class=col-xs-12] section.media-video-player figure button,
	.col-md-8 section.media-video-player figure button {
		width: 80px;
		height: 80px;
		margin-top: 16px
	}

	[class=col-xs-12] section.media-video-player figure span,
	.col-md-8 section.media-video-player figure span {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: .2px;
		margin-top: 38px
	}
}

@media only screen and (min-width: 128em) {

	[class=col-xs-12] section.media-video-player figure,
	.col-md-8 section.media-video-player figure {
		left: 64px;
		right: 64px;
		bottom: 64px
	}

	[class=col-xs-12] section.media-video-player figure h2,
	.col-md-8 section.media-video-player figure h2 {
		font-size: 42px;
		letter-spacing: -0.3px;
		line-height: 53px;
		max-width: 600px
	}

	[class=col-xs-12] section.media-video-player figure button,
	.col-md-8 section.media-video-player figure button {
		width: 80px;
		height: 80px;
		margin-top: 24px
	}

	[class=col-xs-12] section.media-video-player figure p,
	.col-md-8 section.media-video-player figure p {
		display: block
	}

	[class=col-xs-12] section.media-video-player figure span,
	.col-md-8 section.media-video-player figure span {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: .2px;
		margin-top: 46px
	}
}

[class="col-xs-12 col-sm-6"] section.media-video-player {
	height: 100%
}

@media only screen and (min-width: 64em) {
	[class="col-xs-12 col-sm-6"] section.media-video-player figure h2 {
		font-size: 29px;
		letter-spacing: -0.21px;
		line-height: 40px;
		max-width: 450px
	}

	[class="col-xs-12 col-sm-6"] section.media-video-player figure button {
		width: 80px;
		height: 80px;
		margin-top: 16px
	}

	[class="col-xs-12 col-sm-6"] section.media-video-player figure span {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: .2px;
		margin-top: 38px
	}
}

@media only screen and (min-width: 90em) {
	[class="col-xs-12 col-sm-6"] section.media-video-player figure {
		left: 64px;
		right: 64px;
		bottom: 64px
	}

	[class="col-xs-12 col-sm-6"] section.media-video-player figure h2 {
		font-size: 29px;
		letter-spacing: -0.21px;
		line-height: 40px;
		max-width: 450px
	}

	[class="col-xs-12 col-sm-6"] section.media-video-player figure button {
		width: 80px;
		height: 80px;
		margin-top: 16px
	}

	[class="col-xs-12 col-sm-6"] section.media-video-player figure span {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: .2px;
		margin-top: 38px
	}
}

@media only screen and (min-width: 128em) {
	[class="col-xs-12 col-sm-6"] section.media-video-player figure {
		left: 64px;
		right: 64px;
		bottom: 64px
	}

	[class="col-xs-12 col-sm-6"] section.media-video-player figure h2 {
		font-size: 42px;
		letter-spacing: -0.3px;
		line-height: 53px;
		max-width: 600px
	}

	[class="col-xs-12 col-sm-6"] section.media-video-player figure button {
		width: 80px;
		height: 80px;
		margin-top: 24px
	}

	[class="col-xs-12 col-sm-6"] section.media-video-player figure p {
		display: block
	}

	[class="col-xs-12 col-sm-6"] section.media-video-player figure span {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: .2px;
		margin-top: 46px
	}
}

@media only screen and (min-width: 48em) {
	.col-md-4 section.media-video-player figure h2 {
		font-size: 29px;
		letter-spacing: -0.21px;
		line-height: 40px;
		max-width: 450px
	}

	.col-md-4 section.media-video-player figure button {
		width: 80px;
		height: 80px;
		margin-top: 16px
	}

	.col-md-4 section.media-video-player figure span {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: .2px;
		margin-top: 38px
	}
}

@media only screen and (min-width: 64em) {
	.col-md-4 section.media-video-player figure h2 {
		font-size: 14px;
		font-weight: normal;
		letter-spacing: -0.14px;
		line-height: 18px;
		max-width: 250px
	}

	.col-md-4 section.media-video-player figure button {
		width: 44px;
		height: 44px;
		margin-top: 9px
	}

	.col-md-4 section.media-video-player figure span {
		font-size: 12px;
		font-weight: normal;
		letter-spacing: .12px;
		margin-top: 14px
	}
}

@media only screen and (min-width: 128em) {
	.col-md-4 section.media-video-player figure {
		left: 64px;
		right: 64px;
		bottom: 64px
	}

	.col-md-4 section.media-video-player figure h2 {
		font-size: 29px;
		letter-spacing: -0.21px;
		line-height: 40px;
		max-width: 450px
	}

	.col-md-4 section.media-video-player figure button {
		width: 80px;
		height: 80px;
		margin-top: 16px
	}

	.col-md-4 section.media-video-player figure span {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: .2px;
		margin-top: 38px
	}
}

@media only screen and (min-width: 48em) {
	:not([class=col-xs-12]):not(.col-md-8):not([class="col-xs-12 col-sm-6"]):not(.col-md-4)>section.media-video-player figure h2 {
		font-size: 29px;
		letter-spacing: -0.21px;
		line-height: 40px;
		max-width: 450px
	}

	:not([class=col-xs-12]):not(.col-md-8):not([class="col-xs-12 col-sm-6"]):not(.col-md-4)>section.media-video-player figure button {
		width: 80px;
		height: 80px;
		margin-top: 16px
	}

	:not([class=col-xs-12]):not(.col-md-8):not([class="col-xs-12 col-sm-6"]):not(.col-md-4)>section.media-video-player figure span {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: .2px;
		margin-top: 38px
	}
}

@media only screen and (min-width: 64em) {
	:not([class=col-xs-12]):not(.col-md-8):not([class="col-xs-12 col-sm-6"]):not(.col-md-4)>section.media-video-player figure p {
		display: block
	}
}

@media only screen and (min-width: 90em) {
	:not([class=col-xs-12]):not(.col-md-8):not([class="col-xs-12 col-sm-6"]):not(.col-md-4)>section.media-video-player figure {
		left: 64px;
		right: 64px;
		bottom: 64px
	}

	:not([class=col-xs-12]):not(.col-md-8):not([class="col-xs-12 col-sm-6"]):not(.col-md-4)>section.media-video-player figure h2 {
		font-size: 29px;
		letter-spacing: -0.21px;
		line-height: 40px;
		max-width: 450px
	}

	:not([class=col-xs-12]):not(.col-md-8):not([class="col-xs-12 col-sm-6"]):not(.col-md-4)>section.media-video-player figure button {
		width: 80px;
		height: 80px;
		margin-top: 16px
	}

	:not([class=col-xs-12]):not(.col-md-8):not([class="col-xs-12 col-sm-6"]):not(.col-md-4)>section.media-video-player figure span {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: .2px;
		margin-top: 38px
	}
}

@media only screen and (min-width: 128em) {
	:not([class=col-xs-12]):not(.col-md-8):not([class="col-xs-12 col-sm-6"]):not(.col-md-4)>section.media-video-player figure {
		left: 64px;
		right: 64px;
		bottom: 64px
	}

	:not([class=col-xs-12]):not(.col-md-8):not([class="col-xs-12 col-sm-6"]):not(.col-md-4)>section.media-video-player figure h2 {
		font-size: 42px;
		letter-spacing: -0.3px;
		line-height: 53px;
		max-width: 600px
	}

	:not([class=col-xs-12]):not(.col-md-8):not([class="col-xs-12 col-sm-6"]):not(.col-md-4)>section.media-video-player figure button {
		width: 80px;
		height: 80px;
		margin-top: 24px
	}

	:not([class=col-xs-12]):not(.col-md-8):not([class="col-xs-12 col-sm-6"]):not(.col-md-4)>section.media-video-player figure p {
		display: block
	}

	:not([class=col-xs-12]):not(.col-md-8):not([class="col-xs-12 col-sm-6"]):not(.col-md-4)>section.media-video-player figure span {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: .2px;
		margin-top: 46px
	}
}

body.post section.media-video-player {
	margin-top: 20px;
	margin-bottom: 20px
}

@media only screen and (min-width: 64em) {
	body.post section.media-video-player {
		padding-bottom: 41.25%;
		margin: 40px 15%
	}
}

@media only screen and (min-width: 90em) {
	body.post section.media-video-player {
		padding-bottom: 36.25%;
		margin: 40px 18%
	}
}

@media only screen and (min-width: 128em) {
	body.post section.media-video-player {
		padding-bottom: 26.25%;
		margin: 40px 25%
	}
}

.mediahub-author .mediahub-author-bio {
	margin: 0 auto;
	padding: 4rem 1.5rem;
	max-width: 756px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center
}

@media only screen and (min-width: 48em) {
	.mediahub-author .mediahub-author-bio {
		padding: 8rem 0
	}
}

.mediahub-author .mediahub-author-bio img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover
}

.mediahub-author .mediahub-author-bio h1 {
	padding: .75rem 0 1.5rem;
	font-size: 29px;
	line-height: 40px;
	letter-spacing: -0.0021em
}

@media only screen and (min-width: 48em) {
	.mediahub-author .mediahub-author-bio h1 {
		font-size: 42px;
		line-height: 53px;
		letter-spacing: -0.003em
	}
}

.mediahub-author .mediahub-author-bio p {
	padding: 0 0 1.5rem;
	text-align: center
}

.mediahub-author .mediahub-author-bio ul {
	display: flex;
	flex-flow: row nowrap
}

.mediahub-author .mediahub-author-bio ul li {
	padding: 0 .5rem
}

.mediahub-author .mediahub-author-bio ul li a .icon {
	height: 18.93px
}

.mediahub-author .mediahub-author-posts {
	padding: 2rem 1rem 1px;
	background-color: #f4f7f9
}

@media only screen and (min-width: 64em) {
	.mediahub-author .mediahub-author-posts {
		margin: 0 10.2778%;
		padding: 0;
		background-color: transparent;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between
	}
}

.mediahub-author .mediahub-author-posts .posts-headline {
	padding: 0 0 2rem;
	font-size: 29px;
	font-weight: 300;
	line-height: 36px;
	letter-spacing: .0126em
}

@media only screen and (min-width: 64em) {
	.mediahub-author .mediahub-author-posts .posts-headline {
		display: none
	}
}

.mediahub-author .mediahub-author-posts .posts-headline::before {
	display: none
}

.mediahub-author .mediahub-author-posts .card-author-feed {
	margin: 0 0 2rem;
	background-color: #fff
}

@media only screen and (min-width: 64em) {
	.mediahub-author .mediahub-author-posts .card-author-feed {
		width: calc(33.3333% - 1rem)
	}
}

.mediahub-author .pagination {
	margin: 2rem 0
}

@media only screen and (min-width: 64em) {
	.mediahub-author .pagination {
		margin: 2rem 0 4rem
	}
}

@media only screen and (min-width: 64em) {
	.mediahub-author .pagination ul {
		margin: 0 0 0 10.2778%;
		justify-content: flex-start
	}
}

.mediahub-featured-content {
	padding: 2.5rem 1.5rem .5rem;
	background-color: #e5e9ed;
	overflow: hidden
}

@media only screen and (min-width: 64em) {
	.mediahub-featured-content {
		padding: 74px calc(8.3333333333% + 10px + 2rem) 4rem
	}
}

.mediahub-featured-content h2 {
	margin-bottom: 1.25rem;
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	letter-spacing: -0.0017em
}

@media only screen and (min-width: 64em) {
	.mediahub-featured-content h2 {
		margin-bottom: 2.5rem;
		font-size: 34px;
		line-height: 40px;
		letter-spacing: -0.0024em
	}
}

.mediahub-featured-content .link {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden
}

@media only screen and (min-width: 64em) {
	.mediahub-featured-content .mediahub-featured-content-posts {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around
	}
}

.mediahub-featured-content .mediahub-featured-content-posts .post {
	margin: 0 0 1.5rem;
	background-color: #fff;
	transition: box-shadow .3s ease-in-out;
	cursor: pointer
}

@media only screen and (min-width: 64em) {
	.mediahub-featured-content .mediahub-featured-content-posts .post {
		width: calc(25% - 18px);
		margin: 0
	}
}

.mediahub-featured-content .mediahub-featured-content-posts .post:hover,
.mediahub-featured-content .mediahub-featured-content-posts .post:focus {
	box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, .2)
}

.mediahub-featured-content .mediahub-featured-content-posts .post img {
	position: relative;
	width: 100%;
	height: 135.33px;
	min-height: 135.33px;
	object-fit: cover
}

.mediahub-featured-content .mediahub-featured-content-posts .post .text {
	padding: 1.5rem 1rem
}

.mediahub-featured-content .mediahub-featured-content-posts .post .type {
	display: block;
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 14px;
	word-break: break-all;
	color: #c00
}

.mediahub-featured-content .mediahub-featured-content-posts .post .tag {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .6px;
	padding: 2px 7px;
	background: #e5e9ed;
	border-radius: 6px;
	margin: 0 0 10px 0;
	color: #000
}

.mediahub-featured-content .mediahub-featured-content-posts .post .tag:hover,
.mediahub-featured-content .mediahub-featured-content-posts .post .tag:focus {
	background: #979fad
}

.mediahub-featured-content .mediahub-featured-content-posts .post .title {
	display: block
}

.mediahub-featured-posts {
	overflow: hidden
}

@media only screen and (min-width: 64em) {
	.mediahub-featured-posts {
		margin: 40px calc(8.3333333333% + 10px + 2rem)
	}
}

.mediahub-featured-posts .link {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden
}

.mediahub-featured-posts .mediahub-featured-posts-primary {
	position: relative;
	background-color: #40089a;
	cursor: pointer;
	transition: box-shadow .3s ease-in-out
}

.mediahub-featured-posts .mediahub-featured-posts-primary:hover,
.mediahub-featured-posts .mediahub-featured-posts-primary:focus {
	box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, .2)
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		height: 700px;
		background-color: #40089a;
		margin: 0 12px
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 268px;
	background-image: linear-gradient(0deg, #40089a 0%, rgba(64, 8, 154, 0) 48px), linear-gradient(-153.4349488229deg, #7c10ff 0%, rgba(124, 16, 255, 0) 50%)
}

@media only screen and (min-width: 375px) {
	.mediahub-featured-posts .mediahub-featured-posts-primary::after {
		height: 100vw
	}
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary::after {
		height: 700px;
		background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, black 100%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(-112deg, rgba(0, 157, 163, 0.4) 0%, rgba(0, 157, 163, 0) 30%), linear-gradient(-100deg, rgba(0, 157, 163, 0.8) 0%, rgba(0, 157, 163, 0) 5%);
		background-blend-mode: multiply, multiply, overlay, overlay
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary>img {
	position: relative;
	height: 268px;
	margin: -3.0625rem 0 0;
	object-fit: cover
}

@media only screen and (min-width: 375px) {
	.mediahub-featured-posts .mediahub-featured-posts-primary>img {
		height: 100vw
	}
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary>img {
		position: absolute;
		top: 49px;
		width: 100%;
		height: 700px
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body {
	position: relative;
	padding: 1px 0 2rem
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body {
		padding: 0
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body h1,
.mediahub-featured-posts .mediahub-featured-posts-primary .header-body span,
.mediahub-featured-posts .mediahub-featured-posts-primary .header-body a:not(.btn),
.mediahub-featured-posts .mediahub-featured-posts-primary .header-body p {
	color: #fff;
	word-wrap: break-word
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body h1,
.mediahub-featured-posts .mediahub-featured-posts-primary .header-body p,
.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .btn {
	position: relative;
	z-index: 1
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body ol {
	position: absolute;
	padding: 0 1.5rem 0 2.5rem;
	margin-top: -14px;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body ol {
		padding: 0 4.5rem 0
	}
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body ol {
		padding: 0 5rem 0
	}
}

@media only screen and (min-width: 90em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body ol {
		padding: 0 6.5rem 0
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body ol li::after {
	color: #fff
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow {
	position: absolute;
	left: 32px;
	max-width: 77.5VW;
	height: 42px;
	padding: 0 1rem 0 .5rem;
	margin-top: 19px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 14px;
	word-break: break-all;
	z-index: 2;
	display: flex;
	align-items: center
}

@media only screen and (min-width: 375px) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow {
		left: 56px;
		max-width: 63.285VW;
		padding: 0 1rem
	}
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow {
		top: 0;
		left: 64px;
		max-width: 494px
	}
}

@media only screen and (min-width: 90em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow {
		left: 88px;
		max-width: 597px
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow::after {
	content: "";
	position: absolute;
	top: 18px;
	right: calc(-100vw + 100% + 32px + 24px);
	left: 100%;
	border-top: solid 5px #c00
}

@media only screen and (min-width: 375px) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow::after {
		right: calc(-100vw + 100% + 56px + 72px)
	}
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow::after {
		right: calc(-100vw + 100% + 64px + 80px + 100vw - 662px);
		border-color: #c00
	}
}

@media only screen and (min-width: 90em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow::after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 705px)
	}
}

@media only screen and (min-width: 128em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow::after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 942px)
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow.fade-in::after {
	right: 100%
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow.fade-in.animate::after {
	right: calc(-100vw + 100% + 32px + 24px);
	transition: right 1s ease
}

@media only screen and (min-width: 375px) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 56px + 72px)
	}
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 64px + 80px + 100vw - 662px)
	}
}

@media only screen and (min-width: 90em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 705px)
	}
}

@media only screen and (min-width: 128em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .eyebrow.fade-in.animate::after {
		right: calc(-100vw + 100% + 88px + 104px + 100vw - 942px)
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .headline {
	position: relative;
	padding: .9375rem 1.5rem .5625rem 2.5rem;
	margin-top: 42px;
	font-size: 29px;
	line-height: 40px;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .headline {
		padding: .9375rem 4.5rem 1rem
	}
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .headline {
		max-width: 662px;
		padding: .9375rem 5rem 1rem;
		font-size: 42px;
		line-height: 53px
	}
}

@media only screen and (min-width: 90em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .headline {
		max-width: 705px;
		padding: .9375rem 6.5rem 1rem
	}
}

@media only screen and (min-width: 128em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .headline {
		max-width: 942px
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .headline::before {
	content: "";
	position: absolute;
	top: -5px;
	bottom: 19px;
	left: 16px;
	width: 11px;
	border-top: solid 5px #c00;
	border-left: solid 5px #c00
}

@media only screen and (min-width: 375px) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .headline::before {
		bottom: 28px;
		left: 32px;
		width: 19px
	}
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .headline::before {
		right: 80px;
		left: 40px;
		border-color: #c00;
		z-index: 1
	}
}

@media only screen and (min-width: 90em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .headline::before {
		right: 617px;
		left: 64px
	}
}

@media only screen and (min-width: 128em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .headline::before {
		right: 854px
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .headline.fade-in::before {
	bottom: 100%
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .headline.fade-in.animate::before {
	bottom: 19px;
	transition: bottom 1s ease
}

@media only screen and (min-width: 375px) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .headline.fade-in.animate::before {
		bottom: 28px
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .description {
	position: relative;
	padding: 0 1.5rem 1.5rem 2.5rem;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .description {
		padding: 0 4.5rem 1.5rem
	}
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .description {
		max-width: 662px;
		padding: 0 5rem 1.5rem
	}
}

@media only screen and (min-width: 90em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .description {
		max-width: 705px;
		padding: 0 6.5rem 1.5rem
	}
}

@media only screen and (min-width: 128em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .description {
		max-width: 942px
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .description.fade-in.animate {
	transition: opacity 1.5s ease, transform 1s ease
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body a {
	display: none
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body a:first-of-type {
	display: inline-block
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .tag {
	position: relative;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .6px;
	padding: 2px 7px;
	background: #e5e9ed;
	border-radius: 6px;
	color: #000 !important;
	margin: 0 1.5rem 2rem 2.5rem;
	z-index: 1;
	transition: background .3s ease-in-out
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .tag:hover,
.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .tag:focus {
	background: #979fad
}

@media only screen and (min-width: 375px) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .tag {
		margin: 0 4.5rem 2rem
	}
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .tag {
		margin: 0 5rem 2rem
	}
}

@media only screen and (min-width: 90em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .tag {
		margin: 0 6.5rem 2rem
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .author {
	position: relative;
	margin: 0 1.5rem 2rem 2.5rem;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .author {
		margin: 0 4.5rem 2rem
	}
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .author {
		margin: 0 5rem 2rem
	}
}

@media only screen and (min-width: 90em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .author {
		margin: 0 6.5rem 2rem
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .btn {
	position: relative;
	width: calc(100% - 5rem);
	margin: 0 2.5rem 0 2.5rem;
	text-align: center;
	word-break: break-word;
	z-index: 1
}

@media only screen and (min-width: 375px) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .btn {
		width: auto;
		margin: 0 4.5rem 0
	}
}

@media only screen and (min-width: 48em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .btn {
		margin: 0 5rem 0
	}
}

@media only screen and (min-width: 90em) {
	.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .btn {
		margin: 0 6.5rem 0
	}
}

.mediahub-featured-posts .mediahub-featured-posts-primary .header-body .btn.fade-in.animate {
	transition: color .2s ease-out, background .2s ease-out, border-bottom-color .2s ease-out, opacity 2s ease, transform 1.5s ease
}

.mediahub-featured-posts .mediahub-featured-posts-secondary {
	margin: 26px 14px
}

@media only screen and (min-width: 64em) {
	.mediahub-featured-posts .mediahub-featured-posts-secondary {
		display: flex;
		flex-flow: row wrap;
		margin: 64px 0;
		justify-content: flex-start
	}
}

.mediahub-featured-posts .mediahub-featured-posts-secondary .post {
	margin: 0 12px 26px 12px;
	transition: box-shadow .3s ease-in-out;
	cursor: pointer
}

@media only screen and (min-width: 64em) {
	.mediahub-featured-posts .mediahub-featured-posts-secondary .post {
		width: calc(25% - 24px);
		margin: 0 12px
	}
}

.mediahub-featured-posts .mediahub-featured-posts-secondary .post:hover,
.mediahub-featured-posts .mediahub-featured-posts-secondary .post:focus {
	box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, .2)
}

.mediahub-featured-posts .mediahub-featured-posts-secondary .post img {
	position: relative;
	width: 100%;
	height: 135.33px;
	min-height: 135.33px;
	object-fit: cover
}

.mediahub-featured-posts .mediahub-featured-posts-secondary .post .text {
	padding: 20px
}

.mediahub-featured-posts .mediahub-featured-posts-secondary .post .type {
	display: block;
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 14px;
	word-break: break-all;
	color: #c00
}

.mediahub-featured-posts .mediahub-featured-posts-secondary .post a {
	display: none
}

.mediahub-featured-posts .mediahub-featured-posts-secondary .post a:first-of-type {
	display: inline-block
}

.mediahub-featured-posts .mediahub-featured-posts-secondary .post .tag {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .6px;
	padding: 2px 7px;
	background: #e5e9ed;
	border-radius: 6px;
	margin: 0 0 10px 0;
	color: #000
}

.mediahub-featured-posts .mediahub-featured-posts-secondary .post .tag:hover,
.mediahub-featured-posts .mediahub-featured-posts-secondary .post .tag:focus {
	background: #979fad
}

.mediahub-featured-posts .mediahub-featured-posts-secondary .post .title {
	display: block
}

.mediahub-secondary-featured-content {
	padding: 1.5rem;
	background-color: #7c10ff
}

@media only screen and (min-width: 64em) {
	.mediahub-secondary-featured-content {
		padding: 7.75rem
	}
}

.mediahub-secondary-featured-content .featured-card {
	background-color: #fff;
	box-shadow: none
}

.mediahub-secondary-featured-content .featured-card:hover {
	box-shadow: none
}

section.video-carousel {
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

section.video-carousel .tns-outer {
	width: 100%
}

section.video-carousel .tns-outer .tns-controls,
section.video-carousel .tns-outer .tns-nav,
section.video-carousel .tns-outer button {
	display: none
}

section.video-carousel .tns-outer .tns-liveregion {
	position: absolute;
	top: 6px;
	right: 4px;
	z-index: 1;
	color: #e5e9ed;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 14px;
	text-transform: uppercase
}

section.video-carousel .tns-outer .tns-controls {
	display: block;
	z-index: 1
}

section.video-carousel .tns-outer .tns-controls button {
	padding: 17px 11px;
	margin: 0;
	border: none;
	background: #7c10ff;
	display: inline-flex
}

@media only screen and (max-width: 767px) {
	section.video-carousel .tns-outer .tns-controls button {
		opacity: .8;
		position: absolute;
		bottom: 0;
		z-index: 1
	}
}

@media only screen and (min-width: 48em) {
	section.video-carousel .tns-outer .tns-controls button {
		padding: 25px 15px
	}
}

section.video-carousel .tns-outer .tns-controls button:hover {
	opacity: .8
}

@media only screen and (max-width: 767px) {
	section.video-carousel .tns-outer .tns-controls button:hover {
		opacity: 1
	}
}

section.video-carousel .tns-outer .tns-controls button[data-controls=next] {
	background: #40089a;
	float: right
}

@media only screen and (max-width: 767px) {
	section.video-carousel .tns-outer .tns-controls button[data-controls=next] {
		right: 0
	}
}

section.video-carousel .tns-outer .tns-controls button .icon {
	display: block;
	height: 10px
}

@media only screen and (min-width: 48em) {
	section.video-carousel .tns-outer .tns-controls button .icon {
		width: 34px;
		height: 14px
	}
}

section.video-carousel .tns-outer .tns-controls button .icon.icon-prev {
	background: url("clientlib-bgimg/resources/icons/arrow-line-left-white.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

section.video-carousel .tns-outer .tns-controls button .icon.icon-next {
	background: url("clientlib-bgimg/resources/icons/arrow-line-right-white.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

body.theme-teal section.video-carousel .tns-outer .tns-controls button {
	background-color: #009da3
}

body.theme-teal section.video-carousel .tns-outer .tns-controls button[data-controls=next] {
	background-color: #005662
}

body.theme-purple section.video-carousel .tns-outer .tns-controls button {
	background-color: #7c10ff
}

body.theme-purple section.video-carousel .tns-outer .tns-controls button[data-controls=next] {
	background-color: #40089a
}

body.theme-green section.video-carousel .tns-outer .tns-controls button {
	background-color: #00a31c
}

body.theme-green section.video-carousel .tns-outer .tns-controls button[data-controls=next] {
	background-color: #005a10
}

body.theme-pink section.video-carousel .tns-outer .tns-controls button {
	background-color: #e50d56
}

body.theme-pink section.video-carousel .tns-outer .tns-controls button[data-controls=next] {
	background-color: #770733
}

body.theme-orange section.video-carousel .tns-outer .tns-controls button {
	background-color: #ea2c00
}

body.theme-orange section.video-carousel .tns-outer .tns-controls button[data-controls=next] {
	background-color: #7c1800
}

section.video-carousel .tns-outer .tns-ovh-x {
	overflow: unset;
	overflow-y: visible
}

section.video-carousel .tns-outer .slider {
	height: 100%
}

section.video-carousel .tns-outer .slider>.tns-item {
	height: 100%;
	position: relative
}

section.video-carousel .tns-outer .slider>.tns-item .media-video-player {
	padding-bottom: 66.25%
}

@media only screen and (min-width: 48em) {
	section.video-carousel .tns-outer .slider>.tns-item .media-video-player {
		padding-bottom: 56.25%
	}
}

section.video-carousel .tns-outer .slider>.tns-item .media-video-player figure {
	bottom: 4rem
}

@media only screen and (min-width: 48em) {
	section.video-carousel .tns-outer .slider>.tns-item .media-video-player figure {
		bottom: 2rem
	}
}

section.video-carousel .tns-outer .slider>.tns-item .media-video-player figure button {
	display: inline-block
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.video-carousel {
		padding-bottom: 56.25%
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.video-carousel .tns-outer {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.video-carousel .tns-outer .tns-liveregion {
		top: unset;
		right: 136px;
		bottom: 9px
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.video-carousel .tns-outer .tns-controls {
		position: absolute;
		bottom: 0;
		right: 0
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.video-carousel .tns-outer .tns-controls button {
		padding: 25px 15px
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.video-carousel .tns-outer .tns-controls button .icon {
		width: 34px;
		height: 14px
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.video-carousel .tns-outer .tns-ovh-x {
		overflow: hidden
	}
}

@media only screen and (min-width: 48em) {

	body:not(.post) section.video-carousel .tns-outer .tns-ovh,
	body:not(.post) section.video-carousel .tns-outer .tns-inner {
		height: 100%
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.video-carousel .tns-outer .slider>.tns-item img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto
	}
}

@media only screen and (min-width: 48em) {
	body:not(.post) section.video-carousel .tns-outer .slider>.tns-item::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 180px;
		bottom: 0;
		left: 0;
		display: block;
		background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, black 100%)
	}
}

.col-xs-12 section.video-carousel {
	height: 100%
}

table {
	margin-bottom: 2rem;
	display: block;
	width: 100% !important;
	height: auto !important;
	overflow-x: auto;
	border: 0 !important;
	background: #fff
}

table tr th {
	padding: 24px;
	color: #43494e;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: .5px;
	line-height: 20px;
	vertical-align: bottom;
	min-width: 140px;
	max-width: 144px;
	border: 0 !important;
	background: #f4f7f9
}

@media only screen and (min-width: 48em) {
	table tr th {
		min-width: 160px;
		max-width: 164px
	}
}

@media only screen and (min-width: 64em) {
	table tr th {
		padding: 32px;
		min-width: 200px;
		max-width: 287px;
		font-size: 15px
	}
}

table tr td {
	padding: 24px;
	color: #000;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .2px;
	line-height: 32px;
	vertical-align: middle;
	max-width: 144px;
	border: 0 !important;
	border-bottom: 1px solid #979fad !important
}

@media only screen and (min-width: 48em) {
	table tr td {
		max-width: 164px
	}
}

@media only screen and (min-width: 64em) {
	table tr td {
		padding: 32px;
		max-width: 287px;
		font-size: 18px
	}
}

table tr:last-child td {
	border-bottom: none !important
}

table::-webkit-scrollbar,
table::-webkit-scrollbar-button {
	width: 9px;
	height: 9px
}

table::-webkit-scrollbar-thumb {
	background: #009da3;
	border: 0px none #fff;
	border-radius: 50px
}

table::-webkit-scrollbar-thumb:hover {
	background: #0c858a
}

table::-webkit-scrollbar-thumb:active {
	background: #0c858a
}

table::-webkit-scrollbar-track {
	background: #e5e9ed;
	border: 0px none #fff;
	border-radius: 50px
}

table::-webkit-scrollbar-corner {
	background: transparent
}

body.theme-teal table::-webkit-scrollbar-thumb {
	background-color: #009da3
}

body.theme-purple table::-webkit-scrollbar-thumb {
	background-color: #7c10ff
}

body.theme-green table::-webkit-scrollbar-thumb {
	background-color: #00a31c
}

body.theme-pink table::-webkit-scrollbar-thumb {
	background-color: #e50d56
}

body.theme-orange table::-webkit-scrollbar-thumb {
	background-color: #ea2c00
}

.research-center-form {
	max-width: 1142px;
	margin: 0 auto
}

.research-center-form .headline {
	margin: 63px 0 0rem 0
}

.research-center-form .headline:before {
	display: none
}

@media(max-width: 48em) {
	.research-center-form .headline {
		font-size: 29px
	}
}

.research-center-form .form-details {
	display: flex;
	justify-content: space-between
}

.research-center-form .form-details .form-search {
	margin: 55px 0 0 0;
	max-width: 771px
}

.research-center-form .form-details .form-search button[type=submit] {
	top: 16px;
	width: 30px;
	height: 30px
}

.research-center-form .form-details .form-search input {
	padding-top: 14px;
	padding-bottom: 14px;
	font-weight: 400;
	font-size: 18px;
	line-height: 32px
}

.research-center-form .form-details .search-details {
	margin: 55px 0 0rem 16px;
	height: 62px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center
}

.research-center-form .form-details .search-details p {
	color: #525e70;
	text-align: right
}

.research-center-form .form-details .search-details p span {
	color: #000
}

.research-center-form .form-details .search-details span a {
	margin-right: .5rem;
	color: #c00;
	text-decoration: underline
}

.research-center-form .form-details .search-details span a:active {
	color: #000;
	text-decoration: none
}

.research-center-form .form-details .search-details span a.active {
	color: #000;
	text-decoration: none
}

.research-center-form .form-details .search-details .filter-btn {
	color: #c00;
	text-decoration: underline;
	display: inherit
}

@media(max-width: 90em) {
	.research-center-form {
		padding: 0 20px
	}

	.research-center-form .form-details {
		flex-direction: column;
		align-items: flex-start
	}

	.research-center-form .form-details .search-details {
		margin: 1.5rem 0 2.25rem 0;
		align-items: center;
		height: max-content;
		width: 100%
	}

	.research-center-form .form-details .form-search {
		max-width: 590px;
		width: 100%;
		margin: 55px auto 0 auto
	}
}

@media(max-width: 48em) {
	.research-center-form .form-details .form-search {
		margin: 32px 0 0 0
	}
}

.research-center-results:not(.is-filterable) .filtering-sort-wrapper {
	display: none !important
}

.research-center-results .filtering-btn-container {
	background: #f4f7f9;
	box-shadow: none;
	margin: 0 0rem 2rem 0rem;
	padding: 20px 20px 5px 20px;
	width: auto
}

.research-center-results .filtering-row {
	padding: 40px calc(8.3333333333% + 55px) 30px calc(8.3333333333% + 55px);
	margin: 0;
	margin-top: 64px;
	background: #f4f7f9
}

.research-center-results .filtering-row .btn.filter-btn {
	background: #2d3a4d;
	color: #fff
}

.research-center-results .filtering-row .btn.filter-btn:after {
	background-color: #fff;
	-webkit-mask-image: url(clientlib-bgimg/resources/icons/cross.svg);
	background-image: none
}

@media only screen and (max-width: 63.9em) {
	.research-center-results .filtering-row {
		padding: 0px;
		margin: 0px
	}

	.research-center-results .filtering-row.open .sort-btn {
		display: none
	}
}

.research-center-results .search-results {
	margin: 64px calc(8.3333333333% + 55px) 30px calc(8.3333333333% + 55px);
	max-width: 820px
}

.research-center-results .search-results .item {
	display: flex;
	margin-bottom: 4rem
}

.research-center-results .search-results .item img {
	height: 135px;
	object-fit: cover;
	min-width: 235px;
	max-width: 235px;
	display: none
}

.research-center-results .search-results .item .content {
	padding-left: 1.5rem
}

.research-center-results .search-results .item .content p,
.research-center-results .search-results .item .content h4 {
	color: #000
}

.research-center-results .search-results .item .content .resource-type {
	padding: 0 0 14px 0;
	margin-top: 0;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 14px;
	word-break: break-all;
	color: #c00 !important
}

.research-center-results .search-results .pagination ul {
	justify-content: flex-start
}

.research-center-results .search-results .bottom-pagination {
	display: flex;
	justify-content: space-between
}

.research-center-results .search-results .bottom-pagination .pagination {
	width: auto
}

.research-center-results .search-results .bottom-pagination .search-details {
	margin: 0
}

.research-center-results .btn.sort-btn {
	display: block
}

.research-center-results .min-filter {
	height: 62px;
	display: flex;
	flex-direction: column;
	align-items: flex-end
}

.research-center-results .min-filter .filter-btn {
	position: relative;
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: .0125rem;
	line-height: 32px;
	color: #000;
	text-align: left;
	text-transform: none;
	padding: 1rem 0 .8125rem;
	background-color: #fff;
	border-bottom: 1px solid #e5e9ed;
	text-decoration: none;
	width: 275px
}

.research-center-results .min-filter .filter-btn:after {
	content: url(clientlib-bgimg/resources/icons/arrow-down.svg);
	position: absolute;
	right: 3rem;
	width: .75rem;
	height: .375rem;
	object-fit: contain
}

@media only screen and (min-width: 90em) {
	.research-center-results .min-filter {
		display: none
	}
}

.research-center-results .search-details span,
.research-center-results .result_per_page span {
	margin-bottom: 1rem
}

.research-center-results .search-details span a,
.research-center-results .result_per_page span a {
	margin-right: .5rem;
	color: #c00;
	text-decoration: underline
}

.research-center-results .search-details span a:active,
.research-center-results .result_per_page span a:active {
	color: #000;
	text-decoration: none
}

.research-center-results .search-details span a.active,
.research-center-results .result_per_page span a.active {
	color: #000;
	text-decoration: none
}

@media(max-width: 90em) {
	.research-center-results {
		padding: 0 20px;
		flex-direction: column;
		align-items: flex-start
	}

	.research-center-results .search-results p {
		font-weight: 300
	}

	.research-center-results .min-filter {
		align-items: flex-start;
		height: max-content
	}
}

@media(max-width: 63.9em) {
	.research-center-results .search-results {
		margin: 2rem 0 0 0rem
	}
}

@media(max-width: 36em) {
	.research-center-results {
		display: block
	}

	.research-center-results .search-results {
		margin: 0px
	}

	.research-center-results .search-results .item {
		flex-direction: column;
		margin-bottom: 2rem
	}

	.research-center-results .search-results .item img {
		margin: 16px 0;
		max-width: 100%
	}

	.research-center-results .search-results .item .content {
		padding: 0
	}

	.research-center-results .search-results .bottom-pagination {
		flex-direction: column;
		align-items: flex-start
	}

	.research-center-results .search-results .bottom-pagination .pagination {
		margin: 32px 0
	}
}