.cd-main-content{position:relative}.cd-main-content:after{content:"";display:table;clear:both}.cd-main-content.is-fixed .cd-project{padding-top:76px}.cd-main-content.is-fixed .cd-filter{position:fixed;height:100vh;overflow:hidden}.cd-main-content.is-fixed .cd-filter form{height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}.cd-main-content.is-fixed .cd-filter-trigger{position:fixed}@media only screen and (min-width:768px){.cd-main-content.is-fixed .cd-project{padding-top:90px}}@media only screen and (min-width:1170px){.cd-main-content.is-fixed .cd-project{padding-top:100px}}.cd-tab-filter-wrapper{z-index:1;background:#fa7c05}.cd-tab-filter-wrapper:after{content:"";display:table;clear:both}.cd-tab-filter{position:relative;width:100%;margin:0 auto}.cd-tab-filter::after{content:'';position:absolute;right:14px;top:25px;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;width:16px;height:16px;background:url("../images/cd-icon-arrow.svg") no-repeat center center;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;pointer-events:none;z-index:1}.cd-tab-filter ul{position:absolute;top:0;left:0;background-color:#8a8a8a;box-shadow:none;width:100%;z-index:1;border-radius:15px}.cd-tab-filter li{display:none}.cd-tab-filter li:first-child{display:block}.cd-tab-filter a{display:block;height:50px;width:100%;line-height:50px;padding-left:14px;color:#fff!important}.cd-tab-filter a.selected{background:#8a8a8a;color:#fff!important;width:100%;opacity:1}.cd-tab-filter.is-open::after{-webkit-transform:translateY(-50%) rotate(-180deg);-moz-transform:translateY(-50%) rotate(-180deg);-ms-transform:translateY(-50%) rotate(-180deg);-o-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg)}.cd-tab-filter.is-open ul{box-shadow:inset 0 -2px 0 #8a8a8a,0 2px 10px rgba(0,0,0,.2)}.cd-tab-filter.is-open ul li{display:block}@media only screen and (min-width:768px){.cd-tab-filter{width:auto;cursor:auto}.cd-tab-filter::after{display:none}.cd-tab-filter ul{background:0 0;position:static;box-shadow:none}.cd-tab-filter li{display:inline-block;margin:0 10px}.cd-tab-filter li.placeholder{display:none!important}.cd-tab-filter a{display:inline-block;color:#fff!important;font-size:18px;line-height:22px;font-weight:500;border:0;cursor:pointer;transition:all .3s ease-in-out;height:inherit}.no-touch .cd-tab-filter a:hover{color:#fff!important}.cd-tab-filter a.selected{color:#fff!important;background:0 0}.cd-tab-filter.is-open ul li{display:inline-block}}@media only screen and (min-width:1170px){.cd-tab-filter{width:100%;float:right;margin:0;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s}.cd-tab-filter.filter-is-visible{width:80%}}.cd-project{width:100%}.cd-project ul{display:flex;flex-wrap:wrap;min-height:650px}.cd-project li{margin-bottom:30px;display:none;padding:0 15px}.cd-project li span.date{color:#9a9a9a;padding:20px 20px 0 20px;font-size:14px;line-height:18px;display:block;text-align:center}.cd-project li .projectImageBox{padding:0 25px;border-radius:10px;overflow:hidden;height:100%}.cd-project li p{margin-bottom:0;text-align:center;font-size:15px;line-height:20px}.cd-project li.gap{opacity:0;height:0;display:inline-block}.cd-project img{display:block;width:100%;border-radius:0}.cd-project .cd-fail-message{display:none;text-align:center}@media only screen and (min-width:768px){.cd-project ul{text-align:justify}.cd-project ul:after{content:"";display:table;clear:both}.cd-project li{width:50%}.cd-tab-filter a{padding-left:0}.cd-tab-filter li{margin:0 10px;position:relative}.cd-tab-filter li a{padding:20px 10px;color:#fff;opacity:.5;font-family:Philosopher,sans-serif;font-size:26px;letter-spacing:.04em;line-height:32px}.cd-tab-filter li:hover a{color:#fff}.cd-tab-filter li a::before{content:'';background:#680203;width:100%;height:5px;position:absolute;bottom:0;left:0;transform:scaleX(0);transition:all ease-in-out .5s;border:none;left:0;margin:0;vertical-align:baseline}.cd-tab-filter li:hover a::before{width:100%;transform:scaleX(1);transform-origin:left}.cd-tab-filter li a.selected::before{width:100%;transform:scaleX(1);transform-origin:left}}@media only screen and (max-width:767px){.cd-project{margin-top:70px}.cd-project li .projectImageBox{padding:0 15px}}@media only screen and (min-width:1170px){.cd-project{float:right;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s}.cd-project li{width:50%}.cd-project.filter-is-visible{width:80%}}.cd-filter{position:absolute;top:0;left:0;width:280px;height:100%;background:#fff;box-shadow:4px 4px 20px transparent;z-index:2;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s,box-shadow .3s;-moz-transition:-moz-transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s}.cd-filter::before{content:'';position:absolute;top:0;left:0;height:50px;width:100%;background-color:#2b368d;z-index:2}.cd-filter form{padding:70px 20px}.cd-filter .cd-close{position:absolute;top:0;right:0;height:50px;line-height:50px;width:60px;color:#fff;font-size:1.3rem;text-align:center;background:#37296a;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;z-index:3}.no-touch .cd-filter .cd-close:hover{background:#32255f}.cd-filter.filter-is-visible{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);box-shadow:4px 4px 20px rgba(0,0,0,.2)}.cd-filter.filter-is-visible .cd-close{opacity:1}@media only screen and (min-width:1170px){.cd-filter{width:20%}.cd-filter form{padding:70px 10%}}.cd-filter-trigger{position:absolute;top:0;left:0;height:50px;line-height:50px;width:60px;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap;z-index:3}.cd-filter-trigger.filter-is-visible{pointer-events:none}@media only screen and (min-width:1170px){.cd-filter-trigger{width:auto;left:2%;text-indent:0;color:#9a9a9a;text-transform:uppercase;font-size:1.3rem;font-weight:700;padding-left:24px;background-position:left center;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.no-touch .cd-filter-trigger:hover{color:#2b368d}.cd-filter-trigger.filter-is-visible,.cd-filter-trigger.filter-is-visible:hover{color:#fff}}@media only screen and (max-width:767px){.cd-project li{width:50%}.cd-project li p{font-size:14px}}@media only screen and (max-width:568px){.cd-project li{width:100%}.cd-project li p{min-height:auto}}.cd-filter-block{margin-bottom:1.6em}.cd-filter-block h4{position:relative;margin-bottom:.2em;padding:10px 0 10px 20px;color:#9a9a9a;text-transform:uppercase;font-weight:700;font-size:1.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.no-touch .cd-filter-block h4:hover{color:#2b368d}.cd-filter-block h4::before{content:'';position:absolute;left:0;top:50%;width:16px;height:16px;background:url("../images/cd-icon-arrow.svg") no-repeat center center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.cd-filter-block h4.closed::before{-webkit-transform:translateY(-50%) rotate(-90deg);-moz-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);-o-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.cd-filter-block .checkbox-label::before,.cd-filter-block .radio-label::before,.cd-filter-block input,.cd-filter-block select{font-family:"Open Sans",sans-serif;border-radius:0;background-color:#fff;border:2px solid #e6e6e6}.cd-filter-block input[type=search],.cd-filter-block input[type=text],.cd-filter-block select{width:100%;padding:.8em;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;box-shadow:none}.cd-filter-block input[type=search]:focus,.cd-filter-block input[type=text]:focus,.cd-filter-block select:focus{outline:0;background-color:#fff;border-color:#2b368d}.cd-filter-block input[type=search]{border-color:transparent;background-color:#e6e6e6;font-size:1.6rem!important}.cd-filter-block input[type=search]::-webkit-search-cancel-button{display:none}.cd-filter-block .cd-select{position:relative}.cd-filter-block .cd-select::after{content:'';position:absolute;z-index:1;right:14px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:block;width:16px;height:16px;background:url("../images/cd-icon-arrow.svg") no-repeat center center;pointer-events:none}.cd-filter-block select{cursor:pointer;font-size:1.4rem}.cd-filter-block select::-ms-expand{display:none}.cd-filter-block .list li{position:relative;margin-bottom:.8em}.cd-filter-block .list li:last-of-type{margin-bottom:0}.cd-filter-block input[type=checkbox],.cd-filter-block input[type=radio]{position:absolute;left:0;top:0;margin:0;padding:0;opacity:0;z-index:2}.cd-filter-block .checkbox-label,.cd-filter-block .radio-label{padding-left:24px;font-size:1.4rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cd-filter-block .checkbox-label::after,.cd-filter-block .checkbox-label::before,.cd-filter-block .radio-label::after,.cd-filter-block .radio-label::before{content:'';display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.cd-filter-block .checkbox-label::before,.cd-filter-block .radio-label::before{width:16px;height:16px;left:0}.cd-filter-block .checkbox-label::after,.cd-filter-block .radio-label::after{display:none}.cd-filter-block .checkbox-label::after{width:16px;height:16px}.cd-filter-block .radio-label::after,.cd-filter-block .radio-label::before{border-radius:50%}.cd-filter-block .radio-label::after{width:6px;height:6px;background-color:#fff;left:5px}.cd-filter-block input[type=checkbox]:checked+label::before,.cd-filter-block input[type=radio]:checked+label::before{border-color:#2b368d;background-color:#2b368d}.cd-filter-block input[type=checkbox]:checked+label::after,.cd-filter-block input[type=radio]:checked+label::after{display:block}@-moz-document url-prefix(){.cd-filter-block .cd-select::after{display:none}}