.hero-split-right {background: transparent !important;}

@media (max-width:767px) {
	.hero-form-layout #hero {background-position:right top !important;}

	.left-section {padding:30px 0; background-color:#EEE;}]
	#hero {padding-bottom:50px;}
	.hero-form-layout .hero-content {padding-bottom:0px;}
}

.yellow-text {color:#dfb330 !important;}
.blue-text {color:#004988 !important;}
.grey-text {color:#595959 !important;}

#scroll {position:relative; top:-100px;}

.padding-right-45 {padding-right:45px;}

@media (min-width:768px) {
	.padding-right-sm-md-lg {padding-right:8.34%;}
	#hero {min-height: 1000px;}
}



.practice-areas {text-align:center;}
.practice-areas a {float:left; display:inline-block; width:50%; padding:25px 20px 15px 20px; background-color:rgba(255,255,255,0.7); position:relative;}
.practice-areas a p { text-align:center; text-transform:uppercase; padding-top:45px; font-size:13px; line-height: 20px; color:#004988; padding:0; margin:0; font-weight:bold; display:inline-block; vertical-align:middle; }


.practice-areas a div { display:block; height: 42px; left: 0; position: absolute; top: 30px; width: 100%; background-repeat: no-repeat; background-position: center top;}
#index1 .practice-areas a div {background-image:url('/img/header-icon-1.png');}
#index1 .practice-areas a:hover div {background-image:url('/img/header-icon-2.png');}
#index2 .practice-areas a div {background-image:url('/img/header-icon-3.png');}
#index2 .practice-areas a:hover div {background-image:url('/img/header-icon-4.png');}


.practice-areas a:hover {background-color:#0f7ba7;}
.practice-areas a:hover p {color:#EEE;}
.practice-areas a:hover div {background-position:center top;}

.practice-areas a {border:1px #bec6d1 solid; border-top:0; border-left:0; padding-top:15px; padding-bottom:0; height:170px; line-height:170px;}
.practice-areas a:nth-of-type(2n+0) {border-right:0;}
.practice-areas a:nth-of-type(3),
.practice-areas a:nth-of-type(4) {border-bottom:0;}

@media (max-width:991px) {
	.practice-areas a {width:49%;}

	.practice-areas a:nth-of-type(even) {border:0px #bec6d1 solid;border-bottom-width:1px;}
	.practice-areas a:nth-of-type(odd) {border:0px #bec6d1 solid; border-bottom-width:1px; border-right-width:1px;}

	.practice-areas a div {top:15px;}
}

@media(max-width:1199px){
	.practice-areas a:nth-of-type(5),
	.practice-areas a:nth-of-type(6) {border-bottom-width:0;}
}

.phone1, .phone1 a {font-size:28px; line-height:35px;}


@media(max-width:991px){
	.phone1 {min-height:250px; margin-bottom:0;}
	.half-content {bottom:0;}
}

textarea.hero-input {padding:10px 20px !important; height:150px !important;}

.hero-input {font-size:15px !important; margin-bottom:15px !important;}

.register-form .error {margin-bottom:25px; color:#CC0000;}



#main-header {background-color:#FFF; padding:0; text-align:center; height:90px;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
}
#main-header .container-fluid {position:relative; max-width:1200px; margin:0 auto;}

@media (max-width:450px) {
	#main-header {height:75px !important;}
}

#main-header .hleft {position:absolute; top:35px; left:15px; text-align:left; color:#0f7ba7;}
#main-header .hright {position:absolute; top:20px; right:15px; text-align:right; color:#0f7ba7}
#main-header .hright span {color:#f6a006;}
#main-header .hright .fa-phone { font-size:22px; color:#FFF; position:relative; top:-2px;}
#main-header .hright p {display:inline-block; padding-left:5px; font-size:15px; line-height:20px; position:relative; top:0}

#main-header .hleft .descrip {font-size:20px;}
@media(max-width:1200px){ 
	#main-header .hright p {font-size: 13px;letter-spacing: -0.5px;}
	#main-header .hright .fa-phone {font-size:17px;}
}


p.section-title {font-size:20px !important;line-height: 25px;}

#our-features .the-feature a {width:100%;}
#our-features .the-feature p {min-height:48px;margin:10px 0; line-height:48px;}

@media(min-width:992px){
	#our-features .the-feature.reverse {background-color:#f7f8f9 !important;}
	#our-features .the-feature.reverse:hover {background-color:transparent !important;}
}
@media(max-width:991px){
	#our-features .the-feature {text-align:center;}
}
#our-features .the-feature img {width:65px; height:65px; max-width:none;}

#counter {background-image:url('images/testimonials-background.jpg') !important;}
#counter .inner {border:1px rgba(255,255,255,0.3) solid; padding:30px;}

#carousel-example-generic .carousel-indicators {bottom:-35px !important;}
#carousel-example-generic .stars {color:#dfb330; font-size:20px;}
#carousel-example-generic .name {font-style:italic;}

.cta-default {background:#f6a006 !important;}

.footer-phone {font-size:32px;color:#dfb330 !important; margin-bottom:0;line-height:40px;}
#main-footer {background-color:#004988; background-image:url('/img/pattern.jpg'); padding-bottom:0;}

.secondary-footer {padding:10px 0; background-color:#000; margin-top:15px; text-align:center;}
.secondary-footer .container-fluid {margin:0 auto; max-width:1170px;}
.secondary-footer p {margin-bottom:0 !important; font-size:13px;}

.secondary-footer p:nth-of-type(1){text-transform:uppercase;}

@media (min-width:992px){
	.secondary-footer p:nth-of-type(1) {float:left;}
	.secondary-footer p:nth-of-type(2) {float:right;}
}

@media (max-width:767px){
.mobilefix {background-color: #004988; /* height: 180px */;}
}
@media (max-width:500px){
.mobilefix {/* height: 130px !important; */}
}




.mobile-contact a {text-align:center; display:block; width:100%; line-height:50px; font-size:25px; color:#FFF; background-color:#143463;}
.mobile-contact a:hover {background-color:#004988; font-size:27px;}
.mobile-contact a:before {content:"Realtor Hotline"; display:block; width:100%; height:29px; line-height:30px; font-size:14px; text-align:center; text-transform:uppercase; background-color:#CC0000; color:#FFF; font-weight:bold; letter-spacing:0.5px;}

@media(max-width:767px){
body {padding-bottom:50px;}
#to-top {display:none !important;}
}


.quote {display:table-cell; vertical-align:middle;}
@media(max-width:767px){
	.quote {height:280px;}
}
@media(min-width:768px){
	.quote {height:150px;}
}
@media(max-width:991px){
	
}
@media(min-width:992px){
.quote {height:80px;}
}
@media(max-width:1199px){
}
@media(min-width:1200px){
	
}

.phone .fa-circle {color:#87bdd3; font-size:1.7em;}
.phone .fa-phone {color:#FFF;}
.phone .fa-stack {top: 3px;}

.headerimg {    position: relative;
    top: 5px;
}
.footer-address {color:#FFF;}

@media(min-width:768px) and (max-width:991px){
#main-content {margin-top: 90px;}
}
.hero-form-layout .hero-content {padding-top:0 !important;}
.hero-form-layout #hero {background-image:url('/img/header-pic.jpg');}
#index2 .hero-form-layout #hero {background-image:url('/img/header-pic-2.jpg');}
.mobilefix {background-color:#107DA8;}

.form-results {padding-top: 3rem;}

@media (max-width: 1024px), (max-height: 868px){ #hero { padding:100px 0; } } 

@media(max-width:767px){
	#hero {padding-top:100px!important;}
}

@media(max-width:450px){
	.headerimg {top:-5px!important;}
}

.half-content {width:50%; position:absolute; bottom:0; left:0; padding:10px 15px 20px 15px; color:#000; font-size:14px;}

@media(min-width:1200px){
	.half-content span {display:inline-block;}
	.half-content .span-left {float:left;}
	.half-content .span-right {float:right;}

	.half-content {width:600px; right:50%; left:auto; }
}
@media(max-width:1199px){
	.half-content {bottom:0;}
	.half-content span {display:block;}
}

@media(max-width:767px){
	.half-content {width:100%;}
}
.half-content p {margin-bottom:0;}
.bottom-tel {font-size:18px; line-height:20px; color:#FF0000!important; text-transform: uppercase; display:inline-block; text-decoration:none;}
.bottom-tel:after {background-color:#CC0000!important; background:#CC0000!important; }


@media(max-width:991px) and (min-width:768px){
	#hero .half-content {left:auto; right:50%; max-width:360px; padding-bottom:10px; padding-right:30px; padding-left:0; }
}

@media(max-width:767px){
	#hero .half-content {padding-bottom:15px;}
	#hero {min-height:800px; padding-bottom:0!important;}
	#hero .half-content a {color:#FFF; font-weight:bold;}
	#hero .half-content .bottom-tel {color:#ffd0d0!important;}

	.text-left-xs {text-align:left !important; width:100%!important; display:block!important; padding-left:30px!important;}
}