html{scroll-behavior:smooth}#alphabet{display:inline-flex;width:100%;margin-bottom:40px;position:sticky;top:0;z-index:1;background-color:#f5f5f5;border-radius:50px;margin-left:2%}.scroller{overflow:auto}.nav-letter{margin:auto}.nav-letter:first-child{margin-left:0}.nav-letter:last-child{margin-right:0}.w25{width:calc(25% - 15px);margin:8px 4px}.brand-block{background-color:#f8f8f8;padding:4px;box-shadow:0 2px 4px rgba(0,0,0,.13333333333333333);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.13333333333333333);-moz-box-shadow:0 2px 4px rgba(0,0,0,.13333333333333333);display:inline-flex;border-radius:4px}.brand-block:hover{background-color:#e2e2e2;padding:4px;box-shadow:unset;-webkit-box-shadow:unset;-moz-box-shadow:unset;display:inline-flex;transition:all .2s;cursor:pointer}.brand_name{margin:auto 0;font-size:12px;line-height:1em;text-align:center;width:50%;text-transform:uppercase}.logo-wrapp{width:100%;display:flex;height:30px}.logo-wrapp img{margin:auto;max-height:30px;max-width:80px;height:100%}.brands-wrapp{display:block;width:95%}.letter-section{padding:4px 0;display:flex;border-top:1px solid #f8f8f8}.letter{margin-bottom:0;scroll-margin-top:120px;width:5%}.letter h2{margin:0;font-size:14px;padding-top:8px;font-weight:900}.nav-letter{background-color:transparent;padding:4px;line-height:14px;border-radius:20px;width:24px;height:24px;text-align:center;border:1px solid transparent;font-size:12px}.nav-letter:hover{background-color:#00d4b9;border-color:#00d4b9;color:#fff;font-weight:700;transition:all .4s;cursor:pointer}@media only screen and (max-width:1024px){.brand-name{font-size:14px}.w25{width:calc(33.33333% - 15px)}}@media only screen and (max-width:798px){.brands-wrapp{display:block}.w25{width:100%;margin:10px 0}#alphabet{display:none}.letter{margin-bottom:4px}}