/*
Theme Name:     Theme Derks Autogroep / Lease > hearses
Theme URI:      https://www.derkslease.nl
Description:    Derks Autogroep / Lease > hearses
Author:         Huibert Bijland
Author URI:     https://www.ikcommuniceer.nu
Template:       wijmakenhet.nu
Version:        1.0.0 > hearses
*/

@import url("../wijmakenhet.nu/style.css");
@import url("hearses/hearses.css");

html, body {
font-size: 14px;
color:#404040;
/*color:#6A7278*/
/*background: #f8f7f2;*/
}
html, body {
}
h1,h2,h3,h4,h5,h6, p, div, ul {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div, li, ol, img
{
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
}

.youtubeContainer {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 35px;}
.youtubeContainer iframe {position: absolute; top: 10px; left: 0; width: 100%; height: 100%;border-radius: 5px;}

#wrap,
.fixed
{
transition:all 0ms ease;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-o-transition:all 0ms ease;
}
.widgetF:nth-of-type(2) .blok33:hover,
.adviseur.bart:hover,
.adviseur.remco:hover,
.adviseur.rob:hover,
.adviseur.ruud:hover,
.adviseur.henry:hover,
.adviseur.teun:hover,
.adviseur.sjors:hover,
.adviseur.edwin:hover,
.adviseur.melanie:hover,
.adviseur.han:hover,
.adviseur.ans:hover,
.adviseur.pieter:hover,
.adviseur.saskia:hover
{
transform: scale(1.05);
transition: all 200ms ease;
}
#wrap .adviseur.bart {
display: none!important;
}
div,
input,
.cta
{
-khtml-border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;
}
/*typo typografie fonts*/
hr.border-5 {
border-bottom: 5px solid #e1251b;
}
.lineW {
border-top: 5px solid #e1251b;
}
a {
color:#363636;
}
#wrap h1, #wrap h2, #wrap h3, #wrap h4, #wrap h5, #wrap h6 {
color:#404040;
/*color:#C27F46;*/
}
.textRed {
/*color:#e1251b;*/
color:#995D14;
}
.why h2 {
font-size: 35px;
margin-bottom: 15px;
}
.vgv-wrap h3 {
font-weight: 400;
color:#363636;
/*background: #f7f7f7;*/
background: #FFF;
border: 1px solid #EDEDED;
border-top:none;
border-left:none;
border-right:none;
border-radius: 0;
padding: 12px;
margin: 0;
}
.vgv-wrap.active h3 {
color: #e1251b;
}
.vgv-content {
padding: 20px;
background: #f7f7f7;
}
.scrollTop {
margin: auto;
bottom: 40px;
right: -50%;
left: -50%;
width: 100px;
height: 30px;
border-radius: 16px;
border: 1px solid #EDEDED;
background:#FFF;
text-align: center;
font-size: 12px;
text-decoration: none;
}
.scrollTop:after {
content:"Scroll top";
line-height: 30px;
}
/*overall*/
#wrap #footer, #wrap #bottom-footer, #wrap .pageTitle, #wrap  #header, #wrap  #breadcrumbs, #wrap #container, #wrap #nav {
width: 100%;
max-width: inherit!important;
min-width: auto;
margin: 0 auto;
}
#wrap {
max-width:1600px!important;
}
.grL-1 {
background: #f7f7f7;
}
.grL-2 {
background: #e9edee;
}
.grL-2.wit {
background: #FFF;
}
.grL-3 {
background: #f6f6f6;
}
.grL-4 {
background: #999;
}
#container {
padding-top:0;
}
#container.top {
padding-top:20px;
}
#container.none {
padding:0;
}
#container.with {
padding:30px 0;
}
.main .grL-2 .grid0.home {
padding: 100px 20px 0 20px;
}
.line {
border-top:1px solid #EDEDED;
}
/*top header*/
.wrapcon.fixed {
background: #FFF;
}
#header {
position: relative;
padding: 20px 0;
border-top: 1px solid #d8c5a8;
border-bottom: 1px solid #d8c5a8;
background: #FFF;
}
#wrap h1.logo {
min-width: 506px;
margin: 0 15px;
height: 35px;
line-height: 35px;
font-weight: 400;
font-size: 14px;
}
.fixed h1.logo {
display: table;
}
h1.logo img {
float: left;
width: auto;
height: 35px;
margin-right: 15px;
}
.main #slider.header {
/*height: 520px;*/
height: 520px;
-webkit-background-size: 100% auto!important;
-moz-background-size: 100% auto!important;
-o-background-size: 100% auto!important;
background-size: 100% auto!important;
background-attachment: inherit!important;
background-position-x: center!important;
background-position-y: bottom!important;
background-repeat: no-repeat!important;
}
.search #slider.header,
.archive #slider.header,
#slider.header.occ
{
height: 150px;
}
.search #slider.header.move,
.archive #slider.header.move
#slider.header.occ.move
{
margin-top: -10px;
height: 225px;
}
#wrap #slider.header.move {
margin-top: -10px;
height: 90px;
}
#wrap.main #slider.header.move {
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
margin-top: -10px;
/*height: 500px;*/
height: 500px;
}
#wrap.landingspagina #slider.header {
height: 520px;
-webkit-background-size: 100% auto!important;
-moz-background-size: 100% auto!important;
-o-background-size: 100% auto!important;
background-size: 100% auto!important;
background-attachment: inherit!important;
background-position-x: center!important;
background-position-y: center!important;
background-repeat: no-repeat!important;
}
#wrap.vacatures #slider.header {
height: 520px;
-webkit-background-size: 100% auto!important;
-moz-background-size: 100% auto!important;
-o-background-size: 100% auto!important;
background-size: 100% auto!important;
background-attachment: inherit!important;
background-position-x: center!important;
background-position-y: center!important;
background-repeat: no-repeat!important;
}
#wrap.vacatures #slider.header .pageTitle {
font-size: 100px;
opacity: 0.30;
text-align: left;
left:20px;
right:inherit;
top:20px;
bottom:inherit;
padding:0;
/*transform: rotate(7deg);*/
}
.main .pageTitle {
display: none;
}
#slider.header {
height: 150px;
}
#wrap .lineLiner {
position: absolute;
/*width: 35%;*/
width: 600px;
padding: 0;
/*bottom:200px;
left:175px;*/
z-index: 9999999;
bottom:inherit;
/*top:65px;*/
top:35px;
left:-50%;
right:-50%;
}
@media only screen and (max-width:1024px) {
/*#wrap .lineLiner {
position: absolute;
width: 50%;
padding: 0;
bottom:185px;
left:35px;
z-index: 9999999;
}*/
#wrap .lineLiner {
position: absolute;
width: 600px;
padding: 0;
top:60px;
left:-50%;
z-index: 9999999;
}
#wrap .home .occ.rouw .grid3 {
width: 32.6% !important;
}
#wrap.blog .grid0.archive.occ .grid3 {
width: 31.7% ;
}
}
#wrap.landingspagina .lineLiner {
position: absolute;
/* width: 35%; */
width: 768px;
padding: 0;
z-index: 9999999;
bottom: inherit;
/* top: 65px; */
top: 35px;
left: -50%;
right: -50%;
}
#wrap.search .lineLiner,
#wrap.archive .lineLiner,
#wrap #slider.header.occ .lineLiner
{
position: absolute;
margin: auto;
top:-50%;
left:-50%;
right:-50%;
bottom:-50%;
width: 525px;
}
#wrap .lineLiner h2 {
font-weight: 400;
text-transform: inherit;
font-size: 30px;
line-height: 30px;
color:#FFF;
}
#wrap .lineLiner h2 {
font-weight: bold;
text-transform: inherit;
}
#wrap #slider.header.occ .lineLiner p {
margin: 0;
}
#wrap .lineLiner span {
font-weight: 400;
font-size: 30px;
line-height: 30px;
}
#wrap.landingspagina .lineLiner span {
font-weight: 400;
font-size: 18px;
line-height: 22px;
}
#wrap .lineLiner .voorraad {
font-size: 13px;
}
.overlay {
z-index: 1;
position: absolute;
display: table;
width: 100%;
height: 101%;
background: transparent url(img/figuredl.svg) center bottom no-repeat;
background-size: 100% auto;
}
.singleOCC.grL-2 #container .grid1 {
position: relative;
}
.singleOCC.grL-2 #container .overlay {
pointer-events: none;
margin-top: -165px;
position: relative;
width: 100%;
height: 250px;
background: transparent url(img/figuredlGrey.svg) center bottom no-repeat;
background-size: 100% auto;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
/*
.main .overlay {
position: absolute;
display: table;
width: 100%;
height: 100%;
background: transparent url(img/figuredlGrey.svg) center bottom no-repeat;
background-size: 100% auto;
}*/
/*default*/
.page,
.post
{
}
#wrap .grid0 {

}
#wrap .grid0.new {
display: table;
clear: both;
float: none;
width: 100%;
max-width: 1120px;
margin: 1.5% auto;
}
.stepsGrid.grid0 {

}
#wrap .pageTitle {
width: 100%;
max-width: 768px;
position: absolute;
margin: auto;
left:-50%;
right:-50%;
top:-50%;
bottom:-50%;
/*color:#e1251b;*/
color: #FFF;
text-align: center;
height: 100px;
line-height: 100px;
padding: 0 50px;
}
.wrapCenter {
display: table;
margin: 0 auto;
}
#wrap .wrapCenter .adviseur {
margin: 0 10px 30px 10px;
}
#wrap .wrapCenter .cta {
margin: 0 3px 0 3px!important;
}
@media only screen and (max-width:1024px) {
#wrap .wrapCenter .cta:last-of-type {
display: none;
}
}

