@charset "UTF-8";
@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon/icomoon.eot?y8z5kw");
	src: url("../fonts/icomoon/icomoon.eot?y8z5kw#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?y8z5kw") format("truetype"), url("../fonts/icomoon/icomoon.woff?y8z5kw") format("woff"), url("../fonts/icomoon/icomoon.svg?y8z5kw#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icomoon-"], [class*=" icomoon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icomoon-star:before {
	content: "";
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;
	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

*, *:before, *:after {
	box-sizing: border-box;
}

body {
	font-family: "Rubik", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	color: #4b4b4b;
	font-size: 16px;
	line-height: 1.3;
	background-color: #ffffff;
	min-width: 320px;
}

body::-webkit-scrollbar-button {
	background-image: url();
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
}

body::-webkit-scrollbar-track {
	background-color: #4b4b4b;
}

body::-webkit-scrollbar-track:active {
	background-color: #585858;
}

body::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-color: #6fc957;
	background-repeat: no-repeat;
	background-position: center;
}

body::-webkit-scrollbar-thumb:hover {
	background-color: #80cf6a;
}

body::-webkit-scrollbar-thumb:active {
	background-color: #5ec344;
}

body::-webkit-scrollbar-thumb:vertical {
	background-image: 10px;
}

body::-webkit-resizer {
	background-image: url("");
	background-repeat: no-repeat;
	background-color: #4b4b4b;
	width: 10px;
	height: 10px;
}

body::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

body {
	scrollbar-face-color: #6fc957;
	scrollbar-track-color: #4b4b4b;
	scrollbar-shadow-color: #6fc957;
	scrollbar-arrow-color: #6fc957;
}

body {
	scrollbar-width: auto;
	scrollbar-color: #6fc957 #4b4b4b;
}

.main {
	padding-top: 60px;
}

.container {
	max-width: 770px;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

a {
	color: #4b4b4b;
	text-decoration: underline;
	outline: none;
}

a:hover {
	color: #6fc957;
	text-decoration: none;
}

img {
	max-width: 100%;
	width: auto;
}

.text-block p:last-child {
	margin-bottom: 0;
}

p {
	margin: 0 0 15px;
}

strong {
	font-weight: 500;
}

small {
	font-size: 14px;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family: inherit;
	color: inherit;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 20px;
}

h1, .h1 {
	font-size: 28px;
}

@media only screen and (min-width: 768px) {
	h1, .h1 {
		font-size: 32px;
	}
}

h2, .h2 {
	font-size: 24px;
}

@media only screen and (min-width: 768px) {
	h2, .h2 {
		font-size: 26px;
	}
}

@media only screen and (min-width: 992px) {
	h2, .h2 {
		font-size: 28px;
	}
}

h3, .h3 {
	font-size: 26px;
}

h4, .h4 {
	font-size: 24px;
}

h5, .h5 {
	font-size: 22px;
}

h6, .h6 {
	font-size: 20px;
	margin-bottom: 10px;
}

.error-text {
	display: none;
	margin-bottom: 0;
	font-size: 18px;
	padding-top: 10px;
	color: #db3f3f;
}

.error-text.active {
	display: block;
}

.vertical-text-top-bottom {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	display: inline-block;
	margin: 0;
}

.vertical-text-bottom-top {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	transform: rotate(180deg);
	display: inline-block;
	margin: 0;
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.overflow-hidden {
	overflow: hidden;
}

.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ofi {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.text-primary {
	color: #6fc957 !important;
}

.hide {
	display: none !important;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1030;
	display: flex;
	align-items: center;
	min-height: 60px;
	background-color: #ffffff;
	border-bottom: 2px solid rgba(75, 75, 75, 0.2);
	padding: 10px 0;
}

.header__logo {
	display: flex;
	max-width: 115px;
}

.btn {
	display: inline-flex;
	justify-content: center;
	text-align: center;
	border-radius: 4px;
	text-decoration: none;
	font-weight: 500;
	border-width: 1px;
	line-height: 1;
	border-style: solid;
	transition: border-color 0.3s, background-color 0.3s, color 0.3s;
}

.btn-primary {
	background-color: #6fc957;
	border-color: #53b33a;
	color: #ffffff;
}

.btn-primary:focus {
	outline: 5px solid rgba(111, 201, 87, 0.25);
}

.btn-primary:hover {
	background-color: #53b33a;
	color: #ffffff;
}

.btn.with-pulsing {
	box-shadow: 0 0 0 0 rgba(111, 201, 87, 0.8);
	animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.btn:not(.btn-sm):not(.btn-lg) {
	font-size: 18px;
	min-width: 150px;
	padding: 12px 15px;
}

@keyframes pulsing {
	to {
		box-shadow: 0 0 0 20px rgba(111, 201, 87, 0);
	}
}

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
input[type='url'],
textarea {
	display: block;
	width: 100%;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	padding: 10px 15px;
	font-size: 18px;
	line-height: 1.5;
	font-family: "Rubik", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	border: none;
	border-bottom: 2px solid #8d8d8d;
	background-color: transparent;
	transition: border-color 0.3s, background-color 0.3s;
}

input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #b3b3b3;
}

input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='url']::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #b3b3b3;
}

input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='url']:-moz-placeholder,
textarea:-moz-placeholder {
	color: #b3b3b3;
}

