@font-face {
  font-family: "GrandHotel";
  src: url("../../fonts/GrandHotel-Regular.otf") format("opentype"); }

@font-face {
  font-family: "Helvetica Neue";
  src: url("../../fonts/HelveticaNeueLTPro-Lt.otf") format("opentype"); }

* {
  box-sizing: border-box;
  font-family: 'Impact';
  margin: 0;
  color: #10395E; }

body {
  margin: 0;
  overflow: hidden; }

button {
  display: block; }

img {
  vertical-align: middle;
  border-style: none; }

h1, h2, h3 {
  font-weight: 500;
  margin: 0; }

h3 {
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase; }

.header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20; }
  .header__topline {
    background-color: #10395E;
    height: 29px; }
  .header__line {
    background-color: #fff;
    height: 90px;
    opacity: 0.9; }
  .header__title {
    position: absolute;
    top: 0;
    left: 720px;
    background-color: #F21016;
    width: 480px;
    height: 86px; }
  .header__image {
    position: absolute;
    width: 299px;
    height: 191px;
    left: 814px;
    top: 73px;
    background-color: #fff; }

.footer {
  position: absolute;
  bottom: 0;
  width: 100%; }
  .footer__topline {
    background-color: #fff;
    height: 90px;
    opacity: 0.9; }
  .footer__line {
    background-color: #10395E;
    height: 29px; }
  .footer__text {
    position: absolute;
    bottom: 57px;
    left: 33px;
    width: 561px;
    height: 27px;
    color: #10395E;
    text-transform: uppercase;
    line-height: 22px;
    font-size: 18px; }

.page-background {
  background-repeat: no-repeat;
  background-position: center;
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: -1; }
  .page-background--home, .page-background--registration {
    background-image: url("../images/01-image-1.jpg"); }
  .page-background--memory {
    background-image: url("../images/shutterstock_-1.jpg"); }
  .page-background--question {
    background-image: url("../images/DSCF-6.jpg"); }

.top-title {
  position: absolute;
  top: 20px;
  left: 854px;
  font-size: 36px;
  line-height: 44px;
  color: #fff;
  z-index: 30;
  left: 720px;
  width: 480px;
  text-align: center; }

.page-title {
  position: relative;
  top: 305px;
  width: 1513px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.8); }
  .page-title--end {
    width: 1093px; }
  .page-title__text {
    margin: 0;
    padding: 15px 30px;
    font-size: 72px;
    line-height: 88px;
    text-transform: uppercase; }

.home-intro {
  position: relative;
  width: 1060px;
  top: 345px;
  margin: 0 auto; }
  .home-intro__title {
    background-color: #F21016;
    color: #fff;
    text-transform: uppercase;
    font-size: 70px;
    line-height: 86px;
    text-align: center;
    border: 4px solid #fff;
    padding: 10px 0;
    margin: 0; }
  .home-intro__body {
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 25px 20px; }
    .home-intro__body p {
      margin: 0;
      font-size: 16px;
      line-height: 18px;
      font-family: 'Helvetica Neue';
      padding: 25px 0; }

