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

#intro .container,
#intro .container .txt-col	{ padding-bottom:0 !important; }
#intro .txt-col p.line1		{ font-size:1.4em; color:#20202F; font-weight:700; }

#contactUs					{ display:flex; justify-content:center; gap:2em 2%; }
.contact-details			{ width:28%; margin-bottom:2em; }
.contact-form				{ width:70%; margin-bottom:4em; }

/* details */
ul.contact-list 						{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; flex-wrap:wrap;
										  padding:0 0 1em 0; margin:0; list-style:none; }
ul.contact-list li 						{ width:100%; padding:1px 0; margin:1em 0 0; line-height:140%; }
ul.contact-list li.icon					{ padding-left:2em ; }
ul.contact-list li.icon:before 			{ content:" "; position:absolute; top:2px; left:0; width:1.3em; height:1.3em;
							  			  background:url(../images/icon/blu-arrow.png) center no-repeat; background-size:contain; }
ul.contact-list li.icon-pin:before 		{ background:url(../images/icon/blu-pin.png) center no-repeat; background-size:contain; }
ul.contact-list li.icon-call:before 	{ background:url(../images/icon/blu-call.png) center no-repeat; background-size:contain; }
ul.contact-list li.icon-email:before 	{ background:url(../images/icon/blu-email.png) center no-repeat; background-size:contain; }
ul.contact-list li.icon-linkedin:before { background:url(../images/icon/blu-linkedin.png) center no-repeat; background-size:contain; }
ul.contact-list li.icon-directions:before{ background:url(../images/icon/blu-directions.png) center no-repeat; background-size:contain; }
ul.contact-list li a 					{ color:#000; font-weight:400; text-decoration:none; }
ul.contact-list b 						{ font-size:1.3em; }
.contact-link a:hover,
ul.contact-list li a:hover 				{ color:#000; text-decoration:underline; transition:0.2s; }

.msg-box-grn { text-align:center; max-width:600px; }

@media only screen and (min-width: 769px) and (max-width: 1350px) {
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
}

@media only screen and (min-width: 769px) and (max-width: 1050px) {
}

@media only screen and (max-width: 768px) {
	#contactUs					{ flex-wrap:wrap; }
	.contact-details,
	.contact-form				{ width:100%; }
	.contact-details			{ margin-bottom:0; }
	
	#contactUs .form-box		{ margin:0; }
}

@media only screen and (max-width: 600px) {
	/* copied from form css */
	.contact-details .form-box {
		background:#FFF;
		border:1px solid #C1CFDB;
		border-radius:7px;
		padding:1px;
		margin:1.5em auto 2em;
	}
	.contact-details .form-box .form-content {
		border-radius:5px;
		text-align:left;
		padding:0.8em 1.5em 1em;
		background:#ECF1F2;
	}
}

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

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