/*start tijdelijk*/
#wrap .adviseur .grid0.home {
display: table;
float: none;
max-width: 1120px;
margin-left:auto;
margin-right:auto;
}
#wrap .adviseur .grid0 {
padding: 100px 20px 70px 20px!important;
}
/*einde tijdelijk*/
.blok50 {
position: relative;
}
.blok.lineW {
/*border-radius: 0px 0 15px 15px;*/
}
.home .blok50 {
overflow: inherit;
padding: 50px;
}
#breadcrumbs a {
color: #EDEDED;
}
#wrap #breadcrumbs {
font-size: 12px;
color: #EDEDED;
padding: 0 15px;
/*background: #e9edee;*/
display: none;
}
.widget h3, .widgetF h3 {
color:#363636;
margin-bottom: 10px;
}
.ctaCirkel {
z-index: 9;
float: right;
position: relative;
text-align: center;
width: 260px;
height: 260px;
/*background: rgba(255,255,255,0.5);*/
background: #f7f7f7;
/*border: 1px solid #EDEDED;*/
border-radius: 130px;
padding: 55px 20px 0 20px;
margin-bottom: 85px;
animation-duration: 1s;
animation-name: bounceIn;
}
/*
.ctaCirkel:hover {
transform: scale(1.05);
}*/
@keyframes bounceIn {
0% {
transform: scale(.1);
opacity: 0
}
50% {
transform: scale(1.2);
opacity: 1
}
100% {
transform: scale(1)
}
}
.ctaCirkel h3 {
font-size: 23px;
}
.main #slider .ctaCirkel {
margin-top: 75px;
margin-right: 33%;
}
@media only screen and (max-width:1024px) {
.ctaCirkel {
margin-right: -75px;
}
.main #slider .ctaCirkel {
margin-top: 50px;
margin-right: 20px;
}
}
.ctaTel {
font-size: 15px;
font-weight: 600;
display: table;
text-decoration: none;
margin: 20px auto 0 auto;
height: 25px;
line-height: 25px;
}
.ctaTel:before {
float: left;
font-family: FontAwesome;
font-size: 25px;
content: "\f095";
margin-right: 8px;
margin-top: 2px;
margin-bottom: -2px;
}
.ctaChat {
position: absolute;
right: 0;
bottom: 20px;
display: table;
line-height: 32px;
font-size: 13px;
font-weight: bold;
color:#FFF;
text-decoration: none;
/*background: #e1251b;*/
background: #4267b2;
width: auto;
height: 32px;
padding: 0 15px;
border-radius:16px;
}
.main .page.steps {
padding-top: 0;
}
.page.steps h1 {
font-weight: 400;
}
.page.steps h1 strong {
font-weight: bold;
color:#e1251b;
}
.page.steps h1 .how-steps {
z-index: 10;
position: relative;
display: inline-block;
cursor: pointer;
color:#e1251b;
}
#wrap .tooltip {
text-align: left;
z-index: 9;
position: absolute;
display: block;
width: 350px;
height: auto;
color: #FFF!important;
background-color: rgba(0,0,0, 1);
padding:25px;
margin: auto;
bottom: 43px;
left: -100px;
font-weight: normal;
}
.tooltip h3 {
color:#FFF;
margin: 0 0 5px 0;
}
.tooltip p {
font-size: 14px;
line-height: 20px!important;
}
.tooltip strong {
color:#FFF!important;
line-height: 20px!important;
}
.tooltip:after {
font-family: FontAwesome;
font-size: 40px;
color: rgba(0,0,0, 1);
content: "\f0d7";
position: absolute;
margin: auto;
left:101px;
bottom:-13px;
}
#wrap .tooltip:hover .cta.small {
color:#000!important;
background: #FFF!important;
}
#wrap .tooltip .cta.small:hover {
color:#000!important;
background: #FFF!important;
}
#post-64966 .blok h2 {
height: 68px;
line-height: 68px;
margin: 0 0 20px 0;
}
#post-64966 .blok h2:before {
content: "";
display: inline-block;
float: left;
margin:0 10px 0 0;
position: relative;
}
#post-64966 .blok.een h2:before {
width: 105px;
height: 68px;
background: transparent url(img/kies.svg) bottom center no-repeat;
}
#post-64966 .blok.twee h2:before {
width: 105px;
height: 68px;
background: transparent url(img/voorstelR.svg) bottom center no-repeat;
}
#post-64966 .blok.drie h2:before {
width: 105px;
height: 68px;
background: transparent url(img/rijdenR.svg) bottom center no-repeat;
}
#post-64966 .blok.een,
#post-64966 .blok.twee,
#post-64966 .blok.drie {
padding: 30px;
}
.steps-wrap {
display: table;
position: relative;
width: 66%;
max-width: 855px;
height: auto;
margin:0 auto -150px auto;
box-shadow: 0 0 20px 10px rgba(0, 0, 0, .1);
}
@media only screen and (max-width:1024px) {
.steps-wrap {
width: 85%;
margin:0 auto -150px auto;
}
}
/*
.steps-wrap .grid3.step.active {
color:#e1251b;
background:#FFF;
}
.steps-wrap .grid3.step:first-of-type {
border-left:none;
}
.steps-wrap .grid3.step {
width: 33.3332%;
position: relative;
color:#FFF;
text-align: center;
background:#e1251b;
margin: 0;
border: none;
border-left:1px solid #FFF;
min-height: 220px;
padding: 30px;
}
.steps-wrap .grid3.step:nth-of-type(3n+1) {
clear: none;
}
.steps-wrap .grid3.step:hover {
transform: scale(1);
}
.steps-wrap .grid3.step:nth-of-type(1):hover {
}
/*.steps-wrap .grid3.step:nth-of-type(2):hover {
border-right:1px solid #FFF;
}*/ /*
.steps-wrap .grid3.step.active h3 {
color:#e1251b;
}
.steps-wrap .grid3.step h3 {
color:#FFF;
font-size: 15px;
line-height: 19px;
margin-bottom: 3px;
}
.steps-wrap .grid3.step p {
font-size: 12px;
margin: 0;
}
.steps-wrap .grid3.step:before {
content:"";
display: block;
margin: 0 auto 20px auto;
position: relative;
}
.steps-wrap a.grid3.step:nth-of-type(1):before {
width: 81px;
height: 68px;
background: transparent url(img/kies.svg) bottom center no-repeat;
}
.singleOCC .steps-wrap a.grid3.step:nth-of-type(1):before {
display: inline-table;
position: relative;
font-family: FontAwesome;
font-size: 110px;
color: #009845;
margin: 0 15px 0 0;
content: "\f058";
background: none;
}
.steps-wrap .grid3.step:nth-of-type(1):before {
width: 64px;
height: 68px;
background: transparent url(img/voorstel.svg) bottom center no-repeat;
}
.singleOCC .steps-wrap .grid3.step:nth-of-type(2):before { /*kleur aanpassen*/ /*
width: 64px;
height: 68px;
background: transparent url(img/voorstelR.svg) bottom center no-repeat;
}
.steps-wrap .grid3.step:nth-of-type(2):before {
width: 87px;
height: 68px;
background: transparent url(img/rijden.svg) bottom center no-repeat;
}
.singleOCC .steps-wrap .grid3.step:nth-of-type(1):before {
width: 87px;
height: 68px;
background: transparent url(img/rijden.svg) bottom center no-repeat;
}
.steps-wrap .grid3.step:after {
font-size: 23px;
font-weight: bold;
line-height: 40px;
color:#e1251b;
display: table;
content: "2";
width: 40px;
height: 40px;
background: #FFF;
border-radius: 20px;
position: absolute;
margin: auto;
left: 25px;
top:90px;
}
.steps-wrap .grid3.step:nth-of-type(2):after {
content:"3";
}
.singleOCC .steps-wrap .grid3.step:nth-of-type(2):after {
content:"2";
color:#FFF;
background:#e1251b;
}
.singleOCC .steps-wrap .grid3.step:nth-of-type(1):after {
content:"3";
}
.steps-wrap a.grid3.step:nth-of-type(1):after {
content:"1";
color:#FFF;
background:#e1251b;
}
.steps-wrap .grid3.step:nth-of-type(1):after {
content:"2";
color:#e1251b;
background: #FFF;
}
.steps-wrap .grid3.step.active:nth-of-type(1):after {
content:"1";
color:#FFF;
background:#e1251b;
}
.steps-wrap a.grid3.step:nth-of-type(1):hover .cta.small {
transform: scale(1.1);
background:#009845!important;
}
.singleOCC .steps-wrap .grid3.step:nth-of-type(1),
.singleOCC .steps-wrap .grid3.step:nth-of-type(3)
{
cursor:default;
}
#wrap .grid3.step .cta.small.get {
width: 195px;
opacity: 0;
display: table!important;
position: absolute;
margin: auto;
left:-50%;
right:-50%;
bottom: 31px;
}
#wrap .grid3.step:hover .cta.small.get {
width: 195px;
opacity: 1;
display: table!important;
position: absolute;
margin: auto;
left:-50%;
right:-50%;
bottom: 31px;
}
#wrap .singleOCC .grid3.step:hover .cta.small.get {
display:none!important;
}*/
#wrap .cta.call.green {
cursor: pointer;
background-color: #995d15;
}
#wrap .cta.call.blue {
cursor: pointer;
background-color: #009ee2;
}
.new .page {
text-align: center;
width: 60%;
margin: 0 auto;
}
.page.opzoek {
width: 60%;
margin: 0 auto;
padding: 0;
}
h2.head-occ {
color:#e1251b;
font-size: 32px;
text-align: center;
font-weight: 400;
margin:0;
}
.new h2.head-occ {
margin:20px 0 0 0;
}
.opzoek .grid4 {
width: 17%;
}
.opzoek .grid4:nth-of-type(4n+1) {
clear:none;
}
.opzoek .grid4 {
padding: 10px 10px 20px 10px;
text-align: center;
border:none;
/*border-right:1px solid #e9edee;*/
}
.opzoek .grid4:hover,
.opzoek .grid4.active
{
box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1);
}
.opzoek .grid4:before {
content: "";
display: block;
margin: 0 auto 20px auto;
position: relative;
width: 85%;
height: 70px;
}
.opzoek .grid4.klein:before {
background: transparent url(img/klein-icon.svg) bottom center no-repeat;
}
.opzoek .grid4.middel:before {
background: transparent url(img/middel-icon.svg) bottom center no-repeat;
}
.opzoek .grid4.middel.dubbel:before {
background: transparent url(img/dubbel-icon.svg) bottom center no-repeat;
}
.opzoek .grid4.groot:before {
background: transparent url(img/groot-icon.svg) bottom center no-repeat;
}
.opzoek .grid4.koelwagen:before {
background: transparent url(img/koelwagen-icon.svg) bottom center no-repeat;
}
.opzoek .grid4.bakwagen:before {
background: transparent url(img/bakwagen-icon.svg) bottom center no-repeat;
}
.opzoek .grid4 h3,
.opzoek .grid4 p {
margin: 0;
}
.opzoek .grid4 h3 {
font-size: 14px;
color:#e1251b;
}
@media only screen and (max-width:1024px) {
.page.opzoek {
width: 90%;
}
.opzoek .grid4:before {
width: 100%;
}
}
.check ul,
.checkList {
position: relative;
display: table;
padding: 10px 0 20px 0;
}
.check ul li,
.checkList li {
position: relative;
list-style: none;
padding: 10px 15px 10px 40px;
border-bottom: 1px solid #EFEFEF;
}
.check ul li:before,
.checkList li:before,
.checkList.contact.number li:before {
display: inline-table;
position: absolute;
left:0;
font-family:FontAwesome;
font-size: 25px;
color: #009845;
margin:0;
content: "\f058";
}
.checkList.contact {
padding: 10px 0 20px 0;
}
.checkList.contact li {
font-size: 16px;
}
.checkList.contact li:before {
margin:0;
content:"";
}
.checkList.contact i {
display: inline-block;
float: left;
margin:0px 0 -10px 0;
font-size: 25px;
width: 35px;
}
.bc {
display: table;
margin: 25px auto;
padding: 0;
}
.bc li {
list-style: none;
display: block;
float: left;
font-size: 15px;
margin: 0 20px;
color: #FFF;
}
.bc li:before {
display: inline-table;
position: relative;
font-family: FontAwesome;
font-size: 16px;
color: #FFF;
margin: 0 15px 0 0;
content: "\f058";
}
#wrap .list .grid0,
#wrap .list .page {
padding: 0;
margin: 0;
}
.grid1 {
float: none;
width: 65%;
margin: 0 auto 1.5% auto;
}
.singleOCC.grL-2.wit .grid1 { /*20190313*/
float: none;
max-width: 1024px;
width: 100%;
margin: 0 auto 1.5% auto;
}
@media only screen and (max-width:1024px) {
.grid1 {
float: none;
width: 87%;
margin: 0 auto 1.5% auto;
}
}
.adviseur-top {
z-index: 1;
position: absolute;
right:8%;
bottom: 10px;
display: block;
width: 500px;
height: 400px;
background: transparent url(https://www.derkslease.nl/wp-content/uploads/2018/07/rob-kuipers.jpg) center bottom no-repeat;
background-size: 75% auto;
background-position-y: 80px;
/*-moz-transform: scaleX(-1) rotate(1deg);
-o-transform: scaleX(-1) rotate(1deg);
-webkit-transform: scaleX(-1) rotate(1deg);
transform: scaleX(-1) rotate(1deg);*/
}
.adviseur-bottom {
z-index: 1;
position: absolute;
right:40%;
bottom:0;
display: block;
width: 300px;
height: 350px;
background: transparent url(https://www.derkslease.nl/wp-content/uploads/2018/07/rob-kuipers.jpg) left bottom no-repeat;
background-size: 100% auto;
}
@media only screen and (max-width:1024px) {
.adviseur-top {
right:13%;
bottom:0;
}
.adviseur-bottom {
left:-10px;
right:inherit;
}
}
.adviseur.bart,
.adviseur.remco,
.adviseur.rob,
.adviseur.teun,
.adviseur.sjors,
.adviseur.edwin,
.adviseur.han,
.adviseur.melanie,
.adviseur.saskia,
.adviseur.pieter,
.adviseur.ans
{
position: relative;
float: left;
display: block;
width: 125px;
height: 125px;
background: #FFF url(https://www.derkslease.nl/wp-content/uploads/2018/07/bart-seelen-260x260.jpg) center top no-repeat;
background-size: auto 100%;
margin: 0 20px 55px 0;
border-radius:125px;
border:5px solid #f7f7f7;
}
@media only screen and (max-width:1440px) {
.adviseur.bart,
.adviseur.remco,
.adviseur.rob,
.adviseur.teun,
.adviseur.sjors,
.adviseur.edwin,
.adviseur.han,
.adviseur.melanie,
.adviseur.pieter,
.adviseur.saskia,
.adviseur.ans
{
width:105px;
height:105px;
margin: 0 15px 55px 0;
}
}
@media only screen and (max-width: 1024px) {
.adviseur.bart,
.adviseur.remco,
.adviseur.rob,
.adviseur.teun,
.adviseur.sjors,
.adviseur.edwin,
.adviseur.han,
.adviseur.melanie,
.adviseur.pieter,
.adviseur.saskia,
.adviseur.ans
{
width: 95px;
height: 95px;
margin: 0 5px 55px 5px;
}
}

.adviseur.remco {
background: #FFF url(https://www.derkslease.nl/wp-content/uploads/2018/07/rob-kuipers.jpg) center top no-repeat;
background-size: auto 100%;
}
.adviseur.rob {
background: #FFF url(https://www.derkslease.nl/wp-content/uploads/2018/07/rob-kuipers-260x260.jpg) center top no-repeat;
background-size: auto 100%;
}
.adviseur.teun {
background: #FFF url(https://www.derkslease.nl/wp-content/uploads/2019/07/teun-derks-260x260.jpg) center top no-repeat;
background-size: auto 100%;
}
.adviseur.sjors {
background: #FFF url(https://www.derksbedrijfswagens.nl/wp-content/uploads/2017/05/sjors-van-der-zande-1200x1028.jpg) center top no-repeat;
background-size: auto 100%;
}
.adviseur.edwin {
background: #FFF url(https://www.derksbedrijfswagens.nl/wp-content/uploads/2016/02/edwin-arts-1200x1028.jpg) center top no-repeat;
background-size: auto 100%;
}
.adviseur.melanie {
background: #FFF url(https://www.derkslease.nl/wp-content/uploads/2018/07/melanie-vangaal-260x260.jpg) center top no-repeat;
background-size: auto 100%;
}
.adviseur.han {
background: #FFF url(https://www.derkslease.nl/wp-content/uploads/2018/12/han-derksen-online-260x260.jpg) center top no-repeat;
background-size: auto 100%;
}
.adviseur.ans {
background: #FFF url(https://www.derkslease.nl/wp-content/uploads/2018/08/ans-derks-260x260.jpg) center top no-repeat;
background-size: auto 100%;
}
.adviseur.pieter {
background: #FFF url(https://www.derkslease.nl/wp-content/uploads/2018/12/pieter-claus-online-260x260.jpg) center top no-repeat;
background-size: auto 100%;
}
.adviseur.saskia {
background: #FFF url(https://www.derkslease.nl/wp-content/uploads/2018/12/saskia-sitsen-online-260x260.jpg) center top no-repeat;
background-size: auto 100%;
}
.adviseur-bottom:after,
.adviseur-top:after,
.adviseur.bart:after,
.adviseur.remco:after,
.adviseur.rob:after,
.adviseur.teun:after,
.adviseur.sjors:after,
.adviseur.edwin:after,
.adviseur.melanie:after,
.adviseur.han:after,
.adviseur.pieter:after,
.adviseur.saskia:after,
.adviseur.ans:after
{
font-size: 10px;
position: absolute;
bottom: -40px;
left:-50%;
right:-50%;
content:"Rob \A Kuipers";
display: block;
margin:auto;
width: 100px;
height: auto;
padding: 5px 0;
line-height: 12px;
color: #363636;
text-align: center;
white-space: pre;
word-wrap: break-word;
/*background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));*/
/*background: rgba(255,255,255,0.8);*/
}
.adviseur-top:after {
content:"Rob \A Kuipers";
/*-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);*/
}
.adviseur.bart:after {
content:"Bart \A Seelen";
}
.adviseur.remco:after {
content:"Rob \A Kuipers";
}
.adviseur.rob:after {
content:"Rob \A Kuipers";
}
.adviseur.teun:after {
content:"Teun \A Derks";
}
.adviseur.sjors:after {
content:"Sjors van \A der Zande";
}
.adviseur.edwin:after {
content:"Edwin \A Arts";
}
.adviseur.melanie:after {
content:"Melanie \A van Gaal";
}
.adviseur.han:after {
content:"Han \A Derksen";
}
.adviseur.ans:after {
content:"Ans \A Derks";
}
.adviseur.pieter:after {
content:"Pieter \A Claus";
}
.adviseur.saskia:after {
content:"Saskia \A Sitsen";
}
.adviseur-top:after {
bottom: 40px;
right:-20px;
}
.adviseur-bottom:after {
bottom: 15px;
content:"Rob Kuipers";
}
#container.adviseur,
.adviseur .grid0,
.adviseur .blok50
{
padding-bottom: 0!important;
margin-bottom: 0!important;
}
/*cta call-to-action*/
#wrap .cta {
line-height: 46px;
padding: 0 20px;
height: 46px;
background: #009845;
border-radius:23px;
}
#wrap .cta.large {
float: left;
font-size: 20px;
font-weight: bold;
margin-top: 10px;
}
#wrap .cta.center {
margin-left:auto;
margin-right:auto;
}
@media only screen and (max-width:1024px) {
#wrap .cta.large {
margin-top: 0px;
font-size: 16px;
}
}
#wrap .cta.call {
font-size: 14px;
display: inline-block;
line-height: 30px;
padding: 0 15px;
margin: 5px 10px 0 0;
height: 30px;
background: #995d15;
border-radius:15px;
}
#wrap .cta.call:after,
#wrap .cta.small:after,
#wrap .cta.conv:after
{
content:"";
margin: 0;
}
#wrap .page .cta {
padding: 0 15px!important;
}
#wrap .page .cta.small:hover {
color: #FFF!important;
}
#wrap .cta.small {
font-size: 13px;
display: inline-block;
line-height: 25px;
padding: 0 15px;
margin: 5px 10px 0 0;
height: 25px;
border-radius:15px;
}
#wrap .post .cta.small,
#wrap .page .cta.small {
height: 30px;
line-height: 30px;
}
#wrap .logo .cta.small {
display: none;
margin: 0 0 0 10px!important;
}
#wrap.main .logo .cta.small {
display: inline-table;
}
#wrap.main .logo .cta.small.voorraad,
#wrap.archive .logo .cta.small.voorraad
{
display: none;
}
#wrap .logo .cta.small.voorraad {
display: inline-table;
}
/* #wrap.archive .logo .cta.small.voorraad {
display: inline-table;
}*/
#wrap .cta.light {
background: #f7f7f7;
color:#363636;
}
#wrap .cta.light:hover {
background:#363636;
color:#FFF;
}
#wrap .cta.small.red {
background: #e1251b;
}
#wrap .cta.small.sec {
line-height: 28px;
color: #363636;
background: #FFF;
border: 1px solid #EDEDED;
}
#wrap .cta.small.sec:hover {
color: #FFF;
background: #363636!important;
border: 1px solid #EDEDED;
}
#wrap .cta.small.grey {
/*background: #e9edee;*/
background: #999;
}
#wrap .cta.small.filter {
display: table;
margin: 0 auto;
}
#wrap .cta.small.pa {
float: none;
margin-left: 10px;
cursor: pointer;
}
#wrap .pa {
/*text-decoration: underline;*/
margin-left: 5px;
cursor: pointer;
}
#wrap .pa:hover {
color:#009845;
}
.click {
text-decoration: none;
}
.click:after,
.pa:after {
font-family: FontAwesome;
content: "\f105";
margin: 0 0 0 5px;
}
.click.back:after {
content: "";
margin:0;
}
.click.back:before {
font-family: FontAwesome;
content: "\f104";
margin: 0 5px 0 0;
}
.click.back {
font-size: 12px;
}
/*navigatie*/
.sec-nav {
font-size: 16px;
width: 315px;
height: 35px;
float: left;
text-align: right;
padding: 0 15px;
}
.sec-nav a, .sec-nav a i {
font-weight: 600;
line-height: 35px;
text-decoration: none;
}
.sec-nav a i.fa-phone {

}
.sec-nav a {
font-weight: 400;
color:#3C3C3B;
margin: 0 10px 0 0;
}
.sec-nav a:hover {
color:#000;
}




