@charset "utf-8";

* {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
img, fieldset {
	border:0;
	}
body.bg {
	font-family: 'Open Sans', sans-serif;
    background: #c8d7d4;
	font-size:14px;
	padding-bottom:50px;
	min-height: 600px
	}
p { margin: 5px 0}
.content {
	background: rgba(0,0,0,0.0);
    display: block;
    /*position: absolute;*/
    width: 800px;
    min-height: 580px;
    /*top: 50%;
    left: 50%;
    margin: -290px 0 0 -400px*/
	margin: 50px auto;
}
header  {
	padding:0 3em;
}
header  a{text-decoration:none}
.logo {
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	}
.iodo {
	margin-right: 50px
	}

.contact {
    background: #FFF;
    padding: 4em 2em 4em;
    position: relative;
}
.contact-top {
    margin-top: 2em;
    padding: 3em 3em 2em 3em;
}
.contact-top h4 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    letter-spacing: 2px;
	text-transform: uppercase;
}
.contact-top h4 span {
    padding-top: 1em;
    border-top: solid 1px #000;
}
#form_box, #result, #reload {
    margin-top: 2em;
}
#reload, .contact-top a {
	color: rgb(0, 102, 153);
	border-bottom: 1px solid rgba(0, 102, 153, 0.3);
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
	display: inline-block;
	text-decoration: none
}
#reload:hover, .contact-top a:hover {
	color: rgb(208, 72, 72);
	border-color: rgb(208, 72, 72);
}

a.false {
	border-bottom: 1px dashed rgba(0, 102, 153, 0.3);
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
.contact-top input[type="text"] {
    width: 100%;
    padding: 10px;
    background: none;
    margin: 10px 0;
    outline: none;
    color: #B3B3B3;
    border: solid 1px #000;
}
.contact-top input[type="submit"] {
    border: 0px;
    margin: 1em 0 0 0;
    outline: none;
    font-size: 16px;
    color: #FFF;
    text-transform: uppercase;
    -webkit-appearance: none;
    position: relative;
    background: #000;
    padding: 0.6em 1.3em;
}
.contact-top input[type="submit"]:hover{
    color: #afa376;
}

/* Validate */
.validate label.input_error, .error { display:block; line-height:1.8; vertical-align:top; color: #000; font-style: italic; font-size:12px; }
.validate input.input_error { border: 1px dashed #DB1905!important;}
/* / Validate */

.ajax_loader {
    background: url("../ajax-loader.GIF") no-repeat center center transparent;
    width: 100%;
    height: 100%;
}
.ajax_overlay {width: 100%!important;
    height: 100%!important ;}
.radio {    
	display: inline-block;
	margin-right: 20px;
	}
.radio input[type=radio] {
	display: none;
}
.radio label:before {
	border-radius: 3px;
}

.radio label {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 5px 0;
	padding-left: 25px
}

.radio label:before {
	content: "";
	display: block;

	width: 16px;
	height: 16px;

	position: absolute;
	left: 0;
	top: 0;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

.radio input[type=radio]:checked + label:before {
	background-color: #000000;
}