.vacancy .delivery-desc-mt{
   border-bottom: none;
}
/* === vacancy-mt === */
.vacancy{
   border-bottom: 2px solid#C4C4C4;
}
.vacancy-mt{
   padding-top: 35px;
   padding-bottom: 35px;
}
.vacancy-mt_title{
   font-weight: 700;
   font-size: 16px;
   line-height: 19px;
   color: #931515;
}
.vacancy-box{
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   grid-row-gap: 20px;
   grid-column-gap: 35px;
   padding-top: 25px;
   padding-bottom: 25px;
   border-bottom: 2px solid #c4c4c4;
}
.box-item{
   /* display: flex; */
   align-items: center;
   display: grid;
   grid-template-columns: 15% 70%;
   grid-column-gap: 20px;
   cursor: pointer;
}
.vacancy-text_box{
   display: flex;
   justify-content: left;
}
.vacancy-text{
   font-weight: 400;
   font-size: 14px;
   line-height: 161.3%;
   color: #111111;
   border-bottom: 2px solid #ffffff; 
}
.vacancy-form{
   font-family: 'Arsenal', sans-serif;
	width: 100%;
	/* height: 36px; */
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #c4c4c4;
	padding: 8px 10px 9px 10px;
	outline: none;
	color: #111;
	font-size: 14px;
}
.box-item:hover .vacancy-text{
   font-weight: 900;
   color: #931515;  
   border-bottom: 2px solid #931515; 
}
.vacancy-text_click{
   font-weight: 900;
   color: #931515;  
   line-height: 161.3%;
   font-size: 14px;
   border-bottom: 2px solid #931515; 
}
.registration-img.vacancy-img{
   margin-right: 0;
}
.box-item:hover .registration-img{
   background-color: #ffffff;
}
.registration-img_click{
   background-color: #ffffff;
   /* width: 30px; */
   /* height: 30px; */
   width: 45px;
   height: 45px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   /* margin-right: 20px; */
}
.box-item:hover .registration-img_picture{
   -webkit-transform: scale(1.5);
   -ms-transform: scale(1.5);
   transform: scale(1.5);
   transition-duration: 0.5s;
   filter: invert(85%) sepia(50%) saturate(5446%) hue-rotate(350deg) brightness(94%) contrast(94%);
}
.registration-img_picture-click{
   width: 25px;
   height: 25px;
   -webkit-transform: scale(1.5);
   -ms-transform: scale(1.5);
   transform: scale(1.5);
   filter: invert(85%) sepia(50%) saturate(5446%) hue-rotate(350deg) brightness(94%) contrast(94%);
}
/* === vacancy-mt === */
/* === vacancy-request === */
.request-title{
   font-weight: 600;
   font-size: 16px;
   line-height: 19px;
   color: #000000;
   display: flex;
   align-items: center;
}
.vacancy-title{
   display: flex;
   padding-bottom: 15px;
   padding-top: 25px;
}
.vacancy-title_picture{
   filter: invert(85%) sepia(50%) saturate(5446%) hue-rotate(350deg) brightness(94%) contrast(94%);
   width: 26px;
   height: 26px;
   margin-right: 15px;
}
.vacancy-features{
   border: 2px solid #C4C4C4;
   box-sizing: border-box;
   border-radius: 16px;
   padding: 20px 20px;
}
.features-title{
   font-weight: 600;
   font-size: 15px;
   line-height: 18px;
   color: #282828;
   padding-bottom: 20px;
}
.features-box{
   display: grid;
   grid-template-columns: repeat(4,1fr);
   grid-column-gap: 40px;
}
.features-item_title{
   font-weight: 600;
   font-size: 14px;
   line-height: 16px;
   color: #414141;
}
.features-item_list{
   padding-top: 20px;
}
.features-list{
   font-weight: 400;
   font-size: 14px;
   line-height: 16px;
   color: #000000;
   padding-bottom: 10px;
}
.features-list::before{
   content: '';
   display: inline-block;
   width: 5px;
   height: 5px;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   background-color: #931515;
   margin-right: 10px;
   margin-top: 2px;
}
/* === vacancy-request === */
/* === vacancy-skills === */
.vacancy-skills{
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-column-gap: 110px;
   padding-top: 25px;
   padding-bottom: 25px;
}
.skills-el_title{
   font-weight: 700;
   font-size: 14px;
   line-height: 16px;
   color: #282828;
}
.skills-el_list{
   padding-top: 20px;
   padding-bottom: 15px;
}
.el-list{
   font-weight: 400;
   font-size: 14px;
   line-height: 160.3%;
   color: #171717;
   padding-bottom: 10px;
}
.el-list_red{
   font-weight: 600;
   line-height: 161.3%;
   color: #931515;
}
/* === vacancy-skills === */
/* === vacancy-summary === */
.vacancy-summary{
   border-radius: 6px;
   -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
   -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
   box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
   padding: 10px 10px;
}
.summary-form-box{
   width: 60%;
}
.vacancy-summary_title{
   font-weight: bold;
   font-size: 17px;
   line-height: 20px;
   color: #000000;
   padding-bottom: 15px;
}
.vacancy-summary_desc{
   font-weight: bold;
   font-size: 14px;
   line-height: 16px;
   color: #931515;
}
/* === vacancy-summary === */
/* === vacancy-form === */
/* .vacancy-summary{
   filter: drop-shadow(4px 4px 11px rgba(89, 89, 89, 0.25));
   border-radius: 16px;
} */

