.be-with-us{padding:12px;border:1px solid #7f6804}.be-with-us .be-with-us__social{margin-bottom:10px}.be-with-us ul{padding:0;margin:0}.be-with-us ul li{display:inline-block}.be-with-us ul img{height:15px;width:15px}.be-with-us span{font-size:15px;margin-right:7px;color:#000;text-transform:uppercase}@media (max-width: 768px){.be-with-us{width:auto}}.brands .brands__search{font-size:14px;color:#8c8c8c;font-weight:300}.brands .brands__search .input-group{width:300px;max-width:100%}.brands .brands__search .input-group .btn{padding:11px 16px}.brands .brands__search .input-group .btn svg{width:18px;height:18px;stroke:#fff}.brands .brands__alphabet{font-size:14px;color:#8c8c8c;font-weight:300}.alphabet{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:8px}.alphabet .alphabet__btn{position:relative;font-size:14px;border:1px dashed #eee;padding:8px 12px}.alphabet .alphabet__btn:first-letter{text-transform:uppercase}.alphabet .alphabet__btn:hover,.alphabet .alphabet__btn.alphabet__btn_active{background:#21BBCC;color:#fff;border:1px dashed #21BBCC}.brand-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.brand-items .brand-item{border:1px dashed #eee;box-shadow:0 2px 2px #0000000d;border-radius:8px}.brand-items .brand-item .brand-item__image{position:relative;overflow:hidden;padding-bottom:60%;display:block;border:1px solid #f4f4f4;margin-bottom:10px}.brand-items .brand-item .brand-item__image img{position:absolute;max-width:100%;max-height:100%;height:auto;width:auto;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.brand-items .brand-item .brand-item__image:hover{border-color:#21bbcc}.brand-items .brand-item .brand-item__name{display:block;padding:8px 12px;text-decoration:none}.brand-items .brand-item:hover{background:#21BBCC;color:#fff;border:1px dashed #21BBCC}.brand-items .brand-item:hover .brand-item__name{color:#fff}