@-webkit-keyframes example{0%{right:0;left:unset;width:100%;visibility:visible}50%{right:0;left:unset;width:0;visibility:hidden}51%{right:unset;left:0;width:0;visibility:hidden}to{right:unset;left:0;width:100%;visibility:visible}}@keyframes example{0%{right:0;left:unset;width:100%;visibility:visible}50%{right:0;left:unset;width:0;visibility:hidden}51%{right:unset;left:0;width:0;visibility:hidden}to{right:unset;left:0;width:100%;visibility:visible}}body,html{height:100%}body{overflow-y:scroll;-webkit-overflow-scrolling:touch}header{transition:-webkit-transform .25s ease-in-out 0s;transition:transform .25s ease-in-out 0s;-webkit-backface-visibility:hidden;-webkit-perspective:1000;z-index:1101}header.slideInDown{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}header.slideOutUp{-webkit-transform:translate3d(0,-90px,0);-ms-transform:translate3d(0,-90px,0);transform:translate3d(0,-90px,0)}section.block{padding:100px 0}section.intro{padding:280px 0 100px}section.intro h1{color:#020000;padding-bottom:41px}.flabel{font-family:'PT Serif';font-weight:400;font-size:24px;line-height:1.29166;color:#707070;width:102px}.fblock,.flabel{display:table-cell}.active-filter{font-family:'Geomanist-Medium';font-size:24px;line-height:1.29166;cursor:pointer;display:inline-block}.active-filter:before,ul.filter-categories a:before{content:'';position:absolute;height:1.4px;bottom:0;background-color:#020000}.active-filter:before{width:100%;right:0;visibility:visible;left:unset}ul.filter-categories{display:none;padding-top:21px}ul.filter-categories>li+li{padding-top:10px}ul.filter-categories li{font-family:'Geomanist';font-size:20px;color:#707070;line-height:1.5}.active-filter,ul.filter-categories a{position:relative;color:#020000}ul.filter-categories a:before{left:0}ul.filter-categories a.active{color:#707070}ul.filter-categories a.active:before{background-color:#707070}ul.filter-subcategories>li{display:inline-block;width:auto}ul.filter-subcategories>li:nth-child(n+3)::before{content:'\2013\a0'}section.works .row.grid{margin-left:-30px}section.works .work_wrap{margin-left:30px;margin-bottom:30px}section.works .work_wrap a{display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:140% 0 0;border-radius:2px;background-color:#e2e2e2;box-shadow:0 4px 12px 0 rgba(2,0,0,.1)}section.works .work_wrap a img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;border-radius:2px}section.works .project_name{padding-top:7.5px;font-family:'Geomanist-Medium';font-size:28px;color:#020000;line-height:1.21428}section.works .project_descr{min-height:72px;font-family:'PT Serif';font-weight:400;font-size:16px;line-height:1.33333333;color:#707070}.no-touch .active-filter:hover:before{-webkit-animation-name:example;animation-name:example;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:cubic-bezier(.82,0,.21,1);animation-timing-function:cubic-bezier(.82,0,.21,1)}.no-touch ul.filter-categories a:before{width:0;visibility:hidden;transition:all .3s}.no-touch section.works .work_wrap a img{transition:-webkit-transform .4s ease;transition:transform .4s ease}.no-touch section.works .work_wrap a img:hover{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}.no-touch ul.filter-categories a:hover:before,.touch ul.filter-categories a:before{width:100%;visibility:visible}@media (max-width:767px){header.slideOutUp{-webkit-transform:translate3d(0,-80px,0);-ms-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0)}section.block{padding:50px 0}section.intro{padding:180px 0 50px}section.intro h1,section.works .row.grid{padding-right:20px;padding-left:20px}.flabel{width:90px;padding-left:20px;font-size:16px}.fblock{padding-right:20px}.active-filter,ul.filter-categories li{font-size:16px}}@media (min-width:768px) and (max-width:991px){section.block{padding:50px 0}section.intro{padding:180px 0 50px}section.intro h1,section.works .row.grid{padding-right:20px;padding-left:20px}.flabel{width:122px;padding-left:20px}.fblock{padding-right:20px}section.works .row.grid{margin-left:-20px}section.works .work_wrap{margin-left:20px;margin-bottom:20px}}@media (min-width:1300px){header.slideOutUp{-webkit-transform:translate3d(0,-100px,0);-ms-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}