/** Shopify CDN: Minification failed

Line 701:19 Expected ")" to end URL token
Line 711:19 Expected ")" to end URL token

**/
* {
    font-family: gt_walsheim_regularregular ;
  font-size: inherit;
}
.top-banner {
	width: 100%;
	padding: 80px 0 80px;
	background: url(https://hvp1c0j8vha4d537-44598263957.shopifypreview.com/cdn/shop/t/209/assets/quiz-hero.png?v=137069401898768583601689847213) no-repeat no-repeat;
	background-position: right bottom;
	margin-bottom: 40px;
	margin-top: 90px;
  z-index:1;
}

.f-4 {
	font-size: 64px;
}

#sec-2 h2 {
	font-family: gt_walsheimlight
}

.font-bold {
	font-family: gt_walsheimbold
}

.f-light {
	font-family: gt_walsheimlight
}

.top-banner-text-news {
	display: table;
	background: 0 0;
	padding: 30px 30px 30px 115px;
	margin: 0 0 0;
	display: table;
	width: 50%;
	z-index: 9;
	position: relative
}

.top-banner-text-news p {
	font-size: 38px
}

.arw {
	margin-left: 115px
}

.ftr-box {
	width: calc(20% - 10px)
}

footer {
	background: #1d1d1d;
	padding: 60px 0
}

.ftr-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-align-items: flex-start
}

.ftr-box a {
	color: #fff;
	display: block;
	text-align: left;
	margin-bottom: 10px;
	font-size: 1rem;
	font-family: gt_walsheimmedium
}

.ftr-p {
	color: #fff;
	font-size: .75rem;
	margin: 40px 0 0
}

.now-five-left h2 span img {
	position: relative;
	bottom: 15px
}

.ftr-box a:nth-child(1) {
	margin-top: 20px
}

.hvr-bounce-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-box-shadow: 0 0 1px transparent;
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	-o-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s
}

.hvr-bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-bounce-to-right:active,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:hover {
	color: #fff
}

.hvr-bounce-to-right:active:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:hover:before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.arw {
	position: relative;
	-webkit-animation-name: arwmove;
	animation-name: arwmove;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

@-webkit-keyframes arwmove {
	0% {
		top: 0
	}

	50% {
		top: 15px
	}

	100% {
		top: 0
	}
}

@keyframes arwmove {
	0% {
		top: 0
	}

	50% {
		top: 15px
	}

	100% {
		top: 0
	}
}

.top-banner-text-news h4 {
	font-size: 40px
}

.font-style {
	font-size: 1rem;
	letter-spacing: 3px
}

.q-head {
	margin: 60px 0 60px
}

.step {
	display: table;
	margin: 0 auto
}

.q-frm .form-control {
	border: 0;
	border-bottom: 2px solid #000;
	border-radius: 0;
	padding-left: 0
}

.q-frm .form-group {
	margin-bottom: 30px
}

.q-frm .form-check-label {
	font-family: gt_walsheimlight;
	font-size: 1rem
}

.btn-frm {
	padding: 7px 30px;
	border: 2px solid #000;
	font-family: gt_walsheimmedium;
	color: #000;
	display: block;
	max-width: 170px;
	text-align: center;
	margin: 40px 0 0;
	background: 0 0;
	width: 100%;
	margin-left: auto;
  font-size:20px;
}
.button-grp button{
  font-size:20px;
}

.content-wrapper {
	max-width: 750px;
	margin: 0 auto 60px
}

.q-head h2 {
	font-size: 2.7rem
}

.q-frm .form-control::-webkit-input-placeholder {
	color: #a3a3a3;
	opacity: 1
}

.q-frm .form-control::-moz-placeholder {
	color: #a3a3a3;
	opacity: 1
}

.q-frm .form-control:-ms-input-placeholder {
	color: #a3a3a3;
	opacity: 1
}

.q-frm .form-control::-ms-input-placeholder {
	color: #a3a3a3;
	opacity: 1
}

.q-frm .form-control::placeholder {
	color: #a3a3a3;
	opacity: 1
}

.q-frm .form-control:-ms-input-placeholder {
	color: #a3a3a3
}

.q-frm .form-control::-ms-input-placeholder {
	color: #a3a3a3
}

.bg-b0f1d2 {
	background: #b0f1d2
}

.bg-a7c6ed {
	background: #a7c6ed
}

.bg-d7c6e6 {
	background: #d7c6e6
}

.bg-fff6cf {
	background: #fff6cf
}

.bg-fc9f9d {
	background: #fc9f9d
}

.stp2-box {
	padding: 15px;
	width: calc(50% - 8px);
	text-align: center;
	margin-bottom: 15px;
	border-radius: 4px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center
}

.d-flex.stp2-row {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between
}

.stp2-box p {
	font-family: gt_walsheimmedium
}

.button-grp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-top: 30px
}

