/*******************************************************
 *
 * General
 *
 *******************************************************/

html {
  scroll-behavior: smooth;
}

.ip-banner .global-overlay {
	background: rgba(0,0,0,0.4);
}
.ip-banner canvas {
	background-position: center 50%;
}

.single-neighborhood .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.ms-main-title {
   font-size: 90px !important; 
   text-transform: uppercase; 
   font-family: 'Lato', sans-serif; 
   color: #970C57; 
   letter-spacing: 0.02em; 
   line-height: 1; 
   padding-bottom: 85px;  
   margin: 0 auto !important;

}

 .ms-main-title span {
    display: block;
    font-size: 90px;
    color: #000;
    font-family: 'Lato', sans-serif;
    letter-spacing: 2px;
    padding-bottom: 10px;
    font-weight: 300;

 }



 .page-template-template-neighborhood-page #content-full {
   margin-top: 0;
 }

#content .market-stats {
	background: url(../../images/neighborhood/widget-top-bg.jpg) no-repeat;
	background-size: 100%;
	background-position: center top;
	padding-top: 80px;
	padding-bottom: 60px;  
	text-align: center;
}
	#content .ms-prices {
		padding-bottom: 80px;
	}
		#content .ms-prices .col-md-6 {
			padding-bottom: 20px;
		}
	#content .ms-title {
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 3px solid #970c57;
    padding-bottom: 50px; 
    letter-spacing: 0.02em;
	}
		#content .ms-title span {
			font-weight: 700;
		}
	#content .market-stats .col-md-4 {
		font-size: 15px;
		line-height: 20px;
		font-weight: 300;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 2px; 
		position: relative;
	}
		#content .market-stats .col-md-4::before {
			content: "";
			width: 1px;
			height: 68px;
			background: #970c57;
			border-left: 1px solid #970c57;
			display: inline-block;
		}
		#content .market-stats .col-md-4.ms-mid::before {
			height:170px;
		}



		#content .market-stats .col-md-4 strong {
			font-size: 22px;
			line-height: 35px;
			display: block; 
			padding-top: 25px;  
			letter-spacing: 0;
		}

#content .market-stats .col-md-4.ms-price-p {
	padding-left: 55px; 
	padding-right: 55px;
}

#content .market-stats .col-md-4.ms-price-p::before {
    display: none;
}

#content .market-stats .col-md-4.ms-price-p::after  {
	display: none;
}

#content .market-stats .col-md-4::after  {
    content: "";
    width: 25px;
    height: 24px;
    background: url(../../images/neighborhood/doted.png) no-repeat no-repeat;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -13px;
}


	#content .cta-black {
		text-align: center;
		text-transform: uppercase; 
		padding-top: 50px;
	}

/*	#content .market-stats h1,
	#main-wrapper .ip-banner h1 {
		position: absolute;
		z-index: 9;
		top: 50%;
		width: 100%;
		text-align: center;
		text-transform: none;
	}*/
	#content .market-stats p {
     font-size: 15px;
    padding-top: 0;
    padding-bottom: 0;
    max-width: 1130px;
    width: 100%;
    margin: 0 auto;
	}
		#content .market-stats .cta-black:nth-of-type(1) {
			margin-bottom: 30px;
		}
		#content .market-stats .cta-black:nth-of-type(2) {
			margin-top: 30px;
		}

#content .home-stats {
	padding-top: 60px;
	padding-bottom: 60px;
}
	#content .home-stats .hs-title {
		text-align: center;
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		padding-bottom: 20px;
		padding-left: 5%;
		    font-family: 'Lato', sans-serif;
	}
	#content .home-stats .col-md-3 {
		font-size: 24px;
		line-height: 20px;
		font-weight: 400;
		text-align: center;
		text-transform: uppercase;
		border-right: 1px solid #eacedd;
		padding-top: 30px;
		padding-bottom: 30px;
		color: #828282;
        letter-spacing: 0.2em;
	}
		#content .home-stats .col-md-3:nth-child(5) {
			border-right: none;
		}

		#content .home-stats .col-md-3 strong {
			font-size: 80px;
			line-height: 60px;
			font-weight: 400;
			display: block; 
			padding-bottom: 40px; 
			color: #2b2b2b; 
			letter-spacing: normal;
		}

#content .featured-properties {
	padding-top: 10px;
	padding-bottom: 40px;
}
	#content .featured-properties p {
		text-align: center;
		padding-top: 20px;
		padding-bottom: 0;
		margin-bottom: 15px;
		font-size: 20px;
	}

#content .additional-info {
	padding-top: 20px;
	padding-bottom: 80px;
}
	#content .additional-info .row {
		padding-bottom: 0;
	}
		.additional-info .row img {
			padding-top: 1.5em;
			padding-bottom: 0;
		}
			.additional-info .row img:nth-of-type(n+2) {
				padding-top: 2.5em;
			}
	#content .additional-info h2 {
		font-size: 45px;
		line-height: 45px;
		text-transform: uppercase;
		text-align: left;
		padding-bottom: 0;
		margin-top: .5em;
	}
		#content .additional-info h2 span {
			font-size: 28px;
			display: block;
			padding-top: 5px;
		}
		#content .additional-info h3 {
			font-size: 25px;
		}
	#content .additional-info p {
		padding-bottom: 0;
		font-size: 15px;
	}
	#content .additional-info ul {
		margin-bottom: 30px;
	}
		#content .additional-info li {
			font-size: 15px;
		}
	#content .additional-info .float-md-right {
		text-align: right;
	}
	#content .additional-info .text-center h2 {
		text-align: center;
	}
	#content .additional-info .padtop25 {
		padding-top: 25px;
	}

#content .qs-wrapper {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
	#content .qs-wrapper:after {
		display: none;
	}

#content .section-title {
	display: inline-block;
	position: relative;
	padding: 5px 0 0 30px;
	text-align: left;
	font-family: 'News Cycle', sans-serif;
}
	#content .section-title h1 {
		text-transform: uppercase;
		color: #2b2b2b;
		font-size: 60px;
		letter-spacing: 0.100em;
		line-height: 1.3;
		margin: 0 0 0 15px;
		font-weight: 400;
	}
	#content .section-title:after {
		content: '';
		display: block;
		width: 3px;
		background: #28c3d4;
		position: absolute;
		top: 8px;
		left: 0;
		height: calc(91% - 8px);
	}
	#content .section-title h1 em {
		display: block;
		font-size: 20px;
		color: #828282;
		letter-spacing: 0.580em;
		font-style: normal;
		margin: 0 0 15px;
		line-height: 1;
	}
	#content .section-title span {
		background: #fff;
		font-size: 10px;
		letter-spacing: 0.4em;
		color: #2b2b2b;
		position: absolute;
		left: -9px;
		line-height: 1;
		top: 4px;
		z-index: 1;
		padding: 0 3px 0 0;
		transform: rotate(90deg);
	}
	#content .section-title h2 {
		font-size: 69px;
		margin-top: .5em;
		margin-bottom: .5em;
	}


