:root {
--heading-font:sans-serif;
--para-font:sans-serif
}
.bg-dark-coral-red, .hover-bg-dark-coral-red:hover {
	background-color: #cc3e43
}
.color-dark-coral-red, .hover-color-dark-coral-red:hover {
	color: #cc3e43
}
.bg-coral-red, .hover-bg-coral-red:hover {
	background-color: #ff4d54
}
.color-coral-red, .hover-color-coral-red:hover {
	color: #ff4d54
}
.bg-aqua-blue, .hover-bg-aqua-blue:hover {
	background-color: #00dcf8
}
.color-aqua-blue, .hover-color-aqua-blue:hover {
	color: #00dcf8
}
.bg-yellow, .hover-bg-yellow:hover {
	background-color: #ffde00
}
.color-yellow, .hover-color-yellow:hover {
	color: #ffde00
}
.bg-black, .hover-bg-black:hover {
	background-color: #000
}
.color-black, .hover-color-black:hover {
	color: #000
}
.bg-charcoal, .hover-bg-charcoal:hover {
	background-color: #2f2f3b
}
.color-charcoal, .final-bg-charcol, .hover-color-charcoal:hover {
	color: #2f2f3b
}
.bg-white, .hover-bg-white:hover, .initial-bg-white {
	background-color: #fff
}
.color-white {
	color: #fff
}
.bg-light-grey, .hover-bg-light-grey:hover {
	background-color: #c3c3d7
}
.color-light-grey {
	color: #c3c3d7
}
.bg-coral-red-80 {
	background-color: #ff797f
}
.color-coral-red-80 {
	color: #ff797f
}
.bg-coral-red-60 {
	background-color: #ff9b9f
}
.color-coral-red-60 {
	color: #ff9b9f
}
.bg-coral-red-40 {
	background-color: #ffbcbf
}
.color-coral-red-40 {
	color: #ffbcbf
}
.bg-coral-red-20 {
	background-color: #ffdedf
}
.color-coral-red-20 {
	color: #ffdedf
}
.bg-aqua-blue-80 {
	background-color: #33e3f9
}
.color-aqua-blue-80 {
	color: #33e3f9
}
.bg-aqua-blue-60 {
	background-color: #66eafb
}
.color-aqua-blue-60 {
	color: #66eafb
}
.bg-aqua-blue-40 {
	background-color: #99f1fc
}
.color-aqua-blue-40 {
	color: #99f1fc
}
.bg-aqua-blue-20 {
	background-color: #ccf8fc
}
.color-aqua-blue-20 {
	color: #ccf8fc
}
.bg-yellow-80 {
	background-color: #ffe533
}
.color-yellow-80 {
	color: #ffe533
}
.bg-yellow-60 {
	background-color: #ffeb66
}
.color-yellow-60 {
	color: #ffeb66
}
.bg-yellow-40 {
	background-color: #fff299
}
.color-yellow-40 {
	color: #fff299
}
.bg-yellow-20 {
	background-color: #fff8cc
}
.color-yellow-20 {
	color: #fff8cc
}
.bg-grey-1, .hover-bg-grey-1:hover {
	background-color: #363643
}
.color-grey-1 {
	color: #363643
}
.bg-grey-2, .hover-bg-grey-2:hover {
	background-color: #565666
}
.color-grey-2 {
	color: #565666
}
.bg-grey-3, .hover-bg-grey-3:hover {
	background-color: #778
}
.color-grey-3 {
	color: #778
}
.bg-grey-4, .hover-bg-grey-4:hover {
	background-color: #9797ab
}
.color-grey-4 {
	color: #9797ab
}
.bg-grey-5, .hover-bg-grey-5:hover {
	background-color: #b8b8cd
}
.color-grey-5 {
	color: #b8b8cd
}
.bg-grey-6, .hover-bg-grey-6:hover {
	background-color: #d5d5e3
}
.color-grey-6 {
	color: #d5d5e3
}
.bg-grey-7, .hover-bg-grey-7:hover {
	background-color: #f5f5f8
}
.color-grey-7 {
	color: #f5f5f8
}
.gradient-1 {
	background: linear-gradient(180deg, #cc3e43 11.72%, #ff4d54)
}
.gradient-2 {
	background: linear-gradient(180deg, #ff4d54 11.72%, #cc3e43)
}
@font-face {
	font-display: block;
	font-family: TheMarketingPractice-Icons;
	font-style: normal;
	font-weight: 400;
	src: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Fonts/TheMarketingPractice-Icons.eot?moodxw);
	src: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Fonts/TheMarketingPractice-Icons.eot?moodxw#iefix) format("embedded-opentype"), url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Fonts/TheMarketingPractice-Icons.ttf?moodxw) format("truetype"), url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Fonts/TheMarketingPractice-Icons.woff?moodxw) format("woff"), url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Fonts/TheMarketingPractice-Icons.svg?moodxw#TheMarketingPractice-Icons) format("svg")
}
.tmpt-icn {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: TheMarketingPractice-Icons!important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	text-transform: none
}
.tmpt-icnpause:before {
	content: "\e900"
}
.tmpt-icnplay:before {
	content: "\e901"
}
.tmpt-icnstop:before {
	content: "\e902"
}
.tmpt-icnopen-filled:before {
	content: "\e903"
}
.tmpt-icnopen-outlined:before {
	content: "\e905"
}
.tmpt-icndown-filled:before {
	content: "\e906"
}
.tmpt-icnleft-filled:before {
	content: "\e908"
}
.tmpt-icnright-filled:before {
	content: "\e90a"
}
.tmpt-icnup-filled:before {
	content: "\e90c"
}
.tmpt-icndown-outlined:before {
	content: "\e90e"
}
.tmpt-icnleft-outlined:before {
	content: "\e90f"
}
.tmpt-icnright-outlined:before {
	content: "\e910"
}
.tmpt-icnup-outlined:before {
	content: "\e911"
}
.tmpt-icndown-chevron:before {
	content: "\e912"
}
.tmpt-icnleft-chevron:before {
	content: "\e913"
}
.tmpt-icnright-chevron:before {
	content: "\e914"
}
.tmpt-icnup-chevron:before {
	content: "\e915"
}
.tmpt-icndown-triangle:before {
	content: "\e916"
}
.tmpt-icnup-triangle:before {
	content: "\e917"
}
.tmpt-icndiagonal-arrow:before {
	content: "\e918"
}
.tmpt-icndown-arrow:before {
	content: "\e919"
}
.tmpt-icnleft-arrow:before {
	content: "\e91a"
}
.tmpt-icnright-arrow:before {
	content: "\e91b"
}
.tmpt-icnup-arrow:before {
	content: "\e91c"
}
.tmpt-icnclose:before {
	content: "\e91d"
}
.tmpt-icnopen:before {
	content: "\e91e"
}
body, html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #2f2f3b;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -.005em;
	line-height: 32px
}
a {
	text-decoration: underline
}
a, a:hover {
	color: #cc3e43
}
a:hover {
	text-decoration: none
}
.unstyled-link a, a.unstyled-link {
	color: initial;
	text-decoration: none
}
.unstyled-link.hover-underline a:hover, a.unstyled-link.hover-underline:hover {
	text-decoration: underline
}
.dark-theme .unstyled-link a, .dark-theme a.unstyled-link {
	color: #fff
}
strong {
	font-weight: 700
}
sup {
	font-size: .5em;
	top: -1em
}
::-moz-selection {
background:#ffdedf
}
::selection {
	background: #ffdedf
}
h1, h2, h3, h4, h5 {
	color: #2f2f3b
}
.large-h1-h2 h1, .large-h1-h2 h1.heading-1, .large-h1-h2 h1.heading-2, .large-h1-h2 h2, .large-h1-h2 h2.heading-1, .large-h1-h2 h2.heading-2, .large-h1-h2 h3.heading-1, .large-h1-h2 h3.heading-2, .large-h1-h2 h4.heading-1, .large-h1-h2 h4.heading-2, .large-h1-h2 h5.heading-1, .large-h1-h2 h5.heading-2 {
	font-size: 80px;
	letter-spacing: -.02em;
	line-height: 88px;
	margin: 0 0 40px
}
.hero.large-h1-h2 h1, .hero.large-h1-h2 h2 {
	text-shadow: 0 4px 32px rgba(0,0,0,.16)
}
.heading-1, h1, h1.heading-1, h2.heading-1, h3.heading-1, h4.heading-1, h5.heading-1 {
	font-family: DM Sans, sans-serif;
	font-size: 48px;
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 56px;
	margin: 0 0 25px
}
.heading-2, h1.heading-2, h2, h2.heading-2, h3.heading-2, h4.heading-2, h5.heading-2 {
	font-family: DM Sans, sans-serif;
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 48px;
	margin: 0 0 24px
}
.heading-3, h1.heading-3, h2.heading-3, h3, h3.heading-3, h4.heading-3, h5.heading-3 {
	font-family: DM Sans, sans-serif;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 36px;
	margin: 30px 0 19px
}
.heading-4, h1.heading-4, h2.heading-4, h3.heading-4, h4, h4.heading-4, h5.heading-4 {
	font-family: DM Sans, sans-serif;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 32px;
	margin: 25px 0 16px
}
.heading-5, h1.heading-5, h2.heading-5, h3.heading-5, h4.heading-5, h5, h5.heading-5 {
	font-family: DM Sans, sans-serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -.01em;
	line-height: 24px;
	margin: 23px 0 10px
}
.h5-bold .heading-5, .h5-bold h1.heading-5, .h5-bold h2.heading-5, .h5-bold h3.heading-5, .h5-bold h4.heading-5, .h5-bold h5, .h5-bold h5.heading-5 {
	font-weight: 700
}
.heading-1:first-child, .heading-2:first-child, .heading-3:first-child, .heading-4:first-child, .heading-5:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
	margin-top: 0
}
.heading-1:last-child, .heading-2:last-child, .heading-3:last-child, .heading-4:last-child, .heading-5:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child {
	margin-bottom: 0
}
.heading-1:only-child, .heading-2:only-child, .heading-3:only-child, .heading-4:only-child, .heading-5:only-child, h1:only-child, h2:only-child, h3:only-child, h4:only-child, h5:only-child {
	margin-bottom: 0;
	margin-top: 0
}
p {
	margin: 0 0 20px
}
h1.heading-p, h2.heading-p, h3.heading-p, h4.heading-p, h5.heading-p, p {
	color: #2f2f3b;
	font-family: DM Sans, sans-serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -.005em;
	line-height: 32px
}
h1.heading-p, h2.heading-p, h3.heading-p, h4.heading-p, h5.heading-p {
	margin: 0 0 4px
}
.p-small p:last-child, p.p-small:last-child, p:last-child {
	margin: 0
}
p.btn-row {
	margin-top: 29px
}
.p-xlarge p, p.p-xlarge {
	font-size: 20px;
	line-height: 32px
}
.p-large p, h1.heading-p-large, h2.heading-p-large, h3.heading-p-large, h4.heading-p-large, h5.heading-p-large, p.p-large {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -.01em;
	line-height: 28px
}
h1.heading-p-large, h2.heading-p-large, h3.heading-p-large, h4.heading-p-large, h5.heading-p-large {
	margin: 0 0 4px
}
.p-small p, p.p-small {
	font-size: 15px;
	letter-spacing: normal;
	line-height: 24px;
	margin: 0 0 9px
}
.p-xsmall p, p.p-xsmall {
	font-size: 12px;
	line-height: 16px
}
.p-xsmall p, p small, p.p-xsmall {
	letter-spacing: normal;
	margin: 0 0 9px
}
p small {
	font-size: 15px;
	line-height: 24px
}
.p-no-margin p {
	margin: 0
}
.dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme p {
	color: #fff
}
.dark-theme h1.color-coral-red, .dark-theme h2.color-coral-red, .dark-theme h3.color-coral-red, .dark-theme h4.color-coral-red, .dark-theme h5.color-coral-red, .dark-theme p.color-coral-red {
	color: #ff4d54
}
.dark-theme p a, .dark-theme p a:hover, .dark-theme table, a.dark-theme, a.hover-white:hover {
	color: #fff
}
.dark-theme ::-moz-selection {
color:#2f2f3b
}
.dark-theme ::selection {
	color: #2f2f3b
}
.hero h1.heading-3, .hero h2.heading-3, .hero h3, .hero h3.heading-3, .hero h4.heading-3, .hero h5.heading-3 {
	font-size: 22px;
	letter-spacing: normal;
	line-height: 32px;
	margin: 0 0 7px
}

