#sideLeft {
	position: relative
}
#contact-form {
	position: relative;
	text-align: left;
}

#contact-form textarea {
	resize: none
}
#contact-form label {
	display: block
}
#contact-form .required {
	font-weight: bold;
	color: #F00;
}
#errors, #errors_feedback {
	border: solid 1px #834d78;
	background: #d9b6d1;
}
#errors, #errors_feedback, #success, #success_feedback {
	width: 99%;
	top: 100px;
	text-align: center;
	padding: 3px 6px;
	display: block;
	font-weight: bold;
	font-size: 13px;
	display: none;
}
div.zakaz #errors,  div.zakaz #errors_feedback, div.zakaz #success, div.zakaz #success_feedback {
	width: 81%;
}
div.feedback #errors, div.feedback #errors_feedback, div.feedback #success, div.feedback #success_feedback {
	width: 99%;
}
#success, #success_feedback {
	left: 192px;
}
#text_content ul#errors_feedback {
	padding-bottom:0;}
	
#text_content #errors li, #text_content #errors_feedback li {
	font-size: 16px;
	font-weight: normal;
	color: #602e56;
	padding: 10px 0;
	list-style: none;
}
#errors li:before, #errors_feedback li:before {/* content: ' - '*/
}
#errors #info, #errors_feedback #info {
	font-weight: bold;
}
/*#errors #info:before, #errors_feedback #info:before {content: ''}*/

#success, #success_feedback {
	border: solid 1px #55b25c;
	background: #d2fad2;
}
#errors.visible, #errors_feedback.visible, #success.visible, #success_feedback.visible {
	display: block
}
#req-field-desc {
	font-style: italic
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 -o-box-shadow: none;
 box-shadow: none;
}
#errors.visible, #errors_feedback.visible, #success.visible, #success_feedback.visible {
	display: block;
}
#req-field-desc {
	font-style: italic;
}
p.valid_after {
	margin: 0;
}
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr
}
.hidden {
	display: none;
	visibility: hidden
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}
.invisible {
	visibility: hidden
}
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}

@media only screen and (min-width:319px) and (max-width:1024px) {
#errors, #errors_feedback, #success, #success_feedback {
    margin: 0 auto;
}
.zakaz #errors, #errors_feedback, #success, #success_feedback {
    width: 99.5%;
}
}

@media all and (orientation:portrait) {
}

@media all and (orientation:landscape) {
}

@media screen and (max-device-width: 480px) {
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter: none !important;
	-ms-filter: none !important;
}
a, a:visited {
	color: #444 !important;
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr, img {
	page-break-inside: avoid;
}
@page {
	margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}

input.send {background: #b581aa;}

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

input:focus,
textarea:focus {
    outline: none;
}
.input-error {
    border: 2px solid red !important;
	width: 95%;
}
.input-success {
    border: 2px solid #2ecc71 !important;
	width: 95%;
}
.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;
}