/*=========================================================================
 Contact Form
========================================================================= */

fieldset { border: 0 none; margin: 0; padding: 0; }

#confirm { position: relative; height: auto; padding-bottom: 30px; }

#confirm label { display: block; position: relative; min-height: 57px; width: 100%; }

#confirm label.message { min-height: 180px; }

#confirm input { background: none repeat scroll 0 0 #FEFEFE; border: 1px solid #1297D0; color: #969696; display: block; font-family: "Arial", sans-serif; font-size: 15px; height: 40px; font-weight: 600; line-height: 31px; margin: 0; outline: medium none; padding: 0 10px; width: 100%; }

#confirm textarea { display: block; margin: 17px 0 0 0; outline: none; width: 100%; height: 195px; resize: none; overflow: auto; border: 1px solid #1297D0; color: #969696; font-size: 15px; font-weight: 600; line-height:31px; font-family: "Arial", sans-serif; background: none repeat scroll 0 0 #FEFEFE; padding: 5px 10px; }

#confirm label > span { color: #C84233; position: absolute; right: 12px; top: 0; }

#confirm .success { color:#252525; display:none; }

#confirm .empty, #confirm .error { font-size: 12px; line-height:21px; font-family: "Arial", sans-serif; display:none; }

#confirm .btns { position: absolute; right: 0; }

#confirm .btns a { margin-left: 16px; }

#confirm .form-button { display:inline-block; font-size: 16px; line-height: 40px; font-family: "Arial", sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: #000 1px 1px 1px; color:#fff; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0 18px; background: rgb(203,66,50); /* Old browsers */ background: -moz-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(203, 66, 50, 1)), color-stop(2%, rgba(223, 86, 70, 1)), color-stop(4%, rgba(203, 66, 50, 1)), color-stop(9%, rgba(200, 67, 52, 1)), color-stop(11%, rgba(197, 65, 50, 1)), color-stop(20%, rgba(194, 64, 50, 1)), color-stop(81%, rgba(150, 45, 39, 1)), color-stop(100%, rgba(143, 41, 37, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(203, 66, 50, 1) 0%, rgba(223, 86, 70, 1) 2%, rgba(203, 66, 50, 1) 4%, rgba(200, 67, 52, 1) 9%, rgba(197, 65, 50, 1) 11%, rgba(194, 64, 50, 1) 20%, rgba(150, 45, 39, 1) 81%, rgba(143, 41, 37, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb4232', endColorstr='#8f2925', GradientType=0 ); /* IE6-9 */
}

#confirm .form-button:hover { background: #c94233; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f2925', endColorstr='#cb4232', GradientType=0 ); /* IE6-9 */
}

.email { float: left; margin-right: 4% !important; width: 48% !important; }

.phone { width: 48% !important; }

 @media only screen and (min-width: 768px) and (max-width: 995px) {
 .email {
 float: none;
 margin-right: 0 !important;
 width: 100% !important;
}
.phone {
 float: none;
 width: 100% !important;
}
}
@media only screen and (max-width: 767px) {
 .email {
 float: none;
 margin-right: 0 !important;
 width: 100% !important;
}
.phone {
 float: none;
 width: 100% !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .email {
 float: none;
 margin-right: 0 !important;
 width: 100% !important;
}
.phone {
 float: none;
 width: 100% !important;
}
}