/* CONTACT CSS */

/* Desktops and laptops */
@media screen and (min-width : 701px) {
	#content_wrapper {
		width:100%;
		padding:200px 0 0 0;
		margin:0 auto;
		}
	#content {
		width:750px;
		margin:0 auto ;
		}
	#contact_title {
		width: 123px;
		height: 25px;
		background: url(../images/contact/contact_title.png) no-repeat;
		margin:0 auto 60px auto;
		display: block;
		text-indent: 150%;
		white-space: nowrap;
		overflow: hidden;
		}
	#content p{
		text-align:center;
		line-height:2;
		color:#3e3a39;
		}
	#content .ontact_tel{
		width:245px;
		background:#333;
		color:#FFF;
		margin:30px auto 0 auto;
		font-size:18px;
		}
	#form_wrapper{
		background:url(../images/contact/dot_bg.png);
		padding:12px;
		margin:30px auto;
		}
	.form_bg{
		background:#FFF;
		margin:0 auto;
		padding:40px 35px 20px 35px;
		}
	.contact_form{
		margin:0 auto;
		width:630px;
		}
	.contact_form th,
	.contact_form td {
		border: none;
		padding:15px 0 15px 0;
		font-size:14px;
		background:url(../images/contact/dot_line.png) bottom repeat-x;
		}
	.contact_form th {
		text-align:right;
		width:200px;
		padding:0 20px 0 0;
		}
	.contact_midasi{
		vertical-align:top;
		line-height:5;
		}
	.contact_form textarea {
		width:470px;
		height:257px;
		padding:5px;
		font-size:14px;
		color:#333;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2) inset;
		border: 1px solid #D6D6D6;
		transition: all 0.5s ease 0s;
		
		}
	.contact_text1{
		width:370px;
		padding:2px;
		font-size:14px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2) inset;
		border: 1px solid #D6D6D6;
		transition: all 0.5s ease 0s;
		}
	.contact_form input:focus,
	.contact_form textarea:focus {
		border: 1px solid #FAA2C3;
		box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
		outline: medium none;
	}
	.contact_form input:focus::-webkit-input-placeholder,
	.contact_form textarea:focus::-webkit-input-placeholder {
		color: transparent;
	}
	
	/*
	.error {
		color:#FF9;
		line-height:1.6;
	}*/
	.contact_area{
		margin:0 0 30px 0;
		}
	.btn_contact_area{
		padding:0 0 0 7px;
		width:220px;
		margin:25px auto 0 auto;
		}	
	.btn_contact,.btn_contact2 {
		width:90px;
		height:35px;
		font-size:15px;
		color:#ffffff;
		display:block;
		border:none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		cursor:pointer;
		margin:30px auto 0 auto;
		background:#333333 0 0 no-repeat;
	}
	.btn_contact:hover,.btn_contact2:hover {
		opacity:0.8;
	}
	.btn_contact2{
		margin:0 10px 0 0;
		float:left;
	}
}

/* Smartphones (portrait and landscape) */
@media screen and (max-width : 700px) {
	#content_wrapper {
		width:100%;
		padding:0;
		margin:0 auto;
		}
	#content {
		width:100%;
		margin:0 auto ;
		}
	#contact_title {
		width: 123px;
		height: 25px;
		background: url(../images/contact/contact_title.png) no-repeat;
		margin:0 auto 20px auto;
		display: block;
		text-indent: 150%;
		white-space: nowrap;
		overflow: hidden;
		}
	#content p {
		padding:0 10px;
		font-size:14px;
		text-align:center;
		line-height:1.4;
		color:#3e3a39;
		}
	#content p br {
		display:none;
	}
	#content .ontact_tel{
		width:245px;
		background:#333;
		color:#FFF;
		margin:20px auto 0 auto;
		font-size:18px;
		}
	#form_wrapper{
		background:url(../images/contact/dot_bg.png);
		padding:12px;
		margin:30px auto 0 auto;
		}
	.form_bg{
		background:#FFF;
		margin:0 auto;
		padding:15px;
		}
	.contact_form{
		margin:0 auto;
		width:100%;
		}
	.contact_form td {
		display:block;
		border: none;
		padding:0 0 15px 0;
		font-size:14px;
		background:url(../images/contact/dot_line.png) bottom repeat-x;
		}
	.contact_form th {
		display:block;
		border: none;
		padding:20px 0 10px 0;
		font-size:14px;
		}
	.contact_midasi{
		vertical-align:top;
		}
	.contact_form textarea {
		width:100%;
		height:257px;
		padding:5px;
		box-sizing:border-box;
		font-size:14px;
		color:#333;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2) inset;
		border: 1px solid #D6D6D6;
		transition: all 0.5s ease 0s;
		
		}
	.contact_text1{
		width:100%;
		padding:2px;
		box-sizing:border-box;
		font-size:14px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2) inset;
		border: 1px solid #D6D6D6;
		transition: all 0.5s ease 0s;
		}
	.contact_form input:focus,
	.contact_form textarea:focus {
		border: 1px solid #FAA2C3;
		box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
		outline: medium none;
	}
	.contact_form input:focus::-webkit-input-placeholder,
	.contact_form textarea:focus::-webkit-input-placeholder {
		color: transparent;
	}
	
	/*
	.error {
		color:#FF9;
		line-height:1.6;
	}*/
	.contact_area {
		margin:0 auto;
		padding:0;
		}
	#content p.message {
		margin:0 auto;
		padding:0;
		text-align:left;
		}
	.btn_contact_area{
		padding:10px 0 0 7px;
		width:220px;
		margin:0 auto 0 auto;
		}	
	.btn_contact,.btn_contact2 {
		width:90px;
		height:35px;
		font-size:15px;
		color:#ffffff;
		display:block;
		border:none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		cursor:pointer;
		margin:10px auto 0 auto;
		background:#333333 0 0 no-repeat;
	}
	.btn_contact:hover,.btn_contact2:hover {
		opacity:0.8;
	}
	.btn_contact2{
		margin:0 10px 0 0;
		float:left;
	}
}