@import url(../css/selectize.default.css);
@font-face {
  font-family: "kenteken";
  src: url("../fonts/Kenteken.ttf"); }

body {
  font-family: 'Montserrat', sans-serif;
  color: #53554c; }

i.fas {
  font-size: 24px; }

.shadow {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1029;
  background: rgba(0, 0, 0, 0.5); }

.contact-iframe {
  width: 50%;
  float: right;
  margin-top: -430px;
}

@media screen and (max-width: 767px) {
  .contact-iframe {
    float: none;
    margin-top: 10px;
    width: 100%;
  } }

.cookieshadow {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999999998;
  background: rgba(0, 0, 0, 0.5); }

.container-fluid {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  background: white; }

.cookiebar {
  background: #309dd5;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999999;
  transition: all 500ms;
  margin-bottom: -100px;
}
.cookiebar .inner {
  position: relative;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row; }
.cookiebar .inner p {
  color: white;
  margin-bottom: 0; }
.cookiebar .inner .btn {
  background: #ffc800;
  margin-left: 15px;
  padding: 5px 30px;
  text-align: center;
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center; }
.cookiebar .inner .btn p {
  color: #53554b;
  font-weight: bold; }
@media (max-width: 767.98px) {
  .cookiebar .inner .btn {
    margin-left: 0;
    width: 100%;
    margin-top: 15px;
    justify-content: center;
  }
  .video-container .embed-container {
    padding-top: 0;
  }
}

@media (max-width: 767.98px) {
  .cookiebar .inner {
    flex-direction: column; } }

.breadcrumbs a {
  background: transparent !important;
  padding: 5px !important;
  margin: 0 1em 0 0 !important; }
.breadcrumbs a:after {
  content: ">" !important;
  background: unset !important;
  background: unset !important;
  height: unset !important;
  margin-top: unset !important;
  position: absolute !important;
  right: unset !important;
  top: 4px !important;
  width: unset !important;
  z-index: -1 !important;
  transform: unset !important;
  border-radius: unset !important;
  left: 26px !important;
  font-size: 15px !important; }

.breadcrumbs .breadcrumb_last, .breadcrumbs strong {
  background: none !important;
  text-decoration: underline !important;
  padding: 5px !important; }
.breadcrumbs .breadcrumb_last:after, .breadcrumbs strong:after {
  display: none !important;
  content: none !important; }

.popover {
  z-index: 4 !important; }

.highlighted {
  opacity: 1 !important;
  transition: opacity 200ms; }

.container-fluid:after {
  content: '';
  position: absolute;
  left: 0;
  /* make full width */
  right: 0;
  /* make full width */
  margin-left: auto;
  /* set to center */
  margin-right: auto;
  /* set to center */
  width: 4.5rem;
  /* Width makes the tip of the triangle flat. 0 for just a pointy tip */
  z-index: 1;
  /* Used to keep the triangle visible on top of the next div below the current div */
  border-top: 1.5rem solid white;
  /* Determines the height and the color of the triangle */
  border-left: 2rem solid transparent;
  /* Determines the width of the triangle together with the border-right */
  border-right: 2rem solid transparent;
  /* Determines the width of the triangle together with the border-left */
  bottom: -1.5rem;
  /* Positions the triangle below the div by setting this value to the same value as the border-top */ }

.container-fluid:nth-child(even) {
  background-color: #f6f6f6;
  /* Alternate background-color */
  color: black; }
.container-fluid:nth-child(even) .sr-card {
  background: white; }
.container-fluid:nth-child(even):after {
  border-top: 1.5rem solid #f6f6f6;
  /* Alternate triangle color */ }
.container-fluid:nth-child(even) .serviceright-garages .brands {
  border-top: 1px solid #f6f6f6 !important; }

.without:after {
  border: unset !important;
  /* Unset the border to make the triangle disappear */ }

.arrow-cube::after {
  background-color: #f6f6f6;
  box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, 0.4);
  content: "\00a0";
  display: block;
  height: 25px;
  left: 0;
  right: 0;
  bottom: -12.5px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 25px; }

.absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.img {
  width: 100%;
  height: 150px;
  background: no-repeat center #b1b1b1;
  background-size: contain; }

.clickable {
  cursor: pointer; }

.card .inner {
  border-radius: 15px; }
.card .inner .img {
  border-radius: 15px 15px 0 0; }

.submenu-open {
  background: #e7e7e7; }

.primary-blue {
  color: #309dd5; }

.dropdown-target {
  display: none; }

.link-unstyled {
  color: #4e4e4e; }
.link-unstyled:hover {
  color: #4e4e4e; }

.btn {
  position: relative; }
.btn p {
  margin: 0; }
.btn:hover:before, .btn:hover:after {
  cursor: default; }

.btn-cta {
  position: relative;
  color: #353535;
  background-color: #ffc800;
  border: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin-top: 15px;
  min-height: 42px;
  height: 42px;
  width: 100%;
  font-size: 22px;
  padding: 4px 0;
  text-decoration: none; }
.btn-cta:hover {
  color: #ffffff;
  background-color: #ffce1a; }
.btn-cta:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }
@media (max-width: 1199.98px) {
  .btn-cta {
    font-size: 18px;
    padding: 8px 0; } }
@media (max-width: 767.98px) {
  .btn-cta {
    font-size: 15px;
    padding: 10px 0; } }

.white-arrow path {
  stroke: white !important; }

svg {
  stroke: #53554c !important; }
svg * {
  stroke: #53554c !important; }

.selectize-input {
  background: url("../img/dropdown-arrow.svg") no-repeat right 0.5rem center;
  background-size: 12px; }

.optgroup-header {
  color: #309dd5 !important; }

.arrow-before {
  position: absolute;
  top: -7rem;
  left: 0;
  width: 80px;
  height: 80px;
  opacity: 0;
  -moz-transform: scaleX(-1) rotate(-20deg);
  -o-transform: scaleX(-1) rotate(-20deg);
  -webkit-transform: scaleX(-1) rotate(-20deg);
  transform: scaleX(-1) rotate(-20deg);
  filter: FlipH;
  -ms-filter: "FlipH"; }
.arrow-before svg {
  stroke: #53554c; }
@media (max-width: 991.98px) {
  .arrow-before {
    display: none; } }

.arrow-after {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  opacity: 0; }
.arrow-after svg {
  stroke: #53554c; }
@media (max-width: 991.98px) {
  .arrow-after {
    display: none; } }

.arrow-animate {
  opacity: 1 !important; }
.arrow-animate path {
  fill-opacity: 0;
  stroke: #53554c;
  stroke-dasharray: 220;
  stroke-dashoffset: 220;
  animation: draw 3s ease-out forwards;
  animation-delay: 0.3s; }
@media (max-width: 991.98px) {
  .arrow-animate {
    display: none; } }

@keyframes draw {
  to {
    stroke-dashoffset: 0; } }

.flipped {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }

.star-ratings-sprite {
  background: url("../img/star_sprite_xxs_correct_svg.svg") repeat-x;
  background-size: 2.2rem;
  height: 2.5rem;
  overflow: hidden;
  width: 11rem; }
@media (max-width: 991.98px) {
  .star-ratings-sprite {
    transform: scale(0.5);
    margin-left: -45px; } }

.star-ratings-sprite-rating {
  background: url("../img/star_sprite_xxs_correct_svg.svg") repeat-x;
  background-size: 2.2rem;
  background-position: 0 100%;
  float: left;
  height: 2.1rem;
  display: block; }

.white {
  color: white !important; }

.font-small {
  font-size: 17px !important; }
@media (max-width: 991.98px) {
  .font-small {
    font-size: 13px !important; } }

.title {
  font-weight: bold;
  color: #53554c;
  font-size: 35px; }
@media (max-width: 767.98px) {
  .title {
    font-size: 24px; } }

.close {
  position: absolute;
  right: 15px;
  top: 5px; }

.close-inverse {
  color: white;
  position: absolute;
  right: 15px;
  top: 5px; }
.close-inverse:hover {
  color: white; }
.close-inverse:active, .close-inverse:focus, .close-inverse:visited {
  outline: none !important;
  color: white !important; }

.title-inverse {
  color: white; }

.subtitle {
  font-size: 24px;
  color: #53554c; }
@media (max-width: 991.98px) {
  .subtitle {
    font-size: 17px; } }

.subtitle-inverse {
  color: white; }

.second-title {
  font-size: 24px;
  color: #53554c;
  font-weight: bold; }

.sr-text {
  color: #53554c; }

.sr-card {
  border-radius: 15px;
  transition: box-shadow 200ms;
  background: #f6f6f6; }
.sr-card:hover {
  box-shadow: 0 0 20px 0 rgba(70, 70, 70, 0.3); }
.sr-card.card .img {
  border-radius: 15px 15px 0 0; }

.no-background {
  background-color: transparent; }

.popup-on-hover {
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  text-align: center;
  padding: 8px;
  font-size: 17px;
  border-radius: 15px;
  transition: box-shadow 200ms;
  background: #f6f6f6;
  box-shadow: 0 0 20px 0 rgba(70, 70, 70, 0.3);
  margin-bottom: 25px; }
.popup-on-hover p {
  font-size: 15px;
  z-index: 1;
  position: relative; }
.popup-on-hover .arrow-cube:after {
  border-top-color: #f6f6f6; }

.modal.fade .modal-dialog {
  transform: none !important;
  transition: all 1s !important; }

#blog-popup .modal-content {
  border: none;
}

#blog-popup .modal-header {
  position: relative;
  height: 150px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}

#blog-popup .modal-body {
  overflow: hidden;
  position: relative;
}

#blog-popup .bgImg {
  width: 30%;
  border-radius: 15px;
  overflow: hidden;
  position: absolute;
  bottom: -25px;
  left: -55px;
}

@media screen and (max-width: 767px) {
  #blog-popup .bgImg {
    display: none;
  }
}

#blog-popup .discount {
  background: #309dd5;
  height: 100px;
  width: 100px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -50px;
  left: -50px;
}

@media screen and (max-width: 576px) {
  #blog-popup .discount {
    top: -25px;
    left: -7px;
  }
}

#blog-popup .discount p {
  font-size: 29px;
  color: white;
  margin: 0;
  text-align: center;
  font-weight: bold;
}

.popover {
  border-radius: 15px;
  background: #f6f6f6;
  box-shadow: 0 0 20px 0 rgba(70, 70, 70, 0.3);
  transition: 1s opacity; }

.licenseplate-input {
  font-family: "kenteken", sans-serif !important; }

.licenseplate:focus {
  outline: 0; }

.modal-header {
  border-bottom: none !important; }

.btn-cta {
  outline: 0 !important;
  font-size: 16px;
  padding: 9px 0;
  border-radius: 100px;
  color: #fff;
  border: 0px;
  background-color: #ffc800;
  border-bottom: 3px solid #e6b70b;
  border-top: 0px solid #e6b70b;
  font-weight: bold;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out; }
.btn-cta:hover {
  background-color: #e6b70b;
  border-bottom: 0px solid #ffc800;
  border-top: 3px solid #e6b70b;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out; }

.btn:focus {
  outline: 0 !important;
  box-shadow: none !important; }

.blue-card .btn-cta:hover {
  border-top: 3px solid #2698ce; }

.fixed-nav .btn-cta:hover {
  border-top: 3px solid #fff; }

@media (min-width: 768px) {
  .modal-dialog-centered {
    max-width: 600px; } }

.popover {
  z-index: 1061 !important; }

.modal#aggregate-rating-modal {
  border-radius: 15px; }
.modal#aggregate-rating-modal .modal-content {
  border-radius: 15px;
  border: none; }
.modal#aggregate-rating-modal .modal-content .modal-header {
  padding: 0 15px;
  background: #484848;
  border-radius: 15px 15px 0 0; }
.modal#aggregate-rating-modal .modal-content .modal-header .row {
  width: 100%; }
.modal#aggregate-rating-modal .modal-content .modal-header .row .score {
  background: #449ad2;
  border-top-left-radius: 15px; }
.modal#aggregate-rating-modal .modal-content .modal-header .row .score h2 {
  font-size: 40px;
  font-style: italic; }
@media (max-width: 767.98px) {
  .modal#aggregate-rating-modal .modal-content .modal-header .row .score h2 {
    font-size: 30px; } }
@media (max-width: 767.98px) {
  .modal#aggregate-rating-modal .modal-content .modal-header .row .score {
    display: flex;
    align-items: center; } }
.modal#aggregate-rating-modal .modal-content .modal-header .row .title-text h3 {
  font-size: 18px; }
.modal#aggregate-rating-modal .modal-content .modal-body {
  background: #f6f6f6;
  border-radius: 0 0 15px 15px; }
.modal#aggregate-rating-modal .modal-content .modal-body .review-list {
  height: 100%; }
.modal#aggregate-rating-modal .modal-content .modal-body .review-list .review .star-ratings-sprite {
  transform: scale(0.5);
  margin-left: -30px; }
@media (max-width: 767.98px) {
  .modal#aggregate-rating-modal .modal-content .modal-body .review-list {
    overflow-y: scroll; } }
.modal#aggregate-rating-modal .modal-content .modal-body .view-all p a {
  text-decoration: underline; }
