.shop-all{padding:60px 0 0;margin-bottom:40px}.shop-all .need-help{display:flex;justify-content:center;width:100%;text-align:center;margin-bottom:20px}.shop-all .need-help a{font-weight:600;color:var(--primary-blue-color)}.shop-all .need-help a:hover{color:var(--orange-color)}.shop-all .brand-list{display:flex;flex-wrap:wrap;width:100%;padding:0;margin:60px 0 0}.shop-all .brand-list li{display:flex;align-items:center;justify-content:center;width:20%;flex:0 0 20%;border:1px solid #D0D8DD;margin:-1px -1px 0 0}.shop-all .brand-list li a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;height:110px;position:relative;overflow:hidden;transition:var(--webkit-transition-all);width:100%}.shop-all .brand-list li a img{transition:var(--webkit-transition-all)}.shop-all .brand-list li a:hover img{transform:translateY(-15px)}.shop-all .brand-list li a:hover span{font-size:16px;opacity:1}.shop-all .brand-list li a span{position:absolute;bottom:8px;opacity:0;font-size:0;color:#000c;font-weight:500;transition:var(--webkit-transition-all);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 20px;max-width:100%;line-height:normal}.shop-all .brand-list li a span:after{border:solid var(--black-color);border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;top:8px;content:"";transition:var(--webkit-transition-all);right:16px;margin-right:-10px}.ajax-loader{display:block;position:relative;text-align:center;padding:10rem 0}.load-more_btn{display:none!important}.loader{width:250px;height:50px;line-height:50px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-weight:900;color:var(--primary-blue-color);letter-spacing:.2em}.loader:before,.loader:after{content:"";display:block;width:15px;height:15px;background:var(--primary-blue-color);position:absolute;animation:load .7s infinite alternate ease-in-out}.loader:before{top:0}.loader:after{bottom:0}@keyframes load{0%{left:0;height:30px;width:15px}50%{height:8px;width:40px}to{left:235px;height:30px;width:15px}}@media only screen and (max-width:991px){.shop-all{padding:40px 0 0}.shop-all .brand-list{margin:40px 0 0}}@media only screen and (max-width:767px){.shop-all .brand-list li{width:33.33%;flex:0 0 33.33%}.shop-all .brand-list li a{padding:8px;height:85px}.shop-all .brand-list li a:hover span{font-size:14px}.shop-all .brand-list li a span:after{border-width:0 1px 1px 0;top:7px}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/section-shop-all.css.map */