/* Start:/local/templates/paratus/components/bitrix/iblock.element.add.form/vacancy/style.css?17800001135970*/
.about-form {
    color: rgba(49, 52, 64, 0.5);
}

.about-form label {
    cursor: pointer;
}

.about-form__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.about-form__input-group {
    width: 40%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
}

.about-form__input-group:nth-child(2n + 1) {
    margin-right: 3.2rem;
}

.about-form__input-group label {
    position: relative;
}

.about-form__input-group input {
    border: 2px solid rgba(49, 52, 64, 0.25);
    border-radius: 6px;
    font-size: 16px;
    line-height: 20px;
    padding: 12px 9px;
}

.about-form__input-group.valid input {
    background: rgba(49, 52, 64, 0.05);
    border-color: rgba(49, 52, 64, 0.05);
}

.about-form__input-group.valid label::after {
    content: "";
    position: absolute;
    background-image: url(/local/templates/paratus/img/icons/validarea.svg);
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 22px;
    right: 11px;
    top: 34px;
    z-index: -1;
}

.about-form__input-group.non-valid input {
    background: rgba(247, 33, 70, 0.05);
    border: 2px solid #f72146;
    color: #f72146;
}

.about-form__input-mes {
	width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
}

.about-form__input-mes textarea {
    border: 2px solid rgba(49, 52, 64, 0.25);
    border-radius: 6px;
    font-size: 16px;
    line-height: 20px;
    padding: 12px 9px;
}

.about-form .upload-file {
    margin-bottom: 24px;
}

.about-form .upload-file__visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about-form .upload-file__hidden {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.about-form .upload-file__icon {
    margin-right: 12px;
}

.about-form .form-agree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.about-form .form-agree__hidden {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.about-form .form-agree__hidden:checked + label .form-agree__icon {
    border: 2px solid #313440;
}

.about-form .form-agree__hidden:checked + label .form-agree__icon::after {
    opacity: 1;
}

.about-form .form-agree:hover .form-agree__icon {
    border: 2px solid #313440;
}

.about-form .form-agree__icon {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(49, 52, 64, 0.5);
    margin-right: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.about-form .form-agree__icon::after {
    content: "";
    position: absolute;
    top: 1px;
    opacity: 0;
    left: 1px;
    width: 14px;
    height: 20px;
    background-image: url(/local/templates/paratus/img/icons/checked.svg);
    background-repeat: no-repeat;
}

.about-form input,
.about-form textarea {
    color: #313440;
}

.about-form input:focus,
.about-form textarea:focus {
    border: 2px solid #313440;
}

.about-form input:focus::-webkit-input-placeholder,
.about-form textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

.about-form input:focus::-moz-placeholder,
.about-form textarea:focus::-moz-placeholder {
    opacity: 0;
}

.about-form input:focus:-ms-input-placeholder,
.about-form textarea:focus:-ms-input-placeholder {
    opacity: 0;
}

.about-form input:focus::-ms-input-placeholder,
.about-form textarea:focus::-ms-input-placeholder {
    opacity: 0;
}

.about-form input:focus::placeholder,
.about-form textarea:focus::placeholder {
    opacity: 0;
}

.about-form__agree {
    position: relative;
}

.about-form__input-mes.non-valid textarea {
    background: rgba(247, 33, 70, 0.05);
    border: 2px solid #f72146;
    color: #f72146;
}

.about-form .about-form__agree.checked .form-agree__icon::after {
    opacity: 1;
}


.about-form__input-group.about-form__input-group--mes:nth-child(n) {
	width:100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  margin-right: 0;
}
.about-form__input-group.about-form__input-group--mes textarea {
  border: 2px solid rgba(49, 52, 64, 0.25);
  border-radius: 6px;
  font-size: 16px;
  line-height: 20px;
  padding: 12px 9px;

}
.about-form__input-group--mes.non-valid textarea {
  background: rgba(247, 33, 70, 0.05);
  border: 2px solid #F72146;
  color: #F72146;
}
.about-form__input-group .error{
  display:none;
  align-items: center;
  color:#F62146;
}
.about-form__input-group .error__icon{
  margin-right: 1.6rem;
  display:flex;
  justify-content:center;
  align-items:center;
}
.about-form__agree{
  position:relative;
}
.about-form__input-group.non-valid #confidence-error{
  position: absolute;
  top:100%;
}
.about-form__agree.non-valid label::after{
  content: none;
}
.about-form__input-group label.error{
  color: #F62146;
}

.about-form__input-group.non-valid .error{
  display:flex;
  margin-top: 10px;
}
.about-form__input-group.about-form__input-group--agree{
  width:100%;
  position:relative;
  margin-bottom: 30px;
}
.about-form__input-group.about-form__input-group--agree input:checked + .form-agree__icon::after{
  opacity:1;
}

.about-form__input-group--agree.non-valid label::after{
  content:none;
}
.about-form__input-group.upload-file.non-valid label::after{
  content:none;
}

.about-form__input-group {
  position: relative;
}
.about-form__input-group .form-reset-button {
  position: absolute;
  display:none;
  right: 10px;
  top: 35px;
  cursor: pointer;
}
.about-form__input-group.non-valid .form-reset-button {
  display:block;
}

/* End */
/* /local/templates/paratus/components/bitrix/iblock.element.add.form/vacancy/style.css?17800001135970 */