.stp2-btn {
	padding: 7px 30px;
	border: 2px solid #000;
	font-family: gt_walsheimmedium;
	color: #000;
	display: block;
	max-width: 170px;
	text-align: center;
	background: 0 0;
	width: 49%
}

button[name=step-2]:disabled,
button[name=step-3]:disabled,
button[name=step-4]:disabled,
button[name=step-5]:disabled {
	opacity: .5;
	pointer-events: none
}

.step-3-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between
}

.qsn3-box {
	width: 32%;
	border: 2px solid #000;
	text-align: center;
	padding: 50px 10px;
	border-radius: 4px;
	cursor: pointer
}

.qsn3-box p {
	font-family: gt_walsheimmedium
}

.qsn3-box img.star-img {
	margin-bottom: 50px
}

.step-4-container label {
	display: block;
	border: 2px solid #000;
	color: #000;
	text-align: center;
	margin-bottom: 15px;
	padding: 10px 15px;
	cursor: pointer;
  font-size:20px;
}

.step-4-container label:hover {
	color: #000 !important;
	-webkit-box-shadow: 0 6px 6px -6px #000;
	box-shadow: 0 6px 6px -6px #000;
	background: #000;
	color: #fff !important
}
.shp-sec-left h2{
  
}
.header__icons {
    font-size: 20px;
}

.qsn3-box:first-of-type:hover {
	-webkit-box-shadow: 0 6px 6px -6px #000;
	box-shadow: 0 6px 6px -6px #000;
	background: #92cbab
}

.qsn3-box:nth-of-type(2):hover {
	-webkit-box-shadow: 0 6px 6px -6px #000;
	box-shadow: 0 6px 6px -6px #000;
	background: #adc5e9
}

.qsn3-box:nth-of-type(3):hover {
	-webkit-box-shadow: 0 6px 6px -6px #000;
	box-shadow: 0 6px 6px -6px #000;
	background: #d4c7e4
}

.form-control:focus {
	box-shadow: none !important;
}

.qsn3-box:hover p {
	color: #fff !important
}

.qsn3-box:hover img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1)
}

.stp2-box:hover {
	-webkit-box-shadow: 0 6px 6px -6px #000;
	box-shadow: 0 6px 6px -6px #000
}

.q-num {
	display: none
}

.q-num.show {
	display: block
}

#tbnr-2.hide {
	display: none
}

#tbnr-1.hide {
	display: none
}

#step-5 .content-wrapper h2 {
	font-size: 2.5rem;
	font-family: gt_walsheimmedium
}

#slider-2.pro-slider {
	background: 0 0;
	padding: 40px 0 0
}

#slider-2 .pro-box-inr.box-1:before {
	position: absolute;
	content: "";
	background: #fff;
	width: 100%;
	height: 35%;
	top: 0;
	left: 0
}

#step-5 .product-star {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#step-5 .product-star p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	font-size: 1.4rem;
	margin-bottom: 10px
}

#step-5 .product-star p img {
	max-width: 180px;
	margin-right: 10px;
	position: relative;
	bottom: 3px;
	display: block
}

#step-5 .product-details {
	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;
	text-align: center;
  margin-top:15px;
}

#step-5 .product-details h5 {
	font-size: 25px;
	font-family: gt_walsheimbold
}

#step-5 .product-details p.p-name {
	font-size: 22px;
	margin-bottom: 6px
}

#step-5 .product-price {
	margin: 10px 0
}

#step-5 .product-price h3 {
	font-size: 52px;
	font-family: gt_walsheimmedium
}

#step-5 .product-btn a {
	padding: 8px 30px;
	border: 2px solid #000;
	font-family: gt_walsheimmedium;
	color: #000;
	display: block;
	max-width: 250px;
	text-align: center;
	margin: 0 auto 10px
}

#slider-2 .pro-box-inr.box-1 {
	background: #b1f2d3;
	padding: 20px;
	position: relative
}

#slider-2 .pro-box-inr {
	min-height: 750px
}

#step-5 .product-price h3 sup {
	bottom: 15px;
	font-size: 28px;
}

