:root {

  --ui-color: #ff4800;

}

.footer {

  background: #20253c;

  color: rgba(255, 255, 255, 0.36);

  font-family: 'Open Sans';

  font-size: 12px;

  line-height: 1.3;

  font-weight: 400;

}

.footer__icon {

  fill: var(--ui-color);

}

.footer-container {

  padding: 48px 16px;

}

@media screen and (max-width: 768px) {

  .footer-container {

    padding: 24px 16px;

  }

}

.footer-wrapper {

  width: 100%;

  max-width: 1224px;

  margin: 0 auto;

}

.footer-logos {

  padding: 24px;

  background: rgba(89, 103, 166, 0.16);

  border-radius: 8px;

  margin-bottom: 24px;

}

@media screen and (max-width: 768px) {

  .footer-logos {

    padding: 24px 16px;

  }

}

.footer-row {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  gap: 16px;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

  padding: 16px 0;

}

.footer-row:not(:last-child) {

  border-bottom: 1px solid rgba(89, 103, 166, 0.44);

}

.footer-row:last-child {

  padding: 16px 0 0;

}

.footer-row:first-child {

  padding: 0 0 16px;

}

@media screen and (max-width: 768px) {

  .footer-row {

    gap: 8px 16px;

  }

}

.footer__item {

  -webkit-align-self: center;

      -ms-flex-item-align: center;

          align-self: center;

}

@media screen and (max-width: 320px) {

  .footer__img {

    width: 100%;

  }

}

.footer-text,

.footer__copyright {

  text-align: left;

}

@font-face {

  font-family: 'Open Sans';

  src: url('../common/_default/fonts/OpenSans/Regular/opensans-regular.woff2') format('woff2'), url('../common/_default/fonts/OpenSans/Regular/opensans-regular.woff') format('woff');

  font-weight: 400;

}

@font-face {

  font-family: 'Open Sans';

  src: url('../common/_default/fonts/OpenSans/Bold/OpenSans-Bold.woff2') format('woff2'), url('../common/_default/fonts/OpenSans/Bold/OpenSans-Bold.woff') format('woff');

  font-weight: 700;

}

@font-face {

  font-family: 'Open Sans';

  src: url('../common/_default/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff2') format('woff2'), url('../common/_default/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff') format('woff');

  font-weight: 900;

}

.signup {

  max-width: 280px;

  font-size: 14px;

  margin: 0 auto;

}

.signup .form-select {

  padding: 0;

  height: 50px;

}

.signup .selectric {

  padding: 0 10px;

}

.signup .selectric .label {

  color: #384f66;

  height: 50px;

  margin: 0;

  font-size: 15px;

  line-height: 50px;

}

.signup .selectric .button::after {

  border-left: 1px solid #384f66;

  border-bottom: 1px solid #384f66;

}

.signup .selectric-open .selectric-items {

  max-height: 154px;

}

.signup-terms {

  text-align: left;

}

.signup .password-rules {

  text-align: left;

}

.signup .password-rules__item {

  color: #384f66;

}

.signup .password-rules__item.is-active {

  color: #26bfa6;

}

.signup .form-social__item {

  border-color: #e0440f;

  color: #e0440f;

}

.signup .form-social__item svg {

  fill: #e0440f;

}

.signup .form-social__link::before {

  background: transparent;

}

.signup .forbidden-error {

  color: #d9572b;

}

.progress {

  display: none;

}

.form-input,

.selectric {

  border-radius: 5px;

  border: 2px solid #e6ecf2;

  color: #384f66;

  background-color: #fff;

  padding: 15px 5px 15px 10px;

  height: 50px;

}

.form-input::-webkit-input-placeholder,

.selectric::-webkit-input-placeholder {

  color: #384f66;

}

.form-input::-moz-placeholder,

.selectric::-moz-placeholder {

  color: #384f66;

}

.form-input:-ms-input-placeholder,

.selectric:-ms-input-placeholder {

  color: #384f66;

}

.form-input::-ms-input-placeholder,