.big-button {
  background: linear-gradient(#EC0202, #7F0000);
  position: relative;
  top: 395px;
  width: 330px;
  margin: 0 auto;
  border: 4px solid #fff;
  z-index: 10; }
  .big-button:focus {
    border: 4px solid #B4D4F6; }
  .big-button:hover {
    background: linear-gradient(#D72828, #840404); }
  .big-button:active {
    background: linear-gradient(#9D0707, #4A0101); }
  .big-button--memory {
    top: 18px; }
  .big-button--questions {
    top: 0; }
  .big-button--skip-registration {
    top: 0;
    background: linear-gradient(#A5C4EC, #4C76AC); }
    .big-button--skip-registration:hover {
      background: linear-gradient(#69A0DB, #2e6179); }
    .big-button--skip-registration:active {
      background: linear-gradient(#4E7FDD, #10406A); }
  .big-button--subscribe {
    top: 0; }
  .big-button p {
    text-transform: uppercase;
    color: #fff;
    font-size: 36px;
    line-height: 44px;
    padding: 18px 24px;
    margin: 0;
    text-align: center; }

.overlay {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%; }

.card-holder {
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(6, 260px);
  grid-template-rows: repeat(2, 260px);
  grid-gap: 20px;
  justify-content: center; }

.content-holder {
  position: relative;
  z-index: 10;
  padding: 180px 49px 0 49px; }
  .content-holder__inner {
    padding-top: 120px;
    padding-bottom: 47px;
    background-color: rgba(0, 0, 0, 0.5); }
    .content-holder__inner--white {
      background-color: rgba(255, 255, 255, 0.9); }

.question {
  padding-left: 82px;
  margin-bottom: 60px;
  counter-reset: options-counter; }
  .question__text {
    font-size: 60px;
    line-height: 74px;
    margin-bottom: 40px; }
  .question__options-holder {
    padding-left: 58px; }
  .question__option {
    margin-bottom: 23px;
    font-size: 48px;
    line-height: 76px;
    display: grid;
    grid-template-columns: 80px auto;
    align-items: center;
    grid-gap: 20px; }
    .question__option:before {
      display: inline-block;
      background-image: linear-gradient(#10395E, #0063AB);
      border-radius: 50%;
      width: 76px;
      height: 76px;
      text-align: center;
      border: 2px solid #fff;
      color: #fff;
      counter-increment: options-counter;
      content: counter(options-counter, upper-alpha); }
    .question__option--good:before {
      background-image: url("/images/Bullet-Right.png");
      animation-name: quiz-good; }
    .question__option--wrong:before {
      background-image: url("/images/Bullet-Wrong.png");
      animation-name: quiz-wrong; }
    .question__option--good:before, .question__option--wrong:before {
      content: '';
      vertical-align: middle;
      background-size: 80px;
      width: 80px;
      height: 80px;
      border: none;
      animation-duration: 0.5s;
      animation-timing-function: ease-out;
      animation-iteration-count: 2;
      animation-direction: alternate; }

@keyframes quiz-good {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.2); } }

@keyframes quiz-wrong {
  from {
    transform: scale(1); }
  to {
    transform: scale(0.7); } }

.subscribe {
  width: 835px;
  margin: auto;
  text-align: center;
  margin-bottom: 18px; }
  .subscribe__title {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 22px;
    text-transform: none; }
  .subscribe p {
    font-size: 18px;
    margin-bottom: 0; }

.text-inputs {
  display: grid;
  grid-template-columns: repeat(3, 328px);
  grid-gap: 20px;
  justify-content: center; }
  .text-inputs__label {
    display: block;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 29px; }
  .text-inputs__textbox {
    width: 100%;
    border: 2px solid #10395E;
    height: 60px;
    padding-left: 15px;
    font-size: 24px;
    line-height: 29px; }
    .text-inputs__textbox::placeholder {
      color: #F70000;
      opacity: 0; }
  .text-inputs__error {
    visibility: hidden;
    font-size: 16px;
    line-height: 18px;
    color: #F70000;
    font-family: 'Helvetica Neue';
    text-align: right;
    margin-right: -12px;
    margin-bottom: 12px; }
  .text-inputs__input--invalid .text-inputs__textbox {
    color: #F70000; }
  .text-inputs__input--invalid .text-inputs__error {
    visibility: visible; }
  .text-inputs__input--invalid .text-inputs__textbox::placeholder {
    opacity: 1; }

.interest {
  margin: 0 auto 15px 249px;
  width: 1218px;
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: column;
  justify-content: space-between; }
  .interest__box {
    display: inline; }
  .interest__label {
    font-size: 18px;
    line-height: 32px;
    vertical-align: top;
    margin-left: 5px; }
  .interest__checkbox {
    width: 32px;
    height: 32px;
    border: 2px solid #10395E;
    -webkit-appearance: none;
    background-color: #fff; }
    .interest__checkbox:checked {
      background: url("/images/checkbox-mark.png");
      background-position: center;
      background-repeat: no-repeat;
      background-color: #fff;
      animation-name: check;
      animation-duration: 0.3s;
      animation-timing-function: ease-out; }

@keyframes check {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(90deg); } }

.interest-top-text {
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 21px; }

.privacy-box {
  display: grid;
  grid-template-columns: 45px auto;
  width: 1218px;
  margin-left: 249px; }
  .privacy-box--invalid .privacy-box__error {
    visibility: visible; }
  .privacy-box__text {
    font-size: 16px;
    line-height: 18px;
    font-family: 'Helvetica Neue';
    margin: 6px 0; }
  .privacy-box__link {
    font-weight: bold;
    text-decoration: underline;
    font-family: 'Helvetica Neue'; }
  .privacy-box__error {
    visibility: hidden;
    color: #F70000;
    margin-bottom: 19px;
    grid-column-start: 2;
    font-family: 'Helvetica Neue'; }
  .privacy-box__checkbox {
    width: 32px;
    height: 32px;
    border: 2px solid #10395E;
    -webkit-appearance: none;
    background-color: #fff; }
    .privacy-box__checkbox:checked {
      background: url("/images/checkbox-mark.png");
      background-position: center;
      background-repeat: no-repeat;
      background-color: #fff;
      animation-name: check;
      animation-duration: 0.3s;
      animation-timing-function: ease-out; }

@keyframes check {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(90deg); } }

.registration-actions {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 50px;
  grid-template-columns: 330px 330px;
  justify-content: center; }

.privacy-policy {
  padding-left: 77px;
  padding-right: 48px;
  height: 360px;
  overflow-y: hidden;
  display: grid;
  grid-template-columns: 1602px 56px;
  grid-gap: 38px;
  margin-bottom: 37px; }
  .privacy-policy__text-holder {
    position: relative; }
    .privacy-policy__text-holder p {
      font-size: 16px;
      line-height: 18px;
      font-family: 'Helvetica Neue';
      margin-bottom: 18px; }
  .privacy-policy__scroll {
    display: grid;
    grid-auto-flow: row;
    align-content: space-between;
    height: 360px; }
  .privacy-policy__scroll-top {
    padding-top: 12px;
    border: none;
    background-color: transparent; }
  .privacy-policy__scroll-bottom {
    border: none;
    background-color: transparent; }
  .privacy-policy__scroll-bottom:focus, .privacy-policy__scroll-bottom:active, .privacy-policy__scroll-bottom:hover, .privacy-policy__scroll-top:focus, .privacy-policy__scroll-top:active, .privacy-policy__scroll-top:hover {
    transform: scale(1.1); }

.privacy-policy-title {
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 14px;
  text-align: center;
  text-transform: none; }

.outro {
  position: relative;
  width: 608px;
  top: 345px;
  margin: 0 auto; }
  .outro__body {
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 24px;
    height: 317px;
    display: grid;
    align-content: space-between; }
    .outro__body p {
      font-size: 36px;
      line-height: 44px;
      margin-bottom: 0;
      text-transform: uppercase; }

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