@charset "UTF-8";
/* CSS Document */
a {color:#FFFFFF!important;}
.icons a  {color:#000000!important;}
p#fine-print {
    font-size: 12px;
}body {font-family: 'Roboto Slab', Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"!important;}
p {font-weight:300!important;}
h1, h2 {font-weigh:700!important;}
.carousel-control {background:none!important;}
.page-headline {text-align:center;}
.bg-lt-gry {background:#eee;}
.bg-property1 {background:#25327A!important; color: #ffffff!important;}
.bg-property1-trans {background:rgba(37,50,122,0.6)}
.bg-property2 {background:#000000!important; color: #FFFFFF!important;}
.bg-property2-trans {background:rgba(0,0,0,0.6)}
.bg-property3 {background:#E1B55B!important; color:#000000;}
.bg-property3-trans {background:rgba(225,181,91,0.6)}
.bg-tran-blk {background: rgba(0,0,0,0.5)}
.bg-black {background: #000000; color:#FFFFFF;}
.bg-hero-text {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10 preview */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );}
.hero-slider {position: absolute; z-index: 1; width:100%; text-align: center!important; color:#fff; }
.navbar {margin-bottom:0px!important;}
.top-logo {width:180px; margin: auto; display: block;}
.logo-banner {max-height:125px;}
.logo-banner p {font-size:12px; letter-spacing: 1px; text-align: center; color:#000000;}
.logo-banner img {max-width:50px; width:100%; margin: auto; display: block;}
.logo-banner i {font-size:24px; text-align: center; bottom:-100px!important; display: block; transition: font-size .5s; -webkit-transition: font-size .5s;}
.logo-banner a:hover > i {font-size:36px!important;}
.logo-banner a {color:#000000; transition: color 1s; -webkit-transition: color 1s;}
.logo-banner a:hover {color:#7A7A7A; text-decoration: none;}
hr {margin:10px 0px!important;}


.bg-brickwall {background-image: url(../images/bg-brickwall-2.jpg); background-repeat: no-repeat; background-size: cover;}

.bg-center-city {background-image: url(../images/Broderick_Ext_Neighborhood5_Apr2016.jpg); background-repeat: no-repeat; background-size: cover;}
.property-img {margin-top:15px;}
.buffer {width:100%; height: 50px;}
.btn {border:none!important;}
.btn img {display:none;}

.full-btn {display:block!important; margin: auto!important; width:75%!important; background:none; border:none!important; padding: 0px!important;}
.full-btn span {padding-bottom:10px; font-weight: bold; letter-spacing: 1px; color:#000000;}

.btn-contact {background:#fff!important;}
.btn-default {text-shadow:none!important;}
.fluid-img {width:100%; max-width: 300px; margin: auto; display: block;}

.thumbnail {margin-top:50px;}
.property-number {margin:5px auto!important;}
.property-number img {width:40px;float: left;}
.property-number span {display: inline-block; margin-top:10px; color:#FFFFFF;}
.icons {text-align:center;}
.icons a img {max-width:40px!important;}
.navbar-toggle {background-color:#fff!important;}

.btn-contact {text-shadow:none!important;}

.item img {margin:auto!important; display: block!important;}

.chevron {
	position:absolute; 
	z-index: 99;
	color:#fff!important;
	text-align: center!important;
	left: 0;
	top: -120px;
	padding: 10px;
	width: 100%;
	height:90px;
}
.chevron p {font-size:14px!important;text-align: center!important;margin-bottom:0px!important;}
.chevron i {
	font-size:48px;
    animation:down-motion 2s infinite;
	margin-top:0px;
}

/*======== Greystar Required Links CSS ==============*/
#disclaimer {text-align:center;}
#eho {display:inline-block; margin-right:5px;}
#ada {display:inline-block; margin-right:5px; width:25px;}
#greystar {display:block; margin:15px auto; width:125px;}
#privacy, #dmca {color:#fff; text-decoration: underline; font-size:12px;}
#clx {}
/*====================================================*/
@-webkit-keyframes down-motion {
    0%   {margin-top:0px;}
	50%  {margin-top:10px;}
    100% {margin-top:0px;}
}

/* Standard syntax */
@keyframes down-motion {
    0%   {margin-top:0px;}
	50%  {margin-top:10px;}
    100% {margin-top:0px;}
}
@media only screen and (min-width: 1199px) {
	.carousel {
		max-height: 600px!important; overflow: hidden!important;
	}
}
@media only screen and (max-width: 1199px) {
	.thumbnail {min-height:650px;}
}
@media only screen and (max-width: 991px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.thumbnail {min-height:700px;}
}
@media only screen and (max-width: 767px) {
	.thumbnail {min-height:inherit;}
	.property-number {width:100%!important;margin:5px auto!important;}
	.navbar-toggle {margin:10px auto!important; display:block!important; float: none!important;}
	.chevron {height:inherit; top:-70px;}
	.chevron i {
		display: none;
	}
	.full-btn {background:#ddd; padding: 10px!important;}
	.navbar-header {background:#282828;}
	.navbar {border: none!important;}
}
	
@media only screen and (max-width: 768px) {
	.logo-banner {max-height:inherit;}
	.carousel {display: none;}
	.jumbotron {position: relative;margin-bottom:20px;
		min-height: 400px!important; background:url(../images/Broderick_Ext_Neighborhood_Philly2_May17.jpg) no-repeat; background-size: cover;
	}
	.full-btn {width:50%!important; margin-bottom:20px!important;}
}