/*!
 * * Theme Name: wearebeard
 * * Theme URI: http://wearebeard.co.uk
 * * Author: Martin Greenwood
 * * Author URI: http://www.wearebeard.com
 * * Description: Custom theme for wearebeard.
 * * Version: 1.0
 * * Text Domain: wearebeard
 * */
html {
		line-height: 1.15;
		-webkit-text-size-adjust: 100%;
}

body {
		margin: 0;
}

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

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

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

a {
		background-color: transparent;
}

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

b,
strong {
		font-weight: 600;
}

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

small {
		font-size: 80%;
}

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

sub {
		bottom: -0.25em;
}

sup {
		top: -0.5em;
}

img {
		border-style: none;
}

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

button,
input {
		overflow: visible;
}

button,
select {
		text-transform: none;
}

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

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

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

fieldset {
		padding: 0.35em 0.75em 0.625em;
}

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

progress {
		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-decoration {
		-webkit-appearance: none;
}

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

details {
		display: block;
}

summary {
		display: list-item;
}

template {
		display: none;
}

[hidden] {
		display: none;
}

.container-fluid {
		max-width: 100vw;
		display: flex;
}

.container {
		margin-right: auto;
		margin-left: auto;
		display: flex;
		max-width: 162rem;
		padding: 0 3rem;
		flex-flow: wrap;
		box-sizing: border-box;
}

.row {
		box-sizing: border-box;
		display: flex;
		flex: 0 1 auto;
		max-width: 100%;
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		margin-right: -0.5rem;
		margin-left: -0.5rem;
}

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

.col.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,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
		box-sizing: border-box;
		flex: 0 0 auto;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.first-xs {
		order: -1;
}

.last-xs {
		order: 1;
}

@media only screen and (min-width: 48em) {
		.col-sm,
		.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,
		.col-sm-offset-0,
		.col-sm-offset-1,
		.col-sm-offset-2,
		.col-sm-offset-3,
		.col-sm-offset-4,
		.col-sm-offset-5,
		.col-sm-offset-6,
		.col-sm-offset-7,
		.col-sm-offset-8,
		.col-sm-offset-9,
		.col-sm-offset-10,
		.col-sm-offset-11,
		.col-sm-offset-12 {
				box-sizing: border-box;
				flex: 0 0 auto;
				padding-right: 0.5rem;
				padding-left: 0.5rem;
		}
		.col-sm {
				flex-grow: 1;
				flex-basis: 0;
				max-width: 100%;
		}
		.col-sm-1 {
				flex-basis: 8.33333333%;
				max-width: 8.33333333%;
		}
		.col-sm-2 {
				flex-basis: 16.66666667%;
				max-width: 16.66666667%;
		}
		.col-sm-3 {
				flex-basis: 25%;
				max-width: 25%;
		}
		.col-sm-4 {
				flex-basis: 33.33333333%;
				max-width: 33.33333333%;
		}
		.col-sm-5 {
				flex-basis: 41.66666667%;
				max-width: 41.66666667%;
		}
		.col-sm-6 {
				flex-basis: 50%;
				max-width: 50%;
		}
		.col-sm-7 {
				flex-basis: 58.33333333%;
				max-width: 58.33333333%;
		}
		.col-sm-8 {
				flex-basis: 66.66666667%;
				max-width: 66.66666667%;
		}
		.col-sm-9 {
				flex-basis: 75%;
				max-width: 75%;
		}
		.col-sm-10 {
				flex-basis: 83.33333333%;
				max-width: 83.33333333%;
		}
		.col-sm-11 {
				flex-basis: 91.66666667%;
				max-width: 91.66666667%;
		}
		.col-sm-12 {
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-sm-offset-0 {
				margin-left: 0;
		}
		.col-sm-offset-1 {
				margin-left: 8.33333333%;
		}
		.col-sm-offset-2 {
				margin-left: 16.66666667%;
		}
		.col-sm-offset-3 {
				margin-left: 25%;
		}
		.col-sm-offset-4 {
				margin-left: 33.33333333%;
		}
		.col-sm-offset-5 {
				margin-left: 41.66666667%;
		}
		.col-sm-offset-6 {
				margin-left: 50%;
		}
		.col-sm-offset-7 {
				margin-left: 58.33333333%;
		}
		.col-sm-offset-8 {
				margin-left: 66.66666667%;
		}
		.col-sm-offset-9 {
				margin-left: 75%;
		}
		.col-sm-offset-10 {
				margin-left: 83.33333333%;
		}
		.col-sm-offset-11 {
				margin-left: 91.66666667%;
		}
		.start-sm {
				justify-content: flex-start;
				text-align: start;
		}
		.center-sm {
				justify-content: center;
				text-align: center;
		}
		.end-sm {
				justify-content: flex-end;
				text-align: end;
		}
		.top-sm {
				align-items: flex-start;
		}
		.middle-sm {
				align-items: center;
		}
		.bottom-sm {
				align-items: flex-end;
		}
		.around-sm {
				justify-content: space-around;
		}
		.between-sm {
				justify-content: space-between;
		}
		.first-sm {
				order: -1;
		}
		.last-sm {
				order: 1;
		}
}
@media only screen and (min-width: 64em) {
		.col-md,
		.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,
		.col-md-offset-0,
		.col-md-offset-1,
		.col-md-offset-2,
		.col-md-offset-3,
		.col-md-offset-4,
		.col-md-offset-5,
		.col-md-offset-6,
		.col-md-offset-7,
		.col-md-offset-8,
		.col-md-offset-9,
		.col-md-offset-10,
		.col-md-offset-11,
		.col-md-offset-12 {
				box-sizing: border-box;
				flex: 0 0 auto;
				padding-right: 0.5rem;
				padding-left: 0.5rem;
		}
		.col-md {
				flex-grow: 1;
				flex-basis: 0;
				max-width: 100%;
		}
		.col-md-1 {
				flex-basis: 8.33333333%;
				max-width: 8.33333333%;
		}
		.col-md-2 {
				flex-basis: 16.66666667%;
				max-width: 16.66666667%;
		}
		.col-md-3 {
				flex-basis: 25%;
				max-width: 25%;
		}
		.col-md-4 {
				flex-basis: 33.33333333%;
				max-width: 33.33333333%;
		}
		.col-md-5 {
				flex-basis: 41.66666667%;
				max-width: 41.66666667%;
		}
		.col-md-6 {
				flex-basis: 50%;
				max-width: 50%;
		}
		.col-md-7 {
				flex-basis: 58.33333333%;
				max-width: 58.33333333%;
		}
		.col-md-8 {
				flex-basis: 66.66666667%;
				max-width: 66.66666667%;
		}
		.col-md-9 {
				flex-basis: 75%;
				max-width: 75%;
		}
		.col-md-10 {
				flex-basis: 83.33333333%;
				max-width: 83.33333333%;
		}
		.col-md-11 {
				flex-basis: 91.66666667%;
				max-width: 91.66666667%;
		}
		.col-md-12 {
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-md-offset-0 {
				margin-left: 0;
		}
		.col-md-offset-1 {
				margin-left: 8.33333333%;
		}
		.col-md-offset-2 {
				margin-left: 16.66666667%;
		}
		.col-md-offset-3 {
				margin-left: 25%;
		}
		.col-md-offset-4 {
				margin-left: 33.33333333%;
		}
		.col-md-offset-5 {
				margin-left: 41.66666667%;
		}
		.col-md-offset-6 {
				margin-left: 50%;
		}
		.col-md-offset-7 {
				margin-left: 58.33333333%;
		}
		.col-md-offset-8 {
				margin-left: 66.66666667%;
		}
		.col-md-offset-9 {
				margin-left: 75%;
		}
		.col-md-offset-10 {
				margin-left: 83.33333333%;
		}
		.col-md-offset-11 {
				margin-left: 91.66666667%;
		}
		.start-md {
				justify-content: flex-start;
				text-align: start;
		}
		.center-md {
				justify-content: center;
				text-align: center;
		}
		.end-md {
				justify-content: flex-end;
				text-align: end;
		}
		.top-md {
				align-items: flex-start;
		}
		.middle-md {
				align-items: center;
		}
		.bottom-md {
				align-items: flex-end;
		}
		.around-md {
				justify-content: space-around;
		}
		.between-md {
				justify-content: space-between;
		}
		.first-md {
				order: -1;
		}
		.last-md {
				order: 1;
		}
}
@media only screen and (min-width: 75em) {
		.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,
		.col-lg-offset-0,
		.col-lg-offset-1,
		.col-lg-offset-2,
		.col-lg-offset-3,
		.col-lg-offset-4,
		.col-lg-offset-5,
		.col-lg-offset-6,
		.col-lg-offset-7,
		.col-lg-offset-8,
		.col-lg-offset-9,
		.col-lg-offset-10,
		.col-lg-offset-11,
		.col-lg-offset-12 {
				box-sizing: border-box;
				flex: 0 0 auto;
				padding-right: 0.5rem;
				padding-left: 0.5rem;
		}
		.col-lg {
				flex-grow: 1;
				flex-basis: 0;
				max-width: 100%;
		}
		.col-lg-1 {
				flex-basis: 8.33333333%;
				max-width: 8.33333333%;
		}
		.col-lg-2 {
				flex-basis: 16.66666667%;
				max-width: 16.66666667%;
		}
		.col-lg-3 {
				flex-basis: 25%;
				max-width: 25%;
		}
		.col-lg-4 {
				flex-basis: 33.33333333%;
				max-width: 33.33333333%;
		}
		.col-lg-5 {
				flex-basis: 41.66666667%;
				max-width: 41.66666667%;
		}
		.col-lg-6 {
				flex-basis: 50%;
				max-width: 50%;
		}
		.col-lg-7 {
				flex-basis: 58.33333333%;
				max-width: 58.33333333%;
		}
		.col-lg-8 {
				flex-basis: 66.66666667%;
				max-width: 66.66666667%;
		}
		.col-lg-9 {
				flex-basis: 75%;
				max-width: 75%;
		}
		.col-lg-10 {
				flex-basis: 83.33333333%;
				max-width: 83.33333333%;
		}
		.col-lg-11 {
				flex-basis: 91.66666667%;
				max-width: 91.66666667%;
		}
		.col-lg-12 {
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-lg-offset-0 {
				margin-left: 0;
		}
		.col-lg-offset-1 {
				margin-left: 8.33333333%;
		}
		.col-lg-offset-2 {
				margin-left: 16.66666667%;
		}
		.col-lg-offset-3 {
				margin-left: 25%;
		}
		.col-lg-offset-4 {
				margin-left: 33.33333333%;
		}
		.col-lg-offset-5 {
				margin-left: 41.66666667%;
		}
		.col-lg-offset-6 {
				margin-left: 50%;
		}
		.col-lg-offset-7 {
				margin-left: 58.33333333%;
		}
		.col-lg-offset-8 {
				margin-left: 66.66666667%;
		}
		.col-lg-offset-9 {
				margin-left: 75%;
		}
		.col-lg-offset-10 {
				margin-left: 83.33333333%;
		}
		.col-lg-offset-11 {
				margin-left: 91.66666667%;
		}
		.start-lg {
				justify-content: flex-start;
				text-align: start;
		}
		.center-lg {
				justify-content: center;
				text-align: center;
		}
		.end-lg {
				justify-content: flex-end;
				text-align: end;
		}
		.top-lg {
				align-items: flex-start;
		}
		.middle-lg {
				align-items: center;
		}
		.bottom-lg {
				align-items: flex-end;
		}
		.around-lg {
				justify-content: space-around;
		}
		.between-lg {
				justify-content: space-between;
		}
		.first-lg {
				order: -1;
		}
		.last-lg {
				order: 1;
		}
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
		padding: 15px 15px;
		display: inline-block;
		cursor: pointer;
		transition-property: opacity, filter;
		transition-duration: 0.15s;
		transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: transparent;
		border: 0;
		margin: 0;
		overflow: visible;
}
.hamburger:hover {
		opacity: 0.7;
}
.hamburger.is-active:hover {
		opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
		background-color: #000;
}

.hamburger-box {
		width: 40px;
		height: 24px;
		display: inline-block;
		position: relative;
}

.hamburger-inner {
		display: block;
		top: 50%;
		margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		width: 40px;
		height: 4px;
		background-color: #000;
		border-radius: 4px;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
		content: "";
		display: block;
}
.hamburger-inner::before {
		top: -10px;
}
.hamburger-inner::after {
		bottom: -10px;
}

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
		perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
		background-color: transparent !important;
		transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
		transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
		transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
		perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
		background-color: transparent !important;
		transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
		transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
		transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
		perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
		background-color: transparent !important;
		transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
		transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
		transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
		perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
		background-color: transparent !important;
		transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
		transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
		transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
		perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
		background-color: transparent !important;
		transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
		transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
		transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
		perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
		background-color: transparent !important;
		transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
		transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
		transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
		transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
		transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
		transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
		transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
		transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
		transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
		top: 0;
		transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
		transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
		bottom: 0;
		transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
		transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
		transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
		transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
		top: 0;
		transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
		transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
		bottom: 0;
		transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
		transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
		transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
		transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
		transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
		transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
		transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
		transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
		transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
		transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
		bottom: 0;
		transform: rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
		top: auto;
		bottom: 0;
		transition-duration: 0.13s;
		transition-delay: 0.13s;
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
		top: -20px;
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
		transform: translate3d(0, -10px, 0) rotate(-45deg);
		transition-delay: 0.22s;
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
		top: 0;
		opacity: 0;
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
		top: 0;
		transform: rotate(-90deg);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
		top: auto;
		bottom: 0;
		transition-duration: 0.13s;
		transition-delay: 0.13s;
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
		top: -20px;
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
		transform: translate3d(0, -10px, 0) rotate(45deg);
		transition-delay: 0.22s;
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
		top: 0;
		opacity: 0;
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
		top: 0;
		transform: rotate(90deg);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
		top: 2px;
		transition-duration: 0.275s;
		transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
		top: 10px;
		transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
		top: 20px;
		transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
		transform: translate3d(0, 10px, 0) rotate(135deg);
		transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
		transition-delay: 0s;
		opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
		transform: translate3d(0, -20px, 0) rotate(-270deg);
		transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
		top: 2px;
		transition-duration: 0.275s;
		transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
		top: 10px;
		transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
		top: 20px;
		transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
		transform: translate3d(0, 10px, 0) rotate(-135deg);
		transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
		transition-delay: 0s;
		opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
		transform: translate3d(0, -20px, 0) rotate(270deg);
		transition-delay: 0.075s;
}

/*
 * Emphatic
 */
.hamburger--emphatic {
		overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
		transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
		left: 0;
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
		top: 10px;
		right: 0;
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
		transition-delay: 0s;
		transition-timing-function: ease-out;
		background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
		left: -80px;
		top: -80px;
		transform: translate3d(80px, 80px, 0) rotate(45deg);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
		right: -80px;
		top: -80px;
		transform: translate3d(-80px, 80px, 0) rotate(-45deg);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
		overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
		transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
		left: 0;
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
		top: 10px;
		right: 0;
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
		transition-delay: 0s;
		transition-timing-function: ease-out;
		background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
		left: -80px;
		top: 80px;
		transform: translate3d(80px, -80px, 0) rotate(-45deg);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
		right: -80px;
		top: 80px;
		transform: translate3d(-80px, -80px, 0) rotate(45deg);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
		transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
		opacity: 0;
		transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
		top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
		bottom: 0;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
		top: 2px;
}
.hamburger--slider .hamburger-inner::before {
		top: 10px;
		transition-property: transform, opacity;
		transition-timing-function: ease;
		transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
		top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
		transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
		transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
		opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
		transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
		top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
		top: 10px;
		transition-property: transform, opacity;
		transition-timing-function: ease;
		transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
		top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
		transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
		transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
		opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
		transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
		transition-duration: 0.22s;
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
		transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
		transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
		transform: rotate(225deg);
		transition-delay: 0.12s;
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
		bottom: 0;
		transform: rotate(-90deg);
		transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
		transition-duration: 0.22s;
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
		transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
		transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
		transform: rotate(-225deg);
		transition-delay: 0.12s;
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
		bottom: 0;
		transform: rotate(90deg);
		transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
		top: 2px;
		transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
		top: 10px;
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
		top: 20px;
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
		transition-delay: 0.22s;
		background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
		top: 0;
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
		top: 0;
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
		top: auto;
		bottom: 0;
		transition-duration: 0.13s;
		transition-delay: 0s;
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
		top: -20px;
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
		transform: translate3d(0, -10px, 0) rotate(-45deg);
		transition-delay: 0.22s;
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
		top: 0;
		opacity: 0;
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
		top: 0;
		transform: rotate(90deg);
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
		transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
		transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
		transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
		transform: rotate(90deg);
		background-color: transparent !important;
		transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
		top: 0;
		transform: rotate(-45deg);
		transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
		bottom: 0;
		transform: rotate(45deg);
		transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
		transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
		transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
		transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
		transform: rotate(-90deg);
		background-color: transparent !important;
		transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
		top: 0;
		transform: rotate(-45deg);
		transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
		bottom: 0;
		transform: rotate(45deg);
		transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
		transition-duration: 0.075s;
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
		transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
		transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
		transform: rotate(45deg);
		transition-delay: 0.12s;
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
		bottom: 0;
		transform: rotate(-90deg);
		transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
		transition-duration: 0s;
		transition-delay: 0.1s;
		transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
		transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
		transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
		transform: rotate(765deg);
		transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
		transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
		bottom: 0;
		transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
		transition-duration: 0s;
		transition-delay: 0.1s;
		transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
		transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
		transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
		transform: rotate(-765deg);
		transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
		transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
		bottom: 0;
		transform: rotate(-90deg);
}

html {
		font-size: 62.5%;
		overscroll-behavior: auto !important;
}

body {
		font-size: 1.6rem;
		line-height: 1.6;
		font-weight: 300;
		color: black;
		overscroll-behavior: auto !important;
}

@media (min-width: 1025px) {
		body {
				font-size: 1.8rem;
				line-height: 1.5;
		}
}

.morphext > .animated {
		display: inline-block;
}

.vidbg-container {
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
}
.vidbg-container video {
		position: absolute;
		margin: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		transition: 0.25s opacity ease-in-out;
		max-width: none;
		opacity: 0;
}

.vidbg-overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
}

@font-face {
		font-family: "NCR";
		src: url("assets/fonts/NimbusSansT-BoldCondensedRo1.woff2") format("woff2"), url("assets/fonts/NimbusSansT-BoldCondensedRo1.woff") format("woff"), url("assets/fonts/NimbusSansT-BoldCondensedRo1.otf") format("opentype");
		font-style: normal;
		font-weight: 400;
}
body {
		font-family: "benton-sans", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
		font-family: "NCR", Helvetica, Arial, sans-serif;
		margin-top: 0;
		margin-bottom: 2rem;
		font-weight: 600;
		line-height: 0.9;
		text-transform: uppercase;
}

h1 {
		font-size: 6rem;
}

h2 {
		font-size: 4.6rem;
}

h3 {
		font-size: 3rem;
}

h4 {
		font-size: 2.5rem;
}

h5 {
		font-size: 1.7rem;
}

h6 {
		font-size: 1.5rem;
}

@media (min-width: 550px) {
		h1 {
				font-size: 7rem;
		}
		h2 {
				font-size: 5rem;
		}
		h3 {
				font-size: 3.5rem;
		}
		h4 {
				font-size: 3rem;
		}
		h5 {
				font-size: 2.4rem;
		}
		h6 {
				font-size: 2rem;
		}
}
@media (min-width: 1024px) {
		h1 {
				font-size: 9rem;
		}
		h2 {
				font-size: 7rem;
		}
		h3 {
				font-size: 4.5rem;
		}
		h4 {
				font-size: 3.6rem;
		}
		h5 {
				font-size: 3rem;
		}
		h6 {
				font-size: 2.4rem;
		}
}
p {
		margin-top: 0;
}

ul {
		list-style: circle inside;
}

ol {
		list-style: decimal inside;
}

ol, ul {
		padding-left: 0;
		margin-top: 0;
}
ol ul ul,
ol ul ol,
ol ol ol,
ol ol ul, ul ul ul,
ul ul ol,
ul ol ol,
ul ol ul {
		margin: 1.5rem 0 1.5rem 3rem;
}

li {
		margin-bottom: 1rem;
}

code {
		padding: 0.2rem 0.5rem;
		margin: 0 0.2rem;
		font-size: 90%;
		white-space: nowrap;
		background: #F1F1F1;
		border: 1px solid #E1E1E1;
		border-radius: 4px;
}

pre > code {
		display: block;
		padding: 1rem 1.5rem;
		white-space: pre;
}

.button,
button,
input[type=submit],
input[type=reset],
input[type=button] {
		background: transparent;
		color: #000;
		border: 2px solid #000;
		outline: 0;
		text-decoration: none;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 1.4;
		font-size: 18px;
		transition: background-color 0.3s linear;
		cursor: pointer;
		padding: 8px 20px;
}

.button:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
.button:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus {
		border-color: #ec4210;
		color: #ec4210;
}

.gform_fields {
		margin: 0;
		list-style: none;
}
.gform_fields .gfield {
		margin: 0 0 3rem 0;
}
.gform_fields .gfield.gfield_error input[type=email],
.gform_fields .gfield.gfield_error input[type=number],
.gform_fields .gfield.gfield_error input[type=search],
.gform_fields .gfield.gfield_error input[type=text],
.gform_fields .gfield.gfield_error input[type=tel],
.gform_fields .gfield.gfield_error input[type=url],
.gform_fields .gfield.gfield_error input[type=password],
.gform_fields .gfield.gfield_error textarea {
		border-color: #ff0033;
}
.gform_fields .gfield.gfield_error .gfield_description.validation_message {
		display: flex;
		align-self: flex-end;
		max-width: fit-content;
		background: #ff0033;
		padding: 3px 10px;
		box-sizing: border-box;
		font-size: 11px;
		color: white;
		font-weight: 600;
}
.gform_fields .gfield .gfield_label {
		display: none;
}

input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea {
		padding: 2rem;
		box-sizing: border-box;
		border: 1px solid #ccc;
		background: #f9f9f9;
		outline: 0;
}

input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
		border: 1px solid #999;
}

.entry-content .gform_wrapper .validation_error {
		background: #FF9494;
		border: 0;
		font-weight: 600;
		padding: 1rem;
		box-sizing: border-box;
		margin-bottom: 3rem;
		color: black;
}
.entry-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
		max-width: calc(100% - 40px);
		padding: 1rem;
		margin: 1rem 2rem;
}

