/* Autodealers.nl CSS voor de dealerwebsite */
@import url('//svl.autodealers.nl/css/responsive2/bootstrap.min.css');
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@import url('//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.min.css');
@import url('//svl.autodealers.nl/css/responsive2/style.min.css');

html,
body {
  background: #000000;
}

body {
  font-family: "Montserrat", sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  -webkit-font-smoothing: antialiased;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
h5,
h6 {
  font-family: "Saira", serif !important;
  font-weight: 300;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0px;
}

h1 {
  font-size: 24px;
  margin-bottom: 30px;
}

h2 {
  font-size: 20px;
  margin-bottom: 30px;
}

h3 {
  font-size: 18px;
}

table,
ul,
ol,
p {
  line-height: 25px;
  margin: 0 0 30px 0;
  font-weight: 400;
}

a,
a:link,
a:visited,
a:active {
  color: #FFFFFF;
  font-weight: 700;
  text-decoration: none;
  transition: ease-in-out all 0.3s;
}
a:hover,
a:link:hover,
a:visited:hover,
a:active:hover {
  color: #e6e6e6;
}

address {
  margin: 0;
}

.btn {
  font-size: 16px;
}

/**********************
******** Loader *******
**********************/
.page-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  height: 100%;
  text-align: center;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-loader div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 4px solid #FFFFFF;
  border-radius: 50%;
  animation: page-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #FFFFFF transparent transparent transparent;
}
.page-loader div:nth-child(1) {
  animation-delay: -0.45s;
}
.page-loader div:nth-child(2) {
  animation-delay: -0.3s;
}
.page-loader div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes page-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/******************************
*********** THEME *************
******************************/
/**********************
******** Header *******
**********************/
.header-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header-icons a {
  margin-right: 30px;
}

/**********************
****** Navigation *****
**********************/
/* Setup */
.navbar {
  z-index: 99;
}

.navbar-default {
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  border: none;
  z-index: 999;
}

/* Menu Link */
.navbar-default .navbar-nav > li > a {
  color: #FFFFFF;
  text-align: center;
  font-weight: 700;
  font-size: calc(13px + 3 * (100vw - 350px) / 1570);
  line-height: 25px;
  text-transform: uppercase;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background-color: transparent;
  color: #FFFFFF;
  text-decoration: underline;
  text-underline-offset: 10px;
}
.navbar-default .navbar-toggle {
  border-color: #FFFFFF;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFFFFF;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: transparent;
}

@media (max-width: 767px) {
  /* Setup */
  body {
    padding-top: 50px;
  }
  .navbar-xs {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
  }
  .navbar-default .header-icons {
    margin-top: 10px;
  }
  .navbar-default .navbar-brand,
  .navbar-default .navbar-brand:hover {
    max-width: 135px;
    padding: 5px 15px;
  }
  .navbar-default .navbar-header {
    background: #000000;
  }
  .navbar-default .navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #000000;
  }
  .navbar-default .navbar-nav > li a {
    border: none;
    text-align: center;
  }
  .navbar-default .navbar-nav .open .dropdown-menu {
    padding: 0;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    background: #000000;
    color: #FFFFFF;
    padding: 9px 20px;
    font-size: 15px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #FFFFFF;
  }
  .navbar-default .navbar-collapse {
    border: none;
    color: #FFFFFF;
  }
}
@media (min-width: 768px) {
  .navbar-default {
    min-height: 0;
  }
  .navbar-nav {
    width: 100%;
    display: table;
  }
  .navbar-nav > li {
    float: none;
    display: table-cell;
  }
  .nav > li > a {
    padding: 0 3px;
  }
  nav .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
  nav .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
/**********************
****** Carousel *******
**********************/
#welcome .carousel-header {
  height: 80vh;
  background: url(//svl.autodealers.nl/upload/31110_Foto-homepagina.JPG) no-repeat center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  #welcome .carousel-header {
    height: 100vh;
  }
}
#welcome .carousel-header .carousel-img {
  height: 60%;
  background: url(//svl.autodealers.nl/upload/31110_Foto-homepagina.JPG) no-repeat center center;
  background-size: cover;
}
#welcome .carousel-header .carousel-content {
  background-position: top right;
  background-size: cover;
  width: 100%;
  height: 40%;
  align-self: center;
  padding: 5%;
}
@media (min-width: 768px) {
  #welcome .carousel-header .carousel-content {
    height: 40%;
  }
}
#welcome .carousel-header .carousel-content .carousel-titles h2,
#welcome .carousel-header .carousel-content .carousel-titles h3 {
  text-transform: uppercase;
  margin: 0 0 30px 0;
  color: #FFFFFF;
  font-weight: 700;
}
#welcome .carousel-header .carousel-content .carousel-titles h2 {
  /** calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); **/
  font-size: calc(45px + 50 * (100vw - 350px) / 1570);
  line-height: calc(45px + 50 * (100vw - 350px) / 1570);
}
#welcome .carousel-header .carousel-content .carousel-titles h3 {
  /** calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); **/
  font-size: calc(25px + 25 * (100vw - 350px) / 1570);
  line-height: calc(25px + 25 * (100vw - 350px) / 1570);
}
@media (min-width: 992px) {
  #welcome .carousel-header .carousel-img {
    display: none;
  }
  #welcome .carousel-header .carousel-content {
    width: 70%;
    height: 75%;
    padding: 5% 2%;
  }
  #welcome .carousel-header .carousel-content .carousel-btn {
    width: 200px;
  }
}
@media (min-width: 992px) {
  #welcome .carousel-header .carousel-content {
    width: 80%;
  }
}

