@charset "UTF-8";

/*  GENERAL
	--------------------------------------------- */	
	.stock-ovis-presentation-header {
		width: 100%;
		/* max-width: 1640px; */
		/* margin: 30px auto 0; */
		z-index: 1;
		position: relative;
		text-align: center;
	}
	
	.stock-ovis-presentation-carousel {
		max-height: 500px;
		overflow: hidden;
		-webkit-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, .05);
		-webkit-border-radius: .75rem;
	}
	
	.stock-ovis-presentation-intro {
		max-width: 514px;
		padding: 24px;
		background: #3f89bf;
		position: absolute;
		bottom: calc( (((24px * 2) + 80px) / 2) * -1 ); /* padding-top + padding-bottom + image height / 2 */
		right: 130px;
		z-index: 2;
		text-align: left;
		-webkit-border-radius: .75rem;
	}
	
	.stock-ovis-presentation-intro__img {
		display: block;
		object-fit: contain;
	}

	.stock-ovis-presentation-carousel img {
		width: 100%;
		height: 500px;
		object-fit: cover;
		-webkit-border-radius: .75rem;
	}
	
	.stock-ovis-presentation-intro h1 {
		margin: 0 0 10px;
		color: #fff;
		font: 700 36px / 40px var(--font-family);
	}
	
	.stock-ovis-presentation-intro p {
		color: #fff;
	}

	.stock-ovis-presentation-list { 
		max-width: 1720px;
		margin: 0 auto;
		z-index: 1000;
		position: relative;
		font: 400 16px / 16px var(--font-family);
		-webkit-border-radius: .75rem;
	}
	
	.stock-ovis-presentation-list a {
		color: #1a4948;
	}
	
	.stock-ovis-presentation-list * { 
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;    
		box-sizing: border-box;     
	}
	
/*	CONTENT - PRESENTATIONS - FILTERS
	--------------------------------------------- */

	.stock-taggle-filters  {
		max-width: 340px;
		display: inline-block;
		vertical-align: top;
	}

	@keyframes fadeInFilters {

		from { opacity: 0; }
		to   { opacity: 1; }

	}
	
	.stock-taggle-filters .stock-taggle-filters__contain {
		width: 100%;
		max-width: 320px;
		padding: 0;
		display: inline-block;
		font-size: 0;
		background: #fff;
		-webkit-border-radius: .75rem;
		-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .025);
		-webkit-animation: fadeInFilters 2s;
		animation: fadeInFilters 2s;
	}
	
	.stock-taggle-filters .stock-taggle-filters__contain.stock-taggle-filters___contain_sticky {
		position: fixed;
		top: 20px;
	}

	.stock-taggle-filters .stock-taggle-filters__contain .contain:last-of-type {
		margin: 0;
	}
	
	.stock-taggle-filters .column {
		width: calc(50% - 10px);
		display: inline-block;
		vertical-align: top;
	}
	
	.stock-taggle-filters .column.price > .contain {
		width: calc(50% - 10px);
	}
		
	.stock-taggle-filters .column:first-of-type {
		margin-right: 20px;
	}
	
	.column_title {
		width: 100%;
		margin-bottom: 8px;
		display: inline-block;
		font: 400 16px / 16px var(--font-family);
	}
	
	.stock-taggle-filters .column label {
		width: auto;
		margin: 0 0 8px;
		padding: 0;
		display: inline-block;
		z-index: 20;
		font: 400 16px / 16px var(--font-family);
	}
	
	.stock-taggle-filters label.placeholder {
		width: calc(100% - 44px);
		margin: 0 !important;
		position: absolute;
		top: 18px;
		left: 13px;
		z-index: 100;
		font-size: 16px;
		line-height: 10px;
		font-weight: 400;
		cursor: text;
		color: #999;
		-webkit-user-select: none;
		pointer-events: none;
	}
		
	.stock-taggle-filters label.placeholder.active {
		width: auto;
		padding: 0 5px;
		top: -5px;
		left: 8px;
		font-size: 12px;
		background: #fff;
	}
			
	.stock-taggle-filters .column.submit {
		width: 100%;
	}
	
	.stock-taggle-filters .title-filter {
		margin: 0 0 20px;
		padding: 0 20px;
		display: inline-block;
		color: #1a4948;
		font: 400 16px / 22px var(--font-family);
	}
	
	.title-filter .presentation-found {
		margin: 0;
		line-height: 22px;
		vertical-align: bottom;
	}
	
	.title-filter .amount {
		font: 400 16px / 22px var(--font-family);
	}

	.stock-taggle-filters .category label:first-of-type .radio + .radio-select {
		padding: 13px 10px;
	}
	
	.stock-taggle-filters .category label {
		width: 18.4%;
		margin: 0;
	}
	
	.stock-taggle-filters  .contain-radio {
		width: 100%;
		display: flex;
		background: #fff;
		overflow: hidden;
		-webkit-border-radius: .75rem;
	}
	
	.stock-taggle-filters .category label {
		flex: 1;
	}
	
	.stock-taggle-filters .category label[for=everything] {
		flex: 0 0 60px;
	}
	
	.stock-taggle-filters .category label[for=motorboats] {
		flex: 0 0 17%;
	}
	
	.stock-taggle-filters .radio {
		display: none;		
	}
	
	.stock-taggle-filters .radio + .radio-select {
		width: 100%;
		padding: 13px 10px 13px 35px;
		display: inline-block;
		vertical-align: top;
		background: no-repeat 10px center / 24px;
		border-right: 1px solid #e7faff;
		cursor: pointer;
		color: #2a2a2a;
		text-align: center;
		font: 400 16px / 16px var(--font-family);
		-webkit-transition: 100ms background-color ease;
	}
	
	.stock-taggle-filters label:last-of-type .radio + .radio-select {
		border-right: 0;
	}
	
	.stock-taggle-filters .radio:checked + .radio-select {
		background-color: #d6f7ff;		
	}
	
	.stock-taggle-filters .radio#motorboats + .radio-select {
		background-image: url('/assets/img/icons/icon-category-motorboat.svg');
	}
	
	.stock-taggle-filters .radio#sailboats + .radio-select {
		background-image: url('/assets/img/icons/icon-category-sailboat.svg');
	}
	
	.stock-taggle-filters .radio#smallboats + .radio-select {
		background-image: url('/assets/img/icons/icon-category-smallboat.svg');
	}
	
	.stock-taggle-filters .radio#motors + .radio-select {
		background-image: url('/assets/img/icons/icon-category-engine.svg');
	}
	
	.stock-taggle-filters .radio#sloops + .radio-select {
		background-image: url('/assets/img/icons/icon-category-sloop.svg');
	}
	
	.stock-taggle-filters .radio#trailers + .radio-select {
		background-image: url('/assets/img/icons/icon-category-trailer.svg');
	}
	
	.stock-taggle-filters .advanced-filters {
		width: 100%;
		display: none;
	}
	
	.stock-taggle-filters .advanced-filters.open {
		margin-bottom: 20px;
		display: inline-block !important;
	}
		
	.stock-taggle-filters p {
		margin: 0;
		padding-left: 24px;
		display: inline-block;
		cursor: pointer;
		background: url('/assets/img/icons/icon-plus.svg') no-repeat left center / 18px;
		-webkit-transition: ease opacity 200ms;
	}
	
	.stock-taggle-filters p.open {
		background-image: url('/assets/img/icons/icon-minus.svg');
	}
	
	.stock-taggle-filters .active-filters {
		padding-left: 24px;
		font: 400 14px / 22px var(--font-family);
		background: url('/assets/img/icons/icon-filters.svg') no-repeat center left / 16px;
	}
	
	.stock-taggle-filters .reset-all-filters {
		margin-left: 10px;
		cursor: pointer;
		font: 400 14px / 22px var(--font-family);
	}
	
	.stock-taggle-filters {
		width: 100%;
		margin: 0;
		max-width: 320px;
		padding-top: 0;
		display: inline-block;
		vertical-align: top;
		background: var(--color-surface);
		-webkit-border-radius: .75rem;
		-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .025);
	}
	
	.presentation .filter {
		-webkit-border-radius: .75rem;
		overflow: hidden;
	}
	
	.stock-taggle-filters:before {
		display: none;
	}
	
	.stock-taggle-filters .contain {
		padding: 12px 20px 12px;
		font-size: 0;
	}
	
	.stock-taggle-filters .contain__options {
		padding-bottom: 20px;
	}

	.stock-taggle-filters span.title {
		width: 100%;
		padding: 20px 20px 10px;
		display: inline-block;
		font: 700 22px / 26px var(--font-family);
	}
	
	.stock-taggle-filters .column .contain-radio {
		display: inline-block;
	}
	
	.stock-taggle-filters .column.category label {
		width: 100%;
		margin: 0;
	}
	
	.stock-taggle-filters .column.category label:last-of-type {
		border-bottom: 0;
	}
	
	.stock-taggle-filters .radio + .radio-select {
		padding-left: 50px;
		text-align: left;
		border: 0;
	}
			
	.stock-taggle-filters p {
		display: none;
	}
	
	.stock-taggle-filters .active-filters {
		margin-left: 0;
	}
	
	.stock-taggle-filters .advanced-filters {
		margin-bottom: 20px;
		display: inline-block;
	}
	
	.stock-taggle-filters .column.right {
		margin-top: 20px;
	}
	
	.stock-taggle-filters label {
		margin-bottom: 10px;
	}

	.presentation-settings {
		position: relative;
		margin: 0 0 20px 0;
	}

	.presentation-settings .setting {
		width: 100%;
		max-width: 260px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		position: relative;
		background: var(--color-surface);
		-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .025);
		-webkit-border-radius: .75rem;
		overflow: hidden;
	}
	
	.presentation-settings .select2-container .select2-selection {
		border: 0;
	}
	
	.filter__sort.select2-dropdown {
		border: 0;
		-webkit-border-radius: .75rem;
	}
	
	.filter__sort.select2-dropdown {
		margin-top: 3px;
	}
	
	.filter__ad.select2-dropdown {
		margin-top: 3px;
		background: var(--color-surface);
		border: 1px solid #bbb;
		-webkit-border-radius: .75rem;
	}

	.presentation-settings .setting:nth-of-type(1) {
		margin-right: 20px;
	}

	.presentation-settings .setting-active {
		width: auto;
		margin-right: 30px;
		padding: 10px 0;
	}

	.presentation-settings .filter-active .label {
		margin-right: 5px;
	}

	.presentation-settings .setting-layout {
		width: auto;
		background-color: var(--color-surface);
		overflow: hidden;
		-webkit-border-radius: .75rem;
	}

	.presentation-settings .setting-layout div.mode {
		width: 44px;
		height: 44px;
		display: inline-block;
		vertical-align: top;
		background: no-repeat center / 16px;
		-webkit-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}

	.presentation-settings .setting-layout div.mode:nth-of-type(1) {
		background-image: url('/assets/img/icons/icon-layout-block-light.svg');
	}

	.presentation-settings .setting-layout div.mode.active:nth-of-type(1) {
		background-image: url('/assets/img/icons/icon-layout-block.svg');
	}

	.presentation-settings .setting-layout div.mode:nth-of-type(2) {
		background-image: url('/assets/img/icons/icon-layout-row-light.svg');
	}

	.presentation-settings .setting-layout div.mode.active:nth-of-type(2) {
		background-image: url('/assets/img/icons/icon-layout-row.svg');
	}

