.hide {
	display: none !important
}

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

.bg-image-wrapper {
	position: relative;
	overflow: hidden
}

.bg-image-wrapper .bg-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position-x: 50%;
	background-position-y: 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.bg-image-wrapper .text-content {
	z-index: 2;
	position: relative
}

.cropped-image-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 60%;
	overflow: hidden;
	object-fit: cover
}

.cropped-image-wrapper img {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	transform: translate(-50%, -50%);
	min-height: 100%;
	object-fit: cover;
	width: auto;
	height: auto
}

.cropped-image-wrapper.square {
	padding-bottom: 100%
}

.cropped-image-wrapper.contain img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.scaling-image-wrapper {
	overflow: hidden
}

.lazyload {
	opacity: 0
}

img.fade-in {
	opacity: 0;
	transition: all .3s ease-in-out
}

img.fade-in.lazyloaded {
	opacity: 1
}

img.fade-and-scale {
	opacity: 0;
	transition: all .3s ease-in-out
}

img.fade-and-scale.lazyloaded {
	animation: fadeAndScaleImg .6s cubic-bezier(.72, 0, .28, 1) forwards
}

@keyframes fadeAndScaleImg {
	0% {
		opacity: 0;
		transform: scale(1.08)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.sliding-img-wrapper {
	overflow: hidden;
	position: relative;
	transition: all 1s cubic-bezier(.34, .615, .4, .985);
	pointer-events: none
}

.sliding-img-wrapper .img-slide-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 1s cubic-bezier(.34, .615, .4, .985) .5s;
	background: #fb48c4;
	z-index: 2
}

.sliding-img-wrapper[data-shape=circle] {
	border-radius: 50%
}

.sliding-img-wrapper[data-shape=circle] .img-slide-bg {
	border-radius: 50%;
	transform: scale(0);
	transition: all .9s cubic-bezier(.34, .615, .4, .985)
}

.sliding-img-wrapper[data-shape=circle] .img-slide {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	clip-path: circle(0 at center);
	transition: all .9s cubic-bezier(.34, .615, .4, .985)
}

.sliding-img-wrapper[data-slide-origin=top] {
	transform: translateY(-50vh)
}

.sliding-img-wrapper[data-slide-origin=bottom] {
	transform: translateY(30%)
}

.sliding-img-wrapper[data-slide-origin=right] {
	transform: translate(120%)
}

.sliding-img-wrapper[data-slide-origin=left] {
	transform: translate(-120%)
}

[data-slide-order="1"],
[data-slide-order="2"],
[data-slide-order="3"],
[data-slide-order="4"],
[data-slide-order="5"] {
	opacity: 0;
	transform: translateY(2rem);
	transition: all .7s cubic-bezier(.34, .615, .4, .985)
}

.js-animate .sliding-img-wrapper[data-shape=circle] {
	transform: none;
	left: 15%;
	transition-delay: .2s
}

.js-animate .sliding-img-wrapper[data-shape=circle] .img-slide,
.js-animate .sliding-img-wrapper[data-shape=circle] .img-slide-bg {
	transition-delay: .2s
}

.js-animate .sliding-img-wrapper[data-shape=circle] .img-slide-bg {
	transform: scale(1)
}

.js-animate .sliding-img-wrapper[data-shape=circle] .img-slide {
	clip-path: circle(52% at center)
}

.js-animate .sliding-img-wrapper[data-swipe-dir=down],
.js-animate .sliding-img-wrapper[data-swipe-dir=right],
.js-animate .sliding-img-wrapper[data-swipe-dir=left],
.js-animate .sliding-img-wrapper[data-swipe-dir=up] {
	transform: none;
	transition-delay: .7s
}

.js-animate .sliding-img-wrapper[data-swipe-dir=down] .img-slide-bg,
.js-animate .sliding-img-wrapper[data-swipe-dir=right] .img-slide-bg,
.js-animate .sliding-img-wrapper[data-swipe-dir=left] .img-slide-bg,
.js-animate .sliding-img-wrapper[data-swipe-dir=up] .img-slide-bg {
	transform: none;
	transition-delay: .8s
}

.js-animate .sliding-img-wrapper[data-swipe-dir=up] .img-slide-bg {
	transform: translateY(-103%)
}

.js-animate .sliding-img-wrapper[data-swipe-dir=down] .img-slide-bg {
	transform: translateY(103%)
}

.js-animate .sliding-img-wrapper[data-swipe-dir=left] .img-slide-bg {
	transform: translate(-103%)
}

.js-animate .sliding-img-wrapper[data-swipe-dir=right] .img-slide-bg {
	transform: translate(103%)
}

.js-animate .sliding-img-wrapper[data-slide-order="1"],
.js-animate .sliding-img-wrapper[data-slide-order="2"],
.js-animate .sliding-img-wrapper[data-slide-order="3"],
.js-animate .sliding-img-wrapper[data-slide-order="4"],
.js-animate .sliding-img-wrapper[data-slide-order="5"] {
	opacity: 1;
	transform: none
}

.js-animate .sliding-img-wrapper[data-slide-order="1"] {
	transition-delay: .1s
}

.js-animate .sliding-img-wrapper[data-slide-order="2"] {
	transition-delay: .4s
}

.js-animate .sliding-img-wrapper[data-slide-order="3"] {
	transition-delay: .8s
}

.js-animate .sliding-img-wrapper[data-slide-order="4"] {
	transition-delay: 1.2s
}

.js-animate .sliding-img-wrapper[data-slide-order="5"] {
	transition-delay: 1.6s
}

.js-animate .sliding-img-wrapper[data-slide-order="6"] {
	transition-delay: 1.8s
}

.video-wrapper {
	position: relative;
	height: 0;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	padding-bottom: 56.2%
}

@media (max-width: 1024px) {
	.video-wrapper {
		padding-bottom: 137.2%
	}
}

.video-wrapper .placeholder {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.video-wrapper .video-play-button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
	transition: opacity .3s ease-in-out
}

.video-wrapper .video-play-button svg {
	width: 7.6rem;
	height: 7.6rem
}

@media (max-width: 1024px) and (min-width: 581px) {
	.video-wrapper .video-play-button svg {
		width: 7rem;
		height: 7rem
	}
}

@media (max-width: 580px) {
	.video-wrapper .video-play-button svg {
		width: 5rem;
		height: 5rem
	}
}

.video-wrapper.playing .video-play-button {
	opacity: 0;
	pointer-events: none
}

html {
	font-size: 10px;
	font-size: .6944444444444vw
}

body {
	background-color: #fff;
	font-family: Brown, sans-serif;
	font-size: 1.6rem;
	color: #4a4a4a;
	line-height: 1.4375;
	letter-spacing: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased
}

@media (max-width: 580px) {
	body {
		font-size: 1.4rem
	}
}

a {
	color: #4a4a4a;
	text-decoration: none;
	transition: all .3s ease-in-out
}

a:active,
a:hover {
	color: #313131
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	font-style: normal;
	line-height: 1
}

.marquee-text {
	font-size: 14.814rem;
	font-family: Brown, sans-serif;
	font-weight: 300;
	letter-spacing: 0
}

@media (max-width: 1024px) and (min-width: 581px) {
	.marquee-text {
		font-size: 7.2rem
	}
}

@media (max-width: 580px) {
	.marquee-text {
		font-size: 3.914rem
	}
}

.h1-sans,
h1 {
	letter-spacing: -.049rem;
	font-size: 12rem;
	font-family: Brown, sans-serif;
	font-weight: 700;
	line-height: 1.15833
}

@media (max-width: 580px) {

	.h1-sans,
	h1 {
		font-size: 4.4rem;
		letter-spacing: -.18px;
		letter-spacing: -.018rem;
		line-height: 1.25
	}
}

.call-out,
[class*=h2-sans],
h2 {
	font-size: 6rem;
	letter-spacing: -.011rem;
	font-family: Brown, sans-serif;
	font-weight: 400;
	line-height: 1.25
}

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

	.call-out,
	[class*=h2-sans],
	h2 {
		font-size: 3.7rem;
		letter-spacing: -.011rem;
		line-height: 1.64865
	}
}

