"Uservoice Test"
Bootstrap 4.1.1 Snippet by sparkktv

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <script src="https://kit.fontawesome.com/f5d05f7ae0.js" crossorigin="anonymous"></script> <main class="main" role="main"> <header class="hero"> <div class="container"> <div class="row flex-middle"> <div class="grid8"> <h1 class="hero-heading large">How Can We Help You?</h1> </div> <div class="grid4 text-right"> {{ render_user }} </div> </div> </div> </header> <article class="section bg-background-gray pt0"> <div class="container"> {{ render_sidebar }} <section class="pt-5 pb-11"> <div class="container"> <div class="w-md-75 w-lg-50 mx-auto text-center mb-5"> <h2 class="h3 text-center">Knowledge Base</h2> <p>Share your ideas for making Sparkk TV better for you, & in our Knowledge Base find answers to common support questions & issues.</p> </div> <div class="row"> <div class="col-md-6 mb-5"> <div class="media h-100 shadow rounded p-4"> <i class="far fa-fw fa-dot-circle fa-3x text-warning mr-4 mt-1"></i> <div class="media-body"> <h5 class="mb-1"><a class="link-dark" href="/knowledgebase/topics/147109-general-support">General Support</a></h5> <p class="mb-0">Welcome to Docs UI Kit! We're so glad you're here. Let's get started!</p> </div> </div> </div> <div class="col-md-6 mb-5"> <div class="media h-100 shadow rounded p-4"> <i class="far fa-fw fa-dot-circle fa-3x text-secondary mr-4 mt-1"></i> <div class="media-body"> <h5 class="mb-1"><a class="link-dark" href="/knowledgebase/articles/147100-my-account">My Account</a></h5> <p class="mb-0">Adjust your profile and preferences to make Docs UI Kit work just for you!</p> </div> </div> </div> <div class="col-md-6 mb-5"> <div class="media h-100 shadow rounded p-4"> <i class="far fa-fw fa-dot-circle fa-3x text-info mr-4 mt-1"></i> <div class="media-body"> <h5 class="mb-1"><a class="link-dark" href="/knowledgebase/topics/147103-watching">Watching Sparkk TV</a></h5> <p class="mb-0">Assistance on how and when you might use the subscription product.</p> </div> </div> </div> <div class="col-md-6 mb-5"> <div class="media h-100 shadow rounded p-4"> <i class="far fa-fw fa-dot-circle fa-3x text-danger mr-4 mt-1"></i> <div class="media-body"> <h5 class="mb-1"><a class="link-dark" href="/knowledgebase/">More...</a></h5> <p class="mb-0">Tips and tools for beginners and experts alike.</p> </div> </div> </div> </div> </div> </section> <section class="bg-light py-11"> <div class="container"> <div class="row"> <div class="col-md-4 mb-5 mb-md-0"> <i class="far fa-lightbulb fa-2x text-primary mb-4"></i> <h3 class="h5 mb-2">Last articles</h3> <ul class="list-unstyled"> <li class="mb-2"><a class="link-muted" href="article.html">What is Doc UI Kit?</a></li> <li class="mb-2"><a class="link-muted" href="article.html">Getting started for workspace creators</a></li> <li class="mb-2"><a class="link-muted" href="article.html">Edit your profile</a></li> <li class="mb-2"><a class="link-muted" href="article.html">View and download invoices</a></li> <li class="mb-2"><a href="#">See all</a></li> </ul> </div> <div class="col-md-4 mb-5 mb-md-0"> <i class="far fa-paper-plane fa-2x text-primary mb-4"></i> <h3 class="h5 mb-2">Popular articles</h3> <ul class="list-unstyled"> <li class="mb-2"><a class="link-muted" href="article.html">Working in Doc UI Kit?</a></li> <li class="mb-2"><a class="link-muted" href="article.html">Delete a page</a></li> <li class="mb-2"><a class="link-muted" href="article.html">Add an app to your workspace</a></li> <li class="mb-2"><a class="link-muted" href="article.html">What is Item Support?</a></li> <li class="mb-2"><a href="#">See all</a></li> </ul> </div> <div class="col-md-4"> <i class="far fa-comment-dots fa-2x text-primary mb-4"></i> <h3 class="h5 mb-2"><a href="{{ site.default_forum.path }}">{{ 'Give Feedback' | translate }}</a></h3> <ul class="list-unstyled"> <li class="mb-2"><a class="link-muted" href="/forums/918583-general-feedback">General Feedback</a></li> <li class="mb-2"><a class="link-muted" href="/forums/918589-bug-reporting">Bug Reporting</a></li> <li class="mb-2"><a class="link-muted" href="/forums/918586-support-issues">Support Issues</a></li> </ul> </div> </div> </div> <div class="cards row"> <article class="card grid4"> <i class="fa fa-lightbulb-o fa-4x card-img" aria-hidden="true" alt="" style="color:#65fd8e;"></i> <h3 class="card-heading large"><a href="{{ site.default_forum.path }}">{{ 'Give Feedback' | translate }}</a></h3> <div class="card-body"> <h4 class="card-subheading">Feedback Forums</h4> <ul> <li class="forum-918583"><a href="/forums/918583-general-feedback">General Feedback</a></li> <li class="forum-918589"><a href="/forums/918589-bug-reporting">Bug Reporting</a></li> <li class="forum-918583"><a href="/forums/918586-support-issues">Support Issues</a></li> </ul> </div> </article> <article class="card grid4"> <i class="fa fa-file-text-o fa-4x card-img" aria-hidden="true" alt="" style="color:#65fd8e;"></i> <h3 class="card-heading large"><a href="/knowledgebase/">Knowledge Base</a></h3> <div class="card-body"> <h4 class="card-subheading">Popular Resources</h4> <ul> <li><a href="/knowledgebase/topics/147109-general-support">General Support</a></li> <li><a href="/knowledgebase/articles/147100-my-account">My Account</a></li> <li><a href="/knowledgebase/topics/147103-watching">Watching Sparkk TV</a></li> <li><a href="/knowledgebase/topics/147106-submissions">Submissions</a></li> </ul> </div> <a href="/knowledgebase/" class="more mt3">More</a> </article> <article class="card grid4"> <i class="fa fa-comment-o fa-4x card-img" aria-hidden="true" alt="" style="color:#65fd8e;"></i> <h3 class="card-heading large">Contact Us</h3> <div class="card-body"> <p>You can also visit our <a href="/knowledgebase/">Knowledge Base</a> to see if we already answered your questions.</p> </div> <a href="/contact/" class="button orange medium" data-uv-trigger="contact" data-uv-position="top" style="margin-top:45px;">How can we help?</a> </article> </div> </section> </div>
@import url("//hello.myfonts.net/count/31d014");.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.container:after{content:" ";display:block;clear:both}@media screen and (max-width: 415px){.the-homepage .container{padding-left:30px;padding-right:30px}}.row{*zoom:1}.row:after{content:"";display:table;clear:both}@media screen and (min-width: 416px){.grid1{width:5.17241%;float:left;margin-right:3.44828%}.grid2{width:13.7931%;float:left;margin-right:3.44828%}.grid2w{width:17.24138%;float:left;margin-right:3.33333%}.grid3{width:22.41379%;float:left;margin-right:3.44828%}.grid3xw{width:29.31034%;float:left;margin-right:3.22581%}.grid4{width:31.03448%;float:left;margin-right:3.44828%}.grid4w{width:34.48276%;float:left;margin-right:3.33333%}.grid4xw{width:37.93103%;float:left;margin-right:3.22581%}.grid5{width:39.65517%;float:left;margin-right:3.44828%}.grid5 .grid2w{width:43.47826%;float:left;margin-right:8%}.grid5w{width:43.10345%;float:left;margin-right:3.33333%}.grid6{width:48.27586%;float:left;margin-right:3.44828%}.grid6w{width:51.72414%;float:left;margin-right:3.33333%}.grid6w .grid2{width:28.57143%;float:left;margin-right:7.14286%}.grid6w .grid4w{width:71.42857%;float:left;margin-right:6.66667%}.grid6xw{width:55.17241%;float:left;margin-right:3.22581%}.grid7{width:56.89655%;float:left;margin-right:3.44828%}.grid7w{width:60.34483%;float:left;margin-right:3.33333%}.grid8{width:65.51724%;float:left;margin-right:3.44828%}.grid8 .grid4{width:47.36842%;float:left;margin-right:5.26316%}.grid8xw{width:72.41379%;float:left;margin-right:3.22581%}.grid9{width:74.13793%;float:left;margin-right:3.44828%}.grid9 .grid3{width:30.23256%;float:left;margin-right:4.65116%}.grid9 .grid4{width:41.86047%;float:left;margin-right:4.65116%}.grid9 .grid5{width:53.48837%;float:left;margin-right:4.65116%}.grid9 .grid5w{width:58.13953%;float:left;margin-right:4.44444%}.grid9 .grid6{width:65.11628%;float:left;margin-right:4.65116%}.grid9 .grid7{width:76.74419%;float:left;margin-right:4.65116%}.grid9 .grid8{width:88.37209%;float:left;margin-right:4.65116%}.grid10{width:82.75862%;float:left;margin-right:3.44828%}.grid11{width:91.37931%;float:left;margin-right:3.44828%}.grid12{width:100%;float:left;margin-left:0;margin-right:0}.push05{margin-left:4.31034%}.push1{margin-left:8.62069%}.push2{margin-left:17.24138%}.push3{margin-left:25.86207%}.push4{margin-left:34.48276%}.prefix1{padding-left:8.62069%}.suffix05{padding-right:4.31034%}.suffix1{padding-right:8.62069%}.pre1{margin-left:8.62069%}[class*="grid"]+[class*="grid"]:last-child:not(.not-last){float:right;margin-right:0}}.centered{margin-left:auto !important;margin-right:auto !important;float:none !important}.lowercase{text-transform:lowercase !important}.uppercase{text-transform:uppercase !important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px}.clear{clear:both !important}.clearfix{*zoom:1}.clearfix:after{content:"";display:table;clear:both}.relative{position:relative !important}.block{display:block !important}.display-inline{display:inline !important}.inline-block{display:inline-block !important}.hide{display:none}.m0{margin:0rem !important}.mt0{margin-top:0rem !important}.mb0{margin-bottom:0rem !important}.mr0{margin-right:0rem !important}.ml0{margin-left:0rem !important}.p0{padding:0rem !important}.pt0{padding-top:0rem !important}.pb0{padding-bottom:0rem !important}.pr0{padding-right:0rem !important}.pl0{padding-left:0rem !important}@media screen and (min-width: 416px){.dktop-mb0{margin-bottom:0rem !important}.dktop-ml0{margin-left:0rem !important}}.m1{margin:1rem !important}.mt1{margin-top:1rem !important}.mb1{margin-bottom:1rem !important}.mr1{margin-right:1rem !important}.ml1{margin-left:1rem !important}.p1{padding:1rem !important}.pt1{padding-top:1rem !important}.pb1{padding-bottom:1rem !important}.pr1{padding-right:1rem !important}.pl1{padding-left:1rem !important}@media screen and (min-width: 416px){.dktop-mb1{margin-bottom:1rem !important}.dktop-ml1{margin-left:1rem !important}}.m2{margin:2rem !important}.mt2{margin-top:2rem !important}.mb2{margin-bottom:2rem !important}.mr2{margin-right:2rem !important}.ml2{margin-left:2rem !important}.p2{padding:2rem !important}.pt2{padding-top:2rem !important}.pb2{padding-bottom:2rem !important}.pr2{padding-right:2rem !important}.pl2{padding-left:2rem !important}@media screen and (min-width: 416px){.dktop-mb2{margin-bottom:2rem !important}.dktop-ml2{margin-left:2rem !important}}.m3{margin:3rem !important}.mt3{margin-top:3rem !important}.mb3{margin-bottom:3rem !important}.mr3{margin-right:3rem !important}.ml3{margin-left:3rem !important}.p3{padding:3rem !important}.pt3{padding-top:3rem !important}.pb3{padding-bottom:3rem !important}.pr3{padding-right:3rem !important}.pl3{padding-left:3rem !important}@media screen and (min-width: 416px){.dktop-mb3{margin-bottom:3rem !important}.dktop-ml3{margin-left:3rem !important}}.m4{margin:4rem !important}.mt4{margin-top:4rem !important}.mb4{margin-bottom:4rem !important}.mr4{margin-right:4rem !important}.ml4{margin-left:4rem !important}.p4{padding:4rem !important}.pt4{padding-top:4rem !important}.pb4{padding-bottom:4rem !important}.pr4{padding-right:4rem !important}.pl4{padding-left:4rem !important}@media screen and (min-width: 416px){.dktop-mb4{margin-bottom:4rem !important}.dktop-ml4{margin-left:4rem !important}}.m5{margin:5rem !important}.mt5{margin-top:5rem !important}.mb5{margin-bottom:5rem !important}.mr5{margin-right:5rem !important}.ml5{margin-left:5rem !important}.p5{padding:5rem !important}.pt5{padding-top:5rem !important}.pb5{padding-bottom:5rem !important}.pr5{padding-right:5rem !important}.pl5{padding-left:5rem !important}@media screen and (min-width: 416px){.dktop-mb5{margin-bottom:5rem !important}.dktop-ml5{margin-left:5rem !important}}.m6{margin:6rem !important}.mt6{margin-top:6rem !important}.mb6{margin-bottom:6rem !important}.mr6{margin-right:6rem !important}.ml6{margin-left:6rem !important}.p6{padding:6rem !important}.pt6{padding-top:6rem !important}.pb6{padding-bottom:6rem !important}.pr6{padding-right:6rem !important}.pl6{padding-left:6rem !important}@media screen and (min-width: 416px){.dktop-mb6{margin-bottom:6rem !important}.dktop-ml6{margin-left:6rem !important}}.m7{margin:7rem !important}.mt7{margin-top:7rem !important}.mb7{margin-bottom:7rem !important}.mr7{margin-right:7rem !important}.ml7{margin-left:7rem !important}.p7{padding:7rem !important}.pt7{padding-top:7rem !important}.pb7{padding-bottom:7rem !important}.pr7{padding-right:7rem !important}.pl7{padding-left:7rem !important}@media screen and (min-width: 416px){.dktop-mb7{margin-bottom:7rem !important}.dktop-ml7{margin-left:7rem !important}}.m8{margin:8rem !important}.mt8{margin-top:8rem !important}.mb8{margin-bottom:8rem !important}.mr8{margin-right:8rem !important}.ml8{margin-left:8rem !important}.p8{padding:8rem !important}.pt8{padding-top:8rem !important}.pb8{padding-bottom:8rem !important}.pr8{padding-right:8rem !important}.pl8{padding-left:8rem !important}@media screen and (min-width: 416px){.dktop-mb8{margin-bottom:8rem !important}.dktop-ml8{margin-left:8rem !important}}.m9{margin:9rem !important}.mt9{margin-top:9rem !important}.mb9{margin-bottom:9rem !important}.mr9{margin-right:9rem !important}.ml9{margin-left:9rem !important}.p9{padding:9rem !important}.pt9{padding-top:9rem !important}.pb9{padding-bottom:9rem !important}.pr9{padding-right:9rem !important}.pl9{padding-left:9rem !important}@media screen and (min-width: 416px){.dktop-mb9{margin-bottom:9rem !important}.dktop-ml9{margin-left:9rem !important}}.m10{margin:10rem !important}.mt10{margin-top:10rem !important}.mb10{margin-bottom:10rem !important}.mr10{margin-right:10rem !important}.ml10{margin-left:10rem !important}.p10{padding:10rem !important}.pt10{padding-top:10rem !important}.pb10{padding-bottom:10rem !important}.pr10{padding-right:10rem !important}.pl10{padding-left:10rem !important}@media screen and (min-width: 416px){.dktop-mb10{margin-bottom:10rem !important}.dktop-ml10{margin-left:10rem !important}}.m11{margin:11rem !important}.mt11{margin-top:11rem !important}.mb11{margin-bottom:11rem !important}.mr11{margin-right:11rem !important}.ml11{margin-left:11rem !important}.p11{padding:11rem !important}.pt11{padding-top:11rem !important}.pb11{padding-bottom:11rem !important}.pr11{padding-right:11rem !important}.pl11{padding-left:11rem !important}@media screen and (min-width: 416px){.dktop-mb11{margin-bottom:11rem !important}.dktop-ml11{margin-left:11rem !important}}.m12{margin:12rem !important}.mt12{margin-top:12rem !important}.mb12{margin-bottom:12rem !important}.mr12{margin-right:12rem !important}.ml12{margin-left:12rem !important}.p12{padding:12rem !important}.pt12{padding-top:12rem !important}.pb12{padding-bottom:12rem !important}.pr12{padding-right:12rem !important}.pl12{padding-left:12rem !important}@media screen and (min-width: 416px){.dktop-mb12{margin-bottom:12rem !important}.dktop-ml12{margin-left:12rem !important}}@media screen and (max-width: 416px){.pb12{padding-bottom:7.5rem !important}}@media screen and (max-width: 416px) and (min-width: 416px){.pb12{padding-bottom:6rem !important}}.text-right{text-align:right !important}@media screen and (min-width: 416px){.mobile-up-text-right{text-align:right !important}}@media screen and (min-width: 737px){.mobile-l-up-text-right{text-align:right !important}}@media screen and (min-width: 769px){.tablet-up-text-right{text-align:right !important}}@media screen and (min-width: 1025px){.tablet-l-up-text-right{text-align:right !important}}.text-left{text-align:left !important}.text-center{text-align:center !important}@media screen and (max-width: 415px){header.text-center{padding:0 30px;text-align:left !important}}.text-middle{vertical-align:middle !important}.strike{text-decoration:line-through !important}.left{float:left !important}.right{float:right !important}.border-top{border-top:1px solid #c8c9ca !important}.border-bottom{border-bottom:1px solid #c8c9ca !important}.border-none{border:0 !important}.font-light{font-weight:200 !important}.font-regular{font-weight:400 !important}.font-medium{font-weight:500 !important}.fixed-contact-widget{position:fixed !important}.color-midnight-gray{color:#323c46 !important}@media screen and (min-width: 416px){.mwn{max-width:none !important}}@media screen and (min-width: 416px){.flex{display:-webkit-flex;display:flex}.flex.main-center{-webkit-justify-content:center;justify-content:center}.flex.cross-center{-webkit-align-items:center;align-items:center}.flex.cross-end{-webkit-align-items:flex-end;align-items:flex-end}.flex.center{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100%}.flex.main-between{-webkit-justify-content:space-between;justify-content:space-between}.flex-center{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.flex-middle{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.flex-grow-1{-webkit-flex-grow:1;flex-grow:1}.justify-self-right{margin-left:auto}.self-flex-end{-webkit-align-self:flex-end;align-self:flex-end}.mla{margin-left:auto}.order2{order:2}}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:8px;font-weight:400;font-family:"DIN Next", arial, sans-serif;line-height:1.5;color:#87898f;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}@media screen and (min-width: 737px){html{font-size:10px}}body{margin:0;min-width:320px;font-size:1.8rem;background-color:white;letter-spacing:-0.015rem;overflow-x:hidden}a{text-decoration:none;color:#323c46;-moz-transition:color 0.1s, border-color 0.1s, background-color 0.1s;-o-transition:color 0.1s, border-color 0.1s, background-color 0.1s;-webkit-transition:color 0.1s, border-color 0.1s, background-color 0.1s;transition:color 0.1s, border-color 0.1s, background-color 0.1s;outline:0}a:hover,a:active,a:focus{color:#187fdd;border-color:#187fdd}.more{text-decoration:none !important;color:#187fdd !important;border-bottom:1px solid #187fdd !important;margin-bottom:1.5rem;letter-spacing:0.05rem;text-transform:uppercase;display:inline-block;line-height:1;padding-bottom:0.375rem;font-size:1.875rem;font-weight:500;cursor:pointer}.more:hover,.more:active,.more:focus{color:#65fd8e !important;border-color:#65fd8e !important}@media screen and (min-width: 416px){.more{font-size:1.4rem;margin-bottom:0;padding-bottom:0.3rem}}.more.blue{text-decoration:none !important;color:#00afe6 !important;border-bottom:1px solid #00afe6 !important}.more.blue:hover,.more.blue:active,.more.blue:focus{color:#187fdd !important;border-color:#187fdd !important}.more.blue-on-white{text-decoration:none !important;color:#00afe6 !important;border-bottom:1px solid #00afe6 !important}.more.blue-on-white:hover,.more.blue-on-white:active,.more.blue-on-white:focus{color:#187fdd !important;border-color:#187fdd !important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;font-size:inherit;font-weight:inherit}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit !important;border:0 !important}.final-value{margin-bottom:0;font-size:3.6rem;font-weight:200;line-height:1.22222;color:white}@media screen and (min-width: 416px){.final-value{margin-top:29rem}}@font-face{font-family:"iconz";src:url("iconz/iconz_66a490b0ccfde680a1e9de2cb14cd25a.eot");src:url("iconz/iconz_66a490b0ccfde680a1e9de2cb14cd25a.eot?#iefix") format("embedded-opentype"),url("iconz/iconz_66a490b0ccfde680a1e9de2cb14cd25a.woff") format("woff"),url("iconz/iconz_66a490b0ccfde680a1e9de2cb14cd25a.ttf") format("truetype"),url("iconz/iconz_66a490b0ccfde680a1e9de2cb14cd25a.svg#iconz") format("svg");font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio: 0){@font-face{font-family:"iconz";src:url("iconz/iconz_66a490b0ccfde680a1e9de2cb14cd25a.svg#iconz") format("svg")}}[data-icon]:before{content:attr(data-icon)}[data-icon]:before,.iconz-arrow-cta-more:before,.more-button::after,.carousel-button::after,.iconz-arrow-down:before,.iconz-arrow-right:before,.iconz-arrow-right-cta:before,.iconz-blog:before,.iconz-checkmark:before,.iconz-down-arrow-thin:before,.has-dropdown .main-nav-target::after,.iconz-ebook:before,.iconz-facebook:before,.iconz-linkedin:before,.iconz-list-check:before,.iconz-list-minus:before,.iconz-list-plus:before,.iconz-play:before,.dropdown-highlight-more::after,.iconz-pointer:before,.iconz-question-mark:before,.iconz-twitter:before,.iconz-x:before,.iconz-x-thick:before{display:inline-block;font-family:"iconz";font-style:normal;font-weight:normal;font-variant:normal;line-height:1;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.iconz-arrow-cta-more:before,.more-button::after,.carousel-button::after{content:"\f149"}.iconz-arrow-down:before{content:"\f137"}.iconz-arrow-right:before{content:"\f144"}.iconz-arrow-right-cta:before{content:"\f148"}.iconz-blog:before{content:"\f141"}.iconz-checkmark:before{content:"\f138"}.iconz-down-arrow-thin:before,.has-dropdown .main-nav-target::after{content:"\f14b"}.iconz-ebook:before{content:"\f142"}.iconz-facebook:before{content:"\f132"}.iconz-linkedin:before{content:"\f13d"}.iconz-list-check:before{content:"\f147"}.iconz-list-minus:before{content:"\f145"}.iconz-list-plus:before{content:"\f146"}.iconz-play:before,.dropdown-highlight-more::after{content:"\f14a"}.iconz-pointer:before{content:"\f13e"}.iconz-question-mark:before{content:"\f139"}.iconz-twitter:before{content:"\f133"}.iconz-x:before{content:"\f13a"}.iconz-x-thick:before{content:"\f143"}[class*=iconz]{display:inline-block;font-size:3.8rem;line-height:1;color:black}[class*=iconz]:hover,[class*=iconz]:active,[class*=iconz]:focus{color:rgba(0,0,0,0.8)}[class*=iconz]::before{speak:none;vertical-align:middle}[class*=iconz].white{color:white}[class*=iconz].white:hover,[class*=iconz].white:active,[class*=iconz].white:focus{color:rgba(255,255,255,0.8)}[class*=iconz].orange{color:#d74119}[class*=iconz].new-orange{color:#187fdd}[class*=iconz].green{color:#00b487}[class*=iconz].blue{color:#00afe6}[class*=iconz].rule-gray{color:#c8c9ca}[class*=iconz].text-color{color:#87898f}[class*=iconz].midnight-gray{color:#323c46}[class*=iconz].midnight-gray:hover,[class*=iconz].midnight-gray:active,[class*=iconz].midnight-gray:focus{color:#87898f}[class*=iconz].midnight-gray-deep{color:#28323c}[class*=iconz].midnight-gray-deep:hover,[class*=iconz].midnight-gray-deep:active,[class*=iconz].midnight-gray-deep:focus{color:#87898f}.plans-table .iconz-question-mark{font-size:2rem;margin-left:0.6rem}.plans-table .iconz-question-mark:hover,.plans-table .iconz-question-mark:active,.plans-table .iconz-question-mark:focus{color:#87898f}.plans-table .iconz-checkmark{font-size:2.8rem}.plans-table .iconz-x{font-size:1.2rem}.bg-white{background-color:white}.bg-gradient{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhOGMyOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZDc0MTE5Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDc0MTE5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background-size:100%;background-image:-moz-linear-gradient(45deg, #fa8c28 0%, #d74119 50%, #d74119 100%);background-image:-webkit-linear-gradient(45deg, #fa8c28 0%, #d74119 50%, #d74119 100%);background-image:linear-gradient(45deg, #fa8c28 0%, #d74119 50%, #d74119 100%)}.bg-background-gray{background-color:#f6f6f7}.bg-midnight-gray{background-color:#323c46}.bg-midnight-gray-deep{background-color:#28323c}.topbar{padding-top:2.5rem;padding-bottom:2.5rem}@media screen and (min-width: 416px){.topbar{transition:background-color 0.2s, padding-top 0.1s ease;padding-top:5rem;padding-bottom:0;position:fixed;top:0;z-index:8000;width:100%}.topbar.fixed{padding-top:0;background-color:white;box-shadow:0 0 30px 0 rgba(0,0,0,0.1)}}@media screen and (min-width: 416px){.topbar.white:not(.fixed) .uv-logo-img{display:none}.topbar.white:not(.fixed) .uv-logo-img.white{display:block}}@media screen and (max-width: 415px){.page-product:not(.product_demo) .topbar{position:absolute;width:100%}.page-product:not(.product_demo) .topbar .uv-logo-img{display:none}.page-product:not(.product_demo) .topbar .uv-logo-img.white{display:inline-block}.topbar.active::after{content:'';position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(36,44,55,0.5);z-index:1}}.topbar-in{display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch;-webkit-justify-content:space-between;justify-content:space-between;position:relative}.uv-logo-target{transition:padding 0.2s ease;display:block;text-align:left}@media screen and (min-width: 416px){.uv-logo-target{text-align:auto}}.fixed .uv-logo-target{padding:1.5rem 0}.uv-logo-img{transition:max-width 0.4s ease;max-width:135px}@media screen and (min-width: 416px){.uv-logo-img{max-width:260px}.fixed .uv-logo-img{max-width:168px}}.uv-logo-img.white{display:none}.topbar-in .grid3,.topbar-in .grid9{position:relative}@media screen and (max-width: 415px){.topbar-in .grid3,.topbar-in .grid9{width:50%}}.topbar-in .grid3{position:static}.home-roadmap-banner-mobile{background-color:rgba(250,107,5,0.1);display:flex;flex-direction:row;justify-content:center;text-align:center}@media screen and (min-width: 416px){.home-roadmap-banner-mobile{display:none}}.home-roadmap-banner-mobile a{color:#87898f;font-size:1.875rem;letter-spacing:-.015em;line-height:2.375rem;margin:auto;padding:10px}.home-roadmap-banner-mobile a span.new-orange{color:#187fdd;display:inline-block;font-size:1.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.home-roadmap-banner-mobile a::after{background-image:url(/assets/img/icons/right-arrow-gray.svg);background-position:center;background-repeat:no-repeat;background-size:auto 10px;content:'';display:inline-block;height:10px;margin-left:10px;width:10px}.home-roadmap-banner{display:none}@media screen and (min-width: 416px){.the-homepage .home-roadmap-banner{background-color:#FEF3EB;color:#87898f;display:block;font-size:1.5rem;height:auto;left:20px;letter-spacing:-.015em;line-height:1;margin:0;padding:10px;position:absolute;text-align:center;top:90px;width:auto}.the-homepage .home-roadmap-banner span.new-orange{color:#187fdd;display:inline-block;font-size:1.4rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.the-homepage .home-roadmap-banner::before{border-bottom:10px solid transparent;border-right:20px solid #FCB582;border-top:10px solid transparent;content:'';display:block;height:0;left:0;position:absolute;top:-10px;width:0;z-index:-1}.the-homepage .home-roadmap-banner::after{background-image:url(/assets/img/icons/right-arrow-gray.svg);background-position:center;background-repeat:no-repeat;background-size:auto 10px;content:'';display:inline-block;height:10px;margin-left:10px;width:10px}.the-homepage .fixed .home-roadmap-banner{opacity:0;transition:.2s opacity ease-in-out}}.footer{background-color:#FFF;padding-top:4rem;font-size:1.6rem;line-height:1.85714;overflow:hidden}.footer a{text-decoration:none;color:#87898f}.footer a:hover,.footer a:active,.footer a:focus{color:#187fdd;border-color:#187fdd}@media screen and (min-width: 416px){.footer{padding-top:8rem}}@media screen and (max-width: 415px){.footer .divider-gradient{background-image:none}}.footer .main-between{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.footer .main-between .tagline{order:2}.footer .main-between .utility-links{order:1}.footer .main-between .social-links{order:3}@media screen and (min-width: 416px){.footer .main-between{align-items:flex-end}.footer .main-between .tagline{order:1}.footer .main-between .utility-links{order:2}}.footer .main-between .footer-social-item i[class*=iconz]{font-size:5.8rem}@media screen and (min-width: 416px){.footer .main-between .footer-social-item i[class*=iconz]{font-size:3.8rem}}.footer-section{border-left:none;margin-bottom:3.75rem;padding-left:0}@media screen and (min-width: 416px){.footer-section{border-left:1px solid #c8c9ca;margin-bottom:0;padding-left:2rem}.footer-section:nth-child(n+2){position:relative;left:-2rem}}.footer-heading{border-top:1px solid #c8c9ca;padding-top:3.75rem;margin-bottom:2rem;text-transform:uppercase;font-size:1.4rem;font-weight:500;line-height:1.14286;letter-spacing:0.05rem;color:#323c46}@media screen and (min-width: 416px){.footer-heading{border-top:none;margin-top:0;margin-bottom:2.8rem;padding-top:0}}.footer-section:first-of-type .footer-heading{border-top:none;padding-top:0}.footer-nav{margin-bottom:-1.1rem}.footer-nav.col{columns:1}@media screen and (min-width: 416px){.footer-nav.col{columns:2}}.tagline-logo{width:7.5rem}@media screen and (min-width: 416px){.tagline-logo{width:12rem}}.utility-links{margin-bottom:2.3rem}@media screen and (max-width: 415px){.utility-links{margin-bottom:3rem;margin-top:0}}.utility-links a{text-decoration:none;color:#87898f}.utility-links a:hover,.utility-links a:active,.utility-links a:focus{color:#187fdd;border-color:#187fdd}.utility-link{display:inline-block}.utility-link-target{padding:0 1rem;display:inline-block}.social-links{margin-bottom:2.3rem}.footer-social-item{margin:0 0 0 0.6rem;display:inline-block}.top-gradient{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMjUwcHgiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');background-size:100%;background-image:-moz-linear-gradient(270deg, #f0f0f0 0%, #fff 250px, #fff 100%);background-image:-webkit-linear-gradient(270deg, #f0f0f0 0%, #fff 250px, #fff 100%);background-image:linear-gradient(180deg, #f0f0f0 0%, #fff 250px, #fff 100%);padding-top:3rem}@media screen and (min-width: 416px){.top-gradient{padding-top:0}}@media screen and (min-width: 416px){.mid-gradient{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjZjZmNmY3Ii8+PHN0b3Agb2Zmc2V0PSI3MyUiIHN0b3AtY29sb3I9IiNmNmY2ZjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');background-size:100%;background-image:-moz-linear-gradient(270deg, #fff 0%, #f6f6f7 38%, #f6f6f7 73%, #fff 100%);background-image:-webkit-linear-gradient(270deg, #fff 0%, #f6f6f7 38%, #f6f6f7 73%, #fff 100%);background-image:linear-gradient(180deg, #fff 0%, #f6f6f7 38%, #f6f6f7 73%, #fff 100%)}}.gray-background{background-image:linear-gradient(180deg, #fff, #fff 17rem, #f6f6f7 17rem, transparent 100%),linear-gradient(0deg, #fff, #fff 8.5rem, #f6f6f7 8.5rem, transparent 100%)}.circle-crop-transition-gray{background-image:url("/assets/img/sections/circle-crop-transition-gray.jpg?0.19225");background-position:50% 0;background-repeat:no-repeat}.section{padding-top:7.5rem;padding-bottom:7.5rem}@media screen and (min-width: 416px){.section{padding-top:10rem;padding-bottom:10rem}.section.small{padding-top:10rem;padding-bottom:10rem}.section.tiny-top{padding-top:7.5rem}.section.def{padding-top:8rem;padding-bottom:16rem}.product_demo .section{padding-top:15.5rem;padding-bottom:15.5rem}}.section.border-top{border-top:1px solid #c8c9ca}.section.white{background-color:white}.section.background-gray{background-color:#f6f6f7}.section.midnight-gray{background-color:#323c46}.section.midnight-gray-deep{background-color:#28323c}.section.personas{background-position:50% 100%;background-repeat:no-repeat;background-size:75rem;padding-top:0;padding-bottom:13rem}@media screen and (min-width: 416px){.section.personas{padding-bottom:42.4rem;background-image:url("/assets/img/sections/personas.jpg?0.52671");background-size:200rem}}@media screen and (min-width: 416px){.section.pull-up{position:relative;top:-5.5rem;margin-bottom:-5.5rem}}.home-integrations{padding-bottom:6rem;position:relative}.home-integrations .text-center p{font-size:2rem;line-height:3.2rem}.home-integrations::after{background-image:url(/assets/img/heroes/divider-gradient-top-down.jpg?0.61994);background-size:45rem;background-position:50% 100%;background-repeat:no-repeat;bottom:0;content:'';display:block;height:100px;position:absolute;transform:rotate(180deg);width:100%}@media screen and (min-width: 416px){.home-integrations::after{bottom:50px}}.the-homepage section:not(.spotlight-section) .section.personas{background-color:#f4f4f4;background-image:url(/assets/img/sections/personas-testb.jpg)}.the-homepage section:not(.spotlight-section) .section.personas .card{position:relative}.the-homepage section:not(.spotlight-section) .section.personas .card .card-heading{font-size:3.2rem;line-height:4rem}.the-homepage section:not(.spotlight-section) .section.personas .card .card-body{font-size:2rem;line-height:3rem;padding-bottom:5rem}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section) .section.personas .card .card-body{font-size:1.8rem;line-height:2.8rem;padding-bottom:4rem}}.the-homepage section:not(.spotlight-section) .section.personas .card .mt1{bottom:4rem;position:absolute}.the-homepage section:not(.spotlight-section) .section.personas .card .mt1 a.more{border-bottom:none !important;color:#187fdd !important}.the-homepage section:not(.spotlight-section) .section.personas .card .mt1 a.more:hover{border-bottom:1px solid #d74119 !important;color:#d74119 !important}.the-homepage section:not(.spotlight-section).features{padding-bottom:0rem}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section).features{padding-bottom:12rem}}.the-homepage section:not(.spotlight-section) .feature{border-top:2px solid #f6f6f7;padding-bottom:30px;padding-top:60px}.the-homepage section:not(.spotlight-section) .feature:first-of-type{border-top:none}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section) .feature{border-top:none;padding-bottom:0;padding-top:250px}}.the-homepage section:not(.spotlight-section) .feature .pre1{margin:0 auto}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section) .feature .pre1{margin-left:12%}.the-homepage section:not(.spotlight-section) .feature .pre1.last{margin-left:5%;margin-right:12%}}.the-homepage section:not(.spotlight-section) .feature:first-of-type{padding-top:60px}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section) .feature:first-of-type{padding-top:10rem}}.the-homepage section:not(.spotlight-section) .feature .row{display:flex;flex-direction:column;justify-content:space-between;max-width:1440px;margin:0 auto;overflow-x:hidden;padding:0 30px;width:100%}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section) .feature .row{flex-direction:row;padding:0}}@media screen and (max-width: 1024px){.the-homepage section:not(.spotlight-section) .feature .grid3.mt7{margin-top:0 !important}}.the-homepage section:not(.spotlight-section) .feature .grid-img{max-width:100%;order:1}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section) .feature .grid-img{max-width:54%;order:inherit}}.the-homepage section:not(.spotlight-section) .feature .grid-img img{margin-left:0;width:100%}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section) .feature .grid-img img{margin-left:-6%}}@media screen and (min-width: 1440px){.the-homepage section:not(.spotlight-section) .feature .grid-img img{margin-left:0}}.the-homepage section:not(.spotlight-section) .feature .grid-img.grid-img--right{margin-right:0}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section) .feature .grid-img.grid-img--right{margin-right:-6%}}.the-homepage section:not(.spotlight-section) .feature .grid-img.grid-img--right img{margin-left:0}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section) .feature .grid-img.grid-img--right img{margin-left:6%}}@media screen and (min-width: 1440px){.the-homepage section:not(.spotlight-section) .feature .grid-img.grid-img--right img{margin-left:0}}.the-homepage section:not(.spotlight-section) .feature .typeset{margin:0 auto;order:2;padding:30px 0;width:100%}.the-homepage section:not(.spotlight-section) .feature .typeset p{margin-bottom:30px;font-size:2rem;line-height:3rem}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section) .feature .typeset p{font-size:1.8rem;line-height:1.5}}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section) .feature .typeset{order:inherit;padding:0;width:25%}}.the-homepage section:not(.spotlight-section) .feature .typeset h3{font-size:3.625rem;line-height:4.625rem}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section) .feature .typeset h3{font-size:3.2rem;line-height:4rem}}.the-homepage section:not(.spotlight-section) .feature .typeset p.integrates{color:#242c37;font-size:1.625rem;font-weight:500;margin-bottom:1.5rem;margin-top:40px;text-transform:uppercase}@media screen and (min-width: 416px){.the-homepage section:not(.spotlight-section) .feature .typeset p.integrates{font-size:1.4rem;margin-top:60px}}.the-homepage section:not(.spotlight-section) .feature .typeset img{margin:0}.section-heading{margin-bottom:7.2rem;font-size:3.625rem;font-weight:400;line-height:4.625rem;color:#323c46}@media screen and (min-width: 416px){.section-heading{font-size:3.6rem;line-height:1.22222}}.section-heading.text-color{color:#87898f}.section-heading.white{color:white}.section-heading.small{font-size:3rem}.section-heading.large{font-size:6.2rem}.product_demo .section-heading{font-size:4rem;letter-spacing:-0.06rem}.the-homepage .section-heading{font-weight:400;letter-spacing:-0.015rem}@media screen and (max-width: 415px){.the-homepage .section-heading{max-width:90%;margin:0 auto 3.75rem}}.the-homepage #integrations .section-heading{color:#87898f;font-size:2rem;font-weight:500;letter-spacing:0.05rem;margin:3rem 0;text-transform:uppercase}@media screen and (min-width: 416px){.the-homepage #integrations .section-heading{font-size:1.6rem}}.section-heading.dotgain-separator{position:relative;margin-top:13rem}.section-heading.dotgain-separator::before{content:'';width:43rem;height:0.6rem;position:absolute;top:-4rem;left:50%;margin-left:-21.5rem;background-image:url("/assets/img/sections/dotgain-separator.svg?0.28013");background-repeat:no-repeat;background-position:50% 50%}.table-section{padding:5rem 0}.table-section.stripe{background-color:#f6f6f7}.table-section.xt{padding-top:10rem}.table-section.xb{padding-bottom:10rem}.section-full{background-color:#f6f6f7}.section-full.dark{background-color:#323c46}.section-full-img{width:50%;background-position:100% 50%;background-repeat:no-repeat;background-size:cover;position:relative}.feedback-manager-collection .section-full-img{background-image:url(/assets/img/solutions/feedback-manager/feedback-manager-collection.jpg)}.feedback-manager-analytics .section-full-img{background-image:url(/assets/img/solutions/feedback-manager/feedback-manager-analytics.jpg)}.customers-freewheel .section-full-img{background-image:url(/assets/img/customers/kate-freewheel-quote.jpg)}.section-full-body{padding-right:8.62069%;padding-top:12rem;padding-bottom:12rem;width:39.65517%;margin-left:auto}.dark .section-full-body{color:white}.dark .section-full-body h3{color:#00afe6}.section-full-body .more{margin-top:4rem}.section-full-body.blockquote{padding-top:8rem;padding-bottom:4.7rem}.the-homepage section.section{background-color:#f4f4f4}.the-homepage .dotted-divider{background:url(/assets/img/homepage/testb-dotted-separator.svg) left 30px no-repeat;background-size:152px 85px;display:none;height:calc(220px - 7rem);width:100%}@media screen and (min-width: 416px){.the-homepage .dotted-divider{display:block}}.hero{padding-top:10rem;padding-bottom:10rem;font-size:2.4rem;background-color:transparent;background-repeat:no-repeat;background-position:50% 0}@media screen and (min-width: 416px){.hero{padding-top:24rem;padding-bottom:12.5rem}.page-security-compliance .hero{padding-bottom:7rem;padding-top:22rem}.hero.short{padding-top:21rem;padding-bottom:9.5rem}.hero.medium{padding-top:12rem;padding-bottom:12rem}.hero.tall{padding-top:18rem;padding-bottom:18rem}.hero.topbar-static{margin-top:17.8rem}}.hero.midnight-gray-deep{background-image:url(/assets/img/heroes/midnight-gray-deep.jpg)}.hero.atlas-blue{background-image:url(/assets/img/heroes/atlas-blue.jpg)}.hero.gradient{background-image:url(/assets/img/heroes/gradient.jpg)}.hero.midnight-gray-deep,.hero.atlas-blue,.hero.gradient{height:50rem;padding:0}.hero.midnight-gray-deep.short,.hero.atlas-blue.short,.hero.gradient.short{height:30rem}@media screen and (min-width: 416px){.hero.midnight-gray-deep,.hero.atlas-blue,.hero.gradient{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.hero.midnight-gray-deep .container,.hero.atlas-blue .container,.hero.gradient .container{-webkit-flex-grow:1;flex-grow:1}}.hero.white{background:url(/assets/img/heroes/white-dot-gain.svg) no-repeat -60px 100%,linear-gradient(#fff 0%, #fff 60%, #f6f6f7 100%);background-size:620px 174px, auto auto}.hero.red{background-image:url(/assets/img/heroes/product-overview-header-v3.jpg);padding-top:10rem;padding-bottom:9rem;margin-bottom:9rem}.hero.homepage{padding-top:18rem;padding-bottom:0;background-position:50% 0;background-image:url("/assets/img/heroes/homepage-header-b.jpg?0.79354")}@media screen and (max-width: 415px){.the-homepage .hero.onepager{background-image:url("/assets/img/heroes/mobile-orange-cropped-circle.png?0.87377");background-position:bottom;background-size:100% auto;padding-bottom:60px;padding-top:6.25rem}}.the-homepage .hero.onepager .copy{padding-bottom:80px}@media screen and (min-width: 416px){.the-homepage .hero.onepager .copy{padding-bottom:0}}.hero .the-homepage .hero.onepager{padding-top:0}@media screen and (min-width: 416px){.hero .the-homepage .hero.onepager{padding-top:19rem}}.hero .the-homepage .hero.onepager .copy{padding-bottom:80px;padding-top:8rem}@media screen and (min-width: 416px){.hero .the-homepage .hero.onepager .copy{padding-bottom:0}}.hero .the-homepage .hero.onepager .copy p{font-size:1.8rem}.hero .the-homepage .hero.onepager a.button.hero-button{background-color:#187fdd;display:inline-block;padding:2.5rem 80px 2.2rem 4rem;position:relative;width:auto}.hero .the-homepage .hero.onepager a.button.hero-button:hover{background-color:#f05a05}.hero .the-homepage .hero.onepager a.button.hero-button::after{background:#FFF url(/assets/img/homepage/testb-orange-arrow.svg) center no-repeat;border-radius:100%;content:'';height:40px;right:10px;position:absolute;left:auto;top:50%;transform:translateY(-50%);width:40px}.hero.about{padding-bottom:25rem;background-image:url(/assets/img/heroes/about.jpg?10122017);background-size:cover}@media screen and (min-width: 416px){.hero.product,.hero.integrations{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:59rem;padding-top:12rem;padding-bottom:0}.hero.product.align-bottom,.hero.integrations.align-bottom{-webkit-align-items:flex-end;align-items:flex-end}.hero.product .container,.hero.integrations .container{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}}.hero.product-overview{background-image:url("/assets/img/heroes/product-overview-header-v4.png?0.65262");padding-top:23.75rem}@media screen and (min-width: 416px){.hero.product-overview{padding-top:22rem;padding-bottom:16.9rem}}.hero.onepager{padding-top:0rem;padding-bottom:3.5rem}@media screen and (min-width: 416px){.hero.onepager{padding-top:24rem}}.hero.case-study{background-image:linear-gradient(to top, #f6f6f7 0%, transparent 200px, transparent 100%)}.hero.product-demo{padding-bottom:8rem}.hero.solutions{padding-top:16.5rem;padding-bottom:13.5rem;background-size:cover}.hero.feedback-manager{background-image:url(/assets/img/heroes/solutions-feedback-manager.jpg)}.hero.product-executive{background-image:url(/assets/img/heroes/solutions-product-executive.jpg)}.hero.product-manager{background-image:url(/assets/img/heroes/solutions-product-manager.jpg)}.hero.customers{padding-top:7rem;background-image:url(/assets/img/heroes/customers-hero-banner.jpg);height:50rem;position:relative}.the-homepage .hero p.mb3{font-size:2rem;line-height:3rem}@media screen and (min-width: 416px){.the-homepage .hero p.mb3{font-size:2rem;line-height:1.6}}.hero-heading{margin-bottom:1.9rem;font-size:4.6rem;font-weight:200;line-height:1.17391;color:#323c46;letter-spacing:-0.05rem}.hero-heading.white{color:white}.hero-heading.small{font-size:3.625rem;line-height:4.625rem;letter-spacing:-0.025rem;font-weight:400}@media screen and (min-width: 416px){.hero-heading.small{font-size:3.6rem;line-height:1.33333}}.hero-heading.med{font-size:5rem}.hero-heading.large{font-size:6.4rem;font-weight:400;line-height:1.125;letter-spacing:-0.05rem}.hero-heading.homepage{font-weight:400;font-size:4.6rem;line-height:1.25}.customers .hero-heading{font-size:4.2rem;line-height:1.28571;letter-spacing:-0.015rem;font-weight:400;margin:6.1rem 0 0.8rem}@media screen and (max-width: 415px){.hero-heading br{display:none}}.product-demo .hero-heading{font-size:5rem;line-height:1.14815;letter-spacing:-0.02rem;font-weight:400;margin:0;margin-bottom:0.3rem}@media screen and (min-width: 416px){.product-demo .hero-heading{font-size:6.2rem}}.hero-subheading{margin-bottom:2rem;letter-spacing:0.05rem;text-transform:uppercase;font-size:1.4rem;font-weight:500}.hero-subheading.white{color:white}.hero-subheading.text-color{color:#87898f}.hero-subheading.midnight-gray-deep{color:#28323c}.hero-subheading.link{color:#d74119}.hero-subheading.link a{text-decoration:none !important;color:#d74119 !important;border-bottom:1px solid #d74119 !important;padding-bottom:0.3rem}.hero-subheading.link a:hover,.hero-subheading.link a:active,.hero-subheading.link a:focus{color:#187fdd !important;border-color:#187fdd !important}.product-demo .hero-subheading{font-size:2rem;line-height:1;letter-spacing:-0.02rem;font-weight:400;margin:0;text-transform:none}.hero-body{color:white}.customers .hero-body{font-size:1.8rem;line-height:1.55556;letter-spacing:-0.008rem;font-weight:400;color:#87898f}.hero-video{-moz-transition:-moz-transform 0.25s;-o-transition:-o-transform 0.25s;-webkit-transition:-webkit-transform 0.25s;transition:transform 0.25s;display:block;float:right;color:white;background-color:#323c46;background-image:url("/assets/img/heroes/customer-centric-image-a.png?0.25886");background-position:50% 0;background-repeat:no-repeat;background-size:37.5rem;padding-top:22rem;position:relative}.homepage.photo .hero-video{background-image:url("/assets/img/heroes/customer-centric-image-b.jpg?0.4266")}@media screen and (min-width: 416px){.hero-video{width:37.5rem}}@media screen and (max-width: 415px){.hero-video{margin-top:2rem}}.hero-video:hover,.hero-video:active,.hero-video:focus{-moz-transform:translate3d(0, -10px, 0);-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);color:white}.hero-video:hover .hero-video-heading span,.hero-video:active .hero-video-heading span,.hero-video:focus .hero-video-heading span{border-bottom:1px solid rgba(135,137,143,0.8);padding-bottom:0.3rem}.hero-video:hover .hero-video-body,.hero-video:active .hero-video-body,.hero-video:focus .hero-video-body{background-color:#323c46}.hero-video-body{padding:3.2rem 4rem;background-color:#28323c;height:22rem}.hero-video-heading{font-weight:400}.hero-embedded-video-heading{font-weight:400;font-size:2.4rem;letter-spacing:-0.015rem;background-color:#28323c;color:white;padding:3.2rem 4rem}.hero-vid-quote{background-color:#28323c;color:white;padding:3.2rem 4rem;font-size:1.6rem;line-height:1.75;letter-spacing:-0.008rem;font-weight:400;text-align:center;position:relative}.hero-vid-quote::before{right:100%;top:3.5rem;border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-right-color:#28323c;border-width:1.5rem}.hero-vid-quote .cite{letter-spacing:0rem;font-weight:500;color:#00afe6;font-style:normal}.hero-vid-quote .cite-title{letter-spacing:0.06rem;text-transform:uppercase;color:#87898f}.hero-band{background-color:rgba(0,0,0,0.25);position:absolute;bottom:0;width:100%;padding:3.6rem 0;height:9.2rem;display:flex;align-items:center}.hero-band .container{width:100%}.hero-band-heading{font-size:1.6rem;line-height:1.25;letter-spacing:0.06rem;font-weight:500;text-transform:uppercase;position:relative;display:inline-block}.hero-band-heading::after{content:'';height:3rem;width:3rem;border-right:2px solid #87898f;position:absolute;right:-6rem;top:-1.8rem;transform:rotate(45deg)}.home-header-bg{display:none}@media screen and (min-width: 416px){.home-header-bg{background-image:url(/assets/img/homepage/bg-header-home-testb.png);background-repeat:no-repeat;background-size:720px 720px;display:block;height:720px;position:absolute;left:50%;top:0;width:720px;z-index:-1}}.hero-avatar{border-radius:100%}.media{display:flex;justify-content:center;align-items:center}.media-body{margin-left:4rem}.nav-logo{margin-left:3.75rem}@media screen and (min-width: 416px){.nav-logo{display:none}}.mobile-nav-trigger-open{font-size:1.5rem;letter-spacing:0.05rem;font-weight:500;text-transform:uppercase;position:absolute;top:50%;transform:translateY(-50%);right:0}@media screen and (min-width: 416px){.mobile-nav-trigger-open{display:none}}.white .mobile-nav-trigger-open{color:white}.mobile-nav-trigger-close{color:#87898f;font-size:1.25rem;position:absolute;top:4.125rem;right:3.125rem}@media screen and (min-width: 416px){.mobile-nav-trigger-close{display:none}}.navigation{position:relative}@media screen and (max-width: 415px){.navigation{transition:opacity 0.25s ease-out;position:fixed;top:0;left:0;width:100%;padding:2.5rem 0;background-color:white;z-index:2;overflow-x:auto;max-height:100%;will-change:opacity;opacity:0;visibility:hidden;display:none;z-index:-1}.active .navigation{opacity:1;visibility:visible;display:block;z-index:2}}@media screen and (min-width: 416px){.navigation{display:block;height:100%}}.main-nav{height:inherit;letter-spacing:0.05rem;font-weight:500;font-size:1.5rem;margin-top:2.5rem}@media screen and (min-width: 416px){.main-nav{padding:0;font-size:1.2rem;box-shadow:none;margin:0}}@media screen and (max-width: 415px){.main-nav{position:relative}.main-nav::after{content:'';width:100%;height:2.5rem;position:absolute;top:0;left:0;box-shadow:inset 0px 12px 25px -12px rgba(0,0,0,0.2)}}.main-nav-item{height:inherit;border-bottom:2px solid #f6f6f7}@media screen and (min-width: 416px){.main-nav-item{display:inline-block;padding:0;border:0}}@media screen and (min-width: 416px){.main-nav-item.has-dropdown:hover .dropdown,.main-nav-item.has-dropdown:active .dropdown,.main-nav-item.has-dropdown:focus .dropdown{opacity:1;transform:translateY(1.9rem);visibility:visible}}@media screen and (max-width: 415px){.main-nav-item.has-dropdown.active{background-color:#f6f6f7}.main-nav-item.has-dropdown.active .dropdown{display:block;background-color:#f6f6f7}.main-nav-item.has-dropdown.active .main-nav-target{color:#187fdd}.main-nav-item.has-dropdown.active .main-nav-target::after{transform:rotate(180deg) translateX(-5px)}.main-nav-item.has-dropdown.active .dropdown-nav{background-color:#f6f6f7}}.main-nav-item.is-button{height:auto;border:0}@media screen and (min-width: 416px){.main-nav-item.is-button{margin-left:2.1rem}}.main-nav-target,.dropdown-nav-target{text-decoration:none;color:inherit}.main-nav-target{text-transform:uppercase;height:100%;display:block;position:relative;padding:1.875rem 3.75rem}@media screen and (min-width: 416px){.main-nav-target{margin-right:0.5rem;padding:2.6rem 2rem 0;display:inline-block}.has-dropdown .main-nav-target::after{content:''}}.has-dropdown .main-nav-target::after{position:absolute;right:3.75rem;font-size:0.75rem;top:50%}.main-nav-target:hover,.main-nav-target:active,.main-nav-target:focus{color:#187fdd}.main-nav-target.current{color:#187fdd}.topbar.white:not(.fixed) .main-nav-target.current{color:#28323c !important}.topbar.white:not(.fixed) .main-nav-target.current [class*=iconz]::before{color:#28323c}@media screen and (min-width: 416px){.topbar.white:not(.fixed) .main-nav-target{color:white}}.dropdown{letter-spacing:-0.015rem;top:100%;right:0;text-align:left;color:#323c46;font-weight:400;background-color:white;display:none}@media screen and (min-width: 416px){.dropdown{width:76rem;position:absolute;border-radius:0.4rem;box-shadow:0 0 30px 0 rgba(0,0,0,0.1);will-change:transform, opacity;transform:translateY(32px);transition:all 0.27s ease;opacity:0;visibility:hidden;display:flex}.dropdown::after{bottom:100%;border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:white;border-bottom-color:white;border-width:13px}}@media screen and (min-width: 416px) and (min-width: 416px){.dropdown.narrow{width:44rem;display:block;padding:4rem}}@media screen and (min-width: 416px){.dropdown.product::after{left:12.9rem}.dropdown.solutions::after{left:23.4rem}.dropdown.resources::after{left:46.9rem;border-bottom-color:#28323c}.dropdown.contact::after{left:26.9rem}}.dropdown-nav{line-height:2.28571;line-height:1.28571;background-color:white;padding:0 10rem 0 3.75rem;margin-bottom:0.75rem}@media screen and (min-width: 416px){.dropdown-nav{padding:4rem 7rem 4rem 2rem;border-top-left-radius:0.4rem;border-bottom-left-radius:0.4rem;width:50%;margin-bottom:0}}@media screen and (min-width: 416px){.resources .dropdown-nav{padding-right:9rem;padding-left:4rem}}@media screen and (min-width: 416px){.narrow .dropdown-nav{padding:0;width:100%}}.dropdown-nav li{padding-bottom:2.125rem}@media screen and (min-width: 416px){.dropdown-nav li{padding-bottom:1rem}}.dropdown-nav-target{display:block;font-size:2.25rem}@media screen and (min-width: 416px){.dropdown-nav-target{font-size:1.8rem;line-height:1.33333;letter-spacing:-0.01rem;font-weight:400;color:#323c46}}.dropdown-nav-target.fat-nav{display:flex;align-items:end;margin-bottom:1.1rem}.dropdown-nav-target:hover,.dropdown-nav-target:active,.dropdown-nav-target:focus{color:#187fdd}.dropdown-nav-target:hover .dropdown-nav-target-heading,.dropdown-nav-target:active .dropdown-nav-target-heading,.dropdown-nav-target:focus .dropdown-nav-target-heading{color:#187fdd}.dropdown-nav-target-heading{font-size:1.8rem;line-height:1;letter-spacing:-0.01rem;font-weight:400;color:#323c46;margin-bottom:0.3rem}@media screen and (max-width: 415px){.dropdown-nav-target-heading{font-size:2.25rem}}.dropdown-nav-target-body{font-size:1.4rem;line-height:1.42857;letter-spacing:-0.015rem;font-weight:400;color:#87898f;margin-left:1rem}@media screen and (max-width: 415px){.dropdown-nav-target-body{font-size:1.5rem}}.dropdown-highlight{background-color:#28323c;margin-left:auto;padding:3.75rem 37% 3.75rem 3.75rem;position:relative}@media screen and (min-width: 416px){.dropdown-highlight{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:50%;border-top-right-radius:0.4rem;border-bottom-right-radius:0.4rem;padding:3.6rem 4rem 0;text-align:center}}@media screen and (max-width: 415px){.dropdown-highlight{overflow:hidden}.dropdown-highlight .wistia_click_to_play{position:static !important}.dropdown-highlight .dropdown-vid{position:absolute !important}.dropdown-highlight.product{padding-top:4.75rem;padding-bottom:2.75rem}.dropdown-highlight.product .dropdown-vid{width:166px;top:calc(50% - 47px);right:-83px}.dropdown-highlight.solutions{padding-top:4.625rem;padding-bottom:2.875rem}.dropdown-highlight.solutions .dropdown-vid{width:166px;top:calc(50% - 41px);right:-83px}.dropdown-highlight.resources{padding-top:5.5rem;padding-bottom:2rem}.dropdown-highlight.resources .dropdown-vid{width:166px;top:calc(50% - 41px);right:-83px}}.dropdown-highlight-target-block{margin-top:auto;cursor:pointer}.dropdown-highlight-target-block:hover .dropdown-highlight-more,.dropdown-highlight-target-block:active .dropdown-highlight-more,.dropdown-highlight-target-block:focus .dropdown-highlight-more{color:white}.dropdown-highlight-target-block:hover .dropdown-highlight-more::after,.dropdown-highlight-target-block:active .dropdown-highlight-more::after,.dropdown-highlight-target-block:focus .dropdown-highlight-more::after{color:#187fdd}.dropdown-highlight-more{text-decoration:none;color:#187fdd;font-size:1.4rem;line-height:1;letter-spacing:0.05rem;font-weight:500;color:#187fdd;text-transform:uppercase;display:inline-block;cursor:pointer;margin-top:1.9rem;margin-bottom:3.8rem;position:relative}.dropdown-highlight-more:hover,.dropdown-highlight-more:active,.dropdown-highlight-more:focus{color:#187fdd;border-color:#187fdd}@media screen and (max-width: 415px){.dropdown-highlight-more{font-size:1.5rem}}.dropdown-highlight-more::after{margin-left:0.8rem;position:relative;z-index:2}.dropdown-highlight-more::before{content:'';background-color:white;border-radius:100%;height:1rem;width:1rem;position:absolute;right:2px;top:2px;z-index:1}.dropdown-highlight-headline{font-size:1.8rem;line-height:1.33333;letter-spacing:-0.01rem;font-weight:400;color:#323c46;color:white}@media screen and (min-width: 416px){.dropdown-highlight-headline{padding:0 1rem}}.dropdown-highlight-body{font-size:1.4rem;line-height:1.42857;letter-spacing:-0.015rem;font-weight:400;color:#323c46;color:#87898f}@media screen and (min-width: 416px){.dropdown-highlight-body{padding:0 3.5rem}}@media screen and (min-width: 416px){.solutions .dropdown-highlight-body{padding:0 0.9rem}}@media screen and (max-width: 415px){.dropdown-highlight-body{font-size:1.5rem}}.dropdown-vid{display:block;position:relative}@media screen and (max-width: 415px){.dropdown-vid{position:absolute}}.dropdown-vid-runtime{position:absolute;top:1rem;left:1.5rem;color:white;font-weight:500;font-size:1.4rem}.dropdown-vid{position:relative}.dropdown-vid-runtime{position:absolute;top:1rem;left:1.5rem;color:white;font-weight:500}.dropdown-footer{font-size:1.4rem;line-height:1.28571;letter-spacing:-0.015rem;font-weight:400;color:#87898f;padding:0 3.75rem}@media screen and (min-width: 416px){.dropdown-footer{display:flex;padding:0}.dropdown-footer p:first-child{margin-right:6rem}}@media screen and (max-width: 415px){.dropdown-footer p{margin-right:0;padding-bottom:2.5rem;font-size:1.5rem}}.product-nav{margin-bottom:10rem}@media screen and (min-width: 416px){.product-nav{margin-top:-6.75rem;margin-bottom:16rem;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.product-nav:after{content:" ";display:block;clear:both}}.product-nav ul{margin:0 auto;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);background-color:white;display:flex;align-items:stretch}@media screen and (min-width: 416px){.product-nav ul{border-radius:0.6rem;width:82.75862%}}.product-nav-item{width:33.33333%}.product-nav-target{font-size:1.4rem;line-height:1.42857;letter-spacing:-0.015rem;font-weight:400;color:#87898f;padding:2.5rem 1.875rem;display:block;border-bottom:1px solid #d7d8d9;border-right:1px solid #d7d8d9;height:100%;text-align:center;position:relative}@media screen and (min-width: 416px){.product-nav-target{padding:3.4rem 4rem;border-right:1px solid #d7d8d9;border-bottom:1px solid transparent;text-align:left}.product-nav-item:last-child .product-nav-target{border-right:0;border-bottom-right-radius:0.6rem;border-right:0}.product-nav-item:first-child .product-nav-target{border-bottom-left-radius:0.6rem}}.product-nav-target.current{border-bottom:2px solid #187fdd;color:#323c46;background-color:#fcf4ee}@media screen and (min-width: 416px){.product-nav-target.current{background-color:transparent;border-bottom-width:5px}}@media screen and (max-width: 415px){.product-nav-target.current::after{top:100%;left:50%;border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-top-color:#187fdd;border-width:9px;margin-left:-9px}}.product-nav-target:hover,.product-nav-target:active,.product-nav-target:focus{color:#323c46;border-right-color:#d7d8d9;border-bottom:5px solid #187fdd}.product-nav-heading{font-size:1.4rem;line-height:1.14286;letter-spacing:0.05rem;font-weight:500;color:#187fdd;text-transform:uppercase;display:block;margin-bottom:1rem}@media screen and (min-width: 416px){.product-nav-heading{margin-bottom:0.3rem}}@media screen and (max-width: 415px){.product-nav-heading{font-size:1.375rem}}.typeset h1.white,.typeset h2.white,.typeset h3.white,.typeset h4.white,.typeset h5.white,.typeset h6.white{color:white}.typeset h1.blue,.typeset h2.blue,.typeset h3.blue,.typeset h4.blue,.typeset h5.blue,.typeset h6.blue{color:#00afe6}.typeset h1,.typeset .h1{font-size:4.6rem;line-height:1.17391;color:#323c46;font-weight:200}.typeset h2,.typeset .h2{font-size:3.6rem;line-height:1.22222;color:#323c46;font-weight:200;margin-bottom:3rem}.page-security-compliance .typeset h2{color:#187fdd;font-weight:400}.page-security-compliance .typeset h2:not(#compliance){margin-top:13rem}.typeset h3,.typeset .h3{font-size:2.4rem;font-weight:400;line-height:1.375;color:#323c46;margin-bottom:2rem}.typeset h3:first-child,.typeset .h3:first-child{margin-top:0}.typeset h4,.typeset .h4{font-size:1.8rem;line-height:1.55556;color:#323c46;font-weight:500}.typeset h5,.typeset .h5{font-size:1.4rem;line-height:2;color:#323c46;font-weight:500;text-transform:uppercase}.typeset h6,.typeset .h6{font-size:1.4rem;line-height:2;color:#87898f;font-weight:500;text-transform:uppercase;letter-spacing:0.05rem}.typeset a:not(.button):not(.more-button){text-decoration:none;color:#323c46;border-bottom:1px solid #323c46}.typeset a:not(.button):not(.more-button):hover,.typeset a:not(.button):not(.more-button):active,.typeset a:not(.button):not(.more-button):focus{color:#187fdd;border-color:#187fdd}.typeset a:not(.button):not(.more-button).blue{text-decoration:none;color:#0a8cc6;border-bottom:1px solid #0a8cc6}.typeset a:not(.button):not(.more-button).blue:hover,.typeset a:not(.button):not(.more-button).blue:active,.typeset a:not(.button):not(.more-button).blue:focus{color:#187fdd;border-color:#187fdd}.typeset .lede{font-size:2.4rem;line-height:1.5;color:#87898f;margin-bottom:5rem}@media screen and (min-width: 416px){.typeset .lede{margin-bottom:10rem}}.page-security-compliance .typeset .lede{font-size:1em;margin-top:-3rem}.typeset .lede.dark{color:#323c46}.typeset .lede.white{color:white}.typeset .lede.large{font-size:3.6rem;font-weight:200;line-height:1.33333}.typeset .lede-heading{margin:0;font-size:2.4rem;line-height:1.5;font-weight:400}.typeset .job-body p:first-child{margin-bottom:4.7rem}.typeset .conclusion{margin-top:10rem;border-top:1px solid #c8c9ca;padding-top:3rem;font-size:2.4rem;line-height:1.5;color:#87898f}.typeset .conclusion-img{max-width:23rem}.typeset p,.typeset ul{margin-bottom:2rem}.typeset p+h3,.typeset p+.h3,.typeset ul+h3,.typeset ul+.h3{margin-top:4.1rem}.typeset img{margin-top:3.3rem;margin-bottom:3.3rem}.typeset img+h3,.typeset img+.h3{margin-top:5.4rem}.typeset ul:not(.unlist){margin-bottom:2rem}.typeset ul:not(.unlist) li{margin-bottom:0.9rem;position:relative;padding-left:3rem;line-height:1.33333}.typeset ul:not(.unlist) li::before{content:'';width:1rem;height:1px;background-color:#87898f;display:block;position:absolute;top:1.3rem;left:0}.typeset ol{counter-reset:ol-counter-decimal}.typeset ol>li{position:relative;padding-left:3rem;margin-bottom:2rem}.typeset ol>li:before{content:counter(ol-counter-decimal) ". ";counter-increment:ol-counter-decimal;color:#323c46;font-weight:500;position:absolute;top:0;left:0}.typeset ol ol,.typeset ol.upper-latin{margin-top:2rem;counter-reset:ol-counter-upper-latin}.typeset ol ol>li,.typeset ol.upper-latin>li{margin-bottom:0}.typeset ol ol>li:before,.typeset ol.upper-latin>li:before{content:counter(ol-counter-upper-latin,upper-latin) ".";counter-increment:ol-counter-upper-latin}.typeset ol ol ol,.typeset ol.upper-latin ol{counter-reset:ol-counter-lower-roman}.typeset ol ol ol>li:before,.typeset ol.upper-latin ol>li:before{content:counter(ol-counter-lower-roman,lower-roman) ".";counter-increment:ol-counter-lower-roman}.typeset .entry-title{margin-bottom:0.5rem}.typeset .byline{text-transform:uppercase;color:#87898f;font-size:1.4rem;font-weight:500;line-height:2.42857;letter-spacing:0.05rem}.typeset small{margin-bottom:2rem;font-size:inherit;display:block}.typeset .blockquote{margin-top:10rem;color:#323c46;line-height:1.375;font-size:2.4rem}.typeset .blockquote.big{display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch;padding:12rem 0;margin:0}.typeset .blockquote.gradient{background-image:url("/assets/img/sections/divider-gradient-bottom-up.jpg?0.21596"),url("/assets/img/sections/divider-gradient-top-down.jpg?0.85442");background-repeat:no-repeat;background-position:50% 0, 50% 100%;background-size:50%;padding:22rem 0}.typeset .blockquote.gradient-bottom{background-image:url("/assets/img/sections/divider-gradient-top-down.jpg?0.42436");background-repeat:no-repeat;background-position:50% 100%;background-size:50%;padding-bottom:22rem}.typeset .blockquote-aside{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:31.03448%;border-right:1px solid #c8c9ca;padding:0 60px}.typeset .blockquote-main{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;width:68.96552%;padding:2rem 0 2rem 40px;color:#87898f}.typeset .blockquote-main p{margin:0}.typeset .blockquote-main cite{margin:0 0 2rem;display:block;color:#323c46}.typeset .cite{margin-top:3rem;font-style:normal}.typeset .cite-logo{margin-top:auto}.typeset .cite-name{color:#00afe6;line-height:1.42857;letter-spacing:0.05rem;text-transform:uppercase;display:block;font-size:1.4rem;font-weight:500}.typeset .cite-title{color:#87898f;line-height:1.42857;letter-spacing:0.05rem;text-transform:uppercase;display:block;font-size:1.4rem;font-weight:500}.typeset .cite-img{border-radius:100%}@font-face{font-family:"DIN Next";src:url("/assets/fonts/din-next/31D014_0_0.eot");src:url("/assets/fonts/din-next/31D014_0_0.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/din-next/31D014_0_0.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/din-next/31D014_0_0.woff2") format("woff2"),url("/assets/fonts/din-next/31D014_0_0.woff") format("woff"),url("/assets/fonts/din-next/31D014_0_0.ttf") format("truetype");font-weight:200;font-style:normal}@font-face{font-family:"DIN Next";src:url("/assets/fonts/din-next/31D014_1_0.eot");src:url("/assets/fonts/din-next/31D014_1_0.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/din-next/31D014_1_0.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/din-next/31D014_1_0.woff2") format("woff2"),url("/assets/fonts/din-next/31D014_1_0.woff") format("woff"),url("/assets/fonts/din-next/31D014_1_0.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"DIN Next";src:url("/assets/fonts/din-next/31D014_2_0.eot");src:url("/assets/fonts/din-next/31D014_2_0.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/din-next/31D014_2_0.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/din-next/31D014_2_0.woff2") format("woff2"),url("/assets/fonts/din-next/31D014_2_0.woff") format("woff"),url("/assets/fonts/din-next/31D014_2_0.ttf") format("truetype");font-weight:500;font-style:normal}.button{-moz-transition:background-color 0.1s;-o-transition:background-color 0.1s;-webkit-transition:background-color 0.1s;transition:background-color 0.1s;display:inline-block;padding-top:2.6rem;padding-bottom:2.6rem;width:260px;border-radius:3.5rem;background-color:#28323c;letter-spacing:0.05rem;color:white;text-decoration:none !important;text-transform:uppercase;line-height:1;text-align:center;cursor:pointer;font-weight:500;font-size:2rem}@media screen and (min-width: 416px){.button{font-size:1.6rem}}.button:hover,.button:active,.button:focus{color:white;background-color:#323c46}.button.orange{background-color:#2d2d32}.button.orange:hover,.button.orange:active,.button.orange:focus{background-color:#868d9b}.button.blue{background-color:#00afe6}.button.blue:hover,.button.blue:active,.button.blue:focus{background-color:#0091c8}.button.green{background-color:#00b487}.button.purple{background-color:#8232a5}.button.midnight-gray-deep{background-color:#28323c}.button.midnight-gray-deep:hover,.button.midnight-gray-deep:active,.button.midnight-gray-deep:focus{background-color:#323c46}.button.gradient{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhOGMyOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZDc0MTE5Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDc0MTE5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background-size:100%;background-image:-moz-linear-gradient(45deg, #fa8c28 0%, #d74119 50%, #d74119 100%);background-image:-webkit-linear-gradient(45deg, #fa8c28 0%, #d74119 50%, #d74119 100%);background-image:linear-gradient(45deg, #fa8c28 0%, #d74119 50%, #d74119 100%)}.button.animate{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;position:relative;overflow:hidden}.button.animate::after{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;content:'';position:absolute;top:50%;right:-2.8rem;background-repeat:no-repeat;background-position:50% 50%;opacity:0}.button.animate.go::after{width:2.8rem;height:1.2rem;margin-top:-0.7rem;background-size:2.8rem 1.2rem;background-image:url("/assets/img/icons/button-arrow.svg?0.20119")}.button.animate.download::after{width:2rem;height:2rem;margin-top:-1rem;background-size:2rem 2rem;background-image:url("/assets/img/icons/download-icon.svg?0.80391")}.button.animate:hover,.button.animate:active,.button.animate:focus{padding-right:2rem;width:28.8rem}.button.animate:hover::after,.button.animate:active::after,.button.animate:focus::after{right:4rem;opacity:1}.button.tiny{font-size:1.2rem;padding:1.1rem 1.6rem 1rem}.button.short{padding-top:2.1rem;padding-bottom:2.1rem}.button.small{padding-top:1.7rem;padding-bottom:1.7rem;width:160px}.button.medium{padding-top:1.7rem;padding-bottom:1.7rem;width:260px}.button.expand{display:block;width:100%}.button.dropdown-highlight-button{font-size:1.4rem;padding-top:2rem;padding-bottom:2rem;width:20.2rem}.button.mobile{font-size:1.4rem;width:19rem;padding:1.8rem 0;margin:0 2rem}.button.onepager{font-size:1.8rem;padding:2.2rem;width:20rem}@media screen and (min-width: 416px){.button.onepager{font-size:1.4rem;padding:1.8rem}}.button.hero-button{padding:2.5rem 1.8rem}.button.hollow{border:1px solid #c8c9ca;background-color:transparent;color:#323c46}.button.hollow:hover,.button.hollow:active,.button.hollow:focus{background-color:#323c46;color:white}.button.nav{border:1px solid #d74119;padding:1.1rem 1.6rem .8rem;background-color:transparent;color:#d74119}.button.nav:hover,.button.nav:active,.button.nav:focus{color:white;background-color:#d74119;border-color:#d74119}.topbar.white:not(.fixed) .button.nav{background-color:white;border-color:white}.topbar.white:not(.fixed) .button.nav:hover,.topbar.white:not(.fixed) .button.nav:active,.topbar.white:not(.fixed) .button.nav:focus{background-color:#28323c;border-color:#28323c}.the-homepage .button.hero-button{background-color:#187fdd;display:inline-block;padding:1.8rem 5rem 1.4rem 2.5rem;position:relative;width:auto}@media screen and (min-width: 416px){.the-homepage .button.hero-button{padding:1.4rem 5rem 1.2rem 2.5rem}}.the-homepage .button.hero-button:hover{background-color:#f05a05}.the-homepage .button.hero-button::after{background:url(/assets/img/homepage/testb-white-arrow.svg) center no-repeat;background-size:8px;content:'';height:15px;left:auto;right:15px;position:absolute;top:50%;transform:translateY(-50%);width:10px}@media screen and (min-width: 416px){.the-homepage .button.hero-button::after{background-size:10px;height:20px;right:20px;width:20px}}.button.use-case{border:1px solid white;background-color:transparent;color:#00afe6;font-size:1.4rem;padding:2.2rem 0;width:100%}.button.use-case:hover,.button.use-case:active,.button.use-case:focus{background-color:#00afe6;border-color:#00afe6;color:white}.nav-button{background-color:#fff0e6;font-size:1.2rem;line-height:1;letter-spacing:0.06rem;font-weight:500;color:#187fdd;text-transform:uppercase;padding:0.7rem 1.3rem 0.5rem;border-radius:1.2rem;display:inline-block}.nav-button:hover,.nav-button:active,.nav-button:focus{color:white;background-color:#187fdd}@media screen and (max-width: 415px){.nav-button{font-size:1.5rem;padding:1.125rem 2.75rem;position:relative;margin-top:2.5rem;margin-left:3.75rem;border-radius:2rem}}.more-button{font-size:1.4rem;line-height:1;letter-spacing:0.06rem;font-weight:500;color:#187fdd;text-transform:uppercase;background-color:#fff0e6;display:inline-block;padding:1.2rem 2.2rem 1.2rem 2.7rem;position:relative;width:auto;border-radius:3.5rem}@media screen and (max-width: 415px){.more-button{font-size:1.625rem}}.more-button::after{margin-left:1.8rem;position:relative;top:1px}.more-button:hover,.more-button:active,.more-button:focus{background-color:#187fdd;color:white}.more-button.orange{background-color:#187fdd;color:white}.more-button.orange:hover,.more-button.orange:active,.more-button.orange:focus{background-color:#f05a05}.hero-button{font-size:1.4rem;line-height:1;letter-spacing:0.06rem;font-weight:500;color:white;text-transform:uppercase;padding:1.7rem 5.5rem 1.3rem 2.5rem;background-color:#187fdd;display:inline-block;position:relative;width:auto;border-radius:3.5rem;font-size:1.625rem}@media screen and (min-width: 416px){.hero-button{font-size:1.4rem;line-height:1;letter-spacing:0.06rem;font-weight:500;color:white;text-transform:uppercase}}.hero-button:hover,.hero-button:active,.hero-button:focus{background-color:#f05a05;color:white}.hero-button::after{background:#fff url(/assets/img/homepage/testb-orange-arrow.svg) 10px center no-repeat;border-radius:50%;height:26px;right:6px;width:26px;content:'';position:absolute;top:50%;transform:translateY(-50%)}@media screen and (min-width: 416px){.hero-button::after{background:#fff url(/assets/img/homepage/testb-orange-arrow.svg) center no-repeat;height:30px;right:8px;width:30px}}.carousel-button{font-size:1.4rem;line-height:1;letter-spacing:0.06rem;font-weight:500;color:#187fdd;text-transform:uppercase;font-size:1.625rem;background-color:white;display:inline-block;margin-top:30px;padding:1.2rem 2.2rem 1.2rem 2.7rem;position:relative;width:auto;border-radius:3.5rem}@media screen and (min-width: 416px){.carousel-button{font-size:1.4rem;line-height:1;letter-spacing:0.06rem;font-weight:500;color:#187fdd;text-transform:uppercase}}.carousel-button::after{margin-left:1.8rem;position:relative;top:1px}.carousel-button:hover,.carousel-button:active,.carousel-button:focus{background-color:#187fdd;color:white}@media screen and (min-width: 416px){.cards{display:-webkit-flex;display:flex}}.card{padding:4rem;background-color:white;text-align:center;margin-bottom:1.25rem;border-radius: 12px;box-shadow:0 10px 25px 0 rgba(0,0,0,.3);}@media screen and (min-width: 416px){.card{margin-bottom:0}.card.wide{margin-bottom:0;margin-right:10px;width:33.33333%}.card.wide:last-child{margin-right:0}}.card.gray{background-color:#f6f6f7}.card-img-wrap{margin-bottom:4rem}@media screen and (min-width: 416px){.card-img-wrap{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:55px}.card-img-wrap .card-img{max-height:100%;max-width:200px}}.card-heading{margin-bottom:4.125rem;font-size:3rem;line-height:4.25rem;color:#323c46}@media screen and (min-width: 416px){.card-heading{font-size:2.4rem;line-height:1.41667;margin-bottom:3.3rem}}.card-heading.large{font-size:3.6rem;font-weight:200}.card-subheading{font-size:1.6rem;line-height:1.5;margin-bottom:1rem;color:#87898f;font-weight:500;text-transform:uppercase}.card-body{margin-bottom:0.5rem}.card-body a{text-decoration:none;color:#323c46;border-bottom:1px solid #c8c9ca}.card-body a:hover,.card-body a:active,.card-body a:focus{color:#187fdd;border-color:#187fdd}.personas .card-img{margin-right:1.3rem} .pb-11{padding-bottom:80px !important;} .pt-5 {padding-top:32px !important;} .mb-5 {margin-bottom:32px !important;} @media(min-width:992px){.w-lg-50 {width:50% !important;}} @media(min-width:768px){.w-md-75 {width:75% !important;}.col-md-6 {flex: 0 0 50%;max-width: 50%;}} .mx-auto {margin-left: auto !important;margin-right:auto !important;} .mx-auto .h3{font-size:28px;margin-bottom:8px;font-weight:400;line-height:1.6;color:#1e2022;} .mx-auto p{line-height:1.7;margin-top:0;margin-bottom:16px;font-size:16px;} .shadow {box-shadow:0 0.2rem 1.25rem 0 rgba(0, 0, 0, 0.07) !important;} .rounded {border-radius: 0.25rem !important;} .h-100 {height: 100% !important;} .p-4 {padding: 1.5rem !important;} .mr-4 {margin-right: 1.5rem !important;} .mt-1 {margin-top: 0.25rem !important;} .media-body {flex: 1;} .media-body .h5{font-weight:500;font-size:1.25rem;line-height:1.6;color:#1e2022;} .link-dark {color: #1e2022;transition: all .2s ease-in;} .link-dark:hover {color:#107ef4!important;text-decoration: none;}

Related: See More


Questions / Comments: