/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
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 { box-sizing: content-box; height: 0 }
pre { overflow: auto }
code, kbd, pre, samp { font-family: 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: not-allowed }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
input { line-height: normal }
input[type=checkbox], input[type=radio] { 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; box-sizing: content-box }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none }
legend { border: 0; padding: 0 }
textarea { overflow: auto }
optgroup { font-weight: 700 }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0 }
.foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em" }
html { font-size: 100%; box-sizing: border-box }
*, :after, :before { box-sizing: inherit }
body { padding: 0; margin: 0; font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-weight: 400; line-height: 1.5; color: #0a0a0a; background: #fefefe; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle }
textarea { height: auto; min-height: 50px }
select, textarea { border-radius: 3px }
select { width: 100% }
#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object { max-width: none !important }
button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 3px; line-height: 1 }
[data-whatinput=mouse] button { outline: 0 }
.is-visible { display: block !important }
.is-hidden { display: none !important }
.float-left { float: left !important }
.float-right { float: right !important }
.float-center { display: block; margin-left: auto; margin-right: auto }
.clearfix:after, .clearfix:before { content: ' '; display: table }
.clearfix:after { clear: both }
.hide { display: none !important }
.invisible { visibility: hidden }
@media screen and (max-width: 39.9375em) {
	.hide-for-small-only { display: none !important }
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
	.show-for-small-only { display: none !important }
}
@media screen and (min-width: 40em) {
	.hide-for-medium { display: none !important }
}
@media screen and (max-width: 39.9375em) {
	.show-for-medium { display: none !important }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.hide-for-medium-only { display: none !important }
}
@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
	.show-for-medium-only { display: none !important }
}
@media screen and (min-width: 64em) {
	.hide-for-large { display: none !important }
}
@media screen and (max-width: 63.9375em) {
	.show-for-large { display: none !important }
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	.hide-for-large-only { display: none !important }
}
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
	.show-for-large-only { display: none !important }
}
.show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0) }
.show-on-focus:active, .show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto }
.hide-for-portrait, .show-for-landscape { display: block !important }
@media screen and (orientation: landscape) {
	.hide-for-portrait, .show-for-landscape { display: block !important }
}
@media screen and (orientation: portrait) {
	.hide-for-portrait, .show-for-landscape { display: none !important }
}
.hide-for-landscape, .show-for-portrait { display: none !important }
@media screen and (orientation: landscape) {
	.hide-for-landscape, .show-for-portrait { display: none !important }
}
@media screen and (orientation: portrait) {
	.hide-for-landscape, .show-for-portrait { display: block !important }
}
.row { max-width: 75rem; margin-left: auto; margin-right: auto }
.row:after, .row:before { content: ' '; display: table }
.row:after { clear: both }
.row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0 }
.row .row { max-width: none }
.row .row, .row .row.collapse { margin-left: 0; margin-right: 0 }
.row.expanded { max-width: none }
.row.expanded .row { margin-left: auto; margin-right: auto }
.column, .columns { width: 100%; float: left; padding-left: 0; padding-right: 0 }
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right }
.column.end:last-child:last-child, .end.columns:last-child:last-child { float: left }
.column.row.row, .row.row.columns { float: none }
.row .column.row.row, .row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0 }
.small-1 { width: 8.33333% }
.small-push-1 { position: relative; left: 8.33333% }
.small-pull-1 { position: relative; left: -8.33333% }
.small-offset-0 { margin-left: 0 }
.small-2 { width: 16.66667% }
.small-push-2 { position: relative; left: 16.66667% }
.small-pull-2 { position: relative; left: -16.66667% }
.small-offset-1 { margin-left: 8.33333% }
.small-3 { width: 25% }
.small-push-3 { position: relative; left: 25% }
.small-pull-3 { position: relative; left: -25% }
.small-offset-2 { margin-left: 16.66667% }
.small-4 { width: 33.33333% }
.small-push-4 { position: relative; left: 33.33333% }
.small-pull-4 { position: relative; left: -33.33333% }
.small-offset-3 { margin-left: 25% }
.small-5 { width: 41.66667% }
.small-push-5 { position: relative; left: 41.66667% }
.small-pull-5 { position: relative; left: -41.66667% }
.small-offset-4 { margin-left: 33.33333% }
.small-6 { width: 50% }
.small-push-6 { position: relative; left: 50% }
.small-pull-6 { position: relative; left: -50% }
.small-offset-5 { margin-left: 41.66667% }
.small-7 { width: 58.33333% }
.small-push-7 { position: relative; left: 58.33333% }
.small-pull-7 { position: relative; left: -58.33333% }
.small-offset-6 { margin-left: 50% }
.small-8 { width: 66.66667% }
.small-push-8 { position: relative; left: 66.66667% }
.small-pull-8 { position: relative; left: -66.66667% }
.small-offset-7 { margin-left: 58.33333% }
.small-9 { width: 75% }
.small-push-9 { position: relative; left: 75% }
.small-pull-9 { position: relative; left: -75% }
.small-offset-8 { margin-left: 66.66667% }
.small-10 { width: 83.33333% }
.small-push-10 { position: relative; left: 83.33333% }
.small-pull-10 { position: relative; left: -83.33333% }
.small-offset-9 { margin-left: 75% }
.small-11 { width: 91.66667% }
.small-push-11 { position: relative; left: 91.66667% }
.small-pull-11 { position: relative; left: -91.66667% }
.small-offset-10 { margin-left: 83.33333% }
.small-12 { width: 100% }
.small-offset-11 { margin-left: 91.66667% }
.small-up-1 > .column, .small-up-1 > .columns { width: 100%; float: left }
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none }
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both }
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left }
.small-up-2 > .column, .small-up-2 > .columns { width: 50%; float: left }
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none }
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both }
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left }
.small-up-3 > .column, .small-up-3 > .columns { width: 33.33333%; float: left }
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none }
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both }
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left }
.small-up-4 > .column, .small-up-4 > .columns { width: 25%; float: left }
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none }
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both }
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left }
.small-up-5 > .column, .small-up-5 > .columns { width: 20%; float: left }
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none }
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both }
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left }
.small-up-6 > .column, .small-up-6 > .columns { width: 16.66667%; float: left }
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none }
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both }
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left }
.small-up-7 > .column, .small-up-7 > .columns { width: 14.28571%; float: left }
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none }
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both }
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left }
.small-up-8 > .column, .small-up-8 > .columns { width: 12.5%; float: left }
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none }
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both }
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left }
.small-collapse > .column, .small-collapse > .columns { padding-left: 0; padding-right: 0 }
.expanded.row .small-collapse.row, .small-collapse .row { margin-left: 0; margin-right: 0 }
.small-uncollapse > .column, .small-uncollapse > .columns { padding-left: 0; padding-right: 0 }
.small-centered { float: none; margin-left: auto; margin-right: auto }
.small-pull-0, .small-push-0, .small-uncentered { position: static; margin-left: 0; margin-right: 0; float: left }
@media screen and (min-width: 40em) {
	.medium-1 { width: 8.33333% }
	.medium-push-1 { position: relative; left: 8.33333% }
	.medium-pull-1 { position: relative; left: -8.33333% }
	.medium-offset-0 { margin-left: 0 }
	.medium-2 { width: 16.66667% }
	.medium-push-2 { position: relative; left: 16.66667% }
	.medium-pull-2 { position: relative; left: -16.66667% }
	.medium-offset-1 { margin-left: 8.33333% }
	.medium-3 { width: 25% }
	.medium-push-3 { position: relative; left: 25% }
	.medium-pull-3 { position: relative; left: -25% }
	.medium-offset-2 { margin-left: 16.66667% }
	.medium-4 { width: 33.33333% }
	.medium-push-4 { position: relative; left: 33.33333% }
	.medium-pull-4 { position: relative; left: -33.33333% }
	.medium-offset-3 { margin-left: 25% }
	.medium-5 { width: 41.66667% }
	.medium-push-5 { position: relative; left: 41.66667% }
	.medium-pull-5 { position: relative; left: -41.66667% }
	.medium-offset-4 { margin-left: 33.33333% }
	.medium-6 { width: 50% }
	.medium-push-6 { position: relative; left: 50% }
	.medium-pull-6 { position: relative; left: -50% }
	.medium-offset-5 { margin-left: 41.66667% }
	.medium-7 { width: 58.33333% }
	.medium-push-7 { position: relative; left: 58.33333% }
	.medium-pull-7 { position: relative; left: -58.33333% }
	.medium-offset-6 { margin-left: 50% }
	.medium-8 { width: 66.66667% }
	.medium-push-8 { position: relative; left: 66.66667% }
	.medium-pull-8 { position: relative; left: -66.66667% }
	.medium-offset-7 { margin-left: 58.33333% }
	.medium-9 { width: 75% }
	.medium-push-9 { position: relative; left: 75% }
	.medium-pull-9 { position: relative; left: -75% }
	.medium-offset-8 { margin-left: 66.66667% }
	.medium-10 { width: 83.33333% }
	.medium-push-10 { position: relative; left: 83.33333% }
	.medium-pull-10 { position: relative; left: -83.33333% }
	.medium-offset-9 { margin-left: 75% }
	.medium-11 { width: 91.66667% }
	.medium-push-11 { position: relative; left: 91.66667% }
	.medium-pull-11 { position: relative; left: -91.66667% }
	.medium-offset-10 { margin-left: 83.33333% }
	.medium-12 { width: 100% }
	.medium-offset-11 { margin-left: 91.66667% }
	.medium-up-1 > .column, .medium-up-1 > .columns { width: 100%; float: left }
	.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none }
	.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both }
	.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left }
	.medium-up-2 > .column, .medium-up-2 > .columns { width: 50%; float: left }
	.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none }
	.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both }
	.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left }
	.medium-up-3 > .column, .medium-up-3 > .columns { width: 33.33333%; float: left }
	.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none }
	.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both }
	.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left }
	.medium-up-4 > .column, .medium-up-4 > .columns { width: 25%; float: left }
	.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none }
	.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both }
	.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left }
	.medium-up-5 > .column, .medium-up-5 > .columns { width: 20%; float: left }
	.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none }
	.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both }
	.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left }
	.medium-up-6 > .column, .medium-up-6 > .columns { width: 16.66667%; float: left }
	.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none }
	.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both }
	.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left }
	.medium-up-7 > .column, .medium-up-7 > .columns { width: 14.28571%; float: left }
	.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none }
	.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both }
	.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left }
	.medium-up-8 > .column, .medium-up-8 > .columns { width: 12.5%; float: left }
	.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none }
	.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both }
	.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left }
	.medium-collapse > .column, .medium-collapse > .columns { padding-left: 0; padding-right: 0 }
	.expanded.row .medium-collapse.row, .medium-collapse .row { margin-left: 0; margin-right: 0 }
	.medium-uncollapse > .column, .medium-uncollapse > .columns { padding-left: 0; padding-right: 0 }
	.medium-centered { float: none; margin-left: auto; margin-right: auto }
	.medium-pull-0, .medium-push-0, .medium-uncentered { position: static; margin-left: 0; margin-right: 0; float: left }
}
@media screen and (min-width: 64em) {
	.large-1 { width: 8.33333% }
	.large-push-1 { position: relative; left: 8.33333% }
	.large-pull-1 { position: relative; left: -8.33333% }
	.large-offset-0 { margin-left: 0 }
	.large-2 { width: 16.66667% }
	.large-push-2 { position: relative; left: 16.66667% }
	.large-pull-2 { position: relative; left: -16.66667% }
	.large-offset-1 { margin-left: 8.33333% }
	.large-3 { width: 25% }
	.large-push-3 { position: relative; left: 25% }
	.large-pull-3 { position: relative; left: -25% }
	.large-offset-2 { margin-left: 16.66667% }
	.large-4 { width: 33.33333% }
	.large-push-4 { position: relative; left: 33.33333% }
	.large-pull-4 { position: relative; left: -33.33333% }
	.large-offset-3 { margin-left: 25% }
	.large-5 { width: 41.66667% }
	.large-push-5 { position: relative; left: 41.66667% }
	.large-pull-5 { position: relative; left: -41.66667% }
	.large-offset-4 { margin-left: 33.33333% }
	.large-6 { width: 50% }
	.large-push-6 { position: relative; left: 50% }
	.large-pull-6 { position: relative; left: -50% }
	.large-offset-5 { margin-left: 41.66667% }
	.large-7 { width: 58.33333% }
	.large-push-7 { position: relative; left: 58.33333% }
	.large-pull-7 { position: relative; left: -58.33333% }
	.large-offset-6 { margin-left: 50% }
	.large-8 { width: 66.66667% }
	.large-push-8 { position: relative; left: 66.66667% }
	.large-pull-8 { position: relative; left: -66.66667% }
	.large-offset-7 { margin-left: 58.33333% }
	.large-9 { width: 75% }
	.large-push-9 { position: relative; left: 75% }
	.large-pull-9 { position: relative; left: -75% }
	.large-offset-8 { margin-left: 66.66667% }
	.large-10 { width: 83.33333% }
	.large-push-10 { position: relative; left: 83.33333% }
	.large-pull-10 { position: relative; left: -83.33333% }
	.large-offset-9 { margin-left: 75% }
	.large-11 { width: 91.66667% }
	.large-push-11 { position: relative; left: 91.66667% }
	.large-pull-11 { position: relative; left: -91.66667% }
	.large-offset-10 { margin-left: 83.33333% }
	.large-12 { width: 100% }
	.large-offset-11 { margin-left: 91.66667% }
	.large-up-1 > .column, .large-up-1 > .columns { width: 100%; float: left }
	.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none }
	.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both }
	.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left }
	.large-up-2 > .column, .large-up-2 > .columns { width: 50%; float: left }
	.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none }
	.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both }
	.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left }
	.large-up-3 > .column, .large-up-3 > .columns { width: 33.33333%; float: left }
	.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none }
	.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both }
	.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left }
	.large-up-4 > .column, .large-up-4 > .columns { width: 25%; float: left }
	.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none }
	.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both }
	.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left }
	.large-up-5 > .column, .large-up-5 > .columns { width: 20%; float: left }
	.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none }
	.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both }
	.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left }
	.large-up-6 > .column, .large-up-6 > .columns { width: 16.66667%; float: left }
	.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none }
	.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both }
	.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left }
	.large-up-7 > .column, .large-up-7 > .columns { width: 14.28571%; float: left }
	.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none }
	.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both }
	.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left }
	.large-up-8 > .column, .large-up-8 > .columns { width: 12.5%; float: left }
	.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none }
	.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both }
	.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left }
	.large-collapse > .column, .large-collapse > .columns { padding-left: 0; padding-right: 0 }
	.expanded.row .large-collapse.row, .large-collapse .row { margin-left: 0; margin-right: 0 }
	.large-uncollapse > .column, .large-uncollapse > .columns { padding-left: 0; padding-right: 0 }
	.large-centered { float: none; margin-left: auto; margin-right: auto }
	.large-pull-0, .large-push-0, .large-uncentered { position: static; margin-left: 0; margin-right: 0; float: left }
}
.slide-in-down.mui-enter { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.slide-in-down.mui-enter.mui-enter-active { -webkit-transform: translateY(0); transform: translateY(0) }
.slide-in-left.mui-enter { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: translateX(-100%); transform: translateX(-100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.slide-in-left.mui-enter.mui-enter-active { -webkit-transform: translateX(0); transform: translateX(0) }
.slide-in-up.mui-enter { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: translateY(100%); transform: translateY(100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.slide-in-up.mui-enter.mui-enter-active { -webkit-transform: translateY(0); transform: translateY(0) }
.slide-in-right.mui-enter { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: translateX(100%); transform: translateX(100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.slide-in-right.mui-enter.mui-enter-active { -webkit-transform: translateX(0); transform: translateX(0) }
.slide-out-down.mui-leave { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: translateY(0); transform: translateY(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.slide-out-down.mui-leave.mui-leave-active { -webkit-transform: translateY(100%); transform: translateY(100%) }
.slide-out-right.mui-leave { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: translateX(0); transform: translateX(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.slide-out-right.mui-leave.mui-leave-active { -webkit-transform: translateX(100%); transform: translateX(100%) }
.slide-out-up.mui-leave { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: translateY(0); transform: translateY(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.slide-out-up.mui-leave.mui-leave-active { -webkit-transform: translateY(-100%); transform: translateY(-100%) }
.slide-out-left.mui-leave { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: translateX(0); transform: translateX(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.slide-out-left.mui-leave.mui-leave-active { -webkit-transform: translateX(-100%); transform: translateX(-100%) }
.fade-in.mui-enter { transition-duration: .5s; transition-timing-function: linear; opacity: 0; transition-property: opacity }
.fade-in.mui-enter.mui-enter-active { opacity: 1 }
.fade-out.mui-leave { transition-duration: .5s; transition-timing-function: linear; opacity: 1; transition-property: opacity }
.fade-out.mui-leave.mui-leave-active { opacity: 0 }
.hinge-in-from-top.mui-enter { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: top; transform-origin: top; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0 }
.hinge-in-from-top.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1 }
.hinge-in-from-right.mui-enter { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: right; transform-origin: right; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0 }
.hinge-in-from-right.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1 }
.hinge-in-from-bottom.mui-enter { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); -webkit-transform-origin: bottom; transform-origin: bottom; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0 }
.hinge-in-from-bottom.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1 }
.hinge-in-from-left.mui-enter { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); -webkit-transform-origin: left; transform-origin: left; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0 }
.hinge-in-from-left.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1 }
.hinge-in-from-middle-x.mui-enter { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0 }
.hinge-in-from-middle-x.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1 }
.hinge-in-from-middle-y.mui-enter { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0 }
.hinge-in-from-middle-y.mui-enter.mui-enter-active, .hinge-out-from-top.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1 }
.hinge-out-from-top.mui-leave { transition-duration: .5s; transition-timing-function: linear; -webkit-transform-origin: top; transform-origin: top; transition-property: -webkit-transform, opacity; transition-property: transform, opacity }
.hinge-out-from-top.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0 }
.hinge-out-from-right.mui-leave { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: right; transform-origin: right; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1 }
.hinge-out-from-right.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0 }
.hinge-out-from-bottom.mui-leave { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: bottom; transform-origin: bottom; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1 }
.hinge-out-from-bottom.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); opacity: 0 }
.hinge-out-from-left.mui-leave { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: left; transform-origin: left; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1 }
.hinge-out-from-left.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0 }
.hinge-out-from-middle-x.mui-leave { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1 }
.hinge-out-from-middle-x.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0 }
.hinge-out-from-middle-y.mui-leave { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1 }
.hinge-out-from-middle-y.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0 }
.scale-in-up.mui-enter { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: scale(.5); transform: scale(.5); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0 }
.scale-in-up.mui-enter.mui-enter-active { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
.scale-in-down.mui-enter { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: scale(1.5); transform: scale(1.5); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0 }
.scale-in-down.mui-enter.mui-enter-active, .scale-out-up.mui-leave { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
.scale-out-up.mui-leave { transition-duration: .5s; transition-timing-function: linear; transition-property: -webkit-transform, opacity; transition-property: transform, opacity }
.scale-out-up.mui-leave.mui-leave-active { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 }
.scale-out-down.mui-leave { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: scale(1); transform: scale(1); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1 }
.scale-out-down.mui-leave.mui-leave-active { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 }
.spin-in.mui-enter { transition-duration: .5s; transition-timing-function: linear; -webkit-transform: rotate(-270deg); transform: rotate(-270deg); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0 }
.spin-in.mui-enter.mui-enter-active, .spin-out.mui-leave { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 }
.spin-out.mui-leave { transition-duration: .5s; transition-timing-function: linear; transition-property: -webkit-transform, opacity; transition-property: transform, opacity }
.spin-in-ccw.mui-enter, .spin-out.mui-leave.mui-leave-active { -webkit-transform: rotate(270deg); transform: rotate(270deg); opacity: 0 }
.spin-in-ccw.mui-enter { transition-duration: .5s; transition-timing-function: linear; transition-property: -webkit-transform, opacity; transition-property: transform, opacity }
.spin-in-ccw.mui-enter.mui-enter-active, .spin-out-ccw.mui-leave { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 }
.spin-out-ccw.mui-leave { transition-duration: .5s; transition-timing-function: linear; transition-property: -webkit-transform, opacity; transition-property: transform, opacity }
.spin-out-ccw.mui-leave.mui-leave-active { -webkit-transform: rotate(-270deg); transform: rotate(-270deg); opacity: 0 }
.slow { transition-duration: .75s !important }
.fast { transition-duration: .25s !important }
.linear { transition-timing-function: linear !important }
.ease { transition-timing-function: ease !important }
.ease-in { transition-timing-function: ease-in !important }
.ease-out { transition-timing-function: ease-out !important }
.ease-in-out { transition-timing-function: ease-in-out !important }
.bounce-in { transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important }
.bounce-out { transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important }
.bounce-in-out { transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important }
.short-delay { transition-delay: .3s !important }
.long-delay { transition-delay: .7s !important }
.shake { -webkit-animation-name: a; animation-name: a }
@-webkit-keyframes a {
	0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%) }
	5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%) }
}
@keyframes a {
	0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%) }
	5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%) }
}
.spin-cw { -webkit-animation-name: b; animation-name: b }
@-webkit-keyframes b {
	0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn) }
	to { -webkit-transform: rotate(0); transform: rotate(0) }
}
@keyframes b {
	0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn) }
	to { -webkit-transform: rotate(0); transform: rotate(0) }
}
.spin-ccw { -webkit-animation-name: b; animation-name: b }
@keyframes b {
	0% { -webkit-transform: rotate(0); transform: rotate(0) }
	to { -webkit-transform: rotate(1turn); transform: rotate(1turn) }
}
.wiggle { -webkit-animation-name: c; animation-name: c }
@-webkit-keyframes c {
	40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg) }
	35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg) }
	0%, 30%, 70%, to { -webkit-transform: rotate(0); transform: rotate(0) }
}
@keyframes c {
	40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg) }
	35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg) }
	0%, 30%, 70%, to { -webkit-transform: rotate(0); transform: rotate(0) }
}
.shake, .spin-ccw, .spin-cw, .wiggle { -webkit-animation-duration: .5s; animation-duration: .5s }
.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.slow { -webkit-animation-duration: .75s !important; animation-duration: .75s !important }
.fast { -webkit-animation-duration: .25s !important; animation-duration: .25s !important }
.linear { -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important }
.ease { -webkit-animation-timing-function: ease !important; animation-timing-function: ease !important }
.ease-in { -webkit-animation-timing-function: ease-in !important; animation-timing-function: ease-in !important }
.ease-out { -webkit-animation-timing-function: ease-out !important; animation-timing-function: ease-out !important }
.ease-in-out { -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important }
.bounce-in { -webkit-animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important; animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important }
.bounce-out { -webkit-animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important; animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important }
.bounce-in-out { -webkit-animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important; animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important }
.short-delay { -webkit-animation-delay: .3s !important; animation-delay: .3s !important }
.long-delay { -webkit-animation-delay: .7s !important; animation-delay: .7s !important }
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
@keyframes fadeOut {
	0% { opacity: 1 }
	100% { opacity: 0 }
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
html, body { font-size: 16px; font-family: 'Circular'; background: #000 }
.rounded { border-radius: 50% }
nav { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; padding-left: 4.6875em; padding-right: 2.1875em; padding-top: 1.25em; padding-bottom: 1.25em; transition: 0.5s }
nav .nav-left { margin-top:1.5625em;  position: absolute; top: 50%; transform: translateY(-50%); left:4.6875em; margin-left: -1.5625em; transition: 0.75s cubic-bezier(0.85, 0.17, 0.31, 0.91) }
nav .nav-left img { display: inline-block; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 0.5s }
nav .nav-left img:last-of-type { transition: 0.5s 0.7s }
nav .nav-right { float: right; transition: 0.75s cubic-bezier(0.85, 0.17, 0.31, 0.91) }
nav .nav-right a { display: inline-block; vertical-align: top; opacity: 0.7; font-weight: 700; text-decoration: none; color: #fff }
nav .nav-right a:not(:last-of-type) { margin-right: 1em }
nav .nav-right a.highlighted { opacity: 1; border-bottom: 2px solid #f28122 }


nav[data-slide="1"] .menu-trigger .line { background: #000 }
nav[data-slide="2"] .menu-trigger .line { background: #fff }
nav[data-slide="2"] .menu-trigger.active .line { background: #fff }
nav[data-slide="2"] .nav-left { left: 50% }
nav[data-slide="2"] .nav-left img,nav[data-slide="3"] .nav-left img,nav[data-slide="4"] .nav-left img,
nav[data-slide="5"] .nav-left img,nav[data-slide="6"] .nav-left img,nav[data-slide="7"] .nav-left img,
nav[data-slide="8"] .nav-left img{ -webkit-transform: translateX(-76PX); -moz-transform: translateX(-76PX); -ms-transform: translateX(-76PX); -o-transform: translateX(-76PX); transform: translateX(-76PX);}
nav[data-slide="2"] .nav-left img.nav-first,nav[data-slide="3"] .nav-left img.nav-first,nav[data-slide="4"] .nav-left img.nav-first,
nav[data-slide="5"] .nav-left img.nav-first,nav[data-slide="6"] .nav-left img.nav-first,nav[data-slide="7"] .nav-left img.nav-first,
nav[data-slide="8"] .nav-left img.nav-first{display: none}
nav[data-slide="1"] .nav-left img.nav-logo{display: none}
nav[data-slide="2"] .nav-left img.nav-logo,nav[data-slide="3"] .nav-left img.nav-logo,nav[data-slide="4"] .nav-left img.nav-logo,
nav[data-slide="5"] .nav-left img.nav-logo,nav[data-slide="6"] .nav-left img.nav-logo,nav[data-slide="7"] .nav-left img.nav-logo,
nav[data-slide="8"] .nav-left img.nav-logo{display: inline-block}
nav[data-slide="2"] .nav-left img:last-of-type { /*transform: translateX(50px); opacity: 0 */}
nav[data-slide="2"] .nav-right { float: right }
nav[data-slide="2"] .nav-right a { color: #000 }
nav[data-slide="3"], nav[data-slide="4"], nav[data-slide="5"], nav[data-slide="8"] { background: none; box-shadow: 0px 0px }
nav[data-slide="3"] .menu-trigger .line, nav[data-slide="4"] .menu-trigger .line, nav[data-slide="8"] .menu-trigger .line { background: #fff }
nav[data-slide="5"] .menu-trigger .line{background: #000}
nav[data-slide="3"] .menu-trigger.active .line, nav[data-slide="4"] .menu-trigger.active .line, nav[data-slide="5"] .menu-trigger.active .line, nav[data-slide="8"] .menu-trigger.active .line { background: #fff }
nav[data-slide="3"] .nav-left, nav[data-slide="4"] .nav-left, nav[data-slide="5"] .nav-left, nav[data-slide="8"] .nav-left { left: 50% }
/*nav[data-slide="3"] .nav-left img:last-of-type, nav[data-slide="4"] .nav-left img:last-of-type, nav[data-slide="5"] .nav-left img:last-of-type, nav[data-slide="8"] .nav-left img:last-of-type { transform: translateX(50px); opacity: 0 }*/
nav[data-slide="3"] .nav-right, nav[data-slide="4"] .nav-right, nav[data-slide="5"] .nav-right, nav[data-slide="8"] .nav-right { float: right }
nav[data-slide="3"] .nav-right a, nav[data-slide="4"] .nav-right a, nav[data-slide="5"] .nav-right a, nav[data-slide="8"] .nav-right a { color: #fff }
nav[data-slide="6"],nav[data-slide="7"], nav[data-slide="9"], nav[data-slide="10"] { background: none; box-shadow: 0px 0px }
nav[data-slide="6"] .menu-trigger .line{background: #fff}
nav[data-slide="7"] .menu-trigger .line, nav[data-slide="9"] .menu-trigger .line, nav[data-slide="10"] .menu-trigger .line { background: #fff }
nav[data-slide="6"] .menu-trigger.active .line, nav[data-slide="7"] .menu-trigger.active .line, nav[data-slide="9"] .menu-trigger.active .line, nav[data-slide="10"] .menu-trigger.active .line { background: #fff }
/*index logo显示隐藏*/
nav[data-slide="4"] .nav-left,nav[data-slide="5"] .nav-left,nav[data-slide="6"] .nav-left, nav[data-slide="7"] .nav-left, nav[data-slide="9"] .nav-left, nav[data-slide="10"] .nav-left { left: 50%; transform: translateY(-5em); opacity: 0 }
nav[data-slide="6"] .nav-left img:last-of-type, nav[data-slide="7"] .nav-left img:last-of-type, nav[data-slide="9"] .nav-left img:last-of-type, nav[data-slide="10"] .nav-left img:last-of-type { transform: translateX(50px); opacity: 0 }
nav[data-slide="6"] .nav-right, nav[data-slide="7"] .nav-right, nav[data-slide="9"] .nav-right, nav[data-slide="10"] .nav-right { float: right; transform: translateY(-5em); opacity: 0 }
nav[data-slide="6"] .nav-right a, nav[data-slide="7"] .nav-right a, nav[data-slide="9"] .nav-right a, nav[data-slide="10"] .nav-right a { color: #fff }
nav[data-slide="7"] .menu-trigger .line, nav[data-slide="9"] .menu-trigger .line { background: #000 }
nav[data-slide="7"] .menu-trigger.active .line, nav[data-slide="9"] .menu-trigger.active .line { background: #000 }
nav[data-slide="11"] { background: none; box-shadow: 0px 0px }
nav[data-slide="11"] .nav-left { left: 50% }
nav[data-slide="11"] .nav-left img:last-of-type { transform: translateX(50px); opacity: 0 }
nav[data-slide="7"].gallery-view-active { pointer-events: none }
nav[data-slide="7"].gallery-view-active .menu-trigger { transform: translateX(-100%); opacity: 0; pointer-events: none }
.nav-content { position: fixed; top: 0; right: -100%; width: 100%; z-index: 1;text-align: center; background: #0d3143; height: 100%; padding: 1.5625em; padding-top: 1.0625em; transition: 0.5s }
.nav-content .request-test-drive {
	position: absolute;
	bottom: 1.5625em;
	left: 1.5625em;
	font-size: 0.75em;
	font-weight: 200;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.6); /*border-bottom: 2px solid #000; */text-decoration: none; transform: translateX(-1.5em); opacity: 0; transition: 0.5s }
.nav-content .inner-wrapper {
	list-style: none;
	width: 70%;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	top: 45%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
	transform: translateY(-50%);
}
.nav-content li {
	text-transform: capitalize;
	font-size: 1.42em;
	font-family: 'reforma';
	color: #fff;
	font-weight: bold;
	/*letter-spacing: 0.05em;*/
	/*line-height: 2.6em;*/
	padding: 28px 0;
	cursor: pointer;
	/*transform: translateX(-1.5em);*/
	opacity: 0;
	transition: 0.5s;
}
.nav-content li > a {    position: relative;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	text-decoration: none;}
.nav-content li span:last-of-type { position: absolute; left: 0; top: 0; width: 0%; color: #000; background: #fff; overflow: hidden; transition: 0.5s; white-space: nowrap }
.nav-content li.mb { margin-bottom: 1em }
.nav-content li.mb img{
	height: 43px;
	/*margin-bottom: 20%;*/
}
.nav-content li.last div:first-child{
	margin-right: 5%;
}
.nav-content li.last span{
	font-size: 18px;
}
.nav-content li.icon{
	padding: 0;
}
.nav-content li.icon img{
	width: 24px;
	margin:0 6px;
}
/*.nav-content li.active span:last-of-type, .nav-content li:hover span:last-of-type { width: 100% }*/
.nav-content.active { right: 0% }
.nav-content.active li, .nav-content.active .request-test-drive, .nav-content.active .nav-credits { opacity: 1; transition: 0.5s }
.nav-content.active li { transition: 0.6s 0.2s }
.nav-content.active li:nth-of-type(2) { transition: 0.6s 0.3s }
.nav-content.active li:nth-of-type(3) { transition: 0.6s 0.4s }
.nav-content.active li:nth-of-type(4) { transition: 0.6s 0.5s }
.nav-content.active li:nth-of-type(5) { transition: 0.6s 0.6s }
.nav-content.active li:nth-of-type(6) { transition: 0.6s 0.7s }
.nav-content.active li:nth-of-type(7) { transition: 0.6s 0.8s }
.nav-content.active li:nth-of-type(8) { transition: 0.6s 0.9s }
.nav-content.active li:nth-of-type(9) { transition: 0.6s 1s }
.nav-content.active li:nth-of-type(10) { transition: 0.6s 1.1s }
.nav-content.active li:nth-of-type(11) { transition: 0.6s 1.2s }
.nav-content.active .request-test-drive { transition: 0.6s 1.3s }
.nav-content.active .nav-credits { transition: 0.6s 1.4s }
.nav-content .nav-credits { position: absolute; bottom: 1.5625em; right: 1.5625em; transform: translateX(-1.5em); opacity: 0; transition: 0.5s }
.nav-content .nav-credits .credit { opacity: 0.4; text-decoration: none; display: inline-block; vertical-align: top; line-height: 1em; color: #000; text-decoration: none }
.nav-content .nav-credits .credit.cred-siarhei { padding-right: 1.25em }
.nav-content .nav-credits .credit.cred-dau {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #fff;
	position: relative;
	top: -1px;
}
.nav-content .nav-credits .credit:hover { opacity: 0.7 }
.menu-trigger { width: 42px;
	height: 32px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	right: 1.5625em;
	position: absolute;
	top: 50%;
	z-index: 3; }
.menu-trigger .line { width: 100%; position: absolute; top: 0; left: 0; height: 2px; background: #fff }
.menu-trigger.first .line { width: 100%; position: absolute; top: 0; left: 0; height: 2px; background: #fff; transition: 0.3s }
.menu-trigger.first .line.line-1 { transition: all 0.3s 0.3s, transform 0.3s 0s }
.menu-trigger.first .line.line-2 { top: 50%; margin-top: -1px; left: 0; transition: all 0.3s 0.3s }
.menu-trigger.first .line.line-3 { bottom: 0; top: auto; left: 0; transition: all 0.3s 0.3s, transform 0.3s 0s }
.menu-trigger.first.active .line { background: #000 }
.menu-trigger.first.active .line-1 { top: 50%; margin-top: -1px; transform: rotate(45deg); transition: all 0.3s, transform 0.3s 0.3s }
.menu-trigger.first.active .line-2 { opacity: 0; transition: all 0.3s, opacity 0.3s 0s }
.menu-trigger.first.active .line-3 { bottom: 50%; margin-bottom: -1px; transform: rotate(-45deg); transition: all 0.3s, transform 0.3s 0.3s }
.menu-trigger.second { transition: all 0.5s 0s }
.menu-trigger.second .line {width: 100%;position: absolute;top: 0;left: 0;height: 4px;background: #fff;transition: 0.3s;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
/*.menu-trigger .line:after*/
/*{*/
	/*content: "";*/
	/*position: absolute;*/
	/*top: 50%;*/
	/*right: 0;*/
	/*width: 8px;*/
	/*height: 8px;background: #ffffff;*/
	 /*-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;*/
/*}*/

.menu-trigger.second .line.line-1 { transition: all 0.3s 0.3s, transform 0.3s 0s }
.menu-trigger.second .line.line-2 {     top: 50%;
	margin-top: -2px;
	left: auto;
	transition: all 0.3s 0.3s;
	right: 0;
	width: 72%; }
.menu-trigger.second .line.line-3 { bottom: 0; top: auto; left: 0; transition: all 0.3s 0.3s, transform 0.3s 0s }
.menu-trigger.second.active { transform: rotate(135deg); transition: all 0.5s 0.3s }
.menu-trigger.second.active .line { background: #ffffff }
.menu-trigger.second.active .line-1 { top: 50%; margin-top: -3px; transform: rotate(90deg); transition: all 0.3s, transform 0.3s 0.3s }
.menu-trigger.second.active .line-2 { opacity: 0; transition: all 0.3s, opacity 0.3s 0s }
.menu-trigger.second.active .line-3 { bottom: 50%; margin-bottom: -1px; transform: rotate(0deg); transition: all 0.3s, transform 0.3s 0.3s }
.container { transition: 0.5s; transform: none; transform-origin: top right }
.container.nav-open { transform: scale(0.33) }
.overlay { position: fixed; top: 0; left: -100%; width: 100%; height: 100%; background: #000; opacity: 0; z-index: 5; transition: all 0s 0.5s, opacity 0.5s 0s }
nav.active + .overlay { left: 0; opacity: 0.6; transition: all 0s 0s, opacity 0.5s 0s }
@media screen and (min-width: 768px) and (max-width: 1024px) {
	nav { font-size: 1.25em }
	nav.scrolled { background: #fff }
	nav.scrolled .menu-trigger .line { background: #000 }
	nav.scrolled .menu-trigger.active .line { background: #000 }
	nav.scrolled .nav-left { left: 50% }
	nav.scrolled .nav-left img:last-of-type { transform: translateX(50px); opacity: 0 }
	nav.scrolled .nav-right { float: right }
	nav.scrolled .nav-right a { color: #000 }
}
@media screen and (max-width: 767px) {
	.nav-content { padding-top: .625em }
	.nav-credits { display: none }
	nav { padding: 0 1em; height: 3.125em }
	nav .nav-left { left: 50%; top: 70%; transition: 0.3s }
	nav .nav-left img { width: 2.875em }
	nav .nav-left img:last-of-type { position: absolute; width: 11em; max-width: none; left: 50%; transform: translateX(-50%); top: 100%; padding-top: 12px; transition: 0.3s }
	nav .nav-right { line-height: 3.25em }
	nav .nav-right a:not(.highlighted) { display: none }
	nav .nav-right a, nav .nav-right a.highlighted { font-size: 1.25em; font-family: 'Reforma'; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; border-bottom: 0 }
	nav.scrolled { background: #fff }
	nav.scrolled .nav-left { top: 50% }
	nav.scrolled .nav-left img:last-of-type { transform: translateX(-50%) translateY(-10px); opacity: 0; transition: 0.3s }
	nav.scrolled .menu-trigger .line { background: #000 }
	nav.scrolled .nav-right a { color: #000 }
	.menu-trigger { left: 1em; height: 18px; margin-top: -9px }
}
.hero { height: 100vh; position: relative; overflow: hidden; background: #000 }
.hero .content { left: 0; width: 100%; text-align: center; bottom: 1.25em; position: absolute }
.hero h1 { margin: 0; font-family: 'reforma'; font-weight: 300; font-size: 6.25em; color: #fff; text-transform: uppercase; line-height: 1em; font-family: 'Circular'; text-transform: none; font-weight: bold; font-size: 4.25em; margin-bottom: .73529em; letter-spacing: -0.02em; max-width: 50%; margin-left: auto; margin-right: auto }
.hero h1 .highlight { color: #f28122 }
/*.hero ul { margin: 0; padding: 0; list-style: none; position: relative }*/
/*.hero ul li { display: inline-block; vertical-align: top; width: 5em }*/
/*.hero ul li a { font-size: .625em; text-transform: uppercase; color: #fff; text-decoration: none; font-weight: bold; position: relative; padding-top: 5em; display: inline-block; vertical-align: top }*/
/*.hero ul li a:before { content: ""; border-radius: 50%; width: 4.2em; height: 4.2em; position: absolute; top: 0; left: 50%; margin-left: -2.1em }*/
/*.hero ul li a.watch-video .icon { position: absolute; left: 43%; top: 1.1em; width: 1.6em; fill: #fff }*/
/*.hero ul li a.watch-video:before { background: rgba(255, 255, 255, 0.5) }*/
/*.hero ul li a.scroll-down .icon { position: absolute; left: 50%; transform: translateX(-50%); top: .9em; width: 1.8em; fill: #fff }*/
/*.hero ul li a.scroll-down:before { background: #f28122; background: rgba(255, 255, 255, 0.5) }*/
/*.hero ul li a.reserve .icon { width: 4.2em; height: 4.2em; position: absolute; top: 0; left: 50%; margin-left: -2.1em }*/
/*.hero ul li a.reserve .icon:before, .hero ul li a.reserve .icon:after { content: ""; background: #000; position: absolute }*/
/*.hero ul li a.reserve .icon:before { width: 1.6em; height: 2px; left: 50%; margin-left: -.8em; top: 50%; margin-top: -1px }*/
/*.hero ul li a.reserve .icon:after { height: 1.6em; width: 2px; left: 50%; margin-left: -1px; top: 50%; margin-top: -.8em }*/
/*.hero ul li a.reserve:before { background: #f28122 }*/
/*.hero ul li.explore-link { position: absolute; left: 1.25em; top: 0 }*/
/*.hero .background-video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background-size: cover; background-position: center; background-repeat: no-repeat }*/
.video-background { background: #000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; background-size: cover; background-repeat: no-repeat; background-position: center center }
.video-background:after {/* content: "";*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #06549a;
	opacity: 0.28;}
.video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none }
#vidtop-content { top: 0; color: #fff }
@media (min-aspect-ratio: 16 / 9) {
	.video-foreground { height: 300%; top: -100% }
}
@media (max-aspect-ratio: 16 / 9) {
	.video-foreground { width: 300%; left: -100% }
}
@media screen and (max-width: 767px) {
	.hero h1 { font-size: 2.5em; font-family: 'Circular'; text-transform: none; font-weight: 700; line-height: 1em; padding-bottom: 20px; letter-spacing: -0.04em; max-width: 7em }
}
.preloader-overlay { position: fixed; z-index: 20; top: 0; left: 0; width: 100%; height: 100% }
.preloader-overlay h1 .content-reveal { display: inline-block; vertical-align: top }
.preloader-overlay .content { padding-bottom: 4.0625em }
.preloader-overlay.active { opacity: 0; top: -100%; transition: all 0s 0s, opacity 1s 2s, top 0s 3s }
.preloader-overlay.active .preloader-icon-wrapper { transform: translate(-50%, -70%); opacity: 0; transition: 0.75s }
.countup-section { background: #f0f0f0; text-align: center; position: relative; padding: 4.6875em 0 }
.countup-section.slide { display: flex; flex-wrap: wrap }
.countup-section .row { width: 100%; align-self: center }
.countup-section h2 { margin: 0; color: #000000; font-weight: 700; font-size: 3.125em; line-height: 1.2em; letter-spacing: -0.02em; max-width: 90%; margin-left: auto; margin-right: auto }
.countup-section p { font-size: 1.25em; margin: 0; color: #000; opacity: 0.4; margin-bottom: 1.5em; max-width: 90%; margin-left: auto; margin-right: auto }
.countup-section .main-img-wrapper { overflow: hidden }
.countup-section .main-img-wrapper img { transform: translateY(2em); opacity: 0; transition: 0.5s; backface-visibility: hidden; width: 34.375em }
.countup-section .stats { margin: 0; padding: 0; text-align: center; padding-top: 3.75em }
.countup-section .stats .icon { padding-bottom: .625em; opacity: 0.3 }
.countup-section .stats li { list-style: none; display: inline-block; vertical-align: top; padding: 0 1.5625em; text-align: left; position: relative }
.countup-section .stats li:not(:last-of-type) { border-right: 1px solid rgba(0, 0, 0, 0.07) }
.countup-section .stats li .stat { font-size: 3.75em; display: inline-block; vertical-align: top; color: #000; line-height: 1em; font-family: 'reforma'; font-weight: 500 }
.countup-section .stats li .stat-text { font-size: 1.25em; padding-top: .15em; display: inline-block; vertical-align: top; color: #000; line-height: 1em; font-family: 'reforma'; font-weight: 500; text-transform: uppercase }
.countup-section .stats li .stat-text-smaller { text-transform: uppercase; font-size: .625em; line-height: 1em; position: relative; top: -.8em; color: #000; opacity: 0.4; font-weight: 700; letter-spacing: 0.05em }
.countup-section.active .main-img-wrapper img { opacity: 1; transform: translateY(0); transition: 0.5s 0.5s }
.social-photos { background: #262626; transition: 0.75s; position: absolute; bottom: 0; left: 0; width: 100%; transform: translateY(100%); text-align: left; z-index: 3 }
.social-photos p { width: 35%; flex-shrink: 0; margin: 0; color: #777777; font-size: 1.125em; line-height: 1.2em }
.social-photos p img { margin-bottom: .625em }
.social-photos p strong { color: #fff; display: block }
.social-photos .photos-col { width: 50%; float: left; display: flex; padding: 1.25em; text-decoration: none; transition: 0.3s }
.social-photos .photos-col p { opacity: 1 }
.social-photos .photos-col:hover { background: #3c3c3c }
.social-photos .photos-col:nth-of-type(1) { border-right: 1px solid rgba(255, 255, 255, 0.05) }
.social-photos .photos-col .photo-item { overflow: hidden }
.social-photos .photos-col .photo-item img { transform: translateY(100%); transition: 0.5s; backface-visibility: hidden }
.social-photos .photos-col .photo-item:not(:last-of-type) { padding-right: .9375em }
.social-photos.active .photos-col .photo-item img { transform: translateY(0) }
.social-photos.active .photos-col .photo-item:nth-of-type(1) img { transition: 0.5s 0.5s }
.social-photos.active .photos-col .photo-item:nth-of-type(2) img { transition: 0.5s 0.6s }
.social-photos.active .photos-col .photo-item:nth-of-type(3) img { transition: 0.5s 0.7s }
.social-photos.active .photos-col .photo-item:nth-of-type(4) img { transition: 0.5s 0.8s }
.has-hidden-content:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: #000; opacity: 0; z-index: 2; top: -100%; transition: all 0s 0.5s, opacity 0.5s 0s }
.hidden-content-visible:before { top: 0; opacity: 0.5; transition: all 0s 0s, opacity 0.5s 0s }
.hidden-content-visible .social-photos { transform: translateY(0%) }
.hidden-content-visible .photos-col .photo-item img { transform: translateY(0) }
.hidden-content-visible .photos-col .photo-item:nth-of-type(1) img { transition: 0.5s 0.5s }
.hidden-content-visible .photos-col .photo-item:nth-of-type(2) img { transition: 0.5s 0.6s }
.hidden-content-visible .photos-col .photo-item:nth-of-type(3) img { transition: 0.5s 0.7s }
.hidden-content-visible .photos-col .photo-item:nth-of-type(4) img { transition: 0.5s 0.8s }
@media screen and (max-width: 767px) {
	.countup-section { padding: 3.125em 0; padding-bottom: 0 }
	.countup-section h2 { font-size: 2.125em }
	.countup-section p { font-size: 1.25em; margin-top: 1em }
	.countup-section .main-img-wrapper { padding-left: 1.25em; padding-right: 1.25em }
	.countup-section .stats { padding-top: 3.125em }
	.countup-section .stats li { padding: 0 .625em }
	.countup-section .stats li .stat { font-size: 2.5em }
	.social-photos { position: relative; display: block; transform: none; margin-top: 3.125em }
	.social-photos .photos-col { width: 100%; padding: 0 }
	.social-photos .photos-col .photo-item:not(:last-of-type) { padding-right: 0 }
	.social-photos .photos-col:nth-of-type(1) { border-right: 0; box-shadow: inset 0px -1px rgba(255, 255, 255, 0.05) }
	.social-photos .photos-col:nth-of-type(2) p .content-reveal.order-3 { position: absolute; left: .35714em; width: 1.78571em }
	.social-photos .photos-col:nth-of-type(2) p .content-reveal.order-3 img { width: 100%; margin-bottom: 0 }
	.social-photos p { width: 50%; font-size: .875em; padding-left: 2.85714em; position: relative; padding-top: .14286em; padding-bottom: .57143em }
	.social-photos p .content-reveal.order-1 { position: absolute; left: .35714em; width: 1.78571em }
	.social-photos p .content-reveal.order-1 img { width: 100%; margin-bottom: 0 }
}
@media screen and (max-width: 480px) {
	.social-photos .photos-col:nth-of-type(2) p { padding-left: 13% }
	.social-photos .photos-col:nth-of-type(2) p .content-reveal.order-3 { position: absolute; left: 6%; width: 16% }
	.social-photos p { padding-left: 13% }
	.social-photos p .content-reveal.order-1 { position: absolute; left: 6%; width: 16% }
}
.components { background: #000 }
.components .components-logo { display: inline-block; vertical-align: top; opacity: 0.3; padding: 0 .75em }
.components .components-logo img { backface-visibility: hidden }
.components .component-box { float: left; width: 50%; height: 50%; position: relative; overflow: hidden }
.components .component-box > div { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.components .component-box .image { position: absolute; top: 0; left: 0; width: 100%; height: 130%; background-size: cover; background-repeat: no-repeat; background-position: center center; will-change: transform; transition: 0.7s }
.components .component-box .image.negative { top: -30% }
.components .component-box .text { backface-visibility: hidden; position: absolute; z-index: 2; padding: 1.5625em; font-size: 14px; line-height: 1.2em }
.components .component-box:nth-of-type(1) .text { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%) }
.components .component-box:nth-of-type(1) h2 { font-size: 3.75em; line-height: 1em; letter-spacing: 0.05em; margin: 0; margin-bottom: .33333em; text-transform: uppercase; color: #fff; font-family: 'Reforma'; font-weight: 500 }
.components .component-box:nth-of-type(2) .text { bottom: 0; left: 0; color: #8a8a8a; width: 440px }
.components .component-box:nth-of-type(2) .text strong { color: #fff }
.components .component-box:nth-of-type(3) .text { top: 0; left: 0; color: #8a8a8a; width: 240px }
.components .component-box:nth-of-type(3) .text strong { color: #fff }
.components .component-box:nth-of-type(4) .text { top: 0; left: 0; color: #757575; width: 270px }
.components .component-box:nth-of-type(4) .text strong { color: #000 }
.components.active .component-box:nth-of-type(2) .image { transition: 1.5s 0.5s; transform: translateY(-20%) }
.components.active .component-box:nth-of-type(3) .image { transition: 1.5s 0.5s; transform: translateY(-20%) }
.components.active .component-box:nth-of-type(4) .image { transition: 1.5s 0.5s; transform: translateY(20%) }
@media screen and (max-width: 767px) {
	.components .component-box { width: 100% }
	.components .component-box:after { content: ""; display: block; padding-top: 76% }
	.components .component-box:nth-of-type(1) .text { padding-left: 0; padding-right: 0; position: relative; transform: none; padding-top: 4.6875em; padding-bottom: 1.25em }
	.components .component-box:nth-of-type(1):after { display: none }
	.components .component-box:nth-of-type(1) > div { position: relative }
	.components .component-box:nth-of-type(1) h2 { font-size: 2.5em }
	.components .component-box:nth-of-type(2) { background: #2a2a2a }
	.components .component-box:nth-of-type(2) .image { top: -30%; transition: 0s 0s }
	.components .component-box:nth-of-type(2) .text { width: 80% }
	.components .component-box:nth-of-type(3) { background: #4b4b4b }
	.components .component-box:nth-of-type(3) .image { top: 20%; left: 10%; width: 100%; height: 110%; transition: 0s 0s }
	.components .component-box:nth-of-type(3) .text { width: 60% }
	.components .component-box:nth-of-type(4) { background: #b2b2b2 }
	.components .component-box:nth-of-type(4) .text { width: 50% }
	.components .component-box:nth-of-type(4) .image { width: 100%; left: 20%; top: -20%; transition: 0s 0s }
	.components .component-box .text { font-size: 12px }
	.components .components-logo { width: 5em }
	.components.active .component-box:nth-of-type(2) .image, .components.active .component-box:nth-of-type(3) .image, .components.active .component-box:nth-of-type(4) .image { transform: none; transition: 0s 0s }
}
@font-face {
	font-family: 'Circular';
	src: url("../fonts/CircularStd/CircularStd-Black.woff") format("woff"), url("../fonts/CircularStd/CircularStd-Black.woff2") format("woff2");
	font-weight: 900
}
@font-face {
	font-family: 'Circular';
	src: url("../fonts/CircularStd/CircularStd-Medium.woff") format("woff"), url("../fonts/CircularStd/CircularStd-Medium.woff2") format("woff2");
	font-weight: 500
}
@font-face {
	font-family: 'Circular';
	src: url("../fonts/CircularStd/CircularStd-Book.woff") format("woff"), url("../fonts/CircularStd/CircularStd-Book.woff2") format("woff2");
	font-weight: 400
}
@font-face {
	font-family: 'Circular';
	src: url("../fonts/CircularStd/CircularStd-Bold.woff") format("woff"), url("../fonts/CircularStd/CircularStd-Bold.woff2") format("woff2");
	font-weight: 700
}
@font-face {
	font-family: 'Reforma';
	src: url("../fonts/reforma/ReformaGroteskLightC.woff") format("woff"), url("../fonts/reforma/ReformaGroteskLightC.woff2") format("woff2");
	font-weight: 300
}
@font-face {
	font-family: 'Reforma';
	src: url("../fonts/reforma/ReformaGroteskMediumC.woff") format("woff"), url("../fonts/reforma/ReformaGroteskMediumC.woff2") format("woff2");
	font-weight: 500
}
.journey { background: #000; position: relative; overflow: hidden }
.journey h2 { position: absolute; font-size: 6.25em; text-align: center; color: #fff; font-family: 'Reforma'; text-transform: uppercase; font-weight: 300; width: 100%; margin: 0; top: 1.3em; line-height: 1em; z-index: 3 }
.journey .columns-grid { display: flex }
.journey .journey-column { width: 20%; float: left; color: #fff; padding: 1.875em; padding-bottom: 5.625em; padding-top: 23.75em; padding-top: 50vh; position: relative }
.journey .journey-column:nth-of-type(4) { padding-top: 26.875em; padding-top: 60vh }
.journey .journey-column:after { content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 0; background: #1a1a1a; transition: 0.5s; z-index: 1 }
.journey .journey-column .journey-year { font-size: 1.875em; display: inline-block; vertical-align: top; line-height: 1em; padding-bottom: .5em; font-family: 'Reforma'; letter-spacing: 0.05em; text-transform: uppercase; color: #f4c500; transition: 0.5s; transform: translateX(-100%) }
.journey .journey-column p { color: #4e4e4e; margin: 0; line-height: 1.2em; margin-bottom: 1.5625em; transition: 0.5s; transform: translateX(-100%) }
.journey .journey-column img { transition: 0.5s; transform: translateX(-100%); backface-visibility: hidden }
.journey .journey-column .highlight { color: #fff; font-weight: 700 }
.journey .journey-column.active { background: #181818 }
.journey .journey-column.active p { color: #8d8d8d }
.journey .journey-column .column-content-wrapper { overflow: hidden }
.journey.active .journey-column:after { height: 100%; transition: 0.75s }
.journey.active .journey-column:nth-of-type(1):after { height: 100%; transition: 1.5s 0.5s }
.journey.active .journey-column:nth-of-type(2):after { height: 100%; transition: 1.5s 1s }
.journey.active .journey-column:nth-of-type(3):after { height: 100%; transition: 1.5s 1.5s }
.journey.active .journey-column:nth-of-type(4):after { height: 100%; transition: 1.5s 2s }
.journey.active .journey-column:nth-of-type(5):after { height: 100%; transition: 1.5s 2.5s }
.journey.hidden-content-visible .journey-form { transform: translateY(0%) }
.journey-graph-wrapper { position: absolute; top: 26%; width: 100%; z-index: 2 }
.journey-graph-wrapper:before { content: ""; position: absolute; bottom: 100%; left: 0; width: 100%; background: #000; height: 18.75em; margin-bottom: -.625em; z-index: 2 }
.journey-graph-wrapper:after { content: ""; display: block; padding-top: 13.2% }
.journey-graph-wrapper .inner-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.journey-graph-wrapper .inner-wrapper svg { position: absolute; top: 0; left: -1%; width: 102%; height: 100%; stroke-width: 2px; stroke: #f4c500 }
.journey-graph-wrapper .inner-wrapper svg path { stroke-dasharray: 160%; stroke-dashoffset: 160% }
.graph-dots { position: absolute; left: 0; width: 100%; position: absolute; top: 26%; width: 100%; z-index: 3 }
.graph-dots:after { content: ""; display: block; padding-top: 13.2% }
.graph-dot { width: 20px; height: 20px; background: #f4c500; border-radius: 50%; position: absolute; transition: 0.5s; transform: scale(0); opacity: 0 }
.graph-dot:before { content: ""; position: absolute; top: 50%; left: 50%; background: #000; width: 15px; height: 15px; border-radius: 50%; transform: translate(-50%, -50%) scale(0.66); transition: 0.5s }
.graph-dot:after { content: ""; position: absolute; top: 50%; left: 50%; transform: scale(0.4); width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border-radius: 50%; background: #000; transition: 0.5s; z-index: -1; border: 1px solid #f4c500 }
.graph-dot:hover, .graph-dot.active { background: none }
.graph-dot:hover:before, .graph-dot.active:before { transform: translate(-50%, -50%) scale(1); background: #fff }
.graph-dot:hover:after, .graph-dot.active:after { transform: scale(1) }
.graph-dot:nth-of-type(1) { left: 2.3%; top: 56% }
.graph-dot:nth-of-type(2) { left: 29%; top: 58% }
.graph-dot:nth-of-type(3) { left: 42%; top: 71% }
.graph-dot:nth-of-type(4) { left: 64%; top: 93% }
.graph-dot:nth-of-type(5) { left: 82%; top: 59% }
.popup-dot { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #f4c500; transform: scale(0); opacity: 0 }
.popup-dot:nth-of-type(1) { left: 17%; top: 26.5% }
.popup-dot:nth-of-type(2) { left: 73%; top: 93% }
.popup-dot:nth-of-type(2) .year { left: -24% }
.popup-dot:nth-of-type(3) { left: 79%; top: 78% }
.popup-dot:nth-of-type(3) .year { padding-bottom: 2.5em }
.popup-dot:nth-of-type(3) .year:after { content: ""; position: absolute; bottom: 15px; width: 1px; height: 20px; background: #333333; right: 6px }
.popup-dot:nth-of-type(4) { left: 86%; top: 51% }
.popup-dot .content-wrapper { position: absolute; bottom: 100%; width: 11.25em; pointer-events: none; backface-visibility: hidden }
.popup-dot .content-inner-wrapper { overflow: hidden; padding-bottom: 14px }
.popup-dot .year { color: #fff; display: block; line-height: 1em; font-size: 1.25em; font-family: 'Reforma'; letter-spacing: 0.05em; position: relative; text-transform: uppercase; padding-bottom: .5em; padding-top: .55em }
.popup-dot .content { background: #f4c500; padding: 1.0625em; position: relative; transform: translateX(-100%); transition: 0.5s; opacity: 0 }
.popup-dot .content:before { content: ""; position: absolute; top: 100%; border-top: 14px solid #f4c500; border-right: 14px solid transparent; left: 0 }
.popup-dot .content p { color: #917500; font-size: .875em; line-height: 1.2em; margin: 0; transform: translateX(-1.2em); opacity: 0; transition: 0.3s }
.popup-dot .content p strong { color: #000 }
.popup-dot.active { z-index: 5 }
.popup-dot.active .content { transform: translateX(0%); opacity: 1 }
.popup-dot.active .content p { transform: translateX(0); opacity: 1; transition: 0.3s 0.35s }
.popup-dot.right .year { text-align: right }
.popup-dot.right .content { transform: translateX(100%); backface-visibility: hidden }
.popup-dot.right .content-wrapper { right: 0 }
.popup-dot.right .content:before { left: auto; right: 0; border-left: 14px solid transparent; border-right: 0 }
.popup-dot.right.active .content { transform: translateX(0) }
.journey-form { background: #b2b2b2; text-align: center; padding: 3.125em; position: absolute; bottom: 0; left: 0; width: 100%; transform: translateY(100%); z-index: 4 }
.journey-form h2 { color: #000; text-transform: uppercase; font-size: 3.125em; line-height: 1em; font-weight: 500; font-family: 'Reforma'; margin: 0; letter-spacing: 0.05em }
.journey-form p { color: #fff; font-size: 1.5625em; margin: 0 }
.journey-form .register-form { margin-top: 2.1875em }
.journey-form .register-form label input { color: #000; border-bottom: 2px solid #000; opacity: 0.3 }
.journey-form .register-form label input:focus { opacity: 1 }
.section.journey.active .graph-dot { transform: scale(1); opacity: 1 }
.section.journey.active .graph-dot:nth-of-type(1) { transition: 0.5s 0.25s }
.section.journey.active .graph-dot:nth-of-type(2) { transition: 0.5s 0.75s }
.section.journey.active .graph-dot:nth-of-type(3) { transition: 0.5s 1.25s }
.section.journey.active .graph-dot:nth-of-type(4) { transition: 0.5s 1.75s }
.section.journey.active .graph-dot:nth-of-type(5) { transition: 0.5s 2.25s }
.section.journey.active .popup-dot { transform: scale(1); opacity: 1 }
.section.journey.active .popup-dot:nth-of-type(1) { transition: 0.5s 0.25s }
.section.journey.active .popup-dot:nth-of-type(2) { transition: 0.5s 1.8s }
.section.journey.active .popup-dot:nth-of-type(3) { transition: 0.5s 2s }
.section.journey.active .popup-dot:nth-of-type(4) { transition: 0.5s 2.2s }
.section.journey.active .journey-graph-wrapper .inner-wrapper svg path { stroke-dashoffset: 0%; transition: 2.5s linear }
.section.journey.active .journey-column .journey-year, .section.journey.active .journey-column p, .section.journey.active .journey-column img { transform: translateX(0%) }
.section.journey.active .journey-column:nth-of-type(1) .journey-year { transition: 0.5s 0s }
.section.journey.active .journey-column:nth-of-type(1) p { transition: 0.5s 0.2s }
.section.journey.active .journey-column:nth-of-type(1) img { transition: 0.5s 0.4s }
.section.journey.active .journey-column:nth-of-type(2) .journey-year { transition: 0.5s 0.6s }
.section.journey.active .journey-column:nth-of-type(2) p { transition: 0.5s 0.8s }
.section.journey.active .journey-column:nth-of-type(2) img { transition: 0.5s 1s }
.section.journey.active .journey-column:nth-of-type(3) .journey-year { transition: 0.5s 1s }
.section.journey.active .journey-column:nth-of-type(3) p { transition: 0.5s 1.2s }
.section.journey.active .journey-column:nth-of-type(3) img { transition: 0.5s 1.4s }
.section.journey.active .journey-column:nth-of-type(4) .journey-year { transition: 0.5s 1.6s }
.section.journey.active .journey-column:nth-of-type(4) p { transition: 0.5s 1.8s }
.section.journey.active .journey-column:nth-of-type(4) img { transition: 0.5s 2s }
.section.journey.active .journey-column:nth-of-type(5) .journey-year { transition: 0.5s 2.2s }
.section.journey.active .journey-column:nth-of-type(5) p { transition: 0.5s 2.4s }
.section.journey.active .journey-column:nth-of-type(5) img { transition: 0.5s 2.6s }
.mobile-graph, .mobile-journey-controls { display: none }
.mobile-journey-controls { position: relative }
.mobile-journey-controls .arrow { display: inline-block; position: absolute; width: 1.5625em; height: 1.125em; position: absolute; z-index: 10; transition: 0.3s }
.mobile-journey-controls .arrow:after { content: ""; background: url(../img/icons/arrow-right-small-yellow.svg) center center no-repeat; position: absolute; top: 50%; left: 0; width: 100%; height: 1.125em; top: 50%; transform: translateY(-50%) }
.mobile-journey-controls .arrow-left { left: 10px }
.mobile-journey-controls .arrow-left.disabled { transform: translateX(-10px); opacity: 0 }
.mobile-journey-controls .arrow-left:after { transform: translateY(-50%) rotate(-180deg) }
.mobile-journey-controls .arrow-right { right: 10px }
.mobile-journey-controls .arrow-right.disabled { transform: translateX(10px); opacity: 0 }
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.mobile-graph, .mobile-journey-controls { display: block }
	.section.journey .popup-dot { display: none }
	.section.journey .columns-grid { width: 500%; transition: 0.75s }
	.section.journey .columns-grid.step-1 { transform: translateX(0%) }
	.section.journey .columns-grid.step-2 { transform: translateX(-20%) }
	.section.journey .columns-grid.step-3 { transform: translateX(-40%) }
	.section.journey .columns-grid.step-4 { transform: translateX(-60%) }
	.section.journey .columns-grid.step-5 { transform: translateX(-80%) }
	.section.journey .journey-column { padding-top: 0; padding-bottom: 3.125em; padding-left: 4.375em; padding-right: 4.375em }
	.section.journey .journey-column:after { display: none }
	.section.journey .journey-column p { color: #8d8d8d }
	.section.journey .journey-column.active { background: none }
	.section.journey .outter-columns-grid-wrapper { padding-top: 35em; padding-top: 560px; width: 60%; margin: 0 auto; overflow: hidden }
	.journey-graph-wrapper { top: 15% }
	.journey-graph-wrapper .desktop-graph { display: none }
	.journey-graph-wrapper .mobile-graph { display: block }
	.journey-graph-wrapper:before { display: none }
	.journey-graph-wrapper:after { padding-top: 47% }
	.journey-graph-wrapper .inner-wrapper svg { left: 0; width: 100%; height: auto; fill: none }
	.journey-graph-wrapper .inner-wrapper svg path { stroke-dasharray: 250%; stroke-dashoffset: 250% }
	.journey-form { display: none }
	.section.journey.active .graph-dots { pointer-events: none; top: 15% }
	.section.journey.active .graph-dots:after { padding-top: 47% }
	.section.journey.active .graph-dots .graph-dot { opacity: 0; transition: 0.3s 0s }
	.section.journey.active .graph-dots .graph-dot.active { opacity: 1; transition: 0.3s 0s }
	.section.journey.active .graph-dots .graph-dot:nth-of-type(1) { left: 5%; top: 50% }
	.section.journey.active .graph-dots .graph-dot:nth-of-type(2) { left: 26.5%; top: 58% }
	.section.journey.active .graph-dots .graph-dot:nth-of-type(3) { left: 45%; top: 69% }
	.section.journey.active .graph-dots .graph-dot:nth-of-type(4) { left: 64%; top: 97% }
	.section.journey.active .graph-dots .graph-dot:nth-of-type(5) { left: 82%; top: 59% }
}
@media screen and (max-width: 767px) {
	.mobile-graph, .mobile-journey-controls { display: block }
	.section.journey h2 { font-size: 2.5em; letter-spacing: 0.05em; font-weight: 500 }
	.section.journey .popup-dot { display: none }
	.section.journey .columns-grid { width: 500%; transition: 0.75s }
	.section.journey .columns-grid.step-1 { transform: translateX(0%) }
	.section.journey .columns-grid.step-2 { transform: translateX(-20%) }
	.section.journey .columns-grid.step-3 { transform: translateX(-40%) }
	.section.journey .columns-grid.step-4 { transform: translateX(-60%) }
	.section.journey .columns-grid.step-5 { transform: translateX(-80%) }
	.section.journey .journey-column { padding-top: 0; padding-bottom: 3.125em; padding-left: 4.375em; padding-right: 4.375em }
	.section.journey .journey-column:after { display: none }
	.section.journey .journey-column p { color: #8d8d8d }
	.section.journey .journey-column.active { background: none }
	.section.journey .outter-columns-grid-wrapper { padding-top: 17.5em }
	.journey-graph-wrapper { top: 15% }
	.journey-graph-wrapper .desktop-graph { display: none }
	.journey-graph-wrapper .mobile-graph { display: block }
	.journey-graph-wrapper:before { display: none }
	.journey-graph-wrapper:after { padding-top: 47% }
	.journey-graph-wrapper .inner-wrapper svg { left: 0; width: 100%; height: auto; fill: none }
	.journey-graph-wrapper .inner-wrapper svg path { stroke-dasharray: 250%; stroke-dashoffset: 250% }
	.journey-form { display: none }
	.section.journey.active .graph-dots { pointer-events: none; top: 15% }
	.section.journey.active .graph-dots:after { padding-top: 47% }
	.section.journey.active .graph-dots .graph-dot { opacity: 0; transition: 0.3s 0s }
	.section.journey.active .graph-dots .graph-dot.active { opacity: 1; transition: 0.3s 0s }
	.section.journey.active .graph-dots .graph-dot:nth-of-type(1) { left: 3%; top: 50% }
	.section.journey.active .graph-dots .graph-dot:nth-of-type(2) { left: 26%; top: 58% }
	.section.journey.active .graph-dots .graph-dot:nth-of-type(3) { left: 42%; top: 69% }
}
.team { display: table; width: 100%; height: 100%; background: #fff; table-layout: fixed; overflow: hidden }
.team .team-left, .team .team-right { display: table-cell; vertical-align: middle; width: 50% }
.team .team-left { text-align: center }
.team .team-left span { font-size: 1.125em; color: #000; opacity: 0.5; display: block; margin-bottom: .66667em }
.team .team-left h2 { width: 7.5em; margin: 0 auto; letter-spacing: 0.05em; color: #000; text-transform: uppercase; font-size: 3.75em; line-height: 1em; font-weight: 500; font-family: 'Reforma' }
.team .team-left p { width: 26.25em; max-width: 90%; margin: 0 auto; color: rgba(0, 0, 0, 0.5); margin-top: .75em }
.team .team-left p a { color: #000 }
.team .team-right { background: #eaeaea; overflow: hidden }
.team-main-photo { position: relative; transition: 0.75s; width: 100%; height: 50% }
.team-main-photo .inner-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center }
.team-main-photo.translateTop { transform: translateY(-100%) }
.team-main-photo.translated { transform: translateY(100%) }
.team-content { position: absolute; top: 0; left: 0; width: 100%; height: 50%; transition: 0.75s }
.team-content .inner-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.875em 2.5em }
.team-content.translated { transform: translateY(100%) }
.team-content.animate-out .team-name span { transform: translateY(-100%); opacity: 0; transition: 0.3s 0s }
.team-content.animate-out .team-title span { transform: translateY(-100%); opacity: 0; transition: 0.3s 0s }
.team-content.animate-out .team-bio div { transform: translateY(-100%); opacity: 0; transition: 0.3s 0s }
.team-right { position: relative; color: #000 }
.team-right .text { width: 55% }
.team-right .team-name { font-weight: 700; font-size: 3.125em; margin: 0; letter-spacing: -0.02em; line-height: 1.2em }
.team-right .team-name span { display: block; transition: 0.5s }
.team-right .team-title { font-weight: 700; margin: 0 }
.team-right .team-title span { display: block; transition: 0.5s 0.3s; margin-top: 1.5625em }
.team-right .team-title span:empty { display: none }
.team-right p { line-height: 1.2em; margin: 0; margin-top: 1.5625em }
.team-right p a { color: inherit }
.team-right .team-bio { opacity: 0.4; backface-visibility: hidden; overflow: hidden }
.team-right .team-bio p:not(:first-of-type) { margin-top: .625em }
.team-right .team-bio p strong { color: #000 }
.team-right .team-bio div { display: block; transition: 0.5s 0.6s }
.team-right .button-next { position: absolute; right: 1.875em; top: 1.875em; width: 35%; height: 10em; transition: 0.75s; z-index: 3; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden }
.team-right .button-next .button-next-helper-text { position: absolute; left: 1.25em; bottom: 1.25em; z-index: 2; color: #fff; line-height: 1em; transition: 0.5s 0.5s; opacity: 1; padding-right: 2.1875em }
.team-right .button-next .button-next-helper-text:after { content: ""; background: url(../img/icons/arrow-right-small-white.svg) center center no-repeat; position: absolute; right: .3125em; width: .9375em; height: .75em; top: 50%; transform: translateY(-50%) }
.team-right .button-next .button-next-helper-text span { display: block; line-height: 1em; font-weight: 900; font-size: 1.25em }
.team-right .button-next .inner-wrapper { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0s 0s, width 0.75s, transform 0.75s }
.team-right .button-next .inner-wrapper:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.4; background: #000; transition: 0.3s }
.team-right .button-next.expanded { right: 0; top: 0; width: 100%; height: 50% }
.team-right .button-next.expanded .button-next-helper-text { opacity: 0; transition: 0.3s 0s }
.team-right .button-next.expanded .inner-wrapper:after { opacity: 0 }
.team-right .button-next.shall-hide { transform: translateY(-100%); transition: 0.5s }
.team-right .button-next.bottom { top: 52%; top: calc(50% + 1.875em) }
.team-right .button-next.bottom.shall-hide { transform: translateY(100%); transition: 0.5s }
.team-right .button-next.to-animate { transform-origin: right }
.team-right .button-next.to-animate .inner-wrapper { transform: translateX(100%) }
.no-transition { transition: 0s !important; animation: none !important }
.no-transition * { transition: 0s !important }
.team-members-mobile-carousel { width: 50vw }
.team-members-mobile-carousel .owl-stage-outer { overflow: visible }
.team-members-mobile-carousel .owl-item { opacity: 0.4; transition: 0.3s }
.team-members-mobile-carousel .owl-item.active { opacity: 1 }
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.team { display: block; height: auto; padding-bottom: 6.25em }
	.team .team-left { display: block; width: 100%; padding-top: 4.375em; padding-bottom: 4.375em; padding-bottom: 4.375em }
	.team .team-right { display: block; width: 100%; background: none }
	.team .team-right .button-next .inner-wrapper { display: none }
	.team .team-right p { margin-top: .9375em }
	.team .team-right.animating .team-wrapper:before { transform: translateX(20px); opacity: 0 }
	.team .team-title { margin-top: .625em }
	.team .text { width: 100% }
	.team .team-content { position: static; width: 100% }
	.team .team-content.translated { transform: none }
	.team .team-content .inner-wrapper { position: relative; padding: 1.25em 1.875em; padding-bottom: 2.5em }
	.team .team-wrapper { position: relative; width: 60%; height: 100% }
	.team .team-wrapper:before { content: ""; background: url(../img/icons/arrow-right-small.svg) center center no-repeat; background-size: contain; position: absolute; right: .9375em; top: 2.625em; width: 1.25em; height: 1.25em; transition: 0.5s }
}
@media screen and (max-width: 767px) {
	.team { display: block; height: auto }
	.team .team-left { display: block; width: 100%; padding-top: 4.375em; padding-bottom: 2.1875em }
	.team .team-left h2 { width: auto; font-size: 2.5em; line-height: 1em }
	.team .team-right { display: block; width: 100%; background: none }
	.team .team-right .button-next .inner-wrapper { display: none }
	.team .team-right p { margin-top: .9375em }
	.team .team-right.animating .team-wrapper:before { transform: translateX(20px); opacity: 0 }
	.team .team-title { margin-top: .625em }
	.team .text { width: 100% }
	.team .team-content { position: static; width: 100% }
	.team .team-content.translated { transform: none }
	.team .team-content .inner-wrapper { position: relative; padding: 1.25em 1.875em; padding-bottom: 2.5em }
	.team .team-wrapper { position: relative; width: 100%; height: 100% }
	.team .team-wrapper:before { content: ""; background: url(../img/icons/arrow-right-small.svg) center center no-repeat; background-size: contain; position: absolute; right: .9375em; top: 2.625em; width: 1.25em; height: 1.25em; transition: 0.5s }
}
.section.gallery { display: table; width: 100%; height: 100%; background: #fff; table-layout: fixed; overflow: hidden }
.section.gallery .gallery-left, .section.gallery .gallery-right { display: table-cell; vertical-align: middle; width: 50% }
.section.gallery .gallery-left { padding: 3.125em 0; text-align: center; transition: 0.5s }
.section.gallery .gallery-left h2 { width: 7.5em; letter-spacing: 0.05em; margin: 0 auto; color: #000; text-transform: uppercase; font-size: 3.75em; line-height: 1em; font-weight: 500; font-family: 'Reforma'; text-align: center }
.section.gallery .gallery-left p { font-size: 1.125em; color: #000; opacity: 0.66; line-height: 1.2em; width: 28em; margin: 3em auto;}
.section.gallery .gallery-left .gallery-button { display: inline-block; vertical-align: top; line-height: 1em; padding: .9375em 1.25em; padding-right: 2.25em; border-radius: 100px; background: #e5e5e5; font-weight: 700; text-decoration: none; position: relative; color: #000 }
.section.gallery .gallery-left .gallery-button:after { content: ""; background: url(../img/icons/arrow-right-small.svg) center center no-repeat; position: absolute; right: .9375em; width: .9375em; height: .75em; top: 50%; transform: translateY(-50%) }
.section.gallery .gallery-right { transition: 0.5s; position: relative }
.section.gallery .gallery-right .gallery-right-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5 ;background: url("../img/about1.jpg") no-repeat center;background-size: cover;}
.gallery-right-tab{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(4, 83, 154, 0.38)}
.gallery-right-tab .gallery-right-bd{width: 33.33%;float: left;height: 33.33%;border:2px solid #ffffff;opacity: 0}
.section.gallery .gallery-right .gallery-item { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center }
.section.gallery .gallery-wrapper { width: 200% }
.section.gallery .gallery-wrapper .gallery-item { width: 50vw; height: 50vh }
.section.gallery .gallery-wrapper .owl-prev, .section.gallery .gallery-wrapper .owl-next { width: 3em; height: 3em; background: #fff; border-radius: 50%; top: 50%; margin-top: -1.375em; position: absolute; transition: 0.75s; opacity: 0 }
.section.gallery .gallery-wrapper .owl-prev { left: .625em }
.section.gallery .gallery-wrapper .owl-prev:after { content: ""; background: url(../img/icons/arrow-right-small.svg) center center no-repeat; position: absolute; right: 1.0625em; width: .9375em; height: .75em; top: 50%; transform: translateY(-50%) rotate(180deg) }
.section.gallery .gallery-wrapper .owl-next { right: .625em }
.section.gallery .gallery-wrapper .owl-next:after { content: ""; background: url(../img/icons/arrow-right-small.svg) center center no-repeat; position: absolute; right: 1.0625em; width: .9375em; height: .75em; top: 50%; transform: translateY(-50%) }
.section.gallery.gallery-view-active .gallery-right-overlay { display: none }
.section.gallery.gallery-view-active .gallery-left, .section.gallery.gallery-view-active .gallery-right { transform: translateX(-100%) }
.section.gallery.gallery-view-active .gallery-left .gallery-close-icon, .section.gallery.gallery-view-active .gallery-right .gallery-close-icon { transform: rotate(45deg); left: 1.875em; top: 1.875em; opacity: 1; transition: 0.5s 0.5s }
.section.gallery.gallery-view-active .gallery-left .gallery-wrapper .owl-prev, .section.gallery.gallery-view-active .gallery-right .gallery-wrapper .owl-prev { left: 1.875em; opacity: 1; transition: 0.5s 0.5s }
.section.gallery.gallery-view-active .gallery-left .gallery-wrapper .owl-next, .section.gallery.gallery-view-active .gallery-right .gallery-wrapper .owl-next { right: 1.875em; opacity: 1; transition: 0.5s 0.5s }
.gallery-close-icon { width: 3em; height: 3em; background: #fff; border-radius: 50%; left: .625em; top: .625em; opacity: 0; position: absolute; z-index: 2; transform: rotate(-45deg); transition: 0.75s }
.gallery-close-icon:before, .gallery-close-icon:after { content: ""; width: 1.875em; height: 2px; background: #000; position: absolute; top: 50%; left: 50%; margin-left: -.9375em }
.gallery-close-icon:before { margin-top: -1px }
.gallery-close-icon:after { transform: rotate(90deg) }
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.section.gallery { display: block; width: 100%; position: relative }
	.section.gallery .gallery-left { padding-top: 0; padding-bottom: 0; position: absolute; z-index: 6; background: #fff; padding-top: 0; padding-bottom: 0; height: 50% }
	.section.gallery .gallery-left, .section.gallery .gallery-right { width: 100%; display: block }
	.section.gallery .gallery-left { display: flex; align-items: center }
	.section.gallery .gallery-left > div { width: 100% }
	.section.gallery .gallery-wrapper { width: 100% }
	.section.gallery .gallery-wrapper .gallery-item { width: 100% }
	.section.gallery .gallery-wrapper .gallery-item:after { padding-top: 76% }
	.section.gallery .gallery-wrapper .gallery-close-icon { width: 2.5em; height: 2.5em }
	.section.gallery .gallery-wrapper .owl-prev, .section.gallery .gallery-wrapper .owl-next { width: 2.5em; height: 2.5em; margin-top: -1.25em }
	.section.gallery .gallery-wrapper .owl-prev:after, .section.gallery .gallery-wrapper .owl-next:after { right: .8125em }
	.section.gallery.gallery-view-active .gallery-right { transform: none }
}
@media screen and (max-width: 767px) {
	.section.gallery { display: block; width: 100%; position: relative }
	.section.gallery .gallery-left { padding-top: 0; padding-bottom: 0; position: absolute; z-index: 6; background: #fff; padding-top: 0; padding-bottom: 0; height: 50% }
	.section.gallery .gallery-left h2, .section.gallery .gallery-left p { max-width: 100% }
	.section.gallery .gallery-left h2 { font-size: 2.5em; margin-bottom: .3em }
	.section.gallery .gallery-left p { font-size: .75em; margin-bottom: 1.66667em; padding-left: 1.66667em; padding-right: 1.66667em }
	.section.gallery .gallery-left, .section.gallery .gallery-right { width: 100%; display: block }
	.section.gallery .gallery-left { display: flex; align-items: center }
	.section.gallery .gallery-left > div { width: 100% }
	.section.gallery .gallery-wrapper { width: 100% }
	.section.gallery .gallery-wrapper .gallery-item { width: 100% }
	.section.gallery .gallery-wrapper .gallery-item:after { padding-top: 76% }
	.section.gallery .gallery-wrapper .gallery-close-icon { width: 2.5em; height: 2.5em }
	.section.gallery .gallery-wrapper .owl-prev, .section.gallery .gallery-wrapper .owl-next { width: 2.5em; height: 2.5em; margin-top: -1.25em }
	.section.gallery .gallery-wrapper .owl-prev:after, .section.gallery .gallery-wrapper .owl-next:after { right: .8125em }
	.section.gallery.gallery-view-active .gallery-right .gallery-wrapper .gallery-close-icon { top: 15px; left: 15px }
	.section.gallery.gallery-view-active .gallery-right .gallery-wrapper .owl-next { right: 15px }
	.section.gallery.gallery-view-active .gallery-right .gallery-wrapper .owl-prev { left: 15px }
	.section.gallery.gallery-view-active .gallery-right { transform: none }
	.section.gallery .gallery-right .gallery-close-icon { width: 2.5em; height: 2.5em }
	.section.gallery.gallery-view-active .gallery-right .gallery-close-icon { top: 15px; left: 15px }
	.section.gallery .gallery-right .gallery-close-icon:before, .section.gallery .gallery-right .gallery-close-icon:after { width: 20px; margin-left: -10px }
}
.register-form { width: 56.25em; width: 42.1875em; margin: 0 auto; max-width: 100%; position: relative; padding-bottom: 1.25em }
.register-form label { width: 33.33%; float: left; padding-right: .625em; position: relative }
.register-form label input { width: 100%; background: none; -webkit-appearance: none; -moz-appearance: none; border: 0; box-shadow: none; font-size: 1.25em; line-height: 1em; padding: .5em 0; border-bottom: 2px solid; font-weight: 700; -webkit-appearance: none; border-radius: 0px }
.register-form label input:focus { outline: none }
.register-form label input::-webkit-input-placeholder { color: inherit }
.register-form label input::-moz-placeholder { color: inherit }
.register-form label input:-ms-input-placeholder { color: inherit }
.register-form label input:-moz-placeholder { color: inherit }
.register-form label input.error { border-bottom: 2px solid #d54343; color: #d54343; opacity: 1 }
.register-form label .validation_field label { width: 100%; padding-left: 0; text-align: left; font-size: 13px; color: #d54343; position: absolute; left: 0; top: 100% }
.register-form .form-submit { position: absolute; left: 100%; background: #f4c500; width: 2.75em; height: 2.75em; border-radius: 50%; top: 50%; transform: translateY(-50%); cursor: pointer }
.register-form .form-submit:focus { outline: none }
.register-form .form-submit:after { content: ""; background: url(../img/icons/arrow-right-small.svg) center center no-repeat; background-size: contain; position: absolute; width: 1.625em; height: 1em; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.register-form .form-submission-message { background: #fff; padding: 10px 15px; color: #000; position: fixed; left: -9999px; top: 0; opacity: 0; transform: translateX(-45%) }
.register-form .form-submission-message.error { color: #d54343 }
.register-form.form-success label, .register-form.form-success .form-submit, .register-form.form-error label, .register-form.form-error .form-submit { transform: translateX(-3em); opacity: 0; transition: 0.5s }
.register-form.form-success label:nth-of-type(1), .register-form.form-error label:nth-of-type(1) { transition: 0.5s }
.register-form.form-success label:nth-of-type(2), .register-form.form-error label:nth-of-type(2) { transition: 0.5s 0.1s }
.register-form.form-success label:nth-of-type(3), .register-form.form-error label:nth-of-type(3) { transition: 0.5s 0.1s }
.register-form.form-success label:nth-of-type(4), .register-form.form-error label:nth-of-type(4) { transition: 0.5s 0.3s }
.register-form.form-success .form-submit, .register-form.form-error .form-submit { transition: 0.5s 0.4s }
.register-form.form-success .form-submission-message.success { position: absolute; opacity: 1; transition: all 0.3s 0.5s, left 0s 0s; transform: translateX(-50%); left: 50% }
.register-form.form-error .form-submission-message.error { position: absolute; opacity: 1; transition: all 0.3s 0.5s, left 0s 0s; transform: translateX(-50%); left: 50% }
.klaviyo_messages { position: absolute; top: 100%; left: 0; width: 100%; text-align: left }
.klaviyo_messages .error_message { color: #d54343 }
.klaviyo_messages .success_message { text-align: center; position: absolute; top: 0; bottom: auto; top: -20px; left: 50%; transform: translateX(-50%) }
.main-bike-section { overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.main-bike-section .main-bike-trigger { position: absolute; left: 0; top: 50vh }
.main-bike-img, .main-bike-section .mask img { position: absolute; top: 50%; left: 50%; transition: 2s; will-change: transform }
.main-bike-section[data-stage="3"] .main-bike-img-wrapper { transform: scale(1.5) translateX(-32%) translateY(-32%); transform: scale(1.5) translateX(-32%) translateY(-40%) }
.main-bike-section[data-stage="4"] .main-bike-img-wrapper { transform: scale(2) translateX(-20%) translateY(-32%) }
.main-bike-section[data-stage="4"] .main-bike-img-wrapper .main-img-mask { opacity: 0 }
.main-bike-section[data-stage="4"] .main-bike-img { opacity: 0.3 }
.main-bike-section[data-stage="5"] .main-bike-img-wrapper { transform: scale(1.5) translateX(-40%) translateY(-32%); transform: scale(1.5) translateX(-45%) translateY(-32%) }
.main-bike-section[data-stage="5"] .main-bike-img-wrapper .main-img-mask { opacity: 0 }
.main-bike-section[data-stage="5"] .main-bike-img, .main-bike-section[data-stage="5"] .mask img { opacity: 0.2 }
.bike-content-description { position: absolute; top: 20%; width: 23.75em; left: 60%; color: #fff; transform: translateY(-50px); opacity: 0; transition: 0.5s ;}
.bike-content-description .gq-more{text-align: left;margin-top: 10%}
.bike-content-description h2 { margin: 0; font-size: 6.25em; line-height: 1em; letter-spacing: -0.02em; text-indent: -0.07em }
.bike-content-description .content-reveal.order-1 span{font-size: 0.88em;}
.bike-content-description .content-reveal.order-2 span{     font-size: 14px;
	line-height: 30px;
	/* text-indent: 2em; */
	color: #dfdfdf;
	letter-spacing: 1px;
	margin-bottom: 12px;}
.bike-content-description .content-reveal.order-2 span img
{
	width: 28px;
	margin-right: 10px;
}
.bike-content-description .content-reveal.order-2 p{     font-size: 14px;
	line-height: 30px;
	/* text-indent: 2em; */
	color: #dfdfdf;
	letter-spacing: 1px;
	margin-bottom: 12px;}
.bike-content-description .content-reveal.order-2 p img
{
	width: 28px;
	margin-right: 10px;
}
.bike-content-description p { color: #999999; font-size: 1.125em; line-height: 1.2em }
.bike-content-description p strong { color: #fff }
.bike-content-description .bike-container { position: relative; display: inline-block; vertical-align: top; padding-bottom: 3.125em }
.bike-content-description .bike-container img { opacity: 0.3 }
.bike-content-description .bike-container .center-circle { width: 1.25em; height: 1.25em; background: #f4c500; border-radius: 50%; position: absolute; left: 37%; top: 37%; box-shadow: 0px 0px 0 .75em rgba(255, 255, 255, 0.5) }
.bike-content-description .bike-container .text { position: absolute; top: 4.5em; top: 100%; margin-top: 4.5em; width: 7em; font-size: 10px; text-transform: uppercase; text-align: center; font-weight: 700; color: rgba(255, 255, 255, 0.5); letter-spacing: 0.05em; margin-left: -3.5em; left: 50% }
.bike-content-description .bike-container .text:before { content: ""; position: absolute; right: 0; width: 1px; height: 2em; background: rgba(255, 255, 255, 0.5); bottom: 100%; margin-bottom: 6px; right: 50% }
.bike-content-description .regenerative-power { position: relative }
.bike-content-description .regenerative-power p { font-size: .875em; width: 16.42857em; padding-left: 5em; color: rgba(255, 255, 255, 0.4); position: relative }
.bike-content-description .regenerative-power p:before { content: ""; width: 3.92857em; height: 3.71429em; position: absolute; left: 0; top: 50%; margin-top: -1.85714em; background: url(../img/regenerative-icon.png) center no-repeat; background-size: contain }
.bike-content-description .regenerative-power svg { stroke: #efc102; fill: none; stroke-linecap: round; width: 1.125em; position: absolute; top: 50%; left: 1.875em; transform: translate(-50%, -50%) }
.text-label-block { display: inline-block; vertical-align: top; padding: .3125em .9375em; position: relative }
.text-label-block:not(:last-of-type) { border-right: 1px solid rgba(255, 255, 255, 0.2) }
.text-label-block:first-of-type { padding-left: 0 }
.text-label-block span { display: block; text-align: center; text-transform: uppercase; letter-spacing: 0.05em }
.text-label-block span.yellow, .text-label-block span.grey { font-size: .5em; color: #f4c500; font-weight: bold; line-height: 1.2em }
.text-label-block span.white { font-size: 1.5625em; font-family: 'Reforma'; color: #fff; line-height: 0.72em; margin: .2em 0 }
.text-label-block span.grey { color: #fff; opacity: 0.5 }
.active .bike-content-description { transform: translateY(0); opacity: 1 }
.main-bike_text-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.main-bike-detail.detail-2 { transform: scale(0); border: 1px solid #fff; border-radius: 50%; position: absolute; width: 22.5em; height: 22.5em; margin-left: -11.25em; margin-top: -11.25em; transition: 0.75s; position: absolute; left: 0; top: 0; box-shadow: inset 0px 0px 4.5em 2em rgba(255, 255, 255, 0.3); opacity: 0 }
.main-bike-detail.detail-2:before { content: ""; position: absolute; left: 50%; top: 50%; width: 4.375em; height: 4.375em; background: #000; border-radius: 50%; margin-top: -2.1875em; margin-left: -2.1875em; border: 1px solid #f4c500 }
.main-bike-detail.detail-2 svg { stroke: #efc102; fill: none; stroke-linecap: round; width: 1.625em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.main-bike-detail.detail-2 .text-label-block { position: absolute; left: 0; bottom: 100%; border-right: 0; padding-right: 0 }
.main-bike-detail.detail-2 .text-label-block .circle { width: 1.6875em; height: 1.6875em; position: absolute; top: 100%; overflow: hidden; left: 50%; margin-top: 3px }
.main-bike-detail.detail-2 .text-label-block .circle:after { content: ""; position: absolute; top: -100%; left: 0; width: 200%; height: 200%; border: 1px solid #fff; border-radius: 50%; opacity: 0.5 }
.main-bike-detail.detail-2 .circles-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.main-bike-detail.detail-2 .circles-wrapper > div { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.main-bike-detail.detail-2 .circles-wrapper > div .circle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/half-circle.png) center no-repeat; background-size: contain }
.main-bike-detail.detail-2 .circles-wrapper > div:nth-of-type(1) { transform: scale(0.8) }
.main-bike-detail.detail-2 .circles-wrapper > div:nth-of-type(1) .circle { animation: circleRotateF 16s infinite linear }
.main-bike-detail.detail-2 .circles-wrapper > div:nth-of-type(2) { transform: scale(0.6) }
.main-bike-detail.detail-2 .circles-wrapper > div:nth-of-type(2) .circle { animation: circleRotateF 8s infinite linear }
.main-bike-detail.detail-2 .circles-wrapper > div:nth-of-type(3) { transform: scale(0.4) }
.main-bike-detail.detail-2 .circles-wrapper > div:nth-of-type(3) .circle { animation: circleRotateF 4s infinite linear }
.main-bike-section[data-stage="4"] .main-bike-detail.detail-2 { opacity: 1; transform: scale(0.5); transition: 1s 0.5s }
.main-bike-detail.detail-3 { position: absolute; width: 50.8%; position: absolute; left: 6%; top: 2%; transform: scale(0.8) translateY(6em);  transition: 0.75s }
.main-bike-detail.detail-3:after { content: ""; display: block; padding-top: 84% }
.main-bike-detail .background{opacity: 0}
.main-bike-detail.detail-3 .background {opacity: 1;
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
	-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);
	/*background: url(../img/02.png) center no-repeat; background-size: contain;opacity: 0.66;*/
}
.main-product>img {
	width: 100%;
	opacity: 0.66;
	-webkit-transition: all 0.48s ease-in-out; -moz-transition: all 0.48s ease-in-out ; -ms-transition: all 0.48s ease-in-out ; -o-transition: all 0.48s ease-in-out ; transition: all 0.48s ease-in-out ;
}
.main-bike-section[data-stage="3"]  .main-product>img{opacity: 	0}
.main-bike-section[data-stage="4"]  .main-product>img{opacity: 	0}
.main-bike-detail.detail-3 .circles-line { width: 100%; backface-visibility: hidden; position: absolute; transform: rotate(-62deg); transform-origin: left }
.main-bike-detail.detail-3 .circles-line .circle { border-radius: 50%; border: 1px solid #fff; opacity: 0.3; width: 3.5%; float: left; margin-right: 1%; float: left; box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0); transition: 1.5s }
.main-bike-detail.detail-3 .circles-line .circle.active { box-shadow: inset 0px 0px 7px 3px rgba(255, 255, 255, 0.5); opacity: 1 }
.main-bike-detail.detail-3 .circles-line .circle:after { content: ""; padding-top: 100%; display: block }
.main-bike-detail.detail-3 .circles-line:nth-of-type(1) { top: 70%; left: 29.5% }
.main-bike-detail.detail-3 .circles-line:nth-of-type(2) { top: 70.5%; left: 34.5% }
.main-bike-detail.detail-3 .circles-line:nth-of-type(3) { top: 71%; left: 39.5% }
.main-bike-detail.detail-3 .circles-line:nth-of-type(4) { top: 71.5%; left: 44.5% }
.main-bike-section[data-stage="5"] .main-bike-detail.detail-3 { transform: scale(0.75) translateY(0em); transition: 1s 0.5s; opacity: 1 }

.main-bike-img-wrapper-mobile { position: relative }
.main-bike-img-wrapper-mobile .main-bike-img, .main-bike-img-wrapper-mobile .main-img-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.main-bike-img-wrapper-mobile .main-img-mask { opacity: 0.6; transition: 2s; width: 100.37%; max-width: none; left: -0.18%; height: auto; top: -0.6% }
.main-bike-img-wrapper-mobile:after { content: ""; display: block; padding-bottom: 57% }
@keyframes circleRotateF {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg) }
}
@keyframes circleRotateB {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(-360deg) }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.bike-content-description { max-width: 80%; top: 2.5em; left: 1.25em; top: 3.125em; left: 3.125em }
	.bike-content-description .bike-container, .bike-content-description .text-label-block { display: none }
	.main-bike-img { position: relative; top: 50vh; width: 200%; max-width: none; left: -50% }
	.slide-3 .main-bike-img-wrapper-mobile { width: 320%; position: absolute; bottom: -50%; left: -60% }
	.slide-4 .main-bike-img-wrapper-mobile { width: 100%; position: absolute; bottom: -30%; left: 0; transform: scale(4.5) translateY(-20%) translateX(10%); width: 400%; position: absolute; bottom: -62%; left: -110%; transform: none }
	.slide-4 .main-bike-img-wrapper-mobile img { opacity: 0.3 }
	.slide-4 .main-bike-img-wrapper-mobile .main-bike-detail.detail-2 { opacity: 1; transform: scale(1); top: 58.6%; left: 40.3% }
	.slide-5 .main-bike-img-wrapper-mobile { width: 100%; left: 20%; bottom: 110%; transform: scale(4) translateX(-4%) translateY(64%); width: 360%; left: -125%; bottom: 42%; transform: none }
	.slide-5 .main-bike-img-wrapper-mobile img { opacity: 0.3 }
	.slide-5 .main-bike-img-wrapper-mobile .main-bike-detail.detail-3 { transform: scale(0.75) translateY(0); opacity: 1 }
}
@media screen and (max-width: 767px) {
	.bike-content-description { max-width: 80%; top: 2.5em; left: 1.25em }
	.bike-content-description h2 { font-size: 5em }
	.bike-content-description p { font-size: 1em }
	.bike-content-description .bike-container, .bike-content-description .text-label-block { display: none }
	.main-bike-img { position: relative; top: 50vh; width: 200%; max-width: none; left: -50% }
	.slide-3 .main-bike-img-wrapper-mobile { width: 320%; position: absolute; bottom: 0; left: -80% }
	.slide-4 .main-bike-img-wrapper-mobile { width: 100%; position: absolute; bottom: 0; left: 0; width: 400%; position: absolute; bottom: -18%; left: -110%; transform: none }
	.slide-4 .main-bike-img-wrapper-mobile img { opacity: 0.3 }
	.slide-4 .main-bike-img-wrapper-mobile .main-bike-detail.detail-2 { opacity: 1; transform: scale(0.2); transform: none; top: 58.6%; left: 40.3% }
	.slide-5 .main-bike-img-wrapper-mobile { width: 100%; left: 0; bottom: 0; width: 360%; left: -129%; bottom: -7%; transform: none }
	.slide-5 .main-bike-img-wrapper-mobile img { opacity: 0.3 }
	.slide-5 .main-bike-img-wrapper-mobile .main-bike-detail.detail-3 { transform: scale(0.75) translateY(0); opacity: 1 }
}
.main-bike-img-wrapper { width: 3831px; width: 100%; position: absolute; left: 50%; top: 50%; transition: 2s; transform: translateX(-50%) translateY(-50%) }
.main-bike-img-wrapper .main-bike-img, .main-bike-img-wrapper .main-img-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.main-bike-img-wrapper .main-img-mask { opacity: 0.6; transition: 2s; width: 100.37%; max-width: none; left: -0.18%; height: auto; top: -0.6% }
.main-bike-img-wrapper:after { content: ""; display: block; padding-bottom: 57% }
.detail-2-anchor { position: absolute; left: 40.2%; top: 58.7% }
.specifications { display: table; width: 100%; background: #4b4b4b; table-layout: fixed; height: 100% }
.specifications .content-reveal span{font-size: 2.25em}
.specifications .specs-left { text-align: center;opacity: 0.38 }
.specifications .specs-left h2 { margin: 0; color: #fff; text-transform: uppercase; font-size: 6.25em; font-weight: 300; font-family: 'Reforma' }
.specifications .specs-right { background: #fff }
.specifications .specs-left, .specifications .specs-right { display: table-cell; vertical-align: middle; width: 50% }
.specifications .specs-right { padding: 1.25em 7.5em }
.specifications .specifications-table { width: 25.625em; max-width: 100% }
.specifications .specifications-table .item { display: table; width: 100%; table-layout: fixed; line-height: 1.375em; padding: .625em 0 }
.specifications .specifications-table .item:not(:last-of-type) { border-bottom: 1px solid #e5e5e5 }
.specifications .specifications-table .item .left { width: 6.875em; display: table-cell; font-weight: 700 }
.specifications .specifications-table .item .right { opacity: 0.5; text-align: left; display: table-cell }
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.specifications { display: block; background: #fff }
	.specifications .specs-left { padding-top: 3.125em }
	.specifications .specs-right { padding-bottom: 6.25em }
	.specifications .specs-left, .specifications .specs-right { display: block; width: 100% }
	.specifications .specs-left h2, .specifications .specs-right h2 { color: #000 }
	.specifications .specifications-table { margin-left: auto; margin-right: auto }
}
@media screen and (max-width: 767px) {
	.specifications { display: block; background: #fff }
	.specifications .specs-left, .specifications .specs-right { display: block; width: 100% }
	.specifications .specs-left h2, .specifications .specs-right h2 { font-size: 2.5em; color: #000; font-weight: 500; letter-spacing: 0.05em }
	.specifications .specs-left { padding-top: 5.3125em; padding-bottom: 1.25em }
	.specifications .specs-right { padding: 0 1.25em }
	.specifications .specifications-table { padding-bottom: 2.5em }
	.specifications .specifications-table .item { font-size: .875em }
	.specifications .specifications-table .item .left { width: 32% }
}
.content-reveal { overflow: hidden; display: block }

.content-reveal .index-pro
{
	display: inline-block;
	width: 23%;
	/*background: url(../img/pro_line.png) no-repeat center right;*/
	/*background-size: 20px;*/
	/*padding-right: 20px;*/
	text-align: center;
}
.content-reveal .index-pro img{
	width: 60px;
	display: block;
	margin: 0 auto ;
}
.content-reveal .index-pro p
{
	margin: 0;
	font-size: 0.875em;
}
.content-reveal .index-pro span{
	color: #f3c415;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 38px;
}
.content-reveal.order-1 span {    text-transform: capitalize;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1em;
	letter-spacing: -0.02em;
	text-indent: -0.07em;}
.content-reveal.order-2 span{
	font-size: 14px;
	line-height: 38px;
}
.content-reveal > span, .content-reveal > div { display: block; transform: translateY(100%); transition: 0.5s }
.active .content-reveal > span, .active .content-reveal > div { transform: translateY(0%) }
.active .content-reveal.order-1 > span, .active .content-reveal.order-1 > div { transition: 0.5s 0.5s }
.active .content-reveal.order-2 > span, .active .content-reveal.order-2 > div { transition: 0.5s 0.75s }
.active .content-reveal.order-3 > span, .active .content-reveal.order-3 > div { transition: 0.5s 1s }
.active .content-reveal.order-4 > span, .active .content-reveal.order-4 > div { transition: 0.5s 1.25s }
.active .content-reveal.order-5 > span, .active .content-reveal.order-5 > div { transition: 0.5s 1.5s }
html, body { position: relative; overflow: hidden }
.container { height: 100vh; overflow: hidden }
.slide { height: 100vh; display: block; overflow: hidden }
.slide { position: absolute; top: 0; left: 0; width: 100%; transform: translateY(100%); z-index: 2 }
.slide.active { top: 0 }
.slide.active:after { opacity: 0; transition: 2s }
.slide:after { opacity: 1; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: #fff; transition: 3s; pointer-events: none; opacity: 0 }
.slide.animateout-top { margin-top: 250px; transform: translateY(-100%) }
.slide.animateout-bottom { transform: translateY(100%) }
.slide-2 .text { position: absolute; top: 100px; left: 0%; width: 100%; font-size: 80px; color: #fff; font-weight: 700; z-index: 3; text-transform: uppercase; transform: translateY(-20px); opacity: 0; transition: 0.3s }
.slide-2.active .text { transition: 0.75s 0.75s; transform: translateY(0); opacity: 1 }
.slides-pagination { position: fixed; right: 0; bottom: 0; z-index: 3; right: 1.4375em; bottom: 1.875em; list-style: none; display: none }
.slides-pagination li { width: .5625em; height: .5625em; border-radius: 50%; border: 1px solid #6d0048; margin-top: .5em }
.slides-pagination li.active { background: #d92e89 }
@media screen and (min-width: 768px) and (max-width: 1024px) {
	html, body { overflow: scroll }
	.container { height: auto; overflow: visible }
	.slide { position: relative; width: 100%; height: auto; transform: none !important }
	.slide.hero { height: 100vh }
	.slide.slide-3, .slide.slide-4, .slide.slide-5 { height: 50em }
}
@media screen and (max-width: 767px) {
	html, body { overflow: scroll }
	.container { height: auto; overflow: visible }
	.slide { position: relative; width: 100%; height: auto; transform: none !important }
	.slide.hero { height: 100vh }
	.slide.slide-3, .slide.slide-4, .slide.slide-5 { height: 50em }
}
.popup { position: fixed; top: 0; left: -100%; width: 100%; height: 100%; z-index: 25; background: rgba(128, 128, 128, 0.9); background: rgba(128, 128, 128, 0); transition: all 0s 0s, left 0s 0.5s, background 0.5s 0s }
.popup .inner-wrapper { background: #fff; width: 56.25em; opacity: 0; transform: translateY(30px); transition: 0.5s; max-width: 90%; height: 90vh; margin: 0 auto; margin-top: 5vh }
.popup .inner-wrapper .left { padding: 2.5em }
.popup .inner-wrapper .left h3, .popup .inner-wrapper .left p { font-size: .9375em; margin: 0; margin-bottom: .66667em }
.popup .inner-wrapper .left h3 { color: #000000 }
.popup .inner-wrapper .left h3:not(:first-of-type) { margin-top: 1.33333em }
.popup .inner-wrapper .left p { color: #828282; line-height: 1.2em }
.popup .inner-wrapper .left p a { color: inherit }
.popup .inner-wrapper .left, .popup .inner-wrapper .right { width: 50%; float: left }
.popup .inner-wrapper .right { height: 100% }
.popup.active { left: 0; background: rgba(128, 128, 128, 0.9); transition: all 0s 0s, background 0.5s 0s }
.popup.active .inner-wrapper { opacity: 1; transform: translateY(0px) }
.popup.active .gallery-close-icon { transform: rotate(45deg); left: .9375em; top: .9375em; opacity: 1; transition: 0.5s 0.5s }
.paypal-button-wrap { width: 16.875em; height: 3.75em; background: #f28122; margin: 0 auto; position: relative }
.paypal-button-wrap button { position: absolute; top: 0; left: 0; padding-left: 4.375em; font-weight: 700; width: 100%; height: 100% }
.paypal-button-wrap button:before { content: "€200"; width: 4.375em; text-align: center; position: absolute; left: 0; background: #e67a20; top: 0; line-height: 3.75em }
.reservation-popup .inner-wrapper { background: url(../img/gallery-item-5.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative }
.reservation-popup .inner-wrapper:after { content: ""; bottom: 0; left: 0; width: 50%; height: 2.5em; position: absolute; background: linear-gradient(rgba(255, 255, 255, 0), #fff) }
.reservation-popup .left { background: #fff; height: 100%; overflow: scroll; position: relative }
.reservation-popup .right { position: relative; background: rgba(0, 0, 0, 0.6); padding: 1.25em }
.reservation-popup .right h2 { font-size: 3.125em; margin: 0; text-align: center; font-weight: 700; line-height: 1.2em; letter-spacing: -0.02em; margin-bottom: .25em; color: #fff }
.reservation-popup .right .content { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%) }
.reservation-popup .right .content img { opacity: 0.6; backface-visibility: hidden; display: block; margin: 0 auto; width: 19.375em; margin-top: 1.5625em }
.index-video-popup .inner-wrapper { height: 80vh; margin: 0 auto; margin-top: 10vh }
.index-video-popup .inner-wrapper iframe { width: 100%; height: 100% }
@media screen and (max-width: 767px) {
	.popup .inner-wrapper .left, .popup .inner-wrapper .right { width: 100% }
	.reservation-popup .right { width: 100% }
	.reservation-popup .right h2 { font-size: 2.5em }
	.reservation-popup .right .content img { width: 15.625em }
	.reservation-popup .left { display: block; order: 2; height: auto; overflow: visible }
	.reservation-popup .inner-wrapper { display: flex; flex-wrap: wrap; height: 80vh; margin-top: 20vh; overflow: scroll }
	.reservation-popup .inner-wrapper .right { height: 80% }
	.reservation-popup .inner-wrapper:after { display: none }
	.index-video-popup .inner-wrapper { height: 60vh; margin: 0 auto; margin-top: 20vh }
}
.footer-form { position: relative; background: #000; display: table; width: 100%; height: 100vh; z-index: 1 }
.footer-form .inner-wrapper { position: relative; z-index: 2; display: table-cell; vertical-align: middle; text-align: center; color: #fff; padding: 3.125em 0 }
.footer-form .inner-wrapper h2 { color: #fff; text-transform: uppercase; font-size: 6.25em; line-height: 1.2em; font-weight: 300; font-family: 'Reforma'; margin: 0 }
.footer-form .inner-wrapper p { font-size: 1.5625em; line-height: 1.2em; opacity: 0.6; width: 28.8em; max-width: 100%; margin: 0 auto }
.footer-form .background-video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; background-size: cover; background-position: center; background-repeat: no-repeat }
.footer-form .register-form { margin-top: 2.1875em; padding-bottom: 0; margin-bottom: 1.875em }
.footer-form .register-form label input { color: #fff; border-bottom: 2px solid #555555 }
.footer-form .register-form label input::-webkit-input-placeholder { color: #9d9e9d }
.footer-form .register-form label input::-moz-placeholder { color: #9d9e9d }
.footer-form .register-form label input:-ms-input-placeholder { color: #9d9e9d }
.footer-form .register-form label input:-moz-placeholder { color: #9d9e9d }
.footer-form .register-form label input:focus { color: #fff; border-bottom: 2px solid #f4c500 }
.footer-form .register-form label input.error { border-bottom: 2px solid #d54343; color: #d54343 }
.footer-form .register-form label input.error::-webkit-input-placeholder { color: #d54343 }
.footer-form .register-form label input.error::-moz-placeholder { color: #d54343 }
.footer-form .register-form label input.error:-ms-input-placeholder { color: #d54343 }
.footer-form .register-form label input.error:-moz-placeholder { color: #d54343 }
.footer-form .register-form label .validation_field label { width: 100%; padding-left: 0; text-align: left; font-size: 13px; color: #d54343; position: absolute; left: 0; top: 100% }
.footer-form footer { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; color: #fff; padding: .9375em }
.footer-form footer ul { margin: 0; padding: 0; list-style: none; text-align: center; line-height: 1em }
.footer-form footer ul li { display: inline-block; vertical-align: top; line-height: 1em; font-size: 1.25em; font-family: 'Reforma'; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 500; padding: 0 .5em; cursor: pointer; opacity: 0.4; transition: 0.3s }
.footer-form footer ul li a { color: inherit; text-decoration: none }
.footer-form footer ul li:first-of-type { float: left }
.footer-form footer ul li:last-of-type { float: right }
.footer-form footer ul li:hover:not(:last-of-type) { color: #f4c500; opacity: 1 }
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.footer-form { display: flex; width: 100% }
	.footer-form .inner-wrapper { display: block; padding-left: 1.875em; padding-right: 1.875em; padding-bottom: 7.5em; align-self: center }
	.footer-form .register-form { margin-top: 1.25em; margin-bottom: 5em; width: 25em }
	.footer-form footer ul li:not(:first-of-type) { display: none }
	.footer-form footer ul li:first-of-type { position: absolute; bottom: 1.25em; left: 50%; transform: translateX(-50%) }
	.register-form label { width: 100%; float: none; display: block; margin-bottom: .625em }
	.register-form .form-submit { position: relative; left: 0; display: inline-block; margin-top: 10px; top: 0; transform: none }
	.klaviyo_form_actions { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); top: 110% }
	.klaviyo_messages .success_message { width: 18.75em; max-width: 100% }
}
@media screen and (max-width: 767px) {
	.footer-form { height: auto; display: block }
	.footer-form .inner-wrapper { display: block; padding-left: 1.875em; padding-right: 1.875em; padding-bottom: 7.5em }
	.footer-form .inner-wrapper h2 { font-size: 2.5em; margin-bottom: .375em; font-weight: 500 }
	.footer-form .inner-wrapper p { font-size: 1em }
	.footer-form .register-form { margin-top: 1.25em; margin-bottom: 5em }
	.footer-form footer ul li:not(:first-of-type) { display: none }
	.footer-form footer ul li:first-of-type { position: absolute; bottom: 1.25em; left: 50%; transform: translateX(-50%) }
	.register-form label { width: 100%; float: none; display: block; margin-bottom: .625em }
	.register-form .form-submit { position: relative; left: 0; display: inline-block; margin-top: 10px; top: 0; transform: none }
	.klaviyo_form_actions { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); top: 110% }
	.klaviyo_messages .success_message { width: 18.75em; max-width: 100% }
}
@media screen and (min-width: 2000px) {
	html, body { font-size: 20px }
}
@media screen and (min-width: 1600px) and (max-width: 2000px) {
	html, body { font-size: 18px }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
	html, body { font-size: 14px }
}
@media screen and (max-height: 700px) {
	html, body { font-size: 14px }
}
/*# sourceMappingURL=site.css.map */