/*data: https://www.venn.twosigma.com/hs-fs/hub/5638584/hub_generated/module_assets/13230565912/1576697340026/module_13230565912_AccountCreationForm.min.css https://cdn2.hubspot.net/hub/-1/hub_generated/template_assets/1495141902003/hubspot_default/shared/responsive/layout.min.css https://www.venn.twosigma.com/hs-fs/hub/5638584/hub_generated/template_assets/10521025155/1576689347487/Master/CSS/Venn_June2019-style.css*/ 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}.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-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}.header{padding:10px}.form-success,.form-failure{display:none;line-height:1.15;text-size-adjust:100%;font-family:Lato,sans-serif;color:#10161b;-webkit-print-color-adjust:exact;font-size:1.2rem;-webkit-font-smoothing:antialiased;box-sizing:inherit;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-height:200px;padding:20px}.visible{display:flex}.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}} @font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; font-display: swap; src: local('Lato Light Italic'), local('Lato-LightItalic'), url("https://fonts.gstatic.com/s/lato/v16/S6u_w4BMUTPHjxsI9w2_Gwfo.ttf") format('truetype'); } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; font-display: swap; src: local('Lato Italic'), local('Lato-Italic'), url("https://fonts.gstatic.com/s/lato/v16/S6u8w4BMUTPHjxsAXC-v.ttf") format('truetype'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local("Lato Light"),local("Lato-Light"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-300.eot") format("embedded-opentype"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-300.woff2") format("woff2"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-300.woff") format("woff"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-300.ttf") format("truetype"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-300.svg") format("svg"); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local("Lato Regular"),local("Lato-Regular"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-regular.eot") format("embedded-opentype"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-regular.woff2") format("woff2"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-regular.woff") format("woff"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-regular.ttf") format("truetype"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-regular.svg") format("svg"); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local("Lato Bold"),local("Lato-Bold"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-700.eot") format("embedded-opentype"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-700.woff2") format("woff2"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-700.woff") format("woff"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-700.ttf") format("truetype"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-700.svg") format("svg"); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: local("Lato Black"),local("Lato-Black"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-900.woff") format("embedded-opentype"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-900.woff2") format("woff2"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-900.woff") format("woff"), url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Fonts/lato-v14-latin-900.ttf") format("truetype"); } img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; } img.alignRight, img.alignright{ margin: 0 0 5px 15px; } img.alignLeft, img.alignleft{ margin: 0 15px 5px 0; } .row-fluid [class*="span"] { min-height: 1px; } .hs-blog-social-share .hs-blog-social-share-list { margin: 0; list-style: none !important; } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { height: 30px; list-style: none !important; } @media (max-width: 479px){ .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) { float: none !important; } } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{ vertical-align: top !important; } #recaptcha_response_field { width: auto !important; display: inline-block !important; } #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field { min-height: 0;line-height: 12px; } @media all and (max-width: 400px) { #captcha_wrapper, #recaptcha_area, #recaptcha_area table#recaptcha_table, #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 { width: auto !important; overflow: hidden; } #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; } #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; } } video { max-width: 100%; height: auto; } #calroot { width: 202px !important; line-height: normal; } #calroot, #calroot *, #calroot *:before, #calroot *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #calroot select { min-height: 0 !important; padding: 1px 2px !important; font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important; font-size: 10px !important; line-height: 18px !important; font-weight: normal !important; } #caldays { margin-bottom: 4px; } @media only screen and (max-width: 767px){ .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } } .hs-responsive-embed.hs-responsive-embed-instagram { padding-top: 0px; padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0 0 0 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 { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input, .hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input { width: auto; } #email-prefs-form .email-edit { width: 100% !important; max-width: 507px !important; } #hs-pwd-widget-password { height: auto !important; } .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; } .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; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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; } .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; } .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; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 0; } .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.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > 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-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } @media (max-width: 767px) { .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; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; } .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { white-space: normal; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; opacity: 1; visibility: visible; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper { visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .widget-type-space { visibility: hidden; } .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-cta-wrapper a { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .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 0 60px; padding: 0; 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-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-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url("https://cdn2.hubspotqa.com/local/hub/124/file-52894-png/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://cdn2.hubspotqa.com/local/hub/124/file-52894-png/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: black; position: static; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; top: 40%; 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; } } .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; } table tr td img { max-width: initial; } .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; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { min-height: 100%; margin: 0; padding: 0; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', Arial, sans-serif; color: #5e6167; font-size: 16px; line-height: 30px; background-color:#f6f6f8; } #site-wrapper{ height: 100%; overflow-x: hidden; overflow-y: hidden; position: relative; max-width: 1440px; margin: 0 auto; background-color:#fff; } .container-fluid .row-fluid .page-center { float: none; max-width: 1050px; margin: 0 auto; } p { margin: 0 0 15px; } small {} strong, b { font-weight: 900; } em {} cite {} code {} pre {} sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #353638; font-family:Lato, Arial, sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 { font-size: 36px; font-weight: 300; line-height: 1.35; } h2 { font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; font-size: 15px; line-height: 20px; } h3 { font-size: 13px; font-weight: 400; line-height:18px; } h4 { font-weight: 400; font-size: 21px; line-height: 1.5; } h5 { font-size: 13px; font-weight: 900; line-height:18px; letter-spacing: 1.5px; text-transform: uppercase; } h6 { font-size: 12px; font-weight: 400; line-height:18px; } a { color: #5e6167; text-decoration:none; } a:hover, a:focus { color:#009aa6; text-decoration:none; } .body-container a { color: #009aa6; text-decoration: none; border-bottom: 1px solid #009aa6; } .body-container a:hover { color: #a5acaf; border-color: #a5acaf; } ul, ol {} ul ul, ul ol, ol ol, ol ul {} li {} blockquote {} blockquote p {} blockquote small {} hr { color: #ccc; background-color: #ccc; height: 1px; border: none; } #hs-eu-cookie-confirmation {} #hs-eu-cookie-confirmation-inner {} #hs-eu-cookie-confirmation-inner p{} #hs-en-cookie-confirmation-buttons-area {} a#hs-eu-confirmation-button {} .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {} .header-container, .body-container, .footer-container {} .header-container-wrapper {} .header-container {} .siteLogo--invert { display: none; } .custom-logo a { display: block; } .custom-logo { padding: 62px 0 20px; } .custom-header-wrapper { padding: 0 60px; } .banner-area-inner1 { padding: 90px 60px; position: relative; background-image: linear-gradient(104deg, #04739f, #0294a4); } .banner-area { background: #fff; position: relative; z-index: 1; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-negative: 0; flex-shrink: 0; } .banner-area h1 { font-size: 15px; line-height: 20px; margin-bottom: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; color: #fff; } .banner-title>*:last-child { margin-bottom: 0; } .banner-area h1:not(last-child) { margin-bottom: 15px; } .banner-area h2 { font-size: 36px; margin-bottom: 30px; font-weight: 300; line-height: 1.35; max-width: 50%; color: #fff; line-height: 49px; letter-spacing: 0; text-transform:none !important; word-spacing:0; } .banner-area p { max-width: 780px; color: #fff; margin: 0; line-height: 30px; font-size: 16px; } .banner-area-inner1:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.75; background-image: url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Images/Grid-White.png"); background-position: center; background-size: 220px; } .custom-header-wrapper.sticky-header { position: fixed; left: 0; right: 0; background-color: #fff; top: -200px; z-index: 9; transition: all 0.4s ease; } .animate .custom-header-wrapper.sticky-header { top: 0px; } .custom-header-wrapper.sticky.header {} .sticky-header .custom-logo { padding: 28px 0 21px; } .sticky-header .custom-menu-primary .hs-menu-wrapper>ul { padding: 37px 0 0; } body.hs-content-id-18496516748 .body-container-wrapper { background:url("https://cdn2.hubspot.net/hubfs/5638584/logo_large_transparent15.svg") no-repeat 0 0; } #signin_container { } #signin_leftBlock .custom-logo { padding: 0; } .modal { -webkit-overflow-scrolling: touch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; left: -100%; opacity: 0; position: fixed; top: -100%; -webkit-transform: translate3d(-50%, -75%, 0); transform: translate3d(-50%, -75%, 0); -webkit-transition: opacity 0.2s linear,-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s linear,-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s linear,transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s linear,transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); width: 100vw; z-index: 9999; padding: 15px; overflow: auto; } .popup-open .modal._on_canvas { left: 50%; top: 50%; } .modal--sml .modal__inner { max-width: 645px; } .modal__inner { background: transparent; display: block; height: auto; } .modal__inner { -webkit-overflow-scrolling: touch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; margin: auto; max-width: 1170px; position: relative; width: 100%; } .modal__header { display: -webkit-box; display: -ms-flexbox; display: flex; height: 45px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-height: 55px; } .modal__content { -webkit-overflow-scrolling: touch; background: #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; border-bottom: 0; border-top: 0; overflow: visible; margin-bottom: 15px; } .modal__close { background: none; border: 0; cursor: pointer; height: 45px; outline: none; padding: 0; -webkit-transition: .4s opacity; transition: .4s opacity; width: 45px; z-index: 1; background: transparent; width: auto; } .modal__close g { fill: #fff; }; } .profileBox--full { background: #fff; position: relative; } .profileBox--full>* { position: relative; } .profileBox__inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; overflow: hidden; width: 100%; } .profileBox>* { top: 0; left: 0; min-height: 100%; } .profileBox__content { padding: 90px 60px; } .profileBox__content, .profileBox__media { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 50%; } span.hs-form-required { display: none; } .richtext { max-width: 780px; } .profileBox__eyebrow { font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 12px; line-height: 16px; display: block; margin-bottom: 30px; } .formWrapper { padding-top: 45px; position: relative; overflow: hidden; } .popup-open .modal { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .modal--sml .modal__inner { max-width: 645px; } .modal__inner { background: transparent; display: block; height: auto; } .modal__inner { -webkit-overflow-scrolling: touch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; margin: auto; max-width: 1170px; position: relative; width: 100%; } .modal__header { display: -webkit-box; display: -ms-flexbox; display: flex; height: 45px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-height: 55px; } .modal__content { -webkit-overflow-scrolling: touch; background: #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; border-bottom: 0; border-top: 0; overflow: visible; } .modal__close { background: none; border: 0; cursor: pointer; height: 45px; outline: none; padding: 0; -webkit-transition: .4s opacity; transition: .4s opacity; width: 45px; z-index: 1; background: transparent; width: auto; } .modal__close g { fill: #fff; } .profileBox--full { background: #fff; position: relative; } .profileBox--full>* { position: relative; } .profileBox__inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; overflow: hidden; width: 100%; } .profileBox>* { top: 0; left: 0; min-height: 100%; } .profileBox__content { padding: 90px 60px; } .profileBox__content, .profileBox__media { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 50%; } span.hs-form-required { display: none; } .richtext { max-width: 780px; } .profileBox__eyebrow { font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 15px; line-height: 20px; display: block; margin-bottom: 30px; } .richtext>*:last-child { margin-bottom: 0; } .formWrapper form { -webkit-transition: opacity 0.2s linear,-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s linear,-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s linear,transform 0.75s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s linear,transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1); margin-top: 15px; } .siteOverlay { content: " "; display: block; position: fixed; height: 100%; width: 100%; top: -100%; left: -100%; background-color: rgba(0,0,0,0.8); -webkit-transition: opacity .35s linear; transition: opacity .35s linear; top: 0; left: 0; opacity: 0; z-index: -1; } .popup-open .siteOverlay { opacity: 1; z-index: 999; } .formWrapper h3{ display:none; } .formWrapper form .hs-form-field > label { display: none; } .formWrapper form .hs_recaptcha { margin-bottom: 45px; } .formWrapper input[type="text"], .formWrapper input[type="email"], .formWrapper textarea{ height:45px; margin: 0 0 45px !important; } .formWrapper textarea { min-height: 210px; height: auto; width: 100%; background: transparent; border: 1px solid #5e6167; position: relative; z-index: 2; padding: 15px; display: block; line-height: 1.15; overflow: auto; } .formWrapper input[type="text"]:focus, .formWrapper input[type="email"]:focus, .formWrapper textarea:focus{ border-color: #009aa6; } .richtext.profileBox__content--privacy p a { color: #009aa6; text-decoration: none; border-bottom: 1px solid #009aa6; } .richtext.profileBox__content--privacy p a:hover { color: #a5acaf; border-color: #a5acaf; } .formWrapper input.hs-button.primary.large { display: inline-block; margin-left: 1px; position: relative; z-index: 99 } .modal__close:hover { opacity: .7; } .body-container-wrapper {} .body-container {} .body-container { padding: 90px 60px; } .content-wrapper {} .main-content {} .sidebar{} .sidebar.right{} .sidebar.left{} .footer-container-wrapper {} .footer-container {} .custom-footer-bottom { background-color: #071b28; color: #d0d4d3; padding: 90px 60px; font-weight: 400; font-size: 13px; line-height: 21px; letter-spacing: 0.5px; z-index: 1; } .custom-privcy ul { margin: 0; padding: 0; list-style: none; } .custom-privcy ul li { display: inline-block; } .custom-privcy ul li a { color: #00e5dd; } .custom-privcy ul li:not(:last-child) a:after { content: " - "; display: inline-block; margin: 0 3px; } .custom-footer-middle p { margin: 0 0 20px; } .custom-footer-middle section { max-width: 780px; } .custom-footer-middle p a { color: #009aa6; text-decoration: none; border-bottom: 2px solid #009aa6; } .custom-footer-middle p a:hover { color: #a5acaf; border-color: #a5acaf; } .custom-copyright p { margin: 0 0 20px; font-weight: 900; } .cusotm-footer-top { background-color: #0b2433; background-position: 50% 50%; background-size: cover; padding: 60px; } .arrowLink .ico svg { height: 12px; width: 12px; fill: #50e1dc; } .callout__link.arrowLink{ } #compareBtn { -webkit-transition: all .25s linear; transition: all .25s linear; } #compareBtn a { -webkit-transition: all .25s linear; transition: all .25s linear; } #compareBtn:hover { } #compareBtn:hover a { color:#FFF !important; } .cusotm-footer-top a { color: #fff; text-decoration: none; font-size: 12px; line-height: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto 0 0 0; color: #50e1dc; margin-bottom: 0; } .arrowLink .ico { padding: 2px 0 0 6px; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .cusotm-footer-top a:hover { color: #fff; } .cusotm-footer-top a:hover .arrowLink .ico { -webkit-transform: translateX(5px); transform: translateX(5px); display: inline-block; } h3.callout__title { font-size: 32px; line-height: 38px; color: #fff; font-weight: 300; margin: 0 0 15px 0; margin: 0 0 15px 0; } .page__footer { background-position: 50% 50%; background-size: cover; position: relative; z-index: 2; margin-top: auto; } .page__footer__body:not([class*="--split"]) { padding-top: 60px; } .page__footer__background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; overflow: hidden; } .page__footer__background .imageBlock { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; width: 100%; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .imageBlock[data-animation="blur"] .imageBlock__image--preload { -o-object-fit: cover; object-fit: cover; overflow: hidden; -webkit-filter: blur(20px); filter: blur(20px); opacity: 1; max-width: none; height: 100%; width: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all .25s linear; transition: all .25s linear; overflow: hidden; position: absolute; opacity: 0; display: block; top: 0; left: 0; } .span12.widget-span.widget-type-cell.cusotm-footer-top { } .imageBlock { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; width: 100%; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .arrowLink:hover .ico { -webkit-transform: translateX(5px); transform: translateX(5px); } .page__footer { background-color: #0b2433; } .page__footer__section { padding-bottom: 60px; z-index: 2; position: relative; padding: 60px; } .arrowLink { text-decoration: none; font-size: 12px; line-height: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto 0 0 0; color: #50e1dc; } .page__footer__background:after { content: " "; display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0,0,0,0.6); } .arrowLink:hover{ color:#fff; } .hs-blog-post .section.post-body h6 { line-height: 1.75; color: #5e6167; } .hs-blog-post .section.post-body h6 a { border-bottom: 1px solid #009aa6; } .related-post-wrapper .post-item a { border-bottom: 0; } .custom-menu-primary .hs-menu-wrapper>ul>li .hs-cta-img { width: 115.578px;; height: 13px; } @media screen and (min-width:869px) { .custom-menu-primary .hs-menu-wrapper > ul{} .custom-menu-primary .hs-menu-wrapper > ul > li{} .custom-menu-primary .hs-menu-wrapper > ul > li > a{} .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{} .custom-menu-primary .hs-menu-wrapper > ul li a { font-size: 13px; line-height: 13px; color: #5e6167; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; } .custom-menu-primary .hs-menu-wrapper>ul > li:not(:first-child) { margin: 0 0 0 30px; } .custom-menu-primary .hs-menu-wrapper>ul li a:hover { color: #009aa6; } .custom-menu-primary .hs-menu-wrapper>ul li.active a { color: #009aa6; } .custom-menu-primary .hs-menu-wrapper>ul { float: right; } .custom-menu-primary .hs-menu-wrapper>ul > li.Requesta.Demo > a { min-width: 202px; padding: 16px 30px 14px 30px; position: relative; border: 1px solid #5e6167; position: relative; top: -6px; left: 1px; } .custom-menu-primary .hs-menu-wrapper>ul>li.Requesta.Demo>a:hover { border-color: #009aa6; } .custom-menu-primary .hs-menu-wrapper>ul > li.Requesta.Demo > a:before { content: " "; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; border: 0 solid #009aa6; width: 100%; height: 1px; } .custom-menu-primary .hs-menu-wrapper>ul ul li a { padding: 8px 0; } .custom-menu-primary .hs-menu-wrapper>ul ul { padding: 10px 10px; } .custom-menu-primary .hs-menu-wrapper>ul { padding: 71px 0 0; } .custom-menu-primary .hs-menu-wrapper > ul ul{ background-color: #fff; } .custom-menu-primary .hs-menu-wrapper > ul ul li{} .custom-menu-primary .hs-menu-wrapper > ul ul li a{} .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{} } .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } @media screen and (min-width:869px) { .custom-menu-primary .hs-menu-wrapper, .custom-menu-primary .hs-menu-wrapper > ul ul { display:block !important; } } @media (min-width: 869px) { .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1:last-child { background: transparent; border: 1px solid transparent; border-radius: 2px; color: #000; display: inline-block; font-family: Lato; font-size: 13px; font-weight: 900; font-style: normal; font-stretch: normal; letter-spacing: 1px; text-align: center; text-transform:uppercase; word-spacing: 3px; padding: 0px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1:last-child a { color: #000; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1:last-child a:hover { color: #00CCCC; } .custom-menu-primary .hs-menu-wrapper>ul>li>.hs-cta-wrapper a#cta_button_5638584_7ba0e91d-48e5-4b2d-8e17-4e47897e8ec9 { padding: inherit; font-weight: 900; font-size: 13px; line-height: 13px; } } .custom-menu-primary .hs-menu-wrapper>ul>li.FREE a { color: #ffffff !important; } .mobile-trigger, .child-trigger{ display: none; } @media (max-width: 868px){ .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ display: 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:#fff; } .mobile-trigger{ display: inline-block !important; cursor: pointer; position: absolute; top: 13px; right: 0px; width: auto; height: auto; } .mobile-trigger .globalHeader__menuButton { padding: 0; border: none; outline: none; cursor: pointer; background: none; } .mobile-trigger .globalHeader__menuButton {} .mobile-trigger .globalHeader__menuButton span.menuButton { display: block; height: 10px; width: 15px; position: relative; margin-left: 0; -webkit-transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1); } .mobile-trigger .globalHeader__menuButton span.menuButton:after,.mobile-trigger .globalHeader__menuButton span.menuButton:before { content: ""; background: #009aa6; height: 2px; width: 15px; position: absolute; left: 0; -webkit-transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1); } .mobile-trigger .globalHeader__menuButton span.menuButton:before { bottom: 0; } .child-trigger{ display: block !important; cursor: pointer; position: absolute; top: -8px; right: 0px; width: 30px !important; min-width: 30px !important; height: 30px !important; padding: 0 !important; } .child-trigger:hover{ text-decoration: none; } .child-trigger i{ position: relative; top: 50%; margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 10px; height: 1px; background-color: #009aa6; display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i{} .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .custom-menu-primary{ position: relative; padding-top: 0px; margin:0; } .custom-menu-primary .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 .hs-menu-wrapper{ width: 100%; position: relative; top: 0; left: 0; padding: 0; } .custom-menu-primary .hs-menu-wrapper{ background-color: #000; width: 100%; } .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper>ul { width: 100%; padding: 30px 30px 0 30px; overflow: auto; } .custom-logo-wrapper{ position:relative; } .custom-menu-primary .hs-menu-wrapper { position: fixed; width: 100%; left: 0; top: 55px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); height: calc(100vh - 55px); -webkit-transform: translateY(100%); transform: translateY(100%); background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 9; } .mobile-open .custom-menu-primary .hs-menu-wrapper { -webkit-transform: translateY(0); transform: translateY(0); } .custom-menu-primary .hs-menu-wrapper>ul li a { padding: 5px 15px 0!important; color: #009aa6; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 12px; line-height: 12px; } .custom-menu-primary .hs-menu-wrapper>ul > li { margin-bottom: 48px; } .custom-menu-primary .hs-menu-wrapper>ul li a:hover { color: #009aa6; } .custom-menu-primary .hs-menu-wrapper>ul>li.FREE a { font-size: 12px !important; line-height: 12px !important; display: block; width: 100%; text-align: center; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; border-color: #5e6167; color: #ffffff; border: 1px solid #5e6167; padding: 13px 15px 14px 15px !important; position: relative; float: left; } .custom-menu-primary .hs-menu-wrapper>ul>li.Requesta.Demo>a { font-size: 12px !important; line-height: 12px !important; display: block; width: 100%; text-align: center; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; border-color: #5e6167; color: #5e6167; border: 1px solid #5e6167; padding: 13px 15px 14px 15px !important; position: relative; } .custom-menu-primary .hs-menu-wrapper>ul>li.Requesta.Demo>a:hover { border-color: #009aa6; color: #009aa6; } .custom-menu-primary .hs-menu-wrapper>ul ul { padding: 20px 0 0 !important; } .custom-menu-primary .hs-menu-wrapper>ul ul li a { padding: 10px !important; } .custom-header-wrapper { position: fixed; top: 0; left: 0; right: 0; width: 100% !important; z-index: 99; background-color: #fff; height: 55px; } .custom-header-top{ min-height:55px !important; } .banner-area-inner1 { padding: 60px 30px; } .mobile-open .mobile-trigger .globalHeader__menuButton span.menuButton { -webkit-transform: rotate(45deg) translate(2px, 0); transform: rotate(45deg) translate(2px, 0); } .mobile-open .mobile-trigger .globalHeader__menuButton span.menuButton:before { -webkit-transform: rotate(-90deg) translate(-6px, 0); transform: rotate(-90deg) translate(-6px, 0); top: 0; } .mobile-open .mobile-trigger .globalHeader__menuButton span.menuButton:after { -webkit-transform: rotate(0) translate(0, -2px); transform: rotate(0) translate(0, -2px); } .mobile-open .mobile-trigger .globalHeader__menuButton span.menuButton:after { bottom: 0; } } span.categoryList_chevron svg { display: block; height: 17px; width: 9px; } .banner-listing .content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; position: relative; margin: 0 auto; overflow: hidden; width: 100%; margin: 0 auto; overflow: hidden; width: 100%; } .blog-pagination .blog-pagination-center a { padding: 0 10.8px; text-align: center; display: inline-block; } .banner-listing .banner-area-inner2 { position: relative; z-index: 3; } .banner-listing .banner-area-inner2 { position: relative; z-index: 3; } .content-wrapper {} .banner-listing .banner-title { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 0; width: 50%; padding: 90px 60px; z-index: 2; } .banner-listing .feature-image { height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; right: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transform: scale(1.01); transform: scale(1.01); } .banner-listing .imageBlock1 { padding-top: 0 !important; background-size: contain; background-position: right; height: 100%; position: relative; width: 100%; background-repeat: no-repeat; } .banner-area.banner-listing .banner-area-inner1 { padding: 0; } .banner-listing .banner-title>* { max-width: 525px; width: 100%; padding-right: 60px; padding-left: 60px; } .read-more-wrap a:before { content: " "; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #009aa6; border-color: #fff; } .read-more-wrap a { position: relative; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 9.6px; line-height: 9.6px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; color: #009aa6; border: 0px solid #009aa6; padding: 13px 15px 14px 15px; position: relative; color: #fff; border-color: #fff; font-size: 13px; line-height: 13px; padding: 17px 31px 15px 31px; margin-top: 30px; } .read-more-wrap a:hover:before { border-width: 3px; } span.categoryList_chevron { display: none; } h4.categoryList_title { font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 11px; color: #a6acaf; line-height: 11px; } ul.categoryList-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; list-style: none; padding: 0; } ul.categoryList-list li { border-top: none; border-bottom: none; padding: 0; margin-left: 30px; } ul.categoryList-list li.active a { color: #5e6167; border-bottom: 3px solid #009aa6; } ul.categoryList-list li a { font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 11px; line-height: 11px; color: #5e6167; text-decoration: none; -webkit-transition: .3s color; transition: .3s color; padding: 5px; } .categoryList-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; position: relative; padding-bottom: 90px; } ul.categoryList-list li a:hover { color: #009aa6; } ul.categoryList-list li.active a:hover { color: #5e6167; } .post-listing { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .post-item { width: 33.3333%; padding: 0 15px; margin-bottom: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -ms-flexbox; display: flex; } p#hubspot-topic_data { margin: 15px 0; } .postList-item-content { margin-top: 15px; } .postList-item-header h2 { font-weight: 400; font-size: 21px; line-height: 1.5; margin-bottom: 7.5px; font-family: Lato, Arial, sans-serif; text-transform: capitalize; } .postList-item-header h2 a { color: #009aa6; text-decoration: none; -webkit-transition: .3s opacity; transition: .3s opacity; } .postList-item-header h2 a:hover { opacity: .7; } h2 {} p#hubspot-topic_data a { font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 13px; line-height: 13px; } p#hubspot-topic_data a:hover { color: #009aa6; } .hs-blog-listing .post-body { font-size: 14px; line-height: 1.8; } .post-body p { margin: 0 0 10px; } .blog-pagination { font-size: 14px; line-height: 1.8; } .banner-post.banner-area h2 { margin-bottom: 14px; } .related-post-wrapper { padding: 90px 0 0; } .related-post-wrapper h3 { font-size: 15px; line-height: 20px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0 0 30px; } .postList-item-header p {} .related-post-wrapper p#hubspot-topic_data a { font-size: 12px; line-height: 21px; } .related-post-wrapper .postList-item-content { padding: 0 30px 0; } .related-post-wrapper p#hubspot-topic_data p { margin: 0; } p#hubspot-topic_data { margin: 5px 0 0; } .related-post-wrapper p#hubspot-topic_data a:hover { opacity: 0.7; color: #5e6167; } .related-post-wrapper .postList-item-header h2 { margin: 0 auto 0 0; font-size: 20px; line-height: 1.2; font-weight: 400; letter-spacing: 0; } .postList-item-header h2 a:hover { color: #009aa6; opacity: 0.7; } .banner-baner-tags .read-more-wrap a { margin: 0; } .no-feature-image .postList-item-content { margin-top: 0; } .no-feature-image p#hubspot-topic_data { margin: 0; } .postList-item-header p#hubspot-topic_data { margin-bottom: 7px; } .related-post-wrapper .postList-item-header p#hubspot-topic_data { margin-bottom: -2px; } .blog {} .hs-blog-post {} .hs-blog-listing {} .blog .content-wrapper {} .blog .blog-content {} .blog-listing-wrapper {} .blog-post-wrapper {} .hs-blog-header h1 {} .hs-blog-header h1 a{} .post-header h2 {} .post-header h2 a {} #hubspot-author_data {} #hubspot-author_data:after { content: ''; display: block; clear: both; } #hubspot-author_data a.author-link {} #hubspot-author_data .hs-author-avatar {} #hubspot-author_data .hs-author-avatar img { width: 50px; float: left; margin-right: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .blog-listing-wrapper .post-listing .post-item {} .blog-listing-wrapper .post-listing .post-item .post-body {} .blog-post-wrapper .post-body {} .hs-featured-image-wrapper {} .hs-featured-image-wrapper .hs-featured-image-link {} .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image { border-width: 0; height: auto; width: auto; float: none; margin: 0; max-width: 100%; } a.more-link {} #hubspot-topic_data {} #hubspot-topic_data a.topic-link {} .hs-blog-social-share { margin-top: 20px; padding: 10px 0 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: auto; } #comments-listing { margin-bottom: 30px; margin-top: 30px; } .comment.depth-0 { border-bottom: 1px solid #ccc !important; border-top: medium none !important; margin: 0 10px 10px !important; padding: 0 15px !important; } .comment-body { border-bottom: medium none; display: block; padding: 0; } .comment-reply-to{ margin-bottom: 15px; } .comment-from h4 { margin: 0; padding-top: 15px; } .comment-date { display: block !important; text-align: left !important; } #comment-form{ display: block; margin: 15px 0; padding: 15px; } .blog-pagination {} .blog-pagination a {} .blog-pagination a.previous-posts-link {} .blog-pagination a.all-posts-link {} .blog-pagination a.next-posts-link {} .blog-pagination { padding-top: 60px; padding-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blog-pagination > div { font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 13px; line-height: 13px; color: #009aa6; text-decoration: none; padding: 0 15px; } .blog-pagination > div svg { height: 30px; width: 17px; } .blog-pagination a { color: #5e6167; } .blog-pagination a.active { color: #009aa6; } .blog-pagination a.active svg path { fill: #009aa6; } .blog-pagination a.inactive svg path { fill: #f0f0f2; } .hs-content-path-blog-all {} div.post-listing-simple {} div.post-listing-simple .post-item {} h2.post-listing-simple {} h2.post-listing-simple a {} .blog .blog-sidebar {} .blog .blog-sidebar .widget-span {} .hs-blog-listing .hs-author-profile { border-bottom: 1px solid #ccc; padding: 0 0 20px 0; margin: 0 0 20px 0; } .hs-blog-post .hs-author-profile { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0 20px 0; margin: 20px 0 20px 0; } .hs-author-profile .hs-author-profile:after { content: ''; display: block; clear: both; } .hs-author-profile .hs-author-avatar { float: left; margin-right: 15px; max-width: 100px; } .hs-author-profile .hs-author-avatar img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; max-width: 100%; } .hs-author-profile .hs-author-bio { overflow: hidden; } .hs-author-profile h2.hs-author-name { margin: 0 0 10px 0; } .hs-author-profile .hs-author-social-section {} .hs-author-profile .hs-author-social-label {} .hs-author-profile .hs-author-social-links {} .hs-author-profile .hs-author-social-link {} .hs-author-profile .hs-social-facebook {} .hs-author-profile .hs-social-linkedin {} .hs-author-profile .hs-social-twitter {} .hs-author-profile .hs-social-google-plus {} .blog-content.ts-inspired .blog-listing-wrapper .post-listing .post-item { float:left; display:block; width:100%; margin:0; padding:60px 0; border-bottom:1px solid #d1d4d3; } .blog-content.ts-inspired .blog-listing-wrapper .post-listing .post-item p#hubspot-topic_data { margin:0 0 15px 0; } .blog-content.ts-inspired .blog-listing-wrapper .post-listing .post-item .postList-item-thumb { float:left; display:block; position:relative; width:50%; padding-right: 30px; } .blog-content.ts-inspired .blog-listing-wrapper .post-listing .post-item .postList-item-content { float:left; display:block; position:relative; width:50%; margin:0; padding-left: 30px; } .blog-sidebar.blog-rail h3 { color:#a6acaf; font-size:18px; font-weight:700; line-height:1.65; text-transform:none !important; letter-spacing:0; margin:0; padding:60px 0 15px; } .blog-sidebar.blog-rail ul { list-style-type:none; margin:0; padding:0; } .blog-sidebar.blog-rail ul li { padding:15px 0; border-bottom:1px solid #d1d4d3; } .blog-sidebar.blog-rail ul li:first-child { border-top:1px solid #d1d4d3; } .blog-sidebar.blog-rail ul li a { color:#5e6167; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:1.5px; word-spacing:3px; margin:0; } .blog-sidebar.blog-rail ul li a:hover { color:#009aa6; } .blog-sidebar.blog-rail ul.no-list li { border:none !important; } .blog-sidebar.blog-rail .subscribe-widget h3 { color:#5e6167; font-size:14px; font-weight:400; } .blog-sidebar.blog-rail.blog-post .subscribe-widget h3 { padding: 0 0 15px; } .blog-sidebar.blog-rail .subscribe-widget input.hs-input { line-height:45px; margin:0 0 30px; } .blog-sidebar.blog-rail .subscribe-widget input.hs-button { opacity:1; } .blog-sidebar.blog-rail .subscribe-widget label { display:none; } .blog-sidebar.blog-rail .subscribe-widget label.hs-error-msg { display:block; } .blog-sidebar.blog-rail .subscribe-widget .hs_error_rollup { display:none } .body-container .hs_cos_wrapper_type_password_prompt, .body-container .hs_cos_wrapper_type_email_simple_subscription, .body-container .hs_cos_wrapper_type_form, .body-container .hs_cos_wrapper_type_blog_subscribe, .body-container .widget-type-google_search, .body-container .hs-search-field__bar{ display: block; margin-bottom: 25px; max-width: 600px; } input[type="search"]{ -webkit-appearance: none; } .form-title { font-size: 15px; line-height: 20px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; } ul.no-list.hs-error-msgs.inputs-list { margin: -38px 0 29px; padding: 0; list-style: none; color: red; } .formWrapper ul.no-list.hs-error-msgs.inputs-list { margin: -11px 0 29px !important; } .hs-form-field {} .hs-field-desc {} label {} .hs-form-field > label {} 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"], input[type="file"], textarea, select { font-family: 'Lato',Arial,sans-serif; font-size: 16px; -webkit-appearance: none; border-radius: 0; width: 100%; background: transparent; border: 1px solid #5e6167; position: relative; z-index: 2; padding: 0px 15px; border-top: 0; border-right: 0; border-left: 0; line-height: 45px; padding-left: 0; margin:0 0 45px; } input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus, textarea:focus, select:focus { border-color: #009aa6; outline:none; } textarea {} textarea:focus {} select {} select:focus {} form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } form.hs-form .hs-form-field ul.inputs-list li input {} input[type="radio"] {} input[type="checkbox"] {} input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {} input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {} .hs-error-msgs label{} ::-webkit-input-placeholder {} :-moz-placeholder { color:#5e6167; } ::-moz-placeholder {} :-ms-input-placeholder {} .formWrapper form .hs-input::-webkit-input-placeholder { color: #5e6167; opacity:1; } .formWrapper form .hs-input:-moz-placeholder { color: #5e6167; opacity:1; } .formWrapper form .hs-input::-moz-placeholder { color: #5e6167; opacity:1; } .formWrapper form .hs-input:-ms-input-placeholder { color: #5e6167; opacity:1; } .hs-form fieldset.form-columns-1 {} .hs-form fieldset.form-columns-1 .hs-form-field {} .hs-form fieldset.form-columns-2 {} .hs-form fieldset.form-columns-2 .hs-form-field {} .hs-form fieldset.form-columns-3 {} .hs-form fieldset.form-columns-3 .hs-form-field {} form.hs-form .hs-form-field ul.inputs-list li input {} input[type="radio"] {} input[type="checkbox"] {} form.hs-form fieldset { max-width: none; } form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; } form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } @media (max-width: 400px) { form.hs-form fieldset .hs-form-field { padding: 0; } form.hs-form fieldset.form-columns-3 .hs-form-field, form.hs-form .form-columns-2 .hs-form-field .hs-input, form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } #comment-form .hs-form-field > label {} #comment-form label {} #comment-form input[type="text"] {} #comment-form input[type="text"]:focus {} #comment-form textarea {} #comment-form textarea:focus {} #comment-form input[type="checkbox"] {} #hs_form_target_blog_subscription .hs-form-field > label {} #hs_form_target_blog_subscription label {} #hs_form_target_blog_subscription input[type="email"] {} #hs_form_target_blog_subscription input[type="email"]:focus {} #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] { width: auto; margin-right: 10px; } .widget-type-google_search label {} .widget-type-google_search input[type="text"] {} .widget-type-google_search input[type="focus"] {} .hs-button.primary, input[type="submit"], input[type="button"] { cursor: pointer; -webkit-appearance: none; text-decoration: none !important; display: inline-block; white-space: normal !important; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 9.6px; line-height: 9.6px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; color: #009aa6; padding: 13px 15px 14px 15px; position: relative; font-family: 'Lato', Arial, sans-serif; cursor: pointer; background: transparent; font-size: 13px; line-height: 13px; padding: 16px 30px 14px 30px; opacity: 0.5; white-space:normal !important; outline:none; box-shadow: 0 0 0 1px #009aa6; outline: none; border: 0; } .actions { position: relative; display:inline-block; margin-bottom: 15px; } .actions:hover:before { border: 2px solid #009aa6; opacity: 0.5; } .hs-button.primary:hover, input[type="submit"]:hover, input[type="button"]:hover { } .hs-button.primary:focus, input[type="submit"]:focus, input[type="button"]:focus {} .hs_cos_wrapper_type_form .hs-button.primary.large {} .hs_cos_wrapper_type_form .hs-button.primary.large:hover {} .hs_cos_wrapper_type_form .hs-button.primary.large:focus {} #add-comment-button.hs-button.primary {} #add-comment-button.hs-button.primary:hover {} #add-comment-button.hs-button.primary:focus {} #hs_form_target_blog_subscription .hs-button.primary.large {} #hs_form_target_blog_subscription .hs-button.primary.large:hover {} #hs_form_target_blog_subscription .hs-button.primary.large:focus {} .widget-type-google_search .hs-button.primary {} .widget-type-google_search .hs-button.primary:hover {} .widget-type-google_search .hs-button.primary:focus {} div#comments-listing:not([data-has-comments="true"]) { display: none; } a.cta-link:hover:before { border-width: 2px; } a.cta-link:before { content: " "; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; border: 0 solid #009aa6; } a.cta-link span { font-weight: 400; } a.cta-link { font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 9.6px; line-height: 9.6px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; color: #009aa6; border: 1px solid #009aa6 !important; padding: 13px 15px 14px 15px; position: relative; } a.cta-link:hover { color: #009aa6 !important; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .page__section--panel{ height:100vh; } .post-item{ display:block; } .post-item .postList-item-thumb .hs-featured-image-link{ display:block; } } .hs_recaptcha { margin:0 0 15px; } .custom-header-lp .mobile-trigger{ display:none !important; } #email-prefs-form .email-edit { width: 100% !important; max-width: 100% !important; } .custom-header-lp .custom-logo { padding-bottom: 21px; } .banner-area.banner-post h2 { max-width: 50%; word-spacing: 0; text-transform: none; } .section.post-body { max-width: 780px; } .hs-blog-post strong{ font-weight:900; } .section.post-body h2 { margin: 0 0 15px 0; font-size: 28px; line-height: 1.3; font-weight: 300; text-transform: none; letter-spacing: 0; word-spacing: 0; color: #5e6167; } .section.post-body p { margin: 0 0 15px 0; } .section.post-body ol, .section.post-body ul { margin: 0 0 15px 0; list-style: none; padding: 0; counter-reset: step-counter; } .section.post-body ol li, .section.post-body ul li { position: relative; padding-left: 1.3em; counter-increment: step-counter; } .section.post-body ol li:before { color: #009aa6; position: absolute; left: 0; content: counter(step-counter); } .section.post-body ul li:before { color: #009aa6; position: absolute; left: 0; content: '\2022'; } .hs-blog-post .section.post-body h6 { line-height: 1.75; } .hs-blog-post .section.post-body a{ color: #009aa6; text-decoration: none; border-bottom: 2px solid #009aa6; } .hs-blog-post .section.post-body a:hover{ color: #a5acaf; border-color: #a5acaf; } .section.post-body br { clear: both; line-height: 45px; width: 100%; } .section.post-body br { clear: both; line-height: 45px; width: 100%; } .section.post-body figure { margin: 0 auto 0; width: 100%; } .section.post-body figure figcaption { font-size: 14px; line-height: 1.8; padding-top: 15px; } .section.post-body h6 br { line-height: normal; } figure > div{ background-repeat: no-repeat; background-size: cover; } .hs-blog-post .section.post-body a[btn="open"] { font-size: 13px; line-height: 13px; padding: 16px 30px 14px 30px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; position: relative; word-spacing: 3px; margin: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; color: #009aa6; border: 1px solid #009aa6; } .section.post-body h4 { font-weight: 400; font-size: 21px; line-height: 1.5; margin-bottom: 7.5px; } .section.post-body p br { line-height: normal; } sup, sub { font-size: 65%; } .section.post-body img { margin: 0 auto; display: block; } .full-width .banner-area h1 { margin: 0; } .full-width .row1-group .page-center > .row-fluid-wrapper { max-width: 780px; } .feature-page .banner-area h2 { max-width: 780px; text-transform: inherit; line-height: 1.35; } .feature-page .body-container { padding: 0 !important; } .two-col-img-grp { padding: 60px 30px; } .two-col-img-grp .inner-grp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .two-col-img-grp .content-group { font-weight: 300; font-size: 24px; line-height: 1.35; margin-bottom: 15px; font-size: 16px; width: 100%; } .two-col-img-grp .image-group { width: 100%; } .two-col-img-grp .content-group h3 { font-weight: 300; font-size: 24px; line-height: 1.35; margin: 0; color: #353638; } .two-col-img-grp .image-group .image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .two-col-img-grp .image-group .img-unit { max-width: 505px; margin: 0; width: 100%; } .two-col-img-grp .image-group .img-unit .bg-img { overflow: visible; padding-top: 76%; position: relative; width: 100%; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .two-col-img-grp.left { padding-top: 0; padding-bottom: 0; } .factor-section { padding: 60px 30px; } .feature-page .row1-group .hs_cos_wrapper_type_widget_container > div + div .factor-section { padding-top: 0; } .factor-section .heading h2 { font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 12px; line-height: 16px; } .factor-section .bottom-sec-grp { padding-top: 30px; } .factor-section .bottom-sec-grp > div:not(:last-child) { margin-bottom: 30px; } .factor-section .image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .factor-section .image-wrapper .img-pading { overflow: visible; position: relative; width: 100%; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding-top: 36.3%; } .factor-item-grp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px -30px -15px; } .factor-item { margin-bottom: 30px; height: auto; width: 100%; padding-left: 15px; padding-right: 15px; } .factor-item h4 { font-weight: 400; font-size: 21px; line-height: 1.5; margin-bottom: 7.5px; } .factor-item-content>*:last-child { margin-bottom: 0; } .factor-item-content p em { font-size: 14px; font-style: normal; display: block; } .section.post-body h2 br { line-height: normal; } .section.post-body h1 { line-height: 1.35; margin-bottom: 15px; font-size: 42px; font-weight: 300; letter-spacing: 0; text-transform: inherit; } .section.post-body h3 { font-size: 36px; margin-bottom: 30px; line-height: 1.35; font-weight: 300; } blockquote { position: relative; padding: 60px 40px; margin: 0; } blockquote p { font-size: 24px; line-height: 1.38; font-weight: 300; font-style: italic; margin-bottom: 15px; } blockquote p:first-of-type { position: relative; } blockquote p:last-of-type { margin-bottom: 0 !important; } blockquote p:first-of-type:before { content: open-quote; display: block; height: 30px; width: 30px; position: absolute; left: -40px; top: 0; font-weight: 900; font-size: 64px; line-height: 64px; color: #009aa6; font-style: normal; } blockquote p:first-of-type:after { content: close-quote; display: block; height: 30px; width: 30px; position: absolute; right: -40px; bottom: 0; font-weight: 900; font-size: 64px; line-height: 64px; color: #009aa6; font-style: normal; } .error-page .body-container { padding: 0; } .error-page .page__footer__body { display: none; } .error-page .cusotm-footer-inner-top { margin-top: -1px; } .section.post-body img + em { font-style: normal; font-size: 14px; line-height: 1.8; padding-top: 15px; display: block; } .banner-area.banner-listing h2 { text-transform: none; line-height: 1.35; } .blog .body-container a { border-bottom: 0; } .post-item p#hubspot-topic_data { margin: 15px 0; font-size: 15px; line-height: 20px; color: #5e6167; } .post-item p#hubspot-topic_data a { color: #5e6167; } .post-item .postList__item__excerpt p { margin: 0; } .post-item .postList-item-header h2 { letter-spacing: 0; word-spacing: 0; text-transform: none; margin-bottom: 6.5px; } .post-item .postList-item-header h2 a { color: #009aa6; text-decoration: none; -webkit-transition: .3s opacity; transition: .3s opacity; } .valueProp_new h3, .valueProp_new a, .valueProp_new alt { color:#63ceca; font-size:14px; font-weight:700; line-height:1.5; text-align:center; text-transform:uppercase; letter-spacing:1px; -webkit-transition: .3s color; transition: .3s color; } .valueProp_new a:hover h3, .valueProp_new a:hover, .valueProp_new a:hover alt { color:#fff; } .valueProp_new p { color:#fff; font-size:14px; font-weight:400; line-height:1.5; } .valueProp_new img { padding:15px 30px; } .home-lay div#site-wrapper { max-width: 100%; } .home-lay .body-container { padding: 0; } .home-lay .page__panels__wrapper { position: relative; z-index: 3; } .page__section--panel.page__section--dark .page__section__dek { color: #009aa6; } .page__section--panel .page__section__text { font-weight: 300; font-size: 18px; line-height: 30px; } .page__section__title { font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 12px; line-height: 16px; margin-bottom: 15px; } .page__section__title--hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .page__section--panel.page__section--light .page__section__title, .page__section--panel.page__section--light .page__section__dek, .page__section--panel.page__section--light .page__section__text, .page__section--panel.page__section--light .richtext { color: #fff; } .page__section__dek { font-size: 24px !important; line-height: 32px; font-weight: 300; margin-bottom: 15px; } .page__section__dek[class*="--lrg"] { font-weight: 300; font-size: 24px !important; line-height: 32px; } .page__section--panel .page__section__dek { width: 100%; max-width: none; } .home-lay .body-container a { border-bottom: 0; } .page__panels__animation { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; display: none; } .page__panels__animation { background: url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Images/Grid-Teal@2x.png"); background-size: 547px 316px; -webkit-transition: opacity .25s linear; transition: opacity .25s linear; } .venn-interface { position: relative; padding-top: 71.77%; width: 100%; position: fixed; top: 50%; left: 75%; -webkit-transform: translate3d(-50%, -50%, 0) scale(0.5); transform: translate3d(-50%, -50%, 0) scale(0.5); } .venn-interface__inner { position: absolute; top: 0; height: 100%; width: 100%; } img { border-style: none; } .venn-interface__elem { max-width: 100%; position: absolute; height: 100%; width: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); } .page__panels__bg { background-color: #f0f0f2; position: fixed; width: 100%; min-height: 100%; top: 0; left: 0; z-index: 1; } .page__panels__bg__item { background-image: #f0f0f2; position: absolute; width: 100%; min-height: 100%; width: 100vw; top: -10000%; left: 0; opacity: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); will-change: transform, opacity; -webkit-transition: opacity 0.75s linear, -webkit-transform 0.5s linear; transition: opacity 0.75s linear, -webkit-transform 0.5s linear; transition: opacity 0.75s linear, transform 0.5s linear; transition: opacity 0.75s linear, transform 0.5s linear, -webkit-transform 0.5s linear; } .imageBlock { position: relative; width: 100%; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .imageBlock[data-animation="fade"] { opacity: 0; -webkit-transition: opacity .75s linear; transition: opacity .75s linear; } .page__panels__bg__item>.imageBlock { background-color: transparent; display: none; background-color: transparent; } .page__panels__bg__item--dark-grad { background-image: -webkit-gradient(linear, right top, left top, from(#113042), to(#081d2a)); background-image: linear-gradient(to left, #113042, #081d2a); } .page__panels__bg__item._is_current, .page__panels__bg__item._is_prev, .page__panels__bg__item._is_next { top: 0; } .page__panels__bg__item._is_current { opacity: 1; } .backgroundVideo, .backgroundVideo:after, .backgroundVideo>* { position: absolute; } .backgroundVideo, .backgroundVideo:after, .backgroundVideo__slideshow, .backgroundVideo__image { top: 0; left: 0; overflow: hidden; height: 100%; width: 100%; } audio, video { display: inline-block; } .page__panels__bg__item--midnight { background-image: url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Images/dark-triangle-pattern.png"); background-size: cover; background-color: #091724; } .page__panels__bg__item--grid { background: url("https://cdn2.hubspot.net/hubfs/5638584/Venn_June2019%20Theme/Images/grid-pattern.png") repeat; } .backgroundVideo, .backgroundVideo:after, .backgroundVideo>* { position: absolute; } .backgroundVideo__video { min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home-lay div#site-wrapper { max-width: 100%; } .imageBlock[data-animation="fade"]._is_rendered { opacity: 1; } .page__panels__bg__item[class*="--show_in_mobile"]>.imageBlock { display: block; position: absolute; height: 100%; width: 100%; bottom: 0; } .imageBlock__image { display: block; position: absolute; width: 100%; top: 0; left: 0; opacity: 0; } .imageBlock[data-animation="fade"] .imageBlock__image--preload { opacity: 0; } .imageBlock._is_rendered .imageBlock__image--preload { opacity: 0; } .page__panels__more { display: block; height: 45px; width: 45px; position: absolute; left: 50%; margin-left: -22.5px; bottom: 30px; -webkit-animation: bounce 1s infinite alternate; animation: bounce 1s infinite alternate; } @keyframes bounce { from { -webkit-transform: translateY(0px); transform: translateY(0px) } to { -webkit-transform: translateY(-15px); transform: translateY(-15px) } } @-webkit-keyframes bounce { from { -webkit-transform: translateY(0px); transform: translateY(0px) } to { -webkit-transform: translateY(-15px); transform: translateY(-15px) } } .page__panels__more { bottom: 60px; } .page__panels__nav { top: 0; left: -9999px; height: 100%; width: 40px; position: fixed; z-index: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .blog-section-active .page__panels__nav { position: absolute; height: 100vh; top: auto !important; bottom: 0; } .page__panels__nav { left: 0; z-index: 5; } .page__panels__nav ul { list-style: none; padding: 0; margin: 0; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: -webkit-sticky; position: sticky; top: 0; } .navLink { will-change: transform; -webkit-transition: 1s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1); transition: 1s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1); transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1); transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1), 1s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1); } .page__panels__nav li { width: 100%; } .page__panels__nav a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navLink__tick { opacity: .3; height: 2px; width: 28px; -webkit-transform: translateX(-14px); transform: translateX(-14px); background: #fff; -webkit-transition: .8s transform, opacity .3s, background-color 1s; transition: .8s transform, opacity .3s, background-color 1s; } .navLink__title { position: absolute; top: -10px; left: 54px; left: -9999px; width: 300px; display: block; font-size: 24px; opacity: 0; -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); color: rgba(255,255,255,0.4); text-transform: uppercase; font-size: 13px; font-weight: 900; letter-spacing: 1.5px; -webkit-transition: opacity .25s .3s linear, color .25s 0s linear; transition: opacity .25s .3s linear, color .25s 0s linear; } .page__panels__nav li { width: 100%; } .page__panels__nav li a{ border:none; } .page__section--panel._is_current { opacity: 1; } .page__section--panel { min-height: 100vh; -webkit-transition: opacity .5s linear; transition: opacity .5s linear; margin-top: 0; margin-bottom: 0; -webkit-transform: translateZ(0); transform: translateZ(0); display: table; width: 100%; } .page__section--panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .contentWrapper { max-width: 1050px; margin: 0 auto; overflow: hidden; width: 100%; } .page__section--panel > .contentWrapper { vertical-align: middle; margin-top: 55px; margin-bottom: 55px; } .page__section__header, .page__section__body { max-width: 1050px; margin: 0 auto; overflow: hidden; } .contentWrapper>*:last-child { margin-bottom: 0; } .page__section--panel .page__section__header, .page__section--panel .page__section__body { width: 100%; } .page__section--panel .page__section__header { position: relative; z-index: 3; } .page__section__header__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page__section--panel .page__section__header--image .page__section__header__content { margin-bottom: 30px; } .page__section__dek, .page__section__text { max-width: 780px; } .page__section__dek { font-size: 24px; line-height: 32px; font-weight: 300; margin-bottom: 15px; } .page__section__dek[class*="--lrg"] { font-weight: 300; font-size: 24px !important; line-height: 32px; } .page__section--panel .page__section__dek { width: 100%; max-width: none; } .page__section__header:not([class*="--notitle"])+.page__section__body { padding-top: 30px; } .page__section__component:not(:last-child) { margin-bottom: 30px; } .columnWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px -30px -15px; } .columnWrapper__item { margin-bottom: 30px; height: auto; width: 100%; padding-left: 15px; padding-right: 15px; } .imageText__image { margin-bottom: 30px; } section#features-overview .imageBlock { position: relative; width: 100%; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; top: 0; transform: none; left: 0; } .venn-interface._is_expanded .venn-interface__elem--teal-screen { -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .venn-interface._is_expanded .venn-interface__elem--line-chart { -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } .venn-interface._is_expanded .venn-interface__elem--bar-chart { -webkit-transform: translate3d(0, -60px, 0); transform: translate3d(0, -60px, 0); } .venn-interface._is_expanded .venn-interface__elem--left-rail { -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); } .venn-interface._is_exploded .venn-interface__elem--teal-screen { -webkit-transform: translate3d(0, 50vw, 0); transform: translate3d(0, 50vw, 0); } .venn-interface._is_exploded .venn-interface__elem--line-chart { -webkit-transform: translate3d(-50vw, -40px, 0); transform: translate3d(-50vw, -40px, 0); } .venn-interface._is_exploded .venn-interface__elem--bar-chart { -webkit-transform: translate3d(25vw, -60px, 0); transform: translate3d(25vw, -60px, 0); } .venn-interface._is_exploded .venn-interface__elem--left-rail { -webkit-transform: translate3d(0, -50vh, 0); transform: translate3d(0, -50vh, 0); } .page__panels__animation._is_hidden { opacity: 0; } .page__panels__bg__item--white { background: white; } .page__section--panel.page__section--light .page__section__dek { color: #63ceca; } .home-lay .body-container a.btn { font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 9.6px; line-height: 9.6px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; color: #009aa6; border: 1px solid #009aa6; padding: 13px 15px 14px 15px; position: relative; } .home-lay .body-container a.btn.btn--invert { color: #fff; border-color: #fff; } .home-lay .body-container .page__section--panel.page__section--light a.btn { color: #63ceca; border-color: #63ceca; } .home-lay .body-container a.btn:before { content: " "; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; border: 0 solid #009aa6; } .home-lay .body-container a.btn.btn--invert:before { border-color: #fff; } .home-lay .body-container .page__section--panel.page__section--light a.btn:before { border-color: #63ceca; } .home-lay .body-container a.btn:hover:before { border-width: 2px; } .imageText__title { font-weight: 400; font-size: 21px; line-height: 1.5; margin-bottom: 7.5px; } .imageText__title { color: #009aa6; } .richtext--caption { font-size: 14px; line-height: 1.8; padding-top: 15px; } .imageText__text .richtext { padding-top: 0; } .page__section__header>*:last-child, .page__section__text>*:last-child { margin-bottom: 0; } .home-recent-blog .imageText__image .imageBlock { top: 0; transform: none; position: relative; left: 0; } .articlePreview .imageText { margin-bottom: 30px; } .articlePreview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .articlePreview .imageText__title a { text-decoration: none; color: #63ceca; } .articlePreview__link { margin-top: auto; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; margin: 0; font-size: 10.4px; line-height: 10.4px; color: #63ceca; text-decoration: none; padding-bottom: 5px; border-bottom: 1px solid #63ceca !important; -ms-flex-item-align: start; align-self: flex-start; } .articlePreview .imageText__title a { text-decoration: none; color: #63ceca; } .articlePreview a.articlePreview__link { color: #63ceca; } .articlePreview a.articlePreview__link:hover { color: #63ceca; } .contentWrapper.home-recent-blog { vertical-align: middle; margin-top: 55px; margin-bottom: 55px; } .home-lay .footer-container-wrapper { position: relative; z-index: 9; } .page__panels__nav a._is_current .navLink__tick { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } body._panel_nav_open .navLink__title { opacity: 1; left: 60px; } body._panel_nav_open a._is_current .navLink__title { color: #fff; } body._panel_nav_open .page__panels__nav { width: 300px; } .page__panels__nav a:hover .navLink__tick { opacity: 1; } .page__panels__nav a:hover .navLink__title { color: #fff; } .home-lay .custom-header-top{ opacity:1; -webkit-transition: opacity .35s linear; transition: opacity .35s linear; } .home-lay.popup-open .custom-header-top { opacity: 0.2; } .page__panels__nav__overlay { background: rgba(0,0,0,0.8); -webkit-transition: .4s opacity; transition: .4s opacity; z-index: 4; opacity: 0; display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; } .page__panels__nav__overlay.is_visible { opacity: 1; } .page__panels__nav__overlay.is_block { display: block; } .page__panels { position: relative; } div#hs-eu-cookie-confirmation { background: #000; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; padding: 30px 30px; -webkit-transition: .3s transform; transition: .3s transform; } div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner { max-width: 1050px; margin: 0 auto; overflow: hidden; width: 100%; position: relative; z-index: 3; } div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p { margin-bottom: 16px; letter-spacing: 0.2px; font-size: 14px; line-height: 1.8; color: #fff; } #hs-en-cookie-confirmation-buttons-area a { line-height: 1.15; margin: 0; overflow: visible; -webkit-appearance: none; border-radius: 0; font-family: 'Lato', Arial, sans-serif; cursor: pointer; border: none; outline: none; font-weight: 700; text-transform: uppercase; text-align: center; padding: 15px 30px; background: none; color: #fff; letter-spacing: 1.5px; font-size: 13px; border: 1px solid #fff; -webkit-transition: .2s all; transition: .2s all; display: inline-block; width: auto; } a#hs-eu-decline-button { margin-left: 30px; } #hs-en-cookie-confirmation-buttons-area a:hover { background: #009aa6; color: #fff; border-color: #009aa6; } .banner-area p.banner-post-author { max-width: 50%; } .blog-pagination .blog-pagination-center { padding: 0 2px 0 4px; } div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p a { color: #009aa6; text-decoration: none; border-bottom: 1px solid #009aa6; } div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p a:hover { color: #a5acaf; border-color: #a5acaf; } .home-lay.popup-open .sticky-header:before { background: rgba(0,0,0,1); z-index: 1; content: ''; width: 100%; visibility:visible; top: 0; height: 100%; position: absolute; left: 0; opacity: 0.8; } .home-lay .sticky-header:before{ -webkit-transition: opacity .35s linear; transition: opacity .35s linear; content:''; width: 100%; top: 0; height: 100%; position: absolute; left: 0; opacity:0; background: #fff; visibility:hidden; } @media (min-width: 230px) { .page__section__dek[class*="--lrg"] { font-size: calc(1.98347vw + 19.43802px) !important; } .page__section#home .page__section__dek { line-height: calc(1.23967vw + 36.14876px); } .page__section#home .page__section__dek { font-size: calc(1.15702vw + 38.33884px) !important; } .page__section__dek[class*="--lrg"] { line-height: calc(1.90083vw + 27.6281px); } .page__section__dek[class*="--lrg"] { font-size: calc(1.98347vw + 19.43802px) !important; } .heroBanner { padding:60px; } .heroBannerSpace { padding:60px; } } @media (min-width: 601px){ a.cta-link { font-size: 12px; line-height: 12px; } .profileBox__eyebrow { font-size: 15px; line-height: 20px; } .body-container a { border-width: 2px; } .two-col-img-grp .content-group { font-size: 20px; } .two-col-img-grp .content-group h3 { font-size: 36px; } .banner-area h2:not(last-child) { margin-bottom: 30px; } .factor-section .heading h2 { font-size: 15px; line-height: 20px; } .factor-item { width: 50%; } .page__section--panel .page__section__text { font-size: 20px; } .page__section__title { font-size: 15px; line-height: 20px; } .page__section__dek { font-size: 28px; line-height: 1.3; } .page__section__dek { font-size: 28px; line-height: 1.3; } .columnWrapper--2 .columnWrapper__item, .columnWrapper--3 .columnWrapper__item, .columnWrapper--4 .columnWrapper__item { width: 50%; } .home-lay .body-container a.btn { font-size: 12px; line-height: 12px; } .home-recent-blog p.page__section__dek { font-size: 28px; line-height: 1.3; } .articlePreview__link { font-size: 13px; line-height: 13px; } .heroBanner { padding:20vh 60px; } .heroBannerSpace { padding:100px; } .factorGroup div { border-right-color:#50e1dc !important; } } @media (min-width: 869px) { a.cta-link { font-size: 13px; line-height: 13px; padding: 16px 30px 14px 30px; } .two-col-img-grp { padding: 90px 60px; } .two-col-img-grp .content-group { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: calc(50% - (30px / 2)); } .two-col-img-grp .image-group { width: calc(50% - (30px / 2)); } .two-col-img-grp.left .inner-grp .content-group { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-right: 30px; } .factor-section { padding: 90px 60px; } .valueProp-section { padding: 0; } .factor-section .bottom-sec-grp { padding-top: 45px; } .valueProp-section .bottom-sec-grp { padding-top: 0; } .page__section--panel .page__section__header--half>* { width: 50%; } .page__panels__animation { display: block; } .page__panels__bg__item>.imageBlock { display: block; position: absolute; width: 100%; bottom: 0; } .page__section { padding: 90px 60px; } .page__section--panel .page__section__header--half>* { width: 50%; } .page__section--panel .page__section__header--image>* { padding-left: 15px; padding-right: 15px; } .page__section--panel .page__section__header--image .page__section__header__content { margin-bottom: 0; } .page__section#home .page__section__header__image { display: none; } .page__section__header:not([class*="--notitle"])+.page__section__body { padding-top: 45px; } .home-lay .custom-header-wrapper:not(.sticky-header) .custom-menu-primary .hs-menu-wrapper > ul li a { color: #fff; } .home-lay .custom-header-wrapper:not(.sticky-header) .custom-menu-primary .hs-menu-wrapper > ul li:hover a { color: #009aa6; } .home-lay .custom-header-wrapper:not(.sticky-header) .custom-menu-primary .hs-menu-wrapper>ul > li.Requesta.Demo > a { border-color: #fff; } .home-lay .custom-header-wrapper:not(.sticky-header) .custom-menu-primary .hs-menu-wrapper>ul > li.Requesta.Demo:hover > a { color: #fff; } .home-lay .custom-header-wrapper:not(.sticky-header) .custom-menu-primary .hs-menu-wrapper>ul > li.Requesta.Demo > a:hover:before { border-width: 2px; border-color: #fff; height: 100%; } .home-lay .custom-header-wrapper:not(.sticky-header) .custom-menu-primary .hs-menu-wrapper>ul > li.Free > a { color: #00cccc; } .home-lay .custom-header-wrapper:not(.sticky-header) .custom-menu-primary .hs-menu-wrapper>ul > li.Free > a:hover { color: #009AA6; } .home-lay .custom-header-wrapper:not(.sticky-header) svg#site-logo path, .home-lay .custom-header-wrapper:not(.sticky-header) svg#site-logo .cls-5, .home-lay .custom-header-wrapper:not(.sticky-header) #site-logo .cls-9 { fill: #fff; } .home-lay .header-container-wrapper { position: absolute; z-index: 1000; width: 100%; } .page__section--panel .page__section__header--image .page__section__header__image { padding-top: 45px; } .home-lay .body-container a.btn:not([class*="btn--sml"]) { font-size: 13px; line-height: 13px; padding: 16px 30px 14px 30px; } .custom-menu-primary .hs-menu-wrapper > ul ul { background-color: #fff; min-width: 180px; } .page__section--panel .page__section__header--image { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px; } .page__panels__nav { left: 0; z-index: 5; } div#hs-eu-cookie-confirmation { padding: 50px 60px; } .heroBanner { padding:20vh 60px; } .heroBannerSpace { padding:100px; } .factorGroup div { border-right-color:#50e1dc !important; } } @media (min-width: 1000px) { .factor-item-grp.four .factor-item { width: 25%; } .factor-item-grp.three .factor-item { width: 33.3333%; } .page__panels__bg__item>.imageBlock { height: 100%; } .columnWrapper--3 .columnWrapper__item { width: 33.3333%; } .heroBanner { padding:20vh 60px; } .heroBannerSpace { padding:100px; } .factorGroup div { border-right-color:#50e1dc !important; } } @media (min-width: 1440px){ .page__section__dek[class*="--lrg"] { line-height: 55px; } .page__section__dek[class*="--lrg"] { font-size: 48px !important; } .page__section#home .page__section__dek { line-height: 54px; } .page__section#home .page__section__dek { font-size: 55px; } .page__section__dek[class*="--lrg"] { font-size: 48px !important; } .page__section__dek { line-height: 54px; } .heroBanner { padding:20vh 60px; } .heroBannerSpace { padding:100px; } .factorGroup div { border-right-color:#50e1dc !important; } } @media (max-width: 1199px) { .banner-listing .banner-title>* { padding-left: 0px; } .heroBanner { padding:20vh 60px; } .heroBannerSpace { padding:100px; } .factorGroup div { border-right-color:#50e1dc !important; } } @media (max-width: 979px) { .custom-logo svg { width: 140px; } .custom-menu-primary .hs-menu-wrapper>ul li a { font-size: 12px; line-height:12px; } .custom-menu-primary .hs-menu-wrapper>ul>li.Requesta.Demo>a{ font-size: 13px; line-height:13px; } .heroBanner { padding:20vh 60px; } .heroBannerSpace { padding:100px; } .factorGroup div { border-right-color:#50e1dc !important; } } @media (max-width: 868px) { .custom-header-wrapper.sticky-header{ display:none !important; } .custom-logo-wrapper{ width:100% !important; margin:0 !important; } .custom-menu-primary{ width:100% !important; margin:0 !important; } .section.post-body h2{ margin:0; } .custom-header-wrapper { padding: 0 30px; } .custom-logo { padding: 10px 0 0; } .custom-logo svg { width: 120px; } .custom-footer-bottom { padding: 60px 30px; } .page__footer__section { padding: 60px 30px; } .page__footer__body:not([class*="--split"]) { padding-top: 30px; } .body-container { padding: 90px 60px; padding: 60px 30px; } .feature-image { display: none; } .banner-listing .banner-title { width: 100%; padding: 60px 30px; display: block; } .banner-listing .content-wrapper { display: block 1im; } .banner-listing .banner-title>* { max-width: 100%; width: 100%; padding-right: 0; } .banner-area h2 { margin-bottom: 0; } .read-more-wrap a { font-size: 12px; line-height: 12px; padding: 14px 16px 15px 16px; } .categoryList-wrapper { display: block; position: relative; } ul.categoryList-list { display: block; } h4.categoryList_title { font-weight: 700; text-transform: capitalize; letter-spacing: 0; } span.categoryList_chevron { display: block; display: block; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .categoryList__chevron path { fill: #009aa6; } span.categoryList_chevron svg path { fill: #009aa6; } h4.categoryList_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; color: #009aa6; border: 1px solid #009aa6; padding: 17px 20px 16px 20px; font-size: 14px; line-height: 1.5; margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ul.categoryList-list { border: 1px solid #009aa6; border-bottom: none; border-top: 0; position: absolute; background: #fff; width: 100%; list-style: none; padding: 0; } ul.categoryList-list li { padding: 0; border: none; margin: 0; } ul.categoryList-list li a { border-bottom: 1px solid #009aa6; display: block; padding: 17px 24px 16px 24px; cursor: pointer; line-height: 20px; color: #009aa6; } ul.categoryList-list li a:hover { background: #f0f0f2; } ul.categoryList-list li.active a { background: #f0f0f2; } .search-open span.categoryList_chevron { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } ul.categoryList-list { display: none; } .search-open ul.categoryList-list { display: block; } .categoryList-wrapper { padding-bottom: 60px; } .modal__header { background-color: #fff; margin-bottom: -2px; padding-top: 3px; } .modal__close g { fill: #a5acaf; } .modal__content { -webkit-overflow-scrolling: touch; background: #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; } .modal__close { background: none; border: 0; cursor: pointer; height: 45px; outline: none; padding: 0; -webkit-transition: .4s opacity; transition: .4s opacity; width: 45px; z-index: 1; } .modal{ padding:0; } .profileBox__content { padding: 0px 30px 60px; } .profileBox__content { height: 100%; } .custom-header-lp .custom-header-wrapper { background-color: #fff; height: 55px; } .custom-header-top{ min-height:54px !important; } .two-col-img-grp .content-group { margin-bottom: 30px; } .read-more-wrap a { margin-top: 0; } .page__section { padding: 60px 30px; } .contentWrapper.home-cm .imageBlock { top: 0; transform: none; left: 0; } .home-lay .body-container-wrapper { margin-top: -55px; } .page__panels__more { bottom: 30px; } .contentWrapper.factor-lens-overview .imageBlock { top: 0; transform: none; left: 0; } .page__panels__nav { top: 0; left: -9999px; height: 100%; width: 40px; position: absolute; z-index: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } body.blog.hs-content-id-11604622576 .section.post-body h2, body.blog.hs-content-id-11656015553 .section.post-body h2{ margin: 0 0 15px 0; } .heroBanner { padding:20vh 60px; } .heroBannerSpace { padding:100px; } .factorGroup div { border-right-color:#50e1dc !important; } } @media (max-width: 767px) { .subscribe-options label { margin-left: 0; margin-right: 0; } .body-container .hs_cos_wrapper_type_password_prompt, .body-container .hs_cos_wrapper_type_email_simple_subscription, .body-container .hs_cos_wrapper_type_form, .body-container .hs_cos_wrapper_type_blog_subscribe, .body-container .widget-type-google_search, .body-container .hs-search-field__bar{ max-width: 100%; } .hs-author-social-section { margin-top: 10px; } .hs-author-profile .hs-author-avatar { float: none; margin-bottom: 10px; } .section.post-body img { float: none !important; width: auto !important; max-width: 100% !important; } .post-item { width: 100%; display: block; } .postList-item-thumb { display: none; } h4.categoryList_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; color: #009aa6; border: 1px solid #009aa6; padding: 17px 20px 16px 20px; font-size: 14px; line-height: 1.5; margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .related-post-wrapper .postList-item-thumb { display: block; } .postList-item-content { padding: 0; } .heroBanner { padding:20vh 60px; } .heroBannerSpace { padding:100px; } } @media (max-width: 600px) { body { font-size: 14px; } .custom-footer-middle p a { border-bottom: 1px solid #009aa6; } h3.callout__title { font-size: 24px; line-height: 1.38; } .hs-blog-post .section.post-body{ font-size:14px; line-height:30px; } .profileBox__eyebrow { font-size: 12px; line-height: 16px; } .modal__content .richtext p { font-size: 14px; line-height: 30px; } .formWrapper input.hs-button.primary.large { font-size: 9.6px; line-height: 9.6px; padding: 13px 15px 14px 15px; } .related-post-wrapper p#hubspot-topic_data a { font-size: 9.6px; line-height: 17px; } .read-more-wrap a { text-transform: uppercase; font-size: 9.6px; line-height: 12px; padding: 14px 16px 15px 16px; } .read-more-wrap a { font-size: 9.6px; line-height: 9.6px; margin-top: 15px; } .custom-menu-primary .hs-menu-wrapper>ul>li.Requesta.Demo>a { font-size: 9.6px !important; line-height: 9.6px !important; } .banner-area h1 { font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; word-spacing: 3px; font-size: 12px; line-height: 16px; color: #fff; } .banner-area h2 { font-weight: 300; font-size: 24px; line-height: 1.35; margin-bottom: 15px; } .banner-area p { font-size: 14px; } h3.callout__title { font-size: 24px; line-height: 1.38; } .page__footer__body:not([class*="--split"]) { padding-top: 0; } .two-col-img-grp .content-group { margin-bottom: 15px; } .factor-item-content p em { font-size: 12px; } .formWrapper input[type="text"], .formWrapper input[type="email"], .formWrapper textarea { font-size: 14px; } .formWrapper { padding-top: 15px; } .formWrapper input.hs-button.primary.large { display: inline-block; margin-left: 1px; } .heroBanner { padding:60px; } .heroBannerSpace { padding:60px; } .factorGroup div { border-right-color:rgba(0,0,0,0) !important; } } @media (max-width: 600px) { .section.post-body h2 { font-size: 24px; line-height: 32px; font-weight: 300; } .section.post-body br+div { font-weight: 300; font-size: 36px !important; line-height: 1.35 !important; margin-bottom: 15px !important; } .section.post-body h3 { font-weight: 300; font-size: 24px; line-height: 1.35; margin-bottom: 15px; } } @media (max-width: 479px) { .hs_recaptcha { width: 220px !important; overflow-x: auto; overflow-y: hidden; } .custom-logo svg { width: 100px; } .banner-area.banner-post h2 { max-width: 100%; word-spacing: 0; text-transform: none; } #hs-en-cookie-confirmation-buttons-area a { display: block; margin-left: 0; margin-bottom: 20px; } .modal__content { margin-bottom: 0px; } .arrowLink { width: 95%; } h2.hero { font-size:48px; font-weight:400; text-transform:none; } h3.hero { font-size:25px; font-weight:400; } .heroBanner { padding:60px; } .heroBannerSpace { padding:60px; } .factorGroup div { border-right-color:rgba(0,0,0,0) !important; } }