:root {
  --color-gosuslugi-default: #e9eef3;
  --color-gosuslugi-hover: #dce3e8;
  --color-gosuslugi-active: #cfd8dd;
  --color-tinkoff-text: #303030;
  --color-tinkoff-default: #ffdd2d;
  --color-tinkoff-hover: #fcc521;
  --color-tinkoff-active: #fab619;
}

.red-button {
  border: 1px solid;
  min-width: 220px;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
  line-height: 1;
  font-weight: 500;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  outline: none;
}
.red-button.with-margin {
  margin-top: 16px;
}
.red-button {
  transition-property: background-color, color, box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.red-button:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.red-button:disabled {
  background: #f7f7f7;
  border-color: #f7f7f7;
  color: #c8c8c8;
}
.red-button:disabled:hover {
  box-shadow: none;
}
@media (max-width: 992px) {
  .red-button {
    padding: 0 30px;
  }
}
@media (max-width: 667px) {
  .red-button {
    width: 100%;
    padding: 0;
  }
}
.red-button {
  color: #ffffff;
  background-color: #c9150d;
  border-color: #c9150d;
}
.red-button:focus {
  background-color: #8d0f09;
}

.red-outline-button {
  border: 1px solid;
  min-width: 220px;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
  line-height: 1;
  font-weight: 500;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  outline: none;
}
.red-outline-button.with-margin {
  margin-top: 16px;
}
.red-outline-button {
  transition-property: background-color, color, box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.red-outline-button:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.red-outline-button:disabled {
  background: #f7f7f7;
  border-color: #f7f7f7;
  color: #c8c8c8;
}
.red-outline-button:disabled:hover {
  box-shadow: none;
}
@media (max-width: 992px) {
  .red-outline-button {
    padding: 0 30px;
  }
}
@media (max-width: 667px) {
  .red-outline-button {
    width: 100%;
    padding: 0;
  }
}
.red-outline-button {
  color: #c9150d;
  background-color: #ffffff;
  border-color: #c9150d;
}
.red-outline-button:focus {
  color: #8d0f09;
  background-color: #ffffff;
  border-color: #8d0f09;
}

.green-button {
  border: 1px solid;
  min-width: 220px;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
  line-height: 1;
  font-weight: 500;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  outline: none;
}
.green-button.with-margin {
  margin-top: 16px;
}
.green-button {
  transition-property: background-color, color, box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.green-button:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.green-button:disabled {
  background: #f7f7f7;
  border-color: #f7f7f7;
  color: #c8c8c8;
}
.green-button:disabled:hover {
  box-shadow: none;
}
@media (max-width: 992px) {
  .green-button {
    padding: 0 30px;
  }
}
@media (max-width: 667px) {
  .green-button {
    width: 100%;
    padding: 0;
  }
}
.green-button {
  color: #ffffff;
  background-color: #005c32;
  border-color: #005c32;
}
.green-button:focus {
  background-color: #002e19;
  border-color: #002e19;
}

.green-outline-button {
  border: 1px solid;
  min-width: 220px;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
  line-height: 1;
  font-weight: 500;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  outline: none;
}
.green-outline-button.with-margin {
  margin-top: 16px;
}
.green-outline-button {
  transition-property: background-color, color, box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.green-outline-button:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.green-outline-button:disabled {
  background: #f7f7f7;
  border-color: #f7f7f7;
  color: #c8c8c8;
}
.green-outline-button:disabled:hover {
  box-shadow: none;
}
@media (max-width: 992px) {
  .green-outline-button {
    padding: 0 30px;
  }
}
@media (max-width: 667px) {
  .green-outline-button {
    width: 100%;
    padding: 0;
  }
}
.green-outline-button {
  color: #005c32;
  background-color: #ffffff;
  border-color: #005c32;
}
.green-outline-button:focus {
  color: #002e19;
  background-color: #ffffff;
  border-color: #002e19;
}

.orange-button {
  border: 1px solid;
  min-width: 220px;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
  line-height: 1;
  font-weight: 500;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  outline: none;
}
.orange-button.with-margin {
  margin-top: 16px;
}
.orange-button {
  transition-property: background-color, color, box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.orange-button:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.orange-button:disabled {
  background: #f7f7f7;
  border-color: #f7f7f7;
  color: #c8c8c8;
}
.orange-button:disabled:hover {
  box-shadow: none;
}
@media (max-width: 992px) {
  .orange-button {
    padding: 0 30px;
  }
}
@media (max-width: 667px) {
  .orange-button {
    width: 100%;
    padding: 0;
  }
}
.orange-button {
  color: #ffffff;
  background-color: #fd9d00;
  border-color: #fd9d00;
}

.new-validation-form .input-ui-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.new-validation-form .input-ui-wrapper input:not([hidden]),
.new-validation-form .input-ui-wrapper textarea:not([hidden]) {
  border-radius: 8px;
  transition: all 0.3s;
  background: #ffffff;
  width: 100%;
  padding: 14px 12px;
  display: block;
  border: 1px solid #c8c8c8;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  resize: none;
}
.new-validation-form .input-ui-wrapper input:not([hidden])::-webkit-outer-spin-button, .new-validation-form .input-ui-wrapper input:not([hidden])::-webkit-inner-spin-button,
.new-validation-form .input-ui-wrapper textarea:not([hidden])::-webkit-outer-spin-button,
.new-validation-form .input-ui-wrapper textarea:not([hidden])::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.new-validation-form .input-ui-wrapper input:not([hidden]),
.new-validation-form .input-ui-wrapper textarea:not([hidden]) {
  height: 44px;
}
.new-validation-form .input-ui-wrapper input:not([hidden]).height-m,
.new-validation-form .input-ui-wrapper textarea:not([hidden]).height-m {
  height: 48px;
}
.new-validation-form .input-ui-wrapper input:not([hidden]).height-m ~ .after-suffix,
.new-validation-form .input-ui-wrapper textarea:not([hidden]).height-m ~ .after-suffix {
  padding: 12.5px 0 0 10px !important;
}
.new-validation-form .input-ui-wrapper input:not([hidden]).height-l,
.new-validation-form .input-ui-wrapper textarea:not([hidden]).height-l {
  height: 56px;
}
.new-validation-form .input-ui-wrapper input:not([hidden]).height-l ~ .after-suffix,
.new-validation-form .input-ui-wrapper textarea:not([hidden]).height-l ~ .after-suffix {
  padding: 16.5px 0 0 10px !important;
}
.new-validation-form .input-ui-wrapper input:not([hidden]):disabled, .new-validation-form .input-ui-wrapper input:not([hidden])[readonly],
.new-validation-form .input-ui-wrapper textarea:not([hidden]):disabled,
.new-validation-form .input-ui-wrapper textarea:not([hidden])[readonly] {
  background: #f7f7f7;
  color: #c8c8c8;
  pointer-events: none;
}
.new-validation-form .input-ui-wrapper input:not([hidden]):disabled ~ .after-suffix, .new-validation-form .input-ui-wrapper input:not([hidden])[readonly] ~ .after-suffix,
.new-validation-form .input-ui-wrapper textarea:not([hidden]):disabled ~ .after-suffix,
.new-validation-form .input-ui-wrapper textarea:not([hidden])[readonly] ~ .after-suffix {
  color: #c8c8c8 !important;
}
.new-validation-form .input-ui-wrapper input:not([hidden]).error,
.new-validation-form .input-ui-wrapper textarea:not([hidden]).error {
  border: 1px solid #c9150d;
}
.new-validation-form .input-ui-wrapper input:not([hidden]):focus,
.new-validation-form .input-ui-wrapper textarea:not([hidden]):focus {
  border: 1px solid #005c32;
}
@media (max-width: 992px) {
  .new-validation-form .input-ui-wrapper input:not([hidden]),
  .new-validation-form .input-ui-wrapper textarea:not([hidden]) {
    width: 100%;
  }
}
.new-validation-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 100%;
  width: 100%;
  background: #ffffff;
  padding: 0 12px;
  display: block;
  border: 1px solid #c8c8c8;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  height: 44px;
}
.new-validation-form select.placeholder {
  color: #c8c8c8;
}
.new-validation-form select, .new-validation-form select option {
  color: #000000;
}
.new-validation-form select:disabled, .new-validation-form select[readonly] {
  background: #f7f7f7;
  color: #c8c8c8;
  pointer-events: none;
}
.new-validation-form select.error {
  border: 1px solid #c9150d;
}
.new-validation-form select:focus {
  border: 1px solid #005c32;
}
.new-validation-form select ~ .ugolok-container {
  position: absolute;
  top: 30px;
  right: 18px;
  display: flex;
  align-items: center;
  height: 30px;
  pointer-events: none;
  transition: all 0.3s;
}
.new-validation-form select ~ .ugolok-container .ugolok {
  font-family: FontAwesome;
  color: #e0e0e0;
  font-size: 22px;
}
.new-validation-form .input-ui-wrapper .error-container,
.new-validation-form select ~ .error-container {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  text-align: start;
  transition: all 0.3s;
}
.new-validation-form .input-ui-wrapper .error-container.show-message,
.new-validation-form select ~ .error-container.show-message {
  margin-top: 4px;
  grid-template-rows: 1fr;
}
.new-validation-form .input-ui-wrapper .error-container .error-message,
.new-validation-form select ~ .error-container .error-message {
  min-height: 0;
  color: #c9150d;
  font-weight: 400;
  font-size: 12px;
}
.new-validation-form .form-container {
  position: relative;
}
.new-validation-form .form-container .prefix {
  margin-top: 4px;
}
.new-validation-form .form-container .prefix.hidden {
  display: none;
}
.new-validation-form .form-container .container-description {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-property: top font-size padding;
  -o-transition-property: top font-size padding;
  -moz-transition-property: top font-size padding;
  transition-property: top font-size padding;
  font-weight: 400;
  pointer-events: none;
  background: #fff;
  line-height: 1 !important;
  margin-bottom: 8px;
  display: block;
  color: #565759;
}
.new-validation-form .form-container .container-description.transparent {
  background: transparent;
}
.new-validation-form .form-container .container-description.without-margin {
  margin-bottom: 0;
}
.new-validation-form .form-container .container-description.required:after {
  content: "*";
  color: #c9150d;
}
.new-validation-form .form-container .container-description {
  font-size: 12px;
}
.new-validation-form .form-container .container-description.additional {
  font-size: 10px;
}
.new-validation-form .form-container .container-description.big {
  font-size: 14px;
}
.new-validation-form .form-container .container-description.big.additional {
  font-size: 12px;
}
.new-validation-form .form-container .form-container__input {
  width: 100%;
  padding: 0;
  display: block;
  position: relative;
}
.new-validation-form .form-container .form-container__input.with-margin {
  margin-top: 16px;
}
.new-validation-form .form-container .form-container__input.disabled {
  pointer-events: none;
}
.new-validation-form .form-container .form-container__checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
}
.new-validation-form .form-container .form-container__checkbox.with-margin {
  margin-top: 8px;
}
.new-validation-form .form-container .form-container__checkbox * {
  cursor: pointer;
}
.new-validation-form .form-container .form-container__checkbox input {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.new-validation-form .form-container .form-container__checkbox input:checked + label:before {
  background-color: #005c32;
  mask-image: url("/images/check_on.svg");
  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  border: 2px solid #005c32;
}
.new-validation-form .form-container .form-container__checkbox input:disabled:not(:checked) + label, .new-validation-form .form-container .form-container__checkbox input[readonly]:not(:checked) + label {
  color: #c8c8c8;
  cursor: default;
  pointer-events: none;
}
.new-validation-form .form-container .form-container__checkbox input:disabled:not(:checked) + label span, .new-validation-form .form-container .form-container__checkbox input:disabled:not(:checked) + label a, .new-validation-form .form-container .form-container__checkbox input[readonly]:not(:checked) + label span, .new-validation-form .form-container .form-container__checkbox input[readonly]:not(:checked) + label a {
  color: inherit;
}
.new-validation-form .form-container .form-container__checkbox input:disabled:not(:checked) + label:before, .new-validation-form .form-container .form-container__checkbox input[readonly]:not(:checked) + label:before {
  border: 2px solid #f0f3f7;
}
.new-validation-form .form-container .form-container__checkbox input:checked:disabled + label, .new-validation-form .form-container .form-container__checkbox input[readonly]:checked + label {
  color: #c8c8c8;
  cursor: default;
  pointer-events: none;
}
.new-validation-form .form-container .form-container__checkbox input:checked:disabled + label span, .new-validation-form .form-container .form-container__checkbox input:checked:disabled + label a, .new-validation-form .form-container .form-container__checkbox input[readonly]:checked + label span, .new-validation-form .form-container .form-container__checkbox input[readonly]:checked + label a {
  color: inherit;
}
.new-validation-form .form-container .form-container__checkbox input:checked:disabled + label:before, .new-validation-form .form-container .form-container__checkbox input[readonly]:checked + label:before {
  border: 2px solid #b3cfc2;
  background-color: #b3cfc2;
}
.new-validation-form .form-container .form-container__checkbox input.error + label {
  color: #c9150d;
}
.new-validation-form .form-container .form-container__checkbox input.error + label:before {
  border: 2px solid #c9150d;
}
.new-validation-form .form-container .form-container__checkbox input:not(:checked):not(:disabled):not(.new-validation-form .form-container .form-container__checkbox input[readonly]) ~ :hover:before {
  border: 2px solid #005c32;
}
.new-validation-form .form-container .form-container__checkbox label {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0 0 0 webkit-calc(28)px;
  padding: 0 0 0 moz-calc(28)px;
  padding: 0 0 0 28px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18.2px;
  letter-spacing: 0%;
  color: #000000;
  text-align: left;
  transition: all 0.3s;
  margin: 0;
}
.new-validation-form .form-container .form-container__checkbox label:before {
  content: "";
  width: 20px;
  height: 20px;
  color: #ffffff;
  display: inline-block;
  border: 2px solid #c8c8c8;
  border-radius: 4px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.3s;
}
.new-validation-form .form-container .form-container__checkbox label span, .new-validation-form .form-container .form-container__checkbox label a {
  text-decoration: underline;
  color: #005c32;
}
.new-validation-form .form-container .container-radios {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.new-validation-form .form-container .container-radios.with-margin {
  margin-top: 8px;
}
.new-validation-form .form-container .container-radios .form-container__radio * {
  cursor: pointer;
}
.new-validation-form .form-container .container-radios .form-container__radio input {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.new-validation-form .form-container .container-radios .form-container__radio input:checked + label:after {
  background-color: #005c32;
}
.new-validation-form .form-container .container-radios .form-container__radio input.error + label:before {
  border: 2px solid #c9150d;
}
.new-validation-form .form-container .container-radios .form-container__radio label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0 0 0 webkit-calc(30)px;
  padding: 0 0 0 moz-calc(30)px;
  padding: 0 0 0 30px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18.2px;
  letter-spacing: 0%;
}
.new-validation-form .form-container .container-radios .form-container__radio label:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 2px solid #005c32;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.new-validation-form .form-container .container-radios .form-container__radio label:after {
  content: "";
  background: transparent;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: moz-calc(100%-14px);
  bottom: webkit-calc(100%-14px);
  bottom: calc(100% - 14px);
  right: moz-calc(100%-14px);
  right: webkit-calc(100%-14px);
  right: calc(100% - 14px);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.new-validation-form .form-container .after-suffix {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-start;
  transition: none;
  pointer-events: none;
  background: none;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  appearance: none;
  font-weight: normal;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10.75px 0 0 10px;
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 8px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.new-validation-form .form-container .after-suffix .value {
  opacity: 0;
  padding-left: 6px;
}

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