html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	word-break: normal;
	tab-size: 4
}

*,
:after,
:before {
	background-repeat: no-repeat;
	box-sizing: inherit
}

:after,
:before {
	text-decoration: inherit;
	vertical-align: inherit
}

* {
	padding: 0;
	margin: 0
}

hr {
	overflow: visible;
	height: 0
}

details,
main {
	display: block
}

summary {
	display: list-item
}

small {
	font-size: 80%
}

[hidden] {
	display: none
}

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

a {
	background-color: transparent
}

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

code,
kbd,
pre,
samp {
	font-family: monospace, monospace
}

pre {
	font-size: 1em
}

b,
strong {
	font-weight: bolder
}

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

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

input {
	border-radius: 0
}

[disabled] {
	cursor: default
}

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

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

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

textarea {
	overflow: auto;
	resize: vertical
}

button,
input,
optgroup,
select,
textarea {
	font: inherit
}

optgroup {
	font-weight: 700
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
	cursor: pointer;
	color: inherit
}

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

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

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

button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none
}

select {
	-moz-appearance: none;
	-webkit-appearance: none
}

select::-ms-expand {
	display: none
}

select::-ms-value {
	color: currentColor
}

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

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

img {
	border-style: none
}

progress {
	vertical-align: baseline
}

@media screen {
	[hidden~=screen] {
		display: inherit
	}

	[hidden~=screen]:not(:active):not(:focus):not(:target) {
		position: absolute !important;
		clip: rect(0 0 0 0) !important
	}
}

[aria-busy=true] {
	cursor: progress
}

[aria-controls] {
	cursor: pointer
}

[aria-disabled] {
	cursor: default
}

@media (min-width:320px) {
	body:after {
		content:'{"phone":{"value": "320px", "active": true}, "tablet":{"value": "768px", "active": false}, "desktop":{"value": "1024px", "active": false}}';
		display: block;
		height: 0;
		overflow: hidden;
		width: 0
	}
}

@media (min-width:768px) {
	body:after {
		content:'{"phone":{"value": "320px", "active": true}, "tablet":{"value": "768px", "active": true}, "desktop":{"value": "1024px", "active": false}}';
		display: block;
		height: 0;
		overflow: hidden;
		width: 0
	}
}

@media (min-width:1024px) {
	body:after {
		content:'{"phone":{"value": "320px", "active": true}, "tablet":{"value": "768px", "active": true}, "desktop":{"value": "1024px", "active": true}}';
		display: block;
		height: 0;
		overflow: hidden;
		width: 0
	}
}

.grid {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0
}

.grid--auto>*,
.grid-cell {
	-ms-flex: 1;
	flex: 1;
	-ms-flex-positive: 4;
	flex-grow: 4
}

.grid-cell--auto-size {
	-ms-flex: none;
	flex: none
}

.grid-cell--light {
	-ms-flex-positive: 2;
	flex-grow: 2
}

.grid-cell--heavy {
	-ms-flex-positive: 8;
	flex-grow: 8
}

.grid--gutters {
	margin: 0
}

.grid--auto.grid--gutters>*,
.grid--gutters>.grid-cell {
	padding: 0;
	box-sizing: border-box
}

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

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

.grid--center {
	-ms-flex-align: center;
	align-items: center
}

.grid--flex-grid-cell>.grid-cell,
.grid--flex>.grid-cell {
	display: -ms-flexbox;
	display: flex
}

.grid--justify-center {
	-ms-flex-pack: center;
	justify-content: center
}

