.benefits {
padding: 15vw 0 5vw;
}
.benefits__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.benefits__item {
width: 50%;
margin-bottom: 8vw;
text-align: center;
}
.benefits__item:nth-child(3) {
width: 60%;
}
.benefits__item strong {
display: block;
font-size: 10vw;
line-height: 1;
font-weight: 400;
}
.benefits__item p {
font-family: var(--font-geometria);
font-size: 0.7em;
font-weight: 500;
line-height: 1.5;
}
@media (min-width: 1070px) {
.benefits {
padding: 5.3vw 0 4.2vw;
position: relative;
}
.benefits__row {
position: relative;
z-index: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.benefits__item {
width: auto !important;
margin: 0 4.6875vw;
}
.benefits__item strong {
margin-bottom: 0.8vw;
font-size: 6.25vw;
}
.benefits__item p {
font-size: 1.04vw;
}
}
.phil {
margin-top: 6vw;
}
.phil .swiper {
overflow: visible;
}
.phil .swiper-slide {
width: 80vw;
padding-right: 10vw;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: auto;
}
.phil__slide {
position: relative;
height: 100%;
border: 2px solid rgba(0, 0, 0, 0.15);
border-radius: 40vw;
}
.phil__desc {
padding: 4vw 6vw 20vw;
}
.phil__pic {
margin: -2px -2px 0;
position: relative;
border-radius: 50%;
overflow: hidden;
}
.phil__pic::after {
content: '';
display: block;
padding-bottom: 100%;
}
.phil__pic img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 100/100;
}
.phil__title {
display: block;
margin-bottom: 4vw;
font-weight: 700;
line-height: 1.25;
font-size: 1.2em;
}
.phil__txt {
font-family: var(--font-geometria);
line-height: 1.38;
font-size: 0.8em;
}
@media (min-width: 1070px) {
.phil {
margin-top: 4.3vw;
position: relative;
}
.phil .swiper-slide {
width: 58.54166667vw;
padding-right: 2.60416667vw;
}
.phil__slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.phil__pic {
width: 18.75vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 18.75vw;
flex: 0 0 18.75vw;
}
.phil__desc {
margin: 0;
padding: 2.2vw 7vw 2vw 3.2vw;
}
.phil__title {
margin-bottom: 2vw;
font-size: 2.08vw;
}
.phil__txt {
font-size: 1.35vw;
}
.phil__nav {
position: absolute;
z-index: 100;
right: 0;
top: -9.8vw;
margin: 0;
}
}
.easy {
margin-top: 6vw;
}
.easy__slider {
display: none;
}
.easy__items {
margin-top: 6vw;
}
.easy__item {
position: relative;
margin-bottom: 6vw;
background: #D1D4E0;
border-radius: 6vw;
padding: 6vw;
cursor: pointer;
-webkit-transition: 0.3s background;
transition: 0.3s background;
}
.easy__item.active,
.easy__item:hover {
background: #C3C5D5;
}
.easy__item.active .easy__curr,
.easy__item:hover .easy__curr {
background: #000;
color: var(--color-orange);
}
.easy__item.active .easy__title,
.easy__item:hover .easy__title {
font-weight: 700;
}
.easy__item.active .easy__icon .q1,
.easy__item:hover .easy__icon .q1 {
opacity: 0;
}
.easy__item.active .easy__icon .q2,
.easy__item:hover .easy__icon .q2 {
opacity: 1;
}
.easy__head {
margin-bottom: 20vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.easy__curr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 6vw;
background: #B9BCCE;
padding: 2vw 6vw;
color: #E8E9EF;
font-size: 8vw;
-webkit-transition: 0.3s color, 0.3s background;
transition: 0.3s color, 0.3s background;
line-height: 1;
font-weight: 300;
}
.easy__curr svg {
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
fill: currentColor;
width: 0.66666667em;
}
.easy__title {
display: block;
line-height: 1.3;
font-size: 6vw;
font-family: var(--font-geometria);
}
.easy__icon {
width: 12vw;
position: relative;
}
.easy__icon .q1,
.easy__icon .q2 {
-webkit-transition: 0.3s opacity;
transition: 0.3s opacity;
}
.easy__icon .q2 {
opacity: 0;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.easy__bottom {
margin-top: 12vw;
}
.easy__bottom-title {
display: block;
margin-bottom: 1vw;
font-weight: 700;
font-size: 1.2em;
line-height: 1.35;
text-transform: uppercase;
}
.easy__bottom-txt {
font-family: var(--font-geometria);
line-height: 1.45;
font-size: 0.8em;
}
.easy__bottom-line {
width: 12vw;
margin-top: 4vw;
}
@media (min-width: 1070px) {
.easy {
margin-top: 4.9vw;
position: relative;
}
.easy__slider {
display: block;
margin: 0 auto;
width: 32.91666667vw;
}
.easy__items {
position: absolute;
width: 100%;
top: 0;
left: 0;
display: grid;
grid-template-columns: 26.25vw 26.25vw;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
}
.easy__item {
position: relative;
width: 26.25vw;
border-radius: 4.16666667vw;
margin-bottom: 2.60416667vw;
padding: 3.2vw 2.7vw 2.8vw 3vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 22.91666667vw;
}
.easy__item:nth-child(odd) {
top: 5vw;
}
.easy__item:nth-child(even) {
top: -5vw;
}
.easy__head {
margin-bottom: 0;
}
.easy__icon {
width: 3.54166667vw;
}
.easy__curr {
padding: 0.6vw 1vw;
width: 8.54166667vw;
border-radius: 1.77083333vw;
font-size: 2.34375vw;
}
.easy__title {
margin-top: auto;
font-size: 1.875vw;
}
.easy__bottom {
margin-top: 0;
position: absolute;
bottom: 0;
right: 0;
text-align: right;
}
.easy__bottom-title {
margin-bottom: 0.75vw;
font-size: 1.45833333vw;
}
.easy__bottom-txt {
font-size: 1.15vw;
}
.easy__bottom-line {
margin-top: 2vw;
margin-left: auto;
width: 3.54166667vw;
}
}
.quiz {
position: relative;
}
.quiz__head {
position: relative;
padding: 8vw 6vw 0;
border-radius: 6vw 6vw 0 0;
background: #C9CBDB;
}
.quiz__info {
color: #DADCE6;
text-align: right;
white-space: nowrap;
line-height: 1;
}
.quiz__info-txt {
display: block;
font-weight: 300;
text-transform: uppercase;
}
.quiz__info-count {
font-size: 1.2em;
}
.quiz__info-curr {
font-size: 2.33333333em;
}
.quiz__body {
padding: 6vw 6vw 8vw;
border-radius: 0 0 6vw 6vw;
background: #C9CBDB;
}
.quiz__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: var(--font-geometria);
font-weight: 700;
line-height: 1.3;
font-size: 1em;
}
.quiz__label > i {
display: block;
width: 2.05882353em;
-webkit-box-flex: 0;
-ms-flex: 0 0 2.05882353em;
flex: 0 0 2.05882353em;
margin-right: 4vw;
}
.quiz__tabs {
margin-top: 4vw;
position: relative;
color: rgba(0, 0, 0, 0.4);
font-family: var(--font-geometria);
font-weight: 700;
line-height: 1;
font-size: 3.88888889vw;
}
.quiz__tabs::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 2em;
}
.quiz__tabs li {
position: relative;
z-index: 1;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.quiz__tabs-radio {
display: block;
position: relative;
height: 100%;
cursor: pointer;
}
.quiz__tabs-radio:hover .quiz__tabs-wrap {
color: #000;
}
.quiz__tabs-radio input[type="radio"] {
position: absolute;
left: -9999px;
}
.quiz__tabs-radio input[type="radio"]:checked + .quiz__tabs-wrap {
background: var(--color-orange);
color: #fff;
}
.quiz__tabs-wrap {
display: block;
padding: 1.3em 1.6em 1.2em;
border-radius: 2em;
text-align: center;
-webkit-transition: 0.3s color, 0.3s background;
transition: 0.3s color, 0.3s background;
}
.quiz__fieldset-1,
.quiz__fieldset-2,
.quiz__fieldset-3,
.quiz__fieldset-4,
.quiz__btns-2 {
display: block;
margin: 8vw 0 0;
}
.quiz__label-1 {
display: block;
margin-bottom: 4vw;
font-weight: 700;
font-family: var(--font-geometria);
}
.quiz__txt-1 {
display: block;
line-height: 1.5;
font-size: 0.8em;
color: rgba(0, 0, 0, 0.4);
font-family: var(--font-geometria);
}
.quiz__tooltip-1 {
position: absolute;
display: inline-block;
width: 1.25em;
margin-left: 0.3em;
color: var(--color-orange);
-webkit-transition: 0.3s color;
transition: 0.3s color;
}
.quiz__tooltip-1 svg {
fill: currentColor;
}
.quiz__row-1-1 {
margin-top: 8vw;
}
.quiz__col {
margin-bottom: 6vw;
width: 100%;
}
.quiz__label-2 {
margin-bottom: 2vw;
display: block;
font-size: 0.9em;
font-family: var(--font-geometria);
}
.quiz__label-2.quiz__label-2-1 {
margin-bottom: 0;
margin-top: 3vw;
}
.quiz__item-price {
display: block;
margin-top: 2vw;
color: rgba(0, 0, 0, 0.4);
font-family: var(--font-geometria);
font-size: 0.8em;
}
.quiz__counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 1;
}
.quiz__counter:hover .quiz__counter-icon,
.quiz__counter.hover .quiz__counter-icon,
.quiz__counter:hover .quiz__counter-wrap,
.quiz__counter.hover .quiz__counter-wrap {
border-color: var(--color-orange);
}
.quiz__counter-icon {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 12vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 12vw;
flex: 0 0 12vw;
height: 12vw;
margin-right: -2vw;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.3);
-webkit-transition: 0.3s border-color;
transition: 0.3s border-color;
}
.quiz__counter-icon::after {
content: '';
display: block;
position: absolute;
z-index: 0;
width: 100%;
height: 50%;
left: 30%;
top: 25%;
pointer-events: none;
background: #C9CBDB;
}
.quiz__counter-icon img {
width: 50%;
position: relative;
z-index: 2;
}
.quiz__counter-wrap {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40vw;
border-radius: 6vw;
border: 1px solid rgba(0, 0, 0, 0.3);
-webkit-transition: 0.3s border-color;
transition: 0.3s border-color;
}
.quiz__counter-btn {
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;
position: relative;
width: 12vw;
height: 100%;
color: var(--color-orange);
-webkit-transition: 0.3s color;
transition: 0.3s color;
}
.quiz__counter-btn[disabled] {
opacity: 0.5;
cursor: default;
}
.quiz__counter-btn svg {
display: block;
width: 25%;
fill: currentColor;
}
.quiz__counter-input {
display: block;
height: 100%;
position: relative;
width: 10vw;
background: transparent;
border: 0;
padding: 0;
text-align: center;
font-family: var(--font-geometria);
font-weight: 300;
font-size: 4.44444444vw;
outline: none;
}
.quiz__btns {
margin-top: 12vw;
text-align: center;
}
.quiz__btns-back {
margin-top: 6vw;
}
.quiz__bottom {
margin-top: 6vw;
text-align: center;
}
.quiz__footer {
margin-top: 6vw;
padding: 8vw 6vw;
border-radius: 6vw;
background: #fff;
}
.quiz__header-3 {
display: block;
margin-bottom: 6vw;
text-align: center;
font-weight: 700;
font-family: var(--font-geometria);
}
.quiz__list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 4vw;
opacity: 0.4;
-webkit-transition: 0.3s opacity;
transition: 0.3s opacity;
font-family: var(--font-geometria);
}
.quiz__list li.active {
font-weight: 700;
opacity: 1;
}
.quiz__list li.active > i {
background: #000;
color: #fff;
}
.quiz__list li > i {
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;
width: 10vw;
height: 10vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 10vw;
flex: 0 0 10vw;
margin-right: 4vw;
border: 1px solid;
color: #000;
border-radius: 50%;
}
.quiz__list li > i svg {
display: block;
width: 55%;
stroke: currentColor;
fill: currentColor;
}
.quiz__list-title {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 0.8em;
}
.quiz__list-cost {
font-size: 0.8em;
}
.quiz__tooltip-2 {
display: inline-block;
position: relative;
top: -0.1em;
width: 1em;
margin-left: 0.3em;
color: #C7CAE1;
-webkit-transition: 0.3s color;
transition: 0.3s color;
}
.quiz__tooltip-2 svg {
fill: currentColor;
}
.quiz__tooltip-3 {
display: inline-block;
position: relative;
top: -0.1em;
width: 1.11111111em;
margin-left: 0.3em;
color: #C7CAE1;
-webkit-transition: 0.3s color;
transition: 0.3s color;
vertical-align: text-bottom;
}
.quiz__tooltip-3 svg {
fill: currentColor;
}
.quiz__total {
margin-top: 10vw;
border-top: 1px solid rgba(0, 0, 0, 0.15);
padding-top: 10vw;
}
.quiz__total-item {
margin-top: 1vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
font-family: var(--font-geometria);
}
.quiz__total-item:first-child {
margin-top: 0;
}
.quiz__total-item.quiz__total-item_v2 {
margin-top: 4vw;
font-size: 5.6vw;
}
.quiz__total-item.quiz__total-item_v2 .quiz__total-title small {
font-size: 0.47058824em;
}
.quiz__total-title {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.quiz__total-title small {
font-size: 0.72727273em;
}
.quiz__total-cost {
display: block;
margin-left: 1em;
white-space: nowrap;
font-weight: 700;
}
.quiz__total-cost span {
display: block;
position: relative;
}
.quiz__total-cost svg {
display: inline-block;
position: absolute;
top: -0.1em;
right: 100%;
width: 1.41176471em;
vertical-align: middle;
}
.quiz__total-subrow {
margin-top: 2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.quiz__total-sub {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 0.8em;
}
.quiz__total-tumbler {
margin-left: 1em;
}
.quiz__tumbler {
width: 16vw;
cursor: pointer;
display: block;
position: relative;
}
.quiz__tumbler input[type="checkbox"] {
position: absolute;
left: -99999px;
}
.quiz__tumbler input[type="checkbox"]:checked + svg .tm {
opacity: 1;
-webkit-transform: translate(48%, 0%);
-ms-transform: translate(48%, 0%);
transform: translate(48%, 0%);
}
.quiz__tumbler .tm {
opacity: 0.5;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.quiz__step {
position: relative;
height: 100%;
}
.quiz__in {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.quiz__services {
position: relative;
margin: 4vw -2vw 0;
}
.quiz__service {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 2vw 4vw;
padding: 1.1em 1.4em 0.95em 1.7em;
border-radius: 2em;
border: 1px solid #F2F3F9;
background: #F2F3F9;
font-family: var(--font-geometria);
font-weight: 500;
line-height: 1.3;
font-size: 0.8em;
}
.quiz__service span {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.quiz__service small {
display: block;
font-weight: 700;
color: var(--color-orange);
margin-left: 0.8em;
font-size: 1em;
}
.quiz__service i {
display: block;
width: 0.9em;
margin-left: 1.22222222em;
opacity: 0.2;
-webkit-transition: 0.3s opacity;
transition: 0.3s opacity;
}
.quiz__service i:hover {
opacity: 1;
}
.quiz__service i svg {
fill: currentColor;
}
.quiz__service-empty {
display: block;
margin: 0 2vw;
color: rgba(0, 0, 0, 0.4);
font-family: var(--font-geometria);
font-size: 0.8em;
line-height: 1.1;
}
.quiz__box-selects-2-1 {
margin-bottom: 4vw;
z-index: 10;
position: relative;
}
.quiz__box-selects-2-1 .select-1 {
margin-bottom: 0;
}
.quiz__row-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.quiz__col-2-1 {
width: 25vw;
margin-right: 2vw;
}
.quiz__col-2-1 .select-1 {
margin-bottom: 0;
}
.quiz__col-2-2 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.quiz__input {
width: 100%;
display: block;
position: relative;
z-index: 1;
height: 100%;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 2em;
padding: 1.1em 1.4em 0.95em 1.7em;
font-family: var(--font-geometria);
font-size: 0.8em;
line-height: 1.3;
background: transparent;
-webkit-transition: 0.1s background, 0.1s border-color;
transition: 0.1s background, 0.1s border-color;
outline: none;
}
.quiz__label-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
pointer-events: none;
padding: 1.1em 1.4em 0.95em 1.7em;
font-family: var(--font-geometria);
font-size: 0.8em;
line-height: 1.3;
color: rgba(0, 0, 0, 0.4);
opacity: 1;
border-radius: 2em;
}
.quiz__label-input.req::after {
content: '*';
display: inline-block;
margin-left: 0.4em;
color: rgba(255, 0, 0, 0.4);
font-weight: 700;
}
.quiz__box-input {
position: relative;
margin-bottom: 6vw;
}
.quiz__row-3 {
margin-top: 8vw;
}
.quiz__col-3-1 {
margin-bottom: 4vw;
}
.quiz__checkbox {
position: relative;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.quiz__checkbox input[type=checkbox],
.quiz__checkbox input[type=radio] {
position: absolute;
left: -99999px;
}
.quiz__checkbox input[type=checkbox]:checked + .quiz__checkbox-txt .bg,
.quiz__checkbox input[type=radio]:checked + .quiz__checkbox-txt .bg {
fill: #fff;
}
.quiz__checkbox input[type=checkbox][disabled] + .quiz__checkbox-txt,
.quiz__checkbox input[type=radio][disabled] + .quiz__checkbox-txt {
opacity: 0.5 !important;
cursor: default;
}
.quiz__checkbox input[type=checkbox][disabled] + .quiz__checkbox-txt .bg,
.quiz__checkbox input[type=radio][disabled] + .quiz__checkbox-txt .bg {
fill: #ccc !important;
stroke: #000;
}
.quiz__checkbox input[type=checkbox][disabled] + .quiz__checkbox-txt .ch,
.quiz__checkbox input[type=radio][disabled] + .quiz__checkbox-txt .ch {
opacity: 0;
}
.quiz__checkbox-txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgba(0, 0, 0, 0.5);
font-family: var(--font-geometria);
line-height: 1.38;
font-size: 0.8em;
cursor: pointer;
}
.quiz__checkbox-txt span {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.quiz__checkbox-check {
display: block;
width: 5vw;
margin-right: 4vw;
}
.quiz__checkbox-check .bg {
fill: var(--color-orange);
}
.quiz__checkbox-check .ch {
fill: var(--color-orange);
opacity: 1;
}
.quiz__promocode {
position: relative;
margin-bottom: 6vw;
}
.quiz__promocode input[type="text"] {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 12vw;
border-radius: 6vw;
padding: 0.2em 30vw 0.25em 1em;
font-size: 3.6vw;
outline: none;
text-transform: uppercase;
color: #000;
font-family: var(--font-geometria);
font-weight: 400;
border: 1px solid rgba(0, 0, 0, 0.3);
-webkit-transition: 0.3s border-color;
transition: 0.3s border-color;
}
.quiz__promocode input[type="text"]::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.4);
}
.quiz__promocode input[type="text"]::-moz-placeholder {
color: rgba(0, 0, 0, 0.4);
}
.quiz__promocode input[type="text"]:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.4);
}
.quiz__promocode input[type="text"]::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.4);
}
.quiz__promocode input[type="text"]::placeholder {
color: rgba(0, 0, 0, 0.4);
}
.quiz__promocode input[type="text"]:focus {
border-color: #000;
}
.quiz__promocode button {
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;
position: absolute;
z-index: 2;
width: 30vw;
height: 100%;
top: 0;
right: 0;
border-radius: 6vw;
background: var(--color-orange);
border: 0;
outline: none;
color: #fff;
font-size: 3vw;
font-family: var(--font-geometria);
font-weight: 700;
-webkit-transition: 0.3s opacity, 0.3s color, 0.3s background;
transition: 0.3s opacity, 0.3s color, 0.3s background;
}
@media (hover: hover) {
.quiz__promocode button:not([disabled]):hover {
background: #000;
color: var(--color-orange);
}
}
.quiz__promocode button[disabled] {
background: #FFB2A2;
cursor: not-allowed;
}
.quiz__promocode button svg {
display: block;
width: 1.33333333em;
-webkit-box-flex: 0;
-ms-flex: 0 0 1.33333333em;
flex: 0 0 1.33333333em;
margin-left: 0.55555556em;
}
@media (min-width: 1070px) {
.quiz__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.quiz__head {
width: 100%;
padding: 3.7vw 5.7vw 4.1vw 4.6vw;
border-radius: 5.20833333vw 5.20833333vw 5.20833333vw 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.quiz__head::after {
content: '';
display: block;
position: absolute;
left: 49.21875vw;
top: 100%;
width: 5.20833333vw;
height: 5.20833333vw;
background: url(//cleanarea.ae/wp-content/themes/clean-area/img/quiz/arc.svg) center / contain no-repeat;
}
.quiz__header {
padding-top: 1vw;
}
.quiz__header .section__subtitle {
margin-top: 1.2vw;
}
.quiz__info-txt {
margin-top: 0.3vw;
font-size: 1.97916667vw;
}
.quiz__info-curr {
font-size: 5.83333333vw;
font-weight: 300;
}
.quiz__info-count {
font-size: 2.5vw;
}
.quiz__body {
width: 49.21875vw;
padding: 1.6vw 4.7vw 2.5vw 4.6vw;
border-radius: 0 0 5.20833333vw 5.20833333vw;
}
.quiz__label {
font-size: 1.77083333vw;
}
.quiz__label > i {
margin-right: 1.56vw;
width: 3.64583333vw;
-ms-flex-preferred-size: 3.64583333vw;
flex-basis: 3.64583333vw;
}
.quiz__tabs {
margin-top: 3.3vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.04vw;
}
.quiz__fieldset-1 {
margin-top: 3.4vw;
}
.quiz__fieldset-2 {
margin-top: 3.2vw;
margin-bottom: 3vw;
padding-right: 2.3vw;
margin-right: -2.3vw;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: auto;
max-height: 20vw;
scrollbar-color: #FF5430 rgba(255, 84, 48, 0.2);
scrollbar-width: thin;
}
.quiz__fieldset-2::-webkit-scrollbar-track {
border-radius: 4px;
background: rgba(255, 84, 48, 0.2);
}
.quiz__fieldset-2::-webkit-scrollbar {
width: 8px;
background: rgba(255, 84, 48, 0.2);
}
.quiz__fieldset-2::-webkit-scrollbar-thumb {
border-radius: 4px;
background: #FF5430;
}
.quiz__fieldset-3 {
margin-top: 3.2vw;
max-width: 33.54166667vw;
}
.quiz__fieldset-4 {
margin-top: 1.6vw;
}
.quiz__btns-2 {
margin-top: 1.7vw;
}
.quiz__label-1 {
margin-bottom: 0.4vw;
font-size: 1.25vw;
}
.quiz__txt-1 {
font-size: 0.83vw;
}
.quiz__tooltip-1,
.quiz__tooltip-2 {
vertical-align: middle;
position: static;
}
.quiz__row-1-1 {
margin-top: 1.9vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.quiz__col-1-1 {
width: auto;
margin-right: 2.08vw;
margin-bottom: 0;
}
.quiz__row-2-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.quiz__col-1-2 {
width: 50%;
margin-bottom: 3.5vw;
}
.quiz__label-2 {
margin-bottom: 0.65vw;
font-size: 0.94vw;
}
.quiz__label-2.quiz__label-2-1 {
margin-bottom: 0;
margin-top: 0.9vw;
}
.quiz__item-price {
margin-top: 0.3vw;
font-size: 1.15vw;
}
.quiz__item-price[data-isset=true] {
font-weight: 700;
color: var(--color-orange);
}
.quiz__counter-icon {
width: 2.5vw;
-ms-flex-preferred-size: 2.5vw;
flex-basis: 2.5vw;
height: 2.5vw;
margin-right: -0.4vw;
}
.quiz__counter-wrap {
width: 7.4vw;
}
.quiz__counter-btn {
width: 2vw;
}
.quiz__counter-btn svg {
width: 0.63vw;
}
.quiz__counter-input {
width: 2.6vw;
font-size: 1.35vw;
}
.quiz__btns {
margin-top: auto;
margin-right: -0.4vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}
.quiz__btns-next {
margin-left: auto;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.quiz__btns-next.quiz__btns-next_last .btn1__wrap {
font-size: 1.56vw;
height: 5vw;
padding: 0.85em 0.75em 0.8em;
}
.quiz__btns-back {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 0;
}
.quiz__bottom {
margin-top: 2.2vw;
}
.quiz__footer {
width: 37.2vw;
margin-left: auto;
margin-top: 3vw;
border-radius: 4.6875vw;
padding: 2.1vw 3.4vw 2.8vw 3.8vw;
}
.quiz__header-3 {
margin-bottom: 2.3vw;
font-size: 1.77083333vw;
}
.quiz__list li {
margin-bottom: 1vw;
}
.quiz__list li > i {
width: 2.08333333vw;
-ms-flex-preferred-size: 2.08333333vw;
flex-basis: 2.08333333vw;
height: 2.08333333vw;
margin-right: 0.94vw;
}
.quiz__list-title {
font-size: 1.25vw;
}
.quiz__list-cost {
font-size: 1.45833333vw;
}
.quiz__total {
margin-top: 2.7vw;
border-top-width: 2px;
padding-top: 2vw;
}
.quiz__total-item {
margin-top: 0.5vw;
}
.quiz__total-item.quiz__total-item_v1 {
margin-top: 2vw;
}
.quiz__total-item.quiz__total-item_v2 {
margin-top: 1.2vw;
}
.quiz__total-item.quiz__total-item_v2 .quiz__total-title {
font-size: 1.77083333vw;
}
.quiz__total-item.quiz__total-item_v2 .quiz__total-cost {
font-size: 1.77083333vw;
}
.quiz__total-title {
font-size: 1.14583333vw;
}
.quiz__total-cost {
font-size: 1.25vw;
}
.quiz__total-sub {
font-size: 0.83vw;
}
.quiz__total-subrow {
margin-top: 0.6vw;
}
.quiz__tumbler {
width: 3.22916667vw;
}
.quiz__services {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 1.5vw -0.36vw 0;
}
.quiz__service {
margin: 0 0.36vw 0.72vw;
font-size: 0.94vw;
}
.quiz__service-empty {
font-size: 0.83vw;
margin: 0 0.36vw;
}
.quiz__box-selects-2-1 {
margin-bottom: 1.2vw;
}
.quiz__col-2-1 {
width: 7.70833333vw;
margin-right: 0.52vw;
}
.quiz__input,
.quiz__label-input {
font-size: 1.25vw;
padding: 0.75em 1.4em 0.75em 1.7em;
}
.quiz__box-input {
margin-bottom: 0.94vw;
}
.quiz__row-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 2.5vw;
}
.quiz__col-3-1 {
width: 11.45833333vw;
margin-right: 1.56vw;
margin-bottom: 0;
}
.quiz__col-3-2 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: -1vw;
}
.quiz__checkbox-txt {
font-size: 0.83vw;
}
.quiz__checkbox-check {
width: 1.04vw;
margin-right: 0.6vw;
}
.quiz__promocode {
margin-bottom: 1.875vw;
}
.quiz__promocode input[type="text"] {
height: 3.22916667vw;
border-radius: 1.61458333vw;
font-size: 0.94vw;
padding-right: 9.375vw;
padding-left: 2.1875vw;
}
.quiz__promocode button {
border-radius: 1.61458333vw;
font-size: 0.94vw;
width: 8.33333333vw;
}
}
.team {
margin-top: 6vw;
}
.team .swiper {
overflow: visible;
}
.team .swiper-slide {
width: 70vw;
padding-right: 10vw;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.team__slide {
position: relative;
}
.team__pic {
position: relative;
z-index: 1;
border-radius: 10vw;
overflow: hidden;
}
.team__pic::after {
content: '';
display: block;
padding-bottom: 148.71794872%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(54.17%, rgba(1, 0, 43, 0)), color-stop(99.99%, rgba(1, 0, 43, 0.6)));
background: linear-gradient(180deg, rgba(1, 0, 43, 0) 54.17%, rgba(1, 0, 43, 0.6) 99.99%);
position: relative;
z-index: 1;
}
.team__pic img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 468/696;
z-index: 0;
}
.team__desc {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%;
padding: 0 10vw 10vw;
color: #fff;
}
.team__pos {
display: block;
margin-top: 2vw;
font-size: 0.8em;
line-height: 1.45;
font-family: var(--font-geometria);
}
.team__name {
font-size: 6vw;
font-weight: 500;
}
@media (min-width: 1070px) {
.team {
margin-top: 4.3vw;
position: relative;
}
.team .swiper-slide {
width: auto;
padding-right: 0;
}
.team .swiper {
overflow: hidden;
}
.team__slider {
width: 80.94vw;
}
.team__slide {
width: 24.375vw;
}
.team__pic {
border-radius: 3.125vw;
}
.team__name {
font-size: 3.4375vw;
}
.team__pos {
margin-top: 0.4vw;
font-size: 1.15vw;
}
.team__desc {
padding: 0 2.7vw 2.7vw;
}
.team__nav {
margin: 0;
position: absolute;
z-index: 10;
right: -0.3vw;
bottom: 0;
display: block;
width: 5vw;
}
.team__nav .slider__arrow_next {
margin-top: 1.4vw;
}
}
.reviews {
margin-top: 6vw;
}
.reviews .swiper {
overflow: visible;
}
.reviews .swiper-slide {
width: 80vw;
padding-right: 5vw;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: auto;
}
.reviews__slide {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.reviews__body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 6vw 6vw 2vw;
border-radius: 6vw 6vw 6vw 0;
background: #D1D4E0;
position: relative;
z-index: 3;
}
.reviews__txt {
max-height: 9.18em;
font-family: var(--font-geometria);
line-height: 1.53;
font-size: 0.8em;
}
.reviews__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.reviews__desc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
background: #D1D4E0;
padding: 6vw 6vw 4vw 6vw;
border-radius: 0 0 6vw 6vw;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.reviews__desc::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 100%;
width: 6vw;
height: 6vw;
background: url(//cleanarea.ae/wp-content/themes/clean-area/img/reviews/arc.svg) top left / contain no-repeat;
}
.reviews__photo {
width: 24vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 24vw;
flex: 0 0 24vw;
-ms-flex-item-align: end;
align-self: flex-end;
position: relative;
margin-top: 4vw;
margin-left: 4vw;
border-radius: 50%;
overflow: hidden;
}
.reviews__photo::after {
content: '';
display: block;
padding-bottom: 100%;
}
.reviews__photo img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 186/186;
}
.reviews__name {
display: block;
margin-bottom: 1vw;
font-weight: 700;
text-transform: uppercase;
font-size: 0.9em;
}
.reviews__stars {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.reviews__stars img {
width: 3vw;
margin-right: 1vw;
}
.reviews__footer {
margin-top: 12vw;
font-size: 0.8em;
line-height: 1.35;
text-transform: uppercase;
font-weight: 700;
}
@media (min-width: 1070px) {
.reviews {
margin-top: 4.2vw;
}
.reviews .swiper-slide {
width: 33.54166667vw;
padding-right: 3.54166667vw;
}
.reviews__body {
padding: 2.55vw 5vw 0.6vw 3vw;
border-radius: 1.56vw 1.56vw 1.56vw 0;
}
.reviews__txt {
font-size: 1.35vw;
}
.reviews__photo {
width: 9.6875vw;
-ms-flex-preferred-size: 9.6875vw;
flex-basis: 9.6875vw;
margin: 1.56vw 0 0 1.56vw;
}
.reviews__desc {
padding: 1vw 2vw 2.5vw 3vw;
border-radius: 0 0 1.56vw 1.56vw;
}
.reviews__name {
margin-bottom: 0.8vw;
font-size: 1.56vw;
}
.reviews__stars img {
width: 1.19791667vw;
margin-right: 0.5vw;
}
.reviews__nav {
margin-top: 4.6vw;
margin-right: -0.2vw;
}
.reviews__footer {
position: absolute;
left: 0;
bottom: -0.6vw;
font-size: 1.45833333vw;
}
.reviews__footer .easy__bottom-line {
margin-left: 0;
margin-top: 1.9vw;
}
}
.beafter {
margin-top: 6vw;
}
.beafter__tabs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.beafter__slider {
margin-top: 6vw;
}
.beafter__slider .swiper-slide {
opacity: 0;
}
.beafter__slider .swiper-slide.swiper-slide-active {
opacity: 1;
}
.beafter__slide {
position: relative;
overflow: hidden;
border-radius: 6vw;
}
.beafter__bottom {
margin-top: 10vw;
background: #B9BCCE;
padding: 8vw 6vw 8vw;
border-radius: 8vw;
}
.beafter__bottom-line {
display: block;
width: 8vw;
margin-bottom: 4vw;
}
.beafter__bottom-desc {
margin-bottom: 12vw;
font-size: 0.8em;
font-family: var(--font-geometria);
line-height: 1.35;
}
.beafter__bottom-desc strong {
display: block;
text-transform: uppercase;
font-family: var(--font-redrose);
font-size: 1.27272727em;
}
@media (min-width: 1070px) {
.beafter {
margin-top: 4.2vw;
}
.beafter__slider {
margin-top: 3.64583333vw;
}
.beafter__slide {
border-radius: 4.6875vw;
}
.beafter__bottom {
margin-top: 3.64583333vw;
border-radius: 5.57291667vw;
padding: 2vw 4.6vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: url(//cleanarea.ae/wp-content/themes/clean-area/img/beafter/bg-bottom.png) center / contain no-repeat;
min-height: 11.14583333vw;
}
.beafter__bottom-line {
width: 2.70833333vw;
margin-bottom: 0;
margin-right: 2.8125vw;
}
.beafter__bottom-desc {
margin-bottom: 0;
margin-right: 9.375vw;
width: 27.60416667vw;
font-size: 1.15vw;
}
.beafter__bottom-btns {
width: 31.77083333vw;
}
.beafter__bottom__btn {
width: 100%;
}
}
.faq {
margin-top: 6vw;
}
.faq__tabs {
margin-bottom: 6vw;
}
.faq__items {
counter-reset: cntFAQ;
display: none;
}
.faq__item {
margin-bottom: 4vw;
padding: 6vw 6vw;
counter-increment: cntFAQ;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 10vw;
background: transparent;
-webkit-transition: 0.3s background, 0.3s border-color;
transition: 0.3s background, 0.3s border-color;
}
.faq__item:last-child {
margin-bottom: 0;
}
.faq__item.active {
background: #D1D4E0;
border-color: #D1D4E0;
}
.faq__item.active .faq__head {
font-weight: 700;
}
.faq__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 400;
line-height: 1.1;
text-transform: uppercase;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.faq__head:hover {
font-weight: 700;
}
.faq__line {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 6vw;
flex: 0 0 6vw;
width: 6vw;
margin-right: 2vw;
}
.faq__curr {
display: block;
margin-right: 4vw;
line-height: 0.9;
font-size: 2.5em;
font-weight: 400;
}
.faq__curr::after {
content: counter(cntFAQ, decimal-leading-zero);
}
.faq__body {
padding-top: 4vw;
display: none;
}
.faq__txt {
line-height: 1.63;
font-family: var(--font-geometria);
font-size: 0.8em;
}
@media (min-width: 1070px) {
.faq {
margin-top: 4.3vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.faq__tabs {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
display: block;
margin: 0 0 0 auto;
width: 15vw;
}
.faq__tabs li {
margin: 0 0 2.60416667vw;
text-align: right;
}
.faq__wrap {
width: 65.20833333vw;
}
.faq__item {
padding: 2.7vw 4.6vw;
border-radius: 10vw;
border-width: 2px;
margin-bottom: 2.60416667vw;
}
.faq__head {
font-size: 1.45833333vw;
}
.faq__line {
width: 2.34375vw;
-ms-flex-preferred-size: 2.34375vw;
flex-basis: 2.34375vw;
margin-right: 1.25vw;
}
.faq__curr {
margin-right: 4.27083333vw;
}
.faq__body {
padding-top: 1.4vw;
}
.faq__txt {
font-size: 1.15vw;
}
}