html,
body
{
	margin 						: 0;
	padding	 					: 0;
	
	font-family					: -apple-system, "Helvetica Neue", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size					: 18px;
	font-style					: normal;
	line-height					: 1.45;
	font-weight					: 200;
	color						: #616161;
	background					: #fff;
	
	-ms-text-size-adjust		: none;
	-webkit-text-size-adjust	: none;
	text-rendering				: optimizeLegibility;
	-webkit-font-smoothing		: antialiased;
	-moz-osx-font-smoothing		: grayscale;
	-moz-font-feature-settings	: 'liga', 'kern';
}

a
{
	color : #87BACA;
}

a, 
a:visited, 
a:link, 
a:active 
{
	text-decoration : none;
}

h1, h2, h3
{
	margin 	: 0;
	padding	: 0;
}

h1
{
	margin-top		: 30px;
	margin-bottom	: 30px;
	font-size 		: 58px;
	font-weight		: 600;
	text-transform	: uppercase;
	letter-spacing	: 12px;
	text-align		: center;
}

h2 
{
	margin-top		: 30px;
	margin-bottom	: 30px;
	font-size 		: 34px;
	font-weight		: 100;
	line-height 	: 1em;
}

h3 
{
	margin-top		: 30px;
	margin-bottom	: 30px;
	font-size 		: 28px;
	font-weight		: 100;
}

p
{
	margin 		: 0 0 1em 0;
	font-size 	: 16px;
	font-weight	: 300;
	line-height	: 24px;
}

hr 
{
	margin		: 0;
	padding		: 0;
	display 	: block;
	border 		: none;
	height		: 1px;
	background 	: #e8e8e8;
}

figure
{
	display			: block;
	margin-top 		: 90px;
	margin-bottom	: 90px;
	margin-left		: 0;
	margin-right	: 0;
	padding 		: 0;
}

figure img
{
	display : block;
	margin	: 0 auto;
	padding	: 0;
}

.header
{
	position 	: absolute;
	left	 	: 0;
	top		 	: 0;
	right	 	: 0;
	z-index		: 999;
	height		: 120px;
	transition	: background-color .3s ease-in;
}

.header-content
{
	margin-left		: auto;
	margin-right	: auto;
	max-width 		: 786px;	
}

.header-content .company-logo
{
	margin-left			: auto;
	margin-right		: auto;
	margin-top			: 30px;
	margin-bottom		: 30px;
	display 			: block;
	width				: 126px;
	height				: 60px;
	overflow			: hidden;
	text-indent			: -999px;
	background-repeat	: no-repeat;
	background-size		: contain;
	background-image	: url('../img/review_real_estate_logo_white.svg');
}

.scroll .header
{
	position			: fixed;
	border-bottom		: 1px solid #f8f8f8;
	background-color 	: rgba(255, 255, 255, 0.99);
}

.scroll .header-content .company-logo
{
	background-image : url('../img/review_real_estate_logo.svg');
}

.section-content
{
	margin-left		: auto;
	margin-right	: auto;
    margin-top		: 60px;
    margin-bottom	: 60px;
	max-width 		: 786px;
}

.section-separator
{
	margin-left 	: auto;
	margin-right	: auto;
	max-width		: 980px;
}

.section-hero
{
	position	: relative;
	margin		: 0 auto;
	max-width	: 1440px;
}

.section-hero-aspect-ratio
{
	display		: block;
	width		: 100%;
	padding-top	: 56.25%;
}

.section-hero .section-background 
{
	margin		: 0;
	padding		: 0;
	list-style	: none;
	
	position	: absolute;
	left		: 0;
	top			: 0;
	bottom		: 0;
	right		: 0;
	z-index		: 100;
	
	background	: #000;
}

.section-hero .section-background:after
{
	display 	: block;
	content		: " ";
	
	position	: absolute;
	left		: 0;
	top			: 0;
	bottom		: 0;
	right		: 0;
	z-index		: 900;
	
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0.75) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.75) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 );
}

.section-hero .section-background-item
{
	margin				: 0;
	padding				: 0;
	position			: absolute;
	left				: 0;
	top					: 0;
	bottom				: 0;
	right				: 0;	
	z-index				: 1;
	background-repeat	: no-repeat;
	background-size		: cover;
	opacity				: 0;
	transition			: opacity 1s linear;
}

.section-hero .section-background-item.active
{
	opacity : 1;
}

.section-hero .section-background-item.align-bottom
{
	background-position-y: bottom;
}

.section-hero .section-background-item-1
{
	background-image : url('../img/slides/skyline_frankfurt_large.jpg');
}

.section-hero .section-background-item-2
{
	background-image : url('../img/slides/skyline_den_haag_large.jpg');
}

.section-hero .section-background-item-3
{
	background-image : url('../img/slides/skyline_amsterdam_large.jpg');
}

.section-hero .section-background-item-4
{
	background-image : url('../img/slides/skyline_rotterdam_large.jpg');
}

.section-hero .section-background-item-5
{
	background-image : url('../img/slides/skyline_eindhoven_large.jpg');
}