.grid--justify-start {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.grid--justify-end {
	-ms-flex-pack: end;
	justify-content: flex-end
}

.grid-cell--top {
	-ms-flex-item-align: start;
	align-self: flex-start
}

.grid-cell--bottom {
	-ms-flex-item-align: end;
	align-self: flex-end
}

.grid-cell--center {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

@media (min-width:320px) and (max-width:767px) {
	.hidden--for-phone {
		display: none !important
	}
}

@media (min-width:320px) {
	.hidden--from-phone {
		display: none !important
	}
}

@media (max-width:319px) {
	.hidden--to-phone {
		display: none !important
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.hidden--for-tablet {
		display: none !important
	}
}

@media (min-width:768px) {
	.hidden--from-tablet {
		display: none !important
	}
}

@media (max-width:767px) {
	.hidden--to-tablet {
		display: none !important
	}
}

@media (min-width:1024px) {

	.hidden--for-desktop,
	.hidden--from-desktop {
		display: none !important
	}
}

@media (max-width:1023px) {
	.hidden--to-desktop {
		display: none !important
	}
}

.grid--1-1>.grid-cell:not([class*=grid-cell--]) {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}

.grid--auto-1>*,
.grid>.grid-cell.grid-cell--1-1 {
	-ms-flex: 0 0 100% !important;
	flex: 0 0 100% !important
}

.grid--1-2>.grid-cell:not([class*=grid-cell--]) {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

.grid>.grid-cell.grid-cell--1-2 {
	-ms-flex: 0 0 50% !important;
	flex: 0 0 50% !important
}

.grid--2-2>.grid-cell:not([class*=grid-cell--]) {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}

.grid>.grid-cell.grid-cell--2-2 {
	-ms-flex: 0 0 100% !important;
	flex: 0 0 100% !important
}

.grid--auto-2>* {
	-ms-flex: 0 0 50% !important;
	flex: 0 0 50% !important
}

.grid--1-4>.grid-cell:not([class*=grid-cell--]) {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%
}

.grid>.grid-cell.grid-cell--1-4 {
	-ms-flex: 0 0 25% !important;
	flex: 0 0 25% !important
}

.grid--2-4>.grid-cell:not([class*=grid-cell--]) {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

.grid>.grid-cell.grid-cell--2-4 {
	-ms-flex: 0 0 50% !important;
	flex: 0 0 50% !important
}

.grid--3-4>.grid-cell:not([class*=grid-cell--]) {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%
}

.grid>.grid-cell.grid-cell--3-4 {
	-ms-flex: 0 0 75% !important;
	flex: 0 0 75% !important
}

.grid--fit>.grid-cell {
	-ms-flex: 1;
	flex: 1
}

.grid--4-4>.grid-cell:not([class*=grid-cell--]),
.grid--full>.grid-cell {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}

.grid>.grid-cell.grid-cell--4-4 {
	-ms-flex: 0 0 100% !important;
	flex: 0 0 100% !important
}

.grid--auto-4>* {
	-ms-flex: 0 0 25% !important;
	flex: 0 0 25% !important
}

@media (min-width:320px) {
	.grid--1-1\@phone-x-small>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid--auto-1\@phone-x-small>*,
	.grid>.grid-cell.grid-cell--1-1\@phone-x-small {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--1-2\@phone-x-small>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--1-2\@phone-x-small {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--2-2\@phone-x-small>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--2-2\@phone-x-small {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-2\@phone-x-small>* {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--1-4\@phone-x-small>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%
	}

	.grid>.grid-cell.grid-cell--1-4\@phone-x-small {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}

	.grid--2-4\@phone-x-small>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--2-4\@phone-x-small {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--3-4\@phone-x-small>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%
	}

	.grid>.grid-cell.grid-cell--3-4\@phone-x-small {
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important
	}

	.grid--fit\@phone-x-small>.grid-cell {
		-ms-flex: 1;
		flex: 1
	}

	.grid--4-4\@phone-x-small>.grid-cell:not([class*=grid-cell--]),
	.grid--full\@phone-x-small>.grid-cell {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--4-4\@phone-x-small {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-4\@phone-x-small>* {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}
}

@media (min-width:380px) {
	.grid--1-1\@phone-small>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid--auto-1\@phone-small>*,
	.grid>.grid-cell.grid-cell--1-1\@phone-small {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--1-2\@phone-small>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--1-2\@phone-small {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--2-2\@phone-small>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--2-2\@phone-small {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-2\@phone-small>* {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--1-4\@phone-small>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%
	}

	.grid>.grid-cell.grid-cell--1-4\@phone-small {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}

	.grid--2-4\@phone-small>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--2-4\@phone-small {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--3-4\@phone-small>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%
	}

	.grid>.grid-cell.grid-cell--3-4\@phone-small {
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important
	}

	.grid--fit\@phone-small>.grid-cell {
		-ms-flex: 1;
		flex: 1
	}

	.grid--4-4\@phone-small>.grid-cell:not([class*=grid-cell--]),
	.grid--full\@phone-small>.grid-cell {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--4-4\@phone-small {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-4\@phone-small>* {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}
}

@media (min-width:420px) {
	.grid--1-1\@phone>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid--auto-1\@phone>*,
	.grid>.grid-cell.grid-cell--1-1\@phone {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--1-2\@phone>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--1-2\@phone {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--2-2\@phone>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--2-2\@phone {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-2\@phone>* {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--1-4\@phone>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%
	}

	.grid>.grid-cell.grid-cell--1-4\@phone {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}

	.grid--2-4\@phone>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--2-4\@phone {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--3-4\@phone>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%
	}

	.grid>.grid-cell.grid-cell--3-4\@phone {
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important
	}

	.grid--fit\@phone>.grid-cell {
		-ms-flex: 1;
		flex: 1
	}

	.grid--4-4\@phone>.grid-cell:not([class*=grid-cell--]),
	.grid--full\@phone>.grid-cell {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--4-4\@phone {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-4\@phone>* {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}
}

@media (min-width:768px) {
	.grid--1-1\@tablet>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid--auto-1\@tablet>*,
	.grid>.grid-cell.grid-cell--1-1\@tablet {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--1-2\@tablet>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--1-2\@tablet {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--2-2\@tablet>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--2-2\@tablet {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-2\@tablet>* {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--1-4\@tablet>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%
	}

	.grid>.grid-cell.grid-cell--1-4\@tablet {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}

	.grid--2-4\@tablet>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--2-4\@tablet {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--3-4\@tablet>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%
	}

	.grid>.grid-cell.grid-cell--3-4\@tablet {
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important
	}

	.grid--fit\@tablet>.grid-cell {
		-ms-flex: 1;
		flex: 1
	}

	.grid--4-4\@tablet>.grid-cell:not([class*=grid-cell--]),
	.grid--full\@tablet>.grid-cell {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--4-4\@tablet {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-4\@tablet>* {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}
}

@media (min-width:1024px) {
	.grid--1-1\@desktop>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid--auto-1\@desktop>*,
	.grid>.grid-cell.grid-cell--1-1\@desktop {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--1-2\@desktop>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--1-2\@desktop {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--2-2\@desktop>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--2-2\@desktop {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-2\@desktop>* {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--1-4\@desktop>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%
	}

	.grid>.grid-cell.grid-cell--1-4\@desktop {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}

	.grid--2-4\@desktop>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--2-4\@desktop {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--3-4\@desktop>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%
	}

	.grid>.grid-cell.grid-cell--3-4\@desktop {
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important
	}

	.grid--fit\@desktop>.grid-cell {
		-ms-flex: 1;
		flex: 1
	}

	.grid--4-4\@desktop>.grid-cell:not([class*=grid-cell--]),
	.grid--full\@desktop>.grid-cell {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--4-4\@desktop {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-4\@desktop>* {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}
}

@media (min-width:1366px) {
	.grid--1-1\@desktop-medium>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid--auto-1\@desktop-medium>*,
	.grid>.grid-cell.grid-cell--1-1\@desktop-medium {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--1-2\@desktop-medium>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--1-2\@desktop-medium {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--2-2\@desktop-medium>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--2-2\@desktop-medium {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-2\@desktop-medium>* {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--1-4\@desktop-medium>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%
	}

	.grid>.grid-cell.grid-cell--1-4\@desktop-medium {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}

	.grid--2-4\@desktop-medium>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--2-4\@desktop-medium {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--3-4\@desktop-medium>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%
	}

	.grid>.grid-cell.grid-cell--3-4\@desktop-medium {
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important
	}

	.grid--fit\@desktop-medium>.grid-cell {
		-ms-flex: 1;
		flex: 1
	}

	.grid--4-4\@desktop-medium>.grid-cell:not([class*=grid-cell--]),
	.grid--full\@desktop-medium>.grid-cell {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--4-4\@desktop-medium {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-4\@desktop-medium>* {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}
}

@media (min-width:1920px) {
	.grid--1-1\@desktop-large>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid--auto-1\@desktop-large>*,
	.grid>.grid-cell.grid-cell--1-1\@desktop-large {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--1-2\@desktop-large>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--1-2\@desktop-large {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--2-2\@desktop-large>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--2-2\@desktop-large {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-2\@desktop-large>* {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--1-4\@desktop-large>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%
	}

	.grid>.grid-cell.grid-cell--1-4\@desktop-large {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}

	.grid--2-4\@desktop-large>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}

	.grid>.grid-cell.grid-cell--2-4\@desktop-large {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important
	}

	.grid--3-4\@desktop-large>.grid-cell:not([class*=grid-cell--]) {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%
	}

	.grid>.grid-cell.grid-cell--3-4\@desktop-large {
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important
	}

	.grid--fit\@desktop-large>.grid-cell {
		-ms-flex: 1;
		flex: 1
	}

	.grid--4-4\@desktop-large>.grid-cell:not([class*=grid-cell--]),
	.grid--full\@desktop-large>.grid-cell {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.grid>.grid-cell.grid-cell--4-4\@desktop-large {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important
	}

	.grid--auto-4\@desktop-large>* {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important
	}
}

html {
	padding: 0 !important
}

@keyframes a {
	0% {
		transform: translate3d(-50%, -50%, 0) rotate(0)
	}

	to {
		transform: translate3d(-50%, -50%, 0) rotate(1turn)
	}
}

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

.visuallyhidden {
	position: absolute !important;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
	pointer-events: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	position: fixed !important;
	z-index: 6;
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	width: auto;
	white-space: inherit
}

.hidden {
	display: none
}

.spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	display: inline-block;
	width: 20px;
	height: 20px;
	transform: translate3d(-50%, -50%, 0);
	pointer-events: none;
	animation: a 1.25s ease-in-out infinite;
	animation-play-state: paused;
	margin: 0 !important;
	color: inherit;
	opacity: 0
}

.spinner,
.spinner * {
	fill: currentColor
}

.btn.btn--loading,
.form-wrapper .loading button[name=subscribe],
.form-wrapper .loading button[type=submit],
.intercom-placeholder.loading,
body button.btn--loading {
	position: relative;
	transition: none
}

.btn.btn--loading>:not(.spinner):not(.btn__spinner),
.form-wrapper .loading button[name=subscribe]>:not(.spinner):not(.btn__spinner),
.form-wrapper .loading button[type=submit]>:not(.spinner):not(.btn__spinner),
.intercom-placeholder.loading>:not(.spinner):not(.btn__spinner),
body button.btn--loading>:not(.spinner):not(.btn__spinner) {
	opacity: 0
}

.btn.btn--loading .btn__spinner,
.btn.btn--loading .spinner,
.form-wrapper .loading button[name=subscribe] .btn__spinner,
.form-wrapper .loading button[name=subscribe] .spinner,
.form-wrapper .loading button[type=submit] .btn__spinner,
.form-wrapper .loading button[type=submit] .spinner,
.intercom-placeholder.loading .btn__spinner,
.intercom-placeholder.loading .spinner,
body button.btn--loading .btn__spinner,
body button.btn--loading .spinner {
	opacity: 1;
	animation-play-state: running
}

body:not(.template-checkout) {
	font-family: Suisse Intl, sans-serif;
	color: #333;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	max-width: 100%
}

.wrapper {
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--gutterWrapper);
	padding-right: var(--gutterWrapper)
}

:root {
	--gutter: 20px;
	--baseFontSize: 16px;
	--baseLineHeight: 1.4;
	--intercomWidgetWidth: 60px;
	--headerHeight: 66px
}

@media (min-width:1024px) {
	:root {
		--headerHeight: 73px
	}
}

* {
	box-sizing: border-box
}

body,
html {
	width: 100%;
	min-height: 100vh
}

html {
	scroll-behavior: smooth
}

body {
	margin: 0;
	overflow-x: hidden
}

.page-container {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto 1fr auto;
	grid-template-rows: auto 1fr auto;
	min-height: 100vh;
	transform: translateY(var(--redirect-banner-height));
	transition: transform .6s ease-in-out
}

.scroll-down:not(.scroll-stopped) .page-container,
.show-menu .page-container {
	transform: none
}

@media (max-width:767px) {
	.page-container {
		display: block
	}
}

.section {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: var(--gutter)
}

@media (min-width:1025px) {
	.section {
		padding: calc(var(--gutter) * 3)
	}
}

.section h2 {
	letter-spacing: -.015em
}

.section.section--hero-media h1,
.section.section--hero-media h2 {
	letter-spacing: -.4px
}

@media (min-width:1024px) {

	.section.section--hero-media h1,
	.section.section--hero-media h2 {
		letter-spacing: -2px
	}
}

.template-bike .section.section--hero-media h1,
.template-bike .section.section--hero-media h2 {
	letter-spacing: -.4px
}

@media (min-width:1024px) {

	.template-bike .section.section--hero-media h1,
	.template-bike .section.section--hero-media h2 {
		letter-spacing: -3px
	}
}

blockquote,
details,
dl,
ol,
p,
table,
ul {
	margin-bottom: var(--gutter)
}

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

td {
	border-bottom: 1px solid #333
}

td,
th {
	padding: calc(var(--gutter) * 1 / 6) calc(var(--gutter) * 1 / 4)
}

dt {
	font-weight: 500
}

dd {
	padding-left: var(--gutter)
}

hr {
	margin: calc(var(--gutter) * 1) 0;
	border: 0;
	border-top: 1px solid #e9e9e9
}

@media (min-width:1024px) {
	[data-columns] {
		display: -ms-grid;
		display: grid;
		grid-gap: var(--gutter);
		-ms-flex-align: start;
		align-items: flex-start
	}

	[data-columns="2"] {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr)
	}

	[data-columns="3"] {
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(3, 1fr)
	}

	[data-columns="4"] {
		-ms-grid-columns: (1fr)[4];
		grid-template-columns: repeat(4, 1fr)
	}

	[data-columns="5"] {
		-ms-grid-columns: (1fr)[4] 2fr;
		grid-template-columns: repeat(4, 1fr) 2fr
	}

	[data-columns="6"] {
		-ms-grid-columns: (1fr)[6];
		grid-template-columns: repeat(6, 1fr)
	}
}

.h6,
h6 {
	font-weight: 500;
	line-height: 1.2em;
	font-size: 1.47157rem;
	margin-bottom: 1em;
	font-size: min(max(1rem, 4.47157vw), 1.47157rem)
}

.h6 small,
h6 small {
	display: block;
	font-size: calc(var(--baseFontSize) * 1.25);
	line-height: 1;
	margin-bottom: .5em;
	letter-spacing: 0
}

@media (min-width:1024px) {

	.h6 small,
	h6 small {
		font-size: calc(var(--baseFontSize) * 1.375)
	}
}

.h6 sup,
h6 sup {
	font-size: calc(var(--baseFontSize) * .875);
	vertical-align: 2px
}

.inline .h6,
.inline h6 {
	display: inline;
	margin: 0
}

.inline .h6+p,
.inline h6+p {
	display: inline;
	font-weight: 500;
	font-size: 1.47157rem
}

.h5,
h5 {
	font-weight: 500;
	line-height: 1.2em;
	font-size: 2.16552rem;
	margin-bottom: 1em;
	font-size: min(max(1.4509rem, 4.71462vw), 2.16552rem)
}

.h5 small,
h5 small {
	display: block;
	font-size: calc(var(--baseFontSize) * 1.25);
	line-height: 1;
	margin-bottom: .5em;
	letter-spacing: 0
}

@media (min-width:1024px) {

	.h5 small,
	h5 small {
		font-size: calc(var(--baseFontSize) * 1.375)
	}
}

.h5 sup,
h5 sup {
	font-size: calc(var(--baseFontSize) * .875);
	vertical-align: 2px
}

.inline .h5,
.inline h5 {
	display: inline;
	margin: 0
}

.inline .h5+p,
.inline h5+p {
	display: inline;
	font-weight: 500;
	font-size: 2.16552rem
}

.h4,
h4 {
	font-weight: 500;
	line-height: 1.2em;
	font-size: 3.18671rem;
	margin-bottom: 1em;
	font-size: min(max(2.1351rem, 5.05161vw), 3.18671rem)
}

.h4 small,
h4 small {
	display: block;
	font-size: calc(var(--baseFontSize) * 1.25);
	line-height: 1;
	margin-bottom: .5em;
	letter-spacing: 0
}

@media (min-width:1024px) {

	.h4 small,
	h4 small {
		font-size: calc(var(--baseFontSize) * 1.375)
	}
}

.h4 sup,
h4 sup {
	font-size: calc(var(--baseFontSize) * .875);
	vertical-align: 2px
}

.inline .h4,
.inline h4 {
	display: inline;
	margin: 0
}

.inline .h4+p,
.inline h4+p {
	display: inline;
	font-weight: 500;
	font-size: 3.18671rem
}

.h3,
h3 {
	font-weight: 500;
	line-height: 1.2em;
	font-size: 4.68947rem;
	margin-bottom: 1em;
	font-size: min(max(2.34473rem, 6.34473vw), 4.68947rem)
}

.h3 small,
h3 small {
	display: block;
	font-size: calc(var(--baseFontSize) * 1.25);
	line-height: 1;
	margin-bottom: .5em;
	letter-spacing: 0
}

@media (min-width:1024px) {

	.h3 small,
	h3 small {
		font-size: calc(var(--baseFontSize) * 1.375)
	}
}

.h3 sup,
h3 sup {
	font-size: calc(var(--baseFontSize) * .875);
	vertical-align: 2px
}

.inline .h3,
.inline h3 {
	display: inline;
	margin: 0
}

.inline .h3+p,
.inline h3+p {
	display: inline;
	font-weight: 500;
	font-size: 4.68947rem
}

.h2,
h2 {
	font-weight: 500;
	line-height: 1.2em;
	font-size: 6.90088rem;
	margin-bottom: 1em;
	font-size: min(max(3.45044rem, 7.45044vw), 6.90088rem)
}

.h2 small,
h2 small {
	display: block;
	font-size: calc(var(--baseFontSize) * 1.25);
	line-height: 1;
	margin-bottom: .5em;
	letter-spacing: 0
}

@media (min-width:1024px) {

	.h2 small,
	h2 small {
		font-size: calc(var(--baseFontSize) * 1.375)
	}
}

.h2 sup,
h2 sup {
	font-size: calc(var(--baseFontSize) * .875);
	vertical-align: 2px
}

.inline .h2,
.inline h2 {
	display: inline;
	margin: 0
}

.inline .h2+p,
.inline h2+p {
	display: inline;
	font-weight: 500;
	font-size: 6.90088rem
}

.h1,
h1 {
	font-weight: 500;
	line-height: 1.2em;
	font-size: 10.15513rem;
	margin-bottom: 1em;
	font-size: min(max(5.07757rem, 9.07757vw), 10.15513rem)
}

.h1 small,
h1 small {
	display: block;
	font-size: calc(var(--baseFontSize) * 1.25);
	line-height: 1;
	margin-bottom: .5em;
	letter-spacing: 0
}

@media (min-width:1024px) {

	.h1 small,
	h1 small {
		font-size: calc(var(--baseFontSize) * 1.375)
	}
}

.h1 sup,
h1 sup {
	font-size: calc(var(--baseFontSize) * .875);
	vertical-align: 2px
}

.inline .h1,
.inline h1 {
	display: inline;
	margin: 0
}

.inline .h1+p,
.inline h1+p {
	display: inline;
	font-weight: 500;
	font-size: 10.15513rem
}

@media (max-width:1023px) {

	.h1,
	h1 {
		font-size: calc(var(--baseFontSize) * 3)
	}
}

h1 {
	overflow: hidden
}

body strong {
	font-weight: 500
}

body {
	font-size: 1rem;
	line-height: 1.47157
}

.slide-up {
	display: block;
	line-height: 1.1;
	animation: c .8s .2s both
}

img {
	max-width: 100%
}

article img {
	height: auto
}

img[src$=".svg"] {
	width: 100%;
	height: auto;
	max-width: none
}

picture,
picture img {
	display: block;
	margin: auto
}

a {
	color: #333;
	outline: none;
	transition: all .15s ease-in-out;
	-webkit-tap-highlight-color: transparent
}

a :not(.btn):focus {
	outline: 2px solid #6a7870
}

a :not(.btn):focus,
a :not(.btn):focus:not(:focus-visible) {
	background: transparent
}

a :not(.btn):focus-visible {
	outline: 2px solid #6a7870;
	background: transparent
}

.btn,
body button {
	font-family: Suisse Intl, sans-serif;
	color: #333;
	font-weight: 400;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	transition: .3s cubic-bezier(.49, .025, .49, 1);
	line-height: 1;
	padding: calc(var(--gutter) * .75) var(--gutter);
	border: 2px solid currentColor;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.btn.btn--naked,
body button.btn--naked {
	border-color: transparent;
	text-decoration: underline;
	padding: 0;
	border: 0;
	outline: 0
}

.btn.btn--naked-alt,
body button.btn--naked-alt {
	text-decoration: none;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center
}

.btn.btn--naked-alt svg,
body button.btn--naked-alt svg {
	position: static !important;
	margin-left: .5em;
	width: .75em;
	height: .75em;
	transition: transform .3s ease-in-out
}

.btn.btn--naked-alt:hover svg,
body button.btn--naked-alt:hover svg {
	transform: translate(5px)
}

.btn:not(.btn--naked),
body button:not(.btn--naked) {
	border-radius: 4px;
	font-weight: 500
}

.btn.btn--rounded,
body button.btn--rounded {
	border-radius: 100em
}

.btn.btn--buy,
.btn.btn--plain,
.btn.btn--plain-light,
body button.btn--buy,
body button.btn--plain,
body button.btn--plain-light {
	border-color: #333;
	background: #333;
	color: #fff;
	padding-left: var(--gutter);
	padding-right: var(--gutter)
}

.btn.btn--light,
body button.btn--light {
	border-color: #b7b2a7;
	background: #b7b2a7;
	color: #333;
	padding-left: var(--gutter);
	padding-right: var(--gutter)
}

.btn.btn--translucent,
body button.btn--translucent {
	border-color: transparent;
	background: hsla(0, 0%, 100%, .3);
	color: #fff
}

.btn.btn--plain-light,
body button.btn--plain-light {
	color: #333;
	background: #fff;
	border-color: #fff
}

.btn.btn--translucent-invert,
body button.btn--translucent-invert {
	border-color: transparent;
	background: rgba(51, 51, 51, .3);
	color: #fff
}

.btn.btn--lighter,
body button.btn--lighter {
	color: #333;
	background: #e4e4e0;
	border-color: #e4e4e0;
	background-clip: padding-box
}

.btn.btn--wide,
body button.btn--wide {
	min-width: 160px;
	text-align: center
}

.btn:not(:disabled):focus:not(.btn--naked),
.btn:not(:disabled):hover:not(.btn--naked),
body button:not(:disabled):focus:not(.btn--naked),
body button:not(:disabled):hover:not(.btn--naked) {
	color: #fff;
	background: #333;
	border: 2px solid #333
}

.btn:not(:disabled):focus.btn--buy,
.btn:not(:disabled):focus.btn--plain,
.btn:not(:disabled):focus.btn--translucent,
.btn:not(:disabled):focus.btn--translucent-invert,
.btn:not(:disabled):hover.btn--buy,
.btn:not(:disabled):hover.btn--plain,
.btn:not(:disabled):hover.btn--translucent,
.btn:not(:disabled):hover.btn--translucent-invert,
body button:not(:disabled):focus.btn--buy,
body button:not(:disabled):focus.btn--plain,
body button:not(:disabled):focus.btn--translucent,
body button:not(:disabled):focus.btn--translucent-invert,
body button:not(:disabled):hover.btn--buy,
body button:not(:disabled):hover.btn--plain,
body button:not(:disabled):hover.btn--translucent,
body button:not(:disabled):hover.btn--translucent-invert {
	color: #333;
	background: #fff;
	border-color: #fff
}

.btn:not(:disabled):focus.btn--plain-light,
.btn:not(:disabled):hover.btn--plain-light,
body button:not(:disabled):focus.btn--plain-light,
body button:not(:disabled):hover.btn--plain-light {
	color: #fff;
	background: #333;
	border-color: #333
}

.btn svg,
body button svg {
	margin: auto;
	vertical-align: text-top
}

.btn svg:not(:only-child),
body button svg:not(:only-child) {
	margin-left: calc(var(--gutter) * 1 / 6)
}

.btn:focus svg,
.btn:hover svg,
body button:focus svg,
body button:hover svg {
	fill: currentColor
}

.btn[aria-label] svg,
body button[aria-label] svg {
	display: block
}

.btn:disabled,
body button:disabled {
	opacity: .5;
	pointer-events: none
}

label+button {
	vertical-align: bottom
}

@media (prefers-reduced-motion:no-preference) {
	.scroll-snap-x {
		scroll-behavior: smooth
	}
}

@media screen and (prefers-reduced-motion:reduce) {
	html {
		scroll-behavior: auto
	}

	#redirect,
	.dialog-content,
	.dialog-overlay {
		transition: none;
		animation: none
	}
}

.list,
ol,
ul {
	padding: 0
}

.list--inline {
	list-style: none
}

.list--inline li {
	display: inline-block;
	vertical-align: middle
}

.no-bullets,
.page-footer ul {
	list-style: none
}

.bulleted {
	padding-left: var(--gutter)
}

.form-wrapper {
	position: relative
}

.form-wrapper .message>*,
.form-wrapper form {
	margin: 0
}

.form-wrapper form {
	position: relative
}

.form-wrapper fieldset {
	border: 0
}

.form-wrapper .message {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none
}

.form-wrapper .message>* {
	position: absolute;
	opacity: 0;
	width: 100%;
	pointer-events: none;
	transition: none
}

.form-wrapper .message button {
	cursor: pointer;
	border: 0;
	padding: 0;
	background: transparent;
	text-decoration: underline
}

.form-wrapper .form.success,
.form-wrapper form.success {
	opacity: 0
}

.form-wrapper .ko {
	padding: calc(var(--gutter) * 1 / 2);
	transform: translateY(10px);
	background: #e38181;
	color: #fff;
	border-radius: 4px
}

.form-wrapper .ko .btn,
.form-wrapper .ko a,
.form-wrapper .ko button {
	color: currentColor
}

.form-wrapper .error+.message .ko,
.form-wrapper .success+.message .ok {
	transition: opacity .15s ease-in-out, transform .35s cubic-bezier(.42, 0, .002, 1);
	position: static;
	opacity: 1;
	pointer-events: all
}

.form-wrapper .error+.message .ko {
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(0)
}

.form-wrapper button[name=subscribe],
.form-wrapper button[type=submit] {
	position: relative
}

.form-wrapper button[name=subscribe]>*,
.form-wrapper button[type=submit]>* {
	transition: opacity .3s ease-in-out
}

.form-wrapper .loading input {
	opacity: .1;
	pointer-events: none
}

.form-wrapper .loading button[name=subscribe],
.form-wrapper .loading button[type=submit] {
	opacity: 1;
	pointer-events: none;
	background-color: #3333331a;
	border-color: transparent
}

@media (max-width:420px) {
	.select {
		display: block
	}
}

form label,
form select {
	cursor: pointer
}

@media (max-width:420px) {
	form select {
		display: block;
		width: 100%
	}
}

form option {
	background: #fff;
	color: #333
}

form input,
form textarea {
	border: 0;
	border-bottom: 1px solid rgba(51, 51, 51, .1);
	padding: calc(var(--gutter) * .5) calc(var(--gutter) * .25);
	max-width: 100%;
	outline: none;
	transition: all .35s cubic-bezier(.42, 0, .002, 1)
}

form input:focus-visible,
form textarea:focus-visible {
	border-bottom: 1px solid #333
}

@media (max-width:420px) {

	form input,
	form textarea {
		display: block;
		width: 100%
	}

	form input[type=checkbox],
	form input[type=radio],
	form textarea[type=checkbox],
	form textarea[type=radio] {
		display: inline-block;
		width: auto
	}
}

form input:not([type=number]) {
	vertical-align: middle
}

form textarea {
	vertical-align: top
}

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

.optin {
	display: block;
	margin-top: calc(var(--gutter)*2);
	font-size: calc(var(--baseFontSize)*.875)
}

@media (min-width:1024px) {
	.optin {
		padding: 0 var(--gutter)
	}
}

:-ms-input-placeholder {
	opacity: 1
}

::placeholder {
	color: #333;
	opacity: 1
}

:-ms-input-placeholder,
::-ms-input-placeholder {
	color: #333
}

.cart__controls,
.product__info {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.cart__controls .qty,
.product__info .qty {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid rgba(51, 51, 51, .1);
	border-radius: 4px
}

.cart__controls .qty button,
.product__info .qty button {
	text-decoration: none;
	padding: calc(var(--gutter)*.7)
}

.cart__controls .qty svg,
.product__info .qty svg {
	color: #333 !important;
	vertical-align: middle
}

.cart__controls [data-quantity-input],
.product__info [data-quantity-input] {
	position: relative;
	z-index: 4;
	display: inline-block;
	font-size: calc(var(--baseFontSize)*.9);
	border: 0;
	padding: 0;
	width: 1ch
}

.cart__controls.cart__controls input::-webkit-inner-spin-button,
.cart__controls.cart__controls input::-webkit-outer-spin-button,
.product__info.cart__controls input::-webkit-inner-spin-button,
.product__info.cart__controls input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.cart__controls.cart__controls input[type=number],
.product__info.cart__controls input[type=number] {
	-moz-appearance: textfield
}

.cart__controls .remove,
.product__info .remove {
	transition: .2s cubic-bezier(.42, 0, .002, 1);
	font-size: calc(var(--baseFontSize)*.75);
	color: #333 !important
}

.cart__controls .remove:not(:only-child),
.product__info .remove:not(:only-child) {
	margin-left: calc(var(--gutter)/2)
}

@media (min-width:1024px) {

	.cart__controls .remove,
	.product__info .remove {
		opacity: 0;
		pointer-events: none
	}
}

.cart {
	position: relative;
	z-index: 4
}

.cart .cart__trigger {
	display: block;
	color: currentColor
}

.cart .cart__trigger .btn,
.cart .cart__trigger button {
	color: inherit
}

@media (min-width:1024px) {
	.cart .cart__trigger {
		position: relative;
		z-index: 2;
		padding-left: var(--gutter)
	}
}

.show-menu .cart {
	opacity: 0;
	pointer-events: none
}

.cart--empty__message {
	display: none;
	font-size: var(--baseFontSize);
	margin: calc(var(--gutter)*.5) 0 0
}

.cart--empty__message .cart--empty__link {
	color: #333 !important
}

.cart--empty .cart--empty__message {
	display: block
}

.cart__count {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate3d(50%, -25%, 0);
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 100em;
	font-size: calc(var(--baseFontSize)*.625);
	background: #1d1d1d;
	text-align: center;
	color: #fff;
	cursor: pointer;
	transition: .35s cubic-bezier(.42, 0, .002, 1)
}

.cart--empty .cart__count {
	opacity: 0;
	pointer-events: none
}

.cart__form {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1;
	width: 100vw;
	border-radius: 0 0 4px 4px;
	overflow: hidden;
	font-size: calc(var(--baseFontSize)*.875);
	opacity: 0;
	pointer-events: none;
	color: #333;
	transition: .35s cubic-bezier(.42, 0, .002, 1)
}

.cart__form .close {
	position: absolute;
	z-index: 4;
	top: 0;
	right: 0;
	padding: var(--gutter);
	color: #333
}

.cart__form .close svg {
	margin: auto
}

@media (min-width:1024px) {
	.cart__form {
		position: absolute;
		top: -10px;
		right: calc(var(--gutter) * -1.5);
		width: auto;
		max-width: 50vw;
		min-width: 420px
	}
}

.cart__form.proceeding * {
	pointer-events: none
}

.cart__form.proceeding .cart__summary {
	opacity: .3
}

.cart__inner {
	padding: 0 var(--gutter) var(--gutter);
	border-radius: 4px 4px 0 0;
	background: #fff
}

@media (min-width:1024px) {
	.cart__inner {
		padding: 0 calc(var(--gutter) * 1.5) calc(var(--gutter) * 1.5)
	}
}

.cart__heading {
	line-height: 1;
	letter-spacing: .04em;
	text-transform: uppercase;
	font-size: calc(var(--baseFontSize) * 3 / 4);
	font-weight: 600;
	padding-top: calc((var(--gutter) * 1.5) - 10px);
	margin-bottom: calc(var(--gutter) * 1.5)
}

.cart__items {
	max-height: 50vh;
	overflow: auto
}

@media (min-width:1024px) {
	.cart__items {
		max-height: calc(65vh - 85px)
	}
}

@media only screen and (min-width:1024px) and (max-height:660px) {
	.cart__items {
		max-height: calc(60vh - 85px)
	}
}


@media only screen and (min-width:1024px) and (max-height:560px) {
	.cart__items {
		max-height: calc(55vh - 85px)
	}
}


@media only screen and (min-width:1024px) and (max-height:480px) {
	.cart__items {
		max-height: calc(50vh - 85px)
	}
}

.cart__item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	gap: var(--gutter);
	margin-bottom: var(--gutter);
	position: relative;
	max-height: 92px;
	transition: all .5s cubic-bezier(.42, 0, .002, 1), opacity .35s cubic-bezier(.42, 0, .002, 1)
}

.cart__item .cart__item-descr {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.cart__item .cart__item-price {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right
}

.cart__item .cart__item-price .yearly {
	display: block;
	font-size: calc(var(--baseFontSize)*.75);
	color: #3339;
	font-weight: 400;
	line-height: 1
}

.cart__item .cart__item-picture {
	width: 92px;
	height: 92px;
	border-radius: 4px;
	background: #ebeae4;
	overflow: hidden
}

.cart__item .cart__item-picture picture {
	width: 100%;
	height: 100%
}

.cart__item .cart__item-picture img {
	display: block;
	height: 80%;
	width: 80%;
	margin-top: 10%;
	object-fit: contain
}

.cart__item .cart__item-title>* {
	display: block
}

.cart__item .cart__item-title strong {
	font-size: calc(var(--baseFontSize)*.9375);
	padding-right: 60px;
	line-height: 1.3
}

.cart__item .cart__item-title small {
	color: #333333b3;
	font-size: calc(var(--baseFontSize)*.8125)
}

.cart__item.cart__item--services .cart__item-picture img {
	height: 100%;
	width: 100%;
	margin: 0
}

.cart__item.cart__item--bike__cowboy-4-st .cart__item-title strong:after {
	content: " ST"
}

.cart__item:hover .remove {
	opacity: .7;
	pointer-events: all
}

.cart__item.removing {
	opacity: .1;
	max-height: 0;
	margin-bottom: 0;
	overflow: hidden
}

.cart__summary {
	border-top: 1px solid #e9e9e9;
	padding-top: var(--gutter);
	transition: .35s cubic-bezier(.42, 0, .002, 1)
}

.cart__summary p {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	line-height: 1;
	margin: 0 0 calc(var(--gutter) * .5)
}

.cart__summary p:last-child {
	margin-bottom: 0
}

.cart__summary p>:last-child {
	margin-left: auto;
	text-align: right
}

.cart__summary p>strong {
	font-size: calc(var(--baseFontSize)*1.125)
}

.cart__summary .note {
	color: #333333b3;
	font-size: calc(var(--baseFontSize)*.75)
}

.cart__summary .discount-label,
.cart__summary del {
	font-size: calc(var(--baseFontSize)*.75);
	color: #3339
}

.cart__summary del {
	display: none
}

.cart--discounted .cart__summary del {
	display: inline-block
}

.cart__submit {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}

.cart__cta {
	-ms-flex: 1;
	flex: 1;
	padding: var(--gutter);
	border: 0 !important;
	text-align: center;
	text-decoration: none
}

.cart__cta.cart__cta-cart {
	background: #e9e9e9;
	border-radius: 0 0 0 4px !important
}

@media (hover:hover) {

	.cart__cta.cart__cta-cart:focus,
	.cart__cta.cart__cta-cart:hover {
		background: #6a7870 !important;
		color: #fff !important
	}
}

.cart__cta.cart__cta-accessories,
.cart__cta.cart__cta-checkout {
	background: #333;
	color: #fff;
	border-radius: 0 0 4px !important
}


@media (hover:hover) {

	.cart__cta.cart__cta-accessories:focus,
	.cart__cta.cart__cta-accessories:hover,
	.cart__cta.cart__cta-checkout:focus,
	.cart__cta.cart__cta-checkout:hover {
		background: #6a7870 !important
	}
}

.cart--empty .cart__cta.cart__cta-accessories,
.cart--empty .cart__cta.cart__cta-checkout,
.cart__cta.cart__cta-accessories {
	display: none
}

.cart--empty .cart__cta.cart__cta-accessories {
	display: revert
}

.cart__cta:only-child {
	border-radius: 0 0 4px 4px !important
}

.cart--empty .cart__cta-cart span,
.cart__form:not(.cart--bike-in) .cart__cta-cart span,
.if-empty {
	display: none
}

.cart--empty .cart__cta-cart span.if-empty,
.cart__form:not(.cart--bike-in) .cart__cta-cart span.if-empty {
	display: revert
}

.cart--empty .cart__items,
.cart--empty .cart__summary {
	display: none
}

html[data-country=us] .cart--empty .cart__cta.cart__cta-cart {
	border-radius: 0 0 4px 4px !important
}

.cart--opened body {
	overflow: hidden
}

.cart--opened:before {
	display: block;
	content: "";
	position: fixed;
	z-index: 5;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(51, 51, 51, .8)
}

.cart--opened .page-header>:not(.cart) * {
	opacity: .8;
	pointer-events: none
}

.cart--opened .cart {
	opacity: 1 !important;
	pointer-events: all !important
}

.cart--opened .cart__form {
	opacity: 1;
	pointer-events: all;
	box-shadow: 0 7px 29px #ffffff26
}

.cart--opened .cart__trigger svg,
.cart--opened .close svg {
	color: #333 !important
}

:root {
	--shadow-color: 286deg 36% 64%;
	--shadow-elevation-low: 0px .2px .3px hsl(var(--shadow-color)/.15), 0px .6px .8px -1px hsl(var(--shadow-color)/.38);
	--shadow-elevation-medium: 0px .2px .3px hsl(var(--shadow-color)/.14), 0px .9px 1.2px -.5px hsl(var(--shadow-color)/.29), .1px 3px 4.1px -1px hsl(var(--shadow-color)/.43);
	--shadow-elevation-high: 0px .2px .3px hsl(var(--shadow-color)/.16), 0px 1.8px 2.4px -.2px hsl(var(--shadow-color)/.25), .1px 3.6px 4.9px -.5px hsl(var(--shadow-color)/.35), .1px 6.9px 9.3px -.7px hsl(var(--shadow-color)/.45), .3px 12.8px 17.3px -1px hsl(var(--shadow-color)/.54)
}

.locales {
	margin: 0;
	color: #333;
	position: relative
}

.locales summary {
	cursor: pointer;
	outline: none;
	color: #fff;
	list-style: none;
	padding: calc(var(--gutter) * 1 / 2) 0
}

.locales summary small {
	color: #d8d1c5
}

.locales summary svg {
	vertical-align: -3px;
	margin-left: calc(var(--gutter) * .25)
}

.locales summary::marker {
	display: none
}

.locales img {
	display: inline-block;
	vertical-align: -1px;
	height: calc(var(--gutter) * .6);
	width: calc(var(--gutter) * .6);
	border-radius: calc(var(--gutter) * .6);
	margin-right: calc(var(--gutter) * .3)
}

.locales small {
	font-size: 1em;
	color: #4a4846
}

.locales small:before {
	content: " / "
}

.locales ul {
	margin: 0 !important;
	width: 190px;
	padding: calc(var(--gutter) * .4) 0;
	position: absolute;
	bottom: 100%;
	left: calc(var(--gutter) * -.4);
	right: 0;
	transform: translateY(calc(var(--gutter) * -.5));
	border: 1px solid rgba(51, 51, 51, .1);
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 2.8px 2.2px #00000005, 0 6.7px 5.3px #00000007, 0 12.5px 10px #00000009, 0 22.3px 17.9px #0000000b, 0 41.8px 33.4px #0000000d, 0 100px 80px #00000012
}

.locales ul a {
	display: block;
	padding: calc(var(--gutter) * .4) calc(var(--gutter) * .5);
	text-decoration: none !important
}

.locales ul a:hover {
	background-color: #3333331a
}

.locales[open] summary svg {
	transform: rotate(180deg)
}

.app-stores ul {
	margin-bottom: 0
}

.app-stores li:not(:last-child) {
	margin-right: calc(var(--gutter) * .5)
}

.app-stores a {
	display: block;
	padding: 0
}

.app-stores img {
	display: block
}

.tag {
	display: inline-block;
	padding: calc(var(--gutter)*.3) calc(var(--gutter)*.45) !important;
	text-decoration: none !important;
	font-size: calc(var(--baseFontSize)*.75);
	color: #333;
	background: #e9e9e9;
	vertical-align: middle;
	border-radius: 50em;
	margin-left: calc(var(--gutter)*.5);
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0;
	white-space: nowrap;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.tag.eyebrow {
	position: absolute;
	bottom: 100%;
	left: 0;
	margin: 0 0 calc(var(--gutter)*.2)
}

.tag.inset {
	font-size: calc(var(--baseFontSize)*.625);
	text-transform: uppercase;
	padding: calc(var(--gutter)*.25) calc(var(--gutter)*.35) calc(var(--gutter)*.2) !important
}

@media (max-width:1023px) {
	.tag.inset {
		position: absolute;
		bottom: 100%;
		left: 0;
		margin: 0 0 calc(var(--gutter)*.2) !important
	}
}

.tag.line-break {
	margin: calc(var(--gutter)*.15) 0 0
}

.dialog-container,
.dialog-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.dialog-container {
	z-index: 7;
	display: -ms-flexbox;
	display: flex
}

.cart--opened .dialog-container {
	z-index: 0
}

.dialog-container[aria-hidden=true] {
	display: none
}

.dialog-overlay {
	background-color: #333333e6
}

.dialog-content {
	margin: auto;
	z-index: 2;
	position: relative;
	background-color: #f6f6f6
}

.dialog[aria-hidden=true],
[data-a11y-dialog-native] .dialog-overlay {
	display: none
}

@keyframes b {
	0% {
		opacity: 0
	}
}

@keyframes c {
	0% {
		transform: translate3d(0, 10%, 0)
	}
}

.dialog-overlay {
	animation: b .2s both
}

.dialog-content {
	animation: b .4s .2s both
}

.dialog-container:not(.banner) [role=document],
.dialog-container:not(.notification) [role=document] {
	color: #333;
	width: 900px;
	height: 100%;
	overflow: auto;
	max-width: calc(100vw - (var(--gutter) * 2));
	max-height: calc(100vh - (var(--gutter) * 2));
	position: relative
}

@media (min-width:1024px) {

	.dialog-container:not(.banner) [role=document],
	.dialog-container:not(.notification) [role=document] {
		max-width: calc(100vw - (var(--gutter) * 6));
		max-height: calc(100vh - (var(--gutter) * 4))
	}
}

.dialog-container:not(.banner) .text,
.dialog-container:not(.notification) .text {
	overflow: auto;
	max-height: 100%
}

.dialog-container.dialog--narrow [role=document] {
	width: calc(100vw - (var(--gutter) * 2));
	max-width: 480px
}

.dialog-container.dialog--banner-title .text {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: left
}

.dialog-container.dialog--banner-title .text>:first-child {
	padding: calc(var(--gutter) * 1.5) calc(var(--gutter) * 2);
	background: #1e1e1e;
	color: #fff
}

@media (min-width:1024px) {
	.dialog-container.dialog--banner-title .text>:first-child {
		padding: calc(var(--gutter) * 2) calc(var(--gutter) * 2.25)
	}
}

.dialog-container.dialog--banner-title .text>* {
	padding: 0 var(--gutter)
}


@media (min-width:1024px) {
	.dialog-container.dialog--banner-title .text>* {
		padding: 0 calc(var(--gutter) * 2.25)
	}
}

.dialog-container.dialog--banner-title .dialog-close {
	background: #fff;
	color: #333;
	padding: calc(var(--gutter)*.5);
	border-radius: 50em;
	height: auto;
	width: auto;
	top: calc(var(--gutter) * .9)
}

@media (min-width:1024px) {
	.dialog-container.dialog--banner-title .dialog-close {
		padding: calc(var(--gutter)*.7);
		top: calc(var(--gutter) * 1.5)
	}
}

.dialog-container.dialog--media [role=document] picture,
.dialog-container.dialog--media [role=document] video {
	display: none
}


@media (min-width:1024px) {
	.dialog-container.dialog--media [role=document] {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr
	}

	.dialog-container.dialog--media [role=document] picture,
	.dialog-container.dialog--media [role=document] video {
		display: block
	}
}

.dialog-container.banner,
.dialog-container.notification {
	top: var(--headerHeight);
	left: var(--gutter);
	bottom: auto;
	right: auto;
	width: calc(100vw - (var(--gutter)*2));
	font-size: calc(var(--baseFontSize)*.875);
	will-change: top, transform;
	transition: .35s cubic-bezier(.42, 0, .002, 1);
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}


@media (min-width:768px) {

	.dialog-container.banner,
	.dialog-container.notification {
		width: auto;
		top: calc(var(--headerHeight) + (var(--gutter)/2));
		left: auto;
		right: calc(var(--gutter)*3)
	}

	.dialog-container.banner:hover .dialog-content,
	.dialog-container.notification:hover .dialog-content {
		background: #333;
		color: #fff;
		transition: .35s cubic-bezier(.42, 0, .002, 1)
	}

	.dialog-container.banner:hover .dialog-content a,
	.dialog-container.banner:hover .dialog-content svg,
	.dialog-container.notification:hover .dialog-content a,
	.dialog-container.notification:hover .dialog-content svg {
		color: #fff
	}
}

.dialog-container.banner [role=document],
.dialog-container.notification [role=document] {
	width: auto
}

.dialog-container.banner .dialog-content,
.dialog-container.notification .dialog-content {
	border-radius: 99em;
	padding-right: var(--gutter);
	width: 100%;
	transition: .35s cubic-bezier(.42, 0, .002, 1)
}

.dialog-container.banner .text,
.dialog-container.notification .text {
	padding: calc(var(--gutter) * .5) calc(var(--gutter) * .75);
	text-align: left
}

.dialog-container.banner p,
.dialog-container.notification p {
	margin: 0
}

.dialog-container.banner a,
.dialog-container.notification a {
	color: currentColor;
	text-decoration: none
}

.dialog-container.banner a strong,
.dialog-container.notification a strong {
	font-weight: 600
}

.dialog-container.banner .dialog-close,
.dialog-container.notification .dialog-close {
	height: 100%;
	min-width: calc(var(--gutter) * 2.7);
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}

.dialog-container.banner .dialog-close svg,
.dialog-container.notification .dialog-close svg {
	transform: scale(.8)
}

.dialog-container.banner .for-checkout,
.dialog-container.notification .for-checkout {
	display: none
}

.scroll-down:not(.scroll-stopped) .dialog-container.banner,
.scroll-down:not(.scroll-stopped) .dialog-container.notification {
	top: var(--gutter)
}


@media (max-width:767px) {

	.scroll-down:not(.scroll-stopped) .dialog-container.banner,
	.scroll-down:not(.scroll-stopped) .dialog-container.notification {
		top: 0;
		transform: translateY(-100%)
	}
}

.dialog-container.notification .dialog-content {
	padding-right: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	opacity: 1;
	transform: translateZ(0);
	animation: b .4s .2s both
}

.dialog-container.notification [role=document] {
	width: auto;
	display: inline-block
}

.dialog-container.notification [role=document] p {
	padding-right: 0
}

.dialog-container.notification .dialog-close {
	position: static;
	min-width: 0;
	width: auto;
	padding: calc(var(--gutter) * .5) calc(var(--gutter) * .75) calc(var(--gutter) * .5) calc(var(--gutter) * .5);
	transform: none
}

.dialog-container.banner {
	top: 0 !important;
	left: 0;
	right: 0;
	width: 100%;
	border-radius: 0
}

.dialog-container.banner .dialog-content {
	border-radius: 0;
	padding: 0;
	width: 100%;
	background: #2d2f2d;
	color: #fff;
	transition: .35s cubic-bezier(.42, 0, .002, 1)
}



@media (min-width:768px) {
	.dialog-container.banner .dialog-content {
		padding: 0 calc(var(--gutter)*2)
	}
}

.dialog-container.banner .dialog-content:hover {
	background: #1d1d1d
}

.dialog-container.banner [role=document] {
	color: #fff;
	font-weight: 500;
	width: 100%;
	max-width: none
}

.dialog-container.banner .text {
	padding: 0;
	text-align: center;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.dialog-container.banner .text a {
	display: block;
	padding: calc(var(--gutter)*.7) calc(var(--gutter)*2) calc(var(--gutter)*.7) var(--gutter)
}

.dialog-container.banner .text a:hover .btn--plain-light {
	border-color: #2d2f2d;
	background: #2d2f2d;
	color: #fff
}


@media (min-width:768px) {
	.dialog-container.banner .text a {
		padding: calc(var(--gutter)*.7) calc(var(--gutter)*2)
	}
}

.dialog-container.banner .dialog-close svg,
.dialog-container.banner .text .btn--naked {
	color: #fff
}



@keyframes d {
	0% {
		opacity: 1;
		transform: translateY(0);
		pointer-events: all
	}

	45% {
		opacity: 1;
		transform: translateY(0);
		pointer-events: all
	}

	50% {
		opacity: 0;
		transform: translateY(-10px);
		pointer-events: none
	}

	95% {
		opacity: 0;
		transform: translateY(-10px);
		pointer-events: none
	}

	to {
		opacity: 1;
		transform: translateY(0);
		pointer-events: all
	}
}

.dialog-container.banner.sliding .text>* {
	pointer-events: all
}

.dialog-container.banner.sliding .text>:first-child {
	animation: d 10s 0s infinite
}

.dialog-container.banner.sliding .text>:nth-child(2) {
	animation: d 10s -5s infinite
}

.dialog-container.banner.sliding .text>:not(:first-child) {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.banner-active #redirect,
.banner-active .intercom-trigger,
.banner-active .page-header {
	animation: none;
	transition: transform .35s cubic-bezier(.42, 0, .002, 1);
	transform: translateY(var(--top-banner-height)) !important
}



@media (min-width:1024px) {
	.banner-active .template-cart .options {
		animation: none;
		transition: .35s cubic-bezier(.42, 0, .002, 1);
		padding-top: var(--top-banner-height) !important
	}

	.banner-active .template-cart .notice {
		top: var(--top-banner-height) !important
	}
}


@media (max-width:767px) {
	.banner-active.scroll-down:not(.scroll-stopped) .page-header {
		transform: translateY(0) !important
	}
}

.dialog-content {
	overflow: hidden;
	border-radius: 4px
}

.dialog-content .text {
	padding: calc(var(--gutter)*3) calc(var(--gutter)*1);
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	text-align: center
}

#dialog-care-cities .dialog-content .text {
	padding-bottom: var(--gutter)
}

.dialog-content .text label {
	display: block
}

.dialog-content .text [type=email] {
	margin-bottom: var(--gutter);
	min-width: 280px;
	max-width: 100%;
	outline: 0;
	text-align: center
}

.dialog-content .text .form-newsletter [name=subscribe] {
	min-width: 140px
}

.dialog-content .text .form-newsletter .optin {
	max-width: 260px;
	margin: calc(var(--gutter)*2) auto 0;
	opacity: .6
}


@media (min-width:1024px) {
	.dialog-content .text {
		padding: calc(var(--gutter)*3) calc(var(--gutter)*2)
	}
}

#dialog-referral .dialog-content .text form button {
	display: block;
	margin: auto
}

.dialog-content .disclaimer {
	color: #333333b3;
	font-size: calc(var(--baseFontSize) * .75);
	margin-top: calc(var(--gutter) * 1);
	margin-bottom: 0
}

.dialog-content picture {
	display: block;
	overflow: hidden;
	margin: 0
}

.dialog-content picture img {
	display: block;
	margin: auto;
	height: 101%;
	width: 101%;
	object-fit: cover;
	object-position: 50% 50%;
	transition: all .3s ease-in-out
}

.dialog-close {
	position: absolute;
	top: var(--gutter);
	right: var(--gutter);
	border: 0;
	padding: 0;
	background-color: transparent;
	font-weight: 500;
	width: var(--gutter);
	height: var(--gutter);
	text-align: center;
	cursor: pointer;
	transition: .15s
}

.dialog-close svg {
	display: block;
	margin: 0 auto;
	color: #333
}

#dialog-referral .error+.message .ko p {
	display: none;
	margin: 0
}

#dialog-referral .error+.message .ko .default,
#dialog-referral .error:not(.error--forbidden)+.message .ko .default,
#dialog-referral .error:not(.error--referral_code_not_found)+.message .ko .default {
	display: block
}

#dialog-referral .error.error--forbidden+.message .ko .default,
#dialog-referral .error.error--referral_code_not_found+.message .ko .default {
	display: none
}

#dialog-referral .error.error--forbidden+.message .ko .forbidden,
#dialog-referral .error.error--referral_code_not_found+.message .ko .referral_code_not_found {
	display: block
}

#dialog-alma .buy span,
#dialog-splitit .buy span {
	display: none
}

#dialog-alma .buy .for-checkout,
#dialog-splitit .buy .for-checkout {
	display: inline-block
}

#dialog-alma .close-text,
#dialog-splitit .close-text {
	cursor: pointer;
	text-decoration: underline
}

#dialog-alma h3,
#dialog-splitit h3 {
	font-size: calc(var(--baseFontSize)*2);
	margin-bottom: calc(var(--gutter) * .5)
}

#dialog-alma h3 img,
#dialog-splitit h3 img {
	vertical-align: bottom
}

#dialog-alma h3+p,
#dialog-splitit h3+p {
	font-size: calc(var(--baseFontSize)*1.125)
}

#dialog-alma ol,
#dialog-splitit ol {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: var(--gutter);
	text-align: center;
	margin-top: calc(var(--gutter) * 2);
	margin-bottom: calc(var(--gutter) * 2);
	padding: 0;
	list-style: none
}

#dialog-alma ol li,
#dialog-splitit ol li {
	color: #333333b3
}

#dialog-alma ol li strong,
#dialog-splitit ol li strong {
	display: block;
	font-size: calc(var(--baseFontSize)*1.5);
	margin-bottom: calc(var(--gutter) * .5);
	color: #333
}

#dialog-alma .held,
#dialog-splitit .held {
	font-size: .8em;
	color: #333333b3
}

#dialog-alma table,
#dialog-splitit table {
	margin-bottom: calc(var(--gutter)*2)
}

#dialog-alma table tr:last-child td,
#dialog-splitit table tr:last-child td {
	border-bottom: 0
}

#dialog-alma td,
#dialog-alma th,
#dialog-splitit td,
#dialog-splitit th {
	white-space: nowrap;
	text-align: center;
	padding: calc(var(--gutter) * .5) calc(var(--gutter) * 1 / 6);
	border-bottom: 1px solid rgba(51, 51, 51, .4);
	vertical-align: top;
	position: relative
}

#dialog-alma th,
#dialog-splitit th {
	border-bottom-color: #333
}

#dialog-alma td small,
#dialog-splitit td small {
	position: absolute;
	left: 0;
	top: 100%
}

#dialog-alma .legal,
#dialog-splitit .legal {
	text-align: left;
	margin-top: calc(var(--gutter) * 3);
	margin-bottom: 0;
	padding-top: calc(var(--gutter) * .5);
	border-top: 1px solid rgba(51, 51, 51, .4);
	color: #333333b3;
	font-size: .8em
}

#dialog-alma .legal li:before,
#dialog-splitit .legal li:before {
	color: #333
}


@media (min-width:0) and (max-width:1024px) {

	#dialog-alma ol strong br,
	#dialog-splitit ol strong br {
		display: none
	}
}


@media (min-width:0) and (max-width:420px) {

	#dialog-alma ol,
	#dialog-splitit ol {
		display: block
	}

	#dialog-alma ol li,
	#dialog-splitit ol li {
		display: block;
		margin: 0 auto calc(var(--gutter) * .5)
	}

	#dialog-alma td,
	#dialog-alma th,
	#dialog-splitit td,
	#dialog-splitit th {
		font-size: .9em;
		padding: calc(var(--gutter) * .5) 3px
	}

	#dialog-alma td span,
	#dialog-alma th span,
	#dialog-splitit td span,
	#dialog-splitit th span {
		position: relative
	}

	#dialog-alma sup,
	#dialog-splitit sup {
		position: absolute;
		top: 0;
		left: calc(100% + 3px)
	}
}


@keyframes e {
	0% {
		transform: translateY(-100%)
	}

	to {
		transform: translateY(0)
	}
}

#redirect {
	position: fixed;
	z-index: 6;
	top: 0;
	left: 0;
	right: 0;
	transform: translateY(-100%);
	animation: e .6s ease-in-out forwards;
	background: #fff;
	color: #333;
	padding: var(--gutter);
	cursor: pointer
}

#redirect strong {
	font-weight: 600
}

#redirect a:not(.btn) {
	color: currentColor
}

#redirect div:first-of-type {
	margin-bottom: var(--gutter)
}

#redirect .continue {
	text-align: center;
	min-width: 160px
}

#redirect .stop {
	margin-left: var(--gutter)
}

#redirect span {
	display: block;
	color: #333333b3;
	font-size: calc(var(--baseFontSize)*.875)
}

#redirect img {
	width: 18px;
	border-radius: 100%;
	vertical-align: text-top
}

#redirect button {
	cursor: pointer
}

#redirect .close {
	height: 100%;
	padding: 0 var(--gutter);
	margin-left: var(--gutter)
}

#redirect .close svg {
	display: block;
	color: currentColor
}