#neighborhood-wrapper {
	padding: 0 50px;
	overflow: hidden;
}
	#neighborhood-wrapper p {
		font-weight: 300;
		font-size: 16px;
		color: #4b4b4b;
		letter-spacing: 0.020em;
		line-height: 26px;
	}
	#neighborhood-wrapper .site-button {
		margin: 35px 0 0;
	}

#content .exp-wrapper .exp-top {
	margin-bottom: 30px;
}

#content .hp-qs {
	padding: 0 130px 50px 130px;
}
	#content .hp-qs .qs-wrap {
		padding: 0 0 50px 0;
	}

#content .hp-qs .qs-form .qs-field {
	width: 33.33%;
}


#content .qs-field.submit {
    width: 33.33%;
    padding: 0 8%;
}

#content .hp-qs .qs-wrap:before {
   background: #fff;
}


#content .qs-map-wrapp {
	 position: relative; 
	 display: block;
	 padding: 0 130px 112px 130px;
}

 .qs-map-wrapp {
 	 background: #fff;
 }

   .qs-map-wrapp canvas {
     background-size: cover; 
     background-repeat: no-repeat; 
     width: 100%;
   }
    

.qs-map-wrapp .qs-overlay > div:nth-child(2):before, .qs-map-wrapp .qs-overlay > div:nth-child(2):after {
    left: auto;
    width: 32.25%;
}

.qs-map-wrapp .qs-overlay {
    top: 230px;
}

/*** CTA Prop ***/


.bh-cta-area {
    position: relative;
    padding: 0 60px 170px;
    overflow: hidden;
}


.bh-cta-area .bh-cta-wrap,
.bh-cta-area .bh-cta-main {
    position: relative;
}


.bh-cta-area .bh-cta-main {
    margin-top: 95px;
}

.bh-cta-area .bh-cta-list-wrap,
.bh-cta-area .bh-cta-list {
    display: block;
    position: relative;
}

.bh-cta-area .bh-cta-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -13px;
}

.bh-cta-area .bh-cta-list .slick-slide {
     padding: 0 13px;
}

.bh-cta-area .bh-cta-list .bh-cta-col {
    width: 100%;
    padding: 0;
}

.bh-cta-area .bh-cta-list .bh-cta-item {
    display: block;
    outline: none;
    text-decoration: none;
    position: relative;
}