@media (max-width: 580px) {

	.call-out,
	[class*=h2-sans],
	h2 {
		font-size: 3.6rem;
		letter-spacing: -.006rem;
		line-height: 1.11111
	}
}

.call-out.h2-sans--bold,
[class*=h2-sans].h2-sans--bold,
h2.h2-sans--bold {
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.08333
}

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

	.call-out.h2-sans--bold,
	[class*=h2-sans].h2-sans--bold,
	h2.h2-sans--bold {
		font-size: 5.5rem;
		line-height: 1.09091
	}
}

@media (max-width: 580px) {

	.call-out.h2-sans--bold,
	[class*=h2-sans].h2-sans--bold,
	h2.h2-sans--bold {
		font-size: 3.6rem;
		letter-spacing: -.006rem;
		line-height: 1.13889
	}
}

.h3-sans,
h3 {
	font-size: 5.2rem;
	font-family: Brown, sans-serif;
	font-weight: 400;
	letter-spacing: 0
}

@media (max-width: 580px) {

	.h3-sans,
	h3 {
		font-size: 3.5rem
	}
}

.h4-sans,
h4 {
	font-size: 4.5rem;
	letter-spacing: .44rem;
	font-family: Brown, sans-serif;
	font-weight: 700;
	text-transform: uppercase
}

@media (max-width: 580px) {

	.h4-sans,
	h4 {
		font-size: 2.6rem;
		letter-spacing: .254rem
	}
}

.h5-sans,
h5 {
	font-size: 4.4rem;
	font-family: Brown, sans-serif;
	font-weight: 700;
	letter-spacing: 0
}

@media (max-width: 580px) {

	.h5-sans,
	h5 {
		font-size: 3.5rem
	}
}

.h6-sans,
h6 {
	font-size: 2rem;
	letter-spacing: .144rem;
	text-transform: uppercase;
	font-family: Brown, sans-serif;
	font-weight: 700;
	line-height: 1.25
}

@media (max-width: 580px) {

	.h6-sans,
	h6 {
		font-size: 1.8rem;
		letter-spacing: .144rem
	}
}

.h1-serif,
h1.serif {
	font-size: 13rem;
	font-family: Sainte Colombe, serif;
	font-weight: 500;
	letter-spacing: 0
}

@media (max-width: 580px) {

	.h1-serif,
	h1.serif {
		font-size: 5.5rem
	}
}

.h2-serif,
h2.serif {
	font-size: 6rem;
	font-family: Sainte Colombe, serif;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.38333;
	text-transform: none
}

@media (max-width: 580px) {

	.h2-serif,
	h2.serif {
		font-size: 3.3rem;
		letter-spacing: 0
	}
}

.dropdown-navigation,
.h3-serif {
	font-size: 1.7rem;
	font-family: Sainte Colombe, serif;
	font-weight: 500;
	letter-spacing: 0
}

@media (max-width: 580px) {

	.dropdown-navigation,
	.h3-serif {
		font-size: 1.7rem
	}
}

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

sup {
	font-size: .7em;
	position: relative;
	top: -.45rem
}

.call-out sup,
.h2-sans sup {
	font-size: .3em;
	position: relative;
	top: -2.2rem;
	left: 0
}

@media (max-width: 580px) {

	.call-out sup,
	.h2-sans sup {
		font-size: 1.8rem
	}
}

.body-sans-1 {
	font-size: 3.5rem;
	letter-spacing: 0
}

@media (max-width: 1024px) and (min-width: 581px) {
	.body-sans-1 {
		font-size: 3rem
	}
}

@media (max-width: 580px) {
	.body-sans-1 {
		font-size: 2.2rem
	}
}

.body-sans-1.body-sans-1--bold {
	font-weight: 700
}

[class*=body-sans-2] {
	font-size: 2.5rem;
	letter-spacing: 0;
	line-height: 1.84
}

@media (max-width: 1024px) and (min-width: 581px) {
	[class*=body-sans-2] {
		font-size: 2.2rem;
		line-height: 1.81818
	}
}

@media (max-width: 580px) {
	[class*=body-sans-2] {
		font-size: 1.5rem;
		line-height: 1.6
	}
}

