/**handles:single-portfolio,page-content-layout-contact**/
.portfolio-item .wrap{padding:80px 2%}.portfolio-item .wrap>.cols{width:100%;display:flex}.portfolio-item .wrap>.cols>.col{width:100%;padding:40px 2%;flex:1;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.portfolio-item table.portfolio-data{width:100%}.portfolio-item table.portfolio-data td{padding:10px;border:1px solid #ddd}.portfolio-item table.portfolio-data tr>td:first-child{padding-right:20px}.portfolio-item table.portfolio-data>tbody>tr:nth-child(2n)>td{background-color:#fafafa}.portfolio-item .wrap .col .portfolio{list-style-type:none;padding:0;margin:0}.portfolio-item .wrap .col .portfolio{display:flex;flex-flow:row wrap;margin-left:-8px;width:100%}.portfolio-item .wrap .col .portfolio>li{flex:auto;height:250px;min-width:150px;margin:0 8px 8px 0}.portfolio-item .wrap .col .portfolio>li img{object-fit:cover;width:100%;height:100%}.portfolio-item .wrap .col .portfolio>li:nth-child(4n+1){width:250px}.portfolio-item .wrap .col .portfolio>li:nth-child(4n+1):nth-child(4n+2){width:325px}.portfolio-item .wrap .col .portfolio>li:nth-child(4n+1):nth-child(4n+3){width:180px}.portfolio-item .wrap .col .portfolio>li:nth-child(4n+1):nth-child(4n+4){width:380px}@media only screen and (max-width:960px){.portfolio-item .wrap>.cols{width:100%;display:flex;flex-direction:column;align-items:center}}
.contact-block{position:relative;width:100%}.contact-block .wrap{display:flex;flex-wrap:wrap;position:relative;z-index:2}.contact-block .wrap>.col{width:100%;padding:100px 2%;flex:1;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.contact-block h2{color:var(--secondary-accent-color);font-size:2em;line-height:1.2;font-weight:700}.contact-block .wrap>.col figure{width:100%;text-align:center}.contact-block .wrap>.col figure img{width:75%;aspect-ratio:1;object-fit:cover}.contact-block .wrap>.col figure img.rounded{border-radius:50%}.below_form{margin-top:3em}.below_form a{text-decoration:underline}.below_form a:hover{text-decoration:none}.contact-block[style*="background-color: var(--alt-bg-color)"] input,.contact-block[style*="background-color: var(--alt-bg-color)"] textarea{background-color:#fff}@media only screen and (max-width:960px){.contact-block .wrap>.col{width:100%;flex-basis:100%}.contact-block .wrap>.col+.col{padding-top:0}.contact-block .wrap>.col+.col img{max-width:300px}}