
*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body { font-family: 'Lato', sans-serif; font-size:16px; line-height:1.42857143; color:#333a46; margin:0; padding:0; }
input, button, select, textarea { font-family:inherit; font-size:inherit; line-height:inherit; }
:focus { outline:none; }
a { color:#3a9aa8; text-decoration:none; }
a:hover { color:#3a9aa8; }
img { vertical-align:middle; border:none; max-width:100%; }
hr { margin:20px 0; border:0; border-top:1px solid #eee; }
embed, iframe, object {	margin:0 0 20px; max-width:100%; }
b, strong { font-weight:700; }

.center {
    text-align: center;
}

h1, h2, h3, h4, h5, h6 { font-family:inherit; font-weight:700; line-height:1.1; color:#3a9aa8; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#3a9aa8; }
h1, h2, h3 { margin:0; padding-bottom:20px; }
h4, h5, h6 { margin:0; padding-bottom:10px; }
h1 { font-size:34px; font-weight:900; text-transform:uppercase; }
h2 {font-size: 42px;text-transform: uppercase;}
h3 {font-size: 34px;margin-top: 0.4em;}
h4 { font-size:18px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

h2.center {
    padding-bottom: 0
}

p { margin:0; padding-bottom:20px; }
ol, ul { margin:0; padding-bottom:20px; padding-left:15px; }

blockquote { padding:10px 20px; margin:0 0 20px; border-left:5px solid #eee; }
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { padding-bottom:0; }

.row {}
.row:before, .row:after { content:""; display:table; }
.row:after { clear:both; }

.container {max-width: 1370px;margin:0 auto;}
.container:before, .container:after { content:""; display:table; }
.container:after { clear:both; }

#aanbod > .container > .smallTxt{
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    text-align: initial;
}

#aanbod > .container > .smallTxt > h1,h2{
}


#header {margin:0;padding: 30px 0;position:relative;}
#header .logo { float:left; margin:0; padding:0; }
#header .logo img { max-width:100%; vertical-align:top; margin:0; padding:0; }

#nav {margin:0;padding: 32px 0 0 0;float:right;}
#nav a.menubtn { display:none; margin:20px 0 0 0; padding:0; width:25px; }
#nav a.menubtn span { display: block; background: #3a9aa8; height: 2px;  -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin:3px 0; padding:0; }
#nav ul { margin:0; padding:0; display:block; }
#nav ul li {margin:0;padding: 0 25px;display:block;float:left;}
#nav ul li a {margin:0;padding:10px 0;display:block;font-size: 20px;line-height:16px;color:#111111;font-weight:normal;font-family: 'Lato-Semibold';/* text-transform:uppercase; */position:relative;}
#nav ul li:last-child { padding-right:0; }
#nav ul li.active a,#nav ul li a:hover {color: #3a9aa8;}
#nav ul li a:after {content:'';background: #3a9aa8;width:28px;margin:0 0 0 -14px;padding:0;height:2px;display:none;position:absolute;left:50%;bottom:0;display:none;}
#nav ul li.active a:after,#nav ul li a:hover:after { display:block; }

#home_banner {margin:0;padding:0;position:relative;width: 1890px;height: 632px;left: 50%;margin-left: -945px;display: flex;overflow: hidden;}
#home_banner > img { width:100%; margin:0; padding:0; }
#home_banner .mob_img { display:none; }
#home_banner .mob_img img { width:100%; margin:0; padding:0; }
#home_banner .box_1 { width:37%; bottom:80px; left:50%; position:absolute; margin:0; padding:45px 40px; background:#3a9aa8; transform: translateX(-65%); max-width:710px; z-index:2; }
#home_banner .box_1 h1 { font-size:30px; line-height:1; color:#fff; font-weight:normal; text-transform:uppercase; margin:0; padding:0 0 25px 0; }
#home_banner .box_1 h1 strong { display:block; font-weight:900; font-size:60px; }
#home_banner .box_1 p { font-size:16px; line-height:24px; color:#fff; font-weight:normal; margin:0; padding:0; }

#home_banner .box_2 { position:absolute; bottom:0; left:0; right:0; margin:0; padding:0; }
#home_banner .green_box {/* width:30.7%; */float:right;padding:40px 40px;bottom:0;/* background: #3a9aa8; */text-align:center;}
#home_banner .green_box ul { margin:0; padding:0; display:block; }
#home_banner .green_box ul li {margin:0;padding: 0 0 20px 0;display:block;font-size:16px;line-height:18px;color:#ffffff;font-weight:normal;font-family: 'Lato-Medium';}
#home_banner .green_box ul li span { display:block; }
#home_banner .green_box ul li img { max-width:100%; vertical-align:top; margin:0 0 15px 0; padding:0; }
#home_banner .green_box ul li strong { font-size:18px; line-height:24px; font-weight:700; font-family: 'Lato', sans-serif; text-transform:uppercase; letter-spacing:0.1em; display:block; }
#home_banner .green_box .signup { border-top:2px solid rgba(255,255,255,0.15); padding:25px 0 0 0; }
#home_banner .green_box .signup h3 {font-size: 16px;line-height: 20px;color:#fff;font-weight:700;margin:0;padding:0 0 22px 0;text-transform:uppercase;letter-spacing:0.1em;}
#home_banner .green_box .signup .txtbox { width:100%; margin:0 0 22px 0; padding:0 20px; height:50px; border-radius:3px; font-size:14px; color:#adadad; font-weight:normal; background:#fff; border:none; box-shadow:none; }
#home_banner .green_box .signup .subscribe_btn {display:block;margin:0 auto;padding:0;text-align:center;text-transform:uppercase;width:175px;font-size:14px;line-height:34px;color:#fff;border: 2px solid #fff;/* border-radius:20px; */cursor:pointer;background:transparent;letter-spacing:0.1em;font-weight:normal;font-family: 'Lato';}
#home_banner .green_box .signup .subscribe_btn:hover { background:#fff; color:#3a9aa8; }

#home_banner > div {margin: 0 8px;}

#home_banner div {
    background-size: cover !important;
    background-position: center;
}

#home_banner .col1 {
    width: 577px;
    background: url(../images/banner/1.jpg);
    margin-left: 0;
}

#home_banner .col2 {
    width: 464px;
}

#home_banner .col2 .row1 {
    background: url(../images/banner/2.jpg);
}

#home_banner .col3 {
    width: 221px;
}

