@charset "utf-8";
  @media only screen and (max-width: 768px){
input{
width:100% !important;
margin-left:auto;
margin-right:auto;
font-size: 15px !important;
color: #000000;
padding: 10px;
border-radius: 5px;
border-style: ridge;
}
select{
width:100% !important;
margin-left:auto;
margin-right:auto;
font-size: 15px !important;
color: #000000;
padding: 10px;
border-radius: 5px;
border-style: ridge;
}
textarea{
width:100% !important;
margin-left:auto;
margin-right:auto;
font-size: 15px !important;
color: #000000;
padding: 10px;
border-radius: 5px;
border-style: ridge;
} .formbutton {
width:60% !important;
background-color: rgba(142,165,12,1) !important;
color: #fff !important;
padding: 10px !important;
text-shadow: none;
border: none;
border-radius: 5px;
font-size: 18px;
} #hiddenContainer{
display: none; 
} .loading:after {
content: '.';
animation: dots 1s steps(5, end) infinite;}
@keyframes dots {
0%, 20% {
color: rgba(0,0,0,0);
text-shadow:
.25em 0 0 rgba(0,0,0,0),
.5em 0 0 rgba(0,0,0,0);}
40% {
color: white;
text-shadow:
.25em 0 0 rgba(0,0,0,0),
.5em 0 0 rgba(0,0,0,0);}
60% {
text-shadow:
.25em 0 0 white,
.5em 0 0 rgba(0,0,0,0);}
80%, 100% {
text-shadow:
.25em 0 0 white,
.5em 0 0 white;}}
}
@media only screen and (min-width: 769px) {
input[class=threerows]{
width:224px;
margin-left:auto;
margin-right:auto;
font-size: 15px !important;
color: #000000;
padding: 10px;
border-radius: 5px;
border-style: ridge;
} select[class=selectfield-threerows]{
width:224px;
margin-left:auto;
margin-right:auto;
font-size: 15px !important;
color: #000000;
padding: 10px;
border-radius: 5px;
border-style: ridge;
} .formbutton{
background-color: rgba(142,165,12,1) !important;
color: #fff !important;
padding: 10px !important;
text-shadow: none;
border: none;
border-radius: 5px;
font-size: 18px;
margin-top: 10px;
}  #containerTR{
width:700px;
margin-left:auto;
margin-right:auto;
}
#containerTR #leftTR{
width:233px;
float:left;	
}
#containerTR #middleTR{
width:233px;
float:left;
}
#containerTR #rightTR{
width:233px;
float:left;
} #containerBR{
width:700px;
margin-left:auto;
margin-right:auto;
}
#containerBR #leftBR{
width:233px;
float:left; 
}
#containerBR #middleBR{
width:233px;
float:left;
}
#containerBR #rightBR{
width:233px;
float:left;
}
#containerbtn{
width:700px;
margin-left:auto;
margin-right:auto;
} #containerbtn #leftbtn{
width:700px;
float:left;  
} .loading:after {
content:'.';
animation: dots 1s steps(5, end) infinite;}
@keyframes dots {
0%, 20% {
color: rgba(0,0,0,0);
text-shadow:
.25em 0 0 rgba(0,0,0,0),
.5em 0 0 rgba(0,0,0,0);}
40% {
color: white;
text-shadow:
.25em 0 0 rgba(0,0,0,0),
.5em 0 0 rgba(0,0,0,0);}
60% {
text-shadow:
.25em 0 0 white,
.5em 0 0 rgba(0,0,0,0);}
80%, 100% {
text-shadow:
.25em 0 0 white,
.5em 0 0 white;}}
}