@charset "utf-8";
/* CSS Document */
*:focus {
    outline: none !important;
}

.contact{
	margin:0;
	padding:0;
	/* background:url(../images/program/contact/bg.png) bottom left no-repeat; */
	
}
.contact .google-map{
	height:320px;
	background-color:#CCC;	
}

.contact .col-form-label{
	font-weight: bold;
	text-align: right;
	font-size: 16px;
}

.contact .contact-left{
	margin:0;
	padding:0;
	/* font: 20px/24px 'thaisanslite', Arial, sans-serif; */
	font: 18px/32px 'Kanit', Arial, sans-serif;

}
.contact .contact-right{
	margin:0;
	padding:0;
	min-height:500px;
	/* font: 20px/24px 'thaisanslite', Arial, sans-serif; */
	font: 18px/26px 'Kanit', Arial, sans-serif;


}
.contact .contact-right .contact-top{
	margin:0;
	padding:0;
	letter-spacing:1px;
	font-weight:bold;
}
.contact .contact-right .contact-mid{
	margin:0;
	padding:0;
	padding:10px;
	padding-top:30px;
	margin-top:10px;
	min-height:500px;
	/* background-color:#e2dccf; */
	background-color: #f1f1f1;
    box-shadow: 0 2px 4px 0 rgb(155 155 155 / 60%);
}

input.form-control:focus, input.form-control:active {
    box-shadow: 0 0 4px 0 #009ef2;
	outline: none;
}

.contact .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
	border-radius:0px;
    font-size: 20px;
	width:100px;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.contact .btn-primary{
    color: #5c440e;
  background-color:#e2dccf;
    border-color: #b28d3a;
}
.contact .btn-primary:hover {
    color: #b1841d;
    background-color: none;
	cursor:pointer;
    border-color: #dba62d;
}

.alerts-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alerts {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 100%;
}

.alerts-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.requred-input {
    background-color: #ebcccc !important;
    border-color: #c75a5a  !important;
}

.head-contact{
	font-weight: bold;
    color: #243871;
    margin-bottom: 20px;
    /* font-size: 18px; */
    font: 21px/50px 'Kanit', Arial, sans-serif;

}

.ctrl-ico{
	color: #e40988;
	font-size: 20px;
}

@media (max-width: 575px) { 
.contact{
	background:none;
}
.contact .col-form-label{
	text-align: left !important;
}


 }
@media (min-width: 576px) and (max-width: 767px) {
	.contact{
	background:none;
}
.contact .col-form-label{
	text-align: left !important;
}


	 }
@media (min-width: 768px) and (max-width: 991px) { 
.contact{
	background:none;
}
.contact .col-form-label{
	text-align: left !important;
}

 }
@media (min-width: 992px) and (max-width: 1199px) { 
.contact{
	/* background:url(../images/program/contact/bg-1.png) bottom left no-repeat; */
}
.contact .col-form-label{
	text-align: left !important;
}


 }
@media (min-width: 1200px) and (max-width: 1280px) { 
.contact{
	/* background:url(../images/program/contact/bg-1.png) bottom left no-repeat; */
}
 }
@media (min-width: 1281px) and (max-width: 1366px) { 
.contact{
	/* background:url(../images/program/contact/bg-1.png) bottom left no-repeat; */
}
 }
@media (min-width: 1367px) and (max-width: 1440px) { ... }
@media (min-width: 1441px) and (max-width: 1600px) { ... }