/** Shopify CDN: Minification failed

Line 8:0 All "@import" rules must come first

**/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

html, body, .container {
	height: 100%;
}

.container {
	background: #f4f4f4;
	color: #000;
	font-weight: 400;
	font-family: "Univers Next", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
}

/* Top Navigation Style */
.codrops-top {
	margin-top: 1em;
}

.codrops-top a {
	font-size: 0.69em;
	padding: 0 0.25em;
	display: inline-block;
	text-decoration: none;
	font-size: 1.2em;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

.codrops-icon-info:before {
	content: "\e003";
}

.codrops-icon span {
	display: none;
	position: absolute;
	font-size: 0.85em;
	padding: 0.5em 0 0 0.25em;
	font-weight: 700;
}

.codrops-icon:hover span {
	display: block;
	color: #6a7b7e;
}


.overview .fs-controls {
	display: none;
}

/* Main form wrapper */
.fs-form-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}


/* Title */
.fs-title {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 40px;
	width: 100%;
}

.fs-title h1 {
	margin: 0;
}

/* Form */
.fs-form {
	position: relative;
	text-align: left;
}

.no-js .fs-form {
	padding: 0 0 6em 0;
}

/* Views (fullscreen and overview)*/
.fs-form-full {
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	height:100%;
}


.fs-form-overview {
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background: #fff;
}

.fs-form-overview .fs-fields {
	display:none;
}

/* Switch view animation (we hide the current view, switch the view class and show it again) */
.fs-form.fs-show {
	-webkit-animation: animFadeIn 0.5s;
	animation: animFadeIn 0.5s;
}

@-webkit-keyframes animFadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes animFadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.fs-form.fs-show .fs-fields {
	-webkit-animation: animMove 0.5s;
	animation: animMove 0.5s;
}

@-webkit-keyframes animMove {
	from { top: 100px; }
}

@keyframes animMove {
	from { top: 100px; }
} /* we need to use top here because otherwise all our fixed elements will become absolute */

/* Visibility control of elements */
.fs-form-full .fs-fields > li,
.fs-nav-dots, 
.fs-progress,
.fs-numbers,
button.fs-continue,
.fs-message-error,
.fs-message-final {
	visibility: hidden;
}

.no-js .fs-form-full .fs-fields > li {
	visibility: visible;
}

.fs-show {
	visibility: visible !important;
}

/* Some general styles */
.fs-form-wrap button {
	border: none;
	background: none;
}

.fs-form-wrap button[disabled] {
	opacity: 0.2;
	pointer-events: none;
}

.fs-form-wrap input:focus,
.fs-form-wrap button:focus {
	outline: none;
}

/* Hide the submit button */
.fs-form .fs-submit {
	display: none;
}

/* Fields */
.fs-fields {
	position: relative;
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	overflow:hidden;
}

.fs-form-overview ol {
	max-width: ;
}

.fs-fields > li {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	border: none;
	text-align:center;
}

.fs-fields > li:hover {
	z-index: 99;
}

.js .fs-form-full .fs-fields > li {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	display:flex;
	flex-direction:column;
	justify-content: flex-start;
	padding: 30px 0;
	overflow: auto;
}

@media only screen and (min-width: 769px){
	.js .fs-form-full .fs-fields > li {
		padding:120px 0;
	}
}
@media only screen and (max-width: 768px){
	.js .fs-form-full .fs-fields > li {
		padding:80px 0;
	}
}


.fs-field-wrap {
	width: 100%;
	max-width:960px;
	margin:0 auto;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px){
	.fs-field-wrap {
		text-align:left;
		padding-right: 220px;
		padding-left: 20px;
    	max-width: 1180px;
	}
}

/* Labels & info */
.fs-fields > li label {
	position: relative;
}

.fs-fields > li label.fs-field-label {
	position:relative;
	display: inline-block;
	padding: 0 0 30px 0;
	pointer-events: none;
	font-weight:300;
	font-size:24px;
}
.fs-fields > li label.fs-field-label span {
	display:block;
	font-weight:400;
	font-size:12px;
}

.fs-form-full .fs-fields > li label[data-info]::after {
	position: absolute;
	right:-15px;
	top:20px;
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color:#444;
	color: #fff;
	border-radius: 50%;
	content: 'i';
	vertical-align: top;
	text-align: center;
	font-weight: 400;
	font-size: 11px;
	line-height: 15px;
	cursor: pointer;
	pointer-events: auto;
}

.fs-form-full .fs-fields > li label[data-info]::before {
    position: absolute;
    bottom: 0;
   	left: 50%;
    padding: 0 0 10px;
    width:100%;
    min-width: 300px;
    text-align:center;
	content: attr(data-info);
	font-size: 13px;
	color: #a25d20;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translate3d(-50%,-5px,0);
    transform: translate3d(-50%,-5px,0);
    pointer-events: none;
}

.fs-form-full .fs-fields > li label[data-info]:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
}

.fs-form-full .fs-fields > li label:hover ~ .fs-info,
.fs-form-full .fs-fields > li .fs-info:hover {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	pointer-events: auto;
}

/* Inputs */
.fs-fields input {
	display: block;
	margin: 0;
	padding: 0 0 0.15em;
	width: 100%;
	border: none;
	border-bottom: 2px solid rgba(0,0,0,0.2);
	background-color: transparent;
	color: #fffed8;
	text-overflow: ellipsis;
	font-weight: bold;
	font-size: 1.5em;
	border-radius: 0;
}

.fs-fields input:invalid {
	box-shadow: none; /* removes red shadow in FF*/
}

.fs-form-overview .fs-fields input {
	border-bottom-color: transparent;
	color: rgba(0,0,0,0.5);
}

.fs-fields [required] {
	background-image: url(../img/abacusstar.svg);
	background-position: top right;
	background-size: 18px;
	background-repeat: no-repeat;
}

.fs-fields input:focus {
	background-color: #3b3f45; /* Fixes chrome bug with placeholder */
}

.fs-form-overview .fs-fields input:focus {
	background-color: #fffed8; /* Fixes chrome bug with placeholder */
}

.fs-form-overview .fs-fields input {
	font-size: 1.2em;
}

