html { width: 100%; height: 100%; }

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #000000;
	font-size: 16px;
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	line-height: 26px;
}

* { margin: 0; padding: 0; outline: 0; }

a { color: #223F99; text-decoration: none; }
a img { border: 0; }

strong { font-weight: 700; }

.wrap { float: left; width: 100%; height: 100%; }
.header { position: relative; float: left; width: 100%; height: 30%; }
.header img { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.slider { float: left; width: 100%; height: 70%; }
.slick-list, .slick-track { height: 100%; }
.property { float: left; width: 100%; height: 100%; }
.property .images { float: left; width: 100%; height: 75%; }
.property .images img { position: absolute; transition: opacity 0.25s ease-in-out; float: left; width: 100%; height: 100%; object-fit: cover; }
.property .images img:first-child { z-index: 500; }
.property .images .main { overflow: hidden; position: relative; float: left; width: 100%; height: 65%; }
.property .images .thumbs { box-sizing: border-box; float: left; width: 100%; height: 35%; padding: 10px 0 10px 0; }
.property .images .thumbs span { overflow: hidden; position: relative; box-sizing: border-box; float: left; width: -moz-calc(50% - 5px); width: -webkit-calc(50% - 5px); width: -o-calc(50% - 5px); width: calc(50% - 5px); height: 100%; }
.property .images .thumbs span:first-child { margin-right: 5px; }
.property .images .thumbs span:last-child { margin-left: 5px; }
.property .details { position: relative; float: left; width: 100%; height: 25%; background: #223F99; color: #FFFFFF; }
.property .details .inner { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; }
.property .details .area { float: left; padding: 0 20px 0 60px; font-size: 40px; line-height: 70px; }
.property .details .area span { display: inline-block; margin-right: 20px; }
.property .details .area span svg { height: 32px; }
.property .details .price { float: right; padding-right: 60px; font-size: 60px; line-height: 70px; }
.property .details .price span { display: inline-block; margin-left: 10px; font-size: 20px; line-height: 42px; }