/*navigatie*/

/*anders maken

#wrap a#navmobile {
margin: 30px 50px;
position: relative;
z-index: 1;
display: table;
cursor: pointer;
float: right;
padding:0;
width: auto;
opacity: 1;
}
#wrap a#navmobile {
position: fixed;
right:15px;
top:5px;
background:transparent;
width: 60px;
height: 60px;
padding: 15px 0 0 0;
border-radius: 50%;
margin: 0;
}
#wrap a#navmobile.bg {
background:#908257;
}
#wrap a#navmobile.bg span {
background: #FFF;
}
#wrap a#navmobile.noactive {
opacity: 0;
}
#wrap .nav-bar {
background-color: #2e2d2c;
display: block;
width: 40px;
height: 5px;
margin: 4px auto;
}
#wrap #nav .close {
color:#2e2d2c;
position: relative;
z-index: 999;
cursor: pointer;
display: table;
float: right;
width: auto;
font-size: 25px;
font-weight: bold;
padding: 20px;
}
@keyframes smallBig {
from {
transform: scale(0.0);
}
to {
transform: scale(1.0);
}
}
@keyframes slideIn {
from {
right:-350px;
}
to {
right:0;
}
}
@keyframes slideOut {
from {
left:0;
}
to {
left:-400px;
}
}
#wrap #nav.active {
right:0;
}
#wrap #nav.noactive {
right:-400px;
}
#wrap #nav {
display: none;
z-index: 999;
position: fixed;
top: 0;
background:rgba(255,255,255, 0.95);
clear: inherit;
width: 400px;
max-width:inherit!important;
min-width:inherit!important;
height: 100%;
margin: 0;
float: left;
opacity: 1.00;
animation-duration: 300ms;
animation-name: slideIn;
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.jqueryslidemenu {
position: relative;
}
.jqueryslidemenu ul {
display: table;
width: 100%;
padding:100px 40px 90px 40px;
margin: 0 auto;
}
.jqueryslidemenu ul li {
width:100%;
border-right:none;
margin:0;
border-bottom: 1px solid #EDEDED;
}
.jqueryslidemenu ul li a {
text-align: left;
text-transform: inherit;
font-size: 14px;
font-weight: normal;
line-height:50px;
height:50px;
padding:0px 20px;
color:#2e2d2c;
background:transparent;
}
.jqueryslidemenu ul li a:hover {
color:#e1251b;
background:transparent;
}
.jqueryslidemenu ul li a i {
font-size: 18px;
line-height: 35px;
}
#myslidemenu ul.menu li.current-menu-item a, #myslidemenu ul.menu li.current-page-ancestor a, #myslidemenu ul.menu li.current-menu-ancestor a, li.current-menu-parent a {
color: #2e2d2c;
background:transparent;
}
#wrap .jqueryslidemenu ul li.active a {
color:#e1251b;
background: #EFEFEF;
}
#wrap .jqueryslidemenu ul li ul {
position: relative;
width: 100%!important;
}
#wrap .jqueryslidemenu ul li ul li a {
color: #666!important;
width: 100%;
height: 80px;
line-height: 80px;
}
#wrap .jqueryslidemenu ul li ul li a:hover {
color: #2e2d2c!important;
}
*/
.fixed .hide-nav {
display: none;
}
#wrap #header {
padding-bottom:0;
}
#wrap .fixed #header {
padding:0;
}
#wrap .fixed .nav-wrap {
background: none;
}
#wrap #header hr {
float: left;
width: 100%;
border-bottom: 1px solid #d8c5a8;
margin-bottom: 0;
}
#wrap #nav {
display: table;
width:auto;
height: 30px;
background:none;
margin: 12px auto;
}
.nav-wrap {
display: table;
width: 100%;
}
#wrap .jqueryslidemenu ul li {
border-right:none;
}
#wrap .jqueryslidemenu ul li a {
display: block;
line-height: 30px;
height: 30px;
padding: 0px 12px!important;
margin: 0px;
text-transform:inherit!important;
color: #404040;
background:transparent;
}
#wrap .jqueryslidemenu ul li a:hover {
color:#b59159;
}
#myslidemenu ul.menu li.current-menu-item a, #myslidemenu ul.menu li.current-page-ancestor a, #myslidemenu ul.menu li.current-menu-ancestor a, li.current-menu-parent a {
border-radius: 15px;
background: #b59159;
}
#myslidemenu ul.menu li.current-menu-item a:hover, #myslidemenu ul.menu li.current-page-ancestor a:hover, #myslidemenu ul.menu li.current-menu-ancestor a:hover, li.current-menu-parent a:hover {
color: #FFF;
}
#menu-item-65407,
#menu-item-65408,
#menu-item-65406,
#menu-item-132653,
#menu-item-132654,
#menu-item-132655,
#menu-item-132664,
#menu-item-132665,
#menu-item-132666
{
display: none;
}
.fixed #menu-item-65407,
.fixed #menu-item-65408,
.fixed #menu-item-65406,
.fixed #menu-item-132653,
.fixed #menu-item-132654,
.fixed #menu-item-132655,
.fixed #menu-item-132664,
.fixed #menu-item-132665,
.fixed #menu-item-132666
{
display: table;
}
/*footer*/
#bottom-footer {
color:#363636;
padding:0 30px;
}
#bottom-footer a, #bottom-footer a:hover {
color:#363636;
}
#bottom-footer .cr {
float: none;
display: table;
margin: auto;
}
.wrapcon.footer {
background: #f7f3ed;
}
#footer {
font-size: 14px;
color:#e1251b;
width: 100%;
padding: 30px;
border-bottom: 1px solid #f7f7f7;
}
#footer a {
color:#995d15;
}
#footer li {
line-height: 24px;
}
#footer p {
line-height: 18px;
}
.logo-footer {
width: auto;
height: 35px;
}
.widgetF:last-child {
float: left;
}
.widgetF {
float: left;
width: auto;
padding: 30px;
}
.widgetF:nth-of-type(1) {
width: 25%;
margin: 0;
}
.widgetF:nth-of-type(2) {
width: 75%;
margin: 0;
}
.widgetF:nth-of-type(2) .blok33 {
text-align: center;
text-decoration: none;
color:#e1251b;
margin: 0;
padding: 0;
}
.widgetF:nth-of-type(2) .blok33 h3 {
font-size: 20px;
font-weight: 400;
color:#e1251b;
margin-bottom: 5px;
}
.widgetF:nth-of-type(2) .blok33 .icon {
width: auto;
height: 45px;
margin-top: 7px;
margin-bottom: 25px;
}
.widgetF:nth-of-type(2) .blok33:nth-of-type(3) .icon {
width: auto;
height: 52px;
margin-top: 0px;
}
#wrap .widgetF .cta {
float: left;
display: block;
color:#3C3C3B;
background: #FFF;
border:none;
}
#wrap .widgetF .cta:hover {
color:#FFF!important;
background: #3C3C3B!important;
}
/*bx slider bx-slider*/
#wrap .slide {
position: relative;
padding-top:20px;
}
#wrap .blokslide {
border-right:1px solid #EDEDED;
text-align: center;
padding-left: 5px;
padding-right: 30px;
}
#wrap .blokslide h3 {
color:#e1251b;
}
#wrap .blokslide h3 span {
color:#363636;
padding-top: 5px;
display: block;
font-size: 12px;
line-height: 16px;
font-weight: 400;
}
#wrap .bx-wrapper {
max-width: 100%!important;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
border:none;
background:transparent;
margin: 0;
}
#wrap .bx-wrapper .bx-viewport {
left: 10px;
}
/*form*/
#wrap.archive .lineLiner form#searchform {
margin: 0px 0 5px 0;
}
#wrap .lineLiner form#searchform {
margin: 20px 0 15px 0;
}
#wrap .lineLiner form#searchform input#s {
height: 60px!important;
padding: 0 15px 0 170px;
line-height: 60px;
border: none;
}
#wrap .lineLiner form#searchform #searchsubmit {
display: table;
width: 60px;
height: 60px!important;
/*background: #e9edee url(img/search.svg) center center no-repeat;*/
background: #FFF url(img/search.svg) center center no-repeat;
background-size: auto 23px;
}
#wrap .lineLiner form#searchform #carrosserie,
#wrap select
{
position: absolute;
float: left;
width:150px;
height: 60px!important;
line-height: 60px;
cursor: pointer;
background: #FFF;
background-image: none;
border:none;
padding: 0 15px;
color:#363636;
font-size: 14px;
font-weight: 400;
border:0;
border-radius:2px;
}
#wrap select {
position: relative;
width: 100%;
height: 45px!important;
line-height: 45px;
float: none;
}
#wrap .lineLiner form#searchform .select-wrap,
#wrap .select-wrap
{
position: absolute;
width:151px;
height: 50px;
border-right: 1px solid #EDEDED;
}
#wrap .select-wrap {
position: relative;
width:100%;
height: 45px;
border-right:none;
}
#wrap .lineLiner form#searchform .select-wrap:after {
pointer-events: none;
top: 18px;
}
#wrap .select-wrap:after {
pointer-events: none;
top: 14px;
}
/*occasions*/
.loader {
position: absolute;
margin: auto;
left:-50%;
right:-50%;
top:150px;
border: 5px solid #FFF; /* licht grijs */
border-top: 5px solid #e1251b; /* Rood */
border-radius: 50%;
width: 26px;
height: 26px;
animation: spin 2000ms linear infinite;
}
.grid0.occ .loader {
clear: both;
float: none;
position: relative;
margin: 0 auto;
left:inherit;
right:inherit;
top:inherit;
border: 5px solid #f7f7f7;
border-top: 5px solid #e1251b; /* Rood */
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.occasions-pagination {
display: table;
width: 100%;
}
.occasions-pagination .center {
display: table;
width: auto;
margin: 30px auto;
}
.page-numbers.current {
background: #FFF;
color: #e1251b;
}
.page-numbers {
display: block;
float: left;
font-size: 14px;
font-weight: 700;
text-align: center;
width: 40px;
height: 40px;
background: #FFF;
color: #cac9cb;
border:none;
text-decoration: none;
margin: 0 2px;
}
.page-numbers, .page-numbers.next i, .page-numbers.prev i {
line-height: 40px;
}
.left.page-numbers i, .right.page-numbers i {
font-size: 20px;
font-weight: 700;
line-height: 40px;
}
.nap {
width: 35px;
height: auto;
}
.split-page-int {
display: none;
}
.sold {
float: left;
margin: 20px;
font-size: 11px;
font-weight: bold;
text-align: center;
width: 50px;
height: 50px;
border-radius: 25px;
background: #FFF;
line-height: 50px;
}
.singleOCC .sold {
position: absolute;
z-index: 999;
left:20px;
top:20px;
}
.singleOCC .occ-img-wrap .sold {
position: absolute!important;
width: 50px!important;
}
.singleOCC .occ-img-wrap .sold.bx-clone {
font-size: 9px;
}
.occ-img-wrap {
display: table;
}
.occ-img-wrap a {
display: block;
}
#wrap .singleOCC .views {
font-size: 12px;
margin: 10px 0;
color:#CCC;
}
#wrap p.small {
font-size: 12px;
}
.dgn {
position: absolute;
left:175px;
top:-75px;
z-index: 9;
width: 110px;
height: 110px;
border-radius: 50%;
background: #FFF;
color: #009845;
font-size: 18px;
line-height: 20px;
font-weight: bold;
text-align: center;
text-decoration: none;
padding-top:25px;
transform: rotate(-6deg);
}
.carr {
float: right;
margin: 20px;
color: #FFF;
font-size: 11px;
font-weight: bold;
text-align: center;
width: auto;
height: auto;
line-height:inherit;
}
.carr.koelwagen {
margin:0;
}
.grid3 .carr.koelwagen {
margin:20px;
}
.carr i.koelwagen,
.occ-img i.koelwagen
{
color:#009fe3;
font-size: 20px;
text-align: center;
line-height: 30px;
background: #FFF;
height:30px;
width:30px;
border-radius: 50%;
}
.occ-img i.koelwagen {
z-index: 9;
position: absolute;
left:40px;
top:40px;
transform: scale(2);
}
.singleOCC .post, .singleOCC .post p {
font-size: 15px;
}
.singleOCC h1 {
font-size: 28px;
margin-bottom: 20px;
padding-right: 20px;
}
.singleOCC h1 span {
line-height: 28px;
}
.singleOCC h1 span:nth-of-type(2) {
font-size: 18px;
line-height: 25px;
font-weight: 600;
}
.info-1 {
padding: 0;
margin: 0;
}
.info-1 li {
list-style: none;
line-height: 26px;
}
.checkListOCC {
padding: 15px 0;
}
.checkListOCC li {
position: relative;
border: none;
padding: 7px 7px 7px 35px;
}
.checkListOCC li:before {
position: absolute;
top:9px;
left:3px;
margin:0;
}
.singleOCC ul.tabs li a {
border: 1px solid #EDEDED;
border-left:none;
background: #FFF;
}
.singleOCC ul.tabs li a.active {
margin-bottom: -1px;
font-weight: 600;
background: #EDEDED;
}
.singleOCC ul.tabs li.voorstel a {
border: none;
font-size: 13px;
display: inline-block;
line-height: 25px;
padding: 0 15px;
margin: 11px 0 0 20px;
height: 25px;
border-radius: 15px;
background: #009845;
color:#FFF;
}
.singleOCC ul.tabs li:first-of-type a {
border-left: 1px solid #EDEDED;
}
.singleOCC .tabcontent {
border: 1px solid #EDEDED;
}
.singleOCC .tabcontent ul {
padding: 0;
margin: 0;
}
.singleOCC .tabcontent ul li {
list-style: none;
padding: 5px 0;
border-bottom: 1px solid #EDEDED;
}
.singleOCC .tabcontent ul li span:first-of-type {
font-weight: 600;
display: inline-block;
width: 175px;
}
.singleOCC .tabcontent .title {
font-size: 16px;
padding: 5px 0;
}
.singleOCC .accessoires {
margin-bottom:10px;
}
.verkocht {
display: none;
}
.verkocht.alter {
display: table;
}
.singleOCC {
/*background: #f7f7f7 url(img/figuredl.svg) center bottom no-repeat;
background-size: 100% auto;*/
padding-top:25px;
}
.wrapcon.singleOCC.grL-2 {
padding:0;
}
.singleOCC .ctaCirkel {
float: left;
margin: 0 0 85px -30px;
}
.singleOCC .overlay {
float: left;
bottom:0;
height: 100%;
}
.singleOCC #container,
.singleOCC .grid1,
.singleOCC .post
{
margin-bottom: 0;
padding-bottom: 0;
}
#specs.singleOCC,
#specs.singleOCC .grid0,
#specs.singleOCC .grid0 .page.steps
{
padding-top:0px;
margin-top:0px;
}
#specs .grid0{
position: relative;
}
.singleOCC #container.occ {
position: relative;
}
.singleOCC .blok50 {
overflow: inherit;
}
.singleOCC .adviseur-top {
position: absolute;
right:-15%;
bottom:35px;
width: 400px;
height: 400px;
border-radius: 50%;
}
@media only screen and (max-width:1440px) {
.singleOCC .adviseur-top {
right:-35%;
bottom:20px;
}
}
@media only screen and (max-width:1024px) {
.singleOCC .adviseur-top {
right:-30%;
bottom:0px;
}
}
.singleOCC .steps-wrap {
margin: 0 auto 25px auto;
}
.whatsapp-mij {
z-index: 1;
position: absolute;
top:-95px;
right:15%;
}
.whatsapp-mij h3,
.whatsapp-mij p,
.whatsapp-mij a
{
font-size: 15px;
line-height: 23px;
margin: 0;
text-decoration: none;
}
@media only screen and (max-width:1024px) {
.whatsapp-mij {
z-index: 98;
position: absolute;
top:-75px;
right:5%;
}
}
.wrapcon.footer-images {
width: 99.4%;
margin:0.8% 0.3%;
}
.grid3.ImageOne,
.grid3.ImageTwo,
.grid3.ImageThree
{
pointer-events: none;
height: 300px;
width: 32.332%;
margin: 0 0.5%;
padding: 0;
border: none;
background-image:url(https://www.derkslease.nl/wp-content/uploads/2019/01/derks-autogroep-aan-het-werk-16-1024x508.jpg);
background-size:cover!important;
background-attachment: inherit!important;
background-position-x: center!important;
background-position-y: center!important;
background-repeat: no-repeat!important;
}
.grid3.ImageTwo {
background-image:url(https://www.derkslease.nl/wp-content/uploads/2019/01/derks-autogroep-pand-voorzijde-1024x508.jpg);
}
.grid3.ImageThree {
background-image:url(https://www.derkslease.nl/wp-content/uploads/2019/01/derks-autogroep-pand-entree-1024x508.jpg);
}
/*cookie*/
#catapult-cookie-bar {
width: 225px!important;
}
#catapult-cookie-bar .ctcc-left-side {
font-size: 12px;
line-height: 1tpx;
}
/*occasion galerij*/
#top .fancybox-image {
}
.occ .grid3 {
width: 22%;
/*background: #f7f7f7;*/
background: #FFF;
border: none;
box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1);
}
.occ .grid3:nth-of-type(3n+1) {
clear:inherit;
}