input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #b3b3b3;
}

input[type='text']:hover,
input[type='tel']:hover,
input[type='email']:hover,
input[type='search']:hover,
input[type='password']:hover,
input[type='url']:hover,
textarea:hover {
	background-color: rgba(75, 75, 75, 0.05);
}

input[type='text']:not(textarea),
input[type='tel']:not(textarea),
input[type='email']:not(textarea),
input[type='search']:not(textarea),
input[type='password']:not(textarea),
input[type='url']:not(textarea),
textarea:not(textarea) {
	height: 50px;
}

input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
input[type='url']:focus,
textarea:focus {
	outline: none;
	border-color: #6fc957;
}

input[type='text'].active,
input[type='tel'].active,
input[type='email'].active,
input[type='search'].active,
input[type='password'].active,
input[type='url'].active,
textarea.active {
	border-color: #6fc957;
}

textarea {
	height: 175px;
	resize: none;
}

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit'] {
	outline: none;
	cursor: pointer;
}

.checkbox-radio-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.checkbox-radio-list__item:not(:last-child) {
	margin-bottom: 15px;
}

.checkbox-radio-question {
	display: block;
	max-width: 350px;
}

.checkbox-radio-question__input:checked + .checkbox-radio-question__item {
	background-color: #6fc957;
}

.checkbox-radio-question__input:checked + .checkbox-radio-question__item:after {
	opacity: 1;
}

.checkbox-radio-question__item {
	position: relative;
	display: block;
	background-color: #8d8d8d;
	color: #ffffff;
	padding: 15px 15px 15px 60px;
	cursor: pointer;
	border-radius: 2px;
	transition: background-color 0.3s;
}

.checkbox-radio-question__item:hover {
	background-color: #747474;
}

.checkbox-radio-question__item:after {
	content: url("../img/check-icon.svg");
	display: inline-block;
	width: 20px;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0, -50%);
	opacity: 0;
	transition: opacity 0.3s;
}

.checkbox-radio-question__number-box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translate(0, -50%);
	border: 1px solid #ffffff;
	padding: 10px;
	border-radius: 2px;
	font-size: 22px;
}

.checkbox-radio-question__text {
	font-size: 18px;
	font-weight: 500;
}

.survey-form__submit-block {
	padding-top: 80px;
}

.survey-form__submit-text {
	margin-bottom: 30px;
}

.section {
	padding: 50px 0;
}

@media only screen and (min-width: 768px) {
	.section {
		padding: 70px 0;
	}
}

@media only screen and (min-width: 992px) {
	.section {
		padding: 95px 0;
	}
}

.section-starting {
	min-height: calc(100vh - (60px + 60px));
	min-height: calc((var(--vh, 1vh) * 100) - (60px + 60px));
	transition: min-height 0.5s;
	display: flex;
	align-items: center;
}

.section-starting__logo {
	text-align: center;
	max-width: 170px;
	margin: 0 auto 50px;
}

@media only screen and (min-width: 576px) {
	.section-starting__logo {
		max-width: 100%;
	}
}

@media only screen and (min-width: 992px) {
	.section-starting__logo {
		margin-bottom: 70px;
	}
}

@media only screen and (min-width: 768px) {
	.section-starting__text {
		font-size: 18px;
	}
}

.section-starting__btn-block {
	padding-top: 50px;
	text-align: center;
}

@media only screen and (min-width: 576px) {
	.section-starting__btn-block {
		padding-top: 70px;
	}
}

.section-survey {
	padding-top: 10px;
	padding-bottom: 200px;
}

@media only screen and (min-width: 768px) {
	.section-survey {
		padding-top: 30px;
	}
}

@media only screen and (min-width: 992px) {
	.section-survey {
		padding-top: 55px;
	}
}

.section-confirmation {
	min-height: calc(100vh - 60px);
	min-height: calc((var(--vh, 1vh) * 100) - 60px);
	transition: min-height 0.5s;
	display: none;
	align-items: center;
}

.section-confirmation.active {
	display: flex;
}

.section-confirmation__logo {
	text-align: center;
	max-width: 170px;
	margin: 0 auto 50px;
}

@media only screen and (min-width: 576px) {
	.section-confirmation__logo {
		max-width: 100%;
	}
}

@media only screen and (min-width: 992px) {
	.section-confirmation__logo {
		margin-bottom: 70px;
	}
}

.section-confirmation__img {
	text-align: center;
}

.section-confirmation__btn-block {
	padding-top: 50px;
	text-align: center;
}

@media only screen and (min-width: 576px) {
	.section-confirmation__btn-block {
		padding-top: 70px;
	}
}