.selectric::-ms-input-placeholder {

  color: #384f66;

}

.form-input::-webkit-input-placeholder, .selectric::-webkit-input-placeholder {

  color: #384f66;

}

.form-input::-moz-placeholder, .selectric::-moz-placeholder {

  color: #384f66;

}

.form-input:-ms-input-placeholder, .selectric:-ms-input-placeholder {

  color: #384f66;

}

.form-input::-ms-input-placeholder, .selectric::-ms-input-placeholder {

  color: #384f66;

}

.form-input::placeholder,

.selectric::placeholder {

  color: #384f66;

}

.form {

  position: static;

  -webkit-transform: translateX(0);

      -ms-transform: translateX(0);

          transform: translateX(0);

  margin-top: 0;

}

.form-radio__icon svg,

.form-checkbox__icon svg {

  display: none;

  width: 100%;

  height: 100%;

  fill: #e0440f;

}

.form-label {

  display: block;

  text-align: left;

  margin-bottom: 8px;

  font-weight: 400;

  line-height: 24px;

  font-size: 16px;

}

.form-row {

  width: 100%;

  max-width: 280px;

  margin: 0 auto;

}

.form-row + .form-row {

  margin-top: 10px;

}

.form-error {

  text-align: center;

  padding: 0;

  margin-top: 6px;

  color: #d98282;

  font-size: 12px;

  width: 100%;

}

.form-button {

  width: 100%;

  color: #fff;

  height: 50px;

  line-height: 50px;

  padding: 0 10px;

  font-size: 18px;

  border: none;

  border-radius: 4px;

  text-decoration: none;

  text-align: center;

  background-color: #d9572b;

  -webkit-box-shadow: none;

          box-shadow: none;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

  -webkit-appearance: none;

  font-family: 'Lato-Black', sans-serif;

  display: inline-block;

  text-transform: uppercase;

  -webkit-box-shadow: 0 4px #8c381c;

          box-shadow: 0 4px #8c381c;

  margin: 16px 0;

  cursor: pointer;

}

.form-button--disabled {

  background: #666;

  text-shadow: none;

  -webkit-box-shadow: 0 3px 0 #697787;

          box-shadow: 0 3px 0 #697787;

  cursor: default;

  pointer-events: none;

}

.form-button--back {

  background: transparent;

  position: relative;

  color: #d9572b;

  font-size: 14px;

  line-height: 16px;

  text-align: center;

  width: 100%;

  outline: none;

  -webkit-box-shadow: none;

          box-shadow: none;

  height: auto;

  width: auto;

  margin: 0;

  display: -webkit-inline-box;

  display: -webkit-inline-flex;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

}

.form-button--back svg {

  fill: currentColor;

}

.form-button__holder {

  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;

  -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;

}

.form-input {

  position: relative;

}

.form-input__icon-holder {

  position: absolute;

  width: 24px;

  height: 24px;

  top: 50%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  right: 8px;

  z-index: 10;

}

.form-input__icon-holder svg {

  fill: currentColor;

}

.form-input__group {

  position: relative;

}

.form-input__icon {

  position: absolute;

  color: #384f66;

  top: 50%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  right: 8px;

  font-size: 12px;

}

.form-group.has-error .form-input,

.form-group.has-error .selectric {

  background-color: #ffaeae;

  color: #ff1e00;

  border-color: #d94141;

}

.form-group.has-error .form-input:focus,

.form-group.has-error .selectric:focus {

  border: 2px solid #d94141;

  -webkit-box-shadow: 0 0 10px #fff;

          box-shadow: 0 0 10px #fff;

  background-color: #fff;

  color: #384f66;

}

.form-group.has-error .form-input__group::after,

.form-group.has-error .selectric__group::after {

  background-position: -11px -7px;

  opacity: 1;

}

.form-group.has-success .form-input {

  background-color: #e6ecf2;

  color: #384f66;

  border-color: #e6ecf2;

}

.form-group.has-success .form-input__group::after {

  background-position: -1px -7px;

  opacity: 1;

}

