<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

.wrapper-contact-us .section{
	float: left;
	padding: 60px 0;
	width: 100%
}
.wrapper-contact-us .maps { 
	position: relative;
	width: 100%; 
	height: 350px; 
	background-color: #183163; 
	float: left; 
	margin-top: 150px;
}
.wrapper-contact-us .contact .main-title { 
	color: rgb(0, 105, 179);
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 50px;
	text-align: center;
}
.wrapper-contact-us .contact .group-contact {
	font-size: 18px;
}
.wrapper-contact-us .contact .group-contact .phone {
	background-image: url('../images/icon/contact_phone.svg');
	background-repeat: no-repeat;
	padding-left: 50px;
	background-size: 30px auto;
}
.wrapper-contact-us .contact .group-contact .email {
	background-image: url('../images/icon/contact_email.svg');
	background-repeat: no-repeat;
	padding-left: 50px;
	background-size: 30px auto;
	padding-bottom: 20px;
}
.wrapper-contact-us .contact .group-contact .address {
	background-image: url('../images/icon/contact_location.svg');
	background-repeat: no-repeat;
	padding-left: 50px;
	background-size: 30px auto;
}
.wrapper-contact-us .get-in-touch { 
	background-color: rgba(0,105,180,.10);
}
.wrapper-contact-us .get-in-touch .title-get-in-touch { 
	color: rgb(0, 105, 179);
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 50px;
	text-align: center;
}

.wrapper-contact-us .form-contact .form-control { 
	border: 1px solid rgb(157, 159, 158);
	border-radius: 0;
	font-size: 16px;
}
.wrapper-contact-us .form-contact textarea.form-control {
    height: 180px;
    margin: 0 15px 40px;
    width: 97%;
	border-radius: 5px;
}

.wrapper-contact-us .form-contact .btn, 
.wrapper-contact-us .form-contact .btn-lg {
    background-color: transparent;
    border-radius: 0;
    color: rgb(0, 105, 180);
    font-size: 18px;
    line-height: 1.33333;
    padding: 10px 40px;
}
.wrapper-contact-us .get-in-touch .form-contact .btn { 
	border: 1px solid #156bb5; 
	margin-top: 28px;
	background-color: #156bb5;
	color: #fff;
} 
.wrapper-contact-us .get-in-touch .form-contact .btn:hover { 
	border: 1px solid #1b9792; 
	margin-top: 28px;
	margin-bottom: 45px; 
	background-color: #1b9792;
	color: #fff;
}

/*==============================================================
							TEBLATE
===============================================================*/
@media only screen 	and (min-width : 720px) and (max-width : 1280px){
	.wrapper-contact-us .maps{margin-top: 100px}
}
@media only screen 	and (min-device-width : 768px) and (max-device-width : 1024px){
	
	.wrapper-contact-us .contact .group-contact { font-size: 20px; }
	.wrapper-contact-us .contact .group-contact .phone,
	.wrapper-contact-us .contact .group-contact .email,
	.wrapper-contact-us .contact .group-contact .address {
		padding-left: 35px;
		background-size: 25px auto;
	}
	.wrapper-contact-us .get-in-touch .form-contact textarea.form-control {
		border-radius: 5px;
		height: 180px;
		margin: 0 15px 40px;
		width: 95%;
	}	
}</pre></body></html>