.page[data-facet-id]
{
	position: relative;
}

.page-header
{
	height     : 560px;
	background : #000;
}
.page-header > header
{
    height: 100%;
	background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.page section.page-content
{
	background: url(../../img/view/home/background-top.jpg) fixed no-repeat;
    background-size: cover;
/*     box-shadow: 0px 4px 30px #CCC; */
    position: relative;
    z-index: 20;
}
.page section.page-content > .content-center
{
	max-width: 900px;
    padding: 1px 0 0 0;
    background: #fff;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 30px;
}
.page section.page-content > .content-center > .content-up
{
	padding: 30px;
	margin-top: -74px;
	background-color: #fff;
	min-height: 500px;
	position: relative;
	box-shadow: 0px 4px 30px #CCC;
}

.add-facet,
.facet-edit
{
	position: fixed;
    top: 102px;
	left: calc(50% - 16px);
    border-radius: 50%;
    background-color: #ddd;
    width: 34px;
    height: 34px;
    cursor: pointer;
    z-index: 200;
    box-shadow: 0 0 4px 1px #ddd;
    border: 1px solid #ccc;
}

.add-facet
{
    left: calc(50% + 30px);
}

.add-facet:hover,
.facet-edit:hover
{
	background-color: #eee;
	color: #137b58;
}
.add-facet:before,
.facet-edit:before
{
    left: 50%;
    top: 50%;
    position: absolute;
	transform: translate3d(-50%, -50%, 0);
}

.page .image-container
{
	height: 288px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 15px;
}
.page .image-container:first-child { margin: -30px -30px 30px -30px; }
/* .page .image-container:first-child { border-bottom: 4px solid #285e7d; } */
.page .image-container:first-child { border-bottom: 4px solid #37ae93; }
/* .page .image-container:first-child { border-bottom: 4px solid #32c0d7; } */

.page .headline { color: #37ae93; }
.page .headline + .paragaph { margin-top: 0; }





.bas-breadcrumb
{
    color: #37ae93;
    text-transform: uppercase;
	margin-bottom: 30px;
}