.modal#aggregate-rating-modal .modal-content .modal-footer {
  border-top: none;
  background: #f6f6f6;
  border-radius: 0 0 15px 15px; }

.modal#no-licenseplate-modal .modal-header {
  border: none; }
.modal#no-licenseplate-modal .modal-header .row {
  width: 100%; }
.modal#no-licenseplate-modal .modal-header .row .title-text h3 {
  font-size: 18px; }
.modal#no-licenseplate-modal .modal-header .row .title-text:after {
  transform: scale(0.5);
  right: -1rem;
  top: 1rem; }
@media (max-width: 767.98px) {
  .modal#no-licenseplate-modal .modal-header .row .title-text:after {
    display: none; } }
.modal#no-licenseplate-modal .modal-header .row .close {
  padding: 0;
  margin: 0; }
.modal#no-licenseplate-modal .modal-header .row .close span {
  font-size: 45px; }

.modal#no-licenseplate-modal .brand-select,
.modal#no-licenseplate-modal .model-select,
.modal#no-licenseplate-modal .buildyear-select,
.modal#no-licenseplate-modal .fuel-select {
  opacity: 0.2; }
.modal#no-licenseplate-modal .brand-select.active,
.modal#no-licenseplate-modal .model-select.active,
.modal#no-licenseplate-modal .buildyear-select.active,
.modal#no-licenseplate-modal .fuel-select.active {
  opacity: 1; }

.modal#full-reference-modal .modal-body {
  border: none; }
.modal#full-reference-modal .modal-body .review {
  border-radius: 15px; }
.modal#full-reference-modal .modal-body .review .inner .star-ratings-sprite {
  margin: 0 auto !important;
  transform: scale(0.5); }
@media (max-width: 991.98px) {
  .modal#full-reference-modal .modal-body .review .inner .star-ratings-sprite {
    margin-left: -30px; } }
@media (max-width: 767.98px) {
  .modal#full-reference-modal .modal-body .review .inner .star-ratings-sprite {
    margin: 0 auto; } }

.modal#full-reference-modal .modal-footer {
  border: none; }

.modal#licenseplate-mobile .licenseplate-box {
  position: relative; }
.modal#licenseplate-mobile .licenseplate-box .hover {
  transition: 400ms all ease-in-out; }
.modal#licenseplate-mobile .licenseplate-box .hover .licenseplate {
  text-transform: uppercase;
  border: 2px solid #ffffff;
  background-color: #FEC62E;
  color: #7b7b7b;
  border-radius: 6px 0 0 6px;
  padding: 10px 0 10px 20px;
  font-size: 22px;
  text-align: center;
  width: 100%;
  max-width: 35rem;
  height: unset;
  background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d5/EU-section-with-NL.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 15px; }
@media (max-width: 767.98px) {
  .modal#licenseplate-mobile .licenseplate-box .hover .licenseplate {
    margin-top: 0;
    font-size: 16px; } }
.modal#licenseplate-mobile .licenseplate-box:before {
  top: -5rem;
  left: -3rem;
  filter: invert(0%);
  -moz-transform: scaleX(-1) rotate(-30deg);
  -o-transform: scaleX(-1) rotate(-30deg);
  -webkit-transform: scaleX(-1) rotate(-30deg);
  transform: scaleX(-1) rotate(-30deg); }
@media (max-width: 767.98px) {
  .modal#licenseplate-mobile .licenseplate-box:before {
    display: none; } }

.modal#licenseplate-mobile .submit-licenseplate {
  padding: 10px;
  opacity: 0.3;
  transition: opacity 200ms;
  border-radius: 0 6px 6px 0;
  border: 2px solid white;
  border-left: 0;
  height: auto; }
@media (max-width: 767.98px) {
  .modal#licenseplate-mobile .submit-licenseplate {
    margin-top: 0; } }

.modal#licenseplate-mobile .select-service {
  opacity: 0.3; }

.modal#licenseplate-mobile .no-licenseplate p {
  font-size: 13px;
  text-decoration: underline; }

.modal#licenseplate-mobile .title {
  font-size: 21px;
  font-weight: normal;
  font-style: italic; }

.modal .modal-header .close {
  padding: 0;
  margin: 0; }
.modal .modal-header .close span {
  font-size: 45px; }

.modal .modal-body {
  border: none; }

.modal .modal-footer {
  border: none; }

@font-face {
  font-family: openSans-Bold;
  src: url("../fonts/openSans-Bold.ttf"); }

@font-face {
  font-family: bradleyHand;
  src: url("../fonts/Bradley_Hand_ITC_TT.ttf"); }

body {
  margin: 0; }

.spacer {
  height: 1000px; }
.spacer h2 {
  margin-top: 100px; }

.container-fluid .fixed-nav {
  box-shadow: 0 5px 20px 0 rgba(70, 70, 70, 0.3); }
.container-fluid .fixed-nav .inner-licenseplate-box {
  margin-left: -50px;
  margin-right: 50px; }
@media (max-width: 991.98px) {
  .container-fluid .fixed-nav .inner-licenseplate-box {
    margin-left: 0;
    margin-right: 0; } }

.container-fluid .fixed-nav-btn {
  min-height: 25px;
  height: 25px;
  padding: 0; }

.container-fluid .header {
  background: white; }
.container-fluid .header .container {
  background: white;
  z-index: 2; }
.container-fluid .header .container .navbar-parent {
  display: block;
  height: 100%; }
.container-fluid .header .container .navbar-parent .row .logo .img {
  background: url("../img/serviceright-autos-logo.png") no-repeat center;
  background-size: contain;
  width: 80%;
  height: 100%; }
@media (max-width: 991.98px) {
  .container-fluid .header .container .navbar-parent .row .logo .img {
    background: url("../img/mobile-logo2.svg") no-repeat left center !important;
    background-size: contain;
    height: 70%;
    width: 100%; } }
.container-fluid .header .container .navbar-parent .row .review .score {
  margin-bottom: -0.8rem; }
@media (min-width: 768px) {
  .container-fluid .header .container .navbar-parent .row .review .score p span {
    display: none; } }
@media (min-width: 768px) {
  .container-fluid .header .container .navbar-parent .row .review .score p {
    font-size: 45px;
    line-height: normal;
    margin-top: 2px; } }
@media (max-width: 991.98px) {
  .container-fluid .header .container .navbar-parent .row .review .score p {
    font-size: 43px; } }
@media (max-width: 767.98px) {
  .container-fluid .header .container .navbar-parent .row .review .score p {
    font-size: 14px;
    margin-top: 10px; } }
@media (min-width: 768px) {
  .container-fluid .header .container .navbar-parent .row .review .score {
    margin-bottom: 0; } }
.container-fluid .header .container .navbar-parent .row .review .ratings p {
  display: none;
  font-size: 15px;
  margin-top: 10px; }
@media (min-width: 768px) {
  .container-fluid .header .container .navbar-parent .row .review .ratings p {
    display: block; } }
.container-fluid .header .container .navbar-parent .row .review .ratings .star-ratings-sprite {
  margin-left: 0; }
@media (min-width: 768px) {
  .container-fluid .header .container .navbar-parent .row .review .ratings .star-ratings-sprite {
    transform: scale(0.5);
    margin-left: -44px;
    margin-top: -10px; } }
.container-fluid .header .container .navbar-parent .row .review:hover {
  cursor: pointer; }
.container-fluid .header .container .navbar-parent .row .licenseplate-box {
  display: none; }
.container-fluid .header .container .navbar-parent .row .licenseplate-box .submit-licenseplate {
  padding: 9.5px;
  opacity: 0.3;
  transition: opacity 200ms;
  border-radius: 0 6px 6px 0;
  border-top: 0px;
  height: auto;
  border-bottom: 3px;
  border-right: 1px;
  border: solid #FFF;
  margin-top: 0; }
.container-fluid .header .container .navbar-parent .row .contact .icon {
  position: relative; }
.container-fluid .header .container .navbar-parent .row .contact .icon a {
  display: block; }
@media (min-width: 576px) {
  .container-fluid .header .container .navbar-parent .row .contact .icon a {
    display: none; } }
.container-fluid .header .container .navbar-parent .row .contact .icon i {
  font-size: 25px;
  color: #2c9dd3; }
.container-fluid .header .container .navbar-parent .row .contact .toggle-contact-details {
  display: none;
  border-radius: 0 0 15px 15px;
  box-shadow: 0 5px 20px 0 rgba(70, 70, 70, 0.3); }
.container-fluid .header .container .navbar-parent .row .contact .contact-details {
  display: none; }
.container-fluid .header .container .navbar-parent .row .contact .contact-details .arrow-cube {
  display: none; }
.container-fluid .header .container .navbar-parent .row .contact .contact-details p {
  font-size: 16px;
  color: #868686; }
.container-fluid .header .container .navbar-parent .row .contact .contact-details p a {
  color: #2c9dd3;
  font-size: 25px; }
@media (max-width: 991.98px) {
  .container-fluid .header .container .navbar-parent .row .contact .contact-details p a {
    font-size: 20px; } }
@media (min-width: 768px) {
  .container-fluid .header .container .navbar-parent .row .contact .contact-details p:first-of-type {
    margin-bottom: -5px; } }
@media (min-width: 992px) {
  .container-fluid .header .container .navbar-parent .row .contact .contact-details {
    display: flex; } }
@media (max-width: 991.98px) {
  .container-fluid .header .container .navbar-parent .row .contact .contact-details {
    z-index: 0;
    position: absolute;
    top: 85px;
    right: 0;
    background: #f6f6f6;
    padding: 10px;
    border-radius: 15px; }
  .container-fluid .header .container .navbar-parent .row .contact .contact-details .arrow-cube {
    display: block; }
  .container-fluid .header .container .navbar-parent .row .contact .contact-details .arrow-cube:after {
    top: -12.5px;
    z-index: -2;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg); } }
.container-fluid .header .container .navbar-parent .row .contact .nav-button {
  display: inline-block;
  position: relative;
  padding: 0;
  background: none transparent;
  border: 0;
  border-radius: 0;
  margin-left: 0; }
.container-fluid .header .container .navbar-parent .row .contact .nav-button i {
  color: #2c9dd3;
  font-size: 29px;
  margin-top: 3px; }
.container-fluid .header .container .navbar-parent .row .contact .nav-button:focus {
  outline: none; }
.main-menu-items {
  display: none;
  align-items: unset;
  transition: 500ms all ease;
  margin-right: -100%;
  top: 78px; /*top: 70px;*/
  width: 100%;
  background: white;
  padding: 0;
  z-index: 1030;
  position: fixed;
}

#navbarNavDropdown {
  display: flex;
  justify-content: center;
}

#navbarNavDropdown #menu-hoofdmenu {
  margin: 0 auto;
}

.main-menu-items.open {
  margin-right: 0 !important;
  display: flex;
  flex-direction: column;
}

/*TODO dit met js/vue*/
.header-banner {
  margin-top: 70px !important;
}

.dropdown-menu {
  margin-top: 0;
  border-top: unset;
  border-radius: 0 0 0.25rem 0.25rem;
}

@media (max-width: 991.98px) {
  .header-bar-search form .form-group {
    margin: 0 25px 0 0 !important;
    margin-left: auto !important;
  }

  .main-menu-items {
    flex-direction: column-reverse !important ;
    justify-content: flex-end;
  }

  .main-menu-items {
    position: fixed;
    top: 70px;
    right: 0;
    bottom: 0;
    background: white;
    padding: 0;
    z-index: 1030;
    overflow-y: scroll;
    width: 300px;}

  .dropdown-menu {
    position: relative !important;
    top: unset;
    left: unset;
    margin: 0 !important;
    padding: 0;
    border: none;
  }

  .dropdown-menu a {
    padding-right: 60px !important;
  }

  .main-menu-items #navbarNavDropdown ul li a {
    text-align: right;
  }

  #navbarNavDropdown {
    padding-top: 11px;
  }

  #navbarNavDropdown #menu-hoofdmenu {
    width: 100%;
    flex-direction: column !important;
  }

  #navbarNavDropdown #menu-hoofdmenu li {
    padding: 5px 20px;
  }
}
@media (max-width: 767.98px) {

}
@media (max-width: 991.98px) {
  .main-menu-items #navbarNavDropdown ul li {
    padding: 5px 0; }

  .main-menu-items #navbarNavDropdown ul{
    width: 90%; }}
@media (max-width: 991.98px) {
  .main-menu-items #navbarNavDropdown ul li:active, .main-menu-items #navbarNavDropdown ul li:visited, .main-menu-items #navbarNavDropdown ul li:focus {
    background: rgba(0, 0, 0, 0.05); } }
@media (max-width: 991.98px) {
  .main-menu-items #navbarNavDropdown ul li a {
    position: relative;
    padding: 10px 40px 10px 20px;
    color: #53554c;
  } }
@media (max-width: 991.98px) {
  .main-menu-items #navbarNavDropdown ul li a:after {
    position: absolute;
    right: 10px;
    top: 15px; } }
@media (max-width: 991.98px) {
  .main-menu-items #navbarNavDropdown ul li ul {
    border: none;
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    height: 500px;
    overflow-y: auto;
  }
  .blogendienst .arrow-right {
    position: absolute;
    top: 7px;
    text-align: right;
  }

  .blogendienst .row {
    position: relative;
  }
}
@media (max-width: 991.98px) {
  .main-menu-items #navbarNavDropdown ul li ul li {
    position: relative; } }
