/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-quiz/block-quiz.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.page-404 {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media screen and (max-width: 980px) {
    .page-404 {
      padding: 0 50px; } }
  @media screen and (max-width: 767px) {
    .page-404 {
      padding: 0 25px; } }

.page-404_number {
  color: #fff; }

.page-404_title {
  max-width: 780px;
  width: 100%;
  text-align: center;
  margin-bottom: 50px; }

.page-404_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; }

.page-404_button {
  background-color: #fff;
  color: #0165ad;
  border: none; }

@media screen and (min-width: 1921px) {
  .page-404_title {
    max-width: 40.625vw;
    margin-bottom: 2.60417vw; } }

.block-quiz {
  width: 100%;
  height: 100%;
  padding: 245px 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }
  @media screen and (max-width: 1280px) {
    .block-quiz {
      padding: 200px 100px; } }
  @media screen and (max-width: 1024px) {
    .block-quiz {
      padding: 150px 50px; } }
  @media screen and (max-width: 767px) {
    .block-quiz {
      padding: 150px 30px; } }

.block-quiz_img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: -1; }
  .block-quiz_img.fixed {
    position: fixed; }

.block-quiz_wrapper {
  text-align: center;
  transition: 1s visibility, 1s transform; }
  .block-quiz_wrapper.close {
    visibility: hidden;
    transform: translateX(150%); }
  .block-quiz_wrapper.show .animation-title span {
    transform: unset; }
  .block-quiz_wrapper.show .animation-p > div {
    transform: unset;
    opacity: 1; }
  .block-quiz_wrapper.show .animation-button a {
    transform: unset;
    opacity: 1; }

.block-quiz_h2 {
  max-width: 1028px;
  width: 100%;
  margin: 0 auto 24px;
  color: #fff; }

.block-quiz_p {
  max-width: 770px;
  width: 100%;
  margin: 0 auto 40px; }
  .block-quiz_p p {
    color: #fff; }

.block-quiz_link {
  margin: 0 auto; }

.modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s visibility, 0.5s opacity; }
  .modal.open {
    visibility: visible;
    opacity: 1; }
  @media screen and (max-width: 900px) {
    .modal {
      padding: 0 30px; } }
  @media screen and (max-width: 768px) {
    .modal {
      padding: 0 15px; } }

.modal-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2); }

