@import url("https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
.container {
max-width: 1140px !important;
width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
}
body {
font-family: "Roboto", sans-serif;
font-size: 2.0833333333vw;
}
@media (max-width: 1440px) and (min-width: 769px) {
body {
font-size: 2.8645833333vw;
}
}
@media (max-width: 768px) {
body {
font-size: 3.7333333333vw;
}
}
h1, h2, h3, h4, h5, h6 {
font-family: "Alan Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
h1 {
font-size: clamp(20px, 3vw, 40px);
}
h2 {
font-size: clamp(30px, 4vw + 0.5rem, 70px);
}
h3 {
font-size: clamp(30px, 4vw + 0.5rem, 70px);
}
.font--alan-sans {
font-family: "Alan Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.font--roboto {
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.font-weight--100 {
font-weight: 100 !important;
}
.font-weight--200 {
font-weight: 200 !important;
}
.font-weight--300 {
font-weight: 300 !important;
}
.font-weight--400 {
font-weight: 400 !important;
}
.font-weight--500 {
font-weight: 500 !important;
}
.font-weight--600 {
font-weight: 600 !important;
}
.font-weight--700 {
font-weight: 700 !important;
}
.font-weight--800 {
font-weight: 800 !important;
}
.font-weight--900 {
font-weight: 900 !important;
}
.site-header {
z-index: 10;
position: relative;
}
.skewed-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: linear-gradient(120deg, #EB8113 0%, #d46f0e 50%, #f8c680 100%);
transform: skewY(-6deg);
transform-origin: top left;
height: 60%;
top: -10%;
}
@media only screen and (min-width: 768) and (max-width: 1023.9px) {
.skewed-bg {
height: 20%;
}
}
@media only screen and (max-width: 767.9) {
.skewed-bg {
height: 20%;
}
}
.frontpage-hero-header {
min-height: 700px;
height: 100%;
background: linear-gradient(45deg, #EB8113 0%, rgba(201, 106, 14, 0.8117647059) 100%), url(https://jouweersteautootje.nl/wp-content/uploads/2025/10/cars-background.jpg) center center/cover no-repeat;
padding: 60px 0 120px;
position: relative;
}
.frontpage-hero-header__container, .frontpage-hero-header__row {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
.frontpage-hero-header__row {
flex-direction: row !important;
}
@media screen and (max-width: 768px) {
.frontpage-hero-header_content {
order: 2;
}
}
@media screen and (max-width: 768px) {
.frontpage-hero-header_image {
order: 1;
}
}
.frontpage-hero-header__col {
flex-direction: column !important;
}
.frontpage-hero-header__bg-white {
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
.frontpage-hero-header__title, .frontpage-hero-header__mb-3, .frontpage-hero-header__mb-4, .frontpage-hero-header__d-flex {
text-align: center !important;
align-items: center !important;
justify-content: center !important;
}
.frontpage-hero-header__img {
display: block;
margin-left: auto;
margin-right: auto;
}
.frontpage-hero-header__btns {
display: flex;
}
@media screen and (max-width: 768px) {
.frontpage-hero-header__btns {
flex-direction: column;
}
}
.frontpage-logo__img {
max-width: 20.8333333333vw;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1440px) and (min-width: 769px) {
.frontpage-logo__img {
max-width: 29.9479166667vw;
}
}
@media (max-width: 768px) {
.frontpage-logo__img {
max-width: 42.6666666667vw;
}
}
.frontpage-header__btn {
text-decoration: none !important;
flex: 1 1 0;
text-align: center;
margin: 0 8px;
min-width: 0;
white-space: nowrap;
padding-left: 10px !important;
padding-right: 10px !important;
}
.frontpage-header__btn-link {
background: transparent !important;
color: #EB8113 !important;
border: none !important;
box-shadow: none !important;
font-weight: 600;
font-size: 1.1rem;
border-radius: 12px !important;
transition: color 0.2s, background 0.2s;
}
.frontpage-header__btn-link:hover, .frontpage-header__btn-link:focus {
background: #EB8113 !important;
color: #fff !important;
text-decoration: none !important;
outline: none !important;
}
.frontpage-feature_wrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: stretch;
gap: 0;
}
@media (max-width: 767.98px) {
.frontpage-feature_wrapper {
flex-direction: row;
flex-wrap: nowrap;
gap: 0;
}
}
.frontpage-feature_wrapper {
padding: 10px 5px;
}
.frontpage-feature .row > * {
padding-left: 0 !important;
padding-right: 0 !important;
}
.frontpage-feature__icon, .frontpage-feature__svg {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
}
.frontpage-feature__icon svg, .frontpage-feature__svg svg {
width: 20px;
height: 20px;
display: block;
}
.frontpage-feature__svg-circle {
fill: #EB8113;
}
.frontpage-feature__svg-check {
stroke: #fff;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
}
.frontpage-feature__label {
font-size: 16px;
font-weight: 600;
height: 40px;
display: flex;
align-items: center;
}
@media (max-width: 767.98px) {
.frontpage-feature__icon, .frontpage-feature__svg {
display: none !important;
}
.frontpage-feature__label {
margin: 0 !important;
font-size: 12px;
height: auto;
background: #EB8113;
color: #fff;
padding: 4px;
border-radius: 12px;
width: 100%;
justify-content: center;
}
}
.how-it-works__container {
width: 100%;
background: #fff;
border-radius: 16px;
padding: 32px 0 24px 0;
margin-bottom: 32px;
position: relative;
z-index: 10;
}
.how-it-works__title {
text-align: center;
font-family: "Alan Sans", sans-serif;
font-weight: 700;
font-size: 2.1rem;
margin-bottom: 32px;
color: #EB8113;
}
.how-it-works__row {
display: flex;
justify-content: center;
gap: 36px;
flex-wrap: wrap;
}
.how-it-works__col {
flex: 1 1 220px;
max-width: 320px;
min-width: 180px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0 12px;
}
.how-it-works__icon {
margin-bottom: 16px;
}
.how-it-works__svg {
display: inline-block;
vertical-align: middle;
}
.how-it-works__desc {
font-size: 1.15rem;
font-family: "Alan Sans", sans-serif;
font-weight: 500;
}
@media (max-width: 991.98px) {
.how-it-works__row {
gap: 18px !important;
}
.how-it-works__container {
padding: 20px 0 14px 0 !important;
}
}
@media (max-width: 767.98px) {
.how-it-works {
display: none;
}
.how-it-works__row {
flex-direction: column !important;
align-items: center !important;
gap: 10px !important;
}
.how-it-works__col {
max-width: 100% !important;
min-width: 0 !important;
padding: 0 4px !important;
margin-bottom: 10px !important;
}
.how-it-works__container {
border-radius: 10px !important;
margin-bottom: 18px !important;
padding: 12px 0 8px 0 !important;
}
.how-it-works__title {
font-size: 1.3rem !important;
margin-bottom: 18px !important;
}
}
.top-buttons {
width: 100%;
}
.top-buttons__link {
width: 100%;
min-width: auto;
}
.persoon {
position: absolute;
left: 0px;
bottom: 0;
width: auto;
height: 27.7777777778vw;
}
@media (max-width: 1440px) and (min-width: 769px) {
.persoon {
height: 39.0625vw;
}
}
@media (max-width: 768px) {
.persoon {
height: 53.3333333333vw;
}
}
@media only screen and (max-width: 442px) {
.persoon {
display: none;
}
}
@media only screen and (max-width: 442px) {
#autos .container .row .col-3 {
width: 0 !important;
}
#autos .container .row .col-9 {
max-width: 100% !important;
with: 100% !important;
flex: 0 0 100% !important;
}
}
.autos-carousel__title {
text-align: center;
font-family: "Alan Sans", sans-serif;
font-weight: 700;
font-size: 2.1rem;
margin-bottom: 32px;
color: #EB8113;
}
.autos-carousel__slide {
height: 500px;
box-sizing: border-box;
}
.autos-carousel__card {
display: flex;
flex-direction: column;
}
.autos-carousel__card-img {
height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
.autos-carousel__card-body {
height: 250px;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
}
.autos-carousel__card-body .text-start {
font-size: clamp(12px, 1vw + 12px, 13px) !important;
}
.autos-carousel__card-title {
margin-bottom: 0.5rem;
}
.autos-carousel__list {
margin-bottom: 1rem;
}
.autos-carousel__list-item {
padding-bottom: 15px;
}
.swiper-button-prev, .swiper-button-next {
color: #fff !important;
fill: #fff !important;
stroke: #fff !important;
background: #EB8113;
border-radius: 100px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
min-width: 36px;
min-height: 36px;
max-width: 48px;
max-height: 48px;
padding: 30px 0 0 0;
transition: background 0.2s, color 0.2s, box-shadow 0.2s;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1000;
pointer-events: auto;
border: none;
cursor: pointer;
padding: 30px;
}
.swiper-button-prev::after, .swiper-button-next::after {
color: #fff !important;
filter: none !important;
font-size: 1.5rem;
font-weight: bold;
}
.swiper-button-prev:hover, .swiper-button-prev:focus, .swiper-button-next:hover, .swiper-button-next:focus {
color: #fff !important;
fill: #fff !important;
stroke: #fff !important;
background: #d46f0e;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
outline: none;
}
.swiper-button-prev:hover::after, .swiper-button-prev:focus::after, .swiper-button-next:hover::after, .swiper-button-next:focus::after {
color: #fff !important;
}
@media (max-width: 767.98px) {
.swiper-button-prev, .swiper-button-next {
top: 20% !important;
transform: translateY(0) !important;
}
}
.swiper__container {
position: relative;
z-index: 1;
}
.swiper__pagination-bullet {
background: #fff;
opacity: 0.7;
border: 2px solid #EB8113;
width: 10px;
height: 10px;
margin: 0 3px !important;
transition: background 0.2s, border 0.2s;
}
.swiper__pagination-bullet--active {
background: #EB8113;
border-color: #fff;
opacity: 1;
}
.swiper__slide, .swiper__carousel-slide, .swiper__carousel-height {
height: 500px !important;
min-height: 500px !important;
max-height: 500px !important;
border-radius: 20px !important;
}
.swiper-pagination {
display: none !important;
}
@media (max-width: 767.98px) {
.swiper__button-next,
.swiper__button-prev {
display: none !important;
}
}
.autos__card .modal-dialog {
max-width: 700px;
margin: 2rem auto;
}
@media (max-width: 767.98px) {
.autos__card .modal-dialog {
max-width: 98vw;
margin: 1rem auto;
}
}
.autos__card .modal-content {
border-radius: 18px;
box-shadow: 0 8px 32px rgba(235, 129, 19, 0.18), 0 2px 12px rgba(0, 0, 0, 0.13);
border: 2px solid #EB8113;
background: #fff;
font-family: "Roboto", sans-serif;
}
.autos__card .modal-header {
background: linear-gradient(90deg, #EB8113 0%, #f8c680 100%);
color: #fff;
border-bottom: 1px solid #f8c680;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
padding: 1.2rem 1.5rem;
}
.autos__card .modal-header .modal-title {
font-family: "Alan Sans", sans-serif;
font-size: 1.4rem;
font-weight: 700;
color: #fff;
}
.autos__card .modal-header .btn-close {
filter: invert(1) grayscale(1) brightness(2);
opacity: 0.8;
}
.autos__card .modal-header .btn-close:hover {
opacity: 1;
}
.autos__card .modal-body {
padding: 1.5rem;
font-size: 1.08rem;
color: #222;
line-height: 1.6;
background: #fff;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
@media (max-width: 767.98px) {
.autos__card .modal-body {
padding: 1rem;
font-size: 1rem;
}
}
.autos__card .modal-body p:last-child {
margin-bottom: 0;
}
.autos__card .btn-primary {
background: linear-gradient(90deg, #EB8113 0%, #f8c680 100%) !important;
color: #fff !important;
border: 2px solid #EB8113 !important;
border-radius: 10px !important;
font-weight: 600;
font-size: 1.08rem;
padding: 8px 18px;
box-shadow: 0 2px 12px rgba(235, 129, 19, 0.1);
transition: background 0.18s, color 0.18s, border 0.18s, box-shadow 0.18s;
}
.autos__card .btn-primary:hover {
background: linear-gradient(90deg, #f8c680 0%, #EB8113 100%) !important;
color: #222 !important;
border-color: #d46f0e !important;
box-shadow: 0 4px 18px rgba(235, 129, 19, 0.18), 0 1.5px 8px rgba(0, 0, 0, 0.08);
outline: none !important;
}
.button {
display: inline-block;
font-family: inherit;
font-weight: 600;
border: none;
border-radius: 8px;
background: #EB8113;
color: #fff;
cursor: pointer;
transition: background 0.18s, box-shadow 0.18s;
text-align: center;
text-decoration: none;
box-shadow: 0 2px 12px rgba(235, 129, 19, 0.1);
padding: 10px 10px 10px 10px;
font-size: 18px;
line-height: 1.2;
}
.button:hover {
background: #d46f0e;
color: #fff;
box-shadow: 0 4px 18px rgba(235, 129, 19, 0.18);
text-decoration: none;
}
.button__small {
padding: 0.35rem 1.1rem !important;
font-size: 14px !important;
border-radius: 7px !important;
}
.button__middle {
padding: 0.55rem 1.7rem !important;
font-size: 16px !important;
border-radius: 8px !important;
}
.button__large {
padding: 0.85rem 2.3rem !important;
border-radius: 10px !important;
}
.button__full {
width: 100% !important;
display: block !important;
}
.over-ons {
position: relative;
padding: 80px 40px !important;
background-color: #EB8113;
z-index: 1;
}
.over-ons__image, .over-ons__image > div {
border-radius: 20px;
overflow: hidden;
padding: 0;
}
@media only screen and (max-width: 768px) {
.over-ons__image, .over-ons__image > div {
margin-bottom: 10px;
width: 100%;
}
}
.over-ons__content {
border-radius: 20px;
overflow: hidden;
}
.over-ons__content {
background: #fff;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.over-ons__image {
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.over-ons__image-inner {
background: #fff;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.over-ons__image-inner img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
display: block;
}
@media (max-width: 991.98px) {
.over-ons {
padding: 40px 10px;
}
.over-ons__image, .over-ons__content {
border-radius: 14px;
}
.over-ons__image-inner {
height: 320px !important;
}
.over-ons__content {
padding: 24px;
}
}
@media (max-width: 767.98px) {
.over-ons {
padding: 24px 0;
}
.over-ons__image, .over-ons__content {
border-radius: 8px;
}
.over-ons__image-inner {
height: 220px !important;
}
.over-ons__content {
padding: 12px;
}
}
.over-ons__skewed-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background: #EB8113;
transform: skewY(-1deg);
transform-origin: top left;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
pointer-events: none;
z-index: -1;
}
.over-ons__image-placeholder {
width: 100%;
height: 500px;
background: #eee;
display: flex;
align-items: center;
justify-content: center;
}
.over-ons__image-placeholder-text {
color: #aaa;
font-size: 1.2rem;
}
@media (max-width: 991.98px) {
.over-ons__image-placeholder {
height: 320px !important;
}
}
@media (max-width: 767.98px) {
.over-ons__image-placeholder {
height: 220px !important;
}
}
.copyright-bar {
text-align: center;
width: 100%;
flex-wrap: wrap;
display: flex;
justify-content: center;
}
.text-orange {
color: #EB8113;
}
.badge-kenteken {
background: #ffe066 !important;
color: #111 !important;
border: 2px solid #1976d2 !important;
border-radius: 6px;
font-size: 1rem;
font-weight: 700;
padding: 0;
letter-spacing: 0.08em;
vertical-align: middle;
display: flex;
flex: 0 0 auto;
width: 180px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.badge-kenteken_nl {
background: #1976d2 !important;
color: #fff !important;
border-radius: 4px 0 0 4px;
padding: 0px 5px;
font-weight: 700;
font-size: 0.85em;
letter-spacing: 0.06em;
display: flex;
align-items: center;
margin-right: 0.3em;
}
.badge-kenteken_kenteken {
padding: 0 0.7em;
}
.single-autos__contact-details a,
.bg-light a[href^="tel:"],
.bg-light a[href^="mailto:"] {
color: #EB8113;
font-weight: 600;
text-decoration: underline;
transition: color 0.15s;
}
.single-autos__contact-details a:hover,
.single-autos__contact-details a:focus,
.bg-light a[href^="tel:"]:hover,
.bg-light a[href^="tel:"]:focus,
.bg-light a[href^="mailto:"]:hover,
.bg-light a[href^="mailto:"]:focus {
color: #bc670f;
text-decoration: underline;
}
.single-autos__buttons {
display: flex;
}
.single-autos .single-autos__contact-details a:hover,
.single-autos .single-autos__contact-details a:focus {
color: #bc670f;
text-decoration: underline;
}
.single-autos .slick-track:after, .single-autos .slick-track:before {
display: none !important;
}
@media (max-width: 576px) {
.single-autos__container, .single-autos__container-sm {
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.single-autos__contact-details {
width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
.single-autos__contact-details {
display: flex;
}
}
@media (min-width: 1024px) {
.single-autos__contact-details > a {
flex: 0 0 100% !important;
max-width: 100% !important;
margin-bottom: 8px;
}
}
table {
border-radius: 12px;
overflow: hidden;
}
.autos__title {
font-family: "Alan Sans", sans-serif;
font-size: 2.2rem;
font-weight: 700;
color: #EB8113;
margin: 0 !important;
}
@media only screen and (max-width: 767.9px) {
.autos__title {
color: #000 !important;
}
}
.autos__prijs, .autos__bouwjaar {
font-size: 1.15rem;
font-weight: 500;
color: #EB8113;
margin: 0;
}
@media only screen and (max-width: 767.9px) {
.autos__prijs, .autos__bouwjaar {
color: #000 !important;
}
}
@media only screen and (max-width: 767.9px) {
.autos__title, .autos__prijs, .autos__bouwjaar {
width: 100% !important;
text-align: left !important;
display: flex;
align-items: center;
font-size: 22px !important;
margin-bottom: 15px !important;
}
}
.autos__top-info {
display: flex;
flex-direction: column;
justify-content: flex-start;
color: #FFF !important;
padding: 40px;
}
@media only screen and (max-width: 767.9px) {
.autos__top-info {
padding: 20px !important;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
}
@media (min-width: 768px) {
.autos__top-info .autos__col-md-5 {
flex: 1 1 auto !important;
width: 41.66666667%;
}
}
.autos__content {
background: #FFF;
border-radius: 12px;
font-size: 14px;
color: #444;
line-height: 18px;
margin-bottom: 1.5rem;
margin-top: 1rem;
}
@media only screen and (max-width: 768px) {
.autos__content {
color: #000;
}
}
.autos__card {
border-radius: 12px;
border: 1px solid #f2f2f2;
background: #fff;
transition: box-shadow 0.2s;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
}
.autos__card:hover, .autos__card:focus-within {
box-shadow: 0 4px 16px 0 rgba(235, 129, 19, 0.1);
border-color: #EB8113;
}
.autos__card-body {
padding: 1.25rem 1rem;
display: flex;
flex-direction: column;
align-items: flex-start;
height: 100%;
}
.autos__card-title {
font-size: 16px;
font-weight: 700;
color: #EB8113;
margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
.autos__card-title {
font-size: 32px !important;
}
}
.autos__card-text {
font-size: 1rem;
color: #222;
font-weight: 400;
margin-bottom: 0;
word-break: break-word;
}
@media only screen and (max-width: 768px) {
.autos__card-text {
font-size: 14px !important;
}
}
.autos__footer {
border-top: 1px solid #eee;
margin-top: 2rem;
padding-top: 1rem;
font-size: 1rem;
color: #888;
}
.autos__contact-outer {
background: linear-gradient(45deg, #EB8113 0%, rgba(201, 106, 14, 0.8117647059) 100%), url(https://jouweersteautootje.nl/wp-content/uploads/2025/10/cars-background.jpg) center center/cover no-repeat;
}
.car-color-badge {
display: inline-block;
min-width: 18px;
min-height: 18px;
border-radius: 100px;
border: 1px solid #ccc;
vertical-align: middle;
margin-left: 8px;
margin-bottom: 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
.autos__button--small {
background: #EB8113;
color: #fff;
border: none;
border-radius: 8px;
padding: 0.4em 1.1em !important;
font-size: 1rem;
font-weight: 600;
transition: background 0.18s, color 0.18s;
cursor: pointer;
margin-top: 0.5rem;
}
.autos__button--small:hover, .autos__button--small:focus, .autos__button--small:visited {
background: #d46f0e;
color: #fff;
outline: none;
}
.autos__modal-content {
border-radius: 16px;
}
.autos__modal-header {
border-bottom: 1px solid #f2f2f2;
background: #f9f9f9;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.autos__modal-title {
color: #EB8113;
font-weight: 700;
font-size: 1.25rem;
}
.autos__modal-body {
font-size: 1.05rem;
color: #222;
}
@media (max-width: 991.98px) {
.autos__card-body {
padding: 1rem 0.75rem;
}
.autos__title {
font-size: 1.5rem;
}
}
@media (max-width: 767.98px) {
.autos__title {
font-size: 1.2rem;
}
.autos__card {
margin-bottom: 1rem;
}
.autos__footer {
font-size: 0.95rem;
}
}
.autos__contact-outer {
padding-top: 100px;
padding-bottom: 100px;
}
.autos__contact-outer .autos__left-details {
padding-top: 62px;
}
@media (max-width: 991.98px) {
.autos__contact-outer {
padding-top: 50px;
padding-bottom: 50px;
}
.autos__contact-outer .autos__left-details {
padding-top: 0;
}
}
.single-auto-page__heading h1, .single-auto-page__heading h2, .single-auto-page__heading h3, .single-auto-page__heading h4, .single-auto-page__heading h5 {
color: #EB8113;
}
.single-auto-page__btn-primary, .single-auto-page__bg-primary {
background: #EB8113 !important;
border-color: #EB8113 !important;
}
.single-auto-page__btn-outline-light {
border-color: #fff;
color: #EB8113;
}
.single-auto-page__btn-outline-light:hover {
background: #fff;
color: #EB8113;
}
.single-auto-page__shadow-sm {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.autos-float-bar {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background: #fff;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
padding: 16px 0;
text-align: center;
transition: top 0.25s, opacity 0.25s;
font-family: inherit;
}
.autos-float-bar__inner {
max-width: 900px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
gap: 32px;
font-size: 1.15rem;
font-weight: 600;
}
@media (max-width: 600px) {
.autos-float-bar__inner {
flex-wrap: wrap;
gap: 12px;
font-size: 1rem;
}
}
.autos-float-bar__title {
color: #222;
display: flex;
align-items: center;
gap: 10px;
font-weight: 700;
font-size: 1.06em;
}
@media (max-width: 600px) {
.autos-float-bar__title {
justify-content: center;
font-size: 1em;
}
}
.autos-float-bar__status {
color: #fff;
font-size: 0.98em;
font-weight: 600;
border-radius: 6px;
padding: 2px 10px;
margin-left: 8px;
display: inline-block;
vertical-align: middle;
min-width: 75px;
text-align: center;
}
.autos-float-bar__price {
color: #EB8113;
font-size: 1.17em;
font-weight: 700;
}
@media (max-width: 600px) {
.autos-float-bar__price {
font-size: 1.07em;
}
}
.status-bg {
color: #fff !important;
background: #EB8113 !important;
}
.status-bg h1, .status-bg h2, .status-bg h3, .status-bg h4, .status-bg h5 {
color: #fff !important;
}
@media only screen and (max-width: 442px) {
.single-auto-page {
padding: 0 !important;
}
}
.single-auto-page .car-main-price {
color: #EB8113 !important;
font-weight: 700 !important;
}  html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:#fff0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box}body,button,input,select,optgroup,textarea{color:#404040;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}big{font-size:125%}body{background:#fff}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ul,ol{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}embed,iframe,object{max-width:100%}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6h1;color:rgb(0 0 0 / .8);line-height:1;padding:.6em 1em .4em}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{border-color:#aaa #bbb #bbb}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111}select{border:1px solid #ccc}textarea{width:100%}.main-navigation{display:block;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:0 3px 3px rgb(0 0 0 / .2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li:hover>ul,.main-navigation ul ul li.focus>ul{display:block;left:auto}.main-navigation ul ul a{width:200px}.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul{left:auto}.main-navigation li{position:relative}.main-navigation a{display:block;text-decoration:none}.menu-toggle,.main-navigation.toggled ul{display:block}@media screen and (min-width:37.5em){.menu-toggle{display:none}.main-navigation ul{display:flex}}.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{margin:0 0 1.5em}.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links{display:flex}.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{flex:1 0 50%}.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{text-align:end;flex:1 0 50%}.sticky{display:block}.post,.page{margin:0 0 1.5em}.updated:not(.published){display:none}.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.gallery-item{display:inline-block;text-align:center;width:100%}.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.gallery-columns-4{grid-template-columns:repeat(4,1fr)}.gallery-columns-5{grid-template-columns:repeat(5,1fr)}.gallery-columns-6{grid-template-columns:repeat(6,1fr)}.gallery-columns-7{grid-template-columns:repeat(7,1fr)}.gallery-columns-8{grid-template-columns:repeat(8,1fr)}.gallery-columns-9{grid-template-columns:repeat(9,1fr)}.gallery-caption{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgb(0 0 0 / .6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}