.survey-bottom-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1030;
	display: flex;
	align-items: center;
	min-height: 60px;
	background-color: #ffffff;
	border-top: 2px solid rgba(75, 75, 75, 0.2);
	padding: 10px 0;
}

.survey-bottom-bar:before {
	content: '';
	position: absolute;
	bottom: calc(100% + 2px);
	left: 0;
	right: 0;
	z-index: 1;
	display: block;
	height: 80px;
	width: 100%;
	pointer-events: none;
	background: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));
}

.survey-bottom-bar__completed-line {
	position: absolute;
	bottom: 100%;
	left: 0;
	z-index: 5;
	height: 2px;
	width: 0%;
	background-color: #6fc957;
	transition: width 0.5s, opacity 0.5s;
}

.survey-bottom-bar__completed-line[data-completed="0"] {
	opacity: 0;
}

.survey-bottom-bar__completed-line:before {
	content: attr(data-completed) "%";
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	position: absolute;
	bottom: 5px;
	right: 0;
}

.survey-bottom-bar__counter {
	margin-bottom: 0;
	font-size: 20px;
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1090;
	background-color: rgba(255, 255, 255, 0.96);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}

.preloader.active {
	opacity: 1;
	visibility: visible;
}

.preloader__item {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.preloader__circles-block {
	display: flex;
	height: 65px;
}

.preloader__circle {
	width: 15px;
	height: 15px;
	margin: 0 2px;
	display: inline-block;
	background-color: #6fc957;
	border-radius: 50%;
	animation: loading 1.5s cubic-bezier(0.8, 0.5, 0.2, 1.4) infinite;
	transform-origin: bottom center;
}

.preloader__circle:nth-child(1) {
	animation-delay: 0.1s;
}

.preloader__circle:nth-child(2) {
	animation-delay: 0.2s;
}

.preloader__circle:nth-child(3) {
	animation-delay: 0.3s;
}

.preloader__circle:nth-child(4) {
	animation-delay: 0.4s;
}

.preloader__circle:nth-child(5) {
	animation-delay: 0.5s;
}

.preloader__circle:nth-child(6) {
	animation-delay: 0.6s;
}

.preloader__circle:nth-child(7) {
	animation-delay: 0.7s;
}

.preloader__circle:nth-child(8) {
	animation-delay: 0.8s;
}

@keyframes loading {
	0% {
		transform: translateY(0px);
		opacity: 1;
	}
	50% {
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

.preloader__text {
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	padding-top: 50px;
	letter-spacing: 1px;
}

.survey-question-item {
	opacity: 0.4;
	pointer-events: none;
	transition: opacity 0.3s;
}

.survey-question-item.active {
	opacity: 1;
	pointer-events: auto;
}

.survey-question-item.valid.focused .survey-question-item__next-btn {
	display: block;
}

.survey-question-item.not-valid .error-text {
	display: block;
}

.survey-question-item__question {
	font-weight: 500;
	cursor: pointer;
}

@media only screen and (min-width: 768px) {
	.survey-question-item__question {
		margin-bottom: 40px;
	}
}

.survey-question-item__next-btn {
	display: none;
	padding-top: 20px;
}

.survey-questions-list {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: survey-questions;
}

.survey-questions-list__item {
	counter-increment: survey-questions;
	padding: 40px 0;
}

.survey-questions-list__item:last-child .survey-question-item__next-btn {
	display: none !important;
}

.survey-questions-list__item .survey-question-item__question:before {
	content: counter(survey-questions) ". ";
	display: inline-block;
}

.rating {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-flex;
	font-size: 40px;
	letter-spacing: 3px;
	color: #8d8d8d;
}

.rating__item {
	cursor: pointer;
	display: inline-flex;
}

.rating.hovering[data-hover="1"] .rating__item:nth-child(-n + 1) {
	color: #f8a400;
}

.rating.hovering[data-hover="2"] .rating__item:nth-child(-n + 2) {
	color: #f8a400;
}

.rating.hovering[data-hover="3"] .rating__item:nth-child(-n + 3) {
	color: #f8a400;
}

.rating.hovering[data-hover="4"] .rating__item:nth-child(-n + 4) {
	color: #f8a400;
}

.rating.hovering[data-hover="5"] .rating__item:nth-child(-n + 5) {
	color: #f8a400;
}

.rating:not(.hovering)[data-select="1"] .rating__item:nth-child(-n + 1) {
	color: #6fc957;
}

.rating:not(.hovering)[data-select="2"] .rating__item:nth-child(-n + 2) {
	color: #6fc957;
}

.rating:not(.hovering)[data-select="3"] .rating__item:nth-child(-n + 3) {
	color: #6fc957;
}

.rating:not(.hovering)[data-select="4"] .rating__item:nth-child(-n + 4) {
	color: #6fc957;
}

.rating:not(.hovering)[data-select="5"] .rating__item:nth-child(-n + 5) {
	color: #6fc957;
}
.conditionalhidden{
	display: none;
}
.conditionalshown 
{
	display: inline-block;
}


/*# sourceMappingURL=main.css.map */