/*[FORM]*/  
.form-block {max-width:400px; margin:0px auto;}
.form-title   {font-size:28px; line-height:36px; font-weight:bold; margin-bottom:16px; color:var(--dark);}
.form-desc {margin-bottom:16px; margin-top:-8px; font-size:16px;}

.f-title {font-size:24px; font-weight:bold; margin-bottom:16px;}
.f-sub {font-size:16px; margin:-8px 0px 16px 0px;}

.inp {width:100%; padding:16px; font-size:16px; line-height:24px;
	border-width:0px; border-bottom:1px solid #00000061; border-radius:4px 4px 0px 0px; background-color:#21212114;
}
.inp_ta {min-height:120px; resize:none;}
.inp:invalid {border-color:#D00;}
.inp_cb {width:20px; height:20px; margin-right:10px; vertical-align:sub;}

.f-line {margin-bottom:24px;}
.f-line_error {color:#B71C1C; display:none; margin-top:8px; margin-bottom:0; padding:8px 14px; font-size:13px; line-height:1.4;
	background:#FFF5F5; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.08);
	border:1px solid rgba(183,28,28,0.15);
	animation:f-line-tooltip-fade 0.2s ease;}
@keyframes f-line-tooltip-fade {from{opacity:0; transform:translateY(-4px);} to{opacity:1; transform:translateY(0);}}
.f-line_cb {padding-bottom:5px; border-bottom:1px solid #4ab8fe;}
.f-line_ta {}

.f-line_bottom {display:flex; align-items:center; margin:0px;}
.f-line_buttons {flex:0 0 220px; margin:0px;}
.f-line_agree {font-size:12px; line-height:16px; padding:0px 24px; flex-grow:1; margin:0px;}
.f-line_agree-label {display:flex; gap:10px; align-items:flex-start; cursor:pointer;}
.f-line_agree-label input[type="checkbox"] {flex-shrink:0; margin-top:2px;}

.form-honeypot {
	position: absolute !important;
	left: -10000px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

/*[SELECTOR]*/
.form-selector {margin-bottom:40px; display:flex;}
.form-selector .select-block {width:50%;}
.form-selector--narrow .select-block {width:100%; max-width:370px;}
.select-block {height:56px; position:relative; background-color:#21212114; border-bottom:1px solid #00000061;}
.select-block:after {content:''; position:absolute; right:20px; top:26px; width:10px; height:5px;
	background:none center center no-repeat; background-size:100%;
	background-image: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 d='M0 0.5L5 5.5L10 0.5H0Z' fill='%23707070'/%3E%3C/svg%3E");
	pointer-events:none;
}
.select-block .title {margin:6px 0px 0px 16px; font-size:12px; line-height:18px;}
.select-block SELECT {width:100%; height:54px; top:-23px; padding:18px 0px 0px 16px; position:relative; background:transparent;
    border:0; appearance:none; -webkit-appearance: none; -moz-appearance: none; cursor:pointer;}
.select-block--no-label SELECT {top:0; height:100%; padding:0 40px 0 16px;}

/*[POPUP]*/ 
 .popup
{
	max-height:100vh;
  overflow:auto;
	
  position:fixed; top:0; bottom:0; left:0; right:0;
  background:rgba(200, 200, 200, 0.8);
  z-index:1005;
  display:none;
  opacity:0;
  transition:all 0.3s ease-in-out; 
}
.popup.--on {display:flex!important;}
.popup.--ready {opacity:1.0;}

.popup__cont {position:relative; margin:auto; max-width:580px; width:100%; 
	background-color:#FFF; overflow:auto; 
	border-radius:16px; box-shadow:5px 5px 5px rgba(200,200,200,0.5);
}
.popup_wide .popup__cont {max-width:780px;}

.popup__wrap {padding:40px;}
.popup__close {cursor:pointer; position:absolute; top:46px; right:40px; transition:all 0.2s ease-out;	}
.popup__close:hover {opacity:0.55;}
.popup__close svg {width:24px; height:24px;}

/*MOBILE*/

@media (max-width:1023px)
{
	.popup  {padding:24px;}
}

@media(max-width:480px)
{
	.popup  {padding:0px;}
	
	.popup__cont  {border-radius:0px;}
	.popup__close {top:20px; right:20px;}
	.popup__wrap {padding:40px 24px;}
	
	.f-line_bottom {display:block;}
	.f-line_agree {margin-top:16px;}
	
	.form-title {font-size:20px;}
	.form-selector .select-block {width:100%;}
	.form-selector--narrow .select-block {max-width:370px;}
}