.form-group { margin-bottom:20px; clear: both; position: relative; }
.form-group:after, .form-group:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
.form-group label { width:33%; display:block; float:left; line-height:26px; }
.form-group label.check-label { width:auto; float:none; display: inline-block; }
.form-subgroup { float: left; line-height: 40px; }
.request-info input[type=text],.request-info textarea,.request-info select { width:66%; border:1px solid #999; -webkit-border-radius: 3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0; padding:5px; }
.request-info textarea{ height:100px; width:66%; }
.request-info .error input[type=text] { border:2px solid #ee4036;}
.error-tooltip { left:33%; }


input[type=checkbox] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
input[type=checkbox] + label { background-image:url(../img/unchecked.png); padding:5px 0 5px 45px; height:25px; display:inline-block; line-height:20px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer; }
input[type=checkbox]:checked + label{ background-image:url(../img/checked.png); }
input[type=submit] { padding: 5px 0; width: 200px; background: #00377b; padding: 20px 0px; color: #ffffff; text-transform: uppercase; cursor: pointer; font-size: 14px; font-weight: 700; margin: 0 auto; display: inherit; -webkit-appearance: none; border: 2px solid #00377b; letter-spacing: 1px;
}
input[type=submit]:hover { opacity: 0.8;}

#error-message-box { display: none; background: #ee4036; color:#FFF; padding:30px; position: absolute; top:0; left:0; width: 100%; }
body.ri-error #error-message-box { display: table; }
body.ri-error #error-message-box .exclamation-wrapper { display: table-cell; vertical-align: top; }
body.ri-error #error-message-box .error-text-wrapper { display: table-cell; vertical-align: top; }
body.ri-error #error-message-box .fa { font-size: 25px; margin: 0 35px 0 0; float: left; }
span.error-tooltip {display: none;}

@media (max-width: 400px) {
  .error-tooltip {left: 6%;}
  .error-tooltip:before {left: 192px;}
}

@media (max-width: 320px) {
  .error-tooltip {left: 4%;}
}