/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

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

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

figcaption,
figure,
main {
	display: block
}

figure {
	margin: 1em 40px
}

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

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

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

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

b,
strong {
	font-weight: inherit;
	font-weight: bolder
}

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

dfn {
	font-style: italic
}

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

small {
	font-size: 80%
}

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

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

audio,
video {
	display: inline-block
}

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

img {
	border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

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

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

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

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

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

textarea {
	overflow: auto
}

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

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

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

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

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

details,
menu {
	display: block
}

summary {
	display: list-item
}

canvas {
	display: inline-block
}

[hidden],
template {
	display: none
}

.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-right: 2rem;
	padding-left: 2rem
}

.row {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -1rem;
	margin-left: -1rem
}

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

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

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

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

.col-xs-1 {
	-ms-flex-preferred-size: 8.333%;
	flex-basis: 8.333%;
	max-width: 8.333%
}

.col-xs-2 {
	-ms-flex-preferred-size: 16.667%;
	flex-basis: 16.667%;
	max-width: 16.667%
}

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

.col-xs-4 {
	-ms-flex-preferred-size: 33.333%;
	flex-basis: 33.333%;
	max-width: 33.333%
}

.col-xs-5 {
	-ms-flex-preferred-size: 41.667%;
	flex-basis: 41.667%;
	max-width: 41.667%
}

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

.col-xs-7 {
	-ms-flex-preferred-size: 58.333%;
	flex-basis: 58.333%;
	max-width: 58.333%
}

.col-xs-8 {
	-ms-flex-preferred-size: 66.667%;
	flex-basis: 66.667%;
	max-width: 66.667%
}

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

.col-xs-10 {
	-ms-flex-preferred-size: 83.333%;
	flex-basis: 83.333%;
	max-width: 83.333%
}

