@import"css-SpaceMono400700_swap.css";

@font-face {
	font-family: "favorit";
	src: url("../fonts/ALVASFavorit-Regular.woff2") format("woff2"), url("../fonts/ALVASFavorit-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "favorit";
	src: url("../fonts/ALVASFavorit-Bold.woff2") format("woff2"), url("../fonts/ALVASFavorit-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: "favorit";
	src: url("../fonts/ALVASFavorit-Light.woff2") format("woff2"), url("../fonts/ALVASFavorit-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: "ALVAS-icon-font";
	src: url("../fonts/ALVAS-icon-font.ttf?v=3") format("truetype"), url("../fonts/ALVAS-icon-font.woff?v=3") format("woff"), url("../fonts/ALVAS-icon-font.svg?v=3") format("svg");
	font-weight: normal;
	font-style: normal
}

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

* {
	outline: none
}

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

section {
	position: relative;
	z-index: 0
}

nav ul {
	margin: 0;
	padding: 0
}

nav ul li::before {
	display: none
}

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

figcaption,
figure,
main {
	display: block
}

figure {
	margin: 1em 40px
}

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

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

a {
	background-color: rgba(0, 0, 0, 0);
	-webkit-text-decoration-skip: objects
}

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

b,
strong {
	font-weight: inherit
}

b,
strong {
	font-weight: bolder
}

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

dfn {
	font-style: italic
}

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

small {
	font-size: 80%
}

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

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

audio,
video {
	display: inline-block
}

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

img {
	border-style: none
}

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

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

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

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

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

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

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

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

textarea {
	overflow: auto
}

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

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

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

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

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

details,
menu {
	display: block
}

summary {
	display: list-item
}

canvas {
	display: inline-block
}

template {
	display: none
}

[hidden] {
	display: none
}

html {
	color: #222;
	line-height: 1.4
}

::selection {
	background: #b3d4fc;
	text-shadow: none
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle
}

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

textarea {
	resize: vertical
}

.browserupgrade {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}

.hidden {
	display: none !important
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px !important;
	white-space: nowrap
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	clip-path: none;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
	white-space: inherit
}

.invisible {
	visibility: hidden
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

* {
	box-sizing: border-box
}

.icon-square-fill-small:before {
	content: "睽?
}

.icon-square-outline-small:before {
	content: "睽?
}

.icon-cart:before {
	content: "瞍€"
}

.icon-check:before {
	content: "瞍?
}

.icon-close-large:before {
	content: "瞍?
}

.icon-close-small:before {
	content: "瞍?
}

.icon-menu:before {
	content: "瞍?
}

.icon-minus:before {
	content: "瞍?
}

.icon-plus:before {
	content: "瞍?
}

.icon-search:before {
	content: "瞍?
}

.icon-star-empty:before {
	content: "瞍?
}

.icon-star-full:before {
	content: "瞍?
}

.icon-star-half:before {
	content: "瞍?
}

.icon-square-aluminum-medium:before {
	content: "瞍?
}

.icon-square-box:before {
	content: "瞍?
}

.icon-square-carbon-medium:before {
	content: "瞍?
}

.icon-square-check-medium:before {
	content: "瞍?
}

.icon-square-check-small:before {
	content: "瞍?
}

.icon-square-document-medium:before {
	content: "瞍?
}

.icon-square-landscape-medium:before {
	content: "瞍?
}

.icon-square-location:before {
	content: "瞍?
}

.icon-square-lock-large:before {
	content: "瞍?
}

.icon-square-lock-medium:before {
	content: "瞍?
}

.icon-square-materials-medium:before {
	content: "瞍?
}

.icon-square-mountain-medium:before {
	content: "瞍?
}

.icon-square-nut-medium:before {
	content: "瞍?
}

.icon-square-pencil-medium:before {
	content: "瞍?
}

.icon-square-play-inverted:before {
	content: "瞍?
}

.icon-square-plus-medium:before {
	content: "瞍?
}

.icon-square-print-medium:before {
	content: "瞍?
}

.icon-square-truck:before {
	content: "瞍?
}

.icon-square-warning-medium:before {
	content: "瞍?
}

.icon-square-warning-small:before {
	content: "瞍?
}

.icon-square-warranty:before {
	content: "瞍?
}

.icon-square-wheel-medium:before {
	content: "瞍?
}

.icon-video-close:before {
	content: "瞍?
}

.icon-video-mute:before {
	content: "瞍?
}

.icon-video-pause:before {
	content: "瞍?
}

.icon-video-play:before {
	content: "瞍?
}

.icon-video-play-full:before {
	content: "睽?
}

.icon-video-volume:before {
	content: "瞍?
}

.icon-facebook:before {
	content: "\e926";
}

.icon-instagram:before {
	content: "\e927";
}

.icon-twitter:before {
	content: "\e928";
}

.icon-youtube:before {
	content: "\e929";
}

.icon-tiktok:before {
	content: "\e951";
}

.icon-pinterest:before {
	content: "\e952";
}

.icon-location-outline:before {
	content: "瞍?
}

.icon-location-solid:before {
	content: "瞍?
}

.icon-caret-large-down:before {
	content: "瞍?
}

.icon-caret-large-left:before {
	content: "瞍?
}

.icon-caret-large-right:before {
	content: "瞍?
}

.icon-caret-large-up:before {
	content: "瞍?
}

.icon-caret-medium-down:before {
	content: "瞍?
}

.icon-caret-medium-left:before {
	content: "瞍?
}

.icon-caret-medium-right:before {
	content: "瞍?
}

.icon-caret-medium-up:before {
	content: "瞍?
}

.icon-caret-small-down:before {
	content: "瞍?
}

.icon-caret-small-left:before {
	content: "瞍?
}

.icon-caret-small-right:before {
	content: "瞍?
}

.icon-caret-small-up:before {
	content: "瞍?
}

.icon-circle-check-medium:before {
	content: "瞍?
}

.icon-circle-check-small:before {
	content: "瞍?
}

.icon-circle-close-medium:before {
	content: "瞍?
}

.icon-circle-close-small:before {
	content: "瞍?
}

.icon-circle-error-medium:before {
	content: "瞍?
}

.icon-circle-minus-medium:before {
	content: "瞍?
}

.icon-circle-minus-small:before {
	content: "瞍?
}

.icon-circle-plus-large:before {
	content: "瞍?
}

.icon-circle-plus-medium:before {
	content: "睽€"
}

.icon-circle-plus-small:before {
	content: "睽?
}

.icon-arrow-large-down:before {
	content: "睽?
}

.icon-arrow-large-left:before {
	content: "睽?
}

.icon-arrow-large-right:before {
	content: "睽?
}

.icon-arrow-large-up:before {
	content: "睽?
}

.icon-arrow-medium-down:before {
	content: "睽?
}

.icon-arrow-medium-left:before {
	content: "睽?
}

.icon-arrow-medium-right:before {
	content: "睽?
}

.icon-arrow-medium-up:before {
	content: "睽?
}

.icon-arrow-small-down:before {
	content: "睽?
}

.icon-arrow-small-left:before {
	content: "睽?
}

.icon-arrow-small-right:before {
	content: "睽?
}

.icon-arrow-small-up:before {
	content: "睽?
}

.product-features header,
.site-gutters,
.content-container,
main>header,
main>section,
main>div {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1281px
}

#OrderConfirmationServices,
.account-page,
.carousel-terrain,
.carousel-collection,
.category-carousel,
.single-product-storyteller,
.simple-type-and-image,
.side-by-side,
.service-offerings,
.product-line,
.product-features,
.photo.advocacy-photo,
.blog-header .advocacy-photo.image,
.nav-anchors,
.lab71-storyteller,
.lab71-billboard,
.intro-with-media,
.hotspots .hotspots-product-wrapper,
.hero-pdp,
.hero-collections,
.hero-checkout-confirmation,
.hero-about,
.full-bleed-media,
.full-bleed-image,
.search-location.secondary .predictive-results,
.feature-highlight,
.crosslink-editorial,
.crosslink-content,
.consumer-benefits,
.billboard,
.billboard-centered,
.hero-bike-finder,
.bikefinder,
.register-a-bike .register__column-block {
	margin-left: -20px;
	margin-right: -20px;
	max-width: none !important;
	width: calc(100% + 2*20px)
}

@media all and (min-width: 768px) {

	#OrderConfirmationServices,
	.account-page,
	.carousel-terrain,
	.carousel-collection,
	.category-carousel,
	.single-product-storyteller,
	.simple-type-and-image,
	.side-by-side,
	.service-offerings,
	.product-line,
	.product-features,
	.photo.advocacy-photo,
	.blog-header .advocacy-photo.image,
	.nav-anchors,
	.lab71-storyteller,
	.lab71-billboard,
	.intro-with-media,
	.hotspots .hotspots-product-wrapper,
	.hero-pdp,
	.hero-collections,
	.hero-checkout-confirmation,
	.hero-about,
	.full-bleed-media,
	.full-bleed-image,
	.search-location.secondary .predictive-results,
	.feature-highlight,
	.crosslink-editorial,
	.crosslink-content,
	.consumer-benefits,
	.billboard,
	.billboard-centered,
	.hero-bike-finder,
	.bikefinder,
	.register-a-bike .register__column-block {
		margin-left: -42px;
		margin-right: -42px;
		width: calc(100% + 2*42px)
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.hero-plp {
		margin-left: -42px;
		margin-right: -42px;
		width: calc(100% + 2*42px)
	}
}

@media all and (max-width: 767px) {

	.search-results-menu .menu,
	.blog-list-top-story.image-right .blog-list-top-story-container .image,
	.timeline,
	.hero-plp,
	.hero-pdp .zoom,
	.mobile-menu-sort .sort-by,
	.mobile-menu-sort {
		margin-left: -20px;
		margin-right: -20px;
		width: 100vw
	}
}

.carousel-image,
.blog-list-top-story.image-right,
.timeline,
.storyteller-product .item.one,
.crosslink-content .image,
.two-column {
	max-width: none;
	margin-left: auto;
	margin-right: -20px !important
}

@media all and (min-width: 768px) {

	.carousel-image,
	.blog-list-top-story.image-right,
	.timeline,
	.storyteller-product .item.one,
	.crosslink-content .image,
	.two-column {
		margin-right: -42px !important
	}
}

@media all and (min-width: 1281px) {

	body:not(.pdp__body) .carousel-image,
	body:not(.pdp__body) .blog-list-top-story.image-right,
	body:not(.pdp__body) .timeline,
	body:not(.pdp__body) .storyteller-product .item.one,
	.storyteller-product body:not(.pdp__body) .item.one,
	body:not(.pdp__body) .crosslink-content .image,
	.crosslink-content body:not(.pdp__body) .image,
	body:not(.pdp__body) .two-column {
		width: calc(50vw + 640px)
	}
}

#SettingsChangePassword .title,
.no-decoration,
.account-page .title,
.CoveoResultList .blog-card time,
.search-results-menu .item a,
.carousel-terrain .headline,
.carousel-collection__headline span,
.blog-list-top-story.image-top .headline strong,
.blog-list-top-story.image-right .blog-list-top-story-container strong,
.blog-header time,
.blog-footer .share .title,
.utility-region .country,
.timeline .year-indicator,
.timeline .year,
.storyteller-product .trigger,
.sort-bar .dropdown-filter:first-of-type .label,
.product-specifications .tools .tool-link,
.product-specifications .note,
.product-specifications .section-title,
.predictive-results .title,
.nav-footer .title,
.nav-anchors .num,
.hero-pdp .close::after,
.hero-collections .headline strong,
.location-results .filters-trigger,
.search-location .distance-chooser .label,
.search-location #DesktopLocate,
.filter-product .dropdown .label,
.filter-product .title,
.filter-product .title-trigger,
.filter-product .filter-trigger,
.filter-product .all-filters-trigger,
.crosslink-editorial,
.consumer-benefits .consumer-benefits-item .eyebrow,
.compare-tool .mobile-compare-card .title .year,
.compare-tool .compare-panel-header .add,
.compare-tool .show-trigger,
.billboard .bottom-link a,
.billboard-centered .headline .preheadline,
.bike-finder-tag-wrapper span[data-action="select tag"],
.bike-finder-tag-wrapper .bike-finder-tag,
.bike-finder-question .question strong,
.sizing-measurements,
.archive-search-result strong,
.archive-search-expanded .title,
.accordion .supplement .label,
.accordion .supplement .value,
.accordion .model-year,
.quote cite,
.platform-signature .name strong,
.product-card-legacy .compare,
.product-card .compare,
.nav-arrows,
.detail-label,
.preferred,
.tag,
.carousel-product .label,
.carousel-blog .label,
.crosslink-split .label,
.crosslink-content .label,
.billboard .large .label,
.billboard .label {
	font-family: "Space Mono", monospace;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase
}

.account-detail__edit::before,
.product-specifications .unit-toggle button.is-active::before,
.product-specifications .inner-trigger[data-trigger]::after,
.hero-pdp .close::before,
.filter-product .title-trigger::after,
.filter-product .filter-trigger::after,
.filter-product .all-filters-trigger::after,
.filter-and-sort__filters-close::before,
.filter-and-sort__search-bar__clear,
.Cart-item-remove,
.accordion .trigger.item::after,
.closeModal::before,
.formField.is-match .error-label__indicator::after,
input[type=checkbox]+label::before,
input[type=checkbox]+input[type=hidden]+label::before,
.dropdown .selected::after,
.register-a-bike .register__retailer-list-item.selected::after,
.utility-region [data-trigger]:not(.country)::after,
.content-assist .trigger ::after,
#nav-close,
.header-search .close,
#MiniCart .close,
.bike-configuration__close,
.cookie-banner .close,
.guest-checkout .trigger.close,
.icon {
	font-family: "ALVAS-icon-font" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	position: relative;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

[data-rotated=deg-270].rotated {
	display: inline-block;
	transform: rotate(270deg);
	transform-origin: bottom left
}

.carousel-product .label,
.carousel-blog .label,
.crosslink-split .label,
.crosslink-content .label,
.billboard .large .label,
.billboard .label {
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1;
	left: -10px;
	top: 27px;
	position: absolute;
	text-align: right
}

@media all and (min-width: 768px) {

	.carousel-product .label,
	.carousel-blog .label,
	.crosslink-split .label,
	.crosslink-content .label,
	.billboard .large .label,
	.billboard .label {
		display: inline-block;
		font-size: 1.2rem;
		left: -12px;
		top: 46px
	}
}

@media all and (min-width: 1200px) {

	.carousel-product .label,
	.carousel-blog .label,
	.crosslink-split .label,
	.crosslink-content .label,
	.billboard .large .label,
	.billboard .label {
		font-size: 1.3rem;
		left: -18px;
		top: 90px
	}
}

#nav-close,
.header-search .close,
#MiniCart .close,
.bike-configuration__close,
.cookie-banner .close,
.guest-checkout .trigger.close {
	min-width: 0 !important;
	background: #fff;
	border: none;
	cursor: pointer;
	height: 40px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px
}

@media all and (min-width: 768px) {

	#nav-close,
	.header-search .close,
	#MiniCart .close,
	.bike-configuration__close,
	.cookie-banner .close,
	.guest-checkout .trigger.close {
		height: 40px;
		width: 40px
	}
}

@media all and (min-width: 960px) {

	#nav-close,
	.header-search .close,
	#MiniCart .close,
	.bike-configuration__close,
	.cookie-banner .close,
	.guest-checkout .trigger.close {
		height: 40px;
		width: 40px
	}
}

#nav-close::before,
.header-search .close::before,
#MiniCart .close::before,
.bike-configuration__close::before,
.cookie-banner .close::before,
.guest-checkout .trigger.close::before {
	content: "瞍?;
	display: block;
	font-weight: 700;
	font-size: 1.6rem;
	margin: auto
}

@media all and (min-width: 768px) {

	#nav-close::before,
	.header-search .close::before,
	#MiniCart .close::before,
	.bike-configuration__close::before,
	.cookie-banner .close::before,
	.guest-checkout .trigger.close::before {
		font-weight: 400
	}
}

@media all and (min-width: 960px) {

	#nav-close::before,
	.header-search .close::before,
	#MiniCart .close::before,
	.bike-configuration__close::before,
	.cookie-banner .close::before,
	.guest-checkout .trigger.close::before {
		content: "瞍?;
		font-size: 1.6rem
	}
}

.error-page .error-links-container ul,
#ProfileSettingsNav,
.search-results-menu .menu,
.blog-footer .share ul,
.utility-region ul,
.store-detail ul,
.social-links,
.service-offerings .services,
.product-overview .logos,
.predictive-results ul,
.nav-footer dl ul,
.location-results .services-available,
.location-results .demos-available,
.location-results .filters-panel,
.filter-product .filter-checkbox,
.filter-product .menu-filter,
.sizing-fit,
.archive-search-expanded ul,
ul.plain,
ol.plain,
.two-column ul,
.register-a-bike ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.error-page .error-links-container ul>li,
#ProfileSettingsNav>li,
.search-results-menu .menu>li,
.blog-footer .share ul>li,
.utility-region ul>li,
.store-detail ul>li,
.social-links>li,
.service-offerings .services>li,
.product-overview .logos>li,
.predictive-results ul>li,
.nav-footer dl ul>li,
.location-results .services-available>li,
.location-results .demos-available>li,
.location-results .filters-panel>li,
.filter-product .filter-checkbox>li,
.filter-product .menu-filter>li,
.sizing-fit>li,
.archive-search-expanded ul>li,
ul.plain>li,
ol.plain>li,
.two-column ul>li,
.register-a-bike ul>li {
	margin: 0
}

.error-page .error-links-container ul>li::before,
#ProfileSettingsNav>li::before,
.search-results-menu .menu>li::before,
.blog-footer .share ul>li::before,
.utility-region ul>li::before,
.store-detail ul>li::before,
.social-links>li::before,
.service-offerings .services>li::before,
.product-overview .logos>li::before,
.predictive-results ul>li::before,
.nav-footer dl ul>li::before,
.location-results .services-available>li::before,
.location-results .demos-available>li::before,
.location-results .filters-panel>li::before,
.filter-product .filter-checkbox>li::before,
.filter-product .menu-filter>li::before,
.sizing-fit>li::before,
.archive-search-expanded ul>li::before,
ul.plain>li::before,
ol.plain>li::before,
.two-column ul>li::before,
.register-a-bike ul>li::before {
	display: none
}

.product-features .trigger b,
#PDPDetailCarousel .trigger b,
.hero-about .image,
.search-location .dropdown .label,
.billboard[data-type=image] .image,
input[type=radio],
input[type=checkbox],
.dropdown .option.default,
.dropdown select,
.dropdown .select,
.cookie-banner .close span,
.nav-arrows b,
[class^=accessibility],
.accessibility {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px !important
}

@media all and (max-width: 767px) {

	.search-results-menu .button strong,
	.search-results-menu #LocallyProductLocator.-enable-cta #lcly-button-buy strong,
	#LocallyProductLocator.-enable-cta .search-results-menu #lcly-button-buy strong,
	.search-results-menu .filter-product .clear-input strong,
	.filter-product .search-results-menu .clear-input strong,
	.header-search small,
	.location-results .services,
	.location-results .demos {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px !important
	}
}

.utility-region [data-trigger]:not(.country)::after,
.content-assist .trigger ::after {
	content: "睽?;
	font-size: 3.6rem;
	height: 24px;
	line-height: .7;
	margin-bottom: -24px;
	position: relative
}

@media all and (min-width: 768px) {

	.utility-region [data-trigger]:not(.country)::after,
	.content-assist .trigger ::after {
		content: "睽?;
		font-size: 2.5rem;
		height: auto;
		line-height: 1;
		margin-bottom: 0
	}
}

.utility-region .is-active[data-trigger]:not(.country)::after,
.content-assist .trigger .is-active::after {
	transform: rotate(180deg)
}

.view-more-filters:hover,
.filter-and-sort__filter-item:hover,
.filter-and-sort__sort-item:hover,
.filter-and-sort__active-filters-list__item:hover,
.filter-and-sort__toggle-filters:hover {
	color: #757575
}

.view-more-filters:hover path,
.filter-and-sort__filter-item:hover path,
.filter-and-sort__sort-item:hover path,
.filter-and-sort__active-filters-list__item:hover path,
.filter-and-sort__toggle-filters:hover path {
	fill: #757575 !important
}

.form-row:has(.is-visible) .formField:has(.label-swap:not(.is-visible)),
.flex-row.formField-row:has(.is-visible) .formField:has(.label-swap:not(.is-visible)) {
	margin-top: 24px
}

body {
	display: flex;
	align-items: center;
	flex-direction: column
}

main,
.site-header,
.site-footer {
	width: 100%;
	flex-shrink: 0
}

.site-header {
	order: 1
}

main {
	flex-grow: 1;
	width: 100%;
	order: 2
}

.site-footer {
	order: 3
}

@media all and (max-width: 767px) {

	.site-gutters,
	main {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media all and (min-width: 768px) {

	.site-gutters,
	main {
		padding-left: 42px;
		padding-right: 42px
	}
}

@media all and (min-width: 768px) {
	.offset-7-5 {
		display: flex;
		justify-content: space-between
padding-top: 20px;
}
}

@media all and (min-width: 768px) {
	.offset-7-5 .column:first-of-type {
		width: 49.1228070175%
	}
}

@media all and (min-width: 960px) {
	.offset-7-5 .column:first-of-type {
		width: 57.6271186441%
	}
}

@media all and (min-width: 768px) {
	.offset-7-5 .column:last-of-type {
		width: 49.1228070175%
	}
}

@media all and (min-width: 960px) {
	.offset-7-5 .column:last-of-type {
		width: 40.6779661017%
	}
}

.row {
	display: flex;
	flex-direction: column
}

@media all and (min-width: 768px) {
	.row[class*=split-] {
		flex-direction: row;
		justify-content: space-between
padding-top: 20px;
}
}

@media all and (min-width: 768px) {
	.row.split-6-6 .column:first-child {
		max-width: 49.1228070175%
	}

	.row.split-6-6 .column:last-child {
		max-width: 49.1228070175%
	}
}

@media all and (min-width: 1200px) {
	.row.split-6-6 .column:first-child {
		max-width: 49.1525423729%
	}

	.row.split-6-6 .column:last-child {
		max-width: 49.1525423729%
	}
}

@media all and (min-width: 768px) {
	.row.split-8-4 .column:first-child {
		max-width: 66.081871345%
	}

	.row.split-8-4 .column:last-child {
		max-width: 32.1637426901%
	}
}

@media all and (min-width: 1200px) {
	.row.split-8-4 .column:first-child {
		max-width: 66.1016949153%
	}

	.row.split-8-4 .column:last-child {
		max-width: 32.2033898305%
	}
}

.flex-row {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center
}

.flex-row.-space-between {
	justify-content: space-between
}

.flex-row.-align-start {
	align-items: flex-start
}

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

.flex-row:not(.-auto-size-children)>* {
	width: 100%
}

.flex-row>div {
	text-align: center
}

.flex-row.-left-align-text,
.flex-row.-left-align-text>* {
	text-align: left
}

.flex-row:not(.mobile-break) .button,
.flex-row:not(.mobile-break) #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .flex-row:not(.mobile-break) #lcly-button-buy,
.flex-row:not(.mobile-break) .filter-product .clear-input,
.filter-product .flex-row:not(.mobile-break) .clear-input {
	min-width: 0 !important;
	margin: 0 !important;
	width: 100% !important
}

.flex-row.formField-row .formField:not(.hidden)+.formField {
	margin-left: 22px
}

@media all and (max-width: 959px) {
	.flex-row.mobile-break {
		display: block
	}

	.flex-row.mobile-break>div {
		width: 100%;
		text-align: left
	}

	.flex-row.mobile-break>div+div {
		margin-top: 20px
	}
}

@media all and (min-width: 960px) {

	.flex-row.mobile-break .button,
	.flex-row.mobile-break #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .flex-row.mobile-break #lcly-button-buy,
	.flex-row.mobile-break .filter-product .clear-input,
	.filter-product .flex-row.mobile-break .clear-input {
		min-width: 0 !important;
		margin: 0 !important;
		width: 100% !important
	}
}

.register-a-bike {
	max-width: none
}

@media all and (max-width: 767px) {
	.register-a-bike p {
		font-size: 1.4rem
	}
}

.register-a-bike .headline {
	margin: 0 0 8px
}

@media all and (min-width: 768px) {
	.register-a-bike .headline {
		font-size: 6rem;
		margin-bottom: 53px
	}
}

.register-a-bike .register__column-block {
	padding: 0 20px
}

.register-a-bike .register__column-block .inner-column {
	margin: 0 auto;
	max-width: 916px
}

.register-a-bike .register__column-block .inner-column.separator {
	border-top: 2px solid #d9d9d9;
	margin-top: 47px;
	padding-top: 47px
}

.register-a-bike .register__column-block .inner-column .text-content h3 {
	margin: 0 0 7px
}

.register-a-bike .register__column-block .inner-column .text-content p {
	width: 100%
}

@media all and (min-width: 768px) {
	.register-a-bike .register__column-block {
		padding-bottom: 68px;
		padding-top: 68px
	}

	.register-a-bike .register__column-block.register__form-block {
		padding-bottom: 0
	}

	.register-a-bike .register__column-block .inner-column.separator {
		border: none;
		margin-top: 0;
		padding-top: 0
	}

	.register-a-bike .register__column-block.separator {
		border-top: 2px solid #d9d9d9
	}

	.register-a-bike .register__column-block .text-content h3 {
		margin-top: 50px !important
	}
}

.register-a-bike .register__column-block .text-content {
	margin: 0 0 12px
}

.register-a-bike .register__column-block img {
	display: block;
	width: 100%
}

@media all and (min-width: 768px) {
	.register-a-bike .register__column-block img {
		width: 66.1016949153%
	}
}

.register-a-bike .register__column-block h3,
.register-a-bike .register__column-block h4,
.register-a-bike .register__column-block h5,
.register-a-bike .register__column-block h6 {
	font-size: 2.4rem;
	font-weight: 300;
	margin: 0 0 7px
}

@media all and (min-width: 768px) {

	.register-a-bike .register__column-block h3,
	.register-a-bike .register__column-block h4,
	.register-a-bike .register__column-block h5,
	.register-a-bike .register__column-block h6 {
		margin-bottom: 11px
	}
}

.register-a-bike .register__column-block .title {
	margin-bottom: 24px
}

@media all and (max-width: 767px) {
	.register-a-bike .register__column-block .title {
		margin-bottom: 12px
	}
}

.register-a-bike .register header {
	margin: 0 0 3px;
	padding: 0 0 52px
}

@media all and (max-width: 767px) {
	.register-a-bike .register header .text-content {
		font-size: 1.2rem;
		line-height: 1.3333
	}

	.register-a-bike .register header .text-content p {
		font-size: inherit;
		line-height: inherit;
		margin-bottom: 1.25em
	}
}

.register-a-bike .register .text-content {
	padding: 7px 0 0 0
}

@media all and (min-width: 768px) {
	.register-a-bike .register .text-content {
		padding-top: 0
	}
}

@media all and (min-width: 768px) {
	.register-a-bike .register .form {
		padding-top: 40px
	}
}

.register-a-bike .register .button,
.register-a-bike .register #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .register-a-bike .register #lcly-button-buy,
.register-a-bike .register .filter-product .clear-input,
.filter-product .register-a-bike .register .clear-input {
	margin-top: 7px
}

.register-a-bike .register .button.serial-search,
.register-a-bike .register #LocallyProductLocator.-enable-cta .serial-search#lcly-button-buy,
#LocallyProductLocator.-enable-cta .register-a-bike .register .serial-search#lcly-button-buy,
.register-a-bike .register .filter-product .serial-search.clear-input,
.filter-product .register-a-bike .register .serial-search.clear-input {
	margin-bottom: 24px;
	width: 100%
}

@media all and (min-width: 768px) {

	.register-a-bike .register .button.serial-search,
	.register-a-bike .register #LocallyProductLocator.-enable-cta .serial-search#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .register-a-bike .register .serial-search#lcly-button-buy,
	.register-a-bike .register .filter-product .serial-search.clear-input,
	.filter-product .register-a-bike .register .serial-search.clear-input {
		margin-bottom: 0
	}
}

.register-a-bike .register .button.loading:before,
.register-a-bike .register #LocallyProductLocator.-enable-cta .loading#lcly-button-buy:before,
#LocallyProductLocator.-enable-cta .register-a-bike .register .loading#lcly-button-buy:before,
.register-a-bike .register .filter-product .loading.clear-input:before,
.filter-product .register-a-bike .register .loading.clear-input:before {
	content: "聽";
	background-image: url(../images/progress.svg);
	margin: 0 8px;
	width: 20px;
	height: 20px;
	display: block;
	animation: rotate 2s linear infinite
}

.register-a-bike .register .button.loading:hover,
.register-a-bike .register #LocallyProductLocator.-enable-cta .loading#lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .register-a-bike .register .loading#lcly-button-buy:hover,
.register-a-bike .register .filter-product .loading.clear-input:hover,
.filter-product .register-a-bike .register .loading.clear-input:hover {
	background-color: #000 !important;
	color: #fff !important
}

@media all and (max-width: 767px) {

	.register-a-bike .register .button,
	.register-a-bike .register #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .register-a-bike .register #lcly-button-buy,
	.register-a-bike .register .filter-product .clear-input,
	.filter-product .register-a-bike .register .clear-input {
		display: block;
		margin-top: 0
	}
}

@media all and (min-width: 768px) {

	.register-a-bike .register .button,
	.register-a-bike .register #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .register-a-bike .register #lcly-button-buy,
	.register-a-bike .register .filter-product .clear-input,
	.filter-product .register-a-bike .register .clear-input {
		width: 400px
	}
}

.register-a-bike .register button.large {
	border-color: #000;
	width: 100%
}

@media all and (max-width: 767px) {
	.register-a-bike .register button.large {
		margin-top: 0
	}
}

@media all and (min-width: 768px) {
	.register-a-bike .register button.large {
		margin-top: 25px;
		width: 400px !important
	}
}

.register-a-bike .register__step-section {
	margin-bottom: 60px;
	padding-top: 12px
}

@media all and (min-width: 768px) {
	.register-a-bike .register__step-section {
		margin-bottom: 120px
	}
}

.register-a-bike .register__steps {
	border: 1px solid #4f4f4f;
	color: #4f4f4f;
	font-family: Space Mono;
	font-size: 1.1rem;
	letter-spacing: 2px;
	line-height: 16px;
	margin-bottom: 24px;
	text-align: center;
	text-transform: uppercase;
	width: max-content;
	padding: 0 6px
}

.register-a-bike .register__where-to-look {
	text-align: right;
	margin-top: 19px
}

.register-a-bike .register__where-to-look a {
	color: #757575
}

.register-a-bike .register__retailer-manual-entry-edit-row {
	text-align: right
}

.register-a-bike .register__edit-link {
	display: inline-block;
	font-family: Space Mono;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 3px;
	line-height: 16px;
	margin-top: 11px;
	text-transform: uppercase
}

.register-a-bike .register__error-already-registered {
	color: #d70a0a;
	display: flex;
	margin-bottom: 12px
}

.register-a-bike .register__error-already-registered p {
	margin-bottom: 0
}

.register-a-bike .register__error-generic {
	margin-top: 12px
}

.register-a-bike .register__error-serial {
	display: inline-block;
	margin-left: 0;
	margin-right: 12px;
	vertical-align: middle
}

.register-a-bike .register__serial-search-step {
	display: inline-block
}

.register-a-bike .register__product-info img {
	display: inline-block !important;
	vertical-align: top;
	width: 180px !important
}

.register-a-bike .register__product-container {
	display: flex;
	flex-wrap: wrap;
	margin-top: -14px
}

.register-a-bike .register__product-container .register__product-title-block,
.register-a-bike .register__product-container .register__product-info-block,
.register-a-bike .register__product-container .register__change-serial-block {
	width: 100%
}

@media all and (min-width: 768px) {

	.register-a-bike .register__product-container .register__product-title-block,
	.register-a-bike .register__product-container .register__change-serial-block {
		order: 1;
		width: 50%
	}

	.register-a-bike .register__product-container .register__product-info-block {
		order: 2;
		padding: 0 65px;
		width: 100%
	}

	.register-a-bike .register__product-container .register__change-serial-block {
		text-align: right
	}

	.register-a-bike .register__product-container .register__change-serial-block a {
		margin-top: 36px
	}
}

.register-a-bike .register__product-text {
	margin-top: 24px
}

.register-a-bike .register__product-text p {
	font-family: Favorit;
	font-weight: 400;
	margin-bottom: 0
}

.register-a-bike .register__product-text .register__product-manufacturer {
	font-size: 11px;
	line-height: 16px
}

.register-a-bike .register__product-text .register__product-platform,
.register-a-bike .register__product-text .register__product-model {
	font-size: 14px;
	line-height: 24px
}

.register-a-bike .register__product-text .register__product-model {
	font-weight: 700 !important
}

.register-a-bike .register__product-text .register__product-variant,
.register-a-bike .register__product-text .register__product-serial {
	font-size: 11px;
	line-height: 16px
}

.register-a-bike .register__product-text.user-reported-block {
	margin-left: 0;
	margin-right: 0
}

@media all and (min-width: 768px) {
	.register-a-bike .register__product-text {
		display: inline-block;
		margin: 0 60px
	}

	.register-a-bike .register__product-text .register__product-manufacturer {
		font-size: 16px;
		line-height: 27px
	}

	.register-a-bike .register__product-text .register__product-platform {
		font-size: 25px;
		line-height: 34px
	}

	.register-a-bike .register__product-text .register__product-model {
		font-size: 25px;
		font-weight: 700 !important;
		line-height: 34px
	}

	.register-a-bike .register__product-text .register__product-variant,
	.register-a-bike .register__product-text .register__product-serial {
		font-size: 12px;
		line-height: 14px
	}
}

@media all and (min-width: 768px) {
	.register-a-bike .register #retailer-search-panel .form-row {
		align-items: flex-end
	}

	.register-a-bike .register #retailer-search-panel .form-row:has(.has-error) {
		align-items: unset
	}

	.register-a-bike .register #retailer-search-panel .form-row:has(.has-error) .retailer-zip.has-error {
		margin-top: 42px
	}

	.register-a-bike .register #retailer-search-panel .form-row:has(.has-error) .retailer-zip.has-error:has(.is-visible) {
		margin-top: 18px
	}
}

.register-a-bike .register__retailer-search-button {
	display: block;
	width: 100%
}

.register-a-bike .register__retailer-results-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.register-a-bike .register__retailer-results-block>a {
	display: inline-block;
	margin: 40px auto 0
}

.register-a-bike .register__retailer-results {
	--scrollbar-foreground: #000;
	--scrollbar-background: #eee;
	height: 420px;
	overflow-y: scroll;
	padding-right: 2px;
	scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);
	width: 100%
}

.register-a-bike .register__retailer-results::-webkit-scrollbar {
	width: 3px
}

.register-a-bike .register__retailer-results::-webkit-scrollbar-thumb {
	background: var(--scrollbar-foreground)
}

.register-a-bike .register__retailer-results::-webkit-scrollbar-track {
	background: var(--scrollbar-background)
}

.register-a-bike .register__retailer-list-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px !important;
	padding: 10px;
	border: 1px solid #efefef
}

.register-a-bike .register__retailer-list-item h3.dealer-title {
	font-size: 1.2rem !important;
	font-weight: 400;
	line-height: 1.6rem;
	margin: 0 0 6px
}

.register-a-bike .register__retailer-list-item p {
	font-size: 1.2rem;
	line-height: 1.6rem;
	padding: 0;
	margin: 0
}

.register-a-bike .register__retailer-list-item .dealer-distance {
	font-size: 1.1rem;
	line-height: 1.6rem;
	margin-bottom: 10px !important
}

.register-a-bike .register__retailer-list-item .register__retailer-select-button {
	font-family: Favorit;
	font-size: 13px;
	font-weight: 700;
	line-height: 45px;
	max-width: 213px;
	margin-top: 0;
	min-width: 96px;
	text-transform: none;
	width: 35%
}

.register-a-bike .register__retailer-list-item.selected {
	align-items: flex-start;
	border: 1px solid #34c759;
	position: relative
}

.register-a-bike .register__retailer-list-item.selected .register__edit-link {
	margin-top: 0
}

.register-a-bike .register__retailer-list-item.selected::before {
	content: "";
	display: block !important;
	width: 0;
	height: 0;
	border-top: 20px solid rgba(0, 0, 0, 0);
	border-bottom: 20px solid rgba(0, 0, 0, 0);
	border-left: 20px solid #41c751;
	transform: rotate(225deg);
	position: absolute;
	top: -13px;
	left: -3px
}

.register-a-bike .register__retailer-list-item.selected::after {
	content: "瞍?;
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 3px;
	left: 3px
}

@media all and (max-width: 767px) {

	.register-a-bike .register__retailer-list-item.selected .dealer-address,
	.register-a-bike .register__retailer-list-item.selected .dealer-distance,
	.register-a-bike .register__retailer-list-item.selected .dealer-phone {
		display: none
	}

	.register-a-bike .register__retailer-list-item.selected .register__edit-link {
		position: absolute;
		right: 0;
		top: 46px
	}

	.register-a-bike .register__retailer-list-item.selected::before {
		border: 21px solid #41c751;
		left: auto;
		right: 0;
		top: 0;
		transform: rotate(0deg)
	}

	.register-a-bike .register__retailer-list-item.selected::after {
		left: auto;
		right: 14px;
		top: 15px
	}
}

@media all and (min-width: 768px) {
	.register-a-bike .register__retailer-list-item h3.dealer-title {
		font-size: 1.8rem !important;
		line-height: 2.7rem
	}

	.register-a-bike .register__retailer-list-item p {
		line-height: 1.8rem
	}

	.register-a-bike .register__retailer-list-item .dealer-distance {
		font-size: 1rem;
		line-height: 1.5rem
	}

	.register-a-bike .register__retailer-list-item .register__retailer-select-button {
		font-size: 16px;
		line-height: 64px
	}
}

.register-a-bike .register__retailer-manual-entry .formField.selectField::before {
	z-index: 0
}

.register-a-bike .register #retailer-purchase-date {
	margin-top: 40px
}

@media all and (min-width: 768px) {
	.register-a-bike .register #retailer-purchase-date {
		margin-top: 24px
	}
}

@media all and (min-width: 768px) {
	.register-a-bike .register__confirmation-block {
		padding: 0 65px
	}
}

.register-a-bike .register__confirmation-button-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px
}

.register-a-bike .register__confirmation-button-links .button,
.register-a-bike .register__confirmation-button-links #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .register-a-bike .register__confirmation-button-links #lcly-button-buy,
.register-a-bike .register__confirmation-button-links .filter-product .clear-input,
.filter-product .register-a-bike .register__confirmation-button-links .clear-input {
	margin-top: 12px;
	width: 100%
}

@media all and (min-width: 768px) {
	.register-a-bike .register__confirmation-button-links {
		margin-top: 120px
	}

	.register-a-bike .register__confirmation-button-links .button,
	.register-a-bike .register__confirmation-button-links #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .register-a-bike .register__confirmation-button-links #lcly-button-buy,
	.register-a-bike .register__confirmation-button-links .filter-product .clear-input,
	.filter-product .register-a-bike .register__confirmation-button-links .clear-input {
		width: 48%
	}
}

.register-a-bike .register__app-block {
	align-items: center;
	background: #7fe39c;
	margin: 48px -20px;
	padding: 16px 45px;
	text-align: center
}

.register-a-bike .register__app-block p {
	margin-bottom: 0
}

.register-a-bike .register__app-block .register__app-link a {
	display: block;
	margin-bottom: 6px;
	text-decoration: none
}

.register-a-bike .register__app-block .register__app-link a>p {
	display: inline-block;
	margin-left: 12px
}

@media all and (min-width: 768px) {
	.register-a-bike .register__app-block {
		display: flex;
		flex-direction: row-reverse;
		height: 112px;
		justify-content: space-between;
		margin: 38px auto
	}

	.register-a-bike .register__app-block .register__app-cta-container p {
		max-width: 200px;
		text-align: left
	}
}

.register-a-bike .associated {
	background: #000;
	color: #fff;
	display: flex;
	justify-content: flex-start
}

@media all and (max-width: 767px) {
	.register-a-bike .associated {
		margin-left: -20px;
		margin-right: -20px;
		padding: 0 20px;
		width: 100vw
	}
}

@media all and (min-width: 768px) {
	.register-a-bike .associated {
		margin-right: -42px;
		width: calc(40.6432748538% + 42px)
	}
}

@media all and (min-width: 960px) {
	.register-a-bike .associated {
		margin-right: calc(-50vw + 50%)
	}
}

@media all and (min-width: 1200px) {
	.register-a-bike .associated {
		padding: 0 42px;
		width: 40.6779661017%
	}
}

@media all and (min-width: 768px) {
	.register-a-bike .associated .inner {
		margin: 0 auto
	}
}

@media all and (min-width: 768px) {
	.register-a-bike .associated .inner {
		padding: 0 42px
	}
}

@media all and (min-width: 1200px) {
	.register-a-bike .associated .inner {
		max-width: 422px;
		padding: 0
	}
}

.register-a-bike .associated .text-content {
	margin: 0 0 3px
}

@media all and (min-width: 768px) {
	.register-a-bike .associated .text-content {
		margin-bottom: 40px
	}
}

@media all and (min-width: 1200px) {
	.register-a-bike .associated .text-content {
		margin-bottom: 50px
	}
}

.register-a-bike .associated .title {
	color: #fff
}

.register-a-bike .associated input {
	margin: 0 0 20px
}

.register-a-bike .associated .button,
.register-a-bike .associated #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .register-a-bike .associated #lcly-button-buy,
.register-a-bike .associated .filter-product .clear-input,
.filter-product .register-a-bike .associated .clear-input {
	display: block;
	margin: 0 0 8px
}

@media all and (min-width: 768px) {

	.register-a-bike .associated .button,
	.register-a-bike .associated #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .register-a-bike .associated #lcly-button-buy,
	.register-a-bike .associated .filter-product .clear-input,
	.filter-product .register-a-bike .associated .clear-input {
		margin-bottom: 18px
	}
}

@media all and (min-width: 1200px) {

	.register-a-bike .associated .button,
	.register-a-bike .associated #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .register-a-bike .associated #lcly-button-buy,
	.register-a-bike .associated .filter-product .clear-input,
	.filter-product .register-a-bike .associated .clear-input {
		margin-bottom: 24px
	}
}

.register-a-bike .associated .cta {
	margin: 42px 0 0 0
}

@media all and (min-width: 768px) {
	.register-a-bike .associated .cta {
		margin-top: 55px
	}
}

@media all and (min-width: 1200px) {
	.register-a-bike .associated .cta {
		margin-top: 81px
	}
}

.register-a-bike .associated {
	padding-bottom: 40px
}

@media all and (min-width: 768px) {
	.register-a-bike .associated {
		padding-top: 60px;
		padding-bottom: 140px
	}
}

.register-a-bike .associated .inner {
	width: 100%
}

.register-a-bike .tools {
	font-size: 1.2rem;
	margin-top: -14px
}

@media all and (min-width: 768px) {
	.register-a-bike .tools {
		font-size: 1.4rem;
		margin-top: 0
	}
}

@media all and (max-width: 767px) {
	.register-a-bike .tools .column {
		margin-bottom: 10px
	}
}

.register-a-bike .tools .column+.column {
	margin-top: 0
}

.register-a-bike .tools p {
	margin: 0
}

.register-a-bike .title {
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1.4166666667;
	margin: 0 0 30px
}

@media all and (min-width: 768px) {
	.register-a-bike .title {
		font-size: 4rem;
		margin: 8px 0 72px
	}
}

.register-a-bike ul {
	margin-bottom: 24px
}

.register-a-bike li {
	position: relative
}

.register-a-bike ul.iconlist {
	padding-top: 0
}

@media all and (max-width: 767px) {
	.register-a-bike ul.iconlist {
		margin-bottom: 0
	}
}

@media all and (min-width: 768px) {
	.register-a-bike ul.iconlist {
		padding-top: 14px
	}
}

.register-a-bike ul.iconlist li {
	padding: 6px 0 6px 41px
}

.register-a-bike ul.iconlist .icon {
	font-size: 2.4rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.register-a-bike input {
	display: block;
	width: 100%
}

.register-a-bike .forgot {
	display: block;
	font-size: 1.2rem;
	margin: -14px 0 40px;
	text-align: right
}

.register-a-bike .forgot a {
	color: #fff
}

.register-a-bike .form-row:not(.formField) {
	margin-bottom: 0
}

.register-a-bike .form-row .dropdown {
	padding-top: 22px;
	width: 100%
}

@media all and (min-width: 768px) {
	.register-a-bike .form-row .dropdown {
		max-width: calc(33.3333% - 16px)
	}
}

.register-a-bike .form-row .dropdown .trigger {
	text-align: left;
	padding-left: 6px
}

.register-a-bike .form-row .dropdown .trigger .selected.default {
	position: relative
}

.register-a-bike .form-row .dropdown .trigger .selected.default::after {
	position: absolute;
	right: 0
}

@media all and (min-width: 768px) {
	.register-a-bike .form-row .dropdown .label {
		font-size: 1.6rem
	}
}

.register-a-bike .form-row .retailer-zip {
	margin-top: 18px
}

.register-a-bike .registered-product {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 1.2rem
}

@media all and (min-width: 768px) {
	.register-a-bike .registered-product {
		font-size: 1.4rem;
		padding: 32px 26px 32px 0
	}
}

.register-a-bike .registered-product img {
	background: #f4f4f4;
	display: block;
	margin: 0 17px 0 0;
	max-width: 88px;
	padding: 18px 7px
}

@media all and (min-width: 768px) {
	.register-a-bike .registered-product img {
		margin-right: 22px;
		max-width: 198px;
		padding: 36px 28px 30px 26px
	}
}

.register-a-bike .registered-product .dropdown .label,
.register-a-bike .registered-product .dropdown .selected,
.register-a-bike .registered-product .dropdown .select,
.register-a-bike .registered-product .dropdown .option {
	font-size: 1.2rem
}

@media all and (min-width: 768px) {

	.register-a-bike .registered-product .dropdown .label,
	.register-a-bike .registered-product .dropdown .selected,
	.register-a-bike .registered-product .dropdown .select,
	.register-a-bike .registered-product .dropdown .option {
		font-size: 1.4rem
	}
}

.register-a-bike .product-info {
	flex-grow: 1
}

.register-a-bike .product-title {
	display: block;
	font-size: 1.4rem;
	line-height: 1.5;
	margin: 0 0 2px
}

@media all and (min-width: 768px) {
	.register-a-bike .product-title {
		font-size: 2.4rem;
		margin-bottom: -1px
	}
}

.register-a-bike .product-title .brand {
	display: block;
	font-size: 1rem;
	font-weight: 400;
	margin: 0 0 1px;
	opacity: .7
}

@media all and (min-width: 768px) {
	.register-a-bike .product-title .brand {
		font-size: 1.4rem;
		margin-bottom: 6px
	}
}

.register-a-bike .product-desc {
	line-height: 1.1428571429
}

.register-a-bike .input-container label {
	display: none
}

.register-a-bike .dropdown input+div {
	margin-right: -38px
}

.register-a-bike__response-block {
	margin: 30px auto !important
}

.register-a-bike__response-block>p {
	font-size: 1.6rem;
	width: 100%;
	color: #757575
}

.register-a-bike__response-block li {
	padding-bottom: 9px;
	width: 100%
}

.register-a-bike__response-rows {
	display: flex;
	flex-wrap: wrap
}

@media all and (min-width: 768px) {
	.register-a-bike__response-rows>li {
		width: 33.3%
	}
}

.register-a-bike input[type=checkbox]:checked+label::before,
.register-a-bike input[type=checkbox]:checked+input[type=hidden]+label::before {
	color: #fff;
	background-color: #000
}

.standard-content {
	padding-bottom: 50px;
	padding-top: 17px
}

@media all and (min-width: 768px) {
	.standard-content {
		display: flex;
		justify-content: space-between;
		padding-bottom: 100px;
		padding-top: 60px
	}
}

@media all and (min-width: 768px) {
	.standard-content article {
		position: relative;
		width: 57.6023391813%
	}
}

@media all and (min-width: 1200px) {
	.standard-content article {
		width: 49.1525423729%
	}
}

@media all and (min-width: 768px) {
	.standard-content .article-header {
		width: 40.6432748538%
	}
}

@media all and (min-width: 1200px) {
	.standard-content .article-header {
		width: 49.1525423729%
	}
}

.standard-content .page-title {
	margin: 0 0 16px
}

@media all and (min-width: 768px) {
	.standard-content .page-title {
		margin-bottom: 82px
	}
}

@media all and (min-width: 1200px) {
	.standard-content .page-title {
		margin-bottom: 161px
	}
}

.standard-content .summary {
	margin: 0 0 60px
}

@media all and (min-width: 768px) {
	.standard-content .summary {
		margin-bottom: 64px
	}
}

@media all and (min-width: 1200px) {
	.standard-content .summary {
		margin-bottom: 95px
	}
}

@media all and (min-width: 768px) {
	.standard-content .summary .headline {
		margin: 0 0 35px
	}
}

.single-column {
	max-width: 400px
}

.two-column {
	position: relative
}

@media all and (min-width: 768px) {
	.two-column {
		display: flex;
		justify-content: space-between
padding-top: 20px;
}
}

@media all and (max-width: 767px) {
	.two-column {
		margin-right: 0 !important
	}
}

.two-column header p {
	margin: 0 0 10px 0
}

.two-column header .icon {
	margin-right: 8px
}

.two-column .headline {
	margin: 0 0 8px
}

@media all and (min-width: 1200px) {
	.two-column .headline {
		margin-bottom: 18px
	}
}

.two-column .left-column {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	padding-top: 60px;
	padding-right: 34px;
	width: 100%;
	margin-left: auto
}

@media all and (min-width: 1200px) {
	.two-column .left-column {
		width: calc(57.6023391813% + 22px)
	}
}

@media all and (max-width: 767px) {
	.two-column .left-column {
		padding-right: 0
	}
}

@media all and (min-width: 768px) {
	.two-column .left-column .inner {
		margin: 0 auto
	}
}

@media all and (min-width: 1200px) {
	.two-column .left-column .inner {
		max-width: 660px
	}
}

.two-column .left-column header {
	margin: 0 0 3px
}

@media all and (min-width: 768px) {
	.two-column .left-column header {
		margin-bottom: 20px
	}
}

.two-column .left-column .title {
	margin: 0 0 30px;
	font-weight: 600;
	font-size: 4rem
}

@media all and (min-width: 960px) {
	.two-column .left-column .title {
		margin-bottom: 18px;
		font-size: 6rem
	}
}

.two-column .left-column .text-content {
	padding: 7px 0 0 0
}

@media all and (min-width: 768px) {
	.two-column .left-column .text-content {
		padding-top: 10px
	}
}

@media all and (min-width: 1200px) {
	.two-column .left-column .text-content {
		padding-top: 0
	}
}

@media all and (max-width: 767px) {
	.two-column .left-column .form {
		padding-right: 0
	}
}

.two-column .left-column .checkbox-container {
	display: flex;
	justify-content: space-between;
	padding-top: 10px
}

@media all and (max-width: 959px) {
	.two-column .left-column .checkbox-container {
		flex-direction: column
	}
}

.two-column .left-column .privacy-links {
	display: flex;
	justify-content: flex-end
}

.two-column .left-column .privacy-links a {
	color: #000
}

.two-column .left-column .privacy-links a:hover {
	color: #008a02
}

@media all and (max-width: 1199px) {
	.two-column .left-column .privacy-links {
		justify-content: flex-start;
		margin-bottom: 20px
	}
}

.two-column .left-column .button,
.two-column .left-column #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .two-column .left-column #lcly-button-buy,
.two-column .left-column .filter-product .clear-input,
.filter-product .two-column .left-column .clear-input {
	margin-top: 10px
}

.two-column .left-column .button.large,
.two-column .left-column #LocallyProductLocator.-enable-cta .large#lcly-button-buy,
#LocallyProductLocator.-enable-cta .two-column .left-column .large#lcly-button-buy,
.two-column .left-column .filter-product .large.clear-input,
.filter-product .two-column .left-column .large.clear-input {
	border-color: #000;
	display: inline-block;
	margin-top: 20px
}

@media all and (min-width: 1200px) {

	.two-column .left-column .button.large,
	.two-column .left-column #LocallyProductLocator.-enable-cta .large#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .two-column .left-column .large#lcly-button-buy,
	.two-column .left-column .filter-product .large.clear-input,
	.filter-product .two-column .left-column .large.clear-input {
		margin-right: 18px
	}
}

@media all and (min-width: 768px) {

	.two-column .left-column .button.large,
	.two-column .left-column #LocallyProductLocator.-enable-cta .large#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .two-column .left-column .large#lcly-button-buy,
	.two-column .left-column .filter-product .large.clear-input,
	.filter-product .two-column .left-column .large.clear-input {
		max-width: 422px;
		margin-top: 78px
	}
}

@media all and (max-width: 1199px) {

	.two-column .left-column .button.large,
	.two-column .left-column #LocallyProductLocator.-enable-cta .large#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .two-column .left-column .large#lcly-button-buy,
	.two-column .left-column .filter-product .large.clear-input,
	.filter-product .two-column .left-column .large.clear-input {
		width: 100%;
		display: block
	}
}

@media all and (min-width: 768px) {

	.two-column .left-column .button.secondary,
	.two-column .left-column #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .two-column .left-column .secondary#lcly-button-buy,
	.two-column .left-column .filter-product .secondary.clear-input,
	.filter-product .two-column .left-column .secondary.clear-input {
		max-width: 422px
	}
}

.two-column .right-column {
	background: #000;
	color: #fff;
	display: flex;
	justify-content: flex-start;
	position: relative;
	width: 100%
}

@media all and (max-width: 959px) {
	.two-column .right-column {
		padding: 40px 20px 60px 20px
	}
}

@media all and (max-width: 767px) {
	.two-column .right-column {
		margin-left: -20px;
		margin-right: -20px;
		width: 100vw
	}
}

@media all and (min-width: 960px) {
	.two-column .right-column {
		padding: 60px 42px
	}
}

@media all and (min-width: 1200px) {
	.two-column .right-column {
		width: 41.6666666667%
	}
}

.two-column .right-column .inner {
	padding: 0
}

@media all and (min-width: 768px) {
	.two-column .right-column .inner {
		margin: 0 auto
	}
}

@media all and (min-width: 1200px) {
	.two-column .right-column .inner {
		max-width: 422px
	}
}

.two-column .right-column .text-content {
	margin: 0 0 3px
}

@media all and (min-width: 768px) {
	.two-column .right-column .text-content {
		margin-bottom: 40px
	}
}

@media all and (min-width: 1200px) {
	.two-column .right-column .text-content {
		margin-bottom: 50px
	}
}

.two-column .right-column .title {
	color: #fff;
	margin-bottom: 50px
}

@media all and (max-width: 959px) {
	.two-column .right-column .title {
		margin-bottom: 15px
	}
}

.two-column .right-column input {
	margin: 0 0 20px;
	background: #000;
	color: #fff
}

.two-column .right-column input[type=text]:focus,
.two-column .right-column input[type=password]:focus {
	border-bottom-color: gray
}

@media all and (max-width: 959px) {
	.two-column .right-column .form {
		display: flex;
		flex-direction: column;
		align-items: center
	}
}

.two-column .right-column .button,
.two-column .right-column #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .two-column .right-column #lcly-button-buy,
.two-column .right-column .filter-product .clear-input,
.filter-product .two-column .right-column .clear-input {
	margin-bottom: 8px
}

@media all and (min-width: 768px) {

	.two-column .right-column .button,
	.two-column .right-column #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .two-column .right-column #lcly-button-buy,
	.two-column .right-column .filter-product .clear-input,
	.filter-product .two-column .right-column .clear-input {
		margin-bottom: 18px
	}
}

@media all and (min-width: 1200px) {

	.two-column .right-column .button,
	.two-column .right-column #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .two-column .right-column #lcly-button-buy,
	.two-column .right-column .filter-product .clear-input,
	.filter-product .two-column .right-column .clear-input {
		margin-bottom: 24px
	}
}

.two-column .right-column .signin-form .button,
.two-column .right-column .signin-form #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .two-column .right-column .signin-form #lcly-button-buy,
.two-column .right-column .signin-form .filter-product .clear-input,
.filter-product .two-column .right-column .signin-form .clear-input {
	margin-top: 40px
}

.two-column .right-column .bottom-btn-container {
	position: absolute;
	bottom: 40px
}

.two-column .right-column .bottom-btn-container a {
	font-size: 1.2rem;
	color: #fff;
	display: block;
	margin-bottom: 8px
}

.two-column .right-column .bottom-btn-container a:nth-child(2) {
	color: #008a02
}

.two-column .right-column .bottom-btn-container,
.two-column .right-column .signin-form {
	display: none
}

.two-column .right-column .bottom-btn-container.active,
.two-column .right-column .signin-form.active {
	display: block
}

.two-column .right-column .cta {
	margin: 42px 0 0 0
}

@media all and (min-width: 768px) {
	.two-column .right-column .cta {
		margin-top: 55px
	}
}

@media all and (min-width: 1200px) {
	.two-column .right-column .cta {
		margin-top: 81px
	}
}

.two-column .left-column,
.two-column .right-column {
	padding-bottom: 40px
}

@media all and (min-width: 768px) {

	.two-column .left-column,
	.two-column .right-column {
		padding-bottom: 140px
	}
}

@media all and (min-width: 960px) {

	.two-column .left-column,
	.two-column .right-column {
		padding-bottom: 120px
	}
}

@media all and (min-width: 1200px) {

	.two-column .left-column,
	.two-column .right-column {
		padding-bottom: 200px
	}
}

.two-column .left-column .inner,
.two-column .right-column .inner {
	width: 100%
}

.two-column .tools {
	font-size: 1.2rem;
	margin-top: -14px
}

@media all and (min-width: 768px) {
	.two-column .tools {
		font-size: 1.4rem;
		margin-top: -18px
	}
}

@media all and (max-width: 767px) {
	.two-column .tools .column {
		margin-bottom: 10px
	}
}

.two-column .tools p {
	margin: 0
}

.two-column .title {
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1.4166666667;
	margin: 0 0 8px
}

@media all and (min-width: 768px) {
	.two-column .title {
		font-size: 3.2rem;
		line-height: 1.25
	}
}

@media all and (min-width: 960px) {
	.two-column .title {
		font-size: 3.6rem
	}
}

@media all and (min-width: 1200px) {
	.two-column .title {
		font-size: 4rem;
		margin: 0 0 18px
	}
}

.two-column ul {
	margin-bottom: 24px
}

.two-column li {
	position: relative
}

.two-column .iconlist li {
	padding: 0 0 16px 33px
}

@media all and (min-width: 1200px) {
	.two-column .iconlist li {
		padding: 0 0 30px 49px
	}
}

.two-column .iconlist .icon {
	font-size: 2.2rem;
	position: absolute;
	left: 0;
	top: 0%
}

@media all and (min-width: 1200px) {
	.two-column .iconlist .icon {
		font-size: 3.4rem
	}
}

.two-column input {
	display: block;
	width: 100%
}

.two-column .forgot {
	display: block;
	font-size: 1.2rem;
	margin: -14px 0 40px;
	text-align: right
}

.two-column .forgot a {
	color: #fff
}

.two-column .column-block {
	margin: 25px 0 20px;
	padding: 25px 0 20px
}

@media all and (min-width: 768px) {
	.two-column .column-block {
		border-top: 2px solid #d9d9d9;
		padding: 40px calc(20px + 20px) 35px 20px;
		margin: 40px calc(-20px - 20px) 35px -20px
	}
}

@media all and (min-width: 1200px) {
	.two-column .column-block {
		margin: 60px -111px 0 calc(-50vw + 50%);
		padding: 64px 111px 0 calc(50vw - 50%)
	}
}

.two-column .column-block .text-content {
	margin: 0 0 12px
}

@media all and (min-width: 1200px) {
	.two-column .column-block .text-content {
		width: 66.1016949153%
	}
}

.two-column .column-block img {
	display: block;
	max-width: 100%
}

.two-column .column-block h3,
.two-column .column-block h4,
.two-column .column-block h5,
.two-column .column-block h6 {
	font-size: 2.4rem;
	font-weight: 300;
	margin: 0 0 7px
}

@media all and (min-width: 768px) {

	.two-column .column-block h3,
	.two-column .column-block h4,
	.two-column .column-block h5,
	.two-column .column-block h6 {
		margin-bottom: 11px
	}
}

@media all and (max-width: 959px) {
	.two-column .form-row .dropdown {
		width: 100%
	}
}

.two-column .registered-product {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 1.2rem
}

@media all and (min-width: 768px) {
	.two-column .registered-product {
		font-size: 1.4rem;
		padding: 32px 26px 32px 0
	}
}

.two-column .registered-product img {
	background: #f4f4f4;
	display: block;
	margin: 0 17px 0 0;
	max-width: 88px;
	padding: 18px 7px
}

@media all and (min-width: 768px) {
	.two-column .registered-product img {
		margin-right: 22px;
		max-width: 198px;
		padding: 36px 28px 30px 26px
	}
}

.two-column .registered-product .dropdown .label,
.two-column .registered-product .dropdown .selected,
.two-column .registered-product .dropdown .select,
.two-column .registered-product .dropdown .option {
	font-size: 1.2rem
}

@media all and (min-width: 768px) {

	.two-column .registered-product .dropdown .label,
	.two-column .registered-product .dropdown .selected,
	.two-column .registered-product .dropdown .select,
	.two-column .registered-product .dropdown .option {
		font-size: 1.4rem
	}
}

.two-column .product-info {
	flex-grow: 1
}

.two-column .product-title {
	display: block;
	font-size: 1.4rem;
	line-height: 1.5;
	margin: 0 0 2px
}

@media all and (min-width: 768px) {
	.two-column .product-title {
		font-size: 2.4rem;
		margin-bottom: -1px
	}
}

.two-column .product-title .brand {
	display: block;
	font-size: 1rem;
	font-weight: 400;
	margin: 0 0 1px;
	opacity: .7
}

@media all and (min-width: 768px) {
	.two-column .product-title .brand {
		font-size: 1.4rem;
		margin-bottom: 6px
	}
}

.two-column .product-desc {
	line-height: 1.1428571429
}

.two-column .payment-form .form {
	margin-top: 20px;
	position: relative;
	padding-top: 0
}

.two-column .input-error {
	border-bottom: 1px solid #d70a0a
}

.two-column .input-error:focus {
	box-shadow: none;
	border-color: #d70a0a
}

@media all and (max-width: 959px) {
	.sign-up-confirmation .headline {
		margin-bottom: 20px
	}
}

.success,
.open {
	font-size: 1.4rem
}

.checkout-start .guest-checkout .button,
.checkout-start .guest-checkout #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .checkout-start .guest-checkout #lcly-button-buy,
.checkout-start .guest-checkout .filter-product .clear-input,
.filter-product .checkout-start .guest-checkout .clear-input {
	float: right;
	margin-top: 15px
}

.checkout-start .right-column .button,
.checkout-start .right-column #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .checkout-start .right-column #lcly-button-buy,
.checkout-start .right-column .filter-product .clear-input,
.filter-product .checkout-start .right-column .clear-input {
	width: 100%
}

.input-container {
	position: relative
}

.input-container .why {
	color: #008a02;
	position: absolute;
	right: 5px;
	bottom: 10px
}

.product-image-detail-container {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 1.2rem
}

@media all and (min-width: 768px) {
	.product-image-detail-container {
		font-size: 1.4rem;
		margin: 32px 26px 32px 0
	}
}

.product-image-detail-container img {
	background: #f4f4f4;
	display: block;
	margin: 0 17px 0 0;
	max-width: 88px;
	padding: 18px 7px
}

@media all and (min-width: 768px) {
	.product-image-detail-container img {
		margin-right: 22px;
		max-width: 198px;
		padding: 36px 28px 30px 26px
	}
}

.product-image-detail-container .dropdown .label,
.product-image-detail-container .dropdown .selected,
.product-image-detail-container .dropdown .select,
.product-image-detail-container .dropdown .option {
	font-size: 1.2rem
}

@media all and (min-width: 768px) {

	.product-image-detail-container .dropdown .label,
	.product-image-detail-container .dropdown .selected,
	.product-image-detail-container .dropdown .select,
	.product-image-detail-container .dropdown .option {
		font-size: 1.4rem
	}
}

.product-image-detail-container .product-info {
	flex-grow: 1
}

.product-image-detail-container .product-title {
	display: block;
	font-size: 1.4rem;
	line-height: 1.5;
	margin: 0 0 2px
}

@media all and (min-width: 768px) {
	.product-image-detail-container .product-title {
		font-size: 2.4rem;
		margin-bottom: -1px
	}
}

.product-image-detail-container .product-title .brand {
	display: block;
	font-size: 1rem;
	font-weight: 400;
	margin: 0 0 1px;
	opacity: .7
}

@media all and (min-width: 768px) {
	.product-image-detail-container .product-title .brand {
		font-size: 1.4rem;
		margin-bottom: 6px
	}
}

.product-image-detail-container .product-desc {
	line-height: 1.1428571429
}

.guest-checkout .why {
	z-index: 9
}

.guest-checkout .why.is-active {
	opacity: 0
}

.guest-checkout .trigger.close {
	background: rgba(0, 0, 0, 0);
	color: #000;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 30px
}

.guest-checkout .trigger.close:before {
	font-size: 1.2rem
}

.guest-checkout .why-copy {
	background-color: #fff;
	border: 1px solid #000;
	position: absolute;
	right: 0;
	top: 40px;
	width: 40%;
	padding: 20px
}

@media all and (max-width: 767px) {
	.guest-checkout .why-copy {
		width: 60%;
		top: 20px
	}
}

.guest-checkout .why-copy span {
	width: 80%
}

.guest-checkout .why-copy[data-panel] {
	opacity: 0
}

.guest-checkout .why-copy[data-panel].is-open {
	opacity: 1;
	z-index: 8
}

@media all and (max-width: 959px) {
	.help-copy {
		width: 100%
	}
}

.help-copy h2 {
	margin-bottom: 10px;
	color: #fff
}

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%
}

html.noscroll,
html.noscroll body,
body.noscroll,
body.noscroll body {
	overflow: hidden;
	touch-action: none;
	-ms-touch-action: none
}

@media all and (max-width: 767px) {

	html.noscroll-mobile,
	html.noscroll-mobile body,
	body.noscroll-mobile,
	body.noscroll-mobile body {
		overflow: hidden;
		touch-action: none;
		-ms-touch-action: none
	}
}

html {
	font-size: 62.5%;
	font-kerning: none
}

html.is-fixed {
	position: fixed;
	max-width: none
}

body {
	font-family: "favorit", Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.4rem;
	line-height: 1.7142857143;
	overflow-x: hidden
}

@media all and (min-width: 1200px) {
	body {
		font-size: 1.6rem;
		line-height: 1.5
	}
}

main {
	position: relative;
	z-index: 1
}

main.prevent-top-padding {
	padding-top: 0 !important
}

footer {
	z-index: 0
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

b,
strong {
	font-weight: 700
}

img {
	display: block;
	max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000;
	font-weight: 700;
	letter-spacing: .5px;
	margin: 0
}

h1 {
	font-size: 4rem;
	line-height: 1.2
}

@media all and (min-width: 1200px) {
	h1 {
		font-size: 6rem;
		line-height: 1.1;
		margin: 0 0 38px
	}
}

@media all and (min-width: 1200px) {

	h1.heading-2,
	h2,
	h3 {
		font-size: 2.4rem;
		line-height: 1.25
	}
}

@media all and (min-width: 768px) {

	h1.heading-2,
	h2 {
		margin: 65px 0 25px
	}
}

h1.heading-2:first-child,
h2:first-child {
	margin-top: 0
}

h3 {
	font-weight: 400
}

@media all and (min-width: 1200px) {
	h3 {
		font-size: 2.2rem;
		line-height: 1.2727272727;
		margin: 24px 0
	}
}

@media all and (min-width: 1200px) {

	h4,
	h5,
	h6 {
		margin: 12px 0
	}
}

h4 {
	font-weight: 400
}

@media all and (min-width: 1200px) {
	h4 {
		font-size: 2rem;
		line-height: 1.3
	}
}

@media all and (min-width: 1200px) {

	h5,
	h6 {
		font-size: 1.8rem;
		line-height: 1.3333333333
	}
}

h6 {
	font-weight: 400
}

a[data-anchor] {
	cursor: pointer
}

a {
	cursor: pointer;
	color: #000;
	text-decoration: underline;
	transition: all .15s ease-out
}

p,
ul,
ol,
dl {
	margin: 0 0 24px
}

@media all and (max-width: 767px) {
	p {
		font-size: 1.7rem
	}
}

ul,
ol {
	padding-left: 0
}

ul {
	list-style: none;
	padding-left: 12px
}

ul li {
	position: relative
}

ul li::before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: url("../images/square-outline-small.svg") center center no-repeat;
	position: absolute;
	top: 7px;
	left: -14px
}

footer ul li::before {
	width: auto;
	height: auto;
	top: auto;
	left: auto;
	position: static
}

ol {
	padding-left: 17px
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin: 0;
	padding-top: 10px
}

li {
	line-height: 1.4285714286;
	margin-bottom: 10px
}

@media all and (min-width: 1200px) {
	li {
		line-height: 1.375
	}
}

dt,
dd {
	margin: 0;
	padding: 0
}

code {
	background: #e8e8e8;
	font-size: 1.7rem;
	padding: 0 4px
}

hr {
	background: gray;
	border: none;
	height: 2px;
	margin: 0;
	overflow: hidden;
	width: 100%
}

.secondary-text {
	font-family: "Space Mono", monospace;
	opacity: .4;
	font-size: 1.3rem;
	color: #000;
	letter-spacing: 1px;
	text-transform: uppercase
}

.under-button a {
	font-size: 1.4rem
}

.vis-tablet-up,
.vis-lrg-tablet-up,
.vis-desktop-up {
	display: none
}

@media all and (max-width: 767px) {
	.vis-tablet-up {
		display: none !important
	}
}

@media all and (min-width: 768px) {
	.vis-mobile-only {
		display: none !important
	}

	.vis-tablet-up {
		display: block
	}
}

@media all and (min-width: 960px) {
	.vis-tablet-down {
		display: none
	}

	.vis-lrg-tablet-up {
		display: block
	}
}

@media all and (min-width: 1200px) {
	.vis-lrg-tablet-down {
		display: none
	}

	.vis-desktop-up {
		display: block
	}
}

.float-left {
	float: left
}

.float-right {
	float: right
}

.success,
.open {
	color: #008a02;
	display: flex;
	align-items: baseline;
	justify-content: flex-start
}

.success .icon,
.open .icon {
	font-size: 1.6rem;
	margin-right: 8px;
	top: 3px
}

@media all and (min-width: 768px) {

	.success .icon,
	.open .icon {
		font-size: 2.4rem;
		top: 5px
	}
}

.error,
.closed {
	color: #d70a0a
}

.responsive-table {
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%
}

.responsive-iframe {
	overflow: hidden;
	position: relative;
	z-index: 3;
	padding-top: 56.25%
}

.responsive-iframe iframe {
	border: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.responsive-iframe iframe {
	z-index: 1
}

.billboard-centered .html5-video,
.billboard-centered .video-embed,
.lab71-billboard .html5-video,
.lab71-billboard .video-embed {
	width: 100%;
	position: absolute;
	z-index: 1
}

.billboard-centered .html5-video video,
.billboard-centered .video-embed video,
.lab71-billboard .html5-video video,
.lab71-billboard .video-embed video {
	display: block;
	position: relative;
	width: 100%
}

.billboard-centered .html5-video .mobile-img,
.billboard-centered .video-embed .mobile-img,
.lab71-billboard .html5-video .mobile-img,
.lab71-billboard .video-embed .mobile-img {
	display: none;
	position: relative
}

.billboard-centered .html5-video .mobile-img img,
.billboard-centered .video-embed .mobile-img img,
.lab71-billboard .html5-video .mobile-img img,
.lab71-billboard .video-embed .mobile-img img {
	width: 100%
}

@media all and (max-width: 767px) {

	.billboard-centered .html5-video video,
	.billboard-centered .html5-video .responsive-iframe,
	.billboard-centered .video-embed video,
	.billboard-centered .video-embed .responsive-iframe,
	.lab71-billboard .html5-video video,
	.lab71-billboard .html5-video .responsive-iframe,
	.lab71-billboard .video-embed video,
	.lab71-billboard .video-embed .responsive-iframe {
		display: none
	}

	.billboard-centered .html5-video .mobile-img,
	.billboard-centered .video-embed .mobile-img,
	.lab71-billboard .html5-video .mobile-img,
	.lab71-billboard .video-embed .mobile-img {
		display: block
	}
}

.billboard-centered .video-embed,
.lab71-billboard .video-embed {
	top: 0
}

.billboard-centered .video-embed .responsive-iframe iframe,
.lab71-billboard .video-embed .responsive-iframe iframe {
	width: 100vw;
	height: 56.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.responsive-map {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.responsive-map>* {
	width: 100%
}

.responsive-map iframe {
	height: 100%;
	position: absolute;
	width: 100%
}

.trigger {
	cursor: pointer
}

.tag {
	border: 1px solid #4f4f4f;
	display: inline-block;
	font-size: 1.2rem;
	line-height: 22px;
	letter-spacing: 1.2px;
	padding: 0 6px;
	color: #4f4f4f
}

.tag.plain {
	border: none
}

.tag+.tag {
	margin-left: 12px
}

.color-indicator {
	border-radius: 100%;
	display: inline-block;
	height: 12px;
	margin: 0 8px 0 5px;
	order: 1;
	overflow: hidden;
	width: 12px
}

.preferred {
	color: #008a02;
	display: inline-block;
	font-size: 1rem
}

@media all and (min-width: 960px) {
	.preferred {
		font-size: 1.3rem
	}
}

.preferred .icon {
	font-size: 1.5rem;
	margin: 0 6px 0 0;
	top: 2px
}

@media all and (min-width: 960px) {
	.preferred .icon {
		top: 1px
	}
}

.detail-label {
	font-size: 1rem
}

@media all and (min-width: 960px) {
	.detail-label {
		display: block;
		font-size: 1.2rem;
		opacity: .7;
		white-space: nowrap
	}
}

.centered {
	text-align: center
}

.row-spread {
	display: flex;
	justify-content: space-between
}

.tabbed-layout {
	display: flex;
	flex-direction: column;
	height: 100%
}

.tabbed-layout__trigger {
	display: inline-flex;
	align-items: center
}

.tabbed-layout__trigger img,
.tabbed-layout__trigger span {
	display: block
}

.tabbed-layout__trigger img {
	margin-right: 17px;
	width: 35px
}

.tabbed-layout__trigger span {
	padding-right: 35px
}

.tabbed-layout__panel {
	height: 100%;
	overflow: auto
}

.tabbed-layout__panel:not(.is-active) {
	display: none
}

.-light {
	font-weight: 300
}

.-regular {
	font-weight: 400
}

.-bold {
	font-weight: 700
}

.-underline {
	text-decoration: underline
}

.-strike {
	text-decoration: line-through;
	color: #707070
}

.list,
.eyebrow_h,
.eyebrow_v,
.tags,
.more_info {
	font-family: "Space Mono";
	text-transform: uppercase
}

.display,
.h1,
.h2,
.h3,
.h4,
.p,
.p_s,
.p_xs,
.p_xxs {
	font-family: "favorit", Helvetica, sans-serif
}

.display,
.h1,
.h2,
.h3,
.h4 {
	letter-spacing: .5px
}

.display {
	font-size: 120px;
	line-height: 120px;
	font-weight: 700
}

@media(max-width: 1024px) {
	.display {
		font-size: 96px;
		line-height: 96px
	}
}

@media(max-width: 767px) {
	.display {
		font-size: 48px;
		line-height: 48px
	}
}

.h1 {
	font-size: 60px;
	line-height: 66px
}

@media(max-width: 1024px) {
	.h1 {
		font-size: 54px;
		line-height: 59px
	}
}

@media(max-width: 767px) {
	.h1 {
		font-size: 40px;
		line-height: 52px
	}
}

.h2 {
	font-size: 40px;
	line-height: 52px
}

@media(max-width: 1024px) {
	.h2 {
		font-size: 36px;
		line-height: 48px
	}
}

@media(max-width: 767px) {
	.h2 {
		font-size: 24px;
		line-height: 34px
	}
}

.h3 {
	font-size: 32px;
	line-height: 40px
}

@media(max-width: 1024px) {
	.h3 {
		font-size: 24px;
		line-height: 34px
	}
}

@media(max-width: 767px) {
	.h3 {
		font-size: 18px;
		line-height: 27px
	}
}

.h4 {
	font-size: 24px;
	line-height: 34px
}

@media(max-width: 1024px) {
	.h4 {
		font-size: 18px;
		line-height: 27px
	}
}

@media(max-width: 767px) {
	.h4 {
		font-size: 18px;
		line-height: 27px
	}
}

.p {
	font-size: 18px;
	line-height: 27px
}

@media(max-width: 1024px) {
	.p {
		font-size: 16px;
		line-height: 24px
	}
}

.p_s {
	font-size: 16px;
	line-height: 24px
}

.p_xs {
	font-size: 14px;
	line-height: 21px
}

.p_xxs {
	font-size: 12px;
	line-height: 18px
}

.list {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 2px
}

@media(max-width: 1024px) {
	.list {
		font-size: 14px;
		line-height: 21px
	}
}

.eyebrow_h,
.eyebrow_v {
	font-size: 14px;
	line-height: 16px
}

@media(max-width: 1024px) {

	.eyebrow_h,
	.eyebrow_v {
		font-size: 12px;
		line-height: 14px
	}
}

.eyebrow_h {
	letter-spacing: 2px
}

.eyebrow_v {
	letter-spacing: 1px
}

.tags,
.more_info {
	font-size: 12px;
	line-height: 18px
}

.tags {
	letter-spacing: 1.2px
}

.more_info {
	letter-spacing: 2px
}

.nowrap {
	white-space: nowrap
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]),
.button,
#LocallyProductLocator.-enable-cta #lcly-button-buy,
.filter-product .clear-input {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 0;
	color: #000;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-family: "favorit", Helvetica, sans-serif;
	font-size: 1.6rem;
	line-height: 43px;
	font-weight: 700;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	transition: all .15s ease-out;
	-webkit-appearance: none;
	outline: none !important;
	white-space: nowrap;
	min-width: 170px;
	max-width: 100%;
	text-decoration: none !important;
	height: 45px
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]) svg path,
.button svg path,
#LocallyProductLocator.-enable-cta #lcly-button-buy svg path,
.filter-product .clear-input svg path {
	fill: #000;
	transition: fill .15s ease-out
}

@media(min-width: 1024px) {

	button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]),
	.button,
	#LocallyProductLocator.-enable-cta #lcly-button-buy,
	.filter-product .clear-input {
		line-height: 63px;
		height: 65px
	}
}

@media all and (min-width: 768px) {

	button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]),
	.button,
	#LocallyProductLocator.-enable-cta #lcly-button-buy,
	.filter-product .clear-input {
		min-width: 200px
	}
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]):not(:disabled):not([data-disabled]):hover,
.button:not(:disabled):not([data-disabled]):hover,
#LocallyProductLocator.-enable-cta #lcly-button-buy:not(:disabled):not([data-disabled]):hover,
.filter-product .clear-input:not(:disabled):not([data-disabled]):hover {
	text-decoration: none !important;
	background-color: #000;
	color: #fff;
	border-color: #000
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]):not(:disabled):not([data-disabled]):hover svg path,
.button:not(:disabled):not([data-disabled]):hover svg path,
#LocallyProductLocator.-enable-cta #lcly-button-buy:not(:disabled):not([data-disabled]):hover svg path,
.filter-product .clear-input:not(:disabled):not([data-disabled]):hover svg path {
	fill: #fff
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]):not(:disabled):not([data-disabled]):hover.on-dark-bg,
.button:not(:disabled):not([data-disabled]):hover.on-dark-bg,
#LocallyProductLocator.-enable-cta #lcly-button-buy:not(:disabled):not([data-disabled]):hover.on-dark-bg,
.filter-product .clear-input:not(:disabled):not([data-disabled]):hover.on-dark-bg {
	border-color: #fff
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]):disabled:hover,
button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-])[data-disabled]:hover,
.button:disabled:hover,
#LocallyProductLocator.-enable-cta #lcly-button-buy:disabled:hover,
.filter-product .clear-input:disabled:hover,
.button[data-disabled]:hover,
#LocallyProductLocator.-enable-cta [data-disabled]#lcly-button-buy:hover,
.filter-product [data-disabled].clear-input:hover {
	cursor: default !important
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).inverted,
.filter-product button.clear-input:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]),
.button.inverted,
#LocallyProductLocator.-enable-cta .inverted#lcly-button-buy,
.filter-product .button.clear-input,
.filter-product #LocallyProductLocator.-enable-cta .clear-input#lcly-button-buy,
#LocallyProductLocator.-enable-cta .filter-product .clear-input#lcly-button-buy,
.filter-product .inverted.clear-input,
.filter-product .clear-input {
	background: #000;
	border: 1px solid #000;
	color: #fff
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).inverted svg path,
.button.inverted svg path,
#LocallyProductLocator.-enable-cta .inverted#lcly-button-buy svg path,
.filter-product .clear-input svg path {
	fill: #fff
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).inverted:not(:disabled):not([data-disabled]):hover,
.button.inverted:not(:disabled):not([data-disabled]):hover,
#LocallyProductLocator.-enable-cta .inverted#lcly-button-buy:not(:disabled):not([data-disabled]):hover,
.filter-product .clear-input:not(:disabled):not([data-disabled]):hover {
	background: #fff;
	border-color: #000;
	color: #000;
	transition: all .15s ease-out
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).inverted:not(:disabled):not([data-disabled]):hover svg path,
.button.inverted:not(:disabled):not([data-disabled]):hover svg path,
#LocallyProductLocator.-enable-cta .inverted#lcly-button-buy:not(:disabled):not([data-disabled]):hover svg path,
.filter-product .clear-input:not(:disabled):not([data-disabled]):hover svg path {
	fill: #000
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).transparent,
.button.transparent,
#LocallyProductLocator.-enable-cta .transparent#lcly-button-buy,
.filter-product .transparent.clear-input {
	background: rgba(0, 0, 0, 0)
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).fullWidth,
.button.fullWidth,
#LocallyProductLocator.-enable-cta #lcly-button-buy,
.filter-product .fullWidth.clear-input {
	display: block;
	width: 100%;
	text-align: center
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).fullWidth img,
.button.fullWidth img,
#LocallyProductLocator.-enable-cta #lcly-button-buy img,
.filter-product .fullWidth.clear-input img {
	display: inline-block;
	margin-left: 10px
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).large,
.button.large,
#LocallyProductLocator.-enable-cta .large#lcly-button-buy,
.filter-product .large.clear-input {
	max-width: 100%;
	width: 100%
}

@media all and (min-width: 768px) {

	button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).large,
	.button.large,
	#LocallyProductLocator.-enable-cta .large#lcly-button-buy,
	.filter-product .large.clear-input {
		min-width: 250px;
		width: auto
	}
}

@media all and (min-width: 960px) {

	button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).large,
	.button.large,
	#LocallyProductLocator.-enable-cta .large#lcly-button-buy,
	.filter-product .large.clear-input {
		min-width: 325px
	}
}

@media all and (min-width: 1200px) {

	button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).large,
	.button.large,
	#LocallyProductLocator.-enable-cta .large#lcly-button-buy,
	.filter-product .large.clear-input {
		min-width: 425px
	}
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).secondary,
.button.secondary,
#LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
.filter-product .secondary.clear-input {
	background: rgba(0, 0, 0, 0);
	border: 1px solid #000;
	color: #000;
	font-size: 1.6rem
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).secondary svg path,
.button.secondary svg path,
#LocallyProductLocator.-enable-cta .secondary#lcly-button-buy svg path,
.filter-product .secondary.clear-input svg path {
	fill: #000
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).secondary .icon,
.button.secondary .icon,
#LocallyProductLocator.-enable-cta .secondary#lcly-button-buy .icon,
.filter-product .secondary.clear-input .icon {
	top: -1px
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).secondary.on-dark,
.button.secondary.on-dark,
#LocallyProductLocator.-enable-cta .secondary.on-dark#lcly-button-buy,
.filter-product .secondary.on-dark.clear-input {
	border-color: #fff;
	color: #fff
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).secondary.on-dark svg path,
.button.secondary.on-dark svg path,
#LocallyProductLocator.-enable-cta .secondary.on-dark#lcly-button-buy svg path,
.filter-product .secondary.on-dark.clear-input svg path {
	fill: #fff
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).secondary:not(:disabled):not([data-disabled]):hover,
.button.secondary:not(:disabled):not([data-disabled]):hover,
#LocallyProductLocator.-enable-cta .secondary#lcly-button-buy:not(:disabled):not([data-disabled]):hover,
.filter-product .secondary.clear-input:not(:disabled):not([data-disabled]):hover {
	background: #fff;
	border-color: #fff;
	color: #000
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).secondary:not(:disabled):not([data-disabled]):hover svg path,
.button.secondary:not(:disabled):not([data-disabled]):hover svg path,
#LocallyProductLocator.-enable-cta .secondary#lcly-button-buy:not(:disabled):not([data-disabled]):hover svg path,
.filter-product .secondary.clear-input:not(:disabled):not([data-disabled]):hover svg path {
	fill: #000
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).secondary.inverted:not(:disabled):not([data-disabled]):hover,
.button.secondary.inverted:not(:disabled):not([data-disabled]):hover,
#LocallyProductLocator.-enable-cta .secondary.inverted#lcly-button-buy:not(:disabled):not([data-disabled]):hover,
.filter-product .secondary.clear-input:not(:disabled):not([data-disabled]):hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
	transition: all .15s ease-out
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).secondary.inverted:not(:disabled):not([data-disabled]):hover svg path,
.button.secondary.inverted:not(:disabled):not([data-disabled]):hover svg path,
#LocallyProductLocator.-enable-cta .secondary.inverted#lcly-button-buy:not(:disabled):not([data-disabled]):hover svg path,
.filter-product .secondary.clear-input:not(:disabled):not([data-disabled]):hover svg path {
	fill: #fff
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]).outlined,
.button.outlined,
#LocallyProductLocator.-enable-cta #lcly-button-buy,
.filter-product .outlined.clear-input {
	border: 1px solid #000
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-]) .icon,
.button .icon,
#LocallyProductLocator.-enable-cta #lcly-button-buy .icon,
.filter-product .clear-input .icon {
	color: inherit
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-])[type=submit].with-state.submitted,
.button[type=submit].with-state.submitted,
#LocallyProductLocator.-enable-cta [type=submit].with-state.submitted#lcly-button-buy,
.filter-product [type=submit].with-state.submitted.clear-input {
	background-color: #666;
	border-color: #666
}

button:not([class*=trigger]):not(.slick-arrow):not([class^=tt-])[type=submit].with-state.submitted:after,
.button[type=submit].with-state.submitted:after,
#LocallyProductLocator.-enable-cta [type=submit].with-state.submitted#lcly-button-buy:after,
.filter-product [type=submit].with-state.submitted.clear-input:after {
	content: "聽";
	background-image: url(../images/progress.svg);
	margin: 0 8px;
	width: 20px;
	height: 20px;
	display: block;
	animation: rotate 2s linear infinite
}

@media all and (min-width: 960px) {

	button[class*=trigger].background,
	.button[class*=trigger].background,
	#LocallyProductLocator.-enable-cta [class*=trigger].background#lcly-button-buy,
	.filter-product [class*=trigger].background.clear-input {
		background-color: #000;
		transition: background-color .15s ease-out
	}

	button[class*=trigger].background:enabled:hover,
	.button[class*=trigger].background:enabled:hover,
	#LocallyProductLocator.-enable-cta [class*=trigger].background#lcly-button-buy:enabled:hover,
	.filter-product [class*=trigger].background.clear-input:enabled:hover {
		background-color: #fff;
		color: #000
	}
}

button:not(.tt-o-button) {
	background: none;
	border: none;
	padding: 0
}

.button:enabled:hover,
#LocallyProductLocator.-enable-cta #lcly-button-buy:enabled:hover,
.filter-product .clear-input:enabled:hover {
	text-decoration: none
}

.button .icon.first,
#LocallyProductLocator.-enable-cta #lcly-button-buy .icon.first,
.filter-product .clear-input .icon.first {
	margin: 0 8px 0 0
}

@media all and (min-width: 768px) {

	.button .icon.first,
	#LocallyProductLocator.-enable-cta #lcly-button-buy .icon.first,
	.filter-product .clear-input .icon.first {
		margin: 0 16px 0 0
	}
}

.button .icon.last,
#LocallyProductLocator.-enable-cta #lcly-button-buy .icon.last,
.filter-product .clear-input .icon.last {
	margin: 0 0 0 8px
}

@media all and (min-width: 768px) {

	.button .icon.last,
	#LocallyProductLocator.-enable-cta #lcly-button-buy .icon.last,
	.filter-product .clear-input .icon.last {
		margin: 0 0 0 16px
	}
}

.button-social {
	padding: 0 !important;
	display: flex !important;
	color: #000;
	margin-top: 20px !important;
	border: 1px solid #000
}

.button-social .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 16px
}

.button-social span {
	flex-shrink: 1;
	position: relative
}

@media all and (max-width: 959px) {
	.button-social span {
		font-size: 1.4rem
	}
}

.button-social.google {
	position: relative
}

.button-social.google:hover {
	background-color: #fff !important;
	color: #000 !important
}

.button-social.facebook:hover {
	background-color: #fff !important;
	color: #000 !important
}

.breadcrumb-link {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 24px;
	margin-right: auto;
	text-decoration: none
}

.breadcrumb-link::before {
	content: "";
	display: block;
	width: 24px;
	height: 11px;
	margin: auto 0;
	background: url("../images/arrow-back.svg");
	background-size: contain
}

.breadcrumb-link span {
	display: block;
	margin-left: 20px;
	font-size: 1.8rem
}

.color {
	--swatch-color: #000000;
	border-radius: 50%;
	border: 1px solid #bdbdbd;
	display: inline-block;
	margin: 0;
	position: relative;
	width: 14px;
	font-size: 0;
	margin-left: 4px
}

.color::before {
	content: "";
	display: block;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%
}

.color::after {
	content: "";
	display: block;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	padding: 3px;
	border: 1px solid rgba(0, 0, 0, 0);
	background: none;
	position: absolute;
	top: -4px;
	left: -4px
}

@media all and (max-width: 768px) {
	.color {
		width: 18px
	}
}

.color.active::after,
.color:hover::after {
	border-color: #4f4f4f
}

.card {
	border: 1px solid rgba(0, 0, 0, 0);
	color: #000;
	position: relative;
	text-decoration: none;
	transition: all .2s ease-out;
	width: 100%;
	box-sizing: border-box
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .card {
		width: calc(50% - 11px);
		margin: 0 0 22px 0
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .card {
		width: calc(50% - 11px);
		margin: 0 0 22px 0
	}
}

@media all and (min-width: 960px) {
	body:not(.pdp__body) .card {
		margin-right: 22px;
		flex-shrink: 0;
		width: calc(33.333% - 14.6666666667px)
	}

	body:not(.pdp__body) .card:nth-child(3n) {
		margin-right: 0
	}
}

@media all and (min-width: 1370.88px) {
	body.pdp__body .card {
		margin-right: 22px;
		flex-shrink: 0;
		width: calc(33.333% - 14.6666666667px)
	}

	body.pdp__body .card:nth-child(3n) {
		margin-right: 0
	}
}

.card.info-card {
	line-height: 1.1428571429
}

@media all and (min-width: 960px) {
	body:not(.pdp__body) .card.info-card {
		font-size: 1.6rem;
		line-height: 1.4444444444
	}
}

@media all and (min-width: 1370.88px) {
	body.pdp__body .card.info-card {
		font-size: 1.6rem;
		line-height: 1.4444444444
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .card.info-card {
		font-size: 1.8rem
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .card.info-card {
		font-size: 1.8rem
	}
}

.card:focus {
	outline: none
}

.card:hover .title,
.card:hover .details {
	text-decoration: underline
}

.card .content {
	width: 100%
}

.card img,
.card picture {
	display: block;
	width: 90%;
	margin: auto
}

.card picture>img {
	width: auto
}

.card .title,
.card .details {
	font-size: 1.6rem;
	line-height: 1.1;
	margin: 0
}

.card .title {
	font-weight: 700
}

.card .featured-title {
	font-size: 2.2rem;
	line-height: 1.2727272727;
	margin: 0 0 17px
}

.card .description {
	font-size: 1.4rem;
	line-height: 1.2142857143;
	margin: 0 0 37px
}

.card .details {
	display: flex;
	justify-content: space-between
}

.card .price {
	white-space: nowrap
}

.card .image {
	display: none
}

.card .blog-card .image {
	display: block
}

.card[data-color=light] {
	color: #fff
}

.card[data-color=light] .tag,
.card[data-color=light] .title,
.card[data-color=light] .featured-title,
.card[data-color=light] .details,
.card[data-color=light] .secondary.button:not(:hover),
.card[data-color=light] #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy:not(:hover),
#LocallyProductLocator.-enable-cta .card[data-color=light] .secondary#lcly-button-buy:not(:hover),
.card[data-color=light] .filter-product .secondary.clear-input:not(:hover),
.filter-product .card[data-color=light] .secondary.clear-input:not(:hover) {
	color: #fff !important
}

.card[data-color=light] .tag,
.card[data-color=light] .secondary.button,
.card[data-color=light] #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .card[data-color=light] .secondary#lcly-button-buy,
.card[data-color=light] .filter-product .secondary.clear-input,
.filter-product .card[data-color=light] .secondary.clear-input {
	border-color: #fff
}

.card .indicator {
	padding: 0 5px;
	position: relative;
	top: -11px
}

@media all and (min-width: 960px) {
	.card .indicator {
		display: none
	}
}

.nav-arrows {
	font-size: 1.2rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 2;
	text-align: center;
	transform: translateX(-50%);
	width: 100%
}

@media all and (min-width: 960px) {
	body:not(.pdp__body) .nav-arrows {
		left: 45px;
		transform: none;
		margin: 0 0 0 -22px;
		position: static;
		text-align: left
	}
}

@media all and (min-width: 1370.88px) {
	body.pdp__body .nav-arrows {
		left: 45px;
		transform: none;
		margin: 0 0 0 -22px;
		position: static;
		text-align: left
	}
}

.nav-arrows button {
	color: #000;
	display: inline-block;
	font-size: 3.6rem;
	line-height: 1;
	text-decoration: none
}

@media all and (min-width: 768px) {
	.nav-arrows button {
		line-height: 1;
		padding: 14px 14px 10px
	}
}

@media all and (min-width: 960px) {
	.nav-arrows button {
		line-height: 1;
		padding: 5px 14px 18px
	}
}

@media all and (max-width: 1199px) {
	.nav-arrows button:focus {
		outline: none
	}
}

.nav-arrows button:hover {
	text-decoration: none
}

.nav-arrows .indicator {
	padding: 0 5px;
	position: relative;
	top: -11px
}

@media all and (min-width: 960px) {
	.nav-arrows .indicator {
		display: none
	}
}

.search-results-archive .card .tags,
.search-results-archive .card .color,
.search-results-archive .card .price {
	visibility: hidden !important
}

.product-card {
	display: flex;
	flex-direction: column;
	margin: 0 0 5px 0 !important
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .product-card {
		width: 50%
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .product-card {
		width: 50%
	}
}

@media all and (min-width: 960px) {
	body:not(.pdp__body) .product-card {
		flex-shrink: 0;
		width: 33.3333333333%
	}
}

@media all and (min-width: 1370.88px) {
	body.pdp__body .product-card {
		flex-shrink: 0;
		width: 33.3333333333%
	}
}

.product-card__upper {
	position: relative
}

.product-card__upper::before {
	content: "";
	display: block;
	font-size: 0;
	width: 100%;
	padding-bottom: 100%
}

@media(hover: hover) {
	.-has-3Q .product-card__upper:hover .product-card__main-image {
		opacity: 1 !important
	}

	.-has-3Q .product-card__upper:hover .product-card__3Q-image {
		opacity: 0 !important
	}
}

.product-card__lower {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	padding: 0 3%
}

.product-card__title {
	font-size: 1.6rem;
	color: #000;
	line-height: 1.1;
	margin: 0;
	font-weight: 700;
	padding-bottom: 5px
}

.product-card__subtitle {
	font-weight: 400
}

.product-card__price-and-swatches {
	display: flex;
 
}

.product-card__price {
	font-weight: 300;
	font-size: 1.4rem
}

.product-card__price-sale {
	margin-right: 7px
}

.product-card__price.-on-sale .product-card__price-main {
	text-decoration: line-through;
	color: #707070
}

.product-card__price:not(.hidden)+.product-card__swatches {
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px solid #d3d3d3
}

.product-card__rating {
	display: flex;
	text-decoration: none;
	margin-top: 12px
}

.product-card__rating-stars {
	display: block;
	position: relative;
	font-size: 0
}

.product-card__rating-stars__inner {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.product-card__rating-stars img {
	width: 83px;
	height: 16px;
	max-width: none;
	display: block
}

.product-card__rating-stars .-hover-img {
	display: none
}

.product-card__rating-count {
	font-family: "Space Mono", monospace;
	color: #757575;
	font-size: 1.3rem;
	letter-spacing: 3px;
	margin-left: 5px
}

@media(hover: hover) {
	.product-card__rating:hover .-hover-img-base {
		display: none
	}

	.product-card__rating:hover .-hover-img {
		display: block
	}

	.product-card__rating:hover-count {
		color: #000
	}
}

.product-card__add-to-cart {
	margin: auto -3.092% 0
}

.product-card__add-to-cart .button,
.product-card__add-to-cart #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .product-card__add-to-cart #lcly-button-buy,
.product-card__add-to-cart .filter-product .clear-input,
.filter-product .product-card__add-to-cart .clear-input {
	margin: 20px 0 0;
	width: 100%
}

@media all and (max-width: 768px) {

	body:not(.pdp__body) .product-card__add-to-cart .button,
	body:not(.pdp__body) .product-card__add-to-cart #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta body:not(.pdp__body) .product-card__add-to-cart #lcly-button-buy,
	body:not(.pdp__body) .product-card__add-to-cart .filter-product .clear-input,
	.filter-product body:not(.pdp__body) .product-card__add-to-cart .clear-input {
		height: 45px !important;
		font-size: 14px
	}
}

@media all and (max-width: 1095.704px) {

	body.pdp__body .product-card__add-to-cart .button,
	body.pdp__body .product-card__add-to-cart #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta body.pdp__body .product-card__add-to-cart #lcly-button-buy,
	body.pdp__body .product-card__add-to-cart .filter-product .clear-input,
	.filter-product body.pdp__body .product-card__add-to-cart .clear-input {
		height: 45px !important;
		font-size: 14px
	}
}

.product-card__description {
	margin: 0 auto 0 0;
	width: 85%;
	padding: 6px 0 0;
	color: #757575;
	font-size: 1.4rem;
	font-weight: 300
}

.product-card__description:last-child {
	padding-bottom: 14px
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .product-card.wide .product-card__upper::before {
		padding-bottom: 50%
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .product-card.wide .product-card__upper::before {
		padding-bottom: 50%
	}
}

.product-card .card-inner {
	background-color: #f8f8f8;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #f8f8f8;
	transition: border-color .4s;
	width: auto !important;
	box-sizing: border-box
}

.product-card .card-inner:hover {
	border-color: #b0b0b0
}

.product-card.large .card-inner,
.product-card.wide .card-inner {
	background-size: cover
}

.product-card .content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 3%;
	position: relative;
	box-sizing: border-box;
	height: 100%
}

.product-card.wide .content {
	justify-content: center
}

.product-card.wide .content h2 {
	font-size: 2.4rem;
	margin-bottom: 4%
}

.product-card.wide .content .description {
	margin-bottom: 4%
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .product-card.wide .content {
		width: 40%;
		padding: 0 0 0 60px;
		box-sizing: content-box
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .product-card.wide .content {
		width: 40%;
		padding: 0 0 0 60px;
		box-sizing: content-box
	}
}

.product-card .color+.color {
	margin-left: 4px
}

.product-card .product-details {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%
}

.product-card .tags {
	margin: 0 auto 0 0;
	position: relative;
	top: 0
}

.product-card .tag {
	font-size: 1.2rem
}

.product-card .img-tag {
	display: inline-block;
	margin: 0 7px 0 0;
	width: 77px
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .product-card .img-tag {
		width: 87px
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .product-card .img-tag {
		width: 87px
	}
}

@media all and (min-width: 1920px) {
	body:not(.pdp__body) .product-card .img-tag {
		width: 97px
	}
}

@media all and (min-width: 2370px) {
	body.pdp__body .product-card .img-tag {
		width: 97px
	}
}

.product-card__image {
	width: 80%;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -53%)
}

.product-card__image>img {
	opacity: 0
}

.product-card__3Q-image {
	display: none;
	opacity: 0 !important;
	width: 66% !important
}

.-has-3Q .product-card__3Q-image {
	display: block
}

.product-card .compare {
	font-size: 1.2rem;
	transition: all .15s ease-out;
	padding: 0 14px;
	line-height: 45px;
	position: absolute;
	top: 0;
	right: 0;
	border: 0 none;
	text-decoration: none;
	color: #4f4f4f
}

.product-card .compare:hover {
	color: #000;
	text-decoration: underline
}

.product-card .product {
	color: #000;
	text-decoration: none
}

.product-card .product:hover {
	text-decoration: none
}

.product-card .compare,
.product-card .tag,
.product-card__title,
.product-card__price,
.product-card__description {
	transition: font-size .4s
}

@media all and (min-width: 800px) {

	.product-card .compare,
	.product-card .tag {
		font-size: 1.4rem
	}

	.product-card__title {
		font-size: 1.4rem
	}

	.product-card__price,
	.product-card__description {
		font-size: 1.8rem
	}

	.-filters-hidden .product-card .compare,
	.-filters-hidden .product-card .tag {
		font-size: 1.2rem
	}

	.-filters-hidden .product-card__title {
		font-size: 1.6rem
	}

	.-filters-hidden .product-card__price,
	.-filters-hidden .product-card__description {
		font-size: 1.4rem
	}
}

@media(min-width: 920px) {

	.product-card .compare,
	.product-card .tag {
		font-size: 1.1rem
	}

	.product-card__title {
		font-size: 1.4rem
	}

	.product-card__price,
	.product-card__description {
		font-size: 1.3rem
	}

	.-filters-hidden .product-card .compare,
	.-filters-hidden .product-card .tag {
		font-size: 1.2rem
	}

	.-filters-hidden .product-card__title {
		font-size: 1.6rem
	}

	.-filters-hidden .product-card__price,
	.-filters-hidden .product-card__description {
		font-size: 1.4rem
	}
}

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

	.-filters-hidden .product-card .compare,
	.-filters-hidden .product-card .tag {
		font-size: 1.1rem
	}

	.-filters-hidden .product-card__title {
		font-size: 1.5rem
	}

	.-filters-hidden .product-card__price,
	.-filters-hidden .product-card__description {
		font-size: 1.3rem
	}
}

@media all and (min-width: 1280px) {

	.product-card .compare,
	.product-card .tag {
		font-size: 1.1rem
	}

	.product-card__title {
		font-size: 1.3rem
	}

	.product-card__price,
	.product-card__description {
		font-size: 1.2rem
	}

	.-filters-hidden .product-card .compare,
	.-filters-hidden .product-card .tag {
		font-size: 1.2rem
	}

	.-filters-hidden .product-card__title {
		font-size: 1.6rem
	}

	.-filters-hidden .product-card__price,
	.-filters-hidden .product-card__description {
		font-size: 1.4rem
	}
}

@media all and (min-width: 1440px) {

	.product-card .compare,
	.product-card .tag {
		font-size: 1.2rem
	}

	.product-card__title {
		font-size: 1.8rem
	}

	.product-card__price,
	.product-card__description {
		font-size: 1.4rem
	}

	.-filters-hidden .product-card .compare,
	.-filters-hidden .product-card .tag {
		font-size: 1.2rem
	}

	.-filters-hidden .product-card__title {
		font-size: 1.8rem
	}

	.-filters-hidden .product-card__price,
	.-filters-hidden .product-card__description {
		font-size: 1.6rem
	}
}

@media all and (min-width: 1680px) {

	.product-card .compare,
	.product-card .tag {
		font-size: 1.2rem
	}

	.product-card__title {
		font-size: 1.8rem
	}

	.product-card__price,
	.product-card__description {
		font-size: 1.6rem
	}

	.-filters-hidden .product-card .compare,
	.-filters-hidden .product-card .tag {
		font-size: 1.4rem
	}

	.-filters-hidden .product-card__title {
		font-size: 2rem
	}

	.-filters-hidden .product-card__price,
	.-filters-hidden .product-card__description {
		font-size: 1.8rem
	}
}

.coveo-result-list-container {
	display: block !important;
	margin: 0 !important
}

.CoveoResult {
	margin: 0 !important;
	float: left;
	width: 50% !important;
	padding: 0;
	display: block !important;
	box-sizing: border-box
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .CoveoResult {
		width: 100% !important;
		top: auto !important;
		left: auto !important;
		position: relative !important
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .CoveoResult {
		width: 100% !important;
		top: auto !important;
		left: auto !important;
		position: relative !important
	}
}

.CoveoResult[data-feature] {
	width: 100% !important
}

.threeAcross .CoveoResult {
	width: 33.3333333333% !important
}

.threeAcross .CoveoResult[data-feature] {
	width: 66.6666666667% !important
}

.CoveoResult .card {
	display: block;
	width: 100% !important;
	margin: 0 !important
}

.CoveoResult .blog-card {
	padding: 20px
}

.product-card-legacy {
	margin: 0 !important
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .product-card-legacy {
		width: 50%
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .product-card-legacy {
		width: 50%
	}
}

@media all and (min-width: 960px) {
	body:not(.pdp__body) .product-card-legacy {
		flex-shrink: 0;
		width: 33.3333333333%
	}
}

@media all and (min-width: 1370.88px) {
	body.pdp__body .product-card-legacy {
		flex-shrink: 0;
		width: 33.3333333333%
	}
}

.product-card-legacy::before {
	content: "";
	display: block;
	font-size: 0;
	width: 100%;
	padding-bottom: 100%
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .product-card-legacy.wide::before {
		padding-bottom: 50%
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .product-card-legacy.wide::before {
		padding-bottom: 50%
	}
}

.product-card-legacy .card-inner {
	background-color: #f7f5f5;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #fff;
	transition: border-color .4s;
	width: auto !important;
	margin: 11px;
	box-sizing: border-box
}

.product-card-legacy .card-inner:hover {
	border-color: #000
}

.product-card-legacy.large .card-inner,
.product-card-legacy.wide .card-inner {
	background-size: cover
}

.product-card-legacy .content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 14px;
	position: relative;
	box-sizing: border-box;
	height: 100%
}

.product-card-legacy.wide .content {
	justify-content: center
}

.product-card-legacy.wide .content h2 {
	font-size: 2.4rem;
	margin-bottom: 4%
}

.product-card-legacy.wide .content .description {
	margin-bottom: 4%
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .product-card-legacy.wide .content {
		width: 40%;
		padding: 0 0 0 60px;
		box-sizing: content-box
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .product-card-legacy.wide .content {
		width: 40%;
		padding: 0 0 0 60px;
		box-sizing: content-box
	}
}

.product-card-legacy .color+.color {
	margin-left: 4px
}

.product-card-legacy .product-details {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%
}

.product-card-legacy .tags {
	margin: 0 auto 0 0;
	position: relative;
	top: 0
}

.product-card-legacy img,
.product-card-legacy picture {
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -53%)
}

.product-card-legacy picture>img {
	width: auto;
	position: static;
	transform: none
}

.product-card-legacy .compare {
	font-size: 1rem;
	transition: all .15s ease-out;
	padding: 0 14px;
	line-height: 45px;
	position: absolute;
	top: 0;
	right: 0;
	border: 0 none;
	text-decoration: none
}

.product-card-legacy .compare:hover {
	text-decoration: underline
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .product-card-legacy .compare {
		font-size: 1.2rem
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .product-card-legacy .compare {
		font-size: 1.2rem
	}
}

.product-card-legacy .product {
	color: #000;
	text-decoration: none
}

.product-card-legacy .product:hover {
	text-decoration: none
}

.cookie-banner {
	background: #000;
	color: #fff;
	padding: 20px 0;
	position: fixed;
	max-width: none;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99
}

.cookie-banner .site-gutters {
	align-items: center;
	display: flex;
	flex-direction: column;
	max-width: none;
	width: 100%
}

.cookie-banner .button,
.cookie-banner #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .cookie-banner #lcly-button-buy,
.cookie-banner .filter-product .clear-input,
.filter-product .cookie-banner .clear-input,
.cookie-banner .close {
	border: 1px solid rgba(0, 0, 0, 0)
}

.cookie-banner .button:hover,
.cookie-banner #LocallyProductLocator.-enable-cta #lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .cookie-banner #lcly-button-buy:hover,
.cookie-banner .filter-product .clear-input:hover,
.filter-product .cookie-banner .clear-input:hover,
.cookie-banner .close:hover {
	border-color: #fff
}

.cookie-banner .secondary {
	white-space: nowrap
}

.cookie-banner .action {
	order: 3
}

.cookie-banner .content {
	margin: 0 0 30px 0;
	order: 2
}

.cookie-banner .close {
	margin: 0 0 20px auto;
	order: 1
}

@media all and (max-width: 767px) {

	.cookie-banner br,
	.cookie-banner br::after {
		content: " "
	}
}

@media all and (min-width: 768px) {
	.cookie-banner .site-gutters {
		flex-direction: row
	}

	.cookie-banner .action,
	.cookie-banner .content {
		margin-right: 20px
	}

	.cookie-banner .action {
		order: 1
	}

	.cookie-banner .content {
		margin-bottom: 0
	}

	.cookie-banner .close {
		order: 3
	}
}

@media all and (min-width: 1200px) {
	.cookie-banner .site-gutters {
		padding: 0 42px
	}
}

.cookie-banner .close {
	background: rgba(0, 0, 0, 0);
	color: #fff;
	position: relative
}

.cookie-banner .close::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.dropdown-filter {
	visibility: hidden
}

.dropdown {
	border: 1px solid rgba(0, 0, 0, 0);
	display: block;
	margin: 0 0 10px;
	position: relative;
	z-index: 2;
	visibility: visible;
	width: 100%
}

@media all and (min-width: 768px) {
	.dropdown {
		width: 325px
	}
}

@media all and (min-width: 960px) {
	.dropdown {
		margin-bottom: 24px
	}
}

@media all and (min-width: 1200px) {
	.dropdown {
		margin-bottom: 13px
	}
}

.dropdown .label {
	cursor: pointer;
	display: none;
	font-size: 1.3rem;
	font-weight: 400;
	flex-grow: 1;
	text-align: left;
	opacity: .5
}

@media all and (min-width: 960px) {
	.dropdown .label {
		font-size: 1.6rem
	}
}

.dropdown .trigger {
	border-bottom: 2px solid gray;
	padding-bottom: 6px;
	padding: 12px 34px 9px 20px;
	position: relative;
	z-index: 2;
	width: 100%
}

.dropdown .trigger:hover .selected::after {
	color: #008a02
}

@media all and (max-width: 767px) {
	.dropdown .trigger:focus {
		outline: none
	}
}

.dropdown.inline {
	left: -15px;
	top: 2px
}

.dropdown.inline .label {
	flex-grow: 0
}

.dropdown.inline .trigger {
	border: none;
	justify-content: flex-start
}

.dropdown .selected {
	background: rgba(0, 0, 0, 0);
	border: none;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	font-family: "favorit", Helvetica, sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1;
	padding: 2px 14px 2px 10px;
	position: relative;
	text-align: left;
	width: 100%
}

@media all and (min-width: 960px) {
	.dropdown .selected {
		font-size: 1.4rem;
		padding: 4px 14px 3px 10px
	}
}

.dropdown .selected::after {
	content: "瞍?;
	display: inline;
	font-size: 1rem;
	margin-left: auto;
	position: relative;
	left: 10px;
	transition: color .15s ease-out
}

.dropdown .selected .text {
	order: 1
}

.dropdown .selected .indicator {
	order: 2
}

.dropdown .selected::after {
	order: 3
}

.dropdown .new-select {
	background: #fff;
	height: 0;
	min-width: calc(100% + 2px);
	overflow: hidden;
	position: absolute;
	left: -1px;
	top: calc(100% - 2px)
}

.dropdown.default .label,
.dropdown.sticky-label .label {
	display: inline-block
}

.dropdown.default .selected {
	padding-left: 0
}

.dropdown.default:not(.sticky-label) .selected {
	width: 25px
}

.dropdown.sticky-label .selected {
	white-space: nowrap
}

.dropdown.is-open {
	background: #fff;
	border-color: #000;
	z-index: 4
}

.dropdown.is-open .trigger {
	background: #fff;
	border-bottom-color: #fff
}

.dropdown.is-open .trigger:focus {
	outline: none
}

.dropdown.is-open .selected::after {
	transform: rotate(180deg)
}

.dropdown.is-open .new-select {
	border: 1px solid #000;
	border-top: 0;
	height: auto;
	max-height: 200px;
	overflow: auto;
	padding: 14px 0
}

.dropdown .option {
	color: #000;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 1.6rem;
	font-weight: 700;
	text-decoration: none;
	padding: 7px 10px 7px 21px;
	width: 100%
}

@supports(-webkit-overflow-scrolling: touch) {
	.dropdown .option {
		padding: 7px 9px 7px 21px
	}
}

@media all and (min-width: 1200px) {
	.dropdown .option {
		font-size: 1.5rem
	}
}

.dropdown .option:hover {
	text-decoration: underline
}

.dropdown .text {
	order: 2
}

.dropdown .indicator {
	border-radius: 100%;
	display: inline-block;
	height: 12px;
	margin: 0 8px 0 5px;
	order: 1;
	overflow: hidden;
	width: 12px
}

:root {
	--input-border-color: #808080
}

textarea,
select,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=week] {
	border: none;
	border-bottom: 1px solid var(--input-border-color);
	border-radius: 0;
	font-family: "favorit", Helvetica, sans-serif;
	font-size: 1.6rem;
	line-height: 2.8rem;
	margin: 0;
	max-width: 100%;
	padding: 0 8px;
	transition: all .1s ease-in-out;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

@media all and (min-width: 768px) {

	textarea,
	select,
	input[type=text],
	input[type=password],
	input[type=email],
	input[type=number],
	input[type=search],
	input[type=tel],
	input[type=url],
	input[type=time],
	input[type=date],
	input[type=datetime-local],
	input[type=month],
	input[type=week] {
		border-bottom-width: 2px
	}
}

@media all and (-ms-high-contrast: none) {

	textarea:not(textarea),
	select:not(textarea),
	input[type=text]:not(textarea),
	input[type=password]:not(textarea),
	input[type=email]:not(textarea),
	input[type=number]:not(textarea),
	input[type=search]:not(textarea),
	input[type=tel]:not(textarea),
	input[type=url]:not(textarea),
	input[type=time]:not(textarea),
	input[type=date]:not(textarea),
	input[type=datetime-local]:not(textarea),
	input[type=month]:not(textarea),
	input[type=week]:not(textarea) {
		height: 46px
	}
}

textarea input[type=number],
select input[type=number],
input[type=text] input[type=number],
input[type=password] input[type=number],
input[type=email] input[type=number],
input[type=number] input[type=number],
input[type=search] input[type=number],
input[type=tel] input[type=number],
input[type=url] input[type=number],
input[type=time] input[type=number],
input[type=date] input[type=number],
input[type=datetime-local] input[type=number],
input[type=month] input[type=number],
input[type=week] input[type=number] {
	-moz-appearance: textfield
}

textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder {
	color: #707070
}

textarea::-moz-placeholder,
select::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=week]::-moz-placeholder {
	color: #707070
}

textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder {
	color: #707070
}

textarea:-moz-placeholder,
select:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=datetime-local]:-moz-placeholder,
input[type=month]:-moz-placeholder,
input[type=week]:-moz-placeholder {
	color: #707070
}

textarea::placeholder,
select::placeholder,
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
input[type=time]::placeholder,
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder {
	color: #707070
}

textarea:focus,
select:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=time]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus {
	border-color: rgba(0, 0, 0, 0);
	box-shadow: 0 1px var(--input-border-color);
	outline: none
}

textarea.inverted,
.filter-product textarea.clear-input,
select.inverted,
.filter-product select.clear-input,
input[type=text].inverted,
.filter-product input[type=text].clear-input,
input[type=password].inverted,
.filter-product input[type=password].clear-input,
input[type=email].inverted,
.filter-product input[type=email].clear-input,
input[type=number].inverted,
.filter-product input[type=number].clear-input,
input[type=search].inverted,
.filter-product input[type=search].clear-input,
input[type=tel].inverted,
.filter-product input[type=tel].clear-input,
input[type=url].inverted,
.filter-product input[type=url].clear-input,
input[type=time].inverted,
.filter-product input[type=time].clear-input,
input[type=date].inverted,
.filter-product input[type=date].clear-input,
input[type=datetime-local].inverted,
.filter-product input[type=datetime-local].clear-input,
input[type=month].inverted,
.filter-product input[type=month].clear-input,
input[type=week].inverted,
.filter-product input[type=week].clear-input {
	--input-border-color: white;
	background: #000;
	color: #fff
}

label {
	font-family: "favorit", Helvetica, sans-serif;
	font-size: 1.2rem
}

.label-swap {
	display: none
}

.label-swap.is-visible {
	display: inline-block
}

.label-swap:not(.is-visible)~.error-label__indicator {
	top: 0
}

option {
	color: #000
}

.select-placeholder {
	color: #a0a0a0
}

input[type=checkbox]+label,
input[type=checkbox]+input[type=hidden]+label {
	cursor: pointer;
	display: inline-block;
	font-size: 1.4rem;
	margin: 0 0 6px;
	padding: 0 0 0 31px;
	position: relative
}

input[type=checkbox]+label::before,
input[type=checkbox]+input[type=hidden]+label::before {
	content: "";
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
	height: 18px;
	width: 18px;
	background: #fff;
	border: 1px solid #000;
	position: absolute;
	left: 0;
	top: 1px
}

@media all and (min-width: 768px) {

	input[type=checkbox]+label,
	input[type=checkbox]+input[type=hidden]+label {
		font-size: 1.6rem
	}
}

input[type=checkbox]:checked+label::before,
input[type=checkbox]:checked+input[type=hidden]+label::before {
	color: #000;
	content: "瞍?
}

.on-dark input[type=checkbox]:checked+label::before,
.on-dark input[type=checkbox]:checked+input[type=hidden]+label::before {
	color: #fff
}

input[type=checkbox]:disabled+label,
input[type=checkbox]:disabled+input[type=hidden]+label,
input[type=checkbox][data-disabled]+label,
input[type=checkbox][data-disabled]+input[type=hidden]+label {
	opacity: .4
}

input[type=checkbox]:disabled+label::after,
input[type=checkbox]:disabled+input[type=hidden]+label::after,
input[type=checkbox][data-disabled]+label::after,
input[type=checkbox][data-disabled]+input[type=hidden]+label::after {
	opacity: .5
}

input[type=radio]+label,
input[type=radio]+input[type=hidden]+label {
	cursor: pointer;
	font-size: 1.3rem;
	padding: 5px 10px 3px
}

input[type=radio]:checked+label,
input[type=radio]:checked+input[type=hidden]+label {
	background: #008a02;
	color: #fff
}

.label-swap,
label {
	position: relative
}

.msg {
	font-size: 1.2rem;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5
}

.msg.error-msg {
	color: #d70a0a
}

.msg.confirmation-msg {
	color: #008a02
}

.msg .icon {
	position: relative;
	top: 7px
}

.msg .icon::before {
	font-size: 2.4rem
}

.form-row {
	margin: 0 0 32px
}

@media all and (min-width: 768px) {
	.form-row {
		display: flex;
		justify-content: space-between
padding-top: 20px;
}

	.form-row .form-col-4 {
		width: calc(33.3333% - 16px)
	}

	.form-row .form-col-6 {
		width: calc(50% - 16px)
	}

	.form-row .form-col-8 {
		width: calc(66.6666% - 16px)
	}
}

@media all and (min-width: 960px) {
	.form-row .dropdown {
		width: 100%;
		max-width: calc(33.3333% - 16px)
	}
}

.form-row .dropdown .trigger {
	min-width: 0;
	width: 100%
}

.error-label,
.alert-label {
	color: #d70a0a;
	line-height: 24px;
	width: 100%;
	max-width: 300px;
	position: relative;
	text-align: right;
	align-self: flex-end;
	display: flex;
	align-items: center
}

.error-label.leftAlign,
.alert-label.leftAlign {
	text-align: left;
	align-self: flex-start
}

.error-label.leftAlign .error-label__indicator,
.error-label.leftAlign .alert-label__indicator,
.alert-label.leftAlign .error-label__indicator,
.alert-label.leftAlign .alert-label__indicator {
	margin-left: 0;
	margin-right: 8px
}

.error-label.leftAlign .error-label__msg,
.error-label.leftAlign .alert-label__msg,
.alert-label.leftAlign .error-label__msg,
.alert-label.leftAlign .alert-label__msg {
	vertical-align: middle
}

.error-label__indicator,
.alert-label__indicator {
	flex-shrink: 0;
	background: #d70a0a;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	margin-left: 12px
}

.error-label__indicator::after,
.alert-label__indicator::after {
	content: "!";
	font-size: 2.2rem;
	color: #fff
}

.error-label__msg,
.alert-label__msg {
	color: #d70a0a !important;
	display: inline-block;
	font-size: 1.4rem;
	max-width: 90%;
	line-height: 1.3 !important
}

.error-label__msg.fullWidth,
#LocallyProductLocator.-enable-cta .error-label__msg#lcly-button-buy,
.alert-label__msg.fullWidth,
#LocallyProductLocator.-enable-cta .alert-label__msg#lcly-button-buy {
	max-width: 100%
}

.error-label__popup,
.alert-label__popup {
	border: 1px solid #d70a0a;
	color: #d70a0a;
	background: #fff;
	padding: 10px;
	z-index: 2;
	position: absolute;
	right: 40px;
	bottom: 15px;
	font-size: 1.2rem;
	line-height: 1.3;
	max-width: calc(100% - 40px)
}

.error-label__popup.touch,
.alert-label__popup.touch {
	padding-left: 28px
}

.error-label__popup.touch::after,
.alert-label__popup.touch::after {
	content: "瞍?;
	font-family: "ALVAS-icon-font" !important;
	font-size: 1rem;
	position: absolute;
	top: 10px;
	left: 10px
}

.error-label._cart-label,
.alert-label._cart-label {
	line-height: 1.7rem;
	align-items: flex-start
}

.error-label._cart-label.leftAlign,
.alert-label._cart-label.leftAlign {
	flex-direction: row-reverse
}

.error-label._cart-label .alert-label__indicator,
.error-label._cart-label .error-label__indicator,
.alert-label._cart-label .alert-label__indicator,
.alert-label._cart-label .error-label__indicator {
	margin-top: 2px;
	width: 16px;
	height: 16px;
	line-height: inherit
}

.error-label._cart-label .alert-label__indicator::after,
.error-label._cart-label .error-label__indicator::after,
.alert-label._cart-label .alert-label__indicator::after,
.alert-label._cart-label .error-label__indicator::after {
	content: "!";
	font-size: 13px;
	color: #fff;
	line-height: 16px
}

.alert-label,
.alert-label__msg,
.alert-label__popup {
	color: #008a02 !important
}

.alert-label__popup {
	border-color: #008a02
}

.alert-label__indicator {
	background-color: #008a02
}

.alert-label__indicator::after {
	content: "瞍?;
	display: block;
	font-family: "ALVAS-icon-font" !important;
	color: #fff;
	font-size: 8px;
	font-weight: bold;
	text-align: center
}

.passwordRules {
	color: #707070
}

.passwordRules .passwordRules-list {
	padding-left: 0
}

.passwordRules .passwordRules-list li {
	font-size: 1.2rem;
	margin-bottom: 8px;
	margin-left: 7px
}

.passwordRules .passwordRules-list li::before {
	background-image: none
}

.passwordRules .passwordRules-list li.valid {
	color: #008a02;
	padding-left: 24px
}

.passwordRules .passwordRules-list li.valid::before {
	content: "";
	mask: url("../images/checkmark.svg") no-repeat 50% 50%;
	mask-size: cover;
	-webkit-mask: url("../images/checkmark.svg") no-repeat 50% 50%;
	-webkit-mask-size: cover;
	background-color: #008a02;
	display: inline-block;
	height: 13px;
	left: 0;
	top: 1px;
	width: 13px
}

.passwordRules .passwordRules-list li.invalid {
	color: #d70a0a;
	padding-left: 24px
}

.passwordRules .passwordRules-list li.invalid::before {
	content: "";
	mask: url("../images/x.svg") no-repeat 50% 50%;
	mask-size: cover;
	-webkit-mask: url("../images/x.svg") no-repeat 50% 50%;
	-webkit-mask-size: cover;
	background-color: #d70a0a;
	display: inline-block;
	height: 13px;
	left: 0;
	top: 2px;
	width: 13px
}

.password-toggle {
	color: #707070;
	cursor: pointer;
	font-size: 1.4rem;
	position: absolute;
	right: 0;
	text-decoration: underline;
	text-transform: uppercase;
	z-index: 2
}

.error-item {
	display: none
}

.formField {
	position: relative;
	margin-bottom: 24px;
	text-align: left !important
}

.formField__wrapper-spread {
	display: flex;
	justify-content: space-between;
	flex-direction: row
}

@media all and (max-width: 959px) {
	.formField__wrapper-spread.breakMobile {
		display: block
	}
}

.formField.selectField {
	position: relative
}

.formField.selectField::before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(-45deg);
	font-size: 0;
	position: absolute;
	top: 6px;
	right: 9px;
	z-index: -1
}

.formField.selectField select {
	padding-right: 28px;
	background: rgba(0, 0, 0, 0)
}

.formField.selectField .error-label__indicator {
	right: 0
}

.formField.selectField.has-error::before {
	right: 32px
}

.formField.selectField:has(.is-visible)::before {
	top: 30px
}

.formField .error-label,
.formField .alert-label {
	position: absolute;
	bottom: 0;
	right: 0
}

.formField .error-label__msg {
	margin-left: 9px;
	margin-top: 8px
}

.formField .error-label__indicator {
	position: absolute;
	top: 24px;
	right: 10px
}

.formField .error-label,
.formField .alert-label {
	display: none
}

.formField.has-error:not(.is-match) .error-label,
.formField.has-error:not(.is-match) .alert-label,
.formField.has-error:not(.is-match) .error-item {
	display: block
}

.formField.is-match .error-label,
.formField.is-match .alert-label,
.formField.is-match .error-item {
	display: block
}

.formField.is-match .error-label__msg {
	color: #008a02 !important
}

.formField.is-match .error-label__indicator {
	background: #008a02
}

.formField.is-match .error-label__indicator::after {
	content: "瞍?;
	font-size: 1.2rem
}

.formField.has-error .password-toggle,
.formField.is-match .password-toggle {
	padding-right: 42px
}

.formField.radioInput [type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none
}

.formField.radioInput [type=radio]+label,
.formField.radioInput [type=radio]+input[type=hidden]+label {
	display: inline-block;
	margin: 0 0 6px;
	padding: 0 0 0 31px
}

.formField.radioInput [type=radio]+label:before,
.formField.radioInput [type=radio]+input[type=hidden]+label:before {
	border-radius: 50%;
	border: 2px solid #000;
	content: "";
	display: inline-block;
	height: 20px;
	left: 0;
	position: absolute;
	top: -3px;
	width: 20px
}

@media all and (min-width: 768px) {

	.formField.radioInput [type=radio]+label,
	.formField.radioInput [type=radio]+input[type=hidden]+label {
		font-size: 1.6rem
	}

	.formField.radioInput [type=radio]+label:before,
	.formField.radioInput [type=radio]+input[type=hidden]+label:before {
		top: -1px
	}
}

.formField.radioInput [type=radio]:checked+label,
.formField.radioInput [type=radio]:checked+input[type=hidden]+label {
	background: #fff;
	color: #000
}

.formField.radioInput [type=radio]:checked+label:after,
.formField.radioInput [type=radio]:checked+input[type=hidden]+label:after {
	background-color: #000;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 14px;
	left: 5px;
	position: absolute;
	top: 2px;
	width: 14px
}

@media all and (min-width: 768px) {

	.formField.radioInput [type=radio]:checked+label:after,
	.formField.radioInput [type=radio]:checked+input[type=hidden]+label:after {
		top: 4px
	}
}

.registration-terms-checkbox {
	margin-top: 32px
}

.registration-terms-checkbox .error-label__msg {
	margin-left: 0
}

.registration-terms-checkbox .error-label__indicator {
	display: none !important
}

.form {
	font-family: "favorit", Helvetica, sans-serif;
	padding: 0;
	box-sizing: border-box
}

.form h1 {
	font-size: 4rem;
	margin: 0 0 25px
}

.form h1.headline {
	margin: 0 0 8px
}

.form p {
	font-size: 1.6rem
}

.form input[type=text],
.form input[type=email] {
	border-bottom-width: 1px !important;
	box-shadow: 0 1px var(--input-border-color)
}

.form textarea {
	border: 1px solid var(--input-border-color) !important;
	height: 200px;
	resize: none;
	margin-top: 10px
}

.form textarea:focus {
	box-shadow: none !important;
	border: 1px solid var(--input-border-color)
}

.form input[type=submit] {
	cursor: pointer
}

.form input[type=submit]:focus {
	outline: none
}

.form .section {
	margin-top: 75px
}

.form .section p {
	margin: unset
}

.form .select2 {
	margin-top: 10px;
	margin-bottom: 30px;
	display: block
}

.signin {
	margin-bottom: 24px
}

.password {
	display: flex;
	flex-direction: column;
	margin: 32px auto 64px
}

.password .button,
.password #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .password #lcly-button-buy,
.password .filter-product .clear-input,
.filter-product .password .clear-input {
	width: 100%
}

.password-flow__back-link {
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 40px
}

.password-flow__back-link::before {
	content: "鈫?;
	margin-right: 15px
}

.password-flow-sizing {
	width: 500px;
	max-width: 100%;
	font-size: 2.4rem;
	line-height: 1.5
}

.enter-new-password h1.headline {
	margin-bottom: 24px
}

#ALVAS-facebook-add-email-form .btn-container {
	padding: 20px 0 50px
}

.grecaptcha-badge {
	z-index: 1
}

#recaptcha-checkbox {
	margin-bottom: 24px
}

.js-price-range__bar {
	display: block;
	margin: 25px auto 30px;
	background-repeat: no-repeat;
	background-image: linear-gradient(black, black), linear-gradient(#bdbdbd, #bdbdbd);
	background-position: var(--bar-left) 0, 0 0;
	background-size: calc(var(--bar-width)*100%) 100%, 100% 100%;
	width: calc(100% - 22px);
	position: relative;
	height: 3px
}

.js-price-range__bar-orb {
	background: #000;
	width: 21px;
	height: 21px;
	user-select: none;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: calc(var(--pct)*100%);
	transform: translate(-10px, -10px);
	cursor: pointer
}

.js-price-range__bar-orb__inner {
	position: relative;
	box-sizing: border-box;
	width: 9px;
	height: 8px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff
}

.js-price-range__bar-orb__inner::before {
	content: "";
	display: block;
	background: #fff;
	width: 1px;
	height: 100%;
	position: absolute;
	left: 3px;
	top: 0
}

.js-price-range__bar-orb.-last-active {
	z-index: 2
}

.js-price-range__inputs {
	display: flex
}

@media all and (min-width: 800px) {
	.js-price-range__inputs {
		flex-direction: column
	}
}

@media all and (min-width: 1280px) {
	.js-price-range__inputs {
		flex-direction: row
	}
}

.js-price-range__inputs-input {
	-moz-appearance: textfield;
	display: block;
	box-sizing: border-box;
	outline: 0 none;
	box-shadow: none !important;
	border: 1px solid rgba(0, 0, 0, 0) !important;
	color: #000 !important;
	height: 34px;
	padding: 0 5px 0 20px !important;
	color: #000;
	font-size: 1.6rem !important;
	text-align: left;
	width: 100% !important;
	opacity: 0;
	background: #fff;
	position: relative;
	z-index: 1;
	border-radius: 4px !important
}

.js-price-range__inputs-input:focus {
	opacity: 1
}

.js-price-range__inputs-input::-webkit-outer-spin-button,
.js-price-range__inputs-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.js-price-range__inputs-input__outer {
	position: relative;
	border: 1px solid #e0e0e0;
	border-radius: 4px
}

.js-price-range__inputs-input__outer.-active,
.js-price-range__inputs-input__outer.-active .js-price-range__inputs-input {
	border-color: #000
}

.js-price-range__inputs-input__outer::before,
.js-price-range__inputs-input__outer::after {
	font-family: favorit, sans-serif;
	color: #000;
	font-size: 1.6rem;
	display: block;
	position: absolute;
	top: 1px;
	height: 34px;
	line-height: 34px
}

.js-price-range__inputs-input__outer::before {
	content: attr(data-currency-symbol);
	left: 5px;
	z-index: 2
}

.js-price-range__inputs-input__outer::after {
	content: attr(data-formatted-price);
	left: 19px;
	z-index: 0
}

.js-price-range__inputs-separator {
	width: auto;
	font-size: 1.4rem;
	margin: auto 10px;
	text-align: center
}

@keyframes rotate {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

.loadingGraphic {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	z-index: 999999999
}

.loadingGraphic>div {
	width: 80px;
	height: 80px;
	position: relative;
	border: 8px solid #000;
	border-radius: 50%;
	border-top-color: rgba(0, 0, 0, .1);
	border-bottom-color: rgba(0, 0, 0, .1);
	animation: rotate 2s linear infinite
}

.loadingGraphic[data-positioning] {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	max-width: none
}

.loadingGraphic[data-positioning=fixed] {
	position: fixed;
	max-width: none
}

.loadingGraphic.-fixed-spinner {
	clip: rect(0, auto, auto, 0)
}

.loadingGraphic.-fixed-spinner>div {
	position: fixed;
	top: calc(50vh - 40px)
}

.modalopen main {
	z-index: 1
}

.modal[data-modal-name] {
	position: fixed;
	max-width: none;
	top: 0;
	left: 0;
	width: 100vw;
	height: calc(var(--vh)*100);
	background: rgba(0, 0, 0, .4);
	align-items: center;
	justify-content: center;
	z-index: 99999999999;
	display: none
}

.modal[data-modal-name].modalOpen {
	display: flex
}

.modalOuter {
	height: auto;
	overflow: auto;
	width: 90%;
	max-height: 90%;
	max-width: 600px;
	background: #fff;
	border: 1px solid #000;
	box-sizing: border-box;
	position: relative
}

@media all and (max-width: 767px) {
	.modal:not(.-no-fullscreen-mobile) .modalOuter {
		width: 100%;
		height: 100%;
		max-height: 100%
	}
}

.modalInner {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column
}

.closeModal {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1
}

.closeModal::before {
	content: "";
	content: "瞍?;
	display: block;
	margin: auto;
	color: #fff;
	font-size: 16px
}

picture img {
	width: 100%;
	display: block
}

.pagination {
	text-align: center
}

[data-pagination] {
	list-style-type: none;
	display: inline-block;
	font-size: 18px;
	padding: 3px 6px;
	cursor: pointer
}

[data-pagination]::before {
	content: attr(data-pagination);
	position: static;
	background: none;
	width: auto;
	height: auto
}

[data-pagination].activePage {
	color: #fff;
	background: #000
}

@media all and (min-width: 1200px) {
	.platform-signature .name {
		width: 64px
	}
}

.platform-signature .name strong {
	white-space: nowrap;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 400;
	margin: 0;
	padding: 0 0;
	display: inline-block;
	color: #000
}

@media all and (min-width: 960px) {
	.platform-signature .name strong {
		font-size: 1.4rem
	}
}

@media all and (min-width: 1200px) {
	.platform-signature .name strong {
		font-size: 1.3rem;
		background: #222;
		color: #fff;
		font-weight: 400;
		transform-origin: left bottom;
		transform: rotate(270deg) translate(-42%, 0);
		line-height: 64px;
		padding: 0 30px;
		position: absolute;
		bottom: 0;
		left: 64px
	}
}

.platform-signature .signature {
	order: 1
}

.platform-signature img {
	display: block
}

.plural-text-parent[data-state=plural] .-txt-singular {
	display: none
}

.plural-text-parent[data-state=singular] .-txt-plural {
	display: none
}

.prog-load {
	overflow: hidden
}

.prog-load>picture {
	display: block
}

.prog-load>picture,
.prog-load>picture>img {
	height: 100%;
	object-fit: cover;
	width: 100%
}

.prog-load,
.prog-load>picture:first-child {
	position: relative
}

.prog-load>picture:first-child {
	z-index: 1
}

.prog-load.is-img-loading>picture:first-child>img {
	filter: blur(7px);
	transform: translate3d(0, 0, 0);
	-webkit-filter: blur(7px);
	-webkit-transform: translate3d(0, 0, 0)
}

.prog-load>picture:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.prog-load.is-img-loading>picture:nth-child(2) {
	opacity: 0;
	animation: none
}

@keyframes imgfadein {
	to {
		opacity: 1
	}
}

.prog-load.is-img-loaded>picture:nth-child(2) {
	opacity: 0;
	animation-duration: 150ms;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-name: imgfadein
}

@keyframes imgfadeout {
	to {
		opacity: 0
	}
}

.prog-load.is-img-loaded>picture:first-child {
	opacity: 1;
	animation-duration: 150ms;
	animation-delay: 200ms;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-name: imgfadeout
}

.quote,
.quote div,
.quote p {
	position: relative;
	font-size: 3rem;
	font-weight: 400;
	line-height: 1.2;
	margin: 0;
	color: #000
}

.quote>div::before {
	float: left;
	display: block
}

@media all and (min-width: 768px) {
	.quote>div::before {
		float: none;
		position: absolute;
		right: 100%
	}

	.quote,
	.quote div,
	.quote p {
		font-size: 3.6rem
	}
}

@media all and (min-width: 960px) {
	.quote {
		width: 84%;
		margin: 0 auto
	}

	.quote,
	.quote div,
	.quote p {
		font-size: 5.2rem
	}
}

@media all and (min-width: 1200px) {

	.quote,
	.quote div,
	.quote p {
		font-size: 7rem
	}
}

.quote>div>:last-child {
	display: inline
}

.quote.has-author>div::before {
	content: "鈥?
}

.quote.has-author>div:after {
	content: "鈥?
}

.quote cite {
	display: block;
	font-size: 1.6rem;
	font-style: normal;
	margin: 1em 0 0
}

@media all and (min-width: 768px) {
	.quote cite {
		font-size: 1.8rem
	}
}

.quote cite::before {
	content: "鈥?;
	display: inline-block;
	padding-right: .25em
}

@media all and (max-width: 767px) {

	.show-mobile~.show-tablet,
	.show-mobile~.show-desktop,
	.show-tablet~.show-desktop {
		display: none
	}
}

@media(min-width: 768px)and (max-width: 1199px) {

	.show-mobile,
	.show-tablet~.show-desktop {
		display: none
	}
}

@media all and (min-width: 1200px) {

	.show-mobile,
	.show-tablet {
		display: none
	}
}

[data-panel] {
	height: 0;
	overflow: hidden
}

[data-panel]:not(.inline) {
	background: #fff;
	position: absolute
}

[data-panel].is-active,
[data-panel].is-open {
	height: auto;
	overflow: visible;
	z-index: 10
}

[data-panel] .close {
	background: rgba(0, 0, 0, 0);
	border: none;
	cursor: pointer;
	display: block;
	height: 40px;
	overflow: hidden;
	width: 40px;
	padding: 0;
	position: absolute;
	z-index: 2
}

.showhide-container {
	position: relative
}

.spacer {
	display: block;
	font-size: 50px;
	margin: 0;
	clear: both;
	float: none;
	padding: 0
}

.spacer.spacer-extra-small {
	padding: .8em 0 0
}

.spacer.spacer-small {
	padding: 1.2em 0 0
}

.spacer.spacer-medium {
	padding: 1.7em 0 0
}

.spacer.spacer-medium-large {
	padding: 2.4em 0 0
}

.spacer.spacer-large {
	padding: 2.8em 0 0
}

@media all and (max-width: 1199px) {
	.spacer.spacer-t-3 {
		padding-top: 0.3em
	}

	.spacer.spacer-t-4 {
		padding-top: 0.4em
	}

	.spacer.spacer-t-5 {
		padding-top: 0.5em
	}

	.spacer.spacer-t-6 {
		padding-top: 0.6em
	}

	.spacer.spacer-t-7 {
		padding-top: 0.7em
	}

	.spacer.spacer-t-8 {
		padding-top: 0.8em
	}

	.spacer.spacer-t-9 {
		padding-top: 0.9em
	}

	.spacer.spacer-t-10 {
		padding-top: 1em
	}

	.spacer.spacer-t-11 {
		padding-top: 1.1em
	}

	.spacer.spacer-t-12 {
		padding-top: 1.2em
	}

	.spacer.spacer-t-13 {
		padding-top: 1.3em
	}

	.spacer.spacer-t-14 {
		padding-top: 1.4em
	}

	.spacer.spacer-t-15 {
		padding-top: 1.5em
	}

	.spacer.spacer-t-16 {
		padding-top: 1.6em
	}

	.spacer.spacer-t-17 {
		padding-top: 1.7em
	}

	.spacer.spacer-t-18 {
		padding-top: 1.8em
	}

	.spacer.spacer-t-19 {
		padding-top: 1.9em
	}

	.spacer.spacer-t-20 {
		padding-top: 2em
	}

	.spacer.spacer-t-21 {
		padding-top: 2.1em
	}

	.spacer.spacer-t-22 {
		padding-top: 2.2em
	}

	.spacer.spacer-t-23 {
		padding-top: 2.3em
	}

	.spacer.spacer-t-24 {
		padding-top: 2.4em
	}

	.spacer.spacer-t-25 {
		padding-top: 2.5em
	}

	.spacer.spacer-t-26 {
		padding-top: 2.6em
	}

	.spacer.spacer-t-27 {
		padding-top: 2.7em
	}

	.spacer.spacer-t-28 {
		padding-top: 2.8em
	}

	.spacer.spacer-t-29 {
		padding-top: 2.9em
	}

	.spacer.spacer-t-30 {
		padding-top: 3em
	}
}

@media all and (max-width: 767px) {
	.spacer.spacer-m-3 {
		padding-top: 0.3em
	}

	.spacer.spacer-m-4 {
		padding-top: 0.4em
	}

	.spacer.spacer-m-5 {
		padding-top: 0.5em
	}

	.spacer.spacer-m-6 {
		padding-top: 0.6em
	}

	.spacer.spacer-m-7 {
		padding-top: 0.7em
	}

	.spacer.spacer-m-8 {
		padding-top: 0.8em
	}

	.spacer.spacer-m-9 {
		padding-top: 0.9em
	}

	.spacer.spacer-m-10 {
		padding-top: 1em
	}

	.spacer.spacer-m-11 {
		padding-top: 1.1em
	}

	.spacer.spacer-m-12 {
		padding-top: 1.2em
	}

	.spacer.spacer-m-13 {
		padding-top: 1.3em
	}

	.spacer.spacer-m-14 {
		padding-top: 1.4em
	}

	.spacer.spacer-m-15 {
		padding-top: 1.5em
	}

	.spacer.spacer-m-16 {
		padding-top: 1.6em
	}

	.spacer.spacer-m-17 {
		padding-top: 1.7em
	}

	.spacer.spacer-m-18 {
		padding-top: 1.8em
	}

	.spacer.spacer-m-19 {
		padding-top: 1.9em
	}

	.spacer.spacer-m-20 {
		padding-top: 2em
	}

	.spacer.spacer-m-21 {
		padding-top: 2.1em
	}

	.spacer.spacer-m-22 {
		padding-top: 2.2em
	}

	.spacer.spacer-m-23 {
		padding-top: 2.3em
	}

	.spacer.spacer-m-24 {
		padding-top: 2.4em
	}

	.spacer.spacer-m-25 {
		padding-top: 2.5em
	}

	.spacer.spacer-m-26 {
		padding-top: 2.6em
	}

	.spacer.spacer-m-27 {
		padding-top: 2.7em
	}

	.spacer.spacer-m-28 {
		padding-top: 2.8em
	}

	.spacer.spacer-m-29 {
		padding-top: 2.9em
	}

	.spacer.spacer-m-30 {
		padding-top: 3em
	}
}

.status-circle::before {
	content: "聽";
	background-repeat: no-repeat;
	background-position: center center;
	width: 19px;
	height: 19px;
	display: block
}

.status-circle[data-status=Processing]::before {
	background-image: url(../images/processing.svg)
}

.status-circle[data-status=BikePickedUp]::before,
.status-circle[data-status=DeliveredToConsumer]::before,
.status-circle[data-status=DeliveredToDealer]::before,
.status-circle[data-status=ReturnCompleted]::before,
.status-circle[data-status=ReturnAccepted]::before {
	background-image: url(../images/black-check.svg)
}

.status-circle[data-status=ReturnInitiated]::before {
	background-image: url(../images/return-initiated.svg)
}

.status-circle[data-status=Shipped]::before,
.status-circle[data-status=PartiallyShipped]::before,
.status-circle[data-status=ReturnInTransit]::before {
	background-image: url(../images/green-outline.svg)
}

.status-circle[data-status=ReadyToPickup]::before {
	background-image: url(../images/green-filled.svg)
}

.status-circle[data-status=Canceled]::before,
.status-circle[data-status=Cancelled]::before {
	background-image: url(../images/cancelled.svg)
}

.status-circle[data-status=ReturnRejected]::before {
	background-image: url(../images/return-rejected.svg)
}

.summary {
	font-size: 1.4rem;
	font-weight: 300
}

@media all and (min-width: 768px) {
	.summary {
		font-size: 2rem;
		line-height: 1.6
	}
}

@media all and (min-width: 1200px) {
	.summary {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

@media all and (min-width: 768px) {
	.summary .headline {
		font-size: 4rem;
		line-height: 1.2
	}
}

.tooltip {
	position: relative;
	display: inline-block;
	background-color: #000;
	margin-left: 10px;
	width: 16px;
	height: 16px;
	position: relative;
	top: 2px;
	border-radius: 50%;
	font-size: 0 !important
}

.tooltip:not(.help-icon)::before,
.tooltip:not(.help-icon)::after {
	content: "";
	width: 2px;
	background: #fff;
	position: absolute;
	left: 7px
}

.tooltip:not(.help-icon)::before {
	top: 3px;
	height: 1.5px
}

.tooltip:not(.help-icon)::after {
	bottom: 3px;
	height: 7px
}

.tooltip.help-icon {
	margin-left: 10px;
	margin-top: -10px;
	vertical-align: top
}

.tooltip.help-icon::before {
	content: "?";
	color: #fff;
	font-size: 1.2rem;
	left: 6px;
	position: absolute;
	top: 0
}

.tooltip em {
	display: none;
	font-style: normal;
	position: absolute;
	bottom: calc(100% + 10px);
	left: 50%;
	transform: translate(-50%, 0);
	white-space: nowrap;
	background: #000;
	color: #fff;
	padding: 8px 16px;
	border-radius: 4px
}

.tooltip:hover em {
	display: block
}

.tooltip__message {
	color: #000;
	background-color: #f8f8f8;
	font-size: 14px;
	font-weight: 400;
	border: 1px solid #000;
	padding: 10px 10px 16px;
	position: absolute;
	bottom: 26px;
	left: -22px;
	line-height: 2.1rem;
	width: max-content;
	max-width: 220px;
	display: none
}

.tooltip__message.-show {
	display: block
}

.tooltip__message::after {
	content: "";
	display: block;
	background-color: #f8f8f8;
	position: absolute;
	transform: rotate(-45deg);
	left: 21px;
	bottom: -9px;
	width: 16px;
	height: 16px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000
}

.tooltip__message.tooltip__below {
	bottom: -84px;
	left: -158px
}

.tooltip__message.tooltip__below::after {
	bottom: 60px;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-left: none;
	border-bottom: none;
	left: 156px
}

.help-icon-container {
	text-align: left !important
}

.txt__monospace {
	font-family: "Space Mono", monospace;
	font-size: 1.3rem;
	text-transform: uppercase;
	letter-spacing: 1px
}

.txt__section-headline {
	font-size: 2.4rem;
	margin: 0 !important
}

.txt__p-small {
	font-size: 1.4rem
}

@media all and (max-width: 768px) {
	.txt__p-small {
		font-size: 1.1rem
	}
}

.txt__right {
	text-align: right
}

@media all and (max-width: 768px) {
	.mobile-text-swap::before {
		content: attr(data-mobile-text)
	}

	.mobile-text-swap span {
		display: none
	}
}

p#affirmDisplay {
	text-align: center
}

p#affirmDisplay a {
	display: block;
	width: 100%
}

.slider-container {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: auto
}

.slider-container .back-bar {
	height: 10px;
	position: relative
}

.slider-container .back-bar .selected-bar {
	position: absolute;
	height: 100%
}

.slider-container .back-bar .pointer {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: red;
	cursor: col-resize;
	opacity: 1;
	z-index: 2
}

.slider-container .back-bar .pointer.last-active {
	z-index: 3
}

.slider-container .back-bar .pointer-label {
	position: absolute;
	top: 30px;
	font-size: 12px;
	background: #fff;
	white-space: nowrap;
	color: #000;
	line-height: 1
}

.slider-container .back-bar .focused {
	z-index: 10
}

.slider-container .clickable-dummy {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1
}

.slider-container .scale {
	display: none;
	top: 2px;
	position: relative
}

.slider-container .scale span {
	position: absolute;
	height: 5px;
	border-left: 1px solid #999;
	font-size: 0
}

.slider-container .scale ins {
	display: none
}

.slider-container.slider-readonly .clickable-dummy,
.slider-container.slider-readonly .pointer {
	cursor: auto
}

.theme-green .back-bar {
	height: 1px;
	border-radius: 2px;
	background-color: #000
}

.theme-green .back-bar .selected-bar {
	border-radius: 2px;
	height: 2px;
	background-color: #008a02
}

.theme-green .back-bar .pointer {
	width: 24px;
	height: 24px;
	top: -10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 25px;
	border: 1px solid #008a02;
	background-color: #fff
}

.theme-green .scale span {
	border-left: 1px solid #e5e5e5
}

.theme-green .scale ins {
	color: #999
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	min-width: 100%
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow {
	cursor: pointer
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-dots {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin: 5px 0 0;
	padding: 0
}

@media all and (min-width: 768px) {
	.slick-dots {
		margin-top: 9px
	}
}

.slick-dots li::before {
	display: none
}

.slick-dots button:not([class*=trigger]):not(.slick-arrow) {
	font-size: 0;
	line-height: 0;
	width: 21px;
	height: 21px;
	min-width: unset;
	border-bottom: 8px solid #fff;
	border-top: 12px solid #fff;
	border-left: 0;
	border-right: 0;
	padding: 0;
	margin: 0 2px;
	background-color: #000
}

.slick-dots button:not([class*=trigger]):not(.slick-arrow):hover {
	border-color: #fff !important;
	border-top: 9px solid #fff
}

@media all and (min-width: 768px) {
	.slick-dots button:not([class*=trigger]):not(.slick-arrow) {
		width: 42px;
		margin: 0 5px 0 6px;
		border-top-width: 11px
	}
}

.slick-dots .slick-active>button:not([class*=trigger]):not(.slick-arrow) {
	border-top: 9px solid #fff
}

@media all and (min-width: 768px) {
	.slick-dots .slick-active>button:not([class*=trigger]):not(.slick-arrow) {
		border-top-width: 8px
	}
}

.bike-configuration__headline+#tt-teaser-widget {
	margin: 15px 0
}

body.pdp__body #tt-reviews-summary {
	padding-top: 125px;
	margin-top: -125px
}

@media all and (min-width: 769px) {
	body.pdp__body #tt-reviews-summary {
		min-width: 89vw
	}
}

@media all and (min-width: 769px) {

	body.pdp__body #tt-reviews-summary .tt-l-grid__row.tt-c-reviews-summary__grid-row:first-child,
	body.pdp__body #tt-reviews-summary .tt-c-reviews-summary__no-reivews {
		padding-right: 84px
	}
}

@media(min-width: 769px)and (max-width: 850px) {

	body.pdp__body #tt-reviews-summary .tt-l-grid__row.tt-c-reviews-summary__grid-row:first-child,
	body.pdp__body #tt-reviews-summary .tt-c-reviews-summary__no-reivews {
		width: calc(112.3% - 255px)
	}
}

@media(min-width: 851px)and (max-width: 1500px) {

	body.pdp__body #tt-reviews-summary .tt-l-grid__row.tt-c-reviews-summary__grid-row:first-child,
	body.pdp__body #tt-reviews-summary .tt-c-reviews-summary__no-reivews {
		width: 70vw
	}
}

@media(min-width: 1501px) {

	body.pdp__body #tt-reviews-summary .tt-l-grid__row.tt-c-reviews-summary__grid-row:first-child,
	body.pdp__body #tt-reviews-summary .tt-c-reviews-summary__no-reivews {
		width: calc(112.3% - 450px)
	}
}

.accordion .sortable-items {
	border-bottom: 1px solid #d9d9d9
}

.accordion .sortable-item {
	height: 0;
	overflow: hidden
}

.accordion .sortable-item.is-visible {
	border-top: 1px solid #d9d9d9;
	height: auto;
	overflow: visible
}

.accordion .trigger.item {
	display: flex;
	align-items: baseline;
	font-size: 1.4rem;
	line-height: 1.2142857143;
	padding: 16px 20px 15px 0;
	position: relative;
	text-align: left;
	width: 100%
}

@media all and (min-width: 768px) {
	.accordion .trigger.item {
		font-size: 1.8rem
	}
}

@media all and (min-width: 1200px) {
	.accordion .trigger.item {
		font-size: 2.4rem;
		padding: 25px 2px 26px 0
	}
}

.accordion .trigger.item::after {
	content: "睽?;
	font-size: 3.8rem;
	margin-left: auto;
	position: absolute;
	right: -16px;
	top: 50%;
	transform: translateY(-50%)
}

@media all and (min-width: 768px) {
	.accordion .trigger.item::after {
		content: "睽?;
		font-size: 2.4rem;
		right: 2px
	}
}

.accordion .trigger.item.is-active::after {
	transform: rotate(180deg) translateY(50%)
}

.accordion .trigger.item:hover {
	color: gray;
	transition: color .15s ease-out
}

@media all and (max-width: 1199px) {
	.accordion .trigger.item:focus {
		outline: none
	}
}

.accordion .trigger .platform {
	order: 1;
	margin-right: 8px
}

.accordion .trigger .name {
	order: 2
}

.accordion .trigger .model-year {
	order: 3
}

.accordion .trigger::after {
	order: 4
}

.accordion .platform {
	display: inline-block
}

.accordion .platform::after {
	content: " ";
	white-space: pre-wrap
}

.accordion .model-year {
	font-size: 1rem;
	opacity: .5
}

.accordion .model-year::before {
	content: " ";
	white-space: pre-wrap
}

@media all and (min-width: 768px) {

	.accordion .trigger.item,
	.accordion .panel {
		padding-left: 7px
	}
}

@media all and (min-width: 1200px) {
	.accordion .panel {
		padding-right: 9px
	}
}

.accordion .panel::before,
.accordion .panel::after {
	content: "";
	display: block
}

.accordion .panel::before {
	height: 28px
}

@media all and (min-width: 768px) {
	.accordion .panel::before {
		height: 30px
	}
}

@media all and (min-width: 1200px) {
	.accordion .panel::before {
		height: 34px
	}
}

.accordion .panel::after {
	height: 45px
}

@media all and (min-width: 768px) {
	.accordion .panel::after {
		height: 52px
	}
}

@media all and (min-width: 1200px) {
	.accordion .panel::after {
		height: 63px
	}
}

.accordion .text-content {
	padding: 0 0 18px
}

@media all and (min-width: 768px) {
	.accordion .text-content {
		padding-bottom: 30px;
		width: 74.5614035088%
	}
}

@media all and (min-width: 1200px) {
	.accordion .text-content {
		padding-bottom: 60px;
		width: 49.1525423729%
	}
}

@media all and (min-width: 768px) {
	.accordion .supplement {
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center
	}
}

.accordion .supplement table {
	border-collapse: collapse
}

@media all and (min-width: 768px) {
	.accordion .supplement table {
		margin: 0 auto 29px
	}
}

.accordion .supplement th {
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 0;
	padding: 0 20px 16px;
	white-space: nowrap
}

@media all and (min-width: 768px) {
	.accordion .supplement th {
		font-size: 2rem
	}
}

@media all and (min-width: 1200px) {
	.accordion .supplement th {
		font-size: 2.4rem;
		padding: 0 48px 26px
	}
}

@media all and (max-width: 767px) {
	.accordion .supplement th:first-child {
		padding-left: 0
	}
}

@media all and (max-width: 767px) {
	.accordion .supplement th:last-child {
		padding-right: 0
	}
}

.accordion .supplement td {
	text-align: center
}

.accordion .supplement .label,
.accordion .supplement .value {
	font-size: 1rem;
	line-height: 1.6
}

@media all and (min-width: 768px) {

	.accordion .supplement .label,
	.accordion .supplement .value {
		font-size: 1.2rem
	}
}

@media all and (min-width: 1200px) {

	.accordion .supplement .label,
	.accordion .supplement .value {
		font-size: 1.3rem
	}
}

.accordion .supplement .label {
	letter-spacing: 1px;
	opacity: .5
}

.accordion .supplement .value {
	border-bottom: 1px solid #000;
	padding: 48px 0 5px
}

@media all and (min-width: 1200px) {
	.accordion .supplement .value {
		padding-bottom: 2px
	}
}

.accordion .supplement .top .value {
	padding-top: 30px
}

.accordion .supplement .note {
	font-size: 1.4rem;
	line-height: 1.7142857143;
	text-align: center
}

@media all and (min-width: 768px)and (max-width: 1199px) {
	.accordion .supplement .note {
		max-width: 66.081871345%
	}
}

@media all and (min-width: 1200px) {
	.accordion .supplement .note {
		max-width: 40.6779661017%
	}
}

.account-link {
	font-size: 1.4rem !important
}

.privacy-link {
	color: #4f4f4f;
	font-size: 1.2rem;
	line-height: 1.8rem
}

.social-media-links {
	margin-bottom: 32px
}

#Login {
	display: flex;
	flex-direction: column
}

#Login.sign-in {
	margin: 32px auto 40px !important;
	max-width: 400px
}

#Login.sign-in p {
	font-size: 1.6rem;
	line-height: 2.4rem
}

#Login.sign-in .button,
#Login.sign-in #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta #Login.sign-in #lcly-button-buy,
#Login.sign-in .filter-product .clear-input,
.filter-product #Login.sign-in .clear-input {
	width: 100%
}

#Login.sign-in .form-login-registration {
	margin-bottom: 24px;
	padding-top: 14px
}

#Login.sign-in .sign-in__left-side {
	margin-bottom: 16px
}

#Login.sign-in .sign-in__left-side .flex-row div:nth-child(1) {
	flex-grow: 1;
	margin-right: 24px;
	width: auto
}

#Login.sign-in .sign-in__left-side .flex-row div:nth-child(2) {
	width: auto
}

#Login.sign-in .sign-in__left-side .social-media-links {
	margin-bottom: 24px
}

#Login.sign-in .sign-in__right-side {
	border-top: 1px solid #bdbdbd;
	margin-top: 0;
	padding-top: 32px
}

#Login.sign-in .headline {
	font-size: 36px;
	line-height: 48px;
	margin-bottom: 8px
}

@media(min-width: 1024px) {
	#Login.sign-in .headline {
		font-size: 40px;
		line-height: 52px
	}
}

@media(max-width: 767px) {
	#Login.sign-in .headline {
		font-size: 24px;
		line-height: 34px
	}
}

@media(max-width: 767px) {
	#Login.sign-in .sign-in__left-side .headline {
		font-size: 24px;
		line-height: 34px
	}
}

@media(min-width: 1024px) {
	#Login.sign-in {
		flex-direction: row;
		margin: 40px auto 40px !important
	}

	#Login.sign-in .button:not(.button-social),
	#Login.sign-in #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.button-social),
	#LocallyProductLocator.-enable-cta #Login.sign-in #lcly-button-buy:not(.button-social),
	#Login.sign-in .filter-product .clear-input:not(.button-social),
	.filter-product #Login.sign-in .clear-input:not(.button-social) {
		width: 189px
	}

	#Login.sign-in.two-column {
		display: flex;
		justify-content: center;
		max-width: none
	}

	#Login.sign-in .sign-in__left-side {
		margin-bottom: 0;
		margin-right: 72px;
		width: 334px
	}

	#Login.sign-in .sign-in__right-side {
		border-top: none;
		border-left: 1px solid #bdbdbd;
		padding-left: 72px;
		padding-top: 0;
		width: 406px
	}
}

#Login .sign-in__divider-h {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 24px
}

#Login .sign-in__divider-h p {
	padding: 0 10px;
	margin-bottom: 0
}

#Registration.sign-in {
	margin: 32px auto 40px
}

#Registration.sign-in .social-media-links {
	margin-bottom: 24px
}

#Registration.sign-in .button,
#Registration.sign-in #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta #Registration.sign-in #lcly-button-buy,
#Registration.sign-in .filter-product .clear-input,
.filter-product #Registration.sign-in .clear-input {
	width: 100%
}

#ALVASLoginForm {
	width: 100%;
	max-width: 422px
}

#Login-CreateAnAccount div {
	padding-bottom: 8px
}

#Login-CreateAnAccount h2 {
	font-size: 2.4rem;
	line-height: 2.9rem
}

#Login-CreateAnAccount .form-guest-checkout .button,
#Login-CreateAnAccount .form-guest-checkout #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta #Login-CreateAnAccount .form-guest-checkout #lcly-button-buy,
#Login-CreateAnAccount .form-guest-checkout .filter-product .clear-input,
.filter-product #Login-CreateAnAccount .form-guest-checkout .clear-input {
	margin-bottom: 24px
}

#ALVASGuestCheckoutForm header.has-error {
	margin-bottom: 30px
}

#ALVASGuestCheckoutForm header.has-error .form-login-registration__error {
	margin-top: 30px
}

#ALVASGuestCheckoutForm h2 {
	font-weight: 700;
	font-size: 4rem !important;
	line-height: 4.8rem !important
}

#ALVASGuestCheckoutForm a {
	color: #fff
}

#app-store-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center
}

#app-store-wrapper>img {
	width: 30%;
	max-width: 480px;
	display: block;
	margin: 10% auto 4%
}

@media all and (max-width: 960px) {
	#app-store-wrapper>img {
		width: 35%;
		margin-bottom: 6%
	}
}

@media all and (max-width: 767px) {
	#app-store-wrapper>img {
		width: 60%;
		margin-bottom: 10%
	}
}

#app-store-logos {
	display: flex;
	justify-content: center;
	width: 80%;
	max-width: 1100px
}

#app-store-logos a {
	display: inline-block;
	max-width: 300px
}

#app-store-logos a:first-child {
	margin-right: 8%
}

#app-store-logos img {
	display: block;
	width: 100%
}

@media all and (max-width: 767px) {
	#app-store-logos {
		display: block
	}

	#app-store-logos a {
		margin: auto auto
	}

	#app-store-logos a:first-child {
		margin-bottom: 30px
	}
}

#app-store-notice {
	text-align: center;
	margin: 7% auto;
	font-weight: 300;
	font-size: 2rem
}

@media all and (max-width: 767px) {
	#app-store-notice {
		font-size: 1.8rem;
		margin: 50px auto
	}
}

.archive-search {
	padding-top: 70px;
	height: 88vh;
	position: relative
}

@media all and (max-width: 767px) {
	.archive-search {
		padding-top: 50px
	}
}

.archive-search .headline {
	margin-bottom: 70px
}

@media all and (max-width: 767px) {
	.archive-search .headline {
		margin-bottom: 15px
	}
}

.archive-search .input-container {
	display: flex;
	position: relative
}

.archive-search .input-container .icon-search {
	position: absolute;
	top: 10px;
	left: 5px;
	color: gray
}

@media all and (min-width: 769px) {
	.archive-search .input-container .icon-search {
		display: none
	}
}

@media all and (max-width: 767px) {
	.archive-search .input-container .search-input {
		padding-left: 25px
	}
}

.archive-search .input-container .trigger {
	color: gray;
	display: inline-block;
	min-width: auto;
	padding: 0;
	position: absolute;
	right: 6px;
	top: 6px
}

.archive-search .input-container .trigger:hover {
	background: rgba(0, 0, 0, 0);
	color: #008a02
}

@media all and (min-width: 768px) {
	.archive-search .input-container .trigger {
		display: none
	}
}

.archive-search .btn-container {
	display: flex
}

.archive-search .button,
.archive-search #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .archive-search #lcly-button-buy,
.archive-search .filter-product .clear-input,
.filter-product .archive-search .clear-input {
	display: block;
	min-width: 100%
}

.archive-search .button.primary,
.archive-search #LocallyProductLocator.-enable-cta .primary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .archive-search .primary#lcly-button-buy,
.archive-search .filter-product .primary.clear-input,
.filter-product .archive-search .primary.clear-input {
	display: none;
	margin-right: 16px
}

@media all and (min-width: 768px) {

	.archive-search .button.primary,
	.archive-search #LocallyProductLocator.-enable-cta .primary#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .archive-search .primary#lcly-button-buy,
	.archive-search .filter-product .primary.clear-input,
	.filter-product .archive-search .primary.clear-input {
		display: block
	}
}

@media all and (max-width: 767px) {

	.archive-search .button.secondary,
	.archive-search #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .archive-search .secondary#lcly-button-buy,
	.archive-search .filter-product .secondary.clear-input,
	.filter-product .archive-search .secondary.clear-input {
		position: absolute;
		bottom: 65px
	}
}

@media all and (min-width: 768px) {
	.archive-search-expanded {
		border-top: 1px solid #d9d9d9;
		margin-top: 110px;
		padding-top: 30px
	}
}

.archive-search-expanded .title {
	color: #008a02;
	font-size: 1.3rem;
	text-transform: uppercase
}

.archive-search-expanded ul {
	padding-top: 10px
}

@media all and (min-width: 768px) {
	.archive-search-expanded ul {
		padding-top: 25px
	}
}

.archive-search-expanded ul a {
	color: gray;
	text-decoration: none
}

.archive-search-expanded ul a:hover {
	color: #008a02;
	transition: color .15s ease-out
}

.archive-search-expanded ul strong {
	color: #000;
	margin-right: 8px;
	font-weight: 400
}

.archive-search-result {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0 60px 0;
	opacity: 0
}

@media all and (max-width: 767px) {
	.archive-search-result {
		padding: 20px 0 16px 0
	}
}

.archive-search-result.fade-in {
	opacity: 1;
	transition: opacity 1s ease-in
}

.archive-search-result strong {
	background: #fff;
	color: gray;
	text-transform: uppercase
}

.archive-search-result .button,
.archive-search-result #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .archive-search-result #lcly-button-buy,
.archive-search-result .filter-product .clear-input,
.filter-product .archive-search-result .clear-input {
	display: block
}

@media all and (max-width: 767px) {

	.archive-search-result .button,
	.archive-search-result #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .archive-search-result #lcly-button-buy,
	.archive-search-result .filter-product .clear-input,
	.filter-product .archive-search-result .clear-input {
		margin: auto;
		min-width: auto;
		width: 85%;
		position: fixed;
		max-width: none;
		left: 0;
		right: 0;
		top: 85vh;
		z-index: 10
	}
}

.hero-archive-pdp.hero-pdp .tag:not(.plain),
.hero-archive-pdp.hero-pdp .options,
.hero-archive-pdp.hero-pdp .price,
.hero-archive-pdp.hero-pdp .financing,
.hero-archive-pdp.hero-pdp .add-to-cart,
.hero-archive-pdp.hero-pdp .stock {
	display: none !important
}

.hero-archive-pdp.hero-pdp .actions {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

#BikeConfiguration {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: left;
	box-sizing: border-box;
	z-index: 4;
	line-height: 1.3
}

@media all and (min-width: 769px) {
	#BikeConfiguration {
		width: 30vw;
		max-width: 450px;
		min-width: 255px;
		position: fixed;
		top: 121px;
		right: 0;
		height: calc(100% - 121px);
		border-left: 1px solid #ebebeb
	}

	.compare-toolbar-active #BikeConfiguration {
		height: calc(100% - 190px)
	}
}

#BikeConfiguration.subpanel-open::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100%;
	background: rgba(0, 0, 0, .6)
}

@media all and (max-width: 768px) {
	#BikeConfiguration.subpanel-open::before {
		position: fixed;
		z-index: 98
	}
}

.bike-configuration__close {
	top: 20px;
	left: 32px
}

.bike-configuration__inner {
	width: 100%;
	z-index: 1;
	padding: 24px;
	background: #fff
}

@media all and (min-width: 769px) {
	.bike-configuration__inner {
		height: 100%;
		overflow: auto
	}
}

@media all and (min-width: 1201px) {
	.bike-configuration__inner {
		padding-left: 30px;
		padding-right: 30px
	}
}

.bike-configuration__size {
	padding: 0 40px 40px;
	overflow: auto;
	height: 100%;
	display: flex;
	flex-direction: column
}

.bike-configuration__size-copy {
	margin-top: auto
}

.bike-configuration__size-copy h3 {
	font-weight: bold;
	font-size: 1.6rem;
	margin: 0
}

.bike-configuration__size-gear,
.bike-configuration__size-gear img {
	flex-shrink: 0;
	width: 100%
}

.bike-configuration__no-sizing {
	max-width: 300px;
	font-weight: 300;
	font-size: 24px;
	line-height: 1.5
}

.bike-configuration__headline {
	font-size: 2.5rem;
	line-height: 1.4;
	font-weight: 300;
	margin: 0 0 9px
}

.bike-configuration__headline .platform {
	display: block;
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 7px
}

@media all and (max-width: 768px) {

	.bike-configuration__headline,
	.bike-configuration__headline .platform {
		font-size: 1.9rem
	}
}

.bike-configuration__price {
	font-size: 2.3rem;
	margin: 15px 0
}

.bike-configuration__price.out-of-stock .out-of-stock-text {
	display: block;
	font-size: 2.3rem;
	font-weight: 600;
	color: #333;
	letter-spacing: 0.02em
}

.bike-configuration__price s {
	display: inline-block;
	color: #707070;
	margin-left: 8px
}

@media all and (max-width: 768px) {
	.bike-configuration__price {
		font-size: 1.9rem;
		margin-bottom: 27px
	}
	.bike-configuration__price.out-of-stock .out-of-stock-text {
		font-size: 1.9rem
	}
}

.bike-configuration__description {
	font-size: 1.4rem;
	margin-bottom: 25px
}

.bike-configuration__description strong {
	font-weight: bold
}

.bike-configuration__size-list {
	margin-top: 20px;
	margin-bottom: 30px
}

.bike-configuration__retailer-purchasing-message {
	padding: 5px 0;
	font-size: 1.2rem !important;
	margin-bottom: 0 !important
}

.bike-configuration__retailer-purchasing-message::before {
	content: " "
}

.bike-configuration__retailer-pick-up {
	padding: 25px 0 5px;
	text-align: left
}

.bike-configuration__retailer-pick-up h3 {
	font-size: 1.4rem;
	line-height: 1.5
}

.bike-configuration__retailer-pick-up div {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.bike-configuration__retailer-pick-up h3,
.bike-configuration__retailer-pick-up div {
	margin-bottom: 10px
}

.bike-configuration__retailer-pick-up p {
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .19px;
	margin: 0
}

.bike-configuration__retailer-pick-up img {
	margin-left: 10px
}

.bike-configuration__recommendation-message {
	display: none
}

.bike-configuration__recommendation-message h3 {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 4px
}

.bike-configuration__recommendation-message p {
	font-size: 1.4rem;
	line-height: 2.1rem;
	margin-bottom: 16px
}

.bike-configuration__add-to-cart {
	width: 100%;
	height: auto !important;
	background: #000 !important;
	border: 1px solid #000 !important;
	color: #fff !important;
	margin-bottom: 10px;
	text-transform: none;
	text-align: center
}

.bike-configuration__add-to-cart:hover {
	background: #fff !important;
	border-color: #000 !important;
	color: #000 !important
}

.bike-configuration__add-to-cart.disabled,
.bike-configuration__add-to-cart.disabled:hover {
	cursor: default;
	border-color: #757575 !important;
	background: #757575 !important;
	color: #fff !important
}

.bike-configuration__add-to-cart__error {
	color: #d70a0a;
	font-size: 1.2rem
}

.bike-configuration__add-to-cart__error .error-label__msg {
	max-width: 100%;
	white-space: normal
}

.bike-configuration__check-locally {
	width: 100% !important;
	max-width: 100% !important;
	height: 5rem !important;
	min-height: 5rem !important;
	background: #000 !important;
	border: 1px solid #000 !important;
	color: #fff !important;
	margin-top: 10px;
	padding: 0 1.25rem !important;
	font-size: 1.25rem !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center;
	white-space: nowrap;
	border-radius: 0.25rem !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	-webkit-tap-highlight-color: transparent !important;
	transition: all 0.2s ease !important;
	outline: none !important
}

.bike-configuration__check-locally:hover {
	background: #fff !important;
	border-color: #000 !important;
	color: #000 !important;
	transition: all .15s ease-out
}

.bike-configuration__msg-availability h3 {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 3.6rem;
	margin: 28px auto 0
}

.bike-configuration__msg-availability p {
	font-size: 1.8rem;
	line-height: 2.7rem;
	margin: 0 0 19px
}

.bike-configuration__msg-availability .button,
.bike-configuration__msg-availability #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .bike-configuration__msg-availability #lcly-button-buy,
.bike-configuration__msg-availability .filter-product .clear-input,
.filter-product .bike-configuration__msg-availability .clear-input {
	width: 100%
}

.bike-configuration__retailer-summary {
	margin-top: 20px
}

.bike-configuration__sub-panel {
	position: absolute;
	background: #fff;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
	border-right: 1px solid #e0e0e0;
	padding-top: 114px;
	text-align: left;
	display: none
}

@media all and (min-width: 769px) {
	.bike-configuration__sub-panel {
		display: block;
		width: 71vw;
		transition: all .4s;
		transform: translate(0, 0)
	}

	.bike-configuration__sub-panel.is-open {
		transform: translate(-100%, 0)
	}
}

@media all and (max-width: 768px) {
	.bike-configuration__sub-panel {
		position: fixed;
		top: 20vh;
		height: 80vh;
		border: 0 none;
		padding-top: 44px
	}

	.compare-toolbar-active .bike-configuration__sub-panel {
		height: calc(80vh - 47px)
	}

	.bike-configuration__sub-panel.is-open {
		display: block;
		z-index: 99
	}
}

.bike-configuration__sub-panel__close {
	font-family: "Space Mono", monospace;
	text-transform: uppercase;
	position: absolute;
	top: 32px;
	left: 30px;
	font-size: 1.3rem
}

@media all and (min-width: 961px) {
	.bike-configuration__sub-panel__close {
		left: 50px
	}
}

@media all and (max-width: 768px) {
	.bike-configuration__sub-panel__close {
		font-size: 0;
		right: 30px;
		left: auto;
		top: -30px;
		width: 61px;
		height: 61px;
		background: #fff;
		border: 1px solid #000
	}

	.bike-configuration__sub-panel__close::before,
	.bike-configuration__sub-panel__close::after {
		content: "";
		display: block;
		position: absolute;
		height: 26px;
		width: 1px;
		left: 30px;
		top: 16px;
		background: #000
	}

	.bike-configuration__sub-panel__close::before {
		transform: rotate(-45deg)
	}

	.bike-configuration__sub-panel__close::after {
		transform: rotate(45deg)
	}
}

.bike-configuration__sub-panel .headline {
	font-size: 2.5rem
}

.bike-configuration__size-and-geometry__panel {
	padding: 28px 30px;
	overflow: auto
}

.bike-configuration__size-and-geometry__panel p {
	font-size: 2.4rem;
	padding: 28px 0
}

.bike-configuration__size-and-geometry__panel p.small-txt {
	font-size: 14px;
	padding-top: 18px
}

@media all and (min-width: 961px) {
	.bike-configuration__size-and-geometry__panel {
		padding: 28px 50px
	}

	.bike-configuration__size-and-geometry__panel p {
		padding: 40px 0
	}

	.bike-configuration__size-and-geometry__panel p.small-txt {
		font-size: 16px
	}
}

.bike-configuration__size-and-geometry__chart,
.bike-configuration__size-and-geometry__chart li {
	margin: 0;
	padding: 0
}

.bike-configuration__size-and-geometry__chart li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
	box-sizing: content-box
}

.bike-configuration__size-and-geometry__chart li::before {
	content: none
}

.bike-configuration__size-and-geometry__chart li+li {
	border-top: 1px solid #e0e0e0
}

.bike-configuration__size-and-geometry__chart li span {
	font-size: 14px
}

@media all and (min-width: 961px) {
	.bike-configuration__size-and-geometry__chart li span {
		font-size: 16px
	}
}

.bike-configuration__tabbed-nav {
	text-align: left;
	padding: 0 30px;
	border-bottom: 1px solid #e0e0e0
}

.bike-configuration__tabbed-nav a {
	font-family: "Space Mono", monospace;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
	padding-bottom: 10px
}

.bike-configuration__tabbed-nav a.is-active {
	border-color: #008a02
}

.bike-configuration__tabbed-nav a+a {
	margin-left: 35px
}

@media all and (min-width: 961px) {
	.bike-configuration__tabbed-nav {
		padding: 0 50px
	}
}

.bike-configuration__retailers {
	padding: 0 30px 28px;
	overflow: auto;
	height: 100%
}

.bike-configuration__retailers-search {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 32px
}

.bike-configuration__retailers-search .flex-row .formField {
	align-self: flex-end;
	margin-bottom: 0
}

.bike-configuration__retailers-search #retailer-search__error {
	position: absolute;
	top: 100%;
	left: 0;
	color: #d70a0a;
	font-size: 1.2rem
}

.bike-configuration__retailers .bike-configuration__zipcode-row .formField {
	margin-bottom: 0;
	margin-right: 36px
}

.bike-configuration__retailers .bike-configuration__checkbox-row {
	margin-top: 32px
}

@media all and (min-width: 769px) {
	.bike-configuration__retailers-search {
		flex-wrap: nowrap
	}

	.bike-configuration__retailers-search .bike-configuration__zipcode-row {
		width: 66%
	}

	.bike-configuration__retailers-search .bike-configuration__checkbox-row {
		width: 33%
	}

	.bike-configuration__retailers-search .bike-configuration__checkbox-row .formField {
		text-align: right !important
	}
}

.bike-configuration__retailers-list {
	padding: 0
}

.bike-configuration__retailers-list__item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 10px !important;
	padding: 10px;
	border: 1px solid #efefef
}

.bike-configuration__retailers-list__item::before {
	display: none
}

.bike-configuration__retailers-list__item h3 {
	color: #000;
	font-size: 1.2rem !important;
	margin: 0 0 4px
}

.bike-configuration__retailers-list__item p {
	color: #757575;
	font-size: 1.2rem;
	padding: 0;
	margin: 0
}

.bike-configuration__retailers-list__item-details__distance {
	margin-bottom: 10px !important
}

.bike-configuration__retailers-list__item-inventory-status {
	text-align: right;
	max-width: 50%;
	margin: 0 0 0 10px
}

.bike-configuration__retailers-list__item-inventory-status h4 {
	margin: 0 0 4px;
	font-size: 1.4rem
}

.bike-configuration__retailers-list__item-inventory-status p {
	max-width: 180px;
	color: #000
}

@media all and (min-width: 961px) {
	.bike-configuration__retailers {
		padding: 28px 50px
	}

	.bike-configuration__retailers-list__item h3 {
		font-size: 1.8rem !important
	}

	.bike-configuration__retailers-list__item p {
		color: #000
	}

	.bike-configuration__retailers-list__item-details__distance {
		font-size: 1rem !important
	}

	.bike-configuration__retailers-list__item-inventory-status h4 {
		margin: 0 0 10px
	}
}

.size-calculator {
	justify-content: flex-start
}

.size-calculator .flex-row,
.size-calculator .formField {
	width: auto
}

.size-calculator .formField {
	display: flex;
	align-items: center;
	margin-bottom: 0
}

.size-calculator .formField[data-unit-val]::after {
	content: attr(data-unit-val);
	display: block;
	margin-left: 15px
}

.size-calculator .select-wrap {
	position: relative
}

.size-calculator .select-wrap::before {
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	z-index: -1
}

.size-calculator select {
	padding: 5px 30px 5px 1px;
	background: rgba(0, 0, 0, 0)
}

.size-calculator__wrapper {
	display: block
}

@media all and (min-width: 769px) {
	.size-calculator__wrapper {
		display: flex
	}
}

.size-calculator__interface {
	width: 100%
}

.size-calculator__interface p {
	font-size: 2.4rem
}

@media all and (min-width: 769px) {
	.size-calculator__interface {
		max-width: 380px;
		margin-right: 45px
	}
}

.size-calculator__field-spacing {
	margin-left: 34px
}

@media all and (max-width: 767px) {
	.size-calculator__field-spacing {
		margin-left: 20px
	}
}

.size-calculator__results {
	width: 100%;
	font-size: 2.4rem
}

.size-calculator__results,
.size-calculator__results+p {
	margin-bottom: 0;
	padding-bottom: 0
}

.size-calculator__results em {
	font-style: normal
}

.size-calculator__rich-text p {
	font-size: 1.4rem
}

.size-calculator__rich-text p+p {
	padding-top: 0
}

.size-calculator input[type=number] {
	width: 70px;
	padding: 5px 0 5px 13px
}

.sizing-fit {
	margin: 50px 0 40px;
	width: 100%;
	padding-left: 0
}

.sizing-fit li {
	border-bottom: 1px solid #000;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 50px
}

.size-label {
	display: inline-block;
	font-size: 1.6rem;
	width: 43px
}

.size-s .size-label {
	margin-right: 0
}

.size-m .size-label {
	margin-right: 5.2%
}

.size-l .size-label {
	margin-right: 10.4%
}

.size-xl .size-label {
	margin-right: 15.6%
}

.size-xxl .size-label {
	margin-right: 20.8%
}

@media all and (min-width: 768px) {
	.size-s .size-label {
		margin-right: 0
	}

	.size-m .size-label {
		margin-right: 8%
	}

	.size-l .size-label {
		margin-right: 16%
	}

	.size-xl .size-label {
		margin-right: 24%
	}

	.size-xxl .size-label {
		margin-right: 32%
	}
}

@media all and (min-width: 960px) {
	.size-s .size-label {
		margin-right: 0
	}

	.size-m .size-label {
		margin-right: 10%
	}

	.size-l .size-label {
		margin-right: 20%
	}

	.size-xl .size-label {
		margin-right: 30%
	}

	.size-xxl .size-label {
		margin-right: 40%
	}
}

.fit-low,
.fit-high {
	font-size: 1rem
}

.sizing-measurements {
	border-collapse: collapse;
	font-size: 1rem;
	font-weight: 400;
	padding: 0;
	text-align: center;
	width: 100%
}

@media all and (min-width: 768px) {
	.sizing-measurements {
		font-size: 1.3rem
	}
}

@media all and (min-width: 1200px) {
	.sizing-measurements {
		font-size: 1.3rem
	}
}

.sizing-measurements th {
	font-weight: 400;
	width: 130px
}

.sizing-measurements td {
	border-bottom: 1px solid #000;
	padding: 30px 15px 2px;
	vertical-align: bottom;
	white-space: nowrap
}

.sizing-measurements td:first-child {
	padding-left: 0;
	text-align: left
}

.sizing-measurements .label {
	font-family: "favorit", Helvetica, sans-serif;
	font-size: 1.75rem;
	letter-spacing: 0;
	text-transform: none
}

.imperial,
.metric {
	text-transform: none;
	white-space: nowrap
}

.metric {
	display: none
}

[data-togglestring=metric-units] .metric {
	display: block
}

[data-togglestring=metric-units] .imperial {
	display: none
}

.sizing-chart-slider {
	display: block;
	position: relative;
	width: 100%;
	height: 20px;
	margin: 0 50px
}

.sizing-chart-slider-bar {
	transition: all .8s ease-out;
	position: absolute;
	left: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 20px
}

.sizing-chart-slider-bar>span,
.sizing-chart-slider-bar>div {
	display: block;
	height: 100%
}

.sizing-chart-slider-bar .fit-low,
.sizing-chart-slider-bar .fit-high {
	position: absolute;
	line-height: 20px
}

.sizing-chart-slider-bar .fit-low {
	right: calc(100% + 6px)
}

.sizing-chart-slider-bar .fit-high {
	left: calc(100% + 8px)
}

.sizing-chart-green-line {
	width: 0;
	flex-grow: 1;
	margin: 0;
	height: 9px !important;
	border-right: 2px solid #41c751;
	border-left: 2px solid #41c751
}

.sizing-chart-green-line::after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	position: relative;
	top: 50%;
	margin-top: -1px;
	border: 1px solid #41c751
}

#AddToCartPrice {
	white-space: pre;
	display: none
}

#ShippingRestrictions p {
	font-size: 1.3rem
}

.shipping-restriction-note__width-lg.modalOpen .modalOuter {
	max-width: 787px
}

.shipping-restriction-note__width-lg.modalOpen .modalOuter .closeModal {
	background-color: #fff
}

.shipping-restriction-note__width-lg.modalOpen .modalOuter .closeModal::before {
	color: #000
}

.shipping-restriction-note__info-modal-content {
	margin-top: 50px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 27px
}

.shipping-restriction-note__info-modal-content h2 {
	font-size: 60px;
	line-height: 70px;
	font-weight: 700;
	margin-bottom: 0
}

.shipping-restriction-note__info-modal-content p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 0
}

@media all and (max-width: 768px) {
	.shipping-restriction-note {
		gap: 18px
	}

	.shipping-restriction-note__width-lg.modalOpen .modalOuter {
		max-width: 100%;
		height: auto;
		position: absolute;
		top: 155px;
		margin: 0 25px;
		width: calc(100% - 50px)
	}

	.shipping-restriction-note__info-modal-content h2 {
		font-size: 40px;
		line-height: 48px
	}

	.shipping-restriction-note__info-modal-content p+p {
		margin-top: 24px
	}
}

@media all and (min-width: 800px) {
	.bikefinder {
		padding-bottom: 65px
	}
}

.bikefinder__intro {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 120px);
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 2
}

.bikefinder__intro-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 880px;
	margin: auto
}

.bikefinder__intro__outro {
	display: block;
	text-align: center
}

.bikefinder__intro-headline {
	width: 100%;
	max-width: 690px;
	font-size: 6rem;
	line-height: 1.3;
	margin-top: auto
}

.bikefinder__intro-copy {
	font-size: 3.4rem;
	font-weight: 300;
	line-height: 1.3;
	margin: 25px auto 130px
}

.bikefinder__intro-start-button {
	margin-bottom: auto
}

@media all and (max-width: 1440px) {
	.bikefinder__intro-inner {
		max-width: 700px
	}

	.bikefinder__intro-headline {
		font-size: 5rem;
		max-width: 560px
	}

	.bikefinder__intro-copy {
		font-size: 2.7rem;
		margin: 15px auto 115px
	}
}

@media all and (max-width: 1280px) {
	.bikefinder__intro-inner {
		max-width: 540px
	}

	.bikefinder__intro-headline {
		font-size: 4rem;
		max-width: 460px
	}

	.bikefinder__intro-copy {
		font-size: 2.1rem
	}
}

@media all and (max-width: 1024px) {
	.bikefinder__intro-inner {
		max-width: none
	}

	.bikefinder__intro-headline {
		font-size: 4.2rem;
		max-width: none
	}

	.bikefinder__intro-copy {
		font-size: 2.7rem
	}
}

@media all and (max-width: 800px) {
	.bikefinder__intro-inner {
		width: 86vw
	}

	.bikefinder__intro-headline {
		font-size: 4rem
	}

	.bikefinder__intro-copy {
		font-size: 1.6rem;
		line-height: 2;
		margin-bottom: 100px;
		width: 72vw
	}

	.bikefinder__intro-start-button {
		min-width: 213px;
		height: 40px;
		line-height: 40px
	}
}

@media all and (max-width: 799px) {
	.bikefinder .filter-and-sort__products {
		padding-left: 10px;
		padding-right: 10px
	}
}

.bikefinder .filter-and-sort__status-and-sort {
	transition: top 250ms ease
}

@media(min-width: 1024px) {
	.bikefinder .filter-and-sort__status-and-sort {
		top: 0 !important
	}
}

.BikeFinder-progress-bar::after {
	background-image: linear-gradient(to left, #BFBFFF, #6060FF) !important
}

.BikeFinder-progress-bar.green-bar {
	background: #7fe39c !important
}

.BikeFinder-questions__answer.-selected .BikeFinder-questions__answer-img {
	box-shadow: inset 0 0 0 5px #6060ff !important
}

#BikeFinderContainer {
	opacity: 0;
	transition: opacity .4s
}

@media all and (max-width: 799px) {
	.BikeFinder-status {
		top: 88px !important;
		border-bottom: 1px solid #e0e0e0 !important
	}

	.-fs-has-results .-results-view .BikeFinder-status {
		background: rgba(0, 0, 0, 0) !important;
		z-index: 5
	}

	.-results-view .BikeFinder-status {
		display: none
	}
}

@media(min-width: 768px)and (max-width: 799px) {
	.BikeFinder-status {
		top: 122px !important
	}
}

@media all and (max-width: 799px) {
	.-results-view .BikeFinder-questions {
		margin-top: 70px
	}
}

.bike-finder {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	min-height: 79.6vh;
	padding-top: 33px;
	text-align: center
}

@media all and (min-width: 768px) {
	.bike-finder {
		min-height: 76vh;
		padding-top: 50px
	}
}

.bike-finder .introduction .headline {
	font-size: 4.8rem;
	line-height: 1.1666666667;
	margin-bottom: 38px
}

@media all and (min-width: 768px) {
	.bike-finder .introduction .headline {
		font-size: 6rem;
		line-height: 1.1;
		margin-bottom: 30px
	}
}

.bike-finder .button,
.bike-finder #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .bike-finder #lcly-button-buy,
.bike-finder .filter-product .clear-input,
.filter-product .bike-finder .clear-input {
	margin: 0 auto
}

.bike-finder .button-container {
	width: 100%;
	transition: all .5s;
	opacity: 1;
	visibility: visible
}

.bike-finder .button-container.inactive-button-container {
	opacity: 0;
	visibility: hidden
}

.bike-finder .sub-headline {
	font-family: "favorit", Helvetica, sans-serif;
	font-size: 1.7rem;
	line-height: 1.75;
	text-transform: none
}

@media all and (min-width: 768px) {
	.bike-finder .sub-headline {
		font-size: 2.4rem;
		line-height: 1.2083333333;
		margin-bottom: 6px
	}
}

.bike-finder [type=checkbox]:checked+label svg .st0,
.bike-finder [type=checkbox]:checked+label svg .st1 {
	stroke: #008a02
}

.bike-finder-icon-container {
	cursor: pointer;
	display: inline-block;
	margin: 0 0 29px;
	width: 126px
}

@media all and (min-width: 768px) {
	.bike-finder-icon-container {
		margin: 0;
		padding: 0;
		width: 124px
	}
}

@media all and (min-width: 960px) {
	.bike-finder-icon-container {
		display: flex;
		flex-direction: column
	}
}

.bike-finder-icon-container.selected,
.bike-finder-icon-container:hover,
.bike-finder-icon-container:active {
	color: #008a02
}

.bike-finder-icon-container.selected img,
.bike-finder-icon-container:hover img,
.bike-finder-icon-container:active img {
	border: Solid 1px #008a02
}

.bike-finder-icon-container.selected svg .st0,
.bike-finder-icon-container.selected svg .st1,
.bike-finder-icon-container:hover svg .st0,
.bike-finder-icon-container:hover svg .st1,
.bike-finder-icon-container:active svg .st0,
.bike-finder-icon-container:active svg .st1 {
	stroke: #008a02
}

.bike-finder-icon-container [type=radio]+label {
	font-size: 1.4rem;
	padding: 0
}

@media all and (min-width: 768px) {
	.bike-finder-icon-container [type=radio]+label {
		font-size: 1.6rem
	}
}

.bike-finder-icon-container [type=radio]:checked+label {
	background: rgba(0, 0, 0, 0);
	color: #008a02
}

.bike-finder-icon-container [type=radio]:checked+label svg .st0,
.bike-finder-icon-container [type=radio]:checked+label svg .st1 {
	stroke: #008a02
}

.bike-finder-icon-container svg {
	display: block;
	fill: #000;
	margin: 0 0 7px;
	max-width: none;
	width: 126px
}

@media all and (min-width: 768px) {
	.bike-finder-icon-container svg {
		margin-bottom: 29px;
		width: 124px
	}
}

.bike-finder-icon-container svg .st0,
.bike-finder-icon-container svg .st1 {
	fill: none;
	stroke: #000;
	stroke-width: 2
}

.bike-finder-icon-container svg .st1 {
	stroke-dasharray: 6, 8
}

.bike-finder-question {
	min-height: 19.05vh
}

@media all and (min-width: 768px) {
	.bike-finder-question {
		min-height: 21.6vh
	}
}

@media all and (min-width: 960px) {
	.bike-finder-question {
		min-height: 23.4vh
	}
}

.bike-finder-question .question {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.3333333333;
	margin: 0
}

@media all and (min-width: 768px) {
	.bike-finder-question .question {
		font-size: 4rem
	}
}

.bike-finder-question .question strong {
	display: block;
	font-size: 1rem;
	font-weight: 400;
	margin: 0 0 10px
}

@media all and (min-width: 768px) {
	.bike-finder-question .question strong {
		font-size: 1.3rem;
		margin-bottom: 6px
	}
}

.bike-finder-choices {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 850px;
	width: 100%
}

.bike-finder-range {
	max-width: 920px;
	min-height: 44vh;
	padding-top: 16vh
}

@media all and (min-width: 768px) {
	.bike-finder-range {
		min-height: 30vh;
		padding-top: 13vh
	}
}

@media all and (min-width: 960px) {
	.bike-finder-range {
		min-height: 18.75vh;
		padding-top: 7.3vh
	}
}

.bike-finder-tag-wrapper {
	margin-bottom: 20px;
	text-align: left;
	margin: 0 auto;
	cursor: pointer
}

@media all and (max-width: 767px) {
	.bike-finder-tag-wrapper {
		margin-left: -20px;
		margin-right: -20px;
		text-align: center
	}
}

@media all and (min-width: 768px) {
	.bike-finder-tag-wrapper {
		text-align: center
	}
}

.bike-finder-tag-wrapper span[data-action="select tag"],
.bike-finder-tag-wrapper .bike-finder-tag {
	font-size: 1.3rem;
	border: 1px solid #222;
	border-radius: 30px;
	color: #000;
	display: inline-block;
	margin: 0 4px 16px 0;
	padding: 0 30px;
	line-height: 64px;
	text-transform: uppercase
}

@media all and (max-width: 959px) {

	.bike-finder-tag-wrapper span[data-action="select tag"],
	.bike-finder-tag-wrapper .bike-finder-tag {
		padding: 0 10px;
		line-height: 35px;
		margin: 0 6px 10px 0
	}
}

@media all and (min-width: 768px) {

	.bike-finder-tag-wrapper span[data-action="select tag"],
	.bike-finder-tag-wrapper .bike-finder-tag {
		margin: 0 12px 16px 0
	}
}

.bike-finder-tag-wrapper span[data-action="select tag"] {
	transition: all .25s
}

.bike-finder-tag-wrapper span[data-action="select tag"]:hover,
.bike-finder-tag-wrapper span[data-action="select tag"].selected {
	color: #fff;
	background-color: #000
}

.bike-finder-tag-wrapper span[data-action="select tag"].invalid {
	display: none
}

.bike-finder-tag-wrapper span[data-action="select tag"] label {
	margin: 0;
	padding: 0
}

.bike-finder-tag-wrapper span[data-action="select tag"] label::before,
.bike-finder-tag-wrapper span[data-action="select tag"] label::after {
	display: none
}

.bike-finder-final {
	padding: 20px 0
}

.bike-finder-final+.product-grid+.button-container {
	padding-top: 0
}

.hero-bike-finder {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
	padding: 210px 0 0;
	margin-top: -60px
}

@media all and (max-width: 959px) {
	.hero-bike-finder {
		padding-top: 137px
	}
}

@media all and (max-width: 767px) {
	.hero-bike-finder {
		padding-top: 78px
	}
}

@media all and (min-width: 768px) {
	.hero-bike-finder {
		margin-top: -85px
	}
}

@media all and (min-width: 1200px) {
	.hero-bike-finder {
		text-align: center
	}
}

.hero-bike-finder .headline {
	color: #000;
	font-weight: 400;
	font-size: 1.7rem;
	position: relative;
	z-index: 2;
	text-align: center
}

@media all and (min-width: 768px) {
	.hero-bike-finder .headline {
		font-size: 3rem
	}
}

@media all and (min-width: 960px) {
	.hero-bike-finder .headline {
		font-size: 3.4rem
	}
}

@media all and (min-width: 1200px) {
	.hero-bike-finder .headline {
		font-size: 4rem
	}
}

.hero-bike-finder .headline strong {
	display: block;
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 1.1666666667;
	margin: 0 0 -6px;
	position: relative;
	top: -3px
}

@media all and (min-width: 768px) {
	.hero-bike-finder .headline strong {
		font-size: 8rem;
		margin-bottom: -13px;
		top: -6px
	}
}

@media all and (min-width: 960px) {
	.hero-bike-finder .headline strong {
		font-size: 10rem
	}
}

@media all and (min-width: 1200px) {
	.hero-bike-finder .headline strong {
		font-size: 12rem;
		margin-bottom: -21px;
		top: -11px
	}
}

.hero-bike-finder[data-color=light] {
	color: #fff
}

.hero-bike-finder[data-color=light] .headline {
	color: #fff
}

.hero-bike-finder[data-color=light] .button,
.hero-bike-finder[data-color=light] #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .hero-bike-finder[data-color=light] #lcly-button-buy,
.hero-bike-finder[data-color=light] .filter-product .clear-input,
.filter-product .hero-bike-finder[data-color=light] .clear-input {
	border-color: #fff
}

.hero-bike-finder[data-color=light] .button.secondary,
.hero-bike-finder[data-color=light] #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .hero-bike-finder[data-color=light] .secondary#lcly-button-buy,
.hero-bike-finder[data-color=light] .filter-product .secondary.clear-input,
.filter-product .hero-bike-finder[data-color=light] .secondary.clear-input {
	color: #fff
}

.hero-bike-finder[data-type=image] {
	background-position: 50% 50%;
	background-size: cover
}

.hero-bike-finder[data-type=image] .image {
	display: none
}

.billboard-centered {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh;
	overflow: hidden;
	padding: 0 20px;
	position: relative;
	background-image: var(--background);
	background-size: cover;
	background-position: center center
}

@media all and (min-width: 768px) {
	.billboard-centered {
		min-height: 56.03vw;
		padding: 0 42px
	}

	.billboard-centered[data-video] {
		min-height: 55vw
	}
}

@media all and (min-width: 1200px) {
	.billboard-centered {
		padding: 74px 0 86px
	}
}

@media all and (max-width: 1199px) {
	.billboard-centered {
		background-image: var(--background-tablet)
	}
}

@media all and (max-width: 767px) {
	.billboard-centered {
		min-height: 100vh;
		background-image: var(--background-mobile)
	}
}

.billboard-centered:first-child {
	margin-top: 29px
}

@media all and (min-width: 768px) {
	.billboard-centered:first-child {
		margin-top: 36px
	}
}

@media all and (min-width: 1200px) {
	.billboard-centered:first-child {
		text-align: center
	}
}

.billboard-centered .image {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.billboard-centered .image img {
	width: 100%
}

.billboard-centered .image .mobile-image {
	display: none;
	position: relative
}

.billboard-centered .image .mobile-image img {
	width: 100%
}

@media all and (max-width: 767px) {
	.billboard-centered .image .mobile-image {
		display: block
	}
}

.billboard-centered .headline {
	display: block;
	margin: 0;
	position: relative;
	top: 3px;
	z-index: 2;
	text-align: center
}

@media all and (max-width: 767px) {
	.billboard-centered .headline {
		margin-top: 100px
	}
}

.billboard-centered .headline h1,
.billboard-centered .headline h2,
.billboard-centered .headline h3,
.billboard-centered .headline h4,
.billboard-centered .headline h5 {
	font-size: 6.5rem;
	font-weight: 700;
	line-height: 1.1666666667
}

.billboard-centered .headline h1 span,
.billboard-centered .headline h2 span,
.billboard-centered .headline h3 span,
.billboard-centered .headline h4 span,
.billboard-centered .headline h5 span {
	white-space: pre-line
}

.billboard-centered .headline h1 .preheadline,
.billboard-centered .headline h2 .preheadline,
.billboard-centered .headline h3 .preheadline,
.billboard-centered .headline h4 .preheadline,
.billboard-centered .headline h5 .preheadline {
	font-size: 1.4rem;
	line-height: 1.4rem
}

.billboard-centered .headline h1 img,
.billboard-centered .headline h2 img,
.billboard-centered .headline h3 img,
.billboard-centered .headline h4 img,
.billboard-centered .headline h5 img {
	margin-bottom: 68px;
	margin-top: 45px;
	max-height: 60px
}

@media(min-width: 767px) {

	.billboard-centered .headline h1 img,
	.billboard-centered .headline h2 img,
	.billboard-centered .headline h3 img,
	.billboard-centered .headline h4 img,
	.billboard-centered .headline h5 img {
		max-height: 90px;
		margin-bottom: 60px;
		margin-top: 50px
	}
}

@media all and (min-width: 768px) {

	.billboard-centered .headline h1,
	.billboard-centered .headline h2,
	.billboard-centered .headline h3,
	.billboard-centered .headline h4,
	.billboard-centered .headline h5 {
		margin-bottom: 10px
	}
}

@media all and (min-width: 960px) {

	.billboard-centered .headline h1,
	.billboard-centered .headline h2,
	.billboard-centered .headline h3,
	.billboard-centered .headline h4,
	.billboard-centered .headline h5 {
		font-size: 10rem;
		margin-bottom: 10px
	}
}

@media all and (min-width: 1200px) {

	.billboard-centered .headline h1,
	.billboard-centered .headline h2,
	.billboard-centered .headline h3,
	.billboard-centered .headline h4,
	.billboard-centered .headline h5 {
		font-size: 12rem;
		margin-bottom: 0;
		top: 10px
	}
}

.billboard-centered .headline.small {
	margin-bottom: 30px
}

@media all and (min-width: 960px) {

	.billboard-centered .headline.small h1,
	.billboard-centered .headline.small h2,
	.billboard-centered .headline.small h3,
	.billboard-centered .headline.small h4,
	.billboard-centered .headline.small h5 {
		font-size: 6rem;
		margin-bottom: 10px
	}
}

@media all and (min-width: 1200px) {

	.billboard-centered .headline.small h1,
	.billboard-centered .headline.small h2,
	.billboard-centered .headline.small h3,
	.billboard-centered .headline.small h4,
	.billboard-centered .headline.small h5 {
		font-size: 8rem;
		margin-bottom: 0;
		top: 10px
	}
}

@media all and (max-width: 767px) {
	.billboard-centered .headline.small {
		font-size: 6rem;
		line-height: 6rem
	}
}

.billboard-centered .headline.large {
	margin-bottom: 60px
}

@media all and (min-width: 960px) {

	.billboard-centered .headline.large h1,
	.billboard-centered .headline.large h2,
	.billboard-centered .headline.large h3,
	.billboard-centered .headline.large h4,
	.billboard-centered .headline.large h5 {
		font-size: 12rem;
		margin-bottom: 10px
	}
}

@media all and (min-width: 1200px) {

	.billboard-centered .headline.large h1,
	.billboard-centered .headline.large h2,
	.billboard-centered .headline.large h3,
	.billboard-centered .headline.large h4,
	.billboard-centered .headline.large h5 {
		font-size: 16rem;
		margin-bottom: 0;
		top: 10px
	}
}

@media all and (max-width: 767px) {
	.billboard-centered .headline.large {
		font-size: 10rem;
		line-height: 10rem
	}
}

.billboard-centered .headline .rotated.label {
	position: absolute;
	font-size: 1rem;
	bottom: 14px;
	left: -8px;
	font-family: "Space Mono", monospace;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	text-align: left
}

@media all and (min-width: 768px) {
	.billboard-centered .headline .rotated.label {
		bottom: 23px
	}
}

@media all and (min-width: 960px) {
	.billboard-centered .headline .rotated.label {
		font-size: 1.1em;
		bottom: 31px
	}
}

@media all and (min-width: 1200px) {
	.billboard-centered .headline .rotated.label {
		bottom: 25px
	}
}

.billboard-centered .headline .preheadline {
	display: block;
	color: #000;
	font-size: 1.4rem;
	margin: 0 0 8px
}

@media all and (min-width: 768px) {
	.billboard-centered .headline .preheadline {
		margin-bottom: 9px
	}
}

.billboard-centered .button-container {
	flex-wrap: wrap
}

@media all and (max-width: 767px) {
	.billboard-centered .button-container {
		margin-bottom: 30px
	}
}

.billboard-centered .button-container a.button,
.billboard-centered .button-container #LocallyProductLocator.-enable-cta a#lcly-button-buy,
#LocallyProductLocator.-enable-cta .billboard-centered .button-container a#lcly-button-buy,
.billboard-centered .button-container .filter-product a.clear-input,
.filter-product .billboard-centered .button-container a.clear-input {
	margin: 10px
}

@media all and (max-width: 767px) {

	.billboard-centered .button-container a.button,
	.billboard-centered .button-container #LocallyProductLocator.-enable-cta a#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard-centered .button-container a#lcly-button-buy,
	.billboard-centered .button-container .filter-product a.clear-input,
	.filter-product .billboard-centered .button-container a.clear-input {
		min-width: 70%;
		width: 70%;
		display: block;
		position: relative;
		left: 0
	}
}

.billboard-centered a.button,
.billboard-centered #LocallyProductLocator.-enable-cta a#lcly-button-buy,
#LocallyProductLocator.-enable-cta .billboard-centered a#lcly-button-buy,
.billboard-centered .filter-product a.clear-input,
.filter-product .billboard-centered a.clear-input {
	margin: 10px
}

@media all and (min-width: 768px) {

	.billboard-centered a.button,
	.billboard-centered #LocallyProductLocator.-enable-cta a#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard-centered a#lcly-button-buy,
	.billboard-centered .filter-product a.clear-input,
	.filter-product .billboard-centered a.clear-input {
		margin-bottom: 9px
	}
}

.billboard-centered .subheadline {
	width: 40%;
	margin: 0 auto;
	margin-bottom: 20px;
	color: #fff;
	z-index: 2;
	padding-top: 30px
}

@media all and (max-width: 767px) {
	.billboard-centered .subheadline {
		padding-top: 10px
	}
}

@media all and (max-width: 959px) {
	.billboard-centered .subheadline {
		width: 60%
	}
}

.billboard-centered .subheadline p {
	font-weight: 400;
	text-align: center;
	font-size: 1.6rem
}

@media all and (min-width: 960px) {
	.billboard-centered .subheadline p {
		font-size: 2rem;
		line-height: 1.6
	}
}

.billboard-centered .subheadline p span {
	white-space: pre-line
}

.billboard-centered .subheadline.small p {
	font-size: 1.2rem
}

@media all and (max-width: 767px) {
	.billboard-centered .subheadline.small {
		font-size: 1rem
	}
}

.billboard-centered .subheadline.large p {
	font-size: 2rem
}

@media all and (max-width: 767px) {
	.billboard-centered .subheadline.large p {
		font-size: 1.8rem
	}
}

.billboard-centered .button-container {
	padding-top: 0
}

.billboard-centered .diptych {
	display: flex;
	flex-direction: column;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%
}

@media all and (min-width: 768px) {
	.billboard-centered .diptych {
		flex-direction: row;
		justify-content: space-between;
		height: 100%
	}
}

.billboard-centered .column {
	height: 50%;
	overflow: hidden;
	position: relative;
	width: 100%
}

@media all and (max-width: 767px) {
	.billboard-centered .column {
		order: 1
	}
}

@media all and (min-width: 768px) {
	.billboard-centered .column {
		height: 100%;
		width: 50%
	}
}

@media all and (max-width: 767px) {
	.billboard-centered .column:first-child {
		order: 2
	}
}

.billboard-centered .background {
	background-position: 50% 0;
	background-size: cover;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%
}

.billboard-centered picture {
	display: none
}

.billboard-centered .button,
.billboard-centered #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .billboard-centered #lcly-button-buy,
.billboard-centered .filter-product .clear-input,
.filter-product .billboard-centered .clear-input {
	position: relative;
	z-index: 2
}

@media all and (max-width: 767px) {

	.billboard-centered .button,
	.billboard-centered #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard-centered #lcly-button-buy,
	.billboard-centered .filter-product .clear-input,
	.filter-product .billboard-centered .clear-input {
		width: calc(100% - 40px);
		position: absolute;
		bottom: 20px;
		left: 20px
	}
}

.billboard-centered[data-color=light] {
	background-color: gray;
	color: #fff
}

.billboard-centered[data-color=light] .headline,
.billboard-centered[data-color=light] .preheadline,
.billboard-centered[data-color=light] h1,
.billboard-centered[data-color=light] h2,
.billboard-centered[data-color=light] h3,
.billboard-centered[data-color=light] h4,
.billboard-centered[data-color=light] h5 {
	color: #fff
}

.billboard-centered[data-color=light] .headline strong,
.billboard-centered[data-color=light] .preheadline strong,
.billboard-centered[data-color=light] h1 strong,
.billboard-centered[data-color=light] h2 strong,
.billboard-centered[data-color=light] h3 strong,
.billboard-centered[data-color=light] h4 strong,
.billboard-centered[data-color=light] h5 strong {
	color: #fff
}

.billboard-centered[data-color=light] .button.secondary,
.billboard-centered[data-color=light] #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .billboard-centered[data-color=light] .secondary#lcly-button-buy,
.billboard-centered[data-color=light] .filter-product .secondary.clear-input,
.filter-product .billboard-centered[data-color=light] .secondary.clear-input {
	color: #fff;
	border-color: #fff
}

.billboard-centered[data-color=light] .button.secondary:hover,
.billboard-centered[data-color=light] #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .billboard-centered[data-color=light] .secondary#lcly-button-buy:hover,
.billboard-centered[data-color=light] .filter-product .secondary.clear-input:hover,
.filter-product .billboard-centered[data-color=light] .secondary.clear-input:hover {
	color: #000
}

.billboard-centered .billboard-centered-lower {
	margin: 0 auto;
	width: 100%;
	max-width: 1100px;
	position: relative;
	z-index: 2
}

.billboard-centered.left .billboard-centered-lower .subheadline {
	margin: 0;
	width: 25%
}

@media all and (max-width: 959px) {
	.billboard-centered.left .billboard-centered-lower .subheadline {
		width: 60%
	}
}

.billboard-centered.left .billboard-centered-lower .subheadline p {
	text-align: left
}

@media all and (min-width: 960px) {
	.billboard-centered.left .billboard-centered-lower .button-container {
		display: block
	}
}

@media all and (min-width: 960px) {

	.billboard-centered.left .billboard-centered-lower .button,
	.billboard-centered.left .billboard-centered-lower #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard-centered.left .billboard-centered-lower #lcly-button-buy,
	.billboard-centered.left .billboard-centered-lower .filter-product .clear-input,
	.filter-product .billboard-centered.left .billboard-centered-lower .clear-input {
		width: 215px;
		margin: 0;
		display: block
	}

	.billboard-centered.left .billboard-centered-lower .button+.button,
	.billboard-centered.left .billboard-centered-lower #LocallyProductLocator.-enable-cta #lcly-button-buy+.button,
	#LocallyProductLocator.-enable-cta .billboard-centered.left .billboard-centered-lower #lcly-button-buy+.button,
	.billboard-centered.left .billboard-centered-lower #LocallyProductLocator.-enable-cta .button+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard-centered.left .billboard-centered-lower .button+#lcly-button-buy,
	.billboard-centered.left .billboard-centered-lower #LocallyProductLocator.-enable-cta #lcly-button-buy+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard-centered.left .billboard-centered-lower #lcly-button-buy+#lcly-button-buy,
	.billboard-centered.left .billboard-centered-lower .filter-product .clear-input+.button,
	.billboard-centered.left .billboard-centered-lower .filter-product #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard-centered.left .billboard-centered-lower .filter-product .clear-input+#lcly-button-buy,
	.filter-product .billboard-centered.left .billboard-centered-lower .clear-input+.button,
	.filter-product .billboard-centered.left .billboard-centered-lower #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .filter-product .billboard-centered.left .billboard-centered-lower .clear-input+#lcly-button-buy,
	.billboard-centered.left .billboard-centered-lower .filter-product .button+.clear-input,
	.billboard-centered.left .billboard-centered-lower .filter-product #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .billboard-centered.left .billboard-centered-lower .filter-product #lcly-button-buy+.clear-input,
	.filter-product .billboard-centered.left .billboard-centered-lower .button+.clear-input,
	.filter-product .billboard-centered.left .billboard-centered-lower #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .filter-product .billboard-centered.left .billboard-centered-lower #lcly-button-buy+.clear-input,
	.billboard-centered.left .billboard-centered-lower .filter-product .clear-input+.clear-input,
	.filter-product .billboard-centered.left .billboard-centered-lower .clear-input+.clear-input {
		margin-top: 12px
	}
}

.billboard {
	background-color: rgba(0, 0, 0, .5);
	overflow: hidden;
	padding: 71px 20px 0;
	position: relative
}

@media all and (min-width: 768px) {
	.billboard {
		padding: 92px 87px 0
	}
}

@media all and (min-width: 1200px) {
	.billboard {
		padding: 74px 0 0;
		text-align: center
	}
}

.billboard:first-of-type {
	margin-top: -60px;
	padding-top: 131px
}

@media all and (min-width: 768px) {
	.billboard:first-of-type {
		margin-top: -85px;
		padding-top: 177px
	}
}

@media all and (min-width: 1200px) {
	.billboard:first-of-type {
		padding-top: 159px;
		text-align: center
	}
}

.billboard .headline-container,
.billboard .content-container,
.billboard .headline,
.billboard .content,
.billboard .bottom-link {
	position: relative
}

.billboard .content-container {
	text-align: center
}

@media all and (min-width: 768px) {
	.billboard .content-container {
		margin: 0
	}
}

@media all and (min-width: 1200px) {
	.billboard .content-container {
		padding-left: calc(42px*2);
		padding-right: calc(42px*2)
	}
}

@media only screen and (min-width: 1382px) {
	.billboard .content-container {
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0
	}
}

.billboard .headline-container {
	display: inline-block;
	text-align: center
}

.billboard .headline {
	display: inline-block;
	font-size: 6rem;
	line-height: 0.9666666667;
	margin: 0 0 37px;
	z-index: 1
}

@media all and (min-width: 768px) {
	.billboard .headline {
		font-size: 8rem;
		line-height: 1;
		margin-bottom: 27px;
		text-align: center
	}
}

@media all and (min-width: 1200px) {
	.billboard .headline {
		font-size: 12rem;
		margin-bottom: 76px
	}
}

.billboard .headline.large {
	font-size: 8rem;
	line-height: 1;
	margin: 0 0 33px
}

@media all and (min-width: 768px) {
	.billboard .headline.large {
		line-height: 1;
		margin-bottom: 27px
	}
}

@media all and (min-width: 1200px) {
	.billboard .headline.large {
		font-size: 12rem;
		margin-bottom: 76px
	}
}

.billboard .label {
	top: 41px
}

@media all and (min-width: 768px) {
	.billboard .label {
		top: 57px
	}
}

@media all and (min-width: 1200px) {
	.billboard .label {
		top: 91px
	}
}

.billboard .large .label {
	top: 60px
}

@media all and (min-width: 768px) {
	.billboard .large .label {
		top: 57px
	}
}

@media all and (min-width: 1200px) {
	.billboard .large .label {
		top: 91px
	}
}

.billboard .content {
	line-height: 1.7142857143;
	text-align: left;
	z-index: 3
}

@media all and (min-width: 768px) {
	.billboard .content {
		font-size: 1.6rem;
		line-height: 1.5;
		width: 73.9%
	}
}

@media all and (min-width: 960px) {
	.billboard .content {
		font-size: 1.8rem;
		max-width: 675px
	}
}

@media all and (min-width: 1200px) {
	.billboard .content {
		font-size: 2.4rem;
		width: 32.2033898305%
	}
}

.billboard .content p,
.billboard .content ul,
.billboard .content ol {
	margin: 0 0 21px;
	width: 100%
}

@media all and (min-width: 768px) {

	.billboard .content p,
	.billboard .content ul,
	.billboard .content ol {
		margin-bottom: 34px
	}
}

@media all and (min-width: 768px)and (max-width: 1199px) {

	.billboard .content p,
	.billboard .content ul,
	.billboard .content ol {
		padding-right: 100px
	}
}

.billboard .buttons {
	display: flex;
	justify-content: center
}

@media all and (min-width: 768px) {
	.billboard .buttons {
		justify-content: center
	}
}

.billboard .buttons .button,
.billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .billboard .buttons #lcly-button-buy,
.billboard .buttons .filter-product .clear-input,
.filter-product .billboard .buttons .clear-input {
	display: flex
}

@media all and (max-width: 767px) {

	.billboard .buttons .button,
	.billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons #lcly-button-buy,
	.billboard .buttons .filter-product .clear-input,
	.filter-product .billboard .buttons .clear-input {
		width: calc(50% - 4px)
	}

	.billboard .buttons .button+.button,
	.billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.button,
	#LocallyProductLocator.-enable-cta .billboard .buttons #lcly-button-buy+.button,
	.billboard .buttons #LocallyProductLocator.-enable-cta .button+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons .button+#lcly-button-buy,
	.billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons #lcly-button-buy+#lcly-button-buy,
	.billboard .buttons .filter-product .clear-input+.button,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product .clear-input+#lcly-button-buy,
	.filter-product .billboard .buttons .clear-input+.button,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons .clear-input+#lcly-button-buy,
	.billboard .buttons .filter-product .button+.clear-input,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product #lcly-button-buy+.clear-input,
	.filter-product .billboard .buttons .button+.clear-input,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons #lcly-button-buy+.clear-input,
	.billboard .buttons .filter-product .clear-input+.clear-input,
	.filter-product .billboard .buttons .clear-input+.clear-input {
		margin-left: 8px
	}
}

@media all and (min-width: 768px) {

	.billboard .buttons .button,
	.billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons #lcly-button-buy,
	.billboard .buttons .filter-product .clear-input,
	.filter-product .billboard .buttons .clear-input {
		display: flex;
		min-width: 213px
	}
}

@media all and (max-width: 767px) {

	.billboard .buttons .button+.button,
	.billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.button,
	#LocallyProductLocator.-enable-cta .billboard .buttons #lcly-button-buy+.button,
	.billboard .buttons #LocallyProductLocator.-enable-cta .button+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons .button+#lcly-button-buy,
	.billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons #lcly-button-buy+#lcly-button-buy,
	.billboard .buttons .filter-product .clear-input+.button,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product .clear-input+#lcly-button-buy,
	.filter-product .billboard .buttons .clear-input+.button,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons .clear-input+#lcly-button-buy,
	.billboard .buttons .filter-product .button+.clear-input,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product #lcly-button-buy+.clear-input,
	.filter-product .billboard .buttons .button+.clear-input,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons #lcly-button-buy+.clear-input,
	.billboard .buttons .filter-product .clear-input+.clear-input,
	.filter-product .billboard .buttons .clear-input+.clear-input {
		width: calc(50% - 4px)
	}

	.billboard .buttons .button+.button+.button,
	.billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.button+.button,
	#LocallyProductLocator.-enable-cta .billboard .buttons #lcly-button-buy+.button+.button,
	.billboard .buttons #LocallyProductLocator.-enable-cta .button+#lcly-button-buy+.button,
	#LocallyProductLocator.-enable-cta .billboard .buttons .button+#lcly-button-buy+.button,
	.billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+#lcly-button-buy+.button,
	#LocallyProductLocator.-enable-cta .billboard .buttons #lcly-button-buy+#lcly-button-buy+.button,
	.billboard .buttons #LocallyProductLocator.-enable-cta .button+.button+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons .button+.button+#lcly-button-buy,
	.billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.button+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons #lcly-button-buy+.button+#lcly-button-buy,
	.billboard .buttons #LocallyProductLocator.-enable-cta .button+#lcly-button-buy+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons .button+#lcly-button-buy+#lcly-button-buy,
	.billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+#lcly-button-buy+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons #lcly-button-buy+#lcly-button-buy+#lcly-button-buy,
	.billboard .buttons .filter-product .clear-input+.button+.button,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy+.button,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product .clear-input+#lcly-button-buy+.button,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta .clear-input+.button+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product .clear-input+.button+#lcly-button-buy,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product .clear-input+#lcly-button-buy+#lcly-button-buy,
	.filter-product .billboard .buttons .clear-input+.button+.button,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy+.button,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons .clear-input+#lcly-button-buy+.button,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta .clear-input+.button+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons .clear-input+.button+#lcly-button-buy,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons .clear-input+#lcly-button-buy+#lcly-button-buy,
	.billboard .buttons .filter-product .button+.clear-input+.button,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input+.button,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product #lcly-button-buy+.clear-input+.button,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta .button+.clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product .button+.clear-input+#lcly-button-buy,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product #lcly-button-buy+.clear-input+#lcly-button-buy,
	.filter-product .billboard .buttons .button+.clear-input+.button,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input+.button,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons #lcly-button-buy+.clear-input+.button,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta .button+.clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons .button+.clear-input+#lcly-button-buy,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons #lcly-button-buy+.clear-input+#lcly-button-buy,
	.billboard .buttons .filter-product .clear-input+.clear-input+.button,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta .clear-input+.clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product .clear-input+.clear-input+#lcly-button-buy,
	.filter-product .billboard .buttons .clear-input+.clear-input+.button,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta .clear-input+.clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons .clear-input+.clear-input+#lcly-button-buy,
	.billboard .buttons .filter-product .button+.button+.clear-input,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta #lcly-button-buy+.button+.clear-input,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product #lcly-button-buy+.button+.clear-input,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta .button+#lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product .button+#lcly-button-buy+.clear-input,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta #lcly-button-buy+#lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product #lcly-button-buy+#lcly-button-buy+.clear-input,
	.filter-product .billboard .buttons .button+.button+.clear-input,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.button+.clear-input,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons #lcly-button-buy+.button+.clear-input,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta .button+#lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons .button+#lcly-button-buy+.clear-input,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+#lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons #lcly-button-buy+#lcly-button-buy+.clear-input,
	.billboard .buttons .filter-product .clear-input+.button+.clear-input,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product .clear-input+#lcly-button-buy+.clear-input,
	.filter-product .billboard .buttons .clear-input+.button+.clear-input,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons .clear-input+#lcly-button-buy+.clear-input,
	.billboard .buttons .filter-product .button+.clear-input+.clear-input,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input+.clear-input,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product #lcly-button-buy+.clear-input+.clear-input,
	.filter-product .billboard .buttons .button+.clear-input+.clear-input,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input+.clear-input,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons #lcly-button-buy+.clear-input+.clear-input,
	.billboard .buttons .filter-product .clear-input+.clear-input+.clear-input,
	.filter-product .billboard .buttons .clear-input+.clear-input+.clear-input {
		margin-left: 8px
	}
}

@media all and (min-width: 768px) {

	.billboard .buttons .button+.button,
	.billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.button,
	#LocallyProductLocator.-enable-cta .billboard .buttons #lcly-button-buy+.button,
	.billboard .buttons #LocallyProductLocator.-enable-cta .button+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons .button+#lcly-button-buy,
	.billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons #lcly-button-buy+#lcly-button-buy,
	.billboard .buttons .filter-product .clear-input+.button,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product .clear-input+#lcly-button-buy,
	.filter-product .billboard .buttons .clear-input+.button,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons .clear-input+#lcly-button-buy,
	.billboard .buttons .filter-product .button+.clear-input,
	.billboard .buttons .filter-product #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .billboard .buttons .filter-product #lcly-button-buy+.clear-input,
	.filter-product .billboard .buttons .button+.clear-input,
	.filter-product .billboard .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .buttons #lcly-button-buy+.clear-input,
	.billboard .buttons .filter-product .clear-input+.clear-input,
	.filter-product .billboard .buttons .clear-input+.clear-input {
		margin-left: 12px
	}
}

.billboard .content .buttons {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	position: relative;
	z-index: 3;
	text-align: left
}

@media all and (min-width: 1200px) {
	.billboard .content .buttons {
		flex-direction: column;
		justify-content: flex-start;
		width: 213px
	}
}

.billboard .content .buttons .button,
.billboard .content .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .billboard .content .buttons #lcly-button-buy,
.billboard .content .buttons .filter-product .clear-input,
.filter-product .billboard .content .buttons .clear-input {
	display: flex;
	width: 100%
}

@media all and (max-width: 767px) {

	.billboard .content .buttons .button,
	.billboard .content .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons #lcly-button-buy,
	.billboard .content .buttons .filter-product .clear-input,
	.filter-product .billboard .content .buttons .clear-input {
		width: calc(50% - 4px)
	}

	.billboard .content .buttons .button+.button,
	.billboard .content .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.button,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons #lcly-button-buy+.button,
	.billboard .content .buttons #LocallyProductLocator.-enable-cta .button+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons .button+#lcly-button-buy,
	.billboard .content .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons #lcly-button-buy+#lcly-button-buy,
	.billboard .content .buttons .filter-product .clear-input+.button,
	.billboard .content .buttons .filter-product #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons .filter-product .clear-input+#lcly-button-buy,
	.filter-product .billboard .content .buttons .clear-input+.button,
	.filter-product .billboard .content .buttons #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .content .buttons .clear-input+#lcly-button-buy,
	.billboard .content .buttons .filter-product .button+.clear-input,
	.billboard .content .buttons .filter-product #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons .filter-product #lcly-button-buy+.clear-input,
	.filter-product .billboard .content .buttons .button+.clear-input,
	.filter-product .billboard .content .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .content .buttons #lcly-button-buy+.clear-input,
	.billboard .content .buttons .filter-product .clear-input+.clear-input,
	.filter-product .billboard .content .buttons .clear-input+.clear-input {
		margin-left: 8px
	}
}

@media all and (min-width: 768px) {

	.billboard .content .buttons .button,
	.billboard .content .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons #lcly-button-buy,
	.billboard .content .buttons .filter-product .clear-input,
	.filter-product .billboard .content .buttons .clear-input {
		min-width: calc(50% - 6px)
	}
}

@media all and (min-width: 1200px) {

	.billboard .content .buttons .button,
	.billboard .content .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons #lcly-button-buy,
	.billboard .content .buttons .filter-product .clear-input,
	.filter-product .billboard .content .buttons .clear-input {
		width: auto
	}

	.billboard .content .buttons .button+.button,
	.billboard .content .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.button,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons #lcly-button-buy+.button,
	.billboard .content .buttons #LocallyProductLocator.-enable-cta .button+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons .button+#lcly-button-buy,
	.billboard .content .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons #lcly-button-buy+#lcly-button-buy,
	.billboard .content .buttons .filter-product .clear-input+.button,
	.billboard .content .buttons .filter-product #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons .filter-product .clear-input+#lcly-button-buy,
	.filter-product .billboard .content .buttons .clear-input+.button,
	.filter-product .billboard .content .buttons #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .content .buttons .clear-input+#lcly-button-buy,
	.billboard .content .buttons .filter-product .button+.clear-input,
	.billboard .content .buttons .filter-product #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons .filter-product #lcly-button-buy+.clear-input,
	.filter-product .billboard .content .buttons .button+.clear-input,
	.filter-product .billboard .content .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
	#LocallyProductLocator.-enable-cta .filter-product .billboard .content .buttons #lcly-button-buy+.clear-input,
	.billboard .content .buttons .filter-product .clear-input+.clear-input,
	.filter-product .billboard .content .buttons .clear-input+.clear-input {
		margin-left: 0
	}
}

@media all and (min-width: 1200px) {

	.billboard .content .buttons .button:first-child,
	.billboard .content .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy:first-child,
	#LocallyProductLocator.-enable-cta .billboard .content .buttons #lcly-button-buy:first-child,
	.billboard .content .buttons .filter-product .clear-input:first-child,
	.filter-product .billboard .content .buttons .clear-input:first-child {
		margin-bottom: 12px
	}
}

.billboard .bottom-link {
	position: absolute;
	bottom: 28px;
	left: 0;
	z-index: 5;
	text-align: center;
	width: 100%
}

@media all and (min-width: 768px) {
	.billboard .bottom-link {
		bottom: 60px
	}
}

@media all and (min-width: 1200px) {
	.billboard .bottom-link {
		width: auto;
		text-align: left
	}
}

.billboard .bottom-link a {
	color: #fff;
	display: inline-block;
	font-size: 1rem;
	opacity: .35;
	text-decoration: none
}

@media all and (min-width: 768px) {
	.billboard .bottom-link a {
		font-size: 1.2rem
	}
}

.billboard .bottom-link a:hover {
	opacity: 1
}

.billboard .billboard-video {
	height: calc(100% + 4px);
	overflow: hidden;
	position: absolute;
	left: 0;
	top: -2px;
	z-index: 1;
	width: calc(100vw + 4px)
}

.billboard .billboard-video video {
	height: 100%;
	min-width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto
}

.billboard .button.secondary,
.billboard #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .billboard .secondary#lcly-button-buy,
.billboard .filter-product .secondary.clear-input,
.filter-product .billboard .secondary.clear-input {
	border-color: #000
}

.billboard[data-color=light] {
	color: #fff
}

.billboard[data-color=light] .headline {
	color: #fff
}

.billboard[data-color=light] .button.secondary,
.billboard[data-color=light] #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .billboard[data-color=light] .secondary#lcly-button-buy,
.billboard[data-color=light] .filter-product .secondary.clear-input,
.filter-product .billboard[data-color=light] .secondary.clear-input {
	border-color: #fff;
	color: #fff
}

.billboard[data-color=light] .button.secondary:hover,
.billboard[data-color=light] #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .billboard[data-color=light] .secondary#lcly-button-buy:hover,
.billboard[data-color=light] .filter-product .secondary.clear-input:hover,
.filter-product .billboard[data-color=light] .secondary.clear-input:hover {
	border-color: #fff;
	color: #000
}

.billboard[data-type=color] .content-container,
.billboard[data-type=image] .content-container {
	padding-bottom: 50px
}

@media all and (min-width: 768px) {

	.billboard[data-type=color] .content-container,
	.billboard[data-type=image] .content-container {
		padding-bottom: 84px
	}
}

@media all and (min-width: 1200px) {

	.billboard[data-type=color] .content-container,
	.billboard[data-type=image] .content-container {
		min-height: 705px;
		padding-bottom: 110px
	}
}

.billboard[data-type=color] .image {
	margin: -18px -20px -50px;
	pointer-events: none;
	position: relative;
	z-index: 3
}

@media all and (min-width: 768px) {
	.billboard[data-type=color] .image {
		margin: -22px -87px -84px
	}
}

@media all and (min-width: 1200px) {
	.billboard[data-type=color] .image {
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 50%;
		z-index: 2;
		transform: translateX(-50%);
		top: 90px;
		width: 100%
	}
}

.billboard[data-type=color] .image img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	width: 100%
}

@media all and (min-width: 1200px) {
	.billboard[data-type=color] .image img {
		height: 100%;
		max-width: none;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: auto
	}
}

.billboard[data-type=image] {
	background-position: 50% 50%;
	background-size: cover
}

.billboard[data-type=image] .content-container {
	padding-bottom: 230px
}

@media all and (min-width: 768px) {
	.billboard[data-type=image] .content-container {
		padding-bottom: 264px
	}
}

@media all and (min-width: 1200px) {
	.billboard[data-type=image] .content-container {
		padding-bottom: 110px
	}
}

.billboard[data-type=video] {
	display: flex;
	align-items: center;
	min-height: 100vw;
	padding-top: 0
}

@media all and (min-width: 768px) {
	.billboard[data-type=video] {
		min-height: 56.26vw
	}
}

.billboard[data-type=video] .content-container {
	min-height: 0;
	padding: 50px 0;
	position: static;
	z-index: 2;
	text-align: center
}

@media all and (min-width: 768px) {
	.billboard[data-type=video] .content-container {
		padding: 0;
		width: 100%
	}
}

.billboard[data-type=video] .content {
	margin-bottom: 0
}

@media all and (min-width: 768px) {
	.billboard[data-type=video] .content {
		margin: 0 auto;
		max-width: 75%;
		padding: 0
	}
}

@media all and (min-width: 1200px) {
	.billboard[data-type=video] .content {
		justify-content: center;
		width: 75%
	}
}

.billboard[data-type=video] .headline {
	margin-bottom: 20px;
	z-index: 2
}

@media all and (max-width: 767px) {
	.billboard[data-type=video] .headline {
		font-size: 6rem
	}
}

@media all and (min-width: 768px) {
	.billboard[data-type=video] .headline {
		margin-bottom: 30px
	}
}

@media all and (min-width: 1200px) {
	.billboard[data-type=video] .headline {
		margin-bottom: 39px
	}
}

@media all and (min-width: 1200px) {
	.billboard[data-type=video] .bottom-link {
		left: 50%;
		text-align: right;
		transform: translateX(-50%);
		width: 1281px
	}
}

.billboard[data-type=diptych] {
	background: rgba(0, 0, 0, 0);
	padding: 0
}

@media all and (min-width: 768px) {
	.billboard[data-type=diptych] {
		display: flex
	}
}

.billboard[data-type=diptych] .column {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
	min-height: 100vw;
	width: 100%
}

@media all and (min-width: 768px) {
	.billboard[data-type=diptych] .column {
		min-height: 59.03vw;
		width: 50%
	}
}

.billboard[data-type=diptych] .buttons {
	justify-content: center;
	min-width: 0;
	padding: 0;
	width: 100%;
	z-index: 2
}

@media all and (min-width: 768px) {
	.billboard[data-type=diptych] .buttons {
		top: 2px
	}
}

@media all and (min-width: 1200px) {
	.billboard[data-type=diptych] .buttons {
		top: 20px
	}
}

.billboard[data-type=diptych] .button,
.billboard[data-type=diptych] #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .billboard[data-type=diptych] #lcly-button-buy,
.billboard[data-type=diptych] .filter-product .clear-input,
.filter-product .billboard[data-type=diptych] .clear-input {
	margin: 0;
	max-width: 85%;
	min-width: 216px;
	width: auto
}

@media all and (min-width: 1200px) {

	.billboard[data-type=diptych] .button,
	.billboard[data-type=diptych] #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard[data-type=diptych] #lcly-button-buy,
	.billboard[data-type=diptych] .filter-product .clear-input,
	.filter-product .billboard[data-type=diptych] .clear-input {
		max-width: 75%
	}
}

.billboard[data-type=diptych] .billboard-video {
	width: 100%
}

.billboard[data-type=diptych] .background {
	background-position: 50% 0;
	background-size: cover;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%
}

.billboard[data-type=diptych] .background picture {
	display: none
}

.button-container {
	display: flex;
	justify-content: center;
	padding: 4px 0 0 0;
	min-width: 100%
}

@media all and (min-width: 768px) {
	.button-container {
		padding-top: 40px
	}
}

.button-animation-container {
	background: rgba(0, 0, 0, 0);
	overflow: hidden;
	padding: 0;
	display: inline-block;
	min-width: 100%
}

@media all and (min-width: 768px) {
	.button-animation-container {
		padding-top: 40px
	}
}

.call2recycle__width-lg .modalOuter {
	max-width: 800px
}

.call2recycle__width-md .modalOuter {
	max-width: 600px
}

.call2recycle__width-lg .closeModal,
.call2recycle__width-md .closeModal {
	background: #fff
}

.call2recycle__width-lg .closeModal::before,
.call2recycle__width-md .closeModal::before {
	color: #000
}

.call2recycle__info-modal-content {
	margin-top: 24px
}

.call2recycle__minicart {
	margin: 20px auto 4px
}

.call2recycle__fullcart {
	margin: 8px 0 18px
}

.call2recycle__fullcart p {
	color: #707070;
	margin-bottom: 0;
	font-size: 14px
}

.call2recycle__line-item {
	color: #707070
}

.call2recycle__line-item a {
	color: #707070
}

.careers .filter-section {
	margin-top: 32px
}

.careers .job-board h3 {
	font-size: 3.6rem;
	font-weight: 300;
	line-height: 4.4rem;
	margin: 28px 0 0;
	width: 100%
}

.careers .department-wrapper {
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-wrap: wrap
}

.careers .department-wrapper:last-of-type {
	border-bottom: none
}

.careers .department-jobs-list {
	list-style: none;
	margin: 0 0 16px;
	padding-left: 0
}

.careers .department-jobs-list p {
	font-size: 1.7rem;
	line-height: 2.5rem;
	margin: 16px 0
}

.careers .department-jobs-list li::before {
	content: none
}

.careers .department-jobs-list a {
	text-decoration: underline
}

.careers .department-jobs-list span {
	color: gray
}

@media all and (min-width: 800px) {
	.careers .job-board>h3 {
		padding: 0 10px 28px
	}

	.careers .department-wrapper {
		flex-wrap: nowrap;
		padding: 28px 10px
	}

	.careers .department-wrapper:first-of-type {
		border-top: 1px solid #ccc
	}

	.careers .department-wrapper h3 {
		margin-top: 0;
		width: 304px
	}

	.careers .department-wrapper ul {
		flex: 1;
		margin: 16px 0 0;
		padding-left: 48px
	}

	.careers .department-wrapper p {
		margin: 0 0 32px
	}
}

.careers.region-ctas,
.careers.health-plan {
	max-width: 900px;
	margin: 45px auto
}

@media all and (min-width: 800px) {

	.careers.region-ctas,
	.careers.health-plan {
		padding: 0 20px
	}
}

.careers.region-ctas .btn-row,
.careers.health-plan .btn-row {
	display: flex;
	flex-wrap: wrap;
	margin: 50px -15px
}

@media all and (min-width: 800px) {

	.careers.region-ctas .btn-row,
	.careers.health-plan .btn-row {
		margin-left: -35px;
		margin-right: -35px
	}
}

.careers.region-ctas .btn-row a,
.careers.health-plan .btn-row a {
	display: block;
	margin: 0 15px 30px;
	min-width: 0;
	flex-grow: 1;
	width: calc(50% - 30px)
}

@media all and (min-width: 800px) {

	.careers.region-ctas .btn-row a,
	.careers.health-plan .btn-row a {
		width: calc(25% - 30px)
	}
}

.careers.region-ctas h2,
.careers.health-plan h2 {
	font-size: 4rem;
	font-weight: 300;
	line-height: 1.25
}

.careers.region-ctas p,
.careers.health-plan p {
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1.5
}

.header-cart {
	margin-left: 35px;
	z-index: 4
}

@media all and (max-width: 767px) {
	.header-cart {
		margin-left: 20px
	}
}

.header-cart .trigger {
	text-decoration: none;
	position: relative;
	top: 2px;
	font-size: 1.7rem
}

.header-cart .trigger[data-quantity]::after,
.header-cart .trigger[data-error]::after {
	position: absolute;
	top: -8px;
	right: -8px;
	width: 12px;
	height: 12px;
	line-height: 12px;
	background: #000;
	border-radius: 50%;
	font-size: 1rem;
	color: #fff;
	padding: 1px;
	font-weight: bold;
	text-align: center
}

.header-cart .trigger[data-quantity]::after {
	content: attr(data-quantity)
}

.header-cart .trigger[data-error]::after {
	content: "!";
	background: #d70a0a
}

.cart__body .site-header {
	background: #fff !important;
	border-color: #000 !important
}

.cart__body .modalOuter {
	padding-top: 12px
}

.cart__body .modalOuter .modalInner {
	padding-bottom: 16px
}

.cart__body .modalOuter .modalInner div {
	padding-top: 16px;
	margin-top: 20px
}

.cart__body .modalOuter .closeModal {
	background-color: rgba(255, 255, 255, 0);
	top: 32px
}

.cart__body .modalOuter .closeModal::before {
	color: #000 !important
}

#MiniCart {
	position: fixed;
	z-index: 109;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #000
}

@media all and (min-width: 768px) {
	#MiniCart {
		position: fixed;
		max-width: none;
		z-index: 99;
		background: rgba(0, 0, 0, .5);
		border: 0 none
	}
}

#MiniCart__inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #fff;
	height: 100vh
}

@media all and (min-width: 768px) {
	#MiniCart__inner {
		position: absolute;
		right: 0;
		width: 550px
	}
}

#MiniCart .close {
	height: 16px;
	width: 16px;
	top: 26px;
	right: 20px;
	z-index: 1
}

#MiniCart .close::before {
	font-size: 1.6rem
}

@media all and (min-width: 768px) {
	#MiniCart .close {
		right: 42px
	}
}

#MiniCart .button.large,
#MiniCart #LocallyProductLocator.-enable-cta .large#lcly-button-buy,
#LocallyProductLocator.-enable-cta #MiniCart .large#lcly-button-buy,
#MiniCart .filter-product .large.clear-input,
.filter-product #MiniCart .large.clear-input {
	width: 100%
}

#MiniCart .scrollable-content__arrow {
	top: 155.5px
}

@media(max-width: 767px) {
	#MiniCart .scrollable-content__arrow {
		top: 142.5px
	}
}

#MiniCart .recommended-products-carousel {
	overflow: visible;
	width: calc(100% + 40px);
	padding: 0 !important
}

#MiniCart .recommended-products-carousel header {
	margin-bottom: 0;
	padding-left: 0
}

@media(max-width: 768px) {
	#MiniCart .recommended-products-carousel header {
		padding-left: 20px
	}
}

#MiniCart .recommended-products-carousel .recommended-products-headline {
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 0;
	letter-spacing: .5px;
	margin-left: 42px
}

@media(max-width: 768px) {
	#MiniCart .recommended-products-carousel .recommended-products-headline {
		font-size: 18px;
		line-height: 27px;
		margin-left: 20px
	}
}

#MiniCart .recommended-products-carousel .product-card.card {
	max-width: 311px !important
}

@media(max-width: 767px) {
	#MiniCart .recommended-products-carousel .product-card.card {
		max-width: 285px !important
	}
}

#MiniCart .recommended-products-carousel .product-card.card .product-details .product-card__title {
	font-size: 18px;
	line-height: 27px
}

@media(max-width: 767px) {
	#MiniCart .recommended-products-carousel .product-card.card .product-details .product-card__title {
		font-size: 16px;
		line-height: 24px
	}
}

#MiniCart .recommended-products-carousel .product-card.card .product-details .product-card__price {
	font-size: 16px;
	line-height: 24px
}

@media(max-width: 767px) {
	#MiniCart .recommended-products-carousel .product-card.card .product-details .product-card__price {
		font-size: 14px;
		line-height: 21px
	}
}

#MiniCart .recommended-products-carousel .product-card.card__description {
	font-size: 14px;
	line-height: 21px
}

#MiniCart .recommended-products-carousel .product-card.card:first-of-type {
	margin-left: 42px !important
}

#MiniCart .recommended-products-carousel .product-card.card:last-of-type {
	margin-right: 84px !important
}

@media(max-width: 767px) {
	#MiniCart .recommended-products-carousel .product-card.card:last-of-type {
		margin-right: 40px !important
	}
}

#mini-cart-recommendations .scrollable-content__arrow.-right-arrow {
	right: 84px
}

.recommended-products-carousel {
	display: none;
	line-height: 1.5;
	margin-top: auto;
	padding: 0 0 0 40px;
	width: 100%;
	max-width: 100%
}

@media all and (max-width: 767px) {
	.recommended-products-carousel {
		padding: 0 0 0 40px
	}
}

.recommended-products-carousel header {
	margin-bottom: 6px
}

.recommended-products-carousel .recommended-products {
	width: 100%
}

.recommended-products-carousel .product-details .product-card__title {
	font-size: 18px;
	line-height: 27px
}

@media(max-width: 1024px) {
	.recommended-products-carousel .product-details .product-card__title {
		font-size: 16px;
		line-height: 24px
	}
}

.recommended-products-carousel .product-details .product-card__price {
	font-size: 16px;
	line-height: 24px
}

@media(max-width: 1024px) {
	.recommended-products-carousel .product-details .product-card__price {
		font-size: 14px;
		line-height: 21px
	}
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .recommended-products-carousel#mini-cart-recommendations.-title-above .product-card {
		min-width: 250px;
		width: calc(100% - 195px) !important
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .recommended-products-carousel#mini-cart-recommendations.-title-above .product-card {
		min-width: 250px;
		width: calc(100% - 195px) !important
	}
}

.recommended-products-carousel#full-cart-recommendations.-title-above {
	margin-top: 24px
}

.recommended-products-carousel#full-cart-recommendations.-title-above header {
	margin-bottom: 8px
}

.recommended-products-carousel#full-cart-recommendations.-title-above .recommended-products.carousel-container {
	padding-top: 0
}

.recommended-products-carousel#full-cart-recommendations.-title-above .scrollable-content__arrow {
	top: 155.5px
}

@media(max-width: 768px) {
	.recommended-products-carousel#full-cart-recommendations.-title-above .scrollable-content__arrow {
		top: 142.5px
	}
}

@media all and (min-width: 1024px) {
	body:not(.pdp__body) .recommended-products-carousel#full-cart-recommendations.-title-above .product-card {
		width: 30% !important
	}
}

@media all and (min-width: 1462.272px) {
	body.pdp__body .recommended-products-carousel#full-cart-recommendations.-title-above .product-card {
		width: 30% !important
	}
}

@media(max-width: 1440px) {
	.recommended-products-carousel#full-cart-recommendations.-title-above .product-card {
		max-width: 311px !important
	}
}

@media(max-width: 768px) {
	.recommended-products-carousel#full-cart-recommendations.-title-above .product-card {
		max-width: 285px !important
	}
}

.recommended-products-carousel#full-cart-recommendations.-title-above .product-card__description {
	font-size: 14px;
	line-height: 21px
}

.recommended-products-carousel .compare {
	display: none
}

.recommended-products-carousel .button,
.recommended-products-carousel #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .recommended-products-carousel #lcly-button-buy,
.recommended-products-carousel .filter-product .clear-input,
.filter-product .recommended-products-carousel .clear-input {
	line-height: 43px
}

.recommended-products-carousel .recommended-products-headline {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0
}

.recommended-products-carousel .product-card__add-to-cart {
	width: 68%;
	min-width: fit-content
}

@keyframes product-card-fade {
	0% {
		opacity: 1
	}

	75% {
		opacity: .2
	}

	100% {
		opacity: 1
	}
}

.recommended-products-carousel .product-card-fade {
	animation: product-card-fade 2s ease-out 1
}

.recommended-products-carousel .notification-item-added {
	border: 1px solid #000;
	background-color: #fff;
	height: 56px;
	left: calc(50% - 88px);
	line-height: 56px;
	position: absolute;
	text-align: center;
	top: calc(50% - 74px);
	width: 176px;
	z-index: 2
}

#full-cart-recommendations {
	padding-left: 0;
	padding-bottom: 0;
	width: 100%;
	overflow: visible;
	width: calc(100% + 84px);
	margin-left: -42px
}

@media(max-width: 767px) {
	#full-cart-recommendations {
		width: calc(100% + 40px);
		margin-left: -20px
	}
}

#full-cart-recommendations .product-card.card:first-of-type {
	margin-left: 42px !important
}

@media(max-width: 767px) {
	#full-cart-recommendations .product-card.card:first-of-type {
		margin-left: 20px !important
	}
}

#full-cart-recommendations .product-card.card:last-of-type {
	margin-right: 42px !important
}

@media(max-width: 767px) {
	#full-cart-recommendations .product-card.card:last-of-type {
		margin-right: 20px !important
	}
}

#full-cart-recommendations .product-card.card {
	max-width: 311px !important;
	min-width: unset
}

@media(max-width: 1024px) {
	#full-cart-recommendations .product-card.card {
		max-width: 285px !important
	}
}

#full-cart-recommendations .recommended-products-headline {
	margin-left: 42px
}

@media(max-width: 768px) {
	#full-cart-recommendations .recommended-products-headline {
		margin-left: 20px
	}
}

#full-cart-recommendations .recommended-products-headline {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0
}

@media all and (max-width: 767px) {
	#full-cart-recommendations {
		margin-top: 24px
	}
}

#full-cart-recommendations .-right-arrow {
	right: 42px
}

#full-cart-recommendations .-left-arrow {
	left: 42px
}

#full-cart-recommendations header {
	padding-left: 0
}

.Cart-section-header {
	padding: 24px 16px;
	background: #f8f8f8
}

.Cart-section-header h3 {
	font-size: 2.4rem;
	line-height: 2.9rem;
	font-weight: 700;
	margin: 0 0 24px
}

.Cart-section-header p {
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin: 0
}

.Cart-item {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
	padding: 24px 0;
	border-bottom: 1px solid #bdbdbd
}

.Cart-item.-ghost-item {
	padding: 32px 0
}

.Cart-item:last-child {
	border: none
}

.Cart-item+.Cart-item-section-header {
	margin-top: 24px
}

.Cart-item-ghost-text {
	margin: 0;
	padding: 0 16px;
	font-size: 1.6rem;
	line-height: 1.5
}

.Cart-item-ghost-text a {
	text-decoration: underline
}

.Cart-item-remove {
	border: none;
	cursor: pointer;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 20px;
	right: 2px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center
}

.Cart-item-remove::before {
	content: "瞍?;
	display: block;
	font-weight: 400;
	font-size: 1.6rem
}

.Cart-item-wrapper {
	margin-bottom: 20px
}

.Cart-item-img {
	display: block;
	background-color: #f7f5f5;
	flex-shrink: 0;
	flex: 0 0 32.6454033771%;
	min-width: 64px;
	max-width: 174px;
	background-size: 77.5862068966%;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 16px
}

@media(max-width: 767px) {
	.Cart-item-img {
		flex: 0 0 18%
	}
}

.Cart-item-img::before {
	content: "";
	display: block;
	width: 100%;
	padding-bottom: 100%
}

.Cart-item-details {
	display: flex;
	flex-direction: column;
	flex: 0 0 calc(100% - 190px);
	padding: 0;
	min-width: 0
}

@media(max-width: 1018px) {
	.Cart-item-details {
		flex: 0 0 calc(67.1669793621% - 16px)
	}
}

@media(max-width: 767px) {
	.Cart-item-details {
		flex: 0 0 calc(80.8955223881% - 16px)
	}
}

@media(max-width: 394px) {
	.Cart-item-details {
		flex: 0 0 calc(100% - 80px)
	}
}

.Cart-item-details-title {
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0
}

@media(min-width: 1024px) {
	.Cart-item-details-title {
		font-size: 1.8rem
	}
}

.Cart-item-details-title a {
	text-decoration: none
}

.Cart-item-details-subtitle {
	display: block;
	font-size: 1.4rem;
	line-height: 1.7rem;
	margin: 8px 0;
	color: #4f4f4f
}

.Cart-item-size_and_color {
	font-size: 1.4rem;
	line-height: 1.5;
	color: #4f4f4f;
	margin-bottom: calc(7.8125vw - 13.296875px)
}

@media(min-width: 768px) {
	.Cart-item-size_and_color {
		margin-bottom: calc(11.764vw - 74.34752px)
	}
}

@media(min-width: 1024px) {
	.Cart-item-size_and_color {
		font-size: 1.6rem;
		margin-bottom: 24px
	}
}

@media(min-width: 1440px) {
	.Cart-item-size_and_color {
		margin-bottom: 32px
	}
}

.Cart-item-quantity {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90px;
	height: 34px;
	box-sizing: border-box;
	border: 1px solid #000;
	font-size: 16px
}

.Cart-item-quantity-display {
	font-size: 1.3rem;
	line-height: 1
}

.Cart-item-quantity-arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	margin: 0 8px;
	text-decoration: none
}

.Cart-item-quantity-arrow.disabled {
	opacity: .2
}

.Cart-item-quantity.order-label:hover,
.Cart-item-quantity.order-label:active {
	background: #fff
}

.Cart-item-quantity.order-label:hover,
.Cart-item-quantity.order-label:active {
	color: #707070
}

.Cart-item-quantity:hover,
.Cart-item-quantity:active {
	background: #000
}

.Cart-item-quantity:hover,
.Cart-item-quantity:hover .icon,
.Cart-item-quantity:active,
.Cart-item-quantity:active .icon {
	color: #fff
}

.Cart-item-price {
	color: #000;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 0 16px
}

@media(min-width: 1024px) {
	.Cart-item-price {
		font-size: 18px;
		line-height: 27px
	}
}

.Cart-item-price-strikethrough {
	color: #707070;
	text-decoration: line-through;
	font-size: 12px;
	line-height: 18px
}

@media(min-width: 1024px) {
	.Cart-item-price-strikethrough {
		font-size: 14px;
		line-height: 21px
	}
}

.Cart-item__out-of-stock {
	margin-top: 6px
}

.Cart-item__out-of-stock span {
	color: red
}

.Cart-item .error-label,
.Cart-item .alert-label {
	margin-bottom: 16px;
	justify-content: flex-start
}

.Cart-item .error-label__msg,
.Cart-item .alert-label__msg {
	white-space: normal;
	position: relative;
	top: 2px
}

.Cart-item .error-label__indicator,
.Cart-item .alert-label__indicator {
	width: 16px;
	height: 16px;
	line-height: 18px
}

.Cart-item .error-label__indicator::after,
.Cart-item .alert-label__indicator::after {
	content: "!";
	font-size: 1.4rem;
	color: #fff
}

.Cart-link-remove {
	box-sizing: border-box;
	border: 1px solid #000;
	margin-left: 24px;
	height: 34px;
	width: 34px;
	background: rgba(0, 0, 0, 0) url(../images/trashcan.svg) center center no-repeat;
	text-decoration: none
}

.Cart-link-remove:hover,
.Cart-link-remove:active {
	background-image: url(../images/trashcan-white.svg);
	background-color: #000
}

.cart-section__empty {
	margin: auto
}

.cart-section__empty h2,
.cart-section__empty h4 {
	text-align: center
}

.cart-section__summary {
	width: 100%
}

.cart-section__subtotal {
	font-size: 1.6rem
}

.cart-section__subtotal-label {
	font-size: 1.6rem
}

.cart-section__subtotal-label__info-icon {
	display: inline-block;
	vertical-align: top;
	margin-left: 4px
}

.cart-section__error-summary {
	max-width: 100%;
	margin-top: 20px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end
}

.cart-section__error-summary .error-label__msg {
	padding-top: 3px
}

.cart-section__checkout-link[data-disabled] {
	opacity: .3
}

#FullCartSummary__upper {
	padding: 24px 0
}

@media all and (min-width: 768px) {
	#FullCartSummary__upper {
		padding: 24px 20px;
		background: #f8f8f8
	}
}

@media all and (max-width: 767px) {
	#FullCartSummary__upper {
		border-bottom: 1px solid #333
	}
}

#FullCartSummary__upper .affirm-as-low-as {
	margin: 16px auto 0
}

@media(max-width: 767px) {
	#FullCartSummary__upper .affirm-as-low-as {
		text-align: left
	}
}

@media all and (min-width: 768px) {
	#FullCartSummary__additional-info {
		padding: 24px 20px
	}
}

#FullCartSummary__additional-info h2 {
	margin-bottom: 0
}

#FullCartSummary__additional-info .help-section__coverage-link {
	margin-top: 16px
}

@media all and (max-width: 767px) {
	#FullCartSummary__subtotal-and-button {
		padding: 16px 20px;
		background: #fff;
		border-top: 1px solid #000;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9999
	}
}

#mcSummary-upper {
	padding: 24px 20px 8px 20px
}

#mcSummary-upper>h4 {
	color: #008a02;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 2.9rem;
	margin: 0
}

#mcSummary-upper>h4::before {
	content: "";
	mask: url("../images/checkmark.svg") no-repeat 50% 50%;
	mask-size: cover;
	-webkit-mask: url("../images/checkmark.svg") no-repeat 50% 50%;
	-webkit-mask-size: cover;
	background-color: #008a02;
	display: inline-block;
	height: 13px;
	left: 0;
	top: 0;
	margin-right: 8px;
	width: 13px
}

@media all and (min-width: 768px) {
	#mcSummary-upper {
		padding: 24px 42px 8px 42px
	}
}

#mcSummary {
	overflow-x: hidden;
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
	position: relative;
	flex: 1
}

#mcSummary>a {
	position: relative;
	text-decoration: none;
	padding: 31px 24px 0 56px;
	line-height: 1
}

#mcSummary>a::before {
	content: "";
	position: absolute;
	display: block;
	width: 24px;
	height: 18px;
	top: 26px;
	left: 24px;
	transform: rotate(180deg);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/arrow-next.svg)
}

#mcSummary .cart-section__summary-list {
	padding: 16px 20px
}

#mcSummary .cart-section__summary-list p {
	position: relative;
	line-height: 1.6875;
	margin-bottom: 10px
}

#mcSummary .cart-section__summary-list p::before {
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 12px;
	top: 7px;
	left: -26px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/checkmark.svg)
}

@media all and (max-width: 767px) {
	#mcSummary .cart-section__summary-list p::before {
		left: -24px;
		top: 5px
	}
}

@media all and (max-width: 767px) {
	#mcSummary .cart-section__summary-list p {
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 6px
	}
}

@media all and (min-width: 768px) {
	#mcSummary .cart-section__summary-list {
		padding: 16px 42px
	}
}

#mcSummary .mc-item {
	border-bottom: 1px solid #bdbdbd;
	padding-bottom: 24px
}

#mcSummary .mc-item__message {
	display: flex;
	margin-bottom: 16px
}

#mcSummary .mc-item__message-text {
	display: flex
}

#mcSummary .mc-item__message-text .icon {
	font-size: 2.4rem;
	margin-right: 8px
}

#mcSummary .mc-item__message-text p {
	line-height: 2.4rem;
	margin-bottom: 0
}

#mcSummary .mc-item__message-text p::before {
	content: none
}

#mcSummary .mc-item__message-text>a {
	margin-right: 4px
}

#mcSummary .mc-item__details {
	display: flex
}

#mcSummary .mc-item__image {
	display: flex;
	flex-direction: column;
	height: 64px;
	justify-content: center;
	width: 64px
}

#mcSummary .mc-item__info {
	font-size: 1.4rem;
	line-height: 2.1rem;
	margin: 0 0 0 10px
}

#mcSummary .mc-item__info h3,
#mcSummary .mc-item__info h4 {
	margin: 0
}

#mcSummary .mc-item__info h3 {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 2.4rem
}

#mcSummary .mc-item__info h4 {
	font-size: 1.4rem
}

#mcSummary-items {
	padding: 0 40px 40px;
	overflow: auto;
	margin-top: 20px
}

#mcSummary-lower {
	padding: 16px 20px 24px;
	background-color: #fff;
	border-top: 1px solid #000
}

#mcSummary-lower span {
	line-height: 1;
	max-width: 75%
}

#mcSummary-lower .under-button {
	font-size: 1.6rem;
	line-height: 2.4rem;
	text-align: center
}

@media all and (min-width: 768px) {
	#mcSummary-lower {
		padding: 16px 42px 24px
	}
}

#mcSummary-subtotal {
	align-items: center;
	line-height: 2.4rem
}

#mcSummary-subtotal span {
	font-size: 1.6rem
}

.status-added #mcSummary>h4 {
	display: block
}

#mcErrors {
	margin: auto;
	text-align: center;
	justify-content: center
}

@media all and (max-width: 767px) {
	#mcErrors {
		display: none !important
	}
}

#mcErrors-mobile {
	padding: 0 40px;
	margin-top: 20px;
	width: 100%;
	max-width: 100%;
	display: flex
}

#mcErrors-mobile .error-label__msg {
	white-space: normal
}

#mcCartLink {
	margin: 16px 0
}

#mcCartLink[data-disabled] {
	opacity: .2
}

@media all and (max-width: 767px) {
	#mcCartLink {
		height: 45px;
		font-size: 14px;
		margin-top: 0
	}
}

@media all and (max-width: 767px) {
	.mc-desktop {
		display: none
	}
}

@media all and (min-width: 768px) {
	.mc-mobile {
		display: none
	}
}

#FullCart {
	max-width: 1200px;
	margin: 0 auto !important
}

#FullCart .two-column {
	width: 100%;
	margin: 0;
	flex-wrap: wrap
}

@media all and (max-width: 767px) {
	#FullCart .two-column {
		display: flex;
		flex-direction: column
	}
}

#FullCart__title {
	font-size: 4rem;
	margin: 32px 0 16px
}

#FullCart .left-column {
	flex: 1 0 auto;
	padding: 0 24px 0 0
}

@media(max-width: 1250px) {
	#FullCart .left-column {
		width: 60%
	}
}

@media(max-width: 1024px) {
	#FullCart .left-column {
		padding-right: 16px
	}
}

@media all and (max-width: 767px) {
	#FullCart .left-column {
		padding-right: 0;
		margin-top: 0;
		width: 100%
	}
}

#FullCart__right-side {
	flex-direction: column;
	position: relative;
	z-index: 1;
	background: #fff;
	color: #000
}

@media all and (min-width: 768px) {
	#FullCart__right-side {
		padding: 0 0 40px;
		width: 40%;
		max-width: 375px;
		flex-shrink: 0
	}
}

@media all and (max-width: 767px) {
	#FullCart__right-side {
		margin-top: 0 !important;
		padding-top: 0 !important;
		order: 3
	}
}

#FullCart__right-side hr {
	margin-bottom: 20px
}

#FullCart__right-side .button,
#FullCart__right-side #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta #FullCart__right-side #lcly-button-buy,
#FullCart__right-side .filter-product .clear-input,
.filter-product #FullCart__right-side .clear-input {
	width: 100%;
	margin: 0
}

#FullCart__right-side .headline {
	font-size: 4rem;
	font-weight: normal
}

#FullCart__right-side .headline:first-of-type {
	margin-bottom: 57px
}

#FullCart__right-side .cart-section__subtotal,
#FullCart__right-side .cart-section__subtotal-label {
	margin-bottom: 8px
}

@media all and (min-width: 768px) {

	#FullCart__right-side .cart-section__subtotal,
	#FullCart__right-side .cart-section__subtotal-label {
		margin-bottom: 16px
	}
}

#FullCart__right-side .inner>.headline:first-child {
	margin-bottom: 57px
}

.FullCart__help {
	text-align: center;
	font-size: 14px;
	line-height: 21px;
	margin: 16px 0 0;
	color: #707070
}

.FullCart__help p {
	margin: 0
}

.card-types {
	width: 177px;
	margin: 16px auto 0
}

@media(max-width: 767px) {
	.card-types {
		margin-left: 0
	}
}

.coverage .headline,
.coverage h1,
.help-section .headline,
.help-section h1 {
	color: #fff;
	font-size: 2.4rem;
	font-weight: normal
}

.help-section__section {
	border-top: 3px solid #fff;
	margin-top: 40px;
	padding-top: 30px;
	width: 100%
}

.help-section__coverage h2 {
	font-weight: 400;
	font-size: 1.8rem
}

.help-section__coverage-link {
	display: flex;
	align-items: center;
	margin-top: 20px
}

.help-section__coverage-link:first-child {
	margin-top: 0
}

.help-section__coverage-link img,
.help-section__coverage-link span {
	display: block
}

.help-section__coverage-link img {
	margin-right: 8px
}

.help-section__coverage-link span {
	font-size: 1.6rem
}

.help-section__coverage-link a.help-section__coverage-link span {
	text-decoration: underline
}

.help-section h2 {
	font-size: 2.4rem;
	font-weight: normal
}

.help-section .modal {
	color: #000
}

.help-section .modal h1,
.help-section .modal h2,
.help-section .modal h3,
.help-section .modal h4,
.help-section .modal p {
	color: #000 !important
}

.help-section .modal h1,
.help-section .modal h2 {
	max-width: 80%
}

.FullCart__empty {
	margin-right: 0 !important;
	padding-bottom: 120px
}

.FullCart__empty>.left-column {
	padding-right: 0 !important;
	margin-top: 0;
	padding-top: 90px !important
}

@media all and (max-width: 767px) {
	.FullCart__empty>.left-column {
		padding-top: 35px !important
	}
}

@media(max-width: 1023px) {
	.FullCart__empty {
		padding-bottom: 96px
	}
}

.FullCart__empty .cart-section__empty {
	width: 100%;
	text-align: center;
	padding-top: 56px
}

.FullCart__empty .cart-section__empty-headline {
	font-size: 4rem;
	line-height: 4.8rem;
	margin: 0 auto 24px
}

.FullCart__empty .cart-section__empty-subheadline {
	font-size: 2.4rem;
	line-height: 2.9rem;
	font-weight: 700;
	margin: 0 auto
}

.FullCart__empty .cart-section__empty-buttons {
	margin: 48px auto 0;
	width: 100%;
	display: flex;
	justify-content: center
}

@media(min-width: 768px) {
	.FullCart__empty .cart-section__empty-buttons a:first-child {
		margin-right: 32px
	}
}

@media(max-width: 1024px) {
	.FullCart__empty .cart-section__empty {
		padding-top: 48px
	}
}

@media(max-width: 767px) {
	.FullCart__empty .cart-section__empty {
		padding-top: 32px
	}

	.FullCart__empty .cart-section__empty-buttons {
		display: block;
		margin-left: auto !important;
		margin-right: auto !important
	}

	.FullCart__empty .cart-section__empty-buttons .button,
	.FullCart__empty .cart-section__empty-buttons #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .FullCart__empty .cart-section__empty-buttons #lcly-button-buy,
	.FullCart__empty .cart-section__empty-buttons .filter-product .clear-input,
	.filter-product .FullCart__empty .cart-section__empty-buttons .clear-input {
		display: flex;
		margin: 0 auto
	}

	.FullCart__empty .cart-section__empty-buttons .button:first-child,
	.FullCart__empty .cart-section__empty-buttons #LocallyProductLocator.-enable-cta #lcly-button-buy:first-child,
	#LocallyProductLocator.-enable-cta .FullCart__empty .cart-section__empty-buttons #lcly-button-buy:first-child,
	.FullCart__empty .cart-section__empty-buttons .filter-product .clear-input:first-child,
	.filter-product .FullCart__empty .cart-section__empty-buttons .clear-input:first-child {
		margin-bottom: 24px
	}
}

.shippingRestrictionsNotice {
	width: 100%;
	margin-top: 24px
}

.shippingRestrictionsNotice a {
	font-size: 1.3rem;
	padding: 6px 0
}

.shipping-restriction-modal.modalOpen .modalOuter {
	max-width: 787px
}

.shipping-restriction-modal.modalOpen .modalOuter .closeModal {
	background-color: #fff
}

.shipping-restriction-modal.modalOpen .modalOuter .closeModal::before {
	color: #000
}

.shipping-restriction-modal__info-modal-content {
	margin-top: 50px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 27px
}

.shipping-restriction-modal__info-modal-content h2 {
	font-size: 60px;
	line-height: 70px;
	font-weight: 700;
	margin-bottom: 0
}

.shipping-restriction-modal__info-modal-content p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 0
}

@media all and (max-width: 767px) {
	.shipping-restriction-modal {
		gap: 18px
	}

	.shipping-restriction-modal.modalOpen .modalOuter {
		max-width: 100%;
		height: auto;
		position: absolute;
		top: 155px;
		margin: 0 25px;
		width: calc(100% - 50px)
	}

	.shipping-restriction-modal__info-modal-content h2 {
		font-size: 40px;
		line-height: 48px
	}

	.shipping-restriction-modal__info-modal-content p+p {
		margin-top: 24px
	}
}

.Cart-section-header~.Cart-section-header {
	margin-top: 24px
}

.call2recycle__fullcart .row-spread p {
	max-width: 66.67%
}

.category-grid-component .headline {
	font-size: 2.4rem;
	line-height: 3.6rem;
	margin-bottom: 5px;
	padding: 0 11px
}

.category-grid-container {
	display: flex;
	flex-wrap: wrap;
	width: 100%
}

.category-card {
	padding: 11px;
	width: 100%
}

.category-card__outer {
	position: relative
}

.category-card__outer::before {
	display: block;
	content: "";
	padding-bottom: 100%;
	width: 100%
}

@media all and (min-width: 800px) {

	.category-card.card-count-3,
	.category-card.card-count-5,
	.category-card.card-count-6 {
		width: 50%
	}
}

@media all and (min-width: 1280px) {

	.category-card.card-count-3,
	.category-card.card-count-5,
	.category-card.card-count-6 {
		width: 33.3%
	}
}

@media all and (min-width: 800px) {

	.category-card.card-count-3 .category-card__inner,
	.category-card.card-count-5 .category-card__inner,
	.category-card.card-count-6 .category-card__inner {
		background: var(--background-desktop-square) center center/cover
	}
}

@media all and (min-width: 800px) {

	.category-card.card-count-2,
	.category-card.card-count-4,
	.category-card.card-count-7,
	.category-card.card-count-8 {
		width: 50%
	}
}

@media all and (min-width: 800px) {

	.category-card.card-count-2 .category-card__inner,
	.category-card.card-count-4 .category-card__inner,
	.category-card.card-count-7 .category-card__inner,
	.category-card.card-count-8 .category-card__inner {
		background: var(--background-desktop-wide) center center/cover
	}
}

@media all and (min-width: 1280px) {

	.category-card.card-count-2 .category-card__outer::before,
	.category-card.card-count-4 .category-card__outer::before,
	.category-card.card-count-7 .category-card__outer::before,
	.category-card.card-count-8 .category-card__outer::before {
		padding-bottom: 70%
	}
}

@media all and (min-width: 800px) {
	.category-card.card-count-1 {
		width: 100%
	}
}

@media all and (min-width: 800px) {
	.category-card.card-count-1 .category-card__inner {
		background: var(--background-desktop-wide) center center/cover
	}
}

@media all and (min-width: 800px) {
	.category-card.card-count-1 .category-card__outer::before {
		padding-bottom: 52%
	}
}

@media all and (min-width: 1280px) {
	.category-card.card-count-1 .category-card__outer::before {
		padding-bottom: 34.4%
	}
}

.category-card__inner {
	background: var(--background-mobile-square) center center/cover;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.category-card__link {
	align-items: flex-end;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 13.37%, rgba(0, 0, 0, 0) 58.33%), rgba(0, 0, 0, .1);
	display: flex;
	height: 100%;
	text-decoration: none
}

.category-card__text-block {
	margin-bottom: 29px;
	margin-left: 28px;
	width: 292px
}

@media all and (max-width: 799px) {
	.category-card__text-block {
		width: 24.1rem
	}
}

.category-card__title {
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 17.4px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media all and (min-width: 800px) {
	.category-card__title {
		font-size: 5.5rem
	}
}

.category-card__description {
	color: #fff;
	font-size: 1.6rem;
	line-height: 2.1rem;
	margin-bottom: 17.4px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media all and (min-width: 800px) {
	.category-card__description {
		font-size: 2rem;
		line-height: 2.7rem
	}
}

.category-card__button.button,
#LocallyProductLocator.-enable-cta .category-card__button#lcly-button-buy,
.filter-product .category-card__button.clear-input {
	color: #fff;
	background: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	flex-shrink: 1;
	font-size: 1.4rem;
	height: 44px;
	min-width: unset;
	padding: 0;
	width: 145px
}

.checkout-header {
	display: flex;
	font-size: 1.2rem;
	height: 80px;
	justify-content: space-between;
	line-height: 1.8rem;
	margin: 0 auto;
	max-width: 1281px;
	padding-bottom: 8px;
	width: 100%
}

.checkout-header__cart-link,
.checkout-header__secure-checkout {
	display: flex;
	align-items: flex-end
}

.checkout-header__cart-link ::before,
.checkout-header__secure-checkout ::before {
	content: "";
	display: block;
	height: 24px;
	margin: auto;
	width: 24px
}

.checkout-header__cart-link {
	text-decoration: none
}

.checkout-header__cart-link ::before {
	background: url("../images/arrow-back.svg") center no-repeat
}

.checkout-header__secure-checkout ::before {
	background: url("../images/icon_lock-no-outline.svg")
}

.checkout {
	margin: 32px auto 0;
	padding-bottom: 40px;
	display: flex;
	flex-direction: column;
	max-width: 400px
}

@media(min-width: 768px) {
	.checkout {
		flex-direction: row;
		max-width: 806px;
		justify-content: space-between
padding-top: 20px;
}

	.checkout>section {
		width: 100%
	}

	.checkout__forms {
		max-width: 400px;
		margin-right: 16px
	}

	.checkout__summary-and-details {
		max-width: 334px
	}
}

.checkout__section-header {
	display: flex;
	justify-content: space-between;
	padding-bottom: 16px
}

.checkout__section-header-icon {
	fill: currentColor;
	height: 24px;
	margin-top: 2px;
	width: 24px
}

.checkout .txt__section-headline {
	color: inherit;
	font-size: 2.4rem;
	display: flex;
	line-height: 2.9rem
}

.checkout__h3 {
	font-size: 2.4rem;
	line-height: 1.3;
	margin: 24px 0
}

.checkout__forms {
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

.checkout__placeholder {
	display: none;
	line-height: 1.3;
	margin-bottom: 16px
}

.checkout__placeholder:last-child {
	margin-bottom: 0
}

.checkout__placeholder p {
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin-bottom: 0
}

.checkout__placeholder-shipping-address-block {
	margin-top: 8px
}

.checkout__placeholder-dealer-delivery-estimate,
.checkout__placeholder-home-delivery-estimate {
	font-size: 1.4rem !important;
	line-height: 2.1rem !important
}

.checkout__placeholder-payment {
	display: flex;
	margin-bottom: 0
}

.checkout__placeholder-payment .cc-icon {
	height: 25px;
	margin-right: 8px;
	width: 35px
}

.checkout__placeholder-payment .cc-icon.visa {
	background: center/contain no-repeat url("../images/Visa.png")
}

.checkout__placeholder-payment .cc-icon.matercard {
	background: center/contain no-repeat url("../images/Mastercard.png")
}

.checkout__placeholder-payment .cc-icon.amex {
	background: center/contain no-repeat url("../images/American-Express.png")
}

.checkout__placeholder-payment .cc-icon.discover {
	background: center/contain no-repeat url("../images/Discover.png")
}

.checkout__placeholder-payment .cc-info {
	font-size: 1.6rem;
	line-height: 2.4rem
}

.checkout__placeholder-billing {
	margin-bottom: 16px;
	margin-top: 8px
}

.checkout__placeholder-billing p {
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin-bottom: 0
}

.checkout__zip-row .formField,
.checkout__zip-row p {
	width: 100%
}

@media all and (min-width: 961px) {
	.checkout__zip-row p {
		margin-left: 15px
	}
}

.checkout-selected::before,
.checkout__options-option input:checked+label::before {
	background-color: #000 !important
}

.checkout__step,
#checkoutOrderSummary {
	color: #000;
	border-top: 3px solid currentColor;
	padding: 16px 0
}

.checkout__step:last-of-type,
#checkoutOrderSummary:last-of-type {
	border-bottom: 3px solid currentColor
}

.checkout__step .form-completed-summary,
#checkoutOrderSummary .form-completed-summary {
	display: none
}

.checkout__step-edit {
	text-decoration: underline;
	font-size: 14px;
	line-height: 2.1rem;
	flex-shrink: 0;
	display: none
}

.checkout__step-edit em {
	font-style: normal;
	font-weight: 400;
	margin-left: 20px;
	cursor: pointer
}

.checkout__step[data-state=disabled],
[data-state=disabled]#checkoutOrderSummary {
	color: #707070
}

.checkout__step[data-state=disabled] .checkout__section-header,
[data-state=disabled]#checkoutOrderSummary .checkout__section-header {
	padding-bottom: 0
}

.checkout__step[data-state=disabled] form,
[data-state=disabled]#checkoutOrderSummary form {
	display: none
}

.checkout__step[data-state=completed] form:not(#CheckoutPayment),
[data-state=completed]#checkoutOrderSummary form:not(#CheckoutPayment) {
	display: none
}

.checkout__step[data-state=completed] #creditCardPayment,
[data-state=completed]#checkoutOrderSummary #creditCardPayment {
	display: none
}

.checkout__step[data-state=completed] .form-completed-summary,
[data-state=completed]#checkoutOrderSummary .form-completed-summary {
	display: block
}

.checkout__step[data-state=completed] .checkout__step-edit,
[data-state=completed]#checkoutOrderSummary .checkout__step-edit {
	display: block
}

.checkout__step[data-state=completed] .checkout__placeholder,
[data-state=completed]#checkoutOrderSummary .checkout__placeholder {
	display: block
}

@media(max-width: 767px) {

	.checkout #checkoutSteps .checkout__step:last-of-type,
	.checkout #checkoutSteps #checkoutOrderSummary:last-of-type {
		border-bottom: 0 none
	}
}

.checkout__options-row {
	justify-content: flex-start;
	align-items: flex-start
}

.checkout__options-option {
	width: 120px !important
}

.checkout__options-option+.checkout__options-option {
	margin-left: 10px
}

.checkout__options-option label {
	width: 120px;
	height: 120px;
	background: rgba(0, 0, 0, 0) !important;
	box-sizing: border-box;
	border: 1px solid #bdbdbd;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.checkout__options-option label span {
	display: block;
	text-align: center;
	max-width: 80px;
	font-family: "Space Mono", monospace;
	font-size: 1.3rem;
	letter-spacing: .95px;
	line-height: 1.2;
	color: #000;
	margin-bottom: 10px
}

.checkout__options-option input {
	visibility: hidden
}

.checkout__options-option p {
	margin: 10px 0 0;
	font-size: 1.2rem;
	text-align: left;
	padding: 0 2px
}

.checkout__shipping-section {
	margin-bottom: 24px
}

.checkout__shipping-section p {
	margin-bottom: 16px
}

.checkout__shipping-section .txt__section-headline+p {
	margin-bottom: 0
}

.checkout__shipping-section .button,
.checkout__shipping-section #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .checkout__shipping-section #lcly-button-buy,
.checkout__shipping-section .filter-product .clear-input,
.filter-product .checkout__shipping-section .clear-input {
	margin-top: 0
}

.checkout__shipping-section #HomeShippingForm .flex-row:last-child .formField {
	margin-bottom: 0
}

.checkout__payment-cards-accepted {
	text-align: left !important;
	margin-left: auto;
	width: 153px !important
}

.checkout__payment-cards-accepted label {
	font-size: 14px;
	font-weight: 600
}

@media all and (max-width: 768px) {
	.checkout__payment-cards-accepted {
		width: 111px !important
	}

	.checkout__payment-cards-accepted label {
		display: none
	}
}

.checkout__payment-cards-accepted img {
	width: 100%
}

.checkout__payment-cards-accepted__row {
	padding-bottom: 10px
}

.checkout__payment-details .formField+.formField {
	margin-left: 22px
}

@media all and (max-width: 600px) {
	.checkout__payment-details {
		flex-wrap: wrap
	}

	.checkout__payment-details .formField {
		width: calc(50% - 11px) !important
	}

	.checkout__payment-details .formField:last-child {
		margin-left: 0
	}
}

.checkout__retailers {
	display: flex;
	flex-direction: column
}

.checkout__retailers-list {
	overflow: auto;
	margin-bottom: 0 !important;
	padding-left: 0
}

.checkout__retailers-list__item {
	cursor: pointer;
	padding: 16px;
	padding-left: 56px;
	background-color: #f2f2f2
}

.checkout__retailers-list__item::before {
	content: "";
	display: block !important;
	width: 22px;
	height: 22px;
	border: 1px solid #000;
	border-radius: 50%;
	left: 16px;
	top: 16px;
	background: none;
	box-shadow: inset #fff 0 0 0 4px;
	background-color: #fff
}

.checkout__retailers-list__item-details p {
	font-size: 16px;
	line-height: 24px
}

.checkout__retailers-list__item-details__distance {
	font-size: 14px;
	line-height: 21px;
	padding-top: 4px
}

.checkout__retailers-button {
	margin: 0 0 0 auto;
	display: block
}

.checkout__retailers-see-more-link {
	margin-left: 0
}

.checkout__payment-options {
	display: flex;
	flex-direction: column
}

.checkout__payment-options .affirm-body-panel {
	padding-bottom: 16px;
	padding-left: 56px;
	padding-right: 16px
}

.checkout__payment-options .affirm-body-panel .button,
.checkout__payment-options .affirm-body-panel #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .checkout__payment-options .affirm-body-panel #lcly-button-buy,
.checkout__payment-options .affirm-body-panel .filter-product .clear-input,
.filter-product .checkout__payment-options .affirm-body-panel .clear-input {
	height: 42px;
	margin-top: 0;
	min-width: auto;
	width: 147px
}

.checkout__payment-options .affirm-body-panel p {
	margin-bottom: 0;
	margin-top: 16px
}

.checkout__payment-options .same-as-shipping-block {
	margin-bottom: 24px
}

.checkout__payment-options .same-as-shipping-block label {
	color: #000
}

.checkout__payment-options .payment-block-order-1 {
	order: 1
}

.checkout__payment-options .payment-block-order-2 {
	order: 2
}

.checkout__payment-options .payment-block-order-3 {
	order: 3
}

.checkout__payment-options .payment-block-order-4 {
	order: 4
}

.checkout__payment-options .single-payment {
	border-top: none !important
}

.checkout__payment-options .single-payment label {
	cursor: default
}

.checkout__payment-options .single-payment label::before {
	display: none
}

.checkout__payment-options .single-payment label span {
	padding-left: 16px !important
}

.checkout__step[data-step=contact][data-state=completed] .checkout__placeholder-contact,
[data-step=contact][data-state=completed]#checkoutOrderSummary .checkout__placeholder-contact {
	padding-bottom: 8px
}

.checkout__step[data-step=dealer][data-state=completed],
[data-step=dealer][data-state=completed]#checkoutOrderSummary {
	padding-bottom: 32px
}

.checkout__step[data-step=payment] .txt__section-headline>.checkout__step-edit,
[data-step=payment]#checkoutOrderSummary .txt__section-headline>.checkout__step-edit {
	display: none
}

.checkout__step[data-step=payment][data-state=completed] #CheckoutPayment .checkout__options-option,
[data-step=payment][data-state=completed]#checkoutOrderSummary #CheckoutPayment .checkout__options-option,
.checkout__step[data-step=payment][data-state=active] #CheckoutPayment .checkout__options-option,
[data-step=payment][data-state=active]#checkoutOrderSummary #CheckoutPayment .checkout__options-option {
	width: 100% !important;
	margin: 0
}

.checkout__step[data-step=payment][data-state=completed] #CheckoutPayment .checkout__options-option.payment-block-order-3,
[data-step=payment][data-state=completed]#checkoutOrderSummary #CheckoutPayment .checkout__options-option.payment-block-order-3,
.checkout__step[data-step=payment][data-state=active] #CheckoutPayment .checkout__options-option.payment-block-order-3,
[data-step=payment][data-state=active]#checkoutOrderSummary #CheckoutPayment .checkout__options-option.payment-block-order-3 {
	border-top: 1px solid #707070
}

.checkout__step[data-step=payment][data-state=completed] #CheckoutPayment .radio-toggle,
[data-step=payment][data-state=completed]#checkoutOrderSummary #CheckoutPayment .radio-toggle,
.checkout__step[data-step=payment][data-state=active] #CheckoutPayment .radio-toggle,
[data-step=payment][data-state=active]#checkoutOrderSummary #CheckoutPayment .radio-toggle {
	display: flex;
	width: 100%;
	height: auto;
	padding: 16px 0;
	border: none
}

.checkout__step[data-step=payment][data-state=completed] #CheckoutPayment .radio-toggle span,
[data-step=payment][data-state=completed]#checkoutOrderSummary #CheckoutPayment .radio-toggle span,
.checkout__step[data-step=payment][data-state=active] #CheckoutPayment .radio-toggle span,
[data-step=payment][data-state=active]#checkoutOrderSummary #CheckoutPayment .radio-toggle span {
	max-width: unset;
	margin: 0;
	font-family: unset;
	text-align: left;
	width: 100%;
	padding-left: 58px;
	font-size: 16px;
	line-height: 24px
}

.checkout__step[data-step=payment][data-state=completed] #CheckoutPayment .radio-toggle img,
[data-step=payment][data-state=completed]#checkoutOrderSummary #CheckoutPayment .radio-toggle img,
.checkout__step[data-step=payment][data-state=active] #CheckoutPayment .radio-toggle img,
[data-step=payment][data-state=active]#checkoutOrderSummary #CheckoutPayment .radio-toggle img {
	position: absolute;
	right: 16px
}

.checkout__step[data-step=payment][data-state=completed] #CheckoutPayment .radio-toggle::before,
[data-step=payment][data-state=completed]#checkoutOrderSummary #CheckoutPayment .radio-toggle::before,
.checkout__step[data-step=payment][data-state=active] #CheckoutPayment .radio-toggle::before,
[data-step=payment][data-state=active]#checkoutOrderSummary #CheckoutPayment .radio-toggle::before {
	content: "";
	position: absolute;
	left: 16px;
	width: 24px;
	height: 24px;
	border: 1px solid #000;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: inset #fff 0 0 0 4px
}

.checkout #paymetricSubmitted {
	display: flex;
	justify-content: space-between;
	padding: 0 16px
}

.checkout #paymetricSubmitted .checkout__step-edit {
	padding: 0 8px
}

.checkout #paymetricSubmitted .checkout__step-edit em {
	margin: 0
}

.checkout__place-order-block {
	background-color: #f8f8f8;
	padding: 0 20px 32px
}

.checkout__place-order-block p {
	color: #4f4f4f;
	font-size: 1.4rem;
	line-height: 2.1rem;
	margin-bottom: 0;
	text-align: center
}

.checkout__place-order-block p.place-order-terms {
	font-size: 1.2rem;
	line-height: 1.8rem
}

.checkout__place-order-block p.place-order-terms a {
	color: inherit
}

.checkout__place-order-block p.place-order-terms.vis-mobile-only {
	margin-top: 16px
}

.checkout__place-order-block .FullCart__help {
	margin: 0 auto 24px
}

.checkout__place-order {
	background-color: #fff;
	bottom: 0;
	left: 0;
	padding: 16px 20px 16px 16px;
	position: fixed;
	width: 100%;
	z-index: 999;
	border-top: 1px solid #000
}

.checkout__place-order .button svg,
.checkout__place-order #LocallyProductLocator.-enable-cta #lcly-button-buy svg,
#LocallyProductLocator.-enable-cta .checkout__place-order #lcly-button-buy svg,
.checkout__place-order .filter-product .clear-input svg,
.filter-product .checkout__place-order .clear-input svg {
	margin-top: -2px;
	margin-left: 12px
}

@media all and (min-width: 768px) {
	.checkout__place-order {
		background-color: inherit;
		padding: 0 0 24px;
		position: relative;
		border: none
	}
}

.checkout__order-review hr {
	margin: 30px 0
}

.checkout__order-review__shipping-panel__title {
	font-family: "Space Mono", monospace;
	text-transform: uppercase;
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: 2px
}

.checkout__order-review__headline {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start
}

@media all and (max-width: 768px) {
	.checkout__order-review__headline {
		justify-content: space-between
padding-top: 20px;
}
}

.checkout__order-review__edit {
	font-size: 1.4rem;
	margin-left: 20px;
	margin-top: 6px;
	font-weight: 400
}

.checkout__order-summary {
	background-color: #f8f8f8;
	color: #000;
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin-top: 24px;
	padding: 24px 20px
}

.checkout__order-summary .headline {
	font-size: 2.4rem;
	line-height: 2.9rem;
	margin-bottom: 24px
}

.checkout__order-summary-total {
	border-top: 1px solid #000;
	margin-bottom: 0 !important;
	padding-top: 16px
}

.checkout__order-summary .flex-row {
	margin-bottom: 16px
}

.checkout__order-summary .call2recycle__line-item>div>span:not(.checkout-update-value) {
	color: #707070;
	font-size: 1.2rem;
	line-height: 1.8rem;
	max-width: 65%
}

.checkout__order-summary .call2recycle__line-item>div>span:not(.checkout-update-value)>a {
	color: #707070
}

@media all and (min-width: 769px) {
	.checkout__order-summary {
		margin-bottom: 0;
		padding-bottom: 24px
	}
}

.checkout__confirmation-print {
	text-decoration: none
}

@media all and (min-width: 769px) {
	.checkout__confirmation-print {
		margin-left: 30px
	}
}

@media all and (min-width: 769px) {

	.checkout__confirmation-product-list,
	.checkout__confirmation-price-summary {
		border-left: 1px solid #000;
		padding-left: 30px;
		margin-left: 30px
	}
}

.checkout__error-modal .modalOuter {
	max-width: 385px
}

.checkout__error-modal .headline {
	font-size: 24px;
	line-height: 30px
}

.checkout__error-modal .button+a,
.checkout__error-modal #LocallyProductLocator.-enable-cta #lcly-button-buy+a,
#LocallyProductLocator.-enable-cta .checkout__error-modal #lcly-button-buy+a,
.checkout__error-modal .filter-product .clear-input+a,
.filter-product .checkout__error-modal .clear-input+a {
	margin: 20px auto 0;
	font-size: 1.6rem
}

.checkout__error-modal .Cart-item-img {
	width: 100px;
	height: 100px;
	background: center no-repeat;
	background-size: contain;
	margin-right: 12px
}

.checkout__error-modal h3.Cart-item-details-title {
	margin: 0 !important
}

.checkout__error-modal .Cart-item-details-subtitle {
	font-size: 1.4rem
}

.checkout__error-modal .Cart-item-size_and_color {
	padding: 14px 0 18px;
	margin: 0
}

.checkout__error-modal .shippingRestrictionsNotice-all {
	display: none
}

.checkout__error-modal .Cart-item {
	padding-top: 0
}

.checkout__registered-email-modal .closeModal {
	display: none
}

.checkout__registered-email-modal .modalOuter {
	height: auto !important;
	max-width: 400px;
	margin: 24px
}

.checkout__registered-email-modal-content {
	display: flex;
	flex-direction: column
}

.checkout__registered-email-modal-content h2 {
	margin-bottom: 24px
}

.checkout__registered-email-modal-content .triggerModalClose {
	margin-top: 32px;
	margin-bottom: 20px
}

#paymetricDataFrame {
	width: 100%;
	border: 0 none;
	margin-top: 16px
}

.contact-stage {
	display: none
}

[data-stage="Enter Email"]>.contact-stage[data-stage="Enter Email"] {
	display: block
}

[data-stage="Contact Form"]>.contact-stage[data-stage="Contact Form"] {
	display: block
}

.contact-stage .form-completed-summary p {
	margin-bottom: 0
}

#Checkout .Cart-item-wrapper,
.checkout__error-modal .Cart-item-wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px
}

@media all and (max-width: 768px) {

	#Checkout .Cart-item-wrapper,
	.checkout__error-modal .Cart-item-wrapper {
		gap: 8px
	}
}

#Checkout .Cart-item-img,
.checkout__error-modal .Cart-item-img {
	width: 100px;
	height: 100px
}

#Checkout .Cart-item-details,
.checkout__error-modal .Cart-item-details {
	padding: 0
}

#Checkout .Cart-item-details-title,
.checkout__error-modal .Cart-item-details-title {
	margin-bottom: 0 !important
}

#Checkout .Cart-item-details-subtitle,
.checkout__error-modal .Cart-item-details-subtitle {
	padding-top: 0;
	line-height: 1;
	color: #000
}

#Checkout .Cart-item-price,
.checkout__error-modal .Cart-item-price {
	margin: 6px 0 0 auto
}

#Checkout .Cart-item-size_and_color,
.checkout__error-modal .Cart-item-size_and_color {
	color: #000;
	margin-bottom: 0;
	padding-bottom: 0
}

#CheckoutDealer .button+.button,
#CheckoutDealer #LocallyProductLocator.-enable-cta #lcly-button-buy+.button,
#LocallyProductLocator.-enable-cta #CheckoutDealer #lcly-button-buy+.button,
#CheckoutDealer #LocallyProductLocator.-enable-cta .button+#lcly-button-buy,
#LocallyProductLocator.-enable-cta #CheckoutDealer .button+#lcly-button-buy,
#CheckoutDealer #LocallyProductLocator.-enable-cta #lcly-button-buy+#lcly-button-buy,
#LocallyProductLocator.-enable-cta #CheckoutDealer #lcly-button-buy+#lcly-button-buy,
#CheckoutDealer .filter-product .clear-input+.button,
#CheckoutDealer .filter-product #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
#LocallyProductLocator.-enable-cta #CheckoutDealer .filter-product .clear-input+#lcly-button-buy,
.filter-product #CheckoutDealer .clear-input+.button,
.filter-product #CheckoutDealer #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
#LocallyProductLocator.-enable-cta .filter-product #CheckoutDealer .clear-input+#lcly-button-buy,
#CheckoutDealer .filter-product .button+.clear-input,
#CheckoutDealer .filter-product #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
#LocallyProductLocator.-enable-cta #CheckoutDealer .filter-product #lcly-button-buy+.clear-input,
.filter-product #CheckoutDealer .button+.clear-input,
.filter-product #CheckoutDealer #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
#LocallyProductLocator.-enable-cta .filter-product #CheckoutDealer #lcly-button-buy+.clear-input,
#CheckoutDealer .filter-product .clear-input+.clear-input,
.filter-product #CheckoutDealer .clear-input+.clear-input {
	margin-top: 24px
}

#CheckoutEmail .txt__section-headline {
	margin-bottom: 8px !important
}

#CheckoutEmail .social-media-seperator {
	align-items: center;
	display: flex;
	margin: 24px auto;
	text-transform: uppercase
}

#CheckoutEmail .social-media-seperator p {
	font-size: 1.6rem;
	line-height: 2.7rem;
	margin-bottom: 0;
	padding: 0 8px
}

#CheckoutEmail .social-media-seperator span {
	border-bottom: 2px solid #000;
	display: inline-block;
	width: 100%
}

#CheckoutEmail .social-media-links {
	margin-bottom: 14px
}

#CheckoutEmail label[for=OffersSignUp] {
	color: #000;
	font-size: 14px;
	line-height: 21px
}

#checkoutOrderSummary {
	border-bottom: 3px solid #000
}

#checkoutOrderSummary.expandable-item .expandable-item__trigger {
	cursor: pointer;
	justify-content: flex-start;
	min-height: auto
}

#checkoutOrderSummary.expandable-item .expandable-item__trigger-text::before {
	margin-right: 0;
	padding: 4px;
	position: absolute;
	right: 0;
	top: 20px
}

#checkoutOrderSummary.expandable-item .expandable-item__content {
	border-bottom: none;
	border-top: none;
	position: relative
}

#checkoutOrderSummary.expandable-item.is-open .expandable-item__content {
	margin-top: 16px
}

#checkoutOrderSummary .Cart-item {
	background-color: #f8f8f8;
	border-bottom: none;
	margin-bottom: 8px;
	padding: 16px 8px
}

#checkoutOrderSummary .Cart-item-img {
	background-color: #fff;
	flex: none;
	width: 64px;
	height: 64px
}

#checkoutOrderSummary .Cart-item-details {
	flex: 0 0 calc(100% - 80px)
}

#checkoutOrderSummary .Cart-item-details-title {
	font-size: 1.6rem;
	line-height: 1.9rem;
	margin-bottom: 8px
}

#checkoutOrderSummary .Cart-item-details-subtitle {
	margin-top: 8px
}

#checkoutOrderSummary .Cart-item-details-subtitle,
#checkoutOrderSummary .Cart-item-size_and_color {
	color: #000;
	font-size: 1.4rem;
	line-height: 1.7rem;
	margin-bottom: 16px
}

#checkoutOrderSummary .Cart-item-quantity {
	border: none;
	display: block;
	font-size: 1.4rem;
	height: auto;
	line-height: 2.1rem
}

#checkoutOrderSummary .Cart-item-quantity:hover {
	background: none;
	color: #000
}

#checkoutOrderSummary .Cart-item-price {
	font-size: 1.6rem;
	line-height: 1.9rem;
	margin: auto 0
}

#checkoutOrderSummary .Cart-item-strikethrough-block {
	text-align: right
}

#checkoutOrderSummary .Cart-item-strikethrough-block .Cart-item-price-strikethrough {
	color: #000;
	margin-top: 4px;
	margin-bottom: 0;
	padding-bottom: 0
}

#checkoutOrderSummary .Cart-item .shippingRestrictionsNotice {
	margin-top: 16px
}

.shipping-has-accessories {
	display: block !important
}

#FindMoreRetailers {
	width: 60% !important;
	margin-left: 20px !important;
	margin-top: 7px !important;
	flex-shrink: 0
}

@media all and (max-width: 959px) {
	#FindMoreRetailers {
		width: 50% !important
	}
}

#creditCardPayment {
	margin: 0 16px
}

#creditCardPayment h2 {
	margin-bottom: 8px;
	margin-top: 0;
	font-size: 24px;
	line-height: 29px
}

#paymetricSubmitted+h2 {
	margin-top: 20px !important
}

.affirm-as-low-as {
	margin: 45px 0 20px
}

#MoreRetailersModal .modalOuter {
	max-width: none;
	overflow: hidden
}

@media all and (min-width: 768px) {
	#MoreRetailersModal .modalOuter {
		width: 400px
	}
}

#MoreRetailersModal .modalInner {
	height: 90vh;
	padding: 32px 20px
}

#MoreRetailersModal .modalInner p {
	margin: 8px 0 16px
}

#MoreRetailersModal .modalInner p:only-child {
	text-align: center;
	padding-bottom: 24px;
	border-bottom: 1px solid #787878
}

@media all and (max-width: 767px) {
	#MoreRetailersModal .modalInner {
		height: 100%
	}
}

#MoreRetailersModal .closeModal {
	background-color: #fff;
	top: 32px
}

#MoreRetailersModal .closeModal::before {
	color: #000
}

#MoreRetailersModal .txt__section-headline {
	font-size: 24px;
	line-height: 29px;
	margin-top: 40px !important
}

#MoreRetailersModal .form {
	margin-bottom: 30px
}

#MoreRetailersModal .formField {
	margin: 0 20px 0 0;
	max-width: 217px
}

@media(min-width: 1024px) {
	#MoreRetailersModal .formField {
		margin-top: 12px
	}
}

#MoreRetailersModal .button,
#MoreRetailersModal #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta #MoreRetailersModal #lcly-button-buy,
#MoreRetailersModal .filter-product .clear-input,
.filter-product #MoreRetailersModal .clear-input {
	height: 100% !important;
	line-height: 45px !important
}

#MoreRetailersModal .label-swap:not(.is-visible) {
	display: inline-block;
	opacity: 0
}

@media all and (min-width: 768px) {
	#selectRetailer {
		width: 50%;
		margin-right: auto
	}
}

#selectRetailer[data-disabled] {
	opacity: .2;
	cursor: default
}

#retailerSelectError {
	color: #d70a0a;
	font-size: 1.6rem;
	margin-bottom: 8px;
	text-align: left
}

.checkout__h3,
.txt__section-headline {
	font-size: 2.4rem;
	line-height: 2.9rem;
	font-weight: 700
}

#shippingSubmit {
	width: 100%
}

.formField {
	margin-bottom: 32px
}

.formField label {
	color: #707070;
	padding-left: 8px
}

.flex-row .formField:not(.hidden)+.formField {
	margin-left: 16px
}

@media(max-width: 375px) {
	.flex-row .formField:not(.hidden)+.formField {
		margin-left: 6px
	}
}

#Phone_Shipping,
#Phone_Contact,
#Zip_Contact {
	width: 224px
}

input::placeholder {
	color: #707070
}

.checkoutForm .button,
.checkoutForm #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .checkoutForm #lcly-button-buy,
.checkoutForm .filter-product .clear-input,
.filter-product .checkoutForm .clear-input {
	width: 100%;
	margin-bottom: 8px
}

#HomeShippingForm>.formField:last-child {
	margin-bottom: 0
}

#shippingSubmit {
	margin-top: 32px
}

.shippingRestrictionsNotice-all a {
	font-size: 1.3rem;
	padding: 6px 0
}

.shipping-restriction-modal.modalOpen .modalOuter {
	max-width: 787px
}

.shipping-restriction-modal.modalOpen .modalOuter .closeModal {
	background-color: #fff
}

.shipping-restriction-modal.modalOpen .modalOuter .closeModal::before {
	color: #000
}

.shipping-restriction-modal__info-modal-content {
	margin-top: 50px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 27px
}

.shipping-restriction-modal__info-modal-content h2 {
	font-size: 60px;
	line-height: 70px;
	font-weight: 700;
	margin-bottom: 0
}

.shipping-restriction-modal__info-modal-content p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 0
}

@media all and (max-width: 768px) {
	.shipping-restriction-modal {
		gap: 18px
	}

	.shipping-restriction-modal__width-lg.modalOpen .modalOuter {
		max-width: 100%;
		height: auto;
		position: absolute;
		top: 155px;
		margin: 0 25px;
		width: calc(100% - 50px)
	}

	.shipping-restriction-modal__info-modal-content h2 {
		font-size: 40px;
		line-height: 48px
	}

	.shipping-restriction-modal__info-modal-content p {
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
		margin-bottom: 0
	}
}

#retailerShortList .checkout__retailers-list__item-details p,
#retailerShortList .checkout__retailers-list__item-details h3,
#retailerList .checkout__retailers-list__item-details p,
#retailerList .checkout__retailers-list__item-details h3 {
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin: 0;
	padding: 0
}

#retailerShortList .checkout__retailers-list__item-details__distance,
#retailerList .checkout__retailers-list__item-details__distance {
	font-size: 1.4rem !important;
	line-height: 2.1rem !important;
	margin: 4px 0 8px 0 !important
}

#retailerShortList li {
	margin-bottom: 24px
}

#retailerShortList li:last-child {
	margin-bottom: 0
}

#retailerShortList .error-no-dealer {
	display: flex;
	gap: 16px
}

#retailerShortList .error-no-dealer p {
	color: #d70a0a;
	margin-bottom: 0
}

#retailerShortList .error-no-dealer .error-label__indicator {
	margin-top: 4px
}

#retailerShortList .button,
#retailerShortList #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta #retailerShortList #lcly-button-buy,
#retailerShortList .filter-product .clear-input,
.filter-product #retailerShortList .clear-input {
	display: none
}

#retailerList .checkout__retailers-list__item-details {
	width: 100%
}

#retailerList .button,
#retailerList #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta #retailerList #lcly-button-buy,
#retailerList .filter-product .clear-input,
.filter-product #retailerList .clear-input {
	background-color: #fff;
	margin-top: 16px
}

#retailerList .button:hover,
#retailerList #LocallyProductLocator.-enable-cta #lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta #retailerList #lcly-button-buy:hover,
#retailerList .filter-product .clear-input:hover,
.filter-product #retailerList .clear-input:hover {
	background-color: #000
}

#retailerList li {
	padding: 16px !important
}

#retailerList li::before {
	display: none !important
}

#retailerList .error-label__indicator,
#retailerList span {
	display: none
}

#retailerList .error-no-dealer {
	text-align: center;
	padding: 26px 0 24px 0;
	border-bottom: 1px solid #bdbdbd
}

.formField:has(label.is-visible)~.help-icon-container {
	margin-top: 24px
}

.formField.has-error~.help-icon-container {
	align-self: start;
	margin-top: 18px
}

.formField.has-error:has(label.is-visible)~.help-icon-container {
	align-self: start;
	margin-top: 42px
}

.checkoutForm .help-icon-container .tooltip__message.-show {
	left: -124px
}

.checkoutForm .help-icon-container .tooltip__message.-show::after {
	left: 123px
}

.site-header:has(.checkout-header) {
	border-color: #000
}

.site-header:has(.checkout-header) #eyebrow {
	display: none
}

.site-header:has(.checkout-header).sticky-eyebrow {
	padding-top: 0
}

@media(min-width: 768px) {
	#checkoutOrderSummary__sticky-wrapper {
		position: sticky;
		top: 24px
	}
}

#ShippingPanelTriggers {
	display: none
}

#contactHeaderStandAlone {
	border-top: 3px solid #707070;
	color: #707070;
	padding-top: 16px
}

.canada_shipping_modal .closeModal {
	background-color: #fff
}

.canada_shipping_modal .closeModal::before {
	color: #000
}

.canada_shipping_modal .modalOuter {
	max-width: 400px
}

.canada_shipping_modal .modalInner {
	padding-top: 24px;
	padding-bottom: 32px
}

.canada_shipping_modal__content h3 {
	font-size: 24px;
	line-height: 34px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 44px
}

.canada_shipping_modal__content table {
	width: 100%;
	border-collapse: collapse
}

.canada_shipping_modal__content table tr td {
	border-bottom: 1px solid #bdbdbd;
	font-size: 1.4rem;
	height: 50px;
	line-height: 2.1rem;
	padding: 0 16px 0 0;
	text-align: right;
	vertical-align: bottom
}

.canada_shipping_modal__content table tr td:first-child {
	padding: 0 0 0 16px;
	text-align: left
}

.canada_shipping_modal__content table tr td.table-sub-head {
	border-bottom: none;
	height: auto;
	line-height: 0;
	padding: 16px 0 0 0
}

.canada_shipping_modal__content table tr td.table-sub-head span {
	background-color: #f8f8f8;
	color: #4f4f4f;
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.8rem;
	padding: 0 24px;
	text-align: left;
	width: 100%
}

.canada_shipping_modal__content table tr td.shipping-footnote {
	border-bottom: none;
	height: auto;
	line-height: 0
}

.canada_shipping_modal__content table tr td.shipping-footnote span {
	color: #707070;
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.8rem;
	padding: 24px 0 0 0
}

.canada_shipping_modal__content table tr:nth-child(2) .table-sub-head {
	padding-top: 0
}

@media(min-width: 768px) {
	.canada_shipping_modal td {
		height: 40px !important
	}
}

.modal[data-modal-name=ebike-restricted-modal] .modalOuter {
	max-width: 435px
}

.modal[data-modal-name=ebike-restricted-modal] .headline {
	margin-bottom: 24px
}

.modal[data-modal-name=ebike-restricted-modal] .subheadline {
	font-size: 16px;
	line-height: 24px
}

.modal[data-modal-name=ebike-restricted-modal] .Cart-item-wrapper {
	margin-bottom: 8px
}

.modal[data-modal-name=ebike-restricted-modal] .Cart-item-wrapper .Cart-item {
	align-items: center;
	border: none
}

.modal[data-modal-name=ebike-restricted-modal] .Cart-item-wrapper .Cart-item-details {
	flex: unset
}

@media(max-width: 767px) {
	.modal[data-modal-name=ebike-restricted-modal] .Cart-item-wrapper .Cart-item-details {
		flex: 1
	}
}

.modal[data-modal-name=ebike-restricted-modal] .Cart-item-wrapper .Cart-item-details-title {
	font-size: 24px;
	line-height: 36px
}

@media(max-width: 767px) {
	.modal[data-modal-name=ebike-restricted-modal] .Cart-item-wrapper .Cart-item-details-title {
		font-size: 21px;
		line-height: 27px
	}
}

.modal[data-modal-name=ebike-restricted-modal] .Cart-item-wrapper .Cart-item-details-subtitle {
	font-size: 14px;
	line-height: 21px;
	margin: 0;
	margin-top: 6px
}

.modal[data-modal-name=ebike-restricted-modal] .Cart-item-wrapper .Cart-item-img {
	margin: 0;
	height: 100%;
	width: 100%
}

.modal[data-modal-name=ebike-restricted-modal] .Cart-item-wrapper .Cart-item-img__wrapper {
	align-self: center;
	background-color: #f7f5f5;
	padding: 8px;
	margin-right: 12px;
	height: 100px;
	width: 100px
}

.modal[data-modal-name=ebike-restricted-modal] .Cart-item-wrapper .Cart-item-size_and_color {
	padding: 0;
	margin-top: 10px;
	font-size: 14px;
	line-height: 21px
}

.modal[data-modal-name=ebike-restricted-modal] .button,
.modal[data-modal-name=ebike-restricted-modal] #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .modal[data-modal-name=ebike-restricted-modal] #lcly-button-buy,
.modal[data-modal-name=ebike-restricted-modal] .filter-product .clear-input,
.filter-product .modal[data-modal-name=ebike-restricted-modal] .clear-input {
	margin-top: 16px
}

@media(max-width: 1024px) {

	.modal[data-modal-name=ebike-restricted-modal] .button,
	.modal[data-modal-name=ebike-restricted-modal] #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .modal[data-modal-name=ebike-restricted-modal] #lcly-button-buy,
	.modal[data-modal-name=ebike-restricted-modal] .filter-product .clear-input,
	.filter-product .modal[data-modal-name=ebike-restricted-modal] .clear-input {
		margin-top: 0
	}
}

#oc-totals {
	width: 50%;
	max-width: 50%;
	min-width: 50%
}

#oc-totals li span {
	max-width: 65%
}

@media print {
	@page {
		size: 8.5in 11in;
		margin: 0;
		padding: 0;
		margin-top: 56px
	}

	body {
		margin: 0;
		padding: 0;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important
	}

	#order-confirmation {
		width: calc(100% - 132px);
		max-width: calc(100% - 132px);
		min-width: calc(100% - 132px);
		margin: 0 42px;
		padding: 0;
		position: absolute;
		top: 0
	}

	#order-confirmation .oc-row {
		display: flex;
		width: 100%
	}

	#order-confirmation .oc-row>div:not([id=oc-details]) {
		width: 50%;
		padding-right: 15px
	}

	#order-confirmation .oc-row>div:not([id=oc-details])+* {
		padding: 0 15px
	}

	#order-confirmation .oc-row .oc-estimate {
		font-size: 1.4rem !important
	}

	#order-confirmation #oc-details {
		width: 100%;
		display: block
	}

	#order-confirmation #oc-details p {
		width: max-content;
		max-width: 200%
	}

	#order-confirmation #oc-totals {
		width: 50%;
		max-width: 50%;
		min-width: 50%
	}

	#order-confirmation #oc-totals li span {
		max-width: 65%
	}

	#order-confirmation .Cart-item-details {
		display: block;
		width: calc(100% - 80px);
		max-width: calc(100% - 80px);
		min-width: calc(100% - 80px)
	}

	#userwayAccessibilityIcon,
	#oc-tracking,
	#OrderConfirmationServices,
	#site-header-wrap {
		display: none
	}
}

.compare-tool {
	background: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999999999;
	width: 100%;
	max-width: none
}

.compare-tool.is-takeover {
	bottom: auto;
	height: 100%;
	overflow-y: scroll;
	top: 0;
	-webkit-overflow-scrolling: touch
}

.compare-tool .compare-toolbar {
	background: #000;
	color: #fff;
	padding-left: 17px;
	padding-right: 17px
}

@media all and (max-width: 959px) {
	.compare-tool .compare-toolbar {
		border-bottom: 1px solid #333
	}
}

@media all and (min-width: 960px) {
	.compare-tool .compare-toolbar {
		padding: 11px 20px 10px
	}
}

.compare-tool .compare-toolbar .content-container {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.compare-tool.is-takeover .compare-toolbar {
	margin: 0;
	position: sticky;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%
}

.compare-tool.is-takeover .compare-toolbar .content-container {
	justify-content: flex-end
}

.compare-tool .toolbar-spacer {
	display: none !important
}

.compare-tool .show-trigger {
	color: #fff;
	cursor: pointer;
	font-size: 1rem
}

@media all and (max-width: 959px) {
	.compare-tool .show-trigger {
		display: none
	}
}

@media all and (min-width: 960px) {
	.compare-tool .show-trigger {
		font-size: 1.2rem
	}
}

.compare-tool .show-trigger:hover {
	color: #008a02
}

.compare-tool .show-trigger:hover .icon {
	color: #008a02;
	transition: all .15s ease-out
}

.compare-tool .show-trigger.is-active .icon {
	transform: rotate(180deg)
}

.compare-tool .show-trigger .icon {
	display: inline-block
}

.compare-tool.is-takeover .show-trigger {
	display: none
}

.compare-tool .compare-trigger.secondary {
	border-color: #fff;
	color: #fff;
	line-height: 30px
}

.compare-tool .compare-trigger.secondary:hover {
	border-color: #008a02
}

.compare-tool .compare-trigger.secondary:hover,
.compare-tool .compare-trigger.secondary:hover .icon {
	color: #008a02
}

.compare-tool .compare-trigger.secondary.is-active .icon-plus:before {
	content: "瞍?
}

@media all and (max-width: 959px) {
	.compare-tool .compare-trigger.secondary {
		border: none;
		display: flex;
		justify-content: space-between;
		width: 100%
	}
}

@media all and (max-width: 959px) {
	.compare-tool .compare-trigger.secondary [class*=icon-arrow] {
		display: none
	}
}

@media all and (min-width: 960px) {
	.compare-tool .compare-trigger.secondary .icon-plus {
		display: none
	}
}

@media all and (max-width: 959px) {
	.compare-tool .compare-trigger.secondary .icon-container {
		display: none
	}
}

.compare-tool .compare-trigger.secondary .icon-container .icon {
	display: block;
	line-height: .3;
	margin-right: 11px
}

@media all and (min-width: 960px)and (max-width: 1199px) {
	.compare-tool .compare-trigger.secondary .icon-container .icon {
		font-size: 2.4rem
	}
}

@media all and (min-width: 1200px) {
	.compare-tool .compare-trigger.secondary .icon-container .icon {
		font-size: 3rem
	}
}

@media all and (max-width: 959px) {
	.compare-tool .compare-panel-header {
		height: 0;
		overflow: hidden
	}
}

@media all and (min-width: 960px) {
	.compare-tool .compare-panel-header {
		display: flex;
		justify-content: space-between
padding-top: 20px;
}
}

.compare-tool .compare-panel-header .content-container {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 100vw;
	max-width: 1281px
}

.compare-tool .compare-panel-header .product {
	border-right: 2px solid gray;
	padding: 15px 34px;
	width: calc(50% - 1px)
}

@media all and (min-width: 960px) {
	.compare-tool .compare-panel-header .product {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-grow: 1;
		padding: 15px;
		width: 33%
	}
}

@media all and (min-width: 1200px) {
	.compare-tool .compare-panel-header .product {
		padding: 25px
	}
}

@media all and (min-width: 960px)and (max-width: 1199px) {
	.compare-tool .compare-panel-header .product:first-child {
		padding-left: 20px
	}
}

@media all and (min-width: 960px)and (max-width: 1199px) {
	.compare-tool .compare-panel-header .product:last-child {
		padding-right: 20px
	}
}

@media all and (max-width: 959px) {
	.compare-tool .compare-panel-header .product:nth-child(2) {
		border-right: none
	}
}

.compare-tool .compare-panel-header .product:last-child {
	border-right: none
}

.compare-tool .compare-panel-header img {
	display: none
}

@media all and (min-width: 960px) {
	.compare-tool .compare-panel-header img {
		display: block;
		margin: 0 15px 0 0;
		max-width: 74px
	}
}

@media all and (min-width: 1200px) {
	.compare-tool .compare-panel-header img {
		margin: 0 25px 0 0;
		max-width: 98px
	}
}

.compare-tool .compare-panel-header .title {
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: 400;
	margin: 0
}

@media all and (min-width: 960px) {
	.compare-tool .compare-panel-header .title {
		font-size: 1.3rem;
		line-height: 1.2;
		margin-right: auto;
		padding-right: 15px;
		width: 80%
	}
}

@media all and (min-width: 1200px) {
	.compare-tool .compare-panel-header .title {
		font-size: 1.6rem
	}
}

.compare-tool .compare-panel-header .title .platform {
	display: block;
	font-weight: 700
}

@media all and (max-width: 959px) {
	.compare-tool .compare-panel-header .remove {
		display: none
	}
}

@media all and (min-width: 960px) {
	.compare-tool .compare-panel-header .remove {
		font-size: 1rem
	}
}

@media all and (min-width: 1200px) {
	.compare-tool .compare-panel-header .remove {
		font-size: 1.4rem
	}
}

.compare-tool .compare-panel-header .add {
	text-decoration: none
}

@media all and (min-width: 960px) {
	.compare-tool .compare-panel-header .add {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-grow: 1;
		font-size: 1.3rem;
		width: 33%
	}
}

@media all and (min-width: 960px) {
	.compare-tool .compare-panel-header .add .icon {
		font-size: 0.6rem;
		margin-right: 9px
	}
}

@media all and (min-width: 960px) {
	.compare-tool .compare-panel-header[data-count="1up"] .product {
		padding: 19px 0
	}
}

@media all and (min-width: 960px) {
	.compare-tool .compare-panel-header[data-count="1up"] .product+.add {
		flex-grow: 0;
		width: 50%
	}
}

@media all and (min-width: 960px) {
	.compare-tool .compare-panel-header[data-count="1up"] img {
		flex-grow: 0;
		margin: 0 10.46% 0 8.15%;
		max-width: 174px
	}
}

@media all and (min-width: 960px) {
	.compare-tool .compare-panel-header[data-count="1up"] .remove {
		margin-right: 8.15%
	}
}

.compare-tool.is-takeover .compare-panel-header {
	background: #fff;
	border-bottom: 2px solid gray;
	height: 0;
	overflow: hidden;
	position: fixed;
	max-width: none;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%
}

.compare-tool.is-takeover .compare-panel-header.is-sticky {
	height: auto
}

.compare-tool .secondary-headline {
	border-bottom: 1px solid #cfcfcf;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 23px;
	padding: 0 0 11px;
	width: 100%
}

.compare-tool .secondary-headline:first-of-type {
	margin-top: 55px
}

@media all and (min-width: 1200px) {
	.compare-tool .secondary-headline {
		font-size: 2rem;
		margin-bottom: 26px;
		padding-bottom: 24px
	}
}

.compare-tool .compare-panel {
	padding-left: 25px;
	padding-right: 25px
}

@media all and (min-width: 960px) {
	.compare-tool .compare-panel.is-open {
		margin-top: 50px
	}
}

.compare-tool .info-grid,
.compare-tool .product-grid {
	flex-wrap: nowrap
}

@media all and (max-width: 959px) {

	.compare-tool .info-grid,
	.compare-tool .product-grid {
		justify-content: space-between
padding-top: 20px;
}
}

.compare-tool .product-grid {
	margin-bottom: 0
}

.compare-tool .product-grid.is-open {
	margin-bottom: 22px
}

@media all and (min-width: 960px) {
	.compare-tool .product-grid.is-open {
		margin-bottom: 44px
	}
}

@media all and (min-width: 1200px) {
	.compare-tool .product-grid.is-open {
		margin-bottom: 78px
	}
}

.compare-tool .product-grid.tablet-up {
	display: none
}

@media all and (min-width: 960px) {
	.compare-tool .product-grid.tablet-up {
		display: flex
	}
}

@media all and (max-width: 959px) {
	.compare-tool .product-grid.mobile-only {
		background: #000;
		display: flex;
		padding-top: 88px
	}
}

@media all and (min-width: 960px) {
	.compare-tool .product-grid.mobile-only {
		display: none
	}
}

.compare-tool .card {
	flex-grow: 1;
	max-width: 50%
}

@media all and (max-width: 959px) {

	.compare-tool .info-card,
	.compare-tool .product-card {
		width: calc(50% - 4px)
	}
}

.compare-tool .product-card .tags {
	width: 100%
}

.compare-tool .info-card li {
	line-height: 1.1428571429;
	margin: 0 16px 16px 0
}

@media all and (min-width: 960px) {
	.compare-tool .info-card li {
		font-size: 1.6rem;
		line-height: 1.4444444444;
		margin: 0
	}
}

@media all and (min-width: 1200px) {
	.compare-tool .info-card li {
		font-size: 1.8rem
	}
}

.compare-tool .mobile-compare-card {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex-basis: 100%;
	flex-shrink: 1;
	padding: 0 4px
}

.compare-tool .mobile-compare-card .text,
.compare-tool .mobile-compare-card .actions {
	padding: 0 10px
}

.compare-tool .mobile-compare-card .text {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-bottom: auto
}

.compare-tool .mobile-compare-card .title,
.compare-tool .mobile-compare-card .price {
	color: #fff;
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1.3
}

.compare-tool .mobile-compare-card .title {
	display: flex;
	flex-direction: column
}

@media all and (max-width: 1200px) {
	.compare-tool .mobile-compare-card .title {
		opacity: 1 !important
	}
}

.compare-tool .mobile-compare-card .title .name {
	order: 2
}

.compare-tool .mobile-compare-card .title strong {
	order: 1;
	display: block;
	font-weight: 700
}

.compare-tool .mobile-compare-card .title .year {
	color: rgba(255, 255, 255, .7);
	display: block;
	font-size: 1rem;
	margin: 10px 0 5px;
	order: 3
}

.compare-tool .mobile-compare-card .price {
	display: block;
	padding-bottom: 24px
}

.compare-tool .mobile-compare-card .button,
.compare-tool .mobile-compare-card #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .compare-tool .mobile-compare-card #lcly-button-buy,
.compare-tool .mobile-compare-card .filter-product .clear-input,
.filter-product .compare-tool .mobile-compare-card .clear-input {
	margin: 11px 0;
	border-color: #fff;
	color: #fff;
	line-height: 51px;
	min-width: 0
}

.compare-tool .mobile-compare-card .button:hover,
.compare-tool .mobile-compare-card #LocallyProductLocator.-enable-cta #lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .compare-tool .mobile-compare-card #lcly-button-buy:hover,
.compare-tool .mobile-compare-card .filter-product .clear-input:hover,
.filter-product .compare-tool .mobile-compare-card .clear-input:hover {
	background: #fff;
	color: #000
}

.compare-tool .mobile-compare-card .remove a {
	color: #fff
}

.compare-tool .mobile-compare-card .look {
	background: #fff;
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	margin: 22px 0 0 0
}

.compare-tool .mobile-compare-card .look img {
	margin-bottom: 26px;
	max-width: 100%
}

.compare-tool .mobile-compare-card .look .content {
	background: #f7f5f5;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: calc(50vw - 40px);
	padding: 0 12px 6px
}

.compare-tool .mobile-compare-card .color {
	border-radius: 100%;
	display: block;
	height: 6px;
	margin: 0 0 6px;
	width: 6px
}

.compare-tool .mobile-compare-card:first-child .look {
	margin-left: -20px;
	margin-right: -4px;
	padding: 23px 4px 34px 20px
}

.compare-tool .mobile-compare-card:last-child .look {
	margin-left: -4px;
	margin-right: -20px;
	padding: 23px 20px 34px 4px
}

.compare-tool .empty-compare-card .look .content::after {
	content: "";
	display: block
}

@media all and (min-width: 960px) {
	.compare-tool .compare-specifications {
		margin-bottom: 70px
	}
}

.compare-tool .compare-specifications .secondary-headline {
	border: none;
	margin-bottom: 13px;
	font-size: 3.5rem
}

@media all and (min-width: 960px) {
	.compare-tool .compare-specifications .secondary-headline {
		margin-bottom: 36px
	}
}

@media all and (min-width: 1200px) {
	.compare-tool .compare-specifications .secondary-headline {
		margin-bottom: 55px
	}
}

.compare-tool .compare-specifications .section-title {
	border-bottom: 1px solid #cecece;
	font-size: 1.8rem;
	font-family: "Space Mono", monospace;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0 0 12px;
	width: 100%
}

@media all and (min-width: 960px) {
	.compare-tool .compare-specifications .section-title {
		font-size: 1.8rem;
		margin-bottom: 28px;
		padding-bottom: 15px
	}
}

.compare-tool .specifications-section-group+.specifications-section-group {
	padding-top: 55px
}

.compare-tool .specifications-section {
	border-bottom: 1px solid #cecece;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 10px 0 24px
}

@media all and (min-width: 960px) {
	.compare-tool .specifications-section {
		padding: 28px 0 17px;
		flex-wrap: nowrap
	}
}

.compare-tool .section-title+.specifications-section {
	padding-top: 0
}

.compare-tool .header {
	width: 100%
}

@media all and (min-width: 960px) {
	.compare-tool .header {
		flex-grow: 0;
		flex-shrink: 0;
		width: 115px
	}
}

.compare-tool .header .title {
	margin: 0;
	font-weight: 700
}

@media all and (min-width: 960px) {
	.compare-tool .header .title {
		font-size: 1.4rem;
		line-height: 1.2142857143;
		margin-bottom: 4px
	}
}

.compare-tool .specs-trigger {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	margin: 0 0 8px;
	opacity: .6;
	text-decoration: none
}

@media all and (min-width: 960px) {
	.compare-tool .specs-trigger {
		font-size: 1.2rem
	}
}

.compare-tool .specs-trigger .icon {
	display: inline-block;
	font-size: 1rem;
	margin: 0 0 0 2px
}

@media all and (min-width: 960px) {
	.compare-tool .specs-trigger .icon {
		font-size: 1rem
	}
}

.compare-tool .specs-trigger:hover .icon {
	color: #008a02
}

.compare-tool .specs-trigger.is-active .icon {
	transform: rotate(180deg)
}

.compare-tool .specs-trigger.vis-mobile-only {
	flex-shrink: 0;
	width: 100%
}

.compare-tool .specs {
	padding: 0 10px
}

@media all and (max-width: 959px) {
	.compare-tool .specs {
		width: calc(50% - 4px)
	}
}

@media all and (min-width: 960px) {
	.compare-tool .specs {
		width: 30.6666666667%;
		flex-grow: 1;
		max-width: 50%
	}
}

.compare-tool .specs li {
	font-size: 1.2rem;
	line-height: 1.5
}

@media all and (min-width: 960px) {
	.compare-tool .specs li {
		font-size: 1.4rem;
		line-height: 1.2142857143;
		margin-bottom: 11px
	}
}

.consumer-benefits {
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
	padding: 40px 0;
	position: relative;
	display: flex
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .consumer-benefits {
		height: 900px;
		padding: 20px 0
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .consumer-benefits {
		height: 900px;
		padding: 20px 0
	}
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .consumer-benefits {
		flex-direction: column;
		justify-content: center;
		min-height: 70vw
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .consumer-benefits {
		flex-direction: column;
		justify-content: center;
		min-height: 70vw
	}
}

@media all and (max-width: 767px) {
	body.pdp__body .consumer-benefits {
		min-height: 100vw
	}
}

.consumer-benefits::after {
	background-color: rgba(0, 0, 0, .6);
	content: "";
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.consumer-benefits .consumer-benefits-container {
	display: flex;
	align-items: stretch;
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 2000px;
	margin: 0 auto
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .consumer-benefits .consumer-benefits-container {
		flex-direction: column
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .consumer-benefits .consumer-benefits-container {
		flex-direction: column
	}
}

.consumer-benefits .consumer-benefits-item {
	border-right: 1px solid #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 35px;
	width: 100%
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .consumer-benefits .consumer-benefits-item {
		border: 0;
		padding: 40px 0
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .consumer-benefits .consumer-benefits-item {
		border: 0;
		padding: 40px 0
	}
}

.consumer-benefits .consumer-benefits-item:last-child {
	border-right: 0
}

.consumer-benefits .consumer-benefits-item:focus {
	outline: none
}

.consumer-benefits .consumer-benefits-item picture {
	margin: 0 0 55px;
	width: 150px
}

@media all and (max-width: 960px) {
	body:not(.pdp__body) .consumer-benefits .consumer-benefits-item picture {
		margin-bottom: 45px;
		width: 125px
	}
}

@media all and (max-width: 1369.88px) {
	body.pdp__body .consumer-benefits .consumer-benefits-item picture {
		margin-bottom: 45px;
		width: 125px
	}
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .consumer-benefits .consumer-benefits-item picture {
		margin-bottom: 35px;
		width: 150px
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .consumer-benefits .consumer-benefits-item picture {
		margin-bottom: 35px;
		width: 150px
	}
}

.consumer-benefits .consumer-benefits-item .eyebrow {
	background-color: rgba(0, 0, 0, 0);
	color: #fff;
	font-size: 1.3rem;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 16px
}

@media all and (max-width: 1200px) {
	body:not(.pdp__body) .consumer-benefits .consumer-benefits-item .eyebrow {
		font-size: 1.2rem
	}
}

@media all and (max-width: 1649px) {
	body.pdp__body .consumer-benefits .consumer-benefits-item .eyebrow {
		font-size: 1.2rem
	}
}

.consumer-benefits .consumer-benefits-item .headline {
	color: #fff;
	font-size: 2.4rem;
	line-height: 1.1;
	margin: 0 0 17px;
	text-align: center
}

@media all and (max-width: 960px) {
	body:not(.pdp__body) .consumer-benefits .consumer-benefits-item .headline {
		font-size: 2.2rem
	}
}

@media all and (max-width: 1369.88px) {
	body.pdp__body .consumer-benefits .consumer-benefits-item .headline {
		font-size: 2.2rem
	}
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .consumer-benefits .consumer-benefits-item .headline {
		font-size: 2.6rem;
		margin-bottom: 20px
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .consumer-benefits .consumer-benefits-item .headline {
		font-size: 2.6rem;
		margin-bottom: 20px
	}
}

.consumer-benefits .consumer-benefits-item .trigger {
	background: rgba(0, 0, 0, 0);
	border: none;
	color: #fff;
	font-size: 3.1rem;
	line-height: 1;
	margin: 5px 0 0
}

.consumer-benefits .consumer-benefits-item .trigger:hover {
	border: none
}

.consumer-benefits .consumer-benefits-item .description {
	color: #fff;
	font-size: 1.4rem;
	line-height: 21px;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
	opacity: 0;
	max-height: 0;
	max-width: 260px;
	transition: max-height .5s cubic-bezier(0.5, 0, 0.1, 1)
}

@media all and (max-width: 960px) {
	body:not(.pdp__body) .consumer-benefits .consumer-benefits-item .description {
		font-size: 1.2rem
	}
}

@media all and (max-width: 1369.88px) {
	body.pdp__body .consumer-benefits .consumer-benefits-item .description {
		font-size: 1.2rem
	}
}

@media all and (max-width: 768px) {

	body:not(.pdp__body) .consumer-benefits .consumer-benefits-item .description,
	body:not(.pdp__body) .consumer-benefits .consumer-benefits-item .description p {
		font-size: 1.4rem
	}
}

@media all and (max-width: 1095.704px) {

	body.pdp__body .consumer-benefits .consumer-benefits-item .description,
	body.pdp__body .consumer-benefits .consumer-benefits-item .description p {
		font-size: 1.4rem
	}
}

.consumer-benefits .consumer-benefits-item .description .inner {
	min-height: 147px
}

.consumer-benefits .consumer-benefits-item .description .inner p:last-child {
	margin-bottom: 0
}

.consumer-benefits .consumer-benefits-item .interaction {
	text-align: center
}

.consumer-benefits .consumer-benefits-item .interaction.is-open .trigger {
	display: none
}

.consumer-benefits .consumer-benefits-item .interaction.is-open .description {
	height: auto;
	opacity: 1;
	transition: all .5s cubic-bezier(0.5, 0, 0.1, 1);
	max-height: 500px
}

.consumer-benefits.four-items .consumer-benefits-item {
	padding: 0 10px
}

@media all and (min-width: 960px) {
	body:not(.pdp__body) .consumer-benefits.four-items .consumer-benefits-item {
		padding: 0 35px
	}
}

@media all and (min-width: 1370.88px) {
	body.pdp__body .consumer-benefits.four-items .consumer-benefits-item {
		padding: 0 35px
	}
}

@media all and (max-width: 1200px) {
	body:not(.pdp__body) .consumer-benefits.four-items .consumer-benefits-item picture {
		margin-bottom: 45px;
		width: 125px
	}
}

@media all and (max-width: 1649px) {
	body.pdp__body .consumer-benefits.four-items .consumer-benefits-item picture {
		margin-bottom: 45px;
		width: 125px
	}
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .consumer-benefits.four-items .consumer-benefits-item picture {
		margin-bottom: 35px;
		width: 150px
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .consumer-benefits.four-items .consumer-benefits-item picture {
		margin-bottom: 35px;
		width: 150px
	}
}

@media all and (max-width: 1200px) {
	body:not(.pdp__body) .consumer-benefits.four-items .consumer-benefits-item .headline {
		font-size: 2.2rem
	}
}

@media all and (max-width: 1649px) {
	body.pdp__body .consumer-benefits.four-items .consumer-benefits-item .headline {
		font-size: 2.2rem
	}
}

@media all and (max-width: 960px) {
	body:not(.pdp__body) .consumer-benefits.four-items .consumer-benefits-item .headline {
		font-size: 2rem
	}
}

@media all and (max-width: 1369.88px) {
	body.pdp__body .consumer-benefits.four-items .consumer-benefits-item .headline {
		font-size: 2rem
	}
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .consumer-benefits.four-items .consumer-benefits-item .headline {
		font-size: 2.6rem
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .consumer-benefits.four-items .consumer-benefits-item .headline {
		font-size: 2.6rem
	}
}

@media all and (max-width: 1200px) {
	body:not(.pdp__body) .consumer-benefits.four-items .consumer-benefits-item .description {
		font-size: 1.2rem
	}
}

@media all and (max-width: 1649px) {
	body.pdp__body .consumer-benefits.four-items .consumer-benefits-item .description {
		font-size: 1.2rem
	}
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .consumer-benefits.four-items .consumer-benefits-item .description {
		font-size: 1.4rem
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .consumer-benefits.four-items .consumer-benefits-item .description {
		font-size: 1.4rem
	}
}

@media all and (max-width: 767px) {
	.content-assist {
		border-top: 1px solid #e8e8e8
	}
}

.content-assist .trigger {
	cursor: default;
	padding: 0
}

.content-assist .trigger:focus {
	outline: none
}

@media all and (max-width: 767px) {
	.content-assist .trigger {
		cursor: pointer;
		padding: 16px 0 15px;
		text-align: left;
		width: 100%
	}

	.content-assist .trigger * {
		font-size: 1.3rem;
		font-weight: 700;
		margin: 0;
		padding: 0
	}
}

.content-assist .trigger * {
	display: flex;
	justify-content: space-between;
	width: 100%
}

.content-assist .trigger *::after {
	top: -3px
}

@media all and (min-width: 768px) {
	.content-assist .trigger *::after {
		content: none
	}
}

@media all and (max-width: 767px) {
	.content-assist .panel {
		border-bottom: 1px solid #e8e8e8;
		height: 0;
		overflow: hidden
	}
}

@media all and (max-width: 767px) {
	.content-assist .section.is-expanded .panel {
		height: auto;
		line-height: 1.7857142857;
		padding: 32px 0
	}
}

@media all and (min-width: 1200px) {
	.content-assist .section h2 {
		margin-top: 65px
	}
}

.nav-contentassist {
	display: none
}

@media all and (min-width: 768px) {
	.nav-contentassist {
		display: block
	}
}

.nav-contentassist a {
	color: #000;
	display: inline-block;
	font-weight: 700;
	text-decoration: none
}

@media all and (min-width: 768px) {
	.nav-contentassist a {
		padding: 6px 0
	}
}

@media all and (min-width: 1200px) {
	.nav-contentassist a {
		padding: 8px 0
	}
}

.nav-contentassist a:hover {
	text-decoration: underline;
	text-decoration-color: #008a02
}

@media all and (min-width: 768px) {
	.crosslink-content .site-gutters {
		display: flex;
		align-items: center;
		justify-content: space-between
padding-top: 20px;
}
}

.crosslink-content header {
	padding: 40px 0 88px
}

@media all and (min-width: 768px) {
	.crosslink-content header {
		padding: 60px 0;
		width: 38%
	}
}

@media all and (min-width: 960px) {
	.crosslink-content header {
		width: 50%
	}
}

@media all and (min-width: 768px) {
	.crosslink-content .image {
		width: 62%
	}
}

@media all and (min-width: 960px) {
	.crosslink-content .image {
		width: 50%
	}
}

.crosslink-content .headline {
	font-size: 4rem;
	line-height: 1.2;
	font-weight: 400;
	margin: 0 0 23px;
	position: relative
}

@media all and (min-width: 768px) {
	.crosslink-content .headline {
		font-size: 4.2rem;
		line-height: 1.1428571429;
		margin-bottom: 47px;
		padding: 0
	}
}

@media all and (min-width: 1200px) {
	.crosslink-content .headline {
		font-size: 6rem;
		line-height: 1.0666666667;
		margin-bottom: 31px
	}
}

.crosslink-content .label {
	top: auto;
	bottom: 10px
}

@media all and (min-width: 768px) {
	.crosslink-content .label {
		bottom: auto;
		top: 27px
	}
}

@media all and (min-width: 1200px) {
	.crosslink-content .label {
		top: 41px
	}
}

.crosslink-content .button,
.crosslink-content #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .crosslink-content #lcly-button-buy,
.crosslink-content .filter-product .clear-input,
.filter-product .crosslink-content .clear-input {
	border: none;
	margin: 0
}

@media all and (max-width: 767px) {

	.crosslink-content .button,
	.crosslink-content #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .crosslink-content #lcly-button-buy,
	.crosslink-content .filter-product .clear-input,
	.filter-product .crosslink-content .clear-input {
		min-width: 212px
	}
}

@media all and (min-width: 768px) {

	.crosslink-content .button,
	.crosslink-content #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .crosslink-content #lcly-button-buy,
	.crosslink-content .filter-product .clear-input,
	.filter-product .crosslink-content .clear-input {
		min-width: 225px
	}
}

.crosslink-content img {
	display: block;
	max-width: 100%
}

.crosslink-content[data-color=light] {
	color: #fff
}

.crosslink-content[data-color=light] .headline {
	color: #fff
}

.crosslink-editorial {
	background: #111;
	color: #fff;
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	padding: 233px 0 200px
}

.crosslink-editorial header {
	margin-top: 96px;
	width: 930px;
	order: 2;
	font-size: 1.6rem;
	line-height: 1.75
}

.crosslink-editorial picture {
	width: 620px
}

.crosslink-editorial .headline,
.crosslink-editorial .button,
.crosslink-editorial #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .crosslink-editorial #lcly-button-buy,
.crosslink-editorial .filter-product .clear-input,
.filter-product .crosslink-editorial .clear-input {
	color: #fff
}

.crosslink-editorial .headline {
	font-weight: 400;
	line-height: inherit;
	font-size: inherit;
	width: 100%
}

.crosslink-editorial .button.secondary,
.crosslink-editorial #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .crosslink-editorial .secondary#lcly-button-buy,
.crosslink-editorial .filter-product .secondary.clear-input,
.filter-product .crosslink-editorial .secondary.clear-input {
	font-weight: 700;
	order: 3;
	margin: 0 auto;
	display: block;
	border-color: #fff;
	max-width: 315px;
	width: 315px;
	text-decoration: underline !important
}

@media all and (max-width: 767px) {

	.crosslink-editorial .button.secondary,
	.crosslink-editorial #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .crosslink-editorial .secondary#lcly-button-buy,
	.crosslink-editorial .filter-product .secondary.clear-input,
	.filter-product .crosslink-editorial .secondary.clear-input {
		align-self: stretch;
		margin: 0 20px
	}
}

@media all and (min-width: 768px) {

	.crosslink-editorial .button.secondary,
	.crosslink-editorial #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .crosslink-editorial .secondary#lcly-button-buy,
	.crosslink-editorial .filter-product .secondary.clear-input,
	.filter-product .crosslink-editorial .secondary.clear-input {
		border: none
	}
}

.crosslink-editorial .button.secondary:hover,
.crosslink-editorial #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .crosslink-editorial .secondary#lcly-button-buy:hover,
.crosslink-editorial .filter-product .secondary.clear-input:hover,
.filter-product .crosslink-editorial .secondary.clear-input:hover {
	background-color: rgba(0, 0, 0, 0);
	color: #008a02
}

@media all and (max-width: 2559px) {
	.crosslink-editorial {
		padding-top: 182px;
		padding-bottom: 150px
	}

	.crosslink-editorial>header {
		margin-top: 70px;
		width: 750px
	}

	.crosslink-editorial>picture {
		width: 500px
	}
}

@media all and (max-width: 1919px) {
	.crosslink-editorial {
		padding-top: 165px;
		padding-bottom: 132px
	}

	.crosslink-editorial>header {
		margin-top: 60px;
		width: 690px
	}

	.crosslink-editorial>picture {
		width: 460px
	}
}

@media all and (max-width: 1199px) {
	.crosslink-editorial {
		padding-top: 172px;
		padding-bottom: 102px
	}

	.crosslink-editorial>header {
		margin-top: 30px;
		width: 525px
	}

	.crosslink-editorial>picture {
		width: 350px
	}
}

@media all and (max-width: 959px) {
	.crosslink-editorial {
		padding-top: 162px;
		padding-bottom: 88px
	}

	.crosslink-editorial>header {
		width: 502px;
		font-size: 1.5rem;
		line-height: 1.8666666667
	}

	.crosslink-editorial>picture {
		max-width: 335px;
		width: auto
	}
}

@media all and (max-width: 767px) {
	.crosslink-editorial {
		padding-top: calc(36.38vw - 116.4px);
		padding-bottom: 90px
	}

	.crosslink-editorial>header {
		margin: 90px 0 36px;
		max-width: 335px;
		font-size: 1.4rem;
		line-height: 1.7142857143
	}

	.crosslink-editorial>a.button.secondary,
	#LocallyProductLocator.-enable-cta .crosslink-editorial>a.secondary#lcly-button-buy,
	.filter-product .crosslink-editorial>a.secondary.clear-input {
		border-color: #fff;
		max-width: 315px;
		width: 315px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		text-decoration: none !important
	}
}

@media all and (max-width: 374px) {
	.crosslink-editorial {
		padding: 20px 20px 90px
	}
}

.crosslink-split header {
	width: 100%
}

.crosslink-split .headline {
	font-size: 4rem;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 -10px;
	position: relative;
	z-index: 2
}

@media all and (min-width: 768px) {
	.crosslink-split .headline {
		font-size: 6.4rem;
		line-height: 1.09375;
		margin: 0 0 -13px 41px
	}
}

@media all and (min-width: 1200px) {
	.crosslink-split .headline {
		font-size: 12rem;
		font-weight: 700;
		line-height: 1;
		margin: 0 0 -18px 0
	}
}

.crosslink-split .content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px
}

@media all and (min-width: 768px) {
	.crosslink-split .content {
		margin-left: -42px;
		margin-right: -42px
	}
}

@media all and (min-width: 1200px) {
	.crosslink-split .content {
		margin: 0;
		padding: 0
	}
}

.crosslink-split .text {
	background: #000;
	color: #fff;
	font-size: 2.4rem;
	line-height: 1.5;
	padding: 58px 28px 32px;
	order: 2;
	width: 100%
}

@media all and (min-width: 768px) {
	.crosslink-split .text {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		justify-content: center;
		flex-wrap: wrap;
		font-size: 2.4rem;
		line-height: 1.3333333333;
		padding: 0 46px 0 63px;
		order: 1;
		width: 50%
	}
}

@media all and (min-width: 1200px) {
	.crosslink-split .text {
		font-size: 3.2rem;
		font-weight: 300;
		line-height: 1.25;
		padding: 46px 36px 46px 46px;
		width: 41.2%
	}
}

.crosslink-split .text a:not(.button) {
	color: #fff
}

.crosslink-split p {
	margin: 0 0 66px
}

@media all and (min-width: 768px) {
	.crosslink-split p {
		margin-bottom: 40px
	}
}

@media all and (min-width: 1200px) {
	.crosslink-split p {
		margin-bottom: 55px
	}
}

.crosslink-split .button,
.crosslink-split #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .crosslink-split #lcly-button-buy,
.crosslink-split .filter-product .clear-input,
.filter-product .crosslink-split .clear-input {
	margin: 0
}

.crosslink-split .button:hover,
.crosslink-split #LocallyProductLocator.-enable-cta #lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .crosslink-split #lcly-button-buy:hover,
.crosslink-split .filter-product .clear-input:hover,
.filter-product .crosslink-split .clear-input:hover {
	border: 1px solid #fff
}

@media all and (max-width: 767px) {

	.crosslink-split .button,
	.crosslink-split #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .crosslink-split #lcly-button-buy,
	.crosslink-split .filter-product .clear-input,
	.filter-product .crosslink-split .clear-input {
		margin: 0 -8px
	}
}

.crosslink-split .button+.button,
.crosslink-split #LocallyProductLocator.-enable-cta #lcly-button-buy+.button,
#LocallyProductLocator.-enable-cta .crosslink-split #lcly-button-buy+.button,
.crosslink-split #LocallyProductLocator.-enable-cta .button+#lcly-button-buy,
#LocallyProductLocator.-enable-cta .crosslink-split .button+#lcly-button-buy,
.crosslink-split #LocallyProductLocator.-enable-cta #lcly-button-buy+#lcly-button-buy,
#LocallyProductLocator.-enable-cta .crosslink-split #lcly-button-buy+#lcly-button-buy,
.crosslink-split .filter-product .clear-input+.button,
.crosslink-split .filter-product #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
#LocallyProductLocator.-enable-cta .crosslink-split .filter-product .clear-input+#lcly-button-buy,
.filter-product .crosslink-split .clear-input+.button,
.filter-product .crosslink-split #LocallyProductLocator.-enable-cta .clear-input+#lcly-button-buy,
#LocallyProductLocator.-enable-cta .filter-product .crosslink-split .clear-input+#lcly-button-buy,
.crosslink-split .filter-product .button+.clear-input,
.crosslink-split .filter-product #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
#LocallyProductLocator.-enable-cta .crosslink-split .filter-product #lcly-button-buy+.clear-input,
.filter-product .crosslink-split .button+.clear-input,
.filter-product .crosslink-split #LocallyProductLocator.-enable-cta #lcly-button-buy+.clear-input,
#LocallyProductLocator.-enable-cta .filter-product .crosslink-split #lcly-button-buy+.clear-input,
.crosslink-split .filter-product .clear-input+.clear-input,
.filter-product .crosslink-split .clear-input+.clear-input {
	margin-top: 15px
}

.crosslink-split .image {
	order: 1
}

@media all and (max-width: 767px) {
	.crosslink-split .image {
		flex-grow: 1
	}
}

@media all and (min-width: 768px) {
	.crosslink-split .image {
		order: 2;
		width: 50%
	}
}

@media all and (min-width: 1200px) {
	.crosslink-split .image {
		width: 58.8%
	}
}

.crosslink-split img {
	display: block;
	width: 100%
}

.dopple-ar-block>div {
	display: flex;
	flex-direction: column
}

.dopple-ar-block>div p {
	font-size: 12px;
	margin-bottom: 10px
}

.dopple-ar-block>div .button,
.dopple-ar-block>div #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .dopple-ar-block>div #lcly-button-buy,
.dopple-ar-block>div .filter-product .clear-input,
.filter-product .dopple-ar-block>div .clear-input,
.dopple-ar-block>div button {
	line-height: 42px;
	margin: 0 auto
}

@media(min-width: 1024px) {

	.dopple-ar-block>div .button,
	.dopple-ar-block>div #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .dopple-ar-block>div #lcly-button-buy,
	.dopple-ar-block>div .filter-product .clear-input,
	.filter-product .dopple-ar-block>div .clear-input,
	.dopple-ar-block>div button {
		line-height: 62px
	}
}

.email-signup-form__container {
	text-align: center;
	margin: 0 auto;
	max-width: 680px
}

.email-signup-form__title {
	margin: 0;
	font-size: 4rem;
	line-height: 1
}

@media all and (min-width: 960px) {
	.email-signup-form__title {
		font-size: 7.2rem
	}
}

.email-signup-form__description {
	font-size: 1.6rem;
	line-height: 1.3;
	padding: 14px 0 60px
}

@media all and (min-width: 960px) {
	.email-signup-form__description {
		font-size: 2.4rem;
		width: 90%;
		margin: auto;
		padding-top: 40px
	}
}

.email-signup-form__link a {
	font-size: 1.4rem;
	line-height: 1.3;
	text-transform: lowercase;
	text-decoration: underline;
	color: #000;
	opacity: .5;
	transition: opacity .3s
}

.email-signup-form__link a:hover {
	opacity: 1
}

.email-signup-form__success {
	text-align: center;
	max-width: 500px;
	margin: auto
}

.email-signup-form__success h3,
.email-signup-form__success p {
	font-size: 2.4rem;
	margin: 0
}

.email-signup-form__success h3 {
	padding-bottom: 30px
}

.email-signup-form__success p {
	line-height: 1.5
}

@media all and (min-width: 960px) {
	.email-signup-form__success h3 {
		font-size: 4rem
	}
}

.expandable-item {
	position: relative;
	z-index: 10;
	border-top: 1px solid #d5d5d5
}

.expandable-item .expandable-item__trigger {
	display: flex;
	width: 100%;
	text-align: center;
	justify-content: center;
	align-items: center;
	min-height: 60px
}

.expandable-item .expandable-item__trigger-text::before {
	content: "瞍?;
	display: inline-block;
	font-family: "ALVAS-icon-font" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	position: relative;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 10px;
	position: relative;
	top: 1px
}

.expandable-item .expandable-item__content {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	transition: all .75s;
	background: #fff;
	border-top: 1px solid #d5d5d5
}

.expandable-item.is-open .expandable-item__trigger-text::before {
	transform: rotate(180deg)
}

.expandable-item.is-open .expandable-item__content {
	max-height: var(--max-height);
	border-bottom: 1px solid #d5d5d5
}

.expandable-item__mobile-only .expandable-item__trigger {
	display: none
}

@media all and (max-width: 767px) {
	.expandable-item__mobile-only {
		position: relative;
		z-index: 10;
		border-top: 1px solid #d5d5d5
	}

	.expandable-item__mobile-only .expandable-item__trigger {
		display: flex;
		width: 100%;
		text-align: center;
		justify-content: center;
		align-items: center;
		min-height: 60px
	}

	.expandable-item__mobile-only .expandable-item__trigger-text::before {
		content: "瞍?;
		display: inline-block;
		font-family: "ALVAS-icon-font" !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		position: relative;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		margin-right: 10px;
		position: relative;
		top: 1px
	}

	.expandable-item__mobile-only .expandable-item__content {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		max-height: 0;
		overflow: hidden;
		transition: all .75s;
		background: #fff;
		border-top: 1px solid #d5d5d5
	}

	.expandable-item__mobile-only.is-open .expandable-item__trigger-text::before {
		transform: rotate(180deg)
	}

	.expandable-item__mobile-only.is-open .expandable-item__content {
		max-height: var(--max-height);
		border-bottom: 1px solid #d5d5d5
	}
}

#eyebrow {
	background: #000;
	color: #fff;
	font-size: 1rem;
	padding: 8px 0;
	z-index: 11;
	position: relative;
	max-width: none;
	top: 0;
	left: 0;
	width: 100%
}

.sticky-eyebrow #eyebrow {
	position: fixed
}

@media all and (min-width: 768px) {
	#eyebrow {
		padding: 11px 0
	}
}

#eyebrow>.site-gutters {
	display: flex;
	align-items: stretch;
	padding: 0 17px
}

@media all and (min-width: 768px) {
	#eyebrow>.site-gutters {
		padding: 0 42px
	}
}

@media all and (min-width: 1200px) {
	#eyebrow>.site-gutters {
		max-width: 100%
	}
}

@media all and (min-width: 768px) {
	#eyebrow {
		font-size: 1.2rem
	}
}

#EyebrowMenu {
	position: absolute;
	top: 100%;
	right: 0
}

#EyebrowMenu ul {
	margin: 0;
	padding: 20px;
	border: 2px solid #000;
	border-top: 0 none
}

#EyebrowMenu li {
	text-align: right
}

#EyebrowMenu li::before {
	content: none
}

#EyebrowMenu a {
	color: #000;
	text-decoration: underline;
	display: inline-block
}

.feature-highlight {
	position: relative;
	overflow: hidden
}

.feature-highlight .large-img {
	width: 60%;
	position: relative;
	max-width: 1377px
}

@media all and (max-width: 1199px) {
	.feature-highlight .large-img {
		width: 50%
	}
}

@media all and (max-width: 767px) {
	.feature-highlight .large-img {
		width: 90%;
		margin: 0
	}
}

.feature-highlight .text-container {
	font-size: 2.4rem;
	max-width: 420px;
	position: absolute;
	padding: 10px;
	bottom: 10%;
	top: auto;
	left: 55%
}

@media all and (max-width: 1199px) {
	.feature-highlight .text-container {
		bottom: 3%
	}
}

@media all and (max-width: 767px) {
	.feature-highlight .text-container {
		position: relative;
		left: 0;
		top: 0;
		width: 90%;
		max-width: auto;
		padding-left: 34px
	}
}

.feature-highlight .text-container.opaque {
	background-color: #fff
}

.feature-highlight .text-container .headline {
	font-size: 4rem;
	font-weight: 300;
	line-height: 1.2
}

@media all and (max-width: 1199px) {
	.feature-highlight .text-container .headline {
		font-size: 3.6rem
	}
}

@media all and (max-width: 767px) {
	.feature-highlight .text-container .headline {
		font-size: 2.4rem;
		max-width: 80%
	}
}

.feature-highlight .text-container .content {
	font-weight: 300;
	font-size: 2.4rem;
	margin: 40px 0
}

@media all and (max-width: 767px) {
	.feature-highlight .text-container .content {
		font-size: 1.7rem;
		margin: 20px 0;
		max-width: auto
	}
}

.feature-highlight .random-img {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1
}

@media all and (max-width: 767px) {
	.feature-highlight .random-img {
		display: none
	}
}

.filter-and-sort {
	max-width: 1680px;
	margin-left: auto;
	margin-right: auto;
	padding: 0
}

@media all and (min-width: 800px) {
	.filter-and-sort {
		padding: 0 25px
	}
}

@media all and (min-width: 1440px) {
	.filter-and-sort {
		padding: 0 70px
	}
}

@media all and (min-width: 1440px) {
	.filter-and-sort {
		max-width: 2200px
	}
}

.filter-and-sort>[data-state] {
	display: none
}

.filter-and-sort[data-state=initial]>[data-state=initial] {
	display: block
}

.filter-and-sort[data-state="has results"]>[data-state="has results"] {
	display: block
}

.filter-and-sort[data-state="no results"]>[data-state="no results"] {
	display: block
}

.filter-and-sort__no-results {
	width: 100%;
	min-height: 50vh
}

.filter-and-sort__no-results__headline {
	padding-top: 80px;
	text-align: center;
	font-size: 2.3rem
}

.filter-and-sort__no-results .bike-finder {
	justify-content: flex-start
}

@media all and (max-width: 799px) {
	.filter-and-sort__no-results {
		margin-top: 74px
	}
}

.filter-and-sort__no-results #NoResultsStartOver {
	display: flex
}

.filter-and-sort__search-bar {
	width: 100%;
	height: 70px;
	padding: 15px 0 0;
	margin: 0;
	display: flex;
	position: sticky;
	z-index: 2;
	transition: top 250ms ease;
	background-color: #fff
}

@media all and (min-width: 800px) {
	.filter-and-sort__search-bar {
		padding-left: 15vw;
		padding-right: 15vw
	}
}

.filter-and-sort__search-bar__search {
	width: 100%;
	position: relative
}

.filter-and-sort__search-bar__input {
	width: 100%;
	display: block;
	line-height: 48px !important;
	padding: 0 30px 0 10px !important;
	border: 1px solid #757575 !important
}

.filter-and-sort__search-bar__clear {
	position: absolute;
	top: 0;
	right: 10px;
	line-height: 48px;
	text-decoration: none
}

.filter-and-sort__search-bar__clear::before {
	content: "瞍?
}

.filter-and-sort__search-bar__button {
	width: 50px;
	height: 50px;
	display: flex;
	border: 1px solid #757575;
	border-left: 0 none;
	justify-content: center;
	align-items: center;
	text-decoration: none
}

.filter-and-sort__container {
	display: flex;
	flex-wrap: wrap;
	position: relative
}

.filter-and-sort__status-and-sort {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	z-index: 2;
	padding: 16px 0;
	border-bottom: 1px solid #000;
	margin-bottom: 12px;
	background: #fff
}

.filter-and-sort__status-and-sort.-sticky-styling {
	border-bottom: 0 none
}

.filter-and-sort__status {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start
}

.filter-and-sort__status__result-count {
	font-size: 2.4rem;
	color: #4f4f4f;
	margin: 0 15px 0 0;
	white-space: nowrap
}

.filter-and-sort__toggle-filters,
.filter-and-sort__clear-filters {
	color: #4f4f4f;
	padding-top: 2px;
	text-decoration: underline;
	font-size: 1.4rem;
	white-space: nowrap;
	cursor: pointer
}

.filter-and-sort__toggle-filters {
	color: #4f4f4f;
	display: none
}

@media all and (min-width: 1024px) {
	.filter-and-sort__toggle-filters {
		display: inline-block;
		margin-right: 15px
	}
}

.filter-and-sort__toggle-filters svg {
	margin-left: 8px
}

.filter-and-sort__clear-filters {
	margin: auto 0 auto 15px
}

.filter-and-sort__clear-filters::before {
	content: none
}

.filter-and-sort__active-filters-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0
}

.filter-and-sort__active-filters-list__item {
	margin: 5px 0;
	padding: 0 13px;
	height: 28px;
	border: 1px solid #000;
	border-radius: 28px;
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer
}

.filter-and-sort__active-filters-list__item:hover {
	border-color: #4f4f4f
}

.filter-and-sort__active-filters-list__item+.filter-and-sort__active-filters-list__item {
	margin-left: 10px
}

.filter-and-sort__active-filters-list__item::before {
	content: none
}

.filter-and-sort__active-filters-list__item::after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background-image: url(../images/x.svg);
	background-size: cover;
	margin-left: 9px;
	vertical-align: center
}

.filter-and-sort__active-filters-list__item span {
	white-space: nowrap;
	font-family: "Space Mono", sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 1px
}

.filter-and-sort__sort {
	height: 46px;
	position: relative;
	margin-left: 133px
}

.filter-and-sort__sort::after {
	content: "";
	width: 11px;
	height: 6px;
	background-image: url(../images/arrow-down.svg);
	background-size: cover;
	position: absolute;
	top: 19px;
	right: 22px
}

.filter-and-sort__sort ul {
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(0, 0, 0, 0);
	background: rgba(0, 0, 0, 0);
	overflow: hidden;
	position: relative;
	z-index: 2;
	cursor: pointer
}

@media all and (min-width: 1024px) {
	.filter-and-sort__sort ul {
		height: 44px;
		padding-right: 50px;
		padding-left: 10px
	}

	.filter-and-sort__sort ul.-no-active-sort::before {
		content: attr(data-choose-text);
		display: block;
		height: 44px;
		line-height: 44px;
		font-size: 1.6rem;
		color: #4f4f4f
	}

	.filter-and-sort__sort ul.-open {
		height: auto;
		border-color: #000;
		background: #fff
	}
}

@media all and (max-width: 1023px) {
	.filter-and-sort__sort ul {
		position: absolute;
		top: 100%;
		right: 0;
		width: 100vw;
		height: 0;
		opacity: 0;
		background: #fff;
		transition: all .4s;
		transition-property: opacity, height;
		border-color: #e0e0e0;
		border-top: 0 none;
		border-right: 0 none
	}

	.filter-and-sort__sort ul.-no-active-sort::before {
		height: 49px;
		line-height: 49px
	}

	.filter-and-sort__sort ul li,
	.filter-and-sort__sort ul li::before {
		height: 49px;
		line-height: 49px
	}

	.filter-and-sort__sort ul.-open {
		opacity: 1;
		height: var(--mobile-height);
		overflow: visible
	}

	.filter-and-sort__sort ul.-open::after {
		content: "";
		display: block;
		z-index: -1;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, .2)
	}
}

.filter-and-sort__sort-label {
	display: block;
	text-align: center;
	font-size: 1.6rem
}

@media all and (min-width: 1024px) {
	.filter-and-sort__sort-label {
		white-space: nowrap;
		position: absolute;
		top: 50%;
		right: calc(100% + 7px);
		transform: translate(0, -50%);
		color: #757575
	}
}

@media all and (max-width: 1023px) {
	.filter-and-sort__sort-label {
		width: 100%;
		height: 48px;
		line-height: 48px;
		border: 1px solid #e0e0e0;
		border-right: 0 none
	}

	.filter-and-sort__sort-label::after {
		content: "";
		display: inline-block;
		width: 11px;
		height: 6px;
		background-image: url(../images/arrow-down.svg);
		background-size: cover;
		vertical-align: middle;
		margin-left: 11px
	}

	.filter-and-sort__sort-label.-active {
		color: #41c787
	}

	.filter-and-sort__sort-label.-active::after {
		background-image: url(../images/arrow-up-green.svg)
	}
}

.filter-and-sort__sort-item {
	height: 44px;
	line-height: 44px;
	font-size: 1.6rem;
	white-space: nowrap;
	order: 1;
	cursor: pointer
}

.filter-and-sort__sort-item::before {
	content: none
}

.filter-and-sort__sort-item.-active {
	font-weight: normal;
	color: #4f4f4f
}

@media all and (min-width: 1024px) {
	.filter-and-sort__sort-item.-active {
		order: 0
	}
}

@media all and (max-width: 1023px) {
	.filter-and-sort__sort-item.-active::after {
		content: "";
		display: inline-block;
		width: 15px;
		height: 11px;
		margin-left: 10px;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url(../images/checkmark.svg)
	}
}

.filter-and-sort__filters-and-products {
	width: 100%
}

@media all and (min-width: 1024px) {
	.filter-and-sort__filters-and-products {
		display: flex;
		flex-wrap: nowrap
	}
}

.filter-and-sort__filters {
	padding: 0;
	margin-right: 40px;
	flex-shrink: 0;
	visibility: visible;
	opacity: 1
}

@media all and (max-width: 1023px) {
	.filter-and-sort__filters {
		width: 100%
	}
}

@media all and (min-width: 1024px) {
	.filter-and-sort__filters {
		width: 200px;
		transition: all .4s;
		transition-property: width, margin-right, opacity, visibility
	}
}

@media all and (min-width: 1680px) {
	.filter-and-sort__filters {
		width: 220px
	}
}

@media all and (min-width: 2000px) {
	.filter-and-sort__filters {
		margin-right: 110px
	}
}

.filter-and-sort__filters.-hide-filters {
	width: 0;
	margin-right: 0;
	opacity: 0;
	visibility: hidden
}

.filter-and-sort__filters.-hide-filters .filter-and-sort__filters-inner {
	transform: translate(-100%, 0)
}

.filter-and-sort__filters-trigger {
	display: none
}

.filter-and-sort__filters-close {
	display: block;
	position: absolute;
	top: -40px;
	right: 16px
}

@media all and (min-width: 1024px) {
	.filter-and-sort__filters-close {
		display: none
	}
}

.filter-and-sort__filters-close::before {
	content: "";
	content: "瞍?;
	display: block;
	margin: auto;
	color: #000;
	font-size: 16px
}

.filter-and-sort__filters-inner {
	background: #fff;
	padding: 0 0 50px 0
}

@media all and (max-width: 1023px) {
	.filter-and-sort__filters-inner {
		width: 100%
	}
}

@media all and (min-width: 1024px) {
	.filter-and-sort__filters-inner {
		width: 150px;
		position: sticky;
		transition: transform .4s;
		top: 199px;
		height: calc(100vh - 199px);
		overflow: auto;
		padding-right: 10px;
		scrollbar-width: thin;
		scrollbar-color: #c4c4c4 #fff
	}

	.compare-toolbar-active .filter-and-sort__filters-inner {
		height: calc(100vh - 268px)
	}

	.filter-and-sort__filters-inner::-webkit-scrollbar {
		width: 7px
	}

	.filter-and-sort__filters-inner::-webkit-scrollbar-track {
		background: #fff
	}

	.filter-and-sort__filters-inner::-webkit-scrollbar-thumb {
		background: #c4c4c4;
		border-radius: 2px;
		height: 115px
	}

	.filter-and-sort__filters-inner::-webkit-scrollbar-thumb:hover {
		background: #757575
	}
}

@media all and (min-width: 1024px) {
	.filter-and-sort__filters-inner {
		width: 200px
	}
}

@media all and (min-width: 1680px) {
	.filter-and-sort__filters-inner {
		width: 220px
	}
}

.filter-and-sort__filters__mobile-buttons {
	display: flex;
	padding: 20px 18px;
	border-top: 2px solid #f2f2f2
}

@media all and (min-width: 1024px) {
	.filter-and-sort__filters__mobile-buttons {
		display: none
	}
}

.filter-and-sort__filters__mobile-buttons .pill-button {
	width: 100%;
	display: block;
	height: 40px;
	line-height: 38px;
	border: 1px solid #000;
	border-radius: 20px;
	font-family: "Space Mono", monospace;
	font-size: 1.2rem;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none
}

.filter-and-sort__filters__mobile-buttons .pill-button,
.filter-and-sort__filters__mobile-buttons .pill-button.inverted:active,
.filter-and-sort__filters__mobile-buttons .filter-product .pill-button.clear-input:active,
.filter-product .filter-and-sort__filters__mobile-buttons .pill-button.clear-input:active {
	background: #fff;
	color: #000
}

.filter-and-sort__filters__mobile-buttons .pill-button:active,
.filter-and-sort__filters__mobile-buttons .pill-button.inverted,
.filter-and-sort__filters__mobile-buttons .filter-product .pill-button.clear-input,
.filter-product .filter-and-sort__filters__mobile-buttons .pill-button.clear-input {
	background: #000;
	color: #fff
}

.filter-and-sort__filters__mobile-buttons .pill-button+.pill-button {
	margin-left: 10px
}

.filter-and-sort__filter {
	width: 100%;
	padding: 20px 0
}

.filter-and-sort__filter ul {
	margin: 0;
	padding: 0 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start
}

@media all and (max-width: 1023px) {
	.filter-and-sort__filter ul {
		flex-direction: row;
		flex-wrap: wrap
	}
}

.filter-and-sort__filter+.filter-and-sort__filter {
	border-top: 1px solid #bdbdbd
}

.filter-and-sort__filter:first-child.hidden+.filter-and-sort__filter {
	border-top: 0 none
}

.filter-and-sort__filter-title {
	font-family: "Space Mono", sans-serif;
	letter-spacing: 3px;
	font-size: 1.3rem;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 20px;
	cursor: pointer
}

.filter-and-sort__filter-title::before {
	content: "";
	display: inline-block;
	width: 11px;
	height: 6px;
	background-image: url(../images/arrow-down.svg);
	background-size: cover;
	margin-right: 12px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	transform: rotate(0)
}

.filter-and-sort__filter.-open .filter-and-sort__filter-title::before {
	transform: rotate(180deg)
}

.filter-and-sort__filter-item {
	cursor: pointer;
	line-height: 24px;
	font-size: 1.2rem;
	margin-bottom: 13px;
	line-height: 1.3;
	display: flex;
	align-items: center
}

@media all and (min-width: 1280px) {
	.filter-and-sort__filter-item {
		font-size: 1.4rem
	}
}

@media all and (max-width: 1023px) {
	.filter-and-sort__filter-item__default {
		width: 50%
	}
}

.filter-and-sort__filter-item__default::before {
	content: "";
	position: static;
	display: block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	margin-right: 12px;
	border: 1px solid #000;
	background: none;
	background-position: center center;
	background-size: 66.6666666667%;
	background-repeat: no-repeat
}

.filter-and-sort__filter-item__default.-active::before {
	background-image: url(../images/checkmark.svg)
}

.filter-and-sort__filter-item__color::before {
	content: none
}

.filter-and-sort__filter-item__color-swatch {
	margin: 5px 16px 0 0;
	vertical-align: top;
	width: 16px
}

.filter-and-sort__filter-item__color.-active,
.filter-and-sort__filter-item__color:hover {
	font-weight: bold
}

.filter-and-sort__filter-item__color.-active .filter-and-sort__filter-item__color-swatch,
.filter-and-sort__filter-item__color:hover .filter-and-sort__filter-item__color-swatch {
	box-shadow: none
}

.filter-and-sort__filter-item__color.-active .filter-and-sort__filter-item__color-swatch::after,
.filter-and-sort__filter-item__color:hover .filter-and-sort__filter-item__color-swatch::after {
	border-color: #000
}

@media all and (max-width: 1023px) {
	.filter-and-sort__filter-item__color {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		width: 16.6666666667%
	}

	.filter-and-sort__filter-item__color>span {
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto
	}

	.filter-and-sort__filter-item__color .colorname {
		order: -1
	}
}

.filter-and-sort__filter ul .filter-and-sort__filter-item:last-child {
	margin-bottom: 0
}

.filter-and-sort__products {
	width: 100%;
	margin-bottom: 80px
}

.filter-and-sort__products-group__info {
	width: 100%;
	padding: 0 14px 20px
}

.filter-and-sort__products-group__info-title {
	margin: 0;
	font-size: 1.8rem;
	display: inline-block
}

.filter-and-sort__products-group__info-result-count {
	display: inline-block;
	font-family: "Space Mono", monospace;
	text-transform: uppercase;
	font-size: 1rem;
	color: #757575;
	margin-left: 3px
}

.filter-and-sort__products-group__info-description {
	margin: 10px 0 0;
	font-size: 1.2rem;
	line-height: 1.3
}

.filter-and-sort__products-group__products {
	display: flex;
	flex-wrap: wrap
}

@media all and (min-width: 1024px) {
	.filter-and-sort__products-group+.filter-and-sort__products-group {
		margin-top: 77px
	}

	.filter-and-sort__products-group__info {
		width: 395px;
		margin-right: auto
	}

	.filter-and-sort__products-group__info-title {
		font-size: 2.4rem
	}

	.filter-and-sort__products-group__info-result-count {
		font-size: 1.1rem;
		margin-left: 10px
	}

	.filter-and-sort__products-group__info-description {
		font-size: 1.4rem;
		line-height: 1.5
	}
}

@media all and (min-width: 1280px) {
	.filter-and-sort__products-group__info {
		width: 39vw
	}
}

.filter-and-sort__product {
	padding: 12px;
	flex-shrink: 0;
	width: 100% !important
}

@media(min-width: 768px) {
	.filter-and-sort__product {
		width: 50% !important
	}
}

@media all and (min-width: 1024px) {
	.-filters-hidden .filter-and-sort__product {
		width: 33.3333333333% !important
	}
}

@media all and (min-width: 1280px) {
	.filter-and-sort__product {
		width: 33.3333333333% !important
	}
}

@media all and (min-width: 1440px) {
	.filter-and-sort__product {
		padding: 15px
	}
}

@media all and (min-width: 1680px) {
	.filter-and-sort__product {
		padding: 12px
	}
}

@media all and (min-width: 2000px) {
	.filter-and-sort__product {
		padding: 13px;
		width: 25% !important
	}
}

.filter-and-sort__product h3 {
	border: 1px solid #000;
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	padding-bottom: 100%
}

.filter-and-sort__save-results {
	background: #333;
	padding: 46px 25px 25px;
	width: 100%
}

.filter-and-sort__save-results__inner {
	width: 100%;
	margin: 0 auto
}

.filter-and-sort__save-results img {
	display: block;
	width: 115px;
	margin: 0 auto 15px 0;
	flex-shrink: 0
}

.filter-and-sort__save-results__email-form form {
	display: block;
	width: 100%
}

.filter-and-sort__save-results__email-form h3,
.filter-and-sort__save-results__email-form p,
.filter-and-sort__save-results__email-form a,
.filter-and-sort__save-results__email-form label {
	color: #fff
}

.filter-and-sort__save-results__email-form h3 {
	margin: 0;
	font-size: 3.2rem
}

.filter-and-sort__save-results__email-form p {
	margin: 9px 0 12px;
	font-size: 1.6rem;
	line-height: 1.3
}

.filter-and-sort__save-results__email-form a {
	text-decoration: underline;
	font-size: 1.2rem
}

.filter-and-sort__save-results__email-form .formField {
	margin: 0 7px 0 0;
	width: 100%
}

.filter-and-sort__save-results__email-form #BikeFinderEmail__optin+label::before {
	color: #fff !important;
	background: #000
}

.filter-and-sort__save-results__email-form #BikeFinderEmailForm__submit {
	display: block;
	width: 108px;
	min-width: 108px;
	flex-shrink: 0;
	font-size: 1.6rem
}

.filter-and-sort__save-results__email-form #BikeFinderEmail,
.filter-and-sort__save-results__email-form #BikeFinderEmailForm__submit {
	line-height: 54px;
	height: 56px
}

.filter-and-sort__save-results__email-form label {
	font-size: 1.2rem
}

.filter-and-sort__save-results__email-form__input-row {
	display: flex;
	flex-direction: row;
	margin-bottom: 12px
}

.filter-and-sort__save-results__email-sent {
	display: block;
	width: 100%
}

.filter-and-sort__save-results__email-sent h2 {
	color: #fff;
	font-weight: 700;
	font-size: 6rem;
	line-height: 1.18
}

.filter-and-sort__save-results__email-sent p {
	color: #fff;
	font-size: 2.4;
	line-height: 1.5
}

@media all and (min-width: 800px) {
	.filter-and-sort__save-results {
		padding: 30px 0 40px
	}

	.filter-and-sort__save-results__inner {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: flex-start;
		width: 73vw
	}

	.filter-and-sort__save-results img {
		margin: auto 0 auto 37px;
		width: 166px
	}

	.filter-and-sort__save-results #BikeFinderEmailForm__submit {
		width: 149px
	}
}

@media all and (min-width: 1024px) {
	.filter-and-sort__save-results__inner {
		width: 57vw
	}

	.filter-and-sort__save-results__email-form {
		width: 100%
	}
}

@media all and (min-width: 1280px) {
	.filter-and-sort__save-results__inner {
		width: 904px
	}

	.filter-and-sort__save-results__email-form {
		width: 584px
	}

	.filter-and-sort__save-results img {
		width: 211px;
		margin: auto
	}

	.filter-and-sort__save-results #BikeFinderEmailForm__submit {
		width: 179px
	}

	.filter-and-sort__save-results h3 {
		font-size: 4.2rem
	}
}

@media all and (min-width: 1280px) {
	.filter-and-sort__inner {
		max-width: 945px
	}
}

@media all and (min-width: 2000px) {
	.filter-and-sort__inner {
		max-width: 995px
	}
}

@media all and (max-width: 1023px) {
	.filter-and-sort__clear-filters {
		display: none !important
	}

	.filter-and-sort__status-and-sort,
	.filter-and-sort__filters {
		position: fixed;
		top: 161px;
		left: 0;
		width: 100%;
		background: #fff;
		z-index: 4
	}

	.filter-and-sort__status-and-sort {
		border: 0 none;
		padding: 0;
		top: 88px;
		padding-top: 62px
	}

	.filter-and-sort__status-and-sort .-single-list-option {
		position: relative;
		width: 100%
	}

	.filter-and-sort__status-and-sort .-single-list-option .filter-and-sort__sort-label {
		border-left: none
	}

	.filter-and-sort__filters {
		top: 154px;
		bottom: 0;
		display: flex;
		flex-direction: column
	}

	.filter-and-sort__status {
		position: absolute;
		top: 0;
		left: 0;
		text-align: center
	}

	.filter-and-sort__status__result-count {
		line-height: 63px;
		font-size: 1.6rem;
		color: #000;
		display: block;
		margin: auto
	}

	.filter-and-sort__active-filters-list {
		display: none
	}

	.filter-and-sort__sort {
		width: 50%;
		height: 48px;
		display: flex;
		align-items: center;
		flex-shrink: 0;
		margin-left: auto;
		margin-right: 0;
		text-align: center
	}

	.filter-and-sort__sort::after {
		content: none;
		display: none
	}

	.filter-and-sort__filters {
		display: none;
		width: 100%
	}

	.filter-and-sort__filters-trigger {
		display: flex;
		border-bottom: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		height: 48px;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 50%
	}

	.filter-and-sort__filters-trigger span {
		display: block;
		margin: auto;
		color: #4f4f4f;
		font-size: 1.6rem
	}

	.filter-and-sort__filters-trigger span::after {
		content: "";
		display: inline-block;
		width: 11px;
		height: 6px;
		background-image: url(../images/arrow-down.svg);
		background-size: cover;
		vertical-align: middle;
		margin-left: 11px
	}

	.filter-and-sort__filters-inner {
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		max-width: 799px;
		margin-left: auto;
		margin-right: auto;
		height: 100%;
		overflow: auto;
		background: #fff;
		padding: 18px
	}

	.filter-and-sort__filters.-open {
		display: flex;
		z-index: 201
	}

	.filter-and-sort__filters__mobile-buttons {
		max-width: 799px;
		width: 100%;
		margin-left: auto;
		margin-right: auto
	}
}

@media all and (max-width: 1023px) {
	.filter-and-sort__status-and-sort .filter-and-sort__status__result-count {
		position: relative;
		top: 62px;
		transform: translate(0, -100%);
		width: 100%;
		background: #fff
	}
}

.view-more-filters {
	display: none;
	color: #4f4f4f;
	font-size: 1.4rem;
	text-decoration: underline
}

.-show-view-more.-has-overflow .view-more-filters {
	display: block
}

.-show-view-more.-has-overflow ul .filter-and-sort__filter-item:nth-child(6)~li {
	display: none
}

@media all and (max-width: 799px) {
	.search-page .site-header {
		border-color: #fff
	}

	.search-page .filter-and-sort__search-bar {
		position: sticky;
		top: 89px;
		background: #fff
	}

	.search-page.noscroll .filter-and-sort__search-bar {
		top: 58px
	}
}

.filter-product {
	opacity: 0;
	padding: 0 16px 27px;
	position: relative;
	z-index: 9
}

@media all and (max-width: 959px) {
	.filter-product {
		padding: 0 0 27px
	}
}

.filter-product .outer-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

@media all and (min-width: 960px) {
	.filter-product .outer-container {
		justify-content: space-between
padding-top: 20px;
}
}

.filter-product .all-filters-trigger {
	border: 1px solid #d9d9d9;
	display: block;
	flex-shrink: 0;
	padding: 20px;
	width: 50%
}

@media all and (min-width: 960px) {
	.filter-product .all-filters-trigger {
		display: none
	}
}

.filter-product .all-filters-trigger::after {
	display: inline-block;
	content: "瞍?;
	font-size: 1rem;
	margin-left: 20px;
	position: relative;
	top: 1px
}

.filter-product .all-filters-trigger.is-active::after {
	transform: rotate(180deg)
}

@media all and (min-width: 960px) {
	.filter-product .search-result-tags {
		border-right: 1px solid #000;
		margin: 0 10px 0 auto
	}
}

@media all and (max-width: 959px) {
	.filter-product .search-result-tags {
		order: 4
	}
}

.filter-product .all-filters-trigger {
	border-left: none
}

@media all and (max-width: 959px) {

	.filter-product .all-filters-panel,
	.filter-product .all-sort-panel {
		width: 100%;
		flex-shrink: 0
	}
}

@media all and (min-width: 960px) {

	.filter-product .all-filters-panel,
	.filter-product .all-sort-panel {
		display: flex;
		align-items: baseline;
		flex-wrap: wrap;
		height: auto;
		overflow: visible;
		position: relative
	}
}

@media all and (min-width: 768px) {
	.filter-product .all-filters-panel {
		z-index: 1
	}
}

@media all and (max-width: 959px) {
	.filter-product .all-filters-panel {
		order: 3
	}
}

@media all and (min-width: 960px) {
	.filter-product .menu-filter {
		display: flex;
		justify-content: space-between
padding-top: 20px;
}
}

@media all and (min-width: 960px) {
	.filter-product .menu-filter {
		width: auto
	}
}

@media all and (min-width: 960px) {
	.filter-product .menu-filter li {
		flex-grow: 1
	}
}

@media all and (max-width: 959px) {
	.filter-product .menu-filter li:first-child .filter-trigger {
		border-top: none
	}
}

@media all and (min-width: 960px) {
	.filter-product .menu-filter li:first-child .filter-trigger {
		padding-left: 0
	}
}

@media all and (min-width: 960px) {
	.filter-product .menu-filter li:last-child .filter-trigger {
		border: none
	}
}

.filter-product .filter-trigger {
	cursor: pointer;
	font-size: 1.4rem;
	text-decoration: none
}

@media all and (max-width: 959px) {
	.filter-product .filter-trigger {
		border-top: 1px solid #d9d9d9;
		padding: 17px 20px 15px;
		width: 100%
	}
}

@media all and (min-width: 960px) {
	.filter-product .filter-trigger {
		border-right: 1px solid #222;
		padding: 7px 22px 7px 23px
	}
}

@media all and (min-width: 960px) {
	.filter-product .filter-trigger {
		border-right: 1px solid #222;
		font-size: 1rem;
		padding: 7px 10px
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.filter-product .filter-trigger {
		width: 100%
	}
}

@media all and (min-width: 768px)and (max-width: 1199px) {
	.filter-product .filter-trigger {
		letter-spacing: 1.2px
	}
}

@media all and (min-width: 1200px) {
	.filter-product .filter-trigger {
		font-size: 1.2rem;
		padding: 7px 22px 7px 23px;
		text-decoration: none
	}
}

.filter-product .filter-trigger::after {
	content: "瞍?;
	font-size: 1rem;
	margin-left: auto;
	position: relative;
	left: 10px;
	top: 1px;
	margin-right: 10px
}

@media all and (min-width: 960px) {
	.filter-product .filter-trigger::after {
		font-size: 0.8rem
	}
}

@media all and (min-width: 1200px) {
	.filter-product .filter-trigger::after {
		font-size: 1rem
	}
}

.filter-product .filter-trigger.is-active::after {
	display: inline-block;
	transform: rotate(180deg)
}

.filter-product .filter-trigger[data-trigger=filter-more] {
	display: block
}

@media all and (max-width: 959px) {
	.filter-product .filter-trigger[data-trigger=filter-more] {
		border-bottom: 1px solid #d9d9d9;
		margin-bottom: -1px
	}
}

@media all and (max-width: 959px) {

	.filter-product .filter-panel,
	.filter-product div[data-panel] {
		position: relative
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {

	.filter-product .filter-panel,
	.filter-product div[data-panel] {
		display: flex;
		align-items: center
	}
}

@media all and (max-width: 959px) {

	.filter-product .filter-panel .inner,
	.filter-product div[data-panel] .inner {
		padding: 27px 20px 39px
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {

	.filter-product .filter-panel .inner,
	.filter-product div[data-panel] .inner {
		display: flex;
		align-items: center;
		flex-direction: column;
		margin: 0 auto
	}
}

@media all and (min-width: 960px) {

	.filter-product .filter-panel .inner,
	.filter-product div[data-panel] .inner {
		border: 1px solid #000;
		padding: 29px 28px
	}
}

@media all and (min-width: 960px) {

	.filter-product .filter-panel.is-open,
	.filter-product div[data-panel].is-open {
		top: calc(100% + 26px)
	}
}

.filter-product .range {
	height: 12px;
	margin-right: 15px
}

@media all and (min-width: 960px) {
	.filter-product .range {
		padding: 0 20px
	}
}

.filter-product .filter {
	margin: 0 0 10px;
	white-space: nowrap
}

@media all and (min-width: 768px) {
	.filter-product .filter {
		margin-bottom: 2px
	}
}

.filter-product .clear-input {
	min-width: 0
}

@media all and (min-width: 960px) {
	.filter-product .clear-input {
		line-height: 35px
	}
}

@media all and (max-width: 959px) {
	.filter-product .clear-input {
		width: 100%;
		margin-top: 1px
	}
}

.filter-product .action-container {
	display: flex;
	margin: 15px 0 0 0;
	position: relative;
	left: -2px
}

@media all and (max-width: 959px) {
	.filter-product .action-container {
		align-items: baseline;
		display: none
	}
}

@media all and (min-width: 960px) {
	.filter-product .action-container {
		align-items: center
	}
}

.filter-product .action-container button {
	margin: 0 30px 0 0
}

@media all and (min-width: 768px) {
	.filter-product .action-container button {
		margin: 0 30px 0 0
	}
}

@media all and (min-width: 1200px) {
	.filter-product .action-container button {
		margin-right: 53px
	}
}

.filter-product .title,
.filter-product .title-trigger {
	font-size: 1.3rem;
	margin: 0 0 10px
}

@media all and (min-width: 768px) {

	.filter-product .title,
	.filter-product .title-trigger {
		margin: 20px 0 10px
	}
}

@media all and (min-width: 1200px) {

	.filter-product .title,
	.filter-product .title-trigger {
		margin: 38px 0 10px
	}
}

@media all and (min-width: 1200px) {

	.filter-product .title:first-of-type,
	.filter-product .title-trigger:first-of-type {
		margin: 0 0 30px
	}
}

.filter-product .filter-title {
	display: block;
	margin-bottom: 4px
}

@media all and (min-width: 1200px) {
	.filter-product .filter-title {
		font-size: 1.4rem
	}
}

.filter-product .filter-description {
	color: #707070;
	display: block
}

@media all and (min-width: 768px) {
	.filter-product .filter-description {
		width: 55%
	}
}

@media all and (min-width: 1200px) {
	.filter-product .filter-description {
		font-size: 1.1rem;
		line-height: 1.0909090909;
		width: 165px
	}
}

@media all and (max-width: 767px) {
	.filter-product .title-trigger {
		margin: 0 0 0 -34px;
		width: calc(100% + 68px)
	}
}

@media(max-width: 959px) {
	.filter-product .title-trigger {
		border-top: 1px solid #d9d9d9;
		display: flex;
		justify-content: space-between;
		padding: 18px 20px 15px;
		text-align: left
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.filter-product .title-trigger {
		margin: 0;
		width: 100%
	}
}

@media all and (min-width: 960px) {
	.filter-product .title-trigger {
		pointer-events: none
	}
}

@media all and (max-width: 959px) {
	.filter-product .title-trigger::after {
		display: inline-block;
		content: "瞍?;
		font-size: 1rem;
		margin-left: 20px;
		position: relative;
		top: 1px
	}
}

.filter-product .title-trigger.is-active::after {
	transform: rotate(180deg)
}

@media all and (max-width: 959px) {
	.filter-product .all-sort-panel {
		order: 2;
		width: 50%;
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9
	}

	.filter-product .all-sort-panel .dropdown {
		margin: 0;
		padding: 0
	}

	.filter-product .all-sort-panel .trigger {
		padding: 20px !important
	}

	.filter-product .all-sort-panel .trigger .selected {
		display: inline-block;
		text-align: center;
		font-family: "Space Mono", monospace;
		font-weight: 400;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-size: 1.333rem
	}

	.filter-product .all-sort-panel .CoveoSortDropdown {
		position: absolute;
		top: calc(100% + 1px);
		right: -1px;
		width: calc(200% + 4px);
		background: #fff
	}

	.filter-product .all-sort-panel .is-open .CoveoSortDropdown {
		border: 1px solid #d9d9d9;
		border-top: 0 none
	}
}

@media all and (min-width: 768px) {
	.filter-product .all-sort-panel {
		z-index: 9
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.filter-product .all-sort-panel {
		order: 1
	}
}

@media all and (max-width: 767px) {
	.filter-product .all-sort-panel.is-open {
		border-bottom: 1px solid #d9d9d9
	}
}

@media all and (max-width: 959px) {
	.filter-product .all-sort-panel.is-open .sort-by {
		margin: 0;
		border-bottom: 1px solid #d9d9d9
	}

	.filter-product .all-sort-panel.is-open .sort-by button {
		display: none
	}

	.filter-product .all-sort-panel.is-open .sort-by .option {
		justify-content: center
	}
}

@media all and (min-width: 960px) {
	.filter-product .filter-mobile-panel {
		height: auto;
		overflow: visible
	}
}

@media all and (max-width: 959px) {
	.filter-product .filter-mobile-panel .inner-container {
		padding: 25px 0 41px
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.filter-product .filter-mobile-panel .inner-container {
		padding: 25px 34px 41px
	}
}

.filter-product [type=checkbox]:not(:checked)+label,
.filter-product [type=checkbox]:checked+label {
	padding-left: 26px;
	width: 100%
}

@media all and (min-width: 768px)and (max-width: 1199px) {

	.filter-product [type=checkbox]:not(:checked)+label,
	.filter-product [type=checkbox]:checked+label {
		font-size: 1.2rem;
		padding: 0 0 0 18px
	}
}

.filter-product [type=checkbox]:not(:checked)+label:before,
.filter-product [type=checkbox]:checked+label:before {
	border-width: 1px;
	height: 14px;
	top: 1px;
	width: 14px
}

@media all and (min-width: 768px)and (max-width: 1199px) {

	.filter-product [type=checkbox]:not(:checked)+label:before,
	.filter-product [type=checkbox]:checked+label:before {
		height: 12px;
		width: 12px
	}
}

.filter-product [type=checkbox]:not(:checked)+label:after,
.filter-product [type=checkbox]:checked+label:after {
	height: 16px;
	top: 1px;
	width: 16px
}

@media all and (min-width: 768px)and (max-width: 1199px) {

	.filter-product [type=checkbox]:not(:checked)+label:after,
	.filter-product [type=checkbox]:checked+label:after {
		height: 14px;
		width: 14px
	}
}

.filter-product .more-filters {
	width: 100%;
	top: 0
}

@media all and (min-width: 960px) {
	.filter-product .more-filters {
		margin: 0;
		padding: 0;
		top: 100%;
		width: calc(100vw - 60px);
		max-width: 1180px;
		max-height: calc(100vh - 80px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch
	}
}

.filter-product .more-filters .inner {
	border: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start
}

@media all and (max-width: 767px) {
	.filter-product .more-filters .inner {
		padding-bottom: 0;
		padding-top: 0
	}
}

@media all and (min-width: 768px) {
	.filter-product .more-filters .inner {
		padding: 0
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.filter-product .more-filters .inner {
		width: 100%
	}
}

@media all and (min-width: 960px) {
	.filter-product .more-filters .inner {
		padding: 29px 0
	}
}

@media all and (min-width: 1200px) {
	.filter-product .more-filters .inner {
		margin: 0 auto;
		max-width: 1281px;
		padding: 36px 0;
		width: 100%
	}
}

@media only screen and (min-width: 1382px) {
	.filter-product .more-filters .inner {
		margin: 0 auto
	}
}

.filter-product .more-filters .column {
	width: 100%
}

@media all and (min-width: 960px) {
	.filter-product .more-filters .column {
		padding: 0 0 40px;
		width: 45%
	}
}

@media all and (min-width: 960px)and (max-width: 1199px) {
	.filter-product .more-filters .column:nth-child(1) {
		order: 1
	}

	.filter-product .more-filters .column:nth-child(2) {
		order: 3
	}

	.filter-product .more-filters .column:nth-child(3) {
		order: 2
	}

	.filter-product .more-filters .column:nth-child(4) {
		order: 4
	}
}

@media all and (min-width: 1200px) {
	.filter-product .more-filters .column {
		border-left: 1px solid #e8e8e8;
		max-width: 23.5%;
		padding: 0 0 0 54px
	}
}

@media all and (min-width: 1200px) {
	.filter-product .more-filters .column.wide {
		max-width: 29.5%
	}
}

@media all and (min-width: 1200px) {
	.filter-product .more-filters .column:first-of-type {
		border: none;
		padding-left: 0
	}
}

.filter-product .more-filters .action-container {
	width: 100%;
	flex-shrink: 0
}

@media all and (min-width: 768px)and (max-width: 1199px) {
	.filter-product .more-filters .action-container {
		order: 5
	}
}

.filter-product .more-filters .filter {
	margin-bottom: 7px
}

@media all and (min-width: 768px) {
	.filter-product .more-filters .filter {
		margin-bottom: 11px
	}
}

.filter-product .more-filters [type=checkbox]:not(:checked)+label:before,
.filter-product .more-filters [type=checkbox]:checked+label:before,
.filter-product .more-filters [type=checkbox]:not(:checked)+label:after,
.filter-product .more-filters [type=checkbox]:checked+label:after {
	top: 2px
}

.filter-product .more-filters.is-open {
	border-bottom: 1px solid #d9d9d9
}

.filter-product .menu-sort {
	display: flex;
	align-items: baseline
}

@media all and (max-width: 959px) {
	.filter-product .menu-sort {
		flex-wrap: wrap;
		justify-content: center;
		border-bottom: 1px solid #d9d9d9
	}
}

@media all and (min-width: 768px) {
	.filter-product .menu-sort {
		width: 100%
	}
}

@media all and (min-width: 960px) {
	.filter-product .menu-sort {
		justify-content: flex-end;
		position: relative;
		top: -3px;
		width: auto
	}
}

@media all and (min-width: 1200px) {
	.filter-product .menu-sort {
		top: -1px
	}
}

.filter-product .menu-sort [type=checkbox]:not(:checked)+label,
.filter-product .menu-sort [type=checkbox]:checked+label {
	padding-left: 22px
}

@media all and (max-width: 767px) {

	.filter-product .menu-sort [type=checkbox]:not(:checked)+label,
	.filter-product .menu-sort [type=checkbox]:checked+label {
		line-height: 1.5
	}
}

@media all and (min-width: 768px)and (max-width: 1199px) {

	.filter-product .menu-sort [type=checkbox]:not(:checked)+label,
	.filter-product .menu-sort [type=checkbox]:checked+label {
		font-size: 1.2rem;
		padding: 0 0 0 18px;
		margin-left: 8px
	}
}

@media all and (min-width: 1200px) {

	.filter-product .menu-sort [type=checkbox]:not(:checked)+label,
	.filter-product .menu-sort [type=checkbox]:checked+label {
		margin-left: 17px;
		padding-left: 22px
	}
}

.filter-product .filter-checkbox {
	display: flex
}

@media all and (min-width: 960px) {
	.filter-product .filter-checkbox {
		height: 35px;
		align-items: center
	}
}

@media all and (max-width: 959px) {
	.filter-product .filter-checkbox {
		justify-content: center;
		margin: 25px 0;
		padding: 0 20px;
		width: 100%;
		order: 2
	}
}

@media all and (max-width: 767px) {
	.filter-product .filter-checkbox label {
		margin: 0 30px 0 0
	}
}

@media all and (min-width: 768px) {
	.filter-product .filter-checkbox label {
		margin: 0 20px 0 0
	}
}

.filter-product .filter-checkbox li:last-of-type label {
	margin-right: 10px
}

@media all and (max-width: 767px) {
	.filter-product .filter-checkbox li:last-of-type label {
		margin-right: 0
	}
}

@media all and (min-width: 1200px) {
	.filter-product.menu-is-open .filter-trigger {
		opacity: .2
	}
}

@media all and (min-width: 1200px) {
	.filter-product.menu-is-open .filter-trigger.is-active {
		opacity: 1
	}
}

.filter-product .dropdown {
	background: rgba(0, 0, 0, 0);
	left: 0;
	top: 0;
	margin: auto 0
}

@media all and (max-width: 959px) {
	.filter-product .dropdown {
		margin: 0 0 25px;
		padding: 0 20px;
		width: 100%
	}
}

@media all and (min-width: 960px) {
	.filter-product .dropdown {
		width: auto
	}
}

.filter-product .dropdown .label {
	line-height: 1.375
}

@media all and (min-width: 768px)and (max-width: 1199px) {

	.filter-product .dropdown .trigger,
	.filter-product .dropdown .selected {
		font-size: 1.2rem
	}
}

@media all and (min-width: 1200px) {

	.filter-product .dropdown .trigger,
	.filter-product .dropdown .selected {
		font-size: 1.4rem
	}
}

@media all and (min-width: 768px) {

	.filter-product .dropdown .trigger,
	.filter-product .dropdown .selected {
		justify-content: flex-end
	}
}

.filter-product .dropdown .trigger {
	background: rgba(0, 0, 0, 0);
	padding: 0;
	white-space: nowrap
}

@media all and (max-width: 767px) {
	.filter-product .dropdown .trigger {
		justify-content: center
	}
}

.filter-product .dropdown .selected {
	font-weight: 400;
	padding-left: 0
}

.filter-product .dropdown .selected::after {
	color: #000
}

.filter-product .dropdown .label {
	display: none;
	flex-grow: 0
}

@media all and (min-width: 768px)and (max-width: 1199px) {
	.filter-product .dropdown .label {
		font-size: 1.2rem
	}
}

@media all and (min-width: 1200px) {
	.filter-product .dropdown .label {
		font-size: 1.2rem
	}
}

.filter-product .dropdown .new-select {
	min-width: 180px;
	left: auto;
	right: -1px;
	top: calc(100% + 20px)
}

@media all and (max-width: 959px) {
	.filter-product .dropdown .new-select {
		width: 100%;
		position: static
	}
}

@media all and (min-width: 960px) {
	.filter-product .dropdown .new-select {
		min-width: 230px
	}
}

.filter-product .dropdown .new-select a:hover {
	color: #008a02
}

.filter-product .dropdown .option {
	font-size: 1.4rem;
	font-weight: 400
}

.filter-product .dropdown.default .label {
	display: inline-block;
	opacity: 1
}

.filter-product .dropdown.default .selected {
	width: auto
}

.filter-product .dropdown.default:first-of-type .selected {
	color: #000
}

.filter-product .dropdown.is-open {
	border-color: rgba(0, 0, 0, 0)
}

.filter-product .dropdown.is-open .new-select {
	border-top: 1px solid #000
}

@media all and (max-width: 959px) {
	.filter-product .dropdown.is-open .new-select {
		border: none
	}
}

@media all and (min-width: 960px) {
	.filter-product.is-sticky {
		background: #fff;
		border-bottom: 2px solid gray;
		padding: 15px 42px 13px;
		position: fixed;
		max-width: none;
		left: 0;
		top: 0;
		z-index: 20;
		width: 100%
	}
}

@media all and (min-width: 1200px) {
	.filter-product.is-sticky {
		padding: 26px 42px
	}
}

@media only screen and (min-width: 1382px) {
	.filter-product.is-sticky {
		padding-left: 0;
		padding-right: 0
	}
}

@media all and (min-width: 960px) {
	.filter-product.is-sticky .outer-container {
		margin: 0 auto;
		max-width: 1281px
	}
}

@media all and (min-width: 960px) {

	.filter-product.is-sticky .menu-filter .filter-panel,
	.filter-product.is-sticky .menu-filter .CoveoFacetDropdown div[data-panel] {
		top: 100%
	}
}

@media all and (min-width: 1200px) {

	.filter-product.is-sticky .menu-filter .filter-panel,
	.filter-product.is-sticky .menu-filter .CoveoFacetDropdown div[data-panel] {
		top: calc(100% + 26px)
	}
}

@media all and (min-width: 960px) {
	.filter-product.is-sticky .menu-filter .inner {
		border: 2px solid gray;
		border-top: none
	}
}

@media all and (min-width: 960px) {
	.filter-product.is-sticky .more-filters .inner {
		position: relative;
		left: -8px
	}
}

@media all and (max-width: 767px) {
	.filter-product.is-sticky .dropdown.is-open .new-select label {
		display: none
	}
}

@media all and (min-width: 960px) {
	.filter-product.is-sticky .dropdown.is-open .new-select {
		border: 2px solid gray;
		border-top: none;
		top: calc(100% + 28px)
	}
}

@media all and (max-width: 959px) {
	.filter-product-scroll-reference {
		display: none
	}
}

@media all and (max-width: 959px) {
	.filter-product-scroll-reference {
		height: 0;
		position: absolute;
		visibility: hidden
	}
}

.filter-range {
	margin-top: 10px
}

.filter-range .slider-container {
	margin: 0
}

.filter-range .slider-container .pointer {
	background-color: #008a02;
	height: 12px;
	width: 12px;
	top: -6px
}

.filter-range .slider-container .pointer-label {
	top: 11px
}

.mobile-menu-sort {
	display: flex;
	justify-content: center;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 12px
}

.mobile-menu-sort .sort-by {
	left: 0;
	top: 0;
	border: none
}

.mobile-menu-sort .sort-label {
	color: #000;
	font-size: 1.4rem;
	opacity: 1
}

.mobile-menu-sort .is-open .new-select {
	border: none
}

@media all and (min-width: 960px) {
	.mobile-menu-sort {
		display: none
	}
}

.search-location {
	margin-top: 24px;
	max-width: none
}

@media all and (min-width: 768px) {
	.search-location {
		margin-top: 32px
	}
}

@media all and (min-width: 1200px) {
	.search-location {
		margin-top: 40px
	}
}

.search-location .headline {
	letter-spacing: 0;
	margin: 0 0 40px
}

@media all and (min-width: 768px) {
	.search-location .headline {
		margin: 0 0 23px
	}
}

.search-location .input-container {
	position: relative;
	display: flex;
	margin-bottom: 16px
}

.search-location .input-container input[type=text] {
	margin: 0 20px 0 0;
	padding: 8px 13px 7px
}

@media all and (max-width: 768px) {
	.search-location .input-container {
		flex-wrap: wrap
	}

	.search-location .input-container input[type=text] {
		margin: 0;
		width: calc(100% - 33px)
	}
}

.search-location #MobileLocate {
	display: none;
	width: 33px;
	font-size: 0
}

.search-location #MobileLocate .icon {
	font-size: 33px
}

.search-location .button,
.search-location #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .search-location #lcly-button-buy,
.search-location .filter-product .clear-input,
.filter-product .search-location .clear-input {
	line-height: 46px
}

@media all and (max-width: 768px) {
	.search-location #MobileLocate {
		display: block
	}

	.search-location #DesktopLocate {
		display: none !important
	}

	.search-location .button,
	.search-location #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .search-location #lcly-button-buy,
	.search-location .filter-product .clear-input,
	.filter-product .search-location .clear-input {
		margin: 25px auto 10px
	}
}

.search-location .tools {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 12px
}

.search-location .tools .distance-selector-container {
	display: flex;
	align-items: center
}

@media all and (min-width: 768px) {
	.search-location .tools .distance-selector-container {
		display: none
	}
}

.search-location .tools .distance-selector-container strong {
	padding: 0 20px 0 10px
}

@supports(-webkit-overflow-scrolling: touch) {
	.search-location .tools .distance-selector-container .dropdown:first-of-type .option {
		padding-right: 34px
	}
}

@media all and (min-width: 768px) {
	.search-location .tools {
		justify-content: flex-start;
		margin-bottom: 25px
	}
}

@media all and (min-width: 1200px) {
	.search-location .tools {
		margin-bottom: 65px
	}
}

@media all and (min-width: 768px) {
	.search-location .dropdown {
		display: none
	}
}

.search-location .dropdown .selected {
	color: #008a02;
	font-weight: 400;
	padding-left: 0
}

.search-location .dropdown.default:not(.sticky-label) .selected {
	width: auto
}

.search-location #DesktopLocate {
	display: flex;
	align-items: center;
	font-size: 1rem;
	text-decoration: none;
	white-space: nowrap
}

@media all and (min-width: 768px) {
	.search-location #DesktopLocate {
		font-size: 1.3rem
	}
}

.search-location #DesktopLocate .icon {
	font-size: 1.8rem;
	margin: 0 10px 0 0
}

@media all and (min-width: 768px) {
	.search-location #DesktopLocate .icon {
		font-size: 2.4rem;
		margin-right: 14px
	}
}

.search-location .distance-chooser {
	display: none;
	margin: 0 0 0 34px;
	opacity: 0;
	padding: 2px 0 0 36px;
	position: relative
}

@media all and (min-width: 768px) {
	.search-location .distance-chooser {
		display: block
	}
}

.search-location .distance-chooser::before {
	background: #000;
	content: "";
	display: block;
	height: 26px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(calc(-50% - 2px));
	width: 1px
}

.search-location .distance-chooser [type=radio]+label:before,
.search-location .distance-chooser [type=radio]+label:after {
	display: none
}

.search-location .distance-chooser .label {
	font-size: 1rem
}

@media all and (min-width: 768px) {
	.search-location .distance-chooser .label {
		font-size: 1.3rem
	}
}

.search-location .predictive-results {
	background: #fff;
	opacity: 1
}

.search-location .predictive-results .inner {
	max-width: 1281px
}

@media all and (min-width: 1200px) {
	.search-location .predictive-results .inner {
		margin: 0 auto
	}
}

.search-location .distance-chooser.is-visible {
	opacity: 1
}

@media all and (min-width: 768px) {
	.search-location.secondary {
		border-bottom: 2px solid gray;
		margin-bottom: 60px
	}
}

@media all and (min-width: 960px) {
	.search-location.secondary {
		margin-bottom: 80px
	}
}

@media all and (min-width: 1200px) {
	.search-location.secondary {
		margin-bottom: 103px
	}
}

@media all and (max-width: 767px) {
	.search-location.secondary .headline {
		margin-bottom: 15px
	}
}

.search-location.secondary input[type=text] {
	margin: 0 0 -3px
}

@media all and (min-width: 768px) {
	.search-location.secondary input[type=text] {
		margin-bottom: 12px
	}
}

.search-location.secondary .dropdown {
	margin-bottom: 5px
}

.search-location.secondary .tools {
	margin-bottom: 0
}

@media all and (min-width: 768px) {
	.search-location.secondary .tools {
		margin-bottom: 10px
	}
}

.search-location.secondary .distance-chooser {
	opacity: 1
}

.search-location.secondary .predictive-results {
	height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: -1;
	width: 100vw
}

.search-location.secondary .predictive-results .inner {
	padding: 50px 0
}

.search-location.secondary .predictive-results.is-visible {
	height: auto;
	opacity: 1;
	z-index: 2
}

.location-results .button,
.location-results #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .location-results #lcly-button-buy,
.location-results .filter-product .clear-input,
.filter-product .location-results .clear-input {
	width: 100%
}

.location-results .url {
	display: inline-block
}

@media all and (min-width: 960px) {
	.location-results .filters {
		margin: 0 0 16px
	}
}

.location-results .filters-trigger {
	display: none
}

@media all and (max-width: 767px) {
	.location-results .filters-trigger {
		margin-left: -20px;
		padding: 15px 10px
	}
}

@media all and (max-width: 959px) {
	.location-results .filters-trigger {
		border: none;
		border-bottom: 1px solid gray;
		border-top: 1px solid gray;
		border-left: none;
		border-right: none;
		display: block;
		font-size: 1.4rem;
		margin-left: -20px;
		width: 100vw
	}
}

.location-results .filters-trigger .icon {
	font-size: 1rem
}

@media all and (min-width: 960px) {
	.location-results .filters-panel {
		display: flex;
		justify-content: flex-start;
		height: auto;
		overflow: visible
	}
}

.location-results .filters-panel li {
	position: relative
}

@media all and (min-width: 960px) {
	.location-results .filters-panel li {
		padding: 0 27px 0 25px
	}
}

@media all and (min-width: 1200px) {
	.location-results .filters-panel li {
		font-size: 1.4rem
	}
}

@media all and (max-width: 959px) {
	.location-results .filters-panel li:first-child {
		padding-top: 20px
	}
}

@media all and (min-width: 960px) {
	.location-results .filters-panel li:first-child {
		padding-left: 2px
	}
}

.location-results .filters-panel li::before {
	content: none;
	display: none
}

@media all and (min-width: 960px) {
	.location-results .filters-panel li::after {
		background: gray;
		content: "";
		height: 26px;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 2px
	}
}

@media all and (max-width: 959px) {
	.location-results .filters-panel li:last-child {
		padding-bottom: 20px
	}
}

.location-results .filters-panel li:last-child::after {
	display: none
}

.location-results .filters-panel label {
	margin: 0;
	padding-left: 26px
}

.location-results .filters-panel label::before,
.location-results .filters-panel label::after {
	border-width: 1px
}

.location-results .filters-panel label::before {
	height: 14px;
	margin-top: 1px;
	width: 14px
}

.location-results .filters-panel label::after {
	font-size: 1rem;
	height: 16px;
	margin-top: 1px;
	width: 16px
}

.location-results .filters-panel [type=checkbox]:not(:checked)+label {
	font-size: 1.4rem;
	position: relative
}

@media all and (min-width: 960px) {
	.location-results .filters-panel [type=checkbox]:not(:checked)+label {
		font-size: 1.1rem;
		white-space: nowrap
	}
}

@media all and (min-width: 1200px) {
	.location-results .filters-panel [type=checkbox]:not(:checked)+label {
		font-size: 1.4rem;
		white-space: normal
	}
}

.location-results .result {
	margin: 0 0 48px
}

@media all and (min-width: 960px) {
	.location-results .result {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		margin-bottom: 77px;
		padding: 0 47px;
		position: relative
	}
}

.location-results .result::before {
	content: none;
	display: none
}

@media all and (min-width: 960px) {

	.location-results .vcard,
	.location-results .buttons {
		width: 50%
	}
}

.location-results .vcard {
	display: flex;
	flex-direction: column
}

@media all and (max-width: 768px) {
	.location-results .vcard .buttons {
		margin-top: 25px
	}
}

.location-results .main-row {
	order: 1
}

.location-results .contact {
	order: 2
}

.location-results .hours {
	order: 3
}

.location-results .buttons {
	order: 4
}

@media all and (min-width: 960px) {
	.location-results .main-row {
		order: 1
	}

	.location-results .contact {
		order: 2
	}

	.location-results .buttons {
		order: 3
	}

	.location-results .hours {
		order: 4
	}
}

.location-results .detail-row {
	display: flex;
	align-items: baseline;
	justify-content: flex-start
}

.location-results .detail-row .dropdown {
	margin: -20px 0 0;
	z-index: 0
}

.location-results .detail-row .dropdown.is-open {
	z-index: 2
}

.location-results .contact {
	display: block;
	position: relative;
	z-index: 1
}

.location-results .hours {
	margin: 0 0 21px
}

@media all and (min-width: 960px) {
	.location-results .hours {
		margin: 0
	}
}

.location-results .dropdown.default:not(.sticky-label) {
	width: auto
}

.location-results .dropdown.default:not(.sticky-label) .selected {
	width: auto
}

.location-results .selected {
	width: auto
}

@media all and (max-width: 959px) {
	.location-results .buttons {
		margin-top: 24px
	}
}

@media all and (min-width: 960px) {
	.location-results .buttons {
		margin-bottom: 30px
	}
}

@media all and (min-width: 1200px) {
	.location-results .buttons {
		display: flex;
		align-items: flex-start;
		justify-content: space-between
padding-top: 20px;
}
}

.location-results .buttons .button,
.location-results .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .location-results .buttons #lcly-button-buy,
.location-results .buttons .filter-product .clear-input,
.filter-product .location-results .buttons .clear-input {
	border-color: #000;
	margin-bottom: 10px
}

@media all and (min-width: 960px) {

	.location-results .buttons .button,
	.location-results .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .location-results .buttons #lcly-button-buy,
	.location-results .buttons .filter-product .clear-input,
	.filter-product .location-results .buttons .clear-input {
		margin: auto 0 13px auto;
		width: auto
	}
}

.location-results .buttons .button:hover,
.location-results .buttons #LocallyProductLocator.-enable-cta #lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .location-results .buttons #lcly-button-buy:hover,
.location-results .buttons .filter-product .clear-input:hover,
.filter-product .location-results .buttons .clear-input:hover {
	color: #fff;
	background: #000;
	border-color: #000
}

.location-results .detail-label {
	display: none
}

.location-results .services-available,
.location-results .demos-available {
	margin-top: -3px
}

@media all and (max-width: 959px) {

	.location-results .services-available,
	.location-results .demos-available {
		display: none
	}
}

.location-results .services-available {
	color: #008a02
}

.location-results .services-available .icon {
	font-size: 1.4rem;
	margin-right: 3px
}

.location-results .services-available li {
	margin-bottom: 2px
}

.location-results .demos-available {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.location-results .demos-available li {
	width: 48%
}

.location-results .title {
	font-size: 1.4rem;
	font-weight: 700;
	margin: 0
}

@media all and (min-width: 960px) {
	.location-results .title {
		margin-bottom: 6px
	}
}

@media all and (min-width: 1200px) {
	.location-results .title {
		font-size: 1.6rem;
		margin-bottom: 6px
	}
}

.location-results .order {
	width: 100%
}

@media all and (min-width: 960px) {
	.location-results .order {
		position: absolute;
		left: 0;
		top: 0
	}
}

.location-results .labeled-preferred {
	position: static
}

@media all and (min-width: 960px) {
	.location-results .labeled-preferred {
		position: relative;
		left: -47px
	}
}

@media all and (min-width: 960px) {
	.location-results .labeled-preferred .location-indicator {
		top: 24px
	}
}

.location-results .preferred {
	margin: 0 0 25px
}

@media all and (min-width: 960px) {
	.location-results .preferred {
		margin-bottom: 12px
	}
}

.location-results .location-indicator {
	background: url(../images/location-solid.svg) 50% 0 no-repeat;
	background-size: auto 100%;
	color: #fff;
	display: inline-block;
	font-size: 0.9rem;
	margin: 0 32px 0 0;
	min-width: 12px;
	padding: 0 1px 8px 0;
	position: relative;
	top: -5px;
	text-align: center
}

@media all and (min-width: 960px) {
	.location-results .location-indicator {
		padding: 1px 0 8px 0
	}
}

.location-results .distance {
	display: block;
	font-weight: 400;
	margin: 0;
	padding: 0;
	position: relative
}

@media all and (min-width: 960px) {
	.location-results .distance {
		font-size: 1.6rem
	}
}

.location-results .tel {
	display: block;
	text-decoration: none
}

@media all and (min-width: 1200px) {
	.location-results .tel .value {
		cursor: default;
		pointer-events: none
	}
}

.location-results .primary {
	display: block;
	padding: 60px 0 0
}

.location-results .primary .button,
.location-results .primary #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .location-results .primary #lcly-button-buy,
.location-results .primary .filter-product .clear-input,
.filter-product .location-results .primary .clear-input {
	width: 100%
}

@media all and (max-width: 959px) {
	.location-results .primary {
		display: none
	}
}

@media all and (min-width: 960px) {
	.location-results .primary {
		border: 1px solid #000;
		margin-bottom: 0;
		padding: 60px 30px
	}
}

@media all and (min-width: 1200px) {
	.location-results .primary {
		padding: 106px 39px 76px
	}
}

@media all and (min-width: 960px) {
	.location-results .primary .main-row {
		order: 1
	}

	.location-results .primary .buttons {
		order: 2
	}

	.location-results .primary .contact {
		order: 3
	}

	.location-results .primary .hours {
		order: 4
	}
}

@media all and (min-width: 960px) {
	.location-results .primary .detail-row {
		padding-bottom: 20px
	}
}

@media all and (min-width: 1200px) {
	.location-results .primary .detail-row {
		padding-bottom: 28px
	}
}

@media all and (min-width: 960px) {
	.location-results .primary .detail-row.shortgap {
		padding-bottom: 20px
	}
}

@media all and (min-width: 1200px) {
	.location-results .primary .detail-row.shortgap {
		padding-bottom: 16px
	}
}

.location-results .primary .detail-row .dropdown {
	margin: -20px 0 0
}

@media all and (min-width: 960px) {
	.location-results .primary .main-row {
		margin-bottom: 18px
	}
}

@media all and (min-width: 960px) {
	.location-results .primary .main-row {
		margin-bottom: 24px
	}
}

@media all and (min-width: 960px) {

	.location-results .primary .vcard,
	.location-results .primary .buttons {
		width: 100%
	}
}

@media all and (min-width: 768px) {
	.location-results .primary .buttons {
		display: flex;
		align-items: flex-start;
		justify-content: space-between
padding-top: 20px;
}
}

@media all and (min-width: 960px) {
	.location-results .primary .buttons {
		border-bottom: 2px solid #d9d9d9;
		display: block;
		margin-bottom: 28px
	}
}

@media all and (min-width: 1200px) {
	.location-results .primary .buttons {
		display: flex;
		align-items: flex-start;
		justify-content: space-between
padding-top: 20px;
}
}

@media all and (min-width: 768px) {
	.location-results .primary .contact {
		display: flex;
		align-items: baseline;
		justify-content: flex-start
	}
}

@media all and (min-width: 960px) {
	.location-results .primary .contact {
		padding-bottom: 17px
	}
}

.location-results .primary .url {
	display: block;
	font-size: 1.4rem;
	text-decoration: none
}

@media all and (min-width: 960px) {
	.location-results .primary .url {
		display: inline-block;
		margin: 0 0 0 24px;
		padding: 0 0 0 26px;
		position: relative
	}
}

@media all and (min-width: 960px) {
	.location-results .primary .url::before {
		background: gray;
		content: "";
		height: 26px;
		overflow: hidden;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 2px
	}
}

.location-results .primary .order {
	position: static
}

.location-results .primary .order .location-indicator {
	margin: 0 19px 0 0;
	top: -5px
}

.location-results .primary .title {
	font-size: 1.4rem;
	font-weight: 300;
	margin: 0
}

@media all and (min-width: 960px) {
	.location-results .primary .title {
		font-size: 3rem;
		margin-bottom: 27px
	}
}

@media all and (min-width: 1200px) {
	.location-results .primary .title {
		font-size: 4rem;
		margin-bottom: 37px
	}
}

#results-list-output {
	max-width: 900px;
	margin: auto
}

@media all and (max-width: 959px) {
	#results-list-output {
		margin-top: 48px
	}
}

#results-list-output ul {
	padding-left: 0
}

.checkout-pickup-detail {
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 25px
}

@media all and (max-width: 959px) {
	.checkout-pickup-detail {
		margin-top: 20px
	}
}

.checkout-pickup .result {
	padding: 0;
	display: flex;
	align-items: center
}

@media all and (max-width: 959px) {
	.checkout-pickup .result {
		align-items: flex-start;
		flex-direction: column
	}
}

.checkout-pickup .result .buttons {
	width: 200px
}

@media all and (max-width: 959px) {
	.checkout-pickup .result .buttons {
		width: 100%
	}
}

.checkout-pickup .result .detail-row span {
	color: #008a02;
	margin: 10px 25px 0 0;
	font-size: 1.6rem
}

@media all and (min-width: 960px) {
	.map-primary {
		display: flex;
		justify-content: space-between;
		margin-bottom: 60px
	}
}

@media all and (min-width: 960px) {
	.map-primary {
		margin-bottom: 76px
	}
}

.map {
	margin-left: -20px;
	position: relative;
	width: 100vw
}

@media all and (max-width: 767px) {
	.map {
		height: 100vw
	}
}

@media all and (min-width: 768px) {
	.map {
		margin-left: -42px
	}
}

@media all and (max-width: 959px) {
	.map {
		height: 75vw
	}
}

@media all and (min-width: 960px) {
	.map {
		flex-grow: 1;
		margin: 0
	}
}

@media all and (min-width: 1200px) {
	.map {
		margin: 0
	}
}

@media all and (min-width: 960px) {
	.map {
		order: 2
	}

	.primary {
		order: 1
	}
}

@media all and (min-width: 960px) {
	.primary {
		width: 49.1228070175%
	}

	.map {
		width: 49.1228070175%
	}
}

@media all and (min-width: 1200px) {
	.primary {
		width: 40.6779661017%
	}

	.map {
		width: 57.6271186441%
	}
}

#map button,
#map .button,
#map #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta #map #lcly-button-buy,
#map .filter-product .clear-input,
.filter-product #map .clear-input {
	min-width: 0 !important
}

#DealerLocatorNoResults {
	padding: 15px
}

#DealerLocatorNoResults p {
	font-size: 1.8rem;
	line-height: 1.5
}

.full-bleed-image {
	position: relative
}

.full-bleed-image img {
	width: 100%
}

.full-bleed-media {
	position: relative
}

.full-bleed-media button {
	border: none;
	outline: none
}

.full-bleed-media .image {
	width: 100%
}

.full-bleed-media .image img {
	width: 100%
}

.full-bleed-media .html5-video {
	width: 100%
}

.full-bleed-media .html5-video video {
	display: block;
	position: relative;
	width: 100%
}

.full-bleed-media .html5-video .mobile-img {
	display: none;
	position: relative
}

.full-bleed-media .html5-video .mobile-img img {
	width: 100%
}

@media all and (max-width: 767px) {
	.full-bleed-media .html5-video video {
		display: none
	}

	.full-bleed-media .html5-video .mobile-img {
		display: block
	}
}

.full-bleed-media .video {
	margin: 0;
	width: 100%;
	max-width: 100% !important
}

.full-bleed-media .video .trigger {
	width: 100%
}

.full-bleed-media .video .trigger .headline {
	font-size: 6.4rem
}

.full-bleed-media .video .trigger .cta {
	font-size: 2.6rem
}

@media all and (max-width: 767px) {
	.full-bleed-media .video .trigger .headline {
		font-size: 4rem
	}

	.full-bleed-media .video .trigger .cta {
		font-size: 1.6rem
	}
}

.header-search {
	z-index: 3;
	position: static
}

.header-search.search-open {
	z-index: 5
}

.header-search a {
	text-decoration: none
}

.header-search .trigger {
	color: #000;
	display: flex;
	align-items: center;
	min-height: 56px;
	z-index: 9;
	white-space: nowrap;
	right: 17px
}

@media all and (min-width: 768px) {
	.header-search .trigger {
		min-height: 80px;
		right: 42px
	}
}

@media all and (max-width: 767px) {
	.header-search .trigger {
		overflow: hidden
	}
}

.header-search .trigger[data-trigger=showhide-search-header].is-active {
	display: none
}

.header-search small {
	font-size: 1rem;
	padding: 0 15px 0 0;
	opacity: .5
}

@media all and (min-width: 768px) {
	.header-search small {
		padding-right: 0
	}
}

.header-search .icon {
	font-size: 1.7rem
}

@media all and (min-width: 768px) {
	.header-search .icon {
		margin-left: 19px
	}
}

.header-search .panel {
	background: #fff;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3
}

.header-search .panel.is-open {
	padding-bottom: 20px
}

.header-search .close {
	right: -5px;
	top: 0
}

@media all and (min-width: 768px) {
	.header-search .close {
		right: 16px;
		top: 16px
	}
}

@media all and (min-width: 960px) {
	.header-search .close {
		right: 24px;
		top: 12px
	}
}

.header-search .close::before {
	font-size: 1.2rem
}

@media all and (min-width: 768px) {
	.header-search .close::before {
		font-size: 1.6rem
	}
}

.header-search__inner {
	display: flex;
	margin: 20px auto 0;
	position: relative;
	width: calc(100% - 60px);
	max-width: 540px;
	height: 48px
}

@media all and (min-width: 768px) {
	.header-search__inner {
		margin: 36px auto 23px
	}
}

@media(max-width: 480px) {
	.header-search__inner {
		margin-top: 60px
	}
}

.header-search__input {
	box-sizing: border-box;
	border: 0 none !important;
	border-bottom: 2px solid #000 !important;
	height: 100%;
	width: 100%;
	padding: 12px 49px 12px 12px !important;
	font-size: 16px !important
}

.header-search__input:focus {
	border: 1px solid #000 !important
}

.header-search__input-wrapper {
	display: flex;
	overflow: hidden;
	position: relative;
	height: 100%;
	width: 100%
}

.header-search__input-clear {
	width: 48px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	transition: right .3s;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.header-search__input:placeholder-shown+.header-search__input-clear {
	right: -48px
}

.header-search__button {
	width: 60px;
	height: 48px;
	text-decoration: none;
	color: #000;
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-items: center
}

.header-search__button:hover {
	color: #fff;
	background: #000000
}

.header-search__button svg {
	width: 18px;
	height: 18px
}

.hero-about {
	background-position: 50% 0;
	background-size: cover;
	margin-bottom: 55px
}

@media all and (max-width: 767px) {
	.hero-about {
		min-height: 677px;
		background-position: 50%
	}
}

@media all and (min-width: 768px) {
	.hero-about {
		background-position: 50% 50%;
		margin-bottom: 68px
	}
}

@media all and (min-width: 960px) {
	.hero-about {
		margin-bottom: 56px
	}
}

@media all and (min-width: 1200px) {
	.hero-about {
		margin-bottom: 91px
	}
}

.hero-about .content-container {
	padding: 73px 0
}

@media only screen and (max-device-width: 768px)and (orientation: landscape) {
	.hero-about .content-container {
		padding: 60px 0
	}
}

@media all and (min-width: 768px) {
	.hero-about .content-container {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 10vh 0
	}
}

.hero-about header {
	margin: 0 20px
}

@media all and (min-width: 768px) {
	.hero-about header {
		margin: 0 42px;
		width: 40%
	}
}

@media all and (min-width: 960px) {
	.hero-about header {
		width: 40%
	}
}

@media all and (min-width: 1200px) {
	.hero-about header {
		width: 35%
	}
}

.hero-about .headline {
	font-size: 4rem;
	font-weight: 300;
	line-height: 1.2;
	margin: 0;
	text-align: center
}

@media all and (min-width: 768px) {
	.hero-about .headline {
		font-size: 5rem;
		line-height: 1.12
	}
}

@media all and (min-width: 1200px) {
	.hero-about .headline {
		font-size: 6rem;
		line-height: 1.1
	}
}

.hero-about[data-color=light] {
	color: #fff
}

.hero-about[data-color=light] .headline {
	color: #fff
}

@media all and (min-width: 768px) {
	.hero-about[data-alignment=right] .content-container {
		justify-content: flex-end
	}
}

.hero-checkout-confirmation {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 32px;
	min-height: 414px;
	overflow: hidden;
	padding: 71px 20px 141px;
	position: relative
}

@media all and (max-width: 959px) {
	.hero-checkout-confirmation {
		max-height: 410px;
		padding: 0;
		margin-bottom: 0
	}
}

@media all and (min-width: 768px) {
	.hero-checkout-confirmation {
		min-height: 550px;
		padding: 92px 87px 180px
	}
}

@media all and (min-width: 1200px) {
	.hero-checkout-confirmation {
		margin-bottom: 37px;
		min-height: 698px;
		padding: 74px 0 86px
	}
}

.hero-checkout-confirmation:first-of-type {
	margin-top: -60px;
	padding-top: 100px
}

@media all and (min-width: 768px) {
	.hero-checkout-confirmation:first-of-type {
		margin-top: -85px;
		padding-top: 177px
	}
}

@media all and (min-width: 1200px) {
	.hero-checkout-confirmation:first-of-type {
		padding-top: 159px;
		text-align: center
	}
}

.hero-checkout-confirmation .headline {
	color: #000;
	font-weight: 400;
	font-size: 4.8rem;
	position: relative;
	z-index: 2;
	text-align: center
}

@media all and (min-width: 1200px) {
	.hero-checkout-confirmation .headline {
		font-size: 12rem
	}
}

.hero-checkout-confirmation .headline strong {
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.1666666667;
	margin: 0 0 -6px;
	position: relative;
	top: -3px
}

@media all and (min-width: 1200px) {
	.hero-checkout-confirmation .headline strong {
		font-size: 3.2rem;
		margin-bottom: -21px;
		top: -11px
	}
}

.hero-checkout-confirmation .button-container {
	margin-left: 0 !important;
	margin-top: 41px
}

@media all and (max-width: 767px) {
	.hero-checkout-confirmation .button-container {
		max-width: 300px !important;
		margin-top: 82px
	}
}

.hero-checkout-confirmation[data-color=light] {
	color: #fff
}

.hero-checkout-confirmation[data-color=light] .headline {
	color: #fff
}

.hero-checkout-confirmation[data-color=light] .button,
.hero-checkout-confirmation[data-color=light] #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .hero-checkout-confirmation[data-color=light] #lcly-button-buy,
.hero-checkout-confirmation[data-color=light] .filter-product .clear-input,
.filter-product .hero-checkout-confirmation[data-color=light] .clear-input {
	border-color: #fff
}

.hero-checkout-confirmation[data-color=light] .button.secondary,
.hero-checkout-confirmation[data-color=light] #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .hero-checkout-confirmation[data-color=light] .secondary#lcly-button-buy,
.hero-checkout-confirmation[data-color=light] .filter-product .secondary.clear-input,
.filter-product .hero-checkout-confirmation[data-color=light] .secondary.clear-input {
	color: #fff
}

.hero-checkout-confirmation[data-type=image] {
	background-position: 50% 50%;
	background-size: cover
}

.hero-checkout-confirmation[data-type=image] .image {
	display: none
}

.hero-collections {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	min-height: 90vh;
	overflow: hidden;
	padding: 71px 20px 141px;
	padding: 0 20px;
	position: relative
}

@media all and (min-width: 768px) {
	.hero-collections {
		min-height: 59.03vw;
		padding: 0 42px
	}
}

@media all and (min-width: 1200px) {
	.hero-collections {
		margin-bottom: 37px;
		padding: 74px 0 86px
	}
}

.hero-collections:first-of-type {
	margin-top: -60px
}

@media all and (min-width: 768px) {
	.hero-collections:first-of-type {
		margin-top: -85px
	}
}

@media all and (min-width: 1200px) {
	.hero-collections:first-of-type {
		text-align: center
	}
}

.hero-collections .headline {
	display: block;
	font-size: 8rem;
	font-weight: 700;
	line-height: 1.1666666667;
	margin: 0;
	position: relative;
	top: 3px;
	z-index: 2;
	text-align: center
}

@media all and (min-width: 768px) {
	.hero-collections .headline {
		margin-bottom: 25px
	}
}

@media all and (min-width: 960px) {
	.hero-collections .headline {
		font-size: 10rem
	}
}

@media all and (min-width: 1200px) {
	.hero-collections .headline {
		font-size: 12rem;
		margin-bottom: 45px;
		top: 10px
	}
}

.hero-collections .headline strong {
	display: block;
	color: #000;
	font-size: 1.4rem;
	margin: 0 0 8px
}

@media all and (min-width: 768px) {
	.hero-collections .headline strong {
		margin-bottom: 9px
	}
}

.hero-collections .diptych {
	display: flex;
	flex-direction: column;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%
}

@media all and (min-width: 768px) {
	.hero-collections .diptych {
		flex-direction: row;
		justify-content: space-between;
		height: 100%
	}
}

.hero-collections .column {
	height: 50%;
	overflow: hidden;
	position: relative;
	width: 100%
}

@media all and (max-width: 767px) {
	.hero-collections .column {
		order: 1
	}
}

@media all and (min-width: 768px) {
	.hero-collections .column {
		height: 100%;
		width: 50%
	}
}

@media all and (max-width: 767px) {
	.hero-collections .column:first-of-type {
		order: 2
	}
}

.hero-collections .background {
	background-position: 50% 0;
	background-size: cover;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%
}

.hero-collections picture {
	display: none
}

.hero-collections .button,
.hero-collections #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .hero-collections #lcly-button-buy,
.hero-collections .filter-product .clear-input,
.filter-product .hero-collections .clear-input {
	position: relative;
	z-index: 2
}

@media all and (max-width: 768px) {

	.hero-collections .button,
	.hero-collections #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .hero-collections #lcly-button-buy,
	.hero-collections .filter-product .clear-input,
	.filter-product .hero-collections .clear-input {
		width: calc(100% - 40px);
		position: absolute;
		bottom: 20px;
		left: 20px
	}
}

.hero-collections[data-color=light] {
	background: gray;
	color: #fff
}

.hero-collections[data-color=light] .headline {
	color: #fff
}

.hero-collections[data-color=light] .headline strong {
	color: #fff
}

.hero-collections[data-color=light] .button.secondary,
.hero-collections[data-color=light] #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .hero-collections[data-color=light] .secondary#lcly-button-buy,
.hero-collections[data-color=light] .filter-product .secondary.clear-input,
.filter-product .hero-collections[data-color=light] .secondary.clear-input {
	color: #fff
}

.hero-collections[data-type=image],
.hero-collections[data-type=diptych] {
	background-position: 50% 50%;
	background-size: cover
}

@media all and (min-width: 769px) {
	.pdp__body {
		width: calc(100% - 30vw);
		min-width: calc(100% - 450px);
		max-width: calc(100% - 255px);
		margin-left: 0;
		margin-right: auto
	}

	.pdp__body .site-header {
		background: #fff !important;
		border-color: #000 !important
	}
}

.pdp__label {
	display: block;
	font-family: "Space Mono", monospace;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0 0 8px
}

.pdp__color-name {
	font-size: 12px;
	margin-top: 6px;
	display: block
}

@media all and (max-width: 768px) {
	.pdp__color-name {
		padding: 4px 0 0 4px
	}
}

.pdp__color-selection,
.pdp__size-selection {
	padding: 0;
	margin: 0 auto 0 0;
	line-height: 1
}

.pdp__color-selection li,
.pdp__size-selection li {
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer
}

.pdp__color-selection li::before,
.pdp__size-selection li::before {
	content: none
}

.pdp__color-selection .color,
.pdp__size-selection .color {
	display: block;
	width: 20px;
	margin-left: 4px
}

.pdp__color-selection .color::after,
.pdp__size-selection .color::after {
	padding: 3px;
	top: -4px;
	left: -4px
}

.pdp__color-selection li {
	margin-right: 8px
}

.pdp__size-selection {
	margin-bottom: 4px
}

.pdp__size-selection li {
	margin-bottom: 5px;
	margin-right: 5px
}

.pdp__size-selection br {
	display: none
}

.pdp__size-selection__display {
	display: block;
	font-size: 1.2rem;
	margin-left: 1px
}

.pdp__size-selection__toggle {
	display: block;
	margin-top: 20px
}

.pdp__size-selection__toggle:hover {
	color: #757575
}

@media all and (max-width: 768px) {
	.pdp__size-selection__toggle {
		font-size: 1.8rem
	}
}

.pdp__price-display {
	width: 30%;
	text-align: right
}

@media all and (max-width: 960px) {
	.pdp__price-display {
		align-self: flex-end;
		margin-top: -23px;
		margin-bottom: 10px
	}
}

.pdp__size-select {
	display: block;
	font-family: "Space Mono", monospace;
	border: 1px solid #000;
	text-align: center;
	font-size: 1.7rem;
	line-height: 40px;
	width: auto;
	height: 40px;
	padding: 0 3px;
	min-width: 43px;
	box-sizing: border-box
}

.pdp__size-select.active,
.pdp__size-select:hover {
	background-color: #000;
	color: #fff
}

.pdp__size-select.no-variant {
	pointer-events: none;
	opacity: .25
}

.pdp__size-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.pdp__bike-image {
	position: relative;
	width: 100%
}

.pdp__retailer-link {
	display: block;
	margin-top: 20px
}

.pdp__retailer-summary__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #000;
	margin-bottom: 10px;
	padding: 15px;
	width: 100%
}

.pdp__retailer-summary__item::before {
	content: none
}

.pdp__retailer-summary__item p {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.5;
	text-align: left
}

.pdp__retailer-summary__item-distance {
	font-family: "Space Mono", monospace;
	text-transform: uppercase;
	font-size: 1.3rem;
	line-height: 1
}

.pdp__configure-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 2
}

.pdp__configure-actions .pdp__color-label {
	text-align: right
}

.pdp__configure-actions .button,
.pdp__configure-actions #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .pdp__configure-actions #lcly-button-buy,
.pdp__configure-actions .filter-product .clear-input,
.filter-product .pdp__configure-actions .clear-input {
	margin-top: 20px
}

@media all and (min-width: 961px) {
	.pdp__configure-actions {
		position: absolute;
		top: -115px;
		right: 0;
		align-items: flex-end
	}

	.pdp__configure-actions.is-on-sale {
		top: -77px
	}

	.pdp__configure-actions.-no-subtitle {
		margin-top: 62px
	}
}

@media all and (max-width: 960px) {
	.pdp__configure-actions .pdp__color-label {
		display: none
	}

	.pdp__configure-actions .pdp__color-name,
	.pdp__configure-actions .pdp__color-selection {
		text-align: center
	}

	.pdp__configure-actions .button,
	.pdp__configure-actions #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .pdp__configure-actions #lcly-button-buy,
	.pdp__configure-actions .filter-product .clear-input,
	.filter-product .pdp__configure-actions .clear-input {
		width: 100%
	}
}

.hero-pdp {
	transition-property: background-color, opacity !important;
	position: relative;
	z-index: 10
}

@media all and (min-width: 768px) {
	.hero-pdp .breadcrumbs {
		padding: 24px 0 0;
		margin: 0 0 20px 32px
	}
}

@media all and (max-width: 767px) {
	.hero-pdp .breadcrumbs {
		background: #fff;
		padding: 10px 17px;
		margin: 0
	}
}

.hero-pdp .headline {
	font-size: 2.5rem;
	line-height: 1;
	font-weight: 700;
	margin: 0
}

.hero-pdp .headline .platform {
	display: block;
	font-weight: 300
}

.hero-pdp .product-wordmark {
	margin-bottom: 20px;
	width: 115px
}

@media(min-width: 767px) {
	.hero-pdp .product-wordmark {
		width: 250px
	}
}

@media(min-width: 834px) {
	.hero-pdp .product-wordmark {
		width: 115px
	}
}

@media(min-width: 1440px) {
	.hero-pdp .product-wordmark {
		width: 165px
	}
}

@media(min-width: 1920px) {
	.hero-pdp .product-wordmark {
		width: 195px
	}
}

.hero-pdp .slick-list,
.hero-pdp .slick-track {
	display: flex;
	align-items: stretch
}

.hero-pdp .item {
	height: auto;
	padding: 0 96px
}

@media all and (max-width: 767px) {
	.hero-pdp .item {
		padding: 70px 32px 30px
	}
}

.hero-pdp .item__hero {
	display: flex;
	align-items: center;
	justify-content: center
}

.hero-pdp .item__hero:not(.slick-slide) {
	width: 100%
}

.hero-pdp .item__hero picture,
.hero-pdp .item__hero img {
	width: 100%
}

.hero-pdp .item__autosize {
	display: block
}

.hero-pdp .item__autosize>div {
	display: block;
	width: 100%;
	padding-bottom: var(--ratio);
	position: relative
}

.hero-pdp .item__autosize>div>div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.hero-pdp .item__autosize>div>div picture,
.hero-pdp .item__autosize>div>div img {
	position: relative;
	height: 100%;
	width: auto
}

.hero-pdp .item:not(.item__hero):not(.slick-slide) {
	display: none
}

.hero-pdp .video-item {
	background: #000
}

.hero-pdp .video-window {
	padding-top: 45%;
	width: 80%
}

.hero-pdp .close {
	background: #000;
	height: auto;
	left: 50%;
	line-height: 1;
	padding: 18px 27px;
	top: 0;
	transform: translateX(-50%);
	width: auto
}

@media all and (min-width: 768px) {
	.hero-pdp .close {
		top: 29px
	}
}

@media all and (min-width: 960px) {
	.hero-pdp .close {
		top: 29px
	}
}

@media all and (min-width: 1200px) {
	.hero-pdp .close {
		top: 49px
	}
}

.hero-pdp .close::before,
.hero-pdp .close::after {
	color: #fff;
	font-weight: 400
}

.hero-pdp .close::before {
	content: "瞍?;
	font-size: 1.2rem;
	margin: 0 11px 0 0;
	top: 1px
}

.hero-pdp .close::after {
	content: "Close";
	font-size: 1.4rem
}

.hero-pdp .zoom {
	cursor: url("../images/cursor-zoom.svg") 25 25, auto;
	margin: auto;
	position: relative;
	z-index: 1
}

@media all and (min-width: 768px) {
	.hero-pdp .zoom {
		width: 100%
	}
}

@media all and (max-width: 1199px) {
	.hero-pdp .zoom {
		cursor: default
	}
}

@media all and (min-width: 1200px) {
	.hero-pdp .zoom {
		max-width: 1281px
	}
}

.hero-pdp .zoom * :focus {
	outline: none
}

.hero-pdp .zoom img {
	display: block;
	margin: 0 auto;
	display: block;
	width: 100%
}

.hero-pdp[data-color=light] .headline {
	color: #fff
}

#PDPDetailCarousel {
	position: relative;
	padding-bottom: 100px;
	transition: opacity .3s;
	opacity: 1
}

@media all and (max-width: 767px) {
	#PDPDetailCarousel {
		padding-bottom: 20px
	}
}

#PDPDetailCarousel>.carousel {
	display: flex
}

#PDPDetailCarousel>.carousel>.item {
	flex-shrink: 0
}

#PDPDetailCarousel .trigger {
	font-size: 2.2rem;
	position: absolute;
	top: 50%;
	z-index: 3;
	box-sizing: border-box;
	width: 49px;
	height: 49px;
	border: none;
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center
}

#PDPDetailCarousel .trigger i {
	display: block;
	margin-top: -2px
}

@media all and (min-width: 768px) {
	#PDPDetailCarousel .trigger {
		transform: translateY(-50%);
		background: #fff;
		color: #000;
		border: 1px solid #000
	}

	#PDPDetailCarousel .trigger:hover {
		background: #fff;
		color: #000;
		border: 1px solid #000
	}
}

#PDPDetailCarousel .prev {
	left: 42px
}

#PDPDetailCarousel .next {
	right: 42px
}

#PDPDetailCarousel picture,
#PDPDetailCarousel img {
	display: block;
	max-height: 100%;
	max-width: 100%
}

.magnifier-inner {
	position: relative
}

.magnifier {
	position: absolute;
	width: 440px;
	height: 440px;
	border-radius: 50%;
	border: 1px solid gray;
	transform: translate(-50%, -50%);
	background: #fff;
	background-position: center center;
	background-repeat: no-repeat
}

.pdp-ctas {
	display: flex;
	justify-content: flex-end
}

.pdp-ctas .button,
.pdp-ctas #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .pdp-ctas #lcly-button-buy,
.pdp-ctas .filter-product .clear-input,
.filter-product .pdp-ctas .clear-input {
	border: 1px solid rgba(40, 40, 40, .1)
}

.manuals-list {
	padding: 20px 20px 20px 35px
}

.manuals-list a {
	text-decoration: none
}

.manuals-list a:hover {
	text-decoration: underline
}

#DealersList li {
	margin-top: 15px
}

#DealersList li::before {
	content: none
}

#DealersList h3 {
	font-weight: bold;
	font-size: 1.8rem
}

#DealersList h3,
#DealersList p {
	margin: 0
}

#DealersList+a {
	margin: auto auto 20px
}

#my-canvas {
	cursor: grab;
	height: 100%;
	max-height: 100vh;
	max-width: 100vw;
	touch-action: none;
	width: 100%
}

.dopple-ar-block {
	display: flex !important;
	justify-content: center;
	align-content: center;
	margin-top: 20px
}

.dopple-ar-block button.loading:before {
	content: "聽";
	background-image: url(../images/progress.svg);
	margin: 0 8px;
	width: 20px;
	height: 20px;
	display: block;
	animation: rotate 2s linear infinite
}

.dopple-ar-block button.loading:hover {
	background-color: #000 !important;
	color: #fff !important
}

.dopple-modal .modalInner {
	align-items: center;
	flex-direction: column-reverse;
	height: 100%;
	justify-content: center
}

.dopple-modal .modalInner .dopple-loader {
	height: 100px;
	position: relative;
	width: 100px
}

.dopple-modal .modalOuter {
	height: 300px;
	width: 300px
}

.dopple-modal .modalOuter img {
	padding: 20px
}

.hero-plp {
	margin-bottom: 0;
	position: relative;
	text-align: center;
	max-width: 2000px
}

@media all and (max-width: 799px) {
	.hero-plp {
		margin-bottom: 63px
	}
}

.hero-plp .background {
	position: relative;
	z-index: 1
}

@media all and (min-width: 768px) {
	.hero-plp .background {
		display: flex
	}
}

.hero-plp .background .image {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	flex-grow: 1
}

@media all and (max-width: 767px) {
	.hero-plp .background .image {
		height: 100vw;
		margin-top: -60px;
		width: 100%
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.hero-plp .background .image {
		height: 50vw;
		width: calc(50% + 1px)
	}
}

@media all and (min-width: 960px) {
	.hero-plp .background .image {
		flex-shrink: 0;
		height: 290px;
		width: calc(50% + 1px)
	}
}

@media all and (min-width: 1200px) {
	.hero-plp .background .image {
		height: 309px
	}
}

.hero-plp .background .image.left {
	background-image: var(--background-left)
}

@media all and (max-width: 767px) {
	.hero-plp .background .image.left {
		background-image: var(--background-mobile-left)
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.hero-plp .background .image.left {
		background-image: var(--background-tablet-left)
	}
}

.hero-plp .background .image.right {
	background-image: var(--background-right)
}

@media all and (max-width: 767px) {
	.hero-plp .background .image.right {
		background-image: var(--background-mobile-right)
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.hero-plp .background .image.right {
		background-image: var(--background-tablet-right)
	}
}

.hero-plp .background .image:nth-child(2) {
	position: relative;
	left: -2px;
	z-index: 1
}

@media all and (max-width: 767px) {
	.hero-plp .background .image:nth-child(2) {
		display: none
	}
}

.hero-plp .background img {
	display: none
}

.hero-plp .headline {
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	margin: -14px 0 28px;
	position: relative;
	z-index: 2
}

@media all and (min-width: 768px) {
	.hero-plp .headline {
		font-size: 9.6rem;
		margin-top: -30px
	}
}

@media all and (min-width: 960px) {
	.hero-plp .headline {
		font-size: 12rem;
		margin: -37px 0 22px
	}
}

.hero-plp .headline:first-child {
	margin-top: 35px
}

.hero-plp .subtitle {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.714;
	margin: 27px auto 20px;
	padding: 0;
	width: 82.5vw
}

@media all and (min-width: 960px) {
	.hero-plp .subtitle {
		font-weight: 400;
		margin: 0 auto 29px;
		width: 75vw
	}
}

@media all and (min-width: 1200px) {
	.hero-plp .subtitle {
		font-size: 2.4rem;
		line-height: 1.5;
		margin-bottom: 39px
	}
}

@media(min-width: 1800px) {
	.hero-plp .subtitle {
		width: 60vw
	}
}

@media(min-width: 2000px) {
	.hero-plp .subtitle {
		width: 50vw
	}
}

@media all and (min-width: 960px) {
	.hero-plp .subtitle.short {
		width: 50vw
	}
}

@media all and (min-width: 1200px) {
	.hero-plp .subtitle.short {
		width: 38vw
	}
}

@media(min-width: 1800px) {
	.hero-plp .subtitle.short {
		width: 30vw
	}
}

.hero-plp .subtitle.cta-spacing {
	margin-bottom: 30px
}

@media(min-width: 768px) {
	.hero-plp .subtitle.cta-spacing {
		margin-bottom: 60px
	}
}

.hero-plp .back {
	display: inline-block;
	font-size: 1.6rem
}

@media all and (min-width: 768px) {
	.hero-plp .back {
		font-size: 1.8rem
	}
}

.hero-plp__cta-container {
	flex-wrap: wrap;
	opacity: 1 !important
}

.hero-plp__cta-container .button,
.hero-plp__cta-container #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .hero-plp__cta-container #lcly-button-buy,
.hero-plp__cta-container .filter-product .clear-input,
.filter-product .hero-plp__cta-container .clear-input {
	width: 70%
}

.hero-plp__cta-container .button:nth-child(2),
.hero-plp__cta-container #LocallyProductLocator.-enable-cta #lcly-button-buy:nth-child(2),
#LocallyProductLocator.-enable-cta .hero-plp__cta-container #lcly-button-buy:nth-child(2),
.hero-plp__cta-container .filter-product .clear-input:nth-child(2),
.filter-product .hero-plp__cta-container .clear-input:nth-child(2) {
	margin-top: 35px
}

@media(min-width: 768px) {
	.hero-plp__cta-container {
		flex-wrap: nowrap
	}

	.hero-plp__cta-container .button,
	.hero-plp__cta-container #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .hero-plp__cta-container #lcly-button-buy,
	.hero-plp__cta-container .filter-product .clear-input,
	.filter-product .hero-plp__cta-container .clear-input {
		margin: 0 25px !important;
		min-width: 200px;
		width: auto
	}
}

.hotspots .headline {
	font-weight: 300;
	line-height: 1.325;
	margin: 100px 0 -19px;
	max-width: 992px;
	position: relative;
	z-index: 3
}

@media all and (max-width: 1200px) {
	.hotspots .headline {
		margin-bottom: -12px
	}
}

.hotspots .hotspots-product-wrapper {
	background-color: #f0eceb;
	height: 500px;
	position: relative
}

@media all and (min-width: 768px) {
	.hotspots .hotspots-product-wrapper {
		height: 1020px
	}
}

@media all and (min-width: 768px) {
	.hotspots .hotspots-product-wrapper {
		padding-top: 142px
	}
}

.hotspots .hotspots-product-wrapper:first-of-type {
	margin-top: -10px;
	padding-top: 87px
}

@media all and (min-width: 768px) {
	.hotspots .hotspots-product-wrapper:first-of-type {
		padding-top: 142px
	}
}

.hotspots .hotspots-product-wrapper .product-img {
	max-height: 349px;
	z-index: 3
}

@media all and (min-width: 768px) {
	.hotspots .hotspots-product-wrapper .product-img {
		max-height: 700px
	}
}

@media all and (min-width: 1200px) {
	.hotspots .hotspots-product-wrapper .product-img {
		max-height: 873px
	}
}

.hotspots .hotspots-product-wrapper.left .product-img {
	position: absolute;
	left: -25px
}

@media all and (min-width: 768px) {
	.hotspots .hotspots-product-wrapper.left .product-img {
		left: -75px
	}
}

@media all and (min-width: 960px) {
	.hotspots .hotspots-product-wrapper.left .product-img {
		left: 0%
	}
}

@media all and (max-width: 768px) {
	.hotspots .hotspots-product-wrapper.left .hotspot-text-container {
		text-align: left
	}
}

.hotspots .hotspots-product-wrapper.right {
	padding-top: 20px;
	overflow: hidden
}

.hotspots .hotspots-product-wrapper.right .product-img {
	position: absolute;
	right: 0
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.hotspots .hotspots-product-wrapper.right .product-img {
		right: -75px
	}
}

@media all and (min-width: 960px) {
	.hotspots .hotspots-product-wrapper.right .product-img {
		right: 0
	}
}

.hotspots .hotspots-product-wrapper.right .hotspot-text-container {
	text-align: right
}

.hotspots .hotspot-point {
	height: 14px;
	position: absolute;
	z-index: 10;
	transform: translateX(-4px) translateY(-4px);
	width: 14px
}

.hotspots .hotspot-point::before,
.hotspots .hotspot-point::after {
	content: "";
	position: absolute
}

.hotspots .hotspot-point::before {
	background: #008a02;
	height: 8px;
	left: 4px;
	top: 4px;
	width: 8px
}

.hotspots .hotspot-point::after {
	border: 1px solid #008a02;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}

.hotspots .hotspot-text-container {
	max-width: 369px;
	padding: 30px;
	cursor: pointer;
	position: absolute;
	z-index: 500
}

@media all and (max-width: 767px) {
	.hotspots .hotspot-text-container {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		display: none;
		max-width: none;
		padding: 15px 30px;
		width: 100%
	}
}

.hotspots .hotspot-text-container.active {
	background-color: #fff;
	z-index: 1000
}

@media all and (max-width: 767px) {
	.hotspots .hotspot-text-container.active {
		display: block
	}
}

.hotspots .hotspot-text-container:before {
	z-index: 100;
	background-color: #000;
	height: 1px
}

.hotspots .hotspot-text-container .hotspot-headline {
	font-size: 1.6rem;
	font-weight: 600;
	padding-bottom: 14px
}

.hotspots .hotspot-text-container .hotspot-description {
	font-size: 1.4rem;
	opacity: 0;
	line-height: 2
}

.hotspots .hotspot-text-container .hotspot-description.active {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.5, 0, 0.1, 1) .25s
}

@media all and (max-width: 767px) {
	.hotspots .hotspot-point-1 .hotspot-point {
		left: 100px;
		top: 135px
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.hotspots .hotspot-point-1 .hotspot-point {
		left: 185px;
		top: 246px
	}

	.hotspots .hotspot-point-1 .hotspot-text-container {
		left: 405px;
		top: 208px
	}

	.hotspots .hotspot-point-1 .hotspot-text-container:before {
		content: "";
		width: 213px;
		position: absolute;
		left: -198px;
		top: 42px
	}
}

@media all and (min-width: 960px)and (max-width: 1199px) {
	.hotspots .hotspot-point-1 .hotspot-point {
		left: 263px;
		top: 246px
	}

	.hotspots .hotspot-point-1 .hotspot-text-container {
		left: 590px;
		top: 208px
	}

	.hotspots .hotspot-point-1 .hotspot-text-container:before {
		content: "";
		width: 320px;
		position: absolute;
		left: -305px;
		top: 42px
	}
}

@media all and (min-width: 1200px) {
	.hotspots .hotspot-point-1 .hotspot-point {
		left: 326px;
		top: 260px
	}

	.hotspots .hotspot-point-1 .hotspot-text-container {
		left: 816px;
		top: 220px
	}

	.hotspots .hotspot-point-1 .hotspot-text-container:before {
		content: "";
		width: 485px;
		position: absolute;
		left: -470px;
		top: 42px
	}
}

.hotspots .hotspot-point-2 .hotspot-text-container {
	transition-delay: .75s
}

@media all and (max-width: 767px) {
	.hotspots .hotspot-point-2 .hotspot-point {
		left: 135px;
		top: 191px
	}

	.hotspots .hotspot-point-2 .hotspot-text-container {
		top: 150px
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.hotspots .hotspot-point-2 .hotspot-point {
		left: 239px;
		top: 327px
	}

	.hotspots .hotspot-point-2 .hotspot-text-container {
		left: 455px;
		top: 290px
	}

	.hotspots .hotspot-point-2 .hotspot-text-container:before {
		content: "";
		width: 208px;
		position: absolute;
		left: -193px;
		top: 42px
	}
}

@media all and (min-width: 960px)and (max-width: 1199px) {
	.hotspots .hotspot-point-2 .hotspot-point {
		left: 318px;
		top: 327px
	}

	.hotspots .hotspot-point-2 .hotspot-text-container {
		left: 730px;
		top: 290px
	}

	.hotspots .hotspot-point-2 .hotspot-text-container:before {
		content: "";
		width: 405px;
		position: absolute;
		left: -390px;
		top: 42px
	}
}

@media all and (min-width: 1200px) {
	.hotspots .hotspot-point-2 .hotspot-point {
		left: 389px;
		top: 373px
	}

	.hotspots .hotspot-point-2 .hotspot-text-container {
		left: 945px;
		top: 335px
	}

	.hotspots .hotspot-point-2 .hotspot-text-container:before {
		content: "";
		width: 548px;
		position: absolute;
		left: -533px;
		top: 40px
	}
}

.hotspots .hotspot-point-3 .hotspot-text-container {
	transition-delay: 1s
}

@media all and (max-width: 767px) {
	.hotspots .hotspot-point-3 .hotspot-point {
		left: 305px;
		top: 304px
	}

	.hotspots .hotspot-point-3 .hotspot-text-container {
		top: 280px
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.hotspots .hotspot-point-3 .hotspot-point {
		left: 598px;
		top: 578px
	}

	.hotspots .hotspot-point-3 .hotspot-text-container {
		left: 625px;
		top: 540px
	}

	.hotspots .hotspot-point-3 .hotspot-text-container:before {
		content: "";
		width: 20px;
		position: absolute;
		left: -5px;
		top: 42px
	}
}

@media all and (min-width: 960px)and (max-width: 1199px) {
	.hotspots .hotspot-point-3 .hotspot-point {
		left: 673px;
		top: 578px
	}

	.hotspots .hotspot-point-3 .hotspot-text-container {
		left: 775px;
		top: 540px
	}

	.hotspots .hotspot-point-3 .hotspot-text-container:before {
		content: "";
		width: 95px;
		position: absolute;
		left: -81px;
		top: 42px
	}
}

@media(min-width: 1200px)and (max-width: 1399px) {
	.hotspots .hotspot-point-3 .hotspot-point {
		left: 839px;
		top: 685px
	}

	.hotspots .hotspot-point-3 .hotspot-text-container {
		left: 1050px;
		top: 650px
	}

	.hotspots .hotspot-point-3 .hotspot-text-container:before {
		content: "";
		width: 201px;
		position: absolute;
		left: -186px;
		top: 40px
	}
}

@media only screen and (min-width: 1400px) {
	.hotspots .hotspot-point-3 .hotspot-point {
		left: 839px;
		top: 685px
	}

	.hotspots .hotspot-point-3 .hotspot-text-container {
		left: 1110px;
		top: 650px
	}

	.hotspots .hotspot-point-3 .hotspot-text-container:before {
		content: "";
		width: 261px;
		position: absolute;
		left: -249px;
		top: 40px
	}
}

.hotspots .hotspot-point-4 .hotspot-text-container {
	transition-delay: 1.25s
}

@media all and (max-width: 767px) {
	.hotspots .hotspot-point-4 .hotspot-point {
		right: 105px;
		top: 75px
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.hotspots .hotspot-point-4 .hotspot-point {
		right: 135px;
		top: 150px
	}

	.hotspots .hotspot-point-4 .hotspot-text-container {
		position: absolute;
		right: 470px;
		top: 110px
	}

	.hotspots .hotspot-point-4 .hotspot-text-container:before {
		content: "";
		width: 320px;
		position: absolute;
		right: -305px;
		top: 43px
	}
}

@media all and (min-width: 960px)and (max-width: 1199px) {
	.hotspots .hotspot-point-4 .hotspot-point {
		right: 210px;
		top: 150px
	}

	.hotspots .hotspot-point-4 .hotspot-text-container {
		position: absolute;
		right: 620px;
		top: 110px
	}

	.hotspots .hotspot-point-4 .hotspot-text-container:before {
		content: "";
		width: 395px;
		position: absolute;
		right: -380px;
		top: 43px
	}
}

@media all and (min-width: 1200px) {
	.hotspots .hotspot-point-4 .hotspot-point {
		right: 260px;
		top: 170px
	}

	.hotspots .hotspot-point-4 .hotspot-text-container {
		right: 813px;
		top: 135px
	}

	.hotspots .hotspot-point-4 .hotspot-text-container:before {
		content: "";
		width: 538px;
		position: absolute;
		right: -523px;
		top: 40px
	}
}

.hotspots .hotspot-point-5 .hotspot-text-container {
	transition-delay: 1.5s
}

@media all and (max-width: 767px) {
	.hotspots .hotspot-point-5 .hotspot-point {
		right: 94px;
		top: 177px
	}

	.hotspots .hotspot-point-5 .hotspot-text-container {
		top: 90px
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.hotspots .hotspot-point-5 .hotspot-point {
		right: 115px;
		top: 340px
	}

	.hotspots .hotspot-point-5 .hotspot-text-container {
		right: 590px;
		top: 304px
	}

	.hotspots .hotspot-point-5 .hotspot-text-container:before {
		content: "";
		width: 462px;
		position: absolute;
		right: -447px;
		top: 43px
	}
}

@media all and (min-width: 960px)and (max-width: 1199px) {
	.hotspots .hotspot-point-5 .hotspot-point {
		right: 190px;
		top: 340px
	}

	.hotspots .hotspot-point-5 .hotspot-text-container {
		right: 790px;
		top: 304px
	}

	.hotspots .hotspot-point-5 .hotspot-text-container:before {
		content: "";
		width: 587px;
		position: absolute;
		right: -572px;
		top: 43px
	}
}

@media(min-width: 1200px)and (max-width: 1380px) {
	.hotspots .hotspot-point-5 .hotspot-point {
		right: 227px;
		top: 407px
	}

	.hotspots .hotspot-point-5 .hotspot-text-container {
		right: 905px;
		top: 370px
	}

	.hotspots .hotspot-point-5 .hotspot-text-container:before {
		content: "";
		width: 664px;
		position: absolute;
		right: -650px;
		top: 40px
	}
}

@media only screen and (min-width: 1381px) {
	.hotspots .hotspot-point-5 .hotspot-point {
		right: 227px;
		top: 407px
	}

	.hotspots .hotspot-point-5 .hotspot-text-container {
		right: 1138px;
		top: 370px
	}

	.hotspots .hotspot-point-5 .hotspot-text-container:before {
		content: "";
		width: 898px;
		position: absolute;
		right: -883px;
		top: 40px
	}
}

.hotspots .hotspot-point-6 .hotspot-text-container {
	transition-delay: 1.75s
}

@media all and (max-width: 767px) {
	.hotspots .hotspot-point-6 .hotspot-point {
		right: 204px;
		top: 237px
	}

	.hotspots .hotspot-point-6 .hotspot-text-container {
		top: 200px
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.hotspots .hotspot-point-6 .hotspot-point {
		right: 330px;
		top: 465px
	}

	.hotspots .hotspot-point-6 .hotspot-text-container {
		right: 605px;
		top: 425px
	}

	.hotspots .hotspot-point-6 .hotspot-text-container:before {
		content: "";
		width: 262px;
		position: absolute;
		right: -246px;
		top: 43px
	}
}

@media all and (min-width: 960px)and (max-width: 1199px) {
	.hotspots .hotspot-point-6 .hotspot-point {
		right: 407px;
		top: 465px
	}

	.hotspots .hotspot-point-6 .hotspot-text-container {
		right: 680px;
		top: 425px
	}

	.hotspots .hotspot-point-6 .hotspot-text-container:before {
		content: "";
		width: 260px;
		position: absolute;
		right: -245px;
		top: 43px
	}
}

@media(min-width: 1200px)and (max-width: 1380px) {
	.hotspots .hotspot-point-6 .hotspot-point {
		top: 558px;
		right: 502px
	}

	.hotspots .hotspot-point-6 .hotspot-text-container {
		right: 830px;
		top: 523px
	}

	.hotspots .hotspot-point-6 .hotspot-text-container:before {
		content: "";
		width: 315px;
		position: absolute;
		right: -300px;
		top: 40px
	}
}

@media only screen and (min-width: 1381px) {
	.hotspots .hotspot-point-6 .hotspot-point {
		right: 502px;
		top: 558px
	}

	.hotspots .hotspot-point-6 .hotspot-text-container {
		right: 1053px;
		top: 523px
	}

	.hotspots .hotspot-point-6 .hotspot-text-container:before {
		content: "";
		width: 538px;
		position: absolute;
		right: -523px;
		top: 40px
	}
}

@media all and (min-width: 980px)and (max-width: 1300px) {
	.hotspots .hotspot-text-container:before {
		width: 200px
	}
}

.intro-with-media {
	align-items: center;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative
}

.intro-with-media .intro-headline {
	font-size: 4rem;
	font-weight: 300;
	line-height: 1.25;
	margin: 0 0 -11px;
	max-width: 971px;
	padding-top: 60px;
	position: relative;
	z-index: 3
}

@media all and (min-width: 768px) {
	.intro-with-media .intro-headline {
		font-size: 6rem;
		margin: 0 0 -17px
	}
}

.intro-with-media .platform {
	display: none
}

@media all and (min-width: 768px) {
	.intro-with-media .platform {
		display: block;
		overflow: hidden;
		position: absolute;
		left: calc(50% + 358px);
		top: 80px
	}
}

.intro-with-media .platform img {
	max-height: 764px;
	max-width: 566px
}

.intro>h2 {
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1.4166666667;
	margin: 0 auto
}

@media all and (min-width: 768px) {
	.intro>h2 {
		font-size: 3.6rem;
		line-height: 1.2222222222;
		padding-right: 12%;
		padding-left: 5%
	}
}

@media all and (min-width: 1200px) {
	.intro>h2 {
		font-size: 4rem;
		line-height: 1.325;
		padding-right: 18%
	}
}

@media all and (min-width: 768px) {
	.blog.intro>h2 {
		padding-left: 6.1%;
		padding-right: 36.5%
	}
}

@media all and (min-width: 768px) {

	.blog-header+.blog.intro,
	.blog-header+.spacer+.blog.intro {
		margin-top: -20px
	}
}

@media all and (min-width: 1200px) {

	.blog-header+.blog.intro,
	.blog-header+.spacer+.blog.intro {
		margin-top: -24px
	}
}

.lab71-billboard {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: calc(100vh - 30px);
	overflow: hidden;
	padding: 0 17px;
	position: relative;
	background-color: gray;
	background-image: var(--background-mobile);
	background-size: cover;
	background-position: center center
}

.lab71-billboard:first-child {
	margin-top: 30px
}

.lab71-billboard .html5-video {
	width: 100%;
	margin: 0 -42px;
	position: absolute;
	z-index: 1
}

.lab71-billboard .html5-video video {
	display: none
}

.lab71-billboard .html5-video .mobile-img {
	display: block
}

.lab71-billboard-content {
	color: #fff;
	max-width: 330px;
	padding-bottom: 27px;
	z-index: 1
}

.lab71-billboard-content h1 {
	color: #fff;
	font-size: 2.8rem;
	font-weight: 300;
	line-height: 3.4rem;
	margin-bottom: 0
}

.lab71-billboard-content h1 span {
	display: block;
	margin-bottom: 0;
	margin-top: 30px
}

.lab71-billboard-content p {
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 2.2rem;
	margin-bottom: 0;
	margin-top: 25px
}

.lab71-billboard-content .button,
.lab71-billboard-content #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .lab71-billboard-content #lcly-button-buy,
.lab71-billboard-content .filter-product .clear-input,
.filter-product .lab71-billboard-content .clear-input {
	font-size: 1.4rem;
	height: 45px;
	margin-bottom: 0;
	margin-top: 25px;
	width: 100%
}

@media(min-width: 768px) {
	.lab71-billboard {
		min-height: calc(100vh - 40px)
	}

	.lab71-billboard:first-child {
		margin-top: 40px
	}
}

@media(min-width: 1024px) {
	.lab71-billboard {
		background-image: var(--background-tablet);
		padding: 0 42px
	}

	.lab71-billboard[data-video] {
		min-height: 56.25vw
	}

	.lab71-billboard .html5-video video {
		display: block;
		position: relative;
		width: 100%
	}

	.lab71-billboard .html5-video .mobile-img {
		display: none;
		position: relative
	}

	.lab71-billboard .html5-video .mobile-img img {
		width: 100%
	}
}

@media(min-width: 1440px) {
	.lab71-billboard {
		background-image: var(--background)
	}

	.lab71-billboard-content {
		max-width: 430px;
		padding-bottom: 45px
	}

	.lab71-billboard-content h1 {
		font-size: 6rem;
		line-height: 6.6rem
	}

	.lab71-billboard-content h1 span {
		margin-top: 46px
	}

	.lab71-billboard-content p {
		font-size: 2.4rem;
		line-height: 3.6rem;
		margin-top: 35px
	}

	.lab71-billboard-content .button,
	.lab71-billboard-content #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .lab71-billboard-content #lcly-button-buy,
	.lab71-billboard-content .filter-product .clear-input,
	.filter-product .lab71-billboard-content .clear-input {
		font-size: 1.4rem;
		height: 45px;
		margin-top: 35px;
		width: 340px
	}
}

.lab71-billboard[data-color=dark] .lab71-billboard-content {
	color: #000
}

.lab71-billboard[data-color=dark] .lab71-billboard-content h1 {
	color: #000
}

.lab71-billboard[data-color=dark] .lab71-billboard-content .button,
.lab71-billboard[data-color=dark] .lab71-billboard-content #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .lab71-billboard[data-color=dark] .lab71-billboard-content #lcly-button-buy,
.lab71-billboard[data-color=dark] .lab71-billboard-content .filter-product .clear-input,
.filter-product .lab71-billboard[data-color=dark] .lab71-billboard-content .clear-input {
	background-color: #000;
	border-color: #000;
	color: #fff
}

.lab71-billboard[data-color=dark] .lab71-billboard-content .button:hover,
.lab71-billboard[data-color=dark] .lab71-billboard-content #LocallyProductLocator.-enable-cta #lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .lab71-billboard[data-color=dark] .lab71-billboard-content #lcly-button-buy:hover,
.lab71-billboard[data-color=dark] .lab71-billboard-content .filter-product .clear-input:hover,
.filter-product .lab71-billboard[data-color=dark] .lab71-billboard-content .clear-input:hover {
	background-color: #fff;
	border-color: #fff;
	color: #000
}

.lab71-storyteller {
	background-color: var(--lab71-background-color)
}

.lab71-storyteller-container {
	display: flex;
	flex-direction: column
}

.lab71-storyteller .image-container {
	order: 1;
	height: 100vw;
	width: 100%
}

.lab71-storyteller .image-container.html5-video video {
	display: none
}

.lab71-storyteller .image-container.html5-video .mobile-img {
	display: block;
	height: 100%;
	width: 100%
}

.lab71-storyteller .image-container.html5-video .mobile-img img {
	height: 100%;
	object-fit: cover;
	width: 100%
}

.lab71-storyteller .text-container {
	background-color: var(--lab71-background-color);
	display: flex;
	flex-direction: column;
	order: 2;
	padding: 28px 17px;
	width: 100%
}

.lab71-storyteller .text-container .headline {
	font-size: 3rem;
	font-weight: 300;
	line-height: 3.9rem;
	margin: 0
}

.lab71-storyteller .text-container .content {
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 2.2rem;
	margin: 12px 0 0
}

.lab71-storyteller .text-container .button,
.lab71-storyteller .text-container #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .lab71-storyteller .text-container #lcly-button-buy,
.lab71-storyteller .text-container .filter-product .clear-input,
.filter-product .lab71-storyteller .text-container .clear-input {
	border: 1px solid #000;
	font-family: "favorit", Helvetica, sans-serif;
	height: 45px;
	margin-top: 27px;
	width: 205px
}

.lab71-storyteller .text-container .button:hover,
.lab71-storyteller .text-container #LocallyProductLocator.-enable-cta #lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .lab71-storyteller .text-container #lcly-button-buy:hover,
.lab71-storyteller .text-container .filter-product .clear-input:hover,
.filter-product .lab71-storyteller .text-container .clear-input:hover {
	background-color: #000 !important;
	border-color: #000 !important;
	color: #fff !important
}

.lab71-storyteller .text-container.text-color-white h3,
.lab71-storyteller .text-container.text-color-white p {
	color: #fff
}

.lab71-storyteller .text-container.text-color-white .button,
.lab71-storyteller .text-container.text-color-white #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .lab71-storyteller .text-container.text-color-white #lcly-button-buy,
.lab71-storyteller .text-container.text-color-white .filter-product .clear-input,
.filter-product .lab71-storyteller .text-container.text-color-white .clear-input {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	color: #fff
}

.lab71-storyteller .text-container.text-color-white .button:hover,
.lab71-storyteller .text-container.text-color-white #LocallyProductLocator.-enable-cta #lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .lab71-storyteller .text-container.text-color-white #lcly-button-buy:hover,
.lab71-storyteller .text-container.text-color-white .filter-product .clear-input:hover,
.filter-product .lab71-storyteller .text-container.text-color-white .clear-input:hover {
	background-color: #fff !important;
	color: #000 !important
}

@media(min-width: 768px) {
	.lab71-storyteller {
		flex-direction: row
	}

	.lab71-storyteller-container {
		flex-direction: row
	}

	.lab71-storyteller .image-container,
	.lab71-storyteller .text-container {
		height: 50vw;
		width: 50vw
	}

	.lab71-storyteller .image-container.html5-video video {
		display: block;
		height: 100%;
		object-fit: cover;
		position: relative;
		width: 100%
	}

	.lab71-storyteller .image-container.html5-video .mobile-img {
		display: none;
		position: relative
	}

	.lab71-storyteller .text-container {
		justify-content: flex-end;
		padding: 0 20px 26px
	}

	.lab71-storyteller .text-container.text-vertical-align-middle {
		justify-content: center;
		padding: 0 20px
	}

	.lab71-storyteller .img-right .image-container {
		order: 2
	}

	.lab71-storyteller .img-right .text-container {
		order: 1
	}
}

@media(min-width: 769px) {

	.lab71-storyteller .pdp-display .image-container,
	.lab71-storyteller .pdp-display .text-container {
		height: max(35vw, 50vw - 225px);
		width: max(35vw, 50vw - 225px)
	}
}

@media(min-width: 1440px) {
	.lab71-storyteller .text-container {
		padding: 0 42px 50px
	}

	.lab71-storyteller .text-container .headline {
		font-size: 4rem;
		line-height: 5rem
	}

	.lab71-storyteller .text-container .content {
		font-size: 2.4rem;
		line-height: 3.6rem;
		margin: 19px 0 0
	}

	.lab71-storyteller .text-container .button,
	.lab71-storyteller .text-container #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .lab71-storyteller .text-container #lcly-button-buy,
	.lab71-storyteller .text-container .filter-product .clear-input,
	.filter-product .lab71-storyteller .text-container .clear-input {
		height: 64px;
		margin-top: 50px;
		width: 213px
	}

	.lab71-storyteller .text-container.text-vertical-align-middle {
		padding: 0 42px
	}
}

.nav-anchors {
	border-top: 1px solid #d9d9d9;
	padding-top: 38px;
	text-align: center
}

@media all and (max-width: 959px) {
	.nav-anchors {
		display: none
	}
}

.nav-anchors a {
	display: inline-block;
	padding: 10px 23px;
	text-decoration: none
}

.nav-anchors a:hover {
	color: #000
}

.nav-anchors a:hover .label {
	border-bottom: 1px solid #000;
	transition: all .15s ease-out
}

.nav-anchors .num {
	color: gray;
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1;
	position: relative;
	top: -2px;
	transform: rotate(270deg)
}

.nav-anchors .label {
	font-weight: 700
}

nav.breadcrumbs {
	margin: 0 0 0 -6px;
	padding: 24px 0 0;
	font-family: "Space Mono", monospace;
	font-size: 1.3rem;
	line-height: 1.6rem;
	text-transform: uppercase;
	letter-spacing: .95px;
	position: relative;
	z-index: 1
}

@media all and (max-width: 768px) {
	nav.breadcrumbs {
		margin-left: -2px;
		padding-top: 0;
		font-size: 1.2rem;
		line-height: 1;
		letter-spacing: .478px
	}
}

nav.breadcrumbs>span:after {
	content: " / "
}

nav.breadcrumbs>span:last-child:after {
	content: none
}

.nav-footer-tools {
	display: flex;
	font-size: 1.2rem;
	justify-content: center
}

@media all and (max-width: 767px) {
	.nav-footer-tools {
		flex-wrap: wrap
	}
}

@media all and (min-width: 768px)and (max-width: 1199px) {
	.nav-footer-tools {
		width: 100%
	}
}

@media all and (min-width: 1200px) {
	.nav-footer-tools {
		font-size: 1.4rem;
		justify-content: flex-start
	}
}

.nav-footer-tools ul {
	display: flex
}

@media all and (max-width: 767px) {
	.nav-footer-tools ul {
		flex-wrap: wrap;
		justify-content: center
	}
}

.nav-footer-tools li+li::before {
	content: "|";
	display: inline-block;
	padding: 0 6px
}

@media all and (max-width: 767px) {
	.nav-footer-tools li:first-child {
		width: 100%;
		text-align: center
	}

	.nav-footer-tools li:first-child+li::before {
		content: none
	}
}

.nav-footer-tools a {
	text-decoration: none
}

.nav-footer-tools a:hover {
	text-decoration: underline
}

.nav-footer-tools #ot-sdk-btn.ot-sdk-show-settings {
	color: #fff;
	border: 0;
	word-wrap: normal;
	padding: 0;
	font-size: inherit;
	line-height: inherit
}

.nav-footer-tools #ot-sdk-btn.ot-sdk-show-settings:hover {
	background-color: rgba(0, 0, 0, 0)
}

.nav-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 1.4rem;
	padding: 0 0 51px;
	width: 100%
}

@media all and (min-width: 768px) {
	.nav-footer {
		padding-bottom: 97px
	}
}

@media all and (min-width: 1200px) {
	.nav-footer {
		flex-wrap: nowrap;
		padding-bottom: 209px;
		width: 59%
	}
}

.nav-footer dl a {
	text-decoration: none
}

.nav-footer .title {
	font-size: 1.4rem;
	margin: 0 0 19px
}

@media all and (min-width: 768px) {
	.nav-footer .title {
		font-size: 1.6rem;
		margin-bottom: 18px
	}
}

@media all and (min-width: 1200px) {
	.nav-footer .title {
		margin-bottom: 25px
	}
}

.nav-footer a {
	color: #fff;
	display: inline-block;
	letter-spacing: .5px;
	padding: 3px 0 4px
}

@media all and (min-width: 768px) {
	.nav-footer a {
		padding: 4px 0
	}
}

@media all and (min-width: 1200px) {
	.nav-footer a {
		padding: 5px 0 6px
	}
}

.nav-footer a:hover {
	text-decoration: underline
}

.nav-footer .column {
	width: 50%;
	padding: 0 20px 56px 0
}

@media all and (min-width: 768px) {
	.nav-footer .column {
		padding-bottom: 0;
		width: 25%
	}
}

@media all and (min-width: 1200px) {
	.nav-footer .column:nth-of-type(1) {
		order: 1
	}

	.nav-footer .column:nth-of-type(2) {
		order: 3
	}

	.nav-footer .column:nth-of-type(3) {
		order: 2
	}

	.nav-footer .column:nth-of-type(4) {
		order: 4
	}
}

body.pdp__body .footer-row>div[id^=lightbox-inline] {
	transform-origin: top left
}

@media(min-width: 769px)and (max-width: 830px) {
	body.pdp__body .footer-row>div[id^=lightbox-inline] {
		transform: scale(0.64);
		margin-bottom: -60px
	}
}

@media(min-width: 831px)and (max-width: 1080px) {
	body.pdp__body .footer-row>div[id^=lightbox-inline] {
		transform: scale(0.74);
		margin-bottom: -44px
	}
}

@media(min-width: 1081px)and (max-width: 1199px) {
	body.pdp__body .footer-row>div[id^=lightbox-inline] {
		transform: scale(0.84);
		margin-bottom: -28px
	}
}

@media(min-width: 1200px)and (max-width: 1400px) {
	body.pdp__body .footer-row>div[id^=lightbox-inline] {
		transform-origin: top center;
		transform: scale(0.64)
	}
}

@media(min-width: 1401px)and (max-width: 1575px) {
	body.pdp__body .footer-row>div[id^=lightbox-inline] {
		transform-origin: top center;
		transform: scale(0.84)
	}
}

#site-header-wrap.pin-header header.site-header {
	top: 0 !important;
	background-color: #fff
}

#site-header-wrap.pin-header header.site-header .site-logo-link {
	background: url(../images/ALVAS-logo-black.svg) 0 50%/100% no-repeat !important
}

#site-header-wrap.pin-header header.site-header .nav__primary>a {
	color: #000
}

.nav-trigger {
	background: rgba(0, 0, 0, 0);
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	margin: 0 0 0 -13px;
	text-decoration: none;
	width: 56px
}

.nav-trigger .icon {
	font-size: 2.9rem
}

#nav-close {
	left: 12px;
	top: 8px
}

#nav-close::before {
	font-size: 1.6rem
}

[data-theme=light] .nav__primary>a {
	color: #fff
}

.sticky-header .nav__primary>a {
	color: #000
}

.nav {
	margin-right: auto
}

.nav__main {
	position: fixed;
	top: 57px;
	transition: 0s;
	transform: translateX(-100%)
}

.nav__main.menu-open {
	background: rgba(0, 0, 0, .15);
	border-top: 1px solid #000;
	display: block;
	height: calc(100vh - 89px);
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 58px;
	transform: translateX(0%);
	width: 100vw
}

.nav__main.menu-open .nav__mobile-panel {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 620px;
	padding: 20px 17px;
	transform: translateX(0%)
}

.nav__main.menu-open .nav__mobile-panel::-webkit-scrollbar {
	width: 3px
}

.nav__main.menu-open .nav__primary>a {
	display: block;
	font-size: 2.6rem;
	line-height: 3.4rem;
	text-decoration: none;
	width: 100%
}

.nav__main.menu-open .nav__primary>a::after {
	content: "";
	display: inline-block;
	background-image: url(../images/arrow-down.svg);
	width: 12px;
	position: absolute;
	height: 7px;
	top: 17px;
	right: 0;
	background-size: cover;
	transform: rotate(-90deg)
}

.nav__main.menu-open .nav-primary-active>a {
	font-size: 1.6rem;
	font-family: "Space Mono";
	letter-spacing: 2px;
	line-height: 2.4rem;
	padding-left: 29px;
	text-transform: uppercase
}

.nav__main.menu-open .nav-primary-active>a::after {
	display: none !important
}

.nav__main.menu-open .nav-primary-active>a::before {
	content: "";
	display: inline-block;
	background-image: url(../images/arrow-down.svg);
	width: 12px;
	position: absolute;
	height: 7px;
	top: 9px;
	left: 0;
	background-size: cover;
	transform: rotate(90deg)
}

.nav__main.menu-open .nav-primary-active .nav-primary-link-block {
	display: block;
	margin-top: 24px
}

.nav__main.menu-open .nav-primary-active .nav__bike-view {
	display: flex;
	margin-top: 24px
}

.nav__mobile-panel {
	height: 100%;
	overflow-y: scroll;
	transition: .75s;
	transform: translateX(-100%);
	--scrollbar-foreground: #eee;
	--scrollbar-background: #fff;
	scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);
	scrollbar-width: thin
}

@media(min-width: 1024px) {
	.nav__mobile-panel {
		margin-top: 25px
	}
}

.nav__mobile-panel::-webkit-scrollbar {
	width: 0
}

.nav__mobile-panel::-webkit-scrollbar-thumb {
	background: var(--scrollbar-foreground)
}

.nav__mobile-panel::-webkit-scrollbar-track {
	background: var(--scrollbar-background)
}

.nav__mobile-panel+div {
	background: rgba(0, 0, 0, .15);
	display: none;
	left: 0;
	overflow: hidden;
	position: fixed;
	z-index: -1;
	top: 120px;
	width: 100vw;
	height: calc(100% - 120px)
}

.nav__mobile-panel:hover+div {
	display: block
}

.nav__primary {
	margin-bottom: 15px
}

.nav__primary>a {
	text-decoration: none
}

.nav__primary:hover>a {
	color: #757575 !important
}

.nav .nav-primary-link-block {
	display: none;
	width: 100%
}

.nav__secondary {
	margin-bottom: 15px
}

.nav__secondary h3 {
	font-size: 2.6rem;
	position: relative;
	line-height: 3.4rem
}

.nav__secondary h3 a {
	display: block;
	text-decoration: none;
	text-transform: capitalize
}

.nav__secondary h3 a:hover {
	color: #757575
}

.nav__secondary h3 a::after {
	content: "";
	display: inline-block;
	background-image: url(../images/arrow-down.svg);
	width: 12px;
	position: absolute;
	height: 7px;
	top: 16px;
	right: 0;
	background-size: cover;
	transform: rotate(0deg)
}

.nav__secondary.nav-secondary-active h3>a::after {
	transform: rotate(180deg)
}

.nav__secondary.nav-secondary-active .nav__tertiary {
	display: block;
	margin-bottom: 35px;
	padding-left: 18px;
	padding-top: 20px
}

.nav__tertiary {
	display: none;
	padding-top: 0
}

.nav__tertiary ul {
	margin-bottom: 4px;
	margin-left: 7px
}

.nav__tertiary>li {
	margin-bottom: 18px
}

.nav__tertiary>li a {
	text-decoration: none;
	font-size: 1.8rem;
	line-height: 2rem
}

.nav__tertiary>li a.view-all:hover {
	font-weight: normal
}

.nav__tertiary>li a:hover {
	color: #757575
}

.nav__item-banner-block {
	display: none;
	height: 163px
}

.nav__item-banner-block .item-banner {
	padding: 0 27px;
	width: 100%
}

.nav .item-banner,
.nav .sidebar-gear-banner {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-decoration: none;
	background: var(--background-desktop-wide) center/cover no-repeat
}

.nav .item-banner h3,
.nav .item-banner p,
.nav .sidebar-gear-banner h3,
.nav .sidebar-gear-banner p {
	color: #fff
}

.nav .item-banner h3,
.nav .sidebar-gear-banner h3 {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.1rem;
	margin-bottom: 0
}

.nav .item-banner h3.header-no-cta,
.nav .sidebar-gear-banner h3.header-no-cta {
	margin-bottom: 35px !important
}

.nav .item-banner p,
.nav .sidebar-gear-banner p {
	font-family: "Space Mono";
	font-size: 1.3rem;
	letter-spacing: 3px;
	line-height: 1.6rem;
	margin: 10px 0 35px;
	text-decoration: underline;
	text-transform: uppercase
}

.nav__bike-view {
	display: none
}

.nav__bike-view h3 {
	line-height: 2rem
}

.nav__bike-view h3:nth-of-type(1) {
	margin-right: 33px
}

.nav__bike-view h3 a {
	color: #757575;
	font-size: 1.6rem;
	text-decoration: none
}

.nav__bike-view h3 a.selected {
	color: #000;
	font-weight: 700
}

.nav__sidebar-column {
	display: none
}

.nav__sidebar-column h3 {
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 100%
}

.nav__sidebar-column p {
	font-size: 1.4rem;
	line-height: 2.2rem
}

.nav__sidebar-column .block-bike-finder .button.inverted,
.nav__sidebar-column .block-bike-finder button.inverted {
	background: #000 !important;
	border: 1px solid #000 !important;
	color: #fff !important;
	text-align: center;
	margin: 0 auto;
	display: inline-flex;
	text-transform: none
}

.nav__sidebar-column .block-bike-finder .button.inverted:hover,
.nav__sidebar-column .block-bike-finder button.inverted:hover {
	background: #fff !important;
	border-color: #000 !important;
	color: #000 !important;
	transition: all .15s ease-out
}

.nav__sidebar-column .block-bike-finder {
	display: block
}

.nav__sidebar-column .block-bike-finder,
.nav__sidebar-column .sidebar-gear-banner {
	margin-top: 45px
}

.nav__sidebar-column .sidebar-gear-banner {
	height: 215px;
	padding: 0 15px;
	width: 215px
}

.nav__mobile-link-block .dealer-links {
	margin-top: 30px
}

.nav__mobile-link-block .dealer-links li {
	line-height: 3.4rem;
	margin-bottom: 5px
}

.nav__mobile-link-block .dealer-links a {
	font-weight: 300;
	font-size: 2.2rem;
	text-decoration: none
}

.nav__mobile-link-block .dealer-links a:hover {
	color: #757575
}

.nav__mobile-link-block .nav__item-banner-block {
	display: flex;
	margin-top: 26px
}

.nav__mobile-link-block .nav__item-banner-block .item-banner.banner-mobile {
	background: center/cover no-repeat var(--background-desktop-wide)
}

.nav__sidebar-column .company-links,
.nav__mobile-link-block .company-links {
	margin-top: 28px
}

.nav__sidebar-column .company-links li,
.nav__mobile-link-block .company-links li {
	line-height: 1.6rem;
	margin-bottom: 12px
}

.nav__sidebar-column .company-links a,
.nav__mobile-link-block .company-links a {
	font-family: "Space Mono";
	font-size: 1.3rem;
	letter-spacing: 3px;
	text-decoration: none;
	text-transform: uppercase
}

.nav__sidebar-column .company-links a:hover,
.nav__mobile-link-block .company-links a:hover {
	color: #757575
}

@media(min-width: 768px) {
	.nav .close {
		left: 35px;
		top: 20px
	}

	.nav__main.menu-open {
		top: 80px;
		height: calc(100vh - 120px)
	}

	.nav__main.menu-open .nav__mobile-panel {
		padding: 20px 42px
	}

	.nav__item-banner-block {
		height: 225px
	}
}

@media(min-width: 1024px) {
	.nav .nav-trigger {
		display: none
	}

	.nav__main {
		margin: -42px;
		padding-left: 42px;
		position: relative;
		top: auto;
		transform: none;
		transition: none
	}

	.nav__main .nav__mobile-panel {
		scrollbar-width: none;
		transform: none;
		transition: none
	}

	.nav__mobile-panel>ul {
		display: flex
	}

	.nav__primary {
		font-size: 1.8rem;
		line-height: 3rem;
		margin: 0;
		padding-right: 25px;
		position: static
	}

	.nav__primary:hover>a {
		color: #757575 !important
	}

	.nav__primary:hover .nav__overlay {
		display: block
	}

	.nav__primary.hidden {
		display: list-item !important
	}

	.nav__overlay {
		display: none;
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 30px;
		padding-top: 25px;
		width: 100vw
	}

	.nav__panel {
		border-top: 1px solid #000;
		background-color: #fff;
		padding: 45px 28px 20px
	}

	.nav__main-container {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-rows: auto 1fr
	}

	.nav__item-links {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto;
		width: 100%
	}

	.nav__sidebar-column {
		border-left: 1px solid #f2f2f2;
		display: block;
		grid-column: 2/3;
		grid-row: 1/3;
		margin-top: -45px;
		margin-bottom: -20px;
		padding-left: 30px;
		padding-right: 30px
	}

	.nav__sidebar-column .block-bike-finder {
		display: block;
		width: 150px
	}

	.nav__sidebar-column .block-bike-finder .button,
	.nav__sidebar-column .block-bike-finder #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .nav__sidebar-column .block-bike-finder #lcly-button-buy,
	.nav__sidebar-column .block-bike-finder .filter-product .clear-input,
	.filter-product .nav__sidebar-column .block-bike-finder .clear-input {
		min-width: auto;
		width: 150px
	}

	.nav__sidebar-column .company-links {
		margin-top: 50px;
		margin-bottom: 30px
	}

	.nav__item-banner-block {
		display: none;
		grid-row: 2/3;
		height: 175px;
		margin-right: 28px
	}

	.nav .nav-primary-link-block {
		display: flex;
		justify-content: space-around;
		margin-top: 0
	}

	.nav .nav-primary-link-block .column-nav-links {
		margin-right: 30px;
		max-width: 160px
	}

	.nav .nav-primary-link-block .column-nav-links:last-of-type {
		margin-right: 0
	}

	.nav__bike-view {
		display: flex;
		justify-content: center;
		margin-bottom: 36px;
		padding: 0 40px
	}

	.nav__bike-view h3 {
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin: 0 30px 0 0
	}

	.nav__secondary {
		margin-bottom: 10px
	}

	.nav__secondary h3 {
		font-size: 1.4rem;
		line-height: 1.8rem;
		margin: 0 0 16px
	}

	.nav__secondary h3 a {
		font-family: "Space Mono";
		font-style: normal;
		font-weight: 400;
		letter-spacing: 3px;
		text-transform: uppercase
	}

	.nav__secondary h3 a:hover {
		font-weight: normal
	}

	.nav__secondary h3 a::after {
		display: none
	}

	.nav__secondary.nav-secondary-active .nav__tertiary {
		padding: 0
	}

	.nav__tertiary {
		display: block;
		margin-bottom: 30px;
		margin-left: 0;
		padding-top: 0;
		height: auto;
		visibility: visible
	}

	.nav__tertiary>li {
		font-size: 1.6rem;
		line-height: 0;
		margin-bottom: 12px
	}

	.nav__tertiary>li a {
		font-size: 1.6rem;
		line-height: 1.8rem;
		text-decoration: none
	}

	.nav__tertiary>li a.view-all {
		color: #757575;
		font-size: 1.2rem;
		line-height: 1.6rem
	}

	.nav__tertiary>li a.view-all:hover {
		text-decoration: underline
	}

	.nav__mobile-link-block {
		display: none
	}
}

@media(min-width: 1440px) {
	.nav__main-container {
		grid-template-columns: auto
	}

	.nav__bike-view {
		grid-column: 2/3
	}

	.nav__item-banner-block {
		display: flex;
		grid-row: 1/3;
		height: auto;
		justify-content: right;
		margin-right: 0;
		order: 1
	}

	.nav__item-banner-block .item-banner {
		height: 343px;
		width: 298px
	}

	.nav__item-links {
		grid-column: 2/3;
		order: 2
	}

	.nav .nav-primary-link-block {
		margin: 0 30px
	}

	.nav .nav-primary-link-block .column-nav-links {
		margin-right: 50px
	}

	.nav__tertiary {
		margin-bottom: 45px
	}

	.nav__sidebar-column {
		grid-column: 3/4;
		grid-row: 1/3;
		order: 3;
		min-width: 300px;
		padding-left: 55px;
		padding-right: 0
	}

	.nav__sidebar-column .company-links {
		margin-bottom: 55px
	}
}

@media(min-width: 1660px) {
	.nav__panel {
		display: flex;
		justify-content: center
	}

	.nav__main-container {
		max-width: 1600px
	}

	.nav .nav-primary-link-block {
		margin: 0 80px
	}
}

.page-header {
	margin: 60px auto 30px
}

@media all and (min-width: 768px) {
	.page-header {
		display: flex;
		align-items: flex-start;
		justify-content: space-between
padding-top: 20px;
}
}

@media all and (min-width: 1200px) {
	.page-header {
		margin: 64px auto 70px
	}
}

.page-header .headline {
	margin: 0 0 16px
}

@media all and (min-width: 768px) {
	.page-header .headline {
		margin-right: 50px;
		margin-bottom: 0;
		width: 40.6432748538%
	}
}

@media all and (min-width: 1200px) {
	.page-header .headline {
		margin-bottom: 0;
		width: 49.1525423729%
	}
}

.paragraph-large,
.paragraph-with-title {
	font-size: 2.4rem;
	font-weight: 300;
	margin: 0 auto;
	max-width: 900px
}

.paragraph-large.left,
.paragraph-with-title.left {
	text-align: left
}

.paragraph-large.center,
.paragraph-with-title.center {
	text-align: center
}

.paragraph-large.right,
.paragraph-with-title.right {
	text-align: right
}

@media all and (max-width: 1199px) {

	.paragraph-large,
	.paragraph-with-title {
		font-size: 2rem
	}
}

@media all and (max-width: 767px) {

	.paragraph-large,
	.paragraph-with-title {
		font-size: 1.7rem
	}
}

@media all and (min-width: 768px) {

	.paragraph-large,
	.paragraph-with-title {
		width: 90%
	}
}

@media all and (min-width: 960px) {

	.paragraph-large,
	.paragraph-with-title {
		width: 86%
	}
}

@media all and (min-width: 1200px) {

	.paragraph-large,
	.paragraph-with-title {
		width: 76.6%
	}
}

.paragraph-large .headline,
.paragraph-with-title .headline {
	font-size: 4rem;
	font-weight: 300;
	line-height: 1.2
}

@media all and (max-width: 1199px) {

	.paragraph-large .headline,
	.paragraph-with-title .headline {
		font-size: 3.6rem
	}
}

@media all and (max-width: 767px) {

	.paragraph-large .headline,
	.paragraph-with-title .headline {
		font-size: 2.6rem
	}
}

@media all and (max-width: 768px) {
	.paragraph-with-title .headline {
		margin-bottom: 25px
	}
}

article .content-assist .paragraph-with-title {
	width: 100%;
	max-width: none
}

.photo-split {
	display: flex;
	align-items: center;
	justify-content: center
}

@media all and (max-width: 767px) {
	.photo-split {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		width: 100vw;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch
	}
}

@media all and (min-width: 768px) {
	.photo-split {
		overflow: hidden
	}
}

.photo-split .photo-container {
	flex-shrink: 0;
	margin: 0;
	padding: 0 4% 0 0;
	width: 50%
}

@media all and (min-width: 768px) {
	.photo-split .photo-container {
		padding: 0
	}

	.photo-split .photo-container+.photo-container {
		margin-left: 5%
	}
}

.photo-split img {
	display: block;
	margin: 0 0 12px;
	max-width: 100%
}

@media all and (min-width: 768px) {
	.photo-split img {
		margin-bottom: 10px
	}
}

.photo-split figcaption {
	font-size: 1rem;
	line-height: 1.6
}

@media all and (min-width: 768px) {
	.photo-split figcaption {
		font-size: 1.2rem
	}
}

@media all and (min-width: 1200px) {
	.photo-split figcaption {
		font-size: 1.4rem
	}
}

.photo-split p {
	margin: 0
}

.photo.advocacy-photo,
.blog-header .advocacy-photo.image {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0
}

@media all and (min-width: 768px) {

	.photo.advocacy-photo,
	.blog-header .advocacy-photo.image {
		padding-bottom: 0
	}
}

@media all and (min-width: 1920px) {

	body:not(.pdp__body) .photo.advocacy-photo,
	body:not(.pdp__body) .blog-header .advocacy-photo.image,
	.blog-header body:not(.pdp__body) .advocacy-photo.image {
		width: 1920px
	}
}

@media all and (min-width: 2370px) {

	body.pdp__body .photo.advocacy-photo,
	body.pdp__body .blog-header .advocacy-photo.image,
	.blog-header body.pdp__body .advocacy-photo.image {
		width: 1920px
	}
}

.photo.advocacy-photo img,
.blog-header .advocacy-photo.image img {
	display: block;
	margin: 0 0 93px;
	width: 87.5%
}

@media all and (min-width: 768px) {

	body:not(.pdp__body) .photo.advocacy-photo img,
	body:not(.pdp__body) .blog-header .advocacy-photo.image img,
	.blog-header body:not(.pdp__body) .advocacy-photo.image img {
		margin-bottom: 63px;
		width: 87%
	}
}

@media all and (min-width: 1096.704px) {

	body.pdp__body .photo.advocacy-photo img,
	body.pdp__body .blog-header .advocacy-photo.image img,
	.blog-header body.pdp__body .advocacy-photo.image img {
		margin-bottom: 63px;
		width: 87%
	}
}

@media all and (min-width: 960px) {

	body:not(.pdp__body) .photo.advocacy-photo img,
	body:not(.pdp__body) .blog-header .advocacy-photo.image img,
	.blog-header body:not(.pdp__body) .advocacy-photo.image img {
		margin-bottom: 83px
	}
}

@media all and (min-width: 1370.88px) {

	body.pdp__body .photo.advocacy-photo img,
	body.pdp__body .blog-header .advocacy-photo.image img,
	.blog-header body.pdp__body .advocacy-photo.image img {
		margin-bottom: 83px
	}
}

@media all and (min-width: 1200px) {

	body:not(.pdp__body) .photo.advocacy-photo img,
	body:not(.pdp__body) .blog-header .advocacy-photo.image img,
	.blog-header body:not(.pdp__body) .advocacy-photo.image img {
		margin-bottom: 106px;
		width: 87.5%
	}
}

@media all and (min-width: 1650px) {

	body.pdp__body .photo.advocacy-photo img,
	body.pdp__body .blog-header .advocacy-photo.image img,
	.blog-header body.pdp__body .advocacy-photo.image img {
		margin-bottom: 106px;
		width: 87.5%
	}
}

.photo.advocacy-photo figcaption,
.blog-header .advocacy-photo.image figcaption {
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0 auto;
	width: 70%;
	text-align: center
}

@media all and (min-width: 768px) {

	body:not(.pdp__body) .photo.advocacy-photo figcaption,
	body:not(.pdp__body) .blog-header .advocacy-photo.image figcaption,
	.blog-header body:not(.pdp__body) .advocacy-photo.image figcaption {
		font-size: 1.6rem;
		line-height: 1.875
	}
}

@media all and (min-width: 1096.704px) {

	body.pdp__body .photo.advocacy-photo figcaption,
	body.pdp__body .blog-header .advocacy-photo.image figcaption,
	.blog-header body.pdp__body .advocacy-photo.image figcaption {
		font-size: 1.6rem;
		line-height: 1.875
	}
}

@media all and (min-width: 960px) {

	body:not(.pdp__body) .photo.advocacy-photo figcaption,
	body:not(.pdp__body) .blog-header .advocacy-photo.image figcaption,
	.blog-header body:not(.pdp__body) .advocacy-photo.image figcaption {
		font-size: 2rem;
		line-height: 1.6
	}
}

@media all and (min-width: 1370.88px) {

	body.pdp__body .photo.advocacy-photo figcaption,
	body.pdp__body .blog-header .advocacy-photo.image figcaption,
	.blog-header body.pdp__body .advocacy-photo.image figcaption {
		font-size: 2rem;
		line-height: 1.6
	}
}

@media all and (min-width: 1200px) {

	body:not(.pdp__body) .photo.advocacy-photo figcaption,
	body:not(.pdp__body) .blog-header .advocacy-photo.image figcaption,
	.blog-header body:not(.pdp__body) .advocacy-photo.image figcaption {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

@media all and (min-width: 1650px) {

	body.pdp__body .photo.advocacy-photo figcaption,
	body.pdp__body .blog-header .advocacy-photo.image figcaption,
	.blog-header body.pdp__body .advocacy-photo.image figcaption {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

.photo.advocacy-photo figcaption p,
.blog-header .advocacy-photo.image figcaption p {
	width: 100%;
	max-width: none;
	text-align: center
}

.photo.advocacy-photo p,
.blog-header .advocacy-photo.image p {
	text-align: left;
	max-width: 640px;
	margin: 0 auto 24px auto;
	font-weight: 300
}

@media all and (max-width: 768px) {

	body:not(.pdp__body) .photo.advocacy-photo p,
	body:not(.pdp__body) .blog-header .advocacy-photo.image p,
	.blog-header body:not(.pdp__body) .advocacy-photo.image p {
		font-size: 1.4rem
	}
}

@media all and (max-width: 1095.704px) {

	body.pdp__body .photo.advocacy-photo p,
	body.pdp__body .blog-header .advocacy-photo.image p,
	.blog-header body.pdp__body .advocacy-photo.image p {
		font-size: 1.4rem
	}
}

.photo.advocacy-photo .paragraph-with-title,
.blog-header .advocacy-photo.image .paragraph-with-title {
	padding-bottom: 60px;
	max-width: 640px;
	margin: auto
}

@media all and (min-width: 768px) {

	body:not(.pdp__body) .photo.advocacy-photo .paragraph-with-title,
	body:not(.pdp__body) .blog-header .advocacy-photo.image .paragraph-with-title,
	.blog-header body:not(.pdp__body) .advocacy-photo.image .paragraph-with-title {
		padding-bottom: 70px
	}
}

@media all and (min-width: 1096.704px) {

	body.pdp__body .photo.advocacy-photo .paragraph-with-title,
	body.pdp__body .blog-header .advocacy-photo.image .paragraph-with-title,
	.blog-header body.pdp__body .advocacy-photo.image .paragraph-with-title {
		padding-bottom: 70px
	}
}

.photo.advocacy-photo .paragraph-with-title header,
.blog-header .advocacy-photo.image .paragraph-with-title header {
	margin-bottom: 30px
}

.photo.advocacy-photo .paragraph-with-title header img,
.blog-header .advocacy-photo.image .paragraph-with-title header img {
	height: 38px;
	width: 36px;
	margin-right: 10px
}

@media all and (min-width: 768px) {

	body:not(.pdp__body) .photo.advocacy-photo .paragraph-with-title header img,
	body:not(.pdp__body) .blog-header .advocacy-photo.image .paragraph-with-title header img,
	.blog-header body:not(.pdp__body) .advocacy-photo.image .paragraph-with-title header img {
		height: 66px;
		width: 63px;
		margin-right: 15px
	}
}

@media all and (min-width: 1096.704px) {

	body.pdp__body .photo.advocacy-photo .paragraph-with-title header img,
	body.pdp__body .blog-header .advocacy-photo.image .paragraph-with-title header img,
	.blog-header body.pdp__body .advocacy-photo.image .paragraph-with-title header img {
		height: 66px;
		width: 63px;
		margin-right: 15px
	}
}

.photo.advocacy-photo .paragraph-with-title header .headline,
.blog-header .advocacy-photo.image .paragraph-with-title header .headline {
	display: inline;
	font-size: 1.6rem
}

@media all and (min-width: 768px) {

	body:not(.pdp__body) .photo.advocacy-photo .paragraph-with-title header .headline,
	body:not(.pdp__body) .blog-header .advocacy-photo.image .paragraph-with-title header .headline,
	.blog-header body:not(.pdp__body) .advocacy-photo.image .paragraph-with-title header .headline {
		font-size: 2.4rem
	}
}

@media all and (min-width: 1096.704px) {

	body.pdp__body .photo.advocacy-photo .paragraph-with-title header .headline,
	body.pdp__body .blog-header .advocacy-photo.image .paragraph-with-title header .headline,
	.blog-header body.pdp__body .advocacy-photo.image .paragraph-with-title header .headline {
		font-size: 2.4rem
	}
}

.photo.advocacy-photo .paragraph-with-title p,
.blog-header .advocacy-photo.image .paragraph-with-title p {
	font-size: 1.4rem
}

@media all and (min-width: 768px) {

	body:not(.pdp__body) .photo.advocacy-photo .paragraph-with-title p,
	body:not(.pdp__body) .blog-header .advocacy-photo.image .paragraph-with-title p,
	.blog-header body:not(.pdp__body) .advocacy-photo.image .paragraph-with-title p {
		font-size: 1.6rem
	}
}

@media all and (min-width: 1096.704px) {

	body.pdp__body .photo.advocacy-photo .paragraph-with-title p,
	body.pdp__body .blog-header .advocacy-photo.image .paragraph-with-title p,
	.blog-header body.pdp__body .advocacy-photo.image .paragraph-with-title p {
		font-size: 1.6rem
	}
}

.predictive-results {
	font-size: 1.2rem;
	line-height: 1.5;
	opacity: 0;
	overflow: hidden
}

@media all and (min-width: 768px) {
	.predictive-results {
		font-size: 1.4rem
	}
}

@media all and (min-width: 1200px) {
	.predictive-results {
		margin: 0
	}
}

.predictive-results.is-visible {
	opacity: 1;
	padding: 39px 17px;
	padding: 0
}

@media all and (min-width: 768px) {
	.predictive-results.is-visible {
		padding: 0
	}
}

.predictive-results .title {
	color: #008a02
}

.predictive-results a {
	color: #000;
	display: inline-block;
	text-decoration: none;
	cursor: pointer
}

.predictive-results a strong {
	color: #999;
	font-weight: 400
}

.predictive-results a strong::before {
	content: "  ";
	display: inline-block;
	white-space: pre
}

.predictive-results a:hover {
	text-decoration: underline
}

.predictive-results .title {
	color: #008a02;
	font-size: 1.2rem;
	margin: 0 0 12px
}

@media all and (min-width: 768px) {
	.predictive-results .title {
		font-size: 1.3rem;
		margin-bottom: 13px
	}
}

@media all and (max-width: 767px) {
	.predictive-results .title:last-of-type {
		margin-top: 35px
	}
}

.predictive-results ul {
	padding: 0 0 100px
}

@media all and (max-width: 767px) {
	.predictive-results ul {
		position: relative
	}
}

@media all and (min-width: 768px) {
	.predictive-results ul {
		padding: 0 0 36px
	}
}

@media all and (max-width: 767px) {
	.predictive-results ul::after {
		background: #e8e8e8;
		content: "";
		height: 1px;
		position: absolute;
		bottom: 0;
		left: -17px;
		right: -17px
	}
}

.predictive-results ul:last-of-type::after {
	display: none
}

.predictive-results a {
	padding: 5px 0
}

@media all and (min-width: 768px) {
	.predictive-results a {
		padding: 3px 0 4px
	}
}

.header-search .predictive-results {
	margin: 0 36px
}

@media all and (min-width: 768px) {
	.header-search .predictive-results {
		font-size: 1.4rem;
		margin: 0 auto;
		width: 540px
	}
}

.header-search .predictive-results.is-visible {
	padding: 39px 17px
}

@media all and (min-width: 768px) {
	.header-search .predictive-results.is-visible {
		padding: 26px 0 12px
	}
}

.header-search .predictive-results ul a strong::before {
	display: none
}

.product-features {
	padding: 0 0 30px;
	position: relative
}

@media all and (min-width: 768px) {
	.product-features {
		padding-bottom: 83px
	}
}

@media all and (min-width: 1200px) {
	.product-features {
		padding: 0
	}
}

.product-features header {
	margin-bottom: 10px
}

.product-features .headline {
	font-size: 2.6rem;
	font-weight: 400;
	line-height: 1.9047619048;
	margin: 0 42px
}

@media(max-width: 375px) {
	.product-features .headline {
		margin: 0 20px
	}
}

@media all and (min-width: 768px) {
	.product-features .headline {
		font-size: 4.2rem
	}
}

@media all and (min-width: 960px) {
	.product-features .headline {
		font-size: 5.4rem
	}
}

@media all and (min-width: 1200px) {
	.product-features .headline {
		font-size: 6rem
	}
}

.product-features .item {
	display: flex;
	flex-direction: column;
	justify-content: start;
	height: auto;
	padding: 0 5px
}

@media all and (min-width: 768px) {
	.product-features .item {
		padding: 0 22px
	}
}

@media all and (min-width: 1200px) {
	.product-features .item {
		padding: 0 11px
	}
}

.product-features .item:focus {
	outline: none
}

.product-features .image {
	transition: opacity .45s linear, transform .45s linear;
	opacity: .2
}

@media all and (max-width: 1919px) {
	.product-features .image {
		transform: scale(0.66)
	}
}

.product-features .image:hover {
	opacity: 1 !important
}

.product-features .text {
	font-size: 1.2rem;
	line-height: 1.714;
	margin: 42px 0 0;
	opacity: 0;
	transform-origin: 50% 0;
	transition: all .3s
}

@media all and (min-width: 768px) {
	.product-features .text {
		margin-top: 22px;
		font-size: 1.6rem;
		line-height: 1.5
	}
}

.product-features .title {
	font-weight: 700;
	margin: 0 0 1px
}

@media all and (min-width: 768px) {
	.product-features .title {
		font-size: 3.2rem;
		font-weight: 400;
		line-height: 1.375;
		margin-bottom: 10px
	}
}

.product-features p {
	margin: 0
}

@media all and (max-width: 767px) {
	.product-features p {
		font-size: 1.35rem;
		line-height: 1.714
	}
}

.product-features .slick-slide:not(.slick-current) .image {
	cursor: pointer
}

.product-features .slick-active:not(.slick-current) .image,
.product-features .slick-current+.slick-slide .image,
.product-features .is-prev .image,
.product-features .is-next .image {
	opacity: .2
}

.product-features .slick-active:not(.slick-current) .text,
.product-features .slick-current+.slick-slide .text,
.product-features .is-prev .text,
.product-features .is-next .text {
	opacity: 0
}

@media all and (max-width: 1919px) {

	.product-features .slick-slide:not(.slick-current) .image,
	.product-features .is-prev .image {
		transform-origin: 100% 50%
	}

	.product-features .slick-current+.slick-slide:not(.slick-current) .image,
	.product-features .is-next .image {
		transform-origin: 0 50%
	}
}

.product-features .is-active .text,
.product-features .slick-current .text {
	transition: opacity .45s linear .25s, transform .45s linear
}

.product-features .is-active .text,
.product-features .is-active .image,
.product-features .slick-current .text,
.product-features .slick-current .image {
	opacity: 1;
	transform: scale(1)
}

@media all and (min-width: 1920px) {

	.product-features .is-active,
	.product-features .slick-current {
		position: relative;
		z-index: 1
	}

	.product-features .is-active .text,
	.product-features .slick-current .text {
		margin-top: 25%;
		margin-left: -25%;
		margin-right: -25%
	}

	.product-features .is-active .image,
	.product-features .slick-current .image {
		transform-origin: center center;
		transform: scale(1.5)
	}
}

@media all and (min-width: 1920px) {
	.product-features .slick-list {
		margin-top: 4.6%;
		overflow: visible
	}
}

.product-features img {
	display: block;
	max-width: 100%;
	width: 100%
}

.product-features .indicator {
	display: inline-block !important
}

.product-features .slick-track {
	display: flex;
	align-items: stretch
}

@media all and (min-width: 768px) {
	.product-features .slick-track {
		margin-left: 19px
	}
}

@media all and (min-width: 1200px) {
	.product-features .slick-track {
		margin-left: 24px
	}
}

.product-features .trigger {
	font-size: 2.2rem;
	position: absolute;
	top: 50%;
	z-index: 3;
	box-sizing: border-box;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	background: rgba(0, 0, 0, 0);
	border: none;
	color: #000;
	background-color: #fff;
	border: 1px solid #000
}

.product-features .trigger i {
	top: 1px
}

@media all and (max-width: 767px) {
	.product-features .trigger {
		display: none !important
	}
}

.product-features .prev {
	left: 42px
}

.product-features .next {
	right: 42px
}

.product-features .no-js .text,
.product-features .no-js .image {
	transform: none
}

.features-carousel__img__small .image {
	transform: scale(0.66)
}

.features-carousel__img__small.slick-current .image {
	transform: scale(1) !important
}

.features-carousel__img__small .text {
	margin: 22px 0 0 !important
}

.product-grid,
.info-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start
}

@media all and (min-width: 768px) {

	.product-grid,
	.info-grid {
		width: 100%
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {

	.product-grid,
	.info-grid {
		justify-content: space-between
padding-top: 20px;
}
}

.info-grid {
	margin-bottom: 28px
}

@media all and (min-width: 768px) {
	.info-grid {
		margin-bottom: 40px
	}
}

@media all and (min-width: 1200px) {
	.info-grid {
		margin-bottom: 56px
	}
}

.info-grid .info-title {
	font-size: 3rem;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 23px;
	padding: 0 0 11px;
	width: 100%
}

@media all and (min-width: 1200px) {
	.info-grid .info-title {
		font-size: 4rem;
		margin-bottom: 26px;
		padding-bottom: 24px
	}
}

.product-grid {
	margin: 0 -25px 76px;
	width: calc(100% + 50px)
}

@media all and (min-width: 768px) {
	.product-grid {
		width: 100%;
		margin: 0 0 76px
	}
}

@media all and (min-width: 1200px) {
	.product-grid {
		margin-bottom: 100px
	}
}

.product-grid+.product-grid {
	margin-top: -76px
}

@media all and (min-width: 1200px) {
	.product-grid+.product-grid {
		margin-top: -100px
	}
}

@media all and (max-width: 767px) {
	.product-grid.plp .card.large {
		order: 1
	}

	.product-grid.plp .card:nth-child(1) {
		order: 2
	}

	.product-grid.plp .card:nth-child(2) {
		order: 3
	}

	.product-grid.plp .card:nth-child(3) {
		order: 4
	}

	.product-grid.plp .card:nth-child(n+6) {
		order: 6
	}

	.product-grid.plp .card .button-container {
		order: 7
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.product-grid.plp .card.large {
		order: 2
	}

	.product-grid.plp .card:nth-child(1) {
		order: 3
	}

	.product-grid.plp .card:nth-child(2) {
		order: 4
	}

	.product-grid.plp .card:nth-child(3) {
		order: 5
	}

	.product-grid.plp .card:nth-child(n+6) {
		order: 6
	}

	.product-grid.plp .card .button-container {
		order: 7
	}
}

@media all and (min-width: 960px) {
	.product-grid.plp .wide+.card+.card+.card {
		margin-right: 22px
	}
}

@media all and (min-width: 960px) {
	.product-grid.plp .wide+.card+.card+.card+.card {
		margin-right: 0
	}
}

@media all and (max-width: 767px) {
	.product-grid.plp .card-stack {
		order: 5
	}
}

@media all and (min-width: 768px)and (max-width: 959px) {
	.product-grid.plp .card-stack {
		order: 1
	}
}

.product-line {
	background-color: #277890
}

.product-line .product-line-container {
	display: flex
}

@media all and (max-width: 767px) {
	.product-line .product-line-container {
		flex-direction: column
	}
}

.product-line .product-line-container h1 {
	color: #fff;
	margin-bottom: 40px;
	font-size: 4rem;
	font-weight: 400
}

@media all and (max-width: 767px) {
	.product-line .product-line-container h1 {
		font-size: 2.4rem
	}
}

.product-line .product-line-container.one-column .product-line-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: auto;
	padding: 75px 0;
	width: 90%
}

.product-line .product-line-container.one-column .product-line-img {
	width: 42%
}

.product-line .product-line-container.two-columns .product-line-item {
	flex-basis: 50%
}

.product-line .product-line-container.three-columns .product-line-item {
	flex-basis: 33.3%
}

.product-line .product-line-container.two-columns .product-line-item,
.product-line .product-line-container.three-columns .product-line-item {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden
}

.product-line .product-line-container.two-columns .header,
.product-line .product-line-container.three-columns .header {
	padding: 70px
}

@media all and (max-width: 767px) {

	.product-line .product-line-container.two-columns .header,
	.product-line .product-line-container.three-columns .header {
		padding: 70px 20px
	}
}

.product-line .product-line-container.two-columns .product-line-img,
.product-line .product-line-container.three-columns .product-line-img {
	height: auto;
	width: 100%
}

.product-overview {
	padding: 37px 0 104px;
	max-width: 600px;
	font-weight: 300
}

.product-overview .platform-signature {
	margin: 0 0 40px
}

@media all and (min-width: 768px) {
	.product-overview .platform-signature {
		margin-bottom: 33px
	}
}

@media all and (min-width: 1200px) {
	.product-overview .platform-signature {
		margin: 0 50px 0 0
	}
}

.product-overview .platform-signature .signature {
	max-width: 114px
}

@media all and (min-width: 1200px) {
	.product-overview .platform-signature .signature {
		max-width: 195px
	}
}

.product-overview .description {
	margin: 0 0 40px
}

@media all and (min-width: 768px) {
	.product-overview .description {
		display: block;
		margin: 0;
		padding: 0 40px 0 60px;
		width: 50%
	}
}

@media all and (min-width: 1200px) {
	.product-overview .description {
		display: flex;
		align-items: center;
		padding: 0;
		width: 67%
	}
}

.product-overview .text {
	font-size: 1.7rem;
	line-height: 1.5;
	max-width: 545px
}

@media all and (min-width: 1200px) {
	.product-overview .text {
		font-size: 2.4rem;
		line-height: 1.3333333333;
		padding: 0 25px 0 0
	}
}

.product-overview .text .title {
	display: inline-block;
	font-size: 1.7rem;
	line-height: 1.5;
	margin: 0
}

@media all and (min-width: 1200px) {
	.product-overview .text .title {
		font-size: 2.4rem;
		line-height: 1.3333333333
	}
}

.product-overview .highlights {
	padding: 30px 4px 0
}

@media all and (min-width: 1200px) {
	.product-overview .highlights {
		padding-top: 45px
	}
}

.product-overview .highlights * {
	font-size: 1.4rem;
	line-height: 1.7142857143
}

@media all and (min-width: 1200px) {
	.product-overview .highlights * {
		font-size: 1.6rem;
		line-height: 1.5
	}
}

.product-overview .highlights h1,
.product-overview .highlights h2,
.product-overview .highlights h3,
.product-overview .highlights h4,
.product-overview .highlights h5,
.product-overview .highlights h6 {
	margin: 0 0 1px
}

.product-overview .highlights h3 {
	font-weight: bold
}

.product-overview .highlights p,
.product-overview .highlights ul,
.product-overview .highlights ol {
	margin: 8px 0 30px
}

@media all and (min-width: 1200px) {

	.product-overview .highlights p,
	.product-overview .highlights ul,
	.product-overview .highlights ol {
		margin-bottom: 45px
	}
}

.product-overview .highlights p:last-child,
.product-overview .highlights ul:last-child,
.product-overview .highlights ol:last-child {
	margin-bottom: 0
}

.product-overview .highlights ul {
	padding-left: 0
}

.product-overview .highlights li {
	margin-bottom: 1px
}

.product-overview .highlights>:last-child {
	margin-bottom: 0
}

.product-overview .logos {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start
}

.product-overview .logos li {
	margin: 10px 25px 0 0
}

@media all and (min-width: 1200px) {
	.product-overview .logos li {
		margin: 12px 35px 0 0
	}
}

.product-overview .logos li:last-child {
	margin-right: 0
}

.product-overview .logos li a {
	display: block
}

.product-overview .logos li img {
	max-height: 80px;
	width: auto
}

@media all and (min-width: 768px) {
	.product-overview .logos li img {
		max-height: 52px
	}
}

@media all and (min-width: 1200px) {
	.product-overview .logos li img {
		max-height: 80px
	}
}

#PositioningPhrase {
	padding-bottom: 45px
}

@media all and (max-width: 1199px) {
	#PositioningPhrase {
		padding-bottom: 30px
	}
}

#PositioningPhrase:last-child {
	padding-bottom: 0
}

.product-specifications {
	padding: 0
}

@media all and (min-width: 768px) {
	.product-specifications {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media all and (min-width: 960px) {
	.product-specifications {
		padding-left: 70px
	}
}

@media all and (min-width: 1200px) {
	.product-specifications {
		padding-top: 25px;
		padding-left: 0
	}
}

.product-specifications header {
	margin: 100px 0 0
}

@media all and (min-width: 960px) {
	.product-specifications header {
		margin-bottom: -15px
	}
}

@media all and (min-width: 1200px) {
	.product-specifications header {
		margin-top: 10px
	}
}

.product-specifications .headline {
	font-size: 4rem;
	font-weight: 400;
	line-height: 1.9047619048;
	margin: 0;
	padding: 0
}

@media all and (min-width: 960px) {
	.product-specifications .headline {
		font-size: 6rem
	}
}

@media all and (min-width: 1920px) {
	.product-specifications .headline {
		font-size: 8.6rem
	}
}

.product-specifications header+div,
.product-specifications .panel,
.product-specifications .inner-panel {
	position: relative
}

@media all and (min-width: 960px) {

	.product-specifications header+div,
	.product-specifications .panel {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
padding-top: 20px;
}
}

.product-specifications header+div.is-open,
.product-specifications .panel.is-open {
	margin: 0 0 46px
}

@media all and (min-width: 768px) {

	.product-specifications header+div.is-open,
	.product-specifications .panel.is-open {
		margin-bottom: 60px
	}
}

@media all and (max-width: 767px) {

	.product-specifications header+div[data-panel=product-specifications],
	.product-specifications .panel[data-panel=product-specifications] {
		margin-left: -15px
	}
}

.product-specifications .inner-panel {
	padding-left: 4px
}

.product-specifications .column ul {
	padding-left: 0
}

@media all and (min-width: 1200px) {
	.product-specifications .column {
		width: calc(50% - 30px)
	}
}

.product-specifications .section-title {
	font-size: 1.3rem;
	line-height: 1.25;
	margin: 30px 0 15px;
	padding-left: 4px;
	letter-spacing: 1px
}

@media all and (min-width: 768px) {
	.product-specifications .section-title {
		margin: 30px 0 23px
	}
}

@media all and (min-width: 960px) {
	.product-specifications .section-title {
		margin: 48px 0 23px
	}
}

@media all and (min-width: 1920px) {
	.product-specifications .section-title {
		font-size: 1.6rem
	}
}

.product-specifications .specs-list-item {
	position: relative;
	margin-bottom: 7px;
	padding: 0;
	overflow: hidden
	 border: none; /* 鍏堝彇娑堟墍鏈夎竟妗?*/
	 border-bottom: 1px solid black; /* 鍐嶈缃笅杈规 */
}

@media all and (min-width: 768px) {
	.product-specifications .specs-list-item {
		 
		  border: none; /* 鍏堝彇娑堟墍鏈夎竟妗?*/
		  border-bottom: 1px solid black; /* 鍐嶈缃笅杈规 */
		  position: relative;
		  padding: 30px 0 10px;
		  overflow: hidden
	}
}

.product-specifications .specs-list-item::before {
	display: none
}

.product-specifications .inner-trigger {
	display: flex;
	justify-content: flex-start;
	font-size: 1.2rem;
	line-height: 1.25;
	text-align: left;
	padding-left: 4px;
	text-decoration: none;
	width: 100%;
	outline: none;
	cursor: default
}

@media all and (min-width: 768px) {
	.product-specifications .inner-trigger {
		font-size: 1.3rem
	}
}

@media all and (min-width: 960px) {
	.product-specifications .inner-trigger {
		font-size: 1.6rem
	}
}

@media all and (min-width: 1920px) {
	.product-specifications .inner-trigger {
		font-size: 1.7rem
	}
}

.product-specifications .inner-trigger[data-trigger] {
	cursor: pointer
}

.product-specifications .inner-trigger[data-trigger]::after {
	content: "瞍?;
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	transition: color .15s ease-out;
	position: absolute;
	top: 4px;
	right: 0
}

.product-specifications .inner-trigger[data-trigger].is-active::after {
	transform: rotate(180deg)
}

.product-specifications .inner-trigger[data-trigger]:hover::after {
	color: #008a02
}

.product-specifications .name {
	display: block;
	margin: 0 7px 0 0;
	font-size: 1.5rem;
	flex-shrink: 0
}

@media all and (min-width: 768px) {
	.product-specifications .name {
		margin-right: 10px
	}
}

.product-specifications .desc {
	color: #303030;
	font-weight: 400;
	padding-right: 17px
}

@media all and (max-width: 767px) {
	.product-specifications .desc {
		position: relative;
		top: 2.5px
	}
}

.product-specifications .note {
	font-size: 1.2rem;
	line-height: 1.5;
	margin-top: 40px;
	padding-left: 17px;
	padding-top: 4px
}

.product-specifications .unit-toggle {
	align-self: flex-end;
	margin-left: auto;
	margin-top: 40px
}

@media all and (min-width: 768px) {
	.product-specifications .unit-toggle {
		margin-top: 0;
		margin-bottom: 25px
	}
}

@media all and (min-width: 960px) {
	.product-specifications .unit-toggle {
		margin-top: -57px
	}

	.sizing-image+.product-specifications .unit-toggle {
		margin-top: 20px
	}
}

.product-specifications .unit-toggle .title {
	font-size: 1.4rem;
	margin: 0
}

@media all and (min-width: 960px) {
	.product-specifications .unit-toggle .title {
		font-size: 2.4rem;
		margin-bottom: 8px
	}
}

.product-specifications .unit-toggle button {
	font-size: 1.2rem;
	line-height: 1.5;
	margin: 0 30px 0 0;
	padding: 4px 0 4px 20px;
	position: relative
}

@media all and (min-width: 768px) {
	.product-specifications .unit-toggle button {
		display: block;
		margin: 0
	}
}

@media all and (min-width: 960px) {
	.product-specifications .unit-toggle button {
		font-size: 1.4rem;
		padding-left: 29px
	}
}

@media all and (max-width: 1199px) {
	.product-specifications .unit-toggle button:focus {
		outline: none
	}
}

.product-specifications .unit-toggle button::before {
	color: #fff;
	content: "";
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	font-weight: 700;
	height: 12px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 12px
}

@media all and (min-width: 768px) {
	.product-specifications .unit-toggle button::before {
		height: 14px;
		width: 14px
	}
}

.product-specifications .unit-toggle button::before {
	border: 1px solid #000
}

.product-specifications .unit-toggle button.is-active::before {
	background: #008a02;
	border-color: #008a02;
	content: "瞍?;
	position: absolute
}

.product-specifications .sizing-image {
	margin: 50px auto 0;
	width: 100%;
	text-align: center
}

.product-specifications .sizing-image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%
}

@media all and (min-width: 960px) {
	.product-specifications .sizing-image {
		display: flex;
		justify-content: center
	}
	.product-specifications .sizing-image img {
		max-width: 800px
	}
	.product-specifications .sizing-image+.unit-toggle {
		margin-top: 20px
	}
}

.product-specifications .tools {
	border: 1px solid #008a02;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1rem;
	padding: 22px 0;
	margin-top: 35px
}

@media all and (min-width: 768px) {
	.product-specifications .tools {
		font-size: 1.3rem;
		padding: 20px 185px;
		margin-top: 0
	}
}

@media all and (min-width: 960px) {
	.product-specifications .tools {
		flex-direction: row;
		font-size: 1.4rem;
		padding: 29px 0 26px
	}
}

.product-specifications .tools .tool-link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	padding: 22px 0
}

@media all and (min-width: 768px) {
	.product-specifications .tools .tool-link {
		align-items: center;
		flex-direction: row;
		padding: 20px 0
	}
}

@media all and (min-width: 960px) {
	.product-specifications .tools .tool-link {
		padding: 25px 74px
	}
}

.product-specifications .tools .tool-link .icon {
	font-size: 2.4rem;
	margin: 0 0 5px
}

@media all and (min-width: 768px) {
	.product-specifications .tools .tool-link .icon {
		font-size: 3.6rem;
		margin: 0 13px 0 0
	}
}

.product-specifications .tools .tool-link:hover {
	color: #222;
	text-decoration: underline;
	text-decoration-color: blackt
}

.product-specifications .tools .tool-link:hover .icon {
	color: #008a02
}

.scrollable-content {
	width: 100%
}

.scrollable-content__upper {
	display: flex;
	justify-content: space-between
}

.scrollable-content__lower {
	position: relative
}

.scrollable-content__scroller {
	width: 100%;
	overflow: auto;
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 30px;
	scrollbar-width: thin;
	scrollbar-color: #787878 #f2f2f2
}

.scrollable-content__scroller::-webkit-scrollbar {
	height: 5px
}

.scrollable-content__scroller::-webkit-scrollbar-track {
	background: #f2f2f2;
	margin: 0 60px 0 0
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .scrollable-content__scroller::-webkit-scrollbar-track {
		margin: 0 80px
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .scrollable-content__scroller::-webkit-scrollbar-track {
		margin: 0 80px
	}
}

.scrollable-content__scroller::-webkit-scrollbar-thumb {
	background: #757575;
	border-radius: 6px
}

.scrollable-content__scroller::-webkit-scrollbar-thumb:hover {
	background: #000
}

.scrollable-content__item {
	width: 200px;
	height: 200px;
	flex-shrink: 0
}

.scrollable-content__item+.scrollable-content__item {
	margin-left: 24px
}

.scrollable-content__arrow {
	position: absolute;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	top: calc(50% - 24px);
	transform: translate(0, -50%);
	background: #fff;
	border: 1px solid #000;
	width: 40px;
	height: 40px;
	cursor: pointer
}

@media(max-width: 768px) {
	.scrollable-content__arrow {
		display: none
	}
}

.scrollable-content__arrow::before {
	content: "";
	display: block;
	width: 19px;
	height: 9px;
	background: url("../images/arrow-next.svg")
}

.scrollable-content__arrow.-left-arrow {
	left: 42px
}

.scrollable-content__arrow.-left-arrow::before {
	transform: rotate(180deg)
}

.scrollable-content__arrow.-right-arrow {
	right: 42px
}

.scrollable-content__bar-hide {
	position: absolute;
	bottom: 0;
	width: 8%;
	height: 5px;
	font-size: 0;
	overflow: hidden
}

.scrollable-content__bar-hide::before {
	content: "";
	display: block;
	height: 5px;
	width: 5px;
	border-radius: 5px;
	position: absolute;
	top: 0;
	box-shadow: 0 0 0 300px #fff
}

.scrollable-content__bar-hide[data-side=left] {
	left: 0
}

.scrollable-content__bar-hide[data-side=left]::before {
	right: -2.5px
}

.scrollable-content__bar-hide[data-side=right] {
	right: 0
}

.scrollable-content__bar-hide[data-side=right]::before {
	left: -2.5px
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .scrollable-content__bar-hide {
		display: none
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .scrollable-content__bar-hide {
		display: none
	}
}

.service-offerings {
	background: #000;
	color: #fff
}

.service-offerings .inner {
	padding: 54px 37px 41px;
	margin: 0 auto;
	max-width: 1096px
}

@media all and (min-width: 768px) {
	.service-offerings .inner {
		padding: 98px 37px 15px
	}
}

@media all and (min-width: 1200px) {
	.service-offerings .inner {
		padding: 163px 0 63px
	}
}

.service-offerings .headline {
	color: #fff;
	margin: 0 0 14px
}

@media all and (min-width: 768px) {
	.service-offerings .headline {
		margin-bottom: 40px
	}
}

@media all and (min-width: 1200px) {
	.service-offerings .headline {
		margin-bottom: 59px
	}
}

@media all and (min-width: 768px) {
	.service-offerings .services {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
padding-top: 20px;
}
}

@media all and (min-width: 960px) {
	.service-offerings .services {
		justify-content: flex-start
	}
}

.service-offerings .services li {
	margin: 0 0 39px
}

@media all and (min-width: 768px) {
	.service-offerings .services li {
		margin: 0 0 40px 0;
		width: 45%
	}
}

@media all and (min-width: 960px) {
	.service-offerings .services li {
		margin: 0 10% 72px 0;
		width: 26.5%
	}
}

@media all and (min-width: 1200px) {
	.service-offerings .services li {
		margin: 0 17.15% 72px 0;
		width: 21.89%
	}
}

.service-offerings .services li:nth-child(3n) {
	margin-right: 0
}

.service-offerings .title {
	color: #fff;
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1.4166666667;
	margin: 0 0 5px
}

@media all and (min-width: 768px) {
	.service-offerings .title {
		font-weight: 700;
		line-height: 1.1666666667;
		margin-bottom: 13px
	}
}

@media all and (max-width: 767px) {
	.service-offerings .title br {
		display: none
	}
}

.side-by-side__container {
	display: flex;
	flex-direction: column
}

.side-by-side__container .image-block {
	height: 100vw;
	width: 100vw
}

.side-by-side__container .image-primary,
.side-by-side__container .image-secondary {
	position: relative
}

.side-by-side__container .image-primary .image-default,
.side-by-side__container .image-secondary .image-default {
	transition: visibility .5s, opacity .5s cubic-bezier(0.5, 0, 0.1, 1);
	visibility: visible
}

.side-by-side__container .image-primary .image-hover,
.side-by-side__container .image-secondary .image-hover {
	height: 0;
	opacity: 0;
	transition: visibility .5s, opacity .5s cubic-bezier(0.5, 0, 0.1, 1);
	visibility: hidden
}

@media(min-width: 768px) {
	.side-by-side__container {
		flex-direction: row
	}

	.side-by-side__container .image-block {
		height: 50vw;
		width: 50vw
	}

	.side-by-side__container .hover-state.image-primary .image-hover,
	.side-by-side__container .hover-state.image-secondary .image-hover {
		position: absolute;
		top: 0
	}

	.side-by-side__container .hover-state.image-primary .image-hover,
	.side-by-side__container .hover-state.image-secondary .image-hover {
		height: 50vw
	}

	.side-by-side__container .hover-state.image-primary:hover .image-default,
	.side-by-side__container .hover-state.image-secondary:hover .image-default {
		opacity: 0;
		visibility: hidden
	}

	.side-by-side__container .hover-state.image-primary:hover .image-hover,
	.side-by-side__container .hover-state.image-secondary:hover .image-hover {
		opacity: 1;
		visibility: visible
	}
}

@media(min-width: 769px) {
	.side-by-side .pdp-display .image-block {
		height: max(35vw, 50vw - 225px) !important;
		width: max(35vw, 50vw - 225px) !important
	}
}

.sidebar-promo {
	width: 100%
}

@media all and (min-width: 768px) {
	.sidebar-promo {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media all and (min-width: 1200px) {
	.sidebar-promo {
		max-width: 422px;
		padding-left: 0
	}
}

@media only screen and (min-width: 1381px) {
	.sidebar-promo {
		padding-right: 0
	}
}

.sidebar-promo .button.secondary,
.sidebar-promo #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .sidebar-promo .secondary#lcly-button-buy,
.sidebar-promo .filter-product .secondary.clear-input,
.filter-product .sidebar-promo .secondary.clear-input {
	color: #fff;
	border-color: #fff
}

.sidebar-promo .button.secondary:hover,
.sidebar-promo #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .sidebar-promo .secondary#lcly-button-buy:hover,
.sidebar-promo .filter-product .secondary.clear-input:hover,
.filter-product .sidebar-promo .secondary.clear-input:hover {
	color: #000;
	background: #fff;
	border-color: #fff
}

.simple-headline {
	position: relative;
	z-index: 9;
	margin-bottom: -8px
}

@media all and (min-width: 768px) {
	.simple-headline {
		margin-bottom: -15px
	}
}

@media all and (min-width: 960px) {
	.simple-headline {
		font-size: 6rem
	}
}

.simple-headline .headline {
	font-weight: 300;
	font-size: 4rem;
	line-height: 1.325;
	margin-left: 5%
}

.simple-headline.large+.simple-headline.large {
	margin-top: 25px
}

@media all and (max-width: 767px) {
	.simple-headline.large+.simple-headline.large {
		margin-top: 12px
	}
}

.simple-headline.large .headline {
	font-size: 10rem;
	font-weight: 400;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 0
}

@media all and (max-width: 768px) {
	.simple-headline.large .headline {
		font-size: 5rem
	}
}

@media all and (max-width: 767px) {
	.simple-headline.large .headline {
		margin-left: -18px
	}
}

.simple-headline.small {
	margin-top: -17px
}

.simple-headline.small .headline {
	font-size: 3.5rem;
	margin-left: -2%
}

.simple-type-and-image {
	position: relative
}

@media all and (min-width: 600px) {
	body:not(.pdp__body) .simple-type-and-image {
		padding-left: 3.5%;
		padding-right: 3.5%
	}
}

@media all and (min-width: 856.8px) {
	body.pdp__body .simple-type-and-image {
		padding-left: 3.5%;
		padding-right: 3.5%
	}
}

@media all and (min-width: 1024px) {
	body:not(.pdp__body) .simple-type-and-image {
		padding-left: 4%;
		padding-right: 4%
	}
}

@media all and (min-width: 1462.272px) {
	body.pdp__body .simple-type-and-image {
		padding-left: 4%;
		padding-right: 4%
	}
}

.simple-type-and-image>div {
	background-position: 50% 50%;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 1.5;
	position: relative
}

.simple-type-and-image>div::before {
	content: "";
	display: block;
	width: 100%;
	padding-bottom: 160%
}

@media all and (min-width: 600px) {
	body:not(.pdp__body) .simple-type-and-image>div::before {
		padding-bottom: 100%
	}
}

@media all and (min-width: 856.8px) {
	body.pdp__body .simple-type-and-image>div::before {
		padding-bottom: 100%
	}
}

@media all and (min-width: 1024px) {
	body:not(.pdp__body) .simple-type-and-image>div::before {
		padding-bottom: 56.5%
	}
}

@media all and (min-width: 1462.272px) {
	body.pdp__body .simple-type-and-image>div::before {
		padding-bottom: 56.5%
	}
}

.simple-type-and-image header {
	width: 100%;
	position: absolute;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

@media all and (max-width: 1023px) {
	body:not(.pdp__body) .simple-type-and-image header::before {
		content: "";
		display: block
	}
}

@media all and (max-width: 1459.844px) {
	body.pdp__body .simple-type-and-image header::before {
		content: "";
		display: block
	}
}

@media all and (min-width: 1024px) {
	body:not(.pdp__body) .simple-type-and-image header {
		display: block;
		height: auto
	}
}

@media all and (min-width: 1462.272px) {
	body.pdp__body .simple-type-and-image header {
		display: block;
		height: auto
	}
}

.simple-type-and-image .headline {
	color: #fff;
	font-family: "Space Mono", monospace;
	font-size: 1.4rem;
	font-weight: 300;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin: 61px auto;
	padding: 0;
	width: 70%;
	text-align: center;
	line-height: 3.2rem
}

@media all and (min-width: 600px) {
	body:not(.pdp__body) .simple-type-and-image .headline {
		font-size: 1.8rem;
		width: 59.1%;
		line-height: 4rem
	}
}

@media all and (min-width: 856.8px) {
	body.pdp__body .simple-type-and-image .headline {
		font-size: 1.8rem;
		width: 59.1%;
		line-height: 4rem
	}
}

@media all and (min-width: 1024px) {
	body:not(.pdp__body) .simple-type-and-image .headline {
		width: 100%;
		padding: 0 20px;
		line-height: 5rem;
		margin: 65px auto
	}
}

@media all and (min-width: 1462.272px) {
	body.pdp__body .simple-type-and-image .headline {
		width: 100%;
		padding: 0 20px;
		line-height: 5rem;
		margin: 65px auto
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .simple-type-and-image .headline {
		font-size: 2rem
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .simple-type-and-image .headline {
		font-size: 2rem
	}
}

@media all and (min-width: 1300px) {
	body:not(.pdp__body) .simple-type-and-image .headline {
		font-size: 2.2rem;
		margin: 75px auto
	}
}

@media all and (min-width: 1750px) {
	body.pdp__body .simple-type-and-image .headline {
		font-size: 2.2rem;
		margin: 75px auto
	}
}

@media all and (min-width: 1800px) {
	body:not(.pdp__body) .simple-type-and-image .headline {
		font-size: 2.4rem
	}
}

@media all and (min-width: 2250px) {
	body.pdp__body .simple-type-and-image .headline {
		font-size: 2.4rem
	}
}

@media all and (max-width: 1023px) {
	body:not(.pdp__body) .simple-type-and-image .headline:last-child {
		margin-top: 0;
		margin-bottom: 50%;
		transform: translateY(50%)
	}
}

@media all and (max-width: 1459.844px) {
	body.pdp__body .simple-type-and-image .headline:last-child {
		margin-top: 0;
		margin-bottom: 50%;
		transform: translateY(50%)
	}
}

@media all and (max-width: 599px) {
	body:not(.pdp__body) .simple-type-and-image .headline:last-child {
		margin-bottom: 80%
	}
}

@media all and (max-width: 854.372px) {
	body.pdp__body .simple-type-and-image .headline:last-child {
		margin-bottom: 80%
	}
}

.simple-type-and-image .headline span {
	transition: opacity .4s
}

.simple-type-and-image .button-animation-container {
	display: flex;
	justify-content: center;
	margin-top: -25px;
	padding: 0
}

@media all and (max-width: 1023px) {
	body:not(.pdp__body) .simple-type-and-image .button-animation-container {
		margin-top: -116px;
		padding-bottom: 50px !important
	}
}

@media all and (max-width: 1459.844px) {
	body.pdp__body .simple-type-and-image .button-animation-container {
		margin-top: -116px;
		padding-bottom: 50px !important
	}
}

@media all and (max-width: 599px) {
	body:not(.pdp__body) .simple-type-and-image .button-animation-container {
		margin-top: -92px;
		padding-bottom: 45px !important
	}

	body:not(.pdp__body) .simple-type-and-image .button-animation-container .button,
	body:not(.pdp__body) .simple-type-and-image .button-animation-container #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta body:not(.pdp__body) .simple-type-and-image .button-animation-container #lcly-button-buy,
	body:not(.pdp__body) .simple-type-and-image .button-animation-container .filter-product .clear-input,
	.filter-product body:not(.pdp__body) .simple-type-and-image .button-animation-container .clear-input {
		min-width: 300px
	}

	body:not(.pdp__body) .simple-type-and-image .button-animation-container .button>span,
	body:not(.pdp__body) .simple-type-and-image .button-animation-container #LocallyProductLocator.-enable-cta #lcly-button-buy>span,
	#LocallyProductLocator.-enable-cta body:not(.pdp__body) .simple-type-and-image .button-animation-container #lcly-button-buy>span,
	body:not(.pdp__body) .simple-type-and-image .button-animation-container .filter-product .clear-input>span,
	.filter-product body:not(.pdp__body) .simple-type-and-image .button-animation-container .clear-input>span {
		line-height: 45px
	}
}

@media all and (max-width: 854.372px) {
	body.pdp__body .simple-type-and-image .button-animation-container {
		margin-top: -92px;
		padding-bottom: 45px !important
	}

	body.pdp__body .simple-type-and-image .button-animation-container .button,
	body.pdp__body .simple-type-and-image .button-animation-container #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta body.pdp__body .simple-type-and-image .button-animation-container #lcly-button-buy,
	body.pdp__body .simple-type-and-image .button-animation-container .filter-product .clear-input,
	.filter-product body.pdp__body .simple-type-and-image .button-animation-container .clear-input {
		min-width: 300px
	}

	body.pdp__body .simple-type-and-image .button-animation-container .button>span,
	body.pdp__body .simple-type-and-image .button-animation-container #LocallyProductLocator.-enable-cta #lcly-button-buy>span,
	#LocallyProductLocator.-enable-cta body.pdp__body .simple-type-and-image .button-animation-container #lcly-button-buy>span,
	body.pdp__body .simple-type-and-image .button-animation-container .filter-product .clear-input>span,
	.filter-product body.pdp__body .simple-type-and-image .button-animation-container .clear-input>span {
		line-height: 45px
	}
}

.single-product-storyteller {
	position: relative;
	overflow: hidden
}

.single-product-storyteller.aside-top .random-left-img {
	top: 0
}

.single-product-storyteller.aside-top.aside-offset {
	padding-top: 150px
}

@media all and (max-width: 767px) {
	.single-product-storyteller.aside-top.aside-offset {
		padding-top: 65px
	}
}

.single-product-storyteller.aside-bottom .random-left-img {
	bottom: 0;
	top: auto
}

.single-product-storyteller.aside-bottom.aside-offset {
	padding-bottom: 160px
}

@media all and (max-width: 767px) {
	.single-product-storyteller.aside-bottom.aside-offset {
		padding-bottom: 40px
	}
}

.single-product-storyteller .content-img {
	width: 100%
}

@media all and (min-width: 960px) {
	.single-product-storyteller .content-img {
		width: 50%
	}
}

.single-product-storyteller .text-container {
	background-color: #fff;
	max-width: none;
	width: 100%;
	margin: auto;
	z-index: 2;
	padding: 24px 20px 0 20px;
	box-sizing: border-box
}

.single-product-storyteller .text-container .button,
.single-product-storyteller .text-container #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .single-product-storyteller .text-container #lcly-button-buy,
.single-product-storyteller .text-container .filter-product .clear-input,
.filter-product .single-product-storyteller .text-container .clear-input {
	margin-top: 5px
}

@media all and (max-width: 767px) {

	.single-product-storyteller .text-container .button,
	.single-product-storyteller .text-container #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .single-product-storyteller .text-container #lcly-button-buy,
	.single-product-storyteller .text-container .filter-product .clear-input,
	.filter-product .single-product-storyteller .text-container .clear-input {
		margin-top: 20px;
		margin-bottom: 20px
	}
}

.single-product-storyteller .text-container .button.secondary:hover,
.single-product-storyteller .text-container #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .single-product-storyteller .text-container .secondary#lcly-button-buy:hover,
.single-product-storyteller .text-container .filter-product .secondary.clear-input:hover,
.filter-product .single-product-storyteller .text-container .secondary.clear-input:hover {
	background: #000;
	color: #fff
}

@media all and (min-width: 768px) {
	.single-product-storyteller .text-container {
		padding: 20px 50px
	}
}

@media all and (min-width: 960px) {
	.single-product-storyteller .text-container {
		max-width: calc(33% + 100px)
	}
}

@media all and (min-width: 1200px) {
	.single-product-storyteller .text-container {
		max-width: calc(30% + 100px)
	}
}

.single-product-storyteller .single-product-storyteller-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: auto
}

@media all and (max-width: 767px) {
	.single-product-storyteller .single-product-storyteller-container {
		flex-direction: column;
		padding-left: 20px;
		padding-right: 20px
	}
}

@media all and (min-width: 960px) {
	.single-product-storyteller .single-product-storyteller-container.img-left .content-img {
		width: 57%
	}
}

@media all and (min-width: 960px) {
	.single-product-storyteller .single-product-storyteller-container.img-left .text-container {
		margin-left: 4%
	}
}

.single-product-storyteller .single-product-storyteller-container.img-left .random-left-img {
	right: 0;
	left: auto
}

@media all and (min-width: 768px) {
	.single-product-storyteller .single-product-storyteller-container.img-right .content-img {
		order: 2
	}
}

@media all and (min-width: 768px) {
	.single-product-storyteller .single-product-storyteller-container.img-right .text-container {
		order: 1;
		margin-right: 4%
	}
}

.single-product-storyteller .headline {
	font-size: 4rem;
	font-weight: 300;
	line-height: 1.5
}

@media all and (max-width: 1199px) {
	.single-product-storyteller .headline {
		font-size: 3.6rem
	}
}

@media all and (max-width: 767px) {
	.single-product-storyteller .headline {
		font-size: 2.6rem;
		max-width: 80%
	}
}

.single-product-storyteller .content {
	font-size: 2.4rem;
	font-weight: 300;
	margin: 24px 0
}

@media all and (max-width: 1199px) {
	.single-product-storyteller .content {
		font-size: 2rem
	}
}

@media all and (max-width: 767px) {
	.single-product-storyteller .content {
		font-size: 1.7rem
	}
}

.single-product-storyteller .random-left-img {
	position: absolute;
	left: 0
}

@media all and (max-width: 767px) {
	.single-product-storyteller .random-left-img {
		display: none
	}
}

.single-product-storyteller .html5-video video {
	display: block;
	position: relative;
	width: 100%
}

.single-product-storyteller .html5-video .mobile-img {
	display: none;
	position: relative
}

@media all and (max-width: 767px) {
	.single-product-storyteller .html5-video video {
		display: none
	}

	.single-product-storyteller .html5-video .mobile-img {
		display: block
	}
}

.site-footer {
	align-self: flex-end;
	background: #000;
	color: #fff;
	padding: 101px 0 75px
}

@media all and (min-width: 768px) {
	.site-footer {
		padding-top: 75px
	}
}

@media all and (min-width: 1200px) {
	.site-footer {
		padding-top: 79px
	}

	.site-footer .nav-footer {
		order: -1
	}

	.site-footer .utility-subscribe {
		order: 2
	}

	.site-footer .nav-footer-tools {
		order: 3
	}

	.site-footer .social-links {
		order: 4
	}

	.site-footer .region {
		order: 5
	}
}

.site-footer .site-gutters {
	padding: 0 25px
}

@media all and (min-width: 768px) {
	.site-footer .site-gutters {
		padding: 0 66px
	}

	.site-footer .site-gutters .footer-row {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	`npadding-top: 20px;}
}

@media all and (min-width: 1200px) {
	.site-footer .site-gutters {
		padding: 0 75px
	}
}

.site-footer a {
	color: #fff
}

.site-footer .region {
	font-size: 1.4rem
}

@media all and (max-width: 767px) {
	.site-footer .region {
		text-align: center
	}
}

.site-footer .region a {
	text-decoration: none
}

.site-footer .region a:hover {
	text-decoration: underline
}

#site-header-wrap {
	width: 100vw;
	flex: none;
	align-self: flex-start
}

.site-header {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 10;
	width: 100%;
	transition: all .4s;
	transition-property: top, background-color, border-color;
	border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.site-header.behindBody {
	z-index: 0
}

.site-header>.site-gutters {
	order: 2;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	padding-left: 17px;
	padding-right: 17px;
	position: relative;
	width: 100%;
	max-width: 100%;
	line-height: 56px
}

@media all and (min-width: 768px) {
	.site-header>.site-gutters {
		padding: 0 42px
	}
}

.site-header .sticky-header__content {
	display: none;
	align-items: center;
	width: 100%;
	margin: 0;
	overflow: hidden;
	padding: 6px 0;
	line-height: 1
}

.site-header.sticky-eyebrow {
	padding-top: 31px
}

@media all and (min-width: 768px) {
	.site-header.sticky-eyebrow {
		padding-top: 40px
	}
}

.sticky-header>.site-header,
.site-header.force-top-fixed {
	position: fixed;
	max-width: none;
	top: 0;
	left: 0;
	width: 100%
}

.sticky-header>.site-header {
	background: #fff;
	border-color: #000
}

.sticky-header>.site-header.show-content .sticky-header__content {
	display: flex
}

.sticky-header>.site-header.show-content .site-logo,
.sticky-header>.site-header.show-content .header-search {
	display: none !important
}

.site-header #nav-close,
.site-header .nav-trigger {
	color: inherit
}

.site-header .trigger:not(.close),
.site-header .nav-trigger {
	transition: color .4s
}

[data-theme=light] .site-header .trigger:not(.close),
[data-theme=light] .site-header .nav-trigger {
	color: #fff
}

@media all and (max-width: 767px) {

	[data-theme=light-mobile] .site-header .trigger:not(.close),
	[data-theme=light-mobile] .site-header .nav-trigger {
		color: #fff
	}
}

[data-theme=dark] .site-header .trigger:not(.close),
[data-theme=dark] .site-header .nav-trigger,
.sticky-header>.site-header .trigger:not(.close),
.sticky-header>.site-header .nav-trigger,
.pin-header>.site-header .trigger:not(.close),
.pin-header>.site-header .nav-trigger {
	color: #000
}

.site-back-arrow {
	display: flex;
	align-items: center;
	position: absolute;
	left: 70px;
	color: #000;
	text-decoration: none;
	z-index: 50;
	height: 80px;
	max-width: 180px
}

@media all and (max-width: 767px) {
	.site-back-arrow {
		left: 30px;
		height: 56px
	}

	.site-back-arrow span {
		display: none
	}
}

.site-back-arrow .icon {
	font-size: 2.4rem;
	margin-right: 25px
}

.site-header .site-logo {
	position: absolute;
	bottom: 0;
	left: 50%;
	top: 0;
	transform: translateX(-50%)
}

.site-logo .site-logo-link {
	background: url(../images/ALVAS-logo-black.svg) 0 50% no-repeat;
	background-size: 100%;
	display: block;
	height: calc(100% - 2px);
	text-indent: -999rem;
	width: 115px
}

@media all and (min-width: 768px) {
	.site-logo .site-logo-link {
		height: calc(100% - 2px);
		width: 200px
	}
}

.site-logo .site-logo-link {
	transition: background-image .4s
}

[data-theme=light] .site-logo .site-logo-link {
	background-image: url(../images/ALVAS-logo-white.svg)
}

@media all and (max-width: 767px) {
	[data-theme=light-mobile] .site-logo .site-logo-link {
		background-image: url(../images/ALVAS-logo-white.svg)
	}
}

[data-theme=dark] .site-logo .site-logo-link,
.sticky-header .site-logo .site-logo-link {
	background-image: url(../images/ALVAS-logo-black.svg)
}

.social-links {
	font-size: 2.3rem;
	padding: 0 0 34px;
	text-align: center
}

@media all and (min-width: 768px) {
	.social-links {
		display: flex;
		font-size: 2.5rem;
		padding: 0;
		align-items: center;
	}
}

@media all and (min-width: 1200px) {
	.social-links {
		font-size: 2rem
	}
}

.social-links li {
	display: inline
}

.social-links a {
	display: inline-block;
	padding: 8px;
	text-decoration: none
}

.social-icon {
	width: 1em;
	height: 1em;
	vertical-align: middle;
}

@media all and (min-width: 768px) {
	.social-links a {
		margin-top: 0;
	}
}

@media all and (min-width: 768px) {
	.sort-bar {
		display: flex;
		justify-content: space-between
padding-top: 20px;
}
}

.sort-bar .dropdown-filter {
	margin: 0 0 20px;
	width: 200px
}

@media all and (min-width: 768px) {
	.sort-bar .dropdown-filter {
		margin-bottom: 22px
	}
}

.sort-bar .dropdown-filter:first-of-type {
	left: -9px
}

@media all and (min-width: 1200px) {
	.sort-bar .dropdown-filter:first-of-type {
		left: -6px
	}
}

@media all and (min-width: 960px) {
	.sort-bar .dropdown-filter:first-of-type .label {
		font-size: 1.4rem;
		padding-top: 5px
	}
}

.sort-bar .dropdown-filter:last-of-type .trigger,
.sort-bar .dropdown-filter:last-of-type .selected {
	justify-content: flex-end
}

.sort-bar .dropdown-filter .trigger {
	border: none;
	justify-content: flex-start;
	white-space: nowrap;
	text-align: left
}

@media all and (max-width: 959px) {
	.sort-bar .dropdown-filter .trigger {
		padding: 15px 10px 6px
	}
}

.sort-bar .dropdown-filter .label {
	flex-grow: 0
}

.sort-bar .dropdown-filter.default .selected {
	width: auto
}

.sort-bar .dropdown-filter.default:first-of-type .selected {
	color: #000
}

.sort-bar .dropdown-filter .selected::after {
	margin-left: 0
}

.store-detail+.store-detail::before,
.store-detail+.spacer+.store-detail::before {
	background: #d9d9d9;
	content: "";
	display: block;
	height: 1px;
	margin: 53px 0 80px -20px;
	width: 100vw
}

@media all and (min-width: 768px) {

	.store-detail+.store-detail::before,
	.store-detail+.spacer+.store-detail::before {
		height: 2px;
		margin: 52px 0 78px;
		width: 100%
	}
}

.store-detail header {
	max-width: 475px
}

.store-detail header p {
	margin: -46px 0 48px
}

@media all and (min-width: 768px) {
	.store-detail header p {
		margin: -35px 0 43px
	}
}

.store-detail .headline {
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1.4166666667;
	margin: 0 0 53px
}

@media all and (min-width: 768px) {
	.store-detail .headline {
		font-size: 3.2rem;
		line-height: 1.25;
		margin-bottom: 44px
	}
}

@media all and (min-width: 1200px) {
	.store-detail .headline {
		font-size: 4rem
	}
}

.store-detail .item {
	margin: 0 0 31px
}

@media all and (min-width: 768px) {
	.store-detail .item {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-bottom: 15px;
		position: relative
	}
}

@media all and (min-width: 1200px) {
	.store-detail .item {
		margin-bottom: 5px
	}
}

@media all and (min-width: 768px) {
	.store-detail .item:first-of-type .detail-label {
		display: block;
		position: absolute;
		top: -75px
	}
}

.store-detail ul {
	display: flex
}

@media all and (min-width: 768px) {
	.store-detail ul {
		font-size: 1.2rem;
		position: relative;
		top: 3px;
		width: 49.1228070175%
	}
}

@media all and (min-width: 1200px) {
	.store-detail ul {
		font-size: 1.6rem;
		width: 40.6779661017%
	}
}

.store-detail li {
	flex-grow: 0;
	width: 35%
}

@media all and (min-width: 768px) {
	.store-detail li {
		width: 25%
	}
}

@media all and (max-width: 767px) {
	.store-detail li {
		text-align: center
	}
}

@media all and (max-width: 767px) {

	.store-detail li:first-child,
	.store-detail li:last-child {
		width: 15%
	}
}

@media all and (max-width: 767px) {
	.store-detail li:first-child {
		text-align: left
	}
}

.store-detail .wrapped {
	padding: 0 0 10px
}

@media all and (min-width: 768px) {
	.store-detail .wrapped {
		padding-right: 20px
	}
}

.store-detail .detail-label {
	display: block;
	margin: 0 0 5px
}

@media all and (min-width: 768px) {
	.store-detail .detail-label {
		display: none
	}
}

.store-detail .title {
	font-weight: 400
}

@media all and (max-width: 767px) {
	.store-detail .title {
		font-size: 1.4rem;
		line-height: 1.7142857143;
		margin: 0 0 15px
	}
}

@media all and (min-width: 768px) {
	.store-detail .title {
		font-size: 1.8rem;
		font-weight: 300;
		magin: 0
	}
}

@media all and (min-width: 1200px) {
	.store-detail .title {
		font-size: 2.4rem
	}
}

@media all and (max-width: 767px) {
	.store-detail .color-indicator {
		height: 8px;
		width: 8px
	}
}

.storyteller-product {
	z-index: 1;
	width: 100%
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .storyteller-product {
		z-index: 10
	}

	.simple-headline.large+body:not(.pdp__body) .storyteller-product {
		margin-top: 80px
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .storyteller-product {
		z-index: 10
	}

	.simple-headline.large+body.pdp__body .storyteller-product {
		margin-top: 80px
	}
}

.storyteller-product .headline {
	font-size: 4.8rem;
	font-weight: 400;
	line-height: 1.1666666667;
	margin: 0 0 -12px;
	position: relative;
	z-index: 5
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .headline {
		font-size: 8rem;
		line-height: 1.1125;
		margin-bottom: -17px
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .headline {
		font-size: 8rem;
		line-height: 1.1125;
		margin-bottom: -17px
	}
}

@media all and (min-width: 960px) {
	body:not(.pdp__body) .storyteller-product .headline {
		width: 80%
	}
}

@media all and (min-width: 1370.88px) {
	body.pdp__body .storyteller-product .headline {
		width: 80%
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .headline {
		font-size: 12rem;
		line-height: 1.0833333333;
		margin-bottom: -24px
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .headline {
		font-size: 12rem;
		line-height: 1.0833333333;
		margin-bottom: -24px
	}
}

.storyteller-product .item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .text {
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .text {
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

.storyteller-product .title {
	font-size: 2.6rem;
	font-weight: 400;
	line-height: 1.2307692308;
	margin: 0 0 7px
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .title {
		font-size: 3.2rem;
		line-height: 1.1875;
		margin-bottom: 15px
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .title {
		font-size: 3.2rem;
		line-height: 1.1875;
		margin-bottom: 15px
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .title {
		font-size: 5.6rem;
		line-height: 1.1428571429;
		margin-bottom: 28px
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .title {
		font-size: 5.6rem;
		line-height: 1.1428571429;
		margin-bottom: 28px
	}
}

.storyteller-product .trigger {
	display: flex;
	align-items: center;
	font-size: 1rem;
	position: relative;
	text-decoration: none
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .trigger {
		font-size: 1.2rem
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .trigger {
		font-size: 1.2rem
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .trigger {
		font-size: 1.8rem
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .trigger {
		font-size: 1.8rem
	}
}

.storyteller-product .trigger .icon {
	font-size: 2.4rem
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .trigger .icon {
		font-size: 3.6rem;
		left: -2px;
		margin-right: 9px
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .trigger .icon {
		font-size: 3.6rem;
		left: -2px;
		margin-right: 9px
	}
}

.storyteller-product .trigger.is-active .icon {
	transform: rotate(45deg) translateX(0.5px) translateY(0.5px)
}

.storyteller-product .layer {
	top: 100%;
	font-size: 1.4rem;
	line-height: 1.8333333333;
	width: 100%
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .layer {
		font-size: 1.6rem;
		line-height: 2;
		top: calc(100% + 15px)
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .layer {
		font-size: 1.6rem;
		line-height: 2;
		top: calc(100% + 15px)
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .layer {
		top: calc(100% + 20px);
		width: 100%
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .layer {
		top: calc(100% + 20px);
		width: 100%
	}
}

.storyteller-product .layer p {
	margin: 0;
	padding: 15px 15px 24px 31px;
	font-size: 1.6rem
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .layer p {
		padding: 15px 15px 24px 47px
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .layer p {
		padding: 15px 15px 24px 47px
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .layer p {
		padding: 25px 25px 34px 47px
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .layer p {
		padding: 25px 25px 34px 47px
	}
}

.storyteller-product .item.one {
	z-index: 12
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .storyteller-product .item.one {
		flex-direction: column;
		align-items: flex-start
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .storyteller-product .item.one {
		flex-direction: column;
		align-items: flex-start
	}
}

.storyteller-product .item.one .text {
	width: 70%;
	margin-bottom: 40px
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .item.one .text {
		margin: 0;
		padding-top: 16px;
		width: 28.2%
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .item.one .text {
		margin: 0;
		padding-top: 16px;
		width: 28.2%
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .item.one .text {
		padding-top: 124px;
		width: 26.1%
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .item.one .text {
		padding-top: 124px;
		width: 26.1%
	}
}

.storyteller-product .item.one .image {
	width: 100%;
	overflow: hidden
}

.storyteller-product .item.one .image img {
	position: relative;
	width: 90%;
	right: -33%
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .item.one .image {
		width: 69%
	}

	body:not(.pdp__body) .storyteller-product .item.one .image img {
		width: 100%;
		position: static
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .item.one .image {
		width: 69%
	}

	body.pdp__body .storyteller-product .item.one .image img {
		width: 100%;
		position: static
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .item.one .image {
		width: 60.2%
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .item.one .image {
		width: 60.2%
	}
}

.storyteller-product .item.two {
	margin-top: -15px;
	z-index: 11
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .storyteller-product .item.two {
		flex-direction: column;
		align-items: flex-start
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .storyteller-product .item.two {
		flex-direction: column;
		align-items: flex-start
	}
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .item.two {
		margin-top: -43px;
		padding: 0 0 24px
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .item.two {
		margin-top: -43px;
		padding: 0 0 24px
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .item.two {
		padding: 0 0 43px 0
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .item.two {
		padding: 0 0 43px 0
	}
}

.storyteller-product .item.two .text {
	margin-left: auto;
	margin-right: 0;
	order: 3;
	width: 50%
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .storyteller-product .item.two .text .layer {
		width: 260px;
		left: auto;
		right: 0
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .storyteller-product .item.two .text .layer {
		width: 260px;
		left: auto;
		right: 0
	}
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .item.two .text {
		margin: auto 0 -19px;
		width: 36.64%
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .item.two .text {
		margin: auto 0 -19px;
		width: 36.64%
	}
}

@media all and (min-width: 960px) {
	body:not(.pdp__body) .storyteller-product .item.two .text {
		margin-right: 10%
	}
}

@media all and (min-width: 1370.88px) {
	body.pdp__body .storyteller-product .item.two .text {
		margin-right: 10%
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .item.two .text {
		margin: auto 0 -41px;
		max-width: 414px;
		width: 37.9%
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .item.two .text {
		margin: auto 0 -41px;
		max-width: 414px;
		width: 37.9%
	}
}

.storyteller-product .item.two .image {
	margin: 0 0 40px;
	order: 1;
	width: 70%
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .item.two .image {
		margin: 0 0 0 8.6%;
		margin: 0;
		width: 46.3%
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .item.two .image {
		margin: 0 0 0 8.6%;
		margin: 0;
		width: 46.3%
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .item.two .image {
		margin-left: 16.4%;
		width: 41.37%
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .item.two .image {
		margin-left: 16.4%;
		width: 41.37%
	}
}

.storyteller-product .item.three {
	justify-content: flex-start;
	padding: 60px 0 0 0;
	z-index: 10
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .item.three {
		padding-top: 85px
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .item.three {
		padding-top: 85px
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .item.three {
		padding-top: 132px
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .item.three {
		padding-top: 132px
	}
}

.storyteller-product .item.three .text {
	order: 2;
	width: 70%
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .item.three .text {
		margin: 0 3% 0 0;
		order: 1;
		width: 30%
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .item.three .text {
		margin: 0 3% 0 0;
		order: 1;
		width: 30%
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .item.three .text {
		margin: -88px 14.6% 0 0;
		width: 27.7%
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .item.three .text {
		margin: -88px 14.6% 0 0;
		width: 27.7%
	}
}

.storyteller-product .item.three .image {
	order: 1;
	margin: 0 auto 59px;
	width: 80%
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .item.three .image {
		width: 317px;
		margin-left: 0;
		margin-right: 0
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .item.three .image {
		width: 317px;
		margin-left: 0;
		margin-right: 0
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .item.three .image {
		width: 50.3%
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .item.three .image {
		width: 50.3%
	}
}

.storyteller-product img {
	display: block;
	width: 100%
}

.storyteller-product .signature {
	margin: -39px 0 0 0;
	max-width: 132px;
	position: absolute;
	left: 44.4%;
	z-index: -1
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .storyteller-product .signature {
		margin-top: -76px;
		max-width: 235px;
		left: 42%
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .storyteller-product .signature {
		margin-top: -76px;
		max-width: 235px;
		left: 42%
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .storyteller-product .signature {
		margin-top: -106px;
		max-width: 400px;
		left: 46.5%
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .storyteller-product .signature {
		margin-top: -106px;
		max-width: 400px;
		left: 46.5%
	}
}

@media all and (max-width: 1199px) {
	.timeline {
		margin-left: -42px;
		overflow: hidden
	}
}

.timeline .timeline-container {
	display: flex
}

@media all and (max-width: 767px) {
	.timeline .timeline-container {
		padding-left: 20px
	}
}

@media all and (min-width: 768px)and (max-width: 1199px) {
	.timeline .timeline-container {
		padding-left: 42px
	}
}

.timeline .item {
	border-left: 2px solid #d9d9d9;
	padding: 0 10px
}

.timeline .year {
	color: #008a02;
	display: block;
	font-size: 1rem;
	line-height: 1;
	margin: 0 0 10px
}

@media all and (min-width: 768px) {
	.timeline .year {
		font-size: 1.4rem;
		margin-bottom: 14px
	}
}

@media all and (min-width: 1200px) {
	.timeline .year {
		font-size: 1.6rem;
		margin-bottom: 19px
	}
}

.timeline .caption {
	font-size: 1.2rem;
	line-height: 1.3333333333;
	max-width: calc(100vw - 78px);
	min-height: 66px;
	padding: 0 0 30px
}

@media all and (min-width: 768px) {
	.timeline .caption {
		font-size: 1.4rem;
		line-height: 1.4285714286;
		max-width: 500px;
		min-height: 80px;
		padding-bottom: 40px
	}
}

@media all and (min-width: 1200px) {
	.timeline .caption {
		font-size: 1.6rem;
		line-height: 1.5;
		min-height: 146px;
		padding-bottom: 50px
	}
}

.timeline .image-container {
	display: flex;
	align-items: center;
	min-height: 360px
}

.timeline .image {
	margin: 0 20px 0 0
}

@media all and (min-width: 768px) {
	.timeline .image {
		margin-right: 24px
	}
}

.timeline .image:last-of-type {
	margin-right: 0
}

.timeline img {
	margin-bottom: 12px
}

.timeline .img-caption {
	font-size: 1rem;
	line-height: 1.6
}

.timeline .slider {
	display: flex;
	justify-content: center;
	margin: 80px auto 5px;
	max-width: 640px;
	position: relative;
	width: 100%
}

@media all and (max-width: 767px) {
	.timeline .slider {
		width: calc(100% - 20px*2);
		margin: 80px auto
	}
}

.timeline input[type=range] {
	background: rgba(0, 0, 0, 0);
	cursor: pointer;
	height: 25px;
	-webkit-appearance: none;
	position: relative;
	z-index: 3;
	width: 100%
}

.timeline input[type=range] .no-focus {
	outline: none
}

.timeline input[type=range]::-webkit-slider-runnable-track {
	background: rgba(0, 0, 0, 0);
	cursor: pointer
}

.timeline input[type=range]::-webkit-slider-thumb {
	background: rgba(0, 0, 0, 0);
	height: 30px;
	width: 30px;
	cursor: pointer;
	-webkit-appearance: none;
	visibility: hidden
}

.timeline input[type=range]::-moz-range-thumb {
	background: rgba(0, 0, 0, 0);
	height: 30px;
	width: 30px;
	cursor: pointer;
	-webkit-appearance: none;
	visibility: hidden
}

.timeline .year-indicator {
	color: #000;
	content: "";
	font-size: 1rem;
	line-height: 1;
	opacity: .5;
	position: absolute;
	left: 7px;
	top: -22px;
	transform: translateX(-8px)
}

.timeline .thumb {
	background: #fff;
	border: 1px solid #008a02;
	border-radius: 18px;
	content: "";
	height: 30px;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: -2px;
	z-index: 2;
	width: 30px
}

.timeline .track {
	background: #008a02;
	height: 1px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 12px;
	z-index: 1;
	width: 100%
}

.utility-account {
	display: none;
	align-items: center;
	line-height: 1.5;
	max-width: 32%;
	padding: 0 0 0 7px;
	text-align: right
}

@media all and (min-width: 768px) {
	.utility-account {
		margin-left: 24px;
		padding: 0
	}
}

.utility-account .headline {
	font-size: 1rem;
	font-weight: 400;
	margin: 0
}

@media all and (min-width: 768px) {
	.utility-account .headline {
		font-size: 1.2rem
	}
}

.utility-account a {
	color: #fff
}

.utility-dealer {
	display: flex;
	align-items: center;
	line-height: 1.5;
	max-width: 8%
}

@media all and (min-width: 768px) {
	.utility-dealer {
		max-width: 50%
	}
}

.utility-dealer .icon {
	font-size: 1.3rem;
	padding: 0 7px;
	vertical-align: middle
}

@media all and (min-width: 768px) {
	.utility-dealer .icon {
		padding: 0 9px 0 0
	}
}

.utility-dealer a {
	color: #fff;
	text-decoration: none
}

.utility-dealer a span {
	text-decoration: underline
}

@media all and (max-width: 767px) {
	.utility-dealer a span {
		height: 1px;
		overflow: hidden;
		position: absolute;
		width: 1px
	}
}

.utility-dealer a em {
	font-style: normal
}

#currentCity {
	display: none !important
}

.utility-message {
	display: flex;
	align-items: center;
	line-height: 1.2;
	margin-right: auto
}

.utility-message p {
	margin: 0
}

.utility-message a {
	color: #fff
}

.utility-region-trigger {
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 1rem;
	line-height: 1.5;
	max-width: 15%;
	padding: 0 7px;
	text-decoration: underline
}

@media all and (min-width: 768px) {
	.utility-region-trigger {
		font-size: 1.2rem;
		margin-left: 24px;
		max-width: 10%;
		padding: 0
	}
}

.utility-region .headline {
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
	padding: 24px 0 40px
}

@media all and (min-width: 768px) {
	.utility-region .headline {
		font-size: 6rem;
		padding: 57px 0 18px
	}
}

.utility-region [data-trigger]:not(.country) {
	border-bottom: 1px solid #d9d9d9;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.3rem;
	font-weight: 700;
	padding: 0 0 12px;
	text-decoration: none;
	width: 100%
}

@media all and (min-width: 768px) {
	.utility-region [data-trigger]:not(.country) {
		font-size: 2.4rem;
		font-weight: 300;
		margin: 12px 0 0;
		padding: 10px 0 23px
	}
}

.utility-region [data-trigger]:not(.country)::after {
	left: 14px;
	top: -12px
}

@media all and (min-width: 768px) {
	.utility-region [data-trigger]:not(.country)::after {
		left: 0;
		top: 1px
	}
}

.utility-region.is-open {
	min-height: 100vh
}

.utility-region .panel {
	margin: 0 0 19px;
	position: relative
}

@media all and (min-width: 768px) {
	.utility-region .panel {
		margin: 0
	}
}

.utility-region .panel.is-open {
	padding: 13px 0 40px
}

@media all and (min-width: 768px) {
	.utility-region .panel.is-open {
		padding: 21px 0 39px
	}
}

.utility-region .panel.specified .country:not(.is-active) {
	opacity: .2
}

@media all and (min-width: 768px) {
	.utility-region ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start
	}
}

@media all and (min-width: 768px) {
	.utility-region li {
		width: 20%;
		flex-grow: 0;
		margin: 0
	}
}

.utility-region li a {
	color: #000;
	text-decoration: none
}

.utility-region .flag {
	display: block;
	height: 27px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 27px
}

.utility-region .country {
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	padding: 16px 0 15px 48px;
	position: relative
}

@media all and (min-width: 768px) {
	.utility-region .country {
		padding: 21px 19px 21px 48px
	}
}

.utility-region .languages {
	position: relative
}

@media all and (min-width: 768px) {
	.utility-region .languages {
		display: flex;
		justify-content: center
	}
}

@media all and (min-width: 768px) {
	.utility-region .languages.is-open {
		margin: 12px 0 14px
	}
}

.utility-region .languages::before,
.utility-region .languages::after {
	background: gray;
	content: "";
	height: 2px;
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 100%
}

@media all and (min-width: 768px) {

	.utility-region .languages::before,
	.utility-region .languages::after {
		background: #f2f2f2
	}
}

.utility-region .languages::before {
	top: 0
}

.utility-region .languages::after {
	bottom: 0
}

.utility-region .languages.is-open {
	padding: 21px 0
}

@media all and (min-width: 768px) {
	.utility-region .languages.is-open {
		padding: 0
	}
}

.utility-region .languages li {
	margin: 0;
	width: auto
}

.utility-region .languages a {
	display: block;
	font-size: 1.6rem;
	padding: 6px 0
}

@media all and (min-width: 768px) {
	.utility-region .languages a {
		font-size: 2.4rem;
		padding: 26px 52px 27px
	}
}

.utility-region .languages a:hover {
	text-decoration: underline
}

.utility-subscribe {
	font-size: 1.4rem
}

@media all and (min-width: 768px)and (max-width: 1199px) {
	.utility-subscribe {
		display: flex;
		justify-content: space-between;
		padding-bottom: 57px
	}
}

.utility-subscribe .headline {
	font-size: 3.2rem;
	font-weight: 400;
	line-height: 1.1764705882;
	line-height: 1.25;
	margin: 0 0 23px
}

@media all and (min-width: 768px) {
	.utility-subscribe .headline {
		margin-bottom: 21px
	}
}

@media all and (min-width: 1200px) {
	.utility-subscribe .headline {
		margin-bottom: 30px
	}
}

@media all and (max-width: 767px) {
	.utility-subscribe .text {
		padding-bottom: 32px
	}
}

@media all and (min-width: 768px)and (max-width: 1199px) {
	.utility-subscribe .text {
		width: 55%
	}
}

@media all and (max-width: 767px) {
	.utility-subscribe .form {
		padding-bottom: 101px
	}
}

@media all and (min-width: 768px)and (max-width: 1199px) {
	.utility-subscribe .form {
		margin-top: -8px;
		width: 40%
	}
}

.utility-subscribe input,
.utility-subscribe input:focus {
	box-shadow: none
}

@media all and (min-width: 1200px) {
	.site-footer .utility-subscribe {
		padding-bottom: 220px;
		width: 41%
	}
}

.site-footer .utility-subscribe .headline {
	color: #fff
}

.site-footer .utility-subscribe input:not([type=submit]),
.site-footer .utility-subscribe input[type=text],
.site-footer .utility-subscribe input[type=email] {
	background: #000;
	border-bottom: 1px solid #fff;
	color: #fff;
	margin: 0 0 20px;
	padding-left: 0;
	padding-right: 0
}

@media all and (min-width: 768px) {

	.site-footer .utility-subscribe input:not([type=submit]),
	.site-footer .utility-subscribe input[type=text],
	.site-footer .utility-subscribe input[type=email] {
		margin-bottom: 25px
	}
}

@media all and (min-width: 1200px) {

	.site-footer .utility-subscribe input:not([type=submit]),
	.site-footer .utility-subscribe input[type=text],
	.site-footer .utility-subscribe input[type=email] {
		margin-bottom: 11px
	}
}

.site-footer .utility-subscribe input:not([type=submit])::-webkit-input-placeholder,
.site-footer .utility-subscribe input[type=text]::-webkit-input-placeholder,
.site-footer .utility-subscribe input[type=email]::-webkit-input-placeholder {
	color: gray;
	opacity: 1
}

.site-footer .utility-subscribe input:not([type=submit])::-moz-placeholder,
.site-footer .utility-subscribe input[type=text]::-moz-placeholder,
.site-footer .utility-subscribe input[type=email]::-moz-placeholder {
	color: gray;
	opacity: 1
}

.site-footer .utility-subscribe input:not([type=submit]):-ms-input-placeholder,
.site-footer .utility-subscribe input[type=text]:-ms-input-placeholder,
.site-footer .utility-subscribe input[type=email]:-ms-input-placeholder {
	color: gray;
	opacity: 1
}

.site-footer .utility-subscribe input:not([type=submit]):-moz-placeholder,
.site-footer .utility-subscribe input[type=text]:-moz-placeholder,
.site-footer .utility-subscribe input[type=email]:-moz-placeholder {
	color: gray;
	opacity: 1
}

.site-footer .utility-subscribe [type=checkbox]:not(:checked)+label,
.site-footer .utility-subscribe [type=checkbox]:checked+label {
	display: block;
	font-size: 1.4rem;
	line-height: 1.2857142857;
	margin: 0 0 49px
}

@media all and (min-width: 768px) {

	.site-footer .utility-subscribe [type=checkbox]:not(:checked)+label,
	.site-footer .utility-subscribe [type=checkbox]:checked+label {
		margin-bottom: 30px
	}
}

@media all and (min-width: 1200px) {

	.site-footer .utility-subscribe [type=checkbox]:not(:checked)+label,
	.site-footer .utility-subscribe [type=checkbox]:checked+label {
		margin-bottom: 23px
	}
}

.site-footer .utility-subscribe [type=checkbox]:not(:checked)+label:before,
.site-footer .utility-subscribe [type=checkbox]:checked+label:before {
	top: -1px
}

.site-footer .utility-subscribe [type=checkbox]:not(:checked)+label:before {
	background: #000;
	border-color: #fff
}

.site-footer .utility-subscribe [type=checkbox]:checked+label:before {
	border-color: #000
}

.site-footer .utility-subscribe [type=checkbox]:not(:checked)+label:after,
.site-footer .utility-subscribe [type=checkbox]:checked+label:after {
	top: 1px
}

.site-footer .utility-subscribe button,
.site-footer .utility-subscribe input[type=submit] {
	border: 1px solid #fff
}

.video {
	width: 100%
}

.video.full-bleed-video {
	width: 100%
}

.video__text {
	align-items: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.video__text .cta {
	font-family: "favorit", Helvetica, sans-serif;
	font-size: 1.2rem;
	line-height: 2.4rem
}

.video__text .cta .icon {
	font-size: 2.4rem
}

.video__text .cta .icon::before {
	vertical-align: bottom
}

.video__headline {
	color: #fff;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.9rem;
	text-align: center;
	transition: line-height .4s cubic-bezier(0.8, 0, 0.2, 1) 0s, opacity .4s cubic-bezier(0.8, 0, 0.2, 1) .2s
}

.video .trigger:hover .video__headline {
	line-height: .1rem;
	opacity: 0;
	transition: opacity .4s cubic-bezier(0.8, 0, 0.2, 1) 0s, line-height .4s cubic-bezier(0.8, 0, 0.2, 1) .2s
}

.video .poster img {
	filter: brightness(0.6);
	z-index: 0
}

.video .poster .cta {
	display: none
}

.video .responsive-iframe {
	display: none
}

.video.is-open .trigger {
	display: none
}

.video.is-open .responsive-iframe {
	display: block
}

@media all and (min-width: 600px) {
	.video {
		width: 75%
	}

	.video__headline {
		font-size: 3.2rem;
		line-height: 4.8rem;
		margin-bottom: 0;
		padding: 0 15%
	}

	.video__text .cta {
		font-size: 1.6rem;
		line-height: 3.2rem
	}

	.video__text .cta .icon {
		font-size: 3.2rem
	}
}

@media all and (min-width: 900px) {
	.video {
		width: 65%
	}
}

@media all and (min-width: 1200px) {
	.video {
		width: 60%
	}
}

@media all and (min-width: 768px) {
	.blog-content {
		font-size: 1.8rem;
		line-height: 1.75;
		padding: 0 16%
	}
}

@media all and (min-width: 960px) {
	.blog-content {
		font-size: 2rem
	}
}

@media all and (min-width: 1200px) {
	.blog-content {
		font-size: 2.4rem
	}
}

.blog-content h2 {
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1;
	margin: 40px 0 16px
}

@media all and (min-width: 768px) {
	.blog-content h2 {
		font-size: 3.2rem;
		margin: 48px 0 24px
	}
}

@media all and (min-width: 960px) {
	.blog-content h2 {
		font-size: 3.6rem;
		margin: 54px 0 30px
	}
}

@media all and (min-width: 1200px) {
	.blog-content h2 {
		font-size: 4rem;
		margin: 62px 0 38px
	}
}

@media all and (min-width: 768px) {

	.blog-content>div,
	.blog-content>section,
	.blog-content>blockquote {
		margin-left: -16%;
		margin-right: -16%
	}
}

@media all and (min-width: 1200px) {

	.blog-content>div,
	.blog-content>section,
	.blog-content>blockquote {
		margin-top: 87px
	}
}

.blog-footer {
	border-bottom: 1px solid #000;
	line-height: 1.8571428571;
	margin: 0 0 40px;
	padding: 40px 0 8px
}

@media all and (min-width: 768px) {
	.blog-footer {
		border-bottom: 2px solid gray;
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		margin-bottom: 65px;
		padding: 60px 0 5px
	}
}

@media all and (min-width: 1200px) {
	.blog-footer {
		margin-bottom: 100px
	}
}

.blog-footer .back-to-top {
	display: none
}

@media all and (min-width: 768px) {
	.blog-footer .back-to-top {
		display: block;
		font-size: 1.4rem;
		position: relative;
		top: -7px;
		text-decoration: none
	}
}

.blog-footer .share {
	display: flex;
	align-items: baseline;
	justify-content: space-between
}

@media all and (min-width: 768px) {
	.blog-footer .share {
		display: inline-flex
	}
}

.blog-footer .share .title {
	font-size: 1.3rem;
	margin: 0;
	position: relative;
	top: 0
}

@media all and (min-width: 768px) {
	.blog-footer .share .title {
		font-size: 1.2rem;
		margin: 0 24px 0 0;
		top: -6px
	}
}

.blog-footer .share a {
	display: inline-block;
	margin: 0 0 0 24px;
	text-decoration: none
}

@media all and (max-width: 767px) {
	.blog-footer .share .icon {
		font-size: 2.4rem
	}
}

@media all and (min-width: 768px) {
	.blog-header {
		margin-top: 90px;
		margin-bottom: 7px
	}
}

.blog-header .title-group {
	position: relative;
	z-index: 2
}

.blog-header .page-title {
	font-size: 4rem;
	line-height: 1.2;
	margin: 0 0 -24px
}

@media all and (min-width: 768px) {
	.blog-header .page-title {
		font-size: 6rem;
		margin-bottom: -29px;
		padding-right: 30%
	}
}

@media all and (min-width: 960px) {
	.blog-header .page-title {
		line-height: 1.0625;
		margin-bottom: -25px
	}
}

@media all and (min-width: 1200px) {
	.blog-header .page-title {
		font-size: 9.6rem;
		margin-bottom: -33px
	}
}

@media only screen and (min-width: 1250px) {
	.blog-header .page-title {
		padding-right: 40%
	}
}

.blog-header time {
	display: none
}

@media all and (min-width: 768px) {
	.blog-header time {
		display: block;
		font-size: 1.1rem;
		max-width: 25%;
		position: absolute;
		bottom: 34px;
		right: 0
	}
}

@media all and (min-width: 960px) {
	.blog-header time {
		font-size: 1.3rem;
		max-width: 35%
	}
}

@media all and (min-width: 1200px) {
	.blog-header time {
		bottom: 54px
	}
}

.blog-header .image {
	padding: 0;
	position: relative;
	text-align: left
}

@media all and (max-width: 767px) {
	.blog-header .image {
		text-align: right;
		margin-left: 0;
		margin-right: 0
	}
}

@media all and (min-width: 768px) {
	.blog-header .image {
		overflow: hidden
	}
}

@media all and (min-width: 768px) {

	.blog-header .image img,
	.blog-header .image .caption {
		float: right
	}
}

.blog-header .image img,
.blog-header .image .caption {
	width: 100%
}

@media all and (min-width: 768px) {

	.blog-header .image img,
	.blog-header .image .caption {
		width: 87%
	}
}

@media all and (min-width: 1200px) {

	.blog-header .image img,
	.blog-header .image .caption {
		width: 87.5%
	}
}

.blog-header .image img {
	margin: 0
}

@media all and (max-width: 767px) {
	.blog-header .image img {
		display: inline-block
	}
}

@media all and (min-width: 768px) {
	.blog-header .image img {
		margin-bottom: 6px
	}
}

@media all and (min-width: 1200px) {
	.blog-header .image img {
		margin-bottom: 11px
	}
}

.blog-header .image .caption {
	font-size: 1rem;
	max-width: none;
	min-height: 17px;
	padding: 0;
	text-align: left
}

@media all and (min-width: 768px) {
	.blog-header .image .caption {
		font-size: 1.2rem
	}
}

@media all and (min-width: 1200px) {
	.blog-header .image .caption {
		font-size: 1.4rem
	}
}

.blog-header .image .caption p {
	margin: 0;
	font-size: inherit
}

.blog-header .image:last-child {
	margin-bottom: 32px
}

.blog-header .author {
	font-size: 1.6rem;
	line-height: 1;
	margin: 0 0 47px;
	padding: 17px 0 0 0
}

@media all and (min-width: 768px) {
	.blog-header .author {
		font-size: 2rem;
		margin: 0;
		padding: 20px 0 0 25%;
		text-align: right
	}
}

@media all and (min-width: 1200px) {
	.blog-header .author {
		font-size: 2.4rem
	}
}

.blog-list-cards {
	margin: 170px 0 80px 0
}

@media all and (max-width: 959px) {
	.blog-list-cards {
		margin: 0 0 64px 0
	}
}

.blog-list-cards .row {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

@media all and (max-width: 767px) {
	.blog-list-cards .row {
		flex-direction: column;
		justify-content: center
	}
}

.blog-list-cards .row .card {
	width: 49%;
	margin: 0
}

@media all and (max-width: 767px) {
	.blog-list-cards .row .card {
		margin: 0;
		width: 100%
	}

	.blog-list-cards .row .card img {
		width: 100%;
		max-height: 500px
	}
}

@media all and (min-width: 768px) {
	.blog-list-cards .first-row {
		align-items: flex-end
	}

	.blog-list-cards .first-row .blog-card:first-child {
		max-width: 527px
	}

	.blog-list-cards .first-row .blog-card:last-child {
		margin-bottom: 90px
	}

	.blog-list-cards .second-row .blog-card:first-child {
		margin-top: 265px
	}

	.blog-list-cards .second-row .blog-card:last-child {
		max-width: 527px
	}
}

.blog-list-cards .button-container {
	margin-top: 18px
}

@media all and (min-width: 768px) {
	.blog-list-cards .button-container {
		margin-top: 120px
	}
}

@media all and (max-width: 767px) {
	.blog-list-top-story.image-right {
		margin-left: 0;
		margin-right: 0;
		padding-top: 27px;
		width: auto
	}
}

.blog-list-top-story.image-right .blog-list-top-story-container .blog-list-content {
	display: flex
}

@media all and (max-width: 767px) {
	.blog-list-top-story.image-right .blog-list-top-story-container .blog-list-content {
		flex-direction: column;
		width: 100%
	}
}

@media all and (min-width: 768px) {
	.blog-list-top-story.image-right .blog-list-top-story-container .blog-list-content {
		align-items: center;
		justify-content: space-between
padding-top: 20px;
}
}

.blog-list-top-story.image-right .blog-list-top-story-container .text {
	color: #222
}

@media all and (max-width: 767px) {
	.blog-list-top-story.image-right .blog-list-top-story-container .text {
		order: 2
	}
}

@media all and (min-width: 768px) {
	.blog-list-top-story.image-right .blog-list-top-story-container .text {
		width: 40%
	}
}

@media all and (min-width: 1200px) {
	.blog-list-top-story.image-right .blog-list-top-story-container .text {
		width: 40%
	}
}

@media all and (max-width: 767px) {
	.blog-list-top-story.image-right .blog-list-top-story-container .image {
		order: 1
	}
}

@media all and (min-width: 768px) {
	.blog-list-top-story.image-right .blog-list-top-story-container .image {
		width: 50%
	}
}

.blog-list-top-story.image-right .blog-list-top-story-container strong {
	display: block;
	color: #000;
	font-size: 1rem;
	margin: 0 0 8px
}

@media all and (min-width: 768px) {
	.blog-list-top-story.image-right .blog-list-top-story-container strong {
		margin-bottom: 9px;
		font-size: 1.4rem
	}
}

.blog-list-top-story.image-right .blog-list-top-story-container .headline {
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.1;
	margin: 27px 0 15px;
	transition: color .15s ease-out;
	width: 80%;
	position: relative
}

.blog-list-top-story.image-right .blog-list-top-story-container .headline:hover {
	text-decoration-line: underline;
	text-decoration-color: blackt
}

@media all and (min-width: 768px) {
	.blog-list-top-story.image-right .blog-list-top-story-container .headline {
		font-size: 4rem;
		width: 100%
	}
}

@media all and (min-width: 960px) {
	.blog-list-top-story.image-right .blog-list-top-story-container .headline {
		font-size: 5rem
	}
}

@media all and (min-width: 1200px) {
	.blog-list-top-story.image-right .blog-list-top-story-container .headline {
		font-size: 6rem;
		margin: 15px 0 60px
	}
}

@media all and (max-width: 767px) {
	.blog-list-top-story.image-right .blog-list-top-story-container .headline br {
		display: none
	}
}

.blog-list-top-story.image-right .blog-list-top-story-container .description {
	font-size: 1.6rem
}

@media all and (max-width: 768px) {
	.blog-list-top-story.image-right .blog-list-top-story-container .description {
		font-size: 1.2rem
	}
}

.blog-list-top-story.image-right .blog-list-top-story-container img {
	max-width: 100%
}

.blog-list-top-story.image-top img {
	width: 100%
}

.blog-list-top-story.image-top .text {
	margin: 35px auto 100px auto;
	text-align: center;
	max-width: 900px
}

@media all and (max-width: 959px) {
	.blog-list-top-story.image-top .text {
		margin-bottom: 58px
	}
}

.blog-list-top-story.image-top .headline {
	font-size: 4rem;
	font-weight: 300;
	margin-bottom: 10px
}

.blog-list-top-story.image-top .headline strong {
	display: block;
	color: #000;
	font-size: 1rem;
	margin: 0 0 8px
}

@media all and (min-width: 768px) {
	.blog-list-top-story.image-top .headline strong {
		margin-bottom: 9px;
		font-size: 1.4rem
	}
}

.blog-list-top-story.image-top .description {
	font-size: 1.6rem
}

.blog-list-header h1 {
	font-weight: 400;
	max-width: 650px;
	font-size: 9.6rem;
	margin: 50px 0 15px 0
}

@media all and (max-width: 768px) {
	.blog-list-header h1 {
		font-size: 4.8rem;
		margin: 25px 0
	}
}

.blog-list-card-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 50px
}

@media all and (max-width: 768px) {
	.blog-list-card-grid {
		flex-direction: column;
		align-items: center
	}
}

.blog-list-card-grid .blog-list-card {
	padding-bottom: 50px
}

@media all and (min-width: 768px) {
	.blog-list-card-grid .blog-list-card {
		padding-bottom: 130px;
		width: 32%
	}
}

@media all and (min-width: 769px) {
	.blog-list-card-grid {
		margin-top: 10px
	}
}

.blog-list-card-grid .blog-list-content {
	display: inline-block;
	text-decoration: none
}

.blog-list-card-grid .blog-list-content:hover {
	color: #222
}

.blog-list-card-grid .blog-list-content:hover .title {
	text-decoration-line: underline;
	text-decoration-color: #000
}

.blog-list-card-grid .date {
	font-size: 1.4rem;
	font-family: "Space Mono", monospace;
	margin-bottom: 10px;
	text-transform: uppercase
}

@media all and (max-width: 768px) {
	.blog-list-card-grid .date {
		font-size: 1rem
	}
}

.blog-list-card-grid .title {
	font-size: 4rem;
	margin: 20px 0;
	line-height: 1.1
}

@media all and (max-width: 768px) {
	.blog-list-card-grid .title {
		font-size: 2.4rem;
		margin: 15px 0
	}
}

.blog-list-card-grid .description {
	font-size: 1.6rem
}

@media all and (max-width: 768px) {
	.blog-list-card-grid .description {
		font-size: 1.2rem
	}
}

.blog-list-card-grid img {
	width: 100%
}

.blog-list-story-list {
	margin-bottom: 70px
}

@media all and (max-width: 768px) {
	.blog-list-story-list {
		width: 90%;
		margin: auto;
		padding-top: 100px
	}
}

.blog-list-story-list h1 {
	font-size: 4rem;
	font-weight: 400;
	margin-bottom: 60px
}

@media all and (max-width: 768px) {
	.blog-list-story-list h1 {
		font-size: 2.4rem;
		margin-bottom: 28px
	}
}

.blog-list-story-list .blog-list-story-item {
	display: flex;
	justify-content: space-between;
	font-size: 2.4rem;
	padding: 15px 0;
	text-decoration: none
}

.blog-list-story-list .blog-list-story-item:hover {
	color: #222
}

.blog-list-story-list .blog-list-story-item:hover .title {
	text-decoration: underline;
	text-decoration-color: blackt
}

@media all and (max-width: 768px) {
	.blog-list-story-list .blog-list-story-item {
		font-size: 1.5rem
	}
}

.blog-list-story-list .blog-list-story-item .title {
	max-width: 80%
}

@media all and (min-width: 769px)and (max-width: 959px) {
	.blog-list-story-list .blog-list-story-item .title {
		max-width: 60%
	}
}

.blog-list-story-list .blog-list-story-item .cta {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-decoration: none
}

.blog-list-story-list .blog-list-story-item .cta:hover {
	color: #222;
	text-decoration: none
}

@media all and (min-width: 768px) {
	.blog-list-story-list .blog-list-story-item .cta {
		width: 30%
	}
}

@media all and (min-width: 960px) {
	.blog-list-story-list .blog-list-story-item .cta {
		width: 25%
	}
}

@media all and (min-width: 1200px) {
	.blog-list-story-list .blog-list-story-item .cta {
		width: 20%
	}
}

@media all and (max-width: 767px) {
	.blog-list-story-list .blog-list-story-item .cta span {
		display: none
	}
}

.blog-list-story-list .blog-list-story-item .cta .icon {
	padding-left: 12px
}

.blog-list-story-list .button.secondary,
.blog-list-story-list #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .blog-list-story-list .secondary#lcly-button-buy,
.blog-list-story-list .filter-product .secondary.clear-input,
.filter-product .blog-list-story-list .secondary.clear-input {
	display: flex;
	margin: 70px auto 0;
	min-width: 213px
}

@media all and (max-width: 768px) {

	.blog-list-story-list .button.secondary,
	.blog-list-story-list #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .blog-list-story-list .secondary#lcly-button-buy,
	.blog-list-story-list .filter-product .secondary.clear-input,
	.filter-product .blog-list-story-list .secondary.clear-input {
		margin: 50px auto;
		width: 100%
	}
}

.blog-list-content {
	display: inline-block;
	text-decoration: none
}

.carousel-thumbnail-nav {
	margin-top: 10px;
	width: 100%;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: flex-end
}

.carousel-thumbnail-nav__item {
	width: 100%;
	max-width: 62px;
	position: relative;
	cursor: pointer
}

.carousel-thumbnail-nav__item::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000;
	transition: height .3s
}

.carousel-thumbnail-nav__item.is-active::after,
.carousel-thumbnail-nav__item:hover::after {
	height: 5px
}

 

.carousel-outer:hover .carousel-thumbnail-nav__item img {
	opacity: .7
}

.carousel-outer:hover .carousel-thumbnail-nav__item.is-active img,
.carousel-outer:hover .carousel-thumbnail-nav__item:hover img {
	opacity: 1
}

.carousel-thumbnail-nav__item+.carousel-thumbnail-nav__item {
	margin-left: 11px
}

@media all and (max-width: 767px) {
	.carousel-thumbnail-nav__item {
		max-width: 21px
	}


}

.block-arrow {
	position: relative
}

.block-arrow::after {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	border-top: 1px solid #fff;
	border-right: 1px solid #fff
}

.block-arrow.prev::after {
	transform: translate(-50%, -50%) rotate(-135deg)
}

.hiding {
	transition-property: all;
	transition-duration: 300ms;
	transition-timing-function: ease;
	opacity: 0
}

.carousel-blog {
	width: calc(100% + 84px);
	max-width: unset;
	margin: 0 -42px
}

@media(max-width: 767px) {
	.carousel-blog {
		width: calc(100% + 40px);
		margin: 0 -20px
	}
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .carousel-blog .label {
		top: 43px
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .carousel-blog .label {
		top: 43px
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .carousel-blog .label {
		top: 42px
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .carousel-blog .label {
		top: 42px
	}
}

.carousel-blog header {`ndisplay: flex;`nflex-direction: row;`nwidth: 100%;`nalign-items: flex-end;`njustify-content: space-between;`nmargin: 0 42px 25px 0;`npadding-left: 42px;`noverflow: visible;`n}

@media(max-width: 767px) {
	.carousel-blog header {`ndisplay: flex;`nflex-direction: row;`nwidth: 100%;`nalign-items: flex-end;`njustify-content: space-between;`nmargin: 0 42px 25px 0;`npadding-left: 42px;`noverflow: visible;`n}
}

.carousel-blog header .headline {
	width: 443px;
	padding-bottom: 0;
	margin-bottom: 0
}

@media(max-width: 1024px) {
	.carousel-blog header .headline {
		width: 363px
	}
}

@media(max-width: 767px) {
	.carousel-blog header .headline {
		width: 251px
	}
}

.carousel-blog header .button-animation-container {
	max-width: unset;
	min-width: unset;
	text-align: right;
	height: auto;
	font-size: 18px;
	line-height: 27px;
	margin-right: 42px
}

@media(max-width: 767px) {
	.carousel-blog header .button-animation-container {
		margin: 0
	}
}

.carousel-blog .carousel-container {
	margin: 0;
	overflow: visible
}

.carousel-blog .carousel-container a.button,
.carousel-blog .carousel-container #LocallyProductLocator.-enable-cta a#lcly-button-buy,
#LocallyProductLocator.-enable-cta .carousel-blog .carousel-container a#lcly-button-buy,
.carousel-blog .carousel-container .filter-product a.clear-input,
.filter-product .carousel-blog .carousel-container a.clear-input {
	line-height: 43px !important;
	height: 45px !important
}

.carousel-blog .content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 0
}

.carousel-blog .text {
	order: 2;
	line-height: 1.1428571429
}

.carousel-blog .title {
	font-size: 1.4rem;
	margin: 0;
	font-weight: 700
}

@media all and (min-width: 768px) {
	.carousel-blog .title {
		margin-bottom: 13px
	}
}

.carousel-blog .title a {
	color: #000
}

.carousel-blog .description {
	font-size: 1.4rem;
	margin-bottom: 25px !important
}

.carousel-blog .button,
.carousel-blog #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .carousel-blog #lcly-button-buy,
.carousel-blog .filter-product .clear-input,
.filter-product .carousel-blog .clear-input {
	align-self: flex-start;
	display: inline-block;
	margin: 0;
	width: 68%
}

.carousel-blog .blog-card {
	background: rgba(0, 0, 0, 0);
	flex-direction: column;
	justify-content: center;
	margin: 0 34px 0 0;
	width: 420px !important
}

@media(min-width: 376px) {
	.carousel-blog .blog-card {
		margin-right: 24px !important
	}
}

@media(max-width: 375px) {
	.carousel-blog .blog-card {
		margin-right: 10px !important
	}
}

@media all and (min-width: 768px) {
	.carousel-blog .blog-card {
		margin-right: 100px;
		max-width: 504px
	}
}

@media(max-width: 1024px) {
	.carousel-blog .blog-card {
		width: 334px !important;
		min-width: 334px !important
	}
}

.carousel-blog .blog-card .image {
	display: block;
	order: 1;
	width: 100%
}

.carousel-blog .blog-card img {
	margin: 0 0 22px;
	max-width: 100%;
	width: 100% !important
}

.carousel-blog .blog-card.vertical {
	justify-content: flex-start;
	flex-grow: 0
}

.carousel-blog .blog-card.vertical .content {
	align-items: flex-end;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0 0 24px;
	position: relative
}

.carousel-blog .blog-card.vertical .text {
	flex-shrink: 0;
	width: 100%;
	padding-bottom: 15px;
	order: 1
}

@media all and (max-width: 767px) {
	.carousel-blog .blog-card.vertical .text {
		font-size: 1.2rem;
		line-height: 1.3333333333
	}
}

.carousel-blog .blog-card.vertical.is-styled .text {
	transform: rotate(270deg) translateY(100%);
	transform-origin: 0 100%;
	position: absolute;
	bottom: 0;
	left: 0
}

@media all and (min-width: 768px) {
	.carousel-blog .blog-card.vertical .title {
		margin-bottom: 12px
	}
}

.carousel-blog .blog-card.vertical .description {
	margin: 0 0 20px
}

.carousel-blog .blog-card.vertical .image {
	display: block;
	order: 1;
	width: 100%
}

.carousel-blog .blog-card.vertical img {
	width: 100%;
	margin: 0
}

.carousel-blog .blog-card:first-of-type {
	margin-left: 42px
}

@media(max-width: 767px) {
	.carousel-blog .blog-card:first-of-type {
		margin-left: 20px
	}
}

.carousel-blog .blog-card:last-of-type {
	margin-right: 42px
}

@media(max-width: 767px) {
	.carousel-blog .blog-card:last-of-type {
		margin-right: 20px
	}
}

.carousel-blog .scrollable-content__arrow {
	top: 130px
}

@media(max-width: 1024px) {
	.carousel-blog .scrollable-content__arrow {
		top: 103px
	}
}

.category-carousel {
	max-width: none;
	overflow: auto;
	margin-left: -42px;
	width: calc(100% + 84px);
	padding: 0 !important;
	user-select: none;
	-webkit-user-select: none
}

@media(max-width: 767px) {
	.category-carousel {
		margin-left: -20px;
		width: calc(100% + 40px)
	}
}

.category-carousel a {
	text-decoration: none !important
}

.category-carousel__upper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative
}

.category-carousel__lower {
	position: relative
}

.category-carousel__scrollbar {
	margin-top: 65px;
	padding: 0 10px;
	width: 100%
}

.category-carousel__scrollbar-track {
	background: #f2f2f2;
	border-radius: 8px;
	height: 6px;
	position: relative;
	width: 100%
}

.category-carousel__scrollbar-head {
	position: absolute;
	background: #757575;
	border-radius: 8px;
	height: 100%;
	top: 0;
	left: 0;
	width: 20%
}

.category-carousel__scrollbar-head.-transitioning {
	transition: left, .4s
}

.category-carousel__scroller {
	width: 100%;
	display: flex;
	flex-wrap: nowrap
}

.category-carousel__scroller.-transitioning {
	transition: margin-left, .4s
}

.category-carousel__scroller-wrapper {
	height: 100%;
	position: relative;
	overflow: visible
}

.category-carousel__item {
	margin-right: 20px;
	flex-shrink: 0;
	width: 283px !important
}

.category-carousel__item:last-child {
	margin-right: 0
}

.category-carousel__item:first-of-type {
	margin-left: 42px
}

@media(max-width: 767px) {
	.category-carousel__item:first-of-type {
		margin-left: 20px
	}
}

.category-carousel__item:last-of-type {
	margin-right: 42px
}

@media(max-width: 767px) {
	.category-carousel__item:last-of-type {
		margin-right: 20px
	}
}

.category-carousel__item>div,
.category-carousel__item>a {
	display: block;
	position: relative
}

.category-carousel__item__image {
	display: grid;
	position: relative;
	width: 100%
}

.category-carousel__item__image picture {
	overflow: hidden;
	width: 100%
}

.category-carousel__item__image picture img {
	transition: all .5s ease;
	width: 100%
}

@media(hover: hover) {
	.category-carousel__item__image:hover img {
		transform: scale(110%)
	}
}

.category-carousel__item__image span {
	align-items: center;
	display: flex;
	justify-content: center;
	transition: all .5s ease-in-out;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0)
}

.category-carousel__item__image span h4 {
	color: #000;
	font-family: Space Mono;
	font-size: 18px;
	font-weight: 400;
	line-height: 37px;
	letter-spacing: 3px;
	opacity: 0;
	text-align: center;
	text-decoration: underline;
	text-transform: uppercase;
	transition: all .5s ease-in-out
}

.category-carousel__item-text {
	width: 250px
}

.category-carousel__item__title {
	font-size: 20px;
	font-weight: 400;
	line-height: 130%;
	text-align: left;
	margin: 15px auto 0
}

.category-carousel__item__description {
	font-size: 14px;
	font-weight: 300;
	line-height: 140%;
	padding-top: 0;
	margin: 10px auto 0
}

.category-carousel__item__text {
	padding-top: 12px
}

.category-carousel__item__text p {
	padding: 0
}

.category-carousel__item.inner-text .category-carousel__item-text {
	position: absolute;
	left: 0;
	margin: 0 15px 0 23px;
	top: 0;
	color: #000;
	transition: all .5s ease-in-out;
	opacity: 1
}

.category-carousel__item.inner-text .category-carousel__item__title {
	color: #000;
	font-family: Favorit;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 2.9rem;
	margin-bottom: 8px;
	margin-top: 20px;
	text-transform: none
}

.category-carousel__item.inner-text .category-carousel__item__description {
	color: #000;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.7rem
}

@media(hover: hover) {
	.category-carousel__item.overlay.inner-text:hover span {
		background-color: rgba(0, 0, 0, .3)
	}

	.category-carousel__item.overlay.inner-text:hover h4 {
		opacity: 1
	}

	.category-carousel__item.overlay.inner-text:hover img {
		transform: scale(100%)
	}

	.category-carousel__item.overlay.inner-text:hover .category-carousel__item-text {
		opacity: 0
	}
}

.category-carousel .center-items {
	justify-content: center
}

.category-carousel__arrow {
	align-content: center;
	cursor: pointer;
	display: none;
	height: 40px;
	justify-content: center;
	position: absolute;
	width: 40px;
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
	top: 50%
}

.category-carousel__arrow svg {
	height: 14.2px;
	width: 31px
}

.category-carousel__arrow.-left-arrow {
	left: 42px
}

.category-carousel__arrow.-left-arrow svg {
	transform: rotateY(180deg);
	padding: 0
}

.category-carousel__arrow.-right-arrow,
.category-carousel__arrow.move-right {
	right: 42px
}

.category-carousel__headline {
	padding-top: 20px;
	margin-left: 42px
}

@media(max-width: 767px) {
	.category-carousel__headline {
		margin-left: 20px
	}
}

.category-carousel__headline h2 {
	font-family: Favorit;
	font-size: 2.6rem;
	font-weight: 400;
	line-height: 3.4rem;
	margin-bottom: 26px;
	text-align: left
}

.category-carousel.theme-dark {
	background-color: #000
}

.category-carousel.theme-dark .category-carousel__headline h2 {
	color: #fff !important
}

.category-carousel.theme-dark .category-carousel__item-text h3,
.category-carousel.theme-dark .category-carousel__item-text p {
	color: #fff !important
}

.category-carousel.theme-dark .category-carousel__arrow svg {
	fill: #fff
}

.category-carousel.theme-dark .category-carousel__arrow:hover svg {
	fill: #34c759
}

.category-carousel.theme-dark .category-carousel__scrollbar-track {
	background-color: rgba(255, 255, 255, .5)
}

.category-carousel.theme-dark .category-carousel__scrollbar-head {
	background: #fff
}

@media(min-width: 414px) {
	.category-carousel__scrollbar {
		padding: 0 40px
	}
}

@media(min-width: 768px) {
	.category-carousel__scrollbar {
		padding: 0 48px
	}
}

@media(min-width: 834px) {
	.category-carousel__scrollbar {
		padding: 0 83px
	}
}

@media(min-width: 1024px) {
	.category-carousel__arrow {
		display: grid
	}
}

@media(min-width: 1025px) {
	.category-carousel__item {
		margin-right: 35px
	}

	.category-carousel__item__title {
		font-size: 20px;
		line-height: 130%;
		margin-top: 20px
	}

	.category-carousel__item__description {
		font-size: 14px;
		line-height: 140%;
		margin-top: 13px
	}

	.category-carousel__item.inner-text .category-carousel__item__title {
		font-size: 20px
	}

	.category-carousel__arrow {
		height: 50px;
		width: 50px
	}

	.category-carousel__arrow svg {
		height: 17.9px;
		width: 39px
	}

	.category-carousel__arrow.-left-arrow {
		left: 42px
	}

	.category-carousel__arrow.-right-arrow,
	.category-carousel__arrow.move-right {
		right: 42px
	}

	.category-carousel__headline h2 {
		font-size: 3.2rem;
		line-height: 4rem;
		margin-bottom: 24px
	}
}

@media(min-width: 1440px) {
	.category-carousel__item-text {
		width: 88%
	}

	.category-carousel__item__title {
		font-size: 20px
	}

	.category-carousel__item__description {
		font-size: 14px
	}

	.category-carousel__item.inner-text .category-carousel__item__title {
		font-size: 20px
	}

	.category-carousel__item.inner-text .category-carousel__item__description {
		font-size: 14px
	}
}

@media(min-width: 1441px) {
	.category-carousel__arrow {
		height: 3.75vw;
		max-height: 72px;
		max-width: 72px;
		width: 3.75vw
	}

	.category-carousel__arrow svg {
		height: 1.35vw;
		max-height: 26px;
		max-width: 56px;
		width: 2.9vw
	}

	.category-carousel__arrow.-left-arrow {
		left: 42px
	}

	.category-carousel__arrow.-right-arrow,
	.category-carousel__arrow.move-right {
		right: 42px
	}

	.category-carousel__headline h2 {
		font-size: 3.6rem;
		line-height: 4rem;
		margin-bottom: 28px
	}
}

@media(min-width: 1921px) {
	.category-carousel__headline h2 {
		font-size: 4.2rem;
		line-height: 4rem;
		margin-bottom: 32px
	}
}

.carousel-collection {
	background-color: #e2eaeb;
	display: flex;
	flex-direction: column;
	padding-bottom: 60px;
	position: relative
}

.carousel-collection__headline {
	font-family: "favorit", Helvetica, sans-serif;
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1.2;
	padding-top: 64px;
	text-align: center;
	text-transform: none
}

@media all and (min-width: 768px) {
	.carousel-collection__headline {
		font-size: 4rem;
		padding-top: 75px
	}
}

@media all and (min-width: 1200px) {
	.carousel-collection__headline {
		line-height: 1.1;
		margin: 0 0 38px
	}
}

.carousel-collection__headline span {
	display: block;
	font-size: 1rem;
	margin-bottom: 5px;
	text-transform: uppercase
}

@media all and (min-width: 768px) {
	.carousel-collection__headline span {
		font-size: 1.3rem;
		margin-bottom: 10px
	}
}

.carousel-collection .carousel-container .carousel-img {
	align-items: center;
	justify-content: center;
	display: flex;
	margin-top: 30px
}

.carousel-collection .carousel-container .carousel-img img {
	max-width: 70%;
	max-height: 500px
}

@media all and (max-width: 767px) {
	.carousel-collection .carousel-container .carousel-img img {
		max-width: 80%
	}
}

.carousel-collection .carousel-container a.button,
.carousel-collection .carousel-container #LocallyProductLocator.-enable-cta a#lcly-button-buy,
#LocallyProductLocator.-enable-cta .carousel-collection .carousel-container a#lcly-button-buy,
.carousel-collection .carousel-container .filter-product a.clear-input,
.filter-product .carousel-collection .carousel-container a.clear-input {
	line-height: 43px !important;
	height: 45px !important
}

.carousel-collection .button,
.carousel-collection #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .carousel-collection #lcly-button-buy,
.carousel-collection .filter-product .clear-input,
.filter-product .carousel-collection .clear-input {
	background-color: #fff;
	border: 1px solid #000 !important;
	margin: 62px auto 0
}

.carousel-collection .button:hover,
.carousel-collection #LocallyProductLocator.-enable-cta #lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta .carousel-collection #lcly-button-buy:hover,
.carousel-collection .filter-product .clear-input:hover,
.filter-product .carousel-collection .clear-input:hover {
	background-color: #000 !important;
	color: #fff !important
}

@media all and (max-width: 767px) {

	.carousel-collection .button,
	.carousel-collection #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .carousel-collection #lcly-button-buy,
	.carousel-collection .filter-product .clear-input,
	.filter-product .carousel-collection .clear-input {
		width: 90%;
		max-width: 336px;
		margin: 50px auto 70px auto
	}
}

.carousel-collection .button.secondary,
.carousel-collection #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .carousel-collection .secondary#lcly-button-buy,
.carousel-collection .filter-product .secondary.clear-input,
.filter-product .carousel-collection .secondary.clear-input {
	font-family: "favorit", Helvetica, sans-serif
}

@media all and (max-width: 767px) {
	.carousel-collection .arrows-container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 50px auto auto;
		width: 146px
	}
}

.carousel-collection .arrows-container .icon:before {
	font-size: 22px
}

@media all and (max-width: 767px) {
	.carousel-collection .arrows-container .icon:before {
		font-size: 16px
	}
}

.carousel-collection .slick-prev,
.carousel-collection .slick-next {
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center
}

@media all and (min-width: 768px) {

	.carousel-collection .slick-prev,
	.carousel-collection .slick-next {
		background-color: #000;
		color: #fff;
		height: 60px;
		width: 60px;
		position: absolute;
		top: 50%;
		z-index: 3;
		transform: translateY(-50%)
	}
}

.carousel-collection .slick-prev:focus,
.carousel-collection .slick-prev:active,
.carousel-collection .slick-next:focus,
.carousel-collection .slick-next:active {
	outline: none
}

.carousel-collection .slick-prev {
	left: 30px;
	text-align: right
}

.carousel-collection .slick-next {
	right: 30px;
	text-align: left
}

.carousel-collection .nav-arrows {
	position: static;
	transform: none;
	width: auto;
	display: block;
	letter-spacing: .25em
}

.carousel-collection .nav-arrows .indicator {
	top: auto
}

@media all and (min-width: 768px) {
	.carousel-collection .nav-arrows {
		display: none
	}
}

.carousel-image {
	margin-bottom: 49px
}

@media all and (max-width: 767px) {
	.carousel-image {
		margin-left: -20px;
		padding-left: 20px
	}
}

@media all and (min-width: 768px) {
	.carousel-image {
		margin-bottom: 70px
	}
}

@media all and (min-width: 960px) {
	.carousel-image {
		margin-bottom: 90px
	}
}

@media all and (max-width: 1199px) {
	.carousel-image {
		overflow: hidden
	}
}

@media all and (min-width: 768px)and (max-width: 1199px) {
	.carousel-image {
		margin-left: -42px;
		padding-left: 0;
	}
}

@media all and (min-width: 1200px) {
	.carousel-image {
		margin-bottom: 134px
	}
}

.carousel-image .item {
	flex-shrink: 0;
	margin: 0 20px 0 0
}

@media all and (max-width: 767px) {
	.carousel-image .item {
		width: 58vw
	}
}

@media all and (min-width: 768px) {
	.carousel-image .item {
		margin-right: 22px
	}
}

@media all and (min-width: 1200px) {
	.carousel-image .item {
		margin-right: 22px
	}
}

.carousel-image .item>img,
.carousel-image .item>picture,
.carousel-image .item>figcaption {
	min-width: 30vw;
	max-width: 100%
}

@media all and (max-width: 767px) {

	.carousel-image .item>img,
	.carousel-image .item>picture,
	.carousel-image .item>figcaption {
		width: 100%
	}
}

@media all and (max-width: 767px) {

	.carousel-image .item>img,
	.carousel-image .item>picture,
	.carousel-image .item>figcaption {
		max-width: 58vw
	}
}

@media all and (min-width: 768px) {

	.carousel-image .item>img,
	.carousel-image .item>picture,
	.carousel-image .item>figcaption {
		max-width: 36vw
	}
}

.carousel-image .item>img,
.carousel-image .item>picture {
	margin: 0 0 12px
}

@media all and (min-width: 768px) {

	.carousel-image .item>img,
	.carousel-image .item>picture {
		margin-bottom: 15px
	}
}

.carousel-image .item figcaption {
	font-size: 1rem;
	line-height: 1.6
}

@media all and (min-width: 768px) {
	.carousel-image .item figcaption {
		font-size: 1.2rem
	}
}

@media all and (min-width: 1200px) {
	.carousel-image .item figcaption {
		font-size: 1.4rem
	}
}

.flickity-enabled {
	position: relative
}

.flickity-enabled:focus:focus {
	outline: none
}

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

.flickity-slider {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	position: absolute;
	width: 100%
}

.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

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

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

.carousel-product {
	position: relative;
	max-width: none;
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-right: -20px
}

.carousel-product .product-card:first-of-type {
	margin-left: 20px !important
}

@media(min-width: 768px) {
	.carousel-product {
		width: calc(100% + 84px);
		margin-left: -42px;
		margin-right: -42px
	}

	.carousel-product .product-card:first-of-type {
		margin-left: 42px !important
	}
}

@media all and (min-width: 1025px) {
	body:not(.pdp__body) .carousel-product:not(.-title-above) {
		width: calc(100% + 42px);
		margin-left: 0;
		margin-right: -42px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center
	}
}

@media all and (min-width: 1463.7px) {
	body.pdp__body .carousel-product:not(.-title-above) {
		width: calc(100% + 42px);
		margin-left: 0;
		margin-right: -42px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center
	}
}

@media all and (min-width: 1935px) {
	body:not(.pdp__body) .carousel-product {
		margin: auto !important
	}
}

@media all and (min-width: 2385px) {
	body.pdp__body .carousel-product {
		margin: auto !important
	}
}

.carousel-product header {
	font-size: 1.4rem;
	line-height: 1.4285714286;
	box-sizing: border-box;
	flex-shrink: 0;
	position: relative;
	margin-bottom: 20px;
	padding-left: 42px
}

@media all and (max-width: 375px) {
	.-title-above body:not(.pdp__body) .carousel-product header {
		padding-left: 20px !important
	}
}

@media all and (max-width: 374px) {
	.-title-above body.pdp__body .carousel-product header {
		padding-left: 20px !important
	}
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .carousel-product header {
		font-size: 2.4rem;
		line-height: 1.3333333333
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .carousel-product header {
		font-size: 2.4rem;
		line-height: 1.3333333333
	}
}

@media all and (min-width: 1370px) {
	body:not(.pdp__body) .carousel-product header {
		padding-left: 42px !important
	}
}

@media all and (min-width: 1820px) {
	body.pdp__body .carousel-product header {
		padding-left: 42px !important
	}
}

@media all and (min-width: 1025px) {
	body:not(.pdp__body) .carousel-product:not(.-title-above) header {
		padding-right: 20px;
		width: 35%
	}
}

@media all and (min-width: 1463.7px) {
	body.pdp__body .carousel-product:not(.-title-above) header {
		padding-right: 20px;
		width: 35%
	}
}

@media all and (min-width: 1600px) {
	body:not(.pdp__body) .carousel-product:not(.-title-above) header {
		padding: 0 210px 0 0;
		width: 516px
	}
}

@media all and (min-width: 2050px) {
	body.pdp__body .carousel-product:not(.-title-above) header {
		padding: 0 210px 0 0;
		width: 516px
	}
}

.carousel-product .headline {
	font-size: 4rem;
	line-height: 1.2;
	margin: 0 0 12px;
	position: relative;
	width: 75%;
	font-weight: 700
}

@media all and (min-width: 600px) {
	body:not(.pdp__body) .carousel-product .headline {
		font-size: 6.4rem;
		line-height: 1
	}
}

@media all and (min-width: 856.8px) {
	body.pdp__body .carousel-product .headline {
		font-size: 6.4rem;
		line-height: 1
	}
}

@media all and (min-width: 1024px) {
	body:not(.pdp__body) .carousel-product .headline {
		font-size: 4rem
	}
}

@media all and (min-width: 1462.272px) {
	body.pdp__body .carousel-product .headline {
		font-size: 4rem
	}
}

@media all and (min-width: 1440px) {
	body:not(.pdp__body) .carousel-product .headline {
		font-size: 6rem
	}
}

@media all and (min-width: 1890px) {
	body.pdp__body .carousel-product .headline {
		font-size: 6rem
	}
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .carousel-product .headline {
		margin-bottom: 18px;
		width: 100%
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .carousel-product .headline {
		margin-bottom: 18px;
		width: 100%
	}
}

@media all and (min-width: 1025px) {
	body:not(.pdp__body) .carousel-product .headline {
		font-size: 6rem;
		line-height: 1.1;
		margin-bottom: 10px;
		font-weight: 700
	}
}

@media all and (min-width: 1463.7px) {
	body.pdp__body .carousel-product .headline {
		font-size: 6rem;
		line-height: 1.1;
		margin-bottom: 10px;
		font-weight: 700
	}
}

@media all and (min-width: 600px) {
	body:not(.pdp__body) .carousel-product .label {
		font-size: 1.2rem
	}
}

@media all and (min-width: 856.8px) {
	body.pdp__body .carousel-product .label {
		font-size: 1.2rem
	}
}

@media all and (min-width: 1024px) {
	body:not(.pdp__body) .carousel-product .label {
		font-size: 1rem
	}
}

@media all and (min-width: 1462.272px) {
	body.pdp__body .carousel-product .label {
		font-size: 1rem
	}
}

@media all and (min-width: 1440px) {
	body:not(.pdp__body) .carousel-product .label {
		font-size: 1.2rem
	}
}

@media all and (min-width: 1890px) {
	body.pdp__body .carousel-product .label {
		font-size: 1.2rem
	}
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .carousel-product .label {
		top: 43px
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .carousel-product .label {
		top: 43px
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .carousel-product .label {
		top: 42px
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .carousel-product .label {
		top: 42px
	}
}

.carousel-product .description {
	margin: 0;
	font-size: 1.4rem
}

@media all and (min-width: 600px) {
	body:not(.pdp__body) .carousel-product .description {
		font-size: 2.4rem
	}
}

@media all and (min-width: 856.8px) {
	body.pdp__body .carousel-product .description {
		font-size: 2.4rem
	}
}

@media all and (min-width: 1024px) {
	body:not(.pdp__body) .carousel-product .description {
		font-size: 1.6rem
	}
}

@media all and (min-width: 1462.272px) {
	body.pdp__body .carousel-product .description {
		font-size: 1.6rem
	}
}

@media all and (min-width: 1440px) {
	body:not(.pdp__body) .carousel-product .description {
		font-size: 2.4rem
	}
}

@media all and (min-width: 1890px) {
	body.pdp__body .carousel-product .description {
		font-size: 2.4rem
	}
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .carousel-product .description {
		margin-bottom: 10px
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .carousel-product .description {
		margin-bottom: 10px
	}
}

.carousel-product .carousel-container {
	padding: 10px 0 60px;
	width: 100%
}

.carousel-product .carousel-container a.button,
.carousel-product .carousel-container #LocallyProductLocator.-enable-cta a#lcly-button-buy,
#LocallyProductLocator.-enable-cta .carousel-product .carousel-container a#lcly-button-buy,
.carousel-product .carousel-container .filter-product a.clear-input,
.filter-product .carousel-product .carousel-container a.clear-input {
	line-height: 43px !important;
	height: 45px !important
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .carousel-product .carousel-container {
		margin: 0;
		padding-bottom: 10px
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .carousel-product .carousel-container {
		margin: 0;
		padding-bottom: 10px
	}
}

@media all and (min-width: 1025px) {
	body:not(.pdp__body) .carousel-product:not(.-title-above) .carousel-container {
		width: 65%
	}
}

@media all and (min-width: 1463.7px) {
	body.pdp__body .carousel-product:not(.-title-above) .carousel-container {
		width: 65%
	}
}

@media all and (min-width: 1200px) {
	body:not(.pdp__body) .carousel-product:not(.-title-above) .carousel-container {
		width: calc(100% - 490px)
	}
}

@media all and (min-width: 1650px) {
	body.pdp__body .carousel-product:not(.-title-above) .carousel-container {
		width: calc(100% - 490px)
	}
}

.carousel-product .carousel {
	display: flex
}

@media all and (min-width: 768px) {
	body:not(.pdp__body) .carousel-product .carousel {
		margin: 0 0 85px
	}
}

@media all and (min-width: 1096.704px) {
	body.pdp__body .carousel-product .carousel {
		margin: 0 0 85px
	}
}

@media all and (min-width: 1025px) {
	body:not(.pdp__body) .carousel-product .carousel {
		margin: 0
	}
}

@media all and (min-width: 1463.7px) {
	body.pdp__body .carousel-product .carousel {
		margin: 0
	}
}

.carousel-product.is-visible .card {
	visibility: visible
}

.carousel-product .slick-track {
	display: flex;
	align-items: stretch
}

.carousel-product .nav-arrows {
	bottom: 20px
}

@media all and (max-width: 768px) {
	body:not(.pdp__body) .carousel-product .nav-arrows {
		bottom: 42px
	}
}

@media all and (max-width: 1095.704px) {
	body.pdp__body .carousel-product .nav-arrows {
		bottom: 42px
	}
}

.carousel-product__link {
	font-size: 1.6rem
}

.carousel-product__link-button {
	margin-top: 20px;
	font-size: 1.6rem
}

.carousel-product__link-plaintext {
	position: absolute;
	bottom: 0;
	right: 60px
}

@media all and (min-width: 1025px) {
	body:not(.pdp__body) .carousel-product__link-plaintext {
		font-size: 2.4rem
	}
}

@media all and (min-width: 1463.7px) {
	body.pdp__body .carousel-product__link-plaintext {
		font-size: 2.4rem
	}
}

.carousel-product:not(.-title-above) .carousel-product__link-plaintext {
	display: none
}

.carousel-product.-title-above .button-animation-container {
	display: none !important
}

@media(max-width: 375px) {
	.carousel-product.-title-above .carousel-product__link-plaintext {
		right: 20px !important
	}
}

.carousel-product .scrollable-content__arrow {
	top: 173.5px
}

@media(max-width: 1024px) {
	.carousel-product .scrollable-content__arrow {
		top: 177.5px
	}
}

.carousel-product .product-card {
	flex-shrink: 0;
	max-width: 547px;
	width: 347px !important
}

.carousel-product .product-card+.product-card {
	margin-left: 17px !important
}

@media(max-width: 1024px) {
	.carousel-product .product-card {
		width: 355px !important
	}
}

@media(max-width: 768px) {
	.carousel-product .product-card {
		width: 312px !important
	}
}

.carousel-product .product-card:last-of-type {
	margin-right: 42px !important
}

@media(max-width: 375px) {
	.carousel-product .product-card:last-of-type {
		margin-right: 20px !important
	}
}

.carousel-product .product-card__title {
	font-size: 18px;
	line-height: 27px
}

@media(max-width: 767px) {
	.carousel-product .product-card__title {
		font-size: 15px;
		line-height: 22.86px
	}
}

.no-carousel .carousel {
	margin-right: 15px
}

@media all and (min-width: 1025px) {
	body:not(.pdp__body) .no-carousel .carousel {
		margin-right: 38px
	}

	body:not(.pdp__body) .no-carousel .product-card {
		width: 50%
	}
}

@media all and (min-width: 1463.7px) {
	body.pdp__body .no-carousel .carousel {
		margin-right: 38px
	}

	body.pdp__body .no-carousel .product-card {
		width: 50%
	}
}

body:not(.pdp__body) .carousel-product:not(.-title-above) header {
	padding-left: 40px
}

@media(min-width: 768px) {
	body:not(.pdp__body) .carousel-product:not(.-title-above) header {
		padding-left: 62px
	}
}

@media(min-width: 1025px) {
	body:not(.pdp__body) .carousel-product:not(.-title-above) header {
		padding-left: 42px
	}
}

@media(min-width: 768px) {
	#MiniCart .recommended-products-carousel {
		margin-left: 0
	}
}

.carousel-terrain {
	background: #000;
	padding: 0 0 144px;
	position: relative;
	text-align: center
}

@media(max-width: 599px) {
	.carousel-terrain {
		padding-bottom: 0
	}

	.carousel-terrain::before {
		content: "";
		display: block;
		width: 100%;
		padding-bottom: 129%
	}

	.carousel-terrain header {
		position: absolute;
		top: 0;
		width: 100%
	}
}

@media all and (min-width: 768px) {
	.carousel-terrain {
		padding-bottom: 112px
	}
}

@media all and (min-width: 1200px) {
	.carousel-terrain {
		padding-bottom: 134px
	}
}

.carousel-terrain .headline {
	color: #fff;
	font-size: 1.4rem;
	margin: -12px 0 0 0;
	padding: 12.5vw 0 37px;
	text-align: center
}

@media(min-width: 600px) {
	.carousel-terrain .headline {
		margin: 0;
		padding-top: 42px;
		font-size: 1.8rem
	}
}

@media all and (min-width: 768px) {
	.carousel-terrain .headline {
		padding: 62px 0 55px
	}
}

@media all and (min-width: 1200px) {
	.carousel-terrain .headline {
		font-size: 2rem;
		padding: 56px 0 48px
	}
}

@media(min-width: 1300px) {
	.carousel-terrain .headline {
		font-size: 2.2rem
	}
}

@media(min-width: 1800px) {
	.carousel-terrain .headline {
		font-size: 2.4rem
	}
}

.carousel-terrain .carousel-container {
	position: relative
}

@media(max-width: 599px) {
	.carousel-terrain .carousel-container {
		position: absolute;
		bottom: 55%;
		width: 100%;
		transform: translateY(50%)
	}
}

.carousel-terrain .carousel-container a.button,
.carousel-terrain .carousel-container #LocallyProductLocator.-enable-cta a#lcly-button-buy,
#LocallyProductLocator.-enable-cta .carousel-terrain .carousel-container a#lcly-button-buy,
.carousel-terrain .carousel-container .filter-product a.clear-input,
.filter-product .carousel-terrain .carousel-container a.clear-input {
	line-height: 43px !important;
	height: 45px !important
}

.carousel-terrain .item {
	padding: 0 4.3333vw;
	position: relative
}

@media(min-width: 600px) {
	.carousel-terrain .item {
		padding: 0 3.75vw
	}
}

@media(min-width: 1024px) {
	.carousel-terrain .item {
		padding: 0 5.3vw
	}
}

.carousel-terrain .item .title {
	display: none
}

.carousel-terrain .item:focus,
.carousel-terrain .item:active {
	outline: none
}

.carousel-terrain .item>a {
	display: block
}

@media(max-width: 599px) {
	.carousel-terrain .item>a {
		background: var(--background-mobile-square) center center/cover;
		height: 65.3984vw
	}
}

.carousel-terrain picture,
.carousel-terrain img {
	display: block;
	margin: 0 auto;
	width: 100%
}

@media(max-width: 599px) {

	.carousel-terrain picture,
	.carousel-terrain img {
		display: none
	}
}

.carousel-terrain .all-titles {
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 2;
	text-align: center;
	transform: translateY(-50%);
	width: 100%
}

.carousel-terrain .title {
	color: #fff;
	font-size: 12.8vw;
	margin: 0;
	pointer-events: none;
	width: 100%;
	font-weight: 700
}

@media(min-width: 600px) {
	.carousel-terrain .title {
		font-size: 11.734vw
	}
}

@media(min-width: 1024px) {
	.carousel-terrain .title {
		font-size: 6.738vw
	}
}

.carousel-terrain .all-buttons {
	position: absolute;
	bottom: 0;
	left: calc(50% - 85px);
	z-index: 4;
	text-align: center;
	transform: translateY(50%);
	transition: min-width 400ms cubic-bezier(0.5, 0, 0.1, 1) 100ms
}

@media all and (min-width: 768px) {
	.carousel-terrain .all-buttons {
		left: calc(50% - 100px)
	}
}

@media(max-width: 599px) {
	.carousel-terrain .all-buttons {
		transform: none;
		left: calc(50% - 150px);
		bottom: calc(45% - 64.5vw);
		padding-bottom: 40px
	}

	.carousel-terrain .all-buttons .button,
	.carousel-terrain .all-buttons #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .carousel-terrain .all-buttons #lcly-button-buy,
	.carousel-terrain .all-buttons .filter-product .clear-input,
	.filter-product .carousel-terrain .all-buttons .clear-input {
		line-height: 43px;
		min-width: 300px
	}
}

.carousel-terrain .linkout {
	display: none
}

.carousel-terrain .linkout.is-visible {
	display: inline-block
}

.carousel-terrain .accent {
	opacity: 0;
	position: absolute;
	transition: opacity 400ms cubic-bezier(0.5, 0, 0.1, 1) 100ms;
	visibility: hidden
}

.carousel-terrain .accent.is-visible {
	opacity: 1;
	position: relative;
	visibility: visible
}

.carousel-terrain .accent.is-hiding {
	opacity: 0;
	transition-delay: 0ms
}

.carousel-terrain .accent:hover {
	transition: all .25s ease-out
}

.carousel-terrain .slick-slide {
	opacity: .5
}

.carousel-terrain .slick-slide.slick-in,
.carousel-terrain .slick-slide.slick-current {
	opacity: 1
}

.carousel-terrain .slick-current .linkout {
	opacity: 1
}

.carousel-terrain .slick-arrow {
	background: rgba(0, 0, 0, 0);
	border: none;
	color: #fff;
	display: block;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 3;
	width: 40px
}

@media(min-width: 600px) {
	.carousel-terrain .slick-arrow {
		width: 11.8vw
	}
}

@media(min-width: 1024px) {
	.carousel-terrain .slick-arrow {
		width: 17.2vw
	}

	.carousel-terrain .slick-arrow>i.icon {
		font-size: 4.4rem;
		height: 72px;
		line-height: 72px;
		width: 72px
	}
}

.carousel-terrain .slick-arrow>i {
	display: block;
	position: absolute;
	font-size: 2.2rem;
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	top: 50%;
	transform: translateY(-50%);
	transition: .2s color ease-in-out
}

.carousel-terrain .slick-arrow:hover {
	color: #008a02;
	cursor: pointer
}

.carousel-terrain .slick-arrow:hover>i {
	color: #000;
	background-color: #fff
}

.carousel-terrain .slick-arrow:focus,
.carousel-terrain .slick-arrow:active {
	outline: none
}

.carousel-terrain .slick-prev {
	left: 0
}

.carousel-terrain .slick-prev>i {
	left: 0
}

@media(min-width: 600px) {
	.carousel-terrain .slick-prev>i {
		left: 10px
	}
}

@media(min-width: 1024px) {
	.carousel-terrain .slick-prev>i {
		left: 32px
	}
}

.carousel-terrain .slick-next {
	right: 0
}

.carousel-terrain .slick-next>i {
	right: 0
}

@media(min-width: 600px) {
	.carousel-terrain .slick-next>i {
		right: 10px
	}
}

@media(min-width: 1024px) {
	.carousel-terrain .slick-next>i {
		right: 32px
	}
}

.carousel-terrain.hover-prev .slick-slide {
	opacity: 1
}

.carousel-terrain.hover-prev .slick-in+.slick-slide {
	opacity: .5
}

.carousel-terrain.hover-next .slick-in+.slick-slide {
	opacity: 1
}

.search-results-help {
	margin-bottom: 76px
}

@media all and (min-width: 768px) {
	.search-results-help {
		margin-bottom: 100px
	}
}

.search-results-help .results:hover .result-link:not(:hover) .content-title,
.search-results-help .results:hover .result-link:not(:hover) .content-subtitle {
	opacity: .2
}

.search-results-help .result-link {
	border-top: 1px solid #d9d9d9;
	display: block;
	padding: 43px 0 20px;
	text-decoration: none
}

@media all and (min-width: 768px) {
	.search-results-help .result-link {
		border-width: 2px
	}
}

@media all and (min-width: 1200px) {
	.search-results-help .result-link {
		padding: 56px 0 37px
	}
}

.search-results-help .result-link:first-of-type {
	border-top: 0
}

.search-results-help .content-title {
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1.4166666667;
	margin: 0 0 4px
}

@media all and (min-width: 768px) {
	.search-results-help .content-title {
		font-size: 3.2rem
	}
}

@media all and (min-width: 1200px) {
	.search-results-help .content-title {
		font-size: 4rem;
		margin-bottom: 3px
	}
}

.search-results-help .content-subtitle {
	font-size: 1.2rem;
	line-height: 1.3333333333
}

@media all and (min-width: 768px) {
	.search-results-help .content-subtitle {
		font-size: 1.6rem
	}
}

.search-results-menu {
	margin-bottom: 10px;
	margin-top: 15px
}

@media all and (min-width: 768px) {
	.search-results-menu {
		border-bottom: 2px solid gray;
		padding: 0;
		margin-top: 80px
	}
}

@media all and (min-width: 1200px) {
	.search-results-menu {
		margin-bottom: 60px
	}
}

.search-results-menu .input-container {
	margin: 0 0 23px;
	position: relative
}

@media all and (min-width: 768px) {
	.search-results-menu .input-container {
		margin: 0;
		width: 100%
	}
}

.search-results-menu input[type=text] {
	margin: 0;
	padding: 8px 13px 7px
}

.search-results-menu .button,
.search-results-menu #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .search-results-menu #lcly-button-buy,
.search-results-menu .filter-product .clear-input,
.filter-product .search-results-menu .clear-input {
	background: rgba(0, 0, 0, 0);
	border: none;
	opacity: .4;
	padding: 0 11px 0 30px;
	position: absolute;
	right: 0;
	top: 2px
}

@media all and (max-width: 767px) {

	.search-results-menu .button,
	.search-results-menu #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .search-results-menu #lcly-button-buy,
	.search-results-menu .filter-product .clear-input,
	.filter-product .search-results-menu .clear-input {
		height: 3rem
	}
}

@media all and (min-width: 768px) {

	.search-results-menu .button,
	.search-results-menu #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .search-results-menu #lcly-button-buy,
	.search-results-menu .filter-product .clear-input,
	.filter-product .search-results-menu .clear-input {
		line-height: 3.7rem;
		padding: 1px 15px 0;
		top: -1px
	}
}

.search-results-menu .button .icon,
.search-results-menu #LocallyProductLocator.-enable-cta #lcly-button-buy .icon,
#LocallyProductLocator.-enable-cta .search-results-menu #lcly-button-buy .icon,
.search-results-menu .filter-product .clear-input .icon,
.filter-product .search-results-menu .clear-input .icon {
	font-size: 2.4rem;
	margin-left: 19px
}

.search-results-menu button:hover,
.search-results-menu input:focus+button {
	opacity: 1
}

.search-results-menu .menu {
	display: flex;
	align-items: center;
	font-size: 13px;
	margin-bottom: 0;
	padding: 0 0 20px 34px
}

@media all and (max-width: 767px) {
	.search-results-menu .menu {
		margin-left: -34px;
		overflow-x: scroll;
		white-space: nowrap
	}
}

@media all and (min-width: 768px) {
	.search-results-menu .menu {
		border: none;
		padding: 0
	}
}

.search-results-menu .item {
	padding: 0 24px 0 0
}

@media all and (min-width: 1200px) {
	.search-results-menu .item {
		padding-right: 46px
	}
}

@media all and (max-width: 767px) {
	.search-results-menu .item:last-of-type a {
		margin-right: 9px
	}
}

.search-results-menu .item a {
	color: #000;
	display: inline-block;
	font-size: 1rem;
	text-decoration: none
}

@media all and (min-width: 768px) {
	.search-results-menu .item a {
		padding: 20px 0 20px
	}
}

@media all and (min-width: 1200px) {
	.search-results-menu .item a {
		font-size: 1.2rem;
		padding: 29px 0
	}
}

.search-results-menu .item a:hover,
.search-results-menu .item a.active {
	color: #008a02
}

.search-results-menu .item .text {
	display: inline-block;
	margin-right: -4px
}

@media all and (min-width: 960px) {
	.search-results-menu .item .text {
		margin-right: 10px
	}
}

@media all and (min-width: 1200px) {
	.search-results-menu .item .text {
		margin-right: 14px
	}
}

.search-results-products {
	display: flex;
	flex-direction: column
}

.search-results-products .search-results-products-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 15px
}

.search-results-products .button,
.search-results-products #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .search-results-products #lcly-button-buy,
.search-results-products .filter-product .clear-input,
.filter-product .search-results-products .clear-input {
	display: flex;
	margin: 60px auto 80px
}

@media all and (max-width: 767px) {

	.search-results-products .button,
	.search-results-products #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .search-results-products #lcly-button-buy,
	.search-results-products .filter-product .clear-input,
	.filter-product .search-results-products .clear-input {
		margin: 85px 0 53px -15px;
		width: calc(100% + 30px)
	}
}

.search-results .section-title {
	font-size: 2.4rem;
	font-weight: 300;
	margin: 0 0 5px
}

@media all and (min-width: 768px) {
	.search-results .section-title {
		font-size: 3.4rem;
		margin-bottom: 12px
	}
}

@media all and (min-width: 1200px) {
	.search-results .section-title {
		font-size: 4rem;
		margin-bottom: 21px
	}
}

.search-results.help-results .search-results-menu-wrapper {
	margin: 0
}

.CoveoResultList .blog-card {
	background: rgba(0, 0, 0, 0);
	padding: 0 0 28px
}

@media all and (min-width: 768px) {
	.CoveoResultList .blog-card {
		padding: 0
	}
}

.CoveoResultList .blog-card:hover {
	color: #222
}

.CoveoResultList .blog-card:hover .title {
	text-decoration-color: blackt
}

.CoveoResultList .blog-card .content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 10px
}

.CoveoResultList .blog-card time {
	font-size: 1rem;
	line-height: 1.6
}

@media all and (min-width: 768px) {
	.CoveoResultList .blog-card time {
		font-size: 1.3rem;
		line-height: 1.2307692308
	}
}

.CoveoResultList .blog-card .text {
	order: 2;
	padding: 0 27px
}

@media all and (min-width: 768px) {
	.CoveoResultList .blog-card .text {
		padding: 0
	}
}

.CoveoResultList .blog-card time {
	display: block;
	margin: 0 0 11px
}

@media all and (min-width: 768px) {
	.CoveoResultList .blog-card time {
		margin-bottom: 13px
	}
}

.CoveoResultList .blog-card .title {
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1.4166666667;
	margin: 0 0 8px
}

@media all and (min-width: 768px) {
	.CoveoResultList .blog-card .title {
		font-size: 3rem;
		line-height: 1.25;
		margin-bottom: 9px
	}
}

@media all and (min-width: 1200px) {
	.CoveoResultList .blog-card .title {
		font-size: 4rem
	}
}

@media all and (max-width: 767px) {
	.CoveoResultList .blog-card .description {
		font-size: 1.2rem;
		line-height: 1.3333333333
	}
}

.CoveoResultList .blog-card .image {
	order: 1
}

.CoveoResultList .blog-card img {
	display: block;
	margin: 0 0 25px;
	max-width: none;
	width: 100%
}

@media all and (min-width: 768px) {
	.CoveoResultList .blog-card img {
		margin: 0 0 35px
	}
}

.CoveoResultList .blog-card .image {
	display: block
}

.account-order {
	width: auto;
	border-bottom: 1px solid gray;
	padding: 21px 0 0;
	position: relative;
	color: #000
}

@media all and (max-width: 959px) {
	.account-order {
		margin-right: 0
	}
}

.account-order:first-child {
	padding-top: 0
}

.account-order__items {
	width: 45%
}

@media(max-width: 959px) {
	.account-order__items {
		width: 100%
	}
}

.account-order .order-details .flex-row {
	padding: 16px 0;
	align-items: flex-start;
	justify-content: space-between
}

@media(max-width: 959px) {
	.account-order .order-details .flex-row {
		flex-wrap: wrap
	}
}

.account-order .order-details .order-rec {
	align-self: flex-start
}

.account-order .account-detail__shipping-summary__address {
	margin: 16px 0
}

.account-order .account-detail__shipping-summary__address p {
	margin: 0
}

.account-order>h2 {
	font-weight: normal;
	margin-bottom: 10px
}

@media all and (max-width: 959px) {
	.account-order>h2 {
		margin-bottom: 0
	}
}

.account-order .account-order__group-headline {
	margin-bottom: 16px
}

.account-order .account-order__group-headline .Cart-section-header {
	color: #000;
	text-align: left;
	padding: 20px 16px;
	margin: 0
}

.account-order .Cart-item {
	align-items: start;
	padding: 0;
	padding-bottom: 16px;
	flex-wrap: nowrap;
	padding-top: 16px
}

.account-order .Cart-item:first-child {
	padding-top: 0
}

@media(max-width: 959px) {
	.account-order .Cart-item {
		display: flex
	}
}

.account-order .Cart-item-details {
	flex: unset;
	padding-top: 0;
	display: block;
	text-align: left;
	position: relative;
	width: 100%
}

.account-order .Cart-item-details-title {
	margin-bottom: 0 !important;
	font-weight: 700
}

.account-order .Cart-item-details-subtitle {
	margin-top: 8px
}

@media(max-width: 959px) {
	.account-order .Cart-item-details {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		margin-left: 16px;
		max-width: 212px
	}
}

.account-order .Cart-item-img {
	width: 100%
}

.account-order .Cart-item-img__outer {
	margin-top: 5px;
	margin-right: 24px;
	width: 105px;
	flex-shrink: 0;
	position: relative
}

.account-order .Cart-item-img__outer .item-status {
	margin-top: 16px
}

@media all and (max-width: 767px) {
	.account-order .Cart-item-img__outer {
		margin: 0 0 4px;
		width: 105px
	}

	.account-order .Cart-item-img__outer .item-status {
		top: 12px;
		left: 12px
	}
}

.account-order .Cart-item-size_and_color {
	padding: 0;
	margin: 0;
	margin-bottom: 24px
}

.account-order .Cart-item__qty-price {
	display: flex;
	justify-content: space-between
}

.account-order .Cart-item__qty-price .order-label {
	padding: 7px 8px
}

.account-order .Cart-item-price {
	padding-top: 6px;
	margin-top: 0;
	margin-bottom: 0
}

.account-order .order-reminder {
	color: #707070
}

.account-order .order-headline .h4 {
	margin-bottom: 8px
}

@media(max-width: 959px) {
	.account-order .order-headline {
		margin-bottom: 8px;
		width: 100%
	}
}

p.order-date {
	margin: 0;
	font-size: 1.35rem
}

@media all and (max-width: 959px) {
	p.order-date {
		font-size: 1.1rem;
		margin-bottom: 20px
	}
}

.order-preview {
	display: flex;
	flex-wrap: wrap
}

.order-preview .order-label {
	color: #000
}

.order-preview .item-status__msg {
	margin-left: 10px
}

.order-statuses {
	margin-left: auto
}

@media all and (max-width: 959px) {
	.order-statuses {
		margin-left: 0
	}
}

.item-status {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
	color: #000
}

.item-status[data-status=Cancelled],
.item-status[data-status=Canceled] {
	color: gray
}

.item-status__msg {
	display: block;
	line-height: 1
}

@media(max-width: 959px) {
	.item-status__msg {
		margin: unset
	}
}

.item-status__img {
	width: 40px;
	font-size: 0;
	background-color: #f7f5f5;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 78%
}

@media(min-width: 960px) {
	.item-status__img {
		margin-left: 10px
	}
}

.item-status__img::before {
	content: "";
	display: block;
	width: 100%;
	padding-bottom: 100%
}

.item-status__img+.item-status__img {
	margin-left: 8px
}

.item-status-preview {
	justify-content: flex-end
}

.item-status-preview+.item-status-preview {
	margin-top: 8px
}

@media all and (max-width: 959px) {
	.item-status-preview {
		flex-direction: row-reverse
	}

	.item-status-preview .item-status__img+.item-status__img {
		margin-right: 8px;
		margin-left: 0
	}
}

.order-toggle-details {
	margin: 48px 0 5px;
	width: 100%;
	flex-shrink: 0;
	cursor: pointer;
	-webkit-user-select: none
}

.order-toggle-details::after {
	content: "瞍?;
	display: inline-block;
	font-family: "ALVAS-icon-font" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	position: relative;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 10px;
	position: relative;
	top: 1px;
	font-size: 1.2rem
}

@media all and (max-width: 959px) {
	.order-toggle-details {
		margin-top: 27px;
		margin-bottom: 1px;
		font-size: 1.4rem
	}
}

.details-visible .order-toggle-details::after {
	transform: rotate(180deg)
}

.order-details {
	height: 0;
	transition: margin 500ms cubic-bezier(0, 0.7, 0.3, 1)
}

.order-details>div {
	transform: translateY(-100%);
	opacity: 0;
	transition: none
}

.details-visible .order-details {
	height: auto;
	padding-bottom: 22px;
	padding-top: 22px;
	margin-bottom: 0
}

.details-visible .order-details>div {
	transform: translateY(0);
	opacity: 1;
	transition: all 500ms cubic-bezier(0, 0.7, 0.3, 1)
}

p.order-label {
	line-height: 18px;
	font-weight: 400;
	margin: 0 0 8px;
	text-transform: uppercase;
	width: auto;
	justify-content: unset;
	color: #707070
}

p.order-label>span {
	text-transform: none;
	color: #000;
	padding-left: 10px
}

.order-details {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 0 0 22px;
	overflow: hidden
}

.order-details__row .order-label {
	margin-bottom: 5px
}

.order-details__row .Cart-item-quantity {
	font-size: 12px;
	line-height: 18px
}

.order-details__row+.order-details__row {
	margin-top: 40px
}

.order-details__row-tracking {
	margin: 8px auto 0 22px;
	width: 100%;
	max-width: 175px
}

.order-details__row-tracking p {
	margin: 4px 0 0;
	padding: 0;
	font-size: 1.2rem;
	text-align: left
}

.order-details__row-tracking-link {
	font-weight: 600;
	text-decoration: underline
}

@media all and (max-width: 959px) {
	.order-details__row+.order-details__row {
		padding-top: 20px;
		margin-top: 0
	}

	.order-details__row-tracking {
		margin: 0 0 25px;
		max-width: none
	}
}

.order-details .flex-row+.flex-row {
	margin-top: 90px
}

@media all and (max-width: 959px) {
	.order-details .flex-row+.flex-row:not(.order-summary__outer) {
		border-top: 3px solid #000;
		margin-top: 5px
	}
}

.order-details .order-item-group {
	float: left;
	width: 55%;
	clear: left;
	padding-right: 20px
}

.order-details .order-rec,
.order-details .order-summary {
	text-align: left;
	padding: 0 20px 0 0;
	flex-shrink: 1;
	margin-left: 16px
}

@media all and (max-width: 959px) {

	.order-details .order-rec,
	.order-details .order-summary {
		padding-right: 0;
		width: calc(100% - 16px)
	}
}

.order-details .order-rec {
	max-width: 462px
}

@media(min-width: 960px) {
	.order-details .order-rec {
		margin-left: 24px;
		width: 45%
	}
}

@media all and (min-width: 960px) {
	.order-details .order-rec.align-details {
		padding-top: 38px
	}
}

@media all and (max-width: 959px) {
	.order-details .order-rec {
		margin: 22px 0 18px 145px;
		width: calc(100% - 145px)
	}
}

@media(max-width: 767px) {
	.order-details .order-rec {
		margin-left: 121px;
		width: calc(100% - 121px)
	}
}

@media all and (max-width: 959px) {
	.order-details .order-rec>p {
		margin-bottom: 21px
	}

	.order-details .order-rec>p:last-child {
		margin-bottom: 0
	}
}

@media all and (min-width: 769px) {
	.order-details .order-rec.align-details {
		padding-top: 37px
	}
}

.order-details .order-rec>h2 {
	font-weight: 400;
	margin-bottom: 29px
}

@media all and (max-width: 959px) {
	.order-details .order-rec>h2 {
		margin-bottom: 14px
	}
}

.order-details .order-rec>.order-name {
	margin-bottom: 0
}

.order-details .order-rec>.order-reminder {
	font-size: 1.4rem;
	color: gray
}

@media(min-width: 960px) {
	.order-details .order-summary {
		max-width: 45%
	}
}

.order-details .order-summary__row {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between
}

.order-details .order-summary__row__k {
	color: #707070;
	padding-right: 24px
}

@media all and (max-width: 959px) {
	.order-details .order-summary__outer {
		margin-top: 16px;
		margin-bottom: 32px
	}
}

.order-details .order-summary>h2 {
	font-weight: 400;
	margin-bottom: 29px
}

@media all and (max-width: 959px) {
	.order-details .order-summary>h2 {
		margin-bottom: 14px
	}
}

.order-details .order-summary>p {
	position: relative;
	margin-bottom: 2rem;
	color: gray
}

@media all and (max-width: 959px) {
	.order-details .order-summary>p {
		margin-bottom: .75rem
	}
}

.order-details .order-summary>p.return-info {
	color: #000
}

.order-details .order-summary>p.total-refund {
	border-top: 1px solid gray;
	padding-top: 15px;
	margin-top: -6px
}

.order-details .order-summary>p.total-refund>span {
	padding-top: 15px
}

.order-details .order-summary>p>span {
	display: block;
	position: absolute;
	color: #000;
	top: -0.05em;
	right: 0
}

.order-details .order-summary a.button.secondary,
.order-details .order-summary #LocallyProductLocator.-enable-cta a.secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .order-details .order-summary a.secondary#lcly-button-buy,
.order-details .order-summary .filter-product a.secondary.clear-input,
.filter-product .order-details .order-summary a.secondary.clear-input {
	line-height: 40px;
	margin-top: 16px
}

.order-details .order-summary .payment-affirm {
	border-top: 1px solid gray;
	padding-top: 20px
}

.order-details .order-summary .payment-affirm>p {
	margin-bottom: 0
}

@media(max-width: 767px) {

	#ProfileSettingsNav .expandable-item__trigger-text,
	#ProfileSettingsNav .expandable-item__content a {
		font-size: 14px !important;
		line-height: 21px !important
	}

	#ProfileSettingsNav .account-side-nav {
		padding: 20px 0 !important
	}

	#ProfileSettingsNav .account-side-nav li {
		padding: 12px 0 !important
	}
}

.account-heading {
	width: 100%;
	position: relative;
	padding: 61px 0 74px
}

@media all and (max-width: 767px) {
	.account-heading {
		padding: 34px 0 5px
	}
}

@media all and (min-width: 768px) {
	.account-heading {
		display: flex;
		align-items: flex-start
	}
}

.account-heading .headline {
	margin: 0 77px 7px 0;
	display: block
}

@media all and (max-width: 767px) {
	.account-heading .headline {
		margin-bottom: 0
	}
}

.account-heading .title {
	font-weight: 300
}

.account-heading .customer-name {
	min-width: 30%
}

.account-heading .sub-headline {
	font-size: 2.4rem
}

.account-heading .warning-msg {
	position: static;
	display: flex;
	align-items: center;
	margin-top: 32px;
	color: #f56723
}

@media all and (max-width: 767px) {
	.account-heading .warning-msg {
		margin-bottom: 32px
	}
}

.account-heading .warning-msg .icon {
	position: static;
	margin-right: 8px;
	font-size: 1.6rem
}

.account-garage-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 60px 0
}

@media all and (max-width: 767px) {
	.account-garage-heading {
		padding: 100px 0 70px;
		display: block
	}
}

.account-garage-heading .title {
	font-family: "favorit", Helvetica, sans-serif;
	margin-top: 24px;
	text-transform: inherit
}

.account-garage-heading .button.small,
.account-garage-heading #LocallyProductLocator.-enable-cta .small#lcly-button-buy,
#LocallyProductLocator.-enable-cta .account-garage-heading .small#lcly-button-buy,
.account-garage-heading .filter-product .small.clear-input,
.filter-product .account-garage-heading .small.clear-input {
	margin: 0
}

@media all and (max-width: 767px) {

	.account-garage-heading .button.small,
	.account-garage-heading #LocallyProductLocator.-enable-cta .small#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .account-garage-heading .small#lcly-button-buy,
	.account-garage-heading .filter-product .small.clear-input,
	.filter-product .account-garage-heading .small.clear-input {
		display: flex;
		height: 52px;
		margin-top: 50px;
		width: 100%
	}
}

@media all and (max-width: 767px) {
	.column {
		margin-top: 40px
	}
}

@media all and (min-width: 768px) {
	.column:first-child {
		margin-top: 0
	}
}

@media all and (max-width: 767px) {
	.sign-in .left-column {
		padding-top: 0
	}
}

.password-success-msg {
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	margin-top: 26px
}

.password-success-msg .icon {
	color: #008a02;
	font-size: 2.4rem;
	margin-right: 8px
}

.account-page {
	display: flex;
	flex-wrap: wrap;
	padding: 0 70px 100px;
	position: relative
}

@media all and (max-width: 959px) {
	.account-page {
		padding: 0 35px 50px;
		min-height: 75vh;
		flex-direction: column
	}
}

@media all and (max-width: 767px) {
	.account-page {
		padding: 64px 20px 50px
	}
}

.account-page__lower {
	position: static
}

.account-page__lower,
.account-page .row {
	display: flex;
	flex-direction: row;
	width: 100%
}

.account-page .row {
	align-items: flex-start
}

@media all and (max-width: 959px) {
	.account-page .row {
		display: block
	}
}

.account-page .info {
	margin-bottom: 36px
}

@media all and (max-width: 959px) {
	.account-page .info {
		margin-bottom: 12px
	}
}

.account-page .title {
	font-size: 1.3rem;
	letter-spacing: 1px;
	margin-bottom: 25px;
	line-height: 1.5;
	width: calc(100% - 30px);
	max-width: 120px
}

.account-page .form input,
.account-page .form select {
	margin: 0
}

.account-page .button,
.account-page #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .account-page #lcly-button-buy,
.account-page .filter-product .clear-input,
.filter-product .account-page .clear-input {
	margin: 50px 0 20px;
	min-width: 0;
	max-width: 100%;
	width: 307px
}

.account-page .button.secondary,
.account-page #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta .account-page .secondary#lcly-button-buy,
.account-page .filter-product .secondary.clear-input,
.filter-product .account-page .secondary.clear-input {
	height: 40px;
	margin-top: 24px
}

@media all and (max-width: 959px) {

	.account-page .button.secondary,
	.account-page #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .account-page .secondary#lcly-button-buy,
	.account-page .filter-product .secondary.clear-input,
	.filter-product .account-page .secondary.clear-input {
		margin: 10px auto 0 auto;
		display: block
	}
}

.account-detail__item {
	border: 1px solid #000;
	padding: 20px;
	width: 100%;
	max-width: 420px;
	position: relative;
	box-sizing: border-box
}

@media all and (min-width: 960px) {
	.account-detail__item {
		max-width: 420px
	}
}

.account-detail__item+.account-detail__item {
	margin-top: 25px
}

@media all and (min-width: 960px) {
	.account-detail__item+.account-detail__item {
		margin: 0 0 0 35px
	}
}

.account-detail__item .button,
.account-detail__item #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .account-detail__item #lcly-button-buy,
.account-detail__item .filter-product .clear-input,
.filter-product .account-detail__item .clear-input {
	min-width: 0;
	width: 100%
}

@media all and (min-width: 960px) {
	.account-detail__actions {
		margin-top: 120px
	}
}

.account-detail__edit {
	font-family: "Space Mono", monospace;
	letter-spacing: 2px;
	font-size: 1rem;
	position: absolute;
	top: 20px;
	right: 20px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer
}

.account-detail__edit::before {
	content: "瞍?;
	text-align: center;
	font-size: 1.8rem;
	display: block
}

.account-detail__edit.swapped-text::before {
	content: "瞍?
}

#ProfileSettingsNav {
	display: flex;
	flex-direction: column;
	width: 24%
}

@media(min-width: 1201px)and (max-width: 1350px) {
	#ProfileSettingsNav {
		width: 300px
	}
}

@media(min-width: 768px)and (max-width: 1200px) {
	#ProfileSettingsNav {
		width: 200px
	}
}

#ProfileSettingsNav ul {
	padding: 16px 0 0 0
}

#ProfileSettingsNav li {
	font-size: 1.6rem;
	font-weight: 600;
	margin: 0
}

#ProfileSettingsNav li::before {
	content: none
}

#ProfileSettingsNav li+li {
	margin-top: 20px
}

#ProfileSettingsNav a {
	text-decoration: none
}

@media all and (max-width: 767px) {
	#ProfileSettingsNav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%
	}

	#ProfileSettingsNav ul {
		padding: 17px 0
	}

	#ProfileSettingsNav li {
		width: 100%;
		display: block;
		text-align: center
	}

	#ProfileSettingsNav span,
	#ProfileSettingsNav li {
		font-family: "Space Mono", monospace;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 1rem
	}

	#ProfileSettingsNav .account-side-nav li {
		padding: 14px 0
	}

	#ProfileSettingsNav .account-side-nav li+li {
		margin-top: 0
	}
}

.account-detail {
	width: 76%
}

@media(min-width: 1201px)and (max-width: 1350px) {
	.account-detail {
		width: calc(100% - 300px)
	}
}

@media(min-width: 768px)and (max-width: 1200px) {
	.account-detail {
		width: calc(100% - 200px)
	}
}

@media all and (max-width: 767px) {
	.account-detail {
		order: 3;
		width: 100%;
		display: block
	}
}

.edit-password,
.edit-info {
	font-size: 1.4rem;
	margin-bottom: 12px;
	display: block
}

@media all and (max-width: 959px) {

	.edit-password,
	.edit-info {
		margin-bottom: 0
	}
}

.account-email-preference {
	margin-right: 0
}

.account-email-preference .form {
	padding-bottom: 36px
}

@media all and (max-width: 959px) {
	.account-email-preference .form {
		padding-bottom: 12px
	}
}

.account-email-preference [type=checkbox]:not(:checked)+label:after,
.account-email-preference [type=checkbox]:checked+label:after {
	border: 1px solid #008a02
}

.account-social-signin .email {
	display: inline-block;
	margin-top: auto;
	font-weight: 800;
	margin-bottom: 36px;
	text-decoration: none
}

@media all and (max-width: 959px) {
	.account-social-signin .email {
		margin-bottom: 12px
	}
}

.delete-account-btn-container {
	display: flex;
	flex-basis: 100%;
	align-items: center
}

@media all and (max-width: 959px) {
	.delete-account-btn-container {
		order: 4;
		flex-direction: column
	}
}

.delete-account-btn-container .text {
	color: #d70a0a;
	font-size: 1.4rem;
	margin-right: 60px
}

@media all and (max-width: 959px) {
	.delete-account-btn-container .text {
		margin-right: 0;
		margin-bottom: 10px
	}
}

.delete-account-btn-container .button,
.delete-account-btn-container #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .delete-account-btn-container #lcly-button-buy,
.delete-account-btn-container .filter-product .clear-input,
.filter-product .delete-account-btn-container .clear-input {
	width: auto;
	height: 40px;
	margin-right: 16px
}

@media all and (max-width: 959px) {

	.delete-account-btn-container .button,
	.delete-account-btn-container #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .delete-account-btn-container #lcly-button-buy,
	.delete-account-btn-container .filter-product .clear-input,
	.filter-product .delete-account-btn-container .clear-input {
		margin-right: 0
	}
}

.delete-account-btn-container .delete-permanently:hover {
	color: #d70a0a;
	border-color: #d70a0a
}

.account-deleted {
	height: 88vh;
	font-size: 2.4rem;
	font-weight: 400;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-align: center
}

@media all and (max-width: 959px) {
	.account-deleted {
		font-size: 1.4rem
	}
}

.account-deleted strong {
	font-size: 6rem;
	font-weight: 600
}

@media all and (max-width: 959px) {
	.account-deleted strong {
		font-size: 4rem;
		margin-bottom: 20px
	}
}

.account-garage-item,
.account-wishlist-item {
	border-bottom: 1px solid #d9d9d9;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
	position: relative
}

@media all and (max-width: 959px) {

	.account-garage-item,
	.account-wishlist-item {
		display: block;
		border-bottom: 0
	}
}

@media all and (max-width: 959px) {

	.account-garage-item .buttons,
	.account-wishlist-item .buttons {
		margin-top: 24px
	}
}

.account-garage-item .button,
.account-garage-item #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .account-garage-item #lcly-button-buy,
.account-garage-item .filter-product .clear-input,
.filter-product .account-garage-item .clear-input,
.account-wishlist-item .button,
.account-wishlist-item #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .account-wishlist-item #lcly-button-buy,
.account-wishlist-item .filter-product .clear-input,
.filter-product .account-wishlist-item .clear-input {
	margin: 0
}

.account-garage-item .button.small,
.account-garage-item #LocallyProductLocator.-enable-cta .small#lcly-button-buy,
#LocallyProductLocator.-enable-cta .account-garage-item .small#lcly-button-buy,
.account-garage-item .filter-product .small.clear-input,
.filter-product .account-garage-item .small.clear-input,
.account-wishlist-item .button.small,
.account-wishlist-item #LocallyProductLocator.-enable-cta .small#lcly-button-buy,
#LocallyProductLocator.-enable-cta .account-wishlist-item .small#lcly-button-buy,
.account-wishlist-item .filter-product .small.clear-input,
.filter-product .account-wishlist-item .small.clear-input {
	margin-top: 0;
	min-width: 178px
}

@media all and (max-width: 959px) {

	.account-garage-item .button.small,
	.account-garage-item #LocallyProductLocator.-enable-cta .small#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .account-garage-item .small#lcly-button-buy,
	.account-garage-item .filter-product .small.clear-input,
	.filter-product .account-garage-item .small.clear-input,
	.account-wishlist-item .button.small,
	.account-wishlist-item #LocallyProductLocator.-enable-cta .small#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .account-wishlist-item .small#lcly-button-buy,
	.account-wishlist-item .filter-product .small.clear-input,
	.filter-product .account-wishlist-item .small.clear-input {
		width: 100%;
		margin-bottom: 0;
		height: 40px
	}
}

.account-garage-item .trigger,
.account-wishlist-item .trigger {
	width: 200px
}

.account-garage-item .dropdown.inline,
.account-wishlist-item .dropdown.inline {
	left: -21px;
	top: 21px
}

.account-garage-item .warning-msg,
.account-wishlist-item .warning-msg {
	color: #f56723;
	display: flex;
	align-items: center;
	position: absolute;
	top: -16px;
	width: 100%
}

@media all and (max-width: 959px) {

	.account-garage-item .warning-msg,
	.account-wishlist-item .warning-msg {
		position: static;
		margin-bottom: 15px;
		font-size: 1.2rem
	}
}

.account-garage-item .warning-msg a,
.account-wishlist-item .warning-msg a {
	color: #f56723;
	margin: 0 3px
}

@media all and (max-width: 959px) {

	.account-garage-item .warning-msg a,
	.account-wishlist-item .warning-msg a {
		display: none
	}
}

.account-garage-item .warning-msg .icon,
.account-wishlist-item .warning-msg .icon {
	font-size: 2.4rem;
	margin-right: 8px
}

.account-garage-item .registered-product,
.account-wishlist-item .registered-product {
	position: relative
}

.account-garage-item .registered-product .price,
.account-wishlist-item .registered-product .price {
	position: absolute;
	bottom: 0
}

.account-garage-item .button,
.account-garage-item #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .account-garage-item #lcly-button-buy,
.account-garage-item .filter-product .clear-input,
.filter-product .account-garage-item .clear-input,
.account-wishlist-item .button,
.account-wishlist-item #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .account-wishlist-item #lcly-button-buy,
.account-wishlist-item .filter-product .clear-input,
.filter-product .account-wishlist-item .clear-input {
	width: 178px;
	margin-right: 24px
}

.account-garage-heading {
	justify-content: space-between
}

.account-wishlist-heading,
.account-garage-heading {
	display: flex;
	align-items: center
}

@media all and (max-width: 767px) {

	.account-wishlist-heading,
	.account-garage-heading {
		display: block
	}
}

@media all and (max-width: 767px) {

	.account-wishlist-heading .headline,
	.account-garage-heading .headline {
		margin-bottom: 24px
	}
}

.account-wishlist-heading .title,
.account-garage-heading .title {
	display: inline;
	font-family: "favorit", Helvetica, sans-serif;
	text-transform: inherit;
	font-size: 2.4rem;
	font-weight: 300;
	margin: 0
}

@media all and (max-width: 959px) {

	.account-wishlist-heading .title,
	.account-garage-heading .title {
		font-size: 1.4rem
	}
}

@media all and (max-width: 767px) {

	.account-wishlist-heading .button.small,
	.account-wishlist-heading #LocallyProductLocator.-enable-cta .small#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .account-wishlist-heading .small#lcly-button-buy,
	.account-wishlist-heading .filter-product .small.clear-input,
	.filter-product .account-wishlist-heading .small.clear-input,
	.account-garage-heading .button.small,
	.account-garage-heading #LocallyProductLocator.-enable-cta .small#lcly-button-buy,
	#LocallyProductLocator.-enable-cta .account-garage-heading .small#lcly-button-buy,
	.account-garage-heading .filter-product .small.clear-input,
	.filter-product .account-garage-heading .small.clear-input {
		margin-top: 24px
	}
}

.no-decoration {
	text-transform: capitalize;
	font-size: 1.4rem
}

@media all and (max-width: 959px) {
	.no-decoration {
		font-size: 1rem;
		border: 1px solid #000;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 10px auto 0 auto;
		padding: 6px 32px;
		text-decoration: none;
		text-transform: uppercase;
		max-width: 100%;
		width: 100%
	}
}

@media all and (min-width: 960px) {
	.no-decoration {
		font-family: "favorit", Helvetica, sans-serif
	}
}

.no-decoration:hover {
	border-color: #008a02
}

#SettingsChangePassword .modalOuter {
	max-width: 384px
}

#SettingsChangePassword .modalInner {
	padding: 40px
}

#SettingsChangePassword .title {
	font-size: 1.3rem;
	letter-spacing: 1px;
	width: 100%;
	max-width: 100%
}

#SettingsChangePassword .button,
#SettingsChangePassword #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta #SettingsChangePassword #lcly-button-buy,
#SettingsChangePassword .filter-product .clear-input,
.filter-product #SettingsChangePassword .clear-input {
	width: 100%;
	margin-top: 20px
}

#SettingsChangePassword .passwordRules {
	display: block !important
}

@media all and (max-width: 767px) {
	#SettingsChangePassword .modalOuter {
		max-width: none
	}

	#SettingsChangePassword .modalInner {
		padding: 20px
	}
}

#guestRegistrationForm .button.secondary,
#guestRegistrationForm #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy,
#LocallyProductLocator.-enable-cta #guestRegistrationForm .secondary#lcly-button-buy,
#guestRegistrationForm .filter-product .secondary.clear-input,
.filter-product #guestRegistrationForm .secondary.clear-input {
	color: #fff;
	border-color: #fff
}

#guestRegistrationForm .button.secondary:hover,
#guestRegistrationForm #LocallyProductLocator.-enable-cta .secondary#lcly-button-buy:hover,
#LocallyProductLocator.-enable-cta #guestRegistrationForm .secondary#lcly-button-buy:hover,
#guestRegistrationForm .filter-product .secondary.clear-input:hover,
.filter-product #guestRegistrationForm .secondary.clear-input:hover {
	color: #000;
	background: #fff
}

#ContactUsHeader {
	display: flex;
	padding: 40px 0
}

#ContactUsHeader h1,
#ContactUsHeader div {
	flex: 1
}

@media all and (max-width: 768px) {
	#ContactUsHeader {
		display: block;
		max-width: 600px;
		margin: auto;
		padding-bottom: 40px
	}
}

#ContactUsHeader p {
	font-size: 1.7rem;
	padding-top: 10px;
	margin: 0
}

#ContactUsBody {
	margin: auto;
	width: 100%;
	max-width: 600px;
	padding-bottom: 100px;
	font-size: 1.7rem
}

#ContactUsBody .content-assist {
	padding: 40px 0 60px
}

#ContactUsBody form h1 {
	font-size: 3.6rem
}

#ContactUsBody form+div p {
	line-height: 1.3
}

.error-page {
	max-width: 650px;
	margin: auto
}

.error-page header {
	margin-top: 20px
}

@media all and (max-width: 767px) {
	.error-page header {
		margin-top: 40px
	}
}

.error-page header .error-page-img {
	width: 100%;
	max-width: 550px
}

.error-page header h1 {
	font-size: 2.4rem;
	margin-bottom: 40px;
	text-align: center
}

@media all and (max-width: 767px) {
	.error-page header h1 {
		font-size: 1.4rem
	}
}

.error-page header h1 strong {
	display: block;
	font-size: 6rem;
	margin-bottom: 20px
}

@media all and (max-width: 767px) {
	.error-page header h1 strong {
		font-size: 4rem;
		margin-bottom: 10px
	}
}

.error-page .error-links-container {
	margin: 80px 0 60px;
	text-align: center
}

@media all and (max-width: 767px) {
	.error-page .error-links-container {
		margin: 56px 0 80px
	}
}

.error-page .error-links-container .error-links-headline {
	font-size: 1.3rem;
	font-family: "Space Mono", monospace;
	text-transform: uppercase;
	letter-spacing: .2em
}

@media all and (max-width: 767px) {
	.error-page .error-links-container .error-links-headline {
		font-size: 1rem;
		max-width: 240px;
		margin: auto
	}
}

.error-page .error-links-container ul {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	list-style-type: none;
	font-size: 1.6rem
}

@media all and (max-width: 767px) {
	.error-page .error-links-container ul {
		flex-direction: column;
		font-size: 1.4rem;
		margin-top: 20px
	}
}

.error-page .error-links-container ul li {
	margin-bottom: 12px
}

.error-page .error-links-container ul a {
	margin: 0 22px;
	text-decoration: none;
	font-weight: 600
}

@media all and (max-width: 767px) {
	.error-page .error-links-container ul a {
		margin: 11px 0
	}
}

#order-confirmation {
	max-width: 832px;
	margin-top: 40px;
	font-size: 1.6rem
}

@media all and (max-width: 767px) {
	#order-confirmation {
		max-width: 335px
	}
}

#order-confirmation .oc-row {
	margin-bottom: 40px;
	color: #000
}

#order-confirmation .oc-row>div+* {
	padding-left: 0;
	padding-top: 24px
}

@media all and (min-width: 768px) {
	#order-confirmation .oc-row {
		display: flex
	}

	#order-confirmation .oc-row>div {
		min-width: 50%;
		padding-right: 15px
	}

	#order-confirmation .oc-row>div+* {
		padding: 0 15px
	}
}

#order-confirmation h1 {
	font-size: 4rem;
	line-height: 1.1;
	margin-bottom: 24px
}

@media all and (max-width: 767px) {
	#order-confirmation h1 {
		margin-bottom: 18px
	}
}

#order-confirmation h3 {
	font-size: 2.4rem;
	line-height: 1.272727;
	font-weight: 700;
	margin: 0 0 16px
}

#order-confirmation .oc-heading-icon {
	display: flex;
	align-items: center
}

#order-confirmation .oc-heading-icon:before {
	content: "聽";
	background-size: cover;
	margin: 0 8px 0 0;
	width: 24px;
	height: 24px;
	display: block
}

#order-confirmation #oc-c2c-heading:before {
	background-image: url(../images/retail.svg)
}

#order-confirmation #oc-d2c-heading:before {
	background-image: url(../images/return.svg)
}

#order-confirmation p {
	font-size: inherit;
	margin: 0 0 16px;
	line-height: 1.5
}

#order-confirmation p:last-child {
	margin-bottom: 0
}

@media all and (max-width: 767px) {

	#order-confirmation .button,
	#order-confirmation #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta #order-confirmation #lcly-button-buy,
	#order-confirmation .filter-product .clear-input,
	.filter-product #order-confirmation .clear-input {
		width: 100%
	}
}

#order-confirmation #oc-date {
	margin: 0 0 8px
}

#order-confirmation #oc-details a.print-hide {
	display: block;
	margin-top: -4px;
	padding-bottom: 6px;
	font-size: 1.4rem
}

#order-confirmation #oc-details .icon {
	position: relative;
	top: 6px;
	display: inline-block;
	margin-right: 8px;
	font-size: 2.4rem
}

#order-confirmation #oc-details .button,
#order-confirmation #oc-details #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta #order-confirmation #oc-details #lcly-button-buy,
#order-confirmation #oc-details .filter-product .clear-input,
.filter-product #order-confirmation #oc-details .clear-input {
	margin-top: 8px
}

#order-confirmation #oc-c2c-address {
	margin-bottom: 6px
}

#order-confirmation #oc-c2c-distance {
	font-size: 1.4rem;
	margin-bottom: 8px
}

#order-confirmation .oc-price {
	font-size: 1.6rem
}

#order-confirmation #oc-affirm img {
	width: 64px;
	margin: 0 0 16px 0
}

#order-confirmation #oc-totals {
	list-style-type: none;
	width: 100%;
	color: #000
}

#order-confirmation #oc-totals li {
	display: flex;
	margin-bottom: 20px;
	justify-content: space-between
}

#order-confirmation #oc-totals li::before {
	display: none
}

#order-confirmation #oc-totals li:last-child {
	margin-top: -4px;
	padding-top: 18px;
	border-top: 1px solid #000
}

#order-confirmation .Cart-item {
	font-size: 1.4rem;
	border-bottom: 0;
	padding: 30px 0 0
}

#order-confirmation .Cart-item:first-child {
	padding-top: 0
}

#order-confirmation .Cart-item p {
	margin: 0
}

#order-confirmation .Cart-item .flex-row {
	margin-top: 12px;
	align-items: center !important
}

#order-confirmation .Cart-item-details {
	flex: 1 0 calc(100% - 190px)
}

@media(max-width: 1018px) {
	#order-confirmation .Cart-item-details {
		flex: 1 0 calc(67.1669793621% - 16px)
	}
}

@media(max-width: 767px) {
	#order-confirmation .Cart-item-details {
		flex: 1 0 calc(80.8955223881% - 16px)
	}
}

@media(max-width: 394px) {
	#order-confirmation .Cart-item-details {
		flex: 1 0 calc(100% - 80px)
	}
}

#order-confirmation .Cart-item-details h3 {
	font-size: 1.6rem;
	font-weight: 400;
	margin-bottom: 6px !important
}

#order-confirmation .Cart-item-details h3 span {
	font-size: 14px;
	margin-top: 6px
}

#order-confirmation .Cart-item-img {
	position: relative;
	max-width: 64px
}

#order-confirmation .Cart-item-img img {
	position: absolute;
	width: 74%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media screen and (max-width: 600px) {
	#order-confirmation .Cart-item-img {
		width: 100%;
		height: auto
	}

	#order-confirmation .Cart-item-img::before {
		content: "";
		display: block;
		width: 100%;
		padding-bottom: 100%
	}
}

#OrderConfirmationServices {
	background: #000;
	margin-top: 50px;
	padding-top: 1px;
	padding-bottom: 0
}

@media all and (min-width: 960px) {
	#OrderConfirmationServices {
		margin-top: 87px;
		padding-top: 11px;
		padding-bottom: 0
	}
}

#OrderConfirmationServices .help-section {
	max-width: 1281px;
	margin: 0 auto;
	padding-bottom: 30px;
	border-bottom: 2px solid #fff
}

#OrderConfirmationServices .help-section__section {
	color: #fff
}

#OrderConfirmationServices .help-section__section h2,
#OrderConfirmationServices .help-section__section p,
#OrderConfirmationServices .help-section__section a {
	color: #fff
}

#OrderConfirmationServices .help-section__coverage-link img {
	filter: invert(1)
}

@media all and (min-width: 960px) {
	#OrderConfirmationServices .help-section {
		display: flex;
		flex-direction: row;
		padding-bottom: 49px;
		border-bottom-width: 1px
	}

	#OrderConfirmationServices .help-section__section {
		margin-top: 0;
		border-top: 0 none;
		padding-left: 5.5793991416%;
		padding-right: 5.5793991416%
	}

	#OrderConfirmationServices .help-section__section:not(:first-child) {
		border-left: 2px solid #fff
	}
}

#ProductGrid {
	max-width: none;
	width: 100%;
	max-width: 2000px;
	margin: 0 auto;
	padding: 0 !important
}

#ProductGrid .filter-and-sort__status-and-sort,
#ProductGrid .filter-and-sort__filters-inner {
	position: sticky
}

#ProductGrid .filter-and-sort__status-and-sort {
	top: 0;
	transition: top 250ms ease
}

@media all and (max-width: 799px) {
	#ProductGrid .filter-and-sort__status-and-sort {
		position: sticky
	}

	#ProductGrid .filter-and-sort__status-and-sort {
		top: 88px
	}

	#ProductGrid .filter-and-sort .filter-and-sort__sort ul {
		right: -37px
	}
}

@media all and (min-width: 800px) {
	#ProductGrid:not(.-filters-hidden) .filter-and-sort__container {
		min-height: 70vh
	}
}

.noscroll .filter-and-sort__search-bar * {
	visibility: hidden
}

.blog-content h2 {
	transition: transform .7s cubic-bezier(0, 0, 0, 1) .5s, opacity .5s linear .5s
}

.blog-content p {
	transition: line-height 1s cubic-bezier(0.215, 0.61, 0.355, 1) .25s, opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1) .25s
}

@media all and (min-width: 960px) {
	.blog-content.is-loading h2 {
		opacity: 0;
		transform: translateY(40px)
	}

	.blog-content.is-loading p {
		line-height: 1.8;
		opacity: 0
	}
}

.quote p {
	opacity: 1;
	transition: line-height .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.quote.is-loading p {
	line-height: 1.7;
	opacity: 0
}

@media all and (min-width: 960px) {
	.blog-header {
		opacity: 0;
		transition: opacity 1s cubic-bezier(0, 0, 0, 1)
	}

	.blog-header header .headline {
		opacity: 0;
		transform: translateY(40px)
	}

	.blog-header .blog-published {
		opacity: 0
	}

	.blog-header .image {
		opacity: 0;
		transform: translateY(40px)
	}
}

@media all and (min-width: 960px)and (min-width: 768px) {
	.blog-header .image {
		transform: translateX(0%) translateY(25%)
	}
}

@media all and (min-width: 960px) {
	.blog-header header .headline {
		opacity: 0;
		transform: translateY(40px)
	}

	.blog-header .blog-published {
		opacity: 0
	}

	.blog-header .image {
		opacity: 0;
		transform: translateY(40px)
	}
}

@media all and (min-width: 960px)and (min-width: 768px) {
	.blog-header .image {
		transform: translateX(0%) translateY(25%)
	}
}

.blog-header.animation-started {
	opacity: 1
}

.blog-header.animation-started .headline,
.blog-header.animation-started .blog-published {
	opacity: 1;
	transition: opacity .5s linear .5s
}

.blog-header.animation-started .image {
	opacity: 1;
	transform: translateY(0);
	transition: transform .5s cubic-bezier(0, 0, 0, 1) .25s, opacity .5s linear .5s
}

@media all and (min-width: 768px) {
	.blog-header.animation-started .image {
		transform: translateX(0%) translateY(0%)
	}
}

.blog-list-header {
	opacity: 0;
	transform: translateY(40px)
}

.blog-list-header.fade-in {
	opacity: 1;
	transform: translateY(0);
	transition: all .75s cubic-bezier(0, 0, 0, 1) .25s
}

.blog-list-top-story {
	opacity: 0
}

.blog-list-top-story.fade-in {
	opacity: 1;
	transition: opacity 1.5s cubic-bezier(0.5, 0, 0.1, 1) .25s
}

.blog-list-card-grid {
	opacity: 1;
	transition: opacity .75s cubic-bezier(0.5, 0, 0.1, 1)
}

.blog-list-card-grid.is-loading {
	opacity: 0
}

.blog-list-story-list {
	overflow: hidden
}

.blog-list-story-list .blog-list-story-item {
	opacity: 1;
	transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1);
	position: relative
}

.blog-list-story-list .blog-list-story-item .border {
	width: 100%;
	height: 1px;
	background-color: #222;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .5s cubic-bezier(0.5, 0, 0.1, 1);
	transform: translateX(0)
}

@media all and (min-width: 768px) {
	.blog-list-story-list .blog-list-story-item .border {
		transition: all 1s cubic-bezier(0.5, 0, 0.1, 1)
	}
}

.blog-list-story-list.is-loading .blog-list-story-item {
	opacity: 0
}

.blog-list-story-list.is-loading .blog-list-story-item .border {
	width: 0;
	transform: translateX(-100%)
}

.button-animation {
	opacity: 1;
	transform: translateX(0%);
	transition: all .5s cubic-bezier(0.8, 0, 0.2, 1)
}

.button-animation .inner {
	opacity: 1;
	transition: opacity .5s cubic-bezier(0.8, 0, 0.2, 1) .25s
}

.button-animation:hover {
	transition: all .15s ease-out !important
}

.is-loading .button-animation {
	opacity: 0;
	transform: translateX(-100%)
}

.is-loading .button-animation .inner {
	opacity: 0
}

.simple-type-and-image .button-container {
	text-align: center
}

.simple-type-and-image .button-animation {
	transition: transform .5s cubic-bezier(0, 0, 0, 1) 2.25s, opacity .5s cubic-bezier(0.5, 0, 0.1, 1) 2s
}

.simple-type-and-image .button-animation .inner {
	transition: opacity 1s cubic-bezier(0.5, 0, 0.1, 1) 2.5s
}

.carousel-image .item {
	transform: translateX(0);
	transition: transform .75s cubic-bezier(0.5, 0, 0.1, 1), opacity .25s linear
}

.carousel-image.is-loading .item {
	transform: translateX(100px);
	opacity: 0
}

.carousel-collection .slick-track,
.carousel-platform .slick-track,
.carousel-product .slick-track,
.carousel-terrain .slick-track,
.product-features.carousel .slick-track {
	transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1) !important
}

.carousel-collection.is-loading .button,
.carousel-collection.is-loading #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .carousel-collection.is-loading #lcly-button-buy,
.carousel-collection.is-loading .filter-product .clear-input,
.filter-product .carousel-collection.is-loading .clear-input,
.carousel-platform.is-loading .button,
.carousel-platform.is-loading #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .carousel-platform.is-loading #lcly-button-buy,
.carousel-platform.is-loading .filter-product .clear-input,
.filter-product .carousel-platform.is-loading .clear-input,
.carousel-product.is-loading .button,
.carousel-product.is-loading #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .carousel-product.is-loading #lcly-button-buy,
.carousel-product.is-loading .filter-product .clear-input,
.filter-product .carousel-product.is-loading .clear-input,
.carousel-terrain.is-loading .button,
.carousel-terrain.is-loading #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .carousel-terrain.is-loading #lcly-button-buy,
.carousel-terrain.is-loading .filter-product .clear-input,
.filter-product .carousel-terrain.is-loading .clear-input,
.product-features.carousel.is-loading .button,
.product-features.carousel.is-loading #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .product-features.carousel.is-loading #lcly-button-buy,
.product-features.carousel.is-loading .filter-product .clear-input,
.filter-product .product-features.carousel.is-loading .clear-input {
	opacity: 0;
	transform: translateX(-150%)
}

@media all and (max-width: 767px) {

	.carousel-collection .slick-slide,
	.carousel-platform .slick-slide,
	.carousel-product .slick-slide,
	.carousel-terrain .slick-slide,
	.product-features.carousel .slick-slide {
		transform: translateX(0);
		transition: transform .75s cubic-bezier(0.5, 0, 0.1, 1), opacity .75s linear
	}

	.carousel-collection.is-loading .slick-slide,
	.carousel-platform.is-loading .slick-slide,
	.carousel-product.is-loading .slick-slide,
	.carousel-terrain.is-loading .slick-slide,
	.product-features.carousel.is-loading .slick-slide {
		transform: translateX(60px);
		opacity: 0
	}
}

@media all and (min-width: 768px) {

	.carousel-collection .slick-slide,
	.carousel-platform .slick-slide,
	.carousel-product .slick-slide,
	.carousel-terrain .slick-slide,
	.product-features.carousel .slick-slide {
		transform: translateX(0);
		transition: transform .75s cubic-bezier(0.5, 0, 0.1, 1), opacity .25s linear
	}

	.carousel-collection .card:nth-child(3n),
	.carousel-platform .card:nth-child(3n),
	.carousel-product .card:nth-child(3n),
	.carousel-terrain .card:nth-child(3n),
	.product-features.carousel .card:nth-child(3n) {
		opacity: 1;
		transition: opacity 1s cubic-bezier(0.5, 0, 0.1, 1)
	}

	.carousel-collection.is-loading .slick-slide,
	.carousel-platform.is-loading .slick-slide,
	.carousel-product.is-loading .slick-slide,
	.carousel-terrain.is-loading .slick-slide,
	.product-features.carousel.is-loading .slick-slide {
		transform: translateX(100px);
		opacity: 0
	}

	.carousel-collection.is-loading .card:nth-child(3n),
	.carousel-platform.is-loading .card:nth-child(3n),
	.carousel-product.is-loading .card:nth-child(3n),
	.carousel-terrain.is-loading .card:nth-child(3n),
	.product-features.carousel.is-loading .card:nth-child(3n) {
		opacity: 0
	}
}

.compare-tool .compare-toolbar {
	opacity: 0
}

.compare-tool .product {
	opacity: 0
}

.compare-tool .compare-panel-header {
	transition: height .2s ease-in-out
}

@media all and (min-width: 768px) {
	.compare-tool .compare-panel-header.is-open {
		transition: height .2s ease-in-out;
		height: 80px
	}
}

.compare-tool.fade-in {
	opacity: 1;
	transition: opacity .5s ease-in-out
}

.compare-tool.fade-in .compare-toolbar {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.5, 0, 0.1, 1)
}

.compare-tool.fade-in .product {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.5, 0, 0.1, 1) .25s
}

.consumer-benefits-container {
	opacity: 1;
	transition: opacity .5s linear
}

.consumer-benefits-container.is-loading {
	opacity: 0
}

.crosslink-editorial .image {
	opacity: 1;
	transition: opacity .75s cubic-bezier(0.8, 0, 0.2, 1) .5s
}

.crosslink-editorial .headline,
.crosslink-editorial .button,
.crosslink-editorial #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .crosslink-editorial #lcly-button-buy,
.crosslink-editorial .filter-product .clear-input,
.filter-product .crosslink-editorial .clear-input {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.5, 0, 0.1, 1) 1s
}

@media all and (min-width: 1200px) {

	.crosslink-editorial.is-loading .headline,
	.crosslink-editorial.is-loading .button,
	.crosslink-editorial.is-loading #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .crosslink-editorial.is-loading #lcly-button-buy,
	.crosslink-editorial.is-loading .filter-product .clear-input,
	.filter-product .crosslink-editorial.is-loading .clear-input,
	.crosslink-editorial.is-loading .image {
		opacity: 0
	}
}

html:not(.no-js) .crosslink-split .text,
html:not(.no-js) .crosslink-split .image {
	overflow: hidden;
	position: relative
}

html:not(.no-js) .crosslink-split .text::after,
html:not(.no-js) .crosslink-split .image::after {
	background: #fff;
	content: "";
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transition: transform 1s cubic-bezier(0.5, 0, 0.1, 1), opacity 1s cubic-bezier(0.5, 0, 0.1, 1) .5s
}

html:not(.no-js) .crosslink-split .text p {
	opacity: 1;
	transition: all .75s cubic-bezier(0.5, 0, 0.1, 1) .25s
}

@media all and (max-width: 767px) {
	html:not(.no-js) .crosslink-split .text::after {
		transform: translateX(-100%)
	}
}

@media all and (min-width: 768px) {
	html:not(.no-js) .crosslink-split .text::after {
		transform: translateX(100%)
	}
}

html:not(.no-js) .crosslink-split .image::after {
	transform: translateX(100%)
}

html:not(.no-js) .crosslink-split img {
	transform: translateX(0);
	transition: transform .75s cubic-bezier(0.5, 0, 0.1, 1)
}

html:not(.no-js) .crosslink-split.is-loading .text p {
	opacity: 0
}

html:not(.no-js) .crosslink-split.is-loading .text::after,
html:not(.no-js) .crosslink-split.is-loading .image::after {
	transform: translateX(0)
}

html:not(.no-js) .crosslink-split.is-loading img {
	transform: translateX(-25%);
	transition: transform .75s cubic-bezier(0.5, 0, 0.1, 1)
}

@media all and (min-width: 1200px) {
	.crosslink-split.is-loading .headline {
		opacity: 0;
		transform: translateY(25px)
	}

	.crosslink-split.is-loading .rotated.label {
		transform: rotate(270deg) translateX(-25px)
	}
}

.crosslink-split .headline,
.crosslink-split .rotated.label {
	opacity: 1;
	transform: translateY(0) rotate(270deg) translateX(0);
	transition: opacity 1s cubic-bezier(0.5, 0, 0.1, 1), transform 1s cubic-bezier(0.5, 0, 0.1, 1)
}

.crosslink-split .rotated.label {
	transition-delay: .1s
}

.feature-highlight .large-img {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.5, 0, 0.1, 1) .25s
}

.feature-highlight .content {
	opacity: 1;
	transition: opacity 1.5s cubic-bezier(0.5, 0, 0.1, 1) 1s
}

.feature-highlight.is-loading .large-img,
.feature-highlight.is-loading .content {
	opacity: 0
}

.filter-product {
	opacity: 0
}

.filter-product.fade-in {
	opacity: 1;
	transition: opacity 1.5s cubic-bezier(0, 0, 0, 1) 1s
}

.filter-product .filter-panel .inner,
.filter-product .CoveoFacetDropdown div[data-panel] .inner {
	max-height: 0
}

.filter-product .filter-panel .filter,
.filter-product .filter-panel .action-container,
.filter-product .CoveoFacetDropdown div[data-panel] .filter,
.filter-product .CoveoFacetDropdown div[data-panel] .action-container {
	opacity: 0
}

.filter-product .filter-panel.is-open .inner,
.filter-product .CoveoFacetDropdown div[data-panel].is-open .inner {
	max-height: 1000px;
	transition: max-height .25s cubic-bezier(0, 0, 0, 1) .1s
}

.filter-product .filter-panel.is-open .filter,
.filter-product .filter-panel.is-open .action-container,
.filter-product .CoveoFacetDropdown div[data-panel].is-open .filter,
.filter-product .CoveoFacetDropdown div[data-panel].is-open .action-container {
	opacity: 1;
	transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) .5s
}

.filter-product .more-filters .column {
	transform: translateX(-7%)
}

.filter-product .more-filters.is-open .inner {
	max-height: 600px
}

.filter-product .more-filters.is-open .column {
	transition: transform .75s cubic-bezier(0, 0, 0, 1) .25s;
	transform: translateX(0%)
}

.fade-elem {
	opacity: 1;
	transition: opacity .4s;
	visibility: visible
}

.fade-elem.faded {
	opacity: 0;
	visibility: hidden
}

.billboard[data-type=color] .headline,
[class^=hero] .headline,
html:not(.no-js) .is-loading .headline,
.blog-header .headline,
.billboard[data-type=color] .title,
[class^=hero] .title,
html:not(.no-js) .is-loading .title,
.blog-header .title,
.billboard[data-type=color] .description,
[class^=hero] .description,
html:not(.no-js) .is-loading .description,
.blog-header .description {
	opacity: 0;
	transform: translateY(25px)
}

.billboard[data-type=color] .rotated.label,
[class^=hero] .rotated.label,
html:not(.no-js) .is-loading .rotated.label,
.blog-header .rotated.label {
	transform: rotate(270deg) translateX(-25px)
}

.billboard[data-type=color].animation-started .headline,
[class^=hero].animation-started .headline,
html:not(.no-js) .headline,
.blog-header.animation-started .headline,
.billboard[data-type=color].animation-started .title,
[class^=hero].animation-started .title,
html:not(.no-js) .title,
.blog-header.animation-started .title,
.billboard[data-type=color].animation-started .description,
[class^=hero].animation-started .description,
html:not(.no-js) .description,
.blog-header.animation-started .description {
	opacity: 1;
	transform: translateY(0)
}

.billboard[data-type=color].animation-started .rotated.label,
[class^=hero].animation-started .rotated.label,
html:not(.no-js) .rotated.label,
.blog-header.animation-started .rotated.label {
	transform: rotate(270deg) translateX(0)
}

.billboard[data-type=color].animation-started .title,
[class^=hero].animation-started .title,
html:not(.no-js) .title,
.blog-header.animation-started .title,
.billboard[data-type=color].animation-started .description,
[class^=hero].animation-started .description,
html:not(.no-js) .description,
.blog-header.animation-started .description,
.billboard[data-type=color].animation-started .rotated.label,
[class^=hero].animation-started .rotated.label,
html:not(.no-js) .rotated.label,
.blog-header.animation-started .rotated.label {
	transition-delay: .1s
}

html:not(.no-js) .headline,
html:not(.no-js) .title,
html:not(.no-js) .description,
html:not(.no-js) .rotated.label {
	transition: transform .75s cubic-bezier(0.5, 0, 0.1, 1), opacity .25s linear
}

.rotated.label {
	max-width: 15ch;
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap
}

.billboard[data-type=color],
[class^=hero] {
	opacity: 0;
	transition: opacity 1s cubic-bezier(0, 0, 0, 1)
}

.billboard[data-type=color] header .headline,
[class^=hero] header .headline {
	opacity: 0;
	transform: translateY(40px)
}

.billboard[data-type=color] .content,
[class^=hero] .content {
	opacity: 0
}

.billboard[data-type=color] .image,
[class^=hero] .image {
	opacity: 0;
	transform: translateY(40px)
}

@media all and (min-width: 768px) {

	.billboard[data-type=color] .image,
	[class^=hero] .image {
		transform: translateX(-50%) translateY(40px)
	}
}

.billboard[data-type=color] .buttons,
[class^=hero] .buttons {
	overflow: hidden
}

.billboard[data-type=color] .button:not(.ignore-animation),
.billboard[data-type=color] #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation),
#LocallyProductLocator.-enable-cta .billboard[data-type=color] #lcly-button-buy:not(.ignore-animation),
.billboard[data-type=color] .filter-product .clear-input:not(.ignore-animation),
.filter-product .billboard[data-type=color] .clear-input:not(.ignore-animation),
[class^=hero] .button:not(.ignore-animation),
[class^=hero] #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation),
#LocallyProductLocator.-enable-cta [class^=hero] #lcly-button-buy:not(.ignore-animation),
[class^=hero] .filter-product .clear-input:not(.ignore-animation),
.filter-product [class^=hero] .clear-input:not(.ignore-animation) {
	opacity: 0;
	transform: translateX(-100%)
}

.billboard[data-type=color] .button:not(.ignore-animation) .inner,
.billboard[data-type=color] #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation) .inner,
#LocallyProductLocator.-enable-cta .billboard[data-type=color] #lcly-button-buy:not(.ignore-animation) .inner,
.billboard[data-type=color] .filter-product .clear-input:not(.ignore-animation) .inner,
.filter-product .billboard[data-type=color] .clear-input:not(.ignore-animation) .inner,
[class^=hero] .button:not(.ignore-animation) .inner,
[class^=hero] #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation) .inner,
#LocallyProductLocator.-enable-cta [class^=hero] #lcly-button-buy:not(.ignore-animation) .inner,
[class^=hero] .filter-product .clear-input:not(.ignore-animation) .inner,
.filter-product [class^=hero] .clear-input:not(.ignore-animation) .inner {
	opacity: 0
}

.billboard[data-type=color] .button-container,
[class^=hero] .button-container {
	overflow: hidden;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0);
	padding: 0;
	margin-left: 22px
}

.billboard[data-type=color] .button-container .button:not(.ignore-animation),
.billboard[data-type=color] .button-container #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation),
#LocallyProductLocator.-enable-cta .billboard[data-type=color] .button-container #lcly-button-buy:not(.ignore-animation),
.billboard[data-type=color] .button-container .filter-product .clear-input:not(.ignore-animation),
.filter-product .billboard[data-type=color] .button-container .clear-input:not(.ignore-animation),
[class^=hero] .button-container .button:not(.ignore-animation),
[class^=hero] .button-container #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation),
#LocallyProductLocator.-enable-cta [class^=hero] .button-container #lcly-button-buy:not(.ignore-animation),
[class^=hero] .button-container .filter-product .clear-input:not(.ignore-animation),
.filter-product [class^=hero] .button-container .clear-input:not(.ignore-animation) {
	transform: translateX(-100%)
}

.billboard[data-type=color] .button-container .button:not(.ignore-animation) .inner,
.billboard[data-type=color] .button-container #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation) .inner,
#LocallyProductLocator.-enable-cta .billboard[data-type=color] .button-container #lcly-button-buy:not(.ignore-animation) .inner,
.billboard[data-type=color] .button-container .filter-product .clear-input:not(.ignore-animation) .inner,
.filter-product .billboard[data-type=color] .button-container .clear-input:not(.ignore-animation) .inner,
[class^=hero] .button-container .button:not(.ignore-animation) .inner,
[class^=hero] .button-container #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation) .inner,
#LocallyProductLocator.-enable-cta [class^=hero] .button-container #lcly-button-buy:not(.ignore-animation) .inner,
[class^=hero] .button-container .filter-product .clear-input:not(.ignore-animation) .inner,
.filter-product [class^=hero] .button-container .clear-input:not(.ignore-animation) .inner {
	opacity: 0
}

.billboard[data-type=color].hero-plp .headline,
[class^=hero].hero-plp .headline {
	opacity: 0
}

.billboard[data-type=color].hero-plp .subtitle,
[class^=hero].hero-plp .subtitle {
	opacity: 0
}

@media all and (min-width: 768px) {

	.billboard[data-type=color].hero-plp .image:first-child,
	[class^=hero].hero-plp .image:first-child {
		transform: translateX(0%) translateY(25%)
	}
}

@media all and (min-width: 768px) {

	.billboard[data-type=color].hero-plp .image:last-child,
	[class^=hero].hero-plp .image:last-child {
		transform: translateX(0%) translateY(25%)
	}
}

.billboard[data-type=color].hero-pdp .tag,
.billboard[data-type=color].hero-pdp .sticky-label,
.billboard[data-type=color].hero-pdp .compare,
[class^=hero].hero-pdp .tag,
[class^=hero].hero-pdp .sticky-label,
[class^=hero].hero-pdp .compare {
	opacity: 0
}

.billboard[data-type=color].hero-pdp .price,
.billboard[data-type=color].hero-pdp .financing,
.billboard[data-type=color].hero-pdp .error,
.billboard[data-type=color].hero-pdp .closed,
.billboard[data-type=color].hero-pdp .stock,
.billboard[data-type=color].hero-pdp .reviews-link,
[class^=hero].hero-pdp .price,
[class^=hero].hero-pdp .financing,
[class^=hero].hero-pdp .error,
[class^=hero].hero-pdp .closed,
[class^=hero].hero-pdp .stock,
[class^=hero].hero-pdp .reviews-link {
	opacity: 0
}

.billboard[data-type=color].hero-pdp .add-to-cart:not(.vis-tablet-down),
[class^=hero].hero-pdp .add-to-cart:not(.vis-tablet-down) {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.billboard[data-type=color].hero-pdp .product.gallery,
[class^=hero].hero-pdp .product.gallery {
	opacity: 0
}

.billboard[data-type=color].hero-collections .column,
[class^=hero].hero-collections .column {
	opacity: 0
}

@media all and (min-width: 768px) {

	.billboard[data-type=color].hero-collections .column:first-child,
	[class^=hero].hero-collections .column:first-child {
		transform: translateX(0%) translateY(40%)
	}
}

@media all and (min-width: 768px) {

	.billboard[data-type=color].hero-collections .column:last-child,
	[class^=hero].hero-collections .column:last-child {
		transform: translateX(0%) translateY(40%)
	}
}

.billboard[data-type=color].animation-started,
[class^=hero].animation-started {
	opacity: 1
}

.billboard[data-type=color].animation-started .headline,
.billboard[data-type=color].animation-started .content,
.billboard[data-type=color].animation-started .image,
.billboard[data-type=color].animation-started .subtitle,
[class^=hero].animation-started .headline,
[class^=hero].animation-started .content,
[class^=hero].animation-started .image,
[class^=hero].animation-started .subtitle {
	transition: transform .7s cubic-bezier(0, 0, 0, 1) .5s, opacity .5s linear .5s
}

.billboard[data-type=color].animation-started .headline,
[class^=hero].animation-started .headline {
	transition-delay: .7s
}

.billboard[data-type=color].animation-started .content,
[class^=hero].animation-started .content {
	opacity: 1;
	transition-delay: .9s
}

.billboard[data-type=color].animation-started .image,
[class^=hero].animation-started .image {
	opacity: 1;
	transform: translateY(0)
}

@media all and (min-width: 1200px) {

	.billboard[data-type=color].animation-started .image,
	[class^=hero].animation-started .image {
		transform: translateX(-50%) translateY(0)
	}
}

.billboard[data-type=color].animation-started .button:not(.ignore-animation),
.billboard[data-type=color].animation-started #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation),
#LocallyProductLocator.-enable-cta .billboard[data-type=color].animation-started #lcly-button-buy:not(.ignore-animation),
.billboard[data-type=color].animation-started .filter-product .clear-input:not(.ignore-animation),
.filter-product .billboard[data-type=color].animation-started .clear-input:not(.ignore-animation),
[class^=hero].animation-started .button:not(.ignore-animation),
[class^=hero].animation-started #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation),
#LocallyProductLocator.-enable-cta [class^=hero].animation-started #lcly-button-buy:not(.ignore-animation),
[class^=hero].animation-started .filter-product .clear-input:not(.ignore-animation),
.filter-product [class^=hero].animation-started .clear-input:not(.ignore-animation) {
	opacity: 1;
	transition: opacity .5s cubic-bezier(0.5, 0, 0.1, 1);
	transform: translateX(0)
}

.billboard[data-type=color].animation-started .button:not(.ignore-animation):hover,
.billboard[data-type=color].animation-started #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation):hover,
#LocallyProductLocator.-enable-cta .billboard[data-type=color].animation-started #lcly-button-buy:not(.ignore-animation):hover,
.billboard[data-type=color].animation-started .filter-product .clear-input:not(.ignore-animation):hover,
.filter-product .billboard[data-type=color].animation-started .clear-input:not(.ignore-animation):hover,
[class^=hero].animation-started .button:not(.ignore-animation):hover,
[class^=hero].animation-started #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation):hover,
#LocallyProductLocator.-enable-cta [class^=hero].animation-started #lcly-button-buy:not(.ignore-animation):hover,
[class^=hero].animation-started .filter-product .clear-input:not(.ignore-animation):hover,
.filter-product [class^=hero].animation-started .clear-input:not(.ignore-animation):hover {
	transition: all .15s cubic-bezier(0.5, 0, 0.1, 1) !important
}

.billboard[data-type=color].animation-started .button:not(.ignore-animation):first-child,
.billboard[data-type=color].animation-started #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation):first-child,
#LocallyProductLocator.-enable-cta .billboard[data-type=color].animation-started #lcly-button-buy:not(.ignore-animation):first-child,
.billboard[data-type=color].animation-started .filter-product .clear-input:not(.ignore-animation):first-child,
.filter-product .billboard[data-type=color].animation-started .clear-input:not(.ignore-animation):first-child,
[class^=hero].animation-started .button:not(.ignore-animation):first-child,
[class^=hero].animation-started #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation):first-child,
#LocallyProductLocator.-enable-cta [class^=hero].animation-started #lcly-button-buy:not(.ignore-animation):first-child,
[class^=hero].animation-started .filter-product .clear-input:not(.ignore-animation):first-child,
.filter-product [class^=hero].animation-started .clear-input:not(.ignore-animation):first-child {
	transition: opacity .5s cubic-bezier(0.8, 0, 0.2, 1) .75s, transform .5s cubic-bezier(0.8, 0, 0.2, 1) .75s
}

.billboard[data-type=color].animation-started .button:not(.ignore-animation):first-child .inner,
.billboard[data-type=color].animation-started #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation):first-child .inner,
#LocallyProductLocator.-enable-cta .billboard[data-type=color].animation-started #lcly-button-buy:not(.ignore-animation):first-child .inner,
.billboard[data-type=color].animation-started .filter-product .clear-input:not(.ignore-animation):first-child .inner,
.filter-product .billboard[data-type=color].animation-started .clear-input:not(.ignore-animation):first-child .inner,
[class^=hero].animation-started .button:not(.ignore-animation):first-child .inner,
[class^=hero].animation-started #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation):first-child .inner,
#LocallyProductLocator.-enable-cta [class^=hero].animation-started #lcly-button-buy:not(.ignore-animation):first-child .inner,
[class^=hero].animation-started .filter-product .clear-input:not(.ignore-animation):first-child .inner,
.filter-product [class^=hero].animation-started .clear-input:not(.ignore-animation):first-child .inner {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.5, 0, 0.1, 1) .9s
}

.billboard[data-type=color].animation-started .button:not(.ignore-animation):nth-child(2n),
.billboard[data-type=color].animation-started #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation):nth-child(2n),
#LocallyProductLocator.-enable-cta .billboard[data-type=color].animation-started #lcly-button-buy:not(.ignore-animation):nth-child(2n),
.billboard[data-type=color].animation-started .filter-product .clear-input:not(.ignore-animation):nth-child(2n),
.filter-product .billboard[data-type=color].animation-started .clear-input:not(.ignore-animation):nth-child(2n),
[class^=hero].animation-started .button:not(.ignore-animation):nth-child(2n),
[class^=hero].animation-started #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation):nth-child(2n),
#LocallyProductLocator.-enable-cta [class^=hero].animation-started #lcly-button-buy:not(.ignore-animation):nth-child(2n),
[class^=hero].animation-started .filter-product .clear-input:not(.ignore-animation):nth-child(2n),
.filter-product [class^=hero].animation-started .clear-input:not(.ignore-animation):nth-child(2n) {
	transition: opacity .5s cubic-bezier(0.8, 0, 0.2, 1) .85s, transform .5s cubic-bezier(0.8, 0, 0.2, 1) .85s
}

.billboard[data-type=color].animation-started .button:not(.ignore-animation):nth-child(2n) .inner,
.billboard[data-type=color].animation-started #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation):nth-child(2n) .inner,
#LocallyProductLocator.-enable-cta .billboard[data-type=color].animation-started #lcly-button-buy:not(.ignore-animation):nth-child(2n) .inner,
.billboard[data-type=color].animation-started .filter-product .clear-input:not(.ignore-animation):nth-child(2n) .inner,
.filter-product .billboard[data-type=color].animation-started .clear-input:not(.ignore-animation):nth-child(2n) .inner,
[class^=hero].animation-started .button:not(.ignore-animation):nth-child(2n) .inner,
[class^=hero].animation-started #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation):nth-child(2n) .inner,
#LocallyProductLocator.-enable-cta [class^=hero].animation-started #lcly-button-buy:not(.ignore-animation):nth-child(2n) .inner,
[class^=hero].animation-started .filter-product .clear-input:not(.ignore-animation):nth-child(2n) .inner,
.filter-product [class^=hero].animation-started .clear-input:not(.ignore-animation):nth-child(2n) .inner {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.5, 0, 0.1, 1) 1s
}

.billboard[data-type=color].animation-started .button-container .inner,
[class^=hero].animation-started .button-container .inner {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.8, 0, 0.2, 1) .75s
}

.billboard[data-type=color].animation-started .button-container .button:not(.ignore-animation),
.billboard[data-type=color].animation-started .button-container #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation),
#LocallyProductLocator.-enable-cta .billboard[data-type=color].animation-started .button-container #lcly-button-buy:not(.ignore-animation),
.billboard[data-type=color].animation-started .button-container .filter-product .clear-input:not(.ignore-animation),
.filter-product .billboard[data-type=color].animation-started .button-container .clear-input:not(.ignore-animation),
[class^=hero].animation-started .button-container .button:not(.ignore-animation),
[class^=hero].animation-started .button-container #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation),
#LocallyProductLocator.-enable-cta [class^=hero].animation-started .button-container #lcly-button-buy:not(.ignore-animation),
[class^=hero].animation-started .button-container .filter-product .clear-input:not(.ignore-animation),
.filter-product [class^=hero].animation-started .button-container .clear-input:not(.ignore-animation) {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.8, 0, 0.2, 1) .2s, transform 1s cubic-bezier(0.8, 0, 0.2, 1) .2s;
	transform: translateX(0%)
}

.billboard[data-type=color].animation-started .button-container .button:not(.ignore-animation):hover,
.billboard[data-type=color].animation-started .button-container #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation):hover,
#LocallyProductLocator.-enable-cta .billboard[data-type=color].animation-started .button-container #lcly-button-buy:not(.ignore-animation):hover,
.billboard[data-type=color].animation-started .button-container .filter-product .clear-input:not(.ignore-animation):hover,
.filter-product .billboard[data-type=color].animation-started .button-container .clear-input:not(.ignore-animation):hover,
[class^=hero].animation-started .button-container .button:not(.ignore-animation):hover,
[class^=hero].animation-started .button-container #LocallyProductLocator.-enable-cta #lcly-button-buy:not(.ignore-animation):hover,
#LocallyProductLocator.-enable-cta [class^=hero].animation-started .button-container #lcly-button-buy:not(.ignore-animation):hover,
[class^=hero].animation-started .button-container .filter-product .clear-input:not(.ignore-animation):hover,
.filter-product [class^=hero].animation-started .button-container .clear-input:not(.ignore-animation):hover {
	transition: all .15s cubic-bezier(0.5, 0, 0.1, 1) !important
}

.billboard[data-type=color].animation-started.hero-plp .headline,
[class^=hero].animation-started.hero-plp .headline {
	opacity: 1;
	transition-delay: .25s
}

.billboard[data-type=color].animation-started.hero-plp .subtitle,
[class^=hero].animation-started.hero-plp .subtitle {
	opacity: 1;
	transition-delay: .5s
}

@media all and (min-width: 768px) {

	.billboard[data-type=color].animation-started.hero-plp .image:first-child,
	[class^=hero].animation-started.hero-plp .image:first-child {
		transform: translateX(0%) translateY(0);
		transition: transform .5s cubic-bezier(0.5, 0, 0.1, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1)
	}
}

@media all and (min-width: 768px) {

	.billboard[data-type=color].animation-started.hero-plp .image:last-child,
	[class^=hero].animation-started.hero-plp .image:last-child {
		transform: translateX(0%) translateY(0);
		transition: transform .5s cubic-bezier(0.5, 0, 0.1, 1) .1s, opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) .2s
	}
}

.billboard[data-type=color].animation-started.hero-pdp .tag,
.billboard[data-type=color].animation-started.hero-pdp .sticky-label,
.billboard[data-type=color].animation-started.hero-pdp .compare,
[class^=hero].animation-started.hero-pdp .tag,
[class^=hero].animation-started.hero-pdp .sticky-label,
[class^=hero].animation-started.hero-pdp .compare {
	opacity: 1;
	transition: opacity 2.5s cubic-bezier(0.5, 0, 0.1, 1) .5s
}

.billboard[data-type=color].animation-started.hero-pdp .sticky-label,
[class^=hero].animation-started.hero-pdp .sticky-label {
	transition-delay: .5s
}

.billboard[data-type=color].animation-started.hero-pdp .button-container,
[class^=hero].animation-started.hero-pdp .button-container {
	height: 100%
}

.billboard[data-type=color].animation-started.hero-pdp .button,
.billboard[data-type=color].animation-started.hero-pdp #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .billboard[data-type=color].animation-started.hero-pdp #lcly-button-buy,
.billboard[data-type=color].animation-started.hero-pdp .filter-product .clear-input,
.filter-product .billboard[data-type=color].animation-started.hero-pdp .clear-input,
[class^=hero].animation-started.hero-pdp .button,
[class^=hero].animation-started.hero-pdp #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta [class^=hero].animation-started.hero-pdp #lcly-button-buy,
[class^=hero].animation-started.hero-pdp .filter-product .clear-input,
.filter-product [class^=hero].animation-started.hero-pdp .clear-input {
	height: 100%
}

.billboard[data-type=color].animation-started.hero-pdp .actions.is-sticky .button-container,
[class^=hero].animation-started.hero-pdp .actions.is-sticky .button-container {
	transition: none
}

.billboard[data-type=color].animation-started.hero-pdp .actions.is-sticky .button,
.billboard[data-type=color].animation-started.hero-pdp .actions.is-sticky #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .billboard[data-type=color].animation-started.hero-pdp .actions.is-sticky #lcly-button-buy,
.billboard[data-type=color].animation-started.hero-pdp .actions.is-sticky .filter-product .clear-input,
.filter-product .billboard[data-type=color].animation-started.hero-pdp .actions.is-sticky .clear-input,
[class^=hero].animation-started.hero-pdp .actions.is-sticky .button,
[class^=hero].animation-started.hero-pdp .actions.is-sticky #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta [class^=hero].animation-started.hero-pdp .actions.is-sticky #lcly-button-buy,
[class^=hero].animation-started.hero-pdp .actions.is-sticky .filter-product .clear-input,
.filter-product [class^=hero].animation-started.hero-pdp .actions.is-sticky .clear-input {
	transition: none
}

@media all and (min-width: 960px) {

	.billboard[data-type=color].animation-started.hero-pdp .actions.is-sticky .button,
	.billboard[data-type=color].animation-started.hero-pdp .actions.is-sticky #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta .billboard[data-type=color].animation-started.hero-pdp .actions.is-sticky #lcly-button-buy,
	.billboard[data-type=color].animation-started.hero-pdp .actions.is-sticky .filter-product .clear-input,
	.filter-product .billboard[data-type=color].animation-started.hero-pdp .actions.is-sticky .clear-input,
	[class^=hero].animation-started.hero-pdp .actions.is-sticky .button,
	[class^=hero].animation-started.hero-pdp .actions.is-sticky #LocallyProductLocator.-enable-cta #lcly-button-buy,
	#LocallyProductLocator.-enable-cta [class^=hero].animation-started.hero-pdp .actions.is-sticky #lcly-button-buy,
	[class^=hero].animation-started.hero-pdp .actions.is-sticky .filter-product .clear-input,
	.filter-product [class^=hero].animation-started.hero-pdp .actions.is-sticky .clear-input {
		transform: translateX(0%)
	}
}

.billboard[data-type=color].animation-started.hero-pdp .price,
.billboard[data-type=color].animation-started.hero-pdp .financing,
.billboard[data-type=color].animation-started.hero-pdp .error,
.billboard[data-type=color].animation-started.hero-pdp .closed,
.billboard[data-type=color].animation-started.hero-pdp .stock,
.billboard[data-type=color].animation-started.hero-pdp .reviews-link,
[class^=hero].animation-started.hero-pdp .price,
[class^=hero].animation-started.hero-pdp .financing,
[class^=hero].animation-started.hero-pdp .error,
[class^=hero].animation-started.hero-pdp .closed,
[class^=hero].animation-started.hero-pdp .stock,
[class^=hero].animation-started.hero-pdp .reviews-link {
	opacity: 1;
	transition: opacity 2.5s cubic-bezier(0.5, 0, 0.1, 1) .5s
}

.billboard[data-type=color].animation-started.hero-pdp .product.gallery.is-open,
[class^=hero].animation-started.hero-pdp .product.gallery.is-open {
	opacity: 1
}

.billboard[data-type=color].animation-started.hero-collections,
[class^=hero].animation-started.hero-collections {
	background: #fff
}

.billboard[data-type=color].animation-started.hero-collections .column,
[class^=hero].animation-started.hero-collections .column {
	opacity: 1
}

@media all and (min-width: 768px) {

	.billboard[data-type=color].animation-started.hero-collections .column:first-child,
	[class^=hero].animation-started.hero-collections .column:first-child {
		transform: translateX(0%) translateY(0);
		transition: transform .75s cubic-bezier(0, 0, 0, 1) .15s, opacity .75s cubic-bezier(0.5, 0, 0.1, 1) .15s
	}
}

@media all and (min-width: 768px) {

	.billboard[data-type=color].animation-started.hero-collections .column:last-child,
	[class^=hero].animation-started.hero-collections .column:last-child {
		transform: translateX(0%) translateY(0);
		transition: transform .75s cubic-bezier(0, 0, 0, 1) .25s, opacity .75s cubic-bezier(0.5, 0, 0.1, 1) .25s
	}
}

.hotspots-product-wrapper .hotspot-text-container {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.5, 0, 0.1, 1) .5s;
	max-height: 0
}

.hotspots-product-wrapper .hotspot-text-container.active {
	opacity: 1;
	max-height: 500px;
	transition: max-height .75s cubic-bezier(0, 0, 0, 1), opacity .75s cubic-bezier(0, 0, 0, 1)
}

@media all and (min-width: 960px) {
	.hotspots-product-wrapper.is-loading .hotspot-text-container {
		opacity: 0
	}
}

.intro {
	transition: line-height .75s cubic-bezier(0.215, 0.61, 0.355, 1) .25s, opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1) .25s
}

.intro::after {
	transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1) .25s, opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1) .35s
}

@media all and (min-width: 960px) {
	.intro.is-loading {
		line-height: 1.6;
		opacity: 0
	}
}

.intro-with-media .intro-headline {
	transition: line-height .75s cubic-bezier(0.215, 0.61, 0.355, 1) .25s, opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1) .25s
}

.intro-with-media .intro-headline::after {
	transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1) .25s, opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1) .35s
}

.intro-with-media .video {
	opacity: 1;
	transition: opacity .75s cubic-bezier(0.8, 0, 0.2, 1) .5s
}

@media all and (min-width: 960px) {
	.intro-with-media.is-loading .intro-headline {
		line-height: 1.6;
		opacity: 0
	}

	.intro-with-media.is-loading .video {
		opacity: 0
	}
}

.animation-kit-build * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.animation-kit-build body {
	padding: 30px 50px
}

.animation-kit-build h1 {
	font-weight: 400;
	font-size: 26px;
	letter-spacing: normal;
	margin: 0 0 20px
}

.animation-kit-build h2 {
	font-weight: 400;
	font-size: 14px;
	letter-spacing: normal;
	transform: translateX(-30px) translateY(-15px)
}

.animation-kit-build .trigger {
	width: 100%
}

.animation-kit-build .grid {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 100px;
	width: 1205px
}

.animation-kit-build .item {
	border: 1px solid #000;
	color: rgba(0, 0, 0, .6);
	font-size: 12px;
	margin: 0 0 -1px -1px;
	overflow: hidden;
	padding: 30px 50px 50px;
	width: 25%
}

.animation-kit-build .box-container,
.animation-kit-build .smallbox-container {
	background: rgba(0, 0, 0, .15);
	padding-top: 20px;
	text-align: center
}

.animation-kit-build .box {
	background: rgba(0, 0, 0, .15);
	cursor: pointer;
	display: inline-block;
	flex-grow: 0;
	padding: 20px;
	text-align: center;
	width: 200px
}

.animation-kit-build .box-container .box {
	margin: 0 0 5px
}

.animation-kit-build .smallbox-container {
	background: rgba(0, 0, 0, .15);
	flex-wrap: wrap;
	text-align: center
}

.animation-kit-build .smallbox-container .small.box {
	display: inline-block;
	width: 58px;
	text-align: center
}

.animation-kit-build .box-container .box:last-child,
.animation-kit-build .smallbox-container .box:last-child {
	margin: 0
}

[data-animation*=motion-] {
	transition: transform .25s ease-out
}

[data-animation^=grow-] {
	overflow: hidden
}

[data-animation~=motion-slide-up] {
	transform: translateY(0)
}

.ani-paused[data-animation~=motion-slide-up] {
	transform: translateY(20px)
}

[data-animation~=motion-slide-right] {
	transform: translateX(0)
}

.ani-paused[data-animation~=motion-slide-right] {
	transform: translateX(-20px)
}

[data-animation~=motion-slide-left] {
	transform: translateX(0)
}

.ani-paused[data-animation~=motion-slide-left] {
	transform: translateX(20px)
}

[data-animation~=motion-slide-right-large] {
	transform: translateX(0)
}

.ani-paused[data-animation~=motion-slide-right-large] {
	transform: translateX(-100px)
}

[data-animation~=motion-slide-left-large] {
	transform: translateX(0)
}

.ani-paused[data-animation~=motion-slide-left-large] {
	transform: translateX(100px)
}

[data-animation~=motion-uncover],
[data-animation~=motion-uncover-reverse] {
	overflow: hidden;
	position: relative
}

[data-animation~=motion-uncover]::after,
[data-animation~=motion-uncover-reverse]::after {
	background: gray;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: transform .25s ease-out;
	width: 100%
}

[data-animation~=motion-uncover]::after {
	transform: translateX(100%)
}

[data-animation~=motion-uncover-reverse]::after {
	transform: translateX(-100%)
}

.ani-paused[data-animation~=motion-uncover]::after,
.ani-paused[data-animation~=motion-uncover-reverse]::after {
	transform: translateX(0);
	transition: transform .25s ease-out
}

[data-animation~=motion-underline-slide],
[data-animation~=motion-cascade-underline] .box {
	position: relative
}

[data-animation~=motion-underline-slide] .border,
[data-animation~=motion-cascade-underline] .border {
	background: #000;
	content: "";
	display: block;
	height: 2px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: width .25s ease-out;
	width: 100%
}

.ani-paused[data-animation~=motion-underline-slide] .border,
.ani-paused[data-animation~=motion-cascade-underline] .border {
	width: 0
}

[data-animation~=motion-element-spread] {
	display: flex;
	justify-content: space-between
}

[data-animation~=motion-element-spread] .box {
	transition: transform .25s ease-out
}

.ani-paused[data-animation~=motion-element-spread] .box:first-of-type {
	transform: translateX(39px)
}

.ani-paused[data-animation~=motion-element-spread] .box:last-of-type {
	transform: translateX(-39px)
}

[data-animation~=grow-right] {
	transition: width .25s ease-out;
	text-align: left;
	width: auto
}

.ani-paused[data-animation~=grow-right] {
	width: 0;
	overflow: hidden
}

[data-animation~=grow-open] {
	transition: height .25s ease-out;
	text-align: left;
	width: auto
}

[data-animation~=grow-open] {
	height: 0;
	overflow: hidden
}

@media all and (min-width: 960px) {
	.nav-main .row {
		width: 100%
	}

	.nav-main .column::after {
		transform: translateX(0);
		transition: transform .25s ease-out
	}

	.nav-main .column:first-child {
		transform: translateX(-50%)
	}

	.nav-main .column.image {
		transform: translateX(-100%)
	}

	.nav-main.is-animating .column::after {
		background: #fff;
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		transition: transform .25s ease-out;
		transform: translateX(100%)
	}

	.nav-main.is-animating .column:first-child {
		position: relative;
		transform: translateX(0);
		transition: transform .75s cubic-bezier(0.5, 0, 0.1, 1)
	}

	.nav-main.is-animating .column.image {
		transform: translateX(0%);
		transition: transform 2s cubic-bezier(0.5, 0, 0.1, 1)
	}
}

.paragraph-large {
	transition: line-height .75s cubic-bezier(0.215, 0.61, 0.355, 1) .25s, opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1) .25s
}

.paragraph-large::after {
	transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1) .25s, opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1) .35s
}

@media all and (min-width: 960px) {
	.paragraph-large.is-loading {
		line-height: 1.6;
		opacity: 0
	}
}

.product-grid {
	opacity: 0
}

.product-grid.fade-in {
	opacity: 1;
	transition: opacity 2s cubic-bezier(0, 0, 0, 1) 1s
}

.product-line .product-line-img {
	opacity: 1;
	transform: translateY(0);
	transition: transform 1s cubic-bezier(0, 0, 0, 1) .25s, opacity 1s linear .25s
}

@media all and (min-width: 768px) {
	.product-line .product-line-img {
		transform: translateX(0%) translateY(0)
	}
}

.product-line.is-loading .product-line-img {
	opacity: 0;
	transform: translateY(40px)
}

@media all and (min-width: 768px) {
	.product-line.is-loading .product-line-img {
		transform: translateX(0%) translateY(25%)
	}
}

.product-overview .description {
	opacity: 1 !important
}

.product-overview .platform-signature {
	position: relative
}

.product-overview .platform-signature img {
	opacity: 1;
	transform: translateX(0);
	transition: all .75s cubic-bezier(0.5, 0, 0.1, 1)
}

.product-overview .text {
	opacity: 1;
	transition: opacity .75s cubic-bezier(0.5, 0, 0.1, 1)
}

.product-overview .text .title {
	transform: translateY(0);
	opacity: 1;
	transition: opacity .75s cubic-bezier(0.5, 0, 0.1, 1)
}

.product-overview.is-loading .text {
	opacity: 0
}

.product-overview.is-loading .text .title {
	opacity: 0
}

@media all and (min-width: 1200px) {
	.product-overview.is-loading img {
		transform: translateX(-25%)
	}
}

.product-specifications .inner-trigger {
	overflow: hidden;
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) .25s;
	position: relative
}

.product-specifications .border {
	width: 100%;
	height: 1px !important;
	background-color: #222;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 1s cubic-bezier(0.5, 0, 0.1, 1);
	transform: translateX(0)
}

.product-specifications.is-loading .inner-trigger {
	opacity: 0
}

.product-specifications.is-loading .border {
	width: 0;
	transform: translateX(-100%)
}

.register-a-bike .column {
	opacity: 0
}

.register-a-bike .column .headline,
.register-a-bike .column .title {
	opacity: 0;
	transform: translateY(40px)
}

.register-a-bike .column p,
.register-a-bike .column ul,
.register-a-bike .column .button,
.register-a-bike .column #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .register-a-bike .column #lcly-button-buy,
.register-a-bike .column .filter-product .clear-input,
.filter-product .register-a-bike .column .clear-input {
	opacity: 0
}

.register-a-bike .form {
	opacity: 0
}

.register-a-bike.fade-in .column {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) .5s
}

.register-a-bike.fade-in .column .headline,
.register-a-bike.fade-in .column .title {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1) .6s, transform .5s cubic-bezier(0.215, 0.61, 0.355, 1) .6s
}

.register-a-bike.fade-in .column p,
.register-a-bike.fade-in .column ul,
.register-a-bike.fade-in .column .button,
.register-a-bike.fade-in .column #LocallyProductLocator.-enable-cta #lcly-button-buy,
#LocallyProductLocator.-enable-cta .register-a-bike.fade-in .column #lcly-button-buy,
.register-a-bike.fade-in .column .filter-product .clear-input,
.filter-product .register-a-bike.fade-in .column .clear-input {
	opacity: 1;
	transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1) .75s
}

.register-a-bike.fade-in .form {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) .9s
}

.search-location.secondary {
	border-bottom: 0
}

.search-location.secondary .headline,
.search-location.secondary .input-container,
.search-location.secondary .tools {
	opacity: 0
}

@media all and (min-width: 768px) {
	.search-location.secondary.fade-in {
		border-bottom: 2px solid gray;
		transition: border-bottom .5s cubic-bezier(0.5, 0, 0.1, 1) .5s
	}
}

.search-location.secondary.fade-in .headline,
.search-location.secondary.fade-in .input-container,
.search-location.secondary.fade-in .tools {
	opacity: 1;
	transition: opacity .5s cubic-bezier(0.5, 0, 0.1, 1) .25s
}

.search-location.secondary.fade-in .tools {
	transition-delay: .5s
}

.search-results-menu {
	opacity: 0
}

.search-results-menu.fade-in {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.5, 0, 0.1, 1) .25s
}

.search-results-help {
	opacity: 0
}

.search-results-help .result-link {
	opacity: 0
}

.search-results-help.fade-in {
	opacity: 1;
	transition: opacity 1.5s cubic-bezier(0, 0, 0, 1) .5s
}

.search-results-help.fade-in .result-link {
	opacity: 1;
	transition: opacity 2s cubic-bezier(0, 0, 0, 1) .5s
}

.storyteller-product .layer p {
	max-height: 0;
	opacity: 0
}

.storyteller-product .layer.is-open {
	background: #fff
}

.storyteller-product .layer.is-open p {
	opacity: 1;
	max-height: 400px;
	overflow: auto;
	transition: max-height 1s cubic-bezier(0, 0, 0, 1) .25s, opacity 1.5s cubic-bezier(0, 0, 0, 1) .5s
}

@media all and (min-width: 960px) {
	.storyteller-product .layer.is-open p {
		max-height: 600px
	}
}

.single-product-storyteller .content-img,
.single-product-storyteller .text-container {
	overflow: hidden;
	position: relative;
	transform: translateX(0);
	transition: transform .75s cubic-bezier(0.5, 0, 0.1, 1)
}

.single-product-storyteller .content-img::after,
.single-product-storyteller .text-container::after {
	background: #fff;
	content: "";
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transform: translateX(100%);
	transition: transform 1s cubic-bezier(0.5, 0, 0.1, 1), opacity 1s cubic-bezier(0.5, 0, 0.1, 1) .5s
}

.single-product-storyteller.is-loading .img-left .content-img,
.single-product-storyteller.is-loading .img-left .text-container {
	transform: translateX(-25%);
	transition: transform .75s cubic-bezier(0.5, 0, 0.1, 1)
}

.single-product-storyteller.is-loading .img-left .content-img::after,
.single-product-storyteller.is-loading .img-left .text-container::after {
	transform: translateX(0)
}

.single-product-storyteller.is-loading .img-right .content-img,
.single-product-storyteller.is-loading .img-right .text-container {
	transform: translateX(25%);
	transition: transform .75s cubic-bezier(0.5, 0, 0.1, 1)
}

.single-product-storyteller.is-loading .img-right .content-img::after,
.single-product-storyteller.is-loading .img-right .text-container::after {
	transform: translateX(0)
}

.sortable {
	opacity: 0
}

.sortable .sortable-item,
.sortable .text-content p,
.sortable .supplement {
	opacity: 0;
	transition: opacity .5s cubic-bezier(0.5, 0, 0.1, 1) .15s
}

.sortable .panel {
	max-height: 0;
	transition: max-height .75s ease-in-out
}

.sortable [data-panel] {
	height: auto
}

.sortable.fade-in {
	transition: opacity .5s cubic-bezier(0.5, 0, 0.1, 1);
	opacity: 1
}

.sortable.fade-in .sortable-item {
	transition: opacity .5s cubic-bezier(0.5, 0, 0.1, 1) .25s;
	opacity: 1
}

.sortable .panel.is-open {
	max-height: var(--max-height);
	transition: max-height .75s ease-in-out
}

.sortable .panel.is-open .text-content p,
.sortable .panel.is-open .supplement {
	transition: opacity .5s cubic-bezier(0.5, 0, 0.1, 1) .25s;
	opacity: 1
}

.animation-swipe-left {
	overflow: hidden;
	opacity: 1;
	position: relative;
	transform: translateX(0);
	transition: transform .75s cubic-bezier(0.5, 0, 0.1, 1), opacity .15s cubic-bezier(0.8, 0, 0.2, 1)
}

.animation-swipe-left::after {
	background: #fff;
	content: "";
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transform: translateX(100%);
	transition: transform 1s cubic-bezier(0.5, 0, 0.1, 1), opacity 1s cubic-bezier(0.5, 0, 0.1, 1) .5s
}

.is-loading .animation-swipe-left {
	transform: translateX(-25%);
	opacity: 0
}

.is-loading .animation-swipe-left::after {
	transform: translateX(0)
}

.animation-swipe-right {
	overflow: hidden;
	opacity: 1;
	position: relative;
	transform: translateX(0);
	transition: transform .75s cubic-bezier(0.5, 0, 0.1, 1), opacity .15s cubic-bezier(0.8, 0, 0.2, 1)
}

.animation-swipe-right::after {
	background: #fff;
	content: "";
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transform: translateX(-100%);
	transition: transform 1s cubic-bezier(0.5, 0, 0.1, 1), opacity 1s cubic-bezier(0.5, 0, 0.1, 1) .5s
}

.is-loading .animation-swipe-right {
	opacity: 0;
	transform: translateX(100%)
}

.is-loading .animation-swipe-right::after {
	transform: translateX(0%)
}

.timeline .item {
	transform: translateX(0);
	transition: transform .75s cubic-bezier(0.5, 0, 0.1, 1), opacity .25s linear
}

.timeline .slider {
	transition: opacity 1.5s linear
}

.timeline .slider::after {
	transition: opacity 1.5s
}

.timeline.is-loading .item {
	transform: translateX(100px);
	opacity: 0
}

.timeline.is-loading .slider {
	opacity: 0
}

.video {
	opacity: 1;
	transition: transform .7s cubic-bezier(0, 0, 0, 1) .5s, opacity .5s linear .5s
}

@media all and (min-width: 960px) {
	.video.is-loading {
		opacity: 0;
		transform: translateY(40px)
	}
}

.CoveoSearchInterface {
	margin-left: -20px !important;
	margin-right: -20px !important;
	width: calc(100% + 2*20px) !important;
	font-family: "favorit", Helvetica, sans-serif !important;
	color: #000 !important
}

.CoveoSearchInterface .coveo-main-section {
	max-width: none !important
}

@media(max-width: 480px) {
	.CoveoSearchbox {
		margin-right: 0 !important
	}
}

.coveo-card-layout.CoveoResult {
	border: none !important;
	border-radius: 0 !important
}

.coveo-card-layout.CoveoResult .card a:not(:hover),
.coveo-card-layout.CoveoResult .card a:not(:hover) * {
	text-decoration: none !important
}

.coveo-card-layout.CoveoResult .card a,
.coveo-card-layout.CoveoResult .card a * {
	color: #000 !important
}

.coveo-facet-value::before {
	content: none;
	display: none
}

.CoveoFacet,
.CoveoFacetRange,
.CoveoFacetSlider,
.CoveoHierarchicalFacet,
.CoveoCategoryFacet,
.CoveoTimespanFacet {
	border-color: #000 !important;
	border-radius: 0 !important
}

.coveo-facet-column {
	display: none !important
}

.coveo-facet-header {
	background: none !important;
	color: #000 !important
}

.coveo-facet-header-title {
	color: #000 !important
}

.coveo-facet-value:hover,
.coveo-facet-value.coveo-focused {
	background: none !important
}

.coveo-facet-value-checkbox {
	border-color: #000 !important;
	border-radius: 0 !important
}

.coveo-facet-value:hover .coveo-facet-value-checkbox,
.coveo-facet-value.coveo-focused .coveo-facet-value-checkbox,
.coveo-facet-value.coveo-selected .coveo-facet-value-checkbox {
	background: #41c751 !important;
	border-color: #41c751 !important;
	border-radius: 0 !important;
	color: #fff !important
}

.coveo-facet-value:hover .coveo-facet-value-checkbox svg g.coveo-hook-svg,
.coveo-facet-value.coveo-focused .coveo-facet-value-checkbox svg g.coveo-hook-svg,
.coveo-facet-value.coveo-selected .coveo-facet-value-checkbox svg g.coveo-hook-svg {
	fill: currentColor !important
}

.CoveoFacetSlider .coveo-slider-line {
	background-color: #41c751 !important;
	height: 3px !important
}

.CoveoFacetSlider .coveo-slider-button {
	background: #41c751 !important;
	border-radius: 30px;
	width: 10px !important;
	height: 10px !important
}

.CoveoFacetSlider .coveo-slider-button::after,
.CoveoFacetSlider .coveo-slider-button::before {
	content: "" !important;
	display: none !important
}

@media all and (max-width: 960px) {
	.range .slider-container {
		margin: auto
	}
}

.coveo-tab-section {
	background: none !important;
	border-top: solid 2px #222 !important;
	border-bottom: solid 2px #222 !important
}

.CoveoTab.coveo-selected,
.CoveoTab.coveo-selected:hover {
	border: none !important
}

.CoveoTab p {
	font-family: "Space Mono", monospace !important;
	letter-spacing: 2px !important;
	color: #000 !important;
	font-size: 12px !important
}

.CoveoTab:hover p {
	color: #41c751 !important
}

.CoveoTab.coveo-selected p {
	color: #41c751 !important;
	border: none !important
}

.CoveoLogo {
	display: none !important
}

.coveo-summary-section {
	padding: 20px 0 !important
}

.coveo-summary-section,
.coveo-result-layout-section {
	color: #000 !important;
	border: none !important
}

.coveo-results-header {
	border: none !important
}

.coveo-sort-container {
	display: none !important
}

.CoveoFacetDropdown li::before {
	content: none
}

.coveo-pager-list-item::before {
	content: none;
	display: none
}

.coveo-pager-list-item a.coveo-pager-anchor {
	text-decoration: none
}

#LocallyProductLocator .lcly-location-prompt {
	font-weight: 400;
	font-size: 12px
}

#LocallyProductLocator .lcly-dealer+.lcly-dealer {
	margin-left: 10px
}

#LocallyProductLocator .lcly-dealer-name {
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 7px
}

#LocallyProductLocator .lcly-dealer-distance {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 7px;
	color: #000
}

#LocallyProductLocator .lcly-dealer-address {
	font-size: 11px;
	line-height: 16px;
	font-style: normal
}

#LocallyProductLocator .lcly-dealer-phone a {
	font-size: 11px;
	line-height: 16px;
	text-decoration: none
}

#LocallyProductLocator .lcly-dealers-wrap {
	display: flex
}

#LocallyProductLocator .lcly-dealer-stock {
	display: flex
}

#LocallyProductLocator #lcly-link-0 {
	color: #000 !important;
	font-size: 12px !important;
	text-decoration: underline !important
}

#LocallyProductLocator #lcly-icon-marker path {
	fill: #bdbdbd;
	width: 13px;
	height: 20px
}

#LocallyProductLocator .lcly-dealer:hover {
	border: 1px solid #000;
	background: none
}

#LocallyProductLocator .lcly-dealer .lcly-has-in-stock-0 {
	color: #008a02
}

#LocallyProductLocator .lcly-dealer .lcly-has-in-stock-0 svg {
	fill: #008a02
}

#LocallyProductLocator .lcly-dealer .lcly-has-in-stock-0::before {
	color: #008a02;
	content: "";
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: -1px;
	left: -1px
}

#LocallyProductLocator .lcly-dealer .lcly-has-in-stock-0:hover::before {
	border: 1px solid #008a02
}

#LocallyProductLocator.-enable-cta #lcly-link-0 {
	display: none !important
}

.sumome-react-wysiwyg-popup-container button {
	min-width: 0 !important;
	line-height: 120px;
	font-family: "favorit", Helvetica, sans-serif !important;
	height: 60px !important;
	line-height: 60px !important
}

.sumome-react-wysiwyg-popup-container p {
	font-family: "favorit", Helvetica, sans-serif !important
}

.sumome-react-wysiwyg-popup-container input {
	border: 0 none !important;
	border-bottom: 1px solid #000 !important
}

.sumome-react-wysiwyg-popup-container a {
	color: #000
}

.print-only {
	display: none !important
}

@media print {

	#eyebrow,
	.site-header,
	footer {
		display: none !important
	}

	body {
		padding: 0 !important
	}

	main {
		padding: 20px !important
	}

	.print-hide {
		display: none !important
	}

	.print-only {
		display: block !important
	}
}

.ming
{
  position: absolute;
  top: 5em;
  left: 5%;
      z-index: 999;
      width: 12%; /* 璁剧疆瀹瑰櫒鐨勫搴?*/ 
      height: 155px; /* 璁剧疆瀹瑰櫒鐨勯珮搴︼紝杩欓噷浣跨敤瑙嗗彛楂樺害 */ 
  }
 



@media all and (max-width: 767px) {
	.headline1 {
	font-size: 25px;
	margin-bottom: 2px;
	}
}

@media all and (min-width: 768px) {
	.headline1 {
		font-size: 40px;
		margin-bottom: -10px;
	}
}

@media all and (min-width: 960px) {
	.headline1 {
	font-size: 50px;
	margin-bottom: -10px;
	}
}

@media all and (min-width: 1200px) {
	.headline1{
		font-size: 50px;
		margin-bottom: 2px;
	}
}








.Shopping
{
  position: absolute;
  bottom: 0;
  right: 0;
      z-index: 999;
      width: 12%; /* 璁剧疆瀹瑰櫒鐨勫搴?*/ 
      height: 55px; /* 璁剧疆瀹瑰櫒鐨勯珮搴︼紝杩欓噷浣跨敤瑙嗗彛楂樺害 */ 
  }
  
.Shopping-1
{
  position: absolute;
  bottom: 0;
  right: 0;
      z-index: 999;
      width: 12%; /* 璁剧疆瀹瑰櫒鐨勫搴?*/ 
      height: 40px; /* 璁剧疆瀹瑰櫒鐨勯珮搴︼紝杩欓噷浣跨敤瑙嗗彛楂樺害 */ 
  }
  .Shopping-2
  {
    position: absolute;
    bottom: 0;
    right: 10%;
        z-index: 999;
        width: 60PX; /* 璁剧疆瀹瑰櫒鐨勫搴?*/ 
        height: 15%; /* 璁剧疆瀹瑰櫒鐨勯珮搴︼紝杩欓噷浣跨敤瑙嗗彛楂樺害 */ 
    }
/*# sourceMappingURL=maps/main.css.map */


/* Blog Card Text Height */
main > section.carousel-blog > div.carousel-container > div.scrollable-content > div.scrollable-content__lower > div.scrollable-content__scroller > div.blog-card:nth-child(1) > div.content > div.text {
    height: 70px;
}



/* Footer Row Top Padding */
.site-footer .site-gutters .footer-row:first-child {
    padding-top: 20px !important;
}


/* Blog Card Spacing */
.scrollable-content__scroller .blog-card {
    margin-left: 20px;
    margin-right: 20px;
}





/* Add left padding for carousel elements */
.category-carousel__headline {
    padding-left: 42px !important;
}
.scrollable-content__scroller {
    padding-left: 42px !important;
}





.carousel-blog .scrollable-content__scroller {
    padding-left: 42px !important;
}




/* Unified Header Styles */
.carousel-blog header,
.blog-carousel header {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 42px 25px 0;
    padding-left: 42px;
    overflow: visible;
}

.carousel-blog header .headline,
.blog-carousel header .headline {
    width: 443px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.carousel-blog header .button-animation-container,
.blog-carousel header .button-animation-container {
    max-width: unset;
    min-width: unset;
    text-align: right;
    height: auto;
    font-size: 18px;
    line-height: 27px;
    margin-right: 42px;
}

@media(max-width: 1024px) {
    .carousel-blog header .headline,
    .blog-carousel header .headline {
        width: 363px;
    }
}

@media(max-width: 767px) {
    .carousel-blog header,
    .blog-carousel header {
        width: calc(100% - 40px);
        margin: 0 20px 25px 0;
        padding-left: 20px;
    }
    .carousel-blog header .headline,
    .blog-carousel header .headline {
        width: 251px;
    }
    .carousel-blog header .button-animation-container,
    .blog-carousel header .button-animation-container {
        margin-right: 0;
    }
}





 

/* Final Unified Header Styles - Ensure complete consistency */
.carousel-blog header {
    display: flex !important;
    flex-direction: row !important;
    width: calc(100% - 84px) !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    margin: 0 42px !important;
    padding-left: 42px !important;
    margin-bottom: 25px !important;
    overflow: visible !important;
}
.carousel-blog header .headline {
    width: 443px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.carousel-blog header .button-animation-container {
    max-width: unset !important;
    min-width: unset !important;
    text-align: right !important;
    height: auto !important;
    font-size: 18px !important;
    line-height: 27px !important;
    margin-right: 42px !important;
}
@media(max-width: 1024px) {
    .carousel-blog header .headline {
        width: 363px !important;
    }
}
@media(max-width: 767px) {
    .carousel-blog header {
        width: calc(100% - 40px) !important;
        margin: 0 20px !important;
        padding-left: 20px !important;
    }
    .carousel-blog header .headline {
        width: 251px !important;
    }
    .carousel-blog header .button-animation-container {
        margin-right: 0 !important;
    }
}


/* PDP Layout Styles */
.pdp-layout {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.pdp-layout #galley {
    flex: 1;
    max-width: 50%;
}
.pdp-layout .bike-configuration__inner {
    flex: 1;
    max-width: 50%;
    height: auto;
}
@media (max-width: 768px) {
    .pdp-layout {
        flex-direction: column;
    }
    .pdp-layout #galley,
    .pdp-layout .bike-configuration__inner {
        max-width: 100%;
    }
}

/* WooCommerce Variation Form Styles */
.pdp__variations-form .woocommerce-variation-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
}

.pdp__variations-form .woocommerce-variation-availability {
    font-size: 2.3rem;
    color: #666;
}

.pdp__variations-form .woocommerce-variation-add-to-cart {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.625rem;
    width: 100%;
}

/* Add to cart 按钮禁用状态 */
.woocommerce div.product form.cart .pdp__variations-form .single_add_to_cart_button.alvas-btn-disabled,
.woocommerce div.product form.cart .pdp__variations-form .single_add_to_cart_button:disabled,
.woocommerce div.product form.cart .pdp__variations-form .single_add_to_cart_button.disabled,
.woocommerce div.product form.cart .pdp__variations-form .single_add_to_cart_button.wc-variation-selection-needed,
.woocommerce div.product form.cart .pdp__variations-form .single_add_to_cart_button.wc-variation-is-unavailable,
.pdp__variations-form .single_add_to_cart_button.alvas-btn-disabled,
.pdp__variations-form .single_add_to_cart_button:disabled,
.pdp__variations-form .single_add_to_cart_button.disabled,
.pdp__variations-form .single_add_to_cart_button.wc-variation-selection-needed,
.pdp__variations-form .single_add_to_cart_button.wc-variation-is-unavailable {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 5rem !important;
    min-height: 5rem !important;
    padding: 0 1.25rem !important;
    margin: 0 !important;
    float: none !important;
    background-color: #CCCCCC !important;
    color: #999999 !important;
    border: none !important;
    border-radius: 0.25rem !important;
    font-family: inherit !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
    outline: none !important;
    word-break: normal !important;
}

/* 隐藏标准 variations 表格的边框和间距 */
.pdp__variations-form .variations {
    border: none;
}
.pdp__variations-form .variations .label,
.pdp__variations-form .variations .value {
    display: inline;
}

.pdp__variations-form .quantity {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.pdp__variations-form .quantity .minus,
.pdp__variations-form .quantity .plus {
    width: 32px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ddd;
    border-radius: 4px;
    font-size: 1.2rem;
    color: #333;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

.pdp__variations-form .quantity .minus:hover,
.pdp__variations-form .quantity .plus:hover {
    border-color: #000;
}

.pdp__variations-form .quantity input {
    width: 100%;
    height: 44px;
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
}

.woocommerce div.product form.cart .pdp__variations-form .single_add_to_cart_button,
.pdp__variations-form .single_add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 5rem !important;
    min-height: 5rem !important;
    padding: 0 1.25rem !important;
    margin: 0 !important;
    float: none !important;
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0.25rem !important;
    font-family: inherit !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: all 0.2s ease !important;
    vertical-align: middle !important;
    outline: none !important;
    flex-shrink: 0 !important;
    word-break: normal !important;
}

.pdp__variations-form .single_add_to_cart_button:hover {
    background: #333 !important;
    color: #fff !important;
}

.pdp__variations-form .single_add_to_cart_button.disabled {
    background: #ccc;
    cursor: not-allowed;
}