.bh-cta-area .bh-cta-list .bh-cta-img {
    position: relative;
    background: #000;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bh-cta-area .bh-cta-list .bh-cta-img:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 76.4%;
    height: 50%;
    border: 2px solid #000;
    -webkit-transition-property: width, height, opacity;
    transition-property: width, height, opacity;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.bh-cta-area .bh-cta-list .bh-cta-img.border-tl:after,
.bh-cta-area .bh-cta-list .bh-cta-img.border-tr:after {
    top: -14px;
    border-bottom: none;
}

.bh-cta-area .bh-cta-list .bh-cta-img.border-bl:after,
.bh-cta-area .bh-cta-list .bh-cta-img.border-br:after {
    bottom: -14px;
    border-top: none;
}

.bh-cta-area .bh-cta-list .bh-cta-img.border-tl:after,
.bh-cta-area .bh-cta-list .bh-cta-img.border-bl:after {
    left: -14px;
    border-right: none;
}

.bh-cta-area .bh-cta-list .bh-cta-img.border-tr:after,
.bh-cta-area .bh-cta-list .bh-cta-img.border-br:after {
    right: -14px;
    border-left: none;
}

.bh-cta-area .bh-cta-list .bh-cta-img canvas {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.bh-cta-area .bh-cta-list .bh-cta-img:hover:after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition-delay: 0s, 0.2s, 0.3s;
    transition-delay: 0s, 0.2s, 0.3s;
}

.bh-cta-area .bh-cta-list .bh-cta-img:hover canvas {
    opacity: 0.6;
}

.bh-cta-area .bh-cta-list .bh-cta-name {
    position: relative;
}

.bh-cta-area .bh-cta-list .bh-cta-name:before {
    content: '';
    display: block;
    width: 2px;
    height: 63px;
    background: #afafaf;
    margin: -28px auto 23px;
}

.bh-cta-area .bh-cta-list .bh-cta-name small,
.bh-cta-area .bh-cta-list .bh-cta-name strong {
    display: block;
    text-align: center;
    position: relative;
    text-transform: uppercase; 
    padding-top: 10px;
}

.bh-cta-area .bh-cta-list .bh-cta-name small {
    font-size: 18px !important;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #696969;
}

.bh-cta-area .bh-cta-list .bh-cta-name strong {
    font-family: "Lato", sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #000;
    margin-top: 16px;
}

.bh-cta-area .bh-cta-list .bh-cta-name strong.nowrap {
    white-space: nowrap;
    margin-left: -50%;
    margin-right: -50%;
}


.bhnew-fp-nav {
    display: block;
    text-align: right; 
    padding: 20px 0;
}

.bhnew-fp-nav .view-more-btn {
        display: inline-block;
        vertical-align: middle;
    }

    .bhnew-fp-nav .view-more-btn a.site-btn {
        color: #000;
    }

    .bhnew-fp-nav .prev-next-btn {
        display: inline-block;
        vertical-align: middle;
        margin-left: 50px;
    }

    .bhnew-fp-nav .prev-next-btn > div {
        display: inline-block;
        vertical-align: middle;
        padding: 0 7px;
    }

    .bhnew-fp-nav .prev-next-btn button {
        font-size: 34px;
        padding: 0;
        background: transparent;
        border: 0;
        display: block;
        color: #a4a4a4;
        font-weight: 300;
        outline: none;

        transition: 400ms ease;
        -webkit-transition: 400ms ease;
    }

    .bhnew-fp-nav .prev-next-btn button:hover{
        color: #1d1d1d;
    }

    .bhnew-fp-nav .prev-next-btn button.fp-bh-next{
        color: #800020;
    }

    .bhnew-fp-nav .prev-next-btn button.fp-bh-next:hover{
        opacity: .6;
    }

a.site-btn,
div.site-btn,
button.site-btn {
    display: inline-block;
    padding: 25px 0;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .380em;
    font-weight: 700;
    position: relative;
    font-family: var(--secondary-font);

    transition: 400ms ease;
    -webkit-transition: 400ms ease;
}

    .site-btn.red-line{
        color: #fff;
    }

    .site-btn.red-line:hover{
        color: #800020;
    }

    .site-btn.red-line:before,
    .site-btn.red-line:after {
        background: #800020;
        height: 2px;
        content: '';
        
        transition: 400ms ease;
        -webkit-transition: 400ms ease;

        display: inline-block;
        vertical-align: middle;
    }

    .site-btn.red-line:before{
        width: 160px;
        margin-right: 20px;
        right: 100%;}
    .site-btn.red-line:after {
        width: 0;
        margin-left: 0;
        left: 100%}

    .site-btn.red-line:hover:before{
        margin-right: 0;
        width: 0;}
    .site-btn.red-line:hover:after{
        margin-left: 20px;
        width: 160px;}

/*** Dream Home ***/

.dh-main-wrapper {
    position: relative;
    z-index: 1;
/*    padding: 0 71px 84px;
    background: #fff;*/
}

.dh-git {
    position: relative;
}

.dh-git .git-overlay {
    top: 218px;
}

.dh-git .git-overlay > div:nth-child(1):before {
    width: 180px;
}

.dh-git .git-overlay > div:nth-child(2):before,
.dh-git .git-overlay > div:nth-child(2):after {
    right: auto;
    width: 651px;
}

.dh-git .git-overlay > div:nth-child(2):after {
    height: 79px;
}

.dh-git .git-outer {
    position: relative;
    z-index: 1;
    padding: 0 71px 84px;
    background: #fff;
}

.dh-git .git-outer:before,
.dh-git .git-outer:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.dh-git .git-outer:before {
    z-index: -2;
    background: transparent url(../../images/footer-git-bg-overlay-ba-a.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    opacity: 0.5;
}


.dh-git .git-outer:after {
    z-index: -1;
    background: transparent url(../../images/footer-git-bg-overlay-a.png) no-repeat;
    background-position: top center;
    background-size: 100% auto;
}

.dh-git .git-inner {
    position: relative;
    background: transparent url(../../images/footer-git-bg-a.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    padding: 48px 38px;
}

.msedge-true .dh-git .git-inner, 
.msedge-true .dh-git .git-outer:before,
.mac-true.safari .dh-git .git-inner,
.mac-true.safari .dh-git .git-outer:before {
    background-attachment: scroll;
    background-size: 100vw;
    background-position: center center;
}

.dh-git .git-main {
    position: relative;
    background: rgba(255, 255, 255, 0.9);
}

.dh-git .git-main-inner {
    min-height: 640px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
}

.dh-git .global-indicator.git-indicator span {
    display: block;
    vertical-align: middle;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.36em;
    color: #696969;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 40px;
}

#content .global-indicator span {
	color: #696969;
}

.dh-git .global-title strong {
    font-weight: 400;
    color: #970C57;
    text-align: center;
}

.dh-git .git-info .global-title {
    text-align: center;
}

.dh-git .git-info {
    position: relative;
    /* padding: 30px 0; */
    padding: 0 0 30px;
    margin-left: 0;
    width: 100%;
    overflow: initial;
    max-width: 885px;
    margin: 0 auto;
}

.dh-git .git-form {
    position: relative;
    /*margin-top: 26px;*/
}

.dh-git .git-form form {
    margin: 0 -9px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.dh-git .git-form .git-field {
    position: relative;
    width: calc(100% / 3);
    margin-top: 30px;
    padding: 0 9px;
}

.dh-git .git-form .git-field.lg {
    width: 100%;
}

.dh-git .git-form .git-field.submit {
    width: auto;
    margin: 44px auto 0;
}

.dh-git .git-form .git-label {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2.25px;
    margin-left: 15px;
    pointer-events: none;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.dh-git .git-form .git-label.textarea {
    bottom: auto;
    margin-top: 15px;
}

.dh-git .git-form .wpcf7-form-control-wrap .git-label {
    opacity: 1;
}

.dh-git .git-form .git-control:focus + .git-label,
.dh-git .git-form .git-control.hide-label + .git-label {
    font-size: 11px;
    color: #970C57;
    transform: translateY(-25px);
}

.dh-git .git-form .git-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    background: transparent;
    display: block;
    width: 100%;
    height: 82px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2.25px;
    color: #000;
    padding: 0 15px;
    border-bottom: 2px solid rgba(115, 115, 115, 0.46);
}

.dh-git .git-form .git-textarea {
    resize: none;
    padding-top: 27px;
}

.dh-git .git-form .git-submit {
    width: 192px;
}

.dh-git .git-form .wpcf7-form-control-wrap {
    display: block;
}

.dh-git .git-form .ajax-loader {
    position: absolute;
    top: calc(50% - 8px);
    left: 16px;
    margin: 0;
}

.dh-git .git-form div.wpcf7-response-output {
    position: absolute;
    margin: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(100%) translateY(30px);
    transform: translateY(100%) translateY(30px);
}



/*** Neigh and Citys 40miles ***/


.nc-main-wrapper {
    position: relative;
    z-index: 1;
    padding: 0;
    background: #fff;
}

.nc-main-cont {
   position: relative; 
   display: block; 
   font-size: 0;
}

 .nc-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 0 130px 106px 130px;
    margin-top: 110px;
 }

   .nc-photo {
     width: 40%; 
     position: relative; 
     display: block;
   }

    .nc-photo canvas {
       width: 100%;
       background-size: cover; 
       -webkit-box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.39);
    box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.39); 
    height: 100%;
    }

 .nc-text-wrapp {
    position: relative;
    display: block;
    width: 60%;
    padding-left: 100px;
    padding-right: 100px;
 }

  .nc-text {
    width: 100%; 
    display: block; 
    text-align: left; 
    padding: 60px 0 30px;
  }

   .nc-text .nc-title {
   	 display: block; 
   	 font-size: 90px; 
   	 font-weight: 400; 
   	 color: #a10d5d; 
   	 line-height: 1; 
   	 text-transform: uppercase; 
   	 letter-spacing: 0.02em;
   	     font-family: 'Lato', sans-serif;
   }

    .nc-text .nc-title em{
    	 display: block;
    	 font-size: 18px; 
    	 color: #696969;  
    	 padding-bottom: 30px; 
    	 letter-spacing: 0.36em; 
    	  font-style: normal !important;  
    	  font-weight: 600;
    }

     .nc-text .nc-title span {
       display: block; 
       color: #000;   
     }

     .nc-text ul.mr-list {
     	 display: block;  
     	 position: relative; 
     	 margin-top: 55px !important; 
     	 font-size: 0; 
     	 letter-spacing: 0;  
     	 margin-left: 0 !important;


     }

      .nc-text ul.mr-list > li {
          display: inline-block; 
          width: 50%;  
          font-size: 15px; 
          color: #565656; 
          text-transform: none; 
          letter-spacing: 0.05em;  
          position: relative; 
          padding-left: 40px; 
          padding-bottom: 20px;
          padding-right: 20px;
      }

       .nc-text ul.mr-list > li:before { 
       	  position: absolute; 
       	  top: 0; 
       	  left: 0; 
       	  width: 24px; 
       	  height: 24px; 
       	  background: url(../../images/neighborhood/check-icon.png) no-repeat no-repeat;
       	  content: '';

       }