#welcome .carousel-header .carousel-content{
position: relative;
  z-index: 2;
}

#welcome .carousel-header .carousel-content::after{
	content: "";
  	position: absolute;
  	top: 65px;
  	left: -200px;
  	width: 1030px;
  z-index: -2;
  height: 250px;
  background: rgba(0,0,0,0.5);
}

.marquee {
  width: 100%;
  margin: 30px 0;
  overflow: hidden;
}
.marquee span {
  display: inline-block;
  padding-left: 100%;
  will-change: transform;
  animation: marquee 15s linear infinite;
  color: #ff0000;
  font-size: 22px;
}
.marquee span:hover {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
/**********************
******** Footer *******
**********************/
.footer a {
  color: #FFFFFF;
  font-weight: 700;
}

.footer-bottom {
  color: #FFFFFF;
}
.footer-bottom p {
  margin: 0;
}

span.line {
  margin: 0 10px;
}

.tel-email {
  margin: 0;
}

@media (min-width: 992px) {
  .footer-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-flow: wrap;
  }
  .footer-in > p {
    text-align: center;
    line-height: 16px;
  }
  .footer-in > p:first-child {
    text-align: left;
    border-left: 0;
  }
  .footer-in > p:last-child {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .footer-bottom p {
    text-align: center;
  }
}
/**********************
*** Custom Style ******
**********************/
.content-text h1,
.content-text .h1 {
  font-family: "Saira", serif;
  color: white;
  /** calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); **/
  font-size: calc(25px + 5 * (100vw - 350px) / 1570);
  line-height: calc(25px + 5 * (100vw - 350px) / 1570);
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 10px;
}
.content-text h2,
.content-text .h2 {
  font-family: "Saira", serif;
  color: #6D6D6F;
  /** calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); **/
  font-size: calc(22px + 3 * (100vw - 350px) / 1570);
  line-height: calc(22px + 3 * (100vw - 350px) / 1570);
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: 700;
}
.content-text h3,
.content-text .h3 {
  font-family: "Saira", serif;
  color: white;
  /** calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); **/
  font-size: calc(18px + 12 * (100vw - 350px) / 1570);
  line-height: calc(18px + 12 * (100vw - 350px) / 1570);
  margin-bottom: 15px;
}

.content-block {
  margin: 0 -15px;
  background: #000000;
  color: #FFFFFF;
  padding: 30px 15px 80px 15px;
  position: relative;
  height: 100%;
}
.content-block .icon {
  margin-bottom: 30px;
}
.content-block .content-text h2 {
  margin: 0;
  color: #6D6D6F;
}
.content-block .content-text h3 {
  margin-bottom: 30px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
  line-height: 25px;
}
.content-block .content-text p:last-child {
  margin-bottom: 0;
}
.content-block .btn-primary.btn-small {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.content-block.content-block-center {
  text-align: center;
  background: transparent;
  border-top: 0;
  padding: 30px 15px;
}
.content-block.content-block-center .icon img {
  margin-left: auto;
  margin-right: auto;
}

.content-quote {
  height: 100%;
  border-bottom: 10px solid #FFFFFF;
  margin: 0 -15px;
  padding: 30px 15px;
  display: flex;
  align-items: center;
}

.title-large h2 {
  font-size: calc(45px + 70 * (100vw - 350px) / 1570);
  line-height: calc(45px + 70 * (100vw - 350px) / 1570);
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0;
}

.slideshow-home {
  min-height: 515px;
}

#slideshow10 {
  position: relative;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.slideshow10-container {
  max-width: 1250px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.slideshow10-container .swiper-wrapper {
  align-items: center;
  padding: 35px 0;
}
.slideshow10-container .swiper-slide {
  width: 240px !important;
}
.slideshow10-container .swiper-slide a {
  filter: brightness(85%);
}
.slideshow10-container .swiper-slide.swiper-slide-prev a, .slideshow10-container .swiper-slide.swiper-slide-next a {
  filter: brightness(95%);
}
.slideshow10-container .swiper-slide.swiper-slide-active a {
  filter: brightness(100%);
}
.slideshow10-container a {
  text-decoration: none;
  display: block;
  background: #000000;
  position: relative;
  border-radius: 0;
  overflow: hidden;
  font-weight: 400;
}
.slideshow10-container img {
  max-width: 100%;
}
.slideshow10-container .slideshow10-price {
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 3;
  background: #000000;
  color: #FFFFFF;
  max-width: 200px;
  width: 100%;
  text-align: center;
  padding: 7px 5px;
}
.slideshow10-container .slideshow10-price h4 {
  font-family: "Saira", serif;
  margin: 0;
  font-size: 20px;
  line-height: 22px;
  color: inherit;
}
.slideshow10-container .slideshow10-content {
  padding: 20px 15px;
  color: #FFFFFF;
}
.slideshow10-container .slideshow10-title h3 {
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  color: #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
.slideshow10-container .slideshow10-title h3 .type {
  display: none;
  font-size: 14px;
  margin-top: 5px;
  font-weight: 400;
  text-transform: none;
}
.slideshow10-container .slideshow10-data {
  padding: 20px 0;
  border-bottom: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.slideshow10-container .slideshow10-data > div {
  display: flex;
  align-items: center;
}
.slideshow10-container .slideshow10-data .slideshow10-item-left {
  width: 130px;
}
.slideshow10-container .slideshow10-btn {
  padding-top: 20px;
  text-align: right;
}
.slideshow10-container .slideshow10-btn .btn-primary {
  transition: ease-in-out all 0.3s;
  background: transparent;
  color: #FFFFFF;
  padding: 0;
  border-radius: 0;
  border: 0;
  font-size: 16px;
  box-shadow: none;
  outline: none;
}
.slideshow10-container .swiper-wrapper.disabled {
  transform: translate3d(0px, 0, 0) !important;
  width: 100% !important;
}
.slideshow10-container .swiper-wrapper.disabled .swiper-slide {
  transform: translate3d(0px, 0, 0) !important;
  margin: 0 auto;
}

.slideshow-home .swiper-button-next,
.slideshow-home .swiper-button-prev {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  .slideshow-home {
    min-height: 660px;
  }
  .slideshow10-container .swiper-slide {
    width: 450px !important;
  }
  .slideshow10-container .slideshow10-price {
    top: 35px;
    max-width: 260px;
  }
  .slideshow10-container .slideshow10-content {
    padding: 20px 30px;
  }
  .slideshow10-container .slideshow10-price h4 {
    font-size: 28px;
    line-height: 30px;
  }
  .slideshow10-container .slideshow10-title h3 {
    font-size: 28px;
  }
  .slideshow10-container .slideshow10-data .slideshow10-item-left {
    width: 150px;
  }
}
.btn-item {
  text-align: center;
  margin-top: 30px;
}

.openingstijden .content-text h2, .openingstijden .content-text h3 {
  color: white;
}

#openingstijden2 ul.nav-justified {
  padding: 0;
  margin: 0 auto;
  max-width: 1090px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#openingstijden2 ul.nav-justified li {
  border-bottom: 10px solid #FFFFFF;
  background: white;
  color: #000000;
  padding: 25px 0 15px 0;
  margin: 0 15px 15px 15px;
  width: auto;
  text-align: center;
}
#openingstijden2 ul.nav-justified li .dag {
  color: #000000;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 25px;
}

#openingstijden2 .dag,
#openingstijden2 .tijd {
  width: 100%;
}

#body.Home .space-sub {
  margin-top: 0;
}

.space-sub {
  margin-top: 40px;
}

#body.Home .space-sub {
  margin-top: 0;
}

