@charset "utf-8";#performances{text-align:center}#performances a{display:inline-block;line-height:1.4;position:relative;text-decoration:none}#performances a picture{overflow:hidden;position:relative}#performances a picture:before{content:"";display:block;padding-top:53.125%}#performances a picture img{-webkit-backface-visibility:hidden;backface-visibility:hidden;line-height:1;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:transform 0.2s ease-out 0s;width:100%}#performances a:hover picture img{-ms-transform:translate(-50%,-50%) scale(1.2);-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}#performances a [class^="performances_"]{position:absolute;top:0}#performances a>div{position:relative;text-align:left}#performances a>div:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#666;content:"\F0417";font-family:"Material Design Icons";font-size:150%;line-height:1;position:absolute;top:50%;right:0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:color 0.2s ease-out 0s}#performances a:hover>div:after,#performances a:focus>div:after{color:#E50012}#performances a>div h2,#performances a>div h3{line-height:1.2}#performances_detail{display:none}[class^="performances_"]{color:#FFF;display:inline-block;height:2.5em;letter-spacing:1em;line-height:2.5em;padding-left:1em;text-align:center;vertical-align:top;width:5.8em}.performances_architecture{background-color:#E50012}.performances_demolition{background-color:navy}.performances_civil{background-color:#999}#performances .performances_architecture,#performances .performances_demolition,#performances .performances_civil{left:0}[id^="performances_"]{background-color:rgba(255,255,255,.8)}[id^="performances_"] picture{text-align:center}[id^="performances_"] picture [id^="performance_img_"] li{display:inline-block;position:relative}[id^="performances_"] picture [id^="performance_img_"] li img{width:100%}[id^="performances_"] picture [id^="performance_img_"] li span[class^="performance_img_category_"]{background-color:#999;color:#FFF;display:block;position:absolute;top:0;left:0;width:5em}[id^="performances_"] picture [id^="performance_img_"] li span.performance_img_category_before{background-color:#A5A5A5}[id^="performances_"] picture [id^="performance_img_"] li span.performance_img_category_after{background-color:#5DB358}[id^="performances_"] picture [id^="performance_thumb_"] img{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;transition:opacity 0.2s ease-out 0s;width:80px;max-width:-webkit-calc(100% / 5);max-width:calc(100% / 5)}[id^="performances_"] picture [id^="performance_thumb_"] img.active,[id^="performances_"] picture [id^="performance_thumb_"] img:hover{opacity:.7}[id^="performances_"] figcaption time{display:block;font-size:87.5%}[id^="performances_"] figcaption h2,[id^="performances_"] figcaption h3{line-height:1.2}[id^="performances_"] figcaption table{line-height:1.6;text-align:left}@media screen and (max-width:767px){#performances a{width:93.75%}}@media screen and (min-width:414px) and (max-width:639px){#performances a{width:-webkit-calc((100% - (3.125% * 3)) / 2);width:calc((100% - (3.125% * 3)) / 2)}#performances a:nth-child(even){margin-left:3.125%}}@media screen and (min-width:640px) and (max-width:767px){#performances a{width:-webkit-calc((100% - (3.125% * 4)) / 3);width:calc((100% - (3.125% * 4)) / 3)}#performances a:not(:nth-child(3n+1)){margin-left:3.125%}}@media screen and (max-width:767px){#performances{margin-bottom:3.125%}#performances a{margin-bottom:3.125%}#performances a [class^="performances_"]{font-size:62.5%}[id^="performances_"]{padding:10px}[id^="performances_"] picture{margin-bottom:10px}[id^="performances_"] picture [id^="performance_img_"] li span[class^="performance_img_category_"]{font-size:75%}[id^="performances_"] figcaption [class^="performances_"]{font-size:87.5%}[id^="performances_"] figcaption time{margin-top:5px}[id^="performances_"] figcaption h2,[id^="performances_"] figcaption h3{font-size:150%}[id^="performances_"] figcaption table,[id^="performances_"] figcaption table tbody,[id^="performances_"] figcaption table tr,[id^="performances_"] figcaption table tr th,[id^="performances_"] figcaption table tr td{display:block}[id^="performances_"] figcaption table tr:not(:first-child) th{margin-top:.5em}}@media screen and (min-width:768px){#performances{margin-bottom:50px}#performances a{margin-bottom:50px}#performances a [class^="performances_"]{font-size:75%}#performances a>div{padding:10px -webkit-calc(20px + 1em) 10px 20px;padding:10px calc(20px + 1em) 10px 20px}#performances a>div:after{margin-right:5px}[id^="performances_"]{padding-top:50px;padding-bottom:50px}[id^="performances_"] picture{margin-bottom:30px}[id^="performances_"] picture img,[id^="performances_"] picture [id^="performance_img_"] li{width:-webkit-calc(100% - (20px * 2));width:calc(100% - (20px * 2));max-width:820px}[id^="performances_"] figcaption{margin-left:auto;margin-right:auto;width:-webkit-calc(100% - (20px * 2));width:calc(100% - (20px * 2));max-width:820px}[id^="performances_"] figcaption time{padding-top:10px}[id^="performances_"] figcaption h2,[id^="performances_"] figcaption h3{font-size:200%}[id^="performances_"] figcaption hr{margin:30px 0}[id^="performances_"] figcaption table tr th{padding-left:1em;width:7em}[id^="performances_"] figcaption table tr td{padding:.5em 1em .5em 0}}@media screen and (min-width:768px) and (max-width:939px){#performances a{width:234px}#performances a:not(:nth-child(3n+1)){margin-left:13px}[id^="performances_"]{width:680px}}@media screen and (min-width:940px) and (max-width:1023px){#performances a{width:286px}#performances a:not(:nth-child(3n+1)){margin-left:16px}[id^="performances_"]{width:840px}}@media screen and (min-width:1024px) and (max-width:1199px){#performances a{width:310px}#performances a:not(:nth-child(3n+1)){margin-left:17px}[id^="performances_"]{width:920px}}@media screen and (min-width:1200px) and (max-width:1279px){#performances a{width:362px}#performances a:not(:nth-child(3n+1)){margin-left:22px}[id^="performances_"]{width:1080px}}@media screen and (min-width:1280px){#performances a{width:384px}#performances a:not(:nth-child(3n+1)){margin-left:24px}[id^="performances_"]{width:1200px}}
