/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}
@charset "UTF-8";
/**
* Vitesse Sans
*/
@font-face {
font-family: 'Vitesse Sans';
src: local(), local("VitesseSans-Bold"), url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/VitesseSans-Bold.woff2) format("woff2"), url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/VitesseSans-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Vitesse Sans Book';
src: local(), local("VitesseSans-Book"), url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/VitesseSans-Book.woff2) format("woff2"), url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/VitesseSans-Book.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Vitesse Sans';
src: local(), local("VitesseSans-Medium"), url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/VitesseSans-Medium.woff2) format("woff2"), url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/VitesseSans-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap; }
/**
* Idlewild
*/
@font-face {
font-family: 'Idlewild';
src: local(), local("Idlewild-Bold"), url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/Idlewild-Bold.woff2) format("woff2"), url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/Idlewild-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Idlewild Book';
src: local(), local("Idlewild-Book"), url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/Idlewild-Book.woff2) format("woff2"), url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/Idlewild-Book.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Idlewild';
src: local(), local("Idlewild-Medium"), url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/Idlewild-Medium.woff2) format("woff2"), url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/Idlewild-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap; }
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0; }
/**
* Render the `main` element consistently in IE.
*/
main {
display: block; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent; }
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */ }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline; }
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none; }
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none; }
@font-face {
font-family: "icon-font";
src: url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/icon-font.woff2?1702495885") format("woff2"), url(//9400792.fs1.hubspotusercontent-na1.net/hubfs/9400792/raw_assets/public/Ringy/fonts/icon-font.woff?1702495885") format("woff");
font-weight: normal;
font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: 'icon-font';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: swap;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-chevron-right:before {
content: "\"; }
.icon-chevron-left:before {
content: "\"; }
.icon-chevron-up:before {
content: "\"; }
.icon-chevron-down:before {
content: "\"; }
.icon-play:before {
content: "\"; }
.icon-circle-checkmark:before {
content: "\"; }
.icon-circle-add:before {
content: "\"; }
.icon-calendly:before {
content: "\"; }
.icon-long-arrow-up:before {
content: "\"; }
.icon-long-arrow-down:before {
content: "\"; }
.icon-arrow-right:before {
content: "\"; }
.icon-arrow-left:before {
content: "\"; }
.icon-quote:before {
content: "\"; }
.icon-plus:before {
content: "\"; }
.icon-search:before {
content: "\"; }
.icon-facebook:before {
content: "\"; }
.icon-linkedin:before {
content: "\"; }
.icon-twitter:before {
content: "\"; }
.icon-pin:before {
content: "\"; }
.icon-rocket:before {
content: "\"; }
.icon-checkmark:before {
content: "\"; }
.icon-circle-play:before {
content: "\"; }
.row-fluid-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px; }
@media (min-width: 782px) {
.row-fluid-flex {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.row-fluid-flex.align-items-center, .menus.desktop nav > ul.row-fluid-flex {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.row-fluid-flex.justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.row-fluid-flex.justify-content-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.row-fluid-flex.justify-content-space-around {
-ms-flex-pack: distribute;
justify-content: space-around; }
@media (min-width: 782px) {
.row-fluid-flex.flex-md-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.row-fluid-flex.gutter-40 {
margin-left: -40px;
margin-right: -40px; }
.row-fluid-flex.gutter-40 div[class^="flex-"] {
padding-left: 40px;
padding-right: 40px; }
.row-fluid-flex.gutter-30 {
margin-left: -30px;
margin-right: -30px; }
.row-fluid-flex.gutter-30 div[class^="flex-"] {
padding-left: 30px;
padding-right: 30px; }
div[class^="flex-"] {
padding-left: 15px;
padding-right: 15px; }
.flex-6 {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.flex-5 {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.flex-4 {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.flex-3 {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.flex-8 {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.flex-9 {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.flex-12 {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media (min-width: 600px) {
.flex-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.flex-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.flex-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.flex-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.flex-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.flex-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.flex-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.flex-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.flex-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.flex-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.flex-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.flex-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.flex-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.flex-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
@media (min-width: 782px) {
.row-fluid-flex {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.flex-6 {
max-width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%; }
.flex-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.flex-3 {
max-width: 25%;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%; }
.flex-4 {
max-width: 33.33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%; }
.flex-8 {
max-width: 66.66%;
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66%;
flex: 0 0 66.66%; }
.flex-9 {
max-width: 75%;
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%; }
.flex-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.flex-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.flex-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.flex-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.flex-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.flex-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.flex-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.flex-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.flex-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.flex-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.flex-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.flex-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
@media (min-width: 992px) {
.flex-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.flex-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.flex-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.flex-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.flex-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.flex-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.flex-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.flex-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.flex-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.flex-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.flex-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.flex-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.flex-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.flex-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
.align-items-center, .menus.desktop nav > ul {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.justify-content-end, .menus.desktop nav > ul {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
font-weight: 400;
font-family: "Source Sans Pro";
background-color: white;
/**
* Add in a custom grid container for the HS grid
*/
/**
* Make space for the editor when editing
*/
/**
* Override inline HS column paddings
*/
/**
* Override hbspot embed map class
*/
/**
* Mobile overlay
*/
/**
* hide-scrollbars
*/
/* Hide scrollbar for Chrome, Safari and Opera */
/* Hide scrollbar for IE, Edge and Firefox */
/**
* No Posts messaging
*/
/**
* Some global typography styles
*/
/**
* Some spacing helpers
*/ }
body.has-notification-bar {
padding-top: 42px; }
body main.body-container-wrapper {
overflow-x: hidden; }
body main.body-container-wrapper.spacer {
margin-top: 85px; }
body * {
box-sizing: border-box; }
@media (min-width: 992px) {
body main.body-container-wrapper.spacer {
margin-top: calc(110px); } }
body .hs-container {
max-width: calc(1240px + 60px);
margin: 0 auto;
padding-left: 30px;
padding-right: 30px; }
.hs-inline-edit body .body-container-wrapper {
padding-top: 110px; }
@media (max-width: 781px) {
body span.hs_cos_wrapper > div[style^="padding:"] {
padding: 0 !important; } }
@media (max-width: 991px) {
body .text-align-center-md {
text-align: center; } }
body .hs-responsive-embed {
max-width: none !important;
max-height: none !important; }
body .hs-responsive-embed-inner-wrapper {
padding-bottom: 60% !important; }
@media (min-width: 782px) {
body .hs-responsive-embed-inner-wrapper {
padding-bottom: 75% !important; } }
body .no-list {
list-style-type: none;
padding: 0;
margin: 0; }
@media (max-width: 991px) {
body main.body-container-wrapper,
body footer.footer {
-webkit-transition: filter 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: filter 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
-o-transition: filter 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out;
transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
body main.body-container-wrapper:after,
body footer.footer:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.2s ease 0s, visibility 0s ease 0.2s;
-o-transition: opacity 0.2s ease 0s, visibility 0s ease 0.2s;
transition: opacity 0.2s ease 0s, visibility 0s ease 0.2s;
z-index: 80; }
body.menu-open main.body-container-wrapper,
body.menu-open footer.footer {
position: relative;
filter: blur(2px); }
body.menu-open main.body-container-wrapper:after,
body.menu-open footer.footer:after {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s, 0s;
-o-transition-delay: 0s, 0s;
transition-delay: 0s, 0s; } }
body .hide-scrollbars::-webkit-scrollbar {
display: none; }
body .hide-scrollbars {
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */ }
body .message.no-posts {
background-color: #f2f3f4;
color: #7b7c7f;
padding: 10px 15px; }
body ul.stylized-list, body .wysiwyg ul {
list-style-type: none;
padding-left: 20px; }
body ul.stylized-list li, body .wysiwyg ul li {
position: relative;
margin-bottom: 1.1em;
padding-top: 3px; }
body ul.stylized-list li:before, body .wysiwyg ul li:before {
content: '•';
position: absolute;
left: -20px;
top: 0px;
font-size: 35px;
color: #e5e5e5; }
body .global--video-wrap {
width: 100%;
position: relative;
padding-bottom: 56.24%; }
body .global--video-wrap iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
body ol.pillar-list {
border-left: 7px solid #8C00FF;
list-style: none;
counter-reset: li;
padding-left: 50px; }
body ol.pillar-list > li {
position: relative;
counter-increment: li;
margin-bottom: 22px; }
body ol.pillar-list > li:before {
position: absolute;
content: counter(li) ". ";
color: #8C00FF;
font-weight: bold;
left: -24px; }
body ul.pillar-list {
list-style-type: none;
border-left: 7px solid #8C00FF;
padding-left: 47px; }
body ul.pillar-list li {
position: relative;
margin-bottom: 22px; }
body ul.pillar-list li:before {
position: absolute;
left: -20px;
font-size: 30px;
content: '•';
color: #8C00FF;
top: -2px; }
body .idlewild {
font-family: "Idlewild"; }
body .vitesse {
font-family: "Vitesse Sans"; }
body .primary-color {
color: #8C00FF; }
body .secondary-color {
color: #FF96D2; }
body .tertiary-color {
color: #50E6C8; }
body .purple-gradient {
background: -webkit-linear-gradient(left, #8c00ff 0%, #ff96d2 100%);
background: -o-linear-gradient(left, #8c00ff 0%, #ff96d2 100%);
background: linear-gradient(90deg, #8c00ff 0%, #ff96d2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
body .mb-20 {
margin-bottom: 20px; }
body .mb-25 {
margin-bottom: 25px; }
body .mb-60 {
margin-bottom: 60px; }
body .mt-20 {
margin-top: 20px; }
body .body-1,
body .body-1 p,
body .body-1 span,
body .body-1 a {
font-size: 20px; }
body .body-2,
body .body-2 p,
body .body-2 span,
body .body-2 a {
font-size: 16px; }
body .body-wrapper {
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
body .body-wrapper img {
max-width: 100%;
height: auto; }
html {
font-size: 16px; }
@media (max-width: 767px) {
html {
font-size: 16px; } }
body {
font-family: "Source Sans Pro";
line-height: 1.4; }
/* Paragraphs */
p {
font-size: 16px;
margin: 0 0 1.4rem; }
p:last-of-type {
margin-bottom: 0; }
li {
font-size: 16px; }
strong {
font-weight: 700; }
/* Anchors */
a {
color: #8C00FF;
cursor: pointer;
text-decoration: none; }
a:hover {
text-decoration: none; }
/* Anchors */
a:hover,
a:focus {
color: #8C00FF; }
a:active {
color: #50E6C8; }
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
margin: 0 0 1rem;
word-break: break-word; }
.h1,
h1 {
font-size: 34px;
line-height: 1.2em;
font-family: "Vitesse Sans"; }
.h2,
h2 {
font-size: 30px;
line-height: 1.2em;
font-family: "Vitesse Sans"; }
.h3,
h3 {
font-size: 26px;
line-height: 1.2em;
font-family: "Vitesse Sans"; }
.h4,
h4 {
font-size: 22px;
line-height: 1.2em;
font-family: "Vitesse Sans"; }
.h5,
h5 {
font-size: 18px;
line-height: 1.2em;
font-family: "Vitesse Sans";
text-transform: uppercase; }
.h6,
h6 {
font-size: 16px;
line-height: 1.2em;
font-family: "Idlewild"; }
@media (min-width: 782px) {
.h1,
h1 {
font-size: 45px;
line-height: 47px; }
.h2,
h2 {
font-size: 35px;
line-height: 37px; }
.h3,
h3 {
font-size: 30px;
line-height: 32px; }
.h4,
h4 {
font-size: 24px;
line-height: 26px; }
.h5,
h5 {
font-size: 18px;
line-height: 20px; }
.h6,
h6 {
font-size: 16px;
line-height: 18px; } }
/* Lists */
ul,
ol {
margin: 0 0 1.5rem; }
ul ul,
ol ul,
ul ol,
ol ol {
margin: 0; }
ul.no-list {
list-style: none; }
/* Code blocks */
code {
vertical-align: bottom; }
/* Blockquotes */
blockquote {
border-left: 2px solid #FF96D2;
margin: 0 0 1.4rem;
padding-left: 15px; }
/* Horizontal rules */
hr {
background-color: #CCC;
border: none;
color: #CCC;
height: 1px; }
/* Subscripts and superscripts */
sup,
sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* Focus styles */
:focus {
outline: auto;
outline-color: green; }
.disable-focus-styles :focus {
outline: none; }
@-webkit-keyframes pulse-secondary {
0% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 150, 210, 0.7); }
70% {
-webkit-transform: scale(1);
transform: scale(1);
box-shadow: 0 0 0 30px rgba(255, 150, 210, 0); }
100% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 150, 210, 0); } }
@-o-keyframes pulse-secondary {
0% {
-o-transform: scale(0.95);
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 150, 210, 0.7); }
70% {
-o-transform: scale(1);
transform: scale(1);
box-shadow: 0 0 0 30px rgba(255, 150, 210, 0); }
100% {
-o-transform: scale(0.95);
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 150, 210, 0); } }
@keyframes pulse-secondary {
0% {
-webkit-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 150, 210, 0.7); }
70% {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
box-shadow: 0 0 0 30px rgba(255, 150, 210, 0); }
100% {
-webkit-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 150, 210, 0); } }
blockquote {
background: transparent;
margin: 50px auto;
font-family: "Source Sans Pro";
padding: 0;
text-align: center;
font-size: 20px !important;
font-weight: normal;
color: #8C00FF;
line-height: 38px;
position: relative;
overflow: hidden;
border-top: 3px solid #8C00FF;
border-bottom: 3px solid #8C00FF;
padding: 30px 0;
border-left: 0;
line-height: 1.4em; }
blockquote p {
color: #8C00FF;
font-size: 20px !important;
line-height: 1.4em; }
blockquote cite {
display: block;
font-size: 18px;
margin-top: 17px; }
blockquote p:last-of-type {
margin-bottom: 0; }
blockquote.is-large.wp-block-quote {
margin: 0 0 20px;
padding: 0; }
blockquote.is-large.wp-block-quote cite {
text-align: center; }
.btn-arrow {
color: black;
position: relative;
letter-spacing: 0.05em;
text-transform: uppercase;
font-family: "Vitesse Sans";
font-weight: normal;
font-size: 15px;
padding-right: 30px;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
min-width: 252px; }
.btn-arrow.light {
color: #f1f3f4; }
.btn-arrow:after {
content: "\";
font-family: 'icon-font';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: swap;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #50E6C8;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
.btn-arrow:hover {
color: #50E6C8; }
.btn-arrow:hover:after {
-webkit-transform: translate(5px, -50%);
-o-transform: translate(5px, -50%);
transform: translate(5px, -50%); }
.btn-arrow.arrow_white_down:after {
color: white;
-webkit-transform: rotate(90deg) translateY(-50%);
-o-transform: rotate(90deg) translateY(-50%);
transform: rotate(90deg) translateY(-50%);
-webkit-transform-origin: top;
-o-transform-origin: top;
transform-origin: top; }
.btn-arrow.arrow_white_down:hover {
color: #8C00FF; }
.btn-arrow.arrow_white_down:hover:after {
-webkit-transform: rotate(90deg) translate(0, -50%);
-o-transform: rotate(90deg) translate(0, -50%);
transform: rotate(90deg) translate(0, -50%); }
.navigation-primary a.small-btn,
a.small-btn {
font-family: "Vitesse Sans";
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
border-radius: 4px;
display: inline-block;
padding: 22px 30px;
line-height: 1em;
margin-top: 20px;
font-weight: bold;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.navigation-primary a.small-btn.outline.black,
a.small-btn.outline.black {
border: 1px solid black; }
.navigation-primary a.small-btn.outline.black:hover,
a.small-btn.outline.black:hover {
background-color: white; }
.btn,
.hs-button {
min-width: 252px;
display: inline-block;
text-decoration: none;
text-align: center;
position: relative;
outline: none;
border: 1px solid #50E6C8;
-webkit-appearance: none;
appearance: none;
text-transform: none;
cursor: pointer;
-webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
-o-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
font-family: "Vitesse Sans";
width: auto;
padding: 13px 30px;
vertical-align: top;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 100%;
box-sizing: border-box;
border-radius: 5px;
text-transform: uppercase;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 55px;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.btn.purple, .btn.primary,
.hs-button.purple,
.hs-button.primary {
background-color: #8C00FF;
color: white; }
.btn.purple:hover, .btn.primary:hover,
.hs-button.purple:hover,
.hs-button.primary:hover {
text-decoration: none;
color: white;
background-color: #FF96D2; }
.btn.pink, .btn.secondary,
.hs-button.pink,
.hs-button.secondary {
color: black;
text-decoration: none;
background-color: #FF96D2;
border: 2px solid #FF96D2; }
.btn.pink:hover, .btn.secondary:hover,
.hs-button.pink:hover,
.hs-button.secondary:hover {
color: white;
border-color: #8C00FF;
background-color: #8C00FF; }
.btn.green, .btn.tertiary, .btn[type="submit"],
.hs-button.green,
.hs-button.tertiary,
.hs-button[type="submit"] {
color: black;
text-decoration: none;
background-color: #50E6C8;
border: 2px solid #50E6C8; }
.btn.green:hover, .btn.tertiary:hover, .btn[type="submit"]:hover,
.hs-button.green:hover,
.hs-button.tertiary:hover,
.hs-button[type="submit"]:hover {
color: white;
border-color: #8C00FF;
background-color: #8C00FF; }
.btn.green.light, .btn.tertiary.light, .btn[type="submit"].light,
.hs-button.green.light,
.hs-button.tertiary.light,
.hs-button[type="submit"].light {
color: white; }
.btn.white,
.hs-button.white {
color: #8C00FF;
text-decoration: none;
background-color: white;
border: 2px solid white; }
.btn.white:hover,
.hs-button.white:hover {
color: white;
border-color: #8C00FF;
background-color: #8C00FF; }
.btn.outline,
.hs-button.outline {
background-color: transparent;
border-width: 2px;
border-style: solid;
overflow: hidden;
position: relative; }
.btn.outline.primary:hover,
.hs-button.outline.primary:hover {
border-color: #8C00FF;
background-color: #8C00FF;
color: white; }
.btn.outline.secondary:hover,
.hs-button.outline.secondary:hover {
border-color: #FF96D2;
background-color: #FF96D2;
color: white; }
.btn.outline.tertiary:hover,
.hs-button.outline.tertiary:hover {
border-color: #50E6C8;
background-color: #50E6C8;
color: white; }
.btn.disabled,
.hs-button.disabled {
color: #e5e5e5;
cursor: default; }
.btn.disabled:hover,
.hs-button.disabled:hover {
color: #e5e5e5; }
.btn.disabled:hover:after,
.hs-button.disabled:hover:after {
-webkit-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
transform: translate(0px, -50%); }
.btn.disabled:after,
.hs-button.disabled:after {
color: #e5e5e5; }
.menus.desktop {
display: none;
width: auto;
position: static;
max-height: 110px;
/**
* Cta stuff
*/
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.menus.desktop > #hs_cos_wrapper_navigation-primary {
max-height: 110px; }
.shrink .menus.desktop {
max-height: 90px;
padding-top: 0; }
.shrink .menus.desktop > #hs_cos_wrapper_navigation-primary {
max-height: 90px; }
.shrink .menus.desktop ul > li > a {
color: white !important; }
.shrink .menus.desktop ul > li > a:hover, .shrink .menus.desktop ul > li > a.active-item {
color: #FF96D2 !important; }
.template-pillar-2 .menus.desktop ul > li > a,
.template-pillar .menus.desktop ul > li > a,
.template-dark_temp .menus.desktop ul > li > a,
.template-skinny .menus.desktop ul > li > a,
.template-dark .menus.desktop ul > li > a,
.hs-blog-listing .menus.desktop ul > li > a,
.hs-blog-post .menus.desktop ul > li > a,
.hs-content-id-0 .menus.desktop ul > li > a {
color: white; }
.template-pillar-2 .menus.desktop ul > li > a svg path,
.template-pillar .menus.desktop ul > li > a svg path,
.template-dark_temp .menus.desktop ul > li > a svg path,
.template-skinny .menus.desktop ul > li > a svg path,
.template-dark .menus.desktop ul > li > a svg path,
.hs-blog-listing .menus.desktop ul > li > a svg path,
.hs-blog-post .menus.desktop ul > li > a svg path,
.hs-content-id-0 .menus.desktop ul > li > a svg path {
fill: white; }
.template-pillar-2 .menus.desktop ul > li > a:hover,
.template-pillar .menus.desktop ul > li > a:hover,
.template-dark_temp .menus.desktop ul > li > a:hover,
.template-skinny .menus.desktop ul > li > a:hover,
.template-dark .menus.desktop ul > li > a:hover,
.hs-blog-listing .menus.desktop ul > li > a:hover,
.hs-blog-post .menus.desktop ul > li > a:hover,
.hs-content-id-0 .menus.desktop ul > li > a:hover {
color: #FF96D2; }
.template-pillar-2 .menus.desktop ul > li > a:hover svg path,
.template-pillar .menus.desktop ul > li > a:hover svg path,
.template-dark_temp .menus.desktop ul > li > a:hover svg path,
.template-skinny .menus.desktop ul > li > a:hover svg path,
.template-dark .menus.desktop ul > li > a:hover svg path,
.hs-blog-listing .menus.desktop ul > li > a:hover svg path,
.hs-blog-post .menus.desktop ul > li > a:hover svg path,
.hs-content-id-0 .menus.desktop ul > li > a:hover svg path {
fill: #FF96D2; }
.template-inner .menus.desktop ul > li > a {
color: #2a2a2a; }
.template-inner .menus.desktop ul > li > a.active-item {
color: #8C00FF; }
.template-inner .menus.desktop ul > li > a:hover {
color: #8C00FF; }
.template-inner .menus.desktop ul.level-1 > li > a.active-item {
color: #2a2a2a; }
.template-inner .menus.desktop ul.submenu.level-1 > .has-submenu > a.has-children:after {
border-top-color: #2a2a2a; }
.template-inner .menus.desktop ul.submenu:not(.level-1) > li > a {
color: white; }
.menus.desktop nav > ul {
list-style-type: none;
padding: 0;
margin: 0;
margin: 0 !important;
text-align: right; }
.menus.desktop nav > ul > li {
display: inline-block;
padding: 0;
margin: px 0 0 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 24px; }
.menus.desktop nav > ul > li.menu-item:last-child > .menu-link {
background-color: transparent;
border-radius: 5px;
padding: 10px 14px;
border: 1px solid white;
-webkit-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.menus.desktop nav > ul > li.menu-item:last-child:hover > .menu-link {
color: black !important;
background-color: #FF96D2;
border-color: #FF96D2; }
.menus.desktop nav > ul > li.menu-item:last-child > ul {
background-color: transparent;
padding: 0;
width: 100%; }
.menus.desktop nav > ul > li.menu-item:last-child > ul > li {
margin-bottom: 9px; }
.menus.desktop nav > ul > li.menu-item:last-child > ul > li > a {
padding: 10px 14px;
border: 1px solid white;
border-radius: 5px !important;
text-align: center;
display: block;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-weight: 500; }
.shrink .menus.desktop nav > ul > li.menu-item:last-child > ul > li > a {
background-color: black; }
.menus.desktop nav > ul > li.menu-item:last-child > ul > li > a:hover {
background-color: black !important;
color: #FF96D2; }
.menus.desktop nav > ul > li + li {
margin-left: 25px; }
.menus.desktop nav > ul > li > a {
white-space: nowrap;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 100%;
font-family: "Vitesse Sans";
text-decoration: none;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-transform: none;
text-transform: uppercase;
letter-spacing: 0.1em; }
.menus.desktop .mega-nav-wrap.has-cta {
padding-left: 0;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset; }
.menus.desktop .mega-nav-wrap.has-cta .mega-nav--title {
text-align: left;
color: white;
padding: 0 10px; }
.menus.desktop .mega-nav-wrap.has-cta .mega-nav ul.submenu {
height: auto; }
.menus.desktop .mega-nav-wrap.has-cta ul.submenu--meganav_link_meta {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%; }
.menus.desktop .mega-nav-wrap.has-cta ul.submenu--meganav_link_meta li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.menus.desktop .mega-nav-wrap.has-cta ul.submenu--meganav_link_meta .mega-menu--link_info,
.menus.desktop .mega-nav-wrap.has-cta ul.submenu--meganav_link_meta .mega-menu--link_image {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-right: 0; }
.menus.desktop .mega-nav-wrap.has-cta .mega-menu--link_image {
margin-bottom: 20px; }
.menus.desktop .mega-nav-wrap.has-cta .mega-nav-wrap--callout {
text-align: left;
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
background-color: #50E6C8;
padding: 40px 30px 40px; }
.menus.desktop .mega-nav-wrap.has-cta .mega-nav-wrap--callout .small-btn {
padding: 16px 30px; }
@media (min-width: 992px) {
.menus.desktop {
display: block; } }
body form {
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
body form .hs-form-field input[type=text], body form .hs-form-field input[type=email], body form .hs-form-field input[type=password], body form .hs-form-field input[type=tel], body form .hs-form-field input[type=number], body form .hs-form-field input[type=file], body form .hs-form-field select {
-webkit-appearance: none;
appearance: none;
border: 1px solid #d1d6dc;
outline: none;
padding-left: 15px;
padding-right: 15px;
height: 43px;
margin-bottom: 15px;
background-color: rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 5px; }
body form .hs-form-field input[type=text]:focus, body form .hs-form-field input[type=email]:focus, body form .hs-form-field input[type=password]:focus, body form .hs-form-field input[type=tel]:focus, body form .hs-form-field input[type=number]:focus, body form .hs-form-field input[type=file]:focus, body form .hs-form-field select:focus {
border-color: #0063A6;
outline: none; }
body form .hs-form-field textarea {
border-radius: 5px;
border: 1px solid #d1d6dc;
min-height: 150px;
background-color: rgba(0, 0, 0, 0.05);
margin-bottom: 15px;
padding: 15px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
body form .hs-form-field textarea:focus {
border: 1px solid #0063A6;
outline: none; }
body form .hs-input {
width: 100% !important; }
body form .form-columns-2 .input {
margin-right: 8px !important; }
body form .input {
margin-right: 0 !important; }
body form label {
display: block;
color: #333333;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
margin-bottom: 10px; }
body form label.hs-error-msg {
background-color: red;
color: white;
padding: 8px;
text-transform: none;
letter-spacing: normal;
font-weight: normal;
margin-top: -15px;
padding-left: 13px; }
body form .actions {
margin-top: 15px; }
body form .legal-consent-container p {
font-size: 10px;
line-height: 15px;
text-transform: initial; }
body form .legal-consent-container p a {
color: #FF96D2;
text-decoration: underline; }
body form .hubspot-link__container.sproket {
display: none; }
.menu-trigger-container {
height: 50px;
width: 50px;
position: relative;
cursor: pointer;
background-color: transparent;
-webkit-transition: background-color 0.3s ease, border 0.3s ease;
-o-transition: background-color 0.3s ease, border 0.3s ease;
transition: background-color 0.3s ease, border 0.3s ease;
margin-right: 15px; }
.menu-trigger {
display: block;
position: absolute;
height: auto;
z-index: 4;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
top: 50%;
width: 31px;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.menu-trigger .bar {
left: 0px;
background: -webkit-linear-gradient(357.07deg, #8C00FF -8.21%, #FF96D2 154.11%);
background: -o-linear-gradient(357.07deg, #8C00FF -8.21%, #FF96D2 154.11%);
background: linear-gradient(92.93deg, #8C00FF -8.21%, #FF96D2 154.11%);
height: 3px;
display: block;
-webkit-transition: right 0.3s ease, -webkit-transform 0.3s ease;
transition: right 0.3s ease, -webkit-transform 0.3s ease;
-o-transition: right 0.3s ease, -o-transform 0.3s ease;
transition: right 0.3s ease, transform 0.3s ease;
transition: right 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center; }
.menu-trigger .bar + .bar {
margin-top: 6px; }
.header-overlap-content:not(.menu-open):not(.shrink) .menu-trigger .bar {
background-color: black; }
.menu-open .menu-trigger {
top: 53%; }
.menu-open .menu-trigger .bar {
width: 25px;
margin: -3px 0 0 3px; }
.menu-open .menu-trigger .bar-3 {
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.menu-open .menu-trigger .bar-2 {
opacity: 0; }
.menu-open .menu-trigger .bar-1 {
margin-bottom: 0;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.menus.mobile {
position: fixed;
height: calc(100% - 85px);
width: 100%;
z-index: 100;
display: block;
background-color: transparent;
-webkit-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
top: 85px;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.menus.mobile .mobile-menu-inner {
background-color: rgba(42, 42, 42, 0.6);
width: 100%;
height: 100%;
padding: 50px 0px 100px 0px;
margin-left: auto;
overflow-y: auto; }
.menus.mobile .mobile-menu-inner > .container {
width: 100%;
max-width: none;
padding: 0; }
.menus.mobile .mobile-menu-inner > .container .row, .menus.mobile .mobile-menu-inner > .container .menus.desktop nav > ul, .menus.desktop .menus.mobile .mobile-menu-inner > .container nav > ul {
margin: 0; }
.menus.mobile .mobile-menu-inner > .container .row .col-12, .menus.mobile .mobile-menu-inner > .container .menus.desktop nav > ul .col-12, .menus.desktop .menus.mobile .mobile-menu-inner > .container nav > ul .col-12 {
padding: 0; }
.menu-open .menus.mobile {
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.menus.mobile .submenu--meganav_link_meta {
display: none; }
.menus.mobile .mega-nav-wrap--callout {
background-color: #50E6C8;
padding: 20px;
margin-top: 20px;
border-radius: 5px; }
.menus.mobile .mega-nav-wrap--callout * {
color: #333333; }
.menus.mobile .mega-nav-wrap--callout p {
text-transform: none; }
.menus.mobile .mega-nav-wrap--callout .small-btn {
padding: 12px 20px !important; }
.menus.mobile .mega-nav--title {
margin-top: 40px;
color: white; }
.menus.mobile nav {
width: 100%; }
.menus.mobile nav > ul {
list-style-type: none;
padding: 0;
margin: 0;
display: block !important; }
.menus.mobile nav > ul .mega-nav-wrap,
.menus.mobile nav > ul .submenu.level-2 {
display: none; }
.menus.mobile nav > ul.submenu.level-1 > .has-submenu > a.has-children:after {
bottom: unset;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: -23px; }
.menus.mobile nav > ul .submenu {
padding: 19px; }
.menus.mobile nav > ul .submenu.mega-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.menus.mobile nav > ul .submenu.mega-nav li {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 600px) {
.menus.mobile nav > ul .submenu.mega-nav li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
.menus.mobile nav > ul .submenu .mega-menu--link_image,
.menus.mobile nav > ul .submenu .mega-menu--link_info p {
display: none; }
.menus.mobile nav > ul .submenu.level-2 li a {
color: white;
font-size: 14px;
font-family: "Vitesse Sans"; }
.menus.mobile nav > ul .mega-nav-wrap li[data-title="node-is-title"] {
margin: 20px 0; }
.menus.mobile nav > ul .mega-nav-wrap li[data-title="node-is-title"] a {
font-size: 30px;
line-height: 32px;
font-weight: bold; }
.menus.mobile nav > ul .mega-nav-wrap li a {
color: white;
font-size: 14px;
font-family: "Vitesse Sans"; }
.menus.mobile nav > ul.submenu.level-1 > li + li {
border-top: 0; }
.menus.mobile nav > ul > li {
display: block !important;
text-align: center; }
.menus.mobile nav > ul > li a {
padding: 0 !important;
font-family: "Vitesse Sans";
text-align: center;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translateY(-25px);
-o-transform: translateY(-25px);
transform: translateY(-25px);
opacity: 0; }
.menu-open .menus.mobile nav > ul > li a {
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1; }
.menu-open .menus.mobile nav > ul > li {
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s; }
.menu-open .menus.mobile nav > ul > li:nth-child(2) a {
-webkit-transition-delay: 0.25s;
-o-transition-delay: 0.25s;
transition-delay: 0.25s; }
.menu-open .menus.mobile nav > ul > li:nth-child(3) a {
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.menu-open .menus.mobile nav > ul > li:nth-child(4) a {
-webkit-transition-delay: 0.35s;
-o-transition-delay: 0.35s;
transition-delay: 0.35s; }
.menu-open .menus.mobile nav > ul > li:nth-child(5) a {
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s; }
.menu-open .menus.mobile nav > ul > li:nth-child(6) a {
-webkit-transition-delay: 0.45s;
-o-transition-delay: 0.45s;
transition-delay: 0.45s; }
.menu-open .menus.mobile nav > ul > li:nth-child(7) a {
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s; }
.menu-open .menus.mobile nav > ul > li:nth-child(8) a {
-webkit-transition-delay: 0.55s;
-o-transition-delay: 0.55s;
transition-delay: 0.55s; }
.menu-open .menus.mobile nav > ul > li:nth-child(9) a {
-webkit-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s; }
.menu-open .menus.mobile nav > ul > li:nth-child(10) a {
-webkit-transition-delay: 0.65s;
-o-transition-delay: 0.65s;
transition-delay: 0.65s; }
.menus.mobile nav > ul > li > a {
padding: 7px 30px;
font-size: 22px;
font-family: "Vitesse Sans";
text-decoration: none;
color: white;
display: inline-block;
font-weight: 600;
position: relative;
text-align: center;
text-transform: uppercase;
width: auto; }
.menus.mobile nav > ul li.has-submenu:after {
display: none; }
.menus.mobile nav > ul li.has-mega-menu,
.menus.mobile nav > ul li.stylize-menu-item {
position: relative; }
.menus.mobile nav > ul li.has-mega-menu:before,
.menus.mobile nav > ul li.stylize-menu-item:before {
font-family: 'icon-font';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: swap;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\";
position: absolute;
color: #8C00FF;
top: 25px;
right: 28px;
color: #00aef0;
font-size: 27px;
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.menus.mobile nav > ul li.has-mega-menu.open:before,
.menus.mobile nav > ul li.stylize-menu-item.open:before {
top: 23px;
-webkit-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg); }
.menus.mobile nav > ul li.stylize-menu-item {
background-blend-mode: multiply;
background-image: -webkit-linear-gradient(76.13deg, #D90889, #EF1C21);
background-image: -o-linear-gradient(76.13deg, #D90889, #EF1C21);
background-image: linear-gradient(13.87deg, #D90889, #EF1C21); }
.menus.mobile nav > ul li.stylize-menu-item:before {
color: white;
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg); }
.menus.mobile nav > ul li.stylize-menu-item > a {
color: white;
border: none; }
@media (min-width: 992px) {
.menus.mobile {
display: none; } }
body.has-announcement-bar .menus.mobile {
top: 229px; }
.block.breadcrumb {
margin: 0;
padding: 20px 0;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.block.breadcrumb .breadcrumbs {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.125em; }
.block.breadcrumb .breadcrumbs a {
text-decoration: none;
color: #8C00FF;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease; }
.block.breadcrumb .breadcrumbs a:hover {
color: #FF96D2; }
.block.breadcrumb .breadcrumbs i {
vertical-align: -2px;
color: #e5e5e5; }
ul.social-icons {
list-style-type: none;
padding: 0;
margin: 0;
margin-top: 15px; }
ul.social-icons li {
display: inline-block;
margin-right: 15px; }
ul.social-icons li:last-child {
margin-right: 0; }
ul.social-icons li:hover span.icon {
background-color: #8C00FF;
border-color: #8C00FF;
color: black; }
ul.social-icons li a {
background-color: #e5e5e5;
width: 32px;
height: 32px;
text-decoration: none;
font-size: 20px;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
position: relative;
display: block;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease; }
ul.social-icons li a:hover {
background-color: #8C00FF; }
ul.social-icons li a:hover i {
color: white; }
ul.social-icons li a i {
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
color: #e5e5e5;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -40%);
-o-transform: translate(-50%, -40%);
transform: translate(-50%, -40%);
font-size: 15px; }
ul.social-icons li a:hover {
color: #FF96D2; }
.sidebar {
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.sidebar .sidebar-item {
margin-bottom: 30px; }
.sidebar .sidebar-item p {
font-size: 13px;
line-height: 1.62;
color: #e5e5e5; }
.sidebar .sidebar-item:last-child {
margin-bottom: 0; }
ul.share-post {
width: auto;
list-style-type: none;
padding: 0;
margin: 0;
padding: 0px;
display: table;
margin-top: 15px; }
ul.share-post li {
vertical-align: middle;
margin-right: 20px;
display: inline-block; }
ul.share-post li:last-child {
margin-right: 0; }
ul.share-post li a {
font-size: 20px;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #8C00FF; }
ul.share-post li a:hover {
color: #FF96D2; }
.radio-input-wrap input[type="radio"] {
opacity: 0;
position: absolute; }
.radio-input-wrap input[type="radio"]:focus {
outline: none; }
.radio-input-wrap label {
position: relative;
display: inline-block;
overflow: visible !important;
/*16px width of fake checkbox + 6px distance between fake checkbox and text*/
padding-left: 26px !important;
font-size: 16px !important;
margin-bottom: 8px; }
.radio-input-wrap label::before,
.radio-input-wrap label::after {
position: absolute;
content: "";
/*Needed for the line-height to take effect*/
display: inline-block; }
/*Outer box of the fake checkbox*/
.radio-input-wrap label::before {
height: 19px;
width: 19px;
background-color: #f2f3f4;
border: 1px solid #e5e5e5;
left: 0px;
border-radius: 50%;
/*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
*to vertically center it.
*/
top: 0px; }
/*Checkmark of the fake checkbox*/
.radio-input-wrap label::after {
width: 11px;
height: 11px;
background-color: #e5e5e5;
border-radius: 50%;
top: 4px;
left: 4px; }
/*Hide the checkmark by default*/
.radio-input-wrap input[type="radio"] + label::after {
content: none; }
/*Unhide on the checked state*/
.radio-input-wrap input[type="radio"]:checked + label::after {
content: ""; }
/*Adding focus styles on the outer-box of the fake checkbox*/
.radio-input-wrap input[type="radio"]:focus + label::before {
border-color: #e5e5e5; }
.gchoice_select_all, ul.gfield_checkbox li input[type=checkbox]:checked + label {
font-weight: 400 !important; }
ul.gfield_checkbox > li {
margin-bottom: 15px !important; }
.template-pillar-2 .pillar--content_wrap table p {
font-size: 16px !important;
color: #525252; }
.template-pillar-2 .pillar--content_wrap table tr:not(:first-child) td {
font-size: 16px !important;
color: #525252; }
.template-pillar-2 .pillar--content_wrap table h6 {
font-family: "Vitesse Sans";
font-size: 16px;
line-height: 44px;
margin: 0;
color: #000; }
.template-pillar-2 .pillar--content_wrap table:not(.no-headings):not(.left-headings):not(.has-headings) tr:first-child td {
font-family: "Vitesse Sans";
color: white;
vertical-align: middle !important;
border: 0 !important; }
.template-pillar-2 .pillar--content_wrap table:not(.no-headings):not(.left-headings):not(.has-headings) tr:first-child td:not(:last-child) {
background-color: #7500D4;
border-right: 1px solid #D6D6D6 !important; }
.template-pillar-2 .pillar--content_wrap table:not(.no-headings):not(.left-headings):not(.has-headings) tr:first-child td:last-child {
background: -webkit-linear-gradient(168.34deg, rgba(85, 210, 204, 0.8) 8.9%, rgba(85, 210, 204, 0) 84.64%), #7500D5;
background: -o-linear-gradient(168.34deg, rgba(85, 210, 204, 0.8) 8.9%, rgba(85, 210, 204, 0) 84.64%), #7500D5;
background: linear-gradient(281.66deg, rgba(85, 210, 204, 0.8) 8.9%, rgba(85, 210, 204, 0) 84.64%), #7500D5; }
.template-pillar-2 .pillar--content_wrap table ul {
padding-left: 20px !important; }
.template-pillar-2 .pillar--content_wrap table ul li::marker {
font-size: 12px;
color: #525252; }
.template-pillar-2 .pillar--content_wrap table ul li {
font-size: 16px !important;
color: #525252;
margin-bottom: 20px; }
.template-pillar-2 .pillar--content_wrap table ul li:last-child {
margin-bottom: 0; }
.pillar--content_wrap table,
.blog-post--body_wrap table {
border-collapse: collapse !important;
max-width: 99% !important;
margin-bottom: 20px;
border: none !important; }
.pillar--content_wrap table *,
.blog-post--body_wrap table * {
line-height: 1.3em; }
.pillar--content_wrap table th,
.blog-post--body_wrap table th {
background-color: #8c00ff;
color: white;
vertical-align: middle !important;
border: 0 !important;
padding: 5px 18px !important; }
.pillar--content_wrap table td,
.pillar--content_wrap table th,
.blog-post--body_wrap table td,
.blog-post--body_wrap table th {
padding: 18px !important;
vertical-align: top !important; }
.pillar--content_wrap table td,
.blog-post--body_wrap table td {
border: 1px solid #ebebeb !important; }
.pillar--content_wrap table ul,
.blog-post--body_wrap table ul {
padding-left: 20px !important; }
.pillar--content_wrap table:not(.no-headings):not(.left-headings):not(.has-headings) tr:first-child td,
.blog-post--body_wrap table:not(.no-headings):not(.left-headings):not(.has-headings) tr:first-child td {
background-color: #8C00FF;
color: white;
vertical-align: middle !important;
border: 0 !important; }
.pillar--content_wrap table:not(.no-headings):not(.left-headings):not(.has-headings) tr:first-child td:first-child,
.blog-post--body_wrap table:not(.no-headings):not(.left-headings):not(.has-headings) tr:first-child td:first-child {
border-top-left-radius: 8px; }
.pillar--content_wrap table:not(.no-headings):not(.left-headings):not(.has-headings) tr:first-child td:last-child,
.blog-post--body_wrap table:not(.no-headings):not(.left-headings):not(.has-headings) tr:first-child td:last-child {
border-top-right-radius: 8px; }
.pillar--content_wrap table.left-headings tr:first-child td:first-child,
.blog-post--body_wrap table.left-headings tr:first-child td:first-child {
border-top-left-radius: 8px;
border-top: 0 !important; }
.pillar--content_wrap table.left-headings tr:last-child td:first-child,
.blog-post--body_wrap table.left-headings tr:last-child td:first-child {
border-bottom-left-radius: 8px;
border-bottom: 0 !important; }
.pillar--content_wrap table.left-headings tr td:first-child,
.blog-post--body_wrap table.left-headings tr td:first-child {
background-color: #8C00FF;
font-weight: 600;
color: #fff !important;
border-bottom-color: #ffffff !important;
border-top-color: #ffffff !important;
border-left: 0 !important; }
.pillar--content_wrap table.left-headings tr td:first-child p,
.blog-post--body_wrap table.left-headings tr td:first-child p {
color: #fff !important; }
.pillar--content_wrap table.left-and-top-headings tr:not(:first-child) td:first-child,
.blog-post--body_wrap table.left-and-top-headings tr:not(:first-child) td:first-child {
background-color: #ebebeb;
font-weight: 600;
padding-top: 15px !important; }
@media screen and (max-width: 767px) {
.pillar--content_wrap table,
.blog-post--body_wrap table {
font-size: 14px; } }
.blog-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 50px;
margin-bottom: 20px; }
.blog-pagination a.blog-pagination__link.blog-pagination__number-link {
color: #2a2a2a;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin: 0 12px;
font-size: 14px;
font-weight: bold; }
.blog-pagination a.blog-pagination__link.blog-pagination__number-link:hover {
color: #8C00FF; }
.blog-pagination a.blog-pagination__link.blog-pagination__number-link.blog-pagination__link--active {
background-color: #8C00FF;
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: white;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16);
margin: 0 6px; }
.blog-pagination a.blog-pagination__link.blog-pagination__prev-link {
margin-right: 15px; }
.blog-pagination a.blog-pagination__link.blog-pagination__next-link {
margin-left: 15px; }
.blog-pagination a.blog-pagination__link.blog-pagination__prev-link, .blog-pagination a.blog-pagination__link.blog-pagination__next-link {
color: #8C00FF;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
font-weight: bold; }
.blog-pagination a.blog-pagination__link.blog-pagination__prev-link:hover, .blog-pagination a.blog-pagination__link.blog-pagination__next-link:hover {
color: #2a2a2a; }
.blog-pagination .blog-pagination--ellipses {
margin: 0 9px; }
.slick-prev,
.slick-next {
display: block;
position: absolute;
background-color: transparent;
border: none;
color: #808080;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
font-size: 25px;
font-family: "Source Sans Pro";
line-height: 1em;
height: 28px;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.slick-prev i,
.slick-next i {
position: absolute; }
.slick-prev:not(.slick-disabled):hover,
.slick-next:not(.slick-disabled):hover {
color: #FF96D2; }
.slick-prev:focus,
.slick-next:focus {
outline: none; }
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
cursor: default;
opacity: 0.3; }
.slick-prev {
text-align: right;
left: -25px; }
.slick-next {
text-align: left;
right: 0px; }
.slick-dots {
list-style-type: none;
padding: 0;
margin: 0;
text-align: center; }
.slick-dots li {
display: inline-block;
text-align: center; }
.slick-dots li + li {
margin-left: 12px; }
.slick-dots li.slick-active button {
background-color: #FF96D2; }
.slick-dots li button {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: transparent;
border: none;
outline: none;
border-radius: 50%;
display: block;
width: 14px;
height: 14px;
line-height: 1em;
font-size: 0;
background-color: #DADADA;
cursor: pointer; }
.slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover {
background-color: #bfbfbf; }
.custom-slider-nav {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.custom-slider-nav .slick-arrow.ts-prev i, .custom-slider-nav .slick-arrow.ts-next i {
background-color: #50E6C8;
width: 32px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 12px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.custom-slider-nav .slick-arrow.ts-next {
margin-left: 20px; }
.custom-slider-nav .slick-arrow.slick-disabled i {
cursor: default;
background-color: #E1E2E3;
color: #BCBFC2; }
.slick-dots {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.slick-dots li {
border-radius: 50%;
background-color: #dadada;
width: 8px;
height: 8px;
cursor: pointer;
margin: 0 7px;
display: block;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.slick-dots li.slick-active {
background-color: #8C00FF;
width: 12px;
height: 12px; }
/**
* Recent Posts Slider
*/
.featured-posts--slider {
display: none; }
.featured-posts--slider.slick-initialized {
display: block; }
.post-slide {
position: relative; }
.post-slide--image {
position: relative; }
@media (min-width: 782px) {
.post-slide--image {
position: absolute;
width: 100%;
height: 100%; } }
.post-slide--image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 10px; }
@media (min-width: 782px) {
.post-slide--image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important; } }
.post-slide--image:after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(360deg, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
border-radius: 10px; }
.featured-posts--slider-wrap {
position: relative; }
.featured-posts--slider {
padding-top: 75px; }
.featured-posts--slider_bg {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
height: 100%; }
@media (min-width: 782px) {
.featured-posts--slider_bg {
top: 50%;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
.featured-posts--slider_bg img {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 114%;
height: auto; }
@media (min-width: 782px) {
.featured-posts--slider_bg img {
top: 50%;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
.post-slide--body {
position: relative;
padding: 40px 25px 25px 25px; }
@media (min-width: 782px) {
.post-slide--body {
padding: 37% 25px 25px 25px; } }
ul.post-slide--tags {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0; }
ul.post-slide--tags li {
margin-bottom: 5px;
margin-right: 10px; }
ul.post-slide--tags li a {
display: block;
padding: 5px 8px;
background-color: #8C00FF;
color: white;
font-family: "Vitesse Sans";
font-size: 14px;
text-transform: uppercase; }
.post-slide--title {
margin-top: 5px; }
.post-slide--title a {
color: white; }
.featured-posts--nav {
margin-top: 26px; }
@media (max-width: 991px) {
.featured-posts--nav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.blog-util-bar {
padding: 40px 25px;
background: -webkit-linear-gradient(left, #8C00FF -8.63%, #50E6C8 115.29%);
background: -o-linear-gradient(left, #8C00FF -8.63%, #50E6C8 115.29%);
background: linear-gradient(90deg, #8C00FF -8.63%, #50E6C8 115.29%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media screen and (max-width: 767px) {
.blog-util-bar--categories,
.blog-util-bar--search {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
.blog-util-bar--categories {
position: relative;
margin: 0 0 20px 0;
width: auto; }
@media screen and (min-width: 768px) {
.blog-util-bar--categories {
margin: 0 30px; } }
.blog-util-bar--categories select {
width: 100%;
-webkit-appearance: none;
appearance: none;
border: none;
background-color: transparent;
font-family: "Vitesse Sans";
text-transform: uppercase;
color: white;
z-index: 1;
position: relative;
padding-right: 30px; }
.blog-util-bar--categories select:focus {
outline: none; }
.blog-util-bar--categories select option {
color: #2a2a2a; }
.blog-util-bar--categories i {
position: absolute;
top: 3px;
right: 0;
color: #50E6C8;
font-size: 14px; }
.blog-util-bar--search {
border-bottom: 1px solid white;
width: 100%; }
@media screen and (min-width: 768px) {
.blog-util-bar--search {
margin: 0 30px;
max-width: 320px; } }
.blog-util-bar--search form {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.blog-util-bar--search input {
width: 100%;
padding: 6px 0;
-webkit-appearance: none;
appearance: none;
border: none;
background-color: transparent;
color: white;
font-family: "Vitesse Sans";
text-transform: uppercase; }
.blog-util-bar--search input::-webkit-input-placeholder {
color: white; }
.blog-util-bar--search input:-ms-input-placeholder {
color: white; }
.blog-util-bar--search input::placeholder {
color: white; }
.blog-util-bar--search input:focus {
outline: none; }
.blog-util-bar--search .hs-search-field {
position: relative; }
.blog-util-bar--search .hs-search-field__bar button {
margin: 0;
padding: 0;
width: auto;
-webkit-appearance: none;
appearance: none;
border: none;
background-color: transparent;
color: #50E6C8;
height: auto;
cursor: pointer; }
.blog-util-bar--search .hs-search-field__bar button svg {
height: 15px; }
.blog-util-bar--search .hs-search-field__bar button svg path {
fill: #50E6C8; }
.blog-util-bar--search .hs-search-field__bar button:hover {
background-color: transparent; }
.blog-util-bar--search .hs-search-field__bar button:focus {
background-color: transparent;
outline: none;
border: none; }
.blog-util-bar--search .hs-search-field__suggestions {
display: none;
position: absolute;
background-color: white;
padding: 12px;
border: 1px solid #f1f3f4 !important;
border-radius: 10px;
top: calc(100% + 15px); }
.blog-util-bar--search .hs-search-field__suggestions li {
padding: 8px 0;
border-top: 1px solid #dadada; }
.blog-util-bar--search .hs-search-field__suggestions li#results-for {
font-family: "Vitesse Sans";
letter-spacing: 0.5px;
text-transform: uppercase;
font-size: 12px;
color: #999;
margin-bottom: 5px;
display: block;
padding-bottom: 5px;
border: none; }
.blog-util-bar--search .hs-search-field__suggestions a {
display: inline-block;
color: #2a2a2a;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.blog-util-bar--search .hs-search-field__suggestions a:hover {
color: #50E6C8;
background-color: transparent; }
.blog-util-bar--search .hs-search-field__suggestions a span.hs-search-highlight {
background-color: #eaeaea;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 4px; }
.blog-util-bar--search .hs-search-field--open .hs-search-field__suggestions {
display: block; }
ul.sidebar-posts--tabs {
margin: 0 0 20px 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style-type: none; }
ul.sidebar-posts--tabs li {
list-style-type: none;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
ul.sidebar-posts--tabs li a {
display: block;
width: 100%;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
border-bottom: 1px solid #BCBFC2;
color: #97999B;
position: relative;
padding: 10px 0; }
ul.sidebar-posts--tabs li a.active {
color: #000000; }
ul.sidebar-posts--tabs li a.active:after {
height: 3px;
background-color: #50E6C8; }
ul.sidebar-posts--tabs li a:after {
content: '';
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #BCBFC2; }
.sidebar-posts--posts {
display: none; }
.sidebar-posts--posts.active {
display: block; }
.blog-sidebar--posts {
margin-top: 65px;
margin-bottom: 65px; }
.blog-sidebar--signup-title {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 130%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #2A2A2A;
font-weight: bold; }
.sidebar-posts--item + .sidebar-posts--item {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #E1E2E3; }
.sidebar-posts--detail {
display: block; }
.sidebar-posts--detail .sidebar-posts--name {
display: block;
color: black;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 125%;
margin-bottom: 15px; }
.sidebar-posts--detail .sidebar-posts--date-topic {
display: block;
font-family: "Vitesse Sans";
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 80%;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #97999B; }
body form .hs-form-field > label {
display: none; }
body form .hs-form-field input[type=text],
body form .hs-form-field input[type=email],
body form .hs-form-field input[type=password],
body form .hs-form-field input[type=tel],
body form .hs-form-field input[type=number],
body form .hs-form-field input[type=file],
body form .hs-form-field select,
body form .hs-form-field textarea {
background-color: transparent;
border: 1px solid #50E6C8; }
.blog-post--breadcrumb ul {
padding: 0;
margin: 0 0 32px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style-type: none; }
.blog-post--breadcrumb ul li {
position: relative; }
.blog-post--breadcrumb ul li:not(:first-child):before {
position: absolute;
left: 0;
content: "\";
font-family: 'icon-font';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: swap;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #50E6C8;
font-size: 10px;
padding: 0 9px 0 11px;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.blog-post--breadcrumb ul li:not(:first-child) a, .blog-post--breadcrumb ul li:not(:first-child) span {
padding-left: 32px; }
.blog-post--breadcrumb ul li a, .blog-post--breadcrumb ul li span {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #2a2a2a;
display: inline-block; }
.blog-post--breadcrumb ul li a {
font-weight: bold; }
.blog-post--breadcrumb ul li a:hover {
color: #50E6C8; }
.blog-related-posts {
padding-bottom: 60px;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.blog-related-posts .flex-4 {
margin-bottom: 30px; }
.blog-related-posts .blog-related-posts--title {
display: block;
border-bottom: 1px solid #BCBFC2;
padding-bottom: 20px;
margin-bottom: 60px; }
.blog-related-posts .related-blog-item {
height: 100%;
background-color: white;
border-radius: 10px; }
.blog-related-posts .related-blog-item--image {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position: relative;
width: 100%;
height: 280px; }
.blog-related-posts .related-blog-item--image img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
.blog-related-posts .related-blog--inner {
padding: 45px; }
.blog-related-posts .related-blog--title {
margin-bottom: 10px; }
.blog-related-posts .related-blog--title a {
color: #2a2a2a;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.blog-related-posts .related-blog--title a:hover {
color: #50E6C8; }
.blog-related-posts .related-blog-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style-type: none;
margin: 0;
padding: 0; }
.blog-related-posts .related-blog-tags li {
position: relative; }
.blog-related-posts .related-blog-tags li:not(:last-child) {
margin-right: 10px;
padding-right: 10px; }
.blog-related-posts .related-blog-tags li:not(:last-child):before {
content: '';
position: absolute;
right: 0;
width: 2px;
height: 14px;
background-color: #e1e2e3;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.blog-related-posts .related-blog-tags li a {
font-family: "Vitesse Sans";
font-size: 12px;
line-height: 100%;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #8C00FF;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-weight: bold; }
.blog-related-posts .related-blog-tags li a:hover {
color: #50E6C8; }
.blog-related-posts .related-blog--date {
margin-top: 30px;
font-family: "Vitesse Sans";
font-style: normal;
font-weight: normal;
font-size: 12px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #97999B; }
.blog-post--author {
padding: 30px 0 35px;
border-top: 1px solid #BCBFC2;
border-bottom: 1px solid #BCBFC2;
margin-bottom: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.blog-post--author .blog-post--author_avatar {
-webkit-box-flex: 0;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
max-width: 120px;
border-radius: 50%;
position: relative;
height: 120px; }
.blog-post--author .blog-post--author_avatar img {
border-radius: 50%;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
.blog-post--author .blog-post--author_content {
padding-left: 20px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.blog-post--author .blog_post_author--title {
margin-bottom: 10px; }
.blog-post--author .blog_post_author--name {
font-family: 'Source Sans Pro';
margin-bottom: 0;
font-size: 16px;
font-weight: bold;
letter-spacing: normal;
margin-bottom: 4px; }
.blog-post--author .hs-author-social-section {
margin-top: 10px; }
.blog-post--author .hs-author-social-section a {
color: #50E6C8;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.blog-post--author .hs-author-social-section a:hover {
color: #8C00FF; }
.blog-post--author .hs-author-social-section i {
margin-right: 10px;
font-size: 14px; }
.blog-author--hero {
min-height: 488px;
background-color: #2a2a2a;
background-image: url(/hubfs/dots_bg_top.svg);
background-repeat: no-repeat;
background-position: top -50px right 20%;
padding-top: 170px;
padding-bottom: 77px;
position: relative; }
.blog-author--hero:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0.7;
background-image: url('data:image/svg+xml, ');
background-position: top center;
background-repeat: no-repeat; }
.blog-author--hero > .hs-container {
position: relative; }
.blog-author--hero > .hs-container .row-fluid-flex .flex-md-6:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.blog-author--hero h1 {
color: #fff;
font-size: 45px;
line-height: 1;
font-weight: bold;
margin-bottom: 18px; }
.blog-author--hero h3 {
color: #FF96D2;
font-size: 16px;
line-height: 26px;
margin-bottom: 18px;
text-transform: uppercase; }
.blog-author--hero .blog-author--hero-description {
color: #fff;
font-size: 16px;
line-height: 26px;
max-width: 639px;
width: 90%;
margin-bottom: 30px; }
.blog-author--hero .blog-author--hero-table {
color: #fff;
font-size: 17px;
line-height: 25px;
font-weight: 400; }
.blog-author--hero .blog-author--hero-table tr td:first-child {
font-size: 16px;
line-height: 25px;
text-transform: uppercase;
font-weight: 800; }
.blog-author--hero .blog-author--hero-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 9px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.blog-author--hero .blog-author--hero-social a {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 35px;
height: 35px;
border-radius: 35px;
background-color: #8C00FF;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1; }
.blog-author--hero .blog-author--hero-social a i {
color: #fff; }
.blog-author--hero .blog-author--hero-image-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
max-width: 432px;
max-height: 360px;
padding: 44px 22px 28px 35px;
position: relative; }
.blog-author--hero .blog-author--hero-image-wrapper .blog-author--hero-image--bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.blog-author--hero .blog-author--hero-image-wrapper .blog-author--hero-image {
width: 100%;
height: 100%;
max-width: 343px;
max-height: 286px;
border-radius: 5px;
position: relative;
-o-object-fit: cover;
object-fit: cover;
z-index: 1; }
@media (max-width: 781px) {
.blog-author--hero .row-fluid-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 50px; }
.blog-author--hero .row-fluid-flex .flex-12:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.blog-author--hero h1 {
font-size: 41px;
line-height: 1; }
.blog-author--hero .blog-author--hero-image-wrapper img.blog-author--hero-image {
margin: auto; } }
.blog-author--body {
font-size: 17px;
line-height: 26px;
color: #454444;
padding-top: 100px;
padding-bottom: 75px; }
.blog-author--body h3 {
font-size: 38px;
line-height: 1;
color: #1E1E1E;
margin-bottom: 33px; }
.blog-author--body p {
margin-bottom: 15px; }
.blog-author--body ul {
margin: 20px 0;
padding: 0 15px; }
.blog-author--body ul li {
list-style-image: url('data:image/svg+xml, ');
padding-left: 15px; }
.blog-author--body blockquote {
color: #fff;
background-color: #2A2A2A;
background-image: url(/hubfs/dots_bg_bottom.svg);
background-repeat: no-repeat;
background-position: bottom -30px right -90px;
border-radius: 5px;
overflow: hidden;
margin: 40px 0;
font-size: 18px;
padding: 0;
line-height: 23px;
font-weight: 500;
position: relative;
min-height: 190px;
border: none;
text-align: left; }
.blog-author--body blockquote > div {
position: relative;
padding: 20px 50px; }
.blog-author--body blockquote > div svg {
margin-bottom: 10px; }
.blog-author--body blockquote > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.blog-author--body blockquote p {
margin: 0 0 15px 0;
font-size: 17px;
line-height: 23px;
font-weight: 500;
color: #fff; }
.blog-author--body blockquote footer {
font-size: 25px;
line-height: 25px;
font-weight: bold;
color: #fff; }
@media (max-width: 781px) {
.blog-author--body blockquote {
padding: 20px; }
.blog-author--body blockquote > div {
padding: 0; } }
.blog-author--about {
padding: 83px 0 91px 0;
background: #2A2A2A; }
.blog-author--about .hs-container {
position: relative; }
.blog-author--about .hs-container .flex-md-5 {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.blog-author--about .hs-container .flex-md-5 > div {
padding: 50px; }
.blog-author--about .hs-container .flex-md-5 .ringy-about-bg-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain; }
.blog-author--about .hs-container .flex-md-5 .ringy-about-img {
width: 100%;
height: 100%;
max-width: 343px;
max-height: 286px;
-o-object-fit: cover;
object-fit: cover;
position: relative;
z-index: 1;
border-radius: 5px; }
.blog-author--about .hs-container .flex-md-7 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.blog-author--about .hs-container .flex-md-7 h2 {
font-size: 38px;
line-height: 1;
font-weight: bold;
margin: 0 0 40px 0;
color: #fff; }
.blog-author--about .hs-container .flex-md-7 h2 span {
color: #FF96D2; }
.blog-author--about .hs-container .flex-md-7 br {
height: 15px; }
.blog-author--about .hs-container .flex-md-7 p {
font-size: 17px;
line-height: 22px;
margin: 0 0 30px 0;
color: #fff; }
@media (max-width: 991px) {
.blog-author--about .hs-container .flex-md-5 {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.blog-author--about .hs-container .flex-md-7 {
margin-top: 40px; } }
.blog-author--about-posts {
padding-top: 113px; }
.blog-author--about-posts h2 {
font-size: 38px;
line-height: 1;
margin: 0; }
.blog-author--about-posts .row-fluid-flex {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.blog-author--about-posts .row-fluid-flex > * {
margin-bottom: 50px; }
.blog-author--about-posts .blog-author--about-post {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.blog-author--about-posts .blog-author--about-post .blog-author--about-post-image img {
border-radius: 4px;
width: 100%;
height: 175px;
-o-object-fit: cover;
object-fit: cover; }
.blog-author--about-posts .blog-author--about-post .blog-author--about-post-title {
font-size: 20px;
line-height: 23px;
font-weight: bold;
margin: 10px 0 10px 0; }
.blog-author--about-posts .blog-author--about-post .blog-author--about-post-by {
font-size: 13px;
line-height: 20px;
font-weight: 500;
margin-top: auto;
color: #454444; }
.blog-author--about-posts .show-more {
color: #8C00FF;
font-size: 14px;
line-height: 20px;
margin: 20px 0; }
.show-more {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 25px;
cursor: pointer;
color: #103150;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
line-height: 20px;
padding: 20px; }
.blog-post--share {
margin-bottom: 20px;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.blog-post--share ul {
list-style-type: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.blog-post--share ul li + li {
margin-left: 20px; }
.blog-post--share ul li + li a {
color: #50E6C8;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.blog-post--share ul li + li a:hover {
color: #8C00FF; }
.blog-post--share ul li + li i {
font-size: 14px; }
.blog-post--share .blog-post--share_title {
vertical-align: 3px;
font-family: "Vitesse Sans";
font-weight: 600;
font-size: 11px;
line-height: 14px;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #97999B; }
.ringy-global-product-callout {
background-color: #f1f3f4;
padding: 30px 15px;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -15px;
margin-right: -15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 50px 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.ringy-global-product-callout .ringy-global-product-callout--content {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px; }
.ringy-global-product-callout .ringy-global-product-callout--title {
margin-top: 0;
margin-bottom: 20px; }
.ringy-global-product-callout .ringy-global-product-callout--description {
margin-bottom: 30px; }
.ringy-global-product-callout .ringy-global-product-callout--image {
display: none;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px; }
.ringy-global-product-callout .ringy-global-product-callout--image img {
border-radius: 5px; }
@media (min-width: 992px) {
.ringy-global-product-callout {
padding: 40px; }
.ringy-global-product-callout .ringy-global-product-callout--content {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
margin-bottom: 0; }
.ringy-global-product-callout .ringy-global-product-callout--image {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%; } }
.site-header {
position: fixed;
z-index: 100;
top: 0;
width: 100%;
-webkit-transition: background-color 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease;
transition: background-color 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease;
-o-transition: background-color 0.3s ease, box-shadow 0.3s ease, -o-transform 0.3s ease;
transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
box-shadow: none;
/* =============================================================================
Large -
========================================================================== */
/* =============================================================================
Small -
========================================================================== */
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.site-header .header--notification_bar {
background: -webkit-linear-gradient(357.07deg, #8C00FF -8.21%, #FF96D2 154.11%);
background: -o-linear-gradient(357.07deg, #8C00FF -8.21%, #FF96D2 154.11%);
background: linear-gradient(92.93deg, #8C00FF -8.21%, #FF96D2 154.11%);
color: white;
text-align: center;
padding: 8px 40px 8px 20px;
position: relative;
min-height: 42px; }
.site-header .header--notification_bar .header--notification_bar_close {
position: absolute;
top: 50%;
right: 20px;
color: white;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
font-size: 25px; }
.site-header .header--notification_bar p {
font-style: normal;
font-weight: 325;
font-size: 15px;
letter-spacing: 0.01em;
color: #FFFFFF;
font-family: "Vitesse Sans"; }
.site-header .header--notification_bar a {
margin: 0 5px;
background-color: #50E6C8;
color: black;
display: inline-block;
padding: 3px 7px;
border-radius: 5px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: "Vitesse Sans";
font-style: normal;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #000000; }
.site-header .header--notification_bar a:hover {
background-color: white; }
.hs-content-id-0 .site-header,
.hs-blog-post .site-header {
background-color: black; }
.hs-inline-edit .site-header {
background-color: #2a2a2a; }
.hs-inline-edit .template-inner:not(.shrink) .site-header {
background-color: transparent; }
.site-header .container {
padding-left: 30px;
padding-right: 30px;
max-width: calc(1240px + 60px);
box-sizing: border-box; }
.site-header .row, .site-header .menus.desktop nav > ul, .menus.desktop .site-header nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 85px;
margin-left: -30px;
margin-right: -30px; }
.site-header .row > .col, .site-header .menus.desktop nav > ul > .col, .menus.desktop .site-header nav > ul > .col {
padding-left: 30px;
padding-right: 30px; }
.shrink .site-header {
padding-top: 0;
background-color: #000;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); }
.menu-open .site-header .site-info {
background-color: #2a2a2a; }
.site-header .site-info {
-webkit-transition: background-color 0.3s ease, height 0.3s ease, border-color 0.2s ease, padding 0.3s ease;
-o-transition: background-color 0.3s ease, height 0.3s ease, border-color 0.2s ease, padding 0.3s ease;
transition: background-color 0.3s ease, height 0.3s ease, border-color 0.2s ease, padding 0.3s ease;
position: relative;
z-index: 1;
background-color: transparent;
padding-top: 0;
margin: 0 auto; }
.site-header .site-info .brand {
width: 100%;
height: 100%;
position: relative; }
.site-header .site-info .brand:focus {
outline: none; }
.site-header .site-info .brand img {
max-width: 175px;
width: 100%;
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 30px;
width: 100%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.site-header .site-info .brand img.brand--logo_transparent.dynamic {
opacity: 0; }
.site-header .site-info .brand img.brand--logo.dynamic {
opacity: 1; }
.menu-open .site-header .site-info .brand img.brand--logo_transparent.dynamic,
.shrink .site-header .site-info .brand img.brand--logo_transparent.dynamic {
opacity: 1; }
.menu-open .site-header .site-info .brand img.brand--logo.dynamic,
.shrink .site-header .site-info .brand img.brand--logo.dynamic {
opacity: 0; }
.site-header .ringy-announcement-banner {
padding: 16px 0;
background-image: -webkit-linear-gradient(348deg, #8c00ff 0%, #ff96d2 100%);
background-image: -o-linear-gradient(348deg, #8c00ff 0%, #ff96d2 100%);
background-image: linear-gradient(102deg, #8c00ff 0%, #ff96d2 100%); }
.site-header .ringy-announcement-banner .hs-container .row-fluid-flex {
height: 100%; }
.site-header .ringy-announcement-banner .hs-container .row-fluid-flex .flex-12 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px; }
.site-header .ringy-announcement-banner-text {
font-size: 17px;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-family: "Vitesse Sans"; }
.site-header .ringy-announcement-banner .hs-container a {
border-radius: 5px;
display: inline-block;
background: #50E6C8;
padding: 3px 30px;
font-size: 15px;
letter-spacing: 0px;
line-height: 24px;
text-transform: uppercase;
color: #000000;
font-weight: bold;
font-family: "Vitesse Sans";
-ms-flex-negative: 0;
flex-shrink: 0; }
@media (max-width: 1209px) {
.site-header .ringy-announcement-banner {
height: 168px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.site-header .ringy-announcement-banner .hs-container .row-fluid-flex .flex-12 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
gap: 10px; } }
@media (max-width: 781px) {
.site-header .ringy-announcement-banner .hs-container {
padding: 0; }
.site-header .ringy-announcement-banner .hs-container .row-fluid-flex .flex-12 .ringy-announcement-banner-text {
font-size: 12px; } }
@media (min-width: 782px) {
.menu-open .site-header .site-info {
background-color: transparent; } }
@media (min-width: 992px) {
.site-header .menu-trigger-container {
display: none; }
.site-header .row, .site-header .menus.desktop nav > ul, .menus.desktop .site-header nav > ul {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
height: 110px; }
.shrink .site-header .row, .shrink .site-header .menus.desktop nav > ul, .menus.desktop .shrink .site-header nav > ul {
height: 90px; }
.site-header .row .brand, .site-header .menus.desktop nav > ul .brand, .menus.desktop .site-header nav > ul .brand {
width: 100%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.shrink .site-header .row .brand img, .shrink .site-header .menus.desktop nav > ul .brand img, .menus.desktop .shrink .site-header nav > ul .brand img {
max-width: 175px; }
.site-header .row .brand img, .site-header .menus.desktop nav > ul .brand img, .menus.desktop .site-header nav > ul .brand img {
width: 100% !important;
max-width: 250px; } }
footer.footer {
background-color: #2a2a2a;
position: relative;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
footer.footer:before {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #1F1F1F 100%), #2A2A2A;
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #1F1F1F 100%), #2A2A2A;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #1F1F1F 100%), #2A2A2A;
position: absolute; }
footer.footer .footer__container {
max-width: calc(1240px + 60px);
margin: 0 auto;
z-index: 1;
position: relative; }
footer.footer .footer--top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
padding-top: 95px;
padding-bottom: 95px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
footer.footer .footer--branding {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-right: 30px; }
@media (max-width: 781px) {
footer.footer .footer--branding {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
footer.footer .footer--branding a {
margin: 0 auto; } }
@media (min-width: 782px) {
footer.footer .footer--branding {
padding-right: 0; } }
footer.footer .footer--branding a {
max-width: 320px;
display: block; }
footer.footer .footer--branding_address {
margin-top: 20px;
display: block; }
footer.footer .footer--branding_address,
footer.footer .footer--branding_address span {
color: #E1E2E3; }
footer.footer .footer--social {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
@media (max-width: 781px) {
footer.footer .footer--social {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
footer.footer .footer--social .social-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 781px) {
footer.footer .footer--social .social-links {
margin-top: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
footer.footer .footer--social .social-links a {
margin-right: 30px; }
footer.footer .footer--social .social-links a svg {
height: 20px;
fill: #50E6C8;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
footer.footer .footer--social .social-links a svg:hover {
fill: white; }
footer.footer .footer--info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 95px;
margin-left: -30px;
margin-right: -30px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
footer.footer .footer--info .footer--col-1,
footer.footer .footer--info .footer--col-2,
footer.footer .footer--info .footer--col-3,
footer.footer .footer--info .footer--col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 30px; }
@media (min-width: 782px) {
footer.footer .footer--info .footer--col-1,
footer.footer .footer--info .footer--col-2,
footer.footer .footer--info .footer--col-3,
footer.footer .footer--info .footer--col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 992px) {
footer.footer .footer--info .footer--col-1,
footer.footer .footer--info .footer--col-2,
footer.footer .footer--info .footer--col-3,
footer.footer .footer--info .footer--col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
margin-bottom: 0; } }
footer.footer .footer--info ul[role="menu"] {
padding: 0;
margin: 0;
list-style-type: none; }
footer.footer .footer--info ul[role="menu"] li {
margin-bottom: 10px; }
footer.footer .footer--info ul[role="menu"] li a {
color: #f1f3f4;
font-family: "Vitesse Sans";
font-size: 13px;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
letter-spacing: 2px;
text-transform: uppercase; }
footer.footer .footer--info ul[role="menu"] li a:hover {
color: #50E6C8; }
footer.footer .footer--menu_title {
font-size: 15px;
line-height: 26px;
letter-spacing: 0.02em;
font-family: "Idlewild"; }
footer.footer .footer--socket {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 40px;
color: #E1E2E3;
letter-spacing: 0.1em;
font-size: 11px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
footer.footer .footer--socket li {
line-height: 11px; }
footer.footer .footer--socket a {
text-transform: uppercase;
color: #E1E2E3;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
letter-spacing: 0.1em;
font-size: 11px; }
footer.footer .footer--socket a:hover {
color: #50E6C8; }
footer.footer .footer--socket-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
text-transform: uppercase; }
@media (max-width: 991px) {
footer.footer .footer--socket-col {
text-align: center !important;
margin-bottom: 10px; } }
@media (min-width: 782px) {
footer.footer .footer--socket-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%; } }
footer.footer .footer--socket--center ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style-type: none;
margin: 0;
padding: 0; }
footer.footer .footer--socket--center ul li {
margin: 0 5px; }
footer.footer .footer--socket--right {
text-align: right; }
.socket {
background-color: #05161b;
padding: 15px 0;
color: white;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.socket a {
color: white;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.socket a:hover {
color: #8C00FF; }
@media (min-width: 782px) {
.socket {
padding: 30px 0; }
.socket .socket--attribution {
text-align: right; } }
/**
* Setup an equal height class for the HS grid
*/
.height-flex-100 .row-fluid-wrapper,
.height-flex-100 .row-fluid-wrapper > .row-fluid,
.height-flex-100 .row-fluid-wrapper > .row-fluid > .dnd-module,
.height-flex-100 .row-fluid-wrapper > .row-fluid > .dnd-module > .hs_cos_wrapper_widget {
height: 100%; }
/* Responsive Grid */
.row-fluid {
width: 100%;
*zoom: 1;
margin: 0 auto; }
.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%;
-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%;
-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%;
-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; } }
.template-inner {
background-color: #50E6C8;
padding-top: calc(85px + 5vw); }
@media (min-width: 782px) {
.template-inner {
padding-top: calc(110px); } }
.webinar-post--banner {
background-color: black;
position: relative;
padding-bottom: calc(14vw - 80px);
overflow: hidden;
padding-left: 15px;
padding-right: 15px; }
.webinar-post--banner:before {
content: '';
background: -webkit-radial-gradient(49.5% 49.48% at 50% 52.46%, #8C00FF 0%, rgba(42, 42, 42, 0) 100%);
background: -o-radial-gradient(49.5% 49.48% at 50% 52.46%, #8C00FF 0%, rgba(42, 42, 42, 0) 100%);
background: radial-gradient(49.5% 49.48% at 50% 52.46%, #8C00FF 0%, rgba(42, 42, 42, 0) 100%);
position: absolute;
bottom: -33%;
left: 50%;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: 133%;
width: 100%; }
.webinar-post--banner .blog-post--banner_content {
text-align: center; }
.webinar-post--banner time {
font-size: 12px;
line-height: 80%;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
font-family: "Vitesse Sans";
color: #f1f3f4; }
.webinar-post--video_banner {
margin-top: -12vw; }
.webinar-post--video_banner img {
border-radius: 10px; }
.webninar-post--content {
padding-top: 30px; }
body.template-dark {
background-color: #f1f3f4; }
body.template-pillar-2 .hs_cos_wrapper_type_rich_text {
padding: 0 85px;
display: block; }
@media (max-width: 991px) {
body.template-pillar-2 .hs_cos_wrapper_type_rich_text {
padding: 0 20px; } }
body.template-pillar, body.template-pillar-2 {
background-color: #C4C4C4;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.hs-inline-edit body.template-pillar .pillar--content_wrap, .hs-inline-edit body.template-pillar-2 .pillar--content_wrap {
margin-top: 0 !important; }
body.template-pillar .body-container-wrapper, body.template-pillar-2 .body-container-wrapper {
overflow: unset; }
body.template-pillar .ringy-inner-banner--intro, body.template-pillar-2 .ringy-inner-banner--intro {
max-width: 1200px; }
body.template-pillar .ringy-inner-banner--intro .ringy-inner-banner--intro--sub-title h3, body.template-pillar-2 .ringy-inner-banner--intro .ringy-inner-banner--intro--sub-title h3 {
font-size: 25px;
line-height: 15px;
color: #FF96D2; }
body.template-pillar .ringy-inner-banner, body.template-pillar-2 .ringy-inner-banner {
position: relative;
background: -webkit-radial-gradient(62.5% 51.48% at 50% 93.46%, #8c00ff 0%, rgba(42, 42, 42, 0) 129%);
background: -o-radial-gradient(62.5% 51.48% at 50% 93.46%, #8c00ff 0%, rgba(42, 42, 42, 0) 129%);
background: radial-gradient(62.5% 51.48% at 50% 93.46%, #8c00ff 0%, rgba(42, 42, 42, 0) 129%); }
body.template-pillar .ringy-inner-banner:before, body.template-pillar-2 .ringy-inner-banner:before {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.6;
background: -webkit-linear-gradient(top, #963BE2 0%, rgba(150, 59, 226, 0) 100%);
background: -o-linear-gradient(top, #963BE2 0%, rgba(150, 59, 226, 0) 100%);
background: linear-gradient(180deg, #963BE2 0%, rgba(150, 59, 226, 0) 100%);
position: absolute; }
body.template-pillar .pillar--hero_bg, body.template-pillar-2 .pillar--hero_bg {
position: absolute;
bottom: -30%;
max-width: 1000px;
left: 50%;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
display: none; }
body.template-pillar .ringy-inner-banner, body.template-pillar-2 .ringy-inner-banner {
padding-top: 125px;
padding-bottom: 125px; }
body.template-pillar .ringy-inner-banner--intro, body.template-pillar-2 .ringy-inner-banner--intro {
padding: 0 80px; }
body.template-pillar .pillar--hero_wrap, body.template-pillar-2 .pillar--hero_wrap {
background-color: black; }
body.template-pillar .ringy-hero .ringy-hero--content, body.template-pillar-2 .ringy-hero .ringy-hero--content {
padding: 0 0 50px; }
body.template-pillar .pillar-page--wrap, body.template-pillar-2 .pillar-page--wrap {
position: relative; }
body.template-pillar .pillar--content_wrap, body.template-pillar-2 .pillar--content_wrap {
background-color: white;
margin-top: -75px;
position: relative;
z-index: 1;
max-width: 1000px !important;
margin-left: auto;
margin-right: auto; }
body.template-pillar .pillar--content_wrap p,
body.template-pillar .pillar--content_wrap li,
body.template-pillar .pillar--content_wrap span, body.template-pillar-2 .pillar--content_wrap p,
body.template-pillar-2 .pillar--content_wrap li,
body.template-pillar-2 .pillar--content_wrap span {
font-size: 18px;
line-height: 1.4em; }
body.template-pillar .pillar--content_wrap h2, body.template-pillar-2 .pillar--content_wrap h2 {
margin-top: 50px;
position: relative;
padding-bottom: 20px;
margin-bottom: 30px; }
body.template-pillar .pillar--content_wrap h2:after, body.template-pillar-2 .pillar--content_wrap h2:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 6px;
width: 75px;
background-color: #50E6C8; }
body.template-pillar .pillar--content_wrap h3 span, body.template-pillar-2 .pillar--content_wrap h3 span {
font-size: 21px;
line-height: 27px; }
body.template-pillar .pillar--cta, body.template-pillar-2 .pillar--cta {
padding: 140px 0;
background-color: #2a2a2a;
text-align: center; }
body.template-pillar .pillar--cta h2, body.template-pillar-2 .pillar--cta h2 {
color: white; }
body.template-pillar .pillar--cta_content, body.template-pillar-2 .pillar--cta_content {
position: relative; }
body.template-pillar .pillar--cta_content h2, body.template-pillar-2 .pillar--cta_content h2 {
margin-bottom: 25px;
position: relative; }
body.template-pillar .pillar--cta_bg, body.template-pillar-2 .pillar--cta_bg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 400px; }
@media (min-width: 782px) {
body.template-pillar .ringy-hero.module .row-fluid, body.template-pillar-2 .ringy-hero.module .row-fluid {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
body.template-pillar .pillar-page--nav_wrap, body.template-pillar-2 .pillar-page--nav_wrap {
position: absolute;
top: 0;
height: 100%;
max-width: 275px;
z-index: 99;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
body.template-pillar .pillar-page--nav_wrap.minimize, body.template-pillar-2 .pillar-page--nav_wrap.minimize {
-webkit-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); }
body.template-pillar .pillar-page--nav_wrap.minimize .pillar-page--nav_title, body.template-pillar-2 .pillar-page--nav_wrap.minimize .pillar-page--nav_title {
width: calc(100% + 44px); }
body.template-pillar .pillar-page--nav_wrap.minimize .pillar-page--nav_title i, body.template-pillar-2 .pillar-page--nav_wrap.minimize .pillar-page--nav_title i {
-webkit-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg); }
body.template-pillar .pillar-page--nav, body.template-pillar-2 .pillar-page--nav {
position: sticky;
left: 0;
top: 100px;
background: #FFFFFF;
box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.28); }
body.template-pillar .pillar-page--nav_title, body.template-pillar-2 .pillar-page--nav_title {
margin: 0;
background: -webkit-linear-gradient(351.86deg, #9005FE 2.22%, rgba(144, 5, 254, 0) 77.17%), #FF96D2;
background: -o-linear-gradient(351.86deg, #9005FE 2.22%, rgba(144, 5, 254, 0) 77.17%), #FF96D2;
background: linear-gradient(98.14deg, #9005FE 2.22%, rgba(144, 5, 254, 0) 77.17%), #FF96D2;
color: white;
padding: 16px 40px 16px 16px;
color: white;
position: relative;
font-size: 18px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 100%;
text-transform: uppercase; }
body.template-pillar .pillar-page--nav_title i, body.template-pillar-2 .pillar-page--nav_title i {
padding-top: 5px;
cursor: pointer;
position: absolute;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-45deg);
-o-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
font-size: 15px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
body.template-pillar .pillar-page--nav_list, body.template-pillar-2 .pillar-page--nav_list {
padding: 16px;
margin: 0;
list-style-type: none; }
body.template-pillar .pillar-page--nav_list li, body.template-pillar-2 .pillar-page--nav_list li {
padding: 15px 0; }
body.template-pillar .pillar-page--nav_list li:first-child, body.template-pillar-2 .pillar-page--nav_list li:first-child {
padding-top: 0; }
body.template-pillar .pillar-page--nav_list li + li, body.template-pillar-2 .pillar-page--nav_list li + li {
border-top: 1px solid #CFCACA; }
body.template-pillar .pillar-page--nav_list li.active a, body.template-pillar-2 .pillar-page--nav_list li.active a {
color: #000;
font-weight: 600; }
body.template-pillar .pillar-page--nav_list li a, body.template-pillar-2 .pillar-page--nav_list li a {
color: #333333;
font-weight: 400;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease; }
body.template-pillar .pillar-page--nav_list li a:hover, body.template-pillar-2 .pillar-page--nav_list li a:hover {
color: #000;
font-weight: 600; }
@media (min-width: 782px) {
body.template-pillar .pillar-page--nav_wrap, body.template-pillar-2 .pillar-page--nav_wrap {
top: -300px; } }
@media (min-width: 992px) {
body.template-pillar .ringy-inner-banner, body.template-pillar-2 .ringy-inner-banner {
padding-top: 250px;
padding-bottom: 400px; }
body.template-pillar .pillar--content_wrap, body.template-pillar-2 .pillar--content_wrap {
margin-top: -300px; }
body.template-pillar .pillar--hero_bg, body.template-pillar-2 .pillar--hero_bg {
display: block; } }
.template-skinny {
background-color: #f1f3f4;
position: relative;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.template-skinny .skinny--banner_bg {
background: -webkit-radial-gradient(49.5% 49.48% at 50% 52.46%, #8C00FF 0%, rgba(42, 42, 42, 0) 100%), #2a2a2a;
background: -o-radial-gradient(49.5% 49.48% at 50% 52.46%, #8C00FF 0%, rgba(42, 42, 42, 0) 100%), #2a2a2a;
background: radial-gradient(49.5% 49.48% at 50% 52.46%, #8C00FF 0%, rgba(42, 42, 42, 0) 100%), #2a2a2a;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 650px; }
.template-skinny .skinny--page_title_wrap {
padding: 35px;
background: -webkit-linear-gradient(357.07deg, #8C00FF -8.21%, #FF96D2 154.11%);
background: -o-linear-gradient(357.07deg, #8C00FF -8.21%, #FF96D2 154.11%);
background: linear-gradient(92.93deg, #8C00FF -8.21%, #FF96D2 154.11%);
border-top-left-radius: 20px;
border-top-right-radius: 20px; }
.template-skinny .skinny--page_title {
text-align: center;
color: white;
margin-bottom: 0; }
.template-skinny .skinny--content_wrap {
max-width: 750px;
margin: 0 auto;
position: relative;
z-index: 1;
margin-top: 150px;
border-radius: 20px;
padding: 0 20px; }
.template-skinny .skinny--content {
background-color: white;
padding: 60px 20px;
margin-bottom: 80px; }
@media (min-width: 782px) {
.template-skinny .skinny--content_wrap {
margin-top: 200px; }
.template-skinny .skinny--content {
padding: 60px 46px; } }
.post-card {
height: 100%;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.post-card .post-card--inner {
background-color: white;
border-radius: 10px;
height: 100%; }
.post-card .post-card--image {
padding-bottom: 77.37%;
position: relative; }
.post-card .post-card--image img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
.post-card .post-card--body {
padding: 45px; }
.post-card .post-card--title a {
color: black; }
.post-card .post-card--tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style-type: none;
margin: 0;
padding: 0; }
.post-card .post-card--tags li {
position: relative; }
.post-card .post-card--tags li + li {
padding-left: 10px;
margin-left: 10px; }
.post-card .post-card--tags li + li:before {
content: '';
position: absolute;
left: 0px;
top: 50%;
height: calc(100% - 10px);
width: 1px;
background-color: #e5e5e5;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.post-card .post-card--tags li a {
color: #8C00FF;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
font-family: "Vitesse Sans";
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.post-card .post-card--tags li a:hover {
color: #FF96D2; }
.post-card .post-card--date {
margin-top: 30px;
font-family: "Vitesse Sans";
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 80%;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #97999B; }
.post-item {
background-color: white;
box-sizing: border-box;
margin-bottom: 30px;
display: block;
width: 100%;
border-radius: 10px;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.post-item .post-item--inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.post-item .post-item--image {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;
border-top-left-radius: 10px;
border-bottom-left-radius: 0px;
padding-bottom: 65%;
border-bottom-right-radius: 10px; }
.post-item .post-item--image img {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 0px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
max-width: auto; }
.post-item .post-item--body {
padding: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.post-item .post-item--title a {
color: black;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
.post-item .post-item--title a:hover {
color: #8C00FF; }
.post-item .post-item--tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style-type: none;
margin: 0;
padding: 0; }
.post-item .post-item--tags li {
position: relative; }
.post-item .post-item--tags li:not(:last-child) {
margin-right: 10px;
padding-right: 10px; }
.post-item .post-item--tags li:not(:last-child):before {
content: '';
position: absolute;
right: 0;
width: 2px;
height: 14px;
background-color: #e1e2e3;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.post-item .post-item--tags li a {
font-family: "Vitesse Sans";
font-size: 12px;
line-height: 100%;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #8C00FF;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-weight: bold; }
.post-item .post-item--tags li a:hover {
color: #50E6C8; }
.post-item .post-item--date {
margin-top: 30px;
font-family: "Vitesse Sans";
font-style: normal;
font-weight: normal;
font-size: 12px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #97999B; }
@media (min-width: 782px) {
.post-item .post-item--inner {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.post-item .post-item--image {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
border-top-right-radius: 0px;
padding-bottom: 40%;
border-bottom-left-radius: 10px; }
.post-item .post-item--image img {
border-bottom-left-radius: 10px;
border-top-right-radius: 0px; } }
.webinar-item {
padding-left: 15px;
padding-right: 15px; }
.webinar-item.full {
height: 100%; }
.webinar-item.full .webinar-item--inner {
height: 100%;
background-color: white;
border-radius: 10px; }
.webinar-item--image {
position: relative;
padding-bottom: 56.25%; }
.webinar-item--image img {
display: block;
position: absolute;
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-top-right-radius: 10px;
border-top-left-radius: 10px; }
.webinar-item--body {
background-color: white;
padding: 25px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.webinar-item--date {
font-family: "Vitesse Sans";
font-style: normal;
font-weight: normal;
font-size: 12px;
color: #808080;
text-transform: uppercase;
margin-bottom: 5px;
display: block; }
.webinar-item--title {
font-size: 20px;
line-height: 23px;
margin-bottom: 10px; }
.webinar-item--title a {
color: #333333; }
.post-item--body_content {
font-size: 14px;
line-height: 21px; }
.webinar-item--link {
margin-top: 10px; }
.webinar-item--link a {
font-weight: bold; }
.module {
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.module .dnd-section > .row-fluid {
max-width: calc(1240px + 60px); }
.module .dnd-section {
padding: 0; }
.module .module-content {
position: relative;
z-index: 1; }
.module .flex-container {
padding-right: 30px;
padding-left: 30px; }
.module .flex-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -30px; }
.module .flex-row.align-items-center, .module .menus.desktop nav > ul.flex-row, .menus.desktop .module nav > ul.flex-row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.module .flex-row.align-items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.module .flex-row.justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.module .flex-row.justify-content-end, .module .menus.desktop nav > ul.flex-row, .menus.desktop .module nav > ul.flex-row {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.module div[class^='flex-col-'] {
padding: 0 30px;
box-sizing: border-box; }
@media (min-width: 782px) {
.module .flex-row.flex-md-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.module .flex-col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33%;
flex: 0 0 8.33%;
max-width: 8.33%; }
.module .flex-col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66%;
flex: 0 0 16.66%;
max-width: 16.66%; }
.module .flex-col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.module .flex-col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%; }
.module .flex-col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66%;
flex: 0 0 41.66%;
max-width: 41.66%; }
.module .flex-col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.module .flex-col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33%;
flex: 0 0 58.33%;
max-width: 58.33%; }
.module .flex-col-8 {
max-width: 66.66%;
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66%;
flex: 0 0 66.66%; }
.module .flex-col-9 {
max-width: 75%;
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%; }
.module .flex-col-10 {
max-width: 83.33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33%;
flex: 0 0 83.33%; }
.module .flex-col-11 {
max-width: 91.66%;
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66%;
flex: 0 0 91.66%; }
.module .flex-col-12 {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; } }
.system-page-banner {
background-color: #d199ff;
position: relative;
padding: 125px 0 125px; }
h1.system-page-banner--title {
text-align: center;
color: white;
font-size: 75px;
font-family: "Vitesse Sans"; }
img.system-page-banner--bg {
mix-blend-mode: multiply;
filter: grayscale(100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
.error-page {
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.error-page .content-wrapper {
margin: 0 auto;
text-align: center;
padding: 120px 20px; }
.error-page .content-wrapper p {
margin-bottom: 40px; }
body.hs-blog-listing {
background-color: #f1f3f4;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
body.hs-blog-listing .blog-index {
padding-top: 60px; }
body.hs-blog-listing .blog-index--posts {
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
body.hs-blog-listing .blog-index--posts {
padding-right: 0; }
body.hs-blog-listing .blog-index--posts_wrap {
padding-bottom: 60px; }
body.hs-blog-listing .blog-index--banner {
background-color: #2a2a2a;
padding-top: 150px;
padding-bottom: 133px; }
body.hs-blog-listing .blog-index--inner {
background: -webkit-radial-gradient(53.16% 53.2% at 52.78% 50%, #8C00FF 0%, rgba(42, 42, 42, 0) 100%);
background: -o-radial-gradient(53.16% 53.2% at 52.78% 50%, #8C00FF 0%, rgba(42, 42, 42, 0) 100%);
background: radial-gradient(53.16% 53.2% at 52.78% 50%, #8C00FF 0%, rgba(42, 42, 42, 0) 100%); }
body.hs-blog-listing .blog-index-banner--title {
margin-bottom: 16px;
color: #ebe9ed; }
body.hs-blog-listing .blog-index-banner--description {
color: white;
font-size: 20px; }
body.hs-blog-listing .blog-index-banner--btn {
margin-top: 40px; }
@media (min-width: 782px) {
body.hs-blog-listing .blog-index--posts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-right: 80px; } }
.hs-content-id-0,
.hs-blog-post {
margin-top: 85px;
background-color: #f1f3f4;
/* =============================================================================
Extra Small +
========================================================================== */
/* =============================================================================
Small +
========================================================================== */
/* =============================================================================
Medium +
========================================================================== */
/* =============================================================================
Large +
========================================================================== */
/* =============================================================================
Extra Large +
========================================================================== */ }
.hs-inline-edit .hs-content-id-0, .hs-inline-edit
.hs-blog-post {
margin-top: 0; }
.hs-content-id-0 .blog-post--banner,
.hs-blog-post .blog-post--banner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 400px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.hs-content-id-0 .blog-post--banner-image,
.hs-blog-post .blog-post--banner-image {
width: 100%;
height: 100%;
position: absolute;
background-color: #9859e2; }
.hs-content-id-0 .blog-post--banner-image img,
.hs-blog-post .blog-post--banner-image img {
opacity: 0.8;
width: 100%;
height: 100%;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
mix-blend-mode: multiply;
filter: grayscale(100%); }
.hs-content-id-0 .blog-post--banner_content,
.hs-blog-post .blog-post--banner_content {
position: relative;
padding: 112px 0;
max-width: 620px;
margin: 0 auto; }
.hs-content-id-0 .blog-post--banner_content h1, .hs-content-id-0 .blog-post--banner_content p,
.hs-blog-post .blog-post--banner_content h1,
.hs-blog-post .blog-post--banner_content p {
text-align: center;
color: white; }
.hs-content-id-0 .blog-post--banner_content p,
.hs-blog-post .blog-post--banner_content p {
font-size: 20px;
line-height: 26px; }
.hs-content-id-0 .blog-post--content,
.hs-blog-post .blog-post--content {
padding-top: 60px; }
.hs-content-id-0 .blog-post--body_wrap,
.hs-blog-post .blog-post--body_wrap {
padding-right: 0;
font-size: 18px; }
.hs-content-id-0 .blog-post--body_wrap p,
.hs-content-id-0 .blog-post--body_wrap li,
.hs-content-id-0 .blog-post--body_wrap span,
.hs-blog-post .blog-post--body_wrap p,
.hs-blog-post .blog-post--body_wrap li,
.hs-blog-post .blog-post--body_wrap span {
font-size: 18px;
line-height: 1.4em; }
.hs-content-id-0 .blog-post--body_wrap h2,
.hs-blog-post .blog-post--body_wrap h2 {
margin-top: 50px;
position: relative;
padding-bottom: 20px;
margin-bottom: 30px; }
.hs-content-id-0 .blog-post--body_wrap h2:after,
.hs-blog-post .blog-post--body_wrap h2:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 6px;
width: 75px;
background-color: #50E6C8; }
.hs-content-id-0 .blog-post__body,
.hs-blog-post .blog-post__body {
margin-bottom: 40px; }
.hs-content-id-0 .blog-post__body img,
.hs-blog-post .blog-post__body img {
max-width: 100% !important;
border-radius: 5px; }
@media (min-width: 782px) {
.hs-content-id-0,
.hs-blog-post {
margin-top: 110px; }
.hs-content-id-0 .blog-post--body_wrap,
.hs-blog-post .blog-post--body_wrap {
padding-right: 0; } }
.blog-post--hero {
background-color: #2A2A2A;
position: relative;
min-height: 400px;
padding-top: 0px; }
.blog-post--hero .blog-post--hero-bg {
position: absolute;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.blog-post--hero .blog-post--hero-bg .blog-post--hero-bg-image {
position: absolute;
bottom: -60%;
left: 0;
right: 0;
margin: auto; }
.blog-post--hero:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='711' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 0h1440v711H0z' opacity='.7'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientTransform='matrix(0 351.827 -712.781 0 720 372.984)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238C00FF'/%3E%3Cstop offset='1' stop-color='%232A2A2A' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
background-position: top;
background-repeat: no-repeat;
content: "";
display: block;
height: 100%;
left: 0;
opacity: .7;
position: absolute;
top: 0;
width: 100%; }
.blog-post--hero > * {
position: relative; }
.blog-post--hero .blog-banner--tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 8px 0;
padding: 60px 0 0 0;
font-weight: bold; }
.blog-post--hero .blog-banner--tags li {
list-style: none; }
.blog-post--hero .blog-banner--tags li a {
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
border-radius: 4px;
border: solid 1px #FF96D2;
color: #FF96D2;
display: inline-block;
padding: 2px 13px; }
.blog-post--hero h1 {
color: #fff;
text-align: center;
font-size: 45px;
line-height: 1;
width: 90%;
max-width: 717px;
margin: 0 auto 14px auto; }
.blog-post--hero .blog-post--meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px; }
.blog-post--hero .blog-post--meta h4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
line-height: 25px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
position: relative; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
font-size: 16px;
line-height: 26px; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-date .blog-post--meta-calendar {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 35px;
height: 35px;
border-radius: 35px;
background-color: #fff; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-date .blog-post--meta-calendar img {
width: 18px;
height: 18px; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
position: relative;
font-size: 16px;
line-height: 26px;
cursor: pointer; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-author img {
width: 35px;
height: 35px;
border-radius: 35px;
-o-object-fit: cover;
object-fit: cover; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-author .blog-post--meta--author-tooltip-container {
position: absolute;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
opacity: 0;
display: none;
top: 35px;
left: -50px;
width: 300px;
padding-top: 20px;
z-index: 1; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-author .blog-post--meta--author-tooltip-container .blog-post--meta--author-tooltip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
border-radius: 4px;
padding: 15px 20px;
min-height: 100px;
background: #fff;
box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.25); }
.blog-post--hero .blog-post--meta h4.blog-post--meta-author .blog-post--meta--author-tooltip-container .blog-post--meta--author-tooltip:before {
position: absolute;
top: 8px;
left: 100px;
content: "";
display: inline-block;
width: 25px;
height: 13px;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml, '); }
.blog-post--hero .blog-post--meta h4.blog-post--meta-author .blog-post--meta--author-tooltip-container .blog-post--meta--author-tooltip h5 {
font-size: 16px;
line-height: 25px;
color: #8C00FF;
text-transform: uppercase;
font-weight: bold;
margin: 0; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-author .blog-post--meta--author-tooltip-container .blog-post--meta--author-tooltip > div {
font-size: 15px;
line-height: 20px;
color: #454444;
text-transform: initial;
font-weight: normal; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-author .blog-post--meta--author-tooltip-container .blog-post--meta--author-tooltip a {
font-size: 12px;
line-height: 25px;
color: #000000;
text-transform: uppercase;
font-weight: bold;
text-decoration: underline; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-author:hover .blog-post--meta--author-tooltip-container {
display: block;
opacity: 1; }
@media (max-width: 991px) {
.blog-post--hero h1 {
font-size: 40px;
line-height: 1; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-date {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-author {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-author .blog-post--meta--author-tooltip-container {
left: 0;
right: 0;
margin: auto; }
.blog-post--hero .blog-post--meta h4.blog-post--meta-author .blog-post--meta--author-tooltip-container .blog-post--meta--author-tooltip:before {
left: 0;
right: 0;
margin: auto; } }
@media (max-width: 599px) {
.blog-post--hero .blog-post--meta {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 20px;
gap: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.blog-post--container {
padding-bottom: 100px; }
.blog-post--container > .hs-container {
max-width: 1340px; }
.blog-post--container .row-fluid-flex {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.blog-post--container .blog-post__header {
position: relative; }
.blog-post--container .blog-post__header .blog-post__header-image {
margin-top: -60px; }
.blog-post--container .blog-post__header .blog-post__header-image img {
border-radius: 5px;
width: 100%; }
.blog-post--container .blog-post__header .blog-post__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 7px;
margin-top: 20px;
margin-bottom: 50px; }
.blog-post--container .blog-post__header .blog-post__social h4 {
font-size: 13px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
margin: 0; }
.blog-post--container .blog-post__header .blog-post__social a {
display: inline-block;
width: 29px;
height: 29px;
border-radius: 29px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #8C00FF; }
.blog-post--container .blog-post__header .blog-post__social a i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-size: 14px; }
.blog-post--container .blog-post--table-of-contents-mobile {
display: none; }
.blog-post--container .blog-post--table-of-contents {
background: #fff;
position: sticky;
top: 120px;
margin-top: 56px;
width: 100%;
max-width: 280px;
border-radius: 5px;
padding: 30px;
box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.1); }
.blog-post--container .blog-post--table-of-contents h3 {
font-size: 19px;
line-height: 23px;
font-weight: bold;
margin: 0 0 30px 0; }
.blog-post--container .blog-post--table-of-contents .blog-post--table-of-contents-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px; }
.blog-post--container .blog-post--table-of-contents .blog-post--table-of-contents-links a {
font-size: 15px;
line-height: 20px;
color: #000000;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.blog-post--container .blog-post--table-of-contents .blog-post--table-of-contents-links a:before {
-ms-flex-negative: 0;
flex-shrink: 0;
content: "";
display: inline-block;
width: 6px;
height: 8px;
background-image: url('data:image/svg+xml, ');
background-repeat: no-repeat;
background-position: center; }
.blog-post--container .blog-post--table-of-contents .blog-post--table-of-contents-links a:hover {
color: #FF96D2;
font-weight: bold; }
.blog-post--container .blog-post--sidebar-subscribe-form {
width: 100%;
max-width: 280px;
margin: auto;
background: #fff; }
.blog-post--container .blog-post--sidebar-categories {
background: #fff;
margin: 56px auto 0 auto;
width: 100%;
max-width: 280px;
border-radius: 5px;
padding: 25px;
box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.1); }
.blog-post--container .blog-post--sidebar-categories h3 {
font-size: 19px;
line-height: 23px;
font-weight: bold;
margin: 0 0 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
margin: 0; }
.blog-post--container .blog-post--sidebar-categories h3:after {
content: "";
display: inline-block;
width: 20px;
height: 16px;
background-image: url('data:image/svg+xml, '); }
.blog-post--container .blog-post--sidebar-categories .blog-post--sidebar-categories-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
padding-top: 20px; }
.blog-post--container .blog-post--sidebar-categories .blog-post--sidebar-categories-links a {
font-size: 15px;
line-height: 20px;
color: #000000;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.blog-post--container .blog-post--sidebar-categories .blog-post--sidebar-categories-links a:hover {
color: #FF96D2;
font-weight: bold; }
.blog-post--container .blog-post--sidebar-related-posts {
padding-top: 50px; }
.blog-post--container .blog-post--sidebar-related-posts h3 {
font-size: 20px;
line-height: 23px;
font-weight: bold;
margin: 0 0 30px 0; }
.blog-post--container .blog-post--sidebar-related-posts .blog-post--sidebar-related-posts-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 25px; }
.blog-post--container .blog-post--sidebar-related-posts .blog-post--sidebar-related-posts-list .blog-post--sidebar-related-post > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px; }
.blog-post--container .blog-post--sidebar-related-posts .blog-post--sidebar-related-posts-list .blog-post--sidebar-related-post > a div:first-child {
width: 77px;
-ms-flex-negative: 0;
flex-shrink: 0; }
.blog-post--container .blog-post--sidebar-related-posts .blog-post--sidebar-related-posts-list .blog-post--sidebar-related-post > a div:first-child img {
width: 77px;
height: 77px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 4px; }
.blog-post--container .blog-post--sidebar-related-posts .blog-post--sidebar-related-posts-list .blog-post--sidebar-related-post > a h3 {
font-size: 15px;
line-height: 18px;
font-weight: bold;
color: #1E1E1E;
margin: 0; }
.blog-post--container .blog-post--sidebar-related-posts .blog-post--sidebar-related-posts-list .blog-post--sidebar-related-post > a h4 {
font-size: 15px;
line-height: 25px;
font-weight: 300;
color: #454444;
margin: 0; }
.blog-post--container .blog-post--sidebar-related-posts .blog-post--sidebar-related-posts-list .blog-post--sidebar-related-post__hidden {
display: none; }
.blog-post--container .blog-post--sidebar-related-posts .show-more-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.blog-post--container .blog-post--sidebar-related-posts .show-more-container .show-more.tag-show-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
color: #8C00FF;
font-size: 14px;
line-height: 20px; }
@media (max-width: 991px) {
.blog-post--container .blog-post--table-of-contents-mobile {
display: block; }
.blog-post--container .blog-post--table-of-contents {
display: none; }
.blog-post--container .blog-post__header .blog-post__header-image {
margin-top: 0; }
.blog-post--container .blog-post--table-of-contents-mobile {
margin-top: 30px; } }
body.template-blog-post main.body-container-wrapper {
overflow-x: initial; }
.search-results--wrap {
padding: 60px 0; }
@media (min-width: 782px) {
.hs-search-results {
padding-right: 80px; } }
.hs-search-results__listing {
margin: 0;
padding: 60px 0;
list-style: none; }
.hs-search-results__listing li {
border-bottom: 0;
background-color: white;
padding: 45px !important;
margin-bottom: 30px !important;
border-radius: 10px; }
.hs-search-results__title {
font-size: 24px;
font-family: "Vitesse Sans";
margin-bottom: 11px;
display: block; }
.hs-search-highlight {
font-weight: bold; }
.hs-search-results__prev-page {
float: left;
font-size: 13px;
text-transform: uppercase;
font-weight: bold; }
.hs-search-results__next-page {
float: right;
font-size: 13px;
text-transform: uppercase;
font-weight: bold; }
.hs-search-results__prev-page i,
.hs-search-results__next-page i {
font-size: 12px; }
.hs-search-results__featured-image {
-webkit-box-flex: 0;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
max-width: 220px;
background-color: #e9e9e9;
border-radius: 5px; }
.hs-search-results__featured-image img {
border-radius: 5px; }
.hs-search-results__content {
padding-left: 20px; }
.hs-search-results__content a {
color: #ea5a58;
font-size: 23px;
margin-top: 12px;
display: block;
line-height: 1em;
font-weight: 800; }
.hs-search-results__content a:hover {
color: #6a7679; }
.hs-search-results .hs-search-highlight.hs-highlight-title,
.hs-search-results .hs-search-highlight.hs-highlight-html {
background-color: #ebebeb; }
.hs-search-results__description {
font-size: 16px; }
.hs-search-results__pagination {
margin-bottom: 90px; }
.webinar-banner {
padding: 5vw 0;
background-color: #2a2a2a; }
.webinar-banner .ringy-video-banner--intro {
margin-bottom: 80px; }
.webinar-banner .ringy-video-banner--intro h6 {
text-align: center;
color: #ff96d2; }
.webinar-banner .ringy-video-banner--intro h1 {
text-align: center;
color: white;
max-width: 750px;
margin: 0 auto; }
.webinar-banner .ringy-video-banner--bg {
top: -100px; }
.webinar-banner .ringy-video-banner--video img {
border-radius: 10px;
display: block; }
.webinar-index--posts {
padding-top: 60px;
padding-bottom: 60px;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px; }
.webinar-item:not(.full) {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media (min-width: 767px) {
.webinar-item:not(.full) {
max-width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%; } }
@media (min-width: 1024px) {
.webinar-item:not(.full) {
max-width: 33.33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%; } }
.lity-active body {
overflow: hidden; }
.lity-inline .lity-content > * {
max-height: none !important; }
.lity-inline .lity-wrap {
overflow: auto; }
.lity-close {
position: absolute !important;
text-shadow: none !important;
color: #FF96D2 !important;
right: 0px !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.lity-close:hover {
color: #8C00FF !important; }
.admin-bar .lity-close {
top: 32px !important; }
.lity-close:before {
content: '';
color: white;
position: absolute;
right: 100%;
font-family: "Source Sans Pro";
font-size: 38px;
line-height: 38px; }
/* Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */
.lity {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
white-space: nowrap;
background: #0b0b0b;
background: rgba(0, 0, 0, 0.7);
outline: none !important;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease; }
.lity.lity-opened {
opacity: 1; }
.lity.lity-closed {
opacity: 0; }
.lity * {
box-sizing: border-box; }
.lity-wrap {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
outline: none !important; }
.lity-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em; }
.lity-loader {
z-index: 9991;
color: #fff;
position: absolute;
top: 50%;
margin-top: -0.8em;
width: 100%;
text-align: center;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease; }
.lity-loading .lity-loader {
opacity: 1; }
.lity-container {
z-index: 9992;
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
white-space: normal;
max-width: 100%;
max-height: 100%;
outline: none !important; }
.lity-content {
z-index: 9993;
width: 100%;
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; }
.lity-loading .lity-content,
.lity-closed .lity-content {
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8); }
.lity-content:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
.lity-close {
z-index: 9999999999999999;
width: 35px;
height: 35px;
right: 0;
top: -35px;
-webkit-appearance: none;
cursor: pointer;
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
border: 0;
background: none;
outline: none;
box-shadow: none; }
.lity-close::-moz-focus-inner {
border: 0;
padding: 0; }
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
border: 0;
background: none;
outline: none;
box-shadow: none; }
.lity-close:active {
top: -35px !important; }
/* Image */
.lity-image img {
max-width: 100%;
display: block;
line-height: 0;
border: 0; }
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
width: 100%;
max-width: 964px; }
.lity-iframe-container {
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: auto;
pointer-events: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-overflow-scrolling: touch; }
.lity-iframe-container iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
.lity-hide {
display: none; }
html.hs-inline-edit .lity-hide {
display: block; }