@import url(//hello.myfonts.net/count/31f487);
@import url(https://use.typekit.net/gke1jlk.css);
 font-weight:normal;font-style:normal;
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

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

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

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

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

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

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

small {
	font-size: 80%
}

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

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

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

figure {
	margin: 1em 40px
}

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

pre {
	overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

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

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

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

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

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

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

@font-face {
	font-family: PosterBodoniBT-Italic;
	src: url("/assets/fonts/31F487_0_0.eot");
	src: url("/assets/fonts/31F487_0_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/31F487_0_0.woff2") format("woff2"), url("/assets/fonts/31F487_0_0.woff") format("woff"), url("/assets/fonts//31F487_0_0.ttf") format("truetype"), url("/assets/fonts/31F487_0_0.svg#wf") format("svg")
}

.button {
	-webkit-font-smoothing: antialiased;
	background-color: transparent;
	font-size: .75em;
	margin-top: 20px;
	margin-bottom: 20px;
	letter-spacing: 5px;
	border: 3px solid #191919;
	color: #191919;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	line-height: 1;
	padding: 19px 65px 19px 70px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
	-webkit-transition: all .3s;
	transition: all .3s
}

@media (max-width:768px) {
	.button {
		padding: 19px 34px
	}
}

.button:focus,
.button:hover {
	background-color: #191919;
	color: #fff
}

.button:disabled {
	cursor: not-allowed;
	opacity: .5
}

.button.disabled {
	pointer-events: none;
	cursor: default;
	opacity: .7
}

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

.button.white:hover {
	color: #191919;
	background-color: #fff
}

.button.whiteBg {
	background-color: #fff;
	border-color: #fff
}

.button.whiteBg:hover {
	color: #191919
}

.button.next {
	padding: 18px
}

.button.next:before {
	content: " ";
	background: url(/assets/images/white-chevron-up-left.png) no-repeat 50%;
	background-size: cover;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 auto;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.button.next:hover:before {
	background-image: url(/assets/images/black-chevron-up-left.png)
}

input[type=radio] {
	display: none
}

input[type=radio]+label {
	background: url("/assets/graphics/radio-unchecked.png") 0 0 no-repeat;
	display: block;
	min-height: 25px;
	padding-left: 35px
}

input[type=radio]:checked+label {
	background: url("/assets/graphics/radio-checked.png") 0 0 no-repeat;
	color: #2e326f
}

input[type=checkbox] {
	display: none
}

input[type=checkbox]+label {
	background: url("/assets/images/ui-icon-checkbox.png") 0 0 no-repeat;
	display: block;
	min-height: 52px;
	padding-left: 62px;
	padding-top: 18px
}

input[type=checkbox]:checked+label {
	background: url("/assets/images/ui-icon-checkbox-checked.png") 0 0 no-repeat;
	color: #2e326f
}

fieldset {
	background-color: transparent;
	border: none;
	margin: 0 0 22px;
	padding: 0
}

fieldset.centered {
	text-align: center
}

[contenteditable=true]:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
	outline: none
}

input {
	position: relative
}

input,
label,
select {
	font-family: brandon-grotesque, helvetica, sans-serif;
	font-size: 1em;
	color: #2e326f
}

label {
	font-weight: 400;
	color: #191919;
	font-size: .75em;
	margin-top: 20px;
	margin-bottom: 5px;
	letter-spacing: 5px;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	cursor: pointer;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in
}

label.required:after {
	content: "*"
}

label abbr {
	color: #949494
}

input,
select,
select[multiple=multiple],
textarea {
	background-color: #fff;
	border: 3px solid #7f7f7f;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: brandon-grotesque, helvetica, sans-serif;
	font-size: 1rem;
	margin-bottom: .75em;
	color: #191919;
	padding: 1rem;
	-webkit-transition: border-color;
	transition: border-color;
	width: 100%
}

input:hover,
select:hover,
select[multiple=multiple]:hover,
textarea:hover {
	border-color: #191919
}

.field+.field {
	margin-bottom: 1em
}

textarea {
	resize: vertical;
	height: 20rem
}

input[type=checkbox],
input[type=radio] {
	margin-right: 14px;
	cursor: pointer
}

input[type=checkbox]:checked+span,
input[type=radio]:checked+span {
	background-image: url("/assets/graphics/tick.svg");
	background-repeat: no-repeat
}

input[type=checkbox]+span,
input[type=radio]+span {
	width: 30px;
	min-width: 30px;
	height: 30px;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #4aa1a5;
	margin-right: 15px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

input[type=radio]+span {
	border-radius: 15px;
	height: 20px;
	width: 20px
}

input[type=file] {
	padding-bottom: .75em;
	width: 100%
}

select {
	max-width: 100%;
	width: 100%;
	display: inline-block;
	height: auto;
	border-radius: 0;
	background-color: #fff;
	background: url(/assets/images/selectArrow.png) no-repeat right 14px center;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	padding: 1rem;
	color: #191919;
	font-size: 1rem;
	font-weight: 300
}

.required label:after {
	content: "*"
}

.form-errors {
	width: 100%;
	padding: 20px;
	text-align: center;
	color: red
}

ul.errors li {
	color: red
}

.gdpr {
	margin: 12px 0 0
}

.gdpr,
.gdpr a {
	color: #949494
}

ol,
ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

ul {
	list-style-type: none
}

ol,
ul {
	margin-bottom: .75em;
	padding-left: 1.5em
}

ol {
	list-style-type: decimal
}

dl {
	margin-bottom: .75em
}

dl dt {
	font-weight: 700;
	margin-top: .75em
}

dl dd {
	margin: 0
}

body {
	-webkit-font-feature-settings: "kern", "liga", "pnum";
	font-feature-settings: "kern", "liga", "pnum";
	color: #191919;
	line-height: 1.5;
	font-weight: 400
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: brandon-grotesque, helvetica, sans-serif;
	font-size: 1em
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2;
	margin: 0 0 .75em;
	color: #2e326f;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 5px
}

h1 {
	font-size: 2rem
}

h2 {
	font-size: 1.6rem
}

h3 {
	font-size: 1.4rem
}

h4 {
	font-size: 1.2rem
}

h5 {
	font-size: 1.1rem
}

p {
	font-size: 1.13rem;
	margin: 0 0 .75em
}

@media (max-width:980px) {
	p {
		font-size: 1rem
	}
}

.introPara p {
	font-size: 1.3rem
}

a {
	color: blue;
	text-decoration: none;
	-webkit-transition: color .1s linear;
	transition: color .1s linear
}

a:active,
a:focus,
a:hover {
	color: #0000b3
}

a:active,
a:focus {
	outline: none
}

hr {
	border-bottom: 1px solid #3b3b3b;
	border-left: none;
	border-right: none;
	border-top: none;
	margin: 0
}

img,
picture {
	margin: 0;
	max-width: 100%
}

#menu {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	height: 55px;
	width: 100%
}

body.menu-open .logo-main,
body.menu-open .menu-button {
	position: fixed
}

.logo-main {
	position: absolute;
	top: 40px;
	left: 60px;
	overflow: hidden;
	width: 170px;
    height: 134px;
	margin: 0;
	text-indent: -999em;
	display: block;
	z-index: 400
}

@media (max-width:980px) {
	.logo-main {
		width: 80px;
		height: 54px;
		left: 40px
	}
}

@media (max-width:768px) {
	.logo-main {
		top: 15px;
		left: 20px
	}
}

.logo-main .container {
	margin: 0;
	padding: 25px 0 0;
	letter-spacing: 5px;
	text-transform: uppercase;
	border-bottom: none;
	line-height: 130%;
	font-size: .625em;
	text-align: center;
	position: relative;
	z-index: 3;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	white-space: normal
}

.logo-main .copy {
	display: inline-block;
	position: relative;
	padding: 10px 15px 10px 20px;
	top: -15px;
	left: 12px;
	-webkit-transition: all .125s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: all .125s cubic-bezier(.39, .58, .57, 1) 0s;
	width: 0;
	font-size: 0;
	color: rgba(0, 0, 0, .3)
}

.logo-main .copy:after,
.logo-main .copy:before {
	content: " ";
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	background: transparent url("/assets/images/black-chevron-up-left.png") no-repeat 50%;
	background-size: contain;
	-webkit-transition: width .125s cubic-bezier(.39, .58, .57, 1) 0s, font-size .125s cubic-bezier(.39, .58, .57, 1) .2s;
	transition: width .125s cubic-bezier(.39, .58, .57, 1) 0s, font-size .125s cubic-bezier(.39, .58, .57, 1) .2s
}

.logo-main .copy:before {
	top: 0;
	left: 0
}

.logo-main .copy:after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.logo-main .copy:hover {
	color: #000;
	font-size: 1.25em;
	width: auto
}

.logo-main.sticky {
	
}

.logo-main {
	background: transparent url(../img/logo.png) no-repeat 50%;
	background-size: contain
}

h1.logo-main,
h1.logo-main.sticky {
	text-indent: -999em
}

.menu-button {
	position: absolute;
	top: 50px;
	right: 90px;
	width: 35px;
	height: 25px;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@media (max-width:980px) {
	.menu-button {
		right: 60px
	}
}

@media (max-width:768px) {
	.menu-button {
		top: 25px;
		right: 30px
	}
}

.menu-button .bar:first-child {
	top: 0
}

.menu-button .bar:nth-child(2),
.menu-button .bar:nth-child(3) {
	top: 10px
}

.menu-button .bar:nth-child(4) {
	top: 20px
}

body.menu-open .menu-button .bar:first-child {
	top: 10px;
	left: 50%;
	width: 0
}

body.menu-open .menu-button .bar:nth-child(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

body.menu-open .menu-button .bar:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

body.menu-open .menu-button .bar:nth-child(4) {
	top: 10px;
	left: 50%;
	width: 0
}

.menu-button .bar {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 4px;
	background-color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .125s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: all .125s cubic-bezier(.39, .58, .57, 1) 0s
}

.menu-button:hover .bar:first-child {
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}

.menu-button:hover .bar:nth-child(4) {
	-webkit-transform: translate3d(0, 2px, 0);
	transform: translate3d(0, 2px, 0)
}

body.sticky.menu-open #menu {
	height: 0;
	border: none
}

body.sticky.menu-open #menu .logo-main.sticky {

}

body.sticky.menu-open #menu .logo-main {
	display: block
}

body.sticky.menu-open #menu .menu-button {
	top: 50px
}

body.sticky #menu,
body.sticky.menu-open #menu .menu-button .bar {
	background-color: #fff
}