.nc-main-cont .nc-overlay {
    top: 108px;
}

.nc-main-cont .nc-overlay > div:nth-child(2):before, .nc-main-cont .nc-overlay > div:nth-child(2):after {
    right: auto;
    width: 436px;
}

/*** BH MAin title ***/

.bh-main-title {
font-family: "Lato", sans-serif;
    font-size: 90px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    position: relative;
    text-align: center; 
    z-index: 5;
}

.bh-main-title span {
    display: block;
    vertical-align: middle;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.36em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 40px;
}

/*** MFS BH Area ***/


.mfs-main-wrapper {
    position: relative;
    z-index: 1;
    padding: 0;
    background: #fff;
}

.mfs-main-cont {
   position: relative; 
   display: block; 
   font-size: 0; 
}

 .mfs-wrapper {
    position: relative;
    padding: 0 130px 38px 130px;
    margin-top: 110px; 
    display: block;
 }


  .bh-img-bg {
  	 position: absolute; 
  	 top: 0; 
  	 width: 100%; 
  	 left: 0; 
  	 right: 0; 
  	 background: #000;
  }

   .bh-img-bg canvas {
   	display: block;
    width: 100%;
    background-size: cover;
    background-position: center; 
    opacity: 0.8;
   }

   .bh-cont {
   	 position: relative; 
   	 z-index: 2; 
   	 padding-top: 100px;
   }


   .bh-text {
    width: calc(100% - 200px);
    background: #000;
    color: #fff;
    padding: 80px;
    text-align: center;
    margin-top: 70px;
    position: relative;
    margin: 70px auto 0;
   }

    .bh-text p {
    line-height: 30px !important;
    letter-spacing: 0.02em;
    font-size: 15px;
    color: #fff;
    }
   

.mfs-main-cont .mfs-overlay {
    top: 160px;
}
 
  .mfs-main-cont .mfs-overlay > div:nth-child(2):before, .mfs-main-cont .mfs-overlay > div:nth-child(2):after {
    left: auto; 
    width: 752px;
    /*width: 32.25%;*/
}


/*** BH Featured Properties FS ***/


.bh-fp-main-wrapper {
    position: relative;
    z-index: 1;
    padding: 0;
    background: #fff;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;

}

 .bh-fp-wrapper {
    position: relative;
    padding: 0 130px 0 130px;
    margin-top: 110px;
    display: inline-block;
    margin: 60px 0;
 }

 .bh-fp-cont {
 	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
 }

  .bh-fp-cont-rev  {
    flex-direction: row-reverse;
     	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
  }

  .bh-fp-cont-rev:nth-child(even) {
    flex-direction: row-reverse;
}


.bh-fp-img {
    max-width: 682px;
    width: 50.970149%;
    position: relative; 
    display: block; 
          -webkit-box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.39);
      box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.39); 
      background: #000;

}


.bh-fp-slide1, .bh-fp-slide2, .bh-fp-slide3 {
	position: relative; 
	font-size: 0; 
	letter-spacing: 0; 
}
  

  .bh-fp-img canvas {
      background-size: cover; 
      /*width: 100%;*/ 
      background-repeat: no-repeat; 
      opacity: 0.8;
  }


.bh-fp-text {
    width: 49.029851%;
    display: flex;
    position: relative;
    padding: 0 65px;
    justify-content: center;
    align-items: center;
}

.bh-fp-title {
   display: block; 
   color: #000000; 
   font-size: 40px;
   font-weight: 400; 
   letter-spacing: 0.05em;  
   line-height: 1;
   font-family: 'Lato', sans-serif;

}


.bh-fp-title em{
    font-size: 30px;
    color: #828282;
    font-style: normal !important; 
    display: block;

}

.bh-fp-detail {
   padding-top: 40px;
}

.bh-fp-detail span {
	 font-size: 18px; 
	 font-weight: 600; 
	 color: #565656; 
     display: block; 
     text-transform: capitalize; 

}

.bh-fp-detail p {
   font-size: 15px; 
   color: #565656; 
   margin: 45px 0  0!important;   
   line-height: 30px !important; 
   text-align: left;
}

/**bh-nav**/

.bh-fp-nav {
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 5;
}

.bh-fp-nav .bh-prev1,
.bh-fp-nav .bh-next1,
.bh-fp-nav .bh-prev2,
.bh-fp-nav .bh-next2,
.bh-fp-nav .bh-prev3,
.bh-fp-nav .bh-next3 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0 38px;
    outline: none;
}

.bh-fp-nav .bh-prev1.slick-hidden,
.bh-fp-nav .bh-next1.slick-hidden,
.bh-fp-nav .bh-prev2.slick-hidden,
.bh-fp-nav .bh-next2.slick-hidden,
.bh-fp-nav .bh-prev3.slick-hidden,
.bh-fp-nav .bh-next3.slick-hidden
 {
    display: none !important;
}

.bh-fp-nav .bh-prev1 i,
.bh-fp-nav .bh-next1 i,
.bh-fp-nav .bh-prev2 i,
.bh-fp-nav .bh-next2 i,
.bh-fp-nav .bh-prev3 i,
.bh-fp-nav .bh-next3 i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 52px;
    height: 51px;
    border-radius: 50%;
    border: 1px solid #acacac;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; 
    font-style: normal !important;
}

.bh-fp-nav .bh-prev1 span,
.bh-fp-nav .bh-next1 span,
.bh-fp-nav .bh-prev2 span,
.bh-fp-nav .bh-next2 span,
.bh-fp-nav .bh-prev3 span,
.bh-fp-nav .bh-next3 span {
    font-family: "Barlow", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 3.9px;
    text-transform: uppercase;
    color: #fff;
}