.scroll-down:not(.scroll-stopped) #redirect,
.show-menu #redirect {
	opacity: 0;
	pointer-events: none;
	transform: translateY(-100%)
}


@media (min-width:1024px) {
	#redirect {
		padding: calc(var(--gutter)*.75) calc(var(--gutter)*3);
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr minmax(min-content, max-content) minmax(min-content, max-content);
		grid-template-columns: 1fr minmax(min-content, max-content) minmax(min-content, max-content);
		-ms-flex-align: center;
		align-items: center
	}

	#redirect div:first-of-type {
		margin-bottom: 0
	}
}

.intercom-launcher,
.intercom-launcher-frame {
	bottom: 2px !important;
	right: 5px !important;
	transform: scale(.83333) !important
}

.intercom-placeholder {
	bottom: 7px !important;
	right: 10px !important;
	width: 50px !important;
	height: 50px !important;
	position: fixed;
	z-index: 9;
	border-radius: 50em;
	will-change: transform;
	transform: translateZ(0);
	transition: all .3s ease-in-out;
	background: #1e1e1e;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: transform .1s linear, opacity 80ms linear;
	color: #fff
}

.nav-opened .intercom-placeholder {
	pointer-events: none;
	opacity: 0
}

.intercom-placeholder.loading {
	position: fixed;
	pointer-events: none
}

