html, body, div, span, applet, object, iframe,
		h1, h4, h5, h6, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		caption, tbody, tfoot, thead, 
		article, aside, canvas, details, embed, 
		figure, figcaption, footer, header, hgroup, 
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video,select {
			margin: 0;
			padding: 0;
			border: 0;
			vertical-align: baseline;
			-moz-box-sizing: border-box; 
    	-webkit-box-sizing: border-box; 
     	box-sizing: border-box; 
     	-webkit-font-smoothing: antialiased;
    	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    	color:rgb(51,51,51);
		}
		/* HTML5 display-role reset for older browsers */
		article, aside, details, figcaption, figure, 
		footer, header, hgroup, menu, nav, section {
			display: block;
		}
		body {
			line-height: 1;
		}
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
			content: none;
		}
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
		a {
			text-decoration:none;
		}
div, * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family:'montserrat', sans-serif;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

img,object,embed {
    display: block;
    max-width: 100%;
}

body {

    margin: 0 auto;
    background: #fafafa;
}

html {overflow-y: scroll;}
#timeline {
    overflow: hidden;
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
}

p {
	font-size:15px;
	line-height:20px;
}

.item {
	margin:5px;
	margin-bottom:10px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 4px 2px;
	background-color:white;
	min-height: fit-content;
	border-radius: 4px;
}

.item h2 {
	font-family:'montserrat';
	font-size:15px;
	font-weight:700;
	padding:10px;
	padding-bottom:2px;
}

.item h2 small {
	color:#39679f;
	font-weight:400;	
}

.item .links {
	font-family:'montserrat';
	font-size:14px;
	font-weight:700;
	padding-top:2px;
	float:left;
}

.item .car-images img {
	width:100%;
	border-radius: 4px 4px 0px 0px;
}

.item .links b {
	color:#39679f;
}

.item .rechts {
	font-family:'montserrat';
	font-size:14px;
	font-weight:700;
	padding-top:2px;
	float: right;	
}


.item br {
	clear:both;	
}

.info {
	width:100%;	
	padding: 10px 15px 15px 15px;
	font-family: 'montserrat';
}

.info .brand-model {
	margin: 5px 0px 5px 0px;
}

.info .brand-model a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: #39679f;
}

.info .brand-model span {
    font-size: 20px;
    color: #39679f;
}

.info .brand-model .car-description {
    margin: 5px 0px 0px 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: initial;
    padding-bottom: 0;
    color: #393939;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.info h2 {
	margin:5px 10px;
	margin-bottom:0;
	padding:0;
}

/* Styling inner list-items --begins here */
.car-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.details-list {
    margin-top: 5px;
    float: right;
}

.details-list, .details-list2 li {
    list-style: none;
}

.details-list .list-item {
    display: flex;
    margin: 7px 0px;
    font-size: 13px;
    flex-direction: row;
    align-items: center;
}

.car-details .details-list .list-item li {
    display: flex;
    margin: 3px 0px 3px 0px;
}

.car-details .details-list li img {
    width: 15px;
}

#list-left {
    width: calc(100% - 24%);
}
/* Styling inner list-items --ends here */



/* Styling wrapper price-line --begins here */
.item .info .price-line {
    display: flex;
    justify-content: flex-end;
}

/* Styling wrapper price-line --ends here */


/* Styling inner car-lease-price --begins here */

.item .info .monthly-term {
    float: left;
    width: 50%;
    text-align: left;
    padding-top: 20px;
}

.item .info .monthly-term a {
    font-size: 22px;
    font-weight: 700;
    color: #39679f;
}


.item .info .monthly-term sub {
    display: block;
    font-size: 12px;
    color: #393939;
    font-weight: 300;
}

.item .info .monthly-term span {
    font-weight: 800;
    color: #39679f;
    font-size: 22px;
}


/* Styling inner car-lease-price --ends here */

/* Styling inner car-price --begins here */

.item .prices {
    float: right;
    width: 50%;
    text-align: right;
    padding-top: 20px;
    min-height: 56px;
}

.item .prices .price {
	color: #39679f;
	font-weight: 400;
	font-size: 22px;
}

.item .info .prices sub {
    display: block;
    font-size: 12px;
    color: #393939;
    font-weight: 300;
}


