@charset "UTF-8";


/* --------------------------------
 * contact
 * -------------------------------- */

.contact_us{
	margin-bottom: 200px;
	padding:80px 0 100px;
	background: #0f72a9;
	letter-spacing:0.2rem;
	font-size: 1.8rem;
	}

.contact_h2{
	color: #fff;
	text-align: center;
}

.contact-from{
	width:50%;
	margin:50px auto 0;
	}

.contact-from input[type=text],
.contact-from textarea{
	display:block;
	width:100%;
	margin-bottom:10px;
	padding:15px;
	outline:none;
	border:1px solid rgba(0,0,0,0.15);
	border-radius:0;
	background-color:rgba(255,255,255,0.9);
	color:#000;
	font-size: 1.5rem;
	}

.contact-from ::-webkit-input-placeholder{
	color: rgba(0,0,0,0.8);
	opacity:1;
	}
	
.contact-from :-ms-input-placeholder{
	color: rgba(0,0,0,0.8);
	opacity:1;
	}

.contact-from ::-moz-placeholder{
	color: rgba(0,0,0,0.8);
	opacity:1;
	}

.contact-from textarea{
	height:250px;
	}

.contact-from input[type=text]:focus,
.contact-from textarea:focus{
	box-shadow:0 0 8px rgba(0,0,0,0.2) inset;
	}


.contact-from input[type=submit]{
	display:block;
	width:100%;
	margin:40px auto 0;
	padding:15px;
	border:1px solid rgba(0,0,0,0.23);
	border-radius:5px;
	background-color:rgba(0,0,0,0.4);
	color:rgba(255,255,255,0.6);
	cursor:pointer;
	}

.contact-from input[type=submit]:hover{
	background-color:rgba(0,0,0,0.8);
	}

/* --------------------------------
 * smart phone
 * -------------------------------- */


	
@media (max-width:768px){
	
	
	/*contact*/
	
	.contact_us{
		padding: 80px 0 80px;
	}
	
	.contact-from{
		width:80%;
		}
	
	.contact-from input[type=text],
	.contact-from textarea{
	font-size: 1rem;
	}
	
	
	}