.form_body {
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}
.send_form { padding: 12px; margin: 0; }

.form_title { font-size: 18px; text-align: center; font-weight: bold; }

.form_body input { 
	width: 410px;
    margin: 0;
    padding: 2px 0;
    font-size: 23px;
    text-align: center;
    background-color: #8ab8e40f;
    color: white;
    font-family: 'Manrope', Veranda;
    border-color: black;
}

.form_body submit { 
	width: 210px;
    margin: 0;
    padding: 2px 0;
    font-size: 23px;
    text-align: center;
    background-color: #ffffff00;
    color: white;
    font-family: 'Manrope', Veranda;
}

.form_body .radio, .form_body .checkbox { width: 18px; } 

.progress { position:relative; width:230px; border: 1px solid #eff4ffde; padding: 1px; margin: 5px 0; border-radius: 3px; }

.bar { background-color: #eff4ffde; width:0%; height:20px; border-radius: 3px; }

.percent { position:absolute; display:inline-block; top:3px; left:45%; }

.send_form .sub_form { 
	width: 270px;
    height: 42px;
    margin: 10px 2px; 
	padding: 3px 0; 
	font-size: 18px;
	background-color: #51839e3b;
}

.send_form .sub_form:hover{
    background:#51839e4f;
  }

.status { 
	color: white;
    font-size: 15px;
    font-family: 'Manrope', Veranda;
    padding: 5px 0; 
}

.error { background: #f17f7f8a; padding: 0; }

::-webkit-input-placeholder { /* WebKit browsers */    color:    #bfbcbc; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color:    #bfbcbc; } ::-moz-placeholder { /* Mozilla Firefox 19+ */    color:    #bfbcbc; } :-ms-input-placeholder { /* Internet Explorer 10+ */    color:    #bfbcbc; }

  :focus::-webkit-input-placeholder {opacity:0;}/* webkit */
  :focus::-moz-placeholder          {opacity:0;}/* Firefox 19+ */
  :focus:-moz-placeholder           {opacity:0;}/* Firefox 18- */
  :focus:-ms-input-placeholder      {opacity:0;}/* IE */

/* стилизация radio */
body:not(#Foo) input[type="radio"] {
display: none}
body:not(#Foo) label font {
padding-left: 20px;
height: 15px}
body:not(#Foo) input[type="radio"] + font {
background: url(/send_form/radio-off.png) no-repeat 0 0}
body:not(#Foo) input[type=radio] + font:hover {
background:url(/send_form/radio-cn.png) no-repeat 0 0}
body:not(#Foo) input[type="radio"]:checked + font {
background: url(/send_form/radio-on.png) no-repeat 0 0}

/* стилизация checkbox */
body:not(#Foo) input[type="checkbox"] {
display: none}
body:not(#Foo) label font {
padding-left: 20px;
height: 15px}
body:not(#Foo) input[type="checkbox"] + font {
background: url(/send_form/checkbox-off.png) no-repeat 0 0}
body:not(#Foo) input[type=checkbox] + font:hover {
background:url(/send_form/checkbox-cn.png) no-repeat 0 0}
body:not(#Foo) input[type="checkbox"]:checked + font {
background: url(/send_form/checkbox-on.png) no-repeat 0 0}

@media (max-width: 420px) {
.form_body input {
    width: 99%;
}
}