/* Поле с ошибкой */

.input-error {
    border: 1px solid #ff0000 !important;
    background: #fff8f8 !important;

    -webkit-box-shadow: 0 0 4px rgba(255,0,0,0.25);
    -moz-box-shadow: 0 0 4px rgba(255,0,0,0.25);
    box-shadow: 0 0 4px rgba(255,0,0,0.25);

    transition: all 0.2s ease;
}

/* Поле валидно */

.input-success {
    border: 1px solid #1dbb38 !important;
    background: #f8fff8 !important;

    -webkit-box-shadow: 0 0 4px rgba(29,187,56,0.25);
    -moz-box-shadow: 0 0 4px rgba(29,187,56,0.25);
    box-shadow: 0 0 4px rgba(29,187,56,0.25);

    transition: all 0.2s ease;
}

#form {
	width: 100%;
	background: #e8e8e8;
	margin-top: 30px;
   /* padding-bottom: 20px; */
}
#form_wrap {
	width: auto;
	/*margin: 0 30px;*/
	overflow: hidden;	
}
#contact_form h4, #form h4 {
	font-size: 18px;
	line-height: 16px;
	color: #464646;
	text-transform: uppercase;
	font-weight: bold;
	padding: 30px 0 0 0;
    text-align: center;
}
#form h4 {
    text-align: left;
    padding-left: 35px;
}
div.left {
	width: 48%;
	float: left;	
}
div.right {
	width: 48%;
	float: right;
}
.feedback input, .feedback textarea {
    width: 96%;
}
input, textarea {
	border: 0;
	padding: 15px 0 15px 15px;
	background: #fff;
	font-family: Calibri;
	font-size: 19px;
	color: #909090;
}
.zakaz input, .zakaz textarea {
    width: 100%;
}
input#submit-button {
 	padding: 15px 0 15px 0;
}
input {
	margin: 0 0 20px 0;
}
textarea {
	resize: none;
	height: 100px;
}
input.submit, input.send {
	font-family: Open Sans;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	background: #7f0f3a;
	color: #e8e8e8;
	margin: 20px 0 40px 0;
}
.zakaz input.submit {
   width: 50%;
}
input.send {
	width: 100%;
}
#send_otziv {
	width: 50%;
	height: 50px;
	background: #b581aa;
	background-image: url(../images/otziv.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 0;
	font-family: 'Ubuntu', arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
}
#send_otziv.send_otziv_active {
	background: #967aac;
	background-image: url(../images/send_otziv_active.png);
	background-repeat: no-repeat;
	background-position: center;
}
#otziv_form {
	width: 50%;
	margin: 40px 0 40px;
}
.uploud_files {
    font-size: 16px;
    color: #909090;
}

.blocker {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
	overflow: auto;
	z-index: 1;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
	text-align: center;
}
.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}
.blocker.behind {
	background-color: transparent;
}
.modal {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	width: 400px;
	background: #fff;
	padding: 15px 35px 30px 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
	text-align: left;
}
.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url("data:image/png;base64,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") no-repeat 0 0;
}
.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url("data:image/gif;base64,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") #111 no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
	color: #999;
	opacity: 1;
}
.form-control:-ms-input-placeholder {
	color: #999;
}
.form-control::-webkit-input-placeholder {
	color: #999;
}
.form-control::-ms-expand {
	background-color: transparent;
	border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #eee;
	opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
	cursor: not-allowed;
}
textarea.form-control {
	height: auto;
}
body #order-modal .form-group {
	margin-top: 12px;
	margin-right: 20px;
}
.form-group input {
	margin: 5px 0 0 0;
}
.submit_button {
	padding-top:10px;
}
#submit_order {
	background-color: #b581aa;
	width: 101.5%;
	color: #fff;
    font-family: "Ubuntu",arial,sans-serif;
    font-size: 16px; 
	text-transform: uppercase;
}
#contactform {
	width: 92%;
    padding: 0 20px;
}
#contactform.zakaz {
width: 94.5%;
}
/*.feedback input.submit  {
	width: 100%;
}*/
input.submit {
    text-align: center;
    width: 100%;
}
.form-group {
    padding-bottom: 20px;
}
.files {
    padding-bottom: 0;
}
#msgSubmit {
	color: #700d33;
    margin: 20px 0 40px 0;
    font-size: 20px;
    text-align: center;
}
#msgSubmit.zakaz_avto {
    text-align: left;
    padding-left: 15px;
    padding-bottom: 40px ;
}

@media only screen and (min-width:1153px) and (max-width:1440px) {
div.left {
	width: 47.5%;	
}
div.right {
	width: 47.5%;
}
.feedback input, .feedback textarea {
    width: 95%;
}
}