.main-menu-items .menu-item {
  position: relative;
  padding: 5px 8px;
  border-radius: .25rem; }
.main-menu-items .menu-item p {
  margin-bottom: 0;
  padding: 5px 5px 5px 0; }
.main-menu-items .menu-item.submenu-parent i {
  font-size: 17px; }
.main-menu-items .menu-item.submenu-parent .submenu {
  z-index: 1;
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top: none;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
@media (max-width: 991.98px) {
  .main-menu-items .menu-item.submenu-parent .submenu {
    position: relative;
    left: unset;
    bottom: unset;
    top: unset;
    width: 100%;
    background: white;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    border: none;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none; } }
.main-menu-items .menu-item.submenu-parent .submenu .submenu-item {
  padding: 5px;
  position: relative;
  z-index: 2; }
.main-menu-items .menu-item.submenu-parent .submenu .submenu-item:hover {
  background: #f6f6f6; }
.main-menu-items .menu-item.submenu-parent:hover {
  cursor: pointer; }
@media (max-width: 991.98px) {
  .main-menu-items .menu-item {
    width: 100%; } }
.main-menu-items .menu-item:hover {
  background: #f6f6f6; }
.main-menu-items .search .fa-search:hover {
  cursor: pointer; }
.main-menu-items .search .search-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: none;
  border-radius: 6px; }
.main-menu-items .search .search-bar input {
  padding: 2px 5px;
  width: 100%;
  border-radius: 6px;
  outline: 0;
  border: 1px solid #53554c; }
.main-menu-items .search .search-bar .fa-search {
  font-size: 17px;
  color: #64b4de;
  margin-right: 7px; }
.main-menu-items .search .search-bar:hover {
  background: transparent; }
@media (max-width: 991.98px) {
  .main-menu-items .search .search-bar {
    padding: 0 8px; } }
.container-fluid .header.navbar-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  z-index: 1062;
  width: 100%; }
.container-fluid .header.navbar-fixed .container .navbar-parent .logo .img {
  background: url("../img/mobile-logo2.svg") no-repeat left center !important;
  background-size: contain;
  height: 70%;
  width: 100%; }
.container-fluid .header.navbar-fixed .container .navbar-parent .review {
  display: none !important; }
.container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box {
  display: block; }
.container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .discount {
  color: #53554c;
  position: relative; }
.container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .discount p {
  font-size: 20px;
  margin-bottom: 0; }
.container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .discount p:first-of-type {
  font-size: 35px;
  margin-bottom: -15px;
  font-family: "openSans-Bold", sans-serif; }
@media (max-width: 991.98px) {
  .container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .discount p:first-of-type {
    font-size: 20px;
    margin-bottom: 0; } }
@media (max-width: 767.98px) {
  .container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .discount p:first-of-type {
    font-size: 15px; } }
.container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .discount p:last-of-type {
  font-family: bradleyHand, serif; }
@media (max-width: 991.98px) {
  .container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .discount p {
    font-size: 20px; } }
@media (max-width: 767.98px) {
  .container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .discount p {
    font-size: 15px; } }
.container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .discount .arrow {
  position: absolute;
  top: -1.3rem;
  right: 0;
  -moz-transform: rotate(-110deg);
  -o-transform: rotate(-110deg);
  -webkit-transform: rotate(-110deg);
  transform: rotate(-110deg);
  z-index: 1;
  width: 45px;
  stroke-width: 2px;
  stroke: #53554c !important; }
.container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .discount .arrow svg {
  stroke: #53554c !important;
  fill: transparent !important; }
.container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .discount .arrow svg * {
  stroke: #53554c !important;
  fill: transparent !important; }
@media (max-width: 991.98px) {
  .container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .discount .arrow {
    display: none; } }
.container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .licenseplate input {
  text-transform: uppercase;
  border: 2px solid #ffffff;
  background-color: #FEC62E;
  color: #7b7b7b;
  border-radius: 6px 0 0 6px;
  padding: 10px 0 7px 30px;
  font-size: 20px;
  text-align: center;
  width: 100%;
  max-width: 35rem;
  height: unset;
  background-image: url("../img/EU-section-with-NL_spoochy.svg");
  background-repeat: no-repeat;
  background-size: contain; }
.container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .licenseplate input:active, .container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .licenseplate input:focus {
  outline: none; }
@media (max-width: 767.98px) {
  .container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .licenseplate input {
    font-size: 18px !important; } }
@media (max-width: 991.98px) {
  .container-fluid .header.navbar-fixed .container .navbar-parent .licenseplate-box .licenseplate {
    display: none !important; } }
.container-fluid .header.navbar-fixed .container .navbar-parent .btn {
  display: none; }
.container-fluid .header.navbar-fixed .container .navbar-parent .btn p {
  font-size: 17px; }
@media (max-width: 991.98px) {
  .container-fluid .header.navbar-fixed .container .navbar-parent .btn {
    display: block; } }
.container-fluid .header.navbar-fixed .container .navbar-parent .contact {
  position: relative; }
.container-fluid .header.navbar-fixed .container .navbar-parent .contact .contact-details {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  padding: 10px;
  border-radius: 0 0 5px 5px;
  z-index: -1; }
.container-fluid .header.navbar-fixed .container .navbar-parent .contact .toggle-contact-details {
  z-index: 0;
  position: absolute;
  top: 85px;
  right: 0;
  background: #f6f6f6;
  padding: 10px;
  border-radius: 15px; }
.container-fluid .header.navbar-fixed .container .navbar-parent .contact .toggle-contact-details .arrow-cube:after {
  top: -12.5px;
  z-index: -2;
  transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }
.container-fluid .header.navbar-fixed .container .navbar-parent .contact .toggle-contact-details p {
  font-size: 16px;
  color: #868686;
  z-index: 1; }
.container-fluid .header.navbar-fixed .container .navbar-parent .contact .toggle-contact-details p a {
  color: #2c9dd3;
  font-size: 25px; }
@media (max-width: 991.98px) {
  .container-fluid .header.navbar-fixed .container .navbar-parent .contact .toggle-contact-details p a {
    font-size: 20px; } }
@media (min-width: 768px) {
  .container-fluid .header.navbar-fixed .container .navbar-parent .contact .toggle-contact-details p:first-of-type {
    margin-bottom: -5px; } }

.popover {
  z-index: 1061 !important; }

.modal#aggregate-rating-modal {
  border-radius: 15px; }
.modal#aggregate-rating-modal .modal-content {
  border-radius: 15px;
  border: none; }
.modal#aggregate-rating-modal .modal-content .modal-header {
  padding: 0 15px;
  background: #484848;
  border-radius: 15px 15px 0 0; }
.modal#aggregate-rating-modal .modal-content .modal-header .row {
  width: 100%; }
.modal#aggregate-rating-modal .modal-content .modal-header .row .score {
  background: #449ad2;
  border-top-left-radius: 15px; }
.modal#aggregate-rating-modal .modal-content .modal-header .row .score h2 {
  font-size: 40px;
  font-style: italic; }
@media (max-width: 767.98px) {
  .modal#aggregate-rating-modal .modal-content .modal-header .row .score h2 {
    font-size: 30px; } }
@media (max-width: 767.98px) {
  .modal#aggregate-rating-modal .modal-content .modal-header .row .score {
    display: flex;
    align-items: center; } }
.modal#aggregate-rating-modal .modal-content .modal-header .row .title-text h3 {
  font-size: 18px; }
.modal#aggregate-rating-modal .modal-content .modal-body {
  background: #f6f6f6;
  border-radius: 0 0 15px 15px; }
.modal#aggregate-rating-modal .modal-content .modal-body .review-list {
  height: 100%; }
.modal#aggregate-rating-modal .modal-content .modal-body .review-list .review .star-ratings-sprite {
  transform: scale(0.5);
  margin-left: -30px; }
@media (max-width: 767.98px) {
  .modal#aggregate-rating-modal .modal-content .modal-body .review-list {
    overflow-y: scroll; } }
.modal#aggregate-rating-modal .modal-content .modal-body .view-all p a {
  text-decoration: underline; }
.modal#aggregate-rating-modal .modal-content .modal-footer {
  border-top: none;
  background: #f6f6f6;
  border-radius: 0 0 15px 15px; }

.modal#no-licenseplate-modal .modal-header {
  border: none; }
.modal#no-licenseplate-modal .modal-header .row {
  width: 100%; }
.modal#no-licenseplate-modal .modal-header .row .title-text h3 {
  font-size: 18px; }
.modal#no-licenseplate-modal .modal-header .row .title-text:after {
  transform: scale(0.5);
  right: -1rem;
  top: 1rem; }
@media (max-width: 767.98px) {
  .modal#no-licenseplate-modal .modal-header .row .title-text:after {
    display: none; } }
.modal#no-licenseplate-modal .modal-header .row .close {
  padding: 0;
  margin: 0; }
.modal#no-licenseplate-modal .modal-header .row .close span {
  font-size: 45px; }

.modal#no-licenseplate-modal .brand-select,
.modal#no-licenseplate-modal .model-select,
.modal#no-licenseplate-modal .buildyear-select,
.modal#no-licenseplate-modal .fuel-select {
  opacity: 0.2; }
.modal#no-licenseplate-modal .brand-select.active,
.modal#no-licenseplate-modal .model-select.active,
.modal#no-licenseplate-modal .buildyear-select.active,
.modal#no-licenseplate-modal .fuel-select.active {
  opacity: 1; }

.modal#full-reference-modal .modal-body {
  border: none; }
.modal#full-reference-modal .modal-body .review {
  border-radius: 15px; }
.modal#full-reference-modal .modal-body .review .inner .star-ratings-sprite {
  margin: 0 auto !important;
  transform: scale(0.5); }
@media (max-width: 991.98px) {
  .modal#full-reference-modal .modal-body .review .inner .star-ratings-sprite {
    margin-left: -30px; } }
@media (max-width: 767.98px) {
  .modal#full-reference-modal .modal-body .review .inner .star-ratings-sprite {
    margin: 0 auto; } }

.modal#full-reference-modal .modal-footer {
  border: none; }

.modal#licenseplate-mobile .licenseplate-box {
  position: relative; }
.modal#licenseplate-mobile .licenseplate-box .hover {
  transition: 400ms all ease-in-out; }
.modal#licenseplate-mobile .licenseplate-box .hover .licenseplate {
  text-transform: uppercase;
  border: 2px solid #ffffff;
  background-color: #FEC62E;
  color: #7b7b7b;
  border-radius: 6px 0 0 6px;
  padding: 10px 0 10px 20px;
  font-size: 22px;
  text-align: center;
  width: 100%;
  max-width: 35rem;
  height: unset;
  background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d5/EU-section-with-NL.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 15px; }
@media (max-width: 767.98px) {
  .modal#licenseplate-mobile .licenseplate-box .hover .licenseplate {
    margin-top: 0;
    font-size: 16px; } }
.modal#licenseplate-mobile .licenseplate-box:before {
  top: -5rem;
  left: -3rem;
  filter: invert(0%);
  -moz-transform: scaleX(-1) rotate(-30deg);
  -o-transform: scaleX(-1) rotate(-30deg);
  -webkit-transform: scaleX(-1) rotate(-30deg);
  transform: scaleX(-1) rotate(-30deg); }
@media (max-width: 767.98px) {
  .modal#licenseplate-mobile .licenseplate-box:before {
    display: none; } }

.modal#licenseplate-mobile .submit-licenseplate {
  padding: 10px;
  opacity: 0.3;
  transition: opacity 200ms;
  border-radius: 0 6px 6px 0;
  border: 2px solid white;
  border-left: 0;
  height: auto; }
@media (max-width: 767.98px) {
  .modal#licenseplate-mobile .submit-licenseplate {
    margin-top: 0; } }

.modal#licenseplate-mobile .select-service {
  opacity: 0.3; }

.modal#licenseplate-mobile .no-licenseplate p {
  font-size: 13px;
  text-decoration: underline; }

.modal#licenseplate-mobile .title {
  font-size: 21px;
  font-weight: normal;
  font-style: italic; }

.modal .modal-header .close {
  padding: 0;
  margin: 0; }
.modal .modal-header .close span {
  font-size: 45px; }

.modal .modal-body {
  border: none; }

.modal .modal-footer {
  border: none; }

.original .arrow-after {
  left: -2.5rem;
  top: -4.5rem;
  -moz-transform: scaleX(-1) rotate(-25deg);
  -o-transform: scaleX(-1) rotate(-25deg);
  -webkit-transform: scaleX(-1) rotate(-25deg);
  transform: scaleX(-1) rotate(-25deg);
  filter: FlipH;
  -ms-filter: "FlipH"; }

.alternative-1 .arrow-after {
  left: -2.5rem;
  top: -2.5rem;
  -moz-transform: scaleX(-1) rotate(-25deg);
  -o-transform: scaleX(-1) rotate(-25deg);
  -webkit-transform: scaleX(-1) rotate(-25deg);
  transform: scaleX(-1) rotate(-25deg);
  filter: FlipH;
  -ms-filter: "FlipH"; }

.alternative-1 .ups-list .inner-ups-list {
  height: auto !important; }