@media only screen and (max-width:767px) {
h1, h1.heading-1, h2.heading-1, h3.heading-1, h4.heading-1, h5.heading-1 {
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 25px
}
h1.heading-2, h2, h2.heading-2, h3.heading-2, h4.heading-2, h5.heading-2 {
	font-size: 22px;
	letter-spacing: normal;
	line-height: 28px;
	margin: 0 0 24px
}
h1.heading-3, h2.heading-3, h3, h3.heading-3, h4.heading-3, h5.heading-3 {
	font-size: 16px;
	letter-spacing: normal;
	line-height: 24px;
	margin: 0 0 24px
}
h1.heading-4, h2.heading-4, h3.heading-4, h4, h4.heading-4, h5.heading-4 {
	font-size: 16px;
	letter-spacing: -.01em;
	line-height: 24px;
	margin: 0 0 9px
}
h1.heading-5, h2.heading-5, h3.heading-5, h4.heading-5, h5, h5.heading-5 {
	font-size: 15px;
	letter-spacing: normal;
	line-height: 20px;
	margin: 0 0 9px
}
.large-h1-h2 h1, .large-h1-h2 h1.heading-1, .large-h1-h2 h1.heading-2, .large-h1-h2 h2, .large-h1-h2 h2.heading-1, .large-h1-h2 h2.heading-2, .large-h1-h2 h3.heading-1, .large-h1-h2 h3.heading-2, .large-h1-h2 h4.heading-1, .large-h1-h2 h4.heading-2, .large-h1-h2 h5.heading-1, .large-h1-h2 h5.heading-2 {
	font-size: 48px;
	letter-spacing: normal;
	line-height: 52px;
	margin: 0 0 32px
}
.hero.large-h1-h2 h1, .hero.large-h1-h2 h1.heading-1, .hero.large-h1-h2 h1.heading-2, .hero.large-h1-h2 h2, .hero.large-h1-h2 h2.heading-1, .hero.large-h1-h2 h2.heading-2, .hero.large-h1-h2 h3.heading-1, .hero.large-h1-h2 h3.heading-2, .hero.large-h1-h2 h4.heading-1, .hero.large-h1-h2 h4.heading-2, .hero.large-h1-h2 h5.heading-1, .hero.large-h1-h2 h5.heading-2 {
	font-size: 44px;
	letter-spacing: normal;
	line-height: 44px;
	margin: 0 0 32px
}
.p-large p, .p-small p, .p-xlarge p, .p-xsmall p, p, p.p-large, p.p-small, p.p-xlarge, p.p-xsmall {
	font-size: 14px;
	letter-spacing: normal;
	line-height: 20px;
	margin: 0 0 14px
}
.p-large p:last-child, .p-small p:last-child, .p-xlarge p:last-child, .p-xsmall p:last-child, p.p-large:last-child, p.p-small:last-child, p.p-xlarge:last-child, p.p-xsmall:last-child, p:last-child {
	margin: 0
}
.hero h1.heading-3, .hero h2.heading-3, .hero h3, .hero h3.heading-3, .hero h4.heading-3, .hero h5.heading-3 {
	font-size: 16px;
	letter-spacing: -.01em;
	line-height: 24px;
	margin: 0 0 8px
}
.hero h1, .hero h1.heading-1, .hero h2.heading-1, .hero h3.heading-1, .hero h4.heading-1, .hero h5.heading-1 {
	font-size: 28px;
	line-height: 32px
}
}
ol, ul {
	margin: 20px 0;
	padding: 0
}
ul {
	list-style: none
}
ol:first-child, ul:first-child {
	margin-top: 0
}
ol:last-child, ul:last-child {
	margin-bottom: 0
}
ol {
	counter-reset: item;
	list-style: none
}
ol ol, ul ul {
	margin: 13px 0 19px
}
ol ol:first-child, ol ol:last-child, ul ul:first-child, ul ul:last-child {
	margin: 9px 0
}
ol li, ul li {
	color: #2f2f3b;
	font-family: DM Sans, sans-serif;
	font-size: 18px;
	letter-spacing: normal;
	line-height: 30px;
	margin: 0 0 14px;
	padding-left: 22px;
	position: relative
}
ol li:last-child, ul li:last-child {
	margin: 0
}
ol li {
	padding-left: 30px
}
ul li:before {
	border-color: transparent transparent transparent #000;
	border-style: solid;
	border-width: 10px 0 0 10px;
	content: "";
	display: block;
	height: 0;
	left: 0;
	position: absolute;
	top: 10px;
	width: 0
}
ol li:before {
	color: #000;
	content: counters(item, ".") ".";
	counter-increment: item;
	font-size: inherit;
	font-weight: 700;
	left: 0;
	line-height: inherit;
	position: absolute;
	top: 1px
}
ol ol li, ul ul li {
	font-size: 18px;
	letter-spacing: -.005em;
	line-height: 28px;
	margin: 0 0 10px;
	padding-left: 20px
}
ul ul li:before {
	border-width: 8px 0 0 8px;
	left: -2px;
	top: 10px
}
ol ol li {
	counter-increment: listStyle;
	padding-left: 30px
}
ol ol li:before {
	content: counter(listStyle, lower-alpha) ".";
	font-size: inherit;
	font-weight: 700;
	left: 0;
	line-height: inherit;
	top: 1px
}
.non-list ul, ul.non-list {
	margin: 0
}
.non-list ul li, ul.non-list li {
	margin: 0;
	padding-left: 0;
	position: static
}
.dark-theme .non-list ul li:before, .dark-theme ul.non-list li:before, .non-list ul li:before, ul.non-list li:before {
	display: none
}
.dark-theme li, .dark-theme li a {
	color: #fff
}
.dark-theme ul li:before {
	border-color: transparent transparent transparent #fff
}
.dark-theme ol li:before {
	color: #fff
}