body.sticky #menu {
	position: fixed;
	height: 55px;
	-webkit-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .3);
	box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .3);
	border-bottom: 1px solid #ccc
}

body.sticky #menu h1.logo-main,
body.sticky #menu h1.logo-main.sticky {
	text-indent: -999em
}

body.sticky #menu .menu-button {
	top: 16px
}

body.sticky #menu .menu-button .bar {
	background-color: #191919
}

body.sticky #menu .menu-content {
	top: -100%
}

body.sticky #menu .logo-main {
	display: none
}

body.sticky #menu .logo-main.sticky {
	display: block;
	top: 0;
	left: 30px;
	width: 190px;
	height: 55px;
	margin: 0;
	text-indent: 0;
	background: transparent url(../img/logo.png) no-repeat 50%;
	background-size: cover
}

#menu-content {
	-webkit-transition: opacity .6s cubic-bezier(.785, .135, .15, .86), top 0s .6s;
	transition: opacity .6s cubic-bezier(.785, .135, .15, .86), top 0s .6s;
	-webkit-perspective: 700;
	perspective: 700;
	position: fixed;
	opacity: 0;
	top: -100%;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 0;
	background-color: #191919;
	z-index: 50;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	#menu-content {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		overflow: auto
	}
}

#menu-content.menu-open {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	top: 0;
	opacity: 1
}

#menu-content #menu-content--wrapper {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%
}

#menu-content ul {
	display: inline-block;
	text-align: right;
	float: right;
}

#menu-content .menu-content--col1 {
	-ms-flex-preferred-size: 41.66666667%;
	flex-basis: 41.66666667%;
	max-width: 41.66666667%;
	padding-right: 10px;
	padding-left: 10px;
	padding: 55px 19px;
}

@media (max-width:768px) {
	#menu-content .menu-content--col1 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
		margin-top: 70px;
		border-bottom: 1px solid #3b3b3b
	}
}
	#menu-content .menu-content--col1 {
border-left: 1px solid #3b3b3b;
	}
#menu-content .menu-content--col2 {
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	max-width: 25%;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #3b3b3b;
    padding-top: 93px;
}

@media (max-width:830px) {
	#menu-content .menu-content--col2 {
		-ms-flex-preferred-size: 33.33333333%;
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
		padding-right: 10px;
		padding-left: 10px
	}
}

@media (max-width:768px) {
	#menu-content .menu-content--col2 {
		border-left: none;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		padding-right: 10px;
		padding-left: 10px
	}
}

#menu-content .menu-content--col3 {
	-ms-flex-preferred-size: 33.33333333%;
	flex-basis: 33.33333333%;
	max-width: 33.33333333%;
	padding-right: 10px;
	padding-left: 10px;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:830px) {
	#menu-content .menu-content--col3 {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
		padding-right: 10px;
		padding-left: 10px
	}
}

@media (max-width:768px) {
	#menu-content .menu-content--col3 {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		padding-right: 10px;
		padding-left: 10px;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start
	}
}

#menu-content .categories {
	padding: 0 0 0 80px
}

@media (max-width:830px) {
	#menu-content .categories {
		padding-left: 14px
	}
}

#menu-content .categories p {
	font-size: 1.875em;
	font-weight: 500;
	margin-top: 43.75px;
	margin-bottom: 43.75px;
	padding-bottom: 0;
	letter-spacing: 5px;
	text-transform: uppercase;
	border-bottom: none;
	line-height: 130%
}

@media (max-width:980px) {
	#menu-content .categories p {
		font-size: 1.5em
	}
}

@media (max-width:768px) {
	#menu-content .categories p {
		font-size: 1.2em;
		margin: 22px 0
	}
}

#menu-content .categories p a {
	position: relative;
	left: -400px;
	padding-right: 60px;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	-webkit-transition-property: left, color;
	transition-property: left, color;
	-webkit-transition-duration: .7s, .15s;
	transition-duration: .7s, .15s;
	-webkit-transition-timing-function: cubic-bezier(.785, .135, .15, .86);
	transition-timing-function: cubic-bezier(.785, .135, .15, .86)
}

#menu-content .categories p a .category {
	position: relative;
	-webkit-transition: top .15s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: top .15s cubic-bezier(.39, .58, .57, 1) 0s
}

#menu-content .categories p a:hover .category {
	top: -3px;

}

#menu-content .categories p a .number {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	letter-spacing: 0;
	color: #fff;
	font-family: PosterBodoniBT-Italic, georgia, serif;
	font-size: .875em
}

#menu-content .categories p a .number:before {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 35px;
	height: 3px;
	content: "";
	background-color: #fff;
	-webkit-transition: width .125s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: width .125s cubic-bezier(.39, .58, .57, 1) 0s
}

#menu-content .categories p a:hover .number:before {
	width: 100%
}

#menu-content .categories li.active .category {
	top: -3px;
	color: #2e326f
}

#menu-content .about p {
	font-size: 1.125em;
	font-weight: 500;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom: none;
	line-height: 130%;
}

@media (max-width:768px) {
	#menu-content .about p {
		font-size: .9em;
		margin: 22px 0
	}
}

#menu-content .about p a {
	text-decoration: none;
	color: #fff;
	position: relative;
	opacity: 0;
	display: inline-block;
	-webkit-transition: all .15s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: all .15s cubic-bezier(.39, .58, .57, 1) 0s
}

#menu-content .about p a:before {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 3px;
	content: "";
	background-color: #fff;
	-webkit-transition: width .125s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: width .125s cubic-bezier(.39, .58, .57, 1) 0s
}

#menu-content .about p a:hover {
	color: #2e326f
}

#menu-content .about p a:hover:before {
	width: 100%
}

#menu-content .about .active a {
	color: #2e326f
}

#menu-content .about .active a:before {
	width: 100%
}

#menu-content #backgroundHolder {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	-webkit-transition: opacity .2s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: opacity .2s cubic-bezier(.39, .58, .57, 1) 0s
}

#menu-content .social {
	-webkit-transition: opacity .15s cubic-bezier(.785, .135, .15, .86) 0s;
	transition: opacity .15s cubic-bezier(.785, .135, .15, .86) 0s;
	opacity: 0;
	-webkit-transition-delay: .7s;
	transition-delay: .7s
}

@media (max-width:768px) {
	#menu-content .social {
		font-size: .7em
	}
}

body.menu-open #menu-content .categories p a {
	left: 0
}

body.menu-open #menu-content .about p a,
body.menu-open #menu-content .social {
	opacity: 1
}

#header {
	z-index: 0;
	position: relative;
	background: #000 50% no-repeat;
	height: 32vw;
	min-height: 340px;
	overflow: hidden;
	background-size: cover
}

#header.home {
	height: 100vh;
	min-height: 300px
}

#header.large {
	height: 55vw;
	min-height: 500px
}

#header.teamHeader {
	height: 50vw;
	min-height: 500px
}

#header .headerWrapper {
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: 0;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#header .headerWrapper h1 {
	color: #fff;
	font-size: 2.25rem;
	letter-spacing: 12px;
	text-transform: uppercase
}

@media (max-width:400px) {
	#header .headerWrapper h1 {
		font-size: 1.9rem
	}
}

#header .headerWrapper h1.teamTitle {
	text-transform: none;
	font-family: PosterBodoniBT-Italic, georgia, serif;
	font-size: 4.25rem;
	letter-spacing: 0
}

#header .headerWrapper.articleHeader {
	-webkit-box-pack: inherit;
	-ms-flex-pack: inherit;
	justify-content: inherit;
	text-align: left;
	width: 38%;
	left: 90px
}

@media (max-width:980px) {
	#header .headerWrapper.articleHeader {
		width: 40%;
		left: 40px
	}
}

#header .headerWrapper.articleHeader .type {
	color: #2e326f;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight: 500;
	margin-bottom: 4px
}

#header .headerWrapper.articleHeader hr {
	border-bottom-color: #fff
}

#header .headerWrapper.articleHeader h2 {
	font-size: 1.5rem;
	color: #fff;
	letter-spacing: 12px;
	margin-bottom: 32px
}

#header .headerWrapper.articleHeader .date {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight: 500;
	margin-top: 18px
}

#header .headerWrapper.articleHeader .controls a {
	text-decoration: none
}

#header .headerWrapper.articleHeader span {
	color: #fff;
	text-transform: uppercase;
	margin-left: 22px;
	font-size: .9rem;
	letter-spacing: 5px;
	font-weight: 500
}

#header #video-wrap {
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0
}

#header #video-wrap iframe {
	width: 100%;
	height: 100%
}

#header #video-wrap.active {
	z-index: 40
}

#header .backlink {
	position: absolute;
	z-index: 5;
	bottom: 34px;
	left: 90px;
	padding-left: 14px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: .7rem;
	font-weight: 500
}

@media (max-width:980px) {
	#header .backlink {
		left: 40px
	}
}

#header .backlink:before {
	content: " ";
	background: url(/assets/images/white-chevron-up-left.png) no-repeat 50%;
	background-size: cover;
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 8px;
	height: 8px;
	margin: 0 auto;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#header .backlink:hover:before {
	-webkit-animation: left_then_right .2s cubic-bezier(.39, .58, .57, 1) 0s 2 normal;
	animation: left_then_right .2s cubic-bezier(.39, .58, .57, 1) 0s 2 normal
}

#header .navigation {
	position: absolute;
	z-index: 5;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding-left: 0;
	margin-bottom: 10px
}

#header .navigation li {
	position: relative;
	display: inline-block;
	margin: 0 20px;
	padding-bottom: 7px
}

#header .navigation li a {
	position: relative;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	padding: 5px 8px;
	margin-bottom: 8px;
	font-size: .94em;
	letter-spacing: 5px
}

#header .navigation li.active:after {
	content: " ";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -10px;
	margin-right: -10px;
	border: 10px solid transparent;
	border-bottom: 10px solid #fff;
	right: 50%;
	z-index: 5
}

@media (max-width:768px) {
	#header .navigation li.active:after {
		content: none
	}
}

#header .navigation li.active a {
	pointer-events: none
}

