.serportfolio-grid{display:flex;flex-wrap:wrap;margin-left:-15px;justify-content:center}.serportfolio-grid div{box-sizing:border-box}.serportfolio-element{width:100%;max-width:50%;flex:0 0 50%;padding:25px 15px;order:1;cursor:pointer}.serportfolio-linked-element>a{outline:0}.serportfolio-extra{width:100%;flex:0 0 100%;padding:0 10px;overflow:hidden;height:0;order:1;opacity:0;transition:opacity 0s linear 1s,height 1s ease-in-out}.serportfolio-extra.serportfolio-show{opacity:1;transition:height 1s ease-in-out}.serportfolio-extra.fade-in{transition:opacity .5s ease-in-out .5s,height 0s linear .5s}.serportfolio-extra.fade-out{transition:opacity .5s ease-in-out,height 0s linear .5s}.serportfolio-extra-inner{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 0 15px}.serportfolio-left{display:none}.serportfolio-right{width:100%;flex:0 0 100%}.serportfolio-element figure h3{font-size:1.2em;color:#0071ba;margin-top:.5em;margin-bottom:-.2em}.serportfolio-element figure p{font-size:1.2em;color:#3a3a3a}.serportfolio-extra .serportfolio-extra-inner h3{font-size:1.4em;color:#0071ba;margin-top:0;margin-bottom:0}.serportfolio-extra .serportfolio-right>span+*{margin-top:1em}.serportfolio-extra .serportfolio-right>:last-child{margin-bottom:0}.serportfolio-element figure span{font-size:1em;color:#3a3a3a}.serportfolio-extra .serportfolio-extra-inner span{font-size:1.35em;color:#3a3a3a}.serportfolio-grid .serportfolio-skewed{transform:skewX(-4.5deg);transform-origin:left bottom;overflow:hidden;margin:1px}.serportfolio-grid .serportfolio-skewed img{transform:skewX(4.5deg);max-width:none;margin:0-15px;width:calc(100% + 30px)}.serportfolio-grid .serportfolio-extra .serportfolio-skewed img{margin:0-20px;width:calc(100% + 40px)}.serportfolio-element:nth-of-type(n+1):nth-of-type(-n+4):nth-of-type(odd){order:1}.serportfolio-extra:nth-of-type(n+1):nth-of-type(-n+4):nth-of-type(even){order:2}.serportfolio-element:nth-of-type(n+5):nth-of-type(-n+8):nth-of-type(odd){order:3}.serportfolio-extra:nth-of-type(n+5):nth-of-type(-n+8):nth-of-type(even){order:4}.serportfolio-element:nth-of-type(n+9):nth-of-type(-n+12):nth-of-type(odd){order:5}.serportfolio-extra:nth-of-type(n+9):nth-of-type(-n+12):nth-of-type(even){order:6}.serportfolio-element:nth-of-type(n+13):nth-of-type(-n+16):nth-of-type(odd){order:7}.serportfolio-extra:nth-of-type(n+13):nth-of-type(-n+16):nth-of-type(even){order:8}.serportfolio-element:nth-of-type(n+17):nth-of-type(-n+20):nth-of-type(odd){order:9}.serportfolio-extra:nth-of-type(n+17):nth-of-type(-n+20):nth-of-type(even){order:10}.serportfolio-element:nth-of-type(n+21):nth-of-type(-n+24):nth-of-type(odd){order:11}.serportfolio-extra:nth-of-type(n+21):nth-of-type(-n+24):nth-of-type(even){order:12}.serportfolio-element:nth-of-type(n+25):nth-of-type(-n+28):nth-of-type(odd){order:13}.serportfolio-extra:nth-of-type(n+25):nth-of-type(-n+28):nth-of-type(even){order:14}.serportfolio-element:nth-of-type(n+29):nth-of-type(-n+32):nth-of-type(odd){order:15}.serportfolio-extra:nth-of-type(n+29):nth-of-type(-n+32):nth-of-type(even){order:16}@media screen and (min-width:768px){.serportfolio-element{padding:25px;max-width:33.333333%;flex:0 0 33.333333%}.serportfolio-extra-inner{padding:30px 0}.serportfolio-left{max-width:35%;flex:0 0 auto;margin-right:60px;display:block}.serportfolio-right{width:55%;flex:0 0 55%}.serportfolio-element:nth-of-type(n+1):nth-of-type(-n+6):nth-of-type(odd){order:1}.serportfolio-extra:nth-of-type(n+1):nth-of-type(-n+6):nth-of-type(even){order:2}.serportfolio-element:nth-of-type(n+7):nth-of-type(-n+12):nth-of-type(odd){order:3}.serportfolio-extra:nth-of-type(n+7):nth-of-type(-n+12):nth-of-type(even){order:4}.serportfolio-element:nth-of-type(n+13):nth-of-type(-n+18):nth-of-type(odd){order:5}.serportfolio-extra:nth-of-type(n+13):nth-of-type(-n+18):nth-of-type(even){order:6}.serportfolio-element:nth-of-type(n+19):nth-of-type(-n+24):nth-of-type(odd){order:7}.serportfolio-extra:nth-of-type(n+19):nth-of-type(-n+24):nth-of-type(even){order:8}.serportfolio-element:nth-of-type(n+25):nth-of-type(-n+30):nth-of-type(odd){order:9}.serportfolio-extra:nth-of-type(n+25):nth-of-type(-n+30):nth-of-type(even){order:10}.serportfolio-element:nth-of-type(n+31):nth-of-type(-n+36):nth-of-type(odd){order:11}.serportfolio-extra:nth-of-type(n+31):nth-of-type(-n+36):nth-of-type(even){order:12}}@media screen and (min-width:992px){.serportfolio-grid.serportfolio-columns-4{padding-left:20px}.serportfolio-columns-3 .serportfolio-element{padding:25px;max-width:27.5%;flex:0 0 27.5%}.serportfolio-columns-4 .serportfolio-element{max-width:calc(25% - 15px);flex:0 0 calc(25% - 15px)}.serportfolio-columns-4 .serportfolio-left{max-width:40%;margin-right:80px}.serportfolio-columns-4 .serportfolio-right{width:50%;flex:0 0 50%}.serportfolio-columns-4 .serportfolio-element:nth-of-type(n+1):nth-of-type(-n+8):nth-of-type(odd){order:1}.serportfolio-columns-4 .serportfolio-extra:nth-of-type(n+1):nth-of-type(-n+8):nth-of-type(even){order:2}.serportfolio-columns-4 .serportfolio-element:nth-of-type(n+9):nth-of-type(-n+16):nth-of-type(odd){order:3}.serportfolio-columns-4 .serportfolio-extra:nth-of-type(n+9):nth-of-type(-n+16):nth-of-type(even){order:4}.serportfolio-columns-4 .serportfolio-element:nth-of-type(n+17):nth-of-type(-n+24):nth-of-type(odd){order:5}.serportfolio-columns-4 .serportfolio-extra:nth-of-type(n+17):nth-of-type(-n+24):nth-of-type(even){order:6}.serportfolio-columns-4 .serportfolio-element:nth-of-type(n+25):nth-of-type(-n+32):nth-of-type(odd){order:7}.serportfolio-columns-4 .serportfolio-extra:nth-of-type(n+25):nth-of-type(-n+32):nth-of-type(even){order:8}}