form {
	display: flex;
	flex-wrap: wrap;
  position: relative;
	width: 100%;
  max-width: 680px;
/*	background: #9f9f9f;*/
}
form header {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0 0 24px;
}
.inputs {
	display: flex;
	flex-wrap: wrap;
}
input {
	width: 100%;
	padding: 21px 11px;
  border: 2px solid #939698;
}
textarea {
	width: 100%;
	padding: 12px;
  border: 2px solid #939698;
}
label.input {
	flex: 0 1 50%;
	padding: 16px 16px 0px 0;
}
label.input.wide {
  flex: 0 1 100%;
}
label.textarea {
  flex: 0 1 100%;
  padding: 16px 16px 0px 0;
}
button.submit {
  width: 50%;
  margin: 24px 0;
  padding: 16px;
/*  font: bold 15px Arial;*/
  color: #ed1c24;
  text-align: center;
  background: #fff;
  border: 2px solid #939698;
  text-decoration: none;
  cursor: pointer;
}
input, textarea {
  font: normal 17px Arial;
}
::placeholder {
	font: bold 19px Arial;
	color: #939698;
}
.sky-form .state-error ::placeholder {
 color: #ed1c24;
/* font-size: 16px;*/
}
/* error state */
.sky-form .state-error input,
.sky-form .state-error select,
.sky-form .state-error textarea,
.sky-form .radio.state-error i,
.sky-form .checkbox.state-error i,
.sky-form .toggle.state-error i {
/*  background: #fff0f0;*/
}
button.submit:hover,
button.submit:focus {
    background: #ed1c24;
    color: #fff;
}
button.submit:focus {
/*    outline: 1px solid #fff;*/
/*    outline-offset: -4px;*/
}
button.submit:active {
    transform: scale(0.95);
}
.sky-form.submited .inputs {
/*  visibility: hidden;*/
display: none;
}
.sky-form .message {
  display: none;
  position: relative;
/*  justify-content: center;*/
/*  align-items: center;*/
  width: 100%;
  height: 100%;
}
sky-form .message .content {
  position: relative;
  padding: 10%;
}
.sky-form .message .content h2 {
  text-align: center;
  width: 100%;
  font: bold 25px Arial;
  color: #ed1c24;
}
.sky-form.submited .message {
  display: flex;
}

@media screen and (max-width: 520px) {
label.input {
	flex: 0 1 100%;
	font: bold 15px Arial;
}
}