@charset "UTF-8";
/* CSS Document */

#contactwrapper{
	
width:1200px;
		margin: 0 auto;
}

#contacttextwrapper{
width:100%;
margin-left:100px;
float:left;
max-width:400px;

}

#contacttext h2{

font-weight:300;
}

#contacttext{
clear:left;
height:auto;
float:left;
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}

#contacttext a{
	color:#0000ff;
	text-decoration:none;
	font-weight:300;


}
#contacttext a:hover{
	color:#0000ff;
	text-decoration:underline;
	font-weight:300;


}





@media only screen and (max-width: 50000px) {
.form-style{
max-width: 700px;
width:100%;
font-family: "petala-pro",sans-serif;
font-weight:300;
float:left;
}
#contactwrapper{
	
width:1200px;
		margin: 0 auto;
}
}

@media only screen and (max-width: 1200px) {
	
	#contactwrapper{
	
width:900px;
		margin: 0 auto;
}
	
.form-style{
max-width: 475px;
width:100%;
font-family: "petala-pro",sans-serif;
font-weight:300;
float:left;
margin-left:25px;

}

#contacttextwrapper{
width:100%;
margin-left:100px;
float:left;
max-width:300px;


}
}

@media only screen and (max-width: 900px) {
	
	#contactwrapper{
	
width:600px;
		margin: 0 auto;
}
	
.form-style{
max-width: 275px;
width:100%;
font-family: "petala-pro",sans-serif;
font-weight:300;
float:left;
margin-left:25px;

}

#contacttextwrapper{
width:100%;
margin-left:50px;
float:left;
max-width:250px;


}
}

@media only screen and (max-width: 600px) {
	
	#contactwrapper{
	
width:300px;
		margin: 0 auto;
}
	
.form-style{
max-width: 300px;
width:100%;
font-family: "petala-pro",sans-serif;
font-weight:300;
float:left;
margin:0px;




}

#contacttextwrapper{

float:left;
width:100%;
clear:left;
position:relative;
max-width:300px;
margin:0px;
padding-top:10px;
}
}








.form-style label{
    display: block;
    margin: 0px 0px 25px 0px;
	font-size:16px;
	clear:left;
}
.form-style label > span{
    width: 100px;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.form-style span.required{
    color:#ff0000;
	font-weight:300;

}
.form-style .tel-number-field{
    width: 40px;
    text-align: center;
}
.form-style  .long{
    width: 120px;
}
.form-style input.input-field{
    width: 100%;
	font-family: "petala-pro",sans-serif;
font-size:16px;
font-weight:300;
   
}

.form-style input.input-field,
.form-style .tel-number-field,
.form-style .textarea-field,
 .form-style .select-field{
    -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; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #0000ff;
	    border-top: 1px solid #FBFBFB;
    border-left: 1px solid #FBFBFB;
    border-right: 1px solid #FBFBFB;
    padding: 15px;
    outline: none;
	background-color:#FBFBFB;

}
.form-style .input-field:focus,
.form-style .tel-number-field:focus,
.form-style .textarea-field:focus,  
.form-style .select-field:focus{
    border: 1px solid #0000ff;
	background-color:#FBFBFB;

}
.form-style .textarea-field{
    height:545px;
    width: 100%;
	font-family: "petala-pro",sans-serif;
font-size:16px;
font-weight:300;
}
.form-style input[type="button"],
.form-style input[type="submit"] {
    -moz-box-shadow: inset 0px 1px 0px 0px #0000ff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #0000ff;
    box-shadow: inset 0px 1px 0px 0px #0000ff;
    background-color: #0000ff;
    border: 1px solid #0000ff;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 10px 20px;
    text-decoration: none;
font-family: "petala-pro",sans-serif;
font-size:18px;
font-weight:300;
}

.form-style input[type="button"]:hover,
.form-style input[type="submit"]:hover {
    background-color: #0000ff;
}
.form-style .success{
	font-family: "petala-pro",sans-serif;
font-size:18px;
font-weight:300;
	background: #ccffcc;
	padding: 10px 20px 10px 20px;
	margin: 75px 0px 10px 0px;
	border: none;
	color: #00ff00;
	border-bottom: 1px solid #00ff00;
}
.form-style .error {
	font-family: "petala-pro",sans-serif;
font-size:18px;
font-weight:300;
	background: #99bbff;
	padding: 10px 20px 10px 20px;
	margin: 10px 0px 10px 0px;
	border: none;
	color: #0000ff;
	border-bottom: 1px solid #0000ff;
	z-index:1000000;
	position:relative;
}