/* 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');
/*
Style.css
Table of Contents:

- Global
- Theme
+ Header
+ Navigation
+ Carousel
+ Footer
- Custom
+ Global
+ Pages
+ Mediaqueries
*/


/*********************
****** GLOBAL ********
*********************/
#body.Doorvoer-adverteren .bg-inlog {
  display: none;
}

.centreren {
  margin: 0 ; 
}

html, body {
  background: #fff;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  padding: 0;
}
h1 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
}
h2 {
  font-size: 20px;
  margin-bottom: 12px;
}
h3 {
  font-size: 18px;
}
p {
  line-height: 22px;
  margin: 0 0 22px 0;
}
a, a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

/******************************
*********** THEME *************
******************************/

/**********************
******** Header *******
**********************/


/**********************
****** Navigation *****
**********************/

/* Setup */
.navbar {
  z-index: 99;
}
.navbar-default {
  margin: 0;
  padding: 0;
  background: grey;
  border-radius: 0;
  border: none;
  z-index: 999;
}
/* Menu Link */
.navbar-default .navbar-nav > li > a {
  color: #fff;
  text-align: center;
  border-left: 1px solid #ecf0f1;
  font-weight: 600;
  text-transform: uppercase;
  transition:all 0.3s ease;
}
.navbar-default .navbar-nav > li:first-child a {
  border-left: none;
}
/* Menu Link Hover & Active*/
.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: lightgrey;
  color: #000;
}
/* Menu icon*/
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
  background-color:  transparent;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}
@media (max-width: 767px) {	
  #body.Diensten  #footer {
    bottom: 0;
    width: 100%;
    height: 218px;
    padding: 0;
    z-index: 2;
    position: relative !important;
  }
  .inlog-text {
    font-size: 26px;
    font-style: italic;
    font-weight: 400;
    text-align: center;
  }

  .fl {
    text-align: center;
    float: none;
    margin: 0 auto;
    max-width: 180px;
    width: 100%;
  }

  #body.Diensten .knop-img {
    background: url(//svl.autodealers.nl/upload/17194_bg_item.svg);
    width: 100%;
    height: 176px;
    background-repeat: no-repeat;
    margin-top: 43px;
    margin-bottom: 185px;
    margin: 0 auto;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 7px;
  }



  .diensten-img-tel {
    margin-top: 75px; 
    height: 330px;
    margin: 0 auto;
  }

  .img-vwe-button {
    height: 60px;
  }

  .diensten-img {
    margin-top: 10px !important;
    text-align: center;
  }
  .monitor {
    margin: 0 auto;  
  }

  /* Setup */
  body { padding-top: 50px }
  .navbar-xs {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
  }
  .navbar-default .navbar-brand,
  .navbar-default .navbar-brand:hover {
    color: #fff;
  }
  /* Background */
  .navbar-default .navbar-header {
    background: grey;
  }
  /* Collapse */
  .navbar-default .navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
    background-color: grey;
  }
  .navbar-default .navbar-collapse {
    border: none;
    color: #fff;
  }
  /* Menu Link */
  .navbar-default .navbar-nav > li > a {
    border: none;
  }
  /* Menu links incl dropdown */
  .navbar-default .navbar-nav > li a {
    text-align: center;
  }
  /* Dropdown */
  .navbar-nav .open .dropdown-menu {
    padding: 0;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    background: dimgray;
    color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, 
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
  }
}
@media (min-width: 768px) {
  #body.Diensten  .mtb-30 {
    margin-top: 30px;
    margin-bottom: 170px;
  }

  #body.Diensten #footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 230px;
    padding: 0;
    z-index: 3 !important;
  }

  .navbar-nav {
    width: 100%;
    display: table;
  }
  .navbar-nav > li {
    float: none;
    display: table-cell;
  }
  nav .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
  nav .container-fluid { 
    padding-left: 0;
    padding-right: 0;
  }
}

/**********************
****** Carousel *******
**********************/

/* Carousel height */
#carousel-header {
  height: 200px;
}
@media (min-width: 768px) {
  #carousel-header {
    height: 300px;
  }
}
@media (min-width: 992px) {
  #carousel-header {
    height: 350px;
  }
}
@media (min-width: 1200px) {
  #carousel-header {
    height: 400px;
  }
}

/* Carousel backgrounds */
#carousel-header .carousel-inner .bg1 {
  background-image: url("images/slide1.jpg");
}
#carousel-header .carousel-inner .bg2 {
  background-image: url("images/slide2.jpg");
}
#carousel-header .carousel-inner .bg3 {
  background-image: url("images/slide3.jpg");
}


