/* Contact Form variables
========================================================*/
/* Contact Form Basic Styles 
========================================================*/
#contact-form {
 position: relative;
 margin: 0px 0 0 0;
}
#contact-form label {
 text-align: left;
 position: relative;
 display: inline-block;
 width: 100%;
 height: 68px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: none;
 margin-bottom: 20px;
}
#contact-form label.message {
 margin-top: 0px;
 width: 100%;
 height: 293px;
}
@media (max-width: 979px) {
 #contact-form label {
  width: 100%;
 }
}
#contact-form fieldset {
 border: none;
}
/* Contact Form Placeholder Styles 
========================================================*/
#contact-form ._placeholder {
 width: 100% !important;
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 line-height: 30px;
 font-size: 18px;
 font-weight: 300;
 font-family: 'Open Sans', sans-serif;
 color: #999999;
 padding: 19px 21px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border-radius: 0;
 cursor: text;
}
#contact-form ._placeholder.focused {
 opacity: 0.4;
 filter: alpha(opacity=40);
}
#contact-form ._placeholder.hidden {
 display: none;
}
#contact-form .file ._placeholder {
 display: none;
}
/* Contact Form Input 
========================================================*/
#contact-form input[type='text'] {
 width: 100%;
 line-height: 30px;
 font-size: 18px;
 font-weight: 300;
 font-family: 'Open Sans', sans-serif;
 color: #999999;
 background: transparent;
 padding: 19px 21px;
 outline: none;
 height: 100%;
 border: 4px solid #000;
 border-radius: 5px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: none;
 margin: 0;
 -webkit-appearance: none;
}
/* Contact Form Textarea 
========================================================*/
#contact-form textarea {
 width: 100%;
 line-height: 30px;
 font-size: 18px;
 font-weight: 300;
 font-family: 'Open Sans', sans-serif;
 color: #999999;
 background: transparent;
 padding: 19px 21px;
 outline: none;
 border: 4px solid #000;
 border-radius: 5px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: none;
 resize: none;
 height: 100%;
 -webkit-appearance: none;
}
#contact-form .message .empty-message,
#contact-form .message .error-message {
 right: 20px;
}
/* Contact Form Error messages
========================================================*/
#contact-form .empty-message,
#contact-form .error-message {
 position: absolute;
 right: 4px;
 top: 4px;
 color: #313131;
 height: 0;
 overflow: hidden;
 font-size: 11px;
 line-height: 12px;
 -webkit-transition: 0.3s ease-in height;
 transition: 0.3s ease-in height;
 z-index: 99;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
 height: 20px;
}
/* Contact Form Buttons
========================================================*/
.contact-form-buttons {
 text-align: left;
 margin: 8px 20px 0 0;
}
.contact-form-buttons a {
 position: relative;
 font: 700 27px/60px 'Open Sans', sans-serif;
 cursor: pointer;
 color: #ffffff;
 width: 130px;
 background: #247ebb;
 float: left;
 border-radius: 5px;
 border: 1px solid #48754b;
 text-align: center;
 box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.2);
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 /* Landscape phones and down */
}
.contact-form-buttons a:hover {
 background: #515c6c;
}
.contact-form-buttons a:first-child {
 margin-right: 20px;
}
@media (max-width: 480px) {
 .contact-form-buttons a {
  font: 700 17px/50px 'Open Sans', sans-serif;
  width: 100px;
 }
}
/* Contact Form Modal 
========================================================*/
.modal-open {
 overflow: hidden;
}
.modal {
 display: none;
 overflow: auto;
 overflow-y: scroll;
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 1050;
 -webkit-overflow-scrolling: touch;
 outline: 0;
 font-family: 'Open Sans', sans-serif;
 font-size: 13px;
}
.modal h4 {
 font-weight: bold !important;
 padding: 0 !important;
 margin: 0 !important;
 color: #000 !important;
 font-size: 24px;
}
.modal.fade .modal-dialog {
 -webkit-transform: translate(0, -25%);
 -ms-transform: translate(0, -25%);
 transform: translate(0, -25%);
 -webkit-transition: -webkit-transform 0.3s ease-out;
 -moz-transition: -moz-transform 0.3s ease-out;
 -o-transition: -o-transform 0.3s ease-out;
 transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
 -webkit-transform: translate(0, 0);
 -ms-transform: translate(0, 0);
 transform: translate(0, 0);
}
.modal-content {
 position: relative;
 background-color: #ffffff;
 border: 1px solid #999999;
 border: 1px solid rgba(0, 0, 0, 0.2);
 border-radius: 5px;
 -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 background-clip: padding-box;
 outline: none;
}
.modal-backdrop {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 1040;
 background-color: #000000;
}
.modal-backdrop.fade {
 opacity: 0;
 filter: alpha(opacity=0);
}
.modal-backdrop.in {
 opacity: 0.5;
 filter: alpha(opacity=50);
}
.modal-header {
 padding: 15px;
 border-bottom: 1px solid #e5e5e5;
 min-height: 16.42857143px;
}
.modal-header .close {
 margin-top: -2px;
}
.modal-title {
 margin: 0;
 line-height: 1.42857143;
}
.modal-body {
 position: relative;
 padding: 20px;
 color: #525151 !important;
}
.modal-dialog {
 width: 600px;
 margin: 140px auto;
}
@media only screen and (max-width: 767px) {
 .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
 }
}
/* Contact Form Close icon 
========================================================*/
.close {
 float: right;
 font-size: 21px;
 font-weight: bold;
 line-height: 1;
 color: #000000 !important;
 text-shadow: 0 1px 0 #ffffff;
 opacity: 0.2;
 filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
 color: #000000 !important;
 text-decoration: none;
 cursor: pointer;
 opacity: 0.5;
 filter: alpha(opacity=50);
}
button.close {
 padding: 0;
 cursor: pointer;
 background: transparent;
 border: 0;
 -webkit-appearance: none;
}
