@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
body, p, a, span, h1, h2, h3, h4, h5, ul, li, table, td, tr{
    font-family: 'Poppins', sans-serif;
}
body{
    background-image: url(/images/background-1.gif), url(/images/background-2.gif);
    background-position: top center, left 1400px;
    background-size: 100%, auto;
    background-repeat: no-repeat, no-repeat;
}
p{
    font-size: 16px;
    color: #424750;
    line-height: 37px;
}
a{
    font-weight: 700;
}
#sp-header{
    box-shadow: none;
    position: fixed;
    background-color: transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#sp-header.header-sticky{
    background-color: #fff;
}
.scooter {
    position:absolute;
    -webkit-animation:linear infinite;
    -webkit-animation-name: run;
    -webkit-animation-duration: 10s;
}     
@-webkit-keyframes run {
    0% { left: -10%;}
    100%{ left: 110%;}
}
.autorijden {
    position:absolute;
    -webkit-animation:linear infinite;
    -webkit-animation-name: run2;
    z-index: 2;
    -webkit-animation-duration: 10s;
    margin-top: -22px;
}     

@-webkit-keyframes run2 {
    0% { left: 140%;}
    100%{ left: -40%;}
}
.motorcycle {
    position:absolute;
    -webkit-animation:linear infinite;
    -webkit-animation-name: run3;
    z-index: 2;
    -webkit-animation-duration: 10s;
    margin-top: -89px;
}     
@-webkit-keyframes run3 {
    0% { left: -40%;}
    100%{ left: 140%;}
}
.body-innerwrapper{
    overflow: hidden;
}
#sp-slider{
    background-image: url(/images/gradient.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.large_bold_black h2{
    color: #424750;
    font-size: 79px;
    line-height: 88px;
}
.large_bold_black h2 strong{
    color: #0062ff;
}
h2{
    color: #424750;
    font-size: 33px;
    line-height: 46px;
}
h2 strong{
    color: #0062ff;
}
h3{
    color: #424750;
    font-size: 24px;
    line-height: 37px;
}
h3 strong{
    color: #0062ff;
}
.card{
    border-radius: 30px;
    border: 0px;
    -webkit-box-shadow: 0px 0px 28px 10px rgba(0,0,0,0.06); 
    box-shadow: 0px 0px 28px 10px rgba(0,0,0,0.06);
}
.spacedat{
    height: 60px;
    width: 100%;
    clear: both;
}
.orangebutton{
    border-radius: 7px;
    height: 60px;
    padding: 20px 20px;
    background-color: #f47820;
    color: #fff!important;
    display: inline-block;
    font-weight: 400;
    margin-right: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.bluebutton{
    border-radius: 7px;
    height: 50px;
    padding: 15px 20px;
    background-color: #0062ff;
    color: #fff!important;
    display: inline-block;
    font-weight: 400;
    margin-right: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.orangebutton:hover, .bluebutton:hover{
    transform: scale(1.1, 1.1);
}
section#sp-title{
    background-image: url(/images/gradient.png), url(/images/signs.png);
    background-repeat: repeat-x, no-repeat;
    background-position: bottom, bottom  left 75%;
}
#sp-title .col-md-3 .fas{
    font-size: 72px;
    margin: 15px auto 40px auto;
    text-align: center;
    color: black;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #f47820;
    display: block;
}
.customreviews .fa-star, .customreviews .fa-star-half-alt{
    color: #f47820;
    font-size: 30px;
    margin-bottom: 30px;
}
.customreviews{
    max-width: 850px;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 60px;
    text-align: center;
}
.article-ratings-social-share{
    display: none!important;
}
.bringfront{
    position: relative;
    z-index: 4;
}
.accordion-heading a{
    -webkit-box-shadow: 0px 0px 28px 10px rgba(0,0,0,0.06); 
    box-shadow: 0px 0px 28px 10px rgba(0,0,0,0.06);
    padding: 20px;
    border-radius: 7px;
    background-color: #fff;
    display: block;
    color: #424750;
    font-weight: 400;
}
.active .accordion-heading a{
    background-color: #f47820;
}
.active .accordion-heading a{
    color: #fff;
}
.accordion-heading a{
    color: #424750;
    font-weight: 400;
}
.accordion-group.panel{
    margin-bottom: 30px;
}
.panel-body{
    padding: 20px;
}
div#sp-feature{
    height: 580px;
    background-image: url(/images/feature.jpg);
    background-size: cover;
    background-position: bottom right;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 28px 10px rgba(0,98,255,0.1); 
    box-shadow: 0px 0px 28px 10px rgba(0,98,255,0.1);
}
div#sp-feature .row{
    height: 580px;
    margin-left: 60px;
}
#sp-bottom{
    background-image: url(/images/gradient3.png), url(/images/signs.png);
    background-repeat: repeat-x, no-repeat;
    background-position: top, bottom  left 25%;
    padding-top: 350px;
    padding-bottom: 100px;
    margin-top: -300px;
}
#sp-bottom h3{
    color: #0062ff;
    font-size: 24px;
}
#sp-bottom a{
    font-weight: 400;
}
#sp-bottom3 ul{
    margin-bottom: 20px!important;
}
#sp-bottom3 ul .far, #sp-bottom3 ul .fas, #sp-bottom4 ul .fab{
    color: #f47820!important;
    width: 20px;
    margin-right: 10px;
}
#sp-bottom3 .orangebutton .fab{
    margin-right: 10px;
}
#sp-footer, #sp-bottom{
    background-color: transparent;
}
#sp-footer{
    text-align: center;
    width: 100%;
    margin-top: -30px;
}
#sp-footer .container-inner{
    padding: 0px;
}
#sp-menu .sp-module {
    float: right;
}
#sp-menu .sp-module .bluebutton{
    margin-top: 25px;
    margin-left: 20px;
}
@media (min-width: 1400px){
.container {
    max-width: 1300px;
}
}
@media only screen and (max-width: 767px) {
    body{
    background-image: url(/images/background-1.gif), url(/images/background-2.gif);
    background-position: top left, right 1700px;
    background-size: 300%, 250%;
    background-repeat: no-repeat, no-repeat;
}
    #sp-menu .bluebutton{
        display: none;
    }
    #sp-slider, #rev_slider_1_1_wrapper, #sp-slider .sp-column , #sp-slider .sp-module, #rev_slider_1_1{
        height: 92vh!important;
    }
    .scooter img{
        width: 100px!important;
        height: auto!important;
    }
    .scooter{
        bottom: 0px!important;
        top: auto!important;
        width: 100px;
    }
    .tp-caption.image{
        bottom: 60px!important;
        top: auto!important;
        width: 60%!important;
        left: 20%!important;
    }
    .tp-caption.image img{
        width: 100%!important;
        height: auto!important;
    }
    .large_bold_black{
        top: 120px!important;
        width: 80%!important;
        max-width: 80%!important;
        left: 10%!important;
    }
    .large_bold_black h2, .large_bold_black h2 strong{
        font-size: 45px!important;
        line-height: 50px!important;
    }
    #sp-title .col-md-6{
        margin-bottom: 30px;
    }
    .card-body .orangebutton, #reviews .orangebutton, div#sp-feature .orangebutton{
        display: block;
        text-align: center;
    }
    div#sp-feature{
        padding-bottom: 450px;
        height: auto;
    }
    div#sp-feature{
        background-image: url(/images/feature.jpg), url(/images/background-1.gif);
        background-size: 250%, cover;
        background-position: bottom right, top left;
        background-repeat: no-repeat;
        padding-top: 20px;
        margin: 0px 15px;
    }
    div#sp-feature .row{
        margin-left: 0px;
        height: auto;
        padding-right: 20px;
    }
    .signss {
        bottom: 0px!important;
        right: 0px!important;
    }
    .signss img{
        width: 150px!important;
        height: auto!important;
        bottom: 0px!important;
        right: 0px!important;
        position: absolute;
    }
}