@media (max-width: 767.98px) {
  .alternative-1 .ups-list .inner-ups-list .outer-ups .ups {
    padding-top: 5px !important; } }
.alternative-1 .ups-list .inner-ups-list .outer-ups:first-of-type .ups {
  padding-top: 20px !important; }
.alternative-1 .ups-list .inner-ups-list .ups {
  padding-top: 35px !important; }

.alternative-2 .arrow-after {
  left: -2.5rem;
  top: -4.5rem;
  -moz-transform: scaleX(-1) rotate(-25deg);
  -o-transform: scaleX(-1) rotate(-25deg);
  -webkit-transform: scaleX(-1) rotate(-25deg);
  transform: scaleX(-1) rotate(-25deg);
  filter: FlipH;
  -ms-filter: "FlipH"; }

.alternative-2 .ups-list .inner-ups-list {
  height: auto !important; }
.alternative-2 .ups-list .inner-ups-list .ups {
  padding-top: 35px !important; }

.alternative-3 .arrow-after {
  left: -2.5rem;
  top: -4.5rem;
  -moz-transform: scaleX(-1) rotate(-25deg);
  -o-transform: scaleX(-1) rotate(-25deg);
  -webkit-transform: scaleX(-1) rotate(-25deg);
  transform: scaleX(-1) rotate(-25deg);
  filter: FlipH;
  -ms-filter: "FlipH"; }

.alternative-3 .ups-list .inner-ups-list {
  height: auto !important; }
.alternative-3 .ups-list .inner-ups-list .ups {
  padding-top: 35px !important; }
@media (max-width: 767.98px) {
  .alternative-3 .ups-list .inner-ups-list .ups {
    padding-top: 10px !important; } }

.container-fluid {
  padding-left: 0;
  padding-right: 0; }
.container-fluid .header {
  background: white; }
.container-fluid .header .container {
  background: white;
  z-index: 2; }
.container-fluid .header-banner {
  background: no-repeat center #309dd5;
  background-size: cover;
  background-image: none !important; }
.container-fluid .header-banner .sr-text {
  color: white; }
.container-fluid .header-banner .container {
  z-index: unset !important;
  background: url(http://developerserver.nl/wp-content/uploads/2018/05/peter-monteur.png) no-repeat right bottom; }
.container-fluid .header-banner .container .row .title {
  color: white; }
.container-fluid .header-banner .container .row .title h2 {
  font-size: 40px; }
@media (max-width: 1199.98px) {
  .container-fluid .header-banner .container .row .title h2 {
    font-size: 30px; } }
.container-fluid .header-banner .container .row .subtitle {
  color: white; }
.container-fluid .header-banner .container .row .ups-list .inner-ups-list {
  height: 240px; }
.container-fluid .header-banner .container .row .ups-list .inner-ups-list .outer-ups {
  padding-left: 15px;
  padding-right: 15px; }
.container-fluid .header-banner .container .row .ups-list .inner-ups-list .outer-ups .ups i {
  color: #adc845;
  font-size: 24px; }
.container-fluid .header-banner .container .row .ups-list .inner-ups-list .outer-ups .ups p {
  color: #6e7278;
  font-size: 16px;
  font-weight: normal; }
@media (max-width: 767.98px) {
  .container-fluid .header-banner .container .row .ups-list .inner-ups-list {
    height: auto; } }
.container-fluid .header-banner .container .row .details .small-price {
  font-size: 28px;
  position: relative;
  margin-right: 15px; }
.container-fluid .header-banner .container .row .details .small-price:before {
  position: absolute;
  display: block;
  content: '';
  left: -6px;
  top: 20px;
  right: 0;
  width: 110%;
  border-top: 3px solid red;
  -webkit-transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  transform: skewY(-10deg); }
.container-fluid .header-banner .container .row .details .big-price p,
.container-fluid .header-banner .container .row .details .big-price h3 {
  font-size: 80px;
  position: relative;
  margin-right: 50px; }
.container-fluid .header-banner .container .row .details .big-price h3{
  line-height: inherit;
}

@media (max-width: 767.98px) {
  .container-fluid .header-banner .container .row .details .big-price p,
  .container-fluid .header-banner .container .row .details .big-price h3{
    font-size: 60px; } }
.container-fluid .header-banner .container .row .details .big-price p span,
.container-fluid .header-banner .container .row .details .big-price h3 span {
  position: absolute;
  font-size: 40px;
  top: 15px; }
@media (max-width: 767.98px) {
  .container-fluid .header-banner .container .row .details .big-price p span {
    font-size: 30px;
    top: 12px; } }
.container-fluid .header-banner .container .row .no-licenseplate p:hover {
  cursor: pointer; }
.container-fluid .header-banner .container .row .licenseplate-box {
  position: relative; }
.container-fluid .header-banner .container .row .licenseplate-box .hover {
  transition: 400ms all ease-in-out; }
.container-fluid .header-banner .container .row .licenseplate-box .hover .licenseplate {
  background-color: #FEC62E;
  color: black;
  border: none;
  border-radius: 8px 0 0 8px;
  padding: 10px 0 10px 20px;
  text-align: center;
  width: 100%;
  max-width: 35rem;
  height: unset;
  background-image: url(../img/EU-section-with-NL_spoochy.svg);
  background-repeat: no-repeat;
  background-size: contain;
  text-transform: uppercase; }
@media (max-width: 767.98px) {
  .container-fluid .header-banner .container .row .licenseplate-box .hover .licenseplate {
    margin-top: 0; } }
.container-fluid .header-banner .container .row .licenseplate-box .hover:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 0 20px 38px rgba(0, 0, 0, 0.175);
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.175); }
.container-fluid .header-banner .container .row .licenseplate-box:before {
  top: -5rem;
  left: -3rem;
  filter: invert(0%);
  -moz-transform: scaleX(-1) rotate(-30deg);
  -o-transform: scaleX(-1) rotate(-30deg);
  -webkit-transform: scaleX(-1) rotate(-30deg);
  transform: scaleX(-1) rotate(-30deg); }
@media (max-width: 767.98px) {
  .container-fluid .header-banner .container .row .licenseplate-box:before {
    display: none; } }
.container-fluid .header-banner .container .row .submit-licenseplate {
  padding: 10px;
  opacity: 0.3;
  transition: opacity 200ms;
  border-radius: 0 8px 8px 0;
  border: none;
  height: auto;
  margin-top: 0.5rem;
  margin-left: -1px; }
.container-fluid .header-banner .container .row .select-service {
  opacity: 0.3; }
.container-fluid .header-banner .container .row .select-service select {
  background-color: #ffffff;
  border: none; }
.container-fluid .header-banner .container .row .select-service select option {
  background: white; }
@media (max-width: 991.98px) {
  .container-fluid .header-banner .container {
    background: none;
    background: #309dd5 !important; } }
@media (max-width: 767.98px) {
  .container-fluid .header-banner .container {
    height: auto; } }

div.all-brands {
  padding: 1rem;
}

.all-brands .container .title h2 {
  font-size: 24px; }

.all-brands .container .branding {
  border-radius: 10px; }
.all-brands .container .branding .inner {
  background: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-radius: 10px;
  border: 2px solid #2d9bd5; }
.all-brands .container .branding .inner p {
  color: #2d9bd5; }
.all-brands .container .branding .inner img {
  height: 35px;
  width: 35px; }

a.noline:hover {
  text-decoration: none;
}

.all-brands .container .row .img-container {
  position: relative;
  transition: all 200ms;
  opacity: 0.5; }
.all-brands .container .row .img-container:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.1); }

.all-brands .container .show-all-brands {
  color: #53554c; }
.all-brands .container .show-all-brands:hover {
  cursor: pointer;
  text-decoration: underline; }

.servicepoints img.sr-card:hover {
  cursor: pointer;
}

.servicepoints .arrow-after {
  top: -4rem;
  right: -4rem;
  transform: rotate(20deg); }
@media (max-width: 1199.98px) {
  .servicepoints .arrow-after {
    right: -4.8rem; } }
.servicepoints .container .content .row .bottom-cta p, .arrow-text-font {
  font-family: bradleyHand, serif;
}

.servicepoints .container .content .row .location-content .locations {
  padding: 0 15px; }

.servicepoints .container .content .row .locations .province .location {
  text-align: center; }
/*.servicepoints .container .content .row .locations .province .location p a:hover {*/
  /*text-decoration: none; }*/
.servicepoints .container .content .row .locations .province .location p.dropdown:hover {
  cursor: pointer; }

.servicepoints .container .content .row .locations .province .more-locations {
  display: none;
  text-align: center; }

@media (max-width: 767.98px) {
  .servicepoints .container .content .row .locations .btn p {
    font-size: 18px; } }

.servicepoints .container .content .row .locations .btn:after {
  right: -2.5rem;
  bottom: 1rem; }
@media (max-width: 991.98px) {
  .servicepoints .container .content .row .locations .btn:after {
    display: none; } }

.servicepoints .container .content .row .maps-details .maps .img {
  height: 500px;
  border-radius: 15px 15px 0 0;
  background-size: cover; }
@media (max-width: 1199.98px) {
  .servicepoints .container .content .row .maps-details .maps .img {
    height: 504px; } }
@media (max-width: 767.98px) {
  .servicepoints .container .content .row .maps-details .maps .img {
    height: 400px; } }

.servicepoints .container .content .row .maps-details .maps .brands .brand {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
.servicepoints .container .content .row .maps-details .maps .brands .brand img {
  width: 40%; }
@media (max-width: 767.98px) {
  .servicepoints .container .content .row .maps-details .maps .brands .brand img {
    width: 90%; } }
.servicepoints .container .content .row .maps-details .maps .brands .brand .popup-on-hover {
  display: none; }
.servicepoints .container .content .row .maps-details .maps .brands .brand:hover .popup-on-hover {
  display: block; }

.how-does-it-work .arrow-before {
  top: -4rem;
  left: -4.4rem;
  -moz-transform: scaleX(-1) rotate(30deg);
  -o-transform: scaleX(-1) rotate(30deg);
  -webkit-transform: scaleX(-1) rotate(30deg);
  transform: scaleX(-1) rotate(30deg); }

.how-does-it-work .video {
  height: 400px;
  width: 100%;
  position: relative;
  background: url("../img/videoBg.png") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover; }
.how-does-it-work .video .overlay {
  /*background: #FFF url("../img/ServiceRight.png") no-repeat center;*/
  transition: background 200ms; }
.how-does-it-work .video .overlay .video-content h2 {
  color: white;
  font-weight: bold; }
@media (max-width: 767.98px) {
  .how-does-it-work .video .overlay .video-content h2 {
    font-size: 24px; } }
.how-does-it-work .video .overlay .video-content .play-button {
  height: 100px;
  width: 100px;
  border: 5px solid white;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  transition: 200ms transform; }
.how-does-it-work .video .overlay .video-content .play-button i {
  font-size: 27px;
  color: white; }
.how-does-it-work .video .overlay .video-content .play-button:hover {
  cursor: pointer;
  transform: scale(1.1); }
.how-does-it-work .video .overlay:hover {
  background: rgba(68, 153, 210, 0.5); }

.how-does-it-work .steps {
  color: #5e6057; }
.how-does-it-work .steps .row .step {
  position: relative; }
.how-does-it-work .steps .row .step .img {
  height: 100px;
  width: 100px;
  margin: 0 auto; }
.how-does-it-work .steps .row .step .img svg * {
  transition: all 100ms; }
.how-does-it-work .steps .row .step .img:hover svg path, .how-does-it-work .steps .row .step .img:hover svg rect {
  fill: rgba(68, 153, 210, 0.7);
  stroke: rgba(68, 153, 210, 0.7); }
.how-does-it-work .steps .row .step .step-1-img svg .st1 {
  stroke: #7F817A; }
.how-does-it-work .steps .row .step .step-1-img:hover svg .st1 {
  fill: rgba(68, 153, 210, 0.7);
  stroke: rgba(68, 153, 210, 0.7); }
.how-does-it-work .steps .row .step .step-2-img:hover svg #Layer_2 rect {
  fill: #fff;
  stroke: #fff; }
.how-does-it-work .steps .row .step .popup-on-hover {
  display: none; }
.how-does-it-work .steps .row .step:hover .popup-on-hover {
  display: block;
  left: 2rem;
  right: 2rem; }
@media (max-width: 767.98px) {
  .how-does-it-work .steps {
    padding-bottom: 0; } }

.how-does-it-work .btn:before {
  left: -70px;
  bottom: 10px; }
@media (max-width: 767.98px) {
  .how-does-it-work .btn:before {
    display: none; } }

.how-does-it-work.alternative-1 .video-container {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  position: relative; }
.how-does-it-work.alternative-1 .video-container #video-bg {
  position: relative;
  height: 100%;
  width: 100%;
  min-width: 100%;
  background-size: cover; }
.how-does-it-work.alternative-1 .video-container #video-bg .video {
  background: none; }

@media (max-width: 767.98px) {
  .how-does-it-work.alternative-1 #video-bg {
    display: none; } }

.popover {
  z-index: 1061 !important; }

.modal#aggregate-rating-modal {
  border-radius: 15px; }
.modal#aggregate-rating-modal .modal-content {
  border-radius: 15px;
  border: none; }
.modal#aggregate-rating-modal .modal-content .modal-header {
  padding: 0 15px;
  background: #484848;
  border-radius: 15px 15px 0 0; }
