.pulse {
  animation: pulse-animation 2s infinite;
}

.stars {
  opacity: 0;
  transition: ease opacity 0s;
  z-index: 10000;
  position: absolute;
  top: -8svh;
  left: -8svh;
  bottom: -8svh;
  right: -8svh;
  animation: star-parent 2s 1;
}
.stars > div {
  height: 0;
  width: 0;
  animation: bounceIn;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  position: absolute;
  background-image: url("/templates/web/img/star.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.stars > div:nth-child(1) {
  top: 0;
  left: 50%;
}
.stars > div:nth-child(2) {
  top: 5%;
  left: 70%;
}
.stars > div:nth-child(3) {
  top: 10%;
  left: 85%;
}
.stars > div:nth-child(4) {
  top: 32%;
  left: 95%;
}
.stars > div:nth-child(7) {
  top: 46%;
  left: 99%;
}
.stars > div:nth-child(5) {
  top: 61%;
  left: 94%;
}
.stars > div:nth-child(6) {
  top: 72%;
  left: 90%;
}
.stars > div:nth-child(8) {
  top: 90%;
  left: 90%;
}
.stars > div:nth-child(9) {
  top: 95%;
  left: 70%;
}
.stars > div:nth-child(10) {
  top: 98%;
  left: 50%;
}
.stars > div:nth-child(11) {
  top: 5%;
  left: 26%;
}
.stars > div:nth-child(12) {
  top: 6%;
  left: 11%;
}
.stars > div:nth-child(13) {
  top: 33%;
  left: 0;
}
.stars > div:nth-child(14) {
  top: 52%;
  left: -7%;
}
.stars > div:nth-child(15) {
  top: 73%;
  left: 4%;
}
.stars > div:nth-child(16) {
  top: 19%;
  left: 8%;
}
.stars > div:nth-child(17) {
  top: 92%;
  left: 13%;
}
.stars > div:nth-child(18) {
  top: 95%;
  left: 23%;
}
.stars.show {
  opacity: 1;
}
.stars.show > div {
  height: 6svh;
  width: 6svh;
}
.stars.show > div:nth-child(1), .stars.show > div:nth-child(4), .stars.show > div:nth-child(6), .stars.show > div:nth-child(8), .stars.show > div:nth-child(12), .stars.show > div:nth-child(15), .stars.show > div:nth-child(17) {
  height: 3svh;
  width: 3svh;
}
.stars.show > div:nth-child(2), .stars.show > div:nth-child(5), .stars.show > div:nth-child(10), .stars.show > div:nth-child(14), .stars.show > div:nth-child(16), .stars.show > div:nth-child(18) {
  height: 5svh;
  width: 5svh;
}

.error {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  border-radius: 100%;
  border: solid 5px #ff5a00;
  opacity: 0;
}

.error.one {
  animation: 1s linear 0s 0 error;
  animation-iteration-count: 1;
}

.error.two {
  animation: 1s linear 0.2s 0 error;
  animation-iteration-count: 1;
}

.error.three {
  animation: 1s linear 0.4s 0 error;
  animation-iteration-count: 1;
}

.error.four {
  animation: 1s linear 0.6s 0 error;
  animation-iteration-count: 1;
}

.error.five {
  animation: 1s linear 0.8s 0 error;
  animation-iteration-count: 1;
}

@keyframes error {
  0% {
    opacity: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  100% {
    opacity: 0;
    top: -25%;
    left: -25%;
    width: 150%;
    height: 150%;
  }
}
@keyframes wrong {
  0% {
    padding-left: 0px;
  }
  30% {
    padding-left: 10px;
  }
  0% {
    padding-left: -10px;
  }
  100% {
    width: 0px;
  }
}
@keyframes subscriptionAnimMonthly {
  0% {
    width: 0;
  }
  100% {
    width: 60%;
  }
}
@keyframes buyingAnimMonthly {
  0% {
    width: 0;
  }
  100% {
    width: 65%;
  }
}
@keyframes leasingAnimMonthly {
  0% {
    width: 0;
  }
  100% {
    width: 74%;
  }
}
@keyframes checkMark {
  0% {
    opacity: 1;
    width: 55px;
    height: 55px;
  }
  50% {
    opacity: 1;
    width: 50px;
    height: 50px;
  }
  100% {
    opacity: 1;
    width: 55px;
    height: 55px;
  }
}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(250, 180, 45, 0.5);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(250, 180, 45, 0);
  }
}
@keyframes star-parent {
  0% {
    top: -6svh;
    left: -5svh;
    bottom: -5svh;
    right: -5svh;
  }
  100% {
    top: -11svh;
    left: -10svh;
    bottom: -8svh;
    right: -10svh;
  }
}
@font-face {
  font-family: "Montserrat Light";
  src: url("/templates/web/fonts/Montserrat-Light.woff2") format("woff2"), url("/templates/web/fonts/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Medium";
  src: url("/templates/web/fonts/Montserrat-Medium.woff2") format("woff2"), url("/templates/web/fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Bold";
  src: url("/templates/web/fonts/Montserrat-Bold.woff2") format("woff2"), url("/templates/web/fonts/Montserrat-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}

a,
button {
  color: #000000;
}

main,
section,
article,
footer,
aside,
nav {
  display: block;
}

body {
  background-color: #000000;
  margin: 0px;
  padding: 0px;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

h1 {
  font-family: "Montserrat Bold";
  font-weight: bold;
  font-size: 8.0335731415vh;
  color: #1e1932;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
  letter-spacing: -0.1199040767vh;
}
h1.titleYellow {
  color: #fab42d;
}

h2 {
  font-family: "Montserrat Bold";
  font-weight: bold;
  font-size: 6.7146282974vh;
  color: #1e1932;
  margin: 0px;
  padding: 0px;
  letter-spacing: -0.1199040767vh;
}

b {
  font-family: "Montserrat Medium";
  font-weight: 500;
  font-size: 3.5971223022vh;
  color: #1e1932;
  margin: 0px;
  padding: 0px;
  letter-spacing: -0.1199040767vh;
}

p {
  font-family: "Montserrat Light";
  font-weight: 300;
  font-size: 2.5179856115vh;
  color: #1e1932;
  margin: 0px;
  padding: 0px;
  line-height: 3.5971223022vh;
  letter-spacing: -0.1199040767vh;
  line-height: 130%;
}
p.textBig {
  font-size: 3.5971223022vh;
  letter-spacing: -0.1438848921vh;
}

a {
  font-family: "Montserrat Light";
  font-weight: 300;
  font-size: inherit;
  color: #1e1932;
  text-decoration: underline;
  letter-spacing: inherit;
}

input[type=text],
input[name=email] {
  font-family: "Montserrat Medium";
  font-weight: 500;
  font-size: 2.1582733813vh;
  color: #1e1932;
  border: 2px solid #e4e4e4;
  border-radius: 7.1942446043vh;
  padding: 1.1990407674vh 3.3573141487vh 1.3189448441vh 3.3573141487vh;
}
input[type=text]::placeholder,
input[name=email]::placeholder {
  color: #696969;
  text-transform: uppercase;
}
input[type=text]:focus,
input[name=email]:focus {
  border: 2px solid #fab42d;
  outline: none;
}

input[type=checkbox] {
  appearance: none;
  background-color: transparent;
  width: 2.0383693046vh;
  min-width: 2.0383693046vh;
  min-height: 2.0383693046vh;
  height: 2.0383693046vh;
  border: 0.1199040767vh solid #707070;
}
input[type=checkbox]:checked {
  border: 0.1199040767vh solid #fab42d;
  background-color: #fab42d;
}

label {
  font-family: "Montserrat Light";
  font-weight: 300;
  font-size: 1.9184652278vh;
  color: #1e1932;
  letter-spacing: -0.1199040767vh;
}

button {
  font-family: "Montserrat Medium";
  font-weight: 500;
  font-size: 3.9568345324vh;
  text-transform: uppercase;
  padding: 1.9184652278vh 6.5947242206vh 1.7985611511vh 6.5947242206vh;
  background-color: #fab42d;
  border-radius: 7.1942446043vh;
  display: inline-block;
  border: none;
}
button.btnsmall {
  font-family: "Montserrat Light";
  font-weight: 300;
  font-size: 2.278177458vh;
  padding: 0.9592326139vh 2.9976019185vh 1.0791366906vh 2.9976019185vh;
  min-width: 21.5827338129vh;
}
button.btnSecond {
  border: 2px solid #fab42d;
  background-color: transparent;
}
button[type=submit] {
  font-family: "Montserrat Medium";
  font-weight: 500;
}

.smallwrapper {
  width: 107.1942446043vh;
}

.bigwrapper {
  width: calc(100% - 7.793764988vh);
}

main {
  width: 100%;
  height: 100%;
  max-width: 1194px;
  max-height: 834px;
  background-color: #ffffff;
}
main section {
  width: 100%;
  min-height: 100%;
  opacity: 0;
  transition: 0.5s ease opacity;
}
main section.show {
  opacity: 1;
  transition: 0.5s ease opacity;
}
main section.form {
  padding-top: 4.3165467626vh;
}
main section.form div.content {
  height: 46.1630695444vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
main section.form div.content .bigwrapper h1 {
  display: inline-block;
  margin-right: 1.9184652278vh;
  margin-bottom: 3.5971223022vh;
}
main section.form div.content .bigwrapper form input[type=text] {
  width: 35.9712230216vh;
  margin-right: 3.2374100719vh;
}
main section.form div.content .bigwrapper form input[name=email] {
  width: 75.5395683453vh;
  margin-top: 1.9184652278vh;
}
main section.form div.content .bigwrapper form .fields {
  margin-bottom: 4.1966426859vh;
}
main section.form div.content .bigwrapper form .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main section.form div.content .bigwrapper form .checkbox {
  width: 77.9376498801vh;
}
main section.form div.content .bigwrapper form .checkbox span {
  display: flex;
  justify-content: flex-start;
  gap: 1.9184652278vh;
  margin-bottom: 1.1990407674vh;
}
main section.form div.content .bigwrapper form button {
  margin-left: 1.1990407674vh;
}
main section.form #termsPolicy,
main section.form #dataPolicy {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow-y: scroll;
  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  scrollbar-width: auto;
  scrollbar-color: #fab42d #e4e4e4;
  /* Chrome, Edge, and Safari */
}
main section.form #termsPolicy ::-webkit-scrollbar,
main section.form #dataPolicy ::-webkit-scrollbar {
  width: 1.5587529976vh;
}
main section.form #termsPolicy ::-webkit-scrollbar-track,
main section.form #dataPolicy ::-webkit-scrollbar-track {
  background: #e4e4e4;
}
main section.form #termsPolicy ::-webkit-scrollbar-thumb,
main section.form #dataPolicy ::-webkit-scrollbar-thumb {
  background-color: #fab42d;
  border-radius: 7px;
  border: none;
}
main section.form #termsPolicy div,
main section.form #dataPolicy div {
  padding-top: 5.3956834532vh;
  padding-bottom: 5.3956834532vh;
  padding-left: 8.1534772182vh;
  padding-right: 16.7865707434vh;
}
main section.form #termsPolicy div .close,
main section.form #dataPolicy div .close {
  position: fixed;
  top: 3.5971223022vh;
  right: 5.3956834532vh;
}
main section.form #termsPolicy div h2,
main section.form #dataPolicy div h2 {
  margin-bottom: 5.7553956835vh;
}
main section.form #termsPolicy div p,
main section.form #dataPolicy div p {
  margin-top: 2.0383693046vh;
  margin-bottom: 4.0767386091vh;
}
main section.home div.head, main section.end div.head {
  background-color: #a5a3ad;
  background-image: url("/templates/web/img/woman_header.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 58svh;
  position: relative;
  font-family: "Montserrat Light";
}
main section.home div.head .logo, main section.end div.head .logo {
  position: absolute;
  top: 5.2757793765vh;
  right: 4.7961630695vh;
}
main section.home div.head .headerText, main section.end div.head .headerText {
  font-size: 13.1894484412vh;
  line-height: 13.1894484412vh;
  color: #1e1932;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3% 5%;
  max-width: 55svw;
}
main section.home div.content, main section.end div.content {
  height: 100%;
  display: flex;
  justify-content: center;
  height: 40.0479616307vh;
}
main section.home div.content .smallwrapper, main section.end div.content .smallwrapper {
  width: 970px;
  font-weight: bold;
}
main section.home div.content .smallwrapper .textBig, main section.end div.content .smallwrapper .textBig {
  text-align: center;
  font-family: "Montserrat Bold";
  font-size: 3.2374100719vh;
  font-weight: bold;
  margin-bottom: 10px;
}
main section.home div.content .smallwrapper .wrapper, main section.end div.content .smallwrapper .wrapper {
  margin: 0 auto;
}
main section.home div.content .smallwrapper .wrapper button, main section.end div.content .smallwrapper .wrapper button {
  font-weight: normal;
  margin: 0 auto;
  display: block;
  width: 33%;
  font-size: 2.8776978417vh;
}
main section.home div.content .smallwrapper .smallText, main section.end div.content .smallwrapper .smallText {
  text-align: center;
  font-family: "Montserrat Light";
  color: #1e1932;
  position: absolute;
  font-size: 1.6786570743vh;
  bottom: 20px;
  left: 0;
  right: 0;
}
main section.home .checkbox-container-parent, main section.end .checkbox-container-parent {
  display: flex;
  justify-content: space-evenly;
}
main section.home .checkbox-container-parent div, main section.end .checkbox-container-parent div {
  margin: 40px 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 25%;
}
main section.home .checkbox-container-parent div img, main section.end .checkbox-container-parent div img {
  height: 46px;
  width: 46px;
  margin: 0 auto;
}
main section.home .checkbox-container-parent div p, main section.end .checkbox-container-parent div p {
  white-space: nowrap;
  font-family: "Montserrat Bold";
  font-weight: bold;
}
main section.home .circle_info, main section.end .circle_info {
  position: fixed;
  bottom: 31.175059952vh;
  left: -1.1990407674vh;
  width: 23.9808153477vh;
  height: 23.9808153477vh;
  font-size: 2.3980815348vh;
  text-align: center;
  object-fit: contain;
  transform: rotate(-12deg);
  transition: 0.5s ease all;
  color: #fab42d;
  background-image: url("/templates/web/img/dark_circle.png");
  background-size: contain;
  font-family: "Montserrat Bold";
  display: flex;
  justify-content: center;
  flex-direction: column;
}
main section.home .circle_info.show, main section.end .circle_info.show {
  opacity: 1;
}
main section.quiz.quiz .light-text, main section.results.quiz .light-text, main section.comparison.quiz .light-text, main section.end.quiz .light-text {
  margin: 20svh auto 6svh auto;
  text-align: center;
}
main section.quiz .light-text, main section.results .light-text, main section.comparison .light-text, main section.end .light-text {
  font-family: "Montserrat Light";
  font-size: 2.3980815348vh;
  width: 95svw;
  margin: 10px auto;
  opacity: 0;
  transition: opacity 0.5s ease;
}
main section.quiz .light-text.show, main section.results .light-text.show, main section.comparison .light-text.show, main section.end .light-text.show {
  opacity: 1;
}
main section.quiz .question-counter, main section.results .question-counter, main section.comparison .question-counter, main section.end .question-counter {
  font-size: 4.1966426859vh;
  font-family: "Montserrat Light";
  position: fixed;
  bottom: 5%;
  right: 5svh;
}
main section.quiz .question-counter p, main section.results .question-counter p, main section.comparison .question-counter p, main section.end .question-counter p {
  font-family: "Montserrat Bold";
  font-weight: bold;
  font-size: 4.1966426859vh;
  display: inline-block;
}
main section.quiz.quiz, main section.results.quiz, main section.comparison.quiz, main section.end.quiz {
  position: fixed;
}
main section.quiz.quiz .content, main section.results.quiz .content, main section.comparison.quiz .content, main section.end.quiz .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  touch-action: none;
}
main section.quiz .head,
main section.quiz .head p, main section.results .head,
main section.results .head p, main section.comparison .head,
main section.comparison .head p, main section.end .head,
main section.end .head p {
  text-transform: uppercase;
  height: 100px;
  color: white;
  background-color: #1e1932;
  font-family: "Montserrat Bold";
  font-size: 5.3956834532vh;
  height: 120px;
  line-height: 120px;
  text-align: left;
  padding-left: 2.5svw;
}
main section.quiz .head p,
main section.quiz .head p p, main section.results .head p,
main section.results .head p p, main section.comparison .head p,
main section.comparison .head p p, main section.end .head p,
main section.end .head p p {
  display: inline;
  padding: 0;
  background-color: unset;
  color: #fab42d;
}
main section.quiz svg, main section.results svg, main section.comparison svg, main section.end svg {
  overflow: visible;
  height: 250px;
  width: 250px;
  background-color: #efefef;
  border-radius: 100%;
  position: absolute;
  bottom: 28svh;
  opacity: 1;
  transition: opacity ease 0.3s;
}
main section.quiz svg foreignObject, main section.results svg foreignObject, main section.comparison svg foreignObject, main section.end svg foreignObject {
  overflow: visible;
}
main section.quiz svg.yes-container, main section.results svg.yes-container, main section.comparison svg.yes-container, main section.end svg.yes-container {
  right: 5svh;
}
main section.quiz svg.yes-container circle, main section.results svg.yes-container circle, main section.comparison svg.yes-container circle, main section.end svg.yes-container circle {
  stroke: #7fb955;
}
main section.quiz svg.yes-container .answer, main section.results svg.yes-container .answer, main section.comparison svg.yes-container .answer, main section.end svg.yes-container .answer {
  background-image: url(/templates/web/img/YES.png);
}
main section.quiz svg.no-container, main section.results svg.no-container, main section.comparison svg.no-container, main section.end svg.no-container {
  left: 5svh;
}
main section.quiz svg.no-container circle, main section.results svg.no-container circle, main section.comparison svg.no-container circle, main section.end svg.no-container circle {
  stroke: #ff5a00;
}
main section.quiz svg.no-container .answer, main section.results svg.no-container .answer, main section.comparison svg.no-container .answer, main section.end svg.no-container .answer {
  background-image: url(/templates/web/img/NO.png);
}
main section.quiz svg.can--catch, main section.results svg.can--catch, main section.comparison svg.can--catch, main section.end svg.can--catch {
  background-color: #e7e7e7;
  height: 260px;
  width: 260px;
  transition: height 0.1s ease, width 0.1s ease;
}
main section.quiz svg .answer, main section.results svg .answer, main section.comparison svg .answer, main section.end svg .answer {
  background-size: 35%;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
main section.quiz svg .text, main section.results svg .text, main section.comparison svg .text, main section.end svg .text {
  position: absolute;
  bottom: 10%;
  font-size: 4.1966426859vh;
  left: 0;
  right: 0;
  text-align: center;
  font-family: "Montserrat Light";
}
main section.quiz svg.hide:not(.caught--it), main section.results svg.hide:not(.caught--it), main section.comparison svg.hide:not(.caught--it), main section.end svg.hide:not(.caught--it) {
  opacity: 0;
}
main section.quiz svg .dotted, main section.results svg .dotted, main section.comparison svg .dotted, main section.end svg .dotted {
  stroke-dasharray: 0.1, 20;
  stroke-linecap: round;
}
main section.quiz svg circle, main section.results svg circle, main section.comparison svg circle, main section.end svg circle {
  fill: transparent;
  stroke-width: 10;
}
main section.quiz .question,
main section.quiz .question-container, main section.results .question,
main section.results .question-container, main section.comparison .question,
main section.comparison .question-container, main section.end .question,
main section.end .question-container {
  width: 50svh;
  height: 50svh;
  border-radius: 100%;
  display: block;
  margin: 0 auto;
}
main section.quiz .question .click-handler,
main section.quiz .question-container .click-handler, main section.results .question .click-handler,
main section.results .question-container .click-handler, main section.comparison .question .click-handler,
main section.comparison .question-container .click-handler, main section.end .question .click-handler,
main section.end .question-container .click-handler {
  position: absolute;
  width: 200px;
  height: 100%;
  right: -100px;
  z-index: 100;
  top: 0;
}
main section.quiz .question .no.click-handler,
main section.quiz .question-container .no.click-handler, main section.results .question .no.click-handler,
main section.results .question-container .no.click-handler, main section.comparison .question .no.click-handler,
main section.comparison .question-container .no.click-handler, main section.end .question .no.click-handler,
main section.end .question-container .no.click-handler {
  right: unset;
  left: -100px;
}
main section.quiz .question.dropped:before, main section.quiz .question.dropped:after,
main section.quiz .question-container.dropped:before,
main section.quiz .question-container.dropped:after, main section.results .question.dropped:before, main section.results .question.dropped:after,
main section.results .question-container.dropped:before,
main section.results .question-container.dropped:after, main section.comparison .question.dropped:before, main section.comparison .question.dropped:after,
main section.comparison .question-container.dropped:before,
main section.comparison .question-container.dropped:after, main section.end .question.dropped:before, main section.end .question.dropped:after,
main section.end .question-container.dropped:before,
main section.end .question-container.dropped:after {
  content: none;
}
main section.quiz .question.can-drop,
main section.quiz .question-container.can-drop, main section.results .question.can-drop,
main section.results .question-container.can-drop, main section.comparison .question.can-drop,
main section.comparison .question-container.can-drop, main section.end .question.can-drop,
main section.end .question-container.can-drop {
  position: unset;
  -ms-transform: unset;
  transform: unset;
  top: unset;
  left: unset;
}
main section.quiz .question.question,
main section.quiz .question-container.question, main section.results .question.question,
main section.results .question-container.question, main section.comparison .question.question,
main section.comparison .question-container.question, main section.end .question.question,
main section.end .question-container.question {
  opacity: 0;
  transition: ease opacity 0.3s, ease transition 0.2s, ease width 0.5s, ease height 0.5s;
  background-color: #fff;
  position: relative;
  border: #fab42d solid 10px;
  z-index: 10;
  /*  &.getting--dragged {
    height: 250px;
    width: 250px;
    transition: height 0.5s ease, width 0.5s ease;
  }*/
}
main section.quiz .question.question.dropped,
main section.quiz .question-container.question.dropped, main section.results .question.question.dropped,
main section.results .question-container.question.dropped, main section.comparison .question.question.dropped,
main section.comparison .question-container.question.dropped, main section.end .question.question.dropped,
main section.end .question-container.question.dropped {
  margin-top: 10svh;
}
main section.quiz .question.question.interacting,
main section.quiz .question-container.question.interacting, main section.results .question.question.interacting,
main section.results .question-container.question.interacting, main section.comparison .question.question.interacting,
main section.comparison .question-container.question.interacting, main section.end .question.question.interacting,
main section.end .question-container.question.interacting {
  width: 40svh;
  height: 40svh;
}
main section.quiz .question.question.interacting .question-text,
main section.quiz .question-container.question.interacting .question-text, main section.results .question.question.interacting .question-text,
main section.results .question-container.question.interacting .question-text, main section.comparison .question.question.interacting .question-text,
main section.comparison .question-container.question.interacting .question-text, main section.end .question.question.interacting .question-text,
main section.end .question-container.question.interacting .question-text {
  color: #a5a3ad;
}
main section.quiz .question.question.show,
main section.quiz .question-container.question.show, main section.results .question.question.show,
main section.results .question-container.question.show, main section.comparison .question.question.show,
main section.comparison .question-container.question.show, main section.end .question.question.show,
main section.end .question-container.question.show {
  opacity: 1;
}
main section.quiz .question.question.reset,
main section.quiz .question-container.question.reset, main section.results .question.question.reset,
main section.results .question-container.question.reset, main section.comparison .question.question.reset,
main section.comparison .question-container.question.reset, main section.end .question.question.reset,
main section.end .question-container.question.reset {
  transition: translate(0px, 0px) !important;
}
main section.quiz .question.question.wrong,
main section.quiz .question-container.question.wrong, main section.results .question.question.wrong,
main section.results .question-container.question.wrong, main section.comparison .question.question.wrong,
main section.comparison .question-container.question.wrong, main section.end .question.question.wrong,
main section.end .question-container.question.wrong {
  animation: 1s linear 0.8s 0 wrong;
  border: none;
  background-color: #ff5a00;
}
main section.quiz .question.question.wrong img,
main section.quiz .question-container.question.wrong img, main section.results .question.question.wrong img,
main section.results .question-container.question.wrong img, main section.comparison .question.question.wrong img,
main section.comparison .question-container.question.wrong img, main section.end .question.question.wrong img,
main section.end .question-container.question.wrong img {
  filter: invert(100%) brightness(100) contrast(100);
  animation: headShake;
  animation-duration: 1s;
  animation-iteration-count: 1;
}
main section.quiz .question.question.wrong svg,
main section.quiz .question-container.question.wrong svg, main section.results .question.question.wrong svg,
main section.results .question-container.question.wrong svg, main section.comparison .question.question.wrong svg,
main section.comparison .question-container.question.wrong svg, main section.end .question.question.wrong svg,
main section.end .question-container.question.wrong svg {
  color: #fff;
}
main section.quiz .question.question.reset,
main section.quiz .question-container.question.reset, main section.results .question.question.reset,
main section.results .question-container.question.reset, main section.comparison .question.question.reset,
main section.comparison .question-container.question.reset, main section.end .question.question.reset,
main section.end .question-container.question.reset {
  transition-property: transform;
  transition-duration: 0.5s;
  transform: translate(0, 0) !important;
  transition-delay: 0ms;
}
main section.quiz .question.question.showArrows:not(.getting--dragged, .dropped):before, main section.quiz .question.question.showArrows:not(.getting--dragged, .dropped):after,
main section.quiz .question-container.question.showArrows:not(.getting--dragged, .dropped):before,
main section.quiz .question-container.question.showArrows:not(.getting--dragged, .dropped):after, main section.results .question.question.showArrows:not(.getting--dragged, .dropped):before, main section.results .question.question.showArrows:not(.getting--dragged, .dropped):after,
main section.results .question-container.question.showArrows:not(.getting--dragged, .dropped):before,
main section.results .question-container.question.showArrows:not(.getting--dragged, .dropped):after, main section.comparison .question.question.showArrows:not(.getting--dragged, .dropped):before, main section.comparison .question.question.showArrows:not(.getting--dragged, .dropped):after,
main section.comparison .question-container.question.showArrows:not(.getting--dragged, .dropped):before,
main section.comparison .question-container.question.showArrows:not(.getting--dragged, .dropped):after, main section.end .question.question.showArrows:not(.getting--dragged, .dropped):before, main section.end .question.question.showArrows:not(.getting--dragged, .dropped):after,
main section.end .question-container.question.showArrows:not(.getting--dragged, .dropped):before,
main section.end .question-container.question.showArrows:not(.getting--dragged, .dropped):after {
  content: "";
  opacity: 0;
}
main section.quiz .question.question.showArrows:not(.getting--dragged, .dropped):before, main section.quiz .question.question.showArrows:not(.getting--dragged, .dropped):after,
main section.quiz .question-container.question.showArrows:not(.getting--dragged, .dropped):before,
main section.quiz .question-container.question.showArrows:not(.getting--dragged, .dropped):after, main section.results .question.question.showArrows:not(.getting--dragged, .dropped):before, main section.results .question.question.showArrows:not(.getting--dragged, .dropped):after,
main section.results .question-container.question.showArrows:not(.getting--dragged, .dropped):before,
main section.results .question-container.question.showArrows:not(.getting--dragged, .dropped):after, main section.comparison .question.question.showArrows:not(.getting--dragged, .dropped):before, main section.comparison .question.question.showArrows:not(.getting--dragged, .dropped):after,
main section.comparison .question-container.question.showArrows:not(.getting--dragged, .dropped):before,
main section.comparison .question-container.question.showArrows:not(.getting--dragged, .dropped):after, main section.end .question.question.showArrows:not(.getting--dragged, .dropped):before, main section.end .question.question.showArrows:not(.getting--dragged, .dropped):after,
main section.end .question-container.question.showArrows:not(.getting--dragged, .dropped):before,
main section.end .question-container.question.showArrows:not(.getting--dragged, .dropped):after {
  content: "";
  transition: ease opacity 0.5s;
  opacity: 1;
  position: absolute;
  width: 5svh;
  height: 10svh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/templates/web/img/arrowLeft.png");
  top: 50%;
  left: -40px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
main section.quiz .question.question.showArrows:not(.getting--dragged, .dropped):after,
main section.quiz .question-container.question.showArrows:not(.getting--dragged, .dropped):after, main section.results .question.question.showArrows:not(.getting--dragged, .dropped):after,
main section.results .question-container.question.showArrows:not(.getting--dragged, .dropped):after, main section.comparison .question.question.showArrows:not(.getting--dragged, .dropped):after,
main section.comparison .question-container.question.showArrows:not(.getting--dragged, .dropped):after, main section.end .question.question.showArrows:not(.getting--dragged, .dropped):after,
main section.end .question-container.question.showArrows:not(.getting--dragged, .dropped):after {
  right: -80px;
  left: unset;
  background-image: url("/templates/web/img/arrowRight.png");
}
main section.quiz .question.question.getting--dragged,
main section.quiz .question-container.question.getting--dragged, main section.results .question.question.getting--dragged,
main section.results .question-container.question.getting--dragged, main section.comparison .question.question.getting--dragged,
main section.comparison .question-container.question.getting--dragged, main section.end .question.question.getting--dragged,
main section.end .question-container.question.getting--dragged {
  z-index: 10;
}
main section.quiz .question.question img,
main section.quiz .question-container.question img, main section.results .question.question img,
main section.results .question-container.question img, main section.comparison .question.question img,
main section.comparison .question-container.question img, main section.end .question.question img,
main section.end .question-container.question img {
  width: 100%;
}
main section.quiz .question.question-container,
main section.quiz .question-container.question-container, main section.results .question.question-container,
main section.results .question-container.question-container, main section.comparison .question.question-container,
main section.comparison .question-container.question-container, main section.end .question.question-container,
main section.end .question-container.question-container {
  position: absolute;
  background-color: transparent;
  border: 10px #efefef solid;
  display: none;
  margin: 0;
  top: 54%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
}
main section.quiz .question.question-container.interacting,
main section.quiz .question-container.question-container.interacting, main section.results .question.question-container.interacting,
main section.results .question-container.question-container.interacting, main section.comparison .question.question-container.interacting,
main section.comparison .question-container.question-container.interacting, main section.end .question.question-container.interacting,
main section.end .question-container.question-container.interacting {
  display: inline-block;
}
main section.quiz .question.question-container.can--catch,
main section.quiz .question-container.question-container.can--catch, main section.results .question.question-container.can--catch,
main section.results .question-container.question-container.can--catch, main section.comparison .question.question-container.can--catch,
main section.comparison .question-container.question-container.can--catch, main section.end .question.question-container.can--catch,
main section.end .question-container.question-container.can--catch {
  background-image: url("/templates/web/img/10years.svg");
}
main section.quiz .question .question-text,
main section.quiz .question-container .question-text, main section.results .question .question-text,
main section.results .question-container .question-text, main section.comparison .question .question-text,
main section.comparison .question-container .question-text, main section.end .question .question-text,
main section.end .question-container .question-text {
  position: absolute;
  text-align: center;
  left: -20svh;
  right: -20svh;
  bottom: -60px;
  font-family: "Montserrat Bold";
  font-weight: bold;
  font-size: 4.1966426859vh;
}
main section.results .container-container {
  width: 90svw;
  margin: 5svh auto;
}
main section.results .container-container .answer-container {
  display: grid;
  background-color: white;
  grid-template-columns: 50% 50%;
  padding: 20px;
  grid-template-rows: auto;
  height: auto;
  width: 100%;
  border: solid 8px;
  position: relative;
  border-radius: 40px;
  align-items: center;
}
main section.results .container-container .answer-container.wrong {
  grid-template-columns: 100%;
  margin-top: 5svh;
  width: 50%;
}
main section.results .container-container .answer-container > div {
  padding: 3px 0px;
  display: flex;
}
main section.results .container-container .answer-container > div p {
  display: inline-block;
  align-self: center;
  margin-left: 20px;
  font-size: 3.3573141487vh;
}
main section.results .container-container .answer-container::after {
  content: "";
  position: absolute;
  width: 8svh;
  height: 8svh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: -4svh;
  right: -4svh;
}
main section.results .container-container .answer-container.correct {
  border-color: #7fb955;
}
main section.results .container-container .answer-container.correct::after {
  background-image: url("/templates/web/img/YES.png");
}
main section.results .container-container .answer-container.wrong {
  border-color: #ff5a00;
}
main section.results .container-container .answer-container.wrong::after {
  background-image: url("/templates/web/img/NO.png");
}
main section.results .container-container .answer-container img {
  width: 50px;
  background-color: white;
  border: solid #fab42d;
  border-radius: 100%;
}
main section.results button {
  position: fixed;
  bottom: 4.7961630695vh;
  right: 5.3956834532vh;
}
main section.comparison .content > div {
  opacity: 0;
}
main section.comparison .content > div.show {
  transition: ease opacity 0.3s;
  opacity: 1;
}
main section.comparison .comparison-container.show,
main section.comparison .button-container.show {
  display: grid;
  grid-template-columns: 55px auto 80%;
  grid-template-rows: 21svh;
  width: 90svw;
  margin: 0 auto;
}
main section.comparison .comparison-container.show > div,
main section.comparison .button-container.show > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
main section.comparison .comparison-container.show > div p,
main section.comparison .button-container.show > div p {
  font-family: "Montserrat Bold";
  font-weight: bold;
  font-size: 3.5971223022vh;
  line-height: 45px;
}
main section.comparison .comparison-container.show > div p:first-child,
main section.comparison .button-container.show > div p:first-child {
  color: #fab42d;
}
main section.comparison .comparison-container.show:not(div:last-child) img:first-child,
main section.comparison .button-container.show:not(div:last-child) img:first-child {
  padding-top: 20%;
}
main section.comparison .comparison-container.show img:last-child,
main section.comparison .button-container.show img:last-child {
  height: 100%;
}
main section.comparison .graph-title {
  width: 95svw;
  margin: 25px auto 10px auto;
  font-family: "Montserrat Light";
  font-size: 3.3573141487vh;
  text-transform: uppercase;
}
main section.comparison .graph-container .bar {
  width: 0;
}
main section.comparison .show .graph-container {
  width: 100%;
  height: 100%;
  background-image: url("/templates/web/img/graph_bg.png");
  background-repeat: no-repeat;
  background-size: 85% 100%;
  background-position: left;
}
main section.comparison .show .graph-container > div {
  white-space: nowrap;
}
main section.comparison .show .graph-container > div:first-child p {
  color: #fab42d;
}
main section.comparison .show .graph-container p {
  color: #a5a3ad;
}
main section.comparison .show .graph-container .bar {
  display: inline-block;
  width: 0;
  background-color: #a5a3ad;
  height: 4.1966426859vh;
  margin: 0 0 0 3px;
  vertical-align: text-bottom;
  transition: width ease 1s;
}
main section.comparison .show .graph-container .bar.abo {
  background-color: #fab42d;
  width: 61.09%;
}
main section.comparison .show .graph-container .bar.leasing {
  width: 77.4%;
}
main section.comparison .show .graph-container .bar.buying {
  width: 62.1%;
}
main section.comparison .show .graph-container.initialcosts .bar.abo {
  width: 0%;
}
main section.comparison .show .graph-container.initialcosts .bar.leasing {
  width: 7.9%;
}
main section.comparison .show .graph-container.initialcosts .bar.buying {
  width: 79%;
}
main section.comparison .show .graph-container p {
  display: inline-block !important;
}
main section.comparison .button-container.show {
  grid-template-columns: 55px 60% auto;
  grid-template-rows: 6svh;
  margin-top: 5svh;
}
main section.comparison .button-container.show > div p:first-child {
  font-size: 3.3573141487vh;
  color: black;
}
main section.comparison .button-container.show .buttons {
  flex-direction: row;
}
main section.comparison .button-container.show .buttons button:last-child {
  margin-left: 10px;
}
main section.end .head .headerText {
  font-size: 7.1942446043vh !important;
  line-height: 9.5923261391vh !important;
  text-transform: none;
  max-width: 40svw !important;
}
main section.end .smallwrapper {
  margin-top: 30px;
  width: 76svw !important;
}
main section.end .smallwrapper div .textBig {
  text-align: left !important;
}
main section.end .smallwrapper div p {
  padding: 1.7985611511vh 0 1.1990407674vh 0;
  text-align: left;
}
main section.end .smallwrapper div p:last-child {
  padding: 0;
  width: 50%;
}
main section.end .smallwrapper .wrapper {
  position: absolute;
  bottom: 5.2757793765vh;
  right: 4.7961630695vh;
}
main section.end .smallwrapper .wrapper button {
  width: auto !important;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(250, 180, 45, 0.5);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(250, 180, 45, 0);
  }
}

/*# sourceMappingURL=master.css.map */