#header .navigation li.active a:after,
#header .navigation li.active a:before {
	opacity: 1
}

#header .navigation li a:after,
#header .navigation li a:before {
	content: " ";
	position: absolute;
	display: block;
	opacity: 0;
	width: 5px;
	height: 5px;
	background: transparent url(/assets/images/white-chevron-up-left.png) no-repeat 50%;
	background-size: contain;
	-webkit-transition: all .125s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: all .125s cubic-bezier(.39, .58, .57, 1) 0s
}

#header .navigation li a:after {
	top: 0;
	left: 0
}

#header .navigation li a:before {
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

#header .navigation li a:hover:after,
#header .navigation li a:hover:before {
	opacity: 1
}

#header .navigation li a:hover:after {
	top: 4px;
	left: 4
}

#header .navigation li a:hover:before {
	bottom: 4px;
	right: 4;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

#header #video-close {
	position: absolute;
	z-index: 100;
	top: 52px;
	right: 140px;
	display: none
}

#header #video-close:before {
	width: 22px;
	height: 22px;
	content: " ";
	display: block;
	background: transparent url(/assets/images/ui-icon-cross-white-small.png) no-repeat 50%
}

#header #video-close.active {
	display: block
}

#header.home:after,
#header.home:before {
	content: "";
	position: absolute;
	background-color: hsla(0, 0%, 100%, .4);
	top: 180px;
	bottom: 180px;
	width: 1px;
	z-index: 50
}

@media (max-width:756px) {
	#header.home:after,
	#header.home:before {
		content: none
	}
}

#header.home:before {
	left: 40px
}

#header.home:after {
	right: 40px
}

#header.home .headerWrapper {
	background: transparent url(/assets/images/ui-header-frame-bottom.png) no-repeat center bottom 20px
}

@media (max-width:756px) {
	#header.home .headerWrapper:after,
	#header.home .headerWrapper:before {
		display: none
	}
}

#header.home .headerWrapper:after,
#header.home .headerWrapper:before {
	content: "";
	position: absolute;
	background-color: hsla(0, 0%, 100%, .4);
	bottom: 40px;
	height: 1px;
	z-index: 50
}

#header.home .headerWrapper:before {
	left: 90px;
	right: 50%;
	margin-right: 100px
}

#header.home .headerWrapper:after {
	right: 90px;
	left: 50%;
	margin-left: 100px
}

#header.home #homeAnim:before {
	content: "";
	position: absolute;
	background-color: hsla(0, 0%, 100%, .4);
	top: 40px;
	right: 180px;
	left: 180px;
	height: 1px;
	z-index: 50
}

@media (max-width:756px) {
	#header.home #homeAnim:before {
		content: none
	}
}

#bgvid {
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: -1
}

#homeAnim {
	text-align: center;
	color: #fff;
	letter-spacing: 12px;
	text-transform: uppercase;
	font-weight: 500;
	width: 82%;
	max-width: 800px
}

#homeAnim h1.word {
	margin: 0 14px 29px;
	line-height: 1.8;
	font-size: 1.3em
}

@media (max-width:940px) {
	#homeAnim h1.word {
		font-size: 1.2em
	}
}

@media (max-width:520px) {
	#homeAnim h1.word {
		font-size: 1.1em;
		letter-spacing: 4px
	}
}

#homeAnim div {
	display: inline-block
}

#homeAnim #homeAnim--anim {
	width: 8px;
	position: relative
}

#homeAnim #homeAnim--anim .chevrons {
	position: absolute;
	width: 16px;
	height: 16px;
	background: transparent url("../img/white-chevron-up-left.png") no-repeat 50%;
	background-size: contain
}

#homeAnim #homeAnim--anim #tlChevron {
	left: 0;
	top: 0
}

#homeAnim #homeAnim--anim #trChevron {
	right: 0;
	top: 0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

#homeAnim #homeAnim--anim #brChevron {
	left: 0;
	bottom: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

#homeAnim #homeAnim--anim #blChevron {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

#homeAnim #homeAnim--anim #homeAnim--inner {
	padding: 18px 18px 18px 22px;
	white-space: nowrap
}

#homeAnim #homeAnim--anim #homeAnim--inner div {
	font-weight: 700;
	font-size: .9em
}

@media (max-width:940px) {
	#homeAnim #homeAnim--anim #homeAnim--inner div {
		font-size: .8em
	}
}

@media (max-width:756px) {
	#homeAnim #homeAnim--anim #homeAnim--inner div {
		font-size: .8em;
		letter-spacing: 5px
	}
}

@media (max-width:520px) {
	#homeAnim #homeAnim--anim #homeAnim--inner div {
		font-size: .7em;
		letter-spacing: 4px
	}
}

#homeAnim #homeAnim--anim #homeAnim--inner div span {
	display: inline-block
}

.introduction {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	padding: 40px 0 30px
}

.introduction .copy {
	-ms-flex-preferred-size: 83.33333333%;
	flex-basis: 83.33333333%;
	max-width: 83.33333333%;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center
}

.panel.intro {
	text-align: left
}

@media (max-width:768px) {
	.panel.intro .copy {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0
	}
	.panel.intro .media {
		height: auto
	}
}

.panel.intro h2 {
	font-weight: 700;
	margin-bottom: 0
}

.panel.intro .button {
	margin: 18px 0 12px
}

@media (max-width:980px) {
	.panel.intro .button {
		margin: 0
	}
}

.panel.intro .inner {
	padding: 0 40px
}

@media (max-width:980px) {
	.panel.intro .inner {
		padding-top: 40px;
		padding-bottom: 40px
	}
}

.panel.intro.home p {
	font-family: brandon-grotesque, helvetica, sans-serif;
	font-weight: 700;
	font-size: 1.4375em;
	line-height: 2.5em;
	letter-spacing: 5px;
	text-transform: uppercase
}

@media (max-width:980px) {
	.panel.intro.home p {
		font-size: 1em
	}
}

.panel.intro.home p a {
	color: #2e326f
}

.panel.intro.home p a:hover {
	text-decoration: none
}

.panel.intro .intro--aside {
	padding: 0 40px
}

.panel.intro .intro--aside .borderWrap {
	position: relative
}

.panel.intro .intro--aside .borderWrap:before {
	content: "";
	position: absolute;
	background-color: #ccc;
	bottom: 0;
	top: 0;
	width: 1px;
	z-index: 20;
	left: -40px
}

.panel.intro .intro--aside h2 {
	text-transform: uppercase;
	text-align: center;
	font-size: 1em;
	font-weight: 700
}

@media (max-width:980px) {
	.panel.intro .intro--aside h2 {
		font-size: .8em
	}
}

.panel.intro .intro--aside h2 a {
	text-decoration: none;
	position: relative
}

.panel.intro .intro--aside h2 a:after {
	content: "\2192";
	position: relative;
	margin-left: 5px;
	font-weight: 400
}

.panel.intro .intro--aside-list {
	position: relative;
	padding: 40px;
	text-align: center
}

@media (max-width:768px) {
	.panel.intro .intro--aside-list {
		padding: 40px 0
	}
}

.panel.intro .intro--aside-list ul {
	display: inline-block;
	margin: 0 25px;
	vertical-align: top;
	width: 150px
}

@media (max-width:1252px) {
	.panel.intro .intro--aside-list ul {
		width: 100%
	}
}

@media (max-width:768px) {
	.panel.intro .intro--aside-list ul {
		width: 40%
	}
}

@media (max-width:520px) {
	.panel.intro .intro--aside-list ul {
		width: 90%
	}
}

.panel.intro .intro--aside-list li {
	margin: 5px 0;
	letter-spacing: 5px;
	text-transform: uppercase;
	text-align: left;
	font-family: brandon-grotesque, helvetica, sans-serif;
	line-height: 130%;
	font-size: .625em;
	font-weight: 700
}

@media (max-width:1252px) {
	.panel.intro .intro--aside-list li {
		text-align: center
	}
}

.panel.intro .intro--aside-list:after,
.panel.intro .intro--aside-list:before {
	content: " ";
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	background: transparent url(/assets/images/black-chevron-up-left.png) no-repeat 50%;
	background-size: contain
}

.panel.intro .intro--aside-list:after {
	top: 20px;
	left: 20px
}

@media (max-width:980px) {
	.panel.intro .intro--aside-list:after {
		left: 0
	}
}