.modal#aggregate-rating-modal .modal-content .modal-header .row {
  width: 100%; }
.modal#aggregate-rating-modal .modal-content .modal-header .row .score {
  background: #449ad2;
  border-top-left-radius: 15px; }
.modal#aggregate-rating-modal .modal-content .modal-header .row .score h2 {
  font-size: 40px;
  font-style: italic; }
@media (max-width: 767.98px) {
  .modal#aggregate-rating-modal .modal-content .modal-header .row .score h2 {
    font-size: 30px; } }
@media (max-width: 767.98px) {
  .modal#aggregate-rating-modal .modal-content .modal-header .row .score {
    display: flex;
    align-items: center; } }
.modal#aggregate-rating-modal .modal-content .modal-header .row .title-text h3 {
  font-size: 18px; }
.modal#aggregate-rating-modal .modal-content .modal-body {
  background: #f6f6f6;
  border-radius: 0 0 15px 15px; }
.modal#aggregate-rating-modal .modal-content .modal-body .review-list {
  height: 100%; }
.modal#aggregate-rating-modal .modal-content .modal-body .review-list .review .star-ratings-sprite {
  transform: scale(0.5);
  margin-left: -30px; }
@media (max-width: 767.98px) {
  .modal#aggregate-rating-modal .modal-content .modal-body .review-list {
    overflow-y: scroll; } }
.modal#aggregate-rating-modal .modal-content .modal-body .view-all p a {
  text-decoration: underline; }
.modal#aggregate-rating-modal .modal-content .modal-footer {
  border-top: none;
  background: #f6f6f6;
  border-radius: 0 0 15px 15px; }

.modal#no-licenseplate-modal .modal-header {
  border: none; }
.modal#no-licenseplate-modal .modal-header .row {
  width: 100%; }
.modal#no-licenseplate-modal .modal-header .row .title-text h3 {
  font-size: 18px; }
.modal#no-licenseplate-modal .modal-header .row .title-text:after {
  transform: scale(0.5);
  right: -1rem;
  top: 1rem; }
@media (max-width: 767.98px) {
  .modal#no-licenseplate-modal .modal-header .row .title-text:after {
    display: none; } }
.modal#no-licenseplate-modal .modal-header .row .close {
  padding: 0;
  margin: 0; }
.modal#no-licenseplate-modal .modal-header .row .close span {
  font-size: 45px; }

.modal#no-licenseplate-modal .brand-select,
.modal#no-licenseplate-modal .model-select,
.modal#no-licenseplate-modal .buildyear-select,
.modal#no-licenseplate-modal .fuel-select {
  opacity: 0.2; }
.modal#no-licenseplate-modal .brand-select.active,
.modal#no-licenseplate-modal .model-select.active,
.modal#no-licenseplate-modal .buildyear-select.active,
.modal#no-licenseplate-modal .fuel-select.active {
  opacity: 1; }

.modal#full-reference-modal .modal-body {
  border: none; }
.modal#full-reference-modal .modal-body .review {
  border-radius: 15px; }
.modal#full-reference-modal .modal-body .review .inner .star-ratings-sprite {
  margin: 0 auto !important;
  transform: scale(0.5); }
@media (max-width: 991.98px) {
  .modal#full-reference-modal .modal-body .review .inner .star-ratings-sprite {
    margin-left: -30px; } }
@media (max-width: 767.98px) {
  .modal#full-reference-modal .modal-body .review .inner .star-ratings-sprite {
    margin: 0 auto; } }

.modal#full-reference-modal .modal-footer {
  border: none; }

.modal#licenseplate-mobile .licenseplate-box {
  position: relative; }
.modal#licenseplate-mobile .licenseplate-box .hover {
  transition: 400ms all ease-in-out; }
.modal#licenseplate-mobile .licenseplate-box .hover .licenseplate {
  text-transform: uppercase;
  border: 2px solid #ffffff;
  background-color: #FEC62E;
  color: #7b7b7b;
  border-radius: 6px 0 0 6px;
  padding: 10px 0 10px 20px;
  font-size: 22px;
  text-align: center;
  width: 100%;
  max-width: 35rem;
  height: unset;
  background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d5/EU-section-with-NL.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 15px; }
@media (max-width: 767.98px) {
  .modal#licenseplate-mobile .licenseplate-box .hover .licenseplate {
    margin-top: 0;
    font-size: 16px; } }
.modal#licenseplate-mobile .licenseplate-box:before {
  top: -5rem;
  left: -3rem;
  filter: invert(0%);
  -moz-transform: scaleX(-1) rotate(-30deg);
  -o-transform: scaleX(-1) rotate(-30deg);
  -webkit-transform: scaleX(-1) rotate(-30deg);
  transform: scaleX(-1) rotate(-30deg); }
@media (max-width: 767.98px) {
  .modal#licenseplate-mobile .licenseplate-box:before {
    display: none; } }

.modal#licenseplate-mobile .submit-licenseplate {
  padding: 10px;
  opacity: 0.3;
  transition: opacity 200ms;
  border-radius: 0 6px 6px 0;
  border: 2px solid white;
  border-left: 0;
  height: auto; }
@media (max-width: 767.98px) {
  .modal#licenseplate-mobile .submit-licenseplate {
    margin-top: 0; } }

.modal#licenseplate-mobile .select-service {
  opacity: 0.3; }

.modal#licenseplate-mobile .no-licenseplate p {
  font-size: 13px;
  text-decoration: underline; }

.modal#licenseplate-mobile .title {
  font-size: 21px;
  font-weight: normal;
  font-style: italic; }

.modal .modal-header .close {
  padding: 0;
  margin: 0; }
.modal .modal-header .close span {
  font-size: 45px; }

.modal .modal-body {
  border: none; }

.modal .modal-footer {
  border: none; }

.references .arrow-after {
  top: -4rem;
  right: -4.5rem;
  transform: rotate(30deg); }

.references .container .carousel .carousel-indicators {
  bottom: -30px; }
.references .container .carousel .carousel-indicators li {
  width: 10px;
  height: 10px;
  margin: 5px;
  background-color: #DCDCDC;
  border-radius: 100%; }