.col-xs-11 {
	-ms-flex-preferred-size: 91.667%;
	flex-basis: 91.667%;
	max-width: 91.667%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.middle-xs {
	-ms-flex-align: center;
	align-items: center
}

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

.around-xs {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.between-xs {
	-ms-flex-pack: justify;
	justify-content: space-between
}

.first-xs {
	-ms-flex-order: -1;
	order: -1
}

.last-xs {
	-ms-flex-order: 1;
	order: 1
}

@media only screen and (min-width:48em) {
	.container {
		width: 46rem
	}
	.col-sm,
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		box-sizing: border-box;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-right: 1rem;
		padding-left: 1rem
	}
	.col-sm {
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		max-width: 100%
	}
	.col-sm-1 {
		-ms-flex-preferred-size: 8.333%;
		flex-basis: 8.333%;
		max-width: 8.333%
	}
	.col-sm-2 {
		-ms-flex-preferred-size: 16.667%;
		flex-basis: 16.667%;
		max-width: 16.667%
	}
	.col-sm-3 {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%
	}
	.col-sm-4 {
		-ms-flex-preferred-size: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%
	}
	.col-sm-5 {
		-ms-flex-preferred-size: 41.667%;
		flex-basis: 41.667%;
		max-width: 41.667%
	}
	.col-sm-6 {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%
	}
	.col-sm-7 {
		-ms-flex-preferred-size: 58.333%;
		flex-basis: 58.333%;
		max-width: 58.333%
	}
	.col-sm-8 {
		-ms-flex-preferred-size: 66.667%;
		flex-basis: 66.667%;
		max-width: 66.667%
	}
	.col-sm-9 {
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
		max-width: 75%
	}
	.col-sm-10 {
		-ms-flex-preferred-size: 83.333%;
		flex-basis: 83.333%;
		max-width: 83.333%
	}
	.col-sm-11 {
		-ms-flex-preferred-size: 91.667%;
		flex-basis: 91.667%;
		max-width: 91.667%
	}
	.col-sm-12 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
	.col-sm-offset-1 {
		margin-left: 8.333%
	}
	.col-sm-offset-2 {
		margin-left: 16.667%
	}
	.col-sm-offset-3 {
		margin-left: 25%
	}
	.col-sm-offset-4 {
		margin-left: 33.333%
	}
	.col-sm-offset-5 {
		margin-left: 41.667%
	}
	.col-sm-offset-6 {
		margin-left: 50%
	}
	.col-sm-offset-7 {
		margin-left: 58.333%
	}
	.col-sm-offset-8 {
		margin-left: 66.667%
	}
	.col-sm-offset-9 {
		margin-left: 75%
	}
	.col-sm-offset-10 {
		margin-left: 83.333%
	}
	.col-sm-offset-11 {
		margin-left: 91.667%
	}
	.start-sm {
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-align: start
	}
	.center-sm {
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center
	}
	.end-sm {
		-ms-flex-pack: end;
		justify-content: flex-end;
		text-align: end
	}
	.top-sm {
		-ms-flex-align: start;
		align-items: flex-start
	}
	.middle-sm {
		-ms-flex-align: center;
		align-items: center
	}
	.bottom-sm {
		-ms-flex-align: end;
		align-items: flex-end
	}
	.around-sm {
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
	.between-sm {
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.first-sm {
		-ms-flex-order: -1;
		order: -1
	}
	.last-sm {
		-ms-flex-order: 1;
		order: 1
	}
}

@media only screen and (min-width:62em) {
	.container {
		width: 61rem
	}
	.col-md,
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		box-sizing: border-box;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-right: 1rem;
		padding-left: 1rem
	}
	.col-md {
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		max-width: 100%
	}
	.col-md-1 {
		-ms-flex-preferred-size: 8.333%;
		flex-basis: 8.333%;
		max-width: 8.333%
	}
	.col-md-2 {
		-ms-flex-preferred-size: 16.667%;
		flex-basis: 16.667%;
		max-width: 16.667%
	}
	.col-md-3 {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%
	}
	.col-md-4 {
		-ms-flex-preferred-size: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%
	}
	.col-md-5 {
		-ms-flex-preferred-size: 41.667%;
		flex-basis: 41.667%;
		max-width: 41.667%
	}
	.col-md-6 {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%
	}
	.col-md-7 {
		-ms-flex-preferred-size: 58.333%;
		flex-basis: 58.333%;
		max-width: 58.333%
	}
	.col-md-8 {
		-ms-flex-preferred-size: 66.667%;
		flex-basis: 66.667%;
		max-width: 66.667%
	}
	.col-md-9 {
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
		max-width: 75%
	}
	.col-md-10 {
		-ms-flex-preferred-size: 83.333%;
		flex-basis: 83.333%;
		max-width: 83.333%
	}
	.col-md-11 {
		-ms-flex-preferred-size: 91.667%;
		flex-basis: 91.667%;
		max-width: 91.667%
	}
	.col-md-12 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
	.col-md-offset-1 {
		margin-left: 8.333%
	}
	.col-md-offset-2 {
		margin-left: 16.667%
	}
	.col-md-offset-3 {
		margin-left: 25%
	}
	.col-md-offset-4 {
		margin-left: 33.333%
	}
	.col-md-offset-5 {
		margin-left: 41.667%
	}
	.col-md-offset-6 {
		margin-left: 50%
	}
	.col-md-offset-7 {
		margin-left: 58.333%
	}
	.col-md-offset-8 {
		margin-left: 66.667%
	}
	.col-md-offset-9 {
		margin-left: 75%
	}
	.col-md-offset-10 {
		margin-left: 83.333%
	}
	.col-md-offset-11 {
		margin-left: 91.667%
	}
	.start-md {
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-align: start
	}
	.center-md {
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center
	}
	.end-md {
		-ms-flex-pack: end;
		justify-content: flex-end;
		text-align: end
	}
	.top-md {
		-ms-flex-align: start;
		align-items: flex-start
	}
	.middle-md {
		-ms-flex-align: center;
		align-items: center
	}
	.bottom-md {
		-ms-flex-align: end;
		align-items: flex-end
	}
	.around-md {
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
	.between-md {
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.first-md {
		-ms-flex-order: -1;
		order: -1
	}
	.last-md {
		-ms-flex-order: 1;
		order: 1
	}
}

@media only screen and (min-width:75em) {
	.container {
		width: 71rem
	}
	.col-lg,
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12 {
		box-sizing: border-box;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-right: 1rem;
		padding-left: 1rem
	}
	.col-lg {
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		max-width: 100%
	}
	.col-lg-1 {
		-ms-flex-preferred-size: 8.333%;
		flex-basis: 8.333%;
		max-width: 8.333%
	}
	.col-lg-2 {
		-ms-flex-preferred-size: 16.667%;
		flex-basis: 16.667%;
		max-width: 16.667%
	}
	.col-lg-3 {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%
	}
	.col-lg-4 {
		-ms-flex-preferred-size: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%
	}
	.col-lg-5 {
		-ms-flex-preferred-size: 41.667%;
		flex-basis: 41.667%;
		max-width: 41.667%
	}
	.col-lg-6 {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%
	}
	.col-lg-7 {
		-ms-flex-preferred-size: 58.333%;
		flex-basis: 58.333%;
		max-width: 58.333%
	}
	.col-lg-8 {
		-ms-flex-preferred-size: 66.667%;
		flex-basis: 66.667%;
		max-width: 66.667%
	}
	.col-lg-9 {
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
		max-width: 75%
	}
	.col-lg-10 {
		-ms-flex-preferred-size: 83.333%;
		flex-basis: 83.333%;
		max-width: 83.333%
	}
	.col-lg-11 {
		-ms-flex-preferred-size: 91.667%;
		flex-basis: 91.667%;
		max-width: 91.667%
	}
	.col-lg-12 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
	.col-lg-offset-1 {
		margin-left: 8.333%
	}
	.col-lg-offset-2 {
		margin-left: 16.667%
	}
	.col-lg-offset-3 {
		margin-left: 25%
	}
	.col-lg-offset-4 {
		margin-left: 33.333%
	}
	.col-lg-offset-5 {
		margin-left: 41.667%
	}
	.col-lg-offset-6 {
		margin-left: 50%
	}
	.col-lg-offset-7 {
		margin-left: 58.333%
	}
	.col-lg-offset-8 {
		margin-left: 66.667%
	}
	.col-lg-offset-9 {
		margin-left: 75%
	}
	.col-lg-offset-10 {
		margin-left: 83.333%
	}
	.col-lg-offset-11 {
		margin-left: 91.667%
	}
	.start-lg {
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-align: start
	}
	.center-lg {
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center
	}
	.end-lg {
		-ms-flex-pack: end;
		justify-content: flex-end;
		text-align: end
	}
	.top-lg {
		-ms-flex-align: start;
		align-items: flex-start
	}
	.middle-lg {
		-ms-flex-align: center;
		align-items: center
	}
	.bottom-lg {
		-ms-flex-align: end;
		align-items: flex-end
	}
	.around-lg {
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
	.between-lg {
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.first-lg {
		-ms-flex-order: -1;
		order: -1
	}
	.last-lg {
		-ms-flex-order: 1;
		order: 1
	}
}

.tingle-modal * {
	box-sizing: border-box
}

.tingle-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	display: -ms-flexbox;
	display: flex;
	visibility: hidden;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	background: rgba(0, 0, 0, .8);
	opacity: 0;
	cursor: pointer;
	transition: transform .2s ease
}

.tingle-modal--noClose .tingle-modal__close,
.tingle-modal__closeLabel {
	display: none
}

.tingle-modal--confirm .tingle-modal-box {
	text-align: center
}

.tingle-modal--noOverlayClose {
	cursor: default
}

.tingle-modal__close {
	position: fixed;
	top: 10px;
	right: 28px;
	z-index: 1000;
	padding: 0;
	width: 5rem;
	height: 5rem;
	border: none;
	background-color: transparent;
	color: #f0f0f0;
	font-size: 6rem;
	font-family: monospace;
	line-height: 1;
	cursor: pointer;
	transition: color .3s ease
}

.tingle-modal__close:hover {
	color: #fff
}

.tingle-modal-box {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 60%;
	border-radius: 4px;
	background: #fff;
	opacity: 1;
	cursor: auto;
	transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
	transform: scale(.8)
}

.tingle-modal-box__content {
	padding: 3rem
}

.tingle-modal-box__footer {
	padding: 1.5rem 2rem;
	width: auto;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: #f5f5f5;
	cursor: auto
}

.tingle-modal-box__footer:after {
	display: table;
	clear: both;
	content: ""
}

.tingle-modal-box__footer--sticky {
	position: fixed;
	bottom: -200px;
	z-index: 10001;
	opacity: 1;
	transition: bottom .3s ease-in-out .3s
}

.tingle-enabled {
	overflow: hidden;
	height: 100%
}

.tingle-modal--visible .tingle-modal-box__footer {
	bottom: 0
}

.tingle-enabled .tingle-content-wrapper {
	filter: blur(15px)
}

.tingle-modal--visible {
	visibility: visible;
	opacity: 1
}

.tingle-modal--visible .tingle-modal-box {
	transform: scale(1)
}

.tingle-modal--overflow {
	overflow-y: scroll;
	padding-top: 8vh
}

.tingle-btn {
	display: inline-block;
	margin: 0 .5rem;
	padding: 1rem 2rem;
	border: none;
	background-color: grey;
	box-shadow: none;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	cursor: pointer;
	transition: background-color .4s ease
}

.tingle-btn--primary {
	background-color: #3498db
}

.tingle-btn--danger {
	background-color: #e74c3c
}

.tingle-btn--default {
	background-color: #34495e
}

.tingle-btn--pull-left {
	float: left
}

.tingle-btn--pull-right {
	float: right
}

@media (max-width:540px) {
	.tingle-modal-box {
		width: auto;
		border-radius: 0
	}
	.tingle-modal {
		top: 60px;
		display: block;
		width: 100%
	}
	.tingle-modal--noClose {
		top: 0
	}
	.tingle-modal--overflow {
		padding: 0
	}
	.tingle-modal-box__footer .tingle-btn {
		display: block;
		float: none;
		margin-bottom: 1rem;
		width: 100%
	}
	.tingle-modal__close {
		top: 0;
		right: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 60px;
		border: none;
		background-color: #2c3e50;
		box-shadow: none;
		color: #fff;
		line-height: 55px
	}
	.tingle-modal__closeLabel {
		display: inline-block;
		vertical-align: middle;
		font-size: 1.5rem;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
	}
	.tingle-modal__closeIcon {
		display: inline-block;
		margin-right: .5rem;
		vertical-align: middle;
		font-size: 4rem
	}
}

@font-face {
	font-family: proxima_novalight;
	src: url(../fonts/proximanova-light-webfont.e8d59715ccb7be6970edac4ff34f147c.woff2) format("woff2"), url(../fonts/proximanova-light-webfont.2f3374c71cce17f5c83bb47ccc55c64d.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: proxima_nova_rgregular;
	src: url(../fonts/proximanova-regular-webfont.2284cd3a79ddfcfad67fe61a60235a64.woff2) format("woff2"), url(../fonts/proximanova-regular-webfont.e11039593f41df406848a3b5aeb345d1.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: proxima_nova_softbold;
	src: url(../fonts/proxima-nova-soft-bold-webfont.d2c61906dd7012ab44b22dd0e9f80da4.woff2) format("woff2"), url(../fonts/proxima-nova-soft-bold-webfont.e07bf23604a14b391ef5b85a32e6adc5.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: proxima_nova_softmedium;
	src: url(../fonts/proxima-nova-soft-medium-webfont.6d2022f8a25faca9e204ff32eb70413d.woff2) format("woff2"), url(../fonts/proxima-nova-soft-medium-webfont.5835f62c9988feeceacc1e640ae2357d.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: proxima_nova_softregular;
	src: url(../fonts/proxima-nova-soft-regular-webfont.e7403824ef1c0f8a70b890325c50b4ac.woff2) format("woff2"), url(../fonts/proxima-nova-soft-regular-webfont.7049060abf7df5e97d699bae5f9cdfaf.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: proxima_nova_softthin;
	src: url(../fonts/proxima-nova-soft-thin-webfont.7d9ae70343a515ac5491bb22f93322e3.woff2) format("woff2"), url(../fonts/proxima-nova-soft-thin-webfont.8bde365b1a08c2f802cb2ad4f21e3294.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: proxima_nova_softsemibold;
	src: url(../fonts/proxima-nova-soft-semibold-webfont.0d09fab45db83de9f2193dee8526c93a.woff2) format("woff2"), url(../fonts/proxima-nova-soft-semibold-webfont.d536f0b7d85cd9acff1955deaee7e3bd.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

.h1,
h1 {
	font-size: 19px;
	text-transform: uppercase;
	letter-spacing: .76em;
	padding: 20px;
	line-height: 1.4;
	font-weight: 400;
	-webkit-font-smoothing: subpixel-antialiased
}

@media screen and (min-width:992px) {
	.h1,
	h1 {
		font-size: 22px
	}
}

@media screen and (min-width:76em) {
	.h1,
	h1 {
		font-size: 30px
	}
}

@media screen and (min-width:1281px) {
	.h1,
	h1 {
		font-size: 35px
	}
}

.h2,
h2 {
	text-align: center;
	font-size: 2vw;
	text-transform: uppercase;
	letter-spacing: .9em;
	margin: 0 0 4em;
	padding-left: .9em;
	line-height: 1.5;
	font-weight: 400;
	-webkit-font-smoothing: subpixel-antialiased
}

@media screen and (max-width:850px) {
	.h2,
	h2 {
		font-size: 17px
	}
}

@media screen and (min-width:1251px) {
	.h2,
	h2 {
		font-size: 25px
	}
}

.grid-section .intro,
.h3,
h3 {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-weight: 400;
	-webkit-font-smoothing: subpixel-antialiased
}

@media screen and (min-width:992px) {
	.grid-section .intro,
	.h3,
	h3 {
		font-size: 23px
	}
}

a {
	color: #211f21;
	transition: color .3s ease
}

a:hover {
	color: #828081
}

body {
	background: #fff;
	font-family: proxima_nova_thin, Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #211f21;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight: 300!important;
	-webkit-text-stroke-width: 0
}

body.menu-open {
	overflow: hidden;
	height: 100%
}

.content-wrap {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 20px
}

a {
	text-decoration: none;
	color: #00548d
}

.field-wrap {
	position: relative;
	margin: 5px 0
}

input[type=date],
input[type=email],
input[type=search],
input[type=tel],
input[type=text],
select {
	-webkit-appearance: none;
	font-size: 16px;
	color: #211f21;
	padding: 0 15px;
	line-height: 1;
	height: 60px;
	background: #fff;
	border-radius: 3px;
	border: none;
	outline: none;
	transition: font-size .2s ease, box-shadow .3s ease
}

@media screen and (min-width:992px) {
	input[type=date],
	input[type=email],
	input[type=search],
	input[type=tel],
	input[type=text],
	select {
		min-width: 400px
	}
}

@media screen and (max-width:991px) {
	input[type=date],
	input[type=email],
	input[type=search],
	input[type=tel],
	input[type=text],
	select {
		display: block;
		width: calc(100% - 30px);
		font-size: 14px
	}
}

input[type=date]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
select::-webkit-input-placeholder {
	color: #d8d8d8;
	letter-spacing: .05em
}

input[type=date]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
select::-moz-placeholder {
	color: #d8d8d8;
	letter-spacing: .05em
}

input[type=date]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
select::-ms-input-placeholder {
	color: #d8d8d8;
	letter-spacing: .05em
}

input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
select::placeholder {
	color: #d8d8d8;
	letter-spacing: .05em
}

.button,
button,
input[type=button],
input[type=submit] {
	-webkit-appearance: none;
	font-size: 14px;
	text-transform: uppercase;
	background: #5d5d5d;
	color: #fff;
	padding: 0 20px;
	letter-spacing: .1em;
	border: none;
	line-height: 60px;
	border-radius: 3px;
	outline: none;
	cursor: pointer;
	transition: background-color .3s ease
}

@media screen and (min-width:992px) {
	.button,
	button,
	input[type=button],
	input[type=submit] {
		min-width: 200px
	}
}

@media screen and (max-width:991px) {
	.button,
	button,
	input[type=button],
	input[type=submit] {
		display: block;
		width: 100%
	}
}

.button:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
	background-color: #6a6a6a
}

.invalid {
	box-shadow: 0 0 0 2px #d3292e
}

.validation-error {
	position: absolute;
	top: 0;
	left: 0;
	background: #d3292e;
	width: calc(100% - 40px);
	padding: 20px;
	border-radius: 3px;
	font-size: .9em;
	margin-top: -15px;
	letter-spacing: .05em;
	text-align: center;
	transform: translateY(-100%);
	transition: opacity .3s ease
}

.validation-error:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #d3292e;
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	transform: rotate(45deg)
}

.validation-error.hide {
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility 0s .3s
}

.success-message.hide {
	display: none
}

.form-optional-edit {
	box-sizing: border-box;
	width: 100%;
	display: none!important
}

:checked~.form-optional-edit {
	display: block!important
}

.w100 {
	width: 100%
}

.container {
	width: auto;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden
}

.main-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	pointer-events: none
}

.main-header.admin-bar-showing {
	top: 30px
}

.main-header .logo {
	display: block;
	width: 70px;
	height: 70px;
	margin: 15px;
	transition: all .3s ease;
	pointer-events: all
}

@media screen and (min-width:992px) {
	.main-header .logo {
		width: 80px;
		height: 80px;
		margin: 15px 25px
	}
}

@media screen and (min-width:1281px) {
	.main-header .logo {
		width: 85px;
		height: 85px
	}
}

.main-header .menu-trigger {
	display: block;
	width: 40px;
	height: 37px;
	position: absolute;
	right: 15px;
	top: 50%;
	background: #000;
	margin-top: -27px;
	cursor: pointer;
	transition: all .3s ease;
	pointer-events: all
}

.main-header .menu-trigger>svg {
	transition: transform .3s ease
}

.main-header .menu-trigger:hover>svg {
	transform: scale(.9)
}

@media screen and (min-width:992px) {
	.main-header .menu-trigger {
		right: 25px
	}
}

@media screen and (min-width:1301px) {
	.main-header .menu-trigger {
		width: 3vw;
		height: 3vw
	}
}

@media screen and (min-width:1701px) {
	.main-header .menu-trigger {
		width: 50px;
		height: 50px
	}
}

.menu-open .menu-trigger {
	background: transparent
}

@media screen and (min-width:992px) {
	.menu-open .menu-trigger {
		background: #3e3e3e
	}
}

.main-menu {
	position: fixed;
	z-index: 9998;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	background: rgba(0, 0, 0, .8);
	transition: background .5s ease .1s
}

.main-menu.hidden {
	background: transparent;
	visibility: hidden;
	transition: visibility 0s .6s;
	pointer-events: none
}

.main-menu.hidden .image-wrap {
	transform: translateX(-100%);
	opacity: 0;
	transition: opacity .3s ease .2s, transform 0s .5s
}

.main-menu.hidden .image-wrap .image {
	transform: scale(1);
	transition: transform 0s .6s
}

.main-menu.hidden .menu-wrap {
	transform: translateX(100%);
	opacity: 0;
	transition: opacity .6s ease, transform 0s .6s
}

.main-menu.hidden .main section {
	transform: translateY(40%);
	opacity: 0;
	transition: transform 0s .6s, opacity 0s .6s!important
}

.main-menu.hidden .utilities {
	opacity: 0
}

.main-menu.hidden .general {
	transform: translateY(-2vw);
	transition: transform 0s .6s, opacity 0s .6s
}

.main-menu .image-wrap {
	width: 30%;
	height: 100%;
	position: relative;
	overflow: hidden;
	transition: opacity 0s, transform .5s cubic-bezier(.36, .58, .32, 1);
	transition-timing-function: cubic-bezier(.36, .58, .32, 1)
}

@media screen and (max-width:991px) {
	.main-menu .image-wrap {
		width: 0
	}
}

.main-menu .image-wrap .image {
	background: no-repeat 50%;
	background-size: cover;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	transform: scale(1.1);
	transition: transform 10s cubic-bezier(.05, .08, .785, 1.03);
	transition-timing-function: cubic-bezier(.05, .08, .785, 1.03)
}

.main-menu .menu-wrap {
	width: 70%;
	padding: 150px 4vw 4vw;
	background: #3e3e3e;
	position: relative;
	transition: transform .6s cubic-bezier(.315, .045, .105, 1.02);
	transition-timing-function: cubic-bezier(.315, .045, .105, 1.02)
}

@media screen and (max-width:991px) {
	.main-menu .menu-wrap {
		width: calc(100% - 8vw);
		padding-top: 100px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		overflow-y: scroll;
		overflow-x: hidden
	}
}

@media screen and (min-width:992px) {
	.main-menu .menu-wrap:after {
		content: "";
		width: 2vw;
		height: 100%;
		background: 0 0 url(../images/x-white.png);
		background-size: 18px;
		position: absolute;
		right: 0;
		top: 0;
		transition: width .3s ease
	}
}

@media screen and (min-width:1351px) {
	.main-menu .menu-wrap {
		padding: 150px 8vw 4vw
	}
}

@media screen and (min-width:1371px) {
	.main-menu .menu-wrap:after {
		width: 7vw;
		transition: none
	}
}

.main-menu .menu-wrap ul {
	list-style: none;
	padding: 0
}

.main-menu .menu-wrap a {
	color: #fff
}

.main-menu .utilities {
	display: block;
	-ms-flex-order: 0;
	order: 0;
	margin-bottom: 10px
}

@media screen and (min-width:992px) {
	.main-menu .utilities {
		position: absolute;
		margin: 0;
		top: 3vw;
		left: 4vw;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-order: inherit;
		order: inherit;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-ms-flex-align: center;
		align-items: center;
		transition: opacity .6s ease-out .2s
	}
}

.main-menu .social>a {
	display: inline-block;
	text-align: center;
	margin: 5px;
	width: 1.6em;
	height: 1.6em;
	background: #fff;
	border-radius: 50%;
	color: #3e3e3e;
	font-size: 1.2em;
	transition: background .3s ease
}

.main-menu .social>a:hover {
	background: hsla(0, 0%, 100%, .7)
}

.main-menu .social>a>i {
	width: 1em;
	height: 1em;
	position: relative;
	top: .3em
}

.main-menu .search-form {
	top: -9px
}

@media screen and (min-width:992px) {
	.main-menu .search-form {
		padding-left: 20px
	}
}

.main-menu .search-form .field-wrap {
	position: relative
}

.main-menu .search-form label {
	position: absolute;
	top: 50%;
	left: 10px;
	font-size: 1.4em;
	margin-top: -.45em;
	display: block;
	color: #fff
}

.main-menu .search-form input {
	background: transparent;
	border: 1px solid hsla(0, 0%, 100%, .6);
	font-family: proxima_nova_thin, Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	letter-spacing: .06em;
	height: 50px;
	padding-left: 40px;
	color: #fff;
	transition: background .3s ease-out
}

@media screen and (max-width:991px) {
	.main-menu .search-form input {
		min-width: 0;
		width: calc(100% - 55px);
		display: block
	}
}

.main-menu .search-form input:focus {
	background: rgba(33, 31, 33, .5)
}

.main-menu .general {
	transition: opacity .8s ease-out, transform .8s ease-out;
	max-width: 900px
}

@media screen and (max-width:991px) {
	.main-menu .general {
		-ms-flex-order: 2;
		order: 2
	}
}

.main-menu .general ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (max-width:991px) {
	.main-menu .general ul {
		display: block
	}
}

.main-menu .general li {
	display: block;
	text-transform: uppercase;
	font-size: .8em;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	letter-spacing: .08em
}

.main-menu .general li.current_page_item a {
	-webkit-font-smoothing: subpixel-antialiased
}

@media screen and (max-width:991px) {
	.main-menu .general li {
		padding-bottom: 15px
	}
	.main-menu .general li a {
		font-size: .9em
	}
}

.main-menu .main {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 3vw
}

@media screen and (max-width:991px) {
	.main-menu .main {
		-ms-flex-order: 1;
		order: 1
	}
}

.main-menu .main section {
	display: table-cell;
	transition: transform .5s ease-out, opacity ease-out;
	position: relative
}

@media screen and (max-width:991px) {
	.main-menu .main section {
		display: block;
		margin-bottom: 20px
	}
	.main-menu .main section ul {
		max-height: 0;
		opacity: 0;
		padding-top: 7px;
		visibility: hidden;
		transition: opacity .3s ease, max-height .3s ease, visibility 0s .3s
	}
	.main-menu .main section .trigger {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -.5em;
		transition: transform .3s ease;
		-webkit-font-smoothing: antialiased
	}
	.main-menu .main section.open ul {
		max-height: 2000px;
		opacity: 1;
		visibility: visible;
		transition: opacity .3s ease, max-height .3s ease
	}
	.main-menu .main section.open .trigger {
		transform: rotateX(180deg)
	}
}

@media screen and (min-width:992px) {
	.main-menu .main section .trigger {
		display: none
	}
	.main-menu .main section .feature-link:before {
		font-size: .6em;
		position: absolute;
		top: .3em;
		left: -1.5em;
		color: hsla(0, 0%, 100%, .3)
	}
	.main-menu .main section:nth-child(2) {
		transition: transform .5s ease-out .1s, opacity .5s ease-out .1s
	}
	.main-menu .main section:nth-child(3) {
		transition: transform .5s ease-out .2s, opacity .5s ease-out .2s
	}
	.main-menu .main section:nth-child(4) {
		transition: transform .5s ease-out .3s, opacity .5s ease-out .3s
	}
	.main-menu .main section:nth-child(5) {
		transition: transform .5s ease-out .4s, opacity .5s ease-out .4s
	}
}

.main-menu .main ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.main-menu .main ul li {
	padding: 10px 0
}

.main-menu .main ul li.current a {
	color: #fff
}

.main-menu .main ul a {
	display: inline-block;
	position: relative;
	letter-spacing: .15em;
	color: #c5c5c5;
	transition: color .4s ease
}

.main-menu .main ul a:hover {
	color: #fff;
	transition: color .2s ease
}

.main-menu .main ul a:hover:after {
	opacity: 1;
	transform: translateY(0)
}

.main-menu .main ul a:after {
	content: "";
	display: inline-block;
	height: 1px;
	width: calc(100% - .15em);
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	opacity: 0;
	transition: all .2s ease;
	transform: translateY(-10px)
}

.main-menu .main .feature-link {
	display: inline-block;
	position: relative;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .4em;
	margin-bottom: 1em
}

@media screen and (min-width:992px) {
	.main-menu .main .feature-link {
		font-size: 1.3vw;
		letter-spacing: .5em
	}
}

@media screen and (max-width:1300px) {
	.main-menu .main .feature-link {
		display: block;
		font-size: 14px
	}
}

@media screen and (max-width:991px) {
	.main-menu .main .feature-link:after {
		content: "";
		height: 1px;
		width: 90%;
		display: block;
		position: relative;
		left: 0;
		bottom: -10px;
		background: hsla(0, 0%, 100%, .6)
	}
}

.main-footer {
	font-family: proxima_novalight, Helvetica Neue, Helvetica, Arial, sans-serif;
	background: #211f21;
	color: #c5c5c5;
	padding: 80px 0 60%;
	position: relative;
	overflow: hidden
}

@media screen and (min-width:351px) {
	.main-footer {
		padding-bottom: 210px
	}
}

@media screen and (min-width:1001px) {
	.main-footer {
		padding-bottom: 120px
	}
}

.main-footer:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 90%;
	max-width: 300px;
	padding-bottom: 90%;
	background: url(../images/x.svg) no-repeat 50%;
	background-size: contain;
	transform: translateX(30%) translateY(45%)
}

@media screen and (max-width:1350px) and (min-width:1001px) {
	.main-footer:after {
		display: none
	}
}

@media screen and (min-width:1351px) {
	.main-footer:after {
		display: block;
		width: 25%;
		height: auto;
		padding-bottom: 25%;
		max-width: 604px;
		transform: translateX(41%) translateY(33%)
	}
}

@media screen and (min-width:1001px) {
	.main-footer .wrap {
		display: table;
		table-layout: fixed;
		width: 85%
	}
	.main-footer .wrap section {
		display: table-cell;
		vertical-align: top;
		text-align: left
	}
}

@media screen and (max-width:1350px) and (min-width:1001px) {
	.main-footer .wrap {
		width: 100%
	}
}

.main-footer section {
	display: none;
	padding: 0 10px;
	font-size: 15px
}

@media screen and (min-width:1551px) {
	.main-footer section {
		font-size: 16px
	}
}

.main-footer section ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 0
}

.main-footer section ul li {
	padding: 10px 0
}

.main-footer section ul li.current a {
	color: #fff
}

.main-footer section ul a {
	display: inline-block;
	position: relative;
	letter-spacing: .15em;
	color: #c5c5c5;
	transition: color .4s ease
}

.main-footer section ul a:hover {
	color: #fff;
	transition: color .2s ease
}

.main-footer section ul a:hover:after {
	opacity: 1;
	transform: translateY(0)
}

.main-footer section ul a:after {
	content: "";
	display: inline-block;
	height: 1px;
	width: calc(100% - .15em);
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	opacity: 0;
	transition: all .2s ease;
	transform: translateY(-10px)
}

.main-footer .general li:first-child {
	padding-top: 0
}

.main-footer .general a {
	text-transform: uppercase;
	color: #fff;
	letter-spacing: .1em
}

.main-footer .feature-link {
	display: inline-block;
	position: relative;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .4em;
	margin-bottom: 5px;
	transition: letter-spacing .4s ease
}

.main-footer .feature-link:hover {
	letter-spacing: .5em;
	transition: letter-spacing .2s ease
}

.main-footer .feature-link:hover:after {
	opacity: 1
}

.main-footer .feature-link:after {
	content: "";
	display: inline-block;
	height: 1px;
	width: calc(100% - .5em);
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	opacity: 0;
	transition: opacity .15s linear
}

.main-footer .identity {
	display: block;
	font-size: 14px;
	letter-spacing: .05em;
	text-align: center
}

.main-footer .logo {
	display: inline-block;
	width: 40%;
	max-width: 100px;
	margin-bottom: 47px
}

@media screen and (min-width:992px) {
	.main-footer .logo {
		width: 60%
	}
}

@media screen and (min-width:1001px) {
	.main-footer .logo {
		max-width: 132px
	}
}

.main-footer .social {
	text-align: center;
	padding-bottom: 30px
}

.main-footer .social>a {
	display: inline-block;
	margin: 5px;
	width: 1.6em;
	height: 1.6em;
	background: #fff;
	border-radius: 50%;
	color: #000;
	font-size: 22px;
	transition: background .3s ease
}

.main-footer .social>a:hover {
	background: hsla(0, 0%, 100%, .7)
}

.main-footer .social>a>i {
	width: 1em;
	height: 1em;
	position: relative;
	top: .3em
}

.contact-footer {
	background: #e2e2e2;
	padding: 60px 0
}

.contact-footer h4 {
	margin: 0 0 40px;
	font-size: 19px;
	line-height: 1.4;
	-webkit-font-smoothing: subpixel-antialiased
}

@media screen and (max-width:991px) {
	.contact-footer h4 {
		text-align: center;
		max-width: 400px;
		padding: 0 20px;
		margin: 0 auto 35px
	}
}

@media screen and (max-width:1520px) {
	.contact-footer .field-area h4 {
		max-width: 500px
	}
}

@media screen and (max-width:991px) {
	.contact-footer .field-area {
		-ms-flex-order: 2;
		order: 2
	}
	.contact-footer .field-area>form {
		margin: 0 auto
	}
	.contact-footer .field-area input {
		margin-bottom: 10px
	}
}

.contact-footer .field-area>form {
	max-width: 700px
}

@media screen and (max-width:991px) {
	.contact-footer .link-area {
		padding-bottom: 50px;
		-ms-flex-order: 1;
		order: 1
	}
}

.contact-footer .link-area h4 {
	text-transform: uppercase;
	color: #211f21;
	letter-spacing: .35em;
	font-size: 19px;
	-webkit-font-smoothing: antialiased
}

@media screen and (min-width:992px) {
	.contact-footer .content-wrap>* {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

@media screen and (max-width:991px) {
	.contact-footer .contacts {
		text-align: center
	}
}

.contact-footer .contacts .label {
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	text-transform: uppercase
}

@media screen and (max-width:991px) {
	.contact-footer .contacts .label {
		padding: 20px 0
	}
}

.contact-footer .contacts ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.contact-footer .contacts ul li {
	display: block;
	margin-bottom: 10px
}

.contact-footer .contacts a {
	color: #211f21
}

.contact-footer .contacts a:hover {
	color: #828081
}

.contact-footer .contacts .icon {
	font-size: 1.5em;
	position: relative;
	top: .38em;
	line-height: 0;
	margin-right: 5px;
	color: #c2c2c2
}

@media screen and (min-width:992px) {
	.contact-footer .field-wrap {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.contact-footer .field-wrap input[type=email] {
		min-width: 0;
		width: calc(60% - 30px)
	}
	.contact-footer .field-wrap input[type=submit] {
		min-width: 0;
		width: 35%
	}
}

.contact-footer h4 {
	font-size: 24px;
	color: #a0a0a0
}

.subscribe-popup {
	position: fixed;
	z-index: 999999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(33, 31, 33, .4);
	transition: opacity .3s ease-out, visibility 0s .3s
}

.subscribe-popup.hide {
	visibility: hidden;
	pointer-events: none;
	opacity: 0
}

.subscribe-popup h3 {
	color: #fff
}

.subscribe-popup .wrapper {
	position: absolute;
	width: calc(100% - 40px);
	max-width: 650px;
	top: 50%;
	left: 50%;
	padding: 20px;
	background: rgba(33, 31, 33, .9);
	transform: translateX(-50%) translateY(-50%)
}

.subscribe-popup .row {
	position: relative;
	margin: 0
}

.subscribe-popup .row>div {
	padding: 5px
}

.subscribe-popup input[type=text],
.subscribe-popup select {
	min-width: 0;
	width: calc(100% - 30px);
	margin: 0
}

.subscribe-popup select {
	width: 100%
}

.subscribe-popup .join-wrap {
	padding-top: 20px!important
}

.banner {
	display: table;
	width: 100%;
	table-layout: fixed;
	background-color: #211f21;
	position: relative;
	overflow: hidden;
	color: #fff
}

.banner.black-fore {
	color: #211f21
}

.banner h1 {
	max-width: 300px
}

@media screen and (min-width:931px) {
	.banner h1 {
		max-width: 33vw
	}
}

.banner .image {
	display: block;
	width: 100%;
	height: 250px;
	background: #211f21 top no-repeat;
	background-size: cover;
	transition: height .2s ease-out
}

@media screen and (min-width:992px) {
	.banner .image {
		height: 300px;
		transition: none
	}
}

@media screen and (min-width:1281px) {
	.banner .image {
		height: 25vw;
		max-height: 550px
	}
}

.banner .wrap {
	height: 20vw;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	padding-top: 30px;
	transition: padding-top .3s ease
}

@media screen and (max-width:770px) {
	.banner .wrap {
		height: 200px
	}
}

@media screen and (min-width:992px) {
	.banner .wrap {
		padding-top: 0
	}
}

.banner .icon-x {
	font-size: 23vw;
	position: absolute;
	bottom: -.3em;
	right: .3em
}

@media screen and (max-width:991px) {
	.banner .icon-x {
		opacity: 0;
		visibility: hidden;
		transition: all .3s ease, visibility 0s .3s
	}
}

@media screen and (min-width:1001px) {
	.banner .icon-x {
		right: .4em
	}
}

.banner-sub {
	padding: 40px 20px;
	text-align: center
}

@media screen and (min-width:76em) {
	.banner-sub {
		padding: 90px 20px 50px
	}
}

.banner-sub h1 {
	max-width: 900px
}

.banner-sub h1,
.banner h1 {
	padding: 0 0 0 .76em;
	margin: 0 auto
}

.banner-sub .subtitle,
.banner .subtitle {
	padding-top: 15px;
	font-size: 12px
}

@media screen and (min-width:992px) {
	.banner-sub .subtitle,
	.banner .subtitle {
		font-size: 13px
	}
}

@media screen and (min-width:76em) {
	.banner-sub .subtitle,
	.banner .subtitle {
		font-size: 15px;
		padding-top: 20px
	}
}

.banner+section {
	position: relative
}

.grid-section {
	padding: 0;
	color: #fff
}

.grid-section .container {
	padding: 0
}

@media screen and (min-width:992px) {
	.grid-section .container {
		padding: 10px 10% 60px
	}
}

.grid-section .container .row {
	margin: 0 -5px
}

@media screen and (min-width:992px) {
	.grid-section .container .row>div {
		display: -ms-flexbox;
		display: flex
	}
}

.grid-section .container .row>div>.row {
	margin-right: -10px
}

@media screen and (min-width:992px) {
	.grid-section .container .row>div>.row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1;
		flex: 1
	}
}

.grid-section a {
	color: #fff;
	text-decoration: underline;
	-webkit-text-decoration-color: hsla(0, 0%, 100%, .5);
	text-decoration-color: hsla(0, 0%, 100%, .5)
}

.grid-section.black-fore {
	color: #211f21
}

.grid-section.black-fore a {
	color: #211f21;
	-webkit-text-decoration-color: rgba(33, 31, 33, .5);
	text-decoration-color: rgba(33, 31, 33, .5)
}

.grid-section.black-fore .x {
	fill: #211f21
}

.grid-section .black-back {
	color: #fff;
	background: #211f21
}

.grid-section .black-back .sub-link {
	color: #fff;
	-webkit-text-decoration-color: hsla(0, 0%, 100%, .5);
	text-decoration-color: hsla(0, 0%, 100%, .5)
}

.grid-section .li {
	display: block;
	padding: 0 0 8px 15px;
	position: relative;
	line-height: 1.4;
	text-align: left;
	margin: 0 auto;
	letter-spacing: .04em
}

@media screen and (max-width:991px) {
	.grid-section .li {
		max-width: 400px
	}
}

.grid-section .li:before {
	content: "-";
	position: absolute;
	left: 0
}

.grid-section .row>div {
	padding: 0;
	overflow: hidden;
	position: relative
}

@media screen and (min-width:992px) {
	.grid-section .row>div {
		padding: 0 5px 10px
	}
	.grid-section .row>div.md-pad-left {
		padding-left: 10px
	}
}

.grid-section .no-bottom-pad {
	padding-bottom: 0!important
}

.grid-section .box,
.grid-section .full-height,
.grid-section .short,
.grid-section .tall {
	overflow: hidden;
	position: relative
}

@media screen and (min-width:992px) {
	.grid-section .short {
		margin-bottom: 10px
	}
}

.grid-section .tall {
	height: 595px
}

.grid-section .full-height {
	height: 100%
}

@media screen and (min-width:992px) {
	.grid-section .full-height {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		height: auto
	}
}

.grid-section .column-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 2;
	flex: 2;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-direction: column;
	flex-direction: column
}

@media screen and (min-width:992px) {
	.grid-section .column-wrap .stretch,
	.grid-section .column-wrap>.short,
	.grid-section .column-wrap>.specifics {
		-ms-flex: 2 0 auto;
		flex: 2 0 auto
	}
}

.grid-section .image-holder {
	background-color: #211f21;
	height: 150vw;
	max-height: 500px;
	position: relative
}

@media screen and (min-width:992px) {
	.grid-section .image-holder {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1 0 0px;
		flex: 1 0 0
	}
}

.grid-section .image-holder.vertical {
	max-height: 670px
}

@media screen and (min-width:992px) {
	.grid-section .image-holder.vertical {
		max-height: none
	}
}

@media screen and (min-width:992px) {
	.grid-section .image-holder {
		height: auto;
		max-height: none
	}
	.grid-section .image-holder.small-height {
		min-height: 300px
	}
	.grid-section .image-holder.large-height {
		min-height: 600px
	}
}

.grid-section .image {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: -1px;
	left: -1px;
	padding: 1px;
	background: no-repeat 50%;
	background-size: cover
}

.grid-section .box {
	padding-bottom: 100%
}

@media screen and (min-width:992px) {
	.grid-section .box {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1;
		flex: 1
	}
}

@media screen and (max-width:991px) {
	.grid-section .box.image-holder {
		padding-bottom: 0
	}
}

.grid-section .box .icon-x {
	font-size: 60vw;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.5em;
	margin-left: -.5em
}

@media screen and (max-width:991px) and (min-width:451px) {
	.grid-section .box {
		padding-bottom: 50%
	}
	.grid-section .box .icon-x {
		font-size: 30vw
	}
}

@media screen and (min-width:992px) {
	.grid-section .box .icon-x {
		font-size: 20vw
	}
}

.grid-section .intro-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.grid-section .intro-holder .image-holder {
	width: 100%;
	height: 100%
}

.grid-section .intro {
	font-family: proxima_nova_thin, Helvetica Neue, Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 40px 35px;
	line-height: 1.5
}

.grid-section .intro .sub-link {
	font-size: 13px;
	text-transform: none;
	letter-spacing: .1em;
	margin-top: 10px;
	display: block;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased
}

.grid-section .specifics {
	padding: 40px;
	text-align: center;
	letter-spacing: .04em
}

@media screen and (min-width:992px) {
	.grid-section .specifics {
		padding: 50px;
		text-align: left
	}
	.grid-section .specifics.horizontal {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row
	}
	.grid-section .specifics.horizontal .spec {
		display: block;
		width: 50%
	}
}

@media screen and (min-width:76em) {
	.grid-section .specifics {
		padding: 60px
	}
}

.grid-section .specifics.full-height {
	height: calc(100% - 80px)
}

@media screen and (min-width:992px) {
	.grid-section .specifics.full-height {
		height: calc(100% - 100px)
	}
}

@media screen and (min-width:76em) {
	.grid-section .specifics.full-height {
		height: calc(100% - 120px)
	}
}

.grid-section .specifics .intro,
.grid-section .specifics h3 {
	font-size: 6vw;
	margin-top: 0
}

@media screen and (max-width:260px) {
	.grid-section .specifics .intro,
	.grid-section .specifics h3 {
		font-size: 15.66px
	}
}

@media screen and (min-width:416px) {
	.grid-section .specifics .intro,
	.grid-section .specifics h3 {
		font-size: 25px
	}
}

.grid-section .specifics .spec {
	padding-bottom: 30px;
	font-size: 14px;
	transition: font-size .3s
}

@media screen and (min-width:76em) {
	.grid-section .specifics .spec {
		font-size: 16px
	}
}

@media screen and (max-width:991px) {
	.grid-section .sm-order-1 {
		-ms-flex-order: 1;
		order: 1
	}
}

@media screen and (max-width:991px) {
	.grid-section .sm-order-2 {
		-ms-flex-order: 2;
		order: 2
	}
}

@media screen and (min-width:992px) {
	section.banner+.grid-section {
		padding-top: 4vw
	}
}

.gallery-section .container {
	padding: 0
}

@media screen and (min-width:992px) {
	.gallery-section .container {
		padding: 60px 10% 55px
	}
}

@media screen and (min-width:992px) {
	.gallery-section .row {
		margin: 10px -5px 5px
	}
}

.gallery-section .row>* {
	padding: 0 5px 10px;
	overflow: hidden
}

@media screen and (max-width:991px) {
	.gallery-section .row>* {
		width: 100%
	}
}

.gallery-section .double {
	overflow: hidden;
	margin: 0 -5px
}

.gallery-section .double>* {
	padding: 0 5px
}

@media screen and (max-width:991px) {
	.gallery-section .double>:first-child {
		margin-bottom: 10px
	}
}

.gallery-section .image-wrap {
	height: 50vw;
	min-height: 300px;
	max-height: 600px;
	overflow: hidden;
	position: relative
}

.gallery-section .image {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: 50% no-repeat;
	background-size: cover
}

@media screen and (max-width:991px) {
	.gallery-section .filler-col {
		display: none
	}
}

.gallery-section .filler {
	width: 100%;
	height: 50vw;
	min-height: 300px;
	max-height: 600px;
	background: 50% url(../images/x-white.png);
	background-size: 22px;
	overflow: hidden;
	position: relative;
	color: #fff
}

.gallery-section .filler.black-fore {
	background-image: url(../images/x-black.png);
	color: #211f21
}

.gallery-section .filler .icon-x {
	font-size: 50vw;
	position: absolute;
	bottom: -.2em;
	right: -.3em
}

@media screen and (min-width:1201px) {
	.gallery-section .filler .icon-x {
		font-size: 600px
	}
}

@media screen and (min-width:992px) {
	.grid-section+.gallery-section.restricted {
		margin-top: -70px
	}
	.grid-section+.gallery-section.restricted .container {
		padding-top: 0
	}
}

.listing-section {
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif
}

.listing-section .container {
	padding: 40px 20px
}

@media screen and (min-width:992px) {
	.listing-section .container {
		padding: 4vw 10%
	}
}

.listing-section .results-row {
	-ms-flex-pack: center;
	justify-content: center
}

.listing-section .row>div {
	position: relative;
	margin-bottom: 40px;
	transition: opacity .3s ease
}
@media screen and (min-width:992px) {
	.listing-section .row>div {
		height: 35vh;
	}
}
.listing-section .row>div.hidden {
	opacity: 0
}

.listing-section .image {
	width: 100%;
	height: 110vw;
	max-height: 500px;
	background: no-repeat 50%;
	background-size: cover;
	margin-bottom: 20px;
	color: #fff
}

@media screen and (min-width:49em) {
	.listing-section .image {
		height: 50vw
	}
}

@media screen and (min-width:992px) {
	.listing-section .image {
		height: 25vh;
	}
	.listing-section .row>div:hover .image {
		object-fit:contain!important;
		object-position:center center;
	}
}

.listing-section .image.contain {
	background-size: contain
}

.listing-section .image.contain-center {
	background-size: 60%
}

.listing-section .image.black-fore {
	color: #211f21
}

.listing-section .image .icon-x {
	font-size: 20vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	pointer-events: none
}

@media screen and (max-width:48em) {
	.listing-section .image .icon-x {
		font-size: 30vw
	}
}

@media screen and (min-width:992px) {
	.listing-section .image .icon-x {
		font-size: 10vw
	}
}

.listing-section .name {
	font-size: .9em;
    text-transform:uppercase;
}

.listing-section .subtext {
	font-size: .7em;
	color: #5d5d5d
}

.listing-section .overlay-link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.listing-section .loader-wrap {
	padding-top: 40px;
	text-align: center
}

.listing-section .loader-wrap .results {
	font-size: 13px;
	letter-spacing: .07em;
	margin-bottom: 20px;
	color: #5c5d5e
}

.listing-section .loader-wrap button {
	transition: background-color .3s ease, color .3s ease, max-height .6s .2s, opacity .3s ease;
	position: relative;
	max-height: 300px
}

@media screen and (min-width:992px) {
	.listing-section .loader-wrap button {
		min-width: 250px
	}
}

.listing-section .loader-wrap button.disabled,
.listing-section .loader-wrap button.loading {
	background-color: rgba(93, 93, 93, .6);
	cursor: none
}

.listing-section .loader-wrap button.disabled {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	transition: background-color .3s ease, color .3s ease, max-height .6s .2s, opacity .3s ease, visibility 0s .8s
}

.listing-section .loader-wrap button.loading {
	color: transparent;
	max-height: 300px;
	visibility: visible;
	opacity: 1
}

.listing-section .loader-wrap button.loading .loader {
	opacity: 1;
	visibility: visible;
	color: #fff;
	transition: opacity .2s ease
}

.listing-section .loader-wrap button .loader {
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.5em;
	margin-left: -.5em;
	color: #fff;
	animation: spin 4s linear infinite;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility 0s .3s
}

@keyframes spin {
	to {
		transform: rotate(1turn)
	}
}

@media screen and (min-width:992px) {
	.hide-desktop {
		display: none!important
	}
}

@media screen and (max-width:991px) {
	.hide-mobile {
		display: none!important
	}
}

.archive-heading {
	padding: 50px 30px 20px
}

.archive-heading .content {
	padding: 0;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	line-height: 1.7;
	text-align: center
}

.archive-heading .content>p {
	margin-top: 0
}

.product-downloads {
	padding: 30px 20px
}

@media screen and (min-width:992px) {
	.product-downloads {
		padding: 60px 20px
	}
}

.product-downloads input,
.product-downloads select {
	border: 1px solid #828081;
	line-height: 50px;
	font-size: 15px;
	color: #211f21
}

.product-downloads label {
	text-transform: uppercase;
	padding-right: 15px
}

.product-downloads .filter {
	margin-bottom: 30px
}

@media screen and (min-width:992px) {
	.product-downloads .filter {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.product-downloads .filter .search {
	position: relative
}

.product-downloads .filter .search:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -1em;
	width: 2em;
	height: 2em;
	background: no-repeat 50% url(../images/search.svg);
	background-size: contain
}

.product-downloads .filter .search input {
	padding-left: 50px
}

@media screen and (max-width:991px) {
	.product-downloads .filter .search input {
		width: calc(100% - 70px)
	}
}

.product-downloads .filter .search input::-webkit-input-placeholder {
	color: #828081
}

.product-downloads .filter .search input::-moz-placeholder {
	color: #828081
}

.product-downloads .filter .search input::-ms-input-placeholder {
	color: #828081
}

.product-downloads .filter .search input::placeholder {
	color: #828081
}

.product-downloads .filter .sort {
	position: relative
}

@media screen and (max-width:991px) {
	.product-downloads .filter .sort {
		margin-top: 30px
	}
	.product-downloads .filter .sort label {
		display: block;
		text-align: center;
		width: 100%;
		position: absolute;
		top: -20px
	}
	.product-downloads .filter .sort select {
		width: calc(100% - 3px)
	}
}

.product-downloads .filter .sort:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -.5em;
	width: 1em;
	height: 1em;
	background: no-repeat 50% url(../images/chevron-down.svg);
	background-size: contain
}

.product-downloads .download-table {
	table-layout: fixed;
	width: 100%
}

@media screen and (max-width:991px) {
	.product-downloads .download-table .table-header {
		display: none
	}
	.product-downloads .download-table td {
		display: block;
		text-align: left
	}
	.product-downloads .download-table td.empty {
		display: none
	}
	.product-downloads .download-table td a {
		text-align: left
	}
}

.product-downloads .download-table.black-fore th {
	color: #211f21;
	-webkit-font-smoothing: antialiased
}

.product-downloads .download-table td,
.product-downloads .download-table th {
	text-transform: uppercase;
	font-size: 14px
}

.product-downloads .download-table th {
	color: #fff;
	padding: 20px 5px
}

.product-downloads .download-table td {
	padding: 15px 5px;
	text-align: center;
	background-color: #e0e1e2;
	position: relative;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased
}

.product-downloads .download-table td.title {
	padding-right: calc(5px + 1.5em)
}

@media screen and (max-width:991px) {
	.product-downloads .download-table td.title {
		padding-top: 20px;
		padding-bottom: 20px
	}
}

.product-downloads .download-table td.title a {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -.75em;
	border-radius: 50%
}

@media screen and (max-width:991px) {
	.product-downloads .download-table td.title a {
		display: none
	}
}

.product-downloads .download-table td.title a:before {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	position: relative;
	top: .25em;
	left: .25em;
	background: no-repeat 50% url(../images/chevron-down.svg);
	background-size: contain;
	transform: rotate(-90deg);
	opacity: .6
}

.product-downloads .download-table td:not(.title) a {
	display: inline-block;
	width: calc(100% - 20px - 1.8em);
	border-radius: 3px;
	padding: 15px 10px 15px calc(10px + 1.8em);
	transition: color .3s ease, background-color .3s ease;
	color: #211f21;
	position: relative;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 13px
}

@media screen and (min-width:992px) {
	.product-downloads .download-table td:not(.title) a {
		font-size: 11px
	}
}

@media screen and (min-width:1151px) {
	.product-downloads .download-table td:not(.title) a {
		font-size: 1vw
	}
}

@media screen and (min-width:1501px) {
	.product-downloads .download-table td:not(.title) a {
		font-size: 15px
	}
}

.product-downloads .download-table td:not(.title) a:before {
	content: "";
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	position: absolute;
	top: 50%;
	margin-top: -.9em;
	margin-left: -2.3em;
	background: no-repeat 50% url(../images/file.svg);
	background-size: contain
}

.product-downloads .download-table td:not(.title) a:hover {
	color: #fff;
	background-color: #5d5d5d
}

.product-downloads .download-table:nth-child(2n) tr td {
	background-color: #f4f5f6
}

.product-downloads .category-heading {
	background: #4c4c4e;
	padding: 20px 30px;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .07em;
	-webkit-font-smoothing: subpixel-antialiased
}

.product-downloads .icon-tick {
	font-size: 1.5em
}

.product-downloads .none-found {
	text-align: center;
	padding: 50px 30px
}

@media screen and (max-width:991px) {
	.product-downloads .uletl-available {
		display: block;
		text-align: left;
		font-size: 13px;
		padding: 15px 10px 15px 15px;
		font-style: normal
	}
	.product-downloads .uletl-available:before {
		margin-right: 10px
	}
	.product-downloads .uletl-available:after {
		content: "UL/ETL Available"
	}
}

@media screen and (max-width:991px) {
	.product-downloads tr .title {
		position: relative
	}
	.product-downloads tr .title:after {
		content: "";
		width: 1em;
		height: 1em;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		background: no-repeat 50% url(../images/chevron-down.svg);
		background-size: contain;
		transition: transform .3s ease, margin-top .3s ease
	}
	.product-downloads tr td:not(.title) {
		max-height: 0;
		padding: 0 5px;
		transition: max-height .3s ease-out, padding .3s ease-out
	}
	.product-downloads tr.open td:not(.title) {
		max-height: 150px;
		padding: 5px
	}
	.product-downloads tr.open .title:after {
		margin-top: -.4em;
		transform: rotateX(180deg)
	}
}

.intro-section .container {
	max-width: 1200px;
	padding: 30px 10%;
	margin: 60px auto
}

.wrap-for-research .intro-section .container {
	margin: 0 auto
}

.intro-section .headline {
	font-family: proxima_nova_thin, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 5vw;
	-webkit-font-smoothing: subpixel-antialiased;
	text-transform: uppercase;
	letter-spacing: .08em;
	text-align: center;
	line-height: 1.7
}

@media screen and (max-width:365px) {
	.intro-section .headline {
		font-size: 18px
	}
}

@media screen and (min-width:541px) {
	.intro-section .headline {
		font-size: 27px
	}
}

.intro-section .headline+.content {
	margin-top: 80px
}

.intro-section .content {
	padding: 0;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	line-height: 1.7
}

.intro-section .content>p {
	margin-top: 0
}

@media screen and (min-width:992px) {
	.intro-section .content {
		columns: 2;
		column-gap: 20px
	}
}

.image-strip {
	overflow: hidden
}

.image-strip .row>div {
	padding: 0
}

.image-strip .image {
	width: 100%;
	height: 50vw;
	background: no-repeat 50%;
	background-size: cover
}

@media screen and (min-width:992px) {
	.image-strip .image {
		height: 25vw
	}
}

.client-logo-map {
	padding: 6% 0
}

.client-logo-map .container {
	padding: 20px
}

.client-logo-map h2 {
	font-family: proxima_nova_thin, Helvetica Neue, Helvetica, Arial, sans-serif
}

.client-logo-map .main-image {
	width: 80%;
	height: 40vw;
	margin: 0 auto 6%;
	background: no-repeat 50%;
	background-size: contain
}

.client-logo-map .logos {
	padding: 0 10%;
	-ms-flex-pack: center;
	justify-content: center
}

.client-logo-map .logos>div {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px;
	text-align: center
}

.client-logo-map .logos img {
	width: 100%;
	height: auto;
	max-width: 120px
}

.news-articles {
	background: #3e3e3e;
	color: #fff
}

.news-articles a {
	color: #fff
}

.news-articles a:hover {
	color: hsla(0, 0%, 100%, .5)
}

.news-articles .container {
	padding: 10% 10% 7%
}

.news-articles .row>article {
	margin-bottom: 30px
}

.news-articles .image {
	width: 100%;
	height: 300px;
	background: no-repeat 50%;
	background-size: cover
}

@media screen and (min-width:992px) {
	.news-articles .image {
		height: 20vw;
		max-height: 300px
	}
}

.news-articles h4 {
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: .3em;
	margin: 20px 0 10px
}

.news-articles .subtext,
.news-articles h4 {
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased
}

.news-articles .subtext {
	text-transform: capitalize;
	letter-spacing: .15em
}

.news-articles .subtext:after {
	content: "";
	display: block;
	width: 85px;
	height: 1px;
	background: #fff;
	margin: 25px 0
}

.news-articles .excerpt {
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased
}

.news-articles .article-link {
	text-decoration: underline;
	-webkit-text-decoration-color: hsla(0, 0%, 100%, .5);
	text-decoration-color: hsla(0, 0%, 100%, .5);
	text-transform: uppercase;
	letter-spacing: .2em;
	line-height: 1.5
}

.image-link {
	overflow: hidden;
	background: #211f21;
	position: relative
}

.image-link:hover .row {
	opacity: .8
}

.image-link .overlay-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5
}

.image-link .row {
	transition: opacity .3s ease
}

.image-link .heading-wrap {
	text-align: center;
	padding: 10% 0;
	font-family: proxima_nova_thin, Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: 4vw;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #fff
}

@media screen and (max-width:520px) {
	.image-link .heading-wrap {
		font-size: 20px
	}
}

@media screen and (min-width:1201px) {
	.image-link .heading-wrap {
		font-size: 48px
	}
}

.image-link .heading-wrap.black-fore {
	color: #211f21
}

.image-link .image-wrap {
	position: relative;
	padding: 0
}

.image-link .image {
	position: absolute;
	width: 100%;
	height: 100%;
	background: no-repeat 50%;
	background-size: cover
}

.image-link .fade-overlay {
	position: absolute;
	width: 80%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1
}

@media screen and (min-width:992px) {
	.team-profiles .container {
		padding: 5% 10%
	}
}

.team-profiles .row {
	margin: 0
}

@media screen and (min-width:992px) {
	.team-profiles .row {
		padding-bottom: 15px
	}
}

.team-profiles .row>div {
	position: relative
}

@media screen and (min-width:992px) {
	.team-profiles .row:nth-child(2n) .image-wrap {
		-ms-flex-order: 2;
		order: 2
	}
	.team-profiles .row:nth-child(2n) .image-wrap .image {
		right: 0;
		left: auto
	}
	.team-profiles .row:nth-child(2n) .content-wrap {
		-ms-flex-order: 1;
		order: 1
	}
}

.team-profiles .image-wrap {
	min-height: 30vw
}

@media screen and (max-width:991px) {
	.team-profiles .image-wrap {
		min-height: 0;
		height: 300px
	}
}

@media screen and (min-width:2161px) {
	.team-profiles .image-wrap {
		min-height: 0;
		height: 648px
	}
}

.team-profiles .content-wrap {
	padding: 20px 35px;
	color: #fff;
	-webkit-font-smoothing: antialiased
}

@media screen and (min-width:992px) {
	.team-profiles .content-wrap {
		padding: 5%
	}
}

@media screen and (min-width:1251px) {
	.team-profiles .content-wrap {
		padding: 64px
	}
}

.team-profiles .content-wrap.black-fore {
	color: #211f21;
	-webkit-font-smoothing: subpixel-antialiased
}

.team-profiles .content-wrap.black-fore .social>a {
	background: #211f21
}

.team-profiles .content-wrap.black-fore .social>a:hover {
	background: rgba(33, 31, 33, .7)
}

.team-profiles .image {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: no-repeat 50%;
	background-size: cover
}

@media screen and (min-width:992px) {
	.team-profiles .image {
		width: calc(100% - 15px)
	}
}

.team-profiles h2 {
	text-align: left;
	margin: 0 0 .3em;
	font-size: 4vw;
	padding: 0
}

@media screen and (max-width:625px) {
	.team-profiles h2 {
		font-size: 25px
	}
}

@media screen and (min-width:871px) {
	.team-profiles h2 {
		font-size: 35px
	}
}

.team-profiles .subtext {
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 2vw;
	text-transform: uppercase;
	letter-spacing: .7em
}

@media screen and (max-width:625px) {
	.team-profiles .subtext {
		font-size: 12px
	}
}

@media screen and (min-width:992px) {
	.team-profiles .subtext {
		font-size: 19px
	}
}

.team-profiles .content {
	padding-top: 2em;
	line-height: 1.7;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif
}

.team-profiles .social {
	padding: 20px 0
}

.team-profiles .social>a {
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	width: 1.6em;
	height: 1.6em;
	background: #fff;
	color: inherit;
	border-radius: 50%;
	font-size: 22px;
	transition: background .3s ease;
	position: relative;
	text-align: center
}

.team-profiles .social>a:hover {
	background: hsla(0, 0%, 100%, .7)
}

.team-profiles .social>a>i {
	width: 1em;
	height: 1em;
	position: relative;
	top: .3em
}

section.quote {
	position: relative;
	padding: 4vw 8vw
}

@media screen and (min-width:992px) {
	section.quote {
		padding: 4vw 10%
	}
}

section.quote h2 {
	margin-bottom: 10px;
	font-size: 4vw;
	letter-spacing: .6em;
	margin-right: .6em
}

@media screen and (max-width:625px) {
	section.quote h2 {
		font-size: 17px
	}
}

@media screen and (min-width:871px) {
	section.quote h2 {
		font-size: 35px
	}
}

section.quote .subheading {
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: .6em;
	margin-right: -.6em
}

section.quote .image-back {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #211f21 no-repeat 50%;
	background-size: cover
}

section.quote .inner {
	background: #5d5d5d;
	color: #fff;
	padding: 60px 30px;
	text-align: center
}

section.quote .content {
	max-width: 1200px;
	margin: 0 auto
}

section.quote .quote {
	max-width: 730px;
	margin: 0 auto;
	padding-top: 2vw;
	line-height: 1.5
}

section.quote p {
	margin-bottom: 20px
}

section.makers .container {
	padding: 60px 20px
}

@media screen and (min-width:992px) {
	section.makers .container {
		padding: 120px 10%
	}
}

@media screen and (min-width:76em) {
	section.makers .container {
		padding: 150px 10%
	}
}

section.makers h2 {
	margin-bottom: .8em;
	font-size: 4vw
}

@media screen and (max-width:625px) {
	section.makers h2 {
		font-size: 25px
	}
}

@media screen and (min-width:871px) {
	section.makers h2 {
		font-size: 35px
	}
}

section.makers .blurb {
	text-align: center;
	max-width: 700px;
	margin: 20px auto 5vw;
	line-height: 1.4;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased
}

section.makers .image {
	width: 100%;
	height: 60vw;
	max-height: 300px;
	background: no-repeat 50%;
	background-size: cover;
	margin-bottom: 10px
}

@media screen and (min-width:49em) {
	section.makers .image {
		height: 40vw
	}
}

@media screen and (min-width:992px) {
	section.makers .image {
		height: 15vw
	}
}

section.makers .maker {
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	margin-bottom: 26px
}

section.makers .name {
	font-size: .9em
}

section.makers .subtext {
	font-size: .7em;
	color: #5d5d5d
}

section.makers .social {
	text-align: right;
	float: right
}

section.makers .social>a {
	display: inline-block;
	margin: 1px;
	width: 1.6em;
	height: 1.6em;
	background: #211f21;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	transition: background .3s ease;
	text-align: center
}

section.makers .social>a:hover {
	background: rgba(33, 31, 33, .7)
}

section.makers .social>a>i {
	width: 1em;
	height: 1em;
	position: relative;
	top: .3em;
	-webkit-font-smoothing: antialiased
}

.download-item {
	padding: 60px
}

.download-item .container {
	max-width: 1200px
}

.download-item table {
	max-width: 600px;
	margin: 0 auto;
	width: 100%
}

.download-item table th {
	font-weight: 700;
	font-family: proxima_nova_bold, Helvetica Neue, Helvetica, Arial, sans-serif;
	text-align: left
}

.download-item table td:not(:last-child) {
	padding-right: 2rem
}

.download-item table .no-line-break {
	white-space: nowrap
}

.front-banner {
	background: #211f21;
	height: 100vh;
	max-height: 180vw;
	position: relative
}

.front-banner .panel {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.front-banner .hidden {
	z-index: 1
}

.front-banner .hidden .section {
	opacity: 0
}

.front-banner .hidden .section .image {
	transform: translateX(-100%)
}

.front-banner .hidden .content {
	opacity: 0;
	transform: translateX(-100%)
}

.front-banner .hidden .content.center {
	transform: translateY(-100%)
}

.front-banner .hidden .content.right {
	transform: translateX(100%)
}

.front-banner .section {
	width: 100%;
	position: relative;
	-ms-flex-positive: 1;
	flex-grow: 1;
	transition: all .4s ease;
	overflow: hidden
}

.front-banner .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: no-repeat 50%;
	background-size: cover;
	transform: none;
	transition: transform 1.5s cubic-bezier(.36, .58, .32, 1) .2s;
	transition-timing-function: cubic-bezier(.36, .58, .32, 1)
}

.front-banner .content-wrapper {
	box-sizing: border-box;
	height: 33.3333vh;
	position: absolute;
	top: 33.3333vh;
	width: 100%;
	z-index: 1
}

.front-banner .content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 33.333333%;
	height: 100%;
	background: #211f21;
	color: #fff;
	text-align: center;
	transition: width .4s ease-out, margin-left .4s ease-out, left .4s ease-out, opacity .3s ease 1s, transform 1s cubic-bezier(.36, .58, .32, 1) 1s
}

@media screen and (max-width:48em) {
	.front-banner .content {
		width: 100%
	}
}

.front-banner .content.center {
	left: 50%;
	margin-left: -16.6666666%
}

@media screen and (max-width:48em) {
	.front-banner .content.center {
		margin-left: 0;
		left: 0
	}
}

.front-banner .content.right {
	left: auto;
	right: 0
}

.front-banner .overlay-link {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.front-banner .h2 {
	margin: 0;
	font-size: 1.5vw
}

@media screen and (max-width:1100px) {
	.front-banner .h2 {
		font-size: 16.5px
	}
}

.front-banner .subtext {
	display: block;
	text-transform: uppercase;
	color: #fff;
	text-decoration: underline;
	-webkit-text-decoration-color: hsla(0, 0%, 100%, .5);
	text-decoration-color: hsla(0, 0%, 100%, .5);
	margin-top: 3em;
	letter-spacing: .2em;
	font-size: .9vw;
	overflow: hidden
}

@media screen and (max-width:1250px) {
	.front-banner .subtext {
		font-size: 11px
	}
}

.front-banner .subtext:hover {
	color: hsla(0, 0%, 100%, .7)
}

.front-banner .state-wrap {
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 30px;
	width: 100%
}

.front-banner .state-wrap ul {
	list-style: none;
	position: absolute;
	bottom: -11px;
	z-index: 99;
	padding: 0
}

.front-banner .state-wrap ul.finished {
	right: 50%;
	margin-right: 25px
}

.front-banner .state-wrap ul.finished li:before {
	position: relative;
	left: 8px
}

.front-banner .state-wrap ul.remain {
	left: 50%;
	margin-left: 25px
}

.front-banner .state-wrap li {
	position: relative;
	display: inline-block;
	width: 25px;
	padding: 10px 0;
	margin: 0;
	transition: opacity .3s ease, width .4s .4s
}

.front-banner .state-wrap li:before {
	content: "";
	display: inline-block;
	height: 3px;
	width: calc(100% - 8px);
	background: #211f21;
	transition: background .3s ease
}

.front-banner .state-wrap li:hover:before {
	background: rgba(33, 31, 33, .6)
}

.front-banner .state-wrap li.active:before {
	background: #fff
}

.front-banner .state-wrap li.shrink {
	opacity: 0;
	width: 0
}

.front-banner .state-wrap .down-arrow {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 40px;
	height: 40px;
	margin: 0 0 0 -20px;
	background: #211f21;
	color: #fff;
	cursor: pointer
}

.front-banner .state-wrap .down-arrow i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%)
}

.front-intro {
	background: #211f21;
	color: #fff;
	padding: 10vw 30px;
	text-align: center
}

.front-intro .icon {
	font-size: 8vw
}

@media screen and (max-width:600px) {
	.front-intro .icon {
		font-size: 48px
	}
}

.front-intro h2 {
	letter-spacing: .4em;
	max-width: 700px;
	padding: 0 calc(20px - .4em) 0 20px;
	margin: 4vw auto 0
}

@media screen and (max-width:600px) {
	.front-intro h2 {
		margin-top: 24px
	}
}

.front-intro .intro {
	max-width: 480px;
	padding: 0 20px;
	margin: 1.4vw auto 0;
	line-height: 1.5
}

@media screen and (min-width:992px) {
	.front-grid {
		margin-top: -4vw;
		margin-bottom: 90px
	}
}

.front-grid .container {
	background: #fff
}

.front-grid .row {
	margin: 0
}

.front-grid .row>div {
	overflow: hidden;
	position: relative;
	padding: 0
}

@media screen and (max-width:991px) {
	.front-grid .row>div {
		height: 100vw;
		max-height: 380px
	}
}

@media screen and (min-width:992px) {
	.front-grid .row>div {
		height: 33.333vw;
		max-height: 640px
	}
}

.front-grid .image-wrap {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative
}

.front-grid .overlay-link {
	display: block;
	z-index: 10
}

.front-grid .image,
.front-grid .overlay-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.front-grid .image {
	background: 50% no-repeat;
	background-size: cover
}

.front-grid .image .overlaid {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.front-grid h4 {
	font-size: 1.5vw;
	text-transform: uppercase;
	letter-spacing: .4em;
	margin: 0 0 .5em
}

@media screen and (max-width:1135px) {
	.front-grid h4 {
		font-size: 17px
	}
}

@media screen and (min-width:1671px) {
	.front-grid h4 {
		font-size: 25px
	}
}

.front-grid a {
	color: #fff;
	text-decoration: underline;
	-webkit-text-decoration-color: hsla(0, 0%, 100%, .3);
	text-decoration-color: hsla(0, 0%, 100%, .3);
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .2em;
	margin-top: 10px
}

.front-grid .subheading.categories {
	font-size: .8em;
	margin-bottom: 10px
}

.front-grid .subheading.profile {
	font-size: .8vw;
	letter-spacing: .7em;
	text-transform: uppercase;
	margin-bottom: 20px
}

@media screen and (max-width:1220px) {
	.front-grid .subheading.profile {
		font-size: 10px
	}
}

@media screen and (min-width:1921px) {
	.front-grid .subheading.profile {
		font-size: 15px
	}
}

.front-grid .content {
	font-size: .9em;
	line-height: 1.5;
	margin-bottom: 15px;
	-webkit-font-smoothing: subpixel-antialiased
}

.front-grid .black-fore a {
	color: #211f21;
	-webkit-text-decoration-color: rgba(33, 31, 33, .5);
	text-decoration-color: rgba(33, 31, 33, .5)
}

.front-grid .overlay {
	position: absolute;
	color: #fff;
	padding: 15px
}

@media screen and (min-width:992px) {
	.front-grid .overlay {
		padding: 20px
	}
}

.front-grid .overlay.black-fore {
	color: #211f21
}

.front-grid .overlay.bottom {
	bottom: 0;
	width: calc(100% - 25px - 8vw);
	padding-right: calc(8vw + 10px)
}

@media screen and (min-width:992px) {
	.front-grid .overlay.bottom {
		width: calc(100% - 30px - 4vw);
		padding-right: calc(4vw + 10px)
	}
}

.front-grid .overlay.bottom:after {
	content: "";
	width: 4vw;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: 0 url(../images/x-white.png);
	background-size: 19px
}

@media screen and (max-width:991px) {
	.front-grid .overlay.bottom:after {
		width: 8vw
	}
}

@media screen and (min-width:1921px) {
	.front-grid .overlay.bottom:after {
		width: 77px
	}
}

.front-grid .overlay.bottom.black-fore {
	color: #211f21
}

.front-grid .overlay.bottom.black-fore:after {
	background-image: url(../images/x-black.png)
}

.front-grid .overlay.left {
	left: 0;
	top: 0;
	width: calc(50% - 30px);
	height: 100%
}

.front-grid .overlay.left .inner-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: calc(100% - 40px)
}

@media screen and (min-width:992px) {
	.front-grid .overlay.left {
		width: calc(50% - 40px)
	}
}

.front-grid .x-space {
	-ms-flex-positive: 1;
	flex-grow: 1;
	background: 100% 0 url(../images/x-white.png);
	background-size: 19px;
	margin: 10% 20% 10% -20px
}

.front-grid .black-fore .x-space {
	background-image: url(../images/x-black.png)
}

.front-grid .colour-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	color: #fff;
	text-align: center
}

.front-grid .colour-wrap:after {
	content: "";
	width: 4vw;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: 0 url(../images/x-white.png);
	background-size: 19px
}

@media screen and (max-width:991px) {
	.front-grid .colour-wrap:after {
		width: 8vw
	}
}

@media screen and (min-width:1921px) {
	.front-grid .colour-wrap:after {
		width: 77px
	}
}

.front-grid .colour-wrap.black-fore {
	color: #211f21
}

.front-grid .colour-wrap.black-fore:after {
	background-image: url(../images/x-black.png)
}

.front-grid .colour-wrap .image-container {
	height: 50%;
	position: relative;
	margin-bottom: 20px
}

.front-grid .colour-wrap .image-container.default .image {
	height: 90%;
	top: 10%
}

.front-grid .colour-wrap .image-container.profile {
	height: 40%;
	margin-bottom: 0;
	margin-top: 20px
}

.front-grid .colour-wrap .image-container.profile .image {
	min-width: 115px;
	min-height: 115px;
	width: 10vw;
	height: 10vw;
	max-width: 192px;
	max-height: 192px;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.front-grid .colour-wrap .content-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 20px
}

.front-grid .colour-wrap .image {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: no-repeat 50%;
	background-size: contain
}

.front-grid .colour-wrap .content {
	margin: 0 4.5vw
}

@media screen and (min-width:1921px) {
	.front-grid .colour-wrap .content {
		margin: 0 85px
	}
}

.product-heading {
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
	padding: 8vw 30px;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased
}

@media screen and (min-width:1881px) {
	.product-heading {
		padding-top: 150px;
		padding-bottom: 100px
	}
}

@media screen and (min-width:76em) {
	.product-heading {
		padding-bottom: 100px
	}
}

.product-heading img {
	width: 80%;
	max-width: 400px;
	height: auto;
	margin-bottom: 15vw
}

@media screen and (min-width:561px) {
	.product-heading img {
		margin-bottom: 90px
	}
}

.product-heading .feature-text {
	max-width: 840px;
	margin: 0 auto 20px;
	line-height: 1.5
}

.product-heading .downloads {
	padding-top: 30px
}

.product-heading .downloads a {
	display: block;
	padding-bottom: 15px;
	color: #211f21;
	font-size: 16px;
	letter-spacing: .1em;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased
}

@media screen and (min-width:992px) {
	.product-heading .downloads a {
		display: inline-block;
		padding: 0 10px 10px
	}
}

.product-heading .downloads a i {
	padding-right: 5px
}

.product-heading .downloads a span {
	text-decoration: underline;
	text-transform: uppercase;
	-webkit-text-decoration-color: #9e9d9d;
	text-decoration-color: #9e9d9d
}

.banner-sub+.product-heading {
	padding-top: 0
}

.product-sizing {
	padding: 40px 20px;
	background-color: #9b9b9b;
	text-align: center;
	color: #fff
}

@media screen and (min-width:992px) {
	.product-sizing .col-md-12.diagram>img {
		width: 50%
	}
}

.product-sizing h3 {
	letter-spacing: .7em;
	font-size: 1.5vw
}

@media screen and (max-width:1100px) {
	.product-sizing h3 {
		font-size: 17px
	}
}

@media screen and (min-width:1661px) {
	.product-sizing h3 {
		font-size: 25px
	}
}

.product-sizing .diagrams {
	-ms-flex-pack: center;
	justify-content: center
}

.product-sizing .diagram {
	padding: 20px
}

.product-sizing .diagram>img {
	width: 100%;
	height: auto
}

.product-collection {
	background: #3d3e3f;
	color: #fff;
	overflow: hidden
}

.product-collection h3 {
	text-align: center;
	padding: 40px 20px;
	margin-bottom: 0;
	margin-top: 0;
	letter-spacing: .4em
}

.product-collection .products>div {
	height: 100vw;
	position: relative;
	overflow: hidden;
	max-height: 400px
}

@media screen and (min-width:992px) {
	.product-collection .products>div.col-md-6 {
		height: 50vw
	}
	.product-collection .products>div.col-md-4 {
		height: 33.333vw
	}
	.product-collection .products>div.col-md-3 {
		height: 25vw
	}
}

.product-collection .products>div:hover .name {
	background: #211f21
}

.product-collection .products>div:hover .image {
	opacity: 1
}

.product-collection .image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: no-repeat 50%;
	background-size: cover;
	opacity: .7;
	transition: opacity .5s ease-out
}

.product-collection .name {
	position: absolute;
	width: calc(100% - 40px + .1em);
	bottom: 0;
	left: 0;
	background: #5c5d5e;
	padding: 20px calc(20px - .1em) 20px 20px;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .1em;
	transition: background .3s ease
}

.product-collection .overlay-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.product-more {
	background: #3d3e3f;
	color: #fff;
	overflow: hidden
}

.product-more h3 {
	text-align: center;
	padding: 40px 20px;
	margin-bottom: 0;
	margin-top: 0;
	letter-spacing: .4em
}

.product-more h3.black-fore {
	color: #211f21
}

.product-more .row>div {
	height: 100vw;
	position: relative;
	overflow: hidden;
	max-height: 400px
}

@media screen and (min-width:992px) {
	.product-more .row>div.col-md-6 {
		height: 50vw
	}
	.product-more .row>div.col-md-6:nth-child(2) .name:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 1px;
		height: 100%;
		background: hsla(0, 0%, 100%, .05)
	}
	.product-more .row>div.col-md-4 {
		height: 33.333vw
	}
}

.product-more .row>div:hover .name {
	background: #fff;
	color: #211f21
}

.product-more .row>div:hover .image {
	opacity: 1;
	filter: grayscale(0)
}

.product-more .image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: no-repeat 50%;
	background-size: cover;
	opacity: .3;
	filter: grayscale(1);
	transition: opacity .6s ease-out, filter .8s ease-out
}

.product-more .name {
	position: absolute;
	width: calc(100% - 38px + .1em);
	top: 50%;
	left: 0;
	background: #211f21;
	color: #fff;
	padding: 40px calc(20px - .1em) 40px 20px;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .15em;
	transition: background .3s ease-out, color .5s ease-out;
	transform: translateY(-50%)
}

.product-more .overlay-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.product-more .icon-chevron-left,
.product-more .icon-chevron-right {
	position: absolute;
	left: 40px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2em
}

@media screen and (max-width:991px) {
	.product-more .icon-chevron-left,
	.product-more .icon-chevron-right {
		font-size: 1.5em
	}
}

.product-more .icon-chevron-right {
	position: absolute;
	left: auto;
	right: 40px
}

.tingle-modal {
	z-index: 22222
}

.tingle-modal-box {
	max-width: 950px
}

.images-modal .row>div {
	overflow: hidden;
	padding: 0 10px
}

.images-modal .tingle-modal__close {
	display: none
}

.images-modal .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 30px 25px;
	color: #fff;
	font-size: 1.2em;
	cursor: pointer;
	-webkit-font-smoothing: antialiased
}

.images-modal .tingle-modal-box__content {
	padding-top: 10px
}

.images-modal .head {
	text-transform: uppercase;
	letter-spacing: .25em;
	padding: 13px 0;
	color: #fff;
	font-size: 28px
}

.images-modal .image-wrap {
	text-align: center;
	background: #231f20;
	overflow: hidden;
	margin: 10px 0;
	position: relative
}

.images-modal .image-wrap a {
	font-size: 13px;
	color: #fff;
	background: #231f20;
	display: inline-block;
	padding: 12px 10px;
	border: 1px solid #3e3e3e;
	border-radius: 4px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	text-transform: uppercase;
	letter-spacing: .07em;
	transition: color .3s ease-out
}

.images-modal .image-wrap a:hover {
	color: #add1ff
}

.images-modal .image-wrap a:before {
	content: "+ Click to Enlarge"
}

.images-modal .tingle-modal-box {
	background: #3e3e3e
}

.images-modal img {
	height: 100%;
	width: auto;
	max-height: 430px
}

.grid-section .intro.project {
	font-size: 17px
}

.project-products {
	margin: 0 0 5vw
}

.project-products .container {
	max-width: 1000px;
	margin: 30px auto
}

.project-products .row {
	-ms-flex-pack: center;
	justify-content: center
}

.project-products h2 {
	margin-bottom: 2em;
	margin-right: -.9em
}

.project-products .product {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

@media screen and (max-width:991px) {
	.project-products .product {
		margin-bottom: 40px
	}
}

@media screen and (max-width:48em) {
	.project-products .product {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.project-products .overlay {
	display: block;
	position: absolute;
	z-index: 12;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.project-products .detail {
	position: relative;
	width: 2.4em;
	height: 2em;
	font-size: 80px;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media screen and (max-width:430px) {
	.project-products .detail {
		font-size: 20vw
	}
}

.project-products .polygon {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

@media screen and (max-width:48em) {
	.project-products .polygon {
		display: none
	}
}

.project-products .name {
	font-size: .15em;
	letter-spacing: .1em;
	text-transform: uppercase;
	-webkit-font-smoothing: subpixel-antialiased;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 45%;
	padding: .7em 0;
	min-height: 20px;
	position: relative
}

@media screen and (max-width:320px) {
	.project-products .name {
		font-size: 10px
	}
}

.project-products .name:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: #000
}

.project-products .quantity {
	line-height: 1
}

.project-products .quantity:after {
	content: "Units Installed";
	display: block;
	text-transform: uppercase;
	font-size: .15em
}

@media screen and (max-width:320px) {
	.project-products .quantity:after {
		font-size: 10px
	}
}

.project-products .photo {
	width: 200px;
	height: 200px;
	background: no-repeat 50%;
	background-size: contain
}

.grid-section.contracts .specifics p {
	line-height: 1.6
}

.partner-heading {
	margin-bottom: 50px
}

@media screen and (min-width:992px) {
	.partner-heading {
		margin-bottom: 4vw
	}
}

.partner-heading img {
	display: block;
	margin: 2vw auto 3vw;
	max-width: 50%;
	height: auto
}

.partner-heading .feature-text {
	max-width: 1000px;
	padding: 30px 20px 0;
	margin: 0 auto;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 1.6
}

@media screen and (min-width:992px) {
	.partner-heading .feature-text {
		columns: 2;
		column-gap: 30px;
		padding-left: 10vw;
		padding-right: 10vw
	}
}

.partner-heading .feature-text p:first-of-type {
	margin-top: 0
}

.partner-testimonial {
	text-align: center
}

.partner-testimonial .profile {
	width: 150px;
	height: 150px;
	background: no-repeat 50%;
	background-size: cover;
	border-radius: 50%;
	margin: 20px auto 40px
}

.partner-testimonial .quote {
	line-height: 1.5
}

.partner-testimonial .quote:before {
	content: "\201C"
}

.partner-testimonial .quote:after {
	content: "\201D"
}

@media screen and (min-width:992px) {
	.contact-grid {
		padding: 4vw 0
	}
}

.contact-grid .container {
	padding: 30px
}

.contact-grid h3 {
	margin: 20px 0;
	padding: 0 0 20px;
	font-size: 18px;
	border-bottom: 1px solid #fff;
	width: 100%;
	display: block
}

.contact-grid h3:first-child {
	margin-top: 0
}

.contact-grid .row {
	margin: -5px
}

.contact-grid .container>.row>div {
	padding: 5px
}

@media screen and (min-width:992px) {
	.contact-grid .container>.row>div {
		display: -ms-flexbox;
		display: flex
	}
}

.contact-grid .wrap {
	color: #fff;
	-webkit-font-smoothing: subpixel-antialiased;
	padding: 40px 50px
}

@media screen and (min-width:992px) {
	.contact-grid .wrap {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.contact-grid .aus {
	background: #2c80b7
}

.contact-grid .usa {
	background: #211f21
}

.contact-grid .world {
	background: #5d5d5d
}

.contact-grid .aus .email,
.contact-grid .world .email {
	margin: -20px -5px -5px;
	padding-bottom: 0;
	font-size: 15px
}

@media screen and (min-width:49em) {
	.contact-grid .aus .email,
	.contact-grid .world .email {
		margin: -29px -5px -5px
	}
}

.contact-grid .light-gray {
	background: #6f6f6f
}

.contact-grid .x {
	background: #c5c5c5 url(../images/x-white.png) 0 0;
	background-size: 17px;
	position: relative;
	overflow: hidden;
	min-height: 250px
}

.contact-grid .x .icon-x {
	font-size: 50vw;
	position: absolute;
	bottom: -.3em;
	left: .3em
}

@media screen and (min-width:992px) {
	.contact-grid .x .icon-x {
		font-size: 400px;
		bottom: -.4em;
		left: .2em
	}
}

.contact-grid div {
	padding-bottom: 10px;
	font-size: 14px
}

.contact-grid div.map {
	padding-top: 10px
}

.contact-grid div.map a {
	text-decoration: underline;
	-webkit-text-decoration-color: hsla(0, 0%, 100%, .5);
	text-decoration-color: hsla(0, 0%, 100%, .5)
}

.contact-grid div.map .icon {
	display: inline-block;
	position: relative;
	padding-left: 3px;
	top: -.05em;
	font-size: 1em;
	text-decoration: none;
	transform: rotate(-90deg)
}

.contact-grid .icon {
	font-size: 1.2em;
	padding-right: 5px;
	-webkit-font-smoothing: antialiased
}

.contact-grid .heading {
	font-size: 15px;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 15px;
	letter-spacing: .05em
}

.contact-grid .heading+.map {
	margin-top: -10px
}

.contact-grid .subheading {
	font-size: 13px;
	margin-top: -18px;
	margin-bottom: 10px
}

.contact-grid .subheading,
.contact-grid a {
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	letter-spacing: .05em
}

.contact-grid a {
	color: #fff
}

.contact-grid a:hover {
	color: hsla(0, 0%, 100%, .7)
}

.contact-grid .contact {
	padding: 0 0 20px
}

.contact-grid .international {
	margin: 0 -16px -19px
}

.contact-form {
	background: #0e325a url(../images/mapbg.jpg) no-repeat 50%;
	background-size: cover;
	padding: 30px;
	color: #fff
}

@media screen and (min-width:992px) {
	.contact-form {
		padding: 4vw 40px
	}
}

.contact-form .container {
	overflow: visible
}

.contact-form .row {
	margin: 0 -20px
}

.contact-form .row>div {
	padding: 0 20px
}

.contact-form .field-wrap {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px;
	position: relative
}

.contact-form .field-wrap.select select {
	padding-right: calc(10px + 1em)
}

.contact-form .field-wrap.select:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: .5em;
	top: 50%;
	margin-top: -.4em;
	width: .8em;
	height: .8em;
	background: no-repeat 50% url(../images/chevron-down.svg);
	background-size: contain
}

.contact-form .field-wrap.radio {
	padding: 15px 0;
	text-transform: uppercase;
	font-family: proxima_nova_rgregular, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: .9em;
	letter-spacing: .05em
}

@media screen and (min-width:992px) {
	.contact-form .field-wrap.radio {
		padding: 30px 0
	}
}

@media screen and (max-width:600px) {
	.contact-form .field-wrap.radio {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.contact-form .field-wrap input[type=text],
.contact-form .field-wrap select {
	min-width: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	font-size: .9em;
	letter-spacing: .05em
}

.contact-form .field-wrap input[type=text]::-webkit-input-placeholder,
.contact-form .field-wrap select::-webkit-input-placeholder {
	text-transform: uppercase;
	color: #2c2a2b
}

.contact-form .field-wrap input[type=text]::-moz-placeholder,
.contact-form .field-wrap select::-moz-placeholder {
	text-transform: uppercase;
	color: #2c2a2b
}

.contact-form .field-wrap input[type=text]::-ms-input-placeholder,
.contact-form .field-wrap select::-ms-input-placeholder {
	text-transform: uppercase;
	color: #2c2a2b
}

.contact-form .field-wrap input[type=text]::placeholder,
.contact-form .field-wrap select::placeholder {
	text-transform: uppercase;
	color: #2c2a2b
}

.contact-form .field-wrap input[type=radio] {
	width: 28px;
	margin: 0;
	padding: 0;
	opacity: 0
}

.contact-form .field-wrap input[type=radio]+label:before {
	content: "";
	display: inline-block;
	width: .3em;
	height: .3em;
	background: #fff;
	border: 3px solid #fff;
	border-radius: 50%;
	transition: background .3s ease;
	margin-right: 10px
}

.contact-form .field-wrap input[type=radio]:checked+label:before {
	background: #0e325a
}

.contact-form .message-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	padding: 5px 0;
	position: relative
}

.contact-form textarea {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 200px;
	margin-bottom: 40px;
	border: none;
	border-radius: 3px;
	padding: 20px;
	font-size: 14px;
	color: #211f21;
	letter-spacing: .05em
}

.contact-form textarea::-webkit-input-placeholder {
	color: #2c2a2b;
	text-transform: uppercase
}

.contact-form textarea::-moz-placeholder {
	color: #2c2a2b;
	text-transform: uppercase
}

.contact-form textarea::-ms-input-placeholder {
	color: #2c2a2b;
	text-transform: uppercase
}

.contact-form textarea::placeholder {
	color: #2c2a2b;
	text-transform: uppercase
}

@media screen and (min-width:992px) {
	.contact-form input[type=submit] {
		max-width: 200px
	}
}

.contact-form .success-message {
	padding: 50px 0
}

section.banner.black-fore .social>a {
	background: #211f21;
	color: #fff;
	-webkit-font-smoothing: antialiased
}

section.banner.black-fore .social>a:hover {
	background: rgba(33, 31, 33, .7)
}

section.banner .social {
	text-align: center
}

section.banner .social>a {
	display: inline-block;
	margin: 5px;
	width: 1.6em;
	height: 1.6em;
	background: #fff;
	border-radius: 50%;
	color: #000;
	font-size: 22px;
	transition: background .3s ease
}

section.banner .social>a:hover {
	background: hsla(0, 0%, 100%, .7)
}

section.banner .social>a>i {
	width: 1em;
	height: 1em;
	position: relative;
	top: .3em
}

@font-face {
	font-family: icon;
	src: url("../fonts/icon.186b727ecc67992fe1ab4d7226bcd956.woff") format("woff")
}

.icon {
	line-height: 1
}

.icon:before {
	font-family: icon!important;
	font-style: normal;
	font-weight: 400!important;
	vertical-align: top
}

.icon-chevron-down:before {
	content: "\F101"
}

.icon-chevron-left:before {
	content: "\F102"
}

.icon-chevron-right:before {
	content: "\F103"
}

.icon-email:before {
	content: "\F104"
}

.icon-facebook:before {
	content: "\F105"
}

.icon-fax:before {
	content: "\F106"
}

.icon-file:before {
	content: "\F107"
}

.icon-instagram:before {
	content: "\F108"
}

.icon-linkedin:before {
	content: "\F109"
}

.icon-mobile:before {
	content: "\F10A"
}

.icon-phone:before {
	content: "\F10B"
}

.icon-search:before {
	content: "\F10C"
}

.icon-tick:before {
	content: "\F10D"
}

.icon-twitter:before {
	content: "\F10E"
}

.icon-website:before {
	content: "\F10F"
}

.icon-x:before {
	content: "\F110"
}

.enq_popup_container{
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:#333333bf;
    z-index:9999;
}

.enq_popup_container.popup_open{
    display:block;
	overflow-y:scroll;
	-ms-overflow-style: none;
	scrollbar-width:none;
}

.enq_popup_container.popup_open::-webkit-scrollbar{
	display:none;
}

.gform_wrapper textarea{
	resize:none;
}

.enq_popup_container .popup_wrapper{
    background:#fff;
    max-width:600px;
    margin: 35px auto;
    width:calc(100% - 20px);
    position:relative;
}

.enq_popup_container .popup_wrapper .inner{
    padding:25px 50px;
}

.enq_popup_container .popup_wrapper .close_btn{
    position:absolute;
    right:0;
    top:0;
    font-size:24px;
    line-height:16px;
    font-weight:900;
    padding:10px;
    cursor: pointer;
}

.ginput_container.ginput_container_select,
.ginput_container.ginput_container_text{
	border-bottom:1px solid #000;
}

.ginput_container.ginput_container_text{
	border-bottom:1px solid #000;
}

.gform_body input,
.gform_body select{
	min-width:unset;
}

.gform_wrapper.gform_validation_error .gform_validation_errors{
	padding: 6px 16px 6px 48px;
}

.gform_heading h2.gform_title {
    display: none;
}

.contact-card .text-wrapper div.desc_wrapper{
	margin-bottom:0;
}
    
.desc_wrapper{
	display:flex;
    align-items:center;
    justify-content:space-between;
}

.desc_wrapper .description{
	max-width:250px;
}

.enqbutton{
	color:#fff;
	cursor:pointer;
	text-decoration:underline;
	font-family:'proxima_nova_semibold';
	text-transform:uppercase;
	letter-spacing:1.1px;
}

.gform_wrapper.gform_validation_error .gfield_validation_message,
.gform_wrapper.gform_validation_error .validation_message{
	padding:0 !important;
	margin:0;
	border:none;
	background:none;
}

.gform_wrapper.gform_validation_error .gfield_error [aria-invalid=true]{
	border: none;
}

.ginput_container:has([aria-invalid=true]){
	border-bottom: 1px solid #c02b0a;
}

select.gfield_select[data-chosen=""]{
	color:#d2d2d2;
}

.gfield #gform_submit_button_1{
	width:100%;
	background-color:#000;
}

.gform_wrapper textarea{
	font-family: proxima_nova_regular;
}

.gform_wrapper textarea::placeholder{
	color:#d2d2d2;
}

.gform_confirmation_message_1{
	text-align:center;
}

.gform_footer .gform_button#gform_submit_button_1{
	background-color:unset;
	border:2px solid #000;
	color:#000;
	min-width:unset;
	line-height:40px;
	border-radius:0;
	margin:0px auto;
}

#location_text{
    margin-bottom:20px;
    letter-spacing:1.2px;
    border-bottom:2px solid #000;
    font-size:14px;
}

#location_name{
    font-family: 'proxima_nova_semibold';
    margin-bottom:0;
}

#geo_location{
    margin-top:0;
    font-size:14px;
    color:#8d8d8d;
    letter-spacing:1.2px;
}

.gform_body .gform_fields input{
    font-family:proxima_nova_thin;
    color:#000;
}

.gform_wrapper.gravity-theme .gform_body .gform_fields input[type=text]{
    height:unset;
    padding:8px 8px 8px 0px;
    margin-top:12px;
}

.gform_body .gform_fields input::placeholder{
    color:#858585;
}

.gform_wrapper .gform_body .gfield_required{
    color:#000;
}

.gform_required_legend{
    display:none;
}

.gform_wrapper.gravity-theme .gfield textarea{
    height:150px;
    border-radius:0;
}

.contact-card.style-new h4{
    font-family: 'proxima_nova_regular';
    letter-spacing: 1.1px;
    font-size:18px;
}

.contact-card.style-new p{
    font-size:14px;
    letter-spacing: 1.1px;
}

.gform_wrapper .gravity_msg_field{
    margin-top:10px;
}

/*# sourceMappingURL=website.e841a5591861f48545e3.css.map*/