.mb-2{margin-bottom:.5rem}.countertop{margin:0;padding-bottom:60px}.countertop .img-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:20px}.countertop .img-list li{position:relative;width:calc(25% - 15px);list-style:none;padding:0;margin:0}.countertop .img-list li a{cursor:pointer;display:block}.countertop .img-list li a.active{outline:solid 2px #000!important}.countertop .img-list li a:hover{outline:solid 2px #979bb5!important}.countertop .img-list li img{max-width:400px}.displayer{display:flex;flex-flow:row wrap}.displayer a{cursor:pointer;width:100%;height:100%;position:absolute;padding:5px}.wrapper{flex:1 0 33.333%;position:relative;height:0;padding-bottom:200px}.wrapper img{width:100%;height:100%;transition:all .25s ease-out}.displayer a.active img{outline:solid 2px #000!important}.displayer a:hover img{outline:solid 2px #979bb5!important}.fade-enter,.fade-leave-to{opacity:0;transform:scale(.8)}.preloader{position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px;transition:all .1s ease-in}.preloader .circle,.preloader .circle .circle-inner{width:inherit;height:inherit;border-radius:50%;background:linear-gradient(#4096ee -50%,#4096ee00 60%)}.preloader .circle{animation:roll 6s linear infinite}.preloader .circle .circle-inner{padding:5px;animation:roll 2s linear infinite reverse}.preloader .circle .circle-inner:after{content:"";display:block;width:40px;height:40px;border-radius:50%;background:#fff}.image-wrapper{position:relative}.image-wrapper .item-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-wrap:nowrap;justify-content:center;flex-direction:column}.image-wrapper .item-wrapper .item-detail{background:#00000042;text-align:center;padding:10px}.image-wrapper .item-wrapper .item-detail h3{margin:0;color:#fff;font-size:30px}.image-wrapper .item-wrapper .item-detail p{margin:0;color:#fff;font-size:16px;line-height:1.4}@media screen and (max-width: 768px){.image-wrapper,.image-wrapper img{width:100%}.image-wrapper .item-wrapper .item-detail h3{font-size:24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lazy-image-wrapper{border:0}.ant-image{width:100%;height:100%;object-fit:cover;animation:fadeIn .75s ease-in forwards}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;position:sticky;top:60px;z-index:1;background:#fff;padding-top:20px;padding-bottom:20px}@media screen and (max-width: 768px){.countertop .img-list li{width:calc(50% - 15px)}.countertop .search-box,.countertop .ant-select{min-width:100%!important;max-width:100%!important;flex-basis:100%!important}.filter-bar{flex-direction:column!important;gap:12px!important}.filter-bar .filter-input,.filter-bar .ant-select,.filter-bar .search-box{min-width:100%!important;max-width:100%!important;flex-basis:100%!important}.dng-main{overflow:visible!important}}@media screen and (max-width: 480px){.countertop .img-list li{width:calc(50% - 10px)}.dng-main{overflow:visible!important}}