.saas-hero-12.banner{text-align:left;padding:130px 0;background-color:#061e46 !important}.saas-hero-12.banner:after{display:none !important}.saas-hero-12.banner .banner-content>.row-fluid-wrapper>.row-fluid{display:flex;align-items:center}.saas-hero-12.banner h1{margin:0 0 15px;font-size:42px;font-weight:400;line-height:50px}.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:0px 0 15px}.saas-hero-12.banner p{font-size:18px}.saas-hero-12 .button,.saas-hero-12 .hs-button{display:inline-block;border-radius:30px;width:auto;text-transform:none}.saas-hero-12.banner:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(93,93,93,.76)}.banner h3 a{color:#fff}.banner.text-center .dir-arrow{margin:75px auto 0;text-align:center}.dir-arrow{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-iteration-count:4;-moz-animation-iteration-count:4;-webkit-animation-iteration-count:4;animation-fill-mode:both;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{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{position:absolute;bottom:40px;left:50%;transform:translateX(-50%) rotate(90deg);z-index:1;cursor:pointer}.saas-hero-12 .banner-flexbox{display:flex;align-items:center}.saas-hero-12 a.button.button-default{max-width:290px;display:flex;align-items:center;justify-content:center;margin-right:10px;margin:0 35px 10px 0;height:50px;text-align:center}.saas-hero-12 a.button.button-transparent{height:50px;margin:0 35px 10px 0;display:flex;text-align:center;justify-content:center;align-items: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{margin:0 0 15px;font-size:30px;line-height:40px}.saas-hero-12.banner h2{font-size:28px;margin:0 0 15px;line-height:normal}.saas-hero-12.banner h3{font-size:20px;margin:0px 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 0;width:300px;max-width:none}.saas-hero-12 a.button.button-transparent{margin:0;width:300px;max-width:none}}@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{display:flex;align-items:center}.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{max-width:300px;margin:0 0 30px}.saas-hero-12 .featured-resource .fr-content{padding:0}}