.bh-fp-nav .bh-prev1 span:before,
.bh-fp-nav .bh-prev1 span:after,
.bh-fp-nav .bh-next1 span:before,
.bh-fp-nav .bh-next1 span:after,
.bh-fp-nav .bh-prev2 span:before,
.bh-fp-nav .bh-prev2 span:after,
.bh-fp-nav .bh-next2 span:before,
.bh-fp-nav .bh-next2 span:after,
.bh-fp-nav .bh-prev3 span:before,
.bh-fp-nav .bh-prev3 span:after,
.bh-fp-nav .bh-next3 span:before,
.bh-fp-nav .bh-next3 span:after {
    content: '';
    display: none;
    vertical-align: middle;
    width: 27px;
    height: 1px;
    background: #adadad;
}

.bh-fp-nav .bh-prev1:hover i,
.bh-fp-nav .bh-next1:hover i,
.bh-fp-nav .bh-prev2:hover i,
.bh-fp-nav .bh-next2:hover i,
.bh-fp-nav .bh-prev3:hover i,
.bh-fp-nav .bh-next3:hover i {
    color: #fff;
    background: #970C57;
    border-color: #970C57;
}

.bh-fp-nav .bh-prev1 span:before,
.bh-fp-nav .bh-prev2 span:before,
.bh-fp-nav .bh-prev3 span:before {
    content: '';
    display: inline-block;
    margin: 0 7px 0 -12px;
}



.bh-fp-nav .bh-next1 span:after,
.bh-fp-nav .bh-next2 span:after,
.bh-fp-nav .bh-next3 span:after {
    content: '';
    display: inline-block;
    margin: 0 -12px 0 2px;
}

.bh-fp-nav .bh-next1:before,
.bh-fp-nav .bh-next2:before,
.bh-fp-nav .bh-next3:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 25px;
    background: #fff;
}


/*** HO BH Area ***/

.ho-bh-main-wrapper {
    position: relative;
    z-index: 1;
    padding: 0;
    background: #fff;
}

.ho-bh-main-cont {
   position: relative; 
   display: block; 
   font-size: 0;
}

 .ho-bh-wrapper {
    position: relative;
    padding: 0 130px 111px 130px;
    display: block;
    margin-top: 50px;
 }


 .ho-bh-wrapper .bh-cont {
    position: relative;
    padding: 0;
    background: #000;
 }

  .ho-bh-wrapper .bh-cont .bh-main-title {
  	 position: absolute; 
  	 left: 0; 
  	 right: 0; 
  	 top: 0; 
  	 bottom: 0; 
  	 display: flex; 
  	 justify-content: center;
  	 align-items: center; 
  	 z-index: 5;
  }

   .ho-bh-wrapper .bh-cont canvas{

   	 width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.8;

   }


 .ho-bh-slide-cont {
    display: block;
    position: relative;
    padding: 50px 130px 100px 130px;
    text-align: center;
 }

 .ho-bh-slide {
 	position: relative; 
 	padding: 0 100px; 
 	font-size: 0;
 } 

 .ho-bh-list {
 	 display: block;
 	 width: 100%; 

 }

   .ho-bh-list p {
       font-size: 15px; 
       letter-spacing: 0.02em !important; 
       color: #565656;  
       line-height: 30px!important;
   }



 .ho-bh-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 74px;
}

.ho-bh-nav .ho-bh-prev,
.ho-bh-nav .ho-bh-next {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0 38px;
    outline: none;
}

.ho-bh-nav .ho-bh-prev.slick-hidden,
.ho-bh-nav .ho-bh-next.slick-hidden {
    display: none !important;
}

.ho-bh-nav .ho-bh-prev i,
.ho-bh-nav .ho-bh-next i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 52px;
    height: 51px;
    border-radius: 50%;
    border: 1px solid #acacac;
    font-size: 12px;
    font-weight: 700;
    color: #000;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; 
    font-style: normal!important;
}

.ho-bh-nav .ho-bh-prev span,
.ho-bh-nav .ho-bh-next span {
    font-family: "Barlow", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 3.9px;
    text-transform: uppercase;
    color: #000;
}

.ho-bh-nav .ho-bh-prev span:before,
.ho-bh-nav .ho-bh-prev span:after,
.ho-bh-nav .ho-bh-next span:before,
.ho-bh-nav .ho-bh-next span:after {
    content: '';
    display: none;
    vertical-align: middle;
    width: 27px;
    height: 1px;
    background: #adadad;
}

.ho-bh-nav .ho-bh-prev:hover i,
.ho-bh-nav .ho-bh-next:hover i {
    color: #fff;
    background: #970C57;
    border-color: #970C57;
}

.ho-bh-nav .ho-bh-prev span:before {
    content: '';
    display: inline-block;
    margin: 0 7px 0 -12px;
}

.ho-bh-nav .ho-bh-next:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 25px;
    background: #adadad;
}

.ho-bh-nav .ho-bh-next span:after {
    content: '';
    display: inline-block;
    margin: 0 -12px 0 2px;
}


.ho-bh-main-cont .ho-bh-overlay > div:nth-child(2):before, .ho-bh-main-cont .ho-bh-overlay > div:nth-child(2):after {
    left: auto;
    width: 752px;
    /* width: 32.25%; */
}

/*** Living in BH ***/


.li-bh-main-wrapper {
    position: relative;
    z-index: 1;
    padding: 0;
    background: #fff; 
    overflow: hidden;
}

.li-bh-main-wrapper:after {
   position: absolute; 
   right: 0; 
   bottom: 0; 
   content: ''; 
   width: 100%;
   height: 634px; 
   background: url(../../images/neighborhood/living-bh-bg.jpg) no-repeat center/cover; 
}

.li-bh-main-cont {
   position: relative; 
   display: block; 
   font-size: 0; 

}


 .li-bh-wrapper {
    position: relative;
    padding: 0 130px 106px 130px;
    display: block;
    margin-top: 0;
 }


 .li-bh-wrapper .bh-cont {
    position: relative;
    padding: 0;
    background: #000;
 }

  .li-bh-wrapper .bh-cont .bh-main-title {
  	 position: absolute; 
  	 left: 0; 
  	 right: 0; 
  	 top: 0; 
  	 bottom: 0; 
  	 display: flex; 
  	 justify-content: center;
  	 align-items: center; 
  	 z-index: 5;
  }

   .li-bh-wrapper .bh-cont canvas{

   	width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.8;

   }

