/* Start:/local/templates/aspro_main/components/bitrix/form.result.new/inline/style.css?177918500511894*/
/* form base */
.form.inline {
  max-width: 1200px;
  padding: 50px 0 0;
}

.form.inline.support-form {
  max-width: 1224px;
  padding: clamp(32px, 3vw, 48px);
}

button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.form-control {
  display: block;
  width: 100%;
  height: 48px;
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: var(--round-4);
  color: var(--base);
  font-size: var(--fs-14);
  line-height: 1.428571429;
  box-shadow: none;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out;
}

textarea.form-control {
  height: 115px;
  resize: none;
}

.form label {
  margin-bottom: 5px;
}

.form .form-group {
  position: relative;
  margin-bottom: 15px;
}

.form-group .input {
  position: relative;
}

.form-group .comments {
  margin-top: 4px;
}

.form .required-star {
  margin-left: 0;
  color: #f25353;
}

/* file input */
.form .bx-input-file-desc {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.form .inputfile {
  pointer-events: none;
}

.form .bx-input-file-desc {
  cursor: pointer;
}

.support-form [data-sid="FILE"] .text,
.support-form [data-SID="FILE"] .text {
  padding-left: 30px;
  padding-right: 36px;
}

.inputfile-clear {
  position: absolute;
  top: 50%;
  right: 14px;
  z-index: 5;
  display: none;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  transform: translateY(-50%);
  cursor: pointer;
  pointer-events: auto;
}

.input.selected .inputfile-clear {
  display: block;
}

.inputfile-clear::before,
.inputfile-clear::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 4px;
  width: 12px;
  height: 2px;
  border-radius: 2px;
  background: var(--secondary-color);
}

.inputfile-clear::before {
  transform: rotate(45deg);
}

.inputfile-clear::after {
  transform: rotate(-45deg);
}

.inputfile-clear:hover::before,
.inputfile-clear:hover::after {
  background: var(--title-color);
}

[data-sid="FILE"] .input:hover .bx-input-file-desc,
[data-SID="FILE"] .input:hover .bx-input-file-desc {
  background: var(--color-base);
  color: var(--white);
}

[data-sid="FILE"] .input use,
[data-SID="FILE"] .input use {
  stroke: var(--muted);
}

[data-sid="FILE"] .text,
[data-SID="FILE"] .text {
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: 40px;
}

.svg-attach,
.svg-attach svg {
  width: 13px;
  height: 20px;
}

.form .svg-attach {
  position: absolute;
  top: 13px;
  right: 13px;
}

/* fake select */
.inputselect {
  opacity: 0;
}

.fake-select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  display: none;
  height: 48px;
  max-height: 200px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: var(--round-4);
  background: var(--white);
  box-shadow: none;
}

.fake-select--visible {
  display: block;
}

.fake-select--scroller {
  z-index: 4;
}

.fake-select--scroller.fake-select--visible {
  height: auto;
  overflow-y: auto;
}

.fake-select__item {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 6px 14px;
  font-size: var(--fs-14);
  line-height: 1.428571429;
}

.fake-select__item:hover,
.fake-select__item--active {
  background: var(--white);
}

.fake-select__item:hover {
  cursor: pointer;
}

.fake-select__item--active {
  cursor: default;
}

.fake-select .svg-arrow-down,
.fake-select .svg-arrow-down svg {
  width: 16px;
  height: 16px;
}

.fake-select .svg-arrow-down {
  position: absolute;
  top: 16px;
  right: 16px;
}
.svg-arrow-down
.svg-arrow-down use {
  stroke: var(--dark);
  opacity: 0.7;
}

.fake-select:hover .svg-arrow-down use {
  opacity: 1;
}

/* categories select */
.support-form .form-control.categories-select {
  height: auto;
}

.categories-select option {
  margin-bottom: 2px;
  padding: 6px 8px;
  border-radius: var(--round-6);
  cursor: pointer;
}

.categories-select option:hover {
  color: var(--blue-shade-1);
}

.categories-select option:active,
.categories-select option:checked,
.categories-select option:focus,
.categories-select:focus option:checked,
.categories-select:focus option:focus,
.categories-select:focus option:active {
  background-color: var(--grey-shade-11);
}

.categories-select__root-items,
.categories-select__root-items-chield {
  font-size: var(--fs-14);
  line-height: var(--fs-14-line-height);
  letter-spacing: 0;
}

.categories-select__root-items {
  color: var(--title-color);
  font-weight: 500;
}

.categories-select__root-items-chield {
  color: var(--text-color);
  font-weight: 400;
}

