@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Carter+One');



    /*
    -------------------------------
    CUSTOM CSS PROBEERSEL
    -------------------------------
    */
    /*
    -------------------------------
    GENERAL
    -------------------------------
    */
    
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    body.probeersel h1, body.probeersel h2, body.probeersel h3, body.probeersel h4, body.probeersel p {
        font-family: 'Roboto', sans-serif;
        color:#000;
    }
    body.probeersel h1 {
        font-size: 30px;
        font-weight: 900;
    }
    body.probeersel h2 {
        font-size: 25px;
        font-weight: 400;
    }
    body.probeersel h3 {
        font-size: 20px;
    }
    body.probeersel h4 {
        font-size: 15px;
    }    
    body.probeersel p {
        color:#000;
        font-weight:400;
    }
    body.probeersel {
    background:none;
    background-color:white;
    margin:0;
    padding: 0 0px;
    }
    body.probeersel:after {
        display:none;
    }
    /*
    -------------------------------
    SECTIES
    -------------------------------
    */
    body.probeersel .block {
        max-width:100%;
        width:100%;
    }
    body.probeersel .block .container {
        max-width:100%;
        width:100%;
    }
    body.probeersel .loc-h-1 {
        -webkit-box-shadow: 0px 0px 46px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 46px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 46px 0px rgba(0,0,0,0.3);
        background-color:#fff;
        padding-bottom:40px;
        height:100vh;
        background-image: url(/file/header-back.jpg);
        background-size: cover;
        position: relative;
    }
    body.probeersel .loc-h-1 .loc-h-1-h {
    position: absolute;
    top: 40%;
    height: inherit;
    text-align:center
    }
    body.probeersel .loc-h-1 .loc-h-1-h p {
    text-decoration:underline;
    margin-top: 26px;
    font-weight:900;
    display:inline-block;
            background: linear-gradient(145deg, #bfffdd, #f6f6f8);
        background-size: 400% 400%;
        -webkit-animation: AnimationName 4s ease infinite;
        -moz-animation: AnimationName 4s ease infinite;
        animation: AnimationName 4s ease infinite;
    padding:10px 20px;
    }
    body.probeersel .loc-h-1 .loc-h-1-h h1 {
        display:inline-block;
        background-color: #bfffdd;
        padding:10px 20px;
        color:#0c0c0c;
        border-top: 2px dashed #bfffdd;
        margin: 0;
        background: linear-gradient(145deg, #bfffdd, #f6f6f8);
        background-size: 400% 400%;
        -webkit-animation: AnimationName 4s ease infinite;
        -moz-animation: AnimationName 4s ease infinite;
        animation: AnimationName 4s ease infinite;
    }
@-webkit-keyframes AnimationName {
    0%{
        background-position:0% 96%;}
    50%{
        background-position:100% 5%;}
    100%{
        background-position:0% 96%;}
}
@-moz-keyframes AnimationName {
    0%{
        background-position:0% 96%;}
    50%{
        background-position:100% 5%;}
    100%{
        background-position:0% 96%;}
}
@keyframes AnimationName {
    0%{
        background-position:0% 96%;}
    50%{
        background-position:100% 5%;}
    100%{
        background-position:0% 96%;}
}

    
    body.probeersel .loc-h-1 .loc-h-1-h h2 {
        display:inline-block;
        background: linear-gradient(145deg, #bfffdd, #f6f6f8);
        background-size: 400% 400%;
        -webkit-animation: AnimationName 4s ease infinite;
        -moz-animation: AnimationName 4s ease infinite;
        animation: AnimationName 4s ease infinite;
         padding:10px 20px;
        margin: 0px 0 0 0;
        border-bottom:2px dashed #bfffdd;
    }    
    body.probeersel .loc-m-1 {
        padding:0px 50px;
        z-index: 999;
        max-width: 1152px;
    }
    body.probeersel .loc-m-1 .container {
        background-color:#000;
        margin-top: -65px;
        padding: 50px 0;
    }
    body.probeersel .loc-m-1 h3 {
        color:#fff;
        font-weight: 100;
    }
    body.probeersel .loc-m-2 {
        margin:0 auto;
        margin-top: 150px;
        background-color: #f9f9f9;
        height: 800px;
    }
    body.probeersel .loc-m-2 .parallax {
        height: 800px;
        overflow: hidden;
        -webkit-box-shadow: inset 0 0 30px -15px #0000006b;
        box-shadow:inset 0 0 30px -15px #0000006b;
        }
    body.probeersel .loc-m-2 .loc-center {
        padding: 0px 300px;
    }
    /*
    -------------------------------
    portfolio infolist
    -------------------------------
    */
    body.probeersel .entity-infolist .media-list .media {
        width:33%;
        float:left;
        margin:0;
        margin-bottom:20px;
        padding:0 10px;
    -webkit-animation:auto;
    animation:auto;        
    }
    body.probeersel .entity-infolist .media-list {
        margin:0;
        margin-top:40px;
    }
    body.probeersel .entity-infolist {
        max-width:1080px;
        margin:0 auto;
    }
    body.probeersel .entity-infolist .media-list .media-left {
        display: block;
        padding:0;
        margin-bottom: 0px;
        border: 8px dotted #bfffdd;
        border-bottom: 0px;
    }
    body.probeersel .entity-infolist .media-list .media-left img {
        width:100%;
        max-width: 100%;
        max-height: inherit;
    }
    body.probeersel .entity-infolist .media-list .media-body {
        text-align: center;
        background-color: #bfffdd;
        padding-top: 20px;
        display: inline-block;
        width: -webkit-fill-available;
        margin: 0px 8px 0 8px;
        border-top: 8px dotted white;
    }
    body.probeersel .loc-m-3 {
        padding: 50px 0;
    }
    body.probeersel .entity-infolist .media-list .media:hover {
    -webkit-animation: floatBubble 0.2s   normal cubic-bezier(0.65, 0.05, 0.36, 1);
    animation: floatBubble 0.2s   normal cubic-bezier(0.65, 0.05, 0.36, 1);
    position:relative;
    }
@-webkit-keyframes floatBubble {
    0% {
        top:20px;
    }
    100% {
        top: 0px;
    }
}
@keyframes floatBubble {
    0% {
        top:20px;
    }
    100% {
        top: 0px;
    }
}     

    /*
    -------------------------------
    MAP
    -------------------------------
    */
    body.probeersel .loc-m-4 {
        margin:0 auto;
        margin-top: 150px;
        background-color: #f9f9f9;
        height: 600px;
    }
    body.probeersel .loc-m-4 .parallax {
        height: 600px;
        overflow: hidden;
        -webkit-box-shadow: inset 0 0 30px -15px #0000006b;
        box-shadow:inset 0 0 30px -15px #0000006b;
        }
     body.probeersel .googlemap {
         height:1000px;
     }



/*
-------------------------------
CUSTOM CSS DENNISZETWERKOPINTERNET.NL
-------------------------------
*/
body {
    font-family:"Roboto", sans-serif;
    font-weight:500;
    position:relative;
    /*background: linear-gradient(159deg, #d60b52, #e7332a);
background-size: 400% 400%;

-webkit-animation: AnimationName 3s ease infinite;
-moz-animation: AnimationName 3s ease infinite;
animation: AnimationName 3s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:9% 0%}
    50%{background-position:92% 100%}
    100%{background-position:9% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:9% 0%}
    50%{background-position:92% 100%}
    100%{background-position:9% 0%}
}
@keyframes AnimationName { 
    0%{background-position:9% 0%}
    50%{background-position:92% 100%}
    100%{background-position:9% 0%} */
    border: 0px solid #e7332a;
    background-image: url(/file/bg3.png);
}
body:after {
    content:"";
    width:100%;
    height:100vh;
    border:15px solid #e7332a;
    display:inline-block;
    position:fixed;
    top:0;
    
}
.stage {
    background-color:transparent;
}
/*body:after {
    content:"";
    background-image: url("../file/hoofdhoverklein.png");
    background-size:contain;
    background-color:transparent;
    background-repeat:no-repeat no-repeat;
    border:0;
    width:200px;
    height:300px;
    position:absolute;
    bottom:50px;
    z-index:-1;
    margin:0 auto;
    left:0;
    right:0;
}*/

/*
-------------------------------
TYPOGRAFIE
-------------------------------
*/
h1, h2, h3, h4, h5 {
    color: #e7332a;
    font-family:"Carter One", sans-serif;
    word-break: break-word;
}
p {
    color:#e7332a;
    font-size:17px;
    font-weight: 400;
    margin-bottom:20px;
}
hr {
    border-top: 1px dashed#e7332a;
    margin-top: 6px;
    margin-bottom: 5px;
}
a {
    color:#e7332a;
    font-weight:700;
}
a:hover {
    text-decoration:line-through;
    color:#e7332a;
}
/*
-------------------------------
LCATIONS
-------------------------------
*/
.loc-m-1 {
    padding-top:10px;
    max-width:1100px;
    margin:0 auto;
}
/*
-------------------------------
HEADER
-------------------------------
*/
.loc-h-1 img {
    display:inline-block !important;
}
/*
-------------------------------
BUTTON HOOFD
-------------------------------
*/
.btn.hoofd {
    background-image:url("../file/hoofdklein.png");
    background-size:contain;
    background-color:transparent;
    background-repeat:no-repeat no-repeat;
    border:0;
    width:200px;
    height:300px;
}
.btn.hoofd:hover {
    background-image:url("../file/hoofdhoverklein.png");
    background-size:contain;
    background-color:transparent;
    background-repeat:no-repeat no-repeat;
    border:0;
    width:200px;
    height:300px;
}

/*
-------------------------------
GRID IMAGELIST
-------------------------------
*/
.entity-imagelist.entity-imagelist-grid {
    margin-bottom:20px;
}
.entity-imagelist.entity-imagelist-grid img {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.125);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.125);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.125);
    background-color:#fff;
}
.entity-imagelist.entity-imagelist-grid img:before {
    content:" ";
    width:10px;
    height:10px;
    background-color:red;
    position:absolute;
    top:10px;
}
/*
-------------------------------
footer
-------------------------------
*/
footer {
    background-color:#e7332a;
    color:#fff;
}
footer p,
footer h1,
footer h2,
footer h3,
footer h4,
footer a {
    color:#fff;
}
footer a:hover {
    color:#fff;
}
.loc-f-1 {
    padding-top:30px;
    margin-top: 200px;
    padding-bottom:20px;
}