.intercom-placeholder.loading .logo {
	opacity: 0
}

.intercom-loaded .intercom-placeholder {
	pointer-events: none;
	opacity: 0;
	transition-delay: .3s
}

.intercom-loaded .intercom-placeholder .spinner {
	animation-play-state: paused
}

.intercom-placeholder svg {
	width: 23px !important;
	height: 27px !important;
	fill: #fff
}

#cookie-consent-dialogBox .cc-window {
	bottom: calc(var(--gutter) * 1) !important;
	left: auto !important;
	right: calc(var(--gutter) * 1) !important;
	border-radius: 6px;
	box-shadow: 0 2.8px 2.2px #00000005, 0 6.7px 5.3px #00000007, 0 12.5px 10px #00000009, 0 22.3px 17.9px #0000000b, 0 41.8px 33.4px #0000000d, 0 100px 80px #00000012;
	padding: calc(var(--gutter) * 1) !important;
	max-width: calc(100% - (var(--gutter) * 2)) !important;
	background-color: #fff;
	font-size: var(--baseFontSize);
	line-height: var(--baseLineHeight);
	font-family: Suisse Intl, sans-serif;
	color: #333;
	z-index: 8 !important
}

#cookie-consent-dialogBox .cc-message {
	margin: 0;
	line-height: 1.44;
	margin-bottom: calc(var(--gutter) * .5)
}

#cookie-consent-dialogBox .cc-message>a,
#cookie-consent-dialogBox .cc-message span {
	display: none
}

#cookie-consent-dialogBox .cc-message strong {
	display: block;
	color: #333;
	font-size: calc(var(--baseFontSize) * 1.125)
}

#cookie-consent-dialogBox .cc-compliance {
	display: block !important;
	text-align: center !important
}

#cookie-consent-dialogBox .cc-btn {
	display: inline-block;
	min-width: 120px;
	font-size: 1em;
	border: 2px solid;
	text-decoration: none;
	font-family: inherit;
	border-radius: 6px
}

#cookie-consent-dialogBox .cc-btn.cc-allow {
	background-color: #333;
	color: #fff
}

#cookie-consent-dialogBox .cc-btn.cc-allow:focus,
#cookie-consent-dialogBox .cc-btn.cc-allow:hover {
	background-color: #333333b3
}

#cookie-consent-dialogBox .cc-btn.cc-deny {
	background-color: #fff;
	color: #333;
	font-weight: 400
}

#cookie-consent-dialogBox .cc-btn.cc-deny span {
	display: none
}


@media (min-width:421px) {
	#cookie-consent-dialogBox .cc-btn.cc-deny {
		border: 0 !important
	}

	#cookie-consent-dialogBox .cc-btn.cc-deny span {
		text-decoration: underline
	}
}

html[lang^=de] #cookie-consent-dialogBox .privacy-de,
html[lang^=en] #cookie-consent-dialogBox .privacy-en,
html[lang^=fr] #cookie-consent-dialogBox .privacy-fr,
html[lang^=nl] #cookie-consent-dialogBox .privacy-nl {
	display: block
}

.page-header #menu .dropdown-nav__wrapper {
	display: contents
}

.dropdown-nav__cta,
.dropdown-nav__picture,
.dropdown-nav__title,
.header-dropdown-nav,
.header-dropdown-nav__backdrop {
	display: none;
}

/* @media (min-width:1024px){
	.show-resources-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=cases],
	.show-resources-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=product],
	.show-resources-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=news],
	.show-resources-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=market],
	.show-resources-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=brand],
	.show-resources-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=resources],
	.show-join-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=join],
	.show-bikes-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=bikes],
	.show-bike-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=bike],
	.show-services-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=services]{
		
	}
}
@media (max-width:1023px){
	
} */
.dropdown-nav__item--c3 {
	-ms-flex-order: -1;
	order: -1
}

.dropdown-nav {
	display: -ms-flexbox;
	display: flex
}


@media (min-width:1024px) {
	.thumbnails-nav .header-dropdown-nav {
		position: absolute;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: calc(100vh - var(--headerHeight));
		top: 0;
		left: 0;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-grid-column: 1;
		grid-column: 1;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		z-index: 2;
		background-color: #fff;
		transition: all .35s cubic-bezier(.42, 0, .002, 1);
		top: 100%;
		width: 100vw;
		height: 100vh;
		background-color: #0a0a0ab3
	}
}

.thumbnails-nav .dropdown-nav {
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 1
}



@media (max-width:1023px) {
	.thumbnails-nav .dropdown-nav {
		--navbar-padding-h: var(--gutter);
		--navbar-padding-v: var(--gutter)
	}
}



@media (min-width:1024px) {
	.thumbnails-nav .dropdown-nav {
		--navbar-padding-h: calc(var(--gutter) * 2.6);
		--navbar-padding-v: calc(var(--gutter) * 2);
		-ms-flex-direction: row;
		flex-direction: row;
		background-color: #fff;
		padding: 0 calc(var(--gutter)*.4) calc(var(--gutter)*.4);
		height: 320px;
		max-height: calc(100vh - var(--headerHeight));
		gap: calc(var(--gutter)*.4)
	}
}

.thumbnails-nav .dropdown-nav a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	height: 100%;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-weight: 500;
	text-transform: none
}

#menu .thumbnails-nav .dropdown-nav a:hover {
	text-decoration: none
}

.thumbnails-nav .dropdown-nav a small {
	font-size: calc(1 * var(--baseFontSize));
	text-transform: none;
	font-weight: 400;
	letter-spacing: 0
}

.thumbnails-nav .dropdown-nav a span {
	font-size: calc(1.625 * var(--baseFontSize))
}


@media (min-width:1024px) {
	.thumbnails-nav .dropdown-nav a {
		overflow: hidden
	}
}


@media (max-width:1023px) {
	.thumbnails-nav .header-dropdown-nav__backdrop {
		display: none;
		
	}
}