.li-bh-main-cont .li-bh-overlay > div:nth-child(2):before, .li-bh-main-cont .li-bh-overlay > div:nth-child(2):after {
    /*left: auto;*/
    width: 752px;
    /* width: 32.25%; */
}


 .li-bh-list-wrapper {
    position: relative;
    padding: 0 170px 106px 170px;
    display: block; 
    z-index: 5;
    margin-top: 50px;
 } 

 .li-bh-list-cont {
   position: relative; 
   display: block; 
   font-size: 0;
}

  .li-bh-list {
    width: 50%; 
    display: inline-block; 
    vertical-align: top; 
    position: relative; 
    margin: 10px 0;
  }

   .li-bh-info {
      display: block; 
      width: 100%; 
      padding: 55px; 
      text-align: left;
   }

     .li-bh-info span.li-bh-title {
        font-size: 30px; 
        text-transform: uppercase; 
        color: #000000;   
        line-height: 48px;
        font-family: 'Lato', sans-serif;

     }

    .li-bh-info p {
      color:#565656; 
      font-size: 15px; 
      letter-spacing: 0.02em; 
      line-height: 30px!important; 
      margin: 25px 0 !important;
    }

    
.li-bh-list:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 40%;
    height: 50%;
    border: 2px solid #000;
    -webkit-transition-property: width, height, opacity;
    transition-property: width, height, opacity;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}
    
.li-bh-list.border-tl:after, .li-bh-list.border-bl:after {
left: -5px;
    border-right: none;
    border-bottom: 0;
    top: 0;

}

.li-bh-list.border-tr:after, .li-bh-list.border-br:after {
    right: -5px;
    border-left: none; 
    border-top: none; 
    bottom: 0;
}


.bh-flex-text {
   display: flex;
}
    .check-list {
    	display: block;
    }

     .check-list ul {
     	 display: block;  
     	 position: relative; 
     	 margin-top: 20px !important; 
     	 font-size: 0; 
     	 letter-spacing: 0;  
     	 margin-left: 0 !important;


     }

      .check-list ul > li {
          display: inline-block;   
          font-size: 15px; 
          color: #565656; 
          text-transform: none; 
          letter-spacing: 0.05em;  
          position: relative; 
          padding-left: 40px; 
          padding-bottom: 20px;
         /* padding-right: 20px;*/
      }

       .check-list ul > li:before { 
       	  position: absolute; 
       	  top: 0; 
       	  left: 0; 
       	  width: 24px; 
       	  height: 24px; 
       	  background: url(../../images/neighborhood/check-icon.png) no-repeat no-repeat;
       	  content: '';

       }

/*** BH Freeway Location ***/
.htg-bh-wrapper {
    position: relative;
    display: block;
    font-size: 0; 
}

.htg-bh-main-cont {
    position: relative;
    padding: 190px 130px 38px 130px;
    /*margin-top: 110px;*/
    display: block; 
    text-align: center;
}


.htg-bh-main-cont .bh-main-title {
	 color: #a10d5d;
}
  
  .htg-bh-main-cont span {
  	 font-size: 15px; 
  	 color: #565656; 
  	 display: block;  
  	 padding: 70px 0 50px;

  }

    .htg-area-wrapp {
    	 display: block; 
    	 position: relative; 
    	 font-size: 0; 
    	 margin-left: -15px; 
    	 margin-right: -15px; 
    	 letter-spacing: 0;
    }

     .htg-area-list {
        width: 33.333%; 
        display: inline-block; 
        vertical-align: top;  
        padding:  0 15px;

     }

      .htg-area-list .htg-list {
      	 display: block; 
      	 width: 100%;

      }

       .htg-area-list .htg-list canvas {
       	  width: 100%; 
       	  background-size: cover; 

       }

       .htg-area-list .htg-list span {
       	 display: block; 
         color: #000; 
         font-size: 26px; 
         letter-spacing: 0.05em; 
         text-align: center; 
         text-transform: capitalize; 
         padding: 35px 0;
         font-family: 'Lato', sans-serif;
       }


.htg-loc-des {
   display: block; 
   position: relative;
}

 .htg-loc-des .loc-des {
    display: block;
    padding: 15px 0 0;
    font-size: 12px;
    color: #565656;
    letter-spacing: 0.02em;
    line-height: 20px;
    text-align: left;
    width: 50%;
 }
   .htg-loc-des .loc-des > span {
   	display: block; 
   	color: #565656; 
   	padding: 0 0 10px;  
   	text-transform: uppercase;

   }

.htg-bh-wrapper .htg-bh-overlay div:nth-child(2):before, .htg-bh-wrapper .htg-bh-overlay div:nth-child(2):after {
    left: auto;
    width: 752px;
    /* width: 32.25%; */
}

.htg-bh-wrapper .global-overlay.htg-bh-overlay > div {
	 top: 724px;
	 bottom: 51px;
}


/*** NBA Wrapper ***/

.nba-bh-main-wrapper {
	position: relative;
}
 
.nba-wrapper {
    position: relative;
    padding: 80px 170px 125px;
    display: block;
    z-index: 5;
}
  
  .nba-title {
  	 text-transform: capitalize; 
  	 font-size: 36px; 
  	 color: #000;  
  	 text-align: center; 
  	 letter-spacing: 0.05em;
  	 font-family: 'Lato', sans-serif; 

  }

   .nba-wrapper .li-bh-info span.li-bh-title {
   	 font-size: 26px;
   }


/*** Fun Fact ***/ 

.ffa-bh-main-wrapper {
    position: relative;
    z-index: 1;
    padding: 0 0 105px;
    margin: 0; 
    display: none;
}

  .ffa-bh-wrapp {
    position: relative;
    background: url(../../images/neighborhood/ffa-bh-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 96px 0; 
    text-align: center;
  }

.ffa-bh-wrapp .bh-main-title {
    color: #a10d5d;
}

.ffa-bh-wrapp .bh-main-title span {

 color:#8f8f8f; 
}

.ffa-bh-wrapp > p {
   font-size: 15px; 
   color: #565656; 
   margin-top: 50px !important;
}


.ffa-bh-main-wrapper .ffa-bh-overlay div:nth-child(2):before, .ffa-bh-main-wrapper .ffa-bh-overlay div:nth-child(2):after {
    left: 0;
    width: 752px;
    /* width: 32.25%; */
}

/*** Neig Info ***/

.neig-info-wrapper {
	position: relative;
}
 
.info-nh-wrapp {
    position: relative;
    padding: 50px 130px 0;
    display: block;
    z-index: 5; 
    font-size: 0; 
    margin-bottom: 150px;
}

.nh-info-left {
	width: 65%; 
	display: inline-block; 
	vertical-align: top; 

}

.nh-photo-right{
    width: 35%;
    display: inline-block;
    vertical-align: top;
}

.nh-info-text {
  color: #565656; 
  display: block; 
  font-size: 15px; 
  text-align: left; 
  padding: 50px 160px;
  position: relative;
}

.nh-info-text:before {
     content: '';
    display: block;
    width: 33px;
    height: 3px;
    background: #000;
    margin-bottom: 32px;
}

.nh-info-text strong {
   font-weight: 600 !important; 
   font-size: 20px; 
   display: block;
}

.nh-info-text a.here-link {
	text-decoration: underline !important;
}

.nh-info-text a {
	 font-weight: 600 !important;
}

.nh-info-smi {
	display: block; 
	text-align: center;
}


.nh-info-smi ul{
    margin: 20px auto !important;
    list-style-type: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nh-info-smi ul li {
    position: relative;
    padding: 0 8px;
}

 .nh-info-smi ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    font-size: 20px;
    text-decoration: none;
    outline: none;
     background: #970C57;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; 

}

.nh-info-smi ul li a:hover {
     background: rgba(0, 0, 0, 0.8);
}




.nh-shar-img {
   display: block; 
   position: relative;
}

.nh-shar-img:before{ 
    content: '';
    position: absolute;
    z-index: -1;
    top: 65px;
    left: 0;
    bottom: 124px;
    right: 0;
    background: transparent url(../../images/neighborhood/agent-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.39);
    box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.39); 


}


