.contact{
	margin:0;
	padding:40px 0 0 0;
}
.contact h2{
	font-size:22px;
	margin:15px 0 0 0;
	padding:0;
	font-weight:bold;
}
.contact .b h2{
	margin-bottom:10px;
}
.contact .loadmap{
	text-align:center;
}
.loadmap a.btn{
	background: var(--msColor);
	border: 1px solid var(--msBorder);
	color:#fff!important;
	padding: 8px 15px;
}
.contact .gmap{
	padding:0;
	margin-top:66px;
}
.contact .gmap p{
	position:absolute;
	text-align:center;
	width:100%;
	margin-top:-34px;
	display:block;
}
.contact .gmap label{
	font-weight:500;
	color:#333;
	padding:5px 15px;
	background:#f5f5f5;
	border-top:1px solid #dfe1ec;
	border-right:1px solid #dfe1ec;
	border-left:1px solid #dfe1ec;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.contact .gmap iframe{
	width:100%;
	height:450px;
}
.contact .content{
	margin-bottom:20px;
	width:100%;
	float:left;
	text-align:top;
}
.contact .content.address{
	padding-bottom:30px;
}
.contact .head-office{
	margin-bottom:35px;
}
.contact a.map{
	color:#fff;
	background:var(--msColor);
    padding: 6px 12px 6px 20px;
    border-radius:12px;
    font-size:12px;
    font-weight:normal;
    position: relative;
}
.contact a.map:hover{
	text-decoration:none;
	background:#5da540;
	color:#fff;
}
.contact a.map:before {
    content: "\f041";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 14px;
    position: absolute;
    top:7px;
    left:8px;
}
.wrap:lang(en) .contact a.map:before{
	top:0px;
}
.wrap:lang(th) .contact a.map:before{
	top:7px;
}
.contact .content .icon{
	padding:0 15px 0 0;
	color:var(--msColor);
	position:absolute;
	margin:0px !important;
	display:inline-block;
}
.contact .content .text{
    display:inline-block;
    margin-left:65px;
}
.contact .content label{
	font-size:18px;
}
.contact .content strong{
	font-weight:400;
	text-transform: capitalize;
}

.contact .phone-contact {
  list-style-type: none!important;
  margin: 0;
  padding: 0;
}
.contact .phone-contact li{
	padding:10px 0px;
	text-align:left;
}
.contact .phone-contact + .desc{
	padding-top: 5px;
}
.contact .phone-contact li i{
	color: var(--msColor);
    font-size: 26px;
    
}

.contact .phone-contact li:nth-child(1) i{
	padding-right: 25px;
}
.contact .phone-contact li:nth-child(2) i{
	padding-right: 16px;
}
.contact .phone-contact li:nth-child(3) i{
	padding-right: 26px;
}
.contact form .form-group{
	margin-top:15px;
}
.contact form input[type=text],
.contact form input[type=email],
.contact form textarea,
.contact .box-countries-calling .select2-selection--single
{
	border:1px solid #bfbfbf;
	width:100%;
	padding:15px;
}
.contact .box-countries-calling .select2-selection--single{
	height: 100%;
	font-size: 16px;
}
.contact .box-countries-calling .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #767676;
}
.contact .select2-container--default .select2-selection--single .select2-selection__clear {
    top: 16px;
    left: 0;
}
.contact .select2-container--default .select2-selection--single .select2-selection__arrow b{
	top: 100%;
}
.contact form input[type=text]:focus,
.contact form input[type=email]:focus,
.contact form select:focus,
.contact form textarea:focus{
	border:1px solid #4d4d4d;
}
.contact form select{
	border:1px solid #bfbfbf;
	background:#fff;
	width:100%;
	padding:15px 10px;
}
.contact form button[type=submit]{
	padding:10px 15px;
	border:1px solid var(--msBorder);
	color:#fff;
	width:140px;
	background:var(--msColor);
}
.contact form .text-muted{
	margin-left:15px;
}
.contact form .with-errors{
	color:#e65c00;
}
.contact form .res{
	padding:0 0 15px 0;
}
.contact hr.line{
	display:none;
	border: 4px solid #eee;
}

/*start modal*/
.contact .modal .modal-xl{
	width: 70%;
}
.contact .modal .modal-header{
	height: 56.7px
}
.contact .modal .close {
    font-size: 60px;
    font-weight: 300;
    margin-top: -18px;
}
@media screen and (max-width: 1400px) {
	.contact .modal .modal-xl{
		width: 61%;
	}
}
@media screen and (max-width: 1360px) {
	.contact .modal .modal-xl{
		width: 67%;
	}
}
@media screen and (max-width: 1350px) {
	.contact .modal .modal-xl{
		width: 62%;
	}
}
@media screen and (max-width: 1024px) {
	.contact .modal .modal-xl{
		width: 95%;
	}
}
/*end modal*/
@media screen and (max-width: 768px) {
	.contact{
		padding:35px 0 0 0;
	}
	.contact .b{
		padding-top:35px;
		padding-bottom:50px;
		background:#fff;
	}
	.contact .form button.btn{
		width:100%;
		padding:12px 15px;
		font-size:var(--msListPname);
	}
	.contact .form .text-muted{
		margin-top:15px;
		font-size:var(--msFontNormal);
		width:100%;
		display:block;
		text-align:center;
	}
	.contact .gmap{
		margin:0!important;
	}
	.contact .gmap p{
		display:none !important;
	}
	.contact .gmap iframe {
		height:340px;
		padding:0px;
		margin:0px;
	}
}

@media (max-width: 320px){
	.top-header .mobile-lang{
		display:none !important;
	}
}