.panel.intro .intro--aside-list:before {
	bottom: 20px;
	right: 20px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media (max-width:980px) {
	.panel.intro .intro--aside-list:before {
		right: 0
	}
}

.panel.intro .team-count {
	display: block;
	width: 45%;
	position: relative;
	margin: 0 auto
}

@media (max-width:980px) {
	.panel.intro .team-count {
		width: 90%
	}
}

.panel.intro .team-count .number {
	font-family: PosterBodoniBT-Italic, georgia, serif;
	text-transform: none;
	padding-right: 55px;
	margin: 0;
	font-size: 9em
}

@media (max-width:980px) {
	.panel.intro .team-count .number {
		margin-left: -22px
	}
}

.panel.intro .team-count .copy {
	position: absolute;
	top: 50%;
	left: 60%;
	margin-top: 0;
	margin-left: 30px;
	font-size: 1.25em
}

@media (max-width:980px) {
	.panel.intro .team-count .copy {
		top: 35%
	}
}

.panel.intro .team-count .plus {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 76px;
	margin-left: 90px;
	margin-top: -100px;
	color: #444
}

.panel {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	min-height: 32vw
}

.panel li,
.panel ul {
	padding-left: 0;
	list-style: none
}

.panel h2,
.panel h3 {
	color: #2e326f;
	font-size: .875em;
	text-transform: uppercase
}

.panel h3.caseCategory {
	font-size: .75em;
	color: #191919;
	margin: 12px 0 0
}

.panel h2 {
	font-size: 1em;
	margin-top: 20px;
	margin-bottom: 20px
}

.panel h4 {
	font-size: .75em
}

.panel p {
	color: #141414;
	margin-top: 16px;
	margin-bottom: 16px
}

.panel hr {
	border-bottom-color: #ccc
}

.panel.dark {
	background-color: #141414
}

.panel.dark p {
	color: #fff
}

.panel.dark hr {
	border-bottom-color: #3b3b3b
}

.panel.dark .copy {
	color: #fff
}

.panel.light {
	background-color: #f5f5f5
}

.panel.masked:after {
	content: " ";
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	background-color: #000;
	opacity: .24
}

.panel.image {
	position: relative;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.panel.short {
	min-height: 20vw
}

.panel.tall {
	min-height: 60vw
}

.panel.feature .inner {
	max-width: 600px
}

.panel.feature .inner .featureBox {
	padding: 40px 40px 60px;
	margin-bottom: 20px;
	background: #191919
}

.panel.feature .inner .featureBox h2 {
	color: #fff
}

.panel.feature .inner .featureBox hr {
	border-bottom-color: #fff
}

.panel.feature .inner .featureBox .featured-location-number {
	color: #fff;
	font-family: PosterBodoniBT-Italic, georgia, serif;
	text-transform: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	letter-spacing: -.035em;
	padding-top: 22px
}

.panel.feature .inner .featureBox .featured-location-number h6.number {
	font-family: PosterBodoniBT-Italic, georgia, serif;
	color: #fff;
	font-size: 7.3em;
	line-height: 1;
	letter-spacing: -.035em;
	padding: 0;
	margin: 0
}

.panel.feature .inner .featureBox .featured-location-number span {
	font-size: 3.2em;
	border-bottom: 6px solid #fff;
	padding: 8px 0 0;
	margin-right: 8px;
	line-height: 1;
	letter-spacing: -.035em
}

.panel.campaign hr {
	border-bottom-color: #ccc
}

.panel.fullImagePanel:before {
	content: " ";
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: .24;
	z-index: 0
}

.panel.fullImagePanel .inner {
	max-width: 1024px
}

.panel.fullImagePanel .fullImagePanel--wrap {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	text-align: left
}

.panel.fullImagePanel .fullImagePanel--wrap h2 {
	color: #fff;
	font-family: PosterBodoniBT-Italic, georgia, serif;
	text-transform: none;
	line-height: 1em;
	text-align: left;
	padding: 0 22px;
	font-size: 3.75em;
	letter-spacing: 0
}

.panel.fullImagePanel .fullImagePanel--wrap .text {
	width: 340px;
	float: left
}

.panel.fullImagePanel .fullImagePanel--wrap .text p {
	color: #fff
}

.panel.fullImagePanel .fullImagePanel--wrap .text .button {
	margin-top: 18px
}

@media (max-width:768px) {
	.panel.fullImagePanel .fullImagePanel--wrap .text,
	.panel.fullImagePanel .fullImagePanel--wrap h2 {
		width: 100%;
		float: none;
		text-align: center
	}
	.panel.fullImagePanel .fullImagePanel--wrap h2 {
		margin-bottom: 0
	}
}

.panel .image {
	position: relative;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.panel .image .inner>* {
	position: relative;
	width: auto;
	margin: 0 auto
}

.panel .image .mask {
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: .24
}

.panel .arrow {
	position: relative
}

.panel .arrow:after {
	content: " ";
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	margin-top: -16px;
	border: 16px solid transparent;
	border-left: 16px solid #fff;
	right: -32px;
	z-index: 5
}

@media (max-width:768px) {
	.panel .arrow:after {
		top: -16px;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		left: auto!important;
		right: 50%;
		margin-right: -16px
	}
}

.panel.image-left .arrow:after {
	right: auto;
	left: -32px;
	border-left-color: transparent;
	border-right-color: #fff
}

@media (max-width:768px) {
	.panel.image-left .arrow:after {
		top: -16px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		margin-left: -16px
	}
}

.panel.dark.image-left .arrow:after {
	border-right-color: #141414;
	border-left-color: transparent
}

.panel.dark .arrow:after {
	border-left-color: #141414
}

.panel.light.image-left .arrow:after {
	border-right-color: #f5f5f5;
	border-left-color: transparent
}

.panel.light .arrow:after {
	border-left-color: #f5f5f5
}

.panel .clickable:after,
.panel .clickable:before {
	content: " ";
	position: absolute;
	z-index: 20;
	opacity: 0;
	display: block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	width: 30px;
	height: 30px;
	background: transparent url(/assets/images/white-chevron-up-left.png) no-repeat 50%;
	background-size: contain;
	-webkit-transition: all .125s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: all .125s cubic-bezier(.39, .58, .57, 1) 0s
}

.panel .clickable:after {
	top: 0;
	right: 0
}

.panel .clickable:before {
	bottom: 0;
	left: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.panel:hover .clickable:after {
	opacity: 1;
	top: 20px;
	right: 20px
}

.panel:hover .clickable:before {
	opacity: 1;
	bottom: 20px;
	left: 20px
}

.panel:hover .clickable .button {
	color: #191919;
	background-color: #fff
}

.panel.fourQuart .copy {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	z-index: 5
}

.panel.threeQuart .copy {
	-ms-flex-preferred-size: 55%;
	flex-basis: 55%;
	max-width: 55%
}

@media (max-width:768px) {
	.panel.threeQuart .copy {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		text-align: center
	}
}

.panel.threeQuart .media {
	-ms-flex-preferred-size: 45%;
	flex-basis: 45%;
	max-width: 45%;
	overflow: hidden
}

@media (max-width:768px) {
	.panel.threeQuart .media {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
}

.panel .headquarters {
	text-align: left
}

.panel .headquarters h3 {
	color: #fff;
	letter-spacing: 15px;
	font-size: 1.25em;
	margin-top: 20px;
	margin-bottom: 20px
}

.panel .headquarters ul {
	float: left;
	width: 45%;
	margin: 16px 10px 16px 0;
	vertical-align: text-top
}

.panel.light .headquarters h3 {
	color: #191919
}

.panel .maps {
	width: 100%;
	height: 100%
}

.panel.halves .copy,
.panel.halves .media {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%
}

@media (max-width:768px) {
	.panel.halves .copy {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}
	.panel.halves .copy,
	.panel.halves .media {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
	.panel.halves .media {
		height: 54vw
	}
}

.panel.image-left .copy {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4
}

@media (max-width:768px) {
	.panel .copy {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}
	.panel .media {
		height: 54vw
	}
}

.panel .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 80px;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	max-width: 810px;
	margin: 0 auto;
	height: 100%
}

@media (max-width:980px) {
	.panel .inner {
		padding-top: 40px;
		padding-bottom: 40px
	}
}

@media (max-width:768px) {
	.panel .inner {
		padding: 20px
	}
}

.panel .inner>* {
	width: 100%
}

.panel .button {
	width: auto;
	margin: 0 auto
}

.panel.hello {
	background: url(/assets/images/hello-bg.png) transparent no-repeat top;
	background-size: 52%
}

.panel.hello.topBorder .inner {
	border-top: 1px solid #ccc
}

.panel.hello h2 {
	margin-bottom: 0
}

.panel.hello .button {
	margin-top: 18px
}

.caseStudies :not(.intro).threeQuart .copy,
.caseStudies :not(.intro).threeQuart .media {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%
}

@media (max-width:768px) {
	.caseStudies :not(.intro).threeQuart .copy,
	.caseStudies :not(.intro).threeQuart .media {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
}

.services {
	padding-top: 20px;
	padding-bottom: 60px
}

.services .service {
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	max-width: 25%;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #ccc
}

.services .service:nth-child(4n) {
	border-right: none
}

@media (max-width:980px) {
	.services .service {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		padding-right: 10px;
		padding-left: 10px;
		border-right: none
	}
}

.services .service .icon {
	height: 100px;
	background-position: 50%;
	background-repeat: no-repeat;
	margin: 0 auto
}

.services .service ul {
	padding-left: 0
}

.services .service ul li {
	text-align: center;
	color: #2e326f;
	font-size: 1.1rem
}

@media (max-width:980px) {
	.services .service ul li {
		font-size: 1rem
	}
}

#clientlist {
	padding-top: 84px;
	padding-bottom: 84px
}

#clientlist .copy {
	margin: 0 auto;
	width: 28%;
	text-align: center
}

@media (max-width:980px) {
	#clientlist .copy {
		width: 100%
	}
}

#clientCarousel {
	padding-left: 0;
	width: 100%
}

#clientCarousel .flickity-slider {
	text-align: center
}

#clientCarousel li.slide {
	width: 100%;
	padding: 0 44px
}

#clientCarousel .logo {
	width: 180px;
	height: 120px;
	margin: 0 40px;
	display: inline-block;
	vertical-align: top;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

@media (max-width:980px) {
	#clientCarousel .logo {
		width: 120px;
		height: 90px
	}
}

@media (max-width:767px) {
	#clientCarousel .logo {
		width: 60px;
		height: 70px
	}
}


