.saas-hero-8.banner{text-align:left;padding:227px 0 183px;color:#333942}.saas-hero-8.banner .banner-content>.row-fluid-wrapper>.row-fluid{display:flex;align-items:center}.banner h3 a{color:#fff}.banner.text-center .dir-arrow{margin:75px auto 0;text-align:center}.saas-hero-8.banner h1,.saas-hero-8.banner h2,.saas-hero-8.banner h3,.saas-hero-8.banner h4,.saas-hero-8.banner h5{color:#333942}.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%,100%,20%,50%,80%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,100%,20%,50%,80%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,100%,20%,50%,80%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.saas-hero-8 .lightbox-video{margin-top:35px}.saas-hero-8 .lightbox-video span{margin-left:10px}.saas-hero-8 .lightbox-video span,.saas-hero-8 .lightbox-video svg{display:inline-block;vertical-align:middle}.saas-hero-8 .down-arrow{position:absolute;bottom:40px;left:50%;transform:translateX(-50%) rotate(90deg);z-index:1;cursor:pointer}.saas-hero-8 .banner-flexbox{display:flex;align-items:center;margin-top:17px}.saas-hero-8 .banner-flexbox .button.button-blue{padding:10px 34px;margin-right:15px}.saas-hero-8 .banner-flexbox .button.button-blue svg path{transition:all .3s}.saas-hero-8 .banner-flexbox .button.button-blue:focus svg path,.saas-hero-8 .banner-flexbox .button.button-blue:hover svg path{fill:#00adee}.saas-hero-8 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-8 a.button.button-transparent{height:50px;margin:0 35px 10px 0;display:flex;text-align:center;justify-content:center;align-items:center}.saas-hero-8 .banner-flexbox a.button:last-of-type{margin-right:0}.saas-hero-8__right-col-img{position:absolute;right:0;bottom:0;width:52%;max-width:825px}@media (max-width:1180px){.saas-hero-8.banner{text-align:left;padding:130px 0 183px}}@media (max-width:1080px){.saas-hero-8__right-col-img{display:none}.saas-hero-8 .row-fluid .span6{width:100%;max-width:800px}.saas-hero-8.banner .banner-content>.row-fluid-wrapper>.row-fluid{display:block}}@media (max-width:767px){.saas-hero-8.banner{padding:80px 0 133px}.saas-hero-8.banner .span6:first-of-type{margin-bottom:40px}.saas-hero-8.banner .banner-content>.row-fluid-wrapper>.row-fluid{display:block}.saas-hero-8 .banner-flexbox{display:flex;align-items:center;margin-top:17px;flex-wrap:wrap}.saas-hero-8 .banner-flexbox .button.button-blue{margin:0 15px 20px 0}}