/*
Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/
button.btn:hover {
background-color: #fff;
}
button.btn {
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
color:#161e26;
background-color: #b6b6b6;
}
div.col-md-6.col-md-offset-3 {
margin: 0 auto;
text-align: center;
padding-bottom: 20px;
}
div.col-lg-10 input {
color:#000;
}
div.form-group {
padding:5px;
}
label {
display: none;
}
div.col-lg-10 textarea {
background-color: #ffffff !important;
font-weight: 100 !important;
color:#000 !important;
height:200px;
}
div.col-lg-10 textarea:focus {
background-color: #ffffff !important;
font-weight: 100 !important;
color:#757575 !important;
border-color:#fff;
}
button,
input,
textarea {
border: 1px solid #b6b6b6;
border-radius: 3px;
font-family: inherit;
padding: 6px;
padding: 0.428571429rem;
min-width: 50%;
}
button,
input {
line-height: normal;
}
textarea {
font-size: 100%;
overflow: auto;
vertical-align: top;
}
#contactus fieldset
{
max-width:310px;
padding:20px;
border:0;
/* border:2px solid #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 1px; */
margin: 0 auto;
}
#contactus legend, h2
{
font-family : Source Sans Pro, sans-serif;
font-size: 1.3em;
font-weight:500;
color:#ffffff;
text-align: center;
}
#contactus label
{
font-family : Lato, sans-serif;
font-size:0.8em;
font-weight: 200;
color:#ffffff;
}
#--contactus input[type="text"],textarea
{
font-family : Arial, Verdana, sans-serif;
font-size: 0.8em;
line-height:140%;
color : #000;
padding : 3px;
border : 1px solid #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#contactus input[type="text"]
{
height:18px;
width:220px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#contactus #scaptcha
{
width:60px;
height:18px;
}
#contactus input[type="submit"]
{
width:100px;
height:30px;
padding-left:0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#contactus textarea
{
height:120px;
width:310px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#contactus input[type="text"]:focus,textarea:focus
{
color : #009;
border : 1px solid #990000;
background-color : #ffff99;
font-weight:bold;
}
#contactus .container
{
margin-top:8px;
margin-bottom: 10px;
}
#contactus .error
{
font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
color: #900;
background-color : #ffff00;
}
#contactus fieldset#antispam
{
padding:2px;
border-top:1px solid #EEE;
width:350px;
}
#contactus fieldset#antispam legend
{
font-family : Lato, sans-serif;
font-size: 0.8em;
font-weight:100;
color:#ffffff;
}
#contactus .short_explanation
{
font-family : Arial, sans-serif;
font-size: 0.6em;
color:#ffffff;
}
/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
display:none;
width:10px;
height:3px;
}
#fg_crdiv
{
font-family : Arial, sans-serif;
font-size: 0.3em;
opacity: .2;
-moz-opacity: .2;
filter: alpha(opacity=20);
}
#fg_crdiv p
{
display:none;
}
@media (max-width:450px) {
button,
input,
textarea {
min-width: 270px;
}
}
@media (max-width: 374px) {
#contactus textarea {
max-width:70%;
}
#contactus fieldset {
max-width:100% !important;
border:0px solid #ccc;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
margin: 0 auto;
}
#contactus fieldset#antispam {
width:70%;
border-top:0px solid #EEE;
text-align: left;
padding:1px;
}
iframe {
max-width: 100% !important;
}
}