/*  Форма */

/*.popup { position:absolute; background-color:#fff; }
*/
.search form {
	display: flex;
	gap: 10px;
}
.search form button {
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	font-family: 'OpenSansRegular', sans-serif;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	padding: 1px 20px;
	color: #fff;
	background-color: #aa0038;
	border: 1px solid #aa0038;
	vertical-align: middle;
}
/*form { padding:1.5%; }*/
input[type="text"], input[type="password"], textarea, select { width:100%; padding:2px 10px; display:inline-block; font-size:20px; border-radius:0; border:1px solid #e4e4e4; background-color:#f9f9f9; font-family:'OpenSansRegular', sans-serif; color:#000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"] { height:48px; }
select { height:48px; padding:2px 6px; background:#f9f9f9; font-family:'OpenSansRegular', sans-serif; }
.mg_select { width:100%; position:relative; display:inline-block; padding-right:40px; border-radius:0; border:1px solid #e4e4e4; background:url(../img/selectarrow.png) no-repeat right #f9f9f9; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor:pointer; }
.mg_select input { width:100%; height:46px; background:none; border:none; padding-top:0; padding-bottom:0; padding-right:0; cursor:pointer; }
.mg_sldisabled { border:1px solid #CCC !important; }
.mg_select .mg_sllist { width:inherit; top:54px; left:-1px; display:none; text-align:left; z-index:100; background:#f9f9f9; position:absolute; border:1px solid #e4e4e4; max-height:300px; overflow-x:hidden; overflow-y:auto; }
.mg_select .mg_sllist a { color:#000; display:block; padding:5px 25px 5px 8px; font-size:14px; font-weight:normal; text-decoration:none; white-space:nowrap; }
.mg_select .mg_sllist a:hover, .selectlist a.current { background-color:#aa0038; color:#fff; }

.mg_suggestions .mg_suglist { border:1px solid #ccc; position:absolute; min-width:200px; max-width:600px; box-shadow:2px 2px 8px rgba(0, 0, 0, 0.2); }
.mg_suggestions .mg_suglist a { color: #333 !important; font-size: 20px; background-color:#FFF; color:#000; display:block; padding:10px 30px 10px 10px;  text-decoration:none; font-weight:normal; }
.mg_suggestions .mg_suglist a:hover, .mg_suggestions .mg_suglist a.current { background-color:#aa0038; color:#FFF !important; }

.mg_input_icon {
	width:100%;
	height:46px;
	padding-right:40px !important;
	border-radius:0;
	border:1px solid #e4e4e4;
	background-repeat:no-repeat;
	background-position:right center;
	background-color:#f9f9f9;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*cursor:pointer;*/
}
.date { background-image:url(../img/icons/icon_calendar.png); }
.search_icon { background-image:url(../img/icons/search.png); }
.hour_f { background-image:url(../img/icons/icon_hour.png); }
.people_f { background-image:url(../img/icons/icon_people.png); }
.email_f { background-image:url(../img/icons/email_form.png); }
.phone_f { background-image:url(../img/icons/phone_form.png); }
.password_f { background-image:url(../img/icons/password_form.png); }
.note_f { background-image:url(../img/icons/note_form.png); background-repeat:no-repeat; background-position:right 5px; }

textarea { min-height:150px; width:100%; padding-top:5px; font-size:18px; }
.pp_content textarea { margin-bottom:1.5%; }

.field_label { padding-bottom:3px; margin:15px 0 6px 0; color:#888888; font-family:'OpenSansRegular', sans-serif; display:block; }
.padding .field_label, .padding_cell .field_label { margin-top:0; }

.field_100 { width:100%; }
.field_50 { width:47%; float:left; }
.field_25 { width:22%; float:left; }

.form_col_100 { width:97%; }
.form_col_50 { width:47%; float:left; }
.form_col_30 { width:30.33%; float:left; }
.form_col_70 { width:60.33%; float:left; }

.padding { margin:0 1.5%; }
.padding_cell { margin:1.5%; }
.margin_r { margin-right:1.5%; }

form.padding { margin:0 0.5%; }

::-webkit-input-placeholder { color:#888888; opacity:100;}
:-moz-placeholder { /* Firefox 18- */ color:#888888; opacity:100;}
::-moz-placeholder { /* Firefox 19+ */ color:#888888; opacity:100;}
:-ms-input-placeholder { color:#888888; opacity:100; }
/*  Край на Форма */

/*  Бутони */
input[type="button"].button, input[type="submit"].button, a.button { padding:14px 18px; font-size:18px; line-height:18px; text-align:center; font-family:'OpenSansRegular', sans-serif; border-radius:4px; text-decoration:none; display:inline-block; cursor:pointer; }
a.button { padding:15px 20px; }
.button.red_btn, .button.contur_btn:hover, .button.contur_btn.active { color:#fff; background-color:#aa0038; border:1px solid #aa0038; }
.button:hover { background:#313133; border-color:#313133; }
.button.contur_btn { color:#000; background-color:#fff; border:1px solid #d3d3d3; }
.button.unactive_btn { color:#000; background-color:#d7d7d7; border:1px solid #d3d3d3; cursor:auto !important; }
.button.unactive_btn:hover { }
/*  Край на Бутони */

.period_radio { text-align:left; padding-top:12px; }

.switchPhones {
	background-image: url(../img/switch_phones.png);
	background-repeat: no-repeat;
	background-position: center;

	width: 40px;
	height: 40px;

	position: absolute;

	top: -15px;
	right: 0;

	cursor: pointer;
}


@media all and (max-width:800px) {
	form.padding { margin:0 1.5%; }
}


@media all and (max-width:680px) {
	input[type="text"], input[type="password"], textarea, select { font-size:18px; }
}

@media all and (max-width:639px) {
	.form_col_50 { width:97%; }
	.form_col_100, .form_col_50, .form_col_30 { margin-bottom:3%; }
	.pp_content .form_col_100, .pp_content .form_col_50, .pp_content .form_col_30  { margin-bottom:1.5%; }
	form.padding { margin:0 3%; }
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {

	.date {
	background-image:url(../img/icons/icon_calendar@2x.png);
	-moz-background-size:40px 50px;
	-ie-background-size:40px 50px;
	-o-background-size:40px 50px;
	-webkit-background-size:40px 50px;
	background-size:40px 50px;
	}

	.hour_f {
	background-image:url(../img/icons/icon_hour@2x.png);
	-moz-background-size:40px 50px;
	-ie-background-size:40px 50px;
	-o-background-size:40px 50px;
	-webkit-background-size:40px 50px;
	background-size:40px 50px;
	}

	.people_f {
	background-image:url(../img/icons/icon_people@2x.png);
	-moz-background-size:40px 50px;
	-ie-background-size:40px 50px;
	-o-background-size:40px 50px;
	-webkit-background-size:40px 50px;
	background-size:40px 50px;
	}

	.email_f {
	background-image:url(../img/icons/email_form@2x.png);
	-moz-background-size:35px 35px;
	-ie-background-size:35px 35px;
	-o-background-size:35px 35px;
	-webkit-background-size:35px 35px;
	background-size:35px 35px;
	}

	.phone_f {
	background-image:url(../img/icons/phone_form@2x.png);
	-moz-background-size:35px 35px;
	-ie-background-size:35px 35px;
	-o-background-size:35px 35px;
	-webkit-background-size:35px 35px;
	background-size:35px 35px;
	}

	.password_f {
	background-image:url(../img/icons/password_form@2x.png);
	-moz-background-size:35px 35px;
	-ie-background-size:35px 35px;
	-o-background-size:35px 35px;
	-webkit-background-size:35px 35px;
	background-size:35px 35px;
	}

	.note_f {
	background-image:url(../img/icons/note_form@2x.png);
	-moz-background-size:35px 35px;
	-ie-background-size:35px 35px;
	-o-background-size:35px 35px;
	-webkit-background-size:35px 35px;
	background-size:35px 35px;
	}

}