#home_banner .col4 {
    width: 356px;
    background: #3a9aa8;
}

#home_banner .col3 .row1 {
    background: url(../images/banner/3.jpg);
}

#home_banner .col3 .row2 {
    background: url(../images/banner/4.jpg);
}

#home_banner .col5 {
    width: 208px;
    background: url(../images/banner/5.jpg);
    margin-right: 0;
}

#home_banner .row1 {
    height: 280px;
    margin-bottom: 16px;
}

#home_banner .row2 {
    height: 336px;
    background: #63aec6;
}

#home_banner .col2 .row2 {
    padding: 40px;
    color: #fff;
}

#home_banner .col2 .row2 h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
}

#home_banner .col2 .row2 h1 span {
    font-size: 32px;
    text-transform: none
}


#home_banner .green_box ul li:before {
    content: "";
    display: block;
    margin: auto;
    width: 58px;
    height: 50px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='59' height='51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.546 26.729H.636L29.695.555l29.078 26.193h-7.83V50.53H35.026V32.206H24.464v18.291H8.546V26.73z' fill='%23fff'/%3E%3C/svg%3E");
    margin-bottom: 10px;
}

#aanbod { margin:0; padding:90px 0 0 0; text-align:center; background:url(../images/aanbod_bg.png) no-repeat 0px 70px; background-size:19% auto; }
#aanbod h1 { color:#3a9aa8; letter-spacing:0.05em; }
#aanbod h4 { font-size:18px; line-height:1.2; color:#111111; font-weight:normal; margin:0; padding:50px 0 15px 0; letter-spacing:0.1em; text-transform:uppercase; font-family: 'Lato-Semibold'; }
#aanbod p.links {font-size: 15px;line-height:normal;color:#3a9aa8;font-weight:normal;margin:0;padding:0 0 25px 0;font-family: 'Lato-Heavy';}
#aanbod p.links a {color:inherit;padding: 0 5px;}
#aanbod .garage {background: #f9f9f9;padding:20px 0;margin:0;}
#aanbod .garage table tr td { background:#f7f7f7; }
#aanbod .garage table tr:nth-child(odd) td { background:#ffffff; }

