@charset "utf-8";
/* CSS Document */

input[type="submit"], input[type="button"], input[type="text"], input[type="password"], textarea { -webkit-border-radius:0; -webkit-appearance: none; }
a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

/* #Media Queries
================================================== */
@media screen and (max-width:1820px) {
img {max-width:100%; }
/*.pop-box { min-height: 673px; }*/
}
@media screen and (max-width:1720px) {
/*.pop-box, .three-column-left .pop-box { min-height: 636px; }*/
}
@media screen and (max-width:1660px) {
/*.pop-box { min-height: 614px; }*/
.content-pad li .symbol, .content-pad li .img-txt { font-size:15px; line-height:22px; }
.content-pad li .img-txt { padding: 0 15%; }
.pop-box, .who-box, .three-column-left .pop-box { font-size:15px; }
}
@media screen and (max-width:1560px) {
/*.pop-box, .three-column-left .pop-box { min-height:575px; }*/

.four-column-right.our-name .pop-txt { padding: 14% 25% 3% 2.5%; }
}
@media screen and (max-width:1440px) {
	.who-box { height:auto; }
	
/*.pop-box { min-height:533px; }*/
.pop-txt.contact .txtbox { width:69%;}
} 
@media screen and (max-width:1366px) {
/*.pop-box, .three-column-left .pop-box { min-height:500px; }*/
.content-pad li .symbol, .content-pad li .img-txt,.pop-box, .who-box { font-size:14px; line-height:20px; }
.content-pad li .img-txt { padding: 0 12%; }
.pop-box { font-size:14px; }
.content-pad li #popbox p { line-height:20px; }
.content-pad li .close img { max-width:24px; }
.pop-txt.contact .txtbox { width:69%;}
}

@media screen and (max-width:1300px) {
.content-pad li .symbol, .content-pad li .img-txt,.pop-box, .who-box, .content-pad li #popbox p { font-size:14px; line-height:20px; }
.two-column-right .pop-txt { padding:35% 9% 10%; }
.four-column-right.our-name .pop-box, /*.four-column-right.young-one .pop-box, .three-column-left.profit .pop-box,*/ .who-box { height:auto; }
.venna img { max-width:80%; }
.who-we .pop-box { height: 204%;}
.pop-txt.contact .txtbox { width:67%;}
.pop-txt.contact .txtbox-email { width:88.5%; }
}

@media screen and (max-width:1200px) {
/*.pop-box, .three-column-left .pop-box { min-height:445px; }*/
.content-pad li .img-txt span { display:inline-block; }
.content-pad li .img-txt { padding: 0 11%; }
.content-pad li .symbol, .content-pad li .img-txt, .pop-box, .who-box, .content-pad li #popbox p { font-size:13px; line-height:18px; }
.two-column-right { width:306%; }
.two-column-right .pop-txt { padding:23% 8% 8%; }
.content-pad li .close img { max-width:22px; }
.img-right { padding-top:0px;}
.four-column-right.our-name .pop-txt { padding: 15% 5% 3% 2.5%; }
.mo-film .pop-box { height:auto; }
.three-column-left.mo-film .pop-txt { padding:26% 6% 5%; }

.two-column-right.social { width:203%; }
.two-column-right.social .pop-txt { padding:15% 5% 5% 10%; }
.pop-txt.contact .txtbox { width:67%;}
.pop-txt.contact .txtbox-email { width:88.5%; }
}
@media screen and (max-width:1130px) {
.pop-txt.contact .txtbox { width:66%;}
.pop-txt.contact .txtbox-email { width:88.5%; }
}

