/*
 * __ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ
 * --------- General ---------
 * ‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯
 */
form {
}
input[type="text"],
input[type="password"],
input[type="file"],
textarea,
select {
	background: #FFFFFF;
	border: 1px solid #777777;
	padding: 15px;
	outline: 0;
	width: 100%;
	font-size: 14px;
	color: #231F20;
	letter-spacing: 0;
	-webkit-transition: all 0.27s;
	-moz-transition: all 0.27s;
	-ms-transition: all 0.27s;
	-o-transition: all 0.27s;
	transition: all 0.27s;
}
select {
	background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAFCAYAAABfPyy9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AILDyEI/km/rwAAAFdJREFUGNNjYBhoYGFhMY2BgeE/OoaKEwRMhBRoaGjk6ujobEIW09HR2aShoZFLNV8kJCRwKioqnmRgYPivqKh4MiEhgZPqQRUdHS2qpaW1PTo6WpQUfQDmZxTakjhIKgAAAABJRU5ErkJggg==") no-repeat scroll right center;
}

input[type="text"][value=""],
input[type="password"][value=""],
input[type="file"][value=""],
textarea[value=""],
select[value=""]{
	border: 1px solid #ECECEC;
}

/*input[type="text"]:focus,*/
/*input[type="password"]:focus,*/
/*input[type="file"]:focus,*/
/*textarea:focus,*/
/*select:focus{*/
	/*border: 1px solid #777777;*/
/*}*/

input[type="text"],
input[type="password"],
textarea {
}
input,
select {
	height: 48px;
}
input {
}
textarea {
	height: 70px;
}
.row-single {
	margin-bottom: 20px;
}
.row-single.hidden {
	display: none;
}
.form-group {
	font-size: 0;
}
.form-group:not(:last-child) {
	margin-bottom: 15px;
}
.form-group-checkbox, .form-group-checkbox:not(:last-child) {
	margin-bottom: 10px;
}

.row-double {
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
	font-size: 0;
}
.row-double .form-group {
	width: 380px;
	display: inline-block;
	vertical-align: top;
}
.row-double .form-group:first-child {
	margin-right: 20px;
}

.form-label-wrapper {
	margin-bottom: 10px;
}
.form-label {
	font-weight: 600;
	font-size: 15px;
	color: #555555;
	letter-spacing: 0;
	line-height: 25px;
	margin-bottom: 10px;
}
.form-label a {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}
.form-element-error:empty,
.form-element-success:empty {
	display: none;
}
.form-element-error,
.form-element-success {
	margin-top: 3px;
	font-weight: 700;
	font-size: 11px;
}
.form-element-error {
	color: #de3838;
	margin-top: -7px;
}
.form-group-text .form-element-error, .form-group-textarea .form-element-error{
	margin-top: 0px;
}
.form-element-success {
	color: #20bd45;
}
.form-element-error .help-inline,
.form-element-success .help-inline {
	display: block;
}
input.has-error,
select.has-error,
textarea.has-error {
	border-color: #de3838;
}
/*
 * __ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ
 * --------- Inline ----------
 * ‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯
 */
.form-inline .form-label-wrapper,
.form-inline .form-element-wrapper,
.form-inline .form-group-checkbox .form-checkbox-spacing {
	display: inline-block;
	vertical-align: middle;
}
.form-inline .form-element-error:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
}
.form-inline .form-label-wrapper,
.form-inline .form-element-error:before,
.form-inline .form-group-checkbox .form-checkbox-spacing {
	width: 30%;
	max-width: 200px;
}
.form-inline .form-element-wrapper {
	width: 55%;
	max-width: 350px;
}
.form-element-wrapper .form-element {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
/*
 * __ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ
 * ------- Horizontal --------
 * ‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯
 */
.form-block .form-group {
	max-width: 350px;
}
.form-block .form-label-wrapper {
	display: block;
	margin-bottom: 3px;
}
/*
 * __ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ
 * -------- Row-based --------
 * ‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯
 */
.form-row {
	font-size: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.form-row > .form-column {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
/*
 * __ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__
 * ---- Checkbox & Radio ----
 * ‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾
 */
.form-group-checkbox .form-element-wrapper,
.form-group-radio .form-element-wrapper {
	width: auto;
}
.form-group-checkbox .form-element,
.form-group-radio .form-element {
	width: 17px;
	height: 17px;
}
.form-group-checkbox .form-element,
.form-group-radio .form-element {
	margin-right: 4px;
}
.form-group-checkbox .form-label-wrapper,
.form-group-checkbox .form-element-wrapper {
	display: inline-block;
	vertical-align: middle;
}
.form-group-checkbox .form-label-wrapper {
	margin-bottom: 0;
	margin-left: 13px;
}
.form-group-checkbox .form-label-wrapper label,
.form-group-radio .form-element-wrapper .form-label {
	cursor: pointer;
}
.form-group-radio .form-element-wrapper .form-label:not(:last-child) {
	margin-right: 15px;
}
/*
 * __ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ__ˍ
 * --------- Buttons ---------
 * ‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯‾‾¯
 */
.form-buttons {
	margin-top: 20px;
}


.mail-hidden .form-label-wrapper {
	display: none;
}





.form-wrapper {
	padding: 40px 48px;
	background: #F2F2F2;
}
.form-button-dark {
	width: 364px;
	height: 48px;
	background: #ddd;
	margin-top: 20px;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	color: rgba(26, 25, 25, 0.5);
	letter-spacing: 0;
}




.form-group-checkbox {
	position: relative;
}

.form-group-checkbox .form-element-wrapper:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	background: #FFFFFF;
	border: 1px solid #ECECEC;
}

.form-group-checkbox .form-element-wrapper.active:before {

}

.form-group-checkbox .form-label-wrapper label {
	font-size: 15px;
	color: #555555;
	letter-spacing: 0;
	line-height: 25px;
	font-weight: 400;
}