.space-sub {
  margin-top: 40px;
}

/* OCCASIONS EN DETAIL PAGINA */
#body.autolijst_background .well, #body.autolijst_background .panel {
  border: none;
  background: #000000;
  color: #FFFFFF;
}
#body.autolijst_background .well .merk-model-minheight a, #body.autolijst_background .panel .merk-model-minheight a {
  font-family: "Saira", serif;
  font-size: 1.4em;
  color: #FFFFFF;
}
#body.autolijst_background .well .btn-primary, #body.autolijst_background .panel .btn-primary {
  background: transparent;
  border: none;
}
#body.autolijst_background .auto-detail-page {
  border: none;
}
#body.autolijst_background .auto-detail-page h2 {
  font-size: 30px;
  color: #FFFFFF;
}
#body.autolijst_background .auto-detail-page .panel-body {
  background: #FFFFFF;
}
#body.autolijst_background .auto-detail-page .panel-body .btn-primary {
  background: white;
}
#body.autolijst_background .auto-detail-page .auto-attributen, #body.autolijst_background .auto-detail-page .auto-opmerkingen {
  color: white;
}
#body.autolijst_background .auto-detail-page .nav-bar {
  color: #FFFFFF;
}
#body.autolijst_background .auto-detail-page .nav-bar h3[itemprop=name] {
  font-family: "Saira", serif;
  font-size: 30px;
}
#body.autolijst_background .auto-detail-page .list-group-item {
  background-color: #000000;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