/* Styling inner car-price --ends here */

/* Styling car-link/button --begins here */


.item .info .car-link {
	display: inline-flex;
	
}



.item .info .car-link .detail-link {
    padding: 12px 10px 12px 10px;
    background-color: transparent;
    border-radius: 4px;
    border: solid 1px #39679f;
    color: #39679f;
    margin-top: 10px;
    transition: all 0.3s;
}

.item .info .car-link .detail-link:hover {
    background-color: #39679f;
    color: white;
    transform: scale(1.04);
    border: solid 1px #39679f;
    display: block;
    position: relative;
}

.nav-links {
	display: flex; 
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
}

.detail-link {
    padding: 12px 10px 12px 10px;
    background-color: #39679f;
    border-radius: 4px;
    border: solid 1px #39679f;
    color: white;
    margin-top: 10px;
    transition: all 0.3s;
}

.detail-link:hover {
    background-color: white;
    color: #39679f;
    transform: scale(1.04);
    border: solid 1px #39679f;
    position: relative;
}

.contentLeft .detail-link::after {
    content: '➜';
    margin-left: 5px;
    color: white;
}

.contentLeft .detail-link:hover::after {
    transition: all 0.3s;
    margin-left: 10px;
    color: #39679f;
}


.fwb {
    width: 100%;
    text-align: center;
}

.detail-link::after {
    content: '➜';
    margin-left: 5px;
    color: #39679f;
}

.detail-link:hover::after {
    transition: all 0.3s;
    margin-left: 10px;
    color: white;
}
/* Styling car-link/button --ends here */


.logoMenu {
	max-width:1000px;
	width:100%;
}
.mobielMenu {
	display:none;
}
.grootLogo {
	max-width:480px;
	width:100%;
}
.dropFix {
	margin-bottom:10px;
}
.clearBoth {
	clear:both;
}
.partnerlist {
	background-color:white;
	width:100%;
}
.inlineCss {
	display:inline !important;
}
.partnerImg {
	border-radius:4px;display:inline !important;margin-left:15px;margin-left:15px;margin-bottom:5px;margin-top:5px;
}
.partnerLogoPage {
	max-width:400px;margin-bottom:10px;
}
.centerize {
	text-align:center;
}
.meerinfosmall {
padding:0;font-size:10px;text-transform:uppercase;color:#39679f!important;
}

.topMenuButton {
	display:none;
	width:100%;
	background-color:#fff;
	padding:0px;
}
.topMenuButton h1 {
	color:black;
	font-size:1.5em;
}

.topMenu {
	width:100%;
	background-color:#aaa;
	padding:10px;	
	padding-top:0;
}
.topMenuInnerWrap { 
	background-color:#555;
	padding-bottom:14px;
}
.topMenuInner {
	margin-left:auto;
	margin-right:auto;
	max-width:980px;
	padding-top:16px;
}
.topMenuInner a {
	text-decoration:none;
	font-family:'montserrat';
	font-size:16px;
	margin-left:10px;
	margin-right:10px;
	color:white;
	line-height:15px;
	font-weight:100 !important;
	 }
.topMenuInner a:last-child {
	margin-right:0;
}
.topMenuInner a:hover {
	border-bottom:solid 1px #39679f;
}
.topMenuInnerMobiel {
	margin-left:auto;
	margin-right:auto;
	max-width:980px;
	padding-top:16px;
}
.topMenuInnerMobiel a {
	text-decoration:none;
	font-family:'montserrat';
	font-size:15px;
	margin-right:15px;
	color:white;
	line-height:30px;
}
.topMenuInnerMobiel a:hover {
	border-bottom:solid 1px #39679f;
}


.header {
	width:100%;
	background-color:#fff;
	padding:0;	
	padding-top:0;
	transition:0.3s ease all;
}
.headerInner {
	margin-left:auto;
	margin-right:auto;
	max-width:980px;
	padding-top:10px;
}

.meerInfoPartner p.centerize {
    text-align: center;
}

.meerInfoPartner {
	margin-left:auto;
	margin-right:auto;
	max-width:980px;
	padding:10px;
	padding-top:10px;
	margin-bottom: 30px;
}

