@charset "utf-8";
/* CSS Document */
@import url('fonts/custom-fonts.css');

body { font-family:'avenirheavy'; }

body.helix-ultimate .sppb-row-container { max-width:1600px; }
.sppb-row-container { width:100%; }

.vtn-section-menu-mobile { display:none; }
.vtn-section-menu-mobile .container { max-width:none; padding:0; margin:0; width:calc(50% - 15px); position:relative; }
.vtn-section-menu-mobile .container .container-inner { position:absolute; right:15px; top:15px; }

#vtn-module-header { position:relative; z-index:11; }
#vtn-module-header .vtn-col-1 .sppb-addon-title { text-align:center; color:rgba(255,255,255,0); background-image:url('../../../images/vtn/logo.svg'); background-repeat:no-repeat; background-size:contain; background-position:50% 50%; margin-top:40px; padding:45px 0; }

#vtn-module-header .sppb-row {  }


#vtn-module-header .sppb-row div.sppb-col-md-6:first-child { min-height:600px; }
#vtn-module-header .sppb-row div.sppb-col-md-6:first-child::before { content:""; display:block; position:absolute; bottom:-200px; left:0; width:115%; height:540px; z-index:5; background-image:url('../../../images/vtn/crankset.png'); background-position:left top; background-repeat:no-repeat; background-size:contain; }
.vtn-head-info .sppb-addon-content { text-align:right; color:#5E0000; font-size:20px; line-height:1.4em; font-family:'krungthepregular'; }

.vtn-head-text .sppb-addon-content h1 {
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 600;
    margin-bottom: 10px!important;
}

.vtn-head-text .sppb-addon-content h2 { font-size:28px; line-height:1.2em; font-weight:600; margin-bottom:1em; }
.vtn-head-text .sppb-addon-content { font-size:18px; line-height:1.4em; }

/*
.vtn-mega-menu.dj-megamenu-select-dark .dj-mobile-open-btn,
.vtn-mega-menu.dj-megamenu-offcanvas-dark .dj-mobile-open-btn,
.vtn-mega-menu.dj-megamenu-accordion-dark .dj-mobile-open-btn { background-color:transparent !important; }
*/

.dj-megamenu-default.vtn-mega-menu { background:none; }
.dj-megamenu-default.vtn-mega-menu li a.dj-up_a { color:#000; }
.dj-megamenu-default.verticalMenu.vtn-mega-menu li a.dj-up_a { border:none; font-weight:normal; font-size:1.3vw; font-family:'krungthepregular'; line-height:1em; }
.dj-megamenu-default.verticalMenu.vtn-mega-menu li a.dj-up_a span { position:relative; z-index:10; }

.dj-megamenu-default.vtn-mega-menu li.dj-up.hover a.dj-up_a,
.dj-megamenu-default.vtn-mega-menu li.dj-up a.dj-up_a:hover { background:none; color:#000; }

.dj-megamenu-default.vtn-mega-menu li:hover a.dj-up_a,
.dj-megamenu-default.vtn-mega-menu li.hover a.dj-up_a,
.dj-megamenu-default.vtn-mega-menu li.active a.dj-up_a { background:none; color:#000; position:relative; }

.dj-megamenu-default.vtn-mega-menu li:hover a.dj-up_a::after,
.dj-megamenu-default.vtn-mega-menu li.hover a.dj-up_a::after,
.dj-megamenu-default.vtn-mega-menu li.active a.dj-up_a::after { content:""; display:block; position:absolute; height:100%; width:50px; top:0; left:-15px; z-index:1; background-image:url('../../../images/vtn/menu-active.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:34px; }

#vtn-module-header .sppb-btn.vtn-scooter-reserveren.sppb-btn-custom { background-color: transparent !important; border:solid 3px #5E0000; font-family:'krungthepregular'; display:inline-block; position:relative; }
#vtn-module-header .sppb-btn.vtn-scooter-reserveren.sppb-btn-custom::before { content:""; display:block; position:absolute; height:100%; width:60px; left:-70px; top:0; background-image:url('../../../images/vtn/fietslamp.svg'); background-repeat:no-repeat; background-size:contain; background-position:50% 50%; }

#vtn-module-header .sppb-btn.vtn-scooter-reserveren.sppb-btn-custom.mobile { display:none; border-color:#FFF; }
#vtn-module-header .sppb-btn.vtn-scooter-reserveren.sppb-btn-custom.mobile::before { background-image:url('../../../images/vtn/fietslamp_white.svg'); }

#vtn-section-fietsreparatie .sppb-btn.vtn-bel-direct.sppb-btn-custom { background-color:transparent !important; border:solid 3px rgba(255,255,255,1); font-family:'krungthepregular'; }
#vtn-section-fietsreparatie .sppb-btn.vtn-bel-direct.sppb-btn-custom:hover { border-color:rgba(255,255,255,0.7); }

.vtn-main-body { background-color:#6e0001; background-image:url('../../../images/vtn/ketting_bg.jpg'); background-repeat:no-repeat; background-position:right center; position:relative; }
/*
.vtn-main-body::before { content:""; position: absolute; display:block; top:-300px; left:0; width:55%; height:40%; z-index:11;
background-image:url('../../../images/vtn/crankset.png'); background-position:left top; background-repeat:no-repeat; background-size:contain;
}
*/
.vtn-main-body > .row { position:relative; z-index:12; }

.vtn-main-body .sppb-addon-title,
.vtn-main-body h3  { font-family:'krungthepregular'; }
.vtn-main-body h2.sppb-addon-title { font-size:60px; }

#sp-main-body.vtn-main-body .sppb-btn.vtn-scooter-reserveren.sppb-btn-custom { background-color: transparent !important; border:solid 2px #5E0000; font-family:'krungthepregular'; display:inline-block; position:relative; border:solid 3px #B70000; }
#sp-main-body.vtn-main-body .sppb-btn.vtn-scooter-reserveren.sppb-btn-custom::before { content:""; display:block; position:absolute; height:100%; width:60px; left:-70px; top:0; background-image:url('../../../images/vtn/fietslamp_white.svg'); background-repeat:no-repeat; background-size:contain; background-position:50% 50%; }

.sp-page-builder .page-content #vtn-section-gasflessen { padding-bottom:0; border:dashed #B70000 8px; box-sizing:border-box; max-width:1200px; margin:0 auto !important; border-bottom:none; border-top-left-radius:90px; border-top-right-radius:90px; }

.sp-page-builder .page-content #vtn-section-gasflessen .sppb-title-heading { font-family:'krungthepregular'; font-size:50px; }
.sp-page-builder .page-content #vtn-section-gasflessen .sppb-title-subheading { font-family:'krungthepregular'; font-size:30px; color:#FFF; }

#sp-page-builder  #vtn-section-gasflessen .sppb-section-title { margin-bottom:20px; }

.sp-page-builder .page-content #vtn-section-gasflessen .vtn-assortiment p { max-width:1000px; margin:0 auto; }

.vtn-price-table.desktop{ display:block; }
.vtn-price-table.mobile{ display:none; }
.vtn-price-table .table { display:table; color:#fff; font-family:'krungthepregular'; }
.vtn-price-table .table .row { display:table-row; }
.vtn-price-table .table .row .cell{ display:table-cell; padding:2px 20px; }
.vtn-price-table .table .row.head .cell{ border-bottom:solid 2px rgba(255,255,255,0.5); }

.vtn-section-menu-mobile  h2 {
    display: none;
}

#jf_mm_menu a {
    color: #fff!important;
}

#vtn-gasflessen-slider { background-color:#b70000; }
#vtn-gasflessen-slider .sppb-row-container { max-width:none; padding:0; }
#vtn-gasflessen-slider .djslider-loader.djslider-loader-default { overflow:visible; }
#vtn-gasflessen-slider .djslider.djslider-default .slider-container { overflow:visible; }
#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li { overflow:visible; }
#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li .dj-image { display:block; position:relative; top:-40px; max-width:140px; margin:0 auto !important;}

#vtn-gasflessen-slider .slide-desc-text-default .slide-title { text-align:center; font-family:'krungthepregular'; font-weight:normal; line-height:1.1em; }
#vtn-gasflessen-slider .slide-desc-bg-default { background-color:rgba(0,0,0,0.1); }

#vtn-gasflessen-slider .slide-desc-text-default { position:absolute; width:100%; top:0; }

#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li.vtn-slide-1 .dj-image { top:10px; }
#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li.vtn-slide-2 .dj-image { top:-120px; }
#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li.vtn-slide-3 .dj-image { top:-90px; }
#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li.vtn-slide-4 .dj-image { top:-100px; max-width:210px; }

#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li.vtn-slide-2 .slide-desc-text.slide-desc-text-default { top:-120px; }
#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li.vtn-slide-3 .slide-desc-text.slide-desc-text-default { top:-90px; }
#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li.vtn-slide-4 .slide-desc-text.slide-desc-text-default { top:-10px; }
#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li.vtn-slide-5 .slide-desc-text.slide-desc-text-default { top:-40px; }

ul#slider99.djslider-in img.dj-image {
    -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.62);
-moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.62);
box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.62);
    border-radius: 100px; 
}

.sp-page-builder .page-content #vtn-section-fietsreparatie .sppb-title-heading { font-family:'krungthepregular'; font-size:50px; line-height:1em; }

.sp-page-builder .page-content #vtn-section-fietsreparatie .sppb-title-subheading { max-width:1000px; margin:0 auto; }

.sp-page-builder .page-content #vtn-section-fietsreparatie .sppb-row-overlay::before { content:""; display:block; position:absolute; left:2%; width:20%; height:90%; top:-40px; background-image:url('../../../images/vtn/sleutel.svg'); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;  }


section#vtn-section-gasflessen.sppb-section.vtn-section-gasflessen div.sppb-row-overlay::before {  content: "";
    display: block;
    position: absolute;
    left: -80px;
    width: 6%;
    height: 100%;
    top: 0px;
    background-image: url('../../../images/vtn/mini-bike.svg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;  }

.sp-page-builder .page-content #vtn-section-campingartikelen .sppb-row-overlay::before { content:""; display:block; position:absolute; top:-110px; right:5%; height:180px; width:180px; background-image:url('../../../images/vtn/ketting.svg'); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; }


.sp-page-builder .page-content #vtn-section-campingartikelen .sppb-column.vtn-col-1 { box-sizing:border-box; padding:60px 100px; border: dashed #600000 8px; border-radius:45px; }

.sppb-btn.vtn-button { font-family:'krungthepregular'; border:solid 3px #5E0000; padding-bottom:12px; }
.sppb-btn.vtn-button.white { border-color:rgba(255,255,255,1); }
.sppb-btn.vtn-button.white:hover { border-color:rgba(255,255,255,0.7); }

#sp-footer { background-image:url('../../../images/vtn/footer_bg.jpg'); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative; }
#sp-footer .container { max-width:1600px; box-sizing:border-box; padding:0 120px; }
#sp-footer .sppb-addon-title { font-family:'krungthepregular'; font-size:50px; line-height:1em; }
#sp-footer .sppb-addon-content p > a { color:inherit; }
#sp-footer .sppb-addon-content p > a:hover { opacity:0.7; }
#sp-footer .sppb-addon-content p.opening { font-family:'krungthepregular'; font-size:16px; }
#sp-footer .sp-copyright { float:right; font-family:'krungthepregular'; }
#sp-footer::before { content:""; width:100%; height:350px; display:block; position:absolute; top:-190px; z-index:22; background-image:url('../../../images/vtn/fietspad.svg'); background-position:left top; background-repeat:no-repeat; background-size: contain; }

#sp-footer .vtn-logo-footer { max-width:200px; }
#sp-footer .vtn-googlemaps { position:relative; }
#sp-footer .vtn-googlemaps::before { content:""; display:block; position:absolute; width:130px; height:130px; z-index:10; top:-65px; left:-65px; background-image:url('../../../images/vtn/map.svg'); background-position:50% 50%; background-repeat:no-repeat; background-size: contain; }

.tmp { border: solid 1px #00FF00 !important; box-sizing:border-box !important; }


@media only screen and (max-width:1440px){
	#vtn-module-header .sppb-row div.sppb-col-md-6:first-child::before { bottom:-290px; }
	.sp-page-builder .page-content #vtn-section-fietsreparatie .sppb-row-overlay::before { top:-100px; }
}

@media only screen and (max-width:1350px){
	.vtn-mega-menu-wrapper .dj-megamenu-wrapper { display:none; }
	.vtn-section-menu-mobile { display:block; }
	.vtn-section-menu-mobile .dj-megamenu-wrapper { position: relative; z-index:100; }
	
	#vtn-module-header .vtn-col-1 .sppb-addon-title { margin-top:70px; padding:30px 0; }
	.vtn-module-header .vtn-col-2 { }
	#vtn-row-description .sppb-row .sppb-col-md-4 { display:none; }
    #vtn-row-description .sppb-row .sppb-col-md-8 {max-width:none; }
	
	#column-wrap-id-1553673915965 { flex: 0 0 10%; max-width:none; }
	#column-wrap-id-1553673915966 { flex: 0 0 45%; max-width:none; }
	#column-wrap-id-1553673915974 { flex: 0 0 45%; max-width:none; }
	
}
@media only screen and (max-width:1200px){
	.vtn-price-table.desktop{ display:none; }
	.vtn-price-table.mobile{ display:block; max-width:640px; margin:0 auto; }
	
	.vtn-price-table.mobile .table .row.head .cell { width:50%; }
	
	.sppb-section.vtn-section-1 .sppb-row { flex-direction: column-reverse; padding:0 40px; }
	.sppb-section.vtn-section-1 .sppb-row > div { flex: 0 0 100%; max-width:none; }
	.sppb-column.vtn-col-bike {  }
	
	.sppb-column.vtn-col-bike .sppb-addon.sppb-addon-single-image { max-width:800px; margin:0 auto; }
	
	#sp-footer { padding-top:20px !important; }
	#sp-footer .vtn-googlemaps::before { display:none; }
	
	.sppb-section.vtn-section-2 .sppb-section-title .sppb-title-heading { text-align:center; }
    
    .dj-megamenu-wrapper {
        display: none;
    }
	
}

@media only screen and (max-width:991px){
	.vtn-section-menu-mobile .container { width:100%; }
	#vtn-module-header .sppb-btn.vtn-scooter-reserveren.sppb-btn-custom.mobile { display:block; }
	#vtn-module-header .sppb-btn.vtn-scooter-reserveren.sppb-btn-custom.desktop { display:none; }
	
	.sppb-column.vtn-col-bike .sppb-addon.sppb-addon-single-image { max-width:600px; }
	#vtn-module-header .sppb-row div.sppb-col-md-6:first-child::before { width:60%; height:460px; }
	#sppb-addon-1553673587261 { padding:0 55px !important; }
	#section-id-1553673587263 { display:none; }
	.sp-page-builder .page-content #vtn-row-description { padding-bottom:0 !important; }
	#sppb-addon-1553922563849 .sppb-text-left { text-align:center; }
	
	.vtn-scooter-reserveren.mobile { max-width:480px; margin:0 auto; margin-top:100px; }
	
	.sppb-section.vtn-section-campingartikelen .sppb-addon-title { text-align:center; margin-top:1em !important; }
	.sppb-section.vtn-section-campingartikelen .vtn-button.white { display:block; margin:0 auto; max-width:480px; }
	
	#sp-footer::before { background-size: 1300px; background-position:right; }
	
	.sppb-section.vtn-section-footer .sppb-row { margin-left:0; margin-right:0; flex-direction: column-reverse; }
	
	.sp-page-builder .page-content #vtn-section-gasflessen { width:96%; padding-bottom:150px !important; }
	.sp-page-builder .page-content #vtn-section-gasflessen .sppb-title-heading { line-height:1.1em; font-size:40px; }

	#vtn-gasflessen-slider { padding-bottom:120px; }
	
	.sppb-section.vtn-section-1 .sppb-addon-title { font-size:40px; line-height:1.1em; }
	
	.sppb-section.vtn-header-bottom { box-sizing:border-box; padding:20px 55px !important; }
	
	#column-wrap-id-1553673915965 { flex: 0 0 0%; max-width:none; display:none; }
	#column-wrap-id-1553673915966 { flex: 0 0 50%; max-width:none; }
	#column-wrap-id-1553673915974 { flex: 0 0 50%; max-width:none; }
	.sp-page-builder .page-content #vtn-section-fietsreparatie .sppb-title-heading { font-size:40px; line-height:1.1em; }
    
    .dj-megamenu-wrapper {
        display: none;
    }
	
}

@media only screen and (max-width:800px) {
	#vtn-gasflessen-slider .slide-desc-text-default .slide-title { font-size:1em; }
	
	#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li.vtn-slide-1 .slide-desc-text.slide-desc-text-default { top:70px; }
	#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li.vtn-slide-2 .slide-desc-text.slide-desc-text-default { top:-30px; }
	#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li.vtn-slide-3 .slide-desc-text.slide-desc-text-default { top:-20px; }
	#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li.vtn-slide-4 .slide-desc-text.slide-desc-text-default { top:10px; }
	#vtn-gasflessen-slider .djslider.djslider-default  .slider-container ul.djslider-in > li.vtn-slide-5 .slide-desc-text.slide-desc-text-default { top:-10px; }	
	
	#vtn-gasflessen-slider { padding-bottom:190px  }
	
}

@media only screen and (max-width:700px) {
	#sp-footer .container { padding:0; }
	#column-wrap-id-1553928711879 { padding:0 55px; }
}

@media only screen and (max-width:640px) {
	.vtn-scooter-reserveren.mobile { max-width:300px; }
	.vtn-price-table.mobile { max-width:480px; }
	.sp-page-builder .page-content #vtn-section-fietsreparatie .sppb-row-overlay::before { height:50%; }
	#sp-footer .sp-copyright { margin-right:80px; }
	.sp-page-builder .page-content #vtn-header-blok-info-top { padding-right:40px !important; }	
	#vtn-module-header .sppb-row div.sppb-col-md-6:first-child::before { height:400px; }
}

@media only screen and (max-width:520px) {
	.sp-page-builder .page-content #vtn-section-campingartikelen .sppb-column.vtn-col-1{ padding:20px 40px; }
	.sp-page-builder .page-content #vtn-section-campingartikelen .sppb-row-overlay::before { top:-70px; }
	.vtn-price-table.mobile { max-width:360px; }
	#column-id-1553922563831 { padding-left:0 !important; }
}

@media only screen and (max-width:480px) {
	#sp-main-body.vtn-main-body .sppb-btn.vtn-scooter-reserveren.sppb-btn-custom { max-width:300px; display:block; margin:0 auto; }
	
	#column-wrap-id-1553673915966 { flex: 0 0 100%; max-width:none; }
	#column-wrap-id-1553673915974 { flex: 0 0 100%; max-width:none; }
	#vtn-module-header .vtn-col-1 .sppb-addon-title { padding:15px 0; }	
	
}

@media only screen and (max-width:440px) {
	.vtn-scooter-reserveren.mobile { max-width:250px; }
	#sp-main-body.vtn-main-body .sppb-btn.vtn-scooter-reserveren.sppb-btn-custom { max-width:250px; }
	
	
}

@media only screen and (max-width:380px) {
	.sp-page-builder .page-content #vtn-header-blok-info-top { padding-right:20px !important; }
	#sppb-addon-1553673587261 { padding:0 20px !important; }
	.sp-page-builder .page-content #vtn-header-bottom { padding:0 20px !important; }
	
	.sppb-section.vtn-section-1 .sppb-row { padding:0 5px; }
	#column-wrap-id-1553928711879 { padding:0 20px; }
}

@media only screen and (max-width:360px) {
	.vtn-scooter-reserveren.mobile { max-width:210px; }
	#sp-main-body.vtn-main-body .sppb-btn.vtn-scooter-reserveren.sppb-btn-custom { max-width:210px; }
	.vtn-price-table.mobile { max-width: none; }
	.vtn-price-table .table .row .cell { padding:2px 10px; }
	.table .row { margin:0; }
	
	.sp-page-builder .page-content #vtn-section-gasflessen .sppb-title-heading { font-size:30px; }
	.sp-page-builder .page-content #vtn-section-fietsreparatie .sppb-title-heading { font-size:30px; }
	.sppb-section.vtn-section-1 .sppb-addon-title { font-size:30px; }
	#sp-page-builder .sppb-section-title .sppb-title-heading { font-size:30px; }
	#sp-footer .sppb-addon-title { font-size:30px; margin-bottom:10px !important; }
	#sp-footer .sp-copyright { margin-left:20px; }
	
	#vtn-module-header .sppb-row div.sppb-col-md-6:first-child::before { height:380px; width:70%; }
	.sp-page-builder .page-content #vtn-section-campingartikelen .sppb-column.vtn-col-1 { padding:20px; }
	
	
	#vtn-module-header .vtn-col-1 .sppb-text-center { padding-left:20px; }
	
	.sppb-column.vtn-col-bike .sppb-column-addons #sppb-addon-1553842563871 .sppb-text-center { padding-left:20px; }
}

.prijstabel {
    color: #fff;
font-family: 'krungthepregular';
    overflow-x:auto;
    overflow-y: hidden;
}

.prijstabel tr:first-child {
    border-bottom: solid 2px rgba(255,255,255,0.5);
}

.prijstabel td {
    padding: 2px 20px;
}


#vtn-module-header .sppb-row div.sppb-col-md-6:first-child::before{
	display: none;
}