input, select, textarea, button {
  font-family: 'Roboto Condensed', sans-serif;
}

input[type='number'] {
  -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
@keyframes autofill {from {/**/}  to {/**/}}
@-webkit-keyframes autofill {from {/**/}  to {/**/}}
input:-webkit-autofill {
  animation-name: autofill;
  transition: background-color 50000s ease-in-out 0s;
}


::placeholder {
  color: #BEADA8;
  opacity: 1;
}
:-ms-input-placeholder { color: #BEADA8; }
::-ms-input-placeholder { color: #BEADA8; }

.required::after {
  content: '*';
  color: #E7391E;
  font-size: 16px;
  line-height: 16px;
}

.field,
.field-attach__file {
  position: relative;
  padding: 10px 11px 9px;
  height: 40px;
  border: 1px solid #E1D6D1;
  border-radius: 4px;
  background: #FCFAFA;
  color: #512B2B;
  font-size: 16px; font-weight: bold;
  line-height: 19px;

  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.field_area { height: auto; }
.field_num { text-align: right; }
.field.invalid {
  border-color: #C5131C;
}
.field_stretch {
  width: 100%;
}
.field_select {
  padding-right: 16px;
  background-image: url('../img/select.png');
  background-image: none, url('../img/select.svg');
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.field_select::-ms-expand { display: none; }
.field:focus:not(:disabled) {
  -webkit-box-shadow: 0 0 0 3px rgba(212, 196, 188, 0.2);
          box-shadow: 0 0 0 3px rgba(212, 196, 188, 0.2);
}
.field.invalid:focus:not(:disabled) {
  -webkit-box-shadow: 0 0 0 3px rgba(197, 19, 28, 0.2);
          box-shadow: 0 0 0 3px rgba(197, 19, 28, 0.2);
}
.field:disabled {
  border-color: #E5E5E5;
  color: #676767;
}

.field-block {
  position: relative;
  margin-bottom: 4px; padding: 20px 0 20px 0;
}
.field-block_nolabel {
  padding-top: 0;
}
.field-block__label {
  display: block;
  position: absolute; top: 0; right: 0; left: 12px; z-index: 0;
  color: #512B2B;
  font-size: 12px; font-weight: bold;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.field-block__field.animate ~ .field-block__label {
  -webkit-transition: all ease-out 150ms;
          transition: all ease-out 150ms;
}
.field-block__field.field_empty ~ .field-block__label {
  color: #CDBDBD;
  font-size: 16px;
  line-height: 19px;

  -webkit-transform: translate3d(0, 31px, 0);
          transform: translate3d(0, 31px, 0);
}
.field-block__field:focus ~ .field-block__label {
  color: #512B2B;
  font-size: 12px;
  line-height: 16px;

  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.field-error,
.field-block__hint {
  display: block;
  position: absolute; right: 12px; bottom: 2px; left: 12px;
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
}
.field-error {
  color: #C5131C;
}
.field-block__hint {
  color: #9B8583;
}
.field-block__hint_left,
.field-error_left {
  text-align: left;
}
.field-error ~ .field-block__hint { display: none; }


.field-attachment {
  margin: -4px; padding: 4px;
  border: 1px dashed transparent;
  border-radius: 4px;
}
.field-attachment.active {
  border: 1px dashed #C0A99D;
}
.field-attachment__button {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  padding: 0 12px;
  height: 32px;
  border-radius: 4px;
  background: #C0A99D;
  color: #FFF;
  font-size: 12px; font-weight: 600;
  line-height: 32px;
  text-align: center; text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}
.field-attachment__input {
  position: absolute; top: 0; right: 0; z-index: 3;
  border: solid transparent;
  width: 100%; height: 40px;
  cursor: pointer;
  opacity: 0;

  moz-transform: translate(-300px, 0) scale(4);
}
.field-attachment__input::-webkit-file-upload-button {
    cursor: pointer;
}
.field-attachment__file {
  position: relative;
  padding: 8px 40px 8px 32px;
  border-radius: 4px;
  font-size: 16px;
}
.field-attachment__file:last-child {
  margin-bottom: 8px;
}
.field-attachment__anchor {
  color: inherit;
}
.field-attachment__file:hover {
  background-color: rgba(0, 0, 0, .04);
}
.field-attachment__file::before {
  content: '';
  display: block;
  position: absolute; top: 6px; left: 4px;
  width: 24px; height: 24px;
  background: url(../img/icons11.png) no-repeat 0 -624px;
  background-image: none, url(../img/icons11.svg);
}
.field-attachment__delete {
  position: absolute; top: 2px; right: 0;
  width: 32px; height: 32px;
  padding: 4px;
  visibility: hidden;
}
.field-attachment__delete::before {
  content: '';
  display: block;
  width: 24px; height: 24px;
  background: url(../img/icons11.png) no-repeat 0 -24px;
  background-image: none, url(../img/icons11.svg);
}
.field-attachment__file:hover .field-attachment__delete {
  visibility: visible;
}
.field-attachment__size,
.field-attachment__total {
  color: #9B8583;
  font-size: 12px;
}
.field-attachment__total {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.field-attachment .field-error {
  display: inline-block;
  position: static;
  white-space: normal;
  overflow: visible;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: middle;
}


.radio, .checkbox {
  display: inline-block;
  position: relative; z-index: 1;
  width: 18px; height: 18px;
  vertical-align: middle;
}
.radio__input,
.checkbox__input {
  position: absolute; top: -7px; left: -7px; z-index: 2;
  opacity: 0;
  width: 32px; height: 32px;

  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}

.radio__icon {
  display: block;
  position: absolute; top: 0; left: 0; z-index: 1;
  width: 18px; height: 18px;
  border: 1px solid #B6B6B6;
  border-radius: 100%;
  background: #FFF;

  -webkit-transition: box-shadow 200ms;
}
.radio__input:active:not(:disabled) + .radio__icon {
  border-color: rgba(49, 163, 174, 0.3);
}
.radio__input:focus + .radio__icon {
  -webkit-box-shadow: 0 0 0 8px rgba(182, 182, 182, .2);
          box-shadow: 0 0 0 8px rgba(182, 182, 182, .2);
}
.radio__input:checked + .radio__icon {
  border-color: #31A3AE;
}
.radio__input:checked:focus + .radio__icon {
  -webkit-box-shadow: 0 0 0 8px rgba(49, 163, 174, .1);
          box-shadow: 0 0 0 8px rgba(49, 163, 174, .1);
}
.radio__input + .radio__icon:before {
  content: '';
  display: block;
  position: relative; left: 2px; top: 2px;
  width: 12px; height: 12px;
  background: #EE7023;
  -webkit-border-radius: 100%;
          border-radius: 100%;

  -webkit-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);

  -webkit-transition: 240ms;
       -o-transition: 240ms;
          transition: 240ms;
}
.radio__input:checked + .radio__icon:before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.radio__input:disabled + .radio__icon {
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .6;
}
.radio__input:active:not(:disabled) + .radio__icon {
  border-color: rgba(238, 112, 35, 0.3);
}
.radio__input:focus + .radio__icon {
  -webkit-box-shadow: 0 0 0 8px rgba(182, 182, 182, .2);
          box-shadow: 0 0 0 8px rgba(182, 182, 182, .2);
}
.radio__input.invalid + .radio__icon {
  border-color: #E7391E;
}
.radio__input.invalid:focus + .radio__icon {
  -webkit-box-shadow: 0 0 0 8px rgba(231, 57, 30, 0.1);
          box-shadow: 0 0 0 8px rgba(231, 57, 30, 0.1);
}
.radio__input:checked + .radio__icon,
.radio__input.invalid:checked + .radio__icon {
  border-color: #53D683;
}
.radio__input:checked:focus + .radio__icon,
.radio__input.invalid:checked:focus + .radio__icon {
  -webkit-box-shadow: 0 0 0 8px rgba(83, 214, 31, .1);
          box-shadow: 0 0 0 8px rgba(83, 214, 31, .1);
}
.radio__input + .radio__icon:before { background-color: #53D683; }

.checkbox__icon {
  display: block;
  position: absolute; top: 0; left: 0; z-index: 1;
  width: 18px; height: 18px;
  -webkit-border-radius: 18px;
          border-radius: 18px;

  -webkit-transition: box-shadow 200ms;
}
.checkbox__input + .checkbox__icon:before {
  content: '';
  display: block;
  position: absolute; left: 0; z-index: 1;
  width: 18px; height: 18px;
  border: 1px solid #B6B6B6; border-radius: 2px;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;

  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.checkbox__input.invalid + .checkbox__icon:before {
  border-color: #E7391E;
}
.checkbox__input:checked + .checkbox__icon:before {
  height: 9px;
  border: 2px solid #53D683;
  border-top: none;
  border-right: none;
  border-radius: 0;
  background: transparent;

  -webkit-transform: translateY(3px) rotate(-45deg);
     -moz-transform: translateY(3px) rotate(-45deg);
      -ms-transform: translateY(3px) rotate(-45deg);
       -o-transform: translateY(3px) rotate(-45deg);
          transform: translateY(3px) rotate(-45deg);
}
.checkbox__input:focus + .checkbox__icon {
  background-color: rgba(182, 182, 182, .1);

  -webkit-box-shadow: 0 0 0 8px rgba(182, 182, 182, .1);
          box-shadow: 0 0 0 8px rgba(182, 182, 182, .1);
}
.checkbox__input:checked:focus + .checkbox__icon {
  background-color: rgba(83, 214, 31, .1);

  -webkit-box-shadow: 0 0 0 8px rgba(83, 214, 31, .1);
          box-shadow: 0 0 0 8px rgba(83, 214, 31, .1);
}
.checkbox__input:disabled + .checkbox__icon {
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .2;
}
.checkbox__input:checked:disabled + .checkbox__icon {
  opacity: 1;
}
.checkbox__input:checked:disabled + .checkbox__icon:before { border-color: #ACB2B8; }

.switch {
  display: inline-block;
  position: relative; z-index: 1;
  height: 20px;
  padding-left: 36px;
  margin: 0;
  cursor: pointer;
  text-align: left;
}
.switch input {
  position: absolute; top: 0; z-index: 1;
  width: 36px; height: 20px;
  margin-left: -36px;
  cursor: pointer;
  opacity: 0;
}
.switch i {
  display: inline-block;
  width: 0;
  height: 18px;
  margin-top: -2px;
  margin-right: 40px;
  margin-left: -36px;
  line-height: 1;
  vertical-align: middle;
  background-color: #EE7023;
}
.switch i:before {
  position: absolute; top: 3px; left: 1px;
  width: 34px; height: 14px;
  background-color: #9e9e9e;
  border-radius: 8px;
  content: '';
  -webkit-transition: all .2s;
     -moz-transition: all .2s;
          transition: all .2s;
}
.switch i:after {
  position: absolute; top: 0; left: 0;
  width: 20px; height: 20px;
  background-color: #fff;
  border-radius: 20px;
  content: '';

  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .12), 0 2px 6px rgba(0, 0, 0, .12);
          box-shadow: 0 2px 6px rgba(0, 0, 0, .12), 0 2px 6px rgba(0, 0, 0, .12);

  -webkit-transition: all .2s;
     -moz-transition: all .2s;
          transition: all .2s;
}
.switch input:checked + i:before {
  background: inherit;
  opacity: .5;
}
.switch input:checked + i:after {
  left: 16px;
  background: inherit;
}
.switch input:focus + i:after {
  -webkit-box-shadow: 0 0 0 8px rgba(182, 182, 182, .2);
          box-shadow: 0 0 0 8px rgba(182, 182, 182, .2);
}
.switch input:checked:focus + i:after {
  -webkit-box-shadow: 0 0 0 8px rgba(238, 112, 35, .1);
          box-shadow: 0 0 0 8px rgba(238, 112, 35, .1);
}

.switch input:disabled i,
.switch input:disabled + i:before,
.switch input:disabled + i:after {
  background: #BDBDBD;
}
.switch input:disabled + i:before {
  opacity: .5;
}
.switch input:disabled:focus + i:after,
.switch input:disabled:checked:focus + i:after {
  -webkit-box-shadow: 0 0 0 8px rgba(182, 182, 182, .2);
          box-shadow: 0 0 0 8px rgba(182, 182, 182, .2);
}

.switch-block {
  display: block;
  margin-bottom: 16px; padding: 8px 0 0 44px;
  line-height: 18px;
}
.switch-block_compact {
  margin-bottom: 0; padding-top: 0;
}
.switch-block .switch {
  top: -1px;
  margin-left: -44px;
}


.select-list {
  margin-bottom: 16px;
}
.select-list__item {
  padding-top: 16px; padding-left: 44px;
}
.select-list__item:first-child {
  padding-top: 0;
}
.select-list__label {
  margin-bottom: 8px;
  color: #9C8D8D;
  font-size: 12px;
  line-height: 16px;
}
.select-list .switch,
.select-list .checkbox,
.select-list .radio {
  margin-left: -44px; margin-right: 4px;
}

.suggestions {
  display: none;
  position: absolute;
  min-width: 90px;
  margin-top: -4px;
  padding-bottom: 4px;
  background: #FFF;
  border: 1px solid #E4D8D8;
  border-top: none;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.suggestions_top {
  border: 1px solid #E4D8D8;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  margin-top: 4px;
  padding-top: 4px;
}
.suggestions_empty { padding: 4px 8px; }
.suggestions strong { color: #EE7023; font-weight: normal; }
.suggestions__header {
  padding: 4px 8px;
  background: #F7F7F7;
  color: #81888C;
  font-size: 12px;
}
.suggestions__body {
  position: relative; z-index: 1;
  overflow: auto;
  overflow-x: hidden;
}
.suggestions__item {
  padding: 8px;
  border-top: 1px solid #FCF8F8;
  font-size: 14px;
  cursor: default;
}
.suggestions__item:first-child::before { border-top: none; }
.suggestions__item_selected { background: #FBF2EA; }


.fieldset-grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: -16px;

  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.fieldset-grid.hidden {
  display: none;
}
.fieldset-grid_reverse {
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.fieldset-grid__span {
  padding-left: 16px;
  width: 100%;
}
.fieldset-grid__span_1  {
  width: 8.3333%;
}
.fieldset-grid__span_2  {
  width: 16.6666%;
}
.fieldset-grid__span_3  {
  width: 25%;
}
.fieldset-grid__span_4  {
  width: 33.3333%;
}
.fieldset-grid__span_5  {
  width: 41.6666%;
}
.fieldset-grid__span_6  {
  width: 50%;
}
.fieldset-grid__span_7  {
  width: 58.3333%;
}
.fieldset-grid__span_8  {
  width: 66.6666%;
}
.fieldset-grid__span_9  {
  width: 75%;
}
.fieldset-grid__span_10 {
  width: 83.3333%;
}
.fieldset-grid__span_11 {
  width: 91.6666%;
}
.fieldset-grid__span_12 {
  width: 100%;
}
.fieldset-grid__span_text_right {
  text-align: right;
}


.form_compact {
  margin: 0 auto;
  max-width: 272px;
}
.form__footer {
  margin-top: 8px;
}
.form__footer::after {
  content: '';
  display: table;
  clear: both;
}
.form__footer .button + .button {
  margin-top: 8px;
}


.flash {
  position: fixed; top: 0; right: 0; left: 0; z-index: 200;
  background: #785F5F;
  color: #FFF;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;

  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
.flash__body {
  padding: 29px 32px;
}
.flash_error { background-color: #C5131C; }
.flash_notice { background-color: #79B27D; }
.flash_warning { background-color: #EE7023; }


.loader-ticker {
  width: 26px;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
}
.loader-ticker::before,
.loader-ticker__bar,
.loader-ticker__bar::after,
.loader-ticker__bar::before {
  display: inline-block;
}
.loader-ticker::before,
.loader-ticker__bar::after,
.loader-ticker__bar::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background-color: #EE7023;
    -webkit-animation-name: ticker-bounce;
       -moz-animation-name: ticker-bounce;
        -ms-animation-name: ticker-bounce;
         -o-animation-name: ticker-bounce;
            animation-name: ticker-bounce;
    -webkit-animation-duration: .8775s;
       -moz-animation-duration: .8775s;
        -ms-animation-duration: .8775s;
         -o-animation-duration: .8775s;
            animation-duration: .8775s;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
       -moz-animation-direction: normal;
        -ms-animation-direction: normal;
         -o-animation-direction: normal;
            animation-direction: normal;
}
.loader-ticker__bar::after,
.loader-ticker__bar::before {
  margin-left: 4px;
}
.loader-ticker::before {
  -webkit-animation-delay: .1795s;
     -moz-animation-delay: .1795s;
      -ms-animation-delay: .1795s;
       -o-animation-delay: .1795s;
          animation-delay: .1795s;
}
.loader-ticker__bar::before {
  -webkit-animation-delay: .4055s;
     -moz-animation-delay: .4055s;
      -ms-animation-delay: .4055s;
       -o-animation-delay: .4055s;
          animation-delay: .4055s;
}
.loader-ticker__bar::after {
  -webkit-animation-delay: .5285s;
     -moz-animation-delay: .5285s;
      -ms-animation-delay: .5285s;
       -o-animation-delay: .5285s;
          animation-delay: .5285s;
}
.loader-ticker_big {
  width: 36px;
}
.loader-ticker_big::before,
.loader-ticker_big .loader-ticker__bar::after,
.loader-ticker_big .loader-ticker__bar::before {
  width: 8px; height: 8px;
}
.loader-ticker_big .loader-ticker__bar::after,
.loader-ticker_big .loader-ticker__bar::before {
  margin-left: 6px;
}
.loader-ticker_white::before,
.loader-ticker_white .loader-ticker__bar::after,
.loader-ticker_white .loader-ticker__bar::before {
  background: #FFF;
}
@keyframes ticker-bounce {
  0%    {}
  50%   { opacity: .2; }
  100%  {}
}
@-o-keyframes ticker-bounce {
  0%    {}
  50%   { opacity: .2; }
  100%  {}
}
@-ms-keyframes ticker-bounce {
  0%    {}
  50%   { opacity: .2; }
  100%  {}
}
@-webkit-keyframes ticker-bounce {
  0%    {}
  50%   { opacity: .2; }
  100%  {}
}
@-moz-keyframes ticker-bounce {
  0%    {}
  50%   { opacity: .2; }
  100%  {}
}

@keyframes ticker-bounce-inverse {
  0%    {}
  50%   { background-color: fade(#fff, 20%); }
  100%  {}
}
@-o-keyframes ticker-bounce-inverse {
  0%    {}
  50%   { background-color: fade(#fff, 20%); }
  100%  {}
}
@-ms-keyframes ticker-bounce-inverse {
  0%    {}
  50%   { background-color: fade(#fff, 20%); }
  100%  {}
}
@-webkit-keyframes ticker-bounce-inverse {
  0%    {}
  50%   { background-color: fade(#fff, 20%); }
  100%  {}
}
@-moz-keyframes ticker-bounce-inverse {
  0%    {}
  50%   { background-color: fade(#fff, 20%); }
  100%  {}
}


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

  .fieldset-grid__span
  .fieldset-grid__span_1,
  .fieldset-grid__span_2,
  .fieldset-grid__span_3,
  .fieldset-grid__span_4,
  .fieldset-grid__span_5,
  .fieldset-grid__span_6,
  .fieldset-grid__span_7,
  .fieldset-grid__span_8,
  .fieldset-grid__span_9,
  .fieldset-grid__span_10 {
    width: 50%;
  }
  .fieldset-grid__span_11,
  .fieldset-grid__span_12 {
    width: 100%;
  }

}


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

  .field {
    padding-top: 13px; padding-bottom: 12px;
    height: 46px;
  }
  .field_area { height: auto; }

  .field-block__field.field_empty ~ .field-block__label {
    -webkit-transform: translate3d(0, 36px, 0);
            transform: translate3d(0, 36px, 0);
  }
  .field-block__field:focus ~ .field-block__label {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  .switch-block_compact {
    margin-bottom: 16px;
  }

  .fieldset-grid {
    display: block;
    margin-left: 0;
  }
  .fieldset-grid__span {
    padding-left: 0;
  }
  .fieldset-grid__span
  .fieldset-grid__span_1,
  .fieldset-grid__span_2,
  .fieldset-grid__span_3,
  .fieldset-grid__span_4,
  .fieldset-grid__span_5,
  .fieldset-grid__span_6,
  .fieldset-grid__span_7,
  .fieldset-grid__span_8,
  .fieldset-grid__span_9,
  .fieldset-grid__span_10,
  .fieldset-grid__span_11,
  .fieldset-grid__span_12 {
    width: auto;
  }

  .form_compact {
    max-width: inherit;
  }

  .flash__body {
    padding: 17px 24px;
  }

}