[class*=body-sans-2].body-sans-2--bold {
	font-weight: 700
}

[class*=body-sans-3] {
	font-size: 1.6rem;
	font-family: Brown, sans-serif;
	font-weight: 400;
	line-height: 1.4375;
	letter-spacing: 0
}

@media (max-width: 1024px) {
	[class*=body-sans-3] {
		font-size: 1.5rem
	}
}

@media (max-width: 580px) {
	[class*=body-sans-3] {
		font-size: 1.4rem;
		line-height: 1.71429
	}
}

[class*=body-sans-3].body-sans-3--bold {
	font-weight: 700
}

[class*=body-sans-4] {
	font-size: 1.1rem;
	font-family: Brown, sans-serif;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.36364
}

@media (max-width: 580px) {
	[class*=body-sans-4] {
		font-size: 1.1rem
	}
}

.body-serif-1 {
	font-size: 3.5rem;
	letter-spacing: 0;
	font-family: Sainte Colombe, serif;
	line-height: 1.57143;
	font-weight: 400
}

@media (max-width: 1024px) {
	.body-serif-1 {
		font-size: 2.5rem
	}
}

@media (max-width: 580px) {
	.body-serif-1 {
		font-size: 2rem
	}
}

.body-serif-2 {
	font-size: 2rem;
	letter-spacing: 0;
	font-family: Sainte Colombe, serif;
	line-height: 1.45;
	font-weight: 400
}

@media (max-width: 1024px) {
	.body-serif-2 {
		font-size: 2.5rem
	}
}

@media (max-width: 580px) {
	.body-serif-2 {
		font-size: 1.2rem;
		line-height: 1.66667
	}
}

.body-sans-1 ol,
.body-sans-1 p,
.body-sans-1 ul,
.body-sans-2 ol,
.body-sans-2 p,
.body-sans-2 ul,
.body-sans-3 ol,
.body-sans-3 p,
.body-sans-3 ul,
.body-sans-4 ol,
.body-sans-4 p,
.body-sans-4 ul {
	margin-bottom: 2rem
}

.desc ul,
.desc-large ul {
	list-style: disc
}

.desc ol,
.desc-large ol,
.desc ol li,
.desc-large ol li {
	list-style: decimal
}

.desc em,
.desc-large em {
	font-style: italic
}

.medium-caps,
.flyout-nav a {
	font-size: 1.6rem;
	font-family: Brown, sans-serif;
	font-weight: 700;
	letter-spacing: .192rem;
	line-height: 1.4375;
	text-transform: uppercase
}

@media (max-width: 580px) {

	.medium-caps,
	.flyout-nav a {
		font-size: 1.3rem;
		letter-spacing: .176rem;
		line-height: 1.76923
	}
}

.sidebar-accordion__menu button.small-caps,
.sidebar-accordion__menu .search-bar button.search-submit-btn,
.search-bar .sidebar-accordion__menu button.search-submit-btn,
.small-caps,
.flyout-nav .submenu li,
.flyout-nav .submenu a,
.search-bar .search-submit-btn,
footer nav a {
	font-size: 1.2rem;
	letter-spacing: .116rem;
	font-family: Brown, sans-serif;
	font-weight: 700;
	text-transform: uppercase
}

@media (max-width: 580px) {

	.sidebar-accordion__menu button.small-caps,
	.sidebar-accordion__menu .search-bar button.search-submit-btn,
	.search-bar .sidebar-accordion__menu button.search-submit-btn,
	.small-caps,
	.flyout-nav .submenu li,
	.flyout-nav .submenu a,
	.search-bar .search-submit-btn,
	footer nav a {
		font-size: 1.4rem;
		letter-spacing: .128rem;
		line-height: 2.4rem
	}
}

.tiny-caps,
.footer-sub-menu ul a {
	font-size: 1.1rem;
	letter-spacing: .106rem;
	font-family: Brown, sans-serif;
	font-weight: 400;
	line-height: 1.54545;
	text-transform: uppercase
}

@media (max-width: 580px) {

	.tiny-caps,
	.footer-sub-menu ul a {
		font-size: 1.2rem;
		letter-spacing: .116rem;
		line-height: 1.41667
	}
}

.input-field {
	font-family: Brown, sans-serif;
	font-weight: 400;
	font-size: 5.7rem;
	letter-spacing: 0;
	line-height: 1.05263
}

@media (max-width: 580px) {
	.input-field {
		font-size: 2.2rem;
		line-height: 2.4rem
	}
}

.text-columns {
	column-count: 2;
	column-gap: 8.8rem
}

hr {
	border: 0;
	border-bottom: 1px solid #4a4a4a
}

.fa-times {
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	line-height: 1
}

.fa-times:before {
	content: "\d7" !important;
	font-size: 3.5rem
}

@media (max-width: 1024px) and (min-width: 581px) {
	html {
		font-size: 1.25vw
	}
}

@media (max-width: 580px) {
	html {
		font-size: 2.5vw
	}
}

@media only screen and (min-width: 1800px) {
	html {
		font-size: 13px
	}
}

.hide {
	display: none
}

* {
	box-sizing: border-box
}

.layout-product,
body {
	overflow-x: hidden
}

.v-aligner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.v-h-aligner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.split-aligner {
	display: flex;
	justify-content: space-between;
	align-items: center
}

[class*=container] {
	width: 100%
}

@media (min-width: 1025px) {
	.container {
		padding-left: 12.6rem;
		padding-right: 12.6rem
	}
}

@media (max-width: 1024px) and (min-width: 581px) {
	.container {
		padding-left: 8rem;
		padding-right: 8rem
	}
}

@media (max-width: 580px) {
	.container {
		padding-left: 3.2rem;
		padding-right: 3.2rem
	}
}

@media (max-width: 1024px) {
	.container.large-only {
		padding-left: 0;
		padding-right: 0
	}
}

.container-full {
	padding-left: 5rem;
	padding-right: 5rem
}

@media (max-width: 1024px) and (min-width: 581px) {
	.container-full {
		padding-left: 4rem;
		padding-right: 4rem
	}
}

@media (max-width: 580px) {
	.container-full {
		padding-left: 2rem;
		padding-right: 2rem
	}
}

