* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none
}
body {
margin: 0;
overflow-x: hidden
}
body.scrolled {
position: static;
}
img {
height: auto
}
.wpcf7-spinner {
display: none
}
@media (min-width: 992px) {
.humburger {
display: block !important
}
}
@media (min-width: 1025px) {
.humburger {
display: none !important
}
}
.wrap_dbfc {
z-index: 9990 !important
}
section {
padding: 0;
position: relative;
margin-bottom: 120px
}
button {
cursor: pointer !important
}
.slick-track {
display: flex !important
}
.slick-slide {
height: inherit !important
}
.title {
position: relative;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 46px;
line-height: 115%;
color: #153F40;
}
.subtitle {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 120%;
color: #121D4A;
margin-top: 20px;
margin-bottom: 60px
}
.tile__block-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px;
margin-top: 40px
}
.tile__item-3 {
width: 100%;
max-width: 440px;
border-radius: 10px;
background-size: cover;
background-repeat: no-repeat;
background-color: #E1EBF6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
form.wpcf7-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.wpcf7-tel {
width: 320px;
border: none;
font-size: 30px;
font-family: "Lato";
color: #00124B
}
.wpcf7-submit {
width: 225px;
height: 55px;
border: none;
cursor: pointer;
background-color: #B60314;
color: #fff;
font-family: "Lato";
font-size: 20px
}
.arrow-left,
.arrow-right {
width: 40px;
position: absolute;
top: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
.arrow-left {
left: -5px
}
.arrow-right {
right: 35px
}
@media (max-width: 1335px) {
.title {
padding-left: 80px
}
.n-container .title {
padding-left: 0
}
}
@media (max-width: 992px) {
.title {
padding-left: 0
}
}
@media (max-width: 767px) {
body {
padding-top: 0
}
.wpcf7-form {
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;
width: 290px
}
.wpcf7-tel {
width: 240px;
margin-bottom: 10px
}
.wpcf7-form {
width: 100%
}
}
.wpcf7-tel {
font-size: 23px
}
.wpcf7-response-output.wpcf7-validation-errors {
display: none !important
}
.wpcf7-response-output {
display: none
}
.t-c {
text-align: center
}
.t-r {
text-align: right
}
.flex-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.flex-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.flex-j-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.flex-j-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.flex-j-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.flex-a-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.flex-a-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.flex-a-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.mobile-only {
display: none
}
.n-container {
max-width: 1400px;
width: 100%;
margin: 0 auto
}
.yoast__breadcrumbs {
margin-top: 45px;
margin-bottom: 60px
}
.button {
padding: 20px 56px;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 20px;
border-radius: 32px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
text-decoration: none;
min-height: 60px;
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
}
.button-red {
color: #FFF !important;
background: #FF4117
}
.button-blue {
color: #FFF;
background: #121D4A
}
.button-blue:hover,
.button-blue:visited {
color: #FFF;
background: #121D4A
}
.button-grey {
color: #121D4A;
background: #E8E9ED
}
.button-grey:hover {
color: #121D4A;
background: rgba(18, 29, 74, 0.1)
}
.button-red:hover {
background-color: #D52600 !important;
border: none !important
}
.w-100 {
width: 100%
}
.modal {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100vw;
height: 100%;
min-height: 100vh;
top: 0;
left: 0;
bottom: 0;
position: fixed;
overflow-y: scroll;
overflow-x: hidden;
z-index: 999999999;
background-color: #F7F8FA
}
.modal__content .n-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.modal__header {
width: 100%;
min-height: 92px;
background-color: #fff
}
.modal__header .n-container {
width: 100%
}
.modal__logo,
.modal__close {
width: 50%
}
.modal__close {
cursor: pointer
}
.modal__logo-img {
max-width: 150px
}
.modal__close-img {
width: 40px
}
.modal__title {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 54px;
line-height: 62px;
text-align: center;
color: #121D4A;
margin-top: 80px
}
.modal__subtitle {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 40px;
text-align: center;
color: #121D4A;
margin-top: 22px;
margin-bottom: 32px
}
.modal__img {
width: 100%;
max-width: 440px;
margin: 0 auto 24px
}
#consult .modal__subtitle {
margin-bottom: 30px
}
.modal form.wpcf7-form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 440px;
margin: 0 auto
}
.modal form.wpcf7-form p,
.n-form form.wpcf7-form p {
margin: 0;
width: 100%
}
.modal .wpcf7-acceptance .wpcf7-list-item,
.n-form .wpcf7-acceptance .wpcf7-list-item {
margin: 0 0 27px
}
.modal .wpcf7-acceptance label,
.n-form .wpcf7-acceptance label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: flex-start;
}
.modal .wpcf7-acceptance span,
.n-form .wpcf7-acceptance span {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 130%;
text-align: justify;
color: #495058
}
.modal .wpcf7-acceptance span a,
.n-form .wpcf7-acceptance span a {
text-decoration: none;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 130%;
}    .modal form.wpcf7-form input[type='tel'],
.modal form.wpcf7-form input[type='text'],
.n-form form.wpcf7-form input:not([type='submit']):not([type='checkbox']) {
background: #FFF;
border: 1px solid #607BA9;
border-radius: 5px;
height: 60px;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
width: 100%;
padding: 20px;
margin-bottom: 20px
}
.modal form.wpcf7-form .wpcf7-not-valid-tip,
.n-form form.wpcf7-form .wpcf7-not-valid-tip {
margin-bottom: 20px
}
.modal form.wpcf7-form input[type='tel']::-webkit-input-placeholder,
.modal form.wpcf7-form input[type='text']::-webkit-input-placeholder,
.n-form form.wpcf7-form input::-webkit-input-placeholder {
color: rgba(18, 29, 74, 0.3);
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px
}
.modal form.wpcf7-form input[type='tel']::-moz-placeholder,
.modal form.wpcf7-form input[type='text']::-moz-placeholder,
.n-form form.wpcf7-form input::-moz-placeholder {
color: rgba(18, 29, 74, 0.3);
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px
}
.modal form.wpcf7-form input[type='tel']:-ms-input-placeholder,
.modal form.wpcf7-form input[type='text']:-ms-input-placeholder,
.n-form form.wpcf7-form input:-ms-input-placeholder {
color: rgba(18, 29, 74, 0.3);
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px
}
.modal form.wpcf7-form input[type='tel']::-ms-input-placeholder,
.modal form.wpcf7-form input[type='text']::-ms-input-placeholder,
.n-form form.wpcf7-form input::-ms-input-placeholder {
color: rgba(18, 29, 74, 0.3);
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px
}
.modal form.wpcf7-form input[type='tel']::placeholder,
.modal form.wpcf7-form input[type='text']::placeholder,
.n-form form.wpcf7-form input::placeholder {
color: rgba(18, 29, 74, 0.3);
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px
}
a {
cursor: pointer;
text-decoration: none
}
.details__form form.wpcf7-form input:not([type='submit']):not([type='checkbox']) {
margin-bottom: 16px
}
.n-text {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #121D4A
}
.tile__block-2 {
margin-bottom: 40px;
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px
}
.tile__item-2 {
max-width: 48%;
}
.tile__block-2 {
margin-top: 40px
}
.item-title {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #121D4A
}
.item-text {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #121D4A
}
.form-diag__form.n-form form.wpcf7-form input[type='tel'] {
min-width: 400px;
margin-bottom: 0
}
.h3-title {
text-align: center;
}
.title-left-lg {
text-align: left;
margin: 0
}
.title-left-xs {
text-align: left;
margin: 0
}
.separator {
margin: 0 16px 3px;
vertical-align: middle
}
#breadcrumbs a {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #121D4A;
opacity: 1;
text-transform: uppercase
}
#breadcrumbs span {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #121D4A;
opacity: .8;
text-transform: uppercase
}
@media screen and (max-width: 1400px) {
.n-container,
header .container {
padding: 0 20px
}
.tile__block-3 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media screen and (max-width: 1025px) {
.hide-tab {
display: none
}
.h3-title {
font-size: 28px;
line-height: 40px
}
.tile__block-2 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
overflow-x: scroll
}
.subtitle {
font-size: 24px;
line-height: 32px;
margin-bottom: 16px;
margin-top: 0
}
section {
margin-bottom: 60px;
padding: 0
}
.title {
font-size: 20px;
margin-bottom: 24px;
line-height: 142%;
}
.n-container {
padding: 0 74px !important
}
.tile__block-3 {
margin-top: 24px;
gap: 16px
}
.main__form .wpcf7-form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.n-form form.wpcf7-form input[type='tel'] {
margin-bottom: 0
}
.tile__item-2 {
min-width: 335px;
width: 100%
}
.tile__block-2 {
margin-top: 24px;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
@media screen and (max-width: 767px) {
.form-diag__form.n-form form.wpcf7-form input[type='tel'] {
min-width: 0;
width: 100%
}
.separator {
margin: 0 12px 3px
}
.modal__logo-img {
width: 117px
}
.h3-title {
font-size: 24px;
line-height: 32px
}
}
@media screen and (max-width: 576px) {
.h3-title {
font-size: 22px;
line-height: 32px;
margin-bottom: 0
}
.item-title {
font-size: 16px;
line-height: 24px
}
.item-text {
font-size: 14px;
line-height: 20px
}
.subtitle {
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
}
.title {
font-size: 20px
}
html body.home.page-template-default .title {
font-size: 20px;
line-height: 24px
}
html body.home.page-template-default .main__title {
font-size: 20px;
line-height: 24px
}
section {
margin-bottom: 40px;
padding: 0
}
.slider-arrows-thin {
display: block
}
.slider-arrows {
display: none
}
.arrow-left,
.arrow-right {
width: 9px
}
.arrow-left {
left: 5px
}
.arrow-right {
right: 10px
}
.main__form form input {
min-width: 0 !important
}
.n-container {
padding: 0 58px !important
}
.desktop-only {
display: none !important
}
.mobile-only {
display: block
}
.n-container,
header .n-container {
max-width: 100%
}
.modal__title {
font-size: 28px;
line-height: 40px;
margin-top: 30px
}
.modal__subtitle {
font-size: 16px;
line-height: 20px;
margin-top: 16px;
margin-bottom: 16px
}
#consult .modal__subtitle {
margin-bottom: 30px
}
.modal form.wpcf7-form input[type='tel'] {
margin-bottom: 0
}
.modal form.wpcf7-form input[type='text'] {
margin-bottom: 20px
}
.modal .wpcf7-acceptance .wpcf7-list-item {
margin: 30px 0
}
.modal .wpcf7-acceptance span,
.modal .wpcf7-acceptance span a {
font-size: 16px;
line-height: 20px
}
.modal .wpcf7-acceptance label > input {
margin: 3px 17px 0 0
}
.modal__header {
min-height: 69px
}
}
@media screen and (max-width: 500px) {
.main__form .button {
font-size: 18px
}
.button {
font-size: 20px;
padding: 12px 24px
}
.tile__block-3 {
min-width: 0;
width: auto;
gap: 8px
}
.tile__item-3 {
padding: 16px;
min-height: 480px
}
}
@media screen and (max-width: 480px) {
.n-container {
padding: 0 10px !important
}
.modal__logo-img {
width: 105px
}
}
@media screen and (max-width: 370px) {
.button {
font-size: 19px;
}
}
div#consult {
z-index: 1.0E+19
}
header .container-wrapper {
z-index: 99
}
.success {
min-height: 70vh;
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;
background: #F7F8FA;
margin-bottom: 0
}
.success__logo {
margin-bottom: 60px
}
.success__button {
width: 100%;
max-width: 440px
}
.success__text {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 40px;
text-align: center;
color: #121D4A;
margin: 12px 0 44px
}
body.page-id-1873 {
font-family: "Inter", sans-serif
}
body.page-id-1873 div#breadcrumbs {
margin-top: 45px
}
.call-btn {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 55px;
text-transform: uppercase;
background: #20BD71;
font-size: 16px;
font-weight: 500;
text-decoration: none;
position: fixed;
bottom: 0;
font-family: 'Roboto', Arial, sans-serif;
z-index: 13 !important;
overflow: hidden
}
.call-btn:link,
.call-btn:visited {
color: #fff
}
.call-btn:hover {
background: #1CA563
}
.call-btn:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 3.5em;
height: 100%;
background-color: rgba(255, 255, 255, 0.6);
-webkit-transform: translateX(-4em) skewX(-45deg);
transform: translateX(-4em) skewX(-45deg);
-webkit-animation: move-light 3s infinite;
animation: move-light 3s infinite
}
@keyframes move-light {
from {
-webkit-transform: translateX(-10em) skewX(-45deg);
transform: translateX(-10em) skewX(-45deg)
}
to {
-webkit-transform: translateX(50em) skewX(-45deg);
transform: translateX(50em) skewX(-45deg)
}
}
@media (max-width: 767px) {
.wrap_b852 {
margin-bottom: 50px
}
}
@media (min-width: 768px) {
.call-btn {
display: none !important
}
}
.call-btn img {
margin-right: 10px
}
@media screen and (max-width: 1025px) {
.change__block {
flex-direction: column;
align-items: center
}
}
@media screen and (max-width: 500px) {
.change__block {
overflow-x: hidden
}
}
.change__item {
background: #FFF;
-webkit-box-shadow: 0 10px 20px rgba(183, 187, 203, 0.31);
box-shadow: 0 10px 20px rgba(183, 187, 203, 0.31);
border-radius: 10px;
overflow: hidden;
width: 100%
}
@media screen and (max-width: 500px) {
.change__item {
max-width: 100%;
min-width: 0
}
}
.change__text-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 16px 24px
}
.change__item-title {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 120%;
color: #121D4A
}
@media screen and (max-width: 576px) {
.change__item-title {
font-size: 16px;
line-height: 24px
}
}
.change__item-text {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #121D4A
}
@media screen and (max-width: 576px) {
.change__item-text {
font-size: 14px;
line-height: 20px
}
}
.change__item-text:first-of-type {
margin-bottom: 12px
}
.change__comparison {
height: 353px
}
.change__item-img {
height: 353px !important;
object-fit: cover;
display: block;
vertical-align: middle
}
@media screen and (max-width: 576px) {
.change__comparison,
.change__item-img {
height: 211px !important
}
}
.change__item .icv__label {
position: absolute;
top: 1rem;
z-index: 12;
background: none;
color: #fff;
border-radius: 3px;
padding: 0;
font-size: .85rem;
font-family: 'Lato', sans-serif;
font-weight: 700;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.change__item .icv__circle {
width: 15px;
background: #fff;
height: 30px
}
.change__item .icv__arrow-wrapper {
display: none
}
@media screen and (min-width: 1026px) {
.video__item {
min-width: 560px
}
}
.video__block {
margin-top: 40px
}
@media screen and (min-width: 1400px) {
.video__block {
margin-bottom: 120px
}
}
@media screen and (max-width: 1025px) {
.video__block {
margin-top: 24px
}
}
@media screen and (max-width: 767px) {
.video__block {
margin-top: 16px
}
}
.video__container {
position: relative;
background: #E1EBF6;
border-radius: 10px;
margin-bottom: 16px;
overflow: hidden;
display: flex
}
.video__container:before {
padding-top: 56.25%;
float: left;
content: ''
}
.video__container iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%
}
@media screen and (max-width: 1400px) {
.video__block.tile__block-2 {
flex-wrap: wrap
}
}
@media screen and (max-width: 1025px) {
.video__block.tile__block-2 {
flex-direction: column;
align-items: center
}
}
.faq__spoiler {
margin-top: 40px
}
@media screen and (max-width: 500px) {
.faq__spoiler {
margin-top: 16px
}
}
.faq_q {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #121D4A;
text-align: left;
cursor: pointer
}
@media screen and (max-width: 1025px) {
.faq_q {
font-size: 24px;
line-height: 32px
}
}
@media screen and (max-width: 767px) {
.faq_q {
font-size: 20px;
line-height: 24px
}
}
.faq_a {
margin-top: 24px
}
@media screen and (max-width: 767px) {
.faq_a {
margin-top: 16px
}
}
.faq_a a {
text-decoration: underline;
color: inherit
}
.faq__item {
text-align: left;
padding: 40px 9px 40px 80px;
background: #FFF;
-webkit-box-shadow: 0 2px 0 #E1EBF6, 0 -2px 0 #E1EBF6;
box-shadow: 0 2px 0 #E1EBF6, 0 -2px 0 #E1EBF6;
position: relative;
font-size: 18px
}
@media screen and (max-width: 1025px) {
.faq__item {
padding: 24px 0 24px 56px;
font-size: 16px
}
}
@media screen and (max-width: 767px) {
.faq__item {
padding: 16px 0 16px 40px
}
}
.faq__item summary {
display: block
}
.faq__item summary::-webkit-details-marker {
display: none
}
.faq__item[open] div {
-webkit-animation: spoiler 1s;
animation: spoiler 1s
}
@-webkit-keyframes spoiler {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes spoiler {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.faq__item summary::before {
content: "";
width: 40px;
height: 40px;
display: block;
position: absolute;
left: 0;
background-image: url(//zubyza1den.com/wp-content/themes/reboot_child/assets/images/faq-icon.png);
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
@media screen and (max-width: 1025px) {
.faq__item summary::before {
content: "";
width: 32px;
height: 32px;
display: block;
-webkit-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
}
@media screen and (max-width: 767px) {
.faq__item summary::before {
content: "";
width: 24px;
height: 24px;
display: block;
-webkit-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
}
.faq__item[open] summary::before {
content: "";
width: 40px;
height: 40px;
display: block;
position: absolute;
left: 0;
background-image: url(//zubyza1den.com/wp-content/themes/reboot_child/assets/images/faq-icon.png);
background-repeat: no-repeat;
background-size: contain;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
@media screen and (max-width: 1025px) {
.faq__item[open] summary::before {
content: "";
width: 32px;
height: 32px;
display: block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
}
@media screen and (max-width: 767px) {
.faq__item[open] summary::before {
content: "";
width: 24px;
height: 24px;
display: block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
}
.scrolltop {
bottom: 95px !important;
right: 22px !important
}
@media (max-width: 768px) {
.scrolltop {
bottom: 155px !important
}
}
.site-map-container {
padding: 0 80px
}
.site-map a {
font-size: 22px;
line-height: 35px;
color: #121D4A;
font-size: 22px;
line-height: 35px;
color: #121D4A
}
.site-map li {
margin-bottom: 10px
}
.site-map li a {
font-size: 20px
}
@media (max-width: 768px) {
.site-map-container {
padding: 0 10px
}
.site-map a {
font-size: 18px
}
.site-map li a {
font-size: 16px;
line-height: 30px
}
}
.top-bar {
display: none;
width: 100%;
background: #0040B5;
align-items: center;
justify-content: center;
font-family: 'Lato', sans-serif;
padding: 6px;
box-sizing: border-box;
position: relative
}
.top-bar.common-style {
height: 62px
}
.top-bar--fixed {
display: flex
}
.top-bar__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.top-bar__date {
display: flex;
padding: 15px 20px;
justify-content: center;
align-items: center;
background: #6795E8;
color: #FFF;
font-size: 19px;
font-weight: 500;
line-height: normal;
margin-right: 42px;
height: 52px
}
.top-bar.common-style .top-bar__date span {
margin-left: 5px
}
.top-bar__offer {
font-weight: 700;
font-size: 18px;
line-height: normal;
color: #FFF
}
.top-bar.common-style .top-bar__offer {
font-size: 21px
}
.top-bar__offer .mob {
display: none
}
.top-bar__btn {
display: flex;
align-items: center;
justify-content: center;
width: 266px;
height: 50px;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #FFF;
background: #FF4117;
border-radius: 60px;
margin: 0 37px
}
.top-bar.common-style .top-bar__btn {
max-width: 260px;
width: 100%;
height: 54px;
font-size: 18px;
margin: 0 42px;
}
.top-bar__close {
position: relative;
z-index: 10;
cursor: pointer
}
.top-bar__close svg {
display: block;
width: 22px;
height: 22px
}
@media (max-width: 600px) {
.top-bar {
flex-direction: column;
padding: 4px 12px
}
.top-bar.common-style {
height: 60px
}
.top-bar__date {
position: absolute;
height: 19px;
font-size: 12px;
padding: 5px 1px;
left: 15px;
top: 10px;
display: none;
}
.top-bar.common-style .top-bar__date span {
margin-left: 3px
}
.top-bar__offer {
font-weight: 700;
font-size: 12px;
line-height: 100%;
margin: 0 0 4px;
text-align: center
}
.top-bar.common-style .top-bar__offer {
font-size: 11px;
padding: 0 20px;
}
.top-bar__offer .mob {
display: block
}
.top-bar__btn,
.top-bar.common-style .top-bar__btn {
width: 100%;
height: 24px;
font-size: 12px;
line-height: 100%
}
.top-bar__close {
position: absolute;
right: 5px;
top: 5px
}
.top-bar__close svg {
width: 12px;
height: 12px
}
}
.consultation {
margin: 0
}
.consultation__container {
position: relative;
width: 100%;
max-width: 1400px;
height: 647px;
margin: 0 auto;
padding: 40px;
background: url(//zubyza1den.com/rostov-na-donu/wp-content/themes/reboot_child/assets/images/consultation/main-bg.jpeg) no-repeat center/cover;
box-shadow: 0 4px 20px rgba(96, 123, 169, 0.28);
border-radius: 10px
}
.consultation__title {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 44px;
line-height: 56px;
color: #121D4A;
margin: 0 0 20px
}
.consultation__form {
margin: 0 0 30px
}
.consultation__form form {
width: 100%;
max-width: 750px;
display: flex;
align-items: center;
justify-content: space-between
}
.consultation__form form input {
width: 100%;
max-width: 400px;
height: 60px;
background: #FFF;
border-radius: 32px;
padding: 0 20px;
box-sizing: border-box
}
.consultation__form form button {
width: 100%;
max-width: 333px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Lato', sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 20px;
color: #FFF;
background: #FF4117;
border-radius: 32px;
box-sizing: border-box;
border: 0
}
.consultation__list {
list-style: none;
margin: 0;
padding: 0
}
.consultation__list li {
position: relative;
font-family: 'Lato', sans-serif;
font-size: 24px;
line-height: 32px;
color: #121D4A;
margin: 0 0 8px;
padding-left: 24px
}
.consultation__list li:before {
content: "";
position: absolute;
top: calc(50% - 4px);
left: 0;
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #07B341
}
.consultation-guarantee {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
max-width: 845px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 0 50px 0 0;
padding: 24px 40px;
font-family: 'Lato', sans-serif;
box-sizing: border-box;
background: #fff
}
.consultation-guarantee__title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #121D4A
}
.consultation-guarantee__list {
display: flex;
align-items: center
}
.consultation-guarantee__item {
position: relative;
font-size: 24px;
line-height: 32px;
color: #121D4A;
padding-left: 30px
}
.consultation-guarantee__item:before {
position: absolute;
top: 10px;
left: 0;
display: block;
content: "";
width: 22px;
height: 16px;
background: url(//zubyza1den.com/rostov-na-donu/wp-content/themes/reboot_child/assets/images/consultation/check.png) no-repeat center/cover
}
.consultation-guarantee__item:not(:last-child) {
margin-right: 32px
}
.consultation-rating {
margin: 0
}
.consultation-rating__container {
position: relative;
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 40px
}
.consultation-rating__list {
display: flex;
align-items: center;
justify-content: center
}
.consultation-rating__list .rating-item {
width: 100%;
max-width: 200px;
display: flex;
flex-direction: column;
align-items: center;
font-family: 'Lato', sans-serif;
}
.consultation-rating__list .rating-item__img img {
display: block;
margin: 0 auto 5px
}
.consultation-rating__list .rating-item__desc {
font-size: 16px;
line-height: 24px;
color: rgba(18, 29, 74, 0.5)
}
.consultation-rating__list .rating-item__num {
font-weight: 500;
font-size: 24px;
line-height: 32px;
color: #121D4A
}
@media (max-width: 900px) {
.consultation__container {
display: flex;
flex-direction: column;
padding: 20px;
height: 380px
}
.consultation__title {
font-size: 30px;
line-height: 40px;
order: 1;
margin: 0 0 15px
}
.consultation__list {
order: 2;
margin: 0 0 15px
}
.consultation__list li {
font-size: 16px;
line-height: 24px;
margin: 0 0 8px
}
.consultation__form {
order: 3
}
.consultation__form form {
max-width: 560px
}
.consultation__form form input {
max-width: 270px
}
.consultation__form form button {
max-width: 270px;
font-size: 16px;
line-height: 20px
}
.consultation-guarantee {
flex-direction: column;
align-items: flex-start;
max-width: 435px;
padding: 10px 20px
}
.consultation-guarantee__title {
font-size: 16px;
line-height: 24px;
margin: 0 0 5px
}
.consultation-guarantee__item {
font-size: 16px;
line-height: 24px
}
.consultation-guarantee__item:before {
top: 5px
}
}
@media (max-width: 600px) {
.consultation__container {
padding: 20px;
height: 480px;
background: #E1EBF6
}
.consultation__title {
font-size: 28px;
line-height: 32px;
margin: 0 0 10px
}
.consultation__title br {
display: none
}
.consultation__list {
margin: 0 0 5px
}
.consultation__form form {
flex-direction: column
}
.consultation__form form input {
max-width: initial;
margin: 0 0 15px
}
.consultation__form form button {
max-width: initial;
font-size: 20px
}
.consultation-guarantee {
max-width: 335px;
padding: 8px 16px
}
.consultation-guarantee__item {
font-size: 14px;
line-height: 20px;
padding-left: 20px
}
.consultation-guarantee__item:not(:last-child) {
margin-right: 15px
}
.consultation-guarantee__item:before {
width: 16px;
height: 11px
}
.consultation-rating__container {
padding: 20px
}
.consultation-rating__list {
display: block
}
.slick-arrow {
border: 0;
background: transparent;
position: absolute;
top: calc(50% - 13px);
z-index: 10
}
.slick-prev {
left: 0
}
.slick-next {
right: 0
}
}
.quiz-wrapper {
color: #1a6365;
line-height: 1;
font-family: 'Lato', sans-serif;
font-size: 1rem;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.quiz-wrapper .title {
padding-top: 20px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.quiz-wrapper .title br {
display: none;
}
}
.quiz-wrapper .title > span.mob {
display: none;
}
@media (max-width: 768px) {
.quiz-wrapper .title > span.mob {
display: inline-block;
}
}
.quiz-wrapper .subtitle {
font-weight: 400;
font-size: 24px;
line-height: 133%;
color: #153f40;
margin: 0 0 60px;
}
.quiz-btn-base {
display: inline-block;
padding: 25px 35px;
border-radius: 150px;
background: #ff4117;
color: #fff;
font-size: 22px;
font-weight: 700;
line-height: 1.1818181818;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
border: none;
outline: none
}
.quiz-btn-base:active,
.quiz-btn-base:focus {
border: none;
outline: none
}
.quiz-btn-base--gray {
background: #7fb2eb;
}
html body .quiz-btn-base--blue {
background: #7fb2eb;
}
.options {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
@media (max-width: 991px) {
.options {
display: flex;
flex-direction: column;
}
}
.options__item {
position: relative;
cursor: pointer;
width: 100%;
margin-bottom: 20px
}
.options__item img {
width: calc(100% + 40px);
height: 180px;
margin: -20px auto 10px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
max-width: 280px;
}
.options__input {
width: 0;
height: 0;
opacity: 0;
position: absolute
}
.options__input:checked + .options__label {
font-weight: 700;
}
.options__input:focus + .options__label:before {
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000
}
.options__input:checked + .options__label:before {
border: 1px solid #1a6365;
}
.options__input:checked + .options__label:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.options__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
cursor: pointer;
border-radius: 8px;
padding: 20px;
background: #fff;
width: 100%;
margin: 0
}
.options__label:before {
content: "";
position: absolute;
left: 20px;
bottom: 20px;
width: 22px;
height: 22px;
-webkit-box-flex: 0;
-ms-flex: 0 0 22px;
flex: 0 0 22px;
border-radius: 50%;
background: #e1ebf6
}
.options__label:after {
content: "";
-webkit-transition: all .3s ease 0;
-o-transition: all .3s ease 0;
transition: all .3s ease 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
width: 10px;
height: 10px;
border-radius: 50%;
background: #1a6365;
position: absolute;
left: 26px;
bottom: 26px
}
.options__text {
color: #1A6365;
font-size: 18px;
line-height: 1.2222222222;
padding-left: 40px
}
.quiz-wrapper .checkbox {
position: relative
}
.quiz-wrapper .checkbox__input {
position: absolute;
width: 0;
height: 0;
opacity: 0
}
.quiz-wrapper .checkbox__input:checked + .checkbox__label:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.checkbox__label {
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
gap: 10px
}
.checkbox__label:before {
content: "";
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-flex: 0;
-ms-flex: 0 0 .9375rem;
flex: 0 0 .9375rem;
width: .9375rem;
height: .9375rem;
border: 1px solid #ddd;
border-radius: 2px;
background: #fff
}
.checkbox__label::after, .service__form .wpcf7-list-item-label::after {
content: url(//zubyza1den.com/rostov-na-donu/wp-content/themes/reboot_child/assets/images/quiz-main/quiz-check.svg);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
position: absolute;
top: -2px;
left: 2px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.service__form .wpcf7-list-item-label::after {
top: -4px;
left: 4px;
}
.checkbox__text {
color: #1a6365;
font-size: 16px;
line-height: 1.1875
}
.checkbox__text a {
text-decoration: underline;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
color: #1a6365;
}
.subscribe .checkbox__input:checked + .checkbox__label:after, .service__form input:checked + .wpcf7-list-item-label::after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.subscribe .checkbox__input {
position: absolute;
width: 0;
height: 0;
opacity: 0;
}
.quiz {
overflow: hidden;
border-radius: 10px;
background: #d9e9e4;
padding: 40px 38px;
min-height: 670px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.quiz__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.quiz__top-mob {
display: none
}
.quiz__top-mob-title {
color: #1a6365;
font-size: 16px;
font-weight: 500;
line-height: 1.1875;
margin-bottom: 10px;
text-align: center
}
.quiz__top-mob-progress {
position: relative;
width: 100%;
height: 15px;
border-radius: 110px;
background: #fff
}
.quiz__top-mob-progress-quality {
position: absolute;
height: 100%;
top: 0;
left: 0;
border-radius: 110px;
background: #1a6365
}
.quiz__sections {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 20px
}
.quiz__section {
display: none
}
.quiz__section._open {
display: block
}
.quiz__actions {
display: flex;
align-items: center;
}
.quiz-books__title {
font-weight: 500;
font-size: 28px;
line-height: 120%;
color: #1a6365;
margin: 0 0 15px;
}
.quiz-books__items {
display: flex;
}
.quiz-book {
display: flex;
align-items: center;
margin-right: 20px;
}
.quiz-book span {
font-weight: 400;
font-size: 22px;
line-height: 130%;
color: #1a6365;
}
.quiz__actions--final .quiz-books,
.quiz__actions--final .quiz-doctors {
position: absolute;
width: 100%;
max-width: 470px;
top: 160px;
left: 625px;
border-radius: 10px;
padding: 20px;
background: #e9f8f3;
}
.quiz__actions--final .quiz-books .quiz-books__items,
.quiz__actions--final .quiz-doctors .quiz-doctors__items {
flex-direction: column;
align-items: flex-start;
padding: 0;
}
.quiz__actions--final .quiz-books .quiz-book img {
width: auto;
height: 90px;
margin-right: 10px;
}
.quiz__info {
display: flex;
align-items: center;
border-radius: 8px;
padding: 15px 20px;
background: #e9f8f3;
margin-left: 20px;
}
.quiz__info span {
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: #1a6365;
margin-left: 20px;
}
.quiz__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-right: 20px;
}
.quiz__btn_hidden {
opacity: 0;
visibility: hidden
}
html body .quiz__btn.quiz__btn--next.quiz__btn_hidden {
display: none
}
.section-quiz__footer {
margin: 25px 0;
}
.section-quiz__group, .section-quiz__footer-item {
display: flex;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: flex-start;
-webkit-justify-content: flex-start;
}
.section-quiz__footer-item:first-of-type {
margin-right: 40px;
}
.quiz__btns_hidden {
display: none !important;
}
.section-quiz__footer-item img {
margin-right: 20px;
}
.section-quiz__footer-item span {
font-weight: 400;
font-size: 22px;
line-height: 130%;
color: #021448;
}
.top-quiz {
margin-bottom: 40px
}
.top-quiz__item {
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;
width: calc(20% - 20px);
}
.top-quiz__item::after {
content: "";
width: 100%;
height: 15px;
border-radius: 110px;
background: #fff;
margin-top: 13px
}
.top-quiz__item._past {
color: rgba(18, 29, 74, 0.6)
}
.top-quiz__item._past::after {
background: #1a6365;
}
.top-quiz__item._active::after {
background: #1a6365;
}
.top-quiz__item._active {
font-weight: 500
}
.quiz .section-quiz__title {
color: #1a6365;
font-size: 28px;
font-weight: 500;
line-height: 1.2142857143;
margin-bottom: 20px
}
@media (max-width: 1024px) {
.section-quiz__title {
font-size: 20px;
margin-bottom: 20px;
}
}
.section-quiz__content {
width: 100%
}
.section-quiz__content--grid {
margin-left: -20px;
width: calc(100% + 20px)
}
.section-quiz__content--grid .options__item {
width: calc(33.3333% - 20px);
margin-left: 20px
}
.section-quiz__content--grid-2-col .options__item {
width: calc(50% - 20px);
margin-left: 20px
}
.section-quiz__content--2-col {
display: flex;
justify-content: space-between;
}
.section-quiz__content--2-col > div {
width: calc(50% - 20px); }
.section-quiz__content--2-col .options__item:last-child {
margin: 0;
}
.section-quiz__warning {
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: flex-start;
padding: 10px;
border-radius: 8px;
background: #e9f8f3;
color: #1a6365;
font-size: 22px;
font-weight: 400;
line-height: 130%
}
.section-quiz__warning::before {
margin-right: 20px;
font-size: 30px
}
.section-quiz__warning span {
max-width: 380px
}
.section-quiz__warning img {
margin-right: 20px
}
.quiz__final {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.quiz__final img {  margin-bottom: -60px;
margin-right: 0;
position: relative;
bottom: -86px;
right: -40px;
z-index: 1;
}
.quiz__final-img-m {
display: none;
}
.quiz__final-form {
max-width: 560px;
width: 100%;
z-index: 2
}
.quiz__final-form .section-quiz__title {
width: 977px;
}
.quiz__final-form .form__input-label {
display: block;
color: #1a6365;
line-height: 19px;
line-height: 1.1875;
margin-bottom: 10px
}
.quiz__final-form .form__input-wrapp {
width: 100%;
margin-bottom: 10px
}
.quiz__final-form .form__input-wrapp .input {
border: 1px solid #ddd;
border-radius: 110px;
width: 100%;
background: #fff;
height: 72px;
padding: 0 20px;
color: #1a6365;
font-size: 16px
}
.quiz__final-form .quiz-btn-base {
width: 100%;
margin-bottom: 10px
}
.quiz__btns_abs {
position: absolute;
bottom: 60px
}
.quiz__btns_abs .quiz-btn-base--gray {
width: 560px
}
.br-for-mb {
display: none
}
.quiz__thank-you {
display: none
}
.quiz__thank-you_open {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center
}
.quiz__thank-you-content {
max-width: 638px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
margin: 0 auto
}
.quiz__thank-you-title {
font-weight: 500;
font-size: 35px;
text-align: center;
color: #121d4a;
margin-bottom: 20px
}
.quiz__thank-you-subtitle {
font-weight: 400;
font-size: 24px;
line-height: 135%;
text-align: center;
color: #121d4a;
margin-bottom: 20px
}
.quiz__thank-you-btn {
border-radius: 110px;
padding: 16px 92px;
width: 560px;
height: 90px;
background: #1ccf23;
text-decoration: none;
cursor: pointer;
font-weight: 700;
font-size: 22px;
text-align: center;
color: #fff;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
outline: none
}
.quiz__thank-you-btn:hover,
.quiz__thank-you-btn:active {
color: #fff
}
.quiz.quiz_finish {
justify-content: center;
-webkit-justify-content: center
}
.quiz__thank-you-subtitle_mb {
display: none
}
.quiz__final-form ul {
padding: 0;
margin: 0 0 20px 0
}
.quiz__final-form ul:before {
display: none
}
.quiz__final-form ul li {
margin-bottom: 10px;
font-weight: 500;
font-size: 18px;
line-height: 130%;
color: #121d4a;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center
}
.quiz__final-form ul li:last-of-type {
margin-bottom: 0
}
html body .quiz__final-form ul li img {
width: 28px;
height: 28px;
margin-right: 10px
}
.img-for-mb {
display: none
}
.quiz_lead-form {
display: none
}
.quiz_lead-form img.bg-final {
position: absolute;
bottom: 0;
right: 0;
z-index: 1
}
.quiz_lead-form .quiz-btn-base {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: 90px;
padding: 0 25px;
}
.quiz_lead-form .quiz-btn-base img {
width: 58px;
height: 58px;
margin-left: 20px
}
.quiz_lead-form img {
margin-bottom: 0;
width: auto;
max-width: max-content;
margin-right: 0
}
.quiz_lead-form .quiz__final-form .section-quiz__title {
width: 685px
}
@media (max-width: 1250px) {
.quiz__final img {
margin-right: -10px
}
}
@media (max-width: 1024px) {
.br-for-mb {
display: block
}
.quiz-btn-base {
padding: 21px;
font-size: 16px
}
.options__item {
margin-bottom: 10px
}
.quiz-wrapper-popup .options__item {
margin-bottom: 15px;
}
.options__item img {
height: 110px;
margin: -10px -10px 10px;
width: calc(100% + 20px)
}
.options__label {
padding: 10px
}
.options__label:before {
left: 10px;
bottom: 12px;
width: 16px;
height: 16px
}
.options__label:after {
left: 14px;
bottom: 16px;
width: 8px;
height: 8px
}
.options__text {
font-size: 16px;
padding-left: 26px
}
.quiz-wrapper .checkbox__text {
font-size: 12px
}
.quiz {
padding: 20px;
min-height: auto
}
.quiz__top {
display: none
}
.quiz__top-mob {
display: block;
margin-bottom: 20px
}
.quiz__sections {
margin-bottom: 10px
}
.quiz__btns {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-right: 0;
}
.quiz__btns .quiz__btn--prev {
margin-top: 20px
}
.quiz__btn_hidden {
display: none
}
.top-quiz {
margin-bottom: 20px
} .quiz .section-quiz__title {
font-size: 20px;
margin-bottom: 20px
}
.section-quiz__footer {
margin-top: 15px;
}
.quiz__section.section-quiz .section-quiz__footer {
display: none;
}
.section-quiz__group {
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
align-items: flex-start;
-webkit-align-items: flex-start;
}
.section-quiz__footer-item:first-of-type {
margin-right: 0;
margin-bottom: 15px;
}
.section-quiz__footer-item img {
margin-right: 15px;
width: 82px;
height: auto;
display: flex;
object-fit: cover;
-o-object-fit: cover;
flex-shrink: 0;
-webkit-flex-shrink: 0;
}
.section-quiz__footer-item span {
font-weight: 400;
font-size: 16px;
line-height: 120%;
}
.section-quiz__content--grid .options__item {
width: 100%;
max-width: 290px;
}
.section-quiz__content--2-col {
flex-direction: column;
}
.section-quiz__content--2-col > div {
width: 100%;
margin-left: 0;
}
.quiz__info svg {
width: 24px;
height: 24px;
flex-shrink: 0;
}
.quiz__info span {
font-size: 16px;
margin-left: 10px;
}
.section-quiz__warning img {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.section-quiz__warning {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 10px;
font-size: 16px
}
.section-quiz__warning::before {
margin-right: 0;
margin-bottom: 10px
}
.quiz__final {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.quiz__final img {
margin: 0 auto;
position: absolute;
bottom: 0;
max-width: 289px;
left: 0;
right: 0
}
.quiz__final-form .form__input-wrapp .input {
height: 50px;
font-size: 14px
}
.quiz-wrapper .title {
margin-bottom: 20px;
padding-top: 0;
line-height: 114%;
}
.quiz-wrapper .subtitle {
font-weight: 400;
font-size: 16px;
line-height: 115%;
color: #153f40;
margin: 0 0 20px;
}
.quiz-books {
margin: 5px 0 0;
}
.quiz-books__title {
font-size: 20px;
line-height: 120%;
margin: 0 0 5px;
}
.quiz-books__items {
flex-direction: column;
}
.quiz-book {
margin: 0 0 5px;
}
.quiz-book img {
width: 110px;
height: 82px;
-o-object-fit: cover;
object-fit: cover;
}
.quiz-book span {
font-size: 16px;
line-height: 120%;
margin-left: 10px;
}
.quiz__actions {
flex-direction: column;
}
.quiz__actions--final {
flex-direction: column;
}
.quiz__actions--final .quiz-books,
.quiz__actions--final .quiz-doctors {
position: static;
max-width: 100%;
padding: 10px;
margin: 0 0 20px;
order: 1;
}
.quiz__actions--final .quiz__btns {
order: 2;
}
.quiz__actions--final .quiz-books .quiz-book img {
width: 50px;
height: 38px;
}
.quiz__final-form .section-quiz__title {
width: 100%;
font-size: 16px;
display: flex;
flex-direction: column;
gap: 10px;
}
.quiz__final-form .section-quiz__title b {
font-weight: 500;
font-size: 20px;
}
.quiz__actions--final .quiz-doctors .quiz-doctors__title {
padding-top: 0;
font-size: 16px;
font-weight: 500;
}
.quiz__btns_abs .quiz-btn-base--gray {
width: 100%;
margin-top: 0
}
.quiz__btns_abs {
position: unset;
margin-bottom: 190px
}
.quiz__thank-you-title {
font-size: 18px;
line-height: 130%;
margin-bottom: 10px;
text-align: left
}
.quiz__thank-you-subtitle {
font-size: 16px;
line-height: 135%;
text-align: left
}
.quiz__thank-you-btn {
width: 100%;
min-height: 60px;
font-size: 16px;
padding: 16px 18px;
height: auto
}
.quiz__thank-you-subtitle_pc {
display: none
}
.quiz__thank-you-subtitle_mb {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.img-for-pc {
display: none
}
.img-for-mb {
display: block
}
.quiz_lead-form .quiz__final-form .section-quiz__title {
width: 100%;
font-size: 18px;
margin-bottom: 15px;
}
.quiz__final-form ul {
margin: 0 0 15px 0
}
.quiz__final-form ul li {
font-size: 14px;
line-height: 130%
}
html body .quiz__final-form ul li img {
position: unset;
margin-left: 0
}
.quiz_lead-form .quiz-btn-base {
font-size: 14px;
height: 60px;
padding: 0 20px
}
.quiz_lead-form .quiz-btn-base img {
position: unset;
height: 28px;
width: 28px;
margin-left: 10px;
margin-right: 0
}
.quiz_lead-form .quiz__final-form .form__input-label {
font-size: 14px;
margin-bottom: 5px
}
.quiz_lead-form img.bg-final {
margin: 0;
width: 100%;
max-width: 100%
}
.quiz_lead-form .quiz__final {
margin-bottom: 150px
}
}
@media (any-hover: hover) {
.quiz-btn-base:hover {
opacity: .85
}
.checkbox__text a:hover {
color: #FF4117
}
}
.fancybox-container {
z-index: 9999999999 !important
}
div.quiz-wrapper-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999999999;
background: rgba(0, 0, 0, 0.7);
}
div.quiz-wrapper-popup .n-container {
width: 1000px;
max-width: 100%;
height: 670px;
}
div.quiz-wrapper-popup .quiz {
min-height: 570px;
}
div.quiz-wrapper-popup .quiz .title {
font-size: 28px;
line-height: 115%;
padding: 0;
text-align: left;
} div.quiz-wrapper-popup label.options__label {
padding: 19px;
}
div.quiz-wrapper-popup span.options__text {
font-size: 16px;
}
div.quiz-wrapper-popup .options__label:before {
bottom: 18px;
}
div.quiz-wrapper-popup .options__label:after {
bottom: 24px;
}
div.quiz-wrapper-popup .n-container {
position: relative;
}
div#quiz_popup_close {
z-index: 9;
position: absolute;
top: 10px;
right: 10px;
}
div.quiz-wrapper-popup .options__item img {
max-height: 100%;
max-width: 100%;
height: 180px;
margin: 0px auto 16px;
}
div.quiz-wrapper-popup {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
div.quiz-wrapper-popup .quiz-btn-base {
padding: 19px 59px;
font-size: 18px;
}
div.quiz-wrapper-popup .section-quiz__warning span {
width: fit-content;
max-width: 100%;
}
div.quiz-wrapper-popup .section-quiz__warning {
justify-content: center;
padding: 19px;
}
div.quiz-wrapper-popup .quiz__section.section-quiz:nth-child(5) .options {
justify-content: space-between;
}
div.quiz-wrapper-popup .quiz__final-form .section-quiz__title {
max-width: 100%;
font-size: 26px;
width: 400px;
}
div.quiz-wrapper-popup .quiz__final img {
margin-right: 0px;
max-width: 415px;
}
div.quiz-wrapper-popup .quiz__final-form {
width: 400px;
max-width: 100%;
}
div.quiz-wrapper-popup .quiz__btns_abs .quiz-btn-base--gray {
width: 400px;
font-weight: 500;
padding: 19px 56px;
}
div.quiz-wrapper-popup .quiz__final-form .form__input-wrapp .input {
height: 60px;
}
div.quiz-wrapper-popup .quiz__final-form .quiz-btn-base {
font-size: 18px;
padding: 19px;
}
div.quiz-wrapper-popup .checkbox__text {
font-size: 14px;
}
div.quiz-wrapper-popup .quiz_lead-form img.bg-final {
max-width: 100%;
}
div.quiz-wrapper-popup .quiz__final .quiz__final-form {
width: 460px;
max-width: 100%;
}
div.quiz-wrapper-popup .quiz_lead-form .quiz__final-form .section-quiz__title {
font-size: 24px;
width: 590px;
max-width: 590px;
}
div.quiz-wrapper-popup .quiz__final-form ul li {
font-size: 16px;
line-height: 23px;
}
div.quiz-wrapper-popup .quiz_lead-form .quiz-btn-base img {
width: 40px;
height: 40px;
}
div.quiz-wrapper-popup .quiz__final.quiz__final_first .quiz__final-form {
width: 400px;
max-width: 100%;
}
div.quiz-wrapper-popup .quiz__final-form ul li img {
margin-right: 10px;
}
@media (max-width: 1024px) {
div.quiz-wrapper-popup .n-container {
padding: 0px !important;
}
div.quiz-wrapper-popup .n-container {
width: 320px;
padding: 0px !important;
}
div.quiz-wrapper-popup .quiz {
min-height: 459px;
}
div.quiz-wrapper-popup .quiz__top.top-quiz {
display: none !important;
}
div.quiz-wrapper-popup .section-quiz__title {
font-size: 16px;
margin-bottom: 8px;
}
div.quiz-wrapper-popup .options__item img {
margin: 0 12px 0 0;
max-width: 108px;
height: auto;
border-radius: 8px;
min-height: 80px;
padding: 3px;
}
div.quiz-wrapper-popup span.options__text {
font-size: 14px;
}
div.quiz-wrapper-popup .quiz {
min-height: 514px;
margin-bottom: 0px;
height: fit-content;
}
div#quiz_popup_close svg {
width: 20px;
height: 20px;
}
div.quiz-wrapper-popup .quiz__section.section-quiz:nth-child(2) label.options__label {
padding: 0px;
display: flex;
flex-direction: row;
}
div.quiz-wrapper-popup .quiz__section.section-quiz:nth-child(2) span.options__text {
min-height: 40px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 23px 26px 23px 50px;
}
div.quiz-wrapper-popup .quiz__section.section-quiz:nth-child(2) label.options__label:before {
left: 140px;
bottom: 50%;
transform: translateY(50%);
}
div.quiz-wrapper-popup .quiz-btn-base {
font-size: 14px;
padding: 15px;
margin-top: 0px;
}
div.quiz-wrapper-popup .section-quiz__content.section-quiz__content--grid {
margin-left: -10px;
width: calc(100% + 10px);
}
div.quiz-wrapper-popup .section-quiz__content--grid .options__item {
margin-left: 5px;
}
div.quiz-wrapper-popup label.options__label {
padding: 11px 15px;
}
div.quiz-wrapper-popup .options__label:before {
bottom: 12px;
}
div.quiz-wrapper-popup .options__label:after {
bottom: 16px;
}
div.quiz-wrapper-popup .quiz__section.section-quiz:nth-child(2) label.options__label:after {
bottom: 36px;
}
div.quiz-wrapper-popup form.quiz__sections {
height: fit-content;
min-height: fit-content;
}
div.quiz-wrapper-popup .section-quiz__warning span {
margin-top: 10px;
font-size: 14px;
line-height: 18.2px;
}
div.quiz-wrapper-popup .quiz__top-mob-progress {
height: 5px;
}
div.quiz-wrapper-popup .quiz__section.section-quiz:nth-child(5) .options .options__item {
width: 100%;
}
div.quiz-wrapper-popup .quiz__final-form .section-quiz__title {
font-size: 18px;
line-height: 23.4px;
margin-bottom: 20px;
max-width: 100%;
}
div.quiz-wrapper-popup .quiz__final-form .form__input-label {
font-size: 14px;
margin-bottom: 5px;
}
div.quiz-wrapper-popup .quiz__final-form .form__input-wrapp .input {
height: 49px;
}
div.quiz-wrapper-popup .quiz__final-form .quiz-btn-base {
font-size: 14px;
padding: 16px;
}
div.quiz-wrapper-popup .quiz__final img {
max-width: 180px;
left: 50%;
margin: 0px;
transform: translateX(-50%);
bottom: -10px;
}
div.quiz-wrapper-popup .quiz__btns_abs .quiz-btn-base--gray {
width: 280px;
height: 50px;
padding: 14px;
}
div.quiz-wrapper-popup .quiz__btns_abs {
margin-bottom: 250px;
}
div.quiz-wrapper-popup .quiz_lead-form .quiz__final-form .section-quiz__title {
max-width: 100%;
width: 100%;
font-size: 18px;
line-height: 23.4px;
margin-bottom: 10px;
}
div.quiz-wrapper-popup .quiz__final-form ul li {
font-size: 14px;
line-height: 18.2px;
}
div.quiz-wrapper-popup .quiz__final .quiz__final-form img {
left: 0px;
transform: none;
}
div.quiz-wrapper-popup .quiz__final-form ul li img {
width: 24px;
margin-right: 10px;
min-width: 24px;
}
div.quiz-wrapper-popup .quiz__final-form .form__input-wrapp .input {
height: 40px;
}
div.quiz-wrapper-popup .quiz__final-form .quiz-btn-base {
padding: 0px;
}
div.quiz-wrapper-popup .checkbox__text {
font-size: 12px;
}
div.quiz-wrapper-popup .quiz.quiz_finish {
min-height: fit-content;
}
div.quiz-wrapper-popup .quiz__final-form .quiz-btn-base {
height: 40px;
}
div.quiz-wrapper-popup .quiz__info {
margin-left: 5px;
}
}
div#quiz_popup_close {
cursor: pointer;
}
.top-bar__link {
cursor: pointer;
} .multibutton-wr {
position: fixed;
right: 15px;
bottom: 35px;
z-index: 9;
}
.multibutton-icon {
display: flex;
align-items: center;
justify-content: flex-end;
}
.multibutton-icon-image {
box-shadow: 1px 2px 5.8px rgb(7, 7, 7, 0.15);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #fff;
margin-bottom: 9px;
margin-left: 8px;
}
.multibutton-icon-image img {
width: 22px;
height: 22px;
}
.multibutton-icon span {
font-size: 10px;
line-height: 1;
font-weight: 400;
margin-bottom: 9px;
padding: 4px 10px;
background: #4A4A4A;
border-radius: 10px;
color: #fff;
}
.multibutton-hover {
overflow: hidden;
max-height: 0px;
transition: all .3s ease-in;
}
.mutlibutton-changer {
position: relative;
} .multibutton-icon {
cursor: pointer;
}
.multibutton-hover .multibutton-icon {
max-height: 0px;
transition: all .2s ease-in;
opacity: 0;
} .multibutton-icon {
padding-right: 5px;
}
.multibutton-icon.bg-red .multibutton-icon-image {
background: #FF0B48;
}
.mutlibutton-changer {
height: 49px;
position: relative;
overflow: hidden;
width: 205px;
}
.mutlibutton-changer .multibutton-icon {
position: absolute;
top: 0;
right: 0;
}
.mutlibutton-changer .multibutton-icon {
transition: all .3s ease-in;
}
.mutlibutton-changer .multibutton-icon:not(.active) .multibutton-icon-image {
transform: rotateY(90deg);
opacity: 0;
}
.mutlibutton-changer .multibutton-icon .multibutton-icon-image {
transition: all .3s ease-in;
}
.multibutton-icon span {
white-space: nowrap;
}
.mutlibutton-changer .multibutton-icon span {
transition: all .3s ease-in;
}
.multibutton-wr * {
font-family: 'Montserrat';
}
@media (min-width: 800px) {
.mutlibutton-changer {
width: 220px;
}
.mutlibutton-changer .multibutton-icon-image {
width: 47px;
height: 47px;
}
.mutlibutton-changer .multibutton-icon-image img {
width: 28px;
height: 28px;
}
.mutlibutton-changer .widget-max .multibutton-icon-image img {
width: fit-content;
height: fit-content;
}
.multibutton-hover {
padding-right: 3px;
}
.mutlibutton-changer span {
padding: 9px 10px;
border-radius: 650px;
}
.mutlibutton-changer .multibutton-icon:not(.active) span {
max-width: 0px;
overflow: hidden;
padding: 9px 0px;
opacity: 0;
}
}
@media (max-width: 800px) {
.multibutton-wr {
bottom: 60px;
right: 0px;
}
.mutlibutton-changer .multibutton-icon:not(.active) span {
max-width: 0px;
overflow: hidden;
padding: 4px 0px;
opacity: 0;
}
.mutlibutton-changer {
width: 220px;
}
}
.mutlibutton-changer .multibutton-icon.active {
z-index: 3 !important;
}
.mutlibutton-changer .multibutton-icon {
z-index: -1 !important;
}
.mobile_footer_btn span {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFFFF !important;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
@media (min-width: 800px) {
.mutlibutton-changer .multibutton-icon-image {
width: 60px;
height: 60px;
}
.mutlibutton-changer .multibutton-icon-image img {
width: 32px;
height: 32px;
}
.multibutton-icon.mb-two .multibutton-icon-image img {
width: 60px;
height: 60px;
}
.mutlibutton-changer span {
font-size: 14px;
line-height: 1;
padding: 10px 20px;
border-radius: 60px;
}
.mutlibutton-changer {
width: 330px;
height: 62px;
}
}
@media (max-width: 800px) {
.mutlibutton-changer .multibutton-icon-image {
width: 48px;
height: 48px;
}
.mutlibutton-changer .multibutton-icon-image img {
width: 28px;
height: 28px;
}
.mutlibutton-changer .widget-max .multibutton-icon-image img {
width: fit-content;
height: fit-content;
}
.multibutton-icon.mb-two .multibutton-icon-image img {
width: 48px;
height: 48px;
}
.mutlibutton-changer span {
font-size: 12px;
line-height: 1;
padding: 10px 15px;
border-radius: 60px;
}
.mutlibutton-changer {
width: 300px;
height: 62px;
}
} .quiz__thank-you-btn_tg {
background: #1da8d8;
}
.quiz__thank-you-btn_tg:visited {
color: #ffffff;
}
.embedded_video {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.embedded_video:not(.video-iframe-open):before {
content: '';
width: 60px;
height: 60px;
background: url(//zubyza1den.com/rostov-na-donu/wp-content/uploads/2025/04/btn_play.svg.svg) center / cover no-repeat;
position: absolute;
} .base-widget {
display: flex;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
left: 50px;
position: fixed;
z-index: 100;
border-radius: 15px;
width: 180px;
height: 70px;
box-sizing: border-box;
padding: 0 0 0 10px;
overflow: hidden;
cursor: pointer;
}
.base-widget span {
font-weight: 700;
font-size: 12px;
line-height: 120%;
color: #fff;
}
.base-widget img {
position: absolute;
right: 0;
bottom: 0;
}
.calc-widget {
bottom: 50px;
background: url(//zubyza1den.com/rostov-na-donu/wp-content/themes/reboot_child/assets/images/widgets/calc-bg.png) center center / cover no-repeat #1CE8CD;
}
.base-widget svg {
display: none;
}
.mob-widget {
display: none;
}
@media screen and (max-width: 768px) {
.base-widget {
bottom: 0 !important;
left: 0;
width: 100%;
border-radius: 0;
padding: 10px 40px;
justify-content: flex-start;
-webkit-justify-content: flex-start;
height: 50px;
gap: 20px;
background: linear-gradient(180deg, #35CD72, #14A24D);
}
.base-widget span {
font-size: 15px;
display: block;
}
.calc-widget {
left: auto;
right: 0;
}
.base-widget svg {
display: block;
flex-shrink: 0;
-webkit-flex-shrink: 0;
}
.base-widget img {
right: 15px;
bottom: 0;
}
.pc-widget {
display: none;
}
.widget-diagnostics__icon {
width: 77px;
}
.widget-diagnostics__icon img {
display: block;
right: 20px;
bottom: 40px;
}
.mob-widget {
display: flex;
bottom: 60px;
color: #FFFFFF;
cursor: pointer;
flex-direction: column;
justify-content: center;
left: 8px;
position: fixed;
z-index: 100;
width: 110px;
-webkit-animation: swing 2.5s ease-in-out infinite both;
animation: swing 2.5s ease-in-out infinite both
}
.mob-widget p {
border-radius: 3px;
background: #FF4117;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 10px;
margin-top: 6px;
padding: 4px 7px;
text-align: center;
}
@-webkit-keyframes swing {
15% {
-webkit-transform: translateX(9px);
transform: translateX(9px);
}
30% {
-webkit-transform: translateX(-9px);
transform: translateX(-9px);
}
40% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
50% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
65% {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes swing {
15% {
-webkit-transform: translateX(9px);
transform: translateX(9px);
}
30% {
-webkit-transform: translateX(-9px);
transform: translateX(-9px);
}
40% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
50% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
65% {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
}
@media (max-width: 417px) {
.wheel-widget {
height: 50px;
}
}
.call-btn {
display: none !important;
} .quiz-popup-title {
font-weight: 500;
font-size: 28px;
line-height: 115%;
color: #1a6365;
margin-bottom: 40px;
}
html body .hidden-title .quiz-popup-title {
display: none !important;
}
@media (max-width: 1024px) {
.quiz-popup-title {
line-height: 130%;
margin-bottom: 20px;
font-weight: 700;
font-size: 16px;
}
}
.checkboxes {
display: flex;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
margin-top: 10px;
}
.checkboxes label {
color: var(--middle-title);
}
.checkboxes label a {
color: var(--low-title);
}
.checkboxes label {
display: flex;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
align-items: flex-start;
-webkit-align-items: flex-start;
}
.checkboxes label input {
margin: 3px 10px 0 0;
}
.recording-form .checkboxes label input {
margin-top: 0;
}
#wpcf7-f124-o8 form, #wpcf7-f124-o7 form, #wpcf7-f124-o2 form {
position: relative;
}
#wpcf7-f124-o8 form .checkboxes,
#wpcf7-f124-o7 form .checkboxes,
#wpcf7-f124-o2 form .checkboxes,
#wpcf7-f124-o4 form .checkboxes,
#wpcf7-f11988-o4 form .checkboxes,
#wpcf7-f11988-o8 form .checkboxes {
position: absolute;
bottom: -90px;
}
#wpcf7-f124-o8, #wpcf7-f124-o7, #wpcf7-f124-o2 {
padding-bottom: 100px;
}
.n-form .label-for-input {
text-align: left;
line-height: normal;
font-size: 14px;
}
@media (max-width: 600px) {
.n-form .label-for-input {
font-size: 11px;
}
}
.service__form .checkboxes {
max-width: 70%;
}
@media (max-width: 1024px) {
.service__form .checkboxes {
max-width: 100%;
}
.service__form .wpcf7-list-item-label::after {
top: -3px;
left: 1px;
}
}
@media (max-width: 991px) {
.pd_widget_column[data-new] .pd_widget_stars {
font-size: 15px !important;
}
.pd_widget_column[data-new] .pd_widget_stars > span {
font-size: 15px !important;
}
.main-first-ratings > #pd_widget_column a.pd_widget_box {
width: 106px !important;
padding-right: 5px !important;
padding-bottom: 1px !important;
border-radius: 6px !important;
}
.main-first-ratings > .pd_widget_column .pd_widget_trapezoid {
margin-bottom: 3px !important;
min-height: 11px !important;
}
.main-first-ratings > .pd_widget_column .pd_widget_logo {
max-width: 65px !important;
}
.main-first-ratings > #pd_widget_column .pd_widget_stars {
width: 6em !important;
height: 1em !important;
margin-bottom: 3px !important;
font-size: 11px !important;
}
.main-first-ratings > #pd_widget_column .pd_widget_stars > span {
font-size: 11px !important;
}
#pd_widget_column[data-new] .pd_widget_trapezoid {
min-height: 16px !important;
margin-bottom: 2px !important;
}
#pd_widget_column[data-new] .pd_widget_text {
font-size: 10px !important;
line-height: 1 !important;
}
}
@media (max-width: 640px) {
#wpcf7-f124-o8 form .checkboxes,
#wpcf7-f124-o7 form .checkboxes,
#wpcf7-f124-o2 form .checkboxes,
#wpcf7-f124-o4 form .checkboxes,
#wpcf7-f11988-o4 form .checkboxes,
#wpcf7-f11988-o8 form .checkboxes {
position: unset;
}
#wpcf7-f124-o8, #wpcf7-f124-o7, #wpcf7-f124-o2 {
padding-bottom: 0;
}
}
#quiz-intro-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.7);
z-index: 9999999999;
}
@media (max-width: 991px) {
#quiz-intro-popup {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
#quiz-intro-popup .n-container {
width: 1000px;
max-width: 100%;
background: rgba(217, 233, 228, 1);
border-radius: 20px;
padding: 65px 40px 66px;
position: relative;
overflow: hidden;
}
@media (max-width: 991px) {
#quiz-intro-popup .n-container {
width: auto;
padding: 25px 20px 0 !important;
display: flex;
flex-direction: column;
align-items: center;
overflow: scroll;
height: auto;
min-height: 330px;
}
}
#quiz_intro_close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
z-index: 2;
}
#quiz_intro_close svg {
max-height: 40px;
max-width: 40px;
display: block;
flex-shrink: 1;
}
@media (max-width: 991px) {
#quiz_intro_close {
top: 5px;
right: 5px;
}
#quiz_intro_close svg {
max-height: 30px;
max-width: 30px;
}
}
#quiz-intro-popup .quiz-popup-intro__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
@media (max-width: 991px) {
}
#quiz-intro-popup .quiz-popup-intro__badge {
padding: 6px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.8);
font-size: 14px;
font-weight: 500;
color: #1a6365;
white-space: nowrap;
}
#quiz-intro-popup span.quiz-popup-intro__badge-mob {
display: none;
}
@media (max-width: 991px) {
#quiz-intro-popup span.quiz-popup-intro__badge-pc {
display: none;
}
#quiz-intro-popup span.quiz-popup-intro__badge-mob {
display: block;
font-size: 14px;
line-height: 1;
}
}
#quiz-intro-popup .quiz-popup-intro__subtitle {
margin-top: 15px;
font-weight: 400;
font-size: 20px;
line-height: 145%;
color: rgba(0, 0, 0, 1);
max-width: 600px;
}
@media (max-width: 991px) {
#quiz-intro-popup .quiz-popup-intro__subtitle {
font-size: 16px;
max-width: 300px;
}
}
#quiz-intro-popup .quiz-popup-intro__subtitle b {
color: rgba(21, 63, 64, 1);
font-weight: 600;
}
#quiz-intro-popup .quiz-popup-intro__gifts {
margin-top: 60px;
display: flex;
gap: 25px;
justify-content: flex-start;
}
@media (max-width: 991px) {
#quiz-intro-popup .quiz-popup-intro__gifts {
margin-top: 15px;
display: flex;
align-items: center;
}
}
img.quiz-popup-intro-img-gift {
width: 126px;
height: 130px;
object-fit: cover;
display: block;
}
@media (max-width: 991px) {
img.quiz-popup-intro-img-gift {
width: 94px;
height: 97px;
}
}
#quiz-intro-popup .quiz-popup-intro__gifts-list {
display: flex;
flex-direction: column;
gap: 15px;
}
#quiz-intro-popup .quiz-popup-intro__gift-item {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 5px;
font-size: 16px;
color: #153f40;
flex-direction: column;
}
#quiz-intro-popup .quiz-popup-intro__gift-name {
font-weight: 400;
font-size: 22px;
line-height: 130%;
color: #1A6365;
}
@media (max-width: 991px) {
#quiz-intro-popup .quiz-popup-intro__gift-name {
font-size: 16px;
}
}
#quiz-intro-popup .quiz-popup-intro__gift-values {
display: flex;
gap: 25px;
align-items: center;
}
@media (max-width: 991px) {
#quiz-intro-popup .quiz-popup-intro__gift-values {
gap: 10px;
}
}
#quiz-intro-popup .quiz-popup-intro__gift-free {
font-weight: 600;
font-size: 22px;
line-height: 130%;
color: #1A6365;
}
@media (max-width: 991px) {
#quiz-intro-popup .quiz-popup-intro__gift-free {
font-size: 16px;
}
}
#quiz-intro-popup .quiz-popup-intro__gift-old {
position: relative;
display: inline-block;
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
color: #1A6365;
}
@media (max-width: 991px) {
#quiz-intro-popup .quiz-popup-intro__gift-old {
font-size: 16px;
}
}
#quiz-intro-popup .quiz-popup-intro__gift-old::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 100%;
border-bottom: 1px solid #1A6365;
transform: rotate(12.53deg);
transform-origin: center;
}
#quiz-intro-popup .quiz-popup-intro__btn {
width: 100%;
padding: 27px;
max-width: 460px;
font-weight: 700;
font-size: 22px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
margin-top: 50px;
}
@media (max-width: 991px) {
#quiz-intro-popup .quiz-popup-intro__btn {
max-width: 100%;
font-size: 14px;
line-height: 1;
padding: 21px;
margin: 20px auto;
}
}
#quiz-intro-popup .quiz-popup-intro {
background: #D9E9E4;
position: relative;
}
@media (max-width: 991px) {
#quiz-intro-popup .quiz-popup-intro {
display: flex;
flex-direction: column;
min-height: 300px;
}
}
#quiz-intro-popup .quiz-popup-title br {
display: block;
}
#quiz-intro-popup .quiz-popup-title {
font-weight: 700;
font-size: 42px;
line-height: 130%;
color: #1A6365;
margin-bottom: 12px;
}
@media (max-width: 991px) {
#quiz-intro-popup .quiz-popup-title {
font-size: 22px;
margin-bottom: 0;
}
}
#quiz-intro-popup .quiz-popup-intro__header {
position: relative;
max-width: 600px;
}
@media (max-width: 991px) {
#quiz-intro-popup .quiz-popup-intro__header {
max-width: 100%;
}
}
#quiz-intro-popup .quiz-popup-intro__badge {
position: absolute;
white-space: nowrap;
padding: 5px 13px 5px 12px;
background: #1A6365;
border-radius: 30px;
font-family: 'Lato';
font-weight: 700;
font-size: 22px;
line-height: 100%;
align-items: center;
color: #D9E9E4;
transform: rotate(-3.68deg);
right: 30px;
bottom: 25px;
display: flex;
gap: 10px;
}
@media (max-width: 991px) {
#quiz-intro-popup .quiz-popup-intro__badge {
padding: 4px 5px;
gap: 5px;
bottom: 5px;
right: 0;
}
#quiz-intro-popup .quiz-popup-intro__badge svg {
width: 14px;
height: 14px;
display: block;
flex-shrink: 1;
}
}
img.quiz-popup-intro-img {
position: absolute;
bottom: -66px;
max-width: 500px;
}
@media (max-width: 991px) {
img.quiz-popup-intro-img {
position: relative;
bottom: 0;
max-width: 240px;
right: -30px;
}
}
.quiz-doctors__title {
font-weight: 500;
font-size: 28px;
line-height: 34px;
color: #1A6365;
}
@media (max-width: 991px) {
.quiz-doctors__title {
font-size: 20px;
line-height: 1;
padding-top: 20px;
}
}
.quiz-doctors__items {
padding-top: 15px;
display: flex;
gap: 20px;
align-items: center;
}
@media (max-width: 991px) {
.quiz-doctors__items {
display: flex;
flex-direction: column;
gap: 5px;
}
}
.quiz-doctor {
display: flex;
gap: 11px;
align-items: center;
}
@media (max-width: 991px) {
.quiz-doctor {
gap: 10px;
}
}
.quiz-doctor-wrapper {
display: flex;
gap: 10px;
flex-direction: column;
}
.quiz-doctor-name {
font-weight: 400;
font-size: 22px;
line-height: 130%;
color: #1A6365;
}
@media (max-width: 991px) {
.quiz-doctor-name {
font-size: 16px;
}
}
.quiz-doctor img {
max-width: 180px;
width: 100%;
max-height: 128px;
display: block;
object-fit: cover;
object-position: top;
}
.quiz-doctor img.doctor-final {
display: none;
}
.quiz__actions--final .quiz-doctors__items .quiz-doctor img {
display: none;
}
.quiz__actions--final .quiz-doctors__items .quiz-doctor img.doctor-final,
.quiz__actions--final .quiz-doctors__items .quiz-doctor img.doctor-book {
display: block;
}
@media (max-width: 991px) {
.quiz-doctor img {
max-width: 68px;
width: 100%;
}
.quiz__actions--final .quiz-doctors__items .quiz-doctor img.doctor-final,
.quiz__actions--final .quiz-doctors__items .quiz-doctor img.doctor-book {
max-width: 50px;
width: 100%;
}
}
.quiz-doctor-values {
display: flex;
gap: 25px;
align-items: center;
}
span.quiz-doctor-old {
position: relative;
display: inline-block;
font-weight: 400;
font-size: 18px;
line-height: 130%;
color: #1A6365;
white-space: nowrap;
}
@media (max-width: 991px) {
span.quiz-doctor-old {
font-size: 18px;
}
}
span.quiz-doctor-old::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 100%;
border-bottom: 1px solid #1A6365;
transform: rotate(12.53deg);
transform-origin: center;
}
span.quiz-doctor-free {
font-weight: 600;
font-size: 18px;
line-height: 130%;
color: #1A6365;
}
@media (max-width: 991px) {
span.quiz-doctor-free {
font-size: 18px;
}
}
@media (max-width: 991px) {
.quiz__final-form .form__input-wrapp {
padding-top: 200px;
}
} .quiz-wrapper {
--q-ink: #153f40;
--q-teal: #1a6365;
--q-text: #2f4f4a;
--q-mint: #d9e9e4;
--q-mint-soft: #e9f8f3;
--q-blue: #7fb2eb;;
--q-orange: #ff4117;
--q-radius: 16px;
--q-pad: 40px;
--q-side: 300px;
color: var(--q-text);
} .quiz-wrapper .quiz_lead-form {
display: none;
}
.quiz-wrapper .quiz__final_first .checkbox:nth-of-type(2) {
display: none;
}
.quiz-wrapper.quiz--final-step .quiz__title-step,
.quiz-wrapper.quiz--final-step .quiz__subtitle-step {
display: none;
}
.quiz-wrapper.quiz--final-step .quiz__title-final,
.quiz-wrapper.quiz--final-step .quiz__subtitle-final {
display: block;
}
.quiz-wrapper.quiz--final-step .quiz__final_first .checkbox__text--long,
.quiz-wrapper.quiz--final-step .quiz__final_first .checkbox__text--short {
display: block !important;
}
.quiz-wrapper .options__text,
.quiz-wrapper .section-quiz__warning span,
.quiz-wrapper .quiz__info span {
opacity: 1;
} .quiz-wrapper .title.quiz__title-step {
max-width: 1120px;
padding-top: 0;
margin: 0 0 18px;
font-weight: 700;
font-size: 46px;
line-height: 52px;
color: var(--q-ink);
}
.quiz-wrapper .subtitle.quiz__subtitle-step {
margin: 0 0 40px;
font-weight: 400;
font-size: 22px;
line-height: 28px;
color: var(--q-text);
}
.quiz-wrapper .subtitle.quiz__subtitle-step b {
font-weight: 700;
color: var(--q-ink);
} .quiz-wrapper .quiz {
position: relative;
display: flex;
flex-direction: row;
align-items: stretch;
gap: 0;
padding: 0;
height: 635px;
min-height: 635px;
background: var(--q-mint);
border-radius: var(--q-radius);
overflow: hidden;
} .quiz-wrapper .quiz > .quiz__top-mob:first-child {
display: none;
}
.quiz-wrapper .quiz__sections {
flex: 1 1 auto;
min-width: 0;
margin: 0;
padding: var(--q-pad) var(--q-pad) 0;
position: relative;
}
.quiz-wrapper .quiz_lead-form._open {
flex: 1 1 auto;
min-width: 0;
padding: var(--q-pad) var(--q-pad) 0;
} .quiz-wrapper .quiz__actions {
display: flex;
flex-direction: column;
flex: 0 0 var(--q-side);
width: var(--q-side);
min-width: 0;
background: #fff;
}
.quiz-wrapper .quiz > .quiz__top-mob:not(:first-child) {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: calc(100% - var(--q-side));
min-width: 0;
margin: 0;
padding: 24px var(--q-pad) var(--q-pad);
}
.quiz-wrapper .quiz__top-mob-title {
margin-bottom: 10px;
font-weight: 400;
font-size: 18px;
line-height: 20px;
text-align: left;
color: #1a6365;
}
.quiz-wrapper .quiz__top-mob-progress {
height: 10px;
max-width: 62%;
background: #fff;
}
.quiz-wrapper .quiz__top-mob-progress-quality {
background: #1a6365;
transition: width .3s ease;
}
.quiz-wrapper .quiz__btns {
position: absolute;
right: var(--q-side);
bottom: 0;
display: flex;
align-items: center;
gap: 14px;
margin: 0;
padding: 24px var(--q-pad) var(--q-pad);
}
.quiz-wrapper .quiz__actions--final .quiz__btns {
left: 0;
} .quiz-wrapper .quiz-btn-base {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 20px 34px;
border: none;
border-radius: 999px;
background: var(--q-orange);
color: #fff;
font-weight: 700;
font-size: 20px;
line-height: 1.2;
transition: opacity .25s ease, background-color .25s ease;
}
.quiz-wrapper .quiz__btn {
min-height: 58px;
padding: 0 32px;
font-size: 22px;
white-space: nowrap;
} .quiz-wrapper .quiz__btn--next,
html body .quiz-wrapper .quiz__btn--next {
min-width: 180px;
background: var(--q-blue);
color: #fff;
}
.quiz-wrapper .quiz__btn--next:hover,
html body .quiz-wrapper .quiz__btn--next:hover {
background: #7cb5ea;
opacity: 1;
} .quiz-wrapper .quiz__btn--prev,
html body .quiz-wrapper .quiz-btn-base--blue.quiz__btn--prev {
position: relative;
flex: 0 0 auto;
width: 58px;
min-width: 58px;
height: 58px;
min-height: 58px;
padding: 0;
border-radius: 50%;
background: transparent;
border: 1px solid var(--q-blue);
color: var(--q-blue);
font-size: 0;
}
.quiz-wrapper .quiz__btn--prev svg {
display: block;
width: 24px;
height: 24px;
}
.quiz-wrapper .quiz__btn--prev .quiz__btn-label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.quiz-wrapper .quiz__btn--prev:hover {
background: rgba(143, 193, 239, .18);
opacity: 1;
} .quiz-wrapper .quiz:has(.quiz__sections .quiz__section:last-child._open) .quiz__btns {
justify-self: start;
}
.quiz-wrapper .quiz:has(.quiz__sections .quiz__section:last-child._open) .quiz__top-mob:not(:first-child) {
visibility: hidden;
} .quiz-wrapper .quiz .section-quiz__title {
margin: 0 0 40px;
font-size: 32px;
line-height: 36px;
color: #1a6365;
}
.quiz-wrapper .section-quiz__content,
.quiz-wrapper .section-quiz__content--grid {
width: 100%;
margin-left: 0;
}
.quiz-wrapper .options {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 14px;
width: 100%;
}
.quiz-wrapper .section-quiz__content--grid .options {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.quiz-wrapper .section-quiz__content--grid.section-quiz__content--grid-2-col .options {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.quiz-wrapper .options__item,
.quiz-wrapper .section-quiz__content--grid .options__item,
.quiz-wrapper .section-quiz__content--grid-2-col .options__item {
width: 100%;
max-width: none;
margin: 0;
}
.quiz-wrapper .options__label {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
padding: 16px 22px;
min-height: 70px;
border-radius: 14px;
}
.quiz-wrapper .options__label:hover {
background: rgba(255, 255, 255, .85);
} .quiz-wrapper .options__label:before,
.quiz-wrapper .options__label:after {
content: none;
display: none;
}
.quiz-wrapper .options__input:checked + .options__label {
background: #fff;
font-weight: 400;
}
.quiz-wrapper .options__text {
display: flex;
align-items: center;
gap: 14px;
padding: 0;
font-size: 20px;
line-height: 24px;
font-weight: 500;
color: #5C797A;
}
.quiz-wrapper .options__text:before {
content: '';
flex: 0 0 24px;
width: 24px;
height: 24px;
box-sizing: border-box;
border-radius: 50%;
background: var(--q-mint);
transition: background-color .2s ease, box-shadow .2s ease;
}
.quiz-wrapper .options__input:checked + .options__label .options__text {
font-weight: 700;
}
.quiz-wrapper .options__input:checked + .options__label .options__text:before {
background: var(--q-teal);
box-shadow: inset 0 0 0 2px var(--q-teal), inset 0 0 0 7px #fff;
} .quiz-wrapper .section-quiz__content--grid .options__label {
flex-direction: column;
align-items: stretch;
gap: 12px;
padding: 12px 14px 18px;
}
.quiz-wrapper .options__item img {
display: block;
width: 100%;
max-width: none;
height: 170px;
margin: 0;
border-radius: 10px;
object-fit: contain;
} .quiz-wrapper .section-quiz__content--2-col {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 20px;
align-items: start;
}
.quiz-wrapper .section-quiz__content--2-col > div {
width: auto;
}
.quiz-wrapper .section-quiz__warning {
display: block;
margin: 0;
padding: 0;
overflow: hidden;
border-radius: 10px;
background: var(--q-mint-soft);
font-size: 16px;
line-height: 24px;
color: var(--q-teal);
}
.quiz-wrapper .section-quiz__warning:before {
content: none;
display: none;
}
.quiz-wrapper .section-quiz__warning img {
display: block;
width: 100%;
height: 240px;
margin: 0;
border-radius: 10px;
object-fit: cover;
}
.quiz-wrapper .section-quiz__warning span {
display: block;
max-width: none;
padding: 16px 20px;
background: #e9f8f3;
} .quiz-wrapper .quiz__info {
display: flex;
align-items: center;
gap: 14px;
margin: 14px 0 0;
padding: 16px 20px;
border-radius: 14px;
background: var(--q-mint-soft);
}
.quiz-wrapper .quiz__info svg {
flex-shrink: 0;
width: 26px;
height: 26px;
}
.quiz-wrapper .quiz__info span {
margin-left: 0;
font-size: 16px;
line-height: 22px;
color: var(--q-teal);
} .quiz-wrapper .quiz__final {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 20px;
align-items: end;
}
.quiz-wrapper .quiz__final-form {
max-width: 560px;
padding-top: 8px;
}
.quiz-wrapper .quiz__final-form .section-quiz__title {
width: auto;
margin-bottom: 32px;
font-size: 28px;
line-height: 42px;
}
.quiz-wrapper .quiz__final-form .form__input-label {
margin-bottom: 8px;
font-size: 15px;
color: var(--q-teal);
}
.quiz-wrapper .quiz__final-form .form__input-wrapp {
margin-bottom: 16px;
padding-top: 0;
}
.quiz-wrapper .quiz__final-form .form__input-wrapp .input {
width: 100%;
height: 72px;
padding: 0 24px;
border: none;
border-radius: 20px;
background: #fff;
font-size: 19px;
color: var(--q-ink);
}
.quiz-wrapper .quiz__final-form .form__input-wrapp .input::placeholder {
color: rgba(47, 79, 74, .45);
}
.quiz-wrapper .quiz__final-form .quiz-btn-base {
width: 100%;
min-height: 76px;
height: auto;
margin-bottom: 18px;
padding: 16px 24px;
font-size: 22px;
}
.quiz-wrapper .quiz__final > img {
position: absolute;
right: 0;
bottom: 0;
align-self: end;
width: auto;
max-width: 420px;
margin: 0;
} .quiz-wrapper .checkbox {
margin-bottom: 8px;
}
.quiz-wrapper .checkbox__label {
align-items: flex-start;
gap: 10px;
}
.quiz-wrapper .checkbox__label:before {
flex: 0 0 16px;
width: 16px;
height: 16px;
margin: 2px 0 0;
border: 1px solid rgba(47, 79, 74, .4);
border-radius: 4px;
background: #fff;
transition: background-color .2s ease, border-color .2s ease;
}
.quiz-wrapper .checkbox__text {
font-size: 12px;
line-height: 18px;
color: rgba(47, 79, 74, .8);
}
.quiz-wrapper .checkbox__text a {
color: rgba(47, 79, 74, .8);
text-decoration: underline;
} .quiz-wrapper .quiz-doctors,
.quiz-wrapper .quiz__actions--final .quiz-doctors {
position: static;
top: auto;
left: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
max-width: none;
margin: auto 0 0;
padding: 0 26px 32px;
border-radius: 0;
background: #fff;
}
.quiz-wrapper .quiz-doctors__title,
.quiz-wrapper .quiz__actions--final .quiz-doctors__title.quiz-books__title {
margin: 0 0 16px;
padding-top: 0;
font-weight: 500;
font-size: 24px;
line-height: 26px;
color: #1a6365;
}
.quiz-wrapper .quiz-doctors__items,
.quiz-wrapper .quiz__actions--final .quiz-doctors .quiz-doctors__items {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 14px;
padding: 0;
}
.quiz-wrapper .quiz-doctor {
display: flex;
align-items: center;
gap: 12px;
}
.quiz-wrapper .quiz-doctor img,
.quiz-wrapper .quiz__actions--final .quiz-doctors__items .quiz-doctor img.doctor-final,
.quiz-wrapper .quiz__actions--final .quiz-doctors__items .quiz-doctor img.doctor-book {
flex: 0 0 80px;
max-width: 80px;
max-height: none;
border: 1px solid #e8e8e8;
border-radius: 4px;
width: 80px;
height: 80px;
background: #fff;
object-fit: cover;
object-position: top;
}
.quiz-wrapper .quiz-doctor-wrapper {
gap: 6px;
}
.quiz-wrapper .quiz-doctor-name {
font-size: 14px;
line-height: 20px;
color: var(--q-ink);
}
.quiz-wrapper .quiz-doctor-values {
gap: 10px;
flex-wrap: wrap;
}
.quiz-wrapper span.quiz-doctor-free {
font-weight: 700;
font-size: 12px;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--q-teal);
}
.quiz-wrapper span.quiz-doctor-old {
font-size: 12px;
color: #1a6365;
}
.quiz-wrapper span.quiz-doctor-old:before {
top: 50%;
border-bottom: 1px solid rgba(47, 79, 74, .55);
transform: none;
} .quiz-wrapper .quiz__thank-you_open {
flex: 1 1 auto;
min-width: 0;
padding: var(--q-pad);
}
.quiz-wrapper .quiz__thank-you-content {
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 680px;
margin: 0 auto;
text-align: center;
}
.quiz-wrapper .quiz__thank-you-title {
margin-bottom: 16px;
font-weight: 700;
font-size: 30px;
line-height: 42px;
text-align: center;
color: var(--q-teal);
}
.quiz-wrapper .quiz__thank-you-subtitle {
justify-content: center;
margin-bottom: 24px;
font-size: 20px;
line-height: 30px;
text-align: center;
color: var(--q-teal);
}
.quiz-wrapper .quiz__thank-you-btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 560px;
min-height: 80px;
height: auto;
padding: 16px 32px;
border-radius: 999px;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-align: center;
color: #fff;
} .quiz-wrapper .quiz_lead-form .quiz__final-form .section-quiz__title {
width: auto;
margin-bottom: 20px;
font-size: 26px;
line-height: 36px;
}
.quiz-wrapper .quiz__final-form ul {
margin: 0 0 20px;
}
.quiz-wrapper .quiz__final-form ul li {
gap: 10px;
margin-bottom: 10px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: var(--q-teal);
}
.quiz-wrapper .quiz_lead-form .quiz-btn-base {
min-height: 76px;
height: auto;
padding: 16px 24px;
font-size: 18px;
}
.quiz-wrapper .quiz_lead-form img.bg-final {
position: static;
align-self: end;
max-width: 420px;
margin: 0;
} @media (max-width: 1024px) {
.quiz-wrapper {
--q-pad: 16px;
}
.quiz-wrapper .title.quiz__title-step {
margin-bottom: 10px;
font-size: 20px;
line-height: 28px;
}
.quiz-wrapper .subtitle.quiz__subtitle-step {
margin: 0 0 16px;
font-size: 14px;
line-height: 20px;
}
.quiz-wrapper .quiz {
display: grid;
grid-template-columns: minmax(0, 1fr);
height: auto;
min-height: 0;
}
.quiz-wrapper .quiz__actions {
display: contents;
}
.quiz-wrapper .quiz__sections,
.quiz-wrapper .quiz_lead-form._open {
padding: var(--q-pad) var(--q-pad) 0;
}
.quiz-wrapper .quiz .section-quiz__title {
margin-bottom: 16px;
font-size: 20px;
line-height: 26px;
}
.quiz-wrapper .options {
gap: 10px;
}
.quiz-wrapper .section-quiz__content--grid .options,
.quiz-wrapper .section-quiz__content--grid.section-quiz__content--grid-2-col .options,
.quiz-wrapper .section-quiz__content--2-col {
grid-template-columns: minmax(0, 1fr);
}
.quiz-wrapper .options__label,
.quiz-wrapper .quiz__section.section-quiz:nth-child(2) .options__label {
min-height: 60px;
padding: 12px 16px;
background: rgba(255, 255, 255, .85);
}
.quiz-wrapper .section-quiz__content--grid .options__label,
.quiz-wrapper .quiz__section.section-quiz:nth-child(2) .options__label {
flex-direction: row;
align-items: center;
gap: 12px;
padding: 10px;
}
.quiz-wrapper .options__item img,
.quiz-wrapper .quiz__section.section-quiz:nth-child(2) .options__item img {
flex: 0 0 130px;
width: 130px;
max-width: 130px;
min-height: 0;
height: 84px;
margin: 0;
padding: 0;
border-radius: 8px;
}
.quiz-wrapper .options__text,
.quiz-wrapper .quiz__section.section-quiz:nth-child(2) .options__text {
gap: 12px;
padding: 0;
font-size: 15px;
line-height: 21px;
}
.quiz-wrapper .options__text:before {
flex: 0 0 22px;
width: 22px;
height: 22px;
}
.quiz-wrapper .section-quiz__warning img {
height: 150px;
}
.quiz-wrapper .section-quiz__warning span,
.quiz-wrapper .quiz__info span {
font-size: 13px;
line-height: 20px;
}
.quiz-wrapper .section-quiz__warning span {
padding: 12px 14px;
} .quiz-wrapper .quiz__btns {
position: static;
grid-column: 1;
grid-row: 2;
justify-self: stretch;
align-self: stretch;
flex-direction: row;
gap: 10px;
padding: 16px var(--q-pad) 0;
}
.quiz-wrapper .quiz__btn {
flex: 1 1 auto;
min-height: 52px;
padding: 0 16px;
font-size: 16px;
white-space: normal;
margin: 0;
}
.quiz-wrapper .quiz > .quiz__top-mob:not(:first-child) {
position: static;
grid-column: 1;
grid-row: 3;
width: auto;
margin: 0;
padding: 16px var(--q-pad) 0;
}
.quiz-wrapper .quiz__top-mob-title {
text-align: center;
}
.quiz-wrapper .quiz__top-mob-progress {
max-width: none;
}
.quiz-wrapper .quiz-doctors,
.quiz-wrapper .quiz__actions--final .quiz-doctors {
position: static;
top: auto;
grid-column: 1;
grid-row: 4;
max-width: none;
margin: 16px;
padding: 14px;
border-radius: 14px;
background: var(--q-mint-soft);
}
.quiz-wrapper .quiz-doctors__title,
.quiz-wrapper .quiz__actions--final .quiz-doctors__title.quiz-books__title {
margin-bottom: 12px;
font-size: 20px;
line-height: 22px;
}
.quiz-wrapper .quiz-doctor img,
.quiz-wrapper .quiz__actions--final .quiz-doctors__items .quiz-doctor img.doctor-final,
.quiz-wrapper .quiz__actions--final .quiz-doctors__items .quiz-doctor img.doctor-book {
flex: 0 0 48px;
width: 48px;
max-width: 48px;
height: 62px;
}
.quiz-wrapper .quiz-doctor-name {
font-size: 16px;
line-height: 18px;
} .quiz-wrapper .quiz__final {
grid-template-columns: minmax(0, 1fr);
gap: 0;
}
.quiz-wrapper .quiz__final-form {
max-width: none;
padding-top: 0;
}
.quiz-wrapper .quiz__final-form .section-quiz__title {
margin-bottom: 16px;
font-size: 15px;
line-height: 22px;
}
.quiz-wrapper .quiz__final-form .section-quiz__title b {
display: block;
margin-bottom: 8px;
font-size: 20px;
line-height: 28px;
}
.quiz-wrapper .quiz__final-form .form__input-wrapp {
padding-top: 0;
}
.quiz-wrapper .quiz__final-form .form__input-wrapp .input {
height: 56px;
padding: 0 18px;
border-radius: 16px;
font-size: 16px;
}
.quiz-wrapper .quiz__final-form .quiz-btn-base,
.quiz-wrapper .quiz_lead-form .quiz-btn-base {
min-height: 60px;
margin-bottom: 14px;
font-size: 16px;
}
.quiz-wrapper .quiz__final > img,
.quiz-wrapper .quiz_lead-form img.bg-final {
position: static;
justify-self: center;
max-width: 280px;
margin: 8px auto -1px;
} .quiz-wrapper .quiz__thank-you_open {
grid-column: 1;
grid-row: 1;
padding: 24px var(--q-pad);
}
.quiz-wrapper .quiz__thank-you-title {
font-size: 20px;
line-height: 28px;
text-align: center;
}
.quiz-wrapper .quiz__thank-you-subtitle {
margin-bottom: 18px;
font-size: 15px;
line-height: 22px;
text-align: center;
}
.quiz-wrapper .quiz__thank-you-btn {
min-height: 60px;
padding: 14px 20px;
font-size: 16px;
line-height: 22px;
}
.quiz-wrapper .quiz_lead-form .quiz__final-form .section-quiz__title {
font-size: 18px;
line-height: 26px;
}
.quiz-wrapper .quiz__final-form ul li {
font-size: 14px;
line-height: 20px;
}
} .quiz-wrapper-popup img.final-mod-tel-pc {
position: relative;
z-index: 2;
}
.quiz-wrapper-popup .quiz-doctors {
position: absolute;
width: 100%;
max-width: 470px;
top: 160px;
left: 625px;
border-radius: 10px;
padding: 20px;
background: #e9f8f3;
z-index: 1;
}
.top-bar__link {
cursor: pointer;
}
.quiz-wrapper.quiz--final-step .quiz__final_first .checkbox__text--long,
.quiz-wrapper.quiz--final-step .quiz__final_first .checkbox__text--short {
display: block !important;
}
@media (min-width: 1000px) {
.quiz-popup-title br {
display: none;
}
}
@media (max-width: 991px) {
.quiz-wrapper-popup br {
display: block;
}
.quiz-wrapper-popup section.quiz .quiz__final.quiz__final_first .quiz__final-form .form__input-wrapp {
padding-top: 0;
}
.quiz-wrapper-popup .quiz__final img.final-mod-tel {
max-width: 250px;
}
}
.multi_button, .wrap__GF3xu {
z-index: 100030 !important;
} .quiz-wrapper .quiz-expert {
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
min-width: 0;
padding: 32px 26px 0;
background: #fff;
}
.quiz-wrapper .quiz-expert__photo {
flex: 0 0 56px;
width: 56px;
max-width: 56px;
height: 56px;
border-radius: 50%;
background: var(--q-mint-soft);
object-fit: cover;
object-position: top center;
}
.quiz-wrapper .quiz-expert__info {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.quiz-wrapper .quiz-expert__name {
font-weight: 700;
font-size: 14px;
line-height: 18px;
color: var(--q-ink);
}
.quiz-wrapper .quiz-expert__role {
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #153f40;
} .quiz-wrapper .quiz-doctors,
.quiz-wrapper .quiz__actions--final .quiz-doctors {
margin-top: auto;
padding-top: 0;
}
@media (max-width: 1024px) {
.quiz-wrapper .quiz-expert {
display: none;
}
.quiz-wrapper .quiz-doctors,
.quiz-wrapper .quiz__actions--final .quiz-doctors {
grid-row: 5;
align-self: auto;
margin: 16px;
padding: 14px;
background: #fff;
width: auto;
}
.quiz-wrapper span.quiz-doctor-free {
font-size: 16px;
}
.quiz-wrapper span.quiz-doctor-old {
font-size: 16px;
}
}