.gform_ajax_spinner {
		margin-left: 20px;
		border: 4px solid rgba(255, 255, 255, 0.3);
		border-left: 4px solid gold;
		animation: spinner 1.1s infinite linear;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		display: none;
}

@keyframes spinner {
		0% {
				transform: rotate(0deg);
		}
		100% {
				transform: rotate(360deg);
		}
}
.gravity-theme.ui-datepicker.ui-widget-content .ui-datepicker-header select {
		font-size: 1.6rem;
}
.gravity-theme.ui-datepicker.ui-widget-content .ui-datepicker-calendar th span {
		font-size: 1.5rem;
}
.gravity-theme.ui-datepicker.ui-widget-content .ui-datepicker-calendar td {
		font-size: 1.4rem;
}

th,
td {
		padding: 12px 15px;
		text-align: left;
		border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
		padding-left: 0;
}

th:last-child,
td:last-child {
		padding-right: 0;
}

.u-full-width {
		width: 100%;
		box-sizing: border-box;
}

.u-max-full-width {
		max-width: 100%;
		box-sizing: border-box;
}

hr {
		margin-top: 3rem;
		margin-bottom: 3.5rem;
		border-width: 0;
		border-top: 1px solid #E1E1E1;
}

/*!
 * Social Share Kit v1.0.7 (http://socialsharekit.com)
 * Copyright 2015 Social Share Kit / Kaspars Sprogis.
 * Licensed under Creative Commons Attribution-NonCommercial 3.0 license:
 * https://github.com/darklow/social-share-kit/blob/master/LICENSE
 * ---
 */
@font-face {
		font-family: "social-share-kit";
		src: url("../../fonts/social-share-kit.eot");
		src: url("../../fonts/social-share-kit.eot?#iefix") format("embedded-opentype"), url("../../fonts/social-share-kit.woff") format("woff"), url("../../fonts/social-share-kit.ttf") format("truetype"), url("../../fonts/social-share-kit.svg#social-share-kit") format("svg");
		font-weight: normal;
		font-style: normal;
}
.ssk:before {
		display: inline-block;
		font-family: "social-share-kit" !important;
		font-style: normal !important;
		font-weight: normal !important;
		font-variant: normal !important;
		text-transform: none !important;
		speak: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}

.ssk-facebook:before {
		content: "a";
		text-indent: 4px;
		margin-right: -4px;
}

.ssk-twitter:before {
		content: "b";
}

.ssk-google-plus:before {
		content: "v";
}

.ssk-google-plus-old:before {
		content: "c";
}

.ssk-email:before {
		content: "d";
		top: -1px;
		position: relative;
}

.ssk-pinterest:before {
		content: "e";
		transform: scale(0.9);
}

.ssk-tumblr:before {
		content: "f";
}

.ssk-linkedin:before {
		content: "g";
}

.ssk-github:before {
		content: "h";
}

.ssk-vk:before {
		content: "i";
}

.ssk-instagram:before {
		content: "j";
}

.ssk-amazon:before {
		content: "k";
}

.ssk-skype:before {
		content: "s";
}

.ssk-youtube:before {
		content: "x";
}

.ssk-vimeo:before {
		content: "u";
}

.ssk-ebay:before {
		content: "p";
}

.ssk-apple:before {
		content: "l";
}

.ssk-behance:before {
		content: "q";
}

.ssk-dribble:before {
		content: "n";
}

.ssk-android:before {
		content: "o";
}

.ssk-whatsapp:before {
		content: "m";
}

.ssk-reddit:before {
		content: "r";
}

.ssk-reddit2:before {
		content: "t";
}

.ssk-link:before {
		content: "w";
}

.ssk-buffer:before {
		content: "y";
		transform: scale(0.85);
}

.ssk-slack:before {
		content: "z";
}

.ssk {
		background-color: #757575;
		color: white;
		display: inline-block;
		font-size: 22px;
		line-height: 1px;
		margin-right: 2px;
		margin-bottom: 2px;
		padding: 7px;
		text-align: center;
		text-decoration: none;
		transition: background-color 0.1s;
		-webkit-transition: background-color 0.1s;
		-moz-transition: background-color 0.1s;
		-ms-transition: background-color 0.1s;
		-o-transition: background-color 0.1s;
}

.ssk:before, .ssk .glyphicon, .ssk .fa {
		position: relative;
		font-size: 22px;
		top: 0;
		vertical-align: middle;
}

.ssk.ssk-xs, .ssk-xs > .ssk {
		padding: 4px;
}

.ssk.ssk-xs:before, .ssk-xs > .ssk:before, .ssk.ssk-xs .glyphicon, .ssk-xs > .ssk .glyphicon, .ssk.ssk-xs .fa, .ssk-xs > .ssk .fa {
		font-size: 15px;
}

.ssk.ssk-sm, .ssk-sm > .ssk {
		padding: 5px;
}

.ssk.ssk-sm:before, .ssk-sm > .ssk:before, .ssk.ssk-sm .glyphicon, .ssk-sm > .ssk .glyphicon, .ssk.ssk-sm .fa, .ssk-sm > .ssk .fa {
		font-size: 20px;
}

.ssk.ssk-lg, .ssk-lg > .ssk {
		padding: 9px;
}

.ssk.ssk-lg:before, .ssk-lg > .ssk:before, .ssk.ssk-lg .glyphicon, .ssk-lg > .ssk .glyphicon, .ssk.ssk-lg .fa, .ssk-lg > .ssk .fa {
		font-size: 28px;
}

.ssk:last-child {
		margin-right: 0;
}

.ssk:hover {
		background-color: #424242;
}

.ssk:hover, .ssk:focus {
		color: #fff;
		text-decoration: none;
}

.ssk.ssk-round, .ssk-round .ssk {
		border-radius: 50%;
}

.ssk.ssk-round:before, .ssk-round .ssk:before {
		text-indent: 0;
		margin-right: 0;
}

.ssk.ssk-rounded, .ssk-rounded .ssk {
		border-radius: 15%;
}

.ssk.ssk-icon {
		color: #757575;
		padding: 2px;
		font-size: 24px;
}

.ssk.ssk-icon, .ssk.ssk-icon:hover {
		background-color: transparent;
}

.ssk.ssk-icon:hover {
		color: #424242;
}

.ssk.ssk-icon.ssk-xs, .ssk-xs > .ssk.ssk-icon {
		font-size: 16px;
}

.ssk.ssk-icon.ssk-sm, .ssk-sm > .ssk.ssk-icon {
		font-size: 20px;
}

.ssk.ssk-icon.ssk-lg, .ssk-lg > .ssk.ssk-icon {
		font-size: 28px;
}

.ssk.ssk-text {
		overflow: hidden;
		font-size: 17px;
		line-height: normal;
		padding-right: 10px;
}

.ssk.ssk-text:before, .ssk.ssk-text .glyphicon, .ssk.ssk-text .fa {
		margin: -7px 10px -7px -7px;
		padding: 7px;
		background-color: rgba(0, 0, 0, 0.15);
		vertical-align: bottom;
		text-indent: 0;
}

.ssk-block .ssk.ssk-text {
		display: block;
		margin-right: 0;
		text-align: left;
}

.ssk.ssk-text.ssk-xs, .ssk-xs > .ssk.ssk-text {
		font-size: 12px;
		padding-right: 6px;
}

.ssk.ssk-text.ssk-xs:before, .ssk-xs > .ssk.ssk-text:before, .ssk.ssk-text.ssk-xs .glyphicon, .ssk-xs > .ssk.ssk-text .glyphicon, .ssk.ssk-text.ssk-xs .fa, .ssk-xs > .ssk.ssk-text .fa {
		margin: -4px 6px -4px -4px;
		padding: 4px;
}

.ssk.ssk-text.ssk-sm, .ssk-sm > .ssk.ssk-text {
		font-size: 16px;
		padding-right: 7px;
}

.ssk.ssk-text.ssk-sm:before, .ssk-sm > .ssk.ssk-text:before, .ssk.ssk-text.ssk-sm .glyphicon, .ssk-sm > .ssk.ssk-text .glyphicon, .ssk.ssk-text.ssk-sm .fa, .ssk-sm > .ssk.ssk-text .fa {
		margin: -5px 7px -5px -5px;
		padding: 5px;
}

