

/* Start:/bitrix/templates/newrepair/components/bitrix/main.include/calculate_form_flat/style.css?17006716145520*/
.select {
	position: relative;
	display: block;
	/*min-width: 220px;*/
	width: 100%;
	/*max-width: 400px;*/
	border: 1px solid #E5E5EA;
	background: #ffffff;
  }
  
  .select-head {
	width: 100%;
	max-width: 100%;
	line-height: 18px;
	cursor: pointer;
  }
  
  .select-head::after {
	width: 10px;
	height: 6px;
	background: #FFF url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.50495 5.78413L0.205241 1.25827C-0.0684138 0.970375 -0.0684138 0.503596 0.205241 0.215836C0.478652 -0.0719461 0.922098 -0.071946 1.19549 0.215837L5.00007 4.22052L8.80452 0.215953C9.07805 -0.0718292 9.52145 -0.0718292 9.79486 0.215953C10.0684 0.503736 10.0684 0.970492 9.79486 1.25839L5.49508 5.78425C5.35831 5.92814 5.17925 6 5.00009 6C4.82085 6 4.64165 5.928 4.50495 5.78413Z' fill='%238E8E93'/%3E%3C/svg%3E%0A") no-repeat center/cover;
	position: absolute;
	right: 20px;
	bottom: 50%;
	-webkit-transform: translateY(50%);
		-ms-transform: translateY(50%);
			transform: translateY(50%);
	content: '';
	display: block;
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
  }
  
  .select-head.open::after {
	-webkit-transform: translateY(50%) rotate(180deg);
		-ms-transform: translateY(50%) rotate(180deg);
			transform: translateY(50%) rotate(180deg);
  }
  
  .select-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #E5E5EA;
	margin-top: 5px;
	max-height: 205px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 100;
	margin: 0;
	padding: 0;
	scrollbar-color: dark;
	scrollbar-width: thin;
	-ms-scroll-chaining: none;
		overscroll-behavior: contain;
  }
  
  .select-list::-webkit-scrollbar {
	width: 7px;
	background-color: #F8F9FA;
	padding: 5px;
  }
  
  .select-list::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #D9D9D9;
  }
  
  .select-list .select-item {
	position: relative;
	border-top: 1px solid rgba(224, 229, 231, 0.5);
	padding: 10px 15px;
	cursor: pointer;
	list-style-type: none;
  }
  
  .select-list .select-item:hover {
	background-color: rgba(224, 229, 231, 0.5);
  }
  
  .calculate-form {
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #212121;
  }
  
  .calculate-form__label {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
  }
  
  .calculate-form__input-item label {
	margin-bottom: 13px;
  }
  
  .calculate-form__input-item .select, .calculate-form__input-item input {
	padding: 17px 23px;
	border: 1px solid #E5E5EA;
  }
  
  .calculate-form__input-item input:focus, .calculate-form__input-item select:focus {
	border-color: #49C628;
  }
  
  .calculate-form__input-item, .calculate-form__radio-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-flow: column;
			flex-flow: column;
  }
  
  .calculate-form__wrap-inputs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
		-ms-flex-align: end;
			align-items: flex-end;
	margin-bottom: 25px;
  }
  
  .calculate-form__wrap-checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 55%;
	margin-bottom: 19px;
  }
  
  .calculate-form__checkbox-item {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
	max-width: 50%;
	margin-bottom: 12px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
  }

  .calculate-form__radio-item {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
  }

  .calculate-form__checkbox-item input,
  .calculate-form__radio-item input {
	  margin-top: 3px;
  }
  
  .calculate-form__wrap-radio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
  }
  
  .calculate-form__radio-column {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33%;
			flex: 0 0 33.33%;
	max-width: 33.33%;
  }
  
  .calculate-form__radio-column label {
	margin-bottom: 26px;
  }
  
  .calculate-form__radio-item label, .calculate-form__checkbox-item label {
	margin-left: 10px;
  }
  
  .calculate-form__submit {
	display: block;
	margin: 0 auto;
	border: none;
	background: #49C628;
	color: #ffffff;
	padding: 15px 50px 15px 40px;
	border-radius: 50px;
  }
  
  .calculate-form__wrap-submit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	margin-top: 25px;
	margin-bottom: 45px;
  }
  
  .calculate-form__submit-block {
	display: inline-block;
	position: relative;
  }
  
  .calculate-form__submit-block svg {
	position: absolute;
	right: 23px;
	top: 13px;
  }

  @media (max-width: 990px){
	  .calculate-form__input-item {
		  margin-bottom: 20px;
	  }
  }

  @media (max-width: 768px){
	.calculate-form__input-item {
		margin-bottom: 25px;
	}

	.calculate-form__wrap-checkbox {
		width: 100%;
	}

	.calculate-form__radio-column {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.calculate-form__radio-column label {
		margin-bottom: 15px;
	}
}

@media (max-width: 420px) {
	.calculate-form__radio-column {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 15px;
	}

	.calculate-form__wrap-radio {
		text-align: center;
	}

	.calculate-form__wrap-checkbox {
		flex-direction: column;
	}

	.calculate-form__checkbox-item {
		flex: 0 0 100%;
    	max-width: 100%;
	}

}
/* End */
/* /bitrix/templates/newrepair/components/bitrix/main.include/calculate_form_flat/style.css?17006716145520 */
