/* GENERAL */
* { position: relative; top: 0; left: 0; margin: 0px; padding: 0px; box-sizing: border-box; text-decoration: none; outline: none; }
BODY { font-family: 'Open Sans', sans-serif; font-size: 15px; color: #474A4D; }
INPUT[type=submit] { -webkit-appearance: none !important; }
DIV.holder { margin: auto; width: 1000px; }
A.back,
.mobile { display: none; }
.clear { clear: both; display: block; font-size: 0px; height: 0px; }

    @media screen and (max-width: 1023px) {
        DIV.holder { width: 100%; }
        .mobile { display: block; }
        DIV.breadcrumbs,
        .desktop { display: none; }
    }

/* HEADER */
HEADER { width: 100%; height: 125px; background-color: #DA131F; z-index: 1000; }
HEADER DIV.holder { width: 1110px; }
HEADER IMG { float: left; margin-top: 45px; width: 175px; }
UL.menu { float: right; margin-top: 45px; font-size: 14px; font-weight: 600; text-transform: uppercase; list-style-type: none; z-index: 10; }
UL.menu > LI { display: inline-block; margin-left: 5px; }
UL.menu > LI EM { position: absolute; display: block; left: 50%; margin: 38px 0px 0px -7px; width: 6px; height: 6px; font-size: 0; line-height: 0; border: 1px solid #FFF; border-width: 0 0 2px 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
UL.menu > LI > A { display: inline-block; padding: 0px 15px; color: #FFF; line-height: 53px; border: 2px solid #DA131F; border-radius: 10px; }
UL.menu > LI:hover UL { display: block; }
UL.menu > LI#selected-menu EM,
UL.menu > LI:hover EM { margin-top: 62px; }
UL.menu > LI#selected-menu A,
UL.menu > LI > A:hover { border-color: #FFF; }
LI.hamburger,
LI.search,
LI.tel { width: 54px; line-height: 53px; background-image: url(../img/telephone.png); background-position: center center; background-size: 23px 24px; background-repeat: no-repeat; border: 2px solid #DA131F; border-radius: 10px; cursor: pointer; }
LI.search { background-image: url(../img/magnifier.png); background-size: 24px 24px; }
LI.hamburger { display: none !important; }
LI.hamburger.selected,
LI.search.selected,
LI.tel.selected,
LI.hamburger:hover,
LI.search:hover,
LI.tel:hover { border-color: #FFF; }
UL.menu > LI UL { position: absolute; display: none; padding-top: 80px; width: 260px; list-style-type: none; z-index: -1; }
UL.menu > LI UL A { display: block; padding: 0px 18px; color: #DA131F; line-height: 53px; background-color: #F0F0F0; }
UL.menu > LI UL A:hover { background-color: #FFF; }
HEADER.fixed { position: fixed; display: none; height: 51px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75); z-index: 1000; }
HEADER.fixed IMG { margin-top: 9px; width: 107px; }
HEADER.fixed UL.menu { margin-top: 9px; }
HEADER.fixed UL.menu > LI > A { padding: 0px 15px; line-height: 29px; }
HEADER.fixed UL.menu LI.search, HEADER.fixed UL.menu LI.tel { line-height: 29px; }
HEADER.fixed UL.menu > LI EM { margin-top: 26px; }
HEADER.fixed UL.menu > LI#selected-menu EM,
HEADER.fixed UL.menu > LI:hover EM { display: none !important; }
HEADER.fixed UL.menu > LI UL { padding-top: 42px; }
HEADER.fixed LI.tel,
HEADER.fixed LI.search { width: 39px; }
#tel,
#search { position: absolute; display: none; margin-top: 125px; width: 100%; height: 70px; background-color: #F0F0F0; }
#tel { font-size: 15px; color: #DA131F; text-align: center; line-height: 70px; text-transform: uppercase; }
#tel A { color: #DA131F; }
#tel A:hover { text-decoration: underline; }
#search FORM { display: block; margin: 7px auto; height: 56px; width: 1110px; background-color: #FFF; border-radius: 10px; }
#search INPUT.keyword { margin: 0px 20px; width: 900px; height: 56px; font-size: 15px; font-weight: 500; color: #999; line-height: 56px; text-transform: uppercase; border: 0px; }
#search INPUT.search-submit { position: absolute; top: 0; margin: 6px 0px 0px 1017px; width: 86px; font-size: 15px; color: #FFF; text-align: center; line-height: 42px; background-color: #DA131F; border: 0px; border-radius: 10px; cursor: pointer; }
#search INPUT.search-submit:hover { color: #FFF; background-color: #474A4D; }
HEADER.fixed #tel,
HEADER.fixed #search { margin-top: 51px; }

    @media screen and (max-width: 1023px) {
        IMG.hp-header { top: -5px; }
        HEADER { height: 89px !important; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75); }
        HEADER.fixed { height: 51px !important; }
        HEADER DIV.holder { width: 100%; }
        HEADER IMG { margin: 25px !important; width: 125px !important; }
        HEADER.fixed IMG { margin: 7px 25px !important; }
        UL.menu { position: absolute; margin-top: 89px !important; padding: 0px 0px; width: 100%; background-color: #F0F0F0; }
        HEADER.fixed UL.menu { margin-top: 79px !important; }
        UL.menu > LI { display: none; margin-left: 0px; }
        UL.menu > LI { width: 100%; color: #DA131F; background-color: #F0F0F0; }
        UL.menu > LI > A { color: #DA131F; border: 0px; border-radius: initial; }
        UL.menu > LI EM { position: relative; display: inline-block; top: -5px; left: initial !important; margin: 0px !important; border-color: #DA131F; }
        UL.menu > LI:hover EM { margin: 0px !important; }
        UL.menu > LI#selected-menu EM { top: -2px; margin-left: -7px !important; transform: rotate(135deg); }
        UL.menu > LI UL { position: relative; /*display: block;*/ padding: 0px 0px 0px 20px !important; width: 100%; background-color: #FFF; z-index: 0; }
        UL.menu > LI#selected-menu UL { display: block; }
        UL.menu > LI UL A { background-color: #FFF; }
        HEADER.fixed UL.menu > LI > A { line-height: 53px; }
        HEADER.fixed UL.menu > LI:hover EM { display: inline-block; }
        LI.hamburger, LI.search, LI.tel { width: 45px !important; line-height: 44px !important; display: block !important; }
        LI.tel { position: absolute; top: 0; left: 100%; margin: -77px 0px 0px -150px !important; width: 45px !important; background-color: #DA131F !important; }
        LI.search { position: absolute; top: 0; left: 100%; margin: -77px 0px 0px -105px !important; width: 45px !important; background-color: #DA131F !important; }
        LI.hamburger { position: absolute; display: block; top: 0; left: 100%; margin: -77px 0px 0px -60px !important; width: 45px !important; background-color: #DA131F !important; background-image: url(../img/hamburger.png); }
        #tel,
        #search { margin-top: 89px; }
        #search FORM { width: 90%; }
        #search INPUT.keyword { padding-right: 100px; width: 90%; }
        #search INPUT.search-submit { left: auto; right: 0 !important; margin: 6px; }
    }

/* HOMEPAGE */
DIV.hp-image SPAN { position: absolute; visibility: hidden; padding: 50px 60px; width: 25%; height: 100%; /*font-size: 40px;*/ font-size: 32px; color: #333; text-align: center; background-color: rgba(255, 255, 255, 0.67); z-index: 1; }
DIV.hp-image SPAN:nth-child(1) { left: 0%; }
DIV.hp-image SPAN:nth-child(2) { left: 25%; }
DIV.hp-image SPAN:nth-child(3) { left: 50%; }
DIV.hp-image SPAN:nth-child(4) { left: 75%; }
DIV.hp-image SPAN EM { display: block; font-style: normal; }
DIV.hp-image SPAN A { margin-top: 20px; padding: 0px 30px; display: inline-block; font-size: 18px; color: #DA131F; line-height: 48px; text-transform: uppercase; border: 2px solid #DA131F; border-radius: 10px; z-index: 15; }
DIV.hp-image SPAN A:hover { color: #FFF; background-color: #DA131F; }
DIV.hp-image SPAN CANVAS { position: absolute; z-index: 10; }
DIV.circle { position: absolute; border: 2px solid #FFF; border-radius: 100%; background-image: url(../img/image.jpg); cursor: pointer; z-index: 3; }
DIV.icons { margin-bottom: 30px; }
DIV.icons H1,
DIV.icons H2 { padding: 40px 0px 20px 0px; font-size: 28px; font-weight: 700; color: #DA131F; text-align: center; text-transform: uppercase; }
DIV.icons DIV.text { margin: 0px auto 50px auto; width: 600px; font-size: 15px; text-align: center; line-height: 1.4; }
DIV.icons A { display: inline-block; float: left; padding-top: 110px; width: 250px; height: 160px; font-size: 19px; /*color: #DA131F;*/ color: #474A4D; text-align: center; border-right: 2px solid #E4E4E5; }
DIV.icons A EM { position: absolute; display: block; width: 100%; height: 100px; background-position: center bottom; background-repeat: no-repeat; background-size: auto 80px; }
DIV.werken-bij DIV.icons A EM svg { max-width: 200px; height: 100%; }
DIV.werken-bij DIV.icons A:nth-of-type(4) EM svg { max-width: 80px; height: 100%; }
DIV.werken-bij DIV.icons A:nth-of-type(1):hover .st0 { fill: #DA131F; }
DIV.werken-bij DIV.icons A:nth-of-type(1):hover .st3 { fill: #DA131F; stroke: #DA131F; }
DIV.werken-bij DIV.icons A:nth-of-type(1):hover .st1 { stroke: #DA131F; }
DIV.werken-bij DIV.icons A:nth-of-type(2):hover .st0 { fill: #DA131F; }
DIV.werken-bij DIV.icons A:nth-of-type(2):hover .st1 { stroke: #DA131F; }
DIV.werken-bij DIV.icons A:nth-of-type(3):hover .st0 { fill: #DA131F; }
DIV.werken-bij DIV.icons A:nth-of-type(4):hover .cls-1 { stroke: #DA131F; }
DIV.werken-bij DIV.icons A:nth-of-type(4):hover .cls-3 { fill: #DA131F; }
DIV.icons A:nth-child(4) { border-right: 0px !important; }
DIV.icons DIV.holder { overflow: auto; }
DIV.icon-seperator { display: none; }
DIV.hp-block { padding: 60px 0px; background-color: #F0F0F0; }
DIV.hp-block DIV.holder { display: table; }
DIV.hp-block DIV.holder > DIV { display: table-cell; width: 50%; vertical-align: top; }
DIV.hp-banner DIV.content,
DIV.hp-block DIV.content { padding-right: 40px; font-size: 15px; line-height: 1.4; }
DIV.hp-banner DIV.content DIV.title,
DIV.hp-block DIV.content DIV.title { font-size: 20px; }
DIV.hp-banner DIV.content DIV.title SPAN.grey,
DIV.hp-block DIV.content DIV.title SPAN.grey { display: block; color: #474A4D; }
DIV.hp-banner DIV.content DIV.title SPAN.red,
DIV.hp-block DIV.content DIV.title SPAN.red { display: block; color: #DA131F; }
DIV.hp-banner DIV.content DIV.text,
DIV.hp-block DIV.content DIV.text { padding: 20px 0px; }
A.default-button,
DIV.hp-block DIV.content > A { padding: 0px 15px; display: inline-block; font-size: 14px; font-weight: 700; color: #DA131F; line-height: 36px; text-transform: uppercase; border: 2px solid #DA131F; border-radius: 10px; z-index: 15; cursor: pointer; }
A.default-button:hover,
DIV.hp-block DIV.content > A:hover { color: #FFF; background-color: #DA131F; }
DIV.hp-block DIV.content > IMG { display: none; }
DIV.hp-banner { height: 460px; background-position: center center; background-size: cover; }
DIV.hp-banner DIV.content { position: absolute; right: 0 !important; left: auto; margin: 60px 0px; padding: 30px; width: 50%; background-color: #F0F0F0; }

    @media screen and (max-width: 1679px) {
        DIV.hp-image SPAN { font-size: 18px; }
        DIV.hp-image SPAN A { margin-top: 10px; padding: 0px 20px; font-size: 14px; line-height: 34px; }
    }
    /*
    @media screen and (max-width: 1365px) {
        DIV.hp-image SPAN { font-size: 24px; }
        DIV.hp-image SPAN A { font-size: 14px; }
    }
    */
    @media screen and (max-width: 1023px) {
        DIV.hp-image SPAN,
        DIV.circle { display: none; }
        DIV.icons { padding: 0px 20px; }
        DIV.icons DIV.text { width: 100%; }
        DIV.icons A { width: 50%; font-size: 15px; }
        DIV.icons A EM { background-size: auto 60px; }
        DIV.icons A:hover EM { background-size: auto 60px !important; }
        DIV.icons A:nth-child(1) { margin-bottom: 40px; }
        DIV.icons A:nth-child(2) { margin-bottom: 40px; border-right: 0px; }
        DIV.icon-seperator { position: absolute; display: block; margin-top: 160px; width: 100%; }
        DIV.icon-seperator DIV { display: inline-block; width: calc(50% - 20px); height: 21px; border-bottom: 2px solid #E4E4E5; }
        DIV.icon-seperator DIV:first-child { margin-right: 20px; }
        DIV.icon-seperator DIV:last-child { margin-left: 20px; }
        DIV.hp-block { padding: 30px; }
        DIV.hp-block DIV.holder > DIV { width: 100%; }
        DIV.hp-block DIV.content { padding: 0px; }
        DIV.hp-block DIV.content > IMG { display: block; margin-bottom: 20px; }
        DIV.hp-block DIV.image { display: none; }
        DIV.hp-banner { height: auto; background-position: top center; background-repeat: no-repeat; background-size: auto 360px; }
        DIV.hp-banner DIV.holder { padding-top: 360px; }
        DIV.hp-banner DIV.content { position: relative; margin: 0px; width: 100%; }
    }

    @media screen and (max-width: 767px) {
        DIV.hp-banner { background-size: auto 200px; }
        DIV.hp-banner DIV.holder { padding-top: 200px; }
        DIV.werken-bij DIV.icons A EM svg { max-width: 160px; height: 100%; }
        DIV.werken-bij DIV.icons A:nth-of-type(4) EM svg { max-width: 80px; height: 100%; }
    }
    
/* FOOTER */
DIV.footer-data { padding-top: 60px; border-top: 5px solid #CBCBCB; }
BODY.hp DIV.footer-data { border: 0px; height: 200px; }
DIV.footer-data DIV.holder { display: table; width: 1110px; }
DIV.footer-data DIV.holder > DIV { position: relative; display: table-cell; padding: 0px 20px; width: 20%; font-size: 15px; line-height: 1.4; border-right: 2px solid #E4E4E5; }
DIV.footer-data DIV.holder > DIV:nth-child(5) { border: 0px; }
DIV.footer-data DIV.holder > DIV DIV.title { height: 60px; font-size: 19px; color: #DA131F; line-height: 1; }
DIV.footer-data DIV.holder > DIV A { color: #474A4D; text-decoration: underline; }
DIV.footer-data DIV.holder > DIV A:hover { color: #DA131F; }
DIV.footer-data DIV.holder > DIV FORM { position: absolute; top: auto; bottom: 0; width: 100%; /*height: 100%;*/ }
DIV.footer-data DIV.holder > DIV FORM INPUT { position: absolute; display: block; top: 100%; margin: 0px 20px; padding: 0px 50px 0px 12px; width: calc(100% - 40px); height: 35px; line-height: 35px; background-color: #F2F2F2; background-image: url(../img/nieuwsbrief.png); background-size: 30px 15px; background-position: right 10px center; background-repeat: no-repeat; border: 0px; transform: translateY(-100%); }
DIV.footer-data DIV.holder > DIV DIV.social-media-icons { position: absolute; display: table; top: auto; bottom: 0; margin: 0px 20px; width: calc(100% - 40px); height: 36px; overflow: auto; /*transform: translateY(-100%);*/ }
DIV.footer-data DIV.holder > DIV DIV.social-media-icons EM { display: table-cell; width: 25%; height: 100%; text-align: left; }
DIV.footer-data DIV.holder > DIV DIV.social-media-icons EM A { display: inline-block; width: 36px; height: 36px; background-size: 36px 36px; border-radius: 100%; }
DIV.footer-data DIV.holder > DIV DIV.social-media-icons EM:nth-child(4) A { /*display: none;*/ background-image: url(../img/social-media-twitter.gif); }
DIV.footer-data DIV.holder > DIV DIV.social-media-icons EM:nth-child(1) A { background-image: url(../img/social-media-facebook.gif); }
DIV.footer-data DIV.holder > DIV DIV.social-media-icons EM:nth-child(2) A { background-image: url(../img/social-media-linkedin.gif); }
DIV.footer-data DIV.holder > DIV DIV.social-media-icons EM:nth-child(3) A { background-image: url(../img/social-media-youtube.gif); }
DIV.footer-data DIV.holder > DIV DIV.social-media-icons EM A:hover { filter: invert(100%); -webkit-filter: invert(100%); }
DIV.footer-image { padding: 30px 40px 0px 0px; text-align: right; }
DIV.footer { padding: 50px 65px; height: 180px; font-size: 34px; color: #FFF; line-height: 1; background-color: #DA131F; }
DIV.footer IMG { position: absolute; display: block; right: 0 !important; left: auto; margin: 30px 50px 0px 0px; }
#fnf EM { position: absolute; top: auto; right: 0 !important; bottom: 0 !important; left: auto; margin: 10px 29px; width: 30px; height: 15px; z-index: 99; cursor: pointer; }

    @media screen and (max-width: 1023px) {
        BODY.hp DIV.footer-data { border: 0px; height: auto; }
        DIV.footer-data DIV.holder { display: block; padding: 0px 20px; width: 100%; }
        DIV.footer-data DIV.holder > DIV { display: block; margin-bottom: 30px; padding: 0px 0px 30px 0px; width: 100%; height: 160px; border: 0px; border-bottom: 2px solid #CECECE !important; }
        DIV.footer-image { padding: 30px 0px 0px 0px; }
        DIV.footer-image IMG { display: block; margin: auto; width: 90%; }
        DIV.footer-data DIV.holder > DIV FORM INPUT { margin: 0px; width: 100%; transform: translateY(-170%); }
        DIV.footer-data DIV.holder > DIV DIV.social-media-icons { transform: translateY(-70%); }
        DIV.footer-data DIV.holder > DIV DIV.social-media-icons { margin: 0px; }
        DIV.footer { padding: 50px 30px 20px 30px; height: 250px; font-size: 24px; line-height: 1.4; text-align: center; }
        DIV.footer IMG { position: relative; margin: 20px 0px 0px 0px; width: 100%; }
    }
    
    
/* SUBHOME */
DIV.subhome-image { /*height: 460px;*/ height: 550px; background-size: cover; background-position: center center; }
DIV.subhome-image DIV.content { position: absolute; padding: 50px 0px; width: 100%; top: auto; bottom: 0 !important; background-color: rgba(255, 255, 255, 0.83); }
DIV.subhome-image DIV.content DIV.text { margin: auto; width: 600px; font-size: 18px; line-height: 1.25; text-align: center; }
DIV.subhome-image DIV.content DIV.text H1 { padding-bottom: 30px; font-size: 28px; font-weight: 700; color: #DA131F; line-height: 1.2; text-transform: uppercase; }
DIV.row { padding: 60px 0px; }
DIV.row:nth-child(2n) { background-color: #F0F0F0; }
DIV.row DIV.holder { display: table; }
DIV.row DIV.holder > DIV { display: table-cell; width: 50%; vertical-align: top; }
DIV.row DIV.content { padding-right: 40px; font-size: 15px; line-height: 1.4; }
DIV.row DIV.content DIV.title { font-size: 20px; }
DIV.row DIV.content DIV.title SPAN.grey { display: block; font-size: 18px; color: #474A4D; text-transform: uppercase; }
DIV.row DIV.content DIV.title SPAN.red { display: block; color: #DA131F; }
DIV.row DIV.content DIV.text { padding: 20px 0px; }
DIV.row DIV.content > IMG { display: none; }

    @media screen and (max-width: 1023px) {
        DIV.subhome-image { height: 370px; }
        DIV.subhome-image DIV.content { padding: 20px 0px; }
        DIV.subhome-image DIV.content DIV.text { margin: auto; padding: 0px 20px; width: 100%; font-size: 15px; }
        DIV.subhome-image DIV.content DIV.text H1 { padding-bottom: 20px; font-size: 18px; }
        DIV.row { padding: 30px; }
        DIV.row DIV.holder > DIV { width: 100%; }
        DIV.row DIV.content { padding: 0px; }
        DIV.row DIV.content > IMG { display: block; margin-bottom: 20px; }
        DIV.row DIV.image { display: none; }
    }
    
/* ARTICLE */
DIV.article { padding: 80px 0px; font-size: 15px; line-height: 1.6; }
DIV.article H1 { font-size: 24px; font-weight: 500; line-height: 1; text-transform: uppercase; }
DIV.article H2 { padding-bottom: 25px; font-size: 32px; font-weight: 500; color: #DA131F; line-height: 1.2; }
DIV.article H3 { padding-bottom: 15px; font-size: 15px; font-weight: 700; }
DIV.article P,
DIV.content P { padding-bottom: 20px; }
DIV.article P A,
DIV.content P A { color: #DA131F; }
DIV.article P A:hover,
DIV.content P A:hover { text-decoration: underline; }
DIV.article UL,
DIV.article OL,
DIV.project DIV.content OL,
DIV.project DIV.content UL { padding: 0px 0px 20px 20px; }
DIV.cta { height: 460px; background-size: cover; background-position: center center; }
DIV.layer { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.55); }
DIV.cta DIV.content { position: absolute; top: 50%; left: 50%; margin: auto; width: 600px; text-align: center; transform: translate(-50%, -50%); }
DIV.cta DIV.content DIV.title { font-size: 24px; font-weight: 700; color: #DA131F; }
DIV.cta DIV.content DIV.text { padding: 30px 0px; font-size: 15px; }

    @media screen and (max-width: 1023px) {
        DIV.article { padding: 30px; }
        DIV.article H1 { font-size: 18px; }
        DIV.article H2 { padding-bottom: 30px; font-size: 24px; }
        DIV.cta { height: 380px; }
        DIV.cta DIV.content { padding: 0px 30px; width: 100%; }
        DIV.cta DIV.content DIV.title { font-size: 18px; }
        DIV.cta DIV.content DIV.text { padding: 30px 0px; font-size: 13px; }
        DIV.holder.article IMG,
        DIV.text DIV.content IMG { width: 100% !important; height: auto !important; }
    }

/* BREADCRUMBS */
DIV.breadcrumbs { height: 100px; background-size: cover; background-position: center center; }
DIV.breadcrumbs DIV.holder { width: 1110px; }
DIV.breadcrumbs DIV.moduletable { position: absolute; top: auto; bottom: 0 !important; width: 100%; height: 50px; line-height: 50px; background-color: rgba(255, 255, 255, 0.83); }
DIV.breadcrumbs UL { list-style-type: none; font-size: 15px; font-weight: 600; text-transform: uppercase; }
DIV.breadcrumbs LI { display: inline-block; }
DIV.breadcrumbs A { color: #474A4D; }
DIV.breadcrumbs LI.active,
DIV.breadcrumbs A:hover { color: #DA131F; }
SPAN.divider { display: inline-block; top: -2px; padding: 0px 15px; }

    @media screen and (max-width: 1023px) {
        DIV.breadcrumbs { height: 60px; padding: 0px 20px; }
        DIV.breadcrumbs DIV.moduletable { padding: 0px 30px; }
        DIV.breadcrumbs UL { font-size: 12px; }
        SPAN.divider { padding: 5px; }
    }
    
    
/* CATEGORY */
DIV.paging { padding: 50px 0px; text-align: center; }
DIV.paging A { display: inline-block; margin: 10px; width: 54px; height: 54px; color: #474A4D; text-align: center; line-height: 50px; border: 2px solid #FFF; border-radius: 10px; }
DIV.paging A#selected-page { border-color: #474A4D; }
DIV.paging A:hover { border-color: #DA131F; }
DIV.items { overflow: hidden; }
A.item { float: left; display: block; margin: 50px 50px 0px 0px; width: 300px; background-color: #F0F0F0; border: 2px solid #FFF; }
A.item:hover { border-color: #DA131F; }
A.item:nth-child(3n) { margin-right: 0px; }
A.item DIV.image { height: 220px; background-size: cover; background-position: center center; }
A.item DIV.title { padding: 20px 25px; font-size: 16px; }
A.item DIV:nth-child(1) { font-weight: 700; color: #DA131F; }
A.item DIV:nth-child(2) { color: #DA131F; }
A.item DIV:nth-child(3) { font-weight: 700; color: #474A4D; }
A.item DIV:nth-child(4) { color: #474A4D; }

    @media screen and (max-width: 1023px) {
        A.item { float: none; margin: 30px 0px 0px 0px; width: 100%; border: 0px; border-left: 30px solid #FFF; border-right: 30px solid #FFF; }
        A.item:hover { border-color: #FFF; }
        DIV.paging { padding: 30px 0px; }
        DIV.paging A { display: inline-block; margin: 2px; width: 32px; height: 32px; color: #474A4D; text-align: center; line-height: 28px; border: 2px solid #FFF; border-radius: 7px; }
    }
    
/* PROJECTEN */
DIV.project { display: table; margin: 50px auto; }
DIV.project > DIV { display: table-cell; vertical-align: top; }
DIV.project DIV.left { width: 680px; }
DIV.project DIV.right { padding-left: 20px; width: 300px; }
DIV.project DIV.image { height: 346px; background-size: cover; background-position: center center; }
DIV.project DIV.mobile UL,
DIV.project DIV.right UL { margin-bottom: 50px; height: 346px; list-style-type: none; }
DIV.project DIV.mobile UL { margin-top: 30px; margin-bottom: 30px; height: auto; }
DIV.project DIV.mobile UL LI,
DIV.project DIV.right UL LI { display: block; margin-bottom: 19px; padding-right: 18px; padding-left: 18px; height: 54px; line-height: 50px; border: 2px solid #C7C7C7; border-radius: 10px; }
DIV.project DIV.mobile UL LI:last-child,
DIV.project DIV.right UL LI:last-child { margin-bottom: 0px; }
DIV.project DIV.mobile UL LI:hover,
DIV.project DIV.right UL LI:hover { background-color: #DA131F; border-color: #DA131F; }
DIV.project DIV.mobile UL LI:hover A,
DIV.project DIV.right UL LI:hover A { color: #FFF; }
DIV.project DIV.mobile UL LI A,
DIV.project DIV.right UL LI A { display: block; height: 100%; font-size: 15px; font-weight: 600; color: #474A4D; }
DIV.project DIV.mobile UL LI A { font-size: 13px; }
DIV.project DIV.left H2 { color: #DA131F; padding: 50px 0px; font-size: 32px; font-weight: 500; color: #DA131F; line-height: 1; }
DIV.project DIV.left DIV.content { padding-right: 75px; font-size: 15px; line-height: 1.6; }
DIV.project H1 { margin-bottom: 75px; font-size: 48px; font-weight: 400; color: #DA131F; line-height: 1; }
DIV.parameter { margin-bottom: 25px; font-size: 16px; font-weight: 600; }
DIV.parameter DIV.title { font-weight: normal; color: #DA131F; }
DIV.balloon { overflow: visible; }
DIV.balloon P { position: absolute; margin-top: 30px; padding: 75px 150px; width: 1000px; font-size: 30px; font-weight: 300; font-style: italic; color: #DA131F; text-align: center; line-height: 1.2; background-color: #F7F7F7; }
DIV.balloon P:before { content: ""; position: absolute; top: auto; right: 0 !important; bottom: 0 !important; left: auto; margin: 0px 200px -75px 0px; border: 0; border-left-width: 85px; border-bottom-width: 75px; border-style: solid; border-color: transparent #F7F7F7; display: block; width: 0; }
DIV.balloon P:after { content: ""; position: absolute; top: auto; right: 0 !important; bottom: 0 !important; left: auto; margin: 0px 270px -75px 0px; border: 0; border-left-width: 15px; border-bottom-width: 75px; border-style: solid; border-color: transparent #FFFFFF; display: block; width: 0; }
DIV.balloon P LABEL { position: absolute; top: auto; bottom: 0 !important; margin: 0px 0px -150px 515px; width: 400px; font-size: 15px; font-style: normal; color: #999; text-align: center; line-height: 1.4; }
DIV.balloon P LABEL SPAN { display: block; font-weight: bold; }
.catid-20 DIV.footer-data DIV.holder > DIV:nth-child(3) { display: none; }

    /* FAQ */
    DIV.faq-item { margin-bottom: 20px; padding: 15px 20px; border: 2px solid #C7C7C7; border-radius: 10px; cursor: pointer; }
    DIV.faq-item DIV.title { font-size: 16px; font-weight: 600; }
    DIV.faq-item DIV.text { display: none; padding-top: 20px; }

    /* FORM */
    FIELDSET { margin-bottom: 20px; padding: 15px 15px 0px 15px; font-size: 14px; font-weight: 600; border: 2px solid #C7C7C7; border-radius: 10px; }
    FIELDSET.no-border { margin-bottom: 10px; padding: 0px 0px 0px 15px; border-color: #FFF; }
    FIELDSET DIV.field { float: left; display: inline-block; padding-bottom: 15px; width: 50%; }
    FIELDSET DIV.field.w50:nth-child(1) { padding-right: 10px; }
    FIELDSET DIV.field.w50:nth-child(2) { padding-left: 10px; }
    FIELDSET DIV.field.w80 { padding-right: 10px; width: 80%; }
    FIELDSET DIV.field.w20 { padding-left: 10px; width: 20%; }
    FIELDSET DIV.field LABEL { display: block; padding-bottom: 15px; }
    FIELDSET DIV.field INPUT { padding: 0px 10px; width: 100%; height: 40px; font-size: 15px; line-height: 38px; border: 2px solid #ABABAB; }
    FIELDSET TABLE { float: right; font-size: 11px; }
    FIELDSET TABLE TD { text-align: center; vertical-align: bottom; line-height: 1; }
    FIELDSET TABLE TD:nth-child(2) { width: 95px; }
    FIELDSET SPAN { display: inline-block; float: right; top: -10px; }
    FIELDSET SPAN EM { display: inline-block; margin-left: 5px; width: 30px; height: 30px; text-align: center; border-radius: 100%; }
    FIELDSET SPAN EM:nth-child(1) { background-color: #008644; }
    FIELDSET SPAN EM:nth-child(2) { background-color: #90C343; }
    FIELDSET SPAN EM:nth-child(3) { background-color: #FFDE17; }
    FIELDSET SPAN EM:nth-child(4) { background-color: #FE9C06; }
    FIELDSET SPAN EM:nth-child(5) { background-color: #DE1C36; }
    FIELDSET SPAN EM INPUT { top: 50%; transform: translateY(-50%); }
    DIV.info { padding-bottom: 20px; font-size: 11px; text-align: right; }
    FIELDSET SELECT { float: right; top: -7px; height: 40px; width: 50px; font-size: 15px; line-height: 38px; border: 2px solid #ABABAB; }
    FIELDSET TEXTAREA { display: block; margin: 15px 0px; padding: 10px; width: 100%; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.4; border: 2px solid #ABABAB; }
    #contact-submit,
    #tevredenheidsenquete-submit { visibility: hidden; width: 10px; height: 10px; }

    @media screen and (max-width: 1023px) {
        FIELDSET SELECT { float: none; display: block; margin-top: 10px; }
        FIELDSET SPAN { float: none; }
    }

    @media screen and (max-width: 680px) {
        FIELDSET TABLE { float: none; }
    }

    /* SLIDESHOW */
    DIV.slideshow { display: table; visibility: hidden; margin-top: 50px; height: 500px; overflow: hidden; }
    DIV.slideshow DIV.left { display: table-cell; width: 680px; height: 100%; vertical-align: top; }
    DIV.slideshow DIV.right { display: table-cell; padding: 30px; width: 300px; background-color: #F0F0F0; border-left: 1px solid #FFF; vertical-align: top; z-index: 500; }
    DIV.slideshow DIV.slide { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center center; }
    DIV.slideshow DIV.slide IMG { width: 100%; height: 100%; opacity: 0; }
    DIV.slideshow DIV.content { font-size: 16px; font-weight: 500; line-height: 1.6; }
    DIV.slideshow A { position: absolute; display: inline-block; top: auto; bottom: 0 !important; margin: 0px 0px 30px 30px; width: 54px; height: 54px; text-align: center; line-height: 50px; border: 2px solid #F0F0F0; border-radius: 10px; }
    DIV.slideshow A.right { right: 0 !important; left: auto; margin: 0px 30px 30px 0px; }
    DIV.slideshow A EM { position: absolute; display: block; top: 50%; left: 50%; margin: -7px 0px 0px -5px; width: 15px; height: 15px; }
    DIV.slideshow A.left EM { border-top: 2px solid #474A4D; border-left: 2px solid #474A4D; transform: rotate(-45deg); }
    DIV.slideshow A.right EM { margin: -7px 0px 0px -10px; border-top: 2px solid #474A4D; border-right: 2px solid #474A4D; transform: rotate(45deg); }
    DIV.slideshow A:hover,
    DIV.slideshow A:hover EM { border-color: #DA131F; }

    @media screen and (max-width: 1023px) {
        DIV.project-holder { padding: 0px 30px; }
        DIV.slideshow { display: block; width: 100%; height: auto; }
        DIV.slideshow DIV.left { display: block; width: 100%; height: 200px; }
        DIV.slideshow DIV.right { display: block; width: 100%; }
        DIV.slideshow DIV.content { padding-bottom: 75px; font-size: 14px; }
        DIV.slideshow DIV.right { padding: 15px; }
        DIV.slideshow A { margin: 0px 0px 15px 15px; }
        DIV.slideshow A.right { margin: 0px 15px 15px 0px; }
        DIV.project,
        DIV.project > DIV { display: block; padding: 0px !important; width: 100% !important; }
        DIV.project DIV.left DIV.content { padding: 0px; }
        DIV.project H1 { margin-bottom: 45px; font-size: 36px; }
        DIV.project DIV.right { display: none; }
        DIV.balloon P { margin-left: -30px; padding: 30px; width: calc(100% + 60px); }    
        DIV.balloon P:before { content: ""; position: absolute; top: auto; right: auto !important; bottom: 0 !important; left: 0px !important; margin: 0px 0px -35px 60px; border: 0; border-left-width: 40px; border-bottom-width: 35px; border-style: solid; border-color: transparent #F7F7F7; display: block; width: 0; }
        DIV.balloon P:after { content: ""; position: absolute; top: auto; right: auto !important; bottom: 0 !important; left: 0px !important; margin: 0px 0px -35px 60px; border: 0; border-left-width: 8px; border-bottom-width: 35px; border-style: solid; border-color: transparent #FFFFFF; display: block; width: 0; }
        DIV.balloon P LABEL { margin: 0px 0px -110px 90px; }
        DIV.project DIV.image { height: 200px; background-size: auto; }
        DIV.project DIV.left H2 { padding: 30px 0px; font-size: 18px; }
        FIELDSET DIV.field { padding: 0px !important; margin-bottom: 20px; width: 100% !important; }
        FIELDSET SPAN { margin: 20px 0px; }
    }
    
/* NEWS */
DIV.news A.item { background-color: #FFF; border: 0px; }
DIV.news A.item:hover DIV.image { -webkit-filter: contrast(160%); filter: contrast(160%); }
DIV.news A.item DIV.date { padding-top: 20px; color: #474A4D; }
DIV.news A.item DIV.title { display: block; overflow: hidden; padding: 0px; height: 45px; font-size: 18px; font-weight: 600; color: #DA131F; text-align: left; line-height: 1.2; }
DIV.news A.item DIV.text { display: block; overflow: hidden; height: 90px; line-height: 1.5; }
DIV.news A.item DIV.read-more { padding: 10px 0px; font-weight: 700; color: #DA131F; }
DIV.news A.item DIV.read-more:hover { text-decoration: underline; }
DIV.holder.article.news { margin: auto; padding-bottom: 20px; width: 880px; }
DIV.holder.article.news H1 { padding-bottom: 75px; font-size: 32px; font-weight: 500; color: #DA131F; text-transform: initial; line-height: 1.2; }
DIV.article DIV.date { font-size: 24px; text-transform: uppercase; }
DIV.article DIV.image { margin-bottom: 50px; height: 550px; }
DIV.article DIV.image IMG { width: 100%; }
DIV.share { padding: 50px 0px 0px 0px; font-size: 28px; text-align: center; }
DIV.share A { display: inline-block; margin: 30px 20px; width: 53px; height: 55px; background-size: cover; background-position: center center; border-radius: 100%; }
DIV.share A:hover { filter: invert(100%); }
DIV.share SPAN A:nth-child(1) { /*display: none;*/ background-image: url(../img/share-twitter.png); }
DIV.share SPAN A:nth-child(2) { background-image: url(../img/share-facebook.png); }
DIV.share SPAN A:nth-child(3) { background-image: url(../img/share-linkedin.png); }
DIV.more-news { overflow: hidden; margin-bottom: 75px; border-top: 5px solid #CBCBCB; }
DIV.more-news DIV.title { padding-top: 50px; font-size: 32px; font-weight: 500; color: #DA131F; text-align: center; line-height: 1.2;  }

    @media screen and (max-width: 1023px) {
        DIV.holder.news DIV.items { padding: 0px 30px; }
        DIV.news A.item DIV.text { height: auto; }
        DIV.holder.article.news { width: 100%; }
        DIV.article DIV.image { height: auto; }
        DIV.article DIV.date { font-size: 18px; }
        DIV.holder.article.news H1 { padding-bottom: 25px; font-size: 24px; }
        DIV.share A { margin: 30px 10px; }
        DIV.more-news-holder { padding: 0px 30px; }
    }
    
    @media screen and (max-width: 680px) {
        DIV.article DIV.image { height: 200px; }
    }

/* VACATURES */
DIV.vacatures { padding-bottom: 20px; }
DIV.vacatures A { display: block; font-size: 22px; color: #DA131F; }
DIV.vacatures A:hover SPAN { text-decoration: underline; }

    @media screen and (max-width: 1023px) {
        DIV.vacatures A { font-size: 16px; }
    }

/* CONTACT */
DIV.holder.contact { display: table; }
DIV.holder.contact > DIV { display: table-cell; padding: 50px 0px; width: 500px; vertical-align: top; }
DIV.holder.contact DIV.left { padding-right: 50px; }
DIV.holder.contact DIV.right IFRAME { width: 500px; height: 400px; }
DIV.holder.contact.second DIV.left,
DIV.holder.contact.second DIV.right { padding-top: 0px; }
DIV.contact DIV.content A { color: #474A4D; }
DIV.contact DIV.content A:hover { text-decoration: underline; }
DIV.landingpage FORM,
DIV.holder.contact FORM { display: block; padding: 0px 30px 30px 30px; background-color: #F0F0F0; }
DIV.holder.contact.nieuwsbrief FORM { background-color: #FFF; }
DIV.holder.contact FORM DIV.title { padding: 40px 0px 20px 0px; font-size: 18px; color: #DA131F; }
DIV.landingpage FORM LABEL,
DIV.holder.contact FORM LABEL { display: block; padding: 10px 0px 5px 0px; font-weight: 600; }
DIV.landingpage FORM TEXTAREA,
DIV.holder.contact FORM TEXTAREA,
DIV.landingpage FORM INPUT,
DIV.holder.contact FORM INPUT { padding: 0px 10px; width: 100%; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 35px; border: 1px solid #999; }
DIV.holder.contact FORM SELECT { padding: 0px 10px; width: 100%; height: 37px; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 35px; border: 1px solid #999; }
DIV.landingpage FORM A,
DIV.holder.contact FORM A { margin-top: 10px; }
#contact-form,
#nieuwsbrief-form { position: absolute; margin-top: -200px; }
DIV.google-map-overlay { display: none; }
DIV.form-title { padding-top: 30px; font-size: 25px; color: #DA131F; text-align: center; text-shadow: 0 0 10px #FFF; }
#thankform { padding: 0px; }
.thank-h1 { text-align: center; text-transform: none !important; }
.thank-h1 A { color: #DA131F; text-decoration: underline; }

    @media screen and (max-width: 1023px) {
        DIV.holder.contact,
        DIV.holder.contact > DIV,
        DIV.holder.contact DIV.right IFRAME { display: block; width: 100%; }
        DIV.holder.contact DIV.left { padding: 0px 30px; }
        DIV.holder.contact.first { padding-top: 30px; }
        DIV.holder.contact.second DIV.right { padding-bottom: 0px; }
        DIV.google-map-overlay { display: block; margin-top: -400px; height: 400px;}
    }

/* LANDINGSPAGINA'S */    
.Itemid-126 UL.menu,
.Itemid-126 DIV.footer-data,
.Itemid-126 DIV.footer-image { display: none; }
.Itemid-126 A.back { display: block; position: absolute; right: 0 !important; left: auto; margin-top: 60px; font-size: 14px; font-weight: 600; color: #FFF; text-transform: uppercase; }
.Itemid-126 A.back:hover { text-decoration: underline; }
.Itemid-126 HEADER.fixed A.back { margin-top: 15px; }
DIV.landingpage DIV.title { font-size: 40px; font-weight: 700; color: #FFF; line-height: 85px; text-align: center; background-color: #464A4D; }
DIV.landingpage DIV.introtext { padding: 50px 0px; font-size: 18px; text-align: center; background-color: #F0F0F0; }
DIV.landingpage DIV.holder { margin: auto; width: 880px; }
DIV.landingpage DIV.text { padding: 50px 0px; }
DIV.landingpage-footer { background-image: url(../img/landingspagina-footer.jpg); background-size: cover; background-position: center center; }
DIV.landingpage FORM { width: 600px; margin: auto; padding: 50px 0px; background: transparent; }
DIV.landingpage FORM DIV.title { font-size: 36px; color: #DA131F; background: transparent; }

    @media screen and (max-width: 1023px) {
        .Itemid-126 A.back { margin-top: 40px !important; padding-right: 10px; font-size: 10px; }
        DIV.landingpage DIV.title { padding: 0px 30px; font-size: 18px; }
        DIV.landingpage DIV.holder { padding: 0px 30px; width: 100%; }
        DIV.landingpage DIV.introtext { padding-top: 20px; padding-bottom: 20px; font-size: 14px; }
        DIV.landingpage FORM { padding: 50px 30px; width: 100%; }
    }
    
/* SEARCH RESULTS */
#search-results { padding: 50px 0px; }
#search-results UL { list-style-type: none; }
#search-results UL LI { padding-bottom: 20px; }
#search-results UL A { color: #DA131F; }
#search-results UL A:hover { text-decoration: none; }
DIV.pagination UL { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 1000; }
DIV.pagination LI { display: inline-block; margin: 0px 10px; }

/* VIDEO BANNER */
DIV.gradient { position: absolute; width: 50%; height: 100%; background-image: linear-gradient(to right, rgba(218,19,31,0.75),rgba(125,185,232,0)); }
DIV.gradient > DIV { position: absolute; top: 50%; padding: 0px 70px; transform: translateY(-50%); }
DIV.gradient DIV.title { padding-bottom: 20px; font-size: 20px; color: #FFF; }
DIV.gradient A { padding: 0px 15px; display: inline-block; font-size: 14px; font-weight: 700; color: #FFF; line-height: 36px; text-transform: uppercase; border: 2px solid #FFF; border-radius: 10px; cursor: pointer; }
DIV.gradient A:hover { color: #DA131F; background-color: #FFF; }
#video-layer { position: fixed; top: 0; width: 100%; height: 100%; z-index: 99999; background-color: rgba(0, 0, 0, 0.75); border-top: 100px solid transparent; border-bottom: 100px solid transparent; }
#video-layer > DIV { position: absolute; display: block; overflow: hidden; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
#video-layer EM { position: absolute; top: 0; right: 0; left: auto; margin: -30px 20px 0px 0px; width: 40px; height: 40px; background-size: cover; z-index: 1; cursor: pointer; }

@media screen and (max-width: 1023px) {
    DIV.videobanner { height: 400px; background-size: cover; }
    DIV.gradient { width: 50%; }
}

@media screen and (max-width: 767px) {
    DIV.gradient { width: 100%; text-align: center; }
    DIV.gradient > DIV { padding: 20px; width: 100%; }
    #video-layer { border-top: 50px solid transparent; border-bottom: 50px solid transparent; }
}

/* NEW HERO */

.hero-steps { display: block; position: relative; height: 100vh; max-height: 500px; background-position: center center; background-size: cover; }
.hero-steps-anim { display: block; position: absolute; left: auto; right: 0; top: 0; height: 100vh; width: 100vh; max-height: 500px; max-width: 500px; }
.hero-kader { background: rgba(255,255,255,0.66); padding: 25px; position: absolute; top: 50%; margin-top: -70px; right: 75px; left: 75px; }
.hero-steps h1 { font-size: 21px; font-weight: 700; color: #FFF; /*position: absolute; top: 50%; transform: translateY(-50%);*/ padding: 0 230px 0 30px; margin: 0; display: block; width: 100%; box-sizing: border-box; color: #4a6343; }
.hero-steps a.default-button { padding: 0px 15px; display: inline-block; font-size: 14px; font-weight: 700; color: #4a6343; line-height: 36px; text-transform: uppercase; border: 2px solid #4a6343; border-radius: 10px; z-index: 15; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; right: 30px; left: auto; }
.hero-steps a.default-button:hover { color: #FFF; border: 2px solid #FFF; background: #4a6343; background: #8b9450; }

    @media screen and (max-width: 1680px) {
        .hero-steps { max-height: 420px; }
    }

    @media screen and (max-width: 1365px) {
        .hero-steps { max-height: 300px; }
    }

    @media screen and (max-width: 1023px) {
        .hero-steps { max-height: 200px; }
    }

    @media screen and (max-width: 767px) {
        .hero-steps { max-height: 120px; }
        .hero-kader,
        .hero-steps-anim { display: none; }
    }

    @media screen and (max-width: 400px) {
        .hero-steps { max-height: 100px !important; }
    }

    @media screen and (max-width: 720px) {
        .hero-kader { text-align: center; top: 75px; margin-top: 0; right: 25px; left: 25px; }
        .hero-steps h1 { position: relative; top: 0; transform: translateY(0); padding: 0; margin: 0 0 50px 0; font-size: 15px; }
        .hero-steps a.default-button { position: relative; top: 0; margin-top: 0; right: auto; left: auto; }
    }

/* WERKEN BIJ */
DIV.werken-bij DIV.holder { padding-bottom: 40px; }
DIV.werken-bij DIV.subhome-image { height: 230px; }
DIV.werken-bij DIV.subhome-image DIV.content { padding: 30px 0px 10px; }
DIV.werken-bij DIV.items { padding-bottom: 40px; }
DIV.werken-bij DIV.items A.item { margin-bottom: 20px; background-color: #FFF; }
DIV.werken-bij DIV.items A.item DIV.title { padding: 20px 0px; }
DIV.werken-bij DIV.items A.item DIV.title > DIV:nth-child(1) { overflow: hidden; margin-bottom: 10px; height: 50px; }
DIV.werken-bij DIV.items A.item DIV.image { height: 185px; }
DIV.werken-bij DIV.items A.item DIV:nth-child(1) { font-size: 18px; }
DIV.werken-bij DIV.items A.item DIV:nth-child(2) { font-size: 18px; font-weight: 700; color: #777; }
DIV.werken-bij DIV.items A.item DIV:nth-child(3) { overflow: hidden; margin-bottom: 10px; height: 60px; font-size: 14px; font-weight: normal; }
DIV.werken-bij DIV.items A.item DIV:nth-child(4) { font-size: 14px; color: #DA131F; }
DIV.werken-bij DIV.items A.item:hover { border: 2px solid #FFF; }
DIV.werken-bij DIV.items A.default-button { position: absolute; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); }
DIV.hidden-items { display: none; margin-top: -60px; }
DIV.hidden-items A.item { margin-bottom: 0px !important; }
DIV.werken-bij DIV.gradient DIV.title { max-width: 400px; font-weight: bold; }
DIV.werken-bij DIV.gradient DIV.text { max-width: 450px; color: #FFF; }
DIV.werken-bij #play-video { margin-top: 20px; cursor: pointer; }
DIV.werken-bij #play-video SPAN { position: absolute; top: 50%; padding-left: 60px; color: #EEE; text-transform: uppercase; transform: translateY(-50%); }
DIV.werken-bij #play-video:hover { opacity: 0.75; }
DIV.werken-bij DIV.usps { color: #6A6A6A; background-color: #F0F0F0; }
DIV.werken-bij DIV.icons DIV.holder { margin: 20px auto 60px; }
DIV.werken-bij DIV.icons A { color: #6A6A6A; border-right: 2px solid #FFF; }
DIV.werken-bij DIV.contact-data { display: table; left: 50%; transform: translateX(-50%); }
DIV.werken-bij DIV.contact-data > DIV { display: table-cell; vertical-align: top; }
DIV.werken-bij DIV.contact-data DIV.image { width: 180px; height: 180px; border-radius: 50%; background-size: cover; }
DIV.werken-bij DIV.contact-data UL { margin-bottom: 80px; padding-left: 40px; list-style-type: none; font-size: 20px; line-height: 2; }
DIV.werken-bij DIV.contact-data UL LI { border-bottom: 4px dotted #FFF; }
DIV.werken-bij DIV.contact-data UL LI:nth-child(1) { padding-bottom: 10px; font-weight: bold; color: #DA131F; border-bottom: 0px; }
DIV.werken-bij DIV.contact-data UL LI A { color: #6A6A6A; }
DIV.werken-bij DIV.contact-data UL LI A:hover { text-decoration: underline; }
DIV.werken-bij.vacature DIV.subhome-image { height: 175px; }
DIV.werken-bij.vacature DIV.subhome-image DIV.content { padding: 40px 0px; }
DIV.werken-bij.vacature DIV.subhome-image DIV.content DIV.text { width: 1000px; font-size: 28px; color: #6A6A6A; text-align: left; }
DIV.werken-bij.vacature DIV.subhome-image DIV.content DIV.text H1 { padding-bottom: 0px; }
DIV.werken-bij.vacature DIV.subhome-image DIV.content DIV.text A.default-button { position: absolute; right: 30px; left: auto; top: 50%; transform: translateY(-50%); }

DIV.werken-bij.vacature DIV.article { padding: 80px 0px 0px; }
DIV.werken-bij.vacature DIV.share { padding: 0px; }
DIV.werken-bij.vacature DIV.share SPAN { display: block; overflow: hidden; }
DIV.werken-bij.vacature DIV.share A { float: right; margin: 5px; width: 43px; height: 43px; }
DIV.werken-bij.vacature DIV.share A:last-child { padding-right: 5px; width: auto; font-size: 14px; font-weight: bold; color: #6A6A6A    ; line-height: 43px; text-transform: uppercase; }
DIV.for-share { margin-bottom: 20px; }
DIV.for-share A.default-button { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
DIV.hardcoded-videos H2 { padding: 40px 0px 20px 0px; font-size: 28px; font-weight: 700; color: #DA131F; text-align: center; text-transform: uppercase; }
DIV.hardcoded-videos > DIV { overflow: hidden; margin: auto; width: 960px; }
DIV.hardcoded-videos > DIV > DIV { float: left; margin-bottom: 40px; width: 460px; height: 260px; background-size: cover; }
DIV.hardcoded-videos > DIV > DIV:nth-child(2),
DIV.hardcoded-videos > DIV > DIV:nth-child(4) { float: right; }
DIV.hardcoded-videos > DIV > DIV:nth-child(1) { background-image: url(../img/medewerkers_1.jpg); }
DIV.hardcoded-videos > DIV > DIV:nth-child(2) { background-image: url(../img/medewerkers_2.jpg); }
DIV.hardcoded-videos > DIV > DIV:nth-child(3) { background-image: url(../img/medewerkers_3.jpg); }
DIV.hardcoded-videos > DIV > DIV:nth-child(4) { background-image: url(../img/medewerkers_4.jpg); }

DIV.hardcoded-videos > DIV > DIV > DIV { position: absolute; top: 0; width: 100%; height: 100%; }
DIV.hardcoded-videos > DIV > DIV > DIV > DIV.play-icon { position: absolute; top: 50%; left: 75px; transform: translateY(-50%); }
DIV.hardcoded-videos > DIV > DIV > DIV > DIV.play-icon > LABEL { top: -17px; padding-left: 20px; font-size: 22px; font-weight: bold; color: #FFF; }
DIV.medewerkerVideo { cursor: pointer; }

A.usps-default-button { left: 50%; margin-bottom: 40px; transform: translateX(-50%); }

DIV.usp-icon { position: absolute; display: block; top: -25px; right: 30px; left: auto; width: 155px; background-size: cover; }
DIV.usp-icon.samen-vieren { top: -10px; right: 75px; width: 55px; }

    @media screen and (max-width: 1023px) {
        DIV.werken-bij.vacature DIV.subhome-image DIV.content DIV.text { width: 100%; }
        DIV.werken-bij.vacature DIV.article { padding: 30px; }
        DIV.werken-bij DIV.icons A:nth-child(2) { border: 0px; }
        DIV.hardcoded-videos > DIV { width: 100%; }
        DIV.hardcoded-videos > DIV > DIV:nth-child(2),
        DIV.hardcoded-videos > DIV > DIV:nth-child(4),
        DIV.hardcoded-videos > DIV > DIV { float: none; width: 100%; border-left: 30px solid #FFF; border-right: 30px solid #FFF; }
        DIV.werken-bij DIV.items A.default-button { margin-top: 20px; left: 50%; transform: translateX(-50%); }
    }

    @media screen and (max-width: 767px) {
        DIV.werken-bij DIV.gradient DIV.title { max-width: 100%; }
        DIV.werken-bij DIV.items A.item:hover { border-right: 30px solid #FFF; border-left: 30px solid #FFF; }
        DIV.werken-bij.vacature DIV.subhome-image { height: 225px; }
        DIV.werken-bij.vacature DIV.subhome-image DIV.content DIV.text A.default-button { position: relative; right: auto; top: auto; }
        DIV.werken-bij DIV.contact-data,
        DIV.werken-bij DIV.contact-data > DIV { display: block; left: 0; width: 100%; transform: none; }
        DIV.werken-bij DIV.contact-data DIV.image { left: 50%; transform: translateX(-50%); }
        DIV.werken-bij DIV.contact-data UL { display: table; left: 50%; margin: 0px; padding: 40px 0px; transform: translateX(-50%); }
        DIV.for-share { text-align: right; }
        DIV.for-share A.default-button { position: relative; margin-top: 20px; }
        DIV.werken-bij.vacature DIV.share A:last-child { font-size: 12px; }
        DIV.werken-bij #play-video { display: inline-block; width: 220px; text-align: right; }
        DIV.werken-bij #play-video SPAN { padding-left: 0px; }
    }