@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&display=swap');

html, body, div, button, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, a, figure, input, textarea { margin: 0px; padding: 0px; border: 0; outline: none; }

input,textarea,button,select,option,optgroup { font-family: 'Inter', sans-serif; outline: none; }
select optgroup { font-style: normal; font-weight: 700 !important; }
select option { font-weight: 400 !important; }
select::-ms-expand { display: none; }
select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background: url('//icon.ontbrand.com/regular/ccc/chevron-down.svg') no-repeat center right 20px; background-size: 16px; }
select:hover { background-image: url('//icon.ontbrand.com/regular/000/chevron-down.svg'); }
span.req { color: #f00; font-weight: 700; font-size: 13px; position: absolute; margin: -3px 0 0 3px; }

.mobile { display: none !important; }

h1,h2,h3 { text-transform: uppercase; }

html { overflow-x: hidden; scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; font-size: 0; font-weight: 400; line-height: 1.6; color: #111; }

div.wrap { position: relative; width: 100%; padding: 0 50px; box-sizing: border-box; }

div.columns { display: flex; max-width: 1400px; margin: 0 auto; }
div.column { width: 100%; box-sizing: border-box; }

div#top { position: relative; background: url('/assets/images/overijssel/origineel/header-img.jpeg') no-repeat center center; background-size: cover; overflow: hidden; padding-top: 125px; }
div#top:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; background: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,.5)); animation: backgroundshift 10s infinite ease-in-out; }
@keyframes backgroundshift { 50% { transform: scale(2); } }

ul.links-page { margin-top: 2em; list-style: none; }
ul.links-page li { padding: 10px 0 10px 40px; background: url(//icon.ontbrand.com/solid/000/check-circle.svg) no-repeat left center; background-size: 24px; }
ul.align-top li { background: url(//icon.ontbrand.com/solid/000/check-circle.svg) no-repeat left top 15px; background-size: 24px; }

div#header { padding: 0 0 50px 0; position: relative; text-align: center; z-index: 3; width: 100%; background: linear-gradient(to bottom, #222,#000); }
body#home div#header { position: absolute; background: none; }
div#header div.wrap { max-width: 1400px; margin: 0 auto; }
div#header div#topbar { color: #fff; padding: 15px 30px; margin-bottom: 30px; }
body#home div#header div#topbar { background: rgba(0,0,0,.9); }
div#header div#notice { font-size: 15px; background: #88be39; padding: 15px 0; font-weight: 700; }
div#header div#topbar ul { font-size: 13px; display: flex; justify-content: space-between; }
div#header div#topbar ul li { width: calc(100%/3); }
div#header div#topbar ul li a { color: #88be39;}
div#header div#topbar ul li a:hover { color: #fff;}
div#header div#topbar ul li:first-child { text-align: left; }
div#header div#topbar ul li:last-child { text-align: right; }
div#header div#topbar b { color: #88be39; }
div#header a.logo { position: absolute; height: 58px; margin-top: 3px; left: 50px; }
div#header a svg { overflow: visible; }
div#header a svg path { transition: .5s all; fill: #fff; }
div#header a svg g:first-child path { fill: #88be39; }
div#header a:hover svg g:first-child path { animation: shake .15s infinite; }
div#header a:hover svg path { fill: #88be39; filter: drop-shadow( 0 0 20px rgba(0, 0, 0, .2)); }
@keyframes shake { 30% { transform: translateX(1px); } 60% { transform: translateY(1px); } }
div#header ul { font-size: 17px; line-height: 1; }
div#header ul.menu { padding-top: 25px; }
div#header ul li { display: inline-block; }
div#header ul.menu li a { padding: 10px 0 5px 0; transition: color .3s; margin: 0 20px; font-weight: 700; text-decoration: none; color: rgba(255,255,255,.8); position: relative; }
div#header ul.menu li a:hover { color: #fff; }
div#header ul.menu li a:after { content: ""; transition: width .4s ease-in-out; position: absolute; width: 0; left: 0; bottom: 0; height: 3px; background: rgba(136,190,57,1); }
div#header ul.menu li a:hover:after { width: 100%; }

div#header a.button { position: absolute; right: 50px; top: 0; margin-top: 0; font-size: 15px; }

div#top div.columns { font-size: 0; max-width: 1400px; margin: 0 auto; padding: 100px 0; }
div#top div.column { font-size: 17px; display: inline-block; width: 50%; padding: 0 50px; box-sizing: border-box; display: inline-block; vertical-align: top; }

div#top div.column h1 { font-weight: 900; font-size: 47px; padding-top: 60px; text-transform: uppercase; line-height: 1; color: #88be39; letter-spacing: -1px; margin-bottom: 50px; }
div#top div.column p { margin-top: 2em; max-width: 800px; margin-left: auto; margin-right: auto; font-size: 19px; color: #fff; }
div#top div.column div.closed p { color: #fff; }
div#top div.column ul { margin-top: 2em; list-style: none; font-size: 19px; color: #fff; }
div#top div.column ul li { padding-left: 30px; padding: 10px 0 10px 40px; font-weight: 700; background: url('//icon.ontbrand.com/solid/88be39/check-circle.svg') no-repeat left center; background-size: 24px; }
div#top div.column a.button { margin-right: 40px; }
div#top div.column a.more { color: rgba(255,255,255,.8); }
div#top div.column a.more:hover { color: #fff; }

div#book { position: relative; }
div#book.loading:before { content: ""; left: 0; right: 0; top: 60px; bottom: 0; position: absolute; background: rgba(255,255,255,.9); z-index: 1; }
div#book.loading form:before { content: ""; left: 0; right: 0; top: 0; bottom: 0; position: absolute; background: url('//icon.ontbrand.com/regular/000/spinner-third.svg') no-repeat center; background-size: 50px; animation: rotate 1s infinite; z-index: 1; }
@keyframes rotate { 100% { transform: rotate(360deg); } }

form { font-size: 17px; position: relative; }

form div.step { display: none; }
div#book div.steps { margin: -50px; margin-bottom: 30px; background: #fff; z-index: 2; position: relative; border-radius: 5px; }
div#book div.steps ul { display: flex; justify-content: space-between; position: relative; padding: 30px 40px; }
div#book div.steps ul:before { content: ""; position: absolute; left: 0; right: 0; border-top: 1px dashed #ccc; margin-top: 17px; z-index: -1; }
div#book div.steps ul li { list-style: none; line-height: 30px; text-align: center; }
div#book div.steps ul li:first-child { text-align: left; }
div#book div.steps ul li:last-child { text-align: right; }
div#book div.steps ul li a { color: #000; text-decoration: none; background: #fff; padding: 0 5px; }
div#book div.steps ul li a span.step { vertical-align: top; background: #f9f9f9; border-radius: 20px; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 13px; font-weight: 700; margin-right: 10px; display: inline-block; }
div#book div.steps ul li a.done { color: rgba(0,0,0,.2) }
div#book div.steps ul li a.done span.step { background: #88be39; color: #000; }
div#book div.steps ul li a.active { font-weight: 700; }
div#book div.steps ul li a.inactive { color: rgba(0,0,0,.2); }
div#book div.steps ul li a.in-progress span.step { font-size: 0; background: #eee url('//icon.ontbrand.com/regular/000/spinner-third.svg') no-repeat center; background-size: 14px; animation: rotate 1s infinite; }
div#book div.steps ul.done li a span { font-size: 0; background: #88be39 url('//icon.ontbrand.com/solid/000/check.svg') no-repeat center !important; background-size: 16px !important; }
div#book div.steps div.bar { height: 3px; background: linear-gradient(to right, #88be39 66%, #ccc 66%); }
div#book div.steps div.bar.full { background:  #88be39; }
div#book div.steps div.bar.empty { background: linear-gradient(to right, #88be39 33%, #ccc 33%); }

div#book div.flex { display: flex; justify-content: space-between; }
div#book div.flex div.col { width: calc((100% / 2) - 20px); margin-right: 30px; }
div#book div.flex div.col:last-child { margin-right: 0; }

form#search { padding: 70px; position: relative; float: right; border-radius: 5px; display: block; transition: all .3s; width: 400px; text-align: left; z-index: 2; }
form#search:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #fff; content: ""; box-shadow: rgba(0,0,0,.3) 0 0 80px; border-radius: 10px; transform: skew(-2deg); z-index: -1; }

form span.head { display: block; margin-bottom: 5px; }
form div.flex span.head { color: rgba(0,0,0,.3); display: block; }
form div.flex span.head u { display: inline-block; text-decoration: none; background: #88be39; font-size: 12px; line-height: 1; padding: 6px 8px; color: #000; border-radius: 3px; font-weight: 700; float: left; margin-top: 5px; margin-right: 8px; }

div#book h3 { display: block; font-size: 30px; margin: 0 -50px 0 -50px; margin-top: -50px; padding: 30px 50px; font-weight: 900; }
div#book h4 { margin: 10px 0; }

table { width: 100%; border-collapse: collapse }
table td { border: 1px solid #eee; padding: 6px 12px; }
table td:first-child { font-weight: 700; }

form div.input:first-child { margin-right: 20px; }
form span.title { display: block; font-weight: 700; margin-bottom: 5px; }
form span.title.bank { padding-left: 35px; background: url('/assets/images/ideal-logo.svg') no-repeat left center; background-size: 30px; }
form label { display: block; font-size: 15px; clear: both; line-height: 1.5; margin-top: 8px; }
form label input { margin-right: 10px; }
form label input[type="checkbox"] { float: left; margin: 4px 8px 5px 0; }

form input[type="text"],
form input[type="email"],
form input[type="date"],
form textarea,
form select { padding: 20px; font-size: 17px; border: 1px solid #eee; width: 100%; box-sizing: border-box; margin-bottom: 1em; vertical-align: top; border-radius: 3px; }
form textarea { height: 150px; }
form input:focus,
form select:focus,
form textarea:focus { box-shadow: rgba(0,0,0,.1) 0 0 10px; border-color: #ddd; }
form input.error,
form textarea.error { border-left-color: #f00; border-left-width: 3px; border-radius: 0 3px 3px 0; }
form input.disabled,
form textarea.disabled { border: 0; opacity: .6; }


form input[type="number"] { width: 140px; }
form input[type="date"] { background: url('//icon.ontbrand.com/regular/000/calendar.svg') no-repeat center left 20px; background-size: 16px; padding-left: 46px; }
form input#date { background: url('//icon.ontbrand.com/regular/000/calendar.svg') no-repeat center left 20px; background-size: 16px; padding-left: 46px; }

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }

form select.disabled { opacity: .5; background: none; cursor: not-allowed; }

form div.total { padding: 10px; border-radius: 5px; background: #f9f9f9; margin: 20px 0; text-align: center; font-size: 15px; }

form button { cursor: pointer; transition: all .6s ease-in-out; text-transform: uppercase; color: #fff; background: linear-gradient(to left, rgba(136,190,57,1) 50%, #111 50%); background-size: 205%; background-position: right; font-size: 19px; margin: 10px 0; border: 0; font-weight: 900; border-radius: 5px; padding: 20px 0; display: block; width: 100%; vertical-align: top; }
form button:hover { background-position: left; color: #fff; }
form button.disabled { opacity: .4; cursor: not-allowed; }
form button.disabled:hover { background-position: right; color: #000; }

div#results { display: none; width: 740px; margin: 14px auto 20px auto; transition: all .3s; visibility: hidden; opacity: 0; }
div#results.show { margin-top: 10px; visibility: visible; opacity: 1; }

div.search { background: #fff; border-radius: 5px 5px 0 0; padding: 20px; font-size: 0; }
div.search div { display: inline-block; width: calc(100%/2); box-sizing: border-box; padding: 0 20px; font-size: 15px; vertical-align: top; }
div.search div.title { display: block; width: 100%; font-size: 31px; font-weight: 900; text-align: center; margin-bottom: 20px; }
div.search div:nth-child(2) { border-right: 1px solid #eee; text-align: right; }
div.search span { font-size: 17px; color: rgba(0,0,0,.3); font-weight: 400; }

div#results div.stats { background: #f9f9f9; padding: 20px; }
div#results div.stats div { display: inline-block; text-align: center; width: calc(100%/3); box-sizing: border-box; padding: 0 20px; font-size: 22px; vertical-align: top; }
div#results div.stats div span.title { opacity: .4; font-size: 15px; }
div#results div.stats div span.number { font-weight: 900; }
div#results div.stats div span.number:before { content: ""; display: inline-block; width: 30px; background: #ccc; vertical-align: top; margin-top: 3px; height: 30px; margin-right: 5px; }
div#results div.stats div.price span.number:before { background: url('//icon.ontbrand.com/solid/00b6f0/ticket-alt.svg') no-repeat center; background-size: 26px; background-position: center; transform: rotate(-90deg); }
div#results div.stats div.location span.number:before { background: url('//icon.ontbrand.com/solid/00ce5c/map-marker-alt.svg') no-repeat center; background-size: 20px; background-position: center; }
div#results div.stats div.interest span.number:before { background: url('//icon.ontbrand.com/solid/ed6d00/fire.svg') no-repeat center; background-size: 20px; background-position: center;}

div#results div#resultset { background: #fff; border-radius: 0 0 5px 5px; }
div#results div#resultset div.result { padding: 20px; border-top: 1px solid #eee; position: relative; }
div#results div#resultset div.result:first-child { border: 0; }
div#results div#resultset div.result div { vertical-align: top; display: inline-block; font-size: 17px; line-height: 20px; }
div#results div#resultset div.result div.location { width: 480px; }
div#results div#resultset div.result div.price { width: 200px; }
div#results div#resultset div.result div.location { font-weight: 700; }
div#results div#resultset div.result a.button { text-decoration: none; vertical-align: top; transition: all .2s; line-height: 60px; font-size: 16px; position: absolute; right: 0; top: -1px; border-top: 1px solid rgba(0,0,0,.1); bottom: 0px; padding: 0 30px; color: #000; font-weight: 700; background: linear-gradient(to left, rgba(136,190,57,1) 50%, #111 50%); background-size: 202%; background-position: right; }
div#results div#resultset div.result:last-child a.button { bottom: 0; border-radius: 0 0 5px 0; }
div#results div#resultset div.result:first-child a.button { border-top: 0; top: 0; }
div#results div#resultset div.result a.button:hover { background-position: left; color: #fff; }

section { box-sizing: border-box; padding: 160px 0; font-size: 17px; line-height: 33px; text-align: center; letter-spacing: -0.0666667px; text-rendering: optimizelegibility; overflow-wrap: break-word; color: rgba(0,0,0,.77);  }

section div.wrap { max-width: 1400px; margin: 0 auto; }

section img { max-width: 100%; border-radius: 5px; transform: rotate(2deg); box-shadow: rgba(0,0,0,.15) 0 0 70px; }
section img.verhuur { transform: none; box-shadow: none; margin-top: 50px; }
section.footer img { transform: none; }
section div.column:last-child img { transform: rotate(-2deg); }

section h2 { font-weight: 900; font-size: 36px; text-transform: uppercase; line-height: 1; letter-spacing: -1px; margin-bottom: 50px; }
section h3 { margin: 32px 0; }
section h4 { font-size: 16px; }
section p { margin-top: 2em; max-width: 840px; margin-left: auto; margin-right: auto; }
section p a { color: #000; font-weight: 700; transition: all .2s;  position: relative; display: inline-block; padding: 0 2px; }
section p a:hover { text-decoration: none; }
section p a:after { transition: all .2s; transform: skew(0deg); border-radius: 3px; content: ""; left: -5px; right: -5px; top: 0; bottom: 0; position: absolute; z-index: -1; }
section p a:hover:after { transform: skew(-5deg); content: ""; background: #88be39; }

div.goodweather { transition: all .2s; color: #000; z-index: 3;border-left: 1px solid #f9f9f9; position: relative;  border-radius: 0px 5px 0 0; padding: 30px; background: #fff url('//icon.ontbrand.com/solid/f9f9f9/sun.svg') no-repeat right -200px top -200px; background-size: 400px; max-width: 1260px; }
body.menu-open div.goodweather { z-index: -1; }
div.goodweather div.wrap { max-width: 1400px; margin: 0 auto; padding: 0; }
div.goodweather h3 { padding-left: 40px; font-weight: 900; margin-bottom: 20px; font-size: 25px; line-height: 1.5; background: url('//icon.ontbrand.com/solid/ffcd35/sun.svg') no-repeat left 5px; background-size: 30px; }
div.goodweather p { text-shadow: #00s0 0 0 15px; font-size: 16px; }
div.goodweather p { margin: 20px 0; }

section ul.list { list-style: none; margin-top: 2em; }
section ul.list li { padding-left: 30px; background: url('//icon.ontbrand.com/regular/444/arrow-circle-right.svg') no-repeat left center; background-size: 20px; }

section.routes { padding-top: 0; background-color: #f9f9f9; }
section.routes div.column { position: relative; width: calc(100% / 3); padding: 0 20px !important; }
section.routes div.route { background: #fff; padding: 30px; position: relative; border-radius: 5px; box-shadow: rgba(0,0,0,.1) 0 0 30px; }
section.routes div.route h2 { font-size: 30px; }
section.routes div.more { display: none; }
section.routes a.readmore { color: #000; text-decoration: none; opacity: 1; display: block; padding-left: 20px; background: url('//icon.ontbrand.com/regular/000/plus-square.svg') no-repeat left center; background-size: 14px; }
section.routes a.readmore:hover { color: rgba(0,0,0,.6); }
section.routes a.button { margin: 30px 0 0 0; text-align: center; width: 100%; box-sizing: border-box; }

section.routes ul { margin-bottom: 30px; margin-top: 30px; list-style: none; display: inline-block; }
section.routes ul li { padding-left: 30px; background: url('//icon.ontbrand.com/solid/000/arrow-right.svg') no-repeat left center; background-size: 15px; }
section.routes ul li:nth-child(1) { background: url('//icon.ontbrand.com/solid/000/route.svg') no-repeat left center; background-size: 15px; }
section.routes ul li:nth-child(2) { background: url('//icon.ontbrand.com/regular/000/clock.svg') no-repeat left center; background-size: 15px; }
section.routes ul li:nth-child(3) { background: url('//icon.ontbrand.com/regular/000/tag.svg') no-repeat left center; background-size: 15px; }
section.routes ul li:nth-child(4) { background: url('//icon.ontbrand.com/regular/000/users.svg') no-repeat left center; background-size: 15px; }
section.routes ul li:nth-child(5) { background: url('//icon.ontbrand.com/regular/000/download.svg') no-repeat left center; background-size: 15px; }
section.routes ul li a { color: #000; }
section.routes ul li a:hover { color: #88be39; }
section.routes iframe { border-radius: 5px; box-shadow: rgba(0,0,0,.2) 0 0 40px; }
section.routes img { transform: none !important; box-shadow: none !important; }
section.routes img.qr { width: 80px; background: #fff; top: 300px; left: 50px; z-index: 4; position: absolute; }
section.routes div.column { padding: 0px 40px; }
section.routes h2 { margin-bottom: 30px; }

a.button { color: #fff; font-weight: 900; text-transform: uppercase; transition: all .6s; font-size: 21px; padding: 18px 44px; display: inline-block; text-decoration: none; position: relative; margin-top: 3em; z-index: 1; }
a.button:after { background: linear-gradient(to left, rgba(136,190,57,1) 50%, #111 50%); transition: all .6s; background-size: 205%; background-position: right; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; border-radius: 5px; transform: skew(-4deg); z-index: -1; }
a.button:hover { color: #fff; }
a.button:hover:after { background-position: left; box-shadow: rgba(0,0,0,.3) 0 0 30px; }
a.button.refresh:before { content: ""; display: inline-block; background: url('//icon.ontbrand.com/solid/000/sync-alt.svg') no-repeat center; margin-right: 15px; margin-left: -20px; background-size: 16px; width: 16px; height: 16px; }
a.button.refresh:hover:before { background-image: url('//icon.ontbrand.com/solid/fff/sync-alt.svg'); }

section.phatfour-ebike div.columns { padding: 160px 0; }
section div.columns { font-size: 0; }
section div.column { text-align: left; font-size: 17px; display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box; padding: 0 40px; }

section.pricing { background: #f9f9f9; }

section.partner { border-tos; background: #fff; box-shadow: #eee 0 0 50px; }
section.partner h2 { margin-bottom: 100px; }
section.partner h3 { padding-top: 30px; }
section.partner p {  margin: 30px auto; }
section.partner a.block { display: block; width: 300px; margin: 0 auto; margin-top: -96px; }
section.partner div.columns { margin-bottom: 50px; border-radius: 5px; flex-wrap: wrap; }
section.partner div.column:first-child { border-right: 1px solid #eee; text-align: right; }
section.partner div.row { flex-grow: 1; font-size: 16px; padding: 20px; color: rgba(0,0,0,.4); }

section.partner h3 i.self-operated { display: inline-block; width: 50px; height: 50px; vertical-align: middle; margin-right: 15px; background: url('//icon.ontbrand.com/regular/000/users.svg') no-repeat center; background-size: 50px; }
section.partner h3 i.self-owned { display: inline-block; width: 50px; height: 50px; vertical-align: middle; margin-left: 15px; background: url('//icon.ontbrand.com/regular/000/users-crown.svg') no-repeat center; background-size: 50px; }

section.partner div.demo { border-radius: 5px; margin: 80px 0 60px 0; box-shadow: #ddd 0 0 50px; background: #fff; display: flex; overflow: hidden; }
section.partner div.demo span.icon { background: url('//icon.ontbrand.com/regular/fff/receipt.svg') no-repeat center; background-size: contain; width: 23px; height: 23px; display: inline-block; margin-right: 16px; vertical-align: middle; }
section.partner div.demo span.icon.accu { background-image: url('//icon.ontbrand.com/duotone/fff/charging-station.svg'); }
section.partner div.demo span.icon.bookings { background-image: url('//icon.ontbrand.com/duotone/fff/clipboard-list-check.svg'); }
section.partner div.demo span.icon.choppers { background-image: url('//icon.ontbrand.com/duotone/fff/biking.svg'); }
section.partner div.demo span.icon.settings { background-image: url('//icon.ontbrand.com/duotone/fff/sliders-h.svg'); }
section.partner div.demo span.bar { border-radius: 5px; display: inline-block; width: 100px; background: rgba(255,255,255,.3); height: 5px; vertical-align: middle; }
section.partner div.sidebar { width: 20%; padding: 30px; text-align: left; background-color: #000; color: rgba(255,255,255,.6); }
section.partner div.sidebar h2 { color: #fff; font-size: 20px; margin: 0; text-transform: none; letter-spacing: 0px; }
section.partner div.sidebar span.revenue { color: #78d672; font-weight: 700; display: block; margin: 0; }
section.partner div.sidebar ul { margin: 20px -30px; }
section.partner div.sidebar li { display: block; list-style: none; height: 20px; background: #222; line-height: 20px; padding: 20px 30px; }
section.partner div.content { height: 70vh; min-height: 500px; padding: 30px; width: 80%; position: relative; background: #f9f9f9; padding-top: 104px; }
section.partner div.content span.bar { width: 60px; background: rgba(0,0,0,.16); }
section.partner div.content div.top { position: absolute; font-size: 20px; left: 0; right: 0; text-align: left; top: 0;padding: 20px 30px; font-weight: 700; border-bottom: 1px solid #eee; background: #fff; }
section.partner div.content table { width: 100%; text-align: left; border: 1px solid #ddd; overflow: hidden; border-collapse: unset; border-spacing: 0; border-radius: 5px; }
section.partner div.content table th { border: 0; padding: 10px 20px; }
section.partner div.content table th:first-child { border-radius: 5px 0 0 0; }
section.partner div.content table td { border: 0; white-space: nowrap; padding: 10px 20px; background: #fff; border-bottom: 1px solid #eee; }
section.partner div.content table tr:last-child td { border: 0; }
section.partner div.content table td span.status { border: 10px solid #eee; border-radius: 3px; width: 50%; display: inline-block; height: 3px; background: #fff; vertical-align: middle; }
section.partner div.content table td span.status.green { border-color: #78d672; }
section.partner div.content table td span.status.blue { border-color: #3275f5; }
section.partner div.content table td span.status.orange { border-color: #f2a33c; }
section.partner div.content table td:last-child { white-space: normal; width: 100%; }

section.reserveren { padding-top: 0; padding-bottom: 0; background: #f9f9f9; }

section.reserveren div.column:first-child { width: 66%; padding-right: 0; }
section.reserveren div.column:last-child { width: 34%; padding-left: 0; }

section.reserveren div.notice { background: #88be39; padding: 30px; border-radius: 0 0 5px 0; }
section.reserveren div#book div.notice { border-radius: 5px; }
section.reserveren div.notice b { display: block; font-size: 20px; margin-bottom: 10px; padding-left: 30px; background: url('//icon.ontbrand.com/regular/000/exclamation-triangle.svg') no-repeat left center; background-size: 23px; }
section.reserveren div.notice a { color: #000; font-weight: 700; }

section.reserveren ul.usp { display: flex; justify-content: center; margin: 100px auto 0 auto; background: #fff; padding: 150px 0; }
section.reserveren ul.usp li { list-style: none; padding: 100px 50px 0 50px; color: rgba(0,0,0,.5); max-width: 400px; }
section.reserveren ul.usp li a { color: #000; }
section.reserveren ul.usp li.environmentally_friendly { background: url('//icon.ontbrand.com/regular/000/leaf-heart.svg') no-repeat top center; background-size: 60px; }
section.reserveren ul.usp li.nature { background: url('//icon.ontbrand.com/regular/000/tree-alt.svg') no-repeat top center; background-size: 60px; }
section.reserveren ul.usp li.quiet { background: url('//icon.ontbrand.com/regular/000/volume-slash.svg') no-repeat top center; background-size: 60px; }

section.reserveren div#book { padding: 50px; background: #fff; border-radius: 5px 0 5px 5px; box-shadow: rgba(0,0,0,.1) 0 0 30px; }
section.reserveren div#book div.input { font-size: 17px; width: 100%; }
section.reserveren div#book div.search { background: #f9f9f9; margin-bottom: 30px; }

section.reserveren div#book h2 { margin-bottom: 30px; }

section.reserveren div#book div.status { border-radius: 5px; padding: 10px 0; margin-bottom: 30px; text-align: center; }
section.reserveren div#book div.status.paid { background: #64d778; color: #fff; font-weight: 700; }
section.reserveren div#book div.status.cancelled { background: #dd4f42; color: #fff; font-weight: 700; }
section.reserveren div#book div.status.failed { background: #dd4f42; color: #fff; font-weight: 700; }
section.reserveren div#book form#retry { border: 1px solid #eee; border-radius: 5px; padding: 30px; margin-bottom: 30px; box-shadow: #eee 0 0 40px;  }

section.reviews div.wrap { margin: 0 auto; display: flex; }
section.reviews div.wrap div.review { transition: all .2s; z-index: 1; margin: 0 30px; position: relative; width: 100%; padding: 30px;text-align: center; }
section.reviews div.wrap div.review:after { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-radius: 8px; transform: skew(-4deg); background: #fff; box-shadow: rgba(0,0,0,.1) 0 0 50px; }
section.reviews div.wrap div.review img { width: 150px; border-radius: 75px; margin-top: -105px; box-shadow: rgba(0,0,0,.05) 0 0 50px; margin-left: 10px; }
section.reviews div.wrap div.review span.author { font-size: 22px; font-weight: 700; display: block; margin-top: 30px; }
section.reviews div.wrap div.review blockquote { font-size: 16px; line-height: 2; color: rgba(0,0,0,.7); margin: 30px 0; }
section.reviews div.wrap div.review div.stars { margin-top: 10px; display: inline-block; width: 100px; height: 20px; background: url('//icon.ontbrand.com/solid/ffd300/star.svg') repeat-x left center; background-size: 20px; }
section.reviews div.wrap:hover div.review { opacity: .3; }
section.reviews div.wrap:hover div.review:hover { opacity: 1; }

section.conditions div.wrap { text-align: left; max-width: 800px; margin: 0 auto; background: #fff; box-shadow: #eee 0 0 50px; padding: 50px; box-sizing: border-box; border-radius: 5px; }
section.conditions div.wrap ul,
section.conditions div.wrap ol { margin: 20px; }
section.conditions div.wrap ul { margin: 0 40px; }
section.conditions div.wrap h3 { margin: 20px 0; }

div.title,section.title { padding: 100px 0; text-align: left; }
div.title h1,section.title h1 { font-size: 40px; font-weight: 900; max-width: 840px; margin: 0 auto; }
div.title h3,section.title h3 { font-size: 20px; font-weight: 400; color: rgba(0,0,0,.5); text-transform: none; max-width: 840px; margin: 30px auto; }

section.aanbieders { padding: 0; font-size: 0; display: flex; }

section.aanbieders div.list { vertical-align: top; width: 320px; box-sizing: border-box; display: inline-block; border-top: 1px solid #f9f9f9;}
section.aanbieders div.list a { display: block; box-sizing: border-box; border-bottom: 1px solid #f9f9f9; text-decoration: none; margin: 0; width: 320px; padding: 30px; text-align: left; }
section.aanbieders div.list a span.title { font-size: 22px; font-weight: 700; display: block; color: rgba(0,0,0,1); margin-top: 10px; margin-bottom: 30px; }
section.aanbieders div.list a span.button { font-size: 16px; line-height: 2; text-align: center; color: #000; box-sizing: border-box; background: #88be39; padding: 10px 20px; border-radius: 5px; font-weight: 700; display: inline-block; width: 100%; }
section.aanbieders div.list a:hover { background-color: #f9f9f9; }

section.aanbieders div.map { background: #f9f9f9; height: 100vh; width: calc(100% - 320px); box-sizing: border-box; display: inline-block; }

/* e-chopper-kopen */
section.sale { padding-top: 0; max-width: 1400px; margin: 0 auto; }
section.sale .chopperContainer { display: flex; flex-wrap: wrap; margin: 0 30px; justify-content: center; }
section.sale .chopper { width: calc(33% - 40px); min-width: 340px; box-sizing: border-box; position: relative; background-color: #fff; border-radius: 5px; box-shadow: rgba(0,0,0,.1) 0 0 30px; margin: 0 20px; margin-top: 20px; margin-bottom: 20px; text-align: left; padding: 30px; }
section.sale .chopper.sold { opacity: .6; }
section.sale .chopper h2 { margin-bottom: 20px; }
section.sale .chopper.sold div.main_image { position: relative; }
section.sale .chopper.sold div.main_image:after { content: 'VERKOCHT'; bottom: 30px; left: 10px; font-weight: 900; font-size: 24px; z-index: 5; margin-left: 20px; background: #e12f34; padding: 14px; color: #fff; border-radius: 5px; transform: rotate(-4deg); transform-origin: left bottom; position: absolute; }
section.sale .chopper img.main { cursor: zoom-in; transition: .3s ease-in-out; z-index: 5; position: relative;  }
section.sale .chopper img.main.zoom { transform: scale(3); transform-origin: bottom; cursor: zoom-out; z-index: 6; }

section.sale .chopper ul { margin-bottom: 30px; margin-top: 30px; list-style: none; }
section.sale .chopper ul li { padding-left: 30px; }
section.sale .chopper a.readmore { color: #000; text-decoration: none; opacity: 1; display: block; padding-left: 20px; background: url('//icon.ontbrand.com/regular/000/plus-square.svg') no-repeat left center; background-size: 14px; }
section.sale .chopper a.readmore:hover { color: rgba(0,0,0,.6); }
section.sale .chopper a.button { margin: 30px 0 0 0; text-align: center; width: 100%; box-sizing: border-box; }
section.sale .chopper ul li.km { background: url('//icon.ontbrand.com/solid/000/route.svg') no-repeat left center; background-size: 15px; }
section.sale .chopper ul li.year { background: url('//icon.ontbrand.com/regular/000/calendar-alt.svg') no-repeat left center; background-size: 15px; }
section.sale .chopper ul li.battery { background: url('//icon.ontbrand.com/solid/000/car-battery.svg') no-repeat left center; background-size: 15px; }
section.sale .chopper ul li.notice { background: url('//icon.ontbrand.com/regular/000/tags.svg') no-repeat left 11px; background-size: 15px; }
section.sale .chopper ul li.new_price { background: url('//icon.ontbrand.com/regular/000/euro-sign.svg') no-repeat left center; background-size: 12px; }
section.sale .chopper ul li.specs a { padding-right: 20px; background: url('//icon.ontbrand.com/regular/000/external-link.svg') no-repeat right center; color: #000; background-size: 12px; }
section.sale .chopper ul li.specs a:hover { color: #88be39; }
section.sale .chopper div.price { font-weight: 900; font-size: 40px; margin: 50px 0 30px 0 }
section.sale .imgList { width: 100%; display: flex; position: relative; justify-content: space-between; }
section.sale .imgList img { width: 33%; background-color: gray; margin: 0 5px; opacity: .4; }
section.sale .imgList img.active { opacity: 1; }
section.sale .imgList img:first-child { margin-left: 0; }
section.sale .imgList img:last-child { margin-right: 0; }
section.sale img { transform: rotate(0); }

section.footer { background: #111 url('/assets/images/footer-bg.jpg?') no-repeat right bottom; background-size: auto 100%; color: rgba(255,255,255,.9); padding-bottom: 30px; padding-top: 80px; }
section.footer h3 { margin-bottom: 20px; }
section.footer a { color: #88be39; }
section.footer a.logo { margin-bottom: 70px; display: block; height: 58px; }
section.footer a.logo path { fill: #88be39; }
section.footer a.logo:hover path { fill: #fff; }
section.footer a:hover { color: #fff; }
section.footer address { margin-bottom: 20px; font-style: normal; line-height: 1.7; }
section.footer address b { display: block; margin-bottom: 10px; }
section.footer div.socials { margin-top: 20px; }
section.footer div.socials a { display: inline-block; width: 30px; height: 30px; margin-right: 10px; opacity: .5; }
section.footer div.socials a:hover { opacity: 1; }
section.footer div.socials a#facebook { background: url('//icon.ontbrand.com/brands/fff/facebook-square.svg') no-repeat; }
section.footer div.socials a#instagram { background: url('//icon.ontbrand.com/brands/fff/instagram.svg') no-repeat; }
section.footer div.columns { display: flex; justify-content: space-between; }
section.footer div.column { width: auto; font-size: 14px; padding: 20px; }
section.footer div.column.wide { width: 38%; }
section.footer div.column.wide ul { display: flex; flex-wrap: wrap; }
section.footer div.column.wide ul li { margin-right: 20px; width: calc(50% - 10px); }
section.footer div.column.wide ul li:nth-child(even) { margin-right: 0; }
section.footer div.column:first-child { padding-left: 0; text-align: left; padding-top: 0; }
section.footer div.column:last-child { padding-right: 0; }
section.footer div.column { padding-top: 130px; }
section.footer div.column li { list-style: none; }
section.footer div.column li a { padding-left: 14px; transition: all .2s; background: url('//icon.ontbrand.com/regular/fff/chevron-right.svg') no-repeat left center; background-size: 5px; }
section.footer div.column li a:hover { background-position: 3px center; }
section.footer div.column li span { display: inline-block; width: 26px; font-weight: 700; }
section.footer div#bottom { border-top: 1px solid rgba(255,255,255,.05); margin-top: 80px; font-size: 14px; }
section.footer div#bottom div.wrap { display: flex;}
section.footer div#bottom p { text-align: left; display: block; width: 50%; line-height: 1; }
section.footer div#bottom ul { display: block; width: 50%; text-align: right; margin-top: 2em; line-height: 1; }
section.footer div#bottom ul li { display: inline-block; margin-left: 20px; }

section.features h2 { margin-bottom: 100px; }
section h4 { color: rgba(0,0,0,.2); }
section.features div.features { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1400px; margin: 0 auto; }
section.features div.feature { max-width: 50%; display: flex;  padding: 0 25px; box-sizing: border-box; text-align: left; margin-bottom: 80px; }
section.features div.feature h3 { font-weight: 900; }
section.features div.feature p { margin-top: 20px; }
section.features div.feature div.image { width: 70%; padding-right: 40px; }
section.features div.feature div.image img { transform: none; }
section.features div.feature div.text p span { display: inline-block; font-size: 15px; color: rgba(0,0,0,.5) }

section.faq { background: #f9f9f9; padding: 100px 0; }
section.faq h2 { margin-bottom: 100px; }
section.faq p { margin-top: 100px; }
section.faq li { margin-bottom: 10px; font-size: 19px; }
section.faq li,
section.faq li span { display: block; }
section.faq li span.question { padding: 14px 0; padding-left: 40px; cursor: pointer; background: #fff url('//icon.ontbrand.com/solid/000/chevron-down.svg') no-repeat 15px 23px; background-size: 15px; }
section.faq li span.answer { padding: 20px; border: 1px solid #88be39; background: #fff; color: rgba(0,0,0,.7); }
section.faq li:hover span.question { background-color: #eee; }
section.faq li span.answer { display: none; }
section.faq li.open span.question { background-color: #88be39; background-image: url('//icon.ontbrand.com/solid/000/chevron-up.svg'); font-weight: 700; }
section.faq li.open span.answer { display: block; }

section.join-us div.title  { margin-bottom: 100px; }
section.join-us div.title h2 { max-width: 1000px; font-size: 70px; text-transform: none; line-height: 1.1; padding-bottom: 50px; border-bottom: 1px solid #eee; margin-bottom: 30px; margin: 0 auto; text-align: left; }
section.join-us div.title ul { display: flex; list-style: none; margin: 50px auto; max-width: 1000px; }
section.join-us div.title ul li { text-align: left; width: 100%; color: rgba(0,0,0,.5); padding-left: 40px; background: url('//icon.ontbrand.com/solid/0077ff/check-circle.svg') no-repeat left 10px; background-size: 30px; }
section.join-us div.title ul li:nth-child(2) { margin: 0 30px; }
section.join-us div.title ul li b { margin-right: 5px; color: rgba(0,0,0,1); }
section.join-us div.title ul li span { display: none; }
section.join-us div.title p { color: rgba(0,0,0,.5); }

section.join-us img.verhuur { width: 100%; max-width: 1300px; }

section.contact { padding-top: 0; background: #f9f9f9 url('/assets/images/locatie-bg.jpg') no-repeat bottom left; }
section.contact section.title { position: relative; display: none; }
section.contact ul.contact-options { display: flex; justify-content: space-between; padding: 70px 0; }
section.contact ul.contact-options li { display: block; width: 100%; text-align: left; margin-right: 30px; }
section.contact ul.contact-options li:last-child { margin-right: 0; }
section.contact ul.contact-options li a { display: block; transition: all .2s; border-radius: 5px; line-height: 1; height: 78px; padding: 30px 40px; padding-left: 60px; box-shadow: #eee 0 0 10px; color: #000; text-decoration: none; font-weight: 600; box-sizing: border-box; font-size: 17px; background: #fff url('//icon.ontbrand.com/regular/000/comment-alt-dots.svg') no-repeat 25px center; background-size: 20px auto; }
section.contact ul.contact-options li a:hover {  box-shadow: #ccc 0 0 20px; color: rgba(0,0,0,.7); border-color: #88be39; }
section.contact ul.contact-options li a span.title { display: block; margin-top: -9px; }
section.contact ul.contact-options li a span.sub { position: absolute; color: rgba(0,0,0,.5); margin-top: 6px; font-weight: 400; font-size: 13px; }
section.contact ul.contact-options li a span.sub span.dot.green { width: 6px; height: 6px; border-radius: 5px; display: inline-block; margin-right: 5px; vertical-align: top; margin-top: 5px; background-color: #78d672; }

section.contact ul.contact-options li a.whatsapp { background-image: url('//icon.ontbrand.com/brands/000/whatsapp.svg'); }
section.contact ul.contact-options li a.bellen { background-image: url('//icon.ontbrand.com/regular/000/phone-alt.svg'); }
section.contact ul.contact-options li a.e-mail { background-image: url('//icon.ontbrand.com/regular/000/mail-bulk.svg'); }

section.contact div.column { padding: 0; }
section.contact div.column div.blocks { display: flex; justify-content: space-between; padding-top: 50px; }
section.contact div.column div.blocks div.block { width: 50%; margin-right: 30px; }
section.contact div.column div.blocks div.block:last-child { margin-right: 0; }

section.contact div.form { box-shadow: #eee 0 0 10px; padding: 50px 60px; border-radius: 5px; margin-left: 15px; background: #fff; }
section.contact div.form h3 { line-height: 1.2; margin-bottom: 20px; }
section.contact div.form i { display: block; color: rgba(0,0,0,.5); margin-bottom: 20px; font-size: 14px; }
section.contact div.form div#message div { margin-bottom: 20px; border-left: 3px solid #f9f9f9; padding: 20px; background: #f9f9f9; border-radius: 0 5px 5px 0; text-align: center; }
section.contact div.form div#message div.error { border-color: #f00; }
section.contact div.form div#message div.succes { border-color: #78d672; }

@media all and (max-width: 700px) {

	html { overflow-x: hidden; }
	.mobile { display: block !important; }
	body.menu-open { overflow: hidden; height: 100vh; }
	div.wrap { padding: 0 10px;}
	
	a.menu { position: absolute; left: 20px; top: 19px; width: 30px; height: 24px; cursor: pointer; }
	a.menu span { transition: .2s all; display: block; width: 100%; margin-top: 10px; height: 4px; background: #fff; position: absolute; }
	a.menu span:first-child { margin-top: 0; }
	a.menu span:last-child { margin-top: 20px; }
	
	body.menu-open a.menu span:nth-child(2) { opacity: 0; }
	body.menu-open a.menu span:first-child { margin-top: 10px; transform: rotate(45deg); }
	body.menu-open a.menu span:last-child { margin-top: 10px; transform: rotate(-45deg); }
	
	a.tel { position: absolute; right: 20px; top: 18px; width: 30px; height: 26px; cursor: pointer; background: url('//icon.ontbrand.com/solid/fff/phone-square.svg') no-repeat center; background-size: auto 30px; }
	
	div#header div#topbar,
	div#header a.button,
	form#search:before,
	section.reviews,
	div#top div.column a.more { display: none; }
	
	div#header { padding: 0; border-bottom: 1px solid rgba(0,0,0,.06); text-align: center; } 
	div#header a.logo { position: relative; left: 0; margin: 0; width: 50%; height: 24px; margin: 19px 0; display: inline-block; }
	
	div#header ul.menu { background: rgba(0,0,0,.95); z-index: 10; margin: 1px 0 0 0; padding: 0; text-align: left; position: absolute; left: 0; right: 0; height: 100vh; display: none; }
	div#header ul.menu.open { display: block; z-index: 100 !important; opacity: 1; animation: show .2s; }
	@keyframes show { 0% { opacity: 0; margin-top: -10px; } }
	div#header ul.menu li { display: block; padding: 0; margin: 0; }
	div#header ul.menu li a { font-weight: 900; font-size: 17px; border-bottom: 1px solid rgba(255,255,255,.1); display: block; padding: 20px; margin: 0; text-transform: uppercase; line-height: 1; color: #fff; }
	div#header ul.menu li a:hover,
	div#header ul.menu li a.active { color: #88be39; }
	div#header ul.menu li.small a { text-transform: none; font-size: 16px; font-weight: 400; padding: 10px 20px; border: 0; }
	div#header ul.menu li.small.first a { margin-top: 20px; }
	
	div#top { padding-top: 0; }
	div#top::before { animation: none; }
	div#top div.columns { padding: 50px 0 0 0; }
	div#top div.column h1 { font-size: 31px; }
	div#top div.column p { font-size: 16px; }
	div#top div.column li { font-size: 16px; }
	div.columns { display: block !important; padding: 50px 0 0 !important; }
	div.column { display: block !important; padding: 0 10px !important; width: 100% !important; box-sizing: border-box !important; margin-bottom: 50px; }
	
	div.goodweather { cursor: pointer; padding: 20px; margin: 0 -20px; height: 24px; overflow: hidden; border-radius: 0; }
	div.goodweather.large { height: auto; }
	div.goodweather:hover { background: #000; }
	div.goodweather h3 { font-size: 17px; }
	div.goodweather h3:after { content: ""; width: 20px; height: 20px; margin: 2px 0 0 10px; vertical-align: top; display: inline-block; background: url('//icon.ontbrand.com/regular/000/chevron-down.svg') no-repeat right center; }
	div.goodweather.large h3:after { background-image: url('//icon.ontbrand.com/regular/000/chevron-up.svg') }
	div.goodweather p { font-size: 15px; margin: 20px 0; color: rgba(255,255,255,.7) }

	form#search { width: calc(100% + 40px); box-sizing: border-box; padding: 30px; margin: 50px -20px 0 -20px; border-radius: 0; background: rgba(255,255,255,1); }

	section { padding: 50px 0; }
	section h2 { font-size: 26px; }
	section img { margin: 40px 0; }

	a.button { width: 100%; box-sizing: border-box; text-align: center; }

	section.reserveren { padding: 0; }
	section.reserveren div.columns { padding: 0 !important; }
	section.reserveren div.columns div.column { padding: 0 20px !important; margin: 0; }
	section.reserveren div#book { border-radius: 0; padding: 20px; margin: 0 -20px; } 
	section.reserveren div#book div.steps { margin: 0 -20px 20px -20px;} 
	section.reserveren div#book div.steps ul { padding: 20px; } 
	section.footer h3 { margin-top: 50px; }
	section.reserveren div.column:last-child h1 { font-size: 24px; }
	section.reserveren div.notice { margin: 0 -20px; border-radius: 0; }
	
	section.reserveren ul.usp { flex-wrap: wrap; margin: 0; padding: 40px 0 }
	section.reserveren ul.usp li { margin: 0 0 30px 0; padding-top: 60px; background-size: 40px !important; }
	
	section.routes div.columns div.column { padding: 0 20px !important; }

	section.footer div#bottom div.wrap { display: block; }
	section.footer div#bottom p { width: 100%; text-align: center; }
	section.footer div#bottom ul { width: 100%; text-align: center; }

	section.faq { padding: 50px 0; }
	section.faq div.column { margin-bottom: 0; }
	section.faq h2 { margin: 0; }
	section.faq li span.question { font-size: 15px; padding-right: 20px; line-height: 1.2; background-position: 13px 16px; }
	section.faq li span.answer { font-size: 15px; line-height: 1.8; }

	section.features div.features { display: block; }
	section.features div.features div.feature { max-width: 100%; width: 100%; display: block; }
	section.features div.features div.feature div.image { width: 100%; padding: 0; } 

	section.conditions { padding: 0; }
	section.conditions div.wrap { padding: 30px 20px; font-size: 14px; }
	section.conditions div.wrap h1 { line-height: 1.2; }
	section.conditions div.wrap h3 { line-height: 1.4; }

	body#home.menu-open div#header { background: #000; border-bottom: 1px solid #222; }
	body#home.menu-open div#header svg g:first-child path { fill: #88be39; }

	section.routes { padding: 0; }
	section.routes img { margin: 0; } 
	section.routes img.qr { display: none; }
	section.routes a img { display: none; }

	section.contact div.columms { padding: 0; }
	section.contact ul.contact-options { flex-wrap: wrap; padding: 20px 0; }
	section.contact ul.contact-options li { width: 100%; margin: 0 0 5px 0; }
	section.contact div.column div.blocks { flex-wrap: wrap; padding: 0; }
	section.contact div.column div.blocks div.block { width: 100%; margin: 0 0 30px 0; }
	section.contact div.form { padding: 30px; margin: 0; }
	
	section.title { padding: 30px 20px !important; width: 100%; box-sizing: border-box; }
	div.title h1,section.title h1 { font-size: 26px; line-height: 1.2; }
	div.title,section.title { padding: 30px 20px !important; width: 100%; box-sizing: border-box;text-align: left; }
	
	section.sale .chopper { width: 100%; }
	
}

.numInputWrapper { display: none !important; }
.flatpickr-current-month .flatpickr-monthDropdown-months { font-weight: 700 !important; text-transform: capitalize; font-size: 16px; }
.flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: none !important; }
span.flatpickr-weekday { text-transform: uppercase; color: #000 !important; }
.flatpickr-months .flatpickr-month { padding: 10px 0; }
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { font-weight: 700; border: 0; color: #000 !important; background-color: #f8c800 !important;  }