.ssk.ssk-text.ssk-lg, .ssk-lg > .ssk.ssk-text {
		font-size: 22px;
		padding-right: 13px;
}

.ssk.ssk-text.ssk-lg:before, .ssk-lg > .ssk.ssk-text:before, .ssk.ssk-text.ssk-lg .glyphicon, .ssk-lg > .ssk.ssk-text .glyphicon, .ssk.ssk-text.ssk-lg .fa, .ssk-lg > .ssk.ssk-text .fa {
		margin: -9px 13px -9px -9px;
		padding: 9px;
}

.ssk-group, .ssk-sticky {
		font-size: 0;
}

.ssk-sticky {
		top: 0;
		position: fixed;
		z-index: 2000;
}

.ssk-sticky .ssk {
		transition: padding 0.1s ease-out;
		-webkit-transition: padding 0.1s ease-out;
		-moz-transition: padding 0.1s ease-out;
		-ms-transition: padding 0.1s ease-out;
		-o-transition: padding 0.1s ease-out;
		margin: 0;
}

@media (min-width: 768px) {
		.ssk-sticky.ssk-left .ssk, .ssk-sticky.ssk-right .ssk {
				display: block;
				clear: both;
		}
		.ssk-sticky.ssk-left.ssk-center, .ssk-sticky.ssk-right.ssk-center {
				top: 50%;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
		}
		.ssk-sticky.ssk-left {
				left: 0;
		}
		.ssk-sticky.ssk-left .ssk {
				float: left;
		}
		.ssk-sticky.ssk-left .ssk:hover {
				padding-left: 15px;
		}
		.ssk-sticky.ssk-right {
				right: 0;
		}
		.ssk-sticky.ssk-right .ssk {
				float: right;
		}
		.ssk-sticky.ssk-right .ssk:hover {
				padding-right: 15px;
		}
}
.ssk-sticky.ssk-bottom {
		font-size: 0;
		top: auto;
		bottom: 0;
}

.ssk-sticky.ssk-bottom.ssk-center {
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
}

.ssk-sticky.ssk-bottom .ssk {
		vertical-align: bottom;
}

.ssk-sticky.ssk-bottom .ssk:hover {
		padding-bottom: 15px;
}

.ssk-sticky.ssk-round.ssk-xs .ssk:hover {
		padding: 8px;
}

.ssk-sticky.ssk-round.ssk-sm .ssk:hover {
		padding: 9px;
}

.ssk-sticky.ssk-round .ssk:hover {
		padding: 11px;
}

.ssk-sticky.ssk-round.ssk-lg .ssk:hover {
		padding: 13px;
}

@media (max-width: 767px) {
		.ssk-sticky {
				left: 0;
				right: 0;
				bottom: 0;
				top: auto;
				width: 100%;
				display: flex !important;
				flex-direction: row;
				flex-wrap: nowrap;
		}
		.ssk-sticky.ssk-sticky-hide-xs {
				display: none !important;
		}
		.ssk-sticky .ssk {
				flex: 1;
				width: auto;
		}
		.ssk-sticky .ssk .ssk-num {
				display: none;
		}
}
.ssk-count {
		padding-top: 20px;
}

.ssk-count .ssk {
		position: relative;
}

.ssk-count .ssk-num {
		border-radius: 4px;
		color: #8f8f8f;
		background-color: rgba(50, 50, 50, 0.03);
		display: block;
		font-size: 12px;
		left: 0;
		line-height: 20px;
		position: absolute;
		right: 0;
		text-align: center;
		top: -20px;
}

@media (min-width: 768px) {
		.ssk-count.ssk-sticky {
				padding-top: 0;
		}
		.ssk-count.ssk-sticky.ssk-left .ssk-num, .ssk-count.ssk-sticky.ssk-right .ssk-num {
				top: 20%;
				background-color: transparent;
		}
		.ssk-count.ssk-sticky.ssk-left .ssk-num {
				left: 100%;
				margin-left: 5px;
		}
		.ssk-count.ssk-sticky.ssk-right .ssk-num {
				right: 115%;
				margin-left: -100%;
				text-align: right;
		}
}
.ssk-facebook {
		background-color: #3B5998;
}

.ssk-grayscale > .ssk-facebook {
		background-color: #757575;
}

.ssk-facebook:hover {
		background-color: #2d4373;
}

.ssk-facebook:hover {
		background-color: #2d4373;
}

.ssk-grayscale > .ssk-facebook:hover {
		background-color: #3B5998;
}

.ssk-facebook.ssk-icon {
		color: #3B5998;
}

.ssk-facebook.ssk-icon:hover {
		color: #2d4373;
}

.ssk-facebook.ssk-icon:before {
		text-indent: 0;
		margin-right: 0;
}

.ssk-twitter {
		background-color: #1DA1F2;
}

.ssk-grayscale > .ssk-twitter {
		background-color: #757575;
}

.ssk-twitter:hover {
		background-color: #0c85d0;
}

.ssk-twitter:hover {
		background-color: #0c85d0;
}

.ssk-grayscale > .ssk-twitter:hover {
		background-color: #1DA1F2;
}

.ssk-twitter.ssk-icon {
		color: #1DA1F2;
}

.ssk-twitter.ssk-icon:hover {
		color: #0c85d0;
}

.ssk-google-plus {
		background-color: #EA4335;
}

.ssk-grayscale > .ssk-google-plus {
		background-color: #757575;
}

.ssk-google-plus:hover {
		background-color: #d62516;
}

.ssk-google-plus:hover {
		background-color: #d62516;
}

.ssk-grayscale > .ssk-google-plus:hover {
		background-color: #EA4335;
}

.ssk-google-plus.ssk-icon {
		color: #EA4335;
}

.ssk-google-plus.ssk-icon:hover {
		color: #d62516;
}

.ssk-pinterest {
		background-color: #BD081C;
}

.ssk-grayscale > .ssk-pinterest {
		background-color: #757575;
}

.ssk-pinterest:hover {
		background-color: #8c0615;
}

.ssk-pinterest:hover {
		background-color: #8c0615;
}

.ssk-grayscale > .ssk-pinterest:hover {
		background-color: #BD081C;
}

.ssk-pinterest.ssk-icon {
		color: #BD081C;
}

.ssk-pinterest.ssk-icon:hover {
		color: #8c0615;
}

.ssk-tumblr {
		background-color: #395773;
}

.ssk-grayscale > .ssk-tumblr {
		background-color: #757575;
}

.ssk-tumblr:hover {
		background-color: #283d51;
}

.ssk-tumblr:hover {
		background-color: #283d51;
}

.ssk-grayscale > .ssk-tumblr:hover {
		background-color: #395773;
}

.ssk-tumblr.ssk-icon {
		color: #395773;
}

.ssk-tumblr.ssk-icon:hover {
		color: #283d51;
}

.ssk-email {
		background-color: #757575;
}

.ssk-grayscale > .ssk-email {
		background-color: #757575;
}

.ssk-email:hover {
		background-color: #5b5b5b;
}

.ssk-email:hover {
		background-color: #5b5b5b;
}

.ssk-grayscale > .ssk-email:hover {
		background-color: #757575;
}

.ssk-grayscale > .ssk-email:hover {
		background-color: #5b5b5b;
}

.ssk-email.ssk-icon {
		color: #757575;
}

.ssk-email.ssk-icon:hover {
		color: #5b5b5b;
}

.ssk-vk {
		background-color: #54769a;
}

.ssk-grayscale > .ssk-vk {
		background-color: #757575;
}

.ssk-vk:hover {
		background-color: #425d79;
}

.ssk-vk:hover {
		background-color: #425d79;
}

.ssk-grayscale > .ssk-vk:hover {
		background-color: #54769a;
}

.ssk-vk.ssk-icon {
		color: #54769a;
}

.ssk-vk.ssk-icon:hover {
		color: #425d79;
}

.ssk-linkedin {
		background-color: #1c87bd;
}

.ssk-grayscale > .ssk-linkedin {
		background-color: #757575;
}

.ssk-linkedin:hover {
		background-color: #156791;
}

.ssk-linkedin:hover {
		background-color: #156791;
}

.ssk-grayscale > .ssk-linkedin:hover {
		background-color: #1c87bd;
}

.ssk-linkedin.ssk-icon {
		color: #1c87bd;
}

.ssk-linkedin.ssk-icon:hover {
		color: #156791;
}

.ssk-whatsapp {
		background-color: #34AF23;
}

.ssk-grayscale > .ssk-whatsapp {
		background-color: #757575;
}

.ssk-whatsapp:hover {
		background-color: #27851a;
}

.ssk-whatsapp:hover {
		background-color: #27851a;
}

.ssk-grayscale > .ssk-whatsapp:hover {
		background-color: #34AF23;
}

.ssk-whatsapp.ssk-icon {
		color: #34AF23;
}

.ssk-whatsapp.ssk-icon:hover {
		color: #27851a;
}

.ssk-reddit {
		background-color: #5f99cf;
}

.ssk-grayscale > .ssk-reddit {
		background-color: #757575;
}

.ssk-reddit:hover {
		background-color: #3a80c1;
}

.ssk-reddit:hover {
		background-color: #3a80c1;
}

.ssk-grayscale > .ssk-reddit:hover {
		background-color: #5f99cf;
}

.ssk-reddit.ssk-icon {
		color: #5f99cf;
}

.ssk-reddit.ssk-icon:hover {
		color: #3a80c1;
}

.ssk-reddit2 {
		background-color: #5f99cf;
}

.ssk-grayscale > .ssk-reddit2 {
		background-color: #757575;
}

.ssk-reddit2:hover {
		background-color: #3a80c1;
}

.ssk-reddit2:hover {
		background-color: #3a80c1;
}

.ssk-grayscale > .ssk-reddit2:hover {
		background-color: #5f99cf;
}

.ssk-reddit2.ssk-icon {
		color: #5f99cf;
}

.ssk-reddit2.ssk-icon:hover {
		color: #3a80c1;
}

.ssk-buffer {
		background-color: #323B43;
}

.ssk-grayscale > .ssk-buffer {
		background-color: #757575;
}

.ssk-buffer:hover {
		background-color: #1c2126;
}

.ssk-buffer:hover {
		background-color: #1c2126;
}

.ssk-grayscale > .ssk-buffer:hover {
		background-color: #323B43;
}

.ssk-buffer.ssk-icon {
		color: #323B43;
}

.ssk-buffer.ssk-icon:hover {
		color: #1c2126;
}

.ssk-turquoise {
		background-color: #1abc9c;
}

.ssk-turquoise:hover {
		background-color: #148f77;
}

.ssk-emerald {
		background-color: #2ecc71;
}

.ssk-emerald:hover {
		background-color: #25a25a;
}

.ssk-peter-river {
		background-color: #3498db;
}

.ssk-peter-river:hover {
		background-color: #217dbb;
}

.ssk-belize-hole {
		background-color: #2980b9;
}

.ssk-belize-hole:hover {
		background-color: #20638f;
}

.ssk-amethyst {
		background-color: #9b59b6;
}

.ssk-amethyst:hover {
		background-color: #804399;
}

.ssk-wisteria {
		background-color: #8e44ad;
}

.ssk-wisteria:hover {
		background-color: #703688;
}

.ssk-wet-asphalt {
		background-color: #34495e;
}

.ssk-wet-asphalt:hover {
		background-color: #222f3d;
}

.ssk-midnight-blue {
		background-color: #2c3e50;
}

.ssk-midnight-blue:hover {
		background-color: #1a242f;
}

.ssk-green-sea {
		background-color: #16a085;
}

.ssk-green-sea:hover {
		background-color: #107360;
}

.ssk-nephritis {
		background-color: #27ae60;
}

.ssk-nephritis:hover {
		background-color: #1e8449;
}

.ssk-sunflower {
		background-color: #f1c40f;
}

.ssk-sunflower:hover {
		background-color: #c29d0b;
}

.ssk-orange {
		background-color: #f39c12;
}

.ssk-orange:hover {
		background-color: #c87f0a;
}

.ssk-carrot {
		background-color: #e67e22;
}

.ssk-carrot:hover {
		background-color: #bf6516;
}

.ssk-pumpkin {
		background-color: #d35400;
}

.ssk-pumpkin:hover {
		background-color: #a04000;
}

.ssk-alizarin {
		background-color: #e74c3c;
}

.ssk-alizarin:hover {
		background-color: #d62c1a;
}

.ssk-pomegranate {
		background-color: #c0392b;
}

.ssk-pomegranate:hover {
		background-color: #962d22;
}

.ssk-clouds {
		background-color: #cfd9db;
}

.ssk-clouds:hover {
		background-color: #b1c2c6;
}

.ssk-concrete {
		background-color: #95a5a6;
}

.ssk-concrete:hover {
		background-color: #798d8f;
}

.ssk-silver {
		background-color: #bdc3c7;
}

.ssk-silver:hover {
		background-color: #a1aab0;
}

.ssk-asbestos {
		background-color: #7f8c8d;
}

.ssk-asbestos:hover {
		background-color: #667273;
}

.ssk-dark-gray {
		background-color: #555;
}

.ssk-dark-gray:hover {
		background-color: #3b3b3b;
}

.ssk-black {
		background-color: #333;
}

.ssk-black:hover {
		background-color: #1a1a1a;
}
@keyframes stretchdelay {
		0%, 40%, 100% {
				transform: scaleY(0.4);
				-webkit-transform: scaleY(0.4);
		}
		20% {
				transform: scaleY(1);
				-webkit-transform: scaleY(1);
		}
}
@keyframes baloon {
		0% {
				transform: translate(0, 0);
		}
		25% {
				transform: translate(-5px, -2.5px);
		}
		50% {
				transform: translate(0, -5px);
		}
		75% {
				transform: translate(5px, -2.5px);
		}
		100% {
				transform: translate(0, 0);
		}
}
iframe[name=__cmpLocator] {
		display: none;
}

::-webkit-scrollbar {
		display: none;
}

::selection {
		color: white;
		background: black;
}

.no-scroll {
		overflow: hidden;
}

.screen-reader {
		display: none;
		visibility: hidden;
}

.jarallax {
		position: relative;
		z-index: 0;
}
.jarallax .jarallax-img {
		position: absolute;
		object-fit: cover;
		/* support for plugin https://github.com/bfred-it/object-fit-images */
		font-family: "object-fit: cover";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
}

.qc-cmp-persistent-link {
		display: none !important;
}