/* license */
.form .licence_block {
  position: relative;
  top: 0;
  display: inline-block;
  margin: -18px 0 0;
  padding: 0 0 29px;
  box-shadow: none;
}

body .licence_block .form-checkbox__input--visible {
  position: absolute;
  left: 0;
  width: 21px;
  height: 21px;
  visibility: visible;
  opacity: 0;
}

/* old form footer / success */
.form-footer {
  margin-top: 40px;
  text-align: center;
}

.form.success {
  max-width: 600px;
}

.form-send {
  padding: 25px 40px;
}

.svg-success,
.svg-success svg {
  width: 56px;
  height: 56px;
  margin: auto;
}

.svg-success use {
  fill: var(--color-base);
}

/* support form */
.support-form__body {
  width: 100%;
}

.support-form__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
}

.support-form__fields > div,
.support-form__fields > .form-group {
  grid-column: 1 / -1;
  min-width: 0;
}

.support-form__fields > [data-SID="AUTHOR"],
.support-form__fields > [data-sid="AUTHOR"],
.support-form__fields > [data-SID="PARTNER"],
.support-form__fields > [data-sid="PARTNER"] {
  grid-column: span 1;
}

.support-form .form-group {
  margin: 0;
}

.support-form label {
  margin: 0 0 4px;
  color: var(--title-color);
  font-size: var(--fs-13);
  line-height: var(--fs-13-line-height);
  font-weight: 400;
}

.support-form .fake-select,
.support-form .form-control:not(.categories-select) {
  height: 48px;
  padding: 11px 16px;
  border: 1px solid var(--stroke);
  border-radius: var(--round-8);
  background: var(--grey-shade-11);
  color: var(--title-color);
  font-size: var(--fs-15);
  line-height: var(--fs-15-line-height);
}
.fake-select--visible:not(.scrollbar) .fake-select__item{
  background: var(--grey-shade-11);
}
.form-group .fake-select--active .fake-select__item{
  background: var(--white);
  border-color: #bfc3cf;
}
.support-form .form-control:not(.categories-select):hover,
.support-form [data-sid="FILE"] .input:hover .bx-input-file-desc,
.support-form [data-SID="FILE"] .input:hover .bx-input-file-desc {
  background: var(--grey-shade-11);
  border-color: #d8dce6;
  box-shadow: none;
}

.support-form .form-control:not(.categories-select):active,
.support-form .form-control:not(.categories-select):focus,
.support-form .fake-select__item:active,
.support-form .fake-select__item:focus {
  background: var(--white);
  border-color: #bfc3cf;
  outline: none;
}

.support-form .form-control::placeholder {
  color: var(--secondary-color);
}

.support-form textarea.form-control {
  height: 96px;
  resize: none;
}

.support-form .comments {
  margin-top: 4px;
  color: var(--secondary-color);
  font-size: var(--fs-13);
  line-height: 16px;
}

.support-form .input {
  position: relative;
}

.support-form .fake-select {
  padding: 0;
  background-color: #FFFFFF;
}

.support-form .fake-select--text {
  display: block;
  cursor: pointer;
}

.support-form .fake-select--scroller {
  top: calc(100% + 4px);
  z-index: 20;
  height: auto;
  max-height: 240px;
  overflow-y: auto;
  padding: 8px;
}


.support-form .fake-select--scroller .fake-select__item:hover {
  color: var(--blue-hover);
}

.support-form .svg-arrow-down {
  top: 16px;
  right: 16px;
}

/* support file */
.support-form [data-sid="FILE"] .bx-input-file-desc,
.support-form [data-SID="FILE"] .bx-input-file-desc {
  padding: 11px 16px;
  border: 1px solid var(--stroke);
  border-radius: var(--round-8);
  background: var(--grey-shade-11);
  color: var(--secondary-color);
}

.support-form [data-sid="FILE"] .input:hover .bx-input-file-desc,
.support-form [data-SID="FILE"] .input:hover .bx-input-file-desc {
  color: var(--secondary-color);
}

.support-form .svg-attach {
  top: 14px;
  right: auto;
  left: 16px;
}

.support-form [data-sid="FILE"] .text,
.support-form [data-SID="FILE"] .text {
  padding-right: 0;
  padding-left: 30px;
}
.inputfile-clear {
  position: absolute;
  top: 50%;
  right: 14px;
  z-index: 3;
  display: none;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translateY(-50%);
  cursor: pointer;
}

.selected .inputfile-clear {
  display: block;
}