/*	CONTENT - PRESENTATIONS - NAVIGATION
	--------------------------------------------- */
	
	.presentation-found {
		margin-right: 20px;
		display: inline-block;
		vertical-align: middle;
		font: 400 16px / 30px var(--font-family);	
	}
	
	.presentation-navigation {
		width: 100%;
		font-size: 0;
	}

	.presentation-navigation.bottom {
		margin-top: 20px;
	}

	.presentation-navigation div.contain {
		display: inline-block;
		vertical-align: middle;
	}

	.presentation-button {
		min-width: 30px;
		height: 30px;
		padding: 0 5px;
		display: inline-block;
		vertical-align: middle;
		color: #475166;
		font: 400 16px / 24px var(--font-family);
		text-align: center;
		cursor: pointer;
		background: #fff no-repeat center / 14px;
		-webkit-border-radius: .75rem;
		border-radius: .75rem;
		-webkit-transition: ease opacity 100ms;
		transition: ease opacity 100ms;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}

	.presentation-button.previous {
		margin-right: 3px;
		padding-left: 0;
		background-image: url('/assets/img/icons/icon-arrow-left.svg');
	}

	.presentation-button.next {
		margin-left: 3px;
		padding-right: 0;
		background-image: url('/assets/img/icons/icon-arrow-right.svg');
	}


	.presentation-button.disabled {
		opacity: .4;
		pointer-events: none;
	}

	.presentation-pagination {
		display: inline-block;
		vertical-align: middle;
	}

	.presentation-pagination .pagination-item {
		min-width: 30px;
		height: 30px;
		margin: 0 3px;
		padding: 0 5px;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		cursor: pointer;
		background: #fff;
		font: 400 16px / 30px var(--font-family);	
		-webkit-user-select: none;
		-webkit-border-radius: .75rem;
		-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .025);
	}

	.presentation-pagination .pagination-item.active {
		color: #1a4948;
		font-weight: 700;
	}
	
	.presentation-pagination .pagination-seperator {
		margin: 0 5px;
		display: inline-block;
		vertical-align: middle;
		font: 400 14px / 24px var(--font-family);	
	}
	
	.seo-content {
		margin-top: 50px;
		font: 400 14px / 24px var(--font-family);
	}
	