#step-5 .product-btn a:hover {
	color: #fff !important
}

#slider-2 .pro-box-inr.box-2 {
	background: #a7c5ec;
	padding: 20px;
	position: relative
}

#slider-2 .pro-box-inr.box-3 {
	background: #a7c5ec;
	padding: 20px;
	position: relative
}

#slider-2 .pro-box-inr.box-2:before {
	position: absolute;
	content: "";
	background: #fff;
	width: 100%;
	height: 35%;
	top: 0;
	left: 0
}

#slider-2 .pro-box-inr.box-3:before {
	position: absolute;
	content: "";
	background: #fff;
	width: 100%;
	height: 35%;
	top: 0;
	left: 0
}

.p-bg {
	margin-bottom: 0 !important;
	color: #fff;
	display: table;
	padding: 4px 20px;
	border-radius: 35px
}

.bg-112590 {
	background: #112590
}

.bg-fc753d {
	background: #fc753d
}

.bg-10b38d {
	background: #10b38d
}

.bg-fd753e {
	background: #fd753e
}

#step-5 .product-image {
	position: relative;
	z-index: 9;
	text-align: center
}

.plus {
	position: absolute;
	top: 20px;
	right: 10px
}

.owl-carousel,
.owl-carousel .owl-nav.disabled {
	display: block !important
}

#slider-3 .pro-box-inr {
	min-height: 720px
}

#slider-3 .pro-box-inr.box-1 {
	background: #fff6cf;
	padding: 20px;
	position: relative
}

#slider-3 .pro-box-inr:before {
	position: absolute;
	content: "";
	background: #f2f2f2;
	width: 100%;
	height: 30%;
	top: 0;
	left: 0
}

#slider-3 .product-image {
	position: relative;
	z-index: 9
}

.nav-btn.prev-slide:before {
	position: absolute;
	content: "";
	background:url({{ "left-arw.png" | asset_url }}) no-repeat no-repeat;
	top: 50%;
	left: -70px;
	height: 22px;
	width: 45px
}

.nav-btn.next-slide:after {
	position: absolute;
	content: "";
	background:url({{ "right-arw.png" | asset_url }}) no-repeat no-repeat;
	top: 50%;
	right: -70px;
	height: 22px;
	width: 45px
}

.owl-dots {
	display: none
}

#slider-3 .pro-box-inr.box-3 {
	background: #fff6cf;
	padding: 20px;
	position: relative
}

#slider-3 .pro-box-inr.box-2 {
	background: #fff6cf;
	padding: 20px;
	position: relative
}

#slider-3 {
	background: #f2f2f2;
	padding-bottom: 60px
}

.pro-slider {
	padding: 40px 0 0;
	margin-top: 50px
}

.plus {
	position: absolute;
	top: 20px;
	right: 10px
}

.shp-sec-right a {
	padding: 8px 30px;
	border: 2px solid #000;
	font-family: gt_walsheimmedium;
	color: #000;
  font-size:20px;
}

.shp-sec-right a:hover {
	color: #fff !important
}

#shp-sec .d-flex {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center
}

#shp-sec {
	padding: 40px 0
}

#slider-3 .p-bg {
	width: 100%;
	text-align: center
}

label.error {
	display: none !important
}

#step-5 .product-btn a {
	padding: 8px 30px;
	border: 2px solid #000;
	font-family: gt_walsheimmedium;
	color: #000;
	display: block;
	max-width: 250px;
	text-align: center;
	margin: 0 auto 10px
}

#step-5 .product-btn a:hover {
	color: #fff !important
}

.pro-box-inr.box-relax {
	background: #b1f2d3;
	padding: 20px;
	position: relative
}

.pro-box-inr.box-sleep {
	background: #a7c6ed;
	padding: 20px;
	position: relative
}

.pro-box-inr.box-relief {
	background: #d7c6e6;
	padding: 20px;
	position: relative
}

.pro-box-inr.box-twenty-one {
	background: #fc9f9d;
	padding: 20px;
	position: relative
}

.pro-box-inr.box-effect:before {
	position: absolute;
	content: "";
	background: #fff;
	width: 100%;
	height: 35%;
	top: 0;
	left: 0
}

#step-5 .product-star p img {
	max-width: 180px;
	margin-right: 10px;
	position: relative;
	bottom: 3px
}

#step-5 .product-star p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	font-size: 1.4rem;
	margin-bottom: 10px
}

#step-5 .product-details h5 {
	font-size: 25px;
	font-family: gt_walsheimbold;
	margin-bottom: 0
}