@media only screen and (min-width:1281px) and (max-width:1440px) {
.feedback input, .feedback textarea {
    width: 94.5%;
}
/*input#submit-button {
     width: 98.5%;
}*/
.feedback input#submit-button {
     width: 98%;
}
#contactform.zakaz {
    width: 95%;
}
}


@media only screen and (min-width:1153px) and (max-width:1280px) {
.feedback input, .feedback textarea {
    width: 92%;
}
.feedback #submit-button {
    width: 96.5%;
}
#contactform.zakaz {
    width: 95%;
}
/*.zakaz input#submit-button {
    width: 100%;
}*/
}


@media only screen and (min-width:1025px) and (max-width:1152px) {
div.left {
	width: 47%;	
}
div.right {
	width: 47%;
}
.feedback input, .feedback textarea {
    width: 96%;
}
.feedback input.submit {
    width: 100%;
}
#contactform.zakaz {
width: 92%;
}
}


@media only screen and (min-width:319px) and (max-width:1152px) {
input, textarea {
    width: 92%;
}
#contactform {
    width: auto;
}
#contact_form h4 {
     text-align: left;
    padding-left:  35px;
}
}


@media only screen and (min-width:319px) and (max-width:1024px) {
#send_otziv {
	width: 100%;
}
#otziv_form {
	margin: 40px 0;
	width: 100%;
}
.zakaz input.submit {
    width:  100%;
}   
div.left, div.right {
	float: none;
	width: 100%;
}
input, textarea {
    width: 90%;
}
.feedback .submit {
     width: 90%;
}
#contact_form p.submit {
    width: 100%;
    text-align: left;
}
.feedback input.submit {
    width: 100%;
}
#contactform.zakaz {
  width: 89.5%;
}
}


@media only screen and (min-width:601px) and (max-width:800px) {
input, textarea {
    width: 92%;
}
.feedback input, .feedback textarea {
    width: 98%;
}
.feedback input.submit  {
	width: 50%;
}
#contact_form p.submit,  #contactform.zakaz {
    text-align: left;
}
#contactform.zakaz {
    width: 92.5%;
}
}


@media only screen and (min-width:319px) and (max-width:600px) {
.zakaz input.submit {
    width: 100%;
}
#contact_form h4, #form h4 {
    font-size: 20px;
}
input, textarea {
    width: 89%;
}
#contactform.zakaz {
  width: 89%;
}
}


@media only screen and (min-width:319px) and (max-width:599px) {
.modal {
    width: 70%;
}
}


@media only screen and (min-width:319px) and (max-width:480px) {
#form {
    margin-top: 20px;
}
#content h3.text {
    font-size: 19px;
}
#contact_form h4, #form h4 {
    font-size: 18px;
}
#contactform.zakaz {
  width: 85%;
}
}


@media only screen and (min-width:319px) and (max-width:414px) {
h5 {
    text-align: left;
}
.feedback input, .feedback textarea {
    width: 95%;
}
#contact_form h4, #form h4 { 
    text-align: center;
}
#contact_form h4 {
    padding-left: 0;
}
#form h4 {
    padding-left: 0;
}
#contactform.zakaz {
  width: 83.5%;
}
}

@media only screen and (min-width:319px) and (max-width:375px) {
#content h3.text {
    font-size: 18px;
}
h5 {
    font-size: 17px;
}
input, textarea {
    width: 83%;
}
}


@media only screen and (max-width:320px) {
input {
    margin: 0 0 15px 15px;
}
input, textarea {
    width: 86%;
    padding: 12px 0 12px 8px;
}
.feedback input, .feedback textarea {
    width: 86%;
}
.feedback input.submit {
    width: 89%;
    margin-left: 15px;
}
#contact_form h4, #form h4 {
    font-size: 16px;
}
input.submit, input.send {
    font-size: 16px;
}
#contactform {
    padding: 0;
}
#contactform.zakaz {
  width: 83%;
}
.zakaz input.submit {
   margin-left: 15px;
}
}

/*Валідація*/

input:focus,
textarea:focus {
    outline: none;
}
.input-error {
    border: 2px solid red !important;
}
.input-success {
    border: 2px solid #2ecc71 !important;
}
.field-error-text {
    color: #ff0000;
    font-size: 13px;
    margin-top: 5px;
}
.field-success-text {
    color: #2ecc71;
    font-size: 13px;
    margin-top: 5px;
}

.success-message {
    background: #d4edda;
    color: #155724;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 6px;
}

.error-message {
    background: #f8d7da;
    color: #721c24;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 6px;
}