.breadcrumb {
	color: #FFF;
}

.breadcrumb a.home:before {
	border-top-color: #888;
	border-right-color: #888;
}

.breadcrumb a,
.breadcrumb a:after {
	color: #888;
}

.breadcrumb a:hover {
	color: #ccc;
}

body .columns-container {
	background: transparent;
}

.landing-page {
	margin-bottom: 40px;
}

.landing-page section {
	font-family: 'Hanken Grotesk', sans-serif;
	margin-bottom: 80px;
	color: #0C0C0D;
}

@media(max-width:767px) {
	.landing-page section {
		line-height: normal;
		padding: 0 25px;
		margin-bottom: 20px;
	}
}

.landing-page section .ft-lg {
	font-size: 38px;
	padding: 25px 0;
	display: block;
	font-family: 'Noto Serif Kr', serif;
}

@media(max-width:767px) {
	.landing-page section .ft-lg {
		font-size: 20px;
		padding: 10px 0;
		font-weight: bold;
	}
}

.landing-page section p {
	font-size: 18px;
	line-height: 25px;
	max-width: 770px;
	margin: 0 auto;
}

.landing-page section p {
	font-size: 18px;
	line-height: 25px;
	max-width: 770px;
	margin: 0 auto;
}

@media(max-width:992px) {
	.landing-page section p {
		padding: 0 20px;
	}
}

@media(max-width:767px) {
	.landing-page section p {
		font-size: 14px;
		padding: 0;
	}
}

.landing-page section#intro .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90vh;
	background: url('../img/new-website/maison-a-vendre/bg-intro.jpg') no-repeat center top;
	background-size: 100% auto;
	z-index: 0;
}

.landing-page section#intro .content .container {
	position: relative;
}

.landing-page section#intro>.fp-tableCell {
	vertical-align: top;
	padding-top: 15%;
}

.landing-page section#intro {
	position: relative;
	height: 40vw;
}

@media(max-width:767px) {
	.landing-page section#intro {
		height: 45vw;
	}
}

.landing-page section#intro .content {
	position: relative;
	width: 100%;
	padding-top: 12vw;
}

@media(max-width:992px) {
	.landing-page section#intro .content {
		padding-top: 8vw;
	}
}

@media(max-width:992px) {
	.landing-page section#intro .content {
		padding-top: 8vw;
	}
}

@media(max-width:767px) {
	.landing-page section#intro .content {
		padding-top: 10vw;
	}
}

.landing-page section#intro h1 {
	font-size: 3.750em;
	padding: 8% 15%;
	line-height: normal;
}

@media(max-width:992px) {
	.landing-page section#intro h1 {
		font-size: 4.75vw;
	}
}

@media(max-width:767px) {
	.landing-page section#intro h1 {
		font-size: 5.75vw;
		padding: 10% 0%;
	}
}

.landing-page .container-section {
	position: relative;
}

.landing-page section#schema {
	position: relative;
	margin-bottom: 60px;
}

.landing-page section#schema p {
	font-size: 18px;
	line-height: 25px;
	padding-top: 40px;
	max-width: 450px;
}

@media(max-width:767px) {
	.landing-page section#schema p {
		text-align: center;
		font-size: 14px;
	}
}

.landing-page section#schema h2 span {
	display: block;
}

.landing-page section.images {
	position: relative;
	height: 750px;
	max-width: 1200px;
	margin: 0 auto;
}

@media(max-width:1200px) {
	.landing-page section.images {
		height: 580px;
		max-width: 900px;
	}
}

@media(max-width:992px) {
	.landing-page section.images {
		height: 495px;
		max-width: 730px;
	}
}

@media(max-width:767px) {
	.landing-page section.images {
		height: auto;
	}
}

.landing-page section.images .before {
	position: absolute;
	top: -20px;
	border: 10px solid #fff;
	-moz-box-shadow: 15px 15px 65px 1px #BBB;
	-webkit-box-shadow: 15px 15px 65px 1px #BBB;
	-o-box-shadow: 15px 15px 65px 1px #BBB;
	box-shadow: 15px 15px 65px 1px #BBB;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#BBB, Direction=134, Strength=65);
}

.landing-page section.images .before-txt {
	position: absolute;
	left: 200px;
	bottom: 70px;
	z-index: 1;
}

.landing-page section.images .after {
	position: absolute;
	right: 0;
	top: 50px;
	border: 10px solid #fff;
	-moz-box-shadow: 15px 15px 65px 1px #BBB;
	-webkit-box-shadow: 15px 15px 65px 1px #BBB;
	-o-box-shadow: 15px 15px 65px 1px #BBB;
	box-shadow: 15px 15px 65px 1px #BBB;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#BBB, Direction=134, Strength=65);
}

.landing-page section.images .after-txt {
	position: absolute;
	right: 200px;
	top: -40px;
	z-index: 1;
}

@media(max-width:1200px) {

	.landing-page section.images .before,
	.landing-page section.images .after {
		width: 480px;

	}

	.landing-page section.images .before-txt {
		left: 100px;
	}

	.landing-page section.images .after-txt {
		right: 100px;
	}
}

@media(max-width:992px) {

	.landing-page section.images .before,
	.landing-page section.images .after {
		width: 400px;

	}

	.landing-page section.images .before-txt {
		left: 120px;
		width: 140px;
		bottom: 95px;
	}

	.landing-page section.images .after-txt {
		right: 80px;
		width: 140px;
		top: -20px;
	}
}

@media(max-width:767px) {
	.landing-page section.images .before {
		position: relative;
		top: inherit;
		margin: 0 0 15px 0;
		width: auto;
	}

	.landing-page section.images .after {
		position: relative;
		top: inherit;
		margin: 15px 0 45px 0;
		width: auto;
	}

	.landing-page section.images .before-txt,
	.landing-page section.images .after-txt {
		position: relative;
		top: inherit;
		right: inherit;
		bottom: inherit;
		left: inherit;
		width: 225px;
		margin: 0 auto;
	}

	.landing-page section.images .before-txt {
		padding: 0 0 0 100px;
	}

	.landing-page section.images .after-txt {
		padding: 0 100px 0 0;
	}
}

.landing-page .separation {
	width: 100%;
	height: 5px;
	margin: 0px 0 40px 0;
	border-top: 2px dashed #888;
	-ms-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	display: inline-block;
}

@media(max-width:767px) {
	.landing-page .separation {
		border-top: 1px dashed #888;
		margin: 0px 0 10px 0;
	}
}