.modal_content {
  position: relative;
  top: 150px;
  height: fit-content;
  width: 816px;
  background-color: #fff;
  transform: translateX(-100%);
  transition: 1s transform; }
  @media screen and (max-width: 1450px) {
    .modal_content {
      top: 70px; } }
  @media screen and (max-width: 860px) {
    .modal_content {
      max-width: 816px;
      width: 100%; } }
  .modal_content.open {
    transform: none; }
  .modal_content form {
    padding: 40px 70px 50px; }
    .modal_content form .step-6 .wpcf7-not-valid-tip {
      text-transform: uppercase;
      margin: 0; }
    .modal_content form .wpcf7-not-valid-tip {
      margin-top: 6px; }
    .modal_content form .wpcf7-response-output {
      margin: 0 !important;
      padding: 0 !important;
      border: unset !important;
      text-align: center; }
    @media screen and (max-width: 768px) {
      .modal_content form {
        padding: 28px 40px; } }
    @media screen and (max-width: 560px) {
      .modal_content form {
        padding: 24px 20px 14px; } }
  .modal_content .cf7mls-btns {
    margin-top: 40px; }
    @media screen and (max-width: 600px) {
      .modal_content .cf7mls-btns .cf7mls_back.action-button {
        margin: 10px 0;
        width: fit-content; }
      .modal_content .cf7mls-btns .cf7mls_next.action-button {
        margin: 10px 0;
        width: fit-content; } }
    @media screen and (max-width: 560px) {
      .modal_content .cf7mls-btns {
        margin-top: 30px; } }
  .modal_content .wpcf7-form-control.wpcf7-radio {
    display: flex;
    flex-direction: column; }
  .modal_content h3 {
    margin-bottom: 30px; }
    @media screen and (max-width: 560px) {
      .modal_content h3 {
        margin-bottom: 20px; } }
  .modal_content .wpcf7-form-control-wrap .wpcf7-list-item {
    margin-bottom: 10px;
    margin-left: 0; }
    .modal_content .wpcf7-form-control-wrap .wpcf7-list-item:last-of-type {
      margin-bottom: 0; }
    @media screen and (max-width: 560px) {
      .modal_content .wpcf7-form-control-wrap .wpcf7-list-item {
        margin-bottom: 4px; } }
  .modal_content .step-6 {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .modal_content .step-6 label {
      display: flex;
      flex-direction: column;
      text-transform: uppercase;
      margin-bottom: 16px; }
      .modal_content .step-6 label:last-of-type {
        margin-bottom: 0; }
      .modal_content .step-6 label input {
        margin-top: 8px;
        max-width: 350px;
        width: 100%;
        padding: 14px 16px;
        border: 1px solid #e0e0e0; }
      @media screen and (max-width: 460px) {
        .modal_content .step-6 label {
          margin-bottom: 8px; } }
    .modal_content .step-6 .wpcf7-list-item.first.last label {
      text-transform: none;
      display: flex;
      flex-direction: row;
      align-items: center; }
      .modal_content .step-6 .wpcf7-list-item.first.last label input {
        width: fit-content;
        margin-top: 0;
        margin-right: 10px; }
    .modal_content .step-6 .wpcf7-form-control-wrap.checkbox-127 {
      margin-bottom: 40px; }
    .modal_content .step-6 .subscription {
      margin: 30px 0 16px; }
      @media screen and (max-width: 460px) {
        .modal_content .step-6 .subscription {
          margin: 16px 0 12px; } }

.fieldset-cf7mls .wpcf7-spinner {
  display: none; }

@media screen and (max-width: 600px) {
  .fieldset-cf7mls .cf7mls_back.action-button {
    width: fit-content !important; } }

@media screen and (max-width: 600px) {
  .fieldset-cf7mls .wpcf7-form-control.wpcf7-submit {
    padding: 16px !important; } }

@media screen and (max-width: 440px) {
  .step.step-6 + p {
    display: flex;
    flex-direction: column;
    align-items: center; } }
  @media screen and (max-width: 440px) and (max-width: 440px) {
    .step.step-6 + p .cf7mls_back action-button {
      width: 100% !important;
      margin: 0; } }

.progress-bar {
  margin-top: 25px; }
  .progress-bar.end .progress-bar-numbers {
    visibility: hidden;
    opacity: 0; }
  .progress-bar.end .progress-bar-red-line {
    visibility: hidden;
    opacity: 0; }
  @media screen and (max-width: 768px) {
    .progress-bar {
      margin-top: 10px; } }

.progress-bar-numbers {
  color: #af3538;
  margin-bottom: 25px;
  text-align: center;
  visibility: visible;
  opacity: 1;
  transition: 0.3s opacity, 0.3s visibility; }
  @media screen and (max-width: 768px) {
    .progress-bar-numbers {
      margin-bottom: 10px; } }

.progress-bar_line {
  max-width: 676px;
  width: 100%;
  margin: 0 auto;
  height: 1px;
  background-color: #e0e0e0;
  visibility: visible;
  opacity: 1;
  transition: 0.3s opacity, 0.3s visibility; }

.progress-bar-red-line {
  width: 16.6%;
  height: 2px;
  background-color: #af3538; }

.swiper-x {
  position: absolute;
  right: 26px;
  top: 26px;
  z-index: 100;
  cursor: pointer;
  transition: 0.3s transform;
  will-change: transform; }
  @media (hover: hover) and (pointer: fine) {
    .swiper-x:hover {
      transform: rotate(-90deg); } }

@media screen and (min-width: 1921px) {
  .block-quiz {
    padding: 12.76042vw 0; }
  .block-quiz_h2 {
    max-width: 53.54167vw;
    margin: 0 auto 1.25vw; }
  .block-quiz_p {
    max-width: 40.10417vw;
    margin: 0 auto 2.08333vw; }
  .modal_content {
    top: 7.8125vw;
    width: 42.5vw; }
    .modal_content form {
      padding: 2.08333vw 3.64583vw 2.60417vw; }
      .modal_content form .wpcf7-not-valid-tip {
        margin-top: 0.3125vw; }
    .modal_content .cf7mls-btns {
      margin-top: 2.08333vw; }
    .modal_content h3 {
      margin-bottom: 1.5625vw; }
    .modal_content .wpcf7-form-control-wrap .wpcf7-list-item {
      margin-bottom: 0.52083vw; }
    .modal_content .step-6 label {
      margin-bottom: 0.83333vw; }
      .modal_content .step-6 label input {
        margin-top: 0.41667vw;
        max-width: 18.22917vw;
        padding: 0.72917vw 0.83333vw;
        border: 0.05208vw solid #e0e0e0; }
    .modal_content .step-6 .wpcf7-list-item.first.last label input {
      margin-right: 0.52083vw; }
    .modal_content .step-6 .wpcf7-form-control-wrap.checkbox-127 {
      margin-bottom: 2.08333vw; }
    .modal_content .step-6 .subscription {
      margin: 1.5625vw 0 0.83333vw; }
  .progress-bar {
    margin-top: 1.30208vw; }
  .progress-bar-numbers {
    margin-bottom: 1.30208vw; }
  .progress-bar_line {
    max-width: 35.20833vw;
    height: 0.05208vw; }
  .progress-bar-red-line {
    height: 0.10417vw; }
  .swiper-x {
    right: 1.35417vw;
    top: 1.35417vw; } }