.portfolio-archive{padding:100px 0}@media (max-width:1024px){.portfolio-archive{padding:50px 0}}.portfolio-archive .in-wrp,.portfolio-archive .in-wrp .pf-grd-wrp{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.portfolio-archive .in-wrp .pf-grd-wrp{width:100%}.portfolio-archive .portfolio-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:100px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media (max-width:1024px){.portfolio-archive .portfolio-grid{margin:-20px}}@media (max-width:576px){.portfolio-archive .portfolio-grid{margin:-10px -15px}}.portfolio-archive .portfolio-grid .loading-wrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:var(--jkd-m-fw);justify-content:center;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:100%}.portfolio-archive .portfolio-grid.columns-1 .grid-item{max-width:100%;min-width:100%;width:100%}.portfolio-archive .portfolio-grid.columns-2 .grid-item{max-width:50%;min-width:50%;width:50%}.portfolio-archive .portfolio-grid.columns-3 .grid-item{max-width:33.33333%;min-width:33.33333%;width:33.33333%}.portfolio-archive .portfolio-grid.columns-4 .grid-item{max-width:25%;min-width:25%;width:25%}.portfolio-archive .portfolio-grid.columns-5 .grid-item{max-width:20%;min-width:20%;width:20%}.portfolio-archive .portfolio-grid.columns-6 .grid-item{max-width:16.666666%;min-width:16.666666%;width:16.666666%}@media (max-width:1024px){.portfolio-archive .portfolio-grid .grid-item{padding:20px}}@media (max-width:767px){.portfolio-archive .portfolio-grid .grid-item{max-width:50%!important;min-width:50%!important;width:50%!important}}@media (max-width:576px){.portfolio-archive .portfolio-grid .grid-item{max-width:100%!important;min-width:100%!important;padding:10px 15px;width:100%!important}}.portfolio-archive .portfolio-grid .grid-item.grid-item-hidden .grid-inner .item-body,.portfolio-archive .portfolio-grid .grid-item.grid-item-hidden .grid-inner .item-header{opacity:0;pointer-events:none;-webkit-transform:translateY(30px);transform:translateY(30px)}.portfolio-archive .portfolio-grid .grid-item.grid-item-hidden .grid-inner .item-footer{opacity:0;pointer-events:auto;-webkit-transform:translateY(30px);transform:translateY(30px)}.portfolio-archive .portfolio-grid .grid-item .grid-inner{position:relative}.portfolio-archive .portfolio-grid .grid-item .grid-inner:hover .gif-wrapper .overlay-image{display:none}.portfolio-archive .portfolio-grid .grid-item .grid-inner:hover .item-title i{opacity:1!important}.portfolio-archive .portfolio-grid .grid-item .grid-inner .category-name{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--jkd-hd-col);color:var(--jkd-inv-col);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:var(--jkd-m-fw);height:45px;justify-content:center;left:0;opacity:0;padding:10px 15px;pointer-events:none;position:fixed;top:0;z-index:9999}@media (max-width:767px){.portfolio-archive .portfolio-grid .grid-item .grid-inner .category-name{display:none}}.portfolio-archive .portfolio-grid .grid-item .grid-inner .hdr-wrp,.portfolio-archive .portfolio-grid .grid-item .grid-inner .hdr-wrp .gif-wrapper{width:100%}.portfolio-archive .portfolio-grid .grid-item .grid-inner .hdr-wrp .gif-wrapper .overlay-image{left:0;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}.portfolio-archive .portfolio-grid .grid-item .grid-inner .hdr-wrp .gif-wrapper img{height:auto;position:relative;width:100%;z-index:1}.portfolio-archive .portfolio-grid .grid-item .grid-inner .hdr-wrp .video-wrapper,.portfolio-archive .portfolio-grid .grid-item .grid-inner .hdr-wrp .video-wrapper .video{width:100%}.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:100%;position:relative;width:100%}.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper .swiper-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper .navigation-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--jkd-w-col);color:var(--jkd-d-col);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;justify-content:center;margin:0!important;position:absolute;-webkit-transition:all .2s ease;transition:all .2s ease;width:40px;z-index:99}.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper .navigation-button i{font-size:18px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper .navigation-button.swiper-button-disabled{pointer-events:none}.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper .navigation-button.swiper-button-disabled i{opacity:.3!important}.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper .navigation-button.navigation-button-prev{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper .navigation-button.navigation-button-next{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper .navigation-button:hover i{opacity:1}.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper .swiper-container{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper .swiper-container .swiper-wrapper,.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper .swiper-container .swiper-wrapper .swiper-slide{height:100%;width:100%}.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper .swiper-container .swiper-wrapper .swiper-slide img{height:auto;width:100%}.portfolio-archive .portfolio-grid .grid-item .grid-inner .gallery-wrapper:hover .navigation-button{-webkit-transform:translateX(0);transform:translateX(0)}.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-header{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;position:relative}.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-header img{height:auto;-webkit-transition:all .4s ease;transition:all .4s ease;width:100%}.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-body{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:25px;position:relative;width:100%}@media (max-width:576px){.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-body{margin-top:10px}}.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-body .overflow-wrapper{width:100%}.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-body .item-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%}.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-body .item-title.icon-enabled{padding-right:20px}.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-body .item-title.icon-enabled i{opacity:.3;position:absolute;right:0;-webkit-transition:all .2s ease;transition:all .2s ease}.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-footer{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top:10px;position:relative}@media (max-width:576px){.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-footer{margin-top:5px}}.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-footer .date{font-size:14px;opacity:.5}.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-footer .author-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:15px}@media (max-width:576px){.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-footer .author-wrapper{margin-top:10px}}.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-footer .author-wrapper .author-image{border-radius:100%;height:40px;margin-right:15px;min-width:40px;overflow:hidden;width:40px}.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-footer .author-wrapper .name{font-size:14px;font-weight:var(--jkd-m-fw)}.portfolio-archive .portfolio-grid .grid-item .grid-inner .item-footer .author-wrapper .name .before-name{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.portfolio-archive .pagination-wrapper{opacity:0}.portfolio-archive.portfolio-default .gif-wrapper,.portfolio-archive.portfolio-default .video-wrapper{background-color:var(--jkd-bg-sec);padding-bottom:100%;position:relative;width:100%}.portfolio-archive.portfolio-default .gif-wrapper .plyr--video,.portfolio-archive.portfolio-default .gif-wrapper img,.portfolio-archive.portfolio-default .video-wrapper .plyr--video,.portfolio-archive.portfolio-default .video-wrapper img{height:auto;left:0;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.portfolio-archive.hover-style-fade .grid-inner:hover .item-header img{opacity:.7}.portfolio-archive.hover-style-zoom-out .grid-inner .item-header img,.portfolio-archive.hover-style-zoom .grid-inner:hover .item-header img{-webkit-transform:scale(1.1);transform:scale(1.1)}.portfolio-archive.hover-style-zoom-out .grid-inner:hover .item-header img{-webkit-transform:scale(1);transform:scale(1)}.portfolio-archive.hover-style-zoom-fade .grid-inner:hover .item-header img{opacity:.7;-webkit-transform:scale(1.1);transform:scale(1.1)}.portfolio-archive.hover-style-zoom-out-fade .grid-inner .item-header img{-webkit-transform:scale(1.1);transform:scale(1.1)}.portfolio-archive.hover-style-zoom-out-fade .grid-inner:hover .item-header img{opacity:.7;-webkit-transform:scale(1);transform:scale(1)}.portfolio-archive.hover-style-tilt-boxed .grid-inner{overflow:hidden}.portfolio-actions{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;margin-bottom:50px;width:100%}@media (max-width:1024px){.portfolio-actions{margin-bottom:30px}}@media (max-width:576px){.portfolio-actions{margin-bottom:15px}}.portfolio-actions .pf-filt{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-20px;opacity:0}@media (max-width:1024px){.portfolio-actions .pf-filt{margin-left:-15px}}@media (max-width:576px){.portfolio-actions .pf-filt{margin-left:-5px}}.portfolio-actions .filter-item{cursor:pointer;font-size:14px;font-weight:var(--jkd-m-fw);list-style:none;margin:5px 20px;opacity:.5;padding:5px 0;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media (max-width:1024px){.portfolio-actions .filter-item{margin:5px 15px}}@media (max-width:576px){.portfolio-actions .filter-item{margin:5px}}.portfolio-actions .filter-item:hover{opacity:1}.portfolio-actions .filter-item .filter-value{line-height:1!important;white-space:nowrap!important}.portfolio-actions .filter-item .count-label{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:100%;color:var(--jkd-hd-col);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:11px;font-weight:var(--jkd-m-fw);justify-content:center;line-height:1;pointer-events:none;position:absolute;right:0;top:-10px}@media (max-width:576px){.portfolio-actions .filter-item .count-label{display:none}}.portfolio-actions .filter-item.active{opacity:1}.portfolio-actions .action-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.portfolio-actions .action-button i{font-size:20px}@media (max-width:1024px){.portfolio-actions .action-button i{font-size:18px}}@media (max-width:576px){.portfolio-actions .action-button i{font-size:16px}}.portfolio-actions .action-button.active{color:var(--jkd-hd-col)}.portfolio-actions .action-button:not(:last-child){margin-right:20px}@media (max-width:1024px){.portfolio-actions .action-button:not(:last-child){margin-right:15px}}@media (max-width:576px){.portfolio-actions .action-button:not(:last-child){margin-right:10px}}.portfolio-actions .act-wrp{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;min-width:60px;opacity:0}.portfolio-actions .act-wrp:not(:last-child):after{background-color:var(--jkd-br-col);content:"";display:-webkit-box;display:-ms-flexbox;display:flex;height:20px;margin:0 25px;position:relative;width:1px}@media (max-width:1024px){.portfolio-actions .act-wrp:not(:last-child):after{margin:0 20px}}@media (max-width:576px){.portfolio-actions .act-wrp:not(:last-child):after{margin:0 15px}}