.saas-hero-12.banner{padding:130px 0;text-align:left}.saas-hero-12.banner:after{display:none!important}.saas-hero-12.banner .banner-content>.row-fluid-wrapper>.row-fluid{align-items:center;display:flex}.saas-hero-12.banner h1{font-size:42px;font-weight:400;line-height:50px;margin:0 0 15px}.saas-hero-12.banner h2{font-size:55px;font-weight:300;line-height:65px;margin:0 0 45px}.saas-hero-12.banner h3{font-size:20px;margin:0 0 15px}.saas-hero-12.banner p{font-size:18px}.saas-hero-12 .button,.saas-hero-12 .hs-button{color:#fff;display:inline-block;width:auto}.saas-hero-12.banner:after{background:rgba(93,93,93,.76);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.banner h3 a{color:#fff}.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-12 .lightbox-video{margin-top:35px}.saas-hero-12 .lightbox-video span{margin-left:10px}.saas-hero-12 .lightbox-video span,.saas-hero-12 .lightbox-video svg{display:inline-block;vertical-align:middle}.saas-hero-12 .down-arrow{bottom:40px;cursor:pointer;left:50%;position:absolute;transform:translateX(-50%) rotate(90deg);z-index:1}.saas-hero-12 .banner-flexbox{align-items:center;display:flex}.saas-hero-12 a.button.button-default{max-width:290px}.saas-hero-12 a.button.button-default,.saas-hero-12 a.button.button-transparent{align-items:center;display:flex;height:50px;justify-content:center;margin:0 35px 10px 0;text-align:center}.saas-hero-12 .banner-flexbox a.button:last-of-type{margin-right:0}@media(max-width:990px){.saas-hero-12.banner h1,.saas-hero-12.banner h2{font-size:45px;line-height:55px;margin:0 0 25px}}@media(max-width:767px){.saas-hero-12.banner h1{font-size:30px;line-height:40px;margin:0 0 15px}.saas-hero-12.banner h2{font-size:28px;line-height:normal;margin:0 0 15px}.saas-hero-12.banner h3{font-size:20px;margin:0 0 15px}.saas-hero-12.banner .span6:first-of-type{margin-bottom:40px}.saas-hero-12.banner .banner-content>.row-fluid-wrapper>.row-fluid{display:block}.saas-hero-12 .banner-flexbox{flex-direction:column}.saas-hero-12 a.button.button-default{margin:0 0 20px;max-width:none;width:300px}.saas-hero-12 a.button.button-transparent{margin:0;max-width:none;width:300px}}@media(max-width:650px){.saas-hero-12.banner{padding:75px 0 130px}}@media(max-width:375px){.saas-hero-12 .lightbox-video span{max-width:200px}}.saas-hero-12 .featured-resource{align-items:center;display:flex}.saas-hero-12 .featured-resource .fr-content{padding-left:30px}.saas-hero-12 .featured-resource .fr-image{max-width:300px}@media(max-width:767px){.saas-hero-12 .featured-resource{display:block}.saas-hero-12 .featured-resource .fr-image{margin:0 0 30px;max-width:300px}.saas-hero-12 .featured-resource .fr-content{padding:0}}