#body.autolijst_background .auto-detail-page .modal-content {
  color: #FFFFFF;
}

#body.Online-Afspraak label,
#body.Auto-Inkoop label,
#body.Auto-Inkoop .panel-body,
#body.autolijst_background label,
#body.autolijst_background .modal-body {
  color: #000000;
}

#body.autolijst_background h2 span.title {
  color: #000000;
}

#autoflex-oa-app .b-calendar .b-calendar-grid-caption {
  color: #000000;
}

#autoflex-oa-app .form-row > .col, #autoflex-oa-app .form-row > [class*=col-] {
  color: #000000;
}

#body.autolijst_background .thumbnail, #body.autolijst_background .well, #body.autolijst_background .panel-body {
  background-color: #000000;
}

#body.autolijst_background .well, #body.autolijst_background .panel {
  border: none;
}

#openingstijden, .Contact .well, .panel, .Werkplaats .well {
  background: none;
  border: none;
  color: white;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background: none;
  color: #000000;
}

.panel-default > .panel-heading, .Zoekopdracht .well {
  background: #000000;
  color: #000000;
  border: none;
}

#body.autolijst_background .nav-bar {
  background: #000000;
}

#body.autolijst_background h3 {
  font-family: "Saira", serif;
  color: #000000;
}

.Financieren h2 {
  color: white;
}

.alert {
  background: #000000;
  color: #FFFFFF;
}

/**********************
******* Global ********
**********************/
.content-space {
  padding: 18.75px 0;
}

