@font-face {font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}
@font-face {font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}
@font-face {font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}
@font-face {font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

body {font-family: 'open_sansregular'; padding:0px; margin:0px; color:#272727;}
h1 {font-size:34px; color:#ffffff;font-family: 'open_sansbold';}
.green {color:#48a868;}
.header {
  background: url(../images/house.jpg) top center no-repeat;
  width: 100%;
  height: auto;
  background-size: cover;
  border-bottom: 3px solid #47a567;
  padding-bottom: 60px;
}
.header-color {background-color:#000000;}
.gray_bg {background:rgba(0, 0, 0, 0.7); width:100%;padding-bottom:12px;}
.title {font-size:21px; color:#ffffff; text-align:center;}
.title-h3 {font-size:28px; color:#439b5e; text-align:center; font-weight:bold; margin-bottom:21px; background:url(../images/border.png) no-repeat bottom center; padding-bottom:17px;}
.title h3 {font-size:57px; margin-top:4%;font-family: 'open_sansbold';}
.title {font-size:26px;}
.title p {text-shadow:4px 4px 9px #000; margin:0px;}
.btn-green {
  background-color: #439b5e;
  border-radius: 30px;
  font-size: 13px;
  font-weight: bold;
  padding: 16px 48px;
  text-transform: uppercase;
  margin-top:34px;
}
.page-title {
	font-family: 'open_sansbold';
  	font-size: 28px;
  	font-weight: bold;
  	margin-top: 34px; text-align:center;
}
.font21 {font-size:21px; color:#657d70;}
.services {width:150px; height:150px; border:3px solid #3f8259; border-radius:50%; padding-top:30px; margin:auto; margin-bottom:12px; position: relative;}
.services::after {content: "\f101"; font-family: FontAwesome; position: absolute; right: -150px; top: 50%; font-size: 40px; transform: translateY(-50%);}
.section-service:last-child .services::after {display: none;}
.services:hover {border:3px solid #f7941d; transition: border-color 2s;}
.section-service {color:#597b63; text-align:center; margin-top:34px; padding-bottom:40px;}
.services-title {font-weight:bold; text-align:center; color:#508e67; margin-top:12px;}
.section-service p {margin:0px; font-size: 16px;}
.footer {background-color:#111111; color:#ffffff; border-top:5px solid #41a05e; position:relative; margin-top:40px; float:left; width:100%;}
.footer h4 {font-size:30px;font-family: 'open_sanssemibold'; color:#ffffff; margin: 20px 0;}
.copyright {
  font-size: 14px;
  font-weight: bold;
  max-width: 280px;
  float: right;
  margin: 20px 0;
}
.free-quote {
  color: #ffffff;
  left: 0;
  right: 0;
  text-align: center;
}
.free-quote a {color:#ffffff; margin-top:-30px;}
.btn a {text-decoration:none; color:#ffffff;}
.btn:hover {background-color:#f7941d; color:#ffffff; transition: background-color 2s;}

.modal-dialog {width:700px;}
.modal-title {
  line-height: 1.42857;
  margin: -33px 0 0;
  text-align: center;
}
.mart12 {margin-top:12px;}
.modal-body p {margin:3px; margin-top:12px; font-size:12px;}

.modal-header {border:none;}
.btn {color:#ffffff;}
.btn-submit {text-align:center;}
.btn-submit :hover {background-color:#f7941d;}
.btn.focus, .btn:focus, .btn:hover {color:#ffffff;}
.modal-open .modal {margin-top:3%;}
.modal-content .col-md-6 {padding-right:3%;}
.modal-body {background:#fbfbfb url(../images/border.jpg) no-repeat top center; padding-bottom:34px;}
.modal-body .btn {padding: 12px 21px;}
.modal-body .form-control {height:48px;}
a, a:hover, a:focus{color:#ffffff; text-decoration:none; outline:none!important;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  border: none;
  color: #ffffff;
}

a:focus {outline:none;}
a:hover {outline:none;}
focus {outline:none;}
hover {outline:none;}


.btn-header .btn-green {margin-top:16px;}
.error  {
  border-color: #ca5055;
  box-shadow: 0 1px 1px rgba(202, 78, 83, 0.075) inset, 0 0 8px rgba(202, 78, 83, 0.6);
  outline: 0 none;
}
.error:focus  {
  border-color: #ca5055;
  box-shadow: 0 1px 1px rgba(202, 78, 83, 0.075) inset, 0 0 8px rgba(202, 78, 83, 0.6);
  outline: 0 none;
}
.modal-content {
  background: #fbfbfb none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  box-shadow: 1px 1px 4px #898989;
  color: #646464;
  margin-top: 70px; margin-bottom:70px;
}
.title-inquiry {background-color: #48a868;
  font-size: 15px;
  font-weight: bold;
  padding: 16px 21px;
  text-transform: uppercase; color:#FFFFFF;
}
.video1 {
    margin: 0 auto;
    float: none;
}
.form-pad {padding:21px;}
.header-inner {height:500px; background:url(../images/banner-innerpage.jpg) top center no-repeat; width:100%; background-size:cover; border-bottom:3px solid #47a567;}
.thank-you {font-size:34px; color:#48a868; text-align:center;}
.thank-youpage {font-size:21px; text-align:center;}
.video video {border:3px solid #cbcbcb;}
/* form */
.form a, form a:hover, form a:focus {color:#646464;}
.mart34 {margin-top:34px;}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #439b5e;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #439b5e;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.form h4 {margin-top:34px;} 
.form label {margin-top:7px; font-weight:normal;}
.buyer-form {margin-top:-12px;}
.header-form {
  background: rgba(0, 0, 0, 0) url("../images/house.jpg") no-repeat scroll center top / cover ;
  border-bottom: 3px solid #47a567;
  height: 408px;
  width: 100%;
}
.form-title .title h3 {
  margin-top: 7%;
}
.buyer-form {
  float: left;
  margin-left: 10%;
  margin-top: -151px;
}

@media (max-width:1088px) {
.modal-dialog {width:80%;}
}

@media (max-width:768px) {
.modal-dialog {width:89%;}
}
@media (max-width:991px) {
.services::after {
  right: -60px;
}
}
@media (max-width:768px) {
.title p {font-size:21px;}
.page-title {font-size:21px;}
.font21 {font-size:16px;}
.footer h4 {
  font-size: 30px;
  text-align: center;
  margin-top: 40px;
}
.copyright {text-align:center; padding-bottom:34px;}
.page-title {
  font-size: 21px;
  width: 95%;
  margin: auto;
  margin-top: 34px;
}
h1 {
  color: #ffffff;
  font-family: "open_sansbold";
  font-size: 30px;
  text-align: center;
}
.title h3 {
  font-size: 34px; margin-top:6%;
}
.video1 {
  margin: 0 auto;
  max-width: 310px;
}
.header {height:auto;}
.copyright {
  float: none;
  margin: 0 auto;
}
}
@media (max-width:840px) {
.modal-body {background:none;}
}
@media (max-width:767px) {
.gray_bg h1 > span{
  float: right !important;
  font-size: 18px !important;
  display: block !important;
  padding: 17px 20px !important;
  width: 100% !important;
  text-align: right !important;
}
.section-service::after {
  content: "\f103"; font-family: FontAwesome; position: absolute; right: 50%; bottom: -20px; font-size: 40px; transform: translateX(-50%); margin:0px -23px;
}
.section-service:last-child::after {
  display: none;
}
.services::after {
  display: none;
}
.gray_bg h1{
  text-align: left;
}
}
@media (max-width:400px) {
.buyer-form {margin-left:0%;}
}