.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}.admin-area{background-color:#f8f9fa;min-height:100vh}.auth-card,.dashboard-card{background:#fff;border:none;border-radius:15px;padding:2.5rem;box-shadow:0 10px 30px #0000000d}.auth-card h2,.dashboard-card h2{color:var(--foreground);margin-bottom:1.5rem;font-family:Montserrat,sans-serif;font-weight:700}.auth-card{max-width:500px;margin:50px auto}.nav-tabs{border-bottom:2px solid #eee}.nav-tabs .nav-link{color:#555;background:0 0;border:none;padding:1rem 1.5rem;font-family:Montserrat,sans-serif;font-weight:600;transition:all .3s}.nav-tabs .nav-link:hover{color:var(--brand-color)}.nav-tabs .nav-link.active{color:var(--brand-color);border-bottom:3px solid var(--brand-color);background:0 0}.form-control{border:1px solid #eee;border-radius:8px;padding:.8rem 1rem;font-family:Quicksand,sans-serif}.form-control:focus{border-color:var(--brand-color);box-shadow:0 0 0 3px #f39c111a}.btn{border-radius:50px;padding:.6rem 1.5rem;font-family:Montserrat,sans-serif;font-weight:600;transition:all .3s}.btn-primary{background-color:var(--foreground)!important;border-color:var(--foreground)!important}.btn-primary:hover{transform:translateY(-2px);background-color:var(--brand-color)!important;border-color:var(--brand-color)!important}.btn-secondary{color:#333!important;background-color:#eee!important;border-color:#eee!important}.btn-secondary:hover{background-color:#ddd!important;border-color:#ddd!important}.table th{border-top:none;font-family:Montserrat,sans-serif;font-weight:600}.table td{vertical-align:middle;font-family:Quicksand,sans-serif}