.inputfile-clear::before,
.inputfile-clear::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 4px;
  width: 12px;
  height: 2px;
  background: var(--secondary-color);
  border-radius: 2px;
}

.inputfile-clear::before {
  transform: rotate(45deg);
}

.inputfile-clear::after {
  transform: rotate(-45deg);
}

.inputfile-clear:hover::before,
.inputfile-clear:hover::after {
  background: var(--title-color);
}
/* support footer */
.support-form__captcha {
  margin: 32px 0;
}

.support-form__footer {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  margin-top: 32px;
  text-align: left;
}

.support-form .licence_block {
  display: block;
  margin: 0;
  padding: 0;
}

.support-form .form-checkbox__label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  cursor: pointer;
}

.support-form .form-checkbox__box {
  order: 0;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 1px solid var(--stroke);
  border-radius: var(--round-6);
  background: var(--grey-shade-11);
}

.support-form .form-checkbox__label span:not(.form-checkbox__box) {
  order: 1;
  color: var(--title-color);
  font-size: var(--fs-13);
  line-height: 20px;
}

.support-form .form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box {
  background: var(--blue);
  border-color: var(--blue);
}

.support-form__button,
.support-form__submit {
  width: 100%;
}

.support-form__submit {
  min-height: 48px;
  border-radius: var(--round-8);
  font-size: var(--fs-16);
  line-height: 24px;
  font-weight: 600;
}
.support-form__submit_back{
  width: 163px;
  margin-top: 8px;
}
/* adaptive */
@media (max-width: 767px) {
  .form.inline.support-form {
    padding: 24px;
  }

  .support-form__fields {
    grid-template-columns: 1fr;
  }

  .support-form__fields > [data-SID="AUTHOR"],
  .support-form__fields > [data-sid="AUTHOR"],
  .support-form__fields > [data-SID="PARTNER"],
  .support-form__fields > [data-sid="PARTNER"] {
    grid-column: 1 / -1;
  }
}

@media (max-width: 599px) {
  .form-send .flex-row__item {
    flex-basis: 100%;
    text-align: center;
  }
}
.fake-select__item--active{
  background-color: #F4F6F9;
  border-radius: 6px;
}
.support-form .form-group--error .form-control,
.support-form .form-control--error {
  background: var(--white);
  border-color: #ff7188;
}

.support-form .form-group--error .form-control:hover,
.support-form .form-control--error:hover,
.support-form .form-group--error .form-control:focus,
.support-form .form-control--error:focus {
  background: var(--white);
  border-color: #ff7188;
}

.form-error {
  margin-top: 4px;
  color: #ff7188;
  font-size: var(--fs-13);
  line-height: 20px;
}

.support-form .form-group--error .comments {
  display: none;
}
@media (max-width: 575px) {
  .form-send__icon{
    display: none;
  }
}
.alert-danger{
  padding: 16px 20px;
  background: #DF1D3C1F;
  border: 1px solid #DF1D3C3D;
  border-radius: 6px;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #DF1D3C!important;
}
.alert-danger p{
  margin: 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #DF1D3C!important;
}
.alert-danger .errortext{
  color: #DF1D3C!important;
}

/* End */