@media (max-width: 580px) {
	.container-sm-only {
		padding-left: 4rem;
		padding-right: 4rem
	}
}

.padded {
	padding-top: 8rem;
	padding-bottom: 8rem
}

@media (max-width: 1024px) and (min-width: 581px) {
	.padded {
		padding-top: 6rem;
		padding-bottom: 6rem
	}
}

@media (max-width: 580px) {
	.padded {
		padding-top: 4rem;
		padding-bottom: 4rem
	}
}

.padded--bottom {
	padding-bottom: 8rem
}

@media (max-width: 1024px) and (min-width: 581px) {
	.padded--bottom {
		padding-bottom: 6rem
	}
}

@media (max-width: 580px) {
	.padded--bottom {
		padding-bottom: 4rem
	}
}

.padded--top {
	padding-top: 8rem
}

@media (max-width: 1024px) and (min-width: 581px) {
	.padded--top {
		padding-top: 6rem
	}
}

@media (max-width: 580px) {
	.padded--top {
		padding-top: 4rem
	}
}

.cssgrid .site {
	display: flex;
	min-height: 100vh;
	flex-direction: column
}

.cssgrid .site-content {
	flex: 1
}

.clearfix:after,
.no-cssgrid [class^=cols]:after,
.clearfix:before,
.no-cssgrid [class^=cols]:before {
	content: " ";
	display: table
}

.clearfix:after,
.no-cssgrid [class^=cols]:after {
	clear: both
}

.clearfix,
.no-cssgrid [class^=cols] {
	*zoom: 1
}

.fancybox-content .fa-times {
	color: #4a4a4a;
	font-size: 3.5rem;
	position: absolute;
	top: 2rem;
	right: 3rem
}

[class*=cols] {
	display: grid;
	grid-template-rows: auto;
	grid-column-gap: 2rem;
	grid-row-gap: 1.5rem;
	grid-template-columns: 1fr
}

.no-gutters {
	grid-column-gap: 0;
	grid-row-gap: 0
}

@media (max-width: 580px) {
	.cols-2-sm {
		grid-template-columns: repeat(2, 1fr);
		display: grid;
		grid-template-rows: auto
	}
}

@media (min-width: 1025px) {
	.cols-2-md {
		display: block !important
	}
}