.references .container .carousel .carousel-indicators li.active {
  background-color: #b1b1b1; }

.references .container .carousel .carousel-control-prev,
.references .container .carousel .carousel-control-next {
  width: 20px !important;
  display: block; }
.references .container .carousel .carousel-control-prev .fas,
.references .container .carousel .carousel-control-next .fas {
  font-size: 40px;
  color: #d8d8d8; }
@media (max-width: 767.98px) {
  .references .container .carousel .carousel-control-prev,
  .references .container .carousel .carousel-control-next {
    display: none !important; } }

.references .container .carousel .carousel-control-prev {
  left: -30px; }

.references .container .carousel .carousel-control-next {
  right: -30px; }

.references .container .reviews .review {
  border-radius: 15px; }
.references .container .reviews .review .inner {
  height: 100%; }
.references .container .reviews .review .inner img {
  border-radius: 15px; }
.references .container .reviews .review .inner .star-ratings-sprite {
  margin: 0 auto;
  transform: scale(0.5); }
@media (max-width: 991.98px) {
  .references .container .reviews .review .inner .star-ratings-sprite {
    margin-left: -30px; } }
@media (max-width: 767.98px) {
  .references .container .reviews .review .inner .star-ratings-sprite {
    margin: 0 auto; } }
@media screen and (max-width: 355px) {
  .references .container .reviews .review .inner .star-ratings-sprite {
    margin-left: -10px; } }
.references .container .reviews .review .inner:hover {
  box-shadow: 0 0 20px 0 rgba(70, 70, 70, 0.3); }
@media (max-width: 767.98px) {
  .references .container .reviews .review .inner:hover {
    box-shadow: none; } }

.references .container .view-all {
  position: relative; }
.references .container .view-all .arrow-text {
  opacity: 0;
  position: absolute;
  top: -3.5rem;
  right: -10.5rem;
  font-size: 20px;
  font-weight: 500;
  transform: rotate(-15deg);
  color: #53554c; }
.references .container .view-all .arrow-text svg {
  width: 200px; }
@media (max-width: 767.98px) {
  .references .container .view-all .arrow-text {
    display: none; } }

.why-serviceright svg {
  width: 100px;
  height: 100px; }
.why-serviceright svg * {
  transition: 200ms; }
.why-serviceright svg:hover * {
  fill: rgba(68, 153, 210, 0.7) !important;
  stroke: rgba(68, 153, 210, 0.7) !important; }

.why-serviceright .popup-on-hover {
  display: none; }

.why-serviceright .item:hover .popup-on-hover {
  display: block; }

.benefit-actions .container .outer-card {
  margin-bottom: 30px; }

.benefit-actions .container .row .arrow-after {
  display: none !important;
  transform: rotate(-75deg);
  right: 2rem;
  top: 1rem; }
@media (max-width: 1199.98px) {
  .benefit-actions .container .row .arrow-after {
    display: block;
    right: 2rem; } }
@media (max-width: 991.98px) {
  .benefit-actions .container .row .arrow-after {
    display: block;
    right: -2rem; } }
@media (max-width: 767.98px) {
  .benefit-actions .container .row .arrow-after {
    display: none; } }

.benefit-actions .container .actions .card {
  position: relative; }

.benefit-actions .container .actions .action {
  border: none; }
.benefit-actions .container .actions .action .card-topside .discount {
  transition: 300ms;
  top: -1rem;
  right: -0.8rem;
  background: #309dd5;
  border-radius: 100%;
  height: 6rem;
  width: 6rem; }
@media (max-width: 767.98px) {
  .benefit-actions .container .actions .action .card-topside .discount {
    top: -0.8rem; } }
.benefit-actions .container .actions .action .card-topside .icon {
  display: none !important;
  bottom: 0.5rem;
  right: 0.5rem; }
.benefit-actions .container .actions .action .card-topside .icon img {
  background: yellow;
  height: 50px;
  width: 50px; }
.benefit-actions .container .actions .action img {
  height: 150px; }
.benefit-actions .container .actions .action .card-body {
  border-radius: 0 0 15px 15px; }
.benefit-actions .container .actions .action .card-body .card-title {
  min-height: 48px; }
.benefit-actions .container .actions .action .card-body .card-text {
  min-height: 72px; }
.benefit-actions .container .actions .action:hover .card-topside .discount {
  transform: scale(1.1); }

.faq {
  overflow: hidden; }
.faq .container .faq-item .title-text:hover {
  cursor: pointer; }
.faq .container .faq-item .more-button {
  color: #64b4de;
  border: 2px solid #64b4de;
  border-radius: 100%;
  padding: 5px;
  margin-right: 3px;
  margin-bottom: 3px; }
.faq .container .faq-item .plus-icon {
  position: relative;
  width: 30px;
  height: 30px;
  /* Vertical line */
  /* horizontal line */ }
.faq .container .faq-item .plus-icon:before, .faq .container .faq-item .plus-icon:after {
  content: "";
  position: absolute;
  background-color: #309dd5;
  transition: transform 0.25s ease-out; }
.faq .container .faq-item .plus-icon:before {
  top: 2px;
  left: 50%;
  width: 4px;
  height: 80%;
  margin-left: -2px; }
.faq .container .faq-item .plus-icon:after {
  top: 50%;
  left: 3px;
  width: 80%;
  height: 4px;
  margin-top: -2px; }
.faq .container .faq-item .plus-icon.minus-icon {
  cursor: pointer; }
.faq .container .faq-item .plus-icon.minus-icon:before {
  transform: rotate(90deg); }
.faq .container .faq-item .plus-icon.minus-icon:after {
  transform: rotate(180deg); }
.faq .container .faq-item .card-body {
  padding: 0; }

@media (max-width: 767.98px) {
  .distributieriem .container img {
    width: 100%; } }

.three-columns .arrow-after {
  top: 1rem;
  right: -3rem;
  transform: rotate(-75deg); }

.three-columns .container .middle-picture {
  margin-bottom: 6rem; }
@media (max-width: 991.98px) {
  .three-columns .container .middle-picture {
    margin-bottom: 0; } }

.three-columns .container .row .card {
  border: none; }
.three-columns .container .row .card .card-img-top {
  height: 150px; }
.three-columns .container .row .card .img {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 15px; }
@media (max-width: 991.98px) {
  .three-columns .container .row .card .img {
    height: auto; } }

.three-columns .container .row .card .card-body {
  position: relative; }
.three-columns .container .row .card .card-body .img {
  width: 100%; }
.three-columns .container .row .card .card-body .worker {
  position: absolute;
  top: -140px;
  left: 0;
  right: 0; }
.three-columns .container .row .card .card-body .card-title span {
  display: block;
  font-weight: normal; }
.three-columns .container .row .card .card-body .card-title span:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
  content: "\f017"; }
.three-columns .container .row .card .card-body .read-more a {
  color: #64b4de; }
@media (max-width: 991.98px) {
  .three-columns .container .row .card {
    height: auto !important; }

  .navbar-expand-md .navbar-nav {
    flex-direction: column !important;
  }}

@media (min-width: 992px) {
  .three-columns .container .row .middle-card .btn-container {
    position: absolute;
    bottom: 15px; }

}

.three-columns .container .row .middle-card .title {
  color: #adc941; }

.three-columns .container .row .middle-card .card-body {
  padding: 1.25em 0; }
.three-columns .container .row .middle-card .card-body .price {
  color: #adc941; }
.three-columns .container .row .middle-card .card-body .price span {
  text-decoration: line-through; }
.three-columns .container .row .middle-card .card-body .price h2 {
  position: relative; }
.three-columns .container .row .middle-card .card-body .price h2.three-col-new-price span {
  text-decoration: none;
  position: absolute;
  display: inline-block;
  font-size: 1.5rem;
  top: 6px; }
@media (max-width: 767.98px) {
  .three-columns .container .row .middle-card .card-body .price h2.three-col-new-price span {
    font-size: 1.2rem; } }
.three-columns .container .row .middle-card .card-body .price h2:last-of-type,
.three-columns .container .row .middle-card .card-body .price h3:last-of-type{
  color: #53554c;
  font-size: 3rem; }
@media (max-width: 767.98px) {
  .three-columns .container .row .middle-card .card-body .price h2:last-of-type {
    font-size: 2.4rem; } }
.three-columns .container .row .middle-card .card-body .list {
  padding-top: 12px; }
.three-columns .container .row .middle-card .card-body .list .list-item {
  display: none; }
.three-columns .container .row .middle-card .card-body .list .list-item .fa-check {
  font-size: 1rem;
  color: #adc941; }
.three-columns .container .row .middle-card .card-body .list .list-item:nth-of-type(even) {
  background: #e4e4e4; }

.three-columns .container .row .middle-card.blue-card p {
  color: white !important; }

.three-columns.version2 .middle-card {
  background: #2598ce !important; }
.three-columns.version2 .middle-card .list .list-item:nth-of-type(even) {
  background: #309dd5 !important; }

@media (max-width: 991.98px) {
  .three-columns.version3 .middle-card {
    margin-top: 8rem; } }

.three-columns.version4 .middle-card .price h2,
.three-columns.version4 .middle-card .price h3{
  color: white !important; }

.three-columns.version4 .middle-card .read-more a {
  color: white !important; }

.service-for-every-model .list p a {
  color: #adc941; }

.all-services .service .row {
  position: relative; }
.all-services .service .row .absolute {
  z-index: 1; }
.all-services .service .row p {
  color: #53554c; }
@media (max-width: 767.98px) {
  .all-services .service .row p {
    margin-top: 0 !important; } }
.all-services .service .row svg {
  height: 100px;
  width: 100px; }
.all-services .service .row svg * {
  transition: 200ms; }
@media (max-width: 991.98px) {
  .all-services .service .row svg {
    height: 75px;
    width: 75px; } }
@media (max-width: 767.98px) {
  .all-services .service .row svg {
    height: 50px;
    width: 50px; } }
.all-services .service .row:hover svg * {
  fill: rgba(68, 153, 210, 0.7) !important;
  stroke: rgba(68, 153, 210, 0.7) !important; }

.all-services .service .row {
  position: relative; }
.all-services .service .row .absolute {
  z-index: 1; }
.all-services .service .row p {
  color: #53554c; }
@media (max-width: 767.98px) {
  .all-services .service .row p {
    margin-top: 0 !important; } }
.all-services .service .row svg {
  height: 100px;
  width: 100px; }
.all-services .service .row svg * {
  transition: 200ms; }
@media (max-width: 991.98px) {
  .all-services .service .row svg {
    height: 75px;
    width: 75px; } }
@media (max-width: 767.98px) {
  .all-services .service .row svg {
    height: 50px;
    width: 50px; } }
.all-services .service .row:hover svg * {
  fill: rgba(164, 202, 0, 0.7) !important;
  stroke: rgba(164, 202, 0, 0.7) !important; }

.serviceright-garages .container .list .card {
  border: none;
   }
.serviceright-garages .container .list .card .card-body {
  padding: 0;
  height: 100%;
  position: relative; }
.serviceright-garages .container .list .card .card-body .absolute {
  z-index: 1; }
.serviceright-garages .container .list .card .card-body .row {
  height: 100%; }
.serviceright-garages .container .list .card .card-body .row .inner {
  height: 100%;
  width: 100%;
}
.serviceright-garages .container .list .card .card-body .row .inner .image {
  padding: 0; }
.serviceright-garages .container .list .card .card-body .row .inner .image .img {
  width: 100%;
  height: 100%;
  max-height: 180px;
  background: no-repeat center #b1b1b1;
  background-size: cover;
  border-radius: 15px 0 0 15px; }
@media (max-width: 991.98px) {
  .serviceright-garages .container .list .card .card-body .row .inner .image .img {
    border-radius: 15px 15px 0 0; } }
.serviceright-garages .container .list .card .card-body .row .inner .content {
  padding: 0.5rem 1rem;
  position: relative; }
.serviceright-garages .container .list .card .card-body .row .inner .content .top-side .star-ratings-sprite {
  transform: scale(0.5);
  margin-left: -45px; }
.serviceright-garages .container .list .card .card-body .row .inner .content .top-side img {
  width: 100%;
  max-width: 55px;
  max-height: 30px; }
.serviceright-garages .container .list .card .card-body .row .inner .content .brands {
  border-top: 1px solid white;
  bottom: 1.25rem;
  left: 1.25rem;
  right: 1.25rem;
  padding-top: 1rem; }
.serviceright-garages .container .list .card .card-body .row .inner .content .brands img {
  width: 100%; }
@media (max-width: 991.98px) {
  .serviceright-garages .container .list .card .card-body .row {
    height: unset; } }
.serviceright-garages .container .list .card .card-body:hover {
  cursor: pointer; }

.car-maintenance .container .cards .row .card {
  border: none; }
@media (max-width: 991.98px) {
  .car-maintenance .container .cards .row .card .card-title, .car-maintenance .container .cards .row .card .card-text {
    height: auto !important; } }

.more-for-your-car .container .cards .row .card {
  border: none; }
.more-for-your-car .container .cards .row .card .img {
  background-color: #309dd5;
  background-size: 80%; }
@media (max-width: 991.98px) {
  .more-for-your-car .container .cards .row .card .card-title, .more-for-your-car .container .cards .row .card .card-text {
    height: auto !important; } }

.serviceright-garage-by-city .container .inner h5 span {
  text-transform: uppercase;
  transition: color 200ms; }
.serviceright-garage-by-city .container .inner h5 span:hover {
  color: #adc941;
  cursor: pointer; }
.serviceright-garage-by-city .container .inner h5 span.active {
  color: #adc941; }

.serviceright-garage-by-city .container .filter {
  margin: 0 auto; }

.serviceright-garage-by-city .container .filter-items-list p a {
  color: #adc941; }

.container-fluid {
  padding-left: 0;
  padding-right: 0; }
.container-fluid footer .second-title {
  color: white; }
.container-fluid  footer .sr-text {
  color: #53554c; }
.container-fluid footer .sr-text-link {
  color: white; }
.container-fluid footer .img-list .img {
  height: 100px;
  margin: 0 auto; }
.container-fluid footer .img-list .img:last-of-type {
  width: 70px;
  margin: 0 auto; }
.container-fluid footer .lists {
  background: #309dd5; }
.container-fluid footer .lists p {
  font-size: 15px; }
.container-fluid footer .lists img {
  height: 75px; }
.container-fluid footer .details {
  background: #2598ce; }
.container-fluid footer .details .logo .img {
  height: 60px;
  margin: 0 auto;
  width: 80%; }
.container-fluid footer .details .logo img {
  height: 100px;
  width: 100%; }
.container-fluid footer .details .social i {
  font-size: 20px; }

.popover {
  z-index: 1061 !important; }

.modal#aggregate-rating-modal {
  border-radius: 15px; }
.modal#aggregate-rating-modal .modal-content {
  border-radius: 15px;
  border: none; }
.modal#aggregate-rating-modal .modal-content .modal-header {
  padding: 0 15px;
  background: #484848;
  border-radius: 15px 15px 0 0; }
.modal#aggregate-rating-modal .modal-content .modal-header .row {
  width: 100%; }
.modal#aggregate-rating-modal .modal-content .modal-header .row .score {
  background: #449ad2;
  border-top-left-radius: 15px; }
.modal#aggregate-rating-modal .modal-content .modal-header .row .score h2 {
  font-size: 40px;
  font-style: italic; }
@media (max-width: 767.98px) {
  .modal#aggregate-rating-modal .modal-content .modal-header .row .score h2 {
    font-size: 30px; } }
@media (max-width: 767.98px) {
  .modal#aggregate-rating-modal .modal-content .modal-header .row .score {
    display: flex;
    align-items: center; } }
.modal#aggregate-rating-modal .modal-content .modal-header .row .title-text h3 {
  font-size: 18px; }
.modal#aggregate-rating-modal .modal-content .modal-body {
  background: #f6f6f6;
  border-radius: 0 0 15px 15px; }
.modal#aggregate-rating-modal .modal-content .modal-body .review-list {
  height: 100%; }
.modal#aggregate-rating-modal .modal-content .modal-body .review-list .review .star-ratings-sprite {
  transform: scale(0.5);
  margin-left: -30px; }
@media (max-width: 767.98px) {
  .modal#aggregate-rating-modal .modal-content .modal-body .review-list {
    overflow-y: scroll; } }
.modal#aggregate-rating-modal .modal-content .modal-body .view-all p a {
  text-decoration: underline; }
.modal#aggregate-rating-modal .modal-content .modal-footer {
  border-top: none;
  background: #f6f6f6;
  border-radius: 0 0 15px 15px; }

.modal#no-licenseplate-modal .modal-header {
  border: none; }
.modal#no-licenseplate-modal .modal-header .row {
  width: 100%; }
.modal#no-licenseplate-modal .modal-header .row .title-text h3 {
  font-size: 18px; }
.modal#no-licenseplate-modal .modal-header .row .title-text:after {
  transform: scale(0.5);
  right: -1rem;
  top: 1rem; }
@media (max-width: 767.98px) {
  .modal#no-licenseplate-modal .modal-header .row .title-text:after {
    display: none; } }
.modal#no-licenseplate-modal .modal-header .row .close {
  padding: 0;
  margin: 0; }
.modal#no-licenseplate-modal .modal-header .row .close span {
  font-size: 45px; }

.modal#no-licenseplate-modal .brand-select,
.modal#no-licenseplate-modal .model-select,
.modal#no-licenseplate-modal .buildyear-select,
.modal#no-licenseplate-modal .fuel-select {
  opacity: 0.2; }
.modal#no-licenseplate-modal .brand-select.active,
.modal#no-licenseplate-modal .model-select.active,
.modal#no-licenseplate-modal .buildyear-select.active,
.modal#no-licenseplate-modal .fuel-select.active {
  opacity: 1; }

.modal#full-reference-modal .modal-body {
  border: none; }
.modal#full-reference-modal .modal-body .review {
  border-radius: 15px; }
.modal#full-reference-modal .modal-body .review .inner .star-ratings-sprite {
  margin: 0 auto !important;
  transform: scale(0.5); }
@media (max-width: 991.98px) {
  .modal#full-reference-modal .modal-body .review .inner .star-ratings-sprite {
    margin-left: -30px; } }
@media (max-width: 767.98px) {
  .modal#full-reference-modal .modal-body .review .inner .star-ratings-sprite {
    margin: 0 auto; } }

.modal#full-reference-modal .modal-footer {
  border: none; }

.modal#licenseplate-mobile .licenseplate-box {
  position: relative; }
.modal#licenseplate-mobile .licenseplate-box .hover {
  transition: 400ms all ease-in-out; }
.modal#licenseplate-mobile .licenseplate-box .hover .licenseplate {
  text-transform: uppercase;
  border: 2px solid #ffffff;
  background-color: #FEC62E;
  color: #7b7b7b;
  border-radius: 6px 0 0 6px;
  padding: 10px 0 10px 20px;
  font-size: 22px;
  text-align: center;
  width: 100%;
  max-width: 35rem;
  height: unset;
  background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d5/EU-section-with-NL.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 15px; }
@media (max-width: 767.98px) {
  .modal#licenseplate-mobile .licenseplate-box .hover .licenseplate {
    margin-top: 0;
    font-size: 16px; } }
.modal#licenseplate-mobile .licenseplate-box:before {
  top: -5rem;
  left: -3rem;
  filter: invert(0%);
  -moz-transform: scaleX(-1) rotate(-30deg);
  -o-transform: scaleX(-1) rotate(-30deg);
  -webkit-transform: scaleX(-1) rotate(-30deg);
  transform: scaleX(-1) rotate(-30deg); }
@media (max-width: 767.98px) {
  .modal#licenseplate-mobile .licenseplate-box:before {
    display: none; } }

.modal#licenseplate-mobile .submit-licenseplate {
  padding: 10px;
  opacity: 0.3;
  transition: opacity 200ms;
  border-radius: 0 6px 6px 0;
  border: 2px solid white;
  border-left: 0;
  height: auto; }
@media (max-width: 767.98px) {
  .modal#licenseplate-mobile .submit-licenseplate {
    margin-top: 0; } }

.modal#licenseplate-mobile .select-service {
  opacity: 0.3; }

