#filter-outer-container{position:relative}.d-filter-container{display:none}.m-filter-container{display:block;padding:0 20px}.m-filter-container #filter-button{margin:2px 0}.filter-popup__heading{text-align:center;margin:0 10px 20px;text-transform:uppercase;font-size:20px;line-height:24px;color:#335b7e}#filter-outer-container .container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.search-container{width:100%}.search-container .input-component{min-width:150px;width:100%}.filter-container{width:auto;position:relative;margin:0 auto 30px}.filter-container .vue-icon svg{fill:#fff}.filter-popup-box .modal-vue-panel{height:100%!important}.filter-popup-box .modal-vue-wrapper{z-index:3;height:100%}.filter-popup-box .modal-vue--content-panel{text-align:left;overflow-y:scroll;overflow-x:hidden;position:fixed;width:100%;height:97%;top:20px;left:0;padding-bottom:60px}.filter-popup-box .filter-btn-section{box-shadow:0 -2px 3px 0 hsla(0,0%,64%,.5);-webkit-overflow-scrolling:touch;transform:translateZ(0);display:-ms-flexbox;display:flex;position:fixed;width:100%;bottom:0;left:0}.filter-popup-box .filter-btn-section .vue-ui-button{box-shadow:none;width:50%;margin:0;border-radius:0;padding:12px 14px;text-transform:uppercase;font-size:17px}.filter-col{margin:0 25px}.filter-title{color:#484848;font-size:16px;line-height:20px;font-weight:400;padding:10px;margin-bottom:25px;border:2px solid #7aca92;position:relative;border-radius:4px}.filter-title.active{background-color:#d9eedf;margin-bottom:0}.filter-title.active:after{transform:translateY(2px) rotate(225deg)}.filter-title:after{transform:translateY(-2px) rotate(45deg);transition:transform .2s ease;content:"";position:absolute;top:0;right:20px;bottom:0;margin:auto;width:10px;height:10px;border-right:2px solid #7aca92;border-bottom:2px solid #7aca92}.filter-content{box-shadow:3px 4px 6px 0 rgba(67,67,67,.08),-3px -1px 6px 0 rgba(67,67,67,.1);padding:15px 15px 0;display:none;background-color:#fff;overflow:hidden;margin-bottom:25px}.filter-content .checkbox-item input:checked+.checkbox-label:after{top:3px}.filter__notification{background-color:#355c7d;height:15px;width:15px;border-radius:20px;font-size:11px;font-weight:700;position:absolute;float:right;top:-7px;z-index:1;right:-2px}.filter__notification-text{display:block;text-align:center;line-height:15px;color:#fff}.filter-content-container .checkbox-item{margin-bottom:25px}.filter-content-container .checkbox-input{font-size:17px}.filter-content-container .checkbox-label:before{margin-right:15px}.filter-result__info{color:#355c7d;font-size:18px;line-height:33px;font-weight:600;padding:0 20px}@media (min-width:480px){.search-container{width:50%}.filter-container{width:50%;text-align:left;margin-bottom:0}.filter-container #filter-button{float:right}}@media (min-width:768px){.m-filter-container{display:none}.d-filter-container{display:block}.d-filter-container .cross-icon,.filter-popup__heading{display:none}.sticky-container{z-index:1}.sticky-container .sticky-content-wrapper{box-shadow:none;background:none;overflow:visible}.sticky-container.isFixed .modal-vue-wrapper{top:0}.sticky-container.isFixed .sticky-content-wrapper{background:#fff;padding:20px 0 0}.sticky-container.isFixed #filter-button{margin:0}.search-container{width:26%}.search-container .input-component{width:300px}.filter-container{width:74%;position:relative}.filter-container #filter-button{margin:0}.filter-container .vue-icon svg{fill:#fff}.filter-title{color:#578564;margin-bottom:0;padding-top:0;border:none;border-bottom:1px solid #a5d8b4;font-size:19px;line-height:23px;padding:15px 10px;text-transform:uppercase;border-radius:0;font-weight:700}.filter-title.active,.filter-title:after{display:none}.filter-content{box-shadow:none;margin-bottom:0;display:block}.filter-content-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:100%}.filter-category-col{width:34%}.filter-category-col .checkbox-item:nth-child(n+9){display:none}.filter-price-col{width:20%}.filter-level-col{width:22%}.filter-author-col{width:25%}.filter-author-col .checkbox-item:nth-child(n+9){display:none}.filter-popup-box{position:relative}.filter-popup-box .modal-vue-wrapper{position:absolute;top:-15px;left:-15px}.filter-popup-box .modal-vue--content-panel{position:relative;height:100%;overflow:auto;top:auto;padding-bottom:10px}.filter-popup-box .modal-vue-panel{transform:none!important;max-width:1119px;height:558px!important;top:0;width:100%!important}.filter-popup-box .modal-vue-panel.modal-vue-show{transform:none!important}.filter-popup-box .popup-container{max-width:100%;position:relative}.filter-popup-box .modal-vue--content{padding:0 5px}.filter-popup-box.fixed-filter-popup .modal-vue-wrapper{position:fixed;top:2px}.filter-popup-box.fixed-filter-popup .modal-vue-panel{top:80px}.filter-popup-box .filter-btn-section{box-shadow:none;position:relative;display:block;text-align:center}.filter-popup-box .filter-btn-section .vue-ui-button{box-shadow:0 6px 15px -6px rgba(0,0,0,.75);width:auto;border-radius:5px;padding:6px 14px;margin:0 10px;text-transform:capitalize}.filter-btn-unit{float:right}.filter-result__info{font-size:27px;padding:0}}