.occ .grid3 {
width: 23.4%;
background: #FFF;
box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1);
margin: 0.8%;
}
.occ .grid3:nth-of-type(3n+1) {
clear:none;
}
.occ .grid3 { /*20190314*/
width: 18.4%;
background: #FFF;
box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1);
margin: 0.8%;
}
.occ .grid3:nth-of-type(3n+1) {
clear:none;
}

.occ.new .grid3 {
width: 31.7%;
margin: 0.8%;
}
.occ.new .grid3 h2 {
font-size: 20px;
}


.occ .grid3 .imageG3 {
overflow: inherit;
height: 160px;
/*filter: brightness(0.75);*/
background-color:#EFEFEF;
}
.occ .grid3:hover .imageG3 {
filter: brightness(1);
}
.occ .grid3 .post {
padding: 15px 19px;
}
.occ.rouw .grid3 .post {
min-height: 70px;
}
.occ .grid3 h2 {
font-size: 17px;
color:#e1251b;
margin: 0;
}
.occ .grid3 h2 span:nth-of-type(2) {
font-size: 15px;
line-height: 19px;
font-weight: 600;
color:#363636;
}
#wrap .occ .grid3 h2 span {
display: inline-block;
width: 100%;
height: 23px;
overflow: hidden;
}
.occ .grid3 p {
font-size: 13px;
line-height: 20px;
margin: 0 0 5px 0;
}
@media only screen and (max-width:1250px) {
#wrap .home .occ.rouw .grid3 .imageG3 {
height: 125px;
}
}