.meerInfoPartner h1 {
	font-family:'montserrat';
	font-size:30px;
	margin-top: 15px;
	margin-bottom: 40px;
}

.meerInfoPartner p {
	font-family:'montserrat';
	font-size:15px;
	line-height:20px;
	text-align:justify;
}

.CTA-banner {
    background: #39679f;
    margin: 25px 0px 50px 0px;
    padding: 20px;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    align-content: space-around;
}

.CTA-banner h3 {
    margin: 0px 0px 10px 0px;
    font-size: 190%;
    color: white;
    line-height: 40px;
    text-align: center;
}

.CTA-banner .klantbutton {
    background-color: #b3b3b3;
    border: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 5px;
    color: #39679f;
    padding: 7.5px 16px 7.5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.dealerTable tr {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    background: white;
    margin-bottom: 40px;
    border-radius: 4px;
    box-shadow: rgb(0 0 0 / 15%) 0px 4px 10px;
}

.dealerTable .text-inner {
    padding: 15px;
}

.dealerTable .logo-inner img {
    max-height: 155px !important;
    object-fit: contain;
    margin-top: 20px;
    max-width: 155px !important;
}


.headerInner h1 {
	font-family:'montserrat';
	font-size:30px;
}

.zoeken {
	width:100%;
	background-color:#39679f;
	padding:10px;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	margin-bottom: 15px;
	transition:0.3s ease all;
}

.rechtsmenu {
	float:right;
}

.zoekenSmall {
		background-color:rgba(255,255,255,0.9);
		padding:10px;
}

/* Styling kruimelpad --begins here */
ul.breadcrumb {
	padding: 10px 0px;
    list-style: none;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: space-between;;
    max-width: 960px;
    margin-bottom: -8px;
}

ul.breadcrumb li {
  display: inline;
  font-size: 16px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: lightgrey;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: #39679f;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #393939;
  text-decoration: underline;
}

.kruimelpad .breadcrumb .end {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    max-width: 20%;
}

.return {
    padding: 8px 10px;
    border: solid 1px #efefef;
    border-radius: 4px;
    align-items: center;
    display: inline-flex;
    font-size: 17px;
    color: #393939;
    
}

.return:before {
 content: '➜';
 margin-right: 8px;
 font-size: 20px;
 color: #39679f;
 transform: rotate(180deg);
}

.return:hover:before {
 content: '➜';
 margin-right: 8px;
 font-size: 20px;
 color: #393939;
 transform: rotate(180deg);
}
/* Styling kruimelpad --ends here */


.icon-overview-inner ul {
    overflow-x: scroll;
    overflow-y: hidden;
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    flex-wrap: nowrap;
    padding: 0px 0px 15px 0px;

}

.inner-item {
    display: grid;
    margin: 0px 5px 0px 0px;
}


.inner-item li {
    display: -webkit-inline-box;
    display: inline-box;
    background-color: white;
    padding: 16px;
    border: solid 1px #E8E8E8;
    border-radius: 4px;
    box-shadow: 1px 2px 10px 0px #46464647;
    width: 225px;
    margin: 5px 5px 5px 10px;
}


.contentInnerRight {
    padding: 10px 0px 10px 10px;
    width: 100%;
    font-size: 14px;
    line-height: 19px;
}

.content2 {
margin-left:auto;
	margin-right:auto;
	max-width:980px;
	padding: 10px
	padding-top: 10px;
}

.content {
	margin-left:auto;
	margin-right:auto;
	max-width:980px;
	padding: 0px 10px 10px 10px;
	
	/* display: flex;
	justify-content: space-between; */
}

.content h1 {
	font-size:25px;
	font-weight:bold;
}

.contentBox {
	width:45%;
	float:left;
	min-width:200px;
}

.contactBox, .contactBox2 {
	width:100%;
	float:left;
	min-width:200px;
	border:solid 1px #39679f;
	border-radius: 4px;
	margin-bottom: 15px;
}

.contactBox2 h3 {
    font-size: 20px;
    color: #39679f;
    margin: 6px 0px 7px 0px;
    font-weight: 400;
}

.contactBox2 ul {
	margin: 10px -5px;
}

.contactBox2 ul svg {
    width: 25px;
    margin: 0px 10px 0px 0px;
}
    
.contactBox2 li {
    display: inline-flex;
    align-items: center;
    margin: 5px;
    min-width: 97%;
}

.contactBox2 .reviews-list {
    margin: 0px 20px;
    overflow-x: scroll;
    overflow-y: hidden;
    display: flex;
    margin-left: -5px;
    margin-right: -10px;
    flex-wrap: nowrap;
    padding: 0px 0px 10px 0px;
}

.center {
    width: 100%;
    text-align: center;
}

.center p {
    margin: 7px 0px 0px 0px;
    color: #39679F;
}

.center a {
    margin: 0px;
    color: #39679F;
}

.center a:hover {
    text-decoration: underline;
}

.totalScore {
    width: 100%;
    display: inline-block;
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

/* styling for reviews in .contactBox2 begins here */

.reviews__list-item {
    cursor: pointer;
    padding: 0.7rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    max-width: 30rem;
    display: flex;
    flex: 0 0 90%;
    margin-right: 1.2rem;
    position: relative;
    }
    
.reviews__list-item .reviews__content-wrapper {
    display: flex;
    flex-direction: column;
    }
    
.grid.gap-y--3 {
    margin-top: 0;
    }

.reviews__list-item .reviews__content {
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    margin-top: 0.2rem;
    }
    
.review-rating {
    position: relative;
    height: 1.6rem;
    overflow: hidden;
    display: flex;
    align-items: center; 
    }

.review-rating__rating {
    display: inline-block;
    height: 100%;
    }
    
.review-rating__icons {
    position: relative;
    display: inline-block;
    margin-right: .4rem;
    }
    
.review-rating__icons {
    position: relative;
    display: inline-block;
    margin-right: .4rem;
    }
    
.review-stars {
    display: inline-block;
    height: 1.6rem;
    white-space: nowrap;
    }
    
.review-stars__icon:not(:last-of-type) {
    margin-right: .2rem;
    }
    
.review-stars__icon {
    display: inline-block;
    height: 1.6rem;
    }
    
    svg:not(:root) {
    overflow: hidden;
    }
    
.icon--valign-top {
    vertical-align: top;
    }
    
.icon--size-4 {
    height: 1.6rem;
    width: 1.6rem;
    }
    
.icon--color-green {
    fill: #39679F;
    color: #39679F;
    }
    
.review-stars__icon:not(:last-of-type) {
    margin-right: .2rem;
    }
    
.review-rating__score {
    position: absolute;
    display: block;
    }
    
	*, :before, :after {
    box-sizing: border-box;
    }
    
.review-rating__score-meter {
    display: none;
    }
    
.review-rating__reviews {
    display: inline-block;
    vertical-align: top;
    line-height: 1.6rem;
    }
    
.text--truncate {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 6px;
    }
    
.reviews__item-title {
    margin-bottom: 0;
    margin-top: .8rem;
    display: block;
    }
    
    p:not(:empty):last-child {
    padding-bottom: 0;
    }
    
@media only screen and (max-width: 667px)
    .hide\@md-down {
    display: none!important;
    }
    
.color--additional {
    color: #999!important;
    }
    
.curtain .curtain__content.is-activated {
    transition: height .25s ease-out;
    }
    
.curtain .curtain__content {
    overflow: hidden;
    position: relative;
    }
    
.curtain .curtain__content-inner-wrapper {
    padding: .1px 0;
    }
    
.curtain .curtain__control {
    color: #0090e3;
    display: inline-block;
    margin-top: .5rem;
    }
    
.curtain .is-activated .curtain__control-icon {
    transform: rotate(90deg);
    }

.curtain .curtain__control-icon {
    height: 1rem;
    width: 1rem;
    position: relative;
    top: .15rem;
    transform: rotate(-90deg);
    }
    
.section--2:not(:first-child) {
    margin-top: .8rem!important;
    }

/* styling for reviews ends here */

.contactBox h3 , .contactBox h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	color:white;
	background-color:#39679f;
	padding:0;
	margin:0;
	padding:16px;
	padding-top:16px;
}

.contactBox p, .contactBox p{
	margin-bottom:10px;
	font-size:15px;
}
.contactBox i {
	margin-right:5px;
}

.contactBox {
	width:100%;
	float:left;
	min-width:200px;
}

.contactBox textarea {
	width:100%;
	border-radius:6px;
	padding:10px;
	margin-bottom:6px;
	border:solid 1px #ddd;
}
.contactBox input {
	width:100%;
	border-radius:6px;
	padding:5px;
	margin-bottom:6px;
	border:solid 1px #2d62a1;
}

.opmerkingen {
	width:100%;
	margin-top:30px;
	background-color:white;
	border-radius: 4px;
	padding:16px;
	box-shadow: rgb(146 146 146 / 11%) 0px 4px 13px, 
				rgb(21 21 21 / 8%) 0px 2px 20px;
}

.opmerkingen h3 {
	font-size:20px;
	margin:0;
	padding:0;
	margin-bottom:10px;
	font-weight:700;
}
.opmerkingen p {
	font-size:14px;
	margin-bottom:10px;
	line-height:20px;
}

.contentInner {
	width:100%;
	font-size:14px;
	line-height:19px;
}

.contentInner h2 {
	font-size:18px;
	margin-bottom:20px;
}
b {
	font-weight:bold;
}
small {
	font-size:80%;
	color:#4c9141;
}
.mainImage {
	width:100%;
	border:solid 1px #ddd;
	border-radius:2px;
	padding:5px;
	margin-bottom:5px;
}

.thumbImage {
	width:20%;
	border:solid 1px #ddd;
	border-radius:2px;
	padding:5px;
	float:left;
}

.title {
	font-family:'montserrat';
	font-size:25px;
	font-weight:400;
	text-align:center;
	padding:10px;
	padding-bottom:2px;
	color:white;
	transition:0.3s ease all;
}

.titleSmall {
	font-size:18px;
	color:#39679f;
}



.blockWrap {
	margin-left:auto;
	margin-right:auto;
	max-width:1000px;
}

.block {
	width:25%;
	float:left;
	min-width:165px;
}

.blockInner {
	width:100%;
	padding:10px;
}

.block label {
	display:block;
	width:100%;
	font-family:'montserrat';
	font-size:14px;
	font-weight:bold;
	color:white;	
	margin-top:10px;
	margin-bottom:3px;
}
.dropdown {
	margin:0;
	padding:0;
}
.search select {
    background: url("https://www.zoekjebedrijfswagen.nl/triangular-arrow.svg");
    background-color: #fafafa;
    background-repeat: no-repeat;
    background-position: right 10px top 13px;
    background-size: 11px 11px;
    color: white;
    padding: 9px;
    width: 100%;
    font-family: 'montserrat';
    font-size: 14px;
    font-weight: normal;
    color: #333;
    text-align: left;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-appearance: none;
    outline: 0;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    margin-bottom: 5px;
    box-shadow: inset 1px 2px 3px rgb(0 0 0 / 40%);
    -webkit-appearance: none;
    -webkit-box-shadow: inset 1px 2px 3px rgb(0 0 0 / 40%);
}





.halfFirst {
	width:calc(50% - 5px);
	float:left;
	margin-right:5px;
}

.halfLast {
	width:calc(50% - 5px);
	float:left;
	margin-left:5px;
}

.zoekenKnop {
	width:100%;
	float:left;
}

#blue {
  background-color:#3498DB;
}