@media (min-width:1024px) {
	.thumbnails-nav .header-dropdown-nav__backdrop {
		display: block;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
}

.thumbnails-nav .dropdown-nav {
	overflow: hidden
}

.thumbnails-nav .dropdown-nav__trigger {
	display: -ms-flexbox;
	display: flex
}

.thumbnails-nav .dropdown-nav__trigger span {
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: left;
	white-space: nowrap
}

.thumbnails-nav .dropdown-nav__trigger svg {
	color: inherit !important
}

.thumbnails-nav .dropdown-nav__item--c3 {
	-ms-flex-order: 0;
	order: 0
}

.thumbnails-nav .dropdown-nav__item>* {
	display: none
}

.thumbnails-nav .dropdown-nav__item .dropdown-nav__title small .dropdown-nav__cta {
	position: relative
}

.thumbnails-nav .dropdown-nav__item .dropdown-nav__title small .dropdown-nav__cta:after {
	content: "";
	display: block !important;
	position: absolute;
	top: 115%;
	left: 0;
	height: 1px;
	width: 0;
	background: #333;
	transition: .2s cubic-bezier(.42, 0, .002, 1)
}

.thumbnails-nav .dropdown-nav__item .dropdown-nav__title-long {
	display: block;
	font-size: calc(var(--baseFontSize) * 1.125)
}

.thumbnails-nav .dropdown-nav__item .dropdown-nav__title {
	height: 100%;
	position: relative;
	z-index: 1
}

.thumbnails-nav .dropdown-nav__item .tag {
	margin: auto 0 0;
	text-transform: none;
	font-style: normal
}


@media (min-width:1024px) {
	.thumbnails-nav .dropdown-nav__item {
		-ms-flex: 1;
		flex: 1;
		min-height: 0;
		background: var(--bike-nav-item-background);
		border-radius: 4px;
		overflow: hidden
	}

	.thumbnails-nav .dropdown-nav__item a:hover {
		text-decoration: none
	}

	.thumbnails-nav .dropdown-nav__item a:hover .dropdown-nav__cta:after,
	.thumbnails-nav .dropdown-nav__item a:hover .dropdown-nav__title small:after {
		width: 100%
	}

	#menu .thumbnails-nav .dropdown-nav__item {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.thumbnails-nav .dropdown-nav__item .dropdown-nav__title-long {
		display: none
	}

	.thumbnails-nav .dropdown-nav__item--bike.dropdown-nav__item--c3 a>* {
		color: #333
	}

	.thumbnails-nav .dropdown-nav__item--bike.dropdown-nav__item--c4 a>*,
	.thumbnails-nav .dropdown-nav__item--bike.dropdown-nav__item--c4st a>* {
		color: #fff
	}

	.thumbnails-nav .dropdown-nav__item--c4 {
		--bike-nav-item-background: linear-gradient(180deg, #3c3f36, #767b6c)
	}

	.thumbnails-nav .dropdown-nav__item--c4st {
		--bike-nav-item-background: linear-gradient(180deg, #4a4841, #b5b2a3)
	}

	.thumbnails-nav .dropdown-nav__item--c4st .dropdown-nav__title {
		padding-bottom: calc(var(--gutter) * .5)
	}

	.thumbnails-nav .dropdown-nav__item--c4st .dropdown-nav__picture {
		margin-top: -4%
	}

	.thumbnails-nav .dropdown-nav__item--c4st:last-child .dropdown-nav__picture {
		margin-top: -6%
	}

	.thumbnails-nav .dropdown-nav__item--c3 {
		--bike-nav-item-background: linear-gradient(180deg, #bdbdbd, #dfdfdf)
	}

	.thumbnails-nav .dropdown-nav__cta,
	.thumbnails-nav .dropdown-nav__title {
		display: block;
		padding: var(--navbar-padding-v) calc(20px) 0;
	}

	.thumbnails-nav .dropdown-nav__title {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.thumbnails-nav .dropdown-nav__title small {
		margin-top: calc(var(--gutter) * .5)
	}

	.thumbnails-nav .dropdown-nav__cta {
		font-size: calc(1.125 * var(--baseFontSize));
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		color: inherit;
		opacity: .5;
		text-transform: none;
		font-weight: 400
	}

	.thumbnails-nav .dropdown-nav__cta svg {
		margin-left: calc(var(--gutter) / 2);
		transition: transform .3s ease-in-out
	}

	.thumbnails-nav .delivery {
		position: absolute;
		top: var(--navbar-padding-v);
		right: var(--navbar-padding-h);
		font-size: 12px !important;
		opacity: .5
	}

	.thumbnails-nav .delivery>* {
		font-size: 12px !important
	}

	.thumbnails-nav .dropdown-nav__picture {
		display: block;
		min-height: 0;
		height: auto;
		width: 100%;
		max-width: 100%
	}

	.thumbnails-nav .dropdown-nav__picture img {
		margin: 0;
		width: 100%;
		height: 100%;
		object-fit: cover
	}
}


@media (min-width:1024px) {
	.thumbnails-nav.page-header #menu .dropdown-nav {
		display: -ms-flexbox;
		display: flex;
		opacity: 1;
		-ms-flex-align: stretch;
		align-items: stretch
	}

	.thumbnails-nav.page-header #menu .dropdown-nav a {
		padding: 0
	}
}

.show-cases-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=cases],
.show-product-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=product],
.show-news-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=news],
.show-market-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=market],
.show-brand-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=brand],
.show-resources-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=resources],
.show-join-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=join],
.show-bikes-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=bikes],
.show-bike-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=bike],
.show-services-submenu .thumbnails-nav .header-dropdown-nav[data-dropdown=services] {
	display: -ms-flexbox;
	display: flex !important;
	visibility: visible;
	opacity: 1 !important;
	pointer-events: all
}

@media (min-width:1024px) {
	/* .thumbnails-nav [data-dropdown=bikes] .dropdown-nav__picture {
		transition: transform .3s ease-in-out;
		max-width: 600px;
		width: 120%;
		position: absolute;
		bottom: 0;
		left: 0;
		transform: translate3d(-15%, 47%, 0)
	}

	.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item a:hover .dropdown-nav__picture {
		transform: translate3d(0, 47%, 0)
	} */
}

.thumbnails-nav [data-dropdown=cases],
.thumbnails-nav [data-dropdown=product],
.thumbnails-nav [data-dropdown=news],
.thumbnails-nav [data-dropdown=market],
.thumbnails-nav [data-dropdown=brand],
.thumbnails-nav [data-dropdown=resources],
.thumbnails-nav [data-dropdown=join],
.thumbnails-nav [data-dropdown=services],
.thumbnails-nav [data-dropdown=bikes],
.thumbnails-nav [data-dropdown=bike] {
	text-align: left
}

.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=product] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=news] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=market] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=jojn] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=jojn] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=jojn] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=services] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=services] .dropdown-nav__item a,
.thumbnails-nav [data-dropdown=services] .dropdown-nav__item a {
	position: relative;
	color: inherit !important;
	transition: none !important
}


.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item a>*,
.thumbnails-nav [data-dropdown=product] .dropdown-nav__item a>*,
.thumbnails-nav [data-dropdown=news] .dropdown-nav__item a>*,
.thumbnails-nav [data-dropdown=market] .dropdown-nav__item a>*,
.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item a>*,
.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item a>*,
.thumbnails-nav [data-dropdown=join] .dropdown-nav__item a>*,
.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item a>*,
.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item a>*,
.thumbnails-nav [data-dropdown=services] .dropdown-nav__item a>* {

	position: relative;
	z-index: 2
}


.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item a>.dropdown-nav__picture,
.thumbnails-nav [data-dropdown=product] .dropdown-nav__item a>.dropdown-nav__picture,
.thumbnails-nav [data-dropdown=news] .dropdown-nav__item a>.dropdown-nav__picture,
.thumbnails-nav [data-dropdown=market] .dropdown-nav__item a>.dropdown-nav__picture,
.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item a>.dropdown-nav__picture,
.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item a>.dropdown-nav__picture,
.thumbnails-nav [data-dropdown=join] .dropdown-nav__item a>.dropdown-nav__picture,
.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item a>.dropdown-nav__picture,
.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item a>.dropdown-nav__picture,
.thumbnails-nav [data-dropdown=services] .dropdown-nav__item a>.dropdown-nav__picture {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	transform-origin: center;
	transition: transform .3s ease-in-out
}


.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item a>.dropdown-nav__picture img,
.thumbnails-nav [data-dropdown=product] .dropdown-nav__item a>.dropdown-nav__picture img,
.thumbnails-nav [data-dropdown=news] .dropdown-nav__item a>.dropdown-nav__picture img,
.thumbnails-nav [data-dropdown=market] .dropdown-nav__item a>.dropdown-nav__picture img,
.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item a>.dropdown-nav__picture img,
.thumbnails-nav [data-dropdown=join] .dropdown-nav__item a>.dropdown-nav__picture img,
.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item a>.dropdown-nav__picture img,
.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item a>.dropdown-nav__picture img,
.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item a>.dropdown-nav__picture img,
.thumbnails-nav [data-dropdown=services] .dropdown-nav__item a>.dropdown-nav__picture img {
	object-fit: cover
}

.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item a:focus .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=product] .dropdown-nav__item a:focus .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=news] .dropdown-nav__item a:focus .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=market] .dropdown-nav__item a:focus .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item a:focus .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item a:hover .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=product] .dropdown-nav__item a:hover .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=news] .dropdown-nav__item a:hover .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=market] .dropdown-nav__item a:hover .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item a:hover .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item a:focus .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item a:hover .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=join] .dropdown-nav__item a:focus .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=join] .dropdown-nav__item a:hover .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item a:focus .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item a:hover .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item a:focus .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item a:hover .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=services] .dropdown-nav__item a:focus .dropdown-nav__picture,
.thumbnails-nav [data-dropdown=services] .dropdown-nav__item a:hover .dropdown-nav__picture {
	transform: scale(1.1)
}

.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item a:focus .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=product] .dropdown-nav__item a:focus .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=news] .dropdown-nav__item a:focus .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=market] .dropdown-nav__item a:focus .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item a:focus .dropdown-nav__cta svg,

.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item a:hover .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=product] .dropdown-nav__item a:hover .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=news] .dropdown-nav__item a:hover .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=market] .dropdown-nav__item a:hover .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item a:hover .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item a:focus .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item a:hover .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=join] .dropdown-nav__item a:focus .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=join] .dropdown-nav__item a:hover .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item a:focus .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item a:hover .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item a:focus .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item a:hover .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=services] .dropdown-nav__item a:focus .dropdown-nav__cta svg,
.thumbnails-nav [data-dropdown=services] .dropdown-nav__item a:hover .dropdown-nav__cta svg {
	transform: translate(5px)
}

.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item--service a,
.thumbnails-nav [data-dropdown=product] .dropdown-nav__item--service a,
.thumbnails-nav [data-dropdown=news] .dropdown-nav__item--service a,
.thumbnails-nav [data-dropdown=market] .dropdown-nav__item--service a,
.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item--service a,
.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item--service a,
.thumbnails-nav [data-dropdown=join] .dropdown-nav__item--service a,
.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item--service a,
.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item--service a,
.thumbnails-nav [data-dropdown=services] .dropdown-nav__item--service a {
	color: #fff
}


@media (min-width:1024px) {

	.thumbnails-nav [data-dropdown=cases] .dropdown-nav__title,
	.thumbnails-nav [data-dropdown=product] .dropdown-nav__title,
	.thumbnails-nav [data-dropdown=news] .dropdown-nav__title,
	.thumbnails-nav [data-dropdown=market] .dropdown-nav__title,
	.thumbnails-nav [data-dropdown=brand] .dropdown-nav__title,
	.thumbnails-nav [data-dropdown=join] .dropdown-nav__title,
	.thumbnails-nav [data-dropdown=resources] .dropdown-nav__title,
	.thumbnails-nav [data-dropdown=bike] .dropdown-nav__title,
	.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__title,
	.thumbnails-nav [data-dropdown=services] .dropdown-nav__title {
		font-size: calc(1.625 * var(--baseFontSize));
		text-transform: none;
		font-weight: 500;
	}

	.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item:not(.dropdown-nav__item--service) a,
	.thumbnails-nav [data-dropdown=product] .dropdown-nav__item:not(.dropdown-nav__item--service) a,
	.thumbnails-nav [data-dropdown=news] .dropdown-nav__item:not(.dropdown-nav__item--service) a,
	.thumbnails-nav [data-dropdown=market] .dropdown-nav__item:not(.dropdown-nav__item--service) a,
	.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item:not(.dropdown-nav__item--service) a,
	.thumbnails-nav [data-dropdown=join] .dropdown-nav__item:not(.dropdown-nav__item--service) a,
	.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item:not(.dropdown-nav__item--service) a,
	.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item:not(.dropdown-nav__item--service) a,
	.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item:not(.dropdown-nav__item--service) a,
	.thumbnails-nav [data-dropdown=services] .dropdown-nav__item:not(.dropdown-nav__item--service) a {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-ms-flex-align: stretch;
		align-items: stretch;
		color: inherit !important;
	}

	.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title span,
	.thumbnails-nav [data-dropdown=product] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title span,
	.thumbnails-nav [data-dropdown=news] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title span,
	.thumbnails-nav [data-dropdown=market] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title span,
	.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title span,
	.thumbnails-nav [data-dropdown=join] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title span,
	.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title span,
	.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title span,
	.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title span,
	.thumbnails-nav [data-dropdown=services] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title span {
		font-size: calc(1.125 * var(--baseFontSize))
	}

	.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small,
	.thumbnails-nav [data-dropdown=product] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small,
	.thumbnails-nav [data-dropdown=news] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small,
	.thumbnails-nav [data-dropdown=market] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small,
	.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small,
	.thumbnails-nav [data-dropdown=join] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small,
	.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small,
	.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small,
	.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small,
	.thumbnails-nav [data-dropdown=services] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small {
		font-size: calc(1.625 * var(--baseFontSize));
		margin-top: calc(var(--gutter) * 1.5);
		line-height: 1.4;
	}

	.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small:after,
	.thumbnails-nav [data-dropdown=product] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small:after,
	.thumbnails-nav [data-dropdown=news] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small:after,
	.thumbnails-nav [data-dropdown=market] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small:after,
	.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small:after,
	.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small:after,
	.thumbnails-nav [data-dropdown=join] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small:after,
	.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small:after,
	.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small:after,
	.thumbnails-nav [data-dropdown=services] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__title small:after {
		display: none;
	}

	.thumbnails-nav [data-dropdown=cases] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__cta,
	.thumbnails-nav [data-dropdown=product] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__cta,
	.thumbnails-nav [data-dropdown=news] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__cta,
	.thumbnails-nav [data-dropdown=market] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__cta,
	.thumbnails-nav [data-dropdown=brand] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__cta,
	.thumbnails-nav [data-dropdown=join] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__cta,
	.thumbnails-nav [data-dropdown=resources] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__cta,
	.thumbnails-nav [data-dropdown=bike] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__cta,
	.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__cta,
	.thumbnails-nav [data-dropdown=services] .dropdown-nav__item:not(.dropdown-nav__item--service) .dropdown-nav__cta {
		margin-top: auto;
		margin-bottom: calc(var(--gutter) * 2)
	}

	.thumbnails-nav [data-dropdown=cases] .dropdown-nav__picture,
	.thumbnails-nav [data-dropdown=product] .dropdown-nav__picture,
	.thumbnails-nav [data-dropdown=news] .dropdown-nav__picture,
	.thumbnails-nav [data-dropdown=market] .dropdown-nav__picture,
	.thumbnails-nav [data-dropdown=brand] .dropdown-nav__picture,
	.thumbnails-nav [data-dropdown=join] .dropdown-nav__picture,
	.thumbnails-nav [data-dropdown=resources] .dropdown-nav__picture,
	.thumbnails-nav [data-dropdown=bike] .dropdown-nav__picture,
	.thumbnails-nav [data-dropdown=bikes] .dropdown-nav__picture,
	.thumbnails-nav [data-dropdown=services] .dropdown-nav__picture {
		display: -ms-flexbox;
		display: flex;
	}
}

.page-header {
	position: sticky;
	top: 0;
	width: 100%;
	padding: 0 var(--gutter);
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto 1fr auto;
	grid-template-columns: auto 1fr auto;
	z-index: 5;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid hsla(0, 0%, 100%, 0);
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: transform .35s cubic-bezier(.42, 0, .002, 1)
}


@media (min-width:1201px) {
	.page-header {
		padding: 0 calc(var(--gutter) * 3)
	}
}

.page-header .h1,
.page-header h1 {
	margin-bottom: 0;
	transition: .35s cubic-bezier(.42, 0, .002, 1)
}

.page-header .h1 svg,
.page-header h1 svg {
	display: block
}

.page-header .h1 svg path,
.page-header h1 svg path {
	transition: all .15s ease-in-out
}

.page-header .menu-toggle {
	height: var(--headerHeight);
	width: var(--headerHeight);
	display: -ms-grid;
	display: grid;
	-ms-flex-align: center;
	align-items: center
}

.page-header .menu-toggle svg {
	margin: auto
}

.page-header .cart {
	margin-left: auto
}

.page-header #menu .close {
	position: absolute;
	z-index: 4;
	top: var(--gutter);
	right: var(--gutter);
	height: calc(var(--gutter) * 2.3);
	width: calc(var(--gutter) * 2.3);
	transform: translate3d(25%, -25%, 0);
	border-radius: 50em;
	background-color: #333;
	color: #fff;
	opacity: 0;
	pointer-events: none
}

