/* @font-face { font-family: 'Raleway regular'; font-weight: normal; font-style: normal; } */ @font-face { font-family: 'Raleway regular'; src: url('https://523274.fs1.hubspotusercontent-na1.net/hubfs/523274/fonts/Raleway/Raleway-Regular.eot') format('eot'), url('https://523274.fs1.hubspotusercontent-na1.net/hubfs/523274/fonts/Raleway/Raleway-Regular.woff') format('woff'), url('https://23772937.fs1.hubspotusercontent-na1.net/hubfs/23772937/fonts/Runda%20W00%20Light.ttf'), url('https://523274.fs1.hubspotusercontent-na1.net/hubfs/523274/fonts/Raleway/Raleway-Regular.ttf') format('truetype');} @import url('https://fonts.googleapis.com/css?family=Raleway:400,800'); @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'); /* @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i'); */ /* @font-face { font-family: 'HelveticaNeueLTStd-Lt'; src: url('https://523274.fs1.hubspotusercontent-na1.net/hubfs/523274/fonts/symphony.eot') format('embedded-opentype'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'Helvetica'; src: url('https://523274.fs1.hubspotusercontent-na1.net/hubfs/523274/fonts/HelveticaNeueLTStd-Lt.otf') format('opentype'), src: url('https://523274.fs1.hubspotusercontent-na1.net/hubfs/523274/fonts/HelveticaNeueLTStd-Lt.eot') format('embedded-opentype'), url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAD3MABAAAAAAbZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABCQVNFAAA9fAAAADQA AAA0P2JPukZGVE0AAD2wAAAAGgAAABw4rZsFR0RFRgAAORQAAABAAAAASgUtA+pHUE9TAAA7CAAA AnMAAAYq/wYWVEdTVUIAADlUAAABsQAAA75do2j4T1MvMgAAAeAAAABWAAAAYHmGDfRjbWFwAAAE gAAAAgQAAAKCdtKVTWdhc3AAADkMAAAACAAAAAj//wADZ2x5ZgAACIQAACrUAABNuFJxnkxoZWFk AAABbAAAADQAAAA2FBdt/2hoZWEAAAGgAAAAIAAAACQHCQORaG10eAAAAjgAAAJGAAAD+viiIgZs b2NhAAAGhAAAAgAAAAIASQlc/G1heHAAAAHAAAAAHgAAACABSABQbmFtZQAAM1gAAAPbAAAIar8+ zyJwb3N0AAA3NAAAAdgAAAJx3FEv2HjaY2BkYGBgZGjeLLqTN57f5isDN/MLoAjDjUMil2H0/6j/ WixSzMeBXA4GJpAoAHEyDR942mNgZGBgOvXvEcMJlvD/Uf8jWaQYgCIo4B8ArtwHn3jaY2BkYGD4 z+DLwM4AAkxAzMgAEnMA8xkAJUQBmQAAeNpjYGJcy6jDwMrAwtTFFMHAwOANoRnjGIwYzRgYmLhZ mJlAgKWBgWG9A4OCFwMUOLo4uQIphd9MTKf+PWI4wXyc4RqQzwiSY2JhOgWSY2ABAFzXDfUAAHja bZK9a9NhEMe/d09MAh06+RLf2iZNDZhqNEkNNK2mUI1i1CiSUPClFJ2cOgQcXARB6OLuHyAIbg4t CHZ0ETeXQqSC4FqNhdrh8XuPv0gtDXz4/nJ3z93z3J30EH7SIAf4sYHrsoiW5pEhx9xjzOoCTtD3 iL4iNryX+ziibZyh7Q5jq9R5afifjE+TeTJKRsjx6DtHiiRrMSGeZ5njlOUJmsKEG8Zp7fgtfYm6 rmJM31CbJEW+8f8q6uiiIT3s1+d/7a6Gi7Rfoj+tnRCXDuc7VtdvM0dNm37LLQE67Xu64Dd1Gvv4 lqt2Z2qM9fNifVjx65rAMP1Vapo6ZioO8fC2FCaxginGfWV81b5Zv2r24LdzPCOT7Mk6hiSHhPnk E5T3StIm9k0G2e9bfMttao71Z/u9Z54JctJ6T+IWQx23muzPUTnnt+U161j/2Xuz0bcsL1AJtkbI neTdRsK92phh7huM+U17Rq7B8XzdzaAQkbTeh77vgVui2iya0Swi0PU93q1EXSO/2Gf8m8Nu2rgS 1GaxE5tFJ8xxKvR9D9zDoOnd2KzsjdQP1pv+fKId/B/bMeun+XcQ5sKZmdosNeU3rU+xs8hy70dt h2yO/Z2xuTFPIqppLJOPPMu98D+oWep78kU/oxzqFDBgu+W+4ynncI/cDSziAjlvMGfBYFydcU9i LdS4c2VyGa/8HH2DsoYh18VNy+se8E2HkNdnnPFbHNYcDtobLdZmrUVkXAIlaWFAK8xdQSmirGVU 5B33Kv4H0mTe5gAAeNpjYGBgZoBgGQZGIMnAWAPkMYL5LIwJQDqEwYGBlUGEoY7hP6MhoxNjMGMi YwVjHeMkpuNMJ5nuMq9k3sN8QEFEQUpBTkFJQU3BQMFKwUVhjaKwopKimqKeEpMSmxK/kpCSqJKU kpyStpKHUoJSquqp30z//wNNV2BYADTVkTGIMQFoai3Q1GNAU29ATRVWkFCQUVAAm2qJxVRBoKmS cFNTgKYy/v////H/Q/8n/m/6X/w//X/gf9//Vv/Y/7H9/fFX96/0X4kHxx4cfnDowcEH+x5sfbD2 wZIHtvev3z95/9j9/ffe3Ht57+G9B/fu3bt978a9M/c23Jt5b9ptI9Y/kJChPmBkY4AbzcgEJJjQ FQCjhoWVjZ2Dk4ubh5ePX0BQSFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHV0/fwNDI2MTUzNzC 0sraxtbO3sHRydnF1c3dw9PL28fXzz8gMCg4JDQsPCIyKjomNi4+IZGhrb2ze/KMeYsXLVm2dPnK 1avWrF2/bsPGzVu3bNuxfc/uvfseFqWkZj6uWFiQ/bos62fHrG/Fv36nl7/7+OHG95yaayt2NSbn fT3z431u7ZOkptbpR4/dvHXv/u07O/8cPPni5bPnf/89qrz74GlLT3NvV/+EiX1TpzFMmTN39qGz VwovXLxUdfXyOQApUdCPAAAAJgAmACYAJgA8AE4AfgDOARABWgFmAX4BlgG0AcoB4AHsAfgCBgIy AkwCfgK6AtYDBgNEA1wDpgPkA/YEEgQkBDgETASEBNwE9gUuBVwFegWSBagF3gX2BgIGHgY6BkoG ZgZ+BrAGzgcKB0oHigecB7wH0gfyCA4IJgg+CFAIXghwCIIIkAieCO4JHglECXQJoAnGCgYKJgo4 ClYKbgp6CqoKygroCxgLSAtgC5oLvgvgC/QMFAwsDFAMaAyWDKQM0gz2DPYNDA1ADY4Nxg3sDf4O Ug5kDqYO8g8ODx4PKg9qD3gPlg+yD+IQHhAsEFAQahCAEKQQuhDaEPYRKhFyEcwSBBImEkgSbhKi EsgS+hMgE2wTjBOqE8wT8BQEFBgUMBRIFHAUpBTcFRYVVBWgFd4V+BY+FmYWjha6FuYXBBckF14X tBgKGGQYzhkoGY4Z9ho4GmwaoBrYGxAbIhs0G0obYhueG9gb/BwgHEgcgByqHNQdDh02HV4dih22 HeIeEh5CHk4eaB6AHrwfBh9QH5Qfth/YH/ogOCBKIFwgaiCEIJAgriDMIOwhACEyIVYhfiGMIZoh sCHGIdwiAiIoIk4iZCKCIpQirCLwIwIjEiMiI2ojpCPOJAAkOiR0JJYkriTMJNok6iUAJR4leCWq JfwmHiY6JlYmgCayJtx42r18CXgb1bXwnDuy5N2WtdmxLVuSZXmTF8kj2fIiL/K+xlG8ZLGz2Uls ZyEL2QkkJAGapIEChTQUSlNow1IalrKWpax5lPcKTZP0lRR4vJQXCq+BkJQQj/9z74xs2TGm6f9/ v5ORxvK95579nnPPGXEhHP7AefI8x3NKLoyL5GI4rkBtUvMak8agBlMEqDVw/tIR8eE3j4j7wX/k zSPk+REffI8bFf8wCuLIcW4UckTCjXKEa0NgPyXHuBCExLl5wanjDRbBORDjizH4/Ueh+vhx8YWj gziKcF1wAhJxLM+pOE6DQ514dXlrvXDiS/xhYyz4EkUe5xK5FMRSZ1FZ3OwSnOxyqtiFn9ssKiec W5XiSNmH18p1+pXr5Pvlq/RJ+/T7INL+F/yxH7Kfxh/7oUOHOFw5efQQieFtXCgXx7lxBbXDJRTm EpvarNRpjbzKqTeoc3mh0EVxc+hVllywqI28Tqu06SxCLkBG7aKkovymyo44gz31DS8cLqisSN3U Y5uzlXiho8pRV59+c69t3RDUih80NJgdqep2MDQ2JWYm6MIee0gDGRHx2fWO7qHW1k0LGueIH0TE 2xsc84dhdmfEOuRizehp3kOOIzfVXAJyw4ZcoajpKZ7pDr1WaU4vVMjvrrG/hIETIHlNQcGagufu b229v5WEsLeT7KORZ+C1PLGU3NFZ4pk921Oyc+nDS5c+/Hf26pE/Ey+QiyMoQ+SRbfQcGUY5qbh0 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) format('woff'), url('https://523274.fs1.hubspotusercontent-na1.net/hubfs/523274/fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('https://523274.fs1.hubspotusercontent-na1.net/hubfs/523274/fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg'); font-weight: normal; font-style: normal; } @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'); /* Responsive Grid */ .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 */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* Visibilty Classes */ .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } /* Responsive Visibilty Classes */ .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 ; } } /* HTML 5 Reset */ 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; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} @font-face { font-family: 'Runda light'; src: url('https://23772937.fs1.hubspotusercontent-na1.net/hubfs/23772937/fonts/Runda%20W00%20Light.ttf') format('truetype');} @font-face { font-family: 'Runda bold'; src: url('https://23772937.fs1.hubspotusercontent-na1.net/hubfs/23772937/fonts/Runda%20W00%20Bold.ttf') format('truetype');} @font-face { font-family: 'Barlowcondensed bold'; src: url('https://23772937.fs1.hubspotusercontent-na1.net/hubfs/23772937/fonts/BarlowCondensed-Bold.ttf') format('truetype');} h1,h2,h3,h4,h5,h6{ font-family: 'Runda light'; } a{ font-family: 'runda bold'; } /* ========================================================================== Index: 1. BASE STYLES - Variables - Macros - Modules - Base - Typography 2. COS STRUCTURE - Header - Content - Footer 3. MAIN NAVIGATION - Custom Menu Primary - Mobile Menu 4. TEMPLATE MODULE CLASSES - System Pages 5. COS COMPONENTS - Blog - Forms - Buttons 6. LIBRARIES - Slick Slider ========================================================================== */ /* ========================================================================== 1. BASE STYLES ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /** * Find the most consistently used font styles, colors, and container widths * for your site and assign them to the jinja variables below for easy use * and reference. * * Apply the variable as shown below. Ignore the jingja comment tags. * * */ /* Colors */ /* Black */ /* Pink */ /* Purple | Used on global anchors in 'Base' */ /* Pink */ /* Bright Green */ /* Bright Yellow */ /* Bright Blue */ /* Bright red */ /* Bright Orange */ /* black */ /* Light Grey */ /* Grey */ /* slate */ /* Typography */ /* Containers */ /* ========================================================================== Macros ========================================================================== */ /** * Create jinja macros for CSS3 properties that need browser prefixes. * * Apply the style as shown below on it's own CSS property line. * Ignore the jinja comment tags. * * */ /** * Example of how to apply the above macro (ignore the jinja comment tags): * * a { * color: red; * font-size: 12px; * * } */ /* ========================================================================== Base ========================================================================== */ /* Images */ img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } img.alignRight, img[style*='float:right'], img[style*='float: right'] { margin: 0 0 10px 20px; } img.alignLeft, img[style*='float:left'], img[style*='float: left']{ margin: 0 20px 10px 0; } @media (max-width: 599px) { img.alignRight, img[style*='float:right'], img[style*='float: right'], img.alignLeft, img[style*='float:left'], img[style*='float: left']{ margin: 0 0 10px; float: none !important; display: block; } } /* Reduces min-height on bootstrap structure */ .body-container .row-fluid [class*="span"] { min-height: 1px; } .header-container .row-fluid [class*="span"], .footer-container .row-fluid [class*="span"] { min-height: 0px; } /* Blog Social Sharing */ .blog-1 .post-share { margin-bottom: 20px; } @media (min-width: 1050px) { .blog-1.hs-blog-post .blog-section { min-height: 284px; } .blog-1 .post-share { width: 42px; position: absolute; line-height: 10px; margin-bottom: 0; } .blog-1 .post-share>span { position: relative; left: -56px; } .blog-1 .post-share a { display: block; } } /* Captcha */ #recaptcha_response_field { width: auto !important; display: inline-block !important; } /* Videos */ video { max-width: 100%; height: auto; } /* Date Picker */ #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: 400 !important; } #caldays { margin-bottom: 4px; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: 0; overflow: hidden; padding-top: 0; 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.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 56.25%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ 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; } /* System Template Forms */ #email-prefs-form .email-edit { width: 100% !important; max-width: 507px !important; } #hs-pwd-widget-password { height: auto !important; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } /* Horizontal Menu ========================================================================== */ .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:not(.mobile) { float: none; display: inline-block; } .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; } /* Vertical Menu ========================================================================== */ .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; } /* Flyouts */ .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; } /* Stacking Horizontal Nav for Mobile */ .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; } /* Stacking Vertical Nav for Mobile */ .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; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-social-label { display: none; } .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("//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("//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("//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("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* Fix for CTA border box issue */ .hs-cta-wrapper a { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .hs-cta-wrapper a.button { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .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;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .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%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .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(http://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;} /* Direction Nav for the Thumbnail Carousel */ .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(http://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; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: #fff; padding: 0 5% 0 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: #fff; 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: #000; position: static; font-size: 2em; line-height: 1.1em; color: #fff; 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: #fff; } /* Thumbnail only version of the gallery */ .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; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .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; } @media all and (max-width: 400px) { /* beat recaptcha into being responsive, !importants and specificity are necessary */ #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; } } /* ========================================================================== Base ========================================================================== */ /** * Box Sizing * * Applies a natural box layout model to all elements so that width and padding * are essentially combined, making responsive styles easier to manage. */ *, *: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; } /* Website background color and default font styles */ body { background: #fff; color: #08203E; font-family: Runda light; font-size: 16px; line-height: 1.5; } .container-fluid .row-fluid .page-center, .page-center { float: none; max-width: 1180px; margin: 0 auto; padding: 0 20px; } .container-fluid .row-fluid .center-small, .center-small { float: none; max-width: 980px; margin: 0 auto; padding: 0 20px; } .container-fluid .row-fluid .page-center .center-small, .page-center .center-small { max-width: 800px; padding: 0; } a { color: #33CAD8; text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;; } a:hover, a:focus { color: #712ACE; /* text-decoration:underline; */ } hr { clear: both; color: #d9d9d6; background-color: #d9d9d6; height: 1px; border: none; margin: 45px 0; } /* Highlighted Text */ ::-moz-selection { color: #fff; background: #08203E; text-shadow: none; } ::selection { color: #fff; background: #08203E; text-shadow: none; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img { max-width: initial; } /* Shared Custom Modules */ .small-testimonial { padding: 60px 0px; background: #05c3de; text-align: center; } .small-testimonial .small-quote { color: #fff; font-size: 26px; font-style: italic; } .small-testimonial .quoter-text { color: #fff; font-size: 18px; } /* ========================================================================== Typography ========================================================================== */ /* Basic text */ p { margin: 0 0 20px; } small {} strong {} 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; } .text-90 { max-width: 90%; margin: 0 auto !important; float: none !important; } .text-center { text-align: center; } .text-small { font-size: 14px; } .text-small h3 { font-size: 21px; } .text-large { font-size: 21px; } .text-bold, .text-bold * { font-weight: 700; } .text-uppercase { text-transform: uppercase; } .text-grey { color: #08203E; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; font-weight: 700; color: #08203E; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 { font-size: 42px; line-height: 1.2; } h2 { font-size: 36px; } h2 span { font-weight: 300; } h3 { font-size: 22px; } h4 { font-size: 20px; font-weight: 300; } h5 { font-size: 18px; } h6 {} .header-small h2 { font-size: 30px; font-weight: 700; } @media (max-width: 767px) { h1 { font-size: 40px; } h2 { font-size: 32px; } } /* Lists */ ul, ol { margin: 0 0 20px; } ul ul, ul ol, ol ol, ol ul {} li {} ul.unstyled, ol.unstyled { list-style: none; margin: 0; padding: 0; } /* Quotes */ blockquote {} blockquote p {} blockquote small {} blockquote small:before {} q:before, q:after, blockquote:before, blockquote:after {} /* ========================================================================== 2. COS STRUCTURE ========================================================================== */ /* ========================================================================== Header ========================================================================== */ .top-bar { background: #fedb00; text-align: right; font-size: 15px; color: #fff; line-height: 39px; } @media (min-width: 768px) { .top-bar .span6 { text-align: left; display: inline-block; float: none !important; width: auto !important; margin-left: 0 !important; } } .topbar p { margin: 0; padding: 11px 0; } .top-bar a { color: #fff; text-decoration: underline; } .top-bar a:hover { color: #fff; text-decoration: none; } .top-bar .hs-menu-wrapper > ul { list-style: none; margin: 0; padding: 0; vertical-align: bottom; } .top-bar .hs-menu-wrapper > ul > li { display: inline-block; } .top-bar .hs-menu-wrapper > ul > li:after { content: ''; display: inline-block; margin: 0 30px; background: #9ea9b3; width: 1px; height: 15px; position: relative; top: 3px; } .top-bar .hs-menu-wrapper > ul > li:last-child:after { display: none; } .top-bar ul ul { background: #08203E; } .top-bar ul ul a { padding: 0 10px; } .top-bar label { display: none; } .top-bar .hs-menu-item a[href='javascript:;'], .top-bar .hs-menu-item a[href='#'] { cursor: default !important; text-decoration: none !important; } @media (max-width: 767px) { .top-bar { display: none !important; } } .site-header { background: #fff; width: 100%; padding: 14px 0; } @media (min-width: 768px) { body:not(.no-sticky) .header-container-wrapper { width: 100%; position: fixed; top: 0; left: 0; z-index: 999; } body:not(.homepage-3) .site-header { box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.31); } body:not(.no-sticky) .sticky.site-header { background: #000; padding: 10px 0; -webkit-transition: padding .3s ease; -moz-transition: padding .3s ease; -o-transition: padding .3s ease; -ms-transition: padding .3s ease; transition: padding .3s ease;; box-shadow: none; } body:not(.no-sticky) .sticky.site-header img { width: auto !important;= } } @media (max-width: 767px) { body:not(.landing) .widget-type-logo, body:not(.landing) .widget-type-logo * { text-align: left !important; } .site-header img { max-width: 200px !important; text-align: left !important; } } @media (min-width: 768px) and (max-width: 899px) { .site-header .span9.widget-type-menu { clear: both; width: 100% !important; margin-left: 0 !important; } .site-header .table-display .row-fluid { display: block !important; } } .header-container .widget-type-cta { display: none; } .site-header .widget-type-logo { padding-top: 1px; } .site-header.sticky .widget-type-logo { padding-top: 4px; } /* Header Demo Link */ .demo-link-wrapper { line-height: 2.2; background: url(https://cdn-static.findly.com/wp-content/uploads/sites/291/2017/01/pinkdot.png); background-size: 70px 2px; background-repeat: no-repeat; background-position: bottom right; text-align: right; } .demo-link-wrapper .demo-link { color: #ffffff; } /* Drop Down Menu */ .header-right-side { float: right; } .header-right-side, .demo-link-wrapper, .menu-btn-wrapper { display: inline-block; } .demo-link-wrapper { margin-right: 10px; } .demo-link-wrapper a { font-size: 18px; } .menu-btn-wrapper a:hover .fa-bars { color: #33cad8; } .site-header div#menu-box { width: 100%; position: absolute; top: 71px; left: 0; background: #000; padding: 35px 0 45px; border-bottom: 3px solid #33cad8; z-index: 5; } .site-header.sticky div#menu-box { top: 63px; } .menu-drop-wrapper .menu-side { color: #fff; } .menu-drop-wrapper .menu-side .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper { margin-left: 15px; } .menu-drop-wrapper .menu-side .hs-menu-wrapper.hs-menu-flow-vertical ul li { margin-bottom: 0; } .menu-drop-wrapper .menu-side .hs-menu-wrapper.hs-menu-flow-vertical ul li a { color: #fff; font-size: 18px; font-weight: 300; } .menu-drop-wrapper .menu-side .hs-menu-wrapper.hs-menu-flow-vertical ul li a:hover:before { content: "["; position: relative; left: -5px; font-weight: 400; color: #33cad8; margin-left: -4px; } .menu-drop-wrapper .menu-side .hs-menu-wrapper.hs-menu-flow-vertical ul li a:hover:after { content: "]"; padding-left: 5px; font-weight: 400; color: #33cad8; } .menu-drop-wrapper .menu-side .hs-menu-wrapper.hs-menu-flow-vertical ul ul li a { font-size: 16px; } .menu-drop-wrapper .gray-box { background: #ccc; padding: 0 0 7px; } .menu-drop-wrapper .gray-box h4 { font-size: 24px; font-weight: 700; line-height: 1.15em; padding: 5px 20px; margin: 0 auto 10px; } .menu-drop-wrapper .gray-box .black-txt-line { margin-left: 5px; display: inline-block; height: 30px; width: 50px; background: url(https://cdn-static.findly.com/wp-content/uploads/sites/291/2017/01/blackdot.png); background-size: 50px 4px; background-repeat: no-repeat; background-position: bottom left; } .menu-drop-wrapper .gray-box .hs-menu-wrapper.hs-menu-flow-vertical ul li { margin-bottom: 0; } .menu-drop-wrapper .gray-box .hs-menu-wrapper.hs-menu-flow-vertical ul li a { color: #000; font-size: 18px; line-height: 1.15em; font-weight: 700; padding: 8px 20px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .menu-drop-wrapper .gray-box .hs-menu-wrapper.hs-menu-flow-vertical ul li a:hover { background-color: #33cad8; background-image: url(https://cdn-static.findly.com/wp-content/uploads/sites/291/2017/01/rgt-arrow.png); background-repeat: no-repeat; background-position: 98% 50%; background-size: 10px 21px; } @media (max-width: 767px) { .site-header .widget-type-logo, body:not(.landing) .widget-type-logo *, .header-right-side { text-align: center !important; margin: 0 auto; float: none; display: block; } .site-header .widget-type-logo { padding-bottom: 15px; padding-top: 0; } .site-header div#menu-box { top: 133px; } .menu-drop-wrapper .gray-box { margin-top: 30px; } } /* ========================================================================== Content ========================================================================== */ @media (max-width: 767px) { .body-container-wrapper { padding-top: 0 !important; } } .body-container-wrapper {} .body-container {} .grey-back { background: #f5f6f7; } .border-top { border-top: 1px solid #08203E; } .border-bottom { border-bottom: 1px solid #08203E; } /* Unique Pages ========================================================================== */ /* Homepage 1 */ .homepage-1 .banner-homepage-1 { text-align: left; padding: 110px 0; } .homepage-1 .banner-homepage-1 .banner-content { max-width: 680px; } .homepage-1 .banner-homepage-1 .banner-overlay { background: rgba(0, 0, 0, 0.55); } .homepage-1 .banner .button { margin-top: 20px; } .homepage #logos { margin-top: 10px; } .homepage #logos img { max-width: 130px !important; margin: 0 auto; } .homepage .hs_cos_wrapper_type_linked_image.slick-slide { padding: 0 15px; } .benefit { text-align: center; font-size: 16px; margin-top: 30px; } .benefit-icon { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; max-width: 115px; border: 1px solid #e0e721; background: #fff; margin: 0 auto 15px; } .benefit h3 { font-weight: 700; font-size: 21px; margin-bottom: 5px; } .homepage .section-accent .widget-type-cta { margin-top: 15px; } .content-wrapper { padding: 75px 0 60px; border-bottom: 1px solid #ccc; font-size: 16px; } .content-wrapper h3 { font-size: 30px; font-weight: 700; color: #08203E; margin-bottom: 10px; } .content-wrapper h4 { font-weight: 400; color: #05c3de; margin-bottom: 10px; } .content-wrapper .button { width: 240px; max-width: 100%; } .content-wrapper .button-arrow:hover { background-color: #e0e721; border-color: #e0e721; color: #fff; } .homepage #services .hs_cos_wrapper_type_custom_widget:last-child .content-wrapper { border-bottom: none; } @media (min-width: 768px) { .homepage #services .hs_cos_wrapper_type_custom_widget:nth-child(odd) .content-image { order: 2; margin-left: 2.762430939% !important; } .homepage #services .hs_cos_wrapper_type_custom_widget:nth-child(odd) .content-copy { margin-left: 0 !important; order: 1; } .homepage #services .hs_cos_wrapper_type_custom_widget .content-copy-inner { max-width: 475px; margin: 0 auto; } } .widget-type-custom_widget .blog-link { float: right; margin: 20px 0 0 15px; font-weight: 700; } .widget-type-custom_widget .blog-link i.fa { font-size: 14px; position: relative; top: -2px; margin-left: 5px; display: inline-block; font-weight: 300; } .homepage h2.recent-posts { display: inline-block; text-align: left; } @media (max-width: 480px) { .widget-type-custom_widget .blog-link { float: none; margin: 0 0 15px; } } .post-box { background: #fff; margin-top: 30px; margin-bottom: 30px; box-shadow: 0px 0px 3px rgba(0,0,0,0.18); -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; border-radius: 1px;; font-size: 16px; color: #6c6c6d; } .post-box-image { position: relative; display: block; background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .post-box-image:before { display: block; content: ""; width: 100%; padding-top: 82.85714285714286%;; } .post-box-content { padding: 30px; min-height: 291px; text-align: left; } .post-box-content h4 { min-height: 58px; margin: 0; } .post-box-content h4 a:not(:hover) { color: #33CAD8; } .post-box-content > p:last-child { font-size: 18px; font-weight: 700; } .post-box-content > p i.fa { font-size: 12px; position: relative; top: -2px; margin-left: 5px; display: inline-block; } @media (max-width: 767px) { .homepage-1, .homepage-1 *, .homepage-3, .homepage-3 * { text-align: center !important; } .homepage-1 .banner-homepage-1 { background-position-x: 75%; padding: 50px 0 70px; } .homepage-1 .banner .button { display: block; width: 100%; margin-top: 0 !important; } } /* Homepage 2 */ .homepage-2 .banner-image-bottom { padding: 75px 0 0; overflow: visible; margin-bottom: 60px; } .homepage-2 .banner-image-bottom h1 { color: #fff; } .homepage-2 .banner-image-bottom .button { margin-top: 32px; } .homepage-2 .banner-computer { background-image: url(//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/banner/banner-computer.png); background-position: 50% 0; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; margin: 0 auto; max-width: 537px; position: relative; z-index: 2; bottom: -60px; } @media (max-width: 577px) { .homepage-2 .banner-computer { margin: 0 20px; } } .homepage-2 .banner-computer:before { display: block; content: ""; width: 100%; padding-top: 62.19739292364991%;; } .homepage-2 .banner-computer .banner-screenshot { margin: 0 auto; position: absolute; top: 3.892215568862275%; left: 10.428305400372439%; right: 10.428305400372439%; background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .homepage-2 .banner-computer .banner-screenshot:before { display: block; content: ""; width: 100%; padding-top: 62.35294117647059%;; } .homepage-2 .banner-overlay { background: rgba(0, 0, 0, 0.65); } .homepage-2 .benefit { text-align: left; margin: 15px 0; } .homepage-2 .benefit-icon { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0;; max-width: 100%; border: none; background: none; margin: 0 0 10px; } .homepage-2 .benefit h3 { font-weight: 700; font-size: 21px; margin-bottom: 5px; } .homepage-2 .banner-image-side { background: #fedb00; font-size: 16px; color: #fff; } .homepage-2 .banner-image-side-content { background: #fedb00; padding: 85px 0; } .homepage-2 .banner .banner-image-side-content h2, .homepage-2 .banner-image-side-content h4, .homepage-2 .banner-image-side-content p { color: #fff; } .homepage-2 .banner-image-side-content h4 { text-transform: uppercase; margin-bottom: 5px; } .homepage-2 .banner-image-side .button { margin-top: 15px; } .homepage-2 #testimonial-boxes { margin-top: 30px; } .homepage-2 #testimonial-boxes .slick-prev, .homepage-2 #testimonial-boxes .slick-next { color: #e0e721; font-size: 16px; border: 2px solid #e0e721; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; padding: 10px; background: #f0f0f0; } .homepage-2 .testimonial-box { background: #fff; margin: 72px 30px; box-shadow: 0px 0px 3px rgba(0,0,0,0.18); -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; border-radius: 1px;; color: #6c6c6d; text-align: center; padding: 0 30px 45px; } .homepage-2 .tb-image { margin: 0 auto -40px; position: relative; top: -72px; border: 6px solid #fff; width: 144px; height: 144px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; overflow: hidden; } .tb-image { background-position: center center; background-size: cover; background-repeat: no-repeat; } .homepage-2 .tb-meta p { margin: 0; color: #000; } .homepage-2 .tb-meta strong { font-size: 21px; } .homepage-2 .banner-stats { padding: 0; display: flex; align-items: center; color: #fff; } .homepage-2 .banner-stats h2 { color: #fff; } .homepage-2 .banner-stats-left { flex: 1; width: 33.33333333%; background: rgba(0, 0, 0, 0.62); display: flex; justify-content: flex-end; padding: 120px 60px; font-size: 16px; text-align: left; } .homepage-2 .banner-stats-right { flex: 2; width: 66.66666667%; display: flex; justify-content: flex-start; padding: 120px 60px; font-size: 21px; text-transform: uppercase; font-weight: 700; } .homepage-2 .banner-stats-right h3 { font-size: 65px; color: #fff; font-weight: 700; margin-bottom: 5px; } .homepage-2 .banner-stats-right .span4 { position: relative; padding-bottom: 30px; } .homepage-2 .banner-stats-right .span4 p { min-height: 58px; } .homepage-2 .banner-stats-right .span4:after { position: absolute; bottom: 0; left: 50%; margin-left: -50px; width: 100px; height: 1px; content: ''; background: #fff; max-width: 100%; } .homepage-2 .banner-stats-left-inner { max-width: 340px; } .homepage-2 .banner-stats-right-inner { max-width: 680px; } @media (max-width: 1280px) { .homepage-2 .banner-stats-right h3 { font-size: 50px; } } @media (max-width: 961px) { .homepage-2 .banner-stats-left, .homepage-2 .banner-stats-right { padding: 30px; display: block; width: 100%; max-width: 100%; } .homepage-2 .banner-stats, .homepage-2 .banner-stats-left-inner, .homepage-2 .banner-stats-right-inner { display: block; width: 100%; max-width: 100%; text-align: center; } .homepage-2 .banner-stats-right .span4 { margin-bottom: 30px; } .homepage-2 .banner-stats-right h3 { font-size: 36px; } .homepage-2 .banner-stats-right .span4 p { min-height: 0; } } .resource-box { background: #f8f8f8; box-shadow: 0px 2px 3px rgba(0,0,0,0.18); font-size: 16px; color: #6c6c6d; padding: 45px; } .resource-box h2 { font-weight: 300; margin-bottom: 5px; } .resource-box h4 { color: #05c3de; font-weight: 700; margin-bottom: 5px; text-transform: uppercase; } @media (max-width; 767px) { .resource-box .resource-box-image { margin-bottom: 30px; } } .homepage-2 h2.recent-posts { display: block; margin-bottom: 10px; } .homepage-2 .post { font-size: 16px; color: #6c6c6d; margin-bottom: 30px; } .homepage-2 .post:last-child { margin-bottom: 0; } .homepage-2 .post h4 { margin-bottom: 5px; } .homepage-2 .post h4 a:not(:hover) { color: #05c3de; } .homepage-2 .post p { margin-bottom: 10px; } .homepage-2 .post i.fa { font-size: 12px; margin-left: 5px; } .homepage-2 .banner-image .button { margin-top: 30px; } /* About Us */ .team-member { cursor: pointer; margin-top: 45px; } .tm-image { border: 4px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0 auto 20px; max-width: 232px; -webkit-transition: border .4s; -moz-transition: border .4s; -o-transition: border .4s; -ms-transition: border .4s; transition: border .4s;; } .active .tm-image { border-color: #5e5e5e; } .tm-image:before { display: block; content: ""; width: 100%; padding-top: 100.0%;; } .tm-short { text-align: center; position: relative; } .tm-short h3 { font-size: 21px; font-weight: 700; } .tm-arrow { position: relative; height: 0; opacity: 0; } .active .tm-arrow { opacity: 1; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;; } .active .tm-arrow:after, .active .tm-arrow:before { bottom: -32px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2; } .active .tm-arrow:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 30px; margin-left: -30px; } .active .tm-arrow:before { border-color: rgba(0, 0, 0, 0); border-bottom-color: #d9d9d6; border-width: 34px; margin-left: -34px; } .tm-long { display: none; background: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px;; border: 2px solid #d9d9d6; padding: 45px; font-size: 16px; color: #525252; margin-top: 30px; } .tm-long.appended { display: block; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;; } .tm-long h3 { font-size: 21px; font-weight: 700; color: #525252; } .tm-long p:last-child { margin-bottom: 0; } #team-members .row { float: left; width: 100%; clear: both; position: relative; } .target-row { -webkit-transition: max-height 0.4s cubic-bezier(0, 1, 0, 1) -0.1s; -moz-transition: max-height 0.4s cubic-bezier(0, 1, 0, 1) -0.1s; -o-transition: max-height 0.4s cubic-bezier(0, 1, 0, 1) -0.1s; transition: max-height 0.4s cubic-bezier(0, 1, 0, 1) -0.1s; max-height: 0px; margin: 0; height: auto; opacity: 1; z-index: 0; display: block !important; overflow: hidden; margin-bottom: 45px; } .target-row.active { transition-timing-function: cubic-bezier(0.5, 0, 1, 0); transition-delay: 0s; max-height: 99990px; } @media (min-width: 768px) { #team-members .hs_cos_wrapper_type_custom_widget { float: left; width: 22%; margin-left: 4%; } #team-members .hs_cos_wrapper_type_custom_widget:nth-child(4n+1) { margin-left: 0% !important; clear: left; } } @media (min-width: 501px) and (max-width: 767px) { #team-members .hs_cos_wrapper_type_custom_widget { float: left; width: 48%; margin-left: 4%; } #team-members .hs_cos_wrapper_type_custom_widget:nth-child(2n+1) { margin-left: 0% !important; clear: left; } } .about-section { background: #05c3de; min-height: 540px; } .about-image { background-position: 0 0; background-repeat: no-repeat; background-size: cover; min-height: 200px; } .about-content { color: #fff; font-size: 16px; } .about-content h2 { font-weight: 700; font-size: 30px; color: #fff; } .about-content { padding: 60px 20px 40px; } @media (min-width: 768px) { .about-section { display: flex; } .about-image { width: 50%; } .about-content { max-width: 500px; padding: 0 20px; align-self: center; margin-left: calc(5% - 20px); } } /* About Team Page */ .stats-section { background: #899094; color: #fff; text-align: center; } .stats-section h2 { font-size: 65px; color: #fff; margin-bottom: 5px; font-weight: 700; } .stats-section h3 { font-size: 21px; color: #fff; text-transform: uppercase; font-weight: 700; max-width: 200px; margin: 0 auto; padding-bottom: 30px; min-height: 89px; position: relative; } .stats-section h3:after { content: ''; display: block; width: 100px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -50px; } .tm-simple .tm-image { border: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0;; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0 0 20px; max-width: 326px; } .tm-simple .tm-short { text-align: left; } .tm-short h3 { margin-bottom: 10px; } @media (min-width: 768px) { #team-members-simple .hs_cos_wrapper_type_custom_widget { float: left; width: 30.666666666666667%; margin-left: 4%; } #team-members-simple .hs_cos_wrapper_type_custom_widget:nth-child(3n+1) { margin-left: 0% !important; clear: left; } } @media (min-width: 501px) and (max-width: 767px) { #team-members-simple .hs_cos_wrapper_type_custom_widget { float: left; width: 48%; margin-left: 4%; } #team-members-simple .hs_cos_wrapper_type_custom_widget:nth-child(2n+1) { margin-left: 0% !important; clear: left; } } .content-section { background: #f0f0f0; min-height: 560px; color: #05c3de; } .cs-image { background-position: 0 0; background-repeat: no-repeat; background-size: cover; min-height: 200px; } @media (min-width: 768px) { .content-section.cs-right { -webkit-justify-content: flex-end; justify-content: flex-end; } .content-section.cs-right .cs-content { order: 1; margin-left: 0; } .content-section.cs-right .cs-image { order: 2; margin-left: calc(5% - 20px) } } .cs-content { color: #05c3de; font-size: 21px; } .cs-content h1 { line-height: 1.2; } .cs-content h3 { font-weight: 700; font-size: 24px; text-transform: uppercase; color: #08203E; margin-bottom: 5px; } .cs-content { padding: 60px 20px 40px; } @media (min-width: 768px) { .content-section { display: flex; } .cs-image { width: 50%; } .cs-content { max-width: 500px; padding: 0 20px; align-self: center; margin-left: calc(5% - 20px); } } #values { font-size: 21px; } #values h2 { font-size: 55px; font-style: italic; color: #05c3de; } #values .value { max-width: 820px; margin: 0 auto; } #values .slick-slider { margin-bottom: 105px; } #values .slick-dots { bottom: -75px; } #values .slick-dots li { width: 50px; height: 50px; padding: 0; } #values .slick-dots li button { font-size: 21px; line-height: 1; color: #e0e721; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; border: 1px solid transparent; width: 50px; height: 50px; text-align: center; padding: 0; background: none; } #values .slick-dots li.slick-active button { color: #05c3de; border-color: #05c3de; } #values .slick-dots li button:before { display: none !important; } #values .slick-prev, #values .slick-next { font-size: 0; line-height: 0; color: transparent; } #values .slick-prev:before, #values .slick-next:before { content: ''; color: transparent; display: block; width: 31px; height: 58px; padding: 0; background-position: 0 0; background-repeat: no-repeat; background-image: url(//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/about/arrows.png); } #values .slick-next:before { background-position-y: -58px; } /* Culture */ .culture-benefit { margin-top: 60px; text-align: center; font-size: 21px; font-weight: 700; color: #08203E; } .cb-icon { min-height: 140px; } @media (min-width: 768px) { #culture-benefits .hs_cos_wrapper_type_custom_widget { float: left; width: 23.0237315876383%; margin-left: 2.510911074638298%; } #culture-benefits .hs_cos_wrapper_type_custom_widget:nth-child(4n+1) { margin-left: 0; clear: left; } } #culture { border-top: 1px solid #d9d9d6; } .culture-page .culture { padding: 30px 0 10px; margin: 0; border-bottom: 1px solid #d9d9d6; float: left; width: 100%; clear: both; font-size: 16px; } .culture-page .culture h4 { color: #05c3de; font-weight: 400; cursor: pointer; position: relative; } .culture-page .culture .culture-location { font-size: 21px; float: right; margin-left: 10px; color: #fedb00; font-weight: 400; } .culture-page .culture h4 .culture-arrow { display: inline-block; font-size: 16px; font-weight: 400; } .culture-page .culture-content { display: none; font-size: 16px; } /* Careers */ .careers-page .selectric-wrapper { width: 120px; display: inline-block; margin: 0 2px 0; vertical-align: bottom; line-height: 32px; } .careers-page .dataTables_wrapper label { display: inline-block; line-height: 32px; height: 32px; margin-bottom: 10px; } .careers-page .selectric .selectArrow { height: 10px; } .careers-page .selectric .label { line-height: 30px; height: 30px; } .careers-page input[type="search"] { -webkit-appearance: none; padding: 0 2px; } #careers { font-size: 16px; color: #08203E; width: 100%; } #careers .job { border: 1px solid #d9d9d6; border-top: none; } .job-location, .job-link { border-left: 1px solid #d9d9d6; } .job.odd { background: #fff; } .job-even { background: #f0f0f0; } .job-header-row { background: #05c3de; color: #fff; font-weight: 700; border: none; } .job-title { width: 65%; } .job-location { width: 25%; } .job-link { width: 10%; } .job-title, .job-location, .job-link { padding: 12px 30px; } .job-link a:not(:hover) { color: #05c3de; text-decoration: underline; } @media (max-width: 961px) { .dataTables_wrapper { overflow-x: scroll; } #careers { min-width: 728px; } .job-title, .job-location, .job-link { padding: 12px 20px; } } /* Career - Individual */ .career-individual .body-container h4 { color: #05c3de; margin-top: 30px; } .career-individual .body-container .widget-type-rich_text .button { margin-top: 30px; } .career-individual .body-container .widget-type-simple_menu li { margin-bottom: 10px; display: block !important; } .career-individual .body-container .widget-type-simple_menu a { color: #08203E; font-size: 16px; position: relative; } .career-individual .body-container .widget-type-simple_menu .active a, .career-individual .body-container .widget-type-simple_menu a:hover { text-decoration: underline; } .career-individual .body-container .widget-type-simple_menu .active a:before, .career-individual .body-container .widget-type-simple_menu a:hover:before { content: "\f104 "; font-family: FontAwesome; position: absolute; left: -15px; top: 0; color: #05c3de; } /* Contact Pages */ .contact-1 h4 { font-size: 18px; text-transform: uppercase; } @media (min-width: 768px) { .contact-page-primary { padding-right: 4%; } } body.contact-page .hs-form-field > label { display: block; } body.contact-page textarea { min-height: 125px; } .contact-page .form-title { font-size: 30px; color: #08203E; font-weight: 700; } .contact-2 .body-container a:not(:hover) { color: #05c3de; } .contact-2 .body-container h2 { font-size: 30px; color: #08203E; font-weight: 700; } .map { position: relative; } .map:before { display: block; content: ""; width: 100%; padding-top: 65.96306068601582%;; } .map iframe, .map > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } /* Service Page 1 */ .service-1 .sub-header { width: 650px; max-width: 100%; margin: 0 auto 50px auto !important; display: block; float: none; } .service-1 .single-service { margin: 20px 5px; background: #f2f3f5; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: 1px solid #e1e1e1; padding: 40px; } .service-1 .single-service:hover { background: #fedb00; } .service-1 .service-name { color: #08203E; text-align: center; text-transform: uppercase; font-size: 21px; font-weight: 700; } .service-1 .single-service img { margin: 0 auto 20px auto; display: block; } .service-1 .service-text, .service-1 .service-text p { font-size: 16px; color: #6c6c6d; } .service-1 .single-service:hover .service-text, .service-1 .single-service:hover .service-text p { color: #fff; } .service-1 .single-service:hover .service-name { color: #fff; } .service-1 #logos { margin-top: 20px; } /* Service 2 */ .service-2 .services-tabs li { display: block; float: left; width: 16.666666666666667%; cursor: pointer; text-align: center; padding: 30px; padding-bottom: 15px; vertical-align: bottom; } .service-2 .services-tabs li.active { border-top: 6px solid #e0e721; background: #f9f9f9; } .service-2 .services-tabs ul { padding-left: 0px; margin-bottom: 0px; text-align: center; } .service-2 .services-tabs li img { width: 60px; height: 60px; } .service-2 .service-name { color: #fedb00; text-transform: uppercase; font-size: 21px; font-weight: 700; padding-top: 10px; } .service-2 .service-bottom { display: none; } .service-2 .service1-bottom { display: block; } .service-2 .bottom-tabs { background: #f9f9f9; padding: 60px 0px; } .service-2 .services-tabs { padding-top: 50px; } .service-slide { text-align: center; padding: 0 5%; } .service-slide-image img { margin: 0 auto 10px; } .service-slide-content { background-color: transparent; position: relative; font-size: 16px; padding: 0; width: 100%; } #slides .slick-slider { margin-bottom: 105px; } #slides .slick-dots { bottom: -75px; } #slides .slick-dots li { width: 13px; height: 13px; padding: 0; background: #e0e721; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; border: none; } #slides .slick-dots li.slick-active, #slides .slick-dots li:hover { background: #fedb00; } #slides .slick-dots li button, #slides .slick-dots li button:before { display: none !important; } #slides .slick-prev, #slides .slick-next { font-size: 0; line-height: 0; color: transparent; } #slides .slick-prev:before, #slides .slick-next:before { content: ''; color: transparent; display: block; width: 31px; height: 58px; padding: 0; background-position: 0 0; background-repeat: no-repeat; background-image: url(//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/about/arrows.png); } #slides .slick-next:before { background-position-y: -58px; } .service-2 .hs_cos_flex-slider .hs_cos_flex-slides img { width: auto; height: auto; display: block; border-radius: 0; } .service-2 .hs_cos_flex-control-paging li a { background: #e0e721; } .service-2 .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #fedb00; } .service-2 .hs_cos_flex-direction-nav .hs_cos_flex-next { background-position: 100% 0; background: url(//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/Services/Service%202/arrow-right.png?t=1477692387622); height: 80px; background-repeat: no-repeat; } .service-2 .hs_cos_flex-direction-nav .hs_cos_flex-prev { background: url(//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/Services/Service%202/arrow-left.png?t=1477692387506); height: 80px; background-repeat: no-repeat; } .service-2 .case-study-section { background: #05c3de; color: #fff; } .service-2 .case-study-section p, .service-2 .case-study-section h2 { color: #fff; } .service-2 .case-study-section .button { margin-top: 20px; } .service-2 .widget-type-form { background: #fff; padding: 24px; } .service-2 .widget-type-form .hs-input { background: #f7f7f7; border: none; } .service-2 .widget-type-form input.hs-button.primary.large { display: block; width: 100%; margin-top: 5px; } .service-2 .hs_cos_flex-slider .caption { background-color: transparent; position: relative; font-size: 2em; line-height: 1.1em; padding: 0 5% 0 5%; width: 100%; bottom: 0; text-align: center; } .service-2 .hs_cos_flex-slider .caption h2, .service-2 .hs_cos_flex-slider .caption p, .service-2 .hs_cos_flex-slider .caption h3 { color: #712ACE; } .service-2 .hs_cos_flex-slider .caption p { font-size: 16px; } @media(max-width: 1050px){ .service-2 .services-tabs li { display: block; border-top: 6px solid #e0e721; background: #f9f9f9; width: 100%; } .service-2 .services-tabs li .span6 { text-align: left; } .service-2 .span6 img { width: auto !important; height: auto !important; margin: 10px auto; display: block; } } @media(max-width: 767px){ .service-2 .hs_cos_flex-direction-nav { display: none; } } /* Placeholder Text */ .service-2 ::-webkit-input-placeholder { /* Webkit Browsers */ text-transform: none; } .service-2 :-moz-placeholder { /* Firefox 18- */ text-transform: none; } .service-2 ::-moz-placeholder { /* Firefox 19+ */ text-transform: none; } .service-2 :-ms-input-placeholder { /* IE10 */ text-transform: none; } /* Product 1 */ .product-1 .grey-border { text-align: center; } .product-1 .grey-border img { border: 1px solid #afafaf !important; } .product-1 .half-grey { background: linear-gradient(180deg, white 50%, #f9f9f9 50%); } .product-1 .bottom-grey { background: #f9f9f9; } /* Product 2 */ .product-2 .cta-text { color: #05c3de; font-size: 21px } .product-2 .cta-section { border: 1px solid #bababa; border-left: 0px; border-right: 0px; padding: 25px 0px; } /* Product Tour 1 */ .product-tour-1 .section-pt { padding: 56px 0; } .product-tour-1 .section-pt h3 { margin-bottom: 45px; } .product-tour-1 .CTA-section { padding: 25px 0px; border-top: #d8d4d4 1px solid; border-bottom: #d8d4d4 1px solid; text-align: center; } .product-tour-1 .CTA-text { margin-bottom: 20px; font-size: 30px; font-weight: lighter; } .product-tour-1 .additional-features { padding: 50px 0px; } .product-tour-1 .additional-features h4 { color: #05c3de; } .product-tour-1 .sidebar-text { margin-top: 20px; font-weight: 700; color: #712ACE; padding-left: 40px; margin-bottom: 15px; } .product-tour-1 .sidebar-menu > .row-fluid-wrapper { max-width: 300px; } .product-tour-1 .sidebar-menu .sidebar-CTA { margin-top: 20px; } .product-tour-1 .sidebar-menu .widget-type-menu li a { display: block; width: 100%; font-weight: 700; padding: 10px 40px; border-radius: 20px; line-height: 1.8; margin-bottom: 5px; } .product-tour-1 .sidebar-menu .widget-type-menu li.active a, .product-tour-1 .sidebar-menu .widget-type-menu li a:hover { background: #fedb00; color: #fff; } @media (min-width: 768px) { .additional-features .hs_cos_wrapper_type_custom_widget { float: left; width: 48%; margin-left: 4%; } .additional-features .hs_cos_wrapper_type_custom_widget:nth-child(2n+1) { margin-left: 0; clear: left; } } @media (max-width: 767px) { .product-tour-1 .section-pt { padding: 0; } .product-tour-1 .section-pt h1 { margin-top: 40px; } .product-tour-1 .testimonial-content .cta_button.button { display: block; } } /* Product Tour 2 */ .product-tour-2 .bottom-cta { background: #05c3de; } .product-tour-2 .bottom-cta h2 { color: #fff; } @media (max-width: 767px){ .product-tour-2 .right-text { padding-top: 50px; } .product-tour-2 .left-text { padding-bottom: 50px; } } @media (min-width: 768px){ .product-tour-2 .right-text { padding-left: 50px; padding-top: 50px; } .product-tour-2 .left-text { padding-right: 50px; padding-top: 50px; } } #pt2-wrapper .hs_cos_wrapper_type_custom_widget { clear: both; } #pt2-wrapper .hs_cos_wrapper_type_custom_widget.odd .section { background: #f0f0f0; } @media (min-width: 768px) { #pt2-wrapper .hs_cos_wrapper_type_custom_widget .flex-display .row-fluid { display: flex; align-items: center; } #pt2-wrapper .hs_cos_wrapper_type_custom_widget:nth-of-type(even) .flex-display .span6:last-child { padding-left: 50px; } #pt2-wrapper .hs_cos_wrapper_type_custom_widget:nth-of-type(odd) .flex-display .span6:first-child { order: 2; margin-left: 2.510911074638298%; } #pt2-wrapper .hs_cos_wrapper_type_custom_widget:nth-of-type(odd) .flex-display .span6:last-child { order: 1; margin-left: 0; padding-right: 50px; } } /* Pricing Page 1 */ .pricing-1 .top-heading { padding: 60px 0px; text-align: center; } .pricing-1 .top-heading h1 { margin-bottom: 0; } .pricing-1 .top-heading h4 { text-transform: uppercase; margin-bottom: 19px; } .onoffswitch { position: relative; width: 90px; display: inline-block; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 20px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: #fff; font-family: Trebuchet, Arial, sans-serif; font-weight: 700; box-sizing: border-box; } .onoffswitch-inner:before { content: ""; padding-left: 10px; background-color: #e0e721; color: #FFFFFF; } .onoffswitch-inner:after { content: ""; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; } .onoffswitch-switch { display: block; width: 28px; height: 28px; margin: 3px ; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 0px; border: 2px solid #999999; border-radius: 20px; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { left: 0px; } .pricing-1 .pricing-section { display: table; width: 100%; text-align: center; } .pricing-1 .pricebox { display: table-cell; width: 25%; background: #fff; } .pricing-1 .pricebox-title { border: 4px solid #f2f3f5; border-bottom: 0px; } .pricing-1 .pricebox-title h4 { padding: 20px 0; margin: 0px; text-transform: uppercase; color: #fedb00; } .pricing-1 .annual-cta { display: none; } .pricing-1 .pricebox-desc { border: 4px solid #f2f3f5; padding: 20px; } .pricing-1 .pricebox-2 .pricebox-desc, .pricing-1 .pricebox-2 .pricebox-title { border-right: 2px solid #f2f3f5; border-left: 0px; } .pricing-1 .pricebox-3 .pricebox-desc, .pricing-1 .pricebox-3 .pricebox-title { border-left: 2px solid #f2f3f5; border-right: 0px; } .pricing-1 .annual { display: none; } .pricing-1 .annual, .pricing-1 .monthly { letter-spacing: -2px; margin-left: -15px; } .pricing-1 .actual-price { color: #000; font-size: 70px; letter-spacing: 0px; } .pricing-1 span.timeframe { font-size: 25px; letter-spacing: 0px; } .pricing-1 .price-switcher { padding: 60px 0px; background: #f2f3f5; } .pricing-1 .switch-month { margin-right: 10px; } .pricing-1 .switch-annual { margin-left: 10px; } .pricing-1 .switch-text { font-size: 21px; text-transform: uppercase; font-weight: 700; position: relative; display: inline-block; bottom: 8px; color: #b0becd; } .pricing-1 .switch-text.active { color: #55677a; } .pricing-1 .switch-month { margin-right: 10px; } .pricing-1 .switch-top { font-size: 25px; margin-bottom: 55px; } .pricing-1 .switch-wrap { margin: 50px 0px; } .pricing-1 span#hs_cos_wrapper_below_pricing { display: block; margin-top: 80px; } .pricing-1 .white-box img { margin: 20px 0px; display: inline-block; } .pricing-1 .bottom-zone { background: #fedb00; text-align: center; color: #fff; } .pricing-1 .bottom-zone p, .pricing-1 .bottom-zone h2, .pricing-1 .bottom-zone h3, .pricing-1 .bottom-zone h4 { color: #fff; } @media(min-width: 768px){ .pricing-1 span#hs_cos_wrapper_below_pricing { padding: 0px 40px; } } @media(max-width: 1200px){ .pricing-1 .pricebox { display: inline-block; width: 381px; margin-bottom: 20px; } .pricing-1 .pricebox .pricebox-desc { border: 4px solid #f2f3f5 !important; } .pricing-1 .pricebox-title { border: 4px solid #f2f3f5 !important; } } @media(max-width: 500px){ .pricing-1 .pricebox { display: inline-block; width: 100%; margin-bottom: 40px; } } /* Pricing 2 */ .pricing-2 .top-banner { background-size: cover; padding-top: 100px; padding-bottom: 90px; } .pricing-2 .top-banner h1 { color: #fff; font-size: 40px; font-weight: 300; margin-bottom: 10px; } .pricing-2 .top-banner p { color: #fff; font-size: 20px; } .pricing-2 .select { display: inline-block; width: 30px; height: 30px; vertical-align: middle; background-color: #d1d3d5; border-radius: 50%; border: 6px solid #b2b5b9; cursor: pointer; } .pricing-2 .select.active { background-color: #e0e721; background-repeat: no-repeat; background-position: center center; } .pricing-2 .select-text { display: inline-block; vertical-align: middle; color: #fff; font-size: 16px; font-weight: 500; } .pricing-2 .choice1 { margin-bottom: 15px; } .pricing-2 .pricing-2-boxes { position: relative; } .pricing-2 .bottom-zone { background: #fedb00; text-align: center; color: #fff; } .pricing-2 .bottom-zone p, .pricing-2 .bottom-zone h2, .pricing-2 .bottom-zone h3, .pricing-2 .bottom-zone h4 { color: #fff; } .pricing-2 .price-box { position: absolute; background: #fff; padding: 30px; width: 480px; max-width: 100%; right: 20%; border-radius: 5px; box-shadow: 0px 2px 3px 1px #cbcbcb; } .pricing-2 .price-box h3 { font-size: 24px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fedb00; } .pricing-2 .price-blue { text-align: center; font-size: 17px; color: #05c3de; } .pricing-2 span.actual-price { color: #05c3de; display: inline-block; font-size: 80px; } .pricing-2 span.dollar-sign { top: -40px; position: relative; } .pricing-2 .price-box p.heading-text { font-size: 21px; color: #000; font-weight: 700; } .pricing-2 .price-box p.main-text { color: #353535; font-size: 18px; } .pricing-2 .top-banner h4 { text-transform: uppercase; color: #fff; } .pricing-2 .price-box .hs_cos_wrapper_type_cta { width: 100%; display: inline-block; } .pricing-2 .price-box .hs_cos_wrapper_type_cta a { display: block; } .pricing-2 .price-box.price-box2 { z-index: 4; right: 0px; top: 42px; } .pricing-2 .price-box.price-box1 { z-index: 5; right: 2%; top: 30px; } @media(max-width: 767px){ .pricing-2 .price-box { margin: 30px 0px; right: 0 !important; left: 0; margin: auto; top: 40px !important; } .pricing-2 .pricing-2-boxes { position: relative; min-height: 550px; margin-top: 20px; } .pricing-2 .providers { padding: 40px 0px 30px !important; } .pricing-2 .top-banner { padding-top: 50px; } } .pricing-2 .providers { padding: 110px 0px 60px; background: #f0f0f0; text-align: center; } .pricing-2 .providers-heading { margin-bottom: 10px; } .pricing-2 .providers-heading { font-size: 30px; text-align: center; margin-top: 30px; margin-bottom: 50px; } .pricing-2 .provider-title { font-size: 21px; margin: 15px 0px; font-weight: 700; color: #05c3de; } .pricing-2 .provider-text { display: block; margin: 0 auto !important; float: none !important; max-width: 100%; } @media(max-width: 767px){ .pricing-2 .single-provider { margin: 25px 0px; } } .pricing-2 .faq { background: #fff; padding: 60px 0 45px; margin: 0; border-bottom: 1px solid #afafaf; float: left; width: 100%; clear: both; } .pricing-2 .faq-title { font-size: 30px; text-align: center; margin-bottom: 30px; } .pricing-2 .pricing-boxes { position: relative; } .pricing-2 .faq h4 { color: #05c3de; font-weight: 400; cursor: pointer; position: relative; padding-right: 33px; } .pricing-2 .faq-title { font-size: 35px; font-weight: 300; } .pricing-2 .faq h4:after { display: block; position: absolute; right: 0px; top: 0; content: "\f107 "; font-family: FontAwesome; color: #e0e721; font-size: 24px; } .pricing-2 .faq.active h4:after { content: "\f106 "; } .pricing-2 .faq-answer { display: none; padding-top: 30px; padding-right: 33px; font-size: 16px; } @media(max-width: 767px){ .pricing-2 .pricing-boxes { height: 450px; } } /* FAQ Page 1 */ .faq { font-size: 16px; margin-bottom: 75px; } .faq h4 { color: #05c3de; margin-bottom: 10px; } @media (min-width: 768px) { .faq-page #faqs .hs_cos_wrapper_type_custom_widget { float: left; width: 46.5%; margin-left: 7%; } .faq-page #faqs .hs_cos_wrapper_type_custom_widget:nth-child(2n+1) { margin-left: 0% !important; clear: left; } } /* Pricing 3 */ /* Pricing Table */ .pricing-3 .pricing-table { float: left; width: 100%; clear: both; text-align: center; margin-top: -72px; position: relative; z-index: 9; } @media (max-width: 767px) { .pricing-3 .pricing-table { overflow-x: scroll; } .pricing-3 .pricing-table .hs_cos_wrapper_widget_container { display: block; min-width: 600px; } } .pricing-3 .pricing-table .hs_cos_wrapper_type_custom_widget { float: left; width: 100%; clear: both; } .pricing-3 .pricing-row .pr-header { font-size: 15px; } .pricing-3 .pricing-row { float: left; width: 100%; border: 1px solid #d9d9d6; border-bottom: 0; font-size: 0; overflow: hidden; } .pricing-3 .pricing-table .hs_cos_wrapper_type_custom_widget:last-child { border-bottom: 1px solid #d9d9d6; } .pricing-3 .pricing-header-row { font-size: 0; font-weight: normal; border: none; } .pricing-3 .pricing-header-row > div { font-size: 21px; } .pricing-3 .pricing-header-row.pricing-header-price { color: #05c3de; } .pricing-3 .pricing-header-row.pricing-header-price .pr-col1, .pricing-3 .pricing-header-row.pricing-header-price .pr-col3 { background: #05c3de; color: #fff; border: none; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;; } .pricing-3 .pricing-header-row.pricing-header-price .pr-col2 { background: #e0e721; color: #fff; border: none; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;; } .pricing-3 .pricing-header-row .pr-col2 h3 { color: #e0e721; } .pricing-3 .pricing-header-row .pr-price { font-size: 40px; } .pricing-3 .pricing-header-row .pr-price sup { font-size: 18px; } .pricing-3 .pricing-header-row h3 { margin-bottom: 5px; text-transform: uppercase; font-weight: 700; color: #000; } .pricing-3 .pricing-header-row p { font-size: 15px; font-weight: normal; } .pricing-3 .pricing-header-row .pr-col1 { border: 1px solid #d9d9d6; border-bottom: none; border-right: none !important; } .pricing-3 .pricing-header-row .pr-col2 { border: 1px solid #d9d9d6; border-bottom: none; } .pricing-3 .pricing-header-row .pr-col3 { border: 1px solid #d9d9d6; border-bottom: none; border-left: none !important; } .pricing-3 .pricing-row .pr-header { width: 34%; position: relative; text-align: left; font-weight: 700; min-height: 60px; vertical-align: middle; padding: 0 30px; } .pricing-3 .pricing-row .pr-header.pr-span4 { width: 100%; color: ; font-size: 21px; } .pricing-3 .pricing-row .pr-col1, .pricing-3 .pricing-row .pr-col2, .pricing-3 .pricing-row .pr-col3 { width: 22%; min-height: 60px; border-left: 1px solid #d9d9d6; vertical-align: top; padding: 0 10px; } .pricing-3 .pricing-row .pr-header, .pricing-3 .pricing-row .pr-col1, .pricing-3 .pricing-row .pr-col2, .pricing-3 .pricing-row .pr-col3 { padding-top: 10px; height: 100%; display: inline-block; font-size: 18px; padding-bottom: 9999px; margin-bottom: -9994px; } .pricing-3 .pricing-row .pr-header p, .pricing-3 .pricing-row .pr-col1 p, .pricing-3 .pricing-row .pr-col2 p, .pricing-3 .pricing-row .pr-col3 p { margin: 0; } .pricing-3 .pricing-row .pr-check { font-size: 24px; } .pricing-3 .pricing-row .pr-check { color: #05c3de; } .pricing-3 .pricing-row .pr-col2 .pr-check { color: #e0e721; } .pricing-3 .pricing-row .pr-header p { margin: 0; } .pricing-3 .banner-content { text-align: left; } .pricing-3 .pricing-row .pr-tooltip { position: absolute; width: 19px; height: 19px; line-height: 19px; right: 30px; top: 50%; margin-top: -9px; background: #d9d9d6; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; color: #fff; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; transition: background .3s;; } .pricing-3 .pricing-row .pr-tooltip:before { content: '?'; position: absolute; left: 0; top: 0; font-weight: 300; width: 19px; height: 19px; line-height: 19px; text-align: center; } .pricing-3 .pricing-row .pr-tooltip:hover { background: ; } .pricing-3 .additional-services-text { font-size: 40px; text-align: center; margin-bottom: 70px; font-weight: 300; } .pricing-3 .additional-services .span4.widget-span.widget-type-rich_text { padding: 0px 26px 0px 16px; } .pricing-3 .additional-services .span4.widget-span.widget-type-rich_text.last-service { border-right: 0px; } .pricing-3 .pricing-row .pr-tooltip span { display: none; text-align: left; padding-top: 20px; width: 400px; max-width: 400px; z-index: 4; background: #fff; position: absolute; box-shadow: 0 2px 10px rgba(128, 128, 128, .5); padding: 20px; border-radius: 10px; font-size: 17px; font-weight: 400; font-family: Runda light; color: #5e5e5e; bottom: 35px; left: -23px; } .pricing-3 .pricing-row .pr-tooltip span:before { content: '\f0d7'; font-family: FontAwesome; position: absolute; bottom: -25px; font-size: 43px; color: #fff; text-shadow: 0 1px 1px rgba(128, 128, 128, .5); line-height: 1; } .pricing-3 .below-pricing-text { margin-top: 50px; } @media(min-width: 768px){ .pricing-3 .additional-services .span4.widget-span.widget-type-rich_text { border-right: 2px solid #e7e7e8; } } /* Case Study 1 */ .cs-1 .cs-header { text-align: center; } .cs-header h3 { font-weight: 700; text-transform: uppercase; color: #08203E; margin-bottom: 10px; } .cs-1 .section-alt { margin-top: 60px; } .cs-1 .testimonial-box { position: relative; top: -100px; margin-bottom: -40px; padding-bottom: 60px; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.51); } .cs-1 .tb-image { margin: 0 auto 30px; position: relative; width: 200px; height: 200px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; } .cs-1 .tb-content { font-size: 24px; font-weight: 300; font-style: italic; } .cs-1 .tb-meta p { margin: 0; font-size: 18px; font-style: normal; } .cs-1 .tb-meta strong { font-size: 21px; } .cs-2 .text-large { margin-top: 35px; padding-top: 90px; border-top: 1px solid #b9c0c7; border-top: 1px solid rgba(87, 104, 122, 0.39); } .cs-2 .body-container .section ul { padding-left: 25px; } .cs-2 .body-container .section ul li { margin-bottom: 15px; } .cs-2 .testimonial-box { display: flex; flex-direction: column; text-align: center; } .cs-2 .tb-image { margin: 0 auto 25px; position: relative; width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; order: 2; } .cs-2 .tb-content { font-size: 28px; font-weight: 300; order: 1; } .cs-2 .tb-meta { order: 3; } .cs-2 .tb-meta p { margin: 0; font-size: 18px; } .cs-2 .tb-meta strong { font-size: 21px; } .cs-3 .body-container .widget-type-rich_text h1, .cs-3 .body-container .widget-type-rich_text h2, .cs-3 .body-container .widget-type-rich_text h3, .cs-3 .body-container .widget-type-rich_text h4 { color: #05c3de; } .cs-3 .body-container .widget-type-rich_text h2 { font-size: 30px; font-weight: 700; } .cs-3 .cs-sidebar { background: #f0f0f0; padding: 30px; font-size: 16px; } .cs-3 .cs-sidebar ul { padding-left: 25px; } .cs-3 .cs-sidebar ul li { margin-bottom: 15px; } .cs-3 .testimonial-box { margin-top: 45px; padding-top: 60px; border-top: 1px solid #d9d9d6; } .cs-3 .tb-image { display: none !important; } .cs-3 .tb-content { font-size: 28px; font-weight: 300; color: #05c3de; font-style: italic; } .cs-3 .tb-meta { } .cs-3 .tb-meta p { margin: 0; font-size: 18px; } .cs-3 .tb-meta strong { font-size: 21px; } @media (min-width: 768px) { .cs-boxes .hs_cos_wrapper_type_custom_widget { float: left; width: 30.666666666666667%; margin-left: 4%; } .cs-boxes .hs_cos_wrapper_type_custom_widget:nth-child(3n+1) { clear: left; margin-left: 0; } } .cs-box { font-size: 16px; text-align: center; background: #fff; padding: 30px; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.18); margin-bottom: 60px; } .cs-box-image { margin: 0 auto 20px; position: relative; width: 150px; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; } .cs-box-image:before { display: block; content: ""; width: 100%; padding-top: 100.0%;; } .cs-box-content p:last-child { margin: 0; } .cs-box-content a { font-weight: 700; font-size: 18px; } .cs-box-content a i { font-size: 16px; } .cs-index .widget-type-rich_text { margin-top: 30px; padding-top: 50px; border-top: 1px solid #d9d9d6; } /* Landing Pages */ .landing-header { text-align: center; } .landing-header img { max-width: 300px; } .landing .body-container-wrapper { padding: 0px !important; } /* Landing Page 1 */ @media(min-width: 768px){ .landing-1 .main-text { padding-left: 50px; } } .landing-1 .banner { padding: 90px 0 85px; } .landing i.fa-facebook, .thank-you-page i.fa-facebook { color: #3a5897; } .landing i.fa-linkedin, .thank-you-page i.fa-linkedin { color: #0775b7; } .landing i.fa-twitter, .thank-you-page i.fa-twitter { color: #49c9f2; } .landing i.fa-google-plus, .thank-you-page i.fa-google-plus { color: #d0322d; } .landing i.fa-pinterest, .thank-you-page i.fa-pinterest { color: #c92228; } .landing i.fa-envelope-o, .thank-you-page i.fa-envelope-o { color: #7b7b7b; } .landing .hs_cos_wrapper_type_social_sharing a, .thank-you-page .hs_cos_wrapper_type_social_sharing a { display: inline-block; margin-left: 15px; } .landing .hs_cos_wrapper_type_social_sharing a:first-child, .thank-you-page .hs_cos_wrapper_type_social_sharing a:first-child { margin-left: 0; } .landing .hs_cos_wrapper_type_social_sharing i, .thank-you-page .hs_cos_wrapper_type_social_sharing i { width: auto; background: none !important; } .landing-1 .share-this-title { font-weight: 700; text-transform: uppercase; font-size: 18px; margin: 20px 0px 10px; } .landing-1 .banner .button { margin-top: 20px; } .landing-1 .form-title { font-size: 40px; font-weight: 300; text-align: center; margin-bottom: 10px; } .landing-1 .form-subtitle { text-align: center; font-size: 21px; margin-bottom: 15px; color: #05c3de; } .landing-1 input[type="submit"] { width: 350px; float: none; margin: 0 auto; display: block; max-width: 100%; } .landing-1 .slick-next:before { content: url(//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/Servies_Products/Service%202/arrow-right.png); position: relative; } .landing-1 .slick-prev:before { content: url(//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/Servies_Products/Service%202/arrow-left.png); } .landing-1 .hs_cos_gallery_main .slick-next { color: #fff; } .landing-1 .hs_cos_gallery_main .slick-prev { color: #fff; } .landing-1 .hs_cos_gallery_main .slick-arrow, .landing-1 .hs_cos_gallery_main .slick-arrow:before { width: 25px; height: 48px; } .landing-1 .slick-dots li button:before { display: none; } .landing-1 .hs_cos_gallery_slide.slick-slide { background: #f9f9f9; padding: 80px 0px; border: 20px solid #fff; } .landing-1 .take-a-peek { text-align: center; font-size: 21px; color: #05c3de; } .landing-1 .preview-text { text-align: center; font-size: 18px; color: #33cad8; margin-bottom: 30px; } @media(max-width: 767px){ .landing-1 .banner { padding: 30px 0px; } } /* Landing Page 2 */ .landing-2 li { margin-bottom: 10px; } .landing-2 .form-box.form-overlap { position: relative; margin-top: -275px; } .landing-2 .form-box h3 { background: #000; color: #fff; padding: 15px 35px; font-size: 20px; font-weight: 400; margin-bottom: 0; } .landing-2 .form-box h3 { margin: -15px -15px 0 !important; } .landing-2 .form-box form { background: #fff; box-shadow: 0 3px 7px rgba(0,0,0,0.15); padding: 35px; margin: 0 -15px; } .landing-2 .form-box label { display: block; } .landing-2 .banner { padding: 65px 0px; } .landing-2 .banner .border-left { border-left: 1px solid #fff; padding-left: 25px; } .landing-2 .banner .banner-content { text-align: left; } .landing-2 .banner h1 { font-weight: 400; margin: 10px auto 0; } .landing-2 .banner h3 { font-weight: 700; color: #fff; margin-bottom: 0; } .landing-2 .share-this-title { font-weight: bold; margin-top: 7px; margin-right: -25px; } .landing-2 .section-grey.section { padding: 20px; } .landing-2 .section-grey .page-center { padding: 0 5%; } .landing-2 .testimonial { text-align: center; padding: 40px 0; } .landing-2 .testimonial.border-bottom { border-bottom: 2px solid #dadbdb; } .landing-2 .testimonial p { font-size: 20px; font-weight: 300; margin: 0 auto; } @media (max-width: 1024px) { .landing-2 .hs-button, .landing-2 input[type="submit"] { font-size: 16px; padding: 15px 10px; } } @media (max-width: 767px) { .landing-2 .banner { background-position: center; padding: 50px 0; } .landing-2 .main-text img { width: 100%; float: none !important; margin: 10px auto !important; } .landing-2 .form-box.form-overlap { margin-top: 0; } .landing-2 .form-box h3 { margin: 15px auto 0 !important; } .landing-2 .form-box form { margin: 0 auto; } .landing-2 .share-this-title { margin-right: 0; } } /* Landing Page 3 */ .landing-3 li { margin-bottom: 10px; } .landing-3 .form-box.form-overlap { position: relative; margin-top: -60px; padding-left: 40px; } .landing-3 .form-box h3 { background: #f9f9f9; border: 1px solid #cad7e0; border-top: 13px solid #497c9d; border-bottom: 0; color: #555; padding: 20px 30px; font-size: 26px; font-weight: 700; margin-bottom: 0; } .landing-3 .form-box h3 { margin: -15px auto 0 !important; } .landing-3 .form-box form { background: #f9f9f9; border: 1px solid #cad7e0; border-top: 0; padding: 5px 30px 35px; margin: 0 auto; } .landing-3 .form-box label { display: block; } .landing-3 .banner { padding: 100px 0px; } .landing-3 .banner .border-left { border-left: 1px solid #fff; padding-left: 25px; } .landing-3 .banner .banner-content { text-align: left; } .landing-3 .banner h1 { font-size: 42px; line-height: 48px; margin: 10px auto 0; } .landing-3 .banner p { font-size: 22px; margin: 10px auto 5px; } .landing-3 h3, .landing-3 h4 { color: #1d6a9b; } .landing-3 h3 { font-weight: 400; } .landing-3 .border-top { border-top: 1px solid #acacac; margin-top: 15px; padding-top: 25px; } .landing-3 .share-this-title { font-weight: bold; margin-top: 7px; margin-right: -25px; } .landing-3 .section-grey.section { padding: 20px; } @media (max-width: 1024px) { .landing-3 .hs-button, .landing-3 input[type="submit"] { font-size: 16px; padding: 15px 10px; } } @media (max-width: 767px) { .landing-3 .banner { background-position: center; padding: 50px 0; } .landing-3 .main-text img { width: 100%; float: none !important; margin: 10px auto !important; } .landing-3 .form-box.form-overlap { margin-top: 0; padding-left: 0; } .landing-3 .form-box h3 { margin: 15px auto 0 !important; } .landing-3 .share-this-title { margin-right: 0; } } /* Landing Page 4 */ .landing-4 .container-fluid .row-fluid .center-small, .landing-4 .center-small { float: none; max-width: 900px; margin: 0 auto; padding: 0 20px; } @media (min-width: 1024px) { .landing-4 .page-center.extra-padding { padding: 0 60px; } } @media (min-width: 768px) { .landing-4 .page-center.extra-padding .span6:first-child { padding-right: 60px; border-right: 1px solid #d9d9d6; } .landing-4 .page-center.extra-padding .span6:last-child { padding-left: 30px; } } .landing-4 .body-container-wrapper { background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .landing-4 .banner-text { padding: 50px 0; } .landing-4 h2 { font-size: 30px; } .landing-4 .page-center.ty-margin { margin-top: 60px; margin-bottom: 60px; } .landing-4 .landing-bar { background: #33cad8; color: #fff; text-align: center; padding: 10px 20px; position: relative; overflow: visible; } .landing-4 .landing-bar:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 22px 17px 0 17px; border-color: #33cad8 transparent transparent transparent; position: absolute; left: 50%; margin-left: -17px; bottom: -22px; } body.landing-4 .hs-form-field > label { display: block; } .landing-4 .selectric-wrapper { width: 100%; } .landing-4 input[type="submit"] { text-transform: none; display: block; width: 260px; max-width: 100%; margin: 0; } .landing-4 .share-this-title { text-transform: uppercase; font-size: 18px; margin: 20px 0px 10px; } .landing-4 .body-container .widget-type-rich_text ul { list-style: none; padding: 0; margin-bottom: 25px; } .landing-4 .body-container .widget-type-rich_text ul li { padding-left: 16px; text-indent: -14px; margin-bottom: 10px; } .landing-4 .body-container .widget-type-rich_text ul li:before { content: "• "; font-size: 22px; color: #7bb724; position: relative; top: 3px; } /* PPC Landing Page 1 */ .ppc-1 .banner.banner-ppc { padding: 200px 0; } .ppc-1 .banner.banner-ppc .button { margin-top: 27px; } .ppc-1 #logos { margin-top: 30px; } .ppc-1 .hs_cos_wrapper_type_linked_image.slick-slide { padding: 0 10px; } .ppc-1 .hs_cos_wrapper_type_linked_image.slick-slide img { margin: 0 auto; } .ppc-1 .ppc-testimonial { padding-bottom: 60px; margin-bottom: 45px; border-bottom: 1px solid #dfdfdf; } .ppc-1 .ppc-testimonial:after { content: " "; display: block; height: 0; clear: both; } .ppc-1 .ppc-testimonial .pt-image { margin-bottom: 20px; text-align: center; } .ppc-1 .ppc-testimonial .pt-image img { display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; } .ppc-1 .ppc-testimonial .pt-content { font-size: 21px; font-weight: 300; color: #303030; line-height: 1.3; } .ppc-1 .ppc-testimonial .pt-content:before { content: ''; display: block; width: 40px; height: 26px; background: url(//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/landing/ppc-quote.png) 0 0 no-repeat; margin-bottom: 10px; } .ppc-1 .ppc-testimonial .pt-meta { font-size: 18px; font-weight: 300; color: #fedb00; } .ppc-1 .ppc-testimonial .pt-meta p { margin: 0; } .ppc-1 .ppc-testimonial .pt-meta strong { font-size: 21px; } @media (min-width: 768px) { .ppc-1 .ppc-testimonial { padding-left: 45px; max-width: 1100px; margin-left: auto; margin-right: auto; } .ppc-1 .ppc-testimonial .pt-image { display: block; float: left; width: 200px; margin-right: 30px; margin-bottom: 0; padding-top: 20px; } .ppc-1 .ppc-testimonial .pt-content-wrapper { display: block; float: left; width: calc( 100% - 230px ); } .ppc-1 .ppc-testimonial .pt-content { font-size: 30px; font-weight: 300; } } @media (max-width: 767px) { .ppc-1 .banner.banner-ppc { padding: 50px 0; } } .ppc-1 .banner .hs-form-field > label { display: block; text-align: left; color: #fff; } .ppc-1 input[type="submit"] { display: block; width: 320px; max-width: 100%; margin: 0 auto; } /* PPC Landing Page 2 */ .ppc-2 .banner.banner-ppc { padding: 150px 0; text-align: left; } .ppc-2 .banner.banner-ppc .button { margin-top: 27px; } @media (max-width: 767px) { .ppc-2 .banner.banner-ppc .button { margin-bottom: 27px; } } .ppc-2 .banner img, .ppc-2 .section-alt img { box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.4); } .ppc-2 .form-title { font-size: 35px; font-weight: 300; text-align: center; margin-bottom: 40px; color: #08203E; } .ppc-2 .hs-form-field > label { display: block; } .ppc-2 input[type="submit"] { display: block; width: 400px; max-width: 100%; margin: 0 auto; } .ppc-2 .ppc-testimonial { background: #eceff2; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;; padding: 30px; text-align: center; margin-top: 30px; } .ppc-2 .ppc-testimonial:before { content: ''; display: block; width: 40px; height: 26px; background: url(//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/landing/ppc-quote.png) 0 0 no-repeat; margin: 0 auto 20px; } .ppc-2 .ppc-testimonial .pt-image { width: 167px; height: 167px; margin: 0 auto 25px; border: 6px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; overflow: hidden; } .ppc-2 .ppc-testimonial .pt-content { font-size: 24px; font-style: italic; font-weight: 300; } .ppc-2 .ppc-testimonial .pt-meta { color: #fedb00; font-size: 18px; } .ppc-2 .ppc-testimonial .pt-meta p { margin: 0; } .ppc-2 .ppc-testimonial .pt-meta strong { color: #fedb00; font-size: 21px; } .ppc-topic { text-align: center; max-width: 275px; margin: 30px auto 0; } .ppc-topic h3 { font-weight: 700; font-size: 21px; } .ppc-topic .ppc-topic-icon { display: block; margin: 0 auto; width: 120px; height: 120px; margin-bottom: 20px; } @media (min-width: 768px) { .ppc-2 #topics .hs_cos_wrapper_type_custom_widget { display: block; float: left; width: 30.666666666666667%; margin-left: 4%; } .ppc-2 #topics .hs_cos_wrapper_type_custom_widget:nth-child(3n+1) { margin-left: 0; clear: left; } } @media (max-width: 767px) { .ppc-2 .banner.banner-ppc { padding: 40px 0 50px; } } /* Thank You Pages */ .thank-you-page .banner h1, .thank-you-page .banner h2 { font-weight: 700; } .thank-you-page .banner .button { color: #fff !important; } @media (min-width: 768px) { .thank-you-page .banner-image { padding: 133px 0; } } /* Thank You Page 1 */ .ty-1 .banner .button { margin-top: 27px; } .ty-1 .blog-link { display: none; } .ty-1 h2.recent-posts { display: block; text-align: center; } .ty-1 .post-box-content { display: flex; flex-flow: row wrap; min-height: 1px; } .ty-1 .post-box-content h4 { order: 2; flex: 1 100%; } .ty-1 .post-box-content .post-box-meta { order: 1; flex: 1 100%; } .ty-1 .post-box-content-inner { display: none; } .ty-1 .post-box-image:before { padding-top: 55.55555555555556%;; } /* Thank You Page 2 */ .ty-2 .container-fluid .row-fluid .center-small, .ty-2 .center-small { float: none; max-width: 900px; margin: 0 auto; padding: 0 20px; } .ty-2 .body-container-wrapper { background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .ty-2 .banner-text { padding: 50px 0; position: relative; overflow: visible; } .ty-2 .banner-text:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 22px 17px 0 17px; border-color: #f0f0f0 transparent transparent transparent; position: absolute; left: 50%; margin-left: -17px; bottom: -22px; } .ty-2 .page-center.ty-margin { margin-top: 60px; margin-bottom: 60px; } body.ty-2 .hs-form-field > label { display: block; } .ty-2 input[type="submit"] { text-transform: none; display: block; width: 260px; max-width: 100%; margin: 0 auto; } .ty-2 .widget-type-form { margin-bottom: 45px; } .ty-2 .share-this-title { font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } @media (min-width: 768px) { .ty-2 .share-this-title, .ty-2 .widget-type-social_sharing { display: inline-block; float: none; width: auto; } } /* Thank You Page 3 */ .ty-3 .body-container form { margin-top: 30px; } body.ty-3 .body-container .hs-form-field > label { display: block; } .ty-3 .body-container input[type="submit"] { display: block; width: 260px; max-width: 100%; margin: 0 auto; } .page-center-boxed { background: #fff; padding: 90px 20px; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.18); float: none; max-width: 1140px; margin: 0 auto; } .page-center-boxed-inner { width: 900px; max-width: 100%; margin: 0 auto; } .page-center-boxed-inner:before, .page-center-boxed-inner:after { display: table; content: ""; } /* FAQ Page 2 */ .faq-page-2 .faq { background: #fff; padding: 60px 0 45px; margin: 0; border-bottom: 1px solid #d9d9d6; float: left; width: 100%; clear: both; } .faq-page-2 .faq h4 { color: #05c3de; font-weight: 400; cursor: pointer; position: relative; padding-right: 33px; } .faq-page-2 .faq h4:after { display: block; position: absolute; right: 0px; top: 0; content: "\f107 "; font-family: FontAwesome; color: #e0e721; font-size: 24px; } .faq-page-2 .faq.active h4:after { content: "\f106 "; } .faq-page-2 .faq-answer { display: none; padding-top: 30px; padding-right: 33px; font-size: 16px; } /* Testimonials Page */ .testimonials-page .banner.banner-text { background: #fff; color: #08203E; text-align: center; } .testimonials-page #testimonials .hs_cos_wrapper_type_widget_container { display: block; -moz-column-gap: 50px; -webkit-column-gap: 50px; column-gap: 50px; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } @media (min-width: 767px) { .testimonials-page #testimonials .hs_cos_wrapper_type_widget_container { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } .testimonials-page #testimonials .hs_cos_wrapper_widget { display: inline-block; width: 100%; margin: 0 0 60px; } .testimonials-page .testimonial-box { background: #fff; border: 1px solid #ccc; border-bottom: 8px solid #05c3de; padding: 45px 45px 30px; text-align: center; } .testimonials-page .tb-image { margin: 0 auto 30px; position: relative; width: 140px; height: 140px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; overflow: hidden; } .testimonials-page .tb-content { font-size: 24px; font-style: italic; color: #05c3de; font-weight: 300; } .testimonials-page .tb-meta { position: relative; font-size: 18px; font-style: normal; color: #08203E; font-weight: 400; } .testimonials-page .tb-meta:before { content: ''; display: block; height: 1px; width: 150px; max-width: 100%; margin: 30px auto; background: #08203E; } .testimonials-page .tb-meta p { margin: 0; color: #000; } .testimonials-page #logos { margin-top: 45px; } .testimonials-page #logos .hs_cos_wrapper_type_widget_container { display: flex; flex-flow: row wrap; align-items: center; align-content: center; } .testimonials-page #logos .hs_cos_wrapper_widget { margin-left: 3%; margin-bottom: 3%; align-self: center; } .testimonials-page #logos .hs_cos_wrapper_widget { margin-left: 3%; margin-bottom: 3%; text-align: center; } @media (max-width: 767px) { .testimonials-page #logos .hs_cos_wrapper_widget { flex-basis: 48.5%; margin-bottom: 20px; } .testimonials-page #logos .hs_cos_wrapper_widget:nth-child(2n+1) { margin-left: 0; } } @media (min-width: 768px) and (max-width: 961px) { .testimonials-page #logos .hs_cos_wrapper_widget { flex-basis: 31.333333333333333%; } .testimonials-page #logos .hs_cos_wrapper_widget:nth-child(3n+1) { margin-left: 0; } } @media (min-width: 962px) and (max-width: 1023px) { .testimonials-page #logos .hs_cos_wrapper_widget { flex-basis: 22.75%; } .testimonials-page #logos .hs_cos_wrapper_widget:nth-child(4n+1) { margin-left: 0; } } @media (min-width: 1024px) { .testimonials-page #logos .hs_cos_wrapper_widget { flex-basis: 17.6%; } .testimonials-page #logos .hs_cos_wrapper_widget:nth-child(5n+1) { margin-left: 0; } } /* Partners Page */ .partner { font-size: 16px; text-align: center; margin: 30px 0 60px; } .partner .partner-image p { font-size: 21px; margin-bottom: 5px; } .partner p { margin-bottom: 0; } @media (min-width: 768px) { .partners .hs_cos_wrapper_type_widget_container { display: flex; align-items: center; flex-flow: row wrap; } .partners .hs_cos_wrapper_type_custom_widget { width: 30.666666667%; margin-left: 4%; } .partners .hs_cos_wrapper_type_custom_widget:nth-child(3n+1) { margin-left: 0; } } .partners-page .testimonial-box { background: #fff; border: 1px solid #ccc; padding: 60px; margin-top: 60px; color: #3a3a3a; } @media (max-width: 767px) { .partners-page .testimonial-box { padding: 30px; } } .partners-page .tb-image { text-align: center; margin-bottom: 30px; } .partners-page .tb-image p { margin: 0; } .partners-page .tb-image img { margin-bottom: 10px; } .partners-page .tb-content { font-size: 24px; font-style: italic; color: #05c3de; font-weight: 300; } .partners-page .tb-meta { font-size: 18px; font-style: normal; font-weight: 400; } .partners-page .tb-meta p { margin: 0; } @media (min-width: 768px) { .partners-page .testimonial-box { display: flex; align-items: center; } .partners-page .tb-image { width: 175px; margin-right: 60px; margin-bottom: 0; font-size: 21px; } .partners-page .tb-content { width: calc(100% - 235px); } } /* Support Page */ .support-page .body-container .widget-type-rich_text:not(.support-contact) ul { list-style: none; margin: 0 0 30px; padding: 0; } .support-page .body-container .widget-type-rich_text:not(.support-contact) ul li { position: relative; padding-top: 5px; padding-left: 35px; margin-bottom: 10px; } .support-page .body-container .widget-type-rich_text:not(.support-contact) ul li:before { position: absolute; left: 0; top: 0; color: #e0e721; content: "\f00c "; font-family: FontAwesome; font-size: 24px; } .support-page .body-container .widget-type-rich_text a:not(:hover) { color: #558caf; } .support-page .body-container .support-contact ul { list-style: none; margin: 0 0 30px; padding: 0; } .support-page .body-container .support-contact ul li { margin: 0; padding: 0; display: inline; } .support-page .body-container .support-contact ul li:after { color: #08203E; content: "|"; display: inline-block; margin: 0 4px 0 6px; } .support-page .body-container .support-contact ul li:last-child:after { display: none; } @media (max-width: 767px) { .support-page .body-container .support-contact ul li { margin-bottom: 5px; display: block; width: 100%; } .support-page .body-container .support-contact ul li:after { display: none; } } /* Modular & Reusable Components ========================================================================== */ .section { float: left; width: 100%; clear: both; padding: 75px 0; } @media (max-width: 767px) { .section { padding: 50px 0 } } .small-section, .section-narrow { padding: 45px 0; } .section-grey { background: #f0f0f0; } .section-black { background: #000; } .section-black p, .section-black a, .section-black h1, .section-black h2, .section-black h3, .section-black h4, .section-black h5, .section-black h6 { color: #fff !important; } .section-white { background: #fff; } .section-half-grey { background: linear-gradient(180deg, #fff 50%, #f0f0f0 50%); } .section-half-grey-top { background: linear-gradient(180deg, #f0f0f0 50%, #fff 50%); } .section-accent { background: #05c3de; color: #fff; } .section-alt { background: #fedb00; color: #fff; } .section-lightblue { background: #e4e9ee; } .section-accent h1, .section-accent h2, .section-accent h3, .section-alt h1, .section-alt h2, .section-alt h3 { color: #fff; } .section-accent h2 { font-size: 30px; margin-bottom: 10px; } .section-accent p:last-child { margin-bottom: 0; } .no-padding-top { padding-top: 0; } .no-padding-bottom { padding-bottom: 0; } .margin-bottom { margin-bottom: 60px; } .bottom-cta { background: #f0f0f0; color: #08203E; } .bottom-cta h2 { color: #08203E; } .bottom-cta h4 { color: #08203E; text-transform: uppercase; } .call-out-text { background-color: #05c3de; background-image: url(//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/banner/call-out-bg.png); background-position: 0 0; background-size: cover; padding: 40px 0px; color: #fff; font-size: 16px; } .call-out-text h2 { color: #fff; margin-bottom: 10px; font-size: 30px; } .call-out-text p:last-child { margin-bottom: 0; } .call-out-text .widget-type-cta { margin-top: 20px; } /* Vertically centred content */ @media (min-width: 768px) { .table-display:not(.align-top) .row-fluid { display: flex; align-items: center; justify-content: center; } .table-display.align-top .row-fluid { display: flex; } } /* Social Media Custom Icons */ .hs_cos_wrapper_type_social_sharing i, .hs_cos_wrapper_type_follow_me i, .footer-social i, .social i { display: inline-block; height: 39px; width: 39px; line-height: 39px; text-align: center; font-size: 24px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; } .hs_cos_wrapper_type_follow_me a { display: inline-block; margin-left: 10px; } .hs_cos_wrapper_type_follow_me a:first-child { margin-left: 0; } i.fa-facebook { background: #3a5897; } i.fa-twitter { background: #49c9f2; } i.fa-pinterest { background: #C92228; } i.fa-google-plus { background: #d0322d; } i.fa-linkedin { background: #0775b7; } i.fa-envelope-o, i.fa-envelope { background: #7b7b7b; } i.fa-youtube { background: #e52d27; } i.fa-rss { background: #ff6600; } i.fa-globe { background: #5e686e; } /* Banner */ .banner { color: #fff; background: #08203E; padding: 135px 0; background-position: 0 0; background-size: cover; background-repeat: no-repeat; overflow: hidden; width: 100%; font-size: 21px; text-align: center; position: relative; } @media (max-width: 767px) { .banner { background-position: center; padding: 55px 0; } } .banner-overlay, .geometric-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.55); z-index: 0; } .geometric { position: relative; } .geometric-overlay { background-image: url(https://523274.fs1.hubspotusercontent-na1.net/hubfs/523274/ST_Assets_Feb2017/Geometric_pattern_white.svg); background-repeat: repeat; background-size: 120em; opacity: 0.45; } .geometric-overlay, .geometric.banner .banner-overlay { background-color: rgba(0, 0, 0, 0); } .geometric-dark .geometric-overlay { /*background-image: url(https://523274.fs1.hubspotusercontent-na1.net/hubfs/523274/ST_Assets_Feb2017/Geometric_pattern_black.png); background-size: 20em;*/ opacity: 0.85; } .geometric-dark p, .geometric-dark a, .geometric-dark h1, .geometric-dark h2, .geometric-dark h3, .geometric-dark h4, .geometric-dark h5, .geometric-dark h6 { color: #08203E !important; } .banner-testimonial .banner-overlay { background: rgba(90, 90, 90, 0.75); } .banner .page-center, .geometric .page-center{ position: relative; z-index: 2; } .banner-text { background: #f0f0f0; color: #05c3de; padding: 50px 0; text-align: left; } .banner.banner-text h1 { color: #5e686d; } .banner-text h3 { font-weight: 700; text-transform: uppercase; color: #5e686d; margin-bottom: 10px; } .banner-text h4 { font-weight: 400; color: #05c3de; font-size: 21px; } .banner-testimonial { padding: 75px 0; } .banner-testimonial .testimonial-content { max-width: 850px; margin: 0 auto; font-size: 40px; font-weight: 300; font-style: italic; } .banner-testimonial .testimonial-content p { display: inline; } .banner-testimonial .quote { font-size: 50px; font-weight: 700; font-style: italic; line-height: 1.12; } .banner-testimonial .testimonial-meta { font-size: 23px; font-weight: 400; font-style: normal; margin: 30px 0 40px; } @media (max-width: 767px) { .banner-testimonial { padding: 45px 0; } .banner-testimonial .testimonial-content { font-size: 28px; } .banner-testimonial .quote { font-size: 40px; } .banner-testimonial .testimonial-meta { font-size: 21px; } } .banner-testimonial .button { font-style: normal; } .banner-image h1 { color: #fff; } .banner-image h3 { font-weight: 700; text-transform: uppercase; color: #fff; } .banner-image-side { padding: 0; background: #fff; display: flex; } .banner.banner-image-side h2 { color: #08203E; } .banner-image-side-bg, .banner-image-side-content { flex: 1; align-items: center; justify-content: center; } .banner-image-side-content { display: flex; align-items: center; justify-content: flex-start; } .banner-image-side-right .banner-image-side-content { justify-content: flex-end; } .banner-image-side-bg { background-position: 0 0; background-size: cover; background-repeat: no-repeat; } .banner-image-side-content { padding: 140px 0; text-align: left; background: #f9f9f9; } .banner-image-side-content-inner { max-width: 500px; margin: 0 30px 0 60px; } @media (max-width: 767px) { .banner-image-side-content-inner { margin: 0 30px; } } .banner-image-side-right .banner-image-side-content-inner { margin: 0 60px 0 30px; } .banner-image-side-content p { color: #05c3de; } @media (max-width: 767px) { .banner-image-side { flex-direction: column-reverse; } .banner-image-side-bg { height: 300px; } .banner-image-side-content { padding: 60px 0; } } .banner-more { position: relative; z-index: 2; margin-top: 45px; } .banner-more a { color: #fff; color: rgba(255, 255, 255, 0.53); font-size: 28px; } .banner-more a i { font-size: 36px; } .banner-video h1 { font-size: 50px; color: #fff; } .banner-video .button { margin-top: 30px; } @media (min-width: 768px) { .banner-video .page-center { position: relative; z-index: 2; } .banner-video-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 1; } .banner-video-container video { position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (max-width: 767px) { .banner-video video { display: none; } .banner-image-right-content-inner { width: 100%; padding: 40px 0px; } .banner-image-right .right-image { display: none; } } .banner h1, .banner h2 { font-weight: 300; color: #fff; } .banner h2 { font-size: 40px; } @media (max-width: 767px) { .banner h1 { font-size: 40px; } .banner h2 { font-size: 32px; } } @media (max-width: 480px) { .banner h1 { font-size: 32px; } .banner h2 { font-size: 28px; } } .banner h1:last-child, .banner p:last-child { margin-bottom: 0; } /* ========================================================================== Footer ========================================================================== */ .footer-top { background: #565d67; text-align: center; padding: 28px 0 26px; position: relative; } .footer-top:before { content: ''; display: block; position: absolute; height: 2px; width: 100%; top: 0; background: rgba(255, 255, 255, 0.27); } .footer-top a { color: #fff; font-weight: 700; } .footer-top a:hover { text-decoration: underline; } .footer-top .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { padding: 0 20px; } .footer-top .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:first-child { margin-left: 0; } .footer-top .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child { margin-right: 0; } @media (max-width: 767px) { .footer-top .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { padding: 0 20px; margin-bottom: 10px; } } .footer-bottom { background: #33cad8; color: #fff; text-align: center; padding: 30px 0 15px; } .footer-bottom p { margin-bottom: 15px; } .footer-bottom .copyright { font-size: 13px; } .footer-bottom a { color: #fff; } .footer-bottom a:hover { text-decoration: underline; } .footer-bottom .footer-content span { display: inline-block; margin: 0 10px; } .footer-social { margin-bottom: 20px; } .footer-social i { background: #fff !important; color: #33cad8 !important; margin-left: 10px; } .footer-social a:first-child i { margin-left: 0; } .landing-footer { padding: 32px 0 8px; background: #fff; text-align: center; font-size: 14px; font-weight: 400; color: #08203E; } .landing-footer a { color: #08203E; } .typ-footer { padding: 32px 0 8px; background: #fff; font-size: 14px; font-weight: 400; color: #08203E; } .typ-footer a { color: #08203E; } .blog-sub p:last-child { max-width: 350px; margin: 0 auto; background: #bd6f5b; } .blog-sub-wrapper .blog-sub input[type="email"] { min-height: 40px; border-radius: 3px; box-shadow: inset 2px 2px 3px rgba(0,0,0,0.8); } .blog-sub-wrapper .blog-sub input[type="submit"] { padding: 11px 20px; border-radius: 2px; } .blog-sub-wrapper .contact { padding-top: 20px; } .blog-sub-wrapper .contact h5 { margin-top: 5px; margin-bottom: 0; } .blog-sub-wrapper .contact .fa-plus { font-size: 23px; position: relative; top: -1px; color: #000; } .typ-footer .terms-privacy-social { text-align: right; } .typ-footer .terms-privacy-social p { padding-right: 5px; } .typ-footer .terms-privacy-social p, .typ-footer .terms-privacy-social a { display: inline-block; line-height: 1em; margin: 0 auto; } .typ-footer .terms-privacy-social .fa { padding: 0 4px; background: transparent; font-size: 18px; color: #08203E; } @media (min-width: 768px) { .blog-sub-wrapper .blog-sub { padding: 0 17%; } .blog-sub-wrapper .hs-form .hs-form-field { width: 75%; margin: 0 auto 25px; } .blog-sub-wrapper .hs-form .hs_submit { width: 22%; margin: 0 auto 25px; } } @media (max-width: 767px) { .blog-sub-wrapper .hs-form-field { margin-bottom: 10px; } .blog-sub-wrapper .contact { padding-top: 40px; } .typ-footer, .typ-footer .terms-privacy-social { text-align: center; } } /* ========================================================================== 3. MAIN NAVIGATION ========================================================================== */ /* Menu Colors */ /* Set link Color */ /* Set link Hover Color */ /* ========================================================================== Einstein Menu Primary ========================================================================== */ .einstein-menu-primary .button:hover { background: #d9d9d6; } /* Parent List */ .einstein-menu-primary .hs-menu-wrapper > ul{ background: none; font-size: 16px; line-height: 1; font-weight: 700; float: right; } .einstein-menu-primary .hs-menu-wrapper > ul > li{ background: none; } .einstein-menu-primary .hs-menu-wrapper > ul > li:first-child { margin-left: 0; } .einstein-menu-primary .hs-menu-wrapper > ul > li.last-menu-item { margin-right: 0; } .einstein-menu-primary .hs-menu-wrapper > ul > li > a{ color:#5e686d; padding: 15px; } .einstein-menu-primary .hs-menu-wrapper > ul > li.active > a, .einstein-menu-primary .hs-menu-wrapper > ul > li.active-branch > a { color:#b7b7b7; } .einstein-menu-primary .hs-menu-wrapper > ul > li:hover > a, .einstein-menu-primary .hs-menu-wrapper > ul > li > a:hover{ background: #f0f0f0; -webkit-border-radius: 5px 5px 0 0;; -moz-border-radius: 5px 5px 0 0;; -ms-border-radius: 5px 5px 0 0;; border-radius: 5px 5px 0 0;;; color: #5e686d; } .einstein-menu-primary .button { font-size: 16px; padding: 15px 24px; } /* Child List */ .einstein-menu-primary .hs-menu-wrapper > ul ul{ background: #fff; font-size: 13px; border: 1px solid #f0f0f0; border-bottom: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; /*overflow: hidden;*/ } .einstein-menu-primary .hs-menu-wrapper > ul ul li{ background: none; border-bottom: 1px solid #f0f0f0; } .einstein-menu-primary .hs-menu-wrapper > ul ul li.hs-item-has-children > a { padding-right: 30px; position: relative; } @media (min-width: 768px) { .einstein-menu-primary .hs-menu-wrapper > ul ul li.hs-item-has-children > a:after { content: "\f105 "; font-family: FontAwesome; color: #838383; display: block; position: absolute; right: 15px; top: 14px; font-size: 16px; } } .einstein-menu-primary .hs-menu-wrapper > ul ul li:last-child{ -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;; } .einstein-menu-primary .hs-menu-wrapper > ul ul li a{ display: block; color: #e0e721; padding: 15px 20px; } .einstein-menu-primary .hs-menu-wrapper > ul ul li a:hover, .einstein-menu-primary .hs-menu-wrapper > ul ul li.active > a, .einstein-menu-primary .hs-menu-wrapper > ul ul li.active-branch > a{ color:#5e686d; background: #f6f6f6; } .einstein-menu-primary .hs-menu-wrapper > ul ul ul { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0;; } /* Override max width on menu links */ .einstein-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; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width:768px) { .einstein-menu-primary .hs-menu-wrapper { display:block !important; } } /* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */ /** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ .hamburger, .child-trigger{ display: none; /* Hide button on Desktop */ } .einstein-menu-primary .mobile { display: none; } @media (max-width: 767px){ .einstein-menu-primary .mobile { display: block; } /* Variables ========================================================================== */ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* * Menu Reset * * Remove styling from desktop version of custom-menu-primary. Place any * additional CSS you want removed from the mobile menu in this reset */ .einstein-menu-primary, .einstein-menu-primary .hs-menu-wrapper > ul, .einstein-menu-primary .hs-menu-wrapper > ul li, .einstein-menu-primary .hs-menu-wrapper > ul li a:not(.button){ 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: 0 !important;; -moz-border-radius: 0 !important;; -ms-border-radius: 0 !important;; border-radius: 0 !important;;; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: 400; text-decoration: none; text-indent: 0px; text-align: left; color:#08203E; } .einstein-menu-primary .hs-menu-wrapper > ul li a.button { margin: 10px 20px 0; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 0; display: inline-block; cursor: pointer; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; position:absolute; top: 35px; right: 20px; } .hamburger:hover { opacity: 0.7; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.1s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.1s 0.14s ease, opacity 0.1s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .mobile-open .hamburger--squeeze .hamburger-inner { -webkit-transform: rotate(45deg); transform: rotate(45deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .mobile-open .hamburger--squeeze .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease, opacity 0.1s 0.14s ease; } .mobile-open .hamburger--squeeze .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); } /* Child Toggle Button ========================================================================== */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 46px !important; /* Button height */ padding: 0 !important; /*border-left: 1px dotted rgba(0, 0, 0, .20);*/ text-align: center; font-size: 24px; } .child-trigger:hover{ text-decoration: none; } .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin-top: -10px; margin-left: -4px; font-style: normal; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .child-trigger i:after{ position: absolute; content: "\f105 "; font-family: FontAwesome; -webkit-transition: -webkit-transform .15s ease-in-out; -ms-transition: -ms-transform .15s ease-in-out; transition: transform .15s ease-in-out; } .child-trigger.child-open i:after{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* Menu Styles on Mobile Devices ========================================================================== */ .einstein-menu-primary.js-enabled{ margin: 10px -20px 0; } /* Hide menu on mobile */ .einstein-menu-primary.js-enabled .hs-menu-wrapper, .einstein-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .einstein-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .einstein-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; /**************************************************************/ top: 0; /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 0; } .einstein-menu-primary .hs-menu-wrapper{ background-color:#ffffff; /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ } /* Level 1 Menu List Styles */ .einstein-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .einstein-menu-primary .hs-menu-wrapper > ul > li a:not(.button){ font-size: 16px; /* Font size of top level list items */ overflow: visible; } /* Level 1 and Higher Menu List Styles */ .einstein-menu-primary .hs-menu-wrapper > ul li{ border-top: 1px solid #c0c0c2; } .einstein-menu-primary .hs-menu-wrapper > ul li a:not(.button){ padding: 15px 20px; color:#08203E; /* link color set by global mobile-aColor variable */ font-weight: 700; } .einstein-menu-primary .hs-menu-wrapper > ul li a:not(.button):hover{ color:#e0e721; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .einstein-menu-primary .hs-menu-wrapper > ul ul { background-color: #f0f0f0; } .einstein-menu-primary .hs-menu-wrapper > ul ul li{ background-color: rgba(255, 255, 255, .08); } .einstein-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ } /* Level 3 and Higher Menu List Styles */ .einstein-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .einstein-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } /* ========================================================================== 4. TEMPLATE MODULE SELECTORS ========================================================================== */ /* System Pages ========================================================================== */ /* Error Templates */ .system-box { background: #f0f0f0; border: 1px solid #ededee; padding: 60px 90px; text-align: center; font-size: 21px; color: #08203E; max-width: 780px; margin: 0 auto !important; float: none !important; } .system-box h1 { color: #000; } .password-page .system-box h1:before { display: inline-block; content: ''; width: 37px; height: 46px; margin-right: 20px; background-image: url(//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/system/lock.png); background-position: 0 0; background-repeat: no-repeat; } .system-box form { margin-top: 30px; } .system-box input[type="password"], .system-box input[type="submit"] { display: block; float: left; margin: 0 !important; } .system-box input[type="password"] { width: 75%; } .system-box input[type="submit"] { width: 25%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0;; text-transform: none; } .system-box .page-header { margin: 0; padding: 0; } .system-box #email-prefs-form { margin: 0; } .system-box #email-prefs-form #content > div { float: left; width: 66%; padding: 0; margin: 0; } .system-box #email-prefs-form #content input[type="email"] { width: 100% !important; margin: 0 !important; font-size: 16px !important; padding: 0 15px !important; } .system-box #email-prefs-form #content input[type="submit"] { width: 34%; clear: none !important; } .system-box .widget-type-email_simple_subscription h1 { font-weight: 300; font-size: 55px; line-height: 1.4; margin-top: 0; margin-bottom: 20px; } .system-box .widget-type-email_simple_subscription h3 { font-weight: 400; font-size: 21; color: #08203E; margin-top: 0; margin-bottom: 20px; } @media (max-width: 767px) { .system-box { padding: 20px 30px; } .system-box .widget-type-email_simple_subscription h1 { font-size: 36px; } .system-box input[type="password"], .system-box input[type="submit"] { width: 100%; clear: both; } } @media (max-width: 599px) { .system-box { padding: 20px; } .system-box #email-prefs-form #content > div { width: 100%; clear: both; } .system-box #email-prefs-form #content input[type="submit"] { width: 100%; clear: both !important; } } /* Placeholder Text */ .system-box ::-webkit-input-placeholder { /* Webkit Browsers */ text-transform: none; font-style: italic; } .system-box :-moz-placeholder { /* Firefox 18- */ text-transform: none; font-style: italic; } .system-box ::-moz-placeholder { /* Firefox 19+ */ text-transform: none; font-style: italic; } .system-box :-ms-input-placeholder { /* IE10 */ text-transform: none; font-style: italic; } .system-template .text-large { font-size: 24px; font-weight: 300; } .system-template .page-header { margin: 0; padding: 0; } .widget-type-email_subscriptions p, .widget-type-email_subscriptions h1 { font-size: 50px; font-weight: 300; margin: 0 0 20px; line-height: 1.4; } @media (max-width: 767px) { .widget-type-email_subscriptions p, .widget-type-email_subscriptions h1 { font-size: 36px; } } .system-template .widget-type-email_subscriptions_confirmation h2, .system-template .widget-type-email_simple_subscription h2 { font-size: 31px; font-weight: 700; margin: 0 0 20px; line-height: 1.4; } .system-template .widget-type-email_subscriptions_confirmation h2:before { display: block; content: "\f00c "; font-family: FontAwesome; font-size: 36px; margin-bottom: 5px; text-align: center; } .system-template .widget-type-email_subscriptions h2 { font-size: 24px; font-weight: 700; margin: 0 0 20px; line-height: 1.4; } .system-template .widget-type-email_subscriptions_confirmation p, .system-template .widget-type-email_simple_subscription p { font-size: 24px; font-weight: 300; margin: 0 0 20px; line-height: 1.4; } .system-template .widget-type-email_subscriptions p { font-size: 21px; font-weight: 300; margin: 0 0 20px; line-height: 1.4; } .system-template .widget-type-email_subscriptions input[type="submit"] { width: auto; text-transform: capitalize; } .system-template .checkbox-row input[type="checkbox"] { margin-top: 5px; } .error-404 .body-container h1 { font-size: 115px; font-weight: 300; margin-bottom: 0; } .error-404 .body-container a { color: #712ACE; } .error-404 .body-container a:hover { color: #33CAD8; } .system-template .subscribe-options label { margin: 0; } @media (max-width: 767px) { .error-404 .body-container h1 { font-size: 55px; } .system-template .widget-type-email_subscriptions_confirmation h2, .system-template .widget-type-email_simple_subscription h2 { font-size: 22px; } .system-template .hs-button, .system-template input[type="submit"] { padding: 15px 20px; font-size: 16px } } .error-404 .body-container h2 { font-size: 31px; font-weight: 700; } .error-404 .body-container ul { list-style: none; padding: 0; } .error-500 .body-container { color: #33cad8; } .error-500 .body-container h2 { font-size: 31px; font-weight: 700; margin-bottom: 5px; } .error-500 .body-container h1 { font-size: 65px; font-weight: 300; margin-bottom: 0; } .error-500 .post-box-image:before { padding-top: 55.55555555555556%;; } .error-500 .post-box-content { display: flex; flex-flow: row wrap; min-height: 1px; } .error-500 .post-box-content h4 { order: 2; flex: 1 100%; } .error-500 .post-box-content .post-box-meta { order: 1; flex: 1 100%; } .error-500 .post-box-content .post-box-meta p { margin-bottom: 5px; } .error-500 .recent-posts, .error-500 .blog-link, .error-500 .post-box-content > p { display: none; } @media (max-width: 767px) { .error-500 .body-container h1 { font-size: 36px; } } /* ========================================================================== 5. COS COMPONENTS ========================================================================== */ /* ========================================================================== Resources ========================================================================== */ /* Resources 1 ========================================================================== */ .resources-1 .banner { padding: 84px 0; } .resources-1 #resources { list-style: none; margin: 0; padding: 0; } .resources-1 #resources .resource-item { display: inline-block; width: 25.4385964912281%; margin: 0 3.947368421052617% 60px; text-align: center; } @media (max-width: 767px) { .resources-1 #resources .resource-item { width: 42.105263157894766%; } } @media (max-width: 599px) { .resources-1 #resources .resource-item { display: block; width: 290px; max-width: 100%; margin: 0 auto 60px; } } .resources-1 .resource-item h4 { font-size: 27px; font-weight: 300; } .resources-1 .resource-item p a { font-size: 17px; font-weight: 700; } .resources-1 .resource-item .featured-image { margin-bottom: 30px; position: relative; } .resources-1 .resource-item .featured-image:before { display: block; content: ""; width: 100%; padding-top: 127.58620689655173%;; } .resources-1 .resource-item .featured-image a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .resources-1 .resource-item .resource-topics { margin: 0; color: #05c3de; text-transform: uppercase; font-size: 21px; font-weight: 700; } @media (max-width: 599px) { .resources-1 .resource-topic { display: block; margin: 10px 0 0 0; } } .resources-1 .selectric-wrapper { width: 220px; } /**** Isotope Filtering ****/ .resource-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .resource-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .resource-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .resource-item, .isotope .resource-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .resource-navigation { background: #05c3de; color: #fff; padding: 20px 0; text-align: center; font-size: 21px; } .resources-1 .resource-navigation .sortBy { display: inline-block; line-height: 52px; } #resourceTopics { display: inline-block; line-height: 52px; } #resourceTopics .resource-topic { display: inline-block; margin-left: 15px; vertical-align: bottom; } #resourceTopics select, #resourceTopics select option { text-transform: capitalize; } /* Resources 2 */ .road-hr .header-banner { position: relative; } .road-hr .header-banner .button { background: transparent; color: #fff !important; border: 1px solid #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; position: absolute; left: 10%; right: 0; bottom: 26.5%; max-width: 150px; min-width: auto !important; margin: 0 auto; font-weight: 500; text-transform: none; } @media (max-width: 1500px) { .road-hr .header-banner .button { left: 13%; bottom: 25.5%; } } @media (max-width: 1300px) { .road-hr .header-banner .button { left: 16%; bottom: 24%; } } @media (max-width: 1000px) { .road-hr .header-banner .button { left: 19%; bottom: 23%; } } @media (max-width: 800px) { .road-hr .header-banner .button { left: 24%; bottom: 21%; } } @media (max-width: 768px) { .road-hr .header-banner .button { display: none; } } .road-hr .header-banner .button:hover { background: #fff; } .resources-2.hs-blog-post .banner { display: none !important; } .resources-2 .banner.banner-text { color: #08203E; font-size: 16px; } .resources-2 .banner.banner-text h1 { line-height: 1.3; font-size: 40px; margin-bottom: 10px; color: #08203E; } .resources-2 .banner.banner-text h3 { font-size: 21px; color: #08203E; } .resources-2 .resource-navigation { background: #36454F; padding: 9px 0; text-align: center; } .resources-2 .resource-navigation h3 { display: none; } .resources-2 .resource-navigation ul { margin: 0; padding: 0; list-style: none; display: inline; } .resources-2 .resource-navigation ul li { margin: 0 30px; display: inline-block; } .resources-2 .resource-navigation ul li a { color: #fff; font-size: 21px; font-weight: 700; text-transform: uppercase; display: block; padding: 20px 0; position: relative; } @media (max-width: 767px) { .resources-2 .resource-navigation ul li { margin: 0 0 5px; display: block; } .resources-2 .resource-navigation ul li a { margin: 0; padding: 0; display: block; font-size: 16px; } } .resources-2 .resource-navigation ul li a:hover, .resources-2 .resource-navigation ul li a.active { color: #08203E; } @media (min-width: 768px) { .resources-2 .resource-navigation ul li.first-item { border-right: 1px solid #e1e1e1; padding-right: 40px; margin-right: 25px; } .resources-2 .resource-navigation ul li a:hover:after, .resources-2 .resource-navigation ul li a.active:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 12px 14px 12px; border-color: transparent transparent #f0f0f0 transparent; position: absolute; bottom: -9px; left: 50%; margin-left: -12px; } } .resources-2 .resource-navigation .hs_cos_wrapper_type_post_filter, .resources-2 .resource-navigation .block, .resources-2 .resource-navigation .widget-module { display: inline-block; } .resources-2 #resources { list-style: none; padding: 0; margin: 0; } .resources-2 #resources .resource-item { background: #fff; padding: 20px; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.18); margin-bottom: 60px; display: block; float: left; width: 100%; } @media (min-width: 768px) { .resources-2 #resources .resource-item { width: 48%; margin-left: 4%; padding: 40px; } .resources-2 #resources .resource-item:nth-child(2n+1) { margin-left: 0; clear: left; } } .resources-2 #resources .resource-item p:last-child{ margin-bottom: 0; } .resources-2 .resource-item .resource-topics { margin: 0; color: #08203E; text-transform: uppercase; font-size: 21px; font-weight: 700; text-overflow: ellipsis; } .resources-2 .featured-image { display: block; float: left; width: 70px; margin: 0 22px 20px 0; } .resources-2 .resource-content { display: block; float: left; width: calc(100% - 92px); } .resources-2 .resource-item p a { font-size: 17px; font-weight: 700; } .resources-2 .resource-item h4 { display: block; /* Fallback for non-webkit */ display: -webkit-box; height: 113px; /* Fallback for non-webkit */ font-size: 27px; font-weight: 300; line-height: 1.4; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .road-hr .widget-type-blog_subscribe input[type="submit"] { background: #E6D499; } .road-hr .post-header .post-meta a:not(:hover), .road-hr .post-header .post-meta a.topic-link:not(:hover), .road-hr .post-meta { color: #bd6f5b !important; } .road-hr .post-header .post-meta a:hover, .road-hr .post-header .post-meta a.topic-link:hover { color: #000; } .road-hr .body-container-wrapper a { color: #bd6f5b !important; } .road-hr .body-container-wrapper a:hover { color: #000 !important; } .road-hr .resource-navigation ul li a { color: #fff !important; } .road-hr .resource-navigation ul li a:hover { color: #bd6f5b !important; } /* Resources 3 ========================================================================== */ .resources-3 .banner { padding: 85px 0; } .resources-3 .resources-navigation { background: #f0f0f0; padding: 30px 20px 10px; } .resources-3 .resources-navigation h3 { color: #000; font-size: 21px; font-weight: 700; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #000; } .resources-3 .resources-navigation ul { list-style: none; padding: 0; margin: 0; } .resources-3 .resources-navigation ul li { display: block; margin-bottom: 20px; position: relative; padding-left: 30px; } .resources-3 .resources-navigation ul li input[type=radio] { position: absolute; visibility: hidden; } .resources-3 .resources-navigation ul li label { display: block; cursor: pointer; font-size: 16px; font-weight: 400; } .resources-3 .resources-navigation ul li .check { display: block; position: absolute; border: 1px solid #fedb00; background: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; border-radius: 1px;; height: 20px; width: 20px; top: 3px; left: 0; z-index: 5; } .resources-3 .resources-navigation ul li .check::before { display: block; position: absolute; content: '\f00c'; font-family: FontAwesome; height: 10px; width: 10px; top: -2px; left: 0; margin: auto; visibility: hidden; } .resources-3 .resources-navigation input[type=radio]:checked ~ .check::before { visibility: visible; } .resources-3 #resources { list-style: none; margin: 0; padding: 0; } .resources-3 .resource-item { margin-bottom: 45px; padding-bottom: 30px; border-bottom: 1px solid #b8c0c7; } .resources-3 .resource-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .resources-3 .resource-item .featured-image { position: relative; max-width: 220px !important; margin: 0 auto 15px; } .resources-3 .resource-item .featured-image:before { display: block; content: ""; width: 100%; padding-top: 127.27272727272727%;; } .resources-3 .resource-item .featured-image a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @media (min-width: 768px) { .resources-3 .resource-item .span3 { width: 25.943396226415094% !important; } .resources-3 .resource-item .span9 { width: 74.056603773584906% !important; margin-left: 0 !important; padding-left: 45px; } } .resources-3 .resource-item .resource-topics { margin: 0; color: #05c3de; text-transform: uppercase; font-size: 21px; font-weight: 700; } .resources-3 .resource-item h4 { font-size: 27px; font-weight: 300; } .resources-3 .resource-item p a { font-size: 17px; font-weight: 700; } /* ========================================================================== Blog ========================================================================== */ /* Blog 1 ========================================================================== */ .hs-blog-listing .post-only { display: none; } .blog-1.hs-blog-listing .section-narrow { padding: 30px 0; } .blog-1.hs-blog-listing .section-narrow h1 { margin: 0; font-size: 30px; } .blog-1 .post-index-topics { text-align: center; } .blog-1 .post-index-topics h3 { font-size: 18px; font-weight: 700; color: #fedb00; margin: 0; display: inline; } .blog-1 .post-index-topics .block { position: relative; cursor: default; } .blog-1 .post-index-topics .widget-module { min-width: 150px; visibility: hidden; opacity: 0; -webkit-transition: opacity .4s; position: absolute; z-index: 10; top: 30px; left: 50%; transform: translateX(-50%); text-align: center; background: #fff; font-size: 13px; border: 1px solid #f0f0f0; border-bottom: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; } .blog-1 .post-index-topics .block:hover .widget-module { opacity: 1; visibility: visible } .blog-1 .post-index-topics .widget-module ul { list-style: none; margin: 0; padding: 0; } .blog-1 .post-index-topics .widget-module ul li { background: 0; border-bottom: 1px solid #f0f0f0; } .blog-1 .post-index-topics .widget-module ul li a { display: block; color: #e0e721; padding: 15px 20px; } .blog-1 .post-index-topics .widget-module ul li a:hover { color: #5e686d; background: #f0f0f0; } .blog-1 .blog-subscribe-link { font-weight: 700; text-align: right; } @media (max-width: 767px) { .blog-1 .post-index-topics { margin: 15px 0; } .blog-1 .blog-subscribe-link { text-align: center; } } .blog-1 .post-item { padding-top: 60px; border-top: 1px solid #d9d9d6; margin-top: 60px; font-size: 16px; } .blog-1 .featured-image-wrapper { margin-bottom: 30px; } .blog-1 .post-header h1 { font-size: 40px; } .blog-1 .post-header h3 { font-weight: 700; margin-bottom: 5px; } .blog-1 .post-header a:not(:hover) { color: #05c3de; } .blog-1 .post-header .post-meta { margin-bottom: 15px; font-weight: 300; color: #08203E; } .blog-1 .post-header .post-meta a:not(:hover) { color: #08203E; } .blog-1 .post-header .post-meta a.topic-link:not(:hover) { color: #05c3de; } .blog-1 .post-item:first-child { padding-top: 0; border-top: none; margin-top: 0; } .blog-1 .post-item .more-link i { display: inline-block; margin-left: 5px; font-size: 14px; } .blog-1 .widget-type-blog_subscribe span > h3 { font-size: 21px; font-weight: 300; color: #000; } @media (min-width: 768px) { .blog-1 .featured-image-wrapper { width: 42.105263157894737%; margin-bottom: 0; } .blog-1 .post-content-wrapper { width: 57.894736842105263%; padding-left: 4.824561403508772%; } .blog-1 .widget-type-blog_subscribe span > h3 { display: block; float: left; width: 42%; margin-right: 4%; font-size: 30px; } .blog-1 .widget-type-blog_subscribe span > div { display: block; float: left; width: 54%; } .blog-1 .widget-type-blog_subscribe form > div:first-child { display: block; float: left; width: 67%; margin-right: 2%; } .blog-1 .widget-type-blog_subscribe form > .hs_submit { display: block; float: left; width: 31%; } } .blog-1 .widget-type-blog_subscribe form input { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;; border-color: #e1e1e1; } .blog-1 .widget-type-blog_subscribe form input[type="submit"] { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;; text-transform: none; } .blog-1.hs-blog-post .blog-section { max-width: 920px; margin: 0 auto; } .post-resource-header { background-color: #05c3de; background-position: 0 0; background-repeat: no-repeat; background-size: cover; background-image: url(//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/blog/post-resource-bg.png); color: #fff; font-size: 16px; padding: 0 45px; } .post-resource-header h2 { color: #fff; margin: 20px 0 10px; } .post-resource-form { padding: 60px 45px; background: #f5f6f7; } .post-resource-form h3.form-title:empty { display: none; } .post-resource-form .hs-form-field>label { display: block; color: #05c3de; font-weight: 300; text-transform: uppercase; } .post-resource-form .hs_submit { text-align: center; } .post-resource-form .hs_submit input[type="submit"] { width: auto; } /* Placeholder Text */ .blog-1 ::-webkit-input-placeholder { /* Webkit Browsers */ text-transform: none; font-style: italic; } .blog-1 :-moz-placeholder { /* Firefox 18- */ text-transform: none; font-style: italic; } .blog-1 ::-moz-placeholder { /* Firefox 19+ */ text-transform: none; font-style: italic; } .blog-1 :-ms-input-placeholder { /* IE10 */ text-transform: none; font-style: italic; } /* Blog 2 ========================================================================== */ .blog-2.hs-blog-listing .section-blog-grey { background: #f0f0f0; } @media (min-width: 768px) { .blog-2 .blog-content { width: 59.649122807017544% !important; } .blog-2 .sidebar { float: right; width: 37.839966118344158% !important; max-width: 380px !important; margin-left: 2.510911074638298%; } } .blog-2 .post-body a { color: #712ACE; } .blog-2 .post-body a:hover { color: #08203E; } .blog-2 .post-item { float: left; margin-bottom: 60px; } .blog-2 .post-item:last-child { margin-bottom: 0; } .blog-2 .featured-image { display: block; position: relative; background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .blog-2 .featured-image:before { display: block; content: ""; width: 100%; padding-top: 52.94117647058824%;; } .blog-2 .post-content-wrapper { background: #fff; padding: 40px 30px; } .blog-2 .post-content-wrapper p:last-child { margin: 0; } .blog-2 .post-content-wrapper h3 { font-size: 30px; font-weight: 700; margin-bottom: 10px; } .blog-2 .post-content-wrapper h3 a:not(:hover) { color: #08203E; } .blog-2 .post-content-wrapper a:not(:hover), .blog-2 .post-content-wrapper .post-meta, .blog-2 .post-content-wrapper .post-meta a:not(:hover){ color: #33cad8; } .blog-2 .post-content-wrapper .post-meta { font-weight: 400; margin-bottom: 15px; } .blog-2 .post-content-wrapper .post-body p { display: inline; } .blog-2 .post-content-wrapper .post-body a.more-link:not(:hover) { text-decoration: underline; } .blog-2 .sidebar { font-size: 21px; } .blog-2 .sidebar h3 { font-weight: 700; font-size: 30px; color: #08203E; } .blog-2 .sidebar a { font-weight: 400; } .blog-2 .sidebar a:not(:hover) { color: #08203E; } .blog-2 .sidebar ul { list-style: none; margin: 0; padding: 0; } .blog-2 .sidebar ul li:not(:last-child) { margin-bottom: 20px; } .blog-2 .sidebar > .row-fluid-wrapper:not(:last-child) { margin-bottom: 60px; } .blog-2 .sidebar .blog-info { background: #fff; border: 7px solid #dfe2e5; padding: 30px; font-size: 16px; text-align: center; } .blog-2 .sidebar .blog-info h2 { font-size: 30px; margin-bottom: 15px; } .blog-2 .sidebar .blog-info h3 { font-size: 15px; font-weight: 700; text-transform: uppercase; } body.blog-2 .sidebar .blog-info .hs-form-field { margin-bottom: 15px; } .blog-2 .sidebar .blog-info input[type="submit"] { text-decoration: none; } .blog-2 .blog-link { font-weight: 700; margin: 0; float: none; font-size: 21px; } .blog-2 .blog-link:not(:hover) { color: #08203E; } .blog-2 .post-share { margin-bottom: 15px; } .blog-2 .post-meta { margin-bottom: 45px; font-size: 16px; font-weight: 400; color: #33cad8; } .blog-2 .post-header .post-meta a:not(:hover), .blog-2 .post-header .post-meta a.topic-link:not(:hover) { color: #33cad8; } .blog-2.hs-blog-post .sidebar .blog-info { background: #f5f6f7; } /** * Blog Commments * * Custom styles are listed below, as the COS does not provide default styles. */ .post-footer.section { padding: 60px 45px; background: #f5f6f7; } #comments-listing:not(.no-comments) { border-bottom: 1px solid #d9d9d6; margin-bottom: 30px; margin-top: 30px; } .comment { margin: 10px 0; border-top: 1px solid #d9d9d6; padding: 15px 0; } .comment-date { font-size: 13px; text-align: right; } .comment-from { font-weight: 700; } .comment-body { padding: 10px 0; } body #comment-form .hs-form-field>label { display: block; color: #05c3de; font-weight: 300; text-transform: uppercase; } #comment-form .inputs-list label { font-size: 16px; } #comment-form .inputs-list input { display: inline-block; margin: 0 8px 0 0; } #comment-form .hs_submit { text-align: center; } #comment-form .hs_submit input[type="submit"] { width: auto; } /* Pagination */ .blog-pagination { margin: 60px 0 0; float: left; width: 100%; clear: both; } .blog-1 .blog-pagination { padding-top: 20px; border-top: 1px solid #d9d9d6; margin: 60px 0; } .blog-pagination a { display: block; font-size: 14px; font-weight: 700; } .blog-pagination a:not(:hover) { color: #686868; } .blog-pagination a.previous-posts-link { float: left; } .blog-pagination a.all-posts-link {} .blog-pagination a.next-posts-link { float: right; } .post-pagination a { display: block; font-size: 18px; font-weight: 700; } .post-pagination a:not(:hover) { color: #05c3de; } .post-pagination a.previous-post-link { float: left; } .post-pagination a.next-post-link { float: right; } .blog-2 .post-pagination a { padding: 10px 30px; font-size: 21px; background: #fff; border: 1px solid #d9d9d6; } .blog-2 .post-pagination a:not(:hover) { color: #08203E; } .blog-2 .post-pagination a.previous-post-link { -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -ms-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0;; border-left: 0; margin-bottom: 10px; } .blog-2 .post-pagination a.next-post-link { -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -ms-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px;; border-right: 0; } .blog-2 .post-pagination a.previous-post-link i { display: inline-block; margin-right: 10px; } .blog-2 .post-pagination a.next-post-link i { display: inline-block; margin-left: 10px; } /** * Blog Author Page * * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles */ .hs-author-profile { padding: 60px 45px; background: #f5f6f7; float: left; width: 100%; clear: both; margin: 0 0 60px; } .hs-author-profile h2.hs-author-name {} .hs-author-profile .hs-author-bio { display: block; float: left; width: calc(100% - 210px); } .hs-author-profile .hs-author-avatar { display: block; width: 150px; height: 150px; float: left; margin: 0 30px 30px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; border: 1px solid #08203E; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;; } @media (max-width: 767px) { .hs-author-profile .hs-author-bio { float: none; width: 100%; } .hs-author-profile .hs-author-avatar { float: none; margin: 0 auto 30px; } } /** * Blog All Posts Page * * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles */ body.hs-content-path-blog-all {} div.post-listing-simple {} div.post-listing-simple .post-item {} h2.post-listing-simple {} h2.post-listing-simple a {} /* ========================================================================== Forms ========================================================================== */ /* All Global Forms ========================================================================== */ /* Form Field */ body .hs-form-field { margin-bottom: 30px; } /* Descriptions */ body .hs-field-desc {} /* Labels */ body label {} body .hs-form-field > label { /* display: none; */ text-transform: uppercase; font-size: 16px; color: #08203E; margin-bottom: 10px; } /*Adjust layout of fname & lname inputs*/ body .hs-form fieldset.form-columns-2 .hs-form-field { width: -webkit-fill-available; margin: 10px 0; } body label .hs-form-required { color: #08203e !important; } /* Buttons */ .hs-button, input[type="submit"] { width: 100%; text-transform: uppercase; } /* One Line Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { width: 100%; font-family: Runda light; font-size: 16px; min-height: 50px; margin: 0; padding: 0px 15px; border: 1px solid #959595; } body select { min-height: 1px; } body textarea { min-height: 200px; padding: 15px; } body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus {} /* Separate Styles for Multiple Line Inputs */ body textarea {} body textarea:focus {} /* Separate Styles for Drop Downs */ body select {} body select:focus {} /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} /* Required */ body input:focus:required:invalid, body textarea:focus:required:invalid, body select:focus:required:invalid {} body input:focus:required:invalid:focus, body textarea:focus:required:invalid:focus, body select:focus:required:invalid:focus {} /* Errors */ .hs-error-msgs { color: #f00; font-weight: 700; font-size: 14px; margin: 0; } /* Placeholder Text */ ::-webkit-input-placeholder { /* Webkit Browsers */ color: #d9d9d6; opacity: 1; text-transform: uppercase; font-weight: 400; } :-moz-placeholder { /* Firefox 18- */ color: #d9d9d6; opacity: 1; text-transform: uppercase; font-weight: 400; } ::-moz-placeholder { /* Firefox 19+ */ color: #d9d9d6; opacity: 1; text-transform: uppercase; font-weight: 400; } :-ms-input-placeholder { /* IE10 */ color: #d9d9d6; opacity: 1; text-transform: uppercase; font-weight: 400; } /* Form Module ========================================================================== */ /* Form Field */ .hs_cos_wrapper_type_form .hs-form-field {} /* Descriptions */ .hs_cos_wrapper_type_form .hs-field-desc {} /* Labels */ .hs_cos_wrapper_type_form label {} .hs_cos_wrapper_type_form .hs-form-field > label {} /* One Line Inputs */ .hs_cos_wrapper_type_form input[type="text"], .hs_cos_wrapper_type_form input[type="password"], .hs_cos_wrapper_type_form input[type="datetime"], .hs_cos_wrapper_type_form input[type="datetime-local"], .hs_cos_wrapper_type_form input[type="date"], .hs_cos_wrapper_type_form input[type="month"], .hs_cos_wrapper_type_form input[type="time"], .hs_cos_wrapper_type_form input[type="week"], .hs_cos_wrapper_type_form input[type="number"], .hs_cos_wrapper_type_form input[type="email"], .hs_cos_wrapper_type_form input[type="url"], .hs_cos_wrapper_type_form input[type="search"], .hs_cos_wrapper_type_form input[type="tel"], .hs_cos_wrapper_type_form input[type="color"], .hs_cos_wrapper_type_form input[type="file"], .hs_cos_wrapper_type_form textarea, .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form input[type="text"]:focus, .hs_cos_wrapper_type_form input[type="password"]:focus, .hs_cos_wrapper_type_form input[type="datetime"]:focus, .hs_cos_wrapper_type_form input[type="datetime-local"]:focus, .hs_cos_wrapper_type_form input[type="date"]:focus, .hs_cos_wrapper_type_form input[type="month"]:focus, .hs_cos_wrapper_type_form input[type="time"]:focus, .hs_cos_wrapper_type_form input[type="week"]:focus, .hs_cos_wrapper_type_form input[type="number"]:focus, .hs_cos_wrapper_type_form input[type="email"]:focus, .hs_cos_wrapper_type_form input[type="url"]:focus, .hs_cos_wrapper_type_form input[type="search"]:focus, .hs_cos_wrapper_type_form input[type="tel"]:focus, .hs_cos_wrapper_type_form input[type="color"]:focus, .hs_cos_wrapper_type_form input[type="file"]:focus, .hs_cos_wrapper_type_form textarea:focus, .hs_cos_wrapper_type_form select:focus {} /* Separate Styles for Multiple Line Inputs */ .hs_cos_wrapper_type_form textarea {} .hs_cos_wrapper_type_form textarea:focus {} /* Separate Styles for Drop Downs */ .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form select:focus {} /* Multiple Selection Inputs */ .hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {} .hs_cos_wrapper_type_form input[type="radio"] {} .hs_cos_wrapper_type_form input[type="checkbox"] {} /* Blog Comment Form ========================================================================== */ /* Label */ #comment-form .hs-form-field > label {} #comment-form label {} /* Inputs */ #comment-form input[type="text"] {} #comment-form input[type="text"]:focus {} #comment-form textarea {} #comment-form textarea:focus {} #comment-form input[type="checkbox"] {} /* Error */ body .hs-common-error-message {} /* Blog Subscription Form ========================================================================== */ /* Label */ #hs_form_target_blog_subscription .hs-form-field > label {} #hs_form_target_blog_subscription label {} /* Inputs */ #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; } /* Google Search Form ========================================================================== */ /* Label */ .widget-type-google_search label {} /* Input */ .widget-type-google_search input[type="text"] {} .widget-type-google_search input[type="focus"] {} /* Multi Column Form ========================================================================== */ body .hs-form fieldset.form-columns-1 {} body .hs-form fieldset.form-columns-1 .hs-form-field {} body .hs-form fieldset.form-columns-2 {} body .hs-form fieldset.form-columns-2 .hs-form-field { width: 48.5%; margin-right: 3%; } body .hs-form fieldset.form-columns-2 .hs-form-field:last-child { margin-right: 0; } body .hs-form fieldset.form-columns-3 {} body .hs-form fieldset.form-columns-3 .hs-form-field { width: 31.333333333333333%; margin-right: 3%; } body .hs-form fieldset.form-columns-3 .hs-form-field:last-child { margin-right: 0; } @media (max-width: 767px) { body .hs-form fieldset .hs-form-field { width: 100% !important; margin-right: 0 !important; } } /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} body form.hs-form fieldset { max-width: none; } body form.hs-form fieldset .hs-form-field { padding: 0; } body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } body form.hs-form fieldset[class*="form-columns"] .inputs-list .hs-input { width: auto; margin: 0 5px 0 0; } @media (max-width: 400px) { body form.hs-form fieldset .hs-form-field { padding: 0; } body form.hs-form fieldset.form-columns-3 .hs-form-field, body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* ========================================================================== Buttons ========================================================================== */ .button-arrow, .button-arrow-white { border: 3px solid #33cad8; background: transparent; color: #33cad8; padding: 13px 27px; } .button-arrow:after, .button-arrow-white:after { content: "\f061 "; font-family: FontAwesome; display: inline-block; margin-left: 10px; font-size: 14px; } .button-arrow:hover { background: #33cad8; border-color: #33cad8; color: #fff; } .button-arrow-white { border-color: #fff; color: #fff; } .button-arrow-white:hover { background: #fff; border-color: #fff; color: #05c3de; } .cta-arrow { font-weight: 700; } .cta-arrow:after { content: "\f061 "; font-family: FontAwesome; display: inline-block; margin-left: 10px; font-size: 14px; } .button-play { border: 3px solid #e0e721; background: transparent; color: #fff; padding: 13px 27px; } .button-play:after { content: "\f04b "; font-family: FontAwesome; display: inline-block; margin-left: 10px; font-size: 14px; } .button-play:hover { background: #fff; border-color: #fff; color: #e0e721; } .button-wide { padding-left: 50px; padding-right: 50px; } @media (min-width: 768px) { .body-container .button { min-width: 235px; } } /* ========================================================================== 6. LIBRARIES ========================================================================== */ /* NEW FOR ST May 2018 update */ .st2018 { -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */ -moz-osx-font-smoothing: grayscale; /* Fixes font bold issue in Firefox version 25+ on Mac */ font-family: Helvetica; } .st2018sitewrapper { position: relative; left: 0; transition: left 0.5s ease-in-out; margin-top:7rem; } .st2018sitewrapper.menu-open { left: 63vw; } .st2018.navbar { position: fixed; left: 0; top: 0; width: 100%; background-color: white; height: 11.1333333vw; padding-top: 4.6vw; z-index: 100; transition: all 0.5s ease-in-out; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial; } .st2018.navbar.menu-open { left: 63vw; } .st2018 .st_logo { width: 39.6vw; display: inline-block; } .st2018 .nav-blocker { display: none; width: 37vw; position: absolute; top: 0; left: 0; height: 100vh; background-image: url('https://www.symphonytalent.com/wp-content/themes/symphonytalent/assets/img/nothing.png'); } .st2018.navbar.menu-open .nav-blocker { display: block; } .st2018 .st-hamburger { width: 7.2vw; display: inline-block; padding-left: 4.6vw; margin-right: 3vw; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial; } .st2018 .navbar-menu-container { position: absolute; left: -63vw; width: 63vw; background-color: #292728; top: 0; height: 100vh; overflow: hidden; } .st2018 .whitelinefornav { position: absolute; left: 0; top: 0; width: 62.9vw; height: 100%; border-right: 1vw solid white; } .st2018 .mobilenavclosebtn { position: absolute; top: 5vw; left: 52vw; width: 6vw; } .st2018.navbar-shadow { -webkit-box-shadow: 0px 0px 31px -4px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 31px -4px rgba(0,0,0,0.55); box-shadow: 0px 0px 31px -4px rgba(0,0,0,0.55); } .st2018 .request-a-demo-nav-button { background-color: #33cad8; color: white; width: 24vw; text-align: center; font-weight: 400; text-transform: uppercase; line-height: 7vw; font-size: 2.66666vw; border-radius: 0.5vw; position: absolute; top: 4.5vw; right: 4vw; text-decoration: none; } .st2018 ul:not(.hs-menu-children-wrapper) { position: absolute; left: 5vw; top: 18vw; transition: left 0.5s ease-in-out; } .st2018 ul:not(.hs-menu-children-wrapper).subnav-open { left: -58vw; } .st2018 .hs-menu-item { border-bottom: #555555 1px solid; width: 53vw; line-height: 13vw; position: relative; } .st2018 .hs-menu-item a { color: white; font-size: 5.6vw; font-weight: 400; text-decoration: none; text-transform: uppercase; display: block; z-index: 1; position: relative; } .st2018 .hs-menu-children-wrapper { position: absolute; left: 63vw; top: 0; width: 63vw; display: none; } /* .st2018 .hs-menu-item:hover .hs-menu-children-wrapper { display: block; } */ .st2018 .dropdown-menu-open .hs-menu-children-wrapper { display:block; } .landing-2 .st2018 li { margin-bottom:0; } .st2018 .hs-menu-item a:after { content: ''; position: absolute; top: 0; right: 0; background: url('https://www.symphonytalent.com/wp-content/themes/symphonytalent/assets/img/mobilenavarrow.png') no-repeat center; width: 18px; height: 100%; } @media (min-width: 992px) { .st2018.navbar { height: 7.3vw; padding-top: 0; } .st2018 .st_logo { width: 20vw; max-width: 274px; top: 2.196193vw; left: 2.5vw; position: absolute; z-index: 100; } .st2018 .st-hamburger { display: none; } .st2018 .navbar-menu-container { left: 0; width: 100%; height: auto; overflow: visible; background-color: transparent; } .st2018 .whitelinefornav, .st2018 .mobilenavclosebtn { display: none; } .st2018 .request-a-demo-nav-button { width: 13.469vw; max-width: 184px; font-size: 1.3177vw; line-height: 3.221vw; border-radius: 0.2vw; top: 2.196193vw; right: 3vw; } .st2018 ul:not(.hs-menu-children-wrapper) { left: 0; top: 2.2694vw; transition: initial; width: 100%; text-align: right; } .st2018 ul:not(.hs-menu-children-wrapper).subnav-open { left: 0; } .st2018 .hs-menu-item { width: auto; line-height: 1.2; border-bottom: none; display: inline-block; height: 3.221083vw; vertical-align: top; transition: height 0.4s ease-out; } .st2018 .hs-menu-depth-1:last-of-type { margin-right:21.9vw; } .st2018 .hs-menu-item:hover { background-color: #33cad8; } .st2018 .hs-menu-item:hover > a { color: white; } .st2018 .hs-menu-item.hs-menu-depth-2:hover a { color: white; } .st2018 .hs-menu-item a { position: relative; display: inline-block; color: #231f20; margin-left: 0; padding: 0.732064vw 1.464129vw 0.732064vw 1.464129vw; } .st2018 .hs-menu-item a:hover { background-color: #33cad8; color: white; transition: color 0.5s, background-color 0.5s; } .st2018 .hs-menu-item a, .st2018 .hs-menu-depth-2 a { font-size: 1.4641vw; } .st2018 .hs-menu-children-wrapper { text-align: left; top: 3.221083vw; left: 0; width:auto; overflow: hidden; background-color: #f6f6f6; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .st2018 .hs-menu-item.hs-menu-depth-2 { display: block; border-radius: 3px; transition: background-color 0.3s; height: auto; } .st2018 .hs-menu-depth-2:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .st2018 .hs-menu-item.hs-menu-depth-2 a { color: #333333; font-size: 1.024vw; line-height: 2.196193vw; padding: 0 1.5vw 0 1.464129vw; display: block; transition: color 0.3s; } .st2018 .hs-menu-item a:after { display:none; } } @media (min-width: 1366px) { .st2018.navbar { height: 100px; } .st2018 .st_logo { top: 42px; } .st2018 .request-a-demo-nav-button { font-size: 18px; line-height: 44px; border-radius: 2px; top: 30px; right:40px; } .st2018 ul:not(.hs-menu-children-wrapper) { top: 31px; } .st2018 .hs-menu-item { height: 44px; } .st2018 .hs-menu-depth-1:last-of-type { margin-right:290px; } .st2018 .hs-menu-item a { font-size: 15px; padding: 12px 20px 12px 20px; } .st2018 .hs-menu-children-wrapper { top: 44px; } .st2018 .hs-menu-item.hs-menu-depth-2 a { font-size: 14px; line-height: 30px; padding-left: 20px; padding-right: 30px; } } /************************************** * Blog Css Starts * ***************************************/ .banner_row{ background:#712ACE; padding:2% 0; } .banner_row .banner_content{ padding-right: 18%; } .banner_row .banner_content h1{ text-transform: capitalize; } .banner_row .banner_content p{ font-size: 23px; color: #fff; line-height: 29px; } .banner_row .banner_content input{ font-size: 15px; min-height: 37px; box-shadow: none; outline: none; } .banner_row .banner_content h2{ color: #FFFFFF; } .banner_row .banner_content h6{ font-size: 21px; color: #fff; line-height: 29px; margin-top: 1em; } /* .tabs { margin: 0.5rem 0 0; padding: 0; list-style: none; overflow: hidden; } .tabs li { float: left; border: 1px solid #999; border-bottom: none; background: #e0e0e0; } .tabs li a { display: block; padding: 10px 20px; font-size: 16px; color: #000; text-decoration: none; } .tabs li a:hover { background: #ccc; } .tabs li.active, .tabs li.active a:hover { font-weight: bold; background: #fff; } */ .tab_container { /*border: 1px solid #999;*/ border-top: none; background: #fff; } .tab_content { padding: 20px; font-size: 16px; } .tabbutton_wrapper{ background: #e8e8e8; } .tabbutton_wrapper .tabs li{ background: transparent; border: 0; transition: 0.3s all; } .tabbutton_wrapper .tabs li.active{ background:#fff; } .tabbutton_wrapper .tabs li:hover{ background:#fff; } .tabbutton_wrapper .tabs li a{ padding: 15px 20px; } .owl-nav{ position: relative; top: -10em; } .owl-nav .owl-prev{ position: relative; left: -23em; box-shadow: none; outline: none; } .owl-nav .owl-next{ position: relative; right: -23em; box-shadow: none; outline: none; } .tab_content_wrapper .post_slider .single_slider{ position: relative; } .tab_content_wrapper .post_slider .owl-item.center .single_slider .active_content{ opacity: 1; } .tab_content_wrapper .post_slider .single_slider .active_content{ position: absolute; width: 100%; bottom: 1em; text-align: left; background: #ebebeb; padding: 1em 2em; opacity: 0; } .tab_content_wrapper .post_slider .single_slider .active_content h6{ font-size: 13px; text-transform: uppercase; letter-spacing: 5px; margin: 0; } .tab_content_wrapper .post_slider .single_slider .active_content h5{ margin:0; } .tab_content_wrapper .post_slider .single_slider .active_content p{ margin:0; font-size: 13px; } .featured_post_row .latest_post_wrapper h6{ font-size: 20px; } .featured_post_row .latest_post_wrapper .single_featured_posts { border: 1px solid #ccc; margin: 2rem 0; } .featured_post_row .latest_post_wrapper .single_featured_posts .featured_image img{ object-fit:cover; width: 100%; } .featured_post_row .latest_post_wrapper .single_featured_posts .featured_content{ padding: 1em; } .featured_post_row .latest_post_wrapper .single_featured_posts .featured_content h5{ color: #686868; margin:0; margin-bottom: 0.5em; } .featured_content h5 a {color:#08203E!important;} .featured_post_row .latest_post_wrapper .single_featured_posts .featured_content p{ color: #08203E; font-size: 13px; } /* .featured_post_row .latest_post_wrapper .single_featured_posts .featured_content p a{ text-decoration:underline; } */ .post-header-single h1{ color: #08203e; } .featured_post_row .latest_post_wrapper .single_featured_posts .featured_content .author img, .post-header-single .author img{ position: relative; border-radius: 50%; width: 50px; height:50px; object-fit:cover; } .featured_post_row .latest_post_wrapper .single_featured_posts .featured_content .author, .post-header-single .author{ vertical-align: middle; align-items: center; display: flex; } .featured_post_row .latest_post_wrapper .single_featured_posts .featured_content .author span, .post-header-single .author span{ font-size: 14px; padding-left: 0.5em; } .featured_post_row .category_wrapper h6{ font-size: 20px; } .icons { display: inline-block; padding-right: 1em; cursor: pointer; } .categories h6{ font-size: 20px; margin-top: 1em; margin-bottom: 0.5em; } .blog_ad{ margin-top: 3em; } .edition_wrapper { padding-top: 2em!important; } .edition_wrapper .single_editions img{ width: 100%; height: 200px; object-fit: cover; } .edition_wrapper .single_editions h6{ margin: 0; padding: 0.6em; font-size: 14px; background: #e2dddd; padding-left: 1.5em; } .footer_newsletter{ background: radial-gradient(144.82% 699.3% at 123.08% 19.68%, #08203E 0%, #712ACE 100%); padding:2em 0; } .footer_newsletter{ margin-top: 4em!important; } .footer_newsletter .form_wrapper h4{ color:#fff; text-align: center; font-size: 24px; font-weight: 600; } @media only screen and (max-width: 860px) { .owl-nav{ top: 0!important; float:right!important; } .owl-prev{ left:0!important; } .owl-next{ right:0!important; } .active_content{ position: relative!important; } .single_editions{ margin-bottom: 2em; } .category_wrapper{ margin-top: 2em; } } .banner_form .newsletter_form{ background-color: #fff; } .banner_form .newsletter_form h6{ font-size: 16px; text-align: center; background: #08203E; padding: 0.5em; color:#fff; } .banner_form .newsletter_form .newsletter_form_wrapper{ padding: 0.1rem 2em 2rem; color:#fff; } .hs-input[type="email"]{ font-size: 14px; min-height: 40px; } .actions { text-align: center; } input.hs-button.primary.large { width: 50%; margin: 0 auto; text-align: center; box-shadow: none; border-radius: 0; outline: none; border: 0; background: #48deda; padding: 1em; color: #08203e; transition: 0.3s all; border: 1px solid #48deda; text-shadow:none; } input.hs-button.primary.large:hover{ color:#fff; background:#712ace; box-shadow: none; border: 0; border: 1px solid #712ace; } label.hs-form-booleancheckbox-display { text-align: center!important; } .form_wrapper{ text-align: center; margin: 0 auto!important; } .form_wrapper label#label-blog_new_blog_subscription-fc4c66e0-e61c-4ba1-91ec-a1ef7c483dfb{ display: none; } .form_wrapper .hs-form-radio{ display: inline-block!important; padding: 0!important; width: auto!important; padding-right: 0.5em!important; color:#000; } .newsletter_main{ align-items: center!important; display: flex!important; justify-content: center!important; } li.hs-form-radio { display: inline-block; margin-right: 1rem; } .owl-carousel .owl-item img { max-height: 342px; object-fit: cover; min-height: 342px; } .single_featured_posts .featured_content h3, .single_featured_posts .featured_content h2, .single_featured_posts .featured_content h1 { display:none; } /* blog pagnation */ .blog-pagination { margin-top: 0; } .blog-pagination .previous-posts-link { float: none; } .blog-pagination ul { text-align: left; margin: 30px 0 20px; padding:0; padding-left: 5.8rem; } .blog-pagination ul li { display: inline-block; } .blog-pagination ul li a i, .blog-pagination ul li { zoom: 1.2; } .blog-pagination ul li.hide { visibility: hidden; } .blog-pagination ul li a { padding: 0 3px !important; text-decoration: none; line-height: 20px; color: ; } .blog-pagination .next-posts-link { float: none; } .custom-footer-top { margin: 3rem 0; } .custom-footer-contact-us span a { border: 1px solid #33CAD8; padding: 8px 25px; letter-spacing: 1px; text-transform: uppercase; font-size: 15px; } .custom-footer-contact-us span a:hover { border: 1px solid #712ACE; padding: 8px 25px; letter-spacing: 1px; text-transform: uppercase; font-size: 15px; } .custom-footer-top { margin: 2rem 0 0; text-align:center; } .social-button-blog .footer-block-action-container a { display: inline-block; } .custom-footer-social-icons .footer-block-action-container a { margin-right: 1rem; } .custom-footer-social-icons .footer-block-action-container a i, .social_icons a i { font-size: 20px; background: #ccc; padding: 0.4rem; border-radius: 50%; color: #fff; width: 32px; height: 32px; text-align: center; } .custom-footer-social-icons .footer-block-action-container a:hover i, .social_icons a:hover i { color: #712ACE; } .custom-ft-quick-links p a, .custom-ft-quick-links a { display: block; } .category-widget ul { list-style:none; margin: 0; padding: 0; } .social_icons a { margin-right:0.5rem;} .social_icons { margin-bottom:2rem;} .featured_post_row .latest_post_wrapper .single_featured_posts:first-of-type { margin-top: 0; } .custom-footer-contact-us, .custom-footer-social-icons, .custom-ft-quick-links { margin-bottom:2rem; } @media (max-width: 767px){ .st2018sitewrapper { margin-top: 1rem; } } .mar-4 { margin:4rem 0; } .mar-2 { margin:2rem 0; } @media screen and (min-width: 40em) { .post-header-single h1 { width:65%; } } .sidebar{ padding-left:2em; } .form_single_post{ background: #cacaca; padding: 1em; } .hs-blog-listing .form_single_post{ display:none; } .hs-blog-post .banner_row { display:none; } .hs-blog-post .sidebar{ margin-top:2em; } @media only screen and (max-width: 900px) { .tabbutton_wrapper .tabs li { display:block!important; width:100%!important; } .custom-footer-top { text-align:left; } .st2018 .request-a-demo-nav-button{ width: 33vw!important; } .web_browse{ display:none!important; clear:both; } .mob_browse{ display:block!important; clear:both; font-size: 21px; color: #fff; line-height: 29px; margin-top: 1em; } } .web_browse{ display:block; clear:both; } .mob_browse{ display:none; clear:both; font-size: 21px; color: #fff; line-height: 29px; margin-top: 1em; } .featured_content a{ color:#33CAD8!important; } .featured_content a:hover{ color:#712ACE!important; } @media only screen and (min-width:750px){ .st2018 .hs-menu-item a, .st2018 .hs-menu-depth-2 a{ font-size: 1.0641vw!important; } } .hs-blog-post .blog-content .widget-type-blog_content .post-body p a { color: #33cad8; } .hs-blog-post .blog-content .widget-type-blog_content .post-body p a:hover { color: #191919; } .tabs{ margin: 0px; padding: 0px; list-style: none; } .tabs li{ background: none; display: inline-block; padding: 15px 15px; cursor: pointer; font-size: 16px; color: #000; } .tabs li:hover { background: #ccc; } .tabs li.active, .tabs li.active a:hover { font-weight: bold; background: #fff; } .tab_content{ display: none; padding: 15px; } .tab_content.active{ display: inherit; } @media only screen and (max-width: 700px) { .ptb90{ padding:0!important; } }