@media only screen and (max-width:1024px) {
.occ .grid3 {
width: 30.3332%;
}
.occ .grid3 .imageG3,
#wrap .home .occ.rouw .grid3 .imageG3 {
height: 155px;
}
.occ .grid3 h2 {
font-size: 14px;
}
.occ .grid3 h2 span {
font-size: 14px;
line-height: 16px;
}
.occ .grid3 h2 span:nth-of-type(2) {
font-size: 14px;
line-height: 16px;
}
.occ .grid3 p {
font-size: 13px;
line-height: 20px;
margin: 0 0 5px 0;
}
}
.occ .grid3 .blokL,
.occ .grid3 .blokR {
position: relative;
float: left;
width: 60%;
padding: 0 10px 0 0;
}
.occ .grid3 .blokR {
width: 40%;
padding: 0 0 0 10px;
}
.occ .grid3 .blokL i {
color:#009845;
}
.occ .grid3 .price {
text-align: right;
font-size: 25px;
font-weight: 600;
}
#wrap .occ .grid3 .price span {
line-height: 25px;
}
.occ .grid3 .price .btwmarge {
font-size: 12px;
line-height: 12px;
}
@media only screen and (max-width:1024px) {
.occ .grid3 .blokL {
display: none;
}
.occ .grid3 .blokR {
width: 100%;
padding:0;
}
.occ .grid3 .price br {
display: none;
}
.occ .grid3 .price span {
line-height: 16px;
}
.occ .grid3 .price {
text-align: right;
font-size: 12px;
font-weight: 600;
}
.occ .grid3 .price .btwmarge {
font-size: 12px;
line-height: 16px;
}
}
.singleOCC .grid1 .price {
display: table;
border: 1px solid #f7f7f7;
padding:0 30px;
height: 50px;
border-radius: 25px;
margin: 20px 0;
}
.singleOCC .grid1 .price span {
line-height: 50px;
}
.singleOCC .grid1 .price strong {
font-size: 20px;
}
.wd_equaloccasions {

}
/*.grad-1 {
pointer-events: none;
z-index: 98;
position: absolute;
left:0;
top: 0;
width: 33%;
height: 100%;
background: linear-gradient(to right, rgba(233,237,238,1), rgba(233,237,238,0));
}
.grad-2 {
pointer-events: none;
z-index: 98;
position: absolute;
right:0;
top: 0;
width: 33%;
height: 100%;
background: linear-gradient(to left, rgba(233,237,238,1), rgba(233,237,238,0));
}
.slide .grad-1 {
background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}
.slide .grad-2 {
background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}
.slide .grad-1,
.slide .grad-2
{
width: 20%;
}
*/
@keyframes fadeIn {
0% {
opacity: 0;
}
25% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.singleOCC .occ-img {
display: none;
position: relative;
padding: 0;
/*
animation-duration: 3s;
animation-name: fadeIn;
*/
}
.singleOCC .bx-wrapper img {
overflow: hidden;
margin-top: -20px;
margin-bottom: -20px;
/*filter: brightness(0.75);*/
/*filter: hue-rotate(180deg);
filter: grayscale(100%);*/
}
.singleOCC .bx-wrapper li:hover img {
filter: brightness(1);
}
#wrap .singleOCC .bx-wrapper .bx-viewport {
left:0;
}
.bekijkFoto {
pointer-events: none;
position: absolute;
z-index: 98;
margin: auto;
bottom: 20px;
right: -50%;
left: -50%;
width: 40px;
height: 40px;
border-radius:0px;
border:none;
color:#FFF;
background:rgba(255,255,255,1.0);
text-align: center;
font-size: 20px;
text-decoration: none;
text-indent: inherit;
}
.bekijkFoto:after {
color:#995d15;
font-family: FontAwesome;
content: "\f002";
line-height: 40px;
}
#wrap .bx-wrapper .bx-controls-direction a {
position: absolute;
top:inherit;
bottom:20px;
margin-top:0px;
outline: 0;
width: 40px;
height: 40px;
background: #FFF;
text-indent: 0;
text-decoration: none;
font-size: 0;
z-index: 9999;
}
#wrap .bx-wrapper .bx-prev {
left:45.5%;
}
#wrap .bx-wrapper .bx-prev:after {
color: #995d15;
font-size: 20px;
text-align: center;
float: right;
font-family: FontAwesome;
line-height: 42px;
content: "\f053";
margin:0 14px 0 0;
}
#wrap .bx-wrapper .bx-next {
right:45.5%;
}
#wrap .bx-wrapper .bx-next:after {
color: #995d15;
font-size: 20px;
text-align: center;
float: right;
font-family: FontAwesome;
line-height: 42px;
content: "\f054";
margin:0 11px 0 0;
}
#Formwrap { display:none;z-index:99999999;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}
#Formlayer { z-index:1;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);}
.post.form {
text-align:left;
z-index:2;position:absolute;display:table;
width:500px;height:650px;
margin:auto;
padding:40px;
/*top:-50%;left:-50%;right:-50%;bottom:-50%;*/
top:100px;left:-50%;right:-50%;bottom:0;
background:#FFF;
-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;

-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
display: inline-block;
vertical-align: middle;
/*top:50%\0;left:50%\0;right:inherit\0;bottom:inherit\0;
margin:-120px 0 0 -140px\0;*/
}
/*
_:-ms-lang(x), _:-webkit-full-screen, .post.form {
top:-50%;left:-50%;right:-50%;bottom:-50%;
margin: auto;
}*/

#Formwrap { display:none;z-index:99999999;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}
#Formlayer { z-index:1;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);}
.post.form {
text-align:left;
z-index:2;position:absolute;display:table;
width:500px;height:650px;
margin:auto;
padding:40px;
/*top:-50%;left:-50%;right:-50%;bottom:-50%;*/
top:100px;left:-50%;right:-50%;bottom:0;
background:#FFF;
-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;

/*top:50%\0;left:50%\0;right:inherit\0;bottom:inherit\0;
margin:-120px 0 0 -140px\0;*/
/*
_:-ms-lang(x), _:-webkit-full-screen, .post.form {
top:-50%;left:-50%;right:-50%;bottom:-50%;
margin: auto;
}*/
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
display: inline-block;
vertical-align: middle;


}