.page-header #menu .close svg {
	margin: auto;
	color: #fff
}

.page-header.thumbnails-nav .dropdown-nav__trigger,
.page-header>:not(.cart) a {
	display: block;
	line-height: 1;
	cursor: pointer;
	text-transform: uppercase;
	font-size: calc(var(--baseFontSize) * 3 / 4);
	font-size: 18px;
}


@media (min-width:1024px) {

	.page-header.thumbnails-nav .dropdown-nav__trigger,
	.page-header>:not(.cart) a {
		letter-spacing: .04em
	}
}

html[lang^=fr] .page-header.thumbnails-nav .dropdown-nav__trigger,
html[lang^=fr] .page-header>:not(.cart) a {
	font-size: calc(.6875 * var(--baseFontSize))
}

.page-header svg {
	fill: currentColor
}

.page-header #menu {
	width: 100%;
	margin: 0;
	text-align: center
}

.page-header #menu,
.page-header #menu>* {
	transition: .35s cubic-bezier(.42, 0, .002, 1)
}

.page-header #menu ul {
	margin: 0
}

.page-header #menu ul:not(.dropdown-nav) {
	display: -ms-flexbox;
	display: flex
}


@media (min-width:1024px) {
	.page-header #menu ul {
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.page-header #menu ul.cta-nav {
		-ms-flex-pack: end;
		justify-content: flex-end
	}
}

.page-header #menu .countries-menu ul {
	display: block
}

.page-header #menu li {
	position: relative;
	z-index: 1
}

.page-header #menu .dropdown-nav__trigger,
.page-header #menu a {
	padding: calc(var(--gutter) * 1.5) 0;
	text-decoration: none;
	transition: .35s cubic-bezier(.42, 0, .002, 1)
}

.page-header #menu .dropdown-nav__trigger.btn:not(.dropdown-nav__trigger),
.page-header #menu a.btn:not(.dropdown-nav__trigger) {
	padding: calc(var(--gutter) * .75) calc(var(--gutter) * 1)
}


@media (min-width:421px) {

	.page-header #menu .dropdown-nav__trigger,
	.page-header #menu a {
		padding-left: calc(var(--gutter) * .8);
		padding-right: calc(var(--gutter) * .8)
	}
}


@media (min-width:421px) and (max-width:1023px) {

	.page-header #menu .dropdown-nav__trigger.btn--plain,
	.page-header #menu a.btn--plain {
		padding-left: calc(var(--gutter) * 1.5);
		padding-right: calc(var(--gutter) * 1.5)
	}
}



@media (max-width:1365px) {

	.page-header #menu .dropdown-nav__trigger,
	.page-header #menu a {
		padding-left: calc(var(--gutter) * .3);
		padding-right: calc(var(--gutter) * .3)
	}
}

.page-header #menu .dropdown-nav__trigger.dropdown-nav__trigger,
.page-header #menu a.dropdown-nav__trigger {
	padding-top: calc(var(--gutter) * 1.25);
	padding-bottom: calc(var(--gutter) * 1.25)
}


@media (max-width:1023px) {

	.page-header #menu .dropdown-nav__trigger.dropdown-nav__trigger,
	.page-header #menu a.dropdown-nav__trigger {
		padding: calc(var(--gutter) * .5) 0
	}
}

.page-header #menu [data-id=faq],
.page-header #menu [data-id=pay] {
	padding-right: 0
}

.page-header #menu .sub {
	z-index: 2
}

.page-header #menu .sub:hover ul,
.page-header #menu .sub>a:focus+ul,
.page-header #menu .sub>a:hover+ul {
	opacity: 1;
	pointer-events: all;
	transform: translateY(0)
}

.page-header #menu svg {
	vertical-align: sub
}

.page-header #menu .dropdown-nav__trigger svg {
	margin-left: calc(var(--gutter) * .4)
}


@media (max-width:768px) {
	.page-header #menu li {
		display: block;
		width: 100%
	}

	.page-header #menu .dropdown-nav__trigger {
		display: -ms-flexbox;
		display: flex;
		margin-top: calc(var(--gutter)*.4)
	}

	.page-header #menu .dropdown-nav__trigger svg {
		margin-left: auto
	}
}


@media (min-width:1024px) {
	.page-header #menu a.btn--plain {
		margin-left: calc(var(--gutter) * .5)
	}
}

.page-header>:last-child {
	justify-self: end
}

.page-header.light,
.template-cart .page-header,
.template-index .page-header {
	box-shadow: none;
	width: auto;
	color: #fff
}

.page-header.light,
.page-header.light .dropdown-nav,
.template-cart .page-header,
.template-cart .page-header .dropdown-nav,
.template-index .page-header,
.template-index .page-header .dropdown-nav {
	background: transparent
}

.page-header.light .dropdown-nav__trigger--main,
.page-header.light a:not(.btn),
.template-cart .page-header .dropdown-nav__trigger--main,
.template-cart .page-header a:not(.btn),
.template-index .page-header .dropdown-nav__trigger--main,
.template-index .page-header a:not(.btn) {
	color: #fff
}

.template-cart .page-header.light .dropdown-nav__trigger--main,
.template-cart .page-header.light a:not(.btn),
.template-cart .template-cart .page-header .dropdown-nav__trigger--main,
.template-cart .template-cart .page-header a:not(.btn),
.template-cart .template-index .page-header .dropdown-nav__trigger--main,
.template-cart .template-index .page-header a:not(.btn) {
	color: #333
}

.page-header.light .btn--plain,
.template-cart .page-header .btn--plain,
.template-index .page-header .btn--plain {
	border-color: #fff;
	background: #fff;
	color: #333
}

.page-header.light .btn--plain:focus,
.page-header.light .btn--plain:hover,
.template-cart .page-header .btn--plain:focus,
.template-cart .page-header .btn--plain:hover,
.template-index .page-header .btn--plain:focus,
.template-index .page-header .btn--plain:hover {
	border-color: #333;
	background: #333;
	color: #fff
}

@media (max-width:1023px) {

	.page-header.light .cart__trigger svg,
	.template-cart .page-header .cart__trigger svg,
	.template-index .page-header .cart__trigger svg {
		color: #fff
	}
}

.header-packed.scroll-down:not(.scroll-stopped):not(.show-menu) .page-header #menu>*,
.header-packed.scroll-down:not(.scroll-stopped):not(.show-menu) .page-header .cart,
.header-packed.scroll-down:not(.scroll-stopped):not(.show-menu) .page-header .h1,
.header-packed.scroll-down:not(.scroll-stopped):not(.show-menu) .page-header h1 {
	opacity: 0;
	pointer-events: none
}


@media (min-width:1024px) {
	.header-packed.scroll-down .page-header {
		transform: translateY(-100%)
	}

	.header-packed.scroll-stopped .page-header,
	.header-packed.scroll-up .page-header {
		border-color: #3333;
		box-shadow: 0 .2px 3.5px #0000000d, 0 .4px 6.9px #00000009, 0 .8px 10.5px #00000008, 0 1.3px 14.6px #00000006, 0 2.5px 20.7px #00000005, 0 6px 55px #00000004;
		transform: none
	}

	.header-packed.scroll-stopped .page-header,
	.header-packed.scroll-stopped .page-header .dropdown-nav,
	.header-packed.scroll-up .page-header,
	.header-packed.scroll-up .page-header .dropdown-nav {
		background: #fff;
		color: #333
	}

	.header-packed.scroll-stopped .page-header.light,
	.header-packed.scroll-up .page-header.light {
		/* border-color: #fff3; */
		transform: none
	}

	.header-packed.scroll-stopped .page-header.light,
	.header-packed.scroll-stopped .page-header.light .dropdown-nav,
	.header-packed.scroll-up .page-header.light,
	.header-packed.scroll-up .page-header.light .dropdown-nav {
		background: #1d1d1d;
		color: #fff
	}

	.page-header #menu {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.page-header #menu a:not(.btn):focus,
	.page-header #menu a:not(.btn):hover,
	.page-header #menu a:not(.btn)[aria-current] {
		text-decoration: underline
	}

	.header-packed.scroll-stopped .template-cowboy-4-st .page-header,
	.header-packed.scroll-up .template-cowboy-4-st .page-header {
		border-color: #3333;
		transform: none
	}

	.header-packed.scroll-stopped .template-cowboy-4-st .page-header,
	.header-packed.scroll-stopped .template-cowboy-4-st .page-header .dropdown-nav,
	.header-packed.scroll-up .template-cowboy-4-st .page-header,
	.header-packed.scroll-up .template-cowboy-4-st .page-header .dropdown-nav {
		background: #e5e5e1;
		color: #333
	}

	.header-packed.scroll-stopped .template-cowboy-4-st .page-header .dropdown-nav__trigger--main,
	.header-packed.scroll-stopped .template-cowboy-4-st .page-header a:not(.btn--plain),
	.header-packed.scroll-up .template-cowboy-4-st .page-header .dropdown-nav__trigger--main,
	.header-packed.scroll-up .template-cowboy-4-st .page-header a:not(.btn--plain) {
		color: #333
	}

	.header-packed.scroll-stopped .template-cowboy-4-st .page-header svg,
	.header-packed.scroll-up .template-cowboy-4-st .page-header svg {
		fill: #333
	}

	.header-packed.scroll-stopped .template-cowboy-4-st .page-header .btn--plain,
	.header-packed.scroll-up .template-cowboy-4-st .page-header .btn--plain {
		background-color: #333;
		border-color: #333;
		color: #fff
	}

	.header-packed.scroll-stopped .template-cowboy-3 .page-header,
	.header-packed.scroll-up .template-cowboy-3 .page-header {
		background: #f6f6f6;
		border-color: #3333;
		transform: none
	}

	.header-packed.scroll-stopped .template-cowboy-3 .page-header,
	.header-packed.scroll-stopped .template-cowboy-3 .page-header .dropdown-nav,
	.header-packed.scroll-up .template-cowboy-3 .page-header,
	.header-packed.scroll-up .template-cowboy-3 .page-header .dropdown-nav {
		background: #f6f6f6;
		color: #333
	}

	.header-packed.scroll-stopped .template-cowboy-3 .page-header a:not(.btn),
	.header-packed.scroll-up .template-cowboy-3 .page-header a:not(.btn) {
		color: #333
	}

	.header-packed.scroll-stopped .template-cowboy-3 .page-header svg,
	.header-packed.scroll-up .template-cowboy-3 .page-header svg {
		fill: #333
	}

	.header-packed.scroll-stopped .template-cowboy-3 .page-header .btn--plain,
	.header-packed.scroll-up .template-cowboy-3 .page-header .btn--plain {
		background-color: #333;
		border-color: #333;
		color: #fff
	}

	.header-packed.scroll-stopped .template-cowboy-3 .page-header .btn--plain:focus,
	.header-packed.scroll-stopped .template-cowboy-3 .page-header .btn--plain:hover,
	.header-packed.scroll-up .template-cowboy-3 .page-header .btn--plain:focus,
	.header-packed.scroll-up .template-cowboy-3 .page-header .btn--plain:hover {
		border-color: #fff !important;
		background: #fff !important;
		color: #333 !important
	}

	.header-packed.scroll-stopped .template-index .page-header,
	.header-packed.scroll-up .template-index .page-header {
		/* border-color: #fff3; */
		transform: none
	}

	.header-packed.scroll-stopped .template-index .page-header,
	.header-packed.scroll-stopped .template-index .page-header .dropdown-nav,
	.header-packed.scroll-up .template-index .page-header,
	.header-packed.scroll-up .template-index .page-header .dropdown-nav {
		background: #1d1d1d;
		color: #fff
	}

	.header-packed.scroll-stopped .template-index .page-header a,
	.header-packed.scroll-up .template-index .page-header a {
		color: #fff !important
	}
}



@media (min-width:1024px) and (min-width:1024px) {

	.header-packed.scroll-stopped .template-index .page-header .dropdown-nav__trigger--main,
	.header-packed.scroll-up .template-index .page-header .dropdown-nav__trigger--main {
		color: #fff !important
	}
}



@media (min-width:1024px) {

	.header-packed.scroll-stopped .template-index .page-header .btn--plain,
	.header-packed.scroll-up .template-index .page-header .btn--plain {
		border-color: #fff !important;
		background: #fff !important;
		color: #333 !important
	}

	.header-packed.scroll-stopped .template-index .page-header .btn--plain:focus,
	.header-packed.scroll-stopped .template-index .page-header .btn--plain:hover,
	.header-packed.scroll-up .template-index .page-header .btn--plain:focus,
	.header-packed.scroll-up .template-index .page-header .btn--plain:hover {
		border-color: #333 !important;
		background: #333 !important;
		color: #fff !important
	}
}



@media (max-width:1023px) {
	.page-header {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-align: center;
		align-items: center;
		height: var(--headerHeight);
		padding: 0 0 0 var(--gutter)
	}

	.scroll-stopped .template-compare .page-header,
	.scroll-up .template-compare .page-header {
		background-color: #333
	}

	[data-inview*=compare].scroll-stopped .template-cowboy-4 .page-header,
	[data-inview*=compare].scroll-up .template-cowboy-4 .page-header {
		background-color: #1d1d1d
	}

	[data-inview*=compare].scroll-stopped .template-cowboy-4 .page-header svg,
	[data-inview*=compare].scroll-up .template-cowboy-4 .page-header svg {
		color: #fff
	}

	[data-inview*=compare].scroll-stopped .template-cowboy-3 .page-header,
	[data-inview*=compare].scroll-stopped .template-cowboy-4-st .page-header,
	[data-inview*=compare].scroll-up .template-cowboy-3 .page-header,
	[data-inview*=compare].scroll-up .template-cowboy-4-st .page-header {
		background-color: #f6f6f6
	}

	.page-header .h1,
	.page-header h1 {
		position: relative;
		z-index: 3;
		width: 60%
	}

	.page-header #menu {
		background: #fff;
		position: absolute;
		z-index: 2;
		top: 0;
		height: 100vh;
		padding: calc(var(--headerHeight) + var(--gutter)) 0 0;
		left: 0;
		right: 0;
		opacity: 0;
		pointer-events: none;
		text-align: left;
		display: -ms-grid;
		display: grid;
		-ms-grid-rows: 1fr minmax(min-content, max-content);
		grid-template-rows: 1fr minmax(min-content, max-content);
		-ms-flex-align: end;
		align-items: end
	}

	.page-header #menu>ul {
		position: relative;
		padding: 0 var(--gutter)
	}

	.page-header #menu .cta-nav {
		margin-bottom: calc(var(--gutter) * 2)
	}

	.page-header #menu .locales {
		padding: var(--gutter);
		background: #1d1d1d;
		position: relative;
		z-index: 2;
		font-size: calc(var(--baseFontSize) * .875)
	}

	.page-header #menu .locales small {
		color: #d8d1c5
	}

	.page-header #menu .locales ul {
		width: auto;
		padding: calc(var(--gutter) * 1.5) var(--gutter) var(--gutter);
		bottom: 100%;
		left: 0;
		right: 0;
		transform: none;
		border: 0;
		border-radius: 0;
		background: #333;
		box-shadow: none
	}

	.page-header #menu .locales ul a {
		color: #fff
	}

	.page-header #menu .locales ul svg {
		color: #fff;
		transform: rotate(-180deg);
		margin: 0 0 var(--gutter)
	}

	.page-header #menu .locales[open] {
		z-index: 3
	}

	.page-header #menu .dropdown-nav__trigger,
	.page-header #menu a:not(.btn) {
		color: #333;
		font-size: calc(var(--baseFontSize) * 1.125);
		text-transform: none;
		font-weight: 500;
		padding: calc(var(--gutter) * .5) 0;
		text-align: left
	}

	.show-menu .page-header {
		position: fixed;
		transform: translateY(0) !important;
		width: 100%
	}

	.show-menu .page-header #menu>ul .dropdown-nav__trigger,
	.show-menu .page-header #menu>ul a:not(.btn),
	.show-menu .page-header .h1 .dropdown-nav__trigger,
	.show-menu .page-header .h1 a:not(.btn),
	.show-menu .page-header h1 .dropdown-nav__trigger,
	.show-menu .page-header h1 a:not(.btn) {
		color: #333 !important
	}

	.show-menu .page-header .h1 svg,
	.show-menu .page-header h1 svg {
		color: #333
	}

	.show-menu .page-header #menu,
	.show-menu .page-header #menu .close {
		opacity: 1;
		pointer-events: all
	}

	.show-menu .page-header .btn--plain {
		display: block;
		text-align: center;
		border-color: #333;
		background: #333;
		color: #fff;
		padding: calc(var(--gutter) * 1) calc(var(--gutter) * 1.3);
		margin-left: 0;
		margin-top: calc(var(--gutter) * 1);
		font-size: var(--baseFontSize)
	}

	.show-menu .page-header>.menu-toggle {
		opacity: 0;
		pointer-events: none
	}
}

.show-cases-submenu .page-header,
.show-product-submenu .page-header,
.show-news-submenu .page-header,
.show-market-submenu .page-header,
.show-brand-submenu .page-header,
.show-resources-submenu .page-header,
.show-join-submenu .page-header,
.show-bikes-submenu .page-header,
.show-bike-submenu .page-header,
.show-services-submenu .page-header {
	border-color: #3333;
	box-shadow: 0 .2px 3.5px #0000000d, 0 .4px 6.9px #00000009, 0 .8px 10.5px #00000008, 0 1.3px 14.6px #00000006, 0 2.5px 20.7px #00000005, 0 6px 55px #00000004;
	transform: none;
	color: #333
}

