.single-portfolio{display:block;position:relative;overflow:hidden}.single-portfolio .iframe-video{border:0;width:100%;height:300px}.single-portfolio .thumbnail{position:relative}.single-portfolio .thumbnail .overlay{z-index:1;display:block;position:relative}.single-portfolio .thumbnail .overlay:before{z-index:9;content:"";opacity:0;cursor:crosshair;background-color:#00000080;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0}.single-portfolio .thumbnail .overlay img{width:100%}.single-portfolio .thumbnail .play-btn{z-index:999;text-align:center;opacity:0;transition:all .5s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.single-portfolio .thumbnail .play-btn button{color:#fff;cursor:pointer;background-color:#0000;border:0;font-size:46px}.single-portfolio .content{z-index:9;opacity:0;width:100%;padding:35px;transition:all .5s;position:absolute;bottom:0;left:0}@media only screen and (max-width:1199px){.single-portfolio .content{padding:15px}}.single-portfolio .content .title{margin-bottom:15px;font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;line-height:1}@media only screen and (max-width:1199px){.single-portfolio .content .title{font-size:18px}}.single-portfolio .content .title a{color:#fff;display:block}.single-portfolio .content .desc{color:#ccc;margin-bottom:0;font-family:Quicksand,sans-serif;font-size:14px;line-height:1.3}.single-portfolio:hover .thumbnail .overlay:before,.single-portfolio:hover .thumbnail .play-btn,.single-portfolio:hover .content{opacity:1}.portfolio-area.portfolio-default-area{padding:30px 0 50px}@media only screen and (max-width:1199px){.portfolio-area.portfolio-default-area{padding:30px 0 50px}}@media only screen and (max-width:991px){.portfolio-area.portfolio-default-area{padding:30px 0 40px}}@media only screen and (max-width:767px){.portfolio-area.portfolio-default-area{padding:20px 0 30px}}.portfolio-area.portfolio-default-area .container-fluid{padding:0}.portfolio-area.portfolio-default-area .widget-instagram-area{margin-top:60px}@media only screen and (max-width:991px){.portfolio-area.portfolio-default-area .widget-instagram-area{margin-top:50px}}@media only screen and (max-width:575px){.portfolio-area.portfolio-default-area .widget-instagram-area{margin-top:40px}}.portfolio-list{align-items:stretch;margin-left:0;margin-right:0}.portfolio-list .portfolio-item{justify-content:center;align-items:center;padding:1px;transition:all .3s;display:flex;position:relative}@media only screen and (max-width:1199px){.portfolio-list .portfolio-item{padding:1px}}@media only screen and (max-width:991px){.portfolio-list .portfolio-item{padding:1px}}@media only screen and (max-width:767px){.portfolio-list .portfolio-item{padding:1px}}@media only screen and (max-width:575px){.portfolio-list .portfolio-item{padding:1px}}.btn-portfolio{text-transform:uppercase;color:#999;letter-spacing:5px;background-color:#0000;border:0;font-family:Poppins,sans-serif;font-size:16px;line-height:1.5}.btn-portfolio:hover{color:var(--brand-color)}.messonry-button{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.messonry-button button{border:1px solid var(--brand-color);background-color:#0000;border-radius:30px;margin:0;padding:5px 15px;transition:all .3s;position:relative}.messonry-button button span{display:inline-block;position:relative}.messonry-button button span.filter-text{text-transform:uppercase;color:var(--foreground);font-size:14px;font-weight:600;line-height:1.58;transition:color .3s}.messonry-button button:hover{background-color:var(--brand-color)}.messonry-button button:hover span.filter-text{color:#fff;cursor:pointer}.messonry-button button.is-checked{background-color:var(--brand-color)}.messonry-button button.is-checked span.filter-text{color:#fff}