.rfrsjPortfolio{position:relative;overflow:visible}.rfrsjPortfolio .projectList{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;height:auto;overflow:hidden}.rfrsjPortfolio .projectList .project{background-color:#429edd;position:relative;width:100%;overflow:hidden}.rfrsjPortfolio .projectList .project:last-child{border-top-right-radius:30px;border-bottom-right-radius:30px}.rfrsjPortfolio .projectList .project .image{position:absolute;width:100%;height:auto;top:50%;left:50%;opacity:.2;transition:all 1s;transform:translate(-50%, -50%)}.rfrsjPortfolio .projectList .project:hover .image{transform:translate(-50%, -50%) scale(1.1);opacity:.6}.rfrsjPortfolio .projectList .project .content{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;align-items:center;justify-content:center;z-index:4;text-align:center}.rfrsjPortfolio .projectList .project .content .inner{text-align:center}.rfrsjPortfolio .projectList .project .content .logo{display:inline-block;width:400px;height:auto;filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(200%)}.rfrsjPortfolio .projectList .project .content .button{margin-top:40px}.rfrsjPortfolio .projectList .ivaio .content .logo{width:auto !important;height:100% !important;max-height:150px !important}.rfrsjPortfolio .projectListNormal{display:block}.rfrsjPortfolio .projectListNormal .project{background-color:#000;height:60vh;width:100%;border-bottom:20px solid #9ebf43}.rfrsjPortfolio .projectListNormal .project:first-child{border-radius:0px !important;border-top:20px solid #9ebf43}.rfrsjPortfolio .projectListNormal .project:last-child{border-radius:0px !important;margin-bottom:0px}.rfrsjPortfolio .projectListNormal .project .image{opacity:.3}.rfrsjPortfolio .projectListBig,.rfrsjPortfolio .projectListSmall{flex-direction:column;height:80vh;margin:40px 0px 60px 0px}.rfrsjPortfolio .projectListBig .project{width:calc(50% - 20px);margin:10px;flex:1;border-top-right-radius:30px}.rfrsjPortfolio .projectListBig .project:first-child{flex:0 0 calc(100% - 20px);border-top-left-radius:30px;border-top-right-radius:0px;border-bottom-left-radius:30px}.rfrsjPortfolio .projectListBig .project:first-child .image{max-width:inherit;width:auto;height:100%}.rfrsjPortfolio .projectListBig .project:last-child{border-top-right-radius:0px;border-bottom-right-radius:30px}.rfrsjPortfolio .projectListBig .project .image{width:inherit;height:inherit}.rfrsjPortfolio .projectListSmall{flex-direction:row;height:320px}.rfrsjPortfolio .projectListSmall .project{width:calc(50% - 20px)}.rfrsjPortfolio .projectListSmall .project:first-child{border-top-left-radius:30px;border-bottom-left-radius:30px}.rfrsjPortfolio .projectListSmall .project .content .logo{width:250px}.rfrsjPortfolio .bailine-haaglanden .logo{filter:invert(0%) sepia(50%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(200%) !important}.rfrsjPortfolio .universiteit-utrecht .logo{filter:invert(75%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(200%) !important}.rfrsjPortfolio .projectSingle .back{background-color:#9ebf43;position:fixed;display:flex;align-items:center;justify-content:center;top:130px;left:4%;width:60px;height:60px;border-radius:30px;overflow:hidden;z-index:80;cursor:pointer;transition:all .4s !important}.rfrsjPortfolio .projectSingle .back i{color:#fff;font-size:30px}.rfrsjPortfolio .projectSingle .headerImage{background-color:#000;position:relative;width:100%;height:100vh;overflow:hidden}.rfrsjPortfolio .projectSingle .headerImage .image{background:50% 50% no-repeat;background-size:cover;position:absolute;width:100%;height:100vh;opacity:.6;z-index:1}.rfrsjPortfolio .projectSingle .headerImage .logoWrapper{position:absolute;width:100%;height:100vh;top:0px;overflow:hidden;z-index:2}.rfrsjPortfolio .projectSingle .headerImage .logo{position:absolute;width:100%;height:auto;max-width:500px;top:50%;left:50%;transform:translate(-50%, -50%);filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(200%)}.rfrsjPortfolio .projectSingle .headerImage .ivaio .logo{width:auto;height:100%;max-width:inherit;max-height:250px}.rfrsjPortfolio .projectSingle .headerImageText{position:absolute;width:570px;right:0px;bottom:0px;text-align:center;overflow:hidden;z-index:3}.rfrsjPortfolio .projectSingle .headerImageText svg{width:100%;height:auto;display:block}.rfrsjPortfolio .projectSingle .headerImageText .text{position:absolute;width:100%;padding:0px 12% 0px 10%;bottom:50px}.rfrsjPortfolio .projectSingle .headerImageText .text h2,.rfrsjPortfolio .projectSingle .headerImageText .text p{color:#fff;text-align:right}.rfrsjPortfolio .projectSingle .headerImageText .text p{margin-bottom:0px !important;font-style:italic}.rfrsjPortfolio .projectSingle .headerImageText .text i::before{position:absolute;bottom:-28px;animation:arrowPortfolioRight 1s linear infinite normal;animation-fill-mode:both;font-size:36px;color:#fff}.rfrsjPortfolio .projectSingle .question{background-color:#efefef;padding:80px 4% 60px 4%}.rfrsjPortfolio .projectSingle .question h3{text-transform:lowercase}.rfrsjPortfolio .projectSingle .top{background-color:#fff;position:relative;width:100%;padding-top:120px;overflow:hidden}.rfrsjPortfolio .projectSingle .stats{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0px 4% 80px 4%;overflow:hidden}.rfrsjPortfolio .projectSingle .stats .summary{width:55%;overflow:hidden}.rfrsjPortfolio .projectSingle .stats .summary p{font-size:24px;line-height:36px !important;text-align:justify}.rfrsjPortfolio .projectSingle .stats .services{width:30%;padding:50px 0px 50px 0px;border:2px solid #000;border-radius:30px;overflow:hidden}.rfrsjPortfolio .projectSingle .stats .services a{position:relative;display:inline-block;margin:0px 10px 0px 10px;line-height:60px;font-size:24px}.rfrsjPortfolio .projectSingle .stats .services a::after{content:"";position:absolute;background-color:#000;bottom:12px;left:0px;width:100%;height:1px;transition:all .3s}.rfrsjPortfolio .projectSingle .stats .services a:hover::after{width:0%;left:50%}.rfrsjPortfolio .projectSingle .content1 img,.rfrsjPortfolio .projectSingle .content2 img,.rfrsjPortfolio .projectSingle .quote img,.rfrsjPortfolio .projectSingle .screenshot img{max-width:100%;height:auto}.rfrsjPortfolio .projectSingle .textContent{background-color:#429edd;position:relative;display:flex;justify-content:space-around;width:100%;padding:120px 4% 60px 4%;overflow:hidden}.rfrsjPortfolio .projectSingle .textContent .text{width:50%;display:flex;align-items:center;text-align:justify}.rfrsjPortfolio .projectSingle .textContent .text .inner{width:100%;overflow:hidden}.rfrsjPortfolio .projectSingle .textContent p,.rfrsjPortfolio .projectSingle .textContent i,.rfrsjPortfolio .projectSingle .textContent strong,.rfrsjPortfolio .projectSingle .textContent h2,.rfrsjPortfolio .projectSingle .textContent h3,.rfrsjPortfolio .projectSingle .textContent a{color:#fff}.rfrsjPortfolio .projectSingle .textContent h2 strong{color:#000 !important}.rfrsjPortfolio .projectSingle .textContent .image{width:30%;display:flex;align-items:center;justify-content:center}.rfrsjPortfolio .projectSingle .textContent .apis{width:50%;margin-bottom:0px}.rfrsjPortfolio .projectSingle .textContent .apis .api{width:200px;height:120px}.rfrsjPortfolio .projectSingle .textContent1 .image img{max-width:100%;height:auto}.rfrsjPortfolio .projectSingle .textContentApi{background-color:#9ebf43}.rfrsjPortfolio .projectSingle .textContent2{background-color:rgba(0,0,0,0);padding-top:80px;padding-bottom:0px}.rfrsjPortfolio .projectSingle .textContent2 p,.rfrsjPortfolio .projectSingle .textContent2 i,.rfrsjPortfolio .projectSingle .textContent2 strong,.rfrsjPortfolio .projectSingle .textContent2 h2,.rfrsjPortfolio .projectSingle .textContent2 h3,.rfrsjPortfolio .projectSingle .textContent2 a{color:#222}.rfrsjPortfolio .projectSingle .textContent2 h2 strong{color:#9ebf43 !important}.rfrsjPortfolio .projectSingle .textContent h2 .fas,.rfrsjPortfolio .projectSingle .screenshot h2 .fas{font-size:36px}.rfrsjPortfolio .projectSingle .content1Swirl{position:relative;margin-bottom:20px}.rfrsjPortfolio .projectSingle .content2Swirl{position:relative;margin-bottom:50px}.rfrsjPortfolio .projectSingle .screenshot{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;padding:90px 4% 0px 4%}.rfrsjPortfolio .projectSingle .screenshot .text{width:60%}.rfrsjPortfolio .projectSingle .screenshot .images{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:100px}.rfrsjPortfolio .projectSingle .screenshot .image{background-color:#000;width:48%;margin-bottom:50px;padding:30px;border-radius:30px;overflow:hidden}.rfrsjPortfolio .projectSingle .screenshot .image img{width:100%;border-radius:6px;display:block !important}.rfrsjPortfolio .quote{background-color:#efefef;display:flex;justify-content:space-around;width:92%;margin:80px auto 0px auto;padding:50px 4% 0px 4%;border-radius:30px;overflow:hidden}.rfrsjPortfolio .quote p{position:relative;font-size:24px;line-height:36px !important}.rfrsjPortfolio .quote .text{width:60%;display:flex;align-items:center;padding-bottom:50px;text-align:justify}.rfrsjPortfolio .quote .customer{font-style:italic;font-weight:bold}.rfrsjPortfolio .quote .fa-quote-left{position:absolute;top:-15px;left:-70px;font-size:40px}.rfrsjPortfolio .quote .image{width:30%;display:flex;align-items:flex-end;justify-content:center}.rfrsjPortfolio .quote .image img{max-width:100%;height:auto}.rfrsjPortfolio .projectQuotes .quote{margin-top:0px}.rfrsjPortfolio .projectQuotes .quote:last-child{margin-bottom:0px}.rfrsjPortfolio .clientShowcase{display:flex;justify-content:space-between;align-items:center;padding:0px 4% 0px 4%;margin:0px 0px 0px 0px}.rfrsjPortfolio .clientShowcase .client{width:14%}.rfrsjPortfolio .clientShowcase .gemeente-den-haag{width:6%}.rfrsjPortfolio .clientShowcase .parnassia-groep{width:11%}.rfrsjPortfolio .clientShowcase .europees-parlement,.rfrsjPortfolio .clientShowcase .universiteit-utrecht,.rfrsjPortfolio .clientShowcase .irado{width:8%}.rfrsjPortfolio .clientShowcase img{width:100%;height:auto;filter:invert(30%) sepia(0%) saturate(1%) hue-rotate(2deg) brightness(91%) contrast(89%);transition:all .3s}.rfrsjPortfolio .clientShowcase img:hover{filter:none;transform:scale(1.1)}.rfrsjPortfolio .clients{display:flex;flex-direction:column;flex-wrap:wrap;height:520px;padding-left:4%;margin-bottom:80px;overflow:hidden}.rfrsjPortfolio .clients .client{background-color:#fff;position:relative;width:300px;height:150px;margin:0px 20px 20px 0px;border:2px solid #efefef;border-radius:30px}.rfrsjPortfolio .clients .client img{position:absolute;width:auto;height:auto;left:50%;top:50%;max-width:100px;max-height:60px;transition:all .6s;transform:translate(-50%, -50%);filter:invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(91%) contrast(89%)}.rfrsjPortfolio .clients .client:hover img{filter:none;transform:translate(-50%, -50%) scale(1.5)}.rfrsjPortfolio .apis{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:80px;overflow:hidden}.rfrsjPortfolio .apis .api{background-color:#fff;position:relative;width:12%;height:150px;margin:0px 20px 20px 0px;border-radius:30px}.rfrsjPortfolio .apis .api img{position:absolute;width:auto;height:auto;left:50%;top:50%;max-width:66%;max-height:80px;transition:all .6s;transform:translate(-50%, -50%);filter:invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(91%) contrast(89%)}.rfrsjPortfolio .apis .api:hover img{filter:none;transform:translate(-50%, -50%) scale(1.3)}.rfrsjPortfolio .pagination{background-color:#9ebf43;position:absolute;display:none;align-items:center;justify-content:center;top:calc(50% - 45px);left:6%;width:60px;height:60px;color:#fff;border-radius:30px;overflow:hidden;z-index:80;cursor:pointer;transition:all .4s !important}.rfrsjPortfolio .pagination.right{right:6%;left:auto}.rfrsjPortfolio .pagination.show{display:flex}.rfrsjPortfolio .pagination i{color:#fff;font-size:30px}#portfolioSingle #top{text-align:inherit}@keyframes arrowPortfolioRight{0%{bottom:-28px;opacity:1}33%{bottom:-30px;opacity:.6}66%{bottom:-34px;opacity:.3}0%{bottom:-28px;opacity:1}}.tx-powermail .powermail_fieldwrap,.tx-powermail .mc-field-group,#mc_embed_signup .powermail_fieldwrap,#mc_embed_signup .mc-field-group{margin-bottom:15px;overflow:hidden}.tx-powermail input[type=text],.tx-powermail input[type=email],.tx-powermail input[type=tel],.tx-powermail textarea,#mc_embed_signup input[type=text],#mc_embed_signup input[type=email],#mc_embed_signup input[type=tel],#mc_embed_signup textarea{background-color:#fff;width:100%;padding:15px 20px 15px 20px;font-size:18px;line-height:30px;border-radius:30px}.tx-powermail input[type=submit],.tx-powermail .button,#mc_embed_signup input[type=submit],#mc_embed_signup .button{background-color:#222;display:block;margin:0px auto;padding:15px 20px 15px 20px;font-size:18px;font-style:italic;font-weight:bold;line-height:30px;color:#fff;border-radius:30px;transition:all .3s;cursor:pointer}.tx-powermail h3,.tx-powermail legend{display:none}.tx-powermail textarea{height:100px}.tx-powermail .powermail_fieldwrap_type_text div{line-height:24px;margin-bottom:24px}#mc_embed_signup input[type=text],#mc_embed_signup input[type=email]{background-color:#efefef}.tx-mailchimp .form-group{margin-bottom:30px;text-align:center}.tx-mailchimp label{display:block;width:100%;margin-bottom:10px;font-weight:bold}.tx-mailchimp input[type=text],.tx-mailchimp input[type=email]{background-color:#efefef;width:100%;padding:15px 20px 15px 20px;font-size:18px;line-height:30px;border-radius:30px;text-align:center}.tx-mailchimp input[type=submit]{background-color:#222;display:inline-block;padding:15px 20px 15px 20px;font-size:18px;font-style:italic;font-weight:bold;line-height:30px;color:#fff;border-radius:30px;cursor:pointer;transition:all .3s}.tx-mailchimp .name{display:flex;justify-content:space-between}.tx-mailchimp .name div{width:48%}