@charset "UTF-8";

/* CLEAR APPEARANCE */
fieldset, label, input, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display:block;
	margin:0;
	padding:0;
	background:none;
    border: none;
	border-radius:none;
    outline: 0 none;
}

/* FORM */

.formleft { 
	width: 30%; 
	float: auto;
	margin-left:auto;
	margin-right:auto;
	display: inline-block;
	position:relative;

}

@media only screen and (max-width: 1005px) {
	
.formleft { 
	width: 75%; 
}

}

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

.formleft { 
	width: 90%; 
}

}

/* INPUT */
input,
textarea {
	display:block;
	vertical-align:middle;
	width:100%;
	height: auto;
	font-size: .8em;
	font-family: 'Kanit', sans-serif;
    font-weight: 400;
	color: #000000;
	font-style: italic;
    line-height:34px;
	margin:0 0 6px;
    padding:8px 0;
    text-indent:10px;
	background: rgba(255,255,255,0.87);
	border:solid 1px #DDD;
	border-radius:5px;
}
textarea {
    height: 178px;
}
/* INPUT FOCUS */
input:focus,
textarea:focus {
	background: #FFFFFF;
}

/* SUBMIT */
input[type="submit"] {
	cursor:pointer;
	position: relative;
	font-size: 1em;
	line-height: 1em;
	font-family: 'Kanit', sans-serif;
    font-weight: 600;
	color: #ffffff;
	font-style: italic;
	text-align:center;
	border-radius: 25px;
    border: 2px solid #1263b4;
	background: #1263b4;
    padding: 15px;
	width: 175px;
	margin: 0 auto;
	transition: all 0.3s ease 0s;
	z-index: 25;
}

input[type="submit"]:hover {
	background: #ffffff; 
	color: #818181;
}

/* PLACEHOLDER */
::-webkit-input-placeholder {color: #000000;}
:-moz-placeholder {color: #000000;} /* Firefox 18- */
::-moz-placeholder {color: #000000;} /* Firefox 19+ */
:-ms-input-placeholder {color: #000000;}


/* CONTACT FORM */
.contactform {
	padding:10px 0;
}
.contactform-head {
	text-align:center;
}
.contactform-head h2 {
	color:#8BC53F;
	font-size:40px;
	line-height:42px;
}
.contactform-head p {
	font-size:18px;
	line-height:26px;
}

/* INPUT */
.contactform input,
.contactform textarea {
    color: #FFF;
	border:none;
	background:rgba(255,255,255,.20);
	border-radius:2px;
}
/* INPUT FOCUS */
.contactform input:focus,
.contactform textarea:focus {
	background:rgba(255,255,255,.25);
}

/* PLACEHOLDER */
.contactform ::-webkit-input-placeholder {color:#000000;}
.contactform :-moz-placeholder {color:#000000;} /* Firefox 18- */
.contactform ::-moz-placeholder {color:#000000;} /* Firefox 19+ */
.contactform :-ms-input-placeholder {color:#000000;}