.section.services{background:#f3f3f3;}
.section.services .inner{width:1100px; margin:0 auto; text-align:left;}
.section.services .inner .service{float:left; width:33.33%; text-align:center;}
.section.services .inner .service .icon{float:left; width:100%; height:100px; margin-bottom:40px; background:no-repeat center / 100px 100px; opacity:0.7;}
.section.services .inner .service:nth-of-type(1) .icon{background-image:url(/img/services/consultancy.png);}
.section.services .inner .service:nth-of-type(2) .icon{background-image:url(/img/services/research-writing.png);}
.section.services .inner .service:nth-of-type(3) .icon{background-image:url(/img/services/styling-fx.png);}
.section.services .inner .service h3{font-size:24px; line-height:30px; text-transform:none; width:90%; padding:0 5%;}
.section.services .inner .service p{margin-top:30px; width:90%; padding:0 5%;}
@media screen and (max-width:1440px) {
.section.services .inner .service .icon{background-size:80px 80px; height:80px;}
}
@media screen and (max-width:1110px) {
.section.services .inner{width:90%;}
}
@media screen and (max-width:990px) {
.section.services .inner{width:60%;}
.section.services .inner .service{width:100%; margin-bottom:60px;}
.section.services .inner .service:last-child{margin-bottom:0;}
.section.services .inner .service .icon{margin-bottom:40px;}
}
@media screen and (max-width:750px) {
.section.services .inner{width:80%;}
.section.services .inner .service .icon{margin-bottom:30px;}
.section.services .inner .service p{width:100%; margin-top:14px; padding:0; }
}

.section.portfolio{padding:0; margin:250px 0; text-align:center;}
.section.portfolio .portolio_nav{position:absolute; top:-13px; left:0; width:27%;}
.section.portfolio .portolio_nav.fixed{position:fixed; top:97px;}
.section.portfolio .portolio_nav.bottom{position:absolute; top:auto; bottom:0;}
.section.portfolio .portolio_nav ul{width:100%; margin:0 40px 0 0; padding:0;}
.section.portfolio .portolio_nav ul li{text-align:right; list-style:none; position:relative; margin-left:20px;}
.section.portfolio .portolio_nav ul li a{display:inline-block; padding:0 0 0 20px; font-size:17px; line-height:38px; text-transform:uppercase; font-weight:300; letter-spacing:1px; background:#fff; cursor:pointer;}
.section.portfolio .portolio_nav ul li.actief a{color:#eda615;}
.section.portfolio .portolio_nav ul li.actief span{position:absolute; left:0; top:50%; height:1px; margin-top:-1px; background:#ccc; z-index:-1;}
.section.portfolio .portolio_nav ul li.actief span{-webkit-animation:walker 0.2s ease-in 0.3s 1 forwards; animation:walker 0.2s ease-in 0.3s 1 forwards;}
@-webkit-keyframes walker{0%{width:0%;}100%{width:100%;}} @keyframes walker{0%{width:0%;}100%{width:100%;}}
/* grid */
.section.portfolio .inner{width:1024px; margin:0 30%;}
.section.portfolio .inner .item{position:relative; float:left; width:25%; height:260px; padding:0 3px 3px 0; opacity:0.2; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.section.portfolio .inner .item .image{position:relative; float:left; width:100%; height:100%; background:#000;}
.section.portfolio .inner .item .image p{position:absolute; bottom:-50%; left:0; width:90%; margin:0; padding:0 5% 20px; color:#fff; text-transform:uppercase; letter-spacing:1px; font-size:14px; line-height:24px; z-index:4;}
.section.portfolio .inner .item .image a.play{position:absolute; top:50%; left:50%; margin:-15px 0 0 -13px; width:29px; height:32px; background:url(/img/icons/play.png) no-repeat; cursor:pointer; z-index:3; opacity:0;}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
.section.portfolio .inner .item .image a.play{background:url(/img/icons/play@2x.png) no-repeat; background-size:29px 32px;}
}
.section.portfolio .inner .item .image .schaduw{position:absolute; left:0; bottom:0; width:100%; height:246px; background:url(/img/schaduw.png) repeat-x bottom; z-index:2; opacity:0;}
.section.portfolio .inner .item .image .foto{position:absolute; left:0; bottom:0; width:100%; height:100%; background-size:auto 110%; background-position:center; z-index:1; -webkit-filter:grayscale(100%); filter:grayscale(1);}
.section.portfolio .inner .item .image.text{line-height:260px; color:#fff; text-transform:uppercase; font-size:13px;}
.section.portfolio .inner .item .image.social{background:no-repeat #000 center / 60px 60px;}
.section.portfolio .inner .item .image.social.youtube{background-image:url(/img/icons/social/youtube_large.png);}
.section.portfolio .inner .item .image.social.vimeo{background-image:url(/img/icons/social/vimeo_large.png);}
.section.portfolio .inner .item .image.social.bierstyling{background-image:url(/img/biertsyling-logo.png); background-size:150px 88px;}
/* hover */
.section.portfolio .inner .item.show{opacity:1;}
.section.portfolio .inner .item.show .image .foto{-webkit-filter:grayscale(0%); filter:grayscale(0);}
.section.portfolio .inner .item.show:hover .image .foto{background-size:auto 100%;}
.section.portfolio .inner .item.show:hover .image a.play{opacity:1;}
.section.portfolio .inner .item.show:hover .image a.play:hover{-webkit-animation:grow 0.3s linear 1; animation:grow 0.3s linear 1;}
@-webkit-keyframes grow{50%{-webkit-transform:scale(1.2); transform:scale(1.2);}}
@keyframes grow{50%{-webkit-transform:scale(1.2); transform:scale(1.2);}}
.section.portfolio .inner .item.show:hover .image p{bottom:0;}
.section.portfolio .inner .item.show:hover .image .schaduw{opacity:1;}

@media screen and (max-width:1600px) {
.section.portfolio .inner{width:940px; margin:0 25%;}
.section.portfolio .inner .item{height:235px;}
.section.portfolio .inner .item .image.text{line-height:235px;}
.section.portfolio .portolio_nav{width:20%;}
}
@media screen and (max-width:1440px) {
.section.portfolio{margin:200px 0;}
.section.portfolio .portolio_nav{width:22%;}
.section.portfolio .portolio_nav ul li a{font-size:15px; line-height:34px;}
.section.portfolio .inner{width:800px; margin:0 27%;}
.section.portfolio .inner .item{width:33.33%; height:260px;}
/*.section.portfolio .inner .item.morework{display:none;}*/
.section.portfolio .inner .item .image.text{line-height:260px;}
}
@media screen and (max-width:1280px) {
.section.portfolio .inner{width:700px; margin:0 28%;}
.section.portfolio .inner .item{height:240px;}
.section.portfolio .inner .item .image.text{line-height:240px;}
}
@media screen and (max-width:1024px) {
.section.portfolio{margin:120px 0;}
.section.portfolio .inner{width:650px;}
.section.portfolio .inner .item{width:33.33%; height:215px;}
.section.portfolio .inner .item .image.text{line-height:215px;}
.section.portfolio .inner .item.show .image a.play{opacity:1;}
.section.portfolio .inner .item.show .image a.play:hover{-webkit-animation:grow 0.3s linear 1; animation:grow 0.3s linear 1;}
.section.portfolio .inner .item.show .image p{bottom:0; font-size:13px; line-height:22px;}
.section.portfolio .inner .item.show .image .schaduw{opacity:1;}
}
@media screen and (max-width:1010px) {
.section.portfolio{margin:10px 0 30px;}
.section.portfolio .portolio_nav{display:none;}
.section.portfolio .inner{width:99%; margin:0 0.5%;}
.section.portfolio .inner .item{width:49%; margin:0 0.5% 10px; height:240px; padding:0;}
.section.portfolio .inner .item .image.text{line-height:240px;}
.section.portfolio .inner .item.show .image .foto{background-size:cover;}
.section.portfolio .inner .item.show .image:hover .foto{background-size:cover;}
}
@media screen and (max-width:750px) {
.section.portfolio{margin:5px 0 30px;}
.section.portfolio .inner .item{height:170px; margin:0 0.5% 5px;}
/*.section.portfolio .inner .item.morework{display:block;}*/
.section.portfolio .inner .item .image.text{line-height:170px; font-size:12px;}
.section.portfolio .inner .item .image p{padding:0 5% 10px;}
.section.portfolio .inner .item .image a.play{background:url(/img/icons/play@2x.png) no-repeat; background-size:22px 24px;}
.section.portfolio .inner .item.show .image a.play{opacity:0.5;}
}

.section.overons {padding:0 20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.section.overons h2{color:#000; margin-bottom:20px;}
.section.overons .inner{float:left; width:100%; padding:350px 0; background-color:#000; background-size:cover; background-position:center; text-align:center; color:#fff; font-size:20px; line-height:40px; font-weight:300;}
.section.overons .inner .text{width:900px; margin:0 auto; text-align:center;}
.section.overons .inner .text .icon{display:inline-block; width:40px; height:50px; background:url(/img/icons/beeldmerk.png) no-repeat center;}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
.section.overons .inner .text .icon{background:url(/img/icons/beeldmerk@2x.png) no-repeat center; background-size:40px 50px;}
}
.section.overons .inner .text p{margin:40px 0 0 0;}
.section.overons .inner .text p.color{color:#eda615; width:66%; margin:40px 17% 0; font-style:italic;}
.section.overons .inner .text p small{display:inline-block; font-size:15px; line-height:25px; color:#aaa;}
.section.overons .inner .text a{color:#aaa; text-decoration:underline;}
.section.overons .inner .text a:hover{color:#eda615;}
.section.overons .inner .text a.readmore{position:relative; display:inline-block; width:100px; height:45px; padding:0; font-size:19px; line-height:45px; color:#fff; margin-top:60px; cursor:pointer; text-decoration:none;}
.section.overons .inner .text a.readmore span.first{position:absolute; left:50%; bottom:0; width:50%; height:1px; margin-left:-25%; background:#db2f20;}
.section.overons .inner .text a.readmore span.second{position:absolute; left:50%; bottom:0; width:50%; height:1px; margin-left:-25%; background:#db2f20; opacity:0;}
.section.overons .inner .text a.readmore:hover span{bottom:100%; width:100%; left:0%; margin-left:0;}
.section.overons .inner .text a.readmore.down span.first{margin-left:0%; left:45%; height:3px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.section.overons .inner .text a.readmore.down span.second{margin-left:0%; left:45%; height:3px; opacity:1; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.section.overons .inner .text a.readmore.down:hover span{bottom:0; width:50%; left:45%; margin-left:0; background:#fff;}
.section.overons .inner .text .hidden{display:none;}
@media screen and (max-width:1440px) {
.section.overons .inner{padding:250px 0; font-size:18px; line-height:36px;}
.section.overons .inner .text a.readmore{font-size:17px;}
}
@media screen and (max-width:1024px) {
.section.overons .inner{padding:120px 0;}
.section.overons .inner .text{width:756px;}
}
@media screen and (max-width:1010px) {
.section.overons .inner .text{width:80%; margin:0 auto; text-align:center;}
}
@media screen and (max-width:750px) {
.section.overons {padding:0 5px;}
.section.overons .inner{padding:80px 0; font-size:16px; line-height:28px;}
.section.overons .inner .text{width:86%;}
.section.overons .inner .text a.readmore{font-size:16px; margin-top:30px;}
}

.section.recommendations{padding:0 20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.section.recommendations .wrapper{float:left; width:100%; padding:250px 0; background-color:#f3f3f3;}
.section.recommendations .inner{width:990px; margin:0 auto; text-align:center;}
.section.recommendations .inner span.vertical{display:inline-block; width:1px; height:60px; margin:70px 0; background:#ddd;}
.section.recommendations .inner .item{float:left; width:100%; margin:0 0 30px; text-align:left;}
.section.recommendations .inner .item:last-child{margin-bottom:0;}
.section.recommendations .inner .item .image{float:left; width:15%;}
.section.recommendations .inner .item .image img{display:inline-block; width:100px; height:100px; margin-top:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.section.recommendations .inner .item .text {float:left; width:85%; text-align:left;}
.section.recommendations .inner .item .text p {font-size:17px; line-height:30px; margin:0;}
.section.recommendations .inner .item .text p strong{color:#eda615;}
.section.recommendations .inner .item span.horizontal{display:inline-block; width:60px; height:1px; margin:20px 0 15px 0; background:#ddd; vertical-align:top;}
@media screen and (max-width:1200px) {
.section.recommendations .inner{width:960px;}
}
@media screen and (max-width:1100px) {
.section.recommendations .inner{width:860px;}
}
@media screen and (max-width:1024px) {
.section.recommendations .wrapper{padding:80px 0;}
.section.recommendations .inner{width:800px;}
.section.recommendations .inner .item .image{width:20%;}
.section.recommendations .inner .item .text {width:80%;}
.section.recommendations .inner .item .text p {font-size:16px; line-height:28px;}
}
@media screen and (max-width:1010px) {
.section.recommendations .inner{width:80%;}
.section.recommendations .inner span.vertical{margin:40px 0;}
.section.recommendations .inner .item .image{width:25%;}
.section.recommendations .inner .item .text {width:75%;}
}
@media screen and (max-width:750px) {
.section.recommendations{padding:0 5px;}
.section.recommendations .wrapper{padding:50px 0;}
.section.recommendations .inner{width:90%;}
.section.recommendations .inner span.vertical{height:30px; margin:30px 0 25px;}
.section.recommendations .inner .item{text-align:center;}
.section.recommendations .inner .item .image{width:100%;}
.section.recommendations .inner .item .image img{margin-top:0;}
.section.recommendations .inner .item .text, .section.recommendations .inner .item .text p {width:100%; text-align:center;}
.section.recommendations .inner .item .text p:first-child{ text-align:center;}
}

.section.klanten{text-align:center;}
.section.klanten .inner{width:990px; margin:0 auto; text-align:center;}
.section.klanten .inner span.vertical{display:inline-block; width:1px; height:60px; margin:70px 0; background:#ddd;}
.section.klanten .inner .logos{float:left; width:100%;}
.section.klanten .inner .logos.hidden{display:none;}
.section.klanten .inner .showmorebtn{float:left; width:100%; background:#fff; margin-top:-1px; padding:30px 0;}
.section.klanten .inner a.showmore{position:relative; display:inline-block; width:110px; height:45px; padding:0; font-size:19px; line-height:45px; margin-top:60px; cursor:pointer; text-decoration:none;}
.section.klanten .inner a.showmore span.first{position:absolute; left:50%; bottom:0; width:50%; height:1px; margin-left:-25%; background:#db2f20;}
.section.klanten .inner a.showmore span.second{position:absolute; left:50%; bottom:0; width:50%; height:1px; margin-left:-25%; background:#db2f20; opacity:0;}
.section.klanten .inner a.showmore:hover{color:#444444; }
.section.klanten .inner a.showmore:hover span{bottom:100%; width:100%; left:0%; margin-left:0;}
.section.klanten .inner a.showmore.down span.first{margin-left:0%; left:27%; height:3px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.section.klanten .inner a.showmore.down span.second{margin-left:0%; left:27%; height:3px; opacity:1; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.section.klanten .inner a.showmore.down:hover span{bottom:0; width:50%; left:27%; margin-left:0; background:#000;}

.section.klanten .inner .logos a{float:left; display:block; width:20%; height:180px; border-right:1px solid #ddd; background-size:50%; background-position:center; background-repeat:no-repeat; border-bottom:1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.section.klanten .inner .logos a:nth-child(5n){border-right:0px;}
.section.klanten .inner .logos a.last{border-bottom:0;}
.section.klanten .inner .logos a.ah{background-image:url(/img/klanten/ah.png); background-size:45%;}
.section.klanten .inner .logos a.leffe{background-image:url(/img/klanten/leffe.png); background-size:53%;}
.section.klanten .inner .logos a.alexandrov{background-image:url(/img/klanten/alexandrov.png); background-size:45%;}
.section.klanten .inner .logos a.algida{background-image:url(/img/klanten/algida.png); background-size:45%;}
.section.klanten .inner .logos a.almhof{background-image:url(/img/klanten/almhof.png)}
.section.klanten .inner .logos a.alpro{background-image:url(/img/klanten/alpro.png)}
.section.klanten .inner .logos a.american-express{background-image:url(/img/klanten/american-express.png); background-size:45%;}
.section.klanten .inner .logos a.amora{background-image:url(/img/klanten/amora.png); background-size:70%;}
.section.klanten .inner .logos a.arla{background-image:url(/img/klanten/arla.png)}
.section.klanten .inner .logos a.aviko{background-image:url(/img/klanten/aviko.png); background-size:65%;}
.section.klanten .inner .logos a.applebandit{background-image:url(/img/klanten/apple-bandit.png); background-size:60%;}
.section.klanten .inner .logos a.bacardi{background-image:url(/img/klanten/bacardi.png); background-size:70%;}
.section.klanten .inner .logos a.becel{background-image:url(/img/klanten/becel.png);}
.section.klanten .inner .logos a.blueband{background-image:url(/img/klanten/blueband.png);}
.section.klanten .inner .logos a.bols{background-image:url(/img/klanten/bols.png); background-size:75%;}
.section.klanten .inner .logos a.boursin{background-image:url(/img/klanten/boursin.png)}
.section.klanten .inner .logos a.calve{background-image:url(/img/klanten/calve.png); background-size:70%;}
.section.klanten .inner .logos a.campina{background-image:url(/img/klanten/campina.png); background-size:60%;}
.section.klanten .inner .logos a.celevita{background-image:url(/img/klanten/celavita.png)}
.section.klanten .inner .logos a.chickenbc{background-image:url(/img/klanten/chickenbc.png); background-size:45%;}
.section.klanten .inner .logos a.cocacola{background-image:url(/img/klanten/coca-cola.png); background-size:70%;}
.section.klanten .inner .logos a.conimex{background-image:url(/img/klanten/conimex.png); background-size:60%;}
.section.klanten .inner .logos a.coolwhip{background-image:url(/img/klanten/coolwhip.png)}
.section.klanten .inner .logos a.coop{background-image:url(/img/klanten/coop.png)}
.section.klanten .inner .logos a.croma{background-image:url(/img/klanten/croma.png)}
.section.klanten .inner .logos a.danone{background-image:url(/img/klanten/danone.png); background-size:60%;}
.section.klanten .inner .logos a.deruijter{background-image:url(/img/klanten/deruijter.png)}
.section.klanten .inner .logos a.de{background-image:url(/img/klanten/de.png)}
.section.klanten .inner .logos a.devos-lemmes{background-image:url(/img/klanten/devos-lemmes.png);}
.section.klanten .inner .logos a.dominos{background-image:url(/img/klanten/dominos.png);}
.section.klanten .inner .logos a.dungelman{background-image:url(/img/klanten/dungelman.png); background-size:70%;}
.section.klanten .inner .logos a.fanta{background-image:url(/img/klanten/fanta.png); background-size:60%;}
.section.klanten .inner .logos a.frico{background-image:url(/img/klanten/frico.png); background-size:55%;}
.section.klanten .inner .logos a.friesland-campina{background-image:url(/img/klanten/friesland-campina.png); background-size:55%;}
.section.klanten .inner .logos a.granditalia{background-image:url(/img/klanten/granditalia.png); background-size:60%;}
.section.klanten .inner .logos a.marnier{background-image:url(/img/klanten/grandmarnier.png); background-size:80%;}
.section.klanten .inner .logos a.has{background-image:url(/img/klanten/has.png)}
.section.klanten .inner .logos a.heinz{background-image:url(/img/klanten/heinz.png)}
.section.klanten .inner .logos a.hen-house{background-image:url(/img/klanten/hen-house.png);}
.section.klanten .inner .logos a.hero{background-image:url(/img/klanten/hero.png); background-size:60%;}
.section.klanten .inner .logos a.hertog{background-image:url(/img/klanten/hertog.png);}
.section.klanten .inner .logos a.hervy-foods{background-image:url(/img/klanten/hervy-foods.png); background-size:40%;}
.section.klanten .inner .logos a.honig{background-image:url(/img/klanten/honig.png); background-size:60%;}
.section.klanten .inner .logos a.iceland{background-image:url(/img/klanten/iceland.png)}
.section.klanten .inner .logos a.karvan{background-image:url(/img/klanten/karvan.png);}
.section.klanten .inner .logos a.ketel1{background-image:url(/img/klanten/ketel1.png); background-size:75%;}
.section.klanten .inner .logos a.keurslager{background-image:url(/img/klanten/keurslager.png); background-size:45%;}
.section.klanten .inner .logos a.jupiler{background-image:url(/img/klanten/jupiler.png); background-size:70%;}
.section.klanten .inner .logos a.kfc{background-image:url(/img/klanten/kfc.png); background-size:35%;}
.section.klanten .inner .logos a.kitchen-aid{background-image:url(/img/klanten/kitchen-aid.png); background-size:60%;}
.section.klanten .inner .logos a.klm{background-image:url(/img/klanten/klm.png)}
.section.klanten .inner .logos a.knorr{background-image:url(/img/klanten/knorr.png)}
.section.klanten .inner .logos a.kraft{background-image:url(/img/klanten/kraft.png)}
.section.klanten .inner .logos a.lays{background-image:url(/img/klanten/lays.png)}
.section.klanten .inner .logos a.lidl{background-image:url(/img/klanten/lidl.png); background-size:40%;}
.section.klanten .inner .logos a.lipton{background-image:url(/img/klanten/lipton.png); background-size:55%;}
.section.klanten .inner .logos a.lotus{background-image:url(/img/klanten/lotus.png)}
.section.klanten .inner .logos a.lurpak{background-image:url(/img/klanten/lurpak.png); background-size:60%;}
.section.klanten .inner .logos a.maggi{background-image:url(/img/klanten/maggi.png); background-size:60%;}
.section.klanten .inner .logos a.mcdonalds{background-image:url(/img/klanten/mcdonalds.png); background-size:40%;}
.section.klanten .inner .logos a.melkunie{background-image:url(/img/klanten/melkunie.png); background-size:60%;}
.section.klanten .inner .logos a.mercedes-benz{background-image:url(/img/klanten/mercedes-benz.png); background-size:60%;}
.section.klanten .inner .logos a.miele{background-image:url(/img/klanten/miele.png); background-size:60%;}
.section.klanten .inner .logos a.milner{background-image:url(/img/klanten/milner.png); background-size:85%;}
.section.klanten .inner .logos a.mona{background-image:url(/img/klanten/mona.png)}
.section.klanten .inner .logos a.mora{background-image:url(/img/klanten/mora.png)}
.section.klanten .inner .logos a.movenpick{background-image:url(/img/klanten/movenpick.png); background-size:80%;}
.section.klanten .inner .logos a.nespresso{background-image:url(/img/klanten/nespresso.png); background-size:60%;}
.section.klanten .inner .logos a.nestle{background-image:url(/img/klanten/nestle.png)}
.section.klanten .inner .logos a.nfta{background-image:url(/img/klanten/nfta.png); background-size:70%;}
.section.klanten .inner .logos a.oetker{background-image:url(/img/klanten/oetker.png)}
.section.klanten .inner .logos a.ola{background-image:url(/img/klanten/ola.png); background-size:40%;}
.section.klanten .inner .logos a.old-amsterdam{background-image:url(/img/klanten/old-amsterdam.png); background-size:60%;}
.section.klanten .inner .logos a.oreo{background-image:url(/img/klanten/oreo.png); background-size:60%;}
.section.klanten .inner .logos a.parle{background-image:url(/img/klanten/parle.png); background-size:60%;}
.section.klanten .inner .logos a.pearle{background-image:url(/img/klanten/pearle.png)}
.section.klanten .inner .logos a.philips{background-image:url(/img/klanten/philips.png); background-size:60%;}
.section.klanten .inner .logos a.pickwick{background-image:url(/img/klanten/pickwick.png); background-size:60%;}
.section.klanten .inner .logos a.pizza-hut{background-image:url(/img/klanten/pizza-hut.png); background-size:40%;}
.section.klanten .inner .logos a.pure-leaf{background-image:url(/img/klanten/pure-leaf.png); background-size:45%;}
.section.klanten .inner .logos a.rama{background-image:url(/img/klanten/rama.png)}
.section.klanten .inner .logos a.remia{background-image:url(/img/klanten/remia.png)}
.section.klanten .inner .logos a.rtl{background-image:url(/img/klanten/rtl.png); background-size:40%;}
.section.klanten .inner .logos a.saeco{background-image:url(/img/klanten/saeco.png)}
.section.klanten .inner .logos a.sbs6{background-image:url(/img/klanten/sbs6.png); background-size:35%;}
.section.klanten .inner .logos a.skyr{background-image:url(/img/klanten/skyr.png); background-size:60%;}
.section.klanten .inner .logos a.stegeman{background-image:url(/img/klanten/stegeman.png); background-size:60%;}
.section.klanten .inner .logos a.schweppes{background-image:url(/img/klanten/schweppes.png); background-size:70%;}
.section.klanten .inner .logos a.thebulldog{background-image:url(/img/klanten/the-bulldog.png); background-size:60%;}
.section.klanten .inner .logos a.unox{background-image:url(/img/klanten/unox.png); background-size:60%;}
.section.klanten .inner .logos a.unilever{background-image:url(/img/klanten/unilever.png); background-size:40%;}
.section.klanten .inner .logos a.valio{background-image:url(/img/klanten/valio.png)}
.section.klanten .inner .logos a.verkade{background-image:url(/img/klanten/verkade.png); background-size:60%;}
.section.klanten .inner .logos a.vion{background-image:url(/img/klanten/vion.png)}
.section.klanten .inner .logos a.whiskas{background-image:url(/img/klanten/whiskas.png)}
.section.klanten .inner .logos a.wijko{background-image:url(/img/klanten/wijko.png)}
.section.klanten .inner .logos a.yum{background-image:url(/img/klanten/yum.png); background-size:45%;}
/*bieren*/
.section.klanten .inner .logos a.amstel{background-image:url(/img/klanten/amstel-bier.png); background-size:60%;}
.section.klanten .inner .logos a.bacardi{background-image:url(/img/klanten/bacardi.png); background-size:70%;}
.section.klanten .inner .logos a.cocacola{background-image:url(/img/klanten/coca-cola.png); background-size:70%;}
.section.klanten .inner .logos a.carlsberg{background-image:url(/img/klanten/carlsberg.png); background-size:80%;}
.section.klanten .inner .logos a.marnier{background-image:url(/img/klanten/grandmarnier.png); background-size:80%;}
.section.klanten .inner .logos a.heineken{background-image:url(/img/klanten/heineken.png); background-size:80%;}
.section.klanten .inner .logos a.ketel1{background-image:url(/img/klanten/ketel1.png); background-size:70%;}
.section.klanten .inner .logos a.lindeboom{background-image:url(/img/klanten/lindeboom.png); background-size:80%;}
.section.klanten .inner .logos a.hertogjan{background-image:url(/img/klanten/hertogjan.png); background-size:80%;}
.section.klanten .inner .logos a.duvel{background-image:url(/img/klanten/duvel.png); background-size:80%;}
.section.klanten .inner .logos a.corona{background-image:url(/img/klanten/corona.png); background-size:80%;}
.section.klanten .inner .logos a.palm{background-image:url(/img/klanten/palm.png); background-size:80%;}
.section.klanten .inner .logos a.liefmans{background-image:url(/img/klanten/liefmans.png); background-size:80%;}
.section.klanten .inner .logos a.guinness{background-image:url(/img/klanten/guinness.png); background-size:80%;}
.section.klanten .inner .logos a.tuborg{background-image:url(/img/klanten/tuborg-beer.png); background-size:70%;}
.section.klanten .inner .logos a.affligem{background-image:url(/img/klanten/affligem.png); background-size:80%;}
.section.klanten .inner .logos a.baphoe{background-image:url(/img/klanten/baphoe.png); background-size:80%;}
.section.klanten .inner .logos a.bols{background-image:url(/img/klanten/bols.png); background-size:80%;}
.section.klanten .inner .logos a.desperados{background-image:url(/img/klanten/desperados.png); background-size:80%;}
.section.klanten .inner .logos a.fayrouz{background-image:url(/img/klanten/fayrouz.png); background-size:80%;}
.section.klanten .inner .logos a.strongbow{background-image:url(/img/klanten/strongbow.png); background-size:80%;}
.section.klanten .inner .logos a.charlies{background-image:url(/img/klanten/charlies.png); background-size:80%;}
.section.klanten .inner .logos a.cerveza{background-image:url(/img/klanten/cerveza-dos-equis.png); background-size:80%;}

.section.klanten .inner .merken{float:left; width:100%; text-align:center;}
.section.klanten .inner .merken span.horizontal{display:inline-block; width:60px; height:1px; margin:90px auto 80px; background:#ddd; vertical-align:top;}
.section.klanten .inner .merken p{margin:0; font-size:14px; line-height:35px; letter-spacing:3px; text-transform:uppercase; color:#777; font-weight:300; text-align:center;}
.section.klanten .inner .merken p a{color:#777;}
.section.klanten .inner .merken p a:hover{color:#777; text-decoration:underline;}
@media screen and (max-width:1024px) {
.section.klanten .inner{width:960px;}
}
@media screen and (max-width:1010px) {
.section.klanten .inner{width:90%;}
.section.klanten .inner span.vertical{margin:40px 0;}
.section.klanten .inner .merken span.horizontal{margin:50px auto 40px;}
.section.klanten .inner .logos a{height:120px;}
.section.klanten .inner .merken p{font-size:12px; line-height:28px;}
}
@media screen and (max-width:750px) {
.section.klanten .inner span.vertical{height:30px;}
.section.klanten .inner .logos a{width:50%; height:120px;}
.section.klanten .inner .logos a, .section.klanten .inner .logos a:nth-of-type(5n){border-right:1px solid #ddd;}
.section.klanten .inner .logos a:nth-of-type(2n){border-right:0;}
.section.klanten .inner .logos a.last.small{border-bottom:1px solid #ddd;}
.section.klanten .inner .logos a.ola{display:none;}
.section.klanten .inner .merken p{font-size:12px; letter-spacing:2px;}
}