.qc-cmp-ui-container .qc-cmp-ui {
		align-self: center;
}
.qc-cmp-ui-container .qc-cmp-toggle-status, .qc-cmp-ui-container .qc-cmp-beta-messaging, .qc-cmp-ui-container .qc-cmp-main-messaging, .qc-cmp-ui-container .qc-cmp-messaging, .qc-cmp-ui-container .qc-cmp-title, .qc-cmp-ui-container .qc-cmp-sub-title, .qc-cmp-ui-container .qc-cmp-bold-messaging, .qc-cmp-ui-container .qc-cmp-table-header, .qc-cmp-ui-container .qc-cmp-alt-action, .qc-cmp-ui-container .qc-cmp-button {
		font-family: "benton-sans", Helvetica, Arial, sans-serif;
}
.qc-cmp-ui-container .qc-cmp-primary-buttons .qc-cmp-button {
		flex: 0 0 auto !important;
}
.qc-cmp-ui-container .qc-cmp-bold-messaging {
		margin: 20px 0 10px;
		font-size: 1.6rem;
		font-weight: 600;
}
.qc-cmp-ui-container .qc-cmp-main-messaging {
		text-align: center;
}
.qc-cmp-ui-container .qc-cmp-close-icon:hover {
		background: url("data:image/svg+xmlcharset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M.5.5l23 23m0-23l-23 23' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E") 50% no-repeat;
}
.qc-cmp-ui-container .qc-cmp-publisher-logo {
		max-width: 290px;
}
.qc-cmp-ui-container .qc-cmp-title {
		font-size: 2.5rem;
}
.qc-cmp-ui-container .qc-cmp-sub-title {
		font-size: 2rem;
}
.qc-cmp-ui-container .qc-cmp-button {
		background-color: black;
		border: 2px solid black;
		color: white;
		border-radius: 0;
		box-shadow: none;
}
.qc-cmp-ui-container .qc-cmp-button:hover {
		background-color: black;
		color: white;
}
.qc-cmp-ui-container .qc-cmp-alt-action {
		color: #ec4210;
}
.qc-cmp-ui-container .qc-cmp-alt-action:hover {
		color: black;
}
.qc-cmp-ui-container .qc-cmp-button.qc-cmp-secondary-button {
		color: black;
}
.qc-cmp-ui-container .qc-cmp-button.qc-cmp-secondary-button:hover {
		background-color: black;
		color: #fff;
}
.qc-cmp-ui-container .qc-cmp-toggle-status {
		color: black;
}
.qc-cmp-ui-container .qc-cmp-toggle {
		background-color: #ccc;
		border: 1px solid #ccc;
}
.qc-cmp-ui-container .qc-cmp-toggle.qc-cmp-toggle-on {
		background-color: black;
		border-color: black;
}
.qc-cmp-ui-container .qc-cmp-enabled-cell {
		color: black;
}

body {
		min-height: 100vh;
		scroll-behavior: smooth;
		min-height: calc(var(--vh, 1vh) * 100);
		-ms-overflow-style: none;
		overscroll-behavior: none;
}

html {
		scroll-behavior: smooth;
		-ms-overflow-style: none;
		overscroll-behavior: none;
		-ms-overflow-style: -ms-autohiding-scrollbar;
}

.home section {
		background: white;
}
.home #masthead .menu-toggle .hamburger-inner, .home #masthead .menu-toggle .hamburger-inner::before, .home #masthead .menu-toggle .hamburger-inner::after {
		background-color: white;
}
.home #masthead .site-branding:before, .home #masthead .site-branding:after {
		opacity: 1;
}
.home #masthead .site-branding:after {
		opacity: 0;
}
.home .down {
		position: fixed;
		top: 96vh;
		width: 100%;
		height: auto;
		align-content: center;
		text-align: center;
}
.home .down svg {
		width: 33px;
		margin: 0 auto;
		display: flex;
}
.home .down svg path {
		fill: white;
}
.home #video_background {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		object-fit: cover;
		height: 100%;
		width: 100%;
}
.home #video_cover {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #eeeeee;
		height: 100%;
		top: 0;
		left: 0;
}
.home #video {
		height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		width: 100%;
		max-width: 100vw;
		position: relative;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #E1E1E1;
		z-index: 0;
}
.home #video video {
		width: 100% !important;
		position: fixed !important;
}
.home #scene_m {
		height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		width: 100vw;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #E1E1E1;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 0;
		box-sizing: border-box;
		display: block;
}
@media (min-width: 600px) {
		.home #scene_m {
				display: none;
		}
}
.home #scene_m .wp-block-nk-awb {
		height: 100vh;
}
.home #scene_m .vimeo-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		pointer-events: none;
		overflow: hidden;
}
.home #scene_m .vimeo-wrapper iframe {
		width: 100vw;
		height: 56.25vw;
		min-height: 100vh;
		min-width: 177.77vh;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}
.home #primary .clouds {
		position: relative;
		height: 60vw;
		width: 100%;
		max-width: 100vw;
		margin-top: -50vh;
}
.home #primary .clouds .cloud {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background-size: 100% auto;
		background-position-x: center;
		background-position-y: 0;
		background-repeat: no-repeat;
		transition: all 0.3s linear;
}
.home #primary .clouds .cloud.full {
		background-image: url(assets/img/filled-cloud.png);
}
.home #primary .clouds .cloud.medium {
		background-image: url(assets/img/medium-cloud.png);
}
.home #primary .clouds .cloud.light {
		background-image: url(assets/img/lightest-cloud.png);
}
.home #main {
		background: white;
		position: relative;
		padding: 0;
}
.home .latest-portfolio {
		display: flex;
		padding-bottom: 5rem;
}
@media (min-width: 768px) {
		.home .latest-portfolio {
				padding-bottom: 10rem;
		}
}
@media (min-width: 1000px) {
		.home .latest-portfolio {
				padding-bottom: 15rem;
		}
}
.home .latest-portfolio .row {
		flex-flow: wrap row;
}
.home .latest-portfolio .wrap {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
		display: flex;
		flex-flow: wrap row;
		justify-content: space-between;
}
.home .latest-portfolio .wrap:first-of-type {
		margin-bottom: 30px;
}
.home .latest-portfolio .wrap:first-of-type .item {
		flex: 0 0 100%;
		max-width: 100%;
}
.home .latest-portfolio .wrap:first-of-type .item .img {
		height: 90vh;
}
.home .latest-portfolio .wrap:first-of-type .copy p {
		display: flex;
		font-size: 2.75rem;
		letter-spacing: 4px;
		margin-bottom: 1rem;
		display: none;
		font-weight: 600;
		line-height: 0.9;
		text-transform: uppercase;
}
@media (min-width: 768px) {
		.home .latest-portfolio .wrap:first-of-type .copy p {
				display: flex;
		}
}
.home .latest-portfolio .wrap:first-of-type .copy h2 {
		letter-spacing: 4px;
}
@media (min-width: 1000px) {
		.home .latest-portfolio .wrap:first-of-type .copy h2 {
				font-size: 11rem;
		}
}
.home .latest-portfolio .item {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
		align-self: flex-start;
		position: relative;
		box-sizing: border-box;
		margin-bottom: 30px;
}
@media (min-width: 1080px) {
		.home .latest-portfolio .item {
				margin-bottom: 0;
		}
}
.home .latest-portfolio .item:last-child {
		margin-bottom: 0;
}
.home .latest-portfolio .item a {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
}
@media (min-width: 1080px) {
		.home .latest-portfolio .item {
				flex: 0 0 32%;
				max-width: 32%;
		}
}
.home .latest-portfolio .item .img {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
		overflow: hidden;
		position: relative;
		height: 40vh;
}
.home .latest-portfolio .item .img img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}
.home .latest-portfolio .item .copy {
		position: absolute;
		background: rgba(0, 0, 0, 0.3);
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		top: 0;
		left: 0;
		display: flex;
		flex-flow: wrap row;
		justify-content: center;
		text-align: center;
		align-content: center;
		align-items: center;
		color: white;
		padding: 20px;
		transition: all 0.3s linear;
}
.home .latest-portfolio .item .copy h1 {
		text-transform: uppercase;
		margin: 0;
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
		justify-content: center;
		margin-top: 0;
		margin: 0;
		display: none;
		letter-spacing: 4px;
}
.home .latest-portfolio .item .copy h2 {
		font-size: 3rem;
		text-transform: uppercase;
		margin: 0;
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
		justify-content: center;
		text-align: center;
		margin-top: 0;
		margin: 0;
		transition: all 0.3s linear;
		letter-spacing: 4px;
}
.home .latest-portfolio .item:hover .copy {
		background: rgba(0, 0, 0, 0.8);
}
.home .intro {
		padding-top: 12rem;
		padding-bottom: 12rem;
}
.home .intro .column {
		align-self: flex-start;
		padding: 0;
}
.home .intro .column h1, .home .intro .column h2, .home .intro .column h3 {
		font-size: 6rem;
		margin: 0 0 3rem 0;
		text-transform: uppercase;
}
@media (min-width: 768px) {
		.home .intro .column h1, .home .intro .column h2, .home .intro .column h3 {
				font-size: 7rem;
		}
}
@media (min-width: 1024px) {
		.home .intro .column h1, .home .intro .column h2, .home .intro .column h3 {
				font-size: 9rem;
		}
}
@media (min-width: 1460px) {
		.home .intro .column h1, .home .intro .column h2, .home .intro .column h3 {
				font-size: 11rem;
		}
}
@media (min-width: 768px) {
		.home .intro .column:first-of-type {
				padding-right: 10rem;
		}
}
.home .intro .column img {
		width: 100%;
		height: auto;
		display: block;
}
.home .intro .column img:first-of-type {
		margin-bottom: 6rem;
}
@media (min-width: 1200px) {
		.home .intro .column img:first-of-type {
				margin-left: -6rem;
		}
}
.home .services {
		padding-bottom: 5rem;
}
@media (min-width: 768px) {
		.home .services {
				padding-bottom: 10rem;
		}
}
@media (min-width: 1000px) {
		.home .services {
				padding-bottom: 15rem;
		}
}
.home .services .row {
		justify-content: center;
		text-align: center;
}
.home .services .services-intro .content-inner {
		max-width: 800px;
		margin: 0 auto;
		margin-bottom: 2rem;
}
@media (min-width: 768px) {
		.home .services .services-intro .content-inner {
				margin-bottom: 5rem;
		}
}
@media (min-width: 1000px) {
		.home .services .services-intro .content-inner {
				margin-bottom: 10rem;
		}
}
.home .services .column {
		margin-bottom: 4rem;
}
@media (min-width: 768px) {
		.home .services .column {
				margin-bottom: 9rem;
		}
}
.home .services .column h3 {
		font-size: 5rem;
		margin-bottom: 0;
		text-transform: uppercase;
}
@media (min-width: 768px) {
		.home .services .column h3 {
				font-size: 6rem;
		}
}
@media (min-width: 1024px) {
		.home .services .column h3 {
				font-size: 7rem;
		}
}
.home .services .column .link {
		text-decoration: none;
		color: #ec4210;
		font-weight: 600;
}
.home .services .entry p {
		margin-bottom: 1rem;
}
.home .links {
		padding: 18rem 0 6rem 0;
}
@media (min-width: 768px) {
		.home .links {
				padding: 0 0 24rem 0;
		}
}
@media (min-width: 1161px) {
		.home .links .row {
				margin-bottom: 24rem;
		}
}
.home .links .row:last-child {
		margin-bottom: 0;
}
.home .links .column {
		align-self: center;
		padding: 0;
		margin-bottom: 12rem;
}
@media (min-width: 1161px) {
		.home .links .column {
				margin-bottom: 0;
		}
}
.home .links .column.img {
		order: 1;
}
.home .links .column.copy {
		order: 0;
}
@media (min-width: 1161px) {
		.home .links .column.copy {
				padding-left: 12rem;
		}
}
.home .links .column.copy h1, .home .links .column.copy h2, .home .links .column.copy h3 {
		margin: 0 0 3rem 0;
		text-transform: uppercase;
}
.home .links .column.copy ul {
		list-style: none;
		margin: 0;
}
.home .links .column.copy ul li {
		margin-bottom: 0;
		display: inline-flex;
		margin-right: 0 2rem 0 0;
}
@media (min-width: 1161px) {
		.home .links .column:first-of-type.img {
				order: 0;
		}
		.home .links .column:first-of-type.copy {
				order: 1;
		}
}
@media (min-width: 1161px) {
		.home .links .column:first-of-type.copy {
				padding-right: 12rem;
				padding-left: 0;
		}
}
.home .links .column img {
		width: 100%;
		height: auto;
		display: block;
}

.our-work #masthead .menu-toggle .hamburger-inner, .our-work #masthead .menu-toggle .hamburger-inner::before, .our-work #masthead .menu-toggle .hamburger-inner::after {
		background-color: white;
}
.our-work #masthead .site-branding:before, .our-work #masthead .site-branding:after {
		opacity: 1;
}
.our-work #masthead .site-branding:after {
		opacity: 0;
}
.our-work #primary {
		padding-top: 0 !important;
		margin-top: 0 !important;
}
.our-work .maincopy .type-page {
		height: 50vh;
		display: flex;
		flex-flow: wrap row;
		align-items: flex-end;
}
.our-work .maincopy .type-page .entry-content h1 {
		line-height: 1;
}
.our-work .maincopy .type-page .entry-content h1 strong {
		color: #ec4210;
}
.our-work .portfolio-rows {
		display: flex;
		flex-flow: wrap row;
}
.our-work .portfolio-rows .portfolio-item {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
		min-height: 300px;
		height: 35vh;
		align-items: flex-end;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		box-sizing: border-box;
}
@media (min-width: 960px) {
		.our-work .portfolio-rows .portfolio-item {
				flex: 0 0 50%;
				max-width: 50%;
		}
}
@media (min-width: 1120px) {
		.our-work .portfolio-rows .portfolio-item {
				flex: 0 0 50%;
				max-width: 50%;
				height: 50vh;
		}
}
.our-work .portfolio-rows .portfolio-item #p_video_background {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		object-fit: cover;
		height: 100%;
		width: 100%;
}
.our-work .portfolio-rows .portfolio-item #p_video_cover {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: black;
		height: 100%;
		top: 0;
		left: 0;
}
.our-work .portfolio-rows .portfolio-item .box-link {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 1;
		text-indent: -9999px;
}
.our-work .portfolio-rows .portfolio-item .overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		background: rgba(0, 0, 0, 0.8);
		opacity: 0;
		transition: opacity 0.3s linear;
}
.our-work .portfolio-rows .portfolio-item .info {
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0;
		transition: opacity 0.3s linear;
		display: flex;
		flex-flow: wrap row;
		align-items: center;
		position: absolute;
		left: 0;
		top: 0;
}
.our-work .portfolio-rows .portfolio-item .info .titles {
		display: flex;
		width: 100%;
		text-align: center;
		flex-flow: wrap row;
		margin-top: 30px;
		transition: margin-top 0.3s linear;
}
.our-work .portfolio-rows .portfolio-item .info h3, .our-work .portfolio-rows .portfolio-item .info h4 {
		text-transform: uppercase;
		line-height: 0.875;
		margin: 0;
		font-size: 4.6rem;
		color: white;
		flex: 0 0 100%;
		max-width: 100%;
		letter-spacing: 4px;
}
@media (min-width: 768px) {
		.our-work .portfolio-rows .portfolio-item .info h3, .our-work .portfolio-rows .portfolio-item .info h4 {
				font-size: 9rem;
		}
}
.our-work .portfolio-rows .portfolio-item .info hr {
		height: 3px;
		background: white;
		flex: 0 0 10%;
		max-width: 10%;
		border: 0;
		margin: 30px auto;
}
.our-work .portfolio-rows .portfolio-item .info h4 {
		font-size: 2.8rem;
}
.our-work .portfolio-rows .portfolio-item .info h4 a {
		color: inherit;
		text-decoration: none;
}
.our-work .portfolio-rows .portfolio-item:hover .overlay, .our-work .portfolio-rows .portfolio-item:hover .info {
		opacity: 1;
}
.our-work .portfolio-rows .portfolio-item:hover .overlay .titles, .our-work .portfolio-rows .portfolio-item:hover .info .titles {
		margin-top: 0;
}

