/*!
 * Picx.it
 * HTML prototype for Picx.it
 * 
 * @author Bas van Disseldorp Multimedia Producties
 * @version 0.1.0
 * Copyright 2017.  licensed.
 */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0;padding:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:poetsenone;src:url(/assets/fonts/poetsenone-regular-webfont.woff2) format("woff2"),url(/assets/fonts/poetsenone-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}h1,h2,h3,h4,h5,h6,p{margin:0 0 1.5em 0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2em}h1{font-size:5em}h2{font-size:3em}h3{font-size:2.5em}h4{font-size:2em}h5{font-size:1.625em}h6{font-size:1.4em}p:empty{margin-bottom:0}a:focus,a:hover{text-decoration:none}body{font-family:poetsenone,Arial,sans-serif;background:#BA2424;color:#fff;font-size:100%;line-height:1.5}.full-with-container{clear:both;max-width:1200px;margin:auto}.full-with-container--content{margin-top:100px}@font-face{font-family:picxicons;src:url(/assets/fonts/picx-icons.eot);src:url(/assets/fonts/picx-icons.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/picx-icons.woff) format("woff"),url(/assets/fonts/fonts/picx-icons.ttf) format("truetype"),url(/assets/fonts/fonts/picx-icons.svg#picx-icons) format("svg");font-weight:400;font-style:normal}.main-navigation__toggle:after,.projects__item:before,[class*=icon-]:before{display:inline-block;font-family:picxicons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-picx:before{content:"A"}.icon-picx-face:before{content:"B"}.icon-picx-face-2:before{content:"C"}.icon-picx-face-3:before{content:"D"}.icon-magnifieglass:before{content:"E"}.icon-arrow-down:before{content:"F"}.icon-arrow-up:before{content:"G"}.icon-arrow-right:before{content:"H"}.icon-arrow-left:before{content:"I"}.icon-calendar:before{content:"J"}.icon-arrow-o-down:before{content:"K"}.icon-arrow-o-up:before{content:"L"}.icon-arrow-o-right:before{content:"M"}.icon-arrow-o-left:before{content:"N"}.icon-load:before{content:"O";-webkit-animation:rotate 1.5s linear infinite;animation:rotate 1.5s linear infinite}.icon-refresh:before{content:'\0050'}.icon-undo:before{content:'\0051'}.icon-lock-open:before{content:'\0052'}.icon-lock-open-2:before{content:'\0053'}.icon-lock:before{content:'\0054'}.icon-arrow-down-2:before{content:'\0055'}.icon-arrow-up-2:before{content:'\0056'}.icon-arrow-right-2:before{content:'\0057'}.icon-arrow-left-2:before{content:'\0058'}.icon-download:before{content:'\0059'}.icon-disable:before{content:'\005a'}.icon-happy-face:before{content:'\0061'}.icon-sad-face:before{content:'\0062'}.icon-neutral-face:before{content:'\0063'}.icon-thumbs-down-o:before{content:'\0064'}.icon-thumbs-down:before{content:'\0065'}.icon-thumbs-up-o:before{content:'\0066'}.icon-thumbs-up:before{content:'\0067'}.icon-heart:before{content:'\0068'}.icon-exclamation-t:before{content:'\0069'}.icon-exclamation-o:before{content:'\006a'}.icon-star:before{content:'\006b'}.icon-dir:before{content:'\006c'}.icon-save:before{content:'\006d'}.icon-textbubble:before{content:'\006e'}.icon-tick:before{content:'\006f'}.icon-cross:before{content:'\0070'}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}html{-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-moz-box-sizing:inherit;box-sizing:inherit}hr{border-top:1px solid #e7e7e7;margin:10px 0}input[type=checkbox]:hover{cursor:pointer}img{max-width:100%}button{border:none;outline:0;background-color:transparent;display:inline}.white{color:#fff;font-weight:400}.red{color:#891919;font-weight:400}.link,a{display:inline-block;color:#fff;text-decoration:none;font-weight:400}.list{display:inline-block}.form__input{position:relative;margin:0 1.5rem 1rem 1.5rem}.form__input input{line-height:3rem;height:3rem;color:#BA2424;border:none;position:relative;width:100%}.form__input input:focus{outline:0}.form__input:after,.form__input:before{content:'';height:3rem;width:3rem;top:0;z-index:-1;position:absolute;background-color:#fff;border-radius:50%}.form__input:before{left:-1.5rem}.form__input:after{right:-1.5rem}.form__textarea{background-color:#fff;padding:1rem;margin-bottom:1rem;border-radius:1.5rem}.form__textarea textarea{height:100%;width:100%;resize:none;border:none;color:#BA2424;min-height:200px}.form__textarea textarea:focus{outline:0}.form__submit{position:relative;padding:0 1.5rem;margin-bottom:1rem;border-radius:1.5rem;background-color:#891919;transition:500ms all}.form__submit input{line-height:3rem;height:3rem;color:#fff;background-color:transparent;border:none;position:relative;width:100%}.form__submit input:focus{outline:0}.form__submit:hover{background-color:#fff}.form__submit:hover input{color:#891919}.has-error,.has-error:after,.has-error:before{background-color:#891919}.has-error input,.has-error textarea{background-color:#891919;color:#fff}::-webkit-input-placeholder{color:#ccc}:-moz-placeholder{color:#ccc;opacity:1}::-moz-placeholder{color:#ccc;opacity:1}:-ms-input-placeholder{color:#ccc}.footer:after,.footer:before,.full-with-container:after,.full-with-container:before,.grid:after,.grid:before,.header:after,.header:before{display:table;content:" "}.footer:after,.full-with-container:after,.grid:after,.header:after{clear:both}.foto__list,.main-navigation__list,.pager,.projects__list{list-style:none;margin:0;padding:0}.grid{max-width:1200px;margin:0 auto}.grid:after{content:" ";display:block;clear:both}.grid__col-fw{width:100%;float:left;margin-left:0;margin-right:0}.grid__col-3-4,.grid__col-main{width:74.57627%;float:right;margin-right:0;padding:.5em;margin-bottom:1rem}@media (max-width:768px){.grid__col-3-4,.grid__col-main{width:100%;float:left;margin-left:0;margin-right:0;padding:0 2rem}}.grid__col-1-4,.grid__col-aside{width:23.72881%;float:left;margin-right:1.69492%;padding:.5em;margin-bottom:1rem}@media (max-width:768px){.grid__col-1-4,.grid__col-aside{width:100%;float:left;margin-left:0;margin-right:0}}@media (max-width:768px){.grid__col-aside{display:none}}.social__list-item{width:32.20339%;float:left;padding:.5em;margin-right:1.69492%}.social__list-item:last-child{float:right;margin-right:0}.social__list-item:first-child{margin-left:0}#fancybox-buttons{position:fixed;left:0;width:100%;z-index:8050}#fancybox-buttons.top{top:10px}#fancybox-buttons.bottom{bottom:10px}#fancybox-buttons ul{display:block;width:166px;height:30px;margin:0 auto;padding:0;list-style:none;border:1px solid #111;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);background:#323232;background:linear-gradient(to bottom,#444 0,#343434 50%,#292929 50%,#333 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0)}#fancybox-buttons ul li{float:left;margin:0;padding:0}#fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-color:transparent;background-image:url(fancybox_buttons.png);background-repeat:no-repeat;outline:0;opacity:.8}#fancybox-buttons a:hover{opacity:1}#fancybox-buttons a.btnPrev{background-position:5px 0}#fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e}#fancybox-buttons a.btnPlay{background-position:0 -30px}#fancybox-buttons a.btnPlayOn{background-position:-30px -30px}#fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}#fancybox-buttons a.btnToggleOn{background-position:-27px -60px}#fancybox-buttons a.btnClose{border-left:1px solid #111;width:35px;background-position:-56px 0}#fancybox-buttons a.btnDisabled{opacity:.4;cursor:default}.header__message{background-color:#fff;color:#BA2424;padding:2rem 1.5rem 1rem 1.5rem;width:300px;position:fixed;top:-20rem;border-radius:1.5rem;left:50%;margin-left:-150px}.logo{display:inline-block}.logo figure,.logo img{max-height:160px;margin:auto}.logo a{display:block}@media (max-width:768px){.logo{margin-top:2rem}}@media (max-width:758px){.logo{margin-top:1rem}.logo figure,.logo img{max-height:100px}}.main-navigation{display:inline-block}@media (max-width:768px){.main-navigation{margin:1rem 0;padding:0 2rem;background-color:#891919}}@media (max-width:758px){.main-navigation{padding:0}}.main-navigation__list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:165px}@media (max-width:768px){.main-navigation__list{height:65px;font-size:1.2rem}}@media (max-width:758px){.main-navigation__list{display:none}.active .main-navigation__list{display:block;height:auto;padding:0 2rem 1rem 2rem}}.main-navigation__toggle{height:65px;width:100%;font-size:1.2rem;display:none;text-align:left;position:relative;padding:0 2rem}.main-navigation__toggle:after{content:"F";position:absolute;background-color:#fff;color:#BA2424;margin:0;height:65px;width:65px;line-height:65px;text-align:center;top:0;right:0}.active .main-navigation__toggle:after{content:"G"}@media (max-width:758px){.main-navigation__toggle{display:block}}.main-navigation__item{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.main-navigation__link{color:#fff}.main-navigation__link:hover{color:#891919;transition:200ms color}.main-navigation__link--search{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:right;-ms-flex-align:right;align-items:right;text-align:left}.main-navigation__link--search:before{content:'';transition:500ms all;width:3rem;height:3rem;margin-right:-1.5rem;border-radius:50%}@media (max-width:758px){.main-navigation__link--search:before{background-color:#fff}}.main-navigation__link--search .main-navigation__search{width:0;border:none;transition:500ms all;display:inline-block;height:3rem;line-height:3rem;padding:0;margin-right:-1.5rem}@media (max-width:758px){.main-navigation__link--search .main-navigation__search{transition:500ms none;background-color:#fff;width:100%}}.main-navigation__link--search:hover .main-navigation__search{width:100px;background-color:#fff;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.main-navigation__link--search button{border-radius:50%;transition:500ms all;display:block;width:3rem;height:3rem;line-height:3rem;text-align:center;-webkit-flex:0 0 3rem;-ms-flex:0 0 3rem;flex:0 0 3rem}.main-navigation__link--search button i{position:relative;z-index:3}@media (max-width:758px){.main-navigation__link--search button{color:#BA2424;background-color:#fff}}.main-navigation__link--search:hover button{color:#BA2424;background-color:#fff;transition:500ms all}.main-navigation__link--search:hover:before{background-color:#fff}.main-navigation__search{background-color:#BA2424;position:relative;z-index:2;color:#BA2424}.main-navigation__search:focus{outline:0}@media (max-width:768px){.main-navigation__search{background-color:#891919}}.projects__link{transition:200ms color;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;margin:auto}.projects__item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;min-height:2.5rem}.projects__item:before{content:"D";color:#fff;-webkit-flex:0 2rem;-ms-flex:0 2rem;flex:0 2rem;margin:auto 0;transition:250ms all}.projects__item:hover__link{color:#891919}.projects__item:hover:before{-webkit-transform:rotate(-10deg) scale(2);-ms-transform:rotate(-10deg) scale(2);transform:rotate(-10deg) scale(2);color:#fff}.element__face{z-index:-1;position:fixed;bottom:-10%;left:-8%;height:50%;width:30%;background-image:url(/assets/img/picx-face.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain;pointer-events:none}@media (max-width:768px){.element__face{width:50%;bottom:-12%;left:-10%;opacity:.2}}.title__h1{margin-bottom:2rem 0;font-size:1.8rem;font-weight:400}.title__h2{margin-bottom:0.5rem;font-size:1.2rem;font-weight:400}@media (max-width:768px){.title__h1, .title__h2{margin-top:1rem}}.title__link{font-weight:400}.social-share{background-color:#891919;margin-bottom:1rem}.social-share__btn{padding:1rem;background-color:#fff;color:#BA2424;display:inline-block}.social-share__btn:hover{color:#891919}.social-share__fb{padding:1rem;display:inline-block}.social-share__url{display:inline-block;padding:.5rem;background-color:#BA2424;color:#fff}.social-share__url:hover{background-color:#891919}.foto__list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.foto__item{-webkit-flex:0 1 17%;-ms-flex:0 1 17%;flex:0 1 17%;text-align:center}@media (max-width:768px){.foto__item{-webkit-flex:0 1 22%;-ms-flex:0 1 22%;flex:0 1 22%}}@media (max-width:758px){.foto__item{-webkit-flex:0 1 49%;-ms-flex:0 1 49%;flex:0 1 49%}}.foto__item:hover .foto__code,.foto__item:hover .foto__smile{opacity:.8}.foto__img{position:relative;margin:.25rem}.foto__img img{border:.5rem solid #fff;border-radius:50%}.foto__smile{position:absolute;top:0;left:0;height:100%;width:100%;background-image:url(/assets/img/face-smile2.svg);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:0}.foto__code{position:absolute;top:10%;left:20%;opacity:0;font-size:1.6rem;-webkit-transform:rotate(-17deg);-ms-transform:rotate(-17deg);transform:rotate(-17deg);text-align:left}@media (max-width:768px){.foto__code{-webkit-transform:rotate(-19deg);-ms-transform:rotate(-19deg);transform:rotate(-19deg)}}.foto__big{display:block}.pager{background-color:#fff;display:inline-block;position:relative;border-radius:1.5rem;padding:0 1.5rem}.pager__container{text-align:center;margin-top:1rem}.pager__control{display:inline-block;height:2rem;width:2rem;text-align:center;border:2px solid #BA2424;border-radius:50%;background-color:#BA2424;margin:.5rem .25rem}.pager__control a{display:block;border-radius:50%}.pager__control.active{border-color:#BA2424;background-color:#fff;color:#BA2424}.pager__control.active a{color:#BA2424}.pager__control.inactive{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.pager__control.inactive a{cursor:not-allowed}.pager__next,.pager__prev{background-color:#891919;border-color:#891919}.pager__prev{margin-right:.5rem}.pager__next{margin-left:.5rem}.footer{text-align:right;color:#891919;font-size:.8rem}@media (max-width:768px){.footer{padding:2rem}}.footer-social{list-style:none;padding:0;margin:0}