/*
blue 30366b
red c5212c
*/

div#form_container, div#form_success
{
width: 100%;
border: none;
padding: 3rem 0;
margin-top: 2rem;
}

div#form_success
{
}

div#form_success strong
{
display: block;
font-size: 2rem;
line-height: 2rem;
color: #252525;
font-weight: 600;
margin-bottom: 2rem;
}

div#form_container
{
padding: 0;
}

div#form_container form
{
width: 60%;
margin: 0 auto 0 0;
}

div#form_container form p:first-of-type
{
margin-top: 0;
}

div#form_container form input
{
display: block;
margin-top: 1rem;
width: 100%;
height: 3.5rem;
line-height: 3.5rem;
padding: 0 1.5rem;
margin-top: 1.5rem;
outline: solid 2px #b7b7b7;
border: none;
cursor: text;
background: transparent;
font-size: 1.25rem;
font-weight: 500;
}

div#form_container form input.invalid
{
outline: solid 2px #c5212c;
}

div#form_container form textarea
{
display: block;
margin-top: 2rem;
width: 100%;
height: 6.5rem;
line-height: 1.5rem;
padding: 1rem 1.5rem;
outline: solid 2px #b7b7b7;
border: none;
cursor: text;
overflow: hidden;
font-size: 1.25rem;
background: transparent;
}

div#form_container form textarea.long
{
height: 14rem;
}

div#form_container form textarea.invalid
{
outline: solid 2px #c5212c;
}

div#form_container form div#captcha
{
width: 100%;
margin-top: 2rem;
height: 3rem;
line-height: 3rem;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
}

div#form_container form div#captcha img
{
display: inline-block;
height: inherit;
width: auto;
flex-grow: 0;
flex-shrink: 0;
cursor: pointer;
}

div#form_container form div#captcha input
{
margin: 0 1rem;
height: inherit;
line-height: inherit;
width: 12rem;
flex-grow: 0;
flex-shrink: 0;
padding: 0 1rem;
}

div#form_container form div#submit
{
margin-top: 3rem;
}

div#form_container form span.button
{
display: inline;
padding: 0.75rem 2.5rem;
border: solid 1px #08aea1;
background: #08aea1;
color: #fff;
font-size: 1.25rem;
font-weight: 800;
cursor: pointer;
transition: all ease 0.25s;
text-align: center;
outline: none;
}

div#form_container form span.button:hover
{
color: #08aea1;
background: #fff;
}

@media (max-width: 480px)
{
div#form_container form { width: 100%; }

div#form_container form div#captcha input { width: 7rem; }

div#form_container form div#submit { margin-bottom: 2rem; }
div#form_container form span.button { display: block; width: 100%; }
}