@media (max-width: 1024px) and (min-width: 581px) {
	.cols-2-md {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (min-width: 581px) {
	.cols-2 {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (min-width: 581px) {
	.cols-3 {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media (min-width: 581px) {
	.cols-4 {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (min-width: 1025px) {
	.cols-4 {
		grid-template-columns: repeat(4, 1fr)
	}
}

@media (min-width: 581px) {
	.cols-1-2 {
		grid-template-columns: 1fr 2fr
	}
}

@media (min-width: 1025px) {
	.cols-1-2-lg {
		grid-template-columns: 1fr 2fr
	}
}

@media (min-width: 581px) {
	.cols-2-1 {
		grid-template-columns: 2fr 1fr
	}
}

@media (min-width: 1025px) {
	.cols-2-3 {
		grid-template-columns: 2fr 3fr
	}
}

@media (min-width: 1025px) {
	.cols-3-2 {
		grid-template-columns: 3fr 2fr
	}
}

@media (min-width: 1025px) {
	.cols-1-3 {
		grid-template-columns: 1fr 3fr
	}
}

@media (min-width: 581px) {
	.cols-1-3-md {
		grid-template-columns: 1fr 3fr;
		grid-gap: 3.5rem
	}
}

@media (min-width: 1025px) {
	.cols-3-1 {
		grid-template-columns: 3fr 1fr
	}
}

@media (min-width: 1025px) {
	.cols-5-6 {
		grid-template-columns: 5fr 6fr
	}
}

@media (min-width: 1025px) {
	.cols-6-5 {
		grid-template-columns: 6fr 5fr
	}
}

.no-cssgrid [class^=cols]>* {
	margin-bottom: 1.5rem
}

@media (min-width: 581px) {
	.no-cssgrid [class^=cols] {
		margin-left: -2rem
	}

	.no-cssgrid [class^=cols]>* {
		float: left;
		margin-left: 2rem
	}

	.no-cssgrid .cols-2>* {
		width: calc(50% - 2rem)
	}

	.no-cssgrid .cols-3>* {
		width: calc(33.3% - 2rem)
	}

	.no-cssgrid .cols-4>* {
		width: calc(25% - 2rem)
	}

	.no-cssgrid .cols-1-2>:first-of-type {
		width: calc(33.33% - 2rem)
	}

	.no-cssgrid .cols-1-2>:last-of-type {
		width: calc(66.66% - 2rem)
	}

	.no-cssgrid .cols-2-1>:first-of-type {
		width: calc(66.66% - 2rem)
	}

	.no-cssgrid .cols-2-1>:last-of-type {
		width: calc(33.33% - 2rem)
	}
}

.open-flyout-nav {
	position: fixed;
	overflow: hidden;
	width: 100%
}

.nav-wrapper {
	background: #6e6e6e;
	color: #fff;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100
}

.nav-wrapper>.container-full {
	height: 5.5rem
}

@media (max-width: 580px) {
	.nav-wrapper>.container-full {
		height: 5rem
	}
}

.close-nav-flyout {
	cursor: pointer;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 102;
	opacity: 0;
	visibility: hidden;
	transition: all .3s cubic-bezier(.34, .615, .4, .985)
}

.template-product .nav-wrapper {
	position: fixed
}

.flyout-nav a {
	font-size: 1.5rem;
	display: block;
	margin: 0 0 1.4rem;
	color: #5b5d63
}

.flyout-nav a {
	overflow: hidden;
	line-height: 1;
	display: inline-block
}

.flyout-nav a span {
	transform: translateY(110%);
	display: block;
	padding-bottom: .2rem
}

@media (max-width: 580px) {
	.flyout-nav .account-link {
		margin-top: 3rem
	}
}

.flyout-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100% * 1 / 3);
	height: 100%;
	background-color: #fbecf6;
	transition: all .8s cubic-bezier(.32, .24, .15, 1);
	transform: translate(-100%);
	z-index: 320;
	padding: 14.5rem 6rem 6rem 8rem;
	overflow-y: scroll
}

@media (max-width: 580px) {
	.flyout-nav {
		width: 100%;
		padding: 10rem 5rem 3rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start
	}
}

.flyout-nav:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: .2rem;
	width: 1px;
	height: 0;
	background: #5B5D62
}

.open-flyout-nav .flyout-nav {
	transform: none
}

.open-flyout-nav .flyout-nav .childless span,
.open-flyout-nav .flyout-nav .parent span {
	opacity: 1;
	transform: none;
	transition: transform 1s cubic-bezier(.28, 0, .49, 1)
}

.open-flyout-nav .close-nav-flyout {
	opacity: 1;
	visibility: visible
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(1)>a>span {
	transition-delay: 0s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(2)>a>span {
	transition-delay: 85ms
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(3)>a>span {
	transition-delay: .17s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(4)>a>span {
	transition-delay: .255s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(5)>a>span {
	transition-delay: .34s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(6)>a>span {
	transition-delay: .425s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(7)>a>span {
	transition-delay: .51s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(8)>a>span {
	transition-delay: .595s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(9)>a>span {
	transition-delay: .68s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(10)>a>span {
	transition-delay: .765s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(11)>a>span {
	transition-delay: .85s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(12)>a>span {
	transition-delay: .935s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(13)>a>span {
	transition-delay: 1.02s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(14)>a>span {
	transition-delay: 1.105s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(15)>a>span {
	transition-delay: 1.19s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(16)>a>span {
	transition-delay: 1.275s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(17)>a>span {
	transition-delay: 1.36s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(18)>a>span {
	transition-delay: 1.445s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(19)>a>span {
	transition-delay: 1.53s
}

.open-flyout-nav .flyout-nav>ul>li:nth-of-type(20)>a>span {
	transition-delay: 1.615s
}

.flyout-nav .submenu {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	visibility: hidden;
	transition: all .4s cubic-bezier(.34, .615, .4, .985)
}

.flyout-nav .submenu ul {
	padding-top: 1.6rem;
	padding-bottom: 2.6rem
}

.flyout-nav .submenu a {
	font-weight: 400;
	letter-spacing: .3rem;
	position: relative;
	padding-bottom: .2rem
}

@media (max-width: 580px) {
	.flyout-nav .submenu a {
		margin-bottom: 0
	}
}

.flyout-nav .submenu a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - .2rem);
	height: 1px;
	background: #5B5D62;
	transform: translate(-102%);
	opacity: 0;
	transition: all .3s ease-in-out
}

@media (min-width: 581px) {
	.flyout-nav .submenu a.active:before {
		transform: none;
		opacity: 1
	}
}

.flyout-nav [data-expanded=true] {
	max-height: 400vh;
	opacity: 1;
	visibility: visible
}

.flyout-nav [data-expanded=true] a {
	opacity: 1
}

.flyout-nav [data-expanded=true] span {
	transform: none;
	transition: transform .8s cubic-bezier(.28, 0, .49, 1)
}

.flyout-nav [data-expanded=true] li:nth-of-type(1) a span {
	transition-delay: 0s
}

.flyout-nav [data-expanded=true] li:nth-of-type(2) a span {
	transition-delay: .08s
}

.flyout-nav [data-expanded=true] li:nth-of-type(3) a span {
	transition-delay: .16s
}

.flyout-nav [data-expanded=true] li:nth-of-type(4) a span {
	transition-delay: .24s
}

.flyout-nav [data-expanded=true] li:nth-of-type(5) a span {
	transition-delay: .32s
}

.flyout-nav [data-expanded=true] li:nth-of-type(6) a span {
	transition-delay: .4s
}

.flyout-nav [data-expanded=true] li:nth-of-type(7) a span {
	transition-delay: .48s
}

.flyout-nav [data-expanded=true] li:nth-of-type(8) a span {
	transition-delay: .56s
}

.flyout-nav [data-expanded=true] li:nth-of-type(9) a span {
	transition-delay: .64s
}

.flyout-nav [data-expanded=true] li:nth-of-type(10) a span {
	transition-delay: .72s
}

.flyout-nav [data-expanded=true] li:nth-of-type(11) a span {
	transition-delay: .8s
}

.flyout-nav [data-expanded=true] li:nth-of-type(12) a span {
	transition-delay: .88s
}

.flyout-nav [data-expanded=true] li:nth-of-type(13) a span {
	transition-delay: .96s
}

.flyout-nav [data-expanded=true] li:nth-of-type(14) a span {
	transition-delay: 1.04s
}

.flyout-nav [data-expanded=true] li:nth-of-type(15) a span {
	transition-delay: 1.12s
}

.flyout-nav [data-expanded=true] li:nth-of-type(16) a span {
	transition-delay: 1.2s
}

.flyout-nav [data-expanded=true] li:nth-of-type(17) a span {
	transition-delay: 1.28s
}

.flyout-nav [data-expanded=true] li:nth-of-type(18) a span {
	transition-delay: 1.36s
}

.flyout-nav [data-expanded=true] li:nth-of-type(19) a span {
	transition-delay: 1.44s
}

.flyout-nav [data-expanded=true] li:nth-of-type(20) a span {
	transition-delay: 1.52s
}

.hamburger {
	cursor: pointer;
	width: 19px;
	height: 14px;
	position: relative;
	padding: 1rem
}

.hamburger span {
	display: block;
	border-bottom: 2px solid white;
	border-radius: 10px;
	width: 100%;
	position: absolute;
	height: 1px;
	left: 50%;
	transform: translate(-50%);
	transition: all .2s ease-in-out
}

.hamburger span:first-of-type {
	top: 0
}

.hamburger span:nth-of-type(2) {
	top: 50%
}

.hamburger span:last-of-type {
	top: 100%
}

nav .close-button {
	width: 24px;
	height: 24px;
	overflow: hidden;
	top: 4rem;
	left: 8rem;
	position: absolute
}

@media (max-width: 580px) {
	nav .close-button {
		left: auto;
		top: 2.5rem;
		right: 2.5rem
	}
}

nav .close-button span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #5B5D62;
	transition: all .3s ease-in
}

@media (max-width: 580px) {
	nav .close-button span {
		height: 1px
	}
}

nav .close-button span:first-of-type {
	transform: rotate(45deg)
}

nav .close-button span:last-of-type {
	transform: rotate(-45deg)
}

nav .close-button:hover span:first-of-type {
	transform: rotate(-45deg)
}

nav .close-button:hover span:last-of-type {
	transform: rotate(45deg)
}

@media (max-width: 580px) {
	nav .back-button {
		width: 24px;
		position: absolute;
		left: 2.5rem;
		top: 2.5rem
	}
}

.logo-wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3
}

.logo-wrapper a {
	display: block
}

.logo-wrapper img {
	width: 100%
}

.logo-wrapper .text-logo {
	transition: all .2s cubic-bezier(.28, 0, .49, 1) .15s
}

.logo-wrapper .logo-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	transition: all .2s cubic-bezier(.28, 0, .49, 1);
	transform: translate(-50%, -50%)
}

@media (min-width: 581px) {
	.logo-wrapper {
		width: 17.4rem
	}

	.logo-wrapper .logo-icon {
		width: 5.4rem
	}
}

@media (max-width: 580px) {
	.logo-wrapper {
		width: 13.7rem
	}

	.logo-wrapper .logo-icon {
		width: 5.4rem
	}
}

.has-scrolled .logo-wrapper .logo-icon {
	opacity: 1;
	transition: all .2s cubic-bezier(.28, 0, .49, 1) .15s;
	transform: translate(-50%, -50%)
}

.has-scrolled .logo-wrapper .text-logo {
	opacity: 0;
	transition: all .2s cubic-bezier(.28, 0, .49, 1)
}

.right-nav {
	display: flex;
	align-items: center
}

.nav-cart-link {
	margin-left: 3rem;
	transition: all .6s cubic-bezier(.34, .615, .4, .985)
}

@media (max-width: 580px) {
	.nav-cart-link {
		margin-left: 1.6rem
	}
}

.nav-cart-link:hover {
	transform: translateY(.2rem)
}

.nav-cart-link .cart-icon {
	position: relative;
	display: block
}

.nav-cart-link .cart-counter {
	font-size: .8rem;
	border-radius: 50%;
	text-align: center;
	color: #6e6e6e;
	position: absolute;
	top: -.5rem;
	right: -.8rem;
	opacity: 0;
	visibility: hidden;
	transition: all .3s cubic-bezier(.28, 0, .49, 1);
	height: 1.4rem;
	line-height: 1.4rem;
	width: 1.4rem
}

.nav-cart-link .cart-counter.loaded {
	opacity: 1;
	visibility: visible
}

.nav-cart-link .cart-counter .cart-number {
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1.4rem;
	height: 1.4rem
}

.nav-cart-link .cart-counter .cart-bubble {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1.4rem
}

.nav-cart-link .cart-counter .cart-bubble svg {
	display: block
}

.icon-cart {
	display: block;
	width: 1.6rem
}

.nav-search {
	display: flex;
	align-items: center
}

.icon-search {
	display: block;
	color: #fff;
	width: 1.4rem;
	transition: all .6s cubic-bezier(.34, .615, .4, .985)
}

.icon-search:hover {
	transform: translateY(.2rem)
}

.icon-account {
	width: 1.6rem;
	display: block
}

.icon-account g {
	stroke-width: 1
}

@media (max-width: 580px) {
	.icon-account g {
		stroke: #4a4a4a
	}
}

@media (min-width: 581px) {
	.nav-wrapper .account-link {
		font-size: 1.5rem;
		color: #fff;
		letter-spacing: .1rem;
		margin-left: 3rem;
		overflow: hidden;
		display: inline-block;
		position: relative;
		transition: all .6s cubic-bezier(.34, .615, .4, .985);
		top: .1rem
	}

	.nav-wrapper .account-link:hover {
		color: #fff;
		transform: translateY(.2rem)
	}
}

.shoppable-nav {
	position: fixed;
	top: 0;
	left: calc(100% * 1 / 3);
	width: calc(100% * 2 / 3);
	height: 100%;
	background-color: #fbecf6;
	transition: all .9s cubic-bezier(.32, .24, .15, 1);
	transform: translate(-160%);
	z-index: 302;
	padding: 14.5rem 12rem 6rem;
	overflow-y: scroll
}

@media (max-width: 580px) {
	.shoppable-nav {
		padding: 8rem 3rem;
		left: 0;
		width: 100%;
		transform: translate(-102%);
		z-index: 330
	}
}

.shoppable-nav-panel {
	display: none
}

.shoppable-nav-panel {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start
}

.shoppable-nav-panel .product {
	width: 30%;
	margin-bottom: 7rem
}

@media (max-width: 580px) {
	.shoppable-nav-panel .product {
		width: 50%
	}
}

.shoppable-nav-panel .product .cropped-image-wrapper {
	width: 100%;
	padding-bottom: 100%;
	margin-bottom: 2.4rem
}

.shoppable-nav-panel .product .cropped-image-wrapper img {
	object-fit: contain;
	object-position: center;
	width: 100%;
	height: 100%
}

.shoppable-nav-panel .product .product-title {
	transition: all .3s cubic-bezier(.34, .615, .4, .985);
	max-width: 16rem;
	text-align: center;
	margin-left: auto;
	margin-right: auto
}

@media (min-width: 581px) {
	.shoppable-nav-panel .product.flex-1 {
		width: 29%;
		margin-right: 1%;
		transform: translateY(-3rem)
	}

	.shoppable-nav-panel .product.flex-2 {
		width: 32%;
		margin-left: 1%;
		margin-right: 1%;
		align-self: center
	}

	.shoppable-nav-panel .product.flex-2 .cropped-image-wrapper {
		transform: rotate(-30deg)
	}

	.shoppable-nav-panel .product.flex-3 {
		width: 33%;
		margin-left: 1%;
		align-self: flex-end;
		transform: translateY(3rem)
	}

	.shoppable-nav-panel .product.flex-4 {
		transform: translateY(-6rem);
		margin-right: 1%
	}

	.shoppable-nav-panel .product.flex-4 .cropped-image-wrapper {
		transform: rotate(-30deg)
	}

	.shoppable-nav-panel .product.flex-5 {
		width: 27%;
		margin-left: 1%;
		margin-right: 1%;
		align-self: center
	}

	.shoppable-nav-panel .product.flex-6 {
		width: 34%;
		transform: translateY(3.5rem);
		align-self: flex-end;
		margin-left: 1%
	}

	.shoppable-nav-panel .product.flex-6 .cropped-image-wrapper {
		transform: rotate(-30deg)
	}
}

@media (max-width: 580px) {

	.shoppable-nav-panel .product.flex-1,
	.shoppable-nav-panel .product .flex-3,
	.shoppable-nav-panel .product .flex-5 {
		width: 50%;
		transform: translateY(-3rem)
	}

	.shoppable-nav-panel .product.flex-2,
	.shoppable-nav-panel .product .flex-4,
	.shoppable-nav-panel .product .flex-6 {
		width: 50%;
		transform: translateY(3rem)
	}

	.shoppable-nav-panel .product.flex-2 .cropped-image-wrapper,
	.shoppable-nav-panel .product .flex-4 .cropped-image-wrapper,
	.shoppable-nav-panel .product .flex-6 .cropped-image-wrapper {
		transform: rotate(-30deg)
	}
}

.shoppable-nav-panel .product .shake-wrapper {
	transition: all .8s cubic-bezier(.28, 0, .49, 1)
}

.shoppable-nav-panel .product:hover .product-title {
	color: #ff8767
}

.shoppable-nav-panel .product:hover .shake-wrapper {
	transform: translateY(-1.5rem)
}

.shoppable-nav-panel .product:hover .float-wrapper {
	animation-play-state: paused !important
}

@keyframes float-me {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(.8rem)
	}

	to {
		transform: translateY(0)
	}
}

@media (min-width: 581px) {
	.open-flyout-nav .shoppable-nav {
		transform: translate(-103%);
		transition: all .1s ease .8s
	}
}

.shoppable-nav[data-showing=true] {
	transform: translate(-1px);
	transition: all .9s cubic-bezier(.32, .24, .15, 1)
}

.shoppable-nav[data-showing=true] .float-wrapper {
	animation: float-me 8s ease-in-out infinite
}

.shoppable-nav[data-showing=true] .product:nth-of-type(6n + 2) .float-wrapper,
.shoppable-nav[data-showing=true] .product:nth-of-type(6n + 4) .float-wrapper {
	animation: float-me 8s ease-in-out infinite -2s
}

.shoppable-nav[data-showing=true] .product:nth-of-type(6n + 3) .float-wrapper,
.shoppable-nav[data-showing=true] .product:nth-of-type(6n + 5) .float-wrapper {
	animation: float-me 8s ease-in-out infinite -6s
}

@media (min-width: 581px) {
	.open-submenu .flyout-nav:before {
		height: 70vh;
		transition: all .5s ease .6s
	}
}

.shoppable-nav .product .inner {
	transform: scale(0);
	opacity: 0
}

.shoppable-nav .product .inner.scale-up {
	transition: all .6s cubic-bezier(.72, 0, .28, 1);
	transform: scale(1);
	opacity: 1
}

.search-form {
	display: inline-block
}

.search-form input {
	display: inline-block;
	width: 180px
}

.search-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateY(-120%);
	transition: all .6s cubic-bezier(0, 0, .002, 1);
	display: block;
	background: #6e6e6e;
	z-index: 200
}

.search-bar .top-bar {
	position: relative;
	z-index: 5;
	background: #6e6e6e
}

.search-bar .inner {
	max-width: 116rem;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 3.2rem;
	position: relative
}

.search-bar .top-bar .inner {
	padding-top: 3.2rem
}

.search-bar .close-search-button {
	position: absolute;
	top: 2rem;
	right: 0;
	transform: translate(110%);
	width: 2rem
}

@media (max-width: 580px) {
	.search-bar .close-search-button {
		right: 2rem
	}
}

.search-bar .close-search-button:hover {
	opacity: .8
}

@media (min-width: 581px) {
	.search-bar {
		height: 15.5rem
	}
}

.search-bar form {
	position: relative
}

.search-bar .search-submit-btn {
	color: #fb48c4;
	position: absolute;
	right: 0;
	bottom: 1.6rem;
	opacity: 0;
	transform: translateY(.5rem);
	transition: all .7s cubic-bezier(.175, .885, .32, 1.275);
	border-bottom: 2px solid transparent;
	padding-left: 0;
	padding-right: 0
}

@media (min-width: 581px) {
	.search-bar .search-submit-btn.active {
		opacity: 1;
		transform: none
	}
}

.search-bar .search-submit-btn:hover {
	border-bottom-color: #fb48c4
}

.search-bar input {
	display: inline-block;
	width: 180px;
	font-size: 6rem;
	font-family: Brown, sans-serif;
	transition: all .4s cubic-bezier(.34, .615, .4, .985);
	width: 100%;
	max-width: 100%;
	border-bottom: 1px solid white;
	color: #ffef00;
	caret-color: #fff;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none
}

@media (min-width: 581px) {
	.search-bar input {
		padding-right: 16rem
	}
}

@media (max-width: 580px) {
	.search-bar input {
		font-size: 3.6rem
	}
}

.search-bar input[type=search]::-webkit-search-cancel-button {
	display: none
}

.search-bar input[type=search]::-webkit-search-decoration,
.search-bar input[type=search]::-webkit-search-cancel-button,
.search-bar input[type=search]::-webkit-search-results-button,
.search-bar input[type=search]::-webkit-search-results-decoration {
	display: none
}

.search-bar ::-webkit-input-placeholder {
	color: #ffffff87;
	transition: all .4s cubic-bezier(.34, .615, .4, .985)
}

.search-bar ::-moz-placeholder {
	color: #ffffff87;
	transition: all .4s cubic-bezier(.34, .615, .4, .985)
}

.search-bar :-ms-input-placeholder {
	color: #ffffff87;
	transition: all .4s cubic-bezier(.34, .615, .4, .985)
}

.search-bar :-moz-placeholder {
	color: #ffffff87;
	transition: all .4s cubic-bezier(.34, .615, .4, .985)
}

.search-bar input:focus::-webkit-input-placeholder {
	color: #fff3
}

.search-bar input:focus::-moz-placeholder {
	color: #fff3
}

.search-bar input:focus:-ms-input-placeholder {
	color: #fff3
}

.search-bar input:focus:-moz-placeholder {
	color: #fff3
}

.open-search-bar .search-bar {
	transform: none
}

.search-dropdown {
	background: white;
	box-shadow: 0 3px 5px -2px #0000004d;
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	transform: translateY(-5%);
	transition: all .6s cubic-bezier(0, 0, .002, 1);
	padding-top: 6rem;
	padding-bottom: 4rem;
	height: calc(100vh - 15.2rem);
	overflow-y: scroll
}

@media (max-width: 580px) {
	.search-dropdown {
		padding-top: 3rem;
		padding-bottom: 3rem
	}
}

.search-dropdown.active {
	transform: translateY(100%);
	opacity: 1;
	visibility: visible
}

.search-dropdown h5 {
	color: #fb48c4;
	margin-bottom: 2rem
}

.search-dropdown li {
	margin-bottom: 1.6rem
}

.search-dropdown li a {
	border-bottom: 1px solid transparent
}

.search-dropdown li a:hover {
	color: #fb48c4;
	border-bottom-color: #fb48c4
}

.search-dropdown .link-styles {
	color: #fb48c4;
	text-decoration: underline;
	margin-top: 2rem;
	display: block
}

.search-dropdown .article-title {
	margin-bottom: 1.2rem
}

.search-dropdown .body-sans-2 {
	line-height: 1.4
}

.page-search {
	padding-bottom: 10rem
}

@media (max-width: 580px) {
	.page-search {
		padding-bottom: 6rem
	}
}

.page-search .pagination {
	text-align: center;
	margin-top: 6rem;
	margin-bottom: 4rem
}

.page-search h1 {
	background: #5F5959;
	text-align: center;
	margin-bottom: 6rem;
	padding: 2rem;
	color: #fff
}

@media (max-width: 580px) {
	.page-search h1 {
		margin-bottom: 3rem
	}
}

.page-search h1 .query,
.page-search h1 a {
	color: #fb48c4
}

.page-search h1 .query:hover,
.page-search h1 a:hover {
	text-decoration: underline
}

.page-search .search-nav {
	margin-top: 1.5rem
}

@media (max-width: 580px) {
	.page-search .search-nav li {
		display: inline-block;
		margin-right: 3rem
	}
}

.page-search .search-nav a {
	color: #fb48c4;
	display: block;
	margin-bottom: 1.6rem
}

@media (max-width: 580px) {
	.page-search .search-results {
		padding-top: 5rem
	}
}

@media (min-width: 581px) {
	.page-search .search-results+.search-results {
		padding-top: 8rem
	}
}

@media (max-width: 580px) {
	.page-search .search-results li {
		margin-bottom: 1rem
	}
}

.page-search .search-results h3 {
	color: #fb48c4;
	margin-bottom: 2rem
}

@media (max-width: 580px) {
	.page-search .search-results h3 {
		font-size: 1.6rem
	}
}

.page-search .search-results .result-image {
	margin-bottom: 2rem
}

.page-search .search-results .product h5 {
	text-align: center;
	max-width: 19rem;
	margin-left: auto;
	margin-right: auto
}

.page-search .search-results .product:hover a {
	color: #fb48c4
}

.gdpr-bar {
	background: #f6f8f9;
	text-align: center;
	padding: 2rem 3.2rem 1.9rem;
	position: fixed;
	z-index: 200;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(101%);
	transition: all .3s ease-in-out
}

.gdpr-bar .desc {
	display: inline-block;
	margin-right: 8rem;
	max-width: 58rem
}

@media (max-width: 580px) {
	.gdpr-bar .desc {
		margin-right: 3rem
	}
}

.gdpr-bar .desc a {
	text-decoration: underline
}

.gdpr-bar p {
	margin-bottom: 0
}

.gdpr-bar .close-btn {
	position: relative;
	top: .2rem
}

@media (min-width: 581px) {
	.gdpr-bar .close-btn {
		cursor: none
	}
}

.gdpr-bar .close-btn svg {
	width: 1.5rem
}

.gdpr-bar .close-btn path {
	fill: #4a4a4a
}

.gdpr-bar .close-btn:hover {
	opacity: .8
}

.gdpr-bar.popped-up {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: none
}

@media (min-width: 581px) {
	.gdpr-bar.popped-up {
		cursor: none
	}
}

.gdpr-cursor-glow {
	width: 5rem;
	height: 5rem;
	background: #ffef00;
	border-radius: 50%
}

.site-footer {
	background: #4a4a4a;
	padding-top: 6.3rem;
	padding-bottom: 10rem;
	color: #fff;
	text-align: center
}

.site-footer a {
	color: #fff
}

.site-footer h3 {
	margin-bottom: 2rem;
	color: #a3a3a3
}

.site-footer .footer-block {
	margin-bottom: 7.5rem
}

@media (max-width: 580px) {
	.site-footer .footer-block {
		margin-bottom: 4.8rem
	}
}

footer .logo-icon-wrapper {
	display: inline-block
}

footer .logo-icon-wrapper img {
	width: 15rem;
	margin-left: auto;
	margin-right: auto
}

@media (min-width: 581px) {
	footer nav ul {
		display: flex;
		align-items: center;
		justify-content: center
	}
}

footer nav a {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	color: #fff
}

@media (max-width: 580px) {
	footer nav a {
		margin-bottom: 1rem;
		display: block
	}
}

footer nav a:hover {
	opacity: .8;
	color: #fff
}

footer .social-links {
	display: flex;
	align-items: center;
	justify-content: center
}

footer .social-links li a {
	padding: .8rem
}

footer .social-links svg {
	width: 2.4rem;
	margin-left: auto;
	margin-right: auto
}

.footer-sub-menu ul a {
	font-weight: 400
}

@media (max-width: 580px) {
	.footer-sub-menu ul a {
		padding: 0
	}
}

.outer-holder {
	padding-top: 0 !important
}