@media only screen and (max-width:768px) {
.post.form {
width: 400px;
transform: scale(0.75);
}
}
#closeForm {
cursor: pointer;
position: absolute;
top:-10px;
right: -10px;
width: 26px;
height: 26px;
text-align: center;
border-radius: 50%;
background:#e1251b;
color:#FFF;
}
#closeForm i {
font-size: 20px;
line-height: 26px;
}
#wrap .post.form h3 {
margin: 0;
}
#wrap #Formwrap .adviseur.remco {
margin: 0 30px 55px 0;
}
#wrap #Formwrap .adviseur.teun,
#wrap #Formwrap .adviseur.sjors,
#wrap #Formwrap .adviseur.edwin {
margin: 0 30px 55px 0;
}
#wrap #occ-form .hr-container {
height: auto!important;
margin: 0!important;
}
#wrap #occ-form .hr-wrap hr {
border-bottom: 1px solid #EDEDED;
margin:0;
}
#occ-form {
/*max-width: 768px;*/
width: 100%;
margin:0 0 40px 0;
background:#f7f7f7;
padding: 40px;
box-shadow: 0 0 10px 4px rgba(0, 0, 0, .1);
}
#occ-form .ninja-forms-cont,
#occ-form .nf-form-cont {
max-width: 600px;
width: 100%;
margin:0 auto;
}
#occ-form i {
color:#009845;
}
#occ-form select {
border: 1px solid #EDEDED;
}
#occ-form h3:before {
font-weight: normal;
font-family: FontAwesome;
margin: 0px 10px 0px 0px;
/*content: "\f017";*/
content: "\f058";
}
/*#occ-form .time:before {
font-size: 30px;
font-weight: normal;
font-family: FontAwesome;
margin: 0px 8px 0px 0px;
content: "\f017";
}*/
#occ-form .time {
font-size: 16px;
}
/*
#occ-form #ninja_forms_field_1_div_wrap p {
margin-left: 40px;
}*/
#nf-field-38-wrap {
font-size: 18px!important;
font-weight: bold;
color:#363636;
border: none;
}
#nf-field-39-wrap {
display: none;
}
#nf-field-6-wrap input {
color:#363636;
background: transparent;
border: none;
font-size: 20px!important;
font-weight: 600;
padding: 0;
pointer-events: none;
}
#nf-field-38-wrap input {
color:#363636;
background: transparent;
border: none;
font-size: 20px!important;
font-weight: 600;
padding: 0, 20px;
pointer-events: none;
}
#nf-field-2-wrap,
#nf-field-3-wrap {
display: none;
}
.nf-form-cont input, .nf-form-cont select, .nf-form-cont textarea {
background: #FFF;
}
#nf-field-1-wrap  h3 {
font-size: 30px;
color:#009845;
}
#wrap input {
margin: 0;
}
#wrap #occ-form input[type="submit"],
#wrap #occ-form input[type="button"],
#wrap #Formwrap input[type="submit"],
#wrap #Formwrap input[type="button"] {
font-size: 16px!important;
font-weight: bold;
text-transform: inherit!important;
display: inline-block;
line-height: 50px;
padding: 0 25px;
margin: 5px 10px 10px 0;
background: #009845;
height: 50px!important;
border-radius: 25px;
content: "hello";
}
#wrap .field-wrap {
margin-bottom: 10px;
}
#occ-form .field-wrap {
margin: 0 0 10px 0;
}
#wrap #ninja_forms_required_items, #wrap .nf-field-container {
margin: 0 0 10px 0;
}
#voorstel, #voorstel2 {
opacity: 0;
}
/* gform gravety forms formulier forms */
#wrap .gform_wrapper {
width: 100%;
padding: 20px;
background: #f7f3ed;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1);
}
#wrap .gform_wrapper form {
display: table;
width: 100%;
max-width: 500px;
margin: 0 auto;
}
#wrap .gform_wrapper ul {
padding: 0;
margin: 0;
background: none;
border: none;
}
#wrap .gform_wrapper ul li {
display: table;
width: 100%;
padding: 0;
margin: 0 0 5px 0;
border: none;
line-height: inherit;
}
#wrap .gform_wrapper ul li input {
margin: 0px;
padding: 0 20px;
line-height: 45px;
background: #FFF;
}
/*
#wrap .ginput_container_checkbox ul li,
#wrap .ginput_container_radio ul li {
display:table;
width:33%;
float:left;
clear:inherit;
}*/
#wrap .gform_wrapper h3.gform_title {
font-size: 35px;
display: none;
}
.gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3 {
font-size: 25px;
line-height: 20px;
color:#e1251b;
}
#wrap ul li.gfield_html {
padding: 20px 0;
}
#wrap .ginput_container_checkbox ul li input[type="checkbox"],
#wrap .ginput_container_radio ul li input[type="radio"] {
margin: 5px 10px 5px 5px!important;
}
#wrap .ginput_container_radio ul li label {
margin: 5px 10px 5px 5px!important;
}
.gform_wrapper input.button,
.gform_wrapper input[type=submit] {
font-size: 16px!important;
font-weight: bold;
text-transform: inherit!important;
display: inline-block;
line-height: 50px;
padding: 0 25px;
margin: 5px 10px 10px 0;
background: #009845;
height: 50px!important;
border-radius: 25px;
}
.gform_wrapper input.button:hover,
.gform_wrapper input[type=submit]:hover {
color: #995d15!important;
background: #FFF!important;
}
#wrap .gform_confirmation_wrapper {
margin: auto;
display: table;
left: -50%;
right: -50%;
top: 165px;
position: absolute;
padding: 30px;
max-width: 768px;
z-index: 9;
background: #FFF;
border-radius: 15px;
}
.rc-anchor,
#field_13_12 {
display:none!important;
}
/*extra gegevens custom*/

#wrap .ginput_container_radio ul li.gchoice_1_6_6,
#wrap .ginput_container_radio ul li.gchoice_1_16_6,
#wrap .ginput_container_radio ul li.gchoice_2_16_6,
#wrap .ginput_container_radio ul li.gchoice_2_6_6,
#wrap .ginput_container_radio ul li.gchoice_3_6_6,
#wrap .ginput_container_radio ul li.gchoice_3_16_6,
#wrap .ginput_container_radio ul li.gchoice_10_6_6,
#wrap .ginput_container_radio ul li.gchoice_10_16_6,
#wrap .ginput_container_radio ul li.gchoice_11_6_6,
#wrap .ginput_container_radio ul li.gchoice_11_16_6,
#wrap .ginput_container_radio ul li.gchoice_12_6_6,
#wrap .ginput_container_radio ul li.gchoice_12_16_6,
#wrap .ginput_container_radio ul li.gchoice_9_6_4,
#wrap .ginput_container_radio ul li.gchoice_9_33_3,
#wrap .ginput_container_radio ul li.gchoice_9_32_3,
#wrap .ginput_container_radio ul li.gchoice_9_16_6,
#wrap .ginput_container_radio ul li.gchoice_15_16_6,
#wrap .ginput_container_radio ul li.gchoice_19_16_7,
#wrap .ginput_container_radio ul li.gchoice_19_30_7,
#wrap .ginput_container_radio ul li.gchoice_16_16_7,
#wrap .ginput_container_radio ul li.gchoice_16_30_7 {
display:table;
width:100%;
clear:both;
padding: 10px 0;
background: none;
}
#wrap li#field_1_11,
#wrap li#field_1_19,
.opvolgkeuze {
background: #FFFFFF;
padding: 20px 20px 0px 20px !important;
}
#wrap li#field_1_11 {
margin: 0;
}
#wrap li.gfield {
/*margin-bottom: 20px!important;*/
}
#wrap .ginput_container_checkbox,
#wrap .ginput_container_radio {
margin-bottom: 20px!important;
}
/*
#wrap .ginput_container_radio .gfield_radio li,
#wrap .gf_standaardopties .ginput_container_checkbox .gfield_checkbox li {
float: left;
clear: none;
width: 30%;
margin: 1.5%;
padding: 20px 0px!important;
height: 130px;
border: 1px solid #C6C6C6;
text-align: center;
position: relative;
line-height: 18px;
}
#wrap .ginput_container_radio .gfield_radio li input[type="radio"],
#wrap .gf_standaardopties .ginput_container_checkbox .gfield_checkbox li input[type="checkbox"] {
display: table;
margin: 0 auto!important;
clear: both;
float: none;
}
#wrap .ginput_container_radio .gfield_radio li label,
#wrap .gf_standaardopties .ginput_container_checkbox .gfield_checkbox li label {
font-size: 12px;
display: table;
float: none;
margin: 0!important;
padding:45px 10px 20px 10px;
position:absolute;
left:0;
top:0;
width: 100%;
max-width:inherit;
height: 130px;
}
#wrap .ginput_container_radio ul li.gchoice_1_16_6,
#wrap .ginput_container_radio ul li.gchoice_1_6_6,
#wrap .ginput_container_radio ul li.gchoice_2_16_6,
#wrap .ginput_container_radio ul li.gchoice_2_6_6,
#wrap .ginput_container_radio ul li.gchoice_3_16_6,
#wrap .ginput_container_radio ul li.gchoice_3_6_6,
#wrap .ginput_container_radio ul li.gchoice_10_16_6,
#wrap .ginput_container_radio ul li.gchoice_10_6_6,
#wrap .ginput_container_radio ul li.gchoice_11_16_6,
#wrap .ginput_container_radio ul li.gchoice_11_6_6,
#wrap .ginput_container_radio ul li.gchoice_12_16_6,
#wrap .ginput_container_radio ul li.gchoice_12_6_6,
#wrap .ginput_container_radio ul li.gchoice_9_6_4,
#wrap .ginput_container_radio ul li.gchoice_9_33_3,
#wrap .ginput_container_radio ul li.gchoice_9_16_6,
#wrap .ginput_container_radio ul li.gchoice_9_32_3,
#wrap .ginput_container_radio ul li.gchoice_15_16_6,
#wrap .ginput_container_radio ul li.gchoice_19_16_7,
#wrap .ginput_container_radio ul li.gchoice_19_30_7,
#wrap .ginput_container_radio ul li.gchoice_16_16_7,
#wrap .ginput_container_radio ul li.gchoice_16_30_7 {
width: 100%;
margin: 1.5% 0;
padding: 0px 0px 20px 0px!important;
height:auto;
border:none;
text-align:left;
}
#wrap .ginput_container_radio ul li.gchoice_1_16_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_1_6_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_2_16_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_2_6_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_3_16_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_3_6_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_10_16_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_10_6_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_11_16_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_11_6_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_12_16_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_12_6_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_9_6_4 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_9_16_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_9_32_3 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_9_33_3 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_15_16_6 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_19_16_7 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_19_30_7 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_16_16_7 input[type="radio"],
#wrap .ginput_container_radio ul li.gchoice_16_30_7 input[type="radio"]
{
float: left;
clear: none;
margin: 17px 10px 0 0!important;
}
#field_19_34 .ginput_container {
margin-bottom: 0px !important;
}
#field_19_35 {
padding-top: 0px !important;
}
#field_19_35 ul {
margin-top: 0px !important;
margin-left: 0px !important;
font-size: .875em;
}

#wrap li.gformmaxkm {
background: #FFFFFF;
padding: 1px 10px 10px 10px !important;
margin: -20px 0px 30px 0px !important;
}
#wrap .gformnoimage .ginput_container_radio ul.gfield_radio li {
border: none;
padding: 0px 0px 20px 0px !important;
height: auto;
text-align: left;
background: none;
}
#wrap .gformnoimage .ginput_container_radio ul.gfield_radio li input {
margin: 5px 10px 5px 5px!important;
float: left;
}
#wrap .gformnoimage .ginput_container_radio ul.gfield_radio li label  {
display: inline-block;
margin: 4px 10px 5px 5px!important;
padding: 0px;
position: unset;
width: auto;
height: auto;
}
*/

