@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Condensed:wght@700&display=swap');

html {
  font-size: 16px;
  height: 100%;
}

body {
  overflow-x: hidden;
  background: #003337;
  font-weight: 700;
  font-family: 'Roboto Condensed', sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100vw;
  height: 100%;
  color: #ffffff;
  font-style: normal;
}

body::before {
  content: '';
  display: block;
  position: fixed;
  width: 100vw;
  height: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  background-image: -o-linear-gradient(
      354deg,
      #003337 9.78%,
      rgba(5, 65, 70, 0.44) 78.43%,
      rgba(5, 65, 70, 0.24) 93.73%
    ),
    url(../images/background.png);
  background-image: linear-gradient(
      96deg,
      #003337 9.78%,
      rgba(5, 65, 70, 0.44) 78.43%,
      rgba(5, 65, 70, 0.24) 93.73%
    ),
    url(../images/background.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -100;
}
body::after {
  content: '';
  display: block;
  position: fixed;
  width: 36vw;
  height: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  background: -o-linear-gradient(
    left,
    #003337 0%,
    rgba(0, 51, 55, 0.87) 26.45%,
    rgba(0, 51, 55, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#003337),
    color-stop(26.45%, rgba(0, 51, 55, 0.87)),
    to(rgba(0, 51, 55, 0))
  );
  background: linear-gradient(
    90deg,
    #003337 0%,
    rgba(0, 51, 55, 0.87) 26.45%,
    rgba(0, 51, 55, 0) 100%
  );
  z-index: -99;
}

img {
  display: block;
}

.cover {
  padding-left: calc(50% - 154vh / 2);
  padding-right: calc(50% - 154vh / 2);
}

.header {
  padding-top: 7.4vh;
  padding-bottom: 7.4vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: center;
}

.logo img {
  display: block;
  height: 7.8vh;
  max-width: unset;
  -o-object-fit: contain;
  object-fit: contain;
}

.main {
  padding-top: 0;
  padding-bottom: 5vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.prime {
  margin-top: auto;
  margin-right: auto;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 100;
}

.prime__title {
  max-width: 18vh;
  font-weight: 700;
  line-height: 0.9;
  font-size: 5.3vh;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.prime__title br {
  display: none;
}
.prime__title > span {
  display: block;
}
.prime__title > span:first-child {
  font-size: 6.7vh;
}
.prime__title > span:nth-of-type(2) {
  font-size: 4.3vh;
}
.prime__title > span:nth-of-type(5) {
  margin-top: 1vh;
  font-size: 4.4vh;
}

.prime__title .contrast {
  display: block;
  color: #c72929;
  text-shadow: 0.09vh 0 0 rgba(255, 230, 0, 0.6),
    0 -0.09vh 0 rgba(255, 230, 0, 0.6), 0 0.09vh 0 rgba(255, 230, 0, 0.6),
    -0.09vh 0 0 rgba(255, 230, 0, 0.6);
}
.prime__title .contrast:first-of-type {
  font-size: 7.5vh;
  letter-spacing: 0.15vh;
}
.prime__title .contrast:last-of-type {
  font-size: 4.9vh;
  letter-spacing: 0.1vh;
}

.prime__form {
  padding: 3vh;
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 47vh;
  -ms-flex: 0 0 47vh;
  flex: 0 0 47vh;
  border-radius: 3vh;
  background: -o-linear-gradient(
    top,
    #1b242c 0%,
    rgba(27, 36, 44, 0.9) 39.06%,
    rgba(27, 36, 44, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#1b242c),
    color-stop(39.06%, rgba(27, 36, 44, 0.9)),
    to(rgba(27, 36, 44, 0))
  );
  background: linear-gradient(
    180deg,
    #1b242c 0%,
    rgba(27, 36, 44, 0.9) 39.06%,
    rgba(27, 36, 44, 0) 100%
  );
}

.prime-form__select .list-title {
  position: relative;
}
.prime-form__select .list-title::after {
  content: '';
  display: block;
  position: absolute;
  width: 1.1vh;
  height: 0.74vh;
  right: 2.3vh;
  bottom: calc(50% - 0.74vh / 2);
  background-image: url(../images/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10001;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.prime-form__select.active .list-title::after {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

.prime__form input,
.prime-form__select .list-title > span {
  padding: 1.3vh 2.6vh;
  width: 100%;
  color: #222e3c;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6vh;
  font-weight: 400;
  line-height: normal;
  border-radius: 4.7vh;
  border: 0.1vh solid #5f898c;
  background: #f2f8fd;
}

.prime-form__select .list-title.error > span,
.prime-form__select .list-title > .error ~ span {
  border: 0.1vh solid #b40600;
  background-color: #ffe2e2;
}

.prime__form > * {
  margin-bottom: 1vh;
}

.prime__form input {
  outline: none;
}

.prime__form input::-webkit-input-placeholder {
  color: #222e3c;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6vh;
  font-weight: 400;
  line-height: normal;
}

.prime__form input::-moz-placeholder {
  color: #222e3c;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6vh;
  font-weight: 400;
  line-height: normal;
}

.prime__form input:-ms-input-placeholder {
  color: #222e3c;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6vh;
  font-weight: 400;
  line-height: normal;
}

.prime__form input::-ms-input-placeholder {
  color: #222e3c;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6vh;
  font-weight: 400;
  line-height: normal;
}

.prime__form input::placeholder {
  color: #222e3c;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6vh;
  font-weight: 400;
  line-height: normal;
}

.prime-form__title {
  margin-bottom: 1.9vh;
  color: #d9d9d9;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 3vh;
  font-style: normal;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.js-expand-content {
  display: none;
  overflow: hidden;
}
.prime-form__select .list-box.expanded {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  max-height: 25vh;
}

.prime-form__select .list-title > span {
  display: block;
  position: relative;
  width: 100%;
  z-index: 100;
}
.list-title input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  cursor: text;
  opacity: 0;
}
.list-title.show input {
  opacity: 1;
  z-index: 1000;
}

.prime-form__select {
  width: 100%;
  min-height: 5.1vh;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.prime-form__select.active {
  z-index: 100;
  cursor: default;
}

.prime-form__select .list-box {
  padding: 6.3vh 1.9vh 1.7vh 1.9vh;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #f2f8fd;
  border-radius: 3vh;
  z-index: 10;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  color: #222e3c;
  border: none;
  overflow-y: scroll;
}

.prime-form__select .list-box.expanded {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  max-height: 30vh;
}

.prime-form__select .list-box > div {
  position: relative;
}
.prime-form__select .list-box > div:hover label {
  opacity: 0.7;
}
.prime-form__select .list-box > div::before {
  display: none;
}

.prime-form__select label {
  padding: 0.8vh 0;
  display: block;
  width: 100% !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6vh;
  font-weight: 400;
  line-height: normal;
  color: #222e3c;
  cursor: pointer;
}

.prime-form__select .list-box input {
  margin: 0 !important;
  padding: 0.4vh;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.01;
  cursor: pointer;
  z-index: 10000;
}

.prime-form__country label,
.prime-form__country input {
  padding-left: 2.6vh;
}
.prime-form__country label {
  position: relative;
}
.prime-form__country .list-title > span {
  position: relative;
}
.prime-form__country .list-title.selected > span {
  padding-left: 4.4vh;
}
.prime-form__country .list-title span > img,
.prime-form__select .list-title > span > img {
  position: absolute;
  width: 2.96vh;
  height: 2.96vh;
  left: 0.92vh;
  bottom: calc(50% - 1.48vh);
}
.prime-form__country label > img {
  position: absolute;
  width: 2.96vh;
  height: 2.96vh;
  left: -0.92vh;
  bottom: calc(50% - 1.48vh);
}

.prime-form__currency .list-title > span > span {
  color: #496877;
}

.prime-form__check {
  padding: 0 2.2vh;
  margin-top: 1vh;
  margin-bottom: 2vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3vh;
  font-weight: 400;
  line-height: normal;
}

.prime-form__check > input {
  padding: 0 !important;
  margin: 0.2vh 1.5vh 0.2vh 0.2vh !important;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 2.4vh;
  -ms-flex: 0 0 2.4vh;
  flex: 0 0 2.4vh;
  height: 2.4vh;
  width: 2.4vh;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none !important;
}

.prime-form__check > input::before,
.prime-form__check > input::after {
  content: '';
  position: absolute;
}
.prime-form__check > input::before {
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2db155;
  border-radius: 50%;
  z-index: 10;
}
.prime-form__check > input:checked::before {
  display: block;
}

.prime-form__check > input::after {
  width: 3.2vh;
  height: 3.2vh;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
  border-radius: 50%;
  border: 0.3vh solid #4a8ebf;
  background: #f2f8fd;
}

.prime-form__button {
  padding: 2.04vh 2.96vh;
  color: #fff;
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.22vh;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 4.72vh;
  background: #2db155;
  -webkit-box-shadow: 0 0.46vh 0 0 #229244;
  box-shadow: 0 0.46vh 0 0 #229244;
}
.prime-form__button:hover {
  color: #2db155;
  background: #fff;
}

input.error {
  border: 0.1vh solid #b40600;
  background-color: #ffe2e2;
}
.prime-form__check > input.error::after {
  border-color: #b40600;
}

.prime__image {
  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;
  position: fixed;
  bottom: 0;
  left: calc(50% - 131vh / 2);
  z-index: -1;
  height: 73vh;
}

.prime__image img {
  display: block;
  height: 100%;
  max-width: unset;
  -o-object-position: right top;
  object-position: right top;
  -o-object-fit: cover;
  object-fit: cover;
}

/* Form popup */
.popup {
  margin: 0 !important;
  padding: 1.3vh 2.6vh;
  width: calc(100% - 3vh * 2);
  left: 3vh;
  bottom: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  position: absolute;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.8vh;
  font-weight: 700;
  line-height: 1.4;
  color: #ffffff;
  border-radius: 2.3vh;
  opacity: 0;
  z-index: -1000;
}
.popup-success {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  font-size: 2.5vh;
  text-align: center;
  border: 0.2vh solid #229244;
  background: rgba(27, 36, 44, 0.9);
}
.popup-error {
  background-color: #b63122;
}
.popup.active {
  opacity: 1;
  z-index: 1000;
}

.popup__title {
  font-size: 3vh;
}

.popup span a {
  color: inherit;
  font: inherit;
}
.popup span a:hover {
  opacity: 0.75;
}

.popup-success > span {
  margin-bottom: 2.5vh;
  width: 100%;
}
.popup-success > span:last-child {
  margin-bottom: 0;
}

.popup__log,
.popup__pass {
  padding: 0 5vh;
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-size: 3vh;
  line-height: 1.7;
}
.popup__log::after,
.popup__pass::after {
  content: '';
  display: block;
  position: absolute;
  width: 3vh;
  height: 3vh;
  right: 0;
  bottom: calc(50% - 3vh / 2);
  background-image: url(../images/copy-text.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.popup__log:hover::after,
.popup__pass:hover::after {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.popup .prime-form__button {
  width: 100%;
}

.prime-form__date {
  padding: 1.3vh 2.6vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  color: #222e3c;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6vh;
  font-weight: 400;
  line-height: normal;
  border-radius: 4.7vh;
  border: 0.1vh solid #5f898c;
  background: #f2f8fd;
}

.prime-form__date label {
  padding: 0 2.6vh;
  width: 100%;
  position: absolute;
  height: 0;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6vh;
  font-weight: 400;
  color: #ffffff;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background: rgba(27, 36, 44, 0.8);
  border-radius: 4.7vh;
}

.prime-form__date:hover label {
  padding: 1vh 2.6vh;
  height: auto;
  opacity: 1;
}

.prime-form__date input {
  padding: 0 0.8vh !important;
  cursor: text;
  background: transparent !important;
  border: none !important;
  border-radius: none !important;
  text-align: center;
}

.prime-form__date input#dob {
  padding: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  opacity: 0;
  z-index: -1;
}

.prime-form__date input#day {
  margin-left: -0.8vh;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 7vh;
  -ms-flex: 0 0 7vh;
  flex: 0 0 7vh;
}

.prime-form__date input#month {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8vh;
  -ms-flex: 0 0 8vh;
  flex: 0 0 8vh;
}

.prime-form__date input#year {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 10vh;
  -ms-flex: 0 0 10vh;
  flex: 0 0 10vh;
}

.error ~ .prime-form__date input[type='number']::-webkit-input-placeholder {
  color: #b40600;
}

.error ~ .prime-form__date input[type='number']::-moz-placeholder {
  color: #b40600;
}

.error ~ .prime-form__date input[type='number']:-ms-input-placeholder {
  color: #b40600;
}

.error ~ .prime-form__date input[type='number']::-ms-input-placeholder {
  color: #b40600;
}

.error ~ .prime-form__date input[type='number'],
.error ~ .prime-form__date input[type='number']::placeholder {
  color: #b40600;
}

/* Footer */
.footer {
  padding: 0 calc(50% - 154vh / 2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
	position: fixed;
	bottom: 0;
	width: 100%;
  background: #fff;
  opacity: 0;
  z-index: 10000;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  overflow: hidden;
}
.footer:hover {
  opacity: 1;
}

.footer__arrow {
  display: none !important;
}

.footer > * {
  padding: 2.8vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.3vh;
  font-weight: 400;
  line-height: 1.8;
  z-index: 10;
}

.footer__text-additional {
  position: relative;
  color: rgba(255, 255, 255, 0.5);
  background-color: #000;
}
.footer__text-additional::after {
  content: '';
  position: absolute;
  width: 100vw;
  height: 100%;
  bottom: 0;
  right: 0;
  background-color: #000;
  z-index: -1;
}

.footer__text-main {
  padding-right: 7.2vh;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 28%;
  -ms-flex: 0 0 28%;
  flex: 0 0 28%;
  position: relative;
  color: rgba(0, 0, 0, 0.25);
}

.footer__text-main .footer__icon {
  position: absolute;
  width: 6.9vh;
  height: 6.9vh;
  right: 0;
  bottom: calc(50% - 6.9vh / 2);
}
.footer__text-main .footer__icon img {
  display: block;
  width: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: contain;
  object-fit: contain;
}