/* Start:/vacancy/style.css?17885210897179*/
.vacancy-prolog{
  max-width: 515px;
  margin: 0 auto;
	color: #999;
	text-align: center;
	font: 600 14px/150% 'Open Sans';
	padding: 0 0 50px;
}
.vacancy-button{
  display: block;
  margin: 30px auto 0;
	border-radius: 5px;
	background: #FFA658;
	width: 220px;
	padding: 24px 0 22px;
	text-align: center;
	color: #FFF;
	font: 800 14px/14px 'Open Sans';
	text-decoration: none;
}

.vacancy-order-wrap {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(51, 51, 51, 0.90);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
	z-index: 20;
	padding: 0 10px;
	box-sizing: border-box;
}
.vacancy-order-open {
	pointer-events: auto;
	opacity: 1;
}
.vacancy-order-close {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
}
.vacancy-order-close_icon {
	display: block;
	position: absolute;
	right: 25px;
	top: 25px;
	width: 19px;
	height: 18px;
	overflow: hidden;
	font: normal 27px/14px Tahoma;
	color: #999;
	text-decoration: none;
}
.vacancy-order-close_icon:focus, .vacancy-order-close_icon:hover {
	color: #09BBB5;
	text-decoration: none;
	cursor: pointer;
}
.vacancy-order-info{
	padding: 60px 55px 51px;
}
.vacancy-order {
	width: 100%;
	max-width: 640px;
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	z-index: 2;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	outline: 0;
}
.vacancy-order h2{
	font: 600 30px/130% 'Open Sans';
	text-align: center;
	text-transform: uppercase;
	color: #333;	
	margin: 0;
	position: relative;
	padding: 0 0 29px;
	margin-bottom: 54px;
}
.vacancy-order h2::before {
  content: '';
  display: block;
  position: absolute;
  width: 100px;
  height: 0px;
  left: 50%;
  top: 100%;
  margin-left: -50px;
  overflow: hidden;
  border-top: 1px solid #09BBB5;
}
.vacancy-order h2::after {
  content: '';
  display: block;
  position: absolute;
  width: 50px;
  height: 0px;
  left: 50%;
  top: 100%;
  margin-left: -25px;
  margin-top: 5px;
  overflow: hidden;
  border-top: 1px solid #09BBB5;
}
.vacancy-form{
	padding: 0;
}
.vacancy-form .touch-fieldp{
	margin-bottom: 20px;
	height: 60px;
	font: 600 14px/14px 'Open Sans';
	color: #999;
}
.touch-fieldp option{
	font: 600 14px/14px 'Open Sans';
	color: #999;
}
select.touch-fieldp{
	font: 600 14px/14px 'Open Sans';
	color: #999;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
.touch-forms-select{
	position: relative;
}
.touch-forms-select::before{
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: 21px;
  width: 18px;
  height: 18px;
  z-index: 1;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconamoon:arrow-up-2-fill'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M5.25016 6.74998C5.10185 6.75001 4.95687 6.79401 4.83357 6.87643C4.71026 6.95884 4.61415 7.07596 4.5574 7.21299C4.50065 7.35001 4.4858 7.50079 4.51472 7.64625C4.54365 7.79172 4.61505 7.92534 4.71991 8.03023L8.46991 11.7802C8.61056 11.9208 8.80129 11.9998 9.00016 11.9998C9.19903 11.9998 9.38976 11.9208 9.53041 11.7802L13.2804 8.03023C13.3853 7.92534 13.4567 7.79171 13.4856 7.64625C13.5145 7.50079 13.4997 7.35001 13.4429 7.21299C13.3862 7.07596 13.2901 6.95884 13.1668 6.87643C13.0434 6.79401 12.8985 6.75001 12.7502 6.74998L5.25016 6.74998Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: right center;
	pointer-events: none;
}
select:focus {
    outline: 0;
}
textarea:focus {
    outline: 0;
}

.vacancy-form h2{
	font: normal 40px/52px 'Open Sans';
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	color: #333;	
	padding: 0 0 8px;
	margin: 0;
}
.form-grid{
  display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.form-grid-1{
  width: 100%;
	flex-grow: 1;
	flex-shrink: 1;
	padding: 0 15px;
}
.form-grid-center{
	text-align: center;
}
.form-send-success{
	font-size: 16px;
	margin-top: 20px;
	font-weight: 600;
}
.vacancy-form .button {
	background: #FFA658;
	border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:22px 15px;
	outline: 0;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	color: #fff;
	width: 200px;
	height: auto;
	text-align:center;
	white-space: nowrap;
	transition: all 1s ease;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	margin-top: 10px;
}
.vacancy-form .button:hover{
	background: #FF8F2D;
}
.vacancy-form .touch-forms label.error{
	display: none !important;
}
@media (max-width:1220px){
	.vacancy-form{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width:768px){
	.vacancy-form{
	}
	.vacancy-order-info{
		padding: 35px 25px 35px;
	}
	.vacancy-form h2{
		font-weight: 400;
		padding-bottom: 8px;
	}
}
@media (max-width:560px){
	.vacancy-form{
		padding-top: 0;
	}
	.vacancy-order-info{
		padding: 45px 0 35px;
	}
	.vacancy-order h2{
	  font-size: 21px;
	  padding-bottom: 19px;
	  margin-bottom: 34px;
	}
	.vacancy-form .button{
		padding: 18px 15px;
	}
}

.vacancy-form .check-text{
    margin:30px auto 27px;
    display:inline-block;
    text-align:left;
		font: normal 14px/14px 'Open Sans';
		font-weight: 600;
		color: #333;
}
.vacancy-form .check-text input{
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.vacancy-form .check-text a{
  color: #09bbb5;
}

.vacancy-form .check-text input+label {
  display: block;
  align-items: center;
  user-select: none;
  cursor: pointer;
  padding: 0;
	font: normal 14px/24px 'Open Sans';
	position: relative;
	padding-left: 35px;
}
.vacancy-form .check-text input+label::before {
  position: absolute;
  left: 0;
  top: 2px;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #09BBB5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 12px;
}
.vacancy-form .check-text input:checked+label::before {
  border-color: #09bbb5;
  background-color: #09bbb5;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00091 7.80007L1.20091 5.00006L0.267578 5.9334L4.00091 9.66673L12.0009 1.66673L11.0676 0.733398L4.00091 7.80007Z' fill='white'/%3E%3C/svg%3E");
}
.vacancy-form .check-text input.error+label::before {
  border: 1px solid #e23125;
}

/* End */


/* Start:/local/templates/vanilla_other_pages/components/bitrix/news.list/vacancy/style.css?17885214291868*/
.vacancys {
  flex-direction: column;
  border-top: 1px solid #F0F0F0;
}
.vacancy-item{
  border-bottom: 1px solid #F0F0F0;
	color: #999;
	font: 600 16px/150% 'Open Sans';
	padding: 20px 0 20px;
}
.vacancy-line-1{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.vacancy-name{
  flex: 1 1 0;
	color: #333;
	font: 700 20px/150% 'Open Sans';
}
.vacancy-pay{
	width: 30%;
	color: #333;
	font: 600 18px/150% 'Open Sans';
}
.vacancy-type{
	width: 24.5%;
	color: #333;
	font: 600 16px/100% 'Open Sans';
}
.vacancy-type span{
  display: inline-flex;
  align-items: center;
	border-radius: 20px;
	padding: 0 10px;
	height: 29px;
}
.vacancy-type.type-2816f1b47f95a8b1c40330376cbc9714 span{
	border: 1px solid rgba(0, 168, 166, 0.20);
	background: rgba(9, 187, 181, 0.10);
}
.vacancy-type.type-2f1afe4b90ba0dc73ed3fa2c31df91e7 span{
	border: 1px solid rgba(255, 166, 88, 0.20);
	background: rgba(255, 166, 88, 0.10);
}
.vacancy-toggle{
	width: 14px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.vacancy-item-active .vacancy-toggle{
	transform: rotate(180deg); 
}
.vacancy-item-active .vacancy-toggle svg path{
	fill: #00A8A6;
}
.vacancy-line-2{
  max-height: 0;
  overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.vacancy-item-active .vacancy-line-2{
	max-height: 1000px;
	padding: 3px 0 0;
}
.vacancy-line-2 p{
	margin: 0;
	padding: 19px 0 5px;
}
@media (max-width:768px){
	.vacancy-pay{
		width: 29%;
	}
	.vacancy-type{
		width: 20%;
	}
}
@media (max-width:620px){
	.vacancy-line-1{
		flex-wrap: wrap;
	}
	.vacancy-name{
		width: 100%;
		min-width: 100%;
	}
	.vacancy-pay{
		width: 50%;
	}
	.vacancy-type{
		width: 30%;
	}
	.vacancy-line-2{
		font-size: 14px;
	}
}
/* End */
/* /vacancy/style.css?17885210897179 */
/* /local/templates/vanilla_other_pages/components/bitrix/news.list/vacancy/style.css?17885214291868 */