.saas-hero-9.banner{background:#fff;color:#000;padding:135px 0 65px;text-align:left}.saas-hero-9.banner.grey{background:#f7f9fd}.saas-hero-9.banner .banner-content>.row-fluid-wrapper>.row-fluid{align-items:center;display:flex}.saas-hero-9.banner h2{color:#000;font-size:55px;font-weight:300;line-height:65px;margin:0 0 45px}.saas-hero-9.banner h1,.saas-hero-9.banner h3,.saas-hero-9.banner p{color:#000}.saas-hero-9 .button,.saas-hero-9 .hs-button{display:inline-block;text-transform:none;width:auto}.banner h3 a{color:#000}.banner.text-center .dir-arrow{margin:75px auto 0;text-align:center}.dir-arrow{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:4;-moz-animation-iteration-count:4;-webkit-animation-iteration-count:4;-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,to{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,to{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.saas-hero-9 .lightbox-video{margin-top:35px}.saas-hero-9 .lightbox-video span{font-size:16px;margin-left:10px;max-width:calc(75% - 38px)}.saas-hero-9 .lightbox-video span,.saas-hero-9 .lightbox-video svg{display:inline-block;vertical-align:middle}@media(max-width:1100px){.saas-hero-9.banner{padding:75px 0}.saas-hero-9.banner h1,.saas-hero-9.banner h2{font-size:38px;line-height:normal;margin:0 0 25px}}@media(max-width:767px){.saas-hero-9.banner h2{font-size:32px;line-height:normal}.saas-hero-9.banner .span6:first-of-type{margin-bottom:40px}.saas-hero-9.banner .banner-content>.row-fluid-wrapper>.row-fluid{display:block}}@media(max-width:650px){.saas-hero-9.banner{padding:75px 0}}@media(max-width:375px){.saas-hero-9 .lightbox-video span{max-width:200px}}