/* ==========================================================================
   Author's custom styles
========================================================================== */
.banner {position: relative; overflow: hidden; padding-bottom: 30px; padding-top: 30px;}
.banner img.bg {position: absolute; left: 0; top: 0; min-height: 100%; min-width: 100%; z-index: -1;}
.banner h1 {font-size: 40px; color: #ff5100; font-weight: 600; margin-top: 0; margin-bottom: 30px;}
.banner h1 span {color: #000; font-weight: 600;}
.banner .image img {max-width: 100%; height: 130px;}

.appreciate {padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #bec8ce;}
.appreciate p {font-size: 18px; margin: 0;}

.form {padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #bec8ce;}
.form label sup {font-size: 15px; font-weight: 400; color: #ff0000;}
.form button.submit {margin-left: 30px;
	-webkit-transition: all 0.15s ease-In; -moz-transition: all 0.15s ease-In; -ms-transition: all 0.15s ease-In; -o-transition: all 0.15s ease-In; transition: all 0.15s ease-In;
}
.form button.submit:hover, .form button.submit:focus {background-color: #FF5100; color: #fff;}

.contact {padding-top: 40px; padding-bottom: 40px;}
.contact h1.title {margin-top: 0; padding-bottom: 20px; font-weight: 600;}
.contact h1.title span {font-weight: 600; color: #FF5100;}
.contact .left, .contact .right {min-height: 160px; text-align: center; padding-top: 10px; padding-bottom: 10px;}
.contact .left {border-right: 1px solid #a7a7a7;}
.contact .left h1 {margin-top: 60px; display: inline-block; background-color: #FF5100; color: #fff; padding: 8px 16px;}
.contact address {width: 50%; text-align: left; margin: 0 auto;}
.contact address .title {color: #FF5100; font-weight: 600;}
.contact address a {color: #0063CE;
	-webkit-transition: all 0.15s ease-In; -moz-transition: all 0.15s ease-In; -ms-transition: all 0.15s ease-In; -o-transition: all 0.15s ease-In; transition: all 0.15s ease-In;
}
.contact address a:hover, .contact address a:focus {color: #FF5100;}

@media(min-width: 1200px) {
}

@media(min-width: 992px) and (max-width: 1199px) {
}

@media(min-width: 768px) and (max-width: 991px) {

}

@media(max-width: 767px) {
	.contact .left {border-right: none; min-height: 110px;}
	.contact .left h1 {margin-top: 0;}
	.contact address {width: 80%!important;}
}

@media(max-width: 480px) {
	.contact .left h1 {margin-top:0px;}

}