[data-animate-in] {
    opacity: 0;
    transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
    transition: transform 0.8s ease, opacity 0.8s ease;
    transition: transform 0.8s ease, opacity 0.8s ease, -webkit-transform 0.8s ease
}

[data-animate-in].in-view {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
    transition: transform 0.6s ease, opacity 0.6s ease;
    transition: transform 0.6s ease, opacity 0.6s ease, -webkit-transform 0.6s ease
}

[data-animate-in='up'] {
    -webkit-transform: translate3d(0, 24px, 0);
    transform: translate3d(0, 24px, 0)
}

[data-animate-in='left'] {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0)
}

[data-animate-in='right'] {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0)
}

[data-animate-in='down'] {
    -webkit-transform: translate3d(0, -24px, 0);
    transform: translate3d(0, -24px, 0)
}

[data-animate-in='fadeIn'] {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@font-face {
    font-family: "hsg-icons";
    src: url("https://static2cdn.hubspot.com/hubspot.com/static-1.4200/_hsg-ss/build/icons/hsg-icons.eot");
    src: url("https://static2cdn.hubspot.com/hubspot.com/static-1.4200/_hsg-ss/build/icons/hsg-icons.eot?#iefix") format("eot"),url("https://static2cdn.hubspot.com/hubspot.com/static-1.4200/_hsg-ss/build/icons/hsg-icons.woff2") format("woff2"),url("https://static2cdn.hubspot.com/hubspot.com/static-1.4200/_hsg-ss/build/icons/hsg-icons.woff") format("woff"),url("https://static2cdn.hubspot.com/hubspot.com/static-1.4200/_hsg-ss/build/icons/hsg-icons.ttf") format("truetype"),url("https://static2cdn.hubspot.com/hubspot.com/static-1.4200/_hsg-ss/build/icons/hsg-icons.svg#hsg-icons") format("svg")
}

.hsg-icon:before {
    font-family: "hsg-icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none
}

.hsg-icon-ads-icon:before {
    content: "\E001"
}

.hsg-icon-analytics-icon:before {
    content: "\E002"
}

.hsg-icon-arrow-down-line:before {
    content: "\E003"
}

.hsg-icon-arrow-down:before {
    content: "\E004"
}

.hsg-icon-arrow-right:before {
    content: "\E005"
}

.hsg-icon-arrow-zigzag:before {
    content: "\E006"
}

.hsg-icon-blogging-icon:before {
    content: "\E007"
}

.hsg-icon-calling-icon:before {
    content: "\E008"
}

.hsg-icon-circleGradient1:before {
    content: "\E009"
}

.hsg-icon-circleLight1:before {
    content: "\E00A"
}

.hsg-icon-circleLight2:before {
    content: "\E00B"
}

.hsg-icon-close:before {
    content: "\E00C"
}

.hsg-icon-community:before {
    content: "\E00D"
}

.hsg-icon-cta-icon:before {
    content: "\E00E"
}

.hsg-icon-documentation:before {
    content: "\E00F"
}

.hsg-icon-documents-icon:before {
    content: "\E010"
}

.hsg-icon-downvote-outline:before {
    content: "\E011"
}

.hsg-icon-downvote:before {
    content: "\E012"
}

.hsg-icon-email-scheduling-icon:before {
    content: "\E013"
}

.hsg-icon-email-sequences-icon:before {
    content: "\E014"
}

.hsg-icon-email-template-icon:before {
    content: "\E015"
}

.hsg-icon-email-tracking-icon:before {
    content: "\E016"
}

.hsg-icon-email:before {
    content: "\E017"
}

.hsg-icon-facebook-messenger:before {
    content: "\E018"
}

.hsg-icon-facebook:before {
    content: "\E019"
}

.hsg-icon-flickr:before {
    content: "\E01A"
}

.hsg-icon-github:before {
    content: "\E01B"
}

.hsg-icon-globe-americas:before {
    content: "\E01C"
}

.hsg-icon-google-plus:before {
    content: "\E01D"
}

.hsg-icon-headset:before {
    content: "\E01E"
}

.hsg-icon-inbound-org:before {
    content: "\E01F"
}

.hsg-icon-inbox-profiles-icon:before {
    content: "\E020"
}

.hsg-icon-instagram:before {
    content: "\E021"
}

.hsg-icon-landing-page-icon:before {
    content: "\E022"
}

.hsg-icon-lead-management-icon:before {
    content: "\E023"
}

.hsg-icon-linkedin:before {
    content: "\E024"
}

.hsg-icon-marketing-automation-icon:before {
    content: "\E025"
}

.hsg-icon-medium:before {
    content: "\E026"
}

.hsg-icon-meetings-icon:before {
    content: "\E027"
}

.hsg-icon-minus:before {
    content: "\E028"
}

.hsg-icon-orange-checkmark:before {
    content: "\E029"
}

.hsg-icon-phone:before {
    content: "\E02A"
}

.hsg-icon-pinterest:before {
    content: "\E02B"
}

.hsg-icon-play:before {
    content: "\E02C"
}

.hsg-icon-prospects-icon:before {
    content: "\E02D"
}

.hsg-icon-salesforce-integration-icon:before {
    content: "\E02E"
}

.hsg-icon-search:before {
    content: "\E02F"
}

.hsg-icon-seo-icon:before {
    content: "\E030"
}

.hsg-icon-slideshare:before {
    content: "\E031"
}

.hsg-icon-social-media-icon:before {
    content: "\E032"
}

.hsg-icon-soundcloud:before {
    content: "\E033"
}

.hsg-icon-sprocket:before {
    content: "\E034"
}

.hsg-icon-star:before {
    content: "\E035"
}

.hsg-icon-tooltip:before {
    content: "\E036"
}

.hsg-icon-twitter:before {
    content: "\E037"
}

.hsg-icon-upvote-outline:before {
    content: "\E038"
}

.hsg-icon-upvote:before {
    content: "\E039"
}

.hsg-icon-website-icon:before {
    content: "\E03A"
}

.hsg-icon-youtube:before {
    content: "\E03B"
}

.hsg-page-width-normal,.hs-page-width-normal,.hs-page-width-module,.hs-page-width-extra-narrow {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: content-box
}

.cta--play-button::before {
    position: relative;
    content: '\E02C';
    font-family: 'hsg-icons';
    font-size: 0.95em;
    top: 0.05em;
    margin-right: 0.75em;
    line-height: 0
}

[data-background='white'] .hsg-card,.hsg-bg__white .hsg-card,.module-bg--white .hsg-card,[data-background='white'] .hsg-card__text,.hsg-bg__white .hsg-card__text,.module-bg--white .hsg-card__text,[data-background='off-white'] .hsg-card,.hsg-bg__off-white .hsg-card,.module-bg--off-white .hsg-card,[data-background='off-white'] .hsg-card__text,.hsg-bg__off-white .hsg-card__text,.module-bg--off-white .hsg-card__text,[data-background='light'] .hsg-card,[data-background='light'] .hsg-card__text,[data-background='dark'] .hsg-card,.hsg-bg__dark .hsg-card,.module-bg--dark .hsg-card,[data-background='dark'] .hsg-card__text,.hsg-bg__dark .hsg-card__text,.module-bg--dark .hsg-card__text {
    overflow: hidden;
    border-radius: .1875rem;
    box-shadow: 0 1px 5px 0 rgba(33,51,67,0.12)
}

@font-face {
    font-display: swap;
    font-family: 'Lexend Deca';
    font-weight: 300;
    src: url("//cdn2.hubspot.net/hubfs/53/tools/fonts/LexendDeca-Light.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Lexend Deca';
    font-weight: 400;
    src: url("//cdn2.hubspot.net/hubfs/53/tools/fonts/LexendDeca-Light.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Lexend Deca';
    font-weight: 500;
    src: url("//cdn2.hubspot.net/hubfs/53/tools/fonts/LexendDeca-Medium.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Lexend Deca';
    font-weight: 600;
    src: url("//cdn2.hubspot.net/hubfs/53/tools/fonts/LexendDeca-SemiBold.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Queens Medium";
    font-weight: 500;
    src: url("//cdn2.hubspot.net/hubfs/53/tools/fonts/Queens-Medium.woff2") format("woff2")
}

.hsg-sales-number[data-loaded='false'] {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    opacity: 0.01
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote::before,blockquote::after {
    content: none
}

q::before,q::after {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button {
    -webkit-appearance: none;
    appearance: none;
    font: inherit;
    margin: 0
}

input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: none
}

.row-fluid [class*='span'][class*='widget-type-']:not(.widget-type-space) {
    min-height: 0
}

.style-guide-template [data-hs-cos-type='rich_text'],.style-guide-template [data-hs-cos-type='rss_listing'] {
    box-sizing: content-box;
    max-width: 895px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1rem;
    display: block;
    padding-top: 10px;
    padding-bottom: 30px
}

.hs-dropdown li {
    margin: inherit
}

.hs-dropdown li::before {
    display: none
}

* {
    box-sizing: border-box
}

.row-fluid [class*='span'].hs-page-width-extra-narrow,.row-fluid [class*='span'].hs-page-width-narrow,.row-fluid [class*='span'].hs-page-width-normal,.row-fluid [class*='span'].hs-page-width-tablet,.row-fluid [class*='span'].hs-page-width-wide {
    float: none;
    box-sizing: content-box
}

.row-fluid [class*='span'][class*='widget-type-']:not(.widget-type-space) {
    min-height: 0
}

.row-fluid [class*='span']:first-child.hs-page-width-extra-narrow.span12,.row-fluid [class*='span']:first-child.hs-page-width-narrow.span12,.row-fluid [class*='span']:first-child.hs-page-width-normal.span12,.row-fluid [class*='span']:first-child.hs-page-width-tablet.span12,.row-fluid [class*='span']:first-child.hs-page-width-wide.span12 {
    box-sizing: content-box;
    width: auto;
    margin-left: auto
}

.hs-page-width-extra-narrow {
    max-width: 617px
}

@media (min-width: 501px) {
    .hsg-flex {
        display:flex;
        width: 100%;
        flex: 1
    }
}

img {
    max-width: 100%
}

.cf::before,.cf::after {
    content: '';
    display: table
}

.cf::after {
    clear: both
}

a.no-style {
    text-decoration: none
}

.hsg-visible-lte-mobile {
    display: none !important
}

@media (max-width: 500px) {
    .hsg-visible-lte-mobile {
        display:block !important
    }
}

@media (max-width: 500px) {
    .hsg-visible-gt-mobile {
        display:none !important
    }
}

.hsg-visible-gt-desktop {
    display: none !important
}

@media (min-width: 1025px) {
    .hsg-visible-gt-desktop {
        display:block !important
    }
}

@media (max-width: 1024px) {
    .hsg-hidden-lte-desktop {
        display:none !important
    }
}

.hsg-fixed-element,.hsg-fixed-element[data-fixed-element] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50
}

.hsg-animated-element {
    opacity: 0;
    transition: all 700ms ease-out;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.hsg-animated-element.hsg-animated-element__in-view {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@-webkit-keyframes scroll {
    100% {
        background-position: 0 -3000px
    }
}

@keyframes scroll {
    100% {
        background-position: 0 -3000px
    }
}

.visually-hidden:not(:focus):not(:active),.hsg-sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.hsg-page-width-normal,.hs-page-width-normal,.hs-page-width-module,.hs-page-width-extra-narrow {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: content-box
}

.cta--play-button::before {
    position: relative;
    content: '\E02C';
    font-family: 'hsg-icons';
    font-size: 0.95em;
    top: 0.05em;
    margin-right: 0.75em;
    line-height: 0
}

[data-background='white'] .hsg-card,.hsg-bg__white .hsg-card,.module-bg--white .hsg-card,[data-background='white'] .hsg-card__text,.hsg-bg__white .hsg-card__text,.module-bg--white .hsg-card__text,[data-background='off-white'] .hsg-card,.hsg-bg__off-white .hsg-card,.module-bg--off-white .hsg-card,[data-background='off-white'] .hsg-card__text,.hsg-bg__off-white .hsg-card__text,.module-bg--off-white .hsg-card__text,[data-background='light'] .hsg-card,[data-background='light'] .hsg-card__text,[data-background='dark'] .hsg-card,.hsg-bg__dark .hsg-card,.module-bg--dark .hsg-card,[data-background='dark'] .hsg-card__text,.hsg-bg__dark .hsg-card__text,.module-bg--dark .hsg-card__text {
    overflow: hidden;
    border-radius: .1875rem;
    box-shadow: 0 1px 5px 0 rgba(33,51,67,0.12)
}

input,select,textarea {
    font-family: "Lexend Deca","Helvetica Neue",Helvetica,Arial,sans-serif
}

input::-webkit-search-decoration,input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

@-webkit-keyframes floatCircle {
    0% {
        background-position: 0% -100%
    }

    100% {
        background-position: 0% 200%
    }
}

@keyframes floatCircle {
    0% {
        background-position: 0% -100%
    }

    100% {
        background-position: 0% 200%
    }
}

@-webkit-keyframes floatCircleTablet {
    0% {
        background-position: 0% -200%
    }

    100% {
        background-position: 0% 300%
    }
}

@keyframes floatCircleTablet {
    0% {
        background-position: 0% -200%
    }

    100% {
        background-position: 0% 300%
    }
}

@-webkit-keyframes floatCirclePhone {
    0% {
        background-position: 0% 220%
    }

    100% {
        background-position: 0% -120%
    }
}

@keyframes floatCirclePhone {
    0% {
        background-position: 0% 220%
    }

    100% {
        background-position: 0% -120%
    }
}

[data-background]:not([data-background*='white']),[data-background-overlay]:not([data-background*='white']),.hsg-bg__dark,.module-bg--dark {
    color: #fff
}

[data-background]:not([data-background*='white']) a:not([class*='cta']),[data-background-overlay]:not([data-background*='white']) a:not([class*='cta']),.hsg-bg__dark a:not([class*='cta']),.module-bg--dark a:not([class*='cta']) {
    color: var(--cl-anchor-color-dark, #fff);
    text-decoration: underline
}

[data-background]:not([data-background*='white']) a[role='button'],[data-background-overlay]:not([data-background*='white']) a[role='button'],.hsg-bg__dark a[role='button'],.module-bg--dark a[role='button'] {
    text-decoration: none
}

[data-background]:not([data-background*='white']) a[role='button']:hover,[data-background-overlay]:not([data-background*='white']) a[role='button']:hover,.hsg-bg__dark a[role='button']:hover,.module-bg--dark a[role='button']:hover {
    color: var(--cl-anchor-hover-color-dark, #b7ecec)
}

[data-background='white'],.hsg-bg__white,.module-bg--white {
    background-color: var(--cl-color-background-01, #fff)
}

[data-background='off-white'],.hsg-bg__off-white,.module-bg--off-white {
    background-color: var(--cl-color-background-02, #f6f9fc)
}

[data-background='dark'],.hsg-bg__dark,.module-bg--dark {
    background-color: var(--cl-color-background-01, #3e5974)
}

[data-edge-style] {
    padding-bottom: 11%
}

[data-background-image='oval'] {
    position: relative
}

[data-background-image='oval']::before {
    display: block;
    content: url("//cdn2.hubspot.net/hubfs/53/assets/hubspot.com/_style-guide/sword-sprocket/background-oval-shape.svg");
    -webkit-filter: grayscale(0) brightness(0.985);
    filter: grayscale(0) brightness(0.985)
}

[data-background-image='horizontal-circles'] {
    position: relative
}

[data-background-image='horizontal-circles']::before {
    content: url("//cdn2.hubspot.net/hubfs/53/assets/hubspot.com/_style-guide/sword-sprocket/circles-horizontal.svg")
}

[data-background-image='horizontal-circles-pink'] {
    position: relative
}

[data-background-image='horizontal-circles-pink']::before {
    content: url("//cdn2.hubspot.net/hubfs/53/assets/hubspot.com/_style-guide/sword-sprocket/circlesHorizontalPink.svg")
}

[data-background-image='circle1'],[data-background-image='circle2'] {
    background-image: url("//cdn2.hubspot.net/hubfs/53/assets/hubspot.com/_style-guide/sword-sprocket/circleLight1.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    -webkit-animation: floatCircle 20s linear infinite;
    animation: floatCircle 20s linear infinite
}

@media (max-width: 1024px) {
    [data-background-image='circle1'],[data-background-image='circle2'] {
        -webkit-animation:floatCircleTablet 20s linear infinite;
        animation: floatCircleTablet 20s linear infinite
    }
}

@media (max-width: 500px) {
    [data-background-image='circle1'],[data-background-image='circle2'] {
        -webkit-animation:floatCirclePhone 10s linear infinite;
        animation: floatCirclePhone 10s linear infinite
    }
}

[data-background-image='circle2'] {
    background-image: url("//cdn2.hubspot.net/hubfs/53/assets/hubspot.com/_style-guide/sword-sprocket/circleLight2.svg")
}

@media (max-width: 500px) {
    [data-background-image='circle2'] {
        -webkit-animation-duration:5s;
        animation-duration: 5s
    }
}

[data-background='gradient1'] {
    background-image: linear-gradient(45deg, #ff5c35, #ff8933)
}

[data-background='gradient1-horizontal'] {
    background-image: linear-gradient(to right, #ff5c35, #ff8933)
}

[data-background='gradient1-vertical'] {
    background-image: linear-gradient(to bottom, #ff5c35, #ff8933)
}

[data-background='gradient2'] {
    background-image: linear-gradient(45deg, #f86295, #f56271)
}

[data-background='gradient2-horizontal'] {
    background-image: linear-gradient(to right, #f86295, #f56271)
}

[data-background='gradient2-vertical'] {
    background-image: linear-gradient(to bottom, #f86295, #f56271)
}

[data-background='gradient3'] {
    background-image: linear-gradient(45deg, #7075db, #0fbfbf)
}

[data-background='gradient3-horizontal'] {
    background-image: linear-gradient(to right, #7075db, #0fbfbf)
}

[data-background='gradient3-vertical'] {
    background-image: linear-gradient(to bottom, #7075db, #0fbfbf)
}

[data-background='gradient4'] {
    background-image: linear-gradient(45deg, #0fbfbf, #4fb06d)
}

.high-contrast [data-background='gradient4'] {
    background: #d2f4ff;
    color: #002669
}

[data-background='gradient4-horizontal'] {
    background-image: linear-gradient(to right, #0fbfbf, #4fb06d)
}

[data-background='gradient4-vertical'] {
    background-image: linear-gradient(to bottom, #0fbfbf, #4fb06d)
}

[data-background='gradient5'] {
    background-image: linear-gradient(45deg, #ff8933, #ffbc4b)
}

[data-background='gradient5-horizontal'] {
    background-image: linear-gradient(to right, #ff8933, #ffbc4b)
}

[data-background='gradient5-vertical'] {
    background-image: linear-gradient(to bottom, #ff8933, #ffbc4b)
}

[data-background='gradient6'] {
    background-image: linear-gradient(45deg, #f56271, #ff5c35)
}

.high-contrast [data-background='gradient6'] {
    background: #2e475d;
    color: #fff
}

[data-background='gradient6-horizontal'] {
    background-image: linear-gradient(to right, #f56271, #ff5c35)
}

[data-background='gradient6-vertical'] {
    background-image: linear-gradient(to bottom, #f56271, #ff5c35)
}

[data-background='secondary1'] {
    background-color: #ff8933
}

[data-background='secondary2'] {
    background-color: #f56271
}

[data-background='secondary3'] {
    background-color: #f86295
}

[data-background='secondary4'] {
    background-color: #4fb06d
}

[data-background='secondary5'] {
    background-color: #0fbfbf
}

[data-background='secondary6'] {
    background-color: #ff5c35
}

.high-contrast [data-background-overlay*='gradient']::after {
    background-image: linear-gradient(225deg, #2e475d, #3e5974)
}

.high-contrast [data-background="gradient4"] a:not([class*='cta']) {
    color: #0000c5
}

.high-contrast [data-background="gradient4"] a:not([class*='cta']):hover {
    color: #1529ff !important
}

.hsg-frames__laptop,.hsg-frames__phone,.hsg-frames__browser {
    overflow: hidden;
    position: relative;
    line-height: 0
}

.hsg-frames__laptop-frame,.hsg-frames__phone-frame,.hsg-frames__browser-frame {
    position: relative;
    width: 100%;
    z-index: 1
}

.hsg-frames__laptop-screen,.hsg-frames__phone-screen,.hsg-frames__browser-screen {
    overflow: hidden;
    position: absolute;
    z-index: 1
}

.hsg-frames__laptop-screen img,.hsg-frames__phone-screen img,.hsg-frames__browser-screen img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0 0;
    object-position: 0 0;
    width: 100%;
    min-height: 100%;
    max-width: none;
    margin: 0 auto
}

.hsg-frames__laptop {
    max-width: 746px
}

.hsg-frames__laptop-screen {
    top: 16%;
    right: -27%;
    width: 119%;
    height: 41.5%;
    -webkit-transform: rotateX(-17deg) rotateY(-58.8deg);
    transform: rotateX(-17deg) rotateY(-58.8deg)
}

.hsg-frames__phone {
    max-width: 298px
}

.hsg-frames__phone-screen {
    top: 11%;
    right: 10.5%;
    width: 82%;
    height: 75%
}

.hsg-frames__browser {
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    max-width: 780px
}

.hsg-frames__browser-screen {
    top: 7.5%;
    left: 0;
    width: 100%;
    height: 92.5%
}

[data-background-overlay*='gradient'] {
    color: #fff;
    position: relative;
    z-index: 0
}

[data-background-overlay*='gradient']::after {
    content: '';
    opacity: 0.8;
    z-index: -1
}

[data-background-overlay*='gradient']::after,[data-background-overlay*='gradient'] [data-background-overlay-img] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

[data-background-overlay*='gradient'] [data-background-overlay-img] {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: contrast(2) grayscale(100%);
    filter: contrast(2) grayscale(100%);
    z-index: -1
}

[data-background-overlay='gradient1']::after {
    background-image: linear-gradient(45deg, #ff5c35, #ff8933)
}

[data-background-overlay='gradient1-horizontal']::after {
    background-image: linear-gradient(to right, #ff5c35, #ff8933)
}

[data-background-overlay='gradient1-vertical']::after {
    background-image: linear-gradient(to bottom, #ff5c35, #ff8933)
}

[data-background-overlay='gradient2']::after {
    background-image: linear-gradient(45deg, #f86295, #f56271)
}

[data-background-overlay='gradient2-horizontal']::after {
    background-image: linear-gradient(to right, #f86295, #f56271)
}

[data-background-overlay='gradient2-vertical']::after {
    background-image: linear-gradient(to bottom, #f86295, #f56271)
}

[data-background-overlay='gradient3']::after {
    background-image: linear-gradient(45deg, #7075db, #0fbfbf)
}

[data-background-overlay='gradient3-horizontal']::after {
    background-image: linear-gradient(to right, #7075db, #0fbfbf)
}

[data-background-overlay='gradient3-vertical']::after {
    background-image: linear-gradient(to bottom, #7075db, #0fbfbf)
}

[data-background-overlay='gradient4']::after {
    background-image: linear-gradient(45deg, #0fbfbf, #4fb06d)
}

[data-background-overlay='gradient4-horizontal']::after {
    background-image: linear-gradient(to right, #0fbfbf, #4fb06d)
}

[data-background-overlay='gradient4-vertical']::after {
    background-image: linear-gradient(to bottom, #0fbfbf, #4fb06d)
}

[data-background-overlay='gradient5']::after {
    background-image: linear-gradient(45deg, #ff8933, #ffbc4b)
}

[data-background-overlay='gradient5-horizontal']::after {
    background-image: linear-gradient(to right, #ff8933, #ffbc4b)
}

[data-background-overlay='gradient5-vertical']::after {
    background-image: linear-gradient(to bottom, #ff8933, #ffbc4b)
}

[data-background-overlay='gradient6']::after {
    background-image: linear-gradient(45deg, #f56271, #ff5c35)
}

[data-background-overlay='gradient6-horizontal']::after {
    background-image: linear-gradient(to right, #f56271, #ff5c35)
}

[data-background-overlay='gradient6-vertical']::after {
    background-image: linear-gradient(to bottom, #f56271, #ff5c35)
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--cl-text-color, #2e475d);
    font-family: "Lexend Deca","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--cl-text-font-size, 1rem);
    font-weight: var(--cl-text-font-weight, 300);
    line-height: var(--cl-text-line-height, 1.75);
    margin: 0;
    padding: 0
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    margin: 0.5em 0
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,a,span,li {
    color: inherit;
    font-family: inherit
}

h1,.h1 {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.28
}

@media (min-width: 768px) {
    h1,.h1 {
        font-size:3rem;
        font-weight: 500;
        line-height: 1.25
    }
}

h1.-secondary {
    font-family: "Queens Medium", serif;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1.28
}

@media (min-width: 768px) {
    h1.-secondary {
        font-size:3.75rem;
        line-height: 1.13
    }
}

h1.-secondary-small {
    font-family: "Queens Medium", serif;
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 1.26
}

@media (min-width: 768px) {
    h1.-secondary-small {
        font-size:3rem;
        line-height: 1.17
    }
}

h2,.h2 {
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 1.38
}

@media (min-width: 768px) {
    h2,.h2 {
        font-size:2rem
    }
}

h2.-secondary {
    font-family: "Queens Medium", serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.25
}

@media (min-width: 768px) {
    h2.-secondary {
        font-size:2.5rem;
        line-height: 1.2
    }
}

h3,.h3 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.42
}

h4,.h4 {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.45
}

h5,.h5 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6
}

h6,.h6 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.56
}

h6.hsg-variant-2,h6.hsg-micro-heading,.h6.hsg-variant-2,.h6.hsg-micro-heading {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.57;
    text-transform: uppercase
}

p {
    font-size: var(--cl-text-font-size, 1rem);
    font-weight: var(--cl-text-font-weight, 300);
    line-height: var(--cl-text-line-height, 1.75);
    margin-top: 1em;
    margin-bottom: 1em
}

a {
    color: var(--cl-anchor-color, #0b8484);
    font-weight: var(--cl-anchor-font-weight, 500);
    -webkit-text-decoration: var(--cl-anchor-text-decoration, none);
    text-decoration: var(--cl-anchor-text-decoration, none)
}

.high-contrast a {
    color: #0000c5
}

a:hover {
    color: var(--cl-anchor-hover-color, #0b8484);
    text-decoration: underline
}

.high-contrast a:hover {
    color: #1529ff
}

a.hsg-variant-2 {
    font-size: 0.75em;
    line-height: 1em
}

strong {
    font-weight: 500
}

em {
    font-style: italic
}

.hsg-microcopy,.submitted-message {
    color: #516f90;
    font-size: 0.75rem;
    line-height: 1.67;
    font-weight: 500;
    text-align: center;
    max-width: 525px;
    margin: 2em auto
}

[data-background='dark'] .hsg-microcopy,.hsg-bg__dark .hsg-microcopy,.module-bg--dark .hsg-microcopy,[data-background*='gradient'] .hsg-microcopy,[data-background='dark'] .submitted-message,.hsg-bg__dark .submitted-message,.module-bg--dark .submitted-message,[data-background*='gradient'] .submitted-message {
    color: #b6c7d6;
    font-size: 0.75rem;
    line-height: 1.67;
    font-weight: 500
}

.hsg-meta-copy {
    font-size: 1rem;
    line-height: 1.625em
}

.hsg-image-caption {
    color: #516f90;
    font-size: 0.75rem;
    line-height: 1.67;
    font-weight: 500;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}

.hs_cos_wrapper_type_rich_text ul:not([class]),.hs_cos_wrapper_type_rich_text ol:not([class]),.wt-blog__post__content ul:not([class]),.wt-blog__post__content ol:not([class]) {
    margin: 1em 0 0.25em;
    padding: 0
}

.hs_cos_wrapper_type_rich_text ul:not([class]) li,.hs_cos_wrapper_type_rich_text ol:not([class]) li,.wt-blog__post__content ul:not([class]) li,.wt-blog__post__content ol:not([class]) li {
    list-style-type: none;
    margin: 0 0 0.75em;
    padding: 0 0 0 1.5em
}

.hs_cos_wrapper_type_rich_text ul:not([class]) li>ul,.hs_cos_wrapper_type_rich_text ul:not([class]) li>ol,.hs_cos_wrapper_type_rich_text ol:not([class]) li>ul,.hs_cos_wrapper_type_rich_text ol:not([class]) li>ol,.wt-blog__post__content ul:not([class]) li>ul,.wt-blog__post__content ul:not([class]) li>ol,.wt-blog__post__content ol:not([class]) li>ul,.wt-blog__post__content ol:not([class]) li>ol {
    margin: 1em 0 0
}

.hs_cos_wrapper_type_rich_text ul:not([class]) li,.wt-blog__post__content ul:not([class]) li {
    font-size: var(--cl-text-font-size, 1rem);
    font-weight: var(--cl-text-font-weight, 300);
    line-height: var(--cl-text-line-height, 1.75);
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
    padding-left: 1.25rem
}

.hs_cos_wrapper_type_rich_text ul:not([class]) li::before,.wt-blog__post__content ul:not([class]) li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0.625rem;
    left: 0;
    background-color: #213343;
    border-radius: 50%;
    width: 6px;
    height: 6px
}

.hs_cos_wrapper_type_rich_text ol:not([class]),.wt-blog__post__content ol:not([class]) {
    counter-reset: item
}

.hs_cos_wrapper_type_rich_text ol:not([class])>li,.wt-blog__post__content ol:not([class])>li {
    font-size: var(--cl-text-font-size, 1rem);
    font-weight: var(--cl-text-font-weight, 300);
    line-height: var(--cl-text-line-height, 1.75);
    margin-top: 1em;
    margin-bottom: 1em;
    counter-increment: item;
    position: relative
}

.hs_cos_wrapper_type_rich_text ol:not([class])>li::before,.wt-blog__post__content ol:not([class])>li::before {
    position: absolute;
    top: 0;
    left: -1.5em;
    content: counter(item) ".";
    display: inline-block;
    color: #213343;
    font-weight: 600;
    text-align: right;
    width: 2.5em;
    padding-right: 0.5em
}

.align-center {
    text-align: center
}

ul.inline {
    margin: 0
}

ul.inline li {
    display: inline-block;
    padding-left: 0.5em;
    padding-right: 0.5em
}

.hsg-windows .hsg-icon::before {
    line-height: 0
}

.cta,.cta--primary,.cta--primary-dark,.cta--primary-light,.cta--secondary,.cta--secondary-dark,.cta--secondary-light,.cta--tertiary,.cta--tertiary-dark,.cta--tertiary-light {
    text-align: center;
    border-radius: .1875rem;
    transition: 0.3s ease-in-out;
    display: inline-block;
    text-decoration: none;
    border: 0;
    font-weight: 500;
    line-height: 1.57
}

@media (max-width: 767px) {
    .cta,.cta--primary,.cta--primary-dark,.cta--primary-light,.cta--secondary,.cta--secondary-dark,.cta--secondary-light,.cta--tertiary,.cta--tertiary-dark,.cta--tertiary-light {
        width:100%
    }
}

.cta:hover,.cta--primary:hover,.cta--primary-dark:hover,.cta--primary-light:hover,.cta--secondary:hover,.cta--secondary-dark:hover,.cta--secondary-light:hover,.cta--tertiary:hover,.cta--tertiary-dark:hover,.cta--tertiary-light:hover {
    text-decoration: none
}

.cta--secondary,.cta--secondary-dark,.cta--secondary-light {
    background-color: #fff
}

.cta--secondary,.cta--secondary-dark {
    border: 1px solid #ff5c35;
    color: #ff5c35
}

.cta--secondary:hover,.cta--secondary-dark:hover {
    background-color: #ffebe6;
    color: #ff5c35
}

.cta--secondary:active,.cta--secondary-dark:active {
    background-color: #ffcec2;
    color: #ff5c35
}

.high-contrast .cta--secondary,.high-contrast .cta--secondary-dark {
    background-color: #edf8ff;
    color: #180bb1;
    border: 1px solid #180bb1
}

.high-contrast .cta--secondary:hover,.high-contrast .cta--secondary-dark:hover {
    background-color: #cee2ff;
    color: #020478;
    border: 1px solid #020478
}

.high-contrast .cta--secondary:active,.high-contrast .cta--secondary-dark:active {
    background-color: #1d0cff;
    color: #020478;
    border: 1px solid #020478
}

[data-background*='dark'] .cta--secondary,[data-background*='gradient'] .cta--secondary,[data-background*='secondary'] .cta--secondary,[data-background-overlay] .cta--secondary,[data-background*='dark'] .cta--secondary-dark,[data-background*='gradient'] .cta--secondary-dark,[data-background*='secondary'] .cta--secondary-dark,[data-background-overlay] .cta--secondary-dark,.cta--secondary-light {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent
}

[data-background*='dark'] .cta--secondary:hover,[data-background*='gradient'] .cta--secondary:hover,[data-background*='secondary'] .cta--secondary:hover,[data-background-overlay] .cta--secondary:hover,[data-background*='dark'] .cta--secondary-dark:hover,[data-background*='gradient'] .cta--secondary-dark:hover,[data-background*='secondary'] .cta--secondary-dark:hover,[data-background-overlay] .cta--secondary-dark:hover,.cta--secondary-light:hover {
    background-color: #fff;
    color: #2e475d
}

[data-background*='dark'] .cta--secondary:active,[data-background*='gradient'] .cta--secondary:active,[data-background*='secondary'] .cta--secondary:active,[data-background-overlay] .cta--secondary:active,[data-background*='dark'] .cta--secondary-dark:active,[data-background*='gradient'] .cta--secondary-dark:active,[data-background*='secondary'] .cta--secondary-dark:active,[data-background-overlay] .cta--secondary-dark:active,.cta--secondary-light:active {
    background-color: #eaf0f6;
    color: #2e475d
}

.high-contrast [data-background*='dark'] .cta--secondary,[data-background*='dark'] .high-contrast .cta--secondary,.high-contrast [data-background*='gradient'] .cta--secondary,[data-background*='gradient'] .high-contrast .cta--secondary,.high-contrast [data-background*='secondary'] .cta--secondary,[data-background*='secondary'] .high-contrast .cta--secondary,.high-contrast [data-background-overlay] .cta--secondary,[data-background-overlay] .high-contrast .cta--secondary,.high-contrast [data-background*='dark'] .cta--secondary-dark,[data-background*='dark'] .high-contrast .cta--secondary-dark,.high-contrast [data-background*='gradient'] .cta--secondary-dark,[data-background*='gradient'] .high-contrast .cta--secondary-dark,.high-contrast [data-background*='secondary'] .cta--secondary-dark,[data-background*='secondary'] .high-contrast .cta--secondary-dark,.high-contrast [data-background-overlay] .cta--secondary-dark,[data-background-overlay] .high-contrast .cta--secondary-dark,.high-contrast .cta--secondary-light {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent
}

.high-contrast [data-background*='dark'] .cta--secondary:hover,[data-background*='dark'] .high-contrast .cta--secondary:hover,.high-contrast [data-background*='gradient'] .cta--secondary:hover,[data-background*='gradient'] .high-contrast .cta--secondary:hover,.high-contrast [data-background*='secondary'] .cta--secondary:hover,[data-background*='secondary'] .high-contrast .cta--secondary:hover,.high-contrast [data-background-overlay] .cta--secondary:hover,[data-background-overlay] .high-contrast .cta--secondary:hover,.high-contrast [data-background*='dark'] .cta--secondary-dark:hover,[data-background*='dark'] .high-contrast .cta--secondary-dark:hover,.high-contrast [data-background*='gradient'] .cta--secondary-dark:hover,[data-background*='gradient'] .high-contrast .cta--secondary-dark:hover,.high-contrast [data-background*='secondary'] .cta--secondary-dark:hover,[data-background*='secondary'] .high-contrast .cta--secondary-dark:hover,.high-contrast [data-background-overlay] .cta--secondary-dark:hover,[data-background-overlay] .high-contrast .cta--secondary-dark:hover,.high-contrast .cta--secondary-light:hover {
    background-color: #fff;
    color: #2e475d
}

.high-contrast [data-background*='dark'] .cta--secondary:active,[data-background*='dark'] .high-contrast .cta--secondary:active,.high-contrast [data-background*='gradient'] .cta--secondary:active,[data-background*='gradient'] .high-contrast .cta--secondary:active,.high-contrast [data-background*='secondary'] .cta--secondary:active,[data-background*='secondary'] .high-contrast .cta--secondary:active,.high-contrast [data-background-overlay] .cta--secondary:active,[data-background-overlay] .high-contrast .cta--secondary:active,.high-contrast [data-background*='dark'] .cta--secondary-dark:active,[data-background*='dark'] .high-contrast .cta--secondary-dark:active,.high-contrast [data-background*='gradient'] .cta--secondary-dark:active,[data-background*='gradient'] .high-contrast .cta--secondary-dark:active,.high-contrast [data-background*='secondary'] .cta--secondary-dark:active,[data-background*='secondary'] .high-contrast .cta--secondary-dark:active,.high-contrast [data-background-overlay] .cta--secondary-dark:active,[data-background-overlay] .high-contrast .cta--secondary-dark:active,.high-contrast .cta--secondary-light:active {
    background-color: #eaf0f6;
    color: #2e475d
}

.high-contrast .cta--secondary,.high-contrast .cta--secondary-dark {
    background-color: #edf8ff;
    color: #180bb1;
    border: 1px solid #180bb1
}

.high-contrast .cta--secondary:hover,.high-contrast .cta--secondary-dark:hover {
    background-color: #cee2ff;
    color: #020478;
    border: 1px solid #020478
}

.high-contrast .cta--secondary:active,.high-contrast .cta--secondary-dark:active {
    background-color: #1d0cff;
    color: #020478;
    border: 1px solid #020478
}

[data-background*='dark'] .cta--tertiary,[data-background*='gradient'] .cta--tertiary,[data-background*='secondary'] .cta--tertiary,[data-background-overlay] .cta--tertiary,[data-background*='dark'] .cta--tertiary-dark,[data-background*='gradient'] .cta--tertiary-dark,[data-background*='secondary'] .cta--tertiary-dark,[data-background-overlay] .cta--tertiary-dark,.cta--tertiary-light {
    background-color: #eaf0f6;
    border: 1px solid #b6c7d6;
    color: #516f90
}

[data-background*='dark'] .cta--tertiary:hover,[data-background*='gradient'] .cta--tertiary:hover,[data-background*='secondary'] .cta--tertiary:hover,[data-background-overlay] .cta--tertiary:hover,[data-background*='dark'] .cta--tertiary-dark:hover,[data-background*='gradient'] .cta--tertiary-dark:hover,[data-background*='secondary'] .cta--tertiary-dark:hover,[data-background-overlay] .cta--tertiary-dark:hover,.cta--tertiary-light:hover {
    background-color: #f6f9fc;
    color: #516f90
}

[data-background*='dark'] .cta--tertiary:active,[data-background*='gradient'] .cta--tertiary:active,[data-background*='secondary'] .cta--tertiary:active,[data-background-overlay] .cta--tertiary:active,[data-background*='dark'] .cta--tertiary-dark:active,[data-background*='gradient'] .cta--tertiary-dark:active,[data-background*='secondary'] .cta--tertiary-dark:active,[data-background-overlay] .cta--tertiary-dark:active,.cta--tertiary-light:active {
    background-color: #b6c7d6;
    border: 1px solid #7691ad;
    color: #516f90
}

.high-contrast [data-background*='dark'] .cta--tertiary,[data-background*='dark'] .high-contrast .cta--tertiary,.high-contrast [data-background*='gradient'] .cta--tertiary,[data-background*='gradient'] .high-contrast .cta--tertiary,.high-contrast [data-background*='secondary'] .cta--tertiary,[data-background*='secondary'] .high-contrast .cta--tertiary,.high-contrast [data-background-overlay] .cta--tertiary,[data-background-overlay] .high-contrast .cta--tertiary,.high-contrast [data-background*='dark'] .cta--tertiary-dark,[data-background*='dark'] .high-contrast .cta--tertiary-dark,.high-contrast [data-background*='gradient'] .cta--tertiary-dark,[data-background*='gradient'] .high-contrast .cta--tertiary-dark,.high-contrast [data-background*='secondary'] .cta--tertiary-dark,[data-background*='secondary'] .high-contrast .cta--tertiary-dark,.high-contrast [data-background-overlay] .cta--tertiary-dark,[data-background-overlay] .high-contrast .cta--tertiary-dark,.high-contrast .cta--tertiary-light {
    background-color: #eaf0f6;
    border: 1px solid #b6c7d6;
    color: #516f90
}

.high-contrast [data-background*='dark'] .cta--tertiary:hover,[data-background*='dark'] .high-contrast .cta--tertiary:hover,.high-contrast [data-background*='gradient'] .cta--tertiary:hover,[data-background*='gradient'] .high-contrast .cta--tertiary:hover,.high-contrast [data-background*='secondary'] .cta--tertiary:hover,[data-background*='secondary'] .high-contrast .cta--tertiary:hover,.high-contrast [data-background-overlay] .cta--tertiary:hover,[data-background-overlay] .high-contrast .cta--tertiary:hover,.high-contrast [data-background*='dark'] .cta--tertiary-dark:hover,[data-background*='dark'] .high-contrast .cta--tertiary-dark:hover,.high-contrast [data-background*='gradient'] .cta--tertiary-dark:hover,[data-background*='gradient'] .high-contrast .cta--tertiary-dark:hover,.high-contrast [data-background*='secondary'] .cta--tertiary-dark:hover,[data-background*='secondary'] .high-contrast .cta--tertiary-dark:hover,.high-contrast [data-background-overlay] .cta--tertiary-dark:hover,[data-background-overlay] .high-contrast .cta--tertiary-dark:hover,.high-contrast .cta--tertiary-light:hover {
    background-color: #f6f9fc;
    color: #516f90
}

.high-contrast [data-background*='dark'] .cta--tertiary:active,[data-background*='dark'] .high-contrast .cta--tertiary:active,.high-contrast [data-background*='gradient'] .cta--tertiary:active,[data-background*='gradient'] .high-contrast .cta--tertiary:active,.high-contrast [data-background*='secondary'] .cta--tertiary:active,[data-background*='secondary'] .high-contrast .cta--tertiary:active,.high-contrast [data-background-overlay] .cta--tertiary:active,[data-background-overlay] .high-contrast .cta--tertiary:active,.high-contrast [data-background*='dark'] .cta--tertiary-dark:active,[data-background*='dark'] .high-contrast .cta--tertiary-dark:active,.high-contrast [data-background*='gradient'] .cta--tertiary-dark:active,[data-background*='gradient'] .high-contrast .cta--tertiary-dark:active,.high-contrast [data-background*='secondary'] .cta--tertiary-dark:active,[data-background*='secondary'] .high-contrast .cta--tertiary-dark:active,.high-contrast [data-background-overlay] .cta--tertiary-dark:active,[data-background-overlay] .high-contrast .cta--tertiary-dark:active,.high-contrast .cta--tertiary-light:active {
    background-color: #b6c7d6;
    border: 1px solid #7691ad;
    color: #516f90
}

.cta--tertiary,.cta--tertiary-dark {
    background-color: #3e5974;
    color: #fff;
    border: 1px solid #3e5974
}

.cta--tertiary:hover,.cta--tertiary-dark:hover {
    background-color: #516f90;
    color: #fff;
    border: 1px solid #516f90
}

.cta--tertiary:active,.cta--tertiary-dark:active {
    background-color: #2e475d;
    color: #fff;
    border: 1px solid #2e475d
}

.high-contrast .cta--tertiary,.high-contrast .cta--tertiary-dark {
    background-color: #3e5974;
    color: #fff;
    border: 1px solid #3e5974
}

.high-contrast .cta--tertiary:hover,.high-contrast .cta--tertiary-dark:hover {
    background-color: #516f90;
    color: #fff;
    border: 1px solid #516f90
}

.high-contrast .cta--tertiary:active,.high-contrast .cta--tertiary-dark:active {
    background-color: #2e475d;
    color: #fff;
    border: 1px solid #2e475d
}

[data-background*='dark'] .cta,[data-background*='gradient'] .cta,[data-background*='secondary'] .cta,[data-background-overlay] .cta,[data-background*='dark'] .cta--primary,[data-background*='gradient'] .cta--primary,[data-background*='secondary'] .cta--primary,[data-background-overlay] .cta--primary,[data-background*='dark'] .cta--primary-dark,[data-background*='gradient'] .cta--primary-dark,[data-background*='secondary'] .cta--primary-dark,[data-background-overlay] .cta--primary-dark,.cta--primary-light {
    background-color: #fff;
    color: #2e475d;
    border: 1px solid #fff
}

[data-background*='dark'] .cta:hover,[data-background*='gradient'] .cta:hover,[data-background*='secondary'] .cta:hover,[data-background-overlay] .cta:hover,[data-background*='dark'] .cta--primary:hover,[data-background*='gradient'] .cta--primary:hover,[data-background*='secondary'] .cta--primary:hover,[data-background-overlay] .cta--primary:hover,[data-background*='dark'] .cta--primary-dark:hover,[data-background*='gradient'] .cta--primary-dark:hover,[data-background*='secondary'] .cta--primary-dark:hover,[data-background-overlay] .cta--primary-dark:hover,.cta--primary-light:hover {
    background-color: #eaf0f6;
    color: #2e475d;
    border: 1px solid #eaf0f6
}

[data-background*='dark'] .cta:active,[data-background*='gradient'] .cta:active,[data-background*='secondary'] .cta:active,[data-background-overlay] .cta:active,[data-background*='dark'] .cta--primary:active,[data-background*='gradient'] .cta--primary:active,[data-background*='secondary'] .cta--primary:active,[data-background-overlay] .cta--primary:active,[data-background*='dark'] .cta--primary-dark:active,[data-background*='gradient'] .cta--primary-dark:active,[data-background*='secondary'] .cta--primary-dark:active,[data-background-overlay] .cta--primary-dark:active,.cta--primary-light:active {
    background-color: #eaf0f6;
    color: #2e475d;
    border: 1px solid #eaf0f6
}

.high-contrast [data-background*='dark'] .cta,[data-background*='dark'] .high-contrast .cta,.high-contrast [data-background*='gradient'] .cta,[data-background*='gradient'] .high-contrast .cta,.high-contrast [data-background*='secondary'] .cta,[data-background*='secondary'] .high-contrast .cta,.high-contrast [data-background-overlay] .cta,[data-background-overlay] .high-contrast .cta,.high-contrast [data-background*='dark'] .cta--primary,[data-background*='dark'] .high-contrast .cta--primary,.high-contrast [data-background*='gradient'] .cta--primary,[data-background*='gradient'] .high-contrast .cta--primary,.high-contrast [data-background*='secondary'] .cta--primary,[data-background*='secondary'] .high-contrast .cta--primary,.high-contrast [data-background-overlay] .cta--primary,[data-background-overlay] .high-contrast .cta--primary,.high-contrast [data-background*='dark'] .cta--primary-dark,[data-background*='dark'] .high-contrast .cta--primary-dark,.high-contrast [data-background*='gradient'] .cta--primary-dark,[data-background*='gradient'] .high-contrast .cta--primary-dark,.high-contrast [data-background*='secondary'] .cta--primary-dark,[data-background*='secondary'] .high-contrast .cta--primary-dark,.high-contrast [data-background-overlay] .cta--primary-dark,[data-background-overlay] .high-contrast .cta--primary-dark,.high-contrast .cta--primary-light {
    background-color: #fff;
    color: #2e475d;
    border: 1px solid #fff
}

.high-contrast [data-background*='dark'] .cta:hover,[data-background*='dark'] .high-contrast .cta:hover,.high-contrast [data-background*='gradient'] .cta:hover,[data-background*='gradient'] .high-contrast .cta:hover,.high-contrast [data-background*='secondary'] .cta:hover,[data-background*='secondary'] .high-contrast .cta:hover,.high-contrast [data-background-overlay] .cta:hover,[data-background-overlay] .high-contrast .cta:hover,.high-contrast [data-background*='dark'] .cta--primary:hover,[data-background*='dark'] .high-contrast .cta--primary:hover,.high-contrast [data-background*='gradient'] .cta--primary:hover,[data-background*='gradient'] .high-contrast .cta--primary:hover,.high-contrast [data-background*='secondary'] .cta--primary:hover,[data-background*='secondary'] .high-contrast .cta--primary:hover,.high-contrast [data-background-overlay] .cta--primary:hover,[data-background-overlay] .high-contrast .cta--primary:hover,.high-contrast [data-background*='dark'] .cta--primary-dark:hover,[data-background*='dark'] .high-contrast .cta--primary-dark:hover,.high-contrast [data-background*='gradient'] .cta--primary-dark:hover,[data-background*='gradient'] .high-contrast .cta--primary-dark:hover,.high-contrast [data-background*='secondary'] .cta--primary-dark:hover,[data-background*='secondary'] .high-contrast .cta--primary-dark:hover,.high-contrast [data-background-overlay] .cta--primary-dark:hover,[data-background-overlay] .high-contrast .cta--primary-dark:hover,.high-contrast .cta--primary-light:hover {
    background-color: #eaf0f6;
    color: #2e475d;
    border: 1px solid #eaf0f6
}

.high-contrast [data-background*='dark'] .cta:active,[data-background*='dark'] .high-contrast .cta:active,.high-contrast [data-background*='gradient'] .cta:active,[data-background*='gradient'] .high-contrast .cta:active,.high-contrast [data-background*='secondary'] .cta:active,[data-background*='secondary'] .high-contrast .cta:active,.high-contrast [data-background-overlay] .cta:active,[data-background-overlay] .high-contrast .cta:active,.high-contrast [data-background*='dark'] .cta--primary:active,[data-background*='dark'] .high-contrast .cta--primary:active,.high-contrast [data-background*='gradient'] .cta--primary:active,[data-background*='gradient'] .high-contrast .cta--primary:active,.high-contrast [data-background*='secondary'] .cta--primary:active,[data-background*='secondary'] .high-contrast .cta--primary:active,.high-contrast [data-background-overlay] .cta--primary:active,[data-background-overlay] .high-contrast .cta--primary:active,.high-contrast [data-background*='dark'] .cta--primary-dark:active,[data-background*='dark'] .high-contrast .cta--primary-dark:active,.high-contrast [data-background*='gradient'] .cta--primary-dark:active,[data-background*='gradient'] .high-contrast .cta--primary-dark:active,.high-contrast [data-background*='secondary'] .cta--primary-dark:active,[data-background*='secondary'] .high-contrast .cta--primary-dark:active,.high-contrast [data-background-overlay] .cta--primary-dark:active,[data-background-overlay] .high-contrast .cta--primary-dark:active,.high-contrast .cta--primary-light:active {
    background-color: #eaf0f6;
    color: #2e475d;
    border: 1px solid #eaf0f6
}

.cta,.cta--primary,.cta--primary-dark {
    background-color: #ff5c35;
    color: #fff;
    border: 1px solid #ff5c35
}

.cta:hover,.cta--primary:hover,.cta--primary-dark:hover {
    background-color: #ffcec2;
    color: #fff;
    border: 1px solid #ffcec2
}

.cta:active,.cta--primary:active,.cta--primary-dark:active {
    background-color: #d44325;
    color: #fff;
    border: 1px solid #d44325
}

.high-contrast .cta,.high-contrast .cta--primary,.high-contrast .cta--primary-dark {
    background-color: #1d0cff;
    color: #fff;
    border: 1px solid #1d0cff
}

.high-contrast .cta:hover,.high-contrast .cta--primary:hover,.high-contrast .cta--primary-dark:hover {
    background-color: #cee2ff;
    color: #0c009e;
    border: 1px solid #cee2ff
}

.high-contrast .cta:active,.high-contrast .cta--primary:active,.high-contrast .cta--primary-dark:active {
    background-color: #1d0cff;
    color: #fff;
    border: 1px solid #1d0cff
}

.cta.cta--small,.cta--primary.cta--small,.cta--primary-dark.cta--small,.cta--primary-light.cta--small,.cta--secondary.cta--small,.cta--secondary-dark.cta--small,.cta--secondary-light.cta--small,.cta--tertiary.cta--small,.cta--tertiary-dark.cta--small,.cta--tertiary-light.cta--small {
    padding: 0.55em 1.111em;
    font-size: .875rem;
    font-weight: 500;
    min-width: 5.888rem
}

.cta,.cta--primary,.cta--primary-dark,.cta--primary-light,.cta--secondary,.cta--secondary-dark,.cta--secondary-light,.cta--tertiary,.cta--tertiary-dark,.cta--tertiary-light {
    padding: 0.9em 1.388em;
    font-size: .9375rem;
    min-width: 8.555rem
}

.cta.cta--large,.cta--primary.cta--large,.cta--primary-dark.cta--large,.cta--primary-light.cta--large,.cta--secondary.cta--large,.cta--secondary-dark.cta--large,.cta--secondary-light.cta--large,.cta--tertiary.cta--large,.cta--tertiary-dark.cta--large,.cta--tertiary-light.cta--large {
    padding: 1.411em 2em;
    font-size: 1.0625rem;
    min-width: 7.277rem
}

.cta--play-button:hover {
    cursor: pointer
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        background-color: #b6c7d6;
        -webkit-transform: translateY(0.25rem);
        transform: translateY(0.25rem)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    75% {
        background-color: #b6c7d6;
        -webkit-transform: translateY(-0.25rem);
        transform: translateY(-0.25rem)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        background-color: #b6c7d6;
        -webkit-transform: translateY(0.25rem);
        transform: translateY(0.25rem)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    75% {
        background-color: #b6c7d6;
        -webkit-transform: translateY(-0.25rem);
        transform: translateY(-0.25rem)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hsg-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    margin: 0 auto;
    padding: 1.5rem 0
}

.hsg-loader__dot {
    -webkit-animation: loading 1s linear 0s infinite normal none running;
    animation: loading 1s linear 0s infinite normal none running;
    background-color: #0fbfbf;
    border-radius: 50%;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0 0.25rem
}

.hsg-loader__dot[data-index='1'] {
    -webkit-animation-delay: -0.66s;
    animation-delay: -0.66s
}

.hsg-loader__dot[data-index='2'] {
    -webkit-animation-delay: -0.33s;
    animation-delay: -0.33s
}

.hsg-deferred {
    transition: opacity 0.35s ease-out;
    opacity: 0;
    overflow: hidden
}

.hsg-deferred.hsg-deferred-loaded,.hsg-deferred[data-was-processed="true"] {
    opacity: 1
}

.hsg-slidebox {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 0;
    bottom: 0;
    transition: right 0.5s ease-in;
    max-width: 500px;
    width: 100%;
    height: auto;
    z-index: 100
}

.hsg-slidebox.slideIn {
    right: 0;
    transition: right 0.5s ease-out
}

.hsg-slidebox,.hsg-slidebox.dismissed {
    right: -100%
}

@media (min-width: 501px) {
    .hsg-slidebox,.hsg-slidebox.dismissed {
        width:auto
    }
}

.hsg-slidebox__close {
    cursor: pointer;
    display: block;
    position: relative;
    background-color: #213343;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 0;
    text-align: right;
    vertical-align: middle;
    width: 100%;
    height: 30px;
    padding: 0.5rem 1rem;
    z-index: 1;
    border: 0 solid transparent
}

.hsg-slidebox__close,.hsg-slidebox__close::before {
    color: rgba(255,255,255,0.65)
}

.hsg-slidebox__close:hover,.hsg-slidebox__close:hover::before {
    color: #fff
}

.hsg-slidebox__close::before {
    content: '\00D7';
    display: block;
    position: absolute;
    top: 50%;
    right: 0.625rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hsg-slidebox__image {
    background-color: #3e5974
}

.hsg-slidebox .hs-cta-img {
    display: block;
    width: 100%;
    height: auto
}

.hsg-social-icons {
    text-align: center;
    padding: 1rem 0
}

.hsg-social-icons__item {
    display: inline-block;
    position: relative;
    background-color: #0fbfbf;
    font-size: calc(1.25rem);
    text-align: center;
    white-space: nowrap;
    border-radius: 50%;
    transition: background-color 0.15s ease-out;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0.125rem;
    padding: 0.25rem
}

.hsg-social-icons__item,.hsg-social-icons__item:hover {
    color: #fff;
    text-decoration: none
}

.hsg-social-icons__item:hover {
    background-color: #b7ecec
}

.hsg-social-icons__item:active {
    background-color: #0b8484
}

.high-contrast .hsg-social-icons__item {
    background-color: #006060;
    color: #fff
}

.high-contrast .hsg-social-icons__item:hover {
    background-color: #85ffc7;
    color: #003613
}

.hsg-social-icons__item .hsg-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 85%;
    width: 100%
}

.hsg-social-icons__item .hsg-icon-twitter,.hsg-social-icons__item .hsg-icon-youtube {
    font-size: 75%
}

.hsg-social-icons__item .hsg-icon-flickr {
    font-size: 50%
}

.hsg-social-icons__item .hsg-icon-soundcloud {
    font-size: 60%
}

.hsg-social-icons__item .hsg-icon-flickr,.hsg-social-icons__item .hsg-icon-soundcloud {
    margin-top: 1px
}

.hsg-social-icons__item .hsg-icon-youtube {
    margin-top: 2px
}

.hsg-social-icons__item .hsg-icon-twitter,.hsg-social-icons__item .hsg-icon-pinterest,.hsg-social-icons__item .hsg-icon-youtube {
    margin-left: 1px
}

[data-color='secondary'] .hsg-social-icons__item {
    background-color: #ff5c35
}

[data-color='secondary'] .hsg-social-icons__item:hover {
    background-color: #ffcec2
}

[data-color='secondary'] .hsg-social-icons__item:active {
    background-color: #d44325
}

[data-size='large'] .hsg-social-icons__item {
    font-size: calc(1.75rem);
    width: 3.5rem;
    height: 3.5rem
}

[data-size='large'] .hsg-social-icons__item .hsg-icon {
    margin-top: 2px
}

[data-size='large'] .hsg-social-icons__item .hsg-icon-twitter,[data-size='large'] .hsg-social-icons__item .hsg-icon-pinterest {
    margin-top: 4px
}

[data-size='large'] .hsg-social-icons__item .hsg-icon-github {
    margin-top: 3px
}

[data-size='medium'] .hsg-social-icons__item .hsg-icon-facebook,[data-size='medium'] .hsg-social-icons__item .hsg-icon-instagram {
    margin-top: 1px
}

[data-size='medium'] .hsg-social-icons__item .hsg-icon-github {
    margin-top: 2px
}

[data-size='medium'] .hsg-social-icons__item .hsg-icon-pinterest {
    margin-top: 3px
}

[data-size='small'] .hsg-social-icons__item {
    font-size: calc(.75rem);
    width: 1.5rem;
    height: 1.5rem;
    margin: 0
}

[data-size='small'] .hsg-social-icons__item .hsg-icon {
    margin-top: 1px
}

[data-size='small'] .hsg-social-icons__item .hsg-icon-twitter,[data-size='small'] .hsg-social-icons__item .hsg-icon-pinterest {
    margin-top: 2px
}

[data-size='small'] .hsg-social-icons__item .hsg-icon-youtube {
    margin-left: 0
}

[data-shape='secondary'] .hsg-social-icons__item {
    border-radius: .1875rem
}

.hsg-tooltip {
    display: inline;
    position: relative
}

.hsg-tooltip:hover i {
    color: #3e5974
}

.hsg-tooltip:hover span {
    pointer-events: all;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1
}

.hsg-tooltip i {
    color: #b6c7d6;
    font-size: 1.125rem;
    vertical-align: middle;
    transition: color 0.15s ease-out
}

.hsg-tooltip span {
    pointer-events: none;
    position: absolute;
    top: 2rem;
    left: 50%;
    color: #fff;
    font-size: 0.875rem;
    text-align: center;
    border-radius: .1875rem;
    box-shadow: 0 3px 8px 0 rgba(33,51,67,0.12);
    transition: opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
    transition: opacity 0.15s ease-out, transform 0.15s ease-out;
    transition: opacity 0.15s ease-out, transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
    width: 275px;
    height: auto;
    padding: 0.75rem 1rem;
    -webkit-transform: translateX(-50%) scale(0.85);
    transform: translateX(-50%) scale(0.85);
    opacity: 0;
    z-index: 10
}

.hsg-tooltip span.hsg-tooltip__content {
    z-index: 11
}

.hsg-tooltip span,.hsg-tooltip span::after {
    background-color: #3e5974
}

.hsg-tooltip span::after {
    content: '';
    position: absolute;
    bottom: calc(100% - 0.625rem);
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: .1875rem 0 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: -0.625rem
}

button.hsg-tooltip {
    background: none;
    border: 0;
    padding: 0
}

button.hsg-tooltip .hsg-icon {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    display: inline;
    left: 0;
    padding: 0;
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    top: 0;
    width: auto;
    color: #b6c7d6;
    font-size: 1.125rem;
    vertical-align: middle;
    transition: color 0.15s ease-out
}

button.hsg-tooltip .hsg-icon::after {
    display: none
}

button.hsg-tooltip:focus .hsg-tooltip__content {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1)
}

.hsg-slider {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 2rem 0
}

.hsg-slider__container {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%
}

@media (max-width: 767px) {
    .hsg-slider__container {
        width:100vw
    }
}

.hsg-slider__slides {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    position: relative
}

.hsg-slider__slide {
    display: flex;
    position: relative;
    width: 100%;
    height: auto
}

.hsg-slider__prev,.hsg-slider__next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
    padding: 0.5rem 0.5rem 0.4375rem 0.6875rem;
    transition: box-shadow 0.3s ease-in-out
}

.hsg-slider__prev {
    left: 0;
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%)
}

.hsg-slider__prev:hover {
    box-shadow: 1px -8px 24px 0 rgba(0,0,0,0.2)
}

.hsg-slider__next {
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hsg-slider__next:hover {
    box-shadow: 1px 8px 24px 0 rgba(0,0,0,0.2)
}

.hsg-slider__indicators {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: .5rem;
    width: 100%
}

.hsg-slider__indicators button {
    cursor: pointer;
    background-color: transparent;
    border: 0.125rem solid #0fbfbf;
    border-radius: 50%;
    transition: background-color 0.15s;
    width: 1rem;
    height: 1rem;
    margin: .25rem;
    padding: 0
}

.hsg-slider__indicators button.active {
    background-color: #0fbfbf
}

@media (min-width: 768px) {
    .hsg-card {
        display:flex
    }
}

[data-background='white'] .hsg-card,.hsg-bg__white .hsg-card,.module-bg--white .hsg-card,[data-background='white'] .hsg-card__text,.hsg-bg__white .hsg-card__text,.module-bg--white .hsg-card__text {
    background-color: #f6f9fc;
    color: #2e475d
}

[data-background='off-white'] .hsg-card,.hsg-bg__off-white .hsg-card,.module-bg--off-white .hsg-card,[data-background='off-white'] .hsg-card__text,.hsg-bg__off-white .hsg-card__text,.module-bg--off-white .hsg-card__text {
    background-color: #fff;
    color: #2e475d
}

[data-background='light'] .hsg-card,[data-background='light'] .hsg-card__text {
    background-color: #2e475d;
    color: #fff
}

.high-contrast [data-background='light'] .hsg-card,.high-contrast [data-background='light'] .hsg-card__text {
    color: #fff
}

[data-background='dark'] .hsg-card,.hsg-bg__dark .hsg-card,.module-bg--dark .hsg-card,[data-background='dark'] .hsg-card__text,.hsg-bg__dark .hsg-card__text,.module-bg--dark .hsg-card__text {
    background-color: #fff;
    color: #2e475d
}

@media (min-width: 768px) {
    .hsg-card__content {
        display:flex;
        flex-direction: column
    }
}

.hsg-card__content img {
    display: block;
    width: 100%
}

.hsg-card__header {
    margin-bottom: 1.875rem
}

.hsg-card__header img {
    display: block;
    max-width: 120px;
    margin-bottom: 0.5rem
}

.hsg-card__header h3 {
    margin: 0
}

.hsg-card__text {
    display: flex;
    flex-direction: column;
    padding: 1.875rem 2rem 0
}

@media (min-width: 768px) {
    .hsg-card__text {
        flex:1;
        padding: 1.875rem 2.5rem 0
    }
}

.hsg-card__text h5,.hsg-card__text h6,.hsg-card__text p {
    margin-top: 0
}

.hsg-card__text h5,.hsg-card__text h6 {
    margin-bottom: 0.5rem
}

.hsg-card__text h5:last-child,.hsg-card__text h6:last-child {
    margin-bottom: 1.875rem
}

.hsg-card__text h5 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.56
}

.hsg-card__text p {
    margin-bottom: 1.875rem
}

.hsg-card__text .hsg-card__cta {
    text-align: center;
    border-radius: .1875rem;
    transition: 0.3s ease-in-out;
    display: inline-block;
    text-decoration: none;
    border: 0;
    font-weight: 500;
    line-height: 1.57;
    background-color: #ff5c35;
    color: #fff;
    border: 1px solid #ff5c35;
    padding: 0.9em 1.388em;
    font-size: .9375rem;
    min-width: 8.555rem;
    margin: auto auto 1.875rem
}

@media (max-width: 767px) {
    .hsg-card__text .hsg-card__cta {
        width:100%
    }
}

.hsg-card__text .hsg-card__cta:hover {
    text-decoration: none
}

.hsg-card__text .hsg-card__cta:hover {
    background-color: #ffcec2;
    color: #fff;
    border: 1px solid #ffcec2
}

.hsg-card__text .hsg-card__cta:active {
    background-color: #d44325;
    color: #fff;
    border: 1px solid #d44325
}

.high-contrast .hsg-card__text .hsg-card__cta {
    background-color: #1d0cff;
    color: #fff;
    border: 1px solid #1d0cff
}

.high-contrast .hsg-card__text .hsg-card__cta:hover {
    background-color: #cee2ff;
    color: #0c009e;
    border: 1px solid #cee2ff
}

.high-contrast .hsg-card__text .hsg-card__cta:active {
    background-color: #1d0cff;
    color: #fff;
    border: 1px solid #1d0cff
}

.hsg-card__text .hsg-card__cta[disabled] {
    background-color: #eaf0f6;
    color: #7691ad;
    pointer-events: none
}

.hsg-card__text .hsg-card__cta.hsg-icon {
    display: inline-block;
    margin-left: 0.5rem
}

.hsg-card__text .hsg-card__cta.hsg-icon,.hsg-card__text .hsg-card__cta.hsg-icon::before {
    vertical-align: bottom
}

.hsg-windows .hsg-card__text .hsg-card__cta.hsg-icon,.hsg-windows .hsg-card__text .hsg-card__cta.hsg-icon::before {
    vertical-align: bottom
}

.hsg-card__text .hsg-card__cta.hsg-icon-play {
    font-size: 0.75em
}

.hsg-card__text .hsg-card__cta.hsg-icon-facebook-messenger {
    font-size: 1.5em
}

[data-background='light'] .hsg-card__text .hsg-card__cta {
    text-align: center;
    border-radius: .1875rem;
    transition: 0.3s ease-in-out;
    display: inline-block;
    text-decoration: none;
    border: 0;
    font-weight: 500;
    line-height: 1.57;
    background-color: #fff;
    color: #2e475d;
    border: 1px solid #fff;
    padding: 0.9em 1.388em;
    font-size: .9375rem;
    min-width: 8.555rem
}

@media (max-width: 767px) {
    [data-background='light'] .hsg-card__text .hsg-card__cta {
        width:100%
    }
}

[data-background='light'] .hsg-card__text .hsg-card__cta:hover {
    text-decoration: none
}

[data-background='light'] .hsg-card__text .hsg-card__cta:hover {
    background-color: #eaf0f6;
    color: #2e475d;
    border: 1px solid #eaf0f6
}

[data-background='light'] .hsg-card__text .hsg-card__cta:active {
    background-color: #eaf0f6;
    color: #2e475d;
    border: 1px solid #eaf0f6
}

[data-background='light'] .hsg-card__text .hsg-card__cta[disabled] {
    background-color: #eaf0f6;
    color: #7691ad;
    pointer-events: none
}

[data-background='light'] .hsg-card__text .hsg-card__cta.hsg-icon {
    display: inline-block;
    margin-left: 0.5rem
}

[data-background='light'] .hsg-card__text .hsg-card__cta.hsg-icon,[data-background='light'] .hsg-card__text .hsg-card__cta.hsg-icon::before {
    vertical-align: bottom
}

.hsg-windows [data-background='light'] .hsg-card__text .hsg-card__cta.hsg-icon,.hsg-windows [data-background='light'] .hsg-card__text .hsg-card__cta.hsg-icon::before {
    vertical-align: bottom
}

[data-background='light'] .hsg-card__text .hsg-card__cta.hsg-icon-play {
    font-size: 0.75em
}

[data-background='light'] .hsg-card__text .hsg-card__cta.hsg-icon-facebook-messenger {
    font-size: 1.5em
}

.hsg-cards-grid {
    padding: 4rem 0
}

.hsg-cards-grid__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 2rem
}

@media (min-width: 768px) {
    .hsg-cards-grid__wrapper {
        flex-direction:row
    }
}

.hsg-cards-grid__wrapper:first-child {
    margin-top: 0
}

.hsg-cards-grid .hsg-card {
    max-width: 340px;
    width: 100%;
    margin: 0 auto 2rem
}

@media (min-width: 768px) {
    .hsg-cards-grid .hsg-card {
        flex:1 1 33.33%;
        margin: 0 1rem
    }
}

@media (min-width: 768px) {
    .hsg-cards-grid .hsg-card:first-child {
        margin-left:0
    }
}

.hsg-cards-grid .hsg-card:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .hsg-cards-grid .hsg-card:last-child {
        margin-right:0
    }
}

.hsg-cards-grid .hsg-card__heading-text {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.45
}

@media (max-width: 767px) {
    .hsg-cards-grid .hsg-card__cta {
        width:100%
    }
}

[data-modals-container] {
    display: none
}

.no-scroll {
    pointer-events: none;
    overflow-y: hidden;
    position: relative
}

@media (max-width: 1024px) {
    .no-scroll {
        min-height:100%;
        height: 100%
    }
}

.no-scroll [data-modals-container].active {
    pointer-events: all;
    overflow-x: hidden;
    overflow-y: scroll;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(33,51,67,0.79);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%;
    margin: auto;
    z-index: 100000001
}

.no-scroll .header-container-wrapper,.no-scroll .body-container-wrapper,.no-scroll .footer-container-wrapper {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.hsg-modal-container {
    pointer-events: none;
    position: fixed;
    overflow-y: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    max-height: calc(100% - 100px);
    width: 90%;
    opacity: 0;
    z-index: 1
}

@media (min-width: 501px) {
    .hsg-modal-container {
        max-width:710px
    }
}

@media (min-width: 1025px) {
    .hsg-modal-container {
        width:auto
    }
}

.hsg-modal-container[data-modal*='variant-'] {
    position: relative;
    vertical-align: middle;
    will-change: transform;
    max-width: 100%;
    height: auto
}

@media (min-width: 1025px) {
    .hsg-modal-container[data-modal*='variant-'] {
        -webkit-transform:translate(-50%, -60%);
        transform: translate(-50%, -60%)
    }
}

.hsg-modal-container[data-modal*='variant-'] .hsg-modal-contents {
    margin: 2rem 0
}

@media (min-width: 768px) {
    .hsg-modal-container[data-modal*='variant-'] .hsg-modal-contents {
        margin:4rem 0
    }
}

.hsg-modal-container.hsg-modal-open {
    pointer-events: all;
    opacity: 1
}

.hsg-modal-container.hsg-modal-open .hs-form,.hsg-modal-container.hsg-modal-open .hspt-form {
    display: block
}

.hsg-modal-container .hs-form,.hsg-modal-container .hspt-form {
    display: none
}

.hsg-modal-container iframe,.hsg-modal-container video {
    display: block;
    width: 100%
}

.hsg-modal-container .hsg-modal-header {
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background-color: transparent;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 1
}

.hsg-modal-container .hsg-modal-header:hover {
    background-color: rgba(255,255,255,0.1)
}

.hsg-modal-container .hsg-modal-header .hsg-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(55%, -40%);
    transform: translate(55%, -40%);
    color: #99afc4;
    font-size: 1.125rem;
    line-height: 1rem
}

@media (min-width: 768px) {
    .hsg-modal-container .hsg-modal-header .hsg-icon {
        font-size:1rem
    }
}

.high-contrast .hsg-modal-container .hsg-modal-header .hsg-icon {
    color: #0000c5
}

.high-contrast .hsg-modal-container .hsg-modal-header .hsg-icon:hover {
    color: #1529ff
}

.hsg-modal-contents {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    border-radius: .1875rem
}

@media (min-width: 768px) {
    .hsg-modal-contents {
        display:flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 1025px) {
    .hsg-modal-contents {
        min-width:710px
    }
}

.hsg-modal-contents .hsg-video-container {
    margin-top: 4rem
}

@media (min-width: 768px) {
    .hsg-modal-contents .hsg-video-container {
        flex:2;
        align-self: stretch;
        margin-top: 0;
        min-height: 350px
    }
}

.hsg-modal-contents .hsg-modal-text {
    padding: 2.75rem 2.5rem 2.5rem
}

@media (min-width: 768px) {
    .hsg-modal-contents .hsg-modal-text {
        flex:3
    }
}

@media (min-width: 768px) {
    .hsg-modal-contents--columns .hsg-video-container iframe,.hsg-modal-contents--columns .hsg-video-container video {
        height:100%
    }
}

@media (min-width: 501px) {
    .hsg-modal-contents--video .hsg-video-container {
        position:relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%
    }
}

@media (min-width: 768px) {
    .hsg-modal-contents--video .hsg-video-container {
        margin-top:4rem
    }
}

.hsg-modal-contents--video .fb-video {
    background-color: #fff
}

@media (min-width: 501px) {
    .hsg-modal-contents--video iframe,.hsg-modal-contents--video video {
        position:absolute;
        top: 0;
        left: 0;
        height: 100%
    }
}

.nav-toolbar__tools {
    background: url("//cdn2.hubspot.net/hub/53/file-1759975551-png/assets/blog.hubspot.com/images/search-icon.png") no-repeat center;
    background-size: 1.5rem
}

.nav-toolbar__tools .header-tools__search-icon {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.5rem 0.5rem 0.5rem 0.625rem
}

.nav-toolbar__tools span {
    display: none
}

.hsgModalFullscreenContainer {
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(33,51,67,0.79);
    width: 100%;
    height: 100%;
    z-index: 100
}

.hsgModalFullscreenContainer.active {
    display: block
}

.hsgModalFullscreenContainer .hsgModalFullscreenInner {
    overflow: hidden;
    max-width: 100%
}

.hsgModalFullscreenContainer .modalClose {
    cursor: pointer;
    display: block;
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    transition: background-color 0.15s ease-out;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 2
}

.hsgModalFullscreenContainer .modalClose:hover {
    background-color: rgba(255,255,255,0.1)
}

.hsgModalFullscreenContainer .modalClose::before,.hsgModalFullscreenContainer .modalClose::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 20%;
    background-color: #fff;
    border-radius: 0.125rem;
    width: 60%;
    height: 0.125rem
}

.hsgModalFullscreenContainer .modalClose::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.hsgModalFullscreenContainer .modalClose::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hsg-search__modal-header {
    position: fixed;
    top: 0;
    left: 0;
    background: linear-gradient(45deg, #0fbfbf, #4fb06d);
    box-shadow: 0 10px 50px -5px rgba(46,71,93,0.12);
    width: 100%;
    z-index: 1
}

@media (min-width: 768px) {
    .hsg-search__modal-header>div {
        display:flex;
        flex-direction: row
    }
}

.hsg-search__modal-input {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    position: relative;
    background-color: transparent;
    color: #fff;
    font-size: 1.5rem;
    outline: none;
    border: 0;
    width: 100%;
    margin-top: 1rem;
    padding-right: 3.75rem
}

.hsg-search__modal-input::-webkit-input-placeholder {
    color: #fff
}

.hsg-search__modal-input::-moz-placeholder {
    color: #fff
}

.hsg-search__modal-input:-ms-input-placeholder {
    color: #fff
}

@media (min-width: 768px) {
    .hsg-search__modal-input {
        flex:2;
        margin-top: 0;
        padding-right: 1rem
    }
}

.hsg-search__modal-search-options {
    display: flex;
    flex-flow: row wrap;
    padding: 0.5rem 0
}

@media (min-width: 768px) {
    .hsg-search__modal-search-options {
        flex-flow:column wrap;
        flex: 1
    }
}

.hsg-search__modal-search-options label {
    display: block;
    color: #fff;
    font-size: 0.875rem;
    padding: 0.5rem 1rem 0.5rem 0
}

@media (min-width: 768px) {
    .hsg-search__modal-search-options label {
        padding:0.5rem 0.75rem
    }
}

.hsg-search__modal-search-options input {
    position: relative;
    margin-right: 1rem
}

.hsg-search__modal-search-options input:checked::before {
    width: 0.875rem;
    height: 0.875rem;
    background-color: #ff5c35;
    border: 2px solid #fff
}

.hsg-search__modal-search-options input::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -1px;
    background-color: #fff;
    border-radius: 50%;
    width: 1.125rem;
    height: 1.125rem
}

.hsg-search__results {
    position: relative;
    padding: 9rem 0 4rem
}

.hsg-search__results.no-results {
    max-width: 900px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px
}

.hsg-search__results.no-results h6 {
    color: #ff5c35
}

.hsg-search__results.no-results p {
    color: #fff;
    font-size: 36px;
    letter-spacing: 0.1em;
    margin: 0
}

@media (max-width: 500px) {
    .hsg-search__results.no-results p {
        font-size:24px
    }
}

.hsg-search-item {
    overflow: hidden;
    background-color: #fff;
    border-radius: .1875rem;
    margin-bottom: 1.5rem;
    padding: 1.5rem 2rem
}

@media (min-width: 501px) {
    .hsg-search-item {
        display:flex;
        align-items: center
    }
}

@media (min-width: 501px) {
    .hsg-search-item .title {
        flex:2;
        padding-right: 2rem
    }
}

.hsg-search-item .title a {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
    display: block;
    padding: 1.5rem 0
}

.hsg-search-item .title p {
    display: none
}

.hsg-search-item .snippet {
    border-style: solid;
    border-color: #b6c7d6;
    border-width: 1px 0 0
}

@media (min-width: 501px) {
    .hsg-search-item .snippet {
        flex:3;
        border-width: 0 0 0 1px;
        padding-left: 2rem
    }
}

.hsg-search__container {
    display: block;
    text-align: center
}

.hsg-search__container.hsg-search__default-state h6 {
    color: #fff
}

.hsg__sprocket-loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #f6f9fc url("//cdn2.hubspot.net/hub/53/file-1186944780-gif/assets/hubspot.com/V2-Global/v2-sprocket-loader.gif") no-repeat center;
    background-size: 2.25rem 2.25rem;
    border-radius: .1875rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 3.5rem;
    height: 3.5rem;
    z-index: 150
}

.hsg-ribbon,.hsg-ribbon--sorbet,.hsg-ribbon--calypso,.hsg-ribbon--lorax,.hsg-ribbon--marigold,.hsg-ribbon--candyApple,.hsg-ribbon--norman,.hsg-ribbon--thunderdome,.hsg-ribbon--oz {
    background-color: #ff5c35;
    border-radius: 1.25rem 0.375rem 0.375rem 1.25rem;
    box-shadow: rgba(255,255,255,0.2) 0 1px 2px 0;
    color: #fff;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1.25rem;
    min-height: 1.25rem;
    padding: 0 0.375rem 0 0.625rem;
    position: absolute;
    right: -4px;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-transform: uppercase;
    top: 8px;
    vertical-align: middle
}

.high-contrast .hsg-ribbon,.high-contrast .hsg-ribbon--sorbet,.high-contrast .hsg-ribbon--calypso,.high-contrast .hsg-ribbon--lorax,.high-contrast .hsg-ribbon--marigold,.high-contrast .hsg-ribbon--candyApple,.high-contrast .hsg-ribbon--norman,.high-contrast .hsg-ribbon--thunderdome,.high-contrast .hsg-ribbon--oz {
    background-color: #006060
}

.hsg-ribbon--sorbet {
    background-color: #ff8933
}

.hsg-ribbon--calypso {
    background-color: #0fbfbf
}

.hsg-ribbon--lorax {
    background-color: #ff5c35
}

.hsg-ribbon--marigold {
    background-color: #ffbc4b
}

.hsg-ribbon--candyApple {
    background-color: #f56271
}

.hsg-ribbon--norman {
    background-color: #f86295
}

.hsg-ribbon--thunderdome {
    background-color: #7075db
}

.hsg-ribbon--oz {
    background-color: #4fb06d
}

.contact-header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 400px;
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url("//cdn2.hubspot.net/hubfs/53/Contact%20Us/banner.jpg") no-repeat;
    background-size: cover;
    background-position-y: 25%
}

@media (max-width: 767px) {
    .contact-header-wrapper {
        height:250px
    }
}

.contact-header-wrapper:lang(ja) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url("//cdn2.hubspot.net/hubfs/53/Contact%20Us/banner-jp.jpg") no-repeat;
    background-size: cover;
    background-position-y: 25%
}

.contact-header-wrapper h1 {
    color: #fff
}

.contact-title-wrapper {
    width: 50%;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media (max-width: 767px) {
    .contact-title-wrapper {
        width:100%
    }
}

.contact-title-sub {
    color: #fff;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .contact-title-sub {
        width:50%
    }
}

.contact-box-wrapper {
    top: -60px;
    position: relative;
    display: flex;
    flex-direction: row
}

@media (max-width: 767px) {
    .contact-box-wrapper {
        width:100%;
        top: -30px;
        flex-direction: column
    }
}

.contact-box {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px 40px;
    background-color: #fff;
    border: 1px solid #eaf0f6
}

@media (max-width: 767px) {
    .contact-box {
        width:100%;
        margin: 0 0 20px
    }
}

.contact-box:first-child {
    margin-right: 20px
}

.contact-box .cta {
    margin: auto
}

.contact-box-item {
    max-width: 100%;
    margin-bottom: 24px
}

.contact-box-item.logo {
    height: 50px;
    width: 50px
}

@media (max-width: 767px) {
    .contact-box-item.logo {
        height:30px;
        width: 30px
    }
}

.contact-box-item.title {
    font-weight: 600;
    color: #2e475d
}

.contact-box-item.blurb {
    color: #2e475d
}

.contact-box-item.number {
    color: #2e475d
}

.contact-box-item.link {
    position: relative;
    font-weight: 600
}

.contact-box-item.link::after {
    content: '\232A';
    display: block;
    position: absolute;
    left: calc(50% - 8px);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.contact-box-item.link:hover {
    text-decoration: none
}

.contact-box-item.desktop {
    display: none
}

@media (min-width: 768px) {
    .contact-box-item.desktop {
        display:block
    }
}

.contact-box-item.mobile-only {
    display: block
}

@media (min-width: 768px) {
    .contact-box-item.mobile-only {
        display:none
    }
}