.sorting-block-nav{background-color:#f5f5f5;padding:40px 0;margin-bottom:20px}.filter-button{background-color:#fff0;width:10%;min-height:150px;vertical-align:middle;border:none}.filter-button:focus,.filter-button:active{outline:0;color:#f5911f}.filter-button-img-wrapper{min-height:60px}.filter-button img{max-width:55px;height:auto}.filter-text{min-height:50px}.filter-button-seperator{border-right:1px solid #E1E1E1;margin:auto 2px;display:inline-block;min-height:150px;vertical-align:middle}.sorting-block .sorting-grid{list-style:none;padding:0}.sorting-block .sorting-grid .single-project-element{width:360px;max-width:100%;min-height:340px;width:auto;padding:0}.sorting-block .sorting-grid .single-project-element .single-project-element-desc{max-width:270px;margin:auto;min-height:190px;padding-left:5px;padding-right:5px}.sorting-block .sorting-grid .single-project-element .project-image img{max-height:120px;width:auto}.sorting-block .sorting-grid .mix{opacity:0;display:none;margin-bottom:0}.sorting-block .sorting-grid img.img-responsive{filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale")}.sorting-block .sorting-grid li:hover img.img-responsive{filter:grayscale(0%);-webkit-filter:grayscale(0%);filter:none}.sorting-block .sorting-grid li:hover{text-decoration:none!important}.sorting-block .sorting-grid li .sorting-cover{padding:5px 8px 5px 5px;display:block;margin-top:1px;background:rgb(255 255 255 / .5);position:relative;margin-top:-50px;height:50px;line-height:1}.sorting-block .sorting-grid li .sorting-cover p{margin-top:2px;margin-bottom:0;color:#333;font-size:12px;text-align:left}.sorting-block .sorting-grid li .sorting-cover span{font-size:15px;font-weight:700;color:#333;margin-bottom:2px}.sorting-block .sorting-grid li a:hover{text-decoration:none}.sorting-block .sorting-grid li a:hover .sorting-cover{background:rgb(255 255 255 / .9);-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.sorting-block .sorting-grid li a:hover .sorting-cover p,.sorting-block .sorting-grid li a:hover .sorting-cover span{color:#000;text-decoration:none}.sorting-block .parent{position:relative;width:225px;height:20px;display:inline-block;margin:0;padding:0;vertical-align:middle}.sorting-block select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:22px 3px;background-size:13px 13px;width:225px;height:20px;margin-left:4px;position:absolute;cursor:pointer;padding-left:3px}.sorting-block select:active,.sorting-block select:hover,.sorting-block select:focus{outline:none}.sorting-block .arrow{font-size:9px;color:#f5911f;position:absolute;right:0;top:10px;cursor:default;line-height:1px;z-index:999}@media (max-width:768px){.sorting-block .sorting-grid{padding:0}.sorting-block select{width:225px;max-width:100%}.sorting-block .parent{display:block}.filter-button{width:100%}.filter-button,.filter-text,.filter-button-img-wrapper{min-height:0}.filter-button img,.filter-button-seperator{display:none}.project-image img{max-width:100%}.sorting-block .sorting-grid .single-project-element:nth-child(3n+2){margin-left:0;margin-right:0}}