.form-group.has-error .form-input__icon-holder,

.form-group.has-success .form-input__icon-holder,

.form-group.has-error .form-input__icon,

.form-group.has-success .form-input__icon {

  right: 28px;

}

.form-radio {

  display: inline-block;

  padding: 0 0 0 20px;

  position: relative;

}

.form-radio__input {

  position: fixed;

  left: -100em;

  opacity: 0;

  visibility: hidden;

}

.form-radio__input:checked + .form-radio__icon svg {

  display: block;

}

.form-radio__label {

  display: inline-block;

  margin-left: 6px;

}

.form-radio__icon {

  position: absolute;

  left: 0;

  width: 16px;

  height: 16px;

  border: 1px solid #99acbf;

  background-color: #e6ecf2;

  border-radius: 50%;

  display: inline-block;

  vertical-align: middle;

  padding: 2px;

}

.form-checkbox {

  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;

}

.form-checkbox__input {

  position: fixed;

  left: -100em;

  opacity: 0;

  visibility: hidden;

}

.form-checkbox__input:checked + .form-checkbox__icon svg {

  display: block;

}

.form-checkbox__icon {

  width: 14px;

  height: 14px;

  border-radius: 3px;

  border: 1px solid #99acbf;

  background-color: #e6ecf2;

  cursor: pointer;

  margin: 2px 10px 0 0;

  position: relative;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 auto;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

}

.form-checkbox__icon svg {

  width: 100%;

  height: 100%;

  fill: #e0440f;

}

.form-checkbox__label {

  text-align: left;

}

.signup-gender .form-radio + .form-radio {

  margin-left: 20px;

}

.signup-phone__row .form-select {

  width: 85px;

  -webkit-box-flex: 1;

  -webkit-flex: 1 0 auto;

      -ms-flex: 1 0 auto;

          flex: 1 0 auto;

  margin-right: 5px;

}

.signup-limits .form-select {

  width: 52%;

}

.signup-limits .form-group {

  width: 46%;

}

.signup-birthday__row .form-select:nth-child(2),

.signup-birthday__row .form-select:nth-child(4) {

  width: 70px;

}

.signup-birthday__row .form-select:nth-child(3) {

  min-width: auto;

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  margin: 0 3px 0;

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

input[type='number'] {

  -moz-appearance: textfield;

}

.default-link {

  text-decoration: underline;

  color: #d9572b;

}

.header {

  width: 100%;

  background: #181b2b;

  position: relative;

  z-index: 10;

}

.header-wrapper {

  margin: 0 auto;

  max-width: 1280px;

  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;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 8px 16px;

}

.header__btn-group {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}

.header__btn-group > * + * {

  margin-left: 16px;

}

.header__logo {

  width: 112px;

}

@media screen and (max-width: 480px) {

  .header__logo {

    width: 88px;

  }

}

.header-btn {

  display: -webkit-inline-box;

  display: -webkit-inline-flex;

  display: -ms-inline-flexbox;

  display: inline-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;

  color: #7681af;

  font-size: 16px;

  font-family: 'SourceSansPro', sans-serif;

  font-weight: 900;

  border-radius: 2em;

  border: 2px solid #7681af;

  line-height: 1;

  position: relative;

  -webkit-transition: -webkit-transform 0.3s;

  transition: -webkit-transform 0.3s;

  transition: transform 0.3s;

  transition: transform 0.3s, -webkit-transform 0.3s;

  cursor: pointer;

  background: rgba(255, 255, 255, 0);

  padding: 12px 24px;

  text-transform: capitalize;

  text-decoration: none;

}

.header-btn:hover {

  -webkit-transform: translateY(-2%);

      -ms-transform: translateY(-2%);

          transform: translateY(-2%);

}

@media screen and (max-width: 768px) {

  .header-btn {

    padding: 8px 16px;

    font-size: 12px;

  }

}

.header-btn--signup {

  border: 2px solid #1a57f1;

  color: #1a57f1;

}

@media screen and (max-width: 480px) {

  .header-btn--signup {

    display: none;

  }

}