/*	CONTENT - PRESENTATIONS - LISTING
	--------------------------------------------- */
	.stock-ovis-presentation-list {
		padding: 40px;	
		font-size: 0;
	}

	.stock-taggle-presentation-wrapper {
		width: calc(100% - 360px);
		margin-left: 40px;
		display: inline-block;
		vertical-align: top;
	}

	.presentation-contain {
		width: 100%;
		display: inline-block;
		min-height: 414px;
		margin: 20px 0;
	}
	
	.presentation-contain.column {
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
	}

	.presentation-contain.row {
		display: inline-flex;
		flex-direction: column;
	}

	.presentation-contain.loading {
		background: url('/assets/img/icons/icon-loading.svg') no-repeat center / 100px;
	}
	
	.presentation-contain .nothing-found {
		min-height: 320px;
		padding: 260px 0 0 0;
		background: url('/assets/img/icons/icon-nothing-found.svg') no-repeat center / auto 50%; 
		text-align: center;
		font: 400 24px / 36px var(--font-family);
	}
	
	.presentation-contain .nothing-found .reset-all-filters {
		cursor: pointer;
		font-weight: 700;
	}

	.presentation-contain a {
		width: 100%;
		height: auto;
		margin: 15px 0 0 0;
		display: inline-block;
		vertical-align: top;
		position: relative;
		text-decoration: none !important;
		background: var(--color-surface);
		cursor: pointer;
		overflow: hidden;
		-webkit-border-radius: .75rem;
		-webkit-transition: ease 200ms background-color;
		-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .025);
	}
	
	.presentation-contain .partner .thumbnail::before {
		content: '';
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 9;
		display: block;
		aspect-ratio: 2 / 1;
		width: 120px;
		width: calc(100% / 3);
		min-width: 120px;
		min-width: min(120px, 100%);
		margin: 0;
		padding: 0;
		border-bottom-left-radius: .75rem;
		background-repeat: no-repeat;
		background-size: 80%;
		background-position:center center;
		background-image: url('../img/object-overlay-right.svg');
		background-color: #1a4948;		
	}

	.presentation-contain a:first-of-type {
		margin-top: 0;
	}

	.presentation-contain .thumbnail {
		width: 100%;
		max-width: 300px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		z-index: 9;
		background: #f9f9f9;
		overflow: hidden;
	}
	
	.presentation-contain .thumbnail img {
		width: 100%;
		max-width: 300px;
		height: 225px;
		display: inline-block;
		vertical-align: middle;
		object-fit: contain;
	}
	
	.thumbnail__count {
		min-width: 28px;
		padding: 0 10px 0 25px;
		position: absolute;
		bottom: 10px;
		left: 10px;
		background: rgba(255, 255, 255, .9) url('/assets/img/icons/icon-images-available.svg') no-repeat 5px center / 18px; 
		color: #1a4948;
		text-align: center;
		font: 400 13px / 24px var(--font-family);
		-webkit-border-radius: .75rem;
		display: none;
	}
	
	.thumbnail__bovag {
		width: 43px;
		height: 30px;
		position: absolute;
		right: 10px;
		bottom: 10px;
		background: url('/assets/img/icon-warranty-bovag.png') no-repeat center / contain;
	}
	
	.thumbnail__nap {
		width: 50px;
		height: 30px;
		position: absolute;
		right: 65px;
		bottom: 10px;
		background: url('/assets/img/icon-warranty-nap.png') no-repeat center / contain;
	}
	
	.thumbnail__nap.no-bovag {
		right: 10px;
	}

	.presentation-contain .contain {
		width: calc(100% - 300px);
		padding: 15px 30px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		z-index: 10;
	}
	
	.presentation__title {
		width: 100%;
		margin-bottom: 10px;
		display: inline-flex;
		vertical-align: top;
		color: var(--color-text);
		
		font-family:  var(--font-family-title);
		font-size: 24px;
		font-weight: 800;
		line-height: 2.2rem;
		
		/* text-transform: uppercase; */
		letter-spacing: -.005em;
	}
	
	.presentation__title > span {
		width: 100%;
		margin-bottom: 3px;
		display: inline-block;
		vertical-align: bottom;
		
		font-family:  var(--font-family-title);
		font-size: 16px;
		font-weight: 800;
		line-height: 2.2rem;
		
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-transform: capitalize	
	}
	
	.presentation__user-logo {
		max-width: 140px;
		padding: 5px;
		border-radius: 2px;
		object-fit: contain;
	}

	.presentation-contain .contain .category {
		width: 100%;
		margin: 0 0 5px;
		display: inline-block;
		font: 400 16px / 24px var(--font-family);
	}
	
	.presentation-contain .contain .price {
		width: 100%;
		margin-top: auto;
		display: inline-block;
		color: #1a4948;
		text-align: left;
		
		font-family:  var(--font-family-title);
		font-size: 28px;
		font-weight: 800;
		line-height: 2.2rem;
		
		position: relative;
	}
	
	.presentation__specifications {
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		font: 400 15px / 23px var(--font-family);
	}
	
	.presentation__specification_spacer {
		width: 4px;
		height: 4px;
		margin: 0 7px 5px;
		background: #000;
		display: inline-block;
		vertical-align: middle;
		-webkit-border-radius: .75rem;
	}

	.presentation__accessories_carousel {
		width: 100%;
		max-width: 440px;
		height: 30px;
		margin: 10px 0 0 0;
		display: inline-block;
		position: relative;
	}
	
	.presentation__accessories_carousel_start,
	.presentation__accessories_carousel_end {
		width: 60px;
		height: 30px;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1000;
		background: var(--color-surface);
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--color-surface) 100%);
		
	}
	
	.presentation__accessories_carousel_start {
		right: auto;
		left: 0;
		display: none;
		background: var(--color-surface);
		background: linear-gradient(260deg, rgba(255,255,255,0) 0%, var(--color-surface) 100%);
	}

	.presentation__accessory {
		padding: 5px 10px;
		margin: 0 5px 0 0;
		background: #e5e2de;
		font: 400 13px / 20px var(--font-family);
		-webkit-border-radius: .75rem;
	} 
	
	.presentation__accessories_carousel .slick-prev,
	.presentation__accessories_carousel .slick-next {
		width: 30px;
		height: 30px;
		right: 0;
		z-index: 1001;
		background: #fff;
		-webkit-border-radius: 300px;
		-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
		-webkit-transition: ease all 100ms;
	}
	
	.presentation__accessories_carousel .slick-prev.slick-disabled {
		display: none !important;
	}
	
	.presentation__accessories_carousel .slick-prev {
		left: 0;
		right: auto;
	}
	
	.presentation__cta {
		width: 100%;
		max-width: 291px;
		margin: 0;
		padding: 10px 25px;
		position: absolute;
		right: 0;
		bottom: 0;
		cursor: pointer;
		color: #fff;
		font: 400 18px / 24px var(--font-family);
		text-align: center;
		background: var(--color-bg-cta) no-repeat center / 22px;
		-webkit-border-radius: .75rem;
		-webkit-transition: all 100ms ease-in-out;
	}
		
