.vendor-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);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%;position:fixed;width:100%;height:100%;left:0;top:0;overflow:auto;z-index:20}.vendor-detail-container.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.vendor-detail-container.portrait .banner-container{padding-left:2.5rem;padding-right:2.5rem;margin-left:0;margin-right:0}.vendor-detail-container.portrait .banner-container .logo-container{width:9rem;padding-right:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:1rem}.vendor-detail-container.portrait .content-container{padding-left:2.5rem;padding-right:2.5rem}.vendor-detail-container.portrait .content-container .content{padding-left:0;padding-right:0}.vendor-detail-container.portrait .content-container .case-list{grid-template-columns:repeat(2,50%)}.vendor-detail-container .banner-container{position:relative;margin:5.6rem 3.5rem 0;padding:4rem 0 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vendor-detail-container .banner-container .logo-container{width:17%;padding-right:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.vendor-detail-container .banner-container .logo-container .logo{width:9rem;height:9rem;border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:50%;background-color:#fff}.vendor-detail-container .banner-container .logo-container .logo.default{background-image:url(../../assets/img/avatar.c0d38b14.jpg)}.vendor-detail-container .banner-container .title-container{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;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}.vendor-detail-container .banner-container .title-container .title{line-height:1.4}.vendor-detail-container .banner-container .title-container .badges{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1rem}.vendor-detail-container .banner-container .title-container .badges .badge{margin-right:.5rem}.vendor-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}.vendor-detail-container .banner-container .title-container .tags:before{content:"";width:2rem;height:2px;background-color:#fdb813;display:block;margin-right:1rem}.vendor-detail-container .banner-container .title-container .space{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.vendor-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}.vendor-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}.vendor-detail-container .content-container{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background-color:#fff;padding:2rem 3.5rem}.vendor-detail-container .content-container .content{padding:0 8.5% 0 17%}.vendor-detail-container .content-container .contact,.vendor-detail-container .content-container .detail,.vendor-detail-container .content-container .feedback,.vendor-detail-container .content-container .title{line-height:1.2}.vendor-detail-container .content-container .contact p,.vendor-detail-container .content-container .detail p,.vendor-detail-container .content-container .feedback p{margin:2.5rem 0}.vendor-detail-container .content-container .contact ol,.vendor-detail-container .content-container .contact ul,.vendor-detail-container .content-container .detail ol,.vendor-detail-container .content-container .detail ul,.vendor-detail-container .content-container .feedback ol,.vendor-detail-container .content-container .feedback ul{padding-left:1rem}.vendor-detail-container .content-container .contact ol li,.vendor-detail-container .content-container .contact ul li,.vendor-detail-container .content-container .detail ol li,.vendor-detail-container .content-container .detail ul li,.vendor-detail-container .content-container .feedback ol li,.vendor-detail-container .content-container .feedback ul li{margin:.5rem 0}.vendor-detail-container .content-container .contact a,.vendor-detail-container .content-container .detail a,.vendor-detail-container .content-container .feedback a{text-decoration:underline;color:#2da44a}.vendor-detail-container .content-container .cases-container{margin-top:2.5rem}.vendor-detail-container .content-container .case-list{display:grid;grid-template-columns:repeat(3,33.33%);margin:1.5rem -1rem 0}.vendor-detail-container .content-container .case-list .case{margin:0 1rem 2rem}.vendor-detail-container .content-container .case-list .case .thumb{width:100%;padding-top:50%;background-size:cover;background-repeat:no-repeat;background-position:50%;position:relative}.vendor-detail-container .content-container .case-list .case .thumb .badge{position:absolute;top:.5rem;left:.5rem}.vendor-detail-container .content-container .case-list .case .info{padding:0 .5rem;margin-top:1rem}.vendor-detail-container .content-container .case-list .case .info .brief{margin-top:.5rem}.vendor-detail-container .content-container .case-list .case .tags .badge{margin-right:.5rem}.vendor-detail-container .content-container .case-list .tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:.8rem}.vendor-detail-container .content-container .case-list .tags .badge{white-space:nowrap;margin-bottom:.8rem}