.portfolio-main .portfolio{display:flex;display:-ms-grid;display:grid;grid-template-columns:repeat(4,1fr)}.portfolio-main .portfolio-item{display:block;height:100%;width:100%}.portfolio-main .post-wrapper{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;background-position:50%;background-size:cover;height:100%;width:100%}.portfolio-main .post-wrapper:before{content:"";display:block;padding-top:100%}.portfolio-main .portfolio-item.width-2{-ms-grid-column:span 2;grid-column:span 2}.portfolio-main .portfolio-item.height_width-2{-ms-grid-row:span 2;grid-row:span 2}.portfolio-main .portfolio-item.width-2 .post-wrapper:before{padding-top:50%}.portfolio-main .post-overlay{position:absolute;top:0;left:0;visibility:hidden;width:100%;height:100%;opacity:0;background-color:#000;z-index:9;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.portfolio-main .post-wrapper:hover .post-overlay{opacity:.7;visibility:visible}.portfolio-main .post-wrapper{position:relative}.portfolio-main .moveVertical .portfolio-item.animated{-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-animation:moveVertical .65s ease forwards;animation:moveVertical .65s ease forwards}.portfolio-main .portfolio.scaleUp .portfolio-item.animated{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6);-webkit-animation:scaleUp .65s ease-in-out forwards;animation:scaleUp .65s ease-in-out forwards}@keyframes moveVertical{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes scaleUp{100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.portfolio-main .portfolio-item.width-2.height_width-2 .post-wrapper:before{padding-top:100%}.portfolio-main .top-title{padding:0 15px;text-align:center;padding-top:130px;padding-bottom:75px}.portfolio-main h1.heading{line-height:1.41;font-size:56px;margin:0}.portfolio-main .portfolio.has-colmn-gap{grid-column-gap:70px;grid-row-gap:70px}.portfolio-main .portfolio.has-colmn-gap{padding:0 100px}@media all and (-ms-high-contrast:none){.portfolio-main .portfolio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:70px;-moz-column-gap:70px;column-gap:70px;row-gap:70px;-ms-flex-wrap:wrap;flex-wrap:wrap}.portfolio-main .portfolio.has-colmn-gap{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.portfolio-main .portfolio.has-colmn-gap .portfolio-item{margin:0 -35px -70px}.portfolio-main .portfolio.has-colmn-gap .portfolio-item{padding:0 35px 70px}.portfolio-main .portfolio-item{width:25%;height:Auto}.portfolio-main .portfolio-item{width:25%}}@media(max-width:1199px){.portfolio-main h1.heading{font-size:46px}.portfolio-main .portfolio.has-colmn-gap{grid-column-gap:30px;grid-row-gap:30px}.portfolio-main .portfolio.has-colmn-gap{padding-right:50px !important;padding-left:50px !important}}@media(max-width:992px){.portfolio-main .top-title{padding-top:100px;padding-bottom:25px}.portfolio-main h1.heading{font-size:36px}.portfolio-main .portfolio.has-colmn-gap{padding-right:30px !important;padding-left:30px !important}.portfolio-main .portfolio{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.portfolio-main .portfolio{grid-template-columns:repeat(1,1fr)}.portfolio-main h1.heading{font-size:28px}.portfolio-main .portfolio-item.width-2 .post-wrapper:before,.portfolio-main .post-wrapper:before{padding-top:100%}.portfolio-main .portfolio-item.height_width-2{-ms-grid-row:span 1;grid-row:span 1}.portfolio-main .portfolio-item.width-2{-ms-grid-column:span 1;grid-column:span 1}}