/* banner */
.neighborhood-page .mid { max-width: 1700px; }
.neighborhood-page .banner { float: left; width: 100%; padding: 140px 0; background: #f6f6f6; text-align: center; margin-bottom: 130px; }
.neighborhood-page .banner h1 { color: #1a1919; font-family: 'Roboto', sans-serif; font-weight: 300; text-transform: uppercase; font-size: 75px; line-height: 75px; margin-bottom: 30px; }
.neighborhood-page .banner p { color: #1a1919; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 25px; line-height: 35px; }
.neighborhood-page .banner.building { background: #5477b1; margin-bottom: 0; padding: 60px 0; }
.neighborhood-page .banner.building h1 {  font-weight: 600; } 
.neighborhood-page .banner.building p { margin: 10px 0; color: #fff; }
.neighborhood-page .banner .mid { max-width: 1700px; }
.building-banner, .building-banner img { width: 100%; height: auto; }
.buildingimage { max-width: 600px; float: left; margin: 0 25px 25px 0; }
/* neighborhood page top Tab */
span.blue { color: #0c4680;  }
.neighborhood-page .learnmore .heading { margin-bottom: 115px; float: left; width: 100%; }
.neighborhood-page .learnmore.building .heading  { background: #5477b1; margin-bottom: 70px; }
.neighborhood-page .learnmore .heading .mid { max-width: 1700px; }
.neighborhood-page .learnmore { float: left; width: 100%; }
.neighborhood-page .learnmore .heading ul { list-style: none; list-style-type: none; }
.neighborhood-page .learnmore .heading li { float: left; padding: 0 3px; width: 25%; }
.neighborhood-page .learnmore .heading li:first-child { padding-left: 0; }
.neighborhood-page .learnmore .heading li:last-child { padding-right: 0; }
.neighborhood-page .learnmore .heading li a { position: relative; color: #595a59; font-size: 38px; padding: 48px 40px; line-height: 40px; text-decoration: none; text-align: center; display: block; font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase; background: #eaeaea; }
.neighborhood-page .learnmore.building li a { font-size: 30px; }
.neighborhood-page .learnmore.building li a span.imgicon { display: block; width: 53px; height: 53px; margin: 0 auto 5px; position: relative; } 
.neighborhood-page .learnmore.building li a span.imgicon img.hover { position: absolute; left: 0; top: 0; }
.neighborhood-page .learnmore.building li a span.imgicon img.nhover { opacity: 0; }
.neighborhood-page .learnmore li a:hover span.imgicon img.hover, .neighborhood-page .learnmore li a.active span.imgicon img.hover { opacity: 0; }
.neighborhood-page .learnmore li a:hover span.imgicon img.nhover, .neighborhood-page .learnmore li a.active span.imgicon img.nhover { opacity: 1; }
.neighborhood-page .learnmore .heading  li a:hover, .neighborhood-page .heading  li a.active { color: #fff; background: #0c4680; }
.neighborhood-page .learnmore .heading   li a:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width: 30px; margin-left: -30px; }
.neighborhood-page .learnmore .heading   li a.active:after, .neighborhood-page .learnmore li a:hover:after { border-top-color: #0c4680; }
.neighborhood-page .learnmore .contenttab { float: left; width: 100%; margin-bottom: 90px; }
.neighborhood-page .learnmore .contenttab .tabdetails { display: none; float: left; width: 100%; position: relative; }
.neighborhood-page .learnmore .contenttab .tabdetails.content_1 { display: block; }
.neighborhood-page .learnmore .contenttab h2, .neighborhood-page .learnmore .contenttab h3, .neighborhood-page .learnmore .contenttab h4 { color: #595a59; font-size: 26px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 700; }
.neighborhood-page .learnmore .contenttab ul { margin-bottom: 20px; margin-left: 28px; }
.neighborhood-page .learnmore .contenttab li { width: 100%; float: none; padding: 0; color: #595a59; font-size: 25px; line-height: 35px; font-family: 'Roboto', sans-serif; font-weight: 400; margin-bottom: 0; }
.neighborhood-page .learnmore .contenttab p, .neighborhood-page .learnmore .contenttab p a { color: #595a59; font-size: 25px; line-height: 35px; font-family: 'Roboto', sans-serif; font-weight: 400; margin-bottom: 20px; }
.neighborhood-page .learnmore .contenttab p a:hover { text-decoration: underline; }
.neighborhood-page .learnmore .contenttab p a { margin-bottom: 0; text-decoration: none; }
.neighborhood-page .learnmore .contenttab p a.quickvideo img { width: 100%; height: auto; }
.neighborhood-page .learnmore .contenttab a.btn { border: 2px solid #fffffe; color: #fffffe; display: inline-block; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 28px; padding: 12px 40px; position: relative; text-decoration: none; text-transform: uppercase; }
.neighborhood-page .learnmore .contenttab a.btn:hover { background: rgba(255, 255, 255, 0.2); }
.neighborhood-page .grantlist .mid { max-width: 2000px; }
.grantlist h2 { text-align: center; color: #1a1919; margin-bottom: 90px; font-family: 'Roboto', sans-serif; font-weight: 700; }
.neighborhood-page .grantlist .filter { float: left; width: 100%; background: #29569d; padding: 50px 30px; margin-bottom: 70px; }
.neighborhood-page .grantlist .filter .half { float: left; width: 48%; margin: 0 1%; position: relative; overflow: hidden; }
.neighborhood-page .grantlist .filter .full { float: left; width: 98%; margin: 0 1%; position: relative; overflow: hidden; }
.neighborhood-page .grantlist .filter select, .neighborhood-page .grantlist .filter input[type="text"] { color: #8a8b8a; font-size: 34px; font-family: 'Roboto', sans-serif; font-weight: 600; font-style: italic; padding: 40px 50px; width: 100%; border: 0; }
.neighborhood-page .grantlist .filter select { width: 100%; -webkit-appearance: none; -moz-appearance: none; background: url("../images/select.png") 95% center no-repeat #FFF; outline: none; }
.neighborhood-page .grantlist .filter input[type="submit"] { position: absolute; right: 60px; top: 49px; width: 30px; font-size: 0; cursor: pointer; height: 30px; display: block; border: 0; background: url("../images/searchico-blck.png") no-repeat center center; }
.neighborhood-page .grantlistData { float: left; width: 100%; padding-bottom: 100px; }
.neighborhood-page .grantlistData .member { margin-bottom: 20px; background: #ececec; border-left: 20px solid #29569d; }
.neighborhood-page .grantlistData .membertitle { padding: 50px; cursor: pointer; color: #595a59; font-size: 36px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 700; background: url(../images/plus.png) 97% center no-repeat; }
.neighborhood-page .grantlistData .membertitle.active { background: url(../images/cross.png) 97% center no-repeat; }
.neighborhood-page .grantlistData .memberData { padding: 50px; display: none; }
.neighborhood-page .grantlistData .memberData.team .left { float: left; width: 30%; margin-right: 5%; }
.neighborhood-page .grantlistData .memberData.team .right { float: left; width: 65%; max-width: 1060px; }
.neighborhood-page .grantlistData .memberData .list { margin-bottom: 20px; }
.neighborhood-page .grantlistData .memberData h6 { color: #1a1919; font-size: 26px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 700; }
.neighborhood-page .grantlistData .memberData ul { padding-left: 30px; }
.neighborhood-page .grantlistData .memberData p, .what-we-page .transformData .memberData li { color: #1a1919; font-size: 26px; font-family: 'Roboto', sans-serif; font-weight: 400; margin-bottom: 30px; }
.neighborhood-page .grantlistData .memberData p a { color: #1a1919; text-decoration: none; }
.neighborhood-page .grantlistData .memberData li { margin-bottom: 10px; }

/* neighborhood Page responsive */
@media only screen and (max-width: 2000px) {
.neighborhood-page .banner { padding: 100px 0; margin-bottom: 90px; }
.neighborhood-page .banner h1 { font-size: 62px; line-height: 62px; margin-bottom: 20px; }
.neighborhood-page .banner p { font-size: 20px; line-height: 25px; }
.neighborhood-page .banner .mid { max-width: 1335px; }
.neighborhood-page .learnmore .heading .mid, .neighborhood-page .mid { max-width: 1335px; }
.neighborhood-page .learnmore .heading li a { padding: 30px 40px; font-size: 24px; line-height: 26px; }
.neighborhood-page .learnmore.building li a { font-size: 22px; padding: 30px 38px; }
.neighborhood-page .learnmore .heading li a::after { margin-left: -20px; border-width: 20px; }
.neighborhood-page .learnmore .contenttab p, .neighborhood-page .learnmore .contenttab p a, .neighborhood-page .learnmore .contenttab li { font-size: 20px; line-height: 25px; }
.neighborhood-page .learnmore .contenttab h2, .neighborhood-page .learnmore .contenttab h3, .neighborhood-page .learnmore .contenttab h4 { font-size: 23px; }
.neighborhood-page .grantlist .mid { max-width: 1545px; }
.neighborhood-page .grantlist .filter { padding: 40px 24px; }
.neighborhood-page .grantlist .filter select, .neighborhood-page .grantlist .filter input[type="text"] { font-size: 23px; padding: 25px 30px; }
.neighborhood-page .grantlist .filter input[type="submit"] { top: 25px; right: 25px; }
.neighborhood-page .grantlist .membertitle { font-size: 24px; padding: 36px; background-size: 34px; }
.neighborhood-page .grantlist .membertitle.active { background-size: 21px; }
.neighborhood-page .grantlist .memberData { padding: 25px 50px; }
.neighborhood-page .grantlistData .member { border-width: 13px; }
.neighborhood-page .grantlistData .memberData p, .what-we-page .transformData .memberData li { font-size: 20px; }
.neighborhood-page .grantlistData .memberData h6 { font-size: 20px; }
.neighborhood-page .learnmore .contenttab { margin-bottom: 30px; }
.grantlist h2 { font-size: 40px; margin-bottom: 80px; }
}

@media only screen and (max-width: 1600px) {
.neighborhood-page .banner .mid { max-width: 980px; }
.neighborhood-page .learnmore .heading .mid, .neighborhood-page .mid { max-width: 980px; }
.neighborhood-page .grantlist .mid { max-width: 1235px; }
.neighborhood-page .banner h1 { font-size: 50px; line-height: 50px; margin-bottom: 20px; }
.neighborhood-page .banner p { font-size: 19px; line-height: 24px; }
.neighborhood-page .learnmore .heading li a { font-size: 18px; line-height: 20px; padding: 24px 40px; }
.neighborhood-page .learnmore.building li a { font-size: 16px; padding: 24px 30px; }
.neighborhood-page .grantlist .membertitle { font-size: 18px; padding: 25px 50px 25px 25px; }
.neighborhood-page .grantlist .memberData { padding: 25px; }
.neighborhood-page .grantlistData .member { border-width: 10px; }
.neighborhood-page .grantlistData .memberData h6 { font-size: 18px; }
.neighborhood-page .grantlistData .memberData p, .what-we-page .transformData .memberData li { font-size: 18px; }
.grantlist h2 { margin-bottom: 45px; font-size: 40px; }
.neighborhood-page .learnmore .heading { margin-bottom: 65px; }

}

@media only screen and (max-width: 1024px) {
.neighborhood-page .banner h1 { font-size: 35px; line-height: 35px; }
.neighborhood-page .banner p { font-size: 17px; line-height: 21px; }
.neighborhood-page .banner { margin-bottom: 50px; }
.neighborhood-page .learnmore .heading li a { font-size: 15px; padding: 24px 20px; line-height: 20px; }
.neighborhood-page .learnmore .heading { margin-bottom: 65px; }
}

@media only screen and (max-width: 1023px) {
.neighborhood-page .banner { padding: 50px 0; }
.neighborhood-page .learnmore .heading { margin-bottom: 65px; }
.neighborhood-page .learnmore .heading li a { font-size: 17px; padding: 24px 20px; line-height: 20px; }
.neighborhood-page .learnmore.building li a { font-size: 15px;  padding: 24px 10px; }
.neighborhood-page .learnmore .contenttab p, .neighborhood-page .learnmore .contenttab p a { font-size: 18px; line-height: 23px; }
.neighborhood-page .learnmore .contenttab h2, .neighborhood-page .learnmore .contenttab h3, .neighborhood-page .learnmore .contenttab h4 { font-size: 18px; }
.neighborhood-page .learnmore .contenttab li { font-size: 18px; line-height: 24px; }
.buildingimage { width: 100%; max-width: 100%; height: auto; margin: 0 0 25px 0; } 
}

@media only screen and (max-width: 767px) {
.neighborhood-page .learnmore .heading li { width: 100%; margin-bottom: 5px; padding: 0; }
.neighborhood-page .learnmore .heading li a:after { display: none; }
.neighborhood-page .grantlist .filter .half { width: 100%; margin-bottom: 20px; }
.neighborhood-page .grantlist .filter { margin-bottom: 20px; padding: 30px 24px 10px; }
.neighborhood-page .grantlist .member .images { width: 100%; float: none; margin: 0 auto 30px; max-width: 300px; }
.neighborhood-page .grantlist .member .desc { width: 100%; padding-left: 0; }
.neighborhood-page .grantlist .filter select, .neighborhood-page .grantlist .filter input[type="text"] { font-size: 18px; padding: 20px 30px; }
.neighborhood-page .grantlist .filter input[type="submit"] { right: 16px; top: 19px; }
.neighborhood-page .grantlistData .memberData.team .left { float: left; width: 100%; }
.neighborhood-page .grantlistData .memberData.team .right { float: left; width: 100%; }
}

@media only screen and (max-width: 639px) {
}

@media only screen and (max-width: 479px) {
}