.btn-primary.btn-small {
  background: linear-gradient(180deg, rgb(233, 196, 129) 0%, rgb(192, 154, 95) 51%, rgb(133, 92, 45) 100%);
  background-size: auto 100%;
  border: 0;
  width: 80px;
  height: 80px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-primary.btn-small:hover {
  background: linear-gradient(180deg, rgb(233, 196, 129) 0%, rgb(192, 154, 95) 51%, rgb(133, 92, 45) 100%);
  background-size: auto 200%;
}

.btn-primary.btn-home {
  padding: 0;
  font-size: 16px;
}
.btn-primary.btn-home:hover {
  background: #000000;
  border-color: #000000;
  color: #FFFFFF;
}
.btn-primary.btn-home:hover img {
  transform: translateY(-10px);
}
.btn-primary.btn-home img {
  display: block;
  margin-left: auto;
  max-width: 100%;
  margin-top: 10px;
  transition: ease-in-out all 0.3s;
}

.btn-primary,
a.btn-primary,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pager li > a,
.pager li > span {
  background: #000000;
  border-color: #000000;
  color: #FFFFFF;
  font-weight: 400;
  border-radius: 0;
}

.btn-primary:hover,
a.btn-primary:hover,
.btn-primary:active,
a.btn-primary:active,
.btn-primary:focus,
a.btn-primary:focus,
.btn-primary:active:focus,
a.btn-primary:active:focus,
.pager li > a:hover,
.pager li > span:hover {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #000000;
}

a.btn-social {
  color: #fff;
}

a.label {
  background: #FFFFFF;
  color: white !important;
}
a.label:hover, a.label:focus {
  background: #e6e6e6 !important;
}

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

nav.right {
  border-bottom: 0;
}

nav.right ul {
  margin-bottom: 0;
}

a.photo-a,
img.img-rounded {
  border-radius: 0;
}

.marquee {
  width: 100%;
  margin: 15px 0;
  overflow: hidden;
}
.marquee span {
  display: inline-block;
  width: -moz-max-content;
  width: max-content;
  padding-left: 100%;
  will-change: transform;
  animation: marquee 15s linear infinite;
  color: #ff0000;
  font-size: 22px;
}
.marquee span:hover {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .marquee span {
    animation-iteration-count: 1;
    animation-duration: 0.01;
    width: auto;
    padding-left: 0;
  }
}
.beoordeling .beoordeling .gemiddelde .beoordelen {
  display: none;
}

input[type=file] {
  max-width: 100%;
}

/**********************
*** Style per pagina **
**********************/
/***************
*** Occasions **
***************/
#body.autolijst_background,
#body.autolijst_background .auto-detail-page .contact-adres,
#body.autolijst_background .list-view,
#body.autolijst_background .gallery-view,
#body.autolijst_background .detail-view,
#body.autolijst_background .row.auto-specificaties,
#body.autolijst_background .row.auto-opties,
#body.autolijst_background .row.auto-opmerkingen h3 {
  color: white;
}

#body.autolijst_background .auto-detail-page h2 {
  margin: 20px 0;
}

/**********************
*** Mediaqueries ******
**********************/
/* tot Mobiel (col-xs) */
@media (max-width: 767px) {
  .beoordeling .gemiddelde {
    font-size: 2em;
  }
}
/* Vanaf Tablet staand/portait modus (col-sm en hoger) */
@media (min-width: 768px) {
  .row-eq-height {
    display: flex;
    flex-flow: wrap row;
  }
  .row-eq-height:after, .row-eq-height:before {
    display: none;
  }
  .row-eq-height.middle {
    align-items: center;
  }
  .content-space {
    padding: calc(18.75px * 2) 0;
  }
  .header {
    background: #000000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 25px 0;
  }
  .header .navbar-default {
    margin-top: 15px;
  }
  .header.scroll a.nav-brand {
    max-width: 120px;
  }
  a.nav-brand {
    display: block;
    max-width: 180px;
    padding-left: 35px;
  }
  .content-quote {
    padding: 30px 50px;
  }
}
/* Vanaf Tablet liggend/landscape modus (col-md en hoger) */
@media (min-width: 992px) {
  .content-space {
    padding: calc(18.75px * 3) 0;
  }
  .header .navbar-default {
    margin-top: 0;
  }
  a.nav-brand {
    max-width: 192px;
  }
  .content-block {
    padding: 50px 50px 130px 50px;
  }
  .content-block .icon {
    margin-bottom: 50px;
  }
}
/* Vanaf computerscherm (col-lg) */
@media (min-width: 1200px) {
  .content-space {
    padding: calc(18.75px * 2) 0;
  }
}
@media (min-width: 992px) {
  .hidden-small-large {
    display: none;
  }
}
@media (max-width: 767px) {
  .hidden-small-large {
    display: none;
  }
}
.header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px; /* Thickness of the border */
  background: linear-gradient(to bottom, #000000, #1C28F5);
}

.btn-1 {
  margin: 20px 0;
}