.single-portfolio #masthead .menu-toggle .hamburger-inner, .single-portfolio #masthead .menu-toggle .hamburger-inner::before, .single-portfolio #masthead .menu-toggle .hamburger-inner::after {
		background-color: white;
}
.single-portfolio #masthead .site-branding:before, .single-portfolio #masthead .site-branding:after {
		opacity: 1;
}
.single-portfolio #masthead .site-branding:after {
		opacity: 0;
}
.single-portfolio #primary {
		padding-top: 100vh;
		background: transparent;
}
.single-portfolio section {
		background: white;
}
.single-portfolio #banner {
		height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		width: 100vw;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #E1E1E1;
		display: flex;
		flex-flow: wrap row;
		justify-content: center;
		text-align: center;
		align-items: center;
		box-sizing: border-box;
		position: fixed;
		z-index: -1;
}
.single-portfolio #banner .title h1 {
		color: white;
		text-align: center;
		text-transform: uppercase;
		margin: 0;
		line-height: 0.875;
		padding: 0 2rem;
}
@media (min-width: 768px) {
		.single-portfolio #banner .title h1 {
				font-size: 12rem;
		}
}
@media (min-width: 1200px) {
		.single-portfolio #banner .title h1 {
				font-size: 20rem;
		}
}
.single-portfolio #p_scene {
		height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		width: 100vw;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		box-sizing: border-box;
}
.single-portfolio #p_scene #p_video_background {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		object-fit: cover;
		height: 100%;
		width: 100%;
}
.single-portfolio #p_scene #p_video_cover {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #eeeeee;
		height: 100%;
		top: 0;
		left: 0;
}
.single-portfolio #p_scene .p_title {
		height: 100%;
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		z-index: 99;
		position: absolute;
}
.single-portfolio #p_scene .p_title h1 {
		color: white;
		text-align: center;
		text-transform: uppercase;
		margin: 0;
		line-height: 0.875;
		padding: 0 2rem;
}
@media (min-width: 768px) {
		.single-portfolio #p_scene .p_title h1 {
				font-size: 12rem;
		}
}
@media (min-width: 1200px) {
		.single-portfolio #p_scene .p_title h1 {
				font-size: 20rem;
		}
}
.single-portfolio #because_were_worth_it {
		display: flex;
		flex-flow: wrap row;
		justify-content: center;
		text-align: center;
		align-items: center;
		padding: 120px 0;
		border-bottom: 1px solid #ccc;
}
.single-portfolio #because_were_worth_it .row {
		width: 100%;
		display: flex;
		flex-flow: wrap row;
		margin: 0;
		height: auto;
		justify-content: center;
		text-align: center;
		align-items: center;
}
.single-portfolio #because_were_worth_it .row *:last-child {
		margin-bottom: 0;
}
.single-portfolio #because_were_worth_it .row h1, .single-portfolio #because_were_worth_it .row h2, .single-portfolio #because_were_worth_it .row h3, .single-portfolio #because_were_worth_it .row h4 {
		text-transform: uppercase;
		font-size: 5rem;
		margin-top: 0;
		text-align: center;
}
.single-portfolio #because_were_worth_it .row .button {
		display: flex;
		flex: 0 1 auto;
		width: auto;
		margin-top: 3rem;
		border: 2px solid;
		color: inherit;
		text-transform: uppercase;
		font-weight: 600;
		text-decoration: none;
		background: transparent;
		font-size: inherit;
		transition: all 0.3s linear;
}
.single-portfolio #because_were_worth_it .row .button:hover {
		color: #ec4210;
		border-color: #ec4210;
}
.single-portfolio #more-links .row {
		display: flex;
		flex-flow: wrap row;
		margin: 0 auto;
}
.single-portfolio #more-links .row .link {
		flex: 0 0 100%;
		max-width: 100%;
		display: flex;
		flex-flow: nowrap column;
		align-items: center;
		justify-content: center;
		align-content: center;
		position: relative;
		min-height: 30vh;
		padding: 6rem;
		overflow: hidden;
		box-sizing: border-box;
		text-decoration: none;
}
@media (min-width: 768px) {
		.single-portfolio #more-links .row .link {
				flex: 0 0 50%;
				max-width: 50%;
				min-height: 50vh;
		}
}
.single-portfolio #more-links .row .link:hover:after {
		background-color: rgba(0, 0, 0, 0.5);
}
.single-portfolio #more-links .row .link:hover:after img {
		transform: scale(1.05);
}
.single-portfolio #more-links .row .link:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		background-color: rgba(0, 0, 0, 0.25);
		transition: all 0.25s ease-in-out;
}
.single-portfolio #more-links .row .link img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 101%;
		width: 101%;
		max-width: none;
		object-fit: cover;
		z-index: 1;
		transition: all 0.75s ease-in-out;
}
.single-portfolio #more-links .row .link p {
		position: relative;
		z-index: 3;
		display: block;
		text-align: center;
		color: #fff;
		font-size: 3rem;
		max-width: 400px;
		width: 100%;
		margin: 0;
}
.single-portfolio #more-links .row .link p.title {
		font-size: 6rem;
		font-weight: 700;
		font-family: "NCR", Helvetica, Arial, sans-serif;
}
.single-portfolio .navi {
		display: flex;
		flex-flow: wrap row;
		background-color: #f6f6f6;
		align-items: center;
		justify-content: space-between;
}
.single-portfolio .navi .icon {
		align-self: center;
		text-align: center;
		display: flex;
		flex-flow: wrap row;
		width: 100%;
		justify-content: space-between;
}
@media (min-width: 768px) {
		.single-portfolio .navi .icon {
				width: auto;
				justify-content: flex-start;
		}
}
.single-portfolio .navi .icon a {
		width: 90px;
		height: 90px;
		display: flex;
		color: #333;
		text-decoration: none;
		transition: all 0.3s linear;
		align-content: center;
		justify-content: center;
		text-align: center;
		align-self: center;
}
.single-portfolio .navi .icon a svg {
		width: 30px;
		height: auto;
		transition: all 0.3s linear;
		display: flex;
		align-self: center;
}
.single-portfolio .navi .icon a:hover {
		background: black;
}
.single-portfolio .navi .icon a:hover svg g, .single-portfolio .navi .icon a:hover svg rect {
		fill: white;
}
.single-portfolio .navi .icon a .fal {
		font-size: 28px;
		display: block;
}
.single-portfolio .navi .icon .flex {
		display: flex;
}
.single-portfolio .navi .icon .flex a svg {
		width: 21px;
		height: auto;
}
.single-portfolio .navi .project_share {
		align-self: center;
		text-align: center;
		flex-flow: wrap row;
		padding-right: 2rem;
		display: none;
}
@media (min-width: 768px) {
		.single-portfolio .navi .project_share {
				display: flex;
		}
}
.single-portfolio .navi .project_share a {
		width: 50px;
		height: 90px;
		display: flex;
		color: #333;
		text-decoration: none;
		transition: all 0.3s linear;
		align-content: center;
		justify-content: center;
		text-align: center;
		margin: 0;
		padding: 0;
}
.single-portfolio .navi .project_share a:before {
		align-self: center;
}
.single-portfolio .navi .project_share a:hover {
		background: transparent;
}
.single-portfolio .navi .project_share a:hover .fab {
		color: white;
}
.single-portfolio .navi .project_share .fab {
		font-size: 20px;
		display: block;
		transition: all 0.3s linear;
}
.single-portfolio .maincopy {
		background: #f6f6f6;
		box-sizing: border-box;
}
.single-portfolio .maincopy .type-portfolio {
		display: flex;
		flex-flow: wrap row;
		align-items: center;
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin: 0;
		background: #f6f6f6;
}
@media (min-width: 1025px) {
		.single-portfolio .maincopy .type-portfolio {
				height: 25vh;
		}
}
.single-portfolio .maincopy .type-portfolio .entry-header {
		margin: 0 auto;
		margin-bottom: 6rem;
		padding: 6rem;
		background: white;
		box-sizing: border-box;
}
@media (min-width: 1025px) {
		.single-portfolio .maincopy .type-portfolio .entry-header {
				width: 55vw;
				margin-bottom: 0;
		}
}
.single-portfolio .maincopy .type-portfolio .entry-header h1, .single-portfolio .maincopy .type-portfolio .entry-header h2 {
		text-transform: uppercase;
}
.single-portfolio .maincopy .type-portfolio .entry-header h1 strong, .single-portfolio .maincopy .type-portfolio .entry-header h2 strong {
		color: #ec4210;
}

#mason {
		padding: 0 0 12rem 0;
		background: white;
}
#mason #grid {
		width: 100%;
}
@media (min-width: 768px) {
		#mason #grid {
				border-left: 15px solid white;
		}
}
#mason #grid #infscr-loading {
		position: absolute;
		bottom: -96px;
		width: 100%;
		text-align: center;
}
#mason #grid #infscr-loading img {
		width: 46px;
		display: inline-block;
}
#mason #grid .gutter-sizer {
		width: 15px;
}
#mason #grid .grid-sizer,
#mason #grid .grid-item {
		width: 100%;
		border-bottom: 30px solid white;
}
@media (min-width: 768px) {
		#mason #grid .grid-sizer,
		#mason #grid .grid-item {
				border-right: 15px solid white;
				border-bottom: 15px solid white;
				width: calc(50% - 15px);
		}
}
@media (min-width: 1024px) {
		#mason #grid .grid-sizer,
		#mason #grid .grid-item {
				width: calc(33.333% - 15px);
		}
}
#mason #grid .grid-item {
		float: left;
		display: inline-block;
}
#mason #grid .grid-item img {
		display: block;
		width: 100%;
		height: auto;
}
#mason #grid:after {
		content: "";
		display: block;
		clear: both;
}

.page:not(.home) #primary {
		margin-top: 120px;
}
.page:not(.home) #hero {
		display: none;
		flex: 0 0 100%;
		max-width: 100%;
		min-width: 100%;
		align-items: flex-end;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		position: fixed;
		top: 0;
		z-index: -1;
		backface-visibility: hidden;
}
.page:not(.home) #hero.height-0 {
		min-height: 0vh;
}
.page:not(.home) #hero.height-5 {
		min-height: 5vh;
		min-height: calc(var(--vh, 1vh) * 5);
}
.page:not(.home) #hero.height-10 {
		min-height: 10vh;
		min-height: calc(var(--vh, 1vh) * 10);
}
.page:not(.home) #hero.height-15 {
		min-height: 15vh;
		min-height: calc(var(--vh, 1vh) * 15);
}
.page:not(.home) #hero.height-20 {
		min-height: 20vh;
		min-height: calc(var(--vh, 1vh) * 20);
}
.page:not(.home) #hero.height-25 {
		min-height: 25vh;
		min-height: calc(var(--vh, 1vh) * 25);
}
.page:not(.home) #hero.height-30 {
		min-height: 30vh;
		min-height: calc(var(--vh, 1vh) * 30);
}
.page:not(.home) #hero.height-35 {
		min-height: 35vh;
		min-height: calc(var(--vh, 1vh) * 35);
}
.page:not(.home) #hero.height-40 {
		min-height: 40vh;
		min-height: calc(var(--vh, 1vh) * 40);
}
.page:not(.home) #hero.height-45 {
		min-height: 45vh;
		min-height: calc(var(--vh, 1vh) * 45);
}
.page:not(.home) #hero.height-50 {
		min-height: 50vh;
		min-height: calc(var(--vh, 1vh) * 50);
}
.page:not(.home) #hero.height-55 {
		min-height: 55vh;
		min-height: calc(var(--vh, 1vh) * 55);
}
.page:not(.home) #hero.height-60 {
		min-height: 60vh;
		min-height: calc(var(--vh, 1vh) * 60);
}
.page:not(.home) #hero.height-65 {
		min-height: 65vh;
		min-height: calc(var(--vh, 1vh) * 65);
}
.page:not(.home) #hero.height-70 {
		min-height: 70vh;
		min-height: calc(var(--vh, 1vh) * 70);
}
.page:not(.home) #hero.height-75 {
		min-height: 75vh;
		min-height: calc(var(--vh, 1vh) * 75);
}
.page:not(.home) #hero.height-80 {
		min-height: 80vh;
		min-height: calc(var(--vh, 1vh) * 80);
}
.page:not(.home) #hero.height-85 {
		min-height: 85vh;
		min-height: calc(var(--vh, 1vh) * 85);
}
.page:not(.home) #hero.height-90 {
		min-height: 90vh;
		min-height: calc(var(--vh, 1vh) * 90);
}
.page:not(.home) #hero.height-95 {
		min-height: 95vh;
		min-height: calc(var(--vh, 1vh) * 95);
}
.page:not(.home) #hero.height-100 {
		min-height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
}
.page:not(.home) #featimg {
		margin-bottom: 12rem;
}
.page:not(.home) #featimg img {
		display: block;
		max-width: 100%;
		width: 100%;
		height: auto;
}
.page:not(.home) #main header {
		position: relative;
		width: 100%;
		display: flex;
		align-self: flex-end;
}
.page:not(.home) #main header h1, .page:not(.home) #main header h2 {
		margin: 0;
		color: white;
		line-height: 0;
		margin-top: -4vw;
		text-transform: uppercase;
		font-size: 15vmin;
}
@media (max-width: 640px) {
		.page:not(.home) #main header h1, .page:not(.home) #main header h2 {
				font-size: 17vmin;
				margin-top: -4vw;
		}
}
@media (max-width: 1451px) {
		.page:not(.home) #main header h1, .page:not(.home) #main header h2 {
				margin-top: -4vw;
		}
}
@media (max-width: 1450px) {
		.page:not(.home) #main header h1, .page:not(.home) #main header h2 {
				margin-top: -4vw;
		}
}
@media (max-width: 1366px) {
		.page:not(.home) #main header h1, .page:not(.home) #main header h2 {
				margin-top: -4vw;
		}
}
@media (max-width: 1200px) {
		.page:not(.home) #main header h1, .page:not(.home) #main header h2 {
				margin-top: -3vw;
		}
}
@media (max-width: 1024px) {
		.page:not(.home) #main header h1, .page:not(.home) #main header h2 {
				margin-top: -3vw;
		}
}
@media (min-width: 768px) {
		.page:not(.home) #main header h1, .page:not(.home) #main header h2 {
				margin-top: -2vw;
		}
}
@media (min-width: 768px) {
		.page:not(.home) #main header h1, .page:not(.home) #main header h2 {
				font-size: 16vmin;
		}
}
@media (min-width: 1240px) {
		.page:not(.home) #main header h1, .page:not(.home) #main header h2 {
				font-size: 19vmin;
		}
}