#blue:hover {
  background-color:#2980B9;
}

#green {
  background-color:#2ECC71;
}

#green:hover {
  background-color:#27AE60;
}

#red {
  background-color:#E74C3C;
}

#red:hover {
  background-color:#C0392B;
}

.search select:focus, .search select:active {
  border:0;
  outline:0;
}

.block {

}




.adverterenbutton1 {
background-color: #FFFFFF !important;
    border: none;
    border-radius:10px;
    color: #3b619c;
    padding: 15px 20px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;


}
.adverterenbutton {
background-color: #3b619c !important;
    border: none;
    border-radius:10px;
    color: white;
    padding: 15px 20px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;


}

.klantbutton {
background-color: #3b619c;
    border: none;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 5px;
    color: white;
    padding: 7.5px 16px 7.5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.bbButton {
	background-color: #3b619c;
    border: none;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 5px;
    color: white;
    padding: 10px 25px;
	font-weight:bold;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	display: inline-block;
}

.spinner2 {
  margin: 80px auto 0;
  width: 70px;
  text-align: center;
  position:fixed;
  top:0;
  width:100%;
  z-index:6000;
  display:none;
}

.spinner2 > div {
  width: 68px;
  height: 68px;
  background-color: #fff;
  border:solid 15px #000;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner2 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner2 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* .grow-hover */
.grow { transition-duration: .3s; transition-property: transform; }

.grow:hover { transform: scale(1.08);transition: all 0.3s ease-in-out; }

/* .angry-animation */

.angry-animate{
-webkit-animation:shake 8s ease-out 5s infinite normal;
-moz-animation:shake 8s ease-out 5s infinite normal;
-ms-animation:shake 8s ease-out 5s infinite normal;
animation:shake 8s ease-out 5s infinite normal;
}

@-webkit-keyframes shake {
0%{ transform: rotate(-1deg); -webkit-transform: rotate(-1deg); }
2%{ transform: rotate(1deg); -webkit-transform: rotate(1deg); }
4%{ transform: rotate(-1deg); -webkit-transform: rotate(-1deg); }
6%{ transform: rotate(1deg); -webkit-transform: rotate(1deg); }
8%{ transform: rotate(-1deg); -webkit-transform: rotate(-1deg); }
10%{ transform: rotate(1deg); -webkit-transform: rotate(1deg); }
12%{ transform: rotate(-2deg); -webkit-transform: rotate(-2deg); }
14%{ transform: rotate(2deg); -webkit-transform: rotate(2deg); }
16%{ transform: rotate(-1deg); -webkit-transform: rotate(-1deg); }
18%{ transform: rotate(-1deg); -webkit-transform: rotate(-1deg); }
20%{ transform: rotate(0deg); -webkit-transform: rotate(0deg); }
}

@keyframes shake {
0%{ transform: rotate(-1deg); -ms-transform: rotate(-1deg); }
2%{ transform: rotate(1deg); -ms-transform: rotate(1deg); }
4%{ transform: rotate(-1deg); -ms-transform: rotate(-1deg); }
6%{ transform: rotate(1deg); -ms-transform: rotate(1deg); }
8%{ transform: rotate(-1deg); -ms-transform: rotate(-1deg); }
10%{ transform: rotate(2deg); -ms-transform: rotate(1deg); }
12%{ transform: rotate(-2deg); -ms-transform: rotate(-2deg); }
14%{ transform: rotate(2deg); -ms-transform: rotate(2deg); }
16%{ transform: rotate(-1deg); -ms-transform: rotate(-1deg); }
18%{ transform: rotate(-1deg); -ms-transform: rotate(-1deg); }
20%{ transform: rotate(0deg); -ms-transform: rotate(0deg); }
}




.onTop {
	xposition:fixed;
	xtop:0;
	xleft:0;
	background-color:black;
	width:100%;
	padding:20px;
	display:none;
	margin-bottom:15px;
	border-radius:3px;
}

.onTop .left,.onTop  .right {
	width:50%;
	float:left;
}

.onTop .left h2,.onTop  .right h2 {
	color:white;
	font-size:25px;
	font-family:'montserrat';
	font-weight:bold;
}

.listItemxx {
	border:solid 1px green;
	display:block;
	clear:both;
}

.listItem input {
	padding:5px;
	margin:5px;
	float:left;
}
.listItem label {
	display:block;
	vertical-align: baseline;
	float:left;
	padding:0;
	margin:0;
	width:auto;
	color:white;
	font-family:'montserrat';
	font-size:20px;
	font-weight:bold;
}

.popup {
	width:200px;
	background-color:#3b619c;
	padding:30px;
	position:fixed;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display:none;
	border-radius:9px;
	text-align:center;
}
.buttonPopup {
	padding:2px 10px;
	width:100%;
	margin-bottom:10px;
	background-color:#fff;
	color:#000;
	cursor:pointer;
	display:inline;
	border-radius:5px;
}

br {
	clear:both !important;
}

label {
	width:110px;
	display:block;
	float:left;
}

.theEnd {
	width:100%;
	font-size:15px;
	display:none;
	font-family:'montserrat';
	text-align:center;
	padding:30px;
}

.pagination {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: white;
    padding: 20px 0px;
    box-shadow: 1px 1px 10px -3px #00000047;
    border-inline: solid 15px white; 
    overflow-x: scroll; 
    overflow-y: scroll; 
}

.pagination a {
    border: 1px solid #c5c5c5;
    margin: 0px 5px 0px 5px;
    border-radius: 5px;
    min-width: 40px;
    padding: 10px;
}

.detailTabel {
	width:100%;
}
.detailTabel th {
	text-align:left;
	font-size:16px;
	font-weight:300;
	padding-bottom:10px;
	padding-right:20px;
	color:#999;
	border-bottom: 1px solid #ededed;
	padding-top:10px;
	width: calc(100% - 50%);
}
.detailTabel td {
	text-align:left;
	font-size:16px;
	font-weight:300;
	border-bottom: 1px solid #ededed;
	padding-top:10px;	
	color:#333;
	width: calc(100% - 50%);
}

.tableTitle {
	padding-bottom:20px;
	padding-top:20px;
	font-size:24px !important;
	color:#000;
	font-weight:400 !important;
}

h3.tableTitle {
	padding-bottom:15px;
	padding-top:10px;
	margin: 0px;
	
}

.back-to-top {
	position: fixed;
	bottom: 2em;
	right: 0px;
	text-decoration: none;
	color: #000000;
	background-color: rgba(235, 235, 235, 0.80);
	font-size: 12px;
	padding: 1em;
	display: none;
}

.back-to-top:hover {	
	background-color: rgba(135, 135, 135, 0.50);
}	


.contentLeft {
	width:67%;
	min-width:250px;
	float:left;
}
.contentRight {
	width:29%;
	float:right;
}


.fotoInner {
	
}

.fotoOuter {
	float:left;
}





.zelf input {
	padding:5px;
	margin:5px;
	width:50%;
    border: 1px solid #39679f;
    border-radius: 3px;
}



.opties {
	font-size:12px !important;
}



.infoTitel {
	margin: 5px 10px;
    margin-bottom: 0;
    padding: 0;
    font-family: 'montserrat';
    font-size: 15px;
	padding-bottom:0;
}

.infoTitel small {
	color: #39679f;
    font-weight: 400;
}




/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.4.0
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;transition:background-color .4s ease}.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

/*
   Spezific styling for salvattore
   Feel free to edit it as you like
   More info at http://salvattore.com
 */

 	.slide {
		display:block;
	}
	.meerknop {
		display:none;
		width:100%;
		padding:10px;
		color:white;
		font-size:25px;
		font-weight:bold;
		text-align:center;
		margin-top:10px;
	}
 
 
/* Base styles */
.column {
    float: left;
}
.size-1of5 {
    width: 20%;
}
.size-1of4 {
    width: 25%;
}
.size-1of3 {
    width: 33.333%;
}
.size-1of2 {
    width: 50%;
}

.snipsnip {
	width:100%;
	height:180px;
	overflow:hidden;
}

.split_4 {
	width:calc(100%/4);
	float:left;
	padding:10px;
}

.split_3 {
	width:calc(100%/3);
	float:left;
	padding:10px;
}

.split_2 {
	width:calc(100%/2);
	float:left;
	padding:10px;
}

.split_3 p, .split_2 p {
	font-size:14px;
}

.footer {
	width:100%;
	background-color:#3b619c;
	padding-top:40px;
}
.footerInner {
	width:100%;
	max-width:980px;
	margin:auto;
	padding-bottom:40px;
	color:white;
}
.footerInner > * {
	color:white;
}

.footerInner a {
	color:white;
	display:block;
	margin-bottom:15px;
	font-weight:200;
	font-size:14px;
}

.footerInner input {
	width:calc(100% - 8px);
	border-radius:4px;
	float:left;
	border:0;
	margin-bottom:4px;
	padding:8px;
	margin-right:8px;
}

/* Configurate salvattore with media queries */
@media screen and (max-width: 450px) {
    /*#timeline[data-columns]::before {
        content: '1 .column';
    }
	*/
	.split_4, .split_3, .split_2 {
		width:calc(100% / 1);
	}
	
	.snipsnip {
		width:auto;
		height:auto;
		overflow:default;
	}
	
	.slide {
		display:none;
	}
	.meerknop {
		display:block !important;
	}
	
	.CTA-banner h3 { font-size: 25px !important;line-height: 30px!important;}
	.CTA-banner .klantbutton {margin:10px 0px 0px 0px !important;}
	
	.pagination {width: calc(100%); white-space: nowrap; justify-content: start; }
	.mobielweg { display:none; }
	.kruimelpad .mobielweg { display:none;}
	.partnerlist { display:none; }
	.blockInner { padding:0; }
	.block { width:100%; }
	.topMenu { display:none; }
	.topMenuInnerWrap { display:none; }
	.header { display:none; }
	.topMenuButton { display:block; }

	.contentBox { width:100%; }
	.contactBox, .contactBox2 { width:100% !important; }
	.contentBox { width:100% !important; }
	iframe { width:100%; }
	.zoeken {padding:10px;}
	.contentLeft {width:100%;}
	.contentRight {width:100%;}
	.mobiel100 {width:100% !important; padding:0 !important;}
	.content h1 {font-size:20px !important;}
	
	.contactBox2 h3 {font-size:17.5px;}
	.contactBox2 li {font-size: 13px;}
	.center p {font-size: 12px; margin:0;}
	
	.aanbieder-contact {width: 100% !important}
	.aanbieder-extra {width: 100% !important}
	
	.opmerkingen-scroll {max-height: 350px !important;}
	
	.zaBox { width:100% !important; padding:0 !important; }
	.imgArray img { width:40% !important; }
	.quart { width:100% !important; }
}


@media screen and (min-width: 451px) and (max-width: 700px) {
	.item {
		width: calc(50% - 10px);
		float:left;
	}
	
	.split_4, .split_3, .split_2 {
		width:calc(100% / 2);
	}
	
	.mobielweg { display:none; }
	.partnerlist { display:none; }
	.topMenuInnerWrap { display:none; }
	.blockInner { padding:0px; }
	.block { padding:10px; width:50%; }
	.header { display:none; }
	.topMenu { display:none; }
	.topMenuButton { display:block; }
	.zoeken {padding:10px;}
	.zaBox { width:100% !important; padding:0 !important; }
	.imgArray img { width:40% !important; }
	.quart { width:100% !important; }
}

@media screen and (min-width: 701px) and (max-width: 850px) {
	.item {
		width: calc(33.333% - 10px);
		float:left;
	}
	
	.alleZoeken {display:block !important;}
	
	.contactBox2 ul svg {width:22px;}
	.contactBox2 li {font-size:12.5px;}
	.center p {font-size:12px; margin:0px;}
	.pagination {width: calc(auto); white-space: nowrap; justify-content: center; }
	.opmerkingen-scroll {max-height: 350px !important;}
	
	.split_4, .split_3, .split_2 {
		width:calc(100% / 2);
	}

	.CTA-banner .klantbutton {margin:10px 200px 0px 200px !important;}

	.mobielweg { display:none; }
	.partnerlist { display:none; }
	.topMenuInnerWrap { display:none; }
	.blockInner { padding:0px; }
	.block { padding:10px; width:50%; }
	.header { display:none; }
	.topMenu { display:none; }
	.topMenuButton { display:block; }
	.zoeken {padding:10px;}	
}
	

@media screen and (min-width: 851px) and (max-width: 1050px) {
	.item {
		width: calc(25% - 10px);
		float:left;
	}
	
	.split_4, .split_3, .split_2 {
		width:calc(100% / 2);
	}

}
	
	


@media screen and (min-width: 1051px) {
	.item {
		width: calc(20% - 10px);
		float:left;
	}

}






@-webkit-keyframes colorPulse {
      0% {background-color: #39679f;}
     100% {background-color: #ffffff;}
}


.pulse {
    -webkit-animation: colorPulse 0.5s infinite alternate;
}

.swipeHand {
	display:none;
}

@media only screen and (max-device-width: 1024px) {

	.swipeHand:first-child {
		display:inline;
		width: 50px !important;
		position:absolute !important;
		margin-left: 8px
		margin-top: 8px;
	}

}