@media only screen and (max-width:767px) {
ol li, ol ol li, ul li, ul ul li {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 6px;
	padding-left: 20px
}
ul li:before, ul ul li:before {
	border-width: 8px 0 0 8px;
	left: 0;
	top: 6px
}
}
.blockquote, blockquote {
	display: block;
	margin: 64px 0;
	padding: 5px 0 4px 52px;
	position: relative;
	width: 100%
}
.blockquote:last-child, blockquote:last-child {
	margin-bottom: 0
}
.line-box {
	padding-left: 32px;
	position: relative
}
.blockquote:before, .line-box:before, blockquote:before {
	background-color: #ff4d54;
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 4px
}
.blockquote h2, .blockquote h3, .blockquote h4, .blockquote h5, blockquote h2, blockquote h3, blockquote h4, blockquote h5 {
	font-size: 28px;
	font-weight: 400;
	line-height: 36px;
	margin-bottom: 32px
}
.blockquote p, blockquote p {
	font-size: 18px;
	letter-spacing: -.01em;
	line-height: 28px
}
.dark-theme .blockquote p, .dark-theme .blockquote strong, .dark-theme blockquote h2, .dark-theme blockquote h3, .dark-theme blockquote h4, .dark-theme blockquote h5, .dark-theme blockquote p, .dark-theme blockquote strong {
	color: #fff
}

