﻿
#formpage {
box-sizing:border-box;
}

form > div {
clear:both;
overflow:hidden;
padding:1px;
margin:0 0 10px;
-webkit-appearance:none;
font-family: 'Archivo Narrow', sans-serif;font-weight:300;
}

label {
width:100%;
max-width:25%;
float:left;
box-sizing:border-box;
}

form > div > div{
width:100%;
max-width:75%;
float:right;
box-sizing:border-box;
}

form > div > fieldset label {
font-size:100%;
font-weight:700;
}

fieldset {
border:0;
padding:0;
}

input[type=text],input[type=email],input[type=url],input[type=password],textarea,select {
width:100%;
max-width:75%;
border:1px solid #ddd;
background:#fafafa;
padding:8px 10px;
box-sizing:border-box;
font-weight:300;font-size:16px;
font-family: 'Archivo Narrow', sans-serif;}
/*
input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,textarea:focus {
outline:0;
}*/

input.button{
width:100%;
max-width:75%;
float:right;
margin:10px 0px;
padding:7px 0;
font-weight:800;
background:#005eb0;
border:1px solid #000;
text-align:center;
color:#fff;
-webkit-appearance:none;
box-sizing:border-box;
}

input.button:hover{
color:#fff;
background:#202b5d;
border:1px solid #000;
cursor:pointer;
box-sizing:border-box;
}

/* control the Captcha */
.CaptchaPanel {
margin:0!important;
padding:0!important;
text-align:center;
line-height:normal!important;
}

.CaptchaPanel img {
margin:0 auto;
}

.CaptchaImagePanel {
margin:0;
padding:0;float:left;
}

.CaptchaMessagePanel {
padding:0!important;
margin:0!important;
font-weight:400!important;
}

.CaptchaAnswerPanel {
margin:0;
padding:2px 0!important;
}

.CaptchaWhatsThisPanel {
line-height:0;
margin:0;
padding:8px 0!important;
}

.CaptchaWhatsThisPanel a {
color:#000;
}

.CaptchaWhatsThisPanel a:hover {
text-decoration:none;
}

@media screen and (max-width: 1024px){
    
form > div > label,legend {
max-width:100%;
float:none;
}

form > div > div,form > div > fieldset > div {
max-width:100%;
float:none;
}

input.button,input.button:focus,div.button,div.button:focus {
max-width:100%;
float:none;
}

.CaptchaPanel {
width:100%;
}

input[type=text],input[type=email],input[type=url],input[type=password],textarea,select {
max-width:100%;
}

input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,textarea:focus {
outline:0;
border:1px solid #ed3338;
}
 
}
