:root{--bodyFont:"Poppins", sans-serif;--titleFont:"Tomorrow", sans-serif;--transition:all 0.5s ease-in-out;--transition-sec:all 1.8s ease-in-out;--transition-third:all 2.2s ease-in-out;--primaryColor:#ed2a00;--titleColor:#ffffff;--textColor:#474747;--bodyColor:#000000;--blackColor:#000000;--whiteColor:#ffffff;--menuColor:#000000;--borderColor:#e6e6e6;--borderColor2:#ffffff14;--btnTextColor:#000000;--btnTextHoverColor:var(--primaryColor);--btnBgColor:var(--primaryColor);--btnBgHoverColor:var(--primaryColor5);--linkColor:var(--secondaryColor);--linkHoverColor:var(--primaryColor);--neutralColor0:#ffffff;--neutralColor10:#fafafa;--neutralColor20:#f5f5f6;--neutralColor30:#ebebed;--neutralColor40:#dfdfe1;--neutralColor50:#c2c2c6;--neutralColor60:#b3b3b8;--neutralColor70:#a7a7ac;--neutralColor80:#98999e;--neutralColor90:#898a91;--neutralColor100:#7b7b83;--neutralColor200:#6c6d75;--neutralColor300:#5d5e67;--neutralColor400:#51525c;--neutralColor500:#42434e;--neutralColor600:#363742;--neutralColor700:#252632;--neutralColor800:#161725;--neutralColor900:#0a0b19;--neutralColor1000:#0d0d0d}@keyframes waves{0%{transform:scale(1);opacity:1}100%{transform:scale(1.6);opacity:0}}@keyframes fadeIn2nd{0%{opacity:0;transform:translate3d(-10%,0,0)}100%{opacity:1;transform:none}}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(180deg)}}.mb-24{margin-bottom:24px}body.single.single-tp-portfolios{overflow:visible}.tp-portfolio-inner-content-side-wrapper{position:sticky;top:140px;padding-bottom:40px}.tp-portfolio-stylestyle1 .portfolio-item{position:relative;z-index:1;overflow:hidden}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-image{position:relative;z-index:2}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-image img{width:100%}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-image span.popup-icon{position:absolute;left:50%;top:50%;content:"";transform:translate(-50%,-50%);display:inline-block;padding:10px 12px;background-color:var(--bodyColor);color:var(--textColor);border-radius:50%;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-image span.popup-icon:hover{color:var(--textColor);background-color:var(--primaryColor)}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-image.portfolio-image-overlay-gradient::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-image:linear-gradient(to bottom,#fff0 0%,#000000 100%);z-index:auto;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content.portfolio-item-content-absolute{position:absolute;left:0;bottom:-50px;right:0;width:100%;z-index:3;padding:25px;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolio-cat a{display:inline-block;color:var(--blackColor);background-color:var(--whiteColor);border-radius:30px;font-size:12px;text-transform:uppercase;padding:5px 15px;margin-bottom:10px;font-weight:500}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolio-cat a:hover{color:var(--textColor);background-color:var(--primaryColor)}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolio-title{font-size:20px;font-weight:700}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolio-title a{color:var(--textColor)}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolio-title a:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolios-btn{margin-top:10px;color:var(--textColor);display:inline-block}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolios-btn:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolios-btn i{display:inline-block}.tp-portfolio-stylestyle1 .portfolio-item:hover .portfolio-item-content-absolute{opacity:1;visibility:visible;bottom:0}.tp-portfolio-stylestyle1 .portfolio-item:hover .portfolio-item-image::before{opacity:1;visibility:visible}.tp-portfolio-stylestyle2 .portfolio-item{position:relative;z-index:1;overflow:hidden}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-image{position:relative;z-index:2}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-image img{width:100%}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-image span.popup-icon{position:absolute;left:50%;top:50%;content:"";transform:translate(-50%,-50%);display:inline-block;padding:10px 12px;background-color:var(--blackColor);color:var(--textColor);border-radius:50%;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-image span.popup-icon:hover{color:var(--textColor);background-color:var(--primaryColor)}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-image.portfolio-image-overlay-gradient::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-image:linear-gradient(to bottom,#fff0 0%,#000000 100%);z-index:auto;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content.portfolio-item-content-absolute{position:absolute;left:0;bottom:-50px;right:0;width:100%;z-index:3;padding:25px;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolio-cat a{display:inline-block;color:var(--blackColor);background-color:var(--whiteColor);border-radius:30px;font-size:12px;text-transform:uppercase;padding:5px 15px;margin-bottom:10px;font-weight:500}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolio-cat a:hover{color:var(--textColor);background-color:var(--primaryColor)}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolio-title{font-size:20px;font-weight:700}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolio-title a{color:var(--textColor)}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolio-title a:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolios-btn{margin-top:10px;color:var(--textColor);display:inline-block}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolios-btn:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolios-btn i{display:inline-block}.tp-portfolio-stylestyle2 .portfolio-item:hover .portfolio-item-content-absolute{opacity:1;visibility:visible;bottom:0}.tp-portfolio-stylestyle2 .portfolio-item:hover .portfolio-item-image::before{opacity:1;visibility:visible}.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-5 .col:nth-child(1),.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-5 .col:nth-child(3),.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-5 .col:nth-child(5){margin-top:30px}@media (max-width:1200px){.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-5 .col:nth-child(1),.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-5 .col:nth-child(3),.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-5 .col:nth-child(5){margin-top:0!important}}.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-4 .col:nth-child(1),.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-4 .col:nth-child(3){margin-top:40px}@media (max-width:1200px){.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-4 .col:nth-child(1),.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-4 .col:nth-child(3){margin-top:0!important}}.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-3 .col:nth-child(1),.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-3 .col:nth-child(3){margin-top:50px}@media (max-width:1200px){.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-3 .col:nth-child(1),.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-3 .col:nth-child(3){margin-top:0!important}}.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-2 .col:nth-child(1){margin-top:50px}@media (max-width:1200px){.tp-portfolio-stylestyle2 .filter-grid .row.row-cols-xl-2 .col:nth-child(1){margin-top:0!important}}.tp-portfolio-stylestyle3 .portfolio-item{position:relative;z-index:1;overflow:hidden}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-image{position:relative;z-index:2}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-image img{width:100%}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-image span.popup-icon{position:absolute;left:50%;top:50%;content:"";transform:translate(-50%,-50%);display:inline-block;padding:10px 12px;background-color:var(--bodyColor);color:var(--textColor);border-radius:50%;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-image span.popup-icon:hover{color:var(--textColor);background-color:var(--primaryColor)}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-image.portfolio-image-overlay-gradient::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-image:linear-gradient(to bottom,#fff0 0%,#000000 100%);z-index:auto;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-content.portfolio-item-content-absolute{position:absolute;left:0;bottom:-50px;right:0;width:100%;z-index:3;padding:25px;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-content .portfolio-cat a{display:inline-block;color:var(--blackColor);background-color:var(--whiteColor);border-radius:30px;font-size:12px;text-transform:uppercase;padding:5px 15px;margin-bottom:10px;font-weight:500}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-content .portfolio-cat a:hover{color:var(--textColor);background-color:var(--primaryColor)}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-content .portfolio-title{font-size:20px;font-weight:700}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-content .portfolio-title a{color:var(--textColor)}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-content .portfolio-title a:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle3 .portfolio-item .portfolios-btn-part .portfolios-btn{margin-top:0;color:var(--textColor);display:inline-block}.tp-portfolio-stylestyle3 .portfolio-item .portfolios-btn-part .portfolios-btn:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle3 .portfolio-item .portfolios-btn-part .portfolios-btn i{display:inline-block}.tp-portfolio-stylestyle3 .portfolio-item .portfolios-btn-part.portfolio-btn-absolute{position:absolute;right:0;top:0;z-index:2;padding:25px 20px;opacity:0;visibility:hidden;transition:all 0.3s linear 0s;top:-50px}.tp-portfolio-stylestyle3 .portfolio-item:hover .portfolio-item-content-absolute{opacity:1;visibility:visible;bottom:0}.tp-portfolio-stylestyle3 .portfolio-item:hover .portfolio-item-image::before{opacity:1;visibility:visible}.tp-portfolio-stylestyle3 .portfolio-item:hover .portfolio-btn-absolute{opacity:1;visibility:visible;top:0}.tp-portfolio-stylestyle4 .portfolio-item{position:relative;z-index:1;overflow:hidden;align-items:center}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-image{position:relative;z-index:2;flex:1}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-image img{width:100%}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-image span.popup-icon{position:absolute;left:50%;top:50%;content:"";transform:translate(-50%,-50%);display:inline-block;padding:10px 12px;background-color:var(--bodyColor);color:var(--textColor);border-radius:50%;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-image span.popup-icon:hover{color:var(--textColor);background-color:var(--primaryColor)}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-image.portfolio-image-overlay-gradient::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-image:linear-gradient(to bottom,#fff0 0%,#000000 100%);z-index:auto;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content{width:-moz-max-content;width:max-content;padding:40px}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content.portfolio-item-content-absolute{position:absolute;left:0;bottom:-50px;right:0;width:100%;z-index:3;padding:25px;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolio-cat a{display:inline-block;color:var(--textColor);font-size:12px;margin-bottom:10px;font-weight:500}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolio-cat a:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolio-title{font-size:20px;font-weight:700}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolio-title a{color:var(--textColor)}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolio-title a:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolios-btn{margin-top:10px;color:var(--textColor);display:inline-block}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolios-btn:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolios-btn i{display:inline-block}.tp-portfolio-stylestyle4 .portfolio-item:hover .portfolio-item-image::before{opacity:1;visibility:visible}.tp-portfolio-stylestyle4 .filter-grid .row .col:nth-child(even) .portfolio-item{flex-direction:row-reverse}.tp-portfolio-stylestyle5 .portfolio-item{position:relative;z-index:1;overflow:hidden;padding:12px;border-radius:16px;border-bottom:1px solid rgb(255 255 255 / .08);background:rgb(255 255 255 / .04);transition:all 0.3s linear}.tp-portfolio-stylestyle5 .portfolio-item:hover{border-bottom:1px solid var(--primaryColor)}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-image{position:relative;z-index:2}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-image img{width:100%;border-radius:16px}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-image span.popup-icon{position:absolute;left:50%;top:50%;content:"";transform:translate(-50%,-50%);display:inline-block;padding:10px 12px;background-color:var(--bodyColor);color:var(--textColor);border-radius:50%;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-image span.popup-icon:hover{color:var(--textColor);background-color:var(--primaryColor)}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-image.portfolio-image-overlay-gradient::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-image:linear-gradient(to bottom,#fff0 0%,#000000 100%);z-index:auto;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-content{padding:12px;margin-top:12px}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-content .portfolio-cat a{display:inline-block;color:var(--textColor);font-size:12px;margin-bottom:10px;font-weight:500}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-content .portfolio-cat a:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-content .portfolio-title{font-size:20px;font-weight:700}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-content .portfolio-title a{color:var(--textColor)}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-content .portfolio-title a:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-content .portfolio-desc-content{margin-top:20px;margin-bottom:32px;color:var(--neutralColor60)}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-content .portfolios-btn{margin-top:10px;color:var(--textColor);display:inline-block}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-content .portfolios-btn:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle5 .portfolio-item .portfolio-item-content .portfolios-btn i{display:inline-block}.tp-portfolio-stylestyle5 .portfolio-item:hover .portfolio-item-image::before{opacity:1;visibility:visible}.tp-portfolio-stylestyle5 .filter-grid .row .col:nth-child(even) .portfolio-item{flex-direction:row-reverse}