@media only screen and (max-width:767px) {
.blockquote, blockquote {
	margin: 30px 0;
	padding: 0 0 0 32px
}
blockquote h2, blockquote h3, blockquote h4, blockquote h5 {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 24px
}
}
.btn {
	position: relative
}
.btn-cta.btn a.cta_button, .mock-btn.btn, a.btn {
	color: #2f2f3b;
	display: inline-block;
	font-family: DM Sans, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: all .3s ease-in-out
}
.btn-cta.btn, .mock-btn.btn, a.btn {
	margin-bottom: 22px;
	margin-right: 11px
}
.btn-cta.btn:last-child, .mock-btn.btn:last-child, a.btn:last-child {
	margin-bottom: 0;
	margin-right: 0
}
p:last-child .btn-cta.btn, p:last-child .mock-btn.btn, p:last-child a.btn {
	margin-bottom: 0
}
.btn-cta.btn-primary a.cta_button, .mock-btn.btn-primary, a.btn-primary {
	border-radius: 4px;
	padding: 14px 63px 14px 32px
}
.btn-cta.btn-primary a.cta_button:after, .mock-btn.btn-primary:after, a.btn-primary:after {
	color: inherit;
	content: "\e91b";
	font-family: TheMarketingPractice-Icons;
	font-size: 24px;
	font-weight: 400;
	line-height: normal;
	position: absolute;
	right: 31px;
	top: 16px;
	transition: right .3s ease-in-out
}
.btn-cta.btn-primary.no-arrow a.cta_button, .mock-btn.btn-primary.no-arrow, a.btn-primary.no-arrow {
	padding: 8px 16px
}
.btn-cta.btn-primary.no-arrow a.cta_button:after, .mock-btn.btn-primary.no-arrow:after, a.btn-primary.no-arrow:after {
	display: none
}
.btn-cta.btn-primary.btn-yellow.no-arrow a.cta_button:hover, .mock-btn.btn-primary.btn-yellow.no-arrow:hover, a.btn-primary.btn-yellow.no-arrow:hover {
	background-color: #ffeb66
}
.btn-cta.btn-primary.btn-grey.no-arrow a.cta_button:hover, .mock-btn.btn-primary.btn-grey.no-arrow:hover, a.btn-primary.btn-grey.no-arrow:hover {
	background-color: #f5f5f8
}
.btn-cta.btn-primary a.cta_button:hover:after, .mock-btn.btn-primary:hover:after, a.btn-primary:hover:after, a.mock-btn-hover:hover .mock-btn.btn-primary:after {
	right: 23px
}
.btn-primary.btn-disabled {
	background-color: #f5f5f8;
	color: #b8b8cd
}
.btn-primary.btn-disabled:hover:after {
	right: 31px
}
.btn-cta.btn-primary.btn-yellow a.cta_button, .mock-btn.btn-primary.btn-yellow, a.btn-primary.btn-yellow {
	background-color: #ffde00;
	color: #2f2f3b
}
.btn-cta.btn-primary.btn-yellow a.cta_button:active, .mock-btn.btn-primary.btn-yellow:active, a.btn-primary.btn-yellow:active {
	background-color: #2f2f3b;
	color: #fff
}
.btn-cta.btn-primary.btn-grey a.cta_button, a.btn-primary.btn-grey {
	background-color: #d5d5e3;
	color: #2f2f3b
}
.btn-cta.btn-primary.btn-grey a.cta_button:active, a.btn-primary.btn-grey:active {
	background-color: #b8b8cd
}
.btn-cta.btn-secondary a.cta_button, .mock-btn.btn-secondary, a.btn-secondary {
	letter-spacing: -.01em;
	padding: 14px 50px 14px 0;
	text-align: left;
	transition: all .3s ease-in-out
}
.btn-cta.btn-secondary a.cta_button:after, .mock-btn.btn-secondary:after, a.btn-secondary:after {
	color: inherit;
	content: "\e910";
	font-family: TheMarketingPractice-Icons;
	font-size: 30px;
	font-weight: 400;
	line-height: normal;
	position: absolute;
	right: 9px;
	top: 13px
}
.btn-cta.btn-secondary a.cta_button:before, .mock-btn.btn-secondary:before, a.btn-secondary:before {
	background-color: #ffde00;
	border-radius: 50%;
	content: "";
	display: block;
	height: 48px;
	position: absolute;
	right: 0;
	top: 4px;
	transform: scale(0);
	transition: all .3s ease-in-out;
	width: 48px
}
.btn-cta.btn-secondary a.cta_button:hover, .mock-btn.btn-secondary:hover, a.btn-secondary:hover {
	text-decoration: underline
}
.btn-cta.btn-secondary a.cta_button:hover:before, .mock-btn.btn-secondary:hover:before, a.btn-secondary:hover:before, a.mock-btn-hover:hover .mock-btn.btn-secondary:before {
	transform: scale(1)
}
.btn-cta.btn-secondary a.cta_button:active:before, .mock-btn.btn-secondary:active:before, a.btn-secondary:active:before, a.mock-btn-hover:active .mock-btn.btn-secondary:before {
	transform: scale(.84)
}
.btn-secondary.btn-disabled {
	color: #b8b8cd
}
.btn-secondary.btn-disabled:hover {
	text-decoration: none
}
.btn-secondary.btn-disabled:before {
	display: none
}
.unstyled-link a.link-disabled {
	color: #b8b8cd
}
.unstyled-link a.link-enabled {
	color: #ff4d54
}
.dark-theme .btn-cta.btn-secondary a.cta_button:after, .dark-theme .mock-btn.btn-secondary:after, .dark-theme a.btn-secondary:after {
	transition: all .3s ease-in-out
}
.dark-theme .btn-cta.btn-primary.btn-grey a.cta_button, .dark-theme .btn-cta.btn-primary.btn-yellow a.cta_button, .dark-theme .btn-cta.btn-secondary a.cta_button:hover:after, .dark-theme .mock-btn-hover:hover .btn-cta.btn-secondary a.cta_button:after, .dark-theme .mock-btn-hover:hover .mock-btn.btn-secondary:after, .dark-theme a.btn-primary.btn-grey, .dark-theme a.btn-primary.btn-yellow, .dark-theme a.btn-secondary:hover:after {
	color: #2f2f3b
}
.dark-theme .btn-cta.btn-secondary a.cta_button, .dark-theme .mock-btn.btn-secondary, .dark-theme a.btn-secondary {
	color: #fff
}
.dark-theme .mock-btn.btn-secondary:hover:after {
	color: #2f2f3b
}
.dark-theme .btn-cta.btn-primary.btn-yellow a.cta_button:active, .dark-theme a.btn-primary.btn-yellow:active {
	background-color: #fff
}
button.no-style {
	-webkit-appearance: none;
	background: none;
	border: 2px solid transparent;
	padding: 0
}

