html {
font-size: 0.833333vw;
}
.flex {
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;
}
.popupQuiz:not(.--block) {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.popupQuiz.--block {
margin-bottom: 100px;
}
.popupQuiz.--block .popupQuiz-bg,
.popupQuiz.--block .popupQuiz-close {
display: none;
}
.popupQuiz.--block .popupQuiz-content {
margin-left: auto;
margin-right: auto;
border-radius: 0;
}
@media screen and (max-width: 768px) {
.popupQuiz.--block .popupQuiz-slider {
padding: 0;
}
.popupQuiz.--block .popupQuiz-footer {
flex-direction: column;
align-items: stretch;
gap: 10px;
}
.popupQuiz.--block {
margin-bottom: 60px;
}
}
.popupQuiz.active {
opacity: 1;
visibility: visible;
}
.popupQuiz-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.8;
}
.popupQuiz-content {
position: relative;
overflow: hidden;
border-radius: 3.75rem;
background: rgb(255, 255, 255);
width: calc(100% - 2.5rem);
max-width: 107.4375rem;
}
.popupQuiz-close {
position: absolute;
top: 1.875rem;
right: 1.875rem;
width: 3.125rem;
height: 3.125rem;
cursor: pointer;
z-index: 2;
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icons.svg#close) no-repeat center/contain;
}
.popupQuiz-close:hover {
opacity: 0.8;
}
.popupQuiz-slider {
padding: 6.25rem 5rem 3.375rem;
min-height: 44.1875rem;
max-height: calc(100vh - 2.5rem);
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.popupQuiz-slider-container {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
.popupQuiz-step {
display: none;
}
.popupQuiz-step.active {
display: block;
}
.popupQuiz-step-title {
margin: 0 0 3.125rem;
font-family: Mulish;
font-size: 2.625rem;
font-weight: 800;
line-height: 3.3125rem;
letter-spacing: 0%;
text-align: left;
color: #303030;
}
.popupQuiz-step-title b {
color: #DE192A;
font-weight: 800;
}
.popupQuiz-step-fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 75rem;
margin-bottom: -1.875rem;
}
.popupQuiz-radio {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(50% - 0.8125rem);
margin-bottom: 1.875rem;
}
.popupQuiz-radio input {
display: none;
}
.popupQuiz-radio input:checked+.popupQuiz-radio-custom::after {
opacity: 1;
}
.popupQuiz-radio-custom {
display: block;
width: 1.25rem;
height: 1.25rem;
margin-right: 1.25rem;
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0.0625rem solid rgb(122, 149, 192);
border-radius: 100%;
}
.popupQuiz-radio-custom::after {
position: absolute;
content: "";
width: 0.625rem;
height: 0.625rem;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: rgb(122, 149, 192);
border-radius: 100%;
opacity: 0;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.popupQuiz-radio-text {
display: block;
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5625rem;
}
.popupQuiz-result {
display: none;
background: rgb(242, 245, 248);
}
.popupQuiz-result-title {
margin-bottom: 1.875rem;
}
.popupQuiz-result-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.popupQuiz-result-content {
min-height: 44.1875rem;
padding: 6.25rem 5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 60%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.popupQuiz-result-text {
color: rgb(0, 0, 0);
font-family: Mulish;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.5625rem;
}
.popupQuiz-result-bonus {
width: 8.4375rem;
height: 11.125rem;
background: rgb(242, 245, 248);
margin-right: 10rem;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
background: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1500px) {
.popupQuiz-result-bonus:nth-child(1) img {
transform: translateX(-50px);
}
.popupQuiz-result-bonus {
transform: translateY(40px);
}
}
@media screen and (max-width: 1100px) {
.popupQuiz-result-bonuses {
display: none !important;
}
.popupQuiz-result-content {
width: 100%;
}
}
.popupQuiz-result-bonus:nth-child(2n),
.popupQuiz-result-bonus:last-child {
margin-right: 0;
}
.popupQuiz-result-bonus:nth-child(2n)::after,
.popupQuiz-result-bonus:last-child::after {
display: none;
}
.popupQuiz-result-bonus::after {
position: absolute;
content: "";
width: 2.75rem;
height: 2.75rem;
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icons.svg#plus) no-repeat center/contain;
top: calc(50% - 1.375rem);
right: -6.375rem;
}
.popupQuiz-result-bonus.green {
background: rgb(61, 188, 66);
}
.popupQuiz-result-bonuses {
width: 40%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 3.125rem 6.25rem;
background: url(//line-prava.com/wp-content/themes/linia-prava/img/popupQuiz-bg.svg) no-repeat center/contain, #7A95C0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.popupQuiz-result-bonuses-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.popupQuiz-result-bonuses-title {
display: block;
margin-bottom: 2.5rem;
color: rgb(255, 255, 255);
font-family: Mulish;
font-size: 2.625rem;
font-weight: 800;
line-height: 3.3125rem;
}
.popupQuiz-header {
padding-bottom: 1.25rem;
margin-bottom: 1.875rem;
position: relative;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.popupQuiz-header::after {
position: absolute;
content: "";
height: 0.125rem;
background: #7A95C0;
left: -5rem;
bottom: 0;
width: 100%;
max-width: 62.9375rem;
}
.popupQuiz-header img {
display: block;
width: 3.125rem;
height: 3.125rem;
margin-right: 1.875rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.popupQuiz-header-text {
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.875rem;
}
.popupQuiz-footer {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-top: 1.875rem;
}
.popupQuiz-progress {
max-width: 57.9375rem;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
margin-right: 1.875rem;
}
.popupQuiz-progress-text {
margin-bottom: 0.625rem;
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1rem;
font-weight: 400;
line-height: 1.25rem;
}
.popupQuiz-progress-text b {
display: inline-block;
margin-left: 1.875rem;
color: rgb(17, 44, 87);
font-family: Mulish;
font-size: 1rem;
font-weight: 700;
line-height: 1.25rem;
}
.popupQuiz-progress-line {
position: relative;
border-radius: 1.25rem;
background: -webkit-gradient(linear, left top, right top, from(rgb(240, 52, 68)), to(rgb(91, 218, 96)));
background: linear-gradient(90deg, rgb(240, 52, 68), rgb(91, 218, 96) 100%);
height: 1rem;
}
.popupQuiz-progress-line span {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0.125rem solid rgb(122, 149, 192);
border-radius: 1.25rem;
background: rgb(255, 255, 255);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.popupQuiz-progress-line span.active {
border-radius: 0 1.25rem 1.25rem 0;
border-left: none;
}
.popupQuiz-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
height: 3.125rem;
border-radius: 0.375rem;
background: rgb(240, 52, 68);
color: rgb(255, 255, 255);
font-family: Mulish;
font-size: 1.125rem;
font-weight: 800;
line-height: 1.4375rem;
text-align: center;
padding: 0 1.25rem;
-webkit-transition: 0.2s;
transition: 0.2s;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.popupQuiz-btn-next {
width: 21.6875rem;
}
.popupQuiz-btn-next-text2 {
display: none;
}
.popupQuiz-btn:hover {
background: #1c427f;
}
.popupQuiz-btn svg {
display: block;
margin-left: 0.75rem;
width: 1rem;
height: 1rem;
}
.popupQuiz-btn-prev {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0.125rem solid rgb(122, 149, 192);
border-radius: 0.375rem;
background: rgb(255, 255, 255);
cursor: pointer;
height: 3.125rem;
padding: 0 1.25rem;
margin-right: 1.25rem;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.popupQuiz-btn-prev:hover {
background: rgb(122, 149, 192);
}
.popupQuiz-btn-prev:hover svg path {
stroke: #fff;
}
.popupQuiz-btn-prev svg {
display: block;
width: 1rem;
height: 1rem;
-o-object-fit: contain;
object-fit: contain;
}
.popupQuiz-form {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.popupQuiz-form-label {
width: 60%;
margin-right: 1.5625rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.popupQuiz-form-label-span {
display: block;
margin-bottom: 0.625rem;
color: rgb(48, 48, 48);
font-family: Mulish;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.4375rem;
}
.popupQuiz-form-input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
display: block;
height: 3.125rem;
padding: 0 1.25rem;
border-radius: 0.375rem;
background: rgb(255, 255, 255);
-webkit-box-shadow: none;
box-shadow: none;
font-size: 1.125rem;
border: 0.0625rem solid transparent;
outline: none;
}
.popupQuiz-form-input:focus,
.popupQuiz-form-input:active {
border-color: #1c427f;
}
.popupQuiz-form-submit {
width: 40%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.quizBtn {
margin: 6.25rem 0 4.375rem;
}
.quizBtn-container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.quizBtn-bonus {
background: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 11.25rem;
margin-right: 3.75rem;
}
.quizBtn-bonus::after {
right: -2.6875rem;
}
.quizBtn-bonus img {
display: block;
max-width: 120%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.quizBtn-block {
padding: 1.875rem 3.75rem 1.875rem 0;
position: relative;
cursor: pointer;
margin-right: 2.5rem;
}
.quizBtn-block > a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.quizBtn-block:hover::before {
opacity: 0.8;
}
.quizBtn-block::before {
position: absolute;
content: "";
top: 0;
right: 0;
height: 100%;
width: 50vw;
border-radius: 0 3.75rem 3.75rem 0;
background: #f03444;
-webkit-transition: 0.2s;
transition: 0.2s;
}
@media screen and (max-width: 760px) {
.quizBtn-block::before {
width: 100%;
max-width: 365px;
right: 20px;
}
}
.quizBtn-block-text {
position: relative;
color: #fff;
font-size: 0.875rem;
line-height: 1.125rem;
font-family: Mulish;
font-weight: 400;
}
.quizBtn-block-text strong {
display: block;
margin-bottom: 0.625rem;
font-size: 1.25rem;
line-height: 1.5625rem;
font-weight: 800;
}
@media screen and (max-width: 992px) {
html {
font-size: 1.3vw;
}
.hero__mob-btn {
margin-top: 0 !important;
}
.quizBtn {
margin-bottom: 260px;
}
.popupQuiz-form {
display: block;
}
.popupQuiz-form-submit {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.quizBtn-bonuses {
display: none;
}
.popupQuiz-result-bonus {
margin-right: 1rem;
}
.popupQuiz-result-bonuses-flex {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.popupQuiz-result-agreement {
margin: 15px 0 0 0;
font-size: 14px;
color: #424242;
}
.popupQuiz-result-agreement a {
color: #9cc1ff;
}
.bx-touch.crm-widget-button-mobile,
.bx-touch.crm-widget-button-mobile body {
height: auto !important;
overflow: unset !important
}