/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  font-family: Arial, sans-serif;
  -webkit-appearance: none; }

html {
  height: 100%;
  font-size: 16px; }
  @media (max-width: 1920px) {
    html {
      font-size: -webkit-calc(100vw / 120);
      font-size: calc(100vw / 120); } }
  @media (max-width: 992px) {
    html {
      font-size: -webkit-calc(100vw / 20);
      font-size: calc(100vw / 20);
      overflow-x: hidden; } }

body {
  overflow-x: hidden;
  margin: 0 auto; }

body.no-scroll {
  overflow: hidden; }

h1, h2, h3, h4, h5 {
  margin: 0; }

ul {
  padding: 0;
  margin: 0; }

li {
  list-style: none; }

p {
  margin: 0; }

.btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  outline: none;
  border: none;
  min-width: 16.4375rem;
  height: 4.75rem;
  background-color: #945EB7;
  background: -webkit-linear-gradient(260.37deg, #945EB7 3.43%, #9C84DE 100%);
  background: -o-linear-gradient(260.37deg, #945EB7 3.43%, #9C84DE 100%);
  background: linear-gradient(189.63deg, #945EB7 3.43%, #9C84DE 100%);
  -webkit-border-radius: 2.8125rem;
          border-radius: 2.8125rem;
  padding: 0.625rem 1.5625rem;
  font-family: ProximaNovaExCn-Bold, Arial, sans-serif;
  font-size: 2.3125rem;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer; }
  .btn:hover {
    background-color: #9C84DE;
    background: -webkit-linear-gradient(260.37deg, #79469b 3.43%, #7a5ad3 100%);
    background: -o-linear-gradient(260.37deg, #79469b 3.43%, #7a5ad3 100%);
    background: linear-gradient(189.63deg, #79469b 3.43%, #7a5ad3 100%); }

.test-control-block {
  width: 47.6875rem;
  height: 21.25rem;
  background: url("../img/control-block-bg.png?v=6e61b09d") no-repeat 50% 50%/contain;
  position: absolute;
  bottom: 4.6875rem;
  left: 45.5%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
  padding: 8.125rem 0 0 5rem; }
  .test-control-block .btn-wrapper-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    pointer-events: auto; }
    .test-control-block .btn-wrapper-control .btn {
      margin: 0 0.3125rem; }
      .test-control-block .btn-wrapper-control .btn.btn-green {
        background-color: #5BC300;
        background: -webkit-linear-gradient(260.37deg, #5BC300 3.43%, #6CDF07 100%);
        background: -o-linear-gradient(260.37deg, #5BC300 3.43%, #6CDF07 100%);
        background: linear-gradient(189.63deg, #5BC300 3.43%, #6CDF07 100%); }
        .test-control-block .btn-wrapper-control .btn.btn-green:hover {
          background-color: #438f00;
          background: -webkit-linear-gradient(260.37deg, #438f00 3.43%, #54ad05 100%);
          background: -o-linear-gradient(260.37deg, #438f00 3.43%, #54ad05 100%);
          background: linear-gradient(189.63deg, #438f00 3.43%, #54ad05 100%); }

.step-test-hidden {
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden; }

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url("../fonts/ProximaNova-Regular.woff?v=2d2ae255") format("woff"); }

@font-face {
  font-family: 'ProximaNova-Bold';
  src: url("../fonts/ProximaNova-Bold.woff?v=e2cf3dc2") format("woff"); }

@font-face {
  font-family: 'ProximaNovaCond-Regular';
  src: url("../fonts/ProximaNovaCond-Regular.woff?v=90f4f06e") format("woff"); }

@font-face {
  font-family: 'ProximaNovaExCn-Light';
  src: url("../fonts/ProximaNovaExCn-Light.woff?v=e728f01e") format("woff"); }

@font-face {
  font-family: 'ProximaNova-LightIt';
  src: url("../fonts/ProximaNova-LightIt.woff?v=0efcf5f6") format("woff"); }

@font-face {
  font-family: 'ProximaNovaExCn-Regular';
  src: url("../fonts/ProximaNovaExCn-Regular.woff?v=c284d8be") format("woff"); }

@font-face {
  font-family: 'ProximaNovaExCn-Bold';
  src: url("../fonts/ProximaNovaExCn-Bold.woff?v=966eb9cb") format("woff"); }

@font-face {
  font-family: 'ProximaNovaExCn-Black';
  src: url("../fonts/ProximaNovaExCn-Black.woff?v=53fca16a") format("woff"); }

@font-face {
  font-family: 'ProximaNovaExCn-BlackIt';
  src: url("../fonts/ProximaNovaExCn-BlackIt.woff?v=6e11383e") format("woff"); }

@font-face {
  font-family: 'ProximaNova-Black';
  src: url("../fonts/ProximaNova-Black.woff?v=b978d1b4") format("woff"); }

@font-face {
  font-family: 'ProximaNovaExCn-ExtrabldIt';
  src: url("../fonts/ProximaNovaExCn-ExtrabldIt.woff?v=e0414919") format("woff"); }

@font-face {
  font-family: 'ProximaNova-Bold';
  src: url("../fonts/ProximaNova-Bold.woff?v=e2cf3dc2") format("woff"); }

@font-face {
  font-family: 'ProximaNova-ProximaNova-RegularIt';
  src: url("../fonts/ProximaNova-RegularIt.woff?v=c88bf689") format("woff"); }

.page-test .test-container {
  max-width: 1920px;
  height: 104.6875rem;
  margin: 0 auto;
  background: url("../img/test-bg-1920.jpg?v=9b083795") no-repeat 50% 50%/cover; }
  @media (max-width: 16000px) {
    .page-test .test-container {
      background-image: url("../img/test-bg-1600.jpg?v=e2996b03"); } }
  @media (max-width: 1200px) {
    .page-test .test-container {
      background-image: url("../img/test-bg-1200.jpg?v=ec19b478"); } }
  .page-test .test-container .test-title {
    padding-top: 13.4375rem;
    font-family: ProximaNovaExCn-Black, Arial, sans-serif;
    font-size: 5.1875rem;
    line-height: 4.8125rem;
    -webkit-transform: rotate(-2.52deg);
        -ms-transform: rotate(-2.52deg);
            transform: rotate(-2.52deg);
    text-transform: uppercase;
    color: #5BC300;
    text-align: center;
    position: relative;
    letter-spacing: 0.25rem;
    text-shadow: 0.125rem 0 0 #fff, -0.125rem 0 0 #fff, 0 0.125rem 0 #fff, 0 -0.125rem 0 #fff, 0.0625rem 0.0625rem #fff, -0.0625rem -0.0625rem 0 #fff, 0.0625rem -0.0625rem 0 #fff, -0.0625rem 0.0625rem 0 #fff, 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25); }
    .page-test .test-container .test-title b {
      font-family: ProximaNovaExCn-Black, Arial, sans-serif;
      color: #8F5FFE; }
  .page-test .test-container .step-wrapper {
    height: 61.5625rem;
    position: relative; }
    .page-test .test-container .step-wrapper .step-start .text-block {
      width: 46.875rem;
      margin: 0 auto;
      padding: 1.875rem 0 3.125rem;
      font-family: ProximaNova-Regular, Arial, sans-serif;
      font-size: 1.5rem;
      line-height: 1.8125rem;
      text-align: center; }
    .page-test .test-container .step-wrapper .step-start .info-wrapper {
      position: relative;
      max-width: 66.875rem;
      height: 23.125rem;
      margin: 0 auto; }
      .page-test .test-container .step-wrapper .step-start .info-wrapper .info-card {
        position: absolute;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
                background-size: contain;
        pointer-events: none; }
        .page-test .test-container .step-wrapper .step-start .info-wrapper .info-card.info-card-1 {
          top: -0.625rem;
          left: 0;
          width: 29.5rem;
          height: 27.125rem;
          background-image: url("../img/step-0-info-block-bg-1.png?v=ae531627"); }
          .page-test .test-container .step-wrapper .step-start .info-wrapper .info-card.info-card-1 .info-title {
            padding-top: 7.5rem;
            color: #8F5FFE; }
        .page-test .test-container .step-wrapper .step-start .info-wrapper .info-card.info-card-2 {
          top: -5.625rem;
          left: 50%;
          width: 29.5625rem;
          height: 30.6875rem;
          background-image: url("../img/step-0-info-block-bg-2.png?v=0492e3f9");
          z-index: 2;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
          .page-test .test-container .step-wrapper .step-start .info-wrapper .info-card.info-card-2 .info-title {
            padding-top: 6.875rem;
            color: #DC1932; }
        .page-test .test-container .step-wrapper .step-start .info-wrapper .info-card.info-card-3 {
          top: -3.125rem;
          right: -0.625rem;
          width: 29.5625rem;
          height: 28.875rem;
          background-image: url("../img/step-0-info-block-bg-3.png?v=fb648d28"); }
          .page-test .test-container .step-wrapper .step-start .info-wrapper .info-card.info-card-3 .info-title {
            padding-top: 6.875rem;
            color: #FEC401; }
        .page-test .test-container .step-wrapper .step-start .info-wrapper .info-card .info-title {
          text-align: center;
          font-family: ProximaNovaExCn-ExtrabldIt, Arial, sans-serif;
          font-size: 3.125rem;
          line-height: 3.8125rem;
          -webkit-transform: rotate(-2.89deg);
              -ms-transform: rotate(-2.89deg);
                  transform: rotate(-2.89deg);
          text-shadow: 0.125rem 0 0 #fff, -0.125rem 0 0 #fff, 0 0.125rem 0 #fff, 0 -0.125rem 0 #fff, 0.0625rem 0.0625rem #fff, -0.0625rem -0.0625rem 0 #fff, 0.0625rem -0.0625rem 0 #fff, -0.0625rem 0.0625rem 0 #fff, 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
          color: #8F5FFE;
          margin-bottom: 0.625rem; }
        .page-test .test-container .step-wrapper .step-start .info-wrapper .info-card .info-text {
          max-width: 17.5rem;
          margin: 0 auto;
          font-family: ProximaNova-Regular, Arial, sans-serif;
          font-size: 1.5rem;
          line-height: 1.8125rem;
          color: #595959;
          text-align: center; }
          .page-test .test-container .step-wrapper .step-start .info-wrapper .info-card .info-text b {
            font-family: ProximaNova-Bold, Arial, sans-serif; }
    .page-test .test-container .step-wrapper .step-start .btn-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .page-test .test-container .step-wrapper .step-sex {
      padding-top: 12.5rem; }
      .page-test .test-container .step-wrapper .step-sex .question {
        font-family: ProximaNova-Bold, Arial, sans-serif;
        font-size: 1.875rem;
        line-height: 2.3125rem;
        color: #595959;
        text-align: center;
        margin-bottom: 3.75rem; }
      .page-test .test-container .step-wrapper .step-sex .btn-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .page-test .test-container .step-wrapper .step-sex .btn-wrapper .btn {
          text-transform: none;
          padding: 0.625rem 3.125rem;
          margin: 0 0.875rem; }
    .page-test .test-container .step-wrapper .step-person.step-man-0 {
      padding-top: 8.75rem; }
    .page-test .test-container .step-wrapper .step-person.step-man-1 {
      padding-top: 9.375rem; }
    .page-test .test-container .step-wrapper .step-person.step-man-2 {
      padding-top: 8.75rem; }
    .page-test .test-container .step-wrapper .step-person.step-man-3 {
      padding-top: 8.125rem; }
    .page-test .test-container .step-wrapper .step-person.step-woman-0 {
      padding-top: 6.25rem; }
    .page-test .test-container .step-wrapper .step-person.step-woman-1 {
      padding-top: 8.125rem; }
    .page-test .test-container .step-wrapper .step-person.step-woman-2 {
      padding-top: 5rem; }
      .page-test .test-container .step-wrapper .step-person.step-woman-2 .question {
        margin-bottom: 0; }
    .page-test .test-container .step-wrapper .step-person.step-woman-3 {
      padding-top: 8.75rem; }
    .page-test .test-container .step-wrapper .step-person .question {
      font-family: ProximaNova-Regular, Arial, sans-serif, Arial, sans-serif;
      font-size: 1.375rem;
      line-height: 2.1875rem;
      color: #595959;
      text-align: center;
      margin-bottom: 2.5rem; }
      .page-test .test-container .step-wrapper .step-person .question b {
        font-family: ProximaNova-Bold, Arial, sans-serif, Arial, sans-serif; }
    .page-test .test-container .step-wrapper .step-person .answer-list {
      list-style: none;
      width: 54.125rem;
      margin: 0 auto; }
      .page-test .test-container .step-wrapper .step-person .answer-list .answer-item {
        position: relative;
        padding: 1.25rem 2.5rem 1.25rem 5.625rem;
        cursor: pointer;
        font-family: ProximaNova-Regular, Arial, sans-serif;
        font-size: 1.375rem;
        line-height: 1.6875rem; }
        .page-test .test-container .step-wrapper .step-person .answer-list .answer-item:before {
          position: absolute;
          content: "";
          top: 1rem;
          left: 2.0625rem;
          width: 1.875rem;
          height: 1.875rem;
          border: 1px solid #B1DAFF;
          background: transparent;
          -webkit-border-radius: 55%;
                  border-radius: 55%; }
        .page-test .test-container .step-wrapper .step-person .answer-list .answer-item.select:before {
          background: #B1DAFF; }
        .page-test .test-container .step-wrapper .step-person .answer-list .answer-item:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: #C4C4C4;
          pointer-events: none;
          opacity: 0;
          -webkit-transition: .2s;
          -o-transition: .2s;
          transition: .2s; }
        .page-test .test-container .step-wrapper .step-person .answer-list .answer-item:hover:not(.select):after {
          opacity: 0.5; }
  .page-test .test-container .rule {
    width: 35.625rem;
    margin: 0 auto; }
    .page-test .test-container .rule .rule-title {
      font-family: ProximaNova-LightIt, Arial, sans-serif;
      font-size: 2.5rem;
      line-height: 3.0625rem;
      margin-bottom: 0.75rem;
      color: #595959;
      font-style: italic; }
    .page-test .test-container .rule .rule-list {
      list-style: none;
      margin-bottom: 0.75rem; }
      .page-test .test-container .rule .rule-list .rule-item {
        font-family: ProximaNova-Regular, Arial, sans-serif;
        font-size: 1.25rem;
        line-height: 1.6875rem;
        color: #595959; }
        .page-test .test-container .rule .rule-list .rule-item b {
          font-family: ProximaNova-Bold, Arial, sans-serif; }
    .page-test .test-container .rule .rule-link {
      position: relative;
      display: inline-block;
      font-family: ProximaNova-Regular, Arial, sans-serif;
      font-size: 1.25rem;
      line-height: 1.75rem;
      color: #595959;
      text-decoration: none; }
      .page-test .test-container .rule .rule-link:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 2px;
        width: 100%;
        height: 1px;
        background: #595959; }

.page-test .result-container {
  display: none;
  max-width: 1920px;
  height: 104.6875rem;
  margin: 0 auto; }