.page-template-servicepage ul.portfolio{list-style:none;margin:4em 0!important;display:flex;flex-wrap:wrap;max-width:100%!important;padding:0;pointer-events:none}.page-template-servicepage ul.portfolio li{pointer-events:auto;margin:0;display:inline-flex;flex:1 2 calc(100%/3);min-width:15%;max-width:calc(100%/3);flex-wrap:wrap;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:35vw;padding:0 1em;color:#fff;background-color:#fffff;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-transition:all .5s ease-in-out;transition:all .8s ease-in-out}.page-template-servicepage ul.portfolio:hover li{flex:1 2 27.5%;max-width:calc(100%/3);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.page-template-servicepage ul.portfolio li:hover{flex:2 0 45%;max-width:45%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.page-template-servicepage ul.portfolio li svg,.page-template-servicepage ul.portfolio li:hover svg{width:200px;height:auto;margin:2em 0 0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.page-template-servicepage ul.portfolio li:hover svg{width:270px;margin:-.5em 0 0}.page-template-servicepage ul.portfolio li span{visibility:hidden;height:1em;margin:1em 0 0;opacity:0;-webkit-transition:all .5s linear;transition:all .5s linear}.page-template-servicepage ul.portfolio li:hover span{visibility:visible;margin:1.5em 0 0;opacity:1;-webkit-transition:all .5s linear;transition:all .5s linear}@media screen and (max-width:1200px){.page-template-servicepage ul.portfolio li,.page-template-servicepage ul.portfolio li:hover,.page-template-servicepage ul.portfolio:hover li{flex:1 2 50%;max-width:50%;height:40vw}.page-template-servicepage ul.portfolio li:hover svg{width:200px}@media screen and (max-width:860px){.page-template-servicepage ul.portfolio{margin:3em -2em!important;max-width:calc(100% + 4em)!important}}@media screen and (max-width:776px){.page-template-servicepage ul.portfolio li,.page-template-servicepage ul.portfolio li:hover,.page-template-servicepage ul.portfolio:hover li{flex:1 1 100%;max-width:100%;height:16em}.page-template-servicepage ul.portfolio li svg{margin:0}.page-template-servicepage ul.portfolio li:hover svg{width:200px;margin:0}.page-template-servicepage ul.portfolio li span,.page-template-servicepage ul.portfolio li:hover span{display:none}}}