/*.mobileNav {
display: none;
}*/
.mobileNav {
z-index: 9999999;
position: fixed;
display: table;
margin:0;
width:auto;
right:0;
top:95px;
}
.archive .mobileNav {
display: none;
}
.mobileNav a {
position: relative;
text-decoration: none;
text-align: left;
display: table;
padding: 0 15px;
right: -45px;
width: 85px;
height: 35px;
line-height: 35px;
background-color: rgba(255, 255, 255, 0.6);
border-radius:17px 0 0 17px;
}
.mobileNav a:hover {
right: -35px;
}
.mobileNav a i {
line-height: 35px;
}
.mobileNav a:nth-of-type(1) {
color:#FFF;
/*background-color:#009845;*/
background-color:#000;
}
#post-77064 {

}
.post-77064 #breadcrumbs {
display: none;
}
.post-77064 .grid1 .post {
margin-top: 0px;
padding-top: 0px;
}
#wrap .blok100.wide-wrap {
display: table;
margin-top: 0;
margin-bottom: 40px;
padding-left: 3000px;
margin-left: -3000px;
padding-right: 3000px;
margin-right: -3000px;
}
#wrap .wide {
display: inline-table;
width: 100%;
margin: 0 0 0 0;
padding: 30px 0;
}
/*filter*/
.mobileFilter {
display: none;
}
.reset {
display: none;
margin: 0;
text-align: center;
}
.reset.all {
display:block;
}
#wrap .sorteer-wrap {
width: 19.5%;
display: table;
margin:0 0.5% 0 0;
}
#wrap #occ.res .sorteer-wrap .set {
float: right;
width: 100%;
display: table;
margin: 0;
padding: 20px;
}
/*.wheelerdelta-search {
float: left;
width: 79.5%;
display: table;
margin:0 0 0 0.5%;
}*/
.wheelerdelta-search {
float: none;
width: 65%;
display: table;
margin:0 auto;
}
#wrap #occ .set label {
display: inline-block;
font-weight: bold;
padding: 10px 0;
}
#occ .wheelerdelta-search .set {
width: 25%;
margin:0;
padding: 20px;
float: left;
}
#occ .wheelerdelta-search .set.bouwjaar .select-wrap
{
width: 45%;
float: left;
margin: 0 2.5% 0 0;
}
#occ .wheelerdelta-search .set .button {
display: none;
}
#wrap #occ .set select {
border: 1px solid #EDEDED;
}
/*tijdelijk*/
/* opheffen filter met pulldown werkt
#wrap .lineLiner form#searchform .select-wrap {
display: none!important;
}
#wrap .lineLiner form#searchform input#s {
padding: 0 15px 0 15px;
}
opheffen filter met pulldown werkt */
/*tijdelijk weer aan bij pagina /develop*/
#wrap.post-70943 .lineLiner form#searchform .select-wrap {
display: table!important;
}
#wrap.post-70943 .lineLiner form#searchform input#s {
padding: 0 15px 0 170px;
}
/*lex-medewerkers*/
#post-122361 .grid0,
#post-122364 .grid0,
#post-122365 .grid0 {
width: 100%;
margin-left: 0;
}
.medewerkers h2 {
	margin-bottom: 0
}
.medewerkers .cta {
	width: 100%;
	float: left
}
.grid0.archive .grid3.medewerkers.ls:nth-of-type(3n+1) {
	clear: none;
}
.grid0.archive .grid3.medewerkers.ls {
	width: 22%;
    height: auto;
	min-height: 345px;
	border:none;
}
.grid0.archive .grid3.medewerkers.ls:nth-of-type(1) .imageG3 {
	border: 8px solid #995D14;
}
.grid0.archive .grid3.medewerkers.ls .imageG3 {
	display: table;
	margin: 10px auto;
	width: 175px;
    height: 175px;
	border-radius:50%;
	border: 8px solid #EDEDED;
}
@media only screen and (max-width:1024px) {
.grid0.archive .grid3.medewerkers.ls .imageG3 {
	width: 135px;
    height: 135px;
}
}
@media only screen and (max-width:667px) {
.grid0.archive .grid3.medewerkers.ls .imageG3 {
	width: 200px!important;
    height: 200px!important;
}
}
.grid0.archive .grid3.medewerkers.ls .imageG3 img {
    width: auto;
    height: 100%;
    object-fit: cover;
}
.grid3.medewerkers .imageG3 img {
    width: 100%;
    height: auto;
    transition: all .3s ease
}
.grid3.medewerkers.ls .ml.none .cta {
display: none!important;
}
.grid3.medewerkers.ls h3 {
text-align: center;
}
.grid3.medewerkers.ls .ml.none {
text-align: center;
}
#sidebar .grid3.medewerkers.ls .post {
padding:0;
}
#sidebar .grid3.medewerkers.ls {
padding: 20px;
}
.grid3.medewerkers:hover .imageG3 img {
    width: 105%
}

.grid0.team .grid3.medewerkers.ls {
    width: 47%
}

.grid0.team .grid3.medewerkers.ls .imageG3 {
    height: 330px
}

#sidebar .grid3.medewerkers.ls .imageG3 {
width: 110px;
height: 110px;
border-radius:50%;
margin-right: 10px;
}
.occPage #sidebar .grid3.medewerkers.ls .imageG3 {
float: none;
display: table;
margin: 0 auto 10px auto;
border: 5px solid #EDEDED;
}
.occPage #sidebar .grid3.medewerkers.ls .post {
width: 100%;
text-align: center;
}
#container.occPage .widget .grid3.medewerkers:hover,
#wrap .widget .grid3.medewerkers:hover {
    transform: scale(1)
}
.grid3.medewerkers .post {
padding-bottom: 0;
}

/*landingspagina*/
.colibusG {
color:#95c11f;
}
#wrap.landingspagina .garantie {
position: relative;
margin: -280px 0 0 0;
width: 300px;
height: auto;
}
#wrap .lineLiner h2 .colibusG {
-khtml-text-shadow: 0px 0px 30px #000;
-moz-text-shadow: 0px 0px 30px #000;
-webkit-text-shadow: 0px 0px 30px #000;
text-shadow: 0px 0px 30px #000;
}
#wrap.landingspagina .flash {
display: block;
width: 768px;
position: absolute;
margin:0 auto;
top:220px;
left:-50%;
right:-50%;
}
#wrap.landingspagina .flash img {
float: left;
width: 250px;
}
#wrap .procent-25 {
display: table;
width: 25%;
height: auto;
float: left;
margin:0px;
}
.post-77064 .check {
overflow: inherit!important;
}
.post-77064 .check ul {
width: 100%;
padding-top: 0px;
margin-top: -50px;
border-right: 1px solid #EDEDED;
}
.post-77064 .check ul li:before{
font-size: 30px;
}
.post-77064 .check ul li {
font-size: 16px;
color:#95c11f;
font-weight: bold;
border: none;
}
/*extra call to action cta call-to-action*/
.refDerks.welcome {
background: rgb(255, 255, 255, 0.9);
padding: 20px;
width: 100%;
max-width: 900px;
height: auto;
position: fixed;
margin: auto;
left:-50%;
right:-50%;
top:155px;
z-index: 99;
border-radius: 15px;
}
.call-animation {
cursor: pointer;
color:#FFF;
text-align: center;
line-height: 65px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
/*left: -50%;*/
bottom: 50px;
right: 50px;
margin: auto;
background: #009845;
width: 75px;
height: 75px;
position: fixed;
z-index: 99999;
border-radius: 100%;
border: solid 5px #fff;
animation: play 2s ease infinite;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}

.wpml-ls-statics-footer {
display: table;
width: auto;
height: auto;
margin:0!important;
position: absolute;
top:15px;
right: 80px;
}

@media only screen and (max-width:667px) {
.call-animation {
bottom: 115px;
right: 20px;
}
}

@keyframes play {

0% {
transform: scale(1);
}
15% {
box-shadow: 0 0 0 5px rgba(0,152,69, 0.4);
}
25% {
box-shadow: 0 0 0 10px rgba(0,152,69, 0.4), 0 0 0 20px rgba(0,152,69, 0.2);
}
25% {
box-shadow: 0 0 0 15px rgba(0,152,69, 0.4), 0 0 0 30px rgba(0,152,69, 0.2);
}

}




