.projects-list{margin: -5px;margin-top: 8px}@media (max-width: 768px){.projects-list{padding-bottom: 60%;background: black}}.projects-list .projects-list-item{padding: 5px;position: relative}@media (max-width: 768px){.projects-list .projects-list-item{padding: 0}}.projects-list .projects-list-item > img{width: 100%}.projects-list .projects-list-item:hover > .overlay{opacity: 1}.projects-list .projects-list-item .overlay{opacity: 0;position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;background: rgba(0,0,15,0.6)}.projects-list .projects-list-item .overlay > a{display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0}.projects-list .projects-list-item .overlay > a > div.inner{position: absolute;top: 50%;transform: translateY(-50%);width: 100%}@media (min-width: 769px){.projects-list .projects-list-item .overlay{transition: opacity .8s}}@media (max-width: 768px){.projects-list .projects-list-item .overlay{top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,15,0.4)}}.projects-list .projects-list-item .overlay a,.projects-list .projects-list-item .overlay h3,.projects-list .projects-list-item .overlay h4{color: white;text-decoration: none}.projects-list .projects-list-item .overlay h3,.projects-list .projects-list-item .overlay h4{padding: 8%;font-size: 2.8em;padding-bottom: 20px;text-align: center;color: white !important}@media (max-width: 1279px){.projects-list .projects-list-item .overlay h3,.projects-list .projects-list-item .overlay h4{font-size: 2em;padding-bottom: 15px}}@media (max-width: 767px){.projects-list .projects-list-item .overlay h3,.projects-list .projects-list-item .overlay h4{font-size: 2.5em;padding-bottom: 20px}}@media (max-width: 600px){.projects-list .projects-list-item .overlay h3,.projects-list .projects-list-item .overlay h4{font-size: 1.6em;padding-bottom: 8px;line-height: 1em}}.projects-list .projects-list-item .overlay h4{font-size: 16px;margin: 0px;padding: 0 0 20px 0;font-family: 'DIN', sans-serif}.projects-list .projects-list-item .overlay hr{margin: 0 30%;margin-bottom: 30px}@media (max-width: 1279px){.projects-list .projects-list-item .overlay hr{margin-bottom: 15px}}.projects-list .projects-list-item .overlay .categories{color: white;text-align: center}.projects-list .projects-list-item .overlay .categories,.projects-list .projects-list-item .overlay .categories li{padding: 0;list-style-type: none}.projects-list .projects-list-item .overlay .categories li{display: inline-block;margin: 0 25px}.projects-filter{background: #202020;position: relative}.projects-filter.menu-scroller{line-height: 1em}.projects-filter.menu-scroller.is-sticky{left: 35px}.projects-filter .nav-pills{float: none}.projects-filter .nav-pills > li{display: inline-block;float: none}.projects-filter .nav-pills > li,.projects-filter .nav-pills > li:hover,.projects-filter .nav-pills > li a,.projects-filter .nav-pills > li a:hover{background: transparent}.projects-filter .nav-pills > li > a{color: white;background: transparent;text-decoration: none;padding: 26px}@media (max-width: 1319px){.projects-filter .nav-pills > li > a{padding: 26px 15px}}@media (max-width: 1178px){.projects-filter .nav-pills > li > a{padding: 26px 5px}}@media (max-width: 1160px){.projects-filter .nav-pills > li > a{padding: 26px 0}}.projects-filter .nav-pills > li > a::before{display: inline-block;content: "";border: 1px solid #fff;width: 20px;height: 20px;border-radius: 100%;position: relative;top: 4px;margin-right: 12px}.projects-filter .nav-pills > li > a:hover::before{background: white}.projects-filter .nav-pills > li.active > a::before{background: white}.projects-filter .select-triangle{display: inline-block;content: "";width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #fff transparent transparent transparent;position: absolute;right: 20px;top: 50%;margin-top: -5px}.projects-filter + a + .projects-list,.projects-filter + .projects-list{margin-top: 0;position: relative}@media (min-width: 768px){.projects-filter + a + .projects-list,.projects-filter + .projects-list{top: -5px}}#mobile-filter{background: #333;-webkit-appearance: none;color: white;padding: 15px 15px;height: auto;border: 0}