/* Colors */

.color-1 {color: #bd0830;}
.color-2 {color: #960020;}
.color-3 {color: #000000;}
.color-4 {color: #7f7f7f;}
.color-5 {color: #f2f2f2;}
.color-6 {color: #f2f2f2;}
.color-7 {color: #ffffff;}
.bg-color-1 {color: #bd0830;}
.bg-color-2 {color: #960020;}
.bg-color-3 {color: #000000;}
.bg-color-4 {color: #7f7f7f;}
.bg-color-5 {color: #f2f2f2;}
.bg-color-6 {color: #f2f2f2;}
.bg-color-7 {color: #ffffff;}
.border-color-1 {border-color: #bd0830;}
.border--color-2 {border-color: #960020;}
.border--color-3 {border-color: #000000;}
.border--color-4 {border-color: #7f7f7f;}
.border--color-5 {border-color: #f2f2f2;}
.border--color-6 {border-color: #f2f2f2;}
.border--color-7 {border-color: #ffffff;}

/* Fonts */

/* General Styles */

/* Helper Classes */

.clear {
	clear: both;
}

.no-margin {
	margin-left: 0;
	margin-right: 0;
}

.double-gutter {
	padding-left: 30px;
	padding-right: 30px;
}

.normal-gutter {
	padding-left: 15px;
	padding-right: 15px;
}

.no-gutter {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.small-gutter {
	padding-left: 5px;
	padding-right: 5px;
}

.larger-gutter {
	padding-left: 20px;
	padding-right: 20px;
}

.tm0 {margin-top: 0px !important;}
.tm5 {margin-top: 5px;}
.tm10 {margin-top: 10px;}
.tm15 {margin-top: 15px;}
.tm20 {margin-top: 20px;}
.tm30 {margin-top: 30px;}
.tm40 {margin-top: 40px;}
.tm50 {margin-top: 50px;}
.tm60 {margin-top: 60px;}
.tm70 {margin-top: 70px;}
.tm80 {margin-top: 80px;}
.tm90 {margin-top: 90px;}
.tm100 {margin-top: 100px;}

.bm5 {margin-bottom: 5px;}
.bm10 {margin-bottom: 10px !important;}
.bm15 {margin-bottom: 15px;}
.bm20 {margin-bottom: 20px;}
.bm30 {margin-bottom: 30px;}
.bm40 {margin-bottom: 40px;}
.bm50 {margin-bottom: 50px;}
.bm60 {margin-bottom: 60px;}
.bm70 {margin-bottom: 70px;}
.bm80 {margin-bottom: 80px;}
.bm90 {margin-bottom: 90px;}
.bm100 {margin-bottom: 100px;}

.tp5 {padding-top: 5px;}
.tp10 {padding-top: 10px;}
.tp15 {padding-top: 15px;}
.tp20 {padding-top: 20px;}
.tp30 {padding-top: 30px;}
.tp40 {padding-top: 40px;}
.tp50 {padding-top: 50px;}
.tp60 {padding-top: 60px;}
.tp70 {padding-top: 70px;}
.tp80 {padding-top: 80px;}
.tp90 {padding-top: 90px;}
.tp100 {padding-top: 100px;}

.bp5 {padding-bottom: 5px;}
.bp10 {padding-bottom: 10px;}
.bp15 {padding-bottom: 15px;}
.bp20 {padding-bottom: 20px;}
.bp30 {padding-bottom: 30px;}
.bp40 {padding-bottom: 40px;}
.bp50 {padding-bottom: 50px;}
.bp60 {padding-bottom: 60px;}
.bp70 {padding-bottom: 70px;}
.bp80 {padding-bottom: 80px;}
.bp90 {padding-bottom: 90px;}
.bp100 {padding-bottom: 100px;}

.text-bold {
	font-weight: 900;
}

.text-normal {
	font-weight: 400;
}

.text-light {
	font-weight: 300;
}

.text-italic {
	font-style: italic;
}

.text-large {
	font-size: 24px;
}

.text-large p {
	line-height: 1.6;
	margin: 0 0 20px;
}

.text-small {
	font-size: 13px;
}

.text-smaller {
	font-size: 10px;
}

.text-center {
	text-align: center;
}

.text-right {text-align: right;}
.text-left {text-align: left;}

.hide {
	display: none !important;
}

.single-line {
	white-space: nowrap;
}

.bg-position {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 50%;
}

.height-100 {height: 100%;}

.img-rounded {
	border-radius: 5px;
}

.box-shadow {
	box-shadow: 0 3px 25px 0 rgba(106,107,108,.37);
}

.border-radius {
	border-radius: 5px;
}

ul.list-no-style li:before {
	content: none !important;
}

.wp-block-gallery {
	display: inline-flex;
}

.wp-block-gallery {
	display: inline-flex;
}

.vertical-align-middle img {
	vertical-align: middle;
}

blockquote {
	border-left: 5px solid #242422;
}

/* Buttons */


/* Forms */

input[type=text], select, textarea {
	background: rgba(255, 255, 255, 1) !important;
	font-size: 16px !important;
	color: #000000 !important;
	border-radius: 4px !important;
	padding-left: 15px;
	padding-right: 15px;
	height: 51px;
	line-height: 51px;
}

.form-general .glyphicon-asterisk {
	margin-left: 5px;
	font-size: 11px;
}

.contact_form_wrapper .gsection {
	margin-top: 0;
}

.contact_form_wrapper li.gfield.field_description_below+li.gsection {
	margin-top: 15px!important;
}

.contact_form_wrapper .gsection {
	margin: 28px 16px 0px 0 !important;
}

.contact_form_wrapper li.hidden_label input
	{
	margin-top: 0px !important;
}

.contact_form_wrapper .left_label input.large,
.contact_form_wrapper .left_label select.large,
.contact_form_wrapper .left_label textarea.large,
.contact_form_wrapper .left_label textarea.medium,
.contact_form_wrapper .left_label textarea.small,
.contact_form_wrapper .right_label input.large,
.contact_form_wrapper .right_label select.large,
.contact_form_wrapper .right_label textarea.large,
.contact_form_wrapper .right_label textarea.medium,
.contact_form_wrapper .right_label textarea.small {
	width: 100% !important;
}

.contact_form_wrapper input[type=text],
.contact_form_wrapper textarea {
	padding: 8px 15px !important;
	height: auto;
	box-shadow: none;
}

.contact_form_wrapper ul li.gfield {
	margin-top: 10px !important;
}

.contact_form_wrapper label.gfield_label {
	font-size: 18px !important;
}

.contact_form_wrapper li.hidden_label input {
	margin-top: 0px !important;
}

.contact_form_wrapper .gform_footer {
	margin: 0 !important;
}

.contact_form_wrapper ul li.field_description_below div.ginput_container_checkbox,
.contact_form_wrapper ul li.field_description_below div.ginput_container_radio {
	margin-top: 10px !important;
}

.contact_form_wrapper .gfield_radio li {
	font-size: 18px;
}

.gform_wrapper li.gfield.field_description_below+li.gsection {
	margin-top: 15px!important;
	margin-bottom: 10px;
}

.gform_wrapper select {
	height: 43px !important;
	padding: 8px 15px !important;
}

.gform_wrapper .gsection {
	border: 0 !important;
	padding: 0 16px 0px 0 !important;
}

/* Car Section Styles */

.auto-gallery {
	height: 800px;
}

.accessories ul {
	list-style: none;
	margin: 0 0 1.5em 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

.accessories ul li {
    padding: 1px 12px;
    border-right: 0;
    margin: 0 4px 4px 0;
    font-size: 15px;
    font-weight: 400;
    border-radius: 0px;
    border: solid 1px #cccccc;
}

.technical .table,
.lead-form {
	border: 0;
	max-width: 600px !important;
	margin: 0 !important;
}

.technical .table>tbody>tr>td,
.technical .table>tbody>tr>th,
.technical .table>tfoot>tr>td,
.technical .table>tfoot>tr>th,
.technical .table>thead>tr>td,
.technical .table>thead>tr>th {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	padding: 2px 0px;
   font-size: 18px;
}

.car-info-box h2 {
	margin-bottom: 0;
}

.car-info-box .wp-block-button {
	float: right;
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
	width: 98% !important;
	max-width: 600px !important;
	margin: 1em auto;
}

.videoTour .gfield_radio {
	column-count: 3;
}

.car-financing {
	max-width: 500px;
}

.calc {
	text-align: left;
}

.calc p {
	margin-bottom: 8px;
}

.calc input, .calc select {
	font-weight: 900;
	width: 100%;
	padding: 4px 0px;
}

.text-small.text-muted {
	background: #fafafa;
	padding: 3px 5px;
	margin-top: 5px;
}

.calc p {
	padding-bottom: 0;
}

p#output {
	font-size: 36px;
	font-weight: 900;
	margin-top: 20px;
}

p#output:after {
	content: " €/kk";
}

.handling-fee {
	margin-top: -14px;
	font-size: .8em;
}

.sacalc label,
.sacalc p#output,
.sacalc .handling-fee {
	color: #000000;
	font-size: 18px;
}

.inputSlider {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
	margin-bottom: 10px;
}

.submitCalc {
	margin-top: 20px;
}

.inputSlider .fslider {
	flex-basis: 80%;
	margin-right: 15px;
	border-radius: 0;
	border: 0;
}

.inputSlider #interestSlider {
	border: solid 1px rgba(0,0,0,0.0);
}

.sacalc .inputSlider .fslider {
	background-color: #f1f1f1;
}

.sacalc .inputSlider #interestSlider {
	background: rgba(0,0,0,0.0);
}

.ui-slider .ui-slider-handle {
	height: 27px;
	border: solid 1px #000000 !important;
	background-color: #242422 !important;
	border-radius: 50%;
	width: 27px;
	margin-top: -2px;
}

.inputSlider div.value {
	flex-basis: 20%;
}

.inputSlider div.value input {
	text-align: right;
	border: solid 1px #000000;
}

.sacalc .inputSlider div.value input {
	border: 0 !important;
	background: rgb(255 255 255 / 0%) !important;
}

.inputSlider .ui-slider-horizontal {
	height: 14px;
	border-radius: 2px;
}

.car-financing .alert-info {
	border-radius: 0;
   background-color: #fafafa;
   border: 0;
	color: #000000;
	padding: 0.7em;
	font-size: 16px;
	border-radius: 0;
}

/* Car Image Slider */

.swiper-container {
	margin-left: auto;
	margin-right: auto;
}

.swiper-slide {
	background-size: cover;
	background-position: center;
}

.gallery-top {
	height: 85%;
	width: 100%;
}

.gallery-thumbs {
	height: 15%;
	box-sizing: border-box;
	padding: 10px 0 0 0;
}

.gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}

/* Car Listing */

.grid-search {
	display: grid;
	column-gap: 0;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	grid-template-areas: "search-form search-form"
								"search-results search-results";
}

.search-form {
	grid-area: search-form;
}

.search-results {
	grid-area: search-results;
}

.grid-search .search-results {
	background-color: rgba(0,0,0,0.0);
}

.grid-search .search-form .form-group {
	margin: 5px;
	flex: 0 0 13%;
}

.grid-search .search-form,
.grid-search .search-results {
	padding: 0;
	overflow-x: auto;
}

.grid-search .results-found {
	font-size: 36px;
	font-weight: 900;
	letter-spacing: -0.02em;
}

.grid-search input, .grid-search select {width: 100%;}

/* Search Form */

.grid-search .search-form .form-group label {
	border-bottom: 0;
	margin-bottom: 0px;
	width: 100%;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	display: none;
}

.grid-search .filter-row,
.grid-search .filters {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: wrap;
}

/*
.grid-search .filter-row div {
	width: 48.5%;
}
*/

.grid-search .btn-search,
.car-search-form .button {
	width: 100%;
	height: 51px;
}

.grid-search .btn-clear {
	width: 100%;
	border: solid 1px #ffffff;
	padding-left: inherit;
	padding-right: inherit;
	height: 51px;
}

.grid-search .alert-info {color: #ffffff;}

/* Pagination */

.pagination>li>a, .pagination>li>span {
	color: #ffffff !important;
	background-color: #242422;
	border: none !important;
	margin-right: 1px !important;
	margin-left: 1px !important;
	padding: 8px 12px 4px 12px !important;
}

.pagination>li>a:hover,
.pagination>li>span:hover {
	color: #ffffff;
	background-color: #242422;
}

.pagination-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	border-radius: 4px;
}

.pagination-container .pagination {
	margin: 0;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #242422;
	border-color: #242422;
	color: #000000;
}

.pagination>li>a,
.pagination>li>span {
	color: #000000;
}

.pagination-container div a {
	border: solid 1px #000000;
	border-radius: 30px;
	margin: 3px;
	height: 51px;
	line-height: 51px;
	padding-left: 15px;
	padding-right: 15px;
	color: #000000;
	font-size: 16px;
}

/* Sorting */

.grid-search .controls {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sorting-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.sorting-form {display: flex;}

.sorting-form select {
	margin-right: 8px;
}

.auto-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

.auto-grid > div {
	flex-basis: 32%;
}

#home-featured .auto-grid > div {
	flex-basis: 32%;
}

.auto-listing {
	border-radius: 0;
	border: 0;
	position: relative;
	line-height: 1.33em;
	cursor: pointer;
	overflow: hidden;
	box-sizing: border-box;
	font-size: 16px;
	text-align: left;
	margin: 0.6%;
}

.auto-listing a {
	color: #000000;
}

.auto-listing a {
	text-decoration: none;
}

.auto-listing .image {
	width: 100%;
	margin: 0;
	padding-top: 76%;
	height: 0;
	overflow: hidden;
   background-position: center center;
   background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.auto-listing .inner {
	padding: 1em;
}

.auto-listing .inner div {
	display: block;
	margin-bottom: 15px;
}

.auto-listing .price {
   position: relative;
   font-size: 22px;
   line-height: normal;
	font-weight: 900;
}

.auto-listing .else {
	font-size: 18px;
}

.auto-listing .make-model {
    font-size: 22px;
    font-weight: 700;
    color: #000000;
}

.auto-listing .trim {
	margin-bottom: 10px;
	min-height: 35px;
	font-weight: 900;
	font-size: 14px;
}

.tags {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

.auto-listing .tags span {
	display: inline-block;
	padding: 0;
	margin: 0px 5px 5px 0px;
	border: 0;
	font-size: 13px;
	white-space: nowrap;
	font-weight: 900;
}

.auto-listing hr {
	background-color: #666;
	border: 0;
	height: 1px;
	margin-bottom: 1em;
	margin-top: 1em;
}

/* Front Page Search Form */

.car-search-form {
	overflow: hidden;
	max-width: 1100px;
	margin: -65px auto 0 auto;
	background: #ffffff;
	padding: 2% 2%;
	box-shadow: 0 3px 25px 0 rgba(106,107,108,.37);
   border-radius: 10px;
}


.car-search-form .search-form form {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: wrap;
}

.car-search-form .search-form form > div {
	flex-basis: 16%;
	margin: 0;
	padding: 1%;
}

.car-search-form .search-form .form-group label {
	display: none;
}

.car-search-form .search-form .form-group .form-control {
	font-weight: 900;
	width: 100%;
	-webkit-appearance: none;
}

.car-search-form .filter-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

.car-search-form .filter-row div {
	width: 49%;
}

/* Other */

.group-title {
	font-weight: 900 !important;
}

.employee-group {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.employee-container {
	background: #ffffff;
	margin: 1%;
	text-align: left;
	flex-basis: 48%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	border-radius: 3px;
}

.employee-inner {
	padding: 1em;
	overflow: hidden;
}

.employee-inner h4, .employee-inner p {
	margin-bottom: 0;
}

.employee-inner p {
	font-weight: 900;
   font-size: 18px;
}

.employee-inner p a {
	color: #000000;
	font-weight: 400;
}

.employee-inner .task {
	margin-bottom: 10px;
}

.employee-img {
   background-repeat: no-repeat;
   background-size: cover;
	background-position: center;
	height: 215px;
	width: 100%;
	position: relative;
}

a.whatsapp-link.button {
	padding: 5px;
	display: block;
	border: 0;
	background: #ffffff;
	color: #25D366;
	display: inline-block;
	position: absolute;
	top: 1%;
	right: 6%;
	border-radius: 60px;
}

a.whatsapp-link.button span {
	font-size: 50px;
   width: 50px;
   height: 50px;
}