@import url('assets/dist/css/bootstrap.min.css');
@import url('assets/webfont/stylesheet.css');
@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Jura:wght@300;400;500;600;700&display=swap');

:root,
[data-bs-theme=light] {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-dark: #1c1f23;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0d6efd;
	--bs-primary: #1f579e;
	--bs-primary-rgb: 31, 87, 158;
	--bs-dark-rgb: 33, 37, 41;
	--bs-white-rgb: 255, 255, 255;
	--bs-body-color: #212529;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-xxl: 2rem;
	--bs-border-radius-2xl: var(--bs-border-radius-xxl);
}

.maintenance {
	width:100vw;
	height:100vh;
	margin:0;
	padding:0;
	background: rgb(44, 62, 80);
	font-size: 200%;
}

.maintenance div {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100vw;
	height:100vh;
}

.maintenance a {
	color: #00ffff;
}

body {
	/*font-family: 'Saira Condensed';*/
	font-family: 'Jura', sans-serif;
	font-size: 1.25rem;
}

h1, h2, h3, h4, h5, h6 {
  /*
  font-family: 'n27regular';
  font-family: 'Audiowide', cursive; 
  */
	font-weight: 700;
}

.container {
	max-width: 1400px;
}

.container-bg-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.container-bg-img::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
}

/*
 * Custom translucent site header
 */

.site-header {
	background-color: rgba(0, 0, 0, .85);
}

.site-header a {
	color: #8e8e8e;
	transition: color .15s ease-in-out;
}

.site-header a:hover {
	color: #fff;
	text-decoration: none;
}

#btn-back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
}

/* PRELOADER CSS */
.page-loader {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity .5s;
  background: rgb(44, 62, 80);
  z-index: 9999;
}

.page-loader--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
}

.page-loader .txt {
  color: rgb(255, 255, 255);
  text-align: center;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 2rem;
}

.page-loader .spinner {
  position: relative;
  margin: 0 auto;
}

/* SPINNER ANIMATION */

.car-body {
  -webkit-animation: shake 0.2s ease-in-out infinite alternate;
          animation: shake 0.2s ease-in-out infinite alternate;
}

@-webkit-keyframes shake {
  0% {
    transform: translateY(-1%);
  }
  100% {
    transform: translateY(3%);
  }
}

@keyframes shake {
  0% {
    transform: translateY(-1%);
  }
  100% {
    transform: translateY(3%);
  }
}

/* navigation bar */


.navbar {
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.05);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.05);
	padding-top: .5625rem;
	background: rgba(0, 0, 0 ,.90)
}

.navbar a {
	color:#fff;
}

.navbar-nav .nav-item.dropdown {
	/*
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	*/
}

.navbar-nav .nav-item .dropdown-toggle {
	background: inherit;
	height: 100%;
	border: 1px solid transparent;
	border-radius: 3px;
}

.navbar-nav .nav-item .dropdown-toggle::after {
	background: inherit;
}

.navbar-nav .nav-item .nav-link,
.navbar .list-inline-item .nav-link {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: 3px;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:is(:focus, :hover) {
	color: rgba(var(--bs-white-rgb), 1);
}

.navbar-nav .nav-item .dropdown-toggle.show::after {
	transform: rotate(180deg);
}

.dropdown-menu {
	background-color: inherit;
	width: 100%;
}

.dropdown-menu .nav-item {
	width: 100%;
	display: block;
}

.dropdown-menu .nav-item .nav-link {
	white-space: nowrap;
}

@media (min-width: 992px) {
	.navbar-nav .nav-item.dropdown {
		/*flex-wrap: nowrap;*/
	}
	.navbar-nav .nav-item .dropdown-toggle:hover {
		color: rgba(255,255,255,.95);
		border-color: rgba(255,255,255,.25);
	}
	.navbar-nav .nav-item .nav-link:hover,
	.navbar .list-inline-item .nav-link:hover {
		border-color: rgba(255,255,255,.25);
	}
	.dropdown-menu {
		background: rgba(0, 0, 0 ,.85);
		width: auto;
	}
}

@media (max-width: 992px) {
	.navbar-nav + .navbar-nav {
		width: 100%;
		flex-wrap: wrap;
    }
	.navbar-nav + .navbar-nav li {
		width: auto;
	}
}

/* hero banner */

#hero {
	flex-wrap: wrap;
}

