button,input,select,textarea {
  font-family: sans-serif;
}
/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,input {
  line-height: normal;
  /* 1 */
}
/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,input[type="button"],input[type="reset"],input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */
}
/*
 * Re-set default cursor for disabled elements
 */
button[disabled],input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */

  vertical-align: top;
  /* 2 */

}

input[type=button],
input[type=reset],
input[type=submit] {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  min-width: 50px;
  min-height: 32px;
  height: 32px;
  border: 1px transparent solid;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 4px 10px;
  position: relative;
}
input[type=button].mini,
input[type=reset].mini,
input[type=submit].mini {
  font-size: .9em !important;
}

input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active,
input[type=button].default:active,
input[type=reset].default:active,
input[type=submit].default:active {
  top: 1px;
  left: 1px;
}
input[type=button]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled,
input[type=button].disabled,
input[type=reset].disabled,
input[type=submit].disabled {
  cursor: not-allowed;
}

input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
  outline: 0;
}

input[type=button].big,
input[type=reset].big,
input[type=submit].big {
  min-height: 48px;
  height: 48px;
  font-size: 1.2em;
}

input[type=button].btnBoxGalery,
input[type=reset].btnBoxGalery,
input[type=submit].btnBoxGalery{
	position:absolute;
	bottom:10px;
	right:10px;
	display:block;
}
input[type=button].btnBoxGalery:active,
input[type=reset].btnBoxGalery:active,
input[type=submit].btnBoxGalery:active {
  	top: auto;
  	left: auto;
	bottom:10px;
	right:10px;
}

/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Layout.less
 */
.radiobox,
.checkbox,
.switch {
  cursor: pointer;
  cursor: hand;
  position: relative;
}
.radiobox  > span,
.checkbox  > span,
.switch  > span {
  position: relative;
}
.checkbox {
  /* Checkbox border */
	margin-top: 5px;
  /* Checkbox marker */

}
.checkbox input[type=checkbox],
.checkbox input[type=checkbox] + span,
.checkbox input[type=checkbox] + span::before,
.checkbox input[type=checkbox] + span::after {
  vertical-align: middle;
  display: inline-block;
}
.checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.checkbox input[type=checkbox] + span {
  font-size: 13px;
  letter-spacing: 0.02em;
  line-height: 20px;
  line-height: 19px;
}
.checkbox input[type="checkbox"] + span.fontP{ 
	font-size:12px; }
.checkbox input[type="checkbox"] + span.fontM{ 
	font-size:14px; }
	