#carousel-header .carousel-indicators {
  z-index: 5;
}
#carousel-header .carousel-inner,
#carousel-header .carousel .item,
#carousel-header .carousel-inner .bg {
  height: 100%;
}

#carousel-header .carousel-inner .bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Carousel fade effect */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/**********************
******** Footer *******
**********************/

/** Sticky Footer ***/
#footer {
  position: relative;
  height: auto;
  padding: 15px 0;
}

@media (min-width: 767px) {
  body {
    margin-bottom: 228px; /* Margin bottom by footer height */
  }
  html {
    position: relative;
    min-height: 100%;
  }

  #footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 230px;
    padding: 0;
    z-index: 3;
  }
  #footer p {
    margin: 0;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  #footer p {
    line-height: 30px;
    text-align: center;
  }
}

/**********************
*** Custom Style ******
**********************/

h4.footer-title a {
    color: #FFD700;
}

#body.RDW-mijn-VWE textarea.form-control {
  height: 100px !important;
}

.footer-title {
  z-index: 3;
  position: relative;
  font-size:22px;
  line-height: 28px;
  font-weight: 700;
  color: #fff;
}

.btn {
  display: block;
  padding: 9px 35px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 6px;
  margin-top: 30px;
  max-width: 300px;
}


.btn-primary, .btn-primary:hover {
  color: #000;
  background-color: #FED700;
  border-color: #FED700;
}