.hero-bg-media {
	aspect-ratio: 1/1;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.hero-bg-media.overlay::before {
	background-color: transparent;
}

.background-video {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	object-fit: cover;
}

.background-img {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	object-fit: cover;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.hero-bg-media + div {
	background-color: var(--bs-dark);
	color: var(--bs-white);
	position: relative;
	padding: 3rem .75rem;
}

.hero-bg-media + div a {
	color: var(--bs-body-color);
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

@media (min-width: 768px) {
	.hero-bg-media {
		aspect-ratio: 16/9;
	}
}

@media (min-width: 1200px) {
	.hero-bg-media {
		aspect-ratio: 21/9;
	}
	.hero-bg-media.overlay::before {
		background: rgba(0, 0, 0, .5);
		background: linear-gradient(0deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0));
		height: 50%;
		bottom: 0;
		top: initial;
	}
	.hero-bg-media + div {
		background-color: transparent;
		color: var(--bs-white);
		position: absolute;
		padding: 5vh 10vh !important;
	}
	/*
	.hero-bg-media + div a {
		color: var(--bs-black);
		background-color: #f8f9fa;
		border-color: #f8f9fa;
	}
	*/
}

/* breadcrumbs */

.breadcrumb li {
	display: inline-flex;
}

.breadcrumb li:first-child a {
	display: flex;
    align-items: center;
}

.breadcrumb li:last-child a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

/* extra utilities */

.flex-equal > * {
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }
}




.overlay, 
.overlay-gradient {
  position: relative;
}

:is(.overlay, .overlay-gradient)::before {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  border-radius: inherit;
  transition: inherit;
}

.overlay-content {
  display: flex;
  position: absolute;
  padding: 1rem;
  overflow: hidden;
  height: 100%;
  width: 100%;
  border-radius: inherit;
}

.video__wrap .video__item {
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

.video__wrap .video__item:hover .video__play,
.video__wrap .video__item:focus .video__play {
	outline: none;
	opacity: 1;
	-webkit-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out
}

.video__wrap .video__item:hover .video__play svg,
.video__wrap .video__item:focus .video__play svg {
	fill: #f12f2f;
	opacity: 1;
	-webkit-transition: fill .25s, background-color .25s;
	-o-transition: fill .25s, background-color .25s;
	transition: fill .25s, background-color .25s
}

.video__wrap .text__hidden {
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px
}

.video__wrap .video__img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none
}

.video__wrap iframe {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none
}

.video__wrap .video__play {
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 68px;
	height: 48px;
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: .8;
	-webkit-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	outline: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1
}

.video__wrap .video__play:focus svg {
	fill: red
}

.video__wrap .video__play img,
.video__wrap .video__play svg {
	width: 100%;
	height: 100%;
	-webkit-transition: fill .25s, background-color .25s;
	-o-transition: fill .25s, background-color .25s;
	transition: fill .25s, background-color .25s
}

.video__wrap .video__caption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5%;
	background-color: rgba(0, 0, 0, .75);
	font-size: 24px;
	color: #fff;
	font-weight: 400;
	font-family: sans-serif;
	z-index: 1
}


.article-header:not(.article-header-banner) .navbar {
	background: rgba(0, 0, 0 , 1) !important;
}

.article-header:not(.article-header-banner) .overlay {
	height: 200px;
	margin-top: 63px;
}

.article-header:not(.article-header-banner) .overlay::before {
	background-color: rgba(0, 0, 0, 0);
}

