@-webkit-keyframes a{0%{height:16%}25%{height:66%}75%{height:50%}to{height:16%}}@-webkit-keyframes b{0%{height:5%}25%{height:41%}75%{height:66%}to{height:5%}}@-webkit-keyframes c{0%{height:25%}25%{height:5%}75%{height:66%}to{height:25%}}@-webkit-keyframes d{0%{height:0}25%{height:33%}75%{height:75%}to{height:0}}@-webkit-keyframes e{0%{height:41%}25%{height:16%}75%{height:75%}to{height:41%}}.bars{height:30px;margin:0;display:none}.bars:before{content:"";position:absolute;width:91px;height:1px}.bars li{display:inline-block;width:2px;background:#fff;height:100%}.active .bar1{-webkit-animation:a infinite 1s linear}.active .bar2{-webkit-animation:b infinite 1.2s linear}.active .bar3{-webkit-animation:c infinite .8s linear}.active .bar4{-webkit-animation:d infinite 1s linear}.active .bar5{-webkit-animation:e infinite .5s linear}.hidden{width:0!important}.bar1:after{content:"";display:block;width:0;height:0;border:0 solid;border-color:transparent transparent transparent #fff}
body,html{color:#555;font-family:proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5em;margin:0}body,html,p{font-size:1em}p{color:#797979;letter-spacing:0;line-height:1.6em;margin-bottom:1.5em;margin-top:1em}p.large{font-size:18px;line-height:1.4em}p.large,p.medium,p.small{letter-spacing:.03em}p.small{font-size:14px}a{cursor:pointer;color:#1da1db;text-decoration:none}a:focus{outline:thin dotted}a:active,a:hover{outline:0}a:hover{color:#1780ae;text-decoration:underline}ol,ul{margin:0 0 0 3em;padding:0}ol.inline,ul.inline{list-style:none}ol.inline>li,ul.inline>li{display:inline-block;padding-left:.5em;padding-right:.5em}li{font-size:1em;line-height:1.6em;color:#555}.form-title,h1,h2,h3,h4,h5,h6{line-height:1.25em;margin:.8em 0}h1{font-family:proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:34px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin-top:20px;margin-bottom:20px}@media (min-width:768px){h1{font-size:48px}}@media (min-width:500px) and (max-width:767px){h1{font-size:44px}}.form-title,h2{font-family:proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:28px;font-weight:600;line-height:1.3em;letter-spacing:.07em;margin-top:13px;margin-bottom:13px}@media (min-width:500px){.form-title,h2{font-size:32px}}h3{font-family:proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:36px;font-weight:600;letter-spacing:.03em;margin-top:13px;margin-bottom:13px;line-height:1.4em}@media (min-width:500px){h3{font-size:26px}}h3 strong{font-weight:600}h4{font-size:17px;line-height:1.5em}h4,h5{font-family:proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;letter-spacing:.05em}h5,h6{font-size:16px;line-height:1.6em}h6{font-family:proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;letter-spacing:.05em}.form-title{text-align:center;margin-top:50px;padding:0 15px}.style-guide-template .form-title{margin:0}::-moz-selection{background-color:#3b3f3f;color:#fff;text-shadow:none}::selection{background-color:#3b3f3f;color:#fff;text-shadow:none}span.bold,span.bolded{font-weight:700}@font-face{font-family:proxima-nova;src:url(//cdn2.hubspot.net/hubfs/53/assets/fonts/font-files/proxima-nova/ProximaNova-Bold.otf);font-weight:800}@font-face{font-family:proxima-nova;src:url(//cdn2.hubspot.net/hubfs/53/ProximaNova-Sbold.otf);font-weight:600}@font-face{font-family:proxima-nova;src:url(//cdn2.hubspot.net/hubfs/53/assets/fonts/font-files/proxima-nova/ProximaNova-Reg.otf);font-weight:400}@font-face{font-family:proxima-nova;src:url(//cdn2.hubspot.net/hubfs/53/ProximaNova-Light.otf);font-weight:300}@font-face{font-family:proxima-nova;src:url(//cdn2.hubspot.net/hubfs/53/ProximaNova-Thin.otf);font-weight:100}@font-face{src:url(//cdn2.hubspot.net/hubfs/53/assets/fonts/font-files/knockout/Knockout-Semibold.otf);font-family:Knockout;font-weight:600}@font-face{src:url(//cdn2.hubspot.net/hubfs/53/assets/fonts/font-files/knockout/Knockout-Condensed-Lt.otf);font-family:Knockout;font-weight:300}body.year-in-review .share-icons svg path{fill:#4e5c67!important}body.year-in-review img.scratchPattern{display:none}body.year-in-review .delayed-visibility{display:none;-webkit-transition:all .5s;transition:all .5s}body.year-in-review .visible{display:block}body.year-in-review footer,body.year-in-review nav,body.year-in-review section{width:900px;margin:0 auto}body.year-in-review .secondary-cta-section,body.year-in-review nav{margin-top:20px}body.year-in-review .hero,body.year-in-review .secondary-cta-section{text-align:center}body.year-in-review .hero .yir-2016-logo,body.year-in-review .secondary-cta-section .yir-2016-logo{width:100%}body.year-in-review .hero p,body.year-in-review .secondary-cta-section p{font-weight:600;font-size:20px;max-width:75%;margin:20px auto}body.year-in-review .flex,body.year-in-review footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}body.year-in-review .flex-column,body.year-in-review footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body.year-in-review .flex-row-to-column-mobile{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media (max-width:1024px){body.year-in-review .flex-row-to-column-mobile{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}body.year-in-review .flex-1-2,body.year-in-review .flex-1-3,body.year-in-review .flex-2-3,body.year-in-review .flex-2-5,body.year-in-review .flex-3-5,body.year-in-review .flex-4-9,body.year-in-review .flex-5-9{margin:0}body.year-in-review img.scale-full{width:100%;height:100%}body.year-in-review img.scale-full.scratchable{visibility:hidden}body.year-in-review .scratch-holder{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:22px}body.year-in-review .scratch-holder span{display:inline-block;width:100%;font-size:36px;margin-bottom:15px}body.year-in-review .scratch-holder.scratched .scratch-message{bottom:0;visibility:visible}body.year-in-review .scratch-holder.scratched:before,body.year-in-review .scratch-holder.scratching:before{display:none}body.year-in-review .scratch-holder{position:relative}body.year-in-review .scratch-holder:before{position:absolute;top:4px;left:12px;font-size:12px;content:"scratch to reveal";visibility:hidden;-webkit-transition:all .5s;transition:all .5s;z-index:999;pointer-events:none}@media (max-width:1024px){body.year-in-review .scratch-holder:before{visibility:visible;top:11px}}body.year-in-review .persona{-webkit-box-flex:1;-ms-flex:1;flex:1;width:20%;min-height:180px;position:relative;margin-right:8px}body.year-in-review .persona:last-of-type{margin:0}body.year-in-review .persona .audio-controls{position:absolute;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;bottom:0;width:100%;background-color:rgba(246,108,15,.85);min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body.year-in-review .persona .audio-controls .play:after{text-align:right;color:#fff;content:" ";width:30px;height:30px;display:block;background-size:cover;background-image:url(https://cdn2.hubspot.net/hubfs/53/assets/hubspot.com/year-in-review/2016/play-icon.png);margin:0 10px}body.year-in-review .persona .audio-controls .play.playing:after{background-image:url(https://cdn2.hubspot.net/hubfs/53/assets/hubspot.com/year-in-review/2016/pause-icon.png)}body.year-in-review .persona .audio-controls .play.no-audio-attached{cursor:default}body.year-in-review .persona .audio-controls .play.no-audio-attached:after{background:none}body.year-in-review .aligned-content{text-align:center}body.year-in-review .aligned-content--extended{max-width:80%;text-align:center}body.year-in-review .aligned-content--full{text-align:center}body.year-in-review .aligned-content.scratch-message{background-color:rgba(246,108,15,.85);position:absolute;bottom:-10%;width:100%;z-index:999;pointer-events:none;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;visibility:hidden}body.year-in-review .aligned-content.scratch-message .content{padding:20px;font-size:16px;line-height:18px}body.year-in-review .aligned-content.scratch-message .content span{line-height:42px;font-family:Knockout,Arial,sans-serif;letter-spacing:1px;font-size:72px}body.year-in-review .flex-1-2{width:50%}body.year-in-review .flex-1-3{width:33.33333%}body.year-in-review .flex-2-3{width:66.66666%}body.year-in-review .flex-2-5{width:40%}body.year-in-review .flex-3-5{width:60%}body.year-in-review .flex-4-9{width:44.44444%}body.year-in-review .flex-5-9{width:55.55555%}body.year-in-review .social-share{text-align:right}body.year-in-review .social-share ul.socialmedia{list-style-type:none}body.year-in-review .social-share ul.socialmedia li{display:inline-block;margin-left:6px}body.year-in-review .social-share ul.socialmedia li svg{width:20px;display:inline;height:20px}body.year-in-review .gutter-margin-bottom{margin-bottom:16px}body.year-in-review .gutter-margin-right{margin-right:16px}body.year-in-review .gutter-margin-left{margin-left:16px}body.year-in-review .gutter-margin-top{margin-top:16px}@media (max-width:1024px){body.year-in-review .gutter-margin-top-mobile{margin-top:16px}}body.year-in-review .cta-holder a{display:inline-block;padding:20px 60px;text-transform:uppercase;background-color:#1da1db;color:#fff;border-radius:36px;margin-bottom:32px}body.year-in-review section.photo-collage .customer-numbers,body.year-in-review section.photo-collage .deals-closed,body.year-in-review section.photo-collage .inbound-attendees,body.year-in-review section.photo-collage .inbound-video,body.year-in-review section.photo-collage .money-raised,body.year-in-review section.photo-collage .monthly-blog-visitors,body.year-in-review section.photo-collage .professionals-trained,body.year-in-review section.photo-collage .words-translated{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:22px}body.year-in-review section.photo-collage .customer-numbers span,body.year-in-review section.photo-collage .deals-closed span,body.year-in-review section.photo-collage .inbound-attendees span,body.year-in-review section.photo-collage .inbound-video span,body.year-in-review section.photo-collage .money-raised span,body.year-in-review section.photo-collage .monthly-blog-visitors span,body.year-in-review section.photo-collage .professionals-trained span,body.year-in-review section.photo-collage .words-translated span{display:inline-block;width:100%;font-size:36px;margin-bottom:15px}body.year-in-review section.photo-collage .inbound-video{background-color:#f66c0f}body.year-in-review section.photo-collage .inbound-video .aligned-content--extended{max-width:none;width:100%}@media (max-width:1024px){body.year-in-review section.photo-collage .inbound-video .aligned-content--extended{height:300px}body.year-in-review section.photo-collage .inbound-video .aligned-content--extended iframe{width:100%;height:100%}}body.year-in-review section.photo-collage .customer-numbers{min-height:347px}body.year-in-review section.photo-collage .inbound-attendees{min-height:307px}body.year-in-review section.photo-collage .money-raised{min-height:250px;font-size:18px}body.year-in-review section.photo-collage .deals-closed{min-height:200px}body.year-in-review section.photo-collage .words-translated{min-height:300px}body.year-in-review section.photo-collage .words-translated>div{margin-bottom:10px}body.year-in-review section.photo-collage .monthly-blog-visitors,body.year-in-review section.photo-collage .professionals-trained,body.year-in-review section.photo-collage .words-translated{background-repeat:no-repeat;background-size:cover}body.year-in-review footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:64px auto}body.year-in-review footer a{text-decoration:none;color:#797979;font-weight:700}body.year-in-review footer a:hover{text-decoration:underline}@media (max-width:1024px){body.year-in-review footer,body.year-in-review nav,body.year-in-review section{width:95%;margin:0 auto}body.year-in-review footer{margin-top:40px}body.year-in-review .audio-clips{display:none}body.year-in-review .flex-group-mobile{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}body.year-in-review .flex-group-mobile.gutter-margin-top{margin-top:5.33333px}body.year-in-review .flex-1-2,body.year-in-review .flex-1-3,body.year-in-review .flex-2-3,body.year-in-review .flex-2-5,body.year-in-review .flex-3-5,body.year-in-review .flex-4-9,body.year-in-review .flex-5-9{width:100%}body.year-in-review section.photo-collage .customer-numbers,body.year-in-review section.photo-collage .inbound-attendees,body.year-in-review section.photo-collage .inbound-video,body.year-in-review section.photo-collage .money-raised,body.year-in-review section.photo-collage .monthly-blog-visitors,body.year-in-review section.photo-collage .professionals-trained,body.year-in-review section.photo-collage .words-translated{min-height:0;margin:0}}@media (max-width:1024px) and (max-width:1024px){body.year-in-review section.photo-collage .monthly-blog-visitors,body.year-in-review section.photo-collage .professionals-trained{margin-bottom:8px}}@media (max-width:1024px){body.year-in-review .scratch-holder.scratched .scratch-message{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}