.incasso_div {
    display:none;
}

.ideal_div {
    display:none;
}
.accountaanmaken_div {
    display:none;
}



.select-css {
    display: block;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: 700;
    color: #000;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}
.select-css option {
    font-weight:normal;
}



.arrow {
    position: fixed;
    bottom: 220px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=) !important;
    background-size: contain;
    cursor:pointer;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}


.section{ float: left; width: 100%; z-index: 1; padding: 150px 0;

position:relative;
}
.wrapper {display: table; width: 100%;}

.header {
    width:100%;

}

.navbar {background-color: #FFF; z-index: 20; text-align: center; height: 120px; width: 100%; position: relative;}
.navbar.home {position: absolute;}
.logo {background: url(/img/logo.png) no-repeat center/ 407px 85px; width: 407px; height: 85px; float: left; margin: 17.5px 30px 14px 17.5px; z-index: 3; position: relative;}
.navbar ul {width: 100%; position: absolute; top: 30px; padding: 0; z-index: 1; }
.navbar ul li {display: inline-block; text-transform: uppercase; }
.navbar ul li a {color: #5d6db1; transition:0.3s ease; padding: 0 20px; font-weight: 700; font-size: 20px;}
.navbar ul li a:hover, .navbar nav ul li a.active {color: #de5b49;}
.navbar ul li a:visited a:link{color: #1894aa;}

.subnav {float: right; line-height: 120px; z-index: 3; position: relative;}
.subnav a {display: inline-block; color: #5d6db1; transition:0.3s ease; text-transform: uppercase; padding: 0 10px; font-weight: 700;}
.subnav a:nth-of-type(3) {padding-right: 30px;}
.subnav div {display: inline-block;}
.subnav div a:nth-of-type(1) {display: none;}
.subnav div a:nth-of-type(2) {color: #FFF; padding: 0 40px;}
.subnav a:hover, .subnav a.active {color: #de5b49;}
.subnav a:last-of-type:hover {color: #FFF;}
.subnav .number {background-color: #5d6db1; margin-top: 0;}
.subnav div a.number:hover {background-color: #1894aa;}

.headerimg {
    width: 100%;
    height:75%;
    position: relative;

}

.header.small .headerimg {
    top:0;
}

.headerimg div.background {
    /*background: url(/img/background3.jpg) no-repeat 50% -35% / cover; height: 100%;*/

    background: url(/img/background3.jpg) no-repeat 50% 0% / cover;
    height: 100%;
    /*top: 120px;*/
    position: relative;
    z-index:2;
}

@media screen and (max-width: 1250px) {
    .headerimg {
        top:0;
    }
    .headerimg div.background {
        top: 0;
    }

}

/*screen and (max-width: 990px)*/

.themes {
    /*height: 20%;
    width: 100%;*/
    width: 210px;
    height: 100%;
    position: relative;
    float: right;
    /*top:120px;*/
    z-index:3;
}
.themes.small {
    height:20%;
}

.themes .item.active .overlay {
    opacity:1;
}
.themes .item {

    /*height: 100%; width: 25%; */
    float: left; z-index: 2;
    background: no-repeat center / cover;
    position: relative;
    clear: both;
    width: 100%;
    /*height: 135px;*/
    height:25%;
}


@media screen and (max-width: 1250px) {
    .themes {
        width: 100%;
        height: 20%;
        top: 80%;
    }
    .themes .item {
        width:25%;
        clear:none;
        height:135px;
    }
}


.themesalternate {
    height: 150px;
    width: 100%;
    top: 0;
}

.themesalternate .item {
    height: 100%;
    width: 25%;
    clear:none;
}


@media screen and (max-width: 990px) {
    .themesalternate {
        height: 200px;
    }
    .themesalternate .item {
        height: 50%;
        width: 25%;
        clear: none;
    }
}


.themes .item .text {position: absolute; width: 100%; top: 50%; font-size: 17px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); transition: 0.3s ease; text-transform: uppercase; color: #FFF; text-align: center;}
.themes .item p {font-weight: 700; font-size: 18px; margin-bottom: 0;}
.themes .item span {color: #FFF; font-size: 38px;}
.themes .item .overlay {
    height: 100%;
    opacity: 0.8; transition: 0.3s ease;
    /*height:20%;*/
}
.themes .item:hover .overlay {opacity: 1;}
.themes .item:nth-of-type(1) .overlay {background-color: #de5b49;}
.themes .item:nth-of-type(2) .overlay{background-color: #1894aa;}
.themes .item:nth-of-type(3) .overlay{background-color: #e37b40;}
.themes .item:nth-of-type(4) .overlay{background-color:#47ad68;}

.agen.home {width: 45%; background-color: #f0f0f0; padding: 150px 15% 150px 0; text-align: right;}
.agen.home::before{ content: ""; position: absolute; right: -5%; top: 0%; width: 80px; height: 102%; background: #FFF; -webkit-transform: rotate(2deg); transform: rotate(2deg); z-index: 1; overflow: hidden;}
.agen.home h1 {display: inline-block;}
.agen a:hover {color: #1894aa;}
.agen .items {padding:0 0 10px; display: block; color: #000; position: relative;}
.agen .items p {text-transform: uppercase; font-weight: 700; line-height: normal; margin: 0 20px 0 0; position: relative;}
.agen .items p:nth-of-type(2) {font-weight: 300; font-style: italic;}
.agen .items span {top:13px; position: absolute;}

.newscont {width: 55%; text-align: center;}
.newscont .item {width: 650px; display: inline-block;}
.newscont .slider {width: 650px; display: inline-block;}
.newscont .img {background: url(/img/uitgelicht.jpg) no-repeat center / cover; height: 400px; position: relative;}
.newscont .text {width: 92%; display: inline-block; text-align: left;}
.newscont .text p:nth-of-type(1){font-size: 28px; font-weight: 700; color: #1894aa; margin-bottom: 0;}
.newscont .text p span{margin-right: 10px;}
.newscont .linkbtn {float: right;}

.abouthome {display: table-cell; width: 45%; text-align: center; padding: 8%;}
.abouthome p {text-align: justify;}

.news {display: table-cell; width: 55%; text-align: center; background-color:#5d6db1; float: none;}
.news .extratitle {color: #FFF;}
.news .img {background: url(/img/news.jpg) no-repeat center / cover;}
.news .text {width: 92%;}
.news .text p {color: #FFF !important;}
.news .linkbtn.fill:hover {background-color: #FFF; color: #5d6db1 !important;}

.date {float: left; width: 80px; height: 80px; background: #909ad0; color: #FFF; font-size: 13px; line-height: 20px; text-align: center; display:block; text-transform: uppercase;}
.date span {margin-top: 24px; font-size: 30px; display: block; font-family: 'Crimson Text', serif; letter-spacing: 2px;}

.footer {padding: 180px 0 0; background-color: #f0f0f0; line-height: 35px; -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%); margin-top: -30px;}
.footer .wrapper div {display: table-cell; width: 33.33%;}
.footer .wrapper div{width: 40%;}
.footer .wrapper div:nth-of-type(3) {width: 20%;}
.footer .wrapper div span {width: 30%; display: inline-block;}
.footer .wrapper div span a {display: block;}
.footer .wrapper div:nth-of-type(1) a {background: url(/img/logo.png) no-repeat center/ 407px 85px; width: 407px; height: 85px; display: inline-block; float: left; top: 46%; position: absolute;}
.footer .wrapper div i {color: #000; line-height: 40px; margin-right: 12px;}
.bottom {background: #f0f0f0; text-align: center; padding: 80px 0 20px 0 !important;}

/*retina*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
.navbar .logo {background-image: url(/img/logo@2x.png);}
.footer .wrapper div:nth-of-type(1) a {background-image:url(/img/logo@2x.png);}
}
/*responsive*/
@media screen and (max-width:1500px){
.themes .item p {font-size: 18px;}
.agen.home {padding: 150px 10% 150px 0;}
}
@media screen and (max-width:1250px){
.section{padding: 100px 0;}
.navbar ul {display: none;}
.subnav, .subnav div {width: 100%; line-height: 60px;}
.subnav div a {width: 50%; line-height: 60px;}
.subnav div a span {line-height: 60px;}
.subnav a:nth-of-type(-n+3) {display: none;}
.subnav div a:nth-of-type(-n+2) {float: left; display: inline-block; padding: 0;}
.subnav div a:nth-of-type(1) { background-color: #8f9cd4; color: #FFF;}
.subnav div a:nth-of-type(1):hover { background-color: #1894aa; }
.newscont .item {width: 88%;}
.newscont .slider {width: 88%;}
.agen.home::before {display: none;}
.footer {padding: 100px 0 0 !important;}
.footer .wrapper div:nth-of-type(1) a {top: 33%;}
.footer .wrapper div:nth-of-type(2){width: 25%;}
.footer .wrapper div span {width: 45%;}
    .arrow {
        bottom: 190px;
    }
}
@media screen and (max-width:990px){
.header {display: inline;}
.navbar, .navbar.home {position: relative;}
.headerimg {
    height: 260px;
    clear: both;
}

/*.themes {height: 130px;}*/
    .themes {
        /*height: 100%;*/
        top: 0;
    }
.themes .item {width: 50%;}
.agen.home, .newscont {width: 100%; display: block;}
.agen.home {padding: 100px 10% 100px 0;}
.two .wrapper {display: flex; flex-direction: column-reverse;}
.abouthome {width: 100%; display: block; padding: 50px 30px 80px;}
.newscont .linkbtn {float: none; margin: 40px auto 0; display: table !important;}
.footer {-webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%); margin-top: -40px; padding: 60px 0 0 !important;}
.footer .wrapper div:nth-of-type(1) {display: none;}
.footer .wrapper div {width: 50%;}
.bottom {padding: 50px 20px 20px !important;}
}
@media screen and (max-width:750px){
.section{padding: 50px 0 100px 0;}
.logo { background: url(/img/logo.png) no-repeat center/ 284.9px 59.5px; width: 284.9px; height: 59.5px;}
.themes .item p {margin-top: 0;}
.themes .item span {font-size: 24px;}
.agen.home {padding: 50px 30px;}
.agen.home h1, .agen.home .extratitle {text-align: center; width: 100%;}
.agen.home .items:nth-of-type(n+6) {display: none;}
.agen.home .linkbtn {display: table; margin: 50px auto 0;}
.newscont {padding: 0 0 50px 0;}
.newscont h2, .newscont h4 {position: absolute; z-index: 2; top: 260px; right: 90px; color: #fff;}
.newscont .extratitle {position: absolute; z-index: 3; color: #FFF; top: 232px; right: 92px;}
.newscont .item {width: 100%;}
.newscont .slider {width: 100%;}
.newscont .img {height: 300px;}
.newscont .text a {text-align: center !important;}
.date {bottom: 0; position: absolute; right: 0;}
.footer .wrapper {text-align: center;}
.footer .wrapper div:nth-of-type(2) {display: none;}
.footer .wrapper div {width: 100% !important; display: block; padding: 20px 0;}
.bottom {padding: 30px 20px 20px !important;}

.arrow {
    display:none;
}
}