/*	CONTENT - PRESENTATIONS - COLUMN
	--------------------------------------------- */
	.presentation-contain.column a {
		position: relative;
		display: inline-flex;
		flex-direction: column;
		width: calc(33.33333333% - 27px);
		margin: 30px 40px 0 0;
	}

	.presentation-contain.column a:nth-of-type(-n+3) {
		margin-top: 0;
	}
	
	.presentation-contain.column a:nth-of-type(3n+3) {
		margin-right: 0;
	}
	
	.presentation-contain.column a .thumbnail {
		max-width: 100%;
	}
	
	.presentation-contain.column a .thumbnail:after {
		content: '';
		width: 100%;
		height: 200px;
		margin: auto;
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
		z-index: -1;
		box-shadow: 0 25px 25px 0 rgba(0, 0, 0, .08);
		-webkit-border-radius: 300px;
	}
	
	.presentation-contain.column a .thumbnail img {
		position: relative;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	
	.presentation-contain.column a .contain {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		width: 100%;
		min-height: 348px;
		padding: 30px 35px;
		vertical-align: top;
	}
	
	.presentation-contain.column .presentation__title {
		flex-direction: column-reverse;
		row-gap: 8px;
	}

	.presentation-contain.column a .presentation__logo {
		max-width: 100px;
		height: 50px;
		top: -50px;
		-webkit-border-radius: .75rem .75rem 0 0;
	}
	
	.presentation-contain.column a .title {
		width: 100%;
		padding: 0;
		min-height: 60px;
	}
	
	.presentation-contain.column a .price {
		/* width: calc(100% - 60px); */
		padding-top: 12px;
		padding-bottom: 60px;
		/* position: absolute; */
		/* bottom: 30px; */
		/* left: 30px; */
	}	
		
	.presentation-contain.column .presentation__cta {
		width: 100%;
		max-width: 100%;
		margin-top: 20px;
		bottom: 1px;
	}

/*	CONTENT - PRESENTATIONS - ROW
	--------------------------------------------- */
	.presentation-contain.row a {
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
	}

	.presentation-contain.row .thumbnail {
		min-width: 300px;
		min-width: min(300px, 100%);
	}

	.presentation-contain.row .thumbnail::before {
		right: -8px;
	}

	.presentation-contain.row .thumbnail img {
		max-width: 100%;
		height: auto;
	}

	.presentation-contain.row .presentation__title {
		flex-direction: row;
		justify-content: space-between;
	}

	.presentation-contain.row .contain .price {
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		column-gap: 24px;
	}

	.presentation-contain.row .contain .price .presentation__cta {
		position: static;
		margin-left: auto;
	}

/*	CONTENT - PRESENTATIONS - DETAIL
	--------------------------------------------- */	
	.presentation__detail {
		width: 100%;
		max-width: 1640px;
		min-height: 640px;
		padding: 60px;
		margin: 0 auto;
		font-size: 0;
	}
	
	.presentation__detail_back {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.presentation__detail_back a {
		margin-bottom: 30px;
		padding-left: 30px;
		font: 700 20px / 32px var(--font-family);
		background: url('/assets/img/icons/icon-arrow-left.svg') no-repeat left center / 16px;
	}
	
	.presentation__detail .content__page {
		padding: 0;
		background: transparent;
		-webkit-box-shadow: none;
	}

	.presentation__detail_title {
		width: 100%;
		height: auto;
		margin: 0 0 10px;
		padding-right: 40px;
		display: inline-block;
		vertical-align: top;
		color: #1a4948;
		
		font-family:  var(--font-family-title);
		font-size: 40px;
		font-weight: 800;
		line-height: 2.2rem;
		
		text-transform: capitalize;
		letter-spacing: -.005em;
	}
	
	.presentation__detail_title > span {
		width: 100%;
		margin-bottom: 3px;
		display: inline-block;
		vertical-align: bottom;
		
		font-family:  var(--font-family-title);
		font-size: 16px;
		font-weight: 800;
		line-height: 2.2rem;
		
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-transform: capitalize	
	}
		
	.presentation__detail h2 {
		padding-left: 0;
		font: 500 26px / 34px var(--font-family);
	}
	
	.presentation__detail_header {
		max-height: 782px;
		background: #fff;
		overflow: hidden;
		-webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .015);
		-webkit-border-radius: .75rem;
		font-size: 0;
	}
	
	.presentation__detail_images { 
		width: 60%;
		display: inline-block;
		vertical-align: top;
		background: #fff;
		position: relative;
	}
	
	.presentation__detail_images.partner::before {
		content: '';
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 9;
		display: block;
		aspect-ratio: 2 / 1;
		width: 80px;
		width: calc(100% / 5);
		min-width: 80px;
		min-width: min(80px, 100%);
		margin: 0;
		padding: 0;
		border-bottom-left-radius: .75rem;
		background-repeat: no-repeat;
		background-size: 80%;
		background-position:center center;
		background-image: url('../img/object-overlay-right.svg');
		background-color: #1a4948;		
	}	
	
	.presentation__detail_images_highlight {
		text-align: center;
		overflow: hidden;
	}
	
	.presentation__detail_images_highlight {
		visibility: hidden;
		height: 667px;
	}
	
	.presentation__detail_images_highlight.slick-initialized {
		visibility: visible;
		height: auto;
	}
	
	.presentation__detail_images_highlight_nav {
		max-height: 143px;
		margin: 5px 0;
		overflow: hidden;
	}
	
	.presentation__detail_images_highlight iframe,
	.presentation__detail_images_highlight img,
	.presentation__detail_images_highlight_nav img {
		width: 100%;
		height: 667px;
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		background: no-repeat center / contain;
		object-fit: cover;
		object-position: center;
	}
	
	.presentation__detail_images_highlight_nav a {
		width: auto;
		display: inline-block;
	}	
	
	.presentation__detail_images_highlight_nav img {
		max-height: 104px;
		object-fit: cover;	
	}
	
	.presentation__detail_images_highlight_nav img.iframe {
		filter: blur(0.05rem);
	}
	
	.presentation__detail_images_highlight iframe {
		filter: blur(0.1rem);
	}
	
	.presentation__detail_images_highlight_nav img:focus {
		border-color: #1a4948;
		-webkit-box-shadow: 0 0 1px 2px #1a4948;
		outline: none;
	}
	
	.presentation__detail_images_highlight_nav .slick-current img {
		border: 3px solid #1a4948;
	}
	
	.presentation__detail_images .slick-initialized .video-overlay {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 11;
		cursor: pointer;
		background: rgba(0, 0, 0, .3);
		transition: ease opacity 100ms;
	}
	
	.slick-slide {
		position: relative;
	}
	
	.presentation__detail_images .video-overlay:before {
		content: "Bekijk video";
		width: 120px;
		height: 20px;
		padding-top: 80px;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 12;
		text-align: center;
		color: #fff;
		background:  url('/assets/img/icons/icon-play-video.svg') no-repeat top center / 80px;
		font: 400 20px / 28px var(--font-family);
	}
	
	.presentation__detail_images .video-overlay.threedee:before {
		content: "Bekijk 3D";
		background-image:  url('/assets/img/icons/icon-play-3d.svg');
	}
	
	.presentation__detail_images .video-overlay.thumbs {
		background: rgba(0, 0, 0, .1);
	}
	
	.presentation__detail_images .video-overlay.thumbs:before {
		width: 100%;
		background-size: 40px;
		background-position: center;
		content: "";
		
	}
	
	.presentation__detail_images_thumbs {
		width: 100%;
	}
	
	.presentation__detail_images_thumbs a img {
		width: 100%;
		height: auto;
		cursor: pointer;
	}
	
	.presentation__detail_summary {
		width: 39%;
		padding: 60px;
		display: inline-block;
		vertical-align: top;
		position: relative;
	}
	
	.presentation__detail_summary_specifications {
		margin-bottom: 10px;
		display: inline-block;
		vertical-align: top;
		position: relative;
	}
		
	.presentation__detail_summary_specification {
		display: inline-block;
		vertical-align: middle;
		font: 400 14px / 20px var(--font-family);
	}
	
	.presentation__detail_summary_specification_spacer {
		width: 4px;
		height: 4px;
		margin: 0 7px 1px;
		background: #000;
		display: inline-block;
		vertical-align: middle;
		-webkit-border-radius: .75rem;
	}
	
	.presentation__detail_price {
		width: 100%;
		margin: 0 0 10px;
		display: inline-block;
		color: #1a4948;
		text-align: left;
		
		font-family:  var(--font-family-title);
		font-size: 34px;
		font-weight: 800;
		line-height: 2.2rem;
	}
	
	.presentation__detail_price_value {
		width: auto;
		margin: 0 15px 0 0;
		padding: 0;
		display: inline-block;
		vertical-align: top;
		color: #1a4948;
		text-align: left;
		
		font-family:  var(--font-family-title);
		font-size: 34px;
		font-weight: 800;
		line-height: 2.2rem;
	}
	
	.presentation__detail_links {
		margin: 0;
	}
	
	.presentation__detail_links a {
		width: 100%;
		display: inline-block;
		padding: 0 20px 3px 30px;
		margin-bottom: 3px;
		font: 400 15px / 32px var(--font-family);
		color: #1a4948;
		border-bottom: 1px solid #bbb;
		position: relative;
		background: url(/assets/img/icons/icon-arrow-right.svg) no-repeat right center / 14px;
	}
	
	.presentation__detail_links a:before {
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		-webkit-border-radius: .75rem;
		background: no-repeat center / 10px;
		-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .15);
	}
	
	.presentation__detail_links a:last-of-type {
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	.presentation__detail_links a[data-name=finanplaza]:before {
		background-image: url(/assets/img/icons/icon-banner-finanplaza.svg);
	}
	
	.presentation__detail_links a[data-name=aveco]:before {
		background-image: url(/assets/img/icons/icon-banner-aveco.svg);
	}
	
	.presentation__detail_links a:hover {
		text-decoration: underline;
	}
	
	.presentation__detail_company {
		margin: 20px 0 15px 0;
	}
	
	.presentation__detail_company img {
		padding: 10px;
		margin-bottom: 20px;
		-webkit-border-radius: .75rem;
		border: 1px solid #eee;
		-webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, .05);
	}
	
	.presentation__detail_company p {
		width: 100%;
		margin: 0;
		display: inline-block;
		vertical-align: middle;
		font: 400 16px / 24px var(--font-family);
	}
	
	.presentation__detail_company p span {
		width: 100%;
		display: inline-block;
		font: 700 22px / 28px var(--font-family);
	}
		
	.presentation__detail_cta {
		width: 100%;
		margin-bottom: 0;
		padding-right: 30px;
	}
		
	.presentation__detail_cta > a { 
		width: 100%;
		margin: 0 0 8px;
		padding: 10px 25px;
		display: inline-block;
		vertical-align: middle;
		border: 3px solid var(--color-bg-cta);
		color: #1a4948;
		cursor: pointer;
		font: 400 18px / 24px var(--font-family);
		-webkit-border-radius: .75rem;
		-webkit-transition: ease 200ms all;
	}
		
	.presentation__detail_cta > a:first-of-type {
		background: var(--color-bg-cta);
		color: #fff;
	}
		
	.presentation__detail_cta > a:first-of-type:hover {
		background: var(--color-hover-bg-cta);
		border-color: var(--color-hover-bg-cta);
		color: #fff;
	}
	
	.presentation__detail_cta > a:hover {
		background: var(--color-bg-cta);
		border-color: var(--color-bg-cta);
		color: #fff;
		text-decoration: none;
	}
	
	.presentation__detail_cta > a.insurance { 
		margin-top:20px;
		border: 0px solid var(--color-bg-cta);
		padding: 10px 0px;
		color: var(--color-text);
	}
	
	.presentation__detail_cta > a.insurance span { 
		color: var(--color-bg-cta);
		margin-right:5px;
		font-weight: 700;
		font-size: 26px;
		line-height: 24px;
	}
	
	.presentation__detail_cta > a.insurance:hover { 
		border: 0px solid var(--color-bg-cta);
		padding: 10px 0px;
		color: var(--color-bg-cta);
		background-color:transparent;
	}
	
	.presentation__detail_cta.bottom {
		margin-bottom: 0;
	}
	
	.presentation__detail_cta.bottom > a {
		width: 100%;
		max-width: 300px;
		margin: 0 0 10px;
	}
	
	.presentation__detail_contain a[data-name="aveco"] {
		width: 100%;
		margin: 40px 0 20px;
		display: inline-block;
		text-align: center;
	}
	
	.presentation__detail_contain a[data-name="aveco"] img {
		width: 100%;
		max-width: 598px;
		height: auto;
		display: inline-block;
		vertical-align: top;
	}
	
	.detail-specifications .spec {
		width: calc(33.333333333333% - 14px);
		margin-right: 21px;
		padding: 15px 0;
		display: inline-block;
		vertical-align: top;
		color: #00374e;
		font: 400 16px / 24px var(--font-family);
		-webkit-border-radius: .75rem;
	}
	
	.detail-specifications .spec:nth-of-type(3n+3) {
		margin-right: 0;
	}

	.detail-specifications .spec.modelmotor { 
		margin-right: 0;
	}
	
	.detail-specifications .spec .label {
		width: 100%;
		margin-bottom: 10px;
		display: inline-block;
		font: 400 14px / 14px var(--font-family);
	}
	
	.detail-specifications .spec .value {
		font: 400 20px / 20px var(--font-family);
	}
	
	/*
	 * Detail sections
     */
	
	.presentation__detail_section {
		width: 100%;
		margin: 50px 0 30px;
		padding: 0;
		font-size: 0;
	}
	
	.presentation__detail_section[data-section="contact"] {
		margin-bottom: 0;
	}
	
	.presentation__detail_section > p {
		margin-top: -10px;
		padding: 0 20px 10px 0;
		font: 400 16px / 24px var(--font-family);		
	}
	
	.presentation__detail_contain {
		background: #fff;
		padding: 30px;
		-webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .015);
		-webkit-border-radius: .75rem;
	}
	
	/*
     * Attributes
	 */
	
	.presentation__detail_attributes_group {
		width: calc(20% - 13px);
		margin: 15px 15px 0 0;
		padding: 20px 20px 20px 20px;
		display: inline-block;
		vertical-align: top;
		background: #fff no-repeat 17px center / 26px !important;
		-webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .015);
		-webkit-border-radius: .75rem;
	}
	
	[data-section="sizes-and-weights"] .presentation__detail_attributes_group,
	[data-section="beds"] .presentation__detail_attributes_group {
		padding: 20px;
	}
	
	.presentation__detail_attributes_group:nth-of-type(5n+5) {
		margin-right: 0;
	}
	
	.presentation__detail_attributes_group:nth-of-type(-n+5) {
		margin-top: 0;
	}
	
	.presentation__detail_attributes_group[data-icon='branddisplay'] {
		background-image: url(/assets/img/icons/icon-spec-brand.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='modeldisplay'] {
		background-image: url(/assets/img/icons/icon-spec-model.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='constructionyear'] {
		background-image: url(/assets/img/icons/icon-spec-buildyear.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='modelyear'] {
		background-image: url(/assets/img/icons/icon-spec-buildyear.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='category'] {
		background-image: url(/assets/img/icons/icon-spec-category.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='transmission-manual'] {
		background-image: url(/assets/img/icons/icon-spec-transmission-manual.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='transmission-automatic'] {
		background-image: url(/assets/img/icons/icon-spec-transmission-automatic.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='fuel'] {
		background-image: url(/assets/img/icons/icon-spec-fuel.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='enginehorsepower'] {
		background-image: url(/assets/img/icons/icon-spec-horsepower.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='mileage'] {
		background-image: url(/assets/img/icons/icon-spec-mileage.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='euroclass'] {
		background-image: url(/assets/img/icons/icon-spec-euroclass.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='seats'] {
		background-image: url(/assets/img/icons/icon-spec-seats.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='seatbelts'] {
		background-image: url(/assets/img/icons/icon-spec-seatbelts.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='numberofbeds'] {
		background-image: url(/assets/img/icons/icon-spec-beds.svg);
	}
	
	.presentation__detail_attributes_group[data-icon='numberofsleepingplaces'] {
		background-image: url(/assets/img/icons/icon-spec-sleepingplaces.svg);
	}
	
	.presentation__detail_attributes_category {
		width: 100%;
		margin-bottom: 5px;
		display: inline-block;
		vertical-align: top;
		font: 500 13px / 16px var(--font-family);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.presentation__detail_attributes_value {
		width: 100%;
		padding: 0;
		display: inline-block;
		font: 700 18px / 24px var(--font-family);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/*
     * Trade in
	 */
	
	

	
	/*
     * Accessoires
	 */
	
	.presentation__detail_accessoires_accessory {
		width: 25%;
		padding: 0;
		margin-bottom: 30px;
		display: inline-block;
		vertical-align: top;
	}
	
	.presentation__detail_accessoires_accessory.double {
		width: 50%;
	}
	
	.presentation__detail_accessoires_group {
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}
	
	.presentation__detail_accessoires_accessory.double .presentation__detail_accessoires_group {
		width: 50%;
	}
		
	.presentation__detail_accessoires_category {
		width: 100%;
		margin-bottom: 15px;
		padding-left: 5px;
		display: inline-block;
		position: relative;
		font: 500 20px / 28px var(--font-family);		
	}
		
	.presentation__detail_accessoires_value {
		width: calc(100% - 20px);
		margin-right: 20px;
		display: inline-block;
		margin-bottom: 3px;
		padding: 3px 6px;
		font: 400 15px / 24px var(--font-family);
	}
	
	.presentation__detail_accessoires_value:nth-child(even) {
		background: #f9f9f9;
		-webekit-border-radius: .75rem;
	}
	
	/*
     * Description
	 */
	
	.presentation__detail_description_span {
		width: 100%;
		height: 300px;
		display: inline-block;
		font: 400 16px / 24px var(--font-family);
		word-break: break-word;
		position: relative;
		overflow: hidden;
	}
	
	.presentation__detail_description_span.open {
		height: auto;
	}
	
	.presentation__detail_description_span:not(.open):after {
		content: "";
		width: 100%;
		height: 200px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgb(255,255,255);
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	}
	
	.presentation__detail_description_readmore {
		min-width: 160px;
		max-width: 200px;
		margin-top: 15px;
		padding: 0 40px;
		display: inline-block;
		vertical-align: middle;
		background: #3f89bf;
		border: 0;
		color: #fff;
		cursor: pointer;
		font: 700 16px / 40px var(--font-family);
		-webkit-border-radius: .75rem;
		-webkit-transition: ease 200ms all;
	}

/*  FORM
	--------------------------------------------- */
	
	form { 
		width: 100%;
		max-width: 640px;
		display: inline-block;
		position: relative;
	}
		
	.select2-container--default.select2-container--disabled .select2-selection--single {
		background-color: var(--color-surface) !important;
		filter: brightness(97%);
	}

	.select2-container--default.select2-container--disabled + .reset.select {
		filter: brightness(97%);
	}

	form .contain {
		width: 100%;
		padding: 0;
		display: inline-block;
		vertical-align: top;
		position: relative;
	}

	form div.contain:first-of-type {
		margin-top: 0;
	}
	
	form div.contain div.multiple {
		width: calc(50% - 6px);
		display: inline-block;
		vertical-align: top;
		position: relative;
		z-index: 10;
	}
	
	form div.contain div.multiple:nth-of-type(2) {
		margin-left: 10px;
	}
	
	form div.contain div.multiple.full-width {
		width: 100%;
	}
		
	form div.contain.type label {
		width: auto;
		cursor: pointer;
		font: 400 14px / 24px var(--font-family);
	}
	
	form div.contain.type label:nth-of-type(1) {
		margin-right: 15px;
	}
	
	form div.contain.type label input[type='radio'] {
		width: 20px;
		height: 20px;
		padding: 0;
		margin-right: 10px;
		cursor: pointer;
		-webkit-border-radius: 300px;
		border-radius: 300px;
	}
	
	form div.contain.type label input[type='radio']:checked {
		border-color: #3595d2;
		background-color: #3595d2;
	}

	form div.contain.hide {
		display: none;
	}
	
	form div.contain.hide.active {
		display: inline-block;
	}
	
	.stock-ovis-presentation-list label {
		width: 100%;
		margin: 0 0 8px;
		display: inline-block;
		font: 400 16px / 24px var(--font-family);
	}

	.stock-ovis-presentation-list input,
	.stock-ovis-presentation-list textarea,
	.stock-ovis-presentation-list select {
		width: 100%;
		margin: 0;
		padding: 9px 12px;
		display: inline-block;
		vertical-align: top;
		background: var(--color-surface);
		border: 1px solid #bbb;
		font: 400 16px / 24px var(--font-family);
		color: #676767;
		-webkit-border-radius: .75rem;
		border-radius: .75rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-webkit-border-radius: .75rem;
		border-radius: .75rem;
	}
	
	.stock-ovis-presentation-list input:focus-visible {
		-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	}
	
	.stock-ovis-presentation-list .filter.search_zipcode {
		margin-bottom: 5px;
	}
	
	#submit-filters {
		width: 100%;
		max-width: 291px;
		margin: 0;
		padding: 10px 25px;
		display: inline-block;
		background: var(--color-bg-cta) no-repeat center / 22px;
		border: 0;
		color: #fff;
		font: 400 18px / 24px var(--font-family);
		cursor: pointer;
		-webkit-border-radius: .75rem;
		border-radius: .75rem;
		-webkit-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}
	
	#submit-filters:hover {
		background-color: var(--color-hover-bg-cta);
	}
	
	input[type='submit'].loading {
		background: var(--color-bg-cta) url('/assets/img/icons/icon-loading-submit.svg') no-repeat center / 22px; 
	}

	.filter {
		position: relative;
	}
	
	.filter .icon {
		width: 40px;
		height: 100%;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		background: #f1f1f1;
		text-align: center;
		font: 400 18px / 43px var(--font-family);
		-webkit-border-radius: .75rem 0 0 .75rem;
	}
	
	.filter .icon + input {
		padding-left: 50px;
	}
	
	.filter > .reset {
		width: 30px;
		height: calc(100% - 10px);
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 2px;
		background: var(--color-surface) url('/assets/img/icons/icon-cross.svg') no-repeat center / 8px; 
		border-left: 1px solid #eee;
		cursor: pointer;
		-webkit-transition: ease background 200ms;
		transition: ease background 200ms;				border-radius:.75rem;
	}
	
	::-webkit-input-placeholder { color: #bbb; font-size: 16px; line-height: 24px; }
	:-moz-placeholder           { color: #00374e; font-size: 16px; opacity: 1; line-height: 24px; }
	::-moz-placeholder          { color: #00374e; font-size: 16px; opacity: 1; line-height: 24px; }
	:-ms-input-placeholder      { color: #00374e; font-size: 16px; line-height: 24px; }  
	
/*  FORM: LOADING
	--------------------------------------------- */

	form.loading #form-loading {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000;
		background: rgba(255, 255, 255, .5);
	}

	form.loading #form-loading span {
		width: 100px;
		height: 100px;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1001;
		background: url('/assets/img/icons/icon-loading.svg') no-repeat center / 100px; 
	}

/*  FORM: NOTIFICATION
	--------------------------------------------- */

	.form-notification {
		padding: 20px;
		background: #fbeeca;
		font: 400 12px / 12px var(--font-family);
		-webkit-border-radius: .75rem;
		border-radius: .75rem;
	}
	
	.form-notification p {
		margin: 0;
		padding-left: 25px;
		background: url(/assets/img/icons/icon-list.svg) no-repeat left center / 20px;
		font: 400 14px / 24px var(--font-family);
	}
	
	.form-notification.error {
		background: #fbeeca;
	}
	
	.form-notification p.success {
		padding: 20px;
		background: #fbeeca;
		-webkit-border-radius: .75rem;
		border-radius: .75rem;
	}
	
	.form-notification p.success span {
		width: 100%;
		margin-bottom: 20px;
		display: inline-block;
		font: 400 24px / 24px var(--font-family);
	}

/*  SIMPLELIGHTBOX
	--------------------------------------------- */

	div.slbContentOuter {
		width: calc(100% - 40px);
		max-width: 768px;
		margin: 0 20px;
		padding: 0;
		position: relative;
		z-index: 1;
		background: #fff;
		-webkit-border-radius: .75rem;
		border-radius: .75rem;
	}

	.slbOverlay {
		-webkit-animation: slbOverlay 0.1s;
		-moz-animation: slbOverlay 0.1s;
		animation: slbOverlay 0.1s;
	}

	.slbCloseBtn {
		width: 30px;
		height: 30px;
		right: 10px;
		top: 10px;
		font: 400 30px / 20px var(--font-family);
		color: #1a4948;
		background: rgba(255, 255, 255, .5);
		animation: none;
		-webkit-border-radius: .75rem;
	}

	div.slbContentOuter h2 {
		width: 100%;
		margin: 0 0 30px;
		padding: 60px 60px 0;
		display: inline-block;
		font-size: 20px;
		line-height: 28px;
		font-weight: 500;
	}

	div.slbContentOuter h2 strong {
		font-weight: 700;
	}

	div.slbContentOuter div.contain {
		margin-bottom: 15px;
		position: relative;
	}

	div.slbContentOuter div.contain:last-of-type {
		margin-bottom: 0;
	}

	div.slbContentOuter div.contain div.multiple {
		width: calc(50% - 5px);
		margin-right: 10px;
		display: inline-block;
		position: relative;
	}

	div.slbContentOuter div.contain div.multiple:nth-of-type(2) {
		margin-right: 0;
	}

	div.slbContentOuter div.contain label {
		padding: 0 7px;
		font-size: 12px;
		line-height: 12px;
		background: #fff;
		position: absolute;
		top: -5px;
		left: 10px;
		color: #565656;
	}

	div.slbContentOuter div.contain input,
	div.slbContentOuter div.contain textarea {
		padding: 11px 15px 7px;
	}

	div.popup-confirmation {
		width: 100%;
	}
	
	.popup-confirmation .thumbnail {
		width: 100%;
		height: 400px;
		display: inline-block;
		vertical-align: top;
		background: #f7f7f7 no-repeat center / cover;
		-webkit-border-radius: .75rem .75rem 0 0;
	}

	div.popup-confirmation div.portals {
		width: 100%;
		padding: 0 60px 60px;
	}
	
	div.popup-confirmation div.portals > div {
		width: 50%;
		display: inline-block;
		vertical-align: top;
	}
	
	div.popup-confirmation div.portals > div p {
		color: #1a4948;
		font: 400 20px / 32px var(--font-family);
	}
	
	div.popup-confirmation div.portals > div a {
		width: 100%;
		display: inline-block;
	}
	
	div.popup-confirmation div.portals > div a .tip {
		color: #3f89bf;
	}

	div.popup-confirmation .title {
		width: calc(100% - 120px);
		margin-left: 20px;
		display: inline-block;
		vertical-align: middle;
	}

	div.popup-confirmation div.actions {
		width: 100%;
		margin: 20px 0 0 0;
		padding: 0;
	}

	div.popup-confirmation div.actions .button {
		padding: 0;
		display: inline-block;
		vertical-align: middle;
		cursor: pointer;
		font: 700 16px / 24px var(--font-family);
		-wekbit-border-radius: .75rem;
		border-radius: .75rem;
	}

	div.popup-confirmation div.actions .button.disabled {
		pointer-events: none;
	}

	div.popup-confirmation div.actions .continue {
		margin-right: 10px;
		background-color: #44bd60;
		color: #fff;
	}

	div.popup-confirmation span.title {
		width: calc(100% - 120px);
		margin-left: 20px;
		display: inline-block;
		vertical-align: middle;
	}

	div.popup-confirmation div.actions {
		width: 100%;
		margin: 20px 0 0 0;
		padding: 0;
	}

	div.popup-confirmation div.actions span.button {
		padding: 8px 15px;
		display: inline-block;
		vertical-align: middle;
		cursor: pointer;
		font: 400 16px / 24px var(--font-family);
		-wekbit-border-radius: .75rem;
		border-radius: .75rem;
	}

	div.popup-confirmation div.actions span.button.disabled {
		pointer-events: none;
	}

	div.popup-confirmation div.actions span.continue {
		margin-right: 10px;
		background-color: #0860b8;
		color: #fff;
	}
	
	.appointment-popup .slbContentOuter {
		padding: 0;
	}
	
	.appointment-popup .image {
		width: 100%;
		height: 320px;
		display: inline-block;
		vertical-align: top;
		background: #f5f5f5 no-repeat center / cover;
	}
	
	.appointment-popup form {
		max-width: 100%;
		padding: 40px;
	}
	
	.appointment-popup form.loading:after {
		content: "";
		width: 100%;
		height: 100%;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(255, 255, 255, .5)url('/assets/img/icons/icon-loading.svg') no-repeat center / 100px;
	} 
	
	.appointment-popup form input,
	.appointment-popup form textarea {
		background: #f9f9f9;
	}
	
	.appointment-popup form h2 {
		margin: 0 0 10px;
		padding: 0 !important;
	}
	
	.appointment-popup form label { 
		margin-top: 20px;
	}
	
	.appointment-popup .slbCloseBtn {
		background-color: rgba(255, 255, 255, 1);
		-wekbit-border-radius: 300px;
		border-radius: 300px;
	}
	
	.appointment-popup .slbContentOuter .form-sent-succesfull {
		background: #fbeeca;
		padding: 30px;
	}
	
	.appointment-popup .slbContentOuter .form-sent-failed {
		background: #ffb8b8;
		padding: 30px;
	}
	
	.appointment-popup .slbContentOuter .form-sent-succesfull .cancel {
		padding: 0;
	}

/*  404
	--------------------------------------------- */

	.notfound {
		height: calc(100% - 130px);
		padding: 150px 0;
		border-top: 1px solid #eee;
	}

	.notfound p { 
		padding: 120px 20px 10px 40px;
		background: url(/assets/img/icons/icon-404.svg) no-repeat center 30px / 130px;
		text-align: center;
		font: 400 16px / 38px var(--font-family);
	}
	
	.notfound p span {
		width: 100%;
		display: inline-block;
		font-size: 24px;
	}
	
	.notfound p a {
		text-decoration: underline;
	}
	
/*  SELECT2 
	--------------------------------------------- */	
	.select2-dropdown {
		border: 0;
		overflow: hidden;
		-webkit-border-radius: 0 0 .75rem .75rem;
		-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
	}
	
	.select2-results__option {
		padding: 5px 15px;
		font-size: 16px;
	}
	
	.select2-container--default .select2-results>.select2-results__options {
		padding: 5px 0;
	}

	.select2-container .select2-selection {
		min-height: 44px;
		background: url('/assets/img/icons/icon-arrow-down.svg') no-repeat calc(100% - 43px) 19px / 10px;
		border: 1px solid #bbb;
		overflow: hidden;
		-webkit-border-radius: .75rem !important;
		overflow: hidden;
	}
	
	.select2-container .select2-search--inline .select2-search__field {
		margin-top: 12px;
		font: 400 16px / 16px var(--font-family);
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	
	.select2-container--default .select2-selection {
		padding-left: 5px;
	}
	
	.select2-container--default .select2-results__group {
		font-weight: bold;
		background-color: #ebe8e3;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		margin-top: 7px;
		font: 400 16px / 24px var(--font-family);
		background: #f1f1f1;
	}
	
	.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
		padding-top: 2px;
		font: 400 16px / 24px var(--font-family);
	}
	
	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
		font: 400 16px / 28px var(--font-family);
	}
	
	.select2-container--default.select2-container--focus .select2-selection--multiple {
		border: 1px solid #bbb;
	}
	
	.select2-container--default .select2-selection .select2-selection__arrow b {
		display: none;
	}

	.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
		text-decoration: underline;
		background: transparent;
		color: #1a4948;
	}
	
	.select2-container--default .select2-results__option--selected {
		background: rgba(0, 0, 0, .05) !important;
		color: #1a4948 !important;
	}

	.select2-container--default .select2-search--dropdown .select2-search__field {
		background: var(--color-surface);
		border: 1px solid #bbb;
		-webkit-border-radius: .75rem;
		border-radius: .75rem;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 44px;
		padding-right: 70px;
		font-size: 16px;
	}
	
	.setting.setting-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
		padding-right: 20px;
	}
	
	.setting.setting-sort .select2-container .select2-selection {
		background-position: calc(100% - 20px) center;
	}
	
	@media (hover: hover) {
		
		*:hover {
			outline: none;
		}
		
		a:hover {
			text-decoration: underline;
		}
		
		.presentation__accessories_carousel .slick-next:hover,
		.presentation__accessories_carousel .slick-prev:hover {
			transform: scale(.90) translate(0, -50%);
		}
		
		.stock-taggle-filters .reset-all-filters:hover {
			text-decoration: underline;		
		}
		
		.carousel-thumbs .slick-slide .video-overlay:hover {
			opacity: .8;
		}
		
		.detail-carousel .slick-slide .video-overlay:hover {
			opacity: .8;
		}
		
		.header .cta:hover {
			background-color: #efa53d;
		}
		
		.breadcrumb ol li a:hover {
			opacity: .6;
		}
		
		.presentation__cta:hover {
			background-color: var(--color-hover-bg-cta);
			text-decoration: none;
		}
		
		.categories a p:hover {
			text-decoration: underline;
		}
		
		.stock-taggle-filters p:hover {
			opacity: .75;
		}
		
		
		.stock-taggle-filters .column .radio:hover + .radio-select {
			background-color: #d6f7ff;		
		}
		
		.presentation-settings .setting-layout div.mode:hover {
			background-color: #e7e7e7;
			cursor: pointer;
		}
		
		.presentation-button:hover {
			color: #1a4948;
		}
		
		.presentation-contain .nothing-found .reset-all-filters:hover {
			cursor: pointer;
			text-decoration: underline;
		}

		.select2-container:hover {
			-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
			box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
		}
	
		.popup-confirmation .actions .continue:hover {
			background-color: #3f89bf;
		}

		.popup-confirmation .actions .cancel:hover {
			text-decoration: underline; 
		}
		
		input[type='submit']:focus,
		input[type='submit']:focus {
			background-color: #efa53d;
		}
		
		.detail-specifications .call-to-action .dealer .phonenumber:hover {
			text-decoration: underline;
		}
		
		.detail-specifications .call-to-action .button:hover {
			text-decoration: underline;
		}
		
		form div.contain.type label input[type='radio']:hover {
			border-color: #3595d2;
			background-color: #3595d2;
		}
		
		input:hover {
			-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
			box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
		}
		
		footer .scroll-top span:hover {
			text-decoration: underline;
		}
		
	}
	
	/*  MEDIA QUERIES
	--------------------------------------------- */
	@media only screen and (min-width: 0) and (max-width: 1440px) {
		
		.stock-ovis-presentation-carousel img {
			height: 400px;
		}
		
		.stock-ovis-presentation-intro {
			max-width: 100%;
			position: static;
			padding: 40px;
			-webkit-border-radius: 0;
		}
		
	}



	@media only screen and (min-width: 0) and (max-width: 1280px) {
		
		.stock-ovis-presentation-carousel img {
			height: 300px;
		}
		
		.presentation-contain.column a:nth-of-type(n) {
			width: calc(50% - 27px);
			margin: 30px 40px 0 0;
		}

		.presentation-contain.column a:nth-of-type(-n+2) {
			margin-top: 0;
		}

		.presentation-contain.column a:nth-of-type(2n+2) {
			margin-right: 0;
		}
		
		.stock-taggle-filters .column.category {
			width: 100%;
			margin: 0 0 20px;
		}
		
		.stock-taggle-filters .column.price {
			width: 100%;
			margin: 0 0 20px;
		}
		
		.stock-taggle-filters .column.price .contain {
			max-width: 640px;
		}
		
		.attributes .attribute .spec:nth-of-type(n) {
			width: 33.33333333333%;
		}
		
		.detail-carousel {
			max-width: 40%;
		}
		
		.detail-specifications {
			width: calc(60% - 50px);
		}
		
	}

	@media only screen and (min-width: 0) and (max-width: 1024px) {
		
		.stock-taggle-presentation-wrapper {
			width: 100%;
			margin: 0;
		}
		
		.stock-taggle-filters {
			max-width: 100%;
			margin: 0 0 20px;
		}
		
		.presentation__detail_header {
			max-height: 100%;
		}
		
		.presentation__detail_summary {
			width: 100%;
			margin: 0;
			padding: 30px;
		}
		
		.presentation__detail_images {
			width: 100%;
		}
		
		.presentation__detail_images_highlight iframe, 
		.presentation__detail_images_highlight img, 
		.presentation__detail_images_highlight_nav img {
			height: auto;
		}
		
		.stock-taggle-filters .column.price .contain {
			max-width: 100%;
		}
		
		.presentation-wrapper {
			width: 100%;
			margin: 0;
		}
		
		.stock-taggle-filters .advanced-filters {
			display: none;
		}
		
		.stock-taggle-filters p {
			width: 100%;
			margin-bottom: 10px;
			display: inline-block;
		}
		
		.categories a:nth-of-type(n) {
			width: calc(50% - 16px);
			margin: 20px 20px 0 0;
		}
		
		.categories a:nth-of-type(-n+2) {
			margin-top: 0;
		}

		.categories a:nth-of-type(2n+2) {
			margin-right: 0;
		}
		
		.brand-list a:nth-of-type(n) {
			width: calc(50% - 10px);
			margin: 20px 20px 0 0;
		}
		
		.brand-list a:nth-of-type(2n+2) {
			margin-right: 0;
		}
		
		.brand-list a:nth-of-type(-n+2) {
			margin-top: 0;
		}

	}
	
	@media only screen and (min-width: 0) and (max-width: 960px) {
		
		.stock-taggle-filters .column.left,
		.stock-taggle-filters .column.right {
			width: 100%;
		}
		
		.stock-taggle-filters .column.submit {
			width: 100%;
		}
		
		.stock-taggle-filters .column .contain-radio {
			display: inline-block;
		}
				
		.stock-taggle-filters .column.category label {
			width: 33.3333333333%;
		}
		
		.presentation-contain.column a:nth-of-type(n) {
			width: calc(50% - 10px);
			margin: 20px 20px 0 0;
		}
		
		.presentation-contain.column a:nth-of-type(-n+2) {
			margin-top: 0;
		}
		
		.presentation-contain.column a:nth-of-type(2n+2) {
			margin-right: 0;
		}
		
		.presentation__detail_attributes_group:nth-of-type(n) {
			width: calc(50% - 11px);
			margin: 20px 20px 0 0;
		}
		
		.presentation__detail_attributes_group:nth-of-type(-n+2) {
			margin-top: 0;
		}
		
		.presentation__detail_attributes_group:nth-of-type(2n+2) {
			margin-right: 0;
		}
		
		.accessoires__group:nth-of-type(n) {
			width: calc(50% - 10px);
			margin: 20px 20px 0 0;
		}
		
		.accessoires__group:nth-of-type(-n+2) {
			margin-top: 0;
		}
		
		.accessoires__group:nth-of-type(2n+2) {
			margin-right: 0;
		}		
		
		.detail-carousel {
			max-width: 100%;
			max-height: initial;
		}
		
		.detail-specifications {
			width: 100%;
			margin: 25px 0 0 0;
			padding: 30px;
			
		}
		
		.slick-prev {
			left: 15px;
			background: #fff;
			-webkit-border-radius: 100px;
		}
		
		.slick-next {
			right: 15px;
			background: #fff;
			-webkit-border-radius: 100px;
		}
		
		.detail-specifications .call-to-action {
			width: 100%;
			margin-top: 20px;
			position: static;
			left: 0;
		}
		
	}
	
	@media only screen and (min-width: 0) and (max-width: 768px) {
		
		.presentation__detail {
			padding: 20px;
		}
		
		.presentation-found {
			width: 100%;
			margin-bottom: 20px;
		}
		
		.presentation-button {
			width: 30px;
			font-size: 0;
			background: no-repeat center / 20px;   
		}

		.presentation-button.previous {
			background-image: url('/assets/img/icons/icon-arrow-left.svg')
		}
		
		.presentation-button.next {
			background-image: url('/assets/img/icons/icon-arrow-right.svg')
		}
		
		.presentation-contain .thumbnail,
		.presentation-contain .contain {
			width: 100%;
			max-width: 100%;
		}
		
		.row .presentation__logo {
			width: 100px;
			height: 50px;
			top: -90px;
		}
		
		.row .presentation__title {
			padding: 0;
		}
		
		.presentation-settings .setting {
			display: none;
		}
		
		.attributes .attribute .spec:nth-of-type(n) {
			width: 50%;
		}
					
	}
	
	@media only screen and (min-width: 0) and (max-width: 640px) {
		
		.stock-ovis-presentation-intro {
			padding: 40px 20px;
		}
		
		.stock-ovis-presentation-list {
			padding: 40px 20px;
		}
		
		.header .navigation {
			width: 100% !important;
			margin-top: 10px;
			text-align: left;
		}	
		
		.header .navigation a {
			padding: 11px 10px 11px 0;
		}
		
		.header .logo {
			max-width: 220px;
		}
	
		.stock-taggle-filters .column .radio + .radio-select {
			font-size: 14px;
			text-align: left;	
			padding: 13px 5px 13px 45px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	
		.presentation-contain.column a:nth-of-type(n) {
			width: 100%;
			margin: 20px 0 0 0;
		}
		
		.presentation-contain.column a:first-child {
			margin-top: 0;
		}
		
		.attributes .attribute .spec:nth-of-type(n) {
			width: 100%;
		}
				
		.detail-header {
			margin-top: 10px;
		}
		
		.detail-specifications .call-to-action .button {
			width: 100%;
			margin: 0 0 10px;
			padding-left: 50px;
			text-align: left;
		}
		
		.detail-specifications h1 {
			height: 80px;
			font: 400 28px/38px var(--font-family);
		}
		
		.accessoires__group:nth-of-type(n) {
			width: 100%;
			margin: 20px 0 0 0;
		}

	}
	
	@media only screen and (min-width: 0) and (max-width: 512px) {
		
		.header .navigation .cta {
			width: 100%;
			margin: 0;
			text-align: center;
		}

		.categories a:nth-of-type(n) {
			width: 100%;
			margin: 10px 0 0 0;
		}
		
		.categories a:first-child {
			margin-top: 0;
		}
		
	}
	
	@media only screen and (min-width: 0) and (max-width: 413px) {
		
		.header .navigation a {
			text-align: center;
			font-size: 16px !important;
		}
	
		.header .logo {
			max-width: 141px;
		}
		
	}