.nh-shar-img img {
  position: relative;
  z-index: 5;
}

  .neig-info-wrapper .global-overlay.info-bh-overlay > div {
  	 top: 230px;
  }

/*** Gallery ***/


.neig-gallery-wrapper {
    position: relative; 
    padding: 0 130px;
}

   .neig-gallery-list {
     position: relative; 
     display: flex;
   }

.ng-list {
    display: block;
    width: 20%;
    background: #000;
    font-size: 0;
}

      .ng-list a {
         position: relative; 
         display: block; 
         width: 100%; 
      }

       .ng-list a > canvas {
         width: 100%; 
         background-repeat: no-repeat; 
         background-size: cover; 
         opacity: 0.6; 
         background-position: center;
             transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
       }

       .ng-list a:hover > canvas {
         opacity: 0.9; 

       }

       .ng-list a > span {
          position: absolute; 
          left: 0; 
          right: 0; 
          margin: 0 auto; 
          top: 0; 
          bottom: 0; 
          display: flex; 
          align-items: center; 
          justify-content: center; 
          font-size: 25px; 
          letter-spacing: 0.05em; 
          color: #fff; 
          text-transform: uppercase;
       }

/**YELP***/
.comm-yelp-tabs .comm-yelp-tab {
    display: none;
}

.ip-comm-lifestyle-data {
     display: block;
     position: relative;
     margin-top: 40px;
 }

 .ip-cl-img canvas {
     display: block;
     width: 100%;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #495965;
 }

 .ip-cl-item a {
     display: block;
     position: relative;
 }

 .ip-cl-item {
     display: block;
     position: relative;
     width: calc(100% / 4);
     padding: 0 12px;
     margin-bottom: 24px;
 }

 .ip-cl-col {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-flow: row wrap;
             flex-flow: row wrap;
     margin: 0 -12px;
 }


 .ip-cl-gallery {
     display: block;
     position: relative;
     overflow: hidden;
 }

 .ip-cl-details {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     padding: 0 15px;
     margin-bottom: 14px;
     font-size: 0;
 }

 .ip-cl-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: end;
         -ms-flex-align: end;
             align-items: flex-end;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
 }

 .ip-cl-stars {
     display: block;
     position: relative;
     width: 95px;
 }

 .ip-cl-reviews {
     text-align: right;
     display: block;
 }

 .ip-cl-reviews span {
     font-size: 14px;
     line-height: 1;
     color: #fff;
 }

 .ip-cl-stars span {
    display: block;
    position: relative;
}

.ip-cl-stars span em.ai-yelp-icon {
     display: inline-block;
     vertical-align: middle;
     width: 100%;
     height: 17px;
     background-image: url(/app/themes/sharlenechang.com/frontend/images/yelp-stars-sprite.png);
     background-repeat: no-repeat;
     background-position: bottom center;
     background-size: 100% auto;
     overflow: hidden;
 }

 .ip-cl-stars.star1 span em.ai-yelp-icon {
    background-position: top center;
}

.ip-cl-stars.star2 span em.ai-yelp-icon {
    background-position: top -17px center;
}

.ip-cl-stars.star3 span em.ai-yelp-icon {
    background-position: bottom -121px center;
}

.ip-cl-stars.star4 span em.ai-yelp-icon {
    background-position: bottom -104px center;
}

.ip-cl-stars.star5 span em.ai-yelp-icon {
    background-position: top -69px center;
}

.ip-cl-stars.star6 span em.ai-yelp-icon {
    background-position: bottom -69px center;
}

.ip-cl-stars.star7 span em.ai-yelp-icon {
    background-position: bottom -52px center;
}

.ip-cl-stars.star8 span em.ai-yelp-icon {
    background-position: bottom -35px center;
}

.ip-cl-stars.star9 span em.ai-yelp-icon {
    background-position: top -138px center;
}

.ip-cl-stars.star10 span em.ai-yelp-icon {
    background-position: bottom center;
}

.ip-cl-title {
    padding-bottom: 10px;
}

 .ip-cl-title span {
     font-size: 18px;
     color: #fff;
     font-weight: 600;
 }

 .ip-cl-img {
     position: relative;
 }

 .ip-cl-img:before {
     position: absolute;
     content: '';
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(0,0,0,0)),to(rgba(0,0,0,0.65)));
     background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
     background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
 }

 /*End*/
/*******************************************************
 *
 * Mobile
 *
 *******************************************************/

@media only screen and (max-width: 1440px) {
	.htg-bh-wrapper .htg-bh-overlay div:nth-child(2):before, 
    .htg-bh-wrapper .htg-bh-overlay div:nth-child(2):after {
             width: 32.25%; 
    }

}

@media only screen and (max-width: 1366px) {
	
    .htg-bh-wrapper .htg-bh-overlay div:nth-child(2):before, 
    .htg-bh-wrapper .htg-bh-overlay div:nth-child(2):after {
             width: 32.25%; 
    }

}
 
@media only screen and (max-width: 1280px) {
	
}

@media only screen and (max-width: 1199px) {

.ms-main-title, #content .home-stats .col-md-3 strong,
.nc-text .nc-title,
.bh-main-title{
  font-size: 55px;
}

#content .home-stats .hs-title {
	font-size: 24px;
}

.page-template-template-neighborhood-page
.global-overlay.left > div:nth-child(2):before, .global-overlay.right > div:nth-child(2):before {
    height: 40px !important; 
    width: 32.25% !important;
}

.page-template-template-neighborhood-page
.global-overlay.left > div:nth-child(2):after, .global-overlay.right > div:nth-child(2):after {
	width: 32.25% !important; 
	height: 40px !important; 
} 