.page .container, .single .container {
		padding-right: 3rem;
		padding-left: 3rem;
		width: 100%;
		flex-flow: wrap row;
}
@media (min-width: 1000px) {
		.page .container, .single .container {
				padding-right: 6rem;
				padding-left: 6rem;
		}
}
.page .container-fluid.builder, .single .container-fluid.builder {
		width: 100%;
		flex-flow: wrap row;
}
.page .container-fluid.builder .row, .single .container-fluid.builder .row {
		width: 100%;
		display: flex;
		flex-flow: wrap row;
		margin: 0;
		height: auto;
}
.page .container-fluid.builder .row.height-0, .single .container-fluid.builder .row.height-0 {
		min-height: 0vh;
}
.page .container-fluid.builder .row.height-5, .single .container-fluid.builder .row.height-5 {
		min-height: 5vh;
		min-height: calc(var(--vh, 1vh) * 5);
}
.page .container-fluid.builder .row.height-10, .single .container-fluid.builder .row.height-10 {
		min-height: 10vh;
		min-height: calc(var(--vh, 1vh) * 10);
}
.page .container-fluid.builder .row.height-15, .single .container-fluid.builder .row.height-15 {
		min-height: 15vh;
		min-height: calc(var(--vh, 1vh) * 15);
}
.page .container-fluid.builder .row.height-20, .single .container-fluid.builder .row.height-20 {
		min-height: 20vh;
		min-height: calc(var(--vh, 1vh) * 20);
}
.page .container-fluid.builder .row.height-25, .single .container-fluid.builder .row.height-25 {
		min-height: 25vh;
		min-height: calc(var(--vh, 1vh) * 25);
}
.page .container-fluid.builder .row.height-30, .single .container-fluid.builder .row.height-30 {
		min-height: 30vh;
		min-height: calc(var(--vh, 1vh) * 30);
}
.page .container-fluid.builder .row.height-35, .single .container-fluid.builder .row.height-35 {
		min-height: 35vh;
		min-height: calc(var(--vh, 1vh) * 35);
}
.page .container-fluid.builder .row.height-40, .single .container-fluid.builder .row.height-40 {
		min-height: 40vh;
		min-height: calc(var(--vh, 1vh) * 40);
}
.page .container-fluid.builder .row.height-45, .single .container-fluid.builder .row.height-45 {
		min-height: 45vh;
		min-height: calc(var(--vh, 1vh) * 45);
}
.page .container-fluid.builder .row.height-50, .single .container-fluid.builder .row.height-50 {
		min-height: 50vh;
		min-height: calc(var(--vh, 1vh) * 50);
}
.page .container-fluid.builder .row.height-55, .single .container-fluid.builder .row.height-55 {
		min-height: 55vh;
		min-height: calc(var(--vh, 1vh) * 55);
}
.page .container-fluid.builder .row.height-60, .single .container-fluid.builder .row.height-60 {
		min-height: 60vh;
		min-height: calc(var(--vh, 1vh) * 60);
}
.page .container-fluid.builder .row.height-65, .single .container-fluid.builder .row.height-65 {
		min-height: 65vh;
		min-height: calc(var(--vh, 1vh) * 65);
}
.page .container-fluid.builder .row.height-70, .single .container-fluid.builder .row.height-70 {
		min-height: 70vh;
		min-height: calc(var(--vh, 1vh) * 70);
}
.page .container-fluid.builder .row.height-75, .single .container-fluid.builder .row.height-75 {
		min-height: 75vh;
		min-height: calc(var(--vh, 1vh) * 75);
}
.page .container-fluid.builder .row.height-80, .single .container-fluid.builder .row.height-80 {
		min-height: 80vh;
		min-height: calc(var(--vh, 1vh) * 80);
}
.page .container-fluid.builder .row.height-85, .single .container-fluid.builder .row.height-85 {
		min-height: 85vh;
		min-height: calc(var(--vh, 1vh) * 85);
}
.page .container-fluid.builder .row.height-90, .single .container-fluid.builder .row.height-90 {
		min-height: 90vh;
		min-height: calc(var(--vh, 1vh) * 90);
}
.page .container-fluid.builder .row.height-95, .single .container-fluid.builder .row.height-95 {
		min-height: 95vh;
		min-height: calc(var(--vh, 1vh) * 95);
}
.page .container-fluid.builder .row.height-100, .single .container-fluid.builder .row.height-100 {
		min-height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
}
.page .container-fluid.builder .row .element, .single .container-fluid.builder .row .element {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
		box-sizing: border-box;
		flex-flow: wrap row;
}
.page .container-fluid.builder .row .element.width-25, .single .container-fluid.builder .row .element.width-25 {
		flex: 0 0 50%;
		max-width: 50%;
}
@media (min-width: 1000px) {
		.page .container-fluid.builder .row .element.width-25, .single .container-fluid.builder .row .element.width-25 {
				flex: 0 0 25%;
				max-width: 25%;
		}
}
@media (min-width: 1000px) {
		.page .container-fluid.builder .row .element.width-30, .single .container-fluid.builder .row .element.width-30 {
				flex: 0 0 30%;
				max-width: 30%;
		}
}
@media (min-width: 1000px) {
		.page .container-fluid.builder .row .element.width-33, .single .container-fluid.builder .row .element.width-33 {
				flex: 0 0 33.3333333333%;
				max-width: 33.3333333333%;
		}
}
@media (min-width: 1000px) {
		.page .container-fluid.builder .row .element.width-50, .single .container-fluid.builder .row .element.width-50 {
				flex: 0 0 50%;
				max-width: 50%;
		}
}
@media (min-width: 1000px) {
		.page .container-fluid.builder .row .element.width-66, .single .container-fluid.builder .row .element.width-66 {
				flex: 0 0 66.6666666667%;
				max-width: 66.6666666667%;
		}
}
@media (min-width: 1000px) {
		.page .container-fluid.builder .row .element.width-70, .single .container-fluid.builder .row .element.width-70 {
				flex: 0 0 70%;
				max-width: 70%;
		}
}
@media (min-width: 1000px) {
		.page .container-fluid.builder .row .element.width-75, .single .container-fluid.builder .row .element.width-75 {
				flex: 0 0 75%;
				max-width: 75%;
		}
}
@media (min-width: 1000px) {
		.page .container-fluid.builder .row .element.width-100, .single .container-fluid.builder .row .element.width-100 {
				flex: 0 0 100%;
				max-width: 100%;
		}
}
.page .container-fluid.builder .row .element.align-top, .single .container-fluid.builder .row .element.align-top {
		align-items: start;
		align-content: flex-start;
		-webkit-box-orient: horizontal;
}
.page .container-fluid.builder .row .element.align-middle, .single .container-fluid.builder .row .element.align-middle {
		align-items: center;
		align-content: center;
		-webkit-box-orient: horizontal;
}
.page .container-fluid.builder .row .element.align-bottom, .single .container-fluid.builder .row .element.align-bottom {
		align-items: end;
		align-content: flex-end;
		-webkit-box-orient: horizontal;
}
.page .container-fluid.builder .row .element .text, .single .container-fluid.builder .row .element .text {
		width: 100%;
}
.page .container-fluid.builder .row .element blockquote, .single .container-fluid.builder .row .element blockquote {
		margin: 0;
		border-left: 3px solid black;
		line-height: 1;
		padding-left: 6rem;
}
.page .container-fluid.builder .row .element blockquote h3, .single .container-fluid.builder .row .element blockquote h3 {
		margin: 0;
		font-family: "benton-sans", Helvetica, Arial, sans-serif;
}
.page .container-fluid.builder .row .element blockquote h5, .single .container-fluid.builder .row .element blockquote h5 {
		margin: 0;
		font-family: "benton-sans", Helvetica, Arial, sans-serif;
}
.page .container-fluid.builder .row .element .map, .single .container-fluid.builder .row .element .map {
		width: 100%;
		min-height: 650px;
		height: 100%;
}
.page .container-fluid.builder .row .element .map img, .single .container-fluid.builder .row .element .map img {
		max-width: inherit !important;
}
.page .container-fluid.builder .row .element .text, .single .container-fluid.builder .row .element .text {
		padding: 3rem 0;
		flex-flow: wrap row;
		text-align: inherit;
		align-content: center;
		align-items: center;
		box-sizing: border-box;
}
.page .container-fluid.builder .row .element .text .button, .single .container-fluid.builder .row .element .text .button {
		display: flex;
		flex: 0 1 auto;
		width: auto;
		margin-top: 3rem;
		border: 2px solid;
		color: inherit;
		text-transform: uppercase;
		font-weight: 600;
		text-decoration: none;
		background: transparent;
		font-size: inherit;
		transition: all 0.3s linear;
}
.page .container-fluid.builder .row .element .text .button:hover, .single .container-fluid.builder .row .element .text .button:hover {
		color: #ec4210;
		border-color: #ec4210;
}
@media (max-width: 1000px) {
		.page .container-fluid.builder .row .element .text, .single .container-fluid.builder .row .element .text {
				padding: 3rem 0 !important;
		}
}
.page .container-fluid.builder .row .element .text *, .single .container-fluid.builder .row .element .text * {
		width: 100%;
}
.page .container-fluid.builder .row .element .text h1, .single .container-fluid.builder .row .element .text h1 {
		font-size: 6rem;
		margin: 0;
		text-transform: uppercase;
}
@media (min-width: 768px) {
		.page .container-fluid.builder .row .element .text h1, .single .container-fluid.builder .row .element .text h1 {
				font-size: 7rem;
		}
}
@media (min-width: 1024px) {
		.page .container-fluid.builder .row .element .text h1, .single .container-fluid.builder .row .element .text h1 {
				font-size: 9rem;
		}
}
@media (min-width: 1460px) {
		.page .container-fluid.builder .row .element .text h1, .single .container-fluid.builder .row .element .text h1 {
				font-size: 11rem;
		}
}
.page .container-fluid.builder .row .element .text h2, .single .container-fluid.builder .row .element .text h2 {
		margin: 0 0 2.5rem 0;
		font-size: 5rem;
}
@media (min-width: 768px) {
		.page .container-fluid.builder .row .element .text h2, .single .container-fluid.builder .row .element .text h2 {
				font-size: 7rem;
		}
}
.page .container-fluid.builder .row .element .text h3, .single .container-fluid.builder .row .element .text h3 {
		margin-bottom: 0;
		margin-top: 0;
		font-size: 4rem;
}
@media (min-width: 1024px) {
		.page .container-fluid.builder .row .element .text h3, .single .container-fluid.builder .row .element .text h3 {
				margin-top: 3rem;
		}
}
.page .container-fluid.builder .row .element .text a, .single .container-fluid.builder .row .element .text a {
		font-weight: 600;
		text-decoration: none;
		transition: all 0.3s linear;
		color: inherit;
}
.page .container-fluid.builder .row .element .text a:hover, .single .container-fluid.builder .row .element .text a:hover {
		color: #ec4210;
}
.page .container-fluid.builder .row .element .text p:last-of-type, .single .container-fluid.builder .row .element .text p:last-of-type {
		margin-bottom: 0;
}
.page .container-fluid.builder .row .element .text .cbbb-cookie-wrap, .single .container-fluid.builder .row .element .text .cbbb-cookie-wrap {
		padding: 3rem;
}
@media (min-width: 768px) {
		.page .container-fluid.builder .row .element .text .cbbb-cookie-wrap, .single .container-fluid.builder .row .element .text .cbbb-cookie-wrap {
				padding: 6rem;
		}
}
.page .container-fluid.builder .row .element .text .cbbb-cookie-wrap *, .single .container-fluid.builder .row .element .text .cbbb-cookie-wrap * {
		width: auto;
}
.page .container-fluid.builder .row .element .text .cbbb-cookie-wrap h3, .single .container-fluid.builder .row .element .text .cbbb-cookie-wrap h3 {
		margin: 0 0 30px;
}
.page .container-fluid.builder .row .element .text .cbbb-cookie-wrap .onoffswitch, .single .container-fluid.builder .row .element .text .cbbb-cookie-wrap .onoffswitch {
		width: 60px;
}
.page .container-fluid.builder .row .element .embed-container, .single .container-fluid.builder .row .element .embed-container {
		position: relative;
		padding-bottom: 56.25%;
		overflow: hidden;
		width: 100%;
		height: auto;
}
.page .container-fluid.builder .row .element .embed-container iframe,
.page .container-fluid.builder .row .element .embed-container object,
.page .container-fluid.builder .row .element .embed-container embed, .single .container-fluid.builder .row .element .embed-container iframe,
.single .container-fluid.builder .row .element .embed-container object,
.single .container-fluid.builder .row .element .embed-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.page .container-fluid.builder .row .element .video, .single .container-fluid.builder .row .element .video {
		height: 100%;
		display: contents;
}
.page .container-fluid.builder .row .element .video .video-container, .single .container-fluid.builder .row .element .video .video-container {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
}
.page .container-fluid.builder .row .element .video .video-container iframe, .page .container-fluid.builder .row .element .video .video-container object, .page .container-fluid.builder .row .element .video .video-container embed, .page .container-fluid.builder .row .element .video .video-container video, .single .container-fluid.builder .row .element .video .video-container iframe, .single .container-fluid.builder .row .element .video .video-container object, .single .container-fluid.builder .row .element .video .video-container embed, .single .container-fluid.builder .row .element .video .video-container video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.page .container-fluid.builder .row .element .image, .single .container-fluid.builder .row .element .image {
		width: 100%;
}
@media (max-width: 1000px) {
		.page .container-fluid.builder .row .element .image, .single .container-fluid.builder .row .element .image {
				padding-left: 0 !important;
				padding-right: 0 !important;
		}
}
.page .container-fluid.builder .row .element .image img, .single .container-fluid.builder .row .element .image img {
		max-width: 100%;
		width: 100%;
		height: auto;
		display: block;
}
.page .container-fluid.builder .row .element .image.bg-image, .single .container-fluid.builder .row .element .image.bg-image {
		width: 100%;
		height: 100%;
		height: 50vh;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
}
@media (min-width: 480px) {
		.page .container-fluid.builder .row .element .image.bg-image, .single .container-fluid.builder .row .element .image.bg-image {
				height: 100%;
		}
}
.page .container-fluid.builder .row .element .image.parallax-window, .single .container-fluid.builder .row .element .image.parallax-window {
		min-height: 400px;
		background: transparent;
}
.page .container-fluid.builder .row.elements-one .element, .single .container-fluid.builder .row.elements-one .element {
		flex: 0 1 100%;
		max-width: 100%;
}
@media (min-width: 1000px) {
		.page .container-fluid.builder .row.elements-two .element, .single .container-fluid.builder .row.elements-two .element {
				flex: 0 0 50%;
				max-width: 50%;
		}
}
@media (min-width: 1000px) {
		.page .container-fluid.builder .row.elements-three .element, .single .container-fluid.builder .row.elements-three .element {
				flex: 0 0 33.33333%;
				max-width: 33.333333%;
		}
}
@media (min-width: 1000px) {
		.page .container-fluid.builder .row.elements-four .element, .single .container-fluid.builder .row.elements-four .element {
				flex: 0 0 25%;
				max-width: 25%;
		}
}

@media (max-width: 1000px) {
		.page .container-fluid.builder .row {
				padding: 3rem 0 !important;
		}
}

@media (max-width: 1000px) {
		.page .container-fluid.builder .row.staff {
				padding: 0 !important;
		}
}

.error404 #banner {
		height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		width: 100vw;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #E1E1E1;
		position: relative;
		z-index: -1;
}

.message-sent #banner {
		height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		width: 100vw;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #E1E1E1;
		position: relative;
		z-index: -1;
}

.page-template-holding-page {
		border: 0;
		height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		overflow: hidden;
}
.page-template-holding-page #preloader {
		display: none;
}
.page-template-holding-page .social {
		position: absolute;
		top: 20px;
		right: 20px;
}
.page-template-holding-page .social a {
		font-size: 27px;
		color: white;
		margin-left: 10px;
}
.page-template-holding-page .video-desktop {
		display: none;
}
@media all and (min-width: 769px) {
		.page-template-holding-page .video-desktop {
				display: block;
		}
		.page-template-holding-page .video-mobile {
				display: none;
		}
		.page-template-holding-page .video-mobile .social a {
				color: black;
		}
}

