@import url("//hello.myfonts.net/count/36e1ac");
/* 
   =================================
   =================================
   !!! CORE STYLING !!!
   Gebruik voor custom styling per klant: /Content/css/client.less     
   ---
   Alle wijzigingen die je hier in maakt zullen bij updates verloren gaan.    
   =================================
   ================================= 
*/
/* ======== Kleurstelling ======== */
/* -- Algemene achtergrondkleur -- */
/* -- Hoofdkleur huisstijl -- */
/* ======== Lettertype ======== */

.mainfont {
  font-family: Roboto condensed, 'Fira Sans', sans-serif;
}
/*
   =================================
   =================================
   Custom styling
   =================================
   =================================
*/

@font-face {
  font-family: 'CommutersSans-Regular';
  src: url('../Fonts/36E1AC_0_0.eot');
  src: url('../Fonts/36E1AC_0_0.eot?#iefix') format('embedded-opentype'), url('../Fonts/36E1AC_0_0.woff2') format('woff2'), url('../Fonts/36E1AC_0_0.woff') format('woff'), url('../Fonts/36E1AC_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'CommutersSans-SemiBold';
  src: url('../Fonts/36E1AC_1_0.eot');
  src: url('../Fonts/36E1AC_1_0.eot?#iefix') format('embedded-opentype'), url('../Fonts/36E1AC_1_0.woff2') format('woff2'), url('../Fonts/36E1AC_1_0.woff') format('woff'), url('../Fonts/36E1AC_1_0.ttf') format('truetype');
}
body {
  font-family: CommutersSans-Regular;
}
#page-wrapper.dashboard-wrapper {
  padding: 25px 25px 1px 25px;
}
/* Icons */

.item-box {
  width: 25%;
  float: left;
  padding: 5px;
}
.item-box .item {
  border: 1px solid #cccccc;
  padding: 5px;
  display: block;
}
.control-label {
  font-family: CommutersSans-Regular;
}
label.control-label.form-label-small {
  font-weight: normal;
}
.filters select::-ms-expand {
  display: none;
}
.filters select {
  font-family: CommutersSans-Regular;
}
a.toggle-filters {
  font-family: CommutersSans-SemiBold;
  color: #61a7ff;
  text-decoration: underline;
}
#filters {
  background-color: white;
  border: none;
  z-index: 99;
  position: relative;
}
#filters.filters .first-part-filters {
  padding-bottom: 10px;
  padding-top: 100px;
}
#filters.filters .first-part-filters select {
  border: 2px solid #001446;
  color: #001446;
  background-image: url("../img/up_down_dark.png");
}
#filters.filters .container-label {
  position: relative;
  height: 40px;
}
#filters.filters .first-part-filters label {
  color: #001446;
}
#filters.filters .first-part-filters .container-label label.control-label,
#filters.filters .second-part-filters .container-label label.control-label {
  position: absolute;
  bottom: 10px;
}
.filter-tonen-knop {
  position: absolute;
  z-index: 1;
  top: 0;
}
.gekozen-filters {
  margin-top: 35px;
}
/*#filters .panel-body {
    transform: skew(0deg,-1deg);
    -ms-transform: skew(0deg,-2deg);
    -webkit-transform: skew(0deg,-1deg);
}*/