.vragen-bg {
  background: url(//svl.autodealers.nl/upload/17194_thumbnail.png);
  background-size: cover;
  height: 800px;
  z-index: 3;
  position: relative;
}
.vraag-img {
  background: url(//svl.autodealers.nl/upload/17194_bg_vraag.svg);
  width: 100%;
  height: 133px;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 7px;
}
.vraag-text {
  margin: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
}
.mtb-30 {
  margin-top: 30px;
  margin-bottom:30px;
}
.bg-inlog {
  background: url(//svl.autodealers.nl/upload/17194_bg_een_inlog.svg), url(//svl.autodealers.nl/upload/17194_bg_RDW_diensten.svg);
  width: 100%;
  height: 750px;
  background-position: left, right;
  background-repeat: no-repeat;
  margin-top: -60px;
  z-index: 1;
  position: relative;
}
.bg-rdw {
  background: url(//svl.autodealers.nl/upload/17194_bg_RDW_diensten.svg);
  width: 100%;
  height: 750px;
  background-repeat: no-repeat;
}
.mtb-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.bg-inlog-yellow {
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -0.58px;
  text-align: center;
  padding: 270px 0px 0px 38px;
  color: #000;
}

.fat-text {
  font-weight: 700;
}
.bg-inlog-blue {
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -0.58px;
  padding: 300px 60px 60px 0px;
  text-align: center;
  color: #fff;
}
.info-text {
  margin: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.topic-questions{
  display: table;
  width: 100%;
  table-layout: fixed;
}
.topic-questions .topic-question{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.topic-questions .topic-question a{
  display: inline-block;
  max-width: 160px;
  width: 100%;
}
.Praktische-informatie .topic-question.prak-info{
  display: none;
}
.Doorvoer-adverteren .topic-question.doorvoer-adverteren{
  display: none;
}
.RDW-diensten .topic-question.rdw-diensten{
  display: none;
}
.Uw-website .topic-question.uw-website{
  display: none;
}
.Overige-vragen .topic-question.overige-vragen{
  display: none;
}
.knop-img {
  background: url(//svl.autodealers.nl/upload/17194_bg_item.svg) center no-repeat;
  background-size: contain;
  width: 100%;
  height: 157px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mt-30 {
  margin-top: 30px;
}

.link-color, .link-color:hover {
  color: #000;
}
.evert-text{
  text-align: center;
}
.evert-text h2 {
  font-size: 36px;
  font-style: italic;
  font-weight: 400;
  line-height: 40px;
  margin-top: 200px;
}
.evert-text span{
  font-weight: bold;
  font-size: 23px;
}
.Cbg1 {
  background: #B1E0E6;
  z-index: 2;
  position: relative;
}
.sub-title {
  margin-bottom: 60px;
  font-size:  28px;
  color: #fff;
  font-weight: 400;
}

.top-title {
  font-size: 48px;
  margin-top: 155px;
  color: #fff;
}
.welkom-text {
  font-size: 27px;
  line-height: 38px;
  letter-spacing: -0.58px;
}
.logo-pos {
  margin-top: 60px;
  margin-bottom: 30px;
}

.inlog-text {
  font-size: 26px;
  font-style: italic;
  font-weight: 400;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 0px solid #ccc;
  border-radius: 4px;
}

.beantwoord-title {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  margin-top: 50px;
}
.mijn-vwe {
  margin-bottom: 100px;
  margin-top: 20px;
  height: 80px;
}
.inlog-text span,
.inlog-text a{
  display: inline-block;
  vertical-align: middle;
}
.nav-border {
  border-bottom: 3px solid #ccc;
}
.modal-body iframe{
  max-width: 100%;
}
#imaginary_container{
  margin-top:20%; /* Don't copy this */
}
.stylish-input-group .input-group-addon {
  background: #E8E8E8 !important;
}
.stylish-input-group .form-control {
  border-right: 0;
  box-shadow: 0 0 0;
  border-color: #E8E8E8;
  background: #E8E8E8;
}
.stylish-input-group button{
  border:0;
  background:transparent;
}
.Praktische-informatie .werken-met-vwe-bg h1,
.Doorvoer-adverteren .werken-met-vwe-bg h1,
.RDW-diensten .werken-met-vwe-bg h1,
.Uw-website .werken-met-vwe-bg h1,
.Overige-vragen .werken-met-vwe-bg h1{
  font-size: 34px;
}

.RDW-diensten .beantwoord-title,
.Overige-vragen .beantwoord-title,
.Uw-website .beantwoord-title,
.Doorvoer-adverteren .beantwoord-title,
.Praktische-informatie .beantwoord-title{
  margin-top:70px;
}
.vwe-rdw-diensten {
  text-align: center;
  margin: 30px 0;
}
.vwe-rdw-diensten a{
  display: inline-block;
}
.video-banner img{
  cursor: pointer;
}
.modal.fade .modal-dialog{
  position: absolute;
  right: 15px;
  left: 15px;
  top: 45%;
  transform: translateY(-200px);
  -webkit-transform: translateY(-200px);
  margin: auto;
}
#ytplayer{
  margin-top: 30px;
  max-width: 100%;
}

.werken-met-vwe-bg .panel-heading{
  position: relative;
  padding: 10px 45px 10px 15px;
}

.werken-met-vwe-bg .panel-heading .icon{
  position: absolute;
  right: 5px;
  width: 50px;
  height: 50px;
  top: 5px;
}
.werken-met-vwe-bg [aria-expanded="true"] .panel-heading .icon {
  cursor: pointer;
}
.werken-met-vwe-bg [aria-expanded="true"] .panel-heading .icon:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.werken-met-vwe-bg .panel-heading .icon:before, .icon:after {
  content: "";
  position: absolute;
  background: #019EAF;
  transition: 150ms all ease-out;
}
.werken-met-vwe-bg .panel-heading .icon:before {
  top: 23px;
  left: 10px;
  right: 10px;
  height: 3px;
}
.werken-met-vwe-bg .panel-heading .icon:after {
  top: 10px;
  left: 23px;
  bottom: 10px;
  width: 3px;
}
.bg-bekijk-platform{
  padding: 160px 0 60px 0;
  margin-top: -100px;
}
.bekijk-platform-img{
  height:100%;
  display: table;
  width: 100%;
  text-align: right;
}
.bekijk-platform-img .bekijk-platform-img-in{
  display: table-cell;
  vertical-align: middle;
}
.bekijk-platform-img .bekijk-platform-img-in img{
  display: inline-block;
}
.alles-onder-inlog{
  padding: 60px 0;
  text-align: center;
}
.alles-onder-inlog h2{
  margin: 0 0 10px 0;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-transform: uppercase;
}
.alles-onder-inlog p{
  font-size: 25px;
  color: #1D1D1B;
  margin-bottom: 60px;
}
.alles-onder-inlog img{
  max-width: 350px;
  width: 100%;
  margin: 0 auto 30px auto;
}
/**********************
******* Global ********
**********************/

/* Bootstrap */
.bg-primary {
  background: url(//svl.autodealers.nl/upload/17194_bg_footer.svg);
  color: #000;
  background-size: cover;
  background-position: inherit;
}
a.btn-default {
  color: #000;
}

.panel-body {
  padding: 15px;
  background: #fef8d8;
  text-align: left;
}

/* slideshow4 style */
#scroller h3 {
  margin:0;
  line-height: 20px;
}

/**********************
*** Mediaqueries ******
**********************/

/* tot Mobiel (col-xs) */
@media(max-width:767px) {
  .footer-title{
    margin-top: 70px;
  }
  .evert-text{
    margin-bottom: 30px;
  }
  .logo-pos {
    margin-top: 0px;
    margin-bottom: 0px;
    margin: 0 auto;
  }

  .vraag-text {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
  }

  .bg-inlog-yellow1 {
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.58px;
    text-align: center;
    padding: 270px 0px 0px 2px;
  }

  .bg-inlog-yellow {
    color: #000;
    display: none;
  }

  .bg-bekijk-platform {
    padding: 280px 0 60px 0;
    margin-top: -220px;
    text-align: center;
  }


  .bg-inlog-blue {
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.58px;
    padding: 300px 60px 60px 60px;
    text-align: center;
    color: #fff;
  }

  .info-text {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
  }
  .mijn-vwe {
    margin-bottom: 84px;
    margin-top: 20px;
    max-width: 200px;
    height: auto;
    width: 100%;
  }
  .topic-questions{
    display: block;
    text-align: center;
  }
  .topic-questions .topic-question{
    display: inline-block;
    width: 32.92%;
    min-width: 170px;
    margin-bottom: 15px;
  }
  .topic-questions .topic-question:last-child{
    margin-bottom: 0;
  }
  .knop-img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
  }

  .top-title {
    font-size: 48px;
    margin-top: 255px;
    color: #fff;
  }

  .vraag-img {
    background: url(//svl.autodealers.nl/upload/17194_bg_vraag.svg);
    width: 100%;
    height: 133px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 7px;
  }


  .bg-inlog {
    background: transparent;
    width: 100%;
    height: 750px;
    background-position: left, right;
    background-repeat: no-repeat;
    margin-top: -60px;
    z-index: 1;
    position: relative;
  }

  .beantwoord-title {
    font-size: 25px;
    line-height: 40px;
    font-weight: 700;
  }

  .bg-inlog-tel {
    background: url(//svl.autodealers.nl/upload/17194_bg_een_inlog.svg);
    width: 100%;
    height: 750px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -60px;
    z-index: 1;
    position: relative;
  }


  .bg-rdw-tel {
    background: url(//svl.autodealers.nl/upload/17194_bg_RDW_diensten.svg);
    width: 100%;
    height: 750px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -60px;
    z-index: 1;
    position: relative;
  }


  .vragen-bg {
    background: url(//svl.autodealers.nl/upload/17194_thumbnail.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 1785px;
  }
  #imaginary_container {
    margin-top: 10%;
    margin-bottom: 30px;
  }

  .evert-text h2{
    font-size: 27px;
    line-height: 31px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .evert-text span{
    font-size: 20px;
  }
  .inlog-text span,
  .inlog-text a{
    display: block;
  }
}

.modal-backdrop {
  position: relative !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

/* Vanaf Tablet staand/portait modus (col-sm en hoger) */
@media(min-width: 768px) {
  .footer-title{
    margin-top: 130px;
  }
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .monitor {
    margin: 0 auto;  
  }

  .fl {
    text-align: center;
    float: right;
    max-width: 180px;
    width: 100%;
  }
  #body.Diensten .knop-img {
    background: url(//svl.autodealers.nl/upload/17194_bg_item.svg);
    width: 100%;
    height: 157px;
    background-repeat: no-repeat;
    margin-top: 5px;
    margin-bottom: 20px;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 7px;
  }
  .mg {
    margin-top: 5px;
  }
  .vraag-img {
    background: url(//svl.autodealers.nl/upload/17194_bg_vraag.svg);
    width: 100%;
    height: 133px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 7px;
  }


  .bg-inlog-yellow {
    color: #000;
    display: none;
  }

  .info-text {
    font-size: 16px;
  }

  .knop-img {
    width: 100%;
    height: 130px;
  }
  .vragen-bg {
    background: url(//svl.autodealers.nl/upload/17194_thumbnail.png);
    background-size: cover;
    height: 910px;
  }

  .evert-text h2{
    font-size: 30px;
    line-height: 34px;
    margin-top: 70px;
  }

  .beantwoord-title {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 150px;
  }


  .inlog-text {
    font-size: 23px;
    font-style: italic;
    font-weight: 400;
    margin-top: 75px;
  }
  .bg-inlog-tel {
    background: url(//svl.autodealers.nl/upload/17194_bg_een_inlog.svg);
    width: 100%;
    height: 750px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -60px;
    z-index: 1;
    position: relative;
  }

  .bg-inlog {
    background: transparent;
    width: 100%;
    height: 750px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -60px;
    z-index: 1;
    position: relative;
  }

  .bg-inlog-yellow1 {
    color: #000;
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.58px;
    text-align: center;
    padding: 230px 0px 0px 2px;
  }

  .bg-rdw-tel {
    background: url(//svl.autodealers.nl/upload/17194_bg_RDW_diensten.svg);
    width: 100%;
    height: 650px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -60px;
    z-index: 1;
    position: relative;
  }
  .bg-inlog-blue {
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.58px;
    padding: 300px 60px 60px 60px;
    text-align: center;
    color: #fff;
  }
  .topic-questions .topic-question a{
    max-width: 133px;
  }
  .video-banner img{
    margin: 90px auto 0 auto;
  }
}

/* Vanaf Tablet liggend/landscape modus (col-md en hoger) */
@media(min-width: 992px) {
  .footer-title{
    margin-top: 150px;
  }
  .vraag-text {
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 800;
  }
  .video-banner img{
    margin: 60px auto 0 auto;
  }
  .vraag-img {
    background: url(//svl.autodealers.nl/upload/17194_bg_vraag.svg);
    width: 100%;
    height: 133px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 15px;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 7px;
  }

  .evert-text h2{
    font-size: 36px;
    line-height: 40px;
    margin-top:90px;
  }

  .mg {
    margin-top: 25px;
  }

  .info-text {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
  }
  .topic-questions .topic-question a{
    max-width: 160px;
  }

  .knop-img {
    width: auto;
    height: 157px;
  }
  .info-text {
    font-size: 18px;
  }
  .info-text {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
  }

  .vragen-bg {
    background: url(//svl.autodealers.nl/upload/17194_thumbnail.png);
    background-size: cover;
    height: 920px;
    margin-top: -50px;
  }
  .Home .beantwoord-title{
    margin-top: 100px;
  }
}

/* Vanaf computerscherm (col-lg) */
@media(min-width: 1200px) {
  #body.Diensten  .mtb-30 {
    margin-top: 30px;
    margin-bottom: 50px;
  }

  .vragen-bg {
    background: url(//svl.autodealers.nl/upload/17194_thumbnail.png);
    background-size: cover;
    height: 800px;
    margin-top: -50px;
  }

  .vraag-img {
    background: url(//svl.autodealers.nl/upload/17194_bg_vraag.svg);
    width: 100%;
    height: 133px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 15px;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 7px;
  }

  #body.Diensten .knop-img {
    background: url(//svl.autodealers.nl/upload/17194_bg_item.svg);
    width: 100%;
    height: 157px;
    background-repeat: no-repeat;
    margin-top: 39px;
    margin-bottom: 172px;
  }

  .info-text {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
  }
  .bg-inlog-yellow1 {
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.58px;
    text-align: center;
    padding: 270px 0px 0px 2px;
  }

  .bg-inlog {
    background: url(//svl.autodealers.nl/upload/17194_bg_een_inlog.svg), url(//svl.autodealers.nl/upload/17194_bg_RDW_diensten.svg);
    width: 100%;
    height: 750px;
    background-position: left, right;
    background-repeat: no-repeat;
    margin-top: -60px;
    z-index: 1;
    position: relative;
  }

  .bg-inlog-blue {
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.58px;
    padding: 300px 60px 60px 180px;
    text-align: center;
    color: #fff;
  }
  .bg-inlog-tel {
    background: transparent;
    width: 100%;
    height: 750px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -60px;
    z-index: 1;
    position: relative;
  }


  .bg-inlog-yellow1 {
    color: #000;
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.58px;
    text-align: center;
    display: none;
    padding: 270px 0px 0px 100px;
  }

  .bg-inlog-yellow {
    color: #000;
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.58px;
    /* text-align: center; */
    display: inline-block;
    padding: 270px 0px 0px 160px;
  }


  .beantwoord-title {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 30px;
  }


  .bg-rdw-tel {
    display: none;
    background: transparent;
    width: 100%;
    height: 410px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -60px;
    z-index: 1;
    position: relative;
  }

  .evert-text h2 {
    font-size: 36px;
    font-style: italic;
    font-weight: 400;
    text-align: center;
    line-height: 40px;
    margin-top: 190px;
  }
  .Home .beantwoord-title{
    margin-top: 100px;
  }
}


/*Pagina opzeggen*/

#body.Opzeggen #main a {
    color: #009EAF;
}