.article-header:not(.article-header-banner) .overlay h2{
	color:#000 !important;
}

/* cards */

.card {
	overflow: hidden;
}

.card.rounded-3 {
	border-radius: var(--bs-border-radius-xl) !important;
}

/* borders */

.border-primary {
	border-color: var(--bs-primary) !important;
}

/* tabs */

.nav-pills .nav-link {
	color: var(--bs-dark-rgb);
}

.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link {
	background-color: var(--bs-dark);
}

/* google maps */

.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* responsive google maps */

.embed-map-responsive {
	position: relative;
	text-align: right;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.embed-map-container {
	overflow: hidden;
	background: none !important;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left:0;
}

.embed-map-frame{
	width: 100% !important;
	height:100% !important;
	position: absolute;
	top: 0;
	left: 0;
}

/* config container */

[class$="-config-container"] .flex {
	margin-bottom: 2rem;
}

[class$="-config-container"] .flex-item {
	margin: 0;
}

[class$="-config-container"] h2,
[class$="-config-container"] h3 {
	margin-bottom: 1rem;
}

[class$="-config-container"] input[type=checkbox], 
[class$="-config-container"] input[type=radio] {
    position:absolute;
    clip: rect(0,0,0,0);
    clip: rect(0 0 0 0);
}

[class$="-config-container"] label {
	color: #161616;
    background-color: #e8eded;
    border-radius: 2px;
    padding: 10px;
	text-align: center;
	cursor: pointer;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	align-items: center;
}

[class$="-config-container"] label img {
	display: inline-block;
    width: 100%;
	height: auto;
	margin: 0;
}

[class$="-config-container"] label p {
	margin-bottom: 0;
}

[class$="-config-container"] [class$="-color-choose"] label {
	aspect-ratio: 1;
    width: 56px;
    height: 56px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

[class$="-config-container"] input[type="radio"][name="type"] + label {
    border: solid 2px #e8eded;
}

[class$="-config-container"] input[type="radio"][name="type"]:checked + label {
	border-color: rgba(22,22,22,.5);
}

[class$="-config-container"] input[type="radio"][name="type"] + label img {
	filter: grayscale(1);
}

[class$="-config-container"] input[type="radio"][name="type"]:checked + label img  {
	filter: none;
}

[class$="-config-container"] input[type="radio"][name="color"] + label {
	border-radius: 50%;
}

[class$="-config-container"] input[type="radio"][name="color"]:checked + label::before {
	position: absolute;
	content: '';
	border: solid 2px rgba(22,22,22,.5);
	min-width: 66px;
    min-height: 66px;
	border-radius: 50%;
}

[class$="-config-container"] [class$="-color-choose"] input[type="radio"]:checked + label {
	border-radius: 50%;
}

@media (min-width:481px) {}

@media (min-width:951px) {	
	[class$="-config-container"] [class$="-color-choose"] label img {
		width:56px;
	}
	
	[class$="-config-container"] [class$="-type-choose"]  {
		grid-template-columns: 1fr 1fr 1fr 1fr; 
		grid-template-rows: 1fr; 
	}
}

[class$="-config-container"] [class$="-type-choose"] label {
	display: table;
	margin: 0 4px 4px 0; 
	width: 100%;
	height: 100%
}

[class$="-config-container"]  [class$="-type-choose"] label p + p {
	margin-top: 0.5rem
}

@media (min-width: 576px) {
	.fs-sm-6 {
		font-size: 1rem!important;
	}
	.fs-sm-5 {
		font-size: 1.25rem!important;
	}
	.fs-sm-4 {
		font-size: 1.5rem!important;
	}
	.fs-sm-3 {
		font-size: 1.75rem!important;
	}
	.fs-sm-2 {
		font-size: 2rem!important;
	}
	.fs-sm-1 {
		font-size: 2.5rem!important;
	}
}

@media (min-width: 768px) {
	.fs-md-6 {
		font-size: 1rem!important;
	}
	.fs-md-5 {
		font-size: 1.25rem!important;
	}
	.fs-md-4 {
		font-size: 1.5rem!important;
	}
	.fs-md-3 {
		font-size: 1.75rem!important;
	}
	.fs-md-2 {
		font-size: 2rem!important;
	}
	.fs-md-1 {
		font-size: 2.5rem!important;
	}
}

@media (min-width: 992px) {
	.fs-lg-6 {
		font-size: 1rem!important;
	}
	.fs-lg-5 {
		font-size: 1.25rem!important;
	}
	.fs-lg-4 {
		font-size: 1.5rem!important;
	}
	.fs-lg-3 {
		font-size: 1.75rem!important;
	}
	.fs-lg-2 {
		font-size: 2rem!important;
	}
	.fs-lg-1 {
		font-size: 2.5rem!important;
	}
}

@media (min-width: 1200px) {
	.fs-xl-6 {
		font-size: 1rem!important;
	}
	.fs-xl-5 {
		font-size: 1.25rem!important;
	}
	.fs-xl-4 {
		font-size: 1.5rem!important;
	}
	.fs-xl-3 {
		font-size: 1.75rem!important;
	}
	.fs-xl-2 {
		font-size: 2rem!important;
	}
	.fs-xl-1 {
		font-size: 2.5rem!important;
	}
}

@media (min-width: 1400px) {
	.fs-xxl-6 {
		font-size: 1rem!important;
	}
	.fs-xxl-5 {
		font-size: 1.25rem!important;
	}
	.fs-xxl-4 {
		font-size: 1.5rem!important;
	}
	.fs-xxl-3 {
		font-size: 1.75rem!important;
	}
	.fs-xxl-2 {
		font-size: 2rem!important;
	}
	.fs-xxl-1 {
		font-size: 2.5rem!important;
	}
}

.nav-link .bi-otomoto {
	opacity: .55;
}

.nav-link:hover .bi-otomoto {
	opacity: .75;
}


/* formCreator */

.formcreator {
	border: none;
	border-radius: .5rem;
	color:white;
	padding: 2rem;
}

.formcreator div {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.formcreator div:has(input + label) { 
	flex-wrap: nowrap;
}

.formcreator label {
	display: inline-flex;
	padding-bottom: .5rem;
	width: 100%;
}

.formcreator :is(input:not([type='checkbox'], [type='radio'], [type='submit']), textarea) {
	border-radius: .5rem;
	padding: .5rem;
	width: 100%;
}

.formcreator :is([type='checkbox'], [type='radio']) {
	flex-shrink: 0;
	height: 2rem;
	margin-right: .5rem;
	width: 2rem;
}

.formcreator [type='submit'] {
	background-color: #fff;
	border-radius: .5rem;
	margin: 0 auto;
	padding: .5rem 1rem;
	width: auto;
}

.formcreator[class*="oferta-"] div:first-child :is(label, input) {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

.formcreator :is(input, textarea) {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.formcreator [type=radio] {
	appearance: none;
	-webkit-appearance: none;
	border-radius: 50%;
}

.formcreator [type='radio']:checked {
	outline: 2px solid #fff;
	outline-offset: .25rem;
}

.formcreator.[class*="oferta-"] {
	background-color: rgba(var(--bs-primary-rgb));
}

/* formCreator - colors for choose */

.formcreator fieldset label :is([class*="-50726566"], [class*="-576ec499"]) {
	appearance: none;
	-webkit-appearance: none;
}

.formcreator :is([class*="-50726566"], [class*="-576ec499"]):checked {
	outline: 2px solid #fff;
	outline-offset: .25rem;
}


/* Suzuki Jimny 3d */

[class$="-jimny-3d"] fieldset label:nth-of-type(1) [class="50726566"] {
	background: linear-gradient(45deg, #bfb498 50%, #06070c 50%);
}


[class$="-jimny-3d"] fieldset label:nth-of-type(2) [class="50726566"] {
	background: linear-gradient(45deg, #0174ab 50%, #06070c 50%);
}

[class$="-jimny-3d"] fieldset label:nth-of-type(3) [class="50726566"] {
	background: linear-gradient(45deg, #c0c85b 50%, #06070c 50%);
}

[class$="-jimny-3d"] fieldset label:nth-of-type(4) [class="50726566"] {
	background: #f4f4f4;
}

[class$="-jimny-3d"] fieldset label:nth-of-type(5) [class="50726566"] {
	background: #d8d8da;
}
[class$="-jimny-3d"] fieldset label:nth-of-type(6) [class="50726566"] {
	background: #06070c;
}

[class$="-jimny-3d"] fieldset label:nth-of-type(7) [class="50726566"] {
	background: #575654;
}

[class$="-jimny-3d"] fieldset label:nth-of-type(8) [class="50726566"] {
	background: #343c2f;
}

/* Suzuki Jimny 5d */

[class$="-jimny-5d"] fieldset label:nth-of-type(1) [class="50726566"] {
	background: linear-gradient(45deg, #bfb498 50%, #06070c 50%); 
}

[class$="-jimny-5d"] fieldset label:nth-of-type(2) [class="50726566"] {
	background: linear-gradient(45deg, #b21511 50%, #06070c 50%);
}

[class$="-jimny-5d"] fieldset label:nth-of-type(3) [class="50726566"] {
	background: linear-gradient(45deg, #c0c85b 50%, #06070c 50%);
}

[class$="-jimny-5d"] fieldset label:nth-of-type(4) [class="50726566"] {
	background: #f4f4f4;
}

[class$="-jimny-5d"] fieldset label:nth-of-type(5) [class="50726566"] {
	background: #d8d8da;
}
[class$="-jimny-5d"] fieldset label:nth-of-type(6) [class="50726566"] {
	background: #2e355b;
}

[class$="-jimny-5d"] fieldset label:nth-of-type(7) [class="50726566"] {
	background: #06070c;
}

[class$="-jimny-5d"] fieldset label:nth-of-type(8) [class="50726566"] {
	background: #494b4f;
}

[class$="-jimny-5d"] fieldset label:nth-of-type(9) [class="50726566"] {
	background: #343c2f;
}

/* Suzuki Swift */

[class$="-swift"] fieldset label:nth-of-type(1) [class="50726566"] {
	background: linear-gradient(45deg, #204d8b 50%, #1f2020 50%);
}

[class$="-swift"] fieldset label:nth-of-type(2) [class="50726566"]  {
	background: linear-gradient(45deg, #990f10 50%, #1f2020 50%);
}

[class$="-swift"] fieldset label:nth-of-type(3) [class="50726566"] {
	background: linear-gradient(45deg, #d6d8da 50%, #1f2020 50%);
}

[class$="-swift"] fieldset label:nth-of-type(4) [class="50726566"] {
	background: #023578;
}

[class$="-swift"] fieldset label:nth-of-type(5) [class="50726566"] {
	background: #b00e0d;
}
[class$="-swift"] fieldset label:nth-of-type(6) [class="50726566"] {
	background: #b12e01;
}

[class$="-swift"] fieldset label:nth-of-type(7) [class="50726566"] {
	background: #fbfafd;
}

[class$="-swift"] fieldset label:nth-of-type(8) [class="50726566"] {
	background: #ccd5da;
}

[class$="-swift"] fieldset label:nth-of-type(9) [class="50726566"] {
	background: #66625f;
}

[class$="-swift"] fieldset label:nth-of-type(10) [class="50726566"] {
	background: #000000;
}

/* Jeep Wrangler */

[class*="jeep-wrangler"] fieldset label:nth-of-type(1) [class="50726566"] {
	background-color: rgb(223, 225, 225);
}

[class*="jeep-wrangler"] fieldset label:nth-of-type(2) [class="50726566"] {
	background-color: rgb(11, 94, 136);
}

[class*="jeep-wrangler"] fieldset label:nth-of-type(3) [class="50726566"] {
	background-color: rgb(72, 78, 82);
}

[class*="jeep-wrangler"] fieldset label:nth-of-type(4) [class="50726566"] {
	background-color: rgb(188, 39, 45);
}

[class*="jeep-wrangler"] fieldset label:nth-of-type(5) [class="50726566"] {
	background-color: rgb(63, 59, 58);
}

[class*="jeep-wrangler"] fieldset label:nth-of-type(6) [class="50726566"] {
	background-color: rgb(9, 9, 9);
}

[class*="jeep-wrangler"] fieldset label:nth-of-type(7) [class="50726566"] {
	background-color: rgb(27, 81, 109);
}

[class*="jeep-wrangler"] fieldset label:nth-of-type(8) [class="50726566"] {
	background-color: rgb(84, 80, 68);
}

#jeep-wrangler-sahara-5d [class*="jeep-wrangler"] fieldset label:nth-of-type(3):has([class="50726566"]),
#jeep-wrangler-sahara-5d [class*="jeep-wrangler"] fieldset label:nth-of-type(8):has([class="50726566"]) {
	display: none;
}

/* Toyota Land Cruiser */

/* Black */
[class*="toyota-land-cruiser"] fieldset label:nth-of-type(1) [class="50726566"] {
	background-color: rgb(1, 1, 1);
}
/* White */
[class*="toyota-land-cruiser"] fieldset label:nth-of-type(2) [class="50726566"] {
	background-color: rgb(233, 235, 231);
}
/* Brown Sugar Metallic */
[class*="toyota-land-cruiser"] fieldset label:nth-of-type(3) [class="50726566"] {
	background-color: rgb(122, 117, 110);
}
/* Underground */
[class*="toyota-land-cruiser"] fieldset label:nth-of-type(4) [class="50726566"] {
	background-color: rgb(102, 102, 101);
}
/* Heritage Blue + Light Grey Roof */
[class*="toyota-land-cruiser"] fieldset label:nth-of-type(5) [class="50726566"] {
	background: linear-gradient(45deg, #5c7382 50%, #92918e 50%);
}
/* Trail Dust + Light Grey Roof */
[class*="toyota-land-cruiser"] fieldset label:nth-of-type(6) [class="50726566"] {
	background: linear-gradient(45deg, #857044 50%, #92918e 50%);
}
[class*="toyota-land-cruiser"] fieldset label:nth-of-type(n+4):has([class="50726566"]) {
	display: none;
}

/* Toyota 4Runner */

/* White */
[class*="toyota-4runner"] fieldset label:nth-of-type(1) [class*="-50726566"] {
	background-color: rgb(233, 235, 231);
}
/* Underground */
[class*="toyota-4runner"] fieldset label:nth-of-type(2) [class*="-50726566"] {
	background-color: rgb(102, 102, 101);
}
/* Black */
[class*="toyota-4runner"] fieldset label:nth-of-type(3) [class*="-50726566"] {
	background-color: rgb(17, 17, 17);
}
/* Heritage Blue */
[class*="toyota-4runner"] fieldset label:nth-of-type(4) [class*="-50726566"] {
	background-color: rgb(97, 119, 134);
}
/* Mudbath */
[class*="toyota-4runner"] fieldset label:nth-of-type(5) [class*="-50726566"] {
	background-color: rgb(110, 95, 84);
}
/* Everest */
[class*="toyota-4runner"] fieldset label:nth-of-type(6) [class*="-50726566"] {
	background-color: rgb(45, 66, 68);
}
/* Wind Chill Pearl */
[class*="toyota-4runner"] fieldset label:nth-of-type(7) [class*="-50726566"] {
	background-color: rgb(233, 235, 231);
}
/* Cutting Edge Silver */
[class*="toyota-4runner"] fieldset label:nth-of-type(8) [class*="-50726566"] {
	background-color: rgb(132, 136, 139);
}
/* Supersonic Red */
[class*="toyota-4runner"] fieldset label:nth-of-type(9) [class*="-50726566"] {
	background-color: rgb(131, 9, 12);
}
[class*="toyota-4runner"] fieldset label:nth-of-type(n+5):has([class*="-50726566"]) {
	display: none;
}

/* interior */

[class$="toyota-4runner"] fieldset label [class="576ec499"] {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* Black - SofTex */
[class*="toyota-4runner"] fieldset label:nth-of-type(1) [class="576ec499"] {
	background-image: url('/data/uploads/toyota-4runner/colors/interior/2025_20ea.png');
}
/* Dark Navy - Semi-Aniline Leather */ 
[class*="toyota-4runner"] fieldset label:nth-of-type(2) [class="576ec499"] {
	background-image: url('/data/uploads/toyota-4runner/colors/interior/2025_81lb.png');
}
/* Black - Red - SofTex */
[class*="toyota-4runner"] fieldset label:nth-of-type(3) [class="576ec499"] {
	background-image:url('/data/uploads/toyota-4runner/colors/interior/2025_22ec.png');
}
/* Red - SofTex */
[class*="toyota-4runner"] fieldset label:nth-of-type(4) [class="576ec499"] {
	background-image:url('/data/uploads/toyota-4runner/colors/interior/2025_30ec.png');
}
/* Mineral - SofTex */
[class*="toyota-4runner"] fieldset label:nth-of-type(5) [class="576ec499"] {
	background-image:url('/data/uploads/toyota-4runner/colors/interior/2025_63eb.png');
}

[class*="toyota-4runner"] fieldset label:nth-of-type(n+2):has([class="576ec499"]) {
	display: none;
}

/* formCreator - frontpage contact form */

.formcreator .g-recaptcha > div {
	margin-left: auto;
	margin-right: auto;
}

.formcreator.kontakt-form label {
	color: #000;
}

.formcreator.kontakt-form input[type="submit"] {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
	padding: .5rem 1rem;
    font-size: 1.25rem;
	margin-bottom: 10px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.formcreator.kontakt-form input[type="submit"]:hover { 
	color: #212529;
	background-color: #ffffff;
    border-color: #212529;
}

.formcreator.kontakt-form input[type="submit"]:focus {
	box-shadow: 0 0 0 .25rem rgba(66,70,73,.5);	
}

aside#contact .rounded {
	border-radius: 1rem !important;
}

aside#contact form {
	padding: 1rem;
}

aside#contact label:not(:has(input)) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

aside#contact label:has(input) {
	font-size: .75rem !important;
}

::placeholder {
	color: #000;
}

/* .formCreator - frontpage contact form. */

#anchor-list a {
	display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s  ease-in-out, background-color .15s  ease-in-out, border-color .15s  ease-in-out;
}

/* accordion */

.accordion {
    margin: 3rem 0;
}

.accordion-button:not(.collapsed) {
	color: var(--bs-white);
	background-color: var(--bs-black);
}

.accordion-button:not(.collapsed)::after {
	filter: brightness(0) invert(1);
}

@media (min-width: 1200px) {
	.accordion-button {
        font-size: 1.5rem !important;
    }
}

/* carousel */

.carousel-indicators {
	gap: 1rem;
}

.carousel-indicators [data-bs-target] {
	width: 64px;
	height: 64px;
	margin: 0;
	padding: 0;
	border: 0 !important;
}

.carousel-indicators .active {
	outline: 2px solid #000;
	outline-offset: 2px;
}

/* extra styles */

#toyota-4runner_interior img:last-child {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-bg-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}