.beard-labs #primary, .the-archive #primary {
		padding-top: 70vh;
		padding-top: calc(var(--vh, 1vh) * 70);
}
.beard-labs #hero, .the-archive #hero {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
		min-width: 100%;
		align-items: flex-end;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		position: fixed;
		top: 0;
		z-index: -1;
}
.beard-labs #content .row .element .text img, .the-archive #content .row .element .text img {
		width: 100%;
		height: auto;
}
.beard-labs #content .row .element .text .ajax-load-more-wrap .alm-listing div, .the-archive #content .row .element .text .ajax-load-more-wrap .alm-listing div {
		width: 100%;
		padding: 0 10px 10px;
		float: left;
		display: inline;
		box-sizing: border-box;
}
@media (min-width: 1160px) {
		.beard-labs #content .row .element .text .ajax-load-more-wrap .alm-listing div, .the-archive #content .row .element .text .ajax-load-more-wrap .alm-listing div {
				padding: 10px;
				width: 50%;
		}
}
@media (min-width: 1360px) {
		.beard-labs #content .row .element .text .ajax-load-more-wrap .alm-listing div, .the-archive #content .row .element .text .ajax-load-more-wrap .alm-listing div {
				width: 33.333%;
		}
}
.beard-labs #content .row .element .text .ajax-load-more-wrap .alm-listing div img, .the-archive #content .row .element .text .ajax-load-more-wrap .alm-listing div img {
		display: block;
		width: 100%;
}

.page.work-with-us #primary {
		margin-top: 12rem;
		display: flex;
		width: 100vw;
}
@media (min-height: 800px) {
		.page.work-with-us #primary {
				height: 100vh;
				margin-top: 0;
		}
}
.page.work-with-us #primary #gform_3 {
		width: 100%;
}
@media (min-width: 1024px) {
		.page.work-with-us #primary #gform_3 {
				width: 75%;
		}
}
.page.work-with-us #primary main {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
}
.page.work-with-us #primary main .gform_confirmation_wrapper {
		display: flex;
		align-items: center;
}
.page.work-with-us #primary main .gform_confirmation_wrapper .gform_confirmation_message {
		font-family: "NCR", Helvetica, Arial, sans-serif;
		font-size: 3rem;
		line-height: 1;
		text-align: center;
}
.page.work-with-us #primary main .entry-content, .page.work-with-us #primary main .gform_wrapper {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
}
.page.work-with-us #primary main .gform_page_footer {
		display: flex;
		justify-content: center;
}
.page.work-with-us #primary main .entry-content {
		position: relative;
		padding-bottom: 15rem;
}
@media (min-height: 800px) {
		.page.work-with-us #primary main .entry-content {
				padding-bottom: 0;
		}
}
.page.work-with-us #primary main .gform_page_fields {
		display: flex;
		flex-flow: wrap row;
}
.page.work-with-us #primary main .gform_fields {
		margin: 0;
		list-style: none;
		width: 100%;
		display: flex;
		flex-flow: wrap row;
		justify-content: center;
}
.page.work-with-us #primary main .gform_fields.gform_validation_container {
		display: none;
}
.page.work-with-us #primary main .gform_fields .gfield {
		margin: 0 0 3rem 0;
		display: flex;
		flex: 0 0 100%;
		flex-flow: wrap row;
		justify-content: center;
}
.page.work-with-us #primary main .gform_fields .gfield input[type=email], .page.work-with-us #primary main .gform_fields .gfield input[type=number], .page.work-with-us #primary main .gform_fields .gfield input[type=search], .page.work-with-us #primary main .gform_fields .gfield input[type=text], .page.work-with-us #primary main .gform_fields .gfield input[type=tel], .page.work-with-us #primary main .gform_fields .gfield input[type=url], .page.work-with-us #primary main .gform_fields .gfield input[type=password], .page.work-with-us #primary main .gform_fields .gfield textarea {
		padding: 2rem;
		box-sizing: border-box;
		border: 1px solid #ccc;
		background: #f9f9f9;
		outline: 0;
		width: 100%;
}
@media (min-width: 1024px) {
		.page.work-with-us #primary main .gform_fields#gform_fields_3 .gfield, .page.work-with-us #primary main .gform_fields#gform_fields_3_2 .gfield {
				flex: 0 0 50%;
		}
}
.page.work-with-us #primary main .ginput_container {
		flex: 0 0 94%;
}
@media (min-width: 1024px) {
		.page.work-with-us #primary main .ginput_container {
				margin: 0 20px;
		}
}
.page.work-with-us #primary main .ginput_container_select {
		padding: 50px 0;
}
.page.work-with-us #primary main .ginput_container_select select {
		appearance: none;
		-webkit-appearance: none;
		padding: 10px;
		border-radius: 0;
		text-align: left;
		min-width: 200px;
		background-image: url(assets/img/down.svg);
		background-position: 94% 50%;
		background-repeat: no-repeat;
		background-size: 16px auto;
}
.page.work-with-us #primary main .gfield_radio {
		list-style: none;
		display: flex;
		justify-content: center;
		padding: 50px 0;
		flex-flow: wrap row;
}
.page.work-with-us #primary main .gfield_radio li {
		margin: 0 1rem 1rem 1rem;
		align-items: center;
		display: flex;
}
@media (min-width: 1024px) {
		.page.work-with-us #primary main .gfield_radio li {
				flex: 1;
				margin: 0 1rem;
		}
}
.page.work-with-us #primary main .gfield_radio li [type=radio] {
		appearance: none;
		-webkit-appearance: none;
		width: 24px;
		height: 24px;
		background-color: white;
		border: 1px solid #ccc;
		border-radius: 50%;
		margin-right: 1rem;
		outline: 0;
}
.page.work-with-us #primary main .gfield_radio li [type=radio]:checked {
		background-color: black;
		background-image: url(assets/img/tick.svg);
		background-size: 11px auto;
		background-position: center;
		background-repeat: no-repeat;
		border-color: black;
}
.page.work-with-us #primary main .gform_wrapper {
		align-self: center;
		justify-content: center;
		text-align: center;
		flex-flow: wrap row;
}
.page.work-with-us #primary main .gform_wrapper .button, .page.work-with-us #primary main .gform_wrapper button, .page.work-with-us #primary main .gform_wrapper input[type=submit], .page.work-with-us #primary main .gform_wrapper input[type=reset], .page.work-with-us #primary main .gform_wrapper input[type=button] {
		background: transparent;
		color: #000;
		border: 2px solid #000;
		outline: 0;
		text-decoration: none;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 1.4;
		font-size: 18px;
		transition: background-color 0.3s linear;
		cursor: pointer;
		padding: 8px 20px;
}
.page.work-with-us #primary main .gform_wrapper .button:hover, .page.work-with-us #primary main .gform_wrapper button:hover, .page.work-with-us #primary main .gform_wrapper input[type=submit]:hover, .page.work-with-us #primary main .gform_wrapper input[type=reset]:hover, .page.work-with-us #primary main .gform_wrapper input[type=button]:hover {
		color: #ec4210;
		border-color: #ec4210;
}
.page.work-with-us #primary main .gform_wrapper .gf_page_steps {
		position: absolute;
		bottom: 30px;
		display: flex;
		flex-flow: wrap row;
		left: 0;
		width: 100%;
		padding: 0 1rem;
		border: 0;
		margin: 0;
		border: 0;
}
@media (min-width: 1024px) {
		.page.work-with-us #primary main .gform_wrapper .gf_page_steps {
				padding: 0 20%;
		}
}
.page.work-with-us #primary main .gform_wrapper .gf_page_steps .gf_step {
		align-self: center;
		display: flex;
		flex: 0 0 16.66%;
		justify-content: center;
		margin: 0;
		margin-bottom: 1rem;
		height: auto;
}
@media (min-width: 600px) {
		.page.work-with-us #primary main .gform_wrapper .gf_page_steps .gf_step {
				flex: auto;
		}
}
.page.work-with-us #primary main .gform_wrapper .gf_page_steps .gf_step.gf_step_completed .gf_step_number:before {
		border-radius: 50%;
		width: 40px;
		height: 40px;
		border: 2px solid black;
		box-shadow: 0px 0px 0px 3px white inset;
		background-color: black;
		background-image: url(assets/img/tick.svg);
		background-size: 14px auto;
		background-repeat: no-repeat;
		background-position: center;
}
.page.work-with-us #primary main .gform_wrapper .gf_page_steps .gf_step_label {
		display: none;
}
.page.work-with-us #primary main .gform_wrapper .gf_page_steps .gf_step_number {
		background-color: #eee;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		border-radius: 50%;
		box-shadow: 0px 0px 0px 4px white inset;
		border: 2px solid white;
		background-size: 14px auto;
		background-repeat: no-repeat;
		background-position: center;
}
.page.work-with-us #primary main .gform_wrapper .gf_page_steps .gf_step_active .gf_step_number {
		border: 2px solid black;
		box-shadow: 0px 0px 0px 3px white inset;
		background-color: black;
		background-image: url(assets/img/tick.svg);
}
.page.work-with-us #primary main .gform_wrapper .gform_fields .gfield .gfield_label {
		display: flex;
		justify-content: center;
		font-family: "NCR", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-size: 6rem;
		flex: 0 0 100%;
		line-height: 0.875;
		margin-bottom: 2rem;
}
.page.work-with-us #primary main .gform_wrapper #field_2_38 {
		margin-bottom: 4rem;
}
.page.work-with-us #primary main .gform_wrapper #field_2_38 > .gfield_label {
		margin-bottom: 1rem;
}
.page.work-with-us #primary main .gform_wrapper #field_2_38 .gfield_description {
		font-family: "NCR", Helvetica, Arial, sans-serif;
		font-size: 3rem;
		line-height: 1;
		text-align: center;
}
.page.work-with-us #primary main .gform_wrapper #field_2_38 .gfield_checkbox {
		display: flex;
		flex-flow: wrap row;
		max-width: 900px;
		margin: 0 auto;
		margin-top: 3rem;
}
@media (min-width: 600px) {
		.page.work-with-us #primary main .gform_wrapper #field_2_38 .gfield_checkbox {
				text-align: center;
				display: block;
		}
}
.page.work-with-us #primary main .gform_wrapper #field_2_38 .gfield_checkbox .gchoice {
		flex: 0 0 100%;
		max-width: 100%;
		display: inline-block;
		padding: 0 1rem !important;
		text-align: center;
}
@media (min-width: 490px) {
		.page.work-with-us #primary main .gform_wrapper #field_2_38 .gfield_checkbox .gchoice {
				flex: 0 0 50%;
				max-width: 50%;
				text-align: left;
		}
}
@media (min-width: 600px) {
		.page.work-with-us #primary main .gform_wrapper #field_2_38 .gfield_checkbox .gchoice {
				max-width: 100%;
				text-align: center;
				padding: 0 2rem !important;
		}
}
.page.work-with-us #primary main .gform_wrapper #field_2_38 .gfield_checkbox .gchoice input[type=checkbox] {
		margin-top: 0;
}
.page.work-with-us #primary main .gform_wrapper #field_2_38 .gfield_checkbox .gchoice label {
		max-width: 100%;
}
.page.work-with-us #primary main .gform_wrapper #field_2_38 .gfield_checkbox .gchoice input[type=checkbox]:checked + label {
		font-weight: 300;
}
.page.work-with-us #primary main .gform_wrapper #field_2_39 .gfield_radio {
		padding: 0;
		flex-flow: wrap row;
		justify-content: center;
}
.page.work-with-us #primary main .gform_wrapper #field_2_39 .gfield_radio .gchoice {
		padding: 0 2rem;
}
.page.work-with-us #primary main .gform_wrapper #field_2_39 .gfield_radio .gchoice .gfield-choice-input + label {
		max-width: none;
}
.page.work-with-us #primary main .gform_wrapper #field_2_39 .gfield_radio .gchoice input[type=radio] {
		margin-top: 0;
}
.page.work-with-us #primary main .gform_wrapper #field_2_39 .gfield_radio .gchoice input[type=checkbox]:checked + label {
		font-weight: 300;
}
.page.work-with-us #primary main .gform_wrapper #field_2_40 label {
		font-size: 4rem;
}
.page.work-with-us #primary main .gform_wrapper #field_2_40 .ginput_container {
		max-width: 700px;
}
.page.work-with-us #primary main .gform_wrapper #field_2_32 .ginput_container {
		flex: 0 0 700px;
		max-width: 700px;
		width: 100%;
}
.page.work-with-us #primary main .gform_wrapper #field_2_32 .gchoice {
		flex: 1;
		max-width: 50%;
}

#services-portfolio-rows {
		display: flex;
		flex-flow: wrap row;
		justify-content: center;
}
#services-portfolio-rows .portfolio-item {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
		min-height: 370px;
		height: 40vh;
		align-items: flex-end;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		box-sizing: border-box;
}
@media (min-width: 1120px) {
		#services-portfolio-rows .portfolio-item {
				flex: 0 0 33.33%;
				max-width: 33.33%;
				height: 50vh;
		}
}
#services-portfolio-rows .portfolio-item #p_video_background {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		object-fit: cover;
		height: 100%;
		width: 100%;
}
#services-portfolio-rows .portfolio-item #p_video_cover {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: black;
		height: 100%;
		top: 0;
		left: 0;
}
#services-portfolio-rows .portfolio-item .box-link {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 1;
		text-indent: -9999px;
}
#services-portfolio-rows .portfolio-item .overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		background: rgba(0, 0, 0, 0.8);
		opacity: 0;
		transition: opacity 0.3s linear;
}
#services-portfolio-rows .portfolio-item .info {
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0;
		transition: opacity 0.3s linear;
		display: flex;
		flex-flow: wrap row;
		align-items: center;
		position: absolute;
		left: 0;
		top: 0;
}
#services-portfolio-rows .portfolio-item .info .titles {
		display: flex;
		width: 100%;
		text-align: center;
		flex-flow: wrap row;
		margin-top: 30px;
		transition: margin-top 0.3s linear;
}
#services-portfolio-rows .portfolio-item .info h3, #services-portfolio-rows .portfolio-item .info h4 {
		text-transform: uppercase;
		line-height: 0.875;
		margin: 0;
		font-size: 4.6rem;
		color: white;
		flex: 0 0 100%;
		max-width: 100%;
		letter-spacing: 4px;
}
@media (min-width: 768px) {
		#services-portfolio-rows .portfolio-item .info h3, #services-portfolio-rows .portfolio-item .info h4 {
				font-size: 6rem;
		}
}
#services-portfolio-rows .portfolio-item .info hr {
		height: 3px;
		background: white;
		flex: 0 0 10%;
		max-width: 10%;
		border: 0;
		margin: 30px auto;
}
#services-portfolio-rows .portfolio-item .info h4 {
		font-size: 2.8rem;
}
#services-portfolio-rows .portfolio-item .info h4 a {
		color: inherit;
		text-decoration: none;
}
#services-portfolio-rows .portfolio-item:hover .overlay, #services-portfolio-rows .portfolio-item:hover .info {
		opacity: 1;
}
#services-portfolio-rows .portfolio-item:hover .overlay .titles, #services-portfolio-rows .portfolio-item:hover .info .titles {
		margin-top: 0;
}

#preloader {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #F1EEEA;
		background-size: cover;
		height: 100%;
		z-index: 99;
}
#preloader #status {
		width: 50px;
		height: 30px;
		position: fixed;
		left: 50%;
		top: 50%;
		margin: -25px 0 0 -15px;
}
#preloader #status .spinner {
		margin: 0px auto;
		width: 50px;
		height: 30px;
		text-align: center;
		font-size: 10px;
}
#preloader #status .spinner div {
		background-color: #fff;
		height: 100%;
		width: 6px;
		display: inline-block;
		animation: stretchdelay 1.2s infinite ease-in-out;
}
#preloader #status .spinner .rect2 {
		animation-delay: -1.1s;
}
#preloader #status .spinner .rect3 {
		animation-delay: -1s;
}
#preloader #status .spinner .rect4 {
		animation-delay: -0.9s;
}
#preloader #status .spinner .rect5 {
		animation-delay: -0.8s;
}