/*! Flickity v2.1.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
	position: relative
}

.flickity-enabled:focus {
	outline: none
}

.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%
}

.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%
}

.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.flickity-button {
	position: absolute;
	background: hsla(0, 0%, 100%, .75);
	border: none;
	color: #333
}

.flickity-button:hover {
	background: #fff;
	cursor: pointer
}

.flickity-button:focus {
	outline: none;
	-webkit-box-shadow: 0 0 0 5px #19f;
	box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
	opacity: .6
}

.flickity-button:disabled {
	opacity: .3;
	cursor: auto;
	pointer-events: none
}

.flickity-button-icon {
	fill: #333
}

.flickity-prev-next-button {
	top: 50%;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
	left: 10px
}

.flickity-prev-next-button.next {
	right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%
}

.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom: -25px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1
}

.flickity-rtl .flickity-page-dots {
	direction: rtl
}

.flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	background: #333;
	border-radius: 50%;
	opacity: .25;
	cursor: pointer
}

.flickity-page-dots .dot.is-selected {
	opacity: 1
}

.gridItems {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 2000px
}

.gridItems,
.gridItems article {
	position: relative;
	text-align: center
}

.gridItems article {
	width: 310px;
	padding-top: 10px
}

@media (max-width:380px) {
	.gridItems article {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px
	}
}

.gridItems article .image {
	position: relative;
	padding-bottom: 66.5492958%;
	margin: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(66%, #f2f2f2), to(hsla(0, 0%, 95%, 0)));
	background: linear-gradient(#f2f2f2 66%, hsla(0, 0%, 95%, 0))
}

.gridItems article .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

@-webkit-keyframes scaleout {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes scaleout {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

.gridItems article .loading:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	-webkit-animation: scaleout 1.2s infinite ease-in-out;
	animation: scaleout 1.2s infinite ease-in-out;
	background-color: #2e326f
}

.portfolioAnims {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.portfolioAnims-move {
	-webkit-transition: all .6s ease-in-out 50ms;
	transition: all .6s ease-in-out 50ms
}

.portfolioAnims-enter-active {
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.portfolioAnims-leave-active {
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	position: absolute;
	z-index: 0
}

.portfolioAnims-enter,
.portfolioAnims-leave-to {
	opacity: 0
}

.sectionHeader {
	text-align: center;
	margin-top: 44px;
	font-size: 1.125em;
	font-weight: 700
}

.sectionCopy,
.sectionHeader {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 44px
}

.sectionCopy p {
	max-width: 44%;
	text-align: center;
	margin: 0 auto
}

.halfWide {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
	padding-right: 10px;
	padding-left: 10px
}

@media (max-width:767px) {
	.halfWide {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px
	}
}

.standard article {
	margin-bottom: 22px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center
}

.standard article hr {
	border-bottom-color: #ccc
}

.standard article img {
	display: block;
	margin-bottom: 18px
}

.standard article .category {
	padding: 5px 10px 5px 15px;
	color: #191919;
	font-size: .875em;
	margin-top: 20px;
	margin-bottom: 14px;
	letter-spacing: 5px;
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	-webkit-transition: all .24s;
	transition: all .24s
}

.standard article:hover .category {
	color: #fff;
	background-color: #191919
}

.standard article .copy {
	padding: 0 70px
}

.standard article .copy .date {
	font-size: .75em;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 0;
	letter-spacing: 5px;
	text-transform: uppercase;
	line-height: 130%;
	color: #191919
}

.standard article .copy:after {
	position: relative;
	content: "\2192"
}

.standard article:hover .copy:after {
	-webkit-animation: right_then_left .2s cubic-bezier(.39, .58, .57, 1) 0s 2 normal;
	animation: right_then_left .2s cubic-bezier(.39, .58, .57, 1) 0s 2 normal
}

.standard article a {
	text-decoration: none
}

.standard article a h3 {
	color: #191919
}

.standard article a:hover h3 {
	text-decoration: underline
}

.standard article h3 {
	font-size: 1.125em;
	margin: 16px 0;
	letter-spacing: 0;
	text-transform: none;
	font-family: brandon-grotesque, helvetica, sans-serif;
	font-weight: 300;
	color: #191919
}

#article {
	margin-bottom: 94px
}

#article.infoPage {
	margin-top: 94px
}

#article .content {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	text-align: left;
	margin: 10px auto
}

#article .introduction,
#article .quote,
#article .singleColText {
	-ms-flex-preferred-size: 58.33333333%;
	flex-basis: 58.33333333%;
	max-width: 58.33333333%;
	padding-right: 10px;
	padding-left: 10px
}

@media (max-width:768px) {
	#article .introduction,
	#article .quote,
	#article .singleColText {
		-ms-flex-preferred-size: 83.33333333%;
		flex-basis: 83.33333333%;
		max-width: 83.33333333%;
		padding-right: 10px;
		padding-left: 10px
	}
}

@media (max-width:380px) {
	#article .introduction,
	#article .quote,
	#article .singleColText {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px
	}
}

#article .introduction {
	padding-top: 42px;
	padding-bottom: 0
}

#article .introduction p {
	font-size: 2.25em;
	font-weight: 700;
	line-height: 1.3;
	text-align: left
}

#article .singleColText.centered {
	text-align: center
}

#article .singleColText.bordered {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 14px;
	padding-bottom: 14px
}

#article .singleColText ul {
	list-style-type: disc;
	list-style: inside;
	padding-left: 0;
	margin-bottom: 24px
}

#article .singleColText ul li {
	font-size: 1.13rem;
	margin-bottom: 12px
}

#article .singleColText ul.journalList {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	margin: 0;
	list-style-type: none
}

#article .singleColText ul.journalList li {
	padding: 10px 24px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 5px;
	font-size: .9rem
}

#article .gallery .img {
	-ms-flex-preferred-size: 75%;
	flex-basis: 75%;
	max-width: 75%;
	padding-right: 10px;
	padding-left: 10px;
	margin: 10px 0 20px
}

#article .gallery.small .img {
	-ms-flex-preferred-size: 33.33333333%;
	flex-basis: 33.33333333%;
	max-width: 33.33333333%;
	padding-right: 10px;
	padding-left: 10px
}

#article .quote p {
	font-size: 1.3em;
	font-weight: 700;
	text-align: center
}

#article .video-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	margin: 50px 0;
	padding-top: 25px;
	padding-bottom: 56.25%
}

#article .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	width: 100%;
	height: 100%
}

.filters {
	padding: 44px 0;
	max-width: 960px!important;
	margin: 0 auto
}

.filters ul {
	margin: 0 auto;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	width: 80%
}

@media (max-width:767px) {
	.filters ul {
		width: 100%
	}
}

.filters.journal {
	padding: 80px 0 60px
}

.filters.journal ul {
	width: 100%
}

.filters.journal li {
	padding: 0 12px
}

.filters.smallFilter {
	max-width: 4000px!important
}

.filters.smallFilter ul {
	width: 100%
}

.filters.smallFilter li {
	margin-bottom: 22px
}

.filters.smallFilter li a>i {
	width: 34px;
	height: 34px;
	background-size: contain
}

.filters li {
	width: 140px;
	text-align: center;
	line-height: 1;
	padding: 0 12px;
	margin-bottom: 12px
}

.filters li a {
	text-decoration: none;
	cursor: pointer;
	text-transform: uppercase;
	font-size: .7em;
	text-align: center;
	font-weight: 500;
	letter-spacing: 5px;
	overflow: visible
}

.filters li a>i {
	position: relative;
	display: block;
	margin: 0 auto 5px;
	width: 52px;
	height: 52px;
	background: url(/assets/images/ui-icon-checkbox.png) no-repeat 50%;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.filters li a:hover>i {
	background-image: url(/assets/images/ui-icon-checkbox-hover.png)
}

.filters li a.active>i {
	background-image: url(/assets/images/ui-icon-checkbox-checked.png)
}

#filterLabel {
	padding: 12px 0 0;
	margin-right: 12px
}

#filterDropdown {
	min-width: 160px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ccc
}

#filterDropdown #filterCurrent {
	padding: 12px;
	cursor: pointer
}

#filterDropdown ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	min-width: 160px;
	padding: 0;
	margin: 2px 0 0;
	list-style: none;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

#filterDropdown ul li:hover {
	background-color: #ccc
}

#filterDropdown ul a {
	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 6px 12px;
	display: block
}

#filterDropdown ul a:hover {
	background-color: #ccc
}

.loadMoreWrap {
	width: 100%;
	text-align: center;
	padding-bottom: 44px;
	position: relative;
	-webkit-transition: padding-top .3s;
	transition: padding-top .3s
}

.loadMoreWrap.loading {
	padding-top: 124px
}

.loadMoreWrap.loading:before {
	content: " ";
	position: absolute;
	overflow: hidden;
	z-index: 55;
	left: 50%;
	top: -10px;
	margin-left: -62.5px;
	width: 125px;
	height: 125px;
	background: url(/assets/images/ui-loading.gif)
}

.workHolder {
	padding-top: 24px;
	padding-bottom: 44px;
	position: relative;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

.work-detail {
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#dadada));
	background: linear-gradient(#f1f1f1, #dadada);
	background-position: 0 55%;
	background-size: 200% 200%;
	max-height: 0;
	-webkit-transition: max-height .15s ease-out;
	transition: max-height .15s ease-out;
	overflow: hidden;
	position: relative
}

.work-detail #scrollTarget {
	position: absolute;
	top: -54px
}

.work-detail.open {
	max-height: 900px;
	-webkit-transition: max-height .25s ease-in;
	transition: max-height .25s ease-in
}

.work-detail #closeBut {
	color: #000;
	position: absolute;
	top: 22px;
	left: 67px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: .7rem;
	font-weight: 400;
	margin-left: -20px
}

@media (max-width:420px) {
	.work-detail #closeBut {
		left: 46px
	}
}

.work-detail #closeBut:before {
	width: 22px;
	height: 22px;
	margin: -5px 8px 0 0;
	content: " ";
	display: inline-block;
	vertical-align: middle;
	background: transparent url(/assets/images/ui-icon-cross-black-small.png) no-repeat 50%
}

.work-detail #work-detail--carousel {
	margin: 58px 14px 24px;
	padding-left: 0
}

.work-detail #work-detail--carousel li {
	width: 100%
}

.work-detail #work-detail--carousel .video-wrap {
	width: 100%;
	height: 100%;
	text-align: center
}

.work-detail #work-detail--carousel .video-wrap .image {
	display: block;
	max-width: 1200px;
	height: 49vw;
	max-height: 640px;
	margin: 0 auto;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.work-detail #work-detail--carousel .video-wrap .embedded-video {
	width: 100%;
	height: 100%
}

.work-detail .flickity-button {
	background-color: transparent
}

.work-detail .slide-count {
	position: absolute;
	top: 21px;
	right: 67px;
	color: #7f7f7f;
	font-size: .7rem;
	font-weight: 500;
	letter-spacing: 5px
}

@media (max-width:420px) {
	.work-detail .slide-count {
		right: 21px
	}
}

.work-detail .work-detail--infoBox {
	display: none;
	opacity: 0;
	position: absolute;
	top: 50%;
	right: 30%;
	margin-top: -90px;
	margin-left: 50px;
	padding: 20px;
	max-width: 400px;
	background: #fff;
	background: hsla(0, 0%, 100%, .95);
	-webkit-box-shadow: 0 10px 40px -10px rgba(0, 0, 0, .3);
	box-shadow: 0 10px 40px -10px rgba(0, 0, 0, .3);
	font-size: .8125em;
	-webkit-transition: opacity, .3s;
	transition: opacity, .3s
}

.work-detail .work-detail--infoBox.active {
	display: block;
	opacity: 1
}

.work-detail .work-detail--infoBox h3 {
	font-size: 1.125em
}

.work-detail .work-detail--infoBox p {
	font-size: 1em
}

.work-detail .controls {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -70px;
	text-align: center
}

.work-detail .controls a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase
}

.work-detail .controls a span {
	display: block;
	text-align: center;
	font-size: .9rem;
	letter-spacing: 5px;
	font-weight: 500
}

.work-detail .more-info-button {
	position: absolute;
	top: 22px;
	right: 175px;
	text-decoration: none;
	z-index: 10;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	letter-spacing: 5px;
	text-transform: uppercase;
	border-bottom: none;
	font-size: .7rem;
	font-weight: 400
}

@media (max-width:420px) {
	.work-detail .more-info-button:before {
		display: none
	}
}

@media (max-width:370px) {
	.work-detail .more-info-button {
		right: 140px
	}
}

.work-detail .more-info-button:before {
	position: absolute;
	top: -2px;
	left: -40px;
	width: 22px;
	height: 22px;
	content: " ";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: transparent url(/assets/images/ui-icon-cross-black-small.png) no-repeat 50%;
	-webkit-transition: -webkit-transform .125s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: -webkit-transform .125s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: transform .125s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: transform .125s cubic-bezier(.39, .58, .57, 1) 0s, -webkit-transform .125s cubic-bezier(.39, .58, .57, 1) 0s
}

.work-detail .more-info-button.active:before {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

@media (max-width:1400px) {
	.work-detail .work-detail--infoBox {
		top: 48px;
		width: 90%;
		margin-top: 0;
		right: 14px;
		margin-left: 0
	}
}

.content.caseItems {
	max-width: 3000px;
	padding-left: 2px;
	padding-right: 12px
}

.content.caseItems article {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
	padding-right: 10px;
	padding-left: 10px;
	height: 32vw;
	margin-bottom: 12px;
	position: relative;
	overflow: hidden
}

@media (max-width:768px) {
	.content.caseItems article {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		padding-right: 10px;
		padding-left: 10px
	}
}

@media (max-width:500px) {
	.content.caseItems article {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px
	}
}

.content.caseItems article.masked:before {
	content: " ";
	position: absolute;
	left: 10px;
	right: 0;
	height: 100%;
	background-color: #000;
	opacity: .44;
	z-index: 1;
	pointer-events: none
}

.content.caseItems article.full {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	padding-right: 10px;
	padding-left: 10px
}

.content.caseItems article .caseItem--copy {
	position: absolute;
	z-index: 10;
	bottom: 16px;
	left: 60px;
	right: 30px;
	-webkit-transition: all .125s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: all .125s cubic-bezier(.39, .58, .57, 1) 0s
}

@media (max-width:500px) {
	.content.caseItems article .caseItem--copy {
		left: 20px
	}
}

.content.caseItems article .caseItem--copy h3 {
	text-transform: uppercase;
	margin-bottom: 4px;
	font-size: .85em
}

.content.caseItems article .caseItem--copy h4 {
	text-transform: uppercase;
	color: #fff;
	font-size: .75em
}

.content.caseItems article:hover .caseItem--copy {
	bottom: 7%
}

.content.caseItems article a {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%
}

.content.caseItems article .caseItem--img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.content.caseItems article h3 {
	font-size: 1.125em;
	margin-bottom: 14px
}

.content.caseItems article a {
	text-decoration: none
}

.content.caseItems article a p {
	color: #191919
}

.locFilters {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center
}

.locFilters #locFilters--slider {
	overflow: hidden;
	margin-bottom: 0;
	padding: 12px 8px 18px
}

.locFilters #locFilters--slider .flickity-prev-next-button {
	height: 120px
}

.locFilters #locFilters--slider .flickity-prev-next-button.next {
	right: 0;
	background: -webkit-gradient(linear, right top, left top, color-stop(60%, #fff), to(hsla(0, 0%, 100%, 0)));
	background: linear-gradient(270deg, #fff 60%, hsla(0, 0%, 100%, 0))
}

.locFilters #locFilters--slider .flickity-prev-next-button.previous {
	left: 0;
	background: -webkit-gradient(linear, left top, right top, color-stop(60%, #fff), to(hsla(0, 0%, 100%, 0)));
	background: linear-gradient(90deg, #fff 60%, hsla(0, 0%, 100%, 0))
}

.locFilters #locFilters--slider li {
	position: relative;
	width: 170px;
	letter-spacing: 3px;
	text-align: center;
	font-size: .75em;
	padding: 20px 10px 20px 0
}

.locFilters #locFilters--slider li a {
	text-decoration: none;
	display: block;
	min-height: 94px;
	text-transform: uppercase;
	font-weight: 500;
	cursor: pointer;
	position: relative
}

.locFilters #locFilters--slider li a i {
	position: relative;
	display: block;
	margin: 0 auto 14px;
	width: 44px;
	height: 44px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.locFilters #locFilters--slider li a i img {
	-webkit-transition: -webkit-filter .5s;
	transition: -webkit-filter .5s;
	transition: filter .5s;
	transition: filter .5s, -webkit-filter .5s
}

.locFilters #locFilters--slider li a.active i img {
	-webkit-filter: invert(50%) sepia(400%);
	filter: invert(50%) sepia(400%)
}

.locFilters #locFilters--slider li a:after,
.locFilters #locFilters--slider li a:before {
	content: " ";
	position: absolute;
	display: block;
	opacity: 0;
	width: 15px;
	height: 15px;
	z-index: 50;
	background: transparent url(/assets/images/black-chevron-up-left.png) no-repeat 50%;
	background-size: contain;
	-webkit-transition: all .125s ease-out;
	transition: all .125s ease-out
}

.locFilters #locFilters--slider li a:after {
	top: -14px;
	left: -14px
}

.locFilters #locFilters--slider li a:before {
	bottom: -14px;
	right: -14px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.locFilters #locFilters--slider li a:hover:after,
.locFilters #locFilters--slider li a:hover:before {
	opacity: 1
}

.locFilters #locFilters--slider li a:hover:after {
	top: -10px;
	left: 0
}

.locFilters #locFilters--slider li a:hover:before {
	bottom: -10px;
	right: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.locFilters .country-header {
	font-size: .875em;
	margin: 0 auto;
	text-align: center;
	top: 14px;
	position: relative;
	background: #fff;
	display: inline-block;
	vertical-align: top;
	padding: 0 30px
}

.location-detail {
	background-color: #191919;
	max-height: 0;
	-webkit-transition: max-height .15s ease-out;
	transition: max-height .15s ease-out;
	overflow: hidden;
	position: relative
}

.location-detail #scrollTarget {
	position: absolute;
	top: -54px
}

.location-detail.open {
	max-height: 900px;
	-webkit-transition: max-height .25s ease-in;
	transition: max-height .25s ease-in
}

.location-detail #closeBut {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: .75em;
	margin-left: -20px;
	font-weight: 500
}

.location-detail #closeBut:before {
	width: 22px;
	height: 22px;
	margin: -4px 12px 0 0;
	content: " ";
	display: inline-block;
	vertical-align: middle;
	background: transparent url(/assets/images/ui-icon-cross-white-small.png) no-repeat 50%
}

.location-detail .details {
	-ms-flex-preferred-size: 33.33333333%;
	flex-basis: 33.33333333%;
	max-width: 33.33333333%;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 22px
}

@media (max-width:900px) {
	.location-detail .details {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px
	}
}

.location-detail .details h2 {
	font-size: 1em;
	margin: 42px 0 22px
}

.location-detail .details h3 {
	color: #fff;
	font-size: 1.875em;
	margin-bottom: 0
}

.location-detail .details hr {
	margin: 12px 0
}

.location-detail .details p {
	color: #fff
}

.location-detail .media {
	-ms-flex-preferred-size: 66.66666667%;
	flex-basis: 66.66666667%;
	max-width: 66.66666667%;
	padding-right: 10px;
	padding-left: 10px;
	position: relative
}

@media (max-width:900px) {
	.location-detail .media {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px
	}
}

.location-detail .media #locMedia--carousel {
	padding: 0;
	padding-bottom: 44px
}

.location-detail .media #locMedia--carousel li {
	width: 100%;
	padding: 20px 0
}

.location-detail .media #locMedia--carousel .image {
	display: block;
	max-width: 1200px;
	height: 49vw;
	max-height: 640px;
	margin: 0 auto;
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat
}

@media (max-width:900px) {
	.location-detail .media #locMedia--carousel .image {
		height: 58vw
	}
}

.location-detail .media .flickity-button {
	background-color: transparent
}

.location-detail .media .flickity-button-icon {
	fill: #fff;
	height: 44%
}

.location-detail .media .flickity-prev-next-button {
	top: auto;
	bottom: -20px
}

.location-detail .media .slide-count {
	position: absolute;
	right: 49%;
	bottom: 28px;
	color: #fff;
	font-size: .94rem;
	font-weight: 500;
	letter-spacing: 5px
}

.locations {
	padding-top: 24px;
	padding-bottom: 44px;
	margin: 0 auto
}

.locations article {
	height: 310px
}

.locations article .buttonWrap {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(66%, #f2f2f2), to(hsla(0, 0%, 95%, 0)));
	background: linear-gradient(#f2f2f2 66%, hsla(0, 0%, 95%, 0))
}

.locations article .buttonWrap .button {
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	opacity: 0;
	padding: 19px 35px 19px 40px
}

.locations article:hover .button {
	opacity: 1
}

.locations article:after,
.locations article:before {
	content: " ";
	position: absolute;
	display: block;
	opacity: 0;
	width: 32px;
	height: 32px;
	z-index: 50;
	background: transparent url(/assets/images/white-chevron-up-left.png) no-repeat 50%;
	background-size: contain;
	-webkit-transition: all .125s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: all .125s cubic-bezier(.39, .58, .57, 1) 0s
}

.locations article:after {
	top: 0;
	left: 0
}

.locations article:before {
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.locations article:hover:after,
.locations article:hover:before {
	opacity: 1
}

.locations article:hover:after {
	top: 22px;
	left: 28px
}

.locations article:hover:before {
	bottom: 22px;
	right: 28px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.locations article.active {
	background-color: #000
}

.locations article.active:after,
.locations article.active:before {
	opacity: 1
}

.locations article.active:after {
	top: 18px;
	left: 24px
}

.locations article.active:before {
	bottom: 18px;
	right: 24px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

#loadWrap {
	position: relative
}

#loadWrap #loaderWrap {
	display: none;
	opacity: 0;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	z-index: 50;
	background-color: hsla(0, 0%, 100%, .9)
}

#loadWrap.loading #loaderWrap {
	display: block;
	opacity: 1
}

#loadWrap #filterLoader {
	position: absolute;
	overflow: hidden;
	z-index: 55;
	left: 50%;
	top: 80px;
	margin-left: -62.5px;
	width: 125px;
	height: 125px;
	text-indent: -999em;
	background: url(/assets/images/ui-loading.gif)
}

#main blockquote {
	padding: 12px 0 14px;
	margin: 0
}

#main blockquote h2 {
	letter-spacing: normal;
	font-family: PosterBodoniBT-Italic, georgia, serif;
	text-transform: none;
	color: #191919;
	line-height: 130%;
	font-size: 2.5em
}

@media (max-width:980px) {
	#main blockquote h2 {
		font-size: 1.9em
	}
}

@media (max-width:768px) {
	#main blockquote h2 {
		font-size: 1.6em
	}
}

#main blockquote h3 {
	margin: 10px 0 5px
}

#main blockquote h4 {
	color: #191919;
	margin-top: 10px
}

#main .dark blockquote h2,
#main .dark blockquote h4 {
	color: #fff
}

.singleImage {
	min-height: 32vw;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.singleImage.tall {
	min-height: 44vw
}

.doubleImage {
	min-height: 32vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.doubleImage .image {
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%
}

.doubleImage.bigLeft .image:first-child {
	-ms-flex-preferred-size: 55%;
	flex-basis: 55%;
	max-width: 55%
}

.doubleImage.bigLeft .image:nth-child(2),
.doubleImage.bigRight .image:first-child {
	-ms-flex-preferred-size: 45%;
	flex-basis: 45%;
	max-width: 45%
}

.doubleImage.bigRight .image:nth-child(2) {
	-ms-flex-preferred-size: 55%;
	flex-basis: 55%;
	max-width: 55%
}

.content.breakdown {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	padding-top: 80px;
	border-bottom: 1px solid #ccc
}

@media (max-width:768px) {
	.content.breakdown {
		padding-bottom: 42px
	}
}

.content.breakdown .breakdown-list {
	-ms-flex-preferred-size: 41.66666667%;
	flex-basis: 41.66666667%;
	max-width: 41.66666667%;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #ccc;
	padding: 22px
}

@media (max-width:768px) {
	.content.breakdown .breakdown-list {
		-ms-flex-preferred-size: 91.66666667%;
		flex-basis: 91.66666667%;
		max-width: 91.66666667%;
		padding-right: 10px;
		padding-left: 10px;
		border-right: none
	}
}

.content.breakdown .breakdown-list:nth-child(2) {
	border-right: none
}

.content.breakdown h3,
.content.breakdown h4 {
	font-size: .75em;
	text-transform: uppercase
}

.content.breakdown h3 {
	margin-bottom: 22px
}

.content.breakdown h4 {
	color: #191919;
	margin: 8px 0
}

.teamlist {
	padding-top: 60px;
	padding-bottom: 0
}

.teamlist .member {
	margin-bottom: 54px
}

.teamlist .member .imgWrap {
	max-width: 250px;
	margin: 0 auto
}

.teamlist .member .image {
	position: relative;
	padding-bottom: 100%;
	margin: 0;
	background: none
}

.teamlist .member .member-img {
	border-radius: 50%
}

.teamlist .member .name,
.teamlist .member .role {
	font-size: .75em;
	font-weight: 500;
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	letter-spacing: 5px;
	text-transform: uppercase;
	border-bottom: none;
	line-height: 130%;
	margin: 16px 0 0;
	color: #2e326f
}

.teamlist .member .role {
	margin-top: 0;
	color: #191919
}

.teamlist .member .email a {
	margin: 0;
	color: #949494
}

.bordered {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

.masked:after {
	top: 0;
	background-color: #000;
	opacity: .24
}

.masked:after,
.maskedGrad:after {
	content: " ";
	position: absolute;
	width: 100%;
	bottom: 0
}

.maskedGrad:after {
	height: 10vw;
	min-height: 100px;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .8)), to(transparent));
	background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0, transparent)
}

.moreArrow h4 {
	position: relative;
	padding: 40px 0;
	font-size: 1rem;
	color: #191919
}

.moreArrow h4:before {
	content: " ";
	background: url(/assets/images/black-chevron-up-left.png) no-repeat 50%;
	background-size: cover;
	display: block;
	position: absolute;
	top: 65px;
	left: 50%;
	width: 8px;
	height: 8px;
	margin-left: -8px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg)
}

.noLeftPad ul.social {
	padding-left: 0
}

ul.social {
	display: inline-block;
	padding: 0 0 0 20px;
	vertical-align: top
}

ul.social li {
	float: left
}

ul.social li a {
	display: block;
	overflow: hidden;
	width: 30px;
	margin: 10px;
	text-align: center;
	color: #fff;
	font-size: 1.875em;
	-webkit-transition: color .125s cubic-bezier(.39, .58, .57, 1) 0s;
	transition: color .125s cubic-bezier(.39, .58, .57, 1) 0s
}

ul.social li a:active,
ul.social li a:hover,
ul.social li a a:focus {
	color: #2e326f
}

.socialDark ul.social a {
	color: #191919
}

#footer {
	color: #fff;
	background: #191919 url(/assets/images/map-partners.jpg) no-repeat 50%
}

@media (max-width:768px) {
	#footer {
		text-align: center;
		padding-bottom: 40px
	}
}

#footer h2 {
	color: #2e326f;
	font-size: 1em;
	margin-bottom: 10px
}

@media (max-width:768px) {
	#footer h2 {
		margin-top: 40px
	}
}

#footer h3 {
	color: #fff;
	font-size: .875em;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 0
}

#footer ul.iconList {
	padding-left: 0
}

#footer ul.iconList li {
	display: inline-block;
	margin: 0 28px 0 0;
	vertical-align: middle
}

#footer .footer--first {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom: 1px solid #3b3b3b
}

#footer .footer--first .first-articles {
	-ms-flex-preferred-size: 33.33333333%;
	flex-basis: 33.33333333%;
	max-width: 33.33333333%;
	padding-right: 10px;
	padding-left: 10px;
	padding: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: transparent url(/assets/images/ui-panel-bg-latest-article-cta.jpg) no-repeat 50%;
	background-size: 100%
}

@media (max-width:768px) {
	#footer .footer--first .first-articles {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		border-bottom: 1px solid #3b3b3b
	}
}

#footer .footer--first .first-articles a {
	text-decoration: none;
	color: #fff;
	font-size: .75em;
	margin-top: 20px;
	margin-bottom: 20px;
	letter-spacing: 5px;
	text-transform: uppercase;
	font-weight: 700
}

#footer .footer--first .first-articles a:hover {
	text-decoration: underline
}

#footer .footer--first .first-signup {
	-ms-flex-preferred-size: 66.66666667%;
	flex-basis: 66.66666667%;
	max-width: 66.66666667%;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #3b3b3b;
	padding: 40px 60px
}

@media (max-width:768px) {
	#footer .footer--first .first-signup {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		text-align: center
	}
}

#footer .footer--first .first-signup fieldset {
	margin: 0
}

#footer .footer--first .first-signup label {
	color: #2e326f;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 12px
}

#footer .footer--first .first-signup input#form-input-email {
	display: inline-block;
	width: 50%;
	border-color: #fff;
	padding: .84rem 1rem
}

#footer .footer--first .first-signup input#form-input-email:hover {
	border-color: #191919
}

@media (max-width:980px) {
	#footer .footer--first .first-signup input#form-input-email {
		width: 100%
	}
}

#footer .footer--first .first-signup .button {
	width: auto;
	margin-top: -4px;
	margin-bottom: 0
}

@media (max-width:768px) {
	#footer .footer--first .first-signup .button {
		width: 100%
	}
}

#footer .footerRow {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 93%;
	margin: 0 auto;
	padding-top: 22px
}

#footer .footer--addresses .addresses-hq {
	-ms-flex-preferred-size: 33.33333333%;
	flex-basis: 33.33333333%;
	max-width: 33.33333333%;
	padding-right: 10px;
	padding-left: 10px
}

@media (max-width:768px) {
	#footer .footer--addresses .addresses-hq {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		text-align: center
	}
}

#footer .footer--addresses .addresses-hq .address {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
	padding-right: 10px;
	padding-left: 10px
}

@media (max-width:980px) {
	#footer .footer--addresses .addresses-hq .address {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 0
	}
}

#footer .footer--addresses .addresses-worldwide {
	-ms-flex-preferred-size: 33.33333333%;
	flex-basis: 33.33333333%;
	max-width: 33.33333333%;
	padding-right: 10px;
	padding-left: 10px
}

@media (max-width:768px) {
	#footer .footer--addresses .addresses-worldwide {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		text-align: center
	}
}

#footer .footer--addresses .addresses-worldwide .address {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
	padding-right: 10px;
	padding-left: 10px
}

@media (max-width:980px) {
	#footer .footer--addresses .addresses-worldwide .address {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 0
	}
}

#footer .footer--addresses .addresses-busDev {
	-ms-flex-preferred-size: 33.33333333%;
	flex-basis: 33.33333333%;
	max-width: 33.33333333%;
	padding-right: 10px;
	padding-left: 10px
}

@media (max-width:768px) {
	#footer .footer--addresses .addresses-busDev {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		text-align: center
	}
}

#footer .footer--addresses .addresses-busDev .address {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	padding-right: 10px;
	padding-left: 10px
}

@media (max-width:980px) {
	#footer .footer--addresses .addresses-busDev .address {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px
	}
}

#footer .footer--addresses .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px
}

#footer .footer--addresses .button {
	padding: 9.5px 32.5px;
	font-size: .625em
}

#footer .footer--addresses .noHeader {
	padding-top: 56px
}

#footer .footer--addresses p {
	font-size: .875em;
	font-style: normal
}

#footer .footer--addresses dl {
	margin: 0;
	font-size: .875em
}

#footer .footer--addresses dl dt {
	text-transform: uppercase;
	color: #2e326f;
	float: left;
	margin: 0 5px 0 0;
	clear: left
}

@media (max-width:768px) {
	#footer .footer--addresses dl dt {
		float: none;
		display: inline
	}
}

@media (max-width:768px) {
	#footer .footer--addresses dl dd {
		display: inline
	}
	#footer .footer--addresses dl dd:after {
		content: "\A";
		white-space: pre
	}
}

#footer .footer--addresses dl a {
	color: #fff
}

#footer .footer--addresses dl a:hover {
	text-decoration: none
}

#footer .footer--social .social-icons {
	-ms-flex-preferred-size: 33.33333333%;
	flex-basis: 33.33333333%;
	max-width: 33.33333333%;
	padding-right: 10px;
	padding-left: 10px
}

@media (max-width:768px) {
	#footer .footer--social .social-icons {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px
	}
}

#footer .footer--social .social-icons ul.social {
	padding: 0;
	margin-left: -15px
}

@media (max-width:768px) {
	#footer .footer--social .social-icons ul.social {
		margin-left: 0
	}
	#footer .footer--social .social-icons ul.social li {
		display: inline-block;
		float: none
	}
}

#footer .footer--social .affiliate-icons {
	-ms-flex-preferred-size: 66.66666667%;
	flex-basis: 66.66666667%;
	max-width: 66.66666667%;
	padding-right: 10px;
	padding-left: 10px
}

@media (max-width:768px) {
	#footer .footer--social .affiliate-icons {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px
	}
}

#footer .footer--associated .associated-sister {
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	max-width: 25%;
	padding-right: 10px;
	padding-left: 10px
}

@media (max-width:768px) {
	#footer .footer--associated .associated-sister {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px
	}
}

#footer .footer--associated .associated-sister ul.iconList {
	margin-top: 28px
}

#footer .footer--associated .associated-partner {
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	max-width: 25%;
	padding-right: 10px;
	padding-left: 10px
}

@media (max-width:768px) {
	#footer .footer--associated .associated-partner {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px
	}
}

#footer .footer--legals .legals-rights {
	-ms-flex-preferred-size: 33.33333333%;
	flex-basis: 33.33333333%;
	max-width: 33.33333333%;
	padding-right: 10px;
	padding-left: 10px
}

@media (max-width:768px) {
	#footer .footer--legals .legals-rights {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px
	}
}

#footer .footer--legals .legals-rights p {
	color: #7f7f7f
}

#footer .footer--legals .legals-information {
	-ms-flex-preferred-size: 66.66666667%;
	flex-basis: 66.66666667%;
	max-width: 66.66666667%;
	padding-right: 10px;
	padding-left: 10px;
	text-align: right
}

@media (max-width:768px) {
	#footer .footer--legals .legals-information {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		text-align: center
	}
}

#footer .footer--legals .legals-information ul {
	float: right
}

@media (max-width:768px) {
	#footer .footer--legals .legals-information ul {
		float: none;
		display: inline;
		margin: auto
	}
}

#footer .footer--legals .legals-information ul li {
	float: left
}

@media (max-width:768px) {
	#footer .footer--legals .legals-information ul li {
		float: none
	}
}

#footer .footer--legals .legals-information ul li a {
	text-decoration: none;
	color: #fff
}

#footer .footer--legals .legals-information ul li+li:before {
	margin: 0 10px;
	content: " | ";
	color: #7f7f7f;
	font-family: bold_font_family
}

@media (max-width:768px) {
	#footer .footer--legals .legals-information ul li+li:before {
		margin: 0;
		content: none
	}
}


/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
	font-family: FontAwesome;
	src: url("../fonts/fontawesome.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0);
	transform: translate(0)
}

.fa-twitter:before {
	content: "\F099"
}

.fa-facebook-f:before,
.fa-facebook:before {
	content: "\F09A"
}

.fa-instagram:before {
	content: "\F16D"
}

.fa-vimeo-square:before {
	content: "\F194"
}

.fa-youtube-play:before {
	content: "\F16A"
}

.fa-linkedin:before {
	content: "\F0E1"
}

.fa-google-plus:before {
	content: "\F0D5"
}

@-webkit-keyframes right_then_left {
	0% {
		right: 0
	}
	50% {
		right: -10px
	}
	to {
		right: 0
	}
}

@keyframes right_then_left {
	0% {
		right: 0
	}
	50% {
		right: -10px
	}
	to {
		right: 0
	}
}

@-webkit-keyframes left_then_right {
	0% {
		left: 0
	}
	50% {
		left: -10px
	}
	to {
		left: 0
	}
}

@keyframes left_then_right {
	0% {
		left: 0
	}
	50% {
		left: -10px
	}
	to {
		left: 0
	}
}

html {
	background-color: #fff;
	height: 100%
}

body {
	min-height: 100%;
	-webkit-font-smoothing: antialiased
}

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

a {
	color: #000;
	-webkit-transition: color .3s;
	transition: color .3s;
	text-decoration: underline
}

a:hover {
	color: #666
}

.cc-revoke,
.cc-window {
	font-family: brandon-grotesque, helvetica, sans-serif!important
}

.content {
	padding-left: 14px;
	padding-right: 14px;
	margin: auto;
	max-width: 1200px;
	position: relative;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.content.centre {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	text-align: inherit
}

.content.centre.text-centre {
	text-align: center
}

.clickable {
	position: relative;
	cursor: pointer
}

.lazyload,
.lazyloading {
	opacity: 0;
	min-height: 60px
}

.lazyloaded {
	opacity: 1;
	-webkit-transition: opacity .8s;
	transition: opacity .8s
}

img[data-sizes=auto] {
	display: block;
	width: 100%
}
/**************scroll**************/