@media screen and (max-width:1100px) {
/*.pop-box, .three-column-left .pop-box { min-height:410px; }*/

.three-column-left .news .pop-txt { padding:23% 5% 3% 3%; }
.four-column-right.young-one .pop-box	{ height:auto; }
.who-we img	{ margin-top:5px; }
.one-column-left.where { width:203%; }
.three-column-left.profit .pop-box { height:auto; }
.three-column-left.profit .lft-space .pop-txt { padding: 8% 3% 5% 32%; }
.one-column-left.where .pop-txt { padding: 35% 10% 7%; }
}
@media screen and (max-width:1115px) {
.content-pad li .contact .pop-box { height:auto; padding-bottom:5px; }
.pop-txt.contact .txtbox { width:65.5%;}
.pop-txt.contact .txtbox-email { width:88.5%; }
}
@media screen and (max-width:1081px) {
.content-pad li .contact .pop-box { height:auto; padding-bottom:5px; }
.pop-txt.contact .txtbox { width:63.5%;}
.pop-txt.contact .txtbox-email { width:87.1%; }
}
@media screen and (max-width:1024px) {
.content-pad { margin: 20px 2%; width: 96%; }
.content-pad li .img-txt { padding: 0 10%; }
.four-column-right.our-name .pop-box, /*.four-column-right.young-one .pop-box, .three-column-left.profit .pop-box, .who-box { height:auto; }
/*.pop-box, .three-column-left .pop-box { min-height:410px; }*/
.pop-box, .who-box { border: 8px solid #231f20; }
.mo-film .pop-box	{ height:auto; }
.three-column-left.profit .pop-box	{ height:auto; }
.two-column-right { width:305%; }
.four-column-left, .four-column-right { width:407%; }
.full-column-right{ width:510%; }
.pop-txt { padding:30% 10% 7%; }
.two-column-right .pop-txt {  padding: 23% 8% 7%; }
.two-column-left .pop-txt, .one-column-left .pop-txt {  padding:35% 10% 7%; }
.one-column-left { width:203%; }
.who-box .pop-txt, who-we .pop-txt {  padding:35% 5% 10%; }
.four-column-left .pop-txt { padding: 21% 5% 5%; }
.four-column-right .pop-txt { padding:10% 25% 5% 5%; }
.content-pad li .full-column-right .pop-txt.contact { padding:4% 5% 0; }

.pop-box, .who-box, .content-pad li #popbox p { font-size:13px; line-height:20px; padding:5px 0; }
.content-pad li .full-column-right .pop-txt { float:left; width:79%; padding:0 5%;}
.content-pad li .full-column-right .pop-txt li { margin:0px; display:inline-block; width:auto; padding-left:3%; }
.content-pad li .full-column-right .pop-txt li:first-child { width:17%; }
.content-pad li .full-column-right .pop-txt li.mail { width:22%; }
.close a { padding:6px 8px 8px;}
.content-pad li .close img { max-width:20px; }
.four-column-right .close, .four-column-right .close img,
.two-column-right .close, .two-column-right .close img { float:left !important; }

.brandtech .pop-box label { font-size:13px; width:12%; }
.brandtech .pop-box .pop-txt { padding:30% 5% 10% 10%; }
.content-pad li .contact .pop-box { height:auto; }
.pop-txt.contact .txtbox { width:65%; }
.content-pad li .full-column-right .pop-txt.contact { padding:0 5% 2%; }

}
@media screen and (max-width:900px) {
.content-pad li .img-txt { padding: 0 9%; }
.content-pad li .symbol, .content-pad li .img-txt { font-size:11px; line-height:16px; }
.content-pad li .symbol { line-height:12px; }
.pop-box, .who-box, .content-pad li #popbox p { font-size:12px; }
.pop-box, .who-box { border:7px solid #231f20; }
.why-popup .pop-box, .who-we .pop-box	{ height:auto; }
.what-do .pop-box	{ height:410%; }

.brandtech .pop-box label { font-size:13px; width:15%; }


}
@media screen and (max-width:800px) {
.content-pad { margin: 20px 1.5%; width:97%; }
.content-pad li .img-txt { padding: 0 8%; }
.content-pad li .symbol, .content-pad li .img-txt { font-size:11px; line-height:14px; }
.content-pad li .symbol { line-height:12px; }
.pop-box, .who-box { border:6px solid #231f20; }
.two-column-right .pop-txt {  padding:23% 6% 7%; }
.four-column-right .pop-txt {  padding:10% 25% 5% 6%; }
.three-column-left .lft-space .pop-txt { padding:10% 6% 5% 25%; }
.content-pad li .full-column-right .pop-txt.contact { padding: 3% 5% 0; line-height:19px; }
.four-column-right.our-name .pop-txt {padding: 18% 3% 5% 3%; }

.four-column-right .close, .four-column-right .close img, .two-column-right .close, .two-column-right .close img, .full-column-right .close, .full-column-right .close img { float:left !important; }
.firstdiv { width:57%; margin-right:3%;}
.img-right { padding:10px 0 10px 0!important; width:40%; margin-right:0; }
.img-right img { float:left; width:100%!important; margin-right:3%; }
.three-column-left .news .pop-txt h1 { font-size:13px; }
.news li a { font-size:12px; }

.two-column-right.social { width:306%; }
.two-column-right.social .pop-txt { padding:10% 5% 5% 20%; }
.brandtech .pop-box label { font-size:12px; width:15%; }
.brandtech .pop-box .txtbox { margin:6px 0px; }
.brandtech .pop-txt { font-size:13px; }
.pop-txt.contact .txtbox { width:61%; }
.pop-txt.contact .small-boxf .first-name span { margin:-5px 0 0 9%; font-size:11px; }
.pop-txt.contact .small-boxl .last-name span { margin:-5px 0 0 8%; font-size:11px; }
.pop-txt.contact .txtbox-email { width:86.3%; }
.content-pad li .full-column-right .pop-txt.contact { padding:0% 5% 3% 5%; }
.pop-txt.contact .wpcf7-validation-errors { margin-top:50px; width:100%; }
}


@media screen and (max-width:767px) {
body { -webkit-text-size-adjust: none; }
.content-pad li .img-txt { font-size:9px; line-height:11px; }
.close a { padding:3px 10px 5px 10px;}
.content-pad li .close img { max-width:20px; }
.content-pad li #popbox p { font-size:12px; line-height:18px; padding: 3px 0; }

.two-column-left, .two-column-left, .one-column-left { width:305%; }
.two-column-left .pop-txt, .one-column-left .pop-txt, .two-column-right .pop-txt, .three-column-left .lft-space .pop-txt { padding:25% 8% 7%; }
.four-column-right .pop-txt, .four-column-left .pop-txt { padding: 20% 7% 5%; }
.who-box .pop-txt, who-we .pop-txt{ padding:25% 8% 7%; }
.content-pad li .full-column-right .pop-txt.contact { padding:1% 25% 0 5%; width:70%; }
.content-pad li #popbox .pop-txt.contact p { line-height:20px; }
.what-do .pop-box	{ height: auto; }

.two-column-right.social .pop-txt { padding:8% 5% 5% 20%; }
.brandtech .pop-box label { font-size:12px; width:20%; }
.brandtech .pop-box .txtbox { margin:5px 0px; width:70%; height:22px; line-height:24px; }
.brandtech .pop-box .submit  { font-size:12px; line-height:24px; }
.brandtech .pop-box { height:auto; }
.brandtech .pop-box input[type="text"].txtbox, .brandtech .pop-box input[type="email"].txtbox { width:70%;  }
.brandtech .pop-box input.submit[type="submit"], .brandtech .pop-txt { font-size:13px; }
span.wpcf7-not-valid-tip, div.wpcf7-validation-errors { font-size:11px; }

.pop-txt.contact .txtbox { width:47%; }
.pop-txt.contact .small-boxf .first-name span { margin:-5px 0 0 0%; font-size:11px; }
.pop-txt.contact .small-boxl .last-name span { margin:-5px 0 0 0%; font-size:11px; }
.pop-txt.contact .txtbox-email { width:81.3%; }
.content-pad li .full-column-right .pop-txt.contact { padding:0% 5% 3% 5%; }
.pop-txt.contact .wpcf7-validation-errors { margin-top:50px; width:100%; }

}

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
.pop-box, .who-box, .social .pop-box, .brandtech .pop-box { border:5px solid #231f20; }
.content-pad li { width: 19.2%; margin: 0.4%; }
.content-pad li .img-txt { font-size:8px; line-height:9px; padding:0 3%; }

.one-column-left.where, .three-column-left.the-news { width:305%; }
.two-column-left.who-we, .two-column-right.what-do, .four-column-left.mo-film, .four-column-right.young-one { width:407%; }
.two-column-left.why-popup, .four-column-right.our-name, .three-column-left.profit, .full-column-right.contact { width:510%; }
.two-column-left.who-we .pop-txt { padding:20% 5% 5%; }
.two-column-right.what-do .pop-txt, .four-column-left.mo-film .pop-txt, .four-column-right.young-one .pop-txt { padding:20% 5% 5%; }
.one-column-left.where .pop-txt, .three-column-left.the-news .pop-txt { padding:25% 7% 5%; }
.two-column-left.why-popup .pop-txt, .four-column-right.our-name .pop-txt { padding:15% 4% 5%; }
.three-column-left.profit .pop-txt { padding:16% 4% 5%; }
.who-box .pop-txt, who-we .pop-txt{ padding:14% 5% 5%; }
.content-pad li .full-column-right .pop-txt.contact { padding: 0 25% 3% 9%; width:65%; }
.content-pad li .symbol-young img { max-width: 87% !important; }
.three-column-left .news, .who-box, .content-pad li .full-column-right .pop-box, .one-column-left.where .pop-box{ height:auto; }
.full-column-right.contact .close a { padding-top:6px; }
.four-column-right.young-one .close img { position:absolute; left:10px; }

.firstdiv { width:100%; margin-right:0;}
.img-right { display:none; margin:0px; }
.mob-img { display:block; }
.three-column-left .news .pop-txt h1 { font-size:12px; line-height:18px;  }
.news li a { font-size:11px; }
.content-pad li ul.news li { width:100%; padding:0px 0px;}

.two-column-right.social .pop-txt { padding:5% 5% 10% 17%; }
.social .pop-box a { margin:0 15% 0 -10%; }
.brandtech .pop-box { height:auto; }
.brandtech .pop-box label { width:22%; }
.brandtech .pop-box input[type="text"].txtbox { margin:5px 0;}
.brandtech .pop-txt { font-size:12px; }
.brandtech .pop-box .pop-txt { padding:30% 5% 10%; }
.brandtech .pop-box input[type="submit"].submit { width:50%; }
.pop-txt.contact .txtbox { width:60%; }
.pop-txt.contact .small-boxf, .pop-txt.contact .small-boxl{ width:100%; }
.pop-txt.contact .small-boxl .last-name span { margin:-5px 0 0 0%; font-size:11px; }
.pop-txt.contact .txtbox-email { width:72%; margin-top:5px; }
.pop-txt.contact .user-email span { margin:-5px 0 10px 0; }
.pop-txt.contact .wpcf7-validation-errors { margin-top:50px; width:100%; }


}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
.content-pad { margin: 20px 1.5%; width: 97%; }
.content-pad li { width:32.33%; margin: 0.5%; }
.pop-box, .who-box { border:4px solid #231f20; }
.content-pad li .img-txt { font-size:8px; line-height:10px; padding:0 4%; }

.two-column-left.who-we { width:203%; }
.two-column-left.why-popup, .four-column-left.mo-film, .four-column-right.our-name, .one-column-left.where { width:305%; right:0; left:auto; }
.three-column-left.profit,.full-column-right.contact, .four-column-right.young-one, .two-column-right.social   { width:305%; left:0; }
.two-column-right.what-do, .three-column-left.the-news, .three-column-left.mo-film { left: 50%; margin-left: -152.5% !important; right: auto; width: 305%; }

.two-column-left.who-we .pop-txt { padding:40% 5% 10%; }
.two-column-left.why-popup .pop-txt, .two-column-right.what-do .pop-txt, .one-column-left.where .pop-txt, 
.four-column-left.mo-film .pop-txt, .four-column-right.our-name .pop-txt, .three-column-left.profit .pop-txt,
.four-column-right.young-one .pop-txt, .three-column-left.the-news .pop-txt { padding:27% 4% 2%; }
.content-pad li .full-column-right .pop-txt.contact { padding:18% 4% 2%; width:92%; }

.two-column-right.what-do .close, .two-column-right.what-do .close img, .four-column-right.young-one .close, .four-column-right.young-one .close img, .full-column-right.contact .close, .full-column-right.contact .close img{ float: right !important; }
.two-column-left.why-popup .close, .two-column-left.why-popup .close img, .four-column-left.mo-film .close, .four-column-left.mo-film .close img{ float: left !important; }
.full-column-right.contact .close a { padding-top:6px; }
.img-right { width:100%; padding:10px 0; }
.mob-img { margin:10px 20%; width:60%!important; }
.four-column-right.young-one .close img { position:relative; left:auto; }

.two-column-right.social .pop-txt { padding:5% 5% 5% 35%; }
.two-column-right.brandtech { left:-103%; width:305%; }
.pop-txt.contact .txtbox { width:59%; }
.pop-txt.contact .wpcf7-validation-errors { margin:50px 0px 0px 0px; width:90%; }


}

@media screen and (max-width:359px) {
.img-right img { margin-right:0; width:100% !important; margin-bottom:10px; } 
.mob-img { margin:10px 15%; width:70%!important; }
}

@media screen and (max-width:319px) {
.content-pad li .img-txt { line-height:9px; }
.mob-img { margin:10px 10%; width:80%!important; }

}


/*this is for goodbyehello-v2 style by kw*/
.content-pad > ul {
    background: #000;
    padding: 0.15%;
}
.content-pad li.col-5-1 {
    width: 20%;
    margin: 0;
    overflow: visible;
}
.content-pad li.col-5-2 {
    width: 40%;
    margin: 0;
    overflow: visible;
}
.content-pad li.col-5-1 .grid-1-1 {
    width: 97%;
    margin: 1.5%;
}
.content-pad li.col-5-2 .grid-1-1 {
    width: 98.5%;
    margin: 0.7%;
}
.content-pad li.col-5-2 .grid-2-1 {
    width: 48.5%;
    margin: 0.75%;
}
.content-pad li .symbol {
    font-size: 46px;
    line-height: 1;
    font-family: arial;
    color: #fff;
}
.content-pad li .symbol.small{
    font-size: 38px;
}
.content-pad li .img-txt{
    text-align: center;
}
.content-pad li .img-txt.img10{
    background: #fff;
}
.content-pad li:hover .img-txt {
    opacity: 0;
}
.content-pad li.selected:hover .img-txt {
    opacity: 1;
}
/*popup txt grid*/
.content-pad li.selected #popbox{
    z-index: 120;
}
.pop-box{
    border: none;
    background: rgba(255,255,255,1);
    overflow: auto;
    color: #000;
}
.pop-txt{
    padding: 12% 6%;
}
.pop-box .pop-txt h3{
    font-size: 24px;
    font-weight: 700;
    font-family: arial;
    text-align: center;
    margin-bottom: 20px;
}
.pop-box .address-info{
    font-size: 22px;
    text-align: center;
    font-family: arial;
    font-weight: 400;
}
.content-pad li #popbox .address-info p{
    line-height: 1.4;
}
.pop-box .partner-list{
    display: block;
    text-align: center;
}
.pop-box .partner-list li{
    width: 46%;
    margin: 4% 1%;
    float: none;
    display: inline-block;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box;
}
.pop-box .partner-list li img{
    width: auto;
    height: 68px;
    float: none;
}
.pop-box .staff-list{
    display: block;
}
.pop-box .staff-list li{
    width: 31.3%;
    margin: 1%;
}
.staff-list li:hover .img-info{
    opacity: 1;
}
.staff-list .img-info{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    z-index: 2;
    text-align: center;
    background: #fff;
    padding: 5px;
    font-weight: 400;
    border: 6px solid #222;
    font-size: 12px;
    color: #000;
    font-family: arial;
    line-height: 1.1;
    -webkit-transition: All 700ms ease 0s;
    -moz-transition: All 700ms ease 0s;
    -o-transition: All 700ms ease 0s;
    -ms-transition: All 700ms ease 0s;
    transition: All 700ms ease 0s;
}
.staff-list .img-info h5{
    font-weight: 700;
    font-size: 14px;
}
.three-grid-right{
    width: 306%;
}
.one-grid-right{
    width: 100%;
}
.one-grid-left{
    width: 100%;
}
.two-grid-left{
    width: 203%;
}
.two-grid-left.wie{
    right: 0;
}
.two-grid-left.contact-v2{
    right: 0;
}
.opdrachtgevers .pop-box{
    height: 100%;
}
.opdrachtgevers .pop-txt{
    padding: 6% 6% 0;
}
.contact-v2 .pop-box{
    height: 203%;
}
.contact-v2 .pop-txt{
    padding: 6% 6% 0;
}
.contact-v2 #map img{
    width: 100%;
    float: none;
}
.wie .pop-box{
    height: 203%;
}
.wie .pop-txt{
    padding: 1% 2%;
}
.waarom .pop-box{
    height: 100%;
}
.waarom .pop-txt{
    padding: 8% 4% 2%;
}
.goodbye .pop-box{
    height: 203%;
}
.goodbye .pop-txt{
    padding: 12% 6%;
}
.hoe .pop-box{
    height: 306%;
}
.hoe .pop-txt{
    padding: 12% 6%;
}
@media screen and (min-width: 1440px) {
    .content-pad {
        max-width: 1400px;
        width: 100%;
        margin: 20px auto;
        float: none;
    }
}
@media screen and (max-width: 1240px) {
    .content-pad li .symbol {
        font-size: 36px;
    }
    .content-pad li .symbol.small{
        font-size: 28px;
    }
    .goodbye .pop-txt{
        padding: 6%;
    }
    .waarom .pop-box{
        height: 151%;
    }
    .waarom .pop-txt{
        padding: 6% 4%;
    }
    .wie .pop-txt{
        padding:2%;
    }
    .wie .pop-box{
        height: 409%;
    }
    .pop-box .staff-list li{
        width: 47%;
        margin: 1.5%;
    }
    .pop-box .partner-list li img{
        height: 45px;
    }
}
@media screen and (max-width: 940px) {
    .content-pad li .symbol {
        font-size: 30px;
    }
    .content-pad li .symbol.small{
        font-size: 24px;
    }
    .goodbye .pop-box{
        height: 306%;
    }
}
@media screen and (max-width: 767px) {
    .content-pad li .symbol {
        font-size: 24px;
    }
    .content-pad li .symbol.small{
        font-size: 16px;
    }
    .pop-box .pop-txt h3{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .goodbye .pop-txt{
        padding: 4%;
    }
    .pop-box .partner-list li img{
        height: 32px;
    }
}
@media screen and (max-width: 600px) {
    .content-pad li.col-5-1 {
        width: 100%;
    }
    .content-pad li.col-5-2 {
        width: 100%;
    }
    .content-pad li.col-5-1 .grid-1-1 {
        width: 48.5%;
        margin: 0.75%;
    }
    .content-pad li .symbol {
        font-size: 30px;
    }
    .content-pad li .symbol.small{
        font-size: 22px;
    }
    .three-grid-right{
        width: 203%;
    }
    .one-grid-right{
        width: 203%;
    }
    .one-grid-right.hoe{
        right: 0;
    }
    .hoe .pop-txt{
        padding: 8% 4% 4%;
    }
    .goodbye .pop-box{
        height: 306%;
    }
    .goodbye .pop-txt{
        padding: 12% 6%;
    }
    .wie .pop-box {
        height: 513%;
    }
}