.form-header{text-align: center; padding: 15px 31px 5px; border-bottom: 1px solid rgba(82,92,105,0.11);}
	.form-header-title{font-size:24px; font-weight:600; word-break: break-word; color: var(--b24-text-color); line-height:28px; margin-bottom: 9px;}
	.form-header-description{ font-size:16px; margin: 0 0 15px 0; color: var(--b24-text-color); opacity: .8; word-break: break-word;}
.form-field{margin-bottom: 15px; position:relative;}
	.input-field{font-family: 'Arial'; position:relative; text-align:left;}
		.input-text{display:block; text-align:left; width:100%; padding:20px 15px 0 15px; border-radius: 4px; height: 52px; border: 1px solid rgba(0,0,0,.1);background-color: rgba(0,0,0,.08); line-height:30px; font-size:16px; font-family: 'Arial'; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
		textarea.input-text{height: 104px; line-height:normal;}
.button-submit{display:block; padding: 15px 20px; min-height: 52px; width: 100%; border: 0; border-radius: 4px; background-color: #0f58d0; font-weight:600; font-size:16px; color: #fff; text-align:center; cursor:pointer;}
.ff-labin label {transition: all 0.2s ease-out; position: absolute; left: 0; top: 0; right: 0; padding: 0 15px 0 15px; line-height: 26px; font-size: 14px;  opacity:0.8; text-align:left;}
.ff-labin label span{color: #bd1727;}
.ff-labin.form__field--empty label {line-height: 50px; font-size: 16px;}
.ff-labin.form__field--focused label {line-height: 26px; font-size: 14px; position: absolute; left: 0; top: 0; right: 0;}
.ff-labin.form__field--focused .input-text {background:none; border:1px solid #bd1727;}

.form__field--error .form__error{}
.form__field--error .form__error{position: absolute; top: calc(100% - 3px); left: 12px; background: #f25830; z-index: 10; border-radius: 0 2px 2px 2px; padding: 2px 4px 2px 22px; font-size:13px; color: #fff;}
.form__field--error .form__error:after{content: ''; display: block; height: 6px; width: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 3px solid #f25830;  border-top-color: rgb(242, 88, 48);   border-right-color: rgb(242, 88, 48); border-top-color: transparent; border-right-color: transparent; position: absolute; left: 0; bottom: 100%;}
.form__field--error .form__error:before {content: ''; display: block; -webkit-box-sizing: border-box; box-sizing: border-box;  position: absolute; left: 3px; top: 3px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjAxNiAxMi45MTJsLTYuODgtMTEuNDU4Yy0uNTMtLjg4LTEuNzkzLS44OC0yLjMxMSAwTC45NDUgMTIuOTEyYy0uNTQuOTAyLjExMyAyLjA0MSAxLjE2MiAyLjA0MWgxMy43NThhMS4zNDcgMS4zNDcgMCAwMDEuMTUtMi4wNDF6TTcuOTk0IDUuNDQ2YS45MS45MSAwIDAxLjkxMy0uOTEzaC4xMjRhLjkxLjkxIDAgMDEuOTE0LjkxM3YzLjQxN2EuOTEuOTEgMCAwMS0uOTE0LjkxNGgtLjEyNGEuOTEuOTEgMCAwMS0uOTEzLS45MTRWNS40NDZ6bTIuMTMxIDYuNjMxYzAgLjYzMi0uNTE4IDEuMTUtMS4xNSAxLjE1LS42MzIgMC0xLjE1LS41MTgtMS4xNS0xLjE1IDAtLjYzMS41MTgtMS4xNSAxLjE1LTEuMTUuNjMyIDAgMS4xNS41MTkgMS4xNSAxLjE1eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center; background-size: auto; width: 15px; height: 15px; background-size: contain;}

.lead__form--popup{overflow-y:auto}
	.lead__btn{cursor:pointer; position:fixed; right:40px; bottom:20px;}
	.lead__btn{background: #ef3000; line-height:20px; border-radius:50%; height: 50px; width:50px; display:block; }
	.lead__btn:before{content:''; display:block; background: #ef3000; opacity:0.2; left:-5px; top:-5px; bottom:-5px; right:-5px; position:absolute; border-radius:50%;}
	.lead__btn svg{width:auto; height:24px; position:absolute; top:50%; left:50%; margin-top:-11px; margin-left:-12px;}
	.lead__btn:after{content:''; display:block; position:relative; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #ef3000; border-radius: 50%;}
	.lead__popup{ transition: 0.2s ease-out; max-width: 510px; position: fixed; max-height: 100%; height: 100vh; box-sizing: border-box; z-index: 99999; overflow: hidden; top:0; right:-800px; background:#FFF; }
	.lead__form--side{padding:15px 30px; overflow-y: auto;}

.lead__close{position: absolute;
top: 12px;
right: 23px;
width: 28px;
height: 28px;
border-radius: 100%;
border: 0;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
opacity: .5;
cursor: pointer;
outline: 0;
z-index: 25;
background-color: #bd1727;
}
.lead__close:before{transform: translate(-50%,-50%) rotate(45deg); content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 15px; background-color: #fff;}
.lead__close:after{transform: translate(-50%,-50%) rotate(-45deg); content: '';
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 15px;
background-color: #fff;}


.lead__btn:after{-webkit-animation:widgetPulse infinite 1.5s;animation:widgetPulse infinite 1.5s}
@-webkit-keyframes widgetPulse{
	50%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}
	100%{-webkit-transform:scale(2,2);transform:scale(2,2);opacity:0}
}
@keyframes widgetPulse{
	50%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}
	100%{-webkit-transform:scale(2,2);transform:scale(2,2);opacity:0}
}

.opened .lead__popup{right:0px;}
.opened .lead__layout{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1001;}



.form__note{}
.form__note .ok-message{background-color: #a0be47; padding:250px 30px 150px 30px; text-align:center; color: #000; font-size:20px; line-height:24px; position:relative;}
.form__note .ok-message:before{ content:''; display:block; position:absolute; top:30px; left:50%; margin-left:-85px;  display:block;
  width: 169px;
  height: 169px;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%20169%20169%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22a%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2265.5%22/%3E%3Cfilter%20x%3D%22-.8%25%22%20y%3D%22-.8%25%22%20width%3D%22101.5%25%22%20height%3D%22101.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-1%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.0886691434%200%22%20in%3D%22shadowInnerInner1%22%20result%3D%22shadowMatrixInner1%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner2%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22shadowBlurInner2%22%20result%3D%22shadowOffsetInner2%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner2%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner2%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.292285839%200%22%20in%3D%22shadowInnerInner2%22%20result%3D%22shadowMatrixInner2%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner1%22/%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner2%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke-opacity%3D%22.05%22%20stroke%3D%22%23000%22%20fill-opacity%3D%22.07%22%20fill%3D%22%23000%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2284%22/%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cpath%20fill%3D%22%23A0BE47%22%20d%3D%22M76.853%20107L57%2087.651l6.949-6.771%2012.904%2012.576L106.051%2065%20113%2071.772z%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position:50% 50%; background-size:contain;
}

.lead__form--popup .form__note{width:450px;}
.lead__form--popup .form__note .ok-message{position:absolute; top:0; left:0; right:0; bottom:0;}

.lead__form--page{text-align:center;overflow: hidden;}
.lead__form--page> div{max-width: 700px; margin:0 auto;}