.fs-fields .fs-radio-custom input[type="radio"] {
	position: absolute;
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.fs-fields > li .fs-radio-custom span {
	position: relative;
	padding: 10px;
	max-width: 200px;
	text-align: center;
}

.fs-fields > li .fs-radio-custom span label {
	color: rgba(0,0,0,0.4);
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.fs-form-overview .fs-fields > li .fs-radio-custom span {
	max-width: 140px;
}

.fs-form-overview .fs-fields > li .fs-radio-custom span {
	font-size: 75%;
}

.fs-fields > li .fs-radio-custom label {
	display: block;
	width: 100%;
	cursor: pointer;
	border:1px solid #ccc;
	padding:var(--gutterGrid);
	border-radius:4px;
	height:100%;
	margin:0;
	text-align:left;
}


.fs-fields > li .fs-radio-custom input[type="radio"][disabled] + label {
	background-color:#ccc;
}

.fs-form-full .fs-fields > li .fs-radio-custom label[data-info]::after {
	display:none;
	top:5px;
	right:5px;
}
.fs-form-full .fs-fields > li .fs-radio-custom label[data-info]::before {
	display:none;
	padding:5px;
	background-color:rgba(255,255,255,.5);
	font-size:11px;
	z-index:2;
}

.fs-form-full .fs-fields > li .fs-radio-custom input[type="radio"][disabled] + label[data-info]::after,
.fs-form-full .fs-fields > li .fs-radio-custom input[type="radio"][disabled] + label[data-info]::before {
	display:block;
}

.fs-fields > li .fs-radio-custom .q4wrap--top-lino label,
.fs-fields > li .fs-radio-custom .q4wrap--top-fenix label {
	height:unset;
	margin: 0;
}

@media only screen and (max-width: 768px){
	.fs-fields > li .fs-radio-custom label {
		padding:var(--gutterGridSmall);
	}
}

.fs-fields > li .fs-radio-custom label img {
	display:block;
	width:100%;
}
.fs-fields > li .fs-radio-custom label .price {
	position:absolute;
	left:0;
	bottom:0;
	padding:20px;
	line-height:1;
	font-size:18px;
	font-weight:300;
	color:#fff;
}
.fs-fields > li .fs-radio-custom label .price:before {
	content:"¥";
	display:inline-block;
	font-size:70%;
}
.fs-fields > li .fs-radio-custom label .price:after {
	content:"〜";
	display:inline-block;
	font-size:70%;
}

.fs-fields > li .fs-radio-custom label h3 {
	font-weight:400;
	font-size:14px;
	margin:0;
}
.fs-fields > li .fs-radio-custom label h3 span {
	padding:0;
	max-width:unset;
	text-align:left;
	font-size:10px;
	display:block;
}
.fs-fields > li .fs-radio-custom label p {
	font-size:12px;
	line-height:1.5;
	color:#666;
	margin:10px 0 0;
}

@media only screen and (min-width:1025px) {
	.fs-fields > li .fs-radio-custom label .price {
		padding:30px;
		font-size:24px;
	}
}

.q4wrap {
	display:none;
}
.q4wrap.is-show {
	display:block;
}

.fs-fields .fs-radio-custom label:hover::after,
.fs-fields input[type="radio"]:focus + label::after,
.fs-fields input[type="radio"]:checked + label::after {
	opacity: 1;
}

.fs-fields > li .fs-radio-custom label:hover {
	border-color:#666;
}

.fs-fields .fs-radio-custom input[type="radio"]:checked + label {
	border-color:#000;
	background-color:#fff;
	box-shadow: 0 5px 12px rgb(0 0 0 / 50%);
}


.fs-fields textarea {
	padding: 0.25em;
	width: 100%;
	height: 200px;
	border: 2px solid rgba(0,0,0,0.2);
	background-color: transparent;
	color: #fffed8;
	font-weight: 700;
	font-size: 0.85em;
	resize: none;
}

.fs-form-overview .fs-fields textarea {
	height: 100px;
	color: rgba(0,0,0,0.5);
}

.fs-fields textarea:focus {
	outline: none;
}

.fs-form-overview .fs-fields textarea {
	padding: 0;
	border-color: transparent;
}

.fs-form-overview .fs-fields textarea:focus {
	background: #fffed8;
}

.fs-form div.cs-select.cs-skin-boxes {
	display: block;
}

.fs-form-overview .cs-skin-boxes > span {
	border-radius: 5px;
	width: 90px;
	height: 70px;
	font-size: 0.8em;
}

.fs-form-overview .cs-skin-boxes > span::before {
	padding-top: 50px;
	box-shadow: 0 20px 0 #292c30, inset 0 -5px #292c30;
}

.fs-fields input.fs-mark {
	padding-left: 1em;
	background-image: url(../img/dollar.svg);
	background-position: 0% 0.15em;
	background-size: auto 75%;
	background-repeat: no-repeat;
}

.fs-fields input.fs-mark[required] {
	background-image: url(../img/dollar.svg), url(../img/abacusstar.svg);
	background-position: 0% 0.15em, top right;
	background-size: auto 75%, 18px;
	background-repeat: no-repeat;
}

/* placeholder */
.fs-fields input::-webkit-input-placeholder,
.fs-fields textarea::-webkit-input-placeholder {
	color: rgba(0,0,0,0.1);
}

.fs-fields input:-moz-placeholder,
.fs-fields textarea:-moz-placeholder {
	color: rgba(0,0,0,0.1);
}

.fs-fields input::-moz-placeholder,
.fs-fields textarea::-moz-placeholder {
	color: rgba(0,0,0,0.1);
}

.fs-fields input:-ms-input-placeholder,
.fs-fields textarea:-ms-input-placeholder {
	color: rgba(0,0,0,0.1);
}

/* Hide placeholder when focused in Webkit browsers */
.fs-fields input:focus::-webkit-input-placeholder {
	color: transparent;
}

/* Dot navigation */
.fs-nav-dots {
	position: absolute;
	top: 50%;
	right: 20px;
	left: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:200;
}

.fs-nav-dots:before {
	content: "";
	display: block;
	height: calc(100% - 20px);
	width: 2px;
	opacity: .25;
	position: absolute;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
	background-color:#000;
}

.fs-nav-dots button {
	font-size: 13px;
	line-height:1;
	margin-bottom: 20px;
	position: relative;
	padding-left: 25px;
	text-align:left;
	display:block;
}

.fs-nav-dots button:last-child {
	margin-bottom:0;
}

.fs-nav-dots button:before {
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #666;
	position: absolute;
	border: 2px solid #f4f4f4;
	position: absolute;
	left: -5px;
	top: -2px;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	transition: all .25s linear;
}
.fs-nav-dots button:nth-child(1):before {
	content:"1";
}
.fs-nav-dots button:nth-child(2):before {
	content:"2";
}
.fs-nav-dots button:nth-child(3):before {
	content:"3";
}
.fs-nav-dots button:nth-child(4):before {
	content:"4";
}
.fs-nav-dots button:nth-child(5):before {
	content:"5";
}

.fs-nav-dots button span {
	color: #000;
	text-decoration: none;
}
.fs-nav-dots button span.choice {
	display:block;
	text-align: left;
	margin-top: 5px;
}
.fs-nav-dots button span.choice i {
	font-weight:400;
	color:#f00;
	font-size:11px;
}
.fs-nav-dots button.fs-dot-current {
	font-weight:700;
}
.fs-nav-dots button.fs-dot-current:before {
	background: #000;
	border-color: #555555;
}

.fs-nav-dots button:hover::before,
.fs-nav-dots button.fs-dot-current::before {
	background: #000;
}

.fs-form-wrap .fs-nav-dots button[disabled] {
	opacity:1;
}
.fs-form-wrap .fs-nav-dots button:not(.fs-dot-current)[disabled]:before {
	background-color:#ccc;
}
.fs-form-wrap .fs-nav-dots button:not(.fs-dot-current)[disabled] span {
	opacity:.2;
}

/* Progress bar */
.fs-progress {
	position: absolute;
	top: 0;
	width: 0%;
	height: 0.5em;
	background: #000;
	-webkit-transition: width 0.3s ease-in-out;
	transition: width 0.3s ease-in-out;
	z-index:800;
}

/* Number indicator */
.fs-numbers {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	color: rgba(0,0,0,0.4);
	margin: 20px;
	width: 50px;
	font-weight: 700;
	font-size: 22px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: default;
	z-index:800;
}

.fs-numbers:after {
	position: absolute;
	width: 100%;
	text-align: center;
	content: '/';
	font-weight: 300;
	opacity: 0.4;
	left: 0;
}

.fs-numbers span {
	float: right;
	width: 40%;
	text-align: center;
}

.fs-numbers .fs-number-current {
	float: left;
	color:#000;
}

.fs-numbers .fs-number-new {
	position: absolute;
	left: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

/* Animations for numbers */
/* Show next number */
.fs-numbers.fs-show-next .fs-number-new {
	-webkit-animation: animMoveUpFromDown 0.4s both;
	animation: animMoveUpFromDown 0.4s both;
}

@-webkit-keyframes animMoveUpFromDown {
	from { -webkit-transform: translateY(100%); }
	to { -webkit-transform: translateY(0); }
}

@keyframes animMoveUpFromDown {
	from { -webkit-transform: translateY(100%); transform: translateY(100%); }
	to { -webkit-transform: translateY(0); transform: translateY(0); }
}

.fs-numbers.fs-show-next .fs-number-current {
	-webkit-animation: animMoveUp 0.4s both;
	animation: animMoveUp 0.4s both;
}

@-webkit-keyframes animMoveUp {
	to { -webkit-transform: translateY(-100%); }
}

@keyframes animMoveUp {
	to { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

/* Show previous number */
.fs-numbers.fs-show-prev .fs-number-new {
	-webkit-animation: animMoveDownFromUp 0.4s both;
	animation: animMoveDownFromUp 0.4s both;
}

@-webkit-keyframes animMoveDownFromUp {
	from { -webkit-transform: translateY(-100%); }
	to { -webkit-transform: translateY(0); }
}

@keyframes animMoveDownFromUp {
	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
	to { -webkit-transform: translateY(0); transform: translateY(0); }
}

.fs-numbers.fs-show-prev .fs-number-current {
	-webkit-animation: animMoveDown 0.4s both;
	animation: animMoveDown 0.4s both;
}

@-webkit-keyframes animMoveDown {
	to { -webkit-transform: translateY(100%); }
}

@keyframes animMoveDown {
	to { -webkit-transform: translateY(100%); transform: translateY(100%); }
}

/* Continue button and submit button */
button.fs-continue {
	padding: 0.6em 1.5em;
	border: 1px solid #000;
	color:#000;
	background:#fff;
	border-radius: 40px;
}

.fs-form-overview .fs-submit,
.no-js .fs-form .fs-submit{
	display: block;
	margin: 0 auto;
}

.fs-form-overview .fs-submit {
	border-color: #000;
	color: #000;
}

button.fs-continue {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index:999;
}

.fs-continue:before {
	content:"←";
}

.fs-form-wrap button.fs-continue[disabled] {
	opacity:0;
}

@media screen and (min-width: 1025px) {
	button.fs-continue:hover {
		background: #000;
		color: #fff;
	}
}


/* Error message */
.fs-message-error {
	position: absolute;
	bottom: 75%;
	left: 50%;
	z-index: 800;
	max-width: 960px;
	width: 70%;
	color: #eb7e7f;
	font-weight: 700;
	font-size: 1em;
	opacity: 0;
	-webkit-transform: translate3d(-50%,-5px,0);
	transform: translate3d(-50%,-5px,0);
}

.fs-message-error.fs-show {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0);
}

/* Animation classes & animations */
.fs-form li.fs-current {
	visibility: visible;
}

.fs-form li.fs-hide,
.fs-form li.fs-show {
	pointer-events: none;
}

/* Hide current li when navigating to next question */
.fs-form .fs-display-next .fs-hide {
	visibility: visible;
}

.fs-form .fs-display-next .fs-hide .fs-anim-lower,
.fs-form .fs-display-next .fs-hide .fs-anim-upper {
	-webkit-animation: animHideNext 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
	animation: animHideNext 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
}

.fs-form .fs-display-next .fs-hide .fs-anim-lower {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

@-webkit-keyframes animHideNext {
	to { opacity: 0; -webkit-transform: translate3d(0,-500px,0); }
}

@keyframes animHideNext {
	to { opacity: 0; -webkit-transform: translate3d(0,-500px,0); transform: translate3d(0,-500px,0); }
}

/* Show new li when navigating to next question */
.fs-form .fs-display-next .fs-show .fs-anim-lower,
.fs-form .fs-display-next .fs-show .fs-anim-upper {
	-webkit-animation: animShowNext 0.5s cubic-bezier(0.7,0,0.3,1) both 0.15s;
	animation: animShowNext 0.5s cubic-bezier(0.7,0,0.3,1) both 0.15s;
}

.fs-form .fs-display-next .fs-show .fs-anim-lower {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}

@-webkit-keyframes animShowNext {
	from { opacity: 0; -webkit-transform: translate3d(0,500px,0); }
}

@keyframes animShowNext {
	from { opacity: 0; -webkit-transform: translate3d(0,500px,0); transform: translate3d(0,500px,0); }
}

/* Hide current li when navigating to previous question */
.fs-form .fs-display-prev .fs-hide {
	visibility: visible;
}

.fs-form .fs-display-prev .fs-hide .fs-anim-lower,
.fs-form .fs-display-prev .fs-hide .fs-anim-upper {
	-webkit-animation: animHidePrev 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
	animation: animHidePrev 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
}

.fs-form .fs-display-prev .fs-hide .fs-anim-upper {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

@-webkit-keyframes animHidePrev {
	to { opacity: 0; -webkit-transform: translate3d(0,500px,0); }
}

@keyframes animHidePrev {
	to { opacity: 0; -webkit-transform: translate3d(0,500px,0); transform: translate3d(0,500px,0); }
}

/* Show new li when navigating to previous question */
.fs-form .fs-display-prev .fs-show .fs-anim-lower,
.fs-form .fs-display-prev .fs-show .fs-anim-upper {
	-webkit-animation: animShowPrev 0.5s cubic-bezier(0.7,0,0.3,1) both 0.15s;
	animation: animShowPrev 0.5s cubic-bezier(0.7,0,0.3,1) both 0.15s;
}

.fs-form .fs-display-prev .fs-show .fs-anim-upper {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}

@-webkit-keyframes animShowPrev {
	from { opacity: 0; -webkit-transform: translate3d(0,-500px,0); }
}

@keyframes animShowPrev {
	from { opacity: 0; -webkit-transform: translate3d(0,-500px,0); transform: translate3d(0,-500px,0); }
}

/* Remove IE clear cross */
input[type=text]::-ms-clear {
    display: none;
}

/* Adjust form for smaller screens */
@media screen and (max-width: 1024px) {

	.fs-field-wrap {
		width: 92%;
	}

	.fs-title {
		padding: 20px;
	}

	.fs-numbers {
		margin: 10px;
		font-size: 18px;
		width: 40px;
	}

	.fs-nav-dots {
		left: 0;
		right: 0;
		top: unset;
		bottom: 0;
		background: #f4f4f4;
		border-top: 1px solid #666;
		font-size: 0;
		padding: 12px 0;
		-webkit-transform: unset;
		transform: unset;
		text-align: center;
	}
	.fs-nav-dots:before {
		height: 1px;
		width: 280px;
		opacity: .25;
		left: 50%;
		top: 22px;
		transform: translateX(-50%);
	}
	.fs-nav-dots button {
		position:relative;
		display:inline-block;
		height: 20px;
		width: 50px;
		margin: 0 10px;
		padding: 15px 0 0;
		overflow: hidden;
		vertical-align: top;
		transition: .4s ease;
	}
	.fs-nav-dots button:before {
		top: 0;
		left:50%;
		margin-left:-8px;
	}
	.fs-nav-dots button.fs-dot-current:before {
	}
	.fs-nav-dots button span {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 11px;
		display: block;
		margin: 0 auto;
		height: 140px;
		text-align: left;
		padding-top: 5px;
	}

	.fs-nav-dots button span.choice {
		display: block;
		text-align: left;
		margin-top: 0;
		position: absolute;
		right: 2px;
		top: 18px;
		font-size:10px;
	}
	.fs-nav-dots button span.choice i {
		font-size:10px;
	}

	.sp-open .fs-nav-dots button {
		height:160px;
	}

	.fs-nav-dots-plus {
		position:absolute;
		right:0;
		bottom:0;
		width:38px;
		height:38px;
		background:url(/cdn/shop/files/icon-arrowtop.svg?v=1671616470) center no-repeat;
		background-size:20px 20px;
		transition: .4s ease;
		z-index: 222;
	}

	.sp-open .fs-nav-dots-plus {
		transform:rotate(180deg);
	}

	button.fs-continue {
		left:12px;
		top:12px;
		margin: 0;
		padding: 4px 8px;
	}

	button.fs-submit {
		width: 100%;
		font-size: 1.25em;
	}

	.fs-message-error {
		bottom: 1.75em;
		left: 0;
		padding: 0 90px 0 2em;
		width: 100%;
		font-size: 1.5em;
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0);
	}

	.fs-message-error.fs-show {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

/* Custom select */
/* Read the article: http://tympanus.net/codrops/2014/07/10/inspiration-for-custom-select-elements/ */
/* Demo: http://tympanus.net/Development/SelectInspiration/ */
/* GitHub: https://github.com/codrops/SelectInspiration */

/* Default custom select styles */
div.cs-select {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: left;
	background: #fff;
	z-index: 100;
	width: 100%;
	max-width: 500px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.cs-select:focus {
	outline: none; /* For better accessibility add a style for this in your skin */
}

.cs-select select {
	display: none;
}

.cs-select span {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Placeholder and selected option */
.cs-select > span {
	padding-right: 3em;
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
	speak: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cs-select > span::after {
	content: '\25BE';
	right: 1em;
}

.cs-select .cs-selected span::after {
	content: '\2713';
	margin-left: 1em;
}

.cs-select.cs-active > span::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

/* Options */
.cs-select .cs-options {
	position: absolute;
	overflow: hidden;
	width: 100%;
	background: #fff;
	visibility: hidden;
	z-index: 10000;
}

.cs-select.cs-active .cs-options {
	visibility: visible;
}

.cs-select ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.cs-select ul span {
	padding: 1em;
}

.cs-select ul li.cs-focus span {
	background-color: #ddd;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
	padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
	cursor: default;
}


/* Custom select */
/* Read the article: http://tympanus.net/codrops/2014/07/10/inspiration-for-custom-select-elements/ */
/* Demo: http://tympanus.net/Development/SelectInspiration/ */
/* GitHub: https://github.com/codrops/SelectInspiration */

/* Custom select skin: fullscreen color picker (adjusted for fullscreen form) */
div.cs-skin-boxes {
	background: transparent;
	font-size: 0.65em;
	max-width: 300px;
	z-index: 2000;
	color: #000;
}

@media screen and (max-width: 30em) {
	div.cs-skin-boxes { font-size: 1em; }
}

.cs-skin-boxes > span {
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 100%;
	height: 140px;
	font-size: 0.5em;
	padding: 0 0 0 10px;
	background: #f4f4f4;
	font-weight: 400;
	font-size:12px;
	text-transform:uppercase;
}

div.cs-skin-boxes:focus > span {
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
}

.cs-skin-boxes > span::before {
	content: '';
	display: block;
	padding-top: 113px;
	margin-left: -10px;
	box-shadow: 0 25px 0 #fff, inset 0 -10px #fff;
}

.cs-skin-boxes > span::after,
.cs-skin-boxes.cs-active > span::after {
	top: auto;
	-webkit-transform: none;
	transform: none;
}

.cs-skin-boxes .cs-options {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: auto;
	background: #eee;
	font-size: 12px;
	opacity: 0;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
}

.cs-skin-boxes.cs-active .cs-options {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.cs-skin-boxes .cs-options ul {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px;
}

.cs-skin-boxes .cs-options li {
	width: 20%;
	height: 25%;
	float: left;
	position: relative;
	cursor: pointer;
	border-radius: 14px;
	overflow: hidden;
	opacity: 0;
	color: #666;
	border: 10px solid transparent;
	background-clip: padding-box;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	box-shadow: inset 0 -6em 0 -2em #fff, inset 0 -1px 1px #ccc;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

@media screen and (max-width: 30em) {
	.cs-skin-boxes .cs-options li { box-shadow: none; border-width: 3px; border-radius: 8px;}
}

.cs-skin-boxes.cs-active .cs-options li {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(2) {
	-webkit-transition-delay: 0.01s;
	transition-delay: 0.01s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(3) {
	-webkit-transition-delay: 0.02s;
	transition-delay: 0.02s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(4) {
	-webkit-transition-delay: 0.03s;
	transition-delay: 0.03s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(5) {
	-webkit-transition-delay: 0.04s;
	transition-delay: 0.04s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(6) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(7) {
	-webkit-transition-delay: 0.06s;
	transition-delay: 0.06s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(8) {
	-webkit-transition-delay: 0.07s;
	transition-delay: 0.07s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(9) {
	-webkit-transition-delay: 0.08s;
	transition-delay: 0.08s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(10) {
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(11) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(12) {
	-webkit-transition-delay: 0.11s;
	transition-delay: 0.11s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(13) {
	-webkit-transition-delay: 0.12s;
	transition-delay: 0.12s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(14) {
	-webkit-transition-delay: 0.13s;
	transition-delay: 0.13s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(15) {
	-webkit-transition-delay: 0.14s;
	transition-delay: 0.14s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(16) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(17) {
	-webkit-transition-delay: 0.16s;
	transition-delay: 0.16s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(18) {
	-webkit-transition-delay: 0.17s;
	transition-delay: 0.17s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(19) {
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(20) {
	-webkit-transition-delay: 0.19s;
	transition-delay: 0.19s;
}

.cs-skin-boxes .cs-options li.cs-selected::after {
	content: '\2714';
	color: rgba(150,150,150,0.5);
	position: absolute;
	font-size: 2em;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%,-50%,0) translate3d(0,-1em,0);
	transform: translate3d(-50%,-50%,0) translate3d(0,-1em,0);
}

.cs-skin-boxes .cs-options li.cs-selected span::after {
	content: '';
}

@media screen and (max-width: 30em) {
	.cs-skin-boxes .cs-options li.cs-selected::after { 
		-webkit-transform: translate3d(-50%,-50%,0);
		transform: translate3d(-50%,-50%,0);
	}
}

.cs-skin-boxes .cs-options li.color-Mushroom {
	background-color: #e6e6cf;
}

.cs-skin-boxes .cs-options li.color-Nero {
	background-color: #000000;
}

.cs-skin-boxes .cs-options li.color-Mauve {
	background-color: #4d3e36;
}

.cs-skin-boxes .cs-options li.color-Pewter {
	background-color: #5b5659;
}

.cs-skin-boxes .cs-options li.color-Ash {
	background-color: #b3b3b3;
}

.cs-skin-boxes .cs-options li.color-Olive {
	background-color: #808000;
}

.cs-skin-boxes .cs-options li.color-Conifer {
	background-color: #001a0d;
}

.cs-skin-boxes .cs-options li.color-Pebble {
	background-color: #b3ada2;
}

.cs-skin-boxes .cs-options li.color-Charcoal {
	background-color: #4E454A;
}

.cs-skin-boxes .cs-options li.color-Salsa {
	background-color: #8b0000;
}

.cs-skin-boxes .cs-options li.color-Burgundy {
	background-color: #561620;
}

.cs-skin-boxes .cs-options li.color-Iron {
	background-color: #1a1611;
}

.cs-skin-boxes .cs-options li.color-Pearl {
	background-color: #ffeccc;
}

.cs-skin-boxes .cs-options li.color-Smokey_blue {
	background-color: #373d4f;
}

.cs-skin-boxes .cs-options li.color-Vapour {
	background-color: #dadada;
}

.cs-skin-boxes .cs-options li.color-Midnight_blue {
	background-color: #191970;
}

.cs-skin-boxes .cs-options li.color-Orange_blast {
	background-color: #e64e17;
}

.cs-skin-boxes .cs-options li.color-Spring_green {
	background-color: #e4eb5e;
}

.cs-skin-boxes .cs-options li.color-Aquavert {
	background-color: #7ac8cc;
}

.cs-skin-boxes .cs-options li.color-Powder {
	background-color: #e6d5cf;
}

.cs-skin-boxes .cs-options span {
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 2em;
	text-transform: uppercase;
	font-weight: 400;
}

@media screen and (max-width: 30em) {
	.cs-skin-boxes .cs-options span { display: none; }
}

.cs-skin-boxes .cs-options li span:hover,
.cs-skin-boxes li.cs-focus span,
.cs-skin-boxes li.cs-selected span {
	color: #000;
}

/*
███████╗██████╗ ██╗      █████╗ ███████╗██╗  ██╗
██╔════╝██╔══██╗██║     ██╔══██╗██╔════╝██║  ██║
███████╗██████╔╝██║     ███████║███████╗███████║
╚════██║██╔═══╝ ██║     ██╔══██║╚════██║██╔══██║
███████║██║     ███████╗██║  ██║███████║██║  ██║
╚══════╝╚═╝     ╚══════╝╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝
*/
@keyframes spin{
	0%{ transform:rotate(0deg);}
	to{ transform:rotate(360deg);}
}
.io { transform: translate(0, 100px); opacity: 0; transition: transform 1s, opacity 1s; }
.io.on { transform: translate(0px, 0px); opacity: 1; }
.io-o { opacity: 0; transition: opacity 1s; }
.io-o.on { opacity: 1; }
.w-o { padding-right: 0.25em; overflow: hidden; }
.w-o:last-child { padding-right: 0; }
.w-o .o { overflow: hidden; }
.js-words span, .js-char span { display: inline-block; vertical-align: top; }
@media screen and (max-width:1024px) {
	.io { transform: translate(0, 0); opacity: 1; transition: transform 1s, opacity 1s; }
	.w-o .o, .w-o { padding-bottom: 0.1em; }
}
.js-b-show .o { opacity: 0; transform: translate(0%, 100%); }
.js-w-show .o { opacity: 0; transform: translate(0%, -100%); }
.js-show { opacity: 0; transform: translate(0%, 50px); }

.lp-logo {
	position:absolute;
	left:50%;
	top:30px;
	width:200px;
	transform:translateX(-50%);
	z-index:99999;
}
@media screen and (max-width:768px) {
	.lp-logo {
		top:15px;
		width:150px;
	}
}

.lp-cover {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#f4f4f4;
	box-shadow:0 2px 10px rgba(0,0,0,0.2);
	z-index:9999;
	overflow:hidden;
	transition: .5s cubic-bezier(0.7,0,0.3,1);
}

.lp-cover.is-hide {
	top:-100%;
}

.lp-cover__image {
	position:absolute;
	left:50%;
	top:50%;
	width:120vh;
	height:120vh;
	transform:translate(-50%,-50%);
}
@media screen and (orientation: portrait) {
	.lp-cover__image {
		width:120vw;
		height:120vw;
	}
}
.lp-cover__image > div {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	opacity: 0; transform: translate(0%, 100%);
	transition: .8s ease-in-out;
}

.is-loaded .lp-cover__image > div { opacity: 1; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); }
.is-loaded .lp-cover__image > div:nth-child(2) { -webkit-transition-delay: 0.01s; transition-delay: 0.01s; }
.is-loaded .lp-cover__image > div:nth-child(3) { -webkit-transition-delay: 0.02s; transition-delay: 0.02s; }
.is-loaded .lp-cover__image > div:nth-child(4) { -webkit-transition-delay: 0.03s; transition-delay: 0.03s; }
.is-loaded .lp-cover__image > div:nth-child(5) { -webkit-transition-delay: 0.04s; transition-delay: 0.04s; }
.is-loaded .lp-cover__image > div:nth-child(6) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.is-loaded .lp-cover__image > div:nth-child(7) { -webkit-transition-delay: 0.06s; transition-delay: 0.06s; }
.is-loaded .lp-cover__image > div:nth-child(8) { -webkit-transition-delay: 0.07s; transition-delay: 0.07s; }
.is-loaded .lp-cover__image > div:nth-child(9) { -webkit-transition-delay: 0.08s; transition-delay: 0.08s; }
.is-loaded .lp-cover__image > div:nth-child(10) { -webkit-transition-delay: 0.09s; transition-delay: 0.09s; }
.is-loaded .lp-cover__image > div:nth-child(11) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.is-loaded .lp-cover__image > div:nth-child(12) { -webkit-transition-delay: 0.11s; transition-delay: 0.11s; }
.is-loaded .lp-cover__image > div:nth-child(13) { -webkit-transition-delay: 0.12s; transition-delay: 0.12s; }
.is-loaded .lp-cover__image > div:nth-child(14) { -webkit-transition-delay: 0.13s; transition-delay: 0.13s; }
.is-loaded .lp-cover__image > div:nth-child(15) { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; }
.is-loaded .lp-cover__image > div:nth-child(16) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.is-loaded .lp-cover__image > div:nth-child(17) { -webkit-transition-delay: 0.16s; transition-delay: 0.16s; }
.is-loaded .lp-cover__image > div:nth-child(18) { -webkit-transition-delay: 0.17s; transition-delay: 0.17s; }
.is-loaded .lp-cover__image > div:nth-child(19) { -webkit-transition-delay: 0.18s; transition-delay: 0.18s; }
.is-loaded .lp-cover__image > div:nth-child(20) { -webkit-transition-delay: 0.19s; transition-delay: 0.19s; }

.lp-cover__image img {
	display:block;
	width:100%;
}

.lp-cover__content {
	position:absolute;
	left:50%;
	top:50%;
	width:500px;
	height:500px;
	transform:translate(-50%,-50%);
	display: flex;
	align-items: center;
	text-align:center;
	opacity:0;
	cursor:pointer;
}
.is-loaded .lp-cover__content {
	opacity:1;
	transition:opacity 1s 1s ease;
}
@media screen and (max-width:480px) {
	.lp-cover__content {
		width:92vw;
		height:92vw;
	}
}
.lp-cover__content-bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border-radius:100%;
	background-color:#fff;
}
.lp-cover__content-line {
	position:absolute;
	left:-3%;
	top:-3%;
	width:106%;
	height:106%;
	border-radius:100%;
	border:2px dotted #fff;
	animation:spin 50s linear infinite;
}
.lp-cover__content-inner {
	position:relative;
	padding:20px 40px;
	color: #000;
}
.lp-cover__content-inner h1 {
	font-weight:300;
	font-size:25px;
	margin:0;
}
.lp-cover__content-inner p {
	font-weight:300;
	font-size:14px;
	margin:15px 0;
}
.lp-cover__content-inner .t-face {
	width:100px;
	margin:0 auto;
}
.lp-cover__content-inner .t-face img {
	display:block;
	width:100%;
}
.lp-cover__content-inner .btn {
	font-size:16px;
	margin:0;
}
@media screen and (max-width:480px) {
	.lp-cover__content-inner {
		padding:20px;
	}
	.lp-cover__content-inner .t-face {
		width:50px;
	}
	.lp-cover__content-inner h1 {
		font-size:20px;
	}
	.lp-cover__content-inner p {
		font-size:11px;
		line-height: 1.4;
		margin:10px 0;
	}
	.lp-cover__content-inner .btn {
		font-size:11px;
	}
}

:root{
	--gutterGrid:15px;
	--gutterGridMinus:-15px;
	--gutterGridSmall:10px;
	--gutterGridSmallMinus:-10px;
}

.grid {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	margin-left: var(--gutterGridMinus);
	margin-bottom: var(--gutterGridMinus);
}

.grid--align-top { align-items: flex-start}
.grid--align-center { align-items: center}
.grid--align-bottom { align-items: flex-end}
.grid--justify-flex-start { justify-content: flex-start}
.grid--justify-center { justify-content: center}
.grid--justify-flex-end { justify-content: flex-end}
.grid--nowrap { flex-wrap: nowrap}
.grid--reverse { flex-direction: row-reverse}

.grid__item--align-top { align-self: flex-start; }
.grid__item--align-center { align-self: center; }
.grid__item--align-bottom { align-self: flex-end; }

@media only screen and (max-width:768px){
	.grid{
		margin-left: var(--gutterGridSmallMinus);
		margin-bottom: var(--gutterGridSmallMinus);
	}
}

.grid__item{
	position:relative;
	flex-basis: 100%;
	flex-grow: 1;
	flex-shrink: 1;
	max-width: 100%;
	padding-left: var(--gutterGrid);
	padding-bottom: var(--gutterGrid);
	width: 100%;
	min-height: 1px
}

@media only screen and (max-width:768px){
	.grid__item{
		padding-left: var(--gutterGridSmall);
		padding-bottom: var(--gutterGridSmall);
	}
}

.grid--small {
	margin-left: -10px;
	margin-bottom: -10px;
}

.grid--small > .grid__item {
	padding-left: 10px;
	padding-bottom: 10px;
}

.grid--no-gutters {
	margin-left: 0;
	margin-bottom: 0;
}

.grid--no-gutters > .grid__item {
	padding-left: 0;
	padding-bottom: 0;
}

.grid--flush-bottom{
	margin-bottom:var(--gutterGridMinus);
	overflow:auto
}

.grid--flush-bottom>.grid__item{
	margin-bottom:var(--gutterGrid);
}

.grid--center{
	text-align:center
}

.grid--center .grid__item {
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: left
}


.one-whole { flex-basis: 100%; max-width: 100%; width: 100%;}
.one-half { flex-basis: 50%; max-width: 50%; width: 50%;}
.one-third { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;}
.two-thirds { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;}
.one-quarter { flex-basis: 25%; max-width: 25%; width: 25%;}
.two-quarters { flex-basis: 50%; max-width: 50%; width: 50%;}
.three-quarters { flex-basis: 75%; max-width: 75%; width: 75%;}
.one-fifth { flex-basis: 20%; max-width: 20%; width: 20%;}
.two-fifths { flex-basis: 40%; max-width: 40%; width: 40%;}
.three-fifths { flex-basis: 60%; max-width: 60%; width: 60%;}
.four-fifths { flex-basis: 80%; max-width: 80%; width: 80%;}
.one-sixth { flex-basis: 16.66667%; max-width: 16.66667%; width: 16.66667%;}
.two-sixths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;}
.three-sixths { flex-basis: 50%; max-width: 50%; width: 50%;}
.four-sixths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;}
.five-sixths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;}
.one-eighth { flex-basis: 12.5%; max-width: 12.5%; width: 12.5%;}
.two-eighths { flex-basis: 25%; max-width: 25%; width: 25%;}
.three-eighths { flex-basis: 37.5%; max-width: 37.5%; width: 37.5%;}
.four-eighths { flex-basis: 50%; max-width: 50%; width: 50%;}
.five-eighths { flex-basis: 62.5%; max-width: 62.5%; width: 62.5%;}
.six-eighths { flex-basis: 75%; max-width: 75%; width: 75%;}
.seven-eighths { flex-basis: 87.5%; max-width: 87.5%; width: 87.5%;}
.one-tenth { flex-basis: 10%; max-width: 10%; width: 10%;}
.two-tenths { flex-basis: 20%; max-width: 20%; width: 20%;}
.three-tenths { flex-basis: 30%; max-width: 30%; width: 30%;}
.four-tenths { flex-basis: 40%; max-width: 40%; width: 40%;}
.five-tenths { flex-basis: 50%; max-width: 50%; width: 50%;}
.six-tenths { flex-basis: 60%; max-width: 60%; width: 60%;}
.seven-tenths { flex-basis: 70%; max-width: 70%; width: 70%;}
.eight-tenths { flex-basis: 80%; max-width: 80%; width: 80%;}
.nine-tenths { flex-basis: 90%; max-width: 90%; width: 90%;}
.one-twelfth { flex-basis: 8.33333%; max-width: 8.33333%; width: 8.33333%;}
.two-twelfths { flex-basis: 16.66667%;  max-width: 16.66667%;  width: 16.66667%;}
.three-twelfths { flex-basis: 25%; max-width: 25%; width: 25%;}
.four-twelfths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;}
.five-twelfths { flex-basis: 41.66667%; max-width: 41.66667%; width: 41.66667%;}
.six-twelfths { flex-basis: 50%; max-width: 50%; width: 50%;}
.seven-twelfths { flex-basis: 58.33333%; max-width: 58.33333%; width: 58.33333%;}
.eight-twelfths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;}
.nine-twelfths { flex-basis: 75%; max-width: 75%; width: 75%;}
.ten-twelfths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;}
.eleven-twelfths { flex-basis: 91.66667%; max-width: 91.66667%; width: 91.66667%;}

@media only screen and (max-width:768px) {
	.small--one-whole { flex-basis: 100%; max-width: 100%; width: 100%;}
	.small--one-half { flex-basis: 50%; max-width: 50%; width: 50%;}
	.small--one-third { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;}
	.small--two-thirds { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;}
	.small--one-quarter { flex-basis: 25%; max-width: 25%; width: 25%;}
	.small--two-quarters { flex-basis: 50%; max-width: 50%; width: 50%;}
	.small--three-quarters { flex-basis: 75%; max-width: 75%; width: 75%;}
	.small--one-fifth { flex-basis: 20%; max-width: 20%; width: 20%;}
	.small--two-fifths { flex-basis: 40%; max-width: 40%; width: 40%;}
	.small--three-fifths { flex-basis: 60%; max-width: 60%; width: 60%;}
	.small--four-fifths { flex-basis: 80%; max-width: 80%; width: 80%;}
	.small--one-sixth { flex-basis: 16.66667%; max-width: 16.66667%; width: 16.66667%;}
	.small--two-sixths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;}
	.small--three-sixths { flex-basis: 50%; max-width: 50%; width: 50%;}
	.small--four-sixths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;}
	.small--five-sixths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;}
	.small--one-eighth { flex-basis: 12.5%; max-width: 12.5%; width: 12.5%;}
	.small--two-eighths { flex-basis: 25%; max-width: 25%; width: 25%;}
	.small--three-eighths { flex-basis: 37.5%; max-width: 37.5%; width: 37.5%;}
	.small--four-eighths { flex-basis: 50%; max-width: 50%; width: 50%;}
	.small--five-eighths { flex-basis: 62.5%; max-width: 62.5%; width: 62.5%;}
	.small--six-eighths { flex-basis: 75%; max-width: 75%; width: 75%;}
	.small--seven-eighths { flex-basis: 87.5%; max-width: 87.5%; width: 87.5%;}
	.small--one-tenth { flex-basis: 10%; max-width: 10%; width: 10%;}
	.small--two-tenths { flex-basis: 20%; max-width: 20%; width: 20%;}
	.small--three-tenths { flex-basis: 30%; max-width: 30%; width: 30%;}
	.small--four-tenths { flex-basis: 40%; max-width: 40%; width: 40%;}
	.small--five-tenths { flex-basis: 50%; max-width: 50%; width: 50%;}
	.small--six-tenths { flex-basis: 60%; max-width: 60%; width: 60%;}
	.small--seven-tenths { flex-basis: 70%; max-width: 70%; width: 70%;}
	.small--eight-tenths { flex-basis: 80%; max-width: 80%; width: 80%;}
	.small--nine-tenths { flex-basis: 90%; max-width: 90%; width: 90%;}
	.small--one-twelfth { flex-basis: 8.33333%; max-width: 8.33333%; width: 8.33333%;}
	.small--two-twelfths { flex-basis: 16.66667%;  max-width: 16.66667%;  width: 16.66667%;}
	.small--three-twelfths { flex-basis: 25%; max-width: 25%; width: 25%;}
	.small--four-twelfths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;}
	.small--five-twelfths { flex-basis: 41.66667%; max-width: 41.66667%; width: 41.66667%;}
	.small--six-twelfths { flex-basis: 50%; max-width: 50%; width: 50%;}
	.small--seven-twelfths { flex-basis: 58.33333%; max-width: 58.33333%; width: 58.33333%;}
	.small--eight-twelfths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;}
	.small--nine-twelfths { flex-basis: 75%; max-width: 75%; width: 75%;}
	.small--ten-twelfths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;}
	.small--eleven-twelfths { flex-basis: 91.66667%; max-width: 91.66667%; width: 91.66667%;}
}

@media only screen and (min-width:769px) {
	.medium-up--one-whole { flex-basis: 100%; max-width: 100%; width: 100%;}
	.medium-up--one-half { flex-basis: 50%; max-width: 50%; width: 50%;}
	.medium-up--one-third { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;}
	.medium-up--two-thirds { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;}
	.medium-up--one-quarter { flex-basis: 25%; max-width: 25%; width: 25%;}
	.medium-up--two-quarters { flex-basis: 50%; max-width: 50%; width: 50%;}
	.medium-up--three-quarters { flex-basis: 75%; max-width: 75%; width: 75%;}
	.medium-up--one-fifth { flex-basis: 20%; max-width: 20%; width: 20%;}
	.medium-up--two-fifths { flex-basis: 40%; max-width: 40%; width: 40%;}
	.medium-up--three-fifths { flex-basis: 60%; max-width: 60%; width: 60%;}
	.medium-up--four-fifths { flex-basis: 80%; max-width: 80%; width: 80%;}
	.medium-up--one-sixth { flex-basis: 16.66667%; max-width: 16.66667%; width: 16.66667%;}
	.medium-up--two-sixths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;}
	.medium-up--three-sixths { flex-basis: 50%; max-width: 50%; width: 50%;}
	.medium-up--four-sixths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;}
	.medium-up--five-sixths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;}
	.medium-up--one-eighth { flex-basis: 12.5%; max-width: 12.5%; width: 12.5%;}
	.medium-up--two-eighths { flex-basis: 25%; max-width: 25%; width: 25%;}
	.medium-up--three-eighths { flex-basis: 37.5%; max-width: 37.5%; width: 37.5%;}
	.medium-up--four-eighths { flex-basis: 50%; max-width: 50%; width: 50%;}
	.medium-up--five-eighths { flex-basis: 62.5%; max-width: 62.5%; width: 62.5%;}
	.medium-up--six-eighths { flex-basis: 75%; max-width: 75%; width: 75%;}
	.medium-up--seven-eighths { flex-basis: 87.5%; max-width: 87.5%; width: 87.5%;}
	.medium-up--one-tenth { flex-basis: 10%; max-width: 10%; width: 10%;}
	.medium-up--two-tenths { flex-basis: 20%; max-width: 20%; width: 20%;}
	.medium-up--three-tenths { flex-basis: 30%; max-width: 30%; width: 30%;}
	.medium-up--four-tenths { flex-basis: 40%; max-width: 40%; width: 40%;}
	.medium-up--five-tenths { flex-basis: 50%; max-width: 50%; width: 50%;}
	.medium-up--six-tenths { flex-basis: 60%; max-width: 60%; width: 60%;}
	.medium-up--seven-tenths { flex-basis: 70%; max-width: 70%; width: 70%;}
	.medium-up--eight-tenths { flex-basis: 80%; max-width: 80%; width: 80%;}
	.medium-up--nine-tenths { flex-basis: 90%; max-width: 90%; width: 90%;}
	.medium-up--one-twelfth { flex-basis: 8.33333%; max-width: 8.33333%; width: 8.33333%;}
	.medium-up--two-twelfths { flex-basis: 16.66667%;  max-width: 16.66667%;  width: 16.66667%;}
	.medium-up--three-twelfths { flex-basis: 25%; max-width: 25%; width: 25%;}
	.medium-up--four-twelfths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;}
	.medium-up--five-twelfths { flex-basis: 41.66667%; max-width: 41.66667%; width: 41.66667%;}
	.medium-up--six-twelfths { flex-basis: 50%; max-width: 50%; width: 50%;}
	.medium-up--seven-twelfths { flex-basis: 58.33333%; max-width: 58.33333%; width: 58.33333%;}
	.medium-up--eight-twelfths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;}
	.medium-up--nine-twelfths { flex-basis: 75%; max-width: 75%; width: 75%;}
	.medium-up--ten-twelfths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;}
	.medium-up--eleven-twelfths { flex-basis: 91.66667%; max-width: 91.66667%; width: 91.66667%;}
}

@media only screen and (min-width:1025px) {
	.large-up--one-whole { flex-basis: 100%; max-width: 100%; width: 100%;}
	.large-up--one-half { flex-basis: 50%; max-width: 50%; width: 50%;}
	.large-up--one-third { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;}
	.large-up--two-thirds { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;}
	.large-up--one-quarter { flex-basis: 25%; max-width: 25%; width: 25%;}
	.large-up--two-quarters { flex-basis: 50%; max-width: 50%; width: 50%;}
	.large-up--three-quarters { flex-basis: 75%; max-width: 75%; width: 75%;}
	.large-up--one-fifth { flex-basis: 20%; max-width: 20%; width: 20%;}
	.large-up--two-fifths { flex-basis: 40%; max-width: 40%; width: 40%;}
	.large-up--three-fifths { flex-basis: 60%; max-width: 60%; width: 60%;}
	.large-up--four-fifths { flex-basis: 80%; max-width: 80%; width: 80%;}
	.large-up--one-sixth { flex-basis: 16.66667%; max-width: 16.66667%; width: 16.66667%;}
	.large-up--two-sixths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;}
	.large-up--three-sixths { flex-basis: 50%; max-width: 50%; width: 50%;}
	.large-up--four-sixths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;}
	.large-up--five-sixths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;}
	.large-up--one-eighth { flex-basis: 12.5%; max-width: 12.5%; width: 12.5%;}
	.large-up--two-eighths { flex-basis: 25%; max-width: 25%; width: 25%;}
	.large-up--three-eighths { flex-basis: 37.5%; max-width: 37.5%; width: 37.5%;}
	.large-up--four-eighths { flex-basis: 50%; max-width: 50%; width: 50%;}
	.large-up--five-eighths { flex-basis: 62.5%; max-width: 62.5%; width: 62.5%;}
	.large-up--six-eighths { flex-basis: 75%; max-width: 75%; width: 75%;}
	.large-up--seven-eighths { flex-basis: 87.5%; max-width: 87.5%; width: 87.5%;}
	.large-up--one-tenth { flex-basis: 10%; max-width: 10%; width: 10%;}
	.large-up--two-tenths { flex-basis: 20%; max-width: 20%; width: 20%;}
	.large-up--three-tenths { flex-basis: 30%; max-width: 30%; width: 30%;}
	.large-up--four-tenths { flex-basis: 40%; max-width: 40%; width: 40%;}
	.large-up--five-tenths { flex-basis: 50%; max-width: 50%; width: 50%;}
	.large-up--six-tenths { flex-basis: 60%; max-width: 60%; width: 60%;}
	.large-up--seven-tenths { flex-basis: 70%; max-width: 70%; width: 70%;}
	.large-up--eight-tenths { flex-basis: 80%; max-width: 80%; width: 80%;}
	.large-up--nine-tenths { flex-basis: 90%; max-width: 90%; width: 90%;}
	.large-up--one-twelfth { flex-basis: 8.33333%; max-width: 8.33333%; width: 8.33333%;}
	.large-up--two-twelfths { flex-basis: 16.66667%;  max-width: 16.66667%;  width: 16.66667%;}
	.large-up--three-twelfths { flex-basis: 25%; max-width: 25%; width: 25%;}
	.large-up--four-twelfths { flex-basis: 33.33333%; max-width: 33.33333%; width: 33.33333%;}
	.large-up--five-twelfths { flex-basis: 41.66667%; max-width: 41.66667%; width: 41.66667%;}
	.large-up--six-twelfths { flex-basis: 50%; max-width: 50%; width: 50%;}
	.large-up--seven-twelfths { flex-basis: 58.33333%; max-width: 58.33333%; width: 58.33333%;}
	.large-up--eight-twelfths { flex-basis: 66.66667%; max-width: 66.66667%; width: 66.66667%;}
	.large-up--nine-twelfths { flex-basis: 75%; max-width: 75%; width: 75%;}
	.large-up--ten-twelfths { flex-basis: 83.33333%; max-width: 83.33333%; width: 83.33333%;}
	.large-up--eleven-twelfths { flex-basis: 91.66667%; max-width: 91.66667%; width: 91.66667%;}
}

.media {
	position:relative;
	width:100%;
}
.media--square {
	padding-bottom:100%;
}

.media img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

.result {
	display:none;
	max-width:960px;
	margin:0 auto;
	padding:10px 0;
	height: 100%;
	overflow:hidden;
	overflow-y:auto;
}
.fs-form-overview .result {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
@media only screen and (max-height: 768px) and (min-width: 769px){
	.fs-form-overview .result {
		justify-content: flex-start;
		padding:120px 0 50px;
	}
}
@media only screen and (max-width:768px) {
	.fs-form-overview .result {
		padding:80px 20px 50px;
		justify-content: flex-start;
	}
}
.result__title {
	width: 100%;
	text-align:center;
}
.result__title .t-face {
	display:block;
	width:300px;
	margin: 0 auto 20px;
}
.result__title .t-face img {
	display:block;
	width:100%;
}
.result__title h3 {
	text-align: center;
	margin: 0;
	font-size: 30px;
	font-weight: 300;
}
.result__title h3 span {
	display:block;
	font-size:13px;
	font-weight:400;
}
.result__title p {
	font-size: 14px;
	margin: 10px 0 0;
	text-align: center;
}
@media only screen and (max-width:768px) {
	.result__title .t-face {
		width:200px;
		margin-bottom:10px;
	}
	.result__title h3 {
		font-size:24px;
	}
	.result__title p {
		font-size:13px;
	}
}
.result__item {
	display: block;
	padding: 10px;
	box-shadow: 0 0 0 1px #ccc inset;
	width: 100%;
	color: #000;
	border-radius:4px;
}
.result__item:hover,
.result__item:focus {
	color:#000;
	box-shadow: 0 0 0 1px #000 inset;
}
.result__item-text {
	padding:10px;
	text-align:left;
}
.result__item-text h2 {
	font-size:21px;
	font-weight: 300;
	margin:0;
}
.result__item-text p {
	margin:10px 0;
	font-size:14px;
}
.result__item-text p.price {
	font-size:18px;
	font-weight:300;
}
.result__item-text p.price:after {
	content: "\ff3b\7a0e\8fbc\ff3d";
	font-size: 13px;
}
.result__item-text .btn {
	display: block;
	text-align: center;
	background-color: #000;
	color: #fff;
	padding: 10px;
	font-size: 16px;
	margin: 20px 0 0;
}

@media only screen and (max-width:768px) {
	.result__item-text {
		padding:10px 5px;
	}
	.result__item-text h2 {
		font-size:18px;
	}
	.result__item-text p {
		font-size:13px;
	}
	.result__item-text p.price {
		font-size:16px;
	}
}

#shopify-section-header{
  display: none;
}
.container {
  height: 100vh;
}