.modal#licenseplate-mobile .no-licenseplate p {
  font-size: 13px;
  text-decoration: underline; }

.modal#licenseplate-mobile .title {
  font-size: 21px;
  font-weight: normal;
  font-style: italic; }

.modal .modal-header .close {
  padding: 0;
  margin: 0; }
.modal .modal-header .close span {
  font-size: 45px; }

.modal .modal-body {
  border: none; }

.modal .modal-footer {
  border: none; }

section.full-banner {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height: 200px;
  width: 100%;
  margin-top: 82px;
}
@media (min-width: 576px) {
  section.full-banner {
    height: 400px;
  }
}

@media (min-width: 768px) {
  section.full-banner {
    margin-top: 78px;
  }
}
@media (min-width: 576px) {
  section {
    margin: 50px 0;
  }
}
.blog-card {
  margin: 15px 0;
  border: none;
  background: none;
  display: none;
}
.blog-card .card-img-top {
  height: 120px;
  border-radius: 15px 15px 0 0;
}
.blog-card .card-body {
  background: #f4f4f4;
  border-radius: 0 0 15px 15px;
}
.blog-card .card-body .card-title {
  font-size: 17px;
  font-weight: bold;
}
.blog-card .card-body .bottom-bar {
  width: 100%;
  margin: 0 auto;
}
.blog-card .card-body .bottom-bar .date {
  font-style: italic;
}
section.load-more .btn {
  padding: 6px 40px;
  background: #298acb;
  border-color: #298acb;
  color: #ffffff;
}
.btn-blogs {
  background: #febe0a;
  border-color: #febe0a;
  color: #353535;
  font-weight: 500;
}
.blog-card .card-body .bottom-bar a:hover {
  color: #353535;
}

section.blog-content {
  margin-top: 82px; }
@media (min-width: 768px) {
  section.blog-content {
    margin-top: 110px; } }
@media (min-width: 992px) {
  section.blog-content {
    margin-top: 75px; } }
section.sidebar {
  padding-top: 0; }
@media (min-width: 992px) {
  section.sidebar {
    padding-top: 70px; } }
section.sidebar .widget {
  background: #f6f6f6;
  color: #353535;
  border-radius: 10px;
  position: relative; }
section.sidebar .widget .discount {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -15px;
  right: -15px;
  background: #298acb;
  border-radius: 100%;
  height: 60px;
  width: 60px; }
section.sidebar .widget .discount p {
  color: #ffffff; }
section.sidebar .widget .licenseplate-box {
  position: relative; }
section.sidebar .widget .licenseplate-box .hover {
  transition: 400ms all ease-in-out; }
section.sidebar .widget .licenseplate-box .hover .licenseplate {
  background-color: #FEC62E;
  color: black;
  border: none;
  border-radius: 8px 0 0 8px;
  padding: 10px 0 10px 20px;
  text-align: center;
  width: 100%;
  max-width: 35rem;
  height: unset;
  background-image: url(../img/EU-section-with-NL_spoochy.svg);
  background-repeat: no-repeat;
  background-size: contain;
  text-transform: uppercase; }
@media (max-width: 767.98px) {
  section.sidebar .widget .licenseplate-box .hover .licenseplate {
    margin-top: 0; } }
section.sidebar .widget .licenseplate-box .hover .submit-licenseplate {
  padding: 10px;
  opacity: 0.5;
  transition: opacity 200ms;
  border-radius: 0 8px 8px 0;
  border: none;
  height: auto;
  margin-left: -1px;
  background: #FEC62E; }
section.sidebar .widget .licenseplate-box .hover:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 0 20px 38px rgba(0, 0, 0, 0.175);
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.175); }
section.sidebar .widget .licenseplate-box:before {
  top: -5rem;
  left: -3rem;
  filter: invert(0%);
  -moz-transform: scaleX(-1) rotate(-30deg);
  -o-transform: scaleX(-1) rotate(-30deg);
  -webkit-transform: scaleX(-1) rotate(-30deg);
  transform: scaleX(-1) rotate(-30deg); }
@media (max-width: 767.98px) {
  section.sidebar .widget .licenseplate-box:before {
    display: none; } }
section.main-content .history .nav .nav-item {
  margin-right: 40px; }
section.main-content .history .nav .nav-item:last-of-type {
  margin-right: 0; }
section.main-content .history .nav .nav-item a {
  border-radius: 10px 0 0 10px;
  color: #353535;
  position: relative;
  background: #ececec;
  padding: 4px 2px 5px 13px;
  font-size: 13px;
  font-weight: 500; }
section.main-content .history .nav .nav-item a p {
  position: relative;
  z-index: 2; }
section.main-content .history .nav .nav-item a.active {
  background: #f8f8f8; }
section.main-content .history .nav .nav-item a.active:after {
  background: #f8f8f8; }
section.main-content .history .nav .nav-item a:after {
  z-index: 1;
  position: absolute;
  right: -13px;
  top: 1px;
  bottom: 0;
  content: '';
  width: 25px;
  height: 25px;
  border-radius: 10px 5px 10px 10px;
  transform: rotate(45deg);
  background: #ececec; }

@media (min-width: 576px) {
  section.main-content section.article h1 {
    font-size: 1.8rem;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

section.main-content .history .nav .nav-item a p {
  position: relative;
  z-index: 2;
}
section.main-content section.article .date h5 {
  padding: 5px;
  font-size: 15px;
  color: #53554c;
}
.submit-licenseplate.btn-cta{
  cursor: pointer;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  /*color: red;*/
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  /*color: red;*/
}

::-ms-input-placeholder { /* Microsoft Edge */
  /*color: red;*/
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  line-height: inherit;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  line-height: inherit;
}

::-ms-input-placeholder { /* Microsoft Edge */
  line-height: inherit;
}

.gm-ui-hover-effect {
  right: 40px !important;
  height: 55px !important;
}

.gm-style .gm-style-iw {
  border-radius: 10px;
}
.breadcrumb{
  background-color: initial;
  margin: 0;
  font-size: .75em;
}

.breadcrumb-item+.breadcrumb-item::before{
  content: "" !important;
}
.breadcrumb-item.active{
  font-weight: bold;
}

@media (max-width: 768px){
  .cookiebar {
    margin-bottom: -200px;
  }
}

.benefit-actions .actions a.btn-cta{
  z-index: 99;
}


#video-modal iframe{
  width: 100%;
}

#video-modal .modal-header {
  padding-top: 0;
}

#video-modal .modal-header button {
  position: absolute;
  z-index: 1030;
  top: -2px;
  padding: 5px 10px;
  margin-right: -18px;
}

#video-modal .modal-header button span {
  color: #2c9dd3;
  font-size: 35px;
}

.service-point-details .sr-recognition img{
  position: absolute;
  top: 0;
  right: 0;
  max-width: 75px;
  padding-top: 10px;
  padding-right: 10px;
}
.cookiebar {
  box-shadow: 0 0 20px 5px rgba(70, 70, 70, 0.3);
}
.discount-text {
  position: absolute;
  top: -38px;
  line-height: 10px;
  left: -148px;
  -moz-transform: scaleX(1) rotate(10deg);
  -o-transform: scaleX(1) rotate(10deg);
  -webkit-transform: scaleX(1) rotate(10deg);
  transform: scaleX(1) rotate(10deg);
  filter: FlipH -ms-filter: "FlipH";
  text-align: center;
  font-family: bradleyHand, serif;
  font-size: 2em;
}
@media (max-width: 991px) {
  .discount-text{
    display: none;
  }
}

@media (max-width: 1920px) {
  .how-does-it-work.alternative-1 .video-container #video-bg {
    position: relative;
    transform: translateY(-30%);
  }
}

ul.navbar-nav span i{
    font-size: 15px;
    position: absolute;
    right: 10px;
}

@media (max-width: 780px) {
  .navbar-nav.mr-auto{
    overflow-y: auto;
    /*height: calc(100vh - 82px);*/
    height: auto;
  }
}


.center{
  position: relative;
}

/*.middelste:before {*/
  /*content: url('https://serviceright-autos.nl/wp-content/uploads/2019/01/monteur-piet-2.png');*/
  /*display: block;*/
  /*!*position: absolute;*!*/
/*}*/
.middelste{
  z-index: 10;
}

.middelste:before {
  content: '';
  display: block;
  z-index: 1;
  background: url(https://serviceright-autos.nl/wp-content/uploads/2019/01/monteur-piet-2.png) no-repeat;
  width: 100%;
  height: 150px;
  position: absolute;
  top: -150px;
  float: left;
  background-size: 331px;
  background-position: center top;
}
.border-radius-top-15{
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.serviceright-garages .container .list .card {
  border: none;
  height: 100%; }
.serviceright-garages .container .list .card .card-body {
  padding: 0;
  height: 100%;
  position: relative; }
.serviceright-garages .container .list .card .card-body .absolute {
  z-index: 1; }
.serviceright-garages .container .list .card .card-body .row {
  height: 100%; }
.serviceright-garages .container .list .card .card-body .row .inner {
  height: 100%;
  width: 100%; }
.serviceright-garages .container .list .card .card-body .row .inner .image {
  padding: 0; }
.serviceright-garages .container .list .card .card-body .row .inner .image .img {
  width: 100%;
  height: 150px;
  background: no-repeat center #b1b1b1;
  background-size: cover;
  border-radius: 15px 0 0 15px; }
@media (min-width: 992px) {
  .serviceright-garages .container .list .card .card-body .row .inner .image .img {
    height: 100%; } }
@media (max-width: 991.98px) {
  .serviceright-garages .container .list .card .card-body .row .inner .image .img {
    border-radius: 15px 15px 0 0; } }
@media (max-width: 991.98px) {
  .serviceright-garages .container .list .card .card-body .row .inner .image {
    height: 180px; } }
.serviceright-garages .container .list .card .card-body .row .inner .content {
  padding: 0.5rem 1rem;
  position: relative; }
.serviceright-garages .container .list .card .card-body .row .inner .content .top-side .star-ratings-sprite {
  transform: scale(0.5);
  margin-left: -45px; }
.serviceright-garages .container .list .card .card-body .row .inner .content .top-side img {
  width: 100%;
  max-width: 55px;
  max-height: 30px; }
.serviceright-garages .container .list .card .card-body .row .inner .content .brands {
  border-top: 1px solid white;
  bottom: 1.25rem;
  left: 1.25rem;
  right: 1.25rem;
  padding-top: 1rem; }
.serviceright-garages .container .list .card .card-body .row .inner .content .brands img {
  width: 100%; }
@media (max-width: 991.98px) {
  .serviceright-garages .container .list .card .card-body .row {
    height: unset; } }
.serviceright-garages .container .list .card .card-body:hover {
  cursor: pointer; }
.serviceright-garages .container .list .card .card-body .row .inner .content .brands img{
  height: 100%;
}
.peter-noLicense {
  float: left;
  margin-top: -300px;
  width: 30%;
  border-radius: 15px;
}
.of {
  text-align: center;
}
.img-title-dienst-blog {
  width: 30px;
  margin: 5px;
}

.title-dienst-blog {
  font-size: 35px;
  color: #53554c;
  font-family: Roboto;
  font-weight: bold;
}

.link-dienst-blog {
  width: 100%;
  color: #2c9dd3;
  font-weight: bold;
  font-family: Roboto;
  font-size: 24px;
  text-decoration: none;
}

.link-dienst-blog:hover {
  width: 100%;
  color: #2c9dd3;
  font-weight: bold;
  font-family: Roboto;
  font-size: 24px;
  text-decoration: none;
}

.tekst-dienst-blog {
  font-family: 'Montserrat', sans-serif;
  color: #53554c;
  border-bottom: solid #53554c 1px;
}
.container-fluid footer .sr-text{
    color: #FFF;
}

#additional-information-popup .licenseplate {
  background-image: url(https://serviceright-autos.nl/wp-content/themes/serviceright-theme/assets/img/EU-section-with-NL_spoochy.svg);
}

#additional-information-popup {
  top: 50px !important;
}

#additional-information-popup .submit-licenseplate {
  margin-top: 24px !important;
  height: 44px !important;
}

#additional-information-popup .arrow-after {
  display: none;
}

@media screen and (max-width: 992px) {
  #additional-information-popup {
    top: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  #additional-information-popup .licenseplate::placeholder{
    color: transparent;
  }
}

.above-shadow {
  position: relative;
  z-index: 1031 !important;
}

div.header-class {
  color: white;
  position: relative;
  /*background: url("/wp-content/themes/serviceright-couriers/assets/img/headerBG.png") no-repeat center;*/
  -webkit-background-size: cover;
  background-size: cover; }
div.header-class .container {
  /*background-position: right -40% !important;*/
}
div.header-class .container .row .title {
  text-align: center; }
div.header-class .container .row .title h1 {
  font-size: 35px;
  font-weight: bold; }
div.header-class .container .row .title h3 {
  font-size: 23px;
  font-weight: normal; }
div.header-class .container .row .price {
  font-weight: bold; }
div.header-class .container .row .price .old-price {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 20px; }
div.header-class .container .row .price .old-price span {
  position: relative;
  display: block;
  padding-right: 10px; }