.page-template-templates page-template-template-neighborhood-page
.global-overlay.left > div:nth-child(1):before, .global-overlay.right > div:nth-child(1):before {
	width: 80px !important;
}

.ho-bh-wrapper, #content .hp-qs,
#content .qs-map-wrapp, .nc-wrapper,
.mfs-wrapper, .bh-fp-wrapper, .ho-bh-wrapper,
.ho-bh-slide-cont, .li-bh-list-wrapper, .li-bh-wrapper,
.htg-bh-main-cont, .nba-wrapper, .info-nh-wrapp

 {
	padding: 0 80px 80px;
}

.htg-bh-main-cont {
	padding-top: 100px;
}

.bh-fp-wrapper {
	padding-bottom: 0;
}

.nh-info-text {
		padding: 50px 50px;
}
.bh-cta-area .bh-cta-list .bh-cta-name strong {
	font-size: 22px;
}

#content .ms-title {
	font-size: 17px;
}

.bh-fp-text {
	padding: 0 30px;
}

.nc-photo canvas {
	height: 100%;
}

.nc-text-wrapp {
	padding: 0 30px;
}

.nc-text .nc-title em {
	font-size: 14px;
}


.dh-git .git-overlay > div:nth-child(1):before {
    width: 80px;
}

.bh-text {
    width: calc(100% - 50px);
}

}

@media only screen and (max-width: 1024px) {
#content .ms-title {
    font-size: 13px;
}

.htg-area-list .htg-list span {
	font-size: 24px;
}

}

@media only screen and (max-width: 991px) {


    #content .home-stats .hs-title {
        padding-left: 0;
    }
	
	#content .market-stats .col-md-4::after {
		display: none;
	}

#content .ms-title {
    font-size: 17px; 
    padding: 50px 0;
}

#content .hp-qs .qs-form {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

#content .home-stats .col-md-3 {
	width: 100%;
}

.bh-cta-area .bh-cta-list .bh-cta-col {
    width: 50%;
    margin-top: 60px;
}

.bh-fp-img, .bh-fp-text {
	width: 100%; 
	margin: 30px auto;
}
.bh-fp-wrapper {
	margin: 10px 0; 
	display: block;
}

.nc-wrapper {
	display: block;
}

.nc-photo canvas {
    height: 100%;
    max-width: 568px;
    margin: 0 auto;
}

.nc-photo {
	width: 100%; 
	text-align: center;
}
.nc-text-wrapp {
	width: 100%;
}

#content .hp-qs .qs-form .qs-field {
    width: 50%;
}

.htg-area-list {
    width: 100%;
    max-width: 427px;
}

.nh-info-left {
    width: 100%;
}

.nh-photo-right {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    max-width: 492px;
}

.info-nh-wrapp {
	text-align: center;
}

.li-bh-list {
	width: 100%;
}

#content .market-stats .col-md-6.ms-price-p .row {
   display: flex;
}

#content .market-stats .col-md-4 {
    width: 100%;
}

.ms-main-title, .ms-main-title span {
             font-size: 60px !important;
}

.flex-area {
   display: flex;
}

.neig-gallery-list {
    display: block;
}

 .ng-list {
    display: block;
    width: 100%;
    max-width: 360px;
    margin: 10px auto;
}

.neig-gallery-wrapper {
    position: relative;
    padding: 0 15px;
}

.bhnew-fp-nav .view-more-btn {
    display: block;
}

a.site-btn, div.site-btn, button.site-btn {
    font-size: 12px;
}

.bhnew-fp-nav .prev-next-btn {
    display: block;
    margin: 0;
}

.bhnew-fp-nav {
    text-align: center;
}


}

@media only screen and (max-width: 767px) {
.page-template-template-neighborhood-page
.global-overlay.left, .global-overlay.right {
   display: none;
}

.htg-loc-des .loc-des {
    width: 100%;
}

.bh-cta-area .bh-cta-list .bh-cta-col {
    width: 100%;
    margin-top: 40px;
}

.li-bh-wrapper, .ho-bh-wrapper {
    padding: 0 0 30px;
}



}

@media only screen and (max-width: 567px) {
.ms-main-title, #content .home-stats .col-md-3 strong, .nc-text .nc-title, .bh-main-title {
    font-size: 35px;
}

.ho-bh-wrapper, #content .hp-qs, #content 
.qs-map-wrapp, .nc-wrapper, .mfs-wrapper, 
.bh-fp-wrapper, .ho-bh-wrapper, .ho-bh-slide-cont, 
.li-bh-list-wrapper, .li-bh-wrapper, .htg-bh-main-cont, .nba-wrapper, .info-nh-wrapp {
    padding: 0 15px 30px;
}

.li-bh-wrapper, .ho-bh-wrapper {
    padding: 0 0 30px;
}

.bh-main-title span {
    padding-bottom: 10px;
}

.li-bh-wrapper .bh-cont, .ho-bh-wrapper .bh-cont{
    height: 170px;
}
.ho-bh-wrapper .bh-cont canvas, 
.li-bh-wrapper .bh-cont canvas {
    height: 100%;
}

.ho-bh-slide {
    padding: 0;
}

.nh-info-text {
    padding: 50px 15px;
}

.bh-text {
    width: 100%;
    padding: 50px 20px;
}

.bh-fp-text {
    padding: 0;
}

.bh-img-bg canvas {
	min-height: 500px;
}

.nc-text-wrapp {
    padding: 0;
} 

.nc-text ul.mr-list > li, .check-list ul > li  {
	font-size: 12px;
}

.li-bh-info {
	    padding: 55px 15px;
}

.dh-git .git-outer,.dh-git .git-inner {
   padding: 20px;
}

#content .hp-qs .qs-form .qs-field {
    width: 100%;
}


#content .home-stats .col-md-3 strong {
    font-size: 25px; 
    padding-bottom: 0;
}

#content .home-stats .col-md-3 {
    width: 24%;
    font-size: 15px;
}

.bh-main-title span {
    font-size: 15px;
}

}

@media only screen and (max-width: 560px) {
     .ms-main-title, .ms-main-title span {
             font-size: 30px !important;
     }

.bh-fp-title {
    font-size: 30px;
}

.bh-fp-title em {
    font-size: 25px;
}

.qs-map-wrapp canvas {
    height:300px;
}

}


@media only screen and (max-width: 480px) {
	 
#content .market-stats .col-md-4 strong {
    font-size: 16px;
}

.site-btn.red-line:before {
    width: 55px;
}

.ms-main-title, .nc-text .nc-title, .bh-main-title {
    font-size: 30px;
}

.bhnew-fp-nav .view-more-btn a.site-btn {
    letter-spacing: 0;
}

}