.side-bar{background:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:350px;height:100vh;position:fixed;top:0;overflow-y:auto;transition:.6s ease;transition:2s;transition-property:left;text-align:center;height:100%;z-index:10000}.side-bar.active{display:block;right:0;animation:bobbingAnim bauth 5s;-moz-animation:bobbingAnim bauth 5s;-webkit-animation:bobbingAnim bauth 5s}.body-side-bar-active{background:rgba(0,0,0,.24);position:fixed;height:100vh;width:100%;left:0;top:0;z-index:1000;display:block}@media (max-width:600px){#side-bar{width:90%}}.side-bar .menu{width:100%;margin-top:80px}.side-bar .menu .item{position:relative;cursor:pointer}.side-bar .menu .item option{font-size:16px;display:block;padding:5px 30px;line-height:60px}.side-bar select{padding:12px;border:1px solid #d8d8d8;outline:none;color:#121212}.btn-search-filter,.side-bar select{width:90%;border-radius:100px;margin:10px 5px;font-family:var(--font-secondary),sans-serif}.btn-search-filter{padding:8px;border:none;background-color:var(--color-secondary);color:#444040}.header-search .item h4{font-family:var(--font-family-primary),sans-serif;font-size:13px;font-weight:600;margin:30px}.close-btn{position:absolute;color:#7a7979;font-size:20px;right:0;margin:25px;cursor:pointer}@keyframes bobbingAnim{0%{transform:translateX(0)}to{transform:translateX(100%)}}