@media only screen and (max-width:767px) {
.btn-cta.btn-primary a.cta_button, a.btn-primary {
	font-size: 14px;
	letter-spacing: -.01em;
	line-height: 20px;
	padding: 14px 45px 14px 24px
}
.btn-cta.btn-primary a.cta_button:after, a.btn-primary:after {
	right: 20px;
	top: 12px
}
.btn-cta.btn-primary a.cta_button:hover:after, a.btn-primary:hover:after {
	right: 12px
}
.btn-cta.btn-secondary a.cta_button, a.btn-secondary {
	font-size: 14px;
	letter-spacing: -.01em;
	line-height: 20px;
	padding: 14px 52px 14px 0
}
.btn-cta.btn-secondary a.cta_button:before, a.btn-secondary:before {
	right: 1px;
	top: 0
}
.btn-cta.btn-secondary a.cta_button:after, a.btn-secondary:after {
	right: 9px;
	top: 9px
}
}
form {
	font-family: DM Sans, sans-serif;
	max-width: 586px
}
form fieldset {
	max-width: none!important
}
form .form-columns-2 .hs-form-field {
	width: 48.5%!important
}
form .form-columns-2 .hs-form-field:first-child {
	margin-right: 3%
}
form .hs-form-field {
	margin-bottom: 30px
}
form .hs-form-field label {
	color: #565666;
	display: block;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -.01em;
	line-height: 28px;
	margin-bottom: 6px
}
form .hs-form-field label .hs-form-required {
	color: #ff4d54;
	margin-left: 5px
}
form .hs-form-field .input {
	margin-right: 0!important
}
form input[type=color], form input[type=date], form input[type=datetime-local], form input[type=datetime], form input[type=email], form input[type=file], form input[type=month], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form input[type=time], form input[type=url], form input[type=week], form select, form textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #f5f5f8;
	border: 2px solid #f5f5f8;
	border-radius: 6px;
	color: #000;
	font-family: DM Sans, sans-serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -.01em;
	line-height: normal;
	padding: 12px 14px;
	width: 100%!important
}
form input:focus, form select:focus, form textarea:focus {
	border-color: #565666;
	outline: none
}
form select {
	background-image: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/down-chevron.svg);
	background-position: right 16px top 14px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	padding: 12px 42px 12px 16px
}
form input.invalid.error {
	border-color: #ff4d54
}
form textarea {
	max-height: 208px;
	min-height: 94px
}
form .hs-submit .actions {
	margin-top: 24px;
	text-align: left
}
form input[type=submit] {
	-webkit-appearance: none;
	background-color: #ffde00;
	border: none;
	border-radius: 4px;
	color: #2f2f3b;
	cursor: pointer;
	display: inline-block;
	font-family: DM Sans, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	padding: 14px 32px;
	text-align: center;
	text-decoration: none;
	transition: all .3s ease-in-out
}
form input[type=submit]:hover {
	background-color: #ffeb66
}
form input[type=submit]:active {
	background-color: #2f2f3b;
	color: #fff
}
::-moz-placeholder {
color:#565666
}
:-ms-input-placeholder {
color:#565666
}
::placeholder {
color:#565666
}
form ul.hs-error-msgs {
	margin: 4px 0 0
}
form ul.hs-error-msgs li {
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	margin: 0;
	padding: 0
}
form ul.hs-error-msgs li:before {
	display: none
}
form ul.hs-error-msgs li:not(:last-child) {
	margin-bottom: 10px
}
form ul.hs-error-msgs li label {
	color: #ff4d54;
	display: block;
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 0;
	text-align: left
}
.dark-theme form .legal-consent-container .hs-error-msgs label, .dark-theme form ul.hs-error-msgs li label, form .legal-consent-container .hs-error-msgs label {
	color: #ff4d54
}
form ul {
	margin: 10px 0
}
form ul.inputs-list li:before {
	display: none
}
form ul.multi-container {
	margin: 10px 0
}
form ul.multi-container li {
	color: #000;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 25px
}
form ul.inputs-list.multi-container li label {
	font-size: 18px;
	letter-spacing: -.01em;
	line-height: normal;
	margin-bottom: 0
}
form input[type=checkbox], form input[type=radio] {
	display: none
}
form ul.inputs-list.multi-container li.hs-form-checkbox {
	padding-left: 48px
}
form input[type=checkbox]+span {
	cursor: pointer;
	position: relative
}
form input[type=checkbox]+span:before {
	background-color: #f5f5f8;
	border: 2px solid #c3c3d7;
	border-radius: 4px;
	color: transparent;
	content: "";
	display: inline-block;
	font-size: 11px;
	height: 32px;
	left: -48px;
	line-height: 16px;
	position: absolute;
	top: -4px;
	width: 32px
}
form input[type=checkbox]:checked+span:before {
	background-color: #ff4d54;
	border-color: #ff4d54
}
form input[type=checkbox]:checked+span:after {
	background-image: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/check-white.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 20px 16px;
	content: "";
	height: 16px;
	left: -42px;
	position: absolute;
	top: 4px;
	width: 20px
}
form ul.inputs-list.multi-container li.hs-form-radio {
	padding-left: 48px
}
form input[type=radio]+span {
	cursor: pointer;
	position: relative
}
form input[type=radio]+span:before {
	background-color: #f5f5f8;
	border: 2px solid #c3c3d7;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 32px;
	left: -48px;
	position: absolute;
	text-align: center;
	top: -4px;
	width: 32px
}
form input[type=radio]+span:after {
	background-color: transparent;
	background-position: 50%;
	border-radius: 50%;
	content: "";
	display: block;
	height: 16px;
	left: -40px;
	position: absolute;
	top: 4px;
	width: 16px
}
form input[type=radio]:checked+span:before {
	background-color: #ff4d54;
	border-color: #ff4d54
}
form input[type=radio]:checked+span:after {
	background-color: #fff
}
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
-webkit-text-fill-color:initial;
background-color:#fff!important;
-webkit-box-shadow:inset 0 0 0 100px #fff!important;
color:#000!important
}
form li.hs-form-booleancheckbox {
	margin: 12px 0 13px;
	padding-left: 48px
}
form li.hs-form-booleancheckbox label {
	font-size: 18px;
	line-height: normal;
	margin-bottom: 0
}
form li.hs-form-booleancheckbox input[type=checkbox]+span:before {
	left: -48px
}
form li.hs-form-booleancheckbox input[type=checkbox]+span:after {
	left: -42px
}
form .hs_submit {
	margin-top: 14px
}
form .hs-recaptcha {
	margin: 15px 0
}
.submitted-message {
	display: block;
	max-width: 628px
}
.legal-consent-container .hs-form-booleancheckbox-display>span {
	margin-left: 0!important
}
form .legal-consent-container li.hs-form-booleancheckbox label {
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 0
}
form .legal-consent-container li.hs-form-booleancheckbox input[type=checkbox]+span:before {
	border-radius: 2px;
	border-width: 1px;
	height: 16px;
	left: -28px;
	top: 7px;
	width: 16px
}
form .legal-consent-container input[type=checkbox]:checked+span:after {
	background-size: 12px 9px;
	height: 9px;
	left: -26px;
	top: 11px;
	width: 12px
}
form legend {
	font-family: DM Sans, sans-serif;
	margin: 0 0 12px;
	padding: 0
}
.legal-consent-container p, form legend {
	color: #565666;
	font-size: 15px;
	line-height: 24px
}
.legal-consent-container p a {
	color: #cc3e43;
	text-decoration: underline
}
.legal-consent-container p a:hover {
	text-decoration: none
}
.dark-theme .legal-consent-container p a:hover {
	color: #cc3e43
}
form .legal-consent-container ul.inputs-list {
	margin: 10px 0
}
form .legal-consent-container ul.inputs-list li.hs-form-booleancheckbox {
	margin-bottom: 0;
	padding-left: 28px
}
.dark-theme form .hs-form-field label {
	color: #fff
}
.dark-theme form input[type=color], .dark-theme form input[type=date], .dark-theme form input[type=datetime-local], .dark-theme form input[type=datetime], .dark-theme form input[type=email], .dark-theme form input[type=file], .dark-theme form input[type=month], .dark-theme form input[type=number], .dark-theme form input[type=password], .dark-theme form input[type=search], .dark-theme form input[type=tel], .dark-theme form input[type=text], .dark-theme form input[type=time], .dark-theme form input[type=url], .dark-theme form input[type=week], .dark-theme form select, .dark-theme form textarea {
	background-color: #fff;
	color: #2f2f3b
}
.dark-theme form input[type=color]:focus, .dark-theme form input[type=date]:focus, .dark-theme form input[type=datetime-local]:focus, .dark-theme form input[type=datetime]:focus, .dark-theme form input[type=email]:focus, .dark-theme form input[type=file]:focus, .dark-theme form input[type=month]:focus, .dark-theme form input[type=number]:focus, .dark-theme form input[type=password]:focus, .dark-theme form input[type=search]:focus, .dark-theme form input[type=tel]:focus, .dark-theme form input[type=text]:focus, .dark-theme form input[type=time]:focus, .dark-theme form input[type=url]:focus, .dark-theme form input[type=week]:focus, .dark-theme form select:focus, .dark-theme form textarea:focus {
	border-color: #b8b8cd
}
.dark-theme .legal-consent-container p, .dark-theme form legend {
	color: #fff
}
.dark-theme form input[type=checkbox]+span:before, .dark-theme form input[type=radio]+span:before {
	border-color: #fff
}
.dark-theme form input[type=checkbox]:checked+span:before, .dark-theme form input[type=radio]:checked+span:before {
	border-color: #ff4d54
}

