/* контактная формы */

div.formblock {
width:100%;
/*max-width: 700px;
margin: 0 auto;*/
}

input[type=text], input[type=phone], input[type=email] {
    padding:10px; 
    border:1px solid #ccc; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
	margin: 5px 0;
	font-size:1em;
	width:calc(100% - 22px);
/*	max-width: 700px; */
	;
}

input[type=checkbox] {
	transform: scale(1.5);
}

input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus {
   /* border-color:#333; */
   outline: 2px solid rgb(81,144,188)
}

textarea {
	padding:10px; 
    border:1px solid #ccc; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
	margin: 5px 0;
	font-size:1em;
	width:calc(100% - 24px);
/*	max-width: 700px; */
	height: 4em;
}

input[type=submit] {
    padding:10px; 
    background-color: var(--background-body-color); 
    margin: 5px 0;
	
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	font-size:1em;
	}
	
	
	
.switch-field {
	display: flex;
	margin-bottom: 15px;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #e4e4e4;
	background-color: #949494;
	background-color: white;
	color: rgba(0, 0, 0, 0.6);
	color:var(--text-color);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	/*box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);*/
	transition: all 0.3s ease-in-out;
	border-radius: 5px;
    margin-right: 10px;
}



.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #a5dc86;
	box-shadow: none;
	color:white;
}

.sd .switch-field label {
	border: 1px solid rgb(81,144,188);
}

.sd .switch-field input:checked + label {
	background-color: rgb(81,144,188);
}

.nd .switch-field label {
	border: 1px solid rgb(224,142,4);
}

.nd .switch-field input:checked + label {
	background-color: rgb(224,142,4);
}

.input-wrapper {
	position: relative;
	display: inline-block;
	
	width: calc(100% - 2px);
	margin: 0 0 7px 0;
}

.input-wrapper.x2 {
	width: calc(100% - 2px);
}

.input-wrapper label {
	position: absolute;
	top:-21px;
	left:7px;
	padding:5px;
	font-size: 12px;
}