Portfolio
Let the work speak for itself. It a testament to our passion for each and every project. It means we stand behind our work with experience and research from actual problems we’ve defined, measured, and solved. We value quality and are dedicated to doing things the right way. Therefore, no decision, from strategy and development to design and user experience, is made lightly. You’ll always see it in our work.
<script><!-- [et_pb_line_break_holder] -->(function ($) {<!-- [et_pb_line_break_holder] --> $(document).ready(function () {<!-- [et_pb_line_break_holder] --> $(document).bind('ready ajaxComplete', function () {<!-- [et_pb_line_break_holder] --> $(".masonry-portfolio .et_pb_portfolio_item").each(function () {<!-- [et_pb_line_break_holder] --> $(this).find(".et_pb_module_header, .post-meta").wrapAll('<div class="portfolio-text"></div>');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] -->})(jQuery);<!-- [et_pb_line_break_holder] --></script><!-- [et_pb_line_break_holder] --><style><!-- [et_pb_line_break_holder] -->/*--------------------------------------------------------------*/<!-- [et_pb_line_break_holder] -->/*-------Masonry Filterable Portfolio Layout by Divi Soup-------*/<!-- [et_pb_line_break_holder] -->/*--------------------------------------------------------------*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Hide items until all loaded*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.masonry-portfolio .et_pb_portfolio_item {<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Set the number of columns*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.masonry-portfolio .et_pb_portfolio_items {<!-- [et_pb_line_break_holder] --> -webkit-columns: 20em; /*increase em values for less columns, decrease for more columns*/<!-- [et_pb_line_break_holder] --> columns: 20em; /*increase em values for less columns, decrease for more columns*/<!-- [et_pb_line_break_holder] --> -webkit-column-gap: 25px; /*space between columns*/<!-- [et_pb_line_break_holder] --> column-gap: 25px; /*space between columns*/<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> margin-bottom: 30px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Size the items and add spacing*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.masonry-portfolio .et_pb_portfolio_item {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> border-bottom: 25px solid transparent; /*space between images (should be same value as space between columns)*/<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> -webkit-column-break-inside: avoid;<!-- [et_pb_line_break_holder] --> break-inside: avoid-column;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Remove title spacing*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.masonry-portfolio .et_pb_portfolio_item h2 {<!-- [et_pb_line_break_holder] --> margin-top: 0;<!-- [et_pb_line_break_holder] --> padding-bottom: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Style the title and caption hover effect*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.masonry-portfolio .ds-portfolio-text {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> padding: 20px; /*padding around title and category*/<!-- [et_pb_line_break_holder] --> background: rgba(255, 255, 255, .8); /*overlay colour on hover*/<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> display: -webkit-box;<!-- [et_pb_line_break_holder] --> display: -ms-flexbox;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> -webkit-box-orient: vertical;<!-- [et_pb_line_break_holder] --> -webkit-box-direction: normal;<!-- [et_pb_line_break_holder] --> -ms-flex-direction: column;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> -webkit-box-pack: center;<!-- [et_pb_line_break_holder] --> -ms-flex-pack: center;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .3s ease;<!-- [et_pb_line_break_holder] --> transition: all .3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Activate hover effect*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.masonry-portfolio .et_pb_portfolio_item:hover .ds-portfolio-text {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Space the filters*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.masonry-portfolio .et_pb_portfolio_filters ul {<!-- [et_pb_line_break_holder] --> display: -webkit-box;<!-- [et_pb_line_break_holder] --> display: -ms-flexbox;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> -webkit-box-pack: justify;<!-- [et_pb_line_break_holder] --> -ms-flex-pack: justify;<!-- [et_pb_line_break_holder] --> justify-content: space-between;<!-- [et_pb_line_break_holder] --> -ms-flex-wrap: wrap;<!-- [et_pb_line_break_holder] --> flex-wrap: wrap;<!-- [et_pb_line_break_holder] --> width: 70%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.masonry-portfolio .et_pb_portfolio_filters li {<!-- [et_pb_line_break_holder] --> min-width: 33.3333%; /*adjust percentage based on number of filters*/<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*--------------------------------------------------------------*/<!-- [et_pb_line_break_holder] -->/*-----End Masonry Filterable Portfolio Layout by Divi Soup-----*/<!-- [et_pb_line_break_holder] -->/*--------------------------------------------------------------*/<!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] -->