@media all and (max-width: 1068px) 
{
	.section-hero .section-background-item-1
	{
		background-image : url('../img/slides/skyline_frankfurt_medium.jpg');
	}	
	
	.section-hero .section-background-item-2
	{
		background-image : url('../img/slides/skyline_den_haag_medium.jpg');
	}
	
	.section-hero .section-background-item-3
	{
		background-image : url('../img/slides/skyline_amsterdam_medium.jpg');
	}

	.section-hero .section-background-item-4
	{
		background-image : url('../img/slides/skyline_rotterdam_medium.jpg');
	}

	.section-hero .section-background-item-5
	{
		background-image : url('../img/slides/skyline_eindhoven_medium.jpg');
	}
}

@media all and (max-width: 735px)
{
	.section-hero .section-background-item-1
	{
		background-image : url('../img/slides/skyline_frankfurt_small.jpg');
	}	
	
	.section-hero .section-background-item-2
	{
		background-image : url('../img/slides/skyline_den_haag_small.jpg');
	}
	
	.section-hero .section-background-item-3
	{
		background-image : url('../img/slides/skyline_amsterdam_small.jpg');
	}

	.section-hero .section-background-item-4
	{
		background-image : url('../img/slides/skyline_rotterdam_small.jpg');
	}

	.section-hero .section-background-item-5
	{
		background-image : url('../img/slides/skyline_eindhoven_small.jpg');
	}	
}

.section-hero .load-bar
{
	position			: absolute;
	left				: 0;
	top					: 0;
	right				: 0;	
	z-index				: 901;	
	display				: block;
	width				: 0;
	height				: 4px;
	background-color	: #87BACA;
}

.section-hero .section-content
{
	margin		: 0;
	padding		: 0;
	
	position	: absolute;
	left		: 0;
	right		: 0;
	top			: 0;
	bottom		: 0;
	z-index		: 200;
	
	max-width	: none;
}

.section-hero hgroup
{
	position	: absolute;
	left		: 0;
	right		: 0;
	bottom		: 60px;
	color		: #fff;	
	text-align	: center;
}

.section-hero h1
{
	margin 			: 0;
	line-height		: 1.2em;
}

.section-hero h2
{
	margin			: 0;
	font-size		: 12px;
	line-height		: 1em;
	letter-spacing	: 10px;
	text-transform	: uppercase;
}

.section-developments figure
{
	display : inline-block;
	margin	: 0;
	width	: 33.333%;
}

.section-developments figure img
{
	display : block;
	width	: 100%;
	border	: none;
	margin	: 0;
	border	: 1px solid #f4f4f4;
}

.section-developments figure figcaption 
{
	margin-top : 8px;
}

.section-contact-kvk
{
	font-style  : italic;
	font-size	: 12px;
	line-height : 12px;
}

.footer
{
	font-size : 12px;
}

.footer-content
{
	margin-left		: auto;
	margin-right	: auto;
    margin-top		: 60px;
    margin-bottom	: 60px;
	padding-top		: 15px;
	max-width 		: 980px;	
	text-align		: center;
}

.footer-legal-copyright 
{
	display : inline-block;
}

.footer-legal-description
{
	display : inline-block;
} 

.footer-author
{
	display : block;
}

@media all and (min-width:1440px) 
{
	a:hover
	{
		text-decoration : underline;
	}
	
	.section-hero-aspect-ratio
	{
		height	: 810px;
		padding	: 0;
	}
}

@media all and (max-width: 1180px) 
{
	h1 
	{
		font-size : 48px;
	}
	
	.header
	{
		height	: 80px;
	}
	
	.header-content .company-logo
	{
		margin-top		: 15px;
		margin-bottom	: 15px;
		width			: 103px;
		height 			: 50px;
	}	
}

@media all and (max-width: 1068px) 
{
	hr 
	{
		width : 90%;
	}
	
	.section-content 
	{
		width : 692px;
	}
	
	.section-hero .section-content
	{
		width : 100%;
	}
	
	.section-hero h1
	{
		font-size : 48px;
	}
	
	.section-hero h2
	{
		font-size 		: 11px;
		letter-spacing	: 8px;
	}
	
	.footer-content
	{
		width : 90%;
	}
}

@media all and (max-width: 735px) 
{
	h1
	{
		font-size 		: 41px;
		letter-spacing	: 4px;
	}
	
	.header
	{
		height	: 46px;
	}
	
	.header-content .company-logo
	{
		margin-top		: 8px;
		margin-bottom	: 8px;
		width			: 62px;
		height 			: 30px;
	}	

	.section-content 
	{
		width 			: 90%;
		margin-top 		: 30px;
		margin-bottom	: 30px;
	}
	
	.section-hero hgroup
	{
		bottom : 30px;
	}
	
	.section-hero h1
	{
		font-size : 27px;
	}
	
	.section-hero h2
	{
		font-size 		: 7px;
		letter-spacing	: 4px;
	}
	
	.section-hero .load-bar
	{
		height : 2px;
	}
	
	.section-developments figure
	{
		width : 50%;
	}
	
	.section-developments figure figcaption
	{
		font-size : 13px;
	}
	
	.footer-legal-copyright 
	{
		display : block;
	}
	
	.footer-legal-description
	{
		display : none;
	}
}

@media all and (max-width: 568px)
{
	.section-hero-aspect-ratio
	{
		padding-top : 75%;
	}
}