@charset "utf-8";
/* CSS Document */
.form-style{
	font: 400 15px/1.8 "Lato", sans-serif;
    max-width: 100%;
    background: #1E395E;
    padding: 30px;
    margin: 50px auto;
    box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    border: 6px solid #305A72;
	min-height:400px;
	height:450px;
}
/* .form-style ul{
    padding:0;
    margin:0;
    list-style:none;
}
.form-style {
    display: block;
    margin-bottom: 10px;
    min-height: 35px;
}  
*/
.field-style{
    box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    padding: 8px;
	border-radius:3px;
    outline: none;
    border: 1px solid #B0CFE0;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
	width:100%;
	height:45px;
}
.field-style:focus{
    box-shadow: 0 0 5px #B0CFE0;
    border:1px solid #B0CFE0;
}
.form-style .field-split{
    width: 48%;
}
.form-style .field-full{
    width: 100%;
}
.form-style input.align-left span{
    float:left;
}
.form-style input.align-right span{
    float:right;
}
.form-style textarea{
	font: 400 15px/1.8 "Lato", sans-serif;
    width: 98%;
    height: 100px;
    float: right;
    margin-right: 1%;
}
.form-style row{
	width:100%;
}
.form-style column{
	width:49%;
}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Clear floats after the columns */
.clearboth {
    content: "";
    display: table;
    clear: both;
}

.form-style button {
    background-color: #00AEEE;
    color: #fff !important;
    border: none;
    border-radius: 3em;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-size: 1em;
    text-decoration: none;
    padding: 1em 2em ;
    width: auto;
    margin-top: 1.3em;

}
.form-style button:hover, 
.form-style input[type="submit"]:hover {
    background-color: #006DD9;
    box-shadow: 5px 10px 15px #999999;
}
.errormess{
	color:#C30;
}
.line50{
	display:block;
	width:100%;
}
.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}

.col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}
.col-50 {
	float:left;
	width:48%;
	margin-top:6px;
	margin:1% 1%;
}
.col-100{
	float:left;
	width:100%;
	margin-top:6px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.required
{
    color:#dd6666;
}
em {
	color:#F00;
}
.errormess{
	color: #F00;
}

@media screen and (max-width: 600px) 
{

.col-25, .col-50, .col-75 {
    width: 100%;
}





}