﻿/* CONTACT FORM
========================================================================= */
#confirm {
	position: relative;
	height: auto;
	padding-bottom: 40px;
}
#confirm  label {
	display: block;
	position: relative;
	min-height: 45px;
	width: 360px;
}
#confirm  label.message {
	min-height: 200px;
}
#confirm input {
	display: block;
	margin: 0;
	outline: none;
	box-shadow: none !important;
	padding: 0 5px;
	width: 220px;
	height: 30px;
	font:15px/21px calibri, sans-serif;
	color: #7c7c7c;
	background-color: white;
	border: 1px solid #b7b7b7;
}
#confirm select {
	display: block;
	margin: 0;
	outline: none;
	box-shadow: none !important;
	padding: 5px 3px 5px 5px;
	width: 120px;
	height: 30px;
	font:15px/21px calibri, sans-serif;
	color: #7c7c7c;

	border: 1px solid #b7b7b7;
		background-color: white;
}
#confirm textarea {
	resize: none;
	overflow: auto;
	display: block;
	margin: 0;
	outline: none;
	box-shadow: none !important;
	padding: 5px 15px;
	width: 450px;
	height: 150px;
	font:15px/21px calibri, sans-serif;
	color: #7c7c7c;
	background-color: white;
	border: 2px solid #b7b7b7;
}
#confirm label > span {
	color: #db520c;
	position:relative;
	left: 10px;
}
#confirm .success {
	color:#db520c;
	display:none;
	margin-bottom:10px;
	font-weight:bold;
}
#confirm  .empty, #confirm  .error {
	font:12px/20px calibri, sans-serif;
	display:none;
}
#confirm .btns {
	position: absolute;
	left: 0;
	margin:-20px 0px 0px 210px;
	width:400px
	
	
}
#confirm .btns a {

}


/* MEDIA */
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
	#confirm textarea {
		width: 457px;
	}
}
@media only screen and (max-width: 767px) {
	#confirm input {
		width: 257px;
	}
	#confirm textarea {
		width: 257px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#confirm textarea {
		width: 377px;
	}
}