.show-cases-submenu .page-header.light,
.show-product-submenu .page-header.light,
.show-news-submenu .page-header.light,
.show-market-submenu .page-header.light,
.show-brand-submenu .page-header.light,
.show-resources-submenu .page-header.light,
.show-join-submenu .page-header.light,
.show-bikes-submenu .page-header.light,
.show-bike-submenu .page-header.light,
.show-services-submenu .page-header.light {
	color: #fff
}

.show-cases-submenu .page-header,
.show-product-submenu .page-header,
.show-news-submenu .page-header,
.show-market-submenu .page-header,
.show-brand-submenu .page-header,
.show-cases-submenu .page-header .dropdown-nav,
.show-product-submenu .page-header .dropdown-nav,
.show-news-submenu .page-header .dropdown-nav,
.show-market-submenu .page-header .dropdown-nav,
.show-brand-submenu .page-header .dropdown-nav,
.show-resources-submenu .page-header,
.show-resources-submenu .page-header .dropdown-nav,
.show-join-submenu .page-header,
.show-join-submenu .page-header .dropdown-nav,
.show-bikes-submenu .page-header,
.show-bikes-submenu .page-header .dropdown-nav,
.show-bike-submenu .page-header,
.show-bike-submenu .page-header .dropdown-nav,
.show-services-submenu .page-header,
.show-services-submenu .page-header .dropdown-nav {
	background: #fff;
	color: #333
}

.show-cases-submenu:not(.header-packed) .page-header.light a,
.show-product-submenu:not(.header-packed) .page-header.light a,
.show-news-submenu:not(.header-packed) .page-header.light a,
.show-market-submenu:not(.header-packed) .page-header.light a,
.show-brand-submenu:not(.header-packed) .page-header.light a,
.show-cases-submenu:not(.header-packed) .template-cart .page-header a,
.show-product-submenu:not(.header-packed) .template-cart .page-header a,
.show-news-submenu:not(.header-packed) .template-cart .page-header a,
.show-market-submenu:not(.header-packed) .template-cart .page-header a,
.show-brand-submenu:not(.header-packed) .template-cart .page-header a,
.show-cases-submenu:not(.header-packed) .template-index .page-header a,
,
.show-product-submenu:not(.header-packed) .template-index .page-header a,
,
.show-news-submenu:not(.header-packed) .template-index .page-header a,
,
.show-market-submenu:not(.header-packed) .template-index .page-header a,
,
.show-brand-submenu:not(.header-packed) .template-index .page-header a,
,
.show-resources-submenu:not(.header-packed) .page-header.light a,
.show-resources-submenu:not(.header-packed) .template-cart .page-header a,
.show-resources-submenu:not(.header-packed) .template-index .page-header a,
.show-join-submenu:not(.header-packed) .page-header.light a,
.show-join-submenu:not(.header-packed) .template-cart .page-header a,
.show-join-submenu:not(.header-packed) .template-index .page-header a,
.show-bikes-submenu:not(.header-packed) .page-header.light a,
.show-bikes-submenu:not(.header-packed) .template-cart .page-header a,
.show-bikes-submenu:not(.header-packed) .template-index .page-header a,
.show-bike-submenu:not(.header-packed) .page-header.light a,
.show-bike-submenu:not(.header-packed) .template-cart .page-header a,
.show-bike-submenu:not(.header-packed) .template-index .page-header a,
.show-services-submenu:not(.header-packed) .page-header.light a,
.show-services-submenu:not(.header-packed) .template-cart .page-header a,
.show-services-submenu:not(.header-packed) .template-index .page-header a {
	color: #333
}


@media (min-width:1024px) {

	.show-cases-submenu:not(.header-packed) .page-header.light .dropdown-nav__trigger--main,
	.show-product-submenu:not(.header-packed) .page-header.light .dropdown-nav__trigger--main,
	.show-news-submenu:not(.header-packed) .page-header.light .dropdown-nav__trigger--main,
	.show-market-submenu:not(.header-packed) .page-header.light .dropdown-nav__trigger--main,
	.show-brand-submenu:not(.header-packed) .page-header.light .dropdown-nav__trigger--main,
	.show-cases-submenu:not(.header-packed) .template-cart .page-header .dropdown-nav__trigger--main,
	.show-product-submenu:not(.header-packed) .template-cart .page-header .dropdown-nav__trigger--main,
	.show-news-submenu:not(.header-packed) .template-cart .page-header .dropdown-nav__trigger--main,
	.show-market-submenu:not(.header-packed) .template-cart .page-header .dropdown-nav__trigger--main,
	.show-brand-submenu:not(.header-packed) .template-cart .page-header .dropdown-nav__trigger--main,
	.show-cases-submenu:not(.header-packed) .template-index .page-header .dropdown-nav__trigger--main,
	.show-product-submenu:not(.header-packed) .template-index .page-header .dropdown-nav__trigger--main,
	.show-news-submenu:not(.header-packed) .template-index .page-header .dropdown-nav__trigger--main,
	.show-market-submenu:not(.header-packed) .template-index .page-header .dropdown-nav__trigger--main,
	.show-brand-submenu:not(.header-packed) .template-index .page-header .dropdown-nav__trigger--main,
	.show-join-submenu:not(.header-packed) .page-header.light .dropdown-nav__trigger--main,
	.show-join-submenu:not(.header-packed) .template-cart .page-header .dropdown-nav__trigger--main,
	.show-join-submenu:not(.header-packed) .template-index .page-header .dropdown-nav__trigger--main,
	.show-resources-submenu:not(.header-packed) .page-header.light .dropdown-nav__trigger--main,
	.show-resources-submenu:not(.header-packed) .template-cart .page-header .dropdown-nav__trigger--main,
	.show-resources-submenu:not(.header-packed) .template-index .page-header .dropdown-nav__trigger--main,
	.show-bike-submenu:not(.header-packed) .page-header.light .dropdown-nav__trigger--main,
	.show-bike-submenu:not(.header-packed) .template-cart .page-header .dropdown-nav__trigger--main,
	.show-bike-submenu:not(.header-packed) .template-index .page-header .dropdown-nav__trigger--main,
	.show-bikes-submenu:not(.header-packed) .page-header.light .dropdown-nav__trigger--main,
	.show-bikes-submenu:not(.header-packed) .template-cart .page-header .dropdown-nav__trigger--main,
	.show-bikes-submenu:not(.header-packed) .template-index .page-header .dropdown-nav__trigger--main,
	.show-services-submenu:not(.header-packed) .page-header.light .dropdown-nav__trigger--main,
	.show-services-submenu:not(.header-packed) .template-cart .page-header .dropdown-nav__trigger--main,
	.show-services-submenu:not(.header-packed) .template-index .page-header .dropdown-nav__trigger--main,
	.show-bikes-submenu:not(.header-packed) .template-index .page-header .main-nav li a,
	.show-bike-submenu:not(.header-packed) .template-index .page-header .main-nav li a,
	.show-resources-submenu:not(.header-packed) .template-index .page-header .main-nav li a,
	.show-join-submenu:not(.header-packed) .template-index .page-header .main-nav li a,
	.show-brand-submenu:not(.header-packed) .template-index .page-header .main-nav li a,
	.show-market-submenu:not(.header-packed) .template-index .page-header .main-nav li a,
	.show-news-submenu:not(.header-packed) .template-index .page-header .main-nav li a,
	.show-product-submenu:not(.header-packed) .template-index .page-header .main-nav li a,
	.show-cases-submenu:not(.header-packed) .template-index .page-header .main-nav li a,
	.show-services-submenu:not(.header-packed) .template-index .page-header .main-nav li a {
		color: #333;
	}
}

.show-cases-submenu:not(.header-packed) .page-header.light svg,
.show-product-submenu:not(.header-packed) .page-header.light svg,
.show-news-submenu:not(.header-packed) .page-header.light svg,
.show-market-submenu:not(.header-packed) .page-header.light svg,
.show-brand-submenu:not(.header-packed) .page-header.light svg,
.show-cases-submenu:not(.header-packed) .template-cart .page-header svg,
.show-product-submenu:not(.header-packed) .template-cart .page-header svg,
.show-news-submenu:not(.header-packed) .template-cart .page-header svg,
.show-market-submenu:not(.header-packed) .template-cart .page-header svg,
.show-brand-submenu:not(.header-packed) .template-cart .page-header svg,
.show-cases-submenu:not(.header-packed) .template-index .page-header svg,
.show-product-submenu:not(.header-packed) .template-index .page-header svg,
.show-news-submenu:not(.header-packed) .template-index .page-header svg,
.show-market-submenu:not(.header-packed) .template-index .page-header svg,
.show-brand-submenu:not(.header-packed) .template-index .page-header svg,
.show-resources-submenu:not(.header-packed) .page-header.light svg,
.show-resources-submenu:not(.header-packed) .template-cart .page-header svg,
.show-resources-submenu:not(.header-packed) .template-index .page-header svg,
.show-jion-submenu:not(.header-packed) .page-header.light svg,
.show-jion-submenu:not(.header-packed) .template-cart .page-header svg,
.show-jion-submenu:not(.header-packed) .template-index .page-header svg,
.show-bikes-submenu:not(.header-packed) .page-header.light svg,
.show-bikes-submenu:not(.header-packed) .template-cart .page-header svg,
.show-bikes-submenu:not(.header-packed) .template-index .page-header svg,
.show-bike-submenu:not(.header-packed) .page-header.light svg,
.show-bike-submenu:not(.header-packed) .template-cart .page-header svg,
.show-bike-submenu:not(.header-packed) .template-index .page-header svg,
.show-services-submenu:not(.header-packed) .page-header.light svg,
.show-services-submenu:not(.header-packed) .template-cart .page-header svg,
.show-services-submenu:not(.header-packed) .template-index .page-header svg {
	color: #333
}

.show-cases-submenu:not(.header-packed) .page-header.light .btn--plain,
.show-product-submenu:not(.header-packed) .page-header.light .btn--plain,
.show-news-submenu:not(.header-packed) .page-header.light .btn--plain,
.show-market-submenu:not(.header-packed) .page-header.light .btn--plain,
.show-brand-submenu:not(.header-packed) .page-header.light .btn--plain,
.show-cases-submenu:not(.header-packed) .template-cart .page-header .btn--plain,
.show-product-submenu:not(.header-packed) .template-cart .page-header .btn--plain,
.show-news-submenu:not(.header-packed) .template-cart .page-header .btn--plain,
.show-market-submenu:not(.header-packed) .template-cart .page-header .btn--plain,
.show-brand-submenu:not(.header-packed) .template-cart .page-header .btn--plain,
.show-cases-submenu.template-index .page-header .btn--plain,
.show-product-submenu.template-index .page-header .btn--plain,
.show-news-submenu.template-index .page-header .btn--plain,
.show-market-submenu.template-index .page-header .btn--plain,
.show-brand-submenu.template-index .page-header .btn--plain,
.show-resources-submenu:not(.header-packed) .page-header.light .btn--plain,
.show-resources-submenu:not(.header-packed) .template-cart .page-header .btn--plain,
.show-resources-submenu:not(.header-packed) .template-index .page-header .btn--plain,
.show-jion-submenu:not(.header-packed) .page-header.light .btn--plain,
.show-jion-submenu:not(.header-packed) .template-cart .page-header .btn--plain,
.show-jion-submenu:not(.header-packed) .template-index .page-header .btn--plain,
.show-bikes-submenu:not(.header-packed) .page-header.light .btn--plain,
.show-bikes-submenu:not(.header-packed) .template-cart .page-header .btn--plain,
.show-bikes-submenu:not(.header-packed) .template-index .page-header .btn--plain,
.show-bike-submenu:not(.header-packed) .page-header.light .btn--plain,
.show-bike-submenu:not(.header-packed) .template-cart .page-header .btn--plain,
.show-bike-submenu:not(.header-packed) .template-index .page-header .btn--plain,
.show-services-submenu:not(.header-packed) .page-header.light .btn--plain,
.show-services-submenu:not(.header-packed) .template-cart .page-header .btn--plain,
.show-services-submenu:not(.header-packed) .template-index .page-header .btn--plain {
	border-color: #fff;
	background: #333;
	color: #fff
}

.show-cases-submenu:not(.header-packed) .page-header.light .btn--plain:focus,
.show-product-submenu:not(.header-packed) .page-header.light .btn--plain:focus,
.show-news-submenu:not(.header-packed) .page-header.light .btn--plain:focus,
.show-market-submenu:not(.header-packed) .page-header.light .btn--plain:focus,
.show-brand-submenu:not(.header-packed) .page-header.light .btn--plain:focus,
.show-cases-submenu:not(.header-packed) .page-header.light .btn--plain:hover,
.show-product-submenu:not(.header-packed) .page-header.light .btn--plain:hover,
.show-news-submenu:not(.header-packed) .page-header.light .btn--plain:hover,
.show-market-submenu:not(.header-packed) .page-header.light .btn--plain:hover,
.show-brand-submenu:not(.header-packed) .page-header.light .btn--plain:hover,
.show-cases-submenu:not(.header-packed) .template-cart .page-header .btn--plain:focus,
.show-product-submenu:not(.header-packed) .template-cart .page-header .btn--plain:focus,
.show-news-submenu:not(.header-packed) .template-cart .page-header .btn--plain:focus,
.show-market-submenu:not(.header-packed) .template-cart .page-header .btn--plain:focus,
.show-brand-submenu:not(.header-packed) .template-cart .page-header .btn--plain:focus,
.show-cases-submenu:not(.header-packed) .template-cart .page-header .btn--plain:hover,
.show-product-submenu:not(.header-packed) .template-cart .page-header .btn--plain:hover,
.show-news-submenu:not(.header-packed) .template-cart .page-header .btn--plain:hover,
.show-market-submenu:not(.header-packed) .template-cart .page-header .btn--plain:hover,
.show-brand-submenu:not(.header-packed) .template-cart .page-header .btn--plain:hover,
.show-cases-submenu:not(.header-packed) .template-index .page-header .btn--plain:focus,
.show-product-submenu:not(.header-packed) .template-index .page-header .btn--plain:focus,
.show-news-submenu:not(.header-packed) .template-index .page-header .btn--plain:focus,
.show-market-submenu:not(.header-packed) .template-index .page-header .btn--plain:focus,
.show-brand-submenu:not(.header-packed) .template-index .page-header .btn--plain:focus,
.show-cases-submenu:not(.header-packed) .template-index .page-header .btn--plain:hover,
.show-product-submenu:not(.header-packed) .template-index .page-header .btn--plain:hover,
.show-news-submenu:not(.header-packed) .template-index .page-header .btn--plain:hover,
.show-market-submenu:not(.header-packed) .template-index .page-header .btn--plain:hover,
.show-brand-submenu:not(.header-packed) .template-index .page-header .btn--plain:hover,
.show-resources-submenu:not(.header-packed) .page-header.light .btn--plain:focus,
.show-resources-submenu:not(.header-packed) .page-header.light .btn--plain:hover,
.show-resources-submenu:not(.header-packed) .template-cart .page-header .btn--plain:focus,
.show-resources-submenu:not(.header-packed) .template-cart .page-header .btn--plain:hover,
.show-resources-submenu:not(.header-packed) .template-index .page-header .btn--plain:focus,
.show-resources-submenu:not(.header-packed) .template-index .page-header .btn--plain:hover,
.show-jion-submenu:not(.header-packed) .page-header.light .btn--plain:focus,
.show-jion-submenu:not(.header-packed) .page-header.light .btn--plain:hover,
.show-jion-submenu:not(.header-packed) .template-cart .page-header .btn--plain:focus,
.show-jion-submenu:not(.header-packed) .template-cart .page-header .btn--plain:hover,
.show-jion-submenu:not(.header-packed) .template-index .page-header .btn--plain:focus,
.show-jion-submenu:not(.header-packed) .template-index .page-header .btn--plain:hover,
.show-bike-submenu:not(.header-packed) .page-header.light .btn--plain:focus,
.show-bike-submenu:not(.header-packed) .page-header.light .btn--plain:hover,
.show-bike-submenu:not(.header-packed) .template-cart .page-header .btn--plain:focus,
.show-bike-submenu:not(.header-packed) .template-cart .page-header .btn--plain:hover,
.show-bike-submenu:not(.header-packed) .template-index .page-header .btn--plain:focus,
.show-bike-submenu:not(.header-packed) .template-index .page-header .btn--plain:hover,
.show-bikes-submenu:not(.header-packed) .page-header.light .btn--plain:focus,
.show-bikes-submenu:not(.header-packed) .page-header.light .btn--plain:hover,
.show-bikes-submenu:not(.header-packed) .template-cart .page-header .btn--plain:focus,
.show-bikes-submenu:not(.header-packed) .template-cart .page-header .btn--plain:hover,
.show-bikes-submenu:not(.header-packed) .template-index .page-header .btn--plain:focus,
.show-bikes-submenu:not(.header-packed) .template-index .page-header .btn--plain:hover,
.show-services-submenu:not(.header-packed) .page-header.light .btn--plain:focus,
.show-services-submenu:not(.header-packed) .page-header.light .btn--plain:hover,
.show-services-submenu:not(.header-packed) .template-cart .page-header .btn--plain:focus,
.show-services-submenu:not(.header-packed) .template-cart .page-header .btn--plain:hover,
.show-services-submenu:not(.header-packed) .template-index .page-header .btn--plain:focus,
.show-services-submenu:not(.header-packed) .template-index .page-header .btn--plain:hover {
	border-color: #333;
	background: #333;
	color: #fff
}