.gfield_radio li label span, .gfield_checkbox label span{
	opacity: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 200px;
    height: 150px;
    display: inline-table;
    position: absolute;
    left: -208px;
    top: -130px;
    border: 2px solid #FFF;
    border-radius: 10px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.gfield_radio li{overflow:visible !important;}
.gfield_checkbox li{overflow:visible !important;}

.gfield_radio li:hover label span{opacity: 1;}
.gfield_checkbox li:hover label span{opacity: 1;}

/* Images for car specs RouwVoertuigen */
span.rv001{background-image:url('/wp-content/uploads/2019/10/Vlaggenstokken-MB-213.jpg');}
span.rv002{background-image:url('/wp-content/uploads/2019/09/Indus-Lade-onder-vloer.jpg');}
span.rv003{background-image:url('/wp-content/uploads/2019/09/Indus-Ontwaseming-zijruit.jpg');}
span.rv004{background-image:url('/wp-content/uploads/2019/09/Indus-Bloemenrek-exterieur-laag-2.jpg');}
span.rv005{background-image:url('/wp-content/uploads/2019/09/Handgreep-RVS-achterdeur.jpg');}
span.rv006{background-image:url('/wp-content/uploads/2019/09/Urnhouder-Luxe.jpg');}
span.rv007{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-Kunststof-paneel-zijdeur.jpg');}
span.rv008{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-Elektrische-gordijn-achterruit-2.jpg');}
span.rv009{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-Bloemenrek-verlengbaar.jpg');}
span.rv010{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-Dakrails.jpg');}
span.rv011{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-Opbergvak-onder-vloer.jpg');}
span.rv012{background-image:url('/wp-content/uploads/2019/09/MB-212-Zwart-040.jpg');}
span.rv013{background-image:url('/wp-content/uploads/2019/09/MB-213-Wit-149.jpg');}
span.rv014{background-image:url('/wp-content/uploads/2019/09/MB-213-Iridium-775.jpg');}
span.rv015{background-image:url('/wp-content/uploads/2019/09/MB-212-Tenoriet-755.jpg');}
span.rv016{background-image:url('/wp-content/uploads/2019/09/MB-213-Avantgarde.jpg');}
span.rv017{background-image:url('/wp-content/uploads/2019/09/MB-213-Elegance.jpg');}
span.rv018{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-213-Nederlandse-vloer-met-rollen.jpg');}
span.rv019{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-213-Duitse-vloer-standaard.jpg');}
span.rv020{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-213-Elektrische-gordijnen.jpg');}
span.rv021{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-212-Nederlandse-vloer-met-rollen-3.jpg');}
span.rv022{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-Duitse-vloer-standaard.jpg');}
span.rv023{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-212-Nederlandse-vloer-met-rollen-3.jpg');}
span.rv024{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-212-Nederlandse-vloer-met-rollen.jpg');}
span.rv025{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-212-Separatiewand-met-ruit.jpg');}
span.rv026{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-212-Elektrische-gordijnen.jpg');}
span.rv027{background-image:url('/wp-content/uploads/2019/09/Indus-Eneexis-212-Bloemenrek-RVS-2.jpg');}
span.rv028{background-image:url('/wp-content/uploads/2019/09/Indus-Dueexis-213-Duitse-vloer-standaard-3-1.jpg');}
span.rv029{background-image:url('/wp-content/uploads/2019/09/Indus-Dueexis-213-Duitse-vloer-4-delig-1.jpg');}
span.rv030{background-image:url('/wp-content/uploads/2019/09/Indus-Dueexis-213-Separatiewand-met-ruit-1-e1569575216533.jpg');}
span.rv031{background-image:url('/wp-content/uploads/2019/09/Indus-Dueexis-213-Separatiewand-zonder-ruit-2.jpg');}
span.rv032{background-image:url('/wp-content/uploads/2019/04/Indus-Dueexis-3-deurs-212-Optie-RVS-bloemenrekken.jpg');}
span.rv033{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Separatiewand-met-ruit-2.jpg');}
span.rv034{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Separatiewand-zonder-ruit.jpg');}
span.rv035{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-213-Nederlandse-vloer-met-rollen-4.jpg');}
span.rv036{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Duitse-vloer-standaard-3.jpg');}
span.rv037{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Duitse-vloer-verbreed-4-delig.jpg');}
span.rv038{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-213-Nederlandse-vloer-met-rollen-4.jpg');}
span.rv039{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Nederlandse-vloer-4-delig.jpg');}
span.rv040{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Decorplaat-zijruiten.jpg');}
span.rv041{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Gordijnen-dicht.jpg');}
span.rv042{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Gordijn-achterruit.jpg');}
span.rv043{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Bloemenrekken.jpg');}
span.rv044{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Bumperbescherming.jpg');}
span.rv045{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Bescherming-handvaten.jpg');}
span.rv046{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Dakrails-2.jpg');}
span.rv047{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Opbergvak-onder-vloer.jpg');}
span.rv048{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Zijwandbescherming.jpg');}
span.rv049{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Brancardsteun.jpg');}
span.rv050{background-image:url('');}
span.rv051{background-image:url('/wp-content/uploads/2019/09/Glaswagen-5-deurs-Separatiewand-met-ruit.jpg');}
span.rv052{background-image:url('/wp-content/uploads/2019/09/Glaswagen-5-deurs-Nederlandse-schuifvloer-met-rollen-2.jpg');}
span.rv053{background-image:url('/wp-content/uploads/2019/09/Landau-5-deurs-Vaste-vloer-met-klep.jpg');}
span.rv054{background-image:url('/wp-content/uploads/2019/09/Glaswagen-5-deurs-Interieur-grijs.jpg');}
span.rv055{background-image:url('/wp-content/uploads/2019/09/Glaswagen-5-deurs-Gordijn-zijruit.jpg');}
span.rv056{background-image:url('/wp-content/uploads/2019/09/Glaswagen-5-deurs-Gordijn');}
span.rv057{background-image:url('/wp-content/uploads/2019/09/Glaswagen-5-deurs-Ontwaseming-zijruit.jpg');}
span.rv058{background-image:url('/wp-content/uploads/2019/09/Kassia-Separatiewand-met-ruit.jpg');}
span.rv059{background-image:url('/wp-content/uploads/2019/09/Kassia-Nederlandse-vloer-met-rollen.jpg');}
span.rv060{background-image:url('/wp-content/uploads/2019/09/Kassia-Duitse-vloer-standaard.jpg');}
span.rv061{background-image:url('/wp-content/uploads/2019/09/Kassia-Bloemenrek-RVS.jpg');}
span.rv062{background-image:url('/wp-content/uploads/2019/09/Kassia-Lade-onder-vloer.jpg');}
span.rv063{background-image:url('/wp-content/uploads/2019/09/Landau-5-deurs-Interieur-beige-1.jpg');}
span.rv064{background-image:url('/wp-content/uploads/2019/09/Landau-5-deurs-Vaste-vloer-met-klep.jpg');}
span.rv065{background-image:url('/wp-content/uploads/2019/09/Landau-5-deurs-Bloemenrek-opklapbaar-rechts.jpg');}
span.rv066{background-image:url('/wp-content/uploads/2019/09/Landau-5-deurs-Rouwvlaggen-2.jpg');}
span.rv067{background-image:url('/wp-content/uploads/2019/09/Landau-5-deurs-Opbergvak-onder-vloer.jpg');}
span.rv068{background-image:url('/wp-content/uploads/2019/09/Cadillac-XTS-Verchroomde-deurstijlen.jpg');}
span.rv069{background-image:url('/wp-content/uploads/2019/10/Cadillac-XTS-Verchroomde-dorpelbescherming-1.jpg');}
span.rv070{background-image:url('/wp-content/uploads/2019/10/Cadillac-XTS-Targaband-1.jpg');}
span.rv071{background-image:url('/wp-content/uploads/2019/09/Cadillac-XTS-Half-vinyl-half-gespoten.jpg');}
span.rv072{background-image:url('/wp-content/uploads/2019/09/Cadillac-XTS-Cantilever-achterdeur.jpg');}
span.rv073{background-image:url('/wp-content/uploads/2019/09/Cadillac-XTS-Urnhouder.jpg');}
span.rv074{background-image:url('/wp-content/uploads/2019/10/Cadillac-XTS-Rouwvlaggen.jpg');}
span.rv075{background-image:url('/wp-content/uploads/2019/10/Cadillac-XTS-Raam-achter-portieren.jpg');}
span.rv076{background-image:url('');}
span.rv077{background-image:url('');}
span.rv078{background-image:url('');}
span.rv079{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-213-Nederlandse-vloer-met-rollen-4.jpg');}
span.rv080{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Duitse-vloer-standaard-3.jpg');}
span.rv081{background-image:url('');}
span.rv082{background-image:url('/wp-content/uploads/2019/09/Landau-5-deurs-Vaste-vloer-met-klep.jpg');}
span.rv083{background-image:url('');}
span.rv084{background-image:url('');}
span.rv085{background-image:url('');}
span.rv086{background-image:url('');}
span.rv087{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Separatiewand-met-ruit-2.jpg');}
span.rv088{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Separatiewand-zonder-ruit.jpg');}
span.rv089{background-image:url('');}
span.rv090{background-image:url('');}
span.rv091{background-image:url('');}
span.rv092{background-image:url('');}
span.rv093{background-image:url('');}
span.rv094{background-image:url('');}
span.rv095{background-image:url('');}
span.rv096{background-image:url('');}
span.rv097{background-image:url('');}
span.rv098{background-image:url('');}
span.rv099{background-image:url('');}
span.rv100{background-image:url('');}
span.rv101{background-image:url('');}
span.rv102{background-image:url('');}
span.rv103{background-image:url('');}
span.rv104{background-image:url('');}
span.rv105{background-image:url('');}
span.rv106{background-image:url('');}
span.rv107{background-image:url('');}
span.rv108{background-image:url('');}
span.rv109{background-image:url('');}
span.rv110{background-image:url('');}
span.rv111{background-image:url('');}
span.rv112{background-image:url('');}
span.rv113{background-image:url('');}
span.rv114{background-image:url('');}
span.rv115{background-image:url('/wp-content/uploads/2019/09/Glaswagen-3-deurs-Gordijn-achterruit.jpg');}
span.rv116{background-image:url('/wp-content/uploads/2019/09/Landau-5-deurs-Opbergvak-onder-vloer.jpg');}
span.rv117{background-image:url('');}
span.rv118{background-image:url('');}
span.rv119{background-image:url('');}

/* Images for car specs OverbrengVoertuigen */
span.ov001{background-image:url('/wp-content/uploads/2019/09/OVB-Kist-kist-opstelling.jpg');}
span.ov002{background-image:url('/wp-content/uploads/2019/09/OVB-Kist-brancard-opstelling.jpg');}
span.ov003{background-image:url('/wp-content/uploads/2019/09/OVB-Open-vak-achter.jpg');}
span.ov004{background-image:url('/wp-content/uploads/2019/09/OVB-Open-vak-achter-met-klep.jpg');}
span.ov005{background-image:url('/wp-content/uploads/2019/09/OVB-Vak-lade-links.jpg');}
span.ov006{background-image:url('/wp-content/uploads/2019/09/OVB-Vak-lade-achter.jpg');}
span.ov007{background-image:url('/wp-content/uploads/2019/09/OVB-Dubbele-lade-achter.jpg');}
span.ov008{background-image:url('/wp-content/uploads/2019/09/OVB-Enkele-lade-achter.jpg');}
span.ov009{background-image:url('/wp-content/uploads/2019/10/OVB-Open-vak-schuifdeur-L.jpg');}
span.ov010{background-image:url('/wp-content/uploads/2019/10/OVB-Open-vak-schuifdeur-met-klep-L.jpg');}
span.ov011{background-image:url('/wp-content/uploads/2019/10/OVB-Open-vak-schuifdeur-R.jpg');}
span.ov012{background-image:url('/wp-content/uploads/2019/10/OVB-Open-vak-schuifdeur-met-klep-R.jpg');}
span.ov013{background-image:url('/wp-content/uploads/2019/10/OVB-Separatiewand-gestoffeerd.jpg');}
span.ov014{background-image:url('/wp-content/uploads/2019/10/OVB-Rouwvlag-MB-Vito-447.jpg');}
span.ov015{background-image:url('/wp-content/uploads/2019/10/OVB-Opbergconsole.jpg');}
span.ov016{background-image:url('/wp-content/uploads/2019/10/OVB-Verlichting-LED-spots.jpg');}
span.ov017{background-image:url('/wp-content/uploads/2019/10/OVB-Verlichting-in-achterklep-1.jpg');}
span.ov018{background-image:url('/wp-content/uploads/2019/10/OVB-Originele-ruiten-rondom.jpg');}
span.ov019{background-image:url('/wp-content/uploads/2019/10/OVB-Landaupanelen-achterzijde.jpg');}
span.ov020{background-image:url('/wp-content/uploads/2019/10/OVB-Vaste-tweede-vloer.jpg');}
span.ov021{background-image:url('/wp-content/uploads/2019/10/OVB-Rolgordijnen-bij-tweede-vloer.jpg');}
span.ov022{background-image:url('/wp-content/uploads/2019/10/OVB-Handgreep-op-achterklep.jpg');}
span.ov023{background-image:url('/wp-content/uploads/2019/10/OVB-glaspanelen-verlicht.jpg');}
span.ov024{background-image:url('/wp-content/uploads/2019/10/OVB-Kast-achter-wand.jpg');}
span.ov025{background-image:url('/wp-content/uploads/2019/09/OVB-Rouwvlag-Ford-Transit-Custom.jpg');}
span.ov026{background-image:url('/wp-content/uploads/2019/09/OVB-Dubbele-lade-achter-Slide.jpg');}
span.ov027{background-image:url('/wp-content/uploads/2019/09/OVB-Enkele-lade-achter-Slide.jpg');}
span.ov028{background-image:url('/wp-content/uploads/2019/10/OVB-Schuifvloer-1-delig.jpg');}
span.ov029{background-image:url('/wp-content/uploads/2019/10/OVB-Schuifvloer-2-delig.jpg');}
span.ov030{background-image:url('/wp-content/uploads/2019/09/OVB-Rouwvlag-Peugeot-Expert.jpg');}
span.ov031{background-image:url('/wp-content/uploads/2019/10/OVB-LGV-Doorlaadmogelijkheid-1.jpg');}
span.ov032{background-image:url('/wp-content/uploads/2019/09/OVB-LGV-Open-vak-met-klep-schuifdeur-links.jpg');}
span.ov033{background-image:url('/wp-content/uploads/2019/09/OVB-LGV-Open-vak-met-klep-schuifdeur.jpg');}
span.ov034{background-image:url('/wp-content/uploads/2019/09/OVB-Rouwvlag-Lancia-Grand-Voyager.jpg');}
span.ov035{background-image:url('');}
span.ov036{background-image:url('');}
span.ov037{background-image:url('');}
span.ov038{background-image:url('');}
span.ov039{background-image:url('');}
span.ov040{background-image:url('');}
span.ov041{background-image:url('');}
span.ov042{background-image:url('');}
span.ov043{background-image:url('');}
span.ov044{background-image:url('');}
span.ov045{background-image:url('');}
span.ov046{background-image:url('');}
span.ov047{background-image:url('');}
span.ov048{background-image:url('');}
span.ov049{background-image:url('');}
span.ov050{background-image:url('');}


.icon.sliderleft{background-repeat:no-repeat; background-image:url('img/slider-left.svg'); height: 31px; width: 31px; background-position: center center; background-size: 25px 25px; margin:0;}
.icon.sliderright{background-repeat:no-repeat; background-image:url('img/slider-right.svg'); height: 31px; width: 31px; background-position: center center; background-size: 25px 25px; margin:0;}
.icon.slidersearch{background-repeat:no-repeat; background-image:url('img/slider-search.svg'); height: 31px; width: 31px; background-position: center center; background-size: 25px 25px; margin:0;}

.slider{max-height:350px;}
.slider .slide{height:350px; width:100%; background-size: cover; background-repeat: no-repeat; background-position: center center;}

.slider{width:100vw;}

.productSlider {position: relative; max-height: 350px !important;  overflow: hidden; margin-bottom: 20px;     max-width: 1600px;}
.productSlider .slick-list {margin: 0 -3px !important;}
.productSlider .slick-list .slick-slide {margin: 0 5px; height: auto !important; margin-bottom: -60px !important;}
.productSlider .controls {position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center;min-width: 150px; min-height: 20px; bottom: 20px; left: 50%; margin-left: -75px;}
.productSlider .controls > a {display: inline-flex;	margin: 0 8px; background: #ffffff; height: 31px; width: 31px; cursor:pointer;}



.slick-slider{max-width:1600px; position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;  content: '';}
.slick-track:after{clear: both;}

.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{max-width: 100%; display: block; position: relative; top: -42px;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}