.filterBanner{position:relative}.filterBanner:before,.filterBanner:after{content:"";position:absolute;top:0;left:0;width:100%}.filterBanner:before{height:0px;opacity:0;background-image:linear-gradient(rgba(0, 0, 0, 0.4), transparent);z-index:5;transition:height .2s ease-in-out .4s,opacity .4s ease-in-out}.filterBanner:after{height:100%;background:#fff;z-index:10}.filterBanner.moreFilterActive:before{height:100vh;opacity:1;transition:height .2s ease-in-out 0s,opacity .4s ease-in-out}.filterBanner .formContainer{position:relative;z-index:50;padding-bottom:40px}.filterBanner .filterDropDown{margin-top:15px}.filterBanner .checkboxContainer{z-index:50;opacity:0;visibility:hidden;max-height:0px;transition:opacity .2s ease-in-out,visibility .2s ease-in-out,max-height 0s ease-in-out .2s}.filterBanner .checkboxContainer.active{padding-top:30px;opacity:1;visibility:visible;max-height:20000px;transition:opacity .2s ease-in-out,visibility .2s ease-in-out,max-height 0s ease-in-out 0s;padding-bottom:10px}.filterBanner .checkboxContainer .container{padding:0}.filterBanner .searchInput{max-height:52px;border-radius:5px;box-shadow:0 6px 10px 0 rgba(0,0,0,.1);border:solid 1px #d7d7d7}.filterBanner .searchInput input{font-family:"Inter",sans-serif;color:#2c3349}.filterBanner .searchInput .searchButton{height:100%}.filterBanner .searchInput .searchButton svg{width:18px;height:18px}.filterBanner .searchInput #searchBannerInput{border:none}.filterBanner .filterWrap select{box-shadow:0 6px 10px 0 rgba(0,0,0,.1);border:solid 1px #d7d7d7;font-family:"Inter",sans-serif;color:#2c3349}@media(max-width: 845px){.filterBanner .formContainer{border-bottom:1px solid #d7d7d7}}@media(min-width: 1050px){.filterBanner .formContainer{display:flex;margin:0 -10px}.filterBanner .formContainer form{flex-basis:100%;max-width:100%;flex-shrink:0;flex-grow:0;display:flex}.filterBanner .sortingFilters{width:100%;display:flex}.filterBanner .checkboxContainer{position:absolute;bottom:5px;left:0;transform:translateY(100%);width:100%;background:#f6f5f5}.filterBanner .checkboxContainer.active{padding:60px 0}.filterBanner .checkboxContainer:before{content:"";background:#f6f5f5;width:200vw;left:-100vw;position:absolute;top:0;height:100%}.filterBanner .checkboxContainer .inner{display:flex;flex-wrap:wrap;margin:0 -15px}.filterBanner .checkboxContainer .inner .checkboxInput{flex-basis:25%;max-width:25%;flex-shrink:0;flex-grow:0;padding:0 15px}.filterBanner .filterWrap{flex-basis:calc(50% - 20px);max-width:calc(50% - 20px);flex-shrink:0;flex-grow:0;display:flex;margin:0 10px}.filterBanner .filterDropDown{flex-basis:calc(33.33% - 20px);max-width:calc(33.33% - 20px);flex-shrink:0;flex-grow:0;margin:0 10px}.filterBanner .searchInput{flex-basis:calc(50% - 20px);max-width:calc(50% - 20px);flex-shrink:0;flex-grow:0;margin:0 10px}.filterBanner .searchInput .searchButton{width:52px}.filterBanner .searchInput .searchButton svg{width:23px;height:23px}}@media(min-width: 1460px){.filterBanner .filterWrap{flex-basis:calc(55% - 20px);max-width:calc(55% - 20px);flex-shrink:0;flex-grow:0}.filterBanner .searchInput{flex-basis:calc(45% - 20px);max-width:calc(45% - 20px);flex-shrink:0;flex-grow:0}}