#primary {
	/*padding-top: 50px;*/
}
.lien-he-contact{
	justify-content: space-between;
}
.contact {
	flex: 1;
	display: flex;
	flex-direction: column;
	/*border: 1px solid;*/
	align-items: center;
	justify-content: center;
	padding: 50px 30px;
	margin: 50px 0px 0px;
	background: #fafafa;
}
.contact-address,.contact-phone{ margin-right: 	20px; }
.contact-icon i{font-size: 40px; color: #86bc42; }
.contact-icon {
	text-align: center;
}
.contact-title h4{
	color: #333333;
	padding: 0px;
	margin: 30px 0px 20px; font-size: 18px; text-transform: uppercase;
}
.contact-content { margin-bottom: 15px; height: 50px; }
.contact:hover{
	background: #ffffff;
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2);
}
.contact-content a{ color: #333; }
.contact-content:hover a{ color: #86bc42; }

/*Form contact*/
.lhform-contact-content form {
	width: 100%;
}
.lh-input-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.lh-input{ flex:1; }
.lh-input input,.lh-content textarea{ width: 100%; height: 50px; outline: none; border:none; background: #f4f1f1; padding:10px;}
.lh-input input::placeholder,.lh-content textarea::placeholder{font-size: 16px;}
.lhform-name,.lhform-email{ margin-right: 30px; margin-bottom: 10px;}
.lh-content textarea{width: 100%; height: 300px;}
.lh-send{ text-align: center; margin: 40px 0px;  }
.form-contact-title h4{
	color: #333333;
	padding: 0px 0px 15px 0px;
	margin: 30px 0px 15px 0px;
	border-bottom: 1px solid #ededed;
	font-size: 18px;
}
.lh-map iframe{  width: 100%; height: 300px; }
.lien-he-left {float: left;width: 100%;margin-right: 2%;}
.lien-he-right {float: left;width: 100%;display: flex;flex-wrap: wrap;}
.lien-he-left iframe {width: 100%;}
.lien-he-left h3, .lien-he-right h3 {font-weight: 500;color: black;font-size: 18px;margin: 15px 0;text-transform: uppercase;font-weight: 700;}
.wpcf7-form-control-wrap {float: left;width: calc(100%/3 - 10px);margin-bottom: 15px;}
.wpcf7-form-control-wrap.your-email{margin-right: 15px; margin-left: 15px;}
.wpcf7-form br {display: none;}
.wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-text {width: 100%;padding: 8px;box-sizing: border-box;border-radius: 3px;box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);border: 1px solid #ddd;}
input.wpcf7-form-control.wpcf7-quiz {width: 120px;border-radius: 3px;box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);border: 1px solid #ddd;padding: 5px;}
span.wpcf7-form-control-wrap.quiz {width: 100%;margin: 0;}
span.wpcf7-form-control-wrap.your-message {width: 100%;}
textarea.wpcf7-form-control.wpcf7-textarea {width: 100%; height: 130px;box-sizing: border-box;padding: 8px;border-radius: 3px;box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);border: 1px solid #ddd;}
input.wpcf7-form-control.wpcf7-submit {float: left;font-weight: 600;background:black;color: #fff;border: 1px solid black;padding: 10px 30px;border-radius: 3px;margin-top: 20px;margin-bottom: 20px;text-transform: uppercase;cursor: pointer;}
input.wpcf7-form-control.wpcf7-submit:hover {background: #fff; color:black ; }
div.wpcf7-response-output {float: left;clear: both;margin: 0;margin-top: 15px;}
h3.clear-row {float: left;width: 100%;}
.content-lienhe {float: left;width: 100%;}
.content-lienhe h4 {color: #737373;margin: 0;font-size: 14px}
.content-lienhe .fa:before {width: 25px;float: left;color: #737373;font-size: 16px;}
.content-lienhe p {margin-bottom: 0;margin-top: 6px;display: flex;align-items: center;}
.content-lienhe .fa{text-align: center;border: 1px solid #eaeaea;padding: 5px;margin-right: 10px;}
.wrap-divider {float: left;width: 100%;margin-bottom: 16px;}
.divider {float: left;width: 100%;background: #c6c6c6;height: 1px}
.lien-he-right .form_lien_he_page .wpcf7 .wpcf7-form{display: flex;flex-wrap: wrap;width: 100%;}
.text_tt_lhe_page , .ghi_chu{width: 48%}
.ghi_chu{margin-left: 4%;}
@media only screen and (max-width: 768px) {
.lien-he-right, .lien-he-left {width: 100%;}
.wpcf7-form-control-wrap{width: 100%;}
.wpcf7-form-control-wrap.your-email{margin: 0 0 15px 0;}
	.contact-icon i {
		font-size: 30px;
	}
	.contact{
		padding: 20px 10px 10px;
	}
	.contact-title h4 {
		margin: 10px 0;
	}
}
@media only screen and(max-width: 768px){
	.contact-icon i {
		font-size: 30px;
	}
}

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

	.lien-he-contact{
		flex-direction: column;
	}
	.contact{
		margin:10px 0px;
		padding: 10px 30px;
	}
	.contact-title h4{
		margin: 10px 0px 10px;
	}
	.contact-content{
		height: auto;
	}
	.lh-input-wrapper {
		flex-direction: column;
	}
	.lh-input{
		margin-right: 0px;
	}
	.lh-content{
		margin-top: 10px;
	}
}