/* Start:/local/templates/aspro_main/css/check_radio_box.min.css?17768353205257*/
.form-checkbox__input{appearance:none;opacity:0;position:absolute;}body .form-checkbox__input--visible{display:block;visibility:hidden;width:0;line-height:0;margin:0;}body .form-checkbox__label{padding:1px 0 0 31px;position:relative;z-index:1;cursor:pointer;outline:0;display:block;margin:0 0 3px;color:#666;color:var(--title-color);line-height:calc(1em + 7px);min-height:20px;user-select:none;}body .form-checkbox__label:hover{color:var(--color-base);}.form-checkbox__label.form-checkbox__label--no-text{padding-left:20px;}.form-checkbox__label:not(.form-checkbox__label--sm){font-size:.93333em;}.form-checkbox__label--sm{font-size:.86667em;}.form-checkbox__box{border-radius:6px;position:absolute;top:0;left:0;height:20px;width:20px;box-sizing:border-box;background:0 0;background:#F7F7FB;border:1px solid #afafaf;border:1px solid var(--stroke);transition:all 250ms cubic-bezier(.4,0,.23,1);transition:all ease .3s;}.form-checkbox__label:hover .form-checkbox__box{box-shadow:0 0 0 1px inset var(--color-base);border-color:var(--color-base);}.bx-ie .form-checkbox__label:hover .form-checkbox__box{box-shadow:0 0 0 1px #9e9e9e inset;border-color:#9e9e9e;}.form-checkbox__input:checked + .form-checkbox__label{color:#333;color:var(--dark);}.form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box{border:8px solid #9e9e9e;border-color:var(--color-base);background-color:#9e9e9e;background-color:var(--color-base);}.form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:-3px;top:0;width:4px;height:8px;border-right:2px solid transparent;border-bottom:2px solid transparent;content:"";box-sizing:content-box;transform-origin:0 100%;animation:checkbox-check 125ms 250ms cubic-bezier(.4,0,.23,1) forwards;}.form-checkbox--margined .form-checkbox__label{margin-bottom:13px;}.form-checkbox--margined .form-checkbox__label:last-of-type{margin-bottom:6px;}.form-radiobox__input{display:none;}.form-radiobox__label{padding:1px 0 0 31px;position:relative;z-index:1;cursor:pointer;outline:0;display:block;margin:0 0 13px;color:#666;color:var(--title-color);font-size:.93333em;line-height:calc(1em + 7px);min-height:20px;}.form-radiobox__box{position:absolute;top:0;display:block;width:21px;height:21px;background-color:#f8f8f8;border:1px solid #ddd;border-radius:50%;transition:all .2s;left:0;border-color:var(--stroke);background-color:#f8f8f8;}.form-radiobox:hover .form-radiobox__box{box-shadow:0 0 0 1px inset var(--color-base);border-color:var(--color-base);}.bx-ie .form-radiobox:hover .form-radiobox__box{box-shadow:0 0 0 1px #9e9e9e inset;border-color:#9e9e9e;}.form-radiobox__input:checked + .form-radiobox__label{color:#333;color:var(--dark);}.form-radiobox__input:checked + .form-radiobox__label .form-radiobox__box{border:7px solid #9e9e9e;border-color:var(--color-base);box-shadow:none;}.form-checkbox--one-value .form-checkbox__box{display:none;}.form-checkbox--one-value .form-checkbox__label{padding-left:0;padding-top:0;margin-bottom:0;}.form-checkbox--one-value .form-checkbox__label:hover{color:var(--title-color);}.form-checkbox--one-value .form-checkbox__input:checked + .form-checkbox__label,.opened .form-checkbox--one-value .form-checkbox__label{color:#fff;}.bx_filter_parameters_box:not(.opened) .form-checkbox--one-value .form-checkbox__input:checked + .form-checkbox__label{color:var(--title-color);}body .disabled{color:#666;color:var(--light_basic_text_black);cursor:not-allowed;opacity:.6;}body .disabled .form-checkbox__box{background-color:#f8f8f8;}body .disabled .form-box{background-color:#f8f8f8;border-color:#ddd;box-shadow:none;}.form-checkbox__label.form-checkbox__label--toggle{--toggle-width:36px;--toggle-height:20px;--toggle-padding:2px;padding:0;display:flex;justify-content:space-between}.form-checkbox__label--toggle .form-checkbox__box{display:block;position:relative;left:auto;height:var(--toggle-height);width:var(--toggle-width);padding:var(--toggle-padding);border-radius:50px;right:0;border:none!important;box-shadow:none!important;background:#E7EBF4;flex-shrink:0}.form-checkbox__label--toggle .form-checkbox__box:before{display:none}.form-checkbox__label--toggle .form-checkbox__box:after{content:"";position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:calc(var(--toggle-height) - calc(var(--toggle-padding) * 2));height:calc(var(--toggle-height) - calc(var(--toggle-padding) * 2));background-color:#fff;border-radius:100%;transition:left ease .3s}.form-checkbox__input:checked+.form-checkbox__label--toggle .form-checkbox__box{background:var(--color-base)}.form-checkbox__input:checked+.form-checkbox__label--toggle .form-checkbox__box:after{left:auto;left:calc(100% - calc(var(--toggle-height) - calc(var(--toggle-padding) * 2)) - var(--toggle-padding));right:var(--toggle-padding)}/**/@keyframes checkbox-check{0%{width:0;height:0;border-color:#fff;transform:translate3d(0,0,0) rotate(45deg)}33%{width:.2em;width:4px;height:0;transform:translate3d(0,0,0) rotate(45deg)}100%{width:.2em;width:4px;height:.5em;height:8px;border-color:#fff;transform:translate3d(0,-8px,0) rotate(45deg)}}
/* End */
/* /local/templates/aspro_main/components/bitrix/form.result.new/inline/style.css?177918500511894 */
/* /local/templates/aspro_main/css/check_radio_box.min.css?17768353205257 */