/* --------------------- main page forms css ------------------------------------------------------*/
#sideformDiv {  display: block;  width:100%; margin:0 auto; position:; z-index:100;  }
#sideformDiv h4{ text-align:center }

.requestformSec { width:25%; float:left; text-align:center;margin-left: 70px; }
#requestform {display: inline-block;  width: 100%;padding: 0 0 20px; }
#requestform_content { padding: 10px 15px; width:1080px; margin:5px auto 10px;display: block; }
.requestform50 { width:50%; float:left;  }
#requestformChks { padding:5px 10px 0 30px}
#infoform { display: inline-block; margin: 0 auto 14px; padding: 10px 0 12px 18px; width:100%; position:relative; box-shadow:0px 0px 3px #666 }
#infoform legend small { font-size: 9px; margin: 0 4px; ; color: #33C }
#infoform label { color: #666; display: block; font-size: 14px; font-weight: bold; float: left; margin: 0; position:relative }
#infoform label.dwn { margin: 4px 0 1px; width:90px; color:#333 }
#infoform label.lrg {  margin: 4px 0; }
#infoform input:not([type="button"]), #myform textarea { background: none; border: 1px solid #999; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 5px 12px 0 0; padding: 2px 3px; font-weight:normal; max-height:28px; color:#444 }
#infoform input.med { width: 160px; float: left }
#infoform input.md, #myform label.md { width: 50% }
.text-center { text-align: center }
#infoform select { background: none; border: 1px solid #999; 3px; color: #555; display: block; height: 26px; margin:5px 12px 0 0; padding:3px 4px; width: auto; min-width: 160px; float: left; font-size: 13px; font-weight:normal}
#infoform input[type="checkbox"] {	width: 18px;	height: 18px;margin: 5px 16px 0 0;}
#infoform textarea { background: rgba(0, 0, 0, 0); width: 98%; border: 1px solid #999; border-radius:3px; font-size:14px;padding: 3px 4px;min-height: 100px;}
#infoform select.sml { width: 130px }
#infoform select.med { width: 160px }
#infoform .btn { margin: 0 5px; width: 120px; }
#infoform .btn2:hover { background: #444; border: 1px solid #555; color: #fff; cursor:pointer }
#infoform select option { padding: 2px }
#infoform select.lg { clear: both; width: 80%; margin: 0 auto }
#infoform textarea:focus, #infoform select:focus, #infoform input[type="text"]:focus, #infoform  input[type="password"]:focus, #infoform input[type="email"]:focus { background: rgba(255,255,255,.1); }
#submitDiv { width:100%; max-width:220px; margin:10px auto 0; position:relative }
#infoform #captcha_code { font-size: 13px; margin: 0 auto; width: 80px !important; ; padding: 5px 0; text-align: center }
::-webkit-input-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;opacity: 1;}
:-moz-placeholder {color: #999;opacity: 1;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 8 and older ;) */
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 8 and older ;) */
#infoform hr { margin:10px 0 }
#sideformDiv .errorDiv { display:inline-block;  background:#C00; color:#eee; font-size:11px; padding:3px 10px;left:0; bottom:-10px; position:absolute;width: 100%; text-align:center }
#sideformDiv .email-error { display: none; background: #C03; color: #fff; width: auto; font-size: 11px; height:18px; padding: 1px 8px; z-index: 100; left:0; bottom:-10px; position:absolute; display:block }
#sideformDiv .alert.alert-danger { background: #C03; margin: 0; padding: 0; text-align: center; width: 100%; color: #fff; display: inline-block; left:0; bottom:-10px; position:absolute; font-size: 13px; }
#sideformDiv .alert.alert-success { background: #3C9; margin: 0; padding: 0; text-align: center; width: 100%; color: #fff; display: inline-block; left:0;bottom:-10px; position:absolute; font-size: 13px; }

#sideformDiv #loader { display: none; position: absolute; left:45%; top:0 }
#sideformDiv #loader { width:auto }

#sideformDiv .humanChecker { text-align: center;height: 32px;}

#sideformDiv .chkHuman { position: relative; left:0; top:0; width:auto; height:auto; padding:4px 0 ; text-align:center; background:none; margin: 0 auto }
#sideformDiv .humanChecker img { width:30px; height:auto  }
#sideformDiv .chkHuman span {  text-align:center; font-size:16px;}
#submit_sec .chkHuman .humanChoice{ cursor:pointer; float:none; width:auto; height:auto; padding:1px 5px 1px 6px; background: #1463af; font-size:15px; color:#000;display: inline-block; margin:0;font-weight: bold;}
#submit_sec .humanChecker .IamHuman{ float:none;  font-size:14px }
#sideformDiv .chkHuman .humanChoice:hover { border-radius:40px; color:#eee; }
#sideformDiv .humanChecker .btnSubmitForm { display:none; margin-top:8px; border:none; color:#eee; background:#39F; padding:2px 10px; cursor:pointer }
.doshow { display:block }
.dohide { display:none }
.gap { padding-bottom: 6px; clear: both; }
@media screen and (max-width:1281px) {
	#sideformDiv {  display: block; left:10%; width:100%; }
}
@media screen and (max-width:1023px) {
#sideformDiv { width:100%; left:0; bottom:0 }
	
}
@media screen and (max-width:899px) {
#submitDiv { display: inline-block;  margin: 10px 34% 0; max-width: 220px;  position: relative; width: 200px;}
}
@media screen and (max-width:586px) {
#sideformDiv { padding:5px 0 }
#infoform input.med { margin: 0 5px 5px; width:180px }
#requestformChks {padding: 5px}
#infoform label { width:100% }
#submitDiv { margin:14px 0 }
}
@media screen and (max-width:420px) {
#sideformDiv { padding:10px 0;  }
.requestform50 { width: 100% } 
#infoform label.dwn { width: 80px }
#infoform input.med { margin: 0 5px 5px; width:90% }
#infoform textarea { width:92%} }
}