.frame {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		box-sizing: border-box;
		border-color: white;
		border-style: solid;
		border-width: 0;
		z-index: 1;
		transition: all 0.3s linear;
}
.frame.come_here_mouse {
		border-width: 8rem 3rem 3rem 3rem;
}

#masthead {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 8rem;
		display: flex;
		z-index: 9999;
		transition: all 0.2s ease-in-out;
}
@media (min-width: 1025px) {
		#masthead.scroll {
				top: -8rem;
		}
}
#masthead.scroll2 {
		background: white;
}
#masthead.scroll2 .menu-toggle .hamburger-inner, #masthead.scroll2 .menu-toggle .hamburger-inner::before, #masthead.scroll2 .menu-toggle .hamburger-inner::after {
		background-color: black;
}
#masthead.scroll2 .site-branding:before {
		opacity: 0;
}
#masthead.scroll2 .site-branding:after {
		opacity: 1;
}
@media (min-width: 1025px) {
		#masthead.scrollDown {
				top: 0;
		}
}
#masthead .container-fluid {
		justify-content: space-between;
		width: 100%;
}
#masthead .site-branding {
		display: flex;
		margin-left: 3rem;
		align-self: center;
		flex: 0 0 12rem;
		max-width: 12rem;
		height: 4rem;
		position: relative;
		-webkit-user-select: none;
		user-select: none;
		overflow: hidden;
}
#masthead .site-branding .icon {
		position: absolute;
		display: flex;
		align-self: center;
		width: 3.5rem;
		opacity: 0;
		height: 3.5rem;
		background-image: url(assets/img/wearebeard-icon.svg);
		background-repeat: no-repeat;
		background-position: center;
}
#masthead .site-branding:before, #masthead .site-branding:after {
		content: "";
		position: absolute;
		display: flex;
		align-self: center;
		width: 100%;
		height: 3.5rem;
		background-image: url(assets/img/logo-white.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		opacity: 0;
		transition: all 0.3s linear;
}
#masthead .site-branding:after {
		background-image: url(assets/img/logo-black.svg);
		opacity: 1;
		transition: all 0.3s linear;
}
#masthead .site-branding a {
		display: flex;
		align-self: center;
		background: white;
		border-radius: 50%;
		padding: 1px;
}
#masthead .site-branding a img {
		width: 5rem;
		height: 5rem;
		align-self: center;
}
#masthead .main-navigation {
		display: flex;
}
#masthead .main-navigation.toggled .hamburger-inner, #masthead .main-navigation.toggled .hamburger-inner::before, #masthead .main-navigation.toggled .hamburger-inner::after {
		background-color: black;
}
#masthead .main-navigation.toggled .menu-container .menu-wrap {
		transform: translateX(0vw);
}
#masthead .menu-toggle {
		padding: 0;
		padding-right: 3rem;
		outline: 0;
		z-index: 999;
}
#masthead .menu-toggle:hover, #masthead .menu-toggle:focus {
		background: transparent;
}
#masthead .menu-toggle .hamburger-inner, #masthead .menu-toggle .hamburger-inner::before, #masthead .menu-toggle .hamburger-inner::after {
		background-color: black;
		transition: all 0.3s linear;
}
#masthead .menu-container {
		display: flex;
		position: fixed;
		height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		top: 0;
		right: 0;
}
#masthead .menu-container .menu-wrap {
		display: flex;
		overflow: scroll;
		flex-flow: wrap row;
		position: fixed;
		height: 100%;
		top: 0;
		right: 0;
		transform: translateX(100vw);
		transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
		#masthead .menu-container .menu-wrap {
				width: auto;
				position: relative;
				top: auto;
				right: auto;
				height: auto;
				overflow: inherit;
		}
}
#masthead .menu-container .menu-desc {
		display: flex;
		order: 2;
		position: relative;
		top: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		background: rgba(255, 255, 255, 0.95);
		box-sizing: border-box;
		padding: 3rem;
		transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
		#masthead .menu-container .menu-desc {
				order: 1;
				flex-flow: row wrap;
				position: absolute;
				width: 50vw;
				border-right: 1px solid #eee;
				z-index: 999;
				padding: 6rem;
		}
}
@media (min-width: 1025px) {
		#masthead .menu-container .menu-desc {
				width: 40vw;
		}
}
@media (min-width: 1367px) {
		#masthead .menu-container .menu-desc {
				width: 30vw;
		}
}
#masthead .menu-container .menu-desc.slide-in {
		right: 0;
}
@media (min-width: 768px) {
		#masthead .menu-container .menu-desc.push {
				transform: translateX(-49.97vw);
		}
}
@media (min-width: 1025px) {
		#masthead .menu-container .menu-desc.push {
				transform: translateX(-39.97vw);
		}
}
@media (min-width: 1367px) {
		#masthead .menu-container .menu-desc.push {
				transform: translateX(-29.97vw);
		}
}
#masthead .menu-container .menu-desc .intro {
		align-self: top;
		list-style: none;
		margin: 0;
		position: absolute;
		opacity: 0;
		transition: opacity 0.3s linear;
		z-index: -1;
}
#masthead .menu-container .menu-desc .intro a {
		color: inherit;
		font-weight: 600;
		text-decoration: none;
}
#masthead .menu-container .menu-desc .intro a:hover {
		color: #ec4210;
}
#masthead .menu-container .menu-desc .intro.welcome {
		opacity: 1;
		z-index: 1;
}
#masthead .menu-container .menu-desc .intro.welcome.hide {
		z-index: -1;
}
#masthead .menu-container .menu-desc .intro.hide {
		opacity: 0;
}
#masthead .menu-container .menu-desc .intro.show {
		opacity: 1;
		z-index: 1;
}
#masthead .menu-container .menu-desc .intro h1, #masthead .menu-container .menu-desc .intro h2, #masthead .menu-container .menu-desc .intro h3 {
		letter-spacing: 2px;
		text-transform: uppercase;
		font-weight: 600;
		text-decoration: none;
		line-height: 0.875;
		font-size: 4.8vh;
}
@media (min-width: 768px) {
		#masthead .menu-container .menu-desc .intro {
				align-self: center;
		}
}
#masthead .menu-container .menu-desc .spaz {
		position: relative;
		width: 85%;
		display: flex;
}
#masthead .menu-container .address {
		align-self: flex-end;
		position: absolute;
		left: 3rem;
		bottom: 3rem;
}
@media (min-width: 768px) {
		#masthead .menu-container .address {
				left: 6rem;
				bottom: 6rem;
		}
}
#masthead .menu-container .address h4 {
		margin: 0 0 5px 0;
		text-transform: uppercase;
		font-size: 24px;
}
#masthead .menu-container .contact-info {
		display: flex;
		justify-content: space-around;
}
#masthead .menu-container .contact-info .col {
		width: 100%;
		padding: 0;
		font-size: 13px;
}
#masthead .menu-container .contact-info .col ul {
		margin: 0;
		list-style: none;
}
#masthead .menu-container .contact-info .col ul li {
		margin: 0;
}
#masthead .menu-container .social .social-links {
		margin: 0;
		list-style: none;
		display: flex;
}
#masthead .menu-container .social .social-links li {
		margin: 0 5px 0 0;
}
#masthead .menu-container .social .social-links li .social-link {
		font-size: 16px;
		width: 34px;
		height: 34px;
		display: block;
		text-align: center;
		line-height: 34px;
		background: #333333;
		color: white;
		border-radius: 50%;
		transition: background 0.3s linear;
}
#masthead .menu-container .social .social-links li .social-link:hover {
		background: #ec4210;
}
#masthead .menu-container .imherebecuaseimextra {
		height: 100vh;
		top: 0;
		right: 60vw;
		display: flex;
		order: 0;
		flex-flow: row wrap;
		position: absolute;
		width: 40vw;
		z-index: 999;
}
#masthead .menu-container .menu-items {
		display: flex;
		order: 1;
		top: 0;
		align-items: center;
		width: 100vw;
		height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		background: rgba(255, 255, 255, 0.99);
		box-sizing: border-box;
		padding: 3rem;
		flex-flow: row wrap;
		transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
		#masthead .menu-container .menu-items {
				order: 2;
				position: relative;
				position: absolute;
				padding: 6rem;
				z-index: 999;
				right: -50vw;
				width: 50vw;
				z-index: 9999;
		}
}
@media (min-width: 1025px) {
		#masthead .menu-container .menu-items {
				right: -40vw;
				width: 40vw;
		}
}
@media (min-width: 1367px) {
		#masthead .menu-container .menu-items {
				right: -30vw;
				width: 30vw;
		}
}
#masthead .menu-container .menu-items.slide-in {
		right: 0;
}
#masthead .menu-container .menu-items .menu {
		align-self: auto;
		list-style: none;
		margin: 0;
		width: 100%;
}
@media (min-width: 1025px) {
		#masthead .menu-container .menu-items .menu {
				align-self: center;
		}
}
#masthead .menu-container .menu-items .menu .menu-item {
		margin: 0;
}
#masthead .menu-container .menu-items .menu .menu-item a {
		font-family: "NCR", sans-serif;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-weight: 600;
		text-decoration: none;
		color: #222;
		padding: 1rem 0;
		display: block;
		line-height: 0.75;
		font-size: 4.8vh;
}
@media (min-width: 768px) {
		#masthead .menu-container .menu-items .menu .menu-item a {
				padding: 2rem 0;
		}
}
#masthead .menu-container .menu-items .menu .menu-item a .menu-item-description {
		display: block;
		font-family: "benton-sans", sans-serif;
		text-transform: lowercase;
		color: #666;
		font-size: 1.4rem;
		position: absolute;
		display: none;
}
#masthead .menu-container .menu-items .menu .menu-item a:hover {
		color: #ec4210;
}
#masthead .menu-container .menu-items .menu .menu-item a:hover .menu-item-description {
		color: #666;
}
#masthead.mouseon .site-branding:after {
		opacity: 1;
}
#masthead.mouseon .site-branding:before {
		opacity: 0;
}
#masthead.mouseon .menu-toggle .hamburger-inner, #masthead.mouseon .menu-toggle .hamburger-inner::before, #masthead.mouseon .menu-toggle .hamburger-inner::after {
		background-color: black;
}
#masthead.mouseon .menu-toggle .hamburger-inner, #masthead.mouseon .menu-toggle .hamburger-inner::before, #masthead.mouseon .menu-toggle .hamburger-inner::after {
		background-color: black;
}
@media (min-width: 768px) {
		.ie9over #masthead .menu-container .menu-desc.push {
				right: 50vw;
		}
}
@media (min-width: 1025px) {
		.ie9over #masthead .menu-container .menu-desc.push {
				right: 40vw;
		}
}
@media (min-width: 1367px) {
		.ie9over #masthead .menu-container .menu-desc.push {
				right: 30vw;
		}
}
.ie9over #masthead .menu-container .menu-items.slide-in {
		right: 0;
}

@media (min-width: 768px) {
		.is_ie #masthead .menu-container .menu-desc, .IE #masthead .menu-container .menu-desc {
				right: 50vw;
		}
}
@media (min-width: 1025px) {
		.is_ie #masthead .menu-container .menu-desc, .IE #masthead .menu-container .menu-desc {
				right: 40vw;
		}
}
@media (min-width: 1367px) {
		.is_ie #masthead .menu-container .menu-desc, .IE #masthead .menu-container .menu-desc {
				right: 30vw;
		}
}
.is_ie #masthead .menu-container .menu-items, .IE #masthead .menu-container .menu-items {
		right: 0;
}

#colophon {
		background-color: black;
		padding: 120px 0;
		color: white;
		position: relative;
}
#colophon ::selection {
		color: black;
		background: white;
}
#colophon .logos {
		display: flex;
		flex-flow: wrap row;
		padding-bottom: 14rem;
		margin-bottom: 7rem;
		border-bottom: 1px solid #fff;
		flex: 0 0 100%;
		max-width: 100%;
}
#colophon .logos .logo {
		display: -ms-inline-flexbox;
		display: flex;
		flex: 0 0 50%;
		max-width: 50%;
}
@media (min-width: 767px) {
		#colophon .logos .logo {
				flex: 0 0 25%;
				max-width: 25%;
		}
}
@media (min-width: 1120px) {
		#colophon .logos .logo {
				flex: 0 0 12.5%;
				max-width: 12.5%;
		}
}
#colophon .logos .logo img {
		width: 100%;
		height: auto;
		align-self: center;
}
#colophon .row {
		margin-bottom: 3rem;
		width: 100%;
}
@media (min-width: 1000px) {
		#colophon .row {
				margin-bottom: 6rem;
		}
}
#colophon .row:last-child {
		margin-bottom: 0;
}
#colophon #footer-menu li a {
		color: white;
		text-decoration: none;
		transition: all 0.3s linear;
}
#colophon #footer-menu li a:hover {
		color: #ec4210;
}
#colophon .weare {
		-vendor-animation-duration: 3s;
		margin-bottom: 3rem;
}
@media (min-width: 1200px) {
		#colophon .weare {
				margin-bottom: 0;
		}
}
#colophon .weare .icon {
		width: 60px;
		display: block;
		margin-bottom: 20px;
}
@media (min-width: 768px) {
		#colophon .weare .icon {
				width: 86px;
				display: inline-block;
				vertical-align: middle;
				margin-right: 20px;
				margin-bottom: 0;
		}
}
#colophon .weare .icon img {
		width: 100%;
		display: block;
}
#colophon .weare h2 {
		color: white;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		text-transform: uppercase;
		font-size: 3rem;
		line-height: 0.875;
}
@media (min-width: 768px) {
		#colophon .weare h2 {
				font-size: 4.6rem;
		}
}
#colophon .weare h2 em {
		font-style: normal;
		font-size: 4rem;
}
#colophon .details {
		display: flex;
		flex-flow: wrap row;
		justify-content: flex-end;
}
#colophon .details p {
		margin-bottom: 0;
}
#colophon .details .col {
		margin-bottom: 3rem;
		flex: 0 0 100%;
		max-width: 100%;
}
@media (min-width: 1000px) {
		#colophon .details .col {
				flex: 0 0 50%;
				max-width: 50%;
		}
}
#colophon .details .col:last-child {
		margin-bottom: 0;
}
@media (min-width: 1200px) {
		#colophon .details .col {
				flex-grow: 1;
				flex-basis: 0;
				padding: 0 2rem;
				margin-bottom: 0;
		}
}
#colophon .details .col ul {
		list-style: none;
		margin: 0;
}
#colophon .details .col ul li {
		margin-bottom: 0;
}
#colophon .details .col ul li a {
		color: white;
		text-decoration: none;
}
#colophon .copyright {
		padding-top: 6rem;
		border-top: 1px solid #fff;
		justify-content: space-between;
}
#colophon .copyright p {
		font-size: 1.3rem;
}
#colophon .copyright .social-links {
		margin: 0;
		list-style: none;
		display: flex;
		flex: 0 0 auto;
}
#colophon .copyright .social-links li {
		margin: 0 5px 0 0;
}
#colophon .copyright .social-links li .social-link {
		font-size: 16px;
		width: 34px;
		height: 34px;
		display: block;
		text-align: center;
		line-height: 34px;
		background: #ffffff;
		color: #333333;
		border-radius: 50%;
		transition: all 0.3s linear;
}
#colophon .copyright .social-links li .social-link:hover {
		background-color: #ec4210;
}

#rockypath {
		display: none;
}