.checkbox input[type=checkbox] + span::before {
  content: "\2714";
  text-indent: -9999px;
  margin-right: 10px;
  border: 2px #d9d9d9 solid;
  background: #fff;
  height: 21px;
  width: 21px;
  margin-top: -3px;
}
.checkbox input[type=checkbox]:checked + span::after {
  position: absolute;
  content: "\2713";
  color: #1a1a1a;
  z-index: 1;
  font-size: 13px;
  font-weight: bold;
  left: 4px;
  top: 0px;
}
.checkbox input[type=checkbox]:checked + span::before {
  background: #fff;
}
.checkbox input[type=checkbox]:not(:checked):disabled + span::before {
  cursor: default;
  background: #e6e6e6;
}
.checkbox input[type=checkbox]:disabled + span::before {
  cursor: default;
  background: #ebebeb;
}
.checkbox input[type=checkbox]:disabled + span::after {
  color: #8a8a8a;
}
.checkbox:hover input[type=checkbox]:disabled + span::before {
  cursor: default;
  background: #e6e6e6;
}
.checkbox:hover input[type=checkbox] + span::before {
  background: #fff;
  border: 2px #919191 solid;
}
.checkbox:hover input[type=checkbox]:disabled + span::before {
  border: 2px #d9d9d9 solid;
}
.checkbox:active input[type=checkbox]:checked:not(:disabled) + span::after {
  color: #fff;
}
.checkbox.intermediate {
  /* Checkbox marker */

}
.checkbox.intermediate input[type=checkbox] + span::after {
  position: absolute;
  content: "";
  color: #1a1a1a;
  z-index: 1;
  font-size: 13px;
  font-weight: bold;
  left: 5px;
  top: 5px;
  background-color: #1a1a1a;
  width: 10px;
  height: 10px;
}
.input-control.radio {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
	margin-top: 5px;
}
.input-control.radio > input[type="radio"] {
    opacity: 0;
    position: absolute;
}
.input-control.radio .helper {
    padding-left:23px;
	font-size:13px;
    position: relative;
}
.input-control.radio .helper:before {
    border: 2px solid #BABABA;
    border-radius: 100% 100% 100% 100%;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    opacity: 1;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 20px;
    z-index: 1;
	background-color:#fff
}
.input-control.radio input[type="radio"]:checked ~ .helper:after {
    background-color: #1A1A1A;
    border-radius: 100% 100% 100% 100%;
    color: #1A1A1A;
    content: "";
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 10px;
    left: 5px;
    margin-left: 0;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 10px;
    z-index: 2;
}
.input-control.radio input[type="radio"]:disabled ~ .helper:before {
    background: none repeat scroll 0 0 #E6E6E6;
    cursor: default;
}
.input-control.radio input[type="radio"]:disabled ~ .helper:after {
    background-color: #8A8A8A;
}
.input-control.radio input[type="radio"]:focus ~ .helper:before {
    border-color: #919191;
}
.input-control.radio:hover input:not(:disabled) ~ .helper:before {
    border-color: #919191;
}
.input-control.radio:active input:not(:disabled) ~ .helper:before {
    border-color: #1E1E1E;
}


.switch input[type=checkbox],
.switch input[type=checkbox] + span,
.switch input[type=checkbox] + span::before,
.switch input[type=checkbox] + span::after {
  vertical-align: middle;
  display: inline-block;
}
.switch input[type=checkbox] {
  position: absolute;
  display: none;
}
.switch input[type=checkbox] + span {
  font-size: 13px;
  letter-spacing: 0.02em;
  line-height: 20px;
}
.switch input[type=checkbox] + span::before {
  content: "";
  width: 43px;
  height: 16px;
  outline: 2px #a6a6a6 solid;
  border: 1px #fff solid;
  cursor: pointer;
  background: #6c6c6c;
  margin-left: 2px;
  position: relative;
  margin-right: 10px;
  z-index: 100;
}
.switch input[type=checkbox] + span::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 34px;
  width: 13px;
  height: 20px;
  background: #333;
  z-index: 1000;
}
.switch input[type=checkbox]:checked + span::before {
  background: #008287;
}
.switch input[type=checkbox]:not(:checked) + span::after {
  top: 2px;
  left: 0px;
}
.switch input[type=checkbox]:not(:checked) + span::before {
  background: #a6a6a6;
}
.switch input[type=checkbox]:disabled + span::before {
  cursor: default;
  background: #e0e0e0;
  outline: 2px #ccc solid;
}
.switch input[type=checkbox]:disabled + span::after {
  background: #a6a6a6;
}
.switch:hover input[type=checkbox]:not(:checked) + span::before {
  background: #a6a6a6;
}
.switch:hover input[type=checkbox] + span::before {
  background: #219297;
}
.switch:hover input[type=checkbox]:disabled + span::before {
  cursor: default;
  background: #e0e0e0;
}
.input-control > input[type=text],
.input-control > input[type=email],
.input-control > input[type=url],
.input-control > input[type=phone],
.input-control > input[type=password],
.input-control > select,
.input-control > textarea {
  border: 2px #bababa solid;
  width: 100%;
  padding: 4px 32px 6px 5px;
  position: relative;
  background-color: #fff;
  outline: 0;
  margin-right: 32px;
  width: 100%;
  resize:none;
}
.input-control > input[type=text],
.input-control > input[type=email],
.input-control > input[type=url],
.input-control > input[type=phone],
.input-control > input[type=password]{
  padding: 7px 32px 7px 5px;
}

