:root {
	//--white: #ffffff; /* белый */
	--red: #E4002B; /* Pantone 185С красный */	
	//--black: #3D3935; /* Pantone 7C Black  */
	--l-gray: #C1C6C8; /* Pantone 428С светло-серый */	
	--gray: #8A8D8F; /* Pantone 877С Silver*/	
	//--radius: 10px;	
	--shadow: 0 0 10px rgba(61, 57, 53, .5);
}

/* --- form -- */
.form.invisible{
	display: none;
}

.form-body .form-control{
	border-color: var(--black);   
}
.form-body .form-control:focus {
	outline: 0;
	outline-offset: 0;
	box-shadow: none;
	border-color: var(--black);
	background-color: var(--l-gray);		
}

.form-body .col-form-label, 
.form-body .form-check-label,
.form-body .form-check span,
.form-body .agriment{
	color: var(--gray);
}
.form-body p.attn {
	font-size:0.875rem;
	font-style: italic;
}
.form-body .alarm{
	color: var(--red);	
	font-weight: bold;
}

.form-body .form-check span:hover{
	text-decoration: underline;	
}

.form-check-input, .form-check-input:focus {
	border-color: var(--black);
}
.form-check-input:checked {
	background-color: var(--red);
	border-color: var(--red);
}
#formsend-bnt{
	background-color: var(--gray);
	border: 1px solid var(--gray);
}
#formsend-bnt:hover{
	background-color: var(--red);
	border: 1px solid var(--red);
}
#formsend-bnt.disabled, #formsend-bnt.disabled:hover {
	color: var(--white);
	background-color: var(--l-gray);
	border: 1px solid var(--l-gray);
}
#formsend-bnt.invisible{
	display: none;
}
.form-footer{
	text-align: right;
}
.form-footer .btn{
	padding-left: 30px;
	padding-right: 30px;
}

/* -- honeypot --*/
.form .fax {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}

select.form-select {
	color: var(--gray) !important;
	border-color: var(--black);   
}
select.form-select option:not(:checked) {
	color: var(--black) !important;
}
select.form-select option[selected] {
	color: var(--gray) !important;
}
select.form-select option:disabled {
	color: var(--l-gray) !important;
}

.error{
	border: 2px solid var(--red) !important;	
}

.form textarea.form-control {
    min-height: calc(3em + 3rem + calc(1px * 2));
}

/*  если нет bootstrap.css */

.form-select {
    --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
		-webkit-appearance: none;
		-moz-appearance: none;
    appearance: none;
    background-image: var(--bs-form-select-bg-img);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}