.btn-secondary {
  display: inline-block;
  padding: 10px 20px;
  background-color: #1C28F5;
  color: #fff;
  -webkit-text-decoration: upper;
          text-decoration: upper;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
  line-height: 25px;
  width: 290px;
  text-align: center;
}

.btn-secondary:hover {
  background-color: #0056b3;
}

@media (max-width: 991px) {
  .carousel-content {
    background: black;
  }
}
.container-blocks {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  flex-direction: row;
  justify-content: space-evenly;
  max-width: 1540px;
  
}

.column {
  width:450px;
  padding-top: 60px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 60px;
  background-color: #181818;
  text-align: left;
  color: white;
  position: relative;
}

@media (max-width: 950px) {
  .container-blocks {
    display: flex;
    width: 100%;
    flex-flow: column nowrap;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
  .column {
    width: 100%;
  }
}
.column .btn-1 {
  position: absolute;
  bottom: 10px;
}

.column h2 {
  font-weight: 700;
  font-size: 25px;
  line-height: 25px;
  text-transform: uppercase;
  color: white;
}

.sub-h2 {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
}

.text-background {
  background: linear-gradient(to right, #000000, #1C28F5);
  margin: 0;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.text-background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px; /* Height of the border */
  background: linear-gradient(to bottom, #000000, #1C28F5);
}

.margin-text {
  margin-left: 8.33333333%;
  color: white;
}

.h2-sub {
  color: white !important;
}

.content-block a {
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
}

.content-block {
  border: 2px solid #2F2F2F;
}

.social-icons {
  margin-right: 15px;
}

.rdw-erkend {
  margin-top: 30px;
}

.maps {
  height: 405px;
}

.footer a {
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
}

div#slideshow9 .slideshow-content {
  padding: 30px 10px;
  background: white;
  color: black;
  font-size: 15px;
}

div#slideshow9 .slideshow9-blok {
  border: 0px;
}

div#slideshow9 h3.slideshow-titel {
  color: black;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid white;
  padding-bottom: 30px;
  font-family: "Saira", serif;
}

div#slideshow9 table.slideshow-gegevens td:first-child {
  padding-right: 10px;
  font-weight: 400;
}

div#slideshow9 table.slideshow-gegevens td {
	font-size: 16px;
  line-height: 25px;
  font-weight: 400;
}

div#slideshow9 span.item-prijs {
  color: #1C28F5;
  font-size: 20px;
  line-height: 50px;
  font-weight: 700;
  font-family: "Saira", serif;
}

div#slideshow9 .slideshow-button {
  height: 60px;
  background: #1C28F5;
  font-size: 16px;
  line-height: 25px;
  font-weight: 700;
}

.content-block {
  display: flex;
  justify-content: center;
  padding-bottom: 60px;
  padding-top: 60px;
}

.content-block .content-text {
  width: 290px;
}

@media (max-width: 780px) {
  .logo-desktop {
    display: none;
  }
}
@media (min-width: 781px) {
  .logo-mobile {
    display: none;
  }
}
@media (max-width: 991px) {
  .carousel-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 1200px) {
	.margin-text2 {
	margin-left: 16.66666667% !important;
}
}

@media (min-width: 992px) {
  .margin-text2 {
  	margin-left: 8.33333333%;
  }
}

#body.Home .nohome {
	display: none;
}

#body.Zoekopdracht #welcome {
	display: none;
}

#body.autolijst_background #welcome {
	display: none;
}

.well.well-sm.show-grid {
	background: #F5F5F5 !important;
}

.form-group.kilometers {
	color: black;
}

.form-group.bouwjaar {
	color: black;
}

.form-group.prijs {
	color: black;
}

#body.autolijst_background .btn-default {
	color: black;
}

#body.autolijst_background .well.well-sm.relatief {
	background: white;
}

#body.autolijst_background .well.well-sm.relatief a {
	color: black;
  font-family: "Saira", serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.merk-model-minheight b {
	color: black;
  font-weight: 400 ;
}

.merk-model-minheight td {
	color: black;
}

#body.autolijst_background .well .btn-primary {
	background: #1C28F5;
  color: white!important;
  font-family: "Montserrat", sans-serif!important;
  font-weight: 700;
  font-size: 16px!important;
  line-height: 25px!important;
}

#body.autolijst_background .gal-prijs-bottom{
	color: #1C28F5;
  font-family: "Saira", serif;
  font-size: 20px;
}

