.support
{
background-color: hsl(var(--widget-main-hue,228),51%,22%);
margin-bottom: 21px;
padding: 21px 40px 14px;
border-radius: 7px;
}
.support input, .support textarea
{
color: #97a0da;
font-weight: 400;
font-size: calc(var(--widget-font, 1rem)*1.143);
background: #0a1539;
flex-grow: 1;
padding: 15px;
font-size: 16px;
border: 1px solid #394474;
border-radius: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
transition: border .2s ease-in;
z-index: 6;

}
.support input
{
height: 50px;

}
.support textarea
{

}
#successer
{
position:absolute;
top:329px;
margin:auto;
left:0;
right:0;
width:380px;
-webkit-transition: all 3.0s;
-moz-transition: all 3.0s;
-o-transition: all 3.0s;
transition: all 3.0s;
color:#0F0;
text-align:center;
font-size:2.0em;
opacity:0;
display:none;
}
#errorbox
{
background:rgba(255,0,0,0.8);
width:100%;
height:100vh;
position:fixed;
top:0;
left:0;
z-index:20;
opacity:0;
display:none;
}
#msgerr
{
color:#FFF;
left:0;
right:0;
margin:auto;
z-index:21;
position:fixed;
text-align:center;
opacity:0;
//display:none;
-webkit-transition: all 5.0s;
-moz-transition: all 5.0s;
-o-transition: all 5.0s;
transition: all 5.0s;
}
.buttonforma
{
left:0;
right:0;
margin:auto;
//width:300px;
text-align:center;
background:#30B95A;
cursor:pointer;
-webkit-transition: all 1.0s;
-moz-transition: all 1.0s;
-o-transition: all 1.0s;
transition: all 1.0s;
padding:5px 0;
}
.buttonforma:hover
{
background:#258941;
}
.buttonforma span {
  text-decoration: none!important;
  color: #FFF;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 16px;
cursor:pointer;
width:100%;
}

.buttonforma:hover span {
  color: #97a0da;
-webkit-transition: all 1.0s;
-moz-transition: all 1.0s;
-o-transition: all 1.0s;
transition: all 1.0s;
}