.table_wrap { margin:0 0 50px 0; padding:0; overflow-x:auto; }
table { margin:0; padding:0; border:none; width:100%; }
table tr { margin:0; padding:0; border:none; }
table tr th { margin:0; padding:20px 15px; border:none; color:#ffffff; background:#3a9aa8; font-size:14px; line-height:20px; text-align:center; text-transform:uppercase; font-family: 'Lato-Heavy'; font-weight:normal; }
table tr th small { text-transform:none; }
table tr td { margin:0; padding:20px 15px; border:none; color:#333a46; background:#ffffff; font-size:16px; line-height:20px; text-align:center; }
table tr:nth-child(odd) td { background:#f7f7f7; }
table tr td a { color:#3a9aa8; font-family: 'Lato-Heavy'; text-transform:uppercase; font-size:14px; font-weight:normal; letter-spacing:0.1em; }
table tr td a:hover { color:#3a9aa8;}
table tr td:first-child,table tr th:first-child { text-align:left; }
table tr td:last-child,table tr th:last-child { text-align:left; }
table tr.sold td { text-decoration:line-through; }
table tr.sold td:last-child { text-decoration:none; }
table tr.sold td.soldtxt { color:#3a9aa8; text-decoration:none; font-weight:700; }
table tr.sold td a { color:#c8c8c8; cursor:not-allowed; }

#carousel {margin: 20px 45px; margin-bottom: 0;padding:0;position:relative;}
#carousel img { width:100%; margin:0; padding:0; vertical-align:top; }
#carousel .owl-controls .owl-nav .owl-prev {position:absolute;left: -32px;top:50%;height: 64px;width: 64px;background:url(../images/prev_1.png) no-repeat center center;display:block;font-size:0;line-height:0;margin:-20px 0 0 0;padding:0;border-radius:0;opacity:1;}
#carousel .owl-controls .owl-nav .owl-next {position:absolute;right: -32px;top:50%;height: 64px;width: 64px;background:url(../images/next_1.png) no-repeat center center;display:block;font-size:0;line-height:0;margin:-20px 0 0 0;padding:0;border-radius:0;opacity:1;}
.owl-carousel .owl-item .item {
    border: 4px solid #fff;
}
#info {padding: 100px 10px;margin:0;}
#info .block_1 { width:60%; float:left; margin:0; padding:21px 5.5% 0 0; }
#info .block_2 { width:40%; float:right; margin:0; padding:35px 40px 30px; background:#3a9aa8; }
#info .block_2 ul {margin:0 0 28px 0;padding:0;display:block;border-bottom: 1px solid rgba(255,255,255,0.85);}
#info .block_2 ul li {margin:0;border-top: 1px solid rgba(255,255,255,0.85);padding: 30px 0 30px 50px;display:block;font-size: 20px;line-height:18px;color:#fff;letter-spacing: 0.02em;background:url(../images/bull_1.png) no-repeat 0px 30px;}
#info .block_2 h3 {font-size:24px;line-height: 30px;color:#ffffff;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;margin:0;padding:0 0 35px 0;text-align:center;}
#info .block_2 h3 small { display:block; font-size:18px;  }
#info .block_2  .cont_btn {display:block;margin:0 auto;padding:0;text-align:center;text-transform:uppercase;width: 230px;font-size: 18px;line-height: 44px;color:#fff;border: 2px solid #fff;cursor:pointer;background:transparent;letter-spacing:0.1em;font-weight:normal;}
#info .block_2  .cont_btn:hover { background:#fff; color:#3a9aa8; }
#info .signup  .cont_btn:hover { background:#fff; color:#3a9aa8; }

#info .block_1 h1 {margin:0;padding:0 0 25px 0;font-size: 48px;text-transform: none;font-family:  lato;font-weight: 700;}
#info .block_1 p { margin:0; padding:0 0 25px 0; }
#info .block_1 img { margin:0 0 25px 0; }
#info .block_1 .cont_btn {display:block;margin:0;padding:0;text-align:center;color: #3a9aa8;border: 2px solid #3a9aa8;text-align:center;text-transform:uppercase;font-size: 18px;line-height:50px;letter-spacing:0.1em;width: 230px;font-weight:normal;}
#info .block_1 .cont_btn:hover { background:#3a9aa8; color:#fff; }

#downloads { margin:0; padding:75px 0 50px 0; background:#f7f7f7; }
#downloads h4 { font-size:18px; line-height:1.2; color:#111111; font-weight:normal; margin:0; padding:0 0 40px 0; letter-spacing:0.1em; text-transform:uppercase; font-family: 'Lato-Semibold'; text-align:center; }
#downloads ul.resp-tabs-list { margin:0 0 0 -15px; padding:0; display:block; }
#downloads ul.resp-tabs-list li { margin:0; padding:0 0 0 15px !important; display:block; float:left; width:25%; text-align:center; border:none !important; background:none !important; }
#downloads ul.resp-tabs-list li span { display:block; font-size:14px; line-height:20px; padding:20px 10px; text-align:center; color:#fff; background:#3a9aa8; text-transform:uppercase; letter-spacing:0.1em; font-family: 'Lato-Heavy'; }
#downloads ul.resp-tabs-list li.resp-tab-active span { background:#3a9aa8; }

#downloads .resp-tab-content { border:none !important; padding:30px 0;  }
#downloads .resp-tabs-container { background:transparent; }

#downloads .app_list { margin:0; padding:0; width:100%; display:table; }
#downloads .tab_row { display:table-row; }
#downloads .tab_row li { display:table-cell; padding:20px 20px; margin:0; background:#fff; font-size:16px; line-height:20px; color:#333a46; }
#downloads .tab_row li:last-child { width:260px; color:#b0b0b0; }
#downloads .tab_row li:last-child span { display:inline-block; vertical-align:top; padding:0 28px 0 18px; }
#downloads .tab_row li a { font-family: 'Lato-Heavy'; text-transform:uppercase; letter-spacing:0.1em; font-size:14px; font-weight:normal; }
#downloads .tab_row:nth-child(even) li { background:#f7f7f7; }

#contact {margin:0;padding: 75px 0;position:relative;background: #63aec6;}
#contact .form_1 {margin:0;padding:0;width:57%;font-size: 18px;}
#contact h2 {color:#fff;font-weight: bold;text-transform: none;font-size: 48px;}
#contact p { color:#fff; padding:0 0 25px 0; }
#contact .txtbox,#contact textarea {width:100%;height:50px;display:block;font-size:14px;color:#adadad;font-weight:normal;padding:0 20px;margin: 0 0 35px 0;background:#fff;border:none;}
#contact textarea { height:120px; padding:10px 20px; max-width:100%; max-height:120px; min-height:120px; min-width:100%; }
#contact .submit_btn {display:block;margin:0;padding:0;text-align:center;text-transform:uppercase;width: 208px;font-size: 18px;line-height: 46px;color:#fff;border: 2px solid #fff;cursor:pointer;background:transparent;letter-spacing:0.1em;font-family: 'Lato';font-weight:normal;}
#contact .submit_btn:hover { background:#fff; color:#3a9aa8; }
#contact .cont_right {width:40.5%;position:absolute;top:0;bottom:0;right:0;background: #3a9aa8;}
#contact .cont_right ul {margin:0;padding: 0 0 0 55px;display:block;position:absolute;top: 55.5%;left:0;}
#contact .cont_right ul li {margin:0;padding: 0 0 38px 65px;display:block;position:relative;font-size:18px;line-height:24px;color:#ffffff;font-weight:normal;position:relative;}
#contact .cont_right ul li .icon {display:block;position:absolute;top:-1px;left:0;margin:0;padding:0;width: 40px;text-align:center;}
#contact .cont_right ul li img {max-width:100%;margin:0;padding:0;/* width: 43px; */}
#contact .cont_right .cont_bg { height:47%; position:absolute; top:0; left:0; right:0; margin:0; padding:0; background:url(../images/contact_bg.jpg) no-repeat center center; background-size:cover; }
#contact .cont_right .cont_bg img { display:none; }
#contact .cont_right ul li a { color:inherit; }
#contact .cont_right ul li a:hover { color:#3a9aa8; }

#contact .frm_row {margin: 0 0 0 -30px;padding:0;}
#contact .frm_row .frm_col {margin:0;padding: 0 0 0 30px;width:50%;float:left;}

#contact ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#adadad; opacity:1; /* Firefox */ }
#contact :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#adadad; }
#contact ::-ms-input-placeholder { /* Microsoft Edge */ color:#adadad; }

#footer { margin:0; padding:45px 0;  }
#footer p { font-size:14px; line-height:22px; color:#333a46; font-weight:normal; margin:0; padding:0; float:left; }
#footer p span { padding:0 10px; }
#footer p.design_by { float:right; }
#footer p img { margin:0 10px 0 0; }
#footer p a { color:inherit; }
#footer p a:hover { color:#3a9aa8; }

::-moz-selection { background:#3a9aa8; color:#fff; }
::selection { background:#3a9aa8; color:#fff; }


@media (min-width: 1471px) {
    body {
        overflow-x: hidden;
    }
}

@media (max-width: 1470px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #header {
        margin-bottom: 632px;
    }

    #home_banner {
        left: auto;
        margin: 0;
        right: 0;
        top: 170px;
        justify-content: flex-end;
        width: 1670px;
        position: absolute;
    }

    #home_banner .col5 {
        display: none;
    }
}

@media (max-width: 1106px) {

    #header {
        margin-bottom: 0;
    }

    #home_banner .col1 {
        display: none
    }

    #home_banner {
        position: static;
        margin: 0;
        width: 100%;
    }

    #home_banner .green_box ul li {
        font-size: 14px;
    }

    #home_banner .green_box ul li strong {
        font-size: 16px;
        line-height: 1.4
    }

    #aanbod {
        background-image: none;
    }
}

@media (max-width: 767px) {

    #home_banner {
        height: 580px;
    }

    #home_banner .col2,
    #home_banner .col4 {
        width: 50%;
    }

    #home_banner .col3 {
        display: none
    }

    #home_banner .col2 .row2 h1 {
        font-size: 31px;
    }

    #home_banner .col2 .row2 {
        padding: 30px;
    }

    #home_banner .green_box {
        padding: 40px 20px;
    }
}

@media (max-width: 640px) {
    #home_banner .green_box ul li:before {
        height: 35px;
        width: 40px;
        background-size: contain;
    }
}

@media (max-width: 480px) {
    #home_banner {
        flex-direction: column;
        height: auto;
    }

    #home_banner .col2,
    #home_banner .col4,
    #home_banner .green_box {
        width: 100%
    }

    #home_banner .row2 {
        height: auto;
        text-align: center;
    }

    #home_banner .col2 .row2 h1 span {
        display: block;
        font-size: 22px;
    }
}
