
/* PAGE CONTACT US */

.contact-form {
    padding: 0px 0px 40px 0px;
}

.contact-top {
    padding: 80px 0;
    background: #355c6b url(../image/contact-top-bg.png) no-repeat center;
    background-size: cover;
}

.contact-main {
    padding: 50px 0 0px 0px;
}

#contact-us .main-center {
    max-width: 950px;
}

.contact-us-title {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    font-size: 28px;
    font-family: 'Gotham', Arial,sans-serif;
    font-weight: normal;
    border-bottom: 2px solid #3c8a2e;
}

#contact-form-module {
	width: 100%;
    *margin-top: 20px;
    *max-width: 850px;
}

#contact-us .module {
    border-radius: 0px;
}

.contact-label {
    font-family: 'Gotham', Arial,sans-serif;
    font-size: 17px;
    color: #555555 !important;
}
@media screen and (max-width:568px){
	.contact-label {
		float: left;
		width: 100% !important;

		margin: 0 0 5px 0;
		padding: 0;	
		
		font-size: 16px;
		font-weight: normal !important;
		color: #555555  !important;
		text-align: left;
	}
}

.label-inline label {
    width: 145px;
    text-align: right;
    padding: 4px 10px 2px 0px;
}
@media screen and (max-width:568px){
	.label-inline label {
		width: 100%;
		text-align: left;
	}
}

.contact-us-input input{
}
@media screen and (max-width:568px){
	.contact-us-input input{
		width: 100%;
		max-width: 100%;
	}
}

.contact-us-selection select{
}
@media screen and (max-width:568px){
	.contact-us-selection select{
		width: 100%;
		max-width: 100%;
	}
}

/* ------------------------------------------------------------- */

.contact-submit{
    float:left;
    width:220px;
	
    padding:8px 0;
    margin: 5px 0 0 0;
	
	font-size: 18px;
	font-family: barlow, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
    text-align: center;

    color: #fff;
    background: #d46e00; 	
	opacity: 1;
	
    border:0;	
    border-radius: 2px;

    cursor: pointer;	
    -webkit-appearance:none;
    -webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    -ms-transition:background 0.2s linear;
    transition:background 0.2s linear;
}

.contact-submit:hover{
	opacity: 0.8;
}

@media screen and (max-width:568px){
    .contact-submit{
        width:100%;
        padding:10px 0;
    }
}

/* ------------------------------------------------------------- */

.Success,
.Success-large {
	float: left;
	display: block;

	width: 100%;
	font: 13px "Open Sans",Arial,sans-serif;
			
	color: #009B28;
	background-color: #EEFBEB;

	margin: 4px 0px 10px;
	padding: 5px 3%;
	outline: 1px solid #009B28;	
}
.Success-large {
	font-size: 18px;
}

/* ----- */
	
.Error,
.Error-large {
	float: left;
	display: block;

	width: 100%;
	font: 13px "Open Sans",Arial,sans-serif;
			
	color: #F00;
	background-color: #FDF3FA;

	margin: 4px 0px 10px;
	padding: 5px 3%;
	outline: 1px solid #E01A22;	
}
.Error-large {
	font-size: 18px;
}	
