.cspt-portfolio-style-5 .creativesplanet-post-item{position:relative;overflow:hidden;border-radius:20px}.cspt-portfolio-style-5 .creativesplanet-post-item::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,0) 100%);z-index:1;opacity:0;visibility:hidden;transition:all ease 500ms;-moz-transition:all ease 500ms;-webkit-transition:all ease 500ms}.cspt-portfolio-style-5 .creativesplanet-post-item:hover:after{opacity:1;visibility:visible}.cspt-portfolio-style-5 img{width:100%;height:auto;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transition:all ease 500ms;-moz-transition:all ease 500ms;-webkit-transition:all ease 500ms}.cspt-portfolio-style-5:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.cspt-portfolio-style-5 .creativesplanet-box-content{margin:20px;position:absolute;left:0;top:0;right:0;bottom:0}.cspt-portfolio-style-5 .creativesplanet-icon-box{width:37px;height:37px;position:absolute;right:0;top:-10px;font-size:16px;line-height:.8;color:#fff;display:inline-block;text-align:center;z-index:2;padding:11px 17px;visibility:hidden;opacity:0;transition:all ease 500ms;-moz-transition:all ease 500ms;-webkit-transition:all ease 500ms}.cspt-portfolio-style-5:hover .creativesplanet-icon-box{visibility:visible;opacity:1;right:20px}.cspt-portfolio-style-5 .creativesplanet-icon-box a{background-color:#ff5ee1;border-radius:50%;width:37px;height:37px;line-height:37px;display:inline-block;color:#fff;font-size:20px}.cspt-portfolio-style-5 .creativesplanet-titlebox{position:absolute;left:20px;bottom:-20px;z-index:2;visibility:hidden;opacity:0;transition:all ease 700ms;-moz-transition:all ease 700ms;-webkit-transition:all ease 700ms}.cspt-portfolio-style-5:hover .creativesplanet-titlebox{visibility:visible;opacity:1;bottom:2px}.cspt-portfolio-style-5 .creativesplanet-box-content .cspt-portfolio-title{font-size:22px;line-height:30px;margin-top:0;margin-bottom:5px;color:var(--cspt-greenly-white-color)}.cspt-portfolio-style-5 .creativesplanet-box-content .cspt-portfolio-title a{color:var(--cspt-greenly-white-color)}.cspt-portfolio-style-5 .creativesplanet-box-content .creativesplanet-box-content-inner{position:relative;z-index:5;height:100%}.cspt-portfolio-style-5 .cspt-port-cat a{color:var(--cspt-greenly-global-color)}.cspt-portfolio-style-5 .creativesplanet-icon-box a{background-color:var(--cspt-greenly-global-color)}.elementor-section:not(.elementor-section-full_width) .cspt-element-portfolio-style-5[data-columns="5"] .creativesplanet-titlebox,.elementor-section:not(.elementor-section-full_width) .cspt-element-portfolio-style-5[data-columns="6"] .creativesplanet-titlebox,.vc_row:not([data-vc-stretch-content="true"]) .cspt-element-portfolio-style-5[data-columns="5"] .creativesplanet-titlebox,.vc_row:not([data-vc-stretch-content="true"]) .cspt-element-portfolio-style-5[data-columns="6"] .creativesplanet-titlebox{left:15px}.elementor-section:not(.elementor-section-full_width) .cspt-element-portfolio-style-5[data-columns="5"] .creativesplanet-box-content .cspt-portfolio-title,.elementor-section:not(.elementor-section-full_width) .cspt-element-portfolio-style-5[data-columns="6"] .creativesplanet-box-content .cspt-portfolio-title,.vc_row:not([data-vc-stretch-content="true"]) .cspt-element-portfolio-style-5[data-columns="5"] .creativesplanet-box-content .cspt-portfolio-title,.vc_row:not([data-vc-stretch-content="true"]) .cspt-element-portfolio-style-5[data-columns="6"] .creativesplanet-box-content .cspt-portfolio-title{font-size:16px;line-height:24px}.vc_row:not([data-vc-stretch-content="true"]) .cspt-element-portfolio-style-5[data-columns="6"] .creativesplanet-box-content{margin:15px}.elementor-section:not(.elementor-section-full_width) .cspt-element-portfolio-style-5[data-columns="5"] .cspt-portfolio-style-5 .cspt-port-cat a,.elementor-section:not(.elementor-section-full_width) .cspt-element-portfolio-style-5[data-columns="6"] .cspt-portfolio-style-5 .cspt-port-cat a,.vc_row:not([data-vc-stretch-content="true"]) .cspt-element-portfolio-style-5[data-columns="5"] .cspt-portfolio-style-5 .cspt-port-cat a,.vc_row:not([data-vc-stretch-content="true"]) .cspt-element-portfolio-style-5[data-columns="6"] .cspt-portfolio-style-5 .cspt-port-cat a{font-size:13px}.single-cspt-portfolio .cspt-portfolio-style-5{margin-bottom:30px}.cspt-sidebar-exists .col-md-20percent .cspt-portfolio-style-5 .creativesplanet-titlebox,.cspt-sidebar-exists .col-md-6.col-lg-3 .cspt-portfolio-style-5 .creativesplanet-titlebox{left:20px}.cspt-sidebar-exists .col-md-2 .cspt-portfolio-style-5 .creativesplanet-box-content{margin:10px}.cspt-sidebar-exists .col-md-2 .cspt-portfolio-style-5 .creativesplanet-titlebox{left:10px}.cspt-sidebar-exists .col-md-2 .cspt-portfolio-style-5:hover .creativesplanet-titlebox{bottom:0}.cspt-sidebar-exists .col-md-2 .cspt-portfolio-style-5:hover .creativesplanet-icon-box{right:25px}.cspt-sidebar-exists .col-md-2 .cspt-portfolio-style-5 .creativesplanet-box-content .cspt-portfolio-title{font-size:18px;line-height:26px}@media only screen and (min-width:768px) and (max-width:991px){.cspt-portfolio-style-5 .creativesplanet-box-content{margin:5px}.cspt-portfolio-style-5 .creativesplanet-titlebox{left:10px}.cspt-portfolio-style-5 .creativesplanet-box-content .cspt-portfolio-title{font-size:15px;line-height:25px}}@media(max-width:767px){.cspt-portfolio-style-5 img{width:100%}}