#body.detail-view .auto-attributen a {
	color: #1C28F5;
}

#body.autolijst_background .panel .btn-primary {
	color: #1C28F5;
  font-weight: 700;
}

#body.detail-view .auto-attributen .label-primary {
	background: #1C28F5;
}

#body.detail-view .title {
	color: white !important;
}

#body.Financieren .dmf-opening-hours {
	background: white;
}

#body.Financieren p {
	color: white;
}

#body.Contact #welcome .carousel-header {
  height: 30vh;
  background: url(//svl.autodealers.nl/upload/31110_contactpagina-min.JPG) no-repeat center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

#body.Contact .carousel-content {
	display: none;
}

.heading-banner{
  /*
width: calc(100vw - 0%); */
  width: 120%;
    margin-left: -10%;
}


.heading-banner > h2.h1{
    margin-left: calc(8.3333333% + 15px);
}

#body.Zoekopdracht .heading-banner > h2.h1{
    margin-left: calc(8.3333333% + 30px);
}

@media (max-width:1200px){
.heading-banner{
width: 100%;
    margin-left: 0%;
}

.heading-banner > h2.h1{
    margin-left: calc(2.333333% + 15px);
}
  
#body.Zoekopdracht .heading-banner > h2.h1{
    margin-left: calc(2.333333% + 15px);
}

  
}

@media (min-width: 768px) {
  .nohome {
    padding: calc(18.75px * 3.3) 0;
  }
}


@media (min-width: 992px) {
  .nohome {
    padding: calc(18.75px * 2) 0;
  }
}

@media (min-width: 1200px) {
  .nohome {
    padding: calc(18.75px * 2.3) 0;
  }
}

#body.Zoekopdracht p {
	color: white;
}

#body.Zoekopdracht h3 {
	color: white;
  font-family: "Saira", serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 25px;
}

#body.Zoekopdracht .panel-body label {
	color: white;
  font-family: "Saira", serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 30px;
}

#body.Zoekopdracht .information {
	padding-left: 15px;
  	padding-right: 15px;
}

#body.Zoekopdracht .form-control {
	background: black;
  	color: white;
  border: none;
  border-bottom: 1px solid white;
}

#body.Zoekopdracht textarea.form-control {
	height: 34px;
}

#body.Zoekopdracht .bv-form button {
	background: #1C28F5;
  	color: white;
  	text-transform: uppercase;
  	font-size: 16px;
  	line-height: 25px;
  	font-weight: 700;
  	width: 290px;
  	margin-top: 30px;
}

#body.Zoekopdracht .input-group-addon {
	display: none;
}

#body.Zoekopdracht .input-group {
	width: 100%;
}

.form-titel {
	margin-top: 30px;
}

.full-width-image {
     width: 120%;
    margin-left: -10%;       
    height: 20vh;
  object-fit: cover;
  position: relative;
  }

@media (max-width:1200px){
.full-width-image {
width: 100%;
    margin-left: 0%;
  } 
}
  
.text-column {
	color: white;
}



.text-container {
  display: flex;
  justify-content: space-between;
  gap: 30px; 
}

.text-column {
  width: 300px; 
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  font-size: 18px;
  text-align: center;
}

@media (max-width: 1024px) {
  .overlay {
    height: auto; 
  }

  .text-container {
    flex-direction: column; 
    align-items: center; 
  }

  .text-column {
    width: 100%; 
    margin-bottom: 15px;
    height: 40px;
    
  }
}

.text-column h3 {
	text-transform: uppercase;
}

.overlay{
background: #000;
  width: 100%; /* Adjusted to 100% for responsiveness */
  max-width: 1250px; 
  display: flex;
  justify-content: center; 
  align-items: center; 
}

.footer-bg-image {
	background: url(//svl.autodealers.nl/upload/31110_footer-bg-image.jpg) no-repeat center center;
      display: flex;
    width: 120%;
    margin-left: -10%; 
    justify-content: center;
    align-items: center;
    height: 450px;
}

@media (max-width:1200px){
.footer-bg-image {
width: 100%;
    margin-left: 0%;
  } 
}

.text-column p {
	font-size: 16px;
  line-height: 25px;
}

.text-column a {
	font-size: 16px;
  line-height: 25px;
}

@media (max-width: 767px) {
  .overlay {
  	margin-bottom: 60px;
  }
}

#body.Contact #welcome {
	display: none;
}

