.formContainer{
width: 100%;
position: relative;
padding: 20px;
background: white;
text-align: left;
}
.formContainer input{
width: 100%;
max-width: 300px;
}
.formContainer textarea{
width: 100%;
}
.formContainer .formNote{
color:red;
font-size: 10px;
}
.formContainer .submit{
background: #FFF;
color: #7869aa;
padding: 10px 0;
margin: 15px 0;
border: none;
border-radius: 4px;
}
.formContainer .overlay, .formContainer .overlayError{
width: 100%;
height: 100%;
background: rgba(84,184,75, 0.8);
position: absolute;
top:0;
left: 0;
display: none;
}
.formContainer .overlayNote, .formContainer .overlayErrorNote{
font-size: 18px;
color: white;
font-weight: bold;
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%);
} .callmeContainer{
width: 100%;
color: black;
position: relative;
padding: 40px 0px 10px 0px;
text-align: center;
}
.callmeContainer .wrapper{
width: 100%;
max-width: 600px;
padding: 0px 0px;
margin:0 auto;
height: 100%;
}
.vertical_align {vertical-align: middle;}
.verticalAlignCenter{
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.callmeContainer .callmeLabel{
display: inline;
margin: 8px 15px;
font-size: 1.8em;
float: left;
}
.celebrand_callme input{
float: left;
font-size: 1.3em;
}
.celebrand_callme input[type="text"]{
line-height: normal; margin:0 15px;
padding: 5px 10px;
border: 1px solid #484848;
}
.celebrand_callme input[type="submit"]{ background: #007833 !important;
border-radius: none !important;
color: #FFF !important;
border: none !important;
text-transform: uppercase;     
font-size: 12px;
border: 1px solid #007833 !important;
}
.celebrand_callme input[type="submit"]:hover{
background: white !important;
border: 1px solid #007833 !important;
color: #007833 !important;
}
.height40sm{
height:40px;   
}
.callmeContainer .overlay{
background: rgba(84,184,75, 0.8);
width: 100%;
height: 100%;
position: absolute;
top: 0;
display: none;
color: white;
text-shadow: 1px 1px 1px #000;
}
.callmeContainer .overlay .overlayLoading{
width: 30px;
display: inline-block;
}
.callmeContainer .overlay .overlayLoading img{
width: 100%;
}
.callmeContainer .overlay .overlayNote{
font-size: 1.8em;
padding: 5px;
}
.callmeContainer .overlay .overlaySubnote{
font-size: 1.2em;
padding: 5px;
}
.callmeContainer .overlay .overlay-error{
display: none;
width: 400px;
margin: 0 auto;
font-size: 1.3em;
margin-top: 20px;
}
.callmeContainer .overlay .overlay-ok{
display: none;
width: 100%;
}
@media (max-width: 767px) {
.callmeContainer{
height: auto;
}
.callmeContainer .wrapper{
width: 100%;
}
.callmeContainer .callmeImageContainer{
float:none;
margin: 15px auto;
display: block;
display: none;
}
.verticalAlignCenter{
top: 0;
transform: none;
-webkit-transform: none;
}
.callmeContainer .callmeLabel{
margin: 10px 0;
float: none;
width: 100%;
}
.celebrand_callme input{
float: none;
}
.height40sm{
height:auto;   
}
.callmeContainer .overlay .overlay-ok{
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.callmeContainer .overlay .overlay-error{
width: 100%;
}
.callmeContainer .overlay .overlay-error .overlayWarning{
padding: 15px;
}
}