.webgl-slider-wrapper{height:calc(100vh - var(--jkd-a-bar-h));overflow:hidden;padding-bottom:calc(var(--jkd-nav-h-bot));padding-top:calc(var(--jkd-nav-h));position:relative;width:100%}.webgl-slider-wrapper .in-wrp{height:100%;position:relative;width:100%}.webgl-slider-wrapper .in-wrp .webgl-slider{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:inherit;padding:0 40px 7px;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:inherit}@media(max-width:1440px){.webgl-slider-wrapper .in-wrp .webgl-slider{padding:0 30px}}@media(max-width:576px){.webgl-slider-wrapper .in-wrp .webgl-slider{padding:0 15px}}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;height:unset;width:inherit}@media(max-width:576px){.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper{padding-top:7px}}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:auto}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card{opacity:0;pointer-events:none;position:relative;-webkit-transform:translateY(50px);transform:translateY(50px);z-index:100}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-header{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--jkd-bg-sec);display:-webkit-box;display:-ms-flexbox;display:flex;height:50vh;justify-content:center;position:relative;width:375px}@media(max-width:1440px){.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-header{height:45vh;width:325px}}@media(max-width:1024px){.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-header{width:300px}}@media(max-width:576px){.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-header{height:calc(100vh - 250px);width:260px}}@media(max-width:425px){.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-header{width:245px}}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-header .canvas{bottom:0;left:0;position:absolute;right:0;top:0}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-header .loader{opacity:.3;pointer-events:none;position:absolute;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-header .loader:after,.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-header .loader:before{display:none!important}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-header .loader i{-webkit-animation:spin-loader 1s linear infinite;animation:spin-loader 1s linear infinite;color:var(--jkd-hd-col);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:28px;position:relative}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-header img{height:0!important;opacity:0!important;pointer-events:none!important;width:0!important}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-body{padding-top:25px;position:relative}@media(max-width:1440px){.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-body{padding-top:20px}}@media(max-width:576px){.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-body{padding-top:10px}}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-body .card-counter{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--jkd-hd-col);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:var(--jkd-m-fw);margin-top:10px;opacity:.5}@media(max-width:576px){.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-body .card-counter{margin-top:5px}}@media(max-width:425px){.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-body .card-counter{margin-top:0}}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-body .card-counter .category-name{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--jkd-txt-col);display:-webkit-box;display:-ms-flexbox;display:flex}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-body .card-counter .category-name:before{content:"-";margin:0 5px}@media(max-width:576px){.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card .card-body .card-counter .category-name:before{margin:0 3px}}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card.load-more-card .card-header{-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;position:relative}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card.load-more-card .card-header .load-more{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:var(--jkd-m-fw);opacity:.5;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card.load-more-card .card-header .load-more i{margin-left:7px}.webgl-slider-wrapper .in-wrp .webgl-slider .swiper-wrapper .swiper-slide .portfolio-card.load-more-card .card-header:hover{color:var(--jkd-hd-col)}.webgl-slider-wrapper .in-wrp .webgl-slider .nav-wrp{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;position:absolute;right:40px;z-index:100}@media(max-width:576px){.webgl-slider-wrapper .in-wrp .webgl-slider .nav-wrp{display:none}}.webgl-slider-wrapper .in-wrp .webgl-slider .nav-wrp .slider-button-wrapper{opacity:0;pointer-events:none;-webkit-transform:translateY(50px);transform:translateY(50px)}.webgl-slider-wrapper .in-wrp .webgl-slider .nav-wrp .slider-button-wrapper:not(:last-child){margin-right:15px}.webgl-slider-wrapper .in-wrp .webgl-slider .nav-wrp .slider-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--jkd-bg-sec);border-radius:100%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;justify-content:center;position:relative!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:50px}.webgl-slider-wrapper .in-wrp .webgl-slider .nav-wrp .slider-button i{color:var(--jkd-hd-col);font-size:20px}.webgl-slider-wrapper .in-wrp .webgl-slider .nav-wrp .slider-button.swiper-button-disabled{background-color:transparent!important;cursor:not-allowed;opacity:.5!important;pointer-events:none!important}.webgl-slider-wrapper .in-wrp .webgl-slider .progress-bar{background-color:var(--jkd-bg-sec);bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.webgl-slider-wrapper .in-wrp .webgl-slider .progress-bar .progress{background-color:var(--jkd-hd-col);display:-webkit-box;display:-ms-flexbox;display:flex;height:5px;left:0;position:absolute;top:0;-webkit-transition:all .3s linear;transition:all .3s linear;width:0;z-index:10}