.dropdown .dropdown-menu {
  min-width: 240px;
}
.zoeken.aantal-autos {
  text-align: center;
}
.zoeken.aantal-autos span {
  font-family: CommutersSans-SemiBold;
  color: #001446;
}
.checkboxes .zoeken {
  padding: 0;
}
.checkboxes .form-group.zoeken input[type="checkbox"] {
  top: 8px;
}
.container-info {
  text-align: left;
  margin-top: -3px;
}
.auto .container-info .titel {
  padding-right: 10px;
  padding-left: 10px;
  text-overflow: ellipsis;
  height: 88px;
  overflow: hidden;
}
.auto .container-info .extra-info {
  padding-right: 10px;
  padding-left: 10px;
}
.auto .price {
  font-size: 1.9em;
  display: block;
  text-align: right;
  padding-top: 10px;
  color: #0062ff;
}
#myModal .modal-content .bx-wrapper .bx-controls-direction .bx-prev:before {
  color: transparent;
  background-image: url("../img/arrow-left.svg");
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  height: 63px;
  width: 63px;
}
#myModal .modal-content .bx-wrapper .bx-controls-direction .bx-next:before {
  color: transparent;
  background-image: url("../img/arrow.svg");
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  height: 63px;
  width: 63px;
}
.details .close {
  top: 89px;
}
.btn .details-sluiten {
  font-family: CommutersSans-SemiBold;
}
.details .data-row .info-price .price-info h4 {
  font-family: CommutersSans-SemiBold;
  margin-bottom: 2px;
}
.btn-iframe {
  border: none;
}
.filters select option {
  padding-left: 5px;
}
.clearfix .details {
  margin-top: 100px;
}
.auto .panel.panel-default {
  height: 690px;
}
.auto .panel.panel-default .panel-body {
  height: 100%;
}
.brandstof {
  display: block;
  font-size: 0.9em;
}
.clearfix .details .data-row .info-price .price-info ul li:before {
  color: transparent;
  background-image: url("../img/check.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  content: "";
  height: 13px;
  width: 13px;
  display: inline-block;
  margin-right: 2px;
}
.gekozen-filters .filter {
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.4);
  margin-right: 15px;
}
.gekozen-filters .filter:first-of-type {
  margin-left: 15px;
}
.gekozen-filters .filter div {
  display: inline-block;
  background-image: url("../img/cross.svg");
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 1.1em;
  margin-left: 5px;
}
.gekozen-filters .filter div:hover {
  cursor: pointer;
}
.checkboxes .zoeken label {
  width: 80%;
  display: inline-block;
  min-height: 46px;
}
.zoeken.sortering select {
  right: 0;
}
.modal .modal-content .bx-wrapper .bx-viewport .foto-slider img {
  max-width: 698px;
  max-height: 449px;
  width: 698px;
  height: 449px;
}
.details-sluiten {
  font-family: 'CommutersSans-SemiBold';
  height: 50px;
  -webkit-box-shadow: 0px 0px 22px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 22px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 22px -5px rgba(0, 0, 0, 0.75);
}
.fotos .color-opacity-wrapper h6 {
  font-size: 29px;
  top: 36%;
}
.details .data-row .info-price .price-info h4 {
  font-size: 1.9em;
}
.auto .panel .panel-body .foto img {
  background-color: #ebf4ff;
}
.vergelijkbare-autos h2 {
  font-family: 'CommutersSans-SemiBold';
}
.geenautos {
  font-weight: 400;
  color: #3b53a1;
  padding-top: 10px;
  margin-left: 15px;
}
.comparable-car {
  cursor: pointer;
  height: 100%;
}
.comparable-car-text h5 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.data-row .info-data:first-of-type {
  flex: 1 0 50%;
}
.modal-content .bx-wrapper .bx-pager {
  color: #61a7ff;
  font-family: 'CommutersSans-SemiBold';
  font-size: 1.2em;
  bottom: 55px;
}
#page-wrapper.site {
  min-height: 7037px;
}
.modal-content .bx-wrapper .bx-viewport .foto-slider {
  padding: 0;
}
#page-wrapper .details .data-row .info-data .informatie .extra-info {
  margin-bottom: 10px;
}
.cars-mobile {
  background-color: white;
}
.cars-mobile span {
  font-size: 20px;
}
.vergelijkbare-autos .bx-controls.bx-has-controls-direction.bx-has-pager {
  display: none;
}
.auto-contactformulier {
  margin-top: 45px;
}
#koop-aanvraag .btn-koop {
  width: 75%;
}
#koop-aanvraag .aanvraag-verstuurd {
  padding-bottom: 50px;
}
.details .foto-row .fotos {
  margin-top: 10px;
}
.details .foto-row .fotos .main-foto-div {
  height: 100%;
}
.details .foto-row .fotos img.main-foto {
  height: 100%;
}
.url-toevoegen h3 {
  position: relative;
  z-index: 10;
  color: #001446;
  margin-bottom: 15px;
  font-size: 1.7em;
  font-family: CommutersSans-SemiBold;
  text-align: center;
  padding: 10px;
}
.img-car-url {
  width: 100%;
  text-align: center;
  z-index: 99;
  position: relative;
}
.img-car-url img {
  width: 500px;
}
.panel-url {
  border-color: transparent;
}
.url-inside {
  background-color: #ebf4ff;
  border-radius: 5px;
  text-align: center;
  padding: 80px;
  color: #001446;
  margin-top: -20px;
}
.url-inside p {
  margin: 0 auto;
  width: 80%;
  padding-bottom: 20px;
}
.url-inside .img-url {
  width: 100%;
  padding-bottom: 40px;
}
.url-inside .img-url img {
  width: 200px;
}
.url-inside .search {
  width: 100%;
  border-radius: 8px;
}
.url-inside .search .zoeken {
  width: calc(100% - 192px);
  padding: 0;
  margin: 0;
  padding: 15px;
  border: 2px solid #0062ff;
  background-color: transparent;
  border-radius: 10px 0px 0px 10px;
}
.url-inside .search .url-search {
  font-size: 1em;
  border: none;
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
}
.url-inside .search .button-url {
  float: right;
  padding: 22px;
  color: white;
  background: #dddddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
  display: inline-block;
  width: 192px;
  background-color: #0062ff;
  font-size: 1em;
  border: 2px solid #0062ff;
  border-radius: 0px 10px 10px 0px;
}
.details .data-row .info-data .informatie .technische-gegevens .more-data-table .more-data td {
  width: 30%;
}
.details .data-row .info-data .informatie .technische-gegevens .more-data-table .more-data .td-waarde {
  font-weight: bold;
  width: 50%;
}
.details .data-row .info-data .informatie .technische-gegevens .more-data-table {
  margin-top: 0;
}
.toggleFilterDivMobile,
.toggleFilterDivMobile:active,
.toggleFilterDivMobile:focus {
  background-color: #001446;
  border-color: #001446;
  width: 100%;
  margin-top: 16px;
}
.toggleFilterDivMobile:hover {
  background-image: linear-gradient(to right, #0062fe, #044dcc, #03399d, #012670, #001446);
}
.car_details h3 {
  font-size: 1.4em;
  text-align: left;
  font-family: CommutersSans-Regular;
}
#iframe.iframe {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.slider-wrapper .bx-wrapper {
  margin: 0 auto;
  border-radius: 12px;
}
.slider-wrapper .bx-wrapper .bx-viewport {
  border-radius: 12px;
}
.row-main-page {
  margin: 0;
  padding: 0;
}
.row-main-page .base-col-page {
  margin: 0;
  padding: 0;
}
.price-info p {
  margin: 0;
}
.price-info ul li {
  font-weight: bolder;
}
.filters .first-part-filters {
  background-color: #ebf4ff;
}
.filters .second-part-filters {
  background-color: #001446;
  padding-bottom: 20px;
  transform: skew(0deg, 1deg);
  -ms-transform: skew(0deg, 2deg);
  -webkit-transform: skew(0deg, 1deg);
  margin-top: -18px;
  padding-top: 18px;
}
.filters .second-part-filters .second-part-filters-inside {
  transform: skew(0deg, -1deg);
  -ms-transform: skew(0deg, -2deg);
  -webkit-transform: skew(0deg, -1deg);
}
.filters .bottom-filters {
  padding-bottom: 20px;
  transform: skew(0deg, 1deg);
  -ms-transform: skew(0deg, 2deg);
  -webkit-transform: skew(0deg, 1deg);
  margin-top: -23px;
  padding-top: 18px;
  -webkit-box-shadow: 0 4px 9px -2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 9px -2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 9px -2px rgba(0, 0, 0, 0.15);
  background-color: #ebf4ff;
}
.filters .bottom-filters .inside-bottom-filters {
  transform: skew(0deg, -1deg);
  -ms-transform: skew(0deg, -2deg);
  -webkit-transform: skew(0deg, -1deg);
}
.filters .bottom-filters .toggle-filters {
  float: none;
}
.bottom-filters.uitschuiven {
  background-color: #001446;
}
.filters .panel-body {
  margin-bottom: -31px;
  padding-top: 0;
}
.details-sluiten.fixed-top {
  position: fixed;
}
#toggleFilterMobile.filter-pushed {
  margin-top: 120px;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.auto-vergelijkbaar {
  padding: 0;
}
.auto-vergelijkbaar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vergelijkbare-autos .comparable-car-text {
  position: absolute;
  bottom: 10px;
  text-align: center;
  left: 0;
  right: 0;
  color: white;
}
.comparable-car-text h5 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.vergelijkbare-autos .comparable-car-text h5 {
  font-weight: bold;
  font-size: 12px;
}
.vergelijkbare-autos .img-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-shadow: inset 0px -45px 32px -10px #323232;
}
.color-opacity #myImg:hover {
  opacity: unset;
}
.message {
  float: left;
  text-align: left;
  width: 100%;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  padding: 11px 15px;
}
.message .iconwrapper {
  width: 25px;
  float: left;
}
.message .iconwrapper span {
  line-height: 36px;
}
.message .textwrapper {
  width: calc(75%);
  float: left;
}
.message .textwrapper .title,
.message .textwrapper p {
  font-weight: normal;
  font-size: inherit;
  display: block;
  width: 100%;
  margin: 0;
  color: rgba(0, 0, 0, 0.65);
}
.message .textwrapper p {
  padding-bottom: 0;
}
.message-info {
  background-color: #ccebf3;
}
.pagination .paganition-links {
  height: 100%;
  display: inline-block;
  position: relative;
}
.pagination .paganition-links .arrow-right {
  right: -30px;
}
.pagination .paganition-links .arrow-left {
  left: -30px;
}
.pagination a.arrows-svg {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -7px;
}
.afbeelding-wrapper a {
  display: inline-block;
}
.afbeelding-wrapper {
  margin-top: 3px;
}
.pagination .paginate_button a {
  width: 100px;
}
@media only screen and (max-width: 991px) {
  .gekozen-filters {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .checkboxes {
    padding-left: 15px;
  }
  .img-car-url img {
    width: 100%;
  }
  .clearfix .details {
    margin-top: 20px;
  }
  #comparable-slider .row-eq-height {
    display: inline-block;
    height: 180px;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-left: 0;
    margin-right: 0;
  }
  .auto-vergelijkbaar {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    float: none;
  }
  #filters.filters .container-label {
    height: 50px;
  }
  .bottom-filters.row {
    margin-left: 0;
    margin-right: 0;
  }
  .panel-body .row:first-of-type {
    margin: 0;
  }
  .overview-section iframe {
    width: auto;
  }
  .details .data-row .info-data .informatie .technische-gegevens .more-data-table .more-data td {
    width: 50%;
  }
  .url-inside {
    padding: 20px;
  }
  .url-inside .search .zoeken {
    width: calc(100% - 125px);
    padding: 0;
  }
  .url-inside .search .button-url {
    font-size: 0.7em;
    width: 125px;
    padding: 10px;
  }
  .url-inside .search .url-search {
    font-size: 0.7em;
  }
  .filters .zoek-filter {
    float: none !important;
    width: 30%;
    margin: 0 auto;
  }
  #page-wrapper {
    min-height: 630px !important;
  }
  .panel-body {
    padding: 5px;
  }
  .zoeken {
    padding: 0;
  }
  .panel-body .col-xs-12 {
    padding: 0;
  }
  .pagination a {
    font-size: 0.9em;
  }
  .auto .container-info .titel:after {
    display: none;
  }
  .auto .container-info .titel {
    padding-bottom: 10px;
  }
  .container-info,
  .auto .price {
    text-align: center;
  }
  .informatie h3,
  .informatie .extra-info {
    text-align: left;
    margin-top: 5px;
  }
  .details .data-row .info-price .price-info {
    text-align: left;
  }
  .details .data-row .info-data .informatie,
  .details .data-row .info-price .price-info {
    padding-left: 8px;
    padding-right: 8px;
  }
  .details .data-row .info-data .informatie .more-a {
    margin-top: 0;
  }
  .details .data-row .info-price .price-info ul li {
    font-family: 'CommutersSans-SemiBold';
  }
  .btn-koop {
    width: 95%;
  }
  .details .close {
    top: 50px;
  }
  .modal-content .bx-wrapper .bx-controls-direction .bx-prev {
    left: 0;
    bottom: -10px;
  }
  .modal-content .bx-wrapper .bx-controls-direction .bx-next {
    display: inline-block;
    right: 0;
    bottom: -10px;
    float: right;
    text-align: right;
    width: 60px;
  }
  #myModal .modal-content .bx-wrapper .bx-controls-direction .bx-prev:before {
    background-image: url(../img/arrow-left-white.svg);
    height: 50px;
    width: 36px;
  }
  #myModal .modal-content .bx-wrapper .bx-controls-direction .bx-next:before {
    background-image: url(../img/arrow-white.svg);
    height: 50px;
    width: 50px;
  }
  .gekozen-filters .filter:first-of-type {
    margin-left: 0;
  }
  .gekozen-filters .filter {
    margin-top: 20px;
  }
  .gekozen-filters {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    margin-top: 50px;
  }
  .toggleFilterDiv {
    padding-left: 5px;
  }
  .geenautos {
    padding-left: 5px;
    padding-right: 5px;
  }
  .panel-body a.toggle-filters {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .details .foto-row .fotos .main-foto-div {
    height: auto;
  }
  .details .foto-row .fotos img.main-foto {
    height: auto;
  }
  .details .data-row .info-data .informatie .technische-gegevens {
    left: 0;
  }
  .modal .modal-content .bx-wrapper .bx-viewport .foto-slider img {
    max-width: 100%;
    width: 100%;
    height: 232px;
  }
  .modal .modal-content .bx-wrapper {
    height: 232px;
  }
  .details .data-row .info-data .informatie .technische-gegevens .more-data-table .more-data .td-gegeven {
    width: 66%;
  }
  .modal-content .bx-wrapper .bx-viewport .foto-slider {
    padding-left: 0;
  }
  #filters.filters .first-part-filters {
    padding-bottom: 10px;
    padding-top: 18px;
  }
}
@media only screen and (max-width: 560px) {
  .filters .bottom-filters {
    margin-top: -7px;
  }
}