div.header-class .container .row .price .old-price span:before {
  content: "";
  position: absolute;
  top: 16px;
  left: -4px;
  height: 2px;
  width: 100%;
  background: red;
  transform: rotate(15deg); }
div.header-class .container .row .price .new-price {
  font-size: 65px;
  display: flex;
  justify-content: center;
  flex-direction: row;
  line-height: 65px; }
div.header-class .container .row .price .new-price span {
  margin-top: -13px;
  display: block;
  font-size: 35px; }
div.header-class .container .row .header-form p {
  font-size: 15px;
  font-weight: 500;
  text-align: center; }
div.header-class .container .row .header-form .form-group .submit {
  opacity: 0.5;
  text-transform: uppercase; }
div.header-class .container .usp-list .row .usp {
  display: flex;
  align-items: unset !important;
  flex-direction: row;
  padding-top: 35px;
  justify-content: center; }
div.header-class .container .usp-list .row .usp i {
  color: #e97328;
  margin-right: 15px;
  font-size: 24px !important; }

div.header-class .container .usp-list .row .usp span i {
  color: #e97328;
  margin-right: 0;
  font-size: 16px !important; }
div.header-class .container .usp-list .row .usp p {
  margin-bottom: 0;
  font-weight: 500;
  font-size:16px }

div.header-class .usp-list .usp .usp-text-parent + p {
  margin-bottom: 1rem !important;
}

@media (max-width: 991.98px){
  div.header-class .container .usp-list .row .usp {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
  }}

@media screen and (max-width: 767px) {
  div.header-class .usp-list .usp {
    padding-top: 10px !important;
  }

  div.header-class .usp-list {
    margin-top: 3rem !important;
  }
}

div.header-class .arrow-parent {
  position: absolute;
  left: -110px;
  top: 70px; }
@media screen and (max-width: 767px) {
  div.header-class .arrow-parent {
    display: none; } }


div.header-class .discount-text {
  position: absolute;
  top: 50px;
  left: -55px;
}

div.header-class .arrow-header {
  left: 60px;
  top: 10px;
}

div.header-class .old-price-text {
  font-size: 1rem !important;
  text-align: justify !important;
}

div.header-class .licenseplate-box {
  position: relative; }
div.header-class .licenseplate-box .hover {
  transition: 400ms all ease-in-out; }
div.header-class .licenseplate-box .hover .licenseplate {
  background-color: #FEC62E;
  color: black;
  border: none;
  border-radius: 8px 0 0 8px;
  padding: 10px 0 10px 20px;
  text-align: center;
  width: 100%;
  max-width: 35rem;
  height: unset;
  background-image: url(../img/EU-section-with-NL_spoochy.svg);
  background-repeat: no-repeat;
  background-size: contain;
  text-transform: uppercase; }
@media (max-width: 767.98px) {
  div.header-class .licenseplate-box .hover .licenseplate {
    margin-top: 0; } }
div.header-class .licenseplate-box .hover:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 0 20px 38px rgba(0, 0, 0, 0.175);
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.175); }
div.header-class .licenseplate-box:before {
  top: -5rem;
  left: -3rem;
  filter: invert(0%);
  -moz-transform: scaleX(-1) rotate(-30deg);
  -o-transform: scaleX(-1) rotate(-30deg);
  -webkit-transform: scaleX(-1) rotate(-30deg);
  transform: scaleX(-1) rotate(-30deg); }
@media (max-width: 767.98px) {
  div.header-class .licenseplate-box:before {
    display: none; } }
div.header-class .submit-licenseplate {
  padding: 10px;
  opacity: 0.3;
  transition: opacity 200ms;
  border-radius: 0 8px 8px 0;
  border: none;
  height: auto;
  margin-top: 0.5rem;
  margin-left: -1px; }

div.header-class .hover .licenseplate {
  background-color: #FEC62E;
  color: black;
  border: none;
  border-radius: 8px 0 0 8px;
  padding: 10px 0 10px 20px;
  text-align: center;
  width: 100%;
  max-width: 35rem;
  height: unset;
  background-image: url(../img/EU-section-with-NL_spoochy.svg);
  background-repeat: no-repeat;
  background-size: contain;
  text-transform: uppercase;
  transition: 400ms all ease-in-out;
}

div.header-class .hover {
  transition: 400ms all ease-in-out;
}

div.header-class .hover:hover{
  border-radius: 15px;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 0 20px 38px rgba(0, 0, 0, 0.175);
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.175);
}

.old-price p:before {
  position: absolute;
  display: block;
  content: '';
  left: -6px;
  top: 20px;
  right: 0;
  width: 110%;
  border-top: 3px solid red;
  -webkit-transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  transform: skewY(-10deg);
}
.old-price .small-price {
  font-size: 28px;
  position: relative;
  margin-right: 15px;
}

#gform_1 .gform_footer {
  text-align: center;
}

#gform_1 #gform_submit_button_1 {
  outline: 0 !important;
  font-size: 16px;
  padding: 9px 0;
  border-radius: 100px;
  color: #fff;
  border: 0;
  background-color: #ffc800;
  border-bottom: 3px solid #e6b70b;
  border-top: 0 solid #e6b70b;
  font-weight: bold;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  width: 200px;
  margin: 0 auto;
}

.modal .modal-header .close,
.modal#additional-information-popup .modal-header .row .close {
  z-index: 1 !important;
}


#gform_1 #gform_submit_button_1:hover {
  background-color: #e6b70b;
  border-bottom: 0 solid #ffc800;
  border-top: 3px solid #f6f6f6;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.header-dropdown-field .selectize-input.items {
  background: #414141;
  color: white;
  border: 1px solid #414141;
  border-radius: 15px 15px 15px 15px;
  padding: 11px 15px;
  text-align: center;
  box-shadow: none;
}

.header-dropdown-field .selectize-input.items.dropdown-active {
  border-radius: 15px 15px 0 0;
}

.header-dropdown-field .selectize-input {
  border: none;
  box-shadow: none !important;
  overflow: unset;
  /*border-radius: 0 0 15px 15px;*/
  border-radius: 15px;
  padding: 0;
  height: 42px;
}

.header-dropdown-field .selectize-dropdown .selectize-dropdown-content {
  width: 100%;
  overflow: unset;
  text-align: center;
  border-radius: 0 0 15px 15px;
  max-height: unset;
}

.selectize-input, .selectize-control.single .selectize-input.input-active {
  background: #414141;
}

.header-dropdown-field .selectize-control.single .selectize-input:after {
  border-color: #ffffff transparent transparent transparent;
}

.header-dropdown-field .selectize-dropdown .selectize-dropdown-content .option {
  background: white;
  color: #414141;
  padding: 7px;
  border: 1px solid #414141;
  border-top: none;
}

.header-dropdown-field .selectize-dropdown .selectize-dropdown-content .option:last-of-type {
  border-radius: 0 0 15px 15px;
}

.header-dropdown-field .btn-cta {
  display: none !important;
}

.header-dropdown-field .submit-step .btn-cta {
  position: absolute;
  display: flex !important;
  border-radius: 0 15px 15px 0;
  top: 0;
  right: 0;
  z-index: 1;
  transition: unset;
  width: 60px;
}

@media (max-width: 992px) {
  div.header-class .container{
    background: none !important;
  }
}

.reveal-phone-number .hidden-number{
  display: none;
}
.reveal-phone-number a.text {
  color: rgb(0, 123, 255);
  font-weight: bold;
}
.reveal-phone-number a.text:hover {
  text-decoration: underline;
}

.img.no-background .center img{
  max-width: 100%;
  height: auto;
}

.icon a{
  font-size: 0px;
}


.header-bar-search {
  padding-bottom: 10px;
}

.header-bar-search form .form-group {
  position: relative;
  margin: 0 auto;
  background: #2c9dd3;
  border: 2px solid white;
  border-radius: 25px;
  width: 200px;
  box-shadow: 0px 0px 11px -1px rgba(0,0,0, 0.5);
}

.header-bar-search form .form-group input {
  padding: 2px 10px;
  color: white;
  font-size: 13px;
  border: none;
  background: transparent;
  text-transform: uppercase;
}

.header-bar-search form .form-group input::placeholder {
  color: white;
}

.header-bar-search form .form-group i {
  position: absolute;
  right: 10px;
  top: 7px;
  color: white;
  font-size: 14px;
}

#search-modal {
  padding-right: 0 !important;
}

#search-modal .modal-dialog {
  max-width: 720px;
}

#search-modal .modal-content {
  border-radius: 15px;
}

#search-modal .modal-header {
  border-radius: 15px 15px 0 0
}

.search-results .list .list-item .name p {
  font-size: 16px;
}

@media screen and (max-width: 767px){
  #search-modal .modal-dialog {
    max-width: 500px;
  }

  #search-modal {
    margin-top: 90px;
  }

  .search-results .list {
    height: 400px;
    overflow-y: scroll;
  }

  .search-results .list .list-item .image {
    height: 75px;
    padding: 0;
    border-radius: 15px 15px 0 0 !important;
    margin-bottom: 5px;
  }

  .search-results .list .list-item .image a {
    font-size: 16px;
  }

  .search-results .list .list-item .image .img {
    border-radius: 15px 15px 0 0 !important;
    width: 100% !important;
  }

  .search-results .list .list-item .image {
    display: none;
  }

  .search-results .list .list-item {
    padding: 0 !important;
  }

  .search-results .list .list-item .row {
    width: 100%;
    margin: 0;
  }
}

#search-modal .modal-header .row {
  width: 100%;
  padding-left: 15px;
}

#search-modal .modal-header .control {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#search-modal .modal-header .control .close span {
  font-size: 35px;
  color: #2c9dd3;
}

#search-modal .modal-header form .form-group {
  position: relative;
}

#search-modal .modal-header form .form-group .row {
  align-items: center;
}

#search-modal .modal-header form .form-group input {
  border: none;
  outline: 0;
  padding: 10px;
  color: #2c9dd3;
}

#search-modal .modal-header form .form-group i {
  color: #2c9dd3;
  padding-left: 0;
}

#search-modal .modal-header {
  background: white;
  display: flex;
  flex-direction: column;
  padding: 0;
}

#search-modal .modal-content {
  background-color: #f6f6f6;
}

#search-modal .filter {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 1rem 0 1rem;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.search-results p{
  color: #53554c;
  margin-bottom: 0;
}

.search-results .results p {
  margin-bottom: 1rem;
  font-weight: bold;
}

#search-modal .filter p {
  margin-right: 30px;
  margin-bottom: 0;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
}

#search-modal .filter p.active,
#search-modal .filter p:hover {
  color: #2c9dd3;
  cursor: pointer;
  border-bottom: 2px solid #2c9dd3;
}

.search-results .list {
  display: flex;
  flex-direction: column;
}

.search-results .list .list-item {
  padding: 0 10px 0 0;
  border: 1px solid #c7c7c7;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: white;
  margin-bottom: 15px;
  box-shadow: 0 0 20px 0 rgba(70,70,70,.3);
  min-height: 57px;
}

.search-results .list .list-item .row {
  min-height: 55px;
}

.search-results .list .list-item:last-of-type {
  margin-bottom: 0;
}

.search-results .list .list-item .image .img {
  background: yellow;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 15px 0 0 15px;
  -moz-border-radius: 15px 0 0 15px;
  border-radius: 15px 0 0 15px;
}

.search-results .list .list-item .name,
.search-results .list .list-item .old-price,
.search-results .list .list-item .new-price,
.search-results .list .list-item .order {
  display: flex;
  position: relative;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.search-results .list .list-item .old-price:before {
  content: "";
  position: absolute;
  left: 0;
  height: 30px;
  width: 1px;
  background: #53554c;
}

.search-results .list .list-item .name p,
.search-results .list .list-item .old-price p,
.search-results .list .list-item .new-price p {
  font-weight: bold;
}

.search-results .list .list-item .name p {
  font-size: 16px;
}

.search-results .list .list-item .old-price p{
  color: #b0b0b0;
  font-size: 18px;
  position: relative;
}

.search-results .list .list-item .old-price p:before {
  content: "";
  background: #C64346;
  position: absolute;
  left: -3px;
  width: 48px;
  height: 2px;
  top: 10px;
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.search-results .list .list-item .new-price p{
  color: #2c9dd3;
  font-size: 30px;
}

.search-results .list .list-item .order a {
  font-size: 14px;
  padding: 5px 10px;
  min-height: unset;
  height: unset;
}
.all-services-icon {
  width: 100px;
}

.all-services .service a:hover{
  text-decoration-line: none;
  color: #adc941;
}
.all-services .service p:hover{
  text-decoration-line: none;
  color: #adc941;
}
.all-services .service:hover p {
  color: #adc941 !important;
}

.actions .tooltip{
  z-index: 4;
}

#maps-popup .provinces-map .img {
  height: 500px;
  border-radius: 15px;
}

#maps-popup .provinces-map:hover {
  box-shadow: none;
}

#maps-popup .modal-body {
  padding-top: 0;
}

@media screen and (max-width: 650px) {
  #maps-popup .provinces-map .img {
    margin-top: 30px;
    height: 400px;
  }

  #maps-popup .modal-title {
      padding-right: 10px;
  }
}

@media screen and (max-width: 350px) {
  #maps-popup .provinces-map .img {
    margin-top: 50px;
    height: 300px;
  }
}