/* portfolioV1.css */

body {
	font-family: 'Montserrat', sans-serif;
	background-color: #fff;
}

.tableContainer {
	display: table;
	width: 100%;
}

.row {
	display: table-row;
}

.cell, .cell-label, .cell-data {
	display: table-cell;
	padding: 4px;
}

/* ----------------------------------- */

.logo {
	position: absolute;
	left: 50px;
	top: 10px;
}

.logo, .logoBottom {
	height: 80px;
	width: auto;
	z-index: 100;
}

.logoBottom {
	float: right;
	margin-right: 50px;
	margin-top: -80px;
}

.titleContainer {
	padding: 0 20px 0 20px;
	text-align: center;
}

	.titleContainer div {
		padding: 15px;
		font-size: 20px;
	}

		.titleContainer div.title {
			font-size: 35px;
			font-weight: bold;
		}

		.titleContainer div.address {
			padding: 0;
		}

		.titleContainer .additional{
			font-weight: bold;
		}

/* highlightNumbers is for the Portfolio features */
.highlightsNumbers {
	padding: 23px;
	font-size: 18px;
	text-align: center;
}

	.highlightsNumbers .col-lg-offset-1 {
		border-left: solid .5px #cfcccc;
	}

.featureData {
	font-size: 24px;
	font-weight: bold;
}

.highlightBorder {
	border-right: solid .5px #cfcccc;
	padding-top: 5px;
}

.highlightsText .title {
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

.highlightsText .item {
	padding-bottom: 10px;
}

.titleContainer, .highlightsNumbers, .highlightsText, .cell-data {
	color: #646566;
}

/* featuresContainer is for the property features */
.featuresContainer {
	background-color: #ebebee;
	padding: 25px 35px 55px 35px;
	margin-top: 30px;
}

.featuresInner {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

	.featuresInner .title {
		font-size: 25px;
		font-weight: bold;
		margin-top: 30px;
	}

	.featuresInner .address {
		font-size: 16px;
	}

	.featuresInner .price {
		font-size: 16px;
	}

.featuresBox {
	width: 49%;
	display: inline-block;
}

	.featuresBox.bborder {
		border-bottom: solid .5px #cfcccc;
		padding-bottom: 30px;
	}


.divMap {
	width: 100%;
	height: 500px;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
}

.cell-label {
	color: #808080;
}

.cell-data {
	font-weight: bold;
}

footer {
	height: 270px;
	color: #f3f3f7;
	font-size: 16px;
	padding-left: 40px;
}

.contactInfo {
	padding-top: 45px;
	font-weight: bold;
}

.contactInfo, .advisorBox {
	padding-bottom: 15px;
}

.advisorName {
	font-weight: bold;
}

/* slide show */
#image-gallery li {
	display: inline;
	text-align: center;
}

	#image-gallery li img {
		height: 100vh;
		width: 100%; /* this makes the image flush but will not work with portrait images */
	}

/* thumbnail box */
.lSSlideOuter .lSPager.lSGallery {
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	height: 122px;
}

/* ---------------------------------------- */
.header {
	padding: 10px 40px;
	position: absolute;
	top: 0;
	z-index: 100;
	width: 100%;
}

	.header img {
		height: 60px;
		width: auto;
	}

.topGradient {
	height: 130px;
	position: absolute;
	z-index: 1000;
	top: 0;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 86%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 86%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.dealRoomLink {
	position: absolute;
	right: 50px;
	top: 20px;
	font-size: 20px;
	font-weight: bold;
}

	.dealRoomLink a {
		text-decoration: none;
	}

		.dealRoomLink a:hover {
			text-decoration: underline;
		}

.linkButton {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px 10px 50px;
	cursor: pointer;
	background-color: #032a40;
	border: 1px solid #000000;
	border-radius: 4px;
	text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
	background: #032a40 url(/listing/download.png);
	background-position: 12px 8px;
	background-repeat: no-repeat;
}

	.linkButton:hover {
		box-shadow: 3px 3px 4px rgba(000,000,000,0.4), inset 0px 0px 1px rgba(255,255,255,0.7);
		background-color: #096a9e;
	}
/* ---------------------------------------- */


@media (max-width: 550px) {

	.lSSlideOuter .lSPager.lSGallery img {
		height: 50px;
		width: auto;
	}

	.highlightsText {
		padding: 0 20px;
	}

	.highlightBorder {
		border-top: solid .5px #cfcccc;
		border-right: none;
		border-left: none;
	}

	.highlightsNumbers .col-lg-offset-1 {
		border-left: none;
	}

	.featuresInner {
		width: 90%;
	}

	.featuresBox {
		width: 100%;
	}

	#image-gallery li img {
		height: 400px;
		width: auto;
	}

	footer {
		height: 500px;
		padding-left: 10px;
	}

	.logoBottom {
		margin-top: 0;
	}
}