.hero-overlay{background:rgba(24,152,212,.8);background:-webkit-linear-gradient(left,rgba(24,152,212,.8),rgba(138,113,212,.8));background:-o-linear-gradient(right,rgba(24,152,212,.8),rgba(138,113,212,.8));background:-moz-linear-gradient(right,rgba(24,152,212,.8),rgba(138,113,212,.8));background:linear-gradient(90deg,rgba(24,152,212,.8),rgba(138,113,212,.8));color:#f4f4ef;height:100%;position:absolute;top:0;width:100%}.website-hero-banner{color:#f4f4ef;padding-top:125px;position:relative}.website-hero-banner-header *{color:inherit}.website-hero-banner .container{position:relative}.website-hero-banner-header{padding-bottom:125px;text-align:center}.subs-left.prime,.subs-right.prime{-ms-animation:oldNewOp 8s linear infinite;-moz-animation:oldNewOp 8s linear infinite;-webkit-animation:oldNewOp 8s linear infinite;animation:oldNewOp 8s linear infinite}.subs-right.prime{-ms-animation-delay:-4s;-moz-animation-delay:-4s;-webkit-animation-delay:-4s;animation-delay:-4s}.website-hero-subs.prime h4{color:#f4f4ef;font-size:1em;font-weight:700;line-height:1.2em}.website-hero-subs.prime p{color:#f4f4ef;font-size:.825em;line-height:1.2em}.old-new-computer{background-image:url(https://www.webcanopystudio.com/hubfs/2016_WCS/build/Images/website-icons/website-mac-bg.png);background-position:top;background-repeat:no-repeat;background-size:contain;height:350px;margin:10px -35px;position:relative;width:570px;z-index:5}.old-new-screen{-ms-animation:oldNewBG 8s linear infinite;-moz-animation:oldNewBG 8s linear infinite;-webkit-animation:oldNewBG 8s linear infinite;animation:oldNewBG 8s linear infinite;height:246px;left:89px;position:absolute;top:37px;width:394px;z-index:6}.ba-slider{height:auto;max-width:400px;overflow:hidden;position:relative}.ba-slider,.ba-slider img{height:auto!important;max-width:400px!important}.resize{height:100%;left:0;overflow:hidden;width:50%}.handle,.resize{position:absolute;top:0}.handle{background:rgba(0,0,0,.5);bottom:0;cursor:ew-resize;left:50%;margin-left:-2px;width:4px}.handle:after{background:#1898d4;border:1px solid #094663;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 2px 0 hsla(0,0%,100%,.5),inset 0 60px 50px -30px #8a71d4;color:#fff;content:"\21d4";font-size:36px;font-weight:400;height:64px;line-height:64px;margin:-32px 0 0 -32px;position:absolute;text-align:center;top:50%;transition:all .3s ease;width:64px}.website-hero-banner{background-attachment:fixed}@media (min-width:768px){.website-hero-mockup{margin-bottom:-150px;position:relative;z-index:2}.website-hero-subs.prime{margin-top:60px}}