/******************************************** MAIN PAGE ********************************************/
.pipeline {
	margin-left: 360px !important;
}

.pipeline #intro {
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 1.5em;
	padding: 0;
	margin: 25px 0 25px 0;}

.pipeline #intro ul {
	margin-bottom: 1em;
	margin-top: 1em;}

#pipeline-list {
    width: 580px;
}
#pipeline-list .pipeline-item {
    border: 1px solid #808080;
    background: white;
    padding: 12px;
    font-family: Georgia, serif; font-size: 14px;
	margin-bottom: 10px;
}
#pipeline-list .pipeline-item img {
    float: left; margin-right: 12px;
}
#pipeline-list .pipeline-item p {
    margin-left: 284px; margin-bottom: 0px;
}
#pipeline-list .pipeline-item p .label {
    float: left; margin-left: -108px;
    font-weight: bold;
}
#pipeline-list .pipeline-item h2 {
    font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0;
}

/******************************************** INDIVIDUAL PROPERTIES ********************************************/
#pipeline-detail {
	width: 580px;
	-overflow-x: hidden;
}
#pipeline-detail #backlink {
	margin: 0 0 1em 0;
	padding: 0;
    font-family: Georgia, sans-serif; 
    font-size: 18px;
	font-weight: bold;}

#pipeline-detail img {
    border: 1px solid #808080;
}
#pipeline-detail img#top_photo {
    margin-bottom: 15px;
}
#pipeline-detail h1 {
    font-size: 36px; font-weight: bold;
    color: #1E3238;
}
#pipeline-detail h2 {
    font-size: 24px; font-weight: normal;
    margin-top: -10px; margin-bottom: 15px;
    color: #1E3238;
}
#pipeline-detail .fb-like {
	height: 40px;
	margin: 0px 0px 33px 0px;
	width: 300px;
}
#pipeline-detail p#description {
	margin: 30px 15px 12px 15px;
	font-size: 16px;
}
#pipeline-detail .block {
    font-family: Georgia, sans-serif; 
    font-size: 18px;
	border-bottom: 1px solid #D1D1D1;
	padding-bottom: 20px; margin-bottom: 20px;
	clear: both;
}
#pipeline-detail .block h3 {
    position: absolute; #left: 15px;
    font-weight: bold; font-size: 24px; font-style: italic;
    margin-top: -4px;
}
#pipeline-detail .block p {
    margin-left: 288px;
    margin-bottom: 6px;
}
#pipeline-detail .block p .label {
    float: left; margin-left: -144px;
    font-weight: bold;
}
#pipeline-detail .block .map-wrapper {
    border: 1px solid #808080;
    margin-top: 15px;
    float: right;
    height: 347px; overflow: hidden;
}
#pipeline-detail .block iframe {
	margin-top: -3px;
}
#pipeline-detail .block p.etc {
    margin-left: 144px;
    margin-bottom: 15px;
}
#pipeline-detail .last {
    margin-bottom: -20px; border-bottom: none;
}
#pipeline-detail .more-photos {
    padding: 0 15px;
}
.general-content p.info {
	width: 570px;
}
#pipeline-detail .w1 {
    background: url('/proxy/skin/images/pipeline/PipelineDetailTop.png') left top no-repeat;
    padding-top: 8px;
	margin-bottom: 25px;
	position: relative;
	#width: 580px;
}
#pipeline-detail .w2 {
    background: url('/proxy/skin/images/pipeline/PipelineDetailBottom.png') left bottom no-repeat;
    padding-bottom: 8px;
	position: relative;
	#width: 580px;
}
#pipeline-detail .w3 {
    background: url('/proxy/skin/images/pipeline/PipelineDetailBody.png') left top repeat-y;
    padding: 6px 15px;
	color: #3B3B3B;
	position: relative;
	#width: 550px;
}

.pipeline #filter-container {
	position: absolute; width: 340px; left: -360px;
	background: none;
}
.pipeline .pipeline-ad {
	background: #ffffff;
	text-align: center;
	padding: 20px 20px 16px 20px;
	border: 1px solid #808080;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 298px;
}
.pipeline #pipeline-list .pipeline-ad {
	margin-left: 120px;
}
#filters p.info {
	width: auto;
}
#filters {
	margin: 0;
	padding: 10px;
	/*width: 425px;*/
	background-color: #efefef;
	font-family: Georgia, serif;
	color: #404040;
	font-size: 15px;
	border: 1px solid #404040;
	xfloat: left;
}
#filters .filter {
	margin: 0;
	padding: 5px;
	vertical-align: middle;
}
#filters .filter label {
	float: left;
	width: 90px;
	padding: 3px;
	/*border: 1px solid #404040;*/
}
#filters .filter input, #filters .filter select {
	font-family: Georgia, serif;
	color: #404040;
	font-size: 15px;
	/*font-size: 20px;*/
	border: 1px solid #404040;
	padding: 2px;
	width: 200px;
}
#filters #buttons {
	margin: 0;
	padding: 15px 5px 5px 5px;
	vertical-align: middle;
	float: left;
}
#filters #buttons input {
}

