@charset "UTF-8";


form .block {
	position: relative;
	margin-bottom: 48px;
}


form .h3 {
	display: block;
	margin: 0 0 24px;
}

form.count-blocks .block::before {
  counter-increment: form;                   
  content: counter(form) "."; 
  position: absolute;
  left: -20px;
  top: 0;
  font-size: 18px;
  line-height: 26px;
}



form {
  counter-reset: form;                  
}



.coupon-amount {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	border: 2px solid var(--greenlight);
	border-radius: 24px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	width: 160px;
	text-align: center;
	overflow: hidden;
}

.coupon-amount:hover {
	border-color: var(--green);
}

.coupon-amount > div {
	padding: 8px 0;
	line-height: 24px;
	font-weight: 600;
	cursor: pointer;
}

.coupon-amount .rem, .coupon-amount .add { 
	width: 16px; 
	color: var(--green); 
	font-size: 20px; 
	padding: 8px 16px; 
}
 
.coupon-amount .rem:hover, .coupon-amount .add:hover { background: var(--green); color: #fff }


.iwrap {
	position: relative;
	margin: 0 0 32px;
	margin-left: 140px;
}

.form-style-2 .iwrap {
	position: relative;
	margin: 24px 0;
}

.iwrap input, .iwrap select {
	display: block;
	box-sizing: border-box;
	background: none;
	border: 2px solid var(--greenlight);
	border-radius: 24px;
	padding: 8px 16px;
	line-height: 24px;
	font-size: 16px;
	width: 100%;
}

select {
	position: relative;
}

.iwrap select {
	background: url(/hu/images/web/arrow-down.png) no-repeat 94% center;
	background-size: 14px auto;
}

.in-form select {
	background: url(/hu/images/web/arrow-down.png) no-repeat right center;
	background-size: 14px auto;
}

.iwrap select {
	appearance: none;
}

.form-style-2 .iwrap input { background: #fff; border: none }

.iwrap input:focus, .iwrap select:focus {
	outline: none;
	border-color: var(--green);
	background: #fff;
}

.xshort input {
	max-width: 120px;
}

.short input {
	max-width: 240px;
}

.in-form input {
	padding-left: 86px
}

.inv .in-form select  {
	top: 36px;
}

.in-form select {
	position: absolute;
	top: 10px;
	left: 16px;
	border: none;
	padding: 0;
	line-height: 24px;
	font-size: 14px;
	width: 60px;
	text-align: right;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
}

.in-form select:focus {
	outline: none;
}


.iwrap label {
	position: absolute;
	left: -140px;
	top: 12px;
	font-size: 15px;
	width: 124px;
	line-height: 20px;
}


.warning label {
	color: var(--red)
}

.inv .warning label {
	color: var(--white)
}

.warning .reason {
	color: var(--red);
	font-size: 14px;
	margin: 8px 10px;
}

.inv .warning .reason {
	color: var(--white);
}

.warning input,
.warning select {
	border-color: var(--red);
}

.inv .warning input,
.inv .warning select {
}


input.visually-hidden {
	opacity: 0;
	height: 0;
	min-height: 0;
	padding: 0;
	margin: 0;
	pointer-events: none;
	overflow: hidden;
	border: none;
	position: absolute;
}

.form-style-2 .iwrap label {
	display: block;
	position: relative;
	left: auto;
	top: auto;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 700;
	width: auto;
}

form .checker {
	margin-bottom: 12px;
	padding-left: 40px;
	position: relative;
	line-height: 24px;
}

form .checker:before,
form .checker:after {
	position: absolute;
	left: 10px;
	top: 12px;
	transform: translate(-50%,-50%);
	content: ''
}

form .checker:before {
	width: 16px;
	height: 16px;
	border: 2px solid var(--green);
	border-radius: 4px;
}

form .checker.checked:after {
	width: 8px;
	height: 8px;
	background: var(--green);
	border-radius: 2px;
}

form .checker:before { border-color: var(--dark); }
form .checker.checked:after { background-color: var(--dark); }

.inv form .checker:before { border-color: #fff; }
.inv form .checker.checked:after { background-color: #fff; }

.line.sum {
	margin-top: 16px;
	font-size: 18px;
	font-weight: 600;
	color: var(--green);
}

.form-panel {
	position: sticky;
	position: -webkit-sticky;
	top: 120px;
}

form .block .iwrap span.caption {
	margin: 8px 0 0 10px;
	line-height: 18px;
	display: block;
}

form .radio {
	margin: 24px 0;
}

.radio > div {
	padding-left: 36px;
	position: relative;
	line-height: 24px;
	margin-bottom: 10px;
}

.radio.hor {
	text-align: center;
	display: block;
}

.radio.hor  > div {
	display: inline-block;
	margin-right: 32px;
}

.radio > div:hover:before {
	border-color: var(--green);
}

.inv .radio > div:hover:before {
	border-color: var(--white);
}

.radio > div:before {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 16px;
	height: 16px;
	border: 2px solid var(--dark);
	border-radius: 16px;
	transform: translate(-50%,-50%);
	content: '';
	cursor: pointer;
}

.radio > div.selected:after {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 10px;
	height: 10px;
	border-radius: 16px;
	transform: translate(-50%,-50%);
	content: '';
	cursor: pointer;
	background: var(--dark);
}




.radio-container .radio.hor {
	padding-bottom: 32px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 48px;
}

.radio-container .pers,
.radio-container .comp { 
	display: none;
}
.radio-container.pers .pers,
.radio-container.comp .comp  { 
	display: block;
}




.noapp input {
	appearance: none;
}


form .feedback {
	color: var(--red);
	font-weight: 600;
	text-align: center;
}

form.inv .feedback {
	color: var(--white);
}




form .coupons {
}

form .coupons .button {
	margin: 0 4px 4px 0;
}

form .caption.coupon-caption {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	margin: 12px 0 0 10px;
}



.captcha {
	margin: 24px 0;
	text-align: center;
}

.g-recaptcha {
	display: inline-block;
}


@media only screen and (max-width: 919px) {

	.iwrap {
		margin: 0 0 32px;
		margin-left: 0;
	}
	
	.iwrap label {
		display: inline-block;
		position: relative;
		left: auto;
		top: auto;
		margin-bottom: 6px;
		width: auto;
	}
	
	.iwrap.in-form select  {
		top: 36px;
	}
	
	.form-panel {
		position: relative;
		top: auto;
		margin: 24px 0 72px;
	}
	
	form.count-blocks .block .h3 {
		margin-left: 20px;
	}
	
	form.count-blocks .block::before {
		left: 0;
	}
	
}