.input-control > input[type=text]:disabled,
.input-control > input[type=email]:disabled,
.input-control > input[type=url]:disabled,
.input-control > input[type=phone]:disabled,
.input-control > input[type=password]:disabled,
.input-control > select:disabled,
.input-control > textarea:disabled {
  background-color: #eaeaea;
}
.input-control > input[type=text]:focus,
.input-control > input[type=email]:focus,
.input-control > input[type=url]:focus,
.input-control > input[type=phone]:focus,
.input-control > input[type=password]:focus,
.input-control > select:focus,
.input-control > textarea:focus {
  border-color: #000;
}
.input-control > select {
  padding-right: 5px;
}
.input-control > textarea {
  padding-right: 5px;
  min-height: 100px;
}

.input-control.text input[type=text]:not(:focus) + .helper,
.input-control.password input[type=text]:not(:focus) + .helper,
.input-control.text input[type=password]:not(:focus) + .helper,
.input-control.password input[type=password]:not(:focus) + .helper,
.input-control.text input[type=email]:not(:focus) + .helper,
.input-control.password input[type=email]:not(:focus) + .helper,
.input-control.text input[type=phone]:not(:focus) + .helper,
.input-control.password input[type=phone]:not(:focus) + .helper,
.input-control.text input[type=url]:not(:focus) + .helper,
.input-control.password input[type=url]:not(:focus) + .helper {  
	visibility:hidden;
}
.input-control.text input[type=text]:focus + .helper,
.input-control.password input[type=text]:focus + .helper,
.input-control.text input[type=password]:focus + .helper,
.input-control.password input[type=password]:focus + .helper,
.input-control.text input[type=email]:focus + .helper,
.input-control.password input[type=email]:focus + .helper,
.input-control.text input[type=phone]:focus + .helper,
.input-control.password input[type=phone]:focus + .helper,
.input-control.text input[type=url]:focus + .helper,
.input-control.password input[type=url]:focus + .helper {	  
	visibility:visible;
}
.input-control.text input[type=text]:not(:focus) + .helper:active,
.input-control.password input[type=text]:not(:focus) + .helper:active,
.input-control.text input[type=password]:not(:focus) + .helper:active,
.input-control.password input[type=password]:not(:focus) + .helper:active,
.input-control.text input[type=email]:not(:focus) + .helper:active,
.input-control.password input[type=email]:not(:focus) + .helper:active,
.input-control.text input[type=phone]:not(:focus) + .helper:active,
.input-control.password input[type=phone]:not(:focus) + .helper:active,
.input-control.text input[type=url]:not(:focus) + .helper:active,
.input-control.password input[type=url]:not(:focus) + .helper:active {
	visibility:visible;
}
.input-control {
  margin-right: 0px;
  margin-bottom: 10px;
  position: relative;
}
.input-control.text .helper,
.input-control.password .helper {
  background: #fff;
  right: 2px;
  top: 22px;
  width: 26px;
  height: 29px;
  cursor: pointer;
  color: #000;
  position: absolute;  
  display: block;
}
.input-control.text .helper:before,
.input-control.password .helper:before {
  position: absolute;	
  font-size: 11px;
  letter-spacing: 0.02em;
  line-height: 20px;
  content: "\2715";
  color:#000;
  left: 9px;
  top: 4px;
}
.input-control.text .helper:hover,
.input-control.password .helper:hover {
  background: #d9d9d9;
}
.input-control.text .helper:active,
.input-control.password .helper:active {
  background-color: #000;
}
.input-control.text .helper:active:before,
.input-control.password .helper:active:before {
  color: #fff;
}