/*

	NOT EMBEDDED MODE

*/

	body.notembedded {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 16px;
		color: #000;
	}

	body.notembedded h3 {
		font-size: 1.15em;
	}

/*

	OVERVIEW

*/

	div.vehicles {
		display: flex;
		flex-wrap: wrap;
	}

	div.vehicle {
		width: calc(50% - 2.5%);
	}

	div.vehicle:nth-child(odd) {
		margin-right: 5%;
	}

	div.vehicle h3 {
		text-align: left;
		font-weight: normal;
		font-size: 1.1em;
		line-height: 1.5em;
		color: rgb(40, 40, 40);
	}

	div.vehicle h3 strong {
		border-bottom: 4px solid #00509e;
		font-weight: bold;
	}

	div.vehicle h3 strong::after {
		white-space: pre;
		content: "\A";
	}

	div.vehicle h3 span {
		border-bottom: 4px solid #00509e;
	}

	div.vehicle div.wrapper {
		display: flex;
		align-items: stretch;
		border: 1px solid rgba(202, 202, 202);
	}

    div.vehicle figure {
		width: 50%;
		padding: 1px;
		line-height: 0;
		text-align: center;
    }

	div.vehicle figure img {
		max-height: calc(25vw - 2em);
		object-fit: contain;
		margin: 1px;
	}

    div.vehicle div.data {
		width: 50%;
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 1em;
		background-color: #e6e6e6;
		line-height: 0.8em;
    }

    div.vehicle div.data p {
	    margin: 0;
    }

    div.vehicle div.data p.buttons {
	    margin-top: 1.5em;
	    white-space: nowrap;
    }

    div.vehicle div.data p strong {
	    display: block;
	    font-size: 0.8em;
	    color: #fff;
    }

    div.vehicle div.data p span {
	    font-weight: normal;
	    font-size: 0.8em;
	    color: #fff;
	}

	div.vehicle div.data a.button {
		display: inline-block;
		margin: 0.25em 1em 0.5em 0;
		padding: 0.1em 0.5em 0 0.5em;
		background: #fff;
		border: 1px solid rgb(202, 202, 202);
		text-decoration: none;
		line-height: 1.75em;
	    font-size: 0.85em;
		color: rgb(64, 64, 64);
	}

	div.vehicle div.data a.button.contact {
		background: #70B631;
		color: #fff;
	}

/*

	DETAILS

*/

	div.object h2 {
		margin: 1.5em 0;
		padding-bottom: 0.5em;
		border-bottom: 4px solid #00509e;
		text-align: left;
		font-size: 1.15em;
		line-height: 1.25em;
		color: rgba(40, 40, 40);
	}

	div.images {
		display: inline-block;
		vertical-align: top;
		width: calc(45% - 0.25em);
		margin-right: 5%;
	}

	div.images > a {
		display: block;
		width: 100%;
		height: 100%;
		margin-bottom: 5%;
	}

	div.images > a img {
		width: 100%;
		height: 100%;
	}

	div.images figure {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	div.images figure a {
		display: inline-block;
		width: 30%;
		height: 30%;
		margin-bottom: 5%;
	}

	div.images figure a:nth-child(3n+2) {
		margin-left: 5%;
		margin-right: 5%;
	}

	div.images figure a img {
		width: 100%;
		height: 100%;
	}

	div.details {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 0.25em);
	}

	div.details h3 {
		margin: 1.5em 0;
		padding-bottom: 0.5em;
		border-bottom: 4px solid #00509e;
		text-align: left;
		font-size: 1.25em;
		line-height: 1.25em;
		color: rgba(40, 40, 40);
	}

	div.details h4 {
		margin: 1.5em 0;
		padding-bottom: 0.5em;
		border-bottom: 4px solid #00509e;
		text-align: left;
		font-size: 1.15em;
		line-height: 1.25em;
		color: rgba(40, 40, 40);
	}

	h2.underline strong,
	h4.underline strong {
		display: inline-block;
		position: relative;
		font-weight: normal;
	}

	h2.underline strong:before,
	h4.underline strong:before {
		content: "\A";
		position: absolute;
		top: 1.75em;
		width: 100%;
		border-bottom: 4px solid #70B631;
		font-size: calc(1em - 0.5px);
	}

	div.details table {
		width: 100%;
	}

	div.details table tr th {
		padding: 0.5em 0;
		text-align: left;
	}

	div.details table tr td {
		padding: 0.5em 0;
		text-align: right;
	}

	div.details a.button {
		display: inline-block;
		margin: 0.25em 1em 0 0;
		padding: 0.1em 0.5em 0 0.5em;
		background: #70B631;
		text-decoration: none;
		line-height: 1.75em;
	    font-size: 0.85em;
		color: #fff;
	}

	ul.files {
		margin: 0 0 1.5em 0;
		padding: 0;
	}

	ul.files li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	ul.files li a.file img {
		vertical-align: middle;
		margin-right: 0.5em;
	}

/*

	SLIDER

*/

	div.ui-slider.ui-slider-horizontal {
		position: relative;
		z-index: 1;
		width: calc(100% - 17.5em);
		height: 10px;
		margin: 1.5em 0 1.5em 12em;
		background: #00509e;
		border-radius: 5px;
	}

	div.ui-slider-range {
		position: absolute;
		z-index: 2;
		background: #70B631;
		height: 100%;
	}

	.ui-slider-handle {
		position: absolute;
		z-index: 3;
		width: 19px;
		height: 19px;
		top: -5px;
		margin-left: -1px;
		background: #fff;
		border-radius: 100%;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
		cursor: pointer;
	}

	div.slider-range label {
		position: absolute;
		top: -0.25em;
		left: -12em;
		font-weight: bold;
		color: #0A439B;
	}

	div.slider-range input {
		position: absolute;
		top: -0.5em;
		left: -4em;
		width: 3em;
		height: 1em;
		margin: 0;
		text-align: right;
	}

	div.slider-range input.max {
		left: auto;
		right: -5.5em;
		text-align: left;
	}

	div#configurator {
		margin-bottom: 3em;
	}

	div#configurator p.controls {
		text-align: right;
	}

	div#configurator label,
	div#configurator input {
		display: static !important;
	}

/*
	MOBILE
*/

	@media(max-width: 960px) {
		div.vehicles {
			display: block;
		}

		div.vehicle {
			width: 100%;
		}

		div.vehicle:nth-child(odd) {
			margin-right: 0;
		}

		div.vehicle figure {

		}

		div.vehicle figure img {
			max-height: calc(60vw - 2em);
		}

		div.vehicle div.data {

		}

		div.images {
			display: block;
			width: 100%;
		}

		div.details {
			display: block;
			width: 100%;
		}
	}