.contact-info {
	color: white;
  	
}

.contact-info h3 {
	color: white;
  	font-size: 25px;
  	line-height: 25px;
  	font-weight: 700;
  	text-transform: uppercase;
}

@media (min-width: 992px) {
  .contact-info {
  	margin-top: 50px;
  }
}

#body.Contact .form-control {
	background: black;
  	color: white;
  border: none;
  border-bottom: 1px solid white;
}

#body.Contact textarea.form-control {
	height: 34px;
}

#body.Contact .bv-form button {
	background: #1C28F5;
  	color: white;
  	text-transform: uppercase;
  	font-size: 16px;
  	line-height: 25px;
  	font-weight: 700;
  	width: 290px;
  	margin-top: 30px;
}

#body.Contact .input-group-addon {
	display: none;
}

#body.Contact .input-group {
	width: 100%;
}

#body.Contact .footer-bottom {
  position: relative; /* Ensure the parent element is positioned */
}

#body.Contact .footer-bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px; /* Thickness of the border */
  background: linear-gradient(to bottom, #000000, #1C28F5);
}


#body.Over-ons #welcome {
	display: none;
}

#body.Over-ons .information {
	color: white;
}

.info-checklijst {
	color: white;
  background: linear-gradient(to right, #1C28F5, #000000);
}

.checklist-items {
	margin-top: 60px;
}

.check-img {
	width: 100%;
}

.contact-information {
	color: white;
}

.contact-information h3 {
	color: white;
  font-size: 25px;
  line-height:25px;
  font-weight: 700;
  text-transform: uppercase;
}

.img-padding {
	padding-left: 0;
}

#body.Over-ons .form-control {
	background: black;
  	color: white;
  border: none;
  border-bottom: 1px solid white;
}

#body.Over-ons textarea.form-control {
	height: 34px;
}

#body.Over-ons .bv-form button {
	background: #1C28F5;
  	color: white;
  	text-transform: uppercase;
  	font-size: 16px;
  	line-height: 25px;
  	font-weight: 700;
  	width: 290px;
  	margin-top: 30px;
}

#body.Over-ons .input-group-addon {
	display: none;
}

#body.Over-ons .input-group {
	width: 100%;
}

#body.Financieren i {
	color: black;
}


#body.detail-view .nav-bar h3 {
	color: white;
}

.check-icoon {
	margin-right: 10px;
}

.small-icon {
	margin-right: 10px;
}

.contact-info {
    border-bottom: 10px solid;
    border-image-slice: 625;
    border-image-source: linear-gradient(to bottom, #000000, #1C28F5);
    /* margin-bottom: 41px; */
    border-top: 10px solid;
  width: 120%;
    margin-left: -10%;
}

#body.Over-ons .row.contact-information {
	margin-left: 0px;
  	margin-right: 0px;
}

#body.Over-ons .row.google-maps {
	margin-left: 0px;
  	margin-right: 0px;
}

@media (max-width:1200px){
.contact-info{
width: 100%;
    margin-left: 0%;
}
}
  
  .container-block {
  	justify-content: center;
    align-items: center;
  }

.footer-socials a {
	margin-left: 5px;
  	margin-right: 5px;
}

@media (max-width: 706px){
#body.Over-ons .header::after {
	display: none;
}
}

@media (max-width: 1024px){
  .overlay {
  	height: 120%;
  }
}


#body.Zoekopdracht .footer-socials {
  display: none!important;
}

@media (max-width: 767px){
#body.Contact .header::after {
	display: none;
}
}

@media (max-width: 1330px){
  div#slideshow9 table.slideshow-gegevens td {
  	font-size: 14px;
  }
  div#slideshow9 span.item-prijs {
  	font-size: 18px;  }
}

@media (max-width: 991px){
  div#slideshow9 table.slideshow-gegevens td {
  	font-size: 16px;
  }
  div#slideshow9 span.item-prijs {
  	font-size: 20px;  }
}

#body.privacybeleid .cookie-tekst {
	color: white;
}

#body.privacybeleid h2 {
	color: white;
}

#body.privacybeleid h3 {
	color: white;
}