@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} .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}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@charset 'UTF-8';@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url("https://www.wercker.com/hs-fs/hub/2275019/hub_generated/template_assets/1479157325003/custom/page/web_page_basic/fonts/slick.eot");src:url("https://www.wercker.com/hs-fs/hub/2275019/hub_generated/template_assets/1479157325003/custom/page/web_page_basic/fonts/slick.eot#iefix") format('embedded-opentype'),url("https://www.wercker.com/hs-fs/hub/2275019/hub_generated/template_assets/1479157325003/custom/page/web_page_basic/fonts/slick.woff") format('woff'),url("https://www.wercker.com/hs-fs/hub/2275019/hub_generated/template_assets/1479157325003/custom/page/web_page_basic/fonts/slick.ttf") format('truetype'),url("https://www.wercker.com/hs-fs/hub/2275019/hub_generated/template_assets/1479157325003/custom/page/web_page_basic/fonts/slick.svg#slick") format('svg')}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:black} @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; } }@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'); } body{font-family:'Lato',sans-serif;font-weight:300;letter-spacing:.3px}li{margin-bottom:15px}#aboutBG{background-color:#19122a;background-image:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Artboard%206.svg?t=1521720480887");background-size:cover;background-repeat:no-repeat;background-position:center}#aboutBG .page-hero-content{padding-bottom:100px}#aboutBG h1{text-align:center}#aboutBG .p1{line-height:1.75em;text-align:center}#aboutBG .p1 span{color:#fff;font-size:16px}#aboutBG .p1 span span{line-height:1.75em}#aboutBG .p1 span span a{color:#fff;text-decoration:underline}.about .body-container-wrapper .row-number-1 .locationBg{background-color:#f5f5f5;padding-bottom:50px;padding-left:20px;padding-right:20px}.about .body-container-wrapper .row-number-1 .locationBg .about-holder h2{margin:0 auto;padding:80px 0}.about .body-container-wrapper .row-number-1 .locationBg .about-holder h2,.about .body-container-wrapper .row-number-1 .locationBg .about-holder h3,.about .body-container-wrapper .row-number-1 .locationBg .about-holder p{text-align:center}.about .body-container-wrapper .row-number-2 .teamBg{padding-top:50px}.hs-content-id-5328206565 .teamBg{display:none !important}@media only screen and (max-width:768px){#aboutBG{background-size:cover}}.careersImages{background-color:#f5f5f5;padding:0 0 80px 0}.careersImages p{color:#4a4a4a}.careersImages .about-holder{text-align:center}.careers-listings h2{margin:100px 0}.careers-listings .single-career-box{border:#694cf6 1px solid;border-radius:5px;background-color:#fafafa;box-shadow:0 2px 5px 2px rgba(0,0,0,0.1);padding:20px 40px;margin-bottom:30px;min-height:350px}.feelFree2Contact{background-color:#f5f5f5;padding:80px 0 90px}.careersTechnologies{margin:50px auto 100px !important}.careersWerckerIsBuilt{margin:40px auto 70px !important}.careersInfrastructureImage{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/careers-infrastructure.png?t=1521720480887") center center no-repeat;width:300px;height:400px;background-size:contain;margin:0 auto;padding:10px 0;border-radius:8px;border:solid 1px #979797}.careersFrontendImage{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/careers-frontend.png?t=1521720480887") center center no-repeat;width:300px;height:400px;background-size:contain;margin:0 auto;padding:10px 0;border-radius:8px;border:solid 1px #979797}.careersBackendImage{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/careers-backend.png?t=1521720480887") center center no-repeat;width:300px;height:400px;background-size:contain;margin:0 auto;padding:10px 0;border-radius:8px;border:solid 1px #979797}.careersWhatToExpect{margin:60px 0 20px}.careers-listings{padding-bottom:100px}#contactBG{background-color:#19122a;background-image:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Artboard%204.svg?t=1521720480887");background-size:cover;background-repeat:no-repeat;background-position:center}#contactBG select{height:40px}#contactBG textarea{height:80px}#contactBG h2{text-align:center;margin-bottom:50px}.enterprise #contactBG .page-hero-content{padding:145px 0}#contactBG .hs-button.primary{float:right;width:calc(100% / 3)}#contactBG .about-form{border-radius:10px;padding:28px;overflow:hidden}.enterprise #contactBG .about-form span,.enterprise #contactBG .about-form .form-title{margin-bottom:0}#contactBG .hs-input{border-radius:5px;background-color:#fafafa;border:solid 1px #c8c8c8;box-shadow:none}#contactBG .hs-form{margin-top:0}@media only screen and (max-width:768px){#contactBG{background-position:top;background-size:cover}#contactBG .form-columns-2 .hs-form-field{width:100%}#contactBG .form-columns-2 .hs-form-field .input{margin-right:0}#contactBG .hs-button.primary{width:calc(200% / 3)}#contactBG h2{font-size:36px;line-height:40px}}#homeBG{background-color:#19122a;background-image:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/home-bg-2.svg?t=1521720480887");background-size:cover;background-repeat:no-repeat;background-position:center;height:100vh}#homeBG .page-hero-content .page-center{width:100%;max-width:800px !important;margin:auto !important;padding-top:5vh}#homeBG .page-hero-content h2{font-weight:400;font-size:40px;width:600px;max-width:100%;text-align:left}#homeBG .page-hero-content h4{background-color:rgba(25,18,42,0.5);width:320px;max-width:100%;text-align:left;line-height:24px}#homeBG .page-hero-content p{text-align:left}#homeBG .page-hero-content .hs-cta-wrapper:first-of-type a{border-radius:4px !important;border:solid 2px #35c3ef !important;background-color:rgba(25,18,42,0.5) !important;width:150px}#homeBG .page-hero-content .hs-cta-wrapper:first-of-type a:hover{background-color:#35c3ef !important}#homeBG .page-hero-content .hs-cta-wrapper:first-of-type a span{color:#35c3ef !important}#homeBG .page-hero-content .hs-cta-wrapper:first-of-type a:hover span{color:white !important}#homeBG .page-hero-content .hs-cta-wrapper:last-of-type a{border-radius:4px !important;border:solid 2px #19d276 !important;background-color:rgba(25,18,42,0.5) !important;width:150px}#homeBG .page-hero-content .hs-cta-wrapper:last-of-type a:hover{background-color:#19d276 !important}#homeBG .page-hero-content .hs-cta-wrapper:last-of-type a span{color:#19d276 !important}#homeBG .page-hero-content .hs-cta-wrapper:last-of-type a:hover span{color:white !important}#homeBG #cnjtyped{font-size:40px;line-height:1.2em}.typed-cursor{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}.scrollAnimation{background-color:#09041b}.scrollAnimation h2{color:#fff}#red-banner{background-color:#ff4848}#red-banner .row-fluid-wrapper .row-fluid .widget-span .row-fluid-wrapper{display:inline-block;vertical-align:middle}#red-banner .row-fluid-wrapper .row-fluid .widget-span .row-fluid-wrapper:first-of-type{width:70%}#red-banner .row-fluid-wrapper .row-fluid .widget-span .row-fluid-wrapper:last-of-type{width:29%}#red-banner .left-banner p{color:white;text-align:left;margin:10px 0}#red-banner .hs-cta-wrapper{display:inline-block;vertical-align:middle;float:right;margin-bottom:0}#red-banner .hs-cta-wrapper a{border-radius:4px !important;border:solid 2px #fff !important;background-color:transparent !important;width:80%;float:right;margin-right:0 !important}#workBG{padding:60px 0}#workBG h2{margin-bottom:60px;color:#646464}#workBG h3{margin-top:30px;font-size:20px;font-weight:400;margin-bottom:10px}#workBG h3,#workBG p{color:#4a4a4a}#companiesBG{background-color:#323232;padding:60px 0 80px}#companiesBG h2{color:#fff;text-align:center;margin-bottom:60px}#company-logos{text-align:center}#company-logos>div{width:22.6%;display:inline-block;background-color:black;border-radius:5px;margin:1%}#company-logos>div img{display:inline-block;vertical-align:middle;padding:0 5%;width:90% !important;margin:auto}.hs-content-id-5325050148 .row-number-12{background-color:#f5f7f8}#customizableBG{padding:60px 0 100px;color:#646464;text-align:center}#customizableBG h2{margin-bottom:15px}#customizableBG p{font-size:18px;margin-bottom:60px}#customizableBG .desktop-image img,#customizableBG .mobile-image img{max-width:90%}#customizableBG .mobile-image{display:none}.homeMobileOnlyText{display:none !important}.homeMobilePipelinesIcon{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/WeckerWeb_%20Pipeline_%20Mobile.svg?t=1521720480887") center center no-repeat;width:90px;height:90px;margin:0 auto 30px}.homeMobileReleasesIcon{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/WeckerWeb_Releases%20Mobile.svg?t=1521720480887") center center no-repeat;width:90px;height:90px;margin:30px auto}.homeMobileClustersIcon{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/WeckerWeb_Clusters_Mobile.svg?t=1521720480887") center center no-repeat;width:90px;height:90px;margin:30px auto}.homeShowMobileOnly{display:none}#cliBG{background-color:#19122a;background-image:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Artboard%203.svg?t=1521720480887");background-size:cover;background-repeat:no-repeat;background-position:center}#cliBG h2{font-size:40px;font-weight:400}.cliImageTop1{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/CLI_w_laptop@2x.png?t=1521720480887") center center no-repeat;width:138px;height:100px;background-size:contain;margin:0 auto 30px}.cliImageTop2{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/CLI_w_clock@2x.png?t=1521720480887") center center no-repeat;width:138px;height:100px;background-size:contain;margin:0 auto 30px}.cliImageTop3{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/CLI_w_container@2x.png?t=1521720480887") center center no-repeat;width:138px;height:100px;background-size:contain;margin:0 auto 30px}.cliCommandLineInterface{background-color:#f5f7f8}.cliCommandLineInterface h3{max-width:762px;margin:0 auto}.your-needs h3{margin-top:30px}.hs-content-id-5355170209 .buildTestDeployOperate{padding:100px 0 60px}.hs-content-id-5355170209 .page-hero-content h2{max-width:560px;margin:0 auto 120px}.cliLaptopImage{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/CLI_automation@2x.png?t=1521720480887") center center no-repeat;width:350px;height:220px;background-size:contain}.cliTerminalologyImage{background:url("https://cdn2.hubspot.net/hubfs/2275019/CLI_Terminal@2x.png?t=1521720480887") center center no-repeat;width:350px;height:220px;background-size:contain}.cliMobileImage{display:none}#FeaturesBG{background:#e6e6e6 url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/featuresbg-2.svg?t=1521720480887") center center no-repeat;background-size:cover}#FeaturesBG .page-hero-content h1,#FeaturesBG .page-hero-content h3{color:#333}#FeaturesBG h2{color:#4a4a4a}.featuresClosed{background-color:#f5f5f5;display:none !important}.featuresClosed h2{font-size:40px;color:#19122a;margin-bottom:10px}.featuresClosed p{font-size:18px;color:#19122a}.featuresOpen{background-color:#f5f5f5}.featuresOpenInner{height:100%;width:100%}.featuresOpen h2{color:#19122a}.featuresOpen h4{margin:0 0 10px;color:#19122a;line-height:1.4}.featuresOpen p,.featuresOpen h4{width:60%;color:#19122a}.featuresOpen .buildBox{background-color:#f5f5f5}.featuresOpen .buildBox .buildBoxInner{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/buildBg4@2x.png?t=1521720480887") center right no-repeat;background-size:contain;padding:30px 0 20px;position:relative}.featuresOpen .deployBox{background-color:#d2d2d2}.featuresOpen .deployBox .deployBoxInner{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/deployBg2@2x.png?t=1521720480887") center center no-repeat;background-size:contain;padding:30px 0 80px}.featuresOpen .operateBox{background-color:#bcbcbc}.featuresOpen .operateBox .operateBoxInner{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/operateBg2@2x.png?t=1521720480887") center left no-repeat;background-size:contain;padding:30px 0 80px}.navy-blue-features{background-color:#19122a;padding:60px 0 80px}.navy-blue-features .row-fluid .span4{margin-bottom:20px}.navy-blue-features h2{color:#fff;text-align:center;margin:35px auto 50px}.navy-blue-features h3,.navy-blue-features p{text-align:left;color:#fff;margin-bottom:30px}.navy-blue-features li{margin-bottom:0;color:#fff}.navy-blue-features ul{padding-left:16px}.buildDeployText{float:left;padding:0 0 20px;width:50%}.buildDeployText h4{margin-top:0 !important}.buildDeployArrowOuter{width:100%;overflow:auto}.buildDeployDownArrow{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/BlackChevron.svg?t=1521720480887") no-repeat;width:90px;cursor:pointer;cursor:pointer;margin:0 auto 30px}.buildDeployIcons{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/build-test-operate.svg?t=1521720480887") no-repeat;width:200px;height:60px;position:absolute;right:0}.productPageBuildImage{background:url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/buildMobImage.svg?t=1521720480887") center center no-repeat;width:190px;height:190px;background-size:contain;margin:15px auto 30px;float:right;display:none}.productPageDeployImage{background:url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/deployMobImage.svg?t=1521720480887") center center no-repeat;width:210px;height:210px;background-size:contain;margin:15px auto 30px;float:right;display:none}.productPageOperateImage{background:url("https://cdn2.hubspot.net/hubfs/2275019/Cloud%20Native%20Java/operateMobImage.svg?t=1521720480887") center center no-repeat;width:210px;height:210px;background-size:contain;margin:15px auto 30px;float:right;display:none}#techPartnersBG{background-color:#19122a;background-image:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Artboard%201.svg?t=1521720480887");background-size:cover;background-repeat:no-repeat;background-position:center;height:100vh}#techPartnersBG .page-hero-content h2{font-weight:300;font-size:40px;background-color:rgba(25,18,42,0.5);width:600px;max-width:100%;text-align:center;margin:0 auto}.techPartnersDesc{margin:30px auto 70px !important}.techKubernetesBox{margin:60px auto 100px !important}.techKubernetesBox h2{margin-bottom:60px}.pushToKubernetesImage{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/VPP_Workfows@2x.png?t=1521720480887") center center no-repeat;background-size:contain;width:960px;height:200px}.techPartners .careersImages{padding-top:70px;padding-bottom:70px}.careersImages .widget-module ul{padding:0}.careersImages .widget-module ul li{background-image:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/TechPartersBlogImages4.png?t=1521720480887");background-size:cover;background-repeat:none;background-color:#373255;list-style-type:none;width:25%;height:200px;border-radius:8px;float:left;margin-left:.75%;margin-right:.75%;box-shadow:0 2px 20px -10px #ccc;-webkit-box-shadow:0 2px 20px -10px #ccc;padding:30px;box-sizing:border-box;font-size:18px;line-height:1.5em}.careersImages .widget-module ul li:first-of-type{background-color:#69637e;width:45%;height:415px;font-size:28px}.careersImages .widget-module ul li:nth-of-type(3){background-color:#6953f2}.careersImages .widget-module ul li:nth-of-type(4){background-color:#7e3bce}.careersImages .widget-module ul li:nth-of-type(2){background-color:#373255}.careersImages .widget-module ul li:nth-of-type(5){background-color:#69637e}.careersImages .widget-module ul li a{color:#fff}.careersImages .widget-module ul li a:hover{color:#fff;text-decoration:underline}.footer{background-color:#000;padding:80px 0 90px;color:#fff;border-top:0}.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}.homeChevron{text-align:center;position:absolute;bottom:30px;margin-left:-30px;left:50%;width:60px}.homeKubernetesImage{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Homepage_kubernetes2.png?t=1521720480887") center center no-repeat;width:249px;height:145px;background-size:contain;margin:20px auto 0}.homeCloudPlatformImage{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Homepage_cloud%20platform@2x.png?t=1521720480887") center center no-repeat;width:249px;height:145px;background-size:contain;margin:20px auto 0}.homeMicroservicesImage{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Homepage_microservices@2x.png?t=1521720480887") center center no-repeat;width:249px;height:145px;background-size:contain;margin:20px auto 0}.homeContainersImage{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Homepage_containers@2x.png?t=1521720480887") center center no-repeat;width:249px;height:145px;background-size:contain;margin:20px auto 0}@media only screen and (max-width:768px){#homeBG .page-hero-content .hs-cta-wrapper:first-of-type a,#homeBG .page-hero-content .hs-cta-wrapper:last-of-type a{display:block !important;width:320px;max-width:100%;margin-left:0 !important;width:inherit;margin-right:0}#red-banner .row-fluid-wrapper .row-fluid .widget-span .row-fluid-wrapper{display:block}#red-banner .row-fluid-wrapper .row-fluid .widget-span .row-fluid-wrapper:first-of-type,#red-banner .row-fluid-wrapper .row-fluid .widget-span .row-fluid-wrapper:last-of-type{width:100%;margin:22px 0}#red-banner .row-fluid-wrapper .row-fluid .widget-span .row-fluid-wrapper:last-of-type{margin-top:0}#red-banner .left-banner p{text-align:center}#red-banner .hs-cta-wrapper{float:none;text-align:center}#red-banner .hs-cta-wrapper a{float:none;margin:auto !important;max-width:300px}#workBG h2,#companiesBG h2{font-size:36px;line-height:40px}#workBG p{margin-bottom:60px}#companiesBG,#customizableBG .desktop-image{display:none}#customizableBG .mobile-image{display:block}#customizableBG p{margin-bottom:0}.careersImages .widget-module ul li{width:47.5%;margin-left:1.25%;margin-right:1.25%}.careersImages .widget-module ul li:first-of-type{width:98%}}#vppBG{background-color:#19122a;background-image:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Artboard%203.svg?t=1521720480887");background-size:cover;background-repeat:no-repeat;background-position:center}#vppBG h2{font-size:40px}#vppBG p{max-width:550px;margin:auto;font-size:18px;letter-spacing:.4px}.private-label{background-image:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Artboard%207.svg?t=1521720480887");background-size:cover;background-repeat:no-repeat;background-position:center;background-color:white !important}.private-label h3{max-width:850px;margin:auto;font-size:24px;color:#646464;line-height:1.4}.private-label img{max-width:90%;margin:auto}.your-needs,.your-needs-cli{background-color:#fafafa}.your-needs h2{font-size:40px;color:#646464;padding:80px 0 60px}.your-needs h3{font-size:26px;font-weight:400;text-align:left;color:#4a4a4a}.your-needs p{font-size:16px;margin-bottom:0;text-align:left;color:#4a4a4a}.text-and-image>.row-fluid-wrapper>.row-fluid{display:flex;align-items:center;margin-bottom:80px}.cliVideo{height:300px}.cli-embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.cli-embed-container iframe,.cli-embed-container object,.cli-embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.vppMainImageDesktop{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/VPP_Workfows@2x.png?t=1521720480887") center center no-repeat;width:100%;height:200px;background-size:contain}.vppMainImageMobile{display:none}@media only screen and (max-width:768px){#vppBG h2,.your-needs h2{font-size:36px;line-height:40px}#vppBG .page-hero-content .widget-type-rich_text{padding-bottom:0 !important}.private-label h3{margin-bottom:80px}.text-and-image>.row-fluid-wrapper>.row-fluid{flex-wrap:wrap;margin:auto;margin-bottom:80px}.text-and-image>.row-fluid-wrapper>.row-fluid p{width:100%;margin-right:auto;margin-left:auto}.text-and-image>.row-fluid-wrapper>.row-fluid .span6{margin:auto}.text-and-image>.row-fluid-wrapper>.row-fluid .span6 img{margin-bottom:40px}.your-needs #hs_cos_wrapper_module_1494843294965616 h3,.your-needs #hs_cos_wrapper_module_1494843294965616 p{float:none}.textLast{order:99}.your-needs h3{text-align:center;font-size:18px}.your-needs p{text-align:center}.your-needs img{max-width:300px;margin:auto;margin-bottom:20px !important}}#enterpriseBG{background-color:#19122a;background-image:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Backgrounds__limited-access2.svg?t=1521720480887");background-size:cover;background-repeat:no-repeat;background-position:top center;min-height:100vh}#enterpriseBG .page-hero-content{padding:150px 0}#enterpriseBG .topBox .row-fluid-wrapper{width:49%;display:inline-block;vertical-align:middle}#enterpriseBG h2{font-weight:300;font-size:40px;max-width:435px}#enterpriseBG .hs-button.primary{float:right;width:calc(200% / 3)}#enterpriseBG .rightTop{border-radius:10px;padding:28px;overflow:hidden}.enterprise #enterpriseBG .rightTop span,.enterprise #enterpriseBG .rightTop .form-title{margin-bottom:0}#enterpriseBG .hs-input{border-radius:5px;background-color:#fafafa;border:solid 1px #c8c8c8;box-shadow:none}#enterpriseBG .hs-form{margin-top:0}#enterpriseMore{background-image:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/WeckerWeb_lightBackground.svg?t=1521720480887");background-size:cover;background-repeat:no-repeat;background-position:center;background-color:white !important}#enterpriseMore h3{color:#646464;max-width:680px;text-align:center;margin:0 auto 30px;line-height:32px}#enterpriseMore p{color:#4a4a4a;max-width:850px;margin:auto;line-height:1.5}#enterpriseMore .oneModule{border-radius:8px;background-color:#474254;margin-top:30px;min-height:350px}#enterpriseMore .oneModule .imageBlock{margin:30px 60px 10px;width:auto}#enterpriseMore .oneModule .enterprise-logo h3,#enterpriseMore .oneModule .enterprise-logo p{color:white}#enterpriseMore .oneModule .enterprise-logo h3{margin-bottom:10px}#enterpriseMore .oneModule .enterprise-logo p{min-height:50px}#enterpriseMore .oneModule .enterprise-logo p:first-of-type{margin-bottom:30px}@media only screen and (max-width:768px){#enterpriseBG h2{font-size:36px;line-height:40px}#enterpriseBG .topBox .row-fluid-wrapper{width:100%;display:block}#enterpriseBG h2{text-align:center;margin:auto;margin-bottom:30px}#enterpriseBG .form-columns-2 .hs-form-field{width:100%}#enterpriseBG .form-columns-2 .hs-form-field .input{margin-right:0}#enterpriseMore{background-size:contain;background-repeat:repeat-y;background-position:top}#enterpriseMore .oneModule .imageBlock img{max-width:200px;margin:auto;display:block}}#pricingBG{background-color:#19122a;background-image:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Artboard%205.svg?t=1521720480887");background-size:cover;background-repeat:no-repeat;background-position:center}#pricingBG .page-hero-content{padding-top:250px}#pricingBG h2{font-size:40px;line-height:40px;font-weight:400}#pricingBG p{width:560px;margin:auto;font-size:18px;max-width:100%}.pricing .new-pricing-block{background-image:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Artboard%207.svg?t=1521720480887");background-size:cover;background-repeat:no-repeat;background-position:center;margin-top:0;padding-top:81px}.new-pricing-block .pricing-box-container{border-radius:5px !important;background-color:#fafafa !important;box-shadow:0 2px 5px 2px rgba(0,0,0,0.1) !important;border:solid 1px #694cf6;min-height:635px}.new-pricing-block .pricing-title{color:#646464 !important;font-size:24px;width:100%;margin:20px auto 24px}.new-pricing-block .price-button{border-radius:3px;background-color:#8d78f6;color:white !important;border:none !important;width:auto !important;min-width:150px}.new-pricing-block .cta_button{border-radius:4px;background-color:#35c3ef;color:white;border:0;border-bottom:2px solid #2589a7}.new-pricing-block .cta_button:hover{background-color:#3c6;border-color:#1f7a3d;color:#fff}.new-pricing-block .span6{width:42%}.new-pricing-block .span6:first-of-type{margin-left:7%}.new-pricing-block .span6:last-of-type{margin-left:2%}.hs_cos_wrapper_type_rich_text h2{width:auto !important}.hs-content-id-5304751185 .typed-cursor{display:none}.tryOutTheseApps{padding-left:20px;padding-right:20px;padding-bottom:40px}.pricing .page-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li>a{color:#fff !important}.hs-content-id-5344550685 .page-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{color:#222 !important}.hs-content-id-5344550685 a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9,.hs-content-id-5400831979 a#cta_button_2275019_49513fa8-93fc-47ec-b839-55e5d3da1ed9{color:#23b1e8 !important}.hs-content-id-5344550685 .page-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.active>a,.hs-content-id-5400831979 .page-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.active>a{border-color:#222 !important}.parallaxHero{background:transparent;min-height:680px !important;max-width:1024px;margin:0 auto}.features-parallax .page-hero-content{position:fixed;left:0}.features-parallax .deployBox,.features-parallax .operateBox{display:none}.features-parallax .buildBoxInner h4,.features-parallax .buildBoxInner p{display:none}.features-parallax .productPageBuildImage{display:none}.features-parallax .featuresOpen .buildBox .buildBoxInner{background-image:none}.features-parallax #FeaturesBG{background:#e6e6e6 url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Features_Backgrounds-Top.svg?t=1521720480887") center center no-repeat}.hs-content-id-5400831979 .page-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{color:#222 !important}@media only screen and (max-width:1300px){#FeaturesBG{background-size:cover}}@media only screen and (max-width:1100px){.featuresOpen .buildBox .buildBoxInner,.featuresOpen .deployBox .deployBoxInner,.featuresOpen .operateBox .operateBoxInner{padding:40px 20px 20px}}@media only screen and (max-width:1050px){.careersInfrastructureImage,.careersFrontendImage,.careersBackendImage{width:250px;height:320px;padding:30px 0}}@media only screen and (max-width:1024px){#customizableBG h2{padding:0 30px}.homeKubernetesImage,.homeCloudPlatformImage,.homeMicroservicesImage,.homeContainersImage,.pushToKubernetesImage{width:100%}#FeaturesBG .page-hero-content{padding:200px 0 0 !important}}@media only screen and (max-width:870px){.careersInfrastructureImage,.careersFrontendImage,.careersBackendImage{width:220px;height:260px}}@media(max-width:1024px) and (min-width:768px){.featuresOpen{text-align:left}}@media only screen and (max-width:768px){.new-pricing-block .span6{display:block;float:none;width:300px;margin:auto}.new-pricing-block .span6:first-of-type,.new-pricing-block .span6:last-of-type{margin-left:auto}.new-pricing-block{margin-top:0 !important}.new-pricing-block .outer-container{padding:10px 10px 50px 10px !important}#red-banner .hs-cta-wrapper a{width:150px}.careersInfrastructureImage,.careersFrontendImage,.careersBackendImage{width:260px;height:300px}.careersTechnologies h3{margin-top:50px}.about-holder h2{padding:0 30px}.feelFree2Contact{text-align:center}.feelFree2Contact h3{margin-top:50px}.pushToKubernetesImage,.vppMainImageMobile{background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Tech-Partners-Mobile2.png?t=1521720480887") top center no-repeat;width:384px;height:435px;background-size:contain;margin:0 auto;display:block}.features-parallax .page-hero-content{position:relative}.features-parallax .page-hero-content .widget-type-rich_text{width:99%}.features-parallax .deployBox,.features-parallax .operateBox,.features-parallax .buildBoxInner h4,.features-parallax .buildBoxInner p,.features-parallax .productPageBuildImage{display:block}.features-parallax .buildDeployIcons,.features-parallax .buildBoxInner h2 span{display:none}.featuresOpen .buildBox .buildBoxInner,.featuresOpen .deployBox .deployBoxInner,.featuresOpen .operateBox .operateBoxInner{background-image:none;text-align:center}#FeaturesBG{background-size:cover !important}.featuresOpen p,.featuresOpen h4{width:100%}.featuresOpen .buildBox .buildBoxInner,.featuresOpen .deployBox .deployBoxInner,.featuresOpen .operateBox .operateBoxInner{padding:40px 20px 20px}.productPageBuildImage,.productPageDeployImage,.productPageOperateImage{display:block;width:140px;height:140px;background-size:contain;display:block;margin:0 auto 30px;float:none}.navy-blue-features .row-fluid .span4{margin-bottom:0 !important}.navy-blue-features h3{padding:10px 0 10px;margin:0}}@media only screen and (max-width:767px){.homeDownButton{display:none !important}.homeMobileOnlyText{display:block !important;background-color:#19122a;color:#fff;padding:50px 30px}.homeMobileOnlyText h3{color:#fff;margin-bottom:10px}.scrollAnimation{display:none !important}.homeShowMobileOnly{display:inline}#homeBG{height:60vh}.buildTestDeployOperate h3{padding:0 30px}#vppBG h2,.your-needs h2{padding:60px 0 30px}.page-hero-content{margin-top:30px}.cliDesktopImage{display:none !important}.cliMobileImage{display:block;background:url("https://cdn2.hubspot.net/hubfs/2275019/2017%20Website/Mobile%20-%20CLI%20-%20Module%201@2x.png?t=1521720480887") center center no-repeat;width:384px;height:545px;background-size:contain;margin:0 auto}.cli-embed-container iframe{position:relative;height:auto}.vppMainImageDesktop{display:none}.hs-content-id-5400831979 .page-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{color:#fff !important}.pricing .page-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li>a:hover,.hs-content-id-5400831979 .page-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover{color:#c74cfc !important}}@media only screen and (max-width:440px){.pushToKubernetesImage,.vppMainImageMobile{width:100%}.techKubernetesBox{margin:60px auto 40px !important}}@media only screen and (max-width:414px){#homeBG .page-hero-content h2,#homeBG #cnjtyped{font-size:35px}.home .page-hero{min-height:600px !important}.footerLinks{width:100% !important}.footer p{margin-bottom:30px}.footer-copyright{margin-top:60px}.cli-embed-container iframe{position:relative;width:100%;height:170px}.page-hero-content{padding:100px 0 !important}#contactBG .about-form{padding:20px 2px 20px 20px}.hs-form fieldset.form-columns-1 .hs-input{width:95% !important}.about-form .hs-button.primary{margin:10px 18px 0 !important}.cliMobileImage{width:100%}#aboutBG .page-hero-content{padding:100px 0 70px !important}#pricingBG .page-hero-content{padding:150px 0 0 !important}.careersImages{text-align:center}}@media only screen and (max-width:375px){#customizableBG h3{font-size:22px;padding:0 30px}#cliBG h2{font-size:32px}.hs-content-id-5355170209 .buildTestDeployOperate{padding:70px 0 0}#contactBG .about-form{padding:20px 4px 20px 20px}.about-form .hs-button.primary{margin:10px 16px 0 !important}.cliLaptopImage{width:270px;height:170px}.cliTerminalologyImage{width:270px;height:170px}#workBG{padding:60px 0 0}.about-location{width:100%}#FeaturesBG .page-hero-content{padding:150px 0 0 !important}.careersImages .widget-module ul li{padding:15px}}@media only screen and (max-width:320px){#homeBG .page-hero-content h2,#homeBG #cnjtyped{font-size:28px}#aboutBG h1{font-size:35px}#contactBG .about-form{padding:20px 6px 20px 20px}.about-form .hs-button.primary{margin:10px 14px 0 !important}.hs-content-id-5356708499 .page-center{padding:0 !important}.hs-content-id-5356708499 .page-center{padding:0}#pricingBG h2{padding:0 30px}#pricingBG p{padding:0 30px;width:auto}#FeaturesBG .page-hero-content{padding:100px 0 0 !important}}@media only screen and (max-width:1024px){.custom-menu-primary{text-align:left;padding-left:40px}}#hs_cos_wrapper_module_1506417826695569,#hs_cos_wrapper_module_1506698694387724{width:60% !important;margin:0 auto !important;display:block !important;padding-left:100px !important}@media only screen and (max-width:767px){#hs_cos_wrapper_module_1506417826695569,#hs_cos_wrapper_module_1506698694387724{width:100% !important;padding-left:0 !important}}