section.projects{padding-bottom:190px;contain:paint}section.projects[data-show=list] [data-grid]{display:none}section.projects[data-show=grid] [data-list]{display:none}@media (max-width:1439px){section.projects[data-show=grid] [data-grid]{padding:15px}}@media (max-width:479px){section.projects[data-show=grid] [data-grid]{margin-left:-30px;margin-right:-30px}}section.projects .top{margin-bottom:200px;position:sticky;top:0;font-weight:400;font-size:12px;text-transform:uppercase;padding-top:60px;z-index:8}@media (max-width:1023px){section.projects .top{padding-top:130px;margin-bottom:100px;position:relative}}section.projects .top .toggle{cursor:pointer;display:inline-block;position:relative;-webkit-transition:padding 0.5s ease;transition:padding 0.5s ease}@media (max-width:1023px){section.projects .top .toggle{margin-top:100px}}section.projects .top .toggle:before{content:"";display:block;position:absolute;width:10px;height:10px;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:rgba(74,74,74,0.5);border-radius:50%;-webkit-transition:opacity 0.5s ease,background 0.5s ease;transition:opacity 0.5s ease,background 0.5s ease;opacity:0}@media (min-width:1025px){section.projects .top .toggle:hover{padding-left:20px}section.projects .top .toggle:hover:before{opacity:1}}section.projects .top .toggle.active{padding-left:20px}section.projects .top .toggle.active:before{opacity:1;background:#000}section.projects .filters{position:relative;z-index:5;margin-top:190px}@media (max-width:767px){section.projects .filters{margin-top:50px}}section.projects .filters .btn{cursor:pointer;display:block;width:100%;padding:8px 22px;font-weight:400;font-size:12px;text-transform:uppercase;background:#F6F6F6;border:0;border-radius:15px;height:55px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.projects .filters .btn[data-total]{position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}section.projects .filters .btn[data-reset]{display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section.projects .filters .btn span{font-weight:400;font-size:9px;text-transform:uppercase;display:inline-block;padding:2px 4px;border-radius:100px;border:1px solid;margin-left:4px}section.projects .filters .btn svg{width:40px;height:auto;height:initial;position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform 0.4s ease;transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;transition:transform 0.4s ease,-webkit-transform 0.4s ease}@media (max-width:767px){section.projects .filters .btn svg{display:none}}section.projects .filters button.btn{background:#323232;color:#F6F6F6;width:172.5px}@media (max-width:767px){section.projects .filters button.btn{width:100%}}section.projects .filters .filter{position:relative;width:172.5px}section.projects .filters .filter:last-child{width:205px}@media (max-width:1439px){section.projects .filters .filter{margin-right:20px;margin-bottom:30px}}@media (max-width:1023px){section.projects .filters .filter{margin-top:30px;margin-bottom:0}}@media (max-width:767px){section.projects .filters .filter{width:calc(50% - 15px)!important;margin-right:0}}section.projects .filters .filter+.filter{margin-left:60px}@media (max-width:1679px){section.projects .filters .filter+.filter{margin-left:20px}}@media (max-width:1439px){section.projects .filters .filter+.filter{margin-left:0}}@media (min-width:1025px){section.projects .filters .filter:hover .selected svg{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}section.projects .filters .filter:hover .drop{opacity:1}}section.projects .filters .filter.show{}section.projects .filters .filter.show .drop{opacity:1;pointer-events:all}section.projects .filters .filter.show .drop .dropdown{opacity:1}section.projects .filters .filter sup{display:inline-block;vertical-align:top;font-size:70%;margin-top:-2px;margin-left:1px;line-height:1}section.projects .filters .selected{position:relative;padding-right:80px}section.projects .filters .selected *{pointer-events:none}@media (max-width:767px){section.projects .filters .selected{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:22px}}section.projects .filters .drop{position:absolute;top:0;width:100%;pointer-events:none;opacity:0;z-index:5}section.projects .filters .drop>svg{position:absolute;top:8px;right:8px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}section.projects .filters .drop .dropdown{font-weight:400;font-size:12px;text-transform:uppercase;margin-top:45px;background:#F6F6F6;opacity:0;border-radius:0 0 15px 15px;padding:8px 0}section.projects .filters .drop .dropdown li{padding:16px 40px 16px 22px;cursor:pointer;-webkit-transition:color 0.5s ease;transition:color 0.5s ease;position:relative;color:rgba(74,74,74,0.5)}section.projects .filters .drop .dropdown li:after{content:"";display:block;position:absolute;top:50%;right:22px;width:10px;height:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:rgba(74,74,74,0.5);border-radius:50%;-webkit-transition:background 0.5s ease;transition:background 0.5s ease}section.projects .filters .drop .dropdown li.active{color:#4A4A4A!important}section.projects .filters .drop .dropdown li.active:after{background:#4A4A4A!important}@media (min-width:1025px){section.projects .filters .drop .dropdown li:hover{color:#D4D4D4}section.projects .filters .drop .dropdown li:hover:after{background:#D4D4D4}}section.projects .el{width:25%}@media (max-width:1439px){section.projects .el{width:33.3333333333%}}@media (max-width:1023px){section.projects .el{width:50%}}section.projects .list-images{position:sticky;top:60px;margin-top:60px}@media (max-width:1199px){section.projects .list-images{display:none}}section.projects .list-images .thumb{position:absolute;top:0;left:0;width:100%;padding-bottom:100%;opacity:0;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;z-index:0}section.projects .list-images .thumb.active{opacity:1;z-index:1}section.projects .list-images .thumb:first-child{position:relative}@media (max-width:767px){section.projects .inview .list .el>a+a{opacity:1;-webkit-transform:none;transform:none}section.projects .inview .list .el:first-child>a+a{-webkit-transition-delay:0s;transition-delay:0s}section.projects .inview .list .el:nth-child(2)>a+a{-webkit-transition-delay:0.25s;transition-delay:0.25s}section.projects .inview .list .el:nth-child(3)>a+a{-webkit-transition-delay:0.5s;transition-delay:0.5s}section.projects .inview .list .el:nth-child(4)>a+a{-webkit-transition-delay:0.75s;transition-delay:0.75s}section.projects .inview .list .el:nth-child(5)>a+a{-webkit-transition-delay:1s;transition-delay:1s}section.projects .inview .list .el:nth-child(6)>a+a{-webkit-transition-delay:1.25s;transition-delay:1.25s}section.projects .inview .list .el:nth-child(7)>a+a{-webkit-transition-delay:1.5s;transition-delay:1.5s}section.projects .inview .list .el:nth-child(8)>a+a{-webkit-transition-delay:1.75s;transition-delay:1.75s}section.projects .inview .list .el:nth-child(9)>a+a{-webkit-transition-delay:2s;transition-delay:2s}section.projects .inview .list .el:nth-child(10)>a+a{-webkit-transition-delay:2.25s;transition-delay:2.25s}section.projects .inview .list .el:nth-child(11)>a+a{-webkit-transition-delay:2.5s;transition-delay:2.5s}section.projects .inview .list .el:nth-child(12)>a+a{-webkit-transition-delay:2.75s;transition-delay:2.75s}section.projects .inview .list .el:nth-child(13)>a+a{-webkit-transition-delay:3s;transition-delay:3s}section.projects .inview .list .el:nth-child(14)>a+a{-webkit-transition-delay:3.25s;transition-delay:3.25s}section.projects .inview .list .el:nth-child(15)>a+a{-webkit-transition-delay:3.5s;transition-delay:3.5s}section.projects .inview .list .el:nth-child(16)>a+a{-webkit-transition-delay:3.75s;transition-delay:3.75s}}section.projects .list{margin-top:60px;margin-left:-30px;width:calc(100% + 60px)}section.projects .list .el{width:100%;font-size:12px;text-transform:uppercase;font-weight:400}section.projects .list .el>a{color:#000;padding:18px 0;position:relative}section.projects .list .el>a+a{display:none}@media (max-width:767px){section.projects .list .el>a{display:none}section.projects .list .el>a+a{display:block;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;-webkit-transition:opacity 1s cubic-bezier(0.25,0.1,0.25,1),-webkit-transform 1s cubic-bezier(0.25,0.1,0.25,1);transition:opacity 1s cubic-bezier(0.25,0.1,0.25,1),-webkit-transform 1s cubic-bezier(0.25,0.1,0.25,1);transition:opacity 1s cubic-bezier(0.25,0.1,0.25,1),transform 1s cubic-bezier(0.25,0.1,0.25,1);transition:opacity 1s cubic-bezier(0.25,0.1,0.25,1),transform 1s cubic-bezier(0.25,0.1,0.25,1),-webkit-transform 1s cubic-bezier(0.25,0.1,0.25,1)}}section.projects .list .el>a .thumb{position:absolute;width:calc(100% - 60px);padding-bottom:calc(100% - 60px);pointer-events:none;top:-30px;left:30px;opacity:0;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}@media (min-width:1025px){section.projects .list .el>a:hover:before{background:#F6F6F6}section.projects .list .el>a:hover .thumb{opacity:1}}section.projects .list .el>a:before{content:"";display:block;position:absolute;width:calc(100% - 60px);border-top:1px solid #000;left:30px;height:100%;-webkit-transition:background 0.5s ease;transition:background 0.5s ease}@media (max-width:767px){section.projects .list .el>a:before{top:0}}section.projects .list .el>a>div{position:relative;z-index:2;padding-left:30px;padding-right:30px}@media (min-width:768px){section.projects .list .el>a>div{width:16.6666666667%}}@media (min-width:768px){section.projects .list .el>a>div:first-child{width:33.3333333333%}}@media (max-width:767px){section.projects .list .el>a .prop{padding-top:12px}}section.projects .list .el .title{font-size:18px;text-transform:none}section.projects .list .el .tags span{display:inline-block;vertical-align:middle;width:16px;height:16px;text-align:center;line-height:14px;border-radius:50%;border:1px solid #000;margin-right:2px}