.case-detail-container{background-color:#191c1e;opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-transition:all .3s cubic-bezier(.75,.02,.5,1);transition:all .3s cubic-bezier(.75,.02,.5,1);position:fixed;width:100%;height:100%;left:0;top:0;overflow:auto;z-index:20}.case-detail-container.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.case-detail-container.portrait .banner-container{padding-left:2.5rem;padding-right:2.5rem;margin-left:0;margin-right:0}.case-detail-container.portrait .banner-container .cover{width:100%;bottom:0}.case-detail-container.portrait .banner-container .title-container{width:100%}.case-detail-container.portrait .content-container{padding-left:2.5rem;padding-right:2.5rem}.case-detail-container.portrait .content-container .content{padding-left:0;padding-right:0}.case-detail-container.portrait .content-container .gallery{grid-template-columns:repeat(2,50%)}.case-detail-container .banner-container{position:relative;height:36rem;margin:5.6rem 3.5rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-left:8.5%}.case-detail-container .banner-container .cover{position:absolute;width:66%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;right:0;bottom:-2rem;z-index:1}.case-detail-container .banner-container .cover:after{position:absolute;width:100%;height:100%;content:"";display:block;top:0;left:0;background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.7)),color-stop(50%,transparent),to(transparent));background-image:linear-gradient(90deg,rgba(0,0,0,.7),transparent 50%,transparent)}.case-detail-container .banner-container .title-container{width:50%;position:relative;height:27rem;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:2rem}.case-detail-container .banner-container .title-container .title{line-height:1.4}.case-detail-container .banner-container .title-container .badges{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1rem}.case-detail-container .banner-container .title-container .badges .badge{margin-right:.5rem}.case-detail-container .banner-container .title-container .tags{margin-top:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.case-detail-container .banner-container .title-container .tags:before{content:"";width:2rem;height:2px;background-color:#fdb813;display:block;margin-right:1rem}.case-detail-container .banner-container .title-container .space{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.case-detail-container .banner-container .title-container .vendor{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.case-detail-container .banner-container .title-container .vendor .logo{width:1.6rem;height:1.6rem;background-size:cover;background-repeat:no-repeat;background-position:50%;margin-right:.5rem;border-radius:50%}.case-detail-container .content-container{background-color:#fff;padding:5rem 3.5rem}.case-detail-container .content-container .content{padding:0 8.5% 0 17%}.case-detail-container .content-container .title{line-height:1.4}.case-detail-container .content-container .contact,.case-detail-container .content-container .detail{line-height:1.2}.case-detail-container .content-container .contact p,.case-detail-container .content-container .detail p{margin:2.5rem 0}.case-detail-container .content-container .contact ol,.case-detail-container .content-container .contact ul,.case-detail-container .content-container .detail ol,.case-detail-container .content-container .detail ul{padding-left:2rem}.case-detail-container .content-container .contact ol li,.case-detail-container .content-container .contact ul li,.case-detail-container .content-container .detail ol li,.case-detail-container .content-container .detail ul li{margin:.5rem 0}.case-detail-container .content-container .contact a,.case-detail-container .content-container .detail a{text-decoration:underline;color:#2da44a}.case-detail-container .content-container .gallery{display:grid;grid-template-columns:repeat(3,33.33333%);margin:0 -1rem}.case-detail-container .content-container .gallery .picture{height:10rem;background-color:#191c1e;margin:1rem}.case-detail-container .content-container .gallery .picture img{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}