@media only screen and (max-width:480px) {
form .form-columns-2 .hs-form-field {
	width: 100%!important
}
form .form-columns-2 .hs-form-field:first-child {
	margin-right: 0
}
form .hs-form-field label {
	font-size: 14px;
	line-height: 20px
}
form input[type=color], form input[type=date], form input[type=datetime-local], form input[type=datetime], form input[type=email], form input[type=file], form input[type=month], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form input[type=time], form input[type=url], form input[type=week], form select, form textarea {
	font-size: 14px;
	letter-spacing: normal;
	padding: 13px 16px
}
form ul.hs-error-msgs li, form ul.hs-error-msgs li label {
	font-size: 12px;
	line-height: 20px
}
form .hs-submit .actions {
	text-align: center
}
form .hs-form-field {
	margin-bottom: 14px
}
form ul.hs-error-msgs {
	margin: 6px 0 0
}
form .hs-form-field label .hs-form-required {
	margin-left: 9px
}
form ul.multi-container li {
	margin-bottom: 18px
}
form ul.inputs-list.multi-container li.hs-form-checkbox, form ul.inputs-list.multi-container li.hs-form-radio {
	padding-left: 40px
}
form ul.inputs-list.multi-container li label {
	font-size: 14px;
	letter-spacing: normal;
	line-height: 20px
}
form input[type=checkbox]+span:before, form input[type=radio]+span:before {
	height: 26px;
	left: -40px;
	width: 26px
}
form input[type=radio]+span:after {
	height: 14px;
	left: -34px;
	top: 2px;
	width: 14px
}
form input[type=checkbox]:checked+span:after {
	background-size: 18px 14px;
	height: 14px;
	left: -36px;
	top: 2px;
	width: 18px
}
form li.hs-form-booleancheckbox {
	margin: 10px 0;
	padding-left: 40px
}
form li.hs-form-booleancheckbox label {
	font-size: 14px
}
form li.hs-form-booleancheckbox input[type=checkbox]+span:before {
	left: -40px
}
form li.hs-form-booleancheckbox input[type=checkbox]+span:after {
	left: -36px
}
.legal-consent-container p, form .legal-consent-container li.hs-form-booleancheckbox label, form legend {
	font-size: 12px;
	line-height: 20px
}
form .legal-consent-container li.hs-form-booleancheckbox input[type=checkbox]+span:before {
	top: 2px;
	top: 6px
}
}
.table-responsive {
	border: 0;
	margin: 30px 0;
	overflow-x: auto
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	color: #000;
	font-family: DM Sans, sans-serif;
	font-size: 15px;
	letter-spacing: normal;
	line-height: 24px
}
table, table td {
	font-weight: 400
}
table td {
	border: 1px solid #c3c3d7;
	padding: 15px;
	text-align: left;
	vertical-align: text-bottom
}
table td strong {
	font-weight: 700
}
.dark-theme table td {
	border-color: #fff
}
.hs-tools-menu li:before {
	content: none!important
}
html {
	scroll-behavior: smooth
}
body, html {
	overflow-x: hidden
}
[id] {
	scroll-snap-margin-top: 100px;
	scroll-margin-top: 100px
}
.page-center {
	margin: 0 auto;
	max-width: 1248px;
	padding: 0 24px
}
.page-center-large {
	margin: 0 auto;
	max-width: 1484px;
	padding: 0 24px
}
.page-center-none {
	margin: 0;
	max-width: none;
	overflow: hidden;
	padding: 0
}
.btn-cta a.cta_button:focus, .btn-cta a.cta_button:focus-visible, .dark-theme .invert-theme :focus, .dark-theme .invert-theme a:focus, .dark-theme .invert-theme button:focus, .light-to-dark-invert.dark-theme .bg-white :focus, .light-to-dark-invert.dark-theme .bg-white :focus-visible, :focus, :focus-visible, a.btn:focus, a.btn:focus-visible, button.focus-on:focus, button.focus-on:focus-visible, button:focus, button:focus-visible, button:focus:not(:focus-visible) {
border:none;
outline:2px solid #778
}
.dark-theme .btn-cta a.cta_button:focus, .dark-theme .btn-cta a.cta_button:focus-visible, .dark-theme :focus, .dark-theme :focus-visible, .dark-theme a.btn:focus, .dark-theme a.btn:focus-visible, .dark-theme button.focus-on:focus, .dark-theme button.focus-on:focus-visible, .dark-theme button:focus, .dark-theme button:focus-visible, .dark-theme button:focus:not(:focus-visible) {
border:none;
outline:2px solid #fff
}
.max-center {
	margin: 0 auto;
	max-width: 2000px;
	position: relative
}
img {
	height: auto;
	max-width: 100%
}
.hs-embed-wrapper {
	max-height: none!important;
	max-width: none!important
}
.hs-responsive-embed {
	height: 0;
	max-height: none!important;
	max-width: 100%!important;
	overflow: hidden;
	padding: 0 0 56.25%;
	position: relative
}
.hs-responsive-embed iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