.show-menu .intercom-launcher {
	opacity: 0;
	pointer-events: none
}

.show-menu .dialog-container.banner {
	opacity: 0;
	pointer-events: none;
	transform: translateY(-100%)
}

.show-menu .dialog-container.banner a {
	pointer-events: none !important
}

.main-nav {
	height: 100%;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 1;
	grid-row: 1;
	z-index: 3
}


@media (max-width:1023px) {
	.main-nav {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.main-nav a {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.main-nav a span {
		-ms-flex-positive: 1;
		flex-grow: 1
	}
}

.show-cases-submenu .main-nav [data-nav=cases] .dropdown-nav__trigger svg,
.show-product-submenu .main-nav [data-nav=product] .dropdown-nav__trigger svg,
.show-news-submenu .main-nav [data-nav=news] .dropdown-nav__trigger svg,
.show-market-submenu .main-nav [data-nav=market] .dropdown-nav__trigger svg,
.show-brand-submenu .main-nav [data-nav=brand] .dropdown-nav__trigger svg,
.show-join-submenu .main-nav [data-nav=join] .dropdown-nav__trigger svg,
.show-resources-submenu .main-nav [data-nav=resources] .dropdown-nav__trigger svg,
.show-bikes-submenu .main-nav [data-nav=bikes] .dropdown-nav__trigger svg,
.show-bike-submenu .main-nav [data-nav=bike] .dropdown-nav__trigger svg,
.show-services-submenu .main-nav [data-nav=services] .dropdown-nav__trigger svg {
	transform: rotate(180deg)
}


@media (min-width:1024px) {
	.main-nav {
		-ms-flex-preferred-size: 44%;
		flex-basis: 44%;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	.main-nav svg {
		width: 14px;
		height: 14px
	}
}


@media (max-width:1023px) {
	.thumbnails-nav .main-nav>li+li {
		margin-top: calc(var(--gutter) * .4)
	}
}


@media (min-width:1024px) {
	.thumbnails-nav .main-nav {
		-ms-flex-pack: center;
		justify-content: center
	}
}

.cta-nav {
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 2;
	grid-row: 2
}


@media (max-width:1023px) {
	.cta-nav {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.cta-nav a {
	white-space: nowrap
}

.thumbnails-nav .main-nav {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.thumbnails-nav .cta-nav {
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 2;
	grid-row: 2;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center
}

.thumbnails-nav .cta-nav li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.thumbnails-nav .countries-menu {
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 3;
	grid-row: 3
}

.thumbnails-nav .btn--buy {
	display: block;
	text-align: center;
	border-color: #333;
	background: #333;
	color: #fff;
	padding: calc(var(--gutter) * 1) calc(var(--gutter) * 1.3)
}

.thumbnails-nav .btn--buy.btn--buy {
	margin-top: 0
}

.thumbnails-nav.page-header #menu .main-nav {
	position: static
}



@media (max-width:1023px) {

	.thumbnails-nav.page-header #menu .main-nav a,
	.thumbnails-nav.page-header #menu .main-nav button {
		font-size: calc(var(--baseFontSize) * 1.5)
	}
}

.thumbnails-nav.page-header #menu .main-nav .dropdown-nav__item a {
	color: #333 !important;
	text-decoration: none;
	cursor: pointer;
	border-radius: 4px
}

.thumbnails-nav.page-header #menu .main-nav .dropdown-nav__title {
	font-size: MIN(MAX(1.125rem, 3vw), 1.375rem)
}


@media (min-width:1024px) {
	.thumbnails-nav {
		display: -ms-flexbox;
		display: flex
	}

	.thumbnails-nav .h1,
	.thumbnails-nav h1 {
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%
	}

	.thumbnails-nav #menu {
		display: contents
	}

	.thumbnails-nav .cta-nav {
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
}



@media (max-width:1023px) {

	.header-packed #page-accessories .page-header,
	.header-packed #page-reviews .page-header,
	.header-packed.scroll-stopped .page-header,
	.header-packed.scroll-up .page-header {
		box-shadow: 0 .2px 3.5px #0000000d, 0 .4px 6.9px #00000009, 0 .8px 10.5px #00000008, 0 1.3px 14.6px #00000006, 0 2.5px 20.7px #00000005, 0 6px 55px #00000004
	}

	.header-packed #page-accessories .page-header,
	.header-packed #page-accessories .page-header .dropdown-nav,
	.header-packed #page-reviews .page-header,
	.header-packed #page-reviews .page-header .dropdown-nav,
	.header-packed.scroll-stopped .page-header,
	.header-packed.scroll-stopped .page-header .dropdown-nav,
	.header-packed.scroll-up .page-header,
	.header-packed.scroll-up .page-header .dropdown-nav {
		background: #fff;
		color: #333
	}

	.header-packed #page-accessories .page-header .h1,
	.header-packed #page-accessories .page-header h1,
	.header-packed #page-reviews .page-header .h1,
	.header-packed #page-reviews .page-header h1,
	.header-packed.scroll-stopped .page-header .h1,
	.header-packed.scroll-stopped .page-header h1,
	.header-packed.scroll-up .page-header .h1,
	.header-packed.scroll-up .page-header h1 {
		opacity: 1;
		pointer-events: all
	}

	.header-packed #page-accessories .page-header svg,
	.header-packed #page-reviews .page-header svg,
	.header-packed.scroll-stopped .page-header svg,
	.header-packed.scroll-up .page-header svg {
		color: #333
	}
}

.show-bikes-submenu,
.show-services-submenu {
	overflow-y: hidden
}



@media (min-width:1024px) {

	.show-bikes-submenu:not([data-template=index]) .page-header,
	.show-services-submenu:not([data-template=index]) .page-header {
		top: var(--scroll-y)
	}
}

.page-main {
	width: 100vw
}


@media (max-width:1023px) {
	.show-menu .page-main {
		margin-top: 0
	}
}

#toc ol {
	counter-reset: a
}

#toc li {
	display: block
}

#toc li li {
	padding-left: calc(var(--gutter) * 1 / 3)
}

#toc li:before {
	display: inline;
	content: counters(a, ".") ". ";
	counter-increment: a
}

#toc a {
	display: inline;
	opacity: .3;
	transition: opacity .35s cubic-bezier(.42, 0, .002, 1)
}

#toc a.active {
	opacity: 1
}

.star-rating {
	height: 16px;
	position: relative;
	width: 80px
}

.star-rating:before,
.star-rating>span:before {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ2IiB2aWV3Qm94PSIwIDAgNTAgNDYiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjUgLjI3MzQzNzUtNi4zOTA2MjUgMTYuMjA3MDMxNS0xNy43OTg4MjgxMi45Mzc1IDEzLjgzNzg5MTEyIDEwLjk5NDE0LTQuNTc4MTI2IDE2LjgxMDU0NyAxNC45Mjk2ODgtOS40NTExNzIgMTQuOTI5Njg4IDkuNDUxMTcyLTQuNTc4MTI2LTE2LjgxMDU0NyAxMy44Mzc4OTEtMTAuOTk0MTQtMTcuNzk4ODI4LS45Mzc1eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPgo=);
	background-repeat: repeat-x;
	background-size: 16px
}

.star-rating:before {
	opacity: .2
}

.star-rating>span {
	display: block;
	text-indent: -10000px;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden
}

.star-rating>span:before {
	text-indent: 10000px
}

.star-rating.star-rating--contrast:before,
.star-rating.star-rating--contrast>span:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ2IiB2aWV3Qm94PSIwIDAgNTAgNDYiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjUgLjI3MzQzNzUtNi4zOTA2MjUgMTYuMjA3MDMxNS0xNy43OTg4MjgxMi45Mzc1IDEzLjgzNzg5MTEyIDEwLjk5NDE0LTQuNTc4MTI2IDE2LjgxMDU0NyAxNC45Mjk2ODgtOS40NTExNzIgMTQuOTI5Njg4IDkuNDUxMTcyLTQuNTc4MTI2LTE2LjgxMDU0NyAxMy44Mzc4OTEtMTAuOTk0MTQtMTcuNzk4ODI4LS45Mzc1eiIgZmlsbD0iI2VmZWZmMCIvPjwvc3ZnPg==)
}

.page-footer {
	padding: 0 !important;
	background: #1d1d1d;
	color: #fff;
	font-size: calc(var(--baseFontSize) * 1.125)
}

.redirect-widget-displayed .page-footer {
	margin-bottom: var(--redirect-banner-height)
}

.page-footer h1 {
	position: absolute;
	opacity: 0;
	pointer-events: none
}

.page-footer .h6 {
	display: block;
	color: #999;
	font-size: 1em;
	margin-bottom: 1em
}

.page-footer .btn,
.page-footer a {
	padding: 3px 0
}

.page-footer a {
	display: block;
	color: inherit;
	text-decoration: none
}

.page-footer a:focus,
.page-footer a:hover {
	text-decoration: underline;
}

.page-footer svg {
	fill: currentColor
}

.page-footer>* {
	padding: 0 calc(var(--gutter) * 3)
}

.page-footer .separator {
	margin-top: calc(var(--gutter) * 2);
	margin-bottom: var(--gutter);
	padding-bottom: calc(var(--gutter) * 2)
}

.page-footer .separator svg {
	width: auto
}

.page-footer .separator .logo {
	margin-right: auto
}

.page-footer .separator .social {
	display: inline-block;
	color: #ffffff80
}

.page-footer .separator .social+.social {
	margin-left: calc(var(--gutter) / 2)
}

.page-footer .separator .social svg {
	height: 24px;
	fill: currentColor
}

.page-footer .separator .social:focus,
.page-footer .separator .social:hover {
	color: #fff
}



@media (max-width:1023px) {
	.page-footer .separator {
		margin: 0;
		padding: 0 var(--gutter);
		margin-top: calc(var(--gutter) * 2);
		padding-top: calc(var(--gutter) * 2);
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row-reverse;
		flex-flow: row-reverse
	}

	.page-footer .separator:before {
		content: "";
		display: block;
		background: hsla(0, 0%, 100%, .1);
		position: absolute;
		height: 1px;
		left: var(--gutter);
		right: var(--gutter);
		top: calc(var(--gutter) / 2)
	}

	.page-footer .separator>div {
		margin-left: auto;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	.page-footer .separator .logo {
		display: contents
	}

	.page-footer .separator .logo svg {
		margin-right: var(--gutter)
	}

	.page-footer .separator .social svg {
		width: 20px;
		height: 20px
	}
}



@media (min-width:1025px) {
	.page-footer .separator {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: end;
		align-items: flex-end;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}

	.page-footer .separator .social+.social {
		margin-left: var(--gutter)
	}

	.page-footer .separator .logo svg {
		height: 37px
	}
}

.page-footer h1 {
	margin-bottom: calc(var(--gutter) * 2)
}

.page-footer h1 svg {
	display: block
}

.page-footer svg {
	fill: #fff
}

.page-footer ul {
	margin-bottom: calc(var(--gutter) * 2)
}

.page-footer ul ul {
	margin-bottom: 0
}

.page-footer>div:last-of-type {
	font-size: calc(.75 * var(--baseFontSize));
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
	padding-top: calc(var(--gutter) * 1)
}

.page-footer>div:last-of-type>div:last-of-type,
.page-footer>div:last-of-type>div:nth-last-of-type(2) {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.page-footer>div:last-of-type>div:last-of-type a,
.page-footer>div:last-of-type>div:nth-last-of-type(2) a {
	display: block;
	padding-top: calc(var(--gutter) * .4);
	padding-bottom: calc(var(--gutter) * .4);
	color: #ffffff80;
	margin-right: var(--gutter)
}

.page-footer>div:last-of-type>div:last-of-type a:focus,
.page-footer>div:last-of-type>div:last-of-type a:hover,
.page-footer>div:last-of-type>div:nth-last-of-type(2) a:focus,
.page-footer>div:last-of-type>div:nth-last-of-type(2) a:hover {
	color: #fff
}




@media (max-width:1023px) {
	.page-footer>div:last-of-type {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-align: stretch;
		align-items: stretch
	}

	.page-footer>div:last-of-type .score-wrapper {
		margin-bottom: 0
	}

	.page-footer>div:last-of-type .score {
		height: 100%;
		padding: 8px 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.page-footer>div:last-of-type>* {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	.page-footer>div:last-of-type>:first-child {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		padding-bottom: calc(var(--gutter) * 1.5);
		border-bottom: 1px solid hsla(0, 0%, 100%, .05);
		margin: 0;
		/* margin-bottom: calc(var(--gutter) * 1.5) */
	}

	.page-footer>div:last-of-type>:last-of-type {
		margin-top: var(--gutter)
	}

	.page-footer>div:last-of-type .score>small {
		font-size: calc(.75 * var(--baseFontSize))
	}
}




@media (min-width:1024px) {
	.page-footer>div:last-of-type {
		font-size: calc(.875 * var(--baseFontSize));
		position: relative
	}

	.page-footer>div:last-of-type:before {
		position: absolute;
		display: block;
		content: "";
		height: 1px;
		left: calc(var(--gutter) * 3);
		right: calc(var(--gutter) * 3);
		top: 0;
		background: hsla(0, 0%, 100%, .1)
	}

	.page-footer>div:last-of-type>.score-wrapper {
		margin-left: auto
	}

	.page-footer>div:last-of-type>.score-wrapper .score {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.page-footer>div:last-of-type>.score-wrapper .score>small {
		font-size: calc(.875 * var(--baseFontSize));
		margin-left: calc(var(--gutter) / 2)
	}

	.page-footer>div:last-of-type>div:last-of-type,
	.page-footer>div:last-of-type>div:nth-last-of-type(2) {
		padding-left: var(--gutter)
	}

	.page-footer>div:last-of-type>div:last-of-type a,
	.page-footer>div:last-of-type>div:nth-last-of-type(2) a {
		padding-top: calc(var(--gutter) * .8);
		padding-bottom: calc(var(--gutter) * .8)
	}

	.page-footer>div:last-of-type>div:nth-of-type(2) {
		margin-left: auto;
		-ms-flex-order: 1;
		order: 1
	}

	.page-footer>div:last-of-type>div:last-of-type {
		-ms-flex-order: 2;
		order: 2;
		justify-self: end;
		padding-right: var(--gutter)
	}

	.page-footer>div:last-of-type>div:last-of-type a {
		display: inline-block;
		padding-left: var(--gutter)
	}
}

.page-footer .form-wrapper {
	position: relative
}

.page-footer .form-wrapper input {
	width: 100%;
	border-color: #ffffff80;
	outline: 0;
	color: currentColor;
	padding-right: calc(var(--gutter) * 3.5)
}

.page-footer .form-wrapper button {
	font-size: .75rem;
	padding: 0 calc(var(--gutter) * .25) 0 0;
	position: absolute;
	bottom: 0;
	right: 0;
	background: transparent !important;
	border: 0;
	height: 46px;
	border: 0 !important;
	color: #ffffff80
}

.page-footer .form-wrapper button svg {
	color: #fff
}

.page-footer .form-wrapper .optin {
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0;
	opacity: .5;
	margin-top: calc(var(--gutter)*1);
	font-size: calc(var(--baseFontSize)*.75)
}

.page-footer .form-wrapper .optin a {
	display: inline-block;
	text-decoration: underline
}

.page-footer ::placeholder {
	color: #fff
}

.page-footer :-ms-input-placeholder,
.page-footer ::-ms-input-placeholder {
	color: #fff
}

.page-footer .hidden--from-footer {
	display: none
}



@media (max-width:1023px) {
	.page-footer {
		display: block
	}

	.page-footer>* {
		padding: calc(var(--gutter)*2) var(--gutter)
	}

	.page-footer>[data-columns] {
		background: hsla(0, 0%, 100%, .01)
	}

	.page-footer>[data-columns]>ul {
		display: block;
		float: left;
		width: 50%
	}

	.page-footer>[data-columns] .form-wrapper {
		clear: both;
		margin: 0 calc(var(--gutter) * -2) calc(var(--gutter) * -1);
		padding: calc(var(--gutter) * 1.5) calc(var(--gutter) * 2) var(--gutter);
		background: #1d1d1d
	}

	.page-footer .btn {
		display: block;
		text-align: left;
		margin: 0;
		border: 0;
		max-width: none;
		line-height: inherit
	}

	.page-footer ul {
		margin-bottom: var(--gutter)
	}

	.page-footer .h6 {
		margin-bottom: .5em
	}

	.page-footer [data-columns="5"] {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr
	}

	.page-footer .form-wrapper {
		-ms-grid-column: span 2;
		grid-column: span 2
	}
}


@media (min-width:1024px) {
	.page-footer {
		padding-top: calc(var(--gutter) * 3) !important;
		padding-bottom: calc(var(--gutter) * 1) !important
	}
}

#preview-bar-iframe {
	display: none !important
}

#banner-promo-c3-june-22 .dialog-content,
.template-cowboy-3 .section--footer .tag,
.thumbnails-nav .dropdown-nav__item--c3 .tag,
[for=model-cowboy-3] .tag {
	background-color: #f0d39b
}

#banner-promo-c3-june-22 .dialog-content *,
.template-cowboy-3 .section--footer .tag *,
.thumbnails-nav .dropdown-nav__item--c3 .tag *,
[for=model-cowboy-3] .tag * {
	color: #333
}

#banner-promo-c3-june-22 .dialog-content:hover {
	background: #fff
}