@charset "UTF-8";@charset "UTF-8";@keyframes vex-fadein{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes vex-fadein{0%{opacity:0}100%{opacity:1}}@-moz-keyframes vex-fadein{0%{opacity:0}100%{opacity:1}}@-ms-keyframes vex-fadein{0%{opacity:0}100%{opacity:1}}@-o-keyframes vex-fadein{0%{opacity:0}100%{opacity:1}}@keyframes vex-fadeout{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes vex-fadeout{0%{opacity:1}100%{opacity:0}}@-moz-keyframes vex-fadeout{0%{opacity:1}100%{opacity:0}}@-ms-keyframes vex-fadeout{0%{opacity:1}100%{opacity:0}}@-o-keyframes vex-fadeout{0%{opacity:1}100%{opacity:0}}@keyframes vex-rotation{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}}@-webkit-keyframes vex-rotation{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}}@-moz-keyframes vex-rotation{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}}@-ms-keyframes vex-rotation{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}}@-o-keyframes vex-rotation{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}}.vex,.vex *,.vex *:before,.vex *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vex{position:fixed;overflow:auto;-webkit-overflow-scrolling:touch;z-index:1111;top:0;right:0;bottom:0;left:0}.vex-overlay{background:#000;filter:alpha(opacity=40);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"}.vex-overlay{animation:vex-fadein 0.5s;-webkit-animation:vex-fadein 0.5s;-moz-animation:vex-fadein 0.5s;-ms-animation:vex-fadein 0.5s;-o-animation:vex-fadein 0.5s;-webkit-backface-visibility:hidden;position:fixed;background:rgba(0,0,0,0.4);top:0;right:0;bottom:0;left:0}.vex.vex-closing .vex-overlay{animation:vex-fadeout 0.5s;-webkit-animation:vex-fadeout 0.5s;-moz-animation:vex-fadeout 0.5s;-ms-animation:vex-fadeout 0.5s;-o-animation:vex-fadeout 0.5s;-webkit-backface-visibility:hidden}.vex-content{animation:vex-fadein 0.5s;-webkit-animation:vex-fadein 0.5s;-moz-animation:vex-fadein 0.5s;-ms-animation:vex-fadein 0.5s;-o-animation:vex-fadein 0.5s;-webkit-backface-visibility:hidden;background:#fff}.vex.vex-closing .vex-content{animation:vex-fadeout 0.5s;-webkit-animation:vex-fadeout 0.5s;-moz-animation:vex-fadeout 0.5s;-ms-animation:vex-fadeout 0.5s;-o-animation:vex-fadeout 0.5s;-webkit-backface-visibility:hidden}.vex-close:before{font-family:Arial,sans-serif;content:"\00D7"}.vex-dialog-form{margin:0}.vex-dialog-button{-webkit-appearance:none;cursor:pointer}.vex-loading-spinner{animation:vex-rotation 0.7s linear infinite;-webkit-animation:vex-rotation 0.7s linear infinite;-moz-animation:vex-rotation 0.7s linear infinite;-ms-animation:vex-rotation 0.7s linear infinite;-o-animation:vex-rotation 0.7s linear infinite;-webkit-backface-visibility:hidden;-webkit-box-shadow:0 0 1em rgba(0,0,0,0.1);-moz-box-shadow:0 0 1em rgba(0,0,0,0.1);box-shadow:0 0 1em rgba(0,0,0,0.1);position:fixed;z-index:1112;margin:auto;top:0;right:0;bottom:0;left:0;height:2em;width:2em;background:#fff}body.vex-open{overflow:hidden}.hs_cos_flex-slides-thumb>li{width:210px;overflow:hidden;box-sizing:border-box;text-align:center}.hs_cos_flex-slider .hs_cos_flex-slides img{height:100%;margin:0 auto}.vex-content.hs-gallery{position:absolute;background:transparent}.vex-content.hs-gallery .hs_cos_flex-slider{background:transparent;position:absolute;width:100%;height:100%}.vex-content.hs-gallery .hs_cos_flex-slider,.vex-content.hs-gallery .hs_cos_flex-viewport,.vex-content.hs-gallery .hs_cos_flex-slides{height:100%}.vex-content.hs-gallery .hs_cos_flex-slides li{height:100%;visibility:hidden}.vex-content.hs-gallery .hs_cos_flex-slides li.hs_cos_flex-active-slide{visibility:visible}.vex-content.hs-gallery .hs_cos_flex-slides li img{width:100%;margin:0 auto}.vex-content.hs-gallery .hs_cos_flex-slides li div.caption{background-color:rgba(0,0,0,0.5);position:absolute;font-size:2em;line-height:1.1em;color:#fff;padding:0px 5% 0px 5%;width:100%;bottom:0;text-align:center}.vex-content.hs-gallery .hs_cos_flex-slider.flex-slider-main.slider-mode-lightbox{display:block}.vex-content.hs-gallery .hs_cos_flex-direction-nav a{-webkit-transition:none}.vex-content.hs-gallery .vex-close{position:fixed;top:10px;right:10px;width:40px;height:40px;cursor:pointer;z-index:9999999}.vex-content.hs-gallery .vex-close:before,.vex-content.hs-gallery .vex-close:after{content:"";display:block;width:100%;height:4px;margin-top:-2px;border-radius:2px;background:#fff;position:absolute;top:50%}.vex-content.hs-gallery .vex-close:hover::after,.vex-content.hs-gallery .vex-close:hover::before{box-shadow:0 0 9px #fff !important}.vex-content.hs-gallery .vex-close:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.vex-content.hs-gallery .vex-close:before{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}@media (max-width: 768px){.vex-content.hs-gallery .vex-close{height:25px;width:25px}}.hs-tools-menu{transition:-webkit-transform 0.5s !important;-webkit-transform:translate3d(0, 0, 0) !important;-moz-transform:translate3d(0, 0, 0) !important;-ms-transform:translate3d(0, 0, 0) !important;-o-transform:translate3d(0, 0, 0) !important;transform:translate3d(0, 0, 0) !important}body.vex-open .hs-tools-menu{-webkit-transform:translate3d(0, -70px, 0) !important;-moz-transform:translate3d(0, -70px, 0) !important;-ms-transform:translate3d(0, -70px, 0) !important;-o-transform:translate3d(0, -70px, 0) !important;transform:translate3d(0, -70px, 0) !important}.hs_cos_flex-slider.flex-slider-main.slider-mode-lightbox{display:none}.vex-overlay.hs-gallery{background:rgba(0,0,0,0.8)}.slider-mode-lightbox.hs-cos-flex-slider-control-panel{margin-top:0}.slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li{display:inline-block;width:100px;height:100px;line-height:100px;margin-right:10px;margin-bottom:10px;overflow:hidden;position:relative}.slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li a{position:absolute;top:0;left:0;width:100%;height:100%}.slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li a img{display:inline;vertical-align:middle}ul.hs_cos_flex-slides-main img[data-src]{background:url("https://hubspot-static2cdn.s3.amazonaws.com/style_guide/static-2.303/img/spinners/tiny-loader.gif") center no-repeat}.hs-common-error-message{background-color:#f0d0d0 !important;border:1px solid #993401 !important;color:#993401 !important;font-size:15px !important;border-radius:3px !important;padding:8px !important;margin:8px 0px 8px 0px !important}.hs-common-confirm-message{background-color:#cde3cc !important;border:1px solid #360 !important;color:#360 !important;font-size:15px !important;border-radius:3px !important;padding:8px !important;margin:8px 0px 8px 0px !important}iframe[src="about:blank"]{display:none}.advanced-lp-form-response-message{background-color:#cde3cc;border:1px solid #360;color:#336600;font-size:15px;border-radius:3px;padding:8px;margin:8px 0px 8px 0px}.hs-tools-menu,.hs-tools-menu *{font-family:"helvetica neue",helvetica,"arial sans" !important;line-height:18px !important;text-shadow:0px 1px #000 !important}.hs-tools-menu{position:fixed !important;top:10px !important;right:10px !important;cursor:pointer !important;background:#222 !important;background:rgba(0,0,0,0.75) !important;background-image:-webkit-linear-gradient(top, #404040, #333) !important;background-image:-moz-linear-gradient(top, #404040, #333) !important;color:#abacac !important;min-width:160px !important;min-height:40px !important;padding:0px !important;margin:0px !important;border:1px solid #222 !important;-webkit-border-radius:3px !important;-moz-border-radius:3px !important;border-radius:3px !important;-webkit-box-shadow:inset 0px 1px rgba(255,255,255,0.25) !important;-moz-box-shadow:inset 0px 1px rgba(255,255,255,0.25) !important;box-shadow:inset 0px 1px rgba(255,255,255,0.25) !important;-moz-user-select:none !important;-webkit-user-select:none !important;-o-user-select:none !important;user-select:none !important;-webkit-animation:hsflyin 1.5s !important;-moz-animation:hsflyin 1.5s !important;z-index:99999999999 !important;box-sizing:content-box !important}.hs-tools-menu.hs-collapsed{-webkit-box-shadow:0px 1px 7px rgba(255,255,255,0.25),inset 0px 1px rgba(255,255,255,0.25) !important;-moz-box-shadow:0px 1px 7px rgba(255,255,255,0.25),inset 0px 1px rgba(255,255,255,0.25) !important;box-shadow:0px 1px 7px rgba(255,255,255,0.25),inset 0px 1px rgba(255,255,255,0.25) !important;min-width:40px !important}.hs-tools-menu a{text-decoration:none !important;color:#abacac !important;padding:8px 10px !important;display:block !important;font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important}.hs-tools-menu a:hover,.hs-tools-menu a:active{text-decoration:none !important;color:#f7f8f8 !important;background:#444 !important}.hs-tools-menu li{text-align:left !important;line-height:18px !important;font-size:inherit !important;margin:0px !important;padding:0px !important;background:none !important;font-weight:inherit !important;list-style:none !important}.hs-tools-menu .hs-title{font-weight:bold !important;font-size:14px !important;position:absolute !important;top:-29px !important;margin-left:9px !important;text-shadow:0px -1px #000}.hs-tools-menu .hs-dropdown{position:relative !important}.hs-tools-menu.hs-collapsed .hs-dropdown{display:none !important;opacity:0.95 !important}.hs-tools-menu ul{list-style:none !important;margin:0px !important;margin-top:41px !important;padding:5px 0px !important;font-size:13px !important;font-weight:500 !important;background:#333 !important;-webkit-box-shadow:inset 0px 1px #222 !important;-moz-box-shadow:inset 0px 1px #222 !important;box-shadow:inset 0px 1px #222 !important}.hs-tools-menu img.hs-sprocket{width:33px !important;top:-1px !important;right:-1px !important;padding:5px 5px 4px 4px !important;position:absolute !important;-webkit-border-radius:3px !important;-moz-border-radius:3px !important;border-radius:3px !important;box-sizing:content-box !important}.hs-tools-menu img.hs-sprocket:active{opacity:0.5 !important;background-image:-webkit-linear-gradient(top, #111, #303030) !important;background-image:-moz-linear-gradient(top, #111, #303030) !important;-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25) !important;-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25) !important;box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25) !important}.hs-tools-menu.hs-collapsed img.hs-sprocket{display:block !important}.hs-tools-menu .hs-dropdown::before{content:" " !important;display:none !important;position:absolute !important;height:33px !important;width:33px !important;top:-37px !important;right:4px !important;background:#e36f1e !important;-webkit-mask-box-image:url("https://cdn2.hubspot.net/static/sprocket_white_80.png") !important;z-index:15 !important}.hs-tools-menu .hs-dropdown::after{content:" " !important;display:none !important;position:absolute !important;height:33px !important;width:33px !important;top:-38px !important;right:4px !important;background:#000 !important;-webkit-mask-box-image:url("https://cdn2.hubspot.net/static/sprocket_white_80.png") !important;z-index:10 !important}@media screen and (-webkit-min-device-pixel-ratio: 0){.hs-tools-menu .hs-dropdown::before,.hs-tools-menu .hs-dropdown::after{display:block !important}.hs-tools-menu img.hs-sprocket{display:none !important}}@-webkit-keyframes hsflyin{0%{top:-100px}50%{top:-100px}100%{top:10px}}@-moz-keyframes hsflyin{0%{top:-100px}50%{top:-100px}100%{top:10px}}.hs-related-blog-item,.hs-rss-item{margin-bottom:20px}.hs-related-blog-byline,.hs-rss-byline{opacity:.7;font-size:85%;font-decorate:italics}.hs-related-blog-item.hs-with-featured-image,.hs-rss-item.hs-with-featured-image{overflow:hidden}.hs-related-blog-item.hs-with-featured-image .hs-related-blog-item-text,.hs-rss-item.hs-with-featured-image .hs-rss-item-text{width:80%;float:left;padding-right:20px;box-sizing:border-box}.hs-related-blog-item.hs-with-featured-image .hs-related-blog-item-image-wrapper,.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper{display:inline-block;width:20%}.hs-related-blog-item.hs-with-featured-image .hs-related-blog-item-image-wrapper .hs-related-blog-featured-image,.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image{width:100%}.hs-classic-form-errors{margin:0;padding:10px;background:#fff9d8;border-top:1px solid #e9e1af}.hs-classic-form-errors .top-message{font-weight:bold}a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}body>#calroot>#calhead>#caltitle>select{margin:0 2px;width:auto;height:auto}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-blog-social-share{height:30px}.hs-blog-social-share .hs-blog-social-share-list{list-style:none;padding-left:0}.hs-blog-social-share .hs-blog-social-share-list:after{content:".";display:block;height:0;clear:both;visibility:hidden}.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item{float:left;margin-right:10px}.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item.hs-blog-social-share-item-linkedin{margin-right:5px}.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .twitter-share-button{min-width:61px !important}img.hs-social-sharing-placeholder{height:20px !important;width:auto !important;max-width:none !important;max-height:none !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;margin-right:5px}span.hs-image-container{padding:10px;display:inline-block}span.hs-image-caption{display:block;margin-top:10px;font-size:13px;text-align:center}.hs-centered-image-container{text-align:center}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} .comment-reply-to{background:url("https://static.hsappstatic.net/pictos_images/static/img/pictos-1-png/16/pictos-set1-21.png") no-repeat 5px;border:none;padding-left:25px;color:#333}.replying{padding-left:2em}.comment-date,.comment-from{display:inline-block}.comment-from h4{font-size:1.2em;font-weight:700}.comment-date{font-size:.8em;color:#666}#comment-form h4{font-size:1.4em}.comment.depth-0{border-top:2px solid #eee;padding-top:2em;margin-top:2em}.comment.depth-0:first-child{margin-top:0}.comment.depth-1{padding-left:2em}.comment.depth-2{padding-left:4em}.comment.depth-3{padding-left:6em}.comment.depth-4{padding-left:8em}.comment.depth-5{padding-left:10em}.comment.depth-6{padding-left:12em}.comment.depth-7{padding-left:14em}.comment.depth-8{padding-left:16em}.comment.depth-9{padding-left:18em}.shuffle{display:none}.hs_subscribe ul{padding-left:0}.hs_subscribe li{list-style:none} .row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.127659574%;*margin-left:2.0744680846382977%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:99.99999998999999%;*width:99.94680850063828%}.row-fluid .span11{width:91.489361693%;*width:91.4361702036383%}.row-fluid .span10{width:82.97872339599999%;*width:82.92553190663828%}.row-fluid .span9{width:74.468085099%;*width:74.4148936096383%}.row-fluid .span8{width:65.95744680199999%;*width:65.90425531263828%}.row-fluid .span7{width:57.446808505%;*width:57.3936170156383%}.row-fluid .span6{width:48.93617020799999%;*width:48.88297871863829%}.row-fluid .span5{width:40.425531911%;*width:40.3723404216383%}.row-fluid .span4{width:31.914893614%;*width:31.8617021246383%}.row-fluid .span3{width:23.404255317%;*width:23.3510638276383%}.row-fluid .span2{width:14.89361702%;*width:14.8404255306383%}.row-fluid .span1{width:6.382978723%;*width:6.329787233638298%}.container-fluid{*zoom:1}.container-fluid:before,.container-fluid:after{display:table;content:""}.container-fluid:after{clear:both}@media(max-width:767px){.row-fluid{width:100%}.row-fluid [class*="span"]{display:block;float:none;width:auto;margin-left:0}}@media(min-width:768px) and (max-width:1139px){.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.762430939%;*margin-left:2.709239449638298%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:99.999999993%;*width:99.9468085036383%}.row-fluid .span11{width:91.436464082%;*width:91.38327259263829%}.row-fluid .span10{width:82.87292817100001%;*width:82.8197366816383%}.row-fluid .span9{width:74.30939226%;*width:74.25620077063829%}.row-fluid .span8{width:65.74585634900001%;*width:65.6926648596383%}.row-fluid .span7{width:57.182320438000005%;*width:57.129128948638304%}.row-fluid .span6{width:48.618784527%;*width:48.5655930376383%}.row-fluid .span5{width:40.055248616%;*width:40.0020571266383%}.row-fluid .span4{width:31.491712705%;*width:31.4385212156383%}.row-fluid .span3{width:22.928176794%;*width:22.874985304638297%}.row-fluid .span2{width:14.364640883%;*width:14.311449393638298%}.row-fluid .span1{width:5.801104972%;*width:5.747913482638298%}}@media(min-width:1280px){.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.564102564%;*margin-left:2.510911074638298%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145300001%;*width:91.3997999636383%}.row-fluid .span10{width:82.905982906%;*width:82.8527914166383%}.row-fluid .span9{width:74.358974359%;*width:74.30578286963829%}.row-fluid .span8{width:65.81196581200001%;*width:65.7587743226383%}.row-fluid .span7{width:57.264957265%;*width:57.2117657756383%}.row-fluid .span6{width:48.717948718%;*width:48.6647572286383%}.row-fluid .span5{width:40.170940171000005%;*width:40.117748681638304%}.row-fluid .span4{width:31.623931624%;*width:31.5707401346383%}.row-fluid .span3{width:23.076923077%;*width:23.0237315876383%}.row-fluid .span2{width:14.529914530000001%;*width:14.4767230406383%}.row-fluid .span1{width:5.982905983%;*width:5.929714493638298%}}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.hidden{display:none;visibility:hidden}.visible-phone{display:none !important}.visible-tablet{display:none !important}.hidden-desktop{display:none !important}@media(max-width:767px){.visible-phone{display:inherit !important}.hidden-phone{display:none !important}.hidden-desktop{display:inherit !important}.visible-desktop{display:none !important}}@media(min-width:768px) and (max-width:1139px){.visible-tablet{display:inherit !important}.hidden-tablet{display:none !important}.hidden-desktop{display:inherit !important}.visible-desktop{display:none !important}}.u-floatRight{float:right !important}.SandboxRoot{direction:ltr;text-align:left}.SandboxRoot{display:block;background:0;font:normal normal 16px/1.4 Helvetica,Roboto,"Segoe UI",Calibri,sans-serif;color:#1c2022;white-space:normal;white-space:initial}a{color:#2b7bb9;text-decoration:none;outline:0}a:visited{color:#2b7bb9;text-decoration:none;outline:0}a:focus{color:#3b94d9;text-decoration:underline;outline:0}a:hover{color:#3b94d9;text-decoration:none;outline:0}a:active{color:#2b7bb9;text-decoration:none;outline:0}.SandboxRoot.env-bp-min .u-hiddenInNarrowEnv{display:none}.SandboxRoot:not(.env-bp-min) .u-hiddenInWideEnv{display:none}.u-linkBlend:not(:focus):not(:hover):not(:active){font-weight:inherit;color:inherit;text-decoration:inherit}.Avatar{max-width:100%;max-height:100%}.Avatar--fill{width:100%;height:100%}.Button,.Button:link,.Button:visited{-webkit-appearance:none;background-color:#f5f8fa;background-image:-webkit-linear-gradient(#fff,#f5f8fa);background-image:-moz-linear-gradient(#fff,#f5f8fa);background-image:-o-linear-gradient(#fff,#f5f8fa);background-image:linear-gradient(#fff,#f5f8fa);border:1px solid #e1e8ed;border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box;color:#1c2022;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0;padding:8px 15px 7px;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:normal}.Button::-moz-focus-inner{border:0;padding:0}.Button:active,.Button:focus,.Button:hover{text-decoration:none}.Button:hover{background-color:#e1e8ed;background-image:-webkit-linear-gradient(#fff,#e1e8ed);background-image:-moz-linear-gradient(#fff,#e1e8ed);background-image:-o-linear-gradient(#fff,#e1e8ed);background-image:linear-gradient(#fff,#e1e8ed);border-color:#e1e8ed}.Button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(0,132,180,.5)}.Button:active{background-color:#e1e8ed;background-image:-webkit-linear-gradient(#fff,#f5f8fa);background-image:-moz-linear-gradient(#fff,#f5f8fa);background-image:-o-linear-gradient(#fff,#f5f8fa);background-image:linear-gradient(#fff,#f5f8fa);border-color:#ccd6dd;box-shadow:inset 0 1px 4px rgba(0,0,0,.2)}.Button.is-disabled,.Button:disabled{cursor:default;opacity:.6}.Button-label{font-weight:700}.Button--full{display:block;width:100%}.Emoji--forText{height:1.25em;width:1.25em;padding:0 .05em 0 .1em;vertical-align:-.2em}.Emoji--forLinks{background-position:.1em;background-repeat:no-repeat;background-size:1.25em 1.25em;letter-spacing:1.1em;line-height:1.25em;padding-top:.15em;-moz-user-select:none;-ms-user-select:none}.Icon{display:inline-block;height:1.25em;background-repeat:no-repeat;background-size:contain;vertical-align:text-bottom}.Icon--alertsPill{width:1.07639em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2062%2072%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M51%2014H11c-4.42%200-8%203.58-8%208v28c0%204.418%203.58%208%208%208h40c4.418%200%208-3.582%208-8V22c0-4.42-3.582-8-8-8zM12.107%2036.997L12%2037c-1.057%200-1.94-.826-1.996-1.894-.34-6.354%203.132-12.276%208.844-15.088.99-.487%202.19-.08%202.677.912s.08%202.19-.912%202.678c-4.272%202.103-6.87%206.532-6.615%2011.285.06%201.103-.788%202.045-1.89%202.104zm7%201L19%2038c-1.057%200-1.94-.827-1.996-1.894-.234-4.39%202.164-8.478%206.108-10.413.992-.488%202.19-.08%202.677.914.486.99.077%202.19-.915%202.676-2.503%201.23-4.025%203.824-3.876%206.61.056%201.104-.79%202.045-1.893%202.104zm21.106%209.11c-.21.774-.94%201.282-1.733%201.387-.093.014-.188.02-.285.02H34.4C33.93%2049.955%2032.593%2051%2031%2051c-1.596%200-2.932-1.047-3.398-2.485h-3.78c-.91%200-1.817-.544-2.046-1.426-.223-.86.042-1.692.792-2.145.2-.248%201.048-1.487%201.048-4.71%200-5.407%202.46-8.042%205.273-8.893.13-1.054%201.02-1.873%202.108-1.873%201.093%200%201.983.823%202.11%201.88%202.827.86%205.272%203.486%205.286%208.858.008%203.192.827%204.462%201.044%204.742.014.01.027.02.04.032.718.466.96%201.286.735%202.125zm4.785-11C44.94%2037.172%2044.058%2038%2043.002%2038c-.036%200-.072%200-.108-.003-1.103-.06-1.95-1-1.89-2.104.147-2.786-1.375-5.38-3.877-6.61-.992-.486-1.4-1.685-.914-2.676.487-.99%201.685-1.4%202.677-.914%203.944%201.936%206.34%206.024%206.108%2010.413zm7-1C51.94%2036.172%2051.058%2037%2050.002%2037c-.036%200-.072%200-.108-.003-1.103-.06-1.95-1-1.89-2.104.253-4.753-2.344-9.183-6.616-11.285-.99-.488-1.4-1.687-.912-2.678.487-.99%201.686-1.4%202.677-.912%205.713%202.812%209.184%208.734%208.845%2015.088z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M38.89%2025.693c-.992-.487-2.19-.077-2.677.914-.487.99-.078%202.19.914%202.676%202.503%201.23%204.025%203.824%203.876%206.61-.06%201.104.788%202.045%201.89%202.104.037.002.073.003.11.003%201.055%200%201.937-.827%201.994-1.894.234-4.39-2.163-8.477-6.107-10.413zM43.154%2020.02c-.99-.49-2.19-.08-2.677.91-.488.992-.08%202.19.912%202.68%204.27%202.102%206.868%206.53%206.614%2011.284-.06%201.103.788%202.045%201.89%202.104l.108.002c1.055%200%201.938-.827%201.995-1.894.34-6.354-3.13-12.276-8.843-15.087zM39.48%2044.982l-.04-.032c-.217-.28-1.036-1.55-1.044-4.742-.013-5.37-2.46-8-5.286-8.857-.127-1.057-1.017-1.88-2.11-1.88-1.09%200-1.98.818-2.11%201.872-2.812.85-5.272%203.486-5.272%208.892%200%203.224-.847%204.463-1.048%204.71-.75.453-1.016%201.285-.792%202.145.23.88%201.136%201.425%202.047%201.425h3.78C28.068%2049.953%2029.404%2051%2031%2051c1.593%200%202.93-1.047%203.398-2.485h3.796c.097%200%20.192-.007.285-.02.792-.105%201.523-.613%201.732-1.388.227-.84-.016-1.66-.732-2.125zM24.874%2029.283c.992-.486%201.4-1.685.914-2.676-.487-.993-1.685-1.402-2.677-.914-3.943%201.936-6.34%206.023-6.107%2010.413C17.06%2037.173%2017.943%2038%2019%2038c.035%200%20.07%200%20.107-.003%201.103-.06%201.95-1%201.89-2.104-.148-2.786%201.374-5.38%203.877-6.61zM20.613%2023.608c.99-.488%201.4-1.687.912-2.678s-1.687-1.4-2.677-.912c-5.712%202.812-9.183%208.733-8.844%2015.088C10.06%2036.174%2010.944%2037%2012%2037c.035%200%20.07%200%20.107-.003%201.103-.06%201.95-1%201.89-2.104-.253-4.752%202.343-9.182%206.616-11.285z%22%2F%3E%3C%2Fsvg%3E")}.Icon--lightning{width:.625em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2072%22%3E%3Cpath%20fill%3D%22%232b7bb9%22%20d%3D%22M30.738%2028.01C30.382%2027.387%2029.718%2027%2029%2027H18.145l6.686-15.194c.273-.62.215-1.333-.155-1.898C24.305%209.34%2023.675%209%2023%209H11c-.925%200-1.73.634-1.945%201.533l-6%2025c-.143.596-.005%201.224.374%201.705.38.482.957.762%201.57.762h7.278L8.034%2060.632c-.18.953.353%201.897%201.26%202.24.23.087.47.128.706.128.69%200%201.35-.357%201.72-.98l19-32c.367-.617.374-1.384.018-2.01z%22%2F%3E%3C%2Fsvg%3E")}.Icon--playCircle{width:1.04166em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2072%22%3E%3Cpath%20opacity%3D%22.8%22%20fill%3D%22%231DA1F2%22%20d%3D%22M30%2012C16.768%2012%206%2022.765%206%2036s10.766%2023.998%2024%2023.998%2024-10.765%2024-24S43.235%2012%2030%2012z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M39.2%2034.34l-12-9c-.606-.455-1.418-.528-2.094-.19-.677.34-1.106%201.032-1.106%201.79v18c0%20.758.428%201.45%201.106%201.79.283.14.59.21.894.21.425%200%20.847-.136%201.2-.4l12-9c.503-.377.8-.97.8-1.6%200-.63-.295-1.223-.8-1.6z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M30%2015c11.598%200%2021%209.402%2021%2021s-9.4%2020.998-21%2020.998-21-9.402-21-21S18.4%2015%2030%2015m0-6C15.112%209%203%2021.11%203%2036s12.112%2026.998%2027%2026.998%2027-12.11%2027-27S44.888%209%2030%209z%22%2F%3E%3C%2Fsvg%3E")}.Icon--reply{width:1.07639em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2062%2072%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23697882%22%20d%3D%22M41%2031h-9V19c0-1.14-.647-2.183-1.668-2.688-1.022-.507-2.243-.39-3.15.302l-21%2016C5.438%2033.18%205%2034.064%205%2035s.437%201.82%201.182%202.387l21%2016c.533.405%201.174.613%201.82.613.453%200%20.908-.103%201.33-.312C31.354%2053.183%2032%2052.14%2032%2051V39h9c5.514%200%2010%204.486%2010%2010%200%202.21%201.79%204%204%204s4-1.79%204-4c0-9.925-8.075-18-18-18z%22%2F%3E%3C%2Fsvg%3E");-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}.Icon--retweet{width:1.28472em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2074%2072%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23697882%22%20d%3D%22M70.676%2036.644C70.166%2035.636%2069.13%2035%2068%2035h-7V19c0-2.21-1.79-4-4-4H34c-2.21%200-4%201.79-4%204s1.79%204%204%204h18c.552%200%20.998.446%201%20.998V35h-7c-1.13%200-2.165.636-2.676%201.644-.51%201.01-.412%202.22.257%203.13l11%2015C55.148%2055.545%2056.046%2056%2057%2056s1.855-.455%202.42-1.226l11-15c.668-.912.767-2.122.256-3.13zM40%2048H22c-.54%200-.97-.427-.992-.96L21%2036h7c1.13%200%202.166-.636%202.677-1.644.51-1.01.412-2.22-.257-3.13l-11-15C18.854%2015.455%2017.956%2015%2017%2015s-1.854.455-2.42%201.226l-11%2015c-.667.912-.767%202.122-.255%203.13C3.835%2035.365%204.87%2036%206%2036h7l.012%2016.003c.002%202.208%201.792%203.997%204%203.997h22.99c2.208%200%204-1.79%204-4s-1.792-4-4-4z%22%2F%3E%3C%2Fsvg%3E");-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}.Icon--retweetBadge{width:1.04166em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2272%22%20viewBox%3D%220%200%2060%2072%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%2319cf86%22%20d%3D%22M49%209H11c-4.418%200-8%203.582-8%208v38c0%204.418%203.582%208%208%208h38c4.418%200%208-3.582%208-8V17c0-4.418-3.582-8-8-8zM21%2044h10c1.657%200%203%201.343%203%203s-1.343%203-3%203H17c-1.657%200-3-1.343-3-3V36H9c-.77%200-1.47-.44-1.803-1.134-.333-.692-.24-1.516.24-2.115l8-10c.76-.947%202.365-.947%203.124%200l8%2010c.48.6.576%201.425.243%202.117C26.47%2035.56%2025.77%2036%2025%2036h-5v7c0%20.553.448%201%201%201zm31.562-4.75l-8%2010c-.38.474-.954.75-1.562.75s-1.182-.276-1.562-.75l-8-10c-.48-.6-.574-1.424-.24-2.116C33.53%2036.44%2034.23%2036%2035%2036h5v-7c0-.553-.447-1-1-1H29c-1.657%200-3-1.343-3-3s1.343-3%203-3h14c1.657%200%203%201.343%203%203v11h5c.77%200%201.47.44%201.803%201.134.333.692.24%201.515-.24%202.115z%22%2F%3E%3C%2Fsvg%3E");-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}.Icon--mute{width:1.18055em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2068%2072%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20class%3D%22icon%22%20d%3D%22M37.105%209.21c-1.142-.45-2.447-.162-3.29.734L18.705%2026H7c-1.657%200-3%201.343-3%203v14c0%201.657%201.343%203%203%203h11.704l15.11%2016.056c.844.896%202.15%201.185%203.29.733C38.25%2062.334%2039%2061.23%2039%2060V12c0-1.23-.75-2.335-1.895-2.79zM45%2048c-.746%200-1.492-.276-2.073-.832-1.197-1.146-1.24-3.044-.094-4.24C44.733%2040.937%2046%2039%2046%2036s-1.267-4.938-3.168-6.927c-1.145-1.197-1.103-3.096.094-4.24%201.198-1.147%203.097-1.104%204.242.094C49.418%2027.277%2052%2030.663%2052%2036s-2.583%208.722-4.832%2011.073C46.578%2047.69%2045.79%2048%2045%2048z%22%2F%3E%3Cpath%20class%3D%22icon%22%20d%3D%22M54%2054c-.746%200-1.492-.276-2.073-.832-1.197-1.146-1.24-3.044-.094-4.24%203.365-3.52%205.152-7.992%205.168-12.938-.015-4.926-1.802-9.4-5.167-12.917-1.145-1.197-1.103-3.096.094-4.24%201.197-1.146%203.097-1.104%204.242.094%204.447%204.65%206.81%2010.55%206.83%2017.063-.02%206.532-2.383%2012.434-6.83%2017.083-.59.616-1.38.927-2.17.927z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.Icon--unmute{width:1.18055em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2068%2072%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20class%3D%22icon%22%20d%3D%22M37.105%209.21c-1.142-.45-2.447-.162-3.29.734L18.705%2026H7c-1.657%200-3%201.343-3%203v14c0%201.657%201.343%203%203%203h11.704l15.11%2016.056c.844.896%202.15%201.185%203.29.733C38.25%2062.334%2039%2061.23%2039%2060V12c0-1.23-.75-2.335-1.895-2.79zM58.242%2036l5.88-5.88c1.17-1.17%201.17-3.07%200-4.24-1.172-1.173-3.072-1.173-4.243%200L54%2031.757l-5.88-5.88c-1.17-1.17-3.07-1.17-4.24%200-1.173%201.172-1.173%203.072%200%204.243L49.757%2036l-5.88%205.88c-1.17%201.17-1.17%203.07%200%204.24.586.587%201.354.88%202.122.88s1.536-.293%202.12-.88L54%2040.243l5.88%205.88c.584.585%201.352.878%202.12.878s1.536-.293%202.12-.88c1.173-1.17%201.173-3.07%200-4.24L58.243%2036z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.Icon--twitter{width:1.25em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%2355acee%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E")}.Icon--twitterWhite{width:1.25em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E")}.Icon--verified{width:1.11111em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h64v72H0z%22%2F%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22M3%2037.315c0%204.125%202.162%207.726%205.363%209.624-.056.467-.09.937-.09%201.42%200%206.103%204.72%2011.045%2010.546%2011.045%201.295%200%202.542-.234%203.687-.686C24.22%2062.4%2027.827%2064.93%2032%2064.93c4.174%200%207.782-2.53%209.49-6.213%201.148.45%202.39.685%203.69.685%205.826%200%2010.546-4.94%2010.546-11.045%200-.483-.037-.953-.093-1.42C58.83%2045.04%2061%2041.44%2061%2037.314c0-4.37-2.42-8.15-5.933-9.946.427-1.203.658-2.5.658-3.865%200-6.104-4.72-11.045-10.545-11.045-1.302%200-2.543.232-3.69.688-1.707-3.685-5.315-6.216-9.49-6.216-4.173%200-7.778%202.53-9.492%206.216-1.146-.455-2.393-.688-3.688-.688-5.827%200-10.545%204.94-10.545%2011.045%200%201.364.23%202.662.656%203.864C5.42%2029.163%203%2032.944%203%2037.314z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M17.87%2039.08l7.015%206.978c.585.582%201.35.873%202.116.873.77%200%201.542-.294%202.127-.883.344-.346%2015.98-15.974%2015.98-15.974%201.172-1.172%201.172-3.07%200-4.243-1.17-1.17-3.07-1.172-4.242%200l-13.87%2013.863-4.892-4.868c-1.174-1.168-3.074-1.164-4.242.01-1.168%201.176-1.163%203.075.01%204.244z%22%2F%3E%3C%2Fsvg%3E")}.Icon--vine{width:.9375em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2054%2072%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M48.23%2031.25c1.21-2.712%201.877-6.235%201.877-9.32%200-8.304-4.205-13.136-11.894-13.136-7.91%200-12.54%206.136-12.54%2014.225%200%208.01%203.71%2014.887%209.838%2018.018-2.573%205.194-5.853%209.775-9.264%2013.22-6.2-7.56-11.803-17.644-14.103-37.32H3c4.223%2032.774%2016.814%2043.21%2020.143%2045.213%201.883%201.147%203.505%201.09%205.227.112%202.705-1.555%2010.814-9.738%2015.32-19.33%201.883-.005%204.153-.223%206.417-.737V35.74c-1.384.32-2.726.465-3.934.465-6.776%200-11.997-4.774-11.997-13.082%200-4.068%201.558-6.184%203.767-6.184%202.1%200%203.493%201.9%203.493%205.754%200%202.186-.575%204.59-1.01%206.01%200%200%202.093%203.677%207.804%202.547z%22%2F%3E%3C%2Fsvg%3E")}.Icon--verifiedWhite{width:1.11111em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2072%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M57%2037.288c0-4.07-2.25-7.59-5.523-9.26.397-1.12.613-2.328.613-3.598%200-5.683-4.394-10.283-9.818-10.283-1.212%200-2.368.216-3.436.64C37.246%2011.357%2033.886%209%2030%209c-3.885%200-7.242%202.357-8.837%205.787-1.066-.424-2.228-.64-3.434-.64-5.426%200-9.82%204.6-9.82%2010.283%200%201.27.217%202.478.612%203.598-3.27%201.67-5.52%205.192-5.52%209.26%200%203.84%202.01%207.193%204.99%208.96-.05.435-.082.874-.082%201.323%200%205.683%204.392%2010.284%209.818%2010.284%201.206%200%202.368-.218%203.434-.638C22.758%2060.644%2026.115%2063%2030%2063c3.887%200%207.246-2.356%208.837-5.784%201.068.42%202.224.638%203.436.638%205.423%200%209.818-4.6%209.818-10.283%200-.448-.034-.886-.085-1.322C54.98%2044.48%2057%2041.128%2057%2037.288zm-14.797-6.742s-14.558%2014.55-14.878%2014.872c-.546.548-1.263.823-1.98.823-.712%200-1.425-.27-1.97-.812l-6.53-6.498c-1.093-1.088-1.098-2.857-.01-3.95%201.087-1.095%202.856-1.098%203.95-.01l4.555%204.53%2012.914-12.906c1.09-1.09%202.86-1.09%203.95%200%201.09%201.093%201.09%202.86%200%203.952z%22%2F%3E%3C%2Fsvg%3E")}.Icon--heart{width:.9375em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2054%2072%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23697882%22%20d%3D%22M38.723%2012c-7.187%200-11.16%207.306-11.723%208.13-.563-.824-4.496-8.13-11.723-8.13C8.79%2012%203.533%2018.163%203.533%2024.647%203.533%2039.964%2021.89%2055.907%2027%2056c5.11-.093%2023.467-16.036%2023.467-31.353C50.467%2018.163%2045.21%2012%2038.723%2012z%22%2F%3E%3C%2Fsvg%3E")}.Identity-name{font-weight:700}.Identity-screenName{color:#697882}.Identity:focus{text-decoration:none}.Identity:focus .Identity-name{text-decoration:underline}.Identity--blended:focus,.Identity--blended:hover{color:inherit}.Identity--blended .Identity-screenName{color:inherit}.Identity--withInlineAvatar{line-height:16px}.Identity--withInlineAvatar .Identity-avatar{width:16px;height:16px;border-radius:2px;vertical-align:top}.PrettyLink:focus{text-decoration:none}.PrettyLink:focus .PrettyLink-value{text-decoration:underline}.CroppedImage{position:relative;display:inline-block;overflow:hidden}.CroppedImage-image{position:absolute;top:0;left:0;min-height:100%;min-width:100%}.CroppedImage--fillHeight .CroppedImage-image{height:100%;width:auto}.CroppedImage--fillWidth .CroppedImage-image{width:100%;height:auto}.FilledIframe{max-width:100%;max-height:100%}.FilledIframe--upscale{width:100%;height:100%}.ImageGrid{position:relative}.ImageGrid-image{position:absolute;width:50%;padding-bottom:25%;border:0 solid #e1e8ed;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.ImageGrid--2 .ImageGrid-image{padding-bottom:50%}.ImageGrid--2 .ImageGrid-image-0{top:0;left:0}.ImageGrid--2 .ImageGrid-image-1{top:0;right:0;border-left-width:1px}.ImageGrid--3 .ImageGrid-image-0{float:left;padding-bottom:50%;top:0;left:0}.ImageGrid--3 .ImageGrid-image-1{top:0;right:0;border-left-width:1px}.ImageGrid--3 .ImageGrid-image-2{bottom:0;right:0;border-width:1px 0 0 1px}.ImageGrid--4 .ImageGrid-image-0{top:0;left:0}.ImageGrid--4 .ImageGrid-image-1{top:0;right:0;border-left-width:1px}.ImageGrid--4 .ImageGrid-image-2{bottom:0;left:0;border-top-width:1px}.ImageGrid--4 .ImageGrid-image-3{bottom:0;right:0;border-width:1px 0 0 1px}.ImageGrid--roundedTop.ImageGrid--2 .ImageGrid-image-0{border-top-left-radius:4px}.ImageGrid--roundedTop.ImageGrid--2 .ImageGrid-image-1{border-top-right-radius:4px}.ImageGrid--roundedTop.ImageGrid--3 .ImageGrid-image-0{border-top-left-radius:4px}.ImageGrid--roundedTop.ImageGrid--3 .ImageGrid-image-1{border-top-right-radius:4px}.ImageGrid--roundedTop.ImageGrid--4 .ImageGrid-image-0{border-top-left-radius:4px}.ImageGrid--roundedTop.ImageGrid--4 .ImageGrid-image-1{border-top-right-radius:4px}.ImageGrid--roundedBottom.ImageGrid--2 .ImageGrid-image-0{border-bottom-left-radius:4px}.ImageGrid--roundedBottom.ImageGrid--2 .ImageGrid-image-1{border-bottom-right-radius:4px}.ImageGrid--roundedBottom.ImageGrid--3 .ImageGrid-image-0{border-bottom-left-radius:4px}.ImageGrid--roundedBottom.ImageGrid--3 .ImageGrid-image-2{border-bottom-right-radius:4px}.ImageGrid--roundedBottom.ImageGrid--4 .ImageGrid-image-2{border-bottom-left-radius:4px}.ImageGrid--roundedBottom.ImageGrid--4 .ImageGrid-image-3{border-bottom-right-radius:4px}.PlayButton{font-size:64px;background-color:transparent}.PlayButton--centered{margin-left:-32px;margin-top:-32px}.NaturalImage{position:relative}.NaturalImage-image{max-width:100%;max-height:100%;border:0;line-height:0;height:auto}.NaturalImage-ctaOverlay{position:absolute;top:50%;left:50%}.NaturalImage--rounded .NaturalImage-image,.NaturalImage--roundedTop .NaturalImage-image{border-top-left-radius:4px;border-top-right-radius:4px}.NaturalImage--rounded .NaturalImage-image,.NaturalImage--roundedBottom .NaturalImage-image{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.NaturalImage--fill .NaturalImage-image{width:100%}.MediaCard-media{position:relative;width:100%;overflow:hidden}.MediaCard-widthConstraint{max-width:100%}.MediaCard-mediaContainer{position:relative;padding-bottom:0;background-color:#f5f8fa}.MediaCard-borderOverlay{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;border:1px solid rgba(225,232,237,.75);border-radius:4px 4px 0 0;-moz-box-sizing:border-box;box-sizing:border-box}.MediaCard-nsfwInfo{display:none;position:absolute;top:0;left:0;z-index:30;width:100%;padding:0 14px;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.MediaCard-nsfwHeading{margin:14px;font-size:14px;font-weight:700}.MediaCard-dismissNsfw{margin:14px}.MediaCard-mediaAsset{display:block;position:absolute;top:0;left:0;width:100%;height:100%;line-height:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;background-color:#fff}.MediaCard-mediaPlaceholder{background:#f5f8fa}.MediaCard-actionControl{position:absolute;top:50%;left:50%}.MediaCard-attributionOverlay{position:absolute;bottom:8px;right:12px;z-index:20;padding:4px;padding-right:8px;border-radius:4px;border:1px solid transparent;background-color:rgba(0,0,0,.3);color:#ddd;text-shadow:0 0 2px rgba(0,0,0,.7);font-size:12px;line-height:18px;-webkit-transition:background-color .3s ease-in;-moz-transition:background-color .3s ease-in;-o-transition:background-color .3s ease-in;transition:background-color .3s ease-in}.MediaCard-attributionOverlay:hover{background-color:#292f33;border-color:#fff}.MediaCard-siteUser{margin:0 0 14px}.MediaCard-bylineUser{color:#697882;margin:14px 0}.MediaCard--mediaForward .MediaCard-media{background-color:#f5f8fa}.MediaCard--mediaForward .MediaCard-widthConstraint{margin:0 auto}.MediaCard.is-nsfw .MediaCard-nsfwInfo{display:block}.MediaCard.is-nsfw .MediaCard-mediaAsset{opacity:0}.PrerenderedCard{display:none;height:0;width:100%;overflow:hidden}.PrerenderedCard.is-constrainedByMaxWidth{display:block}.PrerenderedCard.is-loaded{height:auto}.tcu-textMute,a.tcu-graylink{color:#697882}.EmbeddedTweet{overflow:hidden;cursor:pointer;background-color:#fff;border:1px solid #e1e8ed;border-radius:4px;max-width:520px}.EmbeddedTweet:hover{border-color:#ccd6dd}.EmbeddedTweet-ancestor{padding:20px 20px 17.6px 20px;background-color:#f5f8fa}.EmbeddedTweet-tweet{padding:20px 20px 11.6px 20px}.EmbeddedTweet--mediaForward{border:0}.EmbeddedTweet--mediaForward .EmbeddedTweet-tweet{padding-top:14.4px;border:1px solid #e1e8ed;border-width:0 1px 1px;border-radius:0 0 4px 4px}.EmbeddedTweet--mediaForward:hover .EmbeddedTweet-tweet{border-color:#ccd6dd}.EmbeddedTweet--mediaForward:hover .MediaCard-borderOverlay{border-color:rgba(204,214,221,.75)}.SandboxRoot.env-bp-min .EmbeddedTweet-ancestor{padding:17.5px 17.5px 15.4px 17.5px;background-color:#f5f8fa}.SandboxRoot.env-bp-min .EmbeddedTweet-tweet{padding:17.5px 17.5px 10.15px 17.5px}.SandboxRoot.env-bp-min .EmbeddedTweet--mediaForward .EmbeddedTweet-tweet{padding-top:12.6px}.FollowButton{display:inline-block;padding:5.5px 13px 6.5px 11.5px;font-size:14px;font-weight:700;line-height:1;color:#55acee;background-color:#fff;border:1px solid #55acee;border-radius:4px}.FollowButton:visited{color:#55acee}.FollowButton:active,.FollowButton:focus,.FollowButton:hover{color:#fff;text-decoration:none;background-color:#55acee}.FollowButton:active .Icon--twitter,.FollowButton:focus .Icon--twitter,.FollowButton:hover .Icon--twitter{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E")}.FollowButton-bird,.FollowButton-plus{position:relative;top:1px;display:inline-block}.Tweet-header{position:relative;padding-left:45px;white-space:nowrap}.Tweet-brand{position:relative;z-index:1}.Tweet-inReplyTo{margin-top:10px;font-size:14px;font-weight:300;color:#697882}.Tweet-author{margin-top:2px;line-height:0}.Tweet-authorLink{line-height:1.2}.Tweet-authorAvatar{position:absolute;display:inline-block;top:0;left:0;width:36px;height:36px;overflow:hidden;background-color:transparent;border-radius:4px}.Tweet-authorScreenName{font-size:14px}.Tweet-authorScreenName:before{white-space:pre;content:"\A\200e"}.Tweet-authorVerifiedBadge{position:absolute;top:0}.Tweet-text{white-space:pre-wrap;cursor:text}.Tweet.is-deciderHtmlWhitespace .Tweet-text{white-space:normal}.Tweet-body{margin-top:14px}.Tweet-text[dir=ltr]{text-align:left;direction:ltr}.Tweet-text[dir=rtl]{text-align:right;direction:rtl}.Tweet-text+.Tweet-alert,.Tweet-text+.Tweet-metadata{margin-top:3.2px}.Tweet-alert,.Tweet-metadata{font-size:14px;color:#697882}.Tweet-alert+.Tweet-metadata{margin-top:10.4px}.Tweet-card{margin-top:10.4px;font-size:14px}.Tweet-actions{margin-top:8.4px}.Tweet-action{display:inline-block}.Tweet-action+.Tweet-action{margin-left:14px}.Tweet--compact{position:relative;padding-left:45px;font-size:14px}.Tweet--compact .Tweet-header{position:static;padding-left:0}.Tweet--compact .Tweet-author,.Tweet--compact .TweetAuthor{margin-top:0}.Tweet--compact .Tweet-inReplyTo{margin-top:0}.Tweet--compact .Tweet-body{margin-top:6.4px}.Tweet--compact .Tweet-alert,.Tweet--compact .Tweet-metadata{margin-bottom:0;line-height:inherit}.SandboxRoot.env-bp-min .Tweet-body{margin-top:11.9px}.SandboxRoot.env-bp-min .Tweet-alert,.SandboxRoot.env-bp-min .Tweet-authorScreenName,.SandboxRoot.env-bp-min .Tweet-card,.SandboxRoot.env-bp-min .Tweet-inReplyTo,.SandboxRoot.env-bp-min .Tweet-metadata{font-size:12.25px}.SandboxRoot.env-bp-min .Tweet-text+.Tweet-alert,.SandboxRoot.env-bp-min .Tweet-text+.Tweet-metadata{margin-top:2.8px}.SandboxRoot.env-bp-min .Tweet-alert+.Tweet-metadata{margin-top:9.1px}.SandboxRoot.env-bp-min .Tweet-card{margin-top:9.1px}.SandboxRoot.env-bp-min .Tweet-actions{margin-top:7.35px}.SandboxRoot.env-bp-min .Tweet-action+.Tweet-action{margin-left:14px}.SandboxRoot.env-bp-min .Tweet--compact{font-size:12.25px}.SandboxRoot.env-bp-min .Tweet--compact .Tweet-header{margin-bottom:5.6px}.TweetAction,.TweetAction:visited{color:#697882}.TweetAction-stat{display:inline-block;font-size:14px;vertical-align:text-bottom}.TweetAction--reply:active,.TweetAction--reply:focus,.TweetAction--reply:hover{color:#1da1f2;text-decoration:none}.TweetAction--reply:active .TweetAction-icon,.TweetAction--reply:focus .TweetAction-icon,.TweetAction--reply:hover .TweetAction-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2062%2072%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%231DA1F2%22%20d%3D%22M41%2031h-9V19c0-1.14-.647-2.183-1.668-2.688-1.022-.507-2.243-.39-3.15.302l-21%2016C5.438%2033.18%205%2034.064%205%2035s.437%201.82%201.182%202.387l21%2016c.533.405%201.174.613%201.82.613.453%200%20.908-.103%201.33-.312C31.354%2053.183%2032%2052.14%2032%2051V39h9c5.514%200%2010%204.486%2010%2010%200%202.21%201.79%204%204%204s4-1.79%204-4c0-9.925-8.075-18-18-18z%22%2F%3E%3C%2Fsvg%3E")}.TweetAction--retweet:active,.TweetAction--retweet:focus,.TweetAction--retweet:hover{color:#19cf86;text-decoration:none}.TweetAction--retweet:active .TweetAction-icon,.TweetAction--retweet:focus .TweetAction-icon,.TweetAction--retweet:hover .TweetAction-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2074%2072%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%2319CF86%22%20d%3D%22M70.676%2036.644C70.166%2035.636%2069.13%2035%2068%2035h-7V19c0-2.21-1.79-4-4-4H34c-2.21%200-4%201.79-4%204s1.79%204%204%204h18c.552%200%20.998.446%201%20.998V35h-7c-1.13%200-2.165.636-2.676%201.644-.51%201.01-.412%202.22.257%203.13l11%2015C55.148%2055.545%2056.046%2056%2057%2056s1.855-.455%202.42-1.226l11-15c.668-.912.767-2.122.256-3.13zM40%2048H22c-.54%200-.97-.427-.992-.96L21%2036h7c1.13%200%202.166-.636%202.677-1.644.51-1.01.412-2.22-.257-3.13l-11-15C18.854%2015.455%2017.956%2015%2017%2015s-1.854.455-2.42%201.226l-11%2015c-.667.912-.767%202.122-.255%203.13C3.835%2035.365%204.87%2036%206%2036h7l.012%2016.003c.002%202.208%201.792%203.997%204%203.997h22.99c2.208%200%204-1.79%204-4s-1.792-4-4-4z%22%2F%3E%3C%2Fsvg%3E")}.TweetAction--heart:active,.TweetAction--heart:focus,.TweetAction--heart:hover{color:#e81c4f;text-decoration:none}.TweetAction--heart:active .TweetAction-icon,.TweetAction--heart:focus .TweetAction-icon,.TweetAction--heart:hover .TweetAction-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2054%2072%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23E81C4F%22%20d%3D%22M38.723%2012c-7.187%200-11.16%207.306-11.723%208.13-.563-.824-4.496-8.13-11.723-8.13C8.79%2012%203.533%2018.163%203.533%2024.647%203.533%2039.964%2021.89%2055.907%2027%2056c5.11-.093%2023.467-16.036%2023.467-31.353C50.467%2018.163%2045.21%2012%2038.723%2012z%22%2F%3E%3C%2Fsvg%3E")}.SandboxRoot.env-bp-min .TweetAction-stat{font-size:12.25px}.TweetAuthor{margin-top:2px;line-height:0;max-width:100%;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;word-wrap:normal !important}.TweetAuthor-link{line-height:1.2}.TweetAuthor-avatar{position:absolute;display:inline-block;top:0;left:0;width:36px;height:36px;overflow:hidden;background-color:transparent;border-radius:4px}.TweetAuthor-screenName{font-size:14px}.TweetAuthor-screenName:before{white-space:pre;content:"\A\200e"}.TweetAuthor-verifiedBadge{position:absolute;top:0}.SandboxRoot.env-bp-min .TweetAuthor-screenName{font-size:12.25px}.wvp-player-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}.SandboxRoot.env-bp-min{font-size:14px} @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url("https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHA.ttf") format('truetype'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url("https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWw.ttf") format('truetype'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url("https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPHA.ttf") format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url("https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf") format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url("https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0e.ttf") format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhs.ttf") format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url("https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf") format('truetype'); } @font-face { font-family: 'Source Code Pro'; font-style: normal; font-weight: 300; src: local('Source Code Pro Light'), local('SourceCodePro-Light'), url("https://fonts.gstatic.com/s/sourcecodepro/v7/HI_XiYsKILxRpg3hIP6sJ7fM7PqtlsnDs-cv.ttf") format('truetype'); } @font-face { font-family: 'Source Code Pro'; font-style: normal; font-weight: 400; src: local('Source Code Pro'), local('SourceCodePro-Regular'), url("https://fonts.gstatic.com/s/sourcecodepro/v7/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevT.ttf") format('truetype'); } @font-face { font-family: 'Source Code Pro'; font-style: normal; font-weight: 500; src: local('Source Code Pro Medium'), local('SourceCodePro-Medium'), url("https://fonts.gstatic.com/s/sourcecodepro/v7/HI_XiYsKILxRpg3hIP6sJ7fM7PqtzsjDs-cv.ttf") format('truetype'); } @font-face { font-family: 'Source Code Pro'; font-style: normal; font-weight: 700; src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'), url("https://fonts.gstatic.com/s/sourcecodepro/v7/HI_XiYsKILxRpg3hIP6sJ7fM7Pqths7Ds-cv.ttf") format('truetype'); } @font-face { font-family: 'Source Code Pro'; font-style: normal; font-weight: 900; src: local('Source Code Pro Black'), local('SourceCodePro-Black'), url("https://fonts.gstatic.com/s/sourcecodepro/v7/HI_XiYsKILxRpg3hIP6sJ7fM7PqtvszDs-cv.ttf") format('truetype'); } @font-face { font-family: "CorporateS"; src: url("https://cdn2.hubspot.net/hubfs/2275019/build/fonts/c063023tWeb.eot?t=1532868257377"); } img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; } video { max-width: 100%; height: auto; } .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } .widget-type-space { visibility: hidden; } .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("https://static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("https://static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("https://static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("https://static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url("https://static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png") no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url("https://static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png") no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } pre { overflow-x: auto; } table pre { white-space: pre-wrap; } .comment { margin: 10px 0 10px 0; } .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } #map_canvas img, .google-maps img { max-width: none; } #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} body.docs { color: #828282; background-color: #FAFAFA; } body.docs p, body.docs pre > code { font-size: 16px; line-height: 1.7em; margin-bottom: 0px; font-weight: 300; } body.docs pre > code { font-size: 15px; } body.docs p { margin-bottom: 16px; } @media all and (max-width: 767px) { body.docs pre > code { text-align: left; } } body.docs h1 { font-weight:300; } body.docs h3, body.docs h4, body.docs h5 { margin:24px 0; } body.docs .post-header h1, body.docs .pricing-block h2 { margin:0 0 24px 0; } body.docs pre { background-color: transparent; border: none; margin: 0; padding: 20px; } body.docs .algolia-autocomplete { width: 100%; margin-bottom: 0; } body.docs .search-input { font-family: inherit; font-weight: inherit; box-shadow: none; } body.docs blockquote { color: #8a8a8a; border-left: 1px solid #8a8a8a; padding-left: 20px; font-style: italic; padding: 10px 0 1px 20px; margin: 20px 0 20px 0; } body.docs .hs_cos_wrapper_type_rich_text li { margin-bottom: 10px; line-height: 1.7em; } body.docs p code, body.docs li code { border: 1px solid #eee; font-weight: 300; background: #fff; padding: 3px 5px; border-radius: 4px; color: #cc3333; white-space: nowrap; font-size: 15px; } body.docs table { line-height: 1.7em; font-size: 15px; border-collapse: collapse; } @media all and (max-width: 920px) { body.docs table { font-size: 12px; margin-bottom:20px; } } body.docs tr:nth-child(even) { background-color:#fff; } body.docs tr { height:38px !important; } body.docs td { padding: 8px 10px; border: 1px solid #ccc; } body.docs .tableTip {display:none;} @media only screen and (max-width: 767px) { body.docs table.responsive { margin-bottom: 0; } body.docs .pinned { position: absolute; left: 0; top: 0; width: 50%; overflow: hidden; overflow-x: scroll;} body.docs .pinned table { border-right: none; border-left: none; width: 100%; } body.docs.pinned table th, .pinned table td { white-space: nowrap; } body.docs .pinned td:last-child { border-bottom: 0; } body.docs .pinned td { padding: 8px 10px; border: 1px solid #ccc; } body.docs .pinned { border-right:1px solid #ccc; } body.docs div.table-wrapper { position: relative; overflow: hidden; margin-bottom:20px;} body.docs div.table-wrapper div.scrollable { margin-left: 50%; } body.docs div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } body.docs table.responsive td, body.docs table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } body.docs table.responsive th:first-child, body.docs table.responsive td:first-child, body.docs table.responsive td:first-child, body.docs table.responsive.pinned td { display: none; } body.docs .tableTip {display:block;background-color:#fff9cc;border:1px solid #fff188;border-radius:4px;padding: 8px 0;font-size: 13px;margin:0 0 20px;} } .hs-content-id-4503160866 td { border: none !important; } .hs-content-id-4503160866 tr:nth-child(even) { background-color: transparent !important; } body { font-family: 'Lato', sans-serif; font-size: 16px; line-height: 1.5em; color: #828282; margin: 0 !important; letter-spacing: 0.5px; } h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; color: #242932; } h1,h2,h3,h4,h5,h6,ul,ol,li,p { -webkit-margin-before: 0; -webkit-margin-after: 0; margin-bottom: 24px; font-weight: 300; } h1 { font-size: 40px; line-height: 1.2em; font-weight: 400; } h2 { font-size: 40px; line-height: 1.2em; } h3 { font-size: 24px; line-height: 1.2em; } h4 { font-size: 18px; line-height: 1.2em; } h5 { font-size: 14px; line-height: 1.2em; } h6 { font-size: 10px; line-height: 1.2em; } p { font-size: 16px; line-height: 1.2em; margin-bottom: 16px; } ul { } ol { } li { } ul li { } ol li { } a:link, a:visited, a:active { color: #23b1e8; text-decoration: none; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } a:hover { color: #23b1e8; text-decoration: none; } img { height: auto !important; } .page-center { max-width: 1024px !important; margin: 0 auto !important; float: none !important; } .page-center-small { max-width: 600px !important; margin: 0 auto !important; float: none !important; } .page-center-mid { max-width: 800px !important; margin: 0 auto !important; float: none !important; } .page-center-wide { max-width: 1200px !important; margin: 0 auto !important; float: none !important; } @media (max-width: 1100px) { .page-center { padding: 0 30px; } } @media (max-width: 800px) { .page-center-mid { padding: 0 20px; } } @media (max-width: 600px) { .page-center-small { padding: 0 20px; } } .blog.list .header-container-wrapper { position: relative; z-index: 8000; } .bg-fill-light-blue { background-color: #f3faff; position: relative; z-index: 5; } .bg-fill-primary-blue { background-color: #23b1e8; position: relative; z-index: 5; } .bg-fill-primary-blue h2 { color: #ffffff; } .bg-fill-purple { background-color: #6e418c; color: white; position: relative; z-index: 5; } .bg-fill-grey { background-color: #f5f7f8; position: relative; z-index: 5; } .bg-fill-white { position: relative; z-index: 5; } .bg-fill-white-solid { background-color: #fff; position: relative; z-index: 5; } .bg-fill-two-grey-dk { background: #57667c; background: -webkit-linear-gradient(98deg, #57667c 29%, #60708c 29.1%); background: -o-linear-gradient(98deg, #57667c 29%, #60708c 29.1%); background: -moz-linear-gradient(98deg, #57667c 29%, #60708c 29.1%); background: linear-gradient(98deg, #57667c 29%, #60708c 29.1%); color: #ffffff; position: relative; z-index: 5; } .bg-fill-two-grey-dk h1, .bg-fill-two-grey-dk h2, .bg-fill-two-grey-dk h3, .bg-fill-two-grey-dk h4, .bg-fill-two-grey-dk h5, .bg-fill-two-grey-dk h6, .bg-fill-two-grey-dk li { color: #ffffff; } .bg-fill-two-grey-dk p { color: #bcbec0; } .page-header { max-width: 1040px; margin: 0 auto !important; float: none !important; position: relative; z-index: 15; line-height: 1.2em; } .page-header .sign-up-login a { color: #fff; font-size: 12px; } .pricing .page-header .sign-up-login a, .blog.list .page-header .sign-up-login a { color: #242932; } a.button { display: inline-block; margin: 10px; padding: 10px 20px; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 3px; } @media (min-width: 768px) { a.button:first-child { margin-left: 0; } } a.button-blue-border { color: #fff; background-color:transparent; border: 2px solid #23b1e8; } a.button-blue-border:hover { background-color: #23b1e8; } a.button-blue-fill { color: #fff; border: 2px solid #23b1e8; background-color: #23b1e8; } form input.hs-button { color: #fff !important; padding: 4px 30px; margin-top: 0; border: 2px solid #23b1e8 !important; background-color: #23b1e8; display: inline-block; margin: 10px; padding: 10px 20px; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 3px; } form input.hs-button:hover { background-color: transparent !important; color: #23b1e8 !important; } a.button-blue-fill:hover { background-color: transparent; color: #23b1e8; } a.button-white-fill { color: #23b1e8; border: 2px solid #fff; background-color: #fff; } a.button-white-fill:hover { background-color: transparent; color: #fff; } a.button-green-fill { color: #fff; border: 2px solid #6ebf45; background-color: #6ebf45; } a.button-green-fill:hover { background-color: transparent; color: #6ebf45; } a.button-purple-fill { color: #fff; border: 2px solid rgb(174,64,234); background-color: rgb(174,64,234); } a.button-purple-fill:hover { background-color: transparent; color: rgb(174,64,234); } .page-header .sign-up-login a.button-login { color: #fff !important; padding: 4px 30px; margin-top: 0; border: 2px solid #23b1e8; background-color: #23b1e8; } .page-header .sign-up-login a.button-login:hover { background-color: transparent !important; color: #23b1e8 !important; } a.newbutton { display: inline-block; margin: 10px 5px; border-radius: 3px; background:#35c3ef; cursor: pointer; color: #fff; text-align: center; padding: 8px 40px; font-size: 15px; position: relative; } .newbutton-blue { background:#35c3ef !important; border-bottom:1px solid #279fc4; } .newbutton-green { background:#52dd8d !important; border-bottom: 1px solid #3ca668; } .newbutton-red { background:#ff4848 !important; border-bottom: 1px solid #d43a3a; } .newbutton-orange { background:#f39c12 !important; border-bottom: 1px solid #b57209; } .newbutton-blue-outline { background:transparent !important; border:2px solid #326ce5; } .newbutton-blue-outline:hover { background:#326ce5 !important; border:2px solid #326ce5; top: 0px !important; } .newbutton-pink-outline { background:transparent !important; border:2px solid #d66ae2; } .newbutton-pink-outline:hover { background:#d66ae2 !important; border:2px solid #d66ae2; top: 0px !important; } .content-section { padding: 100px 0; } .grid-slider.content-section { padding: 100px 0 75px; } .platform .how-it-works.content-section { padding: 90px 0; } .platform-section.content-section { padding: 0 0 100px; } .integrations .content-section, .enterprise .content-section { border-top: 1px solid #e6e7e8; background: #fff; position: relative; z-index: 1; } .split-section.content-section { padding-bottom: 0; } .integrations .latest-updates.content-section { padding: 80px 0; } .content-section.features-icon-section { padding: 90px 0; } .content-section.features-and-capabilities { padding: 80px 0; } .content-section.menu-section { padding: 150px 0 0; } @media all and (max-width: 767px) { .wercker-blog { text-align: center; } .wercker-blog .post-item { width: 100% !important; } } .careers .section-title h3 { line-height: 40px; max-width: 80%; margin: 0 auto 24px; } .careers .bg-fill-grey { background-color: #FAFAFA; } .careers .tech-section h4 { margin: 20px auto 40px; width: 130px; border-radius: 30px; background-color: #FFFFFF; line-height: 30px; box-shadow: 0 1px 4px 0 rgba(36,41,50,0.2); font-style: italic; } .careers .offices h2 { text-align: center; width: 60%; margin: 0 auto 50px; } .careers .description { width: 80%; margin: 0 auto !important; float: none; display: block; } .careers .description p { line-height: 30px; color: #60718C; } .careers .job-list-box a.button.button-blue-fill { width: 100%; } .careers .job-list-box:hover { box-shadow: 0 2px 14px 0 rgba(36,41,50,0.2); } .careers .other-positions { padding-top: 0; } .careers .contact-invitation { padding-top: 0; } .careers .contact-invitation h3 { line-height: 40px; } @media all and (max-width: 767px) { .careers .technologies { margin-top: 100px; } .careers .offices h2 { width: 100%; } .careers .what-to-expect { padding-top: 0; } .careers .job-list-box a.button.button-blue-fill { width: auto; } .careers .job-button { width: 100%; left: 0; } } .double-column { text-align: justify; } @media (min-width: 768px) { .double-column { -webkit-column-count:2; -moz-column-count:2; -o-column-count:2; column-count:2; -webkit-column-gap:2.5em; -moz-column-gap:2.5em; -o-column-gap:2.5em; column-gap:2.5em; vertical-align:top; min-height: 180px !important; overflow-x: hidden; } .double-column p { margin-top: 0; } } .enterprise-icon { margin-top: 20px; padding: 40px; } .enterprise-logo { margin-top: 20px; padding: 0 20px 0 20px; margin-bottom: 0; } .enterprise-logo h2 { margin-bottom: 0; } .enterprise-split-section { background-image: url("https://cdn2.hubspot.net/hubfs/2275019/build/img/middle-line-bg.png?t=1532868257377"); background-position: center top; background-repeat: repeat-y; } .enterprise .split-title { border-bottom: 1px solid #e6e7e8; } .enterprise .split-title h4 { max-width: 60%; margin: 0 auto 20px; } .enterprise .logo-section { padding: 100px 0; } .enterprise .install-section { padding-bottom: 0; padding-top: 50px; } .split-section .section-title { margin-bottom: 75px; } .split-group { margin-top: 50px; margin-bottom: 100px; } .split-group > span > div { width: 90%; } .split-group.right > span > div { margin-left: 50px; } .split-group .hs_cos_wrapper_type_rich_text { margin-bottom: 50px; } @media (max-width: 767px) { .split-group.right > span > div { margin-left: 0; } .enterprise-split-section { background: none; } .split-group .hs_cos_wrapper_type_rich_text { margin-bottom: 50px; text-align: center; width: 100%; } } .features-console-section .cli-feature p { width: 100%; margin-bottom: 50px; } .features-console-section .cli-feature { padding-top: 25px; padding-left: 50px; } .footer { background-color: #242931; padding: 80px 0 90px; color: #fff; border-top: 1px solid #3b4e6b; } .footer h3 { color :#fff; font-size: 16px; } .footer a:link, .footer a:visited, .footer a:active { color: #fff; } .footer a:link:hover, .footer a:hover { color: #C74CFC; } .footer-copyright { font-size: 12px; color: white; } .footer-copyright a:link, .footer-copyright a:visited, .footer-copyright a:active { color: #666; margin-left: 10px; } .footer-cta-section { background-image: url("https://cdn2.hubspot.net/hubfs/2275019/build/img/footer-cubes-new.png?t=1532868257377"); background-repeat: no-repeat; background-size: cover; padding: 160px 0 160px; position: relative; } .footer-cta-text, .footer-cta-text h1, .footer-cta-text h2, .footer-cta-text h3, .footer-cta-text h4, .footer-cta-text h5, .footer-cta-text h6, .footer-cta-text p { color: #fff; } .header-logo { margin-top: 2px; width: 110px !important; transition: none !important; } .features .features-icon img { margin-bottom: 50px; } .features .features-icon-section { background: white; background: -webkit-linear-gradient(76deg,#e6e7e8 5%,#fff 5.1%); background: -o-linear-gradient(76deg,#e6e7e8 5%,#fff 5.1%); background: -moz-linear-gradient(76deg,#e6e7e8 5%,#fff 5.1%); background: linear-gradient(76deg,#e6e7e8 5%,#fff 5.1%); } .features .features-and-capabilities .container { padding: 0 5%; } .features .features-and-capabilities .capability-container { margin-top: 10px; margin-bottom: 10px; max-width: 23%; margin: 10px 5%; } .features .features-and-capabilities .inner-container { padding-left: 5%; } .features .features-and-capabilities .capability-container .capabilities p{ } @media all and (max-width: 767px) { .features { } .features .features-and-capabilities .capability-container { max-width: none; } .features .features-and-capabilities .inner-container { padding: 0; } } @media all and (min-width: 768px) and (max-width: 1024px) { .features .features-and-capabilities .intro-header { width: 100%; } .features .features-and-capabilities .intro-header h2 { text-align: center !important; } .features .features-and-capabilities .inner-container { width: 100%; margin: 0; } } .features .features-and-capabilities ul { list-style: none; -webkit-padding-start: 0; padding-left: 0px !important; } .features .features-and-capabilities ul li { background: url("https://cdn2.hubspot.net/hubfs/2275019/build/img/tick.png?t=1532868257377") no-repeat left 5px; padding-left: 30px; background-size: 15px; } html, body { overflow-x: hidden; } .home .hero-image img { margin-top: -50px; margin-bottom: 50px; float: right; } @media all and (max-width: 767px) { .home .hero-image img { margin-top: 0px; float: none; } .home .hero-image { margin: 0 auto; float: none; } } @media all and (min-width: 768px) and (max-width: 1024px) { .home .hero-image { margin: 0 auto; float: none; } .home .hero-image img { margin-top: 0; } } .home .bg-fill-purple { background: #7d479b; background: -webkit-linear-gradient(76deg,#6e418c 11%,#7d479b 11.1%); background: -o-linear-gradient(76deg,#6e418c 11%,#7d479b 11.1%); background: -moz-linear-gradient(76deg,#6e418c 11%,#7d479b 11.1%); background: linear-gradient(76deg,#6e418c 11%,#7d479b 11.1%); position: relative; z-index: 1; } .home .bg-fill-purple.content-section { padding: 80px 0 95px; } .home .bg-fill-purple .slick-slider-logo { background-repeat: no-repeat; background-position: center center; height: 37px; } .home .bg-fill-purple .slick-slider-logo { opacity: .6; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; position: relative; cursor: pointer; } .home .bg-fill-purple .slick-slider-logo-container.slick-current .slick-slider-logo { opacity: 1; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .home .bg-fill-purple .slick-dots li button:before { font-size: 30px; } .home .bg-fill-purple .slick-text-slides { margin-top: 10px; } .home .bg-fill-purple .slick-slider-logo-container .slick-slider-logo:before { content: ""; border-bottom: 1px solid white; height: 1px; width: 230px; position: absolute; bottom: -10px; bottom: -40px; left: 50%; margin-left: -115px; opacity: 0; -webkit-transition: opacity .5s ease-in-out, bottom .5s ease-in-out; -moz-transition: opacity .5s ease-in-out, bottom .5s ease-in-out; -ms-transition: opacity .5s ease-in-out, bottom .5s ease-in-out; transition: opacity .5s ease-in-out, bottom .5s ease-in-out; } .home .bg-fill-purple .slick-slider-logo-container.slick-current .slick-slider-logo:before { opacity: 1; bottom: -10px; -webkit-transition: opacity .5s ease-in-out, bottom .5s ease-in-out; -moz-transition: opacity .5s ease-in-out, bottom .5s ease-in-out; -ms-transition: opacity .5s ease-in-out, bottom .5s ease-in-out; transition: opacity .5s ease-in-out, bottom .5s ease-in-out; } .home .bg-fill-purple .slick-slider-logo-container { height: 70px; } .home .bg-fill-purple .slick-slide:focus { outline: none; } .home p.testimony { max-width: 700px; margin: 0 auto 16px; } .home .bg-fill-purple .slick-slide .testimony-name { opacity: .39; } .home .bg-fill-purple .slick-text-slides { font-size: 24px; line-height: 24px; } .home .bg-fill-purple .slick-text-slides .testimony-name { font-size: 16px; } .home .bg-fill-white-solid .section-title { margin-bottom: 75px; } .home .bg-fill-white-solid .slick-slider-image { background-repeat: no-repeat; background-position: center center; height: 400px; background-size: contain; } .home .bg-fill-white-solid .slick-tabs .slick-slide { width: 75% !important; margin: 0 auto; float: none; } .home .bg-fill-white-solid .slider-text-container { padding-top: 75px; vertical-align: top; position: relative; cursor: pointer; } .home .bg-fill-white-solid .slider-text-container:before { content: ""; width: 15px; height: 15px; border-radius: 50%; position: absolute; top: 50px; left: 50%; margin-left: -7.5px; background-color: #e6e6e6; } .home .slick-slide:focus { outline: none; } .home .slider-text-container:hover h3, .home .slider-text-container:hover p { color: #23b1e8; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -webkit-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .home .bg-fill-white-solid .slider-text-container p { width: 50%; margin: 0 auto 16px; } .home .click-bubble { content: ""; border-radius: 50%; position: absolute; top: 50px; left: 50%; margin-left: -7.5px; width: 0; height: 0; margin: -0.5px; margin-top: 8px; background-color: #23b1e8; -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out; -moz-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out; -ms-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out; transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out; } .home .clicked-bubble { width: 15px; height: 15px; margin: 0; margin-left: -7.5px; } .home .slick-overlay-container { position: relative; } .home .slick-overlay.slick-left-overlay { position: absolute; height: 600px; width: 20%; background: white; background: linear-gradient(left,rgba(255,255,255,1) 35%,rgba(255,255,255,0)); background: linear-gradient(right,rgba(255,255,255,1) 35%,rgba(255,255,255,0)); background: -moz-linear-gradient(right,rgba(255,255,255,1) 35%,rgba(255,255,255,0)); background: linear-gradient(to right, rgba(255,255,255,1) 35%, rgba(255,255,255,0)); z-index: 10; top: 0; } .home .slick-overlay.slick-right-overlay { position: absolute; height: 600px; width: 20%; background: white; background: linear-gradient(right,rgba(255,255,255,1) 35%,rgba(255,255,255,0)); background: linear-gradient(left,rgba(255,255,255,1) 35%,rgba(255,255,255,0)); background: -moz-linear-gradient(left,rgba(255,255,255,1) 35%,rgba(255,255,255,0)); background: linear-gradient(to left,rgba(255,255,255,1) 35%,rgba(255,255,255,0)); z-index: 10; right: 0; top: 0; } .home .bg-fill-white .section-title { margin-bottom: 50px; } .home .bg-fill-white .see-all-features { margin-top: 50px; } .home .get-werck-container { border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .home .get-werck-container:hover { -o-transform: translate(0px, -20px); -ms-transform: translate(0px, -20px); transform: translate(0px, -20px); box-shadow: 0 30px 20px rgba(0,0,0,0.2); } .home .get-werck-icon { background-color: #fafafa; height: 150px; padding-top: 25px; overflow: hidden; } .home .get-werck-text { background-color: #fff; padding: 20px 10px; } .home .get-werck-text ul { -webkit-margin-left: 20px; } .home .get-werck-text ul li { -webkit-margin-left: 5px; } .features .section-title { margin-bottom: 50px; } .integrations .section-title { margin-bottom: 50px; } .integrations .video-section { border-top: none; padding-top: 0; } .integrations .integrations-icon-section { padding-left: 10%; padding-right: 10%; } .integrations .integrations-icon-section p { width: 80%; margin: 0 auto; } .resource-block span { color: white; } @media all and (max-width: 767px) { .main-resource-header { bottom: -389px; top: initial !important; width: auto !important; box-shadow: 0 0 5px rgba(0,0,0,0.2); } .main-resource-block { margin-bottom: 419px; } .resource-block { margin: 0 auto 30px; width: auto !important } .integrations .integrations-icon-section p { margin: 0; width: 100%; } .integration-video-container { margin-bottom: 30px !important; } .footer { text-align: center; } .integrations-icon { margin-bottom: 30px; } .features-console-section .cli-feature { text-align: center; padding-left: 0; } .features-console-section .cli-feature p { width: 80%; margin: 0 auto; margin-bottom: 50px; } } @media all and (min-width: 768px) and (max-width: 966px) { .features-console-section .widget-type-rich_text img { padding: 100px 0; } } @media all and (min-width: 768px) and (max-width: 1024px) { .primary-resource-container { width: 100% !important; margin-bottom: 30px; } .resource-container { width: 55.5% !important; margin: 0 auto !important; float: none !important; } .main-resource-block { width: 100% !important; } .resource-block { margin: 0 auto; margin-left: 15px; margin-right: 15px; } .resource-container .widget-span.widget-type-custom_widget { width: auto; margin: 0; } .features-console-section { padding: 0 20px; } } .image-left .row-fluid { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } .intro-header { margin-bottom: 50px; } .intro-header h3 { color: white; } .open-positions { } .page-header { padding: 20px 20px 0; } .page-header li { margin-bottom:0; } @media (min-width: 768px) { .sign-up-login { text-align: right !important; } } .page-hero { position: relative; min-height: 680px !important; } .blog .page-hero { min-height: 0 !important; } .page-hero, .page-hero h1, .page-hero h2, .page-hero h3, .page-hero h4, .page-hero h5 .page-hero h6, .page-hero p { color: #fff; } .page-hero h2 { font-weight: 400; } .home .page-hero { background: #4c5d79; background: -webkit-linear-gradient(left, #242931, #4c5d79); background: -o-linear-gradient(right, #242931, #4c5d79); background: -moz-linear-gradient(right, #242931, #4c5d79); background: linear-gradient(to right, #242931 , #4c5d79); } .features .page-hero { background: #ff9219; background: -webkit-linear-gradient(left, #ff9219, #ffbf00); background: -o-linear-gradient(right, #ff9219, #ffbf00); background: -moz-linear-gradient(right, #ff9219, #ffbf00); background: linear-gradient(to right, #ff9219 , #ffbf00); } .platform .page-hero { background: #ff3362; background: -webkit-linear-gradient(left, #ff3362, #cf1657); background: -o-linear-gradient(right, #ff3362, #cf1657); background: -moz-linear-gradient(right, #ff3362, #cf1657); background: linear-gradient(to right, #ff3362 , #cf1657); } .integrations .page-hero { background: #ae40ea; background: -webkit-linear-gradient(left, #ae40ea, #b489ff); background: -o-linear-gradient(right, #ae40ea, #b489ff); background: -moz-linear-gradient(right, #ae40ea, #b489ff); background: linear-gradient(to right, #ae40ea , #b489ff); } .enterprise .page-hero { background: #7095ff; background: -webkit-linear-gradient(left, #7095ff, #a198ff); background: -o-linear-gradient(right, #7095ff, #a198ff); background: -moz-linear-gradient(right, #7095ff, #a198ff); background: linear-gradient(to right, #7095ff , #a198ff); } .about .page-hero { background: #23b1e8; background: -webkit-linear-gradient(left, #23b1e8, #1b8dbc); background: -o-linear-gradient(right, #23b1e8, #1b8dbc); background: -moz-linear-gradient(right, #23b1e8, #1b8dbc); background: linear-gradient(to right, #23b1e8 , #1b8dbc); } .careers .page-hero { background: #23b1e8; background: -webkit-linear-gradient(left,#23b1e8,#1b8dbc); background: -o-linear-gradient(right,#23b1e8,#1b8dbc); background: -moz-linear-gradient(right,#23b1e8,#1b8dbc); background: linear-gradient(to right,#23b1e8,#1b8dbc); } .sign-up .page-hero { background: rgb(110,191,69); background-image: url("https://cdn2.hubspot.net/hubfs/2275019/build/img/Artboard_20.png?t=1532868257377"); background-repeat: no-repeat; background-size: cover; background-position: center top; } .blog.post .page-hero { background: rgba(25,18,42,0.8); } .blog.post .page-hero-image { background-repeat: no-repeat; background-position: center center; background-size: cover; } .page-hero-content { padding-top: 150px; position: relative; z-index: 5; } .integrations .page-hero-content { padding: 294px 0 0; } .features .page-hero-content { padding: 290px 0 0; } @media all and (min-width: 768px) { .sign-up .page-hero-content { padding: 150px 0 100px; } } .blog.post .page-hero-content { padding: 200px 0 100px; } .enterprise .page-hero-content { padding: 290px 0 0; } .platforms-features-section { padding-left: 5%; padding-right: 5%; max-width: 1500px; margin: 0 auto !important; float: none !important; display: block !important; } .platform-feature { padding: 30px 0; } .platform-feature .row-fluid { margin-top: 50px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .platform-icon { text-align: center; margin-bottom: 30px; } .platform-icon img { width: auto !important; } .platform-icon-group { margin-top: 100px; } .platform .image-left .platform-features-text { margin-left: 2.127659574%; margin: 0 auto; } .platform-features-text { max-width: 65%; } .platform .image-right .platform-features-text { margin-left: -20%; } .platform .image-left .platform-features-image { margin-left: 0; } @media all and (max-width: 767px) { .platform { text-align: center; } .platform .platform-section { padding-top: 0; } .platform-features-image { width: 100% !important; } .platform-feature .row-fluid { -webkit-flex-direction: reverse-column; flex-direction: reverse-column; flex-wrap: wrap-reverse; } .platform .image-right .platform-features-text { margin-left: 0; } } @media all and (min-width: 768px) and (max-width: 1024px) { .platform .page hero, .platform .footer { text-align: center; } .platform-icon, .platform-text { float: inherit !important; width: inherit !important; display: inherit !important; } .platform-icon img { display: block; margin: 0 auto; } .platform-text p { text-align: center; } } .pricing-block .section-title { margin-bottom: 50px; } .pricing .pricing-block { background-image: url("https://cdn2.hubspot.net/hubfs/2275019/build/img/pricing-bg.png?t=1532868257377"); background-repeat: repeat-y; background-size: cover; background-position: center top; } .pricing .pricing-icon img { } .pricing .pricing-title { width: 60%; margin: 20px auto 24px; } .pricing .section-title { margin-bottom: 75px !important; } .pricing .outer-container { padding-top: 50px; } .pricing .vpc-section { margin: 30px 31px 0 !important; padding: 50px 20px; border-radius: 5px; border: 1px solid #afeef9; background-color: #f4fcfe; width: auto; position: relative; } .vpc-cube1 { position: absolute; top: -28px; left: 38px; max-width: 80px; } .vpc-cube2 { position: absolute; top: -28px; right: 80px; max-width: 70px; } .vpc-cube3 { position: absolute; top: -20px; right: -20px; } .vpc-cube4 { position: absolute; bottom: -49px; left: 100px; max-width: 130px; } @media all and (max-width: 767px) { .pricing .vpc-section { margin: 30px 0 0 0 !important; } .pricing .vpc-cube1 { left: -26px; } .pricing .vpc-cube2 { right: 148px; } .pricing .vpc-cube4 { bottom: -65px; left: 126px; } } .section-title { } .testimonials-logo { } .testimonials-section { } .testimonials-text { } .top-margin-50 { margin-top: 50px; } .blog-list-page { } .blog.list .page-center { max-width: 1200px !important; } .blog.list.wercker-blog .blog-content-title { width: 66%; float: left; margin-top: -14px; } .blog.list.wercker-blog .blog-publish-date { float: right; font-weight: 900; } .blog.list.wercker-blog .learn-more { font-weight: 900; position: absolute; bottom: 30px; left: 40px; } .blog.list.wercker-blog .post-body { clear: both; } .blog .blog-pagination a { margin: 20px 100px; } @media (max-width: 846px) { .blog .blog-pagination a { margin: 20px; } } .blog.list .blog-pagination { clear:both; margin: 0 auto; float:none; text-align: center; padding: 0 0 40px; } .blog.list .more-link { margin-top: 50px; } .blog.list .post-item-overlay { padding: 60px 40px; min-height: 340px; position: relative; background-color: #694bf6; opacity: 0.8; } .blog.list .post-item h2 { font-size:24px; } .blog.list .post-header h2 { font-size:28px; line-height: 1.5em; } .blog.list .post-header { font-size: 12px; } .blog.list .post-header p { font-size: 12px; } .blog.list .post-item .post-header-title { min-height: 90px; } .blog.list .blog-link:link, .blog.list .blog-link:link h2 { color: #fff; } .blog.list .blog-link:visited, .blog.list .blog-link:visited h2 { color: #fff; } .blog.list .blog-link:active, .blog.list .blog-link:active h2 { color: #fff; } .blog.list .blog-link:hover { color: ; } .blog-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover, .blog-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active a { color: #23b1e8; } .blog.post .display-author { font-size:10px; } .blog.post #hubspot-author_data { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; justify-content: initial; -webkit-justify-content: initial; } .blog.post .hs-author-avatar { max-width:40px; max-height:40px; overflow:hidden; border-radius:20px; float: left; margin-right: 10px; } .blog.post .author-avatar-small { width:40px; height:auto; } .wercker-blog.blog.list .post-item { box-shadow: 0 2px 20px -10px #000; -webkit-box-shadow: 0 2px 20px -10px #000; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 48.380599%; padding: 0; margin: 0 0 40px; min-height: 230px; overflow: hidden; float: left; -webkit-transition: all .2s ease-in-out !important; transition: all .2s ease-in-out !important; } .wercker-blog.blog.list .post-item-right { float: right; } .wercker-blog .blog-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { color: #bcbec0 ; font-size: 13px; padding: 6px 0; } @media (max-width: 767px) { .wercker-blog .blog-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { padding: 6px 10px; } } .wercker-blog .blog-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover, .blog-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active a { color: #23b1e8; } .wercker-blog .blog-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { display: inline-block; white-space: nowrap; max-width: none; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .wercker-blog .menu-section form { top: -25px; position: relative; } .wercker-blog .menu-section .footer-subscribe .hs-button.primary { margin-top: 0; font-size: 11px; color: #939598 ; } @media (min-width: 768px) and (max-width: 1199px) { .wercker-blog .menu-section .footer-subscribe { clear: both; width: 51% !important; margin: 10px 0 0 !important; } .blog-menu { width: 100% !important; } } .wercker-blog .menu-section .footer-subscribe .hs-button.primary:hover { background-color: #23b1e8; border: none; color: white; } .blog .post-item-overlay, .blog .post-item-overlay em, .blog .post-item-overlay span, .blog .post-item-overlay a, .blog .post-item-overlay .more-link, .blog .post-item-overlay h1, .blog .post-item-overlay h2, .blog .post-item-overlay h3, .blog .post-item-overlay h4, .blog .post-item-overlay h5, .blog .post-item-overlay h6, .blog .post-item-overlay p { color: white; } .blog.post pre { background-color: #FAFAFA; border: 1px solid #DCDFE0; margin-top: 30px; margin-bottom: 30px; padding: 20px; overflow-x: scroll; overflow-y: auto; } .blog.post code { margin: 0 3px; padding: 4px 6px; border-radius: 2px; color: #4C5D79; font-family: SourceCodePro, sans-serif; } .blog.post .warning-nudge { padding: 10px; border-radius: 4px; background-color: #FFF8CB; font-size: 14px; line-height: 22px; color: #626463; margin-bottom: 30px; } .blog.post .warning-nudge_icon { height: 20px; width: 20px; display: inline-block; background-color: #FFC006; border-radius: 40px; font-size: 16px; line-height: 18px; position: relative; color: #FFFFFF; text-align: center; margin-right: 5px; margin-bottom: 0; } .blog.post .social-sharing-container { margin: 30px 0; } .blog.post table { margin: 30px 0; } .blog.post table, .blog.post th, .blog.post td { padding: 12px; background-color: #FFFFFF; border: 1px solid #EBEEF0; font-weight: normal; line-height: 30px; font-size: 13px; color: #60718C; } .blog.post table tr, .blog.post table tr td { font-size: 14px; color: #4C5D79; padding: 8px; } .blog.post th { background-color: #FAFAFA; font-weight: 600; line-height: 22px; font-size: 14px; color: #60718C; } .blog.post table tr, .blog.post table tr td { font-size: 14px; color: #4C5D79; padding: 8px; } .blog.post .EmbeddedTweet .FollowButton, .blog.post .EmbeddedTweet .PrettyLink, .blog.post .EmbeddedTweet .u-linkBlend:hover { color: #55acee; } .blog.post .EmbeddedTweet blockquote { margin: 0; } .blog.post .EmbeddedTweet .Tweet-actions { padding-left: 0; } .blog.post .EmbeddedTweet .Tweet-actions, .blog.post .EmbeddedTweet .Tweet-action { margin-bottom: 0; } .blog.post .EmbeddedTweet .TweetAction-stat { color: rgb(105, 120, 130); } .blog.post .TweetAuthor-link:hover { color: #55acee; } .u-linkBlend:not(:focus):not(:hover):not(:active) { font-weight: inherit; color: inherit; text-decoration: inherit; } .blog.post .EmbeddedTweet .FollowButton:active, .blog.post .EmbeddedTweet .FollowButton:focus, .blog.post .EmbeddedTweet .FollowButton:hover { color: #fff; text-decoration: none; background-color: #55acee; } .blog.post .MediaCard-mediaContainer { position: relative; padding-bottom: 0; background-color: #f5f8fa; height: 88.98px; } .blog.post .EmbeddedTweet span { margin-bottom: initial; } .blog.post .EmbeddedTweet .Icon { vertical-align: initial; } .blog.post .MediaCard--mediaForward .MediaCard-media { background-color: #f5f8fa; } .blog.post .MediaCard-media { position: relative; width: 100%; overflow: hidden; } .blog.post .MediaCard-borderOverlay { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; border: 1px solid rgba(225,232,237,.75); border-radius: 4px 4px 0 0; -moz-box-sizing: border-box; box-sizing: border-box; } .blog.post .MediaCard--mediaForward .MediaCard-widthConstraint { margin: 0 auto; max-width: 190px; } .blog.post .u-hiddenVisually { position: absolute!important; overflow: hidden!important; width: 1px!important; height: 1px!important; padding: 0!important; border: 0!important; clip: rect(1px,1px,1px,1px)!important; } .blog.post .MediaCard-mediaContainer { position: relative; padding-bottom: 0; background-color: #f5f8fa; } .blog.post .EmbeddedTweet--mediaForward .EmbeddedTweet-tweet { padding-top: 14.4px; border: 1px solid #e1e8ed; border-width: 0 1px 1px; border-radius: 0 0 4px 4px; } .blog.post .EmbeddedTweet--mediaForward .EmbeddedTweet-tweet { padding-top: 14.4px; border-style: solid; border-color: rgb(225, 232, 237); border-image: initial; border-width: 0px 1px 1px; border-radius: 0px 0px 4px 4px; } .blog-author-data { margin-top: 30px; } @media only screen and (max-width: 600px) { .blog.list .blog-post-item { max-width: 100%; padding:0; margin:0 0.6% 40px; min-height: 400px; overflow: hidden; float:none; } } @media all and (max-width: 767px) { .wercker-blog { text-align: center; } .wercker-blog.blog.list .post-item { width: 100%; } } @media all and (min-width: 768px) and (max-width: 1024px) { .wercker-blog.blog.list .post-item { width: 100%; } } @media all and (min-width: 1024px) and (max-width: 1250px) { .wercker-blog .menu-section { padding: 100px 25px; } .wercker-blog .blog-list-page { padding: 25px; } .wercker-blog.blog.list .post-item { min-height: 484px; } .wercker-blog.blog.list .post-item-overlay { min-height: 364px; } } .main { border-top: 1px solid #e6e7e8; } .cbp-contentslider.deploy > nav { width:100%; max-width: 1050px; margin:0 auto; padding:0 1.875em 1em 1.875em; } . .deploy .icon-drop:before,.icon-arrow-left:before { font-family:'fontawesome'; position:absolute; top:0; width:100%; height:100%; speak:none; font-style:normal; font-weight:normal; line-height:2; text-align:center; color:#666; -webkit-font-smoothing:antialiased; text-indent:8000px; padding-left:8px; } .deploy .icon-drop:before { content:"\e000"; } .deploy .icon-arrow-left:before { content:"\f060"; } .cbp-contentslider.deploy { width:100%; height:70%; margin:0 auto; position:relative; } .cbp-contentslider.deploy > ul { list-style:none; height:100%; min-height:500px; width:100%; overflow:hidden; position:relative; padding:0; margin:0; } .cbp-contentslider.deploy > ul li { position:absolute; left:0; top:0; width:100%; height:100%; padding: 1em; } .cbp-contentslider.deploy >ul li:target { z-index:100; } .cbp-contentslider.deploy nav .icon-box:before { content:''; left:50%; transform:translateX(-50%); width:0; height:0; } .cbp-contentslider.deploy nav { position:relative; bottom:0; left:0; right:0; height:3.313em; z-index:1000; overflow:hidden; } .cbp-contentslider.deploy nav a { float:left; display:block; width:20%; height:100%; font-weight:400; letter-spacing:.1em; overflow:hidden; color:#666; outline:0; text-align:center; line-height:3; position:relative; -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out; -moz-transition:color .2s ease-in-out,background-color .2s ease-in-out; transition:color .2s ease-in-out,background-color .2s ease-in-out; } .cbp-contentslider.deploy nav .icon { position:absolute; top:50%; left:5px; max-width:59px; transform:translateY(-50%); filter:grayscale(1); -webkit-filter:grayscale(1); } .cbp-contentslider.deploy nav .rc-active .icon { filter:grayscale(1) brightness(200%); -webkit-filter:grayscale(1) brightness(200%); } .cbp-contentslider.deploy nav a span { display:block; } .cbp-contentslider.deploy nav a:last-child { border:0; } .cbp-contentslider.deploy nav a:hover { color: #23b1e8; } .cbp-contentslider.deploy nav a.rc-active { color: #23b1e8; } .cbp-contentslider.deploy nav a.rc-active:after { top: 80%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(35, 176, 232, 0); border-top-color: #23b1e8; border-width: 7px; margin-left: -7px; } .cbp-contentslider.deploy [class^="icon-"]:before, .cbp-contentslider.deploy [class*=" icon-"]:before { font-family:'icomoon'; font-style:normal; text-align:center; speak:none; font-weight:normal; line-height:2.5; font-size:2em; position:absolute; left:10%; top:50%; margin:-1.250em 0 0 0; height:2.500em; width:2.500em; color:rgba(0,0,0,0.1); -webkit-font-smoothing:antialiased; } .cbp-contentslider.deploy [class^="icon-"].rc-active:before, .cbp-contentslider.deploy [class*=" icon-"].rc-active:before, .cbp-contentslider.deploy nav a:hover:before { color:rgba(255,255,255,0.9); } .cbp-contentslider.deploy .logo { width:auto; height: 500px; } .cbp-contentslider.deploy h3 { font-size: 20px; line-height:1.2em; position:relative; color:#39708d; } .cbp-contentslider.deploy li > div { padding:0 1em; overflow-x:hidden; overflow-y:hidden; } .cbp-contentslider.deploy .slider-grad { height: 100vh; width: 100vw; position: absolute; top:0; left: 0; z-index: 0; } .cbp-contentslider.deploy p { color: #fff; } .cbp-contentslider.deploy li a:link, .cbp-contentslider.deploy li a:active, .cbp-contentslider.deploy li a:visited { color: #ccc; } #slide1 { background-color: #a2d48a; } #slide2 { background-color: #a2d48a; } #slide3 { background-color: #a2d48a; } #slide4 { background-color: #f88bd8; } #slide5 { background-color: #f88bd8; } #slide6 { background-color: #f88bd8; } .widget-type-raw_jinja { min-height: 0 !important; } @media (min-width: 768px) { .cbp-contentslider.deploy li .page-center { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } .cbp-contentslider.deploy .right-grad, .cbp-contentslider.deploy .left-grad { -ms-transform: skewX(20deg); -webkit-transform: skewX(20deg); transform: skewX(20deg); } .cbp-contentslider.deploy .right-grad { margin-right: -2000px; padding-right: 2000px; } .cbp-contentslider.deploy .span5 { margin-left: 2.927659574% !important; } .cbp-contentslider.deploy .span7 { margin-left: 0 !important; } } @media screen and (max-width:767px) { .cbp-contentslider.deploy .cbp-contentslider.deploy p { font-size:100%; } .cbp-contentslider.deploy .right-sec, .cbp-contentslider.deploy .left-sec { width: 100%; float: none; } .cbp-content-slide .span7 { display: none; } } @media screen and (max-width:67.75em) { .cbp-contentslider.deploy { font-size:85%; } .cbp-contentslider.deploy nav a[class^="icon-"]:before,.cbp-contentslider nav a[class*=" icon-"]:before { left:50%; margin-left:-1.250em; } } @media screen and (max-width:43em) { .cbp-contentslider.deploy h3 { font-size:2em; } .cbp-contentslider.deploy .cbp-content { -webkit-column-count:1; -moz-column-count:1; -o-column-count:1; column-count:1; } .cbp-contentslider.deploy li>div { top:7em; } } @media screen and (max-width:25em) { .cbp-contentslider.deploy nav a { padding:0; } .cbp-contentslider.deploy h3[class^="icon-"]:before,.cbp-contentslider h3[class*=" icon-"]:before { display:none; } } .contact-us .about-form span, .enterprise .about-form span, .sign-up .about-form span { } .contact-us .about-form, .enterprise .about-form, .sign-up .about-form { color: #40454b } .hs-button.primary { padding: 10px 25px; font-size: 16px; border: none; color: #fff; background-color: #23b1e8; margin: 10px auto 0; min-width: 0; max-width: none; white-space: normal; display: block; -webkit-appearance: none !important; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .hs-button.primary:hover { background: ; color: #fff; } body .hs-button.primary, body input[type="submit"], body input[type="button"] { cursor: pointer; } body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { background-color: #FFFFFF; border: 1px solid #eee; display: block; padding: 10px 10px; font-size: 15px; font-weight: ; color: ; margin:4px 0 20px; letter-spacing: 0.5px; border-radius: 0; box-shadow: 0 0 5px rgba(0,0,0,0.2); } .hs-form { margin-top:20px; } ul.inputs-list { -webkit-padding-start: 0; } .hs-form-radio { list-style-type:none; } .hs-form-booleancheckbox { list-style-type:none; } .hs-form fieldset { max-width: none !important; } .hs-form fieldset.form-columns-1 .input { margin-right: 0!important; } .hs-form fieldset.form-columns-2 .input { margin-right: 8px; } @media (min-width: 768px) { .form-columns-2 .hs-form-field:first-child input { max-width: 96%; } } .hs-form fieldset.form-columns-2 .hs-form-field:last-child .input { margin-right: 0; } .hs-form fieldset.form-columns-3 .input { margin-right: 12px; } .hs-form fieldset.form-columns-3 .hs-form-field:last-child .input { margin-right: 0; } .hs-form fieldset.form-columns-1 .hs-input { width: 100%!important; } .hs-form fieldset.form-columns-1 input[type=checkbox], .hs-form fieldset.form-columns-1 input[type=radio] { width:auto!important; } .hs-form-field label { color: #bcbbbd; font-weight: 300; } .hs-error-msgs li { list-style-type: none; } .hs-error-msgs label { color: #f02020; } .hs-form-field .hs_email { display:inline-block; } body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus {} body label { font-size: 16px; font-weight: ; letter-spacing: 0.5px; line-height: 20px; } .about-form { background-color: #fff; padding: 50px; box-shadow: 0 0 10px rgba(0,0,0,0.2); } .about-form label { color: #242932; } .sign-up .about-form label { color: #bcbbbd; } @media all and (max-width: 767px) { .about .page-hero-content h2 { word-wrap: normal; } } @media (min-width: 768px) { .about .hs_cos_wrapper_type_custom_widget.span4:nth-child(3n+1) { margin-left: 0; } } .footer-subscribe { margin-bottom: 25px; } @media (min-width: 768px) { .footer-subscribe { } .footer-subscribe h3 { margin-right: 20px; } .footer-subscribe .hs_email.field.hs-form-field { width: auto; float: left; margin-top: 0; margin-right: 20px; } .footer-subscribe .hs_submit { width: auto; float: left; width: 78px !important; } } @media (min-width: 768px) and (max-width: 1199px) { .footer-subscribe { clear:both; width: 50%; } } @media (max-width: 767px) { .footer-subscribe h3 { text-align: center; } .blog .company-logo { max-width: 250px; text-align: left; } .header-callout { text-align: left; } .blog .post-date { display: block; } .widget-type-space { min-height: 0 !important; } .footer-subscribe input[type="submit"] { float: left; width: 48%; margin-left: 4%; } .footer-subscribe input[type="email"] { float: left; width: 48%; } } @media (min-width: 568px) { .mobile-visible { display: none !important; } .mobile-hidden { display: block !important; } } @media (max-width: 567px) { .mobile-visible { display: block !important; } .mobile-hidden { display: none !important; } } .footer-subscribe .hs-button.primary { padding: 12px 25px; margin-top: 0; font-size: 13px; } .footer-subscribe input[type="email"] { margin-top: 0; box-shadow: none; } .footer-subscribe label, .blog .sidebar-item label { display: none; } canvas { position: absolute; top: 0px; right: -500px; z-index:0; pointer-events: none; opacity: .2; } .about canvas { top: 0px; right: -300px; } .platform canvas { top: 0; right: 0; } .integrations canvas { top: 0px; right: -100px; } .features canvas { top: 0px; right: 0; } .enterprise canvas { right: auto; left: -500px; top: 0; } canvas { right: 0 !important; left: 0 !important; } @media (min-width: 768px) and (max-width: 1500px) { canvas { top: 0; right: 0 !important; left: 0 !important; } .about canvas { top: 0; } .platform canvas { top: 0; } .integrations canvas { top: 0; } .features canvas { top: 0; } .enterprise canvas { top: 0; } } @media (max-width: 767px) { canvas { display: none !important; } } .hero-cube svg { -webkit-animation: cubeRoll 4s forwards; animation: cubeRoll 4s forwards; } @-webkit-keyframes cubeRoll { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes cubeRoll { 0% { opacity: 0; } 100% { opacity: 1; } } .home .bg-fill-purple .slick-slider-logo { background-size: contain; } @media all and (max-width: 767px) { .sign-up-login { text-align: left; } .page-header .sign-up-login a { color: #343434; } .home { text-align: center; } #page-header { width: 100%; background: #fff; } .page-header { background-color: white; width: 100% !important; } .page-header .header-logo { text-align: center; } .page-hero-content { padding: 100px 0 !important; margin-top: 140px; } .home .bg-fill-purple .slick-slider-logo-container { width: 100% !important; height: 45px; } .home .bg-fill-purple .slick-slider-logo { height: 17px; background-size: contain; } .home .bg-fill-purple .slick-slider-logo-container .slick-slider-logo:before { width: 100px; margin-left: -50px; } .home .get-werck-container { margin: 15px 0; } .home .automate .section-title { padding-bottom: 10px; } .home .cbp-contentslider.deploy nav a.rc-active:after { display: none; } .home .cbp-contentslider.deploy nav a span { margin-bottom: 0; } .home .cbp-contentslider.deploy>ul li { width: auto; } .home .cbp-contentslider.deploy>ul { height: auto; min-height: 386px; } .home .bg-fill-white-solid .section-title { margin-bottom: 0; } .home .bg-fill-white-solid .slick-overlay { display: none; } .home .bg-fill-white-solid .slick-slider-image { height: 300px; } .home .icon-box { width: 50% !important; } .home .cbp-contentslider.deploy nav { height: auto; } .cbp-contentslider.deploy>nav { padding: 0; } .home .cbp-contentslider.deploy nav a span { display: block; } } @media all and (min-width: 620px) and (max-width: 767px) { .home .cbp-contentslider.deploy>ul li { width: inherit; } } @media all and (min-width: 768px) and (max-width: 1024px) { .home { text-align: center; } .page-header .header-logo { text-align: left; } .home .bg-fill-purple .slick-slider-logo { background-size: contain; } .home .bg-fill-purple .slick-slider-logo-container .slick-slider-logo:before { width: 100px; margin-left: -50px; } .page-hero-content { padding: 180px 0 150px!important; } .page-hero-content .widget-type-rich_text { margin: 0 auto !important; display: block; float: none; width: 80%; } .home .cbp-contentslider.deploy>ul li { width: auto; } .home .cbp-contentslider.deploy nav a span { display: block; } .cbp-contentslider.deploy>nav { padding: 0 0 1em 0; } } .animation-element { opacity: 1; position: relative; } .get-werck-icon { opacity: 1; } .animation-element.slide-left { opacity: 1; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .animation-element.slide-left.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .w-icon1.animation-element.slide-top img { opacity: 0; -moz-transition: all 500ms .5s linear; -webkit-transition: all 500ms .5s linear; -o-transition: all 500ms .5s linear; transition: all 500ms .5s linear; -moz-transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0px, -100px, 0px); -o-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate3d(0px, -100px, 0px); } .w-icon2.animation-element.slide-top img { opacity: 0; -moz-transition: all 500ms .75s linear; -webkit-transition: all 500ms .75s linear; -o-transition: all 500ms .75s linear; transition: all 500ms .75s linear; -moz-transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0px, -100px, 0px); -o-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate3d(0px, -100px, 0px); } .w-icon3.animation-element.slide-top img { opacity: 0; -moz-transition: all 500ms 1s linear; -webkit-transition: all 500ms 1s linear; -o-transition: all 500ms 1s linear; transition: all 500ms 1s linear; -moz-transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0px, -100px, 0px); -o-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate3d(0px, -100px, 0px); } .w-icon4.animation-element.slide-top img { opacity: 0; -moz-transition: all 500ms 1.25s linear; -webkit-transition: all 500ms 1.25s linear; -o-transition: all 500ms 1.25s linear; transition: all 500ms 1.25s linear; -moz-transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0px, -100px, 0px); -o-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate3d(0px, -100px, 0px); } .animation-element.slide-top.in-view img { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .p-icon1.animation-element.slide-top { opacity: 1; -moz-transition: all 500ms .5s linear; -webkit-transition: all 500ms .5s linear; -o-transition: all 500ms .5s linear; transition: all 500ms .5s linear; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .p-icon2.animation-element.slide-top { opacity: 1; -moz-transition: all 500ms .75s linear; -webkit-transition: all 500ms .75s linear; -o-transition: all 500ms .75s linear; transition: all 500ms .75s linear; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .p-icon3.animation-element.slide-top { opacity: 1; -moz-transition: all 500ms 1s linear; -webkit-transition: all 500ms 1s linear; -o-transition: all 500ms 1s linear; transition: all 500ms 1s linear; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .p-icon4.animation-element.slide-top { opacity: 1; -moz-transition: all 500ms 1.25s linear; -webkit-transition: all 500ms 1.25s linear; -o-transition: all 500ms 1.25s linear; transition: all 500ms 1.25s linear; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .p-icon1.animation-element.slide-top.in-view, .p-icon2.animation-element.slide-top.in-view, .p-icon3.animation-element.slide-top.in-view, .p-icon4.animation-element.slide-top.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .p-icon1 { margin-bottom: 20px; } .p-icon2 { margin-bottom: 20px; } .p-icon3 { margin-bottom: 20px; } .animation-element.place-top { opacity: 0; -moz-transition: all 500ms .5s linear; -webkit-transition: all 500ms .5s linear; -o-transition: all 500ms .5s linear; transition: all 500ms .5s linear; -moz-transform: translate3d(0px, -100px, 0px) scale(1.2, 1.2); -webkit-transform: translate3d(0px, -100px, 0px) scale(1.2, 1.2); -o-transform: translate(0px, -100px) scale(1.2, 1.2); -ms-transform: translate(0px, -100px) scale(1.2, 1.2); transform: translate3d(0px, -100px, 0px) scale(1.2, 1.2); } .animation-element.place-top.in-view { opacity: 1; -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .animation-element.slide-right { opacity: 1; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .animation-element.slide-right-fast { opacity: 0; -moz-transition: all 1000ms linear; -webkit-transition: all 1000ms linear; -o-transition: all 1000ms linear; transition: all 1000ms linear; -moz-transform: translate3d(5000px, 0px, 0px); -webkit-transform: translate3d(5000px, 0px, 0px); -o-transform: translate(5000px, 0px); -ms-transform: translate(5000px, 0px); transform: translate3d(5000px, 0px, 0px); } .animation-element.slide-right.in-view, .animation-element.slide-right-fast.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .animation-element.slide-top-right { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(100px, -100px, 0px); -webkit-transform: translate3d(100px, -100px, 0px); -o-transform: translate(100px, -100px); -ms-transform: translate(100px, -100px); transform: translate3d(100px, -100px, 0px); } .animation-element.slide-top-right.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .animation-element.fade-in { opacity: 0; -webkit-animation-delay: -5s; animation-delay: -5s;v } .animation-element.fade-in.in-view { opacity: 1; -webkit-animation-delay: -5s; animation-delay: -5s; } .bounce-up { opacity: 0; -moz-transition: all 700ms ease-out; -webkit-transition: all 700ms ease-out; -o-transition: all 700ms ease-out; transition: all 700ms ease-out; -moz-transform: translate3d(0px, 200px, 0px); -webkit-transform: translate3d(0px, 200px, 0px); -o-transform: translate(0px, 200px); -ms-transform: translate(0px, 200px); transform: translate3d(0px, 200, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .bounce-up.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .delay1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .delay2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .delay3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .delay4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .delay5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .delay-1s { -webkit-animation-delay: -1s; animation-delay: -1s; } .delay-2s { -webkit-animation-delay: -2s; animation-delay: -2s; } .delay-3s { -webkit-animation-delay: -3s; animation-delay: -3s; } .delay-4s { -webkit-animation-delay: -4s; animation-delay: -4s; } .delay-5s { -webkit-animation-delay: -5s; animation-delay: -5s; } @media (min-width: 768px){ a.mobile-trigger, a.child-trigger { display: none !important; } .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a { color:#ddd; } .features .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a { color:#fff; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li { padding: 5px 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:first-child { padding-left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { padding: 0 0 5px; } .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a, .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active > a{ color:#fff; padding-bottom: 4px; border-bottom: 1px solid #fff; } .page-header-fixed .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active > a{ border-bottom: 1px solid #222; } .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover { padding-bottom: 5px; } .pricing .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li > a, .blog.list .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li > a{ color: #242932; } .pricing .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:hover > a, .blog.list .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:hover > a, .pricing .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.active > a, .blog.list .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.active > a { color: #23b1e8; } .custom-menu-primary ul.hs-menu-children-wrapper { background: #fff; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; transition-duration: .4s; margin-top: 11px; } .custom-menu-primary ul.hs-menu-children-wrapper:after { content: ''; display: block; position: absolute; left: 40px; bottom: 100%; width: 0; height: 0; border-bottom: 10px solid white; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; } .custom-menu-primary ul.hs-menu-children-wrapper li { margin-bottom: 0; padding: 0; } .custom-menu-primary ul.hs-menu-children-wrapper li a { color: #242932 !important; padding: 10px 20px; } .custom-menu-primary ul.hs-menu-children-wrapper li:hover a { color: #23b1e8 !important; } } @media all and (max-width: 1040px) and (min-width: 891px) { .page-header .custom-menu-primary { width: 56% !important; } } @media all and (max-width: 935px) and (min-width: 767px) { .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:first-child { padding-left: 0 !important; } } .page-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { font-size: 12px; } .icon-box { cursor: pointer; } .wercker-global-header { min-height: 0 !important; } .acquisition-notice { z-index: 500; padding-top: 20px; padding-bottom: 5px; } .page-header { max-width: 1040px; margin: 0 auto !important; float: none !important; position: absolute; top: 0; z-index: 500; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .blog .page-header { max-width: 1240px; } #page-header { position: fixed; z-index: 500; } .page-header-fixed { padding:5px 0; width:100%!important; position:fixed; z-index:500; background-color:rgba(255,255,255,0.95); -webkit-transition:all .2s ease-in-out!important; transition: all .2s ease-in-out!important; } .page-header-fixed .hs-menu-wrapper.hs-menu-flow-horizontal li > a { color:#222!important; } .page-header-fixed .hs-menu-wrapper.hs-menu-flow-horizontal li > a:hover { color:#23b1e8!important; } .page-header-fixed .sign-up-login a { color: #222 !important; } .page-header-fixed .page-header { padding: 20px 20px 0; line-height: 1.2em; } .sidebar .hs-menu-flow-vertical_flyouts > ul > li { border-bottom: 1px solid #ebeef0; margin-top: 3px; background-image: none !important; } .sidebar ul li { list-style: none !important; font-size: 14px; line-height: 30px; margin-bottom: 0 !important; } .sidebar ul li a { position: relative; margin-left: 2px; text-decoration: none; color: #23b1e8; font-size: 14px; line-height: 4px; } .sidebar ul li a:hover { color:#c74cfc; } .sidebar ul li li { text-indent: -10px; padding-left: 10px; } .docs .sidebar ul li a { height: 20px; } @media (min-width: 768px) { .docs-sidebar { float: left !important; margin-left: 0 !important; } .docs-content { float: right !important; } } .sidebar .hs-menu-flow-vertical_flyouts > ul > li ul { margin-bottom: 15px; margin-left: 10px; } .sidebar .hs-menu-wrapper > ul ul li:before { color: #92D9F4; content: "- "; } .sidebar .hs-menu-wrapper > ul ul li a { font-size: 14px; text-decoration: none; line-height: 16px; } .sidebar .hs-menu-wrapper > ul li.active-branch > a { color: #c74cfc; } .sidebar .hs-menu-wrapper ul li:not(.active-branch)>ul { display:none; } pre { background-color: #151515; border: 1px solid #DCDFE0; margin-top: 30px; margin-bottom: 30px; padding: 20px; white-space:pre; } pre > code { line-height: 26px; background-color: transparent; overflow-wrap: normal; overflow-x: scroll; white-space: pre; border: none; color: #9d9e9e; } .docs .blog-list-page { margin-bottom: 40px; } .docs .pricing-block, .pricing .pricing-block, .docs .blog-list-page { margin-top: 81px; } .docs .pricing-block { background-color:#FAFAFA; background-image:none; padding:0 25px 25px 25px; } @media (max-width: 767px){ .docs .pricing-block, .pricing .pricing-block, .docs .blog-list-page { margin-top: 80px; } .docs-sidebar { margin-top:30px; } .docs .blog-section p { font-size: 12px; } .docs .blog-section h1 { font-size: 16px; } .docs .blog-section h2, .docs .blog-section h3, .docs .blog-section h4, .docs .blog-section h5, .docs .blog-section h6 { font-size: 16px; } .docs .blog-section .post-header-title { font-size: 12px; } } @media all and (max-width: 767px) { .docs .sidebar .hs-menu-flow-vertical_flyouts>ul>li ul { margin-bottom: 15px; margin-left: 0; } .docs .sidebar .hs-menu-wrapper>ul ul li:before { color: #92d9f4; content: ""; height: 16px; width: 5px; display: block; } .docs .pricing-block .sidebar .hs-menu-flow-vertical_flyouts>ul>li, .docs .blog-list-page .sidebar .hs-menu-flow-vertical_flyouts>ul>li{ margin: 20px 0; height: auto; } .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li > a { color:#222; } .custom-menu-primary, .custom-menu-primary *{ display: inline-block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color: #343434; } a.mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 75px; right: 10px; width: auto; height: auto; padding: 12px 10px; background: #ffffff; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; } a.mobile-trigger:hover { text-decoration: none; color: #343434; } a.mobile-trigger span{ display: inline; } a.mobile-trigger span:before{ position: absolute; content: 'Menu'; } a.mobile-trigger span:after{ position: relative; right: 2px; content: 'Close'; background-color: #ffffff; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; } .mobile-open a.mobile-trigger{ -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background: transparent; } .mobile-open a.mobile-trigger span:after{ opacity: 1; } a.mobile-trigger i { display: inline; position: relative; top: -5px; margin-left: 5px; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; } a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: ''; } a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 15px; height: 2px; background-color: #343434; display: inline-block; } a.mobile-trigger i:before { margin-top: -6px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } a.mobile-trigger i:after { margin-top: 6px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } .mobile-open a.mobile-trigger i { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } a.child-trigger { display: block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 55px !important; min-width: 55px !important; height: 45px !important; padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } a.child-trigger:hover { text-decoration: none; } a.child-trigger span { position: relative; top: 50%; margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-trigger span:after { position: absolute; content: ''; } a.child-trigger span, a.child-trigger span:after { width: 10px; height: 1px; background-color: #343434; display: block; } a.child-trigger span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-trigger.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-trigger.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } .custom-menu-primary.js-enabled .hs-menu-flow-horizontal, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } .custom-menu-primary ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } .custom-menu-primary.js-enabled .hs-menu-flow-horizontal{ position: absolute; top: 120px; right: 0px; width: 50%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); overflow: scroll; height: auto; } .custom-menu-primary .hs-menu-flow-horizontal{ padding: 10px 0 0 0; background-color: #fff; width: 100%; z-index: 8888; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li{ position: relative; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li a{ font-size: 22px; line-height: 45px; overflow: visible; } .custom-menu-primary .hs-menu-flow-horizontal ul li{ border-top: 1px dotted rgba(255, 255, 255, .35); } .custom-menu-primary .hs-menu-flow-horizontal ul li a{ padding: 0 10px; } .custom-menu-primary .hs-menu-flow-horizontal ul li a:hover{ color: #343434; } .custom-menu-primary .hs-menu-flow-horizontal > ul ul li{ background-color: rgba(255, 255, 255, .08); } .custom-menu-primary .hs-menu-flow-horizontal > ul ul li a{ text-indent: 10px; font-size: 16px; } .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul li a{ text-indent: 30px; } .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul ul li a{ text-indent: 50px; } } #slide1, #slide2, #slide3 { background: rgba(61,226,127,1); background: -moz-linear-gradient(left, rgba(61,226,127,1) 0%, rgba(39,174,95,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(61,226,127,1)), color-stop(100%, rgba(39,174,95,1))); background: -webkit-linear-gradient(left, rgba(61,226,127,1) 0%, rgba(39,174,95,1) 100%); background: -o-linear-gradient(left, rgba(61,226,127,1) 0%, rgba(39,174,95,1) 100%); background: -ms-linear-gradient(left, rgba(61,226,127,1) 0%, rgba(39,174,95,1) 100%); background: linear-gradient(to right, rgba(61,226,127,1) 0%, rgba(39,174,95,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3de27f', endColorstr='#27ae5f', GradientType=1 ); } #slide4, #slide5, #slide6 { background: rgba(255,133,229,1); background: -moz-linear-gradient(left, rgba(255,133,229,1) 0%, rgba(255,0,221,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,133,229,1)), color-stop(100%, rgba(255,0,221,1))); background: -webkit-linear-gradient(left, rgba(255,133,229,1) 0%, rgba(255,0,221,1) 100%); background: -o-linear-gradient(left, rgba(255,133,229,1) 0%, rgba(255,0,221,1) 100%); background: -ms-linear-gradient(left, rgba(255,133,229,1) 0%, rgba(255,0,221,1) 100%); background: linear-gradient(to right, rgba(255,133,229,1) 0%, rgba(255,0,221,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff85e5', endColorstr='#ff00dd', GradientType=1 ); } #slide1 .span7 { background-image:url("https://cdn2.hubspot.net/hub/2275019/hubfs/images/stepsColour.png?t=1532868257377"); background-repeat:no-repeat; background-size:cover; height:250px; width:265px; margin: 125px 132px; } #slide2 .span7 { background-image:url("https://cdn2.hubspot.net/hub/2275019/hubfs/images/pipelines.png?t=1532868257377"); background-repeat:no-repeat; background-size:cover; height:250px; width:304px; margin: 125px 113px; } #slide3 .span7 { background-image:url("https://cdn2.hubspot.net/hub/2275019/hubfs/images/workflows.png?t=1532868257377"); background-repeat:no-repeat; background-size:cover; height:250px; width:470px; margin: 125px 30px; } #slide4 .span7 { background-image:url("https://cdn2.hubspot.net/hub/2275019/hubfs/images/containers-home.png?t=1532868257377"); background-repeat:no-repeat; background-size:cover; height:250px; width:400px; margin: 125px 65px; } #slide5 .span7 { background-image:url("https://cdn2.hubspot.net/hub/2275019/hubfs/images/registries-home.png?t=1532868257377"); background-repeat:no-repeat; background-size:cover; height:250px; width:400px; margin: 125px 65px; } #slide6 .span7 { background-image:url("https://cdn2.hubspot.net/hubfs/2275019/schedulers-home-1.png?t=1532868257377"); background-repeat:no-repeat; background-size:cover; height:250px; width:450px; margin: 125px 40px; } .cbp-contentslider.deploy > ul li { padding: 0; } #hs_cos_wrapper_module_147431732502697913 li { font-weight: 300 !important; } .home canvas { display: none !important; } .cbp-contentslider.deploy h3 { font-size: 24px; line-height: 0.4em; } .pricing-box-container { cursor: auto !important; } .hs-item-has-children { background: url("https://cdn2.hubspot.net/hubfs/2275019/images/arrow-down.svg?t=1532868257377") right 12px no-repeat; background-size: 11px 7px; margin-right: 11px; } .blog .hs-item-has-children, .pricing .hs-item-has-children { background: url("https://cdn2.hubspot.net/hubfs/2275019/images/arrow-down-black.svg?t=1532868257377") right 12px no-repeat !important; background-size: 11px 7px !important; margin-right: 11px; } .post .hs-item-has-children { background: url("https://cdn2.hubspot.net/hubfs/2275019/images/arrow-down.svg?t=1532868257377") right 12px no-repeat !important; background-size: 11px 7px !important; margin-right: 11px; } .sidebar .hs-item-has-children { background: none; margin-right: 0px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #slide1 .span7 { background-image:url("https://cdn2.hubspot.net/hub/2275019/hubfs/images/stepsColour@2x.png?t=1532868257377"); } #slide2 .span7 { background-image:url("https://cdn2.hubspot.net/hub/2275019/hubfs/images/pipelines@2x.png?t=1532868257377"); } #slide3 .span7 { background-image:url("https://cdn2.hubspot.net/hub/2275019/hubfs/images/workflows@2x.png?t=1532868257377"); } #slide4 .span7 { background-image:url("https://cdn2.hubspot.net/hub/2275019/hubfs/images/containers-home@2x.png?t=1532868257377"); } #slide5 .span7 { background-image:url("https://cdn2.hubspot.net/hub/2275019/hubfs/images/registries-home@2x.png?t=1532868257377"); } #slide6 .span7 { background-image:url("https://cdn2.hubspot.net/hubfs/2275019/schedulers-home1@2x.png?t=1532868257377"); } } @media screen and (max-width: 670px) { .hs_cos_wrapper_type_rich_text h2 { width:100% !important;; } } p { line-height: 1.5em; } .home p.testimony { max-width: 550px; } .main { border-top: none; } .page-header .sign-up-login a { box-shadow: none; padding: 4px 30px; margin-top: 0; margin-right: 0px; transition: none !important; } .page-header .sign-up-login a:first-of-type { border: 2px solid #23b1e8; border-radius: 3px; transition: none; display: inline-block; } .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { font-size: 13px; color: #fff; } .sign-up-login { width: 225px !important; margin: 0 !important; float: right !important; } @media (max-width: 1024px) { .custom-menu-primary { width: 442px !important; margin: 0px !important; text-align: center; padding: 0 0 0 20px; } } @media (max-width: 891px) { .page-header .sign-up-login a, .page-header .sign-up-login a.button-login { padding: 4px 15px; } .sign-up-login { width: 170px !important; } } @media (max-width: 890px) { .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children { position: relative; padding: 5px 14px 5px 8px!important; } } @media (max-width: 870px) { .custom-menu-primary { width: 440px !important; margin: 0 !important; } .page-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { font-size: 12px; } } @media (max-width: 768px) { .docs .pricing-block { background-color: #FAFAFA; background-image: none; padding: 0 0 25px; } } @media (max-width: 767px) { .home .bg-fill-purple .slick-slider-logo-container { width: 50% !important; height: 65px; } .home .bg-fill-purple .slick-slider-logo { height: 37px; } a.mobile-trigger { background:transparent !important; top:15px; right:15px; } a.mobile-trigger span { display:none !important; } a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 20px; background-color: #757575; } .page-header { background-color: rgba(255,255,255,1) !important; } .page-header-fixed { background-color: rgba(255,255,255,1) !important; } .sign-up-login { position: fixed; right: 61px; top: 19px; width:230px !important; } .page-header .sign-up-login a, .page-header .sign-up-login a.button-login { padding: 4px 30px; } .header-logo { margin-top: 0px; position: fixed; top:22px; left:25px; } .custom-menu-primary.js-enabled .hs-menu-flow-horizontal { top: 68px !important; overflow: hidden; } .p-icon1.animation-element.slide-top { transition: none !important; } .page-hero-content { margin-top: 60px; } .page-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { color: #222; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { box-sizing: border-box; background-image: none !important; } } @media (max-width: 567px) { .page-header { padding: 0 !important; } .sign-up-login { display: none !important; } .header-logo { margin-top: 0px; top:20px; left:20px; } a.mobile-trigger { top:11px; right:11px; } .custom-menu-primary.js-enabled .hs-menu-flow-horizontal { top: 60px !important; } } @media (max-width: 320px) { .home .bg-fill-purple .slick-slider-logo-container { width: 100% !important; } } .custom-menu-primary ul.hs-menu-children-wrapper { border-radius: 3px; margin-top: 16px; -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.15); } .footer .hs_cos_wrapper_type_rich_text h3 { font-weight:600 !important; } .footer-social-icons h3 { color: #fff !important; margin-bottom: 0 !important; } .footer-copyright { margin-top: 20px; border-top: 1px solid #ccc; padding-top: 20px; } .footer-copyright a:link { color: #666666; font-size: 15px; } .footer-subscribe .hs_email.field.hs-form-field { margin-right: 0px; } .footer-subscribe .hs-button.primary { font-family: 'Lato', sans-serif; padding: 12px 25px !important; border: none !important; font-weight: 300; letter-spacing: 0.5px; } .footer-subscribe .hs-button.primary:hover { background-color:#33cc66 !important; border: none !important; color: #fff !important; } .wercker-blog .menu-section .footer-subscribe .hs-button.primary { font-size: 13px; } .blog.list.wercker-blog .learn-more { font-weight: 200; } .blog.list.wercker-blog .blog-publish-date { font-weight: 200; } @-moz-document url-prefix() { .footer-subscribe .hs-button.primary { padding: 13px 25px 12px !important; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .footer-subscribe .hs-button.primary { padding: 12px 25px !important; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and ( min-device-pixel-ratio: 2) and (max-width: 767px), only screen and ( min-resolution: 192dpi) and (max-width: 767px), only screen and ( min-resolution: 2dppx) and (max-width: 767px) { .footer-subscribe .hs-button.primary { padding: 12px 25px !important; } } .footer-subscribe input[type="email"] { border-radius: 4px 0px 0px 4px; -webkit-appearance: none; box-shadow: none; font-weight: 300; } .footer-subscribe input[type="submit"] { margin-left: 0%; box-shadow: none; -webkit-appearance: none; border-radius: 0px 4px 4px 0px; } @media screen and (max-width: 768px) { h2 { font-size: 35px; } body.docs pre { padding: 10px 0 10px 10px; } } @media screen and (max-width: 767px) { .footer-subscribe input[type="email"] { width: 65%; } .footer-subscribe input[type="submit"] { width: 35%; margin-left: 0%; box-shadow: none; border-radius: 0px 4px 4px 0px; } .custom-menu-primary ul.hs-menu-children-wrapper { border-radius: 0px !important; margin-top: 6px !important; -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0); } } @media screen and (max-width: 375px) { h2 { font-size: 26px; } .page-hero h2 { font-size: 35px; } } .team-title h3 { font-size:18px; margin:16px 0 2px !important; } .team-title p { margin:0 0 8px !important; } .about .widget-type-raw_html { background: white; position: relative; z-index: 1; } .about-holder { width: 1000px; margin: 0 auto; } .about-holder h2 { max-width: 590px; margin: 80px auto; } .about-location { float:left; width:33.3%; } .about-location h3 { margin: 20px auto 0; font-size: 20px; } .about-location p { margin-top: 5px !important; } @media all and (max-width: 1000px) { .about-holder { width: 100%; } } @media all and (max-width: 767px) { .about-location { float: none; width: 330px; margin: 0 auto; } } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:150px !important; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { max-width: 100% !important; } .footerLogo { width: 215px; float: right; margin: -3px 0 0; } .copyrightText { float:left; } .socialIcon { float:left; width: 14%; margin: 0 3%; } .socialIconFirst { float:left; width: 14%; margin: 0 3% 0 0; } .socialIconLast { float:left; width: 14%; margin: 0 0 0 3%; } .hideMenuItems { display: none; } @media all and (max-width: 1024px) { .footer { text-align: left; } } @media all and (max-width: 835px) { .footer .page-center-mid { padding: 0 20px; } } @media all and (max-width: 767px) { .footerLogo { float: none; margin: 40px auto 0; } .footer h3 { font-size: 18px; } .copyrightText { float: none; } .footer-social-icons { margin: 30px auto 50px !important; width: 340px !important; } .footerLinks { width: 50% !important; float:left !important; text-align: center; padding-bottom: 40px; } .footerLinks p { font-size:18px; margin-bottom: 26px; } .footer-subscribe { clear:both; padding-top: 50px; border-top: 1px solid #ccc; } .footer .footer-copyright { width: 100% !important; text-align: center; } .email field { width: 33% !important; } } @media all and (max-width: 414px) { body.docs p code, body.docs li code { padding: 1px 3px; font-size: 13px; } body.docs pre > code { font-size: 13px; } } @media all and (max-width: 400px) { .footerLinks { width: 100% !important; } } @media all and (max-width: 360px) { .footer-social-icons { width: 100% !important; } } pre { background-color: #2b303b !important; border-radius: 4px; margin: 20px 0 !important; } @media all and (max-width: 767px) { .custom-menu-primary.js-enabled .hs-menu-flow-horizontal { top: 0 !important; width: 50%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 100vh; background: #292238; padding: 9px 0 0 20px; box-sizing: border-box; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15); -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15); } .custom-menu-primary .hs-menu-flow-horizontal ul li { border:none; } .custom-menu-primary .hs-menu-flow-horizontal ul li a { padding: 0 0 6px 4px; } .page-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { color: #fff; font-size: 16px; font-weight: 300; } .page-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover { color: #C74CFC; } .custom-menu-primary .hs-menu-flow-horizontal>ul ul li { background-color:transparent; } .dropDown { padding: 0px !important; background: url("https://cdn2.hubspot.net/hubfs/2275019/images/arrow-down.svg?t=1532868257377") center center no-repeat !important; background-size: 15px 15px !important; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.6s; margin-top: 6px; } .arrowRotate { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all 0.6s; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children { position: relative; padding: 5px 12px 5px 0px !important; } a.child-trigger { border-left: none; min-width: 69px !important; } .custom-menu-primary .hs-menu-flow-horizontal > ul ul li a { text-indent: 20px; } a.child-trigger span { display:none; } .page-header-fixed .hs-menu-wrapper.hs-menu-flow-horizontal li > a { color:#fff!important; } .hideMenuItems { display: inline-block; } a.mobileBold { font-weight: 600 !important; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width: 100% !important; } } @media all and (max-width: 600px) { .custom-menu-primary.js-enabled .hs-menu-flow-horizontal { width: 70%; } } @media all and (max-width: 567px) { a.child-trigger { min-width: 61px !important; } } .hideTemp { display:none; } .main-resource-description { color: #828282; } a#cta_button_2275019_a27d3556-c200-4b73-95d8-ef20d465f189, a#cta_button_2275019_1d204b54-8d93-4af9-8fb8-43806694bf3f, a#cta_button_2275019_b2428acb-cc4b-46da-b5ed-93530b589a86, a#cta_button_2275019_58437c40-2d41-4083-a322-7e308e98022c, a#cta_button_2275019_b333021f-786a-4261-aab9-19a2f138eb34, a#cta_button_2275019_908ba9bd-23b1-4e83-b2dd-b1b5f83b697c, a#cta_button_2275019_46811234-ae95-43ad-bf86-e6d8c69dd90e, a#cta_button_2275019_a71b0fc8-9b6a-41e1-93e1-3a43e66ce298, a#cta_button_2275019_c028dda6-28f3-4608-93a6-4c5eed471f8f { font-family: 'Lato', sans-serif !important; padding: 10px 20px !important; border: 2px solid #23b1e8 !important; font-weight: 400 !important; margin:10px; } a#cta_button_2275019_a27d3556-c200-4b73-95d8-ef20d465f189:hover, a#cta_button_2275019_1d204b54-8d93-4af9-8fb8-43806694bf3f:hover, a#cta_button_2275019_b2428acb-cc4b-46da-b5ed-93530b589a86:hover, a#cta_button_2275019_58437c40-2d41-4083-a322-7e308e98022c:hover, a#cta_button_2275019_b333021f-786a-4261-aab9-19a2f138eb34:hover, a#cta_button_2275019_908ba9bd-23b1-4e83-b2dd-b1b5f83b697c:hover, a#cta_button_2275019_46811234-ae95-43ad-bf86-e6d8c69dd90e:hover, a#cta_button_2275019_a71b0fc8-9b6a-41e1-93e1-3a43e66ce298:hover, a#cta_button_2275019_c028dda6-28f3-4608-93a6-4c5eed471f8f:hover { color:#23b1e8 !important; background-color: transparent !important; } a#cta_button_2275019_d79125f0-ca5e-40d0-a995-9b684d36a28d, a#cta_button_2275019_eead058f-b46f-4d2a-8495-15750b97e216, a#cta_button_2275019_55310c47-9fe5-4fdb-a6ab-74b2d217ecd6, a#cta_button_2275019_91a206ab-88e9-46c4-93c8-5e98013ef317 { font-family: 'Lato', sans-serif !important; padding: 10px 20px !important; border: 2px solid #23b1e8 !important; font-weight: 400 !important; color:#fff !important; background-color: transparent !important; margin:10px; } a#cta_button_2275019_1d204b54-8d93-4af9-8fb8-43806694bf3f { margin: 10px 10px 10px 0; } a#cta_button_2275019_cca3951a-fc9d-4807-a3f1-db475e446a3c { font-family: 'Lato', sans-serif !important; color: #fff !important; padding: 4px 30px !important; margin: 0; border: 2px solid #23b1e8 !important; background-color: #23b1e8; font-weight: 500 !important; border-radius: 3px !important; } a#cta_button_2275019_cca3951a-fc9d-4807-a3f1-db475e446a3c:hover { color: #23b1e8 !important; background-color: transparent !important; border: 2px solid #23b1e8 !important; } a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9 { font-family: 'Lato', sans-serif !important; color: #fff !important; padding: 4px 30px !important; margin: 0 9px 0 0; border: 2px solid #23b1e8 !important; background-color: transparent !important; font-weight: 500 !important; border-radius: 3px !important; } a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9:hover { color: #fff !important; border: 2px solid #23b1e8 !important; background-color: #23b1e8 !important; } .hs-blog-id-4162551158 a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9, .hs-content-id-4484601677 a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9 { color: #23b1e8 !important; } .page-header-fixed a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9, a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9 { color: #23b1e8 !important; } .page-header-fixed a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9:hover, a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9:hover { color: #fff !important; } @media (max-width: 1040px) { a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9, a#cta_button_2275019_cca3951a-fc9d-4807-a3f1-db475e446a3c { padding: 4px 20px !important; } .sign-up-login { width: 185px !important; } } @media (max-width: 950px) { a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9, a#cta_button_2275019_cca3951a-fc9d-4807-a3f1-db475e446a3c { padding: 4px 13px !important; } .sign-up-login { width: 155px !important; } } @media (max-width: 850px) { .sign-up-login { display: none !important; } } @media (max-width: 820px) { a#cta_button_2275019_cca3951a-fc9d-4807-a3f1-db475e446a3c, a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9 { padding: 4px 15px !important; } .sign-up-login { width: 170px !important; } } @media (max-width: 767px) { a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9 { color:#23b1e8 !important; } } .redBanner, .hs-content-id-4757804878 .redBanner { display:none; } .hs-content-id-5168584182 #page-header { background:#fff; } .c2kRedBanner { position:absolute; background:#ff4848; width:100%; top:60px; z-index: 100; display: table; height: 50px } .c2kRedBannerText { display: table-cell; text-align: center; vertical-align: middle; color: #fff; font-weight: 300; padding: 6px 40px 3px; } .c2kRedBanner span { font-size: 14px; } .c2kRedBannerText a { color: #fff; text-decoration: none; } .c2kRedBannerText a:hover { color: #fff; text-decoration: underline; } .c2kredBannerCloseButton { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/red-close.svg?t=1532868257377") center center no-repeat; height: 25px; width: 25px; position: absolute; top: 17px; right: 15px; cursor: pointer; } .hs-content-id-5097282050 .page-hero-content { padding-top: 100px !important; } .kubeHide768 { display: block; margin: 100px auto 0; } .kubeShow768 { display: none; } .kubeHide414 { display: block; margin: 100px auto 0; } .kubeShow414 { display: none; } .hs-content-id-5097282050 .page-hero { background: rgba(128,2,80,1); background: -moz-radial-gradient(center, ellipse cover, rgba(128,2,80,1) 0%, rgba(131,2,81,1) 0%, rgba(97,5,66,1) 32%, rgba(58,8,50,1) 76%, rgba(20,11,34,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(128,2,80,1)), color-stop(0%, rgba(131,2,81,1)), color-stop(32%, rgba(97,5,66,1)), color-stop(76%, rgba(58,8,50,1)), color-stop(100%, rgba(20,11,34,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(128,2,80,1) 0%, rgba(131,2,81,1) 0%, rgba(97,5,66,1) 32%, rgba(58,8,50,1) 76%, rgba(20,11,34,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(128,2,80,1) 0%, rgba(131,2,81,1) 0%, rgba(97,5,66,1) 32%, rgba(58,8,50,1) 76%, rgba(20,11,34,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(128,2,80,1) 0%, rgba(131,2,81,1) 0%, rgba(97,5,66,1) 32%, rgba(58,8,50,1) 76%, rgba(20,11,34,1) 100%); background: radial-gradient(ellipse at center, rgba(128,2,80,1) 0%, rgba(131,2,81,1) 0%, rgba(97,5,66,1) 32%, rgba(58,8,50,1) 76%, rgba(20,11,34,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800250', endColorstr='#140b22', GradientType=1 ); padding: 0 0 140px 0; } .hs-content-id-5097282050 canvas { display: none !important; } .hs-content-id-5097282050 .platform-features-text h2 { margin-top:0; } .hs-content-id-5097282050 .platforms-features-section { background-color:#F0F0F0; max-width:1200px; } .hs-content-id-5097282050 .bg-fill-white-solid { background-color:#f5f5f5; } .hs-content-id-5097282050 .bg-fill-grey { background-color:#ECF0F1; } .hs-content-id-5097282050 .grey-developers-bg { background-color:#F0F0F0; padding: 190px 0 200px; } .hs-content-id-5097282050 .cluster-buttons-background { background-color:#F5F5F5; } .hs-content-id-5097282050 .bottomCenterText { text-align: center; max-width:600px; margin: 50px auto 10px; padding: 0 30px; } .developersButtons { overflow-y: hidden; margin: 100px auto 0; max-width: 1000px; } .forBoxHide { display: none !important; } .forDevelopersButton, .forOperatorsButton { background:#fafafa; width: 50%; text-align: center; padding: 15px 0; margin: 0; float: left; cursor:pointer; color:#242932; font-size: 24px; position: relative; z-index: 1; } .forDevelopersActive { background:#F0F0F0; -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.10); box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.10); z-index: 2; } .hs-content-id-5097282050 #hs_cos_wrapper_module_149458654035445 { margin-bottom: 0; } .hs-content-id-5097282050 .bg-fill-grey { z-index: 0; } .button-blue-outline { border:2px solid #2457EC; color:#fff !important; } .button-pink-outline { border:2px solid #D66AE2; color:#fff !important; } .button-blue-outline:hover { background: #2457EC; } .button-pink-outline:hover { background: #D66AE2; } .buildClusterImage { padding: 0 30px; } .click2KubeModal { position: fixed; display: none; width:500px; min-height:450px; top: 50%; left: 50%; margin-top: -225px; margin-left: -250px; background-color:#f5f7f8; padding:60px; box-sizing: border-box; border-radius: 10px; color: #828282; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); text-align: left; } .click2KubeModalBg { display: none; background-color: rgba(0, 0, 0, 0.4); position: fixed; width: 100%; height: 100%; top: 0; left: 0; } .click2KubeModalForm { display: block; } .click2KubeModalProgress, .click2KubeModalSuccess, .click2KubeModalFail { display:none; } .click2KubeModalLoading { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/cluster_animation.gif?t=1532868257377") center center no-repeat; width:200px; height:200px; margin:0 auto; } .click2KubeModalLoadingText { text-align: center; margin-top: 20px; color: #000; } .click2KubeModal .clusterSuccess { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/kubesuccesstop.png?t=1532868257377") 0 0 repeat-x; position: absolute; top: 0; left: 0; color: #fff; width: 100%; text-align: center; padding: 20px 0; border-radius: 9px 9px 0 0; visibility: hidden; } .click2KubeModal .clusterFail { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/kubesuccessfail.png?t=1532868257377") 0 0 repeat-x; position: absolute; top: 0; left: 0; color: #fff; width: 100%; text-align: center; border-radius: 9px 9px 0 0; visibility: hidden; display: table; height: 60px; } .click2KubeModal .clusterFail span { display: table-cell; vertical-align: middle; } .click2KubeModal .incorrect3top { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/kubesuccessfail.png?t=1532868257377") 0 0 repeat-x; position: absolute; top: 0; left: 0; color: #fff; width: 100%; text-align: center; padding: 20px 0; border-radius: 9px 9px 0 0; visibility: hidden; } .buildSuccess .clusterSuccess { visibility: visible; } .buildFail .clusterFail { visibility: visible; } .incorrect3Times .incorrect3top { visibility: visible; } .click2KubeModal .modalCloseButton { position:absolute; top:20px; right:20px; width:20px; height:20px; background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/close.svg?t=1532868257377") center center no-repeat; cursor: pointer; } .click2KubeModal input[type="text"] { border-radius: 3px !important; border-color: #ccc; box-shadow: none; } .click2KubeModal input[type="text"]:focus { border-color: #35c3ef; } .click2KubeModal label { font-size: 15px; } .click2KubeModal p { color: #828282; font-size: 13.4px; margin-top: 10px; line-height: 1; line-height: 1.2rem; display: none; } .click2KubeModal h3 { color:#242932; margin: 24px 0; } .click2KubeModal .leftButton, .click2KubeModal .rightButton { float:left; width:50%; margin-top: 50px; color:#242932; } .click2KubeModal .rightButton { text-align: right; } .click2KubeModal .leftButton { font-size: 14px; } .click2KubeModal input[type="submit"] { background:#52dd8d; border-radius:3px; color: #fff; text-align: center; border: none; border-bottom:1px solid #3ca668; padding: 11px 60px; font-size: 15px; font-weight: 300; opacity: 0.2; cursor: not-allowed; -webkit-appearance: none; } .click2KubeModal .correct input[type="submit"] { opacity: 1; cursor: pointer; transition: all 0.4s; } .click2KubeModal .correct input[type="text"] { border-color: #52dd8d; background: #fff url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/kubetick.svg?t=1532868257377") 98% 50% no-repeat; background-size: 24px 24px; } .click2KubeModal .incorrect input[type="text"], .incorrect3Times input[type="text"] { border-color: #f64748; background: #fff url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/kubecross.svg?t=1532868257377") 98% 50% no-repeat; background-size: 20px 20px; } .click2KubeModal .tokenField input[type="text"] { margin: 4px 0 2px; } .click2KubeModal .sorryEmail { margin:0 0 10px; color: #f64748; font-size:12px; display: none; } .click2KubeModal .incorrect3Text { margin:0 0 10px; color: #f64748; font-size:12px; display: none; } .buildFailText { margin:0 0 10px; color: #f64748; font-size:12px; text-align: center; margin-top: 20px; } .incorrect3Times a.newbutton { margin: 10px 0; } .click2KubeModal .incorrect .sorryEmail { display: block; } .incorrect3Times .incorrect3Text { display: block; } .incorrect3Times p { display: none; } .buildSuccess .click2KubeModalSuccess { display: block; } .buildFail .click2KubeModalFail { display: block; } .click2KubeModalTick { width:150px; height:150px; margin:0 auto; background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/kubetick.svg?t=1532868257377") center center no-repeat; } .click2KubeModalCross { width:150px; height:150px; margin:0 auto; background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/kubecross.svg?t=1532868257377") center center no-repeat; } .buildSuccess .click2KubeModalProgress, .buildSuccess .click2KubeModalForm, .buildFail .click2KubeModalProgress, .buildFail .click2KubeModalForm { display: none; } .makeClusterImg { max-width: 95%; } .doMoreCluster { padding-top: 70px; background: #f5f5f5; } .buildSuccessBox { background:#000; padding: 80px 0; } .buildSuccessBox h2 { color:#fff; margin-top: 0; font-size: 34px; margin-bottom: 50px; } .buildSuccessBox h3 { color:#fff; margin-top: 0; margin-top: 30px; font-size: 20px; } .buildSuccessText { color:#fff; max-width: 450px; margin: 50px auto; text-align: center; padding:0 20px; } .buildSuccessLoading { background:url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/yourclusterisready_v1.png?t=1532868257377") center center no-repeat; height:189px; width:172px; margin:0 auto; } .buildSuccessInstructions { max-width:700px; margin:0 auto; } .buildSuccessInstructions pre { padding: 0 20px; } .outerDevButtons { padding-top: 60px; } .terminalDesign { border:1px solid #fff; border-radius: 5px; margin-bottom: 15px; } .terminalDesignHeader { border-bottom: 1px solid #fff; height: 35px; background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/kubeTerminalButton.svg?t=1532868257377") 1.5% 50% no-repeat; background-size: 54px; } .terminalLine { color: #828282; } .terminalLine:before { content: "$ "; opacity: 0.5; color: #828282; } .terminalDesignCode { font-family: monospace; padding: 24px 30px; text-align: left !important; } .terminalDesignDash { border: 0 none; border-top: 2px dashed #fff; background: none; height:0; margin: 50px 0; } .terminalDesignCopy { background: #333; border-radius: 3px; cursor: pointer; color: #fff; text-align: center; font-size: 11px; text-transform: uppercase; float: right; margin: 5px 5px 0 0; padding: 6px 10px 5px; border: none; font-weight: 200; } .terminalDesignCopy:hover { background: #444; transition: all 0.3s; } .terminalDesignCopy:focus { outline: none !important; } .clusterCopied { background: #52dd8d !important; } .click2kubePageHero { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/Artboard-09@2x.png?t=1532868257377") no-repeat; height:850px; width:970px; background-size: contain; } .c2kFeatures1 { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/Enterprise@2x.png?t=1532868257377") no-repeat; width:120px; height: 70px; margin:0 auto 30px; background-size: contain; } .c2kFeatures2 { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/Performance@2x.png?t=1532868257377") no-repeat; width:120px; height: 70px; margin:0 auto 30px; background-size: contain; } .c2kFeatures3 { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/Security@2x.png?t=1532868257377") no-repeat; width:120px; height: 70px; margin:0 auto 30px; background-size: contain; } .how-it-works h3 { min-height: 60px; margin:0 0 20px; } .click2kubeDevelopersImage { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/Artboard-4@2x.png?t=1532868257377") no-repeat; height:250px; width:340px; background-size: contain; margin: 0 auto; } .click2kubeDevelopersStern { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/Artboard-5@2x.png?t=1532868257377") no-repeat; height:250px; width:340px; background-size: contain; } .click2kubeDevelopersPrometheus { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/Artboard-7@2x.png?t=1532868257377") no-repeat; height:250px; width:340px; background-size: contain; margin: 0 auto; } .click2kubeDevelopersComingSoon { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/Artboard-6@2x.png?t=1532868257377") no-repeat; height:250px; width:340px; background-size: contain; } .click2kubeHowWeJustBuiltYourCluster { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/Artboard-8@2x.png?t=1532868257377") no-repeat; height:480px; width:800px; background-size: contain; margin: 0 auto; } .doMoreSolutions { max-width: 500px; margin: 0 auto; padding:0 30px; } .footer { background-color: #000; padding: 80px 0 90px; color: #fff; border-top: none; } .footer p { margin-bottom: 10px; } .footer-subscribe .hs_email.field.hs-form-field { width: 70%; } .footer-copyright { margin-top: 60px; padding-top: 10px; } .copyrightText { float: none; text-align: center; } @media (max-width: 1024px) and (min-width: 768px) { .hs-content-id-5097282050 .page-hero-content .widget-type-rich_text { width: 100%; } .hs-content-id-5097282050 .page-hero-content { padding: 120px 0 0 !important; } } @media (max-width: 1024px) { .kubeOracle { width: 100%; background-size: contain; } } @media (max-width: 1000px) { .click2kubePageHero { height: 83vw; width:100%; } } @media (max-width: 890px) { .buildSuccessInstructions { margin:0 30px; } } @media (max-width: 860px) { .click2kubeHowWeJustBuiltYourCluster { height: 60vw; width:100%; background-size: contain !important; } } @media (max-width: 768px) { .hs-content-id-5097282050 .page-hero { padding: 0 0 70px; } .hs-content-id-5097282050 .grey-developers-bg { padding: 100px 0px; } .forDevelopersButton, .forOperatorsButton { font-size: 20px; } .kubeHide768 { display: none; } .kubeShow768 { display: block; margin: 0 auto; } .kubeHide414 { display: none; } .kubeShow414 { display: block; margin: 0 auto; } .click2kubePageHero { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/Artboard-10@2x.png?t=1532868257377") no-repeat; height:750px; width:320px; margin:0 auto; background-size: contain !important; } .click2kubeHowWeJustBuiltYourCluster { background: url("https://cdn2.hubspot.net/hubfs/2275019/click2kube/Artboard%2012@2x.png?t=1532868257377") no-repeat; height:800px; width:320px; margin:0 auto; background-size: contain !important; } } @media (max-width: 600px) { .hs-content-id-5097282050 .page-hero { padding: 0; } .click2KubeModal { width: 92%; height: auto; top: 45%; left: 0; margin-left: 4%; margin-top: -50%; padding: 60px 30px; } } @media (max-width: 414px) { .terminalDesignCode { padding: 24px 20px; } .buildSuccessText { font-size: 20px; } .buildSuccessBox h2 { font-size: 30px; } } @media (max-width: 375px) { .forDevelopersButton, .forOperatorsButton { font-size: 18px; } .hs-content-id-5097282050 .page-hero-content { padding: 80px 0 50px !important; } .click2KubeModal h3 { font-size: 21px; } .click2KubeModal .leftButton, .click2KubeModal .rightButton { float: left; width: 100%; margin-top: 20px; } .click2KubeModal input[type="submit"] { width: 100%; } .click2kubePageHero, .click2kubeHowWeJustBuiltYourCluster { width:100%; } } @media (max-width: 320px) { .hs-content-id-5097282050 .page-hero h2 { font-size: 30px; } .click2KubeModal h3 { font-size: 17px; } .click2KubeModal .leftButton, .click2KubeModal .rightButton { margin-top: 10px !important; } .click2KubeModal { padding: 50px 30px 25px; top: 41%; } .buildSuccessBox h3 { font-size: 20px; } .buildSuccessBox h2 { font-size: 24px; } .terminalDesignCode { font-size: 15px; } } .page-header .custom-menu-primary { width:53%; } .header-logo { width: 215px !important; } .hs-content-id-5304751185 .page-hero { background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/cnjbg.png?t=1532868257377") center center no-repeat rgba(165,10,20,1); background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/cnjbg.png?t=1532868257377") center center no-repeat -moz-radial-gradient(center, ellipse cover, rgba(165,10,20,1) 0%, rgba(121,12,10,1) 82%, rgba(121,12,10,1) 100%); background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/cnjbg.png?t=1532868257377") center center no-repeat -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(165,10,20,1)), color-stop(82%, rgba(121,12,10,1)), color-stop(100%, rgba(121,12,10,1))); background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/cnjbg.png?t=1532868257377") center center no-repeat -webkit-radial-gradient(center, ellipse cover, rgba(165,10,20,1) 0%, rgba(121,12,10,1) 82%, rgba(121,12,10,1) 100%); background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/cnjbg.png?t=1532868257377") center center no-repeat -o-radial-gradient(center, ellipse cover, rgba(165,10,20,1) 0%, rgba(121,12,10,1) 82%, rgba(121,12,10,1) 100%); background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/cnjbg.png?t=1532868257377") center center no-repeat -ms-radial-gradient(center, ellipse cover, rgba(165,10,20,1) 0%, rgba(121,12,10,1) 82%, rgba(121,12,10,1) 100%); background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/cnjbg.png?t=1532868257377") center center no-repeat radial-gradient(ellipse at center, rgba(165,10,20,1) 0%, rgba(121,12,10,1) 82%, rgba(121,12,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50a14', endColorstr='#790c0a', GradientType=1 ); } .hs-content-id-5304751185 .page-hero-content { min-height: 90vh !important; } .javaLogoCloud { background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/Java-Logo.svg?t=1532868257377") no-repeat; width: 160px; height: 81px; margin:0 auto 50px; } .buildTestDeployOperate { max-width:1024px; margin:0 auto; padding:100px 20px; overflow: hidden; } .cnjSections { max-width:1024px; margin:0 auto !important; float:none !important; } .cnjBuildImage { background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/cnj-icon-1.svg?t=1532868257377") no-repeat; width:130px; height:150px; margin: 0 auto 60px; } .cnjTestImage { background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/cnj-icon-2.svg?t=1532868257377") no-repeat; width:130px; height:150px; margin: 0 auto 60px; } .cnjDeployImage { background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/cnj-icon-3.svg?t=1532868257377") no-repeat; width:130px; height:150px; margin: 0 auto 60px; } .cnjOperateImage { background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/cnj-icon-4.svg?t=1532868257377") no-repeat; width:130px; height:150px; margin: 0 auto 60px; } .hs-content-id-5304751185 #cnjtyped { font-size: 45px; line-height: 1.2em; position: absolute; width: 1024px; margin:0 auto; text-align: center; font-weight: 400; } .hs-content-id-5304751185 li { margin-bottom: 20px; } .hs-content-id-5304751185 .page-header li { margin-bottom: 0px; } .cnjInstallJava { background-color: #dd1129; text-align: center; color: #fff; padding: 20px; margin-bottom: 100px; font-size: 19px; line-height: 29px; } .cnjInstallJava a { color: #fff; } .cnjInstallJava a:hover { text-decoration: underline;} .mavenImage { background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/mavenCaratula.png?t=1532868257377") center center no-repeat; height: 260px; background-size: contain; margin-top:50px; } .gradleImage { background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/gradle2.png?t=1532868257377") center center no-repeat; height: 300px; background-size: contain; margin-top:10px; } .uberJarImage { background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/jlink2.png?t=1532868257377") center center no-repeat; height: 300px; background-size: contain; } .jafarImage { background: url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/jafar.png?t=1532868257377") center center no-repeat; height: 300px; background-size: contain; } .javaPageContent { padding:100px 0 0 0; } .blog .footer-cta-section { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:first-of-type { display:none; } .row-fluid [class*="span"]:first-child { margin-left: 0; min-height: 0px; } #consent_blackbar { position: fixed; bottom: 0; width: 100%; z-index: 2000; } div.truste-heading{margin:0px 25px;color:#FFF} span.truste-heading-text{font-size:16px;font-weight:400;} hr.truste-hr-banner{margin:10px 25px 0 25px;display:none} div#truste-consent-track{background-color:#4E5052} div#truste-consent-text{font-size:12px;margin-top:2px;color:white;width:60%;float:left;line-height: 20px;} div#truste-consent-content{padding:10px 0;max-width:974px;margin:0px auto} div#truste-consent-buttons{margin:-5px 15px 0 5px;float:right} button#truste-show-consent{background:#4E5052;border:solid 2px white;max-height:75%;padding:10px 20px;color:white;font-size:13px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} button#truste-show-consent:hover{background-color:white;color:#4E5052} #truste-consent-button{font-size:0;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .3s;z-index:10;line-height:0;position:absolute;margin:10px 10px 0 0;top:0px;right:0px} #truste-consent-button em{visibility:hidden} #truste-consent-button:before{font-size:0;display:inline-block;content:' ';height:2rem;width:2rem;background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjQsMyAyMSwwIDEyLDkgMywwIDAsMyA5LDEyIDAsMjEgMywyNCAxMiwxNSAyMSwyNCAyNCwyMSAxNSwxMiAiLz4NCjwvc3ZnPg0K") no-repeat 0px 0px transparent;background-size:100% 100%;opacity:1;line-height:0} div.truste-image{background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyODggMjUyLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4OCAyNTIuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRn0NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcxLjUsMTY3LjRsMTUuOSwxNS45YzIuOC0wLjEsNS4xLTIuNCw1LjEtNS4ydi0yMC40YzAtMi45LTIuMy01LjItNS4yLTUuMmgtODYuNmMtMi45LDAtNS4yLDIuMy01LjIsNS4yDQoJdjIwLjRjMCwyLjksMi4zLDUuMiw1LjIsNS4yaDYwLjl2LTExLjljMC0yLjMsMS40LTQuNCwzLjYtNS4zYzAuNy0wLjMsMS41LTAuNCwyLjItMC40QzE2OSwxNjUuNywxNzAuNCwxNjYuMywxNzEuNSwxNjcuNA0KCSBNMzguMSwxMzQuOGgyMTEuN1Y5MC43SDM4LjFWMTM0Ljh6IE00Nyw5OS41SDI0MVYxMjZINDdWOTkuNXogTTI4MC43LDIuNUg3LjNjLTIuNCwwLTQuNCwyLTQuNCw0LjR2MjA3LjNoMTU4Ljh2LTguOGgtMTUwVjU5LjgNCgloMjY0LjZ2MTQ1LjZoLTY2LjhsNi4zLDYuM2MwLjcsMC43LDEuMiwxLjYsMS41LDIuNWg2Ny44VjYuOUMyODUuMSw0LjUsMjgzLjIsMi41LDI4MC43LDIuNXogTTYyLjQsMTEuM2MzLjcsMCw2LjYsMyw2LjYsNi42DQoJcy0zLDYuNi02LjYsNi42cy02LjYtMy02LjYtNi42UzU4LjcsMTEuMyw2Mi40LDExLjN6IE00MC4zLDExLjNjMy43LDAsNi42LDMsNi42LDYuNnMtMyw2LjYtNi42LDYuNnMtNi42LTMtNi42LTYuNg0KCVMzNi43LDExLjMsNDAuMywxMS4zeiBNMTguMywxMS4zYzMuNywwLDYuNiwzLDYuNiw2LjZzLTMsNi42LTYuNiw2LjZzLTYuNi0zLTYuNi02LjZTMTQuNiwxMS4zLDE4LjMsMTEuM3ogTTExLjcsMzMuNGgxODAuOFY1MQ0KCUgxMS43VjMzLjR6IE0yMDEuMywzMy40aDc1VjUxaC03NVYzMy40eiBNMjAwLjcsMjAyLjhsLTMyLjMtMzIuM2MtMC40LTAuNC0xLTAuNS0xLjUtMC4zYy0wLjUsMC4yLTAuOCwwLjctMC44LDEuM3Y2Mi43DQoJYzAsMS4yLDEuNSwxLjgsMi4zLDFsMTIuOC0xMi44bDEwLjksMjYuM2MwLjMsMC43LDEuMSwxLDEuOCwwLjdsNS0yLjFsNS0yLjFjMC43LTAuMywxLTEuMSwwLjctMS44bC0xMC45LTI2LjNoMTgNCgljMS4yLDAsMS44LTEuNSwxLTIuM0wyMDAuNywyMDIuOHoiLz4NCjwvc3ZnPg0K") no-repeat 0px 0px transparent;float:left;margin:6px 20px 0 10px;width:3rem;height:3rem} @media only screen and (max-width: 1024px) and (min-width: 0){div.truste-heading, div#truste-consent-text{text-align:left}} @media only screen and (max-width: 975px) and (min-width: 771px){div#truste-consent-text{width:57%;padding-bottom:10px}} @media only screen and (max-width: 770px) and (min-width: 501px){div#truste-consent-text{width:65%}div#truste-consent-buttons{margin:15px 0 10px;float:left}div.truste-image{height:2rem}} @media only screen and (max-width: 692px) and (min-width: 501px){div#truste-consent-buttons{float:none;margin:70px auto 0;}div#truste-consent-text{width:75%;}} @media only screen and (max-width: 570px) and (min-width: 0){span.truste-heading-text{font-size:12px;}} @media only screen and (max-width: 500px) and (min-width: 0){div.truste-heading{margin-left:15px}div#truste-consent-text{width:90%;margin:10px 15px}div#truste-consent-buttons{margin:10px 0 0 15px;float:left}div.truste-image{display:none}} #teconsent { color: #666; text-align: center; font-size: 15px; background:#000; } body.docs p a, .sidebar ul li a { color: #6953f2; } body.docs p a:hover, .sidebar ul li a:hover { color: #c74cfc; } .mavenImage.cnjMobile, .gradleImage.cnjMobile, .uberJarImage.cnjMobile, .jafarImage.cnjMobile { display: none; } .twitterIconFooter { background: url("https://cdn2.hubspot.net/hubfs/2275019/twitter_circle_white.png?t=1532868257377") center center no-repeat; background-size: contain; width:50px; height:50px; float:left; margin-right: 20px; } .linkedinIconFooter { background: url("https://cdn2.hubspot.net/hubfs/2275019/linkedin_circle_white.png?t=1532868257377") center center no-repeat; background-size: contain; width:50px; height:50px; float:left; margin-right: 20px; } .youtubeIconFooter { background: url("https://cdn2.hubspot.net/hubfs/2275019/youtube_circle_white.png?t=1532868257377") center center no-repeat; background-size: contain; width:50px; height:50px; float:left; } .twitterIconFooter:hover { background: url("https://cdn2.hubspot.net/hubfs/2275019/twitter_circle_hover.png?t=1532868257377") center center no-repeat; background-size: contain; } .linkedinIconFooter:hover { background: url("https://cdn2.hubspot.net/hubfs/2275019/linkedin_circle_hover.png?t=1532868257377") center center no-repeat; background-size: contain; } .youtubeIconFooter:hover { background: url("https://cdn2.hubspot.net/hubfs/2275019/youtube_circle_hover.png?t=1532868257377") center center no-repeat; background-size: contain; } @media (max-width: 1024px) { .javaPageContent { padding: 60px 30px 0; } } @media (max-width: 1024px) { .hs-content-id-5304751185 h2 { font-size: 35px; } .hs-content-id-5304751185 #cnjtyped { width: 100%; position: relative; font-size: 35px; } } @media (max-width: 768px) { #red-banner { text-align: center; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:first-of-type { display:block; } .twitterIconFooter { width:33%; margin-right:0; } .linkedinIconFooter { width:33%; margin-right:0; } .youtubeIconFooter { width:33%; } } @media (max-width: 767px) { .footer-subscribe input[type="email"] { width: 92%; } .buildTestDeployOperate ul { padding:0; } .buildTestDeployOperate ul li { list-style-type: none; } .cnjBuildImage, .cnjTestImage, .cnjDeployImage, .cnjOperateImage { margin: 40px auto 20px; } .mavenImage.cnjMobile, .gradleImage.cnjMobile, .uberJarImage.cnjMobile, .jafarImage.cnjMobile { display: block; height: 200px; margin: 30px auto 0; } .mavenImage.cnjDesktop, .gradleImage.cnjDesktop, .uberJarImage.cnjDesktop, .jafarImage.cnjDesktop { display: none; } .mobileImageHide { display: none !important; } .tryOutTheseApps { padding-bottom: 0 !important; } .javaPageContent { padding: 30px 30px 0; } .socialIcon { float:left; width: 27%; margin: 0 3%; text-align: center; } .socialIconFirst { float:left; width: 30%; margin: 0 3% 0 0; text-align: center; } } @media (max-width: 414px) { .hs-content-id-5304751185 .page-hero-content { padding: 70px 0 0 !important; } .hs-content-id-5304751185 .page-hero .page-hero-content { min-height: 85vh !important; } .javaLogoCloud { width: 150px; height: 76px; margin:0 auto 40px; } } @media (max-width: 375px) { .hs-content-id-5304751185 .page-hero .page-hero-content { min-height: 94vh !important; } } @media (max-width: 320px) { .hs-content-id-5304751185 .page-hero .page-hero-content { min-height: 118vh !important; } }