#quick_searches {
	color: #404040;
}
#quick_searches td {
	padding-bottom: 5px;
	white-space: nowrap;
}
#quick_searches a {
	text-decoration: underline;
}
#quick_searches h2 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

/** SUBSCRIPTION FORM **/
#pipeline-detail .keep-up-to-date {
	width: 143px; float: left;
	box-sizing: border-box;
	background: #f0f0f0;
	border: 1px solid #808080;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
	border-radius: 4px;
	margin-top: 19px;
	margin-right: 28px;
	margin-bottom: 28px;
	text-align: center;
	padding: 10px;
	font-size: 12px;
}
#pipeline-detail .keep-up-to-date form {
	margin: 0; padding: 0;
}
#pipeline-detail .keep-up-to-date p {
	margin-bottom: 0;
	font-weight: bold;
	color: black;
	line-height: 1;
}
#pipeline-detail .keep-up-to-date input[type="text"] {
	border-radius: 2px;
	max-width: 117px;
	margin: 8px 0;
	padding: 2px;
}
#pipeline-detail .keep-up-to-date+#description {
	padding-left: 156px;
}

#pipeline-list #loader {
	width: 100%;
	text-align: center;
	display: none;
}

#pipeline-list #loader img {
	width: 60px;
	margin: 15px auto;
}



/***************************************** MOBILE FOR ALL **************************************************/

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

	#filter-container {
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
	}

	#filters > *:not(#quick_searches) {
		display: none;
	}

	#pipeline-list {
		width: 100%;
	}

	.general-content.pipeline {
		margin-left: 0 !important;
	}

	.pipeline .pipeline-ad {
		margin-left: auto !important;
		margin-right: auto !important;
		width: fit-content;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	.pipeline .pipeline-ad iframe {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	#pipeline-list .pipeline-item {
		display: flex;
		flex-direction: column;
		font-size: 120%;
	}

	#pipeline-list .pipeline-item p {
		margin-left: 0 !important;
	}

	#pipeline-list .pipeline-item p .label {
		float: none !important;
		margin-left: 0 !important;
	}

	#pipeline-list .pipeline-item img {
		float: none;
    	margin: 0;
    	width: 100%;
    	box-sizing: border-box;
	}

	/************ INDIVIDUAL PROPERTY ***************/
	#pipeline-detail {
		width: 100%;
	}

	#pipeline-detail .w1 {
		background: #fff !important;
		border: 2px solid #d1d1d1;
		border-radius: 8px;
	}

	#pipeline-detail .w2, #pipeline-detail .w3 {
		background: none !important;
	}

	#pipeline-detail img#top_photo {
		width: 100%;
		box-sizing: border-box;
	}

	#pipeline-detail .keep-up-to-date {
		width: 100%;
		float: none !important;

	}

	#pipeline-detail .keep-up-to-date input[type="text"] {
		padding: 6px !important;
		font-size: 15px !important;
		max-width: unset;
		line-height: 22px;
	}

	#pipeline-detail .keep-up-to-date input[type='submit'] {
		vertical-align: baseline !important;
		font-size: 16px !important;
		line-height: 22px;
	}

	#pipeline-detail .keep-up-to-date+#description {
		padding-left: 0 !important;
	}

	#pipeline-detail .fb-like {
		display: block;
		width: 100%;
		margin: 20px 15px;
	}

	#pipeline-detail .fb-like span {
		width: 100% !important;
		height: auto !important;
		text-align: center;
		margin: auto;
		display: block;
	}

	#pipeline-detail .fb-like span iframe {
		position: relative !important;
		width: 100% !important;
	}

	#pipeline-detail .block {
		display: flex;
		flex-direction: column;
	}

	#pipeline-detail .block h3 {
		position: relative !important;
	}

	#pipeline-detail .block p, #pipeline-detail .block p .label {
		margin-left: 0 !important;
	}

	#pipeline-detail .block p {
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
	}

}

@media screen and (max-width: 360px) {
	.pipeline .pipeline-ad {
		padding: 5px !important;
	}
}
