.wrapper {
    padding: 30px 0;
}
.wrapper {

}

/* ==========================================================================
   Categories Homepage
   ========================================================================== */
.category-box {
    background-color: #fff;
    margin: 30px 0;
    height: 325px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

    .category-box:hover {
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

    .category-box .icon {
        text-align: center;
        position: absolute;
        top: -25px;
        margin: 0 auto;
        width: 100%;
    }

        .category-box .icon i {
            display: inline-block;
            font-size: 22px;
            width: 52px;
            height: 52px;
            color: #fff;
            line-height: 48px;
            box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.25);
        }

    .category-box .category-header {
        width: 100%;
        background-color: #f8f8f8;
        display: inline-block;
        text-align: center;
        padding: 40px 15px 20px;
        border-bottom: 1px solid #EEE;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

        .category-box .category-header h4 {
            font-size: 18px;
            color: #444;
        }

        .category-box .category-header:hover {
            background: #03A9F4;
        }

            .category-box .category-header:hover h4 {
                color: #fff;
            }

    .category-box .category-content li {
        float: left;
        font-size: 13px;
        line-height: 16px;
        margin-top: 10px;
        width: 100%;
    }

        .category-box .category-content li a {
            float: left;
            color: #888;
            margin-left: 15px;
        }

            .category-box .category-content li a:hover {
                color: #4285F4;
            }
.category-box1 {
    background-color: #fff;
    margin: 30px 0;
    height: 385px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

    .category-box1:hover {
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

    .category-box1 .icon {
        text-align: center;
        position: absolute;
        top: -25px;
        margin: 0 auto;
        width: 100%;
    }

        .category-box1 .icon i {
            display: inline-block;
            font-size: 22px;
            width: 52px;
            height: 52px;
            color: #fff;
            line-height: 48px;
            box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.25);
        }

    .category-box1 .category-header {
        width: 100%;
        background-color: #f8f8f8;
        display: inline-block;
        text-align: center;
        padding: 40px 15px 20px;
        border-bottom: 1px solid #EEE;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

        .category-box1 .category-header h4 {
            font-size: 18px;
            color: #444;
        }

        .category-box1 .category-header:hover {
            background: #24a69a;
        }

            .category-box1 .category-header:hover h4 {
                color: #fff;
            }

    .category-box1 .category-content li {
        float: left;
        font-size: 13px;
        line-height: 16px;
        margin-top: 10px;
        width: 100%;
    }

        .category-box1 .category-content li a {
            float: left;
            color: #888;
            margin-left: 15px;
        }

            .category-box1 .category-content li a:hover {
                color: #4285F4;
            }

.category-box2 {
    background-color: #fff;
    margin: 30px 0;
    height: 350px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

    .category-box2:hover {
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

    .category-box2 .icon {
        text-align: center;
        position: absolute;
        top: -25px;
        margin: 0 auto;
        width: 100%;
    }

        .category-box2 .icon i {
            display: inline-block;
            font-size: 22px;
            width: 52px;
            height: 52px;
            color: #fff;
            line-height: 48px;
            box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.25);
        }

    .category-box2 .category-header {
        width: 100%;
        background-color: #f8f8f8;
        display: inline-block;
        text-align: center;
        padding: 40px 15px 20px;
        border-bottom: 1px solid #EEE;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

        .category-box2 .category-header h4 {
            font-size: 18px;
            color: #444;
        }

        .category-box2 .category-header:hover {
            background: #ff5353;
        }

            .category-box2 .category-header:hover h4 {
                color: #fff;
            }

    .category-box2 .category-content li {
        float: left;
        font-size: 13px;
        line-height: 16px;
        margin-top: 10px;
        width: 100%;
    }

        .category-box2 .category-content li a {
            float: left;
            color: #888;
            margin-left: 15px;
        }

            .category-box2 .category-content li a:hover {
                color: #4285F4;
            }

.category-box3 {
    background-color: #fff;
    margin: 30px 0;
	height: 525px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

    .category-box3:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    padding-bottom: 0px;
    }

    .category-box3 .icon {
        text-align: center;
        position: absolute;
        top: -25px;
        margin: 0 auto;
        width: 100%;
    }

        .category-box3 .icon i {
            display: inline-block;
            font-size: 22px;
            width: 52px;
            height: 52px;
            color: #fff;
            line-height: 48px;
            box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.25);
        }

    .category-box3 .category-header {
        width: 100%;
        background-color: #f8f8f8;
        display: inline-block;
        text-align: center;
        padding: 40px 15px 20px;
        border-bottom: 1px solid #EEE;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

        .category-box3 .category-header h4 {
            font-size: 18px;
            color: #444;
        }

        .category-box3 .category-header:hover {
            background: #1DD2AF;
        }

            .category-box3 .category-header:hover h4 {
                color: #fff;
            }

    .category-box3 .category-content li {
        float: left;
        font-size: 13px;
        line-height: 16px;
        margin-top: 10px;
        width: 100%;
    }

        .category-box3 .category-content li a {
            float: left;
            color: #888;
            margin-left: 15px;
        }

            .category-box3 .category-content li a:hover {
                color: #1DD2AF;
            }
.category-box4 {
    background-color: #fff;
    margin: 30px 0;
    height: 525px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

    .category-box4:hover {
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

    .category-box4 .icon {
        text-align: center;
        position: absolute;
        top: -25px;
        margin: 0 auto;
        width: 100%;
    }

        .category-box4 .icon i {
            display: inline-block;
            font-size: 22px;
            width: 52px;
            height: 52px;
            color: #fff;
            line-height: 48px;
            box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.25);
        }

    .category-box4 .category-header {
        width: 100%;
        background-color: #f8f8f8;
        display: inline-block;
        text-align: center;
        padding: 40px 15px 20px;
        border-bottom: 1px solid #EEE;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

        .category-box4 .category-header h4 {
            font-size: 18px;
            color: #444;
        }

        .category-box4 .category-header:hover {
            background: #FE4080;
        }

            .category-box4 .category-header:hover h4 {
                color: #fff;
            }

    .category-box4 .category-content li {
        float: left;
        font-size: 13px;
        line-height: 16px;
        margin-top: 10px;
        width: 100%;
    }

        .category-box4 .category-content li a {
            float: left;
            color: #888;
            margin-left: 15px;
        }

            .category-box4 .category-content li a:hover {
                color: #4285F4;
            }
.category-box5 {
    background-color: #fff;
    margin: 30px 0;
    height: 400px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
   
    .category-box5:hover {
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

    .category-box5 .icon {
        text-align: center;
        position: absolute;
        top: -25px;
        margin: 0 auto;
        width: 100%;
    }

        .category-box5 .icon i {
            display: inline-block;
            font-size: 22px;
            width: 52px;
            height: 52px;
            color: #fff;
            line-height: 48px;
            box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.25);
        }

    .category-box5 .category-header {
        width: 100%;
        background-color: #f8f8f8;
        display: inline-block;
        text-align: center;
        padding: 40px 15px 20px;
        border-bottom: 1px solid #EEE;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

        .category-box5 .category-header h4 {
            font-size: 18px;
            color: #444;
        }

        .category-box5 .category-header:hover {
            background: #24A69A;
        }

            .category-box5 .category-header:hover h4 {
                color: #fff;
            }

    .category-box5 .category-content li {
        float: left;
        font-size: 13px;
        line-height: 16px;
        margin-top: 10px;
        width: 100%;
    }

        .category-box5 .category-content li a {
            float: left;
            color: #888;
            margin-left: 15px;
        }

            .category-box5 .category-content li a:hover {
                color: #24A69A;
            }



.category-box6 {
    background-color: #fff;
    margin: 30px 0;
    height: 250px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

    .category-box6:hover {
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

    .category-box6 .icon {
        text-align: center;
        position: absolute;
        top: -25px;
        margin: 0 auto;
        width: 100%;
    }

        .category-box6 .icon i {
            display: inline-block;
            font-size: 22px;
            width: 52px;
            height: 52px;
            color: #fff;
            line-height: 48px;
            box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.25);
        }

    .category-box6 .category-header {
        width: 100%;
        background-color: #f8f8f8;
        display: inline-block;
        text-align: center;
        padding: 40px 15px 20px;
        border-bottom: 1px solid #EEE;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

        .category-box6 .category-header h4 {
            font-size: 18px;
            color: #444;
        }

        .category-box6 .category-header:hover {
            background: #8E4162;
        }

            .category-box6 .category-header:hover h4 {
                color: #fff;
            }

    .category-box6 .category-content li {
        float: left;
        font-size: 13px;
        line-height: 16px;
        margin-top: 10px;
        width: 100%;
    }

        .category-box6 .category-content li a {
            float: left;
            color: #888;
            margin-left: 15px;
        }

.category-box6 .category-content li a:hover {
    color: #8E4162;
}
.border-1 {
    border-bottom: 2px solid #3498db;
}

.border-2 {
    border-bottom: 2px solid #FF5353;
}

.border-3 {
    border-bottom: 2px solid #1DD2AF;
}

.border-4 {
    border-bottom: 2px solid #FE4080;
}

.border-5 {
    border-bottom: 2px solid #24A69A;
}

.border-6 {
    border-bottom: 2px solid #8E4162;
}

.border-7 {
    border-bottom: 2px solid #9A63C1;
}

.border-8 {
    border-bottom: 2px solid #512DA7;
}
.color-1 {
    background-color: #3498db !important;
}

.color-2 {
    background-color: #FF5353 !important;
}

.color-3 {
    background-color: #1DD2AF !important;
}

.color-4 {
    background-color: #FE4080 !important;
}

.color-5 {
    background-color: #24A69A !important;
}

.color-6 {
    background-color: #8E4162 !important;
}

.color-7 {
    background-color: #9A63C1 !important;
}

.color-8 {
    background-color: #512DA7 !important;
}
.hoogte-enrichment {
    height:225px;
}
/* ==========================================================================
   Video blog
   ========================================================================== */
section.padding {
    padding: 10px 0;
}

section#blog {
    padding-bottom: 70px;
}

section .section-title {
    font-size: 34px;
}

section.bg-grey {
    background-color: #f9f9f9;
}

section .section-lead {
    font-size: 18px;
    font-weight: 200;
    margin-top: 15px;
}

section .section-body {
    margin-top: 0px;
}

section.callout {
    padding: 50px 0;
}

    section.callout .cta {
        text-align: right;
    }

        section.callout .cta .btn {
            padding: 15px 35px;
            text-transform: uppercase;
            font-weight: 800;
            letter-spacing: 2px;
            border-radius: 0;
            -webkit-border-radius: 0;
            -o-border-radius: 0;
            -ms-border-radius: 0;
            -moz-border-radius: 0;
            border-width: 2px;
            border-color: #000;
            color: #000;
        }

            section.callout .cta .btn:hover {
                background-color: #000;
                color: #fff;
            }

    section.callout h3 {
        margin: 0;
    }

/*article*/
article.card {
    border: none;
    box-shadow: 0 0 40px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);
    -moz-box-shadow: 0 0 40px rgba(0,0,0,.05);
    -ms-box-shadow: 0 0 40px rgba(0,0,0,.05);
    -o-box-shadow: 0 0 40px rgba(0,0,0,.05);
    margin-bottom: 60px;
}

    article.card .card-img-top {
        height: 100%;
    }

    article.card .card-title {
        font-size: 20px;
        line-height: 28px;
    }

        article.card .card-title a {
            color: #000;
            text-decoration: none;
        }

            article.card .card-title a:hover {
                opacity: .8;
            }

    article.card .card-text {
        color: #666;
        line-height: 26px;
    }

    article.card .card-subtitle {
        font-size: 14px;
        color: #666;
    }

        article.card .card-subtitle a {
            color: #666;
            border-bottom: 1px dotted #666;
            text-decoration: none;
        }

    article.card .card-more {
        text-transform: uppercase;
        font-weight: 800;
        text-transform: 2px;
        color: #000;
        display: inline-block;
        margin-top: 10px;
        font-size: 14px;
    }

        article.card .card-more i {
            margin-left: 5px;
        }