@media only screen and (max-width:575px) {
.container, .container-lg, .container-md, .container-xl {
	padding-left: 1.389rem;
	padding-right: 1.389rem
}
}
body div#hs-eu-cookie-confirmation {
	background-color: #fff;
	border: none;
	bottom: 0;
	box-shadow: 0 1px 5px #d5d5e3;
	font-family: DM Sans, sans-serif;
	padding: 40px 0;
	position: fixed;
	top: auto
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
	background: transparent;
	margin: 0 auto;
	max-width: 1120px;
	padding: 0 30px
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {
	margin-bottom: 20px
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner *, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
	color: #000;
	font-size: 15px;
	letter-spacing: normal;
	line-height: 24px
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
	margin: 0 0 20px
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p>a {
	color: #000!important;
	cursor: pointer;
	font-weight: 400!important;
	text-decoration: underline!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-cookie-confirmation-button-group {
	display: block!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p>a:hover {
	font-weight: 400!important;
	text-decoration: none!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
	margin: 0!important;
	text-align: left!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
	border: none!important;
	border-radius: 4px;
	display: inline-block;
	font-family: DM Sans, sans-serif;
	font-size: 18px;
	font-weight: 700!important;
	line-height: 28px;
	margin: 0 16px 0 0!important;
	padding: 14px 32px!important;
	text-align: center;
	text-decoration: none!important;
	transition: all .3s ease-in-out
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
	background-color: #ffde00!important;
	color: #2f2f3b
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover {
	background-color: #ffeb66!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:active {
	background-color: #2f2f3b!important;
	color: #fff
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
	background-color: #f5f5f8!important;
	color: #2f2f3b
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:hover {
	background-color: #d5d5e3!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:active {
	background-color: #b8b8cd!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button {
	color: #2f2f3b!important;
	display: inline-block;
	margin: 0 0 25px!important;
	text-decoration: underline!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button:hover {
	text-decoration: none!important
}
body #hs_remove_cookie_button {
	bottom: 0
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-toggle .slider {
	background-color: #c3c3d7;
	box-shadow: none
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-toggle input:checked+.slider {
	background-color: #ff4d54
}
html body #hs-modal #hs-modal-content #hs-modal-header #hs-modal-close-button {
	color: #2f2f3b;
	font-size: 48px;
	margin-bottom: 27px
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label {
	background: #f5f5f8;
	border: 1px solid #c3c3d7;
	position: relative
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label:before {
	background-color: transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 2px
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label.hs-active:before, html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label:hover:before {
	background-color: #ff4d54
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label.hs-active, html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label.hs-active:hover {
	background: #fff;
	border-left: none!important
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label:hover {
	background: #c3c3d7
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label span {
	color: #2f2f3b!important;
	font-family: DM Sans, sans-serif!important;
	font-size: 15px!important;
	font-weight: 400!important;
	line-height: 1!important
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-description {
	border: 1px solid #c3c3d7;
	padding: 20px
}
html body #hs-modal #hs-modal-content a {
	color: #cc3e43!important;
	text-decoration: underline!important
}
html body #hs-modal #hs-modal-content a:hover {
	color: #cc3e43!important;
	text-decoration: none
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-description h3 {
	color: #2f2f3b!important;
	font-family: DM Sans, sans-serif!important;
	font-size: 28px!important;
	font-weight: 700!important;
	letter-spacing: -.01em!important;
	line-height: 36px!important;
	margin: 0 0 20px
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-description .hs-category-description-text {
	margin: 0
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-description p {
	color: #2f2f3b!important;
	font-family: DM Sans, sans-serif!important;
	font-size: 15px!important;
	font-weight: 400!important;
	line-height: 24px!important
}
html body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-accept-all, html body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-save-settings {
	background-color: #ffde00!important;
	border: none!important;
	border-radius: 4px;
	color: #2f2f3b!important;
	display: inline-block;
	font-family: DM Sans, sans-serif!important;
	font-size: 18px!important;
	font-weight: 700!important;
	line-height: 28px!important;
	margin: 0 0 0 16px!important;
	padding: 8px 16px!important;
	text-align: center;
	text-decoration: none!important;
	transition: all .3s ease-in-out
}
html body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-accept-all:hover, html body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-save-settings:hover {
	background-color: #ffeb66!important
}
html body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container {
	margin-top: 20px
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-always-active-label {
	color: #2f2f3b!important
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-toggle input:focus+.slider {
	box-shadow: none
}
.cookie-button.mock-btn.btn-primary.no-arrow {
	border: none;
	border-radius: 4px 4px 0 0;
	margin: 0;
	padding: 12px 15px
}

@media only screen and (max-width:767px) {
body div#hs-eu-cookie-confirmation {
	padding: 20px
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
	padding: 0!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner :not(#hs-eu-confirmation-button):not(#hs-eu-decline-button), body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
	font-size: 13px!important;
	line-height: 20px!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
	font-size: 14px;
	font-weight: 500!important;
	line-height: 22px
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
	margin: 0 15px 0 0!important;
	padding: 13px 22px!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
	padding: 11px 20px!important
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(10%)
}
to {
opacity:1;
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(10%)
}
to {
opacity:1;
transform:translateY(0)
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(10%)
}
to {
opacity:1;
transform:translateY(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(10%)
}
to {
opacity:1;
transform:translateY(0)
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(-10%)
}
to {
opacity:1;
transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(-10%)
}
to {
opacity:1;
transform:translateX(0)
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
transform:translateY(-10%)
}
to {
opacity:1;
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
transform:translateY(-10%)
}
to {
opacity:1;
transform:translateY(0)
}
}
@-webkit-keyframes zoomIn {
0% {
opacity:1;
transform:scale(.9)
}
to {
opacity:1;
transform:scale(1)
}
}
@keyframes zoomIn {
0% {
opacity:1;
transform:scale(.9)
}
to {
opacity:1;
transform:scale(1)
}
}
@-webkit-keyframes slideUp {
0% {
opacity:1;
transform:translateY(10%)
}
to {
opacity:1;
transform:translateY(0)
}
}
@keyframes slideUp {
0% {
opacity:1;
transform:translateY(10%)
}
to {
opacity:1;
transform:translateY(0)
}
}
[data-anim] {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
[data-anim-short] {
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
[data-anim-vshort] {
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
[data-anim=fadeInUp].animated {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
[data-anim=fadeInLeft].animated {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
[data-anim=fadeInRight].animated {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
[data-anim=fadeInDown].animated {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
[data-anim=zoomIn].animated {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
[data-anim=slideUp].animated {
	-webkit-animation-name: slideUp;
	animation-name: slideUp
}
[data-anim-short=fadeInUp].animated {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
[data-anim-short=fadeInLeft].animated {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
[data-anim-short=fadeInRight].animated {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
[data-anim-short=fadeInDown].animated {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
[data-anim-short=zoomIn].animated {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
[data-anim-short=slideUp].animated {
	-webkit-animation-name: slideUp;
	animation-name: slideUp
}
[data-anim-vshort=fadeInUp].animated {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
[data-anim-vshort=fadeInLeft].animated {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
[data-anim-vshort=fadeInRight].animated {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
[data-anim-vshort=fadeInDown].animated {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
[data-anim-vshort=zoomIn].animated {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
[data-anim-vshort=slideUp].animated {
	-webkit-animation-name: slideUp;
	animation-name: slideUp
}

@media only screen and (min-width:768px) {
[data-anim-short], [data-anim-vshort], [data-anim] {
	opacity: 0
}
}
.blog-listing .default-item .featured-img, .blog-listing .featured-item .featured-img {
	height: 240px
}
.post-item:hover .post-heading {
	text-decoration: underline
}
.pagination {
	padding: 20px 0 50px
}
.pagination .non-list li, .pagination.non-list li {
	font-weight: 700;
	line-height: normal;
	margin: 0 4px
}
.pagination li a {
	border-radius: 2px;
	min-width: 32px;
	padding: 7px 10px
}
.pagination li.pagination-nav a {
	font-size: 25px;
	min-width: auto;
	padding: 5px 3px 0
}
.post-author .avatar {
	height: 96px;
	margin-right: 24px;
	width: 96px
}
.post-author .info {
	width: calc(100% - 120px)
}
.post-body .speakers {
	padding: 56px 0 0
}
.post-body .speaker-item:not(.last-item) {
	margin-bottom: 48px
}
.topics-desktop {
	padding: 54px 0 52px
}
.topics-desktop .section-label {
	left: 0;
	top: 14px;
	width: 68px
}
.topics-desktop .inner-wrap {
	padding-left: 68px
}
.topics-list .topic-item {
	color: #2f2f3b;
	padding: 11px 0
}
.topics-list .topic-item:not(last-child) {
	margin: 0 19px 0 0
}
.topics-list .topic-item.active, .topics-list .topic-item:hover {
	color: #ff4d54
}
.topics-list .topic-item.active:after, .topics-list .topic-item:hover:after {
	background-color: #ff4d54;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	transition: background-color .3s ease-in-out;
	width: 100%
}
.topics-mobile .js-filters-trigger {
	padding: 15px 24px
}
.topics-mobile .js-filters-trigger .tmpt-icn {
	font-size: 24px;
	right: 18px;
	top: 14px
}
.topics-mobile.open .js-filters-trigger .tmpt-icn {
	transform: rotate(-180deg)
}
.post-hero .social-sharing a .social-icn {
	fill: #ff4d54
}
.post-hero .social-sharing a:hover .social-icn {
	fill: #2f2f3b
}
.post-hero .social-margin {
	margin-right: 5px
}
.case-studies-listing .pagination li a {
	background-color: transparent;
	display: block;
	text-align: center;
	transition: all .3s ease-in-out
}
.case-studies-listing .pagination li.active a, .case-studies-listing .pagination li.active:hover a {
	background-color: #ff4d54;
	color: #fff
}
.case-studies-listing .pagination li:hover a {
	background-color: #d5d5e3
}

@media only screen and (min-width:768px) {
.featured-item .post-info {
	padding-left: 42px
}
.pagination {
	padding: 80px 0 120px
}
.blog-listing .featured-item .featured-img {
	height: 424px
}
.blog-listing .default-item .featured-img {
	height: 376px
}
}

@media only screen and (max-width:767px) {
.post-author .avatar {
	height: 64px;
	margin-right: 24px;
	width: 64px
}
.post-body .speakers {
	padding: 30px 0 0
}
.post-body .speaker-item:not(.last-item) {
	margin-bottom: 30px
}
.topics-list .topic-item {
	padding: 7px 0
}
}

@media only screen and (max-width:480px) {
.blog-subscribe .form-wrap form .hs-submit .actions {
	text-align: left
}
}
.pd-t-0 {
	padding-top: 0
}
.pd-t-96 {
	padding-top: 96px
}
.pd-t-120 {
	padding-top: 120px
}
.pd-t-196 {
	padding-top: 196px
}
.pd-b-0 {
	padding-bottom: 0
}
.pd-b-96 {
	padding-bottom: 96px
}
.pd-b-120 {
	padding-bottom: 120px
}
.pd-b-196 {
	padding-bottom: 196px
}
.m-b-d-32 {
	margin-bottom: 32px
}
.m-b-d-40 {
	margin-bottom: 40px
}
.m-b-d-64 {
	margin-bottom: 64px
}
.cursor-pointer {
	cursor: pointer
}
.cursor-initial {
	cursor: auto
}
/*
.cursor-read-more:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/Mouse%20cursor.png) 64 64, auto
}
.cursor-explore:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/cursor-explore.png) 64 64, auto
}
.cursor-linkedin:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/cursor-linkedin.png) 64 64, auto
}
.cursor-previous:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/cursor-previous.png) 64 64, auto
}
.cursor-next:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/cursor-next.png) 64 64, auto
}
.cursor-connect:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/cursor-connect.png) 64 64, auto
}
html:lang(de-de) .cursor-read-more:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/cursor-read-more-de.png) 64 64, auto
}
html:lang(de-de) .cursor-explore:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/cursor-explore-de.png) 64 64, auto
}
html:lang(de-de) .cursor-linkedin:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/cursor-linkedin-de.png) 64 64, auto
}
html:lang(de-de) .cursor-connect:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/cursor-connect-de.png) 64 64, auto
}
*/
.card-visual-video video {
	left: 50%;
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}
.cover-img-wrap {
	overflow: hidden
}
.cover-img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	width: 100%
}
.cover-img-top {
	-o-object-position: center top;
	object-position: center top
}
.img-hover-zoom .img-zoom {
	transition: transform .3s ease-in-out
}
.img-hover-zoom:hover .img-zoom {
	transform: scale(1.04)
}
.txt-d-left {
	text-align: left
}
.txt-d-right {
	text-align: right
}
.transition-all, .transition-all-inner, .transition-all-inner * {
	transition: all .3s ease-in-out
}
.transition-padding {
	transition: padding .3s ease-in-out
}
.transition-opacity {
	transition: opacity .3s ease-in-out
}
.transition-visibility-opacity {
	transition: visibility .3s ease-in-out, opacity .3s ease-in-out
}
.transition-fill {
	transition: fill .3s ease-in-out
}
.transition-background-color {
	transition: background-color .3s ease-in-out
}
.transition-color {
	transition: color .3s ease-in-out
}
.left-0 {
	left: 0
}
.right-0 {
	right: 0
}
.border-top-1 {
	border-top: 1px solid
}
.border-top-2 {
	border-top: 2px solid
}
.border-bottom-1 {
	border-bottom: 1px solid
}
.border-bottom-2 {
	border-bottom: 2px solid
}
.border-light-grey {
	border-color: #c3c3d7
}
.border-charcoal {
	border-color: #2f2f3b
}
.dark-theme .border-charcoal, .dark-theme .border-light-grey {
	border-color: #fff
}
.video-cover {
	bottom: 0;
	left: 50%;
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}
.dark-theme .invert-theme p, .dark-theme .invert-theme p a, .light-to-dark-invert.dark-theme .invert-theme a.color-charcoal, .light-to-dark-invert.dark-theme .invert-theme p, .light-to-dark-invert.dark-theme .invert-theme p.color-charcoal {
	color: #2f2f3b
}

@media only screen and (max-width:992px) {
.pd-t-96 {
	padding-top: 64px
}
.pd-t-120 {
	padding-top: 80px
}
.pd-t-196 {
	padding-top: 130px
}
.pd-b-96 {
	padding-bottom: 64px
}
.pd-b-120 {
	padding-bottom: 80px
}
.pd-b-196 {
	padding-bottom: 130px
}
.txt-t-left {
	text-align: left
}
.txt-t-right {
	text-align: right
}
.t-flex-order-1 {
	order: 1
}
.t-flex-order-2 {
	order: 2
}
.t-flex-order-3 {
	order: 3
}
}

@media only screen and (max-width:767px) {
.pd-t-96 {
	padding-top: 48px
}
.pd-t-120 {
	padding-top: 60px
}
.pd-t-196 {
	padding-top: 98px
}
.pd-b-32 {
	padding-bottom: 32px
}
.pd-b-96 {
	padding-bottom: 48px
}
.pd-b-120 {
	padding-bottom: 60px
}
.pd-b-196 {
	padding-bottom: 98px
}
.px-12 {
	padding-left: 12px;
	padding-right: 12px
}
.pd-x-m-0 {
	padding-left: 0;
	padding-right: 0
}
.m-x-m-24 {
	margin-left: -24px;
	margin-right: -24px
}
.txt-m-left {
	text-align: left
}
.txt-m-right {
	text-align: right
}
.m-flex-order-1 {
	order: 1
}
.m-flex-order-2 {
	order: 2
}
.m-flex-order-3 {
	order: 3
}
.m-b-m-40 {
	margin-bottom: 40px
}
.m-b-m-24, .m-b-m-32 {
	margin-bottom: 32px
}
.m-b-m-0 {
	margin-bottom: 0
}
}