.pro-box-inr.box-effect .p-bg {
	margin-bottom: 0 !important;
	color: #fff;
	display: table;
	padding: 4px 20px;
	border-radius: 35px;
	margin-top: 12px
}

.bg-fd753e {
	background: #fd753e
}

.bg-45d3c3 {
	background: #45d3c3
}

.bg-e52e3c {
	background: #e52e3c
}

.bg-f49140 {
	background: #f49140
}

.bg-ea7768 {
	background: #ea7768
}

.bg-2272d0 {
	background: #2272d0
}

.pro-box-inr.box-2 .p-bg {
	background: #45a5c0;
	margin-bottom: 0 !important;
	color: #fff;
	display: table;
	padding: 4px 20px;
	border-radius: 35px
}

.pro-box-inr.box-3 .p-bg {
	background: #112690;
	margin-bottom: 0 !important;
	color: #fff;
	display: table;
	padding: 4px 20px;
	border-radius: 35px
}

#step-5 .product-details p.p-name {
	font-size: 22px;
	margin-bottom: 6px
}

#step-5 .product-price h3 {
	font-size: 52px;
	font-family: gt_walsheimmedium
}

#step-5 .product-price h3 sup {
	bottom: 15px;
	font-size: 28px
}

#step-5 .product-price {
	margin: 10px 0
}

#step-5 .product-image {
	position: relative;
	z-index: 9;
	text-align: center
}

#step-5 .pro-box-inr {
	min-height: 100%;
	width: 100%
}

.pro-row .main-widget .yotpo-display-wrapper .yotpo-stars .yotpo-icon,
.pro-row .yotpo-medium .yotpo-display-wrapper .yotpo-stars .yotpo-icon,
.pro-row .yotpo-small .yotpo-display-wrapper .yotpo-stars .yotpo-icon {
	color: #f7f569 !important;
	font-size: 29px !important
}

#step-5 .product-star .yotpo-bottomline {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	margin-bottom: 20px !important
}

.pro-row .main-widget .yotpo-display-wrapper .text-m,
.pro-row .main-widget .yotpo-display-wrapper .yotpo-sum-reviews span,
.pro-row .yotpo-medium .yotpo-display-wrapper .text-m,
.pro-row .yotpo-small .yotpo-display-wrapper .text-m,
.pro-row .yotpo-small .yotpo-display-wrapper .yotpo-sum-reviews span,
.yotpo-medium .yotpo-display-wrapper .yotpo-sum-reviews span {
	font-size: 1.4rem !important;
	font-weight: 400 !important;
	color: #1d1d1d !important
}

.yotpo .standalone-bottomline .star-clickable,
.yotpo .standalone-bottomline.star-clickable {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important
}

.yotpo .sr-only {
	line-height: 32px;
	margin-left: 5px;
	font-size: 1.4rem;
	color: #1d1d1d;
	position: unset;
	overflow: hidden;
	width: 32px;
	display: inline-block;
	height: 100%;
	font-family: gt_walsheim_regularregular
}

.main-widget .yotpo-display-wrapper .text-m,
.main-widget .yotpo-display-wrapper .yotpo-sum-reviews span,
.yotpo-medium .yotpo-display-wrapper .text-m,
.yotpo-medium .yotpo-display-wrapper .yotpo-sum-reviews span,
.yotpo-small .yotpo-display-wrapper .text-m,
.yotpo-small .yotpo-display-wrapper .yotpo-sum-reviews span {
	display: none !important
}

#step-5 .product-image a {
    height: 400px;
    -o-object-fit: contain;
    object-fit: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 90%;
    margin: 0 auto;
}

#step-5 img.product {
    max-height: 100%;
      height: auto;
}

@media screen and (max-width:767px) {
	.standalone-bottomline {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important
	}
}

#step-2 input:checked+label {
	-webkit-box-shadow: 0 6px 6px -6px #000;
	box-shadow: 0 6px 6px -6px #000
}

#step-3 input:checked+label {
	-webkit-box-shadow: 0 6px 6px -6px #000;
	box-shadow: 0 6px 6px -6px #000;
	background: #000
}

#step-3 input:checked+label img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1)
}

#step-3 input:checked+label p {
	color: #fff !important
}

#step-4 input:checked+label {
	-webkit-box-shadow: 0 6px 6px -6px #000;
	box-shadow: 0 6px 6px -6px #000;
	background: #000;
	color: #fff !important
}