.summary-form{
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-column-gap: 50px;
}
.vacancy-form-wrap{
   width: 70%;
}
.comment-text{
   font-weight: bold;
   font-size: 14px;
   line-height: 16px;
   color: #515151;
   display: flex;
   align-items: center;
   padding-top: 10px;
   padding-bottom: 10px;
   cursor: pointer;
}
.comment-text::before{
   content: url(/img/icons/pen.svg);
   width: 15px;
   height: 15px;
   margin-right: 10px;
}
.comment-form{
   height: 150px;
   background: #FFFFFF;
   border: 1px solid #c4c4c4;
   border-radius: 4px;
   outline: none;
   padding: 15px 15px;
   width: 100%;
}
.comment-form::placeholder{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #a1a1a1;
	opacity: 0.9;
}
.comment-form::-moz-placeholder{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #a1a1a1;
	opacity: 0.9;
}
.comment-form::-webkit-input-placeholder{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #a1a1a1;
	opacity: 0.9;
}
.comment-form::-ms-input-placeholder{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #a1a1a1;
	opacity: 0.9;
}
.comment-form:-ms-input-placeholder{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #a1a1a1;
	opacity: 0.9;
}
.summary-comment{
   height: 190px;
   width: 100%;
}
.vacancy-buttons{
   display: grid;
   grid-template-areas: 'vacancy-btn field__wrapper'
   '. error-item-vac';
   grid-template-columns: 1fr 2fr;
   grid-column-gap: 20px;
   padding-top: 15px;
}

/* input upload start */

.field__wrapper {
   width: 100%;
   position: relative;
   /* margin: 15px 0; */
   text-align: center;
   grid-area: field__wrapper;
}
  
.field.field__file{
   display: none;
}
.field__file {
   opacity: 0;
   visibility: hidden;
   position: absolute;
}
  
.field__file-wrapper {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
  
 .field__file-fake {
   height: 50px;
   font-size: 14px;
   width: calc(100% - 130px);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 0 15px;
   border: 1px solid #c7c7c7;
   border-radius: 8px 0 0 8px;
   border-right: none;
 }
  
 .field__file-button {
   width: 130px;
   height: 50px;
   background: #931515;
   color: #fff;
   /* font-size: 1.125rem; */
   font-size: 14px;
   font-weight: 700;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   border-radius: 0 8px 8px 0;
   cursor: pointer;
 }

.border-error-vac{
	border: 1px solid #FF0000;
	border-radius: 4px;
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
}
/* input upload end */

.vacancy-btn{
   grid-area: vacancy-btn;
   width: 200px;
   padding: 13px 25px;
   font-weight: 700;
   font-size: 14px;
   line-height: 161.3%;
   color: #FFFFFF;
   background: #931515;
   border-radius: 8px;
   border: none;
   outline: none;
   cursor: pointer;
}

.error-item-vac{
   grid-area: error-item-vac;
   font-weight: 400;
   font-size: 10px;
   line-height: 11px;
   color: #FF0000;
   padding-top: 5px;
}

/* === vacancy-form === */
/* уведомление об успешной отправки формы start */
.sent-sms{
   position: fixed;
   right: calc(50% - 93px);
   top: calc(50% - 75px);
   background: #e5e5e5;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 185px;
   height: 150px;
   border-radius: 6px;
   z-index: 20;
   transition: 2s ease;
   opacity: .9;
   cursor: pointer;
}

.sent-sms_img{
   display: block;
   width: 45px;
   height: 45px;
}

.sent-sms_text{
   padding-top: 10px;
   text-align: center;
   font-size: 14px;
   line-height: 16px;
}

.sent-sms .circle-loading .loader{
   border-left: 0.5em solid #c4c4c4;
   font-size: 4.5px;
}
.disabled-sent{
   cursor: not-allowed;
   background: #c4c4c4;
}
/* уведомление об успешной отправки формы end */