.case-study .wrap section .intro-panel:after,.case-study .wrap section .text ul:after,.case-study .wrap section .highlights:after,.case-study .wrap section:after{content:'';display:block;clear:both}.case-study{margin-top:0;padding:0 0 60px 0}.case-study .wrap{width:985px;margin:0 auto}.case-study .wrap .c-hero{margin-bottom:0;position:relative}.case-study .wrap .c-hero .hero-intro{text-align:left;margin:0;position:absolute;top:50%;left:0;z-index:1000;-webkit-transform:translateY(-50%);background-color:#fdffcc;box-shadow:0 20px 50px rgba(22,22,22,0.1);padding:30px}.case-study .wrap .c-hero .hero-intro c p{font-family:'Roboto Slab',serif}.case-study .wrap .c-hero .hero-intro h1{font-size:24px;font-family:'Roboto Slab',serif}.case-study .wrap .c-hero figure{width:450px;height:300px;margin:0 0 0 550px;z-index:3;position:absolute;bottom:0;right:0}.case-study .wrap .c-hero figure+figure{width:170px;height:220px;right:50%;left:auto;margin:0 -120px 0 0;z-index:4}.case-study .wrap .c-hero figure+figure+figure{display:block;width:650px;height:400px;right:auto;margin:0 0 0 -400px;left:50%;bottom:0;z-index:1}.case-study .wrap>header{text-align:center;padding:20px 0 0 0}.case-study .wrap>header .text h1{font-size:35px}.case-study .wrap>header .text p{font-size:22px}.case-study .wrap>header figure{height:450px;width:900px;margin:50px auto 0 auto;overflow:hidden}.case-study .wrap section header{width:312px;float:left}.case-study .wrap section .intro-panel{padding-bottom:20px}.case-study .wrap section .intro-panel .col{width:480px;float:left}.case-study .wrap section .intro-panel .col+.col{margin:0 0 0 20px}.case-study .wrap section .intro-panel .col+.col .quote{margin-top:-20px}.case-study .wrap section .text{width:640px;float:right}.case-study .wrap section .text p:first-child{margin-top:1px}.case-study .wrap section .text ul li{font-size:16px;width:-webkit-calc(50% - 20px);width:calc(50% - 20px);-moz-box-sizing:border-box;box-sizing:border-box;float:left;border-radius:10px}.case-study .wrap section .text ul li+li{margin:0 0 0 20px}.case-study .wrap section .text ul li+li:nth-child(odd){margin-left:0;margin-top:15px}.case-study .wrap section .text ul li+li:nth-child(odd) ~ li{margin-top:15px}.case-study .wrap section .text ul .cta img{display:block;width:640px;margin:0 0 0 -20px}.case-study .wrap section .text .funnel figure+figure{margin-top:-80px;-webkit-transform:translateY(-150px)}.case-study .wrap section .text .funnel figure+figure.inview{-webkit-transition-delay:600ms}.case-study .wrap section .text .funnel figure+figure+figure{-webkit-transform:translateY(-280px);margin-top:-62px}.case-study .wrap section .text .funnel figure+figure+figure.inview{-webkit-transition-delay:600ms}.case-study .wrap section .images{float:left;width:100%}.case-study .wrap section .images .one .website-preview{margin:0}.case-study .wrap section .images .one .website-preview>div{height:500px}.case-study .wrap section .images .one iframe{height:500px}.case-study .wrap section .highlights{width:960px;margin:0 auto}.case-study .wrap section .highlights .box{width:455px;float:left}.case-study .wrap section .highlights .box+.box{margin:0 0 0 30px}.case-study .wrap section .highlights .box:nth-child(3){margin:20px 0 0 0}.case-study .wrap section .highlights .box:nth-child(3)+.box{margin:20px 0 0 30px}.case-study .wrap section.full-width{padding:40px 0}.case-study .wrap section.full-width header{width:100%;float:none;text-align:center}.case-study .wrap section.full-width .text{float:none;width:620px;margin:0 auto}.case-study .wrap section.bg:before{left:50%;margin-left:-50vw}.case-study .wrap section.bg .images .two:last-child:before,.case-study .wrap section.bg .images .one:last-child:before{left:50%;margin-left:-50vw}