@charset "UTF-8";
/*
*	Стили для элементов форм
*/

/* Общие стили элементов форм */

input[type=text],
input[type=password],
input[type=color] {
	height: 38px;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #888;
	color: #444;
	font-size: 16px;
	padding: 7px 12px 5px;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

input[type=text]:focus,
input[type=password]:focus {
	border-color: #66afe9 !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6) !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
}

input[type=text]:disabled,
input[type=password]:disabled {
	background-color: #EEE;
}

input[type=button],
input[type=submit],
button,
.btn-mh {
	height: 38px;
	background-color: #68b3e7;
	border: 1px solid transparent;
	border-bottom: #4484b3 3px solid;
	color: #FFF;
	font-size: 16px;
	padding: 7px 17px 5px;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

input[type=button]:focus,
input[type=submit]:focus,
button:focus,
.btn-mh:focus {
	color: #FFF;
	text-decoration: none;
}

input[type=button]:hover,
input[type=submit]:hover,
button:hover,
.btn-mh:hover,
input[type=button].activated,
input[type=submit].activated,
button.activated,
.btn-mh.activated {
	background-color: #417cb8 !important;
	border-bottom: #27496d 3px solid !important;
	color: #FFF !important;
	text-decoration: none;
}

input[type=button]:active,
input[type=submit]:active {
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !important;
}

input[type=button]:disabled,
input[type=submit]:disabled,
button:disabled,
.btn-mh:disabled,
input[type=button]:disabled:hover,
input[type=submit]:disabled:hover,
button:disabled:hover,
.btn-mh:disabled:hover {
	background-color: #CCC !important;
	border-bottom: #AAA 3px solid !important;
}

input[type=button].pressed,
input[type=submit].pressed,
button.pressed,
.btn-mh.pressed,
input[type=button].pressed:hover,
input[type=submit].pressed:hover,
button.pressed:hover,
.btn-mh.pressed:hover {
	background-color: #63a9da !important;
	border: 1px solid transparent !important;
	border-top: #3f7ba7 3px solid !important;
	cursor: default;
}

.btn-mh-action {
	width: 38px;
	font-weight: bold;
	line-height: 38px;
	padding: 0 8px;
	margin-left: 4px;
}

select {
	width: 100%;
	height: 38px !important;
	background: #FFF url(/css/design2016/img/ico_select.png) no-repeat right center !important;
	background-origin: border-box;
	border: 1px solid #888 !important;
	color: #444;
	font-size: 16px;
	line-height: 1.42857143;
	padding: 7px 36px 5px 12px;
	margin: 0;
	display: block;
	cursor: pointer;
	outline: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s, -moz-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

select:focus {
	border-color: #66afe9 !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6) !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6) !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6) !important;
}

select:disabled {
	background-color: #EEE !important;
}

textarea {
	height: 100px;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #888;
	color: #444;
	font-family: Arimo, arial;
	font-size: 16px;
	padding: 10px 12px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

textarea:focus {
	border-color: #66afe9 !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6) !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
}

textarea:disabled {
	background-color: #EEE;
}

input::placeholder {
	color: #BBB !important;
}

input:-ms-input-placeholder {
	color: #BBB !important;
}

input::-ms-input-placeholder {
	color: #BBB !important;
}

input::-webkit-input-placeholder {
	color: #BBB !important;
}

input:-moz-placeholder {
	color: #BBB !important;
}

input::-moz-placeholder {
	color: #BBB !important;
}

textarea::placeholder {
	color: #BBB !important;
}

textarea:-ms-input-placeholder {
	color: #BBB !important;
}

textarea::-ms-input-placeholder {
	color: #BBB !important;
}

textarea::-webkit-input-placeholder {
	color: #BBB !important;
}

textarea:-moz-placeholder {
	color: #BBB !important;
}

textarea::-moz-placeholder {
	color: #BBB !important;
}

/* Частные стили элементов форм */

form input[type=text].check_wrong_value:invalid,
form input[type=password].check_wrong_value:invalid,
form textarea.check_wrong_value:invalid {
	border-color: #F00 !important;
	box-shadow: inset 0 1px 1px rgba(255,0,0,0.075), 0 0 8px rgba(233,175,102,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(255,0,0,0.075), 0 0 8px rgba(233,175,102,0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(255,0,0,0.075), 0 0 8px rgba(233,175,102,0.6);
}

.btn-small {
	height: 34px !important;
	font-size: 15px;
	padding: 5px 15px 0;
}

/*

Элемент Switcher (переключатель)

Использование:

	<div class="switcher" onClick="[js-действия при переключении, проверять состояние #checker]">
		<input type="checkbox" id="checker">
		<span></span>
		<div><i class="icon-circle-empty"></i></div> // тут можно указать любой символ для отображении его на ползунке переключателя
		<label for="checker"></label>
	</div>

*/
/*
.switcher {
	width: 80px;
	height: 40px;
	position: relative;
}

.switcher input[type=checkbox] {
	display: none;
}

.switcher span {
	width: 100%;
	height: 100%;
	background: #FFF0F0;
	border: 1px solid #888;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.switcher div {
	width: 40px;
	height: 38px;
	background-color: #68b3e7;
	border: 1px solid transparent;
	border-bottom: #4484b3 3px solid;
	color: #FFF;
	font-size: 16px;
	padding: 8px 8px 7px;
	margin: 0;
	outline: none;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 1px;
	left: 1px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: all 0.1s ease-in-out 0s;
	-webkit-transition: all 0.1s ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
}

.switcher label {
	width: 100%;
	height: 100%;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}

.switcher input[type=checkbox]:checked + span {
	background: #F0FFF0;
}

.switcher input[type=checkbox]:checked + span + div {
	left: 39px;
}

*/

.btn-mh-2 {
    border: 4px #68b3e7 solid;
    background: #68b3e7;
    color: #FFF;
    font-size: 20px;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    text-decoration: none;
}
a.btn-mh-2:hover, a.btn-mh-2:focus {
    text-decoration: none;
    color: #FFF;
}

/* InputPhone widget */
div.input_phone_plus_7 {
	padding: 0 !important;
}
div.input_phone_plus_7 > label {
	display: inline-block !important;
	border-left: solid 1px #888 !important;
	border-top: solid 1px #888 !important;
	border-bottom: solid 1px #888 !important;
	border-right: none !important;
	height: 38px !important;
	background-color: #FFF;
	background-image: none;
	color: #444;
	font-size: 16px;
	font-weight: 100 !important;
	padding: 7px 10px 7px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-border-radius: 4px 0 0 4px !important;
	-webkit-border-radius: 4px 0 0 4px !important;
	vertical-align: bottom !important;
}
div.input_phone_plus_7 > label.disabled_label {
	background-color: #EEE !important;
}
div.input_phone_plus_7 > input {
	width: auto !important;
	padding: 7px 10px 7px !important;
	-moz-border-radius: 0 4px 4px 0 !important;
	-webkit-border-radius: 0 4px 4px 0 !important;
	vertical-align: bottom !important;
}

.delete-btn {
	border-bottom: #8b0000 3px solid;
	background-color: #FF0000;
}
.delete-btn:hover {
	background-color: #8b0000 !important;
	border-color: #5E0000 !important;
}