#home-webgl-container .web-gl-text div {
    margin: 0 auto;
}
.scroll-to-continue {
    position: absolute;
    bottom: 30px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
	z-index:10
}
.scroll-text.overflow-hidden {
    color: #fff;
}
@media screen and (min-width: 425px){
.scroll-to-continue {

    font-size: 0.65rem;
}


/*********************************************/
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,500,500i,600,600i,700,700i |Cormorant+SC:400,500,600,700');

/* ====================================
General Styles
==================================== */

body {
  background-color: #fff;
  margin:0px !important;
}
header#header {
    width: 100%;
}
video#bgvid {
    width: 100%;
}
.page-wrap {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right bottom, #2a1f30 50%, #383d44 50%);
}

/* ====================================
Home Slider
==================================== */

#home-slider {
  height: 100vh;
  width: 100vw;
  position: relative;

}
.swiper-container {
  height: 100%;
  width: 100%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.swiper-image-one {
  background-image: url(https://source.unsplash.com/GXOGGENgHnQ/1600x900);
}

.swiper-image-two {
  background-image: url(https://source.unsplash.com/Jy6luiLBsrk/1600x900);
}



.swiper-image {
  width: 50%;
  height: 100%;
}
.swiper-image-inner {
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 0%, 0.2);
  background-blend-mode: overlay;
}
.swiper-image-inner.swiper-image-left {
  padding: 4rem;
}
.swiper-image-left {
  filter: sepia(100%);
  transition: all 1s linear;
  transition-delay: 1s;
}
.swiper-slide.swiper-slide-active .swiper-image-left {
  filter: sepia(0%);
}
.swiper-image-inner.swiper-image-right {
  filter: hue-rotate(-60deg);
  transition: all 1s linear;
  transition-delay: 1s;
  background-color: hsla(0, 0%, 0%, 0.5);
  background-blend-mode: multiply;
}
h1 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  color: #fff;
  align-self: flex-start;
  margin: 0 0 auto 0;
  font-size: 4.5rem;
  line-height: 1;
  transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s;
  transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
h1 span.emphasis {
  font-weight: 700;
  font-style: italic;
  opacity: 0;
  transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s;
  transform: translate3d(-20%, 0, 0);
  display: inline-block;
}
h1 span:not(.emphasis) {
  font-size: 3.5rem;
}
h1 + p {
  font-family: 'Cormorand SC';
  font-size: 14px;
  letter-spacing: 2px;
  margin: 0;
  line-height: 1;
  margin-bottom: auto;
  align-self: flex-end;
  text-transform: uppercase;
  transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.3s;
  transform: translate3d(-20%, 0, 0);
  opacity: 0;
  font-weight: 500;
  color: #fff;
  padding-right: 8rem;
}
p.paragraph {
  margin: 0;
  font-family: 'Cormorant Garamond', serif;
  color: #fff;
  width: 100%;
  max-width: 350px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  opacity: 0;
  transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.4s;
  transform: translate3d(-20%, 0, 0);
}
.swiper-slide.swiper-slide-active .swiper-image-right {
  filter: hue-rotate(90deg);
}

.swiper-slide.swiper-slide-active h1,
.swiper-slide.swiper-slide-active p.paragraph,
.swiper-slide.swiper-slide-active h1 span.emphasis,
.swiper-slide.swiper-slide-active h1 + p {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

@media screen and (max-width: 1280px) {
  h1 {
    font-size: 3.9rem;
  }
  h1 span:not(.emphasis) {
    font-size: 2.9rem;
  }
  h1 + p {
    font-size: 13px;
  }
  p.paragraph {
    font-size: 1rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 960px) {
  h1 {
    font-size: 3.5rem;
  }
  h1 span:not(.emphasis) {
    font-size: 2.5rem;
  }
  p.paragraph {
    max-width: 90%;
  }
}
@media screen and (max-width: 640px) {
  #home-slider{
    height: 86vh;
    width: 96vw;
  }
  h1 {
    font-size: 3.2rem;
    align-self: center;
  }
  h1 span:not(.emphasis) {
    font-size: 2.1rem;
  }
  p.paragraph {
    max-width: 94%;
  }
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  
}
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: #7b7b7b;
  opacity: 0.4;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 37px;
  bottom: 63px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube, .swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
}
/**********************section2********************************/
.swiper-image.back1{
	background:#fff;
	height: 100%;
	float:left;
	background:url(../img/6.jpg) no-repeat;
	background-position:bottom
 }
.swiper-image.back2{
    float:left;
	height: 100%;
	background:url(../img/4.jpg) no-repeat;
 }
 ::-webkit-scrollbar { 
    display: none; 
}
.fa-arrow-down{
		display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0);
	transform: translate(0);
	content: "\f063"
}

/**********************************arrow svg************************************/
body {
  background:#0b1d2a;
}

.arrows {
	width: 60px;
	height: 72px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 20px;
}

.arrows path {
	stroke: #2994D1;
	fill: transparent;
	stroke-width: 1px;	
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}

@media screen and (max-width: 425px){
	.swiper-image.back2{
		    float: inherit